@ironsource/shared-ui 2.1.11-test.41 → 2.1.11-test.44

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

@@ -2022,6 +2022,7 @@ declare const DropdownTypes: () => (({
             "onUpdate:isOpen"?: (value: unknown) => any;
             onOnsearch?: (value: string) => any;
             onLoadMore?: () => any;
+            onUnsavedSelectionUpdate?: (value: unknown[]) => any;
             onOpened?: () => any;
             onClosed?: () => any;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "selected" | "valueToCopy" | "placeholder" | "multi" | "infiniteLoading" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "onClearSearch" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionsEndTextIconKey" | "optionFlagKey" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "customNumberOfDisplayedOptions" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation" | "withConditions">;
@@ -2036,7 +2037,7 @@ declare const DropdownTypes: () => (({
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-        $emit: ((event: "clear") => void) & ((event: "copyToClipboard") => void) & ((event: "apply", value: unknown) => void) & ((event: "update:selected", value: unknown) => void) & ((event: "allSelectedChanged", value: boolean) => void) & ((event: "update:isOpen", value: unknown) => void) & ((event: "onsearch", value: string) => void) & ((event: "selectAll") => void) & ((event: "loadMore") => void) & ((event: "opened") => void) & ((event: "closed") => void);
+        $emit: ((event: "clear") => void) & ((event: "copyToClipboard") => void) & ((event: "apply", value: unknown) => void) & ((event: "update:selected", value: unknown) => void) & ((event: "allSelectedChanged", value: boolean) => void) & ((event: "update:isOpen", value: unknown) => void) & ((event: "onsearch", value: string) => void) & ((event: "selectAll") => void) & ((event: "loadMore") => void) & ((event: "unsavedSelectionUpdate", value: unknown[]) => void) & ((event: "opened") => void) & ((event: "closed") => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             theme: {
@@ -2290,6 +2291,7 @@ declare const DropdownTypes: () => (({
             "onUpdate:isOpen"?: (value: unknown) => any;
             onOnsearch?: (value: string) => any;
             onLoadMore?: () => any;
+            onUnsavedSelectionUpdate?: (value: unknown[]) => any;
             onOpened?: () => any;
             onClosed?: () => any;
         }, {
@@ -2307,6 +2309,7 @@ declare const DropdownTypes: () => (({
             onsearch: (value: string) => void;
             loadMore: () => void;
             allSelectedChanged: (value: boolean) => void;
+            unsavedSelectionUpdate: (value: unknown[]) => void;
         }, string, {
             theme: string;
             testId: string;
@@ -2636,6 +2639,7 @@ declare const DropdownTypes: () => (({
         "onUpdate:isOpen"?: (value: unknown) => any;
         onOnsearch?: (value: string) => any;
         onLoadMore?: () => any;
+        onUnsavedSelectionUpdate?: (value: unknown[]) => any;
         onOpened?: () => any;
         onClosed?: () => any;
     } & import("vue").ShallowUnwrapRef<{
@@ -2897,6 +2901,7 @@ declare const DropdownTypes: () => (({
     "onUpdate:isOpen"?: (value: unknown) => any;
     onOnsearch?: (value: string) => any;
     onLoadMore?: () => any;
+    onUnsavedSelectionUpdate?: (value: unknown[]) => any;
     onOpened?: () => any;
     onClosed?: () => any;
 }, {
@@ -2914,6 +2919,7 @@ declare const DropdownTypes: () => (({
     onsearch: (value: string) => void;
     loadMore: () => void;
     allSelectedChanged: (value: boolean) => void;
+    unsavedSelectionUpdate: (value: unknown[]) => void;
 }, string, {
     theme: string;
     testId: string;
@@ -3125,6 +3131,7 @@ declare const DropdownTypes: () => (({
             optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             disabledOptionKey: string;
             optionEndTextIconKey: string;
+            debug: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             testId: {
                 type: import("vue").PropType<string>;
@@ -3209,10 +3216,15 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string[] | number[]>;
                 required: true;
             };
+            debug: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+                default: boolean;
+            };
         }>> & {
             "onUpdate:selected"?: (value: unknown) => any;
             "onUpdate:isOpen"?: (value: unknown) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "disabled" | "size" | "selected" | "valueToCopy" | "placeholder" | "inlineSearchPlaceholder" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "disabledOptionKey" | "optionEndTextIconKey">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "disabled" | "size" | "selected" | "valueToCopy" | "placeholder" | "inlineSearchPlaceholder" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "disabledOptionKey" | "optionEndTextIconKey" | "debug">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -3310,6 +3322,11 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<string[] | number[]>;
                 required: true;
             };
+            debug: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+                default: boolean;
+            };
         }>> & {
             "onUpdate:selected"?: (value: unknown) => any;
             "onUpdate:isOpen"?: (value: unknown) => any;
@@ -3332,6 +3349,7 @@ declare const DropdownTypes: () => (({
             optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             disabledOptionKey: string;
             optionEndTextIconKey: string;
+            debug: boolean;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -3436,6 +3454,11 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<string[] | number[]>;
             required: true;
         };
+        debug: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+            default: boolean;
+        };
     }>> & {
         "onUpdate:selected"?: (value: unknown) => any;
         "onUpdate:isOpen"?: (value: unknown) => any;
@@ -3527,6 +3550,11 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<string[] | number[]>;
         required: true;
     };
+    debug: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:selected"?: (value: unknown) => any;
     "onUpdate:isOpen"?: (value: unknown) => any;
@@ -3549,6 +3577,7 @@ declare const DropdownTypes: () => (({
     optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     disabledOptionKey: string;
     optionEndTextIconKey: string;
+    debug: boolean;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         "trigger-end-icon"?(_: {}): any;
@@ -3576,6 +3605,14 @@ declare const DropdownTypes: () => (({
         required: true;
         default: string;
     };
+    optionFlagKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    groupedOptions: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     comparingKey: {
         type: import("vue").PropType<string>;
         required: true;
@@ -3617,6 +3654,14 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<() => Promise<void>>;
         default: any;
     };
+    fetchDataDebounceTime: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    autoFocusSearch: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:selectedCondition": (value: {
         label: string;
@@ -3648,6 +3693,14 @@ declare const DropdownTypes: () => (({
         required: true;
         default: string;
     };
+    optionFlagKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    groupedOptions: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     comparingKey: {
         type: import("vue").PropType<string>;
         required: true;
@@ -3689,6 +3742,14 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<() => Promise<void>>;
         default: any;
     };
+    fetchDataDebounceTime: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    autoFocusSearch: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }>> & {
     onClear?: () => any;
     "onUpdate:selectedCondition"?: (value: {
@@ -3703,9 +3764,13 @@ declare const DropdownTypes: () => (({
     isOpen: boolean;
     infiniteLoading: boolean;
     optionNameKey: string;
+    optionFlagKey: string;
+    groupedOptions: boolean;
     comparingKey: string;
     minCharsToStart: number;
     searchQuery: string;
     loadMoreFn: () => Promise<void>;
+    fetchDataDebounceTime: number;
+    autoFocusSearch: boolean;
 }>)[];
 export { Dropdown, DefaultDropdownTrigger, IconButtonDropdownTrigger, ChipDropdownTrigger, ButtonDropdownTrigger, ButtonFilterDropdownTrigger, AppDropdownTrigger, DropdownTypes, Option, TreeDropdown, ConditionalDropdown, };

package/components/emptyState/v4/EmptyStateV4.vue.js

@@ -1,7 +1,7 @@
 import t from "./EmptyStateV4.vue2.js";
 /* empty css                   */import o from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../EmptyStateV4.vue_vue_type_style_index_0_scoped_24001caa_lang.css"; //*');
-const p = /* @__PURE__ */ o(t, [["__scopeId", "data-v-24001caa"]]);
+// import "../../../EmptyStateV4.vue_vue_type_style_index_0_scoped_18728498_lang.css"; //*');
+const s = /* @__PURE__ */ o(t, [["__scopeId", "data-v-18728498"]]);
 export {
-  p as default
+  s as default
 };

package/components/emptyState/v4/EmptyStateV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../EmptyStateV4.vue_vue_type_style_index_0_scoped_24001caa_lang.css"; import p from "../../../_virtual/dynamic-import-helper.js";
+ import "../../../EmptyStateV4.vue_vue_type_style_index_0_scoped_18728498_lang.css"; import p from "../../../_virtual/dynamic-import-helper.js";
 import { defineComponent as v, computed as y, defineAsyncComponent as b, openBlock as e, createElementBlock as k, createBlock as i, unref as n, createCommentVNode as a, createElementVNode as N, renderSlot as s, withCtx as c, createTextVNode as r, toDisplayString as l } from "vue";
 import I from "../../button/v4/ButtonV4.vue.js";
 import "../../button/v4/IconButtonV4.vue.js";

package/components/filtersPanel/v4/FiltersPanelV4.vue.js

@@ -1,7 +1,7 @@
 import e from "./FiltersPanelV4.vue2.js";
 /* empty css                     */import o from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../FiltersPanelV4.vue_vue_type_style_index_0_scoped_111b200a_lang.css"; //*');
-const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-111b200a"]]);
+// import "../../../FiltersPanelV4.vue_vue_type_style_index_0_scoped_383011d3_lang.css"; //*');
+const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-383011d3"]]);
 export {
-  a as default
+  p as default
 };

package/components/filtersPanel/v4/FiltersPanelV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../FiltersPanelV4.vue_vue_type_style_index_0_scoped_111b200a_lang.css"; import { defineComponent as d, openBlock as t, createElementBlock as s, Fragment as a, renderList as i, renderSlot as l, normalizeProps as c, guardReactiveProps as u } from "vue";
+ import "../../../FiltersPanelV4.vue_vue_type_style_index_0_scoped_383011d3_lang.css"; import { defineComponent as d, openBlock as t, createElementBlock as s, Fragment as a, renderList as i, renderSlot as l, normalizeProps as c, guardReactiveProps as u } from "vue";
 const p = { class: "filters-panel" }, m = ["data-testid"], v = /* @__PURE__ */ d({
   __name: "FiltersPanelV4",
   props: {

package/components/forms/FormCard.vue.js

@@ -1,7 +1,7 @@
 import o from "./FormCard.vue2.js";
-/* empty css               */import _ from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../FormCard.vue_vue_type_style_index_0_scoped_c7965a69_lang.css"; //*');
-const t = /* @__PURE__ */ _(o, [["__scopeId", "data-v-c7965a69"]]);
+/* empty css               */import e from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../FormCard.vue_vue_type_style_index_0_scoped_86feae7b_lang.css"; //*');
+const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-86feae7b"]]);
 export {
   t as default
 };

package/components/forms/FormCard.vue2.js

@@ -1,4 +1,4 @@
- import "../../FormCard.vue_vue_type_style_index_0_scoped_c7965a69_lang.css"; import { defineComponent as B, openBlock as d, createElementBlock as c, createElementVNode as f, mergeProps as n, unref as e, renderSlot as m, createVNode as a, withCtx as u, createTextVNode as g, toDisplayString as v, createBlock as T, createCommentVNode as C } from "vue";
+ import "../../FormCard.vue_vue_type_style_index_0_scoped_86feae7b_lang.css"; import { defineComponent as B, openBlock as d, createElementBlock as c, createElementVNode as f, mergeProps as n, unref as e, renderSlot as m, createVNode as a, withCtx as u, createTextVNode as g, toDisplayString as v, createBlock as T, createCommentVNode as C } from "vue";
 import b from "../typography/v4/Typography.vue.js";
 import k from "../button/v4/ButtonV4.vue.js";
 import "../button/v4/IconButtonV4.vue.js";

package/components/sortableList/SortableItem.vue.js

@@ -1,7 +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_9dd4d372_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-9dd4d372"]]);
+// import "../../SortableItem.vue_vue_type_style_index_0_scoped_7cb676f1_lang.css"; //*');
+const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-7cb676f1"]]);
 export {
-  s as default
+  c as default
 };

package/components/sortableList/SortableItem.vue2.js

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

package/components/sortableList/SortableItemLabel.vue.js

@@ -1,7 +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_1386ae20_lang.css"; //*');
-const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-1386ae20"]]);
+// import "../../SortableItemLabel.vue_vue_type_style_index_0_scoped_f2ced2f4_lang.css"; //*');
+const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-f2ced2f4"]]);
 export {
-  s as default
+  a as default
 };

package/components/sortableList/SortableItemLabel.vue2.js

@@ -1,30 +1,30 @@
- import "../../SortableItemLabel.vue_vue_type_style_index_0_scoped_1386ae20_lang.css"; import { defineComponent as m, openBlock as a, createBlock as u, unref as l, withCtx as t, createElementVNode as p, createElementBlock as c, Fragment as h, renderList as f, createVNode as i, createTextVNode as o, toDisplayString as r, normalizeClass as x } from "vue";
+ 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 y from "../tooltip/v4/TooltipV4.vue.js";
-const _ = { class: "tooltip-content" }, k = /* @__PURE__ */ m({
+import _ from "../tooltip/v4/TooltipV4.vue.js";
+const x = { class: "tooltip-content" }, g = /* @__PURE__ */ m({
   __name: "SortableItemLabel",
   props: {
     item: null,
     displayValue: null
   },
-  setup(e) {
-    return (b, T) => (a(), u(l(y), {
+  setup(t) {
+    return (y, b) => (a(), p(l(_), {
       class: "item-label",
       placement: "right",
-      disabled: !e.item.helpText
+      disabled: !t.item.helpText
     }, {
-      tooltip: t(() => [
-        p("div", _, [
-          (a(!0), c(h, null, f(e.item.helpText, (s, d) => (a(), c("div", {
-            key: d,
+      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: t(() => [
-                o(r(s.title), 1)
+              default: e(() => [
+                o(r(c.title), 1)
               ]),
               _: 2
             }, 1024),
@@ -32,29 +32,26 @@ const _ = { class: "tooltip-content" }, k = /* @__PURE__ */ m({
               class: "help__text",
               variant: "body2"
             }, {
-              default: t(() => [
-                o(r(s.text), 1)
+              default: e(() => [
+                o(r(c.text), 1)
               ]),
               _: 2
             }, 1024)
           ]))), 128))
         ])
       ]),
-      default: t(() => [
-        i(l(n), {
-          variant: "body2",
-          class: x({ "decorated-text": e.item.helpText?.length })
-        }, {
-          default: t(() => [
-            o(r(e.displayValue(e.item)), 1)
+      default: e(() => [
+        i(l(n), { variant: "body2" }, {
+          default: e(() => [
+            o(r(t.displayValue(t.item)), 1)
           ]),
           _: 1
-        }, 8, ["class"])
+        })
       ]),
       _: 1
     }, 8, ["disabled"]));
   }
 });
 export {
-  k as default
+  g as default
 };

package/components/sortableList/SortableList.vue.js

@@ -1,7 +1,7 @@
 import o from "./SortableList.vue2.js";
-/* 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"]]);
+/* 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"]]);
 export {
   c as default
 };