@cntrl-site/components 1.0.21 → 1.0.23

package/dist/Components/LightboxStrip/LightboxStrip.d.ts

@@ -1,7 +1,7 @@
 import { CommonComponentProps } from '../props';
 import { ImageRatioFit } from '../utils/imageFitStyles';
 import { TextStyles } from '../utils/textStylesToCss';
-export { createStripTextStylePanelTab, createStripTextStyleTabContentItems, extractTitlesFromLegacyText, getStripTextStyleSettingKey, resolveSharedStripTitles, STRIP_GLOBAL_TEXT_STYLE_KEYS, STRIP_TEXT_STYLE_PREFIXES, STRIP_TEXT_STYLE_TAB_LABELS, STRIP_TITLE_WIDTH_KEYS, } from './utils';
+export { createStripTextStylePanelTab, createStripTextStyleTabContentItems, extractTitlesFromLegacyText, getStripTextStyleSettingKey, resolveStripItemTitles, STRIP_GLOBAL_TEXT_STYLE_KEYS, STRIP_TEXT_STYLE_PREFIXES, STRIP_TEXT_STYLE_TAB_LABELS, STRIP_TITLE_WIDTH_KEYS, } from './utils';
 export type { StripGlobalTextStyleKey, StripTextStylePrefix, StripTitleWidthKey, } from './utils';
 export type LightboxStripItem = {
     image: {
@@ -13,16 +13,12 @@ export type LightboxStripItem = {
     title2?: string;
     title3?: string;
 };
-export type SharedStripTitles = {
-    title1: string;
-    title2: string;
-    title3: string;
-};
 export type LightboxStripSettings = {
     cover: string | null;
     coverFit: ImageRatioFit;
     backgroundColor: string;
     thumbnailVisibility: 'on' | 'off';
+    thumbnailSize: number;
     thumbnailObjectFit: ImageRatioFit;
     thumbnailTrigger: 'click' | 'hover';
     thumbnailActive: 'outline' | 'color' | 'scale-up';

package/dist/Components/LightboxStrip/utils.d.ts

@@ -1,18 +1,23 @@
 import { CSSProperties } from 'react';
 import { TextStyles } from '../utils/textStylesToCss';
 import { LayoutItem, LayoutTab } from '../../types/SchemaV1';
-import { LightboxStripItem, LightboxStripSettings, SharedStripTitles } from './LightboxStrip';
+import { LightboxStripItem, LightboxStripSettings } from './LightboxStrip';
+export type StripItemTitles = {
+    title1: string;
+    title2: string;
+    title3: string;
+};
 export declare const LIGHTBOX_ANIM_MS = 300;
 export declare const SNAP_SCROLL_MIN_MS = 900;
 export declare const SNAP_SCROLL_MAX_MS = 1500;
 export declare const SNAP_SCROLL_EASING = "cubic-bezier(0.16, 1, 0.3, 1)";
 export declare const CONTROLS_IDLE_MS = 3000;
-export declare const THUMB_MAX_SIZE_PX = 50;
 export declare const WHEEL_SPEED = 2;
 export declare const WHEEL_LINE_HEIGHT_PX = 16;
 export declare const WHEEL_LERP = 0.05;
 export declare const MOUSE_DRAG_THRESHOLD_PX = 1;
-export declare const DRAG_SNAP_RATIO = 0.5;
+export declare const DRAG_SNAP_RATIO = 0.3;
+export declare const STRIP_SWIPE_MIN_PX = 50;
 export declare const GAP_LABEL_AREA_PX = 20;
 export declare const TITLE_RESIZE_HANDLE_WIDTH = 0.004;
 export declare const STRIP_TEXT_STYLE_PREFIXES: readonly ["title1", "title2", "title3"];
@@ -53,8 +58,8 @@ export type StripTitleSlot = {
     text: string;
 };
 export declare const getGapControlSize: (gap: string) => string;
-export declare const extractTitlesFromLegacyText: (text: LightboxStripLegacyItem["text"]) => Partial<SharedStripTitles>;
-export declare const resolveSharedStripTitles: (items: LightboxStripLegacyItem[]) => SharedStripTitles;
+export declare const extractTitlesFromLegacyText: (text: LightboxStripLegacyItem["text"]) => Partial<StripItemTitles>;
+export declare const resolveStripItemTitles: (item?: LightboxStripLegacyItem | null) => StripItemTitles;
 export declare const getStripTextStyleSettingKey: (prefix: StripTextStylePrefix, globalKey: StripGlobalTextStyleKey) => string;
 export declare const createStripTextStyleTabContentItems: (prefix: StripTextStylePrefix) => LayoutItem[];
 export declare const createStripTextStylePanelTab: () => LayoutTab;