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

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 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 "../../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 "../icon/v4/IconFlag.vue.js";
-import { useTestIdAttrs as x } from "../../utils/testIds.js";
+import { useTestIdAttrs as S } from "../../utils/testIds.js";
 import { FoldableSectionTestIdModifiers as l } from "../../testids/index.js";
-const E = { class: "foldable-section" }, F = /* @__PURE__ */ f({
+const V = { class: "foldable-section" }, P = /* @__PURE__ */ v({
   __name: "FoldableSection",
   props: {
     title: { default: "" },
@@ -12,14 +12,14 @@ const E = { class: "foldable-section" }, F = /* @__PURE__ */ f({
     testId: { default: "" }
   },
   emits: ["update:open"],
-  setup(r, { emit: c }) {
-    const o = r, n = x(
+  setup(c, { emit: m }) {
+    const o = c, u = m, r = S(
       o.testId,
       l
-    ), e = v(!1), m = () => {
-      e.value = !e.value, c("update:open", e.value);
+    ), e = T(!1), f = () => {
+      e.value = !e.value, u("update:open", e.value);
     };
-    return T(
+    return g(
       () => o.open,
       () => {
         e.value = o.open;
@@ -27,29 +27,29 @@ const E = { class: "foldable-section" }, F = /* @__PURE__ */ f({
       {
         immediate: !0
       }
-    ), (u, S) => (s(), i("div", E, [
-      g("div", d({ class: "title-wrapper" }, t(n)[t(l).TITLE], { onClick: m }), [
-        a(t(k), {
+    ), (n, b) => (s(), i("div", V, [
+      _("div", p({ class: "title-wrapper" }, t(r)[t(l).TITLE], { onClick: f }), [
+        a(t(w), {
           variant: "h4",
           class: "title"
         }, {
-          default: p(() => [
-            h(I(r.title), 1)
+          default: d(() => [
+            h(I(n.title), 1)
           ]),
           _: 1
         }),
-        a(t(w), {
+        a(t(E), {
           class: "toggle-icon",
           name: e.value ? "caret-down" : "caret-right",
           type: "fill",
           size: "12px"
         }, null, 8, ["name"])
       ], 16),
-      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)
+      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)
         ]),
         _: 3
       })
@@ -57,5 +57,5 @@ const E = { class: "foldable-section" }, F = /* @__PURE__ */ f({
   }
 });
 export {
-  F as default
+  P as default
 };

package/components/layout/index.d.ts

@@ -1,83 +1,34 @@
 import FoldableSection from './FoldableSection.vue';
 declare const FoldableSectionTypes: () => ({
-    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;
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        title: {
+            type: import("vue").PropType<string>;
+            default: string;
         };
-        $refs: {
-            [x: string]: unknown;
+        testId: {
+            type: import("vue").PropType<string>;
+            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: "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)[];
+        open: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
         };
-        $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<{
+    }>> & 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<{
         title: {
             type: import("vue").PropType<string>;
             default: string;
@@ -90,9 +41,13 @@ declare const FoldableSectionTypes: () => ({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-    }>> & {
+    }>> & Readonly<{
         "onUpdate:open"?: (value: boolean) => any;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    }>, {}, {}, {}, {}, {
+        title: string;
+        testId: string;
+        open: boolean;
+    }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -109,15 +64,15 @@ declare const FoldableSectionTypes: () => ({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-}>> & {
+}>> & Readonly<{
     "onUpdate:open"?: (value: boolean) => any;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (value: boolean) => void;
 }, string, {
     title: string;
     testId: string;
     open: boolean;
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & 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<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     href?: string;
     disabled?: boolean;
     color?: "default" | "primary";
@@ -14,9 +14,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     iconName: any;
     iconType: string;
     testId: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").PublicProps, 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<__
     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<__
     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 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 "../../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 "../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 h } from "../../utils/testIds.js";
+import { LinkTestIdModifiers as r } from "../../testids/index.js";
+const A = /* @__PURE__ */ p({
   __name: "Link",
   props: {
     href: { default: null },
@@ -16,28 +16,28 @@ const w = /* @__PURE__ */ f({
     testId: { default: "" }
   },
   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(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({
       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({
+    }, t(i)[t(r).WRAPPER], { onClick: f }), {
+      default: c(() => [
+        u(e.$slots, "default", {}, void 0, !0),
+        e.iconName ? (n(), a(t(I), l({
           key: 0,
           name: e.iconName,
           type: e.iconType,
           size: "16px",
           class: "icon"
-        }, t(n)[t(a).ICON]), null, 16, ["name", "type"])) : p("", !0)
+        }, t(i)[t(r).ICON]), null, 16, ["name", "type"])) : k("", !0)
       ]),
       _: 3
     }, 16, ["class", "variant"]));
   }
 });
 export {
-  w as default
+  A as default
 };

package/components/link/index.d.ts

@@ -1,122 +1,53 @@
 declare const LinkTypes: () => ({
-    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;
+    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;
         };
-        $refs: {
-            [x: string]: unknown;
+        href: {
+            type: import("vue").PropType<string>;
+            default: any;
         };
-        $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)[];
+        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;
         };
-        $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<{
+    }>> & 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<{
         testId: {
             type: import("vue").PropType<string>;
             default: string;
@@ -145,9 +76,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;
         };
-    }>> & {
+    }>> & Readonly<{
         onClick?: () => any;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    }>, {}, {}, {}, {}, {
+        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";
+    }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -180,9 +119,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;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => void;
 }, string, {
     testId: string;
@@ -192,7 +131,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").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & 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<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     strokeWidth?: number;
     paddingOffsetPx?: number;
     paddingOffsetPercentage?: number;
@@ -8,7 +8,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     paddingOffsetPx: number;
     paddingOffsetPercentage: number;
     maxWidth: any;
-}>, {}, 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<{
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, 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<__
     paddingOffsetPx: number;
     paddingOffsetPercentage: number;
     maxWidth: any;
-}>>>, {
-    maxWidth: number;
+}>>> & Readonly<{}>, {
     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 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({
+ 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({
   __name: "Loader",
   props: {
     strokeWidth: { default: 2 },
@@ -7,39 +7,39 @@ const W = { style: { visibility: "hidden" } }, O = ["width", "height"], _ = ["r"
     paddingOffsetPercentage: { default: 0 },
     maxWidth: { default: null }
   },
-  setup(s) {
-    const e = s, o = l(null), i = l(0), r = l("50%"), f = l(0);
+  setup(p) {
+    const e = p, s = o(null), i = o(0), l = o("50%"), r = o(0);
     return m(() => {
-      const a = o?.value?.clientWidth, n = o?.value?.clientHeight;
+      const a = s?.value?.clientWidth, n = s?.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 c = e.maxWidth < t ? e.maxWidth : t;
-        d = (t - c) / 2, t = c + d * 2;
+        const f = e.maxWidth < t ? e.maxWidth : t;
+        d = (t - f) / 2, t = f + d * 2;
       }
-      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", {
+      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", {
       ref_key: "loaderContainer",
-      ref: o,
+      ref: s,
       class: "loader-container"
     }, [
-      g("div", W, [
-        x(a.$slots, "default", {}, void 0, !0)
+      h("div", x, [
+        W(a.$slots, "default", {}, void 0, !0)
       ]),
-      (u(), h("svg", {
+      (c(), u("svg", {
         class: "circle-svg",
         width: i.value,
         height: i.value,
-        style: p({
-          padding: f.value
+        style: g({
+          padding: r.value
         })
       }, [
-        g("circle", {
+        h("circle", {
           cx: "50%",
           cy: "50%",
-          r: r.value,
-          style: p({ strokeWidth: s.strokeWidth })
-        }, null, 12, _)
-      ], 12, O))
+          r: l.value,
+          style: g({ strokeWidth: a.strokeWidth })
+        }, null, 12, O)
+      ], 12, _))
     ], 512));
   }
 });