@agrotools1/at-components 1.0.5 → 1.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,14 +1,18 @@
1
1
  import v from "./Accordion.vue2.js";
2
- import { resolveComponent as t, openBlock as o, createElementBlock as c, normalizeClass as l, createBlock as i, createCommentVNode as n, createVNode as C, withCtx as S, createTextVNode as I, toDisplayString as _, createElementVNode as r, normalizeStyle as g, renderSlot as a } from "vue";
2
+ import { resolveComponent as t, openBlock as o, createElementBlock as c, normalizeClass as a, createBlock as i, createCommentVNode as n, createVNode as C, withCtx as _, createTextVNode as S, toDisplayString as I, createElementVNode as r, normalizeStyle as g, withModifiers as h, renderSlot as l } from "vue";
3
3
  import "./Accordion.vue3.js";
4
4
  import $ from "../_virtual/_plugin-vue_export-helper.js";
5
- const T = { class: "d-block w-100 at-accordion" }, h = { class: "flex-grow-1" }, z = ["data-state"];
6
- function b(e, s, w, M, N, V) {
7
- const d = t("AtCircleMinusSolidIcon"), p = t("AtCheckCircleSolidIcon"), m = t("AtWarningSolidIcon"), f = t("AtCircleXMarkSolidIcon"), u = t("AtTitle"), k = t("AtAngleUpSolidIcon"), y = t("AtAngleDownSolidIcon");
5
+ const T = { class: "d-block w-100 at-accordion" }, b = ["aria-expanded"], z = { class: "flex-grow-1" }, w = {
6
+ ref: "buttonRef",
7
+ as: "button",
8
+ class: "ms-2 at-accordion-button"
9
+ }, M = ["data-state"];
10
+ function N(e, s, O, V, B, D) {
11
+ const d = t("AtCircleMinusSolidIcon"), p = t("AtCheckCircleSolidIcon"), m = t("AtWarningSolidIcon"), u = t("AtCircleXMarkSolidIcon"), f = t("AtTitle"), k = t("AtAngleUpSolidIcon"), y = t("AtAngleDownSolidIcon");
8
12
  return o(), c("div", T, [
9
13
  e.isInformative ? (o(), c("div", {
10
14
  key: 0,
11
- class: l(["d-flex align-items-center justify-content-center at-accordion-header", [`at-accordion-header-${e.$props.informativeType}`]])
15
+ class: a(["d-flex align-items-center justify-content-center at-accordion-header", [`at-accordion-header-${e.$props.informativeType}`]])
12
16
  }, [
13
17
  e.informativeType === "default" ? (o(), i(d, {
14
18
  key: 0,
@@ -25,35 +29,32 @@ function b(e, s, w, M, N, V) {
25
29
  size: "20",
26
30
  class: "me-2"
27
31
  })) : n("", !0),
28
- e.informativeType === "error" ? (o(), i(f, {
32
+ e.informativeType === "error" ? (o(), i(u, {
29
33
  key: 3,
30
34
  size: "20",
31
35
  class: "me-2"
32
36
  })) : n("", !0),
33
- C(u, {
37
+ C(f, {
34
38
  as: "h6",
35
39
  bold: !0,
36
40
  class: "m-0"
37
41
  }, {
38
- default: S(() => [
39
- I(_(e.informativeTitle), 1)
42
+ default: _(() => [
43
+ S(I(e.informativeTitle), 1)
40
44
  ]),
41
45
  _: 1
42
46
  })
43
47
  ], 2)) : n("", !0),
44
48
  r("div", {
45
- class: l(["d-flex align-items-center px-3 py-2 at-accordion-title", [`at-accordion-title-${e.$props.titleType}`]]),
46
- style: g({ backgroundColor: e.$props.titleColor ?? "" })
49
+ class: a(["d-flex align-items-center px-3 py-2 at-accordion-title", [`at-accordion-title-${e.$props.titleType}`]]),
50
+ style: g({ backgroundColor: e.$props.titleColor ?? "", cursor: "pointer" }),
51
+ "aria-expanded": e.isOpen,
52
+ onClick: s[0] || (s[0] = h((...A) => e.onClick && e.onClick(...A), ["stop", "prevent"]))
47
53
  }, [
48
- r("div", h, [
49
- a(e.$slots, "title", {}, void 0, !0)
54
+ r("div", z, [
55
+ l(e.$slots, "title", {}, void 0, !0)
50
56
  ]),
51
- r("div", {
52
- ref: "buttonRef",
53
- as: "button",
54
- class: "ms-2 at-accordion-button",
55
- onClick: s[0] || (s[0] = (...A) => e.onClick && e.onClick(...A))
56
- }, [
57
+ r("div", w, [
57
58
  e.isOpen ? (o(), i(k, {
58
59
  key: 0,
59
60
  size: "24",
@@ -65,16 +66,16 @@ function b(e, s, w, M, N, V) {
65
66
  color: "#161617"
66
67
  }))
67
68
  ], 512)
68
- ], 6),
69
+ ], 14, b),
69
70
  r("div", {
70
71
  "data-state": e.isOpen ? "open" : "close",
71
72
  class: "at-accordion-body"
72
73
  }, [
73
- a(e.$slots, "content", {}, void 0, !0)
74
- ], 8, z)
74
+ l(e.$slots, "content", {}, void 0, !0)
75
+ ], 8, M)
75
76
  ]);
76
77
  }
77
- const U = /* @__PURE__ */ $(v, [["render", b], ["__scopeId", "data-v-8cdaaaf9"]]);
78
+ const j = /* @__PURE__ */ $(v, [["render", N], ["__scopeId", "data-v-5bae2ccd"]]);
78
79
  export {
79
- U as default
80
+ j as default
80
81
  };
@@ -1,4 +1,4 @@
1
- const _ = "";
1
+ const e = "";
2
2
  export {
3
- _ as default
3
+ e as default
4
4
  };
@@ -30,7 +30,7 @@ function u(e, f, b, h, y, g) {
30
30
  _: 3
31
31
  }, 8, ["href", "target", "style", "class", "disabled", "aria-disabled"]);
32
32
  }
33
- const $ = /* @__PURE__ */ p(a, [["render", u], ["__scopeId", "data-v-2f6438bd"]]);
33
+ const $ = /* @__PURE__ */ p(a, [["render", u], ["__scopeId", "data-v-e6d82d7e"]]);
34
34
  export {
35
35
  $ as default
36
36
  };
@@ -1,4 +1,4 @@
1
- const _ = "";
1
+ const e = "";
2
2
  export {
3
- _ as default
3
+ e as default
4
4
  };
@@ -1,37 +1,37 @@
1
- import n from "./Column.vue2.js";
2
- import { openBlock as a, createElementBlock as i, createElementVNode as e, toDisplayString as r, createCommentVNode as s, renderSlot as d } from "vue";
1
+ import r from "./Column.vue2.js";
2
+ import { openBlock as a, createElementBlock as i, mergeProps as n, createElementVNode as e, renderSlot as s, toDisplayString as d, createCommentVNode as m } from "vue";
3
3
  import "./Column.vue3.js";
4
- import m from "../../_virtual/_plugin-vue_export-helper.js";
5
- const f = ["data-align-columns", "data-filterable"], c = { class: "slot" }, u = { class: "filters" }, p = ["data-orientation", "data-filterable"], g = ["src"];
6
- function h(t, o, _, b, v, M) {
7
- return a(), i("th", {
4
+ import f from "../../_virtual/_plugin-vue_export-helper.js";
5
+ const p = ["data-align-columns", "data-filterable"], u = { class: "slot" }, c = { class: "filters" }, g = ["data-orientation", "data-filterable"], h = ["src"];
6
+ function b(t, o, _, v, M, $) {
7
+ return a(), i("th", n({
8
8
  role: "columnheader",
9
9
  class: "column",
10
10
  "data-align-columns": t.alignColumns,
11
11
  "data-filterable": t.withMaxMinFilter
12
- }, [
13
- e("div", c, [
14
- e("span", null, r(t.label), 1),
15
- e("div", u, [
16
- t.withMaxMinFilter ? (a(), i("button", {
17
- key: 0,
18
- class: "filter-icon",
19
- type: "button",
20
- "data-orientation": t.orientation,
21
- "data-filterable": t.withMaxMinFilter,
22
- onClick: o[0] || (o[0] = (...l) => t.toggleOrientation && t.toggleOrientation(...l))
23
- }, [
24
- e("img", {
25
- src: t.filterSvg,
26
- alt: "Botão para filtrar valor"
27
- }, null, 8, g)
28
- ], 8, p)) : s("", !0),
29
- d(t.$slots, "default", {}, void 0, !0)
30
- ])
12
+ }, t.$attrs), [
13
+ e("div", u, [
14
+ e("div", c, [
15
+ s(t.$slots, "default", {}, void 0, !0),
16
+ e("span", null, d(t.label), 1)
17
+ ]),
18
+ t.withMaxMinFilter ? (a(), i("button", {
19
+ key: 0,
20
+ class: "filter-icon",
21
+ type: "button",
22
+ "data-orientation": t.orientation,
23
+ "data-filterable": t.withMaxMinFilter,
24
+ onClick: o[0] || (o[0] = (...l) => t.toggleOrientation && t.toggleOrientation(...l))
25
+ }, [
26
+ e("img", {
27
+ src: t.filterSvg,
28
+ alt: "Botão para filtrar valor"
29
+ }, null, 8, h)
30
+ ], 8, g)) : m("", !0)
31
31
  ])
32
- ], 8, f);
32
+ ], 16, p);
33
33
  }
34
- const y = /* @__PURE__ */ m(n, [["render", h], ["__scopeId", "data-v-a87f5ee2"]]);
34
+ const B = /* @__PURE__ */ f(r, [["render", b], ["__scopeId", "data-v-4be23688"]]);
35
35
  export {
36
- y as default
36
+ B as default
37
37
  };
@@ -1,40 +1,40 @@
1
1
  import A from "./DataTable.vue2.js";
2
- import { resolveComponent as c, openBlock as t, createElementBlock as o, Fragment as i, createElementVNode as l, mergeProps as P, createBlock as u, withCtx as $, createVNode as g, createCommentVNode as p, renderSlot as D, withDirectives as I, renderList as d, normalizeClass as f, withKeys as T, toDisplayString as w, resolveDynamicComponent as k, vShow as z, pushScopeId as E, popScopeId as K } from "vue";
2
+ import { resolveComponent as c, openBlock as t, createElementBlock as o, Fragment as r, createElementVNode as i, mergeProps as P, createBlock as u, withCtx as $, createVNode as g, createCommentVNode as p, renderSlot as D, withDirectives as I, renderList as d, normalizeClass as f, withKeys as T, toDisplayString as w, resolveDynamicComponent as k, vShow as z, pushScopeId as E, popScopeId as K } from "vue";
3
3
  import "./DataTable.vue3.js";
4
- import U from "../_virtual/_plugin-vue_export-helper.js";
5
- const b = (e) => (E("data-v-69ef9fdc"), e = e(), K(), e), V = ["data-align-columns"], L = ["data-isStick"], B = {
4
+ import V from "../_virtual/_plugin-vue_export-helper.js";
5
+ const b = (e) => (E("data-v-1c0fda53"), e = e(), K(), e), L = ["data-align-columns"], U = ["data-isStick"], B = {
6
6
  role: "row",
7
7
  class: "thead-row"
8
8
  }, F = {
9
9
  key: 1,
10
10
  role: "rowgroup"
11
- }, N = /* @__PURE__ */ b(() => /* @__PURE__ */ l("tr", { class: "empty-space" }, null, -1)), H = ["onmouseenter"], R = ["data-key", "onClick"], W = { class: "td-container" }, j = ["id", "value", "onKeydown"], M = { key: 1 }, O = {
11
+ }, N = /* @__PURE__ */ b(() => /* @__PURE__ */ i("tr", { class: "empty-space" }, null, -1)), H = ["onmouseenter"], R = ["data-key", "onClick"], W = { class: "td-container" }, j = ["id", "value", "onKeydown"], M = { key: 1 }, O = {
12
12
  key: 2,
13
13
  class: "item-as-array"
14
- }, q = { key: 0 }, G = /* @__PURE__ */ b(() => /* @__PURE__ */ l("tr", { class: "empty-space" }, null, -1)), J = {
14
+ }, q = { key: 0 }, G = /* @__PURE__ */ b(() => /* @__PURE__ */ i("tr", { class: "empty-space" }, null, -1)), J = {
15
15
  key: 0,
16
16
  class: "d-flex flex-column gap-2 w-100"
17
17
  }, Q = { class: "table-skeleton" }, X = {
18
18
  key: 1,
19
19
  style: { display: "flex", "justify-content": "flex-end", "margin-top": "16px" }
20
20
  };
21
- function Y(e, Z, x, ee, te, oe) {
22
- var h;
23
- const v = c("AtCheckbox"), C = c("AtColumn"), _ = c("AtText"), S = c("AtPaginator");
24
- return t(), o(i, null, [
25
- l("table", P(e.$attrs, {
21
+ function Y(e, h, Z, x, ee, te) {
22
+ const v = c("AtCheckbox"), C = c("AtColumn"), S = c("AtText"), _ = c("AtPaginator");
23
+ return t(), o(r, null, [
24
+ i("table", P(e.$attrs, {
26
25
  role: "table",
27
26
  class: "table-content",
28
27
  "data-align-columns": e.alignColumns
29
28
  }), [
30
- l("thead", {
29
+ i("thead", {
31
30
  role: "rowgroup",
32
31
  "data-isStick": e.stickHeader
33
32
  }, [
34
- l("tr", B, [
33
+ i("tr", B, [
35
34
  e.withSelection ? (t(), u(C, {
36
35
  key: 0,
37
- field: "selection"
36
+ field: "selection",
37
+ "data-align-columns": "left"
38
38
  }, {
39
39
  default: $(() => [
40
40
  g(v, {
@@ -47,25 +47,25 @@ function Y(e, Z, x, ee, te, oe) {
47
47
  })) : p("", !0),
48
48
  D(e.$slots, "default", {}, void 0, !0)
49
49
  ])
50
- ], 8, L),
51
- !e.value || !e.value.length ? (t(), u(_, {
50
+ ], 8, U),
51
+ !e.value || !e.value.length ? (t(), u(S, {
52
52
  key: 0,
53
53
  as: "h6"
54
54
  })) : I((t(), o("tbody", F, [
55
55
  N,
56
- (t(!0), o(i, null, d(e.activeTableData, (r) => (t(), o("tr", {
57
- key: e.extractKey(r),
56
+ (t(!0), o(r, null, d(e.activeTableData, (l) => (t(), o("tr", {
57
+ key: e.extractKey(l),
58
58
  class: f([...e.columnsClasses, "tbody-tr"]),
59
59
  role: "row",
60
60
  tabindex: "-1",
61
61
  onmouseenter: (n) => {
62
62
  e.lastHoveredTr = {
63
63
  element: n.target,
64
- item: r
64
+ item: l
65
65
  };
66
66
  }
67
67
  }, [
68
- (t(!0), o(i, null, d(e.getEntries(r), ([n, a]) => {
68
+ (t(!0), o(r, null, d(e.getEntries(l), ([n, a]) => {
69
69
  var m, y;
70
70
  return t(), o("td", {
71
71
  key: n,
@@ -75,7 +75,7 @@ function Y(e, Z, x, ee, te, oe) {
75
75
  "aria-selected": "false",
76
76
  onClick: (s) => e.handleTrClick(s, n)
77
77
  }, [
78
- l("div", W, [
78
+ i("div", W, [
79
79
  (y = e.withEditableFields) != null && y.includes(n) ? (t(), o("input", {
80
80
  key: 0,
81
81
  id: n,
@@ -83,7 +83,7 @@ function Y(e, Z, x, ee, te, oe) {
83
83
  value: a,
84
84
  onKeydown: T((s) => e.updateOnKeyDown(s, n), ["enter"])
85
85
  }, null, 40, j)) : typeof a == "number" || typeof a == "string" ? (t(), o("span", M, w(a), 1)) : Array.isArray(a) ? (t(), o("div", O, [
86
- (t(!0), o(i, null, d(a, (s) => (t(), o("div", { key: s }, [
86
+ (t(!0), o(r, null, d(a, (s) => (t(), o("div", { key: s }, [
87
87
  typeof s == "number" || typeof s == "string" ? (t(), o("span", q, w(s), 1)) : (t(), u(k(typeof s == "function" ? s() : s), { key: 1 }))
88
88
  ]))), 128))
89
89
  ])) : (t(), u(k(typeof a == "function" ? a() : a), { key: 3 }))
@@ -95,14 +95,14 @@ function Y(e, Z, x, ee, te, oe) {
95
95
  ], 512)), [
96
96
  [z, !e.reactiveIsLoading]
97
97
  ])
98
- ], 16, V),
98
+ ], 16, L),
99
99
  e.reactiveIsLoading ? (t(), o("div", J, [
100
- l("div", Q, [
101
- (t(!0), o(i, null, d(e.loadingRowsLength, (r) => (t(), o("div", {
102
- key: r,
100
+ i("div", Q, [
101
+ (t(!0), o(r, null, d(e.loadingRowsLength, (l) => (t(), o("div", {
102
+ key: l,
103
103
  class: "skeleton-row"
104
104
  }, [
105
- (t(!0), o(i, null, d(e.columns, (n) => (t(), o("div", {
105
+ (t(!0), o(r, null, d(e.columns, (n) => (t(), o("div", {
106
106
  key: n,
107
107
  class: "skeleton-cell"
108
108
  }))), 128))
@@ -110,18 +110,21 @@ function Y(e, Z, x, ee, te, oe) {
110
110
  ])
111
111
  ])) : p("", !0),
112
112
  e.withPaginator ? (t(), o("div", X, [
113
- g(S, {
113
+ g(_, {
114
114
  ref: "paginatorRef",
115
115
  "page-size": e.withPaginator.pageSize,
116
116
  total: e.withPaginator.total,
117
117
  disable: e.disable,
118
118
  "disable-without-c-s-s": e.disableWithoutCSS,
119
- "onUpdate:activePage": (h = e.withPaginator) == null ? void 0 : h.onUpdatePage
120
- }, null, 8, ["page-size", "total", "disable", "disable-without-c-s-s", "onUpdate:activePage"])
119
+ "onUpdate:activePage": h[0] || (h[0] = (l) => {
120
+ var n;
121
+ (n = e.withPaginator) == null || n.onUpdatePage(l);
122
+ })
123
+ }, null, 8, ["page-size", "total", "disable", "disable-without-c-s-s"])
121
124
  ])) : p("", !0)
122
125
  ], 64);
123
126
  }
124
- const ie = /* @__PURE__ */ U(A, [["render", Y], ["__scopeId", "data-v-69ef9fdc"]]);
127
+ const le = /* @__PURE__ */ V(A, [["render", Y], ["__scopeId", "data-v-1c0fda53"]]);
125
128
  export {
126
- ie as default
129
+ le as default
127
130
  };
@@ -1,15 +1,15 @@
1
- import { defineComponent as E, ref as m, reactive as B, provide as h, readonly as O, inject as P, watch as R, onMounted as L, watchEffect as A, h as q, computed as x } from "vue";
2
- import C from "../Checkbox/Checkbox.vue.js";
3
- import F from "../Paginator/Paginator.vue.js";
4
- import { AtTipograph as N } from "../Tipograph/index.js";
5
- import V from "./Column/Column.vue.js";
6
- const z = E({
1
+ import { defineComponent as L, ref as f, reactive as O, provide as b, readonly as x, inject as B, watch as p, onMounted as P, watchEffect as C, h as R, computed as q } from "vue";
2
+ import D from "../Checkbox/Checkbox.vue.js";
3
+ import N from "../Paginator/Paginator.vue.js";
4
+ import { AtTipograph as V } from "../Tipograph/index.js";
5
+ import F from "./Column/Column.vue.js";
6
+ const W = L({
7
7
  name: "AtDataTable",
8
8
  components: {
9
- AtText: N.Title,
10
- AtColumn: V,
11
- AtPaginator: F,
12
- AtCheckbox: C
9
+ AtText: V.Title,
10
+ AtColumn: F,
11
+ AtPaginator: N,
12
+ AtCheckbox: D
13
13
  },
14
14
  inheritAttrs: !1,
15
15
  props: {
@@ -73,110 +73,125 @@ const z = E({
73
73
  "update:table-data": (e) => Array.isArray(e),
74
74
  "update:table-cell": (e) => typeof e == "object"
75
75
  },
76
- setup(e, s) {
77
- const i = m(e.value), p = m([...i.value]), g = m(!1), u = m([]), S = m(), f = m(
76
+ setup(e, r) {
77
+ const i = f(e.value), A = f([...i.value]), m = f(!1), u = f([]), I = f(), v = f(
78
78
  null
79
- ), d = B([]), y = (t) => {
79
+ ), d = O([]), g = (t) => {
80
80
  d.includes(t) || d.push(t);
81
81
  };
82
- h("columns", {
83
- columns: O(d),
84
- updateColumn: y
85
- }), h("alignColumns", e.alignColumns), h("tableData", i);
86
- const w = P("columns", {
82
+ b("columns", {
83
+ columns: x(d),
84
+ updateColumn: g
85
+ }), b("alignColumns", e.alignColumns), b("tableData", i);
86
+ const w = B("columns", {
87
87
  columns: d,
88
- updateColumn: y
89
- }), D = (t) => Object.entries(t), c = (t) => {
88
+ updateColumn: g
89
+ }), k = (t) => Object.entries(t), s = (t) => {
90
90
  try {
91
91
  return e.keyExtractor(t);
92
- } catch (a) {
93
- console.warn("AtDataTable: Não foi possível extrair a key: ", a);
92
+ } catch (n) {
93
+ console.warn("AtDataTable: Não foi possível extrair a key: ", n);
94
94
  }
95
- }, I = (t, a) => {
96
- var l;
95
+ }, T = (t, n) => {
96
+ var a;
97
97
  const o = t.target;
98
- if ((l = e.withEditableFields) != null && l.includes(a)) {
99
- const n = o.querySelector("input");
100
- n == null || n.focus();
98
+ if ((a = e.withEditableFields) != null && a.includes(n)) {
99
+ const l = o.querySelector("input");
100
+ l == null || l.focus();
101
101
  }
102
- }, v = (t) => {
102
+ }, y = (t) => {
103
103
  u.value = t;
104
- const a = [...e.value].filter((o) => {
105
- const l = c(o);
104
+ const n = i.value.length, o = [...e.value].filter((a) => {
105
+ const l = s(a);
106
106
  return [...u.value].includes(l);
107
107
  });
108
- if (f.value) {
109
- const { element: o, item: l } = f.value, n = a.find(
110
- (r) => c(r) === c(l)
108
+ if (v.value) {
109
+ const { element: a, item: l } = v.value, c = o.find(
110
+ (h) => s(h) === s(l)
111
111
  );
112
- o.setAttribute("aria-selected", JSON.stringify(!!n));
112
+ a.setAttribute("aria-selected", JSON.stringify(!!c));
113
113
  }
114
- console.log(u.value), s.emit("update:selected-items", Array.from(a));
115
- }, k = (t, a) => {
116
- var r;
117
- const o = t.target, { value: l } = o, n = (r = f.value) == null ? void 0 : r.item;
118
- n && (n[a] = l, i.value = i.value.map((b) => {
119
- const K = c(b), j = c(n);
120
- return K === j ? n : b;
121
- }), s.emit("update:table-data", i.value), s.emit("update:table-cell", {
122
- field: a,
123
- value: l
114
+ n === u.value.length ? m.value = !0 : m.value = !1, r.emit("update:selected-items", Array.from(o));
115
+ }, K = (t, n) => {
116
+ var c;
117
+ const o = t.target, { value: a } = o, l = (c = v.value) == null ? void 0 : c.item;
118
+ l && (l[n] = a, i.value = i.value.map((h) => {
119
+ const j = s(h), E = s(l);
120
+ return j === E ? l : h;
121
+ }), r.emit("update:table-data", i.value), r.emit("update:table-cell", {
122
+ field: n,
123
+ value: a
124
124
  }));
125
- }, T = (t) => {
126
- g.value = t, t ? (u.value = [...e.value].map(
127
- (a) => c(a)
128
- ), s.emit("update:selected-items", u.value)) : (u.value = [], s.emit("update:selected-items", [])), console.log(u.value);
125
+ }, S = (t) => {
126
+ m.value = t;
127
+ const n = Array.from(
128
+ document.querySelectorAll(".table-content tbody tr")
129
+ ), o = (a) => {
130
+ for (const l of n)
131
+ l.setAttribute("aria-selected", JSON.stringify(a));
132
+ };
133
+ t ? (u.value = [...e.value].map(
134
+ (a) => s(a)
135
+ ), y(u.value), o(!0)) : (u.value = [], y(u.value), o(!1));
129
136
  };
130
- return R(
137
+ return p(
131
138
  () => e.withDefaultSelectedItems,
132
139
  (t) => {
133
- t && v(e.withDefaultSelectedItems ?? []);
140
+ t && y(e.withDefaultSelectedItems ?? []);
134
141
  }
135
- ), L(() => {
136
- e.withDefaultSelectedItems && v([...e.withDefaultSelectedItems]);
137
- }), A(() => {
142
+ ), P(() => {
143
+ e.withDefaultSelectedItems && y([...e.withDefaultSelectedItems]);
144
+ }), C(() => {
138
145
  e.withSelection ? i.value = [...e.value].map((t) => ({
139
- selection: () => q(C, {
146
+ selection: () => R(D, {
140
147
  modelValue: u.value,
141
- "onUpdate:modelValue": (a) => v(a),
142
- val: c(t),
148
+ "onUpdate:modelValue": (n) => y(n),
149
+ val: s(t),
143
150
  size: "20"
144
151
  }),
145
152
  ...t
146
153
  })) : i.value = [...e.value];
147
- }), A(() => {
148
- const t = [...d], a = [...i.value].map((o) => {
149
- const l = {}, n = Object.keys({ ...o });
150
- for (const r of t)
151
- n.includes(r) && (l[r] = o[r]);
152
- return l;
154
+ }), C(() => {
155
+ const t = [...d], n = [...i.value].map((o) => {
156
+ const a = {}, l = Object.keys({ ...o });
157
+ for (const c of t)
158
+ l.includes(c) && (a[c] = o[c]);
159
+ return a;
153
160
  });
154
- p.value = a;
155
- }), {
156
- reactiveIsLoading: x(() => e.isLoading),
157
- withSelectionModel: g,
158
- handleWithSelectionChanges: T,
161
+ A.value = n;
162
+ }), p(
163
+ () => [e.isLoading, e.value],
164
+ () => {
165
+ !e.isLoading && e.value.length > 0 && S(m.value);
166
+ },
167
+ {
168
+ flush: "post"
169
+ }
170
+ ), {
171
+ reactiveIsLoading: q(() => e.isLoading),
172
+ withSelectionModel: m,
173
+ handleWithSelectionChanges: S,
159
174
  tableData: i,
160
- activeTableData: p,
175
+ activeTableData: A,
161
176
  columns: w.columns,
162
177
  updateColumn: w.updateColumn,
163
- internalUpdateColumn: y,
178
+ internalUpdateColumn: g,
164
179
  internalColumns: d,
165
- lastHoveredTr: f,
166
- getEntries: D,
167
- extractKey: c,
168
- updateOnKeyDown: k,
169
- handleTrClick: I,
170
- paginatorRef: S
180
+ lastHoveredTr: v,
181
+ getEntries: k,
182
+ extractKey: s,
183
+ updateOnKeyDown: K,
184
+ handleTrClick: T,
185
+ paginatorRef: I
171
186
  };
172
187
  },
173
188
  methods: {
174
189
  setPage(e) {
175
- var s;
176
- (s = this.paginatorRef) == null || s.setPage(e);
190
+ var r;
191
+ (r = this.paginatorRef) == null || r.setPage(e);
177
192
  }
178
193
  }
179
194
  });
180
195
  export {
181
- z as default
196
+ W as default
182
197
  };