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

package/dist/cjs/helpers/size.js

@@ -1,228 +1,4 @@
-'use strict';
-
-var makeStyle = require('./make-style.js');
-var constant = require('./constant.js');
-var getResonsiveValue = require('./get-resonsive-value.js');
-
-function getCustomSizeCSSByDevice(size, device) {
-    if (!size || !device) return {};
-    const suffix = constant.devicesMapping[device] ?? '';
-    return {
-        [`--pl${suffix}`]: size?.[device]?.horizontal,
-        [`--pr${suffix}`]: size?.[device]?.horizontal,
-        [`--pt${suffix}`]: size?.[device]?.vertical,
-        [`--pb${suffix}`]: size?.[device]?.vertical
-    };
-}
-const composeSize = (size)=>{
-    return Object.assign({}, getCustomSizeCSSByDevice(size, 'desktop'), getCustomSizeCSSByDevice(size, 'tablet'), getCustomSizeCSSByDevice(size, 'mobile'));
-};
-function genSizeClass(name) {
-    return `gp-g-s-${name}`;
-}
-const composeSizeCss = (spacing)=>{
-    if (spacing === undefined) return '';
-    const size = spacing;
-    const sizeHozi = spacing?.custom?.desktop?.horizontal;
-    const sizeVerti = spacing?.custom?.desktop?.vertical;
-    if (!size?.custom) return undefined;
-    return `
-  ${sizeHozi ? `padding-left: ${sizeHozi}; padding-right: ${sizeHozi};` : undefined}
-  ${sizeVerti ? `padding-top: ${sizeVerti}; padding-bottom: ${sizeVerti};` : undefined}
-  `;
-};
-const makeGlobalSize = (globalSize)=>{
-    return {
-        width: makeStyleWithDefault('w', getWidthHeightGlobalSize('width', globalSize), {
-            desktop: '--g-ct-w',
-            tablet: '--g-ct-w',
-            mobile: '--g-ct-w'
-        }),
-        height: makeStyle.makeStyleResponsive('h', getWidthHeightGlobalSize('height', globalSize)),
-        padding: getPaddingGlobalSize(globalSize),
-        gap: getGlobalSizeGap(globalSize)
-    };
-};
-const makeGlobalSizeIcon = (globalSize)=>{
-    return {
-        width: makeStyleWithDefault('w', getWidthHeightGlobalSize('width', globalSize), {
-            desktop: '--g-ct-w',
-            tablet: '--g-ct-w',
-            mobile: '--g-ct-w'
-        }),
-        height: makeStyle.makeStyleResponsive('h', getWidthHeightGlobalSize('width', globalSize)),
-        minWidth: makeStyle.makeStyleResponsive('minw', getWidthHeightGlobalSize('width', globalSize)),
-        padding: getPaddingGlobalSize(globalSize)
-    };
-};
-const getGlobalSizeGap = (globalSize)=>{
-    return {
-        '--gg': globalSize?.desktop?.gap,
-        '--gg-tablet': globalSize?.tablet?.gap,
-        '--gg-mobile': globalSize?.mobile?.gap
-    };
-};
-const makeStyleWithDefault = (name, value, defaultVal)=>{
-    return {
-        [`--${name}`]: value?.desktop === 'default' ? `var(${defaultVal?.desktop})` : value?.desktop,
-        [`--${name}-tablet`]: value?.tablet === 'default' ? `var(${defaultVal?.tablet})` : value?.tablet,
-        [`--${name}-mobile`]: value?.mobile === 'default' ? `var(${defaultVal?.mobile})` : value?.mobile
-    };
-};
-const getWidthHeightGlobalSize = (type, globalSize)=>{
-    if (!globalSize) return {};
-    let result = {};
-    const DEVICES = [
-        'desktop',
-        'mobile',
-        'tablet'
-    ];
-    DEVICES.forEach((device)=>{
-        result = {
-            ...result,
-            [device]: getResonsiveValue.getResponsiveValueByScreen(globalSize, device)?.[type]
-        };
-    });
-    return result;
-};
-const getHeightByShapeGlobalSize = (shapeByLayout)=>{
-    let result = {};
-    const DEVICES = [
-        'desktop',
-        'mobile',
-        'tablet'
-    ];
-    DEVICES.forEach((device)=>{
-        const shapeByDevice = getResonsiveValue.getResponsiveValueByScreen(shapeByLayout, device);
-        const shapeValue = shapeByDevice?.shapeValue;
-        const height = shapeByDevice?.height;
-        result = {
-            ...result,
-            [device]: shapeValue ? 'auto' : height || 'auto'
-        };
-    });
-    return result;
-};
-const getFlexGrowClassByShapeGlobalSize = (shapeByLayout)=>{
-    let result = {};
-    const DEVICES = [
-        'desktop',
-        'mobile',
-        'tablet'
-    ];
-    DEVICES.forEach((device)=>{
-        const shapeByDevice = getResonsiveValue.getResponsiveValueByScreen(shapeByLayout, device);
-        const height = shapeByDevice?.height;
-        const shapeValue = shapeByDevice?.shapeValue;
-        const classFlex1 = device === 'desktop' ? 'gp-flex-1 gp-h-full' : `${device}:gp-flex-1 ${device}:gp-h-full`;
-        const classFlexNone = device === 'desktop' ? 'gp-flex-none gp-h-auto' : `${device}:gp-flex-none ${device}:gp-h-auto`;
-        result = {
-            ...result,
-            [classFlex1]: height === '100%' && !shapeValue,
-            [classFlexNone]: height !== '100%'
-        };
-    });
-    return result;
-};
-const getWidthByShapeGlobalSize = (shapeByLayout, defaultAuto, defaultFull)=>{
-    let result = {};
-    const DEVICES = [
-        'desktop',
-        'mobile',
-        'tablet'
-    ];
-    DEVICES.forEach((device)=>{
-        const shapeByDevice = getResonsiveValue.getResponsiveValueByScreen(shapeByLayout, device);
-        let width = shapeByDevice?.width;
-        if (defaultAuto) {
-            width = shapeByDevice?.width || 'auto';
-        }
-        if (defaultFull) {
-            width = shapeByDevice?.width || '100%';
-        }
-        if (width) {
-            result = {
-                ...result,
-                [device]: width
-            };
-        }
-    });
-    return result;
-};
-const getAspectRatioGlobalSize = (shape)=>{
-    let result = {};
-    const DEVICES = [
-        'desktop',
-        'mobile',
-        'tablet'
-    ];
-    DEVICES.forEach((device)=>{
-        const shapeValue = getResonsiveValue.getResponsiveValueByScreen(shape, device)?.shapeValue;
-        if (shapeValue) {
-            result = {
-                ...result,
-                [device]: shapeValue
-            };
-        } else {
-            const shapeConfig = getResonsiveValue.getResponsiveValueByScreen(shape, device)?.shape;
-            switch(shapeConfig){
-                case 'square':
-                    result = {
-                        ...result,
-                        [device]: '1/1'
-                    };
-                    break;
-                case 'vertical':
-                    result = {
-                        ...result,
-                        [device]: '3/4'
-                    };
-                    break;
-                case 'horizontal':
-                    result = {
-                        ...result,
-                        [device]: '4/3'
-                    };
-                    break;
-                case 'original':
-                    result = {
-                        ...result,
-                        [device]: 'auto'
-                    };
-                    break;
-            }
-        }
-    });
-    return result;
-};
-function getCustomPaddingSizeCSSByDevice(globalSize, device) {
-    if (!globalSize || !device) return {};
-    const suffix = constant.devicesMapping[device] ?? '';
-    return {
-        [`--pl${suffix}`]: globalSize?.[device]?.padding?.left,
-        [`--pr${suffix}`]: globalSize?.[device]?.padding?.right,
-        [`--pt${suffix}`]: globalSize?.[device]?.padding?.top,
-        [`--pb${suffix}`]: globalSize?.[device]?.padding?.bottom
-    };
-}
-const getPaddingGlobalSize = (globalSize)=>{
-    return Object.assign({}, getCustomPaddingSizeCSSByDevice(globalSize, 'desktop'), getCustomPaddingSizeCSSByDevice(globalSize, 'tablet'), getCustomPaddingSizeCSSByDevice(globalSize, 'mobile'));
-};
-const getValueByDevice = (value, device)=>{
-    return value?.[device] === undefined ? value?.desktop === undefined ? value?.tablet : value?.desktop : value?.[device];
-};
-
-exports.composeSize = composeSize;
-exports.composeSizeCss = composeSizeCss;
-exports.genSizeClass = genSizeClass;
-exports.getAspectRatioGlobalSize = getAspectRatioGlobalSize;
-exports.getFlexGrowClassByShapeGlobalSize = getFlexGrowClassByShapeGlobalSize;
-exports.getGlobalSizeGap = getGlobalSizeGap;
-exports.getHeightByShapeGlobalSize = getHeightByShapeGlobalSize;
-exports.getPaddingGlobalSize = getPaddingGlobalSize;
-exports.getValueByDevice = getValueByDevice;
-exports.getWidthByShapeGlobalSize = getWidthByShapeGlobalSize;
-exports.getWidthHeightGlobalSize = getWidthHeightGlobalSize;
-exports.makeGlobalSize = makeGlobalSize;
-exports.makeGlobalSizeIcon = makeGlobalSizeIcon;
-exports.makeStyleWithDefault = makeStyleWithDefault;
+"use strict";var makeStyle=require("./make-style.js"),constant=require("./constant.js"),getResonsiveValue=require("./get-resonsive-value.js");function getCustomSizeCSSByDevice(e,t){if(!e||!t)return{};let i=constant.devicesMapping[t]??"";return{[`--pl${i}`]:e?.[t]?.horizontal,[`--pr${i}`]:e?.[t]?.horizontal,[`--pt${i}`]:e?.[t]?.vertical,[`--pb${i}`]:e?.[t]?.vertical}}const composeSize=e=>Object.assign({},getCustomSizeCSSByDevice(e,"desktop"),getCustomSizeCSSByDevice(e,"tablet"),getCustomSizeCSSByDevice(e,"mobile"));function genSizeClass(e){return`gp-g-s-${e}`}const composeSizeCss=e=>{if(void 0===e)return"";let t=e?.custom?.desktop?.horizontal,i=e?.custom?.desktop?.vertical;if(e?.custom)return`
+  ${t?`padding-left: ${t}; padding-right: ${t};`:void 0}
+  ${i?`padding-top: ${i}; padding-bottom: ${i};`:void 0}
+  `},makeGlobalSize=e=>({width:makeStyleWithDefault("w",getWidthHeightGlobalSize("width",e),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),height:makeStyle.makeStyleResponsive("h",getWidthHeightGlobalSize("height",e)),padding:getPaddingGlobalSize(e),gap:getGlobalSizeGap(e)}),makeGlobalSizeIcon=e=>({width:makeStyleWithDefault("w",getWidthHeightGlobalSize("width",e),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),height:makeStyle.makeStyleResponsive("h",getWidthHeightGlobalSize("width",e)),minWidth:makeStyle.makeStyleResponsive("minw",getWidthHeightGlobalSize("width",e)),padding:getPaddingGlobalSize(e)}),getGlobalSizeGap=e=>({"--gg":e?.desktop?.gap,"--gg-tablet":e?.tablet?.gap,"--gg-mobile":e?.mobile?.gap}),makeStyleWithDefault=(e,t,i)=>({[`--${e}`]:t?.desktop==="default"?`var(${i?.desktop})`:t?.desktop,[`--${e}-tablet`]:t?.tablet==="default"?`var(${i?.tablet})`:t?.tablet,[`--${e}-mobile`]:t?.mobile==="default"?`var(${i?.mobile})`:t?.mobile}),getWidthHeightGlobalSize=(e,t)=>{if(!t)return{};let i={},l=["desktop","mobile","tablet"];return l.forEach(l=>{i={...i,[l]:getResonsiveValue.getResponsiveValueByScreen(t,l)?.[e]}}),i},getHeightByShapeGlobalSize=e=>{let t={},i=["desktop","mobile","tablet"];return i.forEach(i=>{let l=getResonsiveValue.getResponsiveValueByScreen(e,i),a=l?.shapeValue,o=l?.height;t={...t,[i]:a?"auto":o||"auto"}}),t},getWidthByShapeGlobalSize=(e,t,i)=>{let l={},a=["desktop","mobile","tablet"];return a.forEach(a=>{let o=getResonsiveValue.getResponsiveValueByScreen(e,a),s=o?.width;t&&(s=o?.width||"auto"),i&&(s=o?.width||"100%"),s&&(l={...l,[a]:s})}),l},getAspectRatioGlobalSize=e=>{let t={},i=["desktop","mobile","tablet"];return i.forEach(i=>{let l=getResonsiveValue.getResponsiveValueByScreen(e,i)?.shapeValue;if(l)t={...t,[i]:l};else{let l=getResonsiveValue.getResponsiveValueByScreen(e,i)?.shape;switch(l){case"square":t={...t,[i]:"1/1"};break;case"vertical":t={...t,[i]:"3/4"};break;case"horizontal":t={...t,[i]:"4/3"};break;case"original":t={...t,[i]:"auto"}}}}),t};function getCustomPaddingSizeCSSByDevice(e,t){if(!e||!t)return{};let i=constant.devicesMapping[t]??"";return{[`--pl${i}`]:e?.[t]?.padding?.left,[`--pr${i}`]:e?.[t]?.padding?.right,[`--pt${i}`]:e?.[t]?.padding?.top,[`--pb${i}`]:e?.[t]?.padding?.bottom}}const getPaddingGlobalSize=e=>Object.assign({},getCustomPaddingSizeCSSByDevice(e,"desktop"),getCustomPaddingSizeCSSByDevice(e,"tablet"),getCustomPaddingSizeCSSByDevice(e,"mobile")),getValueByDevice=(e,t)=>e?.[t]===void 0?e?.desktop===void 0?e?.tablet:e?.desktop:e?.[t],getPaddingStyleByDevice=(e,t)=>{if(!e)return{};let i=constant.devicesMapping[t||""]??"";return{[`--pl${i}`]:e?.left,[`--pr${i}`]:e?.right,[`--pt${i}`]:e?.top,[`--pb${i}`]:e?.bottom}},getResponsiveStylePadding=e=>{if(e&&("desktop"in e||"tablet"in e||"mobile"in e))return{...getPaddingStyleByDevice(e?.desktop),...getPaddingStyleByDevice(e?.tablet,"tablet"),...getPaddingStyleByDevice(e?.mobile,"mobile")}},getFlexGrowClassByShapeGlobalSize=e=>{let t={},i=["desktop","mobile","tablet"];return i.forEach(i=>{let l=getResonsiveValue.getResponsiveValueByScreen(e,i),a=l?.height,o=l?.shapeValue,s="desktop"===i?"gp-flex-1 gp-h-full":`${i}:gp-flex-1 ${i}:gp-h-full`,g="desktop"===i?"gp-flex-none gp-h-auto":`${i}:gp-flex-none ${i}:gp-h-auto`;t={...t,[s]:"100%"===a&&!o,[g]:"100%"!==a}}),t};exports.composeSize=composeSize,exports.composeSizeCss=composeSizeCss,exports.genSizeClass=genSizeClass,exports.getAspectRatioGlobalSize=getAspectRatioGlobalSize,exports.getFlexGrowClassByShapeGlobalSize=getFlexGrowClassByShapeGlobalSize,exports.getGlobalSizeGap=getGlobalSizeGap,exports.getHeightByShapeGlobalSize=getHeightByShapeGlobalSize,exports.getPaddingGlobalSize=getPaddingGlobalSize,exports.getPaddingStyleByDevice=getPaddingStyleByDevice,exports.getResponsiveStylePadding=getResponsiveStylePadding,exports.getValueByDevice=getValueByDevice,exports.getWidthByShapeGlobalSize=getWidthByShapeGlobalSize,exports.getWidthHeightGlobalSize=getWidthHeightGlobalSize,exports.makeGlobalSize=makeGlobalSize,exports.makeGlobalSizeIcon=makeGlobalSizeIcon,exports.makeStyleWithDefault=makeStyleWithDefault;

package/dist/cjs/helpers/spacing.js

@@ -1,43 +1 @@
-'use strict';
-
-var constant = require('./constant.js');
-
-function getSpacingCSSByType(key, device) {
-    if (!key) return {};
-    const suffix = device ? constant.devicesMapping?.[device] ?? '' : '';
-    return {
-        [`--p${suffix}`]: `var(--g-s-${key})`
-    };
-}
-function getSpacingVariable(key) {
-    if (!key) return '';
-    return `var(--g-s-${key})`;
-}
-const composeSpacing = (spacingValue)=>{
-    const style = {};
-    switch(spacingValue?.desktop){
-        case 'm':
-        case 'l':
-        case 's':
-            Object.assign(style, getSpacingCSSByType(spacingValue.desktop));
-            break;
-    }
-    switch(spacingValue?.tablet){
-        case 'm':
-        case 'l':
-        case 's':
-            Object.assign(style, getSpacingCSSByType(spacingValue.tablet, 'tablet'));
-            break;
-    }
-    switch(spacingValue?.mobile){
-        case 'm':
-        case 'l':
-        case 's':
-            Object.assign(style, getSpacingCSSByType(spacingValue.mobile, 'mobile'));
-            break;
-    }
-    return style;
-};
-
-exports.composeSpacing = composeSpacing;
-exports.getSpacingVariable = getSpacingVariable;
+"use strict";var constant=require("./constant.js");function getSpacingCSSByType(e,t){if(!e)return{};let a=t?constant.devicesMapping?.[t]??"":"";return{[`--p${a}`]:`var(--g-s-${e})`}}function getSpacingVariable(e){return e?`var(--g-s-${e})`:""}const composeSpacing=e=>{let t={};switch(e?.desktop){case"m":case"l":case"s":Object.assign(t,getSpacingCSSByType(e.desktop))}switch(e?.tablet){case"m":case"l":case"s":Object.assign(t,getSpacingCSSByType(e.tablet,"tablet"))}switch(e?.mobile){case"m":case"l":case"s":Object.assign(t,getSpacingCSSByType(e.mobile,"mobile"))}return t};exports.composeSpacing=composeSpacing,exports.getSpacingVariable=getSpacingVariable;

package/dist/cjs/helpers/third-party/addAppBlockId.js

@@ -1,20 +1 @@
-'use strict';
-
-var loopComponent = require('../loop-component.js');
-var composeAppBlockId = require('./composeAppBlockId.js');
-
-const addAppBlockId = (component)=>{
-    const strComponent = JSON.stringify(component) || '';
-    if (!strComponent.includes('appBlockId')) {
-        return component;
-    }
-    loopComponent.loopComponent(component, (component)=>handleSetBlockId(component));
-    return component;
-};
-const handleSetBlockId = (component)=>{
-    const { tag, uid } = component;
-    if (component.settings?.appBlockId === undefined) return component;
-    component.settings.appBlockId = composeAppBlockId.composeAppBlockId(tag, uid);
-};
-
-exports.addAppBlockId = addAppBlockId;
+"use strict";var loopComponent=require("../loop-component.js"),composeAppBlockId=require("./composeAppBlockId.js");const addAppBlockId=o=>{let p=JSON.stringify(o)||"";return p.includes("appBlockId")&&loopComponent.loopComponent(o,o=>handleSetBlockId(o)),o},handleSetBlockId=o=>{let{tag:p,uid:e}=o;if(o.settings?.appBlockId===void 0)return o;o.settings.appBlockId=composeAppBlockId.composeAppBlockId(p,e)};exports.addAppBlockId=addAppBlockId;