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

package/dist/cjs/helpers/borders.js

@@ -1,198 +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 getBorderRadiusStyle = (borderRadius, shapeRadius)=>{
-    const initialRadius = Object.entries(shapeRadius || {}).reduce((shapeRadius, [position, value])=>{
-        return {
-            ...shapeRadius,
-            [`--${position}`]: value
-        };
-    }, {});
-    return Object.entries(borderRadius || {}).reduce((borderRadius, [position, value])=>{
-        return {
-            ...borderRadius,
-            [`--${position}`]: value
-        };
-    }, initialRadius);
-};
-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.getBorderRadiusStyle = getBorderRadiusStyle;
-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"),constant=require("./constant.js");const getBorderStyle=o=>makeStyle.makeStyle({b:o?.border,bc:colors.getSingleColorVariable(o?.color),bw:o?.width}),getBorderRadiusStyle=(o,e)=>{let r=Object.entries(e||{}).reduce((o,[e,r])=>({...o,[`--${e}`]:r}),{});return Object.entries(o||{}).reduce((o,[e,r])=>({...o,[`--${e}`]:r}),r)},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)},handleConvertInputBorderColor=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("btc",e),...colors.getGlobalColorStateResponsiveStyle("bbc",e),...colors.getGlobalColorStateResponsiveStyle("blc",e),...colors.getGlobalColorStateResponsiveStyle("brc",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,e)=>{if(!o)return"";let r=e?.important?" !important":"",{border:t,width:l,color:s}=o;return`${t?`border-style: ${t}${r};`:""}
+  ${l?`border-width: ${l}${r};`:""}
+  ${s?`border-color: ${colors.getSingleColorVariable(s)}${r};`:""}
+  `},composeBorderResponsive=o=>{let e={};return Object.assign(e,composeBorderDevice(o?.desktop,"desktop")),Object.assign(e,composeBorderDevice(o?.tablet,"tablet")),Object.assign(e,composeBorderDevice(o?.mobile,"mobile")),e},composeBorderDevice=(o,e)=>{let r=e&&"desktop"!==e?constant.devicesMapping?.[e]:"";return{[`--b${r}`]:o?.border,[`--bc${r}`]:colors.getSingleColorVariable(o?.color),[`--bw${r}`]:o?.width}};exports.composeBorderCss=composeBorderCss,exports.composeBorderResponsive=composeBorderResponsive,exports.getBorderRadiusStyle=getBorderRadiusStyle,exports.getBorderStyle=getBorderStyle,exports.handleConvertBorderColor=handleConvertBorderColor,exports.handleConvertBorderStyle=handleConvertBorderStyle,exports.handleConvertBorderWidth=handleConvertBorderWidth,exports.handleConvertClassColor=handleConvertClassColor,exports.handleConvertClassColorDynamicBtn=handleConvertClassColorDynamicBtn,exports.handleConvertInputBorderColor=handleConvertInputBorderColor;

package/dist/cjs/helpers/carousel.js

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

package/dist/cjs/helpers/colors.js

@@ -1,184 +1 @@
-'use strict';
-
-var isDefined = require('./is-defined.js');
-var constant = require('./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 `gp-${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.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.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.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.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.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.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.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 [
-            `-${constant.stateMapping?.[state] || ''}-${type}`,
-            getSingleColorVariable(value)
-        ];
-    }).filter(isDefined.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 [
-                    `-${constant.stateMapping[state]}-${type}`,
-                    getSingleColorVariable(value)
-                ];
-            }).filter(isDefined.isDefined));
-        } else {
-            return Object.fromEntries(Object.entries(objectState).map(([state, value])=>{
-                if (state === 'active') return [];
-                return [
-                    `-${constant.stateMapping[state]}-${type}-${device}`,
-                    getSingleColorVariable(value)
-                ];
-            }).filter(isDefined.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) {
-    if (!color || typeof color !== 'string') return false;
-    return color?.startsWith('#') || color?.startsWith('rgb') || color?.startsWith('hsl') || color?.startsWith('transparent') || color?.startsWith('linear-gradient');
-}
-const getGlobalColorStyle = (data)=>{
-    if (!data) return {};
-    return {
-        '--c': getSingleColorVariable(data)
-    };
-};
-const composeTextColorCss = (color)=>{
-    return `${color ? `color: ${getSingleColorVariable(color)} !important;` : ''}`;
-};
-
-exports.composeTextColorCss = composeTextColorCss;
-exports.getGlobalColorCSSProp = getGlobalColorCSSProp;
-exports.getGlobalColorClass = getGlobalColorClass;
-exports.getGlobalColorResponsiveClass = getGlobalColorResponsiveClass;
-exports.getGlobalColorResponsiveStyle = getGlobalColorResponsiveStyle;
-exports.getGlobalColorStateClass = getGlobalColorStateClass;
-exports.getGlobalColorStateClassDynamicBtn = getGlobalColorStateClassDynamicBtn;
-exports.getGlobalColorStateResponsiveClass = getGlobalColorStateResponsiveClass;
-exports.getGlobalColorStateResponsiveClassDynamicBtn = getGlobalColorStateResponsiveClassDynamicBtn;
-exports.getGlobalColorStateResponsiveStyle = getGlobalColorStateResponsiveStyle;
-exports.getGlobalColorStateStyle = getGlobalColorStateStyle;
-exports.getGlobalColorStyle = getGlobalColorStyle;
-exports.getSingleColorVariable = getSingleColorVariable;
-exports.isColor = isColor;
+"use strict";var constant=require("./constant.js"),isDefined=require("./is-defined.js");const getGlobalColorCSSProp=e=>getSingleColorVariable(e),getGlobalColorClass=(e,t)=>"string"!=typeof t||!t||t?.startsWith("#")||t?.startsWith("rgb")||t?.startsWith("hsl")||t?.startsWith("transparent")?"":`gp-${e}-g-${t}`,getGlobalColorResponsiveClass=(e,t)=>t?Object.entries(t).map(([t,o])=>{let l=getGlobalColorClass(e,o);if(l)return"desktop"===t?l:`${t}:${l}`}).filter(isDefined.isDefined).join(" "):"",getGlobalColorStateClass=(e,t,o,l)=>t?Object.entries(t).map(([t,s])=>{let r=getGlobalColorClass(e,s);if(r)return"normal"===t?o?"":r:l?"":`${t}:${r}`}).filter(isDefined.isDefined).join(" "):"",getGlobalColorStateClassDynamicBtn=(e,t)=>t?Object.entries(t).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(isDefined.isDefined).join(" "):"",getGlobalColorStateResponsiveClass=(e,t)=>t?Object.entries(t).map(([t,o])=>"desktop"===t?Object.entries(o).map(([t,o])=>{let l=getGlobalColorClass(e,o);if(l)return"normal"===t?l:`${t}:${l}`}).filter(isDefined.isDefined).join(" "):Object.entries(o).map(([o,l])=>{let s=getGlobalColorClass(e,l);if(s)return"normal"===o?`${t}:${s}`:`${t}:${o}:${s}`}).filter(isDefined.isDefined).join(" ")).filter(Boolean).join(" "):"",getGlobalColorStateResponsiveClassDynamicBtn=(e,t)=>t?Object.entries(t).map(([t,o])=>"desktop"===t?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(isDefined.isDefined).join(" "):Object.entries(o).map(([o,l])=>{let s=getGlobalColorClass(e,l);if(s)return"normal"===o?String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${t}:${s}`:String.raw`[&_.shopify-payment-button\_\_button--unbranded]:${t}:${o}:${s}`}).filter(isDefined.isDefined).join(" ")).filter(Boolean).join(" "):"",getGlobalColorResponsiveStyle=(e,t)=>t?Object.fromEntries(Object.entries(t).map(([t,o])=>"desktop"===t?[`--${e}`,getSingleColorVariable(o)]:[`--${e}-${t}`,getSingleColorVariable(o)])):{},getGlobalColorStateStyle=(e,t)=>t?Object.fromEntries(Object.entries(t).map(([t,o])=>"active"===t?[]:[`-${constant.stateMapping?.[t]||""}-${e}`,getSingleColorVariable(o)]).filter(isDefined.isDefined)):{},getGlobalColorStateResponsiveStyle=(e,t)=>t?Object.entries(t).map(([t,o])=>"desktop"===t?Object.fromEntries(Object.entries(o).map(([t,o])=>"active"===t?[]:[`-${constant.stateMapping[t]}-${e}`,getSingleColorVariable(o)]).filter(isDefined.isDefined)):Object.fromEntries(Object.entries(o).map(([o,l])=>"active"===o?[]:[`-${constant.stateMapping[o]}-${e}-${t}`,getSingleColorVariable(l)]).filter(isDefined.isDefined))).reduce((e,t)=>({...e,...t}),{}):{},getSingleColorVariable=e=>{if(e)return isColor(e)?e:`var(--g-c-${e}, ${e})`};function isColor(e){return!!e&&"string"==typeof e&&(e?.startsWith("#")||e?.startsWith("rgb")||e?.startsWith("RGB")||e?.startsWith("hsl")||e?.startsWith("transparent")||e?.startsWith("linear-gradient"))}const getGlobalColorStyle=e=>e?{"--c":getSingleColorVariable(e)}:{},composeTextColorCss=e=>`${e?`color: ${getSingleColorVariable(e)} !important;`:""}`;exports.composeTextColorCss=composeTextColorCss,exports.getGlobalColorCSSProp=getGlobalColorCSSProp,exports.getGlobalColorClass=getGlobalColorClass,exports.getGlobalColorResponsiveClass=getGlobalColorResponsiveClass,exports.getGlobalColorResponsiveStyle=getGlobalColorResponsiveStyle,exports.getGlobalColorStateClass=getGlobalColorStateClass,exports.getGlobalColorStateClassDynamicBtn=getGlobalColorStateClassDynamicBtn,exports.getGlobalColorStateResponsiveClass=getGlobalColorStateResponsiveClass,exports.getGlobalColorStateResponsiveClassDynamicBtn=getGlobalColorStateResponsiveClassDynamicBtn,exports.getGlobalColorStateResponsiveStyle=getGlobalColorStateResponsiveStyle,exports.getGlobalColorStateStyle=getGlobalColorStateStyle,exports.getGlobalColorStyle=getGlobalColorStyle,exports.getSingleColorVariable=getSingleColorVariable,exports.isColor=isColor;