@gem-sdk/core 1.5.17 → 1.5.22

package/dist/esm/helpers/get-resonsive-value.js

@@ -1,28 +1,27 @@
-const getResponsiveValue = (input, k) => {
-    if (!k)
-        return {};
-    return {
-        desktop: input?.desktop?.[k],
-        tablet: input?.tablet?.[k],
-        mobile: input?.mobile?.[k],
-    };
-};
-const getResponsiveStateValue = (k, input) => {
-    return {
-        desktop: input?.desktop?.[k],
-        tablet: input?.tablet?.[k],
-        mobile: input?.mobile?.[k],
-    };
-};
-const getResponsiveValueByScreen = (value, breakpoint, defaultValue) => {
-    switch (breakpoint) {
-        case 'tablet':
-            return value?.tablet ?? value?.desktop ?? defaultValue;
-        case 'mobile':
-            return value?.mobile ?? value?.tablet ?? value?.desktop ?? defaultValue;
-        default:
-            return value?.desktop ?? defaultValue;
-    }
+const getResponsiveValue = (input, k)=>{
+    if (!k) return {};
+    return {
+        desktop: input?.desktop?.[k],
+        tablet: input?.tablet?.[k],
+        mobile: input?.mobile?.[k]
+    };
+};
+const getResponsiveStateValue = (k, input)=>{
+    return {
+        desktop: input?.desktop?.[k],
+        tablet: input?.tablet?.[k],
+        mobile: input?.mobile?.[k]
+    };
+};
+const getResponsiveValueByScreen = (value, breakpoint, defaultValue)=>{
+    switch(breakpoint){
+        case 'tablet':
+            return value?.tablet ?? value?.desktop ?? defaultValue;
+        case 'mobile':
+            return value?.mobile ?? value?.tablet ?? value?.desktop ?? defaultValue;
+        default:
+            return value?.desktop ?? defaultValue;
+    }
 };
 
 export { getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen };

package/dist/esm/helpers/get-shortname.js

@@ -1,90 +1,90 @@
-const globalSortNameMapping = {
-    'typography-heading-1-fontFamily': 'h1-ff',
-    'typography-heading-1-fontSize': 'h1-size',
-    'typography-heading-1-fontWeight': 'h1-weight',
-    'typography-heading-1-lineHeight': 'h1-lh',
-    'typography-heading-1-letterSpacing': 'h1-ls',
-    'typography-heading-1-fontStyle': 'h1-fs',
-    'typography-heading-2-fontFamily': 'h2-ff',
-    'typography-heading-2-fontSize': 'h2-size',
-    'typography-heading-2-fontWeight': 'h2-weight',
-    'typography-heading-2-lineHeight': 'h2-lh',
-    'typography-heading-2-letterSpacing': 'h2-ls',
-    'typography-heading-2-fontStyle': 'h2-fs',
-    'typography-heading-3-fontFamily': 'h3-ff',
-    'typography-heading-3-fontSize': 'h3-size',
-    'typography-heading-3-fontWeight': 'h3-weight',
-    'typography-heading-3-lineHeight': 'h3-lh',
-    'typography-heading-3-letterSpacing': 'h3-ls',
-    'typography-heading-3-fontStyle': 'h3-fs',
-    'typography-subheading-1-fontFamily': 'sh1-ff',
-    'typography-subheading-1-fontSize': 'sh1-size',
-    'typography-subheading-1-fontWeight': 'sh1-weight',
-    'typography-subheading-1-lineHeight': 'sh1-lh',
-    'typography-subheading-1-letterSpacing': 'sh1-ls',
-    'typography-subheading-1-fontStyle': 'sh1-fs',
-    'typography-subheading-2-fontFamily': 'sh2-ff',
-    'typography-subheading-2-fontSize': 'sh2-size',
-    'typography-subheading-2-fontWeight': 'sh2-weight',
-    'typography-subheading-2-lineHeight': 'sh2-lh',
-    'typography-subheading-2-letterSpacing': 'sh2-ls',
-    'typography-subheading-2-fontStyle': 'sh2-fs',
-    'typography-subheading-3-fontFamily': 'sh3-ff',
-    'typography-subheading-3-fontSize': 'sh3-size',
-    'typography-subheading-3-fontWeight': 'sh3-weight',
-    'typography-subheading-3-lineHeight': 'sh3-lh',
-    'typography-subheading-3-letterSpacing': 'sh3-ls',
-    'typography-subheading-3-fontStyle': 'sh3-fs',
-    'typography-paragraph-1-fontFamily': 'p1-ff',
-    'typography-paragraph-1-fontSize': 'p1-size',
-    'typography-paragraph-1-fontWeight': 'p1-weight',
-    'typography-paragraph-1-lineHeight': 'p1-lh',
-    'typography-paragraph-1-letterSpacing': 'p1-ls',
-    'typography-paragraph-1-fontStyle': 'p1-fs',
-    'typography-paragraph-2-fontFamily': 'p2-ff',
-    'typography-paragraph-2-fontSize': 'p2-size',
-    'typography-paragraph-2-fontWeight': 'p2-weight',
-    'typography-paragraph-2-lineHeight': 'p2-lh',
-    'typography-paragraph-2-letterSpacing': 'p2-ls',
-    'typography-paragraph-2-fontStyle': 'p2-fs',
-    'typography-paragraph-3-fontFamily': 'p3-ff',
-    'typography-paragraph-3-fontSize': 'p3-size',
-    'typography-paragraph-3-fontWeight': 'p3-weight',
-    'typography-paragraph-3-lineHeight': 'p3-lh',
-    'typography-paragraph-3-letterSpacing': 'p3-ls',
-    'typography-paragraph-3-fontStyle': 'p3-fs',
-    'color-brand': 'c-brand',
-    'color-highlight': 'c-highlight',
-    'color-text-1': 'c-text-1',
-    'color-text-2': 'c-text-2',
-    'color-text-3': 'c-text-3',
-    'color-bg-1': 'c-bg-1',
-    'color-bg-2': 'c-bg-2',
-    'color-bg-3': 'c-bg-3',
-    'color-line-1': 'c-line-1',
-    'color-line-2': 'c-line-2',
-    'color-line-3': 'c-line-3',
-    'color-success': 'c-success',
-    'color-info': 'c-info',
-    'color-warning': 'c-warning',
-    'color-error': 'c-error',
-    'spacing-xxs': 's-xxs',
-    'spacing-xs': 's-xs',
-    'spacing-s': 's-s',
-    'spacing-m': 's-m',
-    'spacing-l': 's-l',
-    'spacing-xl': 's-xl',
-    'spacing-2xl': 's-2xl',
-    'spacing-3xl': 's-3xl',
-    'spacing-4xl': 's-4xl',
-    'spacing-5xl': 's-5xl',
-    'container-width': 'ct-w',
-    'container-padding': 'ct-p',
-    'text-shadow': 'ts',
-    'box-shadow': 'shadow',
-};
-function getShortName(name) {
-    return globalSortNameMapping[name] || name;
+const globalSortNameMapping = {
+    'typography-heading-1-fontFamily': 'h1-ff',
+    'typography-heading-1-fontSize': 'h1-size',
+    'typography-heading-1-fontWeight': 'h1-weight',
+    'typography-heading-1-lineHeight': 'h1-lh',
+    'typography-heading-1-letterSpacing': 'h1-ls',
+    'typography-heading-1-fontStyle': 'h1-fs',
+    'typography-heading-2-fontFamily': 'h2-ff',
+    'typography-heading-2-fontSize': 'h2-size',
+    'typography-heading-2-fontWeight': 'h2-weight',
+    'typography-heading-2-lineHeight': 'h2-lh',
+    'typography-heading-2-letterSpacing': 'h2-ls',
+    'typography-heading-2-fontStyle': 'h2-fs',
+    'typography-heading-3-fontFamily': 'h3-ff',
+    'typography-heading-3-fontSize': 'h3-size',
+    'typography-heading-3-fontWeight': 'h3-weight',
+    'typography-heading-3-lineHeight': 'h3-lh',
+    'typography-heading-3-letterSpacing': 'h3-ls',
+    'typography-heading-3-fontStyle': 'h3-fs',
+    'typography-subheading-1-fontFamily': 'sh1-ff',
+    'typography-subheading-1-fontSize': 'sh1-size',
+    'typography-subheading-1-fontWeight': 'sh1-weight',
+    'typography-subheading-1-lineHeight': 'sh1-lh',
+    'typography-subheading-1-letterSpacing': 'sh1-ls',
+    'typography-subheading-1-fontStyle': 'sh1-fs',
+    'typography-subheading-2-fontFamily': 'sh2-ff',
+    'typography-subheading-2-fontSize': 'sh2-size',
+    'typography-subheading-2-fontWeight': 'sh2-weight',
+    'typography-subheading-2-lineHeight': 'sh2-lh',
+    'typography-subheading-2-letterSpacing': 'sh2-ls',
+    'typography-subheading-2-fontStyle': 'sh2-fs',
+    'typography-subheading-3-fontFamily': 'sh3-ff',
+    'typography-subheading-3-fontSize': 'sh3-size',
+    'typography-subheading-3-fontWeight': 'sh3-weight',
+    'typography-subheading-3-lineHeight': 'sh3-lh',
+    'typography-subheading-3-letterSpacing': 'sh3-ls',
+    'typography-subheading-3-fontStyle': 'sh3-fs',
+    'typography-paragraph-1-fontFamily': 'p1-ff',
+    'typography-paragraph-1-fontSize': 'p1-size',
+    'typography-paragraph-1-fontWeight': 'p1-weight',
+    'typography-paragraph-1-lineHeight': 'p1-lh',
+    'typography-paragraph-1-letterSpacing': 'p1-ls',
+    'typography-paragraph-1-fontStyle': 'p1-fs',
+    'typography-paragraph-2-fontFamily': 'p2-ff',
+    'typography-paragraph-2-fontSize': 'p2-size',
+    'typography-paragraph-2-fontWeight': 'p2-weight',
+    'typography-paragraph-2-lineHeight': 'p2-lh',
+    'typography-paragraph-2-letterSpacing': 'p2-ls',
+    'typography-paragraph-2-fontStyle': 'p2-fs',
+    'typography-paragraph-3-fontFamily': 'p3-ff',
+    'typography-paragraph-3-fontSize': 'p3-size',
+    'typography-paragraph-3-fontWeight': 'p3-weight',
+    'typography-paragraph-3-lineHeight': 'p3-lh',
+    'typography-paragraph-3-letterSpacing': 'p3-ls',
+    'typography-paragraph-3-fontStyle': 'p3-fs',
+    'color-brand': 'c-brand',
+    'color-highlight': 'c-highlight',
+    'color-text-1': 'c-text-1',
+    'color-text-2': 'c-text-2',
+    'color-text-3': 'c-text-3',
+    'color-bg-1': 'c-bg-1',
+    'color-bg-2': 'c-bg-2',
+    'color-bg-3': 'c-bg-3',
+    'color-line-1': 'c-line-1',
+    'color-line-2': 'c-line-2',
+    'color-line-3': 'c-line-3',
+    'color-success': 'c-success',
+    'color-info': 'c-info',
+    'color-warning': 'c-warning',
+    'color-error': 'c-error',
+    'spacing-xxs': 's-xxs',
+    'spacing-xs': 's-xs',
+    'spacing-s': 's-s',
+    'spacing-m': 's-m',
+    'spacing-l': 's-l',
+    'spacing-xl': 's-xl',
+    'spacing-2xl': 's-2xl',
+    'spacing-3xl': 's-3xl',
+    'spacing-4xl': 's-4xl',
+    'spacing-5xl': 's-5xl',
+    'container-width': 'ct-w',
+    'container-padding': 'ct-p',
+    'text-shadow': 'ts',
+    'box-shadow': 'shadow'
+};
+function getShortName(name) {
+    return globalSortNameMapping[name] || name;
 }
 
 export { getShortName };

package/dist/esm/helpers/is-browser.js

@@ -1,5 +1,5 @@
-function isBrowser() {
-    return typeof window !== 'undefined';
+function isBrowser() {
+    return typeof window !== 'undefined';
 }
 
 export { isBrowser as default };

package/dist/esm/helpers/is-defined.js

@@ -1,5 +1,5 @@
-function isDefined(argument) {
-    return argument !== undefined;
+function isDefined(argument) {
+    return argument !== undefined;
 }
 
 export { isDefined };

package/dist/esm/helpers/is-empty-children.js

@@ -1,7 +1,7 @@
 import { Children } from 'react';
 
-const isEmptyChildren = (children) => {
-    return Children.count(children) < 1 || !children;
+const isEmptyChildren = (children)=>{
+    return Children.count(children) < 1 || !children;
 };
 
 export { isEmptyChildren as default, isEmptyChildren };

package/dist/esm/helpers/layout.js

@@ -1,15 +1,14 @@
 import { devicesMapping } from './constant.js';
 
-const optionLayoutStyle = (column) => {
-    if (!column)
-        return {};
-    const style = {};
-    for (const [key, value] of Object.entries(column)) {
-        Object.assign(style, {
-            [`--gtc${devicesMapping?.[key]}`]: `repeat(${parseFloat(value + '') || 1}, minmax(0, 1fr))`,
-        });
-    }
-    return style;
+const optionLayoutStyle = (column)=>{
+    if (!column) return {};
+    const style = {};
+    for (const [key, value] of Object.entries(column)){
+        Object.assign(style, {
+            [`--gtc${devicesMapping?.[key]}`]: `repeat(${parseFloat(value + '') || 1}, minmax(0, 1fr))`
+        });
+    }
+    return style;
 };
 
 export { optionLayoutStyle };

package/dist/esm/helpers/load-script.js

@@ -1,30 +1,29 @@
-const SCRIPTS_LOADED = {};
-function loadScript(src, options) {
-    const isScriptLoaded = SCRIPTS_LOADED[src];
-    if (isScriptLoaded) {
-        return isScriptLoaded;
-    }
-    const promise = new Promise((resolve, reject) => {
-        const script = document.createElement('script');
-        if (options?.module) {
-            script.type = 'module';
-        }
-        script.src = src;
-        script.onload = () => {
-            resolve(true);
-        };
-        script.onerror = () => {
-            reject(false);
-        };
-        if (options?.in === 'head') {
-            document.head.appendChild(script);
-        }
-        else {
-            document.body.appendChild(script);
-        }
-    });
-    SCRIPTS_LOADED[src] = promise;
-    return promise;
+const SCRIPTS_LOADED = {};
+function loadScript(src, options) {
+    const isScriptLoaded = SCRIPTS_LOADED[src];
+    if (isScriptLoaded) {
+        return isScriptLoaded;
+    }
+    const promise = new Promise((resolve, reject)=>{
+        const script = document.createElement('script');
+        if (options?.module) {
+            script.type = 'module';
+        }
+        script.src = src;
+        script.onload = ()=>{
+            resolve(true);
+        };
+        script.onerror = ()=>{
+            reject(false);
+        };
+        if (options?.in === 'head') {
+            document.head.appendChild(script);
+        } else {
+            document.body.appendChild(script);
+        }
+    });
+    SCRIPTS_LOADED[src] = promise;
+    return promise;
 }
 
 export { loadScript };

package/dist/esm/helpers/make-style.js

@@ -1,91 +1,82 @@
 import { getResponsiveValueByScreen } from './get-resonsive-value.js';
 
-const makeStyle = (style) => {
-    return Object.fromEntries(Object.entries(style).map(([key, value]) => [`--${key}`, value]));
-};
-const makeStyleState = (name, value) => {
-    if (!value)
-        return {};
-    return {
-        [`--${name}`]: value?.normal,
-        [`--hvr-${name}`]: value?.hover,
-        [`--focus-${name}`]: value?.focus,
-    };
-};
-const makeStyleResponsiveState = (name, value) => {
-    if (!value)
-        return {};
-    return {
-        [`--${name}`]: value?.desktop?.normal,
-        [`--hvr-${name}`]: value?.desktop?.hover,
-        [`--focus-${name}`]: value?.desktop?.focus,
-        [`--${name}-tablet`]: value?.tablet?.normal,
-        [`--hvr-${name}-tablet`]: value?.tablet?.hover,
-        [`--focus-${name}-tablet`]: value?.tablet?.focus,
-        [`--${name}-mobile`]: value?.mobile?.normal,
-        [`--hvr-${name}-mobile`]: value?.mobile?.hover,
-        [`--focus-${name}-mobile`]: value?.mobile?.focus,
-    };
-};
-const makeStyleResponsive = (name, value) => {
-    return {
-        [`--${name}`]: value?.desktop,
-        [`--${name}-tablet`]: value?.tablet,
-        [`--${name}-mobile`]: value?.mobile,
-    };
-};
-const makeWidth = (widthValue, fullWidthValue) => {
-    const getVal = (deviceValue, widthValue, fullWidthValue) => {
-        const widthVal = widthValue?.[deviceValue];
-        const fullWidthVal = fullWidthValue?.[deviceValue];
-        if (fullWidthVal) {
-            return '100%';
-        }
-        else if (fullWidthVal === false) {
-            return widthVal ?? widthVal;
-        }
-        else {
-            return widthVal;
-        }
-    };
-    return {
-        desktop: getVal('desktop', widthValue, fullWidthValue),
-        tablet: getVal('tablet', widthValue, fullWidthValue),
-        mobile: getVal('mobile', widthValue, fullWidthValue),
-    };
-};
-const makeHeight = (heighValue, autoHeight) => {
-    const getVal = (deviceValue, heighValue, autoHeight) => {
-        const heightVal = heighValue?.[deviceValue];
-        const isAuto = autoHeight?.[deviceValue];
-        if (isAuto) {
-            return 'auto';
-        }
-        else if (isAuto === false) {
-            return heightVal ?? heightVal;
-        }
-        else {
-            return heightVal;
-        }
-    };
-    return {
-        desktop: getVal('desktop', heighValue, autoHeight),
-        tablet: getVal('tablet', heighValue, autoHeight),
-        mobile: getVal('mobile', heighValue, autoHeight),
-    };
-};
-const makeAspectRatio = (aspectRatio, aspectWidth, aspectHeight) => {
-    return {
-        desktop: aspectRatio?.desktop === 'custom'
-            ? `${getResponsiveValueByScreen(aspectWidth, 'desktop')}/${getResponsiveValueByScreen(aspectHeight, 'desktop')}`
-            : aspectRatio?.desktop,
-        tablet: aspectRatio?.tablet === 'custom'
-            ? `${getResponsiveValueByScreen(aspectWidth, 'tablet')}/${getResponsiveValueByScreen(aspectHeight, 'tablet')}`
-            : aspectRatio?.tablet,
-        mobile: aspectRatio?.mobile === 'custom'
-            ? `${getResponsiveValueByScreen(aspectWidth, 'mobile')}/${getResponsiveValueByScreen(aspectHeight, 'mobile')}`
-            : aspectRatio?.mobile,
-    };
+const makeStyle = (style)=>{
+    return Object.fromEntries(Object.entries(style).map(([key, value])=>[
+            `--${key}`,
+            value
+        ]));
+};
+const makeStyleState = (name, value)=>{
+    if (!value) return {};
+    return {
+        [`--${name}`]: value?.normal,
+        [`--hvr-${name}`]: value?.hover,
+        [`--focus-${name}`]: value?.focus
+    };
+};
+const makeStyleResponsiveState = (name, value)=>{
+    if (!value) return {};
+    return {
+        [`--${name}`]: value?.desktop?.normal,
+        [`--hvr-${name}`]: value?.desktop?.hover,
+        [`--focus-${name}`]: value?.desktop?.focus,
+        [`--${name}-tablet`]: value?.tablet?.normal,
+        [`--hvr-${name}-tablet`]: value?.tablet?.hover,
+        [`--focus-${name}-tablet`]: value?.tablet?.focus,
+        [`--${name}-mobile`]: value?.mobile?.normal,
+        [`--hvr-${name}-mobile`]: value?.mobile?.hover,
+        [`--focus-${name}-mobile`]: value?.mobile?.focus
+    };
+};
+const makeStyleResponsive = (name, value)=>{
+    return {
+        [`--${name}`]: value?.desktop,
+        [`--${name}-tablet`]: value?.tablet,
+        [`--${name}-mobile`]: value?.mobile
+    };
+};
+const makeWidth = (widthValue, fullWidthValue)=>{
+    const getVal = (deviceValue, widthValue, fullWidthValue)=>{
+        const widthVal = widthValue?.[deviceValue];
+        const fullWidthVal = fullWidthValue?.[deviceValue];
+        if (fullWidthVal) {
+            return '100%';
+        } else if (fullWidthVal === false) {
+            return widthVal ?? widthVal;
+        } else {
+            return widthVal;
+        }
+    };
+    return {
+        desktop: getVal('desktop', widthValue, fullWidthValue),
+        tablet: getVal('tablet', widthValue, fullWidthValue),
+        mobile: getVal('mobile', widthValue, fullWidthValue)
+    };
+};
+const makeHeight = (heighValue, autoHeight)=>{
+    const getVal = (deviceValue, heighValue, autoHeight)=>{
+        const heightVal = heighValue?.[deviceValue];
+        const isAuto = autoHeight?.[deviceValue];
+        if (isAuto) {
+            return 'auto';
+        } else if (isAuto === false) {
+            return heightVal ?? heightVal;
+        } else {
+            return heightVal;
+        }
+    };
+    return {
+        desktop: getVal('desktop', heighValue, autoHeight),
+        tablet: getVal('tablet', heighValue, autoHeight),
+        mobile: getVal('mobile', heighValue, autoHeight)
+    };
+};
+const makeAspectRatio = (aspectRatio, aspectWidth, aspectHeight)=>{
+    return {
+        desktop: aspectRatio?.desktop === 'custom' ? `${getResponsiveValueByScreen(aspectWidth, 'desktop')}/${getResponsiveValueByScreen(aspectHeight, 'desktop')}` : aspectRatio?.desktop,
+        tablet: aspectRatio?.tablet === 'custom' ? `${getResponsiveValueByScreen(aspectWidth, 'tablet')}/${getResponsiveValueByScreen(aspectHeight, 'tablet')}` : aspectRatio?.tablet,
+        mobile: aspectRatio?.mobile === 'custom' ? `${getResponsiveValueByScreen(aspectWidth, 'mobile')}/${getResponsiveValueByScreen(aspectHeight, 'mobile')}` : aspectRatio?.mobile
+    };
 };
 
 export { makeAspectRatio, makeHeight, makeStyle, makeStyleResponsive, makeStyleResponsiveState, makeStyleState, makeWidth };

package/dist/esm/helpers/normalize-builder-data.js

@@ -1,15 +1,21 @@
-function normalizeBuilderData(data) {
-    const result = {};
-    function compose(data, res = {}) {
-        const childrens = data.childrens;
-        const items = childrens?.map((child) => child.uid) ?? [];
-        res[data.uid] = { ...data, childrens: items, type: 'component' };
-        if (childrens) {
-            childrens.map((child) => compose(child, res));
-        }
-    }
-    compose(data, result);
-    return { ...result };
+function normalizeBuilderData(data) {
+    const result = {};
+    function compose(data, res = {}) {
+        const childrens = data.childrens;
+        const items = childrens?.map((child)=>child.uid) ?? [];
+        res[data.uid] = {
+            ...data,
+            childrens: items,
+            type: 'component'
+        };
+        if (childrens) {
+            childrens.map((child)=>compose(child, res));
+        }
+    }
+    compose(data, result);
+    return {
+        ...result
+    };
 }
 
 export { normalizeBuilderData };