@gem-sdk/components 17.0.0-dev.86 → 17.0.0-dev.91

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/components",
-  "version": "17.0.0-dev.86",
+  "version": "17.0.0-dev.91",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -26,8 +26,8 @@
     "i18n:extract": "rollup -c ./scripts/rollup.config.settings.mjs && node ./scripts/translate/extract-texts-to-locales.js && node ./scripts/translate/en-keys-usage.js"
   },
   "devDependencies": {
-    "@gem-sdk/core": "17.0.0-dev.85",
-    "@gem-sdk/styles": "17.0.0-dev.84",
+    "@gem-sdk/core": "17.0.0-dev.90",
+    "@gem-sdk/styles": "17.0.0-dev.89",
     "@gem-sdk/system": "17.0.0-dev.84",
     "@types/react-transition-group": "^4.4.12",
     "postcss-import": "16.1.1",