@cntrl-site/components 1.0.12-alpha.3 → 1.0.12-alpha.30

package/dist/Components/Marquee/Marquee.d.ts

@@ -1,5 +1,5 @@
 import { CommonComponentProps } from '../props';
-export declare const Marquee: ({ settings, content, isEditor, isPreviewMode }: MarqueeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Marquee: ({ settings, content, isEditor, isPreviewMode, isEditMode }: MarqueeProps) => import("react/jsx-runtime").JSX.Element;
 export type MarqueeItem = {
     image?: {
         url?: string;
@@ -11,16 +11,21 @@ export type MarqueeSettings = {
     speed: number;
     direction: 'left' | 'right';
     pauseOnHover: 'on' | 'off';
-    hoverEffect: 'off' | 'brightness' | 'grayscale' | 'saturate' | 'randomize';
+    hoverEffect: 'off' | 'brightness' | 'grayscale' | 'randomize';
     gap: number;
     imageMaxWidth: number;
     imageMaxHeight: number;
-    imageFit: 'cover' | 'contain';
+    imageFit: {
+        display: 'Fit' | 'Cover';
+        ratioValue: '1:1' | '2:3' | '3:4' | '4:5' | '16:9';
+        reversed: boolean;
+    };
 };
 type MarqueeProps = {
     settings: MarqueeSettings;
     content?: MarqueeItem[];
     isEditor?: boolean;
     isPreviewMode?: boolean;
+    isEditMode?: boolean;
 } & CommonComponentProps;
 export {};

package/dist/Components/Marquee/MarqueeComponent.d.ts

@@ -1,10 +1,11 @@
 import { ComponentSchemaV1 } from '../../types/SchemaV1';
 export declare const MarqueeComponent: {
-    element: ({ settings, content, isEditor, isPreviewMode }: {
+    element: ({ settings, content, isEditor, isPreviewMode, isEditMode }: {
         settings: import('./Marquee').MarqueeSettings;
         content?: import('./Marquee').MarqueeItem[];
         isEditor?: boolean;
         isPreviewMode?: boolean;
+        isEditMode?: boolean;
     } & import('../props').CommonComponentProps) => import("react/jsx-runtime").JSX.Element;
     id: string;
     name: 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

@@ -4,8 +4,9 @@ type TestimonialsProps = {
     content?: TestimonialsItem[];
     isEditor?: boolean;
     isPreviewMode?: boolean;
+    isEditMode?: boolean;
 } & CommonComponentProps;
-export declare const TestimonialGrid: ({ settings, content, isEditor, isPreviewMode }: TestimonialsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TestimonialGrid: ({ settings, content, isEditor, isPreviewMode, isEditMode }: TestimonialsProps) => import("react/jsx-runtime").JSX.Element;
 export type TestimonialsItem = {
     logo?: {
         url?: string;
@@ -22,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

@@ -1,8 +1,7 @@
 import { ComponentSchemaV1 } from '../../types/SchemaV1';
 export declare const TestimonialGridComponent: {
-    element: ({ settings, content, isEditor, isPreviewMode }: {
+    element: ({ settings, content, isEditor, isPreviewMode, isEditMode }: {
         settings: {
-            autoplay: "on" | "off";
             speed: number;
             align: "start" | "center" | "end";
             direction: "left" | "right";
@@ -27,6 +26,7 @@ export declare const TestimonialGridComponent: {
         content?: import('./TestimonialGrid').TestimonialsItem[];
         isEditor?: boolean;
         isPreviewMode?: boolean;
+        isEditMode?: boolean;
     } & import('../props').CommonComponentProps) => import("react/jsx-runtime").JSX.Element;
     id: string;
     name: string;

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

@@ -4,8 +4,9 @@ type TestimonialsProps = {
     content?: TestimonialsItem[];
     isEditor?: boolean;
     isPreviewMode?: boolean;
+    isEditMode?: boolean;
 } & CommonComponentProps;
-export declare const TestimonialSingle: ({ settings, content, isEditor, isPreviewMode }: TestimonialsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TestimonialSingle: ({ settings, content, isEditor, isPreviewMode, isEditMode }: TestimonialsProps) => import("react/jsx-runtime").JSX.Element;
 export type TestimonialsItem = {
     image?: {
         url?: string;
@@ -16,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

@@ -1,9 +1,8 @@
 import { ComponentSchemaV1 } from '../../types/SchemaV1';
 export declare const TestimonialSingleComponent: {
-    element: ({ settings, content, isEditor, isPreviewMode }: {
+    element: ({ settings, content, isEditor, isPreviewMode, isEditMode }: {
         settings: {
-            autoplay: "on" | "off";
-            delay: number;
+            speed: number;
             align: "start" | "center" | "end";
             width: number;
             imageMarginTop?: number;
@@ -22,6 +21,7 @@ export declare const TestimonialSingleComponent: {
         content?: import('./TestimonialSingle').TestimonialsItem[];
         isEditor?: boolean;
         isPreviewMode?: boolean;
+        isEditMode?: boolean;
     } & import('../props').CommonComponentProps) => import("react/jsx-runtime").JSX.Element;
     id: string;
     name: string;

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/Components/utils/textStylesToCss.d.ts

@@ -14,6 +14,7 @@ export type TextStyles = {
         textDecoration?: string;
         fontVariant?: string;
     };
+    textAlign?: 'left' | 'center' | 'right' | 'justify';
     color: string;
 };
 export declare const normalizeFontFamilyCssValue: (fontFamily?: string) => string | undefined;

package/dist/index.d.ts

@@ -1,3 +1,3 @@
-export { type Component, isSchemaV1 } from './types/Component';
-export type { ComponentSchemaV1, SchemaProperty, PropertyScope, LayoutItem, LayoutRow, LayoutGroup, LayoutSwitcher, SchemaSection, SchemaPanel, SchemaDisplay } from './types/SchemaV1';
+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';