@cntrl-site/components 1.0.16-alpha.3 → 1.0.16-alpha.5
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/Components/LightboxStrip/LightboxStrip.d.ts +7 -6
- package/dist/Components/utils/animateScrollLeft.d.ts +8 -0
- package/dist/Components/utils/cubicBezierEasing.d.ts +1 -0
- package/dist/Components/utils/useLightboxScrollLock.d.ts +1 -0
- package/dist/Components/utils/useLightboxSwipeDismiss.d.ts +1 -0
- package/dist/index.js +435 -146
- package/dist/index.mjs +4835 -4390
- package/package.json +1 -1
|
@@ -33,9 +33,7 @@ export type LightboxStripSettings = {
|
|
|
33
33
|
ratioValue: '1:1' | '2:3' | '3:4' | '4:5' | '16:9';
|
|
34
34
|
reversed: boolean;
|
|
35
35
|
};
|
|
36
|
-
type: 'A' | 'B';
|
|
37
36
|
backgroundColor: string;
|
|
38
|
-
contentBackgroundColor?: string;
|
|
39
37
|
thumbnailVisibility: 'on' | 'off';
|
|
40
38
|
thumbnailObjectFit: {
|
|
41
39
|
display: 'Fit' | 'Cover';
|
|
@@ -48,9 +46,11 @@ export type LightboxStripSettings = {
|
|
|
48
46
|
thumbnailGap: number;
|
|
49
47
|
thumbnailMarginBottom?: number;
|
|
50
48
|
imageGap?: number;
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
49
|
+
title1Width: number;
|
|
50
|
+
title2Width: number;
|
|
51
|
+
title3Width: number;
|
|
52
|
+
title2MarginLeft: number;
|
|
53
|
+
title3MarginLeft: number;
|
|
54
54
|
title1Color: string;
|
|
55
55
|
title2Color: string;
|
|
56
56
|
title3Color: string;
|
|
@@ -88,7 +88,6 @@ export type LightboxStripSettings = {
|
|
|
88
88
|
title3TextAlign?: 'left' | 'center' | 'right' | 'justify';
|
|
89
89
|
title3TextAppearance?: TextStyles['textAppearance'];
|
|
90
90
|
contentMarginTop: number;
|
|
91
|
-
contentMarginBottom: number;
|
|
92
91
|
contentMarginLeft: number;
|
|
93
92
|
contentMarginRight: number;
|
|
94
93
|
closeIcon: string | null;
|
|
@@ -104,6 +103,8 @@ export declare function getStripTextStyleSettingKey(prefix: StripTextStylePrefix
|
|
|
104
103
|
export declare const STRIP_TEXT_STYLE_TAB_LABELS: Record<StripTextStylePrefix, string>;
|
|
105
104
|
export declare function createStripTextStyleTabContentItems(prefix: StripTextStylePrefix): LayoutItem[];
|
|
106
105
|
export declare function createStripTextStylePanelTab(): LayoutTab;
|
|
106
|
+
export declare const STRIP_TITLE_WIDTH_KEYS: readonly ["title1Width", "title2Width", "title3Width"];
|
|
107
|
+
export type StripTitleWidthKey = typeof STRIP_TITLE_WIDTH_KEYS[number];
|
|
107
108
|
type LightboxStripProps = {
|
|
108
109
|
settings: LightboxStripSettings;
|
|
109
110
|
content?: LightboxStripItem[];
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
type AnimateScrollLeftOptions = {
|
|
2
|
+
duration: number;
|
|
3
|
+
ease: (progress: number) => number;
|
|
4
|
+
onFrame?: () => void;
|
|
5
|
+
onComplete?: () => void;
|
|
6
|
+
};
|
|
7
|
+
export declare const animateScrollLeft: (element: HTMLElement, targetLeft: number, { duration, ease, onFrame, onComplete }: AnimateScrollLeftOptions) => (() => void);
|
|
8
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const cubicBezierEasing: (x1: number, y1: number, x2: number, y2: number) => (progress: number) => number;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const useLightboxScrollLock: () => void;
|