@underverse-ui/underverse 1.0.122 → 1.0.123
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/api-reference.json +1 -1
- package/dist/index.cjs +5 -3
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +5 -3
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/api-reference.json
CHANGED
package/dist/index.cjs
CHANGED
|
@@ -19328,6 +19328,7 @@ function Carousel({
|
|
|
19328
19328
|
sideOpacity: effectiveAnimation === "stack" ? 0.8 : 0.86,
|
|
19329
19329
|
farOpacity: effectiveAnimation === "stack" ? 0.5 : 0.48,
|
|
19330
19330
|
sideOffset: effectiveAnimation === "stack" ? 20 : 28,
|
|
19331
|
+
verticalOffset: 0,
|
|
19331
19332
|
rotate: 24,
|
|
19332
19333
|
depthStep: effectiveAnimation === "stack" ? 60 : 90,
|
|
19333
19334
|
blur: 1.1,
|
|
@@ -19497,22 +19498,23 @@ function Carousel({
|
|
|
19497
19498
|
}
|
|
19498
19499
|
if (effectiveAnimation === "stack") {
|
|
19499
19500
|
const xOffset2 = distance * mergedEffectOptions.stackOffset;
|
|
19500
|
-
const
|
|
19501
|
+
const yOffset2 = absDistance * mergedEffectOptions.stackLift;
|
|
19501
19502
|
const scale2 = distance === 0 ? mergedEffectOptions.mainScale : distance === 1 || distance === -1 ? mergedEffectOptions.sideScale : mergedEffectOptions.farScale;
|
|
19502
19503
|
return {
|
|
19503
19504
|
opacity: distance === 0 ? 1 : distance === 1 || distance === -1 ? mergedEffectOptions.sideOpacity : mergedEffectOptions.farOpacity,
|
|
19504
|
-
transform: `translate3d(${xOffset2}px, ${
|
|
19505
|
+
transform: `translate3d(${xOffset2}px, ${yOffset2}px, -${absDistance * mergedEffectOptions.depthStep}px) scale(${scale2})`,
|
|
19505
19506
|
filter: distance === 0 ? "blur(0px)" : `blur(${Math.min(absDistance, 2) * mergedEffectOptions.blur}px)`,
|
|
19506
19507
|
pointerEvents: "auto",
|
|
19507
19508
|
zIndex: 30 - absDistance
|
|
19508
19509
|
};
|
|
19509
19510
|
}
|
|
19510
19511
|
const xOffset = distance * mergedEffectOptions.sideOffset;
|
|
19512
|
+
const yOffset = mergedEffectOptions.verticalOffset ?? 0;
|
|
19511
19513
|
const rotateY = distance * -mergedEffectOptions.rotate;
|
|
19512
19514
|
const scale = distance === 0 ? mergedEffectOptions.mainScale : distance === 1 || distance === -1 ? mergedEffectOptions.sideScale : mergedEffectOptions.farScale;
|
|
19513
19515
|
return {
|
|
19514
19516
|
opacity: distance === 0 ? 1 : distance === 1 || distance === -1 ? mergedEffectOptions.sideOpacity : mergedEffectOptions.farOpacity,
|
|
19515
|
-
transform: `translate3d(${xOffset}%,
|
|
19517
|
+
transform: `translate3d(${xOffset}%, ${yOffset}px, -${absDistance * mergedEffectOptions.depthStep}px) rotateY(${rotateY}deg) scale(${scale})`,
|
|
19516
19518
|
filter: distance === 0 ? "blur(0px)" : `blur(${Math.min(absDistance, 2) * mergedEffectOptions.blur}px)`,
|
|
19517
19519
|
pointerEvents: "auto",
|
|
19518
19520
|
zIndex: 30 - absDistance
|