@surdeddd/bottom-sheet 0.9.1 → 0.11.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 +126 -83
- package/dist/{BottomSheetEngine-CBRcBwV-.d.ts → BottomSheetEngine-DRjCU73e.d.ts} +6 -5
- package/dist/{BottomSheetEngine-BcyruNP1.d.cts → BottomSheetEngine-DzsIwD28.d.cts} +6 -5
- package/dist/element.cjs +388 -222
- package/dist/element.d.cts +1 -1
- package/dist/element.d.ts +1 -1
- package/dist/element.iife.global.js +2 -2
- package/dist/element.js +388 -222
- package/dist/index.cjs +389 -266
- package/dist/index.d.cts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.js +389 -266
- 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 +191 -58
- package/dist/overlay.d.cts +4 -3
- package/dist/overlay.d.ts +4 -3
- package/dist/overlay.js +191 -58
- package/dist/preact.d.cts +2 -1
- package/dist/preact.d.ts +2 -1
- package/dist/qwik.cjs +396 -211
- package/dist/qwik.d.cts +11 -2
- package/dist/qwik.d.ts +11 -2
- package/dist/qwik.js +396 -211
- package/dist/react.cjs +500 -332
- package/dist/react.d.cts +26 -4
- package/dist/react.d.ts +26 -4
- package/dist/react.js +500 -332
- package/dist/solid.cjs +362 -210
- package/dist/solid.d.cts +14 -4
- package/dist/solid.d.ts +14 -4
- package/dist/solid.js +362 -210
- package/dist/solid.source.jsx +362 -210
- package/dist/styles.css +17 -1
- package/dist/svelte-core.cjs +345 -208
- package/dist/svelte-core.js +345 -208
- package/dist/svelte-src/BottomSheet.svelte +6 -0
- package/dist/svelte.cjs +359 -220
- package/dist/svelte.d.cts +2 -0
- package/dist/svelte.d.ts +2 -0
- package/dist/svelte.js +359 -220
- package/dist/teleport-7uYNiEAT.d.cts +3 -0
- package/dist/teleport-7uYNiEAT.d.ts +3 -0
- package/dist/vue.cjs +353 -209
- package/dist/vue.d.cts +3 -1
- package/dist/vue.d.ts +3 -1
- package/dist/vue.js +353 -209
- package/package.json +11 -9
package/dist/solid.d.cts
CHANGED
|
@@ -202,8 +202,7 @@ declare class BottomSheetEngine {
|
|
|
202
202
|
private disableCloseFlag;
|
|
203
203
|
private disableDragFlag;
|
|
204
204
|
private closeOnRouteChange;
|
|
205
|
-
private
|
|
206
|
-
private maxHeightRaw;
|
|
205
|
+
private maxHeight;
|
|
207
206
|
private snapPointsRaw;
|
|
208
207
|
private snaps;
|
|
209
208
|
private activeId;
|
|
@@ -239,6 +238,10 @@ declare class BottomSheetEngine {
|
|
|
239
238
|
use(plugin: Plugin): this;
|
|
240
239
|
setLinkedSheets(sheets: BottomSheetEngine[]): void;
|
|
241
240
|
getAllowedIds(): string[];
|
|
241
|
+
getResolvedSnaps(): readonly {
|
|
242
|
+
id: string;
|
|
243
|
+
size: number;
|
|
244
|
+
}[];
|
|
242
245
|
snapTo(id: string, velocityOrOpts?: number | {
|
|
243
246
|
velocity?: number;
|
|
244
247
|
signal?: AbortSignal;
|
|
@@ -262,8 +265,6 @@ declare class BottomSheetEngine {
|
|
|
262
265
|
collapse(): Promise<void>;
|
|
263
266
|
setRadius(r: string | number): void;
|
|
264
267
|
setMaxHeight(h: string | number): void;
|
|
265
|
-
private resolveMaxHeightCap;
|
|
266
|
-
private clampToMaxHeight;
|
|
267
268
|
setAllowed(ids: string[], snap?: string): void;
|
|
268
269
|
setBackdropRange(range: [number, number]): void;
|
|
269
270
|
setScreenRange(range: [number, number]): void;
|
|
@@ -344,6 +345,15 @@ type BottomSheetProps<TId extends string = string> = {
|
|
|
344
345
|
ariaLabel?: string;
|
|
345
346
|
onSnap?: (id: TId) => void;
|
|
346
347
|
onBeforeSnap?: (payload: SheetEventMap["before-snap"]) => void;
|
|
348
|
+
onBeforeClose?: (payload: SheetEventMap["before-close"]) => void;
|
|
349
|
+
onOpen?: (id: TId) => void;
|
|
350
|
+
onClose?: () => void;
|
|
351
|
+
onOpened?: (id: TId) => void;
|
|
352
|
+
onClosed?: () => void;
|
|
353
|
+
onDragStart?: (payload: SheetEventMap["dragstart"]) => void;
|
|
354
|
+
onDragEnd?: (payload: SheetEventMap["dragend"]) => void;
|
|
355
|
+
onDrag?: (payload: SheetEventMap["drag"]) => void;
|
|
356
|
+
onProgress?: (payload: SheetEventMap["progress"]) => void;
|
|
347
357
|
onChange?: (state: EngineState & {
|
|
348
358
|
activeId: TId;
|
|
349
359
|
}) => void;
|
package/dist/solid.d.ts
CHANGED
|
@@ -202,8 +202,7 @@ declare class BottomSheetEngine {
|
|
|
202
202
|
private disableCloseFlag;
|
|
203
203
|
private disableDragFlag;
|
|
204
204
|
private closeOnRouteChange;
|
|
205
|
-
private
|
|
206
|
-
private maxHeightRaw;
|
|
205
|
+
private maxHeight;
|
|
207
206
|
private snapPointsRaw;
|
|
208
207
|
private snaps;
|
|
209
208
|
private activeId;
|
|
@@ -239,6 +238,10 @@ declare class BottomSheetEngine {
|
|
|
239
238
|
use(plugin: Plugin): this;
|
|
240
239
|
setLinkedSheets(sheets: BottomSheetEngine[]): void;
|
|
241
240
|
getAllowedIds(): string[];
|
|
241
|
+
getResolvedSnaps(): readonly {
|
|
242
|
+
id: string;
|
|
243
|
+
size: number;
|
|
244
|
+
}[];
|
|
242
245
|
snapTo(id: string, velocityOrOpts?: number | {
|
|
243
246
|
velocity?: number;
|
|
244
247
|
signal?: AbortSignal;
|
|
@@ -262,8 +265,6 @@ declare class BottomSheetEngine {
|
|
|
262
265
|
collapse(): Promise<void>;
|
|
263
266
|
setRadius(r: string | number): void;
|
|
264
267
|
setMaxHeight(h: string | number): void;
|
|
265
|
-
private resolveMaxHeightCap;
|
|
266
|
-
private clampToMaxHeight;
|
|
267
268
|
setAllowed(ids: string[], snap?: string): void;
|
|
268
269
|
setBackdropRange(range: [number, number]): void;
|
|
269
270
|
setScreenRange(range: [number, number]): void;
|
|
@@ -344,6 +345,15 @@ type BottomSheetProps<TId extends string = string> = {
|
|
|
344
345
|
ariaLabel?: string;
|
|
345
346
|
onSnap?: (id: TId) => void;
|
|
346
347
|
onBeforeSnap?: (payload: SheetEventMap["before-snap"]) => void;
|
|
348
|
+
onBeforeClose?: (payload: SheetEventMap["before-close"]) => void;
|
|
349
|
+
onOpen?: (id: TId) => void;
|
|
350
|
+
onClose?: () => void;
|
|
351
|
+
onOpened?: (id: TId) => void;
|
|
352
|
+
onClosed?: () => void;
|
|
353
|
+
onDragStart?: (payload: SheetEventMap["dragstart"]) => void;
|
|
354
|
+
onDragEnd?: (payload: SheetEventMap["dragend"]) => void;
|
|
355
|
+
onDrag?: (payload: SheetEventMap["drag"]) => void;
|
|
356
|
+
onProgress?: (payload: SheetEventMap["progress"]) => void;
|
|
347
357
|
onChange?: (state: EngineState & {
|
|
348
358
|
activeId: TId;
|
|
349
359
|
}) => void;
|