@ironsource/shared-ui 2.1.7-rc.11 → 2.1.7-rc.13

package/components/table/v4/MultipleDataGrid.vue2.js

@@ -1,17 +1,15 @@
- import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_29f00d79_lang.css"; import { defineComponent as z, useCssVars as D, computed as m, openBlock as l, createElementBlock as c, createElementVNode as g, normalizeClass as M, unref as e, createBlock as u, createCommentVNode as f, isRef as N, Fragment as A, renderList as h, createSlots as O, withCtx as w, renderSlot as k, createVNode as P } from "vue";
-import x from "./DataGrid.vue.js";
+ import "../../../MultipleDataGrid.vue_vue_type_style_index_0_scoped_82ba0e12_lang.css"; import { defineComponent as A, useCssVars as D, useSlots as H, computed as O, openBlock as s, createElementBlock as r, createElementVNode as w, normalizeClass as G, unref as o, renderSlot as n, createBlock as C, createCommentVNode as f, createVNode as M, isRef as $, Fragment as P, renderList as y, createSlots as b, withCtx as u } from "vue";
+import v from "./DataGrid.vue.js";
 import "./DataGridMenu.vue.js";
-import G from "./DataGridRowsCounter.vue.js";
+import U from "./DataGridRowsCounter.vue.js";
 import "./MultipleDataGrid.vue.js";
-import H from "../../search/v4/SearchV4.vue.js";
-import { useVModel as F } from "@vueuse/core";
-import Q from "../../emptyState/v4/EmptyStateV4.vue.js";
-import { TableTestIdModifiers as y } from "../../../testids/index.js";
-import { getEmptyVariant as U, getEmptySubtitle as Y } from "./utils/utils.js";
-const j = ["data-testid"], q = ["data-testid"], J = {
+import F from "../../search/v4/SearchV4.vue.js";
+import { useVModel as Q } from "@vueuse/core";
+import { TableTestIdModifiers as h } from "../../../testids/index.js";
+const j = ["data-testid"], p = ["data-testid"], q = ["data-testid"], J = ["data-testid"], K = {
   key: 0,
   class: "tables-container"
-}, st = /* @__PURE__ */ z({
+}, ot = /* @__PURE__ */ A({
   __name: "MultipleDataGrid",
   props: {
     tablesSettings: { default: () => [] },
@@ -34,102 +32,131 @@ const j = ["data-testid"], q = ["data-testid"], J = {
     testId: { default: "" }
   },
   emits: ["update:search", "onScroll", "onClearSearch", "clickRow"],
-  setup(t, { emit: i }) {
-    const s = t;
-    D((a) => ({
-      c8ad7474: t.zIndexBase
+  setup(t, { emit: c }) {
+    const g = t;
+    D((e) => ({
+      "5d3fa26e": t.zIndexBase
     }));
-    const C = m(
-      () => s.isLoading || !s.tablesSettings.flatMap((a) => a.rows).length
-    ), n = F(s, "search", i), b = m(
-      () => U(s.emptyStateVariant, n.value)
-    ), T = m(
-      () => Y(s.emptyStateSubtitle, n.value)
-    ), S = (a) => `cell-${a.id}`, I = (a) => {
-      i("onScroll", a.target.scrollTop);
-    }, E = () => i("onClearSearch"), v = (a, d) => i("clickRow", a, d);
-    return (a, d) => (l(), c("div", {
+    const I = H(), T = O(
+      () => g.isLoading || !g.tablesSettings.flatMap((e) => e.rows).length
+    ), d = Q(g, "search", c), m = (e) => `header-${e.id}`, k = (e) => `cell-${e.id}`, x = (e) => {
+      c("onScroll", e.target.scrollTop);
+    }, R = () => c("onClearSearch"), E = (e, i) => c("clickRow", e, i);
+    return (e, i) => (s(), r("div", {
       class: "multi-table-container",
-      onScrollPassive: I
+      onScrollPassive: x
     }, [
-      g("div", {
-        class: M(["table-header-container", { sticky: t.isSticky }]),
-        "data-testid": `${t.testId}-${e(y).HEADER}`
+      w("div", {
+        class: G(["table-header-container", { sticky: t.isSticky }]),
+        "data-testid": `${t.testId}-${o(h).HEADER}`
       }, [
-        g("div", {
+        w("div", {
           class: "rows-counter-container",
-          "data-testid": `${t.testId}-${e(y).TITLE}`
+          "data-testid": `${t.testId}-${o(h).TITLE}`
         }, [
-          t.isLoading ? f("", !0) : (l(), u(e(G), {
-            key: 0,
-            count: t.count,
-            "total-count": t.totalCount,
-            "total-text": t.totalText,
-            "displaying-text": t.displayingText,
-            "out-of-text": t.outOfText,
-            "test-id": t.testId
-          }, null, 8, ["count", "total-count", "total-text", "displaying-text", "out-of-text", "test-id"]))
-        ], 8, q),
-        t.showSearch ? (l(), u(e(H), {
-          key: 0,
-          modelValue: e(n),
-          "onUpdate:modelValue": d[0] || (d[0] = (o) => N(n) ? n.value = o : null),
-          placeholder: t.searchPlaceholder,
-          "test-id": t.testId,
-          onOnClear: E
-        }, null, 8, ["modelValue", "placeholder", "test-id"])) : f("", !0)
+          n(e.$slots, "title", {}, () => [
+            t.isLoading ? f("", !0) : (s(), C(o(U), {
+              key: 0,
+              count: t.count,
+              "total-count": t.totalCount,
+              "total-text": t.totalText,
+              "displaying-text": t.displayingText,
+              "out-of-text": t.outOfText,
+              "test-id": t.testId
+            }, null, 8, ["count", "total-count", "total-text", "displaying-text", "out-of-text", "test-id"]))
+          ], !0)
+        ], 8, p),
+        w("div", {
+          class: "table-header-right",
+          "data-testid": `${t.testId}-${o(h).HEADER_RIGHT}`
+        }, [
+          t.showSearch ? n(e.$slots, "search", { key: 0 }, () => [
+            M(o(F), {
+              modelValue: o(d),
+              "onUpdate:modelValue": i[0] || (i[0] = (a) => $(d) ? d.value = a : null),
+              placeholder: t.searchPlaceholder,
+              "test-id": t.testId,
+              onOnClear: R
+            }, null, 8, ["modelValue", "placeholder", "test-id"])
+          ], !0) : f("", !0),
+          o(I)["table-header-actions"] ? (s(), r("div", {
+            key: 1,
+            class: "table-header-actions",
+            "data-testid": `${t.testId}-${o(h).ACTIONS}`
+          }, [
+            n(e.$slots, "table-header-actions", {}, void 0, !0)
+          ], 8, J)) : f("", !0)
+        ], 8, q)
       ], 10, j),
-      e(C) ? (l(), u(e(x), {
+      o(T) ? (s(), C(o(v), {
         key: 1,
+        search: o(d),
+        "onUpdate:search": i[1] || (i[1] = (a) => $(d) ? d.value = a : null),
         rows: [],
         columns: t.loadingAndEmptyStatesColumns,
         "is-loading": t.isLoading,
         "loading-row-count": t.loadingRowCount,
+        "empty-state-variant": t.emptyStateVariant,
+        "empty-state-title": t.emptyStateTitle,
+        "empty-state-subtitle": t.emptyStateSubtitle,
         "test-id": t.testId
-      }, {
-        "empty-state": w(() => [
-          k(a.$slots, "empty-state", {}, () => [
-            P(e(Q), {
-              class: "empty-state",
-              title: t.emptyStateTitle,
-              subtitle: e(T),
-              variant: e(b),
-              "test-id": `${t.testId}-${e(y).EMPTY_STATE}`
-            }, null, 8, ["title", "subtitle", "variant", "test-id"])
-          ], !0)
+      }, b({
+        "empty-state": u(() => [
+          n(e.$slots, "empty-state", {}, void 0, !0)
         ]),
-        _: 3
-      }, 8, ["columns", "is-loading", "loading-row-count", "test-id"])) : (l(), c("div", J, [
-        (l(!0), c(A, null, h(t.tablesSettings, (o, V) => (l(), c("div", {
-          key: o.testId,
+        _: 2
+      }, [
+        y(t.loadingAndEmptyStatesColumns, (a) => ({
+          name: m(a),
+          fn: u(() => [
+            n(e.$slots, `${m(a)}`, { column: a }, void 0, !0)
+          ])
+        }))
+      ]), 1032, ["search", "columns", "is-loading", "loading-row-count", "empty-state-variant", "empty-state-title", "empty-state-subtitle", "test-id"])) : (s(), r("div", K, [
+        (s(!0), r(P, null, y(t.tablesSettings, (a, V) => (s(), r("div", {
+          key: a.testId,
           class: "table-wrapper"
         }, [
-          o.rows.length ? (l(), u(e(x), {
+          a.rows.length ? (s(), C(o(v), {
             key: 0,
-            sections: o.sections,
-            columns: o.columns,
-            rows: o.rows,
-            "row-height": o.rowHeight,
+            sections: a.sections,
+            columns: a.columns,
+            rows: a.rows,
+            "row-height": a.rowHeight,
             "is-sticky": t.isSticky,
             "z-index-base": t.zIndexBase,
-            "test-id": o.testId,
-            onClickRow: (r) => v(r, V)
-          }, O({ _: 2 }, [
-            h(o.columns, (r) => ({
-              name: S(r),
-              fn: w(({
-                cell: R,
-                rowIndex: $,
-                isLoading: B,
-                cellIndex: L,
-                row: p
+            "test-id": a.testId,
+            onClickRow: (l) => E(l, V)
+          }, b({
+            "floating-row": u(({ row: l, rowIndex: S }) => [
+              n(e.$slots, "floating-row", {
+                row: l,
+                rowIndex: S
+              }, void 0, !0)
+            ]),
+            _: 2
+          }, [
+            y(a.columns, (l) => ({
+              name: m(l),
+              fn: u(() => [
+                n(e.$slots, `${m(l)}`, { column: l }, void 0, !0)
+              ])
+            })),
+            y(a.columns, (l) => ({
+              name: k(l),
+              fn: u(({
+                cell: S,
+                rowIndex: B,
+                isLoading: L,
+                cellIndex: N,
+                row: z
               }) => [
-                k(a.$slots, `${S(r)}`, {
-                  cell: R,
-                  isLoading: B,
-                  cellIndex: L,
-                  row: p,
-                  rowIndex: $
+                n(e.$slots, `${k(l)}`, {
+                  cell: S,
+                  isLoading: L,
+                  cellIndex: N,
+                  row: z,
+                  rowIndex: B
                 }, void 0, !0)
               ])
             }))
@@ -140,5 +167,5 @@ const j = ["data-testid"], q = ["data-testid"], J = {
   }
 });
 export {
-  st as default
+  ot as default
 };

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

@@ -646,6 +646,10 @@ declare const DataGridTypes: () => (({
             row: import("@vueuse/core").UseVirtualListItem<import("../common/Table.types").Row>;
             gridColumnTemplate: any;
         }): any;
+        "floating-row"?(_: {
+            row: import("@vueuse/core").UseVirtualListItem<import("../common/Table.types").Row>;
+            rowIndex: number;
+        }): any;
         "empty-state"?(_: {}): any;
         footer?(_: {}): any;
     };
@@ -1173,12 +1177,23 @@ declare const DataGridTypes: () => (({
     loadingAndEmptyStatesColumns: import("../common/Table.types").Column[];
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: Partial<Record<string, (_: {
+        column: import("../common/Table.types").Column;
+    }) => any>> & Partial<Record<string, (_: {
         cell: any;
         isLoading: any;
         cellIndex: any;
         row: any;
         rowIndex: any;
+    }) => any>> & Partial<Record<string, (_: {
+        column: import("../common/Table.types").Column;
     }) => any>> & {
+        title?(_: {}): any;
+        search?(_: {}): any;
+        "table-header-actions"?(_: {}): any;
+        "floating-row"?(_: {
+            row: import("@vueuse/core").UseVirtualListItem<import("../common/Table.types").Row>;
+            rowIndex: number;
+        }): any;
         "empty-state"?(_: {}): any;
     };
 })))[];

package/components/table-cells/common/Editable.common.js

@@ -1,39 +1,50 @@
-import { ref as a, provide as v } from "vue";
-import { useTableContext as s } from "../../table/common/TableContext.js";
-import { EditableContext as d } from "./EditableContext.js";
-import { onClickOutside as f } from "@vueuse/core";
-const g = (e) => {
-  const l = a(!1), n = a(e.cell), u = a(null), r = s("Editable"), o = a(null);
-  v(d, {
+import { ref as t, provide as d } from "vue";
+import { useTableContext as f } from "../../table/common/TableContext.js";
+import { EditableContext as C } from "./EditableContext.js";
+import { onClickOutside as m } from "@vueuse/core";
+const k = (e) => {
+  const l = t(!1), n = t(e.cell), o = t(e.saveOnClickOutside), i = t(null), r = f("Editable"), a = t(null), v = () => {
+    if (e.cell === n.value) {
+      l.value = !1;
+      return;
+    }
+    const u = e.validateFunction?.(n.value);
+    a.value = u, !u && (r.onClose({
+      rowIndex: e.rowIndex,
+      cellIndex: e.cellIndex,
+      value: n.value
+    }), l.value = !1);
+  };
+  d(C, {
     focusable: !0,
     value: n,
-    error: o,
+    error: a,
     confirmable: !0,
-    onChange(t) {
-      n.value = t, o.value = e.validateFunction?.(n.value);
+    saveOnClickOutside: o.value,
+    onChange(u) {
+      n.value = u, a.value = e.validateFunction?.(n.value);
     },
-    onClose: () => {
-      const t = e.validateFunction?.(n.value);
-      o.value = t, !t && (r.onClose({
-        rowIndex: e.rowIndex,
-        cellIndex: e.cellIndex,
-        value: n.value
-      }), l.value = !1);
-    }
+    onClose: v
   });
-  const i = () => {
+  const c = () => {
     l.value || e.isLoading || (l.value = !l.value);
-  }, c = () => {
-    n.value = e.cell, o.value = null;
+  }, s = () => {
+    n.value = e.cell, a.value = null;
   };
-  return f(u, () => {
-    l.value = !1, c(), r.onClose();
+  return m(i, () => {
+    if (l.value) {
+      if (o.value) {
+        v();
+        return;
+      }
+      l.value = !1, s(), r.onClose();
+    }
   }), {
-    onEdit: i,
-    target: u,
+    onEdit: c,
+    target: i,
     isEditing: l
   };
 };
 export {
-  g as editableCommon
+  k as editableCommon
 };

package/components/table-cells/common/EditableContext.d.ts

@@ -6,6 +6,7 @@ export interface EditableContextProps {
     error?: Ref<string>;
     value?: Ref<unknown>;
     confirmable?: boolean;
+    saveOnClickOutside?: boolean;
 }
 export declare const EditableContext: InjectionKey<EditableContextProps>;
 export declare function useEditableContext(): EditableContextProps;

package/components/table-cells/v4/EditableV4.vue.d.ts

@@ -4,12 +4,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     rowIndex: number;
     cellIndex: number;
     type: "input" | "dropdown";
+    saveOnClickOutside?: boolean;
     validateFunction?: (value: unknown) => string | boolean;
     displayValue?: (option: unknown) => unknown;
 }>, {
     cell: string;
     isLoading: boolean;
     type: string;
+    saveOnClickOutside: boolean;
     validateFunction: () => false;
     displayValue: (cell: unknown) => unknown;
 }>, {}, 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<{
@@ -18,17 +20,20 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     rowIndex: number;
     cellIndex: number;
     type: "input" | "dropdown";
+    saveOnClickOutside?: boolean;
     validateFunction?: (value: unknown) => string | boolean;
     displayValue?: (option: unknown) => unknown;
 }>, {
     cell: string;
     isLoading: boolean;
     type: string;
+    saveOnClickOutside: boolean;
     validateFunction: () => false;
     displayValue: (cell: unknown) => unknown;
 }>>>, {
     type: "input" | "dropdown";
     cell: string;
+    saveOnClickOutside: boolean;
     validateFunction: (value: unknown) => string | boolean;
     isLoading: boolean;
     displayValue: (option: unknown) => unknown;

package/components/table-cells/v4/EditableV4.vue.js

@@ -1,7 +1,7 @@
-import o from "./EditableV4.vue2.js";
-/* empty css                 */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../EditableV4.vue_vue_type_style_index_0_scoped_31bfb722_lang.css"; //*');
-const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-31bfb722"]]);
+import e from "./EditableV4.vue2.js";
+/* empty css                 */import o from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../EditableV4.vue_vue_type_style_index_0_scoped_e0c047b4_lang.css"; //*');
+const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-e0c047b4"]]);
 export {
-  p as default
+  c as default
 };

package/components/table-cells/v4/EditableV4.vue2.js

@@ -1,13 +1,13 @@
- import "../../../EditableV4.vue_vue_type_style_index_0_scoped_31bfb722_lang.css"; import { defineComponent as m, openBlock as o, createElementBlock as i, unref as t, createElementVNode as f, renderSlot as r, createVNode as d, withCtx as y, createTextVNode as k, toDisplayString as V, createBlock as b, createCommentVNode as g } from "vue";
-import { editableCommon as x } from "../common/Editable.common.js";
-import v from "../../typography/v4/Typography.vue.js";
-import w from "../../input/v4/TextField.vue.js";
-import C from "../../icon/v4/IconV4.vue.js";
+ import "../../../EditableV4.vue_vue_type_style_index_0_scoped_e0c047b4_lang.css"; import { defineComponent as m, openBlock as o, createElementBlock as i, unref as t, createElementVNode as f, renderSlot as r, createVNode as d, withCtx as y, createTextVNode as k, toDisplayString as V, createBlock as b, createCommentVNode as g } from "vue";
+import { editableCommon as v } from "../common/Editable.common.js";
+import x from "../../typography/v4/Typography.vue.js";
+import C from "../../input/v4/TextField.vue.js";
+import w from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";
-const E = { class: "editable-wrapper" }, B = {
+const B = { class: "editable-wrapper" }, E = {
   key: 1,
   class: "editable-content"
-}, _ = /* @__PURE__ */ m({
+}, S = /* @__PURE__ */ m({
   __name: "EditableV4",
   props: {
     cell: { default: "" },
@@ -15,30 +15,31 @@ const E = { class: "editable-wrapper" }, B = {
     rowIndex: null,
     cellIndex: null,
     type: { default: "input" },
+    saveOnClickOutside: { type: Boolean, default: !0 },
     validateFunction: { type: Function, default: () => !1 },
     displayValue: { type: Function, default: (e) => e }
   },
   setup(e) {
-    const c = e, { onEdit: n, target: s, isEditing: p } = x(c);
+    const s = e, { onEdit: n, target: c, isEditing: u } = v(s);
     return (l, a) => (o(), i("div", {
       ref_key: "target",
-      ref: s,
+      ref: c,
       class: "editable",
       onClick: a[0] || (a[0] = //@ts-ignore
-      (...u) => t(n) && t(n)(...u))
+      (...p) => t(n) && t(n)(...p))
     }, [
-      f("div", E, [
-        t(p) ? r(l.$slots, "input", { key: 0 }, () => [
-          d(t(w))
-        ], !0) : (o(), i("div", B, [
+      f("div", B, [
+        t(u) ? r(l.$slots, "input", { key: 0 }, () => [
+          d(t(C))
+        ], !0) : (o(), i("div", E, [
           r(l.$slots, "content", {}, () => [
-            d(t(v), { variant: "body1" }, {
+            d(t(x), { variant: "body1" }, {
               default: y(() => [
                 k(V(e.displayValue(e.cell)), 1)
               ]),
               _: 1
             }),
-            e.type === "dropdown" ? (o(), b(t(C), {
+            e.type === "dropdown" ? (o(), b(t(w), {
               key: 0,
               class: "caret-icon",
               name: "caret-down",
@@ -51,5 +52,5 @@ const E = { class: "editable-wrapper" }, B = {
   }
 });
 export {
-  _ as default
+  S as default
 };

package/components/table-cells/v4/index.d.ts

@@ -6,6 +6,7 @@ declare const EditableTypes: () => ({
         $props: Partial<{
             type: "input" | "dropdown";
             cell: string;
+            saveOnClickOutside: boolean;
             validateFunction: (value: unknown) => string | boolean;
             isLoading: boolean;
             displayValue: (option: unknown) => unknown;
@@ -19,6 +20,10 @@ declare const EditableTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            saveOnClickOutside: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             validateFunction: {
                 type: import("vue").PropType<(value: unknown) => string | boolean>;
                 default: () => false;
@@ -39,7 +44,7 @@ declare const EditableTypes: () => ({
                 type: import("vue").PropType<(option: unknown) => unknown>;
                 default: (cell: unknown) => unknown;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "cell" | "validateFunction" | "isLoading" | "displayValue">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "cell" | "saveOnClickOutside" | "validateFunction" | "isLoading" | "displayValue">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -63,6 +68,10 @@ declare const EditableTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            saveOnClickOutside: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             validateFunction: {
                 type: import("vue").PropType<(value: unknown) => string | boolean>;
                 default: () => false;
@@ -86,6 +95,7 @@ declare const EditableTypes: () => ({
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             type: "input" | "dropdown";
             cell: string;
+            saveOnClickOutside: boolean;
             validateFunction: (value: unknown) => string | boolean;
             isLoading: boolean;
             displayValue: (option: unknown) => unknown;
@@ -119,6 +129,10 @@ declare const EditableTypes: () => ({
             type: import("vue").PropType<string>;
             default: string;
         };
+        saveOnClickOutside: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         validateFunction: {
             type: import("vue").PropType<(value: unknown) => string | boolean>;
             default: () => false;
@@ -153,6 +167,10 @@ declare const EditableTypes: () => ({
         type: import("vue").PropType<string>;
         default: string;
     };
+    saveOnClickOutside: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     validateFunction: {
         type: import("vue").PropType<(value: unknown) => string | boolean>;
         default: () => false;
@@ -176,6 +194,7 @@ declare const EditableTypes: () => ({
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     type: "input" | "dropdown";
     cell: string;
+    saveOnClickOutside: boolean;
     validateFunction: (value: unknown) => string | boolean;
     isLoading: boolean;
     displayValue: (option: unknown) => unknown;

package/components/tabs/v4/TabsV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./TabsV4.vue2.js";
-/* empty css             */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../TabsV4.vue_vue_type_style_index_0_scoped_bab40cfe_lang.css"; //*');
-const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-bab40cfe"]]);
+/* empty css             */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../TabsV4.vue_vue_type_style_index_0_scoped_f9433b11_lang.css"; //*');
+const p = /* @__PURE__ */ _(o, [["__scopeId", "data-v-f9433b11"]]);
 export {
-  a as default
+  p as default
 };