@ironsource/shared-ui 2.1.11-test.99 → 2.1.12-rc.0

package/components/sortableList/SortableItem.vue2.js

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

@@ -1,7 +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_156c01ca_lang.css"; //*');
-const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-156c01ca"]]);
+// import "../../SortableList.vue_vue_type_style_index_0_scoped_8f267f88_lang.css"; //*');
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8f267f88"]]);
 export {
-  c as default
+  p as default
 };

package/components/sortableList/SortableList.vue2.js

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