@ironsource/shared-ui 2.0.0-rc.3 → 2.0.0-test.2

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

@@ -1,8 +1,8 @@
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     strokeWidth?: number;
     paddingOffsetPx?: number;
     paddingOffsetPercentage?: number;
-    maxWidth?: number | null;
+    maxWidth?: number;
 }>, {
     strokeWidth: number;
     paddingOffsetPx: number;
@@ -12,7 +12,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     strokeWidth?: number;
     paddingOffsetPx?: number;
     paddingOffsetPercentage?: number;
-    maxWidth?: number | null;
+    maxWidth?: number;
 }>, {
     strokeWidth: number;
     paddingOffsetPx: number;
@@ -22,7 +22,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     strokeWidth: number;
     paddingOffsetPx: number;
     paddingOffsetPercentage: number;
-    maxWidth: number | null;
+    maxWidth: number;
+}>, {
+    default?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -35,7 +37,15 @@ type __VLS_TypePropsToRuntimeProps<T> = {
     };
 };
 type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
         default: D[K];
-    } : P[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
 };

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

@@ -1,79 +1,7 @@
-import { defineComponent, ref, onMounted, openBlock, createElementBlock, createElementVNode, renderSlot, normalizeStyle } from 'vue';
-/* empty css                                                        */import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
-
-import "../../../Loader.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = { style: { "visibility": "hidden" } };
-const _hoisted_2 = ["width", "height"];
-const _hoisted_3 = ["r"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Loader",
-  props: {
-    strokeWidth: { default: 2 },
-    paddingOffsetPx: { default: 0 },
-    paddingOffsetPercentage: { default: 0 },
-    maxWidth: { default: null }
-  },
-  setup(__props) {
-    const props = __props;
-    const loaderContainer = ref(null);
-    const loaderSize = ref(0);
-    const radius = ref("50%");
-    const paddingOffset = ref(0);
-    onMounted(() => {
-      const containerWidth = loaderContainer?.value?.clientWidth;
-      const containerHeight = loaderContainer?.value?.clientHeight;
-      let rootSize = containerWidth && containerHeight && containerHeight < containerWidth ? containerHeight : containerWidth;
-      let paddingOffsetAdjusted = 0;
-      if (typeof rootSize === "number") {
-        if (props.paddingOffsetPercentage) {
-          if (props.paddingOffsetPercentage > 49) {
-            paddingOffsetAdjusted = 0;
-          } else {
-            paddingOffsetAdjusted = rootSize * props.paddingOffsetPercentage / 100;
-          }
-        } else if (props.paddingOffsetPx && props.paddingOffsetPx < rootSize - props.strokeWidth) {
-          paddingOffsetAdjusted = props.paddingOffsetPx;
-        } else {
-          paddingOffsetAdjusted = 0;
-        }
-      }
-      if (props.maxWidth && props.maxWidth < rootSize - paddingOffsetAdjusted) {
-        const maxRootSize = props.maxWidth < rootSize ? props.maxWidth : rootSize;
-        paddingOffsetAdjusted = (rootSize - maxRootSize) / 2;
-        rootSize = maxRootSize + paddingOffsetAdjusted * 2;
-      }
-      paddingOffset.value = paddingOffsetAdjusted || 0;
-      loaderSize.value = rootSize - paddingOffsetAdjusted * 2;
-      radius.value = loaderSize.value ? `${(loaderSize.value / 2 - props.strokeWidth / 2) / loaderSize.value * 100}%` : "50%";
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "loaderContainer",
-        ref: loaderContainer,
-        class: "loader-container"
-      }, [
-        createElementVNode("div", _hoisted_1, [
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ]),
-        (openBlock(), createElementBlock("svg", {
-          class: "circle-svg",
-          width: loaderSize.value,
-          height: loaderSize.value,
-          style: normalizeStyle({
-            padding: paddingOffset.value
-          })
-        }, [
-          createElementVNode("circle", {
-            cx: "50%",
-            cy: "50%",
-            r: radius.value,
-            style: normalizeStyle({ strokeWidth: __props.strokeWidth })
-          }, null, 12, _hoisted_3)
-        ], 12, _hoisted_2))
-      ], 512);
-    };
-  }
-});
-var Loader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-20d0ff1b"]]);
-
-export { Loader as default };
+import o from "./Loader.vue2.js";
+/* empty css             */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../Loader.vue_vue_type_style_index_0_scoped_50d9be64_lang.css"; //*');
+const d = /* @__PURE__ */ e(o, [["__scopeId", "data-v-50d9be64"]]);
+export {
+  d as default
+};

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

@@ -0,0 +1,48 @@
+ 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 },
+    paddingOffsetPx: { default: 0 },
+    paddingOffsetPercentage: { default: 0 },
+    maxWidth: { default: null }
+  },
+  setup(s) {
+    const e = s, o = l(null), i = l(0), r = l("50%"), f = l(0);
+    return m(() => {
+      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 c = e.maxWidth < t ? e.maxWidth : t;
+        d = (t - c) / 2, t = c + 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", {
+      ref_key: "loaderContainer",
+      ref: o,
+      class: "loader-container"
+    }, [
+      g("div", W, [
+        x(a.$slots, "default", {}, void 0, !0)
+      ]),
+      (u(), h("svg", {
+        class: "circle-svg",
+        width: i.value,
+        height: i.value,
+        style: p({
+          padding: f.value
+        })
+      }, [
+        g("circle", {
+          cx: "50%",
+          cy: "50%",
+          r: r.value,
+          style: p({ strokeWidth: s.strokeWidth })
+        }, null, 12, _)
+      ], 12, O))
+    ], 512));
+  }
+});
+export {
+  y as default
+};

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

@@ -1,50 +1,132 @@
 import Loader from './Loader.vue';
-declare const LoaderTypes: () => import("vue").DefineComponent<{
+declare const LoaderTypes: () => ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            strokeWidth: number;
+            paddingOffsetPx: number;
+            paddingOffsetPercentage: number;
+            maxWidth: number;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            strokeWidth: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            paddingOffsetPx: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            paddingOffsetPercentage: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            maxWidth: {
+                type: import("vue").PropType<number>;
+                default: any;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "strokeWidth" | "paddingOffsetPx" | "paddingOffsetPercentage" | "maxWidth">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            strokeWidth: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            paddingOffsetPx: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            paddingOffsetPercentage: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            maxWidth: {
+                type: import("vue").PropType<number>;
+                default: any;
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            strokeWidth: number;
+            paddingOffsetPx: number;
+            paddingOffsetPercentage: number;
+            maxWidth: number;
+        }, {}, string> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        strokeWidth: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        paddingOffsetPx: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        paddingOffsetPercentage: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        maxWidth: {
+            type: import("vue").PropType<number>;
+            default: any;
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     strokeWidth: {
         type: import("vue").PropType<number>;
-    } & {
         default: number;
     };
     paddingOffsetPx: {
         type: import("vue").PropType<number>;
-    } & {
         default: number;
     };
     paddingOffsetPercentage: {
         type: import("vue").PropType<number>;
-    } & {
         default: number;
     };
     maxWidth: {
         type: import("vue").PropType<number>;
-    } & {
         default: any;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    strokeWidth: {
-        type: import("vue").PropType<number>;
-    } & {
-        default: number;
-    };
-    paddingOffsetPx: {
-        type: import("vue").PropType<number>;
-    } & {
-        default: number;
-    };
-    paddingOffsetPercentage: {
-        type: import("vue").PropType<number>;
-    } & {
-        default: number;
-    };
-    maxWidth: {
-        type: import("vue").PropType<number>;
-    } & {
-        default: any;
-    };
-}>>, {
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     strokeWidth: number;
     paddingOffsetPx: number;
     paddingOffsetPercentage: number;
     maxWidth: number;
-}>[];
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+}))[];
 export { Loader, LoaderTypes };

package/components/menu/Menu.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     isOnTop?: boolean;
     distance?: number;
     theme?: string;
@@ -29,10 +29,13 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
 }>>>, {
     theme: string;
     testId: string;
+    container: string;
     isOnTop: boolean;
     distance: number;
     skidding: number;
-    container: string;
+}>, {
+    trigger?(_: {}): any;
+    default?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -45,7 +48,15 @@ type __VLS_TypePropsToRuntimeProps<T> = {
     };
 };
 type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
         default: D[K];
-    } : P[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
 };

package/components/menu/Menu.vue.js

@@ -1,75 +1,8 @@
-import { defineComponent, ref, computed, openBlock, createBlock, unref, withCtx, createElementVNode, renderSlot } from 'vue';
-import { Dropdown } from 'floating-vue';
-import { onClickOutside } from '@vueuse/core';
-import { useToggle } from '../../composables/useToggle.vue.js';
-/* empty css                                                      *//* empty css                                          */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
-import "../../Menu.vue_vue_type_style_index_0_scoped_true_lang.css";import "../../Menu.vue_vue_type_style_index_1_lang.css";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Menu",
-  props: {
-    isOnTop: { type: Boolean, default: true },
-    distance: { default: 0 },
-    theme: { default: "dropdown" },
-    skidding: { default: 0 },
-    container: { default: "body" },
-    testId: { default: "" }
-  },
-  setup(__props) {
-    const [open, toggle] = useToggle({ initialValue: false });
-    const popup = ref();
-    const triggerRef = ref();
-    const location = computed(() => {
-      return triggerRef.value?.getBoundingClientRect();
-    });
-    const skiddingOffset = computed(() => {
-      if (!popup.value || !triggerRef.value) {
-        return;
-      }
-      const { width: buttonWidth } = triggerRef.value.getBoundingClientRect();
-      return -buttonWidth;
-    });
-    onClickOutside(popup, () => {
-      toggle(false);
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Dropdown), {
-        class: "menu",
-        theme: "is-menu",
-        triggers: [],
-        shown: unref(open),
-        placement: "auto-start",
-        container: __props.container,
-        flip: "",
-        distance: __props.isOnTop ? unref(skiddingOffset) : __props.distance,
-        skidding: __props.isOnTop ? -unref(location)?.height / 2 : __props.distance,
-        "auto-hide": false,
-        "test-id": __props.testId
-      }, {
-        popper: withCtx(() => [
-          createElementVNode("div", {
-            ref_key: "popup",
-            ref: popup,
-            class: "menu-popup",
-            onClick: _cache[1] || (_cache[1] = ($event) => unref(toggle)(false))
-          }, [
-            renderSlot(_ctx.$slots, "default", {}, void 0, true)
-          ], 512)
-        ]),
-        default: withCtx(() => [
-          createElementVNode("div", {
-            ref_key: "triggerRef",
-            ref: triggerRef,
-            onClick: _cache[0] || (_cache[0] = ($event) => unref(toggle)())
-          }, [
-            renderSlot(_ctx.$slots, "trigger", {}, void 0, true)
-          ], 512)
-        ]),
-        _: 3
-      }, 8, ["shown", "container", "distance", "skidding", "test-id"]);
-    };
-  }
-});
-var Menu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8f8ffdce"]]);
-
-export { Menu as default };
+import e from "./Menu.vue2.js";
+/* empty css           *//* empty css           */import o from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../Menu.vue_vue_type_style_index_0_scoped_eb057818_lang.css"; //*');
+// import "../../Menu.vue_vue_type_style_index_1_lang.css";  //');
+const l = /* @__PURE__ */ o(e, [["__scopeId", "data-v-eb057818"]]);
+export {
+  l as default
+};

package/components/menu/Menu.vue2.js

@@ -0,0 +1,62 @@
+ import "../../Menu.vue_vue_type_style_index_0_scoped_eb057818_lang.css";  import "../../Menu.vue_vue_type_style_index_1_lang.css";  import { defineComponent as k, ref as s, computed as u, openBlock as v, createBlock as h, unref as t, withCtx as a, createElementVNode as l, renderSlot as f } from "vue";
+import { Dropdown as C } from "floating-vue";
+import { onClickOutside as w } from "@vueuse/core";
+import { useToggle as B } from "../../composables/useToggle.js";
+const $ = /* @__PURE__ */ k({
+  __name: "Menu",
+  props: {
+    isOnTop: { type: Boolean, default: !0 },
+    distance: { default: 0 },
+    theme: { default: "dropdown" },
+    skidding: { default: 0 },
+    container: { default: "body" },
+    testId: { default: "" }
+  },
+  setup(e) {
+    const [c, d] = B({ initialValue: !1 }), r = s(), n = s(), p = u(() => n.value?.getBoundingClientRect()), g = u(() => {
+      if (!r.value || !n.value)
+        return;
+      const { width: o } = n.value.getBoundingClientRect();
+      return -o;
+    });
+    return w(r, () => {
+      d(!1);
+    }), (o, i) => (v(), h(t(C), {
+      class: "menu",
+      theme: "is-menu",
+      triggers: [],
+      shown: t(c),
+      placement: "auto-start",
+      container: e.container,
+      flip: "",
+      distance: e.isOnTop ? t(g) : e.distance,
+      skidding: e.isOnTop ? -t(p)?.height / 2 : e.distance,
+      "auto-hide": !1,
+      "test-id": e.testId
+    }, {
+      popper: a(() => [
+        l("div", {
+          ref_key: "popup",
+          ref: r,
+          class: "menu-popup",
+          onClick: i[1] || (i[1] = (m) => t(d)(!1))
+        }, [
+          f(o.$slots, "default", {}, void 0, !0)
+        ], 512)
+      ]),
+      default: a(() => [
+        l("div", {
+          ref_key: "triggerRef",
+          ref: n,
+          onClick: i[0] || (i[0] = (m) => t(d)())
+        }, [
+          f(o.$slots, "trigger", {}, void 0, !0)
+        ], 512)
+      ]),
+      _: 3
+    }, 8, ["shown", "container", "distance", "skidding", "test-id"]));
+  }
+});
+export {
+  $ as default
+};