@sc-360-v2/storefront-cms-library 0.0.3 → 0.0.5

package/dist/types/builder/index.d.ts

@@ -0,0 +1,18 @@
+import commonFunctions from "./utilities/global";
+import * as interfaces from "./interfaces/global";
+import * as enums from "./enums/index";
+import * as sectionSchema from "./elements/section/index";
+import * as gridSchema from "./elements/grid/index";
+import * as imageSchema from "./elements/image/index";
+import * as cmsTypes from "../global/types";
+import * as ElementEditSchema from "./tools/element-edit/index";
+import * as textSchema from "./elements/text-editor/index";
+import * as videoSChema from "./elements/video/index";
+import * as tableSchema from "./elements/table/index";
+import * as buttonSchema from "./elements/button/index";
+import * as gallerySliderSchema from "./elements/gallery-slider/index";
+import * as tabSchema from "./elements/tab/index";
+import * as socialIconsSchema from "./elements/social/index";
+import * as faqSchema from "./elements/faq/index";
+import * as codeSchema from "./elements/code/index";
+export { commonFunctions, interfaces, enums, sectionSchema, gridSchema, cmsTypes, textSchema, ElementEditSchema, imageSchema, videoSChema, socialIconsSchema, buttonSchema, gallerySliderSchema, tabSchema, tableSchema, faqSchema, codeSchema, };

package/dist/types/builder/interfaces/cms-tools.d.ts

@@ -0,0 +1,4 @@
+export interface CMSPlayground {
+    id: string | number;
+    name: string;
+}

package/dist/types/builder/interfaces/global.d.ts

@@ -0,0 +1,75 @@
+import { CMSElementEditTypes } from "../enums";
+import "./cms-tools";
+export interface FontSizeValues {
+    px: number[];
+    rem: number[];
+}
+export interface DefaultFontSizes {
+    fontSize: FontSizeValues | any;
+    lineHeight: FontSizeValues | any;
+}
+export interface UtilsInterface {
+    defaultFontSizes: DefaultFontSizes;
+}
+export interface CSSUnitOption {
+    id: number;
+    label: string;
+    value: number;
+}
+export interface SizeInterface {
+    inline?: number | 0;
+    block?: number | 0;
+}
+export interface CMSInsetInterface {
+    top?: string | number;
+    right?: string | number;
+    bottom?: string | number;
+    left?: string | number;
+}
+export interface CMSIBCommonInterface {
+    value?: string | any;
+    property?: string | boolean | any;
+    propertyType?: CMSElementEditTypes | string | any;
+    isReadOnly?: boolean;
+}
+export interface CMSIBSizeInterface extends CMSIBCommonInterface {
+    unit?: number | string;
+}
+export interface PaddingProps {
+    value: number;
+    unit: number;
+}
+export interface PaddingSides {
+    top: PaddingProps;
+    right: PaddingProps;
+    bottom: PaddingProps;
+    left: PaddingProps;
+}
+export interface BorderSides {
+    topLeft: PaddingProps;
+    topRight: PaddingProps;
+    bottomLeft: PaddingProps;
+    bottomRight: PaddingProps;
+}
+export interface CSSPaddingValues {
+    isAll: boolean;
+    sides: PaddingSides | BorderSides;
+    property: string;
+    iscss?: boolean;
+    propertyType?: CMSElementEditTypes | string | any;
+}
+export interface CMSColorRGBInterface {
+    r: string;
+    g: string;
+    b: string;
+    a: string | number | any;
+}
+export interface CMSColorValueInterface {
+    hex?: string;
+    rgb?: CMSColorRGBInterface;
+}
+export interface CMSColorInterface {
+    value: CMSColorValueInterface;
+    property: string;
+    propertyType?: any;
+}

package/dist/types/builder/tools/element-edit/button.d.ts

@@ -0,0 +1,25 @@
+import { CMSIBCommonInterface } from "../../interfaces/global";
+import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
+export interface SectionEditPopupInterface extends CMSElementEditPopupInterface {
+}
+export interface ButtonLayoutInterface {
+    selectorKey: string;
+    buttonStyle: CMSIBCommonInterface;
+    buttonText: CMSIBCommonInterface;
+    buttonIcon: CMSIBCommonInterface;
+    iconPosition: CMSIBCommonInterface;
+    iconAndTextSpacing: CMSIBCommonInterface;
+    alignment: CMSIBCommonInterface;
+}
+export interface selfDesignInterface {
+    selectorKey: string;
+    defaultState: any;
+    hoverState: any;
+}
+export declare enum ButtonSelectorKeysEnum {
+    HOVER_STATE = "hover",
+    DEFAULT_STATE = "default",
+    LAYOUT = "layout",
+    DESIGN = "design"
+}
+export declare const getDefaultData: () => CMSElementEditPopupInterface<ButtonLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;

package/dist/types/builder/tools/element-edit/code.d.ts

@@ -0,0 +1,15 @@
+import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
+export interface codeEditPopupInterface extends CMSElementEditPopupInterface {
+}
+interface selfLayoutInterface {
+    selectorKey: string;
+}
+export interface selfDesignInterface {
+    selectorKey: string;
+}
+export declare enum codeSelectorKeysEnum {
+    LAYOUT = "layout",
+    DESIGN = "design"
+}
+export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
+export {};

package/dist/types/builder/tools/element-edit/common.d.ts

@@ -0,0 +1,63 @@
+import { CMSIBCommonInterface, CMSIBSizeInterface, CSSPaddingValues } from "../../interfaces/global";
+export interface CMSElementEditPopupLayoutInterface {
+    selectorKey?: string;
+    adjustment?: CMSIBCommonInterface;
+    width?: {
+        [key: string]: CMSIBSizeInterface | any;
+    };
+    height?: CMSIBSizeInterface;
+    margin?: CSSPaddingValues;
+    padding?: CSSPaddingValues;
+    overflowContent?: CMSIBCommonInterface;
+    scrollDirection?: CMSIBCommonInterface;
+    displayScrollbar?: CMSIBCommonInterface;
+    positionType?: CMSIBCommonInterface;
+    pinTo?: CMSIBCommonInterface;
+}
+export interface CMSElementEditPopupDesignInterface {
+    backgroundColor: CMSIBCommonInterface;
+    borderColor: CMSIBCommonInterface;
+    borderStyle: CMSIBCommonInterface;
+    borderPerSlide: CSSPaddingValues;
+    showBorder: CMSIBCommonInterface;
+    showShadow: CMSIBCommonInterface;
+    shadowColor: CMSIBCommonInterface;
+    spread: CMSIBSizeInterface;
+    blur: CMSIBSizeInterface;
+    angle: CMSIBSizeInterface;
+    borderRadius: CSSPaddingValues;
+    cropRatio: CMSIBCommonInterface;
+    font: CMSIBCommonInterface;
+    fontSize: CMSIBSizeInterface;
+    textColor: CMSIBCommonInterface;
+    textHighlight: CMSIBCommonInterface;
+    bold: CMSIBCommonInterface;
+    italic: CMSIBCommonInterface;
+    linethrough: CMSIBCommonInterface;
+    underline: CMSIBCommonInterface;
+    textAlign: CMSIBCommonInterface;
+    charactorSpacing: CMSIBSizeInterface;
+    paragraphSpacing: CMSIBSizeInterface;
+    lineHeight: CMSIBSizeInterface;
+    zoomImage: CMSIBCommonInterface;
+    flip: CMSIBCommonInterface;
+    rotate: CMSIBSizeInterface;
+    exposure: CMSIBSizeInterface;
+    contrast: CMSIBSizeInterface;
+    saturation: CMSIBSizeInterface;
+    temperature: CMSIBSizeInterface;
+    tint: CMSIBSizeInterface;
+    highlights: CMSIBSizeInterface;
+    shadows: CMSIBSizeInterface;
+    iconSize: CMSIBSizeInterface;
+    iconColor: CMSIBCommonInterface;
+    showIcon: CMSIBCommonInterface;
+}
+export interface CMSElementEditPopupInterface<L = CMSElementEditPopupLayoutInterface, D = CMSElementEditPopupDesignInterface> {
+    layout?: L;
+    design?: Partial<D>;
+    content?: any;
+    settings?: any;
+    code?: any;
+}
+export declare const cssInputInstances: CMSElementEditPopupLayoutInterface & CMSElementEditPopupDesignInterface;

package/dist/types/builder/tools/element-edit/faq.d.ts

@@ -0,0 +1,41 @@
+import { CMSIBCommonInterface } from "../../interfaces/global";
+import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
+interface selfLayoutInterface {
+    expandFirstItemByDefault: CMSIBCommonInterface;
+    allowMultipleOpenItems: CMSIBCommonInterface;
+    itemDividers: CMSIBCommonInterface;
+    iconPosition: CMSIBCommonInterface;
+    selectorKey: string;
+}
+export interface selfDesignInterface {
+    selectorKey: string;
+    faqWidget?: {
+        selectorKey: string;
+        backgroundColor?: CMSIBCommonInterface;
+        borderColor?: CMSIBCommonInterface;
+        borderStyle?: CMSIBCommonInterface;
+        borderPerSlide?: CMSIBCommonInterface;
+        showBorder?: CMSIBCommonInterface;
+        showShadow?: CMSIBCommonInterface;
+        shadowColor?: CMSIBCommonInterface;
+        blur?: CMSIBCommonInterface;
+        spread?: CMSIBCommonInterface;
+        angle?: CMSIBCommonInterface;
+        borderRadius?: CMSIBCommonInterface;
+    };
+    titleText?: any;
+    descriptionText?: any;
+    icon: any;
+    divider: any;
+}
+export declare enum ButtonSelectorKeysEnum {
+    LAYOUT = "layout",
+    DESIGN = "design",
+    FAQ_WIDGET = "faqWidget",
+    TITLE_TEXT = "titleText",
+    DESCRIPTION_TEXT = "DescriptionText",
+    ICON = "icon",
+    DIVIDER = "divider"
+}
+export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
+export {};

package/dist/types/builder/tools/element-edit/gallery-slider.d.ts

@@ -0,0 +1,82 @@
+import { CMSIBCommonInterface, CMSIBSizeInterface } from "../../interfaces/global";
+import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
+interface selfLayoutInterface {
+    selectorKey: string;
+    displayStyle: CMSIBCommonInterface;
+    itemsPerSlide: CMSIBSizeInterface;
+    itemGap: CMSIBSizeInterface;
+    rowGap: CMSIBSizeInterface;
+    sliderControl: CMSIBCommonInterface;
+    controlPosition: CMSIBCommonInterface;
+    loopImages: CMSIBCommonInterface;
+    sliderDisplayScrollbar: CMSIBCommonInterface;
+    autoplay: CMSIBCommonInterface;
+    autoplayStyle: CMSIBCommonInterface;
+    autoplayDuration: CMSIBSizeInterface;
+    sliderSpeed: CMSIBSizeInterface;
+}
+export interface selfDesignInterface {
+    selectorKey: string;
+    galleryWidgetStyle: {
+        selectorKey: string;
+        backgroundColor: CMSIBCommonInterface;
+        borderColor: CMSIBCommonInterface;
+        borderStyle: CMSIBCommonInterface;
+        borderPerSlide: CMSIBCommonInterface;
+        showBorder: CMSIBCommonInterface;
+        showShadow: CMSIBCommonInterface;
+        shadowColor: CMSIBCommonInterface;
+        blur: CMSIBCommonInterface;
+        spread: CMSIBCommonInterface;
+        angle: CMSIBCommonInterface;
+        borderRadius: CMSIBCommonInterface;
+    };
+    galleryLayout: {
+        selectorKey: string;
+        galleryTextAndItemAlignment: CMSIBCommonInterface;
+        galleryTextAndItemSpacing: CMSIBCommonInterface;
+        galleryTitleAndDescriptionSpacing: CMSIBCommonInterface;
+    };
+    itemStyle: {
+        selectorKey: string;
+        imageRatio: CMSIBCommonInterface;
+        fitOptions: CMSIBCommonInterface;
+        textLayout: CMSIBCommonInterface;
+        itemTitleAndDescriptionAlignment: CMSIBCommonInterface;
+        textVerticalPadding: CMSIBCommonInterface;
+        texHorizontalPadding: CMSIBCommonInterface;
+        titleAndDescriptionSpacing: CMSIBCommonInterface;
+    };
+    paginationArrows: {
+        selectorKey: string;
+        arrowIconStyle: CMSIBCommonInterface;
+        backgroundShape: CMSIBCommonInterface;
+        arrowSize: CMSIBCommonInterface;
+        arrowColor: CMSIBCommonInterface;
+    };
+    paginationDots: {
+        selectorKey: string;
+        dotSize: CMSIBCommonInterface;
+        currentDotColor: CMSIBCommonInterface;
+        otherDotColor: CMSIBCommonInterface;
+    };
+    paginationLine: {
+        selectorKey: string;
+        currentLineColor: CMSIBCommonInterface;
+        otherLineColor: CMSIBCommonInterface;
+        lineHeight: CMSIBCommonInterface;
+        lineWidth: CMSIBCommonInterface;
+    };
+}
+export declare enum SelectorKeysEnum {
+    LAYOUT = "layout",
+    DESIGN = "design",
+    GALLERY_WIDGET_STYLE = "gallery-widget-style",
+    GALLERY_LAYOUT = "gallery-layout",
+    ITEM_STYLE = "item-style",
+    PAGINATION_ARROWS = "pagination-arrows",
+    PAGINATION_DOTS = "pagination-dots",
+    PAGINATION_LINE = "pagination-lines"
+}
+export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
+export {};

package/dist/types/builder/tools/element-edit/image.d.ts

@@ -0,0 +1,26 @@
+import { CMSIBCommonInterface } from "../../interfaces/global";
+import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
+export interface SectionEditPopupInterface extends CMSElementEditPopupInterface {
+}
+interface controlInterface {
+    value: string | boolean;
+    propertyType: string;
+}
+interface selfLayoutInterface {
+    selectorKey: string;
+    onClick: controlInterface;
+    onHover: controlInterface;
+    imageRatio: CMSIBCommonInterface;
+    fitOptions: CMSIBCommonInterface;
+    horizontalAlignment: CMSIBCommonInterface;
+    verticalAlignment: CMSIBCommonInterface;
+}
+export interface selfDesignInterface {
+    selectorKey: string;
+}
+export declare enum SelectorKeysEnum {
+    LAYOUT = "layout",
+    DESIGN = "design"
+}
+export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
+export {};

package/dist/types/builder/tools/element-edit/index.d.ts

@@ -0,0 +1,13 @@
+import * as common from "./common";
+import * as section from "./section";
+import * as image from "./image";
+import * as button from "./button";
+import * as video from "./video";
+import * as tabs from "./tabs";
+import * as slideShowLayouter from "./slideShowLayouter";
+import * as table from "./table";
+import * as gallerySlider from "./gallery-slider";
+import * as social from "./social";
+import * as faq from "./faq";
+import * as code from "./code";
+export { section, common, image, button, slideShowLayouter, tabs, video, table, gallerySlider, social, faq, code, };

package/dist/types/builder/tools/element-edit/section.d.ts

@@ -0,0 +1,15 @@
+import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
+export interface SectionEditPopupInterface extends CMSElementEditPopupInterface {
+}
+interface selfLayoutInterface {
+    selectorKey: string;
+}
+export interface selfDesignInterface {
+    selectorKey: string;
+}
+export declare enum sectionSelectorKeysEnum {
+    LAYOUT = "layout",
+    DESIGN = "design"
+}
+export declare const getDefaultData: (contentWidth: any) => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
+export {};

package/dist/types/builder/tools/element-edit/slideShowLayouter.d.ts

@@ -0,0 +1,21 @@
+import { CMSIBCommonInterface } from "../../interfaces/global";
+import { CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
+export interface SectionEditPopupInterface extends CMSElementEditPopupInterface {
+}
+interface controlInterface {
+    value: string | boolean;
+    propertyType: string;
+}
+export interface ImageControlInterface {
+    onClick: controlInterface;
+    onHover: controlInterface;
+    imageRatio: CMSIBCommonInterface;
+    fitOptions: CMSIBCommonInterface;
+    horizontalAlignment: CMSIBCommonInterface;
+    verticalAlignment: CMSIBCommonInterface;
+}
+export interface selfDesignInterface {
+    layouter: any;
+}
+export declare const getDefaultData: () => CMSElementEditPopupInterface<ImageControlInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface>;
+export {};

package/dist/types/builder/tools/element-edit/social.d.ts

@@ -0,0 +1,62 @@
+import { CMSIBCommonInterface } from "../../interfaces/global";
+import { CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
+export interface SectionEditPopupInterface extends CMSElementEditPopupInterface {
+}
+interface ControlInterface {
+    value: string | boolean;
+    propertyType: string;
+}
+export declare enum SocialSelectorKeysEnum {
+    LAYOUT = "layout",
+    DESIGN = "design",
+    CONTENT = "content",
+    FILL_AND_BACKGROUND = "fillAndBackground",
+    ICON_STYLE = "iconStyle"
+}
+export interface SelectorKeys {
+    LAYOUT: string;
+    DESIGN: string;
+    CONTENT: string;
+    Social_PLAYER_TEXT: string;
+    PLAY_PAUSE: string;
+    Social: string;
+}
+export interface SocialControlInterface {
+    selectorKey?: string;
+    margin?: CMSIBCommonInterface;
+    padding?: CMSIBCommonInterface;
+    alignment?: CMSIBCommonInterface;
+    itemSpacing?: ControlInterface;
+    iconSize?: CMSIBCommonInterface;
+    positionType?: CMSIBCommonInterface;
+    pinTo?: CMSIBCommonInterface;
+    website?: CMSIBCommonInterface;
+    websiteUrl?: CMSIBCommonInterface;
+    instagram?: CMSIBCommonInterface;
+    instagramUrl?: CMSIBCommonInterface;
+    linkedIn?: CMSIBCommonInterface;
+    linkedInUrl?: CMSIBCommonInterface;
+    facebook?: CMSIBCommonInterface;
+    facebookUrl?: CMSIBCommonInterface;
+    amazon?: CMSIBCommonInterface;
+    amazonUrl?: CMSIBCommonInterface;
+    twitter?: CMSIBCommonInterface;
+    twitterUrl?: CMSIBCommonInterface;
+    iconStyle?: {
+        selectorKey?: string;
+        icon?: CMSIBCommonInterface;
+        iconColor?: CMSIBCommonInterface;
+        iconSize?: CMSIBCommonInterface;
+    };
+    fillAndBackground?: {
+        selectorKey?: string;
+        backgroundColor?: CMSIBCommonInterface;
+    };
+}
+export interface CMSSocialEditPopupInterface<L = SocialControlInterface, C = SocialControlInterface, D = SocialControlInterface> {
+    layout?: L;
+    content?: C;
+    design?: D;
+}
+export declare const getDefaultData: () => CMSSocialEditPopupInterface<SocialControlInterface & SocialControlInterface & SocialControlInterface & CMSElementEditPopupLayoutInterface>;
+export {};

package/dist/types/builder/tools/element-edit/table.d.ts

@@ -0,0 +1,200 @@
+import { CMSIBCommonInterface } from "../../interfaces/global";
+import { CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
+export interface SectionEditPopupInterface extends CMSElementEditPopupInterface {
+}
+export interface TableControlInterface {
+    selectorKey?: string;
+    header?: CMSIBCommonInterface;
+    headerHeight?: CMSIBCommonInterface;
+    rowHeight?: CMSIBCommonInterface;
+    headerDivider?: CMSIBCommonInterface;
+    rowDivider?: CMSIBCommonInterface;
+    columnDivider?: CMSIBCommonInterface;
+    alternativeRowColors?: CMSIBCommonInterface;
+    headerCellPadding?: CMSIBCommonInterface;
+    rowCellPadding?: CMSIBCommonInterface;
+    contentAlignment?: CMSIBCommonInterface;
+    showMoreRows?: CMSIBCommonInterface;
+    rowsPerPage?: CMSIBCommonInterface;
+    paginationType?: CMSIBCommonInterface;
+    paginationAlignment?: CMSIBCommonInterface;
+    noOfItemsToLoad?: CMSIBCommonInterface;
+    showTitle?: CMSIBCommonInterface;
+    tableTitle?: CMSIBCommonInterface;
+    connetDynamicallyWith?: CMSIBCommonInterface;
+    columns?: CMSIBCommonInterface;
+    rows?: CMSIBCommonInterface;
+    tableWidget?: {
+        selectorKey?: string;
+        backgroundColor?: CMSIBCommonInterface;
+        borderColor?: CMSIBCommonInterface;
+        borderStyle?: CMSIBCommonInterface;
+        borderPerSlide?: CMSIBCommonInterface;
+        showBorder?: CMSIBCommonInterface;
+        showShadow?: CMSIBCommonInterface;
+        shadowColor?: CMSIBCommonInterface;
+        blur?: CMSIBCommonInterface;
+        spread?: CMSIBCommonInterface;
+        angle?: CMSIBCommonInterface;
+        borderRadius?: CMSIBCommonInterface;
+    };
+    connectWith?: CMSIBCommonInterface;
+    table?: {
+        selectorKey?: string;
+        showBorder?: CMSIBCommonInterface;
+        borderStyle?: CMSIBCommonInterface;
+        borderColor?: CMSIBCommonInterface;
+        borderPerSlide?: CMSIBCommonInterface;
+        borderRadius?: CMSIBCommonInterface;
+        showShadow?: CMSIBCommonInterface;
+        shadowColor?: CMSIBCommonInterface;
+        angle?: CMSIBCommonInterface;
+        spread?: CMSIBCommonInterface;
+        blur?: CMSIBCommonInterface;
+    };
+    tableHeader?: {
+        selectorKey?: string;
+        backgroundColor?: CMSIBCommonInterface;
+    };
+    headerText?: {
+        selectorKey?: string;
+        font?: CMSIBCommonInterface;
+        fontSize?: CMSIBCommonInterface;
+        textColor: CMSIBCommonInterface;
+        bold: CMSIBCommonInterface;
+        italic: CMSIBCommonInterface;
+        linethrough: CMSIBCommonInterface;
+        underline: CMSIBCommonInterface;
+        textAlign: CMSIBCommonInterface;
+        charactorSpacing: CMSIBCommonInterface;
+        lineHeight: CMSIBCommonInterface;
+    };
+    tableRow?: {
+        selectorKey?: string;
+        backgroundColor?: CMSIBCommonInterface;
+    };
+    rowText?: {
+        selectorKey?: string;
+        font?: CMSIBCommonInterface;
+        fontSize?: CMSIBCommonInterface;
+        textColor: CMSIBCommonInterface;
+        bold: CMSIBCommonInterface;
+        italic: CMSIBCommonInterface;
+        linethrough: CMSIBCommonInterface;
+        underline: CMSIBCommonInterface;
+        textAlign: CMSIBCommonInterface;
+        charactorSpacing: CMSIBCommonInterface;
+        lineHeight: CMSIBCommonInterface;
+    };
+    rowAndHeaderDividers?: {
+        selectorKey?: string;
+        headerDivider?: CMSIBCommonInterface;
+        rowDivider?: CMSIBCommonInterface;
+    };
+    scrollBar?: {
+        selectorKey?: string;
+        scrollBarWidth?: CMSIBCommonInterface;
+        scrollBarColor?: CMSIBCommonInterface;
+    };
+    pagination?: {
+        selectorKey?: string;
+        pagination?: CMSIBCommonInterface;
+        paginationStyle?: CMSIBCommonInterface;
+        arrowIconStyle?: CMSIBCommonInterface;
+        arrowSize?: CMSIBCommonInterface;
+        arrowColor?: CMSIBCommonInterface;
+        backgroundShape?: CMSIBCommonInterface;
+        backgroundColor?: CMSIBCommonInterface;
+        font?: CMSIBCommonInterface;
+        fontSize?: CMSIBCommonInterface;
+        textColor?: CMSIBCommonInterface;
+        textHighlight?: CMSIBCommonInterface;
+        hoverBackgroundShape?: CMSIBCommonInterface;
+        hoverBackgroundColor?: CMSIBCommonInterface;
+        hoverFont?: CMSIBCommonInterface;
+        hoverFontSize?: CMSIBCommonInterface;
+        hoverTextColor?: CMSIBCommonInterface;
+        hoverTextHighlight?: CMSIBCommonInterface;
+        bold?: CMSIBCommonInterface;
+        italic?: CMSIBCommonInterface;
+        linethrough?: CMSIBCommonInterface;
+        underline?: CMSIBCommonInterface;
+        textAlign?: CMSIBCommonInterface;
+        charactorSpacing?: CMSIBCommonInterface;
+        lineHeight?: CMSIBCommonInterface;
+        icon?: CMSIBCommonInterface;
+        iconSize?: CMSIBCommonInterface;
+        iconColor?: CMSIBCommonInterface;
+    };
+    loadMoreButton?: {
+        selectorKey?: string;
+        cropRatio?: CMSIBCommonInterface;
+        zoomImage?: CMSIBCommonInterface;
+        flip?: CMSIBCommonInterface;
+        rotate?: CMSIBCommonInterface;
+        backgroundColor?: CMSIBCommonInterface;
+        exposure?: CMSIBCommonInterface;
+        contrast?: CMSIBCommonInterface;
+        saturation?: CMSIBCommonInterface;
+        temperature?: CMSIBCommonInterface;
+        tint?: CMSIBCommonInterface;
+        highlights?: CMSIBCommonInterface;
+        shadows?: CMSIBCommonInterface;
+        showBorder?: CMSIBCommonInterface;
+        borderStyle?: CMSIBCommonInterface;
+        borderColor?: CMSIBCommonInterface;
+        borderPerSlide?: CMSIBCommonInterface;
+        borderRadius?: CMSIBCommonInterface;
+        showShadow?: CMSIBCommonInterface;
+        shadowColor?: CMSIBCommonInterface;
+        angle?: CMSIBCommonInterface;
+        spread?: CMSIBCommonInterface;
+        blur?: CMSIBCommonInterface;
+        font?: CMSIBCommonInterface;
+        fontSize?: CMSIBCommonInterface;
+        textColor: CMSIBCommonInterface;
+        bold: CMSIBCommonInterface;
+        italic: CMSIBCommonInterface;
+        linethrough: CMSIBCommonInterface;
+        underline: CMSIBCommonInterface;
+        textAlign: CMSIBCommonInterface;
+        charactorSpacing: CMSIBCommonInterface;
+        lineHeight: CMSIBCommonInterface;
+    };
+}
+export interface CMSTableEditPopupInterface<L = TableControlInterface, C = TableControlInterface, D = TableControlInterface> {
+    layout?: L;
+    content?: C;
+    design?: D;
+}
+export declare enum TableSelectorKeysEnum {
+    LAYOUT = "layout",
+    CONTENT = "content",
+    DESIGN = "design",
+    TABLE_WIDGET = "tableWidget",
+    TABLE = "table",
+    TABLE_HEADER = "tableHeader",
+    HEADER_TEXT = "headerText",
+    TABLE_ROW = "tableRow",
+    ROW_TEXT = "rowText",
+    ROW_AND_HEADER_DIVIDER = "rowAndHeaderDividers",
+    SCROLL_BAR = "scrollBar",
+    PAGINATION = "pagination",
+    LOAD_MORE_BUTTON = "loadMoreButton"
+}
+export interface TableSelectorKeys {
+    LAYOUT: string;
+    CONTENT: string;
+    DESIGN: string;
+    TABLE_WIDGET: string;
+    TABLE: string;
+    TABLE_HEADER: string;
+    HEADER_TEXT: string;
+    TABLE_ROW: string;
+    ROW_TEXT: string;
+    ROW_AND_HEADER_DIVIDER: string;
+    SCROLL_BAR: string;
+    PAGINATION: string;
+    loadMoreButton: string;
+}
+export declare const getDefaultData: () => CMSTableEditPopupInterface<(TableControlInterface & TableControlInterface & TableControlInterface) | CMSElementEditPopupLayoutInterface>;