@sc-360-v2/storefront-cms-library 0.1.91 → 0.1.92

package/dist/product.scss

@@ -0,0 +1,182 @@
+@use "sass:map";
+@use "sass:list";
+
+[data-div-type="element"] {
+  &[data-element-type="product"] {
+    // width: var(--_sf-nw-wh, var(--_tst-lt-wh));
+    width: var(--_sf-el-wh-st-mx, calc(1% * var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh))));
+    height: var(--_ctm-lt-ht) !important;
+    margin: var(--_ctm-lt-mn, --_tst-lt-mn);
+    // aspect-ratio: 1 / var(--_sf-aspect-ratio);
+
+    & > .wrapper {
+      // width: 100%;
+      // height: 100%;
+    }
+
+    &[data-show-shadow="false"] {
+      --_show-shadow: none;
+    }
+    &[data-icon-position="left"] {
+      --_sf-fd-bn: row;
+    }
+    &[data-icon-position="right"] {
+      --_sf-fd-bn: row-reverse;
+    }
+    &[data-icon-position="center"] {
+      --_sf-fd-bn: row;
+    }
+
+    &:hover {
+      --_sf-hr-bd-cr: var(--_ctm-dn-hr-se-bd-cr, var(--_tst-dn-hr-se-bd-cr));
+      --_sf-hr-br-cr: var(--_ctm-dn-hr-se-br-cr, var(--_tst-dn-hr-se-br-cr));
+      --_sf-hr-br-st: var(--_ctm-dn-hr-se-br-se, var(--_tst-dn-hr-se-br-se));
+      --_sf-hr-br-wt: var(--_ctm-dn-hr-se-br-wh, var(--_tst-dn-hr-se-br-wh));
+      --_sf-hr-br-br: var(--_ctm-dn-hr-se-br-rs, var(--_tst-dn-hr-se-br-rs));
+      --_sf-hr-bx-sw: var(--_ctm-dn-hr-se-sw-ae, var(--_tst-dn-hr-se-sw-ae))
+        var(--_ctm-dn-hr-se-sw-br, var(--_tst-dn-hr-se-sw-br))
+        var(--_ctm-dn-hr-se-sw-sd, var(--_tst-dn-hr-se-sw-sd))
+        var(--_ctm-dn-hr-se-sw-cr, var(--_tst-dn-hr-se-sw-cr));
+
+      --_sf-hr-fc: var(--_ctm-dn-hr-se-cr, var(--_tst-dn-hr-se-cr));
+      --_sf-hr-ff: var(--_ctm-dn-hr-se-ft-fy, var(--_tst-dn-hr-se-ft-fy));
+      --_sf-hr-fs: var(--_ctm-dn-hr-se-ft-se, var(--_tst-dn-hr-se-ft-se));
+      --_sf-hr-fw: var(--_ctm-dn-hr-se-ft-wt, var(--_tst-dn-hr-se-ft-wt));
+      --_sf-hr-ft: var(--_ctm-dn-hr-se-ft-se-ic, var(--_tst-dn-hr-se-ft-se-ic));
+      --_sf-hr-ta: var(--_ctm-dn-hr-se-tt-an, var(--_tst-dn-hr-se-tt-an));
+      --_sf-hr-ls: var(--_ctm-dn-hr-se-lr-sg, var(--_tst-dn-hr-se-lr-sg));
+      --_sf-hr-lh: var(--_ctm-dn-hr-se-le-ht, var(--_tst-dn-hr-se-le-ht));
+
+      --_sf-hr-ic-wt: var(--_ctm-dn-hr-se-in-se, var(--_tst-dn-hr-se-in-se));
+      --_sf-hr-ic-ht: var(--_ctm-dn-hr-se-in-se, var(--_tst-dn-hr-se-in-se));
+      --_sf-hr-ic-st: var(--_ctm-dn-hr-se-in-c1, var(--_tst-dn-hr-se-in-c1));
+      --_sf-hr-tt-dn: var(--_ctm-dn-hr-se-ue, var(--_tst-dn-hr-se-in-c1));
+
+      &[data-hover-show-shadow="false"] {
+        --_hover-show-shadow: none;
+      }
+      &[data-hover-show-icon="false"] {
+        --_hover-show-icon: none;
+      }
+    }
+    &[data-show-icon="false"] {
+      --_show-icon: none;
+    }
+    &[data-element-style="Icon"] {
+      &[data-icon-position="left"] {
+        --_sf-jc: start;
+      }
+      &[data-icon-position="right"] {
+        --_sf-jc: end;
+      }
+      &[data-icon-position="center"] {
+        --_sf-jc: center;
+      }
+    }
+
+    .btn__with__text {
+      background-color: var(--_sf-hr-bd-cr, var(--_ctm-dn-dt-se-bd-cr, var(--_tst-dn-dt-se-bd-cr)));
+      // padding: var(--_ctm-lt-pg, var(--_tst-lt-pg));
+      padding: var(--_sf-element-vt-pd) var(--_sf-element-hr-pd);
+      display: flex;
+      flex-direction: var(--_sf-fd-bn);
+      align-items: center;
+      // justify-content: var(--_sf-jc, center);
+      justify-content: var(--_ctm-lt-tt-an, center);
+      gap: var(--_ctm-lt-gp, var(--_tst-lt-gp));
+
+      width: 100%;
+      height: 100%;
+
+      border-radius: var(--_sf-hr-br-br, var(--_ctm-dn-dt-se-br-rs, var(--s_tst-dn-dt-se-br-rs)));
+      box-shadow: var(
+        --_hover-show-shadow,
+        var(
+          --_sf-hr-bx-sw,
+          var(
+            --_show-shadow,
+            var(--_ctm-dn-dt-se-sw-ae, var(--_tst-dn-dt-se-sw-ae))
+              var(--_ctm-dn-dt-se-sw-br, var(--_tst-dn-dt-se-sw-br))
+              var(--_ctm-dn-dt-se-sw-sd, var(--_tst-dn-dt-se-sw-sd))
+              var(--_ctm-dn-dt-se-sw-cr, var(--_tst-dn-dt-se-sw-cr))
+          )
+        )
+      );
+      &[data-show-border="true"] {
+        border-color: var(--_sf-hr-br-cr, var(--_ctm-dn-dt-se-br-cr, var(--_tst-dn-dt-se-br-cr)));
+        border-style: var(--_sf-hr-br-st, var(--_ctm-dn-dt-se-br-se, var(--_tst-dn-dt-se-br-se)));
+        border-width: var(--_sf-hr-br-wt, var(--_ctm-dn-dt-se-br-wh, var(--_tst-dn-dt-se-br-wh)));
+      }
+      // &.btn__with__text__icon {
+      //   justify-content: center;
+      //   // gap: 10px;
+      // }
+      // & > span {
+      //   align-items: center;
+      //   justify-content: center;
+      //   &.txt {
+      //     display: flex;
+      //     color: var(--_sf-hr-fc, var(--_ctm-dn-dt-se-cr, var(--_tst-dn-dt-se-cr)));
+      //     font-family: var(--_sf-hr-ff, var(--_ctm-dn-dt-se-ft-fy, var(--_tst-dn-dt-se-ft-fy))),
+      //       sans-serif;
+      //     font-size: var(--_sf-hr-fs, var(--_ctm-dn-dt-se-ft-se, var(--_tst-dn-dt-se-ft-se)));
+      //     font-weight: var(--_sf-hr-fw, var(--_ctm-dn-dt-se-ft-wt, var(--_tst-dn-dt-se-ft-wt)));
+      //     font-style: var(
+      //       --_sf-hr-ft,
+      //       var(--_ctm-dn-dt-se-ft-se-ic, var(--_tst-dn-dt-se-ft-se-ic))
+      //     );
+      //     text-align: var(--_sf-hr-ta, var(--_ctm-dn-dt-se-tt-an, var(--_tst-dn-dt-se-tt-an)));
+      //     letter-spacing: var(--_sf-hr-ls, var(--_ctm-dn-dt-se-lr-sg, var(--_tst-dn-dt-se-lr-sg)));
+      //     line-height: var(--_sf-hr-lh, var(--_ctm-dn-dt-se-le-ht, var(--_tst-dn-dt-se-le-ht)));
+      //     text-decoration: var(--_sf-hr-tt-dn, var(--_ctm-dn-dt-se-ue, var(--_tst-dn-dt-se-le-ht)));
+      //     // --_sf-hr-tt-dn: var(--_ctm-dn-hr-se-ue, var(--_tst-dn-hr-se-in-c1));
+      //   }
+
+      //   &.icon {
+      //     display: var(--_hover-show-icon, var(--_show-icon, flex));
+      //     svg {
+      //       width: var(--_sf-hr-ic-wt, var(--_ctm-dn-dt-se-in-se, var(--_tst-dn-dt-se-in-se)));
+      //       height: var(--_sf-hr-ic-ht, var(--_ctm-dn-dt-se-in-se, var(--_tst-dn-dt-se-in-se)));
+      //       path {
+      //         stroke: var(--_sf-hr-ic-st, var(--_ctm-dn-dt-se-in-c1, var(--_tst-dn-dt-se-in-c1)));
+      //       }
+      //     }
+      //   }
+      //   &[data-element-style="Text"] {
+      //     display: inline-block;
+      //     width: 100%;
+      //   }
+      // }
+
+      .txt {
+        display: flex;
+        color: var(--_sf-hr-fc, var(--_ctm-dn-dt-se-cr, var(--_tst-dn-dt-se-cr)));
+        font-family: var(--_sf-hr-ff, var(--_ctm-dn-dt-se-ft-fy, var(--_tst-dn-dt-se-ft-fy))),
+          sans-serif;
+        font-size: var(--_sf-hr-fs, var(--_ctm-dn-dt-se-ft-se, var(--_tst-dn-dt-se-ft-se)));
+        font-weight: var(--_sf-hr-fw, var(--_ctm-dn-dt-se-ft-wt, var(--_tst-dn-dt-se-ft-wt)));
+        font-style: var(--_sf-hr-ft, var(--_ctm-dn-dt-se-ft-se-ic, var(--_tst-dn-dt-se-ft-se-ic)));
+        text-align: var(--_sf-hr-ta, var(--_ctm-dn-dt-se-tt-an, var(--_tst-dn-dt-se-tt-an)));
+        letter-spacing: var(--_sf-hr-ls, var(--_ctm-dn-dt-se-lr-sg, var(--_tst-dn-dt-se-lr-sg)));
+        line-height: var(--_sf-hr-lh, var(--_ctm-dn-dt-se-le-ht, var(--_tst-dn-dt-se-le-ht)));
+        text-decoration: var(--_sf-hr-tt-dn, var(--_ctm-dn-dt-se-ue, var(--_tst-dn-dt-se-le-ht)));
+        // --_sf-hr-tt-dn: var(--_ctm-dn-hr-se-ue, var(--_tst-dn-hr-se-in-c1));
+      }
+
+      .icon {
+        display: var(--_hover-show-icon, var(--_show-icon, flex));
+        svg {
+          width: var(--_sf-hr-ic-wt, var(--_ctm-dn-dt-se-in-se, var(--_tst-dn-dt-se-in-se)));
+          height: var(--_sf-hr-ic-ht, var(--_ctm-dn-dt-se-in-se, var(--_tst-dn-dt-se-in-se)));
+          path {
+            stroke: var(--_sf-hr-ic-st, var(--_ctm-dn-dt-se-in-c1, var(--_tst-dn-dt-se-in-c1)));
+          }
+        }
+      }
+      [data-element-style="Text"] {
+        display: inline-block;
+        width: 100%;
+      }
+    }
+  }
+}

package/dist/profile.scss

@@ -0,0 +1,18 @@
+@use "sass:map";
+@use "sass:list";
+
+[data-div-type="element"] {
+  &[data-element-type="profile"] {
+    width: var(--_sf-el-wh-st-mx, calc(1% * var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh))));
+    margin: var(--_ctm-lt-mn, --_tst-lt-mn);
+    aspect-ratio: 1 / var(--_sf-aspect-ratio);
+
+    & > .wrapper {
+      width: 100%;
+      height: 100%;
+    }
+    &[data-show-shadow="false"] {
+      --_show-shadow: none;
+    }
+  }
+}

package/dist/quantity-selector.scss

@@ -258,7 +258,7 @@
         text-align: left;
         text-underline-position: from-font;
         text-decoration-skip-ink: none;
-        color: #1f1930;
+        color: red;
       }
     }
   }

package/dist/section.scss

@@ -56,5 +56,35 @@ section {
         width: 100%;
       }
     }
+
+    div[data-div-type="element"] {
+      & > .wrapper {
+        grid-area: 1/1/2/2 !important;
+      }
+      &:is([data-element-type="stack"].hrz > .wrapper > [data-div-type="element"]) {
+        &:is([data-element-type="stack"]) {
+          width: max(
+            0.5px,
+            calc(var(--_ctm-sta-ele-nw-wh-vl) / 100) *
+              (var(--_cms-scaling-factor) - var(--_cms-scrollbar-width))
+          );
+        }
+        &:is([data-element-type="container"]) {
+          width: max(
+            0.5px,
+            calc(var(--_ctm-con-ele-nw-wh-vl) / 100) *
+              (var(--_cms-scaling-factor) - var(--_cms-scrollbar-width))
+          );
+        }
+
+        &:not([data-element-type="container"], [data-element-type="stack"]) {
+          width: max(
+            0.5px,
+            calc(var(--_ctm-ele-nw-wh-vl) / 100) *
+              (var(--_cms-scaling-factor) - var(--_cms-scrollbar-width))
+          );
+        }
+      }
+    }
   }
 }

package/dist/stack.scss

@@ -0,0 +1,72 @@
+@use "sass:map";
+@use "sass:list";
+[data-div-type="element"] {
+  &[data-element-type="stack"] {
+    // min-width: var(--_sf-sta-nw-wh) !important;
+    // min-height: var(--_ctm-sta-lt-ht, 100px) !important;
+    min-width: 100px;
+    min-height: 100px;
+    margin: var(--_ctm-sta-lt-mn, var(--_ctm-lt-mn, --_tst-lt-mn));
+    background: var(--_ctm-sta-dn-bd-cr);
+    display: var(--_d-grid);
+
+    border-color: var(--_hide-grid-border, var(--_ctm-sta-dn-br-cr, var(--_tst-dn-dt-se-br-cr)));
+    border-style: var(--_hide-grid-border, var(--_ctm-sta-dn-br-se, var(--_tst-dn-dt-se-br-se)));
+    border-width: var(--_hide-grid-border, var(--_ctm-sta-dn-br-wh, var(--_tst-dn-dt-se-br-wh)));
+    border-radius: var(--_ctm-sta-dn-br-rs, var(--_tst-dn-dt-se-br-rs));
+    grid-template-columns: 100%;
+
+    &.vtl {
+      // width: var(--_sf-sta-nw-wh, auto);
+      width: calc(1% * var(--_ctm-sta-ele-nw-wh-vl, auto));
+      min-width: 100px;
+      & > .wrapper {
+        flex-direction: column;
+        width: 100%;
+        height: 100%;
+        // justify-content: var(--_ctm-sta-lt-jy-ct);
+        // align-items: var(--_ctm-sta-lt-an-is);
+        align-items: var(--_ctm-sta-lt-jy-ct);
+      }
+    }
+    &.hrz {
+      // min-width: var(--_sf-sta-nw-wh) !important;
+      // min-width: 100px !important;
+      min-height: 100px;
+      width: max-content;
+      // height: var(--_ctm-sta-lt-ht, 100px);
+      // width: var(--_sf-sta-nw-wh, auto);
+      & > .wrapper {
+        width: max-content;
+        // width: 100%;
+        height: 100%;
+        flex-direction: row;
+        // justify-content: var(--_ctm-sta-lt-an-is);
+        align-items: var(--_ctm-sta-lt-an-is);
+      }
+    }
+
+    & > div {
+      &.wrapper {
+        // width: 100%;
+        padding: var(--_ctm-sta-lt-pg);
+        display: var(--_d-flex);
+        gap: var(--_ctm-sta-lt-im-gp);
+
+        // border-color: var(
+        //   --_hide-grid-border,
+        //   var(--_ctm-sta-dn-br-cr, var(--_tst-dn-dt-se-br-cr))
+        // );
+        // border-style: var(
+        //   --_hide-grid-border,
+        //   var(--_ctm-sta-dn-br-se, var(--_tst-dn-dt-se-br-se))
+        // );
+        // border-width: var(
+        //   --_hide-grid-border,
+        //   var(--_ctm-sta-dn-br-wh, var(--_tst-dn-dt-se-br-wh))
+        // );
+        // border-radius: var(--_ctm-sta-dn-br-rs, var(--_tst-dn-dt-se-br-rs));
+      }
+    }
+  }
+}

package/dist/text-editor.scss

@@ -326,3 +326,6 @@ $chip-remove-color: rgb(0, 54, 172);
   left: 260px !important;
   top: 200px !important;
 }
+.fr-popup.fr-desktop.fr-inline.fr-above {
+  z-index: 999999 !important;
+}

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

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

package/dist/types/builder/elements/common.d.ts

@@ -9,7 +9,7 @@ export interface BuilderAttributes {
     dataElementSubType?: string;
     dataChildCount?: string | number;
     dataDropElement?: string | number;
-    dataElementSubChild?: string | number;
+    dataElementSubChild?: string | number | any;
 }
 export interface CMSElementAttributes {
     HTML?: CMSHTMLAttributes;

package/dist/types/builder/elements/gallery-slider/index.d.ts

@@ -1,10 +1,9 @@
 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 { AlignSelfValue, BoxSizingValue, GlobalImageAttributes, GridAreaValue, ImageBuilderAttributes, JustifySelfValue, MarginValue, MaxHeightValue, MaxWidthValue, MinHeightValue, MinWidthValue, PaddingValue } from "../../../global/types";
 import { BuilderAttributes, CMSElementInterface } from "../common";
 export interface GallerySliderStyleProperties extends CommonStyleProperties {
     minHeight?: MinHeightValue;
-    height?: HeightValue;
     minWidth?: MinWidthValue;
     maxWidth?: MaxWidthValue;
     maxHeight?: MaxHeightValue;
@@ -27,4 +26,5 @@ export interface CMSGallerySliderInterface extends Omit<CMSElementInterface, "at
     };
     styles: GallerySliderStyleProperties;
     childrenStyles?: CommonStyleProperties;
+    isMaximized?: boolean;
 }

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

@@ -1,26 +1,43 @@
 import { CMSHTMLAttributes } from "../../../global/attributes";
 import { CommonStyleProperties } from "../../../global/style-properties";
-import { AlignSelfValue, BoxSizingValue, GlobalImageAttributes, GridAreaValue, HeightValue, ImageBuilderAttributes, JustifySelfValue, MaxHeightValue, MaxWidthValue, MinHeightValue, MinWidthValue, PaddingValue } from "../../../global/types";
-import { BuilderAttributes, CMSElementInterface } from "../common";
+import { DisplayValue, ResponsiveBehaviourTypes } from "../../../global/types";
+import { BuilderAttributes } from "../common";
 export interface LightboxStyleProperties extends CommonStyleProperties {
-    minHeight?: MinHeightValue;
-    height?: HeightValue;
-    minWidth?: MinWidthValue;
-    maxWidth?: MaxWidthValue;
-    maxHeight?: MaxHeightValue;
-    gridArea?: GridAreaValue;
-    boxSizing?: BoxSizingValue;
-    padding?: PaddingValue;
-    justifySelf?: JustifySelfValue;
-    alignSelf?: AlignSelfValue;
+    minHeight: string;
+    minWidth: string;
+    maxWidth: string;
+    maxHeight: string;
+    gridArea: string;
+    display: DisplayValue;
+    boxSizing: string;
+    rowGap: string;
+    columnGap: string;
+    gridTemplateRows: string;
+    gridTemplateColumns: string;
 }
 export declare const getDefaultStyles: () => LightboxStyleProperties;
-export interface CMSLightboxInterface extends Omit<CMSElementInterface, "attributes"> {
-    attributes: {
-        HTML: Pick<CMSHTMLAttributes, GlobalImageAttributes>;
-        BUILDER: Pick<BuilderAttributes, ImageBuilderAttributes>;
-        CUSTOM: any;
+export interface CommonLightboxElementAttributes extends CMSHTMLAttributes {
+    role?: string;
+    ariaLabel?: string;
+    ariaDescribedBy?: string;
+    id?: string;
+    className?: string;
+    lang?: string;
+    dataMeta?: string;
+}
+export interface CMSLightboxInterface {
+    id?: string | number;
+    uniqueKey?: string | number;
+    attributes?: {
+        BUILDER?: Pick<BuilderAttributes, "dataDivType" | "dataType" | "dataElementType" | "dataDropElement" | "dataElementSubChild">;
+        HTML?: CommonLightboxElementAttributes;
+        CUSTOM?: any;
     };
-    styles: LightboxStyleProperties;
-    childrenStyles?: CommonStyleProperties;
+    styles?: LightboxStyleProperties;
+    editedStyles?: CommonStyleProperties;
+    responsiveBehaviour: ResponsiveBehaviourTypes;
+    children: any;
+    childIds: any[];
+    previewImage?: string;
+    isMaximized?: boolean;
 }

package/dist/types/builder/elements/product/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 ProductStyleProperties 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: () => ProductStyleProperties;
+export interface CMSProductInterface extends Omit<CMSElementInterface, "attributes"> {
+    attributes: {
+        HTML: Pick<CMSHTMLAttributes, GlobalImageAttributes>;
+        BUILDER: Pick<BuilderAttributes, ImageBuilderAttributes>;
+        CUSTOM: any;
+    };
+    styles: ProductStyleProperties;
+    childrenStyles?: CommonStyleProperties;
+}

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

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

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

@@ -0,0 +1,61 @@
+import { CMSHTMLAttributes } from "../../../global/attributes";
+import { CommonStyleProperties } from "../../../global/style-properties";
+import { DisplayValue, ResponsiveBehaviourTypes } from "../../../global/types";
+import { BuilderAttributes } from "../common";
+export interface RepeaterStyleProperties extends CommonStyleProperties {
+    minHeight: string;
+    minWidth: string;
+    maxWidth: string;
+    maxHeight: string;
+    gridArea: string;
+    display: DisplayValue;
+    boxSizing: string;
+}
+export declare const getDefaultStyles: () => RepeaterStyleProperties;
+export declare const getDefaultStylesV2: () => RepeaterStyleProperties & {
+    gridTemplateRows: string;
+    gridTemplateColumns: string;
+};
+export interface CommonRepeaterElementAttributes extends CMSHTMLAttributes {
+    role?: string;
+    ariaLabel?: string;
+    ariaDescribedBy?: string;
+    id?: string;
+    className?: string;
+    lang?: string;
+    dataMeta?: string;
+}
+export interface RepeaterElementInterface {
+    id?: string | number;
+    uniqueKey?: string | number;
+    attributes?: {
+        BUILDER?: Pick<BuilderAttributes, "dataDivType" | "dataType" | "dataElementType" | "dataDropElement">;
+        HTML?: CommonRepeaterElementAttributes;
+        CUSTOM?: any;
+    };
+    styles?: RepeaterStyleProperties;
+    editedStyles?: CommonStyleProperties;
+    responsiveBehaviour: ResponsiveBehaviourTypes;
+    children: CMSRepeaterChildrenContainer;
+    childIds: any[];
+    previewImage?: string;
+    isMaximized?: boolean;
+}
+export interface RepeaterItemElementAttributes {
+    id?: string | number;
+    uniqueKey?: string | number;
+    attributes?: {
+        BUILDER?: Pick<BuilderAttributes, "dataDivType" | "dataType" | "dataElementType" | "dataDropElement" | "dataElementSubChild">;
+        HTML?: CommonRepeaterElementAttributes;
+        CUSTOM?: any;
+    };
+    styles?: RepeaterStyleProperties;
+    editedStyles?: CommonStyleProperties;
+    responsiveBehaviour: ResponsiveBehaviourTypes;
+    children: any;
+    childIds: any[];
+    previewImage?: string;
+}
+export interface CMSRepeaterChildrenContainer {
+    [key: string]: RepeaterItemElementAttributes;
+}

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

@@ -38,7 +38,11 @@ export declare enum CMSToolIdTypes {
     cmsAddElementBodyLayer = "data-global-temp-body",
     cmsIframePreview = "cms-iframe-preview",
     cmsIframeMainElement = "cms-iframe-preview-main",
-    duplicateElement = "cms-element-duplicate"
+    duplicateElement = "cms-element-duplicate",
+    addGlobalSectionsPopup = "cms-add-global-sections-popup",
+    containerElement = "div[data-element-type='container']",
+    repeaterWrapper = "cms-repeater-wrapper",
+    repeaterItemWrapper = "cms-repeater-item-wrapper"
 }
 export declare enum CMSElementSelectors {
     iframeSelector = "iframe[data-title='iframe__playground']",
@@ -62,6 +66,7 @@ export declare enum CMSElementSelectors {
     addElementComponentSelector = "[data-cms-tool='cms-add-element-component']",
     playgroundWrapper = "[data-cms-tool='playground_wrapper']",
     addElementPopup = "[data-cms-tool='cms-add-element-popup']",
+    addGlobalSectionsPopup = "[data-cms-tool='cms-add-global-sections-popup']",
     addGridButtonSelector = "button[data-cms-tool='add-grid-button']",
     customCodeModalSelectr = "div[data-cms-tool='cms-custom-code-modal']",
     playgroundMain = "main[data-cms-tool='cms-playground-main']",
@@ -78,7 +83,9 @@ export declare enum CMSElementSelectors {
     cmsAddElementBodyLayer = "div[data-cms-tool='data-global-temp-body']",
     duplicateElement = "div[data-cms-tool='cms-element-duplicate']",
     stackWrapper = "div[data-div-type='cms-stack-wrapper']",
-    containerElement = "div[data-element-type='container']"
+    containerElement = "div[data-element-type='container']",
+    repeaterElement = "div[data-element-type='repeater']",
+    repeaterItemElement = "div[data-element-type='repeater-item']"
 }
 export declare enum CMSToolAttributes {
     id = "data-cms-tool",
@@ -110,7 +117,8 @@ export declare enum CMSToolAttributes {
 export declare enum CMSElementEditTypes {
     CSS = "css",
     TOOL = "tool",
-    CONTROLS = "controls"
+    CONTROLS = "controls",
+    CONTENT = "content"
 }
 export declare enum CMSCSSUnitTypesEnums {
     PIXELS = 1,
@@ -128,3 +136,59 @@ export declare enum CMSStackDisplayTypeEnum {
     HORIZONTAL = "horizontal",
     VERTICAL = "vertical"
 }
+export declare const CMSElementsListEnum: {
+    BUTTON: string;
+    BUTTON_THEME: string;
+    PAGE: string;
+    SECTION: string;
+    CODE: string;
+    IMAGE: string;
+    GRID: string;
+    TAB: string;
+    VIDEO: string;
+    SLIDE_SHOW_LAYOUTER: string;
+    CODEEDITOR: string;
+    EMBED: string;
+    TABLE: string;
+    SLIDER: string;
+    GALLERY_SLIDER: string;
+    SOCIAL: string;
+    FAQ: string;
+    TEXT: string;
+    SCROLL: string;
+    IMAGE_HOTSPOT: string;
+    COUNTDOWN: string;
+    MAP: string;
+    CONTAINER: string;
+    PRODUCT_PRICE: string;
+    PRODUCT_ACTIONS: string;
+    VOLUME_PRICING: string;
+    PRODUCT_INVENTORY: string;
+    STORE_LOCATIONS: string;
+    PICKUP_LOCATIONS: string;
+    PRODUCT_HIGHLIGHTS: string;
+    PAYMENT_METHODS: string;
+    SHIPPING_ESTIMATOR: string;
+    PRODUCT_PROMOTIONS: string;
+    AMOUNT_ESTIMATOR: string;
+    QUANTITY_SELECTOR: string;
+    STACK: string;
+    UOM_SELECTOR: string;
+    VARIANT_PICKER: string;
+    BULK_VARIANT_PICKER: string;
+    PRODUCT_IMAGE: string;
+    PRODUCT_NAME: string;
+    PRODUCT_DESCRIPTION: string;
+    PRODUCT_BRAND: string;
+    PRODUCT_CODE: string;
+    PRODUCT_REVIEW: string;
+    PRODUCT_RATING: string;
+    LIGHTBOX: string;
+    CART: string;
+    PROFILE: string;
+    PRODUCT: string;
+    MENU: string;
+    PRODUCT_OPTIONS: string;
+    REPEATER: string;
+    REPEATER_ITEM: string;
+};