@surdeddd/bottom-sheet 0.3.0 → 0.4.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/{BottomSheetEngine-CAymrH-P.d.cts → BottomSheetEngine-BJrH7qY3.d.cts} +39 -3
- package/dist/{BottomSheetEngine-DcqcuudN.d.ts → BottomSheetEngine-L05jGZvU.d.ts} +39 -3
- package/dist/element.cjs +480 -89
- package/dist/element.d.cts +23 -4
- package/dist/element.d.ts +23 -4
- package/dist/element.iife.global.js +2 -2
- package/dist/element.js +480 -89
- package/dist/index.cjs +341 -80
- package/dist/index.d.cts +3 -2
- package/dist/index.d.ts +3 -2
- package/dist/index.js +341 -80
- 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 +13 -2
- package/dist/overlay.js +13 -2
- package/dist/preact.d.cts +1 -1
- package/dist/preact.d.ts +1 -1
- package/dist/qwik.cjs +352 -81
- package/dist/qwik.d.cts +4 -2
- package/dist/qwik.d.ts +4 -2
- package/dist/qwik.js +352 -81
- package/dist/react.cjs +427 -87
- package/dist/react.d.cts +29 -4
- package/dist/react.d.ts +29 -4
- package/dist/react.js +427 -87
- package/dist/solid.cjs +341 -80
- package/dist/solid.d.cts +38 -2
- package/dist/solid.d.ts +38 -2
- package/dist/solid.js +341 -80
- package/dist/solid.source.jsx +341 -80
- package/dist/styles.css +57 -56
- package/dist/svelte-core.cjs +346 -80
- package/dist/svelte-core.js +346 -80
- package/dist/svelte-src/BottomSheet.svelte +103 -5
- package/dist/svelte.cjs +421 -88
- package/dist/svelte.d.cts +21 -0
- package/dist/svelte.d.ts +21 -0
- package/dist/svelte.js +421 -88
- package/dist/vue.cjs +584 -91
- package/dist/vue.d.cts +51 -2
- package/dist/vue.d.ts +51 -2
- package/dist/vue.js +585 -92
- package/package.json +6 -6
package/dist/svelte.d.cts
CHANGED
|
@@ -48,12 +48,17 @@ export type SvelteBottomSheetController<TId extends string = string> = {
|
|
|
48
48
|
snapTo(id: TId): Promise<void>;
|
|
49
49
|
open(id?: TId): Promise<void>;
|
|
50
50
|
close(): Promise<void>;
|
|
51
|
+
expand(): Promise<void>;
|
|
52
|
+
collapse(): Promise<void>;
|
|
53
|
+
isTop(): boolean;
|
|
54
|
+
depth(): number;
|
|
51
55
|
setAllowed(ids: TId[], snap?: TId): void;
|
|
52
56
|
setSnapPoints(points: EngineOptions["snapPoints"], allowed?: string[]): void;
|
|
53
57
|
setScrim(opts: ScrimUpdate): void;
|
|
54
58
|
setScrimOverlay(opts: ScrimOverlayOptions): () => void;
|
|
55
59
|
addAnchor(opts: AnchorOptions): () => void;
|
|
56
60
|
setScrimStages(opts: ScrimStagesOptions | null): () => void;
|
|
61
|
+
recompute(): void;
|
|
57
62
|
getEngine(): BottomSheetEngine | null;
|
|
58
63
|
destroy(): void;
|
|
59
64
|
};
|
|
@@ -77,6 +82,17 @@ export type BottomSheetProps<TId extends string = string> = {
|
|
|
77
82
|
backdropRange?: [number, number];
|
|
78
83
|
backdrop?: boolean;
|
|
79
84
|
closeOnBackdrop?: boolean;
|
|
85
|
+
persistent?: boolean;
|
|
86
|
+
disableClose?: boolean;
|
|
87
|
+
disableDrag?: boolean;
|
|
88
|
+
closeOnRouteChange?: boolean;
|
|
89
|
+
radius?: string | number;
|
|
90
|
+
maxHeight?: string | number;
|
|
91
|
+
backdropColor?: string;
|
|
92
|
+
backdropOpacity?: number;
|
|
93
|
+
open?: boolean;
|
|
94
|
+
snap?: TId;
|
|
95
|
+
returnFocusTo?: HTMLElement | string | (() => HTMLElement | null);
|
|
80
96
|
ariaLabel?: string;
|
|
81
97
|
header?: Snippet<[EngineState & { activeId: TId }]>;
|
|
82
98
|
leftButton?: Snippet;
|
|
@@ -86,6 +102,11 @@ export type BottomSheetProps<TId extends string = string> = {
|
|
|
86
102
|
onsnap?: (id: TId) => void;
|
|
87
103
|
onopen?: (id: TId) => void;
|
|
88
104
|
onclose?: () => void;
|
|
105
|
+
onbeforeclose?: (payload: SheetEventMap["before-close"]) => void;
|
|
106
|
+
onopened?: (id: TId) => void;
|
|
107
|
+
onclosed?: () => void;
|
|
108
|
+
ondragstart?: () => void;
|
|
109
|
+
ondragend?: () => void;
|
|
89
110
|
onchange?: (state: EngineState & { activeId: TId }) => void;
|
|
90
111
|
};
|
|
91
112
|
|
package/dist/svelte.d.ts
CHANGED
|
@@ -48,12 +48,17 @@ export type SvelteBottomSheetController<TId extends string = string> = {
|
|
|
48
48
|
snapTo(id: TId): Promise<void>;
|
|
49
49
|
open(id?: TId): Promise<void>;
|
|
50
50
|
close(): Promise<void>;
|
|
51
|
+
expand(): Promise<void>;
|
|
52
|
+
collapse(): Promise<void>;
|
|
53
|
+
isTop(): boolean;
|
|
54
|
+
depth(): number;
|
|
51
55
|
setAllowed(ids: TId[], snap?: TId): void;
|
|
52
56
|
setSnapPoints(points: EngineOptions["snapPoints"], allowed?: string[]): void;
|
|
53
57
|
setScrim(opts: ScrimUpdate): void;
|
|
54
58
|
setScrimOverlay(opts: ScrimOverlayOptions): () => void;
|
|
55
59
|
addAnchor(opts: AnchorOptions): () => void;
|
|
56
60
|
setScrimStages(opts: ScrimStagesOptions | null): () => void;
|
|
61
|
+
recompute(): void;
|
|
57
62
|
getEngine(): BottomSheetEngine | null;
|
|
58
63
|
destroy(): void;
|
|
59
64
|
};
|
|
@@ -77,6 +82,17 @@ export type BottomSheetProps<TId extends string = string> = {
|
|
|
77
82
|
backdropRange?: [number, number];
|
|
78
83
|
backdrop?: boolean;
|
|
79
84
|
closeOnBackdrop?: boolean;
|
|
85
|
+
persistent?: boolean;
|
|
86
|
+
disableClose?: boolean;
|
|
87
|
+
disableDrag?: boolean;
|
|
88
|
+
closeOnRouteChange?: boolean;
|
|
89
|
+
radius?: string | number;
|
|
90
|
+
maxHeight?: string | number;
|
|
91
|
+
backdropColor?: string;
|
|
92
|
+
backdropOpacity?: number;
|
|
93
|
+
open?: boolean;
|
|
94
|
+
snap?: TId;
|
|
95
|
+
returnFocusTo?: HTMLElement | string | (() => HTMLElement | null);
|
|
80
96
|
ariaLabel?: string;
|
|
81
97
|
header?: Snippet<[EngineState & { activeId: TId }]>;
|
|
82
98
|
leftButton?: Snippet;
|
|
@@ -86,6 +102,11 @@ export type BottomSheetProps<TId extends string = string> = {
|
|
|
86
102
|
onsnap?: (id: TId) => void;
|
|
87
103
|
onopen?: (id: TId) => void;
|
|
88
104
|
onclose?: () => void;
|
|
105
|
+
onbeforeclose?: (payload: SheetEventMap["before-close"]) => void;
|
|
106
|
+
onopened?: (id: TId) => void;
|
|
107
|
+
onclosed?: () => void;
|
|
108
|
+
ondragstart?: () => void;
|
|
109
|
+
ondragend?: () => void;
|
|
89
110
|
onchange?: (state: EngineState & { activeId: TId }) => void;
|
|
90
111
|
};
|
|
91
112
|
|