@sc-360-v2/storefront-cms-library 0.0.7 → 0.0.9

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

@@ -0,0 +1,300 @@
+import { CMSElementEditTypes } from "../../enums";
+import { CMSIBCommonInterface } from "../../interfaces/global";
+import { CMSElementEditPopupInterface } from "./common";
+export interface SectionEditPopupInterface extends CMSElementEditPopupInterface {
+}
+export interface selfDesignInterface {
+    selectorKey: string;
+}
+export declare enum SelectorKeysEnum {
+    LAYOUT = "layout",
+    DESIGN = "design",
+    CONTENT = "content",
+    COUNTDOWN_WIDGET = "countdownWidget",
+    COUNTDOWN_LAYOUT = "countdownLayout",
+    COUNTER_STYLE = "counterStyle",
+    DIVIDER_STYLE = "dividerStyle",
+    COUNTDOWN_WIDGET_TEXT_CONTAINER_DESIGN = "countdownWidgetTextContainerDesign",
+    COUNTDOWN_WIDGET_TEXT_CONTAINER_LAYOUT = "countdownWidgetTextContainerLayout"
+}
+export declare const getDefaultData: () => {
+    layout: {
+        selectorKey: SelectorKeysEnum;
+        width: {
+            value: string;
+            unit: number;
+        };
+        height: {
+            value: string;
+            unit: number;
+            property?: any;
+            propertyType?: any;
+            isReadOnly?: boolean | undefined;
+            parentRef?: string | undefined;
+        };
+        margin: import("../../interfaces/global").CSSPaddingValues | undefined;
+        padding: import("../../interfaces/global").CSSPaddingValues | undefined;
+        type: {
+            value: string;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        counterStyle: {
+            value: string;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        countdownAnimation: {
+            value: string;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        dividerBetweenItems: {
+            value: string;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        positionType: CMSIBCommonInterface | undefined;
+        pinTo: CMSIBCommonInterface | undefined;
+    };
+    content: {
+        selectorKey: SelectorKeysEnum;
+        source: {
+            value: string;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        showCountdownTitle: {
+            value: string;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        title: {
+            value: string;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        showCountdownDescription: {
+            value: string;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        description: {
+            value: string;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        chooseSchedules: {
+            value: string;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        startDate: {
+            value: string;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        endDate: {
+            value: string;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        days: {
+            value: string;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        daysTitle: {
+            value: string;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        hours: {
+            value: string;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        hoursTitle: {
+            value: string;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        minutes: {
+            value: string;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        minutesTitle: {
+            value: string;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        seconds: {
+            value: string;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        secondsTitle: {
+            value: string;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+    };
+    design: {
+        selectorKey: SelectorKeysEnum;
+        countdownWidget: {
+            selectorKey: SelectorKeysEnum;
+            backgroundColor: CMSIBCommonInterface;
+            showBorder: CMSIBCommonInterface;
+            borderStyle: CMSIBCommonInterface;
+            borderColor: CMSIBCommonInterface;
+            borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
+            borderRadius: import("../../interfaces/global").CSSPaddingValues;
+            showShadow: CMSIBCommonInterface;
+            shadowColor: CMSIBCommonInterface;
+            angle: import("../../interfaces/global").CMSIBSizeInterface;
+            spread: import("../../interfaces/global").CMSIBSizeInterface;
+            blur: import("../../interfaces/global").CMSIBSizeInterface;
+            theme: CMSIBCommonInterface;
+            font: CMSIBCommonInterface;
+            fontSize: import("../../interfaces/global").CMSIBSizeInterface;
+            textColor: CMSIBCommonInterface;
+            bold: CMSIBCommonInterface;
+            italic: CMSIBCommonInterface;
+            linethrough: CMSIBCommonInterface;
+            underline: CMSIBCommonInterface;
+            textAlign: CMSIBCommonInterface;
+            characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
+            lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
+            themeDesc: CMSIBCommonInterface;
+            fontDesc: CMSIBCommonInterface;
+            fontSizeDesc: import("../../interfaces/global").CMSIBSizeInterface;
+            textColorDesc: CMSIBCommonInterface;
+            boldDesc: CMSIBCommonInterface;
+            italicDesc: CMSIBCommonInterface;
+            linethroughDesc: CMSIBCommonInterface;
+            underlineDesc: CMSIBCommonInterface;
+            textAlignDesc: CMSIBCommonInterface;
+            characterSpacingDesc: import("../../interfaces/global").CMSIBSizeInterface | undefined;
+            lineHeightDesc: import("../../interfaces/global").CMSIBSizeInterface;
+        };
+        countdownWidgetTextContainerLayout: {
+            selectorKey: SelectorKeysEnum;
+            textVerticalPadding: {
+                value: string;
+                property: string;
+                unit: number;
+                propertyType: CMSElementEditTypes;
+            };
+            textHorizontalPadding: {
+                value: string;
+                property: string;
+                unit: number;
+                propertyType: CMSElementEditTypes;
+            };
+            titleAndDescriptionSpacing: {
+                value: string;
+                property: string;
+                unit: number;
+                propertyType: CMSElementEditTypes;
+            };
+        };
+        countdownWidgetTextContainerDesign: {
+            selectorKey: SelectorKeysEnum;
+            backgroundColor: CMSIBCommonInterface;
+            borderColor: CMSIBCommonInterface;
+            borderStyle: CMSIBCommonInterface;
+            borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
+            showBorder: CMSIBCommonInterface;
+            showShadow: CMSIBCommonInterface;
+            shadowColor: CMSIBCommonInterface;
+            blur: import("../../interfaces/global").CMSIBSizeInterface;
+            spread: import("../../interfaces/global").CMSIBSizeInterface;
+            angle: import("../../interfaces/global").CMSIBSizeInterface;
+            borderRadius: import("../../interfaces/global").CSSPaddingValues;
+        };
+        countdownLayout: {
+            selectorKey: SelectorKeysEnum;
+            verticalAlignment: {
+                value: string;
+                property: string;
+                propertyType: CMSElementEditTypes;
+            };
+            widgetTextAndItemSpacing: {
+                value: string;
+                property: string;
+                unit: number;
+                propertyType: CMSElementEditTypes;
+            };
+            textPosition: {
+                value: string;
+                property: string;
+                propertyType: CMSElementEditTypes;
+            };
+        };
+        counterStyle: {
+            selectorKey: SelectorKeysEnum;
+            backgroundColor: CMSIBCommonInterface;
+            showBorder: CMSIBCommonInterface;
+            borderStyle: CMSIBCommonInterface;
+            borderColor: CMSIBCommonInterface;
+            borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
+            borderRadius: import("../../interfaces/global").CSSPaddingValues;
+            showShadow: CMSIBCommonInterface;
+            shadowColor: CMSIBCommonInterface;
+            angle: import("../../interfaces/global").CMSIBSizeInterface;
+            spread: import("../../interfaces/global").CMSIBSizeInterface;
+            blur: import("../../interfaces/global").CMSIBSizeInterface;
+            theme: CMSIBCommonInterface;
+            font: CMSIBCommonInterface;
+            fontSize: import("../../interfaces/global").CMSIBSizeInterface;
+            textColor: CMSIBCommonInterface;
+            bold: CMSIBCommonInterface;
+            italic: CMSIBCommonInterface;
+            linethrough: CMSIBCommonInterface;
+            underline: CMSIBCommonInterface;
+            textAlign: CMSIBCommonInterface;
+            characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
+            lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
+            themeDesc: CMSIBCommonInterface;
+            fontDesc: CMSIBCommonInterface;
+            fontSizeDesc: import("../../interfaces/global").CMSIBSizeInterface;
+            textColorDesc: CMSIBCommonInterface;
+            boldDesc: CMSIBCommonInterface;
+            italicDesc: CMSIBCommonInterface;
+            linethroughDesc: CMSIBCommonInterface;
+            underlineDesc: CMSIBCommonInterface;
+            textAlignDesc: CMSIBCommonInterface;
+            characterSpacingDesc: import("../../interfaces/global").CMSIBSizeInterface | undefined;
+            lineHeightDesc: import("../../interfaces/global").CMSIBSizeInterface;
+        };
+        dividerStyle: {
+            selectorKey: SelectorKeysEnum;
+            shape: {
+                value: string;
+                property: string;
+                propertyType: CMSElementEditTypes;
+            };
+            size: {
+                value: string;
+                property: string;
+                unit: number;
+                propertyType: CMSElementEditTypes;
+            };
+            iconColor: {
+                value: {
+                    hex: string;
+                    rgb: {
+                        r: string;
+                        g: string;
+                        b: string;
+                        a: number;
+                    };
+                };
+                property: string;
+                propertyType: CMSElementEditTypes;
+                parentRef: string;
+            };
+        };
+    };
+};

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

@@ -1,4 +1,4 @@
-import { CMSIBCommonInterface } from "../../interfaces/global";
+import { CMSIBCommonInterface, CMSIBSizeInterface } from "../../interfaces/global";
 import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
 interface selfLayoutInterface {
     expandFirstItemByDefault: CMSIBCommonInterface;
@@ -6,9 +6,45 @@ interface selfLayoutInterface {
     itemDividers: CMSIBCommonInterface;
     iconPosition: CMSIBCommonInterface;
     selectorKey: string;
+    itemHorizontalPadding: CMSIBSizeInterface;
+    itemVerticalPadding: CMSIBSizeInterface;
+    itemSpacing: CMSIBSizeInterface;
+    titleAndDescriptionSpacing: CMSIBSizeInterface;
 }
 export interface selfDesignInterface {
     selectorKey: string;
+    collapsedAccordionItem?: {
+        selectorKey: string;
+        backgroundColor?: CMSIBCommonInterface;
+        borderColor?: CMSIBCommonInterface;
+        borderStyle?: CMSIBCommonInterface;
+        borderPerSlide?: CMSIBCommonInterface;
+        showBorder?: CMSIBCommonInterface;
+        showShadow?: CMSIBCommonInterface;
+        shadowColor?: CMSIBCommonInterface;
+        blur?: CMSIBCommonInterface;
+        spread?: CMSIBCommonInterface;
+        angle?: CMSIBCommonInterface;
+        borderRadius?: CMSIBCommonInterface;
+        iconSize: CMSIBCommonInterface;
+        iconColor: CMSIBCommonInterface;
+        [key: string]: any;
+    };
+    expandedAccordionItem?: {
+        selectorKey: string;
+        backgroundColor?: CMSIBCommonInterface;
+        borderColor?: CMSIBCommonInterface;
+        borderStyle?: CMSIBCommonInterface;
+        borderPerSlide?: CMSIBCommonInterface;
+        showBorder?: CMSIBCommonInterface;
+        showShadow?: CMSIBCommonInterface;
+        shadowColor?: CMSIBCommonInterface;
+        blur?: CMSIBCommonInterface;
+        spread?: CMSIBCommonInterface;
+        angle?: CMSIBCommonInterface;
+        borderRadius?: CMSIBCommonInterface;
+        [key: string]: any;
+    };
     faqWidget?: {
         selectorKey: string;
         backgroundColor?: CMSIBCommonInterface;
@@ -23,18 +59,14 @@ export interface selfDesignInterface {
         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",
+    COLLAPSED_ACCRORDION_ITEM = "collapsedAccordionItem",
+    EXPANDED_ACCRORDION_ITEM = "expandedAccordionItem",
     DIVIDER = "divider"
 }
 export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;

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

@@ -4,6 +4,7 @@ interface selfLayoutInterface {
     selectorKey: string;
     displayStyle: CMSIBCommonInterface;
     itemsPerSlide: CMSIBSizeInterface;
+    imageSize: CMSIBSizeInterface;
     itemGap: CMSIBSizeInterface;
     rowGap: CMSIBSizeInterface;
     sliderControl: CMSIBCommonInterface;
@@ -13,6 +14,21 @@ interface selfLayoutInterface {
     autoplayStyle: CMSIBCommonInterface;
     autoplayDuration: CMSIBSizeInterface;
     sliderSpeed: CMSIBSizeInterface;
+    fitOptions: CMSIBCommonInterface;
+    galleryDimensions: CMSIBCommonInterface;
+    galleryRatio: CMSIBCommonInterface;
+    imageDimensions: CMSIBCommonInterface;
+    galleryDirection: CMSIBCommonInterface;
+    imageBehavior: CMSIBCommonInterface;
+    itemsPerRow: CMSIBCommonInterface;
+    itemsPerColumn: CMSIBCommonInterface;
+    control: CMSIBCommonInterface;
+    imageRatio: CMSIBCommonInterface;
+    thumbnailPlacement: CMSIBCommonInterface;
+    noOfItemsToLoad: CMSIBCommonInterface;
+    itemSpacing: CMSIBCommonInterface;
+    thumbnailSize: CMSIBCommonInterface;
+    thumbnailSpacing: CMSIBCommonInterface;
 }
 export interface selfDesignInterface {
     selectorKey: string;
@@ -29,6 +45,22 @@ export interface selfDesignInterface {
         spread: CMSIBCommonInterface;
         angle: CMSIBCommonInterface;
         borderRadius: CMSIBCommonInterface;
+        [key: string]: any;
+    };
+    itemTextStyles: {
+        selectorKey: string;
+        backgroundColor: CMSIBCommonInterface;
+        borderColor: CMSIBCommonInterface;
+        borderStyle: CMSIBCommonInterface;
+        borderPerSlide: CMSIBCommonInterface;
+        showBorder: CMSIBCommonInterface;
+        showShadow: CMSIBCommonInterface;
+        shadowColor: CMSIBCommonInterface;
+        blur: CMSIBCommonInterface;
+        spread: CMSIBCommonInterface;
+        angle: CMSIBCommonInterface;
+        borderRadius: CMSIBCommonInterface;
+        [key: string]: any;
     };
     galleryLayout: {
         selectorKey: string;

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

@@ -0,0 +1,154 @@
+import { CMSIBCommonInterface } from "../../interfaces/global";
+import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
+export interface SectionEditPopupInterface extends CMSElementEditPopupInterface {
+}
+interface controlInterface {
+    value: string | boolean;
+    propertyType: string;
+}
+export interface selfLayoutInterface {
+    selectorKey: string;
+    showContent: controlInterface;
+    canOpenMultipleHotspots: controlInterface;
+}
+export interface selfDesignInterface {
+    selectorKey: string;
+    imageStyle: {
+        selectorKey: string;
+        cropRatio: CMSIBCommonInterface;
+        zoomImage: CMSIBCommonInterface;
+        flip: CMSIBCommonInterface;
+        rotate: CMSIBCommonInterface;
+        backgroundColor: CMSIBCommonInterface;
+        overlayColor: CMSIBCommonInterface;
+        exposure: CMSIBCommonInterface;
+        contrast: CMSIBCommonInterface;
+        saturation: CMSIBCommonInterface;
+        brightness: CMSIBCommonInterface;
+        hue: CMSIBCommonInterface;
+        lightness: 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;
+    };
+    hotspotStyle: {
+        selectorKey: string;
+        iconColor: CMSIBCommonInterface;
+        buttonIcon: CMSIBCommonInterface;
+        iconSize: CMSIBCommonInterface;
+        showIcon: controlInterface;
+        hotspotSize: controlInterface;
+        hotspotStyle: controlInterface;
+        backgroundColor: CMSIBCommonInterface;
+        shape: controlInterface;
+        animationStyle: controlInterface;
+        animationFrequency: controlInterface;
+        showBorder: CMSIBCommonInterface;
+        borderStyle: CMSIBCommonInterface;
+        borderColor: CMSIBCommonInterface;
+        borderPerSlide: CMSIBCommonInterface;
+        borderRadius: CMSIBCommonInterface;
+        showShadow: CMSIBCommonInterface;
+        shadowColor: CMSIBCommonInterface;
+        angle: CMSIBCommonInterface;
+        spread: CMSIBCommonInterface;
+        blur: CMSIBCommonInterface;
+    };
+    tooltipDesign: {
+        selectorKey: string;
+        tooltipWidth: controlInterface;
+        tooltipHeight: controlInterface;
+        horizontalAlignment: controlInterface;
+        verticalAlignment: controlInterface;
+        backgroundColor: CMSIBCommonInterface;
+        showBorder: CMSIBCommonInterface;
+        borderStyle: CMSIBCommonInterface;
+        borderColor: CMSIBCommonInterface;
+        borderPerSlide: CMSIBCommonInterface;
+        borderRadius: CMSIBCommonInterface;
+        showShadow: CMSIBCommonInterface;
+        shadowColor: CMSIBCommonInterface;
+        angle: CMSIBCommonInterface;
+        spread: CMSIBCommonInterface;
+        blur: CMSIBCommonInterface;
+    };
+    tooltipTextDesign: {
+        selectorKey: string;
+        font: CMSIBCommonInterface;
+        fontSize: CMSIBCommonInterface;
+        textColor: CMSIBCommonInterface;
+        bold: CMSIBCommonInterface;
+        italic: CMSIBCommonInterface;
+        linethrough: CMSIBCommonInterface;
+        underline: CMSIBCommonInterface;
+        textAlign: CMSIBCommonInterface;
+        lineHeight: CMSIBCommonInterface;
+        characterSpacing: CMSIBCommonInterface;
+        [key: string]: any;
+    };
+    tooltipProductDesign: {
+        selectorKey: string;
+        imageRatio: controlInterface;
+        fitOptions: controlInterface;
+        productInfoAlignment: controlInterface;
+        infoVerticalPadding: controlInterface;
+        infoHorizontalPadding: controlInterface;
+        infoSpacing: controlInterface;
+        cardLayout: controlInterface;
+        productCardStyle: controlInterface;
+    };
+    tooltipImageDesign: {
+        selectorKey: string;
+        cropRatio: CMSIBCommonInterface;
+        zoomImage: CMSIBCommonInterface;
+        flip: CMSIBCommonInterface;
+        rotate: CMSIBCommonInterface;
+        backgroundColor: CMSIBCommonInterface;
+        exposure: CMSIBCommonInterface;
+        contrast: CMSIBCommonInterface;
+        saturation: CMSIBCommonInterface;
+        brightness: CMSIBCommonInterface;
+        hue: CMSIBCommonInterface;
+        lightness: 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;
+        imageRatio: CMSIBCommonInterface;
+        fitOptions: CMSIBCommonInterface;
+        horizontalAlignment: CMSIBCommonInterface;
+        verticalAlignment: CMSIBCommonInterface;
+        onClick: CMSIBCommonInterface;
+        onHover: CMSIBCommonInterface;
+    };
+}
+export declare enum SelectorKeysEnum {
+    LAYOUT = "layout",
+    DESIGN = "design",
+    CONTENT = "content",
+    HOTSPOT_IMAGE_STYLE = "hotSpotStyle",
+    HOTSPOT_STYLE = "hotspotStyle",
+    TOOL_TIP_DESIGN = "tooltipDesign",
+    TOOL_TIP_TEXT = "tooltipTextDesign",
+    TOOL_TIP_PRODUCT_DESIGN = "tooltipProductDesign",
+    TOOL_TIP_IMAGE_DESIGN = "tooltipImageDesign"
+}
+export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
+export {};

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

@@ -3,6 +3,7 @@ import * as section from "./section";
 import * as grid from "./grid";
 import * as image from "./image";
 import * as button from "./button";
+import * as buttonV2 from "./buttonv2";
 import * as video from "./video";
 import * as tabs from "./tabs";
 import * as slideShowLayouter from "./slideShowLayouter";
@@ -13,4 +14,9 @@ import * as faq from "./faq";
 import * as code from "./code";
 import * as embed from "./embed";
 import * as text from "./text";
-export { section, grid, common, image, button, slideShowLayouter, tabs, video, table, gallerySlider, social, faq, code, text, embed, };
+import * as imageHotspot from "./imageHotspot";
+import * as scroll from "./scroll";
+import * as map from "./map";
+import * as container from "./container";
+import * as countdown from "./countdown";
+export { section, grid, common, image, button, slideShowLayouter, tabs, video, table, gallerySlider, social, faq, code, text, embed, buttonV2, scroll, countdown, imageHotspot, map, container, };