@cntrl-site/components 1.0.12-alpha.25 → 1.0.12-alpha.27

package/dist/Components/Form/Form.d.ts

@@ -5,10 +5,11 @@ type FormProps = {
     content?: unknown;
     isEditor?: boolean;
     isEditMode?: boolean;
+    isPreviewMode?: boolean;
     activeEvent: string | undefined;
     onUpdateSettings?: (settings: FormSettings) => void;
 } & CommonComponentProps;
-export declare function Form({ settings, isEditor, isEditMode, metadata, activeEvent }: FormProps): import("react/jsx-runtime").JSX.Element;
+export declare function Form({ settings, isEditor, isEditMode, isPreviewMode, metadata, activeEvent }: FormProps): import("react/jsx-runtime").JSX.Element;
 export type FormFieldType = 'text' | 'textarea' | 'phone' | 'email';
 export type FormFieldItem = {
     name: string;

package/dist/Components/Form/FormComponent.d.ts

@@ -518,14 +518,14 @@ export declare const FormComponent: {
                 fieldsToShow: number;
                 fields: ({
                     name: string;
-                    type: "email";
+                    type: "text";
                     placeholder: string;
                     label: string;
                     isRequired: boolean;
                     error: string;
                 } | {
                     name: string;
-                    type: "text";
+                    type: "email";
                     placeholder: string;
                     label: string;
                     isRequired: boolean;

package/dist/Components/Grid/Grid.d.ts

@@ -19,21 +19,26 @@ type GridLayoutConfig = {
     lockedParam?: 'wrapperWidth' | 'entryWidth' | 'horizontalGap' | null;
 };
 type GridSettings = {
-    type: 'A' | 'B';
+    type: 'a' | 'b' | 'c';
     gridLayout: GridLayoutConfig;
     textBoxWidth: number;
     verticalGap: number;
     entriesCount: number;
-    lightbox: 'On' | 'Off';
+    lightbox: 'on' | 'off';
     imageDisplay: {
-        display: 'Fit' | 'Cover';
+        display: 'fit' | 'cover';
         ratioValue: '1:1' | '2:3' | '3:4' | '4:5' | '16:9';
         reversed: boolean;
     };
-    slider: 'On' | 'Off';
+    lightboxImageDisplay?: 'fit' | 'cover' | {
+        display?: 'fit' | 'cover';
+    };
+    slider: 'on' | 'off';
     sliderTiming: number;
-    direction: 'Horizontal' | 'Vertical' | 'Random';
-    transition: 'Fade' | 'Slide';
+    direction: 'horizontal' | 'vertical' | 'random';
+    transition: 'fade' | 'slide';
+    showText: 'always' | 'on hover';
+    alignEntries: 'on' | 'off';
     titleMarginTop: number;
     subtitleMarginTop: number;
     titleColor: string;

package/dist/Components/LightboxJournal/LightboxJournal.d.ts

@@ -31,12 +31,15 @@ type LightboxJournalProps = {
 export declare const LightboxJournal: ({ settings, content, isEditor, isEditMode, isPreviewMode, portalId }: LightboxJournalProps) => import("react/jsx-runtime").JSX.Element;
 export type LightboxJournalSettings = {
     cover: string | null;
-    coverFit: 'cover' | 'fit';
+    coverFit: {
+        display: 'Fit' | 'Cover';
+        ratioValue: '1:1' | '2:3' | '3:4' | '4:5' | '16:9';
+        reversed: boolean;
+    };
     type: 'A' | 'B';
     maxWidth: number;
     maxHeight: number;
     backgroundColor: string;
-    objectFit: 'cover' | 'fit';
     imageGap?: number;
     textMaxWidth: number;
     textTransition: 'none' | 'fade';

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

@@ -28,12 +28,20 @@ export declare function extractTitlesFromLegacyText(text: LightboxStripLegacyIte
 export declare function resolveSharedStripTitles(items: LightboxStripLegacyItem[]): SharedStripTitles;
 export type LightboxStripSettings = {
     cover: string | null;
-    coverFit: 'cover' | 'fit';
+    coverFit: {
+        display: 'Fit' | 'Cover';
+        ratioValue: '1:1' | '2:3' | '3:4' | '4:5' | '16:9';
+        reversed: boolean;
+    };
     type: 'A' | 'B';
     backgroundColor: string;
     contentBackgroundColor?: string;
     thumbnailVisibility: 'on' | 'off';
-    thumbnailObjectFit: 'cover' | 'contain';
+    thumbnailObjectFit: {
+        display: 'Fit' | 'Cover';
+        ratioValue: '1:1' | '2:3' | '3:4' | '4:5' | '16:9';
+        reversed: boolean;
+    };
     thumbnailTrigger: 'click' | 'hover';
     thumbnailActive: 'invert' | 'grayscale' | 'scale-up' | 'opacity';
     thumbnailGap: number;

package/dist/Components/List/List.d.ts

@@ -65,11 +65,11 @@ type ListColumnTextStyleOverrides = {
 export type ListColumnVerticalAlignKey = `${ListColumnPrefix}VerticalAlign`;
 export type ListSettings = {
     columns: number;
-    type: 'A' | 'B';
+    type: 'a' | 'b';
     wrapperWidth: number;
     entriesCount: number;
     cellMinHeight: number;
-    imageOnHover: 'On' | 'Off';
+    imageOnHover: 'on' | 'off';
     imageSize?: {
         min: number;
         max: number;
@@ -80,7 +80,8 @@ export type ListSettings = {
     showCut: number;
     cutCellMinHeight: number;
     cutLabel: string;
-    entryHoverEffect: 'None' | 'Default' | 'Blinds';
+    entryHoverEffect: 'none' | 'default' | 'blinds' | 'reveal';
+    entryHoverShowOption: 'always' | 'link only';
     rowPaddingTop: number;
     rowPaddingBottom: number;
     rowPaddingTopB: number;
@@ -113,17 +114,19 @@ export type ListSettings = {
     backgroundHoverColor: string;
     dividerHoverColor: string;
 } & ListColumnTextStyleOverrides;
+type ListMedia = {
+    objectFit?: 'cover' | 'contain';
+    url: string;
+    name: string;
+    type?: 'image' | 'video';
+};
 type ListContentItem = {
     AColumn?: string;
     BColumnWidth?: string;
     CColumnWidth?: string;
     DColumnWidth?: string;
     EColumnWidth?: string;
-    image?: {
-        objectFit?: 'cover' | 'contain';
-        url: string;
-        name: string;
-    };
+    image?: ListMedia;
     link?: string;
 };
 type ListProps = {
@@ -144,6 +147,7 @@ export type ListTextStylePrefix = typeof LIST_TEXT_STYLE_PREFIXES[number];
 export declare const LIST_COLUMN_LETTERS: readonly ["A", "B", "C", "D", "E"];
 export declare function getListColumnVerticalAlignSettingKey(columnLetter: string): string;
 export declare const COLUMN_VALIGN_BASIC_OPTIONS: readonly ["Top", "Center", "Bottom"];
+export declare function normalizeListColumnVerticalAlign(value: string | undefined): string;
 export declare function isBaselineAnchorColumnVerticalAlign(value: string | undefined): boolean;
 export declare function parseBaselineAnchorLetter(value: string | undefined): string | null;
 export declare function isValidColumnBaselineVAlign(value: string | undefined, forColumnLetter: string, settings: ListSettings): boolean;
@@ -165,6 +169,7 @@ export declare function resolveListColumnPadding(columnWidth: number, paddingLef
 };
 export declare function getEffectiveListColumnWidths(columns: number, wrapperWidth: number, storedWidths: Record<ColumnWidthKey, number>): number[];
 export declare function resolveListColumnWidths(columns: number, wrapperWidth: number, storedWidths: Record<ColumnWidthKey, number>): number[];
+export declare function applyListColumnCountChange(nextSettings: ListSettings, prevSettings: ListSettings): ListSettings;
 export declare function applyListSettingsChange(nextSettings: ListSettings, prevSettings: ListSettings, options?: {
     designWidth?: number;
 }): ListSettings;

package/dist/Components/List/ListComponent.d.ts

@@ -1,4 +1,4 @@
-import { List } from './List';
+import { List, ListSettings } from './List';
 import { ComponentSchemaV1 } from '../../types/SchemaV1';
 export declare const ListComponent: {
     element: typeof List;
@@ -6,6 +6,7 @@ export declare const ListComponent: {
     name: string;
     category: string;
     layoutMode: "structured";
+    normalizeLayoutSettingsUpdate: (nextSettings: Record<string, any>, prevSettings: Record<string, any>) => ListSettings;
     preview: {
         type: "image";
         url: string;

package/dist/Components/OnelinerForm/OnelinerForm.d.ts

@@ -4,9 +4,10 @@ type OnelinerFormProps = {
     settings: OnelinerFormSettings;
     content?: unknown;
     isEditor?: boolean;
+    isPreviewMode?: boolean;
     activeEvent?: string;
 } & CommonComponentProps;
-export declare const OnelinerForm: ({ settings, isEditor, metadata, activeEvent }: OnelinerFormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const OnelinerForm: ({ settings, isEditor, isPreviewMode, metadata, activeEvent }: OnelinerFormProps) => import("react/jsx-runtime").JSX.Element;
 type FieldConfig = {
     name: string;
     type: 'text' | 'phone' | 'email';

package/dist/Components/OnelinerForm/OnelinerFormComponent.d.ts

@@ -1,8 +1,9 @@
 export declare const OnelinerFormComponent: {
-    element: ({ settings, isEditor, metadata, activeEvent }: {
+    element: ({ settings, isEditor, isPreviewMode, metadata, activeEvent }: {
         settings: import('./OnelinerForm').OnelinerFormSettings;
         content?: unknown;
         isEditor?: boolean;
+        isPreviewMode?: boolean;
         activeEvent?: string;
     } & import('../props').CommonComponentProps) => import("react/jsx-runtime").JSX.Element;
     id: string;

package/dist/Components/TestimonialGrid/TestimonialGrid.d.ts

@@ -23,7 +23,6 @@ type Padding = {
     left: number;
 };
 type TestimonialsSettings = {
-    autoplay: 'on' | 'off';
     speed: number;
     align: 'start' | 'center' | 'end';
     direction: 'left' | 'right';

package/dist/Components/TestimonialGrid/TestimonialGridComponent.d.ts

@@ -2,7 +2,6 @@ import { ComponentSchemaV1 } from '../../types/SchemaV1';
 export declare const TestimonialGridComponent: {
     element: ({ settings, content, isEditor, isPreviewMode, isEditMode }: {
         settings: {
-            autoplay: "on" | "off";
             speed: number;
             align: "start" | "center" | "end";
             direction: "left" | "right";

package/dist/Components/TestimonialSingle/TestimonialSingle.d.ts

@@ -17,8 +17,7 @@ export type TestimonialsItem = {
     caption?: any[];
 };
 type TestimonialsSettings = {
-    autoplay: 'on' | 'off';
-    delay: number;
+    speed: number;
     align: 'start' | 'center' | 'end';
     width: number;
     imageMarginTop?: number;

package/dist/Components/TestimonialSingle/TestimonialSingleComponent.d.ts

@@ -2,8 +2,7 @@ import { ComponentSchemaV1 } from '../../types/SchemaV1';
 export declare const TestimonialSingleComponent: {
     element: ({ settings, content, isEditor, isPreviewMode, isEditMode }: {
         settings: {
-            autoplay: "on" | "off";
-            delay: number;
+            speed: number;
             align: "start" | "center" | "end";
             width: number;
             imageMarginTop?: number;

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

@@ -0,0 +1,7 @@
+export type ImageRatioFit = {
+    display: 'Fit' | 'Cover';
+    ratioValue: '1:1' | '2:3' | '3:4' | '4:5' | '16:9';
+    reversed: boolean;
+};
+export declare const isImageRatioCover: (fit: ImageRatioFit) => boolean;
+export declare const getAspectRatio: (fit: ImageRatioFit) => string;

package/dist/index.d.ts

@@ -1,3 +1,3 @@
-export { type Component, isSchemaV1 } from './types/Component';
+export { type Breakpoint, type Component, type ComponentDefaultSize, type ComponentSize, isSchemaV1 } from './types/Component';
 export type { ComponentSchemaV1, SchemaProperty, PropertyScope, LayoutItem, LayoutRow, LayoutGroup, LayoutSwitcher, LayoutTab, SchemaSection, SchemaPanel, SchemaDisplay } from './types/SchemaV1';
 export { components } from './Components/components';