@cntrl-site/components 1.0.12-alpha.0 → 1.0.12-alpha.10

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2025 GX Platform
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2025 GX Platform
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,3 @@
-# Control Components
-
+# Control Components
+
 This is custom components for control editor and public websites.

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

@@ -6,10 +6,11 @@ type GridProps = {
     content?: any;
     isEditor?: boolean;
     isPreviewMode?: boolean;
+    isEditMode?: boolean;
     activeEvent: string | undefined;
     onUpdateSettings?: (settings: GridSettings) => void;
 } & CommonComponentProps;
-export declare function Grid({ settings, content, isEditor, isPreviewMode, metadata, activeEvent, layoutId }: GridProps): import("react/jsx-runtime").JSX.Element;
+export declare function Grid({ settings, content, isEditor, isPreviewMode, isEditMode, metadata, activeEvent, layoutId }: GridProps): import("react/jsx-runtime").JSX.Element;
 type GridLayoutConfig = {
     entryWidth: number;
     horizontalGap: number;
@@ -37,6 +38,7 @@ type GridSettings = {
     subtitleMarginTop: number;
     titleColor: string;
     subtitleColor: string;
+    lightboxCounterColor: string;
     titleFontFamily: string;
     titleFontSettings?: {
         fontWeight: number;
@@ -57,5 +59,15 @@ type GridSettings = {
     subtitleLetterSpacing?: number;
     subtitleWordSpacing?: number;
     subtitleTextAppearance?: TextStyles['textAppearance'];
+    lightboxCounterFontFamily: string;
+    lightboxCounterFontSettings?: {
+        fontWeight: number;
+        fontStyle: string;
+    };
+    lightboxCounterFontSize?: number;
+    lightboxCounterLineHeight?: number;
+    lightboxCounterLetterSpacing?: number;
+    lightboxCounterWordSpacing?: number;
+    lightboxCounterTextAppearance?: TextStyles['textAppearance'];
 };
 export {};

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

@@ -1,18 +1,5 @@
 import { Grid } from './Grid';
 import { ComponentSchemaV1 } from '../../types/SchemaV1';
-type GridSchema = ComponentSchemaV1 & {
-    properties: {
-        content: {
-            type: 'array';
-            settings?: {
-                addItemFromFileExplorer?: boolean;
-                addItemWithoutImage?: boolean;
-            };
-            items: any;
-            default: any[];
-        };
-    };
-};
 export declare const GridComponent: {
     element: typeof Grid;
     id: string;
@@ -37,7 +24,6 @@ export declare const GridComponent: {
         }[];
         parameters: never[];
     };
-    schema: GridSchema;
+    schema: ComponentSchemaV1;
     sourceCode: string;
 };
-export {};

package/dist/Components/Lightbox/Lightbox.d.ts

@@ -7,8 +7,9 @@ type LightboxGalleryProps = {
     portalId: string;
     activeEvent: 'close' | 'open';
     isEditor?: boolean;
+    isPreviewMode?: boolean;
 };
-export declare const LightboxGallery: ({ settings, content, styles, portalId, activeEvent, isEditor }: LightboxGalleryProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LightboxGallery: ({ settings, content, styles, portalId, activeEvent, isEditor, isPreviewMode }: LightboxGalleryProps) => import("react/jsx-runtime").JSX.Element;
 type LightboxImage = {
     image: {
         url: string;

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

@@ -1,5 +1,6 @@
 import { CommonComponentProps } from '../props';
 import { TextStyles } from '../utils/textStylesToCss';
+import { LayoutItem, LayoutTab } from '../../types/SchemaV1';
 type ListFontSettings = {
     fontWeight: number;
     fontStyle: string;
@@ -13,6 +14,7 @@ type ListColumnTextStyleOverrides = {
     AColumnTextLineHeight?: number;
     AColumnTextLetterSpacing?: number;
     AColumnTextWordSpacing?: number;
+    AColumnTextTextAlign?: 'left' | 'center' | 'right' | 'justify';
     AColumnTextTextAppearance?: TextStyles['textAppearance'];
     BColumnVerticalAlign?: string;
     BColumnTextFontFamily?: string;
@@ -21,6 +23,7 @@ type ListColumnTextStyleOverrides = {
     BColumnTextLineHeight?: number;
     BColumnTextLetterSpacing?: number;
     BColumnTextWordSpacing?: number;
+    BColumnTextTextAlign?: 'left' | 'center' | 'right' | 'justify';
     BColumnTextTextAppearance?: TextStyles['textAppearance'];
     CColumnVerticalAlign?: string;
     CColumnTextFontFamily?: string;
@@ -29,6 +32,7 @@ type ListColumnTextStyleOverrides = {
     CColumnTextLineHeight?: number;
     CColumnTextLetterSpacing?: number;
     CColumnTextWordSpacing?: number;
+    CColumnTextTextAlign?: 'left' | 'center' | 'right' | 'justify';
     CColumnTextTextAppearance?: TextStyles['textAppearance'];
     DColumnVerticalAlign?: string;
     DColumnTextFontFamily?: string;
@@ -37,6 +41,7 @@ type ListColumnTextStyleOverrides = {
     DColumnTextLineHeight?: number;
     DColumnTextLetterSpacing?: number;
     DColumnTextWordSpacing?: number;
+    DColumnTextTextAlign?: 'left' | 'center' | 'right' | 'justify';
     DColumnTextTextAppearance?: TextStyles['textAppearance'];
     EColumnVerticalAlign?: string;
     EColumnTextFontFamily?: string;
@@ -45,7 +50,17 @@ type ListColumnTextStyleOverrides = {
     EColumnTextLineHeight?: number;
     EColumnTextLetterSpacing?: number;
     EColumnTextWordSpacing?: number;
+    EColumnTextTextAlign?: 'left' | 'center' | 'right' | 'justify';
     EColumnTextTextAppearance?: TextStyles['textAppearance'];
+    cutLabelTextFontFamily?: string;
+    cutLabelTextFontSettings?: ListFontSettings;
+    cutLabelTextFontSize?: number;
+    cutLabelTextLineHeight?: number;
+    cutLabelTextLetterSpacing?: number;
+    cutLabelTextWordSpacing?: number;
+    cutLabelTextTextAlign?: 'left' | 'center' | 'right' | 'justify';
+    cutLabelTextTextAppearance?: TextStyles['textAppearance'];
+    cutLabelVerticalAlign?: string;
 };
 export type ListColumnVerticalAlignKey = `${ListColumnPrefix}VerticalAlign`;
 export type ListSettings = {
@@ -92,13 +107,6 @@ export type ListSettings = {
     columnsOrder?: string[];
     textPaddingLR?: number;
     textColor: string;
-    textFontFamily: string;
-    textFontSettings?: ListFontSettings;
-    textFontSize?: number;
-    textLineHeight?: number;
-    textLetterSpacing?: number;
-    textWordSpacing?: number;
-    textTextAppearance?: TextStyles['textAppearance'];
     backgroundColor: string;
     dividerColor: string;
     textHoverColor: string;
@@ -124,21 +132,28 @@ type ListProps = {
     content?: ListContentItem[];
     isEditor?: boolean;
     isPreviewMode?: boolean;
+    isEditMode?: boolean;
     activeEvent: string | undefined;
     onUpdateSettings?: (settings: ListSettings) => void;
 } & CommonComponentProps;
 export declare const COLUMN_CONTENT_KEYS: readonly ["AColumn", "BColumnWidth", "CColumnWidth", "DColumnWidth", "EColumnWidth"];
 export declare const COLUMN_TEXT_PREFIXES: readonly ["AColumn", "BColumn", "CColumn", "DColumn", "EColumn"];
+export declare const CUT_LABEL_TEXT_PREFIX: "cutLabel";
+export declare const LIST_TEXT_STYLE_PREFIXES: readonly ["AColumn", "BColumn", "CColumn", "DColumn", "EColumn", "cutLabel"];
+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 isTopColumnVerticalAlign(value: string | undefined): boolean;
+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;
 export declare function getColumnVerticalAlignOptionsForLetter(columnLetter: string, settings: ListSettings): string[];
-export declare const LIST_GLOBAL_TEXT_STYLE_KEYS: readonly ["textFontFamily", "textFontSettings", "textFontSize", "textLineHeight", "textLetterSpacing", "textWordSpacing", "textTextAppearance"];
+export declare const LIST_GLOBAL_TEXT_STYLE_KEYS: readonly ["textFontFamily", "textFontSettings", "textFontSize", "textLineHeight", "textLetterSpacing", "textWordSpacing", "textTextAlign", "textTextAppearance"];
 export type ListGlobalTextStyleKey = typeof LIST_GLOBAL_TEXT_STYLE_KEYS[number];
-export declare function getListColumnTextSettingKey(prefix: typeof COLUMN_TEXT_PREFIXES[number], globalKey: ListGlobalTextStyleKey): string;
+export declare function getListColumnTextSettingKey(prefix: ListTextStylePrefix, globalKey: ListGlobalTextStyleKey): string;
+export declare const LIST_TEXT_STYLE_TAB_LABELS: Record<ListTextStylePrefix, string>;
+export declare function createListTextStyleTabContentItems(prefix: ListTextStylePrefix): LayoutItem[];
+export declare function createListTextStylePanelTab(): LayoutTab;
 declare const COLUMN_WIDTH_KEYS: readonly ["AColumnWidth", "BColumnWidth", "CColumnWidth", "DColumnWidth", "EColumnWidth"];
 type ColumnWidthKey = typeof COLUMN_WIDTH_KEYS[number];
 export declare function getListMinColumnWidth(designWidthPx?: number): number;
@@ -153,5 +168,5 @@ export declare function resolveListColumnWidths(columns: number, wrapperWidth: n
 export declare function applyListSettingsChange(nextSettings: ListSettings, prevSettings: ListSettings, options?: {
     designWidth?: number;
 }): ListSettings;
-export declare function List({ settings, content, isEditor, isPreviewMode, activeEvent, layoutId, onUpdateSettings }: ListProps): import("react/jsx-runtime").JSX.Element;
+export declare function List({ settings, content, isEditor, isPreviewMode, isEditMode, activeEvent, layoutId, onUpdateSettings }: ListProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,18 +1,5 @@
 import { List } from './List';
 import { ComponentSchemaV1 } from '../../types/SchemaV1';
-type GridSchema = ComponentSchemaV1 & {
-    properties: {
-        content: {
-            type: 'array';
-            settings?: {
-                addItemFromFileExplorer?: boolean;
-                addItemWithoutImage?: boolean;
-            };
-            items: any;
-            default: any[];
-        };
-    };
-};
 export declare const ListComponent: {
     element: typeof List;
     id: string;
@@ -37,7 +24,6 @@ export declare const ListComponent: {
         }[];
         parameters: never[];
     };
-    schema: GridSchema;
+    schema: ComponentSchemaV1;
     sourceCode: string;
 };
-export {};

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/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;

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

@@ -1,6 +1,6 @@
 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;
@@ -27,6 +27,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;

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

@@ -1,6 +1,6 @@
 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;
@@ -22,6 +22,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/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 { ComponentSchemaV1, SchemaProperty, PropertyScope, LayoutItem, LayoutRow, LayoutGroup, LayoutSwitcher, LayoutTab, SchemaSection, SchemaPanel, SchemaDisplay } from './types/SchemaV1';
 export { components } from './Components/components';