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

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

@@ -0,0 +1,129 @@
+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

@@ -0,0 +1,503 @@
+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
+};