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

package/dist/cjs/helpers/queries/get-products.js

@@ -1,214 +1 @@
-'use strict';
-
-var products_generated = require('../../graphql/queries/products.generated.js');
-var getCollection = require('./get-collection.js');
-var getProduct = require('./get-product.js');
-
-const getProducts = async (fetcher, { ids, isSample, isStorefront, defaultSelectedProductCount, allStatus })=>{
-    const products = await loopFetchProducts(fetcher, {
-        ids,
-        isSample,
-        isStorefront,
-        defaultSelectedProductCount,
-        allStatus
-    });
-    if (!products) {
-        throw new Error('Product not found');
-    }
-    const [mergedVariant, mergedMedias] = await Promise.all([
-        mergeVariantsToProducts({
-            fetcher,
-            products,
-            isSample,
-            isStorefront
-        }),
-        mergeMediasToProducts({
-            fetcher,
-            products,
-            isSample,
-            isStorefront
-        })
-    ]);
-    return {
-        ...products,
-        products: {
-            ...products.products,
-            edges: products.products?.edges.map((edge)=>{
-                const medias = mergedMedias.find((item)=>item.productId === edge.node?.baseID);
-                const variants = mergedVariant.find((item)=>item.productId === edge.node?.baseID);
-                if (edge.node) {
-                    return {
-                        ...edge,
-                        node: {
-                            ...edge.node,
-                            variants: {
-                                ...edge.node?.variants,
-                                edges: variants?.items ?? []
-                            },
-                            medias: {
-                                ...edge.node?.medias,
-                                edges: medias?.items ?? []
-                            }
-                        }
-                    };
-                }
-                return edge;
-            }) ?? []
-        }
-    };
-};
-const getProductQueryAll = async (fetcher, arg)=>{
-    const limit = arg?.limit || 4;
-    delete arg.limit;
-    const variables = {
-        first: limit,
-        firstMedia: 1,
-        firstVariant: 1,
-        orderBy: {
-            field: 'PLATFORM_CREATED_AT',
-            direction: 'DESC'
-        },
-        orderByMedia: {
-            field: 'POSITION',
-            direction: 'ASC'
-        },
-        where: {
-            status: 'ACTIVE',
-            ...arg
-        }
-    };
-    const pageData = await fetchProducts(fetcher, variables);
-    return pageData;
-};
-const getListProductByVariables = async (fetcher, arg)=>{
-    const variables = {
-        first: arg.first || 8,
-        firstMedia: 1,
-        firstVariant: 1,
-        orderBy: {
-            field: 'PLATFORM_CREATED_AT',
-            direction: 'DESC'
-        },
-        orderByMedia: {
-            field: 'POSITION',
-            direction: 'ASC'
-        },
-        where: {
-            status: 'ACTIVE',
-            ...arg.where
-        },
-        after: arg.after
-    };
-    const pageData = await fetchProducts(fetcher, variables);
-    return pageData;
-};
-const fetchProducts = async (fetcher, variables)=>{
-    return fetcher([
-        products_generated.ProductsDocument,
-        variables
-    ]);
-};
-const loopFetchProducts = async (fetcher, { ids, isSample, isStorefront, defaultSelectedProductCount, allStatus })=>{
-    const defaultNumberOfProducts = defaultSelectedProductCount || 4;
-    const numberOfProducts = (ids?.length == 0 ? defaultNumberOfProducts : ids?.length) ?? defaultNumberOfProducts;
-    const productsPerPage = 8; // number of products per page
-    let variables; // variables of collection query
-    let productAfterFetcher; // product after of collection query
-    let dataProducts; // data of collection query
-    let hasNextPage; //
-    let firstProducts;
-    let currentPage = 1;
-    // counter number of queries
-    const pages = Math.ceil(numberOfProducts / productsPerPage);
-    while(currentPage <= pages && hasNextPage !== false){
-        const status = allStatus ? {} : {
-            status: 'ACTIVE'
-        };
-        variables = {
-            first: getCollection.calculateFirstProduct(numberOfProducts, currentPage, productsPerPage),
-            firstMedia: 1,
-            firstVariant: 1,
-            orderBy: {
-                field: 'PLATFORM_CREATED_AT',
-                direction: 'DESC'
-            },
-            orderByMedia: {
-                field: 'POSITION',
-                direction: 'ASC'
-            },
-            where: {
-                ...status,
-                isSample,
-                ...isStorefront && {
-                    isStorefront
-                },
-                ...ids?.length ? {
-                    baseIDIn: ids
-                } : {}
-            },
-            after: productAfterFetcher
-        };
-        const pageData = await fetchProducts(fetcher, variables);
-        productAfterFetcher = pageData?.products?.pageInfo?.endCursor;
-        if (currentPage === 1) {
-            dataProducts = pageData; // set data of first page
-            firstProducts = pageData;
-        } else if (firstProducts?.products && pageData?.products?.edges.length) {
-            // concat new values to the old ones
-            firstProducts.products = {
-                edges: firstProducts.products.edges.concat(pageData?.products?.edges),
-                pageInfo: pageData?.products?.pageInfo
-            };
-        }
-        currentPage++;
-        // hasNextPage = false if there is no more pages then break the loop
-        if (!firstProducts) {
-            hasNextPage = false;
-            break;
-        }
-    }
-    return dataProducts;
-};
-const mergeVariantsToProducts = async ({ fetcher, products, isSample, isStorefront })=>{
-    const productsWithVariants = await Promise.all(products?.products?.edges?.map(async (product)=>{
-        const variants = await getProduct.fetchVariants(fetcher, {
-            id: product?.node?.baseID,
-            isSample,
-            isStorefront
-        });
-        return {
-            productId: product?.node?.baseID,
-            items: variants
-        };
-    }) ?? []);
-    return productsWithVariants;
-};
-const mergeMediasToProducts = async ({ fetcher, products, isSample, isStorefront })=>{
-    const productsWithMedias = await Promise.all(products?.products?.edges?.map(async (product)=>{
-        const medias = await getProduct.fetchMedias(fetcher, {
-            id: product?.node?.baseID,
-            isSample,
-            isStorefront
-        });
-        return {
-            productId: product?.node?.baseID,
-            items: medias
-        };
-    }) ?? []);
-    return productsWithMedias;
-}; // future can be used for fetching products with paging ids
- // const pagingQuery = (
- //   data: string[],
- //   currentPage: number,
- //   productsPerPage: number,
- //   first: number,
- // ): string[] => {
- //   return data.slice(
- //     (currentPage - 1) * productsPerPage,
- //     (currentPage - 1) * productsPerPage + first,
- //   );
- // };
-
-exports.getListProductByVariables = getListProductByVariables;
-exports.getProductQueryAll = getProductQueryAll;
-exports.getProducts = getProducts;
+"use strict";var products_generated=require("../../graphql/queries/products.generated.js"),getCollection=require("./get-collection.js"),getProduct=require("./get-product.js");const getProducts=async(e,{ids:t,isSample:r,isStorefront:d,defaultSelectedProductCount:s,allStatus:o})=>{let a=await loopFetchProducts(e,{ids:t,isSample:r,isStorefront:d,defaultSelectedProductCount:s,allStatus:o});if(!a)throw Error("Product not found");let[i,c]=await Promise.all([mergeVariantsToProducts({fetcher:e,products:a,isSample:r,isStorefront:d}),mergeMediasToProducts({fetcher:e,products:a,isSample:r,isStorefront:d})]);return{...a,products:{...a.products,edges:a.products?.edges.map(e=>{let t=c.find(t=>t.productId===e.node?.baseID),r=i.find(t=>t.productId===e.node?.baseID);return e.node?{...e,node:{...e.node,variants:{...e.node?.variants,edges:r?.items??[]},medias:{...e.node?.medias,edges:t?.items??[]}}}:e})??[]}}},getProductQueryAll=async(e,t)=>{let r=t?.limit||4;delete t.limit;let d={first:r,firstMedia:1,firstVariant:1,orderBy:{field:"PLATFORM_CREATED_AT",direction:"DESC"},orderByMedia:{field:"POSITION",direction:"ASC"},where:{status:"ACTIVE",...t}},s=await fetchProducts(e,d);return s},getListProductByVariables=async(e,t)=>{let r={first:t.first||8,firstMedia:1,firstVariant:1,orderBy:{field:"PLATFORM_CREATED_AT",direction:"DESC"},orderByMedia:{field:"POSITION",direction:"ASC"},where:{status:"ACTIVE",...t.where},after:t.after},d=await fetchProducts(e,r);return d},fetchProducts=async(e,t)=>e([products_generated.ProductsDocument,t]),loopFetchProducts=async(e,{ids:t,isSample:r,isStorefront:d,defaultSelectedProductCount:s,allStatus:o})=>{let a,i,c,u,n;let l=s||4,g=(t?.length==0?l:t?.length)??l,f=1,P=Math.ceil(g/8);for(;f<=P&&!1!==u;){let s=o?{}:{status:"ACTIVE"};a={first:getCollection.calculateFirstProduct(g,f,8),firstMedia:1,firstVariant:1,orderBy:{field:"PLATFORM_CREATED_AT",direction:"DESC"},orderByMedia:{field:"POSITION",direction:"ASC"},where:{...s,isSample:r,...d&&{isStorefront:d},...t?.length?{baseIDIn:t}:{}},after:i};let l=await fetchProducts(e,a);if(i=l?.products?.pageInfo?.endCursor,1===f?(c=l,n=l):n?.products&&l?.products?.edges.length&&(n.products={edges:n.products.edges.concat(l?.products?.edges),pageInfo:l?.products?.pageInfo}),f++,!n){u=!1;break}}return c},mergeVariantsToProducts=async({fetcher:e,products:t,isSample:r,isStorefront:d})=>{let s=await Promise.all(t?.products?.edges?.map(async t=>{let s=await getProduct.fetchVariants(e,{id:t?.node?.baseID,isSample:r,isStorefront:d});return{productId:t?.node?.baseID,items:s}})??[]);return s},mergeMediasToProducts=async({fetcher:e,products:t,isSample:r,isStorefront:d})=>{let s=await Promise.all(t?.products?.edges?.map(async t=>{let s=await getProduct.fetchMedias(e,{id:t?.node?.baseID,isSample:r,isStorefront:d});return{productId:t?.node?.baseID,items:s}})??[]);return s};exports.getListProductByVariables=getListProductByVariables,exports.getProductQueryAll=getProductQueryAll,exports.getProducts=getProducts;

package/dist/cjs/helpers/query.js

@@ -1,29 +1 @@
-'use strict';
-
-const generateProductQueryKey = (args)=>{
-    return [
-        'query/product',
-        args
-    ];
-};
-const generateCollectionQueryKey = (args)=>{
-    return [
-        'query/collection',
-        args
-    ];
-};
-const generateProductsQueryKey = (args)=>{
-    return [
-        'query/products',
-        {
-            ...args,
-            ids: [
-                ...args.ids
-            ].sort()
-        }
-    ];
-};
-
-exports.generateCollectionQueryKey = generateCollectionQueryKey;
-exports.generateProductQueryKey = generateProductQueryKey;
-exports.generateProductsQueryKey = generateProductsQueryKey;
+"use strict";const generateProductQueryKey=e=>["query/product",e],generateCollectionQueryKey=e=>["query/collection",e],generateProductsQueryKey=e=>["query/products",{...e,ids:[...e.ids].sort()}];exports.generateCollectionQueryKey=generateCollectionQueryKey,exports.generateProductQueryKey=generateProductQueryKey,exports.generateProductsQueryKey=generateProductsQueryKey;

package/dist/cjs/helpers/radius.js

@@ -1,140 +1,6 @@
-'use strict';
-
-var constant = require('./constant.js');
-var makeStyle = require('./make-style.js');
-
-const getCornerCSSFromGlobal = (corner)=>{
-    if (!corner?.radiusType) return {};
-    if ([
-        'custom',
-        'circle'
-    ].includes(corner?.radiusType)) return makeStyle.makeStyle({
-        bblr: corner.bblr,
-        bbrr: corner.bbrr,
-        btlr: corner.btlr,
-        btrr: corner.btrr
-    });
-    return makeStyle.makeStyle({
-        radius: `var(--g-radius-${corner?.radiusType})`
-    });
-};
-const getRadiusCSSFromGlobal = (state, key, device)=>{
-    if (!key || !state) return {};
-    const suffix = device && device !== 'desktop' ? constant.devicesMapping?.[device] : '';
-    const mState = constant.stateMapping?.[state];
-    return {
-        [`-${mState}-radius${suffix}`]: `var(--g-radius-${key})`
-    };
-};
-const getCustomRadius = (state, radius, device)=>{
-    if (!radius || !state || radius?.radiusType !== 'custom') return {};
-    const suffix = device && device !== 'desktop' ? constant.devicesMapping?.[device] : '';
-    const mState = constant.stateMapping?.[state];
-    return {
-        [`-${mState}-bblr${suffix}`]: radius.bblr,
-        [`-${mState}-bbrr${suffix}`]: radius.bbrr,
-        [`-${mState}-btlr${suffix}`]: radius.btlr,
-        [`-${mState}-btrr${suffix}`]: radius.btrr
-    };
-};
-const composeRadius = (value)=>{
-    if (!value) return {};
-    if ('desktop' in value || 'tablet' in value || 'mobile' in value) {
-        return composeRadiusResponsiveState(value);
-    }
-    return composeRadiusState(value);
-};
-const composeRadiusResponsive = (radiusValue)=>{
-    const style = {};
-    Object.assign(style, getCustomRadius('normal', radiusValue?.desktop, 'desktop'));
-    Object.assign(style, getCustomRadius('normal', radiusValue?.tablet, 'tablet'));
-    Object.assign(style, getCustomRadius('normal', radiusValue?.mobile, 'mobile'));
-    return style;
-};
-const composeRadiusState = (radiusValue, device)=>{
-    const style = {};
-    switch(radiusValue?.normal?.radiusType){
-        case 'medium':
-        case 'large':
-        case 'small':
-            Object.assign(style, getRadiusCSSFromGlobal('normal', radiusValue?.normal?.radiusType, device));
-            break;
-        case 'circle':
-        case 'none':
-        case 'custom':
-            Object.assign(style, getCustomRadius('normal', radiusValue.normal, device));
-            break;
-    }
-    switch(radiusValue?.hover?.radiusType){
-        case 'medium':
-        case 'large':
-        case 'small':
-            Object.assign(style, getRadiusCSSFromGlobal('hover', radiusValue?.hover?.radiusType, device));
-            break;
-        case 'circle':
-        case 'none':
-        case 'custom':
-            Object.assign(style, getCustomRadius('hover', radiusValue.hover, device));
-            break;
-    }
-    switch(radiusValue?.focus?.radiusType){
-        case 'medium':
-        case 'large':
-        case 'small':
-            Object.assign(style, getRadiusCSSFromGlobal('focus', radiusValue?.focus?.radiusType, device));
-            break;
-        case 'circle':
-        case 'none':
-        case 'custom':
-            Object.assign(style, getCustomRadius('focus', radiusValue.focus, device));
-            break;
-    }
-    return style;
-};
-const composeRadiusResponsiveState = (radiusValue)=>{
-    const style = {};
-    Object.assign(style, composeRadiusState(radiusValue?.desktop, 'desktop'));
-    Object.assign(style, composeRadiusState(radiusValue?.tablet, 'tablet'));
-    Object.assign(style, composeRadiusState(radiusValue?.mobile, 'mobile'));
-    return style;
-};
-const getRadiusStyleActiveState = (radiusValue)=>{
-    if (radiusValue?.active?.radiusType === 'custom') {
-        return getCustomRadius('normal', radiusValue?.active);
-    }
-    return getRadiusCSSFromGlobal('normal', radiusValue?.active?.radiusType);
-};
-const composeCornerCss = (value, important = false)=>{
-    if (!value) {
-        return '';
-    }
-    const { radiusType, bblr, bbrr, btlr, btrr } = value;
-    const sub = important ? ' !important' : '';
-    let radiusValue = undefined;
-    switch(radiusType){
-        case 'medium':
-        case 'large':
-        case 'small':
-            radiusValue = `border-radius: var(--g-radius-${radiusType});`;
-            break;
-        case 'circle':
-        case 'none':
-        case 'custom':
-            radiusValue = `
-      ${bblr ? `border-bottom-left-radius: ${bblr}${sub};` : ''}
-      ${bbrr ? `border-bottom-right-radius: ${bbrr}${sub};` : ''}
-      ${btlr ? `border-top-left-radius: ${btlr}${sub};` : ''}
-      ${btrr ? `border-top-right-radius: ${btrr}${sub};` : ''}
-      `;
-            break;
-    }
-    return radiusValue;
-};
-
-exports.composeCornerCss = composeCornerCss;
-exports.composeRadius = composeRadius;
-exports.composeRadiusResponsive = composeRadiusResponsive;
-exports.getCornerCSSFromGlobal = getCornerCSSFromGlobal;
-exports.getCustomRadius = getCustomRadius;
-exports.getRadiusCSSFromGlobal = getRadiusCSSFromGlobal;
-exports.getRadiusStyleActiveState = getRadiusStyleActiveState;
+"use strict";var constant=require("./constant.js"),makeStyle=require("./make-style.js");const getCornerCSSFromGlobal=e=>e?.radiusType?["custom","circle"].includes(e?.radiusType)?makeStyle.makeStyle({bblr:e.bblr,bbrr:e.bbrr,btlr:e.btlr,btrr:e.btrr}):makeStyle.makeStyle({radius:`var(--g-radius-${e?.radiusType})`}):{},getRadiusCSSFromGlobal=(e,s,t)=>{if(!s||!e)return{};let r=t&&"desktop"!==t?constant.devicesMapping?.[t]:"",a=constant.stateMapping?.[e];return{[`-${a}-radius${r}`]:`var(--g-radius-${s})`}},getCustomRadius=(e,s,t)=>{let r=["custom","pill","rounded","single","none","circle","square"];if(!s||!e||!r.includes(s?.radiusType??""))return{};let a=t&&"desktop"!==t?constant.devicesMapping?.[t]:"",o=constant.stateMapping?.[e];return{[`-${o}-bblr${a}`]:s.bblr,[`-${o}-bbrr${a}`]:s.bbrr,[`-${o}-btlr${a}`]:s.btlr,[`-${o}-btrr${a}`]:s.btrr}},composeRadius=e=>e?"desktop"in e||"tablet"in e||"mobile"in e?composeRadiusResponsiveState(e):composeRadiusState(e):{},composeRadiusResponsive=e=>{let s={};return Object.assign(s,getCustomRadius("normal",e?.desktop,"desktop")),Object.assign(s,getCustomRadius("normal",e?.tablet,"tablet")),Object.assign(s,getCustomRadius("normal",e?.mobile,"mobile")),s},composeRadiusState=(e,s)=>{let t={},r=["normal","hover","focus","active"];for(let a of r){let r=e?.[a]||e?.normal;if(r)switch(r.radiusType){case"medium":case"large":case"small":Object.assign(t,getRadiusCSSFromGlobal(a,r.radiusType,s));break;default:Object.assign(t,getCustomRadius(a,r,s))}}return t},composeRadiusResponsiveState=e=>{let s={};return Object.assign(s,composeRadiusState(e?.desktop,"desktop")),Object.assign(s,composeRadiusState(e?.tablet,"tablet")),Object.assign(s,composeRadiusState(e?.mobile,"mobile")),s},getRadiusStyleActiveState=e=>{let s=["circle","square","rounded","none","custom"],t=e?.active||e?.normal;return s.includes(t?.radiusType||"")?getCustomRadius("normal",t):getRadiusCSSFromGlobal("normal",t?.radiusType)},composeCornerCss=(e,s=!1)=>{let t;if(!e)return"";let{radiusType:r,bblr:a,bbrr:o,btlr:i,btrr:u}=e,l=s?" !important":"";switch(r){case"medium":case"large":case"small":t=`border-radius: var(--g-radius-${r});`;break;case"circle":case"square":case"none":case"rounded":case"custom":t=`
+      ${a?`border-bottom-left-radius: ${a}${l};`:""}
+      ${o?`border-bottom-right-radius: ${o}${l};`:""}
+      ${i?`border-top-left-radius: ${i}${l};`:""}
+      ${u?`border-top-right-radius: ${u}${l};`:""}
+      `}return t};exports.composeCornerCss=composeCornerCss,exports.composeRadius=composeRadius,exports.composeRadiusResponsive=composeRadiusResponsive,exports.getCornerCSSFromGlobal=getCornerCSSFromGlobal,exports.getCustomRadius=getCustomRadius,exports.getRadiusCSSFromGlobal=getRadiusCSSFromGlobal,exports.getRadiusStyleActiveState=getRadiusStyleActiveState;

package/dist/cjs/helpers/render.js

@@ -1,91 +1 @@
-'use strict';
-
-const RenderIf = (c, t, f)=>c ? typeof t === 'string' ? t : t() : (typeof f === 'string' ? f : f?.()) ?? '';
-const isObject = (obj)=>{
-    if (typeof obj === 'object' && !Array.isArray(obj) && obj !== null) {
-        return true;
-    }
-    return false;
-};
-const props = (strings, ...keys)=>{
-    const props = keys[0];
-    const propsArr = [];
-    for(const attr in props){
-        if (Object.hasOwnProperty.call(props, attr)) {
-            const val = props[attr];
-            if (![
-                'symbol',
-                'object',
-                'function'
-            ].includes(typeof val)) {
-                if (val) {
-                    propsArr.push(`${attr}="${val}"`);
-                } else {
-                    propsArr.push(`${attr}`);
-                }
-            }
-        }
-    }
-    return propsArr.join(' ');
-};
-const styles = (strings, ...keys)=>{
-    const styles = keys[0];
-    const styleArr = [];
-    for(const attr in styles){
-        if (Object.hasOwnProperty.call(styles, attr)) {
-            const val = styles[attr];
-            if (val !== undefined && val !== false) styleArr.push(`${attr}:${val}`);
-        }
-    }
-    return styleArr.join(';');
-};
-const dataStringify = (obj)=>{
-    return JSON.stringify(obj).replace(/\\"/g, '"');
-};
-const template = (strings, ...keys)=>{
-    let str = '';
-    strings.forEach((item, index)=>{
-        str += item;
-        if (keys[index] !== undefined) {
-            if (isObject(keys[index])) {
-                if (/style=["|']/.test(item)) {
-                    str += styles`${keys[index]}`;
-                } else {
-                    str += props`${keys[index]}`;
-                }
-            } else {
-                str += keys[index];
-            }
-        }
-    });
-    str = str.replaceAll(`style=""`, '');
-    str = str.replaceAll(`class=""`, '');
-    return str;
-};
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-const composeMemo = (fn, _)=>fn();
-const removeUndefinedValuesFromObject = (obj)=>{
-    Object.keys(obj).forEach((key)=>obj?.[key] === undefined && delete obj[key]);
-    return obj;
-};
-function sanitizeLiquid(input) {
-    // eslint-disable-next-line regexp/no-super-linear-backtracking
-    return input.replace(/\{\{\s*(.*?)\s*\}\}/g, (_, inner)=>{
-        const trimmed = inner.trim();
-        // eslint-disable-next-line regexp/no-unused-capturing-group, regexp/no-dupe-characters-character-class, regexp/prefer-w, regexp/prefer-d
-        const isValidLiquid = /^([a-zA-Z_][a-zA-Z0-9_-]*)(\.[a-zA-Z0-9_-]+)*$/i.test(trimmed);
-        if (isValidLiquid) {
-            return `{{ ${trimmed} }}`;
-        }
-        return trimmed;
-    });
-}
-
-exports.RenderIf = RenderIf;
-exports.composeMemo = composeMemo;
-exports.dataStringify = dataStringify;
-exports.props = props;
-exports.removeUndefinedValuesFromObject = removeUndefinedValuesFromObject;
-exports.sanitizeLiquid = sanitizeLiquid;
-exports.styles = styles;
-exports.template = template;
+"use strict";const RenderIf=(e,t,r)=>e?"string"==typeof t?t:t():("string"==typeof r?r:r?.())??"",isObject=e=>!("object"!=typeof e||Array.isArray(e))&&null!==e,props=(e,...t)=>{let r=t[0],s=[];for(let e in r)if(Object.hasOwnProperty.call(r,e)){let t=r[e];["symbol","object","function"].includes(typeof t)||(t?s.push(`${e}="${t}"`):s.push(`${e}`))}return s.join(" ")},styles=(e,...t)=>{let r=t[0],s=[];for(let e in r)if(Object.hasOwnProperty.call(r,e)){let t=r[e];void 0!==t&&!1!==t&&s.push(`${e}:${t}`)}return s.join(";")},dataStringify=e=>JSON.stringify(e).replace(/\\"/g,'"'),template=(e,...t)=>{let r="";return e.forEach((e,s)=>{r+=e,void 0!==t[s]&&(isObject(t[s])?/style=["|']/.test(e)?r+=styles`${t[s]}`:r+=props`${t[s]}`:r+=t[s])}),r=(r=r.replaceAll('style=""',"")).replaceAll('class=""',"")},composeMemo=(e,t)=>e(),removeUndefinedValuesFromObject=e=>(Object.keys(e).forEach(t=>e?.[t]===void 0&&delete e[t]),e);function sanitizeLiquid(e){return e.replace(/\{\{\s*(.*?)\s*\}\}/g,(e,t)=>{let r=t.trim(),s=/^([a-zA-Z_][a-zA-Z0-9_-]*)(\.[a-zA-Z0-9_-]+)*$/i.test(r);return s?`{{ ${r} }}`:r})}exports.RenderIf=RenderIf,exports.composeMemo=composeMemo,exports.dataStringify=dataStringify,exports.props=props,exports.removeUndefinedValuesFromObject=removeUndefinedValuesFromObject,exports.sanitizeLiquid=sanitizeLiquid,exports.styles=styles,exports.template=template;

package/dist/cjs/helpers/shadow.js

@@ -1,69 +1 @@
-'use strict';
-
-var colors = require('./colors.js');
-var constant = require('./constant.js');
-var getShortname = require('./get-shortname.js');
-
-const parseValueWithUnit = (valueWithUnit)=>{
-    const matches = valueWithUnit.match(/(\d+)(.+)/);
-    if (matches && matches.length === 3) {
-        const value = Number(matches[1] ?? 0);
-        const unit = matches[2];
-        return {
-            value,
-            unit: unit ?? 'px'
-        };
-    }
-    return {
-        value: 0,
-        unit: 'px'
-    };
-};
-const getStyleShadow = (shadowStyle, isActiveState = false)=>{
-    const { styleAppliedFor, value, isEnableShadow } = shadowStyle || {};
-    let { state } = shadowStyle || {};
-    if (!state) state = 'normal';
-    if (!styleAppliedFor || !value) return {};
-    if (typeof value.distance == 'undefined') return {};
-    const { value: distance, unit: unitDistance } = parseValueWithUnit(`${value?.distance}`);
-    return {
-        [`-${!isActiveState ? constant.stateMapping?.[state] || '' : ''}-${getShortname.getShortName(styleAppliedFor)}${shadowStyle.screen ? `-${shadowStyle.screen}` : ''}`]: isEnableShadow ? `${Math.cos(parseFloat(`${value?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${Math.sin(parseFloat(`${value?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${value?.blur} ${styleAppliedFor === 'box-shadow' ? value?.spread + ' ' : ''}${colors.getSingleColorVariable(value?.color)}` : 'none'
-    };
-};
-const getStyleShadowState = (shadow, styleAppliedFor, isEnableShadow, screen)=>{
-    if (!shadow || !styleAppliedFor) return {};
-    const style = {};
-    for (const [key, value] of Object.entries(shadow)){
-        Object.assign(style, getStyleShadow({
-            value: value,
-            state: key,
-            styleAppliedFor,
-            isEnableShadow: isEnableShadow?.[key],
-            screen: screen ?? ''
-        }));
-    }
-    return style;
-};
-const getResponsiveStyleShadow = (value, styleAppliedFor, isEnableShadow)=>{
-    if (!value) return undefined;
-    if ('desktop' in value || 'tablet' in value || 'mobile' in value) {
-        return {
-            ...getStyleShadowState(value.desktop, styleAppliedFor, isEnableShadow.desktop),
-            ...value.tablet && (isEnableShadow.tablet ?? isEnableShadow.desktop) ? getStyleShadowState(value.tablet, styleAppliedFor, isEnableShadow.tablet ?? isEnableShadow.desktop, 'tablet') : undefined,
-            ...value.mobile && (isEnableShadow.mobile ?? isEnableShadow.tablet ?? isEnableShadow.desktop) ? getStyleShadowState(value.mobile, styleAppliedFor, isEnableShadow.mobile ?? isEnableShadow.tablet ?? isEnableShadow.desktop, 'mobile') : undefined
-        };
-    }
-};
-const composeShadowCss = ({ hasBoxShadow, boxShadowValue, important })=>{
-    if (!hasBoxShadow) return undefined;
-    if (!boxShadowValue) return undefined;
-    const { value: distance, unit: unitDistance } = parseValueWithUnit(`${boxShadowValue?.distance}`);
-    const sub = important ? ' !important' : '';
-    return `box-shadow: ${Math.cos(parseFloat(`${boxShadowValue?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${Math.sin(parseFloat(`${boxShadowValue?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${boxShadowValue?.blur} ${boxShadowValue?.spread + ' '}${colors.getSingleColorVariable(boxShadowValue?.color)}${sub};`;
-};
-
-exports.composeShadowCss = composeShadowCss;
-exports.getResponsiveStyleShadow = getResponsiveStyleShadow;
-exports.getStyleShadow = getStyleShadow;
-exports.getStyleShadowState = getStyleShadowState;
-exports.parseValueWithUnit = parseValueWithUnit;
+"use strict";var colors=require("./colors.js"),constant=require("./constant.js"),getShortname=require("./get-shortname.js");const parseValueWithUnit=e=>{let t=e.match(/(\d+)(.+)/);if(t&&3===t.length){let e=Number(t[1]??0),o=t[2];return{value:e,unit:o??"px"}}return{value:0,unit:"px"}},getStyleShadow=(e,t=!1)=>{let{styleAppliedFor:o,value:a,isEnableShadow:l}=e||{},{state:s}=e||{};if(s||(s="normal"),!o||!a)return{};let n="none"===a.type||!1===a.enable;if(void 0===a.distance&&!n)return{};let{value:r,unit:i}=parseValueWithUnit(`${a?.distance}`);return{[`-${t?"":constant.stateMapping?.[s]||""}-${getShortname.getShortName(o)}${e.screen?`-${e.screen}`:""}`]:l&&!n?`${Math.cos(parseFloat(`${a?.angle}`)*Math.PI/180)*parseFloat(`${r}`)}${i} ${Math.sin(parseFloat(`${a?.angle}`)*Math.PI/180)*parseFloat(`${r}`)}${i} ${a?.blur} ${"box-shadow"===o?a?.spread+" ":""}${colors.getSingleColorVariable(a?.color)}`:"none"}},getStyleShadowState=(e,t,o,a)=>{if(!e||!t)return{};let l={};for(let[s,n]of Object.entries(e))Object.assign(l,getStyleShadow({value:n,state:s,styleAppliedFor:t,isEnableShadow:o?.[s],screen:a??""}));return l},getResponsiveStyleShadow=(e,t,o)=>{if(e&&("desktop"in e||"tablet"in e||"mobile"in e))return{...getStyleShadowState(e.desktop,t,o.desktop),...e.tablet&&(o.tablet??o.desktop)?getStyleShadowState(e.tablet,t,o.tablet??o.desktop,"tablet"):void 0,...e.mobile&&(o.mobile??o.tablet??o.desktop)?getStyleShadowState(e.mobile,t,o.mobile??o.tablet??o.desktop,"mobile"):void 0}},getResponsiveStyleShadowWithoutState=(e,t,o)=>{if(e&&("desktop"in e||"tablet"in e||"mobile"in e))return{...getStyleShadow({value:e.desktop,styleAppliedFor:t,isEnableShadow:o.desktop}),...e.tablet&&(o.tablet??o.desktop)?getStyleShadow({value:e.tablet,styleAppliedFor:t,isEnableShadow:o.tablet??o.desktop,screen:"tablet"}):void 0,...e.mobile&&(o.mobile??o.tablet??o.desktop)?getStyleShadow({value:e.mobile,styleAppliedFor:t,isEnableShadow:o.mobile??o.tablet??o.desktop,screen:"mobile"}):void 0}},composeShadow=e=>({...getStyleShadowState(e?.desktop,"box-shadow",{normal:e?.desktop?.normal?.type!=="none",focus:e?.desktop?.focus?.type!=="none",hover:e?.desktop?.hover?.type!=="none"}),...getStyleShadowState(e?.tablet,"box-shadow",{normal:e?.tablet?.normal?.type!=="none",focus:e?.tablet?.focus?.type!=="none",hover:e?.tablet?.hover?.type!=="none"},"tablet"),...getStyleShadowState(e?.mobile,"box-shadow",{normal:e?.mobile?.normal?.type!=="none",focus:e?.mobile?.focus?.type!=="none",hover:e?.mobile?.hover?.type!=="none"},"mobile")}),composeShadowCss=({hasBoxShadow:e,boxShadowValue:t,important:o})=>{if(!e||!t)return;let{value:a,unit:l}=parseValueWithUnit(`${t?.distance}`),s=o?" !important":"";return`box-shadow: ${Math.cos(parseFloat(`${t?.angle}`)*Math.PI/180)*parseFloat(`${a}`)}${l} ${Math.sin(parseFloat(`${t?.angle}`)*Math.PI/180)*parseFloat(`${a}`)}${l} ${t?.blur} ${t?.spread+" "}${colors.getSingleColorVariable(t?.color)}${s};`};exports.composeShadow=composeShadow,exports.composeShadowCss=composeShadowCss,exports.getResponsiveStyleShadow=getResponsiveStyleShadow,exports.getResponsiveStyleShadowWithoutState=getResponsiveStyleShadowWithoutState,exports.getStyleShadow=getStyleShadow,exports.getStyleShadowState=getStyleShadowState,exports.parseValueWithUnit=parseValueWithUnit;