@surdeddd/bottom-sheet 0.12.0 → 0.14.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/README.md +85 -1
- package/dist/{BottomSheetEngine-D6oiEfZ4.d.cts → BottomSheetCore-Cp7dWy91.d.cts} +85 -5
- package/dist/{BottomSheetEngine-Dhy0X_e9.d.ts → BottomSheetCore-DJYwWOqt.d.ts} +85 -5
- package/dist/BottomSheetEngine-Lm7HIVHv.d.cts +7 -0
- package/dist/BottomSheetEngine-O5PbeKfe.d.ts +7 -0
- package/dist/core.cjs +3680 -0
- package/dist/core.d.cts +3 -0
- package/dist/core.d.ts +3 -0
- package/dist/core.js +3678 -0
- package/dist/debug.cjs +109 -0
- package/dist/debug.d.cts +22 -0
- package/dist/debug.d.ts +22 -0
- package/dist/debug.js +107 -0
- package/dist/element.cjs +1314 -829
- package/dist/element.d.cts +2 -1
- package/dist/element.d.ts +2 -1
- package/dist/element.iife.global.js +2 -2
- package/dist/element.js +1314 -829
- package/dist/features.cjs +489 -0
- package/dist/features.d.cts +13 -0
- package/dist/features.d.ts +13 -0
- package/dist/features.js +482 -0
- package/dist/index-Bb5TRmyg.d.cts +9 -0
- package/dist/index-Cl9ebCP2.d.ts +9 -0
- package/dist/index.cjs +979 -1293
- package/dist/index.d.cts +43 -55
- package/dist/index.d.ts +43 -55
- package/dist/index.js +973 -1280
- package/dist/integrations/formik.d.cts +1 -1
- package/dist/integrations/formik.d.ts +1 -1
- package/dist/integrations/react-hook-form.d.cts +1 -1
- package/dist/integrations/react-hook-form.d.ts +1 -1
- package/dist/overlay.cjs +11 -10
- package/dist/overlay.js +11 -10
- package/dist/preact.d.cts +2 -1
- package/dist/preact.d.ts +2 -1
- package/dist/qwik-lib/index.qwik.cjs +4418 -0
- package/dist/qwik-lib/index.qwik.mjs +4418 -0
- package/dist/qwik.cjs +1089 -657
- package/dist/qwik.d.cts +4 -2
- package/dist/qwik.d.ts +4 -2
- package/dist/qwik.js +1089 -657
- package/dist/react.cjs +1100 -665
- package/dist/react.d.cts +3 -3
- package/dist/react.d.ts +3 -3
- package/dist/react.js +1100 -665
- package/dist/solid.cjs +1095 -657
- package/dist/solid.d.cts +90 -4
- package/dist/solid.d.ts +90 -4
- package/dist/solid.js +1095 -657
- package/dist/solid.source.jsx +1103 -657
- package/dist/styles.css +24 -4
- package/dist/svelte-core.cjs +981 -557
- package/dist/svelte-core.js +981 -557
- package/dist/svelte-src/BottomSheet.svelte +14 -0
- package/dist/svelte.cjs +1091 -657
- package/dist/svelte.d.cts +2 -0
- package/dist/svelte.d.ts +2 -0
- package/dist/svelte.js +1091 -657
- package/dist/vue.cjs +1105 -657
- package/dist/vue.js +1105 -657
- package/dist/webgl.cjs +583 -0
- package/dist/webgl.d.cts +17 -0
- package/dist/webgl.d.ts +17 -0
- package/dist/webgl.js +581 -0
- package/package.json +88 -12
package/dist/index.d.cts
CHANGED
|
@@ -1,59 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
export {
|
|
1
|
+
export { B as BottomSheetEngine } from './BottomSheetEngine-Lm7HIVHv.cjs';
|
|
2
|
+
import { e as SnapPoint, c as SheetMode, a as EngineOptions, g as ScrimOverlayPosition } from './BottomSheetCore-Cp7dWy91.cjs';
|
|
3
|
+
export { h as AnchorAnimationPreset, i as AnchorAnimationSpec, j as AnchorHandle, A as AnchorOptions, k as AnchorPosition, l as AnchorState, B as BottomSheetCore, C as CloseReason, f as EngineFeature, m as EngineFeatureContext, n as EngineFeatureOptions, o as EngineFeatureStage, E as EngineState, P as Plugin, p as SCRIM_PRESETS, q as ScrimOverlayOptions, r as ScrimPreset, s as ScrimPresetConfig, t as ScrimStageDef, S as ScrimStagesOptions, u as ScrimUpdate, d as SheetEventMap, v as SnapId, b as SnapPointDef, T as TeardownScope, w as runAnchorTransition } from './BottomSheetCore-Cp7dWy91.cjs';
|
|
4
|
+
export { autoCollapseFeature, contentSwipeFeature, defaultEngineFeatures, persistFeature, routeFeature, visualViewportFeature } from './features.cjs';
|
|
5
|
+
export { R as ResolvedSnap, r as resolveSnapList } from './index-Bb5TRmyg.cjs';
|
|
4
6
|
import './transform-jVfAikE9.cjs';
|
|
5
7
|
|
|
6
|
-
declare const easeOutBack: (t: number) => number;
|
|
7
|
-
declare const easeOutCubic: (t: number) => number;
|
|
8
|
-
type Tween = {
|
|
9
|
-
cancel: () => void;
|
|
10
|
-
promise: Promise<void>;
|
|
11
|
-
};
|
|
12
|
-
type TweenOptions = {
|
|
13
|
-
from: number;
|
|
14
|
-
to: number;
|
|
15
|
-
duration: number;
|
|
16
|
-
easing?: (t: number) => number;
|
|
17
|
-
onUpdate: (value: number) => void;
|
|
18
|
-
};
|
|
19
|
-
declare const tween: ({ from, to, duration, easing, onUpdate, }: TweenOptions) => Tween;
|
|
20
|
-
declare const prefersReducedMotion: () => boolean;
|
|
21
|
-
|
|
22
|
-
type SpringConfig = {
|
|
23
|
-
stiffness: number;
|
|
24
|
-
damping: number;
|
|
25
|
-
mass: number;
|
|
26
|
-
restDelta?: number;
|
|
27
|
-
restSpeed?: number;
|
|
28
|
-
};
|
|
29
|
-
declare const DEFAULT_SPRING: SpringConfig;
|
|
30
|
-
type SpringRunOptions = {
|
|
31
|
-
from: number;
|
|
32
|
-
to: number;
|
|
33
|
-
velocity?: number;
|
|
34
|
-
config?: Partial<SpringConfig>;
|
|
35
|
-
onUpdate: (value: number, velocity: number) => void;
|
|
36
|
-
};
|
|
37
|
-
type SpringHandle = {
|
|
38
|
-
cancel: () => void;
|
|
39
|
-
promise: Promise<void>;
|
|
40
|
-
};
|
|
41
|
-
declare const runSpring: ({ from, to, velocity, config, onUpdate, }: SpringRunOptions) => SpringHandle;
|
|
42
|
-
|
|
43
8
|
declare const resolveSnap: (point: SnapPoint | string, mode: SheetMode, measureFit?: () => number) => number;
|
|
44
9
|
|
|
45
|
-
type ResolvedSnap = {
|
|
46
|
-
id: string;
|
|
47
|
-
size: number;
|
|
48
|
-
};
|
|
49
|
-
declare const resolveSnapList: (points: SnapPointDef[], mode: SheetMode, measureFit?: () => number) => ResolvedSnap[];
|
|
50
|
-
declare const findNearest: (size: number, resolved: ResolvedSnap[], allowed: string[], direction?: 1 | -1 | 0, bias?: number) => ResolvedSnap | null;
|
|
51
|
-
declare const allowedRange: (resolved: ResolvedSnap[], allowed: string[]) => {
|
|
52
|
-
min: number;
|
|
53
|
-
max: number;
|
|
54
|
-
};
|
|
55
|
-
declare const findById: (id: string, resolved: ResolvedSnap[]) => ResolvedSnap | null;
|
|
56
|
-
|
|
57
10
|
type PointerKind = "touch" | "mouse" | "pen";
|
|
58
11
|
type GestureCallbacks = {
|
|
59
12
|
onStart: (axisCoord: number, pointerType: PointerKind) => void;
|
|
@@ -61,8 +14,12 @@ type GestureCallbacks = {
|
|
|
61
14
|
onEnd: (delta: number, velocity: number, pointerType: PointerKind) => void;
|
|
62
15
|
onCancel?: () => void;
|
|
63
16
|
};
|
|
64
|
-
|
|
65
|
-
|
|
17
|
+
type GestureOptions = {
|
|
18
|
+
shouldStart?: (e: PointerEvent) => boolean;
|
|
19
|
+
deferStart?: (e: PointerEvent, delta: number) => boolean | null;
|
|
20
|
+
manageTouchAction?: boolean;
|
|
21
|
+
};
|
|
22
|
+
declare const installGestures: (handle: HTMLElement, mode: SheetMode, callbacks: GestureCallbacks, options?: GestureOptions) => (() => void);
|
|
66
23
|
|
|
67
24
|
declare const installFocusTrap: (container: HTMLElement, options?: {
|
|
68
25
|
initialFocus?: HTMLElement | string | false;
|
|
@@ -105,6 +62,37 @@ type SheetManager<Key extends string = string> = {
|
|
|
105
62
|
};
|
|
106
63
|
declare const createSheetManager: <Key extends string = string>(initial?: Record<Key, SheetConfig<Key>>) => SheetManager<Key>;
|
|
107
64
|
|
|
65
|
+
type Tween = {
|
|
66
|
+
cancel: () => void;
|
|
67
|
+
promise: Promise<void>;
|
|
68
|
+
};
|
|
69
|
+
type TweenOptions = {
|
|
70
|
+
from: number;
|
|
71
|
+
to: number;
|
|
72
|
+
duration: number;
|
|
73
|
+
easing?: (t: number) => number;
|
|
74
|
+
onUpdate: (value: number) => void;
|
|
75
|
+
};
|
|
76
|
+
|
|
77
|
+
type SpringConfig = {
|
|
78
|
+
stiffness: number;
|
|
79
|
+
damping: number;
|
|
80
|
+
mass: number;
|
|
81
|
+
restDelta?: number;
|
|
82
|
+
restSpeed?: number;
|
|
83
|
+
};
|
|
84
|
+
type SpringRunOptions = {
|
|
85
|
+
from: number;
|
|
86
|
+
to: number;
|
|
87
|
+
velocity?: number;
|
|
88
|
+
config?: Partial<SpringConfig>;
|
|
89
|
+
onUpdate: (value: number, velocity: number) => void;
|
|
90
|
+
};
|
|
91
|
+
type SpringHandle = {
|
|
92
|
+
cancel: () => void;
|
|
93
|
+
promise: Promise<void>;
|
|
94
|
+
};
|
|
95
|
+
|
|
108
96
|
type SheetAnchoredStyle = {
|
|
109
97
|
top?: string;
|
|
110
98
|
bottom?: string;
|
|
@@ -115,4 +103,4 @@ type SheetAnchoredStyle = {
|
|
|
115
103
|
declare function resolveSheetAnchoredStyle(mode: SheetMode, position: "sheet-top-left" | "sheet-top-center" | "sheet-top-right", inset: string): SheetAnchoredStyle;
|
|
116
104
|
declare function applyOverlayPosition(ws: CSSStyleDeclaration, mode: SheetMode, position: ScrimOverlayPosition, inset: string): void;
|
|
117
105
|
|
|
118
|
-
export {
|
|
106
|
+
export { EngineOptions, ScrimOverlayPosition, type SheetConfig, type SheetManager, SheetMode, SnapPoint, type SpringConfig, type SpringHandle, type SpringRunOptions, type StackEntry, type Tween, type TweenOptions, applyOverlayPosition, createSheetManager, installFocusTrap, installGestures, lockBodyScroll, resolveSheetAnchoredStyle, resolveSnap, sheetStack };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,59 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
export {
|
|
1
|
+
export { B as BottomSheetEngine } from './BottomSheetEngine-O5PbeKfe.js';
|
|
2
|
+
import { e as SnapPoint, c as SheetMode, a as EngineOptions, g as ScrimOverlayPosition } from './BottomSheetCore-DJYwWOqt.js';
|
|
3
|
+
export { h as AnchorAnimationPreset, i as AnchorAnimationSpec, j as AnchorHandle, A as AnchorOptions, k as AnchorPosition, l as AnchorState, B as BottomSheetCore, C as CloseReason, f as EngineFeature, m as EngineFeatureContext, n as EngineFeatureOptions, o as EngineFeatureStage, E as EngineState, P as Plugin, p as SCRIM_PRESETS, q as ScrimOverlayOptions, r as ScrimPreset, s as ScrimPresetConfig, t as ScrimStageDef, S as ScrimStagesOptions, u as ScrimUpdate, d as SheetEventMap, v as SnapId, b as SnapPointDef, T as TeardownScope, w as runAnchorTransition } from './BottomSheetCore-DJYwWOqt.js';
|
|
4
|
+
export { autoCollapseFeature, contentSwipeFeature, defaultEngineFeatures, persistFeature, routeFeature, visualViewportFeature } from './features.js';
|
|
5
|
+
export { R as ResolvedSnap, r as resolveSnapList } from './index-Cl9ebCP2.js';
|
|
4
6
|
import './transform-jVfAikE9.js';
|
|
5
7
|
|
|
6
|
-
declare const easeOutBack: (t: number) => number;
|
|
7
|
-
declare const easeOutCubic: (t: number) => number;
|
|
8
|
-
type Tween = {
|
|
9
|
-
cancel: () => void;
|
|
10
|
-
promise: Promise<void>;
|
|
11
|
-
};
|
|
12
|
-
type TweenOptions = {
|
|
13
|
-
from: number;
|
|
14
|
-
to: number;
|
|
15
|
-
duration: number;
|
|
16
|
-
easing?: (t: number) => number;
|
|
17
|
-
onUpdate: (value: number) => void;
|
|
18
|
-
};
|
|
19
|
-
declare const tween: ({ from, to, duration, easing, onUpdate, }: TweenOptions) => Tween;
|
|
20
|
-
declare const prefersReducedMotion: () => boolean;
|
|
21
|
-
|
|
22
|
-
type SpringConfig = {
|
|
23
|
-
stiffness: number;
|
|
24
|
-
damping: number;
|
|
25
|
-
mass: number;
|
|
26
|
-
restDelta?: number;
|
|
27
|
-
restSpeed?: number;
|
|
28
|
-
};
|
|
29
|
-
declare const DEFAULT_SPRING: SpringConfig;
|
|
30
|
-
type SpringRunOptions = {
|
|
31
|
-
from: number;
|
|
32
|
-
to: number;
|
|
33
|
-
velocity?: number;
|
|
34
|
-
config?: Partial<SpringConfig>;
|
|
35
|
-
onUpdate: (value: number, velocity: number) => void;
|
|
36
|
-
};
|
|
37
|
-
type SpringHandle = {
|
|
38
|
-
cancel: () => void;
|
|
39
|
-
promise: Promise<void>;
|
|
40
|
-
};
|
|
41
|
-
declare const runSpring: ({ from, to, velocity, config, onUpdate, }: SpringRunOptions) => SpringHandle;
|
|
42
|
-
|
|
43
8
|
declare const resolveSnap: (point: SnapPoint | string, mode: SheetMode, measureFit?: () => number) => number;
|
|
44
9
|
|
|
45
|
-
type ResolvedSnap = {
|
|
46
|
-
id: string;
|
|
47
|
-
size: number;
|
|
48
|
-
};
|
|
49
|
-
declare const resolveSnapList: (points: SnapPointDef[], mode: SheetMode, measureFit?: () => number) => ResolvedSnap[];
|
|
50
|
-
declare const findNearest: (size: number, resolved: ResolvedSnap[], allowed: string[], direction?: 1 | -1 | 0, bias?: number) => ResolvedSnap | null;
|
|
51
|
-
declare const allowedRange: (resolved: ResolvedSnap[], allowed: string[]) => {
|
|
52
|
-
min: number;
|
|
53
|
-
max: number;
|
|
54
|
-
};
|
|
55
|
-
declare const findById: (id: string, resolved: ResolvedSnap[]) => ResolvedSnap | null;
|
|
56
|
-
|
|
57
10
|
type PointerKind = "touch" | "mouse" | "pen";
|
|
58
11
|
type GestureCallbacks = {
|
|
59
12
|
onStart: (axisCoord: number, pointerType: PointerKind) => void;
|
|
@@ -61,8 +14,12 @@ type GestureCallbacks = {
|
|
|
61
14
|
onEnd: (delta: number, velocity: number, pointerType: PointerKind) => void;
|
|
62
15
|
onCancel?: () => void;
|
|
63
16
|
};
|
|
64
|
-
|
|
65
|
-
|
|
17
|
+
type GestureOptions = {
|
|
18
|
+
shouldStart?: (e: PointerEvent) => boolean;
|
|
19
|
+
deferStart?: (e: PointerEvent, delta: number) => boolean | null;
|
|
20
|
+
manageTouchAction?: boolean;
|
|
21
|
+
};
|
|
22
|
+
declare const installGestures: (handle: HTMLElement, mode: SheetMode, callbacks: GestureCallbacks, options?: GestureOptions) => (() => void);
|
|
66
23
|
|
|
67
24
|
declare const installFocusTrap: (container: HTMLElement, options?: {
|
|
68
25
|
initialFocus?: HTMLElement | string | false;
|
|
@@ -105,6 +62,37 @@ type SheetManager<Key extends string = string> = {
|
|
|
105
62
|
};
|
|
106
63
|
declare const createSheetManager: <Key extends string = string>(initial?: Record<Key, SheetConfig<Key>>) => SheetManager<Key>;
|
|
107
64
|
|
|
65
|
+
type Tween = {
|
|
66
|
+
cancel: () => void;
|
|
67
|
+
promise: Promise<void>;
|
|
68
|
+
};
|
|
69
|
+
type TweenOptions = {
|
|
70
|
+
from: number;
|
|
71
|
+
to: number;
|
|
72
|
+
duration: number;
|
|
73
|
+
easing?: (t: number) => number;
|
|
74
|
+
onUpdate: (value: number) => void;
|
|
75
|
+
};
|
|
76
|
+
|
|
77
|
+
type SpringConfig = {
|
|
78
|
+
stiffness: number;
|
|
79
|
+
damping: number;
|
|
80
|
+
mass: number;
|
|
81
|
+
restDelta?: number;
|
|
82
|
+
restSpeed?: number;
|
|
83
|
+
};
|
|
84
|
+
type SpringRunOptions = {
|
|
85
|
+
from: number;
|
|
86
|
+
to: number;
|
|
87
|
+
velocity?: number;
|
|
88
|
+
config?: Partial<SpringConfig>;
|
|
89
|
+
onUpdate: (value: number, velocity: number) => void;
|
|
90
|
+
};
|
|
91
|
+
type SpringHandle = {
|
|
92
|
+
cancel: () => void;
|
|
93
|
+
promise: Promise<void>;
|
|
94
|
+
};
|
|
95
|
+
|
|
108
96
|
type SheetAnchoredStyle = {
|
|
109
97
|
top?: string;
|
|
110
98
|
bottom?: string;
|
|
@@ -115,4 +103,4 @@ type SheetAnchoredStyle = {
|
|
|
115
103
|
declare function resolveSheetAnchoredStyle(mode: SheetMode, position: "sheet-top-left" | "sheet-top-center" | "sheet-top-right", inset: string): SheetAnchoredStyle;
|
|
116
104
|
declare function applyOverlayPosition(ws: CSSStyleDeclaration, mode: SheetMode, position: ScrimOverlayPosition, inset: string): void;
|
|
117
105
|
|
|
118
|
-
export {
|
|
106
|
+
export { EngineOptions, ScrimOverlayPosition, type SheetConfig, type SheetManager, SheetMode, SnapPoint, type SpringConfig, type SpringHandle, type SpringRunOptions, type StackEntry, type Tween, type TweenOptions, applyOverlayPosition, createSheetManager, installFocusTrap, installGestures, lockBodyScroll, resolveSheetAnchoredStyle, resolveSnap, sheetStack };
|