@gem-sdk/core 1.14.0-next.91 → 1.14.0

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

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

package/dist/esm/helpers/constant.js

@@ -1 +1,19 @@
-let stateMapping={normal:"",hover:"-hvr",focus:"-focus"},devicesMapping={desktop:"",tablet:"-tablet",mobile:"-mobile"},layoutComponent=["Row","Section","Product","HeroBanner","CollectionBanner"];export{devicesMapping,layoutComponent,stateMapping};
+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 };

package/dist/esm/helpers/convert.js

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

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

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

package/dist/esm/helpers/email.js

@@ -1 +1,6 @@
-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};
+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 };

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

@@ -1 +1,7 @@
-let flattenConnection=e=>e?.edges?.map(e=>e.node)??[];export{flattenConnection};
+/**
+ * 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 };

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

@@ -1 +1,27 @@
-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}};export{getResponsiveStateValue,getResponsiveValue,getResponsiveValueByScreen};
+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 };

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

@@ -1 +1,90 @@
-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};
+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 };

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

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

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

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

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

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

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

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

package/dist/esm/helpers/layout.js

@@ -1 +1,54 @@
-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};
+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 };

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

@@ -1 +1,29 @@
-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};
+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 };

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

@@ -1 +1,117 @@
-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)}},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)=>({desktop:t?.desktop==="custom"?`${e(o,"desktop")}/${e(l,"desktop")}`:t?.desktop,tablet:t?.tablet==="custom"?`${e(o,"tablet")}/${e(l,"tablet")}`:t?.tablet,mobile:t?.mobile==="custom"?`${e(o,"mobile")}/${e(l,"mobile")}`:t?.mobile}),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,makeHeight,makeLineClamp,makeStyle,makeStyleKey,makeStyleResponsive,makeStyleResponsiveState,makeStyleState,makeWidth,removeNullUndefined};
+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 };

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

@@ -1 +1,21 @@
-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};
+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 };