@useinsider/guido 3.17.0-beta.3e9d6e7 → 3.17.0-beta.3ff6ea0

package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/InTagsText.js

@@ -1,129 +0,0 @@
-import { InIcons as n } from "./InIcons.js";
-import { p as i, a as s } from "./chunks/helpers.CgHNyjAJ.js";
-import { n as p } from "./chunks/_plugin-vue2_normalizer.WQT2Fc8L.js";
-/* empty css                        */
-const l = "_in-tags-text-wrapper_default_v01428_nePpX", o = "_in-tags-text-wrapper_alert_v01428_ueDmB", _ = "_in-tags-text-wrapper_warning_v01428_DxoqM", c = "_in-tags-text-wrapper_disable_v01428_Ml2XQ", g = "_in-tags-content_v01428_GYJh2", x = {
-  "in-tags-text-wrapper_default": "_in-tags-text-wrapper_default_v01428_nePpX",
-  inTagsTextWrapperDefault: l,
-  "in-tags-text-wrapper_alert": "_in-tags-text-wrapper_alert_v01428_ueDmB",
-  inTagsTextWrapperAlert: o,
-  "in-tags-text-wrapper_warning": "_in-tags-text-wrapper_warning_v01428_DxoqM",
-  inTagsTextWrapperWarning: _,
-  "in-tags-text-wrapper_disable": "_in-tags-text-wrapper_disable_v01428_Ml2XQ",
-  inTagsTextWrapperDisable: c,
-  "in-tags-content": "_in-tags-content_v01428_GYJh2",
-  inTagsContent: g
-}, u = {
-  components: {
-    InIcons: n
-  },
-  props: {
-    /**
-     * @property {string} type
-     */
-    type: {
-      type: String,
-      default: "default"
-    },
-    /**
-     * @property {string} text
-     */
-    text: {
-      type: String,
-      required: !0
-    },
-    /**
-     * @property {string|number} value
-     */
-    value: {
-      type: String | Number,
-      required: !0
-    },
-    /**
-     * @property {boolean} disable
-     */
-    disable: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * @property {boolean} withIcon
-     */
-    withIcon: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * @property {number} maxWidth
-     */
-    maxWidth: {
-      type: Number,
-      default: null
-    },
-    /**
-     * @property {boolean} preventXss
-     */
-    preventXss: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  data() {
-    return {
-      tagWrapperSpacing: 36
-    };
-  },
-  computed: {
-    /**
-     * @return {boolean}
-     */
-    isActiveMaxWidth() {
-      return !s(this.maxWidth);
-    },
-    /**
-     * @return {string}
-     */
-    computedTitle() {
-      return this.preventXss ? i(this.text) : this.text;
-    }
-  },
-  methods: {
-    /**
-     * @param {string | number} value
-     */
-    removeTag(t) {
-      this.$emit("click", t);
-    }
-  }
-};
-var d = function() {
-  var t = this, e = t._self._c;
-  return e("div", { staticClass: "d-i-b f-s-1 l-h-1 px-2 py-1 bor-r-1 clearfix in-tags-text-wrapper", class: [
-    t.disable ? ["in-tags-text-wrapper_disable", "cur-na", t.$style["in-tags-text-wrapper_disable"]] : ["in-tags-text-wrapper_" + t.type, t.$style["in-tags-text-wrapper_" + t.type]]
-  ], style: { "max-width": t.maxWidth + "px" }, on: { click: function(a) {
-    a.stopPropagation();
-  } } }, [e("div", { class: [
-    { "in-tags-content": t.withIcon },
-    { [t.$style["in-tags-content"]]: t.withIcon }
-  ] }, [e("p", { staticClass: "fl-l o-h t-o-e w-b-b-w", class: [{ "w-s-n-w": t.isActiveMaxWidth }, { "mr-1": t.withIcon }], style: { "max-width": t.maxWidth - t.tagWrapperSpacing + "px" }, attrs: { "data-value": t.value, title: t.computedTitle } }, [t._v(" " + t._s(t.text) + " ")]), t.withIcon ? e("in-icons", { class: [t.disable ? "p-e-n" : "cur-p"], attrs: { name: "line-close-netural", size: "16" }, on: { click: function(a) {
-    return t.removeTag(t.value);
-  } } }) : t._e()], 1)]);
-}, w = [];
-const r = {
-  $style: x
-};
-function m(t) {
-  for (var e in r)
-    this[e] = r[e];
-}
-var v = /* @__PURE__ */ p(
-  u,
-  d,
-  w,
-  !1,
-  m
-);
-const T = v.exports;
-export {
-  T as InTagsText
-};

package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/InTextInput.js

@@ -1,503 +0,0 @@
-import { InIcons as _ } from "./InIcons.js";
-import { InSkeleton as u } from "./InSkeleton.js";
-import { InTooltip as o } from "./InTooltip.js";
-import { p } from "./chunks/helpers.CgHNyjAJ.js";
-import { n as x } from "./chunks/_plugin-vue2_normalizer.WQT2Fc8L.js";
-/* empty css                         */
-const f = "_in-text-input-wrapper__input_v01428_57JO8", m = "_in-text-input-wrapper__input_white_v01428_DuNdb", c = "_in-text-input-wrapper__icon_v01428_Rcowj", w = "_in-text-input-wrapper__icon_left_v01428_cpz-c", d = "_in-text-input-wrapper__icon_right_v01428_iK5OB", h = "_in-text-input-wrapper__icon_small_v01428_f-bTa", v = "_in-text-input-wrapper__counter_v01428_aEgV1", g = "_in-text-input-wrapper__label_v01428_ph2v1", y = "_in-text-input-wrapper__error-message_v01428_ShTk0", b = "_in-text-input-wrapper__warning-message_v01428_sADIn", I = "_in-text-input-wrapper__label_disable_v01428_bplde", S = "_in-text-input-wrapper__input_disable_v01428_68ZEg", $ = "_in-text-input-wrapper__prefix_v01428_vDG58", k = "_in-text-input-wrapper__suffix_v01428_Je70l", T = "_in-text-input-wrapper__input_small_v01428_PLZj-", W = "_in-text-input-wrapper__prefix_small_v01428_Lv6wq", C = "_in-text-input-wrapper__suffix_small_v01428_drsWD", z = "_in-form-item_invalid_v01428_JAgz9", B = "_in-form-item_warning_v01428_-zvin", D = {
-  "in-text-input-wrapper__input": "_in-text-input-wrapper__input_v01428_57JO8",
-  inTextInputWrapperInput: f,
-  "in-text-input-wrapper__input_white": "_in-text-input-wrapper__input_white_v01428_DuNdb",
-  inTextInputWrapperInputWhite: m,
-  "in-text-input-wrapper__icon": "_in-text-input-wrapper__icon_v01428_Rcowj",
-  inTextInputWrapperIcon: c,
-  "in-text-input-wrapper__icon_left": "_in-text-input-wrapper__icon_left_v01428_cpz-c",
-  inTextInputWrapperIconLeft: w,
-  "in-text-input-wrapper__icon_right": "_in-text-input-wrapper__icon_right_v01428_iK5OB",
-  inTextInputWrapperIconRight: d,
-  "in-text-input-wrapper__icon_small": "_in-text-input-wrapper__icon_small_v01428_f-bTa",
-  inTextInputWrapperIconSmall: h,
-  "in-text-input-wrapper__counter": "_in-text-input-wrapper__counter_v01428_aEgV1",
-  inTextInputWrapperCounter: v,
-  "in-text-input-wrapper__label": "_in-text-input-wrapper__label_v01428_ph2v1",
-  inTextInputWrapperLabel: g,
-  "in-text-input-wrapper__error-message": "_in-text-input-wrapper__error-message_v01428_ShTk0",
-  inTextInputWrapperErrorMessage: y,
-  "in-text-input-wrapper__warning-message": "_in-text-input-wrapper__warning-message_v01428_sADIn",
-  inTextInputWrapperWarningMessage: b,
-  "in-text-input-wrapper__label_disable": "_in-text-input-wrapper__label_disable_v01428_bplde",
-  inTextInputWrapperLabelDisable: I,
-  "in-text-input-wrapper__input_disable": "_in-text-input-wrapper__input_disable_v01428_68ZEg",
-  inTextInputWrapperInputDisable: S,
-  "in-text-input-wrapper__prefix": "_in-text-input-wrapper__prefix_v01428_vDG58",
-  inTextInputWrapperPrefix: $,
-  "in-text-input-wrapper__suffix": "_in-text-input-wrapper__suffix_v01428_Je70l",
-  inTextInputWrapperSuffix: k,
-  "in-text-input-wrapper__input_small": "_in-text-input-wrapper__input_small_v01428_PLZj-",
-  inTextInputWrapperInputSmall: T,
-  "in-text-input-wrapper__prefix_small": "_in-text-input-wrapper__prefix_small_v01428_Lv6wq",
-  inTextInputWrapperPrefixSmall: W,
-  "in-text-input-wrapper__suffix_small": "_in-text-input-wrapper__suffix_small_v01428_drsWD",
-  inTextInputWrapperSuffixSmall: C,
-  "in-form-item_invalid": "_in-form-item_invalid_v01428_JAgz9",
-  inFormItemInvalid: z,
-  "in-form-item_warning": "_in-form-item_warning_v01428_-zvin",
-  inFormItemWarning: B
-}, V = {
-  components: {
-    InIcons: _,
-    InSkeleton: u,
-    InTooltip: o
-  },
-  props: {
-    /**
-     * @property {string} id
-     */
-    id: {
-      type: String,
-      required: !0
-    },
-    /**
-     * @property {string} name
-     */
-    name: {
-      type: String,
-      required: !0
-    },
-    /**
-     * @property {string|number} value
-     */
-    value: {
-      type: String | Number,
-      default: ""
-    },
-    /**
-     * @property {boolean} withLabel
-     */
-    withLabel: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * @property {string} label
-     */
-    label: {
-      type: String,
-      default: ""
-    },
-    /**
-     * @property {string} labelTooltip
-     */
-    labelTooltip: {
-      type: String,
-      default: ""
-    },
-    /**
-     * @property {string} type
-     */
-    type: {
-      type: String,
-      default: "text"
-    },
-    /**
-     * @property {string} placeholder
-     */
-    placeholder: {
-      type: String,
-      required: !0
-    },
-    /**
-     * @property {boolean|number} disable
-     */
-    disable: {
-      type: Boolean | Number,
-      default: !1
-    },
-    /**
-     * @property {boolean} invalid
-     */
-    invalid: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * @property {string} invalidMessage
-     */
-    invalidMessage: {
-      type: String,
-      default: ""
-    },
-    /**
-     * @property {boolean} small
-     */
-    small: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * @property {boolean} withIcon
-     */
-    withIcon: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * @property {string} iconName
-     */
-    iconName: {
-      type: String,
-      default: "search"
-    },
-    /**
-     * @property {string} iconPosition
-     */
-    iconPosition: {
-      type: String,
-      default: "left"
-    },
-    /**
-     * @property {string} theme
-     */
-    theme: {
-      type: String,
-      default: "grey"
-    },
-    /**
-     * @property {string} autocomplete
-     */
-    autoComplete: {
-      type: String,
-      default: "off"
-    },
-    /**
-     * @property {boolean} skeletonStatus
-     */
-    skeletonStatus: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * @property {number} skeletonSizing
-     */
-    skeletonSizing: {
-      type: Object,
-      default: () => ({
-        width: 0,
-        number: 0
-      })
-    },
-    /**
-     * @property {string} accept
-     */
-    accept: {
-      type: String,
-      default: ""
-    },
-    /**
-     * @property {boolean} warning
-     */
-    warning: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * @property {boolean} warningMessage
-     */
-    warningMessage: {
-      type: String,
-      default: ""
-    },
-    /**
-     * @property {boolean} withSuffix
-     */
-    withSuffix: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * @property {string} suffix
-     */
-    suffix: {
-      type: String,
-      default: "%"
-    },
-    /**
-     * @property {number|string} maxLength
-     */
-    maxLength: {
-      type: Number | String,
-      default: ""
-    },
-    /**
-     * @property {number|string} min
-     */
-    min: {
-      type: Number | String,
-      default: 0
-    },
-    /**
-     * @property {boolean} autoFocus
-     */
-    autoFocus: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * @property {boolean} allowDecimal
-     */
-    allowDecimal: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * @property {boolean} allowComma
-     */
-    allowComma: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * @property {boolean|string} prefix
-     */
-    prefix: {
-      type: Boolean | String,
-      default: !1
-    },
-    /**
-     * @property {boolean} preventXss
-     */
-    preventXss: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  data() {
-    return {
-      sizingStyles: ""
-    };
-  },
-  computed: {
-    /**
-     * @return {boolean}
-     */
-    hasInvalidMessage() {
-      return this.invalidMessage !== "" || this.warningMessage !== "";
-    },
-    /**
-     * @return {boolean}
-     */
-    isFileType() {
-      return this.type === "file";
-    },
-    /**
-     * @return {boolean}
-     */
-    isWarning() {
-      return !this.invalid && this.warning;
-    },
-    /**
-     * @return {string}
-     */
-    message() {
-      return this.isWarning ? this.warningMessage : this.invalidMessage;
-    },
-    /**
-     * @return {string}
-     */
-    messageClass() {
-      return this.isWarning ? "in-text-input-wrapper__warning-message" : "in-text-input-wrapper__error-message";
-    },
-    /**
-     * @return {string}
-     */
-    computedValue() {
-      return this.preventXss ? p(this.value) : this.value;
-    }
-  },
-  watch: {
-    autoFocus() {
-      this.autoFocus && this.focusToInput();
-    },
-    prefix: {
-      handler() {
-        this.setSizingStyles();
-      },
-      immediate: !0
-    },
-    suffix: {
-      handler() {
-        this.setSizingStyles();
-      },
-      immediate: !0
-    }
-  },
-  methods: {
-    /**
-     * @param {Event} event
-     */
-    keyup(t) {
-      this.$emit("keyup", this.fixValue(t));
-    },
-    /**
-     * @param {Event} event
-     */
-    keypress(t) {
-      if (t.key === "Enter" && this.$emit("enter", this.fixValue(t)), this.type === "number" && this.preventKeyPress(t.key))
-        return t.preventDefault(), !0;
-    },
-    /**
-     * @param {string} key
-     * @return {boolean}
-     */
-    preventKeyPress(t) {
-      let e = ["e", "E", "+", "\\"];
-      return this.min >= 0 && e.push("-"), this.allowDecimal || e.push("."), this.allowComma || e.push(","), e.includes(t);
-    },
-    /**
-     * @param {Event} event
-     */
-    focus(t) {
-      this.$emit("focus", this.fixValue(t));
-    },
-    /**
-     * @param {Event} event
-     */
-    blur(t) {
-      this.$emit("blur", this.fixValue(t));
-    },
-    /**
-     * @param {Event} event
-     */
-    click(t) {
-      this.$emit("click", this.fixValue(t));
-    },
-    /**
-     * @param {Event} event
-     */
-    input(t) {
-      var e;
-      this.fixValue(t), this.$emit("input", (e = t == null ? void 0 : t.target) == null ? void 0 : e.value);
-    },
-    /**
-     * @param {Event} event
-     */
-    change(t) {
-      var e, i;
-      this.type === "file" ? this.$emit("change", (e = t == null ? void 0 : t.target) == null ? void 0 : e.files) : (this.fixValue(t), this.$emit("change", (i = t == null ? void 0 : t.target) == null ? void 0 : i.value));
-    },
-    /**
-     * @param {Event} event
-     */
-    iconClick(t) {
-      this.click(t), this.$emit("iconClick", t);
-    },
-    /**
-     * @return {void}
-     */
-    focusToInput() {
-      this.$nextTick(() => {
-        this.$refs.textInput.focus();
-      });
-    },
-    /**
-     * @param {Event} event
-     * @return {Event}
-     */
-    fixValue(t) {
-      var e;
-      if (this.preventXss && t != null && t.target) {
-        const i = p((e = t == null ? void 0 : t.target) == null ? void 0 : e.value);
-        t.target.value !== i && (t.target.value = i);
-      }
-      return t;
-    },
-    /**
-     * @return {void}
-     */
-    onWheelHandler() {
-      this.type === "number" && this.$refs.textInput.blur();
-    },
-    /**
-     * @return {string}
-     */
-    setSizingStyles() {
-      this.$nextTick(() => {
-        var t, e, i, n;
-        const r = this.withIcon ? 36 : 16, l = (((e = (t = this.$refs) == null ? void 0 : t.prefix) == null ? void 0 : e.clientWidth) || 0) + 16, s = (((n = (i = this.$refs) == null ? void 0 : i.suffix) == null ? void 0 : n.clientWidth) || 0) + r;
-        this.sizingStyles = `padding-left: ${l}px; padding-right: ${s}px;`;
-      });
-    }
-  }
-};
-var L = function() {
-  var t = this, e = t._self._c;
-  return e("fieldset", { staticClass: "in-form-item in-text-input-wrapper qa-text-input", class: [
-    t.$style["in-text-input-wrapper"],
-    {
-      "in-form-item_invalid": t.invalid,
-      [t.$style["in-form-item_invalid"]]: t.invalid,
-      "in-form-item_warning": t.isWarning,
-      [t.$style["in-form-item_warning"]]: t.isWarning
-    }
-  ] }, [t.withLabel && !t.skeletonStatus ? e("div", { staticClass: "d-f a-i-c" }, [e("label", { staticClass: "in-text-input-wrapper__label mb-2 d-b", class: [
-    t.$style["in-text-input-wrapper__label"],
-    {
-      [t.$style["in-text-input-wrapper__label_disable"]]: t.disable,
-      "in-text-input-wrapper__label_disable": t.disable
-    }
-  ], attrs: { for: t.id } }, [t._v(" " + t._s(t.label) + " ")]), t.labelTooltip ? e("in-tooltip", { attrs: { text: t.labelTooltip } }) : t._e()], 1) : t._e(), t.withIcon && !t.skeletonStatus ? e("in-icons", { staticClass: "in-text-input-wrapper__icon", class: [
-    t.$style["in-text-input-wrapper__icon"],
-    t.$style[`in-text-input-wrapper__icon_${t.iconPosition}`],
-    `in-text-input-wrapper__icon_${t.iconPosition}`,
-    {
-      [t.$style["in-text-input-wrapper__icon_small"]]: t.small,
-      "in-text-input-wrapper__icon_small": t.small
-    }
-  ], attrs: { name: t.iconName }, on: { click: t.iconClick } }) : t._e(), t.withSuffix && t.suffix && !t.skeletonStatus ? e("p", { ref: "suffix", staticClass: "in-text-input-wrapper__suffix p-a r-0 px-3 bor-l-s-s bor-w-1 bor-c-6 t-c-3", class: [
-    t.$style["in-text-input-wrapper__suffix"],
-    {
-      [t.$style["in-text-input-wrapper__suffix_small"]]: t.small,
-      "in-text-input-wrapper__suffix_small": t.small
-    }
-  ] }, [t._v(" " + t._s(t.suffix) + " ")]) : t._e(), t.prefix && !t.skeletonStatus ? e("div", { ref: "prefix", staticClass: "in-text-input-wrapper__prefix p-a l-0 px-3 bor-r-s-s bor-w-1 bor-c-6 t-c-3", class: [
-    t.$style["in-text-input-wrapper__prefix"],
-    {
-      [t.$style["in-text-input-wrapper__prefix_small"]]: t.small,
-      "in-text-input-wrapper__prefix_small": t.small
-    }
-  ] }, [t._v(" " + t._s(t.prefix) + " ")]) : t._e(), t.skeletonStatus ? t._e() : e("input", { ref: "textInput", staticClass: "in-text-input-wrapper__input py-2 w-1", class: [
-    t.$style["in-text-input-wrapper__input"],
-    t.$style[`in-text-input-wrapper__input_${t.theme}`],
-    {
-      "pl-3 pr-7": t.withSuffix,
-      "px-3": !t.prefix && !t.withSuffix,
-      "h-1": t.isFileType,
-      [t.$style["in-text-input-wrapper__input_disable"]]: t.disable,
-      "in-text-input-wrapper__input_disable": t.disable,
-      [t.$style["in-text-input-wrapper__input_small"]]: t.small,
-      "in-text-input-wrapper__input_small": t.small
-    },
-    `in-text-input-wrapper__input_${t.theme}`
-  ], style: t.sizingStyles, attrs: { id: t.id, name: t.name, placeholder: t.placeholder, type: t.type, disabled: t.disable, autocomplete: t.autoComplete, accept: t.accept, maxlength: t.maxLength, min: t.min }, domProps: { value: t.computedValue }, on: { change: t.change, focus: t.focus, blur: t.blur, keyup: t.keyup, keypress: t.keypress, click: t.click, input: t.input, wheel: t.onWheelHandler } }), (t.invalid || t.isWarning) && !t.skeletonStatus && t.hasInvalidMessage ? e("p", { class: [
-    `m-0 mt-1 w-b-b-w ${t.messageClass}`,
-    t.$style[t.messageClass]
-  ] }, [t._v(" " + t._s(t.message) + " ")]) : t._e(), t.skeletonStatus ? e("in-skeleton", { attrs: { sizing: t.skeletonSizing, name: "InTextInput" } }) : t._e()], 1);
-}, M = [];
-const a = {
-  $style: D
-};
-function P(t) {
-  for (var e in a)
-    this[e] = a[e];
-}
-var E = /* @__PURE__ */ x(
-  V,
-  L,
-  M,
-  !1,
-  P
-);
-const A = E.exports;
-export {
-  A as InTextInput
-};