@gem-sdk/core 1.5.17 → 1.5.22

package/dist/esm/graphql/fragments/published-custom-section.generated.js

@@ -1,4 +1,4 @@
-const PublishedCustomSectionSelect = `
+/* eslint-disable */ const PublishedCustomSectionSelect = `
     fragment PublishedCustomSectionSelect on PublishedCustomSection {
   cid
   component

package/dist/esm/graphql/fragments/published-page-section.generated.js

@@ -1,4 +1,4 @@
-const PublishedPageSectionSelect = `
+/* eslint-disable */ const PublishedPageSectionSelect = `
     fragment PublishedPageSectionSelect on PublishedPageSection {
   cid
   component

package/dist/esm/graphql/fragments/published-theme-page.generated.js

@@ -1,4 +1,4 @@
-const PublishedThemePageSelect = `
+/* eslint-disable */ const PublishedThemePageSelect = `
     fragment PublishedThemePageSelect on PublishedThemePage {
   id
   name

package/dist/esm/graphql/fragments/published-theme-style.generated.js

@@ -1,4 +1,4 @@
-const PublishedThemeStyleSelect = `
+/* eslint-disable */ const PublishedThemeStyleSelect = `
     fragment PublishedThemeStyleSelect on PublishedThemeStyle {
   id
   data

package/dist/esm/graphql/fragments/selected-option.generated.js

@@ -1,4 +1,4 @@
-const SelectedOptionSelect = `
+/* eslint-disable */ const SelectedOptionSelect = `
     fragment SelectedOptionSelect on SelectedOption {
   name
   value

package/dist/esm/graphql/fragments/variant.generated.js

@@ -1,4 +1,4 @@
-const VariantSelect = `
+/* eslint-disable */ const VariantSelect = `
     fragment VariantSelect on ProductVariant {
   id
   title

package/dist/esm/graphql/mutations/page-view-up.generated.js

@@ -1,4 +1,4 @@
-const PageViewUpDocument = `
+/* eslint-disable */ const PageViewUpDocument = `
     mutation pageViewUp($pageHandle: String!, $userAgent: String!) {
   pageViewUp(pageHandle: $pageHandle, userAgent: $userAgent)
 }

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

@@ -13,7 +13,7 @@ const ProductsEdgeDetail = `
     ...ProductSelect
   }
 }
-    `;
+    `;
 const 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) {

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

@@ -1,4 +1,4 @@
-const StorePropertyDocument = `
+/* eslint-disable */ const StorePropertyDocument = `
     query storeProperty {
   storeProperty {
     favicon

package/dist/esm/helpers/GlobalEvent.js

@@ -1,13 +1,15 @@
-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);
-    },
+const globalEvent = {
+    subscribe (callback) {
+        document.addEventListener('onDispatch', (e)=>callback(e.detail));
+    },
+    dispatch (data) {
+        document.dispatchEvent(new CustomEvent('onDispatch', {
+            detail: data
+        }));
+    },
+    remove (callback) {
+        document.removeEventListener('onDispatch', callback);
+    }
 };
 
 export { globalEvent as default };

package/dist/esm/helpers/background.js

@@ -1,102 +1,102 @@
 import { isColor } from './colors.js';
 import { makeStyleResponsive } from './make-style.js';
 
-const getStyleBackgroundByDevice = (background) => {
-    if (!background) {
-        return {};
-    }
-    return {
-        ...getStyleBgColor(background),
-        ...getStyleBgImage(background),
-        ...getStyleBgPosition(background),
-        ...getStyleBgSize(background),
-        ...getStyleBgRepeat(background),
-        ...getStyleBgAttachment(background),
-    };
-};
-const getStyleBgColor = (background) => {
-    const bgColor = {
-        desktop: getBgColorByDevice(background, 'desktop'),
-        tablet: getBgColorByDevice(background, 'tablet'),
-        mobile: getBgColorByDevice(background, 'mobile'),
-    };
-    return makeStyleResponsive('bgc', bgColor);
-};
-const getBgColorByDevice = (background, device) => {
-    return getColor(background?.[device]?.color);
-};
-const getColor = (color) => {
-    if (!color) {
-        return;
-    }
-    if (isColor(color?.toString())) {
-        return color;
-    }
-    return `var(--g-c-${color})`;
-};
-const getStyleBgImage = (background) => {
-    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'),
-        tablet: getBgImageByDevice(background, 'tablet'),
-        mobile: getBgImageByDevice(background, 'mobile'),
-    };
-    return makeStyleResponsive('bgi', bgImage);
-};
-const getBgImageByDevice = (background, device) => {
-    const imageByDevice = background?.[device]?.image?.src;
-    if (typeof imageByDevice === 'string') {
-        return `url(${imageByDevice})`;
-    }
-    return;
-};
-const getStyleBgPosition = (background) => {
-    const bgPosition = {
-        desktop: getBgPositionByDevice(background, 'desktop'),
-        tablet: getBgPositionByDevice(background, 'tablet'),
-        mobile: getBgPositionByDevice(background, 'mobile'),
-    };
-    return makeStyleResponsive('bgp', bgPosition);
-};
-const getBgPositionByDevice = (background, device) => {
-    const positionByDevice = background?.[device]?.position;
-    return positionByDevice && `${positionByDevice.x}% ${positionByDevice.y}%`;
-};
-const getStyleBgSize = (background) => {
-    const bgSize = {
-        desktop: getBgSizeByDevice(background, 'desktop'),
-        tablet: getBgSizeByDevice(background, 'tablet'),
-        mobile: getBgSizeByDevice(background, 'mobile'),
-    };
-    return makeStyleResponsive('bgs', bgSize);
-};
-const getBgSizeByDevice = (background, device) => {
-    return background?.[device]?.size;
-};
-const getStyleBgRepeat = (background) => {
-    const bgRepeat = {
-        desktop: getBgRepeatByDevice(background, 'desktop'),
-        tablet: getBgRepeatByDevice(background, 'tablet'),
-        mobile: getBgRepeatByDevice(background, 'mobile'),
-    };
-    return makeStyleResponsive('bgr', bgRepeat);
-};
-const getBgRepeatByDevice = (background, device) => {
-    return background?.[device]?.repeat;
-};
-const getStyleBgAttachment = (background) => {
-    const bgAttachment = {
-        desktop: getBgAttachmentByDevice(background, 'desktop'),
-        tablet: getBgAttachmentByDevice(background, 'tablet'),
-        mobile: getBgAttachmentByDevice(background, 'mobile'),
-    };
-    return makeStyleResponsive('bga', bgAttachment);
-};
-const getBgAttachmentByDevice = (background, device) => {
-    return background?.[device]?.attachment;
+const getStyleBackgroundByDevice = (background)=>{
+    if (!background) {
+        return {};
+    }
+    return {
+        ...getStyleBgColor(background),
+        ...getStyleBgImage(background),
+        ...getStyleBgPosition(background),
+        ...getStyleBgSize(background),
+        ...getStyleBgRepeat(background),
+        ...getStyleBgAttachment(background)
+    };
+};
+const getStyleBgColor = (background)=>{
+    const bgColor = {
+        desktop: getBgColorByDevice(background, 'desktop'),
+        tablet: getBgColorByDevice(background, 'tablet'),
+        mobile: getBgColorByDevice(background, 'mobile')
+    };
+    return makeStyleResponsive('bgc', bgColor);
+};
+const getBgColorByDevice = (background, device)=>{
+    return getColor(background?.[device]?.color);
+};
+const getColor = (color)=>{
+    if (!color) {
+        return;
+    }
+    if (isColor(color?.toString())) {
+        return color;
+    }
+    return `var(--g-c-${color})`;
+};
+const getStyleBgImage = (background)=>{
+    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'),
+        tablet: getBgImageByDevice(background, 'tablet'),
+        mobile: getBgImageByDevice(background, 'mobile')
+    };
+    return makeStyleResponsive('bgi', bgImage);
+};
+const getBgImageByDevice = (background, device)=>{
+    const imageByDevice = background?.[device]?.image?.src;
+    if (typeof imageByDevice === 'string') {
+        return `url(${imageByDevice})`;
+    }
+    return;
+};
+const getStyleBgPosition = (background)=>{
+    const bgPosition = {
+        desktop: getBgPositionByDevice(background, 'desktop'),
+        tablet: getBgPositionByDevice(background, 'tablet'),
+        mobile: getBgPositionByDevice(background, 'mobile')
+    };
+    return makeStyleResponsive('bgp', bgPosition);
+};
+const getBgPositionByDevice = (background, device)=>{
+    const positionByDevice = background?.[device]?.position;
+    return positionByDevice && `${positionByDevice.x}% ${positionByDevice.y}%`;
+};
+const getStyleBgSize = (background)=>{
+    const bgSize = {
+        desktop: getBgSizeByDevice(background, 'desktop'),
+        tablet: getBgSizeByDevice(background, 'tablet'),
+        mobile: getBgSizeByDevice(background, 'mobile')
+    };
+    return makeStyleResponsive('bgs', bgSize);
+};
+const getBgSizeByDevice = (background, device)=>{
+    return background?.[device]?.size;
+};
+const getStyleBgRepeat = (background)=>{
+    const bgRepeat = {
+        desktop: getBgRepeatByDevice(background, 'desktop'),
+        tablet: getBgRepeatByDevice(background, 'tablet'),
+        mobile: getBgRepeatByDevice(background, 'mobile')
+    };
+    return makeStyleResponsive('bgr', bgRepeat);
+};
+const getBgRepeatByDevice = (background, device)=>{
+    return background?.[device]?.repeat;
+};
+const getStyleBgAttachment = (background)=>{
+    const bgAttachment = {
+        desktop: getBgAttachmentByDevice(background, 'desktop'),
+        tablet: getBgAttachmentByDevice(background, 'tablet'),
+        mobile: getBgAttachmentByDevice(background, 'mobile')
+    };
+    return makeStyleResponsive('bga', bgAttachment);
+};
+const getBgAttachmentByDevice = (background, device)=>{
+    return background?.[device]?.attachment;
 };
 
 export { getStyleBackgroundByDevice };

package/dist/esm/helpers/borders.js

@@ -1,133 +1,129 @@
 import { getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStateResponsiveClass, getGlobalColorStateClass } from './colors.js';
 import { makeStyleResponsiveState, makeStyleState } from './make-style.js';
 
-const handleConvertBorderStyle = (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?.border,
-                hover: data.desktop?.hover?.border,
-                focus: data.desktop?.focus?.border,
-            },
-            tablet: {
-                normal: data.tablet?.normal?.border,
-                hover: data.tablet?.hover?.border,
-                focus: data.tablet?.focus?.border,
-            },
-            mobile: {
-                normal: data.mobile?.normal?.border,
-                hover: data.mobile?.hover?.border,
-                focus: data.mobile?.focus?.border,
-            },
-        };
-        return makeStyleResponsiveState('bs', newVal);
-    }
-    const data = value;
-    const newVal = {
-        normal: data?.normal?.border,
-        hover: data?.hover?.border,
-        focus: data?.focus?.border,
-    };
-    return makeStyleState('bs', newVal);
-};
-const handleConvertBorderWidth = (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?.width,
-                hover: data.desktop?.hover?.width,
-                focus: data.desktop?.focus?.width,
-            },
-            tablet: {
-                normal: data.tablet?.normal?.width,
-                hover: data.tablet?.hover?.width,
-                focus: data.tablet?.focus?.width,
-            },
-            mobile: {
-                normal: data.mobile?.normal?.width,
-                hover: data.mobile?.hover?.width,
-                focus: data.mobile?.focus?.width,
-            },
-        };
-        return makeStyleResponsiveState('bw', newVal);
-    }
-    const data = value;
-    const newVal = {
-        normal: data?.normal?.width,
-        hover: data?.hover?.width,
-        focus: data?.focus?.width,
-    };
-    return makeStyleState('bw', newVal);
-};
-const handleConvertBorderColor = (value) => {
-    if (!value)
-        return undefined;
-    if ('desktop' in value || 'tablet' in value || 'mobile' in value) {
-        const data = value;
-        const newVal = {
-            desktop: {
-                normal: data.desktop?.normal?.color,
-                hover: data.desktop?.hover?.color,
-                focus: data.desktop?.focus?.color,
-            },
-            tablet: {
-                normal: data.tablet?.normal?.color,
-                hover: data.tablet?.hover?.color,
-                focus: data.tablet?.focus?.color,
-            },
-            mobile: {
-                normal: data.mobile?.normal?.color,
-                hover: data.mobile?.hover?.color,
-                focus: data.mobile?.focus?.color,
-            },
-        };
-        return getGlobalColorStateResponsiveStyle('bc', newVal);
-    }
-    const data = value;
-    const newVal = {
-        normal: data?.normal?.color,
-        hover: data?.hover?.color,
-        focus: data?.focus?.color,
-    };
-    return getGlobalColorStateStyle('bc', newVal);
-};
-const handleConvertClassColor = (value) => {
-    if (!value)
-        return undefined;
-    if ('desktop' in value || 'tablet' in value || 'mobile' in value) {
-        const data = value;
-        const newVal = {
-            desktop: {
-                normal: data.desktop?.normal?.color,
-                hover: data.desktop?.hover?.color,
-                focus: data.desktop?.focus?.color,
-            },
-            tablet: {
-                normal: data.tablet?.normal?.color,
-                hover: data.tablet?.hover?.color,
-                focus: data.tablet?.focus?.color,
-            },
-            mobile: {
-                normal: data.mobile?.normal?.color,
-                hover: data.mobile?.hover?.color,
-                focus: data.mobile?.focus?.color,
-            },
-        };
-        return getGlobalColorStateResponsiveClass('border', newVal);
-    }
-    const data = value;
-    const newVal = {
-        normal: data?.normal?.color,
-        hover: data?.hover?.color,
-        focus: data?.focus?.color,
-    };
-    return getGlobalColorStateClass('border', newVal);
+const handleConvertBorderStyle = (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?.border,
+                hover: data.desktop?.hover?.border,
+                focus: data.desktop?.focus?.border
+            },
+            tablet: {
+                normal: data.tablet?.normal?.border,
+                hover: data.tablet?.hover?.border,
+                focus: data.tablet?.focus?.border
+            },
+            mobile: {
+                normal: data.mobile?.normal?.border,
+                hover: data.mobile?.hover?.border,
+                focus: data.mobile?.focus?.border
+            }
+        };
+        return makeStyleResponsiveState('bs', newVal);
+    }
+    const data = value;
+    const newVal = {
+        normal: data?.normal?.border,
+        hover: data?.hover?.border,
+        focus: data?.focus?.border
+    };
+    return makeStyleState('bs', newVal);
+};
+const handleConvertBorderWidth = (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?.width,
+                hover: data.desktop?.hover?.width,
+                focus: data.desktop?.focus?.width
+            },
+            tablet: {
+                normal: data.tablet?.normal?.width,
+                hover: data.tablet?.hover?.width,
+                focus: data.tablet?.focus?.width
+            },
+            mobile: {
+                normal: data.mobile?.normal?.width,
+                hover: data.mobile?.hover?.width,
+                focus: data.mobile?.focus?.width
+            }
+        };
+        return makeStyleResponsiveState('bw', newVal);
+    }
+    const data = value;
+    const newVal = {
+        normal: data?.normal?.width,
+        hover: data?.hover?.width,
+        focus: data?.focus?.width
+    };
+    return makeStyleState('bw', newVal);
+};
+const handleConvertBorderColor = (value)=>{
+    if (!value) return undefined;
+    if ('desktop' in value || 'tablet' in value || 'mobile' in value) {
+        const data = value;
+        const newVal = {
+            desktop: {
+                normal: data.desktop?.normal?.color,
+                hover: data.desktop?.hover?.color,
+                focus: data.desktop?.focus?.color
+            },
+            tablet: {
+                normal: data.tablet?.normal?.color,
+                hover: data.tablet?.hover?.color,
+                focus: data.tablet?.focus?.color
+            },
+            mobile: {
+                normal: data.mobile?.normal?.color,
+                hover: data.mobile?.hover?.color,
+                focus: data.mobile?.focus?.color
+            }
+        };
+        return getGlobalColorStateResponsiveStyle('bc', newVal);
+    }
+    const data = value;
+    const newVal = {
+        normal: data?.normal?.color,
+        hover: data?.hover?.color,
+        focus: data?.focus?.color
+    };
+    return getGlobalColorStateStyle('bc', newVal);
+};
+const handleConvertClassColor = (value)=>{
+    if (!value) return undefined;
+    if ('desktop' in value || 'tablet' in value || 'mobile' in value) {
+        const data = value;
+        const newVal = {
+            desktop: {
+                normal: data.desktop?.normal?.color,
+                hover: data.desktop?.hover?.color,
+                focus: data.desktop?.focus?.color
+            },
+            tablet: {
+                normal: data.tablet?.normal?.color,
+                hover: data.tablet?.hover?.color,
+                focus: data.tablet?.focus?.color
+            },
+            mobile: {
+                normal: data.mobile?.normal?.color,
+                hover: data.mobile?.hover?.color,
+                focus: data.mobile?.focus?.color
+            }
+        };
+        return getGlobalColorStateResponsiveClass('border', newVal);
+    }
+    const data = value;
+    const newVal = {
+        normal: data?.normal?.color,
+        hover: data?.hover?.color,
+        focus: data?.focus?.color
+    };
+    return getGlobalColorStateClass('border', newVal);
 };
 
 export { handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor };

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

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

package/dist/esm/helpers/cls.js

@@ -1,18 +1,14 @@
-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(' ');
+function toVal(mix) {
+    if (typeof mix === 'string') {
+        return mix;
+    } else if (typeof mix === 'object' && mix !== null) {
+        return Object.keys(mix).filter((key)=>mix[key]).join(' ');
+    } else {
+        return false;
+    }
+}
+function cls(...classes) {
+    return classes.map(toVal).filter(Boolean).join(' ');
 }
 
 export { cls };