qaema-ui 0.0.72 → 0.0.74
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.
- package/dist/components/DropDownWithTable/DropDownWithTable.js +86 -84
- package/dist/components/DropDownWithTable/DropDownWithTable.types.d.ts +1 -0
- package/dist/components/DropDownWithTable/Table/Table.d.ts +1 -1
- package/dist/components/DropDownWithTable/Table/Table.js +103 -94
- package/dist/components/DropDownWithTable/Table/Table.types.d.ts +1 -0
- package/dist/components/PriceCard.js +24 -24
- package/dist/components/StepperProcess.d.ts +78 -0
- package/dist/node_modules/@floating-ui/core/dist/floating-ui.core.js +377 -0
- package/dist/node_modules/@floating-ui/dom/dist/floating-ui.dom.js +400 -0
- package/dist/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js +136 -0
- package/dist/node_modules/@floating-ui/utils/dist/floating-ui.utils.js +127 -0
- package/dist/node_modules/react-tooltip/dist/react-tooltip.min.js +548 -0
- package/package.json +3 -2
|
@@ -43,7 +43,7 @@ const N = {
|
|
|
43
43
|
justify-content: ${({ $hasMultipleBadges: e }) => e ? "flex-start" : "space-between"};
|
|
44
44
|
gap: ${({ theme: e }) => e.spacing.s};
|
|
45
45
|
flex-wrap: wrap;
|
|
46
|
-
padding-
|
|
46
|
+
padding-inline-end: ${({ $hasRibbon: e }) => e ? "8rem" : "0"};
|
|
47
47
|
`, q = t(h)`
|
|
48
48
|
font-family: ${({ theme: e }) => e.fonts.arabic};
|
|
49
49
|
font-weight: 600;
|
|
@@ -73,14 +73,14 @@ const N = {
|
|
|
73
73
|
`, K = t.div`
|
|
74
74
|
position: absolute;
|
|
75
75
|
top: 0;
|
|
76
|
-
|
|
76
|
+
inset-inline-end: 0;
|
|
77
77
|
min-width: 9.5rem;
|
|
78
78
|
height: 4rem;
|
|
79
79
|
padding: 0 ${({ theme: e }) => e.spacing.m};
|
|
80
80
|
display: flex;
|
|
81
81
|
align-items: center;
|
|
82
82
|
justify-content: center;
|
|
83
|
-
border-
|
|
83
|
+
border-end-start-radius: ${({ theme: e }) => e.borderRadius.xl};
|
|
84
84
|
background-color: ${({ $bgColor: e }) => e};
|
|
85
85
|
color: ${({ $color: e }) => e};
|
|
86
86
|
font-family: ${({ theme: e }) => e.fonts.arabic};
|
|
@@ -170,12 +170,12 @@ const N = {
|
|
|
170
170
|
font-size: ${({ theme: e }) => e.typography.sizes.s4};
|
|
171
171
|
line-height: ${({ theme: e }) => e.typography.lineHeights.m};
|
|
172
172
|
color: #17954f;
|
|
173
|
-
`,
|
|
173
|
+
`, ne = t.div`
|
|
174
174
|
display: flex;
|
|
175
175
|
align-items: center;
|
|
176
176
|
gap: 5px;
|
|
177
177
|
font-size: 16px;
|
|
178
|
-
`,
|
|
178
|
+
`, re = t(d)`
|
|
179
179
|
color: #17954f;
|
|
180
180
|
font-size: 16px;
|
|
181
181
|
`, se = t(x).attrs({
|
|
@@ -204,7 +204,7 @@ const N = {
|
|
|
204
204
|
variant: R = "transparent",
|
|
205
205
|
badges: f = [],
|
|
206
206
|
showPrimaryAction: B = !1,
|
|
207
|
-
primaryAction:
|
|
207
|
+
primaryAction: r,
|
|
208
208
|
showSecondaryAction: k = !1,
|
|
209
209
|
secondaryAction: s,
|
|
210
210
|
showFeatures: S = !0,
|
|
@@ -219,23 +219,23 @@ const N = {
|
|
|
219
219
|
addonsMonthlyLabel: E = "monthly",
|
|
220
220
|
mobileHintComponent: I
|
|
221
221
|
}) => {
|
|
222
|
-
const p = f.find((
|
|
222
|
+
const p = f.find((n) => n.ribbon), $ = f.filter((n) => !n.ribbon);
|
|
223
223
|
return /* @__PURE__ */ i.jsxs(O, { $variant: R, children: [
|
|
224
224
|
p && /* @__PURE__ */ i.jsx(K, { $bgColor: p.bgColor, $color: p.color, children: p.label }),
|
|
225
225
|
/* @__PURE__ */ i.jsxs(U, { children: [
|
|
226
226
|
/* @__PURE__ */ i.jsxs(V, { $hasRibbon: !!p, $hasMultipleBadges: f.length > 1, children: [
|
|
227
227
|
/* @__PURE__ */ i.jsx(q, { children: e }),
|
|
228
|
-
$.length > 0 && /* @__PURE__ */ i.jsx(J, { children: $.map((
|
|
228
|
+
$.length > 0 && /* @__PURE__ */ i.jsx(J, { children: $.map((n, a) => /* @__PURE__ */ i.jsx(
|
|
229
229
|
M,
|
|
230
230
|
{
|
|
231
|
-
label:
|
|
232
|
-
bgColor:
|
|
233
|
-
color:
|
|
234
|
-
image:
|
|
235
|
-
weight:
|
|
236
|
-
variant:
|
|
231
|
+
label: n.label,
|
|
232
|
+
bgColor: n.bgColor,
|
|
233
|
+
color: n.color,
|
|
234
|
+
image: n.image ?? "",
|
|
235
|
+
weight: n.weight,
|
|
236
|
+
variant: n.variant
|
|
237
237
|
},
|
|
238
|
-
`${
|
|
238
|
+
`${n.label}-${a}`
|
|
239
239
|
)) })
|
|
240
240
|
] }),
|
|
241
241
|
/* @__PURE__ */ i.jsxs(Q, { children: [
|
|
@@ -255,10 +255,10 @@ const N = {
|
|
|
255
255
|
/* @__PURE__ */ i.jsx(d, { $isDiscounted: !!(g && l.originalAmount), children: l.amount }),
|
|
256
256
|
/* @__PURE__ */ i.jsx(te, { children: l.label })
|
|
257
257
|
] }),
|
|
258
|
-
g ? /* @__PURE__ */ i.jsxs(
|
|
258
|
+
g ? /* @__PURE__ */ i.jsxs(ne, { children: [
|
|
259
259
|
/* @__PURE__ */ i.jsx(j, { children: g.label }),
|
|
260
260
|
/* @__PURE__ */ i.jsx(se, { style: { width: "14px", height: "16px" } }),
|
|
261
|
-
/* @__PURE__ */ i.jsx(
|
|
261
|
+
/* @__PURE__ */ i.jsx(re, { children: g.amount })
|
|
262
262
|
] }) : m && /* @__PURE__ */ i.jsx(j, { children: m }),
|
|
263
263
|
/* @__PURE__ */ i.jsx(Z, { children: z }),
|
|
264
264
|
D && y.length > 0 && /* @__PURE__ */ i.jsx("div", { style: { marginTop: "0.50rem" }, children: /* @__PURE__ */ i.jsx(
|
|
@@ -272,13 +272,13 @@ const N = {
|
|
|
272
272
|
gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
|
|
273
273
|
gap: "4px"
|
|
274
274
|
},
|
|
275
|
-
children: y.map((
|
|
276
|
-
const a = F ===
|
|
275
|
+
children: y.map((n) => {
|
|
276
|
+
const a = F === n.id;
|
|
277
277
|
return /* @__PURE__ */ i.jsxs(
|
|
278
278
|
"button",
|
|
279
279
|
{
|
|
280
280
|
type: "button",
|
|
281
|
-
onClick: () => c == null ? void 0 : c(
|
|
281
|
+
onClick: () => c == null ? void 0 : c(n.id),
|
|
282
282
|
style: {
|
|
283
283
|
padding: "8px 6px 7px",
|
|
284
284
|
border: a ? "1px solid #e4e7ec" : "1px solid transparent",
|
|
@@ -299,7 +299,7 @@ const N = {
|
|
|
299
299
|
boxShadow: a ? "0 1px 2px rgba(16, 24, 40, 0.08)" : "none"
|
|
300
300
|
},
|
|
301
301
|
children: [
|
|
302
|
-
/* @__PURE__ */ i.jsx("span", { children:
|
|
302
|
+
/* @__PURE__ */ i.jsx("span", { children: n.titleEn }),
|
|
303
303
|
/* @__PURE__ */ i.jsxs(
|
|
304
304
|
"span",
|
|
305
305
|
{
|
|
@@ -314,7 +314,7 @@ const N = {
|
|
|
314
314
|
},
|
|
315
315
|
children: [
|
|
316
316
|
/* @__PURE__ */ i.jsx(x, { width: "9", height: "9", color: "#16181c" }),
|
|
317
|
-
|
|
317
|
+
n.baseFare,
|
|
318
318
|
" ",
|
|
319
319
|
E
|
|
320
320
|
]
|
|
@@ -322,14 +322,14 @@ const N = {
|
|
|
322
322
|
)
|
|
323
323
|
]
|
|
324
324
|
},
|
|
325
|
-
|
|
325
|
+
n.id
|
|
326
326
|
);
|
|
327
327
|
})
|
|
328
328
|
}
|
|
329
329
|
) }),
|
|
330
330
|
I,
|
|
331
331
|
/* @__PURE__ */ i.jsxs(le, { children: [
|
|
332
|
-
B && /* @__PURE__ */ i.jsx(b, { variant: (
|
|
332
|
+
B && /* @__PURE__ */ i.jsx(b, { variant: (r == null ? void 0 : r.variant) ?? "primary", onClick: r == null ? void 0 : r.onPrimaryActionClick, children: r == null ? void 0 : r.label }),
|
|
333
333
|
k && /* @__PURE__ */ i.jsx(b, { variant: (s == null ? void 0 : s.variant) ?? "light-primary", onClick: s == null ? void 0 : s.onSecondaryActionClick, children: s == null ? void 0 : s.label })
|
|
334
334
|
] })
|
|
335
335
|
] }),
|
|
@@ -938,6 +938,19 @@ export declare const AnimatedMainContent: import("styled-components/dist/types")
|
|
|
938
938
|
exportparts?: string | undefined | undefined;
|
|
939
939
|
part?: string | undefined | undefined;
|
|
940
940
|
children?: React.ReactNode | Iterable<React.ReactNode>;
|
|
941
|
+
'data-tooltip-id'?: string | undefined;
|
|
942
|
+
'data-tooltip-place'?: import("react-tooltip").PlacesType | undefined;
|
|
943
|
+
'data-tooltip-content'?: string | null | undefined;
|
|
944
|
+
'data-tooltip-variant'?: import("react-tooltip").VariantType | undefined;
|
|
945
|
+
'data-tooltip-offset'?: number | undefined;
|
|
946
|
+
'data-tooltip-wrapper'?: import("react-tooltip").WrapperType | undefined;
|
|
947
|
+
'data-tooltip-position-strategy'?: import("react-tooltip").PositionStrategy | undefined;
|
|
948
|
+
'data-tooltip-delay-show'?: number | undefined;
|
|
949
|
+
'data-tooltip-delay-hide'?: number | undefined;
|
|
950
|
+
'data-tooltip-auto-close'?: number | undefined;
|
|
951
|
+
'data-tooltip-float'?: boolean | undefined;
|
|
952
|
+
'data-tooltip-hidden'?: boolean | undefined;
|
|
953
|
+
'data-tooltip-class-name'?: string | undefined;
|
|
941
954
|
"aria-activedescendant"?: string | undefined | undefined;
|
|
942
955
|
"aria-atomic"?: (boolean | "false" | "true") | undefined;
|
|
943
956
|
"aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
|
|
@@ -2066,6 +2079,19 @@ export declare const AnimatedOverlay: import("styled-components/dist/types").ISt
|
|
|
2066
2079
|
exportparts?: string | undefined | undefined;
|
|
2067
2080
|
part?: string | undefined | undefined;
|
|
2068
2081
|
children?: React.ReactNode | Iterable<React.ReactNode>;
|
|
2082
|
+
'data-tooltip-id'?: string | undefined;
|
|
2083
|
+
'data-tooltip-place'?: import("react-tooltip").PlacesType | undefined;
|
|
2084
|
+
'data-tooltip-content'?: string | null | undefined;
|
|
2085
|
+
'data-tooltip-variant'?: import("react-tooltip").VariantType | undefined;
|
|
2086
|
+
'data-tooltip-offset'?: number | undefined;
|
|
2087
|
+
'data-tooltip-wrapper'?: import("react-tooltip").WrapperType | undefined;
|
|
2088
|
+
'data-tooltip-position-strategy'?: import("react-tooltip").PositionStrategy | undefined;
|
|
2089
|
+
'data-tooltip-delay-show'?: number | undefined;
|
|
2090
|
+
'data-tooltip-delay-hide'?: number | undefined;
|
|
2091
|
+
'data-tooltip-auto-close'?: number | undefined;
|
|
2092
|
+
'data-tooltip-float'?: boolean | undefined;
|
|
2093
|
+
'data-tooltip-hidden'?: boolean | undefined;
|
|
2094
|
+
'data-tooltip-class-name'?: string | undefined;
|
|
2069
2095
|
"aria-activedescendant"?: string | undefined | undefined;
|
|
2070
2096
|
"aria-atomic"?: (boolean | "false" | "true") | undefined;
|
|
2071
2097
|
"aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
|
|
@@ -3189,6 +3215,19 @@ export declare const AnimatedModal: import("styled-components/dist/types").IStyl
|
|
|
3189
3215
|
exportparts?: string | undefined | undefined;
|
|
3190
3216
|
part?: string | undefined | undefined;
|
|
3191
3217
|
children?: React.ReactNode | Iterable<React.ReactNode>;
|
|
3218
|
+
'data-tooltip-id'?: string | undefined;
|
|
3219
|
+
'data-tooltip-place'?: import("react-tooltip").PlacesType | undefined;
|
|
3220
|
+
'data-tooltip-content'?: string | null | undefined;
|
|
3221
|
+
'data-tooltip-variant'?: import("react-tooltip").VariantType | undefined;
|
|
3222
|
+
'data-tooltip-offset'?: number | undefined;
|
|
3223
|
+
'data-tooltip-wrapper'?: import("react-tooltip").WrapperType | undefined;
|
|
3224
|
+
'data-tooltip-position-strategy'?: import("react-tooltip").PositionStrategy | undefined;
|
|
3225
|
+
'data-tooltip-delay-show'?: number | undefined;
|
|
3226
|
+
'data-tooltip-delay-hide'?: number | undefined;
|
|
3227
|
+
'data-tooltip-auto-close'?: number | undefined;
|
|
3228
|
+
'data-tooltip-float'?: boolean | undefined;
|
|
3229
|
+
'data-tooltip-hidden'?: boolean | undefined;
|
|
3230
|
+
'data-tooltip-class-name'?: string | undefined;
|
|
3192
3231
|
"aria-activedescendant"?: string | undefined | undefined;
|
|
3193
3232
|
"aria-atomic"?: (boolean | "false" | "true") | undefined;
|
|
3194
3233
|
"aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
|
|
@@ -4310,6 +4349,19 @@ export declare const StepHeader: import("styled-components/dist/types").IStyledC
|
|
|
4310
4349
|
exportparts?: string | undefined | undefined;
|
|
4311
4350
|
part?: string | undefined | undefined;
|
|
4312
4351
|
children?: React.ReactNode | Iterable<React.ReactNode>;
|
|
4352
|
+
'data-tooltip-id'?: string | undefined;
|
|
4353
|
+
'data-tooltip-place'?: import("react-tooltip").PlacesType | undefined;
|
|
4354
|
+
'data-tooltip-content'?: string | null | undefined;
|
|
4355
|
+
'data-tooltip-variant'?: import("react-tooltip").VariantType | undefined;
|
|
4356
|
+
'data-tooltip-offset'?: number | undefined;
|
|
4357
|
+
'data-tooltip-wrapper'?: import("react-tooltip").WrapperType | undefined;
|
|
4358
|
+
'data-tooltip-position-strategy'?: import("react-tooltip").PositionStrategy | undefined;
|
|
4359
|
+
'data-tooltip-delay-show'?: number | undefined;
|
|
4360
|
+
'data-tooltip-delay-hide'?: number | undefined;
|
|
4361
|
+
'data-tooltip-auto-close'?: number | undefined;
|
|
4362
|
+
'data-tooltip-float'?: boolean | undefined;
|
|
4363
|
+
'data-tooltip-hidden'?: boolean | undefined;
|
|
4364
|
+
'data-tooltip-class-name'?: string | undefined;
|
|
4313
4365
|
"aria-activedescendant"?: string | undefined | undefined;
|
|
4314
4366
|
"aria-atomic"?: (boolean | "false" | "true") | undefined;
|
|
4315
4367
|
"aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
|
|
@@ -5431,6 +5483,19 @@ export declare const AnimatedStepContent: import("styled-components/dist/types")
|
|
|
5431
5483
|
exportparts?: string | undefined | undefined;
|
|
5432
5484
|
part?: string | undefined | undefined;
|
|
5433
5485
|
children?: React.ReactNode | Iterable<React.ReactNode>;
|
|
5486
|
+
'data-tooltip-id'?: string | undefined;
|
|
5487
|
+
'data-tooltip-place'?: import("react-tooltip").PlacesType | undefined;
|
|
5488
|
+
'data-tooltip-content'?: string | null | undefined;
|
|
5489
|
+
'data-tooltip-variant'?: import("react-tooltip").VariantType | undefined;
|
|
5490
|
+
'data-tooltip-offset'?: number | undefined;
|
|
5491
|
+
'data-tooltip-wrapper'?: import("react-tooltip").WrapperType | undefined;
|
|
5492
|
+
'data-tooltip-position-strategy'?: import("react-tooltip").PositionStrategy | undefined;
|
|
5493
|
+
'data-tooltip-delay-show'?: number | undefined;
|
|
5494
|
+
'data-tooltip-delay-hide'?: number | undefined;
|
|
5495
|
+
'data-tooltip-auto-close'?: number | undefined;
|
|
5496
|
+
'data-tooltip-float'?: boolean | undefined;
|
|
5497
|
+
'data-tooltip-hidden'?: boolean | undefined;
|
|
5498
|
+
'data-tooltip-class-name'?: string | undefined;
|
|
5434
5499
|
"aria-activedescendant"?: string | undefined | undefined;
|
|
5435
5500
|
"aria-atomic"?: (boolean | "false" | "true") | undefined;
|
|
5436
5501
|
"aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
|
|
@@ -6552,6 +6617,19 @@ export declare const AnimatedSideMenu: import("styled-components/dist/types").IS
|
|
|
6552
6617
|
exportparts?: string | undefined | undefined;
|
|
6553
6618
|
part?: string | undefined | undefined;
|
|
6554
6619
|
children?: React.ReactNode | Iterable<React.ReactNode>;
|
|
6620
|
+
'data-tooltip-id'?: string | undefined;
|
|
6621
|
+
'data-tooltip-place'?: import("react-tooltip").PlacesType | undefined;
|
|
6622
|
+
'data-tooltip-content'?: string | null | undefined;
|
|
6623
|
+
'data-tooltip-variant'?: import("react-tooltip").VariantType | undefined;
|
|
6624
|
+
'data-tooltip-offset'?: number | undefined;
|
|
6625
|
+
'data-tooltip-wrapper'?: import("react-tooltip").WrapperType | undefined;
|
|
6626
|
+
'data-tooltip-position-strategy'?: import("react-tooltip").PositionStrategy | undefined;
|
|
6627
|
+
'data-tooltip-delay-show'?: number | undefined;
|
|
6628
|
+
'data-tooltip-delay-hide'?: number | undefined;
|
|
6629
|
+
'data-tooltip-auto-close'?: number | undefined;
|
|
6630
|
+
'data-tooltip-float'?: boolean | undefined;
|
|
6631
|
+
'data-tooltip-hidden'?: boolean | undefined;
|
|
6632
|
+
'data-tooltip-class-name'?: string | undefined;
|
|
6555
6633
|
"aria-activedescendant"?: string | undefined | undefined;
|
|
6556
6634
|
"aria-atomic"?: (boolean | "false" | "true") | undefined;
|
|
6557
6635
|
"aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
|
|
@@ -0,0 +1,377 @@
|
|
|
1
|
+
import { evaluate as _, getSide as B, getSideAxis as M, getOppositePlacement as q, getExpandedPlacements as G, getOppositeAxisPlacements as J, getAlignmentSides as K, clamp as z, getAlignment as X, getOppositeAxis as Q, getAlignmentAxis as H, getPaddingObject as I, rectToClientRect as Y, getAxisLength as N, min as $ } from "../../utils/dist/floating-ui.utils.js";
|
|
2
|
+
function W(l, o, d) {
|
|
3
|
+
let {
|
|
4
|
+
reference: t,
|
|
5
|
+
floating: r
|
|
6
|
+
} = l;
|
|
7
|
+
const e = M(o), s = H(o), a = N(s), m = B(o), u = e === "y", g = t.x + t.width / 2 - r.width / 2, c = t.y + t.height / 2 - r.height / 2, f = t[a] / 2 - r[a] / 2;
|
|
8
|
+
let n;
|
|
9
|
+
switch (m) {
|
|
10
|
+
case "top":
|
|
11
|
+
n = {
|
|
12
|
+
x: g,
|
|
13
|
+
y: t.y - r.height
|
|
14
|
+
};
|
|
15
|
+
break;
|
|
16
|
+
case "bottom":
|
|
17
|
+
n = {
|
|
18
|
+
x: g,
|
|
19
|
+
y: t.y + t.height
|
|
20
|
+
};
|
|
21
|
+
break;
|
|
22
|
+
case "right":
|
|
23
|
+
n = {
|
|
24
|
+
x: t.x + t.width,
|
|
25
|
+
y: c
|
|
26
|
+
};
|
|
27
|
+
break;
|
|
28
|
+
case "left":
|
|
29
|
+
n = {
|
|
30
|
+
x: t.x - r.width,
|
|
31
|
+
y: c
|
|
32
|
+
};
|
|
33
|
+
break;
|
|
34
|
+
default:
|
|
35
|
+
n = {
|
|
36
|
+
x: t.x,
|
|
37
|
+
y: t.y
|
|
38
|
+
};
|
|
39
|
+
}
|
|
40
|
+
const i = X(o);
|
|
41
|
+
return i && (n[s] += f * (i === "end" ? 1 : -1) * (d && u ? -1 : 1)), n;
|
|
42
|
+
}
|
|
43
|
+
async function Z(l, o) {
|
|
44
|
+
var d;
|
|
45
|
+
o === void 0 && (o = {});
|
|
46
|
+
const {
|
|
47
|
+
x: t,
|
|
48
|
+
y: r,
|
|
49
|
+
platform: e,
|
|
50
|
+
rects: s,
|
|
51
|
+
elements: a,
|
|
52
|
+
strategy: m
|
|
53
|
+
} = l, {
|
|
54
|
+
boundary: u = "clippingAncestors",
|
|
55
|
+
rootBoundary: g = "viewport",
|
|
56
|
+
elementContext: c = "floating",
|
|
57
|
+
altBoundary: f = !1,
|
|
58
|
+
padding: n = 0
|
|
59
|
+
} = _(o, l), i = I(n), p = a[f ? c === "floating" ? "reference" : "floating" : c], v = Y(await e.getClippingRect({
|
|
60
|
+
element: (d = await (e.isElement == null ? void 0 : e.isElement(p))) == null || d ? p : p.contextElement || await (e.getDocumentElement == null ? void 0 : e.getDocumentElement(a.floating)),
|
|
61
|
+
boundary: u,
|
|
62
|
+
rootBoundary: g,
|
|
63
|
+
strategy: m
|
|
64
|
+
})), y = c === "floating" ? {
|
|
65
|
+
x: t,
|
|
66
|
+
y: r,
|
|
67
|
+
width: s.floating.width,
|
|
68
|
+
height: s.floating.height
|
|
69
|
+
} : s.reference, w = await (e.getOffsetParent == null ? void 0 : e.getOffsetParent(a.floating)), A = await (e.isElement == null ? void 0 : e.isElement(w)) && await (e.getScale == null ? void 0 : e.getScale(w)) || {
|
|
70
|
+
x: 1,
|
|
71
|
+
y: 1
|
|
72
|
+
}, P = Y(e.convertOffsetParentRelativeRectToViewportRelativeRect ? await e.convertOffsetParentRelativeRectToViewportRelativeRect({
|
|
73
|
+
elements: a,
|
|
74
|
+
rect: y,
|
|
75
|
+
offsetParent: w,
|
|
76
|
+
strategy: m
|
|
77
|
+
}) : y);
|
|
78
|
+
return {
|
|
79
|
+
top: (v.top - P.top + i.top) / A.y,
|
|
80
|
+
bottom: (P.bottom - v.bottom + i.bottom) / A.y,
|
|
81
|
+
left: (v.left - P.left + i.left) / A.x,
|
|
82
|
+
right: (P.right - v.right + i.right) / A.x
|
|
83
|
+
};
|
|
84
|
+
}
|
|
85
|
+
const ee = 50, oe = async (l, o, d) => {
|
|
86
|
+
const {
|
|
87
|
+
placement: t = "bottom",
|
|
88
|
+
strategy: r = "absolute",
|
|
89
|
+
middleware: e = [],
|
|
90
|
+
platform: s
|
|
91
|
+
} = d, a = s.detectOverflow ? s : {
|
|
92
|
+
...s,
|
|
93
|
+
detectOverflow: Z
|
|
94
|
+
}, m = await (s.isRTL == null ? void 0 : s.isRTL(o));
|
|
95
|
+
let u = await s.getElementRects({
|
|
96
|
+
reference: l,
|
|
97
|
+
floating: o,
|
|
98
|
+
strategy: r
|
|
99
|
+
}), {
|
|
100
|
+
x: g,
|
|
101
|
+
y: c
|
|
102
|
+
} = W(u, t, m), f = t, n = 0;
|
|
103
|
+
const i = {};
|
|
104
|
+
for (let x = 0; x < e.length; x++) {
|
|
105
|
+
const p = e[x];
|
|
106
|
+
if (!p)
|
|
107
|
+
continue;
|
|
108
|
+
const {
|
|
109
|
+
name: v,
|
|
110
|
+
fn: y
|
|
111
|
+
} = p, {
|
|
112
|
+
x: w,
|
|
113
|
+
y: A,
|
|
114
|
+
data: P,
|
|
115
|
+
reset: h
|
|
116
|
+
} = await y({
|
|
117
|
+
x: g,
|
|
118
|
+
y: c,
|
|
119
|
+
initialPlacement: t,
|
|
120
|
+
placement: f,
|
|
121
|
+
strategy: r,
|
|
122
|
+
middlewareData: i,
|
|
123
|
+
rects: u,
|
|
124
|
+
platform: a,
|
|
125
|
+
elements: {
|
|
126
|
+
reference: l,
|
|
127
|
+
floating: o
|
|
128
|
+
}
|
|
129
|
+
});
|
|
130
|
+
g = w ?? g, c = A ?? c, i[v] = {
|
|
131
|
+
...i[v],
|
|
132
|
+
...P
|
|
133
|
+
}, h && n < ee && (n++, typeof h == "object" && (h.placement && (f = h.placement), h.rects && (u = h.rects === !0 ? await s.getElementRects({
|
|
134
|
+
reference: l,
|
|
135
|
+
floating: o,
|
|
136
|
+
strategy: r
|
|
137
|
+
}) : h.rects), {
|
|
138
|
+
x: g,
|
|
139
|
+
y: c
|
|
140
|
+
} = W(u, f, m)), x = -1);
|
|
141
|
+
}
|
|
142
|
+
return {
|
|
143
|
+
x: g,
|
|
144
|
+
y: c,
|
|
145
|
+
placement: f,
|
|
146
|
+
strategy: r,
|
|
147
|
+
middlewareData: i
|
|
148
|
+
};
|
|
149
|
+
}, se = (l) => ({
|
|
150
|
+
name: "arrow",
|
|
151
|
+
options: l,
|
|
152
|
+
async fn(o) {
|
|
153
|
+
const {
|
|
154
|
+
x: d,
|
|
155
|
+
y: t,
|
|
156
|
+
placement: r,
|
|
157
|
+
rects: e,
|
|
158
|
+
platform: s,
|
|
159
|
+
elements: a,
|
|
160
|
+
middlewareData: m
|
|
161
|
+
} = o, {
|
|
162
|
+
element: u,
|
|
163
|
+
padding: g = 0
|
|
164
|
+
} = _(l, o) || {};
|
|
165
|
+
if (u == null)
|
|
166
|
+
return {};
|
|
167
|
+
const c = I(g), f = {
|
|
168
|
+
x: d,
|
|
169
|
+
y: t
|
|
170
|
+
}, n = H(r), i = N(n), x = await s.getDimensions(u), p = n === "y", v = p ? "top" : "left", y = p ? "bottom" : "right", w = p ? "clientHeight" : "clientWidth", A = e.reference[i] + e.reference[n] - f[n] - e.floating[i], P = f[n] - e.reference[n], h = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(u));
|
|
171
|
+
let E = h ? h[w] : 0;
|
|
172
|
+
(!E || !await (s.isElement == null ? void 0 : s.isElement(h))) && (E = a.floating[w] || e.floating[i]);
|
|
173
|
+
const V = A / 2 - P / 2, S = E / 2 - x[i] / 2 - 1, b = $(c[v], S), F = $(c[y], S), j = E - x[i] - F, C = E / 2 - x[i] / 2 + V, O = z(b, C, j), T = !m.arrow && X(r) != null && C !== O && e.reference[i] / 2 - (C < b ? b : F) - x[i] / 2 < 0, k = T ? C < b ? C - b : C - j : 0;
|
|
174
|
+
return {
|
|
175
|
+
[n]: f[n] + k,
|
|
176
|
+
data: {
|
|
177
|
+
[n]: O,
|
|
178
|
+
centerOffset: C - O - k,
|
|
179
|
+
...T && {
|
|
180
|
+
alignmentOffset: k
|
|
181
|
+
}
|
|
182
|
+
},
|
|
183
|
+
reset: T
|
|
184
|
+
};
|
|
185
|
+
}
|
|
186
|
+
}), le = function(l) {
|
|
187
|
+
return l === void 0 && (l = {}), {
|
|
188
|
+
name: "flip",
|
|
189
|
+
options: l,
|
|
190
|
+
async fn(o) {
|
|
191
|
+
var d, t;
|
|
192
|
+
const {
|
|
193
|
+
placement: r,
|
|
194
|
+
middlewareData: e,
|
|
195
|
+
rects: s,
|
|
196
|
+
initialPlacement: a,
|
|
197
|
+
platform: m,
|
|
198
|
+
elements: u
|
|
199
|
+
} = o, {
|
|
200
|
+
mainAxis: g = !0,
|
|
201
|
+
crossAxis: c = !0,
|
|
202
|
+
fallbackPlacements: f,
|
|
203
|
+
fallbackStrategy: n = "bestFit",
|
|
204
|
+
fallbackAxisSideDirection: i = "none",
|
|
205
|
+
flipAlignment: x = !0,
|
|
206
|
+
...p
|
|
207
|
+
} = _(l, o);
|
|
208
|
+
if ((d = e.arrow) != null && d.alignmentOffset)
|
|
209
|
+
return {};
|
|
210
|
+
const v = B(r), y = M(a), w = B(a) === a, A = await (m.isRTL == null ? void 0 : m.isRTL(u.floating)), P = f || (w || !x ? [q(a)] : G(a)), h = i !== "none";
|
|
211
|
+
!f && h && P.push(...J(a, x, i, A));
|
|
212
|
+
const E = [a, ...P], V = await m.detectOverflow(o, p), S = [];
|
|
213
|
+
let b = ((t = e.flip) == null ? void 0 : t.overflows) || [];
|
|
214
|
+
if (g && S.push(V[v]), c) {
|
|
215
|
+
const O = K(r, s, A);
|
|
216
|
+
S.push(V[O[0]], V[O[1]]);
|
|
217
|
+
}
|
|
218
|
+
if (b = [...b, {
|
|
219
|
+
placement: r,
|
|
220
|
+
overflows: S
|
|
221
|
+
}], !S.every((O) => O <= 0)) {
|
|
222
|
+
var F, j;
|
|
223
|
+
const O = (((F = e.flip) == null ? void 0 : F.index) || 0) + 1, T = E[O];
|
|
224
|
+
if (T && (!(c === "alignment" ? y !== M(T) : !1) || // We leave the current main axis only if every placement on that axis
|
|
225
|
+
// overflows the main axis.
|
|
226
|
+
b.every((R) => M(R.placement) === y ? R.overflows[0] > 0 : !0)))
|
|
227
|
+
return {
|
|
228
|
+
data: {
|
|
229
|
+
index: O,
|
|
230
|
+
overflows: b
|
|
231
|
+
},
|
|
232
|
+
reset: {
|
|
233
|
+
placement: T
|
|
234
|
+
}
|
|
235
|
+
};
|
|
236
|
+
let k = (j = b.filter((L) => L.overflows[0] <= 0).sort((L, R) => L.overflows[1] - R.overflows[1])[0]) == null ? void 0 : j.placement;
|
|
237
|
+
if (!k)
|
|
238
|
+
switch (n) {
|
|
239
|
+
case "bestFit": {
|
|
240
|
+
var C;
|
|
241
|
+
const L = (C = b.filter((R) => {
|
|
242
|
+
if (h) {
|
|
243
|
+
const D = M(R.placement);
|
|
244
|
+
return D === y || // Create a bias to the `y` side axis due to horizontal
|
|
245
|
+
// reading directions favoring greater width.
|
|
246
|
+
D === "y";
|
|
247
|
+
}
|
|
248
|
+
return !0;
|
|
249
|
+
}).map((R) => [R.placement, R.overflows.filter((D) => D > 0).reduce((D, U) => D + U, 0)]).sort((R, D) => R[1] - D[1])[0]) == null ? void 0 : C[0];
|
|
250
|
+
L && (k = L);
|
|
251
|
+
break;
|
|
252
|
+
}
|
|
253
|
+
case "initialPlacement":
|
|
254
|
+
k = a;
|
|
255
|
+
break;
|
|
256
|
+
}
|
|
257
|
+
if (r !== k)
|
|
258
|
+
return {
|
|
259
|
+
reset: {
|
|
260
|
+
placement: k
|
|
261
|
+
}
|
|
262
|
+
};
|
|
263
|
+
}
|
|
264
|
+
return {};
|
|
265
|
+
}
|
|
266
|
+
};
|
|
267
|
+
}, te = /* @__PURE__ */ new Set(["left", "top"]);
|
|
268
|
+
async function ne(l, o) {
|
|
269
|
+
const {
|
|
270
|
+
placement: d,
|
|
271
|
+
platform: t,
|
|
272
|
+
elements: r
|
|
273
|
+
} = l, e = await (t.isRTL == null ? void 0 : t.isRTL(r.floating)), s = B(d), a = X(d), m = M(d) === "y", u = te.has(s) ? -1 : 1, g = e && m ? -1 : 1, c = _(o, l);
|
|
274
|
+
let {
|
|
275
|
+
mainAxis: f,
|
|
276
|
+
crossAxis: n,
|
|
277
|
+
alignmentAxis: i
|
|
278
|
+
} = typeof c == "number" ? {
|
|
279
|
+
mainAxis: c,
|
|
280
|
+
crossAxis: 0,
|
|
281
|
+
alignmentAxis: null
|
|
282
|
+
} : {
|
|
283
|
+
mainAxis: c.mainAxis || 0,
|
|
284
|
+
crossAxis: c.crossAxis || 0,
|
|
285
|
+
alignmentAxis: c.alignmentAxis
|
|
286
|
+
};
|
|
287
|
+
return a && typeof i == "number" && (n = a === "end" ? i * -1 : i), m ? {
|
|
288
|
+
x: n * g,
|
|
289
|
+
y: f * u
|
|
290
|
+
} : {
|
|
291
|
+
x: f * u,
|
|
292
|
+
y: n * g
|
|
293
|
+
};
|
|
294
|
+
}
|
|
295
|
+
const ae = function(l) {
|
|
296
|
+
return l === void 0 && (l = 0), {
|
|
297
|
+
name: "offset",
|
|
298
|
+
options: l,
|
|
299
|
+
async fn(o) {
|
|
300
|
+
var d, t;
|
|
301
|
+
const {
|
|
302
|
+
x: r,
|
|
303
|
+
y: e,
|
|
304
|
+
placement: s,
|
|
305
|
+
middlewareData: a
|
|
306
|
+
} = o, m = await ne(o, l);
|
|
307
|
+
return s === ((d = a.offset) == null ? void 0 : d.placement) && (t = a.arrow) != null && t.alignmentOffset ? {} : {
|
|
308
|
+
x: r + m.x,
|
|
309
|
+
y: e + m.y,
|
|
310
|
+
data: {
|
|
311
|
+
...m,
|
|
312
|
+
placement: s
|
|
313
|
+
}
|
|
314
|
+
};
|
|
315
|
+
}
|
|
316
|
+
};
|
|
317
|
+
}, ce = function(l) {
|
|
318
|
+
return l === void 0 && (l = {}), {
|
|
319
|
+
name: "shift",
|
|
320
|
+
options: l,
|
|
321
|
+
async fn(o) {
|
|
322
|
+
const {
|
|
323
|
+
x: d,
|
|
324
|
+
y: t,
|
|
325
|
+
placement: r,
|
|
326
|
+
platform: e
|
|
327
|
+
} = o, {
|
|
328
|
+
mainAxis: s = !0,
|
|
329
|
+
crossAxis: a = !1,
|
|
330
|
+
limiter: m = {
|
|
331
|
+
fn: (y) => {
|
|
332
|
+
let {
|
|
333
|
+
x: w,
|
|
334
|
+
y: A
|
|
335
|
+
} = y;
|
|
336
|
+
return {
|
|
337
|
+
x: w,
|
|
338
|
+
y: A
|
|
339
|
+
};
|
|
340
|
+
}
|
|
341
|
+
},
|
|
342
|
+
...u
|
|
343
|
+
} = _(l, o), g = {
|
|
344
|
+
x: d,
|
|
345
|
+
y: t
|
|
346
|
+
}, c = await e.detectOverflow(o, u), f = M(r), n = Q(f);
|
|
347
|
+
let i = g[n], x = g[f];
|
|
348
|
+
const p = (y, w) => z(w + c[y === "y" ? "top" : "left"], w, w - c[y === "y" ? "bottom" : "right"]);
|
|
349
|
+
s && (i = p(n, i)), a && (x = p(f, x));
|
|
350
|
+
const v = m.fn({
|
|
351
|
+
...o,
|
|
352
|
+
[n]: i,
|
|
353
|
+
[f]: x
|
|
354
|
+
});
|
|
355
|
+
return {
|
|
356
|
+
...v,
|
|
357
|
+
data: {
|
|
358
|
+
x: v.x - d,
|
|
359
|
+
y: v.y - t,
|
|
360
|
+
enabled: {
|
|
361
|
+
[n]: s,
|
|
362
|
+
[f]: a
|
|
363
|
+
}
|
|
364
|
+
}
|
|
365
|
+
};
|
|
366
|
+
}
|
|
367
|
+
};
|
|
368
|
+
};
|
|
369
|
+
export {
|
|
370
|
+
se as arrow,
|
|
371
|
+
oe as computePosition,
|
|
372
|
+
Z as detectOverflow,
|
|
373
|
+
le as flip,
|
|
374
|
+
ae as offset,
|
|
375
|
+
Y as rectToClientRect,
|
|
376
|
+
ce as shift
|
|
377
|
+
};
|