@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/InAccordion.js

@@ -0,0 +1,174 @@
+import { InIcons as e } from "./InIcons.js";
+import { p as n } from "./chunks/helpers.CgHNyjAJ.js";
+import { l as a } from "./chunks/localLocalesMixin.DYMhydo2.js";
+import { n as i } from "./chunks/_plugin-vue2_normalizer.WQT2Fc8L.js";
+/* empty css                         */
+const p = "_in-accordion-wrapper_v01428_hSzOl", _ = "_in-accordion-wrapper__text_v01428_9V6B8", d = "_in-accordion-wrapper__description_v01428_3tuPR", s = "_in-accordion-wrapper_compact_v01428_GVHZ2", l = "_in-accordion-wrapper_compact-style_v01428_6Jk72", g = "_in-accordion-wrapper_compact-padding_v01428_k1o1H", w = "_in-accordion-wrapper__toggle_v01428_-IFaz", u = "_in-accordion-wrapper__icon_v01428_TN2zl", v = "_in-accordion-wrapper__icon_rotate_v01428_XFHXF", m = "_in-accordion-wrapper__content_v01428_OD9NP", y = "_in-accordion-wrapper__content_opened_v01428_JONpT", f = {
+  "in-accordion-wrapper": "_in-accordion-wrapper_v01428_hSzOl",
+  inAccordionWrapper: p,
+  "in-accordion-wrapper__text": "_in-accordion-wrapper__text_v01428_9V6B8",
+  inAccordionWrapperText: _,
+  "in-accordion-wrapper__description": "_in-accordion-wrapper__description_v01428_3tuPR",
+  inAccordionWrapperDescription: d,
+  "in-accordion-wrapper_compact": "_in-accordion-wrapper_compact_v01428_GVHZ2",
+  inAccordionWrapperCompact: s,
+  "in-accordion-wrapper_compact-style": "_in-accordion-wrapper_compact-style_v01428_6Jk72",
+  inAccordionWrapperCompactStyle: l,
+  "in-accordion-wrapper_compact-padding": "_in-accordion-wrapper_compact-padding_v01428_k1o1H",
+  inAccordionWrapperCompactPadding: g,
+  "in-accordion-wrapper__toggle": "_in-accordion-wrapper__toggle_v01428_-IFaz",
+  inAccordionWrapperToggle: w,
+  "in-accordion-wrapper__icon": "_in-accordion-wrapper__icon_v01428_TN2zl",
+  inAccordionWrapperIcon: u,
+  "in-accordion-wrapper__icon_rotate": "_in-accordion-wrapper__icon_rotate_v01428_XFHXF",
+  inAccordionWrapperIconRotate: v,
+  "in-accordion-wrapper__content": "_in-accordion-wrapper__content_v01428_OD9NP",
+  inAccordionWrapperContent: m,
+  "in-accordion-wrapper__content_opened": "_in-accordion-wrapper__content_opened_v01428_JONpT",
+  inAccordionWrapperContentOpened: y
+}, T = {
+  name: "InAccordion",
+  components: {
+    InIcons: e
+  },
+  mixins: [a],
+  props: {
+    /**
+     * @property {string} title
+    */
+    title: {
+      type: String,
+      default: ""
+    },
+    /**
+     * @property {boolean} subTextStatus
+     */
+    subTextStatus: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @property {string} subText
+     */
+    subText: {
+      type: String,
+      default: ""
+    },
+    /**
+     * @property {boolean} status
+     */
+    status: {
+      type: Boolean,
+      default: !1
+    },
+    preventXss: { type: Boolean, default: !1 },
+    /**
+     * @property {boolean} borderStatus
+     */
+    borderStatus: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @property {object} toggleTexts
+     */
+    toggleTexts: {
+      type: Object,
+      default: () => ({
+        opened: "",
+        closed: ""
+      })
+    },
+    /**
+     * @property {string} accordionType
+     */
+    accordionType: {
+      type: String,
+      default: "default"
+    }
+  },
+  data() {
+    return {
+      toggle: !1
+    };
+  },
+  computed: {
+    toggleText() {
+      return this.toggleTexts.opened && this.toggleTexts.closed ? this.toggle ? this.toggleTexts.opened : this.toggleTexts.closed : "";
+    }
+  },
+  watch: {
+    status() {
+      this.toggle = this.status;
+    }
+  },
+  mounted() {
+    this.toggle = this.status;
+  },
+  methods: {
+    /**
+     * @param {object} event
+     * @return {void}
+     */
+    toggleAccordion(o) {
+      o.target.tagName !== "A" && (this.toggle = !this.toggle, this.$emit("changeStatus", this.toggle));
+    },
+    /**
+     * @param {string} subText
+     * @return {string}
+     */
+    getSanitizedSubText(o) {
+      return this.preventXss ? n(o) : o;
+    }
+  }
+};
+var x = function() {
+  var o = this, r = o._self._c;
+  return r("div", { staticClass: "w-1 qa-accordion" }, [r("a", { staticClass: "qa-accordion-wrapper in-accordion-wrapper clearfix", class: [o.$style["in-accordion-wrapper"], { "bor-b-n": o.borderStatus }] }, [r("div", { staticClass: "m-0 l-s-5 a-i-b py-5 px-0 cur-p", class: [
+    `in-accordion-wrapper_${o.accordionType}-padding`,
+    o.$style[`in-accordion-wrapper_${o.accordionType}-padding`]
+  ], on: { click: function(c) {
+    return o.toggleAccordion(c);
+  } } }, [r("div", { staticClass: "d-f j-c-s-b a-i-c" }, [r("div", { staticClass: "d-f a-i-c" }, [r("p", { staticClass: "qa-accordion-title in-accordion-wrapper__text mb-0 mr-2", class: [
+    o.$style["in-accordion-wrapper__text"],
+    `in-accordion-wrapper_${o.accordionType}`,
+    o.$style[`in-accordion-wrapper_${o.accordionType}`]
+  ] }, [o._v(" " + o._s(o.title) + " ")]), o._t("header")], 2), r("div", { staticClass: "d-f a-i-c" }, [o._t("headerRight"), r("div", { staticClass: "qa-accordion-toggle in-accordion-wrapper__toggle d-f a-i-c cur-p", class: o.$style["in-accordion-wrapper__toggle"], on: { click: function(c) {
+    return c.stopPropagation(), o.toggleAccordion(c);
+  } } }, [o.toggleText ? r("span", { staticClass: "qa-accordion-toggle-text l-h-1" }, [o._v(" " + o._s(o.toggleText) + " ")]) : o._e(), r("in-icons", { staticClass: "qa-accordion-toggle-icon in-accordion-wrapper__icon cur-p p-e-n", class: [
+    o.$style["in-accordion-wrapper__icon"],
+    {
+      [o.$style["in-accordion-wrapper__icon_rotate"]]: o.toggle,
+      "in-accordion-wrapper__icon_rotate": o.toggle
+    }
+  ], attrs: { name: "filled-dropdown-down" } })], 1)], 2)]), o.subTextStatus ? r("p", { staticClass: "qa-accordion-sub-text in-accordion-wrapper__description", class: [
+    o.$style["in-accordion-wrapper__description"],
+    `in-accordion-wrapper_${o.accordionType}-style`,
+    o.$style[`in-accordion-wrapper_${o.accordionType}-style`]
+  ], domProps: { innerHTML: o._s(o.getSanitizedSubText(o.subText)) } }) : o._e(), o._t("headerSubText")], 2), r("div", { staticClass: "qa-accordion-content in-accordion-wrapper__content", class: [
+    o.$style["in-accordion-wrapper__content"],
+    {
+      [o.$style["in-accordion-wrapper__content_opened"]]: o.toggle,
+      "in-accordion-wrapper__content_opened": o.toggle,
+      "mb-5": o.toggle
+    }
+  ] }, [o._t("default")], 2)])]);
+}, h = [];
+const t = {
+  $style: f
+};
+function $(o) {
+  for (var r in t)
+    this[r] = t[r];
+}
+var A = /* @__PURE__ */ i(
+  T,
+  x,
+  h,
+  !1,
+  $
+);
+const q = A.exports;
+export {
+  q as InAccordion
+};

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

@@ -0,0 +1,381 @@
+import { ref as f, computed as r, watch as K, onMounted as $t, onUnmounted as Pt, nextTick as Wt } from "vue";
+import { InIcons as Ot } from "./InIcons.js";
+import { InSkeleton as Vt } from "./InSkeleton.js";
+import { InTooltipV2 as Et } from "./InTooltipV2.js";
+import { I as Rt } from "./chunks/index.Bw_06igr.js";
+import { p as W } from "./chunks/helpers.CgHNyjAJ.js";
+import { u as Lt } from "./chunks/useLocalLocales.Ckuhy7d-.js";
+import { n as Nt } from "./chunks/_plugin-vue2_normalizer.WQT2Fc8L.js";
+/* empty css                              */
+const Mt = "_in-basic-text-input-wrapper_v01428_cHhqf", Ht = "_in-basic-text-input-wrapper__label_v01428_SsUPW", zt = "_in-basic-text-input-wrapper__tooltip_v01428_GySZu", At = "_in-basic-text-input-wrapper__input-field_v01428_YTPCP", Xt = "_in-basic-text-input-wrapper__input-field_readonly_v01428_JrCYX", jt = "_in-basic-text-input-wrapper__input_v01428_rSUjm", Qt = "_in-basic-text-input-wrapper__suffix_v01428_U28fh", Ut = "_in-basic-text-input-wrapper__prefix_v01428_4GzVl", Ft = "_in-basic-text-input-wrapper__prefix-actionable_v01428_xjsgj", Gt = "_in-basic-text-input-wrapper__suffix-actionable_v01428_QgVdE", qt = "_in-basic-text-input-wrapper__prefix-arrow_v01428_mzI7s", Yt = "_in-basic-text-input-wrapper__suffix-arrow_v01428_SUa1v", Zt = "_in-basic-text-input-wrapper__dropdown_v01428_YuDvF", Kt = "_in-basic-text-input-wrapper__icon-left_v01428_H26Xa", Jt = "_in-basic-text-input-wrapper__icon-right_v01428_QrRNx", te = "_in-basic-text-input-wrapper__helper-container_v01428_DQaNZ", ee = "_in-basic-text-input-wrapper__helper-message_v01428_t-H-T", ae = "_in-basic-text-input-wrapper__helper-icon_v01428_pPVeE", ie = "_in-basic-text-input-wrapper__helper-text_v01428_oIW4Q", ne = "_in-basic-text-input-wrapper__helper-counter_v01428_dielK", pe = "_in-basic-text-input-wrapper__slot-right_v01428_NzcwT", re = "_in-basic-text-input-wrapper__warning_v01428_IQ-LA", se = "_in-basic-text-input-wrapper__error_v01428_msXHu", le = "_in-basic-text-input-wrapper__disable_v01428_GRuwX", ue = "_in-basic-text-input-wrapper__white_v01428_9g2Gt", oe = {
+  "in-basic-text-input-wrapper": "_in-basic-text-input-wrapper_v01428_cHhqf",
+  inBasicTextInputWrapper: Mt,
+  "in-basic-text-input-wrapper__label": "_in-basic-text-input-wrapper__label_v01428_SsUPW",
+  inBasicTextInputWrapperLabel: Ht,
+  "in-basic-text-input-wrapper__tooltip": "_in-basic-text-input-wrapper__tooltip_v01428_GySZu",
+  inBasicTextInputWrapperTooltip: zt,
+  "in-basic-text-input-wrapper__input-field": "_in-basic-text-input-wrapper__input-field_v01428_YTPCP",
+  inBasicTextInputWrapperInputField: At,
+  "in-basic-text-input-wrapper__input-field_readonly": "_in-basic-text-input-wrapper__input-field_readonly_v01428_JrCYX",
+  inBasicTextInputWrapperInputFieldReadonly: Xt,
+  "in-basic-text-input-wrapper__input": "_in-basic-text-input-wrapper__input_v01428_rSUjm",
+  inBasicTextInputWrapperInput: jt,
+  "in-basic-text-input-wrapper__suffix": "_in-basic-text-input-wrapper__suffix_v01428_U28fh",
+  inBasicTextInputWrapperSuffix: Qt,
+  "in-basic-text-input-wrapper__prefix": "_in-basic-text-input-wrapper__prefix_v01428_4GzVl",
+  inBasicTextInputWrapperPrefix: Ut,
+  "in-basic-text-input-wrapper__prefix-actionable": "_in-basic-text-input-wrapper__prefix-actionable_v01428_xjsgj",
+  inBasicTextInputWrapperPrefixActionable: Ft,
+  "in-basic-text-input-wrapper__suffix-actionable": "_in-basic-text-input-wrapper__suffix-actionable_v01428_QgVdE",
+  inBasicTextInputWrapperSuffixActionable: Gt,
+  "in-basic-text-input-wrapper__prefix-arrow": "_in-basic-text-input-wrapper__prefix-arrow_v01428_mzI7s",
+  inBasicTextInputWrapperPrefixArrow: qt,
+  "in-basic-text-input-wrapper__suffix-arrow": "_in-basic-text-input-wrapper__suffix-arrow_v01428_SUa1v",
+  inBasicTextInputWrapperSuffixArrow: Yt,
+  "in-basic-text-input-wrapper__dropdown": "_in-basic-text-input-wrapper__dropdown_v01428_YuDvF",
+  inBasicTextInputWrapperDropdown: Zt,
+  "in-basic-text-input-wrapper__icon-left": "_in-basic-text-input-wrapper__icon-left_v01428_H26Xa",
+  inBasicTextInputWrapperIconLeft: Kt,
+  "in-basic-text-input-wrapper__icon-right": "_in-basic-text-input-wrapper__icon-right_v01428_QrRNx",
+  inBasicTextInputWrapperIconRight: Jt,
+  "in-basic-text-input-wrapper__helper-container": "_in-basic-text-input-wrapper__helper-container_v01428_DQaNZ",
+  inBasicTextInputWrapperHelperContainer: te,
+  "in-basic-text-input-wrapper__helper-message": "_in-basic-text-input-wrapper__helper-message_v01428_t-H-T",
+  inBasicTextInputWrapperHelperMessage: ee,
+  "in-basic-text-input-wrapper__helper-icon": "_in-basic-text-input-wrapper__helper-icon_v01428_pPVeE",
+  inBasicTextInputWrapperHelperIcon: ae,
+  "in-basic-text-input-wrapper__helper-text": "_in-basic-text-input-wrapper__helper-text_v01428_oIW4Q",
+  inBasicTextInputWrapperHelperText: ie,
+  "in-basic-text-input-wrapper__helper-counter": "_in-basic-text-input-wrapper__helper-counter_v01428_dielK",
+  inBasicTextInputWrapperHelperCounter: ne,
+  "in-basic-text-input-wrapper__slot-right": "_in-basic-text-input-wrapper__slot-right_v01428_NzcwT",
+  inBasicTextInputWrapperSlotRight: pe,
+  "in-basic-text-input-wrapper__warning": "_in-basic-text-input-wrapper__warning_v01428_IQ-LA",
+  inBasicTextInputWrapperWarning: re,
+  "in-basic-text-input-wrapper__error": "_in-basic-text-input-wrapper__error_v01428_msXHu",
+  inBasicTextInputWrapperError: se,
+  "in-basic-text-input-wrapper__disable": "_in-basic-text-input-wrapper__disable_v01428_GRuwX",
+  inBasicTextInputWrapperDisable: le,
+  "in-basic-text-input-wrapper__white": "_in-basic-text-input-wrapper__white_v01428_9g2Gt",
+  inBasicTextInputWrapperWhite: ue
+}, ce = {
+  selectionType: "single",
+  searchStatus: !1,
+  options: [
+    { text: "option", value: "option" }
+  ],
+  dynamicPosition: !0,
+  createOptionStatus: !1,
+  buttonStatus: !1,
+  buttonIcon: "filled-dropdown-down",
+  buttonLabel: "Secondary Button",
+  buttonOption: {},
+  boxWidth: "basedOnLongestItem",
+  maxHeight: 250
+}, _e = {
+  selectionType: "single",
+  searchStatus: !1,
+  options: [
+    { text: "option", value: "option" }
+  ],
+  dynamicPosition: !1,
+  createOptionStatus: !1,
+  buttonStatus: !1,
+  buttonIcon: "filled-dropdown-down",
+  buttonLabel: "Secondary Button",
+  buttonOption: {},
+  boxWidth: "basedOnLongestItem",
+  maxHeight: 250
+}, xe = {
+  Escape: 27
+}, J = {
+  number: "number"
+}, fe = {
+  name: "InBasicTextInput",
+  components: {
+    InIcons: Ot,
+    InSkeleton: Vt,
+    InTooltipV2: Et,
+    InDropdownMenu: Rt
+  },
+  props: {
+    id: { type: String, required: !0 },
+    name: { type: String, required: !0 },
+    theme: { type: String, default: "grey" },
+    value: { type: String | Number, default: "" },
+    labelStatus: { type: Boolean, default: !0 },
+    labelText: { type: String, default: "" },
+    tooltipStatus: { type: Boolean, default: !0 },
+    tooltipText: { type: String, default: "" },
+    type: { type: String, default: "text" },
+    states: { type: String, default: "default" },
+    placeholderText: { type: String, required: !0 },
+    disabledStatus: { type: Boolean, default: !1 },
+    readOnly: { type: Boolean, default: !1 },
+    leftIconStatus: { type: Boolean, default: !1 },
+    leftIconName: { type: String, default: "search" },
+    rightIconStatus: { type: Boolean, default: !1 },
+    rightIconName: { type: String, default: "search" },
+    autoComplete: { type: String, default: "off" },
+    skeletonStatus: { type: Boolean, default: !1 },
+    skeletonSizing: { type: Object, default: () => ({ width: 0, number: 0 }) },
+    prefixStatus: { type: Boolean, default: !1 },
+    prefixText: { type: String, default: "%" },
+    actionablePrefixStatus: { type: Boolean, default: !1 },
+    prefixDropdownOptions: { type: Object, default: () => ce },
+    suffixStatus: { type: Boolean, default: !1 },
+    suffixText: { type: String, default: "%" },
+    actionableSuffixStatus: { type: Boolean, default: !1 },
+    suffixDropdownOptions: { type: Object, default: () => _e },
+    maxCharacterLength: { type: Number | String, default: "" },
+    minValue: { type: Number | String, default: 0 },
+    maxValue: { type: Number | String, default: "" },
+    autoFocus: { type: Boolean, default: !1 },
+    allowDecimal: { type: Boolean, default: !1 },
+    allowComma: { type: Boolean, default: !0 },
+    preventXss: { type: Boolean, default: !0 },
+    helperMessageStatus: { type: Boolean, default: !0 },
+    helperMessage: { type: String, default: "" },
+    stateMessage: { type: String, default: "" },
+    characterCounterStatus: { type: Boolean, default: !0 },
+    characterCounterMaxValue: { type: Number, default: 20 }
+  },
+  setup(t, { emit: a }) {
+    const n = f(""), { localLocales: et } = Lt("InBasicTextInput"), at = r(() => t.preventXss ? W(t.value) : t.value), it = r(
+      () => t.preventXss ? W(t.labelText) : t.labelText
+    ), nt = r(() => t.states === "error" || t.states === "warning"), pt = r(() => ({
+      error: "filled-error-box-colored",
+      warning: "filled-caution-triangle-colored"
+    })[t.states] || ""), rt = r(() => t.states === "default"), h = r(() => t.states === "warning" || t.states === "error"), st = r(() => t.helperMessageStatus || t.characterCounterStatus || (h == null ? void 0 : h.value)), O = () => {
+      t.autoFocus && w();
+    };
+    K(() => t.autoFocus, O), K(
+      () => t.value,
+      (e) => {
+        n.value = e;
+      },
+      { immediate: !0 }
+    );
+    const lt = (e) => {
+      a("keyup", o(e));
+    }, ut = (e) => {
+      e.key === "Enter" && a("enter", o(e)), t.type === J.number && E(e.key) && e.preventDefault();
+    }, V = r(() => {
+      const e = ["e", "E", "+", "\\"];
+      return t.minValue >= 0 && e.push("-"), t.allowDecimal || e.push("."), t.allowComma || e.push(","), e;
+    }), E = (e) => V.value.includes(e), ot = (e) => {
+      a("focus", o(e));
+    }, ct = (e) => {
+      a("blur", o(e));
+    }, R = (e) => {
+      a("click", o(e));
+    }, _t = (e) => {
+      z.value && L(), R(e);
+    }, L = () => {
+      if (!x.value) return;
+      const e = x.value.selectionStart, i = x.value.selectionEnd;
+      e === i && x.value.select();
+    }, xt = (e) => {
+      var i;
+      m.value && (N(e), I(e)), o(e), a("input", (i = e == null ? void 0 : e.target) == null ? void 0 : i.value);
+    }, ft = (e) => {
+      var i;
+      m.value && (N(e), I(e)), o(e), a("change", (i = e == null ? void 0 : e.target) == null ? void 0 : i.value);
+    }, dt = (e) => {
+      if (t.maxCharacterLength && typeof t.maxCharacterLength == "number") {
+        let D = "";
+        const g = e.target, B = g.selectionStart, G = g.selectionEnd, $ = g.value, q = e.clipboardData.getData("text/plain"), Dt = $.length, Bt = G - B, Y = t.maxCharacterLength - Dt + Bt;
+        if (Y <= 0) {
+          e.preventDefault();
+          return;
+        }
+        const P = q.slice(0, Y);
+        if (P !== q) {
+          e.preventDefault(), D = $.slice(0, B) + P + $.slice(G), g.value = D;
+          const Z = B + P.length;
+          g.setSelectionRange(Z, Z);
+        }
+        o(e), a("input", D);
+      }
+      if (!m.value)
+        return;
+      e.preventDefault();
+      const i = e.target, s = i.selectionStart, l = i.selectionEnd, p = i.value, u = p.includes(".") || p.includes(","), c = e.clipboardData.getData("text/plain"), _ = T(), Q = M(c, _, u), U = s + Q.length, F = p.slice(0, s) + Q + p.slice(l);
+      i.value = F, i.setSelectionRange(U, U), a("input", F);
+    }, bt = (e) => {
+      a("leftIconClick", e);
+    }, wt = (e) => {
+      a("rightIconClick", e);
+    }, N = (e) => {
+      var i;
+      if (!e)
+        return;
+      const s = e.target, l = s.selectionStart - 1, p = (i = e == null ? void 0 : e.target) == null ? void 0 : i.value, u = C(), c = [...p.matchAll(u)].map((_) => _.index);
+      e.target.value = p.replace(u, ""), c.length > 0 && s.setSelectionRange(l, l);
+    }, I = (e) => {
+      if (!e)
+        return;
+      const i = e.target.value, s = e.target;
+      let l = s.selectionStart - 1;
+      const p = T(), u = [...i.matchAll(p)].map((_) => _.index), c = i.split("");
+      u.length > 1 && (c[l] = ""), e.target.value = c.join(""), u.length > 1 && s.setSelectionRange(l, l);
+    }, T = () => {
+      let e = "";
+      return t.allowDecimal && (e += "."), t.allowComma && (e += ","), new RegExp(`[${e}]`, "g");
+    }, C = () => {
+      let e = "0-9";
+      return t.allowDecimal && (e += "\\."), t.allowComma && (e += ","), new RegExp(`[^${e}]+`, "g");
+    }, M = (e, i, s) => {
+      const l = C();
+      let p = e.replace(l, "");
+      const u = [...p.matchAll(i)].map((_) => _.index), c = p.split("");
+      return s || u.shift(), u.forEach((_) => {
+        c[_] = "";
+      }), p = c.join(""), p;
+    }, d = f(!1), vt = () => {
+      t.actionablePrefixStatus && (d.value = !d.value);
+    }, y = f(""), gt = (e) => {
+      y.value = e.text, a("prefixClick", y.value, e), w();
+    }, yt = r(() => y.value || t.prefixText), St = r(() => d.value ? "filled-dropdown-up" : "filled-dropdown-down"), mt = r(() => t.actionablePrefixStatus ? 0 : -1), H = () => {
+      setTimeout(() => {
+        d.value = !1;
+      }, 0);
+    }, b = f(!1), ht = () => {
+      t.actionableSuffixStatus && (b.value = !b.value);
+    }, S = f(""), It = (e) => {
+      S.value = e.text, a("suffixClick", S.value), w();
+    }, Tt = r(() => S.value || t.suffixText), Ct = r(() => b.value ? "filled-dropdown-up" : "filled-dropdown-down"), kt = r(() => t.actionableSuffixStatus ? 0 : -1), m = r(() => t.type === J.number), z = r(() => t.readOnly && !t.prefixStatus && !t.suffixStatus), A = () => {
+      setTimeout(() => {
+        b.value = !1;
+      }, 0);
+    }, w = () => {
+      Wt(() => {
+        var e;
+        (e = x == null ? void 0 : x.value) == null || e.focus();
+      });
+    }, o = (e = {}) => {
+      var i, s, l;
+      if (t.preventXss && e != null && e.target) {
+        const p = W((i = e == null ? void 0 : e.target) == null ? void 0 : i.value);
+        ((s = e == null ? void 0 : e.target) == null ? void 0 : s.value) !== p && (e.target.value = p);
+      }
+      return n.value = ((l = e == null ? void 0 : e.target) == null ? void 0 : l.value) || "", e;
+    }, x = f(null), v = f(null), k = (e) => {
+      e.keyCode === xe.Escape && (H(), A(), w());
+    }, X = () => {
+      var e;
+      (e = v == null ? void 0 : v.value) == null || e.addEventListener("keydown", k, !1);
+    }, j = () => {
+      var e;
+      (e = v == null ? void 0 : v.value) == null || e.removeEventListener("keydown", k, !1);
+    };
+    return $t(() => {
+      X(), O();
+    }), Pt(() => {
+      j();
+    }), {
+      inputValue: n,
+      computedValue: at,
+      statesDefault: rt,
+      statesValidation: h,
+      labelTextSecure: it,
+      helperContainerStatus: st,
+      helperMessageIconStatus: nt,
+      helperMessageIcon: pt,
+      keyup: lt,
+      keypress: ut,
+      preventKeyPress: E,
+      focus: ot,
+      blur: ct,
+      click: R,
+      input: xt,
+      change: ft,
+      leftIconClick: bt,
+      rightIconClick: wt,
+      focusToInput: w,
+      fixValue: o,
+      textInput: x,
+      togglePrefixDropdown: vt,
+      prefixDropdownStatus: d,
+      visiblePrefixText: yt,
+      selectedPrefixText: y,
+      prefixTabIndex: mt,
+      closePrefixDropdown: H,
+      prefixDropdownIcon: St,
+      onOptionPrefixClick: gt,
+      toggleSuffixDropdown: ht,
+      suffixDropdownStatus: b,
+      visibleSuffixText: Tt,
+      selectedSuffixText: S,
+      suffixTabIndex: kt,
+      onOptionSuffixClick: It,
+      suffixDropdownIcon: Ct,
+      closeSuffixDropdown: A,
+      componentRoot: v,
+      keyActions: k,
+      setupEventListeners: X,
+      removeEventListeners: j,
+      deniedSymbols: V,
+      isNumberType: m,
+      isReadOnly: z,
+      paste: dt,
+      replaceExtraCommasAndDots: I,
+      prepareCleanValue: M,
+      createCommasAndDotsRegex: T,
+      createNonNumberRegex: C,
+      localLocales: et,
+      handleInputClick: _t,
+      selectAllTextOnFirstClick: L
+    };
+  }
+};
+var de = function() {
+  var t = this, a = t._self._c;
+  return a("fieldset", { ref: "componentRoot", staticClass: "in-basic-text-input-wrapper qa-text-input", class: [
+    t.$style["in-basic-text-input-wrapper"],
+    `in-basic-text-input-wrapper__${t.states}`,
+    t.$style[`in-basic-text-input-wrapper__${t.states}`],
+    `in-basic-text-input-wrapper__${t.theme}`,
+    t.$style[`in-basic-text-input-wrapper__${t.theme}`],
+    { "in-basic-text-input-wrapper__disable": t.disabledStatus },
+    { [t.$style["in-basic-text-input-wrapper__disable"]]: t.disabledStatus }
+  ] }, [t.labelStatus && !t.skeletonStatus ? a("label", { staticClass: "in-basic-text-input-wrapper__label", class: t.$style["in-basic-text-input-wrapper__label"] }, [a("span", { domProps: { innerHTML: t._s(t.labelTextSecure) } }), t.tooltipStatus ? a("in-tooltip-v2", { staticClass: "in-basic-text-input-wrapper__tooltip", class: t.$style["in-basic-text-input-wrapper__tooltip"], attrs: { id: `tooltip-${t.id}`, "dynamic-position": !0, text: t.tooltipText, "icon-status": !0 } }) : t._e()], 1) : t._e(), t.skeletonStatus ? t._e() : a("div", { staticClass: "in-basic-text-input-wrapper__input-field", class: [
+    t.$style["in-basic-text-input-wrapper__input-field"],
+    { "in-basic-text-input-wrapper__input-field_readonly": t.isReadOnly },
+    { [t.$style["in-basic-text-input-wrapper__input-field_readonly"]]: t.isReadOnly }
+  ] }, [t.prefixStatus ? a("div", { staticClass: "in-basic-text-input-wrapper__prefix", class: [
+    t.$style["in-basic-text-input-wrapper__prefix"],
+    { "in-basic-text-input-wrapper__prefix-actionable": t.actionablePrefixStatus },
+    { [t.$style["in-basic-text-input-wrapper__prefix-actionable"]]: t.actionablePrefixStatus }
+  ], attrs: { tabindex: t.prefixTabIndex }, on: { click: t.togglePrefixDropdown, keyup: [function(n) {
+    return !n.type.indexOf("key") && t._k(n.keyCode, "enter", 13, n.key, "Enter") ? null : t.togglePrefixDropdown.apply(null, arguments);
+  }, function(n) {
+    return !n.type.indexOf("key") && t._k(n.keyCode, "space", 32, n.key, [" ", "Spacebar"]) ? null : t.togglePrefixDropdown.apply(null, arguments);
+  }] } }, [a("p", [t._v(t._s(t.visiblePrefixText))]), t.actionablePrefixStatus && !t.disabledStatus ? a("in-icons", { staticClass: "in-basic-text-input-wrapper__prefix-arrow", class: t.$style["in-basic-text-input-wrapper__prefix-arrow"], attrs: { size: "24", name: t.prefixDropdownIcon } }) : t._e(), a("in-dropdown-menu", t._b({ ref: "prefixDropDown", staticClass: "in-basic-text-input-wrapper__dropdown", class: t.$style["in-basic-text-input-wrapper__dropdown"], attrs: { id: "prefixDropdown", status: t.prefixDropdownStatus }, on: { optionClick: t.onOptionPrefixClick, clickOutside: t.closePrefixDropdown } }, "in-dropdown-menu", t.prefixDropdownOptions, !1))], 1) : t._e(), t.$slots.leftSlot ? a("div", { staticClass: "in-basic-text-input-wrapper__slot-left", class: t.$style["in-basic-text-input-wrapper__slot-left"] }, [t._t("leftSlot")], 2) : t._e(), t.leftIconStatus ? a("in-icons", { staticClass: "in-basic-text-input-wrapper__icon-left", class: t.$style["in-basic-text-input-wrapper__icon-left"], attrs: { name: t.leftIconName, size: "24" }, on: { click: t.leftIconClick } }) : t._e(), a("input", { ref: "textInput", staticClass: "in-basic-text-input-wrapper__input", class: t.$style["in-basic-text-input-wrapper__input"], attrs: { id: t.id, name: t.name, placeholder: t.placeholderText, disabled: t.disabledStatus, readonly: t.isReadOnly, autocomplete: t.autoComplete, maxlength: t.maxCharacterLength, min: t.minValue, max: t.maxValue }, domProps: { value: t.inputValue }, on: { change: t.change, focus: t.focus, blur: t.blur, keyup: t.keyup, keypress: t.keypress, click: t.handleInputClick, input: t.input, paste: t.paste } }), t.rightIconStatus ? a("in-icons", { staticClass: "in-basic-text-input-wrapper__icon-right", class: t.$style["in-basic-text-input-wrapper__icon-right"], attrs: { name: t.rightIconName, size: "24" }, on: { click: t.rightIconClick } }) : t._e(), t.$slots.rightSlot ? a("div", { staticClass: "in-basic-text-input-wrapper__slot-right", class: t.$style["in-basic-text-input-wrapper__slot-right"] }, [t._t("rightSlot")], 2) : t._e(), t.suffixStatus ? a("div", { staticClass: "in-basic-text-input-wrapper__suffix", class: [
+    t.$style["in-basic-text-input-wrapper__suffix"],
+    { "in-basic-text-input-wrapper__suffix-actionable": t.actionableSuffixStatus },
+    { [t.$style["in-basic-text-input-wrapper__suffix-actionable"]]: t.actionableSuffixStatus }
+  ], attrs: { tabindex: t.suffixTabIndex }, on: { click: t.toggleSuffixDropdown, keyup: [function(n) {
+    return !n.type.indexOf("key") && t._k(n.keyCode, "enter", 13, n.key, "Enter") ? null : t.toggleSuffixDropdown.apply(null, arguments);
+  }, function(n) {
+    return !n.type.indexOf("key") && t._k(n.keyCode, "space", 32, n.key, [" ", "Spacebar"]) ? null : t.toggleSuffixDropdown.apply(null, arguments);
+  }] } }, [a("p", [t._v(t._s(t.visibleSuffixText))]), t.actionableSuffixStatus && !t.disabledStatus ? a("in-icons", { staticClass: "in-basic-text-input-wrapper__suffix-arrow", class: t.$style["in-basic-text-input-wrapper__suffix-arrow"], attrs: { size: "24", name: t.suffixDropdownIcon } }) : t._e(), a("in-dropdown-menu", t._b({ ref: "suffixDropDown", staticClass: "in-basic-text-input-wrapper__dropdown", class: t.$style["in-basic-text-input-wrapper__dropdown"], attrs: { id: "suffixDropdown", status: t.suffixDropdownStatus }, on: { optionClick: t.onOptionSuffixClick, clickOutside: t.closeSuffixDropdown } }, "in-dropdown-menu", t.suffixDropdownOptions, !1))], 1) : t._e()], 1), t.helperContainerStatus && !t.skeletonStatus ? a("div", { staticClass: "in-basic-text-input-wrapper__helper-container", class: t.$style["in-basic-text-input-wrapper__helper-container"] }, [t.helperMessageStatus || t.statesValidation ? a("div", { staticClass: "in-basic-text-input-wrapper__helper-message", class: t.$style["in-basic-text-input-wrapper__helper-message"] }, [t.helperMessageIconStatus && !t.disabledStatus ? a("in-icons", { staticClass: "in-basic-text-input-wrapper__helper-icon", class: t.$style["in-basic-text-input-wrapper__helper-icon"], attrs: { size: "16", name: t.helperMessageIcon } }) : t._e(), t.statesDefault ? a("p", { staticClass: "in-basic-text-input-wrapper__helper-text", class: t.$style["in-basic-text-input-wrapper__helper-text"] }, [t._v(" " + t._s(t.helperMessage) + " ")]) : t._e(), t.statesValidation && !t.disabledStatus ? a("p", { staticClass: "in-basic-text-input-wrapper__helper-text", class: t.$style["in-basic-text-input-wrapper__helper-text"] }, [t._v(" " + t._s(t.stateMessage) + " ")]) : t._e()], 1) : t._e(), t.characterCounterStatus ? a("span", { staticClass: "in-basic-text-input-wrapper__helper-counter", class: t.$style["in-basic-text-input-wrapper__helper-counter"] }, [t._v(" " + t._s(t.inputValue.length) + "/" + t._s(t.characterCounterMaxValue) + " ")]) : t._e()]) : t._e(), t.skeletonStatus ? a("in-skeleton", { attrs: { sizing: t.skeletonSizing, name: "InTextInput" } }) : t._e()], 1);
+}, be = [];
+const tt = {
+  $style: oe
+};
+function we(t) {
+  for (var a in tt)
+    this[a] = tt[a];
+}
+var ve = /* @__PURE__ */ Nt(
+  fe,
+  de,
+  be,
+  !1,
+  we
+);
+const De = ve.exports;
+export {
+  De as InBasicTextInput
+};