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

@@ -0,0 +1,200 @@
+import { InIcons as r } from "./InIcons.js";
+import { InTooltip as _ } from "./InTooltip.js";
+import { InSkeleton as p } from "./InSkeleton.js";
+import { n as a } from "./chunks/_plugin-vue2_normalizer.WQT2Fc8L.js";
+/* empty css                        */
+const l = "_in-segments-wrapper_v01428_jcUep", g = "_in-segments-wrapper_1_v01428_KSjhH", o = "_in-segments-wrapper_2_v01428_2iPZg", m = "_in-segments-wrapper_3_v01428_BkryD", w = "_in-segments-wrapper_4_v01428_rgpMk", c = "_in-segments-wrapper_5_v01428_2qFIT", u = "_in-segments-wrapper_6_v01428_WJGwb", b = "_in-segments-wrapper_7_v01428_-Dmhj", d = "_in-segments-wrapper__button_v01428_qeBIT", v = "_in-segments-wrapper__button__title_v01428_BEK7A", S = "_in-segments-wrapper__button__description_v01428_d3zCc", h = "_in-segments-wrapper__button_disable_v01428_L1-8E", f = "_in-segments-wrapper__button_selected_v01428_FObt7", y = "_in-segments-wrapper__button_small_v01428_NYVw5", $ = "_in-segments-wrapper_disable_v01428_ltfhv", W = "_in-segments-wrapper_vertical_v01428_RTN8K", C = "_in-segments-wrapper_single_v01428_X4F6V", I = "_in-segments-wrapper__tooltip-align-right_v01428_pCoD-", B = "_in-segments-wrapper__tooltip-align-center_v01428_y8GSe", k = {
+  "in-segments-wrapper": "_in-segments-wrapper_v01428_jcUep",
+  inSegmentsWrapper: l,
+  "in-segments-wrapper_1": "_in-segments-wrapper_1_v01428_KSjhH",
+  inSegmentsWrapper1: g,
+  "in-segments-wrapper_2": "_in-segments-wrapper_2_v01428_2iPZg",
+  inSegmentsWrapper2: o,
+  "in-segments-wrapper_3": "_in-segments-wrapper_3_v01428_BkryD",
+  inSegmentsWrapper3: m,
+  "in-segments-wrapper_4": "_in-segments-wrapper_4_v01428_rgpMk",
+  inSegmentsWrapper4: w,
+  "in-segments-wrapper_5": "_in-segments-wrapper_5_v01428_2qFIT",
+  inSegmentsWrapper5: c,
+  "in-segments-wrapper_6": "_in-segments-wrapper_6_v01428_WJGwb",
+  inSegmentsWrapper6: u,
+  "in-segments-wrapper_7": "_in-segments-wrapper_7_v01428_-Dmhj",
+  inSegmentsWrapper7: b,
+  "in-segments-wrapper__button": "_in-segments-wrapper__button_v01428_qeBIT",
+  inSegmentsWrapperButton: d,
+  "in-segments-wrapper__button__title": "_in-segments-wrapper__button__title_v01428_BEK7A",
+  inSegmentsWrapperButtonTitle: v,
+  "in-segments-wrapper__button__description": "_in-segments-wrapper__button__description_v01428_d3zCc",
+  inSegmentsWrapperButtonDescription: S,
+  "in-segments-wrapper__button_disable": "_in-segments-wrapper__button_disable_v01428_L1-8E",
+  inSegmentsWrapperButtonDisable: h,
+  "in-segments-wrapper__button_selected": "_in-segments-wrapper__button_selected_v01428_FObt7",
+  inSegmentsWrapperButtonSelected: f,
+  "in-segments-wrapper__button_small": "_in-segments-wrapper__button_small_v01428_NYVw5",
+  inSegmentsWrapperButtonSmall: y,
+  "in-segments-wrapper_disable": "_in-segments-wrapper_disable_v01428_ltfhv",
+  inSegmentsWrapperDisable: $,
+  "in-segments-wrapper_vertical": "_in-segments-wrapper_vertical_v01428_RTN8K",
+  inSegmentsWrapperVertical: W,
+  "in-segments-wrapper_single": "_in-segments-wrapper_single_v01428_X4F6V",
+  inSegmentsWrapperSingle: C,
+  "in-segments-wrapper__tooltip-align-right": "_in-segments-wrapper__tooltip-align-right_v01428_pCoD-",
+  inSegmentsWrapperTooltipAlignRight: I,
+  "in-segments-wrapper__tooltip-align-center": "_in-segments-wrapper__tooltip-align-center_v01428_y8GSe",
+  inSegmentsWrapperTooltipAlignCenter: B
+}, T = {
+  components: {
+    InIcons: r,
+    InTooltip: _,
+    InSkeleton: p
+  },
+  props: {
+    /**
+     * @property {string} id
+     */
+    id: {
+      type: String,
+      default: "qa-segments"
+    },
+    /**
+     * @property {array} segmentList
+     */
+    segmentList: {
+      type: Array,
+      required: !0
+    },
+    /**
+     * @property {string|number} selected
+     */
+    selected: {
+      type: String | Number,
+      default: ""
+    },
+    /**
+     * @property {boolean} withIcon
+     */
+    withIcon: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @property {boolean} small
+     */
+    small: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @property {boolean} disable
+     */
+    disable: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @property {string} align
+     */
+    align: {
+      type: String,
+      default: "horizontal"
+    },
+    /**
+     * @property {boolean} skeletonStatus
+     */
+    skeletonStatus: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @property {number} skeletonSizing
+     */
+    skeletonSizing: {
+      type: Object,
+      default: () => ({
+        width: 0,
+        number: 0
+      })
+    }
+  },
+  computed: {
+    /**
+     * @return {number}
+     */
+    segmentLength() {
+      return this.segmentList.length;
+    },
+    /**
+     * @return {boolean}
+     */
+    isSingleSegment() {
+      return this.segmentLength === 1;
+    },
+    isVertical() {
+      return this.align === "vertical";
+    },
+    iconSize() {
+      return this.isVertical ? "40" : "24";
+    }
+  },
+  methods: {
+    /**
+     * @param {string} value
+     * @param {disable} boolean
+     * @return {boolean}
+     */
+    selectSegment({ value: e, disable: t }) {
+      if (t || this.disable)
+        return !1;
+      this.$emit("click", e);
+    }
+  }
+};
+var z = function() {
+  var e = this, t = e._self._c;
+  return t("div", { staticClass: "in-segments-wrapper qa-segments", class: [
+    e.$style["in-segments-wrapper"],
+    `in-segments-wrapper_${e.segmentLength}`,
+    e.$style[`in-segments-wrapper_${e.segmentLength}`],
+    { "in-segments-wrapper_vertical": e.isVertical },
+    { [e.$style["in-segments-wrapper_vertical"]]: e.isVertical },
+    { "in-segments-wrapper_disable": e.disable },
+    { [e.$style["in-segments-wrapper_disable"]]: e.disable },
+    { "in-segments-wrapper_single": e.isSingleSegment },
+    { [e.$style["in-segments-wrapper_single"]]: e.isSingleSegment }
+  ] }, [e._l(e.segmentList, function(s, i) {
+    return e.skeletonStatus ? e._e() : t("button", { key: i, staticClass: "in-segments-wrapper__button", class: [
+      e.$style["in-segments-wrapper__button"],
+      { "in-segments-wrapper__button_selected": s.value === e.selected },
+      { [e.$style["in-segments-wrapper__button_selected"]]: s.value === e.selected },
+      { "in-segments-wrapper__button_small": e.small },
+      { [e.$style["in-segments-wrapper__button_small"]]: e.small },
+      { "in-segments-wrapper__button_disable": s.disable || e.disable },
+      { [e.$style["in-segments-wrapper__button_disable"]]: s.disable || e.disable },
+      { "in-segments-wrapper__tooltip-align-right": s.tooltipAlignRight },
+      { [e.$style["in-segments-wrapper__tooltip-align-right"]]: s.tooltipAlignRight },
+      { "in-segments-wrapper__tooltip-align-center": s.tooltipAlignCenter },
+      { [e.$style["in-segments-wrapper__tooltip-align-center"]]: s.tooltipAlignCenter },
+      `${e.id}-${s.value}`
+    ], attrs: { type: "button", value: s.value }, on: { click: function(D) {
+      return e.selectSegment(s);
+    } } }, [s.tooltipText ? t("in-tooltip", { attrs: { text: s.tooltipText, position: s.position || "top", align: s.align || "start", "with-icon": !1 } }, [t("div", { class: { "cur-p": !s.disable && !e.disable }, attrs: { slot: "element" }, slot: "element" }, [t("span", { staticClass: "w-1 h-1 d-b" }, [t("span", { staticClass: "clearfix d-i-f" }, [e.withIcon ? t("in-icons", { staticClass: "mr-1", attrs: { name: s.icon, size: e.iconSize } }) : e._e(), t("span", [t("span", { staticClass: "in-segments-wrapper__button__title d-b", class: e.$style["in-segments-wrapper__button__title"] }, [e._v(" " + e._s(s.text) + " ")]), e.isVertical ? t("span", { staticClass: "in-segments-wrapper__button__description d-b", class: e.$style["in-segments-wrapper__button__description"] }, [e._v(" " + e._s(s.description) + " ")]) : e._e()])], 1)])])]) : t("span", { staticClass: "w-1 h-1 d-b" }, [t("span", { staticClass: "clearfix d-i-f" }, [e.withIcon ? t("in-icons", { staticClass: "mr-1", attrs: { name: s.icon, size: e.iconSize } }) : e._e(), t("span", [t("span", { staticClass: "in-segments-wrapper__button__title d-b", class: e.$style["in-segments-wrapper__button__title"] }, [e._v(" " + e._s(s.text) + " ")]), e.isVertical ? t("span", { staticClass: "in-segments-wrapper__button__description d-b", class: e.$style["in-segments-wrapper__button__description"] }, [e._v(" " + e._s(s.description) + " ")]) : e._e()])], 1)])], 1);
+  }), e.skeletonStatus ? t("in-skeleton", { attrs: { sizing: e.skeletonSizing, name: "InSegments" } }) : e._e()], 2);
+}, V = [];
+const n = {
+  $style: k
+};
+function x(e) {
+  for (var t in n)
+    this[t] = n[t];
+}
+var A = /* @__PURE__ */ a(
+  T,
+  z,
+  V,
+  !1,
+  x
+);
+const N = A.exports;
+export {
+  N as InSegments
+};

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

@@ -0,0 +1,451 @@
+import { I as _, c as h } from "./chunks/index.Bw_06igr.js";
+import { c as S } from "./chunks/clickOutside.qP9M0QCm.js";
+import { p as f, j as a, i as m } from "./chunks/helpers.CgHNyjAJ.js";
+import { InSkeleton as r } from "./InSkeleton.js";
+import { InIcons as c } from "./InIcons.js";
+import { InTooltipV2 as b } from "./InTooltipV2.js";
+import { n as d } from "./chunks/_plugin-vue2_normalizer.WQT2Fc8L.js";
+/* empty css                      */
+const g = {
+  components: {
+    InIcons: c,
+    InSkeleton: r
+  },
+  props: {
+    /**
+     * @property {string} id
+     */
+    id: {
+      type: String,
+      required: !0
+    },
+    /**
+     * @property {string|number} text
+     */
+    text: {
+      type: String | Number,
+      required: !0
+    },
+    /**
+     * @property {string|number|boolean} value
+     */
+    value: {
+      type: String | Number | Boolean,
+      default: ""
+    },
+    /**
+     * @property {string} icon
+     */
+    icon: {
+      type: String,
+      default: ""
+    },
+    /**
+     * @property {boolean} disable
+     */
+    disable: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @property {boolean} isPlaceholderText
+     */
+    isPlaceholderText: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @property {string} theme
+     */
+    theme: {
+      type: String,
+      default: "grey"
+    },
+    /**
+     * @property {string} status
+     */
+    status: {
+      type: String,
+      default: "default"
+    },
+    /**
+     * @property {boolean} skeletonStatus
+     */
+    skeletonStatus: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @property {number} skeletonSizing
+     */
+    skeletonSizing: {
+      type: Object,
+      default: () => ({
+        width: 0,
+        number: 0
+      })
+    },
+    /**
+     * @property {boolean} dropdownMenuStatus
+     */
+    dropdownMenuStatus: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  computed: {
+    /**
+     * @return {string}
+     */
+    disabledCLass() {
+      return this.disable ? "in-select-button-wrapper_disabled" : "";
+    },
+    /**
+     * @return {string}
+     */
+    buttonTheme() {
+      return `in-select-button-wrapper_${this.theme}`;
+    },
+    /**
+     * @return {string}
+     */
+    buttonStatus() {
+      return `in-select-button-wrapper_${this.theme}-${this.status}`;
+    },
+    /**
+     * @return {string}
+     */
+    buttonTextStatus() {
+      return this.isPlaceholderText && !this.disable ? "in-select-button-wrapper_placeholder-text" : "";
+    }
+  },
+  methods: {
+    /**
+     * @param {String | Number | Boolean} value
+     * @return {void}
+     */
+    click(e) {
+      this.disable || this.$emit("click", e);
+    },
+    /**
+     * @return {void}
+     */
+    mouseover() {
+      this.$emit("mouseover");
+    }
+  }
+};
+var y = function() {
+  var e = this, t = e._self._c;
+  return t("div", { staticClass: "d-b", class: { "cur-na": e.disable } }, [e.skeletonStatus ? e._e() : t("button", { staticClass: "in-select-button-wrapper qa-button", class: [
+    e.buttonTextStatus,
+    e.disabledCLass,
+    e.buttonTheme,
+    e.buttonStatus,
+    { "active-list-button": e.dropdownMenuStatus }
+  ], attrs: { id: e.id, type: "button", disabled: e.disable, value: e.value, "data-title": e.text }, on: { mouseover: e.mouseover, click: function(s) {
+    return e.click(e.value);
+  } } }, [t("in-icons", { staticClass: "in-select-button-wrapper_icon", attrs: { size: "24", name: e.icon }, on: { click: function(s) {
+    return e.$emit("clickIcon");
+  } } }), e.text ? t("p", { staticClass: "in-select-button-wrapper_text", attrs: { title: e.text } }, [e._v(" " + e._s(e.text) + " ")]) : e._e()], 1), e.skeletonStatus ? t("in-skeleton", { attrs: { sizing: e.skeletonSizing, name: "InButton" } }) : e._e()], 1);
+}, v = [], w = /* @__PURE__ */ d(
+  g,
+  y,
+  v,
+  !1,
+  null
+);
+const x = w.exports, C = "_in-select_v01428_p1JtT", k = "_in-select__label_v01428_Xq7ru", T = "_in-select__label--disabled_v01428_0OPuN", B = "_in-select__tooltip_v01428_ObdZQ", M = "_in-select__state-wrapper_v01428_zbUQ-", $ = "_in-select__state-icon_v01428_WT-MX", O = "_in-select__state-icon--warning_v01428_0zwdC", L = "_in-select__state-icon--error_v01428_OFyCx", I = "_in-select__state-message_v01428_mNj--", P = "_in-select__state-message--disabled_v01428_ru-Lu", V = "_in-select__button_v01428_ueW0J", z = "_in-select__button--margin_v01428_3zQOY", D = "_in-select__button-container_v01428_nvRXH", H = "_in-select__dropdown_v01428_Ifutl", A = "_in-select__dropdown--margin_v01428_Lqpki", N = {
+  "in-select": "_in-select_v01428_p1JtT",
+  inSelect: C,
+  "in-select__label": "_in-select__label_v01428_Xq7ru",
+  inSelectLabel: k,
+  "in-select__label--disabled": "_in-select__label--disabled_v01428_0OPuN",
+  inSelectLabelDisabled: T,
+  "in-select__tooltip": "_in-select__tooltip_v01428_ObdZQ",
+  inSelectTooltip: B,
+  "in-select__state-wrapper": "_in-select__state-wrapper_v01428_zbUQ-",
+  inSelectStateWrapper: M,
+  "in-select__state-icon": "_in-select__state-icon_v01428_WT-MX",
+  inSelectStateIcon: $,
+  "in-select__state-icon--warning": "_in-select__state-icon--warning_v01428_0zwdC",
+  inSelectStateIconWarning: O,
+  "in-select__state-icon--error": "_in-select__state-icon--error_v01428_OFyCx",
+  inSelectStateIconError: L,
+  "in-select__state-message": "_in-select__state-message_v01428_mNj--",
+  inSelectStateMessage: I,
+  "in-select__state-message--disabled": "_in-select__state-message--disabled_v01428_ru-Lu",
+  inSelectStateMessageDisabled: P,
+  "in-select__button": "_in-select__button_v01428_ueW0J",
+  inSelectButton: V,
+  "in-select__button--margin": "_in-select__button--margin_v01428_3zQOY",
+  inSelectButtonMargin: z,
+  "in-select__button-container": "_in-select__button-container_v01428_nvRXH",
+  inSelectButtonContainer: D,
+  "in-select__dropdown": "_in-select__dropdown_v01428_Ifutl",
+  inSelectDropdown: H,
+  "in-select__dropdown--margin": "_in-select__dropdown--margin_v01428_Lqpki",
+  inSelectDropdownMargin: A
+}, u = "bottom left", p = "bottom right", E = "top left", q = "top right", i = [u, p, E, q], W = Object.freeze({ All: "all", Number: "number", Text: "text" }), l = {
+  ArrowUp: 38,
+  ArrowDown: 40
+}, X = [
+  l.ArrowUp,
+  l.ArrowDown
+], F = {
+  directives: { clickOutside: S },
+  components: {
+    InDropdownMenu: _,
+    SelectButton: x,
+    InIcons: c,
+    InTooltipV2: b,
+    InSkeleton: r
+  },
+  props: {
+    id: { type: String, default: "qa-select" },
+    options: { type: Array, default: () => [] },
+    value: { type: Array, default: () => [] },
+    loadingState: { type: Boolean, default: !1 },
+    labelStatus: { type: Boolean, default: !0 },
+    labelText: { type: String, default: "" },
+    tooltipStatus: { type: Boolean, default: !1 },
+    tooltipText: { type: String, default: "" },
+    disabledStatus: { type: Boolean, default: !1 },
+    dropdownMenuStatus: { type: Boolean, default: !1 },
+    searchStatus: { type: Boolean, default: !1 },
+    theme: { type: String, default: "grey" },
+    buttonType: { type: String, default: "dropdown" },
+    placeholderText: { type: String, default: "" },
+    clearSelectionButton: { type: Boolean, default: !1 },
+    staticPosition: {
+      type: String,
+      default: u,
+      validator(e) {
+        return i.includes(e);
+      }
+    },
+    dynamicPosition: { type: Boolean, default: !1 },
+    dynamicChildPosition: { type: Boolean, default: !0 },
+    staticChildPosition: {
+      type: String,
+      default: p,
+      validator(e) {
+        return i.includes(e);
+      }
+    },
+    createButtonLabel: { type: String, default: "" },
+    createOptionStatus: { type: Boolean, default: !1 },
+    buttonStatus: { type: Boolean, default: !0 },
+    buttonIcon: { type: String, default: "" },
+    buttonLabel: { type: String, default: "" },
+    state: { type: String, default: "default" },
+    stateMessage: { type: String, default: "State Message" },
+    skeletonStatus: { type: Boolean, default: !1 },
+    skeletonSizing: { type: Object, default: () => ({ width: 0, number: 0 }) },
+    optionValidationType: { type: [String, RegExp], default: W.All },
+    minCharacterLimit: { type: Number | String, default: 1 },
+    maxCharacterLimit: { type: Number | String, default: 10 },
+    optionValidationText: { type: String, default: "Enter a valid value to continue." },
+    characterLimitValidationText: {
+      type: String,
+      default: "Enter a value between 1 and 10 characters to continue."
+    },
+    bottomOffsetForDynamicPosition: { type: Number, default: 0 },
+    maxHeight: { type: Number, default: 240 },
+    maxChildHeight: { type: Number, default: 480 },
+    fetchPage: { type: Number, default: 1 },
+    lazyLoad: { type: Boolean, default: !1 },
+    lazyLoadSearch: { type: Boolean, default: !1 },
+    isWrappedDescription: { type: Boolean, default: !1 },
+    helperMessageStatus: { type: Boolean, default: !1 },
+    helperMessage: { type: String, default: "" },
+    customOptionText: { type: String, default: "" },
+    preventXss: { type: Boolean, default: !0 },
+    preventFocus: { type: Boolean, default: !1 },
+    allowAddAllCases: { type: Boolean, default: !0 },
+    sameValueExistsValidationText: { type: String, default: "This value already exists." }
+  },
+  data() {
+    return {
+      dropdownMenuStatusClone: this.dropdownMenuStatus,
+      preSelectedValues: this.value,
+      fetchPageClone: this.fetchPage
+    };
+  },
+  computed: {
+    /**
+     * @return {string|void}
+     */
+    buttonValue() {
+      var e;
+      return (e = this.value[0]) == null ? void 0 : e.value;
+    },
+    /**
+     * @return {string|void}
+     */
+    hasCustomOptionText() {
+      return !m(this.customOptionText);
+    },
+    /**
+     * @return {string}
+     */
+    selectedOptionText() {
+      var e;
+      return this.hasCustomOptionText ? this.customOptionText : ((e = this.flattenedOptions.find((t) => {
+        var s, n;
+        return (s = this.preSelectedValues) != null && s.length ? String(t == null ? void 0 : t.value) === String((n = this.preSelectedValues[0]) == null ? void 0 : n.value) : !1;
+      })) == null ? void 0 : e.text) || this.placeholderText;
+    },
+    /**
+     * @return {boolean}
+     */
+    showPlaceHolderText() {
+      return this.selectedOptionText === this.placeholderText;
+    },
+    /**
+     * @return {string}
+     */
+    icon() {
+      return this.clearSelectionButton ? this.selectedOptionText === this.placeholderText ? "filled-dropdown-down" : "line-architect-segments-closed" : "filled-dropdown-down";
+    },
+    /**
+     * @return {boolean}
+     */
+    isMessageVisible() {
+      return (this.helperMessageStatus || this.errorState || this.warningState) && !this.skeletonStatus;
+    },
+    /**
+     * @return {string}
+     */
+    message() {
+      return this.warningState || this.errorState ? this.stateMessage : this.helperMessage;
+    },
+    /**
+     * @return {array}
+     */
+    flattenedOptions() {
+      const e = h(this.options);
+      return this.lazyLoad && this.preSelectedValues.length && this.preSelectedValues[0] ? a([...e, this.preSelectedValues[0]], "children") : a(e, "children");
+    },
+    errorState() {
+      return this.state === "error";
+    },
+    warningState() {
+      return this.state === "warning";
+    },
+    secureLabelText() {
+      return this.preventXss ? f(this.labelText) : this.labelText;
+    }
+  },
+  watch: {
+    dropdownMenuStatus() {
+      this.dropdownMenuStatusClone = this.dropdownMenuStatus;
+    },
+    dropdownMenuStatusClone(e) {
+      this.$emit("openList", e);
+    },
+    value: {
+      handler() {
+        this.preSelectedValues = this.value;
+      },
+      deep: !0
+    },
+    fetchPage() {
+      this.fetchPageClone = this.fetchPage;
+    }
+  },
+  mounted() {
+    this.setKeydownListeners();
+  },
+  methods: {
+    closeDropdownMenu() {
+      this.$refs.dropdownMenu.invalidOption = !1, this.dropdownMenuStatusClone = !1, this.$emit("close");
+    },
+    /**
+     * @param {object} item
+     */
+    selectItem({ text: e, value: t }) {
+      this.preSelectedValues = [{ text: e, value: t }];
+    },
+    /**
+     * @param {object} item
+     */
+    optionClickHandler(e) {
+      if (e.inActive) {
+        this.$emit("selectedInActiveOption", e), this.closeDropdownMenu();
+        return;
+      }
+      e.children || (this.selectItem(e), this.closeDropdownMenu(), this.$emit("select", e));
+    },
+    /**
+     * @param {string} searchString
+     */
+    searchHandler(e) {
+      this.$emit("search", e);
+    },
+    deleteSelectedOption() {
+      this.clearSelectionButton && (this.$emit("unSelect", this.value), this.$emit("select", ""), this.preSelectedValues = []);
+    },
+    endScrollHandler() {
+      this.fetchPageClone++, this.$emit("endScroll", this.fetchPageClone);
+    },
+    /**
+     * @return {void}
+     */
+    secondaryButtonClickHandler() {
+      this.$emit("secondaryButtonClick");
+    },
+    /**
+     * @return {void}
+     */
+    setKeydownListeners() {
+      this.$el.addEventListener("keydown", (e) => {
+        X.includes(e.keyCode) && e.preventDefault();
+      }, !1);
+    }
+  }
+};
+var j = function() {
+  var e = this, t = e._self._c;
+  return t("div", { staticClass: "in-select", class: e.$style["in-select"], on: { keyup: function(s) {
+    return !s.type.indexOf("key") && e._k(s.keyCode, "esc", 27, s.key, ["Esc", "Escape"]) ? null : e.closeDropdownMenu.apply(null, arguments);
+  } } }, [!e.skeletonStatus && e.labelStatus ? t("label", { staticClass: "in-select__label", class: [
+    e.$style["in-select__label"],
+    { "in-select__label--disabled": e.disabledStatus },
+    { [e.$style["in-select__label--disabled"]]: e.disabledStatus }
+  ], on: { click: e.closeDropdownMenu } }, [t("span", { domProps: { innerHTML: e._s(e.secureLabelText) } }), e.tooltipStatus ? t("in-tooltip-v2", { staticClass: "in-select__tooltip", class: e.$style["in-select__tooltip"], attrs: { id: `tooltip-${e.id}`, text: e.tooltipText, "static-position": "top center", "icon-status": !0 } }) : e._e()], 1) : e._e(), t("div", { staticClass: "in-select__button-container", class: e.$style["in-select__button-container"] }, [e.skeletonStatus ? e._e() : t("select-button", { ref: "dropdownButton", staticClass: "in-select__button", class: e.$style["in-select__button"], attrs: { id: e.id, "tab-index": 0, icon: e.icon, theme: e.theme, status: e.state, text: e.selectedOptionText, "is-placeholder-text": e.showPlaceHolderText, disable: e.disabledStatus, value: e.buttonValue, "dropdown-menu-status": e.dropdownMenuStatusClone }, on: { click: function(s) {
+    e.dropdownMenuStatusClone = !e.dropdownMenuStatusClone;
+  }, clickIcon: e.deleteSelectedOption } }), t("in-dropdown-menu", { ref: "dropdownMenu", staticClass: "in-select__dropdown mt-1", class: [
+    e.$style["in-select__dropdown"],
+    { "in-select__dropdown--margin": e.errorState || e.warningState },
+    { [e.$style["in-select__dropdown--margin"]]: e.errorState || e.warningState }
+  ], attrs: { id: e.id, "search-tab-index": 1, status: e.dropdownMenuStatusClone && !e.skeletonStatus, "loading-state": e.loadingState, "pre-selected-values": e.preSelectedValues, "search-status": e.searchStatus, "static-position": e.staticPosition, "dynamic-position": e.dynamicPosition, "dynamic-child-position": e.dynamicChildPosition, "static-child-position": e.staticChildPosition, "create-button-label": e.createButtonLabel, "create-option-status": e.createOptionStatus, "button-status": e.buttonStatus, "button-icon": e.buttonIcon, "button-label": e.buttonLabel, "prevent-focus": e.preventFocus, "box-width": "basedOnField", options: e.options, "fetch-page": e.fetchPageClone, "option-validation-type": e.optionValidationType, "min-character-limit": e.minCharacterLimit, "max-character-limit": e.maxCharacterLimit, "option-validation-text": e.optionValidationText, "character-limit-validation-text": e.characterLimitValidationText, "bottom-offset-for-dynamic-position": e.bottomOffsetForDynamicPosition, "max-height": e.maxHeight, "max-child-height": e.maxChildHeight, "lazy-load": e.lazyLoad, "lazy-load-search": e.lazyLoadSearch, "is-wrapped-description": e.isWrappedDescription, state: e.state, "state-message": e.stateMessage, "allow-add-all-cases": e.allowAddAllCases, "same-value-exists-validation-text": e.sameValueExistsValidationText }, on: { clickOutside: e.closeDropdownMenu, endScroll: e.endScrollHandler, addOption: (s) => e.$emit("addOption", s), search: e.searchHandler, optionClick: e.optionClickHandler, secondaryButtonClick: e.secondaryButtonClickHandler, infoBoxButtonClick: (s) => e.$emit("infoBoxButtonClick", s), infoBoxClickIcon: (s) => e.$emit("infoBoxClickIcon", s) } })], 1), e.isMessageVisible ? t("div", { staticClass: "in-select__state-wrapper", class: e.$style["in-select__state-wrapper"] }, [e.warningState || e.errorState ? t("in-icons", { staticClass: "in-select__state-icon", class: [
+    e.$style["in-select__state-icon"],
+    { "in-select__state-icon--warning": e.warningState },
+    { [e.$style["in-select__state-icon--warning"]]: e.warningState },
+    { "in-select__state-icon--error": e.errorState },
+    { [e.$style["in-select__state-icon--error"]]: e.errorState }
+  ], attrs: { name: e.warningState ? "filled-caution-triangle-colored" : "filled-error-box-colored", size: "16" } }) : e._e(), t("p", { staticClass: "in-select__state-message", class: [
+    e.$style["in-select__state-message"],
+    { "in-select__state-message--disabled": e.disabledStatus },
+    { [e.$style["in-select__state-message--disabled"]]: e.disabledStatus }
+  ] }, [e._v(" " + e._s(e.message) + " ")])], 1) : e._e(), e.skeletonStatus ? t("in-skeleton", { attrs: { sizing: e.skeletonSizing, name: "InDropDown" } }) : e._e()], 1);
+}, Q = [];
+const o = {
+  $style: N
+};
+function U(e) {
+  for (var t in o)
+    this[t] = o[t];
+}
+var J = /* @__PURE__ */ d(
+  F,
+  j,
+  Q,
+  !1,
+  U
+);
+const ne = J.exports;
+export {
+  ne as InSelect
+};