@gem-sdk/components 2.1.13-staging.25 → 2.1.13-staging.27

package/dist/cjs/banner/components/hero-banner/index.liquid.js

@@ -43,9 +43,6 @@ const HeroBanner = ({ builderAttrs, builderProps, setting, styles, style, childr
             } else if (data.videoType === 'html5') {
                 delete data.video;
             }
-            if (data.type !== 'image') {
-                delete data.image;
-            }
         }
         return background;
     };

package/dist/cjs/carousel/components/Carousel.liquid.js

@@ -13,7 +13,7 @@ const DEVICES = [
     'tablet',
     'desktop'
 ];
-const Carousel = ({ builderAttrs, builderProps, style, styles, moveToIdx, rootId, rootAttr, rootClass, wrapperClass, rootStyles, children, rawChildren, isHiddenArrowWhenDisabled = true, advanced, disableMarginAuto, conditionAppendJs, ...props })=>{
+const Carousel = ({ builderAttrs, builderProps, style, styles, moveToIdx, rootId, rootAttr, rootClass, wrapperClass, rootStyles, children, rawChildren, isHiddenArrowWhenDisabled = true, advanced, disableMarginAuto, conditionAppendJs, ftShapeProductImage, ...props })=>{
     const setting = arrow.mappingNavigationCarousel(props.setting);
     const styleHeight = core.makeStyleResponsive('h', core.getHeightByShapeGlobalSize(styles?.sizeSetting));
     const styleWidth = core.makeStyleWithDefault('w', core.getWidthByShapeGlobalSize(styles?.sizeSetting, true), {
@@ -112,7 +112,8 @@ const Carousel = ({ builderAttrs, builderProps, style, styles, moveToIdx, rootId
         setting,
         styles,
         moveToIdx,
-        isHiddenArrowWhenDisabled
+        isHiddenArrowWhenDisabled,
+        ftShapeProductImage
     }).replaceAll("'", ''')}' style="${{
         ...core.makeStyleResponsive('jc', styles?.align),
         ...rootStyles

package/dist/cjs/product/components/ProductImagesV2/liquid/ProductFeaturedImageCarousel.liquid.js

@@ -401,7 +401,8 @@ const ProductFeaturedImageCarousel = ({ builderPropUID, children, enableLazyLoad
                 enableLazyLoadImage
             })}
           {%- endif -%}
-        `
+        `,
+            ftShapeProductImage: setting?.ftShape
         })}
     `;
     };

package/dist/esm/banner/components/hero-banner/index.liquid.js

@@ -39,9 +39,6 @@ const HeroBanner = ({ builderAttrs, builderProps, setting, styles, style, childr
             } else if (data.videoType === 'html5') {
                 delete data.video;
             }
-            if (data.type !== 'image') {
-                delete data.image;
-            }
         }
         return background;
     };

package/dist/esm/carousel/components/Carousel.liquid.js

@@ -9,7 +9,7 @@ const DEVICES = [
     'tablet',
     'desktop'
 ];
-const Carousel = ({ builderAttrs, builderProps, style, styles, moveToIdx, rootId, rootAttr, rootClass, wrapperClass, rootStyles, children, rawChildren, isHiddenArrowWhenDisabled = true, advanced, disableMarginAuto, conditionAppendJs, ...props })=>{
+const Carousel = ({ builderAttrs, builderProps, style, styles, moveToIdx, rootId, rootAttr, rootClass, wrapperClass, rootStyles, children, rawChildren, isHiddenArrowWhenDisabled = true, advanced, disableMarginAuto, conditionAppendJs, ftShapeProductImage, ...props })=>{
     const setting = mappingNavigationCarousel(props.setting);
     const styleHeight = makeStyleResponsive('h', getHeightByShapeGlobalSize(styles?.sizeSetting));
     const styleWidth = makeStyleWithDefault('w', getWidthByShapeGlobalSize(styles?.sizeSetting, true), {
@@ -108,7 +108,8 @@ const Carousel = ({ builderAttrs, builderProps, style, styles, moveToIdx, rootId
         setting,
         styles,
         moveToIdx,
-        isHiddenArrowWhenDisabled
+        isHiddenArrowWhenDisabled,
+        ftShapeProductImage
     }).replaceAll("'", ''')}' style="${{
         ...makeStyleResponsive('jc', styles?.align),
         ...rootStyles

package/dist/esm/product/components/ProductImagesV2/liquid/ProductFeaturedImageCarousel.liquid.js

@@ -397,7 +397,8 @@ const ProductFeaturedImageCarousel = ({ builderPropUID, children, enableLazyLoad
                 enableLazyLoadImage
             })}
           {%- endif -%}
-        `
+        `,
+            ftShapeProductImage: setting?.ftShape
         })}
     `;
     };

package/dist/types/index.d.ts

@@ -6043,7 +6043,7 @@ declare const CarouselItem: ({ children, builderAttrs, styles, advanced, setting
     background?: Partial<Record<NameDevices, Background>> | undefined;
 }) => string;
 
-declare const Carousel: ({ builderAttrs, builderProps, style, styles, moveToIdx, rootId, rootAttr, rootClass, wrapperClass, rootStyles, children, rawChildren, isHiddenArrowWhenDisabled, advanced, disableMarginAuto, conditionAppendJs, ...props }: _gem_sdk_core.BaseProps<CarouselSettings, CarouselStyles, Record<string, any>> & {
+declare const Carousel: ({ builderAttrs, builderProps, style, styles, moveToIdx, rootId, rootAttr, rootClass, wrapperClass, rootStyles, children, rawChildren, isHiddenArrowWhenDisabled, advanced, disableMarginAuto, conditionAppendJs, ftShapeProductImage, ...props }: _gem_sdk_core.BaseProps<CarouselSettings, CarouselStyles, Record<string, any>> & {
     builderAttrs?: Record<string, any> | undefined;
     style?: React.CSSProperties | undefined;
 } & {
@@ -6075,6 +6075,7 @@ declare const Carousel: ({ builderAttrs, builderProps, style, styles, moveToIdx,
     disableMarginAuto?: boolean | undefined;
     slidesClass?: string | undefined;
     conditionAppendJs?: string | undefined;
+    ftShapeProductImage?: Partial<Record<NameDevices, SizeSettingGlobal>> | undefined;
 }) => string;
 
 type LineProps = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/components",
-  "version": "2.1.13-staging.25",
+  "version": "2.1.13-staging.27",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",