@ironsource/shared-ui 2.1.7-test.1 → 2.1.7-test.10

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

@@ -23,6 +23,7 @@ declare const TextFieldTypes: () => ({
             onlyDigits: boolean;
             prefix: string;
             suffix: string;
+            maxLengthCounterPosition: "inside" | "outside";
             showApply: boolean;
             inlineError: boolean;
             inlineErrorText: string;
@@ -108,6 +109,10 @@ declare const TextFieldTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            maxLengthCounterPosition: {
+                type: import("vue").PropType<"inside" | "outside">;
+                default: string;
+            };
             showApply: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -143,7 +148,7 @@ declare const TextFieldTypes: () => ({
         }>> & {
             "onUpdate:modelValue"?: (value: string | number) => any;
             onApply?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "disabled" | "size" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "showApply" | "inlineError" | "inlineErrorText" | "inlineErrorTextPlacement" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "disabled" | "size" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "maxLengthCounterPosition" | "showApply" | "inlineError" | "inlineErrorText" | "inlineErrorTextPlacement" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -234,6 +239,10 @@ declare const TextFieldTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            maxLengthCounterPosition: {
+                type: import("vue").PropType<"inside" | "outside">;
+                default: string;
+            };
             showApply: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -294,6 +303,7 @@ declare const TextFieldTypes: () => ({
             onlyDigits: boolean;
             prefix: string;
             suffix: string;
+            maxLengthCounterPosition: "inside" | "outside";
             showApply: boolean;
             inlineError: boolean;
             inlineErrorText: string;
@@ -399,6 +409,10 @@ declare const TextFieldTypes: () => ({
             type: import("vue").PropType<string>;
             default: string;
         };
+        maxLengthCounterPosition: {
+            type: import("vue").PropType<"inside" | "outside">;
+            default: string;
+        };
         showApply: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -517,6 +531,10 @@ declare const TextFieldTypes: () => ({
         type: import("vue").PropType<string>;
         default: string;
     };
+    maxLengthCounterPosition: {
+        type: import("vue").PropType<"inside" | "outside">;
+        default: string;
+    };
     showApply: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -577,6 +595,7 @@ declare const TextFieldTypes: () => ({
     onlyDigits: boolean;
     prefix: string;
     suffix: string;
+    maxLengthCounterPosition: "inside" | "outside";
     showApply: boolean;
     inlineError: boolean;
     inlineErrorText: string;

package/components/popover/common/Popover.common.d.ts

@@ -0,0 +1,6 @@
+export declare const popoverCommon: () => {
+    popup: import("vue").Ref<HTMLDivElement>;
+    open: import("vue").Ref<boolean>;
+    toggle: (value?: boolean) => boolean;
+    triggerRef: import("vue").Ref<HTMLDivElement>;
+};

package/components/popover/common/Popover.common.js

@@ -0,0 +1,17 @@
+import { useToggle as p, onClickOutside as g } from "@vueuse/core";
+import { ref as n } from "vue";
+const f = () => {
+  const [o, e] = p(!1), r = n(), t = n();
+  return g(
+    r,
+    () => {
+      o.value && e();
+    },
+    {
+      ignore: [t]
+    }
+  ), { popup: r, open: o, toggle: e, triggerRef: t };
+};
+export {
+  f as popoverCommon
+};

package/components/popover/v3/Popover.vue.js

@@ -0,0 +1,8 @@
+import o from "./Popover.vue2.js";
+/* empty css              *//* empty css              */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../Popover.vue_vue_type_style_index_0_scoped_c607b770_lang.css"; //*');
+// import "../../../Popover.vue_vue_type_style_index_1_lang.css";  //');
+const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-c607b770"]]);
+export {
+  r as default
+};

package/components/popover/{Popover.vue2.js → v3/Popover.vue2.js}

@@ -1,4 +1,4 @@
- import "../../Popover.vue_vue_type_style_index_0_scoped_25eb53db_lang.css";  import "../../Popover.vue_vue_type_style_index_1_lang.css";  import { defineComponent as n, openBlock as i, createBlock as r, unref as l, withCtx as a, renderSlot as d } from "vue";
+ import "../../../Popover.vue_vue_type_style_index_0_scoped_c607b770_lang.css";  import "../../../Popover.vue_vue_type_style_index_1_lang.css";  import { defineComponent as n, openBlock as i, createBlock as r, unref as l, withCtx as a, renderSlot as d } from "vue";
 import { Dropdown as s } from "floating-vue";
 const f = /* @__PURE__ */ n({
   __name: "Popover",

package/components/popover/v4/PopoverV4.vue.d.ts

@@ -0,0 +1,73 @@
+import { Placement } from 'floating-vue';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    autoHide?: boolean;
+    trigger?: "touch" | "click" | "focus" | "hover" | "managed";
+    disabled?: boolean;
+    placement?: Placement;
+    distance?: number;
+    skidding?: number;
+    testId?: string;
+    popperClass?: string;
+}>, {
+    trigger: string;
+    autoHide: boolean;
+    disabled: boolean;
+    placement: string;
+    distance: number;
+    skidding: number;
+    testId: string;
+    popperClass: string;
+}>, {}, 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<{
+    autoHide?: boolean;
+    trigger?: "touch" | "click" | "focus" | "hover" | "managed";
+    disabled?: boolean;
+    placement?: Placement;
+    distance?: number;
+    skidding?: number;
+    testId?: string;
+    popperClass?: string;
+}>, {
+    trigger: string;
+    autoHide: boolean;
+    disabled: boolean;
+    placement: string;
+    distance: number;
+    skidding: number;
+    testId: string;
+    popperClass: string;
+}>>>, {
+    disabled: boolean;
+    testId: string;
+    placement: Placement;
+    distance: number;
+    popperClass: string;
+    autoHide: boolean;
+    skidding: number;
+    trigger: "touch" | "click" | "focus" | "hover" | "managed";
+}>, {
+    trigger?(_: {}): any;
+    content?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/popover/v4/PopoverV4.vue.js

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

package/components/popover/v4/PopoverV4.vue2.js

@@ -0,0 +1,54 @@
+ import "../../../PopoverV4.vue_vue_type_style_index_0_scoped_c54cd089_lang.css"; import { defineComponent as u, openBlock as d, createBlock as m, unref as t, withCtx as i, createElementBlock as f, renderSlot as n, createCommentVNode as g, createElementVNode as c } from "vue";
+import { Dropdown as k } from "floating-vue";
+import { popoverCommon as v } from "../common/Popover.common.js";
+const w = /* @__PURE__ */ u({
+  __name: "PopoverV4",
+  props: {
+    autoHide: { type: Boolean, default: !1 },
+    trigger: { default: "click" },
+    disabled: { type: Boolean, default: !1 },
+    placement: { default: "bottom-start" },
+    distance: { default: 0 },
+    skidding: { default: 0 },
+    testId: { default: "" },
+    popperClass: { default: "" }
+  },
+  setup(e) {
+    const { popup: p, open: o, toggle: l, triggerRef: s } = v();
+    return (r, a) => (d(), m(t(k), {
+      theme: "custom-popover",
+      placement: e.placement,
+      shown: !!t(o),
+      triggers: e.trigger === "managed" ? [] : [e.trigger],
+      "auto-hide": e.autoHide,
+      distance: e.distance,
+      skidding: e.skidding,
+      "data-testid": e.testId,
+      "popper-class": [e.popperClass, "v4-popover__popper light-theme-v4"]
+    }, {
+      popper: i(() => [
+        t(o) ? (d(), f("div", {
+          key: 0,
+          ref_key: "popup",
+          ref: p,
+          class: "menu-popup"
+        }, [
+          n(r.$slots, "content", {}, void 0, !0)
+        ], 512)) : g("", !0)
+      ]),
+      default: i(() => [
+        c("div", {
+          ref_key: "triggerRef",
+          ref: s,
+          onClick: a[0] || (a[0] = (h) => t(l)(!t(o)))
+        }, [
+          n(r.$slots, "trigger", {}, void 0, !0)
+        ], 512)
+      ]),
+      _: 3
+    }, 8, ["placement", "shown", "triggers", "auto-hide", "distance", "skidding", "data-testid", "popper-class"]));
+  }
+});
+export {
+  w as default
+};

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

@@ -0,0 +1,209 @@
+import Popover from './PopoverV4.vue';
+declare const PopoverTypes: () => ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            disabled: boolean;
+            testId: string;
+            placement: import("floating-vue").Placement;
+            distance: number;
+            popperClass: string;
+            autoHide: boolean;
+            skidding: number;
+            trigger: "touch" | "click" | "focus" | "hover" | "managed";
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            placement: {
+                type: import("vue").PropType<import("floating-vue").Placement>;
+                default: string;
+            };
+            distance: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            popperClass: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            autoHide: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            skidding: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            trigger: {
+                type: import("vue").PropType<"touch" | "click" | "focus" | "hover" | "managed">;
+                default: string;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "testId" | "placement" | "distance" | "popperClass" | "autoHide" | "skidding" | "trigger">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $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: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            placement: {
+                type: import("vue").PropType<import("floating-vue").Placement>;
+                default: string;
+            };
+            distance: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            popperClass: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            autoHide: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            skidding: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            trigger: {
+                type: import("vue").PropType<"touch" | "click" | "focus" | "hover" | "managed">;
+                default: string;
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            disabled: boolean;
+            testId: string;
+            placement: import("floating-vue").Placement;
+            distance: number;
+            popperClass: string;
+            autoHide: boolean;
+            skidding: number;
+            trigger: "touch" | "click" | "focus" | "hover" | "managed";
+        }, {}, string> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        placement: {
+            type: import("vue").PropType<import("floating-vue").Placement>;
+            default: string;
+        };
+        distance: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        popperClass: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        autoHide: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        skidding: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        trigger: {
+            type: import("vue").PropType<"touch" | "click" | "focus" | "hover" | "managed">;
+            default: string;
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    placement: {
+        type: import("vue").PropType<import("floating-vue").Placement>;
+        default: string;
+    };
+    distance: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    popperClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    autoHide: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    skidding: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    trigger: {
+        type: import("vue").PropType<"touch" | "click" | "focus" | "hover" | "managed">;
+        default: string;
+    };
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    disabled: boolean;
+    testId: string;
+    placement: import("floating-vue").Placement;
+    distance: number;
+    popperClass: string;
+    autoHide: boolean;
+    skidding: number;
+    trigger: "touch" | "click" | "focus" | "hover" | "managed";
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        trigger?(_: {}): any;
+        content?(_: {}): any;
+    };
+}))[];
+export { Popover, PopoverTypes };

package/components/popover/v4/index.js

@@ -0,0 +1,6 @@
+import o from "./PopoverV4.vue.js";
+const r = () => [o];
+export {
+  o as Popover,
+  r as PopoverTypes
+};

package/components/shared/FieldMaxLength.vue.js

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

package/components/shared/FieldMaxLength.vue2.js

@@ -1,6 +1,6 @@
- import "../../FieldMaxLength.vue_vue_type_style_index_0_scoped_f3c4001a_lang.css"; import { defineComponent as n, openBlock as o, createElementBlock as c, createVNode as r, unref as d, withCtx as p, createTextVNode as t, toDisplayString as a, pushScopeId as i, popScopeId as s, createElementVNode as h } from "vue";
+ import "../../FieldMaxLength.vue_vue_type_style_index_0_scoped_47877984_lang.css"; import { defineComponent as n, openBlock as o, createElementBlock as c, createVNode as r, unref as d, withCtx as p, createTextVNode as t, toDisplayString as a, pushScopeId as i, popScopeId as s, createElementVNode as h } from "vue";
 import l from "../typography/v4/Typography.vue.js";
-const m = (e) => (i("data-v-f3c4001a"), e = e(), s(), e), _ = { class: "max-length" }, u = /* @__PURE__ */ m(() => /* @__PURE__ */ h("span", { class: "max-length__divider" }, "/", -1)), v = /* @__PURE__ */ n({
+const m = (e) => (i("data-v-47877984"), e = e(), s(), e), _ = { class: "max-length" }, u = /* @__PURE__ */ m(() => /* @__PURE__ */ h("span", { class: "max-length__divider" }, "/", -1)), v = /* @__PURE__ */ n({
   __name: "FieldMaxLength",
   props: {
     currentLength: { default: 0 },

package/components/shared/commonTypes.d.ts

@@ -1,2 +1,4 @@
 export declare const FEEDBACK_VARIANTS: readonly ["error", "success", "warning"];
 export type FeedbackVariant = (typeof FEEDBACK_VARIANTS)[number];
+export declare const MAX_LENGTH_COUNTER_POSITION: readonly ["inside", "outside"];
+export type MaxLengthCounterPositions = (typeof MAX_LENGTH_COUNTER_POSITION)[number];

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

package/components/sortableList/SortableItem.vue2.js

@@ -0,0 +1,140 @@
+ 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 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({
+  __name: "SortableItem",
+  props: {
+    item: null,
+    index: { default: null },
+    isOpen: { type: Boolean, default: !1 },
+    isSelected: { type: Boolean, default: !1 },
+    selectedChildId: { default: null },
+    searchQuery: { default: null },
+    searchHandler: { type: Function, default: null },
+    displayValue: null
+  },
+  emits: ["toggle", "select", "selectChild"],
+  setup(t, { emit: y }) {
+    const n = t, Q = () => {
+      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,
+      scrollTo: N
+    } = q(g, {
+      itemHeight: 34
+    });
+    E(
+      () => n.searchQuery,
+      () => N(0)
+    );
+    const k = $(null), { handleMouseout: v, handleMouseover: C } = G(
+      k,
+      "sortable-item--hovered"
+    );
+    return (d, l) => (o(), a("div", {
+      ref_key: "itemRef",
+      ref: k,
+      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"]))
+    }, [
+      r("div", {
+        class: f(["item", { "drag-allowed": !t.item.isLocked && !t.searchQuery }])
+      }, [
+        r("div", J, [
+          h(e(m), {
+            name: "dots-six-vertical",
+            width: "20px",
+            type: "bold"
+          })
+        ]),
+        r("div", K, [
+          t.item.isLocked ? (o(), s(e(m), {
+            key: 1,
+            class: "locked-icon",
+            name: "lock",
+            width: "16px"
+          })) : (o(), s(e(V), {
+            key: 0,
+            class: "order-num",
+            variant: "subtitle2"
+          }, {
+            default: b(() => [
+              w(F(t.index + 1) + ". ", 1)
+            ]),
+            _: 1
+          }))
+        ]),
+        e(p) && !t.searchQuery ? (o(), a("div", {
+          key: 0,
+          class: "expand-icon",
+          onClick: c(Q, ["stop"])
+        }, [
+          t.isOpen ? (o(), s(e(m), {
+            key: 0,
+            name: "caret-down",
+            width: "16px"
+          })) : (o(), s(e(m), {
+            key: 1,
+            name: "caret-right",
+            width: "16px"
+          }))
+        ], 8, U)) : u("", !0),
+        r("div", W, [
+          t.item.countryFlag ? (o(), s(e(L), {
+            key: 0,
+            class: "country-flag",
+            "country-code": t.item.countryFlag
+          }, null, 8, ["country-code"])) : u("", !0),
+          h(j, {
+            "display-value": t.displayValue,
+            item: t.item
+          }, null, 8, ["display-value", "item"])
+        ]),
+        r("div", {
+          class: "item__menu",
+          onClick: l[0] || (l[0] = c(() => {
+          }, ["stop"]))
+        }, [
+          z(d.$slots, "menu", {}, void 0, !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", {
+            key: O,
+            class: f({ selected: B(i) }),
+            onClick: c((Y) => y("selectChild", i), ["stop"])
+          }, [
+            i.countryFlag ? (o(), s(e(L), {
+              key: 0,
+              class: "country-flag",
+              "country-code": i.countryFlag
+            }, null, 8, ["country-code"])) : u("", !0),
+            h(e(V), { variant: "body2" }, {
+              default: b(() => [
+                w(F(t.displayValue(i)), 1)
+              ]),
+              _: 2
+            }, 1024)
+          ], 10, X))), 128))
+        ], 16)) : u("", !0)
+      ], 16)
+    ], 34));
+  }
+});
+export {
+  re 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_1386ae20_lang.css"; //*');
+const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-1386ae20"]]);
+export {
+  s as default
+};