@gem-sdk/core 1.37.5 → 2.0.0-dev.832

package/dist/cjs/helpers/background.js

@@ -1,230 +1 @@
-'use strict';
-
-var constant = require('./constant.js');
-var colors = require('./colors.js');
-var makeStyle = require('./make-style.js');
-
-const getStyleBackgroundByDevice = (background, options)=>{
-    if (!background) {
-        return {};
-    }
-    return {
-        ...getStyleBgColor(background),
-        ...!options?.ignoreBackgroundImage ? {
-            ...getStyleBgImage(background, options),
-            ...getStyleBgPosition(background),
-            ...getStyleBgSize(background),
-            ...getStyleBgRepeat(background)
-        } : {},
-        ...!options?.ignoreBgAttachment ? getStyleBgAttachment(background) : {}
-    };
-};
-const getStyleBgColor = (background)=>{
-    const bgColor = {
-        desktop: getBgColorByDevice(background, 'desktop'),
-        tablet: getBgColorByDevice(background, 'tablet'),
-        mobile: getBgColorByDevice(background, 'mobile')
-    };
-    return makeStyle.makeStyleResponsive('bgc', bgColor);
-};
-const getBgColorByDevice = (background, device)=>{
-    return getColor(background?.[device]?.color);
-};
-const getColor = (color)=>{
-    if (!color) {
-        return;
-    }
-    if (colors.isColor(color?.toString())) {
-        return color;
-    }
-    return `var(--g-c-${color})`;
-};
-const getStyleBgImage = (background, options)=>{
-    const bgImage = {
-        desktop: getBgImageByDevice(background, 'desktop', options),
-        tablet: getBgImageByDevice(background, 'tablet', options),
-        mobile: getBgImageByDevice(background, 'mobile', options)
-    };
-    return makeStyle.makeStyleResponsive('bgi', bgImage);
-};
-const getBgImageByDevice = (background, device, options)=>{
-    const isBgVideo = background?.[device]?.type === 'video';
-    if (isBgVideo) return;
-    const backupFileKey = background?.[device]?.image?.backupFileKey;
-    const storage = background?.[device]?.image?.storage;
-    let imageByDevice = background?.[device]?.image?.src;
-    let newBackupFilekey = backupFileKey;
-    const shopifyHandleName = imageByDevice?.match(// eslint-disable-next-line
-    /\/files\/([^\/]+\.(jpg|jpeg|gif|png|webp|svg))/)?.[1];
-    if (backupFileKey && shopifyHandleName && shopifyHandleName != backupFileKey) {
-        newBackupFilekey = shopifyHandleName;
-    }
-    if (storage === 'FILE_CONTENT') {
-        if (options?.liquid && newBackupFilekey) {
-            imageByDevice = `{{ "${newBackupFilekey.replace('.jpeg', '.jpg')}" | file_url }}`;
-        }
-    }
-    if (storage === 'THEME' || !storage) {
-        if (options?.liquid && newBackupFilekey) {
-            imageByDevice = `{{ "${newBackupFilekey}" | asset_url }}`;
-        }
-    }
-    if (typeof imageByDevice === 'string') {
-        return `url(${imageByDevice})`;
-    }
-};
-const getStyleBgPosition = (background)=>{
-    const bgPosition = {
-        desktop: getBgPositionByDevice(background, 'desktop'),
-        tablet: getBgPositionByDevice(background, 'tablet'),
-        mobile: getBgPositionByDevice(background, 'mobile')
-    };
-    return makeStyle.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 makeStyle.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 makeStyle.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 makeStyle.makeStyleResponsive('bga', bgAttachment);
-};
-const getBgAttachmentByDevice = (background, device)=>{
-    return background?.[device]?.attachment;
-};
-const composeBackgroundCss = (backgroundColor)=>{
-    return `${backgroundColor ? `background-color: ${colors.getSingleColorVariable(backgroundColor)} !important;` : undefined}`;
-};
-const makeFixedBgAttachment = (background)=>{
-    if (!background) return;
-    background.tablet = background.tablet ? background.tablet : background.desktop;
-    background.mobile = background.mobile ? background.mobile : background.tablet;
-    const bgAttachment = {
-        desktop: getBgAttachmentByDevice(background, 'desktop'),
-        tablet: getBgAttachmentByDevice(background, 'tablet'),
-        mobile: getBgAttachmentByDevice(background, 'mobile')
-    };
-    const composeFixed = {
-        desktop: {
-            ...makeFixedBgAttachmentByDevice('desktop', bgAttachment.desktop)
-        },
-        tablet: {
-            ...makeFixedBgAttachmentByDevice('tablet', bgAttachment.tablet)
-        },
-        mobile: {
-            ...makeFixedBgAttachmentByDevice('mobile', bgAttachment.mobile)
-        }
-    };
-    return {
-        wrapper: {
-            ...composeFixed.desktop?.wrapper,
-            ...composeFixed.tablet?.wrapper,
-            ...composeFixed.mobile?.wrapper
-        },
-        content: {
-            ...composeFixed.desktop?.content,
-            ...composeFixed.tablet?.content,
-            ...composeFixed.mobile?.content
-        }
-    };
-};
-const makeFixedBgAttachmentByDevice = (device, bgAttachment)=>{
-    const suffix = constant.devicesMapping[device] ?? '';
-    if (bgAttachment === 'fixed') {
-        return {
-            wrapper: {
-                [`--pos${suffix}`]: 'absolute',
-                [`--top${suffix}`]: '0',
-                [`--left${suffix}`]: '0',
-                [`--w${suffix}`]: '100%',
-                [`--h${suffix}`]: '100%'
-            },
-            content: {
-                [`--pos${suffix}`]: 'fixed',
-                [`--w${suffix}`]: '100vw',
-                [`--h${suffix}`]: '100vh',
-                [`--bga${suffix}`]: 'unset'
-            }
-        };
-    }
-    return {
-        wrapper: {
-            [`--pos${suffix}`]: 'absolute'
-        },
-        content: {
-            [`--w${suffix}`]: '100%',
-            [`--h${suffix}`]: '100%',
-            [`--pos${suffix}`]: 'absolute',
-            [`--bga${suffix}`]: bgAttachment
-        }
-    };
-};
-const GRADIENT_BGR_KEY = 'linear-gradient';
-const getGradientBgrStyleForButton = (backgroundStyle)=>{
-    if (!backgroundStyle) return;
-    const bgrStyle = {};
-    Object.keys(backgroundStyle).forEach((state)=>{
-        if (!backgroundStyle[state]?.startsWith(GRADIENT_BGR_KEY)) return;
-        if (state === 'normal') {
-            Object.assign(bgrStyle, {
-                '--bg': backgroundStyle[state]
-            });
-        } else {
-            Object.assign(bgrStyle, {
-                '--hvr-bg': backgroundStyle[state]
-            });
-        }
-    });
-    return bgrStyle;
-};
-const getGradientBgrStyleByDevice = (backgroundStyle)=>{
-    if (!backgroundStyle) return;
-    const bgrStyle = {};
-    [
-        'desktop',
-        'tablet',
-        'mobile'
-    ].forEach((device)=>{
-        if (backgroundStyle[device]?.color?.includes(GRADIENT_BGR_KEY)) {
-            Object.assign(bgrStyle, {
-                [`--bgc${device !== 'desktop' ? '-' + device : ''}`]: 'transparent',
-                [`--bgi${device !== 'desktop' ? '-' + device : ''}`]: `${getBgImageByDevice(backgroundStyle, device) || 'url()'}, ${backgroundStyle[device]?.color}`
-            });
-        }
-    });
-    return bgrStyle;
-};
-
-exports.GRADIENT_BGR_KEY = GRADIENT_BGR_KEY;
-exports.composeBackgroundCss = composeBackgroundCss;
-exports.getBgImageByDevice = getBgImageByDevice;
-exports.getGradientBgrStyleByDevice = getGradientBgrStyleByDevice;
-exports.getGradientBgrStyleForButton = getGradientBgrStyleForButton;
-exports.getStyleBackgroundByDevice = getStyleBackgroundByDevice;
-exports.makeFixedBgAttachment = makeFixedBgAttachment;
+"use strict";var constant=require("./constant.js"),colors=require("./colors.js"),makeStyle=require("./make-style.js");const getStyleBackgroundByDevice=(e,t)=>e?{...getStyleBgColor(e),...t?.ignoreBackgroundImage?{}:{...getStyleBgImage(e,t),...getStyleBgPosition(e),...getStyleBgSize(e),...getStyleBgRepeat(e)},...t?.ignoreBgAttachment?{}:getStyleBgAttachment(e)}:{},getStyleBgColor=e=>{let t={desktop:getBgColorByDevice(e,"desktop"),tablet:getBgColorByDevice(e,"tablet"),mobile:getBgColorByDevice(e,"mobile")};return makeStyle.makeStyleResponsive("bgc",t)},getBgColorByDevice=(e,t)=>getColor(e?.[t]?.color),getColor=e=>e?colors.isColor(e?.toString())?e:`var(--g-c-${e})`:void 0,getStyleBgImage=(e,t)=>{let g={desktop:getBgImageByDevice(e,"desktop",t),tablet:getBgImageByDevice(e,"tablet",t),mobile:getBgImageByDevice(e,"mobile",t)};return makeStyle.makeStyleResponsive("bgi",g)},getBgImageByDevice=(e,t,g)=>{let o=e?.[t]?.type==="video";if(o)return;let i=e?.[t]?.image?.backupFileKey,a=e?.[t]?.image?.storage,l=e?.[t]?.image?.src,r=i,B=l?.match(/\/files\/([^\/]+\.(jpg|jpeg|gif|png|webp))$/)?.[1];if(B&&B!=i&&(r=B),"FILE_CONTENT"===a&&g?.liquid&&r&&(l=`{{ "${r.replace(".jpeg",".jpg")}" | file_url }}`),("THEME"===a||!a)&&g?.liquid&&r&&(l=`{{ "${r}" | asset_url }}`),"string"==typeof l)return`url(${l})`},getStyleBgPosition=e=>{let t={desktop:getBgPositionByDevice(e,"desktop"),tablet:getBgPositionByDevice(e,"tablet"),mobile:getBgPositionByDevice(e,"mobile")};return makeStyle.makeStyleResponsive("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 makeStyle.makeStyleResponsive("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 makeStyle.makeStyleResponsive("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 makeStyle.makeStyleResponsive("bga",t)},getBgAttachmentByDevice=(e,t)=>e?.[t]?.attachment,composeBackgroundCss=e=>`${e?`background-color: ${colors.getSingleColorVariable(e)} !important;`:void 0}`,makeFixedBgAttachment=e=>{if(!e)return;e.tablet=e.tablet?e.tablet:e.desktop,e.mobile=e.mobile?e.mobile:e.tablet;let t={desktop:getBgAttachmentByDevice(e,"desktop"),tablet:getBgAttachmentByDevice(e,"tablet"),mobile:getBgAttachmentByDevice(e,"mobile")},g={desktop:{...makeFixedBgAttachmentByDevice("desktop",t.desktop)},tablet:{...makeFixedBgAttachmentByDevice("tablet",t.tablet)},mobile:{...makeFixedBgAttachmentByDevice("mobile",t.mobile)}};return{wrapper:{...g.desktop?.wrapper,...g.tablet?.wrapper,...g.mobile?.wrapper},content:{...g.desktop?.content,...g.tablet?.content,...g.mobile?.content}}},makeFixedBgAttachmentByDevice=(e,t)=>{let g=constant.devicesMapping[e]??"";return"fixed"===t?{wrapper:{[`--pos${g}`]:"absolute",[`--top${g}`]:"0",[`--left${g}`]:"0",[`--w${g}`]:"100%",[`--h${g}`]:"100%"},content:{[`--pos${g}`]:"fixed",[`--w${g}`]:"100vw",[`--h${g}`]:"100vh",[`--bga${g}`]:"unset"}}:{wrapper:{[`--pos${g}`]:"absolute"},content:{[`--w${g}`]:"100%",[`--h${g}`]:"100%",[`--pos${g}`]:"absolute",[`--bga${g}`]:t}}},GRADIENT_BGR_KEY="linear-gradient",getGradientBgrStyleForButton=e=>{if(!e)return;let t={};return Object.keys(e).forEach(g=>{e[g]?.startsWith(GRADIENT_BGR_KEY)&&("normal"===g?Object.assign(t,{"--bg":e[g]}):Object.assign(t,{"--hvr-bg":e[g]}))}),t},getGradientBgrStyleByDevice=e=>{if(!e)return;let t={};return["desktop","tablet","mobile"].forEach(g=>{e[g]?.color?.includes(GRADIENT_BGR_KEY)&&Object.assign(t,{[`--bgc${"desktop"!==g?"-"+g:""}`]:"transparent",[`--bgi${"desktop"!==g?"-"+g:""}`]:`${getBgImageByDevice(e,g)||"url()"}, ${e[g]?.color}`})}),t};exports.GRADIENT_BGR_KEY=GRADIENT_BGR_KEY,exports.composeBackgroundCss=composeBackgroundCss,exports.getBgImageByDevice=getBgImageByDevice,exports.getGradientBgrStyleByDevice=getGradientBgrStyleByDevice,exports.getGradientBgrStyleForButton=getGradientBgrStyleForButton,exports.getStyleBackgroundByDevice=getStyleBackgroundByDevice,exports.makeFixedBgAttachment=makeFixedBgAttachment;

package/dist/cjs/helpers/borders.js

@@ -1,183 +1,4 @@
-'use strict';
-
-var colors = require('./colors.js');
-var makeStyle = require('./make-style.js');
-
-const getBorderStyle = (value)=>{
-    return makeStyle.makeStyle({
-        b: value?.border,
-        bc: colors.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 makeStyle.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 makeStyle.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 makeStyle.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 makeStyle.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 colors.getGlobalColorStateResponsiveStyle('bc', newVal);
-    }
-    const data = value;
-    const newVal = {
-        normal: data?.normal?.color,
-        hover: data?.hover?.color,
-        focus: data?.focus?.color
-    };
-    return colors.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 colors.getGlobalColorStateResponsiveClass('border', newVal);
-    }
-    const data = value;
-    const newVal = {
-        normal: data?.normal?.color,
-        hover: data?.hover?.color,
-        focus: data?.focus?.color
-    };
-    return colors.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 colors.getGlobalColorStateResponsiveClassDynamicBtn('border', newVal);
-    }
-    const data = value;
-    const newVal = {
-        normal: data?.normal?.color,
-        hover: data?.hover?.color,
-        focus: data?.focus?.color
-    };
-    return colors.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: ${colors.getSingleColorVariable(color)};` : ''}
-  `;
-};
-
-exports.composeBorderCss = composeBorderCss;
-exports.getBorderStyle = getBorderStyle;
-exports.handleConvertBorderColor = handleConvertBorderColor;
-exports.handleConvertBorderStyle = handleConvertBorderStyle;
-exports.handleConvertBorderWidth = handleConvertBorderWidth;
-exports.handleConvertClassColor = handleConvertClassColor;
-exports.handleConvertClassColorDynamicBtn = handleConvertClassColorDynamicBtn;
+"use strict";var colors=require("./colors.js"),makeStyle=require("./make-style.js");const getBorderStyle=o=>makeStyle.makeStyle({b:o?.border,bc:colors.getSingleColorVariable(o?.color),bw:o?.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 makeStyle.makeStyleResponsiveState("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 makeStyle.makeStyleState("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 makeStyle.makeStyleResponsiveState("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 makeStyle.makeStyleState("bw",r)},handleConvertBorderColor=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 colors.getGlobalColorStateResponsiveStyle("bc",e)}let e={normal:o?.normal?.color,hover:o?.hover?.color,focus:o?.focus?.color};return colors.getGlobalColorStateStyle("bc",e)},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 colors.getGlobalColorStateResponsiveClass("border",e)}let e={normal:o?.normal?.color,hover:o?.hover?.color,focus:o?.focus?.color};return colors.getGlobalColorStateClass("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 colors.getGlobalColorStateResponsiveClassDynamicBtn("border",e)}let e={normal:o?.normal?.color,hover:o?.hover?.color,focus:o?.focus?.color};return colors.getGlobalColorStateClassDynamicBtn("border",e)},composeBorderCss=o=>{if(!o)return"";let{border:e,width:r,color:t}=o;return`${e?`border-style: ${e};`:""}
+  ${r?`border-width: ${r};`:""}
+  ${t?`border-color: ${colors.getSingleColorVariable(t)};`:""}
+  `};exports.composeBorderCss=composeBorderCss,exports.getBorderStyle=getBorderStyle,exports.handleConvertBorderColor=handleConvertBorderColor,exports.handleConvertBorderStyle=handleConvertBorderStyle,exports.handleConvertBorderWidth=handleConvertBorderWidth,exports.handleConvertClassColor=handleConvertClassColor,exports.handleConvertClassColorDynamicBtn=handleConvertClassColorDynamicBtn;

package/dist/cjs/helpers/carousel.js

@@ -1,58 +1 @@
-'use strict';
-
-var getResonsiveValue = require('./get-resonsive-value.js');
-
-const getCarouselContainerHeight = (dotStyle, dotSize, dotGapToCarousel)=>{
-    const getVal = (dotStyle, dotSize, dotGapToCarousel)=>{
-        if (dotStyle === 'outside') {
-            return `calc(100% - ${dotSize ?? '0'}px - ${!dotGapToCarousel || dotGapToCarousel === 'Auto' ? '0' : dotGapToCarousel}px)`;
-        }
-        return '100%';
-    };
-    return {
-        desktop: getVal(getResonsiveValue.getResponsiveValueByScreen(dotStyle, 'desktop'), getResonsiveValue.getResponsiveValueByScreen(dotSize, 'desktop'), getResonsiveValue.getResponsiveValueByScreen(dotGapToCarousel, 'desktop')),
-        tablet: getVal(getResonsiveValue.getResponsiveValueByScreen(dotStyle, 'tablet'), getResonsiveValue.getResponsiveValueByScreen(dotSize, 'tablet'), getResonsiveValue.getResponsiveValueByScreen(dotGapToCarousel, 'tablet')),
-        mobile: getVal(getResonsiveValue.getResponsiveValueByScreen(dotStyle, 'mobile'), getResonsiveValue.getResponsiveValueByScreen(dotSize, 'mobile'), getResonsiveValue.getResponsiveValueByScreen(dotGapToCarousel, 'mobile'))
-    };
-};
-const makeContainerWidthOrHeight = (setting)=>{
-    const getStyleName = (vertical)=>{
-        return vertical ? 'w' : 'h';
-    };
-    const result = getCarouselContainerHeight(setting.dotStyle, setting.dotSize, setting.dotGapToCarousel);
-    return {
-        [`--${getStyleName(getResonsiveValue.getResponsiveValueByScreen(setting?.vertical, 'desktop'))}`]: result.desktop,
-        [`--${getStyleName(getResonsiveValue.getResponsiveValueByScreen(setting?.vertical, 'tablet'))}-tablet`]: result.tablet,
-        [`--${getStyleName(getResonsiveValue.getResponsiveValueByScreen(setting?.vertical, 'mobile'))}-mobile`]: result.mobile
-    };
-};
-const makeDotGapToCarouselStyle = (dotStyle, dotGapToCarousel, vertical)=>{
-    let result = {};
-    const devices = [
-        'desktop',
-        'tablet',
-        'mobile'
-    ];
-    const getStyleName = (dotStyle, vertical)=>{
-        if (dotStyle === 'outside') {
-            return vertical ? 'ml' : 'mt';
-        }
-        return vertical ? 'right' : 'bottom';
-    };
-    devices.map((device)=>{
-        const gapToCarousel = getResonsiveValue.getResponsiveValueByScreen(dotGapToCarousel, device, 0);
-        result = {
-            ...result,
-            [device]: `${!gapToCarousel || gapToCarousel === 'Auto' ? '0' : gapToCarousel}px`
-        };
-    });
-    return {
-        [`--${getStyleName(dotStyle?.desktop, vertical?.desktop)}`]: result.desktop,
-        [`--${getStyleName(dotStyle?.tablet, vertical?.tablet)}-tablet`]: result.tablet,
-        [`--${getStyleName(dotStyle?.mobile, vertical?.mobile)}-mobile`]: result.mobile
-    };
-};
-
-exports.getCarouselContainerHeight = getCarouselContainerHeight;
-exports.makeContainerWidthOrHeight = makeContainerWidthOrHeight;
-exports.makeDotGapToCarouselStyle = makeDotGapToCarouselStyle;
+"use strict";var getResonsiveValue=require("./get-resonsive-value.js");const getCarouselContainerHeight=(e,t,o)=>{let s=(e,t,o)=>"outside"===e?`calc(100% - ${t??"0"}px - ${o&&"Auto"!==o?o:"0"}px)`:"100%";return{desktop:s(getResonsiveValue.getResponsiveValueByScreen(e,"desktop"),getResonsiveValue.getResponsiveValueByScreen(t,"desktop"),getResonsiveValue.getResponsiveValueByScreen(o,"desktop")),tablet:s(getResonsiveValue.getResponsiveValueByScreen(e,"tablet"),getResonsiveValue.getResponsiveValueByScreen(t,"tablet"),getResonsiveValue.getResponsiveValueByScreen(o,"tablet")),mobile:s(getResonsiveValue.getResponsiveValueByScreen(e,"mobile"),getResonsiveValue.getResponsiveValueByScreen(t,"mobile"),getResonsiveValue.getResponsiveValueByScreen(o,"mobile"))}},makeContainerWidthOrHeight=e=>{let t=e=>e?"w":"h",o=getCarouselContainerHeight(e.dotStyle,e.dotSize,e.dotGapToCarousel);return{[`--${t(getResonsiveValue.getResponsiveValueByScreen(e?.vertical,"desktop"))}`]:o.desktop,[`--${t(getResonsiveValue.getResponsiveValueByScreen(e?.vertical,"tablet"))}-tablet`]:o.tablet,[`--${t(getResonsiveValue.getResponsiveValueByScreen(e?.vertical,"mobile"))}-mobile`]:o.mobile}},makeDotGapToCarouselStyle=(e,t,o)=>{let s={},l=["desktop","tablet","mobile"],a=(e,t)=>"outside"===e?t?"ml":"mt":t?"right":"bottom";return l.map(e=>{let o=getResonsiveValue.getResponsiveValueByScreen(t,e,0);s={...s,[e]:`${o&&"Auto"!==o?o:"0"}px`}}),{[`--${a(e?.desktop,o?.desktop)}`]:s.desktop,[`--${a(e?.tablet,o?.tablet)}-tablet`]:s.tablet,[`--${a(e?.mobile,o?.mobile)}-mobile`]:s.mobile}};exports.getCarouselContainerHeight=getCarouselContainerHeight,exports.makeContainerWidthOrHeight=makeContainerWidthOrHeight,exports.makeDotGapToCarouselStyle=makeDotGapToCarouselStyle;

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

@@ -1,5 +1 @@
-'use strict';
-
-const cloneDeep = (data)=>JSON.parse(JSON.stringify(data));
-
-exports.cloneDeep = cloneDeep;
+"use strict";const cloneDeep=e=>JSON.parse(JSON.stringify(e));exports.cloneDeep=cloneDeep;

package/dist/cjs/helpers/cls.js

@@ -1,16 +1 @@
-'use strict';
-
-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(' ');
-}
-
-exports.cls = cls;
+"use strict";function toVal(t){return"string"==typeof t?t:"object"==typeof t&&null!==t&&Object.keys(t).filter(e=>t[e]).join(" ")}function cls(...t){return t.map(toVal).filter(Boolean).join(" ")}exports.cls=cls;