@progress/kendo-vue-inputs 3.7.4-dev.202301120847 → 3.7.4-dev.202301151601

package/dist/es/signature/SignatureCanvas.js

@@ -1,120 +1,3 @@
-var __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, generator) {
-  function adopt(value) {
-    return value instanceof P ? value : new P(function (resolve) {
-      resolve(value);
-    });
-  }
-  return new (P || (P = Promise))(function (resolve, reject) {
-    function fulfilled(value) {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-    function rejected(value) {
-      try {
-        step(generator["throw"](value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-    function step(result) {
-      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
-    }
-    step((generator = generator.apply(thisArg, _arguments || [])).next());
-  });
-};
-var __generator = this && this.__generator || function (thisArg, body) {
-  var _ = {
-      label: 0,
-      sent: function sent() {
-        if (t[0] & 1) throw t[1];
-        return t[1];
-      },
-      trys: [],
-      ops: []
-    },
-    f,
-    y,
-    t,
-    g;
-  return g = {
-    next: verb(0),
-    "throw": verb(1),
-    "return": verb(2)
-  }, typeof Symbol === "function" && (g[Symbol.iterator] = function () {
-    return this;
-  }), g;
-  function verb(n) {
-    return function (v) {
-      return step([n, v]);
-    };
-  }
-  function step(op) {
-    if (f) throw new TypeError("Generator is already executing.");
-    while (_) {
-      try {
-        if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-        if (y = 0, t) op = [op[0] & 2, t.value];
-        switch (op[0]) {
-          case 0:
-          case 1:
-            t = op;
-            break;
-          case 4:
-            _.label++;
-            return {
-              value: op[1],
-              done: false
-            };
-          case 5:
-            _.label++;
-            y = op[1];
-            op = [0];
-            continue;
-          case 7:
-            op = _.ops.pop();
-            _.trys.pop();
-            continue;
-          default:
-            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-              _ = 0;
-              continue;
-            }
-            if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
-              _.label = op[1];
-              break;
-            }
-            if (op[0] === 6 && _.label < t[1]) {
-              _.label = t[1];
-              t = op;
-              break;
-            }
-            if (t && _.label < t[2]) {
-              _.label = t[2];
-              _.ops.push(op);
-              break;
-            }
-            if (t[2]) _.ops.pop();
-            _.trys.pop();
-            continue;
-        }
-        op = body.call(thisArg, _);
-      } catch (e) {
-        op = [6, e];
-        y = 0;
-      } finally {
-        f = t = 0;
-      }
-    }
-    if (op[0] & 5) throw op[1];
-    return {
-      value: op[0] ? op[1] : void 0,
-      done: true
-    };
-  }
-};
 // @ts-ignore
 import * as Vue from 'vue';
 var allVue = Vue;
@@ -133,12 +16,11 @@ var setOptions = function setOptions() {
  */
 var SignatureCanvasVue2 = {
   name: 'KendoSignatureCanvas',
-  model: {
-    event: 'changemodel'
-  },
   // @ts-ignore
   emits: {
-    change: null
+    change: null,
+    draw: null,
+    drawend: null
   },
   inject: {
     kendoIntlService: {
@@ -149,24 +31,17 @@ var SignatureCanvasVue2 = {
     strokeWidth: Number,
     popupScale: Number,
     scale: Number,
+    name: String,
     value: String,
     tabIndex: Number,
     disabled: Boolean,
+    readOnly: Boolean,
     color: String,
     backgroundColor: String,
     elementSize: Function,
     smooth: Boolean
   },
   watch: {
-    value: function value(newLocale) {
-      if (this.instance) {
-        if (newLocale) {
-          this.instance.loadImage(newLocale);
-        } else {
-          this.instance.clear();
-        }
-      }
-    },
     color: setOptions,
     backgroundColor: setOptions,
     smooth: setOptions,
@@ -174,7 +49,6 @@ var SignatureCanvasVue2 = {
     readOnly: setOptions
   },
   mounted: function mounted() {
-    var _this = this;
     this.canvas = this.$el;
     var pad = new SignaturePad(this.canvas, this.getOptions());
     if (this.value) {
@@ -183,12 +57,8 @@ var SignatureCanvasVue2 = {
     this.instance = pad;
     this.instance.setOptions({
       onChange: this.onValueChange,
-      onDraw: function onDraw() {
-        return _this.isDrawing = true;
-      },
-      onDrawEnd: function onDrawEnd() {
-        return _this.isDrawing = false;
-      }
+      onDraw: this.onDraw,
+      onDrawEnd: this.onDrawEnd
     });
   },
   destroyed: !!isV3 ? undefined : function () {
@@ -218,6 +88,7 @@ var SignatureCanvasVue2 = {
         tabIndex: getTabIndex(this.$props.tabIndex, this.$props.disabled),
         role: "img",
         id: this.$props.id,
+        name: this.$props.name,
         "aria-label": this.$props.ariaLabel,
         "aria-labelledby": this.$props.ariaLabelledBy,
         "aria-describedby": this.$props.ariaDescribedBy,
@@ -225,6 +96,7 @@ var SignatureCanvasVue2 = {
       },
       role: "img",
       id: this.$props.id,
+      name: this.$props.name,
       "aria-label": this.$props.ariaLabel,
       "aria-labelledby": this.$props.ariaLabelledBy,
       "aria-describedby": this.$props.ariaDescribedBy,
@@ -233,21 +105,23 @@ var SignatureCanvasVue2 = {
   },
   methods: {
     onValueChange: function onValueChange() {
-      return __awaiter(this, void 0, void 0, function () {
-        var nextValue;
-        return __generator(this, function (_a) {
-          switch (_a.label) {
-            case 0:
-              return [4 /*yield*/, this.exportImage(this.elementSize())];
-            case 1:
-              nextValue = _a.sent();
-              this.$emit('change', nextValue);
-              return [2 /*return*/];
-          }
-        });
+      var that = this;
+      this.exportImage(this.elementSize()).then(function (nextValue) {
+        that.$emit('change', nextValue);
       });
     },
-
+    onDraw: function onDraw() {
+      this.$emit('draw');
+    },
+    onDrawEnd: function onDrawEnd() {
+      this.$emit('drawend');
+    },
+    loadImage: function loadImage(newLocale) {
+      this.instance.loadImage(newLocale);
+    },
+    clear: function clear() {
+      this.instance.clear();
+    },
     getOptions: function getOptions() {
       return {
         scale: this.popupScale,
@@ -260,20 +134,11 @@ var SignatureCanvasVue2 = {
     },
     exportImage: function exportImage(exportSize) {
       var _a;
-      return __awaiter(this, void 0, void 0, function () {
-        var width, height;
-        return __generator(this, function (_b) {
-          switch (_b.label) {
-            case 0:
-              width = exportSize.width, height = exportSize.height;
-              return [4 /*yield*/, (_a = this.instance) === null || _a === void 0 ? void 0 : _a.exportImage({
-                width: width * this.scale,
-                height: height * this.scale
-              })];
-            case 1:
-              return [2 /*return*/, _b.sent()];
-          }
-        });
+      var width = exportSize.width,
+        height = exportSize.height;
+      return (_a = this.instance) === null || _a === void 0 ? void 0 : _a.exportImage({
+        width: width * this.scale,
+        height: height * this.scale
       });
     }
   }

package/dist/es/signature/SignatureDialog.d.ts

@@ -0,0 +1,54 @@
+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 { SignatureCanvasProps } from './interfaces/SignatureCanvasProps';
+/**
+ * @hidden
+ */
+export interface SignatureDialogProps extends SignatureCanvasProps {
+    openWrapperClass?: object;
+    size?: string;
+    dir?: string;
+    popupWidth: Number;
+    popupHeight: Number;
+    showClear: boolean;
+}
+/**
+ * @hidden
+ */
+export interface SignatureDialogState {
+}
+/**
+ * @hidden
+ */
+export interface SignatureDialogComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SignatureDialogMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SignatureDialogData {
+    currentActive: boolean;
+}
+/**
+ * @hidden
+ */
+export interface SignatureDialogAll extends Vue2type, SignatureDialogMethods, SignatureDialogData, SignatureDialogComputed, SignatureDialogState {
+}
+/**
+ * @hidden
+ */
+declare let SignatureDialogVue2: ComponentOptions<SignatureDialogAll, DefaultData<SignatureDialogData>, DefaultMethods<SignatureDialogAll>, SignatureDialogComputed, RecordPropsDefinition<SignatureDialogProps>>;
+/**
+ * @hidden
+ */
+declare const SignatureDialog: DefineComponent<SignatureDialogProps, any, SignatureDialogData, SignatureDialogComputed, SignatureDialogMethods, {}, {}, {}, string, SignatureDialogProps, SignatureDialogProps, {}>;
+export { SignatureDialog, SignatureDialogVue2 };

package/dist/es/signature/SignatureDialog.js

@@ -0,0 +1,306 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { Dialog } from '@progress/kendo-vue-dialogs';
+import { SignatureBottomActions } from './SignatureBottomActions';
+import { SignatureLine } from './SignatureLine';
+import { Button } from '@progress/kendo-vue-buttons';
+import { provideLocalizationService } from '@progress/kendo-vue-intl';
+import { getRef, setRef } from '@progress/kendo-vue-common';
+import { hyperlinkOpenIcon } from '@progress/kendo-svg-icons';
+import { SignatureCanvas } from './SignatureCanvas';
+import { messages, signatureClear, signatureMinimize } from '../messages/main';
+/**
+ * @hidden
+ */
+var SignatureDialogVue2 = {
+  name: 'KendoSignatureDialog',
+  // @ts-ignore
+  emits: {
+    change: null,
+    clear: null,
+    close: null,
+    focus: null,
+    blur: null,
+    overlayclick: null,
+    draw: null,
+    drawend: null
+  },
+  props: {
+    openWrapperClass: Object,
+    size: String,
+    dir: String,
+    popupWidth: Number,
+    popupHeight: Number,
+    showClear: Boolean,
+    strokeWidth: Number,
+    popupScale: Number,
+    scale: Number,
+    value: String,
+    tabIndex: Number,
+    disabled: Boolean,
+    readOnly: Boolean,
+    color: String,
+    backgroundColor: String,
+    elementSize: Function,
+    smooth: Boolean
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  data: function data() {
+    return {
+      isDrawing: false
+    };
+  },
+  mounted: function mounted() {
+    this.openCanvas = getRef(this, 'openCanvas');
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  render: function render(createElement) {
+    var _this = this;
+    var h = gh || createElement;
+    var _a = this.$props,
+      showClear = _a.showClear,
+      popupWidth = _a.popupWidth,
+      popupHeight = _a.popupHeight,
+      dir = _a.dir,
+      size = _a.size,
+      value = _a.value,
+      tabIndex = _a.tabIndex,
+      disabled = _a.disabled,
+      readOnly = _a.readOnly,
+      color = _a.color,
+      backgroundColor = _a.backgroundColor,
+      strokeWidth = _a.strokeWidth,
+      smooth = _a.smooth,
+      popupScale = _a.popupScale,
+      scale = _a.scale,
+      elementSize = _a.elementSize;
+    var ls = provideLocalizationService(this);
+    var minimizeTitle = ls.toLanguageString(signatureMinimize, messages[signatureMinimize]);
+    var clearTitle = ls.toLanguageString(signatureClear, messages[signatureClear]);
+    var hideLine = !this.$props.hideLine && h(SignatureLine);
+    var bottomActions = h(SignatureBottomActions, {
+      showClear: showClear,
+      attrs: this.v3 ? undefined : {
+        showClear: showClear,
+        size: size,
+        title: clearTitle
+      },
+      size: size,
+      onClear: this.onClear,
+      on: this.v3 ? undefined : {
+        "clear": this.onClear
+      },
+      title: clearTitle
+    });
+    var dialog =
+    // @ts-ignore function children
+    h(Dialog, {
+      ref: setRef(this, 'dialog'),
+      onOverlayclick: this.onOverlayClick,
+      on: this.v3 ? undefined : {
+        "overlayclick": this.onOverlayClick
+      }
+    }, this.v3 ? function () {
+      return [h("div", {
+        style: {
+          width: popupWidth + 'px',
+          height: popupHeight + 'px'
+        },
+        dir: dir,
+        attrs: _this.v3 ? undefined : {
+          dir: dir
+        },
+        "class": _this.openWrapperClass,
+        onFocus: _this.onFocus,
+        on: _this.v3 ? undefined : {
+          "focus": _this.onFocus,
+          "blur": _this.onBlur
+        },
+        onBlur: _this.onBlur
+      }, [h(SignatureCanvas, {
+        ref: setRef(_this, 'openCanvas'),
+        value: value,
+        attrs: _this.v3 ? undefined : {
+          value: value,
+          tabIndex: tabIndex,
+          disabled: disabled,
+          readOnly: readOnly,
+          color: color,
+          backgroundColor: backgroundColor,
+          strokeWidth: strokeWidth,
+          smooth: smooth,
+          popupScale: popupScale,
+          scale: scale,
+          elementSize: elementSize
+        },
+        tabIndex: tabIndex,
+        disabled: disabled,
+        readOnly: readOnly,
+        color: color,
+        backgroundColor: backgroundColor,
+        strokeWidth: strokeWidth,
+        smooth: smooth,
+        popupScale: popupScale,
+        scale: scale,
+        onChange: _this.onValueChange,
+        on: _this.v3 ? undefined : {
+          "change": _this.onValueChange,
+          "draw": _this.onDraw,
+          "drawend": _this.onDrawEnd
+        },
+        elementSize: elementSize,
+        onDraw: _this.onDraw,
+        onDrawend: _this.onDrawEnd
+      }), h("div", {
+        "class": 'k-signature-actions k-signature-actions-top'
+      }, [!_this.isDrawing &&
+      // @ts-ignore
+      h(Button, {
+        "class": 'k-signature-action k-signature-minimize k-rotate-180',
+        ref: setRef(_this, 'minimizeButton'),
+        icon: 'hyperlink-open',
+        attrs: _this.v3 ? undefined : {
+          icon: 'hyperlink-open',
+          svgIcon: hyperlinkOpenIcon,
+          shape: null,
+          fillMode: 'flat',
+          size: _this.$props.size,
+          "aria-label": minimizeTitle,
+          title: minimizeTitle
+        },
+        svgIcon: hyperlinkOpenIcon,
+        shape: null,
+        fillMode: 'flat',
+        size: _this.$props.size,
+        onClick: _this.onMinimizeClick,
+        on: _this.v3 ? undefined : {
+          "click": _this.onMinimizeClick
+        },
+        "aria-label": minimizeTitle,
+        title: minimizeTitle
+      })]), hideLine, bottomActions])];
+    } : [h("div", {
+      style: {
+        width: popupWidth + 'px',
+        height: popupHeight + 'px'
+      },
+      dir: dir,
+      attrs: _this.v3 ? undefined : {
+        dir: dir
+      },
+      "class": _this.openWrapperClass,
+      onFocus: _this.onFocus,
+      on: _this.v3 ? undefined : {
+        "focus": _this.onFocus,
+        "blur": _this.onBlur
+      },
+      onBlur: _this.onBlur
+    }, [h(SignatureCanvas, {
+      ref: setRef(_this, 'openCanvas'),
+      value: value,
+      attrs: _this.v3 ? undefined : {
+        value: value,
+        tabIndex: tabIndex,
+        disabled: disabled,
+        readOnly: readOnly,
+        color: color,
+        backgroundColor: backgroundColor,
+        strokeWidth: strokeWidth,
+        smooth: smooth,
+        popupScale: popupScale,
+        scale: scale,
+        elementSize: elementSize
+      },
+      tabIndex: tabIndex,
+      disabled: disabled,
+      readOnly: readOnly,
+      color: color,
+      backgroundColor: backgroundColor,
+      strokeWidth: strokeWidth,
+      smooth: smooth,
+      popupScale: popupScale,
+      scale: scale,
+      onChange: _this.onValueChange,
+      on: _this.v3 ? undefined : {
+        "change": _this.onValueChange,
+        "draw": _this.onDraw,
+        "drawend": _this.onDrawEnd
+      },
+      elementSize: elementSize,
+      onDraw: _this.onDraw,
+      onDrawend: _this.onDrawEnd
+    }), h("div", {
+      "class": 'k-signature-actions k-signature-actions-top'
+    }, [!_this.isDrawing && h(Button, {
+      "class": 'k-signature-action k-signature-minimize k-rotate-180',
+      ref: setRef(_this, 'minimizeButton'),
+      icon: 'hyperlink-open',
+      attrs: _this.v3 ? undefined : {
+        icon: 'hyperlink-open',
+        svgIcon: hyperlinkOpenIcon,
+        shape: null,
+        fillMode: 'flat',
+        size: _this.$props.size,
+        "aria-label": minimizeTitle,
+        title: minimizeTitle
+      },
+      svgIcon: hyperlinkOpenIcon,
+      shape: null,
+      fillMode: 'flat',
+      size: _this.$props.size,
+      onClick: _this.onMinimizeClick,
+      on: _this.v3 ? undefined : {
+        "click": _this.onMinimizeClick
+      },
+      "aria-label": minimizeTitle,
+      title: minimizeTitle
+    })]), hideLine, bottomActions])]);
+    return dialog;
+  },
+  methods: {
+    onDraw: function onDraw() {
+      this.isDrawing = true;
+      this.$emit('draw');
+    },
+    onDrawEnd: function onDrawEnd() {
+      this.isDrawing = false;
+      this.$emit('drawend');
+    },
+    onValueChange: function onValueChange(nextValue) {
+      this.$emit('change', nextValue);
+    },
+    onClear: function onClear() {
+      this.$emit('clear');
+    },
+    onMinimizeClick: function onMinimizeClick() {
+      this.$emit('close');
+    },
+    onFocus: function onFocus(e) {
+      this.$emit('focus', e);
+    },
+    onBlur: function onBlur(e) {
+      this.$emit('blur', e);
+    },
+    onOverlayClick: function onOverlayClick(e) {
+      this.$emit('overlayclick', e);
+    }
+  }
+};
+/**
+ * @hidden
+ */
+var SignatureDialog = SignatureDialogVue2;
+export { SignatureDialog, SignatureDialogVue2 };

package/dist/es/signature/SignatureLine.d.ts

@@ -0,0 +1,42 @@
+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;
+};
+/**
+ * @hidden
+ */
+export interface SignatureLineState {
+}
+/**
+ * @hidden
+ */
+export interface SignatureLineComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SignatureLineMethods {
+    [key: string]: any;
+    element: () => HTMLSpanElement | null;
+}
+/**
+ * @hidden
+ */
+export interface SignatureLineData {
+}
+/**
+ * @hidden
+ */
+export interface SignatureLineAll extends Vue2type, SignatureLineMethods, SignatureLineData, SignatureLineComputed, SignatureLineState {
+}
+/**
+ * @hidden
+ */
+declare let SignatureLineVue2: ComponentOptions<SignatureLineAll, DefaultData<SignatureLineData>, DefaultMethods<SignatureLineAll>, SignatureLineComputed, RecordPropsDefinition<{}>>;
+/**
+ * @hidden
+ */
+declare const SignatureLine: DefineComponent<{}, any, SignatureLineData, SignatureLineComputed, SignatureLineMethods, {}, {}, {}, string, {}, {}, {}>;
+export { SignatureLine, SignatureLineVue2 };

package/dist/es/signature/SignatureLine.js

@@ -0,0 +1,33 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+/**
+ * @hidden
+ */
+var SignatureLineVue2 = {
+  name: 'KendoSignatureLine',
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  render: function render(createElement) {
+    var h = gh || createElement;
+    return h("div", {
+      "class": 'k-signature-line',
+      style: {
+        zIndex: 2,
+        pointerEvents: 'none'
+      }
+    });
+  }
+};
+/**
+ * @hidden
+ */
+var SignatureLine = SignatureLineVue2;
+export { SignatureLine, SignatureLineVue2 };

package/dist/es/signature/interfaces/SignatureCanvasProps.d.ts

@@ -1,8 +1,10 @@
 /** @hidden */
 export interface SignatureCanvasProps {
+    name?: string;
     value?: string;
     tabIndex?: number;
     disabled?: boolean;
+    readOnly?: boolean;
     color?: string;
     backgroundColor?: string;
     strokeWidth?: number;