@squeletteapp/widget 0.3.8 → 0.3.9
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/{app-DNApXPZi.js → app-BkawET7e.js} +1 -1
- package/dist/index-CqZ9Uw3Y.js +5115 -0
- package/dist/types/banner/use-css-animation.d.ts +37 -0
- package/dist/widget.es.js +1 -1
- package/dist/widget.js +13 -5
- package/package.json +1 -1
- package/dist/index-C5O1Zowt.js +0 -7845
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
interface AnimationOptions {
|
|
2
|
+
duration?: number;
|
|
3
|
+
easing?: string;
|
|
4
|
+
delay?: number;
|
|
5
|
+
onComplete?: () => void;
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* Hook to apply CSS transform/transition animations
|
|
9
|
+
*/
|
|
10
|
+
export declare function useCSSAnimation<T extends HTMLElement>(): {
|
|
11
|
+
ref: import("preact").RefObject<T>;
|
|
12
|
+
animate: (styles: Record<string, string>, options?: AnimationOptions) => Promise<void>;
|
|
13
|
+
};
|
|
14
|
+
/**
|
|
15
|
+
* Hook to handle banner drop animation with bounce effect
|
|
16
|
+
*/
|
|
17
|
+
export declare function useBannerDrop<T extends HTMLElement>(shouldAnimate: boolean, onComplete?: () => void): import("preact").RefObject<T>;
|
|
18
|
+
/**
|
|
19
|
+
* Hook to handle expand/collapse width animation
|
|
20
|
+
*/
|
|
21
|
+
export declare function useExpandAnimation<T extends HTMLElement>(shouldExpand: boolean, targetWidth: number): import("preact").RefObject<T>;
|
|
22
|
+
/**
|
|
23
|
+
* Hook to handle close animation
|
|
24
|
+
*/
|
|
25
|
+
export declare function useCloseAnimation<T extends HTMLElement>(): {
|
|
26
|
+
ref: import("preact").RefObject<T>;
|
|
27
|
+
close: () => Promise<void>;
|
|
28
|
+
};
|
|
29
|
+
/**
|
|
30
|
+
* Hook for modal fade in/out animations
|
|
31
|
+
*/
|
|
32
|
+
export declare function useModalAnimation(isOpen: boolean): {
|
|
33
|
+
overlayRef: import("preact").RefObject<HTMLDivElement>;
|
|
34
|
+
contentRef: import("preact").RefObject<HTMLDivElement>;
|
|
35
|
+
close: () => Promise<void>;
|
|
36
|
+
};
|
|
37
|
+
export {};
|
package/dist/widget.es.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { h as a, g as r, S as s, c as d, e as i, b as l, d as g, a as n, f as c, i as W, r as o } from "./index-
|
|
1
|
+
import { h as a, g as r, S as s, c as d, e as i, b as l, d as g, a as n, f as c, i as W, r as o } from "./index-CqZ9Uw3Y.js";
|
|
2
2
|
export {
|
|
3
3
|
a as SqueletteBanner,
|
|
4
4
|
r as SqueletteBannerElement,
|