@ironsource/shared-ui 2.1.2-rc.0 → 2.1.3-rc.0

package/AppHeader.vue_vue_type_style_index_0_scoped_aa538d40_lang.css

@@ -0,0 +1 @@
+.app-header[data-v-aa538d40]{display:flex}.app-header .image-container[data-v-aa538d40]{height:48px;width:48px;border-radius:4px}.app-header .image-container img[data-v-aa538d40]{min-width:100%;object-fit:cover;border-radius:4px}.app-header .icon-container[data-v-aa538d40]{color:var(--action-active);display:flex;align-items:center;padding:0 8px}.app-header .name-container .title[data-v-aa538d40]{color:var(--text-primary)}.app-header .name-container .inline-copy[data-v-aa538d40]{color:var(--text-secondary)}.app-header.size-small[data-v-aa538d40]{align-items:center}.app-header.size-small .image-container[data-v-aa538d40]{height:28px;width:28px;border-radius:6px}.app-header.size-small .image-container img[data-v-aa538d40]{border-radius:6px}.app-header.size-small .name-container[data-v-aa538d40]{display:flex}

package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_f0c4710f_lang.css

@@ -0,0 +1 @@
+.default-dropdown-wrapper[data-v-f0c4710f]{position:relative}.dropdown-trigger[data-v-f0c4710f]{width:100%;padding:.3125rem .4375rem;display:flex;column-gap:.5rem;max-width:100%;box-sizing:border-box;border-radius:var(--border-radius-md);border:1px solid var(--action-outlined-border);background:var(--default-main);cursor:pointer;user-select:none;position:relative}.dropdown-trigger[data-v-f0c4710f]:hover{border:1px solid var(--action-active);background:var(--action-hover)}.dropdown-trigger.small[data-v-f0c4710f]{padding:.1875rem .4375rem}.dropdown-trigger.large[data-v-f0c4710f]{padding:.5625rem .4375rem}.dropdown-trigger.disabled[data-v-f0c4710f]{border:1px solid var(--action-outlined-border, #bbb);background:var(--action-disabled-background, #f1f1f1);cursor:not-allowed}.dropdown-trigger.open[data-v-f0c4710f]{padding:.25rem .375rem;border:2px solid var(--primary-main)}.dropdown-trigger.open.small[data-v-f0c4710f]{padding:.125rem .375rem}.dropdown-trigger.open.large[data-v-f0c4710f]{padding:.5rem .375rem}.dropdown-trigger.state-error[data-v-f0c4710f]{padding:4px 6px;border:2px solid var(--error-main)}.dropdown-trigger.state-success[data-v-f0c4710f]{padding:4px 6px;border:2px solid var(--success-main)}.dropdown-trigger.state-warning[data-v-f0c4710f]{padding:4px 6px;border:2px solid var(--warning-dark)}.dropdown-trigger .caret-down[data-v-f0c4710f]{color:var(--action-active)}.content[data-v-f0c4710f]{width:calc(100% - 28px);display:flex;gap:.25rem;align-items:center;color:var(--text-primary)}.content .displayed-value[data-v-f0c4710f]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.content .image[data-v-f0c4710f]{width:20px;height:20px;flex:none}.content .image img[data-v-f0c4710f]{border-radius:4px;width:100%;height:100%}.content .start-icon[data-v-f0c4710f]{display:flex;color:var(--action-active)}.content .status-dot[data-v-f0c4710f]{padding-right:.25rem}.content .status-dot>div[data-v-f0c4710f]{position:relative;top:-1px}.dropdown-field-label[data-v-f0c4710f]{color:var(--text-primary)}.dropdown-field-help-text[data-v-f0c4710f]{margin-top:4px;position:absolute}

package/DropdownV4.vue_vue_type_style_index_0_scoped_78c1497e_lang.css

@@ -0,0 +1 @@
+.v-enter-active[data-v-78c1497e],.v-leave-active[data-v-78c1497e]{transition:opacity .25s ease}ol[data-v-78c1497e],ul[data-v-78c1497e],menu[data-v-78c1497e]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-78c1497e],.dropdown.full-width .button__container[data-v-78c1497e]{width:100%}.dropdown-list-wrapper[data-v-78c1497e]{display:flex;flex-direction:column;padding:.5rem}.list-container--multi[data-v-78c1497e]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-78c1497e]{padding-bottom:.25rem}.inline-search .list-container[data-v-78c1497e]{padding-top:0}.no-result-container[data-v-78c1497e]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-78c1497e]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-78c1497e]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-78c1497e]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.list li[data-v-78c1497e]:last-child .item-container{margin-bottom:0}.image-slot[data-v-78c1497e]{margin-right:.5rem}.actions-wrapper[data-v-78c1497e]{display:flex;width:100%;padding:.5rem .5rem .5rem .125rem;padding-bottom:0;border-top:1px solid var(--common-divider);justify-content:space-between}.apply-button[data-v-78c1497e]{margin-left:.5rem}

package/InlineCopy.vue_vue_type_style_index_0_scoped_117ac157_lang.css

@@ -0,0 +1 @@
+.inline-copy[data-v-117ac157]{display:inline-flex;cursor:pointer;color:var(--action-active)}.inline-copy .icon-copy[data-v-117ac157]{padding:0 4px;cursor:pointer;color:var(--action-active)}.inline-copy .icon-copy[data-v-117ac157]:hover{color:var(--action-primary)}

package/README.md

@@ -129,4 +129,4 @@ cd e2e/playwright
 npm run pw:ui:local
 ```
 
-Read more about this project <a href="https://github.com/ironsource-mobile/shared-ui-ssp/blob/main/e2e/playwright/README.md">here</a>
+Read more about this project <a href="https://github.com/ironsource-mobile/shared-ui-ssp/blob/main/e2e/playwright/README.md">here</a>.

package/components/appHeader/AppHeader.vue.d.ts

@@ -4,26 +4,31 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     platform: 'android' | 'ios';
     appKey: string;
     testId: string;
+    type?: 'small' | 'normal';
 }>, {
     image: string;
     name: string;
     platform: string;
     appKey: string;
     testId: string;
+    type: 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<{
     image: string;
     name: string;
     platform: 'android' | 'ios';
     appKey: string;
     testId: string;
+    type?: 'small' | 'normal';
 }>, {
     image: string;
     name: string;
     platform: string;
     appKey: string;
     testId: string;
+    type: string;
 }>>>, {
     name: string;
+    type: 'small' | 'normal';
     image: string;
     testId: string;
     platform: 'android' | 'ios';

package/components/appHeader/AppHeader.vue.js

@@ -1,7 +1,7 @@
 import e from "./AppHeader.vue2.js";
 /* empty css                */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../AppHeader.vue_vue_type_style_index_0_scoped_5afbd3dd_lang.css"; //*');
-const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-5afbd3dd"]]);
+// import "../../AppHeader.vue_vue_type_style_index_0_scoped_aa538d40_lang.css"; //*');
+const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-aa538d40"]]);
 export {
   s as default
 };

package/components/appHeader/AppHeader.vue2.js

@@ -1,56 +1,60 @@
- import "../../AppHeader.vue_vue_type_style_index_0_scoped_5afbd3dd_lang.css"; import { defineComponent as d, computed as m, openBlock as l, createElementBlock as c, createElementVNode as a, createVNode as n, unref as t, mergeProps as p, withCtx as f, createTextVNode as u, toDisplayString as h } from "vue";
-import I from "../icon/v4/IconV4.vue.js";
-import y from "../typography/v4/Typography.vue.js";
-import g from "../inlineCopy/InlineCopy.vue.js";
-import { useTestIdAttrs as x } from "../../utils/testIds.js";
-import { AppHeaderTestIdModifiers as s } from "../../testids/index.js";
-const _ = { class: "app-header" }, v = { class: "image-container" }, T = ["src", "alt"], A = { class: "icon-container" }, C = { class: "name-container" }, K = /* @__PURE__ */ d({
+ import "../../AppHeader.vue_vue_type_style_index_0_scoped_aa538d40_lang.css"; import { defineComponent as r, computed as d, openBlock as m, createElementBlock as c, normalizeClass as p, createElementVNode as a, createVNode as o, unref as t, mergeProps as f, withCtx as u, createTextVNode as y, toDisplayString as h } from "vue";
+import x from "../icon/v4/IconV4.vue.js";
+import v from "../typography/v4/Typography.vue.js";
+import I from "../inlineCopy/InlineCopy.vue.js";
+import { useTestIdAttrs as g } from "../../utils/testIds.js";
+import { AppHeaderTestIdModifiers as i } from "../../testids/index.js";
+const T = { class: "image-container" }, z = ["src", "alt"], C = { class: "icon-container" }, A = { class: "name-container" }, K = /* @__PURE__ */ r({
   __name: "AppHeader",
   props: {
     image: { default: "" },
     name: { default: "" },
     platform: { default: "android" },
     appKey: { default: "" },
-    testId: { default: "" }
+    testId: { default: "" },
+    type: { default: "normal" }
   },
   setup(e) {
-    const o = e, i = m(
-      () => o.platform ? o.platform.toLowerCase() : ""
-    ), r = x(o.testId, s);
-    return (N, E) => (l(), c("div", _, [
-      a("div", v, [
+    const n = e, l = d(
+      () => n.platform ? n.platform.toLowerCase() : ""
+    ), s = g(n.testId, i);
+    return (N, E) => (m(), c("div", {
+      class: p(["app-header", `size-${e.type}`])
+    }, [
+      a("div", T, [
         a("img", {
           src: e.image,
           alt: e.name
-        }, null, 8, T)
+        }, null, 8, z)
       ]),
-      a("div", A, [
-        n(t(I), {
+      a("div", C, [
+        o(t(x), {
           type: "branded",
-          name: t(i),
-          size: "24px"
-        }, null, 8, ["name"])
+          name: t(l),
+          size: e.type === "normal" ? "24px" : "20px"
+        }, null, 8, ["name", "size"])
       ]),
-      a("div", C, [
-        n(t(y), p({
-          variant: "h2",
+      a("div", A, [
+        o(t(v), f({
+          variant: e.type === "normal" ? "h2" : "button",
           class: "title"
-        }, t(r)[t(s).TITLE]), {
-          default: f(() => [
-            u(h(e.name), 1)
+        }, t(s)[t(i).TITLE]), {
+          default: u(() => [
+            y(h(e.name), 1)
           ]),
           _: 1
-        }, 16),
+        }, 16, ["variant"]),
         a("div", null, [
-          n(t(g), {
+          o(t(I), {
             text: e.appKey,
             size: "medium",
             class: "inline-copy",
+            "hide-text-value": e.type === "small",
             "test-id": e.testId
-          }, null, 8, ["text", "test-id"])
+          }, null, 8, ["text", "hide-text-value", "test-id"])
         ])
       ])
-    ]));
+    ], 2));
   }
 });
 export {

package/components/appHeader/index.d.ts

@@ -5,6 +5,10 @@ declare const AppHeaderTypes: () => import("vue").DefineComponent<{
         required: true;
         default: string;
     };
+    type: {
+        type: import("vue").PropType<"small" | "normal">;
+        default: string;
+    };
     image: {
         type: import("vue").PropType<string>;
         required: true;
@@ -31,6 +35,10 @@ declare const AppHeaderTypes: () => import("vue").DefineComponent<{
         required: true;
         default: string;
     };
+    type: {
+        type: import("vue").PropType<"small" | "normal">;
+        default: string;
+    };
     image: {
         type: import("vue").PropType<string>;
         required: true;
@@ -53,6 +61,7 @@ declare const AppHeaderTypes: () => import("vue").DefineComponent<{
     };
 }>>, {
     name: string;
+    type: "small" | "normal";
     image: string;
     testId: string;
     platform: "android" | "ios";

package/components/dropdown/v4/DefaultDropdownTrigger.vue.d.ts

@@ -13,6 +13,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     hoverHelpTextPlacement?: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
     feedbackVariant?: "success" | "warning" | "error";
     feedbackText?: string;
+    showFeedbackIcon?: boolean;
     loading?: boolean;
     singleAppSelection?: boolean;
     brandIconType?: "android" | "ios";
@@ -37,6 +38,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     hoverHelpTextPlacement: string;
     feedbackText: string;
     feedbackVariant: any;
+    showFeedbackIcon: boolean;
     loading: boolean;
     singleAppSelection: boolean;
     brandIconType: any;
@@ -62,6 +64,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     hoverHelpTextPlacement?: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
     feedbackVariant?: "success" | "warning" | "error";
     feedbackText?: string;
+    showFeedbackIcon?: boolean;
     loading?: boolean;
     singleAppSelection?: boolean;
     brandIconType?: "android" | "ios";
@@ -86,6 +89,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     hoverHelpTextPlacement: string;
     feedbackText: string;
     feedbackVariant: any;
+    showFeedbackIcon: boolean;
     loading: boolean;
     singleAppSelection: boolean;
     brandIconType: any;
@@ -118,6 +122,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
     feedbackText: string;
     feedbackVariant: "success" | "warning" | "error";
+    showFeedbackIcon: boolean;
     statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
 }>, {
     image?(_: {}): any;

package/components/dropdown/v4/DefaultDropdownTrigger.vue.js

@@ -1,7 +1,7 @@
 import o from "./DefaultDropdownTrigger.vue2.js";
 /* empty css                             */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_5fa01c78_lang.css"; //*');
-const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-5fa01c78"]]);
+// import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_f0c4710f_lang.css"; //*');
+const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-f0c4710f"]]);
 export {
   p as default
 };

package/components/dropdown/v4/DefaultDropdownTrigger.vue2.js

@@ -1,8 +1,8 @@
- import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_5fa01c78_lang.css"; import { defineComponent as O, computed as r, openBlock as a, createElementBlock as n, createBlock as m, createCommentVNode as o, createElementVNode as c, mergeProps as y, unref as l, renderSlot as h, createVNode as s, withCtx as I, createTextVNode as x, toDisplayString as V } from "vue";
-import B from "../../typography/v4/Typography.vue.js";
+ import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_f0c4710f_lang.css"; import { defineComponent as I, computed as r, openBlock as a, createElementBlock as n, createBlock as m, createCommentVNode as o, createElementVNode as c, mergeProps as y, unref as l, renderSlot as h, createVNode as s, withCtx as O, createTextVNode as x, toDisplayString as w } from "vue";
+import V from "../../typography/v4/Typography.vue.js";
 import { DropdownTestIdModifiers as u } from "../../../testids/index.js";
 import T from "../../icon/v4/IconV4.vue.js";
-import w from "../../shared/FieldLabel.vue.js";
+import B from "../../shared/FieldLabel.vue.js";
 import D from "../../shared/FieldHelpText.vue.js";
 import { useTestIdAttrs as A } from "../../../utils/testIds.js";
 import N from "../../statusDot/StatusDot.vue.js";
@@ -15,7 +15,7 @@ const K = { class: "default-dropdown-wrapper" }, $ = { class: "content" }, C = {
 }, S = {
   key: 2,
   class: "status-dot"
-}, z = { class: "caret-down" }, G = /* @__PURE__ */ O({
+}, z = { class: "caret-down" }, G = /* @__PURE__ */ I({
   __name: "DefaultDropdownTrigger",
   props: {
     placeholder: { default: "Select" },
@@ -32,6 +32,7 @@ const K = { class: "default-dropdown-wrapper" }, $ = { class: "content" }, C = {
     hoverHelpTextPlacement: { default: "top" },
     feedbackVariant: { default: null },
     feedbackText: { default: "" },
+    showFeedbackIcon: { type: Boolean, default: !1 },
     loading: { type: Boolean, default: !1 },
     singleAppSelection: { type: Boolean, default: !1 },
     brandIconType: { default: null },
@@ -43,11 +44,11 @@ const K = { class: "default-dropdown-wrapper" }, $ = { class: "content" }, C = {
     statusDotType: { default: null }
   },
   emits: ["click"],
-  setup(t, { emit: g }) {
-    const e = t, b = r(
+  setup(t, { emit: b }) {
+    const e = t, g = r(
       () => e.feedbackVariant ? `state-${e.feedbackVariant}` : ""
     ), k = () => {
-      g("click");
+      b("click");
     }, f = A(e.testId, u), v = r(() => e.multi ? !Array.isArray(e.selectedOption) || !e.selectedOption?.length ? e.placeholder : e.options?.length === e.selectedOption.length ? `All selected (${e.selectedOption.length})` : e.selectedOption?.length === 1 && e.displayValue ? e.displayValue(e.selectedOption[0]) : `${e.selectedOption.length} selected` : e.selectedOption ? e.displayValue(e.selectedOption) : e.placeholder), d = r(() => {
       if (!e.selectedOption)
         return null;
@@ -57,7 +58,7 @@ const K = { class: "default-dropdown-wrapper" }, $ = { class: "content" }, C = {
         return e.selectedOption.length === 1 ? e.selectedOption[0] : null;
     });
     return (i, p) => (a(), n("div", K, [
-      t.label ? (a(), m(w, {
+      t.label ? (a(), m(B, {
         key: 0,
         label: t.label,
         mandatory: t.mandatory,
@@ -68,7 +69,7 @@ const K = { class: "default-dropdown-wrapper" }, $ = { class: "content" }, C = {
         class: "dropdown-field-label"
       }, null, 8, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "disabled", "test-id"])) : o("", !0),
       c("div", y({
-        class: ["dropdown-trigger", [t.size, l(b), { open: t.open, disabled: t.disabled }]]
+        class: ["dropdown-trigger", [t.size, l(g), { open: t.open, disabled: t.disabled }]]
       }, l(f)[l(u).BUTTON_WRAPPER], {
         onClick: p[0] || (p[0] = (E) => k())
       }), [
@@ -93,9 +94,9 @@ const K = { class: "default-dropdown-wrapper" }, $ = { class: "content" }, C = {
           t.statusDotType ? (a(), n("div", S, [
             s(l(N), { type: t.statusDotType }, null, 8, ["type"])
           ])) : o("", !0),
-          s(l(B), y({ variant: "body1" }, l(f)[l(u).BUTTON_CONTENT], { class: "displayed-value" }), {
-            default: I(() => [
-              x(V(l(v)), 1)
+          s(l(V), y({ variant: "body1" }, l(f)[l(u).BUTTON_CONTENT], { class: "displayed-value" }), {
+            default: O(() => [
+              x(w(l(v)), 1)
             ]),
             _: 1
           }, 16)
@@ -111,9 +112,10 @@ const K = { class: "default-dropdown-wrapper" }, $ = { class: "content" }, C = {
         key: 1,
         text: t.feedbackText,
         variant: t.feedbackVariant,
+        "show-icon": t.showFeedbackIcon,
         "test-id": t.testId,
         class: "dropdown-field-help-text"
-      }, null, 8, ["text", "variant", "test-id"])) : o("", !0)
+      }, null, 8, ["text", "variant", "show-icon", "test-id"])) : o("", !0)
     ]));
   }
 });

package/components/dropdown/v4/DropdownV4.vue.d.ts

@@ -28,6 +28,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     triggerHelperText?: string;
     triggerFeedbackText?: string;
     triggerFeedbackVariant?: "success" | "warning" | "error";
+    triggerFeedbackShowIcon?: boolean;
     size?: "small" | "medium" | "large";
     mandatory?: boolean;
     predefinedTrigger?: "default" | "icon-button" | "chip" | "app";
@@ -79,6 +80,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     triggerHelperText: string;
     triggerFeedbackText: string;
     triggerFeedbackVariant: any;
+    triggerFeedbackShowIcon: boolean;
     searchAutoFocus: boolean;
     predefinedTrigger: "default" | "icon-button" | "chip" | "app";
     optionNameKey: string;
@@ -127,6 +129,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     triggerHelperText?: string;
     triggerFeedbackText?: string;
     triggerFeedbackVariant?: "success" | "warning" | "error";
+    triggerFeedbackShowIcon?: boolean;
     size?: "small" | "medium" | "large";
     mandatory?: boolean;
     predefinedTrigger?: "default" | "icon-button" | "chip" | "app";
@@ -178,6 +181,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     triggerHelperText: string;
     triggerFeedbackText: string;
     triggerFeedbackVariant: any;
+    triggerFeedbackShowIcon: boolean;
     searchAutoFocus: boolean;
     predefinedTrigger: "default" | "icon-button" | "chip" | "app";
     optionNameKey: string;
@@ -230,6 +234,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     triggerHelperText: string;
     triggerFeedbackText: string;
     triggerFeedbackVariant: "success" | "warning" | "error";
+    triggerFeedbackShowIcon: boolean;
     searchAutoFocus: boolean;
     predefinedTrigger: "default" | "icon-button" | "chip" | "app";
     fullWidth: boolean;

package/components/dropdown/v4/DropdownV4.vue.js

@@ -1,8 +1,8 @@
 import o from "./DropdownV4.vue2.js";
 /* empty css                 *//* empty css                 */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_258b9f7e_lang.css"; //*');
+// import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_78c1497e_lang.css"; //*');
 // import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css";  //');
-const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-258b9f7e"]]);
+const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-78c1497e"]]);
 export {
   r as default
 };