@ironsource/shared-ui 2.1.11-test.8 → 2.1.11-test.91

package/components/snackbar/v4/SnackbarV4.vue2.js

@@ -0,0 +1,143 @@
+ import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_89fe8aa1_lang.css"; import { defineComponent as $, computed as A, openBlock as n, createBlock as d, Transition as O, withCtx as f, withDirectives as I, createElementVNode as a, mergeProps as l, unref as t, createVNode as z, createTextVNode as T, toDisplayString as h, createCommentVNode as u, renderSlot as B, vShow as N, createElementBlock as S, Fragment as V, renderList as x, withModifiers as U } from "vue";
+import D from "../../icon/v4/IconV4.vue.js";
+import "../../icon/v4/IconFlag.vue.js";
+import H from "../../button/v4/ButtonV4.vue.js";
+import F from "../../button/v4/IconButtonV4.vue.js";
+import "../../button/v4/ButtonGroup.vue.js";
+import "../../button/v4/ToggleButtonGroupAB.vue.js";
+import b from "../../typography/v4/Typography.vue.js";
+import { snackbarCommon as G } from "../common/snackbar.common.js";
+import { useTestIdAttrs as P } from "../../../utils/testIds.js";
+import { SnackbarTestIdModifiers as i } from "../../../testids/index.js";
+const R = ["id"], j = { class: "container" }, q = { class: "texts" }, J = { class: "message" }, K = { class: "action-wrapper" }, Q = {
+  key: 0,
+  class: "actions"
+}, W = { class: "close-button-wrapper" }, lt = /* @__PURE__ */ $({
+  __name: "SnackbarV4",
+  props: {
+    customClass: null,
+    dangerouslyUseHTMLString: { type: Boolean },
+    duration: { default: 3e3 },
+    id: null,
+    message: null,
+    offset: null,
+    onClick: null,
+    onClose: null,
+    type: { default: "info" },
+    position: { default: "top-right" },
+    showClose: { type: Boolean, default: !0 },
+    title: { default: "" },
+    zIndex: { default: 0 },
+    actionButtons: null,
+    testId: { default: "" }
+  },
+  emits: ["destroy"],
+  setup(e) {
+    const m = e, {
+      visible: p,
+      horizontalClass: w,
+      positionStyle: L,
+      clearTimer: k,
+      startTimer: C,
+      close: y
+    } = G(m), E = {
+      info: {
+        iconName: "info",
+        class: "snackbar-icon-info"
+      },
+      error: {
+        iconName: "warning-octagon",
+        class: "snackbar-icon-error"
+      },
+      success: {
+        iconName: "check-circle",
+        class: "snackbar-icon-success"
+      }
+    }, v = A(() => E[m.type]), r = P(m.testId, i), M = ({ closeOnClick: c, onClick: o }) => () => {
+      c && y(), o && o();
+    };
+    return (c, o) => (n(), d(O, {
+      name: "snackbar",
+      onBeforeLeave: e.onClose,
+      onAfterLeave: o[3] || (o[3] = (s) => c.$emit("destroy"))
+    }, {
+      default: f(() => [
+        I(a("div", l({
+          id: e.id,
+          class: ["snackbar light-theme-v4", [e.customClass, t(w)]],
+          style: t(L),
+          role: "alert"
+        }, t(r)[t(i).CONTAINER], {
+          onMouseenter: o[0] || (o[0] = //@ts-ignore
+          (...s) => t(k) && t(k)(...s)),
+          onMouseleave: o[1] || (o[1] = //@ts-ignore
+          (...s) => t(C) && t(C)(...s)),
+          onClick: o[2] || (o[2] = //@ts-ignore
+          (...s) => e.onClick && e.onClick(...s))
+        }), [
+          a("div", j, [
+            a("div", q, [
+              e.title ? (n(), d(t(b), l({
+                key: 0,
+                variant: "h4",
+                class: "title"
+              }, t(r)[t(i).TITLE]), {
+                default: f(() => [
+                  z(t(D), l({
+                    name: t(v).iconName,
+                    type: "fill",
+                    size: "20px",
+                    class: [t(v).class, "icon-container"]
+                  }, t(r)[t(i).ICON]), null, 16, ["name", "class"]),
+                  T(" " + h(e.title), 1)
+                ]),
+                _: 1
+              }, 16)) : u("", !0),
+              I(a("div", J, [
+                B(c.$slots, "default", {}, () => [
+                  e.dangerouslyUseHTMLString ? u("", !0) : (n(), d(t(b), l({
+                    key: 0,
+                    variant: "body2"
+                  }, t(r)[t(i).MESSAGE]), {
+                    default: f(() => [
+                      T(h(e.message), 1)
+                    ]),
+                    _: 1
+                  }, 16))
+                ], !0)
+              ], 512), [
+                [N, e.message]
+              ]),
+              a("div", K, [
+                B(c.$slots, "actions", {}, () => [
+                  e.actionButtons ? (n(), S("div", Q, [
+                    (n(!0), S(V, null, x(e.actionButtons, (s, g) => (n(), d(t(H), l({
+                      key: g,
+                      "data-testid": e.testId ? `${e.testId}-${t(i).ACTION_BUTTON}-${g}` : "",
+                      size: "small"
+                    }, { ...s, onClick: M(s) }), null, 16, ["data-testid"]))), 128))
+                  ])) : u("", !0)
+                ], !0)
+              ])
+            ]),
+            a("div", W, [
+              e.showClose ? (n(), d(t(F), l({
+                key: 0,
+                "icon-name": "x",
+                size: "small"
+              }, t(r)[t(i).CLOSE], {
+                onClick: U(t(y), ["stop"])
+              }), null, 16, ["onClick"])) : u("", !0)
+            ])
+          ])
+        ], 16, R), [
+          [N, t(p)]
+        ])
+      ]),
+      _: 3
+    }, 8, ["onBeforeLeave"]));
+  }
+});
+export {
+  lt as default
+};

package/components/sortableList/SortableItem.vue.d.ts

@@ -6,6 +6,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     isSelected?: boolean;
     selectedChildId?: string | number;
     searchQuery?: string;
+    childListMaxHeight: string;
     searchHandler?: (item: SortableListItem, searchQuery: string) => boolean;
     displayValue: (item: SortableListItem) => string;
 }>, {
@@ -15,6 +16,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     selectedChildId: any;
     searchQuery: any;
     index: any;
+    childListMaxHeight: string;
     searchHandler: any;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     toggle: (value: boolean) => void;
@@ -27,6 +29,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     isSelected?: boolean;
     selectedChildId?: string | number;
     searchQuery?: string;
+    childListMaxHeight: string;
     searchHandler?: (item: SortableListItem, searchQuery: string) => boolean;
     displayValue: (item: SortableListItem) => string;
 }>, {
@@ -36,6 +39,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     selectedChildId: any;
     searchQuery: any;
     index: any;
+    childListMaxHeight: string;
     searchHandler: any;
 }>>> & {
     onSelect?: () => any;
@@ -47,6 +51,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     isSelected: boolean;
     searchQuery: string;
     selectedChildId: string | number;
+    childListMaxHeight: string;
     searchHandler: (item: SortableListItem, searchQuery: string) => boolean;
 }>, {
     menu?(_: {}): any;

package/components/sortableList/SortableItem.vue.js

@@ -0,0 +1,7 @@
+import o from "./SortableItem.vue2.js";
+/* empty css                   */import e from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../SortableItem.vue_vue_type_style_index_0_scoped_2ca7b24c_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-2ca7b24c"]]);
+export {
+  s as default
+};

package/components/sortableList/SortableItem.vue2.js

@@ -0,0 +1,156 @@
+ import "../../SortableItem.vue_vue_type_style_index_0_scoped_2ca7b24c_lang.css"; import { defineComponent as P, useCssVars as E, useSlots as $, computed as C, watch as I, ref as R, openBlock as l, createElementBlock as n, normalizeClass as f, unref as t, withModifiers as u, createElementVNode as d, createVNode as h, createBlock as a, withCtx as b, createTextVNode as S, toDisplayString as V, createCommentVNode as c, renderSlot as D, mergeProps as F, normalizeProps as j, Fragment as q, renderList as A } from "vue";
+import L from "../typography/v4/Typography.vue.js";
+import m from "../icon/v4/IconV4.vue.js";
+import w from "../icon/v4/IconFlag.vue.js";
+import G from "./SortableItemLabel.vue.js";
+import { useVirtualList as J } from "@vueuse/core";
+import { matchString as K } from "../../utils/search.js";
+import { useHoverEffect as U } from "./composables/useHoverEffect.js";
+const W = { class: "draggable-handle" }, X = { class: "item__prefix" }, Y = ["onClick"], Z = { class: "item__text" }, _ = ["onClick"], de = /* @__PURE__ */ P({
+  __name: "SortableItem",
+  props: {
+    item: null,
+    index: { default: null },
+    isOpen: { type: Boolean, default: !1 },
+    isSelected: { type: Boolean, default: !1 },
+    selectedChildId: { default: null },
+    searchQuery: { default: null },
+    childListMaxHeight: { default: "530px" },
+    searchHandler: { type: Function, default: null },
+    displayValue: null
+  },
+  emits: ["toggle", "select", "selectChild"],
+  setup(e, { emit: y }) {
+    const s = e;
+    E((r) => ({
+      bdf83566: e.childListMaxHeight
+    }));
+    const H = $(), M = () => {
+      y("toggle", !s.isOpen);
+    }, g = C(() => (s.item.children || []).filter(
+      (o) => s.searchHandler ? s.searchHandler(o, s.searchQuery) : K(o.displayText, s.searchQuery)
+    )), k = C(() => g.value.length > 0), z = (r) => r.id === s.selectedChildId, {
+      list: Q,
+      containerProps: B,
+      wrapperProps: T,
+      scrollTo: N
+    } = J(g, {
+      itemHeight: 34
+    });
+    I(
+      () => s.searchQuery,
+      () => N(0)
+    );
+    const p = R(null), { handleMouseout: v, handleMouseover: x } = U(
+      p,
+      "sortable-item--hovered"
+    );
+    return (r, o) => (l(), n("div", {
+      ref_key: "itemRef",
+      ref: p,
+      class: f(["sortable-item", { "sortable-item--selected": e.isSelected }]),
+      onMouseover: o[1] || (o[1] = //@ts-ignore
+      (...i) => t(x) && t(x)(...i)),
+      onMouseout: o[2] || (o[2] = //@ts-ignore
+      (...i) => t(v) && t(v)(...i)),
+      onClick: o[3] || (o[3] = u((i) => y("select"), ["stop"]))
+    }, [
+      d("div", {
+        class: f(["item", {
+          "drag-allowed": !e.item.isLocked && !e.searchQuery,
+          "item--selected": e.isSelected && !e.selectedChildId
+        }])
+      }, [
+        d("div", W, [
+          h(t(m), {
+            name: "dots-six-vertical",
+            size: "20px",
+            type: "bold"
+          })
+        ]),
+        d("div", X, [
+          e.item.isLocked ? (l(), a(t(m), {
+            key: 1,
+            class: "locked-icon",
+            name: "lock",
+            size: "16px"
+          })) : (l(), a(t(L), {
+            key: 0,
+            class: "order-num",
+            variant: "subtitle2"
+          }, {
+            default: b(() => [
+              S(V(e.index + 1) + ". ", 1)
+            ]),
+            _: 1
+          }))
+        ]),
+        t(k) && !e.searchQuery ? (l(), n("div", {
+          key: 0,
+          class: "expand-icon",
+          onClick: u(M, ["stop"])
+        }, [
+          e.isOpen ? (l(), a(t(m), {
+            key: 0,
+            name: "caret-down",
+            size: "16px"
+          })) : (l(), a(t(m), {
+            key: 1,
+            name: "caret-right",
+            size: "16px"
+          }))
+        ], 8, Y)) : c("", !0),
+        d("div", Z, [
+          e.item.countryFlag ? (l(), a(t(w), {
+            key: 0,
+            class: "country-flag",
+            "country-code": e.item.countryFlag
+          }, null, 8, ["country-code"])) : c("", !0),
+          h(G, {
+            "display-value": e.displayValue,
+            item: e.item
+          }, null, 8, ["display-value", "item"])
+        ]),
+        t(H).menu ? (l(), n("div", {
+          key: 1,
+          class: "item__menu",
+          onClick: o[0] || (o[0] = u(() => {
+          }, ["stop"]))
+        }, [
+          D(r.$slots, "menu", {}, void 0, !0)
+        ])) : c("", !0)
+      ], 2),
+      d("div", F(t(B), { class: "child-list" }), [
+        t(k) && e.isOpen ? (l(), n("ul", j(F({ key: 0 }, t(T))), [
+          (l(!0), n(q, null, A(t(Q), ({ data: i, index: O }) => (l(), n("li", {
+            key: O,
+            class: f({ selected: z(i) }),
+            onClick: u((ee) => y("selectChild", i), ["stop"])
+          }, [
+            i.countryFlag ? (l(), a(t(w), {
+              key: 0,
+              class: "country-flag",
+              "country-code": i.countryFlag
+            }, null, 8, ["country-code"])) : c("", !0),
+            h(t(L), {
+              class: "country-title",
+              variant: "body2",
+              "tooltip-placement": "top",
+              "tooltip-text": e.displayValue(i),
+              "is-truncated": "",
+              "with-tooltip": ""
+            }, {
+              default: b(() => [
+                S(V(e.displayValue(i)), 1)
+              ]),
+              _: 2
+            }, 1032, ["tooltip-text"])
+          ], 10, _))), 128))
+        ], 16)) : c("", !0)
+      ], 16)
+    ], 34));
+  }
+});
+export {
+  de as default
+};

package/components/sortableList/SortableItemLabel.vue.js

@@ -0,0 +1,7 @@
+import e from "./SortableItemLabel.vue2.js";
+/* empty css                        */import o from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../SortableItemLabel.vue_vue_type_style_index_0_scoped_f2ced2f4_lang.css"; //*');
+const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-f2ced2f4"]]);
+export {
+  a as default
+};

package/components/sortableList/SortableItemLabel.vue2.js

@@ -0,0 +1,57 @@
+ import "../../SortableItemLabel.vue_vue_type_style_index_0_scoped_f2ced2f4_lang.css"; import { defineComponent as m, openBlock as a, createBlock as p, unref as l, withCtx as e, createElementVNode as u, createElementBlock as d, Fragment as f, renderList as h, createVNode as i, createTextVNode as o, toDisplayString as r } from "vue";
+import n from "../typography/v4/Typography.vue.js";
+import _ from "../tooltip/v4/TooltipV4.vue.js";
+const x = { class: "tooltip-content" }, g = /* @__PURE__ */ m({
+  __name: "SortableItemLabel",
+  props: {
+    item: null,
+    displayValue: null
+  },
+  setup(t) {
+    return (y, b) => (a(), p(l(_), {
+      class: "item-label",
+      placement: "right",
+      disabled: !t.item.helpText
+    }, {
+      tooltip: e(() => [
+        u("div", x, [
+          (a(!0), d(f, null, h(t.item.helpText, (c, s) => (a(), d("div", {
+            key: s,
+            class: "help"
+          }, [
+            i(l(n), {
+              class: "help__title",
+              variant: "h5"
+            }, {
+              default: e(() => [
+                o(r(c.title), 1)
+              ]),
+              _: 2
+            }, 1024),
+            i(l(n), {
+              class: "help__text",
+              variant: "body2"
+            }, {
+              default: e(() => [
+                o(r(c.text), 1)
+              ]),
+              _: 2
+            }, 1024)
+          ]))), 128))
+        ])
+      ]),
+      default: e(() => [
+        i(l(n), { variant: "body2" }, {
+          default: e(() => [
+            o(r(t.displayValue(t.item)), 1)
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["disabled"]));
+  }
+});
+export {
+  g as default
+};

package/components/sortableList/SortableList.vue.d.ts

@@ -12,6 +12,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     isLoading?: boolean;
     loadingRowCount?: number;
     emptyStateTitle?: string;
+    childListMaxHeight?: string;
+    isSticky?: boolean;
+    zIndexBase?: number;
     testId?: string;
 }>, {
     items: () => any[];
@@ -26,6 +29,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     isLoading: boolean;
     loadingRowCount: number;
     emptyStateTitle: string;
+    childListMaxHeight: string;
+    isSticky: boolean;
+    zIndexBase: number;
     testId: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     sortableItemDragged: (event: {
@@ -51,6 +57,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     isLoading?: boolean;
     loadingRowCount?: number;
     emptyStateTitle?: string;
+    childListMaxHeight?: string;
+    isSticky?: boolean;
+    zIndexBase?: number;
     testId?: string;
 }>, {
     items: () => any[];
@@ -65,8 +74,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     isLoading: boolean;
     loadingRowCount: number;
     emptyStateTitle: string;
+    childListMaxHeight: string;
+    isSticky: boolean;
+    zIndexBase: number;
     testId: string;
 }>>> & {
+    onClearSearch?: () => any;
     onSortableItemDragged?: (event: {
         id: string;
         newIndex: number;
@@ -76,7 +89,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:selectedId"?: (id: string | number) => any;
     "onUpdate:selectedChildId"?: (id: string | number) => any;
     "onUpdate:search"?: (query: string) => any;
-    onClearSearch?: () => any;
 }, {
     search: string;
     testId: string;
@@ -85,13 +97,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     searchPlaceholder: string;
     items: SortableListItem[];
     selectedChildId: string | number;
+    childListMaxHeight: string;
     searchHandler: (item: SortableListItem, searchQuery: string) => boolean;
     openId: string | number;
     selectedId: string | number;
     showSearch: boolean;
     loadingRowCount: number;
     emptyStateTitle: string;
+    isSticky: boolean;
+    zIndexBase: number;
 }>, {
+    header?(_: {}): any;
     menu?(_: {
         item: SortableListItem;
     }): any;

package/components/sortableList/SortableList.vue.js

@@ -0,0 +1,7 @@
+import o from "./SortableList.vue2.js";
+/* empty css                   */import t from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../SortableList.vue_vue_type_style_index_0_scoped_8f267f88_lang.css"; //*');
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8f267f88"]]);
+export {
+  p as default
+};

package/components/sortableList/SortableList.vue2.js

@@ -0,0 +1,179 @@
+ import "../../SortableList.vue_vue_type_style_index_0_scoped_8f267f88_lang.css"; import { defineComponent as P, useCssVars as z, useSlots as G, computed as S, ref as U, openBlock as s, createElementBlock as r, mergeProps as V, unref as l, normalizeClass as K, renderSlot as g, createCommentVNode as h, createBlock as p, isRef as A, withCtx as I, Fragment as x, renderList as B, createSlots as E, createElementVNode as Q, createVNode as H, createTextVNode as j, toDisplayString as J } from "vue";
+import { VueDraggable as W } from "vue-draggable-plus";
+import N from "./SortableItem.vue.js";
+import X from "../search/v4/SearchV4.vue.js";
+import Y from "../typography/v4/Typography.vue.js";
+import Z from "../skeleton/v4/SkeletonV4.vue.js";
+import { useVModel as _ } from "@vueuse/core";
+import { matchString as q } from "../../utils/search.js";
+import { useTestIdAttrs as ee } from "../../utils/testIds.js";
+import { SortableListTestIdModifiers as v } from "../../testids/index.js";
+import { DRAG_CURSOR_CSS_CLASS as O } from "./consts.js";
+const te = {
+  key: 1,
+  class: "sortable-list-container"
+}, le = { class: "loader-bars" }, de = {
+  key: 3,
+  class: "empty-state-title"
+}, ye = /* @__PURE__ */ P({
+  __name: "SortableList",
+  props: {
+    items: { default: () => [] },
+    displayValue: { type: Function, default: (d) => d.displayText || d.toString() },
+    openId: { default: null },
+    selectedId: { default: null },
+    selectedChildId: { default: null },
+    search: { default: null },
+    showSearch: { type: Boolean, default: !1 },
+    searchPlaceholder: { default: "Search" },
+    searchHandler: { type: Function, default: null },
+    isLoading: { type: Boolean, default: !1 },
+    loadingRowCount: { default: 3 },
+    emptyStateTitle: { default: "No results" },
+    childListMaxHeight: { default: "530px" },
+    isSticky: { type: Boolean, default: !0 },
+    zIndexBase: { default: 100 },
+    testId: { default: "" }
+  },
+  emits: ["sortableItemDragged", "update:items", "update:openId", "update:selectedId", "update:selectedChildId", "update:search", "clearSearch"],
+  setup(d, { emit: n }) {
+    const i = d;
+    z((t) => ({
+      "2b5787e0": d.zIndexBase
+    }));
+    const y = G(), u = _(i, "search", n), k = S(() => !!u.value?.trim()), C = S(() => k.value ? i.items.filter((t) => {
+      const a = t.children || [], e = u.value;
+      return i.searchHandler ? i.searchHandler(t, e) : q(t.displayText, e) || // match parent item
+      a.some((o) => q(o.displayText, e));
+    }) : i.items), f = S({
+      get() {
+        return C.value.filter((t) => !t.isLocked);
+      },
+      set(t) {
+        n("update:items", [...t, ...L.value]);
+      }
+    }), L = S(
+      () => C.value.filter((t) => t.isLocked)
+    ), b = U(!1), F = (t) => {
+      b.value = !0, setTimeout(() => t.target.classList.add(O), 50);
+    }, M = (t) => {
+      const { target: a, item: e, newIndex: o } = t;
+      b.value = !1, a.classList.remove(O);
+      const c = e.attributes["data-id"]?.value;
+      n("sortableItemDragged", { id: c, newIndex: o });
+    }, D = (t) => (k.value || t.id === i.openId) && !b.value, R = (t, a) => {
+      a ? n("update:openId", t.id) : n("update:openId", null);
+    }, m = (t) => t.id === i.selectedId, $ = (t) => {
+      n("update:selectedId", t.id), n("update:selectedChildId", null);
+    }, w = (t, a) => {
+      n("update:selectedChildId", t.id), n("update:selectedId", a.id), n("update:openId", a.id);
+    }, T = ee(i.testId, v);
+    return (t, a) => (s(), r("div", V({ class: "sortable-list-and-header-container" }, l(T)[l(v).CONTAINER]), [
+      l(y).header || d.showSearch ? (s(), r("div", {
+        key: 0,
+        class: K(["header-container", { sticky: d.isSticky }])
+      }, [
+        l(y).header ? g(t.$slots, "header", { key: 0 }, void 0, !0) : h("", !0),
+        d.showSearch ? (s(), p(l(X), {
+          key: 1,
+          modelValue: l(u),
+          "onUpdate:modelValue": a[0] || (a[0] = (e) => A(u) ? u.value = e : null),
+          placeholder: d.searchPlaceholder,
+          "test-id": d.testId,
+          onOnClear: a[1] || (a[1] = (e) => n("clearSearch"))
+        }, null, 8, ["modelValue", "placeholder", "test-id"])) : h("", !0)
+      ], 2)) : h("", !0),
+      d.isLoading ? g(t.$slots, "loader", { key: 2 }, () => [
+        Q("div", le, [
+          (s(!0), r(x, null, B(d.loadingRowCount, (e) => (s(), r("div", { key: e }, [
+            H(l(Z), {
+              round: "",
+              class: "loader-bar"
+            })
+          ]))), 128))
+        ])
+      ], !0) : (s(), r("div", te, [
+        l(f).length ? (s(), p(l(W), V({
+          key: 0,
+          modelValue: l(f),
+          "onUpdate:modelValue": a[2] || (a[2] = (e) => A(f) ? f.value = e : null),
+          class: "sortable-list",
+          filter: ".expand-icon",
+          animation: 150,
+          handle: ".draggable-handle",
+          disabled: l(k)
+        }, l(T)[l(v).DRAGGABLE_LIST], {
+          onStart: F,
+          onEnd: M
+        }), {
+          default: I(() => [
+            (s(!0), r(x, null, B(l(f), (e, o) => (s(), p(N, {
+              key: e.id,
+              "data-id": e.id,
+              item: e,
+              index: o,
+              "is-open": D(e),
+              "is-selected": m(e),
+              "selected-child-id": m(e) ? d.selectedChildId : null,
+              "display-value": d.displayValue,
+              "search-query": l(u),
+              "search-handler": d.searchHandler,
+              onToggle: (c) => R(e, c),
+              onSelect: (c) => $(e),
+              onSelectChild: (c) => w(c, e)
+            }, E({ _: 2 }, [
+              l(y).menu ? {
+                name: "menu",
+                fn: I(() => [
+                  g(t.$slots, "menu", { item: e }, void 0, !0)
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["data-id", "item", "index", "is-open", "is-selected", "selected-child-id", "display-value", "search-query", "search-handler", "onToggle", "onSelect", "onSelectChild"]))), 128))
+          ]),
+          _: 3
+        }, 16, ["modelValue", "disabled"])) : h("", !0),
+        l(L).length ? (s(), r("div", V({
+          key: 1,
+          class: "locked-list"
+        }, l(T)[l(v).LOCKED_LIST]), [
+          (s(!0), r(x, null, B(l(L), (e) => (s(), p(N, {
+            key: e.id,
+            item: e,
+            "is-open": D(e),
+            "is-selected": m(e),
+            "selected-child-id": m(e) ? d.selectedChildId : null,
+            "display-value": d.displayValue,
+            "search-query": l(u),
+            "on-search": d.searchHandler,
+            "child-list-max-height": d.childListMaxHeight,
+            onToggle: (o) => R(e, o),
+            onSelect: (o) => $(e),
+            onSelectChild: (o) => w(o, e)
+          }, E({ _: 2 }, [
+            l(y).menu ? {
+              name: "menu",
+              fn: I(() => [
+                g(t.$slots, "menu", { item: e }, void 0, !0)
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["item", "is-open", "is-selected", "selected-child-id", "display-value", "search-query", "on-search", "child-list-max-height", "onToggle", "onSelect", "onSelectChild"]))), 128))
+        ], 16)) : h("", !0)
+      ])),
+      !l(C).length && !d.isLoading ? (s(), r("div", de, [
+        g(t.$slots, "empty-state", {}, () => [
+          H(l(Y), { variant: "body2" }, {
+            default: I(() => [
+              j(J(d.emptyStateTitle), 1)
+            ]),
+            _: 1
+          })
+        ], !0)
+      ])) : h("", !0)
+    ], 16));
+  }
+});
+export {
+  ye as default
+};