@gem-sdk/core 3.0.0-pre-production.14 → 3.0.0

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

@@ -1,315 +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 { getResponsiveStyleShadow, 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';
-        case 'animation':
-            return undefined;
-        case 'hasBoxShadow':
-            return undefined;
-        case 'rounded':
-            return undefined;
-        case 'boxShadow':
-            return undefined;
-        case 'border':
-            return undefined;
-        default:
-            return value;
-    }
-};
-const postPurchasePaddingMapping = {
-    loose: '21px',
-    extraLoose: '38px',
-    tight: '9px',
-    extraTight: '5px',
-    base: '14px'
-};
-const composeAdvanceStyleForPostPurchase = (data, tag)=>{
-    if (!data) return {};
-    const styles = {};
-    Object.keys(data).forEach((attr)=>{
-        const value = data[attr];
-        if (attr === 'blockPadding') {
-            const valueMapped = postPurchasePaddingMapping[value];
-            styles[`--pb`] = getAttrValue(attr, valueMapped, tag);
-            styles[`--pt`] = getAttrValue(attr, valueMapped, tag);
-            styles[`--mb`] = '0px';
-            styles[`--mt`] = '0px';
-        }
-        if (attr === 'inlinePadding') {
-            const valueMapped = postPurchasePaddingMapping[value];
-            styles[`--pl`] = getAttrValue(attr, valueMapped, tag);
-            styles[`--pr`] = getAttrValue(attr, valueMapped, tag);
-        }
-    });
-    return styles;
-};
-function composeAdvanceStyle(data, tag, pageType) {
-    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 (attr === 'boxShadow') {
-                            Object.assign(styles, getResponsiveStyleShadow(value, 'box-shadow', hasBoxShadow));
-                        }
-                        const styleValue = getAttrValue(attr, deviceValue, tag);
-                        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:
-                                    styleValue && (styles[`--${attr}`] = styleValue);
-                                    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:
-                                    styleValue && (styles[`--${attr}-${composeAttr}`] = styleValue);
-                                    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 {
-            const styleValue = getAttrValue(attr, value, tag);
-            styleValue && (styles[`--${attr}`] = styleValue);
-            if (attr === 'hasBoxShadow' && data.boxShadow) {
-                Object.assign(styles, getStyleShadow({
-                    value: data.boxShadow,
-                    styleAppliedFor: 'box-shadow',
-                    isEnableShadow: data.hasBoxShadow
-                }));
-            }
-        }
-        if (attr === 'blockPadding' && pageType === 'POST_PURCHASE') {
-            const valueMapped = postPurchasePaddingMapping[value];
-            styles[`--pb`] = getAttrValue(attr, valueMapped, tag);
-            styles[`--pt`] = getAttrValue(attr, valueMapped, tag);
-            styles[`--mb`] = '0px';
-            styles[`--mt`] = '0px';
-        }
-        if (attr === 'inlinePadding' && pageType === 'POST_PURCHASE') {
-            const valueMapped = postPurchasePaddingMapping[value];
-            styles[`--pl`] = getAttrValue(attr, valueMapped, tag);
-            styles[`--pr`] = getAttrValue(attr, valueMapped, tag);
-        }
-    });
-    const advancedPostPurchaseStyles = pageType === 'POST_PURCHASE' ? composeAdvanceStyleForPostPurchase(data, tag) : {};
-    return {
-        ...styles,
-        ...advancedPostPurchaseStyles
-    };
-}
-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 getCornerStyle = (advancedSetting)=>{
-    return composeAdvanceStyle({
-        rounded: advancedSetting?.rounded
-    });
-};
-const removePaddingYInStyle = (style)=>{
-    const keys = [
-        '--pt',
-        '--pt-tablet',
-        '--pt-mobile',
-        '--pb',
-        '--pb-tablet',
-        '--pb-mobile'
-    ];
-    return removeAttrInStyle(style, keys);
-};
-
-export { composeAdvanceStyle, composeAdvanceStyleForPostPurchase, filterAttrInStyle, getCornerStyle, removeAttrInStyle, removePaddingYInStyle, splitStyle };
+import{handleConvertBorderStyle as e,handleConvertBorderWidth as t,handleConvertBorderColor as o,getBorderStyle as a}from"./borders.js";import{isColor as r}from"./colors.js";import{layoutComponent as s}from"./constant.js";import{makeStyleKey as i}from"./make-style.js";import{composeRadius as n,getCornerCSSFromGlobal as c}from"./radius.js";import{getResponsiveStyleShadow as l,getStyleShadowState as d,getStyleShadow as p}from"./shadow.js";import{DEVICES as u}from"../constants/device.js";let composeSpacing=({source:e,spacing:t,type:o,suffix:a=""})=>{let{top:r,left:s,bottom:i,right:n}=t;r&&(e[`--${o}t${a}`]=r),s&&(e[`--${o}l${a}`]=s),i&&(e[`--${o}b${a}`]=i),n&&(e[`--${o}r${a}`]=n)},composeSpacingV2=({source:e,spacing:t,suffix:o="",tag:a=""})=>{if(t&&t.margin){let{top:r,left:i,bottom:n,right:c}=t.margin;r&&(e[`--mt${o}`]=r),i&&(e[`--ml${o}`]=s.includes(a)&&"0px"===i?"auto":i),n&&(e[`--mb${o}`]=n),c&&(e[`--mr${o}`]=s.includes(a)&&"0px"===c?"auto":c)}if(t&&t.padding){let{top:a,left:r,bottom:s,right:i}=t.padding;a&&(e[`--pt${o}`]=a),r&&(e[`--pl${o}`]=r),s&&(e[`--pb${o}`]=s),i&&(e[`--pr${o}`]=i)}},getAttrValue=(e,t,o)=>{if(null!=t)switch(e){case"bgc":case"c":return r(t.toString())?t:`var(--g-c-${t})`;case"d":if(!t)return"none";if(t&&o&&s.includes(o))return"grid";return"block";case"animation":case"hasBoxShadow":case"rounded":case"boxShadow":case"border":return;default:return t}},postPurchasePaddingMapping={loose:"21px",extraLoose:"38px",tight:"9px",extraTight:"5px",base:"14px"},composeAdvanceStyleForPostPurchase=(e,t)=>{if(!e)return{};let o={};return Object.keys(e).forEach(a=>{let r=e[a];if("blockPadding"===a){let e=postPurchasePaddingMapping[r];o["--pb"]=getAttrValue(a,e,t),o["--pt"]=getAttrValue(a,e,t),o["--mb"]="0px",o["--mt"]="0px"}if("inlinePadding"===a){let e=postPurchasePaddingMapping[r];o["--pl"]=getAttrValue(a,e,t),o["--pr"]=getAttrValue(a,e,t)}}),o};function composeAdvanceStyle(r,s,i){if(!r)return{};let b={},g=["hover","normal"];Object.keys(r).forEach(m=>{let h=r[m];if("cssClass"===m||null==h)return;let S=r.hasBoxShadow?r.hasBoxShadow:{};if("object"==typeof h){if(Array.isArray(h))return;Object.keys(h).forEach(i=>{if(u.includes(i)){let a=h[i];if(void 0!==a){"border"===m&&Object.assign(b,e(h),t(h),o(h)),"rounded"===m&&Object.assign(b,n(h)),"boxShadow"===m&&Object.assign(b,l(h,"box-shadow",S));let r=getAttrValue(m,a,s);if("desktop"===i)switch(m){case"padding":composeSpacing({source:b,spacing:a,type:"p"});break;case"margin":composeSpacing({source:b,spacing:a,type:"m"});break;case"spacing-setting":composeSpacingV2({source:b,spacing:a,tag:s});break;case"m":case"p":break;default:r&&(b[`--${m}`]=r)}else switch(m){case"padding":composeSpacing({source:b,spacing:a,type:"p",suffix:`-${i}`});break;case"margin":composeSpacing({source:b,spacing:a,type:"m",suffix:`-${i}`});break;case"spacing-setting":composeSpacingV2({source:b,spacing:a,suffix:`-${i}`,tag:s});break;case"m":case"p":break;default:r&&(b[`--${m}-${i}`]=r)}}}else if(g.includes(i))switch(m){case"hasBoxShadow":break;case"boxShadow":Object.assign(b,d(h,"box-shadow",S))}else"border"===m&&("none"===h.border&&(h.border="solid",h.color="#121212",h.isCustom=!0,h.width="0px",h.position="all"),Object.assign(b,a(h))),"rounded"===m&&Object.assign(b,c(h)),"hasBoxShadow"===m&&Object.assign(b,p({value:r.boxShadow,styleAppliedFor:"box-shadow",isEnableShadow:r.hasBoxShadow})),"boxShadow"===m&&Object.assign(b,p({value:h,styleAppliedFor:"box-shadow",isEnableShadow:r.hasBoxShadow}))})}else{let e=getAttrValue(m,h,s);e&&(b[`--${m}`]=e),"hasBoxShadow"===m&&r.boxShadow&&Object.assign(b,p({value:r.boxShadow,styleAppliedFor:"box-shadow",isEnableShadow:r.hasBoxShadow}))}if("blockPadding"===m&&"POST_PURCHASE"===i){let e=postPurchasePaddingMapping[h];b["--pb"]=getAttrValue(m,e,s),b["--pt"]=getAttrValue(m,e,s),b["--mb"]="0px",b["--mt"]="0px"}if("inlinePadding"===m&&"POST_PURCHASE"===i){let e=postPurchasePaddingMapping[h];b["--pl"]=getAttrValue(m,e,s),b["--pr"]=getAttrValue(m,e,s)}});let m="POST_PURCHASE"===i?composeAdvanceStyleForPostPurchase(r,s):{};return{...b,...m}}let convertBoxShadowV1ToV2=(e,t,o)=>{let a=["Section","Row","Text","Heading","Image","Button","HeroBanner","ImageComparison","Countdown","Video"],r=["ProductTitle","ProductDescription","ProductPrice","ProductVendor","Product","ProductSku","StockCounter","Sticky","ProductBadge","ProductViewMore","ProductButton","DynamicCheckout","ProductList","ProductQuantity","ProductVariants"],s=["Icon","IconListHoz","Line","IconList","IconListV2","Tabs","Accordion","Marquee","Breadcrumb","EstimateDate"],i=["Newsletter","ContactForm","TextField","FormTextarea","FormEmail","FormDropdown","FormCheckbox","SubmitButton","TextInput"],n=["CollectionTitle","CollectionDescription","CollectionBanner","CollectionToolbar","CollectionPaginator"],c=[...a,...r,...s,...i,...n],l=e;return c.includes(o||"")&&(l={desktop:t.desktop??{},tablet:t.tablet??t.desktop??{},mobile:t.mobile??t.tablet??t.desktop??{}}),l},splitStyle=(e,t={})=>{let o=e.map(e=>i(e)).flat(),a=Object.keys(t).filter(e=>o.includes(e)),r=a.reduce((e,o)=>({...e,[o]:t[o]}),{}),s=Object.keys(t).filter(e=>!a.includes(e)).reduce((e,o)=>({...e,[o]:t[o]}),{});return[r,s]},filterAttrInStyle=(e,t)=>{if(!e||!t)return{};let o={...e};return Object.entries(o).forEach(([e])=>{t.includes(e)||delete o[e]}),o},removeAttrInStyle=(e,t)=>{if(!e||!t)return{};let o={...e};return Object.entries(o).forEach(([e])=>{t.includes(e)&&delete o[e]}),o},getCornerStyle=e=>composeAdvanceStyle({rounded:e?.rounded}),removePaddingYInStyle=e=>{let t=["--pt","--pt-tablet","--pt-mobile","--pb","--pb-tablet","--pb-mobile"];return removeAttrInStyle(e,t)};export{composeAdvanceStyle,composeAdvanceStyleForPostPurchase,convertBoxShadowV1ToV2,filterAttrInStyle,getCornerStyle,removeAttrInStyle,removePaddingYInStyle,splitStyle};

package/dist/esm/helpers/composeClasses.js

@@ -0,0 +1 @@
+function composeClasses(s){return s?s.split(" ").reduce((s,e)=>(s[e]=!0,s),{}):{}}export{composeClasses};

package/dist/esm/helpers/const.js

@@ -0,0 +1 @@
+let DIALOG="Dialog";export{DIALOG};

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://assets.gemcommerce.xyz";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-styles.js

@@ -0,0 +1 @@
+function filterTruthyStyles(e){return Object.fromEntries(Object.entries(e||{}).filter(([,e])=>!!e))}let filterHoverVariables=e=>Object.fromEntries(Object.entries(e||{}).filter(([e])=>!e.startsWith("--hvr")));export{filterHoverVariables,filterTruthyStyles};

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

@@ -1,9 +1,2 @@
-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 };
+'use client';
+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};

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/icon-list.js

@@ -1,58 +1 @@
-import { devicesMapping } from '../web-components/src/helpers/styles/constant.js';
-
-const TEXT_TOTAL_SPACING = 3; //Padding 2, margin 1
-const composePostionIconList = (lineHeight, position, iconWidth)=>{
-    const compose = {};
-    composePositionLineHeight({
-        compose,
-        lineHeight,
-        device: 'desktop',
-        position,
-        iconWidth
-    });
-    composePositionLineHeight({
-        compose,
-        lineHeight,
-        device: 'tablet',
-        position,
-        iconWidth
-    });
-    composePositionLineHeight({
-        compose,
-        lineHeight,
-        device: 'mobile',
-        position,
-        iconWidth
-    });
-    return compose;
-};
-const composePositionLineHeight = ({ compose, lineHeight, device, position, iconWidth })=>{
-    const positionDevice = position?.[device];
-    const iconWidthDevice = iconWidth?.[device];
-    if (positionDevice) {
-        const suffix = devicesMapping[device] ?? '';
-        if (positionDevice === 'center') {
-            compose.wrapper = {
-                ...compose.wrapper,
-                [`--ai${suffix}`]: 'center'
-            };
-            compose.content = {
-                ...compose.content,
-                [`--pos${suffix}`]: 'static'
-            };
-        } else if (iconWidthDevice) {
-            const computedTop = parseFloat(lineHeight.replaceAll(/[a-zA-Z]/g, '')) / 2 + TEXT_TOTAL_SPACING - iconWidthDevice / 2;
-            compose.wrapper = {
-                ...compose.wrapper,
-                [`--ai${suffix}`]: 'flex-start'
-            };
-            compose.content = {
-                ...compose.content,
-                [`--top${suffix}`]: `${Math.max(0, Math.ceil(computedTop))}px`,
-                [`--pos${suffix}`]: 'relative'
-            };
-        }
-    }
-};
-
-export { composePositionLineHeight, composePostionIconList };
+import{devicesMapping as e}from"./constant.js";let TEXT_TOTAL_SPACING=3,composePostionIconList=(e,t,o)=>{let i={};return composePositionLineHeight({compose:i,lineHeight:e,device:"desktop",position:t,iconWidth:o}),composePositionLineHeight({compose:i,lineHeight:e,device:"tablet",position:t,iconWidth:o}),composePositionLineHeight({compose:i,lineHeight:e,device:"mobile",position:t,iconWidth:o}),i},composePositionLineHeight=({compose:t,lineHeight:o,device:i,position:n,iconWidth:s})=>{let p=n?.[i],c=s?.[i];if(p){let n=e[i]??"";if("center"===p)t.wrapper={...t.wrapper,[`--ai${n}`]:"center"},t.content={...t.content,[`--pos${n}`]:"static"};else if(c){let e=parseFloat(o.replaceAll(/[a-zA-Z]/g,""))/2+3-c/2;t.wrapper={...t.wrapper,[`--ai${n}`]:"flex-start"},t.content={...t.content,[`--top${n}`]:`${Math.max(0,Math.ceil(e))}px`,[`--pos${n}`]:"relative"}}}};export{composePositionLineHeight,composePostionIconList};