@gem-sdk/core 1.31.7 → 1.31.10

package/dist/cjs/components/Render.liquid.js

@@ -228,7 +228,7 @@ const appendAnimation = (props, liquid)=>{
         all: tag === 'Section' ? '' : 'inherit'
     };
     return render.template`
-  ${render.RenderIf(convert.isLocalEnv, `<script src="{{ 'gp-animation.js' | asset_url }}" defer="defer"></script>`, `<script src="${convert.baseAssetURL}/assets/gp-animation.js" defer="defer"></script>`)}
+  ${render.RenderIf(convert.isLocalEnv, `<script src="{{ 'gp-animation.js' | asset_url }}" defer="defer"></script>`, `<script src="${convert.baseAssetURL}/assets-v2/gp-animation.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
   <gp-animation
     gp-data='${JSON.stringify({
         config: animation,

package/dist/cjs/helpers/colors.js

@@ -155,6 +155,7 @@ const getSingleColorVariable = (color)=>{
     return `var(--g-c-${color}, ${color})`;
 };
 function isColor(color) {
+    if (!color || typeof color !== 'string') return false;
     return color?.startsWith('#') || color?.startsWith('rgb') || color?.startsWith('hsl') || color?.startsWith('transparent');
 }
 const getGlobalColorStyle = (data)=>{

package/dist/cjs/helpers/compose-advance-style.js

@@ -215,6 +215,54 @@ const splitStyle = (keys, style = {})=>{
         restStyle
     ];
 };
+const filterAttrInStyle = (style, filterKeys)=>{
+    if (!style || !filterKeys) return {};
+    const newStyle = {
+        ...style
+    };
+    Object.entries(newStyle).forEach(([key])=>{
+        if (!filterKeys.includes(key)) {
+            delete newStyle[key];
+        }
+    });
+    return newStyle;
+};
+const removeAttrInStyle = (style, filterKeys)=>{
+    if (!style || !filterKeys) return {};
+    const newStyle = {
+        ...style
+    };
+    Object.entries(newStyle).forEach(([key])=>{
+        if (filterKeys.includes(key)) {
+            delete newStyle[key];
+        }
+    });
+    return newStyle;
+};
+const filterCornerInStyle = (style)=>{
+    const cornerKeys = [
+        '--bblr',
+        '--bbrr',
+        '--btlr',
+        '--btrr'
+    ];
+    return filterAttrInStyle(style, cornerKeys);
+};
+const removePaddingYInStyle = (style)=>{
+    const keys = [
+        '--pt',
+        '--pt-tablet',
+        '--pt-mobile',
+        '--pb',
+        '--pb-tablet',
+        '--pb-mobile'
+    ];
+    return removeAttrInStyle(style, keys);
+};
 
 exports.composeAdvanceStyle = composeAdvanceStyle;
+exports.filterAttrInStyle = filterAttrInStyle;
+exports.filterCornerInStyle = filterCornerInStyle;
+exports.removeAttrInStyle = removeAttrInStyle;
+exports.removePaddingYInStyle = removePaddingYInStyle;
 exports.splitStyle = splitStyle;

package/dist/cjs/index.js

@@ -249,6 +249,10 @@ exports.generateCollectionQueryKey = query.generateCollectionQueryKey;
 exports.generateProductQueryKey = query.generateProductQueryKey;
 exports.generateProductsQueryKey = query.generateProductsQueryKey;
 exports.composeAdvanceStyle = composeAdvanceStyle.composeAdvanceStyle;
+exports.filterAttrInStyle = composeAdvanceStyle.filterAttrInStyle;
+exports.filterCornerInStyle = composeAdvanceStyle.filterCornerInStyle;
+exports.removeAttrInStyle = composeAdvanceStyle.removeAttrInStyle;
+exports.removePaddingYInStyle = composeAdvanceStyle.removePaddingYInStyle;
 exports.splitStyle = composeAdvanceStyle.splitStyle;
 exports.composePositionLineHeight = iconList.composePositionLineHeight;
 exports.composePostionIconList = iconList.composePostionIconList;

package/dist/esm/components/Render.liquid.js

@@ -224,7 +224,7 @@ const appendAnimation = (props, liquid)=>{
         all: tag === 'Section' ? '' : 'inherit'
     };
     return template`
-  ${RenderIf(isLocalEnv, `<script src="{{ 'gp-animation.js' | asset_url }}" defer="defer"></script>`, `<script src="${baseAssetURL}/assets/gp-animation.js" defer="defer"></script>`)}
+  ${RenderIf(isLocalEnv, `<script src="{{ 'gp-animation.js' | asset_url }}" defer="defer"></script>`, `<script src="${baseAssetURL}/assets-v2/gp-animation.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
   <gp-animation
     gp-data='${JSON.stringify({
         config: animation,

package/dist/esm/helpers/colors.js

@@ -153,6 +153,7 @@ const getSingleColorVariable = (color)=>{
     return `var(--g-c-${color}, ${color})`;
 };
 function isColor(color) {
+    if (!color || typeof color !== 'string') return false;
     return color?.startsWith('#') || color?.startsWith('rgb') || color?.startsWith('hsl') || color?.startsWith('transparent');
 }
 const getGlobalColorStyle = (data)=>{

package/dist/esm/helpers/compose-advance-style.js

@@ -213,5 +213,49 @@ const splitStyle = (keys, style = {})=>{
         restStyle
     ];
 };
+const filterAttrInStyle = (style, filterKeys)=>{
+    if (!style || !filterKeys) return {};
+    const newStyle = {
+        ...style
+    };
+    Object.entries(newStyle).forEach(([key])=>{
+        if (!filterKeys.includes(key)) {
+            delete newStyle[key];
+        }
+    });
+    return newStyle;
+};
+const removeAttrInStyle = (style, filterKeys)=>{
+    if (!style || !filterKeys) return {};
+    const newStyle = {
+        ...style
+    };
+    Object.entries(newStyle).forEach(([key])=>{
+        if (filterKeys.includes(key)) {
+            delete newStyle[key];
+        }
+    });
+    return newStyle;
+};
+const filterCornerInStyle = (style)=>{
+    const cornerKeys = [
+        '--bblr',
+        '--bbrr',
+        '--btlr',
+        '--btrr'
+    ];
+    return filterAttrInStyle(style, cornerKeys);
+};
+const removePaddingYInStyle = (style)=>{
+    const keys = [
+        '--pt',
+        '--pt-tablet',
+        '--pt-mobile',
+        '--pb',
+        '--pb-tablet',
+        '--pb-mobile'
+    ];
+    return removeAttrInStyle(style, keys);
+};
 
-export { composeAdvanceStyle, splitStyle };
+export { composeAdvanceStyle, filterAttrInStyle, filterCornerInStyle, removeAttrInStyle, removePaddingYInStyle, splitStyle };

package/dist/esm/index.js

@@ -58,7 +58,7 @@ export { composeSize, composeSizeCss, genSizeClass, getAspectRatioGlobalSize, ge
 export { composeShadowCss, getStyleShadow, getStyleShadowState, parseValueWithUnit } from './helpers/shadow.js';
 export { GRADIENT_BGR_KEY, composeBackgroundCss, getBgImageByDevice, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getStyleBackgroundByDevice, makeFixedBgAttachment } from './helpers/background.js';
 export { generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey } from './helpers/query.js';
-export { composeAdvanceStyle, splitStyle } from './helpers/compose-advance-style.js';
+export { composeAdvanceStyle, filterAttrInStyle, filterCornerInStyle, removeAttrInStyle, removePaddingYInStyle, splitStyle } from './helpers/compose-advance-style.js';
 export { composePositionLineHeight, composePostionIconList } from './helpers/icon-list.js';
 export { useAddToCart } from './hooks/cart/use-add-to-cart.js';
 export { useCartData } from './hooks/cart/use-cart-data.js';