@sc-360-v2/storefront-cms-library 0.3.84 → 0.3.86

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

@@ -0,0 +1,39 @@
+import { CMSHTMLAttributes } from "../../../global/attributes";
+import { CommonStyleProperties } from "../../../global/style-properties";
+import { DisplayValue, ResponsiveBehaviourTypes } from "../../../global/types";
+import { BuilderAttributes } from "../common";
+export interface EmbroideryStyleProperties extends CommonStyleProperties {
+    minWidth: string;
+    maxWidth: string;
+    maxHeight: string;
+    gridArea: string;
+    display: DisplayValue;
+    boxSizing: string;
+}
+export declare const getDefaultStyles: () => EmbroideryStyleProperties;
+export interface CommonContainerElementAttributes extends CMSHTMLAttributes {
+    role?: string;
+    ariaLabel?: string;
+    ariaDescribedBy?: string;
+    id?: string;
+    className?: string;
+    lang?: string;
+    dataMeta?: string;
+}
+export interface EmbroideryElementInterface {
+    id?: string | number;
+    uniqueKey?: string | number;
+    attributes?: {
+        BUILDER?: Pick<BuilderAttributes, "dataDivType" | "dataType" | "dataElementType" | "dataDropElement">;
+        HTML?: CommonContainerElementAttributes;
+        CUSTOM?: any;
+    };
+    styles?: EmbroideryStyleProperties;
+    editedStyles?: CommonStyleProperties;
+    responsiveBehaviour: ResponsiveBehaviourTypes;
+    children: any;
+    childIds: any[];
+    previewImage?: string;
+    parentKey?: any;
+    childIdsV2?: any[];
+}

package/dist/types/builder/elements/form-builder/index.d.ts

@@ -257,6 +257,7 @@ export interface FormGridLayoutInterface {
     maxW?: number;
     minH?: number;
     minW?: number;
+    resizeHandles?: ("s" | "e" | "w" | "n" | "se" | "sw" | "ne" | "nw")[];
 }
 export declare enum FormConfirmationOption {
     ShowMessage = 1,

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

@@ -351,6 +351,7 @@ export declare const CMSElementsListEnum: {
     MY_TEMPLATES: string;
     MY_WISHLIST: string;
     REQUEST_FOR_QUOTE: string;
+    EMBROIDERY: string;
 };
 export declare enum CMSResponsiveModeEnums {
     DESKTOP = "desktop",
@@ -415,7 +416,8 @@ export declare enum CMSCustomEventsListEnums {
     FORM_BUILDER_STATE = "formBuilderState",
     EMBROIDERY_PLAYGROUND_STATE = "embroideryPlaygroundState",
     FLEX_BUILDER_ANIMATION_TEMP_STATE = "flexBuilderAnimationTempState",
-    FLEX_EDITOR_SCROLL_TRIGGER = "flexEditorScrollTrigger"
+    FLEX_EDITOR_SCROLL_TRIGGER = "flexEditorScrollTrigger",
+    FLEX_EMBROIDERY_SESSION_DATA_V2 = "flexEmbroiderySessionDataV2"
 }
 export declare enum FlexAppVersionEnums {
     NESTEDJSON = 1,

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

@@ -91,4 +91,5 @@ import * as megaMenuSchema from "./elements/mega-menu";
 import * as megaMenuContainerSchema from "./elements/mega-menu-container";
 import * as simpleListSchema from "./elements/simple-list";
 import * as cartWrapperSchema from "./elements/cart-wrapper";
-export { ElementEditSchema, amountEstimatorSchema, bulkVariantPickerSchema, buttonSchema, cmsTypes, codeSchema, commonFunctions, containerSchema, countdownSchema, embedSchema, enums, faqSchema, gallerySliderSchema, gridSchema, imageHotspotSchema, imageSchema, interfaces, mapSchema, paymentMethodsSchema, pickupLocationsSchema, priceSchema, productActionsSchema, productHighlightsSchema, productImageSchema, productInventorySchema, productPromotionsSchema, quantitySelectorSchema, scrollSchema, sectionSchema, shippingEstimatorSchema, socialIconsSchema, stackSchema, storeLocationsSchema, tabSchema, tableSchema, textSchema, uomSelectorSchema, variantPickerSchema, videoSChema, volumePricingSchema, lightboxSchema, cartSchema, profileSchema, productSchema, repeaterSchema, brandSchema, bundleSchema, bundleDetailsSchema, brandImageSchema, lightBoxV2Schema, searchSchema, layouterSchema, layouterItemSchema, categoryDetailsSchema, contactUsSchema, loginSchema, createFormSchema, resetPasswordSchema, searchResultsHeadingSchema, itemStockSchema, lineItemSchema, tabsV2Schema, tabsContainerSchema, marchandiserSetsSchema, formBuilder, quickLinksSchema, addOrderSchema, buyForTabsSchema, buyForTabsContainerSchema, checkoutSchema, cartSummarySchema, toasterSchema, spotlightSchema, productCustomizationsSchema, iconListSchema, orderStatusSchema, menuV2Schema, menuItemSchema, layouterProSchema, layouterProItemSchema, userElementsSchema, filterResultsSchema, productSizeChartSchema, badgeSchema, cartAttributesSchema, loaderSchema, addProductsTabSchema, shippingPaymentsSchema, couponSchema, megaMenuSchema, megaMenuContainerSchema, simpleListSchema, cartWrapperSchema, };
+import * as embroiderySchema from "./elements/embroidery";
+export { ElementEditSchema, amountEstimatorSchema, bulkVariantPickerSchema, buttonSchema, cmsTypes, codeSchema, commonFunctions, containerSchema, countdownSchema, embedSchema, enums, faqSchema, gallerySliderSchema, gridSchema, imageHotspotSchema, imageSchema, interfaces, mapSchema, paymentMethodsSchema, pickupLocationsSchema, priceSchema, productActionsSchema, productHighlightsSchema, productImageSchema, productInventorySchema, productPromotionsSchema, quantitySelectorSchema, scrollSchema, sectionSchema, shippingEstimatorSchema, socialIconsSchema, stackSchema, storeLocationsSchema, tabSchema, tableSchema, textSchema, uomSelectorSchema, variantPickerSchema, videoSChema, volumePricingSchema, lightboxSchema, cartSchema, profileSchema, productSchema, repeaterSchema, brandSchema, bundleSchema, bundleDetailsSchema, brandImageSchema, lightBoxV2Schema, searchSchema, layouterSchema, layouterItemSchema, categoryDetailsSchema, contactUsSchema, loginSchema, createFormSchema, resetPasswordSchema, searchResultsHeadingSchema, itemStockSchema, lineItemSchema, tabsV2Schema, tabsContainerSchema, marchandiserSetsSchema, formBuilder, quickLinksSchema, addOrderSchema, buyForTabsSchema, buyForTabsContainerSchema, checkoutSchema, cartSummarySchema, toasterSchema, spotlightSchema, productCustomizationsSchema, iconListSchema, orderStatusSchema, menuV2Schema, menuItemSchema, layouterProSchema, layouterProItemSchema, userElementsSchema, filterResultsSchema, productSizeChartSchema, badgeSchema, cartAttributesSchema, loaderSchema, addProductsTabSchema, shippingPaymentsSchema, couponSchema, megaMenuSchema, megaMenuContainerSchema, simpleListSchema, cartWrapperSchema, embroiderySchema, };

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

@@ -1,7 +1,302 @@
+import { CMSElementEditTypes } from "../../enums";
 import { CMSIBCommonInterface } from "../../interfaces/global";
 import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
 export interface SectionEditPopupInterface extends CMSElementEditPopupInterface {
 }
+export declare const TableControls: {
+    layout: {
+        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;
+        };
+        showMoreRows: {
+            value: string;
+            propertyType: CMSElementEditTypes;
+            property: string;
+        };
+        rowsPerPage: {
+            value: number;
+            propertyType: CMSElementEditTypes;
+            property: string;
+        };
+        paginationAlignment: {
+            value: string;
+            propertyType: CMSElementEditTypes;
+            property: string;
+        };
+        paginationType: {
+            value: string;
+            propertyType: CMSElementEditTypes;
+            property: string;
+        };
+        noOfItemsToLoad: {
+            value: string;
+            propertyType: CMSElementEditTypes;
+            property: string;
+        };
+        itemsCount: {
+            value: number;
+            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;
+        };
+    };
+    design: {
+        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;
+            };
+        };
+    };
+};
+export declare const tableProperties: {
+    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;
+    };
+    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;
+    };
+    showMoreRows: {
+        value: string;
+        propertyType: CMSElementEditTypes;
+        property: string;
+    };
+    rowsPerPage: {
+        value: number;
+        propertyType: CMSElementEditTypes;
+        property: string;
+    };
+    paginationType: {
+        value: string;
+        propertyType: CMSElementEditTypes;
+        property: string;
+    };
+    paginationAlignment: {
+        value: string;
+        propertyType: CMSElementEditTypes;
+        property: string;
+    };
+    noOfItemsToLoad: {
+        value: string;
+        propertyType: CMSElementEditTypes;
+        property: string;
+    };
+    itemsCount: {
+        value: number;
+        propertyType: CMSElementEditTypes;
+    };
+    tableHeight: {
+        value: string;
+        unit: number;
+        property: string;
+        propertyType?: any;
+        isReadOnly?: boolean | undefined;
+        parentRef?: string | undefined;
+    };
+    rowsToDisplay: {
+        value: number;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    numOfItemsToLoad: {
+        value: string;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+};
 interface selfLayoutInterface {
     selectorKey: string;
     displayStyle: CMSIBCommonInterface;
@@ -38,8 +333,9 @@ export declare enum SelectorKeysEnum {
     PAGINATION = "pagination",
     SHOW_MORE_ITEMS_BUTTON = "showMoreItemsButton",
     HOVER_STATE = "hover",
-    DEFAULT_STATE = "default",
-    SELECTED_STATE = "selectedState"
+    DEFAULT_STATE = "defaultState",
+    SELECTED_STATE = "selectedState",
+    SCROLL_BAR = "scrollBar"
 }
 export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
 export {};

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

@@ -58,11 +58,6 @@ export declare const getDefaultData: () => {
             property: string;
             propertyType: CMSElementEditTypes;
         };
-        overflowItems: {
-            value: string;
-            property: string;
-            propertyType: CMSElementEditTypes;
-        };
         numOfItemsToLoad: {
             value: string;
             property: string;

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

@@ -363,6 +363,69 @@ export declare const buttonHoverStateInstance: {
         isReadOnly?: boolean | undefined;
     };
 };
+export declare const ButtonInstance: {
+    buttonStyle: {
+        value: null;
+        parentRef: string;
+        propertyType: CMSElementEditTypes;
+    };
+    buttonType: {
+        value: string;
+        propertyType: CMSElementEditTypes;
+    };
+    buttonText: {
+        value: string;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    buttonIcon: {
+        value: string;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    iconPosition: {
+        value: null;
+        parentRef: string;
+        propertyType: CMSElementEditTypes;
+    };
+    iconAndTextSpacing: {
+        value: null;
+        property: string;
+        unit: number;
+        parentRef: string;
+        propertyType: CMSElementEditTypes;
+    };
+    alignment: {
+        value: null;
+        property: string;
+        parentRef: string;
+        propertyType: CMSElementEditTypes;
+    };
+    linkTo: {
+        value: {
+            type: string;
+            target: string;
+        };
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+    iconPadding: {
+        value: number;
+        property: string;
+        parentRef: string;
+        propertyType: CMSElementEditTypes;
+    };
+    width: {
+        value: string;
+        unit: number;
+    };
+    padding: any;
+    buttonAlignment: {
+        value: string;
+        property: string;
+        propertyType: CMSElementEditTypes;
+    };
+};
 export declare const ButtonProperties: {
     backgroundColor: {
         value: null;
@@ -813,64 +876,6 @@ export declare const ButtonPropertiesHover: {
     };
     padding: any;
 };
-export declare const ButtonInstance: {
-    buttonStyle: {
-        value: null;
-        parentRef: string;
-        propertyType: CMSElementEditTypes;
-    };
-    buttonType: {
-        value: string;
-        propertyType: CMSElementEditTypes;
-    };
-    buttonText: {
-        value: string;
-        property: string;
-        propertyType: CMSElementEditTypes;
-    };
-    buttonIcon: {
-        value: string;
-        property: string;
-        propertyType: CMSElementEditTypes;
-    };
-    iconPosition: {
-        value: null;
-        parentRef: string;
-        propertyType: CMSElementEditTypes;
-    };
-    iconAndTextSpacing: {
-        value: null;
-        property: string;
-        unit: number;
-        parentRef: string;
-        propertyType: CMSElementEditTypes;
-    };
-    alignment: {
-        value: null;
-        property: string;
-        parentRef: string;
-        propertyType: CMSElementEditTypes;
-    };
-    linkTo: {
-        value: {
-            type: string;
-            target: string;
-        };
-        property: string;
-        propertyType: CMSElementEditTypes;
-    };
-    iconPadding: {
-        value: number;
-        property: string;
-        parentRef: string;
-        propertyType: CMSElementEditTypes;
-    };
-    width: {
-        value: string;
-        unit: number;
-    };
-    padding: any;
-};
 export declare const DividerStylesInstance: {
     showDivider: {
         value: boolean;