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

package/dist/cjs/helpers/icon-list.js

@@ -1,61 +1 @@
-'use strict';
-
-var constant = require('../web-components/src/helpers/styles/constant.js');
-
-const TEXT_TOTAL_SPACING = 3; //Padding 2, margin 1
-const composePostionIconList = (lineHeight, position, iconWidth)=>{
-    const compose = {};
-    composePositionLineHeight({
-        compose,
-        lineHeight,
-        device: 'desktop',
-        position,
-        iconWidth
-    });
-    composePositionLineHeight({
-        compose,
-        lineHeight,
-        device: 'tablet',
-        position,
-        iconWidth
-    });
-    composePositionLineHeight({
-        compose,
-        lineHeight,
-        device: 'mobile',
-        position,
-        iconWidth
-    });
-    return compose;
-};
-const composePositionLineHeight = ({ compose, lineHeight, device, position, iconWidth })=>{
-    const positionDevice = position?.[device];
-    const iconWidthDevice = iconWidth?.[device];
-    if (positionDevice) {
-        const suffix = constant.devicesMapping[device] ?? '';
-        if (positionDevice === 'center') {
-            compose.wrapper = {
-                ...compose.wrapper,
-                [`--ai${suffix}`]: 'center'
-            };
-            compose.content = {
-                ...compose.content,
-                [`--pos${suffix}`]: 'static'
-            };
-        } else if (iconWidthDevice) {
-            const computedTop = parseFloat(lineHeight.replaceAll(/[a-zA-Z]/g, '')) / 2 + TEXT_TOTAL_SPACING - iconWidthDevice / 2;
-            compose.wrapper = {
-                ...compose.wrapper,
-                [`--ai${suffix}`]: 'flex-start'
-            };
-            compose.content = {
-                ...compose.content,
-                [`--top${suffix}`]: `${Math.max(0, Math.ceil(computedTop))}px`,
-                [`--pos${suffix}`]: 'relative'
-            };
-        }
-    }
-};
-
-exports.composePositionLineHeight = composePositionLineHeight;
-exports.composePostionIconList = composePostionIconList;
+"use strict";var constant=require("./constant.js");const TEXT_TOTAL_SPACING=3,composePostionIconList=(e,t,o)=>{let i={};return composePositionLineHeight({compose:i,lineHeight:e,device:"desktop",position:t,iconWidth:o}),composePositionLineHeight({compose:i,lineHeight:e,device:"tablet",position:t,iconWidth:o}),composePositionLineHeight({compose:i,lineHeight:e,device:"mobile",position:t,iconWidth:o}),i},composePositionLineHeight=({compose:e,lineHeight:t,device:o,position:i,iconWidth:s})=>{let n=i?.[o],c=s?.[o];if(n){let i=constant.devicesMapping[o]??"";if("center"===n)e.wrapper={...e.wrapper,[`--ai${i}`]:"center"},e.content={...e.content,[`--pos${i}`]:"static"};else if(c){let o=parseFloat(t.replaceAll(/[a-zA-Z]/g,""))/2+3-c/2;e.wrapper={...e.wrapper,[`--ai${i}`]:"flex-start"},e.content={...e.content,[`--top${i}`]:`${Math.max(0,Math.ceil(o))}px`,[`--pos${i}`]:"relative"}}}};exports.composePositionLineHeight=composePositionLineHeight,exports.composePostionIconList=composePostionIconList;

package/dist/cjs/helpers/interaction/index.js

@@ -1,134 +1,2 @@
-'use strict';
-
-var react = require('react');
-require('react/jsx-runtime');
-require('zustand');
-var PageContext = require('../../contexts/PageContext.js');
-require('react-transition-group');
-require('@gem-sdk/core');
-require('swr');
-require('swr/infinite');
-require('classnames');
-require('dayjs');
-require('../convert.js');
-require('@gem-sdk/adapter-shopify');
-require('swr/mutation');
-require('vanilla-lazyload');
-require('../../hooks/useCartUI.js');
-
-const useInteraction = ()=>{
-    const ref = react.useRef();
-    const setInteractionIsSelectOnPage = PageContext.usePageStore((s)=>s.setInteractionIsSelectOnPage);
-    const sidebarMode = PageContext.usePageStore((s)=>s.sidebarMode);
-    const selectType = PageContext.usePageStore((s)=>s.interactionData?.selectType);
-    const interactionData = PageContext.usePageStore((s)=>s.interactionData);
-    function findElementIncludingSelf(element, selector) {
-        if (!(element instanceof Document) && element?.matches(selector)) {
-            return element;
-        } else {
-            return element?.querySelector(selector);
-        }
-    }
-    const handleOnListener = (element, event, callback)=>{
-        const eventListener = (e)=>{
-            const customEvent = e;
-            const params = customEvent.detail;
-            if (callback) callback(params);
-        };
-        element.addEventListener(event, eventListener);
-        return ()=>element.removeEventListener(event, eventListener);
-    };
-    const onListener = ({ event, selector, elementRef }, callback)=>{
-        const element = findElementIncludingSelf(elementRef?.current || ref.current || document, selector);
-        if (!element) return;
-        return handleOnListener(element, event, callback);
-    };
-    const trigger = ({ event, data, selector, element: elementParam })=>{
-        const element = elementParam || document.body?.querySelector(selector);
-        if (!element) return;
-        const eventDispatch = new CustomEvent(event, {
-            bubbles: false,
-            cancelable: true,
-            detail: {
-                data
-            }
-        });
-        element.dispatchEvent(eventDispatch);
-    };
-    const saveToElementInteractionData = (element, key, value)=>{
-        const interactionData = element.getAttribute('gp-data-interaction');
-        const interactionDataJson = JSON.parse(interactionData || '{}');
-        element.setAttribute('gp-data-interaction', JSON.stringify({
-            ...interactionDataJson,
-            [key]: value
-        }));
-    };
-    const getInteractionPreviousData = (element, key)=>{
-        const interactionData = element.getAttribute('gp-data-interaction');
-        const interactionDataJson = JSON.parse(interactionData || '{}');
-        return {
-            previousData: interactionDataJson[key],
-            interactionDataJson
-        };
-    };
-    const closeSelectOnPage = ()=>{
-        setInteractionIsSelectOnPage(false);
-        const event = new CustomEvent('editor:interaction:change-select-on-page', {
-            bubbles: true,
-            detail: false
-        });
-        window.dispatchEvent(event);
-    };
-    const changeSelectMode = (mode)=>{
-        const event = new CustomEvent('editor:interaction:change-select-mode', {
-            bubbles: true,
-            detail: mode
-        });
-        window.dispatchEvent(event);
-    };
-    const selectInteractionElement = ({ componentUid, settingType, $target })=>{
-        const event = new CustomEvent('editor:interaction:select-element', {
-            bubbles: true,
-            detail: {
-                componentUid,
-                settingType,
-                $target
-            }
-        });
-        window.dispatchEvent(event);
-    };
-    const isInteractionMode = react.useMemo(()=>sidebarMode === 'interaction' && (!interactionData?.isSelectOnPage || selectType === 'PAGE'), [
-        sidebarMode,
-        interactionData?.isSelectOnPage,
-        selectType
-    ]);
-    const isSelectOnPage = react.useMemo(()=>interactionData?.isSelectOnPage, [
-        interactionData?.isSelectOnPage
-    ]);
-    const interactionListenerLoaded = react.useCallback((callback)=>{
-        //@ts-ignore
-        if (window.interactionLoaded) {
-            callback();
-            return;
-        }
-        window.addEventListener('gp:flow-actions-loaded', ()=>{
-            callback();
-        });
-    }, []);
-    return {
-        onListener,
-        trigger,
-        saveToElementInteractionData,
-        closeSelectOnPage,
-        ref,
-        findElementIncludingSelf,
-        getInteractionPreviousData,
-        changeSelectMode,
-        selectInteractionElement,
-        isInteractionMode,
-        isSelectOnPage,
-        interactionListenerLoaded
-    };
-};
-
-exports.useInteraction = useInteraction;
+'use client';
+"use strict";var react=require("react");require("react/jsx-runtime"),require("zustand");var PageContext=require("../../contexts/PageContext.js");require("react-transition-group"),require("@gem-sdk/core"),require("swr"),require("swr/infinite"),require("classnames"),require("dayjs"),require("../convert.js"),require("@gem-sdk/adapter-shopify"),require("swr/mutation"),require("vanilla-lazyload"),require("../../hooks/useCartUI.js"),require("../../hooks/useStickyStore.js");const useInteraction=()=>{let e=react.useRef(),t=PageContext.usePageStore(e=>e.setInteractionIsSelectOnPage),r=PageContext.usePageStore(e=>e.sidebarMode),n=PageContext.usePageStore(e=>e.interactionData?.selectType),a=PageContext.usePageStore(e=>e.interactionData);function i(e,t){return!(e instanceof Document)&&e?.matches(t)?e:e?.querySelector(t)}let s=(e,t,r)=>{let n=e=>{let t=e.detail;r&&r(t)};return e.addEventListener(t,n),()=>e.removeEventListener(t,n)},o=({event:t,selector:r,elementRef:n},a)=>{let o=i(n?.current||e.current||document,r);if(o)return s(o,t,a)},u=({event:e,data:t,selector:r,element:n})=>{let a=n||document.body?.querySelector(r);if(!a)return;let i=new CustomEvent(e,{bubbles:!1,cancelable:!0,detail:{data:t}});a.dispatchEvent(i)},c=(e,t,r)=>{if(!e)return;let n=e.getAttribute("gp-data-interaction"),a=JSON.parse(n||"{}");e.setAttribute("gp-data-interaction",JSON.stringify({...a,[t]:r}))},l=(e,t)=>{let r=e.getAttribute("gp-data-interaction"),n=JSON.parse(r||"{}");return{previousData:n[t],interactionDataJson:n}},d=()=>{t(!1);let e=new CustomEvent("editor:interaction:change-select-on-page",{bubbles:!0,detail:!1});window.dispatchEvent(e)},g=e=>{let t=new CustomEvent("editor:interaction:change-select-mode",{bubbles:!0,detail:e});window.dispatchEvent(t)},b=({componentUid:e,settingType:t,$target:r})=>{let n=new CustomEvent("editor:interaction:select-element",{bubbles:!0,detail:{componentUid:e,settingType:t,$target:r}});window.dispatchEvent(n)},m=react.useMemo(()=>"interaction"===r&&(!a?.isSelectOnPage||"PAGE"===n),[r,a?.isSelectOnPage,n]),q=react.useMemo(()=>a?.isSelectOnPage,[a?.isSelectOnPage]),w=react.useCallback(e=>{if(window.interactionLoaded){e();return}window.addEventListener("gp:flow-actions-loaded",()=>{e()})},[]);return{onListener:o,trigger:u,saveToElementInteractionData:c,closeSelectOnPage:d,ref:e,findElementIncludingSelf:i,getInteractionPreviousData:l,changeSelectMode:g,selectInteractionElement:b,isInteractionMode:m,isSelectOnPage:q,interactionListenerLoaded:w}};exports.useInteraction=useInteraction;

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

@@ -1,9 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-function isBrowser() {
-    return typeof window !== 'undefined';
-}
-
-exports.default = isBrowser;
+"use strict";function isBrowser(){return"undefined"!=typeof window}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=isBrowser;

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

@@ -1,7 +1 @@
-'use strict';
-
-function isDefined(argument) {
-    return argument !== undefined;
-}
-
-exports.isDefined = isDefined;
+"use strict";function isDefined(e){return void 0!==e}exports.isDefined=isDefined;

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

@@ -1,15 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var react = require('react');
-var ComponentToolbarPreview = require('../components/ComponentToolbarPreview.js');
-
-const isEmptyChildren = (children)=>{
-    let arrChild = react.Children.toArray(children);
-    arrChild = arrChild.filter((child)=>child?.type != ComponentToolbarPreview.default);
-    return react.Children.count(arrChild) < 1 || !children;
-};
-
-exports.default = isEmptyChildren;
-exports.isEmptyChildren = isEmptyChildren;
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var react=require("react"),ComponentToolbarPreview=require("../components/ComponentToolbarPreview.js");const isEmptyChildren=e=>{let r=react.Children.toArray(e);return r=r.filter(e=>e?.type!=ComponentToolbarPreview.default),1>react.Children.count(r)||!e};exports.default=isEmptyChildren,exports.isEmptyChildren=isEmptyChildren;

package/dist/cjs/helpers/is-safari.js

@@ -1,9 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-function isSafari() {
-    return navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1;
-}
-
-exports.default = isSafari;
+"use strict";function isSafari(){return"undefined"!=typeof window&&!!window.navigator&&-1!==window.navigator.userAgent.indexOf("Safari")&&-1===window.navigator.userAgent.indexOf("Chrome")}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=isSafari;

package/dist/cjs/helpers/layout.js

@@ -1,76 +1 @@
-'use strict';
-
-var constant = require('./constant.js');
-var getResonsiveValue = require('./get-resonsive-value.js');
-
-const gridToArrayRegex = // eslint-disable-next-line regexp/no-super-linear-backtracking
-/[^\s()]+(?:\([^\s()]+(?:\([^()]+\))?(?:, *[^\s()]+(?:\([^()]+\))?)*\))?/g; // Regex convert css grid to array
-const optionLayoutStyle = (column)=>{
-    if (!column) return {};
-    const style = {};
-    for (const [key, value] of Object.entries(column)){
-        Object.assign(style, {
-            [`--gtc${constant.devicesMapping?.[key]}`]: `repeat(${parseFloat(value + '') || 1}, minmax(0, 1fr))`
-        });
-    }
-    return style;
-};
-const composeGridLayout = (layout)=>{
-    const display = getResonsiveValue.getResponsiveValue(layout, 'display');
-    const desktop = (getResonsiveValue.getResponsiveValueByScreen(display, 'desktop') === 'fit' ? layout?.desktop?.cols?.map(()=>`minmax(0, auto)`) : layout?.desktop?.cols?.map((col)=>`minmax(0, ${col}fr)`))?.join(' ');
-    const tablet = (getResonsiveValue.getResponsiveValueByScreen(display, 'tablet') === 'fit' ? layout?.tablet?.cols?.map(()=>`minmax(0, auto)`) : layout?.tablet?.cols?.map((col)=>`minmax(0, ${col}fr)`))?.join(' ');
-    const mobile = (getResonsiveValue.getResponsiveValueByScreen(display, 'mobile') === 'fit' ? layout?.mobile?.cols?.map(()=>`minmax(0, auto)`) : layout?.mobile?.cols?.map((col)=>`minmax(0, ${col}fr)`))?.join(' ');
-    return {
-        [`--gtc`]: desktop,
-        [`--gtc-tablet`]: tablet,
-        [`--gtc-mobile`]: mobile
-    };
-};
-const gridToArray = (layout)=>{
-    return layout ? layout.match(gridToArrayRegex) ?? [] : [];
-};
-const convertOldLayout = (layout)=>{
-    const desktopCol = gridToArray(layout?.desktop).length;
-    const tabletCol = gridToArray(layout?.tablet).length;
-    const mobileCol = gridToArray(layout?.mobile).length;
-    return {
-        desktop: {
-            cols: desktopCol ? Array.from({
-                length: desktopCol
-            }, ()=>12 / desktopCol) : undefined,
-            display: 'fill'
-        },
-        tablet: {
-            cols: tabletCol ? Array.from({
-                length: tabletCol
-            }, ()=>12 / tabletCol) : undefined
-        },
-        mobile: {
-            cols: mobileCol ? Array.from({
-                length: mobileCol
-            }, ()=>12 / mobileCol) : undefined
-        }
-    };
-};
-const getLayoutClasses = (layout)=>{
-    const breakpoints = [
-        'desktop',
-        'tablet',
-        'mobile'
-    ];
-    return breakpoints.reduce((classes, bp)=>{
-        const prefix = bp === 'desktop' ? '' : `${bp}:`;
-        const layoutValue = layout?.[bp];
-        if (layoutValue) {
-            classes[`${prefix}gp-flex-col`] = layoutValue === 'vertical';
-            classes[`${prefix}gp-flex-row`] = layoutValue === 'horizontal';
-        }
-        return classes;
-    }, {});
-};
-
-exports.composeGridLayout = composeGridLayout;
-exports.convertOldLayout = convertOldLayout;
-exports.getLayoutClasses = getLayoutClasses;
-exports.gridToArrayRegex = gridToArrayRegex;
-exports.optionLayoutStyle = optionLayoutStyle;
+"use strict";var device=require("../constants/device.js"),constant=require("./constant.js"),getResonsiveValue=require("./get-resonsive-value.js");const gridToArrayRegex=/[^\s()]+(?:\([^\s()]+(?:\([^()]+\))?(?:, *[^\s()]+(?:\([^()]+\))?)*\))?/g,optionLayoutStyle=e=>{if(!e)return{};let t={};for(let[o,r]of Object.entries(e))Object.assign(t,{[`--gtc${constant.devicesMapping?.[o]}`]:`repeat(${parseFloat(r+"")||1}, minmax(0, 1fr))`});return t},composeGridLayout=e=>{let t=getResonsiveValue.getResponsiveValue(e,"display"),o=("fit"===getResonsiveValue.getResponsiveValueByScreen(t,"desktop")?e?.desktop?.cols?.map(()=>"minmax(0, auto)"):e?.desktop?.cols?.map(e=>`minmax(0, ${e}fr)`))?.join(" "),r=("fit"===getResonsiveValue.getResponsiveValueByScreen(t,"tablet")?e?.tablet?.cols?.map(()=>"minmax(0, auto)"):e?.tablet?.cols?.map(e=>`minmax(0, ${e}fr)`))?.join(" "),a=("fit"===getResonsiveValue.getResponsiveValueByScreen(t,"mobile")?e?.mobile?.cols?.map(()=>"minmax(0, auto)"):e?.mobile?.cols?.map(e=>`minmax(0, ${e}fr)`))?.join(" ");return{"--gtc":o,"--gtc-tablet":r,"--gtc-mobile":a}},gridToArray=e=>e?e.match(gridToArrayRegex)??[]:[],convertOldLayout=e=>{let t=gridToArray(e?.desktop).length,o=gridToArray(e?.tablet).length,r=gridToArray(e?.mobile).length;return{desktop:{cols:t?Array.from({length:t},()=>12/t):void 0,display:"fill"},tablet:{cols:o?Array.from({length:o},()=>12/o):void 0},mobile:{cols:r?Array.from({length:r},()=>12/r):void 0}}},getLayoutClasses=e=>device.DEVICES.reduce((t,o)=>{let r="desktop"===o?"":`${o}:`,a=e?.[o];return a&&(t[`${r}gp-flex-col`]="vertical"===a,t[`${r}gp-flex-row`]="horizontal"===a),t},{});exports.composeGridLayout=composeGridLayout,exports.convertOldLayout=convertOldLayout,exports.getLayoutClasses=getLayoutClasses,exports.gridToArrayRegex=gridToArrayRegex,exports.optionLayoutStyle=optionLayoutStyle;

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

@@ -1,31 +1 @@
-'use strict';
-
-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;
-}
-
-exports.loadScript = loadScript;
+"use strict";const SCRIPTS_LOADED={};function loadScript(e,t){let o=SCRIPTS_LOADED[e];if(o)return o;let d=new Promise((o,d)=>{let r=document.createElement("script");t?.module&&(r.type="module"),r.src=e,r.onload=()=>{o(!0)},r.onerror=()=>{d(!1)},t?.in==="head"?document.head.appendChild(r):document.body.appendChild(r)});return SCRIPTS_LOADED[e]=d,d}exports.loadScript=loadScript;

package/dist/cjs/helpers/loop-component.js

@@ -1,16 +1 @@
-'use strict';
-
-function loopComponent(component, callback) {
-    if (component) {
-        callback(component);
-    }
-    if (component?.childrens?.length) {
-        // eslint-disable-next-line
-        for(let i = 0; i < component.childrens.length; i++){
-            const children = component.childrens[i];
-            loopComponent(children, callback);
-        }
-    }
-}
-
-exports.loopComponent = loopComponent;
+"use strict";function loopComponent(o,n){if(o&&n(o),o?.childrens?.length)for(let e=0;e<o.childrens.length;e++){let t=o.childrens[e];loopComponent(t,n)}}exports.loopComponent=loopComponent;

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

@@ -1,163 +1 @@
-'use strict';
-
-var getResonsiveValue = require('./get-resonsive-value.js');
-
-const removeNullUndefined = (obj)=>Object.entries(obj).reduce((a, [k, v])=>{
-        if (v === null || v === undefined) return a;
-        return {
-            ...a,
-            [k]: v
-        };
-    }, {});
-const makeStyleKey = (name)=>{
-    return [
-        name,
-        `hvr-${name}`,
-        `focus-${name}`,
-        `${name}-tablet`,
-        `hvr-${name}-tablet`,
-        `focus-${name}-tablet`,
-        `${name}-mobile`,
-        `hvr-${name}-mobile`,
-        `focus-${name}-mobile`
-    ].map((key)=>`--${key}`);
-};
-const makeStyle = (style)=>{
-    return removeNullUndefined(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, unit)=>{
-    return {
-        [`--${name}`]: unit ? `${value?.desktop}${unit}` : value?.desktop,
-        [`--${name}-tablet`]: unit ? `${value?.tablet}${unit}` : value?.tablet,
-        [`--${name}-mobile`]: unit ? `${value?.mobile}${unit}` : value?.mobile
-    };
-};
-const makeStyleResponsiveByScreen = (name, value, unit)=>{
-    return {
-        [`--${name}`]: unit ? `${getResonsiveValue.getResponsiveValueByScreen(value, 'desktop')}${unit}` : getResonsiveValue.getResponsiveValueByScreen(value, 'desktop'),
-        [`--${name}-tablet`]: unit ? `${getResonsiveValue.getResponsiveValueByScreen(value, 'tablet')}${unit}` : getResonsiveValue.getResponsiveValueByScreen(value, 'tablet'),
-        [`--${name}-mobile`]: unit ? `${getResonsiveValue.getResponsiveValueByScreen(value, 'mobile')}${unit}` : getResonsiveValue.getResponsiveValueByScreen(value, 'mobile')
-    };
-};
-const makeWidth = (widthValue, fullWidthValue)=>{
-    const getVal = (deviceValue, widthValue, fullWidthValue)=>{
-        const widthVal = getResonsiveValue.getResponsiveValueByScreen(widthValue, deviceValue);
-        const fullWidthVal = fullWidthValue?.[deviceValue] === undefined ? fullWidthValue?.['desktop'] : fullWidthValue?.[deviceValue];
-        if (fullWidthVal) {
-            return '100%';
-        } else if (fullWidthVal === false) {
-            return widthVal ?? widthVal;
-        } else {
-            return widthVal || 'auto';
-        }
-    };
-    return {
-        desktop: getVal('desktop', widthValue, fullWidthValue),
-        tablet: getVal('tablet', widthValue, fullWidthValue),
-        mobile: getVal('mobile', widthValue, fullWidthValue)
-    };
-};
-const makeGlobalSizeWidthResponsive = (globalSize)=>{
-    return {
-        '--w': globalSize?.desktop?.width,
-        '--w-tablet': globalSize?.tablet?.width,
-        '--w-mobile': globalSize?.mobile?.width
-    };
-};
-const makeGlobalSizeHeightResponsive = (globalSize)=>{
-    return {
-        '--h': globalSize?.desktop?.height,
-        '--h-tablet': globalSize?.tablet?.height,
-        '--h-mobile': globalSize?.mobile?.height
-    };
-};
-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)=>{
-    let result = {};
-    const DEVICES = [
-        'desktop',
-        'mobile',
-        'tablet'
-    ];
-    DEVICES.forEach((device)=>{
-        const aspectRatioDevice = getResonsiveValue.getResponsiveValueByScreen(aspectRatio, device);
-        if (aspectRatioDevice !== 'none') {
-            result = {
-                ...result,
-                [device]: aspectRatioDevice !== 'custom' ? aspectRatioDevice : `${getResonsiveValue.getResponsiveValueByScreen(aspectWidth, 'desktop')}/${getResonsiveValue.getResponsiveValueByScreen(aspectHeight, 'desktop')}`
-            };
-        }
-    });
-    return result;
-};
-const makeLineClamp = (lineClampValue, hasLineClampValue)=>{
-    const getVal = (deviceValue, lineClampValue, hasLineClampValue)=>{
-        const lineClamp = getResonsiveValue.getResponsiveValueByScreen(lineClampValue, deviceValue);
-        const hasLineClamp = getResonsiveValue.getResponsiveValueByScreen(hasLineClampValue, deviceValue);
-        if (hasLineClamp || hasLineClamp === undefined) {
-            return lineClamp;
-        }
-        return 'unset';
-    };
-    return {
-        desktop: getVal('desktop', lineClampValue, hasLineClampValue),
-        tablet: getVal('tablet', lineClampValue, hasLineClampValue),
-        mobile: getVal('mobile', lineClampValue, hasLineClampValue)
-    };
-};
-
-exports.makeAspectRatio = makeAspectRatio;
-exports.makeGlobalSizeHeightResponsive = makeGlobalSizeHeightResponsive;
-exports.makeGlobalSizeWidthResponsive = makeGlobalSizeWidthResponsive;
-exports.makeHeight = makeHeight;
-exports.makeLineClamp = makeLineClamp;
-exports.makeStyle = makeStyle;
-exports.makeStyleKey = makeStyleKey;
-exports.makeStyleResponsive = makeStyleResponsive;
-exports.makeStyleResponsiveByScreen = makeStyleResponsiveByScreen;
-exports.makeStyleResponsiveState = makeStyleResponsiveState;
-exports.makeStyleState = makeStyleState;
-exports.makeWidth = makeWidth;
-exports.removeNullUndefined = removeNullUndefined;
+"use strict";var getResonsiveValue=require("./get-resonsive-value.js");const removeNullUndefined=e=>Object.entries(e).reduce((e,[t,o])=>null==o?e:{...e,[t]:o},{}),makeStyleKey=e=>[e,`hvr-${e}`,`focus-${e}`,`${e}-tablet`,`hvr-${e}-tablet`,`focus-${e}-tablet`,`${e}-mobile`,`hvr-${e}-mobile`,`focus-${e}-mobile`].map(e=>`--${e}`),makeStyle=e=>removeNullUndefined(Object.fromEntries(Object.entries(e).map(([e,t])=>[`--${e}`,t]))),makeStyleState=(e,t)=>t?{[`--${e}`]:t?.normal,[`--hvr-${e}`]:t?.hover,[`--focus-${e}`]:t?.focus}:{},makeStyleResponsiveState=(e,t)=>t?{[`--${e}`]:t?.desktop?.normal,[`--hvr-${e}`]:t?.desktop?.hover,[`--focus-${e}`]:t?.desktop?.focus,[`--${e}-tablet`]:t?.tablet?.normal,[`--hvr-${e}-tablet`]:t?.tablet?.hover,[`--focus-${e}-tablet`]:t?.tablet?.focus,[`--${e}-mobile`]:t?.mobile?.normal,[`--hvr-${e}-mobile`]:t?.mobile?.hover,[`--focus-${e}-mobile`]:t?.mobile?.focus}:{},makeStyleResponsive=(e,t,o)=>({[`--${e}`]:o?`${t?.desktop}${o}`:t?.desktop,[`--${e}-tablet`]:o?`${t?.tablet}${o}`:t?.tablet,[`--${e}-mobile`]:o?`${t?.mobile}${o}`:t?.mobile}),makeStyleResponsiveByScreen=(e,t,o)=>({[`--${e}`]:o?`${getResonsiveValue.getResponsiveValueByScreen(t,"desktop")}${o}`:getResonsiveValue.getResponsiveValueByScreen(t,"desktop"),[`--${e}-tablet`]:o?`${getResonsiveValue.getResponsiveValueByScreen(t,"tablet")}${o}`:getResonsiveValue.getResponsiveValueByScreen(t,"tablet"),[`--${e}-mobile`]:o?`${getResonsiveValue.getResponsiveValueByScreen(t,"mobile")}${o}`:getResonsiveValue.getResponsiveValueByScreen(t,"mobile")}),makeWidth=(e,t)=>{let o=(e,t,o)=>{let s=getResonsiveValue.getResponsiveValueByScreen(t,e),l=o?.[e]===void 0?o?.desktop:o?.[e];return l?"100%":!1===l?s??s:s||"auto"};return{desktop:o("desktop",e,t),tablet:o("tablet",e,t),mobile:o("mobile",e,t)}},makeGlobalSizeWidthResponsive=e=>({"--w":e?.desktop?.width,"--w-tablet":e?.tablet?.width,"--w-mobile":e?.mobile?.width}),makeGlobalSizeHeightResponsive=e=>({"--h":e?.desktop?.height,"--h-tablet":e?.tablet?.height,"--h-mobile":e?.mobile?.height}),makeHeight=(e,t)=>{let o=(e,t,o)=>{let s=t?.[e],l=o?.[e];return l?"auto":!1===l?s??s:s};return{desktop:o("desktop",e,t),tablet:o("tablet",e,t),mobile:o("mobile",e,t)}},makeAspectRatio=(e,t,o)=>{let s={},l=["desktop","mobile","tablet"];return l.forEach(l=>{let i=getResonsiveValue.getResponsiveValueByScreen(e,l);"none"!==i&&(s={...s,[l]:"custom"!==i?i:`${getResonsiveValue.getResponsiveValueByScreen(t,"desktop")}/${getResonsiveValue.getResponsiveValueByScreen(o,"desktop")}`})}),s},makeLineClamp=(e,t)=>{let o=(e,t,o)=>{let s=getResonsiveValue.getResponsiveValueByScreen(t,e),l=getResonsiveValue.getResponsiveValueByScreen(o,e);return 0===s?"0":l||void 0===l?s:"unset"};return{desktop:o("desktop",e,t),tablet:o("tablet",e,t),mobile:o("mobile",e,t)}},getResponsiveWidthValue=(e,t,o)=>o?`${t?.[e]}${o}`:t?.[e]==="default"?"1200px":t?.[e],makeStyleResponsiveWidth=(e,t)=>({"--w":getResponsiveWidthValue("desktop",e,t),"--w-tablet":getResponsiveWidthValue("tablet",e,t),"--w-mobile":getResponsiveWidthValue("mobile",e,t)}),getResponsiveWidthValueWithoutAuto=(e,t,o)=>{if(o)return`${t?.[e]}${o}`;switch(t?.[e]){case"default":return"1200px";case"Auto":return"100%";default:return t?.[e]}},makeStyleResponsiveWidthWithoutAuto=(e,t)=>({"--w":getResponsiveWidthValueWithoutAuto("desktop",e,t),"--w-tablet":getResponsiveWidthValueWithoutAuto("tablet",e,t),"--w-mobile":getResponsiveWidthValueWithoutAuto("mobile",e,t)});exports.makeAspectRatio=makeAspectRatio,exports.makeGlobalSizeHeightResponsive=makeGlobalSizeHeightResponsive,exports.makeGlobalSizeWidthResponsive=makeGlobalSizeWidthResponsive,exports.makeHeight=makeHeight,exports.makeLineClamp=makeLineClamp,exports.makeStyle=makeStyle,exports.makeStyleKey=makeStyleKey,exports.makeStyleResponsive=makeStyleResponsive,exports.makeStyleResponsiveByScreen=makeStyleResponsiveByScreen,exports.makeStyleResponsiveState=makeStyleResponsiveState,exports.makeStyleResponsiveWidth=makeStyleResponsiveWidth,exports.makeStyleResponsiveWidthWithoutAuto=makeStyleResponsiveWidthWithoutAuto,exports.makeStyleState=makeStyleState,exports.makeWidth=makeWidth,exports.removeNullUndefined=removeNullUndefined;

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

@@ -1,23 +1 @@
-'use strict';
-
-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
-    };
-}
-
-exports.normalizeBuilderData = normalizeBuilderData;
+"use strict";function normalizeBuilderData(e){let i={};return!function e(i,t={}){let n=i.childrens,r=n?.map(e=>e.uid)??[];t[i.uid]={...i,childrens:r,type:"component"},n&&n.map(i=>e(i,t))}(e,i),{...i}}exports.normalizeBuilderData=normalizeBuilderData;

package/dist/cjs/helpers/pascal-to-kebab-case.js

@@ -1,7 +1 @@
-'use strict';
-
-const pascalToKebab = (pascalCaseString)=>{
-    return pascalCaseString.replace(/[A-Z]/g, (match, offset)=>(offset ? '-' : '') + match.toLowerCase());
-};
-
-exports.pascalToKebab = pascalToKebab;
+"use strict";const pascalToKebab=a=>a.replace(/[A-Z]/g,(a,e)=>(e?"-":"")+a.toLowerCase());exports.pascalToKebab=pascalToKebab;