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

@@ -0,0 +1,1047 @@
+import { o as l, n as u, l as $, q as O, h as S } from "./chunks/helpers.CgHNyjAJ.js";
+import { InButtonV2 as L } from "./InButtonV2.js";
+import { InTextInput as D } from "./InTextInput.js";
+import { InCheckBox as T } from "./InCheckBox.js";
+import { InBox as W } from "./InBox.js";
+import { InSkeleton as P } from "./InSkeleton.js";
+import { c as A } from "./chunks/clickOutside.qP9M0QCm.js";
+import { InIcons as N } from "./InIcons.js";
+import { InTooltip as B } from "./InTooltip.js";
+import { n as z } from "./chunks/_plugin-vue2_normalizer.WQT2Fc8L.js";
+/* empty css                              */
+const F = "_in-dropdown-wrapper_v01428_xv4uP", q = "_in-dropdown-wrapper_invalid_v01428_ZzwQK", R = "_in-dropdown-wrapper__input_v01428_XQpA-", U = "_in-dropdown-wrapper_warning_v01428_-MpOp", E = "_in-dropdown-wrapper__error-message_v01428_hiZfU", H = "_in-dropdown-wrapper__warning-message_v01428_yoig-", M = "_in-dropdown-wrapper__label_v01428_CuzJ2", Z = "_in-dropdown-wrapper__label_disable_v01428_QK15F", K = "_in-dropdown-wrapper__label__tooltip_v01428_0xgyK", X = "_in-dropdown-wrapper__input-tags_v01428_SYZHS", j = "_in-dropdown-wrapper__placeholder_v01428_Sn9KU", Y = "_in-dropdown-wrapper__input-white_v01428_b6t0e", J = "_in-dropdown-wrapper__item-list_v01428_4WJnZ", Q = "_in-dropdown-wrapper__item-list_selected_v01428_CdmYd", V = "_in-dropdown-wrapper__item-list-title_v01428_AB4CI", G = "_in-dropdown-wrapper__item-list_disabled_v01428_wIxF0", tt = "_in-dropdown-wrapper__item-list_checkbox_v01428_XgkwR", et = "_in-dropdown-wrapper__item-list-child_v01428_DJIvR", it = "_in-dropdown-wrapper__item-list-wrapper_v01428_9rWIt", ot = "_in-dropdown-wrapper__no-search-result_v01428_yDtW8", nt = "_in-dropdown-wrapper__item-list-wrapper_top_v01428_BOsgg", rt = "_in-dropdown-wrapper__item-list-wrapper_right_v01428_f8trd", st = "_in-dropdown-wrapper__item-list-wrapper_left_v01428_asCNm", pt = "_in-dropdown-wrapper__item-list-wrapper_bottom_v01428_jJuri", at = "_in-dropdown-wrapper__item-list-wrapper-tag-status_v01428_ncdeD", lt = "_in-dropdown-wrapper__text-type_v01428_MUahl", ct = "_in-dropdown-wrapper__black-item-list_v01428_7x5YI", dt = "_child-option_v01428_5nd3p", _t = "_option_v01428_HlIys", wt = "_option_active_v01428_W8dCS", ut = "_option_active_v01428_W8dCS", ht = "_option_category-dropdown_v01428_WmXAZ", mt = "_option_active-child_v01428_1CvCb", yt = "_create-new-option_v01428_AxeUw", vt = "_chevron-icon_v01428_s--ds", ft = "_update-icon_v01428_9najH", gt = "_category-wrapper_v01428_GtzFw", Ct = "_category-icon-wrapper_v01428_g8tOd", bt = "_category-icon-options_v01428_pnIVM", xt = "_in-custom-dropdown-wrapper_v01428_9m20m", It = "_category-dropdown_v01428_-PsXW", kt = "_category-options_v01428_ccUqQ", $t = "_in-custom-dropdown-wrapper_full-width_v01428_e-s6A", Ot = "_in-custom-icon-dropdown-wrapper__item-list_v01428_KmaGd", St = "_in-custom-dropdown-wrapper--disabled_v01428_YT8H3", Lt = "_in-custom-dropdown-wrapper__open-list-button_v01428_pLtZB", Dt = "_no-hover-effect_v01428_hPzCF", Tt = "_in-custom-icon-dropdown-wrapper_v01428_gcLtX", Wt = "_non-border_v01428_iwZAS", Pt = {
+  "in-dropdown-wrapper": "_in-dropdown-wrapper_v01428_xv4uP",
+  inDropdownWrapper: F,
+  "in-dropdown-wrapper_invalid": "_in-dropdown-wrapper_invalid_v01428_ZzwQK",
+  inDropdownWrapperInvalid: q,
+  "in-dropdown-wrapper__input": "_in-dropdown-wrapper__input_v01428_XQpA-",
+  inDropdownWrapperInput: R,
+  "in-dropdown-wrapper_warning": "_in-dropdown-wrapper_warning_v01428_-MpOp",
+  inDropdownWrapperWarning: U,
+  "in-dropdown-wrapper__error-message": "_in-dropdown-wrapper__error-message_v01428_hiZfU",
+  inDropdownWrapperErrorMessage: E,
+  "in-dropdown-wrapper__warning-message": "_in-dropdown-wrapper__warning-message_v01428_yoig-",
+  inDropdownWrapperWarningMessage: H,
+  "in-dropdown-wrapper__label": "_in-dropdown-wrapper__label_v01428_CuzJ2",
+  inDropdownWrapperLabel: M,
+  "in-dropdown-wrapper__label_disable": "_in-dropdown-wrapper__label_disable_v01428_QK15F",
+  inDropdownWrapperLabelDisable: Z,
+  "in-dropdown-wrapper__label__tooltip": "_in-dropdown-wrapper__label__tooltip_v01428_0xgyK",
+  inDropdownWrapperLabelTooltip: K,
+  "in-dropdown-wrapper__input-tags": "_in-dropdown-wrapper__input-tags_v01428_SYZHS",
+  inDropdownWrapperInputTags: X,
+  "in-dropdown-wrapper__placeholder": "_in-dropdown-wrapper__placeholder_v01428_Sn9KU",
+  inDropdownWrapperPlaceholder: j,
+  "in-dropdown-wrapper__input-white": "_in-dropdown-wrapper__input-white_v01428_b6t0e",
+  inDropdownWrapperInputWhite: Y,
+  "in-dropdown-wrapper__item-list": "_in-dropdown-wrapper__item-list_v01428_4WJnZ",
+  inDropdownWrapperItemList: J,
+  "in-dropdown-wrapper__item-list_selected": "_in-dropdown-wrapper__item-list_selected_v01428_CdmYd",
+  inDropdownWrapperItemListSelected: Q,
+  "in-dropdown-wrapper__item-list-title": "_in-dropdown-wrapper__item-list-title_v01428_AB4CI",
+  inDropdownWrapperItemListTitle: V,
+  "in-dropdown-wrapper__item-list_disabled": "_in-dropdown-wrapper__item-list_disabled_v01428_wIxF0",
+  inDropdownWrapperItemListDisabled: G,
+  "in-dropdown-wrapper__item-list_checkbox": "_in-dropdown-wrapper__item-list_checkbox_v01428_XgkwR",
+  inDropdownWrapperItemListCheckbox: tt,
+  "in-dropdown-wrapper__item-list-child": "_in-dropdown-wrapper__item-list-child_v01428_DJIvR",
+  inDropdownWrapperItemListChild: et,
+  "in-dropdown-wrapper__item-list-wrapper": "_in-dropdown-wrapper__item-list-wrapper_v01428_9rWIt",
+  inDropdownWrapperItemListWrapper: it,
+  "in-dropdown-wrapper__no-search-result": "_in-dropdown-wrapper__no-search-result_v01428_yDtW8",
+  inDropdownWrapperNoSearchResult: ot,
+  "in-dropdown-wrapper__item-list-wrapper_top": "_in-dropdown-wrapper__item-list-wrapper_top_v01428_BOsgg",
+  inDropdownWrapperItemListWrapperTop: nt,
+  "in-dropdown-wrapper__item-list-wrapper_right": "_in-dropdown-wrapper__item-list-wrapper_right_v01428_f8trd",
+  inDropdownWrapperItemListWrapperRight: rt,
+  "in-dropdown-wrapper__item-list-wrapper_left": "_in-dropdown-wrapper__item-list-wrapper_left_v01428_asCNm",
+  inDropdownWrapperItemListWrapperLeft: st,
+  "in-dropdown-wrapper__item-list-wrapper_bottom": "_in-dropdown-wrapper__item-list-wrapper_bottom_v01428_jJuri",
+  inDropdownWrapperItemListWrapperBottom: pt,
+  "in-dropdown-wrapper__item-list-wrapper-tag-status": "_in-dropdown-wrapper__item-list-wrapper-tag-status_v01428_ncdeD",
+  inDropdownWrapperItemListWrapperTagStatus: at,
+  "in-dropdown-wrapper__text-type": "_in-dropdown-wrapper__text-type_v01428_MUahl",
+  inDropdownWrapperTextType: lt,
+  "in-dropdown-wrapper__black-item-list": "_in-dropdown-wrapper__black-item-list_v01428_7x5YI",
+  inDropdownWrapperBlackItemList: ct,
+  "child-option": "_child-option_v01428_5nd3p",
+  childOption: dt,
+  option: _t,
+  option_active: wt,
+  optionActive: ut,
+  "option_category-dropdown": "_option_category-dropdown_v01428_WmXAZ",
+  optionCategoryDropdown: ht,
+  "option_active-child": "_option_active-child_v01428_1CvCb",
+  optionActiveChild: mt,
+  "create-new-option": "_create-new-option_v01428_AxeUw",
+  createNewOption: yt,
+  "chevron-icon": "_chevron-icon_v01428_s--ds",
+  chevronIcon: vt,
+  "update-icon": "_update-icon_v01428_9najH",
+  updateIcon: ft,
+  "category-wrapper": "_category-wrapper_v01428_GtzFw",
+  categoryWrapper: gt,
+  "category-icon-wrapper": "_category-icon-wrapper_v01428_g8tOd",
+  categoryIconWrapper: Ct,
+  "category-icon-options": "_category-icon-options_v01428_pnIVM",
+  categoryIconOptions: bt,
+  "in-custom-dropdown-wrapper": "_in-custom-dropdown-wrapper_v01428_9m20m",
+  inCustomDropdownWrapper: xt,
+  "category-dropdown": "_category-dropdown_v01428_-PsXW",
+  categoryDropdown: It,
+  "category-options": "_category-options_v01428_ccUqQ",
+  categoryOptions: kt,
+  "in-custom-dropdown-wrapper_full-width": "_in-custom-dropdown-wrapper_full-width_v01428_e-s6A",
+  inCustomDropdownWrapperFullWidth: $t,
+  "in-custom-icon-dropdown-wrapper__item-list": "_in-custom-icon-dropdown-wrapper__item-list_v01428_KmaGd",
+  inCustomIconDropdownWrapperItemList: Ot,
+  "in-custom-dropdown-wrapper--disabled": "_in-custom-dropdown-wrapper--disabled_v01428_YT8H3",
+  inCustomDropdownWrapperDisabled: St,
+  "in-custom-dropdown-wrapper__open-list-button": "_in-custom-dropdown-wrapper__open-list-button_v01428_pLtZB",
+  inCustomDropdownWrapperOpenListButton: Lt,
+  "no-hover-effect": "_no-hover-effect_v01428_hPzCF",
+  noHoverEffect: Dt,
+  "in-custom-icon-dropdown-wrapper": "_in-custom-icon-dropdown-wrapper_v01428_gcLtX",
+  inCustomIconDropdownWrapper: Tt,
+  "non-border": "_non-border_v01428_iwZAS",
+  nonBorder: Wt
+}, At = "category", Nt = "categoryWithIcon", v = "icon", f = "checkbox", g = "link", C = "text", h = [38, 40], Bt = ".router-view", m = [
+  g,
+  f,
+  C,
+  v
+], _ = "auto", c = "top", d = "bottom", zt = [c, d], Ft = {
+  [c]: d,
+  [d]: c
+}, qt = [
+  ["secondary|default", "solid|subtle-primary"],
+  ["secondary|secondary", "solid|secondary"],
+  ["secondary|success", "solid|subtle-primary"],
+  ["secondary|alert", "ghost|danger"],
+  ["secondary|warning", "ghost|warning"],
+  ["secondary|smart", "ghost|smart"],
+  ["secondary|disabled", "solid|subtle-primary"],
+  ["text|default", "text|primary"],
+  ["text|secondary", "text|secondary"],
+  ["text|success", "text|primary"],
+  ["text|alert", "text|danger"],
+  ["text|warning", "text|warning"],
+  ["text|smart", "text|smart"],
+  ["text|disabled", "text|primary"]
+], Rt = {
+  directives: { clickOutside: A },
+  components: {
+    InIcons: N,
+    InButtonV2: L,
+    InCheckBox: T,
+    InBox: W,
+    InTextInput: D,
+    InSkeleton: P,
+    InTooltip: B
+  },
+  props: {
+    /**
+     * @property {string} id
+     */
+    id: {
+      type: String,
+      default: "qa-custom-dropdown"
+    },
+    /**
+     * @property {string} text
+     */
+    text: {
+      type: String,
+      default: ""
+    },
+    /**
+     * @property {string} status
+     */
+    status: {
+      type: String,
+      default: "default"
+    },
+    /**
+     * @property {string} type
+     */
+    type: {
+      type: String,
+      default: "link"
+    },
+    /**
+     * @property {string} target
+     */
+    target: {
+      type: String,
+      default: "_self"
+    },
+    /**
+     * @property {array} options
+     */
+    options: {
+      type: Array,
+      required: !0
+    },
+    /**
+     * @property {boolean} searchStatus
+     */
+    searchStatus: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @property {boolean} createNewOptionStatus
+     */
+    createNewOptionStatus: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @property {string} createNewOptionText
+     */
+    createNewOptionText: {
+      type: String,
+      default: "Label"
+    },
+    /**
+     * @property {string} openPosition
+     */
+    openPosition: {
+      type: String,
+      default: "left"
+    },
+    /**
+     * @property {string} buttonType
+     */
+    buttonType: {
+      type: String,
+      default: "secondary"
+    },
+    /**
+     * @property {string} icon
+     */
+    icon: {
+      type: String,
+      default: "filled-dropdown-down"
+    },
+    /**
+     * @property {string} iconPosition
+     */
+    iconPosition: {
+      type: String,
+      default: "right"
+    },
+    /**
+     * @property {string} iconName
+     */
+    iconName: {
+      type: String,
+      default: "line-plus-netural"
+    },
+    /**
+    * @property {boolean} disable
+    */
+    disable: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+    * @property {string} title
+    */
+    title: {
+      type: String,
+      default: "Select Condition"
+    },
+    /**
+    * @property {object} extraOption
+    */
+    extraOption: {
+      type: Object,
+      default: () => {
+      }
+    },
+    /**
+     * @property {string} noDataText
+     */
+    noDataText: {
+      type: String,
+      default: "No Data to Show"
+    },
+    /**
+     * @property {string} noSearchResultText
+     */
+    noSearchResultText: {
+      type: String,
+      default: "No Search Result"
+    },
+    /**
+     * @property {boolean} skeletonStatus
+     */
+    skeletonStatus: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @property {number} skeletonSizing
+     */
+    skeletonSizing: {
+      type: Object,
+      default: () => ({
+        width: 0,
+        number: 0
+      })
+    },
+    /**
+     * @property {boolean} visibleButton
+     */
+    visibleButton: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * @property {boolean} visibleBorder
+     */
+    visibleBorder: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @property {string|boolean} avoidClosingSelectors
+     */
+    avoidClosingSelectors: {
+      type: [String, Boolean],
+      default: !1
+    },
+    /**
+     * @property {boolean} isFullWidth
+     */
+    isFullWidth: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @property {boolean} isHoverEffectDisabled
+     */
+    isHoverEffectDisabled: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @property {string} dropdownMenuPosition
+     */
+    dropdownMenuPosition: {
+      type: String,
+      default: _,
+      validator(t) {
+        return [
+          _,
+          c,
+          d
+        ].includes(t);
+      }
+    },
+    /**
+     * @property {boolean} withTitle
+     */
+    withTitle: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * @property {boolean} withTooltip
+     */
+    withTooltip: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @property {string} tooltipText
+     */
+    tooltipText: {
+      type: String,
+      default: ""
+    }
+  },
+  data() {
+    return {
+      statusList: !1,
+      categoryStatus: !1,
+      search: "",
+      trianglePosition: "top",
+      optionListPosition: "bottom",
+      childOptions: {},
+      categoryOptionsLeftSize: 0,
+      categoryOptionsTopPosition: 0,
+      autoFocusStatus: !1,
+      activeItem: 0,
+      activeChild: 0,
+      searchInFocus: !1
+    };
+  },
+  computed: {
+    /**
+     * @return {boolean}
+     */
+    hasExtraOption() {
+      return l(this.extraOption);
+    },
+    /**
+     * @return {boolean}
+     */
+    noSearchResult() {
+      return this.emptyOptions && this.search !== "";
+    },
+    /**
+     * @return {boolean}
+     */
+    emptyOptions() {
+      return this.cloneOptions.length === 0;
+    },
+    /**
+     * @return {string}
+     */
+    emptyOptionsIcon() {
+      return this.noSearchResult ? "line-architect-predefined-segments-channel-actions-40" : "line-dropdown-empty";
+    },
+    /**
+     * @return {string}
+     */
+    emptyOptionsText() {
+      return this.noSearchResult ? this.noSearchResultText : this.noDataText;
+    },
+    /**
+     * @return {string}
+     */
+    optionOpenPosition() {
+      return this.openPosition === "left" ? "start" : "end";
+    },
+    /**
+     * @return {boolean}
+     */
+    hasChildren() {
+      return l(this.options) && this.options[0].hasOwnProperty("children");
+    },
+    /**
+     * @return {array}
+     */
+    cloneOptions() {
+      let t = S(this.options);
+      this.search && (t = t.filter((e) => {
+        const o = this.toLowerCase(e.text).includes(this.toLowerCase(this.search));
+        let n = [];
+        return e.hasOwnProperty("children") && (n = e.children.filter(
+          (r) => this.toLowerCase(r.text).includes(this.toLowerCase(this.search))
+        ), e.children = n.length > 0 ? n : e.children), o || n.length > 0;
+      }));
+      let i = 0;
+      return t = this.hasExtraOption ? [...t, this.extraOption] : t, t.forEach((e, o) => {
+        e.hasOwnProperty("children") ? e.children.forEach((n, r) => {
+          n.itemIndex = o, n.childIndex = r, n.orderIndex = i++, n.packageIcon = n.packageIcon;
+        }) : (e.itemIndex = o, e.orderIndex = i++);
+      }), t;
+    },
+    /**
+     * @return {array}
+     */
+    extractedChildren() {
+      let t = [];
+      return this.cloneOptions.length && this.cloneOptions.map((i) => i.children ? i.children : i).forEach((i) => {
+        t = Array.isArray(i) ? [...t, ...i] : [...t, i];
+      }), t;
+    },
+    /**
+     * @return {array}
+     */
+    filteredChildOptions() {
+      return this.childOptions;
+    },
+    /**
+     * @return {boolean}
+     */
+    visibleCategoryList() {
+      return this.statusList && this.categoryStatus;
+    },
+    /**
+     * @return {boolean}
+     */
+    isCategoryType() {
+      return this.type === At;
+    },
+    /**
+     * @return {boolean}
+     */
+    isCategoryTypeWithIcon() {
+      return this.type === Nt;
+    },
+    /**
+     * @return {boolean}
+     */
+    isIconType() {
+      return this.type === v;
+    },
+    /**
+     * @return {boolean}
+     */
+    isCheckboxType() {
+      return this.type === f;
+    },
+    /**
+     * @return {boolean}
+     */
+    isLinkType() {
+      return this.type === g;
+    },
+    /**
+     * @return {boolean}
+     */
+    isTextType() {
+      return this.type === C;
+    },
+    /**
+     * @return {string}
+     */
+    marginClassForCategoryWithIcon() {
+      return this.text === "" ? "" : this.optionListPosition === "bottom" ? "mt-2" : "mb-2";
+    },
+    /**
+     * @return {array}
+     */
+    categoryOptions() {
+      return this.visibleCategoryList ? this.cloneOptions[this.activeItem].children : this.cloneOptions;
+    },
+    /**
+     * @return {object}
+     */
+    buttonStyling() {
+      const t = qt.find((i) => i[0] === `${this.buttonType}|${this.status}`)[1].split("|");
+      return {
+        styling: t[0],
+        type: t[1]
+      };
+    },
+    /**
+     * @return {boolean}
+     */
+    isButtonDisabled() {
+      return this.disable || this.status === "disabled";
+    }
+  },
+  watch: {
+    statusList() {
+      var t;
+      this.isTextType && ((t = this.$refs.dropDownList) == null || t.scrollTo(0, 0)), this.$nextTick(() => {
+        this.$el && this.$el.querySelector("#dropDownList") && this.$el.querySelector("#dropDownList").focus();
+      });
+    }
+  },
+  mounted() {
+    this.$el.addEventListener("keydown", (t) => {
+      h.includes(t.keyCode) && t.preventDefault();
+    }, !1);
+  },
+  methods: {
+    /**
+     * @return {void}
+     */
+    emitHoverItem() {
+      this.$emit("hoverItem", this.options[this.activeItem]);
+    },
+    /**
+     * @param {object} option
+     * @param {number} index
+     * @return {void}
+     */
+    checkOption(t, i) {
+      this.isExtraOption(i) ? this.$emit("clickExtraOption", this.extraOption) : this.openChildInCategory(t);
+    },
+    /**
+     * @param {number} index
+     * @return {boolean}
+     */
+    isExtraOption(t) {
+      return this.hasExtraOption && t === this.cloneOptions.length - 1;
+    },
+    /**
+     * @param {object} option
+     * @return {boolean}
+     */
+    isDropdownIcon(t) {
+      var i;
+      if (!(t != null && t.children))
+        return t ? t.packageIcon : !0;
+      const e = (i = t == null ? void 0 : t.children) == null ? void 0 : i.find((o) => o.packageIcon === !1);
+      return e ? e.packageIcon : !0;
+    },
+    /**
+     * @return {void}
+     */
+    openList() {
+      this.dropdownMenuPosition !== _ && zt.includes(this.dropdownMenuPosition) ? (this.optionListPosition = this.dropdownMenuPosition, this.trianglePosition = Ft[this.dropdownMenuPosition]) : this.calculatePosition(), this.statusList = !this.statusList, this.search = "", this.autoFocusStatus = !this.autoFocusStatus, this.$emit("openList", this.statusList);
+    },
+    calculatePosition() {
+      this.$nextTick(() => {
+        const t = document.querySelector(Bt), i = window.innerHeight, e = O(this.$el), o = t ? parseInt(window.getComputedStyle(t).paddingBottom) : 0, n = 48, r = 75, s = window.pageYOffset, p = 240 + r + n;
+        e.top - s + o < p ? (this.trianglePosition = "top", this.optionListPosition = "bottom") : i - (e.top - s + o) < p ? (this.trianglePosition = "bottom", this.optionListPosition = "top") : (this.trianglePosition = "top", this.optionListPosition = "bottom");
+      });
+    },
+    /**
+     * @param {string} value
+     */
+    triggerButton(t) {
+      this.$emit("click", t), this.isCheckboxType || this.closeList();
+    },
+    /**
+     * @return {void}
+     */
+    closeList() {
+      this.activeItem = 0, this.activeChild = 0, this.statusList && (this.resetScroll(), this.resetToInitialValues(), this.$emit("closeList"));
+    },
+    /**
+     * @return {void}
+     */
+    resetToInitialValues() {
+      this.statusList = !1, this.categoryStatus = !1, this.autoFocusStatus = !1, this.search = "";
+    },
+    /**
+     * @param {function} text
+     * @param {object} text.target
+     */
+    searchOption(t) {
+      h.includes(t.keyCode) && this.$el && this.$el.querySelector("#dropDownList") && this.$el.querySelector("#dropDownList").focus(), this.search = t.target.value, this.categoryStatus = !1, this.activeItem = this.extractedChildren[0] ? this.extractedChildren[0].itemIndex : 0;
+    },
+    /**
+     * @param {object|string} option
+     * @return {string}
+     */
+    optionNames(t) {
+      let i = typeof t == "object" ? this.getOptionText(t) : t;
+      return $(i.toString());
+    },
+    /**
+     * @param {object} option
+     * @return {string}
+     */
+    getOptionText(t = {}) {
+      return t.text ? t.text : t.meta && t.meta.text ? t.meta.text : "undefined";
+    },
+    /**
+     * @param {object} option
+     * @param {boolean} hovered
+     * @param {number} previousActiveItem
+     * @returns {void}
+    */
+    openChildInCategory(t, i = !1, e = -1) {
+      if (!i && this.searchInFocus || !t)
+        return;
+      if (t.inActive && !i) {
+        this.$emit("selectedInActiveOption", t), this.closeList();
+        return;
+      }
+      const o = !t.withoutChildren && t.children && t.children.length > 0;
+      if (!o && !i) {
+        this.$emit("select", t), this.closeList();
+        return;
+      }
+      this.activeChild = 0, this.categoryStatus = o, this.childOptions = t.children, this.categoryOptionsLeftSize = `${this.$el.querySelector(".category-dropdown").clientWidth}px`, this.$nextTick(() => {
+        var n;
+        const r = this.$refs.dropDownListWrapper, s = this.$el.querySelector(".option_active"), p = this.$el.querySelector("#dropDownList"), a = this.$refs.secondDropDownList;
+        if (!r || !s || !p || !a)
+          return;
+        const b = r.$el.offsetTop, x = s.offsetTop, I = p.scrollTop, k = window.getComputedStyle(a.$el).paddingTop;
+        if (this.categoryOptionsTopPosition = `${b + x - I - parseInt(k)}px`, this.activeItem !== e && (n = a == null ? void 0 : a.$el) != null && n.querySelector) {
+          const w = a.$el.querySelector(".category-wrapper");
+          w && (w.scrollTop = 0);
+        }
+      });
+    },
+    /**
+     * @return {void}
+     */
+    closeChildInCategory() {
+      this.categoryStatus = !1;
+    },
+    toLowerCase(t) {
+      return String(t).toLowerCase();
+    },
+    /**
+     * @param {array} arr
+     * @param {boolean} children
+     * @return {void || function}
+     */
+    increaseActiveItem(t, i = !1) {
+      if (!t || t.length < 2 || !u(t))
+        return;
+      if (i ? this.activeChild = this.activeChild < t.length - 1 ? ++this.activeChild : 0 : this.activeItem = this.activeItem < t.length - 1 ? ++this.activeItem : 0, m.includes(this.type) && t[this.activeItem].disable)
+        return this.increaseActiveItem(t);
+      const e = i ? this.activeChild : this.activeItem, o = this.$el && this.$el.querySelector(`.in-dropdown-wrapper__item-list${i ? "-child" : ""}`), n = `.option__${e}${i ? "-child" : ""}`;
+      this.scrollDown(e, o, n), this.emitHoverItem();
+    },
+    /**
+     * @param {array} arr
+     * @param {boolean} children
+     * @return {void || function}
+     */
+    decreaseActiveItem(t, i = !1) {
+      if (!t || t.length < 2 || !u(t))
+        return;
+      if (i ? this.activeChild = this.activeChild === 0 ? t.length - 1 : --this.activeChild : this.activeItem = this.activeItem === 0 ? t.length - 1 : --this.activeItem, m.includes(this.type) && t[this.activeItem].disable)
+        return this.decreaseActiveItem(t);
+      const e = i ? this.activeChild : this.activeItem, o = this.$el && this.$el.querySelector(`.in-dropdown-wrapper__item-list${i ? "-child" : ""}`), n = `.option__${e}${i ? "-child" : ""}`;
+      this.scrollUp(e, o, n, t), this.emitHoverItem();
+    },
+    /**
+     * @param {number} index
+     * @param {object} option
+     * @return {void}
+     */
+    setActiveItem(t, i = {}) {
+      const e = this.activeItem;
+      this.activeItem = t, l(i) && this.openChildInCategory(i, !0, e), this.emitHoverItem();
+    },
+    /**
+     * @param {number} index
+     * @return {void}
+     */
+    setActiveChild(t) {
+      this.activeChild = t, this.emitHoverItem();
+    },
+    /**
+     * @param {number} active
+     * @param {HTMLElement} list
+     * @param {string} selector
+     * @return {void}
+     */
+    scrollDown(t, i, e) {
+      const o = this.$el.querySelector(e).getBoundingClientRect().bottom, n = i.getBoundingClientRect().bottom, r = o - n;
+      if (t > 0)
+        if (r > 0) {
+          i.scrollBy(0, r);
+          return;
+        } else
+          return;
+      i.scrollTop = 0;
+    },
+    /**
+     * @param {number} active
+     * @param {HTMLElement} list
+     * @param {string} selector
+     * @param {array} arr
+     * @return {void}
+     */
+    scrollUp(t, i, e, o) {
+      if (!i || !e)
+        return;
+      const n = this.$el.querySelector(e).getBoundingClientRect().top, r = i.getBoundingClientRect().top, s = i.scrollHeight, p = r - n;
+      if (t < o.length - 1)
+        if (p > 0) {
+          i.scrollBy(0, -p);
+          return;
+        } else
+          return;
+      i.scrollBy(0, s);
+    },
+    /**
+     * @return {void}
+     */
+    selectChildOption() {
+      l(this.filteredChildOptions) && this.visibleCategoryList && (this.$emit("select", this.filteredChildOptions[this.activeChild]), this.closeList());
+    },
+    /**
+     * @param {array} arr
+     * @return {void}
+     */
+    selectOption(t) {
+      t.length && (this.$emit("select", t[this.activeItem]), this.$emit("click", t[this.activeItem]), this.closeList());
+    },
+    /**
+     * @return {void}
+     */
+    resetScroll() {
+      const t = this.$el.querySelector(".in-dropdown-wrapper__item-list"), i = this.$el.querySelector(".in-dropdown-wrapper__item-list-child");
+      t && (t.scrollTop = 0), i && (i.scrollTop = 0);
+    },
+    /**
+     * @return {void}
+     */
+    focusOnSearch() {
+      this.searchInFocus = !0;
+    },
+    /**
+     * @return {void}
+     */
+    unfocusSearch() {
+      this.searchInFocus = !1;
+    },
+    /**
+     * @return {void}
+     */
+    checkClickOutside(t) {
+      t && t.target && this.avoidClosingSelectors && t.target.closest(this.avoidClosingSelectors) || this.closeList();
+    }
+  }
+};
+var Ut = function() {
+  var t = this, i = t._self._c;
+  return i("div", { directives: [{ name: "click-outside", rawName: "v-click-outside", value: t.checkClickOutside, expression: "checkClickOutside" }], staticClass: "in-custom-dropdown-wrapper in-dropdown-wrapper qa-drop-down-link", class: [
+    t.$style["in-custom-dropdown-wrapper"],
+    t.$style["in-dropdown-wrapper"],
+    {
+      "in-custom-icon-dropdown-wrapper": t.isCategoryTypeWithIcon,
+      [t.$style["in-custom-icon-dropdown-wrapper"]]: t.isCategoryTypeWithIcon,
+      "in-custom-dropdown-wrapper_full-width": t.isFullWidth,
+      [t.$style["in-custom-dropdown-wrapper_full-width"]]: t.isFullWidth,
+      "no-hover-effect": t.isHoverEffectDisabled,
+      [t.$style["no-hover-effect"]]: t.isHoverEffectDisabled,
+      "in-custom-dropdown-wrapper--disabled": t.isButtonDisabled,
+      [t.$style["in-custom-dropdown-wrapper--disabled"]]: t.isButtonDisabled
+    }
+  ] }, [t.withTooltip ? i("in-tooltip", { staticClass: "fl-l", attrs: { "with-icon": !1, align: "start", position: "bottom", text: t.tooltipText } }, [!t.skeletonStatus && !t.isIconType && t.visibleButton ? i("in-button-v2", { staticClass: "in-custom-dropdown-wrapper__open-list-button t-a-l", class: t.$style["in-custom-dropdown-wrapper__open-list-button"], attrs: { slot: "element", id: t.id, "disabled-status": t.isButtonDisabled, "label-text": t.text, "left-icon": t.iconPosition === "left" ? t.icon : "", "right-icon": t.iconPosition === "right" ? t.icon : "", styling: t.buttonStyling.styling, type: t.buttonStyling.type }, on: { click: t.openList }, slot: "element" }) : t._e()], 1) : t._e(), !t.skeletonStatus && !t.isIconType && t.visibleButton && !t.withTooltip ? i("in-button-v2", { staticClass: "in-custom-dropdown-wrapper__open-list-button t-a-l", class: t.$style["in-custom-dropdown-wrapper__open-list-button"], attrs: { id: t.id, "label-text": t.text, "left-icon": t.iconPosition === "left" ? t.icon : "", "right-icon": t.iconPosition === "right" ? t.icon : "", "disabled-status": t.isButtonDisabled, styling: t.buttonStyling.styling, type: t.buttonStyling.type }, on: { click: t.openList } }) : t._e(), !t.skeletonStatus && t.isIconType && t.visibleButton ? i("in-icons", { staticClass: "i-c-7 cur-p", attrs: { name: t.iconName }, on: { click: t.openList } }) : t._e(), !t.skeletonStatus && !t.isCategoryType && !t.isCategoryTypeWithIcon ? i("in-box", { directives: [{ name: "show", rawName: "v-show", value: t.statusList, expression: "statusList" }], staticClass: "in-dropdown-wrapper__item-list-wrapper mt-2", class: [
+    t.$style["in-dropdown-wrapper__item-list-wrapper"],
+    "in-dropdown-wrapper__item-list-wrapper_" + t.optionListPosition,
+    t.$style["in-dropdown-wrapper__item-list-wrapper_" + t.optionListPosition],
+    {
+      "in-dropdown-wrapper__item-list-wrapper-tag-status": t.createNewOptionStatus,
+      [t.$style["in-dropdown-wrapper__item-list-wrapper-tag-status"]]: t.createNewOptionStatus
+    },
+    "in-dropdown-wrapper__item-list-wrapper_" + t.openPosition,
+    t.$style["in-dropdown-wrapper__item-list-wrapper_" + t.openPosition]
+  ], attrs: { border: "bor-w-0 bor-s-n" } }, [t.isLinkType ? i("div", { ref: "dropDownList", staticClass: "in-dropdown-wrapper__item-list", class: t.$style["in-dropdown-wrapper__item-list"], attrs: { id: "dropDownList", tabindex: "0" }, on: { keyup: [function(e) {
+    return !e.type.indexOf("key") && t._k(e.keyCode, "down", 40, e.key, ["Down", "ArrowDown"]) ? null : t.increaseActiveItem(t.options);
+  }, function(e) {
+    return !e.type.indexOf("key") && t._k(e.keyCode, "up", 38, e.key, ["Up", "ArrowUp"]) ? null : t.decreaseActiveItem(t.options);
+  }, function(e) {
+    return !e.type.indexOf("key") && t._k(e.keyCode, "enter", 13, e.key, "Enter") ? null : t.selectOption(t.options);
+  }] } }, [t._l(t.options, function(e, o) {
+    return i("router-link", { key: o, class: [
+      `${t.id}-${t.optionNames(e.text)}`,
+      `option__${o}`,
+      { option_active: t.activeItem === o },
+      { [t.$style.option_active]: t.activeItem === o },
+      { "in-dropdown-wrapper__item-list_disabled": e.disable },
+      { [t.$style["in-dropdown-wrapper__item-list_disabled"]]: e.disable }
+    ], attrs: { to: e.value, target: t.target }, on: { click: function(n) {
+      return t.triggerButton(e);
+    } }, nativeOn: { mouseenter: function(n) {
+      return t.setActiveItem(o);
+    } } }, [t._v(" " + t._s(e.text) + " ")]);
+  }), t.emptyOptions && t.type === "link" ? i("div", { staticClass: "d-f f-d-c a-i-c mt-4 mb-2" }, [i("in-icons", { staticClass: "i-c-2", attrs: { name: t.emptyOptionsIcon, size: "40" } }), i("p", { staticClass: "in-dropdown-wrapper__no-search-result t-c-2 cur-t", class: t.$style["in-dropdown-wrapper__no-search-result"] }, [t._v(" " + t._s(t.emptyOptionsText) + " ")])], 1) : t._e(), t.createNewOptionStatus ? i("div", { staticClass: "create-new-option-clone clearfix cur-p h-0-s d-f v-h px-3 py-0 w-1", class: t.$style["create-new-option-clone"] }, [i("in-icons", { staticClass: "fl-l i-c-7", attrs: { name: "line-plus-netural" } }), i("span", { staticClass: "ml-1 fl-l t-c-7 l-h-2" }, [t._v(" " + t._s(t.createNewOptionText) + " ")])], 1) : t._e(), t.createNewOptionStatus ? i("div", { staticClass: "create-new-option clearfix cur-p d-g px-3 py-2 o-h p-a b-0 bor-t-w-1 bor-t-s-s bor-c-6 w-1", class: t.$style["create-new-option"], on: { click: function(e) {
+    return t.$emit("createNewOption");
+  } } }, [i("in-icons", { staticClass: "fl-l i-c-7", attrs: { name: "line-plus-netural" } }), i("span", { staticClass: "ml-1 fl-l t-c-7 l-h-2" }, [t._v(" " + t._s(t.createNewOptionText) + " ")])], 1) : t._e()], 2) : t._e(), t.isTextType || t.isIconType ? i("div", { on: { keyup: [function(e) {
+    return !e.type.indexOf("key") && t._k(e.keyCode, "down", 40, e.key, ["Down", "ArrowDown"]) ? null : t.increaseActiveItem(t.extractedChildren);
+  }, function(e) {
+    return !e.type.indexOf("key") && t._k(e.keyCode, "up", 38, e.key, ["Up", "ArrowUp"]) ? null : t.decreaseActiveItem(t.extractedChildren);
+  }, function(e) {
+    return !e.type.indexOf("key") && t._k(e.keyCode, "enter", 13, e.key, "Enter") ? null : t.selectOption(t.extractedChildren);
+  }] } }, [t.searchStatus && t.options.length !== 0 ? i("in-text-input", { staticClass: "mx-2 mb-2", attrs: { id: `${t.id}-search`, name: "drop-down-search", "auto-focus": t.autoFocusStatus, value: t.search, placeholder: "Search", "with-icon": !0, "icon-name": "line-menu-search", "icon-position": "right", "with-label": !1 }, on: { focus: t.focusOnSearch, blur: t.unfocusSearch, keyup: t.searchOption } }) : t._e(), t.emptyOptions ? i("div", { staticClass: "d-f f-d-c a-i-c mt-4" }, [i("in-icons", { staticClass: "i-c-2", attrs: { name: t.emptyOptionsIcon, size: "40" } }), i("p", { staticClass: "in-dropdown-wrapper__no-search-result t-c-2 cur-t", class: t.$style["in-dropdown-wrapper__no-search-result"] }, [t._v(" " + t._s(t.emptyOptionsText) + " ")])], 1) : t._e(), t.createNewOptionStatus ? i("div", { staticClass: "create-new-option-clone clearfix cur-p h-0-s d-f v-h px-3 py-0 w-1", class: t.$style["create-new-option-clone"] }, [i("in-icons", { staticClass: "fl-l i-c-7", attrs: { name: "line-plus-netural" } }), i("span", { staticClass: "ml-1 fl-l t-c-7 l-h-2" }, [t._v(" " + t._s(t.createNewOptionText) + " ")])], 1) : t._e(), t.createNewOptionStatus ? i("div", { staticClass: "create-new-option clearfix cur-p d-g px-3 py-2 o-h p-a b-0 bor-t-w-1 bor-t-s-s bor-c-6 w-1", class: t.$style["create-new-option"], on: { click: function(e) {
+    return t.$emit("createNewOption");
+  } } }, [i("in-icons", { staticClass: "fl-l i-c-7", attrs: { name: "line-plus-netural" } }), i("span", { staticClass: "ml-1 fl-l t-c-7 l-h-2" }, [t._v(" " + t._s(t.createNewOptionText) + " ")])], 1) : t._e(), i("div", { ref: "dropDownList", staticClass: "in-dropdown-wrapper__item-list", class: t.$style["in-dropdown-wrapper__item-list"], attrs: { id: "dropDownList", tabindex: "0" } }, t._l(t.cloneOptions, function(e, o) {
+    return i("div", { key: o }, [e.children ? i("div", [i("p", { staticClass: "in-dropdown-wrapper__item-list-title f-s-1 l-h-1 m-0 t-t-u l-s-5 p-e-n", class: t.$style["in-dropdown-wrapper__item-list-title"] }, [t._v(" " + t._s(e.text) + " ")]), t._l(e.children, function(n, r) {
+      return i("p", { key: r, class: [
+        `option__${n.orderIndex}`,
+        `${t.id}-${t.optionNames(n.text)}`,
+        {
+          "in-dropdown-wrapper__item-list_disabled": n.disable
+        },
+        {
+          [t.$style["in-dropdown-wrapper__item-list_disabled"]]: n.disable
+        },
+        {
+          option_active: t.extractedChildren[t.activeItem].itemIndex === o && t.extractedChildren[t.activeItem].childIndex === r
+        },
+        {
+          [t.$style.option_active]: t.extractedChildren[t.activeItem].itemIndex === o && t.extractedChildren[t.activeItem].childIndex === r
+        }
+      ], on: { mouseenter: function(s) {
+        return t.setActiveItem(n.orderIndex);
+      }, click: function(s) {
+        return t.triggerButton(n);
+      } } }, [t._v(" " + t._s(n.text) + " ")]);
+    })], 2) : t._e(), e.children ? t._e() : i("p", { class: [
+      `${t.id}-${t.optionNames(e)}`,
+      `option__${e.orderIndex}`,
+      { option_active: t.activeItem === e.orderIndex },
+      { [t.$style.option_active]: t.activeItem === e.orderIndex },
+      { "in-dropdown-wrapper__item-list_disabled": e.disable },
+      { [t.$style["in-dropdown-wrapper__item-list_disabled"]]: e.disable }
+    ], on: { mouseenter: function(n) {
+      return t.setActiveItem(e.orderIndex);
+    }, click: function(n) {
+      return t.triggerButton(e);
+    } } }, [t._v(" " + t._s(t.getOptionText(e)) + " ")])]);
+  }), 0)], 1) : t._e(), t.isCheckboxType ? i("div", { ref: "dropDownList", staticClass: "in-dropdown-wrapper__item-list", class: t.$style["in-dropdown-wrapper__item-list"], attrs: { id: "dropDownList", tabindex: "0" }, on: { keyup: [function(e) {
+    return !e.type.indexOf("key") && t._k(e.keyCode, "down", 40, e.key, ["Down", "ArrowDown"]) ? null : t.increaseActiveItem(t.options);
+  }, function(e) {
+    return !e.type.indexOf("key") && t._k(e.keyCode, "up", 38, e.key, ["Up", "ArrowUp"]) ? null : t.decreaseActiveItem(t.options);
+  }, function(e) {
+    return !e.type.indexOf("key") && t._k(e.keyCode, "enter", 13, e.key, "Enter") ? null : t.triggerButton(t.options[t.activeItem]);
+  }] } }, [t._l(t.options, function(e, o) {
+    return i("in-check-box", { key: o, staticClass: "in-dropdown-wrapper__item-list_checkbox", class: [
+      t.$style["in-dropdown-wrapper__item-list_checkbox"],
+      `option__${o}`,
+      { option_active: t.activeItem === o },
+      { [t.$style.option_active]: t.activeItem === o }
+    ], attrs: { id: `${t.id}_${e.text}`, name: `${t.id}_${e.text}`, label: e.text, checked: e.value, disable: e.disable, indeterminate: e.indeterminate }, on: { mouseenter: function(n) {
+      return t.setActiveItem(o);
+    }, click: function(n) {
+      return t.triggerButton(e);
+    } } });
+  }), t.emptyOptions ? i("div", { staticClass: "d-f f-d-c a-i-c mt-4" }, [i("in-icons", { staticClass: "i-c-2", attrs: { name: t.emptyOptionsIcon, size: "40" } }), i("p", { staticClass: "in-dropdown-wrapper__no-search-result t-c-2 cur-t", class: t.$style["in-dropdown-wrapper__no-search-result"] }, [t._v(" " + t._s(t.emptyOptionsText) + " ")])], 1) : t._e()], 2) : t._e()]) : t._e(), t.isCategoryType ? i("div", { staticClass: "t-n" }, [t.skeletonStatus ? t._e() : i("in-box", { directives: [{ name: "show", rawName: "v-show", value: t.statusList, expression: "statusList" }], ref: "dropDownListWrapper", staticClass: "category-dropdown in-dropdown-wrapper__item-list-wrapper mt-2", class: [
+    t.$style["category-dropdown"],
+    t.$style["in-dropdown-wrapper__item-list-wrapper"],
+    "in-dropdown-wrapper__item-list-wrapper_" + t.optionListPosition,
+    t.$style["in-dropdown-wrapper__item-list-wrapper_" + t.optionListPosition],
+    {
+      "in-dropdown-wrapper__item-list-wrapper-tag-status": t.createNewOptionStatus,
+      [t.$style["in-dropdown-wrapper__item-list-wrapper-tag-status"]]: t.createNewOptionStatus
+    },
+    "in-dropdown-wrapper__item-list-wrapper_" + t.openPosition,
+    t.$style["in-dropdown-wrapper__item-list-wrapper_" + t.openPosition]
+  ], attrs: { border: "bor-w-0 bor-s-n" }, nativeOn: { keyup: [function(e) {
+    return !e.type.indexOf("key") && t._k(e.keyCode, "down", 40, e.key, ["Down", "ArrowDown"]) ? null : t.increaseActiveItem(t.categoryOptions, t.visibleCategoryList);
+  }, function(e) {
+    return !e.type.indexOf("key") && t._k(e.keyCode, "up", 38, e.key, ["Up", "ArrowUp"]) ? null : t.decreaseActiveItem(t.categoryOptions, t.visibleCategoryList);
+  }, function(e) {
+    return !e.type.indexOf("key") && t._k(e.keyCode, "right", 39, e.key, ["Right", "ArrowRight"]) || "button" in e && e.button !== 2 ? null : t.openChildInCategory(t.cloneOptions[t.activeItem]);
+  }, function(e) {
+    return !e.type.indexOf("key") && t._k(e.keyCode, "left", 37, e.key, ["Left", "ArrowLeft"]) || "button" in e && e.button !== 0 ? null : t.closeChildInCategory.apply(null, arguments);
+  }, function(e) {
+    return !e.type.indexOf("key") && t._k(e.keyCode, "enter", 13, e.key, "Enter") ? null : t.selectChildOption.apply(null, arguments);
+  }] } }, [i("div", [t.searchStatus && t.options.length !== 0 ? i("in-text-input", { staticClass: "mx-2 mb-2", attrs: { id: `${t.id}-search`, value: t.search, name: "drop-down-search", "auto-focus": t.autoFocusStatus, placeholder: "Search", "with-icon": !0, "icon-name": "line-menu-search", "icon-position": "right", "with-label": !1 }, on: { focus: t.focusOnSearch, blur: t.unfocusSearch, keyup: t.searchOption } }) : t._e(), i("div", { ref: "dropDownList", staticClass: "in-dropdown-wrapper__item-list", class: t.$style["in-dropdown-wrapper__item-list"], attrs: { id: "dropDownList", tabindex: "0" } }, t._l(t.cloneOptions, function(e, o) {
+    return i("div", { key: o, staticClass: "option d-f j-c-s-b", class: [
+      t.$style.option,
+      `option__${o}`,
+      { option_active: t.activeItem === o },
+      { [t.$style.option_active]: t.activeItem === o },
+      { "in-dropdown-wrapper__item-list_disabled": e.disable },
+      { [t.$style["in-dropdown-wrapper__item-list_disabled"]]: e.disable }
+    ], on: { mouseenter: function(n) {
+      return t.setActiveItem(o, e);
+    }, click: function(n) {
+      return t.openChildInCategory(e);
+    } } }, [i("span", { class: `${t.id}-${t.optionNames(e.text)}` }, [t._v(" " + t._s(e.text) + " ")]), e.children && e.children.length ? i("in-icons", { staticClass: "chevron-icon ml-2 mt-1", class: t.$style["chevron-icon"], attrs: { name: "line-chevron-right", size: "20" } }) : t._e()], 1);
+  }), 0), t.emptyOptions ? i("div", { staticClass: "d-f f-d-c a-i-c mt-4 mb-2" }, [i("in-icons", { staticClass: "i-c-2", attrs: { name: t.emptyOptionsIcon, size: "40" } }), i("p", { staticClass: "in-dropdown-wrapper__no-search-result t-c-2 cur-t", class: t.$style["in-dropdown-wrapper__no-search-result"] }, [t._v(" " + t._s(t.emptyOptionsText) + " ")])], 1) : t._e(), t.createNewOptionStatus ? i("div", { staticClass: "create-new-option-clone clearfix cur-p h-0-s d-f v-h px-3 py-0 w-1", class: t.$style["create-new-option-clone"] }, [i("in-icons", { staticClass: "fl-l i-c-7", attrs: { name: "line-plus-netural" } }), i("span", { staticClass: "ml-1 fl-l t-c-7 l-h-2" }, [t._v(" " + t._s(t.createNewOptionText) + " ")])], 1) : t._e(), t.createNewOptionStatus ? i("div", { staticClass: "create-new-option clearfix cur-p d-g px-3 py-2 o-h p-a b-0 bor-t-w-1 bor-t-s-s bor-c-6 w-1", class: t.$style["create-new-option"], on: { click: function(e) {
+    return t.$emit("createNewOption");
+  } } }, [i("in-icons", { staticClass: "fl-l i-c-7", attrs: { name: "line-plus-netural" } }), i("span", { staticClass: "ml-1 fl-l t-c-7 l-h-2" }, [t._v(" " + t._s(t.createNewOptionText) + " ")])], 1) : t._e()], 1)]), t.skeletonStatus ? t._e() : i("in-box", { directives: [{ name: "show", rawName: "v-show", value: t.visibleCategoryList, expression: "visibleCategoryList" }], ref: "secondDropDownList", staticClass: "category-options in-dropdown-wrapper__item-list-wrapper w-18-s z-13", class: [
+    t.$style["category-options"],
+    t.$style["in-dropdown-wrapper__item-list-wrapper"],
+    "in-dropdown-wrapper__item-list-wrapper_" + t.optionListPosition,
+    t.$style["in-dropdown-wrapper__item-list-wrapper_" + t.optionListPosition],
+    "in-dropdown-wrapper__item-list-wrapper_" + t.openPosition,
+    t.$style["in-dropdown-wrapper__item-list-wrapper_" + t.openPosition]
+  ], style: { left: t.categoryOptionsLeftSize, top: t.categoryOptionsTopPosition } }, [i("div", { staticClass: "category-wrapper in-dropdown-wrapper__item-list in-dropdown-wrapper__item-list-child", class: [
+    t.$style["category-wrapper"],
+    t.$style["in-dropdown-wrapper__item-list"],
+    t.$style["in-dropdown-wrapper__item-list-child"]
+  ] }, t._l(t.filteredChildOptions, function(e, o) {
+    return i("p", { key: o, staticClass: "child-option", class: [
+      t.$style["child-option"],
+      `${t.id}-${t.optionNames(e.text)}`,
+      `option__${o}-child`,
+      { "option_active-child": t.activeChild === o },
+      { [t.$style["option_active-child"]]: t.activeChild === o },
+      { "in-dropdown-wrapper__item-list_disabled": e.disable },
+      { [t.$style["in-dropdown-wrapper__item-list_disabled"]]: e.disable }
+    ], on: { mouseenter: function(n) {
+      return t.setActiveChild(o);
+    }, click: t.selectChildOption } }, [t._v(" " + t._s(e.text) + " ")]);
+  }), 0)])], 1) : t._e(), t.isCategoryTypeWithIcon ? i("div", { staticClass: "t-n", class: [
+    { "non-border": !t.visibleBorder },
+    { [t.$style["non-border"]]: !t.visibleBorder }
+  ] }, [t.skeletonStatus ? t._e() : i("in-box", { directives: [{ name: "show", rawName: "v-show", value: t.statusList, expression: "statusList" }], ref: "dropDownListWrapper", staticClass: "category-dropdown in-dropdown-wrapper__item-list-wrapper z-0", class: [
+    t.$style["category-dropdown"],
+    t.$style["in-dropdown-wrapper__item-list-wrapper"],
+    "in-dropdown-wrapper__item-list-wrapper_" + t.optionListPosition,
+    t.$style["in-dropdown-wrapper__item-list-wrapper_" + t.optionListPosition],
+    { "mt-3": !t.withTitle },
+    {
+      "in-dropdown-wrapper__item-list-wrapper-tag-status": t.createNewOptionStatus,
+      [t.$style["in-dropdown-wrapper__item-list-wrapper-tag-status"]]: t.createNewOptionStatus
+    },
+    "in-dropdown-wrapper__item-list-wrapper_" + t.openPosition,
+    t.$style["in-dropdown-wrapper__item-list-wrapper_" + t.openPosition],
+    t.marginClassForCategoryWithIcon
+  ], attrs: { "border-triangle": !1, "border-triangle-position": t.trianglePosition, "border-triangle-align": t.optionOpenPosition }, nativeOn: { keyup: [function(e) {
+    return !e.type.indexOf("key") && t._k(e.keyCode, "down", 40, e.key, ["Down", "ArrowDown"]) ? null : t.increaseActiveItem(t.categoryOptions, t.visibleCategoryList);
+  }, function(e) {
+    return !e.type.indexOf("key") && t._k(e.keyCode, "up", 38, e.key, ["Up", "ArrowUp"]) ? null : t.decreaseActiveItem(t.categoryOptions, t.visibleCategoryList);
+  }, function(e) {
+    return !e.type.indexOf("key") && t._k(e.keyCode, "right", 39, e.key, ["Right", "ArrowRight"]) || "button" in e && e.button !== 2 ? null : t.openChildInCategory(t.cloneOptions[t.activeItem]);
+  }, function(e) {
+    return !e.type.indexOf("key") && t._k(e.keyCode, "left", 37, e.key, ["Left", "ArrowLeft"]) || "button" in e && e.button !== 0 ? null : t.closeChildInCategory.apply(null, arguments);
+  }, function(e) {
+    return !e.type.indexOf("key") && t._k(e.keyCode, "enter", 13, e.key, "Enter") ? null : t.selectChildOption.apply(null, arguments);
+  }] } }, [!t.emptyOptions && t.withTitle ? i("div", { staticClass: "py-2 f-w-600 f-s-2 l-h-2 t-a-c bor-b-w-1 bor-b-s-s bor-b-c-6 mb-1" }, [t._v(" " + t._s(t.title) + " ")]) : t._e(), i("div", [i("div", { ref: "dropDownList", staticClass: "in-dropdown-wrapper__item-list in-custom-icon-dropdown-wrapper__item-list", class: [
+    t.$style["in-dropdown-wrapper__item-list"],
+    t.$style["in-custom-icon-dropdown-wrapper__item-list"]
+  ], attrs: { id: "dropDownList", tabindex: "0" } }, t._l(t.cloneOptions, function(e, o) {
+    return i("div", { key: o, staticClass: "option d-f a-i-c j-c-s-b", class: [
+      t.$style.option,
+      `option__${o}`,
+      { option_active: t.activeItem === o },
+      { [t.$style.option_active]: t.activeItem === o },
+      {
+        "py-2 f-s-2 l-h-2 bor-t-w-1 bor-t-s-s bor-t-c-6 mb-1 px-3 cur-p": t.isExtraOption(o)
+      },
+      { "in-dropdown-wrapper__item-list_disabled": e.disable },
+      { [t.$style["in-dropdown-wrapper__item-list_disabled"]]: e.disable }
+    ], on: { mouseenter: function(n) {
+      return t.setActiveItem(o, e);
+    }, click: function(n) {
+      return t.checkOption(e, o);
+    } } }, [i("div", { staticClass: "d-f a-i-c" }, [e.icon ? i("in-icons", { staticClass: "l-h-2 i-c-1 min-w-4-s", attrs: { name: e.icon, size: "24" } }) : t._e(), i("span", { staticClass: "ml-2 l-h-2", class: `${t.id}-${t.optionNames(e.text)}` }, [t._v(" " + t._s(e.text) + " ")])], 1), !e.withoutChildren && e.children ? i("in-icons", { staticClass: "chevron-icon ml-2 l-h-2", class: t.$style["chevron-icon"], attrs: { name: "line-chevron-right", size: "20" } }) : t._e(), e.withoutChildren && !t.isDropdownIcon(e) ? i("in-icons", { staticClass: "chevron-icon ml-2 l-h-2", class: [
+      t.$style["chevron-icon"],
+      { "update-icon": !e.packageIconName },
+      { [t.$style["update-icon"]]: !e.packageIconName }
+    ], attrs: { name: e.packageIconName || "line-architect-feature-update", size: "20" }, nativeOn: { mouseenter: function(n) {
+      return t.$emit("hoverRightIcon", e);
+    } } }) : t._e()], 1);
+  }), 0)]), t.emptyOptions ? i("div", { staticClass: "d-f f-d-c a-i-c mt-4 mb-2" }, [i("in-icons", { staticClass: "i-c-2", attrs: { name: t.emptyOptionsIcon, size: "40" } }), i("p", { staticClass: "in-dropdown-wrapper__no-search-result t-c-2 cur-t", class: t.$style["in-dropdown-wrapper__no-search-result"] }, [t._v(" " + t._s(t.emptyOptionsText) + " ")])], 1) : t._e(), t.createNewOptionStatus ? i("div", { staticClass: "create-new-option-clone clearfix cur-p h-0-s d-f v-h px-3 py-0 w-1", class: t.$style["create-new-option-clone"] }, [i("in-icons", { staticClass: "fl-l i-c-7", attrs: { name: "line-plus-netural" } }), i("span", { staticClass: "ml-1 fl-l t-c-7 l-h-2" }, [t._v(" " + t._s(t.createNewOptionText) + " ")])], 1) : t._e(), t.createNewOptionStatus ? i("div", { staticClass: "create-new-option clearfix cur-p d-g px-3 py-2 o-h p-a b-0 bor-t-w-1 bor-t-s-s bor-c-6 w-1", class: t.$style["create-new-option"], on: { click: function(e) {
+    return t.$emit("createNewOption");
+  } } }, [i("in-icons", { staticClass: "fl-l i-c-7", attrs: { name: "line-plus-netural" } }), i("span", { staticClass: "ml-1 fl-l t-c-7 l-h-2" }, [t._v(" " + t._s(t.createNewOptionText) + " ")])], 1) : t._e()]), t.skeletonStatus ? t._e() : i("in-box", { directives: [{ name: "show", rawName: "v-show", value: t.visibleCategoryList, expression: "visibleCategoryList" }], ref: "secondDropDownList", staticClass: "category-icon-options in-dropdown-wrapper__item-list-wrapper w-18-s", class: [
+    t.$style["category-icon-options"],
+    t.$style["in-dropdown-wrapper__item-list-wrapper"],
+    "in-dropdown-wrapper__item-list-wrapper_" + t.optionListPosition,
+    t.$style["in-dropdown-wrapper__item-list-wrapper_" + t.optionListPosition],
+    "in-dropdown-wrapper__item-list-wrapper_" + t.openPosition,
+    t.$style["in-dropdown-wrapper__item-list-wrapper_" + t.openPosition]
+  ], style: { left: t.categoryOptionsLeftSize, top: t.categoryOptionsTopPosition } }, [i("div", { ref: "dropDownList", staticClass: "category-icon-wrapper in-dropdown-wrapper__item-list in-dropdown-wrapper__item-list-child", class: [
+    t.$style["category-icon-wrapper"],
+    t.$style["in-dropdown-wrapper__item-list"],
+    t.$style["in-dropdown-wrapper__item-list-child"]
+  ], attrs: { id: "dropDownList" } }, t._l(t.filteredChildOptions, function(e, o) {
+    return i("div", { key: o, staticClass: "child-option d-f a-i-c", class: [
+      t.$style["child-option"],
+      `option__${o}-child`,
+      { "option_active-child": t.activeChild === o },
+      { [t.$style["option_active-child"]]: t.activeChild === o },
+      { "in-dropdown-wrapper__item-list_disabled": e.disable },
+      { [t.$style["in-dropdown-wrapper__item-list_disabled"]]: e.disable }
+    ], on: { mouseenter: function(n) {
+      return t.setActiveChild(o);
+    }, click: t.selectChildOption } }, [i("in-icons", { staticClass: "l-h-2 i-c-1 min-w-4-s", attrs: { name: e.icon, size: "24" } }), i("p", { staticClass: "l-h-2 ml-2", class: `${t.id}-${t.optionNames(e.text)}` }, [t._v(" " + t._s(e.text) + " ")]), t.isDropdownIcon(e) ? t._e() : i("in-icons", { staticClass: "chevron-icon ml-auto l-h-2", class: [
+      t.$style["chevron-icon"],
+      { "update-icon": !e.packageIconName },
+      { [t.$style["update-icon"]]: !e.packageIconName }
+    ], attrs: { name: e.packageIconName || "line-architect-feature-update", size: "20" }, nativeOn: { mouseenter: function(n) {
+      return t.$emit("hoverRightIcon", e);
+    } } })], 1);
+  }), 0)])], 1) : t._e(), t.skeletonStatus ? i("in-skeleton", { attrs: { sizing: t.skeletonSizing, name: "InCustomDropDown" } }) : t._e()], 1);
+}, Et = [];
+const y = {
+  $style: Pt
+};
+function Ht(t) {
+  for (var i in y)
+    this[i] = y[i];
+}
+var Mt = /* @__PURE__ */ z(
+  Rt,
+  Ut,
+  Et,
+  !1,
+  Ht
+);
+const ie = Mt.exports;
+export {
+  ie as InCustomDropDown
+};