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

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

@@ -1,27 +1,27 @@
- import "../../../TextField.vue_vue_type_style_index_0_scoped_a6457440_lang.css"; import { defineComponent as M, computed as b, ref as G, openBlock as l, createElementBlock as r, mergeProps as y, unref as t, createBlock as d, createCommentVNode as n, createElementVNode as E, normalizeClass as L, renderSlot as P, withCtx as h, createTextVNode as V, toDisplayString as C, withKeys as W, withModifiers as F, createVNode as p } from "vue";
+ 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 v from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";
-import j from "../../tooltip/v4/TooltipV4.vue.js";
-import $ from "../../typography/v4/Typography.vue.js";
-import { InputTestIdModifiers as f } from "../../../testids/index.js";
-import { inputCommon as q } from "../common/Input.common.js";
-import J from "../../shared/FieldLabel.vue.js";
-import Q from "../../shared/FieldHelpText.vue.js";
-import U from "../../shared/FieldMaxLength.vue.js";
-import { useTestIdAttrs as X } from "../../../utils/testIds.js";
-const Y = {
+import X from "../../tooltip/v4/TooltipV4.vue.js";
+import D from "../../typography/v4/Typography.vue.js";
+import { InputTestIdModifiers as m } from "../../../testids/index.js";
+import { inputCommon as Y } from "../common/Input.common.js";
+import Z from "../../shared/FieldLabel.vue.js";
+import _ from "../../shared/FieldHelpText.vue.js";
+import N from "../../shared/FieldMaxLength.vue.js";
+import { useTestIdAttrs as ee } from "../../../utils/testIds.js";
+const te = {
   key: 0,
   class: "icon-container icon-before"
-}, Z = ["maxlength", "value", "placeholder", "disabled", "type", "step"], _ = ["onClick"], ee = {
-  key: 3,
+}, le = ["maxlength", "value", "placeholder", "disabled", "type", "step"], ae = ["onClick"], ne = {
+  key: 4,
   class: "inline-error"
-}, te = {
-  key: 6,
+}, oe = {
+  key: 7,
   class: "icon-container icon-after"
-}, le = {
+}, ie = {
   inheritAttrs: !1
-}, ye = /* @__PURE__ */ M({
-  ...le,
+}, be = /* @__PURE__ */ J({
+  ...ie,
   __name: "TextField",
   props: {
     modelValue: { default: "" },
@@ -47,37 +47,45 @@ const Y = {
     prefix: { default: "" },
     suffix: { default: "" },
     maxLength: { default: null },
+    maxLengthCounterPosition: { default: "inside" },
     showApply: { type: Boolean, default: !1 },
     inlineError: { type: Boolean, default: !1 },
     inlineErrorText: { default: "" },
     inlineErrorTextPlacement: { default: "top" }
   },
   emits: ["update:modelValue", "apply"],
-  setup(e, { expose: z, emit: k }) {
-    const s = e, c = X(s.testId, f), O = () => {
-      s.showApply ? k("apply") : o?.confirmable && N();
-    }, D = () => w.value.focus(), {
-      onConfirm: N,
+  setup(e, { expose: S, emit: k }) {
+    const o = e, y = ee(o.testId, m), H = () => {
+      o.showApply ? k("apply") : s?.confirmable && K();
+    }, R = () => g.value.focus(), {
+      onConfirm: K,
       onEnter: T,
-      inputRef: w,
-      isFocused: x,
-      showLabelInside: g,
-      api: o,
-      labelText: S,
-      sizeClass: H,
-      handleInput: I,
-      handleKeypress: B
-    } = q(s, k), A = b(() => o.value?.value ?? s.modelValue), R = b(() => (A.value || "").length), m = G(!1), K = b(() => m.value && s.type === "password" ? "text" : s.type);
-    return z({
-      manualFocus: D
-    }), (u, a) => (l(), r("div", y({
+      inputRef: g,
+      isFocused: h,
+      showLabelInside: w,
+      api: s,
+      labelText: M,
+      sizeClass: G,
+      handleInput: L,
+      handleKeypress: I
+    } = Y(o, k), P = f(() => s.value?.value ?? o.modelValue), W = f(() => (P.value || "").length), B = f(() => ({
+      currentLength: W.value,
+      maxLength: o.maxLength
+    })), C = f(
+      () => o.maxLength && o.maxLengthCounterPosition === "outside"
+    ), j = f(
+      () => o.feedbackText || C.value
+    ), x = Q(!1), q = f(() => x.value && o.type === "password" ? "text" : o.type);
+    return S({
+      manualFocus: R
+    }), (u, a) => (l(), d("div", c({
       class: {
         "input-with-label-container": !0,
         disabled: e.disabled,
         [`variant-${e.feedbackVariant}`]: !0
       }
-    }, t(c)[t(f).WRAPPER]), [
-      e.label && e.labelDirection !== "inside" ? (l(), d(J, {
+    }, t(y)[t(m).WRAPPER]), [
+      e.label && e.labelDirection !== "inside" ? (l(), r(Z, {
         key: 0,
         label: e.label,
         mandatory: e.mandatory,
@@ -86,73 +94,74 @@ const Y = {
         disabled: e.disabled,
         "test-id": e.testId
       }, null, 8, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "disabled", "test-id"])) : n("", !0),
-      E("div", {
-        class: L({
+      A("div", {
+        class: E({
           "input-container": !0,
-          "label-inside": t(g),
-          focused: t(x)
+          "label-inside": t(w),
+          focused: t(h)
         })
       }, [
-        u.$slots.iconBefore ? (l(), r("div", Y, [
-          P(u.$slots, "iconBefore", {}, void 0, !0)
+        u.$slots.iconBefore ? (l(), d("div", te, [
+          F(u.$slots, "iconBefore", {}, void 0, !0)
         ])) : n("", !0),
-        e.prefix ? (l(), d(t($), {
+        e.prefix ? (l(), r(t(D), {
           key: 1,
           class: "prefix-text",
           variant: "body1"
         }, {
-          default: h(() => [
-            V(C(e.prefix), 1)
+          default: b(() => [
+            V($(e.prefix), 1)
           ]),
           _: 1
         })) : n("", !0),
-        E("input", y({
+        A("input", c({
           ref_key: "inputRef",
-          ref: w,
+          ref: g,
           maxlength: e.maxLength
-        }, { ...u.$attrs, ...t(c)[t(f).FIELD] }, {
-          value: t(A),
-          placeholder: t(S),
+        }, { ...u.$attrs, ...t(y)[t(m).FIELD] }, {
+          value: t(P),
+          placeholder: t(M),
           disabled: e.disabled || e.viewOnly,
-          type: t(K),
+          type: t(q),
           class: ["input", {
-            [t(H)]: !0,
+            [t(G)]: !0,
             "view-only": e.viewOnly,
-            "label-inside": t(g),
+            "label-inside": t(w),
             "hide-arrows": e.hideNumberArrows,
             "input-type": e.type
           }],
           step: e.step,
           onInput: a[0] || (a[0] = //@ts-ignore
-          (...i) => t(I) && t(I)(...i)),
-          onFocus: a[1] || (a[1] = (i) => x.value = !0),
-          onBlur: a[2] || (a[2] = (i) => x.value = !1),
-          onKeyup: a[3] || (a[3] = W(F(
+          (...i) => t(L) && t(L)(...i)),
+          onFocus: a[1] || (a[1] = (i) => h.value = !0),
+          onBlur: a[2] || (a[2] = (i) => h.value = !1),
+          onKeyup: a[3] || (a[3] = U(z(
             //@ts-ignore
             (...i) => t(T) && t(T)(...i),
             ["prevent"]
           ), ["enter"])),
           onKeypress: a[4] || (a[4] = //@ts-ignore
-          (...i) => t(B) && t(B)(...i))
-        }), null, 16, Z),
-        e.showApply || t(o)?.confirmable && !t(o)?.error?.value ? (l(), r("div", {
-          key: 2,
+          (...i) => t(I) && t(I)(...i))
+        }), null, 16, le),
+        e.maxLength && e.maxLengthCounterPosition === "inside" ? (l(), r(N, O(c({ key: 2 }, t(B))), null, 16)) : n("", !0),
+        e.showApply || t(s)?.confirmable && !t(s)?.error?.value ? (l(), d("div", {
+          key: 3,
           class: "apply-button",
-          onClick: F(O, ["stop", "prevent"])
+          onClick: z(H, ["stop", "prevent"])
         }, [
           p(t(v), {
             name: "check",
             size: "20px"
           })
-        ], 8, _)) : n("", !0),
-        e.inlineError || t(o)?.error?.value ? (l(), r("div", ee, [
-          p(t(j), y({
-            disabled: !e.inlineErrorText && !t(o)?.error?.value,
-            text: e.inlineErrorText || t(o)?.error?.value,
+        ], 8, ae)) : n("", !0),
+        e.inlineError || t(s)?.error?.value ? (l(), d("div", ne, [
+          p(t(X), c({
+            disabled: !e.inlineErrorText && !t(s)?.error?.value,
+            text: e.inlineErrorText || t(s)?.error?.value,
             "test-id": e.testId,
             placement: e.inlineErrorTextPlacement
-          }, t(c)[t(f).TOOLTIP]), {
-            default: h(() => [
+          }, t(y)[t(m).TOOLTIP]), {
+            default: b(() => [
               p(t(v), {
                 name: "warning-circle",
                 size: "16px"
@@ -161,56 +170,52 @@ const Y = {
             _: 1
           }, 16, ["disabled", "text", "test-id", "placement"])
         ])) : n("", !0),
-        e.suffix ? (l(), d(t($), {
-          key: 4,
+        e.suffix ? (l(), r(t(D), {
+          key: 5,
           class: "suffix-text",
           variant: "body1"
         }, {
-          default: h(() => [
-            V(C(e.suffix), 1)
+          default: b(() => [
+            V($(e.suffix), 1)
           ]),
           _: 1
         })) : n("", !0),
-        e.type === "password" ? (l(), r("div", y({
-          key: 5,
+        e.type === "password" ? (l(), d("div", c({
+          key: 6,
           class: "password-visibility-toggle"
-        }, t(c)[t(f).TOGGLE_PASSWORD], {
-          onClick: a[5] || (a[5] = (i) => m.value = !m.value)
+        }, t(y)[t(m).TOGGLE_PASSWORD], {
+          onClick: a[5] || (a[5] = (i) => x.value = !x.value)
         }), [
-          m.value ? (l(), d(t(v), {
+          x.value ? (l(), r(t(v), {
             key: 0,
             name: "eye",
             size: "16px"
-          })) : (l(), d(t(v), {
+          })) : (l(), r(t(v), {
             key: 1,
             name: "eye-slash",
             size: "16px"
           }))
         ], 16)) : n("", !0),
-        u.$slots.iconAfter ? (l(), r("div", te, [
-          P(u.$slots, "iconAfter", {}, void 0, !0)
+        u.$slots.iconAfter ? (l(), d("div", oe, [
+          F(u.$slots, "iconAfter", {}, void 0, !0)
         ])) : n("", !0)
       ], 2),
-      e.feedbackText || e.maxLength ? (l(), r("div", {
+      t(j) ? (l(), d("div", {
         key: 1,
-        class: L(["footer", e.feedbackPositionAbsolute && "footer-absolute"])
+        class: E(["footer", e.feedbackPositionAbsolute && "footer-absolute"])
       }, [
-        e.feedbackText ? (l(), d(Q, {
+        e.feedbackText ? (l(), r(_, {
           key: 0,
           text: e.feedbackText,
           variant: e.feedbackVariant,
           "show-icon": e.showFeedbackTextIcon,
           "test-id": e.testId
         }, null, 8, ["text", "variant", "show-icon", "test-id"])) : n("", !0),
-        e.maxLength ? (l(), d(U, {
-          key: 1,
-          "current-length": t(R),
-          "max-length": e.maxLength
-        }, null, 8, ["current-length", "max-length"])) : n("", !0)
+        t(C) ? (l(), r(N, O(c({ key: 1 }, t(B))), null, 16)) : n("", !0)
       ], 2)) : n("", !0)
     ], 16));
   }
 });
 export {
-  ye as default
+  be as default
 };

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/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
+};

package/components/sortableList/SortableItemLabel.vue2.js

@@ -0,0 +1,60 @@
+ 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 n from "../typography/v4/Typography.vue.js";
+import y from "../tooltip/v4/TooltipV4.vue.js";
+const _ = { class: "tooltip-content" }, k = /* @__PURE__ */ m({
+  __name: "SortableItemLabel",
+  props: {
+    item: null,
+    displayValue: null
+  },
+  setup(e) {
+    return (b, T) => (a(), u(l(y), {
+      class: "item-label",
+      placement: "right",
+      disabled: !e.item.helpText
+    }, {
+      tooltip: t(() => [
+        p("div", _, [
+          (a(!0), c(h, null, f(e.item.helpText, (s, d) => (a(), c("div", {
+            key: d,
+            class: "help"
+          }, [
+            i(l(n), {
+              class: "help__title",
+              variant: "h5"
+            }, {
+              default: t(() => [
+                o(r(s.title), 1)
+              ]),
+              _: 2
+            }, 1024),
+            i(l(n), {
+              class: "help__text",
+              variant: "body2"
+            }, {
+              default: t(() => [
+                o(r(s.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)
+          ]),
+          _: 1
+        }, 8, ["class"])
+      ]),
+      _: 1
+    }, 8, ["disabled"]));
+  }
+});
+export {
+  k as default
+};

package/components/sortableList/SortableList.vue.js

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