@sc-360-v2/storefront-cms-library 0.2.69 → 0.2.71

package/dist/marchandiserSets.scss

@@ -0,0 +1,43 @@
+@use "sass:map";
+@use "sass:list";
+
+$resizerId: "[data-cms-tool='cms-element-resizer']";
+$resizeActive: '[data-cms-element-resizer="true"]';
+[data-div-type="element"] {
+  &[data-element-type="marchandiserSets"] {
+    // width: var(--_sf-con-nw-wh);
+    width: var(
+      --_sf-el-wh-st-mx,
+      calc(
+        1% *
+          var(
+            --_ctm-mob-march-ele-nw-wh-vl,
+            var(--_ctm-tab-march-ele-nw-wh-vl, var(--_ctm-march-ele-nw-wh-vl))
+          )
+      )
+    );
+    // width: calc(1% * var(--_ctm-prod-lt-wh, auto));
+    // width: ;
+
+    // width: 100%;
+    // height: var(--_ctm-pro-lt-ht) !important;
+    // width: 100%;
+    height: auto;
+    margin: var(--_ctm-march-lt-mn, var(--_ctm-lt-mn, --_tst-lt-mn));
+    background: var(--_ctm-march-dn-bd-cr);
+    min-height: var(--_ctm-mob-march-lt-ht, var(--_ctm-tab-march-lt-ht, var(--_ctm-march-lt-ht)));
+
+    // &:not(:has(#{$resizerId}#{$resizeActive})) {
+    //   min-height: 100px !important;
+    // }
+
+    & > div {
+      &.wrapper {
+        width: 100%;
+        // grid-template-rows: auto !important;
+        grid-template-columns: 100% !important;
+        // grid-template-rows: max(var(--_ctm-pro-lt-ht), auto) !important;
+      }
+    }
+  }
+}

package/dist/types/builder/elements/marchandiser-sets/index.d.ts

@@ -0,0 +1,71 @@
+import { CommonStyleProperties } from "../../../global/style-properties";
+import { DisplayValue, MarginValue, PaddingValue, ResponsiveBehaviourTypes } from "../../../global/types";
+import { CMSHTMLAttributes } from "../../../global/attributes";
+import { CMSGridsContainer } from "../grid";
+import { BuilderAttributes } from "../common";
+export interface MarchandiserSetsAttributes extends CMSHTMLAttributes {
+    role?: string;
+    ariaLabel?: string;
+    ariaDescribedBy?: string;
+    id?: string;
+    className?: string;
+    lang?: string;
+    dataMeta?: string;
+}
+export interface MarchandiserSetsStyleAttributes extends CommonStyleProperties {
+    minHeight?: string;
+    height?: string;
+    minWidth?: string;
+    maxWidth?: string;
+    maxHeight?: string;
+    gridArea?: string;
+    display?: DisplayValue;
+    boxSizing?: string;
+    rowGap?: string;
+    columnGap?: string;
+    gridTemplateRows?: string;
+    gridTemplateColumns?: string;
+    padding?: PaddingValue;
+    marginLeft?: MarginValue;
+    marginTop?: MarginValue;
+    marginBottom?: MarginValue;
+    marginRight?: MarginValue;
+}
+export declare const getDefaultStyles: () => MarchandiserSetsStyleAttributes;
+export declare const getSectionDefaultStyles: () => MarchandiserSetsStyleAttributes;
+export interface VariationConditionInterface {
+    customer?: any[];
+    user?: any[];
+    relation?: any;
+}
+export interface SectionVariationInterface {
+    condition?: VariationConditionInterface;
+    attributes?: {
+        BUILDER?: Pick<BuilderAttributes, "dataDivType" | "dataType" | "dataElementType">;
+        HTML?: MarchandiserSetsAttributes;
+        CUSTOM?: any;
+    };
+    styles?: MarchandiserSetsStyleAttributes;
+    editedStyles?: CommonStyleProperties;
+    sectionStyles?: CommonStyleProperties;
+    grids?: CMSGridsContainer;
+    responsiveBehaviour: ResponsiveBehaviourTypes;
+    highestGrid?: number | any;
+    gtc?: CMSGridsContainer;
+    gtr?: CMSGridsContainer;
+    childIds: any[];
+}
+export interface CMSMarchandiserSetsInterface {
+    id?: string | number;
+    uniqueKey?: string | number;
+    variations?: {
+        [key: string]: SectionVariationInterface;
+    };
+    styles?: MarchandiserSetsStyleAttributes;
+    sort?: number;
+    dataContentType?: string;
+    isMaximized?: boolean;
+    parentKey?: any;
+    childIdsV2?: any[];
+    children?: any;
+}

package/dist/types/builder/elements/tab-v2/index.d.ts

@@ -42,4 +42,5 @@ export interface TabsV2ElementInterface {
     isMaximized?: boolean;
     parentKey?: any;
     childIdsV2?: any[];
+    builderAt?: number;
 }

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

@@ -61,7 +61,8 @@ export declare enum CMSToolIdTypes {
     tabsWrapper = "cms-tabs-wrapper",
     gridSwapBtn = "cms-grid-swap-btn",
     lightBox = "cms_lt_bx_mn",
-    lightBoxV2Wrapper = "cms-light-box-wrapper"
+    lightBoxV2Wrapper = "cms-light-box-wrapper",
+    marchandiserSetsWrapper = "cms-marchandiser-sets-wrapper"
 }
 export declare enum CMSElementSelectors {
     iframeSelector = "iframe[data-title='iframe__playground']",
@@ -119,7 +120,8 @@ export declare enum CMSElementSelectors {
     tabsV2Element = "div[data-element-type='tabs-v2']",
     imageHotspot = "div[data-element-type='imageHotspot']",
     gridSwapBtn = "div[data-cms-tool='cms-grid-swap-btn']",
-    lightBox = "#cms_lt_bx_mn"
+    lightBox = "#cms_lt_bx_mn",
+    marchandiserSetsElement = "div[data-element-type='marchandiserSets']"
 }
 export declare enum CMSToolAttributes {
     id = "data-cms-tool",
@@ -285,6 +287,7 @@ export declare const CMSElementsListEnum: {
     LINE: string;
     TABS_V2: string;
     TABS_CONTAINER: string;
+    MARCHANDISER_SETS: string;
 };
 export declare enum CMSResponsiveModeEnums {
     DESKTOP = "desktop",

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

@@ -59,4 +59,5 @@ import * as itemStockSchema from "./elements/item-stock/index";
 import * as lineItemSchema from "./elements/line/index";
 import * as tabsV2Schema from "./elements/tab-v2/index";
 import * as tabsContainerSchema from "./elements/tab-container/index";
-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, brandImageSchema, lightBoxV2Schema, searchSchema, layouterSchema, layouterItemSchema, categoryDetailsSchema, contactUsSchema, loginSchema, resetPasswordSchema, searchResultsHeadingSchema, itemStockSchema, lineItemSchema, tabsV2Schema, tabsContainerSchema, };
+import * as marchandiserSetsSchema from "./elements/marchandiser-sets/index";
+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, brandImageSchema, lightBoxV2Schema, searchSchema, layouterSchema, layouterItemSchema, categoryDetailsSchema, contactUsSchema, loginSchema, resetPasswordSchema, searchResultsHeadingSchema, itemStockSchema, lineItemSchema, tabsV2Schema, tabsContainerSchema, marchandiserSetsSchema, };

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

@@ -7,6 +7,7 @@ export declare enum SelectorKeysEnum {
     LAYOUT = "layout",
     CONTENT = "content",
     DESIGN = "design",
+    CART_ITEM_STYLES = "cartItemStyles",
     CART_HEADING_STYLES = "cartHeadingStyles",
     CART_ACTION_STYLES = "cartActionStyles",
     PRODUCT_ACTIONS_STYLES = "productActionsStyles",
@@ -58,7 +59,7 @@ export declare const getDefaultData: () => {
             propertyType: CMSElementEditTypes;
         };
         continueShoppingLinkTo: {
-            value: string;
+            value: null;
             property: string;
             propertyType: CMSElementEditTypes;
         };
@@ -115,7 +116,16 @@ export declare const getDefaultData: () => {
     };
     design: {
         selectorKey: SelectorKeysEnum;
-        cardHeadingStyles: {
+        cartItemStyles: {
+            selectorKey: SelectorKeysEnum;
+            padding: import("../../interfaces/global").CSSPaddingValues | undefined;
+            margin: import("../../interfaces/global").CSSPaddingValues | undefined;
+            height: import("../../interfaces/global").CMSIBSizeInterface | undefined;
+            showShadow: CMSIBCommonInterface;
+            shadowColor: CMSIBCommonInterface;
+            borderRadius: import("../../interfaces/global").CSSPaddingValues;
+        };
+        cartHeadingStyles: {
             theme: CMSIBCommonInterface;
             font: CMSIBCommonInterface;
             fontSize: import("../../interfaces/global").CMSIBSizeInterface;
@@ -135,7 +145,7 @@ export declare const getDefaultData: () => {
             spread: import("../../interfaces/global").CMSIBSizeInterface;
             angle: import("../../interfaces/global").CMSIBSizeInterface;
         };
-        cardActionStyles: {
+        cartActionStyles: {
             theme: CMSIBCommonInterface;
             font: CMSIBCommonInterface;
             fontSize: import("../../interfaces/global").CMSIBSizeInterface;
@@ -298,7 +308,7 @@ export declare const getDefaultData: () => {
             property: string;
             propertyType: CMSElementEditTypes;
         };
-        showOptions: {
+        showProductOptions: {
             value: boolean;
             property: string;
             propertyType: CMSElementEditTypes;

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

@@ -74,4 +74,5 @@ import * as allocationDetails from "./allocationDetails";
 import * as line from "./line";
 import * as tabsV2 from "./tabsV2";
 import * as tabContainer from "./tabContainer";
-export { amountEstimator, bulkVariantPicker, button, code, staticText, common, container, countdown, embed, faq, gallerySlider, grid, image, imageHotspot, map, paymentMethods, pickupLocations, price, productActions, productHighlights, productImage, productInventory, productPromotions, quantitySelector, scroll, section, shippingEstimator, slideShowLayouter, social, stack, storeLocations, table, tabs, text, uomSelector, variantPicker, video, volumePricing, lightbox, cart, profile, repeater, repeaterItem, product, menu, productOptions, productDetails, category, subCategory, brand, bundle, brandImage, filters, sort, pastOrders, quotes, rfqs, lightBoxV2, allocations, search, layouter, layouterItem, categoryDetails, contactUs, login, resetPassword, breadcrumbs, iconLibrary, searchResultsHeading, itemStock, cartDetails, cartSummary, allocationDetails, line, tabsV2, tabContainer, };
+import * as marchandiserSets from "./marchandiserSets";
+export { amountEstimator, bulkVariantPicker, button, code, staticText, common, container, countdown, embed, faq, gallerySlider, grid, image, imageHotspot, map, paymentMethods, pickupLocations, price, productActions, productHighlights, productImage, productInventory, productPromotions, quantitySelector, scroll, section, shippingEstimator, slideShowLayouter, social, stack, storeLocations, table, tabs, text, uomSelector, variantPicker, video, volumePricing, lightbox, cart, profile, repeater, repeaterItem, product, menu, productOptions, productDetails, category, subCategory, brand, bundle, brandImage, filters, sort, pastOrders, quotes, rfqs, lightBoxV2, allocations, search, layouter, layouterItem, categoryDetails, contactUs, login, resetPassword, breadcrumbs, iconLibrary, searchResultsHeading, itemStock, cartDetails, cartSummary, allocationDetails, line, tabsV2, tabContainer, marchandiserSets, };

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

@@ -15,7 +15,9 @@ export declare enum LineSelectorKeysEnum {
     ITEM_STYLE = "iconStyle",
     SOCIAL_ICONS = "lineIcons",
     SOCIAL_WIDGET = "lineWidget",
-    START_END_ICON = "startEndIcons"
+    START_END_ICON = "startEndIcons",
+    LINE_COLOR = "lineColor",
+    LINE_CORNERS = "lineCorners"
 }
 export interface SelectorKeys {
     LAYOUT: string;
@@ -80,6 +82,12 @@ export declare const getDefaultData: () => {
             propertyType: CMSElementEditTypes;
             property: string;
         };
+        lineThickness: {
+            value: number;
+            property: string;
+            unit: number;
+            propertyType: CMSElementEditTypes;
+        };
         dash: {
             value: string;
             property: string;
@@ -129,14 +137,14 @@ export declare const getDefaultData: () => {
             spread: import("../../interfaces/global").CMSIBSizeInterface;
             blur: import("../../interfaces/global").CMSIBSizeInterface;
         };
-        startEndIcons: {
+        lineCorners: {
             selectorKey: LineSelectorKeysEnum;
-            playIcon: {
+            leftIcon: {
                 value: string;
                 property: string;
                 propertyType: CMSElementEditTypes;
             };
-            pauseIcon: {
+            rightIcon: {
                 value: string;
                 property: string;
                 propertyType: CMSElementEditTypes;
@@ -155,6 +163,65 @@ export declare const getDefaultData: () => {
                 propertyType: CMSElementEditTypes;
             };
             backgroundColor: CMSIBCommonInterface;
+            iconGap: {
+                leftIcon: {
+                    value: string;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                };
+                rightIcon: {
+                    value: string;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                };
+                lineColor: {
+                    value: {
+                        hex: string;
+                        rgb: {
+                            r: string;
+                            g: string;
+                            b: string;
+                            a: number;
+                        };
+                    };
+                    propertyType: CMSElementEditTypes;
+                    parentRef: string;
+                };
+                size: {
+                    value: string;
+                    property: string;
+                    unit: number;
+                    propertyType: CMSElementEditTypes;
+                };
+                backgroundShape: {
+                    value: string;
+                    property: string;
+                    unit: number;
+                    propertyType: CMSElementEditTypes;
+                };
+                iconGap: {
+                    value: string;
+                    property: string;
+                    unit: number;
+                    propertyType: CMSElementEditTypes;
+                };
+            };
+        };
+        lineColor: {
+            selectorKey: LineSelectorKeysEnum;
+            lineColor: {
+                value: {
+                    hex: string;
+                    rgb: {
+                        r: string;
+                        g: string;
+                        b: string;
+                        a: number;
+                    };
+                };
+                propertyType: CMSElementEditTypes;
+                parentRef: string;
+            };
         };
     };
 };

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

@@ -0,0 +1,147 @@
+import { CMSCSSUnitTypesEnums, 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",
+    CONTENT = "content",
+    DESIGN = "design",
+    DATA_CONNECTOR = "dataConnector"
+}
+export declare const getDefaultData: () => {
+    layout: {
+        selectorKey: SelectorKeysEnum;
+        width: {
+            value: string;
+            unit: CMSCSSUnitTypesEnums;
+        };
+        height: {
+            value: string;
+            unit: CMSCSSUnitTypesEnums;
+            property?: any;
+            propertyType?: any;
+            isReadOnly?: boolean | undefined;
+            parentRef?: string | undefined;
+        };
+        margin: import("../../interfaces/global").CSSPaddingValues | undefined;
+        padding: import("../../interfaces/global").CSSPaddingValues | undefined;
+        overflowContent: CMSIBCommonInterface | undefined;
+        scrollDirection: CMSIBCommonInterface | undefined;
+        displayScrollbar: CMSIBCommonInterface | undefined;
+        positionType: CMSIBCommonInterface | undefined;
+        pinTo: CMSIBCommonInterface | undefined;
+    };
+    design: {
+        exposure: import("../../interfaces/global").CMSIBSizeInterface;
+        contrast: import("../../interfaces/global").CMSIBSizeInterface;
+        saturation: import("../../interfaces/global").CMSIBSizeInterface;
+        highlights: import("../../interfaces/global").CMSIBSizeInterface;
+        shadows: 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;
+        backgroundColor: CMSIBCommonInterface;
+        backgroundRepeat: CMSIBCommonInterface;
+        backgroundSize: CMSIBCommonInterface;
+        backgroundAttachment: CMSIBCommonInterface;
+        backgroundPosition: CMSIBCommonInterface;
+        backgroundPositionX: CMSIBCommonInterface;
+        backgroundPositionY: CMSIBCommonInterface;
+        backgroundImage: CMSIBCommonInterface;
+        selectorKey: SelectorKeysEnum;
+        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;
+    };
+    content: {
+        selectorKey: SelectorKeysEnum;
+        title: {
+            value: string;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        showProductTitle: {
+            value: boolean;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        showQuantity: {
+            value: boolean;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        showPrice: {
+            value: boolean;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        showProductCode: {
+            value: boolean;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        showOptions: {
+            value: boolean;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        showProductImage: {
+            value: boolean;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        showCustomizations: {
+            value: boolean;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        showEdit: {
+            value: boolean;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        showMoveToWishlist: {
+            value: boolean;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        showRemove: {
+            value: boolean;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+    };
+    dataConnector: {
+        selectorKey: SelectorKeysEnum;
+        dataConnector: {
+            value: {
+                dataSource: string;
+                childSource: string;
+                keyMappings: {
+                    image: string;
+                };
+            };
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+    };
+};

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

@@ -35,7 +35,12 @@ export declare const getDefaultData: () => {
             property: string;
             propertyType: CMSElementEditTypes;
         };
-        tabAlignment: {
+        alignItems: {
+            value: string;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        justifyContent: {
             value: string;
             property: string;
             propertyType: CMSElementEditTypes;

package/dist/widget.scss

@@ -73,3 +73,4 @@
 @use "./form-preview.scss";
 @use "./customization-tree.scss";
 @use "./modal.scss";
+@use "./marchandiserSets.scss";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sc-360-v2/storefront-cms-library",
-  "version": "0.2.69",
+  "version": "0.2.71",
   "main": "/dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {