@ironsource/shared-ui 2.1.7-rc.9 → 2.1.7-test.10

package/components/icon/v4/IconV4.vue.d.ts

@@ -5,6 +5,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     size?: string;
     height?: string;
     width?: string;
+    platform?: string;
 }>, {
     name: any;
     size: any;
@@ -12,6 +13,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     type: string;
     height: any;
     width: any;
+    platform: any;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     type?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     name?: string;
@@ -19,6 +21,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     size?: string;
     height?: string;
     width?: string;
+    platform?: string;
 }>, {
     name: any;
     size: any;
@@ -26,6 +29,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     type: string;
     height: any;
     width: any;
+    platform: any;
 }>>>, {
     name: string;
     type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -33,6 +37,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     size: string;
     height: string;
     width: string;
+    platform: string;
 }>, {
     default?(_: {}): any;
 }>;

package/components/icon/v4/IconV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./IconV4.vue2.js";
-/* empty css             */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../IconV4.vue_vue_type_style_index_0_scoped_1eea7671_lang.css"; //*');
-const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-1eea7671"]]);
+/* empty css             */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../IconV4.vue_vue_type_style_index_0_scoped_dc433d48_lang.css"; //*');
+const t = /* @__PURE__ */ _(o, [["__scopeId", "data-v-dc433d48"]]);
 export {
-  c as default
+  t as default
 };

package/components/icon/v4/IconV4.vue2.js

@@ -1,7 +1,7 @@
- import "../../../IconV4.vue_vue_type_style_index_0_scoped_1eea7671_lang.css"; import { defineComponent as $, useCssVars as S, unref as a, useSlots as w, computed as o, watch as C, openBlock as u, createElementBlock as f, normalizeClass as _, createCommentVNode as b, renderSlot as z } from "vue";
-import { useStorage as I } from "../../../composables/useStorage.js";
+ import "../../../IconV4.vue_vue_type_style_index_0_scoped_dc433d48_lang.css"; import { defineComponent as S, useCssVars as w, unref as s, useSlots as C, computed as o, watch as _, openBlock as u, createElementBlock as f, normalizeClass as b, createCommentVNode as z, renderSlot as I } from "vue";
+import { useStorage as T } from "../../../composables/useStorage.js";
 import { ASSETS_BASE_URL as U } from "./consts.js";
-const V = ["innerHTML"], B = /* @__PURE__ */ $({
+const V = ["innerHTML"], B = /* @__PURE__ */ S({
   __name: "IconV4",
   props: {
     type: { default: "regular" },
@@ -9,34 +9,37 @@ const V = ["innerHTML"], B = /* @__PURE__ */ $({
     color: { default: null },
     size: { default: null },
     height: { default: null },
-    width: { default: null }
+    width: { default: null },
+    platform: { default: null }
   },
-  setup(c) {
-    const e = c;
-    S((t) => ({
-      "2034b1ce": a(d),
-      "66dae3c2": a(m),
-      "5a4ab638": c.color
+  setup(r) {
+    const e = r;
+    w((t) => ({
+      "3d423be4": s(d),
+      "513646c9": s(m),
+      ad86ac0c: r.color
     }));
-    const s = window.sharedUIRequestCache = window.sharedUIRequestCache || {}, p = w(), d = o(() => e.size || e.width), m = o(() => e.size || e.height), h = o(() => {
+    const a = window.sharedUIRequestCache = window.sharedUIRequestCache || {}, p = C(), d = o(() => e.size || e.width), m = o(() => e.size || e.height), h = o(
+      () => e.platform ? `${e.type}/${e.platform}` : e.type
+    ), y = o(() => {
       if (!e.name)
         return "";
       const t = e.name.split("/");
       return [e.name ? `icon-name--${t.at(-1)}` : ""];
-    }), l = o(() => {
+    }), c = o(() => {
       if (p.default)
         return "";
       if (!e.name)
         return console.error("Please provided icon name"), "";
       const t = e.type === "regular" || e.type === "bold" || e.type === "fill" ? "ph/" : "v4/", n = e.type === "bold" || e.type === "fill" ? `-${e.type}` : "";
-      return `${U}/icons/${t}${e.type}/${e.name}${n}.svg`;
-    }), r = I(`icon-${e.type}--${e.name}`);
+      return `${U}/icons/${t}${h.value}/${e.name}${n}.svg`;
+    }), l = T(`icon-${e.type}--${e.name}`);
     function g(t) {
-      return s[t] || (s[t] = fetch(t).then((n) => n.text()).finally(() => {
-        delete s[t];
+      return a[t] || (a[t] = fetch(t).then((n) => n.text()).finally(() => {
+        delete a[t];
       }).catch((n) => {
         console.error(n);
-      })), s[t];
+      })), a[t];
     }
     function v(t) {
       return t.replace(
@@ -45,21 +48,21 @@ const V = ["innerHTML"], B = /* @__PURE__ */ $({
       );
     }
     function i() {
-      g(l.value).then((t) => {
-        typeof t == "string" && t.startsWith("<svg") && (r.value = t);
+      g(c.value).then((t) => {
+        typeof t == "string" && t.startsWith("<svg") && (l.value = t);
       });
     }
-    !r.value && l.value && i();
-    const y = o(() => v(r.value ?? ""));
-    return C(() => e.name, i), (t, n) => (u(), f("span", {
-      class: _(["icon", a(h)])
+    !l.value && c.value && i();
+    const $ = o(() => v(l.value ?? ""));
+    return _(() => e.name, i), (t, n) => (u(), f("span", {
+      class: b(["icon", s(y)])
     }, [
-      t.$slots.default ? b("", !0) : (u(), f("span", {
+      t.$slots.default ? z("", !0) : (u(), f("span", {
         key: 0,
         class: "icon-wrapper",
-        innerHTML: a(y)
+        innerHTML: s($)
       }, null, 8, V)),
-      z(t.$slots, "default", {}, void 0, !0)
+      I(t.$slots, "default", {}, void 0, !0)
     ], 2));
   }
 });

package/components/icon/v4/index.d.ts

@@ -10,6 +10,7 @@ declare const IconTypes: () => ({
             size: string;
             height: string;
             width: string;
+            platform: string;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             name: {
                 type: import("vue").PropType<string>;
@@ -35,7 +36,11 @@ declare const IconTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: any;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "type" | "color" | "size" | "height" | "width">;
+            platform: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "type" | "color" | "size" | "height" | "width" | "platform">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -74,6 +79,10 @@ declare const IconTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: any;
             };
+            platform: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             name: string;
             type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -81,6 +90,7 @@ declare const IconTypes: () => ({
             size: string;
             height: string;
             width: string;
+            platform: string;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -126,6 +136,10 @@ declare const IconTypes: () => ({
             type: import("vue").PropType<string>;
             default: any;
         };
+        platform: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
     }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -155,6 +169,10 @@ declare const IconTypes: () => ({
         type: import("vue").PropType<string>;
         default: any;
     };
+    platform: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     name: string;
     type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -162,6 +180,7 @@ declare const IconTypes: () => ({
     size: string;
     height: string;
     width: string;
+    platform: string;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;

package/components/input/v4/TextField.vue.js

@@ -1,7 +1,7 @@
 import e from "./TextField.vue2.js";
 /* empty css                */import o from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../TextField.vue_vue_type_style_index_0_scoped_eb472aa3_lang.css"; //*');
-const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-eb472aa3"]]);
+// import "../../../TextField.vue_vue_type_style_index_0_scoped_4d9bf5b2_lang.css"; //*');
+const d = /* @__PURE__ */ o(e, [["__scopeId", "data-v-4d9bf5b2"]]);
 export {
-  a as default
+  d as default
 };

package/components/input/v4/TextField.vue2.js

@@ -1,4 +1,4 @@
- import "../../../TextField.vue_vue_type_style_index_0_scoped_eb472aa3_lang.css"; import { defineComponent as J, computed as f, ref as Q, openBlock as l, createElementBlock as d, mergeProps as c, unref as t, createBlock as r, createCommentVNode as n, createElementVNode as A, normalizeClass as E, renderSlot as F, withCtx as b, createTextVNode as V, toDisplayString as $, withKeys as U, withModifiers as z, normalizeProps as O, createVNode as p } from "vue";
+ import "../../../TextField.vue_vue_type_style_index_0_scoped_4d9bf5b2_lang.css"; import { defineComponent as J, computed as f, ref as Q, openBlock as l, createElementBlock as d, mergeProps as c, unref as t, createBlock as r, createCommentVNode as n, createElementVNode as A, normalizeClass as E, renderSlot as F, withCtx as b, createTextVNode as V, toDisplayString as $, withKeys as U, withModifiers as z, normalizeProps as O, createVNode as p } from "vue";
 import v from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";
 import X from "../../tooltip/v4/TooltipV4.vue.js";

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

@@ -9,6 +9,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     showSearch?: boolean;
     searchPlaceholder?: string;
     searchHandler?: (item: SortableListItem, searchQuery: string) => boolean;
+    isLoading?: boolean;
+    loadingRowCount?: number;
+    emptyStateTitle?: string;
     testId?: string;
 }>, {
     items: () => any[];
@@ -20,8 +23,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     showSearch: boolean;
     searchPlaceholder: string;
     searchHandler: any;
+    isLoading: boolean;
+    loadingRowCount: number;
+    emptyStateTitle: string;
     testId: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    sortableItemDragged: (event: {
+        id: string;
+        newIndex: number;
+    }) => void;
     "update:items": (items: SortableListItem[]) => void;
     "update:openId": (id: string | number) => void;
     "update:selectedId": (id: string | number) => void;
@@ -38,6 +48,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     showSearch?: boolean;
     searchPlaceholder?: string;
     searchHandler?: (item: SortableListItem, searchQuery: string) => boolean;
+    isLoading?: boolean;
+    loadingRowCount?: number;
+    emptyStateTitle?: string;
     testId?: string;
 }>, {
     items: () => any[];
@@ -49,8 +62,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     showSearch: boolean;
     searchPlaceholder: string;
     searchHandler: any;
+    isLoading: boolean;
+    loadingRowCount: number;
+    emptyStateTitle: string;
     testId: string;
 }>>> & {
+    onSortableItemDragged?: (event: {
+        id: string;
+        newIndex: number;
+    }) => any;
     "onUpdate:items"?: (items: SortableListItem[]) => any;
     "onUpdate:openId"?: (id: string | number) => any;
     "onUpdate:selectedId"?: (id: string | number) => any;
@@ -60,6 +80,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, {
     search: string;
     testId: string;
+    isLoading: boolean;
     displayValue: (item: SortableListItem) => string;
     searchPlaceholder: string;
     items: SortableListItem[];
@@ -68,10 +89,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     openId: string | number;
     selectedId: string | number;
     showSearch: boolean;
+    loadingRowCount: number;
+    emptyStateTitle: string;
 }>, {
     menu?(_: {
         item: SortableListItem;
     }): any;
+    loader?(_: {}): any;
+    "empty-state"?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

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_21842d59_lang.css"; //*');
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-21842d59"]]);
+/* empty css                   */import e from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../SortableList.vue_vue_type_style_index_0_scoped_e9cd63b8_lang.css"; //*');
+const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-e9cd63b8"]]);
 export {
-  p as default
+  c as default
 };

package/components/sortableList/SortableList.vue2.js

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