@gem-sdk/components 19.1.0-staging.31 → 19.1.0-staging.33

package/dist/cjs/carousel/components/item/common/classes.js

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/system");exports.getClass=t=>{let{parentId:l,parentUid:i,builderProps:s,className:g}=t,r=e.createClass({"gem-slider-item gp-w-full":!0,"webkit:gp-flex webkit:gp-flex-col":!0,[`gem-slider-item-${l||i}`]:!0,...i&&{[`gp-child-item-${i}`]:!0},...s?.uid&&{[s?.uid]:!0},...g&&{[g]:!0}}),p=e.createClass({"gp-w-full gp-h-full":!0,"webkit:!gp-h-auto webkit:gp-flex-auto webkit:gp-min-h-0":!0});return{carouselItemClass:r,carouselItemInnerClass:p}};
+"use strict";var e=require("@gem-sdk/system");exports.getClass=s=>{let{parentId:l,parentUid:t,builderProps:r,className:i}=s,g=e.createClass({"gem-slider-item gp-w-full":!0,[`gem-slider-item-${l||t}`]:!0,...t&&{[`gp-child-item-${t}`]:!0},...r?.uid&&{[r?.uid]:!0},...i&&{[i]:!0}}),u=e.createClass({"gp-w-full gp-h-full":!0});return{carouselItemClass:g,carouselItemInnerClass:u}};

package/dist/cjs/carousel-v3/components/item/common/classes.js

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/system");exports.getClass=t=>{let{parentId:l,parentUid:i,builderProps:s,className:g}=t,r=e.createClass({"gem-slider-item gp-w-full":!0,"webkit:gp-flex webkit:gp-flex-col":!0,[`gem-slider-item-${l||i}`]:!0,...i&&{[`gp-child-item-${i}`]:!0},...s?.uid&&{[s?.uid]:!0},...g&&{[g]:!0}}),p=e.createClass({"gp-w-full gp-h-full":!0,"webkit:!gp-h-auto webkit:gp-flex-auto webkit:gp-min-h-0":!0});return{carouselItemClass:r,carouselItemInnerClass:p}};
+"use strict";var e=require("@gem-sdk/system");exports.getClass=s=>{let{parentId:l,parentUid:t,builderProps:r,className:i}=s,g=e.createClass({"gem-slider-item gp-w-full":!0,[`gem-slider-item-${l||t}`]:!0,...t&&{[`gp-child-item-${t}`]:!0},...r?.uid&&{[r?.uid]:!0},...i&&{[i]:!0}}),u=e.createClass({"gp-w-full gp-h-full":!0});return{carouselItemClass:g,carouselItemInnerClass:u}};

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/esm/carousel/components/item/common/classes.js

@@ -1 +1 @@
-import{createClass as e}from"@gem-sdk/system";let t=t=>{let{parentId:l,parentUid:i,builderProps:g,className:p}=t,m=e({"gem-slider-item gp-w-full":!0,"webkit:gp-flex webkit:gp-flex-col":!0,[`gem-slider-item-${l||i}`]:!0,...i&&{[`gp-child-item-${i}`]:!0},...g?.uid&&{[g?.uid]:!0},...p&&{[p]:!0}}),u=e({"gp-w-full gp-h-full":!0,"webkit:!gp-h-auto webkit:gp-flex-auto webkit:gp-min-h-0":!0});return{carouselItemClass:m,carouselItemInnerClass:u}};export{t as getClass};
+import{createClass as e}from"@gem-sdk/system";let l=l=>{let{parentId:t,parentUid:i,builderProps:m,className:g}=l,r=e({"gem-slider-item gp-w-full":!0,[`gem-slider-item-${t||i}`]:!0,...i&&{[`gp-child-item-${i}`]:!0},...m?.uid&&{[m?.uid]:!0},...g&&{[g]:!0}}),s=e({"gp-w-full gp-h-full":!0});return{carouselItemClass:r,carouselItemInnerClass:s}};export{l as getClass};

package/dist/esm/carousel-v3/components/item/common/classes.js

@@ -1 +1 @@
-import{createClass as e}from"@gem-sdk/system";let t=t=>{let{parentId:l,parentUid:i,builderProps:g,className:p}=t,m=e({"gem-slider-item gp-w-full":!0,"webkit:gp-flex webkit:gp-flex-col":!0,[`gem-slider-item-${l||i}`]:!0,...i&&{[`gp-child-item-${i}`]:!0},...g?.uid&&{[g?.uid]:!0},...p&&{[p]:!0}}),u=e({"gp-w-full gp-h-full":!0,"webkit:!gp-h-auto webkit:gp-flex-auto webkit:gp-min-h-0":!0});return{carouselItemClass:m,carouselItemInnerClass:u}};export{t as getClass};
+import{createClass as e}from"@gem-sdk/system";let l=l=>{let{parentId:t,parentUid:i,builderProps:m,className:g}=l,r=e({"gem-slider-item gp-w-full":!0,[`gem-slider-item-${t||i}`]:!0,...i&&{[`gp-child-item-${i}`]:!0},...m?.uid&&{[m?.uid]:!0},...g&&{[g]:!0}}),s=e({"gp-w-full gp-h-full":!0});return{carouselItemClass:r,carouselItemInnerClass:s}};export{l as getClass};

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/components",
-  "version": "19.1.0-staging.31",
+  "version": "19.1.0-staging.33",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -27,7 +27,7 @@
   },
   "devDependencies": {
     "@gem-sdk/core": "19.1.0-staging.31",
-    "@gem-sdk/styles": "19.1.0-staging.31",
+    "@gem-sdk/styles": "19.1.0-staging.33",
     "@gem-sdk/system": "19.1.0-staging.31",
     "@types/react-transition-group": "^4.4.12",
     "postcss-import": "16.1.1",