bitboss-ui 2.0.106 → 2.0.107

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.
Files changed (164) hide show
  1. package/dist/components/BbRows/BbRows.vue.d.ts +1 -0
  2. package/dist/components/BbTable/types.d.ts +13 -0
  3. package/dist/index100.js +46 -45
  4. package/dist/index111.js +224 -207
  5. package/dist/index119.js +2 -2
  6. package/dist/index121.js +6 -6
  7. package/dist/index123.js +1 -1
  8. package/dist/index125.js +1 -1
  9. package/dist/index127.js +1 -1
  10. package/dist/index128.js +1 -1
  11. package/dist/index129.js +1 -1
  12. package/dist/index13.js +2 -2
  13. package/dist/index131.js +1 -1
  14. package/dist/index132.js +2 -2
  15. package/dist/index133.js +2 -2
  16. package/dist/index15.js +5 -5
  17. package/dist/index17.js +3 -3
  18. package/dist/index19.js +8 -8
  19. package/dist/index205.js +115 -2
  20. package/dist/index206.js +2 -86
  21. package/dist/index207.js +10 -0
  22. package/dist/index208.js +3 -25
  23. package/dist/index209.js +53 -17
  24. package/dist/index21.js +16 -16
  25. package/dist/index211.js +13 -15
  26. package/dist/index212.js +3 -3
  27. package/dist/index213.js +40 -11
  28. package/dist/index214.js +6 -16
  29. package/dist/index215.js +7 -2
  30. package/dist/index216.js +12 -4
  31. package/dist/index217.js +13 -2
  32. package/dist/index218.js +2 -8
  33. package/dist/index219.js +4 -3
  34. package/dist/index220.js +2 -41
  35. package/dist/index221.js +3 -6
  36. package/dist/index222.js +20 -7
  37. package/dist/index223.js +4 -12
  38. package/dist/index224.js +281 -13
  39. package/dist/index225.js +15 -52
  40. package/dist/index226.js +18 -0
  41. package/dist/index227.js +19 -13
  42. package/dist/index228.js +15 -5
  43. package/dist/index229.js +16 -13
  44. package/dist/index23.js +18 -18
  45. package/dist/index230.js +24 -13
  46. package/dist/index231.js +2 -19
  47. package/dist/index232.js +250 -15
  48. package/dist/index233.js +51 -18
  49. package/dist/index234.js +44 -27
  50. package/dist/index235.js +5 -2
  51. package/dist/index236.js +53 -243
  52. package/dist/index237.js +123 -49
  53. package/dist/index238.js +125 -44
  54. package/dist/index239.js +2 -5
  55. package/dist/index240.js +5 -60
  56. package/dist/index241.js +366 -17
  57. package/dist/index242.js +86 -4
  58. package/dist/index244.js +23 -123
  59. package/dist/index245.js +17 -2
  60. package/dist/index246.js +48 -5
  61. package/dist/index247.js +12 -366
  62. package/dist/index248.js +10 -113
  63. package/dist/index249.js +16 -3
  64. package/dist/index25.js +7 -7
  65. package/dist/index250.js +1 -1
  66. package/dist/index251.js +1 -1
  67. package/dist/index252.js +2 -2
  68. package/dist/index254.js +2 -2
  69. package/dist/index257.js +2 -2
  70. package/dist/index258.js +2 -2
  71. package/dist/index261.js +9 -3
  72. package/dist/index262.js +23 -17
  73. package/dist/index263.js +87 -7
  74. package/dist/index265.js +6 -4
  75. package/dist/index266.js +15 -430
  76. package/dist/index267.js +9 -2
  77. package/dist/index268.js +9 -89
  78. package/dist/index269.js +8 -7
  79. package/dist/index27.js +1 -1
  80. package/dist/index270.js +27 -10
  81. package/dist/index271.js +1 -1
  82. package/dist/index274.js +420 -189
  83. package/dist/index275.js +2 -281
  84. package/dist/index276.js +88 -5
  85. package/dist/index277.js +7 -2
  86. package/dist/index278.js +11 -2
  87. package/dist/index279.js +4 -2
  88. package/dist/index280.js +224 -2
  89. package/dist/index281.js +200 -2
  90. package/dist/index282.js +176 -2
  91. package/dist/index283.js +6 -2
  92. package/dist/index284.js +2 -2
  93. package/dist/index285.js +2 -2
  94. package/dist/index286.js +2 -2
  95. package/dist/index287.js +2 -2
  96. package/dist/index288.js +2 -22
  97. package/dist/index29.js +3 -3
  98. package/dist/index290.js +2 -9
  99. package/dist/index291.js +2 -23
  100. package/dist/index292.js +2 -89
  101. package/dist/index293.js +4 -0
  102. package/dist/index294.js +2 -176
  103. package/dist/index295.js +22 -2
  104. package/dist/index297.js +2 -22
  105. package/dist/index299.js +22 -9
  106. package/dist/index301.js +3 -16
  107. package/dist/index302.js +17 -8
  108. package/dist/index303.js +431 -219
  109. package/dist/index304.js +113 -422
  110. package/dist/index305.js +3 -127
  111. package/dist/index306.js +1 -1
  112. package/dist/index307.js +214 -3
  113. package/dist/index308.js +3 -214
  114. package/dist/index309.js +3 -67
  115. package/dist/index31.js +2 -2
  116. package/dist/index310.js +3 -2
  117. package/dist/index311.js +58 -5
  118. package/dist/index312.js +2 -5
  119. package/dist/index313.js +67 -8
  120. package/dist/index314.js +5 -7
  121. package/dist/index315.js +32 -18
  122. package/dist/index316.js +7 -53
  123. package/dist/index317.js +18 -52
  124. package/dist/index318.js +53 -7
  125. package/dist/index319.js +52 -32
  126. package/dist/index320.js +46 -3
  127. package/dist/index321.js +7 -3
  128. package/dist/index322.js +5 -3
  129. package/dist/index323.js +8 -3
  130. package/dist/index324.js +471 -49
  131. package/dist/index325.js +3 -46
  132. package/dist/index326.js +1 -1
  133. package/dist/index328.js +426 -0
  134. package/dist/index329.js +43 -420
  135. package/dist/index33.js +8 -8
  136. package/dist/index330.js +2 -47
  137. package/dist/index35.js +4 -4
  138. package/dist/index37.js +16 -16
  139. package/dist/index39.js +5 -5
  140. package/dist/index41.js +2 -2
  141. package/dist/index43.js +8 -8
  142. package/dist/index45.js +5 -5
  143. package/dist/index47.js +2 -2
  144. package/dist/index49.js +2 -2
  145. package/dist/index53.js +1 -1
  146. package/dist/index55.js +1 -1
  147. package/dist/index57.js +2 -2
  148. package/dist/index61.js +1 -1
  149. package/dist/index75.js +3 -3
  150. package/dist/index77.js +1 -1
  151. package/dist/index79.js +2 -2
  152. package/dist/index81.js +1 -1
  153. package/dist/index84.js +4 -4
  154. package/dist/index86.js +2 -2
  155. package/dist/index88.js +5 -5
  156. package/dist/index90.js +1 -1
  157. package/package.json +1 -1
  158. package/dist/index210.js +0 -50
  159. package/dist/index243.js +0 -128
  160. package/dist/index264.js +0 -30
  161. package/dist/index300.js +0 -8
  162. package/dist/index327.js +0 -482
  163. /package/dist/{index331.js → index289.js} +0 -0
  164. /package/dist/{index296.js → index298.js} +0 -0
package/dist/index111.js CHANGED
@@ -1,33 +1,33 @@
1
- import { defineComponent as ue, mergeModels as W, ref as pe, computed as k, toRef as x, useModel as G, watch as J, reactive as me, openBlock as n, createBlock as K, resolveDynamicComponent as fe, normalizeClass as r, unref as i, withCtx as ye, createElementBlock as d, toDisplayString as u, createCommentVNode as g, createElementVNode as o, renderSlot as p, isRef as he, Fragment as V, renderList as B, createVNode as Q, createTextVNode as ve, mergeProps as ke } from "vue";
2
- import { add as _e } from "./index310.js";
3
- import { clamp as ge } from "./index205.js";
4
- import { isNil as X } from "./index258.js";
5
- import { useId as Ce } from "./index8.js";
6
- import { useItemValue as we } from "./index263.js";
7
- import { when as Ve } from "./index216.js";
8
- import Y from "./index17.js";
1
+ import { defineComponent as me, mergeModels as K, ref as fe, computed as v, toRef as j, useModel as Q, watch as X, reactive as ye, openBlock as n, createBlock as Y, resolveDynamicComponent as he, normalizeClass as p, unref as b, withCtx as ve, createElementBlock as d, toDisplayString as m, createCommentVNode as _, createElementVNode as o, renderSlot as f, isRef as ke, Fragment as I, renderList as T, createVNode as Z, createTextVNode as _e, mergeProps as ge } from "vue";
2
+ import { add as Ce } from "./index312.js";
3
+ import { clamp as we } from "./index206.js";
4
+ import { isNil as $ } from "./index257.js";
5
+ import { useId as Ve } from "./index8.js";
6
+ import { useItemValue as Be } from "./index268.js";
7
+ import { when as Ie } from "./index219.js";
8
+ import ee from "./index17.js";
9
9
  /* empty css */
10
- import Be from "./index31.js";
10
+ import Te from "./index31.js";
11
11
  /* empty css */
12
- import { hash as Z } from "./index212.js";
13
- import { useItemsGetter as Te } from "./index208.js";
14
- import { usePrefill as $e } from "./index214.js";
15
- import { useIndexById as Ae } from "./index209.js";
16
- import { useBaseOptions as Ie } from "./index210.js";
17
- import { useHashedWatcher as Ne } from "./index213.js";
18
- import { useLocale as Le } from "./index224.js";
19
- const Se = {
12
+ import { hash as le } from "./index208.js";
13
+ import { useItemsGetter as $e } from "./index244.js";
14
+ import { usePrefill as Ae } from "./index249.js";
15
+ import { useIndexById as xe } from "./index245.js";
16
+ import { useBaseOptions as Ne } from "./index246.js";
17
+ import { useHashedWatcher as Le } from "./index248.js";
18
+ import { useLocale as Se } from "./index217.js";
19
+ const He = {
20
20
  key: 0,
21
21
  class: "sr-only"
22
- }, He = { class: "bb-table-header-row" }, De = { class: "bb-table-header__content" }, Re = { class: "bb-table-check__label-text sr-only" }, Me = {
22
+ }, De = ["aria-rowindex"], Re = { class: "bb-table-header__content" }, Me = { class: "bb-table-check__label-text sr-only" }, Pe = {
23
23
  key: 1,
24
24
  class: "bb-table-radio__label-text sr-only"
25
- }, xe = { class: "bb-table-header__content" }, Oe = { class: "bb-table-header__content sr-only" }, je = { class: "bb-table-loading__row" }, Ee = ["colspan"], qe = { class: "bb-table-loading__text sr-only" }, ze = {
25
+ }, Oe = { class: "bb-table-header__content" }, je = { class: "bb-table-header__content sr-only" }, Ee = ["aria-rowindex"], qe = ["colspan"], ze = { class: "bb-table-loading__text sr-only" }, Fe = {
26
26
  class: "bb-table-skeleton__container",
27
27
  role: "status"
28
- }, Fe = { class: "bb-table-no-data__row" }, Pe = ["colspan"], Ue = { class: "bb-table-no-data__text" }, We = ["onClick", "onContextmenu", "onDblclick"], Ge = { class: "bb-table-check__label-text sr-only" }, Je = { class: "bb-table-radio__label-text sr-only" }, pl = /* @__PURE__ */ ue({
28
+ }, Ue = ["aria-rowindex"], We = ["colspan"], Ge = { class: "bb-table-no-data__text" }, Je = ["aria-rowindex", "onClick", "onContextmenu", "onDblclick"], Ke = { class: "bb-table-check__label-text sr-only" }, Qe = { class: "bb-table-radio__label-text sr-only" }, fl = /* @__PURE__ */ me({
29
29
  __name: "BbTable",
30
- props: /* @__PURE__ */ W({
30
+ props: /* @__PURE__ */ K({
31
31
  accessibleLabel: {},
32
32
  actions: { type: Boolean },
33
33
  actionsText: { default: "Azioni" },
@@ -53,12 +53,15 @@ const Se = {
53
53
  multiple: { type: Boolean, default: !0 },
54
54
  name: {},
55
55
  noDataText: {},
56
+ page: {},
57
+ perPage: {},
56
58
  readonly: { type: Boolean },
57
59
  selectable: { type: [Boolean, Function] },
58
60
  selectAllLabel: {},
59
61
  selectText: {},
60
62
  tdClass: {},
61
- thClass: {}
63
+ thClass: {},
64
+ totalItems: {}
62
65
  }, {
63
66
  "select-all": { type: Boolean, default: !1 },
64
67
  "select-allModifiers": {},
@@ -67,13 +70,15 @@ const Se = {
67
70
  },
68
71
  "unselected-itemsModifiers": {}
69
72
  }),
70
- emits: /* @__PURE__ */ W(["click:row", "contextmenu:row", "dblclick:row", "update:modelValue", "update:selectAll", "item:selected", "item:unselected"], ["update:select-all", "update:unselected-items"]),
71
- setup(N, { emit: ee }) {
72
- const { getItemValue: le } = we(), O = Ce().id.value, t = N, m = ee, { t: C } = Le(), T = pe(), te = (e) => [C("table.select").value].concat(e.map((s) => s.content)).join(" "), ae = k(() => t.selectable ? "fieldset" : "div"), j = k(() => t.loading || se.value), E = k(() => [!!t.selectable, !!t.actions].reduce(
73
+ emits: /* @__PURE__ */ K(["click:row", "contextmenu:row", "dblclick:row", "update:modelValue", "update:selectAll", "item:selected", "item:unselected"], ["update:select-all", "update:unselected-items"]),
74
+ setup(H, { emit: ae }) {
75
+ const { getItemValue: te } = Be(), E = Ve().id.value, a = H, y = ae, { t: g } = Se(), A = fe(), se = (e) => [g("table.select").value].concat(e.map((s) => s.content)).join(" "), oe = v(() => a.selectable ? "fieldset" : "div"), q = v(() => a.loading || ne.value), C = v(
76
+ () => !$(a.page) && !$(a.perPage) && !$(a.totalItems)
77
+ ), z = v(() => [!!a.selectable, !!a.actions].reduce(
73
78
  (e, s) => e + +!!s,
74
- t.columns.length
75
- )), q = k(
76
- () => t.columns.reduce(
79
+ a.columns.length
80
+ )), F = v(
81
+ () => a.columns.reduce(
77
82
  (e, s) => {
78
83
  const l = s.key.split(/\W+/g).join("_");
79
84
  return e[s.key] = l, e;
@@ -81,148 +86,149 @@ const Se = {
81
86
  {}
82
87
  )
83
88
  ), {
84
- getter: z,
85
- items: L,
86
- loading: se
87
- } = Te({
88
- items: x(t, "items")
89
- }), { hasPrefilled: oe } = $e({
89
+ getter: U,
90
+ items: D,
91
+ loading: ne
92
+ } = $e({
93
+ items: j(a, "items")
94
+ }), { hasPrefilled: de } = Ae({
90
95
  onStart: !0,
91
- currentValue: t.modelValue,
92
- multiple: t.multiple,
96
+ currentValue: a.modelValue,
97
+ multiple: a.multiple,
93
98
  fn: async ({ prefill: e }) => {
94
- await z(e, t.modelValue);
99
+ await U(e, a.modelValue);
95
100
  }
96
- }), { data: F } = Ae({
97
- items: x(t, "modelValue")
98
- }), { options: $ } = Ie({
99
- disabled: x(t, "disabled"),
100
- items: L,
101
+ }), { data: W } = xe({
102
+ items: j(a, "modelValue")
103
+ }), { options: x } = Ne({
104
+ disabled: j(a, "disabled"),
105
+ items: D,
101
106
  itemText: void 0,
102
- itemValue: t.itemValue,
103
- max: t.max,
107
+ itemValue: a.itemValue,
108
+ max: a.max,
104
109
  selectable: !0,
105
- selectedIndexedByHash: F
106
- }), ne = async (e) => {
107
- t.multiple ? m("update:modelValue", t.modelValue.concat(e.value)) : m("update:modelValue", e.value);
108
- }, de = async (e) => {
109
- if (t.multiple) {
110
- const s = { ...F.value };
111
- delete s[e.valueHash], m("update:modelValue", Object.values(s));
110
+ selectedIndexedByHash: W
111
+ }), ie = async (e) => {
112
+ a.multiple ? y("update:modelValue", a.modelValue.concat(e.value)) : y("update:modelValue", e.value);
113
+ }, ce = async (e) => {
114
+ if (a.multiple) {
115
+ const s = { ...W.value };
116
+ delete s[e.valueHash], y("update:modelValue", Object.values(s));
112
117
  } else
113
- m("update:modelValue", null);
118
+ y("update:modelValue", null);
114
119
  };
115
- Ne(
116
- () => [t.dependencies, t.items],
120
+ Le(
121
+ () => [a.dependencies, a.items],
117
122
  async () => {
118
- oe.value && await z(!1, t.modelValue);
123
+ de.value && await U(!1, a.modelValue);
119
124
  },
120
125
  {
121
- debounce: t.depsDebounceTime
126
+ debounce: a.depsDebounceTime
122
127
  }
123
128
  );
124
- const ce = k(
125
- () => t.columns.map((e) => {
126
- const s = e.align || "left", { label: l, key: f } = e, D = `header:${q.value[e.key]}`;
127
- let a = [`bb-table-header--${s}`];
128
- return t.thClass && (a = a.concat(t.thClass)), e.thClass && (a = a.concat(e.thClass)), {
129
+ const re = v(
130
+ () => a.columns.map((e) => {
131
+ const s = e.align || "left", { label: l, key: u } = e, V = `header:${F.value[e.key]}`;
132
+ let i = [`bb-table-header--${s}`];
133
+ return a.thClass && (i = i.concat(a.thClass)), e.thClass && (i = i.concat(e.thClass)), {
129
134
  align: s,
130
- key: f,
135
+ key: u,
131
136
  label: l,
132
- slotName: D,
133
- classes: a
137
+ slotName: V,
138
+ classes: i
134
139
  };
135
140
  })
136
- ), S = k(() => $.value.map((e) => {
137
- let s = !t.selectable;
138
- typeof t.selectable == "function" && (s = !t.selectable(e.item)), s = s || !!e.disabled;
139
- const l = t.columns.map((a) => {
140
- const c = q.value[a.key], v = a.align || "left", { label: I, key: R } = a;
141
- let y = le(e.item, a.key);
142
- a.formatter && // By default the formatter runs anyway
143
- (!X(y) || a.formatOnNull !== !1) && (y = a.formatter(y, a.key, e.item)), a.placeholder && X(y) && (y = a.placeholder);
144
- let b = [`bb-table-data__cell--${v}`];
145
- if (t.tdClass)
146
- if (typeof t.tdClass == "function") {
147
- let _ = t.tdClass(y, a.key, e.item);
148
- _ && (b = b.concat(_));
149
- } else b = b.concat(t.tdClass);
141
+ ), R = v(() => x.value.map((e, s) => {
142
+ let l = !a.selectable;
143
+ typeof a.selectable == "function" && (l = !a.selectable(e.item)), l = l || !!e.disabled;
144
+ const u = C.value ? s + (a.page - 1) * a.perPage + 2 : void 0, V = a.columns.map((t) => {
145
+ const L = F.value[t.key], S = t.align || "left", { label: P, key: O } = t;
146
+ let h = te(e.item, t.key);
147
+ t.formatter && // By default the formatter runs anyway
148
+ (!$(h) || t.formatOnNull !== !1) && (h = t.formatter(h, t.key, e.item)), t.placeholder && $(h) && (h = t.placeholder);
149
+ let c = [`bb-table-data__cell--${S}`];
150
150
  if (a.tdClass)
151
151
  if (typeof a.tdClass == "function") {
152
- let _ = a.tdClass(y, a.key, e.item);
153
- _ && (b = b.concat(_));
154
- } else b = b.concat(a.tdClass);
152
+ let B = a.tdClass(h, t.key, e.item);
153
+ B && (c = c.concat(B));
154
+ } else c = c.concat(a.tdClass);
155
+ if (t.tdClass)
156
+ if (typeof t.tdClass == "function") {
157
+ let B = t.tdClass(h, t.key, e.item);
158
+ B && (c = c.concat(B));
159
+ } else c = c.concat(t.tdClass);
155
160
  return {
156
- align: v,
157
- classes: b,
158
- content: y,
159
- key: R,
160
- label: I,
161
- slotName: c
161
+ align: S,
162
+ classes: c,
163
+ content: h,
164
+ key: O,
165
+ label: P,
166
+ slotName: L
162
167
  };
163
168
  });
164
169
  return {
165
- accessibleLabel: te(l),
166
- cols: l,
167
- onRowClick: (a) => m("click:row", a, e, !!e.selected),
168
- onRowContextMenu: (a) => m("contextmenu:row", a, e, !!e.selected),
169
- onRowDblClick: (a) => m("dblclick:row", a, e, !!e.selected),
170
+ accessibleLabel: se(V),
171
+ cols: V,
172
+ onRowClick: (t) => y("click:row", t, e, !!e.selected),
173
+ onRowContextMenu: (t) => y("contextmenu:row", t, e, !!e.selected),
174
+ onRowDblClick: (t) => y("dblclick:row", t, e, !!e.selected),
170
175
  item: e.item,
171
176
  text: e.text,
177
+ rowIndex: u,
172
178
  valueHash: e.valueHash,
173
179
  value: e.value,
174
180
  selected: e.selected,
175
- disabled: s
181
+ disabled: l
176
182
  };
177
183
  }));
178
- let h = G(N, "select-all");
179
- J(h, () => {
180
- w.clear(), A.value = [], m("update:modelValue", []);
184
+ let k = Q(H, "select-all");
185
+ X(k, () => {
186
+ w.clear(), N.value = [], y("update:modelValue", []);
181
187
  });
182
- const P = k(() => {
188
+ const G = v(() => {
183
189
  var e;
184
- return (e = t.modelValue) != null && e.length ? S.value.some((s) => !s.selected) : !!(h.value && w.size);
185
- }), w = me(/* @__PURE__ */ new Set()), A = G(N, "unselected-items"), U = (e) => {
186
- H(e) ? (de(e), m("item:unselected", e.value), w.add(e.valueHash), A.value.push(e.value)) : (h.value || ne(e), m("item:selected", e.value), w.delete(e.valueHash), A.value = A.value.filter(
187
- (s) => Z(s) !== Z(e.value)
190
+ return (e = a.modelValue) != null && e.length ? R.value.some((s) => !s.selected) : !!(k.value && w.size);
191
+ }), w = ye(/* @__PURE__ */ new Set()), N = Q(H, "unselected-items"), J = (e) => {
192
+ M(e) ? (ce(e), y("item:unselected", e.value), w.add(e.valueHash), N.value.push(e.value)) : (k.value || ie(e), y("item:selected", e.value), w.delete(e.valueHash), N.value = N.value.filter(
193
+ (s) => le(s) !== le(e.value)
188
194
  ));
189
- }, H = (e) => w.has(e.valueHash) ? !1 : e.selected || h.value, ie = Ve(
195
+ }, M = (e) => w.has(e.valueHash) ? !1 : e.selected || k.value, be = Ie(
190
196
  (e) => typeof e != "string",
191
197
  JSON.stringify
192
- ), be = k(() => [].concat(t.modelValue).map((e) => {
193
- const s = ie(e);
198
+ ), ue = v(() => [].concat(a.modelValue).map((e) => {
199
+ const s = be(e);
194
200
  return {
195
- disabled: t.disabled,
196
- name: t.name,
201
+ disabled: a.disabled,
202
+ name: a.name,
197
203
  type: "hidden",
198
204
  value: s
199
205
  };
200
- })), re = k(() => ge($.value.length, 4, 10));
201
- return J(
202
- () => S.value,
206
+ })), pe = v(() => we(x.value.length, 4, 10));
207
+ return X(
208
+ () => R.value,
203
209
  () => {
204
210
  var e;
205
- if (t.fixedColumns.length && t.items && T.value) {
211
+ if (a.fixedColumns.length && a.items && A.value) {
206
212
  const s = Array.from(
207
- T.value.querySelectorAll("thead th")
208
- ), l = t.fixedColumns.reduce((a, c) => {
209
- const v = typeof c == "number" ? c : c.index, I = typeof c == "number" ? "left" : c.position, R = s[v].getBoundingClientRect(), y = Math.floor(R.width), b = a.filter((M) => M.position === I).map((M) => M.width).reduce(_e, 0), _ = {
210
- index: v,
211
- position: I,
212
- width: y,
213
- offset: b
213
+ A.value.querySelectorAll("thead th")
214
+ ), l = a.fixedColumns.reduce((i, r) => {
215
+ const t = typeof r == "number" ? r : r.index, L = typeof r == "number" ? "left" : r.position, S = s[t].getBoundingClientRect(), P = Math.floor(S.width), O = i.filter((c) => c.position === L).map((c) => c.width).reduce(Ce, 0), h = {
216
+ index: t,
217
+ position: L,
218
+ width: P,
219
+ offset: O
214
220
  };
215
- return a.push(_), a;
221
+ return i.push(h), i;
216
222
  }, []);
217
- Array.from((e = T.value) == null ? void 0 : e.querySelectorAll("tr")).map(
218
- (a) => Array.from(
219
- a.querySelectorAll(
220
- l.map((c) => `:scope > :nth-child(${c.index + 1})`).join(", ")
223
+ Array.from((e = A.value) == null ? void 0 : e.querySelectorAll("tr")).map(
224
+ (i) => Array.from(
225
+ i.querySelectorAll(
226
+ l.map((r) => `:scope > :nth-child(${r.index + 1})`).join(", ")
221
227
  )
222
228
  )
223
- ).forEach((a) => {
224
- a.forEach((c, v) => {
225
- c.style.position = "sticky", l[v].position === "left" ? c.style.left = `${l[v].offset}px` : c.style.right = `${l[v].offset}px`;
229
+ ).forEach((i) => {
230
+ i.forEach((r, t) => {
231
+ r.style.position = "sticky", l[t].position === "left" ? r.style.left = `${l[t].offset}px` : r.style.right = `${l[t].offset}px`;
226
232
  });
227
233
  });
228
234
  }
@@ -230,104 +236,111 @@ const Se = {
230
236
  {
231
237
  flush: "post"
232
238
  }
233
- ), (e, s) => (n(), K(fe(ae.value), {
239
+ ), (e, s) => (n(), Y(he(oe.value), {
234
240
  ref_key: "container",
235
- ref: T,
236
- class: r({
241
+ ref: A,
242
+ "aria-rowcount": C.value ? e.totalItems : void 0,
243
+ class: p({
237
244
  "bb-table": !0,
238
245
  [`bb-table--align-${e.align}`]: !0,
239
246
  "bb-table--compact": e.compact,
240
247
  "bb-table--fixed": e.fixed,
241
248
  "bb-table--fixed-header": e.fixedHeaders,
242
- "bb-table--loading": j.value,
243
- "bb-table--empty": !i($).length,
249
+ "bb-table--loading": q.value,
250
+ "bb-table--empty": !b(x).length,
244
251
  "bb-table--selectable": e.selectable
245
252
  })
246
253
  }, {
247
- default: ye(() => [
248
- e.selectable ? (n(), d("legend", Se, u(e.legend), 1)) : g("", !0),
254
+ default: ve(() => [
255
+ e.selectable ? (n(), d("legend", He, m(e.legend), 1)) : _("", !0),
249
256
  o("table", null, [
250
257
  e.caption ? (n(), d("caption", {
251
258
  key: 0,
252
- class: r({
259
+ class: p({
253
260
  "bb-table-caption": !0,
254
261
  "sr-only": !e.displayCaption
255
262
  })
256
- }, u(e.caption), 3)) : g("", !0),
263
+ }, m(e.caption), 3)) : _("", !0),
257
264
  o("thead", null, [
258
- p(e.$slots, "thead", {}, () => [
259
- o("tr", He, [
265
+ f(e.$slots, "thead", {}, () => [
266
+ o("tr", {
267
+ "aria-rowindex": C.value ? 1 : void 0,
268
+ class: "bb-table-header-row"
269
+ }, [
260
270
  e.selectable ? (n(), d("th", {
261
271
  key: 0,
262
- class: r(["bb-table-header bb-table-header--select", e.thClass]),
272
+ class: p(["bb-table-header bb-table-header--select", e.thClass]),
263
273
  scope: "col"
264
274
  }, [
265
- p(e.$slots, "header:select", {
275
+ f(e.$slots, "header:select", {
266
276
  multiple: e.multiple,
267
- selectAll: !!i(h),
268
- text: e.selectText || i(C)("table.selectText").value
277
+ selectAll: !!b(k),
278
+ text: e.selectText || b(g)("table.selectText").value
269
279
  }, () => [
270
- o("span", De, [
280
+ o("span", Re, [
271
281
  e.allowSelectAll && e.multiple ? (n(), d("label", {
272
282
  key: 0,
273
- class: r(["bb-table-check__label", {
283
+ class: p(["bb-table-check__label", {
274
284
  "bb-table-check__label--disabled": e.disabled
275
285
  }])
276
286
  }, [
277
- (n(), K(Y, {
278
- key: P.value.toString(),
279
- modelValue: i(h),
280
- "onUpdate:modelValue": s[0] || (s[0] = (l) => he(h) ? h.value = l : h = l),
287
+ (n(), Y(ee, {
288
+ key: G.value.toString(),
289
+ modelValue: b(k),
290
+ "onUpdate:modelValue": s[0] || (s[0] = (l) => ke(k) ? k.value = l : k = l),
281
291
  class: "bb-table-check",
282
292
  disabled: e.disabled,
283
- indeterminate: P.value,
293
+ indeterminate: G.value,
284
294
  name: `select_all_${e.name || ""}`,
285
295
  readonly: e.readonly
286
296
  }, null, 8, ["modelValue", "disabled", "indeterminate", "name", "readonly"])),
287
- o("span", Re, u(e.selectAllLabel || i(C)("table.selectAllLabel").value), 1)
288
- ], 2)) : e.multiple ? g("", !0) : (n(), d("span", Me, u(e.selectText || i(C)("table.selectText").value), 1))
297
+ o("span", Me, m(e.selectAllLabel || b(g)("table.selectAllLabel").value), 1)
298
+ ], 2)) : e.multiple ? _("", !0) : (n(), d("span", Pe, m(e.selectText || b(g)("table.selectText").value), 1))
289
299
  ])
290
300
  ])
291
- ], 2)) : g("", !0),
292
- (n(!0), d(V, null, B(ce.value, (l) => (n(), d("th", {
301
+ ], 2)) : _("", !0),
302
+ (n(!0), d(I, null, T(re.value, (l) => (n(), d("th", {
293
303
  key: l.key,
294
- class: r(["bb-table-header", l.classes]),
304
+ class: p(["bb-table-header", l.classes]),
295
305
  scope: "col"
296
306
  }, [
297
- p(e.$slots, l.slotName, {
307
+ f(e.$slots, l.slotName, {
298
308
  classes: l.classes,
299
309
  item: void 0,
300
- items: i(L),
310
+ items: b(D),
301
311
  label: l.label
302
312
  }, () => [
303
- o("span", xe, u(l.label), 1)
313
+ o("span", Oe, m(l.label), 1)
304
314
  ])
305
315
  ], 2))), 128)),
306
316
  e.actions ? (n(), d("th", {
307
317
  key: 1,
308
- class: r(["bb-table-header bb-table-header--actions", e.thClass]),
318
+ class: p(["bb-table-header bb-table-header--actions", e.thClass]),
309
319
  scope: "col"
310
320
  }, [
311
- p(e.$slots, "header:actions", { text: e.actionsText }, () => [
312
- o("span", Oe, u(e.actionsText), 1)
321
+ f(e.$slots, "header:actions", { text: e.actionsText }, () => [
322
+ o("span", je, m(e.actionsText), 1)
313
323
  ])
314
- ], 2)) : g("", !0)
315
- ])
324
+ ], 2)) : _("", !0)
325
+ ], 8, De)
316
326
  ])
317
327
  ]),
318
328
  o("tbody", null, [
319
- j.value ? p(e.$slots, "loading", {
329
+ q.value ? f(e.$slots, "loading", {
320
330
  key: 0,
321
- items: i(L)
331
+ items: b(D)
322
332
  }, () => [
323
- o("tr", je, [
333
+ o("tr", {
334
+ "aria-rowindex": C.value ? 2 : void 0,
335
+ class: "bb-table-loading__row"
336
+ }, [
324
337
  o("td", {
325
338
  class: "bb-table-loading__cell",
326
- colspan: E.value
339
+ colspan: z.value
327
340
  }, [
328
- o("span", qe, u(e.loadingText), 1),
329
- o("div", ze, [
330
- (n(!0), d(V, null, B(re.value, (l) => (n(), d("div", {
341
+ o("span", ze, m(e.loadingText), 1),
342
+ o("div", Fe, [
343
+ (n(!0), d(I, null, T(pe.value, (l) => (n(), d("div", {
331
344
  key: l,
332
345
  class: "bb-table-skeleton-item"
333
346
  }, s[1] || (s[1] = [
@@ -340,11 +353,12 @@ const Se = {
340
353
  ], -1)
341
354
  ])))), 128))
342
355
  ])
343
- ], 8, Ee)
344
- ])
345
- ]) : i($).length ? p(e.$slots, "tbody", { key: 2 }, () => [
346
- (n(!0), d(V, null, B(S.value, (l) => (n(), d("tr", {
356
+ ], 8, qe)
357
+ ], 8, Ee)
358
+ ]) : b(x).length ? f(e.$slots, "tbody", { key: 2 }, () => [
359
+ (n(!0), d(I, null, T(R.value, (l) => (n(), d("tr", {
347
360
  key: l.valueHash,
361
+ "aria-rowindex": l.rowIndex,
348
362
  class: "bb-table-data__row",
349
363
  onClick: l.onRowClick,
350
364
  onContextmenu: l.onRowContextMenu,
@@ -352,96 +366,99 @@ const Se = {
352
366
  }, [
353
367
  e.selectable ? (n(), d("td", {
354
368
  key: 0,
355
- class: r(["bb-table-data__cell bb-table-data__cell--select", e.tdClass])
369
+ class: p(["bb-table-data__cell bb-table-data__cell--select", e.tdClass])
356
370
  }, [
357
- p(e.$slots, "select", {
358
- checked: H(l),
371
+ f(e.$slots, "select", {
372
+ checked: M(l),
359
373
  disabled: !!l.disabled,
360
- inputName: i(O),
374
+ inputName: b(E),
361
375
  item: l.item,
362
376
  readonly: !!e.readonly,
363
377
  value: l.value
364
378
  }, () => [
365
379
  e.multiple ? (n(), d("label", {
366
380
  key: 0,
367
- class: r(["bb-table-check__label", {
381
+ class: p(["bb-table-check__label", {
368
382
  "bb-table-check__label--disabled": l.disabled
369
383
  }])
370
384
  }, [
371
- Q(Y, {
372
- checked: H(l),
385
+ Z(ee, {
386
+ checked: M(l),
373
387
  class: "bb-table-check",
374
388
  disabled: l.disabled,
375
389
  readonly: e.readonly,
376
- onChange: () => U(l)
390
+ onChange: () => J(l)
377
391
  }, null, 8, ["checked", "disabled", "readonly", "onChange"]),
378
- o("span", Ge, u(l.accessibleLabel), 1)
392
+ o("span", Ke, m(l.accessibleLabel), 1)
379
393
  ], 2)) : (n(), d("label", {
380
394
  key: 1,
381
- class: r(["bb-table-radio__label", {
395
+ class: p(["bb-table-radio__label", {
382
396
  "bb-table-radio__label--disabled": l.disabled
383
397
  }])
384
398
  }, [
385
- Q(Be, {
399
+ Z(Te, {
386
400
  checked: l.selected,
387
401
  class: "bb-table-radio",
388
402
  disabled: l.disabled,
389
- name: i(O),
403
+ name: b(E),
390
404
  readonly: e.readonly,
391
405
  value: l.value,
392
- onChange: () => U(l)
406
+ onChange: () => J(l)
393
407
  }, null, 8, ["checked", "disabled", "name", "readonly", "value", "onChange"]),
394
- o("span", Je, u(l.accessibleLabel), 1)
408
+ o("span", Qe, m(l.accessibleLabel), 1)
395
409
  ], 2))
396
410
  ])
397
- ], 2)) : g("", !0),
398
- (n(!0), d(V, null, B(l.cols, (f) => (n(), d("td", {
399
- key: f.key,
400
- class: r(["bb-table-data__cell", f.classes])
411
+ ], 2)) : _("", !0),
412
+ (n(!0), d(I, null, T(l.cols, (u) => (n(), d("td", {
413
+ key: u.key,
414
+ class: p(["bb-table-data__cell", u.classes])
401
415
  }, [
402
- p(e.$slots, f.slotName, {
403
- classes: f.classes,
404
- content: f.content,
416
+ f(e.$slots, u.slotName, {
417
+ classes: u.classes,
418
+ content: u.content,
405
419
  item: l.item,
406
420
  value: l.value
407
421
  }, () => [
408
- ve(u(f.content), 1)
422
+ _e(m(u.content), 1)
409
423
  ])
410
424
  ], 2))), 128)),
411
425
  e.actions ? (n(), d("td", {
412
426
  key: 1,
413
- class: r(["bb-table__cell bb-table__cell--actions", e.tdClass])
427
+ class: p(["bb-table__cell bb-table__cell--actions", e.tdClass])
414
428
  }, [
415
- p(e.$slots, "actions", {
429
+ f(e.$slots, "actions", {
416
430
  item: l.item,
417
431
  value: l.value
418
432
  })
419
- ], 2)) : g("", !0)
420
- ], 40, We))), 128))
421
- ]) : p(e.$slots, "no-data", { key: 1 }, () => [
422
- o("tr", Fe, [
433
+ ], 2)) : _("", !0)
434
+ ], 40, Je))), 128))
435
+ ]) : f(e.$slots, "no-data", { key: 1 }, () => [
436
+ o("tr", {
437
+ "aria-rowindex": C.value ? 2 : void 0,
438
+ class: "bb-table-no-data__row"
439
+ }, [
423
440
  o("td", {
424
441
  class: "bb-table-no-data__cell",
425
- colspan: E.value
442
+ colspan: z.value
426
443
  }, [
427
- o("span", Ue, u(e.noDataText || i(C)("table.noDataText").value), 1)
428
- ], 8, Pe)
429
- ])
444
+ o("span", Ge, m(e.noDataText || b(g)("table.noDataText").value), 1)
445
+ ], 8, We)
446
+ ], 8, Ue)
430
447
  ])
431
448
  ]),
432
449
  o("tfoot", null, [
433
- p(e.$slots, "tfoot")
450
+ f(e.$slots, "tfoot")
434
451
  ])
435
452
  ]),
436
- (n(!0), d(V, null, B(be.value, (l) => (n(), d("input", ke({
453
+ (n(!0), d(I, null, T(ue.value, (l) => (n(), d("input", ge({
437
454
  key: l.value,
438
455
  ref_for: !0
439
456
  }, l), null, 16))), 128))
440
457
  ]),
441
458
  _: 3
442
- }, 8, ["class"]));
459
+ }, 8, ["aria-rowcount", "class"]));
443
460
  }
444
461
  });
445
462
  export {
446
- pl as default
463
+ fl as default
447
464
  };