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

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

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