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

package/dist/npm/signature/SignatureDialog.js

@@ -0,0 +1,288 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SignatureDialogVue2 = exports.SignatureDialog = void 0;
+// @ts-ignore
+var Vue = require("vue");
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+var kendo_vue_dialogs_1 = require("@progress/kendo-vue-dialogs");
+var SignatureBottomActions_1 = require("./SignatureBottomActions");
+var SignatureLine_1 = require("./SignatureLine");
+var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
+var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
+var kendo_vue_common_1 = require("@progress/kendo-vue-common");
+var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
+var SignatureCanvas_1 = require("./SignatureCanvas");
+var main_1 = require("../messages/main");
+/**
+ * @hidden
+ */
+var SignatureDialogVue2 = {
+  name: 'KendoSignatureDialog',
+  // @ts-ignore
+  emits: {
+    change: null,
+    clear: null,
+    close: null,
+    focus: null,
+    blur: null,
+    overlayclick: 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
+    }
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  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 = (0, kendo_vue_intl_1.provideLocalizationService)(this);
+    var minimizeTitle = ls.toLanguageString(main_1.signatureMinimize, main_1.messages[main_1.signatureMinimize]);
+    var clearTitle = ls.toLanguageString(main_1.signatureClear, main_1.messages[main_1.signatureClear]);
+    var hideLine = !this.$props.hideLine && h(SignatureLine_1.SignatureLine);
+    var bottomActions = h(SignatureBottomActions_1.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(kendo_vue_dialogs_1.Dialog, {
+      ref: (0, kendo_vue_common_1.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_1.SignatureCanvas, {
+        ref: (0, kendo_vue_common_1.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
+        },
+        elementSize: elementSize
+      }), h("div", {
+        "class": 'k-signature-actions k-signature-actions-top'
+      }, [
+      // @ts-ignore
+      h(kendo_vue_buttons_1.Button, {
+        "class": 'k-signature-action k-signature-minimize k-rotate-180',
+        ref: (0, kendo_vue_common_1.setRef)(_this, 'minimizeButton'),
+        icon: 'hyperlink-open',
+        attrs: _this.v3 ? undefined : {
+          icon: 'hyperlink-open',
+          svgIcon: kendo_svg_icons_1.hyperlinkOpenIcon,
+          shape: null,
+          fillMode: 'flat',
+          size: _this.$props.size,
+          "aria-label": minimizeTitle,
+          title: minimizeTitle
+        },
+        svgIcon: kendo_svg_icons_1.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_1.SignatureCanvas, {
+      ref: (0, kendo_vue_common_1.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
+      },
+      elementSize: elementSize
+    }), h("div", {
+      "class": 'k-signature-actions k-signature-actions-top'
+    }, [h(kendo_vue_buttons_1.Button, {
+      "class": 'k-signature-action k-signature-minimize k-rotate-180',
+      ref: (0, kendo_vue_common_1.setRef)(_this, 'minimizeButton'),
+      icon: 'hyperlink-open',
+      attrs: _this.v3 ? undefined : {
+        icon: 'hyperlink-open',
+        svgIcon: kendo_svg_icons_1.hyperlinkOpenIcon,
+        shape: null,
+        fillMode: 'flat',
+        size: _this.$props.size,
+        "aria-label": minimizeTitle,
+        title: minimizeTitle
+      },
+      svgIcon: kendo_svg_icons_1.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: {
+    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);
+    }
+  }
+};
+exports.SignatureDialogVue2 = SignatureDialogVue2;
+/**
+ * @hidden
+ */
+var SignatureDialog = SignatureDialogVue2;
+exports.SignatureDialog = SignatureDialog;

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

@@ -0,0 +1,39 @@
+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<{}>>;
+declare const SignatureLine: DefineComponent<{}, any, SignatureLineData, SignatureLineComputed, SignatureLineMethods, {}, {}, {}, string, {}, {}, {}>;
+export { SignatureLine, SignatureLineVue2 };

package/dist/npm/signature/SignatureLine.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SignatureLineVue2 = exports.SignatureLine = void 0;
+// @ts-ignore
+var Vue = require("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'
+      }
+    });
+  }
+};
+exports.SignatureLineVue2 = SignatureLineVue2;
+var SignatureLine = SignatureLineVue2;
+exports.SignatureLine = SignatureLine;

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

@@ -3,6 +3,7 @@ export interface SignatureCanvasProps {
     value?: string;
     tabIndex?: number;
     disabled?: boolean;
+    readOnly?: boolean;
     color?: string;
     backgroundColor?: string;
     strokeWidth?: number;

package/dist/npm/textarea/interfaces/TextAreaProps.d.ts

@@ -21,6 +21,16 @@ export interface TextAreaProps extends FormComponentProps {
      * Identifies the title of the TextArea component.
      */
     title?: string;
+    /**
+     * Defines the built-in [minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/minlength) property of the text inputs.
+     * * As the property is directly passed to the internal [input](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input) element, when defining it, it should be written as it is - `minlength`. Camel-case and kebap-case won't work in this scenario.
+     */
+    minlength?: string;
+    /**
+     * Defines the built-in [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/maxlength) property of the text inputs.
+     * * As the property is directly passed to the internal [input](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input) element, when defining it, it should be written as it is - `maxlength`. Camel-case and kebap-case won't work in this scenario.
+     */
+    maxlength?: string;
     /**
      * Specifies if the textarea element will resize its height automatically ([see example]({% slug sizing_textarea %})).
      * Defaults to `false`.

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-inputs",
   "description": "Kendo UI for Vue Input package",
-  "version": "3.7.4-dev.202301120847",
+  "version": "3.7.4-dev.202301131104",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -46,11 +46,11 @@
   },
   "dependencies": {
     "@progress/kendo-inputs-common": "^3.1.0",
-    "@progress/kendo-vue-buttons": "3.7.4-dev.202301120847",
-    "@progress/kendo-vue-common": "3.7.4-dev.202301120847",
-    "@progress/kendo-vue-dialogs": "3.7.4-dev.202301120847",
-    "@progress/kendo-vue-labels": "3.7.4-dev.202301120847",
-    "@progress/kendo-vue-popup": "3.7.4-dev.202301120847"
+    "@progress/kendo-vue-buttons": "3.7.4-dev.202301131104",
+    "@progress/kendo-vue-common": "3.7.4-dev.202301131104",
+    "@progress/kendo-vue-dialogs": "3.7.4-dev.202301131104",
+    "@progress/kendo-vue-labels": "3.7.4-dev.202301131104",
+    "@progress/kendo-vue-popup": "3.7.4-dev.202301131104"
   },
   "devDependencies": {
     "@progress/kendo-data-query": "^1.5.5",
@@ -59,13 +59,13 @@
     "@progress/kendo-file-saver": "^1.1.1",
     "@progress/kendo-licensing": "^1.3.0",
     "@progress/kendo-svg-icons": "^1.0.0",
-    "@progress/kendo-vue-buttons": "3.7.4-dev.202301120847",
-    "@progress/kendo-vue-dropdowns": "3.7.4-dev.202301120847",
-    "@progress/kendo-vue-form": "3.7.4-dev.202301120847",
-    "@progress/kendo-vue-intl": "3.7.4-dev.202301120847",
-    "@progress/kendo-vue-labels": "3.7.4-dev.202301120847",
-    "@progress/kendo-vue-tooltip": "3.7.4-dev.202301120847",
-    "@progress/kendo-vue-upload": "3.7.4-dev.202301120847",
+    "@progress/kendo-vue-buttons": "3.7.4-dev.202301131104",
+    "@progress/kendo-vue-dropdowns": "3.7.4-dev.202301131104",
+    "@progress/kendo-vue-form": "3.7.4-dev.202301131104",
+    "@progress/kendo-vue-intl": "3.7.4-dev.202301131104",
+    "@progress/kendo-vue-labels": "3.7.4-dev.202301131104",
+    "@progress/kendo-vue-tooltip": "3.7.4-dev.202301131104",
+    "@progress/kendo-vue-upload": "3.7.4-dev.202301131104",
     "cldr-core": "^41.0.0",
     "cldr-dates-full": "^41.0.0",
     "cldr-numbers-full": "^41.0.0"