@gem-sdk/components 3.0.27 → 3.1.0

package/dist/cjs/article/settings/configs/article-list/presets.js

@@ -16,4 +16,4 @@
           <rect x="65.3335" y="36.165" width="28.6667" height="3" rx="1" fill="#424242"/>
           <rect x="65.3335" y="41.165" width="14" height="4" rx="1" fill="#424242"/>
         </svg>
-      `},components:[{tag:"ArticleList",label:"Article List",settings:{columns:{desktop:4,tablet:2,mobile:1}},childrens:[{tag:"ArticleImage",label:"Article Image",settings:{linkArticle:"go-to-article"},styles:{position:{desktop:"only-feature"},shape:{desktop:{default:{shape:"square",width:"100%"}}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-s)"}}}}},{tag:"Row",label:"Row",settings:{layout:{desktop:{cols:[4,4,4],display:"fit"},mobile:{cols:[12],display:"fill"}}},styles:{verticalGutter:{desktop:"8px"},columnGap:{desktop:"1%"},height:"auto"},advanced:{"spacing-setting":{desktop:{margin:{bottom:0},link:!0},tablet:{link:!0},mobile:{link:!0}},rounded:{desktop:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}}},childrens:[{tag:"Col",label:"Block",settings:{},styles:{},advanced:{},childrens:[{tag:"ArticleAuthor",label:"Article Author",settings:{htmlTag:"div"},styles:{typo:{type:"paragraph-3",attrs:{color:"text-1"}},color:{normal:"text-1"}},advanced:{"spacing-setting":{desktop:{padding:{right:"var(--g-s-s)",top:"0px"},margin:{bottom:"var(--g-s-s)"}}},border:{desktop:{normal:{borderType:"none",border:"solid",borderWidth:"Mixed",width:"0px 1px 0px 0px",color:"#DDDDDD",isCustom:!0}}}}}]},{tag:"Col",label:"Block",settings:{},styles:{},advanced:{},childrens:[{tag:"ArticleCategory",label:"Article Category",settings:{htmlTag:"div"},styles:{typo:{type:"paragraph-3",attrs:{color:"text-1"}},color:{normal:"text-1"}},advanced:{"spacing-setting":{desktop:{padding:{right:"var(--g-s-s)",top:"0px"},margin:{bottom:"var(--g-s-s)"}}},border:{desktop:{normal:{borderType:"none",border:"solid",borderWidth:"Mixed",width:"0px 1px 0px 0px",color:"#DDDDDD",isCustom:!0}}}}}]},{tag:"Col",label:"Block",settings:{},styles:{},advanced:{},childrens:[{tag:"ArticleDate",label:"Article Date",settings:{htmlTag:"div"},styles:{typo:{type:"paragraph-3",attrs:{color:"text-1"}},color:{normal:"text-1"}}}]}]},{tag:"ArticleTitle",settings:{htmlTag:"h2",linkArticle:"go-to-article"},styles:{typo:{type:"subheading-3",attrs:{color:"text-2"}},color:{normal:"text-2"},textAlign:{desktop:"left"},hasLineClamp:{desktop:!1},lineClamp:{desktop:2},hasTextShadow:{normal:!1,hover:!1},textShadow:{normal:{type:"shadow-1"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ArticleContent",label:"Article Content",settings:{ftClickOpenLightBox:{desktop:"product-link"}},styles:{typo:{type:"paragraph-2"},color:{normal:"text-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-s)"}}}}}]}]}];exports.ArticleListPresets=ArticleListPresets;
+      `},components:[{tag:"ArticleList",label:"Article List",settings:{columns:{desktop:4,tablet:2,mobile:1}},childrens:[{tag:"ArticleImage",label:"Article Image",settings:{linkArticle:"go-to-article"},styles:{position:{desktop:"only-feature"},shape:{desktop:{default:{shape:"square",width:"100%"}}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-s)"}}}}},{tag:"Row",label:"Row",settings:{layout:{desktop:{cols:[4,4,4],display:"fit"},mobile:{cols:[12],display:"fill"}}},styles:{verticalGutter:{desktop:"8px"},columnGap:{desktop:"1%"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:0},link:!0},tablet:{link:!0},mobile:{link:!0}},rounded:{desktop:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}}},childrens:[{tag:"Col",label:"Block",settings:{},styles:{},advanced:{},childrens:[{tag:"ArticleAuthor",label:"Article Author",settings:{htmlTag:"div"},styles:{typo:{type:"paragraph-3",attrs:{color:"text-1"}},color:{normal:"text-1"}},advanced:{"spacing-setting":{desktop:{padding:{right:"var(--g-s-s)",top:"0px"},margin:{bottom:"var(--g-s-s)"}}},border:{desktop:{normal:{borderType:"none",border:"solid",borderWidth:"Mixed",width:"0px 1px 0px 0px",color:"#DDDDDD",isCustom:!0}}}}}]},{tag:"Col",label:"Block",settings:{},styles:{},advanced:{},childrens:[{tag:"ArticleCategory",label:"Article Category",settings:{htmlTag:"div"},styles:{typo:{type:"paragraph-3",attrs:{color:"text-1"}},color:{normal:"text-1"}},advanced:{"spacing-setting":{desktop:{padding:{right:"var(--g-s-s)",top:"0px"},margin:{bottom:"var(--g-s-s)"}}},border:{desktop:{normal:{borderType:"none",border:"solid",borderWidth:"Mixed",width:"0px 1px 0px 0px",color:"#DDDDDD",isCustom:!0}}}}}]},{tag:"Col",label:"Block",settings:{},styles:{},advanced:{},childrens:[{tag:"ArticleDate",label:"Article Date",settings:{htmlTag:"div"},styles:{typo:{type:"paragraph-3",attrs:{color:"text-1"}},color:{normal:"text-1"}}}]}]},{tag:"ArticleTitle",settings:{htmlTag:"h2",linkArticle:"go-to-article"},styles:{typo:{type:"subheading-3",attrs:{color:"text-2"}},color:{normal:"text-2"},textAlign:{desktop:"left"},hasLineClamp:{desktop:!1},lineClamp:{desktop:2},hasTextShadow:{normal:!1,hover:!1},textShadow:{normal:{type:"shadow-1"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ArticleContent",label:"Article Content",settings:{ftClickOpenLightBox:{desktop:"product-link"}},styles:{typo:{type:"paragraph-2"},color:{normal:"text-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-s)"}}}}}]}]}];exports.ArticleListPresets=ArticleListPresets;

package/dist/cjs/grid/components/row/common/helpers.js

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),helpers=require("../../../../carousel/components/arrow/common/helpers.js");const defaultWidth={desktop:"1200px",tablet:"100%",mobile:"100%"},getStyleByDevice=(e,t,r)=>t?.[e]===!0?{contentWidth:"100%",wrapperWidth:"100%",wrapperPadding:"0px"}:r?.[e]==="100%"?{contentWidth:"100%",wrapperWidth:"100%",wrapperPadding:"var(--g-ct-p)"}:r?.[e]==="default"?{contentWidth:`var(--g-ct-w, ${defaultWidth[e]})`,wrapperWidth:`calc(var(--g-ct-w, ${defaultWidth[e]}) + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"}:r?.[e]!==void 0?{contentWidth:r?.[e],wrapperWidth:`calc(${r?.[e]} + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"}:{contentWidth:void 0,wrapperWidth:`calc(var(--g-ct-w, ${defaultWidth[e]}) + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"},createStyleObject=(e,t)=>{let r=getStyleByDevice("desktop",t,e),d=getStyleByDevice("tablet",t,e),o=getStyleByDevice("mobile",t,e);return{content:{desktop:r.contentWidth,tablet:d.contentWidth,mobile:o.contentWidth},wrapper:{desktop:r.wrapperWidth,tablet:d.wrapperWidth,mobile:o.wrapperWidth},padding:{desktop:r.wrapperPadding,tablet:d.wrapperPadding,mobile:o.wrapperPadding}}},getData=e=>{let{styles:t,builderProps:r}=e,d=system.createStateOrContext({background:t?.background,uid:r?.uid});return{stateData:core.dataStringify(d).replaceAll("'","'")}};function reduceRadiusForState(e,t){if(!e||!t)return{};let r=("string"==typeof e?e.split(" "):[]).map(e=>parseInt(e,10)||0),d=Object.fromEntries(["btrr","bblr","bbrr","btlr"].map((e,d)=>[e,Math.max(0,(parseInt(t[e]??"0",10)||0)-(r[d]||0))+"px"]));return{...d,radiusType:t.radiusType}}function reduceBorderRadiusForDevice(e,t){if(!e||!t)return{};let r={};return["normal","hover","active"].forEach(d=>{let o=e?.[d],i=t?.[d];o&&i&&(r[d]=reduceRadiusForState(o.width,i))}),r}function getInnerRadiusExcludeBorder(e,t){return{desktop:reduceBorderRadiusForDevice(e?.desktop,t?.desktop),tablet:reduceBorderRadiusForDevice(e?.tablet??e?.desktop,t?.tablet??t?.desktop),mobile:reduceBorderRadiusForDevice(e?.mobile??e?.tablet??e?.desktop,t?.mobile??t?.tablet??t?.desktop)}}const checkHasBackgroundVideo=e=>core.DEVICES.some(t=>{let r=core.getValueByDevice(e,t);return!!r&&(r?.videoType==="html5"&&r?.videoHtml5||r?.videoType==="youtube"&&r?.video)}),isRenderHtmlVideo=e=>{let t=helpers.getResponsiveSetting(e||{}),r=t.desktop?.videoType,d=t.tablet?.videoType,o=t.mobile?.videoType;return"html5"==r||"html5"==d||"html5"==o},isRenderYoutubeVideo=e=>{let t=helpers.getResponsiveSetting(e||{}),r=t.desktop?.videoType,d=t.tablet?.videoType,o=t.mobile?.videoType;return"youtube"==r||"youtube"==d||"youtube"==o};exports.checkHasBackgroundVideo=checkHasBackgroundVideo,exports.createStyleObject=createStyleObject,exports.getData=getData,exports.getInnerRadiusExcludeBorder=getInnerRadiusExcludeBorder,exports.isRenderHtmlVideo=isRenderHtmlVideo,exports.isRenderYoutubeVideo=isRenderYoutubeVideo;
+"use strict";var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),helpers=require("../../../../carousel/components/arrow/common/helpers.js");const defaultWidth={desktop:"1200px",tablet:"100%",mobile:"100%"},getStyleByDevice=(e,t)=>t?.[e]==="100%"?{contentWidth:"100%",wrapperWidth:"100%",wrapperPadding:"var(--g-ct-p)"}:t?.[e]==="default"?{contentWidth:`var(--g-ct-w, ${defaultWidth[e]})`,wrapperWidth:`calc(var(--g-ct-w, ${defaultWidth[e]}) + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"}:t?.[e]!==void 0?{contentWidth:t?.[e],wrapperWidth:`calc(${t?.[e]} + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"}:{contentWidth:void 0,wrapperWidth:`calc(var(--g-ct-w, ${defaultWidth[e]}) + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"},createStyleObject=e=>{let t=getStyleByDevice("desktop",e),r=getStyleByDevice("tablet",e),d=getStyleByDevice("mobile",e);return{content:{desktop:t.contentWidth,tablet:r.contentWidth,mobile:d.contentWidth},wrapper:{desktop:t.wrapperWidth,tablet:r.wrapperWidth,mobile:d.wrapperWidth},padding:{desktop:t.wrapperPadding,tablet:r.wrapperPadding,mobile:d.wrapperPadding}}},getData=e=>{let{styles:t,builderProps:r}=e,d=system.createStateOrContext({background:t?.background,uid:r?.uid});return{stateData:core.dataStringify(d).replaceAll("'","'")}};function reduceRadiusForState(e,t){if(!e||!t)return{};let r=("string"==typeof e?e.split(" "):[]).map(e=>parseInt(e,10)||0),d=Object.fromEntries(["btrr","bblr","bbrr","btlr"].map((e,d)=>[e,Math.max(0,(parseInt(t[e]??"0",10)||0)-(r[d]||0))+"px"]));return{...d,radiusType:t.radiusType}}function reduceBorderRadiusForDevice(e,t){if(!e||!t)return{};let r={};return["normal","hover","active"].forEach(d=>{let o=e?.[d],i=t?.[d];o&&i&&(r[d]=reduceRadiusForState(o.width,i))}),r}function getInnerRadiusExcludeBorder(e,t){return{desktop:reduceBorderRadiusForDevice(e?.desktop,t?.desktop),tablet:reduceBorderRadiusForDevice(e?.tablet??e?.desktop,t?.tablet??t?.desktop),mobile:reduceBorderRadiusForDevice(e?.mobile??e?.tablet??e?.desktop,t?.mobile??t?.tablet??t?.desktop)}}const checkHasBackgroundVideo=e=>core.DEVICES.some(t=>{let r=core.getValueByDevice(e,t);return!!r&&(r?.videoType==="html5"&&r?.videoHtml5||r?.videoType==="youtube"&&r?.video)}),isRenderHtmlVideo=e=>{let t=helpers.getResponsiveSetting(e||{}),r=t.desktop?.videoType,d=t.tablet?.videoType,o=t.mobile?.videoType;return"html5"==r||"html5"==d||"html5"==o},isRenderYoutubeVideo=e=>{let t=helpers.getResponsiveSetting(e||{}),r=t.desktop?.videoType,d=t.tablet?.videoType,o=t.mobile?.videoType;return"youtube"==r||"youtube"==d||"youtube"==o};exports.checkHasBackgroundVideo=checkHasBackgroundVideo,exports.createStyleObject=createStyleObject,exports.getData=getData,exports.getInnerRadiusExcludeBorder=getInnerRadiusExcludeBorder,exports.isRenderHtmlVideo=isRenderHtmlVideo,exports.isRenderYoutubeVideo=isRenderYoutubeVideo;

package/dist/cjs/grid/components/row/common/styles.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),helpers=require("./helpers.js"),helper=require("../../../../post-purchase/common/helper.js");const getRowStyle=(e,t)=>{let{children:r,setting:o,builderProps:s,styles:l,style:i,advanced:p,isNotFullWidth:a,parentStyle:c}=e,{isSection:n,layout:d,horizontalAlign:m,responsive:y,inlineAlignment:b}=o??{},{width:u,columnGap:g,rowGap:k,fullWidth:S,background:v,verticalGutter:h,verticalGutterMobile:R,enablePagePadding:f,height:x}=l??{},w=helpers.getInnerRadiusExcludeBorder(p?.border,p?.rounded),B=(e,t)=>{let r=e?.normal,o=t?.normal;if(!r||!o||o?.borderType=="none"||"square"===r.radiusType||"none"===r.radiusType)return!1;for(let e in r)if(Object.hasOwn(r,e)&&"0px"!==r[e])return!0;return!1},D=core.makeStyleResponsive("of",{desktop:B(w.desktop,core.getValueByDevice(p?.border,"desktop"))?"hidden":void 0,tablet:B(w.tablet,core.getValueByDevice(p?.border,"tablet"))?"hidden":void 0,mobile:B(w.mobile,core.getValueByDevice(p?.border,"mobile"))?"hidden":void 0}),j=s?.builderData?.childrens?.length,q={...core.makeStyleResponsive("aspect",{desktop:"16/9"})},V=core.isEmptyChildren(r)||!j,O={desktop:u?.desktop==="default"?"1200px":u?.desktop,tablet:u?.tablet==="default"?"1200px":u?.tablet,mobile:u?.mobile==="default"?"1200px":u?.mobile},T=helpers.createStyleObject(t?O:u,S),[C,E]=core.splitStyle(["pos","top","left","bottom","right","z"],i),G=()=>({...n?E:i,...core.makeStyleResponsive("cg",h),...core.makeStyleResponsive("rg",R),...d?core.composeGridLayout(d):core.makeStyleResponsive("gtc",y),...core.makeStyleResponsive("w",T.content),...core.makeStyleResponsive("h",x),...n?{}:D}),L=()=>({"--mb":"0px","--mt":"0px",...core.makeStyleResponsive("cg",g),...core.makeStyle({pc:b,rg:k?helper.postPurchaseViewSpacing[k]:"0px"})}),z=e=>({...core.getStyleBackgroundByDevice(v,e),...core.getGradientBgrStyleByDevice(v,{desktop:!0,tablet:!0,mobile:!0}),...core.makeStyleResponsive("pc",m)}),H=()=>{let e=a&&!V;return e?{marginLeft:"0px",marginRight:"0px"}:{}},I=()=>({...core.composeRadius(w)}),P=(e=!1)=>system.createStyle({...G(),...z(),...H(),...e?L():{},...o?.sameHeightSubgridContainer&&c}),Y=system.createStyle({...I()}),A=system.createStyle({...q,"pointer-events":"none",transform:"translateY(-50%)",height:"100%","object-fit":"cover",top:"50%"}),F=e=>{if(void 0!==e)return e?"var(--g-ct-p, 15px)":"none"},J={desktop:F(f?.desktop),tablet:F(f?.tablet),mobile:F(f?.mobile)},K=system.createStyle({...C,...core.makeStyleResponsive("w",T.wrapper),...core.makeStyleResponsive("pl",J),...core.makeStyleResponsive("pr",J)});return{embedVideoStyle:A,backgroundBoxStyle:Y,rowStyle:P,sectionStyle:K}};exports.getRowStyle=getRowStyle;
+"use strict";var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),helpers=require("./helpers.js"),helper=require("../../../../post-purchase/common/helper.js");const getRowStyle=(e,t)=>{let{children:r,setting:o,builderProps:s,styles:l,style:i,advanced:p,isNotFullWidth:a,parentStyle:c}=e,{isSection:n,layout:d,horizontalAlign:m,responsive:y,inlineAlignment:b}=o??{},{width:u,columnGap:g,rowGap:k,background:S,verticalGutter:v,verticalGutterMobile:h,enablePagePadding:R,height:f}=l??{},x=helpers.getInnerRadiusExcludeBorder(p?.border,p?.rounded),w=(e,t)=>{let r=e?.normal,o=t?.normal;if(!r||!o||o?.borderType=="none"||"square"===r.radiusType||"none"===r.radiusType)return!1;for(let e in r)if(Object.hasOwn(r,e)&&"0px"!==r[e])return!0;return!1},B=core.makeStyleResponsive("of",{desktop:w(x.desktop,core.getValueByDevice(p?.border,"desktop"))?"hidden":void 0,tablet:w(x.tablet,core.getValueByDevice(p?.border,"tablet"))?"hidden":void 0,mobile:w(x.mobile,core.getValueByDevice(p?.border,"mobile"))?"hidden":void 0}),D=s?.builderData?.childrens?.length,j={...core.makeStyleResponsive("aspect",{desktop:"16/9"})},q=core.isEmptyChildren(r)||!D,V={desktop:u?.desktop==="default"?"1200px":u?.desktop,tablet:u?.tablet==="default"?"1200px":u?.tablet,mobile:u?.mobile==="default"?"1200px":u?.mobile},O=helpers.createStyleObject(t?V:u),[T,C]=core.splitStyle(["pos","top","left","bottom","right","z"],i),E=()=>({...n?C:i,...core.makeStyleResponsive("cg",v),...core.makeStyleResponsive("rg",h),...d?core.composeGridLayout(d):core.makeStyleResponsive("gtc",y),...core.makeStyleResponsive("w",O.content),...core.makeStyleResponsive("h",f),...n?{}:B}),G=()=>({"--mb":"0px","--mt":"0px",...core.makeStyleResponsive("cg",g),...core.makeStyle({pc:b,rg:k?helper.postPurchaseViewSpacing[k]:"0px"})}),L=e=>({...core.getStyleBackgroundByDevice(S,e),...core.getGradientBgrStyleByDevice(S,{desktop:!0,tablet:!0,mobile:!0}),...core.makeStyleResponsive("pc",m)}),z=()=>{let e=a&&!q;return e?{marginLeft:"0px",marginRight:"0px"}:{}},H=()=>({...core.composeRadius(x)}),I=(e=!1)=>system.createStyle({...E(),...L(),...z(),...e?G():{},...o?.sameHeightSubgridContainer&&c}),P=system.createStyle({...H()}),Y=system.createStyle({...j,"pointer-events":"none",transform:"translateY(-50%)",height:"100%","object-fit":"cover",top:"50%"}),A=e=>{if(void 0!==e)return e?"var(--g-ct-p, 15px)":"none"},F={desktop:A(R?.desktop),tablet:A(R?.tablet),mobile:A(R?.mobile)},J=system.createStyle({...T,...core.makeStyleResponsive("w",O.wrapper),...core.makeStyleResponsive("pl",F),...core.makeStyleResponsive("pr",F)});return{embedVideoStyle:Y,backgroundBoxStyle:P,rowStyle:I,sectionStyle:J}};exports.getRowStyle=getRowStyle;

package/dist/esm/article/settings/configs/article-list/presets.js

@@ -16,4 +16,4 @@ let ArticleListPresets=[{id:"article-list",name:{en:"Article List"},icon:{deskto
           <rect x="65.3335" y="36.165" width="28.6667" height="3" rx="1" fill="#424242"/>
           <rect x="65.3335" y="41.165" width="14" height="4" rx="1" fill="#424242"/>
         </svg>
-      `},components:[{tag:"ArticleList",label:"Article List",settings:{columns:{desktop:4,tablet:2,mobile:1}},childrens:[{tag:"ArticleImage",label:"Article Image",settings:{linkArticle:"go-to-article"},styles:{position:{desktop:"only-feature"},shape:{desktop:{default:{shape:"square",width:"100%"}}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-s)"}}}}},{tag:"Row",label:"Row",settings:{layout:{desktop:{cols:[4,4,4],display:"fit"},mobile:{cols:[12],display:"fill"}}},styles:{verticalGutter:{desktop:"8px"},columnGap:{desktop:"1%"},height:"auto"},advanced:{"spacing-setting":{desktop:{margin:{bottom:0},link:!0},tablet:{link:!0},mobile:{link:!0}},rounded:{desktop:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}}},childrens:[{tag:"Col",label:"Block",settings:{},styles:{},advanced:{},childrens:[{tag:"ArticleAuthor",label:"Article Author",settings:{htmlTag:"div"},styles:{typo:{type:"paragraph-3",attrs:{color:"text-1"}},color:{normal:"text-1"}},advanced:{"spacing-setting":{desktop:{padding:{right:"var(--g-s-s)",top:"0px"},margin:{bottom:"var(--g-s-s)"}}},border:{desktop:{normal:{borderType:"none",border:"solid",borderWidth:"Mixed",width:"0px 1px 0px 0px",color:"#DDDDDD",isCustom:!0}}}}}]},{tag:"Col",label:"Block",settings:{},styles:{},advanced:{},childrens:[{tag:"ArticleCategory",label:"Article Category",settings:{htmlTag:"div"},styles:{typo:{type:"paragraph-3",attrs:{color:"text-1"}},color:{normal:"text-1"}},advanced:{"spacing-setting":{desktop:{padding:{right:"var(--g-s-s)",top:"0px"},margin:{bottom:"var(--g-s-s)"}}},border:{desktop:{normal:{borderType:"none",border:"solid",borderWidth:"Mixed",width:"0px 1px 0px 0px",color:"#DDDDDD",isCustom:!0}}}}}]},{tag:"Col",label:"Block",settings:{},styles:{},advanced:{},childrens:[{tag:"ArticleDate",label:"Article Date",settings:{htmlTag:"div"},styles:{typo:{type:"paragraph-3",attrs:{color:"text-1"}},color:{normal:"text-1"}}}]}]},{tag:"ArticleTitle",settings:{htmlTag:"h2",linkArticle:"go-to-article"},styles:{typo:{type:"subheading-3",attrs:{color:"text-2"}},color:{normal:"text-2"},textAlign:{desktop:"left"},hasLineClamp:{desktop:!1},lineClamp:{desktop:2},hasTextShadow:{normal:!1,hover:!1},textShadow:{normal:{type:"shadow-1"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ArticleContent",label:"Article Content",settings:{ftClickOpenLightBox:{desktop:"product-link"}},styles:{typo:{type:"paragraph-2"},color:{normal:"text-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-s)"}}}}}]}]}];export{ArticleListPresets};
+      `},components:[{tag:"ArticleList",label:"Article List",settings:{columns:{desktop:4,tablet:2,mobile:1}},childrens:[{tag:"ArticleImage",label:"Article Image",settings:{linkArticle:"go-to-article"},styles:{position:{desktop:"only-feature"},shape:{desktop:{default:{shape:"square",width:"100%"}}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-s)"}}}}},{tag:"Row",label:"Row",settings:{layout:{desktop:{cols:[4,4,4],display:"fit"},mobile:{cols:[12],display:"fill"}}},styles:{verticalGutter:{desktop:"8px"},columnGap:{desktop:"1%"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:0},link:!0},tablet:{link:!0},mobile:{link:!0}},rounded:{desktop:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}}},childrens:[{tag:"Col",label:"Block",settings:{},styles:{},advanced:{},childrens:[{tag:"ArticleAuthor",label:"Article Author",settings:{htmlTag:"div"},styles:{typo:{type:"paragraph-3",attrs:{color:"text-1"}},color:{normal:"text-1"}},advanced:{"spacing-setting":{desktop:{padding:{right:"var(--g-s-s)",top:"0px"},margin:{bottom:"var(--g-s-s)"}}},border:{desktop:{normal:{borderType:"none",border:"solid",borderWidth:"Mixed",width:"0px 1px 0px 0px",color:"#DDDDDD",isCustom:!0}}}}}]},{tag:"Col",label:"Block",settings:{},styles:{},advanced:{},childrens:[{tag:"ArticleCategory",label:"Article Category",settings:{htmlTag:"div"},styles:{typo:{type:"paragraph-3",attrs:{color:"text-1"}},color:{normal:"text-1"}},advanced:{"spacing-setting":{desktop:{padding:{right:"var(--g-s-s)",top:"0px"},margin:{bottom:"var(--g-s-s)"}}},border:{desktop:{normal:{borderType:"none",border:"solid",borderWidth:"Mixed",width:"0px 1px 0px 0px",color:"#DDDDDD",isCustom:!0}}}}}]},{tag:"Col",label:"Block",settings:{},styles:{},advanced:{},childrens:[{tag:"ArticleDate",label:"Article Date",settings:{htmlTag:"div"},styles:{typo:{type:"paragraph-3",attrs:{color:"text-1"}},color:{normal:"text-1"}}}]}]},{tag:"ArticleTitle",settings:{htmlTag:"h2",linkArticle:"go-to-article"},styles:{typo:{type:"subheading-3",attrs:{color:"text-2"}},color:{normal:"text-2"},textAlign:{desktop:"left"},hasLineClamp:{desktop:!1},lineClamp:{desktop:2},hasTextShadow:{normal:!1,hover:!1},textShadow:{normal:{type:"shadow-1"}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ArticleContent",label:"Article Content",settings:{ftClickOpenLightBox:{desktop:"product-link"}},styles:{typo:{type:"paragraph-2"},color:{normal:"text-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-s)"}}}}}]}]}];export{ArticleListPresets};

package/dist/esm/grid/components/row/common/helpers.js

@@ -1 +1 @@
-import{dataStringify as e,DEVICES as t,getValueByDevice as r}from"@gem-sdk/core";import{createStateOrContext as d}from"@gem-sdk/system";import{getResponsiveSetting as o}from"../../../../carousel/components/arrow/common/helpers.js";let defaultWidth={desktop:"1200px",tablet:"100%",mobile:"100%"},getStyleByDevice=(e,t,r)=>t?.[e]===!0?{contentWidth:"100%",wrapperWidth:"100%",wrapperPadding:"0px"}:r?.[e]==="100%"?{contentWidth:"100%",wrapperWidth:"100%",wrapperPadding:"var(--g-ct-p)"}:r?.[e]==="default"?{contentWidth:`var(--g-ct-w, ${defaultWidth[e]})`,wrapperWidth:`calc(var(--g-ct-w, ${defaultWidth[e]}) + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"}:r?.[e]!==void 0?{contentWidth:r?.[e],wrapperWidth:`calc(${r?.[e]} + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"}:{contentWidth:void 0,wrapperWidth:`calc(var(--g-ct-w, ${defaultWidth[e]}) + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"},createStyleObject=(e,t)=>{let r=getStyleByDevice("desktop",t,e),d=getStyleByDevice("tablet",t,e),o=getStyleByDevice("mobile",t,e);return{content:{desktop:r.contentWidth,tablet:d.contentWidth,mobile:o.contentWidth},wrapper:{desktop:r.wrapperWidth,tablet:d.wrapperWidth,mobile:o.wrapperWidth},padding:{desktop:r.wrapperPadding,tablet:d.wrapperPadding,mobile:o.wrapperPadding}}},getData=t=>{let{styles:r,builderProps:o}=t,a=d({background:r?.background,uid:o?.uid});return{stateData:e(a).replaceAll("'","'")}};function reduceRadiusForState(e,t){if(!e||!t)return{};let r=("string"==typeof e?e.split(" "):[]).map(e=>parseInt(e,10)||0),d=Object.fromEntries(["btrr","bblr","bbrr","btlr"].map((e,d)=>[e,Math.max(0,(parseInt(t[e]??"0",10)||0)-(r[d]||0))+"px"]));return{...d,radiusType:t.radiusType}}function reduceBorderRadiusForDevice(e,t){if(!e||!t)return{};let r={};return["normal","hover","active"].forEach(d=>{let o=e?.[d],a=t?.[d];o&&a&&(r[d]=reduceRadiusForState(o.width,a))}),r}function getInnerRadiusExcludeBorder(e,t){return{desktop:reduceBorderRadiusForDevice(e?.desktop,t?.desktop),tablet:reduceBorderRadiusForDevice(e?.tablet??e?.desktop,t?.tablet??t?.desktop),mobile:reduceBorderRadiusForDevice(e?.mobile??e?.tablet??e?.desktop,t?.mobile??t?.tablet??t?.desktop)}}let checkHasBackgroundVideo=e=>t.some(t=>{let d=r(e,t);return!!d&&(d?.videoType==="html5"&&d?.videoHtml5||d?.videoType==="youtube"&&d?.video)}),isRenderHtmlVideo=e=>{let t=o(e||{}),r=t.desktop?.videoType,d=t.tablet?.videoType,a=t.mobile?.videoType;return"html5"==r||"html5"==d||"html5"==a},isRenderYoutubeVideo=e=>{let t=o(e||{}),r=t.desktop?.videoType,d=t.tablet?.videoType,a=t.mobile?.videoType;return"youtube"==r||"youtube"==d||"youtube"==a};export{checkHasBackgroundVideo,createStyleObject,getData,getInnerRadiusExcludeBorder,isRenderHtmlVideo,isRenderYoutubeVideo};
+import{dataStringify as e,DEVICES as t,getValueByDevice as r}from"@gem-sdk/core";import{createStateOrContext as d}from"@gem-sdk/system";import{getResponsiveSetting as o}from"../../../../carousel/components/arrow/common/helpers.js";let defaultWidth={desktop:"1200px",tablet:"100%",mobile:"100%"},getStyleByDevice=(e,t)=>t?.[e]==="100%"?{contentWidth:"100%",wrapperWidth:"100%",wrapperPadding:"var(--g-ct-p)"}:t?.[e]==="default"?{contentWidth:`var(--g-ct-w, ${defaultWidth[e]})`,wrapperWidth:`calc(var(--g-ct-w, ${defaultWidth[e]}) + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"}:t?.[e]!==void 0?{contentWidth:t?.[e],wrapperWidth:`calc(${t?.[e]} + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"}:{contentWidth:void 0,wrapperWidth:`calc(var(--g-ct-w, ${defaultWidth[e]}) + 2 * var(--g-ct-p, 15px))`,wrapperPadding:"var(--g-ct-p, 15px)"},createStyleObject=e=>{let t=getStyleByDevice("desktop",e),r=getStyleByDevice("tablet",e),d=getStyleByDevice("mobile",e);return{content:{desktop:t.contentWidth,tablet:r.contentWidth,mobile:d.contentWidth},wrapper:{desktop:t.wrapperWidth,tablet:r.wrapperWidth,mobile:d.wrapperWidth},padding:{desktop:t.wrapperPadding,tablet:r.wrapperPadding,mobile:d.wrapperPadding}}},getData=t=>{let{styles:r,builderProps:o}=t,a=d({background:r?.background,uid:o?.uid});return{stateData:e(a).replaceAll("'","'")}};function reduceRadiusForState(e,t){if(!e||!t)return{};let r=("string"==typeof e?e.split(" "):[]).map(e=>parseInt(e,10)||0),d=Object.fromEntries(["btrr","bblr","bbrr","btlr"].map((e,d)=>[e,Math.max(0,(parseInt(t[e]??"0",10)||0)-(r[d]||0))+"px"]));return{...d,radiusType:t.radiusType}}function reduceBorderRadiusForDevice(e,t){if(!e||!t)return{};let r={};return["normal","hover","active"].forEach(d=>{let o=e?.[d],a=t?.[d];o&&a&&(r[d]=reduceRadiusForState(o.width,a))}),r}function getInnerRadiusExcludeBorder(e,t){return{desktop:reduceBorderRadiusForDevice(e?.desktop,t?.desktop),tablet:reduceBorderRadiusForDevice(e?.tablet??e?.desktop,t?.tablet??t?.desktop),mobile:reduceBorderRadiusForDevice(e?.mobile??e?.tablet??e?.desktop,t?.mobile??t?.tablet??t?.desktop)}}let checkHasBackgroundVideo=e=>t.some(t=>{let d=r(e,t);return!!d&&(d?.videoType==="html5"&&d?.videoHtml5||d?.videoType==="youtube"&&d?.video)}),isRenderHtmlVideo=e=>{let t=o(e||{}),r=t.desktop?.videoType,d=t.tablet?.videoType,a=t.mobile?.videoType;return"html5"==r||"html5"==d||"html5"==a},isRenderYoutubeVideo=e=>{let t=o(e||{}),r=t.desktop?.videoType,d=t.tablet?.videoType,a=t.mobile?.videoType;return"youtube"==r||"youtube"==d||"youtube"==a};export{checkHasBackgroundVideo,createStyleObject,getData,getInnerRadiusExcludeBorder,isRenderHtmlVideo,isRenderYoutubeVideo};

package/dist/esm/grid/components/row/common/styles.js

@@ -1,2 +1,2 @@
 'use client';
-import{makeStyleResponsive as e,getValueByDevice as t,isEmptyChildren as o,splitStyle as r,composeRadius as p,composeGridLayout as i,makeStyle as l,getStyleBackgroundByDevice as d,getGradientBgrStyleByDevice as n}from"@gem-sdk/core";import{createStyle as a}from"@gem-sdk/system";import{getInnerRadiusExcludeBorder as m,createStyleObject as s}from"./helpers.js";import{postPurchaseViewSpacing as b}from"../../../../post-purchase/common/helper.js";let getRowStyle=(g,f)=>{let{children:u,setting:c,builderProps:h,styles:k,style:x,advanced:v,isNotFullWidth:w,parentStyle:y}=g,{isSection:j,layout:R,horizontalAlign:S,responsive:T,inlineAlignment:O}=c??{},{width:q,columnGap:z,rowGap:C,fullWidth:D,background:H,verticalGutter:L,verticalGutterMobile:Y,enablePagePadding:A,height:B}=k??{},E=m(v?.border,v?.rounded),F=(e,t)=>{let o=e?.normal,r=t?.normal;if(!o||!r||r?.borderType=="none"||"square"===o.radiusType||"none"===o.radiusType)return!1;for(let e in o)if(Object.hasOwn(o,e)&&"0px"!==o[e])return!0;return!1},G=e("of",{desktop:F(E.desktop,t(v?.border,"desktop"))?"hidden":void 0,tablet:F(E.tablet,t(v?.border,"tablet"))?"hidden":void 0,mobile:F(E.mobile,t(v?.border,"mobile"))?"hidden":void 0}),I=h?.builderData?.childrens?.length,J={...e("aspect",{desktop:"16/9"})},K=o(u)||!I,M={desktop:q?.desktop==="default"?"1200px":q?.desktop,tablet:q?.tablet==="default"?"1200px":q?.tablet,mobile:q?.mobile==="default"?"1200px":q?.mobile},N=s(f?M:q,D),[P,Q]=r(["pos","top","left","bottom","right","z"],x),U=()=>({...j?Q:x,...e("cg",L),...e("rg",Y),...R?i(R):e("gtc",T),...e("w",N.content),...e("h",B),...j?{}:G}),V=()=>({"--mb":"0px","--mt":"0px",...e("cg",z),...l({pc:O,rg:C?b[C]:"0px"})}),W=t=>({...d(H,t),...n(H,{desktop:!0,tablet:!0,mobile:!0}),...e("pc",S)}),X=()=>{let e=w&&!K;return e?{marginLeft:"0px",marginRight:"0px"}:{}},Z=()=>({...p(E)}),$=(e=!1)=>a({...U(),...W(),...X(),...e?V():{},...c?.sameHeightSubgridContainer&&y}),_=a({...Z()}),ee=a({...J,"pointer-events":"none",transform:"translateY(-50%)",height:"100%","object-fit":"cover",top:"50%"}),et=e=>{if(void 0!==e)return e?"var(--g-ct-p, 15px)":"none"},eo={desktop:et(A?.desktop),tablet:et(A?.tablet),mobile:et(A?.mobile)},er=a({...P,...e("w",N.wrapper),...e("pl",eo),...e("pr",eo)});return{embedVideoStyle:ee,backgroundBoxStyle:_,rowStyle:$,sectionStyle:er}};export{getRowStyle};
+import{makeStyleResponsive as e,getValueByDevice as t,isEmptyChildren as o,splitStyle as r,composeRadius as p,composeGridLayout as i,makeStyle as l,getStyleBackgroundByDevice as d,getGradientBgrStyleByDevice as n}from"@gem-sdk/core";import{createStyle as a}from"@gem-sdk/system";import{getInnerRadiusExcludeBorder as m,createStyleObject as s}from"./helpers.js";import{postPurchaseViewSpacing as b}from"../../../../post-purchase/common/helper.js";let getRowStyle=(g,f)=>{let{children:u,setting:c,builderProps:h,styles:k,style:x,advanced:v,isNotFullWidth:w,parentStyle:y}=g,{isSection:j,layout:R,horizontalAlign:S,responsive:T,inlineAlignment:O}=c??{},{width:q,columnGap:z,rowGap:C,background:D,verticalGutter:H,verticalGutterMobile:L,enablePagePadding:Y,height:A}=k??{},B=m(v?.border,v?.rounded),E=(e,t)=>{let o=e?.normal,r=t?.normal;if(!o||!r||r?.borderType=="none"||"square"===o.radiusType||"none"===o.radiusType)return!1;for(let e in o)if(Object.hasOwn(o,e)&&"0px"!==o[e])return!0;return!1},F=e("of",{desktop:E(B.desktop,t(v?.border,"desktop"))?"hidden":void 0,tablet:E(B.tablet,t(v?.border,"tablet"))?"hidden":void 0,mobile:E(B.mobile,t(v?.border,"mobile"))?"hidden":void 0}),G=h?.builderData?.childrens?.length,I={...e("aspect",{desktop:"16/9"})},J=o(u)||!G,K={desktop:q?.desktop==="default"?"1200px":q?.desktop,tablet:q?.tablet==="default"?"1200px":q?.tablet,mobile:q?.mobile==="default"?"1200px":q?.mobile},M=s(f?K:q),[N,P]=r(["pos","top","left","bottom","right","z"],x),Q=()=>({...j?P:x,...e("cg",H),...e("rg",L),...R?i(R):e("gtc",T),...e("w",M.content),...e("h",A),...j?{}:F}),U=()=>({"--mb":"0px","--mt":"0px",...e("cg",z),...l({pc:O,rg:C?b[C]:"0px"})}),V=t=>({...d(D,t),...n(D,{desktop:!0,tablet:!0,mobile:!0}),...e("pc",S)}),W=()=>{let e=w&&!J;return e?{marginLeft:"0px",marginRight:"0px"}:{}},X=()=>({...p(B)}),Z=(e=!1)=>a({...Q(),...V(),...W(),...e?U():{},...c?.sameHeightSubgridContainer&&y}),$=a({...X()}),_=a({...I,"pointer-events":"none",transform:"translateY(-50%)",height:"100%","object-fit":"cover",top:"50%"}),ee=e=>{if(void 0!==e)return e?"var(--g-ct-p, 15px)":"none"},et={desktop:ee(Y?.desktop),tablet:ee(Y?.tablet),mobile:ee(Y?.mobile)},eo=a({...N,...e("w",M.wrapper),...e("pl",et),...e("pr",et)});return{embedVideoStyle:_,backgroundBoxStyle:$,rowStyle:Z,sectionStyle:eo}};export{getRowStyle};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/components",
-  "version": "3.0.27",
+  "version": "3.1.0",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -25,9 +25,9 @@
     "scan-all-text": "rollup -c ./scripts/rollup.config.settings.mjs && node ./scripts/scan-all-text && node ./scripts/scan-all-text"
   },
   "devDependencies": {
-    "@gem-sdk/core": "3.0.19",
-    "@gem-sdk/styles": "3.0.0",
-    "@gem-sdk/system": "3.0.0",
+    "@gem-sdk/core": "3.1.0",
+    "@gem-sdk/styles": "3.1.0",
+    "@gem-sdk/system": "3.1.0",
     "tsup": "^8.5.0",
     "@types/react-transition-group": "^4.4.12",
     "xlsx": "^0.18.5"