@gem-sdk/core 1.14.0-next.103 → 1.14.0-next.106
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("react"),require("swr");var render=require("../helpers/render.js");require("../helpers/convert.js");var composeAdvanceStyle=require("../helpers/compose-advance-style.js"),constant=require("./constant.js");const componentsRenderWithParentId=["CarouselItem"],componentTexts=["Text","Heading"],Render=({uid:e,builder:t,components:r,parentId:n,extraFiles:
|
|
2
|
-
${render.RenderIf(d?.childrens?.length,()=>l({builderProps:{uid:e,builderData:d},styles:d.styles,setting:d.settings,...
|
|
3
|
-
</div>`,extraFiles:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("react"),require("swr");var render=require("../helpers/render.js");require("../helpers/convert.js");var composeAdvanceStyle=require("../helpers/compose-advance-style.js"),constant=require("./constant.js");const componentsRenderWithParentId=["CarouselItem"],componentTexts=["Text","Heading"],Render=({uid:e,builder:t,components:r,parentId:n,extraFiles:i={},...s})=>{let d=t[e],l=r[d?.tag];if(!l)return console.log("Miss component: ",d),{liquid:"",extraFiles:i};if(!d||d?.type==="section")return{liquid:"",extraFiles:i};{let i={extraFiles:{}},a=composeAdvanceStyle.composeAdvanceStyle(d.advanced,d.tag),o="";return{liquid:o=constant.disableWrap.includes(d.tag)?render.RenderIf(d?.childrens?.length,()=>l({builderProps:{uid:e,builderData:d},styles:d.styles,setting:d.settings,style:a,advanced:d.advanced,parentId:componentsRenderWithParentId.includes(d.tag)?n:null,...s,rawChildren:d.childrens.map(e=>({...t[e],uid:e,builder:t,components:r,customProps:i})),children:d.childrens.map(e=>RenderChildren({uid:e,builder:t,components:r,customProps:i})).join("")}),()=>l({builderProps:{uid:e,builderData:d},styles:d.styles,setting:d.settings,advanced:d.advanced,style:a,isText:!!componentTexts.includes(d.tag)||null,parentId:componentsRenderWithParentId.includes(d.tag)?n:null,...s})):render.template`<div style="${a}" class="${d.uid} ${d?.childrens?.length||"IconListItemHoz"!==d.tag?"":"hidden"}">
|
|
2
|
+
${render.RenderIf(d?.childrens?.length,()=>l({builderProps:{uid:e,builderData:d},styles:d.styles,setting:d.settings,...s,rawChildren:d.childrens.map(e=>({...t[e],uid:e,builder:t,components:r,customProps:i})),children:d.childrens.map(e=>RenderChildren({uid:e,builder:t,components:r,customProps:i})).join("")}),()=>l({builderProps:{uid:e,builderData:d},styles:d.styles,setting:d.settings,isText:!!componentTexts.includes(d.tag)||null,...s}))}
|
|
3
|
+
</div>`,extraFiles:i.extraFiles}}},RenderChildren=e=>{let t=Render(e);for(let r in t.extraFiles)if(Object.prototype.hasOwnProperty.call(t.extraFiles,r)){let n=t.extraFiles[r];e.customProps.extraFiles[r]=n}let r=new TextEncoder,n=t?.liquid?r.encode(t.liquid).length:0;if(Math.ceil(n/1024)>=180){let r=`gp-section-snippet-${e.uid}`;return e.customProps.extraFiles[r]=t.liquid,`{% render '${r}', product: product, variant: variant, product_form_id: product_form_id %}`}return t.liquid};exports.RenderChildren=RenderChildren,exports.default=Render;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var borders=require("./borders.js"),colors=require("./colors.js"),constant=require("./constant.js"),makeStyle=require("./make-style.js"),radius=require("./radius.js"),shadow=require("./shadow.js");const composeSpacing=({source:e,spacing:o,suffix:s=""})=>{if(o&&o.margin){let{top:a,left:
|
|
1
|
+
"use strict";var borders=require("./borders.js"),colors=require("./colors.js"),constant=require("./constant.js"),makeStyle=require("./make-style.js"),radius=require("./radius.js"),shadow=require("./shadow.js");const composeSpacing=({source:e,spacing:o,type:s,suffix:a=""})=>{let{top:r,left:t,bottom:c,right:i}=o;r&&(e[`--${s}t${a}`]=r),t&&(e[`--${s}l${a}`]=t),c&&(e[`--${s}b${a}`]=c),i&&(e[`--${s}r${a}`]=i)},composeSpacingV2=({source:e,spacing:o,suffix:s=""})=>{if(o&&o.margin){let{top:a,left:r,bottom:t,right:c}=o.margin;a&&(e[`--mt${s}`]=a),r&&(e[`--ml${s}`]=r),t&&(e[`--mb${s}`]=t),c&&(e[`--mr${s}`]=c)}if(o&&o.padding){let{top:a,left:r,bottom:t,right:c}=o.padding;a&&(e[`--pt${s}`]=a),r&&(e[`--pl${s}`]=r),t&&(e[`--pb${s}`]=t),c&&(e[`--pr${s}`]=c)}},getAttrValue=(e,o,s)=>{if(null!=o)switch(e){case"bgc":case"c":return colors.isColor(o.toString())?o:`var(--g-c-${o})`;case"d":if(!o)return"none";if(o&&s&&constant.layoutComponent.includes(s))return"grid";return"block";default:return o}};function composeAdvanceStyle(e,o){if(!e)return{};let s={},a=["desktop","tablet","mobile"],r=["hover","normal"];return Object.keys(e).forEach(t=>{let c=e[t];if(null==c)return;let i=e.hasBoxShadow?e.hasBoxShadow:{};if("object"==typeof c){if(Array.isArray(c))return;Object.keys(c).forEach(d=>{if(a.includes(d)){let e=c[d];if(void 0!==e){if("border"===t&&Object.assign(s,borders.handleConvertBorderStyle(c),borders.handleConvertBorderWidth(c),borders.handleConvertBorderColor(c)),"rounded"===t&&Object.assign(s,radius.composeRadius(c)),"desktop"===d)switch(t){case"padding":composeSpacing({source:s,spacing:e,type:"p"});break;case"margin":composeSpacing({source:s,spacing:e,type:"m"});break;case"spacing-setting":composeSpacingV2({source:s,spacing:e});break;case"m":case"p":break;default:s[`--${t}`]=getAttrValue(t,e,o)}else switch(t){case"padding":composeSpacing({source:s,spacing:e,type:"p"});break;case"margin":composeSpacing({source:s,spacing:e,type:"m"});break;case"spacing-setting":composeSpacingV2({source:s,spacing:e});break;case"m":case"p":break;default:s[`--${t}-${d}`]=getAttrValue(t,e,o)}}}else if(r.includes(d))switch(t){case"hasBoxShadow":break;case"boxShadow":Object.assign(s,shadow.getStyleShadowState(c,"box-shadow",i))}else"border"===t&&("none"===c.border&&(c.border="solid",c.color="#121212",c.isCustom=!0,c.width="0px",c.position="all"),Object.assign(s,borders.getBorderStyle(c))),"rounded"===t&&Object.assign(s,radius.getCornerCSSFromGlobal(c)),"hasBoxShadow"===t&&Object.assign(s,shadow.getStyleShadow({value:e.boxShadow,styleAppliedFor:"box-shadow",isEnableShadow:e.hasBoxShadow})),"boxShadow"===t&&Object.assign(s,shadow.getStyleShadow({value:c,styleAppliedFor:"box-shadow",isEnableShadow:e.hasBoxShadow}))})}else s[`--${t}`]=getAttrValue(t,c,o),"hasBoxShadow"===t&&e.boxShadow&&Object.assign(s,shadow.getStyleShadow({value:e.boxShadow,styleAppliedFor:"box-shadow",isEnableShadow:e.hasBoxShadow}))}),s}const splitStyle=(e,o={})=>{let s=e.map(e=>makeStyle.makeStyleKey(e)).flat(),a=Object.keys(o).filter(e=>s.includes(e)),r=a.reduce((e,s)=>({...e,[s]:o[s]}),{}),t=Object.keys(o).filter(e=>!a.includes(e)).reduce((e,s)=>({...e,[s]:o[s]}),{});return[r,t]};exports.composeAdvanceStyle=composeAdvanceStyle,exports.splitStyle=splitStyle;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import"react";import"swr";import{RenderIf as e,template as t}from"../helpers/render.js";import"../helpers/convert.js";import{composeAdvanceStyle as r}from"../helpers/compose-advance-style.js";import{disableWrap as
|
|
2
|
-
${e(c?.childrens?.length,()=>u({builderProps:{uid:
|
|
3
|
-
</div>`,extraFiles:a.extraFiles}}},RenderChildren=e=>{let t=Render(e);for(let r in t.extraFiles)if(Object.prototype.hasOwnProperty.call(t.extraFiles,r)){let
|
|
1
|
+
import"react";import"swr";import{RenderIf as e,template as t}from"../helpers/render.js";import"../helpers/convert.js";import{composeAdvanceStyle as r}from"../helpers/compose-advance-style.js";import{disableWrap as n}from"./constant.js";let componentsRenderWithParentId=["CarouselItem"],componentTexts=["Text","Heading"],Render=({uid:i,builder:s,components:l,parentId:d,extraFiles:a={},...o})=>{let c=s[i],u=l[c?.tag];if(!u)return console.log("Miss component: ",c),{liquid:"",extraFiles:a};if(!c||c?.type==="section")return{liquid:"",extraFiles:a};{let a={extraFiles:{}},p=r(c.advanced,c.tag),h="";return{liquid:h=n.includes(c.tag)?e(c?.childrens?.length,()=>u({builderProps:{uid:i,builderData:c},styles:c.styles,setting:c.settings,style:p,advanced:c.advanced,parentId:componentsRenderWithParentId.includes(c.tag)?d:null,...o,rawChildren:c.childrens.map(e=>({...s[e],uid:e,builder:s,components:l,customProps:a})),children:c.childrens.map(e=>RenderChildren({uid:e,builder:s,components:l,customProps:a})).join("")}),()=>u({builderProps:{uid:i,builderData:c},styles:c.styles,setting:c.settings,advanced:c.advanced,style:p,isText:!!componentTexts.includes(c.tag)||null,parentId:componentsRenderWithParentId.includes(c.tag)?d:null,...o})):t`<div style="${p}" class="${c.uid} ${c?.childrens?.length||"IconListItemHoz"!==c.tag?"":"hidden"}">
|
|
2
|
+
${e(c?.childrens?.length,()=>u({builderProps:{uid:i,builderData:c},styles:c.styles,setting:c.settings,...o,rawChildren:c.childrens.map(e=>({...s[e],uid:e,builder:s,components:l,customProps:a})),children:c.childrens.map(e=>RenderChildren({uid:e,builder:s,components:l,customProps:a})).join("")}),()=>u({builderProps:{uid:i,builderData:c},styles:c.styles,setting:c.settings,isText:!!componentTexts.includes(c.tag)||null,...o}))}
|
|
3
|
+
</div>`,extraFiles:a.extraFiles}}},RenderChildren=e=>{let t=Render(e);for(let r in t.extraFiles)if(Object.prototype.hasOwnProperty.call(t.extraFiles,r)){let n=t.extraFiles[r];e.customProps.extraFiles[r]=n}let r=new TextEncoder,n=t?.liquid?r.encode(t.liquid).length:0;if(Math.ceil(n/1024)>=180){let r=`gp-section-snippet-${e.uid}`;return e.customProps.extraFiles[r]=t.liquid,`{% render '${r}', product: product, variant: variant, product_form_id: product_form_id %}`}return t.liquid};export{RenderChildren,Render as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{handleConvertBorderStyle as e,handleConvertBorderWidth as
|
|
1
|
+
import{handleConvertBorderStyle as e,handleConvertBorderWidth as a,handleConvertBorderColor as s,getBorderStyle as o}from"./borders.js";import{isColor as t}from"./colors.js";import{layoutComponent as r}from"./constant.js";import{makeStyleKey as i}from"./make-style.js";import{composeRadius as c,getCornerCSSFromGlobal as n}from"./radius.js";import{getStyleShadowState as l,getStyleShadow as p}from"./shadow.js";let composeSpacing=({source:e,spacing:a,type:s,suffix:o=""})=>{let{top:t,left:r,bottom:i,right:c}=a;t&&(e[`--${s}t${o}`]=t),r&&(e[`--${s}l${o}`]=r),i&&(e[`--${s}b${o}`]=i),c&&(e[`--${s}r${o}`]=c)},composeSpacingV2=({source:e,spacing:a,suffix:s=""})=>{if(a&&a.margin){let{top:o,left:t,bottom:r,right:i}=a.margin;o&&(e[`--mt${s}`]=o),t&&(e[`--ml${s}`]=t),r&&(e[`--mb${s}`]=r),i&&(e[`--mr${s}`]=i)}if(a&&a.padding){let{top:o,left:t,bottom:r,right:i}=a.padding;o&&(e[`--pt${s}`]=o),t&&(e[`--pl${s}`]=t),r&&(e[`--pb${s}`]=r),i&&(e[`--pr${s}`]=i)}},getAttrValue=(e,a,s)=>{if(null!=a)switch(e){case"bgc":case"c":return t(a.toString())?a:`var(--g-c-${a})`;case"d":if(!a)return"none";if(a&&s&&r.includes(s))return"grid";return"block";default:return a}};function composeAdvanceStyle(t,r){if(!t)return{};let i={},d=["desktop","tablet","mobile"],b=["hover","normal"];return Object.keys(t).forEach(g=>{let u=t[g];if(null==u)return;let m=t.hasBoxShadow?t.hasBoxShadow:{};if("object"==typeof u){if(Array.isArray(u))return;Object.keys(u).forEach(h=>{if(d.includes(h)){let o=u[h];if(void 0!==o){if("border"===g&&Object.assign(i,e(u),a(u),s(u)),"rounded"===g&&Object.assign(i,c(u)),"desktop"===h)switch(g){case"padding":composeSpacing({source:i,spacing:o,type:"p"});break;case"margin":composeSpacing({source:i,spacing:o,type:"m"});break;case"spacing-setting":composeSpacingV2({source:i,spacing:o});break;case"m":case"p":break;default:i[`--${g}`]=getAttrValue(g,o,r)}else switch(g){case"padding":composeSpacing({source:i,spacing:o,type:"p"});break;case"margin":composeSpacing({source:i,spacing:o,type:"m"});break;case"spacing-setting":composeSpacingV2({source:i,spacing:o});break;case"m":case"p":break;default:i[`--${g}-${h}`]=getAttrValue(g,o,r)}}}else if(b.includes(h))switch(g){case"hasBoxShadow":break;case"boxShadow":Object.assign(i,l(u,"box-shadow",m))}else"border"===g&&("none"===u.border&&(u.border="solid",u.color="#121212",u.isCustom=!0,u.width="0px",u.position="all"),Object.assign(i,o(u))),"rounded"===g&&Object.assign(i,n(u)),"hasBoxShadow"===g&&Object.assign(i,p({value:t.boxShadow,styleAppliedFor:"box-shadow",isEnableShadow:t.hasBoxShadow})),"boxShadow"===g&&Object.assign(i,p({value:u,styleAppliedFor:"box-shadow",isEnableShadow:t.hasBoxShadow}))})}else i[`--${g}`]=getAttrValue(g,u,r),"hasBoxShadow"===g&&t.boxShadow&&Object.assign(i,p({value:t.boxShadow,styleAppliedFor:"box-shadow",isEnableShadow:t.hasBoxShadow}))}),i}let splitStyle=(e,a={})=>{let s=e.map(e=>i(e)).flat(),o=Object.keys(a).filter(e=>s.includes(e)),t=o.reduce((e,s)=>({...e,[s]:a[s]}),{}),r=Object.keys(a).filter(e=>!o.includes(e)).reduce((e,s)=>({...e,[s]:a[s]}),{});return[t,r]};export{composeAdvanceStyle,splitStyle};
|