@sc-360-v2/storefront-cms-library 0.5.60 → 0.5.61

package/dist/text-temp.scss

@@ -37,7 +37,6 @@ $dblclk: '[data-cms-tt-ee-dbl-clkd="true"]';
     &#{$dblclk} {
       --_sf-op-bm-zz: 1;
       --_sf-vt-bm-zz: visible;
-
       #{$re} {
         display: none !important;
       }
@@ -48,7 +47,7 @@ $dblclk: '[data-cms-tt-ee-dbl-clkd="true"]';
       unicode-bidi: plaintext;
     }
 
-    &>.wrapper {
+    & > .wrapper {
       width: 100%;
       // min-height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht)));
       min-height: prepareMediaVariable(--_ctm-lt-ht);
@@ -59,8 +58,11 @@ $dblclk: '[data-cms-tt-ee-dbl-clkd="true"]';
       border-style: var(--_ctm-dn-br-se, var(--_tst-dn-br-se));
       border-width: var(--_ctm-dn-br-wh, var(--_tst-dn-br-wh));
       border-radius: var(--_ctm-dn-br-rs, var(--_tst-dn-br-rs));
-      box-shadow: var(--_show-shadow,
-          var(--_ctm-dn-sw-ae, var(--_tst-dn-sw-ae)) var(--_ctm-dn-sw-br, var(--_tst-dn-sw-br)) var(--_ctm-dn-sw-sd, var(--_tst-dn-sw-sd)) var(--_ctm-dn-sw-cr, var(--_tst-dn-sw-cr)));
+      box-shadow: var(
+        --_show-shadow,
+        var(--_ctm-dn-sw-ae, var(--_tst-dn-sw-ae)) var(--_ctm-dn-sw-br, var(--_tst-dn-sw-br))
+          var(--_ctm-dn-sw-sd, var(--_tst-dn-sw-sd)) var(--_ctm-dn-sw-cr, var(--_tst-dn-sw-cr))
+      );
       // height: 100%;
 
       #{$ie} {
@@ -70,7 +72,6 @@ $dblclk: '[data-cms-tt-ee-dbl-clkd="true"]';
         }
       }
     }
-
     &[data-show-shadow="false"] {
       --_show-shadow: none;
     }
@@ -97,14 +98,12 @@ $dblclk: '[data-cms-tt-ee-dbl-clkd="true"]';
 
       // transform: scale(var(--_ctm-dn-zm-ie));
       scale: var(--_ctm-dn-zm-ie);
-
       &[data-flip-x="true"] {
         transform: scaleX(-1);
       }
-
       &[data-flip-y="true"] {
         transform: scaleY(-1);
       }
     }
   }
-}
+}

package/dist/theme-classes.scss

@@ -35,7 +35,6 @@
   line-height: var(--_thm-ty-h2-le-ht);
   text-decoration: var(--_thm-ty-h2-ue);
 }
-
 .flx-thm-typ-h3 {
   // padding-inline: var(--_sf-cd-gp);
   color: var(--_thm-ty-h3-tt-cr);
@@ -51,7 +50,6 @@
   line-height: var(--_thm-ty-h3-le-ht);
   text-decoration: var(--_thm-ty-h3-ue);
 }
-
 .flx-thm-typ-h4 {
   // padding-inline: var(--_sf-cd-gp);
   color: var(--_thm-ty-h4-tt-cr);
@@ -67,7 +65,6 @@
   line-height: var(--_thm-ty-h4-le-ht);
   text-decoration: var(--_thm-ty-h4-ue);
 }
-
 .flx-thm-typ-h6 {
   // padding-inline: var(--_sf-cd-gp);
   color: var(--_thm-ty-h6-tt-cr);
@@ -115,7 +112,6 @@
   line-height: var(--_thm-ty-p1-le-ht);
   text-decoration: var(--_thm-ty-p1-ue);
 }
-
 .flx-thm-typ-p2 {
   // padding-inline: var(--_sf-cd-gp);
   color: var(--_thm-ty-p2-tt-cr);
@@ -186,7 +182,10 @@
 
   border-radius: var(--_sf-hr-br-rs, var(--_thm-py-bs-dt-se-br-rs));
 
-  box-shadow: var(--_sf-hr-sw-ae, var(--_thm-py-bs-dt-se-sw-ae)) var(--_sf-hr-sw-br, var(--_thm-py-bs-dt-se-sw-br)) var(--_sf-hr-sw-sd, var(--_thm-py-bs-dt-se-sw-sd)) var(--_sf-hr-sw-cr, var(--_thm-py-bs-dt-se-sw-cr));
+  box-shadow: var(--_sf-hr-sw-ae, var(--_thm-py-bs-dt-se-sw-ae))
+    var(--_sf-hr-sw-br, var(--_thm-py-bs-dt-se-sw-br))
+    var(--_sf-hr-sw-sd, var(--_thm-py-bs-dt-se-sw-sd))
+    var(--_sf-hr-sw-cr, var(--_thm-py-bs-dt-se-sw-cr));
 
   &[data-show-border="true"] {
     border-color: var(--_sf-hr-br-cr, var(--_thm-py-bs-dt-se-br-cr));
@@ -212,12 +211,10 @@
   text-transform: var(--_sf-hr-tt-tm, var(--_thm-py-bs-dt-se-ft));
   word-wrap: var(--_sf-hr-wd-wp, var(--_thm-py-bs-dt-se-ft));
   word-break: var(--_sf-hr-wd-bk, var(--_thm-py-bs-dt-se-ft));
-
   &.flex__overflow {
     white-space: normal;
     @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
   }
-
   font-size: var(--_sf-hr-ft-se, var(--_thm-py-bs-dt-se-ft-se));
   font-weight: var(--_sf-hr-ft-wt, var(--_thm-py-bs-dt-se-bd));
   font-style: var(--_sf-hr-ft-se-ic, var(--_thm-py-bs-dt-se-ic));
@@ -228,7 +225,6 @@
 
   .icon {
     display: var(--_hover-show-icon, var(--_show-icon, flex));
-
     svg {
       width: var(--_sf-hr-in-se, var(--_thm-py-bs-dt-se-in-se));
       height: var(--_sf-hr-in-se, var(--_thm-py-bs-dt-se-in-se));
@@ -282,7 +278,10 @@
   gap: var(--_thm-sy-bs-in-ad-tt-sg);
   border-radius: var(--_sf-hr-br-rs, var(--_thm-sy-bs-dt-se-br-rs));
 
-  box-shadow: var(--_sf-hr-sw-ae, var(--_thm-sy-bs-dt-se-sw-ae)) var(--_sf-hr-sw-br, var(--_thm-sy-bs-dt-se-sw-br)) var(--_sf-hr-sw-sd, var(--_thm-sy-bs-dt-se-sw-sd)) var(--_sf-hr-sw-cr, var(--_thm-sy-bs-dt-se-sw-cr));
+  box-shadow: var(--_sf-hr-sw-ae, var(--_thm-sy-bs-dt-se-sw-ae))
+    var(--_sf-hr-sw-br, var(--_thm-sy-bs-dt-se-sw-br))
+    var(--_sf-hr-sw-sd, var(--_thm-sy-bs-dt-se-sw-sd))
+    var(--_sf-hr-sw-cr, var(--_thm-sy-bs-dt-se-sw-cr));
 
   &[data-show-border="true"] {
     border-color: var(--_sf-hr-br-cr, var(--_thm-sy-bs-dt-se-br-cr));
@@ -308,12 +307,10 @@
   text-transform: var(--_sf-hr-tt-tm, var(--_thm-sy-bs-dt-se-ft));
   word-wrap: var(--_sf-hr-wd-wp, var(--_thm-sy-bs-dt-se-ft));
   word-break: var(--_sf-hr-wd-bk, var(--_thm-sy-bs-dt-se-ft));
-
   &.flex__overflow {
     white-space: normal;
     @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
   }
-
   font-size: var(--_sf-hr-ft-se, var(--_thm-sy-bs-dt-se-ft-se));
   font-weight: var(--_sf-hr-ft-wt, var(--_thm-sy-bs-dt-se-bd));
   font-style: var(--_sf-hr-ft-se-ic, var(--_thm-sy-bs-dt-se-ic));
@@ -324,7 +321,6 @@
 
   .icon {
     display: var(--_hover-show-icon, var(--_show-icon, flex));
-
     svg {
       width: var(--_sf-hr-in-se, var(--_thm-sy-bs-dt-se-in-se));
       height: var(--_sf-hr-in-se, var(--_thm-sy-bs-dt-se-in-se));
@@ -378,7 +374,10 @@
   gap: var(--_thm-ty-bs-in-ad-tt-sg);
   border-radius: var(--_sf-hr-br-rs, var(--_thm-ty-bs-dt-se-br-rs));
 
-  box-shadow: var(--_sf-hr-sw-ae, var(--_thm-ty-bs-dt-se-sw-ae)) var(--_sf-hr-sw-br, var(--_thm-ty-bs-dt-se-sw-br)) var(--_sf-hr-sw-sd, var(--_thm-ty-bs-dt-se-sw-sd)) var(--_sf-hr-sw-cr, var(--_thm-ty-bs-dt-se-sw-cr));
+  box-shadow: var(--_sf-hr-sw-ae, var(--_thm-ty-bs-dt-se-sw-ae))
+    var(--_sf-hr-sw-br, var(--_thm-ty-bs-dt-se-sw-br))
+    var(--_sf-hr-sw-sd, var(--_thm-ty-bs-dt-se-sw-sd))
+    var(--_sf-hr-sw-cr, var(--_thm-ty-bs-dt-se-sw-cr));
 
   &[data-show-border="true"] {
     border-color: var(--_sf-hr-br-cr, var(--_thm-ty-bs-dt-se-br-cr));
@@ -391,12 +390,10 @@
   text-transform: var(--_sf-hr-tt-tm, var(--_thm-ty-bs-dt-se-ft));
   word-wrap: var(--_sf-hr-wd-wp, var(--_thm-ty-bs-dt-se-ft));
   word-break: var(--_sf-hr-wd-bk, var(--_thm-ty-bs-dt-se-ft));
-
   &.flex__overflow {
     white-space: normal;
     @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
   }
-
   font-size: var(--_sf-hr-ft-se, var(--_thm-ty-bs-dt-se-ft-se));
   font-weight: var(--_sf-hr-ft-wt, var(--_thm-ty-bs-dt-se-bd));
   font-style: var(--_sf-hr-ft-se-ic, var(--_thm-ty-bs-dt-se-ic));
@@ -407,7 +404,6 @@
 
   .icon {
     display: var(--_hover-show-icon, var(--_show-icon, flex));
-
     svg {
       width: var(--_sf-hr-in-se, var(--_thm-ty-bs-dt-se-in-se));
       height: var(--_sf-hr-in-se, var(--_thm-ty-bs-dt-se-in-se));
@@ -422,4 +418,4 @@
     display: inline-block;
     width: 100%;
   }
-}
+}

package/dist/types/builder/elements/bundle-categories/index.d.ts

@@ -0,0 +1,30 @@
+import { CommonStyleProperties } from "../../../global/style-properties";
+import { CMSHTMLAttributes } from "../../../global/attributes";
+import { AlignSelfValue, BoxSizingValue, GlobalImageAttributes, GridAreaValue, HeightValue, ImageBuilderAttributes, JustifySelfValue, MarginValue, MaxHeightValue, MaxWidthValue, MinHeightValue, MinWidthValue, PaddingValue } from "../../../global/types";
+import { BuilderAttributes, CMSElementInterface } from "../common";
+export interface BundleCategoriesStyleProperties extends CommonStyleProperties {
+    minHeight?: MinHeightValue;
+    height?: HeightValue;
+    minWidth?: MinWidthValue;
+    maxWidth?: MaxWidthValue;
+    maxHeight?: MaxHeightValue;
+    gridArea?: GridAreaValue;
+    boxSizing?: BoxSizingValue;
+    padding?: PaddingValue;
+    marginLeft?: MarginValue;
+    marginTop?: MarginValue;
+    marginBottom?: MarginValue;
+    marginRight?: MarginValue;
+    justifySelf?: JustifySelfValue;
+    alignSelf?: AlignSelfValue;
+}
+export declare const getDefaultStyles: () => BundleCategoriesStyleProperties;
+export interface CMSBundleCategoriesInterface extends Omit<CMSElementInterface, "attributes"> {
+    attributes: {
+        HTML: Pick<CMSHTMLAttributes, GlobalImageAttributes>;
+        BUILDER: Pick<BuilderAttributes, ImageBuilderAttributes>;
+        CUSTOM: any;
+    };
+    styles: BundleCategoriesStyleProperties;
+    childrenStyles?: CommonStyleProperties;
+}

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

@@ -327,6 +327,7 @@ export declare const CMSElementsListEnum: {
     TOASTER: string;
     SPOTLIGHT: string;
     BUNDLE_DETAILS: string;
+    BUNDLE_CATEGORIES: string;
     PRODUCT_CUSTOMIZATIONS: string;
     ICON_LIST: string;
     MENU_V2: string;

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

@@ -48,6 +48,7 @@ import * as brandSchema from "./elements/brand/index";
 import * as brandImageSchema from "./elements/brand-image/index";
 import * as bundleSchema from "./elements/bundle/index";
 import * as bundleDetailsSchema from "./elements/bundle-details/index";
+import * as bundleCategoriesSchema from "./elements/bundle-categories/index";
 import * as lightBoxV2Schema from "./elements/light-box-v2/index";
 import * as searchSchema from "./elements/search/index";
 import * as layouterSchema from "./elements/layouter/index";
@@ -96,4 +97,4 @@ import embroideryVectors from "./embroidery-icons/index";
 import * as pageSchema from "./elements/page";
 import * as kitDetails from "./elements/kit-details";
 import * as kitsSchema from "./elements/kits";
-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, embroideryVectors, pageSchema, kitDetails, kitsSchema, };
+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, bundleCategoriesSchema, 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, embroideryVectors, pageSchema, kitDetails, kitsSchema, };

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

@@ -0,0 +1,115 @@
+import { CMSCSSUnitTypesEnums, CMSElementEditTypes } from "../../enums";
+export declare enum SelectorKeysEnum {
+    LAYOUT = "layout",
+    CONTENT = "content",
+    DESIGN = "design",
+    DATA_CONNECTOR = "dataConnector"
+}
+/**
+ * Category strip for a bundle built from CMS elements. Deliberately thin: the
+ * counts and completion state are derived at runtime from the bundle and the
+ * shared selection, so there is nothing here to configure but presentation and
+ * which parts to show.
+ */
+export declare const getDefaultData: () => {
+    layout: {
+        selectorKey: SelectorKeysEnum;
+        width: {
+            value: number;
+            property: string;
+            unit: CMSCSSUnitTypesEnums;
+            propertyType: CMSElementEditTypes;
+        };
+        height: {
+            value: number;
+            property: string;
+            unit: CMSCSSUnitTypesEnums;
+            propertyType: CMSElementEditTypes;
+        };
+        margin: import("../../interfaces/global").CSSPaddingValues | undefined;
+        padding: any;
+        itemGap: {
+            value: number;
+            unit: number;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        showArrows: {
+            value: boolean;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        loopItems: {
+            value: boolean;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        allowAutoScroll: {
+            value: boolean;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        positionType: import("../../interfaces/global").CMSIBCommonInterface | undefined;
+        pinTo: import("../../interfaces/global").CMSIBCommonInterface | undefined;
+    };
+    content: {
+        selectorKey: SelectorKeysEnum;
+        showBundleName: {
+            value: boolean;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        showProductCount: {
+            value: boolean;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        showSelectedCount: {
+            value: boolean;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+        showCategoryImage: {
+            value: boolean;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+    };
+    design: {
+        gradientType: import("../../interfaces/global").CMSIBSizeInterface;
+        gradientStartColor: import("../../interfaces/global").CMSIBCommonInterface;
+        gradientEndColor: import("../../interfaces/global").CMSIBCommonInterface;
+        gradientFlip: import("../../interfaces/global").CMSIBCommonInterface;
+        gradientAngle: import("../../interfaces/global").CMSIBCommonInterface;
+        gradientPosition: import("../../interfaces/global").CMSIBCommonInterface;
+        gradientStartPosition: import("../../interfaces/global").CMSIBCommonInterface;
+        gradientEndPosition: import("../../interfaces/global").CMSIBCommonInterface;
+        backgroundColor: import("../../interfaces/global").CMSIBCommonInterface;
+        backgroundRepeat: import("../../interfaces/global").CMSIBCommonInterface;
+        backgroundSize: import("../../interfaces/global").CMSIBCommonInterface;
+        backgroundAttachment: import("../../interfaces/global").CMSIBCommonInterface;
+        backgroundPosition: import("../../interfaces/global").CMSIBCommonInterface;
+        backgroundPositionX: import("../../interfaces/global").CMSIBCommonInterface;
+        backgroundPositionY: import("../../interfaces/global").CMSIBCommonInterface;
+        backgroundImage: import("../../interfaces/global").CMSIBCommonInterface;
+        selectorKey: SelectorKeysEnum;
+        borderColor: import("../../interfaces/global").CMSIBCommonInterface;
+        borderStyle: import("../../interfaces/global").CMSIBCommonInterface;
+        showBorder: import("../../interfaces/global").CMSIBCommonInterface;
+        showShadow: import("../../interfaces/global").CMSIBCommonInterface;
+        shadowColor: import("../../interfaces/global").CMSIBCommonInterface;
+        blur: import("../../interfaces/global").CMSIBSizeInterface;
+        spread: import("../../interfaces/global").CMSIBSizeInterface;
+        angle: import("../../interfaces/global").CMSIBSizeInterface;
+        borderRadius: import("../../interfaces/global").CSSPaddingValues;
+    };
+    dataConnector: {
+        selectorKey: SelectorKeysEnum;
+        dataConnector: any;
+        dynamicData: {
+            value: null;
+            property: string;
+            propertyType: CMSElementEditTypes;
+        };
+    };
+};

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

@@ -6,6 +6,7 @@ export interface ButtonLayoutInterface {
     selectorKey: string;
     buttonStyle: CMSIBCommonInterface;
     buttonText: CMSIBCommonInterface;
+    bundleAction: CMSIBCommonInterface;
     buttonIcon: CMSIBCommonInterface;
     iconPosition: CMSIBCommonInterface;
     iconAndTextSpacing: CMSIBCommonInterface;