@progress/kendo-vue-inputs 5.3.0-dev.202410141143 → 5.3.0-develop.1

package/dist/npm/textbox/TextBox.js

@@ -1,454 +0,0 @@
-"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);
-};
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TextBoxVue2 = exports.TextBox = void 0;
-// @ts-ignore
-var Vue = require("vue");
-var allVue = Vue;
-var gh = allVue.h;
-var isV3 = allVue.version && allVue.version[0] === '3';
-var ref = allVue.ref;
-var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-var package_metadata_1 = require("../package-metadata");
-var kendo_vue_labels_1 = require("@progress/kendo-vue-labels");
-var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
-/**
- * @hidden
- */
-var TextBoxVue2 = {
-  model: {
-    event: 'changemodel'
-  },
-  inheritAttrs: false,
-  // @ts-ignore
-  emits: {
-    'input': null,
-    'change': null,
-    'changemodel': null,
-    'update:modelValue': null,
-    'focus': null,
-    'blur': null,
-    'keyup': null,
-    'keydown': null,
-    'keypress': null
-  },
-  props: {
-    modelValue: {
-      type: [String, Number],
-      default: undefined
-    },
-    disabled: {
-      type: Boolean,
-      default: undefined
-    },
-    defaultValue: {
-      type: [String, Number],
-      default: ''
-    },
-    value: {
-      type: [String, Number]
-    },
-    label: {
-      type: String
-    },
-    placeholder: {
-      type: String
-    },
-    required: {
-      type: Boolean,
-      default: false
-    },
-    size: {
-      type: String,
-      default: 'medium',
-      validator: function validator(value) {
-        return [null, 'small', 'medium', 'large'].includes(value);
-      }
-    },
-    rounded: {
-      type: String,
-      default: 'medium',
-      validator: function validator(value) {
-        return [null, 'small', 'medium', 'large', 'full'].includes(value);
-      }
-    },
-    fillMode: {
-      type: String,
-      default: 'solid',
-      validator: function validator(value) {
-        return [null, 'solid', 'flat', 'outline'].includes(value);
-      }
-    },
-    dir: {
-      type: String
-    },
-    id: String,
-    valid: {
-      type: Boolean,
-      default: undefined
-    },
-    validate: {
-      type: Boolean
-    },
-    validationMessage: {
-      type: String
-    },
-    validityStyles: {
-      type: Boolean,
-      default: true
-    },
-    iconName: String,
-    inputPrefix: kendo_vue_common_1.templateDefinition,
-    inputSuffix: kendo_vue_common_1.templateDefinition,
-    showValidationIcon: Boolean,
-    showLoadingIcon: Boolean,
-    showClearButton: Boolean,
-    inputClass: String,
-    wrapperClass: String
-  },
-  data: function data() {
-    return {
-      hasMounted: false,
-      autofill: false,
-      currentValue: '',
-      valueDuringOnChange: '',
-      focused: false
-    };
-  },
-  created: function created() {
-    (0, kendo_vue_common_1.validatePackage)(package_metadata_1.packageMetadata);
-    this._input = undefined;
-    this._inputId = (0, kendo_vue_common_1.guid)();
-    this.$data.valueDuringOnChange = undefined;
-    this.$data.currentValue = this.$props.defaultValue;
-  },
-  mounted: function mounted() {
-    this._input = this.v3 ? this.inputRef : this.$refs.input;
-    this.wrapper = this.v3 ? this.wrapperRef : this.$refs.wrapper;
-    this.$data.hasMounted = true;
-    this.setValidity();
-  },
-  updated: function updated() {
-    this.setValidity();
-    this.updateValidClass();
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    var inputRef = ref(null);
-    return {
-      v3: v3,
-      inputRef: inputRef
-    };
-  },
-  render: function render(createElement) {
-    var _this = this;
-    var h = gh || createElement;
-    var isValid = !this.$props.validityStyles || this.validity().valid;
-    var _a = this.$props,
-      label = _a.label,
-      id = _a.id,
-      required = _a.required,
-      iconName = _a.iconName,
-      showValidationIcon = _a.showValidationIcon,
-      showLoadingIcon = _a.showLoadingIcon,
-      showClearButton = _a.showClearButton;
-    var inputId = id || this._inputId;
-    var textbox = h('input', __assign(__assign({
-      domProps: this.v3 ? null : __assign(__assign({}, this.$attrs), {
-        placeholder: this.$props.placeholder,
-        id: inputId,
-        required: required,
-        disabled: this.$props.disabled,
-        value: this.computedValue
-      }),
-      attrs: this.v3 ? undefined : __assign({}, this.$attrs)
-    }, this.$attrs), {
-      placeholder: this.$props.placeholder,
-      id: inputId,
-      required: required,
-      disabled: this.$props.disabled,
-      value: this.computedValue,
-      class: this.inputInnerClass,
-      ref: this.v3 ? function (el) {
-        _this.inputRef = el;
-      } : 'input',
-      on: this.v3 ? null : {
-        change: this.handleChange,
-        focus: this.emitFocus,
-        blur: this.emitBlur,
-        keydown: this.handleKeydown,
-        keyup: this.handleKeyup,
-        keypress: this.handleKeypress,
-        input: this.handleInput,
-        animationstart: this.handleAutoFill,
-        animationend: this.handleAutoFillEnd
-      },
-      onKeydown: this.handleKeydown,
-      onKeyup: this.handleKeyup,
-      onKeypress: this.handleKeypress,
-      onChange: this.handleChange,
-      onFocus: this.emitFocus,
-      onBlur: this.emitBlur,
-      onInput: this.handleInput,
-      onAnimationstart: this.handleAutoFill,
-      onAnimationend: this.handleAutoFillEnd
-    }));
-    var inputPrefixTemplate = kendo_vue_common_1.templateRendering.call(this, this.$props.inputPrefix, kendo_vue_common_1.getListeners.call(this));
-    var inputSuffixTemplate = kendo_vue_common_1.templateRendering.call(this, this.$props.inputSuffix, kendo_vue_common_1.getListeners.call(this));
-    var inputPrefix = kendo_vue_common_1.getTemplate.call(this, {
-      h: h,
-      template: inputPrefixTemplate,
-      additionalProps: {
-        value: this.computedValue,
-        valid: isValid
-      }
-    });
-    var inputSuffix = kendo_vue_common_1.getTemplate.call(this, {
-      h: h,
-      template: inputSuffixTemplate,
-      additionalProps: {
-        value: this.computedValue,
-        valid: isValid
-      }
-    });
-    var inputWrapper = h("span", {
-      "class": this.inputWrapperClass(),
-      ref: this.v3 ? function (el) {
-        _this.wrapperRef = el;
-      } : 'wrapper'
-    }, [iconName && h(kendo_vue_common_1.Icon, {
-      name: iconName,
-      attrs: this.v3 ? undefined : {
-        name: iconName
-      },
-      "class": "k-input-icon"
-    }), this.$props.inputPrefix && h("span", {
-      "class": "k-input-prefix"
-    }, [inputPrefix]), textbox, this.$props.inputSuffix && h("span", {
-      "class": "k-input-suffix"
-    }, [inputSuffix]), showValidationIcon && isValid && h(kendo_vue_common_1.Icon, {
-      name: 'check',
-      attrs: this.v3 ? undefined : {
-        name: 'check',
-        icon: kendo_svg_icons_1.checkIcon
-      },
-      icon: kendo_svg_icons_1.checkIcon,
-      "class": "k-input-validation-icon"
-    }), showValidationIcon && !isValid && h(kendo_vue_common_1.Icon, {
-      name: 'exclamation-circle',
-      attrs: this.v3 ? undefined : {
-        name: 'exclamation-circle',
-        icon: kendo_svg_icons_1.exclamationCircleIcon
-      },
-      icon: kendo_svg_icons_1.exclamationCircleIcon,
-      "class": "k-input-validation-icon"
-    }), showLoadingIcon && h(kendo_vue_common_1.Icon, {
-      name: 'loading',
-      attrs: this.v3 ? undefined : {
-        name: 'loading'
-      },
-      "class": 'k-input-loading-icon'
-    }), showClearButton && this.computedValue && h("span", {
-      onClick: this.clearClick,
-      on: this.v3 ? undefined : {
-        "click": this.clearClick
-      },
-      "class": "k-clear-value"
-    }, [h(kendo_vue_common_1.Icon, {
-      name: 'x',
-      attrs: this.v3 ? undefined : {
-        name: 'x',
-        icon: kendo_svg_icons_1.xIcon
-      },
-      icon: kendo_svg_icons_1.xIcon
-    })])]);
-    return label ?
-    // @ts-ignore function children
-    h(kendo_vue_labels_1.FloatingLabel, {
-      label: label,
-      attrs: this.v3 ? undefined : {
-        label: label,
-        editorId: inputId,
-        editorValue: this.computedValue,
-        editorValid: isValid,
-        editorDisabled: this.$props.disabled,
-        editorPlaceholder: this.$data.focused ? this.$props.placeholder : '',
-        dir: this.$props.dir
-      },
-      editorId: inputId,
-      editorValue: this.computedValue,
-      editorValid: isValid,
-      editorDisabled: this.$props.disabled,
-      editorPlaceholder: this.$data.focused ? this.$props.placeholder : '',
-      dir: this.$props.dir
-    }, this.v3 ? function () {
-      return [inputWrapper];
-    } : [inputWrapper]) : inputWrapper;
-  },
-  methods: {
-    updateValidClass: function updateValidClass() {
-      this.wrapper.classList.toggle('k-invalid', !this.validity().valid);
-    },
-    emitFocus: function emitFocus(e) {
-      this.$emit('focus', e);
-      this.$data.focused = true;
-    },
-    emitBlur: function emitBlur(e) {
-      this.$emit('blur', e);
-      this.$data.focused = false;
-    },
-    handleKeydown: function handleKeydown(e) {
-      this.$emit('keydown', e);
-    },
-    handleKeyup: function handleKeyup(e) {
-      this.$emit('keyup', e);
-    },
-    handleKeypress: function handleKeypress(e) {
-      this.$emit('keypress', e);
-    },
-    clearClick: function clearClick(event) {
-      this.emitUpdate(event, 'change', '');
-    },
-    focus: function focus() {
-      if (this._input) {
-        this._input.focus();
-      }
-    },
-    validity: function validity() {
-      var result = {
-        badTextBox: this._input ? this._input.validity.badTextBox : false,
-        patternMismatch: this._input ? this._input.validity.patternMismatch : false,
-        rangeOverflow: this._input ? this._input.validity.rangeOverflow : false,
-        rangeUnderflow: this._input ? this._input.validity.rangeUnderflow : false,
-        stepMismatch: this._input ? this._input.validity.stepMismatch : false,
-        tooLong: this._input ? this._input.validity.tooLong : false,
-        tooShort: this._input ? this._input.validity.tooShort : false,
-        typeMismatch: this._input ? this._input.validity.typeMismatch : false,
-        valueMissing: this._input ? this._input.validity.valueMissing : false
-      };
-      return __assign(__assign({}, result), {
-        customError: this.$props.validationMessage !== undefined,
-        valid: this.$props.valid !== undefined ? this.$props.valid : this._input ? !this.isInvalid(result) : true
-      });
-    },
-    isInvalid: function isInvalid(state) {
-      var result = false;
-      for (var prop in state) {
-        if (state.hasOwnProperty(prop)) {
-          result = result || state[prop];
-        }
-      }
-      return result;
-    },
-    setValidity: function setValidity() {
-      if (this._input && this._input.setCustomValidity) {
-        this._input.setCustomValidity(this.validity().valid ? '' : this.$props.validationMessage || '');
-      }
-    },
-    handleInput: function handleInput(event) {
-      this.emitUpdate(event, 'input', event.target.value);
-    },
-    handleChange: function handleChange(event) {
-      this.emitUpdate(event, 'change', event.target.value);
-    },
-    emitUpdate: function emitUpdate(event, eventName, value) {
-      var that = this;
-      if (this.disabled) {
-        return;
-      }
-      this.$data.currentValue = value;
-      this.$data.valueDuringOnChange = value;
-      this.$nextTick(function () {
-        that.$emit('changemodel', value);
-        that.$emit('update:modelValue', value);
-        that.$emit(eventName, {
-          event: event,
-          value: value,
-          component: that,
-          target: event.target,
-          validity: that.validity()
-        });
-        that.$data.valueDuringOnChange = undefined;
-      });
-    },
-    handleAutoFill: function handleAutoFill(e) {
-      if (e.animationName === 'autoFillStart') {
-        var parent_1 = e.target.parentNode;
-        if (parent_1 && parent_1.classList.contains('k-empty')) {
-          this.$data.autofill = true;
-          parent_1.classList.remove('k-empty');
-        }
-      }
-    },
-    handleAutoFillEnd: function handleAutoFillEnd(e) {
-      if (e.animationName === 'autoFillEnd') {
-        var parent_2 = e.target.parentNode;
-        if (parent_2) {
-          this.$data.autofill = false;
-        }
-      }
-    },
-    name: function name() {
-      return this.$props.name;
-    },
-    inputWrapperClass: function inputWrapperClass() {
-      var _a;
-      var _b = this.$props,
-        size = _b.size,
-        fillMode = _b.fillMode,
-        rounded = _b.rounded;
-      var isValid = !this.$data.hasMounted || !this.$props.validityStyles || this.validity().valid;
-      return _a = {
-        'k-textbox': true,
-        'k-input': true
-      }, _a["k-input-".concat(kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-input-".concat(fillMode)] = fillMode, _a["k-rounded-".concat(kendo_vue_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-invalid'] = !isValid, _a['k-required'] = this.required, _a['k-disabled'] = this.$props.disabled, _a[this.wrapperClass] = this.wrapperClass, _a;
-    }
-  },
-  computed: {
-    spanClassNames: {
-      get: function get() {
-        var isValid = !this.$data.hasMounted || !this.$props.validityStyles || this.validity().valid;
-        return {
-          'k-floating-label-container': true,
-          'k-focus': this.$data.focused,
-          'k-empty': !((this.computedValue === 0 ? true : this.computedValue) || this.$props.placeholder || this.$data.autofill),
-          'k-autofill': this.$data.autofill,
-          'k-invalid': !isValid && isValid !== undefined,
-          'k-rtl': this.$props.dir === 'rtl'
-        };
-      }
-    },
-    inputInnerClass: function inputInnerClass() {
-      var _a;
-      return _a = {
-        'k-input-inner': true
-      }, _a[this.inputClass] = this.inputClass, _a;
-    },
-    computedValue: {
-      get: function get() {
-        return this.$data.valueDuringOnChange !== undefined ? this.$data.valueDuringOnChange : this.$props.value !== undefined ? this.$props.value : this.$props.modelValue !== undefined ? this.$props.modelValue : this.$data.currentValue;
-      }
-    }
-  }
-};
-exports.TextBoxVue2 = TextBoxVue2;
-/**
- * @hidden
- */
-var TextBox = TextBoxVue2;
-exports.TextBox = TextBox;