@gem-sdk/core 1.38.0 → 2.0.0-dev.834

package/dist/esm/helpers/colors.js

@@ -1,169 +1 @@
-import { isDefined } from './is-defined.js';
-import { stateMapping } from './constant.js';
-
-const getGlobalColorCSSProp = (color)=>{
-    return getSingleColorVariable(color);
-};
-const getGlobalColorClass = (type, color)=>{
-    if (typeof color !== 'string' || !color || color?.startsWith('#') || color?.startsWith('rgb') || color?.startsWith('hsl') || color?.startsWith('transparent')) return '';
-    return `gp-${type}-g-${color}`;
-};
-const getGlobalColorResponsiveClass = (type, data)=>{
-    if (!data) return '';
-    return Object.entries(data).map(([device, value])=>{
-        const clName = getGlobalColorClass(type, value);
-        if (!clName) return undefined;
-        if (device === 'desktop') {
-            return clName;
-        } else {
-            return `${device}:${clName}`;
-        }
-    }).filter(isDefined).join(' ');
-};
-const getGlobalColorStateClass = (type, data)=>{
-    if (!data) return '';
-    return Object.entries(data).map(([state, value])=>{
-        const clName = getGlobalColorClass(type, value);
-        if (!clName) return undefined;
-        if (state === 'normal') {
-            return clName;
-        } else {
-            return `${state}:${clName}`;
-        }
-    }).filter(isDefined).join(' ');
-};
-const getGlobalColorStateClassDynamicBtn = (type, data)=>{
-    if (!data) return '';
-    return Object.entries(data).map(([state, value])=>{
-        const clName = getGlobalColorClass(type, value);
-        if (!clName) return undefined;
-        if (state === 'normal') {
-            return String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${clName}`;
-        } else {
-            return String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${state}:${clName}`;
-        }
-    }).filter(isDefined).join(' ');
-};
-const getGlobalColorStateResponsiveClass = (type, data)=>{
-    if (!data) return '';
-    return Object.entries(data).map(([device, objectState])=>{
-        if (device === 'desktop') {
-            return Object.entries(objectState).map(([state, value])=>{
-                const clName = getGlobalColorClass(type, value);
-                if (!clName) return undefined;
-                if (state === 'normal') {
-                    return clName;
-                } else {
-                    return `${state}:${clName}`;
-                }
-            }).filter(isDefined).join(' ');
-        } else {
-            return Object.entries(objectState).map(([state, value])=>{
-                const clName = getGlobalColorClass(type, value);
-                if (!clName) return undefined;
-                if (state === 'normal') {
-                    return `${device}:${clName}`;
-                } else {
-                    return `${device}:${state}:${clName}`;
-                }
-            }).filter(isDefined).join(' ');
-        }
-    }).filter(Boolean).join(' ');
-};
-const getGlobalColorStateResponsiveClassDynamicBtn = (type, data)=>{
-    if (!data) return '';
-    return Object.entries(data).map(([device, objectState])=>{
-        if (device === 'desktop') {
-            return Object.entries(objectState).map(([state, value])=>{
-                const clName = getGlobalColorClass(type, value);
-                if (!clName) return undefined;
-                if (state === 'normal') {
-                    return String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${clName}`;
-                } else {
-                    return String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${state}:${clName}`;
-                }
-            }).filter(isDefined).join(' ');
-        } else {
-            return Object.entries(objectState).map(([state, value])=>{
-                const clName = getGlobalColorClass(type, value);
-                if (!clName) return undefined;
-                if (state === 'normal') {
-                    return String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${device}:${clName}`;
-                } else {
-                    return String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${device}:${state}:${clName}`;
-                }
-            }).filter(isDefined).join(' ');
-        }
-    }).filter(Boolean).join(' ');
-};
-const getGlobalColorResponsiveStyle = (type, data)=>{
-    if (!data) return {};
-    return Object.fromEntries(Object.entries(data).map(([device, value])=>{
-        if (device === 'desktop') {
-            return [
-                `--${type}`,
-                getSingleColorVariable(value)
-            ];
-        } else {
-            return [
-                `--${type}-${device}`,
-                getSingleColorVariable(value)
-            ];
-        }
-    }));
-};
-const getGlobalColorStateStyle = (type, data)=>{
-    if (!data) return {};
-    return Object.fromEntries(Object.entries(data).map(([state, value])=>{
-        if (state === 'active') return [];
-        return [
-            `-${stateMapping?.[state]}-${type}`,
-            getSingleColorVariable(value)
-        ];
-    }).filter(isDefined));
-};
-const getGlobalColorStateResponsiveStyle = (type, data)=>{
-    if (!data) return {};
-    return Object.entries(data).map(([device, objectState])=>{
-        if (device === 'desktop') {
-            return Object.fromEntries(Object.entries(objectState).map(([state, value])=>{
-                if (state === 'active') return [];
-                return [
-                    `-${stateMapping[state]}-${type}`,
-                    getSingleColorVariable(value)
-                ];
-            }).filter(isDefined));
-        } else {
-            return Object.fromEntries(Object.entries(objectState).map(([state, value])=>{
-                if (state === 'active') return [];
-                return [
-                    `-${stateMapping[state]}-${type}-${device}`,
-                    getSingleColorVariable(value)
-                ];
-            }).filter(isDefined));
-        }
-    }).reduce((acc, curr)=>({
-            ...acc,
-            ...curr
-        }), {});
-};
-const getSingleColorVariable = (color)=>{
-    if (!color) return undefined;
-    if (isColor(color)) return 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)=>{
-    if (!data) return {};
-    return {
-        '--c': getSingleColorVariable(data)
-    };
-};
-const composeTextColorCss = (color)=>{
-    return `${color ? `color: ${getSingleColorVariable(color)} !important;` : ''}`;
-};
-
-export { composeTextColorCss, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getSingleColorVariable, isColor };
+import{isDefined as t}from"./is-defined.js";import{stateMapping as e}from"./constant.js";let getGlobalColorCSSProp=t=>getSingleColorVariable(t),getGlobalColorClass=(t,e)=>"string"!=typeof e||!e||e?.startsWith("#")||e?.startsWith("rgb")||e?.startsWith("hsl")||e?.startsWith("transparent")?"":`gp-${t}-g-${e}`,getGlobalColorResponsiveClass=(e,o)=>o?Object.entries(o).map(([t,o])=>{let l=getGlobalColorClass(e,o);if(l)return"desktop"===t?l:`${t}:${l}`}).filter(t).join(" "):"",getGlobalColorStateClass=(e,o)=>o?Object.entries(o).map(([t,o])=>{let l=getGlobalColorClass(e,o);if(l)return"normal"===t?l:`${t}:${l}`}).filter(t).join(" "):"",getGlobalColorStateClassDynamicBtn=(e,o)=>o?Object.entries(o).map(([t,o])=>{let l=getGlobalColorClass(e,o);if(l)return"normal"===t?String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${l}`:String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${t}:${l}`}).filter(t).join(" "):"",getGlobalColorStateResponsiveClass=(e,o)=>o?Object.entries(o).map(([o,l])=>"desktop"===o?Object.entries(l).map(([t,o])=>{let l=getGlobalColorClass(e,o);if(l)return"normal"===t?l:`${t}:${l}`}).filter(t).join(" "):Object.entries(l).map(([t,l])=>{let r=getGlobalColorClass(e,l);if(r)return"normal"===t?`${o}:${r}`:`${o}:${t}:${r}`}).filter(t).join(" ")).filter(Boolean).join(" "):"",getGlobalColorStateResponsiveClassDynamicBtn=(e,o)=>o?Object.entries(o).map(([o,l])=>"desktop"===o?Object.entries(l).map(([t,o])=>{let l=getGlobalColorClass(e,o);if(l)return"normal"===t?String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${l}`:String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${t}:${l}`}).filter(t).join(" "):Object.entries(l).map(([t,l])=>{let r=getGlobalColorClass(e,l);if(r)return"normal"===t?String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${o}:${r}`:String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${o}:${t}:${r}`}).filter(t).join(" ")).filter(Boolean).join(" "):"",getGlobalColorResponsiveStyle=(t,e)=>e?Object.fromEntries(Object.entries(e).map(([e,o])=>"desktop"===e?[`--${t}`,getSingleColorVariable(o)]:[`--${t}-${e}`,getSingleColorVariable(o)])):{},getGlobalColorStateStyle=(o,l)=>l?Object.fromEntries(Object.entries(l).map(([t,l])=>"active"===t?[]:[`-${e?.[t]}-${o}`,getSingleColorVariable(l)]).filter(t)):{},getGlobalColorStateResponsiveStyle=(o,l)=>l?Object.entries(l).map(([l,r])=>"desktop"===l?Object.fromEntries(Object.entries(r).map(([t,l])=>"active"===t?[]:[`-${e[t]}-${o}`,getSingleColorVariable(l)]).filter(t)):Object.fromEntries(Object.entries(r).map(([t,r])=>"active"===t?[]:[`-${e[t]}-${o}-${l}`,getSingleColorVariable(r)]).filter(t))).reduce((t,e)=>({...t,...e}),{}):{},getSingleColorVariable=t=>{if(t&&"string"==typeof t)return isColor(t)?t:`var(--g-c-${t}, ${t})`};function isColor(t){return!!t&&"string"==typeof t&&(t?.startsWith("#")||t?.startsWith("rgb")||t?.startsWith("hsl")||t?.startsWith("transparent"))}let getGlobalColorStyle=t=>t?{"--c":getSingleColorVariable(t)}:{},composeTextColorCss=t=>`${t?`color: ${getSingleColorVariable(t)} !important;`:""}`;export{composeTextColorCss,getGlobalColorCSSProp,getGlobalColorClass,getGlobalColorResponsiveClass,getGlobalColorResponsiveStyle,getGlobalColorStateClass,getGlobalColorStateClassDynamicBtn,getGlobalColorStateResponsiveClass,getGlobalColorStateResponsiveClassDynamicBtn,getGlobalColorStateResponsiveStyle,getGlobalColorStateStyle,getGlobalColorStyle,getSingleColorVariable,isColor};

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

@@ -1,261 +1 @@
-import { handleConvertBorderStyle, handleConvertBorderWidth, handleConvertBorderColor, getBorderStyle } from './borders.js';
-import { isColor } from './colors.js';
-import { layoutComponent } from './constant.js';
-import { makeStyleKey } from './make-style.js';
-import { composeRadius, getCornerCSSFromGlobal } from './radius.js';
-import { getStyleShadowState, getStyleShadow } from './shadow.js';
-
-const composeSpacing = ({ source, spacing, type, suffix = '' })=>{
-    const { top, left, bottom, right } = spacing;
-    if (top) source[`--${type}t${suffix}`] = top;
-    if (left) source[`--${type}l${suffix}`] = left;
-    if (bottom) source[`--${type}b${suffix}`] = bottom;
-    if (right) source[`--${type}r${suffix}`] = right;
-};
-const composeSpacingV2 = ({ source, spacing, suffix = '', tag = '' })=>{
-    if (spacing && spacing.margin) {
-        const { top, left, bottom, right } = spacing.margin;
-        if (top) source[`--mt${suffix}`] = top;
-        if (left) source[`--ml${suffix}`] = layoutComponent.includes(tag) && left === '0px' ? 'auto' : left;
-        if (bottom) source[`--mb${suffix}`] = bottom;
-        if (right) source[`--mr${suffix}`] = layoutComponent.includes(tag) && right === '0px' ? 'auto' : right;
-    }
-    if (spacing && spacing.padding) {
-        const { top, left, bottom, right } = spacing.padding;
-        if (top) source[`--pt${suffix}`] = top;
-        if (left) source[`--pl${suffix}`] = left;
-        if (bottom) source[`--pb${suffix}`] = bottom;
-        if (right) source[`--pr${suffix}`] = right;
-    }
-};
-const getAttrValue = (attr, value, tag)=>{
-    if (value === undefined || value === null) return undefined;
-    switch(attr){
-        case 'bgc':
-        case 'c':
-            return isColor(value.toString()) ? value : `var(--g-c-${value})`;
-        case 'd':
-            if (!value) return 'none';
-            if (value && tag && layoutComponent.includes(tag)) return 'grid';
-            return 'block';
-        default:
-            return value;
-    }
-};
-function composeAdvanceStyle(data, tag) {
-    if (!data) return {};
-    const styles = {};
-    const devices = [
-        'desktop',
-        'tablet',
-        'mobile'
-    ];
-    const states = [
-        'hover',
-        'normal'
-    ];
-    Object.keys(data).forEach((attr)=>{
-        const value = data[attr];
-        if (attr === 'cssClass') return;
-        if (value === undefined || value === null) return;
-        const hasBoxShadow = data.hasBoxShadow ? data.hasBoxShadow : {};
-        if (typeof value === 'object') {
-            if (Array.isArray(value)) return;
-            Object.keys(value).forEach((composeAttr)=>{
-                if (devices.includes(composeAttr)) {
-                    const deviceValue = value[composeAttr];
-                    if (deviceValue !== undefined) {
-                        // Responsive border with state
-                        if (attr === 'border') {
-                            Object.assign(styles, handleConvertBorderStyle(value), handleConvertBorderWidth(value), handleConvertBorderColor(value));
-                        }
-                        if (attr === 'rounded') {
-                            Object.assign(styles, composeRadius(value));
-                        }
-                        if (composeAttr === 'desktop') {
-                            switch(attr){
-                                case 'padding':
-                                    composeSpacing({
-                                        source: styles,
-                                        spacing: deviceValue,
-                                        type: 'p'
-                                    });
-                                    break;
-                                case 'margin':
-                                    composeSpacing({
-                                        source: styles,
-                                        spacing: deviceValue,
-                                        type: 'm'
-                                    });
-                                    break;
-                                case 'spacing-setting':
-                                    composeSpacingV2({
-                                        source: styles,
-                                        spacing: deviceValue,
-                                        tag
-                                    });
-                                    break;
-                                case 'm':
-                                case 'p':
-                                    break;
-                                default:
-                                    styles[`--${attr}`] = getAttrValue(attr, deviceValue, tag);
-                                    break;
-                            }
-                        } else {
-                            switch(attr){
-                                case 'padding':
-                                    composeSpacing({
-                                        source: styles,
-                                        spacing: deviceValue,
-                                        type: 'p',
-                                        suffix: `-${composeAttr}`
-                                    });
-                                    break;
-                                case 'margin':
-                                    composeSpacing({
-                                        source: styles,
-                                        spacing: deviceValue,
-                                        type: 'm',
-                                        suffix: `-${composeAttr}`
-                                    });
-                                    break;
-                                case 'spacing-setting':
-                                    composeSpacingV2({
-                                        source: styles,
-                                        spacing: deviceValue,
-                                        suffix: `-${composeAttr}`,
-                                        tag
-                                    });
-                                    break;
-                                case 'm':
-                                case 'p':
-                                    break;
-                                default:
-                                    styles[`--${attr}-${composeAttr}`] = getAttrValue(attr, deviceValue, tag);
-                                    break;
-                            }
-                        }
-                    }
-                } else if (states.includes(composeAttr)) {
-                    switch(attr){
-                        case 'hasBoxShadow':
-                            break;
-                        case 'boxShadow':
-                            Object.assign(styles, getStyleShadowState(value, 'box-shadow', hasBoxShadow));
-                            break;
-                    }
-                } else {
-                    if (attr === 'border') {
-                        const borderStyle = value;
-                        if (borderStyle.border === 'none') {
-                            borderStyle.border = 'solid';
-                            borderStyle.color = '#121212';
-                            borderStyle.isCustom = true;
-                            borderStyle.width = '0px';
-                            borderStyle.position = 'all';
-                        }
-                        Object.assign(styles, getBorderStyle(borderStyle));
-                    }
-                    if (attr === 'rounded') {
-                        Object.assign(styles, getCornerCSSFromGlobal(value));
-                    }
-                    if (attr === 'hasBoxShadow') {
-                        Object.assign(styles, getStyleShadow({
-                            value: data.boxShadow,
-                            styleAppliedFor: 'box-shadow',
-                            isEnableShadow: data.hasBoxShadow
-                        }));
-                    }
-                    if (attr === 'boxShadow') {
-                        Object.assign(styles, getStyleShadow({
-                            value: value,
-                            styleAppliedFor: 'box-shadow',
-                            isEnableShadow: data.hasBoxShadow
-                        }));
-                    }
-                }
-            });
-        } else {
-            styles[`--${attr}`] = getAttrValue(attr, value, tag);
-            if (attr === 'hasBoxShadow' && data.boxShadow) {
-                Object.assign(styles, getStyleShadow({
-                    value: data.boxShadow,
-                    styleAppliedFor: 'box-shadow',
-                    isEnableShadow: data.hasBoxShadow
-                }));
-            }
-        }
-    });
-    return styles;
-}
-const splitStyle = (keys, style = {})=>{
-    const fullKeys = keys.map((key)=>makeStyleKey(key)).flat();
-    const splitKeys = Object.keys(style).filter((key)=>{
-        return fullKeys.includes(key);
-    });
-    const splitStyle = splitKeys.reduce((curr, key)=>{
-        return {
-            ...curr,
-            [key]: style[key]
-        };
-    }, {});
-    const restStyle = Object.keys(style).filter((key)=>{
-        return !splitKeys.includes(key);
-    }).reduce((curr, key)=>{
-        return {
-            ...curr,
-            [key]: style[key]
-        };
-    }, {});
-    return [
-        splitStyle,
-        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, filterAttrInStyle, filterCornerInStyle, removeAttrInStyle, removePaddingYInStyle, splitStyle };
+import{handleConvertBorderStyle as e,handleConvertBorderWidth as t,handleConvertBorderColor as r,getBorderStyle as a}from"./borders.js";import{isColor as s}from"./colors.js";import{layoutComponent as o}from"./constant.js";import{makeStyleKey as i}from"./make-style.js";import{composeRadius as l,getCornerCSSFromGlobal as n}from"./radius.js";import{getStyleShadowState as c,getStyleShadow as p}from"./shadow.js";let composeSpacing=({source:e,spacing:t,type:r,suffix:a=""})=>{let{top:s,left:o,bottom:i,right:l}=t;s&&(e[`--${r}t${a}`]=s),o&&(e[`--${r}l${a}`]=o),i&&(e[`--${r}b${a}`]=i),l&&(e[`--${r}r${a}`]=l)},composeSpacingV2=({source:e,spacing:t,suffix:r="",tag:a=""})=>{if(t&&t.margin){let{top:s,left:i,bottom:l,right:n}=t.margin;s&&(e[`--mt${r}`]=s),i&&(e[`--ml${r}`]=o.includes(a)&&"0px"===i?"auto":i),l&&(e[`--mb${r}`]=l),n&&(e[`--mr${r}`]=o.includes(a)&&"0px"===n?"auto":n)}if(t&&t.padding){let{top:a,left:s,bottom:o,right:i}=t.padding;a&&(e[`--pt${r}`]=a),s&&(e[`--pl${r}`]=s),o&&(e[`--pb${r}`]=o),i&&(e[`--pr${r}`]=i)}},getAttrValue=(e,t,r)=>{if(null!=t)switch(e){case"bgc":case"c":return s(t.toString())?t:`var(--g-c-${t})`;case"d":if(!t)return"none";if(t&&r&&o.includes(r))return"grid";return"block";default:return t}},postPurchasePaddingMapping={loose:"21px",extraLoose:"38px",tight:"9px",extraTight:"5px",base:"14px"},composeAdvanceStyleForPostPurchase=(e,t)=>{if(!e)return{};let r={};return Object.keys(e).forEach(a=>{let s=e[a];if("blockPadding"===a){let e=postPurchasePaddingMapping[s];r["--pb"]=getAttrValue(a,e,t),r["--pt"]=getAttrValue(a,e,t),r["--mb"]="0px",r["--mt"]="0px"}if("inlinePadding"===a){let e=postPurchasePaddingMapping[s];r["--pl"]=getAttrValue(a,e,t),r["--pr"]=getAttrValue(a,e,t)}}),r};function composeAdvanceStyle(s,o,i){if(!s)return{};let d={"--pos":"relative"},u=["desktop","tablet","mobile"],b=["hover","normal"];Object.keys(s).forEach(g=>{let m=s[g];if("cssClass"===g||null==m)return;let f=s.hasBoxShadow?s.hasBoxShadow:{};if("object"==typeof m){if(Array.isArray(m))return;Object.keys(m).forEach(i=>{if(u.includes(i)){let a=m[i];if(void 0!==a){if("border"===g&&Object.assign(d,e(m),t(m),r(m)),"rounded"===g&&Object.assign(d,l(m)),"pos"==g&&"static"==a&&(a="relative"),"desktop"===i)switch(g){case"padding":composeSpacing({source:d,spacing:a,type:"p"});break;case"margin":composeSpacing({source:d,spacing:a,type:"m"});break;case"spacing-setting":composeSpacingV2({source:d,spacing:a,tag:o});break;case"m":case"p":break;default:d[`--${g}`]=getAttrValue(g,a,o)}else switch(g){case"padding":composeSpacing({source:d,spacing:a,type:"p",suffix:`-${i}`});break;case"margin":composeSpacing({source:d,spacing:a,type:"m",suffix:`-${i}`});break;case"spacing-setting":composeSpacingV2({source:d,spacing:a,suffix:`-${i}`,tag:o});break;case"m":case"p":break;default:d[`--${g}-${i}`]=getAttrValue(g,a,o)}}}else if(b.includes(i))switch(g){case"hasBoxShadow":break;case"boxShadow":Object.assign(d,c(m,"box-shadow",f))}else"border"===g&&("none"===m.border&&(m.border="solid",m.color="#121212",m.isCustom=!0,m.width="0px",m.position="all"),Object.assign(d,a(m))),"rounded"===g&&Object.assign(d,n(m)),"hasBoxShadow"===g&&Object.assign(d,p({value:s.boxShadow,styleAppliedFor:"box-shadow",isEnableShadow:s.hasBoxShadow})),"boxShadow"===g&&Object.assign(d,p({value:m,styleAppliedFor:"box-shadow",isEnableShadow:s.hasBoxShadow}))})}else d[`--${g}`]=getAttrValue(g,m,o),"hasBoxShadow"===g&&s.boxShadow&&Object.assign(d,p({value:s.boxShadow,styleAppliedFor:"box-shadow",isEnableShadow:s.hasBoxShadow}));if("blockPadding"===g&&"POST_PURCHASE"===i){let e=postPurchasePaddingMapping[m];d["--pb"]=getAttrValue(g,e,o),d["--pt"]=getAttrValue(g,e,o),d["--mb"]="0px",d["--mt"]="0px"}if("inlinePadding"===g&&"POST_PURCHASE"===i){let e=postPurchasePaddingMapping[m];d["--pl"]=getAttrValue(g,e,o),d["--pr"]=getAttrValue(g,e,o)}});let g="POST_PURCHASE"===i?composeAdvanceStyleForPostPurchase(s,o):{};return{...d,...g}}let splitStyle=(e,t={})=>{let r=e.map(e=>i(e)).flat(),a=Object.keys(t).filter(e=>r.includes(e)),s=a.reduce((e,r)=>({...e,[r]:t[r]}),{}),o=Object.keys(t).filter(e=>!a.includes(e)).reduce((e,r)=>({...e,[r]:t[r]}),{});return[s,o]},filterAttrInStyle=(e,t)=>{if(!e||!t)return{};let r={...e};return Object.entries(r).forEach(([e])=>{t.includes(e)||delete r[e]}),r},removeAttrInStyle=(e,t)=>{if(!e||!t)return{};let r={...e};return Object.entries(r).forEach(([e])=>{t.includes(e)&&delete r[e]}),r},filterCornerInStyle=e=>{let t=["--bblr","--bbrr","--btlr","--btrr"];return filterAttrInStyle(e,t)},removePaddingYInStyle=e=>{let t=["--pt","--pt-tablet","--pt-mobile","--pb","--pb-tablet","--pb-mobile"];return removeAttrInStyle(e,t)};export{composeAdvanceStyle,composeAdvanceStyleForPostPurchase,filterAttrInStyle,filterCornerInStyle,removeAttrInStyle,removePaddingYInStyle,splitStyle};

package/dist/esm/helpers/constant.js

@@ -1,19 +1 @@
-const stateMapping = {
-    normal: '',
-    hover: '-hvr',
-    focus: '-focus'
-};
-const devicesMapping = {
-    desktop: '',
-    tablet: '-tablet',
-    mobile: '-mobile'
-};
-const layoutComponent = [
-    'Row',
-    'Section',
-    'Product',
-    'HeroBanner',
-    'CollectionBanner'
-];
-
-export { devicesMapping, layoutComponent, stateMapping };
+let stateMapping={normal:"",hover:"-hvr",focus:"-focus"},devicesMapping={desktop:"",tablet:"-tablet",mobile:"-mobile"},layoutComponent=["Row","Section","Product","HeroBanner","CollectionBanner"];export{devicesMapping,layoutComponent,stateMapping};

package/dist/esm/helpers/convert.js

@@ -1,4 +1 @@
-const isLocalEnv = process.env.NEXT_CONVERT_ENV === 'local';
-const baseAssetURL = process.env.GP_BASE_ASSET_URL || 'https://d3kbi0je7pp4lw.cloudfront.net';
-
-export { baseAssetURL, isLocalEnv };
+let isLocalEnv="local"===process.env.NEXT_CONVERT_ENV,baseAssetURL=process.env.GP_BASE_ASSET_URL||"https://d3kbi0je7pp4lw.cloudfront.net";export{baseAssetURL,isLocalEnv};

package/dist/esm/helpers/covert-entities-html.js

@@ -1,17 +1 @@
-const convertHTML = (str)=>{
-    const symbols = {
-        '&': '&',
-        '&lt;': '<',
-        '&gt;': '>',
-        '&nbsp;': '  '
-    };
-    let newStr = str;
-    for(const symbol in symbols){
-        if (str.indexOf(symbol) >= 0) {
-            newStr = newStr.replaceAll(symbol, symbols[symbol]);
-        }
-    }
-    return newStr;
-};
-
-export { convertHTML };
+let convertHTML=e=>{let t={"&amp;":"&","&lt;":"<","&gt;":">","&nbsp;":"  "},l=e;for(let r in t)e.indexOf(r)>=0&&(l=l.replaceAll(r,t[r]));return l};export{convertHTML};

package/dist/esm/helpers/css-variable.js

@@ -1,5 +1 @@
-const genVariable = (variableName)=>{
-    return `var(--g-${variableName})`;
-};
-
-export { genVariable };
+let genVariable=e=>`var(--g-${e})`;export{genVariable};

package/dist/esm/helpers/email.js

@@ -1,6 +1 @@
-const validateEmail = (email)=>{
-    const emailRegex = new RegExp(/^(?:[^<>()[\]\\.,;:\s@"]+(?:\.[^<>()[\]\\.,;:\s@"]+)*|".+")@(?:\[\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}\]|(?:[a-zA-Z\-\d]+\.)+[a-zA-Z]{2,})$/);
-    return emailRegex.test(email);
-};
-
-export { validateEmail as default, validateEmail };
+let validateEmail=a=>{let e=new RegExp(/^(?:[^<>()[\]\\.,;:\s@"]+(?:\.[^<>()[\]\\.,;:\s@"]+)*|".+")@(?:\[\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}\]|(?:[a-zA-Z\-\d]+\.)+[a-zA-Z]{2,})$/);return e.test(a)};export{validateEmail as default,validateEmail};

package/dist/esm/helpers/filter-toolbar-preview.js

@@ -1,9 +1 @@
-import { Children } from 'react';
-import { ComponentToolbarPreview } from '../components/ComponentToolbarPreview.js';
-
-const filterToolbarPreview = (children, keep = false)=>{
-    const arrChild = Children.toArray(children);
-    return arrChild.filter((child)=>!keep ? child?.type != ComponentToolbarPreview : child?.type == ComponentToolbarPreview);
-};
-
-export { filterToolbarPreview as default, filterToolbarPreview };
+import{Children as e}from"react";import r from"../components/ComponentToolbarPreview.js";let filterToolbarPreview=(o,t=!1)=>{let l=e.toArray(o);return l.filter(e=>t?e?.type==r:e?.type!=r)};export{filterToolbarPreview as default,filterToolbarPreview};

package/dist/esm/helpers/flatten-connection.js

@@ -1,7 +1 @@
-/**
- * The `flattenConnection` utility transforms a connection object from the Storefront API (for example, [Product-related connections](api/storefront/reference/products/product#connections)) into a flat array of nodes.
- */ const flattenConnection = (connection)=>{
-    return connection?.edges?.map((edge)=>edge.node) ?? [];
-};
-
-export { flattenConnection };
+let flattenConnection=e=>e?.edges?.map(e=>e.node)??[];export{flattenConnection};

package/dist/esm/helpers/get-resonsive-value.js

@@ -1,31 +1 @@
-const getResponsiveValue = (input, k)=>{
-    if (!k) return {};
-    return {
-        desktop: input?.desktop?.[k],
-        tablet: input?.tablet?.[k],
-        mobile: input?.mobile?.[k]
-    };
-};
-const getResponsiveStateValue = (k, input)=>{
-    return {
-        desktop: input?.desktop?.[k],
-        tablet: input?.tablet?.[k],
-        mobile: input?.mobile?.[k]
-    };
-};
-const getResponsiveValueByScreen = (value, breakpoint, defaultValue)=>{
-    switch(breakpoint){
-        case 'tablet':
-            return value?.tablet ?? value?.desktop ?? defaultValue;
-        case 'mobile':
-            return value?.mobile ?? value?.tablet ?? value?.desktop ?? defaultValue;
-        default:
-            return value?.desktop ?? defaultValue;
-    }
-};
-const isColumnDirectionExist = (layout, breakpoint)=>{
-    if (breakpoint === 'desktop' || breakpoint === 'tablet') return false;
-    return layout?.[breakpoint]?.cols?.length !== layout?.desktop?.cols?.length;
-};
-
-export { getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, isColumnDirectionExist };
+let getResponsiveValue=(e,t)=>t?{desktop:e?.desktop?.[t],tablet:e?.tablet?.[t],mobile:e?.mobile?.[t]}:{},getResponsiveStateValue=(e,t)=>({desktop:t?.desktop?.[e],tablet:t?.tablet?.[e],mobile:t?.mobile?.[e]}),getResponsiveValueByScreen=(e,t,s)=>{switch(t){case"tablet":return e?.tablet??e?.desktop??s;case"mobile":return e?.mobile??e?.tablet??e?.desktop??s;default:return e?.desktop??s}},isColumnDirectionExist=(e,t)=>"desktop"!==t&&"tablet"!==t&&e?.[t]?.cols?.length!==e?.desktop?.cols?.length;export{getResponsiveStateValue,getResponsiveValue,getResponsiveValueByScreen,isColumnDirectionExist};