@gem-sdk/core 1.13.42 → 1.14.0-dev.284

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

@@ -1,185 +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 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 (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 '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 '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
-    ];
-};
-
-export { composeAdvanceStyle, splitStyle };
+import{handleConvertBorderStyle as e,handleConvertBorderWidth as s,handleConvertBorderColor as a,getBorderStyle as o}from"./borders.js";import{isColor as t}from"./colors.js";import{layoutComponent as r}from"./constant.js";import{makeStyleKey as i}from"./make-style.js";import{composeRadius as c,getCornerCSSFromGlobal as n}from"./radius.js";import{getStyleShadowState as l,getStyleShadow as p}from"./shadow.js";let composeSpacing=({source:e,spacing:s,type:a,suffix:o=""})=>{let{top:t,left:r,bottom:i,right:c}=s;t&&(e[`--${a}t${o}`]=t),r&&(e[`--${a}l${o}`]=r),i&&(e[`--${a}b${o}`]=i),c&&(e[`--${a}r${o}`]=c)},composeSpacingV2=({source:e,spacing:s,suffix:a=""})=>{if(s&&s.margin){let{top:o,left:t,bottom:r,right:i}=s.margin;o&&(e[`--mt${a}`]=o),t&&(e[`--ml${a}`]=t),r&&(e[`--mb${a}`]=r),i&&(e[`--mr${a}`]=i)}if(s&&s.padding){let{top:o,left:t,bottom:r,right:i}=s.padding;o&&(e[`--pt${a}`]=o),t&&(e[`--pl${a}`]=t),r&&(e[`--pb${a}`]=r),i&&(e[`--pr${a}`]=i)}},getAttrValue=(e,s,a)=>{if(null!=s)switch(e){case"bgc":case"c":return t(s.toString())?s:`var(--g-c-${s})`;case"d":if(!s)return"none";if(s&&a&&r.includes(a))return"grid";return"block";default:return s}};function composeAdvanceStyle(t,r){if(!t)return{};let i={},d=["desktop","tablet","mobile"],b=["hover","normal"];return Object.keys(t).forEach(u=>{let g=t[u];if("cssClass"===u||null==g)return;let m=t.hasBoxShadow?t.hasBoxShadow:{};if("object"==typeof g){if(Array.isArray(g))return;Object.keys(g).forEach(h=>{if(d.includes(h)){let o=g[h];if(void 0!==o){if("border"===u&&Object.assign(i,e(g),s(g),a(g)),"rounded"===u&&Object.assign(i,c(g)),"desktop"===h)switch(u){case"padding":composeSpacing({source:i,spacing:o,type:"p"});break;case"margin":composeSpacing({source:i,spacing:o,type:"m"});break;case"spacing-setting":composeSpacingV2({source:i,spacing:o});break;case"m":case"p":break;default:i[`--${u}`]=getAttrValue(u,o,r)}else switch(u){case"padding":composeSpacing({source:i,spacing:o,type:"p",suffix:`-${h}`});break;case"margin":composeSpacing({source:i,spacing:o,type:"m",suffix:`-${h}`});break;case"spacing-setting":composeSpacingV2({source:i,spacing:o,suffix:`-${h}`});break;case"m":case"p":break;default:i[`--${u}-${h}`]=getAttrValue(u,o,r)}}}else if(b.includes(h))switch(u){case"hasBoxShadow":break;case"boxShadow":Object.assign(i,l(g,"box-shadow",m))}else"border"===u&&("none"===g.border&&(g.border="solid",g.color="#121212",g.isCustom=!0,g.width="0px",g.position="all"),Object.assign(i,o(g))),"rounded"===u&&Object.assign(i,n(g)),"hasBoxShadow"===u&&Object.assign(i,p({value:t.boxShadow,styleAppliedFor:"box-shadow",isEnableShadow:t.hasBoxShadow})),"boxShadow"===u&&Object.assign(i,p({value:g,styleAppliedFor:"box-shadow",isEnableShadow:t.hasBoxShadow}))})}else i[`--${u}`]=getAttrValue(u,g,r),"hasBoxShadow"===u&&t.boxShadow&&Object.assign(i,p({value:t.boxShadow,styleAppliedFor:"box-shadow",isEnableShadow:t.hasBoxShadow}))}),i}let splitStyle=(e,s={})=>{let a=e.map(e=>i(e)).flat(),o=Object.keys(s).filter(e=>a.includes(e)),t=o.reduce((e,a)=>({...e,[a]:s[a]}),{}),r=Object.keys(s).filter(e=>!o.includes(e)).reduce((e,a)=>({...e,[a]:s[a]}),{});return[t,r]};export{composeAdvanceStyle,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/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/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,27 +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;
-    }
-};
-
-export { getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen };
+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};

package/dist/esm/helpers/get-shortname.js

@@ -1,90 +1 @@
-const globalSortNameMapping = {
-    'typography-heading-1-fontFamily': 'h1-ff',
-    'typography-heading-1-fontSize': 'h1-size',
-    'typography-heading-1-fontWeight': 'h1-weight',
-    'typography-heading-1-lineHeight': 'h1-lh',
-    'typography-heading-1-letterSpacing': 'h1-ls',
-    'typography-heading-1-fontStyle': 'h1-fs',
-    'typography-heading-2-fontFamily': 'h2-ff',
-    'typography-heading-2-fontSize': 'h2-size',
-    'typography-heading-2-fontWeight': 'h2-weight',
-    'typography-heading-2-lineHeight': 'h2-lh',
-    'typography-heading-2-letterSpacing': 'h2-ls',
-    'typography-heading-2-fontStyle': 'h2-fs',
-    'typography-heading-3-fontFamily': 'h3-ff',
-    'typography-heading-3-fontSize': 'h3-size',
-    'typography-heading-3-fontWeight': 'h3-weight',
-    'typography-heading-3-lineHeight': 'h3-lh',
-    'typography-heading-3-letterSpacing': 'h3-ls',
-    'typography-heading-3-fontStyle': 'h3-fs',
-    'typography-subheading-1-fontFamily': 'sh1-ff',
-    'typography-subheading-1-fontSize': 'sh1-size',
-    'typography-subheading-1-fontWeight': 'sh1-weight',
-    'typography-subheading-1-lineHeight': 'sh1-lh',
-    'typography-subheading-1-letterSpacing': 'sh1-ls',
-    'typography-subheading-1-fontStyle': 'sh1-fs',
-    'typography-subheading-2-fontFamily': 'sh2-ff',
-    'typography-subheading-2-fontSize': 'sh2-size',
-    'typography-subheading-2-fontWeight': 'sh2-weight',
-    'typography-subheading-2-lineHeight': 'sh2-lh',
-    'typography-subheading-2-letterSpacing': 'sh2-ls',
-    'typography-subheading-2-fontStyle': 'sh2-fs',
-    'typography-subheading-3-fontFamily': 'sh3-ff',
-    'typography-subheading-3-fontSize': 'sh3-size',
-    'typography-subheading-3-fontWeight': 'sh3-weight',
-    'typography-subheading-3-lineHeight': 'sh3-lh',
-    'typography-subheading-3-letterSpacing': 'sh3-ls',
-    'typography-subheading-3-fontStyle': 'sh3-fs',
-    'typography-paragraph-1-fontFamily': 'p1-ff',
-    'typography-paragraph-1-fontSize': 'p1-size',
-    'typography-paragraph-1-fontWeight': 'p1-weight',
-    'typography-paragraph-1-lineHeight': 'p1-lh',
-    'typography-paragraph-1-letterSpacing': 'p1-ls',
-    'typography-paragraph-1-fontStyle': 'p1-fs',
-    'typography-paragraph-2-fontFamily': 'p2-ff',
-    'typography-paragraph-2-fontSize': 'p2-size',
-    'typography-paragraph-2-fontWeight': 'p2-weight',
-    'typography-paragraph-2-lineHeight': 'p2-lh',
-    'typography-paragraph-2-letterSpacing': 'p2-ls',
-    'typography-paragraph-2-fontStyle': 'p2-fs',
-    'typography-paragraph-3-fontFamily': 'p3-ff',
-    'typography-paragraph-3-fontSize': 'p3-size',
-    'typography-paragraph-3-fontWeight': 'p3-weight',
-    'typography-paragraph-3-lineHeight': 'p3-lh',
-    'typography-paragraph-3-letterSpacing': 'p3-ls',
-    'typography-paragraph-3-fontStyle': 'p3-fs',
-    'color-brand': 'c-brand',
-    'color-highlight': 'c-highlight',
-    'color-text-1': 'c-text-1',
-    'color-text-2': 'c-text-2',
-    'color-text-3': 'c-text-3',
-    'color-bg-1': 'c-bg-1',
-    'color-bg-2': 'c-bg-2',
-    'color-bg-3': 'c-bg-3',
-    'color-line-1': 'c-line-1',
-    'color-line-2': 'c-line-2',
-    'color-line-3': 'c-line-3',
-    'color-success': 'c-success',
-    'color-info': 'c-info',
-    'color-warning': 'c-warning',
-    'color-error': 'c-error',
-    'spacing-xxs': 's-xxs',
-    'spacing-xs': 's-xs',
-    'spacing-s': 's-s',
-    'spacing-m': 's-m',
-    'spacing-l': 's-l',
-    'spacing-xl': 's-xl',
-    'spacing-2xl': 's-2xl',
-    'spacing-3xl': 's-3xl',
-    'spacing-4xl': 's-4xl',
-    'spacing-5xl': 's-5xl',
-    'container-width': 'ct-w',
-    'container-padding': 'ct-p',
-    'text-shadow': 'ts',
-    'box-shadow': 'shadow'
-};
-function getShortName(name) {
-    return globalSortNameMapping[name] || name;
-}
-
-export { getShortName };
+let globalSortNameMapping={"typography-heading-1-fontFamily":"h1-ff","typography-heading-1-fontSize":"h1-size","typography-heading-1-fontWeight":"h1-weight","typography-heading-1-lineHeight":"h1-lh","typography-heading-1-letterSpacing":"h1-ls","typography-heading-1-fontStyle":"h1-fs","typography-heading-2-fontFamily":"h2-ff","typography-heading-2-fontSize":"h2-size","typography-heading-2-fontWeight":"h2-weight","typography-heading-2-lineHeight":"h2-lh","typography-heading-2-letterSpacing":"h2-ls","typography-heading-2-fontStyle":"h2-fs","typography-heading-3-fontFamily":"h3-ff","typography-heading-3-fontSize":"h3-size","typography-heading-3-fontWeight":"h3-weight","typography-heading-3-lineHeight":"h3-lh","typography-heading-3-letterSpacing":"h3-ls","typography-heading-3-fontStyle":"h3-fs","typography-subheading-1-fontFamily":"sh1-ff","typography-subheading-1-fontSize":"sh1-size","typography-subheading-1-fontWeight":"sh1-weight","typography-subheading-1-lineHeight":"sh1-lh","typography-subheading-1-letterSpacing":"sh1-ls","typography-subheading-1-fontStyle":"sh1-fs","typography-subheading-2-fontFamily":"sh2-ff","typography-subheading-2-fontSize":"sh2-size","typography-subheading-2-fontWeight":"sh2-weight","typography-subheading-2-lineHeight":"sh2-lh","typography-subheading-2-letterSpacing":"sh2-ls","typography-subheading-2-fontStyle":"sh2-fs","typography-subheading-3-fontFamily":"sh3-ff","typography-subheading-3-fontSize":"sh3-size","typography-subheading-3-fontWeight":"sh3-weight","typography-subheading-3-lineHeight":"sh3-lh","typography-subheading-3-letterSpacing":"sh3-ls","typography-subheading-3-fontStyle":"sh3-fs","typography-paragraph-1-fontFamily":"p1-ff","typography-paragraph-1-fontSize":"p1-size","typography-paragraph-1-fontWeight":"p1-weight","typography-paragraph-1-lineHeight":"p1-lh","typography-paragraph-1-letterSpacing":"p1-ls","typography-paragraph-1-fontStyle":"p1-fs","typography-paragraph-2-fontFamily":"p2-ff","typography-paragraph-2-fontSize":"p2-size","typography-paragraph-2-fontWeight":"p2-weight","typography-paragraph-2-lineHeight":"p2-lh","typography-paragraph-2-letterSpacing":"p2-ls","typography-paragraph-2-fontStyle":"p2-fs","typography-paragraph-3-fontFamily":"p3-ff","typography-paragraph-3-fontSize":"p3-size","typography-paragraph-3-fontWeight":"p3-weight","typography-paragraph-3-lineHeight":"p3-lh","typography-paragraph-3-letterSpacing":"p3-ls","typography-paragraph-3-fontStyle":"p3-fs","color-brand":"c-brand","color-highlight":"c-highlight","color-text-1":"c-text-1","color-text-2":"c-text-2","color-text-3":"c-text-3","color-bg-1":"c-bg-1","color-bg-2":"c-bg-2","color-bg-3":"c-bg-3","color-line-1":"c-line-1","color-line-2":"c-line-2","color-line-3":"c-line-3","color-success":"c-success","color-info":"c-info","color-warning":"c-warning","color-error":"c-error","spacing-xxs":"s-xxs","spacing-xs":"s-xs","spacing-s":"s-s","spacing-m":"s-m","spacing-l":"s-l","spacing-xl":"s-xl","spacing-2xl":"s-2xl","spacing-3xl":"s-3xl","spacing-4xl":"s-4xl","spacing-5xl":"s-5xl","container-width":"ct-w","container-padding":"ct-p","text-shadow":"ts","box-shadow":"shadow"};function getShortName(h){return globalSortNameMapping[h]||h}export{getShortName};

package/dist/esm/helpers/is-browser.js

@@ -1,5 +1 @@
-function isBrowser() {
-    return typeof window !== 'undefined';
-}
-
-export { isBrowser as default };
+function isBrowser(){return"undefined"!=typeof window}export{isBrowser as default};

package/dist/esm/helpers/is-defined.js

@@ -1,5 +1 @@
-function isDefined(argument) {
-    return argument !== undefined;
-}
-
-export { isDefined };
+function isDefined(e){return void 0!==e}export{isDefined};

package/dist/esm/helpers/is-empty-children.js

@@ -1,7 +1 @@
-import { Children } from 'react';
-
-const isEmptyChildren = (children)=>{
-    return Children.count(children) < 1 || !children;
-};
-
-export { isEmptyChildren as default, isEmptyChildren };
+import{Children as t}from"react";let isEmptyChildren=e=>1>t.count(e)||!e;export{isEmptyChildren as default,isEmptyChildren};

package/dist/esm/helpers/is-safari.js

@@ -1,5 +1 @@
-function isSafari() {
-    return navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1;
-}
-
-export { isSafari as default };
+function isSafari(){return -1!=navigator.userAgent.indexOf("Safari")&&-1==navigator.userAgent.indexOf("Chrome")}export{isSafari as default};

package/dist/esm/helpers/layout.js

@@ -1,54 +1 @@
-import { devicesMapping } from './constant.js';
-import { getResponsiveValueByScreen, getResponsiveValue } from './get-resonsive-value.js';
-
-const gridToArrayRegex = // eslint-disable-next-line regexp/no-super-linear-backtracking
-/[^\s()]+(?:\([^\s()]+(?:\([^()]+\))?(?:, *[^\s()]+(?:\([^()]+\))?)*\))?/g; // Regex convert css grid to array
-const optionLayoutStyle = (column)=>{
-    if (!column) return {};
-    const style = {};
-    for (const [key, value] of Object.entries(column)){
-        Object.assign(style, {
-            [`--gtc${devicesMapping?.[key]}`]: `repeat(${parseFloat(value + '') || 1}, minmax(0, 1fr))`
-        });
-    }
-    return style;
-};
-const composeGridLayout = (layout)=>{
-    const display = getResponsiveValue(layout, 'display');
-    const desktop = (getResponsiveValueByScreen(display, 'desktop') === 'fit' ? layout?.desktop?.cols?.map(()=>`minmax(0, auto)`) : layout?.desktop?.cols?.map((col)=>`minmax(0, ${col}fr)`))?.join(' ');
-    const tablet = (getResponsiveValueByScreen(display, 'tablet') === 'fit' ? layout?.tablet?.cols?.map(()=>`minmax(0, auto)`) : layout?.tablet?.cols?.map((col)=>`minmax(0, ${col}fr)`))?.join(' ');
-    const mobile = (getResponsiveValueByScreen(display, 'mobile') === 'fit' ? layout?.mobile?.cols?.map(()=>`minmax(0, auto)`) : layout?.mobile?.cols?.map((col)=>`minmax(0, ${col}fr)`))?.join(' ');
-    return {
-        [`--gtc`]: desktop,
-        [`--gtc-tablet`]: tablet,
-        [`--gtc-mobile`]: mobile
-    };
-};
-const gridToArray = (layout)=>{
-    return layout ? layout.match(gridToArrayRegex) ?? [] : [];
-};
-const convertOldLayout = (layout)=>{
-    const desktopCol = gridToArray(layout?.desktop).length;
-    const tabletCol = gridToArray(layout?.tablet).length;
-    const mobileCol = gridToArray(layout?.mobile).length;
-    return {
-        desktop: {
-            cols: desktopCol ? Array.from({
-                length: desktopCol
-            }, ()=>12 / desktopCol) : undefined,
-            display: 'fill'
-        },
-        tablet: {
-            cols: tabletCol ? Array.from({
-                length: tabletCol
-            }, ()=>12 / tabletCol) : undefined
-        },
-        mobile: {
-            cols: mobileCol ? Array.from({
-                length: mobileCol
-            }, ()=>12 / mobileCol) : undefined
-        }
-    };
-};
-
-export { composeGridLayout, convertOldLayout, gridToArrayRegex, optionLayoutStyle };
+import{devicesMapping as t}from"./constant.js";import{getResponsiveValueByScreen as o,getResponsiveValue as e}from"./get-resonsive-value.js";let gridToArrayRegex=/[^\s()]+(?:\([^\s()]+(?:\([^()]+\))?(?:, *[^\s()]+(?:\([^()]+\))?)*\))?/g,optionLayoutStyle=o=>{if(!o)return{};let e={};for(let[r,a]of Object.entries(o))Object.assign(e,{[`--gtc${t?.[r]}`]:`repeat(${parseFloat(a+"")||1}, minmax(0, 1fr))`});return e},composeGridLayout=t=>{let r=e(t,"display"),a=("fit"===o(r,"desktop")?t?.desktop?.cols?.map(()=>"minmax(0, auto)"):t?.desktop?.cols?.map(t=>`minmax(0, ${t}fr)`))?.join(" "),i=("fit"===o(r,"tablet")?t?.tablet?.cols?.map(()=>"minmax(0, auto)"):t?.tablet?.cols?.map(t=>`minmax(0, ${t}fr)`))?.join(" "),l=("fit"===o(r,"mobile")?t?.mobile?.cols?.map(()=>"minmax(0, auto)"):t?.mobile?.cols?.map(t=>`minmax(0, ${t}fr)`))?.join(" ");return{"--gtc":a,"--gtc-tablet":i,"--gtc-mobile":l}},gridToArray=t=>t?t.match(gridToArrayRegex)??[]:[],convertOldLayout=t=>{let o=gridToArray(t?.desktop).length,e=gridToArray(t?.tablet).length,r=gridToArray(t?.mobile).length;return{desktop:{cols:o?Array.from({length:o},()=>12/o):void 0,display:"fill"},tablet:{cols:e?Array.from({length:e},()=>12/e):void 0},mobile:{cols:r?Array.from({length:r},()=>12/r):void 0}}};export{composeGridLayout,convertOldLayout,gridToArrayRegex,optionLayoutStyle};

package/dist/esm/helpers/load-script.js

@@ -1,29 +1 @@
-const SCRIPTS_LOADED = {};
-function loadScript(src, options) {
-    const isScriptLoaded = SCRIPTS_LOADED[src];
-    if (isScriptLoaded) {
-        return isScriptLoaded;
-    }
-    const promise = new Promise((resolve, reject)=>{
-        const script = document.createElement('script');
-        if (options?.module) {
-            script.type = 'module';
-        }
-        script.src = src;
-        script.onload = ()=>{
-            resolve(true);
-        };
-        script.onerror = ()=>{
-            reject(false);
-        };
-        if (options?.in === 'head') {
-            document.head.appendChild(script);
-        } else {
-            document.body.appendChild(script);
-        }
-    });
-    SCRIPTS_LOADED[src] = promise;
-    return promise;
-}
-
-export { loadScript };
+let SCRIPTS_LOADED={};function loadScript(e,t){let d=SCRIPTS_LOADED[e];if(d)return d;let o=new Promise((d,o)=>{let n=document.createElement("script");t?.module&&(n.type="module"),n.src=e,n.onload=()=>{d(!0)},n.onerror=()=>{o(!1)},t?.in==="head"?document.head.appendChild(n):document.body.appendChild(n)});return SCRIPTS_LOADED[e]=o,o}export{loadScript};

package/dist/esm/helpers/make-style.js

@@ -1,117 +1 @@
-import { getResponsiveValueByScreen } from './get-resonsive-value.js';
-
-const removeNullUndefined = (obj)=>Object.entries(obj).reduce((a, [k, v])=>{
-        if (v === null || v === undefined) return a;
-        return {
-            ...a,
-            [k]: v
-        };
-    }, {});
-const makeStyleKey = (name)=>{
-    return [
-        name,
-        `hvr-${name}`,
-        `focus-${name}`,
-        `${name}-tablet`,
-        `hvr-${name}-tablet`,
-        `focus-${name}-tablet`,
-        `${name}-mobile`,
-        `hvr-${name}-mobile`,
-        `focus-${name}-mobile`
-    ].map((key)=>`--${key}`);
-};
-const makeStyle = (style)=>{
-    return removeNullUndefined(Object.fromEntries(Object.entries(style).map(([key, value])=>[
-            `--${key}`,
-            value
-        ])));
-};
-const makeStyleState = (name, value)=>{
-    if (!value) return {};
-    return {
-        [`--${name}`]: value?.normal,
-        [`--hvr-${name}`]: value?.hover,
-        [`--focus-${name}`]: value?.focus
-    };
-};
-const makeStyleResponsiveState = (name, value)=>{
-    if (!value) return {};
-    return {
-        [`--${name}`]: value?.desktop?.normal,
-        [`--hvr-${name}`]: value?.desktop?.hover,
-        [`--focus-${name}`]: value?.desktop?.focus,
-        [`--${name}-tablet`]: value?.tablet?.normal,
-        [`--hvr-${name}-tablet`]: value?.tablet?.hover,
-        [`--focus-${name}-tablet`]: value?.tablet?.focus,
-        [`--${name}-mobile`]: value?.mobile?.normal,
-        [`--hvr-${name}-mobile`]: value?.mobile?.hover,
-        [`--focus-${name}-mobile`]: value?.mobile?.focus
-    };
-};
-const makeStyleResponsive = (name, value)=>{
-    return {
-        [`--${name}`]: value?.desktop,
-        [`--${name}-tablet`]: value?.tablet,
-        [`--${name}-mobile`]: value?.mobile
-    };
-};
-const makeWidth = (widthValue, fullWidthValue)=>{
-    const getVal = (deviceValue, widthValue, fullWidthValue)=>{
-        const widthVal = widthValue?.[deviceValue] === undefined ? widthValue?.['desktop'] : widthValue?.[deviceValue];
-        const fullWidthVal = fullWidthValue?.[deviceValue] === undefined ? fullWidthValue?.['desktop'] : fullWidthValue?.[deviceValue];
-        if (fullWidthVal) {
-            return '100%';
-        } else if (fullWidthVal === false) {
-            return widthVal ?? widthVal;
-        } else {
-            return widthVal || 'auto';
-        }
-    };
-    return {
-        desktop: getVal('desktop', widthValue, fullWidthValue),
-        tablet: getVal('tablet', widthValue, fullWidthValue),
-        mobile: getVal('mobile', widthValue, fullWidthValue)
-    };
-};
-const makeHeight = (heighValue, autoHeight)=>{
-    const getVal = (deviceValue, heighValue, autoHeight)=>{
-        const heightVal = heighValue?.[deviceValue];
-        const isAuto = autoHeight?.[deviceValue];
-        if (isAuto) {
-            return 'auto';
-        } else if (isAuto === false) {
-            return heightVal ?? heightVal;
-        } else {
-            return heightVal;
-        }
-    };
-    return {
-        desktop: getVal('desktop', heighValue, autoHeight),
-        tablet: getVal('tablet', heighValue, autoHeight),
-        mobile: getVal('mobile', heighValue, autoHeight)
-    };
-};
-const makeAspectRatio = (aspectRatio, aspectWidth, aspectHeight)=>{
-    return {
-        desktop: aspectRatio?.desktop === 'custom' ? `${getResponsiveValueByScreen(aspectWidth, 'desktop')}/${getResponsiveValueByScreen(aspectHeight, 'desktop')}` : aspectRatio?.desktop,
-        tablet: aspectRatio?.tablet === 'custom' ? `${getResponsiveValueByScreen(aspectWidth, 'tablet')}/${getResponsiveValueByScreen(aspectHeight, 'tablet')}` : aspectRatio?.tablet,
-        mobile: aspectRatio?.mobile === 'custom' ? `${getResponsiveValueByScreen(aspectWidth, 'mobile')}/${getResponsiveValueByScreen(aspectHeight, 'mobile')}` : aspectRatio?.mobile
-    };
-};
-const makeLineClamp = (lineClampValue, hasLineClampValue)=>{
-    const getVal = (deviceValue, lineClampValue, hasLineClampValue)=>{
-        const lineClamp = lineClampValue?.[deviceValue];
-        const hasLineClamp = hasLineClampValue?.[deviceValue] || hasLineClampValue?.['desktop'];
-        if (hasLineClamp || hasLineClamp === undefined) {
-            return lineClamp;
-        }
-        return 'unset';
-    };
-    return {
-        desktop: getVal('desktop', lineClampValue, hasLineClampValue),
-        tablet: getVal('tablet', lineClampValue, hasLineClampValue),
-        mobile: getVal('mobile', lineClampValue, hasLineClampValue)
-    };
-};
-
-export { makeAspectRatio, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveState, makeStyleState, makeWidth, removeNullUndefined };
+import{getResponsiveValueByScreen as e}from"./get-resonsive-value.js";let removeNullUndefined=e=>Object.entries(e).reduce((e,[t,o])=>null==o?e:{...e,[t]:o},{}),makeStyleKey=e=>[e,`hvr-${e}`,`focus-${e}`,`${e}-tablet`,`hvr-${e}-tablet`,`focus-${e}-tablet`,`${e}-mobile`,`hvr-${e}-mobile`,`focus-${e}-mobile`].map(e=>`--${e}`),makeStyle=e=>removeNullUndefined(Object.fromEntries(Object.entries(e).map(([e,t])=>[`--${e}`,t]))),makeStyleState=(e,t)=>t?{[`--${e}`]:t?.normal,[`--hvr-${e}`]:t?.hover,[`--focus-${e}`]:t?.focus}:{},makeStyleResponsiveState=(e,t)=>t?{[`--${e}`]:t?.desktop?.normal,[`--hvr-${e}`]:t?.desktop?.hover,[`--focus-${e}`]:t?.desktop?.focus,[`--${e}-tablet`]:t?.tablet?.normal,[`--hvr-${e}-tablet`]:t?.tablet?.hover,[`--focus-${e}-tablet`]:t?.tablet?.focus,[`--${e}-mobile`]:t?.mobile?.normal,[`--hvr-${e}-mobile`]:t?.mobile?.hover,[`--focus-${e}-mobile`]:t?.mobile?.focus}:{},makeStyleResponsive=(e,t)=>({[`--${e}`]:t?.desktop,[`--${e}-tablet`]:t?.tablet,[`--${e}-mobile`]:t?.mobile}),makeWidth=(e,t)=>{let o=(e,t,o)=>{let l=t?.[e]===void 0?t?.desktop:t?.[e],a=o?.[e]===void 0?o?.desktop:o?.[e];return a?"100%":!1===a?l??l:l||"auto"};return{desktop:o("desktop",e,t),tablet:o("tablet",e,t),mobile:o("mobile",e,t)}},makeGlobalSizeWidthResponsive=e=>({"--w":e?.desktop?.width,"--w-tablet":e?.tablet?.width,"--w-mobile":e?.mobile?.width}),makeHeight=(e,t)=>{let o=(e,t,o)=>{let l=t?.[e],a=o?.[e];return a?"auto":!1===a?l??l:l};return{desktop:o("desktop",e,t),tablet:o("tablet",e,t),mobile:o("mobile",e,t)}},makeAspectRatio=(t,o,l)=>{let a={},m=["desktop","mobile","tablet"];return m.forEach(m=>{let i=e(t,m);"none"!==i&&(a={...a,[m]:"custom"!==i?i:`${e(o,"desktop")}/${e(l,"desktop")}`})}),a},makeLineClamp=(e,t)=>{let o=(e,t,o)=>{let l=t?.[e],a=o?.[e]||o?.desktop;return a||void 0===a?l:"unset"};return{desktop:o("desktop",e,t),tablet:o("tablet",e,t),mobile:o("mobile",e,t)}};export{makeAspectRatio,makeGlobalSizeWidthResponsive,makeHeight,makeLineClamp,makeStyle,makeStyleKey,makeStyleResponsive,makeStyleResponsiveState,makeStyleState,makeWidth,removeNullUndefined};

package/dist/esm/helpers/normalize-builder-data.js

@@ -1,21 +1 @@
-function normalizeBuilderData(data) {
-    const result = {};
-    function compose(data, res = {}) {
-        const childrens = data.childrens;
-        const items = childrens?.map((child)=>child.uid) ?? [];
-        res[data.uid] = {
-            ...data,
-            childrens: items,
-            type: 'component'
-        };
-        if (childrens) {
-            childrens.map((child)=>compose(child, res));
-        }
-    }
-    compose(data, result);
-    return {
-        ...result
-    };
-}
-
-export { normalizeBuilderData };
+function normalizeBuilderData(e){let n={};return!function e(n,i={}){let t=n.childrens,r=t?.map(e=>e.uid)??[];i[n.uid]={...n,childrens:r,type:"component"},t&&t.map(n=>e(n,i))}(e,n),{...n}}export{normalizeBuilderData};