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

package/dist/cjs/graphql/queries/collections.generated.js

@@ -1,9 +1,4 @@
-'use strict';
-
-var collection_generated = require('../fragments/collection.generated.js');
-var collectionDetail_generated = require('../fragments/collection-detail.generated.js');
-
-const CollectionsDocument = `
+"use strict";var collection_generated=require("../fragments/collection.generated.js"),collectionDetail_generated=require("../fragments/collection-detail.generated.js");const CollectionsDocument=`
     query Collections($after: Cursor, $first: Int, $before: Cursor, $last: Int, $where: CollectionWhereInput, $orderBy: CollectionOrder) {
   collections(
     after: $after
@@ -21,6 +16,4 @@ const CollectionsDocument = `
   }
 }
     ${collection_generated.CollectionSelect}
-${collectionDetail_generated.CollectionDetailSelect}`;
-
-exports.CollectionsDocument = CollectionsDocument;
+${collectionDetail_generated.CollectionDetailSelect}`;exports.CollectionsDocument=CollectionsDocument;

package/dist/cjs/graphql/queries/preview-page.generated.js

@@ -1,14 +1,4 @@
-'use strict';
-
-var publishedThemePage_generated = require('../fragments/published-theme-page.generated.js');
-var publishedPageSection_generated = require('../fragments/published-page-section.generated.js');
-var publishedCustomSection_generated = require('../fragments/published-custom-section.generated.js');
-var dataSeo_generated = require('../fragments/data-seo.generated.js');
-var publishedThemeStyle_generated = require('../fragments/published-theme-style.generated.js');
-var analytic_generated = require('../fragments/analytic.generated.js');
-var customCode_generated = require('../fragments/custom-code.generated.js');
-
-const PreviewPageDocument = `
+"use strict";var publishedThemePage_generated=require("../fragments/published-theme-page.generated.js"),publishedPageSection_generated=require("../fragments/published-page-section.generated.js"),publishedCustomSection_generated=require("../fragments/published-custom-section.generated.js"),dataSeo_generated=require("../fragments/data-seo.generated.js"),publishedThemeStyle_generated=require("../fragments/published-theme-style.generated.js"),analytic_generated=require("../fragments/analytic.generated.js"),customCode_generated=require("../fragments/custom-code.generated.js");const PreviewPageDocument=`
     query previewPage($handleURL: String, $pageType: PublishedThemePageType!) {
   previewPage(handleURL: $handleURL, pageType: $pageType) {
     ...PublishedThemePageSelect
@@ -20,6 +10,4 @@ ${publishedCustomSection_generated.PublishedCustomSectionSelect}
 ${dataSeo_generated.DataSeoSelect}
 ${publishedThemeStyle_generated.PublishedThemeStyleSelect}
 ${analytic_generated.AnalyticSelect}
-${customCode_generated.CustomCodeSelect}`;
-
-exports.PreviewPageDocument = PreviewPageDocument;
+${customCode_generated.CustomCodeSelect}`;exports.PreviewPageDocument=PreviewPageDocument;

package/dist/cjs/graphql/queries/product-little-detail.generated.js

@@ -1,11 +1,4 @@
-'use strict';
-
-var productLittle_generated = require('../fragments/product-little.generated.js');
-var productOption_generated = require('../fragments/product-option.generated.js');
-var productOptionValue_generated = require('../fragments/product-option-value.generated.js');
-var media_generated = require('../fragments/media.generated.js');
-
-const ProductLittleDetailDocument = `
+"use strict";var productLittle_generated=require("../fragments/product-little.generated.js"),productOption_generated=require("../fragments/product-option.generated.js"),productOptionValue_generated=require("../fragments/product-option-value.generated.js"),media_generated=require("../fragments/media.generated.js");const ProductLittleDetailDocument=`
     query productLittleDetail($orderBy: ProductOrder, $where: ProductWhereInput) {
   product: products(first: 1, orderBy: $orderBy, where: $where) {
     edges {
@@ -19,6 +12,4 @@ const ProductLittleDetailDocument = `
     ${productLittle_generated.ProductLittleSelect}
 ${productOption_generated.ProductOptionSelect}
 ${productOptionValue_generated.ProductOptionValueSelect}
-${media_generated.MediaSelect}`;
-
-exports.ProductLittleDetailDocument = ProductLittleDetailDocument;
+${media_generated.MediaSelect}`;exports.ProductLittleDetailDocument=ProductLittleDetailDocument;

package/dist/cjs/graphql/queries/product-medias.generated.js

@@ -1,8 +1,4 @@
-'use strict';
-
-var media_generated = require('../fragments/media.generated.js');
-
-const ProductMediasDocument = `
+"use strict";var media_generated=require("../fragments/media.generated.js");const ProductMediasDocument=`
     query productMedias($firstMedia: Int = 50, $afterMedia: Cursor, $orderBy: ProductOrder, $where: ProductWhereInput, $orderByMedia: MediaOrder) {
   medias: products(first: 1, orderBy: $orderBy, where: $where) {
     edges {
@@ -24,6 +20,4 @@ const ProductMediasDocument = `
     }
   }
 }
-    ${media_generated.MediaSelect}`;
-
-exports.ProductMediasDocument = ProductMediasDocument;
+    ${media_generated.MediaSelect}`;exports.ProductMediasDocument=ProductMediasDocument;

package/dist/cjs/graphql/queries/product-value-label.generated.js

@@ -0,0 +1,7 @@
+"use strict";const ProductOptionNameDocument=`
+  query productOptionName($limit: Int, $offset: Int) {
+    productOptionName(
+      limit: $limit,
+      offset: $offset
+    )
+  }`;exports.ProductOptionNameDocument=ProductOptionNameDocument;

package/dist/cjs/graphql/queries/product-variants.generated.js

@@ -1,10 +1,4 @@
-'use strict';
-
-var variant_generated = require('../fragments/variant.generated.js');
-var selectedOption_generated = require('../fragments/selected-option.generated.js');
-var media_generated = require('../fragments/media.generated.js');
-
-const ProductVariantsDocument = `
+"use strict";var variant_generated=require("../fragments/variant.generated.js"),selectedOption_generated=require("../fragments/selected-option.generated.js"),media_generated=require("../fragments/media.generated.js");const ProductVariantsDocument=`
     query productVariants($firstVariant: Int = 100, $afterVariant: Cursor, $orderBy: ProductOrder, $orderByVariant: ProductVariantOrder, $where: ProductWhereInput, $first: Int = 1) {
   variants: products(first: $first, orderBy: $orderBy, where: $where) {
     edges {
@@ -28,6 +22,4 @@ const ProductVariantsDocument = `
 }
     ${variant_generated.VariantSelect}
 ${selectedOption_generated.SelectedOptionSelect}
-${media_generated.MediaSelect}`;
-
-exports.ProductVariantsDocument = ProductVariantsDocument;
+${media_generated.MediaSelect}`;exports.ProductVariantsDocument=ProductVariantsDocument;

package/dist/cjs/graphql/queries/products.generated.js

@@ -1,22 +1,11 @@
-'use strict';
-
-var product_generated = require('../fragments/product.generated.js');
-var productLittle_generated = require('../fragments/product-little.generated.js');
-var productOption_generated = require('../fragments/product-option.generated.js');
-var productOptionValue_generated = require('../fragments/product-option-value.generated.js');
-var media_generated = require('../fragments/media.generated.js');
-var variant_generated = require('../fragments/variant.generated.js');
-var selectedOption_generated = require('../fragments/selected-option.generated.js');
-
-const ProductsEdgeDetail = `
+"use strict";var product_generated=require("../fragments/product.generated.js"),productLittle_generated=require("../fragments/product-little.generated.js"),productOption_generated=require("../fragments/product-option.generated.js"),productOptionValue_generated=require("../fragments/product-option-value.generated.js"),media_generated=require("../fragments/media.generated.js"),variant_generated=require("../fragments/variant.generated.js"),selectedOption_generated=require("../fragments/selected-option.generated.js");const ProductsEdgeDetail=`
     fragment ProductsEdgeDetail on ProductEdge {
   cursor
   node {
     ...ProductSelect
   }
 }
-    `;
-const ProductsDocument = `
+    `,ProductsDocument=`
     query products($first: Int, $where: ProductWhereInput, $firstMedia: Int, $orderBy: ProductOrder, $after: Cursor, $firstVariant: Int, $afterVariant: Cursor, $afterMedia: Cursor, $orderByMedia: MediaOrder) {
   products(first: $first, where: $where, orderBy: $orderBy, after: $after) {
     edges {
@@ -35,7 +24,4 @@ ${productOption_generated.ProductOptionSelect}
 ${productOptionValue_generated.ProductOptionValueSelect}
 ${media_generated.MediaSelect}
 ${variant_generated.VariantSelect}
-${selectedOption_generated.SelectedOptionSelect}`;
-
-exports.ProductsDocument = ProductsDocument;
-exports.ProductsEdgeDetail = ProductsEdgeDetail;
+${selectedOption_generated.SelectedOptionSelect}`;exports.ProductsDocument=ProductsDocument,exports.ProductsEdgeDetail=ProductsEdgeDetail;

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

@@ -1,14 +1,4 @@
-'use strict';
-
-var publishedThemePage_generated = require('../fragments/published-theme-page.generated.js');
-var publishedPageSection_generated = require('../fragments/published-page-section.generated.js');
-var publishedCustomSection_generated = require('../fragments/published-custom-section.generated.js');
-var dataSeo_generated = require('../fragments/data-seo.generated.js');
-var publishedThemeStyle_generated = require('../fragments/published-theme-style.generated.js');
-var analytic_generated = require('../fragments/analytic.generated.js');
-var customCode_generated = require('../fragments/custom-code.generated.js');
-
-const PublishedThemePagesDocument = `
+"use strict";var publishedThemePage_generated=require("../fragments/published-theme-page.generated.js"),publishedPageSection_generated=require("../fragments/published-page-section.generated.js"),publishedCustomSection_generated=require("../fragments/published-custom-section.generated.js"),dataSeo_generated=require("../fragments/data-seo.generated.js"),publishedThemeStyle_generated=require("../fragments/published-theme-style.generated.js"),analytic_generated=require("../fragments/analytic.generated.js"),customCode_generated=require("../fragments/custom-code.generated.js");const PublishedThemePagesDocument=`
     query publishedThemePages($slug: String, $slugType: PublishedThemePageType!) {
   publishedThemePages(slug: $slug, slugType: $slugType) {
     ...PublishedThemePageSelect
@@ -20,6 +10,4 @@ ${publishedCustomSection_generated.PublishedCustomSectionSelect}
 ${dataSeo_generated.DataSeoSelect}
 ${publishedThemeStyle_generated.PublishedThemeStyleSelect}
 ${analytic_generated.AnalyticSelect}
-${customCode_generated.CustomCodeSelect}`;
-
-exports.PublishedThemePagesDocument = PublishedThemePagesDocument;
+${customCode_generated.CustomCodeSelect}`;exports.PublishedThemePagesDocument=PublishedThemePagesDocument;

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

@@ -1,6 +1,4 @@
-'use strict';
-
-/* eslint-disable */ const StorePropertyDocument = `
+"use strict";const StorePropertyDocument=`
     query storeProperty {
   storeProperty {
     favicon
@@ -8,6 +6,4 @@
     primaryDomain
   }
 }
-    `;
-
-exports.StorePropertyDocument = StorePropertyDocument;
+    `;exports.StorePropertyDocument=StorePropertyDocument;

package/dist/cjs/helpers/GlobalEvent.js

@@ -1,19 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-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);
-    }
-};
-
-exports.default = globalEvent;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const 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)}};exports.default=globalEvent;

package/dist/cjs/helpers/background.js

@@ -1,109 +1 @@
-'use strict';
-
-var colors = require('./colors.js');
-var makeStyle = require('./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 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:
-        //   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 makeStyle.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 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}`;
-};
-
-exports.composeBackgroundCss = composeBackgroundCss;
-exports.getStyleBackgroundByDevice = getStyleBackgroundByDevice;
+"use strict";var colors=require("./colors.js"),makeStyle=require("./make-style.js");const 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 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]?.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 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}`;exports.composeBackgroundCss=composeBackgroundCss,exports.getStyleBackgroundByDevice=getStyleBackgroundByDevice;

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/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;