@annotorious/react 3.3.3 → 3.3.5

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,469 +1,129 @@
1
- import { evaluate as Y, rectToClientRect as $, getPaddingObject as H, getSide as F, getSideAxis as M, getOppositePlacement as Q, getExpandedPlacements as U, getOppositeAxisPlacements as Z, getAlignmentSides as tt, clamp as _, min as X, max as z, getAlignment as I, getOppositeAxis as et, getAlignmentAxis as q, getAxisLength as G } from "./annotorious-react.es21.js";
2
- function W(o, c, l) {
3
- let {
4
- reference: e,
5
- floating: s
6
- } = o;
7
- const t = M(c), a = q(c), r = G(a), d = F(c), g = t === "y", u = e.x + e.width / 2 - s.width / 2, i = e.y + e.height / 2 - s.height / 2, m = e[r] / 2 - s[r] / 2;
8
- let n;
9
- switch (d) {
1
+ const l = Math.min, a = Math.max, P = Math.round, M = Math.floor, O = (t) => ({
2
+ x: t,
3
+ y: t
4
+ }), m = {
5
+ left: "right",
6
+ right: "left",
7
+ bottom: "top",
8
+ top: "bottom"
9
+ }, p = {
10
+ start: "end",
11
+ end: "start"
12
+ };
13
+ function S(t, n, e) {
14
+ return a(t, l(n, e));
15
+ }
16
+ function w(t, n) {
17
+ return typeof t == "function" ? t(n) : t;
18
+ }
19
+ function f(t) {
20
+ return t.split("-")[0];
21
+ }
22
+ function g(t) {
23
+ return t.split("-")[1];
24
+ }
25
+ function h(t) {
26
+ return t === "x" ? "y" : "x";
27
+ }
28
+ function x(t) {
29
+ return t === "y" ? "height" : "width";
30
+ }
31
+ function b(t) {
32
+ return ["top", "bottom"].includes(f(t)) ? "y" : "x";
33
+ }
34
+ function d(t) {
35
+ return h(b(t));
36
+ }
37
+ function j(t, n, e) {
38
+ e === void 0 && (e = !1);
39
+ const r = g(t), o = d(t), i = x(o);
40
+ let c = o === "x" ? r === (e ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
41
+ return n.reference[i] > n.floating[i] && (c = u(c)), [c, u(c)];
42
+ }
43
+ function C(t) {
44
+ const n = u(t);
45
+ return [s(t), n, s(n)];
46
+ }
47
+ function s(t) {
48
+ return t.replace(/start|end/g, (n) => p[n]);
49
+ }
50
+ function A(t, n, e) {
51
+ const r = ["left", "right"], o = ["right", "left"], i = ["top", "bottom"], c = ["bottom", "top"];
52
+ switch (t) {
10
53
  case "top":
11
- n = {
12
- x: u,
13
- y: e.y - s.height
14
- };
15
- break;
16
54
  case "bottom":
17
- n = {
18
- x: u,
19
- y: e.y + e.height
20
- };
21
- break;
22
- case "right":
23
- n = {
24
- x: e.x + e.width,
25
- y: i
26
- };
27
- break;
55
+ return e ? n ? o : r : n ? r : o;
28
56
  case "left":
29
- n = {
30
- x: e.x - s.width,
31
- y: i
32
- };
33
- break;
57
+ case "right":
58
+ return n ? i : c;
34
59
  default:
35
- n = {
36
- x: e.x,
37
- y: e.y
38
- };
60
+ return [];
39
61
  }
40
- switch (I(c)) {
41
- case "start":
42
- n[a] -= m * (l && g ? -1 : 1);
43
- break;
44
- case "end":
45
- n[a] += m * (l && g ? -1 : 1);
46
- break;
47
- }
48
- return n;
49
62
  }
50
- const st = async (o, c, l) => {
51
- const {
52
- placement: e = "bottom",
53
- strategy: s = "absolute",
54
- middleware: t = [],
55
- platform: a
56
- } = l, r = t.filter(Boolean), d = await (a.isRTL == null ? void 0 : a.isRTL(c));
57
- let g = await a.getElementRects({
58
- reference: o,
59
- floating: c,
60
- strategy: s
61
- }), {
62
- x: u,
63
- y: i
64
- } = W(g, e, d), m = e, n = {}, f = 0;
65
- for (let h = 0; h < r.length; h++) {
66
- const {
67
- name: x,
68
- fn: w
69
- } = r[h], {
70
- x: A,
71
- y,
72
- data: R,
73
- reset: p
74
- } = await w({
75
- x: u,
76
- y: i,
77
- initialPlacement: e,
78
- placement: m,
79
- strategy: s,
80
- middlewareData: n,
81
- rects: g,
82
- platform: a,
83
- elements: {
84
- reference: o,
85
- floating: c
86
- }
87
- });
88
- u = A ?? u, i = y ?? i, n = {
89
- ...n,
90
- [x]: {
91
- ...n[x],
92
- ...R
93
- }
94
- }, p && f <= 50 && (f++, typeof p == "object" && (p.placement && (m = p.placement), p.rects && (g = p.rects === !0 ? await a.getElementRects({
95
- reference: o,
96
- floating: c,
97
- strategy: s
98
- }) : p.rects), {
99
- x: u,
100
- y: i
101
- } = W(g, m, d)), h = -1);
102
- }
103
- return {
104
- x: u,
105
- y: i,
106
- placement: m,
107
- strategy: s,
108
- middlewareData: n
109
- };
110
- };
111
- async function J(o, c) {
112
- var l;
113
- c === void 0 && (c = {});
114
- const {
115
- x: e,
116
- y: s,
117
- platform: t,
118
- rects: a,
119
- elements: r,
120
- strategy: d
121
- } = o, {
122
- boundary: g = "clippingAncestors",
123
- rootBoundary: u = "viewport",
124
- elementContext: i = "floating",
125
- altBoundary: m = !1,
126
- padding: n = 0
127
- } = Y(c, o), f = H(n), x = r[m ? i === "floating" ? "reference" : "floating" : i], w = $(await t.getClippingRect({
128
- element: (l = await (t.isElement == null ? void 0 : t.isElement(x))) == null || l ? x : x.contextElement || await (t.getDocumentElement == null ? void 0 : t.getDocumentElement(r.floating)),
129
- boundary: g,
130
- rootBoundary: u,
131
- strategy: d
132
- })), A = i === "floating" ? {
133
- x: e,
134
- y: s,
135
- width: a.floating.width,
136
- height: a.floating.height
137
- } : a.reference, y = await (t.getOffsetParent == null ? void 0 : t.getOffsetParent(r.floating)), R = await (t.isElement == null ? void 0 : t.isElement(y)) ? await (t.getScale == null ? void 0 : t.getScale(y)) || {
138
- x: 1,
139
- y: 1
140
- } : {
141
- x: 1,
142
- y: 1
143
- }, p = $(t.convertOffsetParentRelativeRectToViewportRelativeRect ? await t.convertOffsetParentRelativeRectToViewportRelativeRect({
144
- elements: r,
145
- rect: A,
146
- offsetParent: y,
147
- strategy: d
148
- }) : A);
149
- return {
150
- top: (w.top - p.top + f.top) / R.y,
151
- bottom: (p.bottom - w.bottom + f.bottom) / R.y,
152
- left: (w.left - p.left + f.left) / R.x,
153
- right: (p.right - w.right + f.right) / R.x
154
- };
63
+ function L(t, n, e, r) {
64
+ const o = g(t);
65
+ let i = A(f(t), e === "start", r);
66
+ return o && (i = i.map((c) => c + "-" + o), n && (i = i.concat(i.map(s)))), i;
155
67
  }
156
- const ct = (o) => ({
157
- name: "arrow",
158
- options: o,
159
- async fn(c) {
160
- const {
161
- x: l,
162
- y: e,
163
- placement: s,
164
- rects: t,
165
- platform: a,
166
- elements: r,
167
- middlewareData: d
168
- } = c, {
169
- element: g,
170
- padding: u = 0
171
- } = Y(o, c) || {};
172
- if (g == null)
173
- return {};
174
- const i = H(u), m = {
175
- x: l,
176
- y: e
177
- }, n = q(s), f = G(n), h = await a.getDimensions(g), x = n === "y", w = x ? "top" : "left", A = x ? "bottom" : "right", y = x ? "clientHeight" : "clientWidth", R = t.reference[f] + t.reference[n] - m[n] - t.floating[f], p = m[n] - t.reference[n], C = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(g));
178
- let k = C ? C[y] : 0;
179
- (!k || !await (a.isElement == null ? void 0 : a.isElement(C))) && (k = r.floating[y] || t.floating[f]);
180
- const j = R / 2 - p / 2, T = k / 2 - h[f] / 2 - 1, v = X(i[w], T), L = X(i[A], T), S = v, B = k - h[f] - L, b = k / 2 - h[f] / 2 + j, D = _(S, b, B), P = !d.arrow && I(s) != null && b !== D && t.reference[f] / 2 - (b < S ? v : L) - h[f] / 2 < 0, O = P ? b < S ? b - S : b - B : 0;
181
- return {
182
- [n]: m[n] + O,
183
- data: {
184
- [n]: D,
185
- centerOffset: b - D - O,
186
- ...P && {
187
- alignmentOffset: O
188
- }
189
- },
190
- reset: P
191
- };
192
- }
193
- }), lt = function(o) {
194
- return o === void 0 && (o = {}), {
195
- name: "flip",
196
- options: o,
197
- async fn(c) {
198
- var l, e;
199
- const {
200
- placement: s,
201
- middlewareData: t,
202
- rects: a,
203
- initialPlacement: r,
204
- platform: d,
205
- elements: g
206
- } = c, {
207
- mainAxis: u = !0,
208
- crossAxis: i = !0,
209
- fallbackPlacements: m,
210
- fallbackStrategy: n = "bestFit",
211
- fallbackAxisSideDirection: f = "none",
212
- flipAlignment: h = !0,
213
- ...x
214
- } = Y(o, c);
215
- if ((l = t.arrow) != null && l.alignmentOffset)
216
- return {};
217
- const w = F(s), A = M(r), y = F(r) === r, R = await (d.isRTL == null ? void 0 : d.isRTL(g.floating)), p = m || (y || !h ? [Q(r)] : U(r)), C = f !== "none";
218
- !m && C && p.push(...Z(r, h, f, R));
219
- const k = [r, ...p], j = await J(c, x), T = [];
220
- let v = ((e = t.flip) == null ? void 0 : e.overflows) || [];
221
- if (u && T.push(j[w]), i) {
222
- const b = tt(s, a, R);
223
- T.push(j[b[0]], j[b[1]]);
224
- }
225
- if (v = [...v, {
226
- placement: s,
227
- overflows: T
228
- }], !T.every((b) => b <= 0)) {
229
- var L, S;
230
- const b = (((L = t.flip) == null ? void 0 : L.index) || 0) + 1, D = k[b];
231
- if (D)
232
- return {
233
- data: {
234
- index: b,
235
- overflows: v
236
- },
237
- reset: {
238
- placement: D
239
- }
240
- };
241
- let P = (S = v.filter((O) => O.overflows[0] <= 0).sort((O, E) => O.overflows[1] - E.overflows[1])[0]) == null ? void 0 : S.placement;
242
- if (!P)
243
- switch (n) {
244
- case "bestFit": {
245
- var B;
246
- const O = (B = v.filter((E) => {
247
- if (C) {
248
- const V = M(E.placement);
249
- return V === A || // Create a bias to the `y` side axis due to horizontal
250
- // reading directions favoring greater width.
251
- V === "y";
252
- }
253
- return !0;
254
- }).map((E) => [E.placement, E.overflows.filter((V) => V > 0).reduce((V, N) => V + N, 0)]).sort((E, V) => E[1] - V[1])[0]) == null ? void 0 : B[0];
255
- O && (P = O);
256
- break;
257
- }
258
- case "initialPlacement":
259
- P = r;
260
- break;
261
- }
262
- if (s !== P)
263
- return {
264
- reset: {
265
- placement: P
266
- }
267
- };
268
- }
269
- return {};
270
- }
271
- };
272
- };
273
- function K(o) {
274
- const c = X(...o.map((t) => t.left)), l = X(...o.map((t) => t.top)), e = z(...o.map((t) => t.right)), s = z(...o.map((t) => t.bottom));
68
+ function u(t) {
69
+ return t.replace(/left|right|bottom|top/g, (n) => m[n]);
70
+ }
71
+ function y(t) {
275
72
  return {
276
- x: c,
277
- y: l,
278
- width: e - c,
279
- height: s - l
73
+ top: 0,
74
+ right: 0,
75
+ bottom: 0,
76
+ left: 0,
77
+ ...t
280
78
  };
281
79
  }
282
- function nt(o) {
283
- const c = o.slice().sort((s, t) => s.y - t.y), l = [];
284
- let e = null;
285
- for (let s = 0; s < c.length; s++) {
286
- const t = c[s];
287
- !e || t.y - e.y > e.height / 2 ? l.push([t]) : l[l.length - 1].push(t), e = t;
288
- }
289
- return l.map((s) => $(K(s)));
290
- }
291
- const at = function(o) {
292
- return o === void 0 && (o = {}), {
293
- name: "inline",
294
- options: o,
295
- async fn(c) {
296
- const {
297
- placement: l,
298
- elements: e,
299
- rects: s,
300
- platform: t,
301
- strategy: a
302
- } = c, {
303
- padding: r = 2,
304
- x: d,
305
- y: g
306
- } = Y(o, c), u = Array.from(await (t.getClientRects == null ? void 0 : t.getClientRects(e.reference)) || []), i = nt(u), m = $(K(u)), n = H(r);
307
- function f() {
308
- if (i.length === 2 && i[0].left > i[1].right && d != null && g != null)
309
- return i.find((x) => d > x.left - n.left && d < x.right + n.right && g > x.top - n.top && g < x.bottom + n.bottom) || m;
310
- if (i.length >= 2) {
311
- if (M(l) === "y") {
312
- const v = i[0], L = i[i.length - 1], S = F(l) === "top", B = v.top, b = L.bottom, D = S ? v.left : L.left, P = S ? v.right : L.right, O = P - D, E = b - B;
313
- return {
314
- top: B,
315
- bottom: b,
316
- left: D,
317
- right: P,
318
- width: O,
319
- height: E,
320
- x: D,
321
- y: B
322
- };
323
- }
324
- const x = F(l) === "left", w = z(...i.map((v) => v.right)), A = X(...i.map((v) => v.left)), y = i.filter((v) => x ? v.left === A : v.right === w), R = y[0].top, p = y[y.length - 1].bottom, C = A, k = w, j = k - C, T = p - R;
325
- return {
326
- top: R,
327
- bottom: p,
328
- left: C,
329
- right: k,
330
- width: j,
331
- height: T,
332
- x: C,
333
- y: R
334
- };
335
- }
336
- return m;
337
- }
338
- const h = await t.getElementRects({
339
- reference: {
340
- getBoundingClientRect: f
341
- },
342
- floating: e.floating,
343
- strategy: a
344
- });
345
- return s.reference.x !== h.reference.x || s.reference.y !== h.reference.y || s.reference.width !== h.reference.width || s.reference.height !== h.reference.height ? {
346
- reset: {
347
- rects: h
348
- }
349
- } : {};
350
- }
80
+ function E(t) {
81
+ return typeof t != "number" ? y(t) : {
82
+ top: t,
83
+ right: t,
84
+ bottom: t,
85
+ left: t
351
86
  };
352
- };
353
- async function it(o, c) {
87
+ }
88
+ function R(t) {
354
89
  const {
355
- placement: l,
356
- platform: e,
357
- elements: s
358
- } = o, t = await (e.isRTL == null ? void 0 : e.isRTL(s.floating)), a = F(l), r = I(l), d = M(l) === "y", g = ["left", "top"].includes(a) ? -1 : 1, u = t && d ? -1 : 1, i = Y(c, o);
359
- let {
360
- mainAxis: m,
361
- crossAxis: n,
362
- alignmentAxis: f
363
- } = typeof i == "number" ? {
364
- mainAxis: i,
365
- crossAxis: 0,
366
- alignmentAxis: null
367
- } : {
368
- mainAxis: i.mainAxis || 0,
369
- crossAxis: i.crossAxis || 0,
370
- alignmentAxis: i.alignmentAxis
371
- };
372
- return r && typeof f == "number" && (n = r === "end" ? f * -1 : f), d ? {
373
- x: n * u,
374
- y: m * g
375
- } : {
376
- x: m * g,
377
- y: n * u
90
+ x: n,
91
+ y: e,
92
+ width: r,
93
+ height: o
94
+ } = t;
95
+ return {
96
+ width: r,
97
+ height: o,
98
+ top: e,
99
+ left: n,
100
+ right: n + r,
101
+ bottom: e + o,
102
+ x: n,
103
+ y: e
378
104
  };
379
105
  }
380
- const rt = function(o) {
381
- return o === void 0 && (o = 0), {
382
- name: "offset",
383
- options: o,
384
- async fn(c) {
385
- var l, e;
386
- const {
387
- x: s,
388
- y: t,
389
- placement: a,
390
- middlewareData: r
391
- } = c, d = await it(c, o);
392
- return a === ((l = r.offset) == null ? void 0 : l.placement) && (e = r.arrow) != null && e.alignmentOffset ? {} : {
393
- x: s + d.x,
394
- y: t + d.y,
395
- data: {
396
- ...d,
397
- placement: a
398
- }
399
- };
400
- }
401
- };
402
- }, ft = function(o) {
403
- return o === void 0 && (o = {}), {
404
- name: "shift",
405
- options: o,
406
- async fn(c) {
407
- const {
408
- x: l,
409
- y: e,
410
- placement: s
411
- } = c, {
412
- mainAxis: t = !0,
413
- crossAxis: a = !1,
414
- limiter: r = {
415
- fn: (x) => {
416
- let {
417
- x: w,
418
- y: A
419
- } = x;
420
- return {
421
- x: w,
422
- y: A
423
- };
424
- }
425
- },
426
- ...d
427
- } = Y(o, c), g = {
428
- x: l,
429
- y: e
430
- }, u = await J(c, d), i = M(F(s)), m = et(i);
431
- let n = g[m], f = g[i];
432
- if (t) {
433
- const x = m === "y" ? "top" : "left", w = m === "y" ? "bottom" : "right", A = n + u[x], y = n - u[w];
434
- n = _(A, n, y);
435
- }
436
- if (a) {
437
- const x = i === "y" ? "top" : "left", w = i === "y" ? "bottom" : "right", A = f + u[x], y = f - u[w];
438
- f = _(A, f, y);
439
- }
440
- const h = r.fn({
441
- ...c,
442
- [m]: n,
443
- [i]: f
444
- });
445
- return {
446
- ...h,
447
- data: {
448
- x: h.x - l,
449
- y: h.y - e,
450
- enabled: {
451
- [m]: t,
452
- [i]: a
453
- }
454
- }
455
- };
456
- }
457
- };
458
- };
459
106
  export {
460
- ct as arrow,
461
- st as computePosition,
462
- J as detectOverflow,
463
- lt as flip,
464
- at as inline,
465
- rt as offset,
466
- $ as rectToClientRect,
467
- ft as shift
107
+ S as clamp,
108
+ O as createCoords,
109
+ w as evaluate,
110
+ y as expandPaddingObject,
111
+ M as floor,
112
+ g as getAlignment,
113
+ d as getAlignmentAxis,
114
+ j as getAlignmentSides,
115
+ x as getAxisLength,
116
+ C as getExpandedPlacements,
117
+ s as getOppositeAlignmentPlacement,
118
+ h as getOppositeAxis,
119
+ L as getOppositeAxisPlacements,
120
+ u as getOppositePlacement,
121
+ E as getPaddingObject,
122
+ f as getSide,
123
+ b as getSideAxis,
124
+ a as max,
125
+ l as min,
126
+ R as rectToClientRect,
127
+ P as round
468
128
  };
469
129
  //# sourceMappingURL=annotorious-react.es22.js.map