@ironsource/shared-ui 1.4.2-test.1 → 1.4.2-test.10

package/components/button/ButtonBase.vue.js

@@ -0,0 +1,63 @@
+import { defineComponent, computed, openBlock, createElementBlock, mergeProps, renderSlot, createVNode, unref, withCtx, createCommentVNode } from 'vue';
+/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+import Text from '../typography/Text.vue.js';
+import Icon from '../icon/Icon.vue.js';
+import { sizeToFont } from './consts.vue.js';
+import LoaderDotsIcon from './icon/LoaderDotsIcon.vue.js';
+/* empty css                                                            */
+import "../../ButtonBase.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _hoisted_1 = { key: 0 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ButtonBase",
+  props: {
+    size: { default: "md" },
+    variant: { default: "solid" },
+    theme: { default: "primary" },
+    loading: { type: Boolean, default: false },
+    isTruncated: { type: Boolean },
+    strong: { type: Boolean, default: true }
+  },
+  setup(__props) {
+    const props = __props;
+    const loaderWidthLargeInPixel = 32;
+    const loaderWidthMedSmallInPixel = 24;
+    const loaderWidth = computed(
+      () => props.size === "lg" ? loaderWidthLargeInPixel + "px" : loaderWidthMedSmallInPixel + "px"
+    );
+    const textSize = computed(() => sizeToFont[props.size]);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", mergeProps({
+        class: [[__props.size, __props.theme, __props.variant, { loading: __props.loading }], "button-wrap"]
+      }, _ctx.$attrs), [
+        !__props.loading ? (openBlock(), createElementBlock("span", _hoisted_1, [
+          renderSlot(_ctx.$slots, "content", {}, () => [
+            createVNode(unref(Text), {
+              size: unref(textSize),
+              strong: __props.strong,
+              class: "content"
+            }, {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, "default", {}, void 0, true)
+              ]),
+              _: 3
+            }, 8, ["size", "strong"])
+          ], true)
+        ])) : createCommentVNode("", true),
+        __props.loading ? renderSlot(_ctx.$slots, "loader", { key: 1 }, () => [
+          createVNode(unref(Icon), {
+            "font-size": unref(loaderWidth),
+            class: "loading"
+          }, {
+            default: withCtx(() => [
+              createVNode(LoaderDotsIcon)
+            ]),
+            _: 1
+          }, 8, ["font-size"])
+        ], true) : createCommentVNode("", true)
+      ], 16);
+    };
+  }
+});
+var ButtonBase = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2650dac1"]]);
+
+export { ButtonBase as default };

package/components/button/IconButton.vue.d.ts

@@ -1,30 +1,31 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    size: {
-        type: import("vue").PropType<"sm" | "md" | "lg">;
-        default: string;
-    };
-    variant: {
-        type: import("vue").PropType<"link" | "solid" | "border" | "borderless" | "ghost" | "colorized">;
-        default: string;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    size: {
-        type: import("vue").PropType<"sm" | "md" | "lg">;
-        default: string;
-    };
-    variant: {
-        type: import("vue").PropType<"link" | "solid" | "border" | "borderless" | "ghost" | "colorized">;
-        default: string;
-    };
-}>>, {
-    size: "sm" | "md" | "lg";
-    variant: "link" | "solid" | "border" | "borderless" | "ghost" | "colorized";
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    size?: 'sm' | 'md' | 'lg';
+    variant?: 'solid' | 'border' | 'borderless' | 'ghost' | 'link' | 'colorized';
+}>, {
+    variant: string;
+    size: string;
+}>, {}, 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<{
+    size?: 'sm' | 'md' | 'lg';
+    variant?: 'solid' | 'border' | 'borderless' | 'ghost' | 'link' | 'colorized';
 }>, {
-    default?(_: {}): any;
+    variant: string;
+    size: string;
+}>>>, {
+    size: 'sm' | 'md' | 'lg';
+    variant: 'solid' | 'border' | 'borderless' | 'ghost' | 'link' | 'colorized';
 }>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
+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 ? P[K] & {
+        default: D[K];
+    } : P[K];
+};

package/components/button/IconButton.vue.js

@@ -1,6 +1,51 @@
-import o from "./IconButton.vue2.js";
-/* empty css                 */import t from "../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c30a9bf2"]]);
-export {
-  f as default
-};
+import { defineComponent, computed, openBlock, createBlock, mergeProps, withCtx, createElementVNode, normalizeClass, renderSlot, createVNode, unref } from 'vue';
+import Icon from '../icon/Icon.vue.js';
+import ButtonBase from './ButtonBase.vue.js';
+import { loaderSizeMap } from './consts.vue.js';
+import LoaderCircleIcon from './icon/LoaderCircleIcon.vue.js';
+/* empty css                                                            */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+
+import "../../IconButton.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IconButton",
+  props: {
+    size: { default: "md" },
+    variant: { default: "solid" }
+  },
+  setup(__props) {
+    const props = __props;
+    const loaderSize = computed(() => loaderSizeMap[props.size] + "px");
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(ButtonBase, mergeProps({
+        size: __props.size,
+        "is-truncated": false
+      }, _ctx.$attrs, {
+        variant: __props.variant,
+        class: "icon-base"
+      }), {
+        content: withCtx(() => [
+          createElementVNode("div", {
+            class: normalizeClass(["icon", { [__props.size]: true, [__props.variant]: true }])
+          }, [
+            renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ], 2)
+        ]),
+        loader: withCtx(() => [
+          createVNode(unref(Icon), {
+            "font-size": unref(loaderSize),
+            class: "loading"
+          }, {
+            default: withCtx(() => [
+              createVNode(LoaderCircleIcon)
+            ]),
+            _: 1
+          }, 8, ["font-size"])
+        ]),
+        _: 3
+      }, 16, ["size", "variant"]);
+    };
+  }
+});
+var IconButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1d38d347"]]);
+
+export { IconButton as default };

package/components/button/ScrollButton.vue.d.ts

@@ -1,43 +1,43 @@
-declare const _default: import("vue").DefineComponent<{
-    show: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    iconName: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    tooltipText: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    position: {
-        type: import("vue").PropType<"bottom-right" | "bottom-left" | "top-right" | "top-left">;
-        default: string;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "scrolled"[], "scrolled", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    show: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    iconName: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    tooltipText: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    position: {
-        type: import("vue").PropType<"bottom-right" | "bottom-left" | "top-right" | "top-left">;
-        default: string;
-    };
-}>> & {
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    show?: boolean;
+    iconName?: string;
+    tooltipText?: string;
+    position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
+}>, {
+    show: boolean;
+    iconName: string;
+    tooltipText: string;
+    position: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "scrolled"[], "scrolled", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    show?: boolean;
+    iconName?: string;
+    tooltipText?: string;
+    position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
+}>, {
+    show: boolean;
+    iconName: string;
+    tooltipText: string;
+    position: string;
+}>>> & {
     onScrolled?: (...args: any[]) => any;
 }, {
     show: boolean;
     iconName: string;
     tooltipText: string;
-    position: "bottom-right" | "bottom-left" | "top-right" | "top-left";
+    position: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
 }>;
 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 ? P[K] & {
+        default: D[K];
+    } : P[K];
+};

package/components/button/ScrollButton.vue.js

@@ -1,6 +1,48 @@
-import o from "./ScrollButton.vue2.js";
-/* empty css                   */import t from "../../_virtual/_plugin-vue_export-helper.js";
-const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ed37b64b"]]);
-export {
-  _ as default
-};
+import { defineComponent, openBlock, createBlock, unref, normalizeClass, withCtx, createVNode, createCommentVNode } from 'vue';
+import Icon from '../icon/Icon.vue.js';
+/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+/* empty css                                                                  *//* empty css                                                            *//* empty css                                                        */import IconButton from './IconButton.vue.js';
+import _sfc_main$1 from '../tooltip/Tooltip.vue.js';
+/* empty css                                                              */
+import "../../ScrollButton.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ScrollButton",
+  props: {
+    show: { type: Boolean, default: false },
+    iconName: { default: "angle-up" },
+    tooltipText: { default: "Back to top" },
+    position: { default: "bottom-right" }
+  },
+  emits: ["scrolled"],
+  setup(__props, { emit }) {
+    const onScroll = () => {
+      emit("scrolled");
+    };
+    return (_ctx, _cache) => {
+      return __props.show ? (openBlock(), createBlock(unref(IconButton), {
+        key: 0,
+        class: normalizeClass(["scroll-button", __props.position]),
+        theme: "third",
+        variant: "borderless",
+        size: "lg",
+        onClick: onScroll
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(_sfc_main$1), {
+            text: __props.tooltipText,
+            delay: 400
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(Icon), { name: __props.iconName }, null, 8, ["name"])
+            ]),
+            _: 1
+          }, 8, ["text"])
+        ]),
+        _: 1
+      }, 8, ["class"])) : createCommentVNode("", true);
+    };
+  }
+});
+var ScrollButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1a43437e"]]);
+
+export { ScrollButton as default };

package/components/button/consts.vue.js

@@ -0,0 +1,17 @@
+const sizeToFont = {
+  lg: "md",
+  md: "sm",
+  sm: "xs"
+};
+const iconSizeMap = {
+  lg: 24,
+  md: 16,
+  sm: 16
+};
+const loaderSizeMap = {
+  lg: 22,
+  md: 16,
+  sm: 11
+};
+
+export { iconSizeMap, loaderSizeMap, sizeToFont };

package/components/button/icon/LoaderCircleIcon.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+declare const _default: any;
 export default _default;

package/components/button/icon/LoaderCircleIcon.vue.js

@@ -1,10 +1,15 @@
-import { openBlock as t, createElementBlock as r, createElementVNode as e } from "vue";
-import o from "../../../_virtual/_plugin-vue_export-helper.js";
-const n = {}, c = {
+import { openBlock, createElementBlock, createElementVNode } from 'vue';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
+
+////import "../../LoaderCircleIcon.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _sfc_main = {};
+
+const _hoisted_1 = {
   width: "100",
   height: "100",
   viewBox: "0 0 100 100"
-}, s = /* @__PURE__ */ e("circle", {
+};
+const _hoisted_2 = /*#__PURE__*/createElementVNode("circle", {
   cx: "50",
   cy: "50",
   fill: "none",
@@ -13,7 +18,7 @@ const n = {}, c = {
   r: "35",
   "stroke-dasharray": "164.93361431346415 56.97787143782138"
 }, [
-  /* @__PURE__ */ e("animateTransform", {
+  /*#__PURE__*/createElementVNode("animateTransform", {
     attributeName: "transform",
     type: "rotate",
     repeatCount: "indefinite",
@@ -21,13 +26,14 @@ const n = {}, c = {
     values: "0 50 50;360 50 50",
     keyTimes: "0;1"
   })
-], -1), i = [
-  s
+], -1);
+const _hoisted_3 = [
+  _hoisted_2
 ];
-function a(_, d) {
-  return t(), r("svg", c, i);
+
+function _sfc_render(_ctx, _cache) {
+  return (openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3))
 }
-const l = /* @__PURE__ */ o(n, [["render", a]]);
-export {
-  l as default
-};
+var LoaderCircleIcon = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
+
+export { LoaderCircleIcon as default };

package/components/button/icon/LoaderDotsIcon.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+declare const _default: any;
 export default _default;

package/components/button/icon/LoaderDotsIcon.vue.js

@@ -1,16 +1,22 @@
-import { openBlock as e, createElementBlock as t, createStaticVNode as i } from "vue";
-import c from "../../../_virtual/_plugin-vue_export-helper.js";
-const r = {}, a = {
+import { openBlock, createElementBlock, createStaticVNode } from 'vue';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
+
+////import "../../LoaderDotsIcon.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _sfc_main = {};
+
+const _hoisted_1 = {
   width: "52",
   height: "14",
   viewBox: "0 0 52 14"
-}, n = /* @__PURE__ */ i('<circle fill="currentColor" cx="6" cy="7" r="6"><animate attributeName="opacity" dur="1s" values="0;1;0" repeatCount="indefinite" begin=".1"></animate></circle><circle fill="currentColor" cx="26" cy="7" r="6"><animate attributeName="opacity" dur="1s" values="0;1;0" repeatCount="indefinite" begin=".2"></animate></circle><circle fill="currentColor" cx="46" cy="7" r="6"><animate attributeName="opacity" dur="1s" values="0;1;0" repeatCount="indefinite" begin=".3"></animate></circle>', 3), o = [
-  n
+};
+const _hoisted_2 = /*#__PURE__*/createStaticVNode("<circle fill=\"currentColor\" cx=\"6\" cy=\"7\" r=\"6\"><animate attributeName=\"opacity\" dur=\"1s\" values=\"0;1;0\" repeatCount=\"indefinite\" begin=\".1\"></animate></circle><circle fill=\"currentColor\" cx=\"26\" cy=\"7\" r=\"6\"><animate attributeName=\"opacity\" dur=\"1s\" values=\"0;1;0\" repeatCount=\"indefinite\" begin=\".2\"></animate></circle><circle fill=\"currentColor\" cx=\"46\" cy=\"7\" r=\"6\"><animate attributeName=\"opacity\" dur=\"1s\" values=\"0;1;0\" repeatCount=\"indefinite\" begin=\".3\"></animate></circle>", 3);
+const _hoisted_5 = [
+  _hoisted_2
 ];
-function l(s, u) {
-  return e(), t("svg", a, o);
+
+function _sfc_render(_ctx, _cache) {
+  return (openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_5))
 }
-const _ = /* @__PURE__ */ c(r, [["render", l]]);
-export {
-  _ as default
-};
+var LoaderDotsIcon = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
+
+export { LoaderDotsIcon as default };