@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.
Files changed (50) hide show
  1. package/README.md +126 -83
  2. package/dist/{BottomSheetEngine-CBRcBwV-.d.ts → BottomSheetEngine-DRjCU73e.d.ts} +6 -5
  3. package/dist/{BottomSheetEngine-BcyruNP1.d.cts → BottomSheetEngine-DzsIwD28.d.cts} +6 -5
  4. package/dist/element.cjs +388 -222
  5. package/dist/element.d.cts +1 -1
  6. package/dist/element.d.ts +1 -1
  7. package/dist/element.iife.global.js +2 -2
  8. package/dist/element.js +388 -222
  9. package/dist/index.cjs +389 -266
  10. package/dist/index.d.cts +2 -2
  11. package/dist/index.d.ts +2 -2
  12. package/dist/index.js +389 -266
  13. package/dist/integrations/formik.d.cts +1 -1
  14. package/dist/integrations/formik.d.ts +1 -1
  15. package/dist/integrations/react-hook-form.d.cts +1 -1
  16. package/dist/integrations/react-hook-form.d.ts +1 -1
  17. package/dist/overlay.cjs +191 -58
  18. package/dist/overlay.d.cts +4 -3
  19. package/dist/overlay.d.ts +4 -3
  20. package/dist/overlay.js +191 -58
  21. package/dist/preact.d.cts +2 -1
  22. package/dist/preact.d.ts +2 -1
  23. package/dist/qwik.cjs +396 -211
  24. package/dist/qwik.d.cts +11 -2
  25. package/dist/qwik.d.ts +11 -2
  26. package/dist/qwik.js +396 -211
  27. package/dist/react.cjs +500 -332
  28. package/dist/react.d.cts +26 -4
  29. package/dist/react.d.ts +26 -4
  30. package/dist/react.js +500 -332
  31. package/dist/solid.cjs +362 -210
  32. package/dist/solid.d.cts +14 -4
  33. package/dist/solid.d.ts +14 -4
  34. package/dist/solid.js +362 -210
  35. package/dist/solid.source.jsx +362 -210
  36. package/dist/styles.css +17 -1
  37. package/dist/svelte-core.cjs +345 -208
  38. package/dist/svelte-core.js +345 -208
  39. package/dist/svelte-src/BottomSheet.svelte +6 -0
  40. package/dist/svelte.cjs +359 -220
  41. package/dist/svelte.d.cts +2 -0
  42. package/dist/svelte.d.ts +2 -0
  43. package/dist/svelte.js +359 -220
  44. package/dist/teleport-7uYNiEAT.d.cts +3 -0
  45. package/dist/teleport-7uYNiEAT.d.ts +3 -0
  46. package/dist/vue.cjs +353 -209
  47. package/dist/vue.d.cts +3 -1
  48. package/dist/vue.d.ts +3 -1
  49. package/dist/vue.js +353 -209
  50. 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 maxHeightCap;
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 maxHeightCap;
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;