@adyen/bento-vue2 1.42.0 → 1.43.0

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 (88) hide show
  1. package/dist/@types/index.d.ts +35 -0
  2. package/dist/action-bar.js +1 -1
  3. package/dist/assets/accordion-item.css +1 -1
  4. package/dist/assets/action-bar.css +1 -1
  5. package/dist/assets/base-modal.css +1 -1
  6. package/dist/assets/card.css +1 -1
  7. package/dist/assets/data-grid.css +1 -1
  8. package/dist/assets/date-range-picker.css +1 -1
  9. package/dist/assets/dialog-page.css +1 -1
  10. package/dist/assets/file-uploader.css +1 -1
  11. package/dist/assets/filter-bar.css +1 -1
  12. package/dist/assets/inspector.css +1 -1
  13. package/dist/assets/menu.css +1 -1
  14. package/dist/assets/modal-fullscreen.css +1 -1
  15. package/dist/assets/popover.css +1 -1
  16. package/dist/assets/sidepanel.css +1 -1
  17. package/dist/assets/typography.css +1 -1
  18. package/dist/checkbox.js +2 -2
  19. package/dist/chunks/{action-bar.C1iwQWyj.js → action-bar.kPPYSgQK.js} +2 -2
  20. package/dist/chunks/{action-bar.C1iwQWyj.js.map → action-bar.kPPYSgQK.js.map} +1 -1
  21. package/dist/chunks/{checkbox-group.B1FsPVSl.js → checkbox-group.Bcqac3y8.js} +2 -2
  22. package/dist/chunks/{checkbox-group.B1FsPVSl.js.map → checkbox-group.Bcqac3y8.js.map} +1 -1
  23. package/dist/chunks/{checkbox.kd1EnszA.js → checkbox.B1qjI4R_.js} +15 -15
  24. package/dist/chunks/{checkbox.kd1EnszA.js.map → checkbox.B1qjI4R_.js.map} +1 -1
  25. package/dist/chunks/{code-snippet.DGMVhQoj.js → code-snippet.DuZDA7gH.js} +2 -2
  26. package/dist/chunks/{code-snippet.DGMVhQoj.js.map → code-snippet.DuZDA7gH.js.map} +1 -1
  27. package/dist/chunks/{dashboard-section.D8ey7nzl.js → dashboard-section.CExqPbQb.js} +2 -2
  28. package/dist/chunks/{dashboard-section.D8ey7nzl.js.map → dashboard-section.CExqPbQb.js.map} +1 -1
  29. package/dist/chunks/data-grid.BXB98JQr.js +2556 -0
  30. package/dist/chunks/data-grid.BXB98JQr.js.map +1 -0
  31. package/dist/chunks/{date-range-picker.BvHFTptS.js → date-range-picker.xYGf0SRg.js} +176 -173
  32. package/dist/chunks/date-range-picker.xYGf0SRg.js.map +1 -0
  33. package/dist/chunks/{dropdown-tag.DqgJnpjk.js → dropdown-tag.B4RMse5R.js} +2 -2
  34. package/dist/chunks/{dropdown-tag.DqgJnpjk.js.map → dropdown-tag.B4RMse5R.js.map} +1 -1
  35. package/dist/chunks/{dropdown.2tXfuDlU.js → dropdown.BfzsI2Th.js} +2 -2
  36. package/dist/chunks/{dropdown.2tXfuDlU.js.map → dropdown.BfzsI2Th.js.map} +1 -1
  37. package/dist/chunks/es6.b4enG1py.js.map +1 -1
  38. package/dist/chunks/{filter-bar.DP_nQeeo.js → filter-bar.hBPWastb.js} +9 -9
  39. package/dist/chunks/filter-bar.hBPWastb.js.map +1 -0
  40. package/dist/chunks/index.Gcw_BUVh.js +367 -0
  41. package/dist/chunks/index.Gcw_BUVh.js.map +1 -0
  42. package/dist/chunks/{input-field-password.ijBN-aVx.js → input-field-password.BmfOGkrH.js} +3 -3
  43. package/dist/chunks/{input-field-password.ijBN-aVx.js.map → input-field-password.BmfOGkrH.js.map} +1 -1
  44. package/dist/chunks/{input-field.BoElSWuV.js → input-field.CHD3Fzzg.js} +2 -2
  45. package/dist/chunks/{input-field.BoElSWuV.js.map → input-field.CHD3Fzzg.js.map} +1 -1
  46. package/dist/chunks/{layout-row.6jCBhtd4.js → layout-row.DzS_XyyF.js} +2 -2
  47. package/dist/chunks/{layout-row.6jCBhtd4.js.map → layout-row.DzS_XyyF.js.map} +1 -1
  48. package/dist/chunks/{pagination.FbkfItkS.js → pagination.DORr-ox0.js} +2 -2
  49. package/dist/chunks/{pagination.FbkfItkS.js.map → pagination.DORr-ox0.js.map} +1 -1
  50. package/dist/chunks/{promo-banner.CGz3MVPw.js → promo-banner.cTUF9seG.js} +2 -2
  51. package/dist/chunks/{promo-banner.CGz3MVPw.js.map → promo-banner.cTUF9seG.js.map} +1 -1
  52. package/dist/chunks/{search-bar.DD6eA0jG.js → search-bar.BtFX4039.js} +3 -3
  53. package/dist/chunks/{search-bar.DD6eA0jG.js.map → search-bar.BtFX4039.js.map} +1 -1
  54. package/dist/chunks/{secondary-nav.C56_jw55.js → secondary-nav.DtnWRhFW.js} +3 -3
  55. package/dist/chunks/{secondary-nav.C56_jw55.js.map → secondary-nav.DtnWRhFW.js.map} +1 -1
  56. package/dist/chunks/{selection-card-group.DwkH9xJd.js → selection-card-group.B6XXbJsv.js} +8 -8
  57. package/dist/chunks/{selection-card-group.DwkH9xJd.js.map → selection-card-group.B6XXbJsv.js.map} +1 -1
  58. package/dist/chunks/{use-cached-selected-values.-_Gk6HO_.js → use-cached-selected-values.CAlfyb_L.js} +7 -4
  59. package/dist/chunks/{use-cached-selected-values.-_Gk6HO_.js.map → use-cached-selected-values.CAlfyb_L.js.map} +1 -1
  60. package/dist/code-snippet.js +1 -1
  61. package/dist/dashboard-template.js +1 -1
  62. package/dist/data-grid.js +1 -1
  63. package/dist/date-range-picker.js +1 -1
  64. package/dist/dropdown.js +3 -3
  65. package/dist/filter-bar.js +1 -1
  66. package/dist/index.js +19 -19
  67. package/dist/input-field-password.js +1 -1
  68. package/dist/input-field.js +1 -1
  69. package/dist/internal.js +1 -1
  70. package/dist/layout.js +1 -1
  71. package/dist/pagination.js +1 -1
  72. package/dist/promo-banner.js +1 -1
  73. package/dist/search-bar.js +2 -2
  74. package/dist/secondary-nav.js +1 -1
  75. package/dist/selection-card.js +1 -1
  76. package/dist/styles/bento-dark.css +3 -0
  77. package/dist/styles/bento-light.css +3 -0
  78. package/dist/styles/bento.css +3 -0
  79. package/dist/styles/legacy.css +3 -0
  80. package/dist/styles/styleguide.css +3 -0
  81. package/dist/web-types.json +75 -1
  82. package/package.json +7 -4
  83. package/dist/chunks/data-grid.bti50Fs6.js +0 -2373
  84. package/dist/chunks/data-grid.bti50Fs6.js.map +0 -1
  85. package/dist/chunks/date-range-picker.BvHFTptS.js.map +0 -1
  86. package/dist/chunks/filter-bar.DP_nQeeo.js.map +0 -1
  87. package/dist/chunks/index.BiaBX5uu.js +0 -345
  88. package/dist/chunks/index.BiaBX5uu.js.map +0 -1
@@ -0,0 +1,367 @@
1
+ import "./index.Cl4_42j5.js";
2
+ import { getCurrentScope as M, onScopeDispose as $, unref as I, watch as O, onMounted as A, nextTick as R, getCurrentInstance as N, ref as m, watchEffect as F, computed as v } from "vue";
3
+ function x(e) {
4
+ return M() ? ($(e), !0) : !1;
5
+ }
6
+ function b(e) {
7
+ return typeof e == "function" ? e() : I(e);
8
+ }
9
+ const L = typeof window < "u" && typeof document < "u";
10
+ typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
11
+ const j = (e) => e != null, C = Object.prototype.toString, B = (e) => C.call(e) === "[object Object]", W = () => {
12
+ };
13
+ function P(e, t) {
14
+ function n(...u) {
15
+ return new Promise((s, i) => {
16
+ Promise.resolve(e(() => t.apply(this, u), { fn: t, thisArg: this, args: u })).then(s).catch(i);
17
+ });
18
+ }
19
+ return n;
20
+ }
21
+ const z = (e) => e();
22
+ function V(e, t = {}) {
23
+ let n, u, s = W;
24
+ const i = (c) => {
25
+ clearTimeout(c), s(), s = W;
26
+ };
27
+ return (c) => {
28
+ const f = b(e), d = b(t.maxWait);
29
+ return n && i(n), f <= 0 || d !== void 0 && d <= 0 ? (u && (i(u), u = null), Promise.resolve(c())) : new Promise((r, o) => {
30
+ s = t.rejectOnCancel ? o : r, d && !u && (u = setTimeout(() => {
31
+ n && i(n), u = null, r(c());
32
+ }, d)), n = setTimeout(() => {
33
+ u && i(u), u = null, r(c());
34
+ }, f);
35
+ });
36
+ };
37
+ }
38
+ function H(e, t) {
39
+ var n;
40
+ if (typeof e == "number")
41
+ return e + t;
42
+ const u = ((n = e.match(/^-?\d+\.?\d*/)) == null ? void 0 : n[0]) || "", s = e.slice(u.length), i = Number.parseFloat(u) + t;
43
+ return Number.isNaN(i) ? e : i + s;
44
+ }
45
+ function D(e) {
46
+ return N();
47
+ }
48
+ function G(e, t, n = {}) {
49
+ const {
50
+ eventFilter: u = z,
51
+ ...s
52
+ } = n;
53
+ return O(
54
+ e,
55
+ P(
56
+ u,
57
+ t
58
+ ),
59
+ s
60
+ );
61
+ }
62
+ function _(e, t = !0, n) {
63
+ D() ? A(e, n) : t ? e() : R(e);
64
+ }
65
+ function Z(e, t, n = {}) {
66
+ const {
67
+ debounce: u = 0,
68
+ maxWait: s = void 0,
69
+ ...i
70
+ } = n;
71
+ return G(
72
+ e,
73
+ t,
74
+ {
75
+ ...i,
76
+ eventFilter: V(u, { maxWait: s })
77
+ }
78
+ );
79
+ }
80
+ const p = L ? window : void 0;
81
+ function w(e) {
82
+ var t;
83
+ const n = b(e);
84
+ return (t = n == null ? void 0 : n.$el) != null ? t : n;
85
+ }
86
+ function E(...e) {
87
+ let t, n, u, s;
88
+ if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, u, s] = e, t = p) : [t, n, u, s] = e, !t)
89
+ return W;
90
+ Array.isArray(n) || (n = [n]), Array.isArray(u) || (u = [u]);
91
+ const i = [], a = () => {
92
+ i.forEach((r) => r()), i.length = 0;
93
+ }, c = (r, o, l, h) => (r.addEventListener(o, l, h), () => r.removeEventListener(o, l, h)), f = O(
94
+ () => [w(t), b(s)],
95
+ ([r, o]) => {
96
+ if (a(), !r)
97
+ return;
98
+ const l = B(o) ? { ...o } : o;
99
+ i.push(
100
+ ...n.flatMap((h) => u.map((g) => c(r, h, g, l)))
101
+ );
102
+ },
103
+ { immediate: !0, flush: "post" }
104
+ ), d = () => {
105
+ f(), a();
106
+ };
107
+ return x(d), d;
108
+ }
109
+ function U() {
110
+ const e = m(!1);
111
+ return N() && A(() => {
112
+ e.value = !0;
113
+ }, void 0), e;
114
+ }
115
+ function T(e) {
116
+ const t = U();
117
+ return v(() => (t.value, !!e()));
118
+ }
119
+ function Y(e, t, n = {}) {
120
+ const { window: u = p, ...s } = n;
121
+ let i;
122
+ const a = T(() => u && "MutationObserver" in u), c = () => {
123
+ i && (i.disconnect(), i = void 0);
124
+ }, f = v(() => {
125
+ const l = b(e), h = (Array.isArray(l) ? l : [l]).map(w).filter(j);
126
+ return new Set(h);
127
+ }), d = O(
128
+ () => f.value,
129
+ (l) => {
130
+ c(), a.value && l.size && (i = new MutationObserver(t), l.forEach((h) => i.observe(h, s)));
131
+ },
132
+ { immediate: !0, flush: "post" }
133
+ ), r = () => i == null ? void 0 : i.takeRecords(), o = () => {
134
+ d(), c();
135
+ };
136
+ return x(o), {
137
+ isSupported: a,
138
+ stop: o,
139
+ takeRecords: r
140
+ };
141
+ }
142
+ function q(e = {}) {
143
+ var t;
144
+ const {
145
+ window: n = p,
146
+ deep: u = !0,
147
+ triggerOnRemoval: s = !1
148
+ } = e, i = (t = e.document) != null ? t : n == null ? void 0 : n.document, a = () => {
149
+ var d;
150
+ let r = i == null ? void 0 : i.activeElement;
151
+ if (u)
152
+ for (; r != null && r.shadowRoot; )
153
+ r = (d = r == null ? void 0 : r.shadowRoot) == null ? void 0 : d.activeElement;
154
+ return r;
155
+ }, c = m(), f = () => {
156
+ c.value = a();
157
+ };
158
+ return n && (E(n, "blur", (d) => {
159
+ d.relatedTarget === null && f();
160
+ }, !0), E(n, "focus", f, !0)), s && Y(i, (d) => {
161
+ d.filter((r) => r.removedNodes.length).map((r) => Array.from(r.removedNodes)).flat().forEach((r) => {
162
+ r === c.value && f();
163
+ });
164
+ }, {
165
+ childList: !0,
166
+ subtree: !0
167
+ }), f(), c;
168
+ }
169
+ function y(e, t = {}) {
170
+ const { window: n = p } = t, u = T(() => n && "matchMedia" in n && typeof n.matchMedia == "function");
171
+ let s;
172
+ const i = m(!1), a = (d) => {
173
+ i.value = d.matches;
174
+ }, c = () => {
175
+ s && ("removeEventListener" in s ? s.removeEventListener("change", a) : s.removeListener(a));
176
+ }, f = F(() => {
177
+ u.value && (c(), s = n.matchMedia(b(e)), "addEventListener" in s ? s.addEventListener("change", a) : s.addListener(a), i.value = s.matches);
178
+ });
179
+ return x(() => {
180
+ f(), c(), s = void 0;
181
+ }), i;
182
+ }
183
+ function ee(e, t = {}) {
184
+ function n(r, o) {
185
+ let l = b(e[b(r)]);
186
+ return o != null && (l = H(l, o)), typeof l == "number" && (l = `${l}px`), l;
187
+ }
188
+ const { window: u = p, strategy: s = "min-width" } = t;
189
+ function i(r) {
190
+ return u ? u.matchMedia(r).matches : !1;
191
+ }
192
+ const a = (r) => y(() => `(min-width: ${n(r)})`, t), c = (r) => y(() => `(max-width: ${n(r)})`, t), f = Object.keys(e).reduce((r, o) => (Object.defineProperty(r, o, {
193
+ get: () => s === "min-width" ? a(o) : c(o),
194
+ enumerable: !0,
195
+ configurable: !0
196
+ }), r), {});
197
+ function d() {
198
+ const r = Object.keys(e).map((o) => [o, a(o)]);
199
+ return v(() => r.filter(([, o]) => o.value).map(([o]) => o));
200
+ }
201
+ return Object.assign(f, {
202
+ greaterOrEqual: a,
203
+ smallerOrEqual: c,
204
+ greater(r) {
205
+ return y(() => `(min-width: ${n(r, 0.1)})`, t);
206
+ },
207
+ smaller(r) {
208
+ return y(() => `(max-width: ${n(r, -0.1)})`, t);
209
+ },
210
+ between(r, o) {
211
+ return y(() => `(min-width: ${n(r)}) and (max-width: ${n(o, -0.1)})`, t);
212
+ },
213
+ isGreater(r) {
214
+ return i(`(min-width: ${n(r, 0.1)})`);
215
+ },
216
+ isGreaterOrEqual(r) {
217
+ return i(`(min-width: ${n(r)})`);
218
+ },
219
+ isSmaller(r) {
220
+ return i(`(max-width: ${n(r, -0.1)})`);
221
+ },
222
+ isSmallerOrEqual(r) {
223
+ return i(`(max-width: ${n(r)})`);
224
+ },
225
+ isInBetween(r, o) {
226
+ return i(`(min-width: ${n(r)}) and (max-width: ${n(o, -0.1)})`);
227
+ },
228
+ current: d,
229
+ active() {
230
+ const r = d();
231
+ return v(() => r.value.length === 0 ? "" : r.value.at(-1));
232
+ }
233
+ });
234
+ }
235
+ function X(e, t, n = {}) {
236
+ const { window: u = p, ...s } = n;
237
+ let i;
238
+ const a = T(() => u && "ResizeObserver" in u), c = () => {
239
+ i && (i.disconnect(), i = void 0);
240
+ }, f = v(() => {
241
+ const o = b(e);
242
+ return Array.isArray(o) ? o.map((l) => w(l)) : [w(o)];
243
+ }), d = O(
244
+ f,
245
+ (o) => {
246
+ if (c(), a.value && u) {
247
+ i = new ResizeObserver(t);
248
+ for (const l of o)
249
+ l && i.observe(l, s);
250
+ }
251
+ },
252
+ { immediate: !0, flush: "post" }
253
+ ), r = () => {
254
+ c(), d();
255
+ };
256
+ return x(r), {
257
+ isSupported: a,
258
+ stop: r
259
+ };
260
+ }
261
+ function te(e, t = { width: 0, height: 0 }, n = {}) {
262
+ const { window: u = p, box: s = "content-box" } = n, i = v(() => {
263
+ var o, l;
264
+ return (l = (o = w(e)) == null ? void 0 : o.namespaceURI) == null ? void 0 : l.includes("svg");
265
+ }), a = m(t.width), c = m(t.height), { stop: f } = X(
266
+ e,
267
+ ([o]) => {
268
+ const l = s === "border-box" ? o.borderBoxSize : s === "content-box" ? o.contentBoxSize : o.devicePixelContentBoxSize;
269
+ if (u && i.value) {
270
+ const h = w(e);
271
+ if (h) {
272
+ const g = h.getBoundingClientRect();
273
+ a.value = g.width, c.value = g.height;
274
+ }
275
+ } else if (l) {
276
+ const h = Array.isArray(l) ? l : [l];
277
+ a.value = h.reduce((g, { inlineSize: S }) => g + S, 0), c.value = h.reduce((g, { blockSize: S }) => g + S, 0);
278
+ } else
279
+ a.value = o.contentRect.width, c.value = o.contentRect.height;
280
+ },
281
+ n
282
+ );
283
+ _(() => {
284
+ const o = w(e);
285
+ o && (a.value = "offsetWidth" in o ? o.offsetWidth : t.width, c.value = "offsetHeight" in o ? o.offsetHeight : t.height);
286
+ });
287
+ const d = O(
288
+ () => w(e),
289
+ (o) => {
290
+ a.value = o ? t.width : 0, c.value = o ? t.height : 0;
291
+ }
292
+ );
293
+ function r() {
294
+ f(), d();
295
+ }
296
+ return {
297
+ width: a,
298
+ height: c,
299
+ stop: r
300
+ };
301
+ }
302
+ const k = "focusin", Q = "focusout";
303
+ function ne(e, t = {}) {
304
+ const { window: n = p } = t, u = v(() => w(e)), s = m(!1), i = v(() => s.value), a = q(t);
305
+ return !n || !a.value ? { focused: i } : (E(u, k, () => s.value = !0), E(u, Q, () => s.value = !1), { focused: i });
306
+ }
307
+ function re(e = {}) {
308
+ const { window: t = p, behavior: n = "auto" } = e;
309
+ if (!t)
310
+ return {
311
+ x: m(0),
312
+ y: m(0)
313
+ };
314
+ const u = m(t.scrollX), s = m(t.scrollY), i = v({
315
+ get() {
316
+ return u.value;
317
+ },
318
+ set(c) {
319
+ scrollTo({ left: c, behavior: n });
320
+ }
321
+ }), a = v({
322
+ get() {
323
+ return s.value;
324
+ },
325
+ set(c) {
326
+ scrollTo({ top: c, behavior: n });
327
+ }
328
+ });
329
+ return E(
330
+ t,
331
+ "scroll",
332
+ () => {
333
+ u.value = t.scrollX, s.value = t.scrollY;
334
+ },
335
+ {
336
+ capture: !1,
337
+ passive: !0
338
+ }
339
+ ), { x: i, y: a };
340
+ }
341
+ function oe(e = {}) {
342
+ const {
343
+ window: t = p,
344
+ initialWidth: n = Number.POSITIVE_INFINITY,
345
+ initialHeight: u = Number.POSITIVE_INFINITY,
346
+ listenOrientation: s = !0,
347
+ includeScrollbar: i = !0,
348
+ type: a = "inner"
349
+ } = e, c = m(n), f = m(u), d = () => {
350
+ t && (a === "outer" ? (c.value = t.outerWidth, f.value = t.outerHeight) : i ? (c.value = t.innerWidth, f.value = t.innerHeight) : (c.value = t.document.documentElement.clientWidth, f.value = t.document.documentElement.clientHeight));
351
+ };
352
+ if (d(), _(d), E("resize", d, { passive: !0 }), s) {
353
+ const r = y("(orientation: portrait)");
354
+ O(r, () => d());
355
+ }
356
+ return { width: c, height: f };
357
+ }
358
+ export {
359
+ te as a,
360
+ re as b,
361
+ ne as c,
362
+ y as d,
363
+ ee as e,
364
+ oe as u,
365
+ Z as w
366
+ };
367
+ //# sourceMappingURL=index.Gcw_BUVh.js.map