@sc-360-v2/storefront-cms-library 0.3.43 → 0.3.44

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

@@ -1,3 +1,4 @@
+import { CMSElementEditTypes } from "../../enums/index";
 import { CMSIBCommonInterface } from "../../interfaces/global";
 import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
 interface selfLayoutInterface {
@@ -104,6 +105,908 @@ interface selfLayoutInterface {
         groupHeaderAndOptionSpacing: CMSIBCommonInterface;
     };
 }
+export declare const ControlsInstances: {
+    optionSelection: {
+        value: boolean;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    displayOutOfStockValues: {
+        value: boolean;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    dividerBetweenItems: {
+        value: boolean;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    showMoreRows: {
+        value: string;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    notifyMeButton: {
+        value: boolean;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    quantitySelectorForVariantSelector: {
+        value: boolean;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    canCollapseGroups: {
+        value: boolean;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    displayStyle: {
+        value: string;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    collapseIconPosition: {
+        value: string;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    displayValues: {
+        value: string;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    itemSpacing: {
+        value: string;
+        property: string;
+        unit: number;
+        propertyType: CMSElementEditTypes;
+    };
+    optionTitleValueSpacing: {
+        value: string;
+        unit: number;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    itemPadding: {
+        value: string;
+        unit: number;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    maxItemsToDisplay: {
+        value: string;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    overflowItems: {
+        value: string;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    swatchImageType: {
+        value: string;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    itemSize: {
+        value: number;
+        property: string;
+        unit: number;
+        propertyType: CMSElementEditTypes;
+    };
+    imageBehaviour: {
+        value: string;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    itemsPerRow: {
+        value: string;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    itemContentAlignment: {
+        value: string;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    overflowDirection: {
+        value: string;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    dropdownStyle: {
+        value: string;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    dropdownOptionsSpacing: {
+        value: string;
+        unit: number;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    dropdownOptionsPadding: {
+        value: string;
+        unit: number;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    optionAndListSpacing: {
+        value: string;
+        unit: number;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    dropdownListItemSpacing: {
+        value: string;
+        unit: number;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    dropdownListItemPadding: {
+        value: string;
+        unit: number;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    groupsDisplayStyle: {
+        value: string;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    dividerBetweenListItems: {
+        value: boolean;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    groupSpacing: {
+        value: string;
+        unit: number;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    groupPadding: {
+        value: string;
+        unit: number;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    groupHeaderAndOptionSpacing: {
+        value: string;
+        unit: number;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    tabDirection: {
+        value: string;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    tabLayout: {
+        value: string;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    tabAlignment: {
+        value: string;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    tabSpacing: {
+        value: string;
+        unit: number;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    tabAndContainerSpacing: {
+        value: string;
+        unit: number;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    tabHorizontalPadding: {
+        value: string;
+        unit: number;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    tabVerticalPadding: {
+        value: string;
+        unit: number;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    containerPadding: {
+        value: string;
+        unit: number;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    tabRowSpacing: {
+        value: string;
+        unit: number;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    remainingDisplayStyle: {
+        value: string;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    expandIconPosition: {
+        value: string;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    expandFirstItemByDefault: {
+        value: boolean;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    allowMultipleOpenItems: {
+        value: boolean;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    itemDividers: {
+        value: boolean;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    allowUserToSearch: {
+        value: boolean;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    allowUserToFilter: {
+        value: boolean;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    header: {
+        value: boolean;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    headerHeight: {
+        value: string;
+        unit: number;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    rowHeight: {
+        value: string;
+        unit: number;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    accordionSpacing: {
+        value: string;
+        unit: number;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    accordionAndContainerSpacing: {
+        value: string;
+        unit: number;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    accordionHorizontalPadding: {
+        value: string;
+        unit: number;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    accordionVerticalPadding: {
+        value: string;
+        unit: number;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    headerDivider: {
+        value: boolean;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    rowDivider: {
+        value: boolean;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    columnDivider: {
+        value: boolean;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    alternativeRowColors: {
+        value: boolean;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    headerCellPadding: {
+        value: string;
+        unit: number;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    rowCellPadding: {
+        value: string;
+        unit: number;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    contentAlignment: {
+        value: string;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    paginationAlignment: {
+        value: string;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    groupHorizontalPadding: {
+        value: string;
+        unit: number;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    groupVerticalPadding: {
+        value: string;
+        unit: number;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    groupAndContainerSpacing: {
+        value: string;
+        unit: number;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    rowsPerPage: {
+        value: string;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    overflowControl: {
+        value: string;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    paginationType: {
+        value: string;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    priceFormat: {
+        value: string;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    noOfOptionValues: {
+        value: boolean;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    optionProperties: {
+        value: boolean;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    optionValueProperties: {
+        value: boolean;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    optionName: {
+        value: boolean;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    optionValueName: {
+        value: boolean;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    optionValueCode: {
+        value: boolean;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    optionPrice: {
+        value: boolean;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    showSelectedVariant: {
+        value: boolean;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    swatchImage: {
+        value: boolean;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    noOfVariantsAvailable: {
+        value: boolean;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    optionValuePrice: {
+        value: boolean;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    showAvailableInventory: {
+        value: boolean;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    showTotalPriceOfAddedItems: {
+        value: boolean;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    horizontalPadding: {
+        value: string;
+        unit: number;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    verticalPadding: {
+        value: string;
+        property: string;
+        unit: number;
+        propertyType: CMSElementEditTypes;
+    };
+    buttonStyle: {
+        value: string;
+        parentRef: string;
+        propertyType: CMSElementEditTypes;
+    };
+    buttonText: {
+        value: string;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    icon: {
+        value: string;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    iconPosition: {
+        value: string;
+        parentRef: string;
+        propertyType: CMSElementEditTypes;
+    };
+    iconAndTextSpacing: {
+        value: number;
+        property: string;
+        unit: number;
+        parentRef: string;
+        propertyType: CMSElementEditTypes;
+    };
+    alignment: {
+        value: string;
+        property: string;
+        parentRef: string;
+        propertyType: CMSElementEditTypes;
+    };
+    iconPadding: {
+        value: number;
+        unit: number;
+        property: string;
+        parentRef: string;
+        propertyType: CMSElementEditTypes;
+    };
+    buttonType: {
+        value: string;
+        propertyType: CMSElementEditTypes;
+    };
+    showIcon: {
+        value: boolean;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    arrowIconStyle: {
+        value: string;
+        propertyType: CMSElementEditTypes;
+    };
+    rightArrowIconStyle: {
+        value: string;
+        propertyType: CMSElementEditTypes;
+    };
+    leftArrowIconStyle: {
+        value: string;
+        propertyType: CMSElementEditTypes;
+    };
+    backgroundShape: {
+        value: string;
+        propertyType: CMSElementEditTypes;
+    };
+    swatchShape: {
+        value: string;
+        propertyType: CMSElementEditTypes;
+    };
+    arrowSize: {
+        value: number;
+        property: string;
+        unit: number;
+        propertyType: CMSElementEditTypes;
+    };
+    arrowColor: {
+        value: {
+            hex: string;
+            rgb: {
+                r: string;
+                g: string;
+                b: string;
+                a: number;
+            };
+        };
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    dotSize: {
+        value: number;
+        property: string;
+        unit: number;
+        propertyType: CMSElementEditTypes;
+    };
+    currentDotColor: {
+        value: {
+            hex: string;
+            rgb: {
+                r: string;
+                g: string;
+                b: string;
+                a: number;
+            };
+        };
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    otherDotColor: {
+        value: {
+            hex: string;
+            rgb: {
+                r: string;
+                g: string;
+                b: string;
+                a: number;
+            };
+        };
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    currentLineColor: {
+        value: {
+            hex: string;
+            rgb: {
+                r: string;
+                g: string;
+                b: string;
+                a: number;
+            };
+        };
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    otherLineColor: {
+        value: {
+            hex: string;
+            rgb: {
+                r: string;
+                g: string;
+                b: string;
+                a: number;
+            };
+        };
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    lineHeight: {
+        value: number;
+        property: string;
+        unit: number;
+        propertyType: CMSElementEditTypes;
+    };
+    lineWidth: {
+        value: number;
+        property: string;
+        unit: number;
+        propertyType: CMSElementEditTypes;
+    };
+    design: {
+        table: {
+            borderColor: {
+                value: {
+                    hex: string;
+                    rgb: {
+                        r: string;
+                        g: string;
+                        b: string;
+                        a: number;
+                    };
+                };
+                property: string;
+                propertyType: CMSElementEditTypes;
+            };
+            borderStyle: {
+                value: string;
+                property: string;
+                propertyType: CMSElementEditTypes;
+            };
+            borderPerSlide: {
+                isAll: boolean;
+                sides: {
+                    top: {
+                        value: number;
+                        unit: number;
+                    };
+                    right: {
+                        value: number;
+                        unit: number;
+                    };
+                    bottom: {
+                        value: number;
+                        unit: number;
+                    };
+                    left: {
+                        value: number;
+                        unit: number;
+                    };
+                };
+                property: string;
+                propertyType: CMSElementEditTypes;
+            };
+        };
+        rowAndHeaderDividers: {
+            rowDivider: {
+                value: {
+                    hex: string;
+                    rgb: {
+                        r: string;
+                        g: string;
+                        b: string;
+                        a: number;
+                    };
+                };
+                property: string;
+                propertyType: CMSElementEditTypes;
+                parentRef: string;
+            };
+            columnDivider: {
+                value: {
+                    hex: string;
+                    rgb: {
+                        r: string;
+                        g: string;
+                        b: string;
+                        a: number;
+                    };
+                };
+                property: string;
+                propertyType: CMSElementEditTypes;
+                parentRef: string;
+            };
+            headerDivider: {
+                value: {
+                    hex: string;
+                    rgb: {
+                        r: string;
+                        g: string;
+                        b: string;
+                        a: number;
+                    };
+                };
+                property: string;
+                propertyType: CMSElementEditTypes;
+                parentRef: string;
+            };
+        };
+        headerText: {
+            font: {
+                value: string;
+                propertyType: CMSElementEditTypes;
+            };
+            fontSize: {
+                value: string;
+                propertyType: CMSElementEditTypes;
+                unit: number;
+            };
+            textColor: {
+                value: string;
+                propertyType: CMSElementEditTypes;
+            };
+            textHighlight: {
+                value: string;
+                propertyType: CMSElementEditTypes;
+            };
+            characterSpacing: {
+                value: string;
+                propertyType: CMSElementEditTypes;
+                unit: number;
+            };
+            defaultCharacterSpacing: {
+                value: string;
+                propertyType: CMSElementEditTypes;
+                unit: number;
+            };
+            lineHeight: {
+                value: string;
+                propertyType: CMSElementEditTypes;
+                unit: number;
+            };
+            paragraphSpacing: {
+                value: string;
+                propertyType: CMSElementEditTypes;
+                unit: number;
+            };
+        };
+        rowText: {
+            font: {
+                value: string;
+                propertyType: CMSElementEditTypes;
+            };
+            fontSize: {
+                value: string;
+                propertyType: CMSElementEditTypes;
+                unit: number;
+            };
+            textColor: {
+                value: string;
+                propertyType: CMSElementEditTypes;
+            };
+            textHighlight: {
+                value: string;
+                propertyType: CMSElementEditTypes;
+            };
+            characterSpacing: {
+                value: string;
+                propertyType: CMSElementEditTypes;
+                unit: number;
+            };
+            lineHeight: {
+                value: string;
+                propertyType: CMSElementEditTypes;
+                unit: number;
+            };
+            paragraphSpacing: {
+                value: string;
+                propertyType: CMSElementEditTypes;
+                unit: number;
+            };
+        };
+        scrollBar: {
+            scrollBarWidth: {
+                value: string;
+                propertyType: CMSElementEditTypes;
+                unit: number;
+                property: string;
+            };
+            scrollBarColor: {
+                value: {
+                    hex: string;
+                    rgb: {
+                        r: string;
+                        g: string;
+                        b: string;
+                        a: number;
+                    };
+                };
+                property: string;
+                propertyType: CMSElementEditTypes;
+                parentRef: string;
+            };
+        };
+        pagination: {
+            pagination: {
+                value: string;
+                propertyType: CMSElementEditTypes;
+            };
+            paginationStyle: {
+                value: string;
+                propertyType: CMSElementEditTypes;
+            };
+            arrowIconStyle: {
+                value: string;
+                propertyType: CMSElementEditTypes;
+            };
+            arrowSize: {
+                value: string;
+                propertyType: CMSElementEditTypes;
+                unit: number;
+            };
+            arrowColor: {
+                value: string;
+                propertyType: CMSElementEditTypes;
+            };
+            backgroundShape: {
+                value: string;
+                propertyType: CMSElementEditTypes;
+            };
+            backgroundColor: {
+                value: string;
+                propertyType: CMSElementEditTypes;
+            };
+            font: {
+                value: string;
+                propertyType: CMSElementEditTypes;
+            };
+            fontSize: {
+                value: string;
+                propertyType: CMSElementEditTypes;
+                unit: number;
+            };
+            textColor: {
+                value: string;
+                propertyType: CMSElementEditTypes;
+                property: string;
+            };
+            textHighlight: {
+                value: string;
+                propertyType: CMSElementEditTypes;
+            };
+            hoverBackgroundShape: {
+                value: string;
+                propertyType: CMSElementEditTypes;
+            };
+            hoverBackgroundColor: {
+                value: string;
+                propertyType: CMSElementEditTypes;
+            };
+            hoverFont: {
+                value: string;
+                propertyType: CMSElementEditTypes;
+            };
+            hoverFontSize: {
+                value: string;
+                propertyType: CMSElementEditTypes;
+                unit: number;
+            };
+            hoverTextColor: {
+                value: string;
+                propertyType: CMSElementEditTypes;
+            };
+            hoverTextHighlight: {
+                value: string;
+                propertyType: CMSElementEditTypes;
+            };
+            previousIcon: {
+                value: string;
+                propertyType: CMSElementEditTypes;
+            };
+            nextIcon: {
+                value: string;
+                propertyType: CMSElementEditTypes;
+            };
+            iconSize: {
+                value: string;
+                propertyType: CMSElementEditTypes;
+                unit: number;
+                property: string;
+            };
+            iconColor: {
+                value: {
+                    hex: string;
+                    rgb: {
+                        r: string;
+                        g: string;
+                        b: string;
+                        a: number;
+                    };
+                };
+                property: string;
+                propertyType: CMSElementEditTypes;
+                parentRef: string;
+            };
+        };
+    };
+};
 interface selfDesignInterface {
     selectorKey: string;
     optionStyle: {