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

package/dist/esm/graphql/queries/published-theme-pages.generated.js

@@ -1,23 +1,13 @@
-import { PublishedThemePageSelect } from '../fragments/published-theme-page.generated.js';
-import { PublishedPageSectionSelect } from '../fragments/published-page-section.generated.js';
-import { PublishedCustomSectionSelect } from '../fragments/published-custom-section.generated.js';
-import { DataSeoSelect } from '../fragments/data-seo.generated.js';
-import { PublishedThemeStyleSelect } from '../fragments/published-theme-style.generated.js';
-import { AnalyticSelect } from '../fragments/analytic.generated.js';
-import { CustomCodeSelect } from '../fragments/custom-code.generated.js';
-
-const PublishedThemePagesDocument = `
+import{PublishedThemePageSelect as e}from"../fragments/published-theme-page.generated.js";import{PublishedPageSectionSelect as s}from"../fragments/published-page-section.generated.js";import{PublishedCustomSectionSelect as t}from"../fragments/published-custom-section.generated.js";import{DataSeoSelect as m}from"../fragments/data-seo.generated.js";import{PublishedThemeStyleSelect as r}from"../fragments/published-theme-style.generated.js";import{AnalyticSelect as g}from"../fragments/analytic.generated.js";import{CustomCodeSelect as a}from"../fragments/custom-code.generated.js";let PublishedThemePagesDocument=`
     query publishedThemePages($slug: String, $slugType: PublishedThemePageType!) {
   publishedThemePages(slug: $slug, slugType: $slugType) {
     ...PublishedThemePageSelect
   }
 }
-    ${PublishedThemePageSelect}
-${PublishedPageSectionSelect}
-${PublishedCustomSectionSelect}
-${DataSeoSelect}
-${PublishedThemeStyleSelect}
-${AnalyticSelect}
-${CustomCodeSelect}`;
-
-export { PublishedThemePagesDocument };
+    ${e}
+${s}
+${t}
+${m}
+${r}
+${g}
+${a}`;export{PublishedThemePagesDocument};

package/dist/esm/graphql/queries/store-property.generated.js

@@ -1,4 +1,4 @@
-/* eslint-disable */ const StorePropertyDocument = `
+let StorePropertyDocument=`
     query storeProperty {
   storeProperty {
     favicon
@@ -6,6 +6,4 @@
     primaryDomain
   }
 }
-    `;
-
-export { StorePropertyDocument };
+    `;export{StorePropertyDocument};

package/dist/esm/helpers/GlobalEvent.js

@@ -1,15 +1 @@
-const globalEvent = {
-    subscribe (callback) {
-        document.addEventListener('onDispatch', (e)=>callback(e.detail));
-    },
-    dispatch (data) {
-        document.dispatchEvent(new CustomEvent('onDispatch', {
-            detail: data
-        }));
-    },
-    remove (callback) {
-        document.removeEventListener('onDispatch', callback);
-    }
-};
-
-export { globalEvent as default };
+let globalEvent={subscribe(e){document.addEventListener("onDispatch",t=>e(t.detail))},dispatch(e){document.dispatchEvent(new CustomEvent("onDispatch",{detail:e}))},remove(e){document.removeEventListener("onDispatch",e)}};export{globalEvent as default};

package/dist/esm/helpers/background.js

@@ -1,106 +1 @@
-import { isColor, getSingleColorVariable } from './colors.js';
-import { makeStyleResponsive } from './make-style.js';
-
-const getStyleBackgroundByDevice = (background, options)=>{
-    if (!background) {
-        return {};
-    }
-    return {
-        ...getStyleBgColor(background),
-        ...getStyleBgImage(background, options),
-        ...getStyleBgPosition(background),
-        ...getStyleBgSize(background),
-        ...getStyleBgRepeat(background),
-        ...getStyleBgAttachment(background)
-    };
-};
-const getStyleBgColor = (background)=>{
-    const bgColor = {
-        desktop: getBgColorByDevice(background, 'desktop'),
-        tablet: getBgColorByDevice(background, 'tablet'),
-        mobile: getBgColorByDevice(background, 'mobile')
-    };
-    return makeStyleResponsive('bgc', bgColor);
-};
-const getBgColorByDevice = (background, device)=>{
-    return getColor(background?.[device]?.color);
-};
-const getColor = (color)=>{
-    if (!color) {
-        return;
-    }
-    if (isColor(color?.toString())) {
-        return color;
-    }
-    return `var(--g-c-${color})`;
-};
-const getStyleBgImage = (background, options)=>{
-    const bgImage = {
-        // desktop:
-        //   background.desktop?.type === 'color' ? 'none' : getBgImageByDevice(background, 'desktop'),
-        // tablet: background.tablet?.type === 'color' ? 'none' : getBgImageByDevice(background, 'tablet'),
-        // mobile: background.mobile?.type === 'color' ? 'none' : getBgImageByDevice(background, 'mobile'),
-        desktop: getBgImageByDevice(background, 'desktop', options),
-        tablet: getBgImageByDevice(background, 'tablet', options),
-        mobile: getBgImageByDevice(background, 'mobile', options)
-    };
-    return makeStyleResponsive('bgi', bgImage);
-};
-const getBgImageByDevice = (background, device, options)=>{
-    const backupFileKey = background?.[device]?.image?.backupFileKey;
-    const imageByDevice = options?.liquid && backupFileKey && `{{ "${backupFileKey}" | asset_url }}` || background?.[device]?.image?.src;
-    if (typeof imageByDevice === 'string') {
-        return `url(${imageByDevice})`;
-    }
-    return;
-};
-const getStyleBgPosition = (background)=>{
-    const bgPosition = {
-        desktop: getBgPositionByDevice(background, 'desktop'),
-        tablet: getBgPositionByDevice(background, 'tablet'),
-        mobile: getBgPositionByDevice(background, 'mobile')
-    };
-    return makeStyleResponsive('bgp', bgPosition);
-};
-const getBgPositionByDevice = (background, device)=>{
-    const positionByDevice = background?.[device]?.position;
-    return positionByDevice && `${positionByDevice.x}% ${positionByDevice.y}%`;
-};
-const getStyleBgSize = (background)=>{
-    const bgSize = {
-        desktop: getBgSizeByDevice(background, 'desktop'),
-        tablet: getBgSizeByDevice(background, 'tablet'),
-        mobile: getBgSizeByDevice(background, 'mobile')
-    };
-    return makeStyleResponsive('bgs', bgSize);
-};
-const getBgSizeByDevice = (background, device)=>{
-    return background?.[device]?.size;
-};
-const getStyleBgRepeat = (background)=>{
-    const bgRepeat = {
-        desktop: getBgRepeatByDevice(background, 'desktop'),
-        tablet: getBgRepeatByDevice(background, 'tablet'),
-        mobile: getBgRepeatByDevice(background, 'mobile')
-    };
-    return makeStyleResponsive('bgr', bgRepeat);
-};
-const getBgRepeatByDevice = (background, device)=>{
-    return background?.[device]?.repeat;
-};
-const getStyleBgAttachment = (background)=>{
-    const bgAttachment = {
-        desktop: getBgAttachmentByDevice(background, 'desktop'),
-        tablet: getBgAttachmentByDevice(background, 'tablet'),
-        mobile: getBgAttachmentByDevice(background, 'mobile')
-    };
-    return makeStyleResponsive('bga', bgAttachment);
-};
-const getBgAttachmentByDevice = (background, device)=>{
-    return background?.[device]?.attachment;
-};
-const composeBackgroundCss = (backgroundColor)=>{
-    return `${backgroundColor ? `background-color: ${getSingleColorVariable(backgroundColor)} !important;` : undefined}`;
-};
-
-export { composeBackgroundCss, getStyleBackgroundByDevice };
+import{isColor as e,getSingleColorVariable as t}from"./colors.js";import{makeStyleResponsive as g}from"./make-style.js";let getStyleBackgroundByDevice=(e,t)=>e?{...getStyleBgColor(e),...getStyleBgImage(e,t),...getStyleBgPosition(e),...getStyleBgSize(e),...getStyleBgRepeat(e),...getStyleBgAttachment(e)}:{},getStyleBgColor=e=>{let t={desktop:getBgColorByDevice(e,"desktop"),tablet:getBgColorByDevice(e,"tablet"),mobile:getBgColorByDevice(e,"mobile")};return g("bgc",t)},getBgColorByDevice=(e,t)=>getColor(e?.[t]?.color),getColor=t=>t?e(t?.toString())?t:`var(--g-c-${t})`:void 0,getStyleBgImage=(e,t)=>{let o={desktop:getBgImageByDevice(e,"desktop",t),tablet:getBgImageByDevice(e,"tablet",t),mobile:getBgImageByDevice(e,"mobile",t)};return g("bgi",o)},getBgImageByDevice=(e,t,g)=>{let o=e?.[t]?.image?.backupFileKey,i=g?.liquid&&o&&`{{ "${o}" | asset_url }}`||e?.[t]?.image?.src;if("string"==typeof i)return`url(${i})`},getStyleBgPosition=e=>{let t={desktop:getBgPositionByDevice(e,"desktop"),tablet:getBgPositionByDevice(e,"tablet"),mobile:getBgPositionByDevice(e,"mobile")};return g("bgp",t)},getBgPositionByDevice=(e,t)=>{let g=e?.[t]?.position;return g&&`${g.x}% ${g.y}%`},getStyleBgSize=e=>{let t={desktop:getBgSizeByDevice(e,"desktop"),tablet:getBgSizeByDevice(e,"tablet"),mobile:getBgSizeByDevice(e,"mobile")};return g("bgs",t)},getBgSizeByDevice=(e,t)=>e?.[t]?.size,getStyleBgRepeat=e=>{let t={desktop:getBgRepeatByDevice(e,"desktop"),tablet:getBgRepeatByDevice(e,"tablet"),mobile:getBgRepeatByDevice(e,"mobile")};return g("bgr",t)},getBgRepeatByDevice=(e,t)=>e?.[t]?.repeat,getStyleBgAttachment=e=>{let t={desktop:getBgAttachmentByDevice(e,"desktop"),tablet:getBgAttachmentByDevice(e,"tablet"),mobile:getBgAttachmentByDevice(e,"mobile")};return g("bga",t)},getBgAttachmentByDevice=(e,t)=>e?.[t]?.attachment,composeBackgroundCss=e=>`${e?`background-color: ${t(e)} !important;`:void 0}`;export{composeBackgroundCss,getStyleBackgroundByDevice};

package/dist/esm/helpers/borders.js

@@ -1,175 +1,4 @@
-import { getSingleColorVariable, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStateResponsiveClass, getGlobalColorStateClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateClassDynamicBtn } from './colors.js';
-import { makeStyle, makeStyleResponsiveState, makeStyleState } from './make-style.js';
-
-const getBorderStyle = (value)=>{
-    return makeStyle({
-        b: value?.border,
-        bc: getSingleColorVariable(value?.color),
-        bw: value?.width
-    });
-};
-const handleConvertBorderStyle = (value, type)=>{
-    if (!value) return undefined;
-    if ('desktop' in value || 'tablet' in value || 'mobile' in value) {
-        const data = value;
-        const newVal = {
-            desktop: {
-                normal: type === 'button' && data.desktop?.normal?.borderType === 'none' && !data.desktop?.normal?.isCustom ? 'solid' : data.desktop?.normal?.border,
-                hover: type === 'button' && data.desktop?.hover?.borderType === 'none' && !data.desktop?.hover?.isCustom ? 'solid' : data.desktop?.hover?.border,
-                focus: type === 'button' && data.desktop?.focus?.borderType === 'none' && !data.desktop?.focus?.isCustom ? 'solid' : data.desktop?.focus?.border
-            },
-            tablet: {
-                normal: type === 'button' && data.tablet?.normal?.borderType === 'none' && !data.tablet?.normal?.isCustom ? 'solid' : data.tablet?.normal?.border,
-                hover: type === 'button' && data.tablet?.hover?.borderType === 'none' && !data.tablet?.hover?.isCustom ? 'solid' : data.tablet?.hover?.border,
-                focus: type === 'button' && data.tablet?.focus?.borderType === 'none' && !data.tablet?.focus?.isCustom ? 'solid' : data.tablet?.focus?.border
-            },
-            mobile: {
-                normal: type === 'button' && data.mobile?.normal?.borderType === 'none' && !data.mobile?.normal?.isCustom ? 'solid' : data.mobile?.normal?.border,
-                hover: type === 'button' && data.mobile?.hover?.borderType === 'none' && !data.mobile?.hover?.isCustom ? 'solid' : data.mobile?.hover?.border,
-                focus: type === 'button' && data.mobile?.focus?.borderType === 'none' && !data.mobile?.focus?.isCustom ? 'solid' : data.mobile?.focus?.border
-            }
-        };
-        return makeStyleResponsiveState('bs', newVal);
-    }
-    const data = value;
-    const newVal = {
-        normal: type === 'button' && data.normal?.borderType === 'none' && !data.normal?.isCustom ? 'solid' : data?.normal?.border,
-        hover: type === 'button' && data.hover?.borderType === 'none' && !data.hover?.isCustom ? 'solid' : data?.hover?.border,
-        focus: type === 'button' && data.focus?.borderType === 'none' && !data.focus?.isCustom ? 'solid' : data?.focus?.border
-    };
-    return makeStyleState('bs', newVal);
-};
-const handleConvertBorderWidth = (value, type)=>{
-    if (!value) return undefined;
-    if ('desktop' in value || 'tablet' in value || 'mobile' in value) {
-        const data = value;
-        const newVal = {
-            desktop: {
-                normal: type === 'button' && data.desktop?.normal?.borderType === 'none' && !data?.desktop?.normal?.isCustom ? '1px 1px 1px 1px' : data.desktop?.normal?.width,
-                hover: type === 'button' && data.desktop?.hover?.borderType === 'none' && !data?.desktop?.normal?.isCustom ? '1px 1px 1px 1px' : data.desktop?.hover?.width,
-                focus: type === 'button' && data.desktop?.focus?.borderType === 'none' && !data?.desktop?.normal?.isCustom ? '1px 1px 1px 1px' : data.desktop?.focus?.width
-            },
-            tablet: {
-                normal: type === 'button' && data.tablet?.normal?.borderType === 'none' && !data?.tablet?.normal?.isCustom ? '1px 1px 1px 1px' : data.tablet?.normal?.width,
-                hover: type === 'button' && data.tablet?.hover?.borderType === 'none' && !data?.tablet?.hover?.isCustom ? '1px 1px 1px 1px' : data.tablet?.hover?.width,
-                focus: type === 'button' && data.tablet?.focus?.borderType === 'none' && !data?.tablet?.focus?.isCustom ? '1px 1px 1px 1px' : data.tablet?.focus?.width
-            },
-            mobile: {
-                normal: type === 'button' && data.mobile?.normal?.borderType === 'none' && !data?.mobile?.normal?.isCustom ? '1px 1px 1px 1px' : data.mobile?.normal?.width,
-                hover: type === 'button' && data.mobile?.hover?.borderType === 'none' && !data?.mobile?.hover?.isCustom ? '1px 1px 1px 1px' : data.mobile?.hover?.width,
-                focus: type === 'button' && data.mobile?.focus?.borderType === 'none' && !data?.mobile?.focus?.isCustom ? '1px 1px 1px 1px' : data.mobile?.focus?.width
-            }
-        };
-        return makeStyleResponsiveState('bw', newVal);
-    }
-    const data = value;
-    const newVal = {
-        normal: type === 'button' && data.normal?.borderType === 'none' && !data.normal?.isCustom ? '1px 1px 1px 1px' : data?.normal?.width,
-        hover: type === 'button' && data.hover?.borderType === 'none' && !data.hover?.isCustom ? '1px 1px 1px 1px' : data?.hover?.width,
-        focus: type === 'button' && data.focus?.borderType === 'none' && !data.focus?.isCustom ? '1px 1px 1px 1px' : data?.focus?.width
-    };
-    return makeStyleState('bw', newVal);
-};
-const handleConvertBorderColor = (value)=>{
-    if (!value) return undefined;
-    if ('desktop' in value || 'tablet' in value || 'mobile' in value) {
-        const data = value;
-        const newVal = {
-            desktop: {
-                normal: data.desktop?.normal?.color,
-                hover: data.desktop?.hover?.color,
-                focus: data.desktop?.focus?.color
-            },
-            tablet: {
-                normal: data.tablet?.normal?.color,
-                hover: data.tablet?.hover?.color,
-                focus: data.tablet?.focus?.color
-            },
-            mobile: {
-                normal: data.mobile?.normal?.color,
-                hover: data.mobile?.hover?.color,
-                focus: data.mobile?.focus?.color
-            }
-        };
-        return getGlobalColorStateResponsiveStyle('bc', newVal);
-    }
-    const data = value;
-    const newVal = {
-        normal: data?.normal?.color,
-        hover: data?.hover?.color,
-        focus: data?.focus?.color
-    };
-    return getGlobalColorStateStyle('bc', newVal);
-};
-const handleConvertClassColor = (value)=>{
-    if (!value) return undefined;
-    if ('desktop' in value || 'tablet' in value || 'mobile' in value) {
-        const data = value;
-        const newVal = {
-            desktop: {
-                normal: data.desktop?.normal?.color,
-                hover: data.desktop?.hover?.color,
-                focus: data.desktop?.focus?.color
-            },
-            tablet: {
-                normal: data.tablet?.normal?.color,
-                hover: data.tablet?.hover?.color,
-                focus: data.tablet?.focus?.color
-            },
-            mobile: {
-                normal: data.mobile?.normal?.color,
-                hover: data.mobile?.hover?.color,
-                focus: data.mobile?.focus?.color
-            }
-        };
-        return getGlobalColorStateResponsiveClass('border', newVal);
-    }
-    const data = value;
-    const newVal = {
-        normal: data?.normal?.color,
-        hover: data?.hover?.color,
-        focus: data?.focus?.color
-    };
-    return getGlobalColorStateClass('border', newVal);
-};
-const handleConvertClassColorDynamicBtn = (value)=>{
-    if (!value) return undefined;
-    if ('desktop' in value || 'tablet' in value || 'mobile' in value) {
-        const data = value;
-        const newVal = {
-            desktop: {
-                normal: data.desktop?.normal?.color,
-                hover: data.desktop?.hover?.color,
-                focus: data.desktop?.focus?.color
-            },
-            tablet: {
-                normal: data.tablet?.normal?.color,
-                hover: data.tablet?.hover?.color,
-                focus: data.tablet?.focus?.color
-            },
-            mobile: {
-                normal: data.mobile?.normal?.color,
-                hover: data.mobile?.hover?.color,
-                focus: data.mobile?.focus?.color
-            }
-        };
-        return getGlobalColorStateResponsiveClassDynamicBtn('border', newVal);
-    }
-    const data = value;
-    const newVal = {
-        normal: data?.normal?.color,
-        hover: data?.hover?.color,
-        focus: data?.focus?.color
-    };
-    return getGlobalColorStateClassDynamicBtn('border', newVal);
-};
-const composeBorderCss = (borderV)=>{
-    if (!borderV) return '';
-    const { border, width, color } = borderV;
-    return `${border ? `border-style: ${border};` : ''}
-  ${width ? `border-width: ${width};` : ''}
-  ${color ? `border-color: ${getSingleColorVariable(color)};` : ''}
-  `;
-};
-
-export { composeBorderCss, getBorderStyle, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn };
+import{getSingleColorVariable as o,getGlobalColorStateResponsiveStyle as e,getGlobalColorStateStyle as r,getGlobalColorStateResponsiveClass as t,getGlobalColorStateClass as l,getGlobalColorStateResponsiveClassDynamicBtn as n,getGlobalColorStateClassDynamicBtn as s}from"./colors.js";import{makeStyle as b,makeStyleResponsiveState as d,makeStyleState as m}from"./make-style.js";let getBorderStyle=e=>b({b:e?.border,bc:o(e?.color),bw:e?.width}),handleConvertBorderStyle=(o,e)=>{if(!o)return;if("desktop"in o||"tablet"in o||"mobile"in o){let r={desktop:{normal:"button"!==e||o.desktop?.normal?.borderType!=="none"||o.desktop?.normal?.isCustom?o.desktop?.normal?.border:"solid",hover:"button"!==e||o.desktop?.hover?.borderType!=="none"||o.desktop?.hover?.isCustom?o.desktop?.hover?.border:"solid",focus:"button"!==e||o.desktop?.focus?.borderType!=="none"||o.desktop?.focus?.isCustom?o.desktop?.focus?.border:"solid"},tablet:{normal:"button"!==e||o.tablet?.normal?.borderType!=="none"||o.tablet?.normal?.isCustom?o.tablet?.normal?.border:"solid",hover:"button"!==e||o.tablet?.hover?.borderType!=="none"||o.tablet?.hover?.isCustom?o.tablet?.hover?.border:"solid",focus:"button"!==e||o.tablet?.focus?.borderType!=="none"||o.tablet?.focus?.isCustom?o.tablet?.focus?.border:"solid"},mobile:{normal:"button"!==e||o.mobile?.normal?.borderType!=="none"||o.mobile?.normal?.isCustom?o.mobile?.normal?.border:"solid",hover:"button"!==e||o.mobile?.hover?.borderType!=="none"||o.mobile?.hover?.isCustom?o.mobile?.hover?.border:"solid",focus:"button"!==e||o.mobile?.focus?.borderType!=="none"||o.mobile?.focus?.isCustom?o.mobile?.focus?.border:"solid"}};return d("bs",r)}let r={normal:"button"!==e||o.normal?.borderType!=="none"||o.normal?.isCustom?o?.normal?.border:"solid",hover:"button"!==e||o.hover?.borderType!=="none"||o.hover?.isCustom?o?.hover?.border:"solid",focus:"button"!==e||o.focus?.borderType!=="none"||o.focus?.isCustom?o?.focus?.border:"solid"};return m("bs",r)},handleConvertBorderWidth=(o,e)=>{if(!o)return;if("desktop"in o||"tablet"in o||"mobile"in o){let r={desktop:{normal:"button"!==e||o.desktop?.normal?.borderType!=="none"||o?.desktop?.normal?.isCustom?o.desktop?.normal?.width:"1px 1px 1px 1px",hover:"button"!==e||o.desktop?.hover?.borderType!=="none"||o?.desktop?.normal?.isCustom?o.desktop?.hover?.width:"1px 1px 1px 1px",focus:"button"!==e||o.desktop?.focus?.borderType!=="none"||o?.desktop?.normal?.isCustom?o.desktop?.focus?.width:"1px 1px 1px 1px"},tablet:{normal:"button"!==e||o.tablet?.normal?.borderType!=="none"||o?.tablet?.normal?.isCustom?o.tablet?.normal?.width:"1px 1px 1px 1px",hover:"button"!==e||o.tablet?.hover?.borderType!=="none"||o?.tablet?.hover?.isCustom?o.tablet?.hover?.width:"1px 1px 1px 1px",focus:"button"!==e||o.tablet?.focus?.borderType!=="none"||o?.tablet?.focus?.isCustom?o.tablet?.focus?.width:"1px 1px 1px 1px"},mobile:{normal:"button"!==e||o.mobile?.normal?.borderType!=="none"||o?.mobile?.normal?.isCustom?o.mobile?.normal?.width:"1px 1px 1px 1px",hover:"button"!==e||o.mobile?.hover?.borderType!=="none"||o?.mobile?.hover?.isCustom?o.mobile?.hover?.width:"1px 1px 1px 1px",focus:"button"!==e||o.mobile?.focus?.borderType!=="none"||o?.mobile?.focus?.isCustom?o.mobile?.focus?.width:"1px 1px 1px 1px"}};return d("bw",r)}let r={normal:"button"!==e||o.normal?.borderType!=="none"||o.normal?.isCustom?o?.normal?.width:"1px 1px 1px 1px",hover:"button"!==e||o.hover?.borderType!=="none"||o.hover?.isCustom?o?.hover?.width:"1px 1px 1px 1px",focus:"button"!==e||o.focus?.borderType!=="none"||o.focus?.isCustom?o?.focus?.width:"1px 1px 1px 1px"};return m("bw",r)},handleConvertBorderColor=o=>{if(!o)return;if("desktop"in o||"tablet"in o||"mobile"in o){let r={desktop:{normal:o.desktop?.normal?.color,hover:o.desktop?.hover?.color,focus:o.desktop?.focus?.color},tablet:{normal:o.tablet?.normal?.color,hover:o.tablet?.hover?.color,focus:o.tablet?.focus?.color},mobile:{normal:o.mobile?.normal?.color,hover:o.mobile?.hover?.color,focus:o.mobile?.focus?.color}};return e("bc",r)}let t={normal:o?.normal?.color,hover:o?.hover?.color,focus:o?.focus?.color};return r("bc",t)},handleConvertClassColor=o=>{if(!o)return;if("desktop"in o||"tablet"in o||"mobile"in o){let e={desktop:{normal:o.desktop?.normal?.color,hover:o.desktop?.hover?.color,focus:o.desktop?.focus?.color},tablet:{normal:o.tablet?.normal?.color,hover:o.tablet?.hover?.color,focus:o.tablet?.focus?.color},mobile:{normal:o.mobile?.normal?.color,hover:o.mobile?.hover?.color,focus:o.mobile?.focus?.color}};return t("border",e)}let e={normal:o?.normal?.color,hover:o?.hover?.color,focus:o?.focus?.color};return l("border",e)},handleConvertClassColorDynamicBtn=o=>{if(!o)return;if("desktop"in o||"tablet"in o||"mobile"in o){let e={desktop:{normal:o.desktop?.normal?.color,hover:o.desktop?.hover?.color,focus:o.desktop?.focus?.color},tablet:{normal:o.tablet?.normal?.color,hover:o.tablet?.hover?.color,focus:o.tablet?.focus?.color},mobile:{normal:o.mobile?.normal?.color,hover:o.mobile?.hover?.color,focus:o.mobile?.focus?.color}};return n("border",e)}let e={normal:o?.normal?.color,hover:o?.hover?.color,focus:o?.focus?.color};return s("border",e)},composeBorderCss=e=>{if(!e)return"";let{border:r,width:t,color:l}=e;return`${r?`border-style: ${r};`:""}
+  ${t?`border-width: ${t};`:""}
+  ${l?`border-color: ${o(l)};`:""}
+  `};export{composeBorderCss,getBorderStyle,handleConvertBorderColor,handleConvertBorderStyle,handleConvertBorderWidth,handleConvertClassColor,handleConvertClassColorDynamicBtn};

package/dist/esm/helpers/clone-deep.js

@@ -1,3 +1 @@
-const cloneDeep = (data)=>JSON.parse(JSON.stringify(data));
-
-export { cloneDeep };
+let cloneDeep=e=>JSON.parse(JSON.stringify(e));export{cloneDeep};

package/dist/esm/helpers/cls.js

@@ -1,14 +1 @@
-function toVal(mix) {
-    if (typeof mix === 'string') {
-        return mix;
-    } else if (typeof mix === 'object' && mix !== null) {
-        return Object.keys(mix).filter((key)=>mix[key]).join(' ');
-    } else {
-        return false;
-    }
-}
-function cls(...classes) {
-    return classes.map(toVal).filter(Boolean).join(' ');
-}
-
-export { cls };
+function toVal(t){return"string"==typeof t?t:"object"==typeof t&&null!==t&&Object.keys(t).filter(o=>t[o]).join(" ")}function cls(...t){return t.map(toVal).filter(Boolean).join(" ")}export{cls};

package/dist/esm/helpers/colors.js

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