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

package/components/layout/FoldableSection.vue2.js

@@ -1,10 +1,10 @@
- import "../../FoldableSection.vue_vue_type_style_index_0_scoped_1a5f0e2e_lang.css"; import { defineComponent as v, ref as T, watch as g, openBlock as s, createElementBlock as i, createElementVNode as _, mergeProps as p, unref as t, createVNode as a, withCtx as d, createTextVNode as h, toDisplayString as I, Transition as y, normalizeProps as N, renderSlot as C, createCommentVNode as k } from "vue";
-import w from "../typography/v4/Typography.vue.js";
-import E from "../icon/v4/IconV4.vue.js";
+ import "../../FoldableSection.vue_vue_type_style_index_0_scoped_1a5f0e2e_lang.css"; import { defineComponent as f, ref as v, watch as T, openBlock as s, createElementBlock as i, createElementVNode as g, mergeProps as d, unref as t, createVNode as a, withCtx as p, createTextVNode as h, toDisplayString as I, Transition as _, normalizeProps as y, renderSlot as N, createCommentVNode as C } from "vue";
+import k from "../typography/v4/Typography.vue.js";
+import w from "../icon/v4/IconV4.vue.js";
 import "../icon/v4/IconFlag.vue.js";
-import { useTestIdAttrs as S } from "../../utils/testIds.js";
+import { useTestIdAttrs as x } from "../../utils/testIds.js";
 import { FoldableSectionTestIdModifiers as l } from "../../testids/index.js";
-const V = { class: "foldable-section" }, P = /* @__PURE__ */ v({
+const E = { class: "foldable-section" }, F = /* @__PURE__ */ f({
   __name: "FoldableSection",
   props: {
     title: { default: "" },
@@ -12,14 +12,14 @@ const V = { class: "foldable-section" }, P = /* @__PURE__ */ v({
     testId: { default: "" }
   },
   emits: ["update:open"],
-  setup(c, { emit: m }) {
-    const o = c, u = m, r = S(
+  setup(r, { emit: c }) {
+    const o = r, n = x(
       o.testId,
       l
-    ), e = T(!1), f = () => {
-      e.value = !e.value, u("update:open", e.value);
+    ), e = v(!1), m = () => {
+      e.value = !e.value, c("update:open", e.value);
     };
-    return g(
+    return T(
       () => o.open,
       () => {
         e.value = o.open;
@@ -27,29 +27,29 @@ const V = { class: "foldable-section" }, P = /* @__PURE__ */ v({
       {
         immediate: !0
       }
-    ), (n, b) => (s(), i("div", V, [
-      _("div", p({ class: "title-wrapper" }, t(r)[t(l).TITLE], { onClick: f }), [
-        a(t(w), {
+    ), (u, S) => (s(), i("div", E, [
+      g("div", d({ class: "title-wrapper" }, t(n)[t(l).TITLE], { onClick: m }), [
+        a(t(k), {
           variant: "h4",
           class: "title"
         }, {
-          default: d(() => [
-            h(I(n.title), 1)
+          default: p(() => [
+            h(I(r.title), 1)
           ]),
           _: 1
         }),
-        a(t(E), {
+        a(t(w), {
           class: "toggle-icon",
           name: e.value ? "caret-down" : "caret-right",
           type: "fill",
           size: "12px"
         }, null, 8, ["name"])
       ], 16),
-      a(y, null, {
-        default: d(() => [
-          e.value ? (s(), i("div", N(p({ key: 0 }, t(r)[t(l).CONTENT])), [
-            C(n.$slots, "default", {}, void 0, !0)
-          ], 16)) : k("", !0)
+      a(_, null, {
+        default: p(() => [
+          e.value ? (s(), i("div", y(d({ key: 0 }, t(n)[t(l).CONTENT])), [
+            N(u.$slots, "default", {}, void 0, !0)
+          ], 16)) : C("", !0)
         ]),
         _: 3
       })
@@ -57,5 +57,5 @@ const V = { class: "foldable-section" }, P = /* @__PURE__ */ v({
   }
 });
 export {
-  P as default
+  F as default
 };

package/components/layout/index.d.ts

@@ -1,34 +1,83 @@
 import FoldableSection from './FoldableSection.vue';
 declare const FoldableSectionTypes: () => ({
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        title: {
-            type: import("vue").PropType<string>;
-            default: string;
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            title: string;
+            testId: string;
+            open: boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            title: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            open: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & {
+            "onUpdate:open"?: (value: boolean) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "open">;
+        $attrs: {
+            [x: string]: unknown;
         };
-        testId: {
-            type: import("vue").PropType<string>;
-            default: string;
+        $refs: {
+            [x: string]: unknown;
         };
-        open: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
+        $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: "update:open", value: boolean) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            title: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            open: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & {
+            "onUpdate:open"?: (value: boolean) => any;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:open": (value: boolean) => void;
+        }, string, {
+            title: string;
+            testId: string;
+            open: boolean;
+        }, {}, 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)[];
         };
-    }>> & Readonly<{
-        "onUpdate:open"?: (value: boolean) => any;
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:open": (value: boolean) => void;
-    }, import("vue").PublicProps, {
-        title: string;
-        testId: string;
-        open: boolean;
-    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
+        $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<{
         title: {
             type: import("vue").PropType<string>;
             default: string;
@@ -41,13 +90,9 @@ declare const FoldableSectionTypes: () => ({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-    }>> & Readonly<{
+    }>> & {
         "onUpdate:open"?: (value: boolean) => any;
-    }>, {}, {}, {}, {}, {
-        title: string;
-        testId: string;
-        open: boolean;
-    }>;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -64,15 +109,15 @@ declare const FoldableSectionTypes: () => ({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-}>> & Readonly<{
+}>> & {
     "onUpdate:open"?: (value: boolean) => any;
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (value: boolean) => void;
 }, string, {
     title: string;
     testId: string;
     open: boolean;
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
     };

package/components/link/Link.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     href?: string;
     disabled?: boolean;
     color?: "default" | "primary";
@@ -14,9 +14,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     iconName: any;
     iconType: string;
     testId: string;
-}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     href?: string;
     disabled?: boolean;
     color?: "default" | "primary";
@@ -32,9 +32,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     iconName: any;
     iconType: string;
     testId: string;
-}>>> & Readonly<{
+}>>> & {
     onClick?: () => any;
-}>, {
+}, {
     testId: string;
     variant: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
     disabled: boolean;
@@ -42,7 +42,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     href: string;
     iconName: string;
     iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+}>, {
     default?(_: {}): any;
 }>;
 export default _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 p, openBlock as n, createBlock as a, unref as t, mergeProps as l, withCtx as c, renderSlot as u, createCommentVNode as k } from "vue";
-import y from "../typography/v4/Typography.vue.js";
-import I from "../icon/v4/IconV4.vue.js";
+ 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 k from "../typography/v4/Typography.vue.js";
+import y from "../icon/v4/IconV4.vue.js";
 import "../icon/v4/IconFlag.vue.js";
-import { useTestIdAttrs as h } from "../../utils/testIds.js";
-import { LinkTestIdModifiers as r } from "../../testids/index.js";
-const A = /* @__PURE__ */ p({
+import { useTestIdAttrs as I } from "../../utils/testIds.js";
+import { LinkTestIdModifiers as a } from "../../testids/index.js";
+const w = /* @__PURE__ */ f({
   __name: "Link",
   props: {
     href: { default: null },
@@ -16,28 +16,28 @@ const A = /* @__PURE__ */ p({
     testId: { default: "" }
   },
   emits: ["click"],
-  setup(s, { emit: d }) {
-    const o = s, m = d, f = () => {
-      o.disabled || (o.href && window.open(o.href), m("click"));
-    }, i = h(o.testId, r);
-    return (e, b) => (n(), a(t(y), l({
+  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({
       class: ["link", [`link--${e.color}`, { "link--disabled": e.disabled }]],
       variant: e.variant
-    }, t(i)[t(r).WRAPPER], { onClick: f }), {
-      default: c(() => [
-        u(e.$slots, "default", {}, void 0, !0),
-        e.iconName ? (n(), a(t(I), l({
+    }, t(n)[t(a).WRAPPER], { onClick: c }), {
+      default: m(() => [
+        u(s.$slots, "default", {}, void 0, !0),
+        e.iconName ? (i(), r(t(y), l({
           key: 0,
           name: e.iconName,
           type: e.iconType,
           size: "16px",
           class: "icon"
-        }, t(i)[t(r).ICON]), null, 16, ["name", "type"])) : k("", !0)
+        }, t(n)[t(a).ICON]), null, 16, ["name", "type"])) : p("", !0)
       ]),
       _: 3
     }, 16, ["class", "variant"]));
   }
 });
 export {
-  A as default
+  w as default
 };

package/components/link/index.d.ts

@@ -1,53 +1,122 @@
 declare const LinkTypes: () => ({
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        testId: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        variant: {
-            type: import("vue").PropType<"button" | "body1" | "body2" | "subtitle1" | "subtitle2">;
-            default: string;
-        };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        color: {
-            type: import("vue").PropType<"default" | "primary">;
-            default: string;
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            testId: string;
+            variant: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
+            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";
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            variant: {
+                type: import("vue").PropType<"button" | "body1" | "body2" | "subtitle1" | "subtitle2">;
+                default: string;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            color: {
+                type: import("vue").PropType<"default" | "primary">;
+                default: string;
+            };
+            href: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            iconName: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            iconType: {
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+                default: string;
+            };
+        }>> & {
+            onClick?: () => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "variant" | "disabled" | "color" | "href" | "iconName" | "iconType">;
+        $attrs: {
+            [x: string]: unknown;
         };
-        href: {
-            type: import("vue").PropType<string>;
-            default: any;
+        $refs: {
+            [x: string]: unknown;
         };
-        iconName: {
-            type: import("vue").PropType<string>;
-            default: any;
-        };
-        iconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-            default: string;
+        $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: "click") => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            variant: {
+                type: import("vue").PropType<"button" | "body1" | "body2" | "subtitle1" | "subtitle2">;
+                default: string;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            color: {
+                type: import("vue").PropType<"default" | "primary">;
+                default: string;
+            };
+            href: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            iconName: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            iconType: {
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+                default: string;
+            };
+        }>> & {
+            onClick?: () => any;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            click: () => void;
+        }, string, {
+            testId: string;
+            variant: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
+            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";
+        }, {}, 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)[];
         };
-    }>> & Readonly<{
-        onClick?: () => any;
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        click: () => void;
-    }, import("vue").PublicProps, {
-        testId: string;
-        variant: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
-        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";
-    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
+        $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<{
         testId: {
             type: import("vue").PropType<string>;
             default: string;
@@ -76,17 +145,9 @@ declare const LinkTypes: () => ({
             type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: string;
         };
-    }>> & Readonly<{
+    }>> & {
         onClick?: () => any;
-    }>, {}, {}, {}, {}, {
-        testId: string;
-        variant: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
-        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";
-    }>;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -119,9 +180,9 @@ declare const LinkTypes: () => ({
         type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
         default: string;
     };
-}>> & Readonly<{
+}>> & {
     onClick?: () => any;
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => void;
 }, string, {
     testId: string;
@@ -131,7 +192,7 @@ declare const LinkTypes: () => ({
     href: string;
     iconName: string;
     iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
     };

package/components/loader/v4/Loader.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     strokeWidth?: number;
     paddingOffsetPx?: number;
     paddingOffsetPercentage?: number;
@@ -8,7 +8,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     paddingOffsetPx: number;
     paddingOffsetPercentage: number;
     maxWidth: any;
-}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}>, {}, 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<{
     strokeWidth?: number;
     paddingOffsetPx?: number;
     paddingOffsetPercentage?: number;
@@ -18,12 +18,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     paddingOffsetPx: number;
     paddingOffsetPercentage: number;
     maxWidth: any;
-}>>> & Readonly<{}>, {
+}>>>, {
+    maxWidth: number;
     strokeWidth: number;
     paddingOffsetPx: number;
     paddingOffsetPercentage: number;
-    maxWidth: number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+}>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/components/loader/v4/Loader.vue2.js

@@ -1,5 +1,5 @@
- import "../../../Loader.vue_vue_type_style_index_0_scoped_50d9be64_lang.css"; import { defineComponent as v, ref as o, onMounted as m, openBlock as c, createElementBlock as u, createElementVNode as h, renderSlot as W, normalizeStyle as g } from "vue";
-const x = { style: { visibility: "hidden" } }, _ = ["width", "height"], O = ["r"], y = /* @__PURE__ */ v({
+ import "../../../Loader.vue_vue_type_style_index_0_scoped_50d9be64_lang.css"; import { defineComponent as v, ref as l, onMounted as m, openBlock as u, createElementBlock as h, createElementVNode as g, renderSlot as x, normalizeStyle as p } from "vue";
+const W = { style: { visibility: "hidden" } }, O = ["width", "height"], _ = ["r"], y = /* @__PURE__ */ v({
   __name: "Loader",
   props: {
     strokeWidth: { default: 2 },
@@ -7,39 +7,39 @@ const x = { style: { visibility: "hidden" } }, _ = ["width", "height"], O = ["r"
     paddingOffsetPercentage: { default: 0 },
     maxWidth: { default: null }
   },
-  setup(p) {
-    const e = p, s = o(null), i = o(0), l = o("50%"), r = o(0);
+  setup(s) {
+    const e = s, o = l(null), i = l(0), r = l("50%"), f = l(0);
     return m(() => {
-      const a = s?.value?.clientWidth, n = s?.value?.clientHeight;
+      const a = o?.value?.clientWidth, n = o?.value?.clientHeight;
       let t = a && n && n < a ? n : a, d = 0;
       if (typeof t == "number" && (e.paddingOffsetPercentage ? e.paddingOffsetPercentage > 49 ? d = 0 : d = t * e.paddingOffsetPercentage / 100 : e.paddingOffsetPx && e.paddingOffsetPx < t - e.strokeWidth ? d = e.paddingOffsetPx : d = 0), e.maxWidth && e.maxWidth < t - d) {
-        const f = e.maxWidth < t ? e.maxWidth : t;
-        d = (t - f) / 2, t = f + d * 2;
+        const c = e.maxWidth < t ? e.maxWidth : t;
+        d = (t - c) / 2, t = c + d * 2;
       }
-      r.value = d || 0, i.value = t - d * 2, l.value = i.value ? `${(i.value / 2 - e.strokeWidth / 2) / i.value * 100}%` : "50%";
-    }), (a, n) => (c(), u("div", {
+      f.value = d || 0, i.value = t - d * 2, r.value = i.value ? `${(i.value / 2 - e.strokeWidth / 2) / i.value * 100}%` : "50%";
+    }), (a, n) => (u(), h("div", {
       ref_key: "loaderContainer",
-      ref: s,
+      ref: o,
       class: "loader-container"
     }, [
-      h("div", x, [
-        W(a.$slots, "default", {}, void 0, !0)
+      g("div", W, [
+        x(a.$slots, "default", {}, void 0, !0)
       ]),
-      (c(), u("svg", {
+      (u(), h("svg", {
         class: "circle-svg",
         width: i.value,
         height: i.value,
-        style: g({
-          padding: r.value
+        style: p({
+          padding: f.value
         })
       }, [
-        h("circle", {
+        g("circle", {
           cx: "50%",
           cy: "50%",
-          r: l.value,
-          style: g({ strokeWidth: a.strokeWidth })
-        }, null, 12, O)
-      ], 12, _))
+          r: r.value,
+          style: p({ strokeWidth: s.strokeWidth })
+        }, null, 12, _)
+      ], 12, O))
     ], 512));
   }
 });