@maas/vue-equipment 1.1.0 → 1.3.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.
- package/dist/nuxt/module.json +1 -1
- package/dist/nuxt/module.mjs +4 -3
- package/dist/plugins/MagicCarousel/src/utils/defaultOptions.mjs +1 -1
- package/dist/plugins/MagicDotMatrix/index.d.ts +14 -0
- package/dist/plugins/MagicDotMatrix/index.mjs +20 -0
- package/dist/plugins/MagicDotMatrix/nuxt.d.ts +0 -0
- package/dist/plugins/MagicDotMatrix/nuxt.mjs +29 -0
- package/dist/plugins/MagicDotMatrix/src/components/MagicDotMatrix.d.vue.ts +10 -0
- package/dist/plugins/MagicDotMatrix/src/components/MagicDotMatrix.vue +103 -0
- package/dist/plugins/MagicDotMatrix/src/components/MagicDotMatrix.vue.d.ts +10 -0
- package/dist/plugins/MagicDotMatrix/src/composables/private/useDotMatrixApi.d.ts +10 -0
- package/dist/plugins/MagicDotMatrix/src/composables/private/useDotMatrixApi.mjs +82 -0
- package/dist/plugins/MagicDotMatrix/src/composables/private/useDotMatrixState.d.ts +6 -0
- package/dist/plugins/MagicDotMatrix/src/composables/private/useDotMatrixState.mjs +71 -0
- package/dist/plugins/MagicDotMatrix/src/composables/useMagicDotMatrix.d.ts +10 -0
- package/dist/plugins/MagicDotMatrix/src/composables/useMagicDotMatrix.mjs +27 -0
- package/dist/plugins/MagicDotMatrix/src/composables/useMagicDotMatrixEmoji.d.ts +19 -0
- package/dist/plugins/MagicDotMatrix/src/composables/useMagicDotMatrixEmoji.mjs +50 -0
- package/dist/plugins/MagicDotMatrix/src/types/index.d.ts +40 -0
- package/dist/plugins/MagicDotMatrix/src/types/index.mjs +0 -0
- package/dist/plugins/MagicDotMatrix/src/utils/defaultOptions.d.ts +4 -0
- package/dist/plugins/MagicDotMatrix/src/utils/defaultOptions.mjs +14 -0
- package/dist/plugins/MagicDotMatrix/src/utils/emoji/animateEmoji.d.ts +5 -0
- package/dist/plugins/MagicDotMatrix/src/utils/emoji/animateEmoji.mjs +296 -0
- package/dist/plugins/MagicDotMatrix/src/utils/emoji/motions.d.ts +382 -0
- package/dist/plugins/MagicDotMatrix/src/utils/emoji/motions.mjs +420 -0
- package/dist/plugins/MagicDotMatrix/src/utils/emoji/pickMotion.d.ts +7 -0
- package/dist/plugins/MagicDotMatrix/src/utils/emoji/pickMotion.mjs +153 -0
- package/dist/plugins/MagicDotMatrix/src/utils/presets/bounce.d.ts +2 -0
- package/dist/plugins/MagicDotMatrix/src/utils/presets/bounce.mjs +8 -0
- package/dist/plugins/MagicDotMatrix/src/utils/presets/checkerboard.d.ts +2 -0
- package/dist/plugins/MagicDotMatrix/src/utils/presets/checkerboard.mjs +18 -0
- package/dist/plugins/MagicDotMatrix/src/utils/presets/comet.d.ts +2 -0
- package/dist/plugins/MagicDotMatrix/src/utils/presets/comet.mjs +5 -0
- package/dist/plugins/MagicDotMatrix/src/utils/presets/drift.d.ts +2 -0
- package/dist/plugins/MagicDotMatrix/src/utils/presets/drift.mjs +38 -0
- package/dist/plugins/MagicDotMatrix/src/utils/presets/equalizer.d.ts +2 -0
- package/dist/plugins/MagicDotMatrix/src/utils/presets/equalizer.mjs +14 -0
- package/dist/plugins/MagicDotMatrix/src/utils/presets/fill.d.ts +2 -0
- package/dist/plugins/MagicDotMatrix/src/utils/presets/fill.mjs +10 -0
- package/dist/plugins/MagicDotMatrix/src/utils/presets/focus.d.ts +2 -0
- package/dist/plugins/MagicDotMatrix/src/utils/presets/focus.mjs +5 -0
- package/dist/plugins/MagicDotMatrix/src/utils/presets/index.d.ts +12 -0
- package/dist/plugins/MagicDotMatrix/src/utils/presets/index.mjs +12 -0
- package/dist/plugins/MagicDotMatrix/src/utils/presets/orbit.d.ts +2 -0
- package/dist/plugins/MagicDotMatrix/src/utils/presets/orbit.mjs +8 -0
- package/dist/plugins/MagicDotMatrix/src/utils/presets/pulse.d.ts +2 -0
- package/dist/plugins/MagicDotMatrix/src/utils/presets/pulse.mjs +7 -0
- package/dist/plugins/MagicDotMatrix/src/utils/presets/ripple.d.ts +2 -0
- package/dist/plugins/MagicDotMatrix/src/utils/presets/ripple.mjs +5 -0
- package/dist/plugins/MagicDotMatrix/src/utils/presets/scan.d.ts +2 -0
- package/dist/plugins/MagicDotMatrix/src/utils/presets/scan.mjs +6 -0
- package/dist/plugins/MagicDotMatrix/src/utils/presets/spiral.d.ts +2 -0
- package/dist/plugins/MagicDotMatrix/src/utils/presets/spiral.mjs +34 -0
- package/dist/plugins/MagicDotMatrix/src/utils/sequence/equalizerFrame.d.ts +7 -0
- package/dist/plugins/MagicDotMatrix/src/utils/sequence/equalizerFrame.mjs +12 -0
- package/dist/plugins/MagicDotMatrix/src/utils/sequence/getRings.d.ts +2 -0
- package/dist/plugins/MagicDotMatrix/src/utils/sequence/getRings.mjs +24 -0
- package/dist/plugins/MagicDotMatrix/src/utils/sequence/ringPath.d.ts +7 -0
- package/dist/plugins/MagicDotMatrix/src/utils/sequence/ringPath.mjs +35 -0
- package/dist/plugins/MagicDotMatrix/src/utils/sequence/toIndex.d.ts +6 -0
- package/dist/plugins/MagicDotMatrix/src/utils/sequence/toIndex.mjs +3 -0
- package/dist/plugins/MagicDotMatrix/src/utils/sequence/withTrail.d.ts +6 -0
- package/dist/plugins/MagicDotMatrix/src/utils/sequence/withTrail.mjs +17 -0
- package/dist/plugins/MagicDraggable/src/utils/defaultOptions.mjs +1 -1
- package/dist/plugins/MagicDrawer/src/components/MagicDrawerContent.vue +4 -0
- package/dist/plugins/MagicDrawer/src/components/MagicDrawerTrigger.d.vue.ts +1 -1
- package/dist/plugins/MagicDrawer/src/components/MagicDrawerTrigger.vue +5 -1
- package/dist/plugins/MagicDrawer/src/components/MagicDrawerTrigger.vue.d.ts +1 -1
- package/dist/plugins/MagicDrawer/src/composables/private/useDrawerDrag.mjs +1 -2
- package/dist/plugins/MagicDrawer/src/composables/private/useDrawerProgress.mjs +57 -77
- package/dist/plugins/MagicDrawer/src/composables/private/useDrawerSnap.mjs +2 -5
- package/dist/plugins/MagicDrawer/src/utils/defaultOptions.mjs +1 -1
- package/dist/plugins/MagicEmitter/src/types/index.d.ts +2 -0
- package/dist/plugins/MagicMenu/src/components/MagicMenuTrigger.vue +13 -3
- package/dist/plugins/MagicTray/index.d.ts +2 -1
- package/dist/plugins/MagicTray/index.mjs +3 -0
- package/dist/plugins/MagicTray/src/components/MagicTrayContent.d.vue.ts +2 -2
- package/dist/plugins/MagicTray/src/components/MagicTrayContent.vue +17 -16
- package/dist/plugins/MagicTray/src/components/MagicTrayContent.vue.d.ts +2 -2
- package/dist/plugins/MagicTray/src/components/MagicTrayTrigger.d.vue.ts +25 -0
- package/dist/plugins/MagicTray/src/components/MagicTrayTrigger.vue +96 -0
- package/dist/plugins/MagicTray/src/components/MagicTrayTrigger.vue.d.ts +25 -0
- package/dist/plugins/MagicTray/src/composables/private/useTrayDrag.d.ts +0 -4
- package/dist/plugins/MagicTray/src/composables/private/useTrayDrag.mjs +9 -415
- package/dist/plugins/MagicTray/src/composables/private/useTrayGesture.d.ts +16 -0
- package/dist/plugins/MagicTray/src/composables/private/useTrayGesture.mjs +426 -0
- package/dist/plugins/MagicTray/src/composables/private/useTrayMagnetism.mjs +9 -37
- package/dist/plugins/MagicTray/src/composables/private/useTrayProgress.mjs +1 -1
- package/dist/plugins/MagicTray/src/composables/private/useTraySnap.mjs +2 -4
- package/dist/plugins/MagicTray/src/composables/private/useTrayUtils.d.ts +8 -1
- package/dist/plugins/MagicTray/src/composables/private/useTrayUtils.mjs +7 -1
- package/dist/plugins/MagicTray/src/utils/defaultOptions.mjs +1 -1
- package/package.json +3 -4
|
@@ -0,0 +1,420 @@
|
|
|
1
|
+
function oscillate({ progress, cycles = 1, phase = 0 }) {
|
|
2
|
+
return Math.sin(Math.PI * 2 * (progress * cycles + phase));
|
|
3
|
+
}
|
|
4
|
+
function pulse({ progress, from, to }) {
|
|
5
|
+
return progress < from || progress > to ? 0 : Math.sin(Math.PI * (progress - from) / (to - from));
|
|
6
|
+
}
|
|
7
|
+
function easeOut(progress) {
|
|
8
|
+
return 1 - (1 - progress) ** 3;
|
|
9
|
+
}
|
|
10
|
+
function drift({ progress, offset }) {
|
|
11
|
+
return (progress + offset) % 1;
|
|
12
|
+
}
|
|
13
|
+
function streaks({ progress, heading, color }) {
|
|
14
|
+
const angle = heading * Math.PI / 180;
|
|
15
|
+
const backX = -Math.cos(angle);
|
|
16
|
+
const backY = -Math.sin(angle);
|
|
17
|
+
return [-0.3, 0, 0.3].map((lane, index) => {
|
|
18
|
+
const travel = drift({ progress, offset: index / 3 }) * 1.4 - 0.7;
|
|
19
|
+
return {
|
|
20
|
+
x: 0.5 - backY * lane + backX * travel,
|
|
21
|
+
y: 0.5 + backX * lane + backY * travel,
|
|
22
|
+
color
|
|
23
|
+
};
|
|
24
|
+
});
|
|
25
|
+
}
|
|
26
|
+
export const motions = {
|
|
27
|
+
beat: {
|
|
28
|
+
frames: 16,
|
|
29
|
+
interval: 70,
|
|
30
|
+
fit: 0.84,
|
|
31
|
+
pose: ({ progress }) => ({
|
|
32
|
+
scale: 1 + 0.16 * pulse({ progress, from: 0, to: 0.14 }) + 0.1 * pulse({ progress, from: 0.2, to: 0.32 })
|
|
33
|
+
})
|
|
34
|
+
},
|
|
35
|
+
flicker: {
|
|
36
|
+
frames: 12,
|
|
37
|
+
interval: 90,
|
|
38
|
+
fit: 0.9,
|
|
39
|
+
pose: ({ progress }) => ({
|
|
40
|
+
pivot: [0.5, 1],
|
|
41
|
+
scaleY: 1 + 0.07 * oscillate({ progress, cycles: 2 }) + 0.04 * oscillate({ progress, cycles: 5, phase: 0.3 }),
|
|
42
|
+
skew: 0.12 * oscillate({ progress, phase: 0.1 })
|
|
43
|
+
}),
|
|
44
|
+
particles: ({ progress }) => [0, 0.5].map((offset) => {
|
|
45
|
+
const rise = drift({ progress: progress * 1.5, offset });
|
|
46
|
+
return {
|
|
47
|
+
x: 0.7 + Math.sin(rise * 9) * 0.08,
|
|
48
|
+
y: 0.3 - rise * 0.4,
|
|
49
|
+
color: "#ffd24a"
|
|
50
|
+
};
|
|
51
|
+
})
|
|
52
|
+
},
|
|
53
|
+
swing: {
|
|
54
|
+
frames: 20,
|
|
55
|
+
interval: 70,
|
|
56
|
+
fit: 0.84,
|
|
57
|
+
pose: ({ progress }) => ({
|
|
58
|
+
pivot: [0.5, 0],
|
|
59
|
+
rotate: 22 * oscillate({ progress })
|
|
60
|
+
})
|
|
61
|
+
},
|
|
62
|
+
wave: {
|
|
63
|
+
frames: 20,
|
|
64
|
+
interval: 70,
|
|
65
|
+
fit: 0.74,
|
|
66
|
+
pose: ({ progress }) => ({
|
|
67
|
+
pivot: [0.5, 1],
|
|
68
|
+
y: 0.06,
|
|
69
|
+
rotate: progress < 0.6 ? 20 * oscillate({ progress: progress / 0.6, cycles: 2 }) : 0
|
|
70
|
+
})
|
|
71
|
+
},
|
|
72
|
+
fly: {
|
|
73
|
+
frames: 10,
|
|
74
|
+
interval: 80,
|
|
75
|
+
fit: 0.86,
|
|
76
|
+
pose: ({ progress, heading }) => {
|
|
77
|
+
const angle = (heading + 90) * Math.PI / 180;
|
|
78
|
+
return {
|
|
79
|
+
x: 0.025 * Math.cos(angle) * oscillate({ progress }),
|
|
80
|
+
y: 0.025 * Math.sin(angle) * oscillate({ progress })
|
|
81
|
+
};
|
|
82
|
+
},
|
|
83
|
+
particles: ({ progress, heading }) => streaks({ progress, heading, color: "#8a90b8" })
|
|
84
|
+
},
|
|
85
|
+
drive: {
|
|
86
|
+
frames: 8,
|
|
87
|
+
interval: 80,
|
|
88
|
+
fit: 0.78,
|
|
89
|
+
pose: ({ index }) => ({ y: index % 4 === 0 ? 0.045 : 0.07 }),
|
|
90
|
+
particles: ({ progress, heading }) => {
|
|
91
|
+
const behind = Math.cos(heading * Math.PI / 180) < 0 ? 1 : -1;
|
|
92
|
+
const lines = [0.29, 0.51].map((y, index) => {
|
|
93
|
+
const travel = drift({ progress, offset: index / 2 }) * 0.2;
|
|
94
|
+
return {
|
|
95
|
+
x: behind > 0 ? 0.8 + travel : 0.2 - travel,
|
|
96
|
+
y,
|
|
97
|
+
color: "#8a90b8"
|
|
98
|
+
};
|
|
99
|
+
});
|
|
100
|
+
const road = [0.05, 0.35, 0.65, 0.95].map((x) => ({
|
|
101
|
+
x: ((x + behind * progress * 0.3) % 1 + 1) % 1,
|
|
102
|
+
y: 0.95,
|
|
103
|
+
color: "#4c5070"
|
|
104
|
+
}));
|
|
105
|
+
return [...lines, ...road];
|
|
106
|
+
}
|
|
107
|
+
},
|
|
108
|
+
bounce: {
|
|
109
|
+
frames: 14,
|
|
110
|
+
interval: 70,
|
|
111
|
+
fit: 0.72,
|
|
112
|
+
pose: ({ progress }) => {
|
|
113
|
+
const landed = progress < 0.08 || progress > 0.92;
|
|
114
|
+
return {
|
|
115
|
+
pivot: [0.5, 1],
|
|
116
|
+
y: 0.14 - 0.26 * Math.sin(Math.PI * progress),
|
|
117
|
+
scaleX: landed ? 1.12 : 1,
|
|
118
|
+
scaleY: landed ? 0.85 : 1
|
|
119
|
+
};
|
|
120
|
+
}
|
|
121
|
+
},
|
|
122
|
+
hop: {
|
|
123
|
+
frames: 18,
|
|
124
|
+
interval: 70,
|
|
125
|
+
fit: 0.8,
|
|
126
|
+
pose: ({ progress }) => ({
|
|
127
|
+
pivot: [0.5, 1],
|
|
128
|
+
y: 0.1 - 0.14 * (pulse({ progress, from: 0, to: 0.22 }) + pulse({ progress, from: 0.26, to: 0.48 }))
|
|
129
|
+
})
|
|
130
|
+
},
|
|
131
|
+
spin: {
|
|
132
|
+
frames: 16,
|
|
133
|
+
interval: 70,
|
|
134
|
+
fit: 0.9,
|
|
135
|
+
pose: ({ progress }) => ({ rotate: 360 * progress })
|
|
136
|
+
},
|
|
137
|
+
flip: {
|
|
138
|
+
frames: 16,
|
|
139
|
+
interval: 70,
|
|
140
|
+
fit: 0.9,
|
|
141
|
+
pose: ({ progress }) => {
|
|
142
|
+
const turn = Math.cos(Math.PI * 2 * progress);
|
|
143
|
+
return { scaleX: Math.sign(turn || 1) * Math.max(0.2, Math.abs(turn)) };
|
|
144
|
+
}
|
|
145
|
+
},
|
|
146
|
+
float: {
|
|
147
|
+
frames: 20,
|
|
148
|
+
interval: 80,
|
|
149
|
+
fit: 0.82,
|
|
150
|
+
pose: ({ progress }) => ({
|
|
151
|
+
y: 0.07 * oscillate({ progress }),
|
|
152
|
+
rotate: 5 * oscillate({ progress, phase: 0.25 })
|
|
153
|
+
})
|
|
154
|
+
},
|
|
155
|
+
twinkle: {
|
|
156
|
+
frames: 16,
|
|
157
|
+
interval: 80,
|
|
158
|
+
fit: 0.8,
|
|
159
|
+
pose: ({ progress }) => ({
|
|
160
|
+
scale: 1 + 0.08 * oscillate({ progress, cycles: 2 })
|
|
161
|
+
}),
|
|
162
|
+
particles: ({ progress }) => [
|
|
163
|
+
{ x: 0.11, y: 0.13, offset: 0 },
|
|
164
|
+
{ x: 0.91, y: 0.17, offset: 0.33 },
|
|
165
|
+
{ x: 0.88, y: 0.9, offset: 0.66 },
|
|
166
|
+
{ x: 0.14, y: 0.87, offset: 0.5 }
|
|
167
|
+
].flatMap(
|
|
168
|
+
({ x, y, offset }) => drift({ progress, offset }) < 0.3 ? [{ x, y, color: "#fff" }] : []
|
|
169
|
+
)
|
|
170
|
+
},
|
|
171
|
+
shake: {
|
|
172
|
+
frames: 16,
|
|
173
|
+
interval: 60,
|
|
174
|
+
fit: 0.86,
|
|
175
|
+
pose: ({ progress, index }) => {
|
|
176
|
+
const side = index % 2 ? 1 : -1;
|
|
177
|
+
return progress < 0.5 ? { x: 0.045 * side, rotate: 4 * side } : {};
|
|
178
|
+
}
|
|
179
|
+
},
|
|
180
|
+
rain: {
|
|
181
|
+
frames: 12,
|
|
182
|
+
interval: 80,
|
|
183
|
+
fit: 0.68,
|
|
184
|
+
pose: () => ({ y: -0.14 }),
|
|
185
|
+
particles: ({ progress, tint }) => [
|
|
186
|
+
{ x: 0.25, offset: 0 },
|
|
187
|
+
{ x: 0.45, offset: 0.5 },
|
|
188
|
+
{ x: 0.65, offset: 0.25 },
|
|
189
|
+
{ x: 0.85, offset: 0.75 }
|
|
190
|
+
].map(({ x, offset }) => ({
|
|
191
|
+
x,
|
|
192
|
+
y: 0.61 + drift({ progress, offset }) * 0.4,
|
|
193
|
+
color: tint ?? "#5aa7ff"
|
|
194
|
+
}))
|
|
195
|
+
},
|
|
196
|
+
snow: {
|
|
197
|
+
frames: 20,
|
|
198
|
+
interval: 90,
|
|
199
|
+
fit: 0.8,
|
|
200
|
+
pose: () => ({ y: 0.09 }),
|
|
201
|
+
particles: ({ progress }) => [
|
|
202
|
+
{ x: 0.15, offset: 0 },
|
|
203
|
+
{ x: 0.4, offset: 0.6 },
|
|
204
|
+
{ x: 0.65, offset: 0.3 },
|
|
205
|
+
{ x: 0.9, offset: 0.85 }
|
|
206
|
+
].map(({ x, offset }) => {
|
|
207
|
+
const fall = drift({ progress, offset });
|
|
208
|
+
return {
|
|
209
|
+
x: x + Math.sin(fall * 6 + offset * 10) * 0.06,
|
|
210
|
+
y: fall * 1.1 - 0.05,
|
|
211
|
+
color: "#fff"
|
|
212
|
+
};
|
|
213
|
+
})
|
|
214
|
+
},
|
|
215
|
+
sleep: {
|
|
216
|
+
frames: 20,
|
|
217
|
+
interval: 90,
|
|
218
|
+
fit: 0.74,
|
|
219
|
+
pose: ({ progress }) => ({
|
|
220
|
+
x: -0.1,
|
|
221
|
+
y: 0.12 + 0.015 * oscillate({ progress })
|
|
222
|
+
}),
|
|
223
|
+
particles: ({ progress }) => [0, 0.5].map((offset) => {
|
|
224
|
+
const rise = drift({ progress, offset });
|
|
225
|
+
return {
|
|
226
|
+
x: 0.65 + rise * 0.3 + Math.sin(rise * 12) * 0.04,
|
|
227
|
+
y: 0.4 - rise * 0.35,
|
|
228
|
+
color: "#fff"
|
|
229
|
+
};
|
|
230
|
+
})
|
|
231
|
+
},
|
|
232
|
+
rock: {
|
|
233
|
+
frames: 12,
|
|
234
|
+
interval: 70,
|
|
235
|
+
fit: 0.86,
|
|
236
|
+
pose: ({ progress }) => ({
|
|
237
|
+
pivot: [0.5, 0.9],
|
|
238
|
+
rotate: 12 * oscillate({ progress, cycles: 2 })
|
|
239
|
+
})
|
|
240
|
+
},
|
|
241
|
+
burst: {
|
|
242
|
+
frames: 18,
|
|
243
|
+
interval: 70,
|
|
244
|
+
fit: 0.78,
|
|
245
|
+
pose: ({ progress }) => ({
|
|
246
|
+
scale: progress < 0.15 ? 0.8 + 0.3 * easeOut(progress / 0.15) : 1.1 - 0.1 * Math.min(1, (progress - 0.15) * 5)
|
|
247
|
+
}),
|
|
248
|
+
particles: ({ progress }) => {
|
|
249
|
+
const colors = ["#ff5aa5", "#ffd24a", "#4ad8ff", "#7cff6b"];
|
|
250
|
+
return Array.from({ length: 8 }, (_, index) => {
|
|
251
|
+
const angle = index / 8 * Math.PI * 2 + 0.3;
|
|
252
|
+
const radius = 0.2 + progress * 0.45;
|
|
253
|
+
return {
|
|
254
|
+
x: 0.5 + Math.cos(angle) * radius,
|
|
255
|
+
y: 0.5 + Math.sin(angle) * radius,
|
|
256
|
+
color: colors[index % colors.length] ?? "#fff"
|
|
257
|
+
};
|
|
258
|
+
});
|
|
259
|
+
}
|
|
260
|
+
},
|
|
261
|
+
stamp: {
|
|
262
|
+
frames: 30,
|
|
263
|
+
interval: 70,
|
|
264
|
+
fit: 0.86,
|
|
265
|
+
shine: [0.35, 0.65],
|
|
266
|
+
pose: ({ progress }) => {
|
|
267
|
+
if (progress < 0.12) {
|
|
268
|
+
return { scale: 1.5 - 0.6 * easeOut(progress / 0.12) };
|
|
269
|
+
}
|
|
270
|
+
if (progress < 0.2) {
|
|
271
|
+
return { scale: 0.9 + 0.1 * easeOut((progress - 0.12) / 0.08) };
|
|
272
|
+
}
|
|
273
|
+
return {};
|
|
274
|
+
}
|
|
275
|
+
},
|
|
276
|
+
gleam: {
|
|
277
|
+
frames: 28,
|
|
278
|
+
interval: 70,
|
|
279
|
+
fit: 0.86,
|
|
280
|
+
shine: [0.3, 0.6],
|
|
281
|
+
pose: ({ progress }) => ({ y: 0.02 * oscillate({ progress }) })
|
|
282
|
+
},
|
|
283
|
+
flag: {
|
|
284
|
+
frames: 12,
|
|
285
|
+
interval: 80,
|
|
286
|
+
fit: 0.9,
|
|
287
|
+
pose: ({ progress }) => ({ ripple: { amplitude: 0.07, phase: progress } })
|
|
288
|
+
},
|
|
289
|
+
sway: {
|
|
290
|
+
frames: 24,
|
|
291
|
+
interval: 80,
|
|
292
|
+
fit: 0.88,
|
|
293
|
+
pose: ({ progress }) => ({
|
|
294
|
+
pivot: [0.5, 1],
|
|
295
|
+
rotate: 7 * oscillate({ progress })
|
|
296
|
+
})
|
|
297
|
+
},
|
|
298
|
+
love: {
|
|
299
|
+
frames: 20,
|
|
300
|
+
interval: 80,
|
|
301
|
+
fit: 0.78,
|
|
302
|
+
pose: ({ progress }) => ({
|
|
303
|
+
y: 0.06 + 0.03 * oscillate({ progress, cycles: 2 })
|
|
304
|
+
}),
|
|
305
|
+
particles: ({ progress }) => [
|
|
306
|
+
{ x: 0.15, offset: 0 },
|
|
307
|
+
{ x: 0.87, offset: 0.5 }
|
|
308
|
+
].map(({ x, offset }) => {
|
|
309
|
+
const rise = drift({ progress, offset });
|
|
310
|
+
return {
|
|
311
|
+
x: x + Math.sin(rise * 10) * 0.04,
|
|
312
|
+
y: 0.75 - rise * 0.7,
|
|
313
|
+
color: "#ff4f8b"
|
|
314
|
+
};
|
|
315
|
+
})
|
|
316
|
+
},
|
|
317
|
+
steam: {
|
|
318
|
+
frames: 16,
|
|
319
|
+
interval: 90,
|
|
320
|
+
fit: 0.72,
|
|
321
|
+
pose: () => ({ y: 0.14 }),
|
|
322
|
+
particles: ({ progress }) => [0.4, 0.6].map((x, index) => {
|
|
323
|
+
const rise = drift({ progress, offset: index / 2 });
|
|
324
|
+
return {
|
|
325
|
+
x: x + Math.sin(rise * 8 + index) * 0.06,
|
|
326
|
+
y: 0.35 - rise * 0.3,
|
|
327
|
+
color: "#d9d9d9"
|
|
328
|
+
};
|
|
329
|
+
})
|
|
330
|
+
},
|
|
331
|
+
look: {
|
|
332
|
+
frames: 24,
|
|
333
|
+
interval: 80,
|
|
334
|
+
fit: 0.86,
|
|
335
|
+
pose: ({ progress }) => {
|
|
336
|
+
if (progress >= 0.2 && progress < 0.45) {
|
|
337
|
+
return { x: -0.07 };
|
|
338
|
+
}
|
|
339
|
+
if (progress >= 0.55 && progress < 0.8) {
|
|
340
|
+
return { x: 0.07 };
|
|
341
|
+
}
|
|
342
|
+
return {};
|
|
343
|
+
}
|
|
344
|
+
},
|
|
345
|
+
nod: {
|
|
346
|
+
frames: 16,
|
|
347
|
+
interval: 70,
|
|
348
|
+
fit: 0.86,
|
|
349
|
+
pose: ({ progress }) => ({
|
|
350
|
+
y: 0.06 * (pulse({ progress, from: 0, to: 0.18 }) + pulse({ progress, from: 0.22, to: 0.4 }))
|
|
351
|
+
})
|
|
352
|
+
},
|
|
353
|
+
tilt: {
|
|
354
|
+
frames: 24,
|
|
355
|
+
interval: 80,
|
|
356
|
+
fit: 0.84,
|
|
357
|
+
pose: ({ progress }) => {
|
|
358
|
+
const lean = progress < 0.3 ? easeOut(progress / 0.3) : progress < 0.7 ? 1 : 1 - easeOut((progress - 0.7) / 0.3);
|
|
359
|
+
return { pivot: [0.5, 1], x: 0.04 * lean, rotate: 20 * lean };
|
|
360
|
+
}
|
|
361
|
+
},
|
|
362
|
+
swim: {
|
|
363
|
+
frames: 20,
|
|
364
|
+
interval: 80,
|
|
365
|
+
fit: 0.8,
|
|
366
|
+
pose: ({ progress }) => ({
|
|
367
|
+
x: 0.09 * oscillate({ progress }),
|
|
368
|
+
y: 0.03 * oscillate({ progress, cycles: 2 }),
|
|
369
|
+
rotate: 6 * oscillate({ progress, cycles: 2 })
|
|
370
|
+
}),
|
|
371
|
+
particles: ({ progress }) => [
|
|
372
|
+
{
|
|
373
|
+
x: 0.2,
|
|
374
|
+
y: 0.65 - drift({ progress: progress * 2, offset: 0 }) * 0.6,
|
|
375
|
+
color: "#a8dcff"
|
|
376
|
+
}
|
|
377
|
+
]
|
|
378
|
+
},
|
|
379
|
+
flap: {
|
|
380
|
+
frames: 12,
|
|
381
|
+
interval: 70,
|
|
382
|
+
fit: 0.84,
|
|
383
|
+
pose: ({ progress }) => ({
|
|
384
|
+
scaleX: 1 - 0.35 * Math.abs(oscillate({ progress, cycles: 2 })),
|
|
385
|
+
y: 0.04 * oscillate({ progress })
|
|
386
|
+
})
|
|
387
|
+
},
|
|
388
|
+
clap: {
|
|
389
|
+
frames: 10,
|
|
390
|
+
interval: 70,
|
|
391
|
+
fit: 0.84,
|
|
392
|
+
pose: ({ progress }) => ({
|
|
393
|
+
scaleX: 1 - 0.25 * pulse({ progress, from: 0, to: 0.5 })
|
|
394
|
+
})
|
|
395
|
+
},
|
|
396
|
+
bob: {
|
|
397
|
+
frames: 20,
|
|
398
|
+
interval: 80,
|
|
399
|
+
fit: 0.86,
|
|
400
|
+
pose: ({ progress }) => ({
|
|
401
|
+
y: 0.055 * oscillate({ progress }),
|
|
402
|
+
rotate: 6 * oscillate({ progress, phase: 0.25 })
|
|
403
|
+
})
|
|
404
|
+
},
|
|
405
|
+
pop: {
|
|
406
|
+
frames: 34,
|
|
407
|
+
interval: 70,
|
|
408
|
+
fit: 0.92,
|
|
409
|
+
shine: [0.4, 0.68],
|
|
410
|
+
pose: ({ progress }) => {
|
|
411
|
+
if (progress < 0.12) {
|
|
412
|
+
return { scale: easeOut(progress / 0.12) };
|
|
413
|
+
}
|
|
414
|
+
if (progress > 0.9) {
|
|
415
|
+
return { scale: 1 - easeOut((progress - 0.9) / 0.1) };
|
|
416
|
+
}
|
|
417
|
+
return {};
|
|
418
|
+
}
|
|
419
|
+
}
|
|
420
|
+
};
|
|
@@ -0,0 +1,153 @@
|
|
|
1
|
+
const curated = {
|
|
2
|
+
beat: "\u2764\u{1F9E1}\u{1F49B}\u{1F49A}\u{1F499}\u{1F49C}\u{1F5A4}\u{1F90D}\u{1F90E}\u{1FA77}\u{1FA75}\u{1FA76}\u{1F493}\u{1F497}\u{1F496}\u{1F498}\u{1F49D}\u{1F49E}\u{1F495}\u2763\u{1F494}\u{1FAC0}\u2665\u{1F4AA}",
|
|
3
|
+
flicker: "\u{1F525}\u{1F56F}\u{1FA94}\u{1F9E8}",
|
|
4
|
+
swing: "\u{1F514}\u{1F6CE}\u{1F390}\u{1F3EE}\u{1FA87}",
|
|
5
|
+
wave: "\u{1F44B}\u{1F590}\u270B\u{1F91A}\u{1F64B}\u{1FAF1}\u{1FAF2}",
|
|
6
|
+
fly: "\u{1F680}\u2708\u{1F6E9}\u{1F6F8}\u{1F681}\u{1F6EB}\u{1FA82}\u{1F985}\u{1F54A}\u{1F426}\u{1F986}\u{1F989}\u{1F409}\u{1F9F9}\u2604",
|
|
7
|
+
drive: "\u{1F697}\u{1F695}\u{1F699}\u{1F68C}\u{1F68E}\u{1F3CE}\u{1F693}\u{1F691}\u{1F692}\u{1F690}\u{1F6FB}\u{1F69A}\u{1F69B}\u{1F69C}\u{1F3CD}\u{1F6F5}\u{1F6B2}\u{1F6F4}\u{1F6F9}\u{1F682}\u{1F686}\u{1F684}\u{1F685}\u{1F688}\u{1F69D}\u{1F683}\u{1F68B}\u{1F69E}\u{1F696}\u{1F698}\u{1F68D}\u{1F694}\u{1F6FA}\u{1F9BD}\u{1F9BC}",
|
|
8
|
+
bounce: "\u26BD\u{1F3C0}\u{1F3C8}\u26BE\u{1F94E}\u{1F3BE}\u{1F3D0}\u{1F3C9}\u{1F3B1}\u{1FA80}\u{1F3D3}\u{1F94F}",
|
|
9
|
+
hop: "\u{1F438}\u{1F407}\u{1F430}\u{1F998}",
|
|
10
|
+
spin: "\u{1F300}\u{1F4BF}\u{1F4C0}\u2699\u{1F3A1}\u{1F365}\u{1F504}\u{1F503}\u{1F9FF}\u{1F6DE}\u{1F3A0}\u267B\u2744\u{1F635}\u200D\u{1F4AB}",
|
|
11
|
+
flip: "\u{1FA99}\u{1F0CF}\u{1F3B4}\u{1F004}\u{1F4B0}\u{1F52E}",
|
|
12
|
+
float: "\u{1F47B}\u{1F388}\u2601\u{1FAE7}\u{1FA81}\u{1F30D}\u{1F30E}\u{1F30F}\u{1F319}\u{1F31B}\u{1F31C}\u{1F31A}\u{1F31D}\u{1FA90}\u{1F6DF}\u{1F607}\u{1F47D}\u{1F9D1}\u200D\u{1F680}\u{1F468}\u200D\u{1F680}\u{1F469}\u200D\u{1F680}",
|
|
13
|
+
twinkle: "\u2B50\u{1F31F}\u2728\u{1F4AB}\u{1F320}\u{1F4A1}\u{1F506}\u2600\u{1F31E}",
|
|
14
|
+
shake: "\u{1F621}\u{1F92C}\u{1F620}\u{1F976}\u{1F631}\u{1F4F3}\u23F0\u{1F4F1}\u{1FAE8}\u26A1\u{1F30B}\u{1F44A}\u{1F91C}\u{1F91B}\u{1F381}",
|
|
15
|
+
rain: "\u{1F327}\u26C8\u{1F328}\u2614\u{1F326}",
|
|
16
|
+
snow: "\u2603\u26C4\u{1F3D4}\u{1F3BF}\u26F7\u{1F3C2}",
|
|
17
|
+
sleep: "\u{1F634}\u{1F4A4}\u{1F6CC}\u{1F971}\u{1F62A}",
|
|
18
|
+
rock: "\u{1F602}\u{1F923}\u{1F36E}\u{1FAE0}\u{1F3B8}\u{1F3B7}\u{1F941}\u{1F3B9}\u{1F3BA}\u{1FA97}\u{1F3BB}\u{1FA95}\u{1F3A4}\u{1F3A7}\u{1F3B6}\u{1F3B5}\u{1F57A}\u{1F483}\u{1F4A9}\u{1F92A}\u{1F61C}\u{1F61D}\u{1F643}\u{1F922}\u{1F92E}\u{1F480}\u{1F916}",
|
|
19
|
+
burst: "\u{1F389}\u{1F38A}\u{1F4A5}\u{1F386}\u{1F387}\u{1F37E}\u{1F382}\u{1F92F}\u{1F973}",
|
|
20
|
+
stamp: "\u{1F44D}\u{1F44E}\u2705\u2611\u2714\u{1F4AF}\u{1F197}\u{1F192}\u{1F3C6}\u{1F947}\u{1F948}\u{1F949}\u{1F396}\u{1F3C5}\u{1F44C}\u{1F91D}\u{1F64C}",
|
|
21
|
+
gleam: "\u{1F60E}\u{1F48E}\u{1F451}\u{1FAA9}\u{1F48D}",
|
|
22
|
+
flag: "\u{1F3F3}\u{1F3F4}\u{1F3C1}\u{1F38C}\u{1F6A9}\u{1F30A}",
|
|
23
|
+
sway: "\u{1F334}\u{1F335}\u{1F337}\u{1F339}\u{1F338}\u{1F33A}\u{1F33C}\u{1F33B}\u{1F331}\u{1F33F}\u2618\u{1F340}\u{1F38B}\u{1FAB4}\u{1F33E}\u{1F332}\u{1F333}\u{1F341}\u{1F342}\u{1F384}",
|
|
24
|
+
love: "\u{1F60D}\u{1F970}\u{1F618}\u{1F48C}\u{1FAF6}\u{1F63B}\u{1F48F}\u{1F491}",
|
|
25
|
+
steam: "\u2615\u{1F375}\u{1F35C}\u{1F372}\u2668\u{1FAD6}\u{1F958}\u{1F35D}\u{1FAD5}",
|
|
26
|
+
look: "\u{1F440}\u{1F441}\u{1F50D}\u{1F50E}\u{1F575}\u{1F449}\u{1F448}\u{1F642}\u200D\u2194\uFE0F",
|
|
27
|
+
nod: "\u{1F64F}\u{1F446}\u{1F447}\u261D\u{1F642}\u200D\u2195\uFE0F",
|
|
28
|
+
tilt: "\u{1F914}\u{1F928}\u{1F60F}\u{1F9D0}\u{1F644}\u{1F615}\u{1FAE4}",
|
|
29
|
+
swim: "\u{1F41F}\u{1F420}\u{1F421}\u{1F988}\u{1F433}\u{1F40B}\u{1F42C}\u{1F9AD}\u{1F419}\u{1F991}\u{1F990}\u{1F99E}\u{1F980}\u{1FABC}\u{1F40A}\u{1F422}",
|
|
30
|
+
flap: "\u{1F98B}\u{1F41D}\u{1FAB0}\u{1F99F}\u{1FABD}\u{1F987}",
|
|
31
|
+
clap: "\u{1F44F}",
|
|
32
|
+
bob: "",
|
|
33
|
+
pop: ""
|
|
34
|
+
};
|
|
35
|
+
const headings = {
|
|
36
|
+
"\u{1F680}": -45,
|
|
37
|
+
"\u2708": -30,
|
|
38
|
+
"\u{1F6E9}": -30,
|
|
39
|
+
"\u{1F6EB}": -30,
|
|
40
|
+
"\u{1F6F8}": 0,
|
|
41
|
+
"\u{1FA82}": 90,
|
|
42
|
+
"\u2604": 135
|
|
43
|
+
};
|
|
44
|
+
const tints = {
|
|
45
|
+
"\u{1F328}": "#fff"
|
|
46
|
+
};
|
|
47
|
+
const fallbacks = [
|
|
48
|
+
{ name: "flag", ranges: [[127462, 127487]] },
|
|
49
|
+
{
|
|
50
|
+
name: "bob",
|
|
51
|
+
ranges: [
|
|
52
|
+
[128512, 128591],
|
|
53
|
+
[129296, 129327],
|
|
54
|
+
[129392, 129402],
|
|
55
|
+
[129760, 129775],
|
|
56
|
+
[129488, 129488]
|
|
57
|
+
]
|
|
58
|
+
},
|
|
59
|
+
{
|
|
60
|
+
name: "wave",
|
|
61
|
+
ranges: [
|
|
62
|
+
[128074, 128080],
|
|
63
|
+
[128400, 128406],
|
|
64
|
+
[129304, 129311],
|
|
65
|
+
[129776, 129784],
|
|
66
|
+
[9994, 9997]
|
|
67
|
+
]
|
|
68
|
+
},
|
|
69
|
+
{
|
|
70
|
+
name: "hop",
|
|
71
|
+
ranges: [
|
|
72
|
+
[128e3, 128063],
|
|
73
|
+
[129408, 129454],
|
|
74
|
+
[129712, 129727],
|
|
75
|
+
[129742, 129743]
|
|
76
|
+
]
|
|
77
|
+
},
|
|
78
|
+
{
|
|
79
|
+
name: "bob",
|
|
80
|
+
ranges: [
|
|
81
|
+
[128102, 128135],
|
|
82
|
+
[129489, 129501],
|
|
83
|
+
[127939, 127948],
|
|
84
|
+
[128692, 128694],
|
|
85
|
+
[129340, 129342]
|
|
86
|
+
]
|
|
87
|
+
},
|
|
88
|
+
{ name: "drive", ranges: [[128640, 128709]] },
|
|
89
|
+
{
|
|
90
|
+
name: "rock",
|
|
91
|
+
ranges: [
|
|
92
|
+
[127789, 127871],
|
|
93
|
+
[129360, 129391],
|
|
94
|
+
[129472, 129483],
|
|
95
|
+
[129744, 129759]
|
|
96
|
+
]
|
|
97
|
+
},
|
|
98
|
+
{
|
|
99
|
+
name: "float",
|
|
100
|
+
ranges: [
|
|
101
|
+
[127744, 127788],
|
|
102
|
+
[9728, 9983]
|
|
103
|
+
]
|
|
104
|
+
}
|
|
105
|
+
];
|
|
106
|
+
const people = /^[\u{1F466}-\u{1F469}\u{1F9D1}\u{1F471}\u{1F46E}\u{1F477}]/u;
|
|
107
|
+
let lookup;
|
|
108
|
+
function normalize(emoji) {
|
|
109
|
+
return emoji.replace(/[\u{FE0F}\u{1F3FB}-\u{1F3FF}]/gu, "");
|
|
110
|
+
}
|
|
111
|
+
function isMotion(name) {
|
|
112
|
+
return name in curated;
|
|
113
|
+
}
|
|
114
|
+
function getLookup() {
|
|
115
|
+
if (lookup) {
|
|
116
|
+
return lookup;
|
|
117
|
+
}
|
|
118
|
+
const segmenter = new Intl.Segmenter(void 0, { granularity: "grapheme" });
|
|
119
|
+
lookup = new Map(
|
|
120
|
+
Object.entries(curated).flatMap(
|
|
121
|
+
([name, list]) => isMotion(name) ? [...segmenter.segment(list)].map(
|
|
122
|
+
({ segment }) => [
|
|
123
|
+
normalize(segment),
|
|
124
|
+
name
|
|
125
|
+
]
|
|
126
|
+
) : []
|
|
127
|
+
)
|
|
128
|
+
);
|
|
129
|
+
return lookup;
|
|
130
|
+
}
|
|
131
|
+
function matchCurated(emoji) {
|
|
132
|
+
const entries = getLookup();
|
|
133
|
+
const exact = entries.get(emoji);
|
|
134
|
+
if (exact || people.test(emoji)) {
|
|
135
|
+
return exact;
|
|
136
|
+
}
|
|
137
|
+
return emoji.split("\u200D").reverse().map((part) => entries.get(part)).find((name) => name !== void 0);
|
|
138
|
+
}
|
|
139
|
+
function matchRange(emoji) {
|
|
140
|
+
const codePoint = emoji.codePointAt(0) ?? 0;
|
|
141
|
+
return fallbacks.find(
|
|
142
|
+
({ ranges }) => ranges.some(([from, to]) => codePoint >= from && codePoint <= to)
|
|
143
|
+
)?.name;
|
|
144
|
+
}
|
|
145
|
+
export function pickMotion(emoji) {
|
|
146
|
+
const base = normalize(emoji);
|
|
147
|
+
const name = matchCurated(base) ?? matchRange(base) ?? "pop";
|
|
148
|
+
return {
|
|
149
|
+
name,
|
|
150
|
+
heading: headings[base] ?? (name === "drive" ? 180 : 0),
|
|
151
|
+
tint: tints[base]
|
|
152
|
+
};
|
|
153
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export function createBounce({ cols, rows }) {
|
|
2
|
+
const forward = Array.from({ length: rows }, (_, row) => {
|
|
3
|
+
const indices = Array.from({ length: cols }, (__, col) => row * cols + col);
|
|
4
|
+
return row % 2 === 0 ? indices : [...indices].reverse();
|
|
5
|
+
});
|
|
6
|
+
const backward = [...forward].reverse().map((row) => [...row].reverse());
|
|
7
|
+
return [...forward, ...backward];
|
|
8
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export function createCheckerboard({
|
|
2
|
+
cols,
|
|
3
|
+
rows
|
|
4
|
+
}) {
|
|
5
|
+
const even = [];
|
|
6
|
+
const odd = [];
|
|
7
|
+
for (let row = 0; row < rows; row++) {
|
|
8
|
+
for (let col = 0; col < cols; col++) {
|
|
9
|
+
const index = row * cols + col;
|
|
10
|
+
if ((row + col) % 2 === 0) {
|
|
11
|
+
even.push(index);
|
|
12
|
+
} else {
|
|
13
|
+
odd.push(index);
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
return [even, odd, even, odd];
|
|
18
|
+
}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { toIndex } from "../sequence/toIndex.mjs";
|
|
2
|
+
function frameKey(frame) {
|
|
3
|
+
return frame.join(",");
|
|
4
|
+
}
|
|
5
|
+
export function createDrift({ cols, rows }) {
|
|
6
|
+
const frameCount = 48;
|
|
7
|
+
const originCol = (cols - 1) / 2;
|
|
8
|
+
const originRow = (rows - 1) / 2;
|
|
9
|
+
const frames = Array.from({ length: frameCount }, (_, tick) => {
|
|
10
|
+
const phase = tick / frameCount * Math.PI * 2;
|
|
11
|
+
const centerCol = originCol + (cols - 1) * 0.38 * Math.sin(phase);
|
|
12
|
+
const centerRow = originRow + (rows - 1) * 0.38 * Math.sin(phase * 2 + 1.05);
|
|
13
|
+
const radius = 1.9 + 0.5 * Math.sin(phase * 3 + 0.5);
|
|
14
|
+
const frame = [];
|
|
15
|
+
let core = 0;
|
|
16
|
+
let coreDistance = Infinity;
|
|
17
|
+
for (let row = 0; row < rows; row++) {
|
|
18
|
+
for (let col = 0; col < cols; col++) {
|
|
19
|
+
const distance = Math.hypot(col - centerCol, row - centerRow);
|
|
20
|
+
if (distance < coreDistance) {
|
|
21
|
+
coreDistance = distance;
|
|
22
|
+
core = toIndex({ col, row, cols });
|
|
23
|
+
}
|
|
24
|
+
if (distance <= radius) {
|
|
25
|
+
frame.push(toIndex({ col, row, cols }));
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
return frame.length > 0 ? frame : [core];
|
|
30
|
+
});
|
|
31
|
+
const moving = frames.filter(
|
|
32
|
+
(frame, index) => index === 0 || frameKey(frame) !== frameKey(frames[index - 1])
|
|
33
|
+
);
|
|
34
|
+
while (moving.length > 1 && frameKey(moving.at(-1)) === frameKey(moving[0])) {
|
|
35
|
+
moving.pop();
|
|
36
|
+
}
|
|
37
|
+
return moving;
|
|
38
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { equalizerFrame } from "../sequence/equalizerFrame.mjs";
|
|
2
|
+
export function createEqualizer({
|
|
3
|
+
cols,
|
|
4
|
+
rows
|
|
5
|
+
}) {
|
|
6
|
+
const frameCount = 12;
|
|
7
|
+
return Array.from({ length: frameCount }, (_, tick) => {
|
|
8
|
+
const heights = Array.from({ length: cols }, (__, col) => {
|
|
9
|
+
const wave = (Math.sin(tick / frameCount * Math.PI * 2 + col * 0.9) + 1) / 2;
|
|
10
|
+
return Math.max(1, Math.round(wave * rows));
|
|
11
|
+
});
|
|
12
|
+
return equalizerFrame({ heights, cols, rows });
|
|
13
|
+
});
|
|
14
|
+
}
|