@tamagui/demos 1.113.1 → 1.113.2
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/esm/AccordionDemo.native.js +79 -66
- package/dist/esm/AccordionDemo.native.js.map +6 -1
- package/dist/esm/AddThemeDemo.native.js +34 -25
- package/dist/esm/AddThemeDemo.native.js.map +6 -1
- package/dist/esm/AlertDialogDemo.native.js +84 -66
- package/dist/esm/AlertDialogDemo.native.js.map +6 -1
- package/dist/esm/AnimationsDemo.native.js +75 -65
- package/dist/esm/AnimationsDemo.native.js.map +6 -1
- package/dist/esm/AnimationsEnterDemo.native.js +38 -33
- package/dist/esm/AnimationsEnterDemo.native.js.map +6 -1
- package/dist/esm/AnimationsHoverDemo.native.js +6 -4
- package/dist/esm/AnimationsHoverDemo.native.js.map +6 -1
- package/dist/esm/AnimationsPresenceDemo.native.js +91 -78
- package/dist/esm/AnimationsPresenceDemo.native.js.map +6 -1
- package/dist/esm/AnimationsTimingDemo.native.js +6 -4
- package/dist/esm/AnimationsTimingDemo.native.js.map +6 -1
- package/dist/esm/AvatarDemo.native.js +34 -23
- package/dist/esm/AvatarDemo.native.js.map +6 -1
- package/dist/esm/BuildAButtonDemo.native.js +94 -73
- package/dist/esm/BuildAButtonDemo.native.js.map +6 -1
- package/dist/esm/ButtonDemo.native.js +68 -51
- package/dist/esm/ButtonDemo.native.js.map +6 -1
- package/dist/esm/CardDemo.native.js +63 -47
- package/dist/esm/CardDemo.native.js.map +6 -1
- package/dist/esm/CheckboxDemo.native.js +36 -31
- package/dist/esm/CheckboxDemo.native.js.map +6 -1
- package/dist/esm/CheckboxHeadlessDemo.native.js +33 -26
- package/dist/esm/CheckboxHeadlessDemo.native.js.map +6 -1
- package/dist/esm/CheckboxUnstyledDemo.native.js +40 -36
- package/dist/esm/CheckboxUnstyledDemo.native.js.map +6 -1
- package/dist/esm/ColorsDemo.native.js +106 -84
- package/dist/esm/ColorsDemo.native.js.map +6 -1
- package/dist/esm/DialogDemo.native.js +156 -122
- package/dist/esm/DialogDemo.native.js.map +6 -1
- package/dist/esm/FormsDemo.native.js +25 -18
- package/dist/esm/FormsDemo.native.js.map +6 -1
- package/dist/esm/Grid.native.js +22 -23
- package/dist/esm/Grid.native.js.map +6 -1
- package/dist/esm/GroupDemo.native.js +72 -55
- package/dist/esm/GroupDemo.native.js.map +6 -1
- package/dist/esm/HeadingsDemo.native.js +25 -16
- package/dist/esm/HeadingsDemo.native.js.map +6 -1
- package/dist/esm/ImageDemo.native.js +5 -3
- package/dist/esm/ImageDemo.native.js.map +6 -1
- package/dist/esm/InputsDemo.native.js +31 -21
- package/dist/esm/InputsDemo.native.js.map +6 -1
- package/dist/esm/LabelDemo.native.js +40 -29
- package/dist/esm/LabelDemo.native.js.map +6 -1
- package/dist/esm/LinearGradientDemo.native.js +43 -20
- package/dist/esm/LinearGradientDemo.native.js.map +6 -1
- package/dist/esm/ListItemDemo.native.js +63 -50
- package/dist/esm/ListItemDemo.native.js.map +6 -1
- package/dist/esm/LucideIconsDemo.native.js +44 -38
- package/dist/esm/LucideIconsDemo.native.js.map +6 -1
- package/dist/esm/NewInputsDemo.native.js +31 -21
- package/dist/esm/NewInputsDemo.native.js.map +6 -1
- package/dist/esm/PopoverDemo.native.js +139 -108
- package/dist/esm/PopoverDemo.native.js.map +6 -1
- package/dist/esm/ProgressDemo.native.js +85 -68
- package/dist/esm/ProgressDemo.native.js.map +6 -1
- package/dist/esm/RadioGroupDemo.native.js +38 -28
- package/dist/esm/RadioGroupDemo.native.js.map +6 -1
- package/dist/esm/RadioGroupHeadlessDemo.native.js +65 -75
- package/dist/esm/RadioGroupHeadlessDemo.native.js.map +6 -1
- package/dist/esm/RadioGroupUnstyledDemo.native.js +96 -94
- package/dist/esm/RadioGroupUnstyledDemo.native.js.map +6 -1
- package/dist/esm/ReplaceThemeDemo.native.js +29 -25
- package/dist/esm/ReplaceThemeDemo.native.js.map +6 -1
- package/dist/esm/ScrollViewDemo.native.js +48 -37
- package/dist/esm/ScrollViewDemo.native.js.map +6 -1
- package/dist/esm/SelectDemo.native.js +267 -187
- package/dist/esm/SelectDemo.native.js.map +6 -1
- package/dist/esm/SeparatorDemo.native.js +42 -29
- package/dist/esm/SeparatorDemo.native.js.map +6 -1
- package/dist/esm/ShapesDemo.native.js +17 -12
- package/dist/esm/ShapesDemo.native.js.map +6 -1
- package/dist/esm/SheetDemo.native.js +183 -133
- package/dist/esm/SheetDemo.native.js.map +6 -1
- package/dist/esm/SliderDemo.native.js +30 -22
- package/dist/esm/SliderDemo.native.js.map +6 -1
- package/dist/esm/SpinnerDemo.native.js +15 -10
- package/dist/esm/SpinnerDemo.native.js.map +6 -1
- package/dist/esm/StacksDemo.native.js +85 -67
- package/dist/esm/StacksDemo.native.js.map +6 -1
- package/dist/esm/SwitchDemo.native.js +76 -57
- package/dist/esm/SwitchDemo.native.js.map +6 -1
- package/dist/esm/SwitchHeadlessDemo.native.js +63 -45
- package/dist/esm/SwitchHeadlessDemo.native.js.map +6 -1
- package/dist/esm/SwitchUnstyledDemo.native.js +50 -46
- package/dist/esm/SwitchUnstyledDemo.native.js.map +6 -1
- package/dist/esm/TabsAdvancedDemo.native.js +297 -297
- package/dist/esm/TabsAdvancedDemo.native.js.map +6 -1
- package/dist/esm/TabsDemo.native.js +149 -126
- package/dist/esm/TabsDemo.native.js.map +6 -1
- package/dist/esm/TextDemo.native.js +30 -21
- package/dist/esm/TextDemo.native.js.map +6 -1
- package/dist/esm/ThemeBuilderDemo.native.js +170 -137
- package/dist/esm/ThemeBuilderDemo.native.js.map +6 -1
- package/dist/esm/ThemeInverseDemo.native.js +43 -30
- package/dist/esm/ThemeInverseDemo.native.js.map +6 -1
- package/dist/esm/ToastDemo.native.js +83 -73
- package/dist/esm/ToastDemo.native.js.map +6 -1
- package/dist/esm/ToastDuplicateDemo.native.js +61 -45
- package/dist/esm/ToastDuplicateDemo.native.js.map +6 -1
- package/dist/esm/ToggleGroupDemo.native.js +76 -58
- package/dist/esm/ToggleGroupDemo.native.js.map +6 -1
- package/dist/esm/TokensDemo.native.js +107 -94
- package/dist/esm/TokensDemo.native.js.map +6 -1
- package/dist/esm/TooltipDemo.native.js +109 -85
- package/dist/esm/TooltipDemo.native.js.map +6 -1
- package/dist/esm/UpdateThemeDemo.native.js +31 -28
- package/dist/esm/UpdateThemeDemo.native.js.map +6 -1
- package/dist/esm/WebNativeImageDemo.native.js +5 -3
- package/dist/esm/WebNativeImageDemo.native.js.map +6 -1
- package/dist/esm/index.native.js +58 -58
- package/dist/esm/index.native.js.map +6 -1
- package/dist/esm/tamagui.config.native.js +5 -2
- package/dist/esm/tamagui.config.native.js.map +6 -1
- package/dist/esm/useOnIntersecting.native.js +39 -42
- package/dist/esm/useOnIntersecting.native.js.map +6 -1
- package/package.json +19 -19
|
@@ -2,102 +2,126 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Circle } from "@tamagui/lucide-icons";
|
|
3
3
|
import { Button, Paragraph, Tooltip, TooltipGroup, XStack, YStack } from "tamagui";
|
|
4
4
|
function TooltipDemo() {
|
|
5
|
-
return /* @__PURE__ */_jsx(TooltipGroup, {
|
|
5
|
+
return /* @__PURE__ */ _jsx(TooltipGroup, {
|
|
6
6
|
delay: {
|
|
7
7
|
open: 3e3,
|
|
8
8
|
close: 100
|
|
9
9
|
},
|
|
10
|
-
children: /* @__PURE__ */_jsxs(YStack, {
|
|
10
|
+
children: /* @__PURE__ */ _jsxs(YStack, {
|
|
11
11
|
gap: "$2",
|
|
12
12
|
alignSelf: "center",
|
|
13
|
-
children: [
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
}),
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
13
|
+
children: [
|
|
14
|
+
/* @__PURE__ */ _jsxs(XStack, {
|
|
15
|
+
gap: "$2",
|
|
16
|
+
children: [
|
|
17
|
+
/* @__PURE__ */ _jsx(Demo, {
|
|
18
|
+
groupId: "0",
|
|
19
|
+
placement: "top-end",
|
|
20
|
+
Icon: Circle
|
|
21
|
+
}),
|
|
22
|
+
/* @__PURE__ */ _jsx(Demo, {
|
|
23
|
+
groupId: "1",
|
|
24
|
+
placement: "top",
|
|
25
|
+
Icon: ChevronUp
|
|
26
|
+
}),
|
|
27
|
+
/* @__PURE__ */ _jsx(Demo, {
|
|
28
|
+
groupId: "2",
|
|
29
|
+
placement: "top-start",
|
|
30
|
+
Icon: Circle
|
|
31
|
+
})
|
|
32
|
+
]
|
|
33
|
+
}),
|
|
34
|
+
/* @__PURE__ */ _jsxs(XStack, {
|
|
35
|
+
gap: "$2",
|
|
36
|
+
children: [
|
|
37
|
+
/* @__PURE__ */ _jsx(Demo, {
|
|
38
|
+
groupId: "3",
|
|
39
|
+
placement: "left",
|
|
40
|
+
Icon: ChevronLeft
|
|
41
|
+
}),
|
|
42
|
+
/* @__PURE__ */ _jsx(YStack, {
|
|
43
|
+
flex: 1
|
|
44
|
+
}),
|
|
45
|
+
/* @__PURE__ */ _jsx(Demo, {
|
|
46
|
+
groupId: "4",
|
|
47
|
+
placement: "right",
|
|
48
|
+
Icon: ChevronRight
|
|
49
|
+
})
|
|
50
|
+
]
|
|
51
|
+
}),
|
|
52
|
+
/* @__PURE__ */ _jsxs(XStack, {
|
|
53
|
+
gap: "$2",
|
|
54
|
+
children: [
|
|
55
|
+
/* @__PURE__ */ _jsx(Demo, {
|
|
56
|
+
groupId: "5",
|
|
57
|
+
placement: "bottom-end",
|
|
58
|
+
Icon: Circle
|
|
59
|
+
}),
|
|
60
|
+
/* @__PURE__ */ _jsx(Demo, {
|
|
61
|
+
groupId: "6",
|
|
62
|
+
placement: "bottom",
|
|
63
|
+
Icon: ChevronDown
|
|
64
|
+
}),
|
|
65
|
+
/* @__PURE__ */ _jsx(Demo, {
|
|
66
|
+
groupId: "7",
|
|
67
|
+
placement: "bottom-start",
|
|
68
|
+
Icon: Circle
|
|
69
|
+
})
|
|
70
|
+
]
|
|
71
|
+
})
|
|
72
|
+
]
|
|
57
73
|
})
|
|
58
74
|
});
|
|
59
75
|
}
|
|
60
76
|
function Demo(param) {
|
|
61
|
-
var {
|
|
62
|
-
|
|
63
|
-
...props
|
|
64
|
-
} = param;
|
|
65
|
-
return /* @__PURE__ */_jsxs(Tooltip, {
|
|
77
|
+
var { Icon, ...props } = param;
|
|
78
|
+
return /* @__PURE__ */ _jsxs(Tooltip, {
|
|
66
79
|
...props,
|
|
67
|
-
children: [
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
+
children: [
|
|
81
|
+
/* @__PURE__ */ _jsx(Tooltip.Trigger, {
|
|
82
|
+
children: /* @__PURE__ */ _jsx(Button, {
|
|
83
|
+
icon: Icon,
|
|
84
|
+
circular: !0
|
|
85
|
+
})
|
|
86
|
+
}),
|
|
87
|
+
/* @__PURE__ */ _jsxs(Tooltip.Content, {
|
|
88
|
+
enterStyle: {
|
|
89
|
+
x: 0,
|
|
90
|
+
y: -5,
|
|
91
|
+
opacity: 0,
|
|
92
|
+
scale: 0.9
|
|
93
|
+
},
|
|
94
|
+
exitStyle: {
|
|
95
|
+
x: 0,
|
|
96
|
+
y: -5,
|
|
97
|
+
opacity: 0,
|
|
98
|
+
scale: 0.9
|
|
99
|
+
},
|
|
100
|
+
scale: 1,
|
|
80
101
|
x: 0,
|
|
81
|
-
y:
|
|
82
|
-
opacity:
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
102
|
+
y: 0,
|
|
103
|
+
opacity: 1,
|
|
104
|
+
animation: [
|
|
105
|
+
"quick",
|
|
106
|
+
{
|
|
107
|
+
opacity: {
|
|
108
|
+
overshootClamping: !0
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
],
|
|
112
|
+
children: [
|
|
113
|
+
/* @__PURE__ */ _jsx(Tooltip.Arrow, {}),
|
|
114
|
+
/* @__PURE__ */ _jsx(Paragraph, {
|
|
115
|
+
size: "$2",
|
|
116
|
+
lineHeight: "$1",
|
|
117
|
+
children: "Hello world"
|
|
118
|
+
})
|
|
119
|
+
]
|
|
120
|
+
})
|
|
121
|
+
]
|
|
100
122
|
});
|
|
101
123
|
}
|
|
102
|
-
export {
|
|
103
|
-
|
|
124
|
+
export {
|
|
125
|
+
TooltipDemo
|
|
126
|
+
};
|
|
127
|
+
//# sourceMappingURL=TooltipDemo.js.map
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/code/demos/src/TooltipDemo.tsx"],
|
|
4
|
+
"mappings": ";AAAA,SACEA,aACAC,aACAC,cACAC,WACAC,cACK;AAEP,SAASC,QAAQC,WAAWC,SAASC,cAAcC,QAAQC,cAAc;AAElE,SAASC,cAAAA;AACd,SACE,qBAACH,cAAAA;IAAaI,OAAO;MAAEC,MAAM;MAAMC,OAAO;IAAI;cAC5C,sBAACJ,QAAAA;MAAOK,KAAI;MAAKC,WAAU;;QACzB,sBAACP,QAAAA;UAAOM,KAAI;;YACV,qBAACE,MAAAA;cAAKC,SAAQ;cAAIC,WAAU;cAAUC,MAAMhB;;YAC5C,qBAACa,MAAAA;cAAKC,SAAQ;cAAIC,WAAU;cAAMC,MAAMjB;;YACxC,qBAACc,MAAAA;cAAKC,SAAQ;cAAIC,WAAU;cAAYC,MAAMhB;;;;QAEhD,sBAACK,QAAAA;UAAOM,KAAI;;YACV,qBAACE,MAAAA;cAAKC,SAAQ;cAAIC,WAAU;cAAOC,MAAMnB;;YACzC,qBAACS,QAAAA;cAAOW,MAAM;;YACd,qBAACJ,MAAAA;cAAKC,SAAQ;cAAIC,WAAU;cAAQC,MAAMlB;;;;QAE5C,sBAACO,QAAAA;UAAOM,KAAI;;YACV,qBAACE,MAAAA;cAAKC,SAAQ;cAAIC,WAAU;cAAaC,MAAMhB;;YAC/C,qBAACa,MAAAA;cAAKC,SAAQ;cAAIC,WAAU;cAASC,MAAMpB;;YAC3C,qBAACiB,MAAAA;cAAKC,SAAQ;cAAIC,WAAU;cAAeC,MAAMhB;;;;;;;AAK3D;AAEA,SAASa,KAAK,OAAiD;MAAjD,EAAEG,MAAM,GAAGE,MAAAA,IAAX;AACZ,SACE,sBAACf,SAAAA;IAAS,GAAGe;;MACX,qBAACf,QAAQgB,SAAO;kBACd,qBAAClB,QAAAA;UAAOmB,MAAMJ;UAAMK,UAAQ;;;MAE9B,sBAAClB,QAAQmB,SAAO;QACdC,YAAY;UAAEC,GAAG;UAAGC,GAAG;UAAIC,SAAS;UAAGC,OAAO;QAAI;QAClDC,WAAW;UAAEJ,GAAG;UAAGC,GAAG;UAAIC,SAAS;UAAGC,OAAO;QAAI;QACjDA,OAAO;QACPH,GAAG;QACHC,GAAG;QACHC,SAAS;QACTG,WAAW;UACT;UACA;YACEH,SAAS;cACPI,mBAAmB;YACrB;UACF;;;UAGF,qBAAC3B,QAAQ4B,OAAK,CAAA,CAAA;UACd,qBAAC7B,WAAAA;YAAU8B,MAAK;YAAKC,YAAW;sBAAK;;;;;;AAM7C;",
|
|
5
|
+
"names": ["ChevronDown", "ChevronLeft", "ChevronRight", "ChevronUp", "Circle", "Button", "Paragraph", "Tooltip", "TooltipGroup", "XStack", "YStack", "TooltipDemo", "delay", "open", "close", "gap", "alignSelf", "Demo", "groupId", "placement", "Icon", "flex", "props", "Trigger", "icon", "circular", "Content", "enterStyle", "x", "y", "opacity", "scale", "exitStyle", "animation", "overshootClamping", "Arrow", "size", "lineHeight"]
|
|
6
|
+
}
|
|
@@ -3,12 +3,10 @@ import React from "react";
|
|
|
3
3
|
import { config } from "@tamagui/config/v3";
|
|
4
4
|
import { addTheme, updateTheme } from "@tamagui/theme";
|
|
5
5
|
import { Button, Square, Theme, XStack, YStack, getVariableValue, useForceUpdate, useIsomorphicLayoutEffect } from "tamagui";
|
|
6
|
-
var colors = config.tokens.color,
|
|
7
|
-
colorKeys = Object.keys(colors);
|
|
6
|
+
var colors = config.tokens.color, colorKeys = Object.keys(colors);
|
|
8
7
|
function UpdateThemeDemo() {
|
|
9
|
-
var [theme, setTheme] = React.useState(),
|
|
10
|
-
|
|
11
|
-
return useIsomorphicLayoutEffect(function () {
|
|
8
|
+
var [theme, setTheme] = React.useState(), update = useForceUpdate();
|
|
9
|
+
return useIsomorphicLayoutEffect(function() {
|
|
12
10
|
addTheme({
|
|
13
11
|
name: "custom",
|
|
14
12
|
insertCSS: !0,
|
|
@@ -16,32 +14,37 @@ function UpdateThemeDemo() {
|
|
|
16
14
|
color: "red"
|
|
17
15
|
}
|
|
18
16
|
}), setTheme("custom");
|
|
19
|
-
}, []), /* @__PURE__ */_jsxs(YStack, {
|
|
17
|
+
}, []), /* @__PURE__ */ _jsxs(YStack, {
|
|
20
18
|
alignItems: "center",
|
|
21
19
|
space: !0,
|
|
22
|
-
children: [
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
20
|
+
children: [
|
|
21
|
+
/* @__PURE__ */ _jsx(XStack, {
|
|
22
|
+
gap: "$5",
|
|
23
|
+
children: /* @__PURE__ */ _jsx(Theme, {
|
|
24
|
+
name: theme ?? null,
|
|
25
|
+
children: /* @__PURE__ */ _jsx(Square, {
|
|
26
|
+
borderRadius: "$8",
|
|
27
|
+
size: 100,
|
|
28
|
+
backgroundColor: "$color"
|
|
29
|
+
})
|
|
30
30
|
})
|
|
31
|
+
}),
|
|
32
|
+
/* @__PURE__ */ _jsx(Button, {
|
|
33
|
+
onPress: function() {
|
|
34
|
+
var randomColor = getVariableValue(colors[colorKeys[Math.floor(Math.random() * colorKeys.length)]]);
|
|
35
|
+
updateTheme({
|
|
36
|
+
name: "custom",
|
|
37
|
+
theme: {
|
|
38
|
+
color: randomColor
|
|
39
|
+
}
|
|
40
|
+
}), update();
|
|
41
|
+
},
|
|
42
|
+
children: "Set to random color"
|
|
31
43
|
})
|
|
32
|
-
|
|
33
|
-
onPress: function () {
|
|
34
|
-
var randomColor = getVariableValue(colors[colorKeys[Math.floor(Math.random() * colorKeys.length)]]);
|
|
35
|
-
updateTheme({
|
|
36
|
-
name: "custom",
|
|
37
|
-
theme: {
|
|
38
|
-
color: randomColor
|
|
39
|
-
}
|
|
40
|
-
}), update();
|
|
41
|
-
},
|
|
42
|
-
children: "Set to random color"
|
|
43
|
-
})]
|
|
44
|
+
]
|
|
44
45
|
});
|
|
45
46
|
}
|
|
46
|
-
export {
|
|
47
|
-
|
|
47
|
+
export {
|
|
48
|
+
UpdateThemeDemo
|
|
49
|
+
};
|
|
50
|
+
//# sourceMappingURL=UpdateThemeDemo.js.map
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/code/demos/src/UpdateThemeDemo.tsx"],
|
|
4
|
+
"mappings": ";AAAA,OAAOA,WAAW;AAClB,SAASC,cAAc;AACvB,SAASC,UAAUC,mBAAmB;AAEtC,SACEC,QACAC,QACAC,OACAC,QACAC,QACAC,kBACAC,gBACAC,iCACK;AAEP,IAAMC,SAASX,OAAOY,OAAOC,OACvBC,YAAYC,OAAOC,KAAKL,MAAAA;AAEvB,SAASM,kBAAAA;AACd,MAAM,CAACC,OAAOC,QAAAA,IAAYpB,MAAMqB,SAAQ,GAClCC,SAASZ,eAAAA;AAEfC,mCAA0B,WAAA;AACxBT,aAAS;MACPqB,MAAM;MACNC,WAAW;MACXL,OAAO;QACLL,OAAO;MACT;IACF,CAAA,GACAM,SAAS,QAAA;EACX,GAAG,CAAA,CAAE,GAGH,sBAACZ,QAAAA;IAAOiB,YAAW;IAASC,OAAK;;MAC/B,qBAACnB,QAAAA;QAAOoB,KAAK;kBACX,qBAACrB,OAAAA;UAAMiB,MAAMJ,SAAS;oBACpB,qBAACd,QAAAA;YAAOuB,cAAa;YAAKC,MAAM;YAAKC,iBAAgB;;;;MAIzD,qBAAC1B,QAAAA;QACC2B,SAAS,WAAA;AACP,cAAMC,cAAcvB,iBAClBG,OAAOG,UAAUkB,KAAKC,MAAMD,KAAKE,OAAM,IAAKpB,UAAUqB,MAAM,CAAA,CAAE,CAAC;AAEjEjC,sBAAY;YACVoB,MAAM;YACNJ,OAAO;cACLL,OAAOkB;YACT;UACF,CAAA,GACAV,OAAAA;QACF;kBACD;;;;AAKP;",
|
|
5
|
+
"names": ["React", "config", "addTheme", "updateTheme", "Button", "Square", "Theme", "XStack", "YStack", "getVariableValue", "useForceUpdate", "useIsomorphicLayoutEffect", "colors", "tokens", "color", "colorKeys", "Object", "keys", "UpdateThemeDemo", "theme", "setTheme", "useState", "update", "name", "insertCSS", "alignItems", "space", "gap", "borderRadius", "size", "backgroundColor", "onPress", "randomColor", "Math", "floor", "random", "length"]
|
|
6
|
+
}
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { Image } from "@tamagui/image-next";
|
|
3
3
|
function WebNativeImageDemo() {
|
|
4
|
-
return /* @__PURE__ */_jsx(Image, {
|
|
4
|
+
return /* @__PURE__ */ _jsx(Image, {
|
|
5
5
|
src: "https://picsum.photos/200/300",
|
|
6
6
|
width: 200,
|
|
7
7
|
height: 300
|
|
8
8
|
});
|
|
9
9
|
}
|
|
10
|
-
export {
|
|
11
|
-
|
|
10
|
+
export {
|
|
11
|
+
WebNativeImageDemo
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=WebNativeImageDemo.js.map
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/code/demos/src/WebNativeImageDemo.tsx"],
|
|
4
|
+
"mappings": ";AAAA,SAASA,aAAa;AAEf,SAASC,qBAAAA;AACd,SAAO,qBAACD,OAAAA;IAAME,KAAI;IAAgCC,OAAO;IAAKC,QAAQ;;AACxE;",
|
|
5
|
+
"names": ["Image", "WebNativeImageDemo", "src", "width", "height"]
|
|
6
|
+
}
|
package/dist/esm/index.native.js
CHANGED
|
@@ -1,58 +1,58 @@
|
|
|
1
|
-
export * from "./AccordionDemo
|
|
2
|
-
export * from "./AddThemeDemo
|
|
3
|
-
export * from "./AlertDialogDemo
|
|
4
|
-
export * from "./AnimationsDemo
|
|
5
|
-
export * from "./AnimationsEnterDemo
|
|
6
|
-
export * from "./AnimationsHoverDemo
|
|
7
|
-
export * from "./AnimationsPresenceDemo
|
|
8
|
-
export * from "./AnimationsTimingDemo
|
|
9
|
-
export * from "./AvatarDemo
|
|
10
|
-
export * from "./BuildAButtonDemo
|
|
11
|
-
export * from "./ButtonDemo
|
|
12
|
-
export * from "./ThemeBuilderDemo
|
|
13
|
-
export * from "./CardDemo
|
|
14
|
-
export * from "./CheckboxDemo
|
|
15
|
-
export * from "./CheckboxHeadlessDemo
|
|
16
|
-
export * from "./CheckboxUnstyledDemo
|
|
17
|
-
export * from "./ColorsDemo
|
|
18
|
-
export * from "./DialogDemo
|
|
19
|
-
export * from "./FormsDemo
|
|
20
|
-
export * from "./GroupDemo
|
|
21
|
-
export * from "./HeadingsDemo
|
|
22
|
-
export * from "./ImageDemo
|
|
23
|
-
export * from "./WebNativeImageDemo
|
|
24
|
-
export * from "./InputsDemo
|
|
25
|
-
export * from "./NewInputsDemo
|
|
26
|
-
export * from "./LabelDemo
|
|
27
|
-
export * from "./LinearGradientDemo
|
|
28
|
-
export * from "./ListItemDemo
|
|
29
|
-
export * from "./LucideIconsDemo
|
|
30
|
-
export * from "./PopoverDemo
|
|
31
|
-
export * from "./ProgressDemo
|
|
32
|
-
export * from "./RadioGroupDemo
|
|
33
|
-
export * from "./RadioGroupHeadlessDemo
|
|
34
|
-
export * from "./RadioGroupUnstyledDemo
|
|
35
|
-
export * from "./ReplaceThemeDemo
|
|
36
|
-
export * from "./ScrollViewDemo
|
|
37
|
-
export * from "./SelectDemo
|
|
38
|
-
export * from "./SeparatorDemo
|
|
39
|
-
export * from "./ShapesDemo
|
|
40
|
-
export * from "./SheetDemo
|
|
41
|
-
export * from "./SliderDemo
|
|
42
|
-
export * from "./SpinnerDemo
|
|
43
|
-
export * from "./StacksDemo
|
|
44
|
-
export * from "./SwitchDemo
|
|
45
|
-
export * from "./SwitchHeadlessDemo
|
|
46
|
-
export * from "./SwitchUnstyledDemo
|
|
47
|
-
export * from "./TabsAdvancedDemo
|
|
48
|
-
export * from "./TabsDemo
|
|
49
|
-
export * from "./TextDemo
|
|
50
|
-
export * from "./ThemeInverseDemo
|
|
51
|
-
export * from "./ToastDemo
|
|
52
|
-
export * from "./ToastDuplicateDemo
|
|
53
|
-
export * from "./ToggleGroupDemo
|
|
54
|
-
export * from "./TokensDemo
|
|
55
|
-
export * from "./TooltipDemo
|
|
56
|
-
export * from "./UpdateThemeDemo
|
|
57
|
-
export * from "./useOnIntersecting
|
|
58
|
-
//# sourceMappingURL=index.
|
|
1
|
+
export * from "./AccordionDemo";
|
|
2
|
+
export * from "./AddThemeDemo";
|
|
3
|
+
export * from "./AlertDialogDemo";
|
|
4
|
+
export * from "./AnimationsDemo";
|
|
5
|
+
export * from "./AnimationsEnterDemo";
|
|
6
|
+
export * from "./AnimationsHoverDemo";
|
|
7
|
+
export * from "./AnimationsPresenceDemo";
|
|
8
|
+
export * from "./AnimationsTimingDemo";
|
|
9
|
+
export * from "./AvatarDemo";
|
|
10
|
+
export * from "./BuildAButtonDemo";
|
|
11
|
+
export * from "./ButtonDemo";
|
|
12
|
+
export * from "./ThemeBuilderDemo";
|
|
13
|
+
export * from "./CardDemo";
|
|
14
|
+
export * from "./CheckboxDemo";
|
|
15
|
+
export * from "./CheckboxHeadlessDemo";
|
|
16
|
+
export * from "./CheckboxUnstyledDemo";
|
|
17
|
+
export * from "./ColorsDemo";
|
|
18
|
+
export * from "./DialogDemo";
|
|
19
|
+
export * from "./FormsDemo";
|
|
20
|
+
export * from "./GroupDemo";
|
|
21
|
+
export * from "./HeadingsDemo";
|
|
22
|
+
export * from "./ImageDemo";
|
|
23
|
+
export * from "./WebNativeImageDemo";
|
|
24
|
+
export * from "./InputsDemo";
|
|
25
|
+
export * from "./NewInputsDemo";
|
|
26
|
+
export * from "./LabelDemo";
|
|
27
|
+
export * from "./LinearGradientDemo";
|
|
28
|
+
export * from "./ListItemDemo";
|
|
29
|
+
export * from "./LucideIconsDemo";
|
|
30
|
+
export * from "./PopoverDemo";
|
|
31
|
+
export * from "./ProgressDemo";
|
|
32
|
+
export * from "./RadioGroupDemo";
|
|
33
|
+
export * from "./RadioGroupHeadlessDemo";
|
|
34
|
+
export * from "./RadioGroupUnstyledDemo";
|
|
35
|
+
export * from "./ReplaceThemeDemo";
|
|
36
|
+
export * from "./ScrollViewDemo";
|
|
37
|
+
export * from "./SelectDemo";
|
|
38
|
+
export * from "./SeparatorDemo";
|
|
39
|
+
export * from "./ShapesDemo";
|
|
40
|
+
export * from "./SheetDemo";
|
|
41
|
+
export * from "./SliderDemo";
|
|
42
|
+
export * from "./SpinnerDemo";
|
|
43
|
+
export * from "./StacksDemo";
|
|
44
|
+
export * from "./SwitchDemo";
|
|
45
|
+
export * from "./SwitchHeadlessDemo";
|
|
46
|
+
export * from "./SwitchUnstyledDemo";
|
|
47
|
+
export * from "./TabsAdvancedDemo";
|
|
48
|
+
export * from "./TabsDemo";
|
|
49
|
+
export * from "./TextDemo";
|
|
50
|
+
export * from "./ThemeInverseDemo";
|
|
51
|
+
export * from "./ToastDemo";
|
|
52
|
+
export * from "./ToastDuplicateDemo";
|
|
53
|
+
export * from "./ToggleGroupDemo";
|
|
54
|
+
export * from "./TokensDemo";
|
|
55
|
+
export * from "./TooltipDemo";
|
|
56
|
+
export * from "./UpdateThemeDemo";
|
|
57
|
+
export * from "./useOnIntersecting";
|
|
58
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/code/demos/src/index.tsx"],
|
|
4
|
+
"mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
|
|
5
|
+
"names": []
|
|
6
|
+
}
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import { config } from "@tamagui/config/v3";
|
|
2
2
|
import { config as config2 } from "@tamagui/config/v3";
|
|
3
3
|
var tamagui_config_default = config;
|
|
4
|
-
export {
|
|
5
|
-
|
|
4
|
+
export {
|
|
5
|
+
config2 as config,
|
|
6
|
+
tamagui_config_default as default
|
|
7
|
+
};
|
|
8
|
+
//# sourceMappingURL=tamagui.config.js.map
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/code/demos/src/tamagui.config.ts"],
|
|
4
|
+
"mappings": "AAAA,SAASA,cAAc;AAEvB,SAASA,UAAAA,eAAc;AACvB,IAAA,yBAAeA;",
|
|
5
|
+
"names": ["config"]
|
|
6
|
+
}
|
|
@@ -1,55 +1,41 @@
|
|
|
1
1
|
import { useEffect, useState } from "react";
|
|
2
2
|
import { isWeb, useEvent } from "tamagui";
|
|
3
3
|
function useIsIntersecting(refs) {
|
|
4
|
-
var {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
} = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {},
|
|
8
|
-
[values, setValues] = useState([]);
|
|
9
|
-
return isWeb && useOnIntersecting(refs, function (entries) {
|
|
10
|
-
var intersecting = entries.some(function (x) {
|
|
4
|
+
var { once, ...opts } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, [values, setValues] = useState([]);
|
|
5
|
+
return isWeb && useOnIntersecting(refs, function(entries) {
|
|
6
|
+
var intersecting = entries.some(function(x) {
|
|
11
7
|
return x?.isIntersecting;
|
|
12
8
|
});
|
|
13
|
-
once && !intersecting || setValues(function
|
|
14
|
-
var next = entries.map(function
|
|
9
|
+
once && !intersecting || setValues(function(prev) {
|
|
10
|
+
var next = entries.map(function(e) {
|
|
15
11
|
var _e_isIntersecting;
|
|
16
12
|
return (_e_isIntersecting = e?.isIntersecting) !== null && _e_isIntersecting !== void 0 ? _e_isIntersecting : !1;
|
|
17
13
|
});
|
|
18
|
-
return prev.length === next.length && prev.every(function
|
|
14
|
+
return prev.length === next.length && prev.every(function(e, i) {
|
|
19
15
|
return e === next[i];
|
|
20
16
|
}) ? prev : next;
|
|
21
17
|
});
|
|
22
18
|
}, opts), Array.isArray(refs) ? values : values[0];
|
|
23
19
|
}
|
|
24
20
|
function useOnIntersecting(refsIn, incomingCbRaw) {
|
|
25
|
-
var {
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
mountArgs = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : [],
|
|
31
|
-
onIntersectEvent = useEvent(incomingCbRaw);
|
|
32
|
-
useEffect(function () {
|
|
33
|
-
var refs = Array.isArray(refsIn) ? refsIn : [refsIn];
|
|
21
|
+
var { threshold = 0, root, rootMargin } = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, mountArgs = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : [], onIntersectEvent = useEvent(incomingCbRaw);
|
|
22
|
+
useEffect(function() {
|
|
23
|
+
var refs = Array.isArray(refsIn) ? refsIn : [
|
|
24
|
+
refsIn
|
|
25
|
+
];
|
|
34
26
|
if (refs.length) {
|
|
35
|
-
var dispose = null,
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
})) !== null && _entries_find !== void 0 ? _entries_find : currentEntries[index]) !== null && _ref !== void 0 ? _ref : null;
|
|
48
|
-
}), dispose?.(), dispose = onIntersectEvent(currentEntries) || null;
|
|
49
|
-
}, options),
|
|
50
|
-
_iteratorNormalCompletion = !0,
|
|
51
|
-
_didIteratorError = !1,
|
|
52
|
-
_iteratorError = void 0;
|
|
27
|
+
var dispose = null, currentEntries = [], options = {
|
|
28
|
+
threshold,
|
|
29
|
+
root,
|
|
30
|
+
rootMargin
|
|
31
|
+
}, io = new IntersectionObserver(function(entries) {
|
|
32
|
+
currentEntries = refs.map(function(ref2, index) {
|
|
33
|
+
var _entries_find, _ref;
|
|
34
|
+
return (_ref = (_entries_find = entries.find(function(x) {
|
|
35
|
+
return x.target === ref2.current;
|
|
36
|
+
})) !== null && _entries_find !== void 0 ? _entries_find : currentEntries[index]) !== null && _ref !== void 0 ? _ref : null;
|
|
37
|
+
}), dispose?.(), dispose = onIntersectEvent(currentEntries) || null;
|
|
38
|
+
}, options), _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
|
|
53
39
|
try {
|
|
54
40
|
for (var _iterator = refs[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
|
|
55
41
|
var ref = _step.value;
|
|
@@ -61,14 +47,25 @@ function useOnIntersecting(refsIn, incomingCbRaw) {
|
|
|
61
47
|
try {
|
|
62
48
|
!_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
|
|
63
49
|
} finally {
|
|
64
|
-
if (_didIteratorError)
|
|
50
|
+
if (_didIteratorError)
|
|
51
|
+
throw _iteratorError;
|
|
65
52
|
}
|
|
66
53
|
}
|
|
67
|
-
return function
|
|
54
|
+
return function() {
|
|
68
55
|
dispose?.(), io.disconnect();
|
|
69
56
|
};
|
|
70
57
|
}
|
|
71
|
-
}, [
|
|
58
|
+
}, [
|
|
59
|
+
onIntersectEvent,
|
|
60
|
+
refsIn,
|
|
61
|
+
root,
|
|
62
|
+
rootMargin,
|
|
63
|
+
threshold,
|
|
64
|
+
...mountArgs
|
|
65
|
+
]);
|
|
72
66
|
}
|
|
73
|
-
export {
|
|
74
|
-
|
|
67
|
+
export {
|
|
68
|
+
useIsIntersecting,
|
|
69
|
+
useOnIntersecting
|
|
70
|
+
};
|
|
71
|
+
//# sourceMappingURL=useOnIntersecting.js.map
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/Users/n8/tamagui/code/demos/src/useOnIntersecting.tsx"],
|
|
4
|
+
"mappings": "AACA,SAASA,WAAWC,gBAAgB;AACpC,SAASC,OAAOC,gBAAgB;AAWzB,SAASC,kBACdC,MAAS;MACT,EAAEC,MAAM,GAAGC,KAAAA,IAAX,UAAA,SAAA,KAAA,UAAA,CAAA,MAAA,SAAA,UAAA,CAAA,IAAmE,CAAC,GAE9D,CAACC,QAAQC,SAAAA,IAAaR,SAAoB,CAAA,CAAE;AAElD,SAAIC,SACFQ,kBACEL,MACA,SAACM,SAAAA;AACC,QAAMC,eAAeD,QAAQE,KAAK,SAACC,GAAAA;aAAMA,GAAGC;;AAC5C,IAAIT,QAAQ,CAACM,gBACbH,UAAU,SAACO,MAAAA;AACT,UAAMC,OAAON,QAAQO,IAAI,SAACC,GAAAA;YAAMA;gBAAAA,oBAAAA,GAAGJ,oBAAc,QAAjBI,sBAAAA,SAAAA,oBAAqB;;AACrD,aAAIH,KAAKI,WAAWH,KAAKG,UAAUJ,KAAKK,MAAM,SAACF,GAAGG,GAAAA;eAAMH,MAAMF,KAAKK,CAAAA;WAC1DN,OAEFC;IACT,CAAA;EACF,GACAV,IAAAA,GAIIgB,MAAMC,QAAQnB,IAAAA,IAAQG,SAASA,OAAO,CAAA;AAChD;AAEO,SAASE,kBACde,QACAC,eAAgC;MAChC,EAAEC,YAAY,GAAGC,MAAMC,WAAU,IAAjC,UAAA,SAAA,KAAA,UAAA,CAAA,MAAA,SAAA,UAAA,CAAA,IAAgE,CAAC,GACjEC,YAAAA,UAAAA,SAAAA,KAAAA,UAAAA,CAAAA,MAAAA,SAAAA,UAAAA,CAAAA,IAAmB,CAAA,GAEbC,mBAAmB5B,SAASuB,aAAAA;AAElC1B,YAAU,WAAA;AACR,QAAMK,OAAQkB,MAAMC,QAAQC,MAAAA,IAAUA,SAAS;MAACA;;AAChD,QAAKpB,KAAKe,QAEV;UAAIY,UAA4B,MAC5BC,iBAAuD,CAAA,GACrDC,UAAU;QACdP;QACAC;QACAC;MACF,GACMM,KAAK,IAAIC,qBAAqB,SAACzB,SAAAA;AACnCsB,yBAAiB5B,KAAKa,IAAI,SAACmB,MAAKC,OAAAA;cAE5B3B,eAAAA;AADF,kBACEA,QAAAA,gBAAAA,QAAQ4B,KAAK,SAACzB,GAAAA;mBAAMA,EAAE0B,WAAWH,KAAII;0BAArC9B,kBAAAA,SAAAA,gBAAiDsB,eAAeK,KAAAA,OAAM,QAAtE3B,SAAAA,SAAAA,OAA0E;QAE9E,CAAA,GACAqB,UAAAA,GACAA,UAAUD,iBAAiBE,cAAAA,KAAmB;MAChD,GAAGC,OAAAA,GAEE,4BAAA,IAAA,oBAAA,IAAA,iBAAA;;AAAL,iBAAK,YAAa7B,KAAAA,OAAAA,QAAAA,EAAAA,GAAb,OAAA,EAAA,6BAAA,QAAA,UAAA,KAAA,GAAA,OAAA,4BAAA,IAAmB;AAAnB,cAAMgC,MAAN,MAAA;AACH,UAAIA,IAAII,WACNN,GAAGO,QAAQL,IAAII,OAAO;QAE1B;;AAJK,4BAAA,IAAA,iBAAA;;;WAAA,6BAAA,UAAA,UAAA,QAAA,UAAA,OAAA;;cAAA;kBAAA;;;AAML,aAAO,WAAA;AACLT,QAAAA,UAAAA,GACAG,GAAGQ,WAAU;MACf;;EACF,GAAG;IACDZ;IACAN;IACAG;IACAC;IACAF;OAEGG;GACJ;AACH;",
|
|
5
|
+
"names": ["useEffect", "useState", "isWeb", "useEvent", "useIsIntersecting", "refs", "once", "opts", "values", "setValues", "useOnIntersecting", "entries", "intersecting", "some", "x", "isIntersecting", "prev", "next", "map", "e", "length", "every", "i", "Array", "isArray", "refsIn", "incomingCbRaw", "threshold", "root", "rootMargin", "mountArgs", "onIntersectEvent", "dispose", "currentEntries", "options", "io", "IntersectionObserver", "ref", "index", "find", "target", "current", "observe", "disconnect"]
|
|
6
|
+
}
|