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

package/components/icon/v3/icons/FiltersSearch.vue.js

@@ -0,0 +1,41 @@
+import { openBlock as l, createElementBlock as o, createElementVNode as e } from "vue";
+import t from "../../../../_virtual/_plugin-vue_export-helper.js";
+const r = {}, c = {
+  viewBox: "0 0 37 37",
+  fill: "currentColor"
+}, n = /* @__PURE__ */ e("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M36.9688 20.2016C36.9688 21.9305 35.5672 23.332 33.8383 23.332L3.16005 23.332C1.43116 23.332 0.0296174 21.9305 0.0296176 20.2016C0.0296177 18.4727 1.43116 17.0712 3.16005 17.0712L33.8383 17.0712C35.5672 17.0712 36.9688 18.4727 36.9688 20.2016Z",
+  fill: "#DDDFE1"
+}, null, -1), i = /* @__PURE__ */ e("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M0.0312495 6.42731C0.0312498 4.69842 1.43279 3.29688 3.16168 3.29688L33.8399 3.29688C35.5688 3.29688 36.9704 4.69842 36.9704 6.42732C36.9704 8.15621 35.5688 9.55775 33.8399 9.55775L3.16168 9.55774C1.43279 9.55774 0.0312492 8.1562 0.0312495 6.42731Z",
+  fill: "#DDDFE1"
+}, null, -1), s = /* @__PURE__ */ e("ellipse", {
+  cx: "26.3251",
+  cy: "20.2001",
+  rx: "6.26087",
+  ry: "6.26087",
+  transform: "rotate(-180 26.3251 20.2001)",
+  fill: "#53575B"
+}, null, -1), d = /* @__PURE__ */ e("ellipse", {
+  cx: "10.6749",
+  cy: "6.42689",
+  rx: "6.26087",
+  ry: "6.26087",
+  fill: "#53575B"
+}, null, -1), _ = [
+  n,
+  i,
+  s,
+  d
+];
+function f(u, a) {
+  return l(), o("svg", c, _);
+}
+const C = /* @__PURE__ */ t(r, [["render", f]]);
+export {
+  C as default
+};

package/components/multibar/MultiBar.types.d.ts

@@ -3,4 +3,5 @@ export type MultiBarAction = {
     id: string;
     title: string;
     icon?: IconName;
+    disabled?: boolean;
 };

package/components/multibar/MultiBar.vue.d.ts

@@ -7,6 +7,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     visibleActionsCount?: number;
     size?: 'small' | 'medium';
     position?: 'center' | 'left';
+    testId?: string;
+    zIndex?: number;
 }>, {
     selectedCount: number;
     appendToBody: boolean;
@@ -14,6 +16,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     visibleActionsCount: number;
     size: string;
     position: string;
+    testId: string;
+    zIndex: number;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: unknown) => void;
     close: () => void;
@@ -26,6 +30,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     visibleActionsCount?: number;
     size?: 'small' | 'medium';
     position?: 'center' | 'left';
+    testId?: string;
+    zIndex?: number;
 }>, {
     selectedCount: number;
     appendToBody: boolean;
@@ -33,6 +39,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     visibleActionsCount: number;
     size: string;
     position: string;
+    testId: string;
+    zIndex: number;
 }>>> & {
     onClose?: () => any;
     "onUpdate:modelValue"?: (value: unknown) => any;
@@ -40,6 +48,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
 }, {
     size: 'small' | 'medium';
     position: 'center' | 'left';
+    zIndex: number;
+    testId: string;
     actions: MultiBarAction[];
     appendToBody: boolean;
     selectedCount: number;

package/components/multibar/MultiBar.vue.js

@@ -1,7 +1,7 @@
 import o from "./MultiBar.vue2.js";
-/* empty css               */import _ from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../MultiBar.vue_vue_type_style_index_0_scoped_f5061530_lang.css"; //*');
-const p = /* @__PURE__ */ _(o, [["__scopeId", "data-v-f5061530"]]);
+/* empty css               */import e from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../MultiBar.vue_vue_type_style_index_0_scoped_b473b35e_lang.css"; //*');
+const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-b473b35e"]]);
 export {
   p as default
 };

package/components/multibar/MultiBar.vue2.js

@@ -1,16 +1,18 @@
- import "../../MultiBar.vue_vue_type_style_index_0_scoped_f5061530_lang.css"; import { defineComponent as k, computed as y, openBlock as n, createBlock as s, Teleport as g, createVNode as c, Transition as A, withCtx as u, unref as o, createElementBlock as r, mergeProps as T, createElementVNode as V, createTextVNode as C, toDisplayString as v, createCommentVNode as d, Fragment as x, renderList as z, normalizeClass as M } from "vue";
-import { useVModel as N } from "@vueuse/core";
-import S from "../typography/v4/Typography.vue.js";
-import w from "../button/v4/ButtonV4.vue.js";
-import E from "../button/v4/IconButtonV4.vue.js";
-import $ from "./MultiBarMenu.vue.js";
-const D = { class: "multi-bar-panel" }, F = {
+ import "../../MultiBar.vue_vue_type_style_index_0_scoped_b473b35e_lang.css"; import { defineComponent as k, computed as v, openBlock as l, createBlock as d, Teleport as x, createVNode as c, Transition as g, withCtx as u, unref as t, createElementBlock as r, mergeProps as B, createElementVNode as V, createTextVNode as h, toDisplayString as A, createCommentVNode as m, Fragment as z, renderList as M, normalizeClass as N } from "vue";
+import { useVModel as $ } from "@vueuse/core";
+import E from "../typography/v4/Typography.vue.js";
+import S from "../button/v4/ButtonV4.vue.js";
+import P from "../button/v4/IconButtonV4.vue.js";
+import w from "./MultiBarMenu.vue.js";
+import { useTestIdAttrs as L } from "../../utils/testIds.js";
+import { MultiBarTestIdModifiers as n } from "../../testids/index.js";
+const O = { class: "multi-bar-panel" }, R = {
   key: 0,
   class: "count-text"
-}, I = {
+}, D = {
   inheritAttrs: !1
-}, O = /* @__PURE__ */ k({
-  ...I,
+}, X = /* @__PURE__ */ k({
+  ...D,
   __name: "MultiBar",
   props: {
     modelValue: { type: Boolean },
@@ -19,72 +21,77 @@ const D = { class: "multi-bar-panel" }, F = {
     actions: { default: () => [] },
     visibleActionsCount: { default: 4 },
     size: { default: "medium" },
-    position: { default: "center" }
+    position: { default: "center" },
+    testId: { default: "" },
+    zIndex: { default: 1e3 }
   },
   emits: ["update:modelValue", "close", "action"],
-  setup(t, { emit: l }) {
-    const e = t, m = N(e, "modelValue", l), h = () => {
-      m.value = !1, l("close");
-    }, f = (a) => {
-      l("action", a);
-    }, b = y(
+  setup(o, { emit: s }) {
+    const e = o, f = $(e, "modelValue", s), I = () => {
+      f.value = !1, s("close");
+    }, b = (a) => {
+      s("action", a);
+    }, p = v(
       () => e.actions.length > e.visibleActionsCount ? e.actions.slice(0, e.visibleActionsCount) : e.actions
-    ), p = y(
+    ), C = v(
       () => e.actions.length > e.visibleActionsCount ? e.actions.slice(e.visibleActionsCount) : []
-    );
-    return (a, L) => (n(), s(g, {
+    ), y = L(e.testId, n);
+    return (a, F) => (l(), d(x, {
       to: "body",
-      disabled: !t.appendToBody
+      disabled: !o.appendToBody
     }, [
-      c(A, { name: "multi-bar" }, {
+      c(g, { name: "multi-bar" }, {
         default: u(() => [
-          o(m) ? (n(), r("div", T({
+          t(f) ? (l(), r("div", B({
             key: 0,
             class: ["multi-bar", {
               "light-theme-v4": !0,
-              "multi-bar--fixed": t.appendToBody,
-              "multi-bar--sticky": !t.appendToBody,
-              "multi-bar--small": t.size === "small",
-              "multi-bar--medium": t.size === "medium",
-              "multi-bar--left": t.position === "left"
-            }]
-          }, a.$attrs), [
-            V("div", D, [
-              c(o(E), {
+              "multi-bar--fixed": o.appendToBody,
+              "multi-bar--sticky": !o.appendToBody,
+              "multi-bar--small": o.size === "small",
+              "multi-bar--medium": o.size === "medium",
+              "multi-bar--left": o.position === "left"
+            }],
+            style: { zIndex: o.zIndex }
+          }, { ...a.$attrs, ...t(y)[t(n).WRAPPER] }), [
+            V("div", O, [
+              c(t(P), B({
                 "icon-name": "x",
-                class: "close-icon",
-                onClick: h
-              }),
-              t.selectedCount ? (n(), r("div", F, [
-                c(o(S), { variant: "body1" }, {
+                class: "close-icon"
+              }, t(y)[t(n).CLOSE_BTN], { onClick: I }), null, 16),
+              o.selectedCount ? (l(), r("div", R, [
+                c(t(E), { variant: "body1" }, {
                   default: u(() => [
-                    C(v(t.selectedCount) + " selected ", 1)
+                    h(A(o.selectedCount) + " selected ", 1)
                   ]),
                   _: 1
                 })
-              ])) : d("", !0),
-              (n(!0), r(x, null, z(o(b), (i, B) => (n(), s(o(w), {
+              ])) : m("", !0),
+              (l(!0), r(z, null, M(t(p), (i, T) => (l(), d(t(S), {
                 key: i.id,
-                class: M(["action-button", {
-                  "action-button--last": B === o(b).length - 1
+                class: N(["action-button", {
+                  "action-button--last": T === t(p).length - 1
                 }]),
                 variant: "text",
                 color: "default",
                 "start-icon-name": i.icon,
-                onClick: (P) => f(i)
+                "data-testid": `${e.testId}-${t(n).ACTION}-${i.id}`,
+                disabled: i.disabled,
+                onClick: (U) => b(i)
               }, {
                 default: u(() => [
-                  C(v(i.title), 1)
+                  h(A(i.title), 1)
                 ]),
                 _: 2
-              }, 1032, ["class", "start-icon-name", "onClick"]))), 128)),
-              o(p).length ? (n(), s($, {
+              }, 1032, ["class", "start-icon-name", "data-testid", "disabled", "onClick"]))), 128)),
+              t(C).length ? (l(), d(w, {
                 key: 1,
-                "menu-items": o(p),
-                onSelected: f
-              }, null, 8, ["menu-items"])) : d("", !0)
+                "menu-items": t(C),
+                "test-id": `${e.testId}-${t(n).MENU}`,
+                onSelected: b
+              }, null, 8, ["menu-items", "test-id"])) : m("", !0)
             ])
-          ], 16)) : d("", !0)
+          ], 16)) : m("", !0)
         ]),
         _: 1
       })
@@ -92,5 +99,5 @@ const D = { class: "multi-bar-panel" }, F = {
   }
 });
 export {
-  O as default
+  X as default
 };

package/components/multibar/MultiBarMenu.vue.d.ts

@@ -1,17 +1,22 @@
 import { MultiBarAction } from '@/components/multibar/MultiBar.types';
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     menuItems: MultiBarAction[];
+    testId?: string;
 }>, {
     menuItems: () => any[];
+    testId: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     selected: (item: unknown) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     menuItems: MultiBarAction[];
+    testId?: string;
 }>, {
     menuItems: () => any[];
+    testId: string;
 }>>> & {
     onSelected?: (item: unknown) => any;
 }, {
+    testId: string;
     menuItems: MultiBarAction[];
 }>;
 export default _default;

package/components/multibar/MultiBarMenu.vue.js

@@ -1,7 +1,7 @@
 import e from "./MultiBarMenu.vue2.js";
 /* empty css                   */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../MultiBarMenu.vue_vue_type_style_index_0_scoped_ae2bbc6c_lang.css"; //*');
-const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-ae2bbc6c"]]);
+// import "../../MultiBarMenu.vue_vue_type_style_index_0_scoped_e40e5dda_lang.css"; //*');
+const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-e40e5dda"]]);
 export {
-  s as default
+  a as default
 };

package/components/multibar/MultiBarMenu.vue2.js

@@ -1,49 +1,54 @@
- import "../../MultiBarMenu.vue_vue_type_style_index_0_scoped_ae2bbc6c_lang.css"; import { defineComponent as s, openBlock as l, createBlock as d, unref as t, withCtx as o, createVNode as m, createSlots as c, createTextVNode as u, toDisplayString as f } from "vue";
-import _ from "../dropdown/v4/DropdownV4.vue.js";
+ import "../../MultiBarMenu.vue_vue_type_style_index_0_scoped_e40e5dda_lang.css"; import { defineComponent as l, openBlock as m, createBlock as p, unref as t, withCtx as i, createVNode as s, createSlots as u, createTextVNode as c, toDisplayString as f } from "vue";
+import b from "../dropdown/v4/DropdownV4.vue.js";
 import "../dropdown/v4/DefaultDropdownTrigger.vue.js";
 import "../dropdown/v4/IconButtonDropdownTrigger.vue.js";
 import "../dropdown/v4/ChipDropdownTrigger.vue.js";
 import "../dropdown/v4/AppDropdownTrigger.vue.js";
 import g from "../dropdown/v4/OptionV4.vue.js";
 import x from "../icon/v4/IconV4.vue.js";
-const C = /* @__PURE__ */ s({
+const C = /* @__PURE__ */ l({
   __name: "MultiBarMenu",
   props: {
-    menuItems: { default: () => [] }
+    menuItems: { default: () => [] },
+    testId: { default: "" }
   },
   emits: ["selected"],
-  setup(a, { emit: p }) {
-    const n = (r) => r.title;
-    return (r, i) => (l(), d(t(_), {
+  setup(n, { emit: a }) {
+    const o = (d) => d.title;
+    return (d, r) => (m(), p(t(b), {
       class: "multi-bar-menu",
-      options: a.menuItems,
-      "display-value": n,
+      options: n.menuItems,
+      "display-value": o,
       "predefined-trigger": "icon-button",
       placement: "right-end",
       skidding: -20,
-      "onUpdate:selected": i[0] || (i[0] = (e) => p("selected", e))
+      "test-id": n.testId,
+      "onUpdate:selected": r[0] || (r[0] = (e) => a("selected", e))
     }, {
-      default: o(({ option: e }) => [
-        m(t(g), { option: e }, c({
-          default: o(() => [
-            u(" " + f(n(e)), 1)
+      default: i(({ option: e }) => [
+        s(t(g), {
+          option: e,
+          disabled: e.disabled
+        }, u({
+          default: i(() => [
+            c(" " + f(o(e)), 1)
           ]),
           _: 2
         }, [
           e.icon ? {
             name: "icon-start",
-            fn: o(() => [
-              m(t(x), {
+            fn: i(() => [
+              s(t(x), {
                 name: e.icon,
                 size: "20px"
               }, null, 8, ["name"])
             ]),
             key: "0"
           } : void 0
-        ]), 1032, ["option"])
+        ]), 1032, ["option", "disabled"])
       ]),
       _: 1
-    }, 8, ["options"]));
+    }, 8, ["options", "test-id"]));
   }
 });
 export {

package/components/multibar/index.d.ts

@@ -8,6 +8,14 @@ declare const MultiBarTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<"center" | "left">;
         default: string;
     };
+    zIndex: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     actions: {
         type: import("vue").PropType<import("./MultiBar.types").MultiBarAction[]>;
         default: () => any[];
@@ -41,6 +49,14 @@ declare const MultiBarTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<"center" | "left">;
         default: string;
     };
+    zIndex: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     actions: {
         type: import("vue").PropType<import("./MultiBar.types").MultiBarAction[]>;
         default: () => any[];
@@ -68,6 +84,8 @@ declare const MultiBarTypes: () => import("vue").DefineComponent<{
 }, {
     size: "small" | "medium";
     position: "center" | "left";
+    zIndex: number;
+    testId: string;
     actions: import("./MultiBar.types").MultiBarAction[];
     appendToBody: boolean;
     selectedCount: number;

package/components/statusDot/StatusDot.vue.d.ts

@@ -0,0 +1,30 @@
+import { StatusDotTypes } from './types';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    type: StatusDotTypes;
+}>, {
+    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<{
+    type: StatusDotTypes;
+}>, {
+    type: string;
+}>>>, {
+    type: StatusDotTypes;
+}>;
+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 ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/components/statusDot/StatusDot.vue.js

@@ -0,0 +1,7 @@
+import o from "./StatusDot.vue2.js";
+/* empty css                */import t from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../StatusDot.vue_vue_type_style_index_0_scoped_0c8a38e5_lang.css"; //*');
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0c8a38e5"]]);
+export {
+  a as default
+};

package/components/statusDot/StatusDot.vue2.js

@@ -0,0 +1,15 @@
+ import "../../StatusDot.vue_vue_type_style_index_0_scoped_0c8a38e5_lang.css"; import { defineComponent as t, openBlock as s, createElementBlock as o, normalizeClass as a } from "vue";
+const r = /* @__PURE__ */ t({
+  __name: "StatusDot",
+  props: {
+    type: { default: "success" }
+  },
+  setup(e) {
+    return (n, c) => (s(), o("div", {
+      class: a([e.type, "status-dot"])
+    }, null, 2));
+  }
+});
+export {
+  r as default
+};

package/components/statusDot/index.d.ts

@@ -0,0 +1,17 @@
+import StatusDot from './StatusDot.vue';
+declare const StatusDotTypes: () => import("vue").DefineComponent<{
+    type: {
+        type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
+        required: true;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: import("vue").PropType<"default" | "disabled" | "success" | "warning" | "error" | "archive">;
+        required: true;
+        default: string;
+    };
+}>>, {
+    type: "default" | "disabled" | "success" | "warning" | "error" | "archive";
+}>[];
+export { StatusDot, StatusDotTypes };

package/components/statusDot/index.js

@@ -0,0 +1,6 @@
+import t from "./StatusDot.vue.js";
+const s = () => [t];
+export {
+  t as StatusDot,
+  s as StatusDotTypes
+};

package/components/statusDot/types.d.ts

@@ -0,0 +1,2 @@
+export declare const STATUS_DOT_TYPES: readonly ["disabled", "default", "success", "warning", "archive", "error"];
+export type StatusDotTypes = (typeof STATUS_DOT_TYPES)[number];

package/components/table/common/Table.common.js

@@ -1,9 +1,9 @@
-import { ref as a, provide as z, computed as i, useSlots as G, onMounted as K, nextTick as N } from "vue";
+import { useSlots as z, ref as a, provide as G, computed as s, onMounted as K, nextTick as N } from "vue";
 import { useVirtualList as V, useInfiniteScroll as j } from "@vueuse/core";
 import { TableContext as q } from "./TableContext.js";
 const F = 46, J = 46, Z = (o, u) => {
-  const c = a([]);
-  z(q, {
+  const v = z(), c = a([]);
+  G(q, {
     onClose({ rowIndex: t, cellIndex: e, value: n } = {}) {
       n && (c.value = [...c.value, t], u("saveRow", {
         rowIndex: t,
@@ -11,37 +11,37 @@ const F = 46, J = 46, Z = (o, u) => {
         value: n,
         confirm: () => {
           c.value = c.value.filter(
-            (s) => s !== t
+            (i) => i !== t
           );
         }
       }));
     }
   });
-  const m = i(() => !!o.selection), T = i(() => {
-    const t = (m.value ? `${J}px ` : "") + (C.value ? `${F}px ` : "");
+  const x = s(() => !!o.selection), T = s(() => {
+    const t = (x.value ? `${J}px ` : "") + (g.value ? `${F}px ` : "");
     return o.columns.reduce((e, n) => {
-      const s = n.width ? `${n.width}px` : `${n.colSpan || 1}fr`;
-      return `${e} ${s}`;
+      const i = n.width ? `${n.width}px` : `${n.colSpan || 1}fr`;
+      return `${e} ${i}`;
     }, t);
-  }), R = a(null), y = i(() => Array(o.loadingRowCount).fill(
+  }), g = s(() => !!v.expanded), R = a(null), y = s(() => Array(o.loadingRowCount).fill(
     Array(o.columns.length).fill("")
-  )), $ = i(() => o.isLoading ? [...o.rows, ...y.value] : o.rows), { list: v, containerProps: l, wrapperProps: b } = V($, {
-    itemHeight: (t) => h[t] ?? o.rowHeight
-  }), H = a(null), g = a(0), x = G(), k = i(() => !!x.search), B = (t) => {
-    l.onScroll(), g.value = t.target.scrollLeft + t.target.getBoundingClientRect().width, u("onScroll", t.target.scrollTop);
+  )), H = s(() => o.isLoading ? [...o.rows, ...y.value] : o.rows), { list: C, containerProps: l, wrapperProps: $ } = V(H, {
+    itemHeight: g.value ? (t) => w[t] ?? o.rowHeight : o.rowHeight
+  }), b = a(null), h = a(0), k = s(() => !!v.search), B = (t) => {
+    l.onScroll(), h.value = t.target.scrollLeft + t.target.getBoundingClientRect().width, u("onScroll", t.target.scrollTop);
   };
   K(() => {
-    g.value = l.ref.value?.getBoundingClientRect().width, o.defaultScrollPosition && setTimeout(() => {
+    h.value = l.ref.value?.getBoundingClientRect().width, o.defaultScrollPosition && setTimeout(() => {
       l.ref.value?.scrollTo({
         top: o.defaultScrollPosition,
         behavior: "smooth"
       });
     }, 300);
   });
-  const I = i(() => {
-    const [t] = v.value;
+  const I = s(() => {
+    const [t] = C.value;
     return t && t.index > 0;
-  }), O = i(() => l.style), P = i(() => o.columns.reduce((t, e) => (e.isSticky && (t[e.id] = A(e)), t), {}));
+  }), O = s(() => l.style), P = s(() => o.columns.reduce((t, e) => (e.isSticky && (t[e.id] = A(e)), t), {}));
   j(
     l.ref,
     () => {
@@ -61,37 +61,37 @@ const F = 46, J = 46, Z = (o, u) => {
     const e = o.sort.sortBy === t.id;
     if (!(t.isSortable || t.isSortable === void 0))
       return;
-    let s = o.sort.sortOrder, f = o.sort.sortBy;
-    e ? s = o.sort.sortOrder === "asc" ? "desc" : "asc" : f = t.id, u("update:sort", { sortBy: f, sortOrder: s });
+    let i = o.sort.sortOrder, f = o.sort.sortBy;
+    e ? i = o.sort.sortOrder === "asc" ? "desc" : "asc" : f = t.id, u("update:sort", { sortBy: f, sortOrder: i });
   }
   function A(t) {
     const { isSticky: e, width: n } = t;
     if (!e || !n)
       return null;
-    const s = o.columns.findIndex((r) => r.id === t.id), f = o.columns.reduce((r, S, w) => w < s ? r + S.width : r, 0), X = o.columns.reduce((r, S, w) => w > s ? r + S.width : r, 0);
+    const i = o.columns.findIndex((r) => r.id === t.id), f = o.columns.reduce((r, S, m) => m < i ? r + S.width : r, 0), X = o.columns.reduce((r, S, m) => m > i ? r + S.width : r, 0);
     return {
       ...t.isStickyRight ? { right: `${X}px` } : { left: `${f}px` },
       zIndex: 1
     };
   }
-  const d = a([]), h = {}, _ = (t) => d.value.includes(t), D = async (t, e) => {
+  const d = a([]), w = {}, _ = (t) => d.value.includes(t), D = async (t, e) => {
     const n = d.value.indexOf(t);
     if (n === -1) {
       d.value.push(t);
-      const s = e.target.closest("tr");
-      await N(), s && (h[t] = s.offsetHeight);
+      const i = e.target.closest("tr");
+      await N(), i && (w[t] = i.offsetHeight);
     } else
-      d.value.splice(n, 1), delete h[t];
-  }, C = i(() => !!x.expanded), M = i(() => `${o.rowHeight}px`), W = i(
+      d.value.splice(n, 1), delete w[t];
+  }, M = s(() => `${o.rowHeight}px`), W = s(
     () => `1 / span ${o.columns.length + 1}`
   );
   return {
-    list: v,
+    list: C,
     containerProps: l,
-    wrapperProps: b,
+    wrapperProps: $,
     activeRow: R,
     gridColumnTemplate: T,
-    floatingActionRef: H,
+    floatingActionRef: b,
     scrollToTop: E,
     toggleSortOrder: L,
     columnsStickyPositions: P,
@@ -100,9 +100,9 @@ const F = 46, J = 46, Z = (o, u) => {
     containerStyle: O,
     onScroll: B,
     savingRows: c,
-    floatingActionPosition: g,
-    hasExpandSlot: C,
-    hasCheckboxes: m,
+    floatingActionPosition: h,
+    hasExpandSlot: g,
+    hasCheckboxes: x,
     toggleExpandRow: D,
     isRowExpanded: _,
     cssRowHeight: M,