@ironsource/shared-ui 2.1.12-test.52 → 2.1.12-test.54

package/components/link/Link.vue.js

@@ -1,7 +1,7 @@
 import o from "./Link.vue2.js";
-/* empty css           */import e from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../Link.vue_vue_type_style_index_0_scoped_ad98fe7b_lang.css"; //*');
-const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ad98fe7b"]]);
+/* empty css           */import _ from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../Link.vue_vue_type_style_index_0_scoped_1a766750_lang.css"; //*');
+const p = /* @__PURE__ */ _(o, [["__scopeId", "data-v-1a766750"]]);
 export {
   p as default
 };

package/components/link/Link.vue2.js

@@ -1,10 +1,10 @@
- import "../../Link.vue_vue_type_style_index_0_scoped_ad98fe7b_lang.css"; import { defineComponent as f, openBlock as i, createBlock as r, unref as t, mergeProps as l, withCtx as m, renderSlot as u, createCommentVNode as p } from "vue";
+ import "../../Link.vue_vue_type_style_index_0_scoped_1a766750_lang.css"; import { defineComponent as m, openBlock as n, createBlock as l, unref as t, mergeProps as c, withCtx as y, createCommentVNode as d, renderSlot as T } from "vue";
 import k from "../typography/v4/Typography.vue.js";
-import y from "../icon/v4/IconV4.vue.js";
+import r from "../icon/v4/IconV4.vue.js";
 import "../icon/v4/IconFlag.vue.js";
-import { useTestIdAttrs as I } from "../../utils/testIds.js";
-import { LinkTestIdModifiers as a } from "../../testids/index.js";
-const w = /* @__PURE__ */ f({
+import { useTestIdAttrs as p } from "../../utils/testIds.js";
+import { LinkTestIdModifiers as o } from "../../testids/index.js";
+const w = /* @__PURE__ */ m({
   __name: "Link",
   props: {
     href: { default: null },
@@ -13,29 +13,51 @@ const w = /* @__PURE__ */ f({
     variant: { default: "body1" },
     iconName: { default: null },
     iconType: { default: "regular" },
-    testId: { default: "" }
+    iconPosition: { default: "end" },
+    testId: { default: "" },
+    isTruncated: { type: Boolean, default: !1 },
+    withTooltip: { type: Boolean, default: !1 },
+    tooltipText: { default: "" },
+    navigateToPage: { type: Function, default: null }
   },
   emits: ["click"],
-  setup(e, { emit: d }) {
-    const o = e, c = () => {
-      o.disabled || (o.href && window.open(o.href), d("click"));
-    }, n = I(o.testId, a);
-    return (s, h) => (i(), r(t(k), l({
+  setup(e, { emit: u }) {
+    const i = e, s = () => {
+      if (!i.disabled) {
+        {
+          if (i.navigateToPage)
+            return i.navigateToPage();
+          i.href && window.open(i.href);
+        }
+        u("click");
+      }
+    }, a = p(i.testId, o);
+    return (f, h) => (n(), l(t(k), c({
       class: ["link", [`link--${e.color}`, { "link--disabled": e.disabled }]],
-      variant: e.variant
-    }, t(n)[t(a).WRAPPER], { onClick: c }), {
-      default: m(() => [
-        u(s.$slots, "default", {}, void 0, !0),
-        e.iconName ? (i(), r(t(y), l({
+      variant: e.variant,
+      "is-truncated": e.isTruncated,
+      "with-tooltip": e.withTooltip,
+      "tooltip-text": e.tooltipText
+    }, t(a)[t(o).WRAPPER], { onClick: s }), {
+      default: y(() => [
+        e.iconName && e.iconPosition === "start" ? (n(), l(t(r), c({
           key: 0,
           name: e.iconName,
           type: e.iconType,
           size: "16px",
           class: "icon"
-        }, t(n)[t(a).ICON]), null, 16, ["name", "type"])) : p("", !0)
+        }, t(a)[t(o).ICON]), null, 16, ["name", "type"])) : d("", !0),
+        T(f.$slots, "default", {}, void 0, !0),
+        e.iconName && e.iconPosition === "end" ? (n(), l(t(r), c({
+          key: 1,
+          name: e.iconName,
+          type: e.iconType,
+          size: "16px",
+          class: "icon"
+        }, t(a)[t(o).ICON]), null, 16, ["name", "type"])) : d("", !0)
       ]),
       _: 3
-    }, 16, ["class", "variant"]));
+    }, 16, ["class", "variant", "is-truncated", "with-tooltip", "tooltip-text"]));
   }
 });
 export {

package/components/link/index.d.ts

@@ -5,11 +5,16 @@ declare const LinkTypes: () => ({
         $props: Partial<{
             testId: string;
             variant: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
+            withTooltip: boolean;
+            tooltipText: string;
+            isTruncated: boolean;
             disabled: boolean;
             color: "default" | "primary";
             href: string;
             iconName: string;
             iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+            iconPosition: "end" | "start";
+            navigateToPage: () => void;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             testId: {
                 type: import("vue").PropType<string>;
@@ -19,6 +24,18 @@ declare const LinkTypes: () => ({
                 type: import("vue").PropType<"button" | "body1" | "body2" | "subtitle1" | "subtitle2">;
                 default: string;
             };
+            withTooltip: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            tooltipText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            isTruncated: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -39,9 +56,17 @@ declare const LinkTypes: () => ({
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: string;
             };
+            iconPosition: {
+                type: import("vue").PropType<"end" | "start">;
+                default: string;
+            };
+            navigateToPage: {
+                type: import("vue").PropType<() => void>;
+                default: any;
+            };
         }>> & {
             onClick?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "variant" | "disabled" | "color" | "href" | "iconName" | "iconType">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "variant" | "withTooltip" | "tooltipText" | "isTruncated" | "disabled" | "color" | "href" | "iconName" | "iconType" | "iconPosition" | "navigateToPage">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -64,6 +89,18 @@ declare const LinkTypes: () => ({
                 type: import("vue").PropType<"button" | "body1" | "body2" | "subtitle1" | "subtitle2">;
                 default: string;
             };
+            withTooltip: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            tooltipText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            isTruncated: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -84,6 +121,14 @@ declare const LinkTypes: () => ({
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: string;
             };
+            iconPosition: {
+                type: import("vue").PropType<"end" | "start">;
+                default: string;
+            };
+            navigateToPage: {
+                type: import("vue").PropType<() => void>;
+                default: any;
+            };
         }>> & {
             onClick?: () => any;
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -91,11 +136,16 @@ declare const LinkTypes: () => ({
         }, string, {
             testId: string;
             variant: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
+            withTooltip: boolean;
+            tooltipText: string;
+            isTruncated: boolean;
             disabled: boolean;
             color: "default" | "primary";
             href: string;
             iconName: string;
             iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+            iconPosition: "end" | "start";
+            navigateToPage: () => void;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -125,6 +175,18 @@ declare const LinkTypes: () => ({
             type: import("vue").PropType<"button" | "body1" | "body2" | "subtitle1" | "subtitle2">;
             default: string;
         };
+        withTooltip: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        tooltipText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        isTruncated: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         disabled: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -145,6 +207,14 @@ declare const LinkTypes: () => ({
             type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: string;
         };
+        iconPosition: {
+            type: import("vue").PropType<"end" | "start">;
+            default: string;
+        };
+        navigateToPage: {
+            type: import("vue").PropType<() => void>;
+            default: any;
+        };
     }>> & {
         onClick?: () => any;
     } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
@@ -160,6 +230,18 @@ declare const LinkTypes: () => ({
         type: import("vue").PropType<"button" | "body1" | "body2" | "subtitle1" | "subtitle2">;
         default: string;
     };
+    withTooltip: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    tooltipText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    isTruncated: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -180,6 +262,14 @@ declare const LinkTypes: () => ({
         type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
         default: string;
     };
+    iconPosition: {
+        type: import("vue").PropType<"end" | "start">;
+        default: string;
+    };
+    navigateToPage: {
+        type: import("vue").PropType<() => void>;
+        default: any;
+    };
 }>> & {
     onClick?: () => any;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -187,11 +277,16 @@ declare const LinkTypes: () => ({
 }, string, {
     testId: string;
     variant: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
+    withTooltip: boolean;
+    tooltipText: string;
+    isTruncated: boolean;
     disabled: boolean;
     color: "default" | "primary";
     href: string;
     iconName: string;
     iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+    iconPosition: "end" | "start";
+    navigateToPage: () => void;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;

package/components/radioButton/v3/RadioButton.vue.d.ts

@@ -5,6 +5,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     errorText?: string;
     modelValue?: string;
     testId?: string;
+    disabledButton?: boolean;
 }>, {
     label: string;
     name: string;
@@ -12,6 +13,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     errorText: string;
     modelValue: any;
     testId: string;
+    disabledButton: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
     change: (...args: any[]) => void;
@@ -22,6 +24,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     errorText?: string;
     modelValue?: string;
     testId?: string;
+    disabledButton?: boolean;
 }>, {
     label: string;
     name: string;
@@ -29,6 +32,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     errorText: string;
     modelValue: any;
     testId: string;
+    disabledButton: boolean;
 }>>> & {
     onChange?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -39,6 +43,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     modelValue: string;
     helperText: string;
     errorText: string;
+    disabledButton: boolean;
 }>, {
     default?(_: {}): any;
 }>;

package/components/radioButton/v3/RadioButton.vue.js

@@ -1,7 +1,7 @@
 import o from "./RadioButton.vue2.js";
 /* empty css                  */import t from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../RadioButton.vue_vue_type_style_index_0_scoped_3c6b715c_lang.css"; //*');
-const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3c6b715c"]]);
+// import "../../../RadioButton.vue_vue_type_style_index_0_scoped_dac25b9f_lang.css"; //*');
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-dac25b9f"]]);
 export {
-  s as default
+  a as default
 };

package/components/radioButton/v3/RadioButton.vue2.js

@@ -1,9 +1,9 @@
- import "../../../RadioButton.vue_vue_type_style_index_0_scoped_3c6b715c_lang.css"; import { defineComponent as E, openBlock as n, createElementBlock as I, normalizeClass as b, unref as e, createElementVNode as r, withDirectives as y, mergeProps as i, isRef as C, vModelRadio as N, renderSlot as g, createVNode as w, withCtx as u, createTextVNode as m, toDisplayString as f, createBlock as v, createCommentVNode as R } from "vue";
-import c from "../../typography/Text.vue.js";
-import { useRadio as z } from "../common/useRadio.js";
-import { RadioTestIdModifiers as o } from "../../../testids/index.js";
-import { useTestIdAttrs as A } from "../../../utils/testIds.js";
-const D = { class: "wrapper" }, L = ["value", "name", "disabled"], O = /* @__PURE__ */ E({
+ import "../../../RadioButton.vue_vue_type_style_index_0_scoped_dac25b9f_lang.css"; import { defineComponent as E, computed as I, openBlock as u, createElementBlock as C, normalizeClass as T, unref as e, createElementVNode as o, withDirectives as N, mergeProps as i, isRef as g, vModelRadio as w, renderSlot as z, createVNode as A, withCtx as m, createTextVNode as f, toDisplayString as c, createBlock as v, createCommentVNode as R } from "vue";
+import p from "../../typography/Text.vue.js";
+import { useRadio as D } from "../common/useRadio.js";
+import { RadioTestIdModifiers as r } from "../../../testids/index.js";
+import { useTestIdAttrs as L } from "../../../utils/testIds.js";
+const $ = { class: "wrapper" }, F = ["value", "name", "disabled"], U = /* @__PURE__ */ E({
   __name: "RadioButton",
   props: {
     label: { default: "" },
@@ -11,62 +11,65 @@ const D = { class: "wrapper" }, L = ["value", "name", "disabled"], O = /* @__PUR
     helperText: { default: "" },
     errorText: { default: "" },
     modelValue: { default: void 0 },
-    testId: { default: "" }
+    testId: { default: "" },
+    disabledButton: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "change"],
-  setup(t, { emit: V }) {
-    const p = t, { radioRef: h, focus: x, disabled: T, modelValue: a, radioGroup: k } = z(
-      p,
-      V
-    ), d = A(p.testId, o);
-    return (B, l) => (n(), I("label", {
-      class: b(["radio-button", { "radio-button--disabled": e(T) }])
+  setup(t, { emit: B }) {
+    const d = t, { radioRef: V, focus: x, disabled: h, modelValue: a, radioGroup: k } = D(
+      d,
+      B
+    ), s = L(d.testId, r), b = I(
+      () => h.value || d.disabledButton
+    );
+    return (y, l) => (u(), C("label", {
+      class: T(["radio-button", { "radio-button--disabled": e(b) }])
     }, [
-      r("span", D, [
-        y(r("input", i({
+      o("span", $, [
+        N(o("input", i({
           ref_key: "radioRef",
-          ref: h,
-          "onUpdate:modelValue": l[0] || (l[0] = (s) => C(a) ? a.value = s : null),
+          ref: V,
+          "onUpdate:modelValue": l[0] || (l[0] = (n) => g(a) ? a.value = n : null),
           value: t.label,
           name: t.name || e(k)?.name,
           type: "radio",
-          disabled: e(T)
-        }, e(d)[e(o).FIELD], {
-          onFocus: l[1] || (l[1] = (s) => x.value = !0),
-          onBlur: l[2] || (l[2] = (s) => x.value = !1)
-        }), null, 16, L), [
-          [N, e(a)]
+          disabled: e(b)
+        }, e(s)[e(r).FIELD], {
+          onFocus: l[1] || (l[1] = (n) => x.value = !0),
+          onBlur: l[2] || (l[2] = (n) => x.value = !1)
+        }), null, 16, F), [
+          [w, e(a)]
         ]),
-        r("span", {
-          class: b([{ "circle--selected": e(a) === t.label }, "circle"])
+        o("span", {
+          class: T([{ "circle--selected": e(a) === t.label }, "circle"])
         }, null, 2)
       ]),
-      r("span", i({ class: "label" }, e(d)[e(o).LABEL]), [
-        g(B.$slots, "default", {}, () => [
-          w(c, { "is-truncated": "" }, {
-            default: u(() => [
-              m(f(t.label), 1)
+      o("span", i({ class: "label" }, e(s)[e(r).LABEL]), [
+        z(y.$slots, "default", {}, () => [
+          A(p, { "is-truncated": "" }, {
+            default: m(() => [
+              f(c(t.label), 1)
             ]),
             _: 1
           })
         ], !0),
-        !t.errorText && t.helperText ? (n(), v(c, {
+        !t.errorText && t.helperText ? (u(), v(p, {
           key: 0,
           class: "helper-text--text helper-text",
           size: "caption"
         }, {
-          default: u(() => [
-            m(f(t.helperText), 1)
+          default: m(() => [
+            f(c(t.helperText), 1)
           ]),
           _: 1
         })) : R("", !0),
-        t.errorText ? (n(), v(c, i({
+        t.errorText ? (u(), v(p, i({
           key: 1,
           size: "caption",
           class: "helper-text--error helper-text"
-        }, e(d)[e(o).ERROR_TEXT]), {
-          default: u(() => [
-            m(f(t.errorText), 1)
+        }, e(s)[e(r).ERROR_TEXT]), {
+          default: m(() => [
+            f(c(t.errorText), 1)
           ]),
           _: 1
         }, 16)) : R("", !0)
@@ -75,5 +78,5 @@ const D = { class: "wrapper" }, L = ["value", "name", "disabled"], O = /* @__PUR
   }
 });
 export {
-  O as default
+  U as default
 };

package/components/radioButton/v3/index.d.ts

@@ -11,6 +11,7 @@ declare const RadioButtonTypes: () => (({
             modelValue: string;
             helperText: string;
             errorText: string;
+            disabledButton: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             name: {
                 type: import("vue").PropType<string>;
@@ -37,10 +38,14 @@ declare const RadioButtonTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            disabledButton: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             onChange?: (...args: any[]) => any;
             "onUpdate:modelValue"?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "label" | "testId" | "modelValue" | "helperText" | "errorText">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "label" | "testId" | "modelValue" | "helperText" | "errorText" | "disabledButton">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -80,6 +85,10 @@ declare const RadioButtonTypes: () => (({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            disabledButton: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             onChange?: (...args: any[]) => any;
             "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -93,6 +102,7 @@ declare const RadioButtonTypes: () => (({
             modelValue: string;
             helperText: string;
             errorText: string;
+            disabledButton: boolean;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -139,6 +149,10 @@ declare const RadioButtonTypes: () => (({
             type: import("vue").PropType<string>;
             default: string;
         };
+        disabledButton: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>> & {
         onChange?: (...args: any[]) => any;
         "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -172,6 +186,10 @@ declare const RadioButtonTypes: () => (({
         type: import("vue").PropType<string>;
         default: string;
     };
+    disabledButton: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }>> & {
     onChange?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -185,6 +203,7 @@ declare const RadioButtonTypes: () => (({
     modelValue: string;
     helperText: string;
     errorText: string;
+    disabledButton: boolean;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;

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

@@ -0,0 +1,34 @@
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    loadingRowCount: number;
+    variant?: 'default' | 'compact';
+}>, {
+    variant: string;
+    loadingRowCount: number;
+}>, {}, 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<{
+    loadingRowCount: number;
+    variant?: 'default' | 'compact';
+}>, {
+    variant: string;
+    loadingRowCount: number;
+}>>>, {
+    variant: 'default' | 'compact';
+    loadingRowCount: number;
+}>;
+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];
+} & {};

package/components/sortableList/LoaderBars.vue.js

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

package/components/sortableList/LoaderBars.vue2.js

@@ -0,0 +1,25 @@
+ import "../../LoaderBars.vue_vue_type_style_index_0_scoped_d976ec65_lang.css"; import { defineComponent as s, computed as d, openBlock as e, createElementBlock as a, normalizeClass as n, unref as o, Fragment as u, renderList as m, createVNode as i } from "vue";
+import p from "../skeleton/v4/SkeletonV4.vue.js";
+const v = /* @__PURE__ */ s({
+  __name: "LoaderBars",
+  props: {
+    loadingRowCount: { default: 3 },
+    variant: { default: "default" }
+  },
+  setup(r) {
+    const l = r, t = d(() => l.variant === "compact");
+    return (f, C) => (e(), a("div", {
+      class: n(["loader-bars", { "loader-bars--compact": o(t) }])
+    }, [
+      (e(!0), a(u, null, m(r.loadingRowCount, (c) => (e(), a("div", { key: c }, [
+        i(o(p), {
+          round: "",
+          class: n(["loader-bar", { "loader-bar--compact": o(t) }])
+        }, null, 8, ["class"])
+      ]))), 128))
+    ], 2));
+  }
+});
+export {
+  v as default
+};