@cling-se/widget 0.14.0 → 0.14.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cling-se/widget",
-  "version": "0.14.0",
+  "version": "0.14.3",
   "type": "module",
   "main": "./dist/index.umd.js",
   "module": "./dist/index.es.js",

package/tsconfig.json

@@ -20,7 +20,7 @@
     "noUnusedParameters": true,
     "noFallthroughCasesInSwitch": true
   },
-  "include": ["src/**/*", "src/**/*.vue", "src/**/*.js"],
-  "exclude": ["node_modules", "../node_modules"],
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "../node_modules", "./dist/**/*"],
   "references": [{ "path": "./tsconfig.node.json" }]
 }

package/dist/BaseInput-BDjhI5P9.js

@@ -1,364 +0,0 @@
-import { n as h, U as m } from "./main-CWRB9q-W.js";
-function d(t, e, i) {
-  this.$children.forEach((a) => {
-    a.$options.componentName === t ? a.$emit(...[e].concat(i)) : d.apply(a, [t, e].concat([i]));
-  });
-}
-const x = {
-  methods: {
-    dispatch(t, e, i) {
-      let a = this.$parent || this.$root, n = a.$options.componentName;
-      for (; a && (!n || n !== t); )
-        a = a.$parent, a && (n = a.$options.componentName);
-      a && a.$emit(...[e].concat(i));
-    },
-    broadcast(t, e, i) {
-      d.call(this, t, e, i);
-    }
-  }
-};
-let l;
-const g = `
-  height:0 !important;
-  visibility:hidden !important;
-  overflow:hidden !important;
-  position:absolute !important;
-  z-index:-1000 !important;
-  top:0 !important;
-  right:0 !important
-`, b = [
-  "letter-spacing",
-  "line-height",
-  "padding-top",
-  "padding-bottom",
-  "font-family",
-  "font-weight",
-  "font-size",
-  "text-rendering",
-  "text-transform",
-  "width",
-  "text-indent",
-  "padding-left",
-  "padding-right",
-  "border-width",
-  "box-sizing"
-];
-function y(t) {
-  const e = window.getComputedStyle(t), i = e.getPropertyValue("box-sizing"), a = parseFloat(e.getPropertyValue("padding-bottom")) + parseFloat(e.getPropertyValue("padding-top")), n = parseFloat(e.getPropertyValue("border-bottom-width")) + parseFloat(e.getPropertyValue("border-top-width"));
-  return {
-    contextStyle: b.map(
-      (f) => `${f}:${e.getPropertyValue(f)}`
-    ).join(";"),
-    paddingSize: a,
-    borderSize: n,
-    boxSizing: i
-  };
-}
-function c(t, e = 1, i = null) {
-  l || (l = document.createElement("textarea"), document.body.appendChild(l));
-  const { paddingSize: a, borderSize: n, boxSizing: r, contextStyle: f } = y(t);
-  l.setAttribute("style", `${f};${g}`), l.value = t.value || t.placeholder || "";
-  let s = l.scrollHeight;
-  const o = {};
-  r === "border-box" ? s += n : r === "content-box" && (s -= a), l.value = "";
-  const p = l.scrollHeight - a;
-  if (e !== null) {
-    let u = p * e;
-    r === "border-box" && (u = u + a + n), s = Math.max(u, s), o.minHeight = `${u}px`;
-  }
-  if (i !== null) {
-    let u = p * i;
-    r === "border-box" && (u = u + a + n), s = Math.min(u, s);
-  }
-  return o.height = `${s}px`, l.parentNode && l.parentNode.removeChild(l), l = null, o;
-}
-const v = {
-  name: "BaseInput",
-  componentName: "BaseInput",
-  mixins: [x],
-  inject: {
-    elForm: {
-      default: ""
-    },
-    elFormItem: {
-      default: ""
-    }
-  },
-  inheritAttrs: !1,
-  props: {
-    value: {
-      type: [String, Number],
-      default: null
-    },
-    size: {
-      type: String,
-      default: ""
-    },
-    resize: {
-      type: String,
-      default: ""
-    },
-    form: {
-      type: String,
-      default: ""
-    },
-    disabled: Boolean,
-    isPrice: {
-      type: Boolean,
-      default: !1
-    },
-    isIncVat: {
-      type: Boolean,
-      default: !1
-    },
-    // Vat in percentage if isPrice
-    vat: {
-      type: Number,
-      default: null
-    },
-    showZero: {
-      type: Boolean,
-      default: !1
-    },
-    type: {
-      type: String,
-      default: "text"
-    },
-    autosize: {
-      type: [Boolean, Object],
-      default: null
-    },
-    autoComplete: {
-      type: String,
-      default: "off"
-    },
-    validateEvent: {
-      type: Boolean,
-      default: !0
-    },
-    suffixIcon: {
-      type: String,
-      default: ""
-    },
-    prefixIcon: {
-      type: String,
-      default: ""
-    },
-    label: {
-      type: String,
-      default: ""
-    },
-    clearable: {
-      type: Boolean,
-      default: !1
-    },
-    tabindex: {
-      type: String,
-      default: ""
-    },
-    styleClass: {
-      type: String,
-      default: ""
-    }
-  },
-  data() {
-    return {
-      currentValue: this.value === void 0 || this.value === null ? "" : this.value,
-      prefixOffset: null,
-      inputPrefixOffset: null,
-      inputSuffixOffset: null,
-      suffixOffset: null,
-      hovering: !1,
-      focused: !1,
-      isOnComposition: !1,
-      valueBeforeComposition: null,
-      textareaCalcStyle: {}
-    };
-  },
-  computed: {
-    internalValue: {
-      get() {
-        if (this.isPrice && !Number.isNaN(parseFloat(this.value)) && Number.isFinite(this.value)) {
-          if (!this.value && !this.showZero)
-            return "";
-          let t = this.value;
-          return this.isIncVat && (t *= (100 + this.vat) / 100), t = Math.round(t) / 100, t;
-        }
-        return this.value;
-      },
-      set(t) {
-        let e = t;
-        this.isPrice && (e = t * 100, this.isIncVat && (e /= (100 + this.vat) / 100), e = Math.round(e)), this.$emit("input", e);
-      }
-    },
-    internalType() {
-      return this.isPrice ? "number" : this.type;
-    },
-    _elFormItemSize() {
-      return (this.elFormItem || {}).elFormItemSize;
-    },
-    validateState() {
-      return this.elFormItem ? this.elFormItem.validateState : "";
-    },
-    needStatusIcon() {
-      return this.elForm ? this.elForm.statusIcon : !1;
-    },
-    validateIcon() {
-      return {
-        validating: "el-icon-loading",
-        success: "el-icon-circle-check",
-        error: "el-icon-circle-close"
-      }[this.validateState];
-    },
-    inputSize() {
-      return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
-    },
-    textareaStyle() {
-      return {
-        ...this.textareaCalcStyle,
-        resize: this.resize
-      };
-    },
-    inputDisabled() {
-      return this.disabled || (this.elForm || {}).disabled;
-    },
-    isGroup() {
-      return this.$slots.prepend || this.$slots.append;
-    },
-    showClear() {
-      return this.clearable && !this.disabled && !this.readonly && this.currentValue !== "" && (this.focused || this.hovering);
-    }
-  },
-  watch: {
-    // eslint-disable-next-line no-unused-vars
-    value(t, e) {
-      this.$nextTick(this.resizeTextarea), this.setCurrentValue(t);
-    }
-  },
-  created() {
-    this.$on("inputSelect", this.select);
-  },
-  mounted() {
-    this.isGroup && (this.prefixOffset = this.calcIconOffset("pre"), this.suffixOffset = this.calcIconOffset("suf")), this.$slots.prefix && (this.inputPrefixOffset = this.calcInputPrefixOffset()), this.$slots.suffix && (this.inputSuffixOffset = this.calcInputSuffixOffset()), this.resizeTextarea();
-  },
-  methods: {
-    preventScroll(t) {
-      this.focused && this.internalType === "number" && t.preventDefault();
-    },
-    focus() {
-      const t = this.$refs.input || this.$refs.textarea;
-      t && m(t);
-    },
-    blur() {
-      (this.$refs.input || this.$refs.textarea).blur();
-    },
-    handleBlur(t) {
-      this.focused = !1, this.$emit("blur", t), this.validateEvent && this.dispatch("ElFormItem", "el.form.blur", [this.currentValue]);
-    },
-    select() {
-      (this.$refs.input || this.$refs.textarea).select();
-    },
-    handleFocus(t) {
-      this.focused = !0, this.$emit("focus", t);
-    },
-    handleChange(t) {
-      this.$emit("change", t.target.value);
-    },
-    setCurrentValue(t) {
-      this.isOnComposition && t === this.valueBeforeComposition || (this.currentValue = t, !this.isOnComposition && this.validateEvent && this.dispatch("ElFormItem", "el.form.change", [t]));
-    },
-    calcInputPrefixOffset() {
-      return this.$slots.prefix ? {
-        paddingLeft: `${this.$el.querySelector(".el-input__prefix").offsetWidth + 14 * 1.8}px`
-      } : null;
-    },
-    calcInputSuffixOffset() {
-      return this.$slots.suffix ? {
-        paddingRight: `${this.$el.querySelector(".el-input__suffix").offsetWidth + 14 * 1.8}px`
-      } : null;
-    },
-    calcIconOffset(t) {
-      const i = {
-        suf: "append",
-        pre: "prepend"
-      }[t];
-      return this.$slots[i] ? {
-        transform: `translateX(${t === "suf" ? "-" : ""}${this.$el.querySelector(`.el-input-group__${i}`).offsetWidth}px)`
-      } : null;
-    },
-    clear() {
-      this.$emit("input", ""), this.$emit("change", ""), this.$emit("clear"), this.setCurrentValue(""), this.focus();
-    },
-    // Method to block specific keycodes on input
-    allowKeyCode(t) {
-      if (!this.isPrice)
-        return !0;
-      const e = t.which ? t.which : t.keyCode;
-      return [69, 187].includes(e) ? (t.preventDefault(), !1) : !0;
-    },
-    resizeTextarea() {
-      const { autosize: t, type: e } = this;
-      if (e !== "textarea")
-        return;
-      if (!t) {
-        this.textareaCalcStyle = {
-          minHeight: c(this.$refs.textarea).minHeight
-        };
-        return;
-      }
-      const { minRows: i, maxRows: a } = t;
-      this.textareaCalcStyle = c(
-        this.$refs.textarea,
-        i,
-        a
-      );
-    }
-  }
-};
-var _ = function() {
-  var e = this, i = e._self._c;
-  return i("div", { staticClass: "input-container", class: [
-    e.internalType === "textarea" ? "el-textarea" : "el-input",
-    e.inputSize ? "el-input--" + e.inputSize : "",
-    e.styleClass ? e.styleClass : "",
-    e.focused ? "is-focus" : "",
-    e.currentValue ? "is-value" : "",
-    {
-      "is-disabled": e.inputDisabled,
-      "el-input-group": e.$slots.prepend || e.$slots.append,
-      "el-input-group--append": e.$slots.append,
-      "el-input-group--prepend": e.$slots.prepend,
-      "el-input--prefix": e.$slots.prefix || e.prefixIcon,
-      "el-input--suffix": e.$slots.suffix || e.suffixIcon || e.clearable,
-      "el-input-error": e.validateState === "error"
-    }
-  ], on: { mousewheel: e.preventScroll, mouseenter: function(a) {
-    e.hovering = !0;
-  }, mouseleave: function(a) {
-    e.hovering = !1;
-  } } }, [e.type !== "textarea" ? [e.$slots.prepend ? i("div", { staticClass: "el-input-group__prepend" }, [e._t("prepend")], 2) : e._e(), e.internalType === "checkbox" ? i("input", e._b({ directives: [{ name: "model", rawName: "v-model", value: e.internalValue, expression: "internalValue" }], ref: "input", staticClass: "el-input__inner", style: [e.inputPrefixOffset, e.inputSuffixOffset], attrs: { step: e.internalType === "number" ? 0.01 : !1, tabindex: e.tabindex, disabled: e.inputDisabled, autocomplete: e.autoComplete, "aria-label": e.label, type: "checkbox" }, domProps: { checked: Array.isArray(e.internalValue) ? e._i(e.internalValue, null) > -1 : e.internalValue }, on: { focus: e.handleFocus, blur: e.handleBlur, change: [function(a) {
-    var n = e.internalValue, r = a.target, f = !!r.checked;
-    if (Array.isArray(n)) {
-      var s = null, o = e._i(n, s);
-      r.checked ? o < 0 && (e.internalValue = n.concat([s])) : o > -1 && (e.internalValue = n.slice(0, o).concat(n.slice(o + 1)));
-    } else
-      e.internalValue = f;
-  }, e.handleChange], keydown: e.allowKeyCode } }, "input", e.$attrs, !1)) : e.internalType === "radio" ? i("input", e._b({ directives: [{ name: "model", rawName: "v-model", value: e.internalValue, expression: "internalValue" }], ref: "input", staticClass: "el-input__inner", style: [e.inputPrefixOffset, e.inputSuffixOffset], attrs: { step: e.internalType === "number" ? 0.01 : !1, tabindex: e.tabindex, disabled: e.inputDisabled, autocomplete: e.autoComplete, "aria-label": e.label, type: "radio" }, domProps: { checked: e._q(e.internalValue, null) }, on: { focus: e.handleFocus, blur: e.handleBlur, change: [function(a) {
-    e.internalValue = null;
-  }, e.handleChange], keydown: e.allowKeyCode } }, "input", e.$attrs, !1)) : i("input", e._b({ directives: [{ name: "model", rawName: "v-model", value: e.internalValue, expression: "internalValue" }], ref: "input", staticClass: "el-input__inner", style: [e.inputPrefixOffset, e.inputSuffixOffset], attrs: { step: e.internalType === "number" ? 0.01 : !1, tabindex: e.tabindex, disabled: e.inputDisabled, autocomplete: e.autoComplete, "aria-label": e.label, type: e.internalType }, domProps: { value: e.internalValue }, on: { focus: e.handleFocus, blur: e.handleBlur, change: e.handleChange, keydown: e.allowKeyCode, input: function(a) {
-    a.target.composing || (e.internalValue = a.target.value);
-  } } }, "input", e.$attrs, !1)), e.$slots.prefix || e.prefixIcon ? i("span", { staticClass: "el-input__prefix", style: e.prefixOffset }, [e._t("prefix"), e.prefixIcon ? i("i", { staticClass: "el-input__icon", class: e.prefixIcon }) : e._e()], 2) : e._e(), e.$slots.suffix || e.suffixIcon || e.showClear || e.validateState && e.needStatusIcon ? i("span", { staticClass: "el-input__suffix", style: e.suffixOffset }, [i("span", { staticClass: "el-input__suffix-inner" }, [e.showClear ? i("div", { staticClass: "el-input__icon el-input__clear", on: { click: e.clear } }, [i("svg", { attrs: { width: "20", height: "20", viewBox: "0 0 151 151", xmlns: "http://www.w3.org/2000/svg" } }, [i("path", { attrs: { d: "M75.5 151c41.697499 0 75.5-33.8025 75.5-75.5S117.197499 0 75.5 0 0 33.8025 0 75.5 33.802501 151 75.5 151zm9.606602-75.5l19.441267-19.44127c2.932807-2.9328 2.933101-7.68184.004169-10.61077-2.922972-2.92297-7.679536-2.92706-10.610771.00417L74.5 64.8934 55.058733 45.45213c-2.932807-2.93281-7.681839-2.9331-10.610771-.00417-2.922973 2.92297-2.927066 7.67954.004169 10.61077L63.893398 75.5 44.452131 94.94127c-2.932807 2.9328-2.933101 7.68184-.004169 10.61077 2.922972 2.92297 7.679536 2.92706 10.610771-.00417L74.5 86.1066l19.441267 19.44127c2.932807 2.93281 7.681839 2.9331 10.610771.00417 2.922973-2.92297 2.927066-7.67954-.004169-10.61077L85.106602 75.5z", fill: "#738DA5", "fill-rule": "evenodd" } })])]) : [e._t("suffix"), e.suffixIcon ? i("i", { staticClass: "el-input__icon", class: e.suffixIcon }) : e._e()]], 2), e.validateState ? i("i", { staticClass: "el-input__icon", class: ["el-input__validateIcon", e.validateIcon] }) : e._e()]) : e._e(), e.$slots.append ? i("div", { staticClass: "el-input-group__append" }, [e._t("append")], 2) : e._e()] : i("textarea", e._b({ directives: [{ name: "model", rawName: "v-model", value: e.internalValue, expression: "internalValue" }], ref: "textarea", staticClass: "c-textarea el-input__inner", style: e.textareaStyle, attrs: { tabindex: e.tabindex, disabled: e.inputDisabled, "min-rows": "1" }, domProps: { value: e.internalValue }, on: { focus: e.handleFocus, blur: e.handleBlur, change: e.handleChange, input: function(a) {
-    a.target.composing || (e.internalValue = a.target.value);
-  } } }, "textarea", e.$attrs, !1))], 2);
-}, $ = [], S = /* @__PURE__ */ h(
-  v,
-  _,
-  $,
-  !1,
-  null,
-  null
-);
-const V = S.exports;
-export {
-  V as B
-};