@gem-sdk/components 17.0.0-staging.30 → 17.0.0-staging.31

package/dist/cjs/article/components/ArticleReadMore.liquid.js

@@ -1,6 +1,6 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../text/components/Text.liquid.js"),l=require("../../button/components/Button.liquid.js"),r=require("../settings/configs/translate.js");exports.default=({setting:a,styles:n,builderAttrs:o,builderProps:s,advanced:i,style:u})=>{let{readMoreType:p,label:d}=a??{},{typoBtn:g,typoText:c,globalSizeText:b,globalSizeBtn:x,textColorTextState:f,alignBtn:y,alignText:m,enableHoverEffectText:q}=n??{};return e.template`
-    ${e.RenderIf("text"===p,t.default({builderAttrs:o,builderProps:s,advanced:i,styles:{...n,color:f,typo:c,spacing:"0px",align:m,textColor:void 0,enableHoverEffect:q},style:u??{},setting:{...a,text:d,globalSize:b,excludeFlex:!0},translateSetting:r.ArticleReadMore?.label?.id}))}
-    ${e.RenderIf("text"!==p,e.template`<a href="{{article.url}}" target="_blank" class="gp-cursor-auto gp-pointer-events-none [&_button]:gp-pointer-events-auto">
-      ${l.default({builderAttrs:o,builderProps:s,advanced:i,styles:{...n,typo:g,globalSize:x,align:y},style:u??{},setting:{...a,label:d,htmlType:"button"},translateSetting:r.ArticleReadMore?.label?.id})}</a>`)}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../text/components/Text.liquid.js"),l=require("../../button/components/Button.liquid.js"),r=require("../settings/configs/translate.js");exports.default=({setting:a,styles:n,builderAttrs:o,builderProps:s,advanced:i,style:u,pageContext:p})=>{let{readMoreType:d,label:g}=a??{},{typoBtn:c,typoText:b,globalSizeText:x,globalSizeBtn:f,textColorTextState:y,alignBtn:m,alignText:q,enableHoverEffectText:v}=n??{};return e.template`
+    ${e.RenderIf("text"===d,t.default({builderAttrs:o,builderProps:s,advanced:i,styles:{...n,color:y,typo:b,spacing:"0px",align:q,textColor:void 0,enableHoverEffect:v},style:u??{},setting:{...a,text:g,globalSize:x,excludeFlex:!0},translateSetting:r.ArticleReadMore?.label?.id}))}
+    ${e.RenderIf("text"!==d,e.template`<a href="{{article.url}}" target="_blank" class="gp-cursor-auto gp-pointer-events-none [&_button]:gp-pointer-events-auto">
+      ${l.default({builderAttrs:o,builderProps:s,advanced:i,styles:{...n,typo:c,globalSize:f,align:m},style:u??{},setting:{...a,label:g,htmlType:"button"},translateSetting:r.ArticleReadMore?.label?.id,pageContext:p})}</a>`)}
   `};

package/dist/cjs/button/common/helpers.js

@@ -1,4 +1,4 @@
-"use strict";var e=require("@gem-sdk/core"),t=require("../../helpers.js"),r=require("../../link/components/Link.js"),l=require("../../constant.js"),s=require("./styles.js"),i=require("../settings/configs/translate.js");const o=(e,t)=>{if(!t)return e;let r={...e};return["hover","focus"].forEach(e=>{delete r?.backgroundColorV2?.[e]}),r},a=({label:r,translateSetting:l,styles:s,pageContext:o,isUseTranslatedValue:a,builderProps:n,isLiquid:c=!1,isForceValue:p})=>{let g=!a||p?r:t.getDynamicSourceLocales({val:r,pageContext:o,settingId:t.createSettingId({id:l??i.Button?.label?.id}),uid:n?.uidTranslate??n?.uid,isCapitalize:s?.typo?.attrs?.transform==="capitalize"});return c?g?.toString()??"":e.convertHTML(r)},n=(e,t)=>!!e&&t,c=(e,t)=>!!e||!t,p=({mode:e,options:t,isLiquid:r=!1})=>r?!t?.isCannotEditing:"edit"===e&&!t?.isCannotEditing,g=e=>!!e?.link?.startsWith("#")&&("_self"===e.target||"scroll-to"===e.type),u=t=>e.splitStyle(["pos","top","left","bottom","right","z"],t),d=e=>e?"loading":"idle",h=(e,t,r)=>e??(t||r)??"",f=({label:e,isLiquid:t=!1})=>t?e?.toString().replaceAll("'","'").replaceAll('"',"'")??"":e?.toString()??"",S=`
+"use strict";var e=require("@gem-sdk/core"),t=require("../../helpers.js"),r=require("../../link/components/Link.js"),l=require("../../constant.js"),s=require("./styles.js"),o=require("../settings/configs/translate.js");const i=(e,t)=>{if(!t)return e;let r={...e};return["hover","focus"].forEach(e=>{delete r?.backgroundColorV2?.[e]}),r},a=({label:r,translateSetting:l,styles:s,pageContext:i,isUseTranslatedValue:a,builderProps:n,isLiquid:p=!1,isForceValue:c})=>{let g=!a||c?r:t.getDynamicSourceLocales({val:r,pageContext:i,settingId:t.createSettingId({id:l??o.Button?.label?.id}),uid:n?.uidTranslate??n?.uid,isCapitalize:s?.typo?.attrs?.transform==="capitalize"});return p?g?.toString()??"":e.convertHTML(r)},n=(e,t)=>!!e&&t,p=(e,t)=>!!e||!t,c=({mode:e,options:t,isLiquid:r=!1})=>r?!t?.isCannotEditing:"edit"===e&&!t?.isCannotEditing,g=e=>!!e?.link?.startsWith("#")&&("_self"===e.target||"scroll-to"===e.type),u=t=>e.splitStyle(["pos","top","left","bottom","right","z"],t),d=e=>e?"loading":"idle",h=(e,t,r)=>e??(t||r)??"",f=({label:e,isLiquid:t=!1})=>t?e?.toString().replaceAll("'","'").replaceAll('"',"'")??"":e?.toString()??"",S=`
   <svg
     class="gp-invisible gp-absolute gp-h-5 gp-w-5 group-data-[state=loading]:gp-animate-spin group-data-[state=loading]:gp-visible"
     xmlns="http://www.w3.org/2000/svg"
@@ -19,4 +19,4 @@
       d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
     ></path>
   </svg>
-`;exports.LOADING_INDICATOR=S,exports.checkIsScrollToElement=g,exports.checkIsShowIcon=n,exports.getCleanedStyles=o,exports.getData=e=>{let{style:t,dataId:r,pageContext:l,styles:i={},setting:S={},builderProps:k,builderAttrs:y,isUseTranslatedValue:x=!0}=e,{label:I,iconSvg:b,btnLink:C,loading:m,options:L,disabled:w,iconVisible:v,shouldClearSpace:E}=S,[T,A]=u(t),D=o(i,w),q=s.getCustomCssStyles({styles:i,uid:k?.uid,builderAttrs:y,enableHoverEffect:S.enableHoverEffect??!0}),_=d(m),j=h(k?.uidInteraction,r,k?.uid),z=e=>{let{isLiquid:t,translateSetting:r,isForceValue:s}=e??{};return a({pageContext:l??{},label:I,translateSetting:r,isForceValue:s,builderProps:k,styles:D,isLiquid:t,...t&&{pageContext:l},...t&&{isUseTranslatedValue:x}})},H=n(b,v),O=g(C);return{customCss:q,wrapStyle:T,restStyle:A,dataState:_,dataIdAttr:j,isShowIcon:H,isScrollToElement:O,getArialLabel:e=>{let{isLiquid:t}=e??{};return f({label:I,isLiquid:t})},getLabelToDisplay:z,checkIsShowLabel:e=>{let{isLiquid:t}=e??{},r=z({isLiquid:t});return c(r,E)},checkIsEditableLabel:e=>{let{isLiquid:t,mode:r}=e??{};return p({options:L,isLiquid:t,...!t&&r&&{mode:r}})}}},exports.getDataId=h,exports.getDataState=d,exports.getInsertLinkData=({setting:e,htmlType:s,defaultTag:i,enableBtnLink:o,isLiquid:a=!1,pageType:n})=>{let c=["product.url"],p=["#","mailto:","tel:"],g=e?.link??"",u="/"===g,d=e?.link!==void 0&&""!==e.link,h=new RegExp(/^https?:\/\//i),f=d&&h.test(g);d&&g.toLowerCase().startsWith("mailto:")&&g.includes("+")&&(g=t.normalizeMailto(g));let S=t.isLinkedToSalesPage(e?.type),k=!!o&&(f||t.isShopifyDomain(d,g)||(()=>{if(c.find(e=>g.includes(e)))return!0;let r=p.find(e=>g.startsWith(e));return!(!r||t.checkIsScrollToTop(e)||"STATIC"===n&&t.checkIsOpenPopup(e))})()||u||S),y=g;a&&(t.isShopifyDomain(d,g)||u)&&(y=e?.isTranslate?"$locationOrigin"+g:"{{ request.origin }}{{ routes.root_url | split: '/' | join: '/' }}"+g);let x=k?a?"a":r.default:i,I={href:y,target:e?.target,...e?.noFollow&&{rel:"nofollow"}},b=k?I:d?{...I,type:s}:{type:s};return S&&(b={href:l.HREF_TO_SALES_PAGE,target:"_self"}),{HTMLTag:x,urlData:b,shouldRenderLink:k}},exports.getSplitStyles=u,exports.handleCheckIsEditableLabel=p,exports.handleCheckIsShowLabel=c,exports.handleGetArialLabel=f,exports.handleGetLabelToDisplay=a;
+`;exports.LOADING_INDICATOR=S,exports.checkIsScrollToElement=g,exports.checkIsShowIcon=n,exports.getCleanedStyles=i,exports.getData=e=>{let{style:t,dataId:r,pageContext:l,styles:o={},setting:S={},builderProps:k,builderAttrs:x,isUseTranslatedValue:y=!0}=e,{label:C,iconSvg:I,btnLink:b,loading:m,options:L,disabled:w,iconVisible:v,shouldClearSpace:E}=S,[T,A]=u(t),D=i(o,w),q=s.getCustomCssStyles({styles:o,uid:k?.uid,builderAttrs:x,enableHoverEffect:S.enableHoverEffect??!0}),_=d(m),j=h(k?.uidInteraction,r,k?.uid),z=e=>{let{isLiquid:t,translateSetting:r,isForceValue:s,pageContext:o}=e??{};return a({pageContext:o??l??{},label:C,translateSetting:r,isForceValue:s,builderProps:k,styles:D,isLiquid:t,...t&&{isUseTranslatedValue:y}})},H=n(I,v),O=g(b);return{customCss:q,wrapStyle:T,restStyle:A,dataState:_,dataIdAttr:j,isShowIcon:H,isScrollToElement:O,getArialLabel:e=>{let{isLiquid:t}=e??{};return f({label:C,isLiquid:t})},getLabelToDisplay:z,checkIsShowLabel:e=>{let{isLiquid:t,translateSetting:r,isForceValue:s,pageContext:o}=e??{},i=z({isLiquid:t,translateSetting:r,isForceValue:s,pageContext:o??l??{}});return p(i,E)},checkIsEditableLabel:e=>{let{isLiquid:t,mode:r}=e??{};return c({options:L,isLiquid:t,...!t&&r&&{mode:r}})}}},exports.getDataId=h,exports.getDataState=d,exports.getInsertLinkData=({setting:e,htmlType:s,defaultTag:o,enableBtnLink:i,isLiquid:a=!1,pageType:n})=>{let p=["product.url"],c=["#","mailto:","tel:"],g=e?.link??"",u="/"===g,d=e?.link!==void 0&&""!==e.link,h=new RegExp(/^https?:\/\//i),f=d&&h.test(g);d&&g.toLowerCase().startsWith("mailto:")&&g.includes("+")&&(g=t.normalizeMailto(g));let S=t.isLinkedToSalesPage(e?.type),k=!!i&&(f||t.isShopifyDomain(d,g)||(()=>{if(p.find(e=>g.includes(e)))return!0;let r=c.find(e=>g.startsWith(e));return!(!r||t.checkIsScrollToTop(e)||"STATIC"===n&&t.checkIsOpenPopup(e))})()||u||S),x=g;a&&(t.isShopifyDomain(d,g)||u)&&(x=e?.isTranslate?"$locationOrigin"+g:"{{ request.origin }}{{ routes.root_url | split: '/' | join: '/' }}"+g);let y=k?a?"a":r.default:o,C={href:x,target:e?.target,...e?.noFollow&&{rel:"nofollow"}},I=k?C:d?{...C,type:s}:{type:s};return S&&(I={href:l.HREF_TO_SALES_PAGE,target:"_self"}),{HTMLTag:y,urlData:I,shouldRenderLink:k}},exports.getSplitStyles=u,exports.handleCheckIsEditableLabel=c,exports.handleCheckIsShowLabel=p,exports.handleGetArialLabel=f,exports.handleGetLabelToDisplay=a;

package/dist/cjs/button/components/Button.liquid.js

@@ -1,30 +1,30 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("@gem-sdk/system"),s=require("../common/attrs.js"),a=require("../common/styles.js"),r=require("../common/classes.js"),l=require("../../helpers.js"),i=require("./ButtonIcon.liquid.js"),n=require("./ButtonLabel.liquid.js"),u=require("./ButtonLoadingIndicator.liquid.js"),o=require("../common/helpers.js");exports.default=c=>{let{advanced:d,className:g,nodePrice:p,customAttrs:y,styles:$={},setting:f={},builderProps:q,wrapClassName:S="",translateSetting:L,isForceValue:b}=c,{iconSvg:C,btnLink:m,htmlType:v,disabled:B,enableBtnLink:I,shouldClearSpace:j,disabledLoading:k=!0}=f,{enableTextStyle:h=!0}=$,{customCss:E,wrapStyle:T,restStyle:A,dataState:D,dataIdAttr:P,isShowIcon:_,isScrollToElement:x,getArialLabel:M,getLabelToDisplay:O,checkIsShowLabel:W,checkIsEditableLabel:G}=o.getData(c),{HTMLTag:H,urlData:R,shouldRenderLink:N}=o.getInsertLinkData({enableBtnLink:I,htmlType:v,setting:m,defaultTag:"button",isLiquid:!0}),U=t.createStyle({...a.getButtonStyles($,f?.enableHoverEffect)}),V=t.createStyle({...a.getTypoStyles($)}),w=t.createStyle({...a.getTypoStyles($),...a.getButtonIconStyles($,f)}),z=t.createStyle({...a.getButtonWrapperStyles(A,$)}),F=t.createClass({...r.getButtonClasses({styles:$,className:g,shouldRenderLink:N,uid:q?.uid,advanced:d})}),J=t.createClass({...r.getButtonIconClasses(O({isLiquid:!0,translateSetting:L,isForceValue:b}),j,h)}),K=t.createClass({...r.getButtonLabelClasses($,G({isLiquid:!0}))}),Q=t.createClass({...r.getButtonWrapperClasses(S,g,d?.cssClass)}),X=t.createClass({...r.getButtonContentWrapperClasses(f)}),Y=t.createClass({...r.getButtonContainerClasses()}),Z=t.createAttr({...s.getButtonAttributes({disabled:B,dataState:D,dataId:P,arialLabel:M({isLiquid:!0})})}),ee=t.createStateOrContext({btnLink:f?.btnLink});return t.Liquid(e.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("@gem-sdk/system"),s=require("../common/attrs.js"),a=require("../common/styles.js"),r=require("../common/classes.js"),l=require("../../helpers.js"),i=require("./ButtonIcon.liquid.js"),n=require("./ButtonLabel.liquid.js"),o=require("./ButtonLoadingIndicator.liquid.js"),u=require("../common/helpers.js");exports.default=c=>{let{advanced:g,className:d,nodePrice:p,customAttrs:y,styles:$={},setting:f={},builderProps:q,wrapClassName:S="",translateSetting:C,isForceValue:L,pageContext:b}=c,{iconSvg:m,btnLink:v,htmlType:B,disabled:I,enableBtnLink:j,shouldClearSpace:k,disabledLoading:h=!0}=f,{enableTextStyle:x=!0}=$,{customCss:E,wrapStyle:T,restStyle:A,dataState:D,dataIdAttr:P,isShowIcon:_,isScrollToElement:M,getArialLabel:O,getLabelToDisplay:W,checkIsShowLabel:G,checkIsEditableLabel:H}=u.getData(c),{HTMLTag:R,urlData:N,shouldRenderLink:U}=u.getInsertLinkData({enableBtnLink:j,htmlType:B,setting:v,defaultTag:"button",isLiquid:!0}),V=t.createStyle({...a.getButtonStyles($,f?.enableHoverEffect)}),w=t.createStyle({...a.getTypoStyles($)}),z=t.createStyle({...a.getTypoStyles($),...a.getButtonIconStyles($,f)}),F=t.createStyle({...a.getButtonWrapperStyles(A,$)}),J=t.createClass({...r.getButtonClasses({styles:$,className:d,shouldRenderLink:U,uid:q?.uid,advanced:g})}),K=t.createClass({...r.getButtonIconClasses(W({isLiquid:!0,translateSetting:C,isForceValue:L,pageContext:b??{}}),k,x)}),Q=t.createClass({...r.getButtonLabelClasses($,H({isLiquid:!0}))}),X=t.createClass({...r.getButtonWrapperClasses(S,d,g?.cssClass)}),Y=t.createClass({...r.getButtonContentWrapperClasses(f)}),Z=t.createClass({...r.getButtonContainerClasses()}),ee=t.createAttr({...s.getButtonAttributes({disabled:I,dataState:D,dataId:P,arialLabel:O({isLiquid:!0})})}),et=t.createStateOrContext({btnLink:f?.btnLink});return t.Liquid(e.template`
     <gp-button
-      gp-data='${e.dataStringify(ee)}'
+      gp-data='${e.dataStringify(et)}'
       style="${{...T}}"
-      class="${Y}"
+      class="${Z}"
     >
-      <div style="${z}" class="${Q}">
+      <div style="${F}" class="${X}">
         <style>${E}</style>
-        ${t.If(x,`<a
+        ${t.If(M,`<a
             class="gp-trigger-button-link gp-hidden"
-            href=${R.href}
-            target=${R.target}
+            href=${N.href}
+            target=${N.target}
           ></a>`)}
-        <${H}
-          ${{...Z}}
+        <${R}
+          ${{...ee}}
           ${{...y}}
-          ${{...R}}
-          style="${U}"
-          class="${F}"
+          ${{...N}}
+          style="${V}"
+          class="${J}"
         >
-        ${t.If(!k,u.default(),"")}
-        <div class="${X}">
-          ${t.If(_,i.default({iconSvg:C??"",styles:w,classes:J}))}
-          ${t.If(h&&W({isLiquid:!0}),n.default({label:O({isLiquid:!0,translateSetting:L,isForceValue:b}),styles:V,classes:K}))}
+        ${t.If(!h,o.default(),"")}
+        <div class="${Y}">
+          ${t.If(_,i.default({iconSvg:m??"",styles:z,classes:K}))}
+          ${t.If(x&&G({isLiquid:!0,translateSetting:C,isForceValue:L,pageContext:b??{}}),n.default({label:W({isLiquid:!0,translateSetting:C,isForceValue:L,pageContext:b??{}}),styles:w,classes:Q}))}
         </div>
         ${t.If(!!p,p?.toString()??"","")}
-        </${H}>
+        </${R}>
       </div>
       ${t.If(e.isLocalEnv,`<script ${l.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-button-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${l.getSettingPreloadData('class="gps-link" delay',"src")}="${e.baseAssetURL}/assets-v2/gp-button-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
     </gp-button>

package/dist/esm/article/components/ArticleReadMore.liquid.js

@@ -1,6 +1,6 @@
 'use client';
-import{RenderIf as t,template as e}from"@gem-sdk/core";import o from"../../text/components/Text.liquid.js";import l from"../../button/components/Button.liquid.js";import{ArticleReadMore as r}from"../settings/configs/translate.js";let n=({setting:n,styles:a,builderAttrs:s,builderProps:i,advanced:p,style:g})=>{let{readMoreType:c,label:u}=n??{},{typoBtn:m,typoText:b,globalSizeText:d,globalSizeBtn:x,textColorTextState:f,alignBtn:y,alignText:v,enableHoverEffectText:S}=a??{};return e`
-    ${t("text"===c,o({builderAttrs:s,builderProps:i,advanced:p,styles:{...a,color:f,typo:b,spacing:"0px",align:v,textColor:void 0,enableHoverEffect:S},style:g??{},setting:{...n,text:u,globalSize:d,excludeFlex:!0},translateSetting:r?.label?.id}))}
-    ${t("text"!==c,e`<a href="{{article.url}}" target="_blank" class="gp-cursor-auto gp-pointer-events-none [&_button]:gp-pointer-events-auto">
-      ${l({builderAttrs:s,builderProps:i,advanced:p,styles:{...a,typo:m,globalSize:x,align:y},style:g??{},setting:{...n,label:u,htmlType:"button"},translateSetting:r?.label?.id})}</a>`)}
+import{RenderIf as t,template as e}from"@gem-sdk/core";import o from"../../text/components/Text.liquid.js";import l from"../../button/components/Button.liquid.js";import{ArticleReadMore as r}from"../settings/configs/translate.js";let n=({setting:n,styles:a,builderAttrs:s,builderProps:i,advanced:p,style:g,pageContext:c})=>{let{readMoreType:u,label:m}=n??{},{typoBtn:b,typoText:d,globalSizeText:x,globalSizeBtn:f,textColorTextState:y,alignBtn:v,alignText:S,enableHoverEffectText:j}=a??{};return e`
+    ${t("text"===u,o({builderAttrs:s,builderProps:i,advanced:p,styles:{...a,color:y,typo:d,spacing:"0px",align:S,textColor:void 0,enableHoverEffect:j},style:g??{},setting:{...n,text:m,globalSize:x,excludeFlex:!0},translateSetting:r?.label?.id}))}
+    ${t("text"!==u,e`<a href="{{article.url}}" target="_blank" class="gp-cursor-auto gp-pointer-events-none [&_button]:gp-pointer-events-auto">
+      ${l({builderAttrs:s,builderProps:i,advanced:p,styles:{...a,typo:b,globalSize:f,align:v},style:g??{},setting:{...n,label:m,htmlType:"button"},translateSetting:r?.label?.id,pageContext:c})}</a>`)}
   `};export{n as default};

package/dist/esm/button/common/helpers.js

@@ -1,4 +1,4 @@
-import{splitStyle as t,convertHTML as e}from"@gem-sdk/core";import{normalizeMailto as l,isShopifyDomain as r,checkIsScrollToTop as i,checkIsOpenPopup as a,isLinkedToSalesPage as o,getDynamicSourceLocales as n,createSettingId as s}from"../../helpers.js";import c from"../../link/components/Link.js";import{HREF_TO_SALES_PAGE as g}from"../../constant.js";import{getCustomCssStyles as p}from"./styles.js";import{Button as d}from"../settings/configs/translate.js";let u=(t,e)=>{if(!e)return t;let l={...t};return["hover","focus"].forEach(t=>{delete l?.backgroundColorV2?.[t]}),l},h=({label:t,translateSetting:l,styles:r,pageContext:i,isUseTranslatedValue:a,builderProps:o,isLiquid:c=!1,isForceValue:g})=>{let p=!a||g?t:n({val:t,pageContext:i,settingId:s({id:l??d?.label?.id}),uid:o?.uidTranslate??o?.uid,isCapitalize:r?.typo?.attrs?.transform==="capitalize"});return c?p?.toString()??"":e(t)},f=(t,e)=>!!t&&e,m=(t,e)=>!!t||!e,b=({mode:t,options:e,isLiquid:l=!1})=>l?!e?.isCannotEditing:"edit"===t&&!e?.isCannotEditing,k=t=>!!t?.link?.startsWith("#")&&("_self"===t.target||"scroll-to"===t.type),I=e=>t(["pos","top","left","bottom","right","z"],e),w=t=>t?"loading":"idle",C=(t,e,l)=>t??(e||l)??"",y=({label:t,isLiquid:e=!1})=>e?t?.toString().replaceAll("'","'").replaceAll('"',"'")??"":t?.toString()??"",L=({setting:t,htmlType:e,defaultTag:n,enableBtnLink:s,isLiquid:p=!1,pageType:d})=>{let u=["product.url"],h=["#","mailto:","tel:"],f=t?.link??"",m="/"===f,b=t?.link!==void 0&&""!==t.link,k=new RegExp(/^https?:\/\//i),I=b&&k.test(f);b&&f.toLowerCase().startsWith("mailto:")&&f.includes("+")&&(f=l(f));let w=o(t?.type),C=!!s&&(I||r(b,f)||(()=>{if(u.find(t=>f.includes(t)))return!0;let e=h.find(t=>f.startsWith(t));return!(!e||i(t)||"STATIC"===d&&a(t))})()||m||w),y=f;p&&(r(b,f)||m)&&(y=t?.isTranslate?"$locationOrigin"+f:"{{ request.origin }}{{ routes.root_url | split: '/' | join: '/' }}"+f);let L={href:y,target:t?.target,...t?.noFollow&&{rel:"nofollow"}},S=C?L:b?{...L,type:e}:{type:e};return w&&(S={href:g,target:"_self"}),{HTMLTag:C?p?"a":c:n,urlData:S,shouldRenderLink:C}},S=t=>{let{style:e,dataId:l,pageContext:r,styles:i={},setting:a={},builderProps:o,builderAttrs:n,isUseTranslatedValue:s=!0}=t,{label:c,iconSvg:g,btnLink:d,loading:L,options:S,disabled:v,iconVisible:E,shouldClearSpace:T}=a,[A,D]=I(e),j=u(i,v),x=p({styles:i,uid:o?.uid,builderAttrs:n,enableHoverEffect:a.enableHoverEffect??!0}),z=w(L),H=C(o?.uidInteraction,l,o?.uid),_=t=>{let{isLiquid:e,translateSetting:l,isForceValue:i}=t??{};return h({pageContext:r??{},label:c,translateSetting:l,isForceValue:i,builderProps:o,styles:j,isLiquid:e,...e&&{pageContext:r},...e&&{isUseTranslatedValue:s}})},G=f(g,E),O=k(d);return{customCss:x,wrapStyle:A,restStyle:D,dataState:z,dataIdAttr:H,isShowIcon:G,isScrollToElement:O,getArialLabel:t=>{let{isLiquid:e}=t??{};return y({label:c,isLiquid:e})},getLabelToDisplay:_,checkIsShowLabel:t=>{let{isLiquid:e}=t??{},l=_({isLiquid:e});return m(l,T)},checkIsEditableLabel:t=>{let{isLiquid:e,mode:l}=t??{};return b({options:S,isLiquid:e,...!e&&l&&{mode:l}})}}},v=`
+import{splitStyle as t,convertHTML as e}from"@gem-sdk/core";import{normalizeMailto as l,isShopifyDomain as r,checkIsScrollToTop as i,checkIsOpenPopup as a,isLinkedToSalesPage as o,getDynamicSourceLocales as n,createSettingId as s}from"../../helpers.js";import g from"../../link/components/Link.js";import{HREF_TO_SALES_PAGE as p}from"../../constant.js";import{getCustomCssStyles as c}from"./styles.js";import{Button as d}from"../settings/configs/translate.js";let u=(t,e)=>{if(!e)return t;let l={...t};return["hover","focus"].forEach(t=>{delete l?.backgroundColorV2?.[t]}),l},h=({label:t,translateSetting:l,styles:r,pageContext:i,isUseTranslatedValue:a,builderProps:o,isLiquid:g=!1,isForceValue:p})=>{let c=!a||p?t:n({val:t,pageContext:i,settingId:s({id:l??d?.label?.id}),uid:o?.uidTranslate??o?.uid,isCapitalize:r?.typo?.attrs?.transform==="capitalize"});return g?c?.toString()??"":e(t)},f=(t,e)=>!!t&&e,m=(t,e)=>!!t||!e,b=({mode:t,options:e,isLiquid:l=!1})=>l?!e?.isCannotEditing:"edit"===t&&!e?.isCannotEditing,k=t=>!!t?.link?.startsWith("#")&&("_self"===t.target||"scroll-to"===t.type),C=e=>t(["pos","top","left","bottom","right","z"],e),I=t=>t?"loading":"idle",w=(t,e,l)=>t??(e||l)??"",y=({label:t,isLiquid:e=!1})=>e?t?.toString().replaceAll("'","'").replaceAll('"',"'")??"":t?.toString()??"",L=({setting:t,htmlType:e,defaultTag:n,enableBtnLink:s,isLiquid:c=!1,pageType:d})=>{let u=["product.url"],h=["#","mailto:","tel:"],f=t?.link??"",m="/"===f,b=t?.link!==void 0&&""!==t.link,k=new RegExp(/^https?:\/\//i),C=b&&k.test(f);b&&f.toLowerCase().startsWith("mailto:")&&f.includes("+")&&(f=l(f));let I=o(t?.type),w=!!s&&(C||r(b,f)||(()=>{if(u.find(t=>f.includes(t)))return!0;let e=h.find(t=>f.startsWith(t));return!(!e||i(t)||"STATIC"===d&&a(t))})()||m||I),y=f;c&&(r(b,f)||m)&&(y=t?.isTranslate?"$locationOrigin"+f:"{{ request.origin }}{{ routes.root_url | split: '/' | join: '/' }}"+f);let L={href:y,target:t?.target,...t?.noFollow&&{rel:"nofollow"}},S=w?L:b?{...L,type:e}:{type:e};return I&&(S={href:p,target:"_self"}),{HTMLTag:w?c?"a":g:n,urlData:S,shouldRenderLink:w}},S=t=>{let{style:e,dataId:l,pageContext:r,styles:i={},setting:a={},builderProps:o,builderAttrs:n,isUseTranslatedValue:s=!0}=t,{label:g,iconSvg:p,btnLink:d,loading:L,options:S,disabled:v,iconVisible:E,shouldClearSpace:T}=a,[x,A]=C(e),D=u(i,v),j=c({styles:i,uid:o?.uid,builderAttrs:n,enableHoverEffect:a.enableHoverEffect??!0}),z=I(L),H=w(o?.uidInteraction,l,o?.uid),_=t=>{let{isLiquid:e,translateSetting:l,isForceValue:i,pageContext:a}=t??{};return h({pageContext:a??r??{},label:g,translateSetting:l,isForceValue:i,builderProps:o,styles:D,isLiquid:e,...e&&{isUseTranslatedValue:s}})},G=f(p,E),O=k(d);return{customCss:j,wrapStyle:x,restStyle:A,dataState:z,dataIdAttr:H,isShowIcon:G,isScrollToElement:O,getArialLabel:t=>{let{isLiquid:e}=t??{};return y({label:g,isLiquid:e})},getLabelToDisplay:_,checkIsShowLabel:t=>{let{isLiquid:e,translateSetting:l,isForceValue:i,pageContext:a}=t??{},o=_({isLiquid:e,translateSetting:l,isForceValue:i,pageContext:a??r??{}});return m(o,T)},checkIsEditableLabel:t=>{let{isLiquid:e,mode:l}=t??{};return b({options:S,isLiquid:e,...!e&&l&&{mode:l}})}}},v=`
   <svg
     class="gp-invisible gp-absolute gp-h-5 gp-w-5 group-data-[state=loading]:gp-animate-spin group-data-[state=loading]:gp-visible"
     xmlns="http://www.w3.org/2000/svg"
@@ -19,4 +19,4 @@ import{splitStyle as t,convertHTML as e}from"@gem-sdk/core";import{normalizeMail
       d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
     ></path>
   </svg>
-`;export{v as LOADING_INDICATOR,k as checkIsScrollToElement,f as checkIsShowIcon,u as getCleanedStyles,S as getData,C as getDataId,w as getDataState,L as getInsertLinkData,I as getSplitStyles,b as handleCheckIsEditableLabel,m as handleCheckIsShowLabel,y as handleGetArialLabel,h as handleGetLabelToDisplay};
+`;export{v as LOADING_INDICATOR,k as checkIsScrollToElement,f as checkIsShowIcon,u as getCleanedStyles,S as getData,w as getDataId,I as getDataState,L as getInsertLinkData,C as getSplitStyles,b as handleCheckIsEditableLabel,m as handleCheckIsShowLabel,y as handleGetArialLabel,h as handleGetLabelToDisplay};

package/dist/esm/button/components/Button.liquid.js

@@ -1,31 +1,31 @@
-import{dataStringify as s,isLocalEnv as t,baseAssetURL as i,template as e}from"@gem-sdk/core";import{createStyle as r,createClass as o,createAttr as l,createStateOrContext as a,Liquid as d,If as m}from"@gem-sdk/system";import{getButtonAttributes as n}from"../common/attrs.js";import{getButtonStyles as p,getTypoStyles as c,getButtonIconStyles as u,getButtonWrapperStyles as $}from"../common/styles.js";import{getButtonClasses as f,getButtonIconClasses as g,getButtonLabelClasses as b,getButtonWrapperClasses as L,getButtonContentWrapperClasses as y,getButtonContainerClasses as j}from"../common/classes.js";import{getSettingPreloadData as v}from"../../helpers.js";import q from"./ButtonIcon.liquid.js";import k from"./ButtonLabel.liquid.js";import S from"./ButtonLoadingIndicator.liquid.js";import{getData as h,getInsertLinkData as E}from"../common/helpers.js";let B=B=>{let{advanced:I,className:T,nodePrice:A,customAttrs:G,styles:H={},setting:M={},builderProps:_,wrapClassName:x="",translateSetting:C,isForceValue:N}=B,{iconSvg:O,btnLink:P,htmlType:R,disabled:V,enableBtnLink:w,shouldClearSpace:z,disabledLoading:D=!0}=M,{enableTextStyle:F=!0}=H,{customCss:J,wrapStyle:K,restStyle:Q,dataState:U,dataIdAttr:W,isShowIcon:X,isScrollToElement:Y,getArialLabel:Z,getLabelToDisplay:ss,checkIsShowLabel:st,checkIsEditableLabel:si}=h(B),{HTMLTag:se,urlData:sr,shouldRenderLink:so}=E({enableBtnLink:w,htmlType:R,setting:P,defaultTag:"button",isLiquid:!0}),sl=r({...p(H,M?.enableHoverEffect)}),sa=r({...c(H)}),sd=r({...c(H),...u(H,M)}),sm=r({...$(Q,H)}),sn=o({...f({styles:H,className:T,shouldRenderLink:so,uid:_?.uid,advanced:I})}),sp=o({...g(ss({isLiquid:!0,translateSetting:C,isForceValue:N}),z,F)}),sc=o({...b(H,si({isLiquid:!0}))}),su=o({...L(x,T,I?.cssClass)}),s$=o({...y(M)}),sf=o({...j()}),sg=l({...n({disabled:V,dataState:U,dataId:W,arialLabel:Z({isLiquid:!0})})}),sb=a({btnLink:M?.btnLink});return d(e`
+import{dataStringify as s,isLocalEnv as t,baseAssetURL as e,template as i}from"@gem-sdk/core";import{createStyle as o,createClass as r,createAttr as a,createStateOrContext as l,Liquid as d,If as n}from"@gem-sdk/system";import{getButtonAttributes as m}from"../common/attrs.js";import{getButtonStyles as p,getTypoStyles as c,getButtonIconStyles as u,getButtonWrapperStyles as $}from"../common/styles.js";import{getButtonClasses as g,getButtonIconClasses as f,getButtonLabelClasses as b,getButtonWrapperClasses as L,getButtonContentWrapperClasses as y,getButtonContainerClasses as j}from"../common/classes.js";import{getSettingPreloadData as v}from"../../helpers.js";import q from"./ButtonIcon.liquid.js";import k from"./ButtonLabel.liquid.js";import S from"./ButtonLoadingIndicator.liquid.js";import{getData as h,getInsertLinkData as E}from"../common/helpers.js";let x=x=>{let{advanced:B,className:C,nodePrice:I,customAttrs:T,styles:A={},setting:G={},builderProps:H,wrapClassName:M="",translateSetting:_,isForceValue:N,pageContext:O}=x,{iconSvg:P,btnLink:R,htmlType:V,disabled:w,enableBtnLink:z,shouldClearSpace:D,disabledLoading:F=!0}=G,{enableTextStyle:J=!0}=A,{customCss:K,wrapStyle:Q,restStyle:U,dataState:W,dataIdAttr:X,isShowIcon:Y,isScrollToElement:Z,getArialLabel:ss,getLabelToDisplay:st,checkIsShowLabel:se,checkIsEditableLabel:si}=h(x),{HTMLTag:so,urlData:sr,shouldRenderLink:sa}=E({enableBtnLink:z,htmlType:V,setting:R,defaultTag:"button",isLiquid:!0}),sl=o({...p(A,G?.enableHoverEffect)}),sd=o({...c(A)}),sn=o({...c(A),...u(A,G)}),sm=o({...$(U,A)}),sp=r({...g({styles:A,className:C,shouldRenderLink:sa,uid:H?.uid,advanced:B})}),sc=r({...f(st({isLiquid:!0,translateSetting:_,isForceValue:N,pageContext:O??{}}),D,J)}),su=r({...b(A,si({isLiquid:!0}))}),s$=r({...L(M,C,B?.cssClass)}),sg=r({...y(G)}),sf=r({...j()}),sb=a({...m({disabled:w,dataState:W,dataId:X,arialLabel:ss({isLiquid:!0})})}),sL=l({btnLink:G?.btnLink});return d(i`
     <gp-button
-      gp-data='${s(sb)}'
-      style="${{...K}}"
+      gp-data='${s(sL)}'
+      style="${{...Q}}"
       class="${sf}"
     >
-      <div style="${sm}" class="${su}">
-        <style>${J}</style>
-        ${m(Y,`<a
+      <div style="${sm}" class="${s$}">
+        <style>${K}</style>
+        ${n(Z,`<a
             class="gp-trigger-button-link gp-hidden"
             href=${sr.href}
             target=${sr.target}
           ></a>`)}
-        <${se}
-          ${{...sg}}
-          ${{...G}}
+        <${so}
+          ${{...sb}}
+          ${{...T}}
           ${{...sr}}
           style="${sl}"
-          class="${sn}"
+          class="${sp}"
         >
-        ${m(!D,S(),"")}
-        <div class="${s$}">
-          ${m(X,q({iconSvg:O??"",styles:sd,classes:sp}))}
-          ${m(F&&st({isLiquid:!0}),k({label:ss({isLiquid:!0,translateSetting:C,isForceValue:N}),styles:sa,classes:sc}))}
+        ${n(!F,S(),"")}
+        <div class="${sg}">
+          ${n(Y,q({iconSvg:P??"",styles:sn,classes:sc}))}
+          ${n(J&&se({isLiquid:!0,translateSetting:_,isForceValue:N,pageContext:O??{}}),k({label:st({isLiquid:!0,translateSetting:_,isForceValue:N,pageContext:O??{}}),styles:sd,classes:su}))}
         </div>
-        ${m(!!A,A?.toString()??"","")}
-        </${se}>
+        ${n(!!I,I?.toString()??"","")}
+        </${so}>
       </div>
-      ${m(t,`<script ${v('class="gps-link" delay',"src")}="{{ 'gp-button-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${v('class="gps-link" delay',"src")}="${i}/assets-v2/gp-button-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+      ${n(t,`<script ${v('class="gps-link" delay',"src")}="{{ 'gp-button-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${v('class="gps-link" delay',"src")}="${e}/assets-v2/gp-button-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
     </gp-button>
-  `)};export{B as default};
+  `)};export{x as default};

package/dist/types/index.d.ts

@@ -424,6 +424,7 @@ type ArticleReadMoreTranslateKeys = Extract<keyof ArticleReadMoreSettingProps, '
 type ArticlePaginationTranslateKeys = 'previousText' | 'nextText';
 type ArticleReadMoreProps = BasePropsWrap<ArticleReadMoreSettingProps, ArticleReadMoreStyleProps> & {
     className?: string;
+    pageContext?: PageContext;
 };
 
 declare const ArticleList$1: React.FC<ArticleListProps>;
@@ -6697,7 +6698,7 @@ declare const ArticleCategory: ({ setting, styles, advanced, builderProps }: Art
 
 declare const ArticleDate: ({ setting, styles, advanced, builderProps }: ArticleDateProps) => string;
 
-declare const ArticleReadMore$1: ({ setting, styles, builderAttrs, builderProps, advanced, style, }: ArticleReadMoreProps) => string;
+declare const ArticleReadMore$1: ({ setting, styles, builderAttrs, builderProps, advanced, style, pageContext, }: ArticleReadMoreProps) => string;
 
 declare const HeroBanner$1: (props: HeroBannerProps) => string;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/components",
-  "version": "17.0.0-staging.30",
+  "version": "17.0.0-staging.31",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -26,7 +26,7 @@
     "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-staging.30",
+    "@gem-sdk/core": "17.0.0-staging.31",
     "@gem-sdk/styles": "17.0.0-staging.30",
     "@gem-sdk/system": "17.0.0-staging.26",
     "@types/react-transition-group": "^4.4.12",