@gem-sdk/components 19.1.0-dev.19 → 19.1.0-dev.23

package/dist/cjs/product/components/file-upload/UploadFile.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("@gem-sdk/system"),t=require("./common/helpers.js"),a=require("./common/style.js"),r=require("./common/classes.js"),l=require("./common/attr.js");exports.default=({setting:c,styles:o,builderProps:i,pageContext:n})=>{let v=s.createClass(r.createLayoutClasses(c,i?.uid)),y=s.createStyle({...t.removeHoverStyles(a.createLayoutStyles(c,o),o?.enableHoverEffect)}),m=s.createClass(r.createTypoClasses(o)),d=s.createStyle({...t.removeHoverStyles(a.createTypoStyles(o),o?.enableHoverEffect)}),C=s.createClass(r.createContentWidthClasses()),S=s.createClass(r.createPreviewClasses()),u=s.createClass(r.createPreviewItemClasses()),f=s.createClass(r.createPreviewRemoveClasses()),j=s.createClass(r.createMessageClasses()),x=s.createStyle(a.createMessageStyles()),p=s.createClass(r.createInputClasses()),H=s.createClass(r.composeClasses("gp-flex gp-items-center")),h=s.createAttr({...l.getInputAttr(c?.isRequired,c?.numberOfFiles)}),N=s.createStyle({...t.removeHoverStyles(a.createContainerStyles(o?.align,o?.textColor),o?.enableHoverEffect)}),g=s.createStyle({...t.removeHoverStyles(a.createWrapContentWidthStyles(c),o?.enableHoverEffect)}),b=s.createClass(r.createWrapContainerClasses(i?.uid)),I=s.createStyle({...t.removeHoverStyles(a.createContentWithStyles(c,o),o?.enableHoverEffect)}),q=s.createStyle({...t.removeHoverStyles(a.createIconContainerStyles(c),o?.enableHoverEffect)}),E=s.createClass(r.createIconContentClasses()),W=s.createStyle({...t.removeHoverStyles(a.createIconContentStyles(c,o),o?.enableHoverEffect)}),M=t.getDisplayText("React",{uid:i?.uid,setting:c,styles:o,pageContext:n});return e.jsxs("div",{className:b,style:N,children:[e.jsx("input",{...h,className:p}),e.jsx("div",{className:H,style:g,children:e.jsx("div",{className:C,style:I,children:e.jsxs("div",{className:v,style:y,children:[s.If(!!(c?.iconSvg&&c.iconVisible),e.jsx("div",{className:H,style:q,children:e.jsx("div",{className:E,style:W,dangerouslySetInnerHTML:{__html:c?.iconSvg??""}})})),e.jsx("div",{className:m,style:d,children:M})]})})}),e.jsx("div",{className:S,children:e.jsx("div",{className:u,children:e.jsx("div",{className:f})})}),e.jsx("div",{className:j,style:x})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("@gem-sdk/system"),t=require("./common/helpers.js"),a=require("./common/style.js"),r=require("./common/classes.js"),l=require("./common/attr.js");exports.default=({setting:c,styles:o,builderProps:i,pageContext:n})=>{let v=s.createClass(r.createLayoutClasses(c,i?.uid)),y=s.createStyle({...t.removeHoverStyles(a.createLayoutStyles(c,o),o?.enableHoverEffect)}),m=s.createClass(r.createTypoClasses(o)),d=s.createStyle({...t.removeHoverStyles(a.createTypoStyles(o),o?.enableHoverEffect)}),C=s.createClass(r.createContentWidthClasses()),u=s.createClass(r.createPreviewClasses()),S=s.createClass(r.createPreviewItemClasses()),f=s.createClass(r.createPreviewRemoveClasses()),j=s.createClass(r.createMessageClasses()),x=s.createStyle(a.createMessageStyles()),p=s.createClass(r.createInputClasses()),H=s.createClass(r.composeClasses("gp-flex gp-items-center")),h=s.createAttr({...l.getInputAttr(c?.isRequired,c?.numberOfFiles)}),g=s.createAttr({...l.getWrapperAttr({uid:i?.uid})}),N=s.createStyle({...t.removeHoverStyles(a.createContainerStyles(o?.align,o?.textColor),o?.enableHoverEffect)}),b=s.createStyle({...t.removeHoverStyles(a.createWrapContentWidthStyles(c),o?.enableHoverEffect)}),I=s.createClass(r.createWrapContainerClasses(i?.uid)),q=s.createStyle({...t.removeHoverStyles(a.createContentWithStyles(c,o),o?.enableHoverEffect)}),E=s.createStyle({...t.removeHoverStyles(a.createIconContainerStyles(c),o?.enableHoverEffect)}),W=s.createClass(r.createIconContentClasses()),A=s.createStyle({...t.removeHoverStyles(a.createIconContentStyles(c,o),o?.enableHoverEffect)}),M=t.getDisplayText("React",{uid:i?.uid,setting:c,styles:o,pageContext:n});return e.jsxs("div",{...g,className:I,style:N,children:[e.jsx("input",{...h,className:p}),e.jsx("div",{className:H,style:b,children:e.jsx("div",{className:C,style:q,children:e.jsxs("div",{className:v,style:y,children:[s.If(!!(c?.iconSvg&&c.iconVisible),e.jsx("div",{className:H,style:E,children:e.jsx("div",{className:W,style:A,dangerouslySetInnerHTML:{__html:c?.iconSvg??""}})})),e.jsx("div",{className:m,style:d,children:M})]})})}),e.jsx("div",{className:u,children:e.jsx("div",{className:S,children:e.jsx("div",{className:f})})}),e.jsx("div",{className:j,style:x})]})};

package/dist/cjs/product/components/file-upload/UploadFile.liquid.js

@@ -1,20 +1,20 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),s=require("../../../helpers.js"),t=require("@gem-sdk/system"),r=require("./common/classes.js"),a=require("./common/style.js"),l=require("./common/attr.js"),i=require("./common/helpers.js");exports.default=({setting:c,styles:o,builderProps:v,pageContext:n})=>{let d=t.createClass(r.createLayoutClasses(c,v?.uid)),y=t.createStyle({...i.removeHoverStyles(a.createLayoutStyles(c,o),o?.enableHoverEffect)}),p=t.createClass(r.createTypoClasses(o)),u=t.createStyle({...i.removeHoverStyles(a.createTypoStyles(o),o?.enableHoverEffect)}),C=t.createClass(r.createPreviewClasses()),f=t.createClass(r.createPreviewItemClasses()),S=t.createClass(r.createPreviewRemoveClasses()),m=t.createClass(r.createMessageClasses()),$=t.createStyle(a.createMessageStyles()),g=t.createClass(r.createContentWidthClasses()),H=t.createClass(r.createInputClasses()),b=t.createClass(r.composeClasses("gp-flex gp-items-center")),q=t.createAttr({...l.getInputAttr(c?.isRequired,c?.numberOfFiles)}),I=t.createStyle({...i.removeHoverStyles(a.createContainerStyles(o?.align,o?.textColor),o?.enableHoverEffect)}),j=t.createStyle({...i.removeHoverStyles(a.createWrapContentWidthStyles(c),o?.enableHoverEffect)}),E=t.createClass(r.createWrapContainerClasses(v?.uid)),P=t.createStyle({...i.removeHoverStyles(a.createContentWithStyles(c,o),o?.enableHoverEffect)}),h=t.createStyle({...i.removeHoverStyles(a.createIconContainerStyles(c),o?.enableHoverEffect)}),w=t.createClass(r.createIconContentClasses()),x=t.createStyle({...i.removeHoverStyles(a.createIconContentStyles(c,o),o?.enableHoverEffect)}),O=i.getDisplayText("Liquid",{uid:v?.uid,setting:c,styles:o,pageContext:n}),R=t.createStateOrContext({settings:{isShowPreviewImage:c?.isShowPreviewImage,numberOfFiles:c?.numberOfFiles,isRequired:c?.isRequired}});return e.template`
-  <gp-file-upload>
-  <script gp-data type="application/json">${JSON.stringify(R)}</script>
-  <div class="${E}" style="${I}">
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),s=require("../../../helpers.js"),t=require("@gem-sdk/system"),r=require("./common/classes.js"),a=require("./common/style.js"),l=require("./common/attr.js"),i=require("./common/helpers.js");exports.default=({setting:c,styles:o,builderProps:v,pageContext:n})=>{let d=t.createClass(r.createLayoutClasses(c,v?.uid)),y=t.createStyle({...i.removeHoverStyles(a.createLayoutStyles(c,o),o?.enableHoverEffect)}),p=t.createClass(r.createTypoClasses(o)),u=t.createStyle({...i.removeHoverStyles(a.createTypoStyles(o),o?.enableHoverEffect)}),C=t.createClass(r.createPreviewClasses()),f=t.createClass(r.createPreviewItemClasses()),S=t.createClass(r.createPreviewRemoveClasses()),$=t.createClass(r.createMessageClasses()),m=t.createStyle(a.createMessageStyles()),g=t.createClass(r.createContentWidthClasses()),H=t.createClass(r.createInputClasses()),b=t.createClass(r.composeClasses("gp-flex gp-items-center")),q=t.createAttr({...l.getInputAttr(c?.isRequired,c?.numberOfFiles)}),I=t.createAttr({...l.getWrapperAttr({uid:v?.uid})}),j=t.createStyle({...i.removeHoverStyles(a.createContainerStyles(o?.align,o?.textColor),o?.enableHoverEffect)}),E=t.createStyle({...i.removeHoverStyles(a.createWrapContentWidthStyles(c),o?.enableHoverEffect)}),P=t.createClass(r.createWrapContainerClasses(v?.uid)),h=t.createStyle({...i.removeHoverStyles(a.createContentWithStyles(c,o),o?.enableHoverEffect)}),w=t.createStyle({...i.removeHoverStyles(a.createIconContainerStyles(c),o?.enableHoverEffect)}),x=t.createClass(r.createIconContentClasses()),O=t.createStyle({...i.removeHoverStyles(a.createIconContentStyles(c,o),o?.enableHoverEffect)}),R=i.getDisplayText("Liquid",{uid:v?.uid,setting:c,styles:o,pageContext:n}),W=t.createStateOrContext({settings:{isShowPreviewImage:c?.isShowPreviewImage,numberOfFiles:c?.numberOfFiles,isRequired:c?.isRequired}});return e.template`
+  <gp-file-upload ${I}>
+  <script gp-data type="application/json">${JSON.stringify(W)}</script>
+  <div class="${P}" style="${j}">
     <input ${q} class="${H}">
-    <div class="${b}" style="${j}">
-      <div class="${g}" style="${P}">
+    <div class="${b}" style="${E}">
+      <div class="${g}" style="${h}">
         <div class="${d}" style="${y}">
       ${t.If(!!(c?.iconSvg&&c?.iconVisible),e.template`
-            <div class='${b}' style="${h}">
-              <div class="${w}" style="${x}">
+            <div class='${b}' style="${w}">
+              <div class="${x}" style="${O}">
                 ${c?.iconSvg}
               </div>
             </div>
           `)}
           <div class="${p}" style="${u}">
-            ${O}
+            ${R}
           </div>
         </div>
       </div>
@@ -25,7 +25,7 @@
     <div class="${S}"></div>
     </div>
   </div>
-  <div class="${m}" style="${$}"></div>
+  <div class="${$}" style="${m}"></div>
   </gp-file-upload>
 
   ${e.RenderIf(e.isLocalEnv,`<script ${s.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-file-upload-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${s.getSettingPreloadData('class="gps-link" delay',"src")}="${e.baseAssetURL}/assets-v2/gp-file-upload-v7-5.js" defer="defer"></script>`)}

package/dist/cjs/product/components/file-upload/common/attr.js

@@ -1 +1 @@
-"use strict";exports.getInputAttr=(e,t)=>({type:"file","data-required":e?"true":"",..."single"==t?{single:"true"}:{multiple:"true"}});
+"use strict";exports.getInputAttr=(t,e)=>({type:"file","data-required":t?"true":"",..."single"==e?{single:"true"}:{multiple:"true"}}),exports.getWrapperAttr=({uid:t})=>({"data-id":`${t}`});

package/dist/cjs/sticky/common/helper.js

@@ -0,0 +1 @@
+"use strict";const e=e=>e.trim()?(e.startsWith("#el-")?e.replace("#el-","#"):e).replace(/^#/,"").trim():"",t=({value:t})=>e(t?.link??""),r=({value:e})=>t({value:e}).length>0,i=({value:e})=>{let r=t({value:e});if(!r)return null;let i=r.replace(/\\/g,"\\\\").replace(/"/g,'\\"'),l=window.CSS?.escape?window.CSS.escape(r):i;return document.querySelector(`[data-id="${i}"], #${l}`)},l=({value:e})=>{let t=i({value:e});if(!t)return;let r=t.getBoundingClientRect(),l=window.innerHeight,n=r.top+window.scrollY,o=r.height>l;return o?{triggerY:n,ready:r.top<=0&&r.bottom>0}:{triggerY:n+r.height-l,ready:r.top>=0&&r.bottom<=l}};exports.getScrollPercent=()=>{let e=document.documentElement,t=e.scrollHeight-window.innerHeight;return t<=0?100:window.scrollY/t*100},exports.getSectionElement=i,exports.getSectionId=t,exports.getSectionTrigger=l,exports.hasSectionValue=r,exports.isVisibleBetweenSections=({showFrom:e,hideFrom:t})=>{let i=r({value:e}),n=r({value:t});if(!i&&!n)return!0;let o=i?l({value:e}):void 0,c=n?l({value:t}):void 0;if(o?.ready&&c?.ready)return!0;let g=window.scrollY,s=i?o?.triggerY??1/0:-1/0,d=n?c?.triggerY??1/0:1/0;return i&&!n?g>=s:!i&&n?g<d:s===d||(s<d?g>=s&&g<d:g<d||g>=s)};

package/dist/cjs/sticky/common/styles.js

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/core");require("react/jsx-runtime"),require("react");var t=require("../../common/const.js"),l=require("../../helpers.js"),r=require("../settings/configs/translate.js");const a=e=>"top"==e?"sticky":"fixed",o=(e,t,l)=>{let r={[`--top${e}`]:"auto",[`--${l+e}`]:"0",[`--pos${e}`]:a(l)};switch(t){case"after-first-cart-button":r[`--d${e}`]="none";break;case"always":r[`--d${e}`]="block"}return r},p=(e,t)=>({...o("",e?.desktop,t?.desktop),...o("-tablet",e?.tablet??e?.desktop,t?.tablet??t?.desktop),...o("-mobile",e?.mobile??e?.tablet??e?.desktop,t?.mobile??t?.tablet??t?.desktop)}),s=(e,t)=>({[`--left${t}`]:"top"==e?"0":"50%",[`--t${t}`]:"top"==e?"unset":"translateX(-50%)"}),i=e=>({...s(e?.desktop,""),...s(e?.tablet??e?.desktop,"-tablet"),...s(e?.mobile??e?.tablet??e?.desktop,"-mobile")}),b=e=>{let t={};return["--pt","--pb","--pr","--pl","--pt-mobile","--pb-mobile","--pr-mobile","--pl-mobile","--pt-tablet","--pb-tablet","--pr-tablet","--pl-tablet"].forEach(l=>{e?.[l]&&(t[l]=e[l])}),t},n=e=>{let t={...e};return["--pt","--pb","--pr","--pl","--pt-mobile","--pb-mobile","--pr-mobile","--pl-mobile","--pt-tablet","--pb-tablet","--pr-tablet","--pl-tablet"].forEach(e=>{delete t?.[e]}),t};exports.displayConditionStyle=p,exports.filterStyles=n,exports.getContainerStyles=e=>{let{position:l,display:r}=e;return{margin:"0 auto",...i(l),...p(r,l),"z-index":t.ELEMENT_Z_INDEX.STICKY}},exports.getContentStyles=({setting:t,style:a,uid:o,pageContext:p,type:s="React"})=>{let{background:i}=t||{},d="Liquid"===s?l.getBackgroundTranslated({background:i,uid:o,enableTranslate:!!r.Sticky?.background?.id,pageContext:p,isTranslateVideo:!1}):i;return{...e.makeStyle({m:"0 auto"}),...b(a),...n(a),...e.getStyleBackgroundByDevice(d||i),...e.getGradientImageBgrStyleByDevice(d||i)}},exports.getDisplayStyle=o,exports.getStylePadding=b;
+"use strict";var e=require("@gem-sdk/core");require("react/jsx-runtime"),require("react");var t=require("../../common/const.js"),l=require("../../helpers.js"),r=require("../settings/configs/translate.js"),a=require("./helper.js");const o=e=>"top"==e?"sticky":"fixed",s=(e,t,l,r,s)=>{let i={[`--top${e}`]:"auto",[`--${l+e}`]:"0",[`--pos${e}`]:o(l)};switch(t){case"after-first-cart-button":case"after-first-scroll":i[`--d${e}`]="none";break;case"always":i[`--d${e}`]="block";break;case"between-sections":!a.hasSectionValue({value:r})||a.hasSectionValue({value:s})?i[`--d${e}`]="block":i[`--d${e}`]="none"}return i},i=(e,t,l,r)=>({...s("",e?.desktop,t?.desktop,l,r),...s("-tablet",e?.tablet??e?.desktop,t?.tablet??t?.desktop,l,r),...s("-mobile",e?.mobile??e?.tablet??e?.desktop,t?.mobile??t?.tablet??t?.desktop,l,r)}),p=(e,t)=>({[`--left${t}`]:"top"==e?"0":"50%",[`--t${t}`]:"top"==e?"unset":"translateX(-50%)"}),b=e=>({...p(e?.desktop,""),...p(e?.tablet??e?.desktop,"-tablet"),...p(e?.mobile??e?.tablet??e?.desktop,"-mobile")}),n=e=>{let t={};return["--pt","--pb","--pr","--pl","--pt-mobile","--pb-mobile","--pr-mobile","--pl-mobile","--pt-tablet","--pb-tablet","--pr-tablet","--pl-tablet"].forEach(l=>{e?.[l]&&(t[l]=e[l])}),t},c=e=>{let t={...e};return["--pt","--pb","--pr","--pl","--pt-mobile","--pb-mobile","--pr-mobile","--pl-mobile","--pt-tablet","--pb-tablet","--pr-tablet","--pl-tablet"].forEach(e=>{delete t?.[e]}),t};exports.displayConditionStyle=i,exports.filterStyles=c,exports.getContainerStyles=e=>{let{position:l,display:r,showFrom:a,hideFrom:o}=e;return{margin:"0 auto",...b(l),...i(r,l,a,o),"z-index":t.ELEMENT_Z_INDEX.STICKY}},exports.getContentStyles=({setting:t,style:a,uid:o,pageContext:s,type:i="React"})=>{let{background:p}=t||{},b="Liquid"===i?l.getBackgroundTranslated({background:p,uid:o,enableTranslate:!!r.Sticky?.background?.id,pageContext:s,isTranslateVideo:!1}):p;return{...e.makeStyle({m:"0 auto"}),...n(a),...c(a),...e.getStyleBackgroundByDevice(b||p),...e.getGradientImageBgrStyleByDevice(b||p)}},exports.getDisplayStyle=s,exports.getStylePadding=n;

package/dist/cjs/sticky/components/Sticky.liquid.js

@@ -1,17 +1,17 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../helpers.js"),s=require("@gem-sdk/system"),a=require("../common/styles.js"),r=require("../common/classes.js");exports.default=({children:i,builderAttrs:l,setting:d,style:n,builderProps:o,advanced:p,pageContext:c})=>{let{width:g,position:m,display:y,preloadBgImage:u,background:$,isScrollToTop:k}=d??{},f=p?.d,S=s.createStyle({...e.makeStyleResponsive("w",g),...a.getContainerStyles({position:m,display:y})}),b=s.createStyle(a.getContentStyles({setting:d,style:n,uid:o?.uid,pageContext:c??{},type:"Liquid"})),v=s.createClass(r.getContainerClasses({uid:o?.uid,isScrollToTop:k,cssClass:p?.cssClass,isLiquid:!0})),C=s.createStateOrContext({uid:o?.uid,setting:{display:{desktop:y?.desktop,tablet:y?.tablet??y?.desktop,mobile:y?.mobile??y?.tablet??y?.desktop}},advanced:{d:f}}),R=`.drawer-page-content {
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../helpers.js"),s=require("@gem-sdk/system"),a=require("../common/styles.js"),r=require("../common/classes.js");exports.default=({children:i,builderAttrs:l,setting:d,style:n,builderProps:o,advanced:p,pageContext:c})=>{let{width:g,position:m,display:y,scrollPercent:u,showFrom:$,hideFrom:k,preloadBgImage:f,background:S,isScrollToTop:b}=d??{},v=p?.d,C=s.createStyle({...e.makeStyleResponsive("w",g),...a.getContainerStyles({position:m,display:y,showFrom:$,hideFrom:k})}),R=s.createStyle(a.getContentStyles({setting:d,style:n,uid:o?.uid,pageContext:c??{},type:"Liquid"})),j=s.createClass(r.getContainerClasses({uid:o?.uid,isScrollToTop:b,cssClass:p?.cssClass,isLiquid:!0})),q=s.createStateOrContext({uid:o?.uid,setting:{display:{desktop:y?.desktop,tablet:y?.tablet??y?.desktop,mobile:y?.mobile??y?.tablet??y?.desktop},scrollPercent:u,showFrom:$,hideFrom:k},advanced:{d:v}}),I=`.drawer-page-content {
        transform: none !important;
       -webkit-transform: none !important;
   }`;return e.template`
-    ${e.RenderIf(!!u,`${e.RenderIf(!!$?.desktop?.image?.src,`<link rel="preload" href="${$?.desktop?.image?.src}" as="image" />`)}${e.RenderIf(!!$?.tablet?.image?.src,`<link rel="preload" href="${$?.tablet?.image?.src}" as="image" />`)}${e.RenderIf(!!$?.mobile?.image?.src,`<link rel="preload" href="${$?.mobile?.image?.src}" as="image" />`)}`)}
+    ${e.RenderIf(!!f,`${e.RenderIf(!!S?.desktop?.image?.src,`<link rel="preload" href="${S?.desktop?.image?.src}" as="image" />`)}${e.RenderIf(!!S?.tablet?.image?.src,`<link rel="preload" href="${S?.tablet?.image?.src}" as="image" />`)}${e.RenderIf(!!S?.mobile?.image?.src,`<link rel="preload" href="${S?.mobile?.image?.src}" as="image" />`)}`)}
     <gp-sticky
       id="${o?.uid}"
       data-id="${o?.uid}"
-      class="${v} ${t.getSettingPreloadData("gps-lazy")}"
-      style="${S}"
+      class="${j} ${t.getSettingPreloadData("gps-lazy")}"
+      style="${C}"
     >
-      <script gp-data type="application/json">${JSON.stringify(C)}</script>
-      <style>${R}</style>
-      <div ${{...l}} style="${{...b}}">
+      <script gp-data type="application/json">${JSON.stringify(q)}</script>
+      <style>${I}</style>
+      <div ${{...l}} style="${{...R}}">
         ${i}
       </div>
     </gp-sticky>

package/dist/cjs/sticky/hooks/useSticky.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("react");exports.default=o=>{let{width:l,position:s}=o??{},{desktop:i,tablet:r,mobile:a}=o?.display||{},n=e.makeStyleResponsive("w",l),p=e.usePageStore(e=>"interaction"===e.sidebarMode),u=e.useCurrentDevice(),[b,d]=t.useState(!1),m=e.useStickyStore(e=>e.getFirstVisibleElement(u)),k=(e,t)=>({[`--left${t}`]:"top"==e?"0":"50%",[`--t${t}`]:"top"==e?"unset":"translateX(-50%)"}),c=t.useMemo(()=>({...k(s?.desktop,""),...k(s?.tablet??s?.desktop,"-tablet"),...k(s?.mobile??s?.tablet??s?.desktop,"-mobile")}),[s?.desktop,s?.mobile,s?.tablet]),f=t.useMemo(()=>{if(p&&s?.[u]==="top")return"40px"},[u,p,s]),v=t.useMemo(()=>{let e=e=>"after-first-cart-button"!==e||b?"block":"none";return{"--d":e(i),"--d-tablet":e(r??i),"--d-mobile":e(a??r??i)}},[i,r,a,b]),x=t.useMemo(()=>({"--top":f??"auto","--top-tablet":f??"auto","--top-mobile":f??"auto",[`--${s?.desktop}`]:f??"0px",[`--${s?.tablet??s?.desktop}-tablet`]:f??"0px",[`--${s?.mobile??s?.tablet??s?.desktop}-mobile`]:f??"0px"}),[f,s?.desktop,s?.mobile,s?.tablet]),M=e=>"top"==e?"sticky":"fixed",g=t.useMemo(()=>({"--pos":M(s?.desktop),"--pos-tablet":M(s?.tablet??s?.desktop),"--pos-mobile":M(s?.mobile??s?.tablet??s?.desktop)}),[s?.desktop,s?.mobile,s?.tablet]);return t.useEffect(()=>{if(!m)return;let e=null,t=()=>{e=null,d(m.getBoundingClientRect().top<=0)},o=()=>{null===e&&(e=requestAnimationFrame(t))};return t(),window.addEventListener("scroll",o,{passive:!0}),()=>{window.removeEventListener("scroll",o),null!==e&&cancelAnimationFrame(e)}},[m]),t.useEffect(()=>{d(!1)},[u]),{w:n,displayStyle:x,positionStyle:g,getCSSAlign:c,makeDisplaySettingStyles:v}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("react"),o=require("../common/helper.js");exports.default=l=>{let{width:i,position:s,display:n,scrollPercent:r,showFrom:a,hideFrom:u}=l??{},p=e.makeStyleResponsive("w",i),b=e.usePageStore(e=>"interaction"===e.sidebarMode),c=e.useCurrentDevice(),d=e.useEditorMode(),[m,k]=t.useState(!1),f=e.useStickyStore(e=>e.getFirstVisibleElement(c)),v=({position:e,device:t})=>({[`--left${t}`]:"top"==e?"0":"50%",[`--t${t}`]:"top"==e?"unset":"translateX(-50%)"}),w=t.useMemo(()=>({...v({position:s?.desktop,device:""}),...v({position:s?.tablet??s?.desktop,device:"-tablet"}),...v({position:s?.mobile??s?.tablet??s?.desktop,device:"-mobile"})}),[s?.desktop,s?.mobile,s?.tablet]),S=t.useMemo(()=>{if(b&&s?.[c]==="top")return"40px"},[c,b,s]),[E,V]=t.useState(null),M=a?.link,x=u?.link;t.useEffect(()=>{let e;if(V(null),"edit"===d)return;let t=[n?.desktop,n?.tablet,n?.mobile],l=t.some(e=>"after-first-scroll"===e||"between-sections"===e);if(!l)return;let i=()=>({percent:o.getScrollPercent(),isBetweenSectionsVisible:o.isVisibleBetweenSections({showFrom:{link:M},hideFrom:{link:x}})});V(i());let s=()=>{clearTimeout(e),e=setTimeout(()=>V(i()),50)};return window.addEventListener("scroll",s,{passive:!0}),()=>{clearTimeout(e),window.removeEventListener("scroll",s)}},[d,n?.desktop,n?.tablet,n?.mobile,M,x]);let y=t.useMemo(()=>{let e=({displayValue:e})=>{switch(e){case"after-first-cart-button":return m?"block":"none";case"after-first-scroll":if(!E)return"none";return E.percent>=(r??0)?"block":"none";case"between-sections":if(!E)return!o.hasSectionValue({value:a})||o.hasSectionValue({value:u})?"block":"none";return E.isBetweenSectionsVisible?"block":"none";default:return"block"}},t=n?.desktop,l=n?.tablet??t,i=n?.mobile??l;return{"--d":e({displayValue:t}),"--d-tablet":e({displayValue:l}),"--d-mobile":e({displayValue:i})}},[n?.desktop,n?.mobile,n?.tablet,x,M,r,E,m]),g=t.useMemo(()=>({"--top":S??"auto","--top-tablet":S??"auto","--top-mobile":S??"auto",[`--${s?.desktop}`]:S??"0px",[`--${s?.tablet??s?.desktop}-tablet`]:S??"0px",[`--${s?.mobile??s?.tablet??s?.desktop}-mobile`]:S??"0px"}),[S,s?.desktop,s?.mobile,s?.tablet]),h=({position:e})=>"top"==e?"sticky":"fixed",F=t.useMemo(()=>({"--pos":h({position:s?.desktop}),"--pos-tablet":h({position:s?.tablet??s?.desktop}),"--pos-mobile":h({position:s?.mobile??s?.tablet??s?.desktop})}),[s?.desktop,s?.mobile,s?.tablet]);return t.useEffect(()=>{if(!f)return;let e=null,t=()=>{e=null,k(f.getBoundingClientRect().top<=0)},o=()=>{null===e&&(e=requestAnimationFrame(t))};return t(),window.addEventListener("scroll",o,{passive:!0}),()=>{window.removeEventListener("scroll",o),null!==e&&cancelAnimationFrame(e)}},[f]),t.useEffect(()=>{k(!1)},[c]),{w:p,displayStyle:g,positionStyle:F,getCSSAlign:w,makeDisplaySettingStyles:y}};

package/dist/cjs/sticky/settings/configs/settings-v2.js

@@ -1 +1 @@
-"use strict";exports.StickySettingsV2=[{id:"setting",controls:[{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!0},tablet:{default:!0},mobile:{default:!0}}},{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,isRowWith:!0,devices:{desktop:{default:"100%"}},displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"1200px",showValue:!0}]},{id:"background",type:"background-media",ignoreReRender:!0,devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"#dddddd",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",preload:!1,loop:!0}}}},{id:"preloadBgImage",type:"toggle",label:"Preload Image",default:!1},{id:"position",label:"Layout",type:"layout-selector",iconViewBox:"0 0 76 48",itemPerRow:2,itemSpacing:"large",enableItemBackground:!0,enableItemOpacity:!0,options:[{label:"Bottom",value:"bottom",iconName:"gp-sticky-position-bottom"},{label:"Top",value:"top",iconName:"gp-sticky-position-top"}],devices:{desktop:{default:"bottom"}}},{id:"display",label:"Display",type:"select",devices:{desktop:{default:"always"}},options:[{label:"Always show",value:"always"},{label:"After first cart button",value:"after-first-cart-button"}]},{id:"isScrollToTop",type:"toggle",default:!1}]}];
+"use strict";exports.StickySettingsV2=[{id:"setting",controls:[{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!0},tablet:{default:!0},mobile:{default:!0}}},{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,isRowWith:!0,devices:{desktop:{default:"100%"}},displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"1200px",showValue:!0}]},{id:"background",type:"background-media",ignoreReRender:!0,devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"#dddddd",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",preload:!1,loop:!0}}}},{id:"preloadBgImage",type:"toggle",label:"Preload Image",default:!1},{id:"position",label:"Layout",type:"layout-selector",iconViewBox:"0 0 76 48",itemPerRow:2,itemSpacing:"large",enableItemBackground:!0,enableItemOpacity:!0,options:[{label:"Bottom",value:"bottom",iconName:"gp-sticky-position-bottom"},{label:"Top",value:"top",iconName:"gp-sticky-position-top"}],devices:{desktop:{default:"bottom"}}},{id:"display",label:"Display",type:"select",devices:{desktop:{default:"always"}},options:[{label:"Always show",value:"always"},{label:"After first cart button",value:"after-first-cart-button"},{label:"After scrolling down",value:"after-first-scroll"},{label:"Between sections",value:"between-sections"}]},{id:"scrollPercent",type:"input:unit",units:["%"],min:0,max:100,placeholder:"0%",isNumber:!0},{id:"showFrom",type:"pick-link",optionConfig:{"scroll-to":{popoverLabel:"Show Sticky ATC start from",title:"",hideScrollToTop:!0}},default:{type:"scroll-to",link:""},isHiddenOpenLinkSelect:!0,hiddenOptions:{"stay-on-page":!0,"open-page":!0,"open-url":!0,"open-popup":!0,"go-to-sales-page":!0}},{id:"hideFrom",type:"pick-link",optionConfig:{"scroll-to":{popoverLabel:"Hide Sticky ATC start from",title:"",hideScrollToTop:!0}},default:{type:"scroll-to",link:""},isHiddenOpenLinkSelect:!0,hiddenOptions:{"stay-on-page":!0,"open-page":!0,"open-url":!0,"open-popup":!0,"go-to-sales-page":!0}},{id:"isScrollToTop",type:"toggle",default:!1}]}];

package/dist/cjs/sticky/settings/configs/ui-v2.js

@@ -1 +1 @@
-"use strict";exports.SettingUIV2=[{label:"Layout",controls:[{setting:{id:"position"},layout:"vertical"}]},{label:"Size",hiddenOnMobile:!0,controls:[{setting:{id:"width"},label:"Width"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"},compoDefaultValue:{type:"custom",top:"16px",bottom:"16px",left:"24px",right:"24px"}}}]},{label:"Background",controls:[{setting:{id:"background"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"preloadBgImage"}]},controlChangeTrigger:{settings:[{action:{controlId:"preloadBgImage",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"Shadow",setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Display option",controls:[{label:"Condition",setting:{id:"display"}}]}];
+"use strict";exports.SettingUIV2=[{label:"Layout",controls:[{setting:{id:"position"},layout:"vertical"}]},{label:"Size",hiddenOnMobile:!0,controls:[{setting:{id:"width"},label:"Width"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"},compoDefaultValue:{type:"custom",top:"16px",bottom:"16px",left:"24px",right:"24px"}}}]},{label:"Background",controls:[{setting:{id:"background"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"preloadBgImage"}]},controlChangeTrigger:{settings:[{action:{controlId:"preloadBgImage",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"Shadow",setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Display option",controls:[{label:"Condition",setting:{id:"display"}},{label:"Page scrolled",conditionDisplay:"display === 'after-first-scroll'",setting:{id:"scrollPercent"}},{label:"Show from",conditionDisplay:"display === 'between-sections'",setting:{id:"showFrom"}},{label:"Hide from",conditionDisplay:"display === 'between-sections'",setting:{id:"hideFrom"}}]}];

package/dist/esm/product/components/file-upload/UploadFile.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as s}from"react/jsx-runtime";import{createClass as l,createStyle as i,createAttr as a,If as r}from"@gem-sdk/system";import{removeHoverStyles as t,getDisplayText as c}from"./common/helpers.js";import{createLayoutStyles as m,createTypoStyles as o,createMessageStyles as n,createContainerStyles as d,createWrapContentWidthStyles as f,createContentWithStyles as v,createIconContainerStyles as p,createIconContentStyles as N}from"./common/style.js";import{createLayoutClasses as u,createTypoClasses as y,createContentWidthClasses as h,createPreviewClasses as b,createPreviewItemClasses as H,createPreviewRemoveClasses as g,createMessageClasses as E,createInputClasses as j,composeClasses as x,createWrapContainerClasses as S,createIconContentClasses as F}from"./common/classes.js";import{getInputAttr as R}from"./common/attr.js";let _=({setting:_,styles:k,builderProps:q,pageContext:C})=>{let I=l(u(_,q?.uid)),L=i({...t(m(_,k),k?.enableHoverEffect)}),M=l(y(k)),O=i({...t(o(k),k?.enableHoverEffect)}),T=l(h()),U=l(b()),V=l(H()),w=l(g()),z=l(E()),A=i(n()),B=l(j()),D=l(x("gp-flex gp-items-center")),G=a({...R(_?.isRequired,_?.numberOfFiles)}),J=i({...t(d(k?.align,k?.textColor),k?.enableHoverEffect)}),K=i({...t(f(_),k?.enableHoverEffect)}),P=l(S(q?.uid)),Q=i({...t(v(_,k),k?.enableHoverEffect)}),W=i({...t(p(_),k?.enableHoverEffect)}),X=l(F()),Y=i({...t(N(_,k),k?.enableHoverEffect)}),Z=c("React",{uid:q?.uid,setting:_,styles:k,pageContext:C});return e("div",{className:P,style:J,children:[s("input",{...G,className:B}),s("div",{className:D,style:K,children:s("div",{className:T,style:Q,children:e("div",{className:I,style:L,children:[r(!!(_?.iconSvg&&_.iconVisible),s("div",{className:D,style:W,children:s("div",{className:X,style:Y,dangerouslySetInnerHTML:{__html:_?.iconSvg??""}})})),s("div",{className:M,style:O,children:Z})]})})}),s("div",{className:U,children:s("div",{className:V,children:s("div",{className:w})})}),s("div",{className:z,style:A})]})};export{_ as default};
+import{jsxs as e,jsx as s}from"react/jsx-runtime";import{createClass as l,createStyle as i,createAttr as a,If as r}from"@gem-sdk/system";import{removeHoverStyles as t,getDisplayText as c}from"./common/helpers.js";import{createLayoutStyles as m,createTypoStyles as o,createMessageStyles as n,createContainerStyles as d,createWrapContentWidthStyles as f,createContentWithStyles as v,createIconContainerStyles as u,createIconContentStyles as p}from"./common/style.js";import{createLayoutClasses as N,createTypoClasses as y,createContentWidthClasses as h,createPreviewClasses as b,createPreviewItemClasses as H,createPreviewRemoveClasses as g,createMessageClasses as E,createInputClasses as j,composeClasses as x,createWrapContainerClasses as S,createIconContentClasses as F}from"./common/classes.js";import{getInputAttr as R,getWrapperAttr as _}from"./common/attr.js";let k=({setting:k,styles:q,builderProps:C,pageContext:I})=>{let L=l(N(k,C?.uid)),M=i({...t(m(k,q),q?.enableHoverEffect)}),O=l(y(q)),T=i({...t(o(q),q?.enableHoverEffect)}),U=l(h()),V=l(b()),w=l(H()),z=l(g()),A=l(E()),B=i(n()),D=l(j()),G=l(x("gp-flex gp-items-center")),J=a({...R(k?.isRequired,k?.numberOfFiles)}),K=a({..._({uid:C?.uid})}),P=i({...t(d(q?.align,q?.textColor),q?.enableHoverEffect)}),Q=i({...t(f(k),q?.enableHoverEffect)}),W=l(S(C?.uid)),X=i({...t(v(k,q),q?.enableHoverEffect)}),Y=i({...t(u(k),q?.enableHoverEffect)}),Z=l(F()),$=i({...t(p(k,q),q?.enableHoverEffect)}),ee=c("React",{uid:C?.uid,setting:k,styles:q,pageContext:I});return e("div",{...K,className:W,style:P,children:[s("input",{...J,className:D}),s("div",{className:G,style:Q,children:s("div",{className:U,style:X,children:e("div",{className:L,style:M,children:[r(!!(k?.iconSvg&&k.iconVisible),s("div",{className:G,style:Y,children:s("div",{className:Z,style:$,dangerouslySetInnerHTML:{__html:k?.iconSvg??""}})})),s("div",{className:O,style:T,children:ee})]})})}),s("div",{className:V,children:s("div",{className:w,children:s("div",{className:z})})}),s("div",{className:A,style:B})]})};export{k as default};

package/dist/esm/product/components/file-upload/UploadFile.liquid.js

@@ -1,32 +1,32 @@
-import{template as e,RenderIf as s,isLocalEnv as i,baseAssetURL as l}from"@gem-sdk/core";import{getSettingPreloadData as r}from"../../../helpers.js";import{createClass as t,createStyle as d,createAttr as o,createStateOrContext as a,If as c}from"@gem-sdk/system";import{createLayoutClasses as v,createTypoClasses as f,createPreviewClasses as p,createPreviewItemClasses as m,createPreviewRemoveClasses as $,createMessageClasses as n,createContentWidthClasses as u,createInputClasses as g,composeClasses as y,createWrapContainerClasses as b,createIconContentClasses as j}from"./common/classes.js";import{createLayoutStyles as E,createTypoStyles as H,createMessageStyles as S,createContainerStyles as h,createWrapContentWidthStyles as k,createContentWithStyles as q,createIconContainerStyles as w,createIconContentStyles as F}from"./common/style.js";import{getInputAttr as O}from"./common/attr.js";import{removeHoverStyles as x,getDisplayText as R}from"./common/helpers.js";let I=({setting:I,styles:P,builderProps:C,pageContext:J})=>{let L=t(v(I,C?.uid)),N=d({...x(E(I,P),P?.enableHoverEffect)}),U=t(f(P)),V=d({...x(H(P),P?.enableHoverEffect)}),_=t(p()),z=t(m()),A=t($()),B=t(n()),D=d(S()),G=t(u()),K=t(g()),M=t(y("gp-flex gp-items-center")),Q=o({...O(I?.isRequired,I?.numberOfFiles)}),T=d({...x(h(P?.align,P?.textColor),P?.enableHoverEffect)}),W=d({...x(k(I),P?.enableHoverEffect)}),X=t(b(C?.uid)),Y=d({...x(q(I,P),P?.enableHoverEffect)}),Z=d({...x(w(I),P?.enableHoverEffect)}),ee=t(j()),es=d({...x(F(I,P),P?.enableHoverEffect)}),ei=R("Liquid",{uid:C?.uid,setting:I,styles:P,pageContext:J}),el=a({settings:{isShowPreviewImage:I?.isShowPreviewImage,numberOfFiles:I?.numberOfFiles,isRequired:I?.isRequired}});return e`
-  <gp-file-upload>
-  <script gp-data type="application/json">${JSON.stringify(el)}</script>
-  <div class="${X}" style="${T}">
-    <input ${Q} class="${K}">
-    <div class="${M}" style="${W}">
-      <div class="${G}" style="${Y}">
-        <div class="${L}" style="${N}">
-      ${c(!!(I?.iconSvg&&I?.iconVisible),e`
-            <div class='${M}' style="${Z}">
-              <div class="${ee}" style="${es}">
-                ${I?.iconSvg}
+import{template as e,RenderIf as s,isLocalEnv as i,baseAssetURL as l}from"@gem-sdk/core";import{getSettingPreloadData as r}from"../../../helpers.js";import{createClass as t,createStyle as d,createAttr as o,createStateOrContext as a,If as c}from"@gem-sdk/system";import{createLayoutClasses as v,createTypoClasses as f,createPreviewClasses as p,createPreviewItemClasses as m,createPreviewRemoveClasses as $,createMessageClasses as n,createContentWidthClasses as u,createInputClasses as g,composeClasses as y,createWrapContainerClasses as b,createIconContentClasses as j}from"./common/classes.js";import{createLayoutStyles as E,createTypoStyles as H,createMessageStyles as S,createContainerStyles as h,createWrapContentWidthStyles as k,createContentWithStyles as q,createIconContainerStyles as w,createIconContentStyles as F}from"./common/style.js";import{getInputAttr as O,getWrapperAttr as x}from"./common/attr.js";import{removeHoverStyles as R,getDisplayText as I}from"./common/helpers.js";let P=({setting:P,styles:C,builderProps:J,pageContext:L})=>{let N=t(v(P,J?.uid)),U=d({...R(E(P,C),C?.enableHoverEffect)}),V=t(f(C)),_=d({...R(H(C),C?.enableHoverEffect)}),z=t(p()),A=t(m()),B=t($()),D=t(n()),G=d(S()),K=t(u()),M=t(g()),Q=t(y("gp-flex gp-items-center")),T=o({...O(P?.isRequired,P?.numberOfFiles)}),W=o({...x({uid:J?.uid})}),X=d({...R(h(C?.align,C?.textColor),C?.enableHoverEffect)}),Y=d({...R(k(P),C?.enableHoverEffect)}),Z=t(b(J?.uid)),ee=d({...R(q(P,C),C?.enableHoverEffect)}),es=d({...R(w(P),C?.enableHoverEffect)}),ei=t(j()),el=d({...R(F(P,C),C?.enableHoverEffect)}),er=I("Liquid",{uid:J?.uid,setting:P,styles:C,pageContext:L}),et=a({settings:{isShowPreviewImage:P?.isShowPreviewImage,numberOfFiles:P?.numberOfFiles,isRequired:P?.isRequired}});return e`
+  <gp-file-upload ${W}>
+  <script gp-data type="application/json">${JSON.stringify(et)}</script>
+  <div class="${Z}" style="${X}">
+    <input ${T} class="${M}">
+    <div class="${Q}" style="${Y}">
+      <div class="${K}" style="${ee}">
+        <div class="${N}" style="${U}">
+      ${c(!!(P?.iconSvg&&P?.iconVisible),e`
+            <div class='${Q}' style="${es}">
+              <div class="${ei}" style="${el}">
+                ${P?.iconSvg}
               </div>
             </div>
           `)}
-          <div class="${U}" style="${V}">
-            ${ei}
+          <div class="${V}" style="${_}">
+            ${er}
           </div>
         </div>
       </div>
     </div>
   </div>
-  <div class="${_}">
-    <div class="${z}">
-    <div class="${A}"></div>
+  <div class="${z}">
+    <div class="${A}">
+    <div class="${B}"></div>
     </div>
   </div>
-  <div class="${B}" style="${D}"></div>
+  <div class="${D}" style="${G}"></div>
   </gp-file-upload>
 
   ${s(i,`<script ${r('class="gps-link" delay',"src")}="{{ 'gp-file-upload-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${r('class="gps-link" delay',"src")}="${l}/assets-v2/gp-file-upload-v7-5.js" defer="defer"></script>`)}
-  `};export{I as default};
+  `};export{P as default};

package/dist/esm/product/components/file-upload/common/attr.js

@@ -1 +1 @@
-let e=(e,t)=>({type:"file","data-required":e?"true":"",..."single"==t?{single:"true"}:{multiple:"true"}});export{e as getInputAttr};
+let t=({uid:t})=>({"data-id":`${t}`}),e=(t,e)=>({type:"file","data-required":t?"true":"",..."single"==e?{single:"true"}:{multiple:"true"}});export{e as getInputAttr,t as getWrapperAttr};

package/dist/esm/sticky/common/helper.js

@@ -0,0 +1 @@
+let e=e=>e.trim()?(e.startsWith("#el-")?e.replace("#el-","#"):e).replace(/^#/,"").trim():"",t=({value:t})=>e(t?.link??""),r=({value:e})=>t({value:e}).length>0,i=({value:e})=>{let r=t({value:e});if(!r)return null;let i=r.replace(/\\/g,"\\\\").replace(/"/g,'\\"'),l=window.CSS?.escape?window.CSS.escape(r):i;return document.querySelector(`[data-id="${i}"], #${l}`)},l=({value:e})=>{let t=i({value:e});if(!t)return;let r=t.getBoundingClientRect(),l=window.innerHeight,n=r.top+window.scrollY,o=r.height>l;return o?{triggerY:n,ready:r.top<=0&&r.bottom>0}:{triggerY:n+r.height-l,ready:r.top>=0&&r.bottom<=l}},n=()=>{let e=document.documentElement,t=e.scrollHeight-window.innerHeight;return t<=0?100:window.scrollY/t*100},o=({showFrom:e,hideFrom:t})=>{let i=r({value:e}),n=r({value:t});if(!i&&!n)return!0;let o=i?l({value:e}):void 0,g=n?l({value:t}):void 0;if(o?.ready&&g?.ready)return!0;let c=window.scrollY,d=i?o?.triggerY??1/0:-1/0,a=n?g?.triggerY??1/0:1/0;return i&&!n?c>=d:!i&&n?c<a:d===a||(d<a?c>=d&&c<a:c<a||c>=d)};export{n as getScrollPercent,i as getSectionElement,t as getSectionId,l as getSectionTrigger,r as hasSectionValue,o as isVisibleBetweenSections};

package/dist/esm/sticky/common/styles.js

@@ -1 +1 @@
-import{getGradientImageBgrStyleByDevice as t,getStyleBackgroundByDevice as e,makeStyle as l}from"@gem-sdk/core";import"react/jsx-runtime";import"react";import{ELEMENT_Z_INDEX as o}from"../../common/const.js";import{getBackgroundTranslated as p}from"../../helpers.js";import{Sticky as a}from"../settings/configs/translate.js";let r=t=>"top"==t?"sticky":"fixed",b=(t,e,l)=>{let o={[`--top${t}`]:"auto",[`--${l+t}`]:"0",[`--pos${t}`]:r(l)};switch(e){case"after-first-cart-button":o[`--d${t}`]="none";break;case"always":o[`--d${t}`]="block"}return o},i=(t,e)=>({...b("",t?.desktop,e?.desktop),...b("-tablet",t?.tablet??t?.desktop,e?.tablet??e?.desktop),...b("-mobile",t?.mobile??t?.tablet??t?.desktop,e?.mobile??e?.tablet??e?.desktop)}),s=(t,e)=>({[`--left${e}`]:"top"==t?"0":"50%",[`--t${e}`]:"top"==t?"unset":"translateX(-50%)"}),m=t=>({...s(t?.desktop,""),...s(t?.tablet??t?.desktop,"-tablet"),...s(t?.mobile??t?.tablet??t?.desktop,"-mobile")}),n=t=>{let{position:e,display:l}=t;return{margin:"0 auto",...m(e),...i(l,e),"z-index":o.STICKY}},d=({setting:o,style:r,uid:b,pageContext:i,type:s="React"})=>{let{background:m}=o||{},n="Liquid"===s?p({background:m,uid:b,enableTranslate:!!a?.background?.id,pageContext:i,isTranslateVideo:!1}):m;return{...l({m:"0 auto"}),...c(r),...k(r),...e(n||m),...t(n||m)}},c=t=>{let e={};return["--pt","--pb","--pr","--pl","--pt-mobile","--pb-mobile","--pr-mobile","--pl-mobile","--pt-tablet","--pb-tablet","--pr-tablet","--pl-tablet"].forEach(l=>{t?.[l]&&(e[l]=t[l])}),e},k=t=>{let e={...t};return["--pt","--pb","--pr","--pl","--pt-mobile","--pb-mobile","--pr-mobile","--pl-mobile","--pt-tablet","--pb-tablet","--pr-tablet","--pl-tablet"].forEach(t=>{delete e?.[t]}),e};export{i as displayConditionStyle,k as filterStyles,n as getContainerStyles,d as getContentStyles,b as getDisplayStyle,c as getStylePadding};
+import{getGradientImageBgrStyleByDevice as t,getStyleBackgroundByDevice as e,makeStyle as l}from"@gem-sdk/core";import"react/jsx-runtime";import"react";import{ELEMENT_Z_INDEX as o}from"../../common/const.js";import{getBackgroundTranslated as r}from"../../helpers.js";import{Sticky as a}from"../settings/configs/translate.js";import{hasSectionValue as p}from"./helper.js";let s=t=>"top"==t?"sticky":"fixed",b=(t,e,l,o,r)=>{let a={[`--top${t}`]:"auto",[`--${l+t}`]:"0",[`--pos${t}`]:s(l)};switch(e){case"after-first-cart-button":case"after-first-scroll":a[`--d${t}`]="none";break;case"always":a[`--d${t}`]="block";break;case"between-sections":!p({value:o})||p({value:r})?a[`--d${t}`]="block":a[`--d${t}`]="none"}return a},i=(t,e,l,o)=>({...b("",t?.desktop,e?.desktop,l,o),...b("-tablet",t?.tablet??t?.desktop,e?.tablet??e?.desktop,l,o),...b("-mobile",t?.mobile??t?.tablet??t?.desktop,e?.mobile??e?.tablet??e?.desktop,l,o)}),n=(t,e)=>({[`--left${e}`]:"top"==t?"0":"50%",[`--t${e}`]:"top"==t?"unset":"translateX(-50%)"}),m=t=>({...n(t?.desktop,""),...n(t?.tablet??t?.desktop,"-tablet"),...n(t?.mobile??t?.tablet??t?.desktop,"-mobile")}),d=t=>{let{position:e,display:l,showFrom:r,hideFrom:a}=t;return{margin:"0 auto",...m(e),...i(l,e,r,a),"z-index":o.STICKY}},c=({setting:o,style:p,uid:s,pageContext:b,type:i="React"})=>{let{background:n}=o||{},m="Liquid"===i?r({background:n,uid:s,enableTranslate:!!a?.background?.id,pageContext:b,isTranslateVideo:!1}):n;return{...l({m:"0 auto"}),...k(p),...f(p),...e(m||n),...t(m||n)}},k=t=>{let e={};return["--pt","--pb","--pr","--pl","--pt-mobile","--pb-mobile","--pr-mobile","--pl-mobile","--pt-tablet","--pb-tablet","--pr-tablet","--pl-tablet"].forEach(l=>{t?.[l]&&(e[l]=t[l])}),e},f=t=>{let e={...t};return["--pt","--pb","--pr","--pl","--pt-mobile","--pb-mobile","--pr-mobile","--pl-mobile","--pt-tablet","--pb-tablet","--pr-tablet","--pl-tablet"].forEach(t=>{delete e?.[t]}),e};export{i as displayConditionStyle,f as filterStyles,d as getContainerStyles,c as getContentStyles,b as getDisplayStyle,k as getStylePadding};

package/dist/esm/sticky/components/Sticky.liquid.js

@@ -1,17 +1,17 @@
-import{makeStyleResponsive as s,RenderIf as e,isLocalEnv as t,baseAssetURL as i,template as r}from"@gem-sdk/core";import{getSettingPreloadData as a}from"../../helpers.js";import{createStyle as l,createClass as d,createStateOrContext as o}from"@gem-sdk/system";import{getContainerStyles as p,getContentStyles as m}from"../common/styles.js";import{getContainerClasses as c}from"../common/classes.js";let n=({children:n,builderAttrs:g,setting:$,style:k,builderProps:y,advanced:f,pageContext:u})=>{let{width:b,position:v,display:S,preloadBgImage:j,background:h,isScrollToTop:E}=$??{},w=f?.d,C=l({...s("w",b),...p({position:v,display:S})}),q=l(m({setting:$,style:k,uid:y?.uid,pageContext:u??{},type:"Liquid"})),x=d(c({uid:y?.uid,isScrollToTop:E,cssClass:f?.cssClass,isLiquid:!0})),A=o({uid:y?.uid,setting:{display:{desktop:S?.desktop,tablet:S?.tablet??S?.desktop,mobile:S?.mobile??S?.tablet??S?.desktop}},advanced:{d:w}}),G=`.drawer-page-content {
+import{makeStyleResponsive as s,RenderIf as e,isLocalEnv as t,baseAssetURL as i,template as r}from"@gem-sdk/core";import{getSettingPreloadData as a}from"../../helpers.js";import{createStyle as l,createClass as d,createStateOrContext as o}from"@gem-sdk/system";import{getContainerStyles as p,getContentStyles as m}from"../common/styles.js";import{getContainerClasses as c}from"../common/classes.js";let n=({children:n,builderAttrs:g,setting:$,style:k,builderProps:y,advanced:f,pageContext:u})=>{let{width:b,position:v,display:S,scrollPercent:j,showFrom:h,hideFrom:E,preloadBgImage:w,background:C,isScrollToTop:q}=$??{},x=f?.d,A=l({...s("w",b),...p({position:v,display:S,showFrom:h,hideFrom:E})}),G=l(m({setting:$,style:k,uid:y?.uid,pageContext:u??{},type:"Liquid"})),L=d(c({uid:y?.uid,isScrollToTop:q,cssClass:f?.cssClass,isLiquid:!0})),N=o({uid:y?.uid,setting:{display:{desktop:S?.desktop,tablet:S?.tablet??S?.desktop,mobile:S?.mobile??S?.tablet??S?.desktop},scrollPercent:j,showFrom:h,hideFrom:E},advanced:{d:x}}),O=`.drawer-page-content {
        transform: none !important;
       -webkit-transform: none !important;
   }`;return r`
-    ${e(!!j,`${e(!!h?.desktop?.image?.src,`<link rel="preload" href="${h?.desktop?.image?.src}" as="image" />`)}${e(!!h?.tablet?.image?.src,`<link rel="preload" href="${h?.tablet?.image?.src}" as="image" />`)}${e(!!h?.mobile?.image?.src,`<link rel="preload" href="${h?.mobile?.image?.src}" as="image" />`)}`)}
+    ${e(!!w,`${e(!!C?.desktop?.image?.src,`<link rel="preload" href="${C?.desktop?.image?.src}" as="image" />`)}${e(!!C?.tablet?.image?.src,`<link rel="preload" href="${C?.tablet?.image?.src}" as="image" />`)}${e(!!C?.mobile?.image?.src,`<link rel="preload" href="${C?.mobile?.image?.src}" as="image" />`)}`)}
     <gp-sticky
       id="${y?.uid}"
       data-id="${y?.uid}"
-      class="${x} ${a("gps-lazy")}"
-      style="${C}"
+      class="${L} ${a("gps-lazy")}"
+      style="${A}"
     >
-      <script gp-data type="application/json">${JSON.stringify(A)}</script>
-      <style>${G}</style>
-      <div ${{...g}} style="${{...q}}">
+      <script gp-data type="application/json">${JSON.stringify(N)}</script>
+      <style>${O}</style>
+      <div ${{...g}} style="${{...G}}">
         ${n}
       </div>
     </gp-sticky>

package/dist/esm/sticky/hooks/useSticky.js

@@ -1 +1 @@
-import{makeStyleResponsive as t,usePageStore as e,useCurrentDevice as o,useStickyStore as l}from"@gem-sdk/core";import{useState as i,useMemo as a,useEffect as s}from"react";let p=p=>{let{width:r,position:b}=p??{},{desktop:n,tablet:d,mobile:m}=p?.display||{},u=t("w",r),k=e(t=>"interaction"===t.sidebarMode),c=o(),[f,x]=i(!1),w=l(t=>t.getFirstVisibleElement(c)),$=(t,e)=>({[`--left${e}`]:"top"==t?"0":"50%",[`--t${e}`]:"top"==t?"unset":"translateX(-50%)"}),g=a(()=>({...$(b?.desktop,""),...$(b?.tablet??b?.desktop,"-tablet"),...$(b?.mobile??b?.tablet??b?.desktop,"-mobile")}),[b?.desktop,b?.mobile,b?.tablet]),v=a(()=>{if(k&&b?.[c]==="top")return"40px"},[c,k,b]),y=a(()=>{let t=t=>"after-first-cart-button"!==t||f?"block":"none";return{"--d":t(n),"--d-tablet":t(d??n),"--d-mobile":t(m??d??n)}},[n,d,m,f]),E=a(()=>({"--top":v??"auto","--top-tablet":v??"auto","--top-mobile":v??"auto",[`--${b?.desktop}`]:v??"0px",[`--${b?.tablet??b?.desktop}-tablet`]:v??"0px",[`--${b?.mobile??b?.tablet??b?.desktop}-mobile`]:v??"0px"}),[v,b?.desktop,b?.mobile,b?.tablet]),F=t=>"top"==t?"sticky":"fixed",A=a(()=>({"--pos":F(b?.desktop),"--pos-tablet":F(b?.tablet??b?.desktop),"--pos-mobile":F(b?.mobile??b?.tablet??b?.desktop)}),[b?.desktop,b?.mobile,b?.tablet]);return s(()=>{if(!w)return;let t=null,e=()=>{t=null,x(w.getBoundingClientRect().top<=0)},o=()=>{null===t&&(t=requestAnimationFrame(e))};return e(),window.addEventListener("scroll",o,{passive:!0}),()=>{window.removeEventListener("scroll",o),null!==t&&cancelAnimationFrame(t)}},[w]),s(()=>{x(!1)},[c]),{w:u,displayStyle:E,positionStyle:A,getCSSAlign:g,makeDisplaySettingStyles:y}};export{p as default};
+import{makeStyleResponsive as e,usePageStore as t,useCurrentDevice as o,useEditorMode as l,useStickyStore as i}from"@gem-sdk/core";import{useState as n,useMemo as s,useEffect as r}from"react";import{isVisibleBetweenSections as a,getScrollPercent as p,hasSectionValue as b}from"../common/helper.js";let d=d=>{let{width:u,position:m,display:c,scrollPercent:k,showFrom:f,hideFrom:w}=d??{},v=e("w",u),x=t(e=>"interaction"===e.sidebarMode),V=o(),y=l(),[E,F]=n(!1),$=i(e=>e.getFirstVisibleElement(V)),g=({position:e,device:t})=>({[`--left${t}`]:"top"==e?"0":"50%",[`--t${t}`]:"top"==e?"unset":"translateX(-50%)"}),h=s(()=>({...g({position:m?.desktop,device:""}),...g({position:m?.tablet??m?.desktop,device:"-tablet"}),...g({position:m?.mobile??m?.tablet??m?.desktop,device:"-mobile"})}),[m?.desktop,m?.mobile,m?.tablet]),L=s(()=>{if(x&&m?.[V]==="top")return"40px"},[V,x,m]),[B,S]=n(null),T=f?.link,A=w?.link;r(()=>{let e;if(S(null),"edit"===y)return;let t=[c?.desktop,c?.tablet,c?.mobile],o=t.some(e=>"after-first-scroll"===e||"between-sections"===e);if(!o)return;let l=()=>({percent:p(),isBetweenSectionsVisible:a({showFrom:{link:T},hideFrom:{link:A}})});S(l());let i=()=>{clearTimeout(e),e=setTimeout(()=>S(l()),50)};return window.addEventListener("scroll",i,{passive:!0}),()=>{clearTimeout(e),window.removeEventListener("scroll",i)}},[y,c?.desktop,c?.tablet,c?.mobile,T,A]);let j=s(()=>{let e=({displayValue:e})=>{switch(e){case"after-first-cart-button":return E?"block":"none";case"after-first-scroll":if(!B)return"none";return B.percent>=(k??0)?"block":"none";case"between-sections":if(!B)return!b({value:f})||b({value:w})?"block":"none";return B.isBetweenSectionsVisible?"block":"none";default:return"block"}},t=c?.desktop,o=c?.tablet??t,l=c?.mobile??o;return{"--d":e({displayValue:t}),"--d-tablet":e({displayValue:o}),"--d-mobile":e({displayValue:l})}},[c?.desktop,c?.mobile,c?.tablet,A,T,k,B,E]),q=s(()=>({"--top":L??"auto","--top-tablet":L??"auto","--top-mobile":L??"auto",[`--${m?.desktop}`]:L??"0px",[`--${m?.tablet??m?.desktop}-tablet`]:L??"0px",[`--${m?.mobile??m?.tablet??m?.desktop}-mobile`]:L??"0px"}),[L,m?.desktop,m?.mobile,m?.tablet]),C=({position:e})=>"top"==e?"sticky":"fixed",M=s(()=>({"--pos":C({position:m?.desktop}),"--pos-tablet":C({position:m?.tablet??m?.desktop}),"--pos-mobile":C({position:m?.mobile??m?.tablet??m?.desktop})}),[m?.desktop,m?.mobile,m?.tablet]);return r(()=>{if(!$)return;let e=null,t=()=>{e=null,F($.getBoundingClientRect().top<=0)},o=()=>{null===e&&(e=requestAnimationFrame(t))};return t(),window.addEventListener("scroll",o,{passive:!0}),()=>{window.removeEventListener("scroll",o),null!==e&&cancelAnimationFrame(e)}},[$]),r(()=>{F(!1)},[V]),{w:v,displayStyle:q,positionStyle:M,getCSSAlign:h,makeDisplaySettingStyles:j}};export{d as default};

package/dist/esm/sticky/settings/configs/settings-v2.js

@@ -1 +1 @@
-let e=[{id:"setting",controls:[{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!0},tablet:{default:!0},mobile:{default:!0}}},{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,isRowWith:!0,devices:{desktop:{default:"100%"}},displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"1200px",showValue:!0}]},{id:"background",type:"background-media",ignoreReRender:!0,devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"#dddddd",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",preload:!1,loop:!0}}}},{id:"preloadBgImage",type:"toggle",label:"Preload Image",default:!1},{id:"position",label:"Layout",type:"layout-selector",iconViewBox:"0 0 76 48",itemPerRow:2,itemSpacing:"large",enableItemBackground:!0,enableItemOpacity:!0,options:[{label:"Bottom",value:"bottom",iconName:"gp-sticky-position-bottom"},{label:"Top",value:"top",iconName:"gp-sticky-position-top"}],devices:{desktop:{default:"bottom"}}},{id:"display",label:"Display",type:"select",devices:{desktop:{default:"always"}},options:[{label:"Always show",value:"always"},{label:"After first cart button",value:"after-first-cart-button"}]},{id:"isScrollToTop",type:"toggle",default:!1}]}];export{e as StickySettingsV2};
+let e=[{id:"setting",controls:[{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!0},tablet:{default:!0},mobile:{default:!0}}},{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,isRowWith:!0,devices:{desktop:{default:"100%"}},displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"1200px",showValue:!0}]},{id:"background",type:"background-media",ignoreReRender:!0,devices:{desktop:{default:{type:"color",color:"transparent",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"#dddddd",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",preload:!1,loop:!0}}}},{id:"preloadBgImage",type:"toggle",label:"Preload Image",default:!1},{id:"position",label:"Layout",type:"layout-selector",iconViewBox:"0 0 76 48",itemPerRow:2,itemSpacing:"large",enableItemBackground:!0,enableItemOpacity:!0,options:[{label:"Bottom",value:"bottom",iconName:"gp-sticky-position-bottom"},{label:"Top",value:"top",iconName:"gp-sticky-position-top"}],devices:{desktop:{default:"bottom"}}},{id:"display",label:"Display",type:"select",devices:{desktop:{default:"always"}},options:[{label:"Always show",value:"always"},{label:"After first cart button",value:"after-first-cart-button"},{label:"After scrolling down",value:"after-first-scroll"},{label:"Between sections",value:"between-sections"}]},{id:"scrollPercent",type:"input:unit",units:["%"],min:0,max:100,placeholder:"0%",isNumber:!0},{id:"showFrom",type:"pick-link",optionConfig:{"scroll-to":{popoverLabel:"Show Sticky ATC start from",title:"",hideScrollToTop:!0}},default:{type:"scroll-to",link:""},isHiddenOpenLinkSelect:!0,hiddenOptions:{"stay-on-page":!0,"open-page":!0,"open-url":!0,"open-popup":!0,"go-to-sales-page":!0}},{id:"hideFrom",type:"pick-link",optionConfig:{"scroll-to":{popoverLabel:"Hide Sticky ATC start from",title:"",hideScrollToTop:!0}},default:{type:"scroll-to",link:""},isHiddenOpenLinkSelect:!0,hiddenOptions:{"stay-on-page":!0,"open-page":!0,"open-url":!0,"open-popup":!0,"go-to-sales-page":!0}},{id:"isScrollToTop",type:"toggle",default:!1}]}];export{e as StickySettingsV2};

package/dist/esm/sticky/settings/configs/ui-v2.js

@@ -1 +1 @@
-let o=[{label:"Layout",controls:[{setting:{id:"position"},layout:"vertical"}]},{label:"Size",hiddenOnMobile:!0,controls:[{setting:{id:"width"},label:"Width"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"},compoDefaultValue:{type:"custom",top:"16px",bottom:"16px",left:"24px",right:"24px"}}}]},{label:"Background",controls:[{setting:{id:"background"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"preloadBgImage"}]},controlChangeTrigger:{settings:[{action:{controlId:"preloadBgImage",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"Shadow",setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Display option",controls:[{label:"Condition",setting:{id:"display"}}]}];export{o as SettingUIV2};
+let o=[{label:"Layout",controls:[{setting:{id:"position"},layout:"vertical"}]},{label:"Size",hiddenOnMobile:!0,controls:[{setting:{id:"width"},label:"Width"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"},compoDefaultValue:{type:"custom",top:"16px",bottom:"16px",left:"24px",right:"24px"}}}]},{label:"Background",controls:[{setting:{id:"background"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"preloadBgImage"}]},controlChangeTrigger:{settings:[{action:{controlId:"preloadBgImage",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"Shadow",setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Display option",controls:[{label:"Condition",setting:{id:"display"}},{label:"Page scrolled",conditionDisplay:"display === 'after-first-scroll'",setting:{id:"scrollPercent"}},{label:"Show from",conditionDisplay:"display === 'between-sections'",setting:{id:"showFrom"}},{label:"Hide from",conditionDisplay:"display === 'between-sections'",setting:{id:"hideFrom"}}]}];export{o as SettingUIV2};

package/dist/types/index.d.ts

@@ -6082,9 +6082,16 @@ declare const shopPayInstallmentSetting: {
 };
 
 type Position = 'top' | 'bottom';
-type DisplayOptionValue = 'always' | 'after-first-scroll' | 'after-first-cart-button' | 'meet-section';
+type DisplayOptionValue = 'always' | 'after-first-scroll' | 'after-first-cart-button' | 'between-sections' | 'meet-section';
+type SectionLinkValue = {
+    link?: string;
+    type?: 'scroll-to';
+};
 type StickySettingProps = {
     display: ObjectDevices<DisplayOptionValue>;
+    scrollPercent?: number;
+    showFrom?: SectionLinkValue;
+    hideFrom?: SectionLinkValue;
     fullWidth?: ObjectDevices<boolean>;
     width?: ObjectDevices<string>;
     background: ObjectDevices<BackgroundMedia>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/components",
-  "version": "19.1.0-dev.19",
+  "version": "19.1.0-dev.23",
   "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": "19.1.0-dev.19",
+    "@gem-sdk/core": "19.1.0-dev.22",
     "@gem-sdk/styles": "19.1.0-dev.19",
     "@gem-sdk/system": "19.1.0-dev.19",
     "@types/react-transition-group": "^4.4.12",