@gem-sdk/components 16.1.0-staging.1 → 17.0.0-dev.9

package/dist/esm/cart/next.js

@@ -1 +1 @@
-import t from"next/dynamic";import o from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";let CartLineVariant=t(()=>import("./components/CartLineVariant.js"),{loading:o}),Cart=t(()=>import("./components/Cart.js"),{ssr:!1,loading:o}),CartList=t(()=>import("./components/CartList.js"),{loading:o}),CartLinePrice=t(()=>import("./components/CartLinePrice.js"),{loading:o}),CartLineImage=t(()=>import("./components/CartLineImage.js"),{loading:o}),CartTotalPrice=t(()=>import("./components/CartTotalPrice.js"),{loading:o}),CartTotalItem=t(()=>import("./components/CartTotalItem.js"),{loading:o}),CartCheckout=t(()=>import("./components/CartCheckout.js"),{loading:o}),DiscountInput=t(()=>import("./components/DiscountInput.js"),{loading:o}),CartDiscount=t(()=>import("./components/CartDiscount.js"),{loading:o}),CartOrderNote=t(()=>import("./components/CartOrderNote.js"),{loading:o}),CartLineAttribute=t(()=>import("./components/CartLineAttribute.js"),{loading:o}),CouponList=t(()=>import("./components/CouponList.js"),{loading:o}),CheckoutNow=t(()=>import("./components/CheckoutNow.js"),{loading:o}),ShopPayButton=t(()=>import("./components/shop-pay-button/ShopPayButton.js"),{ssr:!1,loading:o});var cart={Cart,CartList,CartLinePrice,CartLineVariant,CartLineImage,CartTotalPrice,CartTotalItem,CartCheckout,DiscountInput,CartDiscount,CartOrderNote,CartLineAttribute,CouponList,ShopPayButton,CheckoutNow};export{cart as default};
+import o from"next/dynamic";import t from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";let n=o(()=>import("./components/CartLineVariant.js"),{loading:t}),i=o(()=>import("./components/Cart.js"),{ssr:!1,loading:t}),r=o(()=>import("./components/CartList.js"),{loading:t}),m=o(()=>import("./components/CartLinePrice.js"),{loading:t}),s=o(()=>import("./components/CartLineImage.js"),{loading:t}),p=o(()=>import("./components/CartTotalPrice.js"),{loading:t}),a=o(()=>import("./components/CartTotalItem.js"),{loading:t}),e=o(()=>import("./components/CartCheckout.js"),{loading:t}),c=o(()=>import("./components/DiscountInput.js"),{loading:t}),d=o(()=>import("./components/CartDiscount.js"),{loading:t}),l=o(()=>import("./components/CartOrderNote.js"),{loading:t}),g=o(()=>import("./components/CartLineAttribute.js"),{loading:t}),j=o(()=>import("./components/CouponList.js"),{loading:t}),C=o(()=>import("./components/CheckoutNow.js"),{loading:t}),u=o(()=>import("./components/shop-pay-button/ShopPayButton.js"),{ssr:!1,loading:t});var L={Cart:i,CartList:r,CartLinePrice:m,CartLineVariant:n,CartLineImage:s,CartTotalPrice:p,CartTotalItem:a,CartCheckout:e,DiscountInput:c,CartDiscount:d,CartOrderNote:l,CartLineAttribute:g,CouponList:j,ShopPayButton:u,CheckoutNow:C};export{L as default};

package/dist/esm/cart/settings/Cart.js

@@ -1,7 +1,7 @@
-let config={tag:"Cart",label:"Cart",icon:`
+let t={tag:"Cart",label:"Cart",icon:`
   <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M26.2219 24.8484C26.2219 24.1212 25.7241 23.6363 24.9775 23.6363C24.2308 23.6363 23.733 24.1212 23.733 24.8484C23.733 25.5757 24.2308 26.0606 24.9775 26.0606C25.7241 26.0606 26.2219 25.5757 26.2219 24.8484ZM16.2663 24.8484C16.2663 24.1212 15.7686 23.6363 15.0219 23.6363C14.2752 23.6363 13.7775 24.1212 13.7775 24.8484C13.7775 25.5757 14.2752 26.0606 15.0219 26.0606C15.7686 26.0606 16.2663 25.5757 16.2663 24.8484ZM14.0263 13.9394H25.8486L24.6041 18.7878H15.1463C14.8975 17.6969 14.3997 15.8787 14.0263 13.9394ZM28.9239 12.1394C29.0051 11.8231 28.7662 11.5151 28.4396 11.5151H13.4041C12.9063 9.33329 12.533 7.63632 12.533 7.63632L12.3805 7.04232C12.3238 6.82122 12.1245 6.66663 11.8962 6.66663H9.29967C9.02353 6.66663 8.79967 6.89048 8.79967 7.16663V8.59087C8.79967 8.86701 9.02353 9.09087 9.29967 9.09087H10.293C10.9152 11.8787 12.9063 20.2424 12.9063 20.2424L13.0588 20.8364C13.1155 21.0575 13.3148 21.2121 13.5431 21.2121H26.2074C26.4356 21.2121 26.6349 21.0575 26.6917 20.8364L28.9239 12.1394ZM38.1663 16.3636C38.4425 16.3636 38.6663 16.5875 38.6663 16.8636V32.8333C38.6663 33.1094 38.4425 33.3333 38.1663 33.3333H1.83301C1.55687 33.3333 1.33301 33.1094 1.33301 32.8333V16.8636C1.33301 16.5875 1.55687 16.3636 1.83301 16.3636H9.03402C9.26229 16.3636 9.46158 16.5182 9.51832 16.7393L9.88388 18.1635C9.96507 18.4799 9.72616 18.7878 9.39958 18.7878H3.8219V30.909H36.1775V18.7878H30.3509C30.0243 18.7878 29.7854 18.4799 29.8666 18.1635L30.2321 16.7393C30.2889 16.5182 30.4882 16.3636 30.7164 16.3636H38.1663Z" fill="currentColor"/>
   </svg>
   `,settings:[{id:"setting",controls:[{id:"svgIcon",type:"icon",label:"Cart Icon",default:`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
           <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z" />
-        </svg>`},{id:"cart-group",type:"group",controls:[{id:"iconOnly",type:"toggle",label:"Icon Only",default:!1},{id:"label",type:"input",label:"Cart Label",default:"Shopping Cart"}]}]},{id:"style",controls:[{id:"state",type:"behavior-state",controls:[{id:"iconColor",type:"colorpicker",label:"Icon Color",default:{normal:"text-1"},state:{hover:!0,normal:!0}}]}]}]};export{config as default};
+        </svg>`},{id:"cart-group",type:"group",controls:[{id:"iconOnly",type:"toggle",label:"Icon Only",default:!1},{id:"label",type:"input",label:"Cart Label",default:"Shopping Cart"}]}]},{id:"style",controls:[{id:"state",type:"behavior-state",controls:[{id:"iconColor",type:"colorpicker",label:"Icon Color",default:{normal:"text-1"},state:{hover:!0,normal:!0}}]}]}]};export{t as default};

package/dist/esm/cart/settings/CartCheckout.js

@@ -1 +1 @@
-let config={tag:"CartCheckout",label:"Checkout Button",settings:[{id:"setting",controls:[]},{id:"style",controls:[]}]};export{config as default};
+let t={tag:"CartCheckout",label:"Checkout Button",settings:[{id:"setting",controls:[]},{id:"style",controls:[]}]};export{t as default};

package/dist/esm/cart/settings/CartDiscount.js

@@ -1 +1 @@
-let config={tag:"CartDiscount",label:"Cart Discount",settings:[{id:"setting",controls:[]},{id:"style",controls:[]}]};export{config as default};
+let t={tag:"CartDiscount",label:"Cart Discount",settings:[{id:"setting",controls:[]},{id:"style",controls:[]}]};export{t as default};

package/dist/esm/cart/settings/CartLineAttribute.js

@@ -1 +1 @@
-let config={tag:"CartLineAttribute",label:"CartLine Attribute",settings:[{id:"setting",controls:[]},{id:"style",controls:[{id:"typography",type:"typography",label:"Typography",default:{type:"paragraph-1"}}]}]};export{config as default};
+let t={tag:"CartLineAttribute",label:"CartLine Attribute",settings:[{id:"setting",controls:[]},{id:"style",controls:[{id:"typography",type:"typography",label:"Typography",default:{type:"paragraph-1"}}]}]};export{t as default};

package/dist/esm/cart/settings/CartLineImage.js

@@ -1 +1 @@
-let config={tag:"CartLineImage",label:"Cart Line Image",settings:[{id:"setting",controls:[]},{id:"style",controls:[{id:"Dimensions",type:"group",label:"Dimensions",controls:[{id:"aspectRatio",type:"select",label:"Aspect Ratio",options:[{label:"Auto",value:"auto"},{label:"1:1",value:"1"},{label:"3:2",value:"3/2"},{label:"4:3",value:"4/3"},{label:"16:9",value:"16/9"},{label:"21:9",value:"21/9"},{label:"2:3",value:"2/3"},{label:"3:4",value:"3/4"},{label:"9:16",value:"9/16"},{label:"Custom",value:"custom"}],devices:{desktop:{default:"auto"}}},{id:"customAspectRadio",type:"ratio",min:1,devices:{desktop:{default:{width:"1",height:"1"}}}},{id:"layout",type:"select",label:"Object Fit",options:[{label:"Fill",value:"fill"},{label:"Cover",value:"cover"},{label:"Contain",value:"contain"},{label:"None",value:"none"},{label:"Scale down",value:"scale-down"}],devices:{desktop:{default:"cover"}}}]},{id:"behavior-state",type:"behavior-state",label:"Behavior State",controls:[{id:"opacity",label:"Opacity",type:"range",min:0,max:100,step:1,default:{normal:100,hover:100},state:{normal:!0,hover:!0}},{id:"roundedImg",type:"radius-preset",label:"Border Radius",default:{hover:{radiusType:"small"},normal:{radiusType:"small"}},state:{hover:!0,normal:!0}}]}]}]};export{config as default};
+let e={tag:"CartLineImage",label:"Cart Line Image",settings:[{id:"setting",controls:[]},{id:"style",controls:[{id:"Dimensions",type:"group",label:"Dimensions",controls:[{id:"aspectRatio",type:"select",label:"Aspect Ratio",options:[{label:"Auto",value:"auto"},{label:"1:1",value:"1"},{label:"3:2",value:"3/2"},{label:"4:3",value:"4/3"},{label:"16:9",value:"16/9"},{label:"21:9",value:"21/9"},{label:"2:3",value:"2/3"},{label:"3:4",value:"3/4"},{label:"9:16",value:"9/16"},{label:"Custom",value:"custom"}],devices:{desktop:{default:"auto"}}},{id:"customAspectRadio",type:"ratio",min:1,devices:{desktop:{default:{width:"1",height:"1"}}}},{id:"layout",type:"select",label:"Object Fit",options:[{label:"Fill",value:"fill"},{label:"Cover",value:"cover"},{label:"Contain",value:"contain"},{label:"None",value:"none"},{label:"Scale down",value:"scale-down"}],devices:{desktop:{default:"cover"}}}]},{id:"behavior-state",type:"behavior-state",label:"Behavior State",controls:[{id:"opacity",label:"Opacity",type:"range",min:0,max:100,step:1,default:{normal:100,hover:100},state:{normal:!0,hover:!0}},{id:"roundedImg",type:"radius-preset",label:"Border Radius",default:{hover:{radiusType:"small"},normal:{radiusType:"small"}},state:{hover:!0,normal:!0}}]}]}]};export{e as default};

package/dist/esm/cart/settings/CartLinePrice.js

@@ -1 +1 @@
-let config={tag:"CartLinePrice",label:"CartLine Price",settings:[{id:"setting",controls:[]},{id:"style",controls:[{id:"typography",type:"typography",label:"Typography",default:{type:"subheading-1"}}]}]};export{config as default};
+let t={tag:"CartLinePrice",label:"CartLine Price",settings:[{id:"setting",controls:[]},{id:"style",controls:[{id:"typography",type:"typography",label:"Typography",default:{type:"subheading-1"}}]}]};export{t as default};

package/dist/esm/cart/settings/CartLineVariant.js

@@ -1 +1 @@
-let config={tag:"CartLineVariant",label:"CartLine Variant",settings:[{id:"setting",controls:[]},{id:"style",controls:[{id:"typography",type:"typography",label:"Typography",default:{type:"subheading-1"}}]}]};export{config as default};
+let t={tag:"CartLineVariant",label:"CartLine Variant",settings:[{id:"setting",controls:[]},{id:"style",controls:[{id:"typography",type:"typography",label:"Typography",default:{type:"subheading-1"}}]}]};export{t as default};

package/dist/esm/cart/settings/CartList.js

@@ -1 +1 @@
-let config={tag:"CartList",label:"CartList",settings:[{id:"setting",controls:[{id:"itemPerPage",type:"input:number",label:"Item per page",default:20}]},{id:"style",controls:[{id:"dimension-group",type:"group",label:"Dimension",controls:[{id:"order",label:"Order",type:"input:number",devices:{desktop:{default:0}}},{id:"gap",type:"input:unit",label:"Spacing",hide:!0,units:["px","rem","em"],devices:{desktop:{default:"16px"}}},{id:"alignItem",type:"select",label:"Align Item",hide:!0,options:[{label:"Normal",value:"normal"},{label:"Center",value:"center"},{label:"Start",value:"flex-start"},{label:"End",value:"flex-end"},{label:"Stretch",value:"stretch"},{label:"Baseline",value:"baseline"}],devices:{desktop:{default:"normal"}}},{id:"justifyContent",type:"select",label:"Justify Content",hide:!0,options:[{label:"Normal",value:"normal"},{label:"Center",value:"center"},{label:"Start",value:"flex-start"},{label:"End",value:"flex-end"},{label:"Space Between",value:"space-between"},{label:"Space Around",value:"space-around"},{label:"Space Evenly",value:"space-evenly"}],devices:{desktop:{default:"normal"}}}]}]}]};export{config as default};
+let e={tag:"CartList",label:"CartList",settings:[{id:"setting",controls:[{id:"itemPerPage",type:"input:number",label:"Item per page",default:20}]},{id:"style",controls:[{id:"dimension-group",type:"group",label:"Dimension",controls:[{id:"order",label:"Order",type:"input:number",devices:{desktop:{default:0}}},{id:"gap",type:"input:unit",label:"Spacing",hide:!0,units:["px","rem","em"],devices:{desktop:{default:"16px"}}},{id:"alignItem",type:"select",label:"Align Item",hide:!0,options:[{label:"Normal",value:"normal"},{label:"Center",value:"center"},{label:"Start",value:"flex-start"},{label:"End",value:"flex-end"},{label:"Stretch",value:"stretch"},{label:"Baseline",value:"baseline"}],devices:{desktop:{default:"normal"}}},{id:"justifyContent",type:"select",label:"Justify Content",hide:!0,options:[{label:"Normal",value:"normal"},{label:"Center",value:"center"},{label:"Start",value:"flex-start"},{label:"End",value:"flex-end"},{label:"Space Between",value:"space-between"},{label:"Space Around",value:"space-around"},{label:"Space Evenly",value:"space-evenly"}],devices:{desktop:{default:"normal"}}}]}]}]};export{e as default};

package/dist/esm/cart/settings/CartOrderNote.js

@@ -1 +1 @@
-let config={tag:"CartOrderNote",label:"Cart Order Note",settings:[{id:"setting",controls:[{id:"triggerUpdate",label:"Trigger Update",type:"segment",options:[{label:"Blur",value:"blur"},{label:"Debounce",value:"debounce"}],default:"debounce"},{id:"debounce",label:"Debounce time (ms)",type:"input:number",default:1e3,hide:!0}]},{id:"style",controls:[]}]};export{config as default};
+let e={tag:"CartOrderNote",label:"Cart Order Note",settings:[{id:"setting",controls:[{id:"triggerUpdate",label:"Trigger Update",type:"segment",options:[{label:"Blur",value:"blur"},{label:"Debounce",value:"debounce"}],default:"debounce"},{id:"debounce",label:"Debounce time (ms)",type:"input:number",default:1e3,hide:!0}]},{id:"style",controls:[]}]};export{e as default};

package/dist/esm/cart/settings/CartTotalItem.js

@@ -1 +1 @@
-let config={tag:"CartTotalItem",label:"Cart Total Item",settings:[{id:"setting",controls:[]},{id:"style",controls:[{id:"typography",type:"typography",label:"Typography",default:{type:"subheading-1"}}]}]};export{config as default};
+let t={tag:"CartTotalItem",label:"Cart Total Item",settings:[{id:"setting",controls:[]},{id:"style",controls:[{id:"typography",type:"typography",label:"Typography",default:{type:"subheading-1"}}]}]};export{t as default};

package/dist/esm/cart/settings/CartTotalPrice.js

@@ -1 +1 @@
-let config={tag:"CartTotalPrice",label:"Cart Total Price",settings:[{id:"setting",controls:[{id:"priceType",label:"Price Type",type:"select",options:[{label:"Total",value:"total"},{label:"Subtotal",value:"subtotal"},{label:"Tax",value:"tax"},{label:"Duty Fee",value:"duty"},{label:"Discount",value:"discount"}],default:"total"}]},{id:"style",controls:[{id:"typography",type:"typography",label:"Typography",default:{type:"subheading-1"}}]}]};export{config as default};
+let t={tag:"CartTotalPrice",label:"Cart Total Price",settings:[{id:"setting",controls:[{id:"priceType",label:"Price Type",type:"select",options:[{label:"Total",value:"total"},{label:"Subtotal",value:"subtotal"},{label:"Tax",value:"tax"},{label:"Duty Fee",value:"duty"},{label:"Discount",value:"discount"}],default:"total"}]},{id:"style",controls:[{id:"typography",type:"typography",label:"Typography",default:{type:"subheading-1"}}]}]};export{t as default};

package/dist/esm/cart/settings/CouponList.js

@@ -1 +1 @@
-let config={tag:"CouponList",label:"Coupon List",settings:[{id:"setting",controls:[]},{id:"style",controls:[]}]};export{config as default};
+let t={tag:"CouponList",label:"Coupon List",settings:[{id:"setting",controls:[]},{id:"style",controls:[]}]};export{t as default};

package/dist/esm/cart/settings/DiscountInput.js

@@ -1 +1 @@
-let config={tag:"DiscountInput",label:"Discount Input",settings:[{id:"setting",controls:[{id:"label",type:"input",label:"Label",default:"Apply"},{id:"placeholder",type:"input",label:"Placeholder",default:"Enter discount code"}]},{id:"style",controls:[]}]};export{config as default};
+let t={tag:"DiscountInput",label:"Discount Input",settings:[{id:"setting",controls:[{id:"label",type:"input",label:"Label",default:"Apply"},{id:"placeholder",type:"input",label:"Placeholder",default:"Enter discount code"}]},{id:"style",controls:[]}]};export{t as default};

package/dist/esm/cart/settings/ShopPayButton.js

@@ -1 +1 @@
-let config={tag:"ShopPayButton",label:"Shop Pay Button",icon:'<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M26.2219 24.8484C26.2219 24.1212 25.7241 23.6363 24.9775 23.6363C24.2308 23.6363 23.733 24.1212 23.733 24.8484C23.733 25.5757 24.2308 26.0606 24.9775 26.0606C25.7241 26.0606 26.2219 25.5757 26.2219 24.8484ZM16.2663 24.8484C16.2663 24.1212 15.7686 23.6363 15.0219 23.6363C14.2752 23.6363 13.7775 24.1212 13.7775 24.8484C13.7775 25.5757 14.2752 26.0606 15.0219 26.0606C15.7686 26.0606 16.2663 25.5757 16.2663 24.8484ZM14.0263 13.9394H25.8486L24.6041 18.7878H15.1463C14.8975 17.6969 14.3997 15.8787 14.0263 13.9394ZM28.9239 12.1394C29.0051 11.8231 28.7662 11.5151 28.4396 11.5151H13.4041C12.9063 9.33329 12.533 7.63632 12.533 7.63632L12.3805 7.04232C12.3238 6.82122 12.1245 6.66663 11.8962 6.66663H9.29967C9.02353 6.66663 8.79967 6.89048 8.79967 7.16663V8.59087C8.79967 8.86701 9.02353 9.09087 9.29967 9.09087H10.293C10.9152 11.8787 12.9063 20.2424 12.9063 20.2424L13.0588 20.8364C13.1156 21.0575 13.3148 21.2121 13.5431 21.2121H26.2074C26.4356 21.2121 26.6349 21.0575 26.6917 20.8364L28.9239 12.1394ZM38.1663 16.3636C38.4425 16.3636 38.6663 16.5875 38.6663 16.8636V32.8333C38.6663 33.1094 38.4425 33.3333 38.1663 33.3333H1.83301C1.55687 33.3333 1.33301 33.1094 1.33301 32.8333V16.8636C1.33301 16.5875 1.55687 16.3636 1.83301 16.3636H9.03402C9.26229 16.3636 9.46158 16.5182 9.51832 16.7393L9.88388 18.1635C9.96507 18.4799 9.72616 18.7878 9.39958 18.7878H3.8219V30.909H36.1775V18.7878H30.3509C30.0243 18.7878 29.7854 18.4799 29.8666 18.1635L30.2321 16.7393C30.2889 16.5182 30.4882 16.3636 30.7164 16.3636H38.1663Z" fill="currentColor"/></svg>',settings:[{id:"setting",controls:[{id:"openMode",label:"Behavior",type:"segment",options:[{label:"New Page",value:"new-page"},{label:"Popup",value:"popup"}],default:"new-page"}]},{id:"style",controls:[{id:"brand-group",type:"group",label:"Brand Button Setting",controls:[{id:"type",label:"Type",type:"segment",options:[{label:"Dynamic",value:"dynamic"},{label:"Express",value:"express"}],default:"dynamic"},{id:"color",label:"Color",type:"segment",options:[{label:"White",value:"white"},{label:"Black",value:"black"},{label:"Purple",value:"purple"}],default:"black"}]},{id:"align",label:"Align",type:"segment",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left"},{label:"Center",value:"center",type:"align",tooltip:"Align center"},{label:"Right",value:"right",type:"align",tooltip:"Align right"}],devices:{desktop:{default:"left"}}}]}],ui:[{type:"control",label:{en:"Behavior"},options:{label:"large"},setting:{id:"openMode"}},{type:"group",label:{en:"Brand button setting"},controls:[{type:"control",label:{en:"Button type"},setting:{id:"type"}},{type:"control",label:{en:"Button color"},setting:{id:"color"}}]},{type:"control",label:{en:"Alignment"},options:{label:"large"},setting:{id:"align"}}],editorConfigs:{placeholder:{flowTag:["Product"]}}};export{config as default};
+let e={tag:"ShopPayButton",label:"Shop Pay Button",icon:'<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M26.2219 24.8484C26.2219 24.1212 25.7241 23.6363 24.9775 23.6363C24.2308 23.6363 23.733 24.1212 23.733 24.8484C23.733 25.5757 24.2308 26.0606 24.9775 26.0606C25.7241 26.0606 26.2219 25.5757 26.2219 24.8484ZM16.2663 24.8484C16.2663 24.1212 15.7686 23.6363 15.0219 23.6363C14.2752 23.6363 13.7775 24.1212 13.7775 24.8484C13.7775 25.5757 14.2752 26.0606 15.0219 26.0606C15.7686 26.0606 16.2663 25.5757 16.2663 24.8484ZM14.0263 13.9394H25.8486L24.6041 18.7878H15.1463C14.8975 17.6969 14.3997 15.8787 14.0263 13.9394ZM28.9239 12.1394C29.0051 11.8231 28.7662 11.5151 28.4396 11.5151H13.4041C12.9063 9.33329 12.533 7.63632 12.533 7.63632L12.3805 7.04232C12.3238 6.82122 12.1245 6.66663 11.8962 6.66663H9.29967C9.02353 6.66663 8.79967 6.89048 8.79967 7.16663V8.59087C8.79967 8.86701 9.02353 9.09087 9.29967 9.09087H10.293C10.9152 11.8787 12.9063 20.2424 12.9063 20.2424L13.0588 20.8364C13.1156 21.0575 13.3148 21.2121 13.5431 21.2121H26.2074C26.4356 21.2121 26.6349 21.0575 26.6917 20.8364L28.9239 12.1394ZM38.1663 16.3636C38.4425 16.3636 38.6663 16.5875 38.6663 16.8636V32.8333C38.6663 33.1094 38.4425 33.3333 38.1663 33.3333H1.83301C1.55687 33.3333 1.33301 33.1094 1.33301 32.8333V16.8636C1.33301 16.5875 1.55687 16.3636 1.83301 16.3636H9.03402C9.26229 16.3636 9.46158 16.5182 9.51832 16.7393L9.88388 18.1635C9.96507 18.4799 9.72616 18.7878 9.39958 18.7878H3.8219V30.909H36.1775V18.7878H30.3509C30.0243 18.7878 29.7854 18.4799 29.8666 18.1635L30.2321 16.7393C30.2889 16.5182 30.4882 16.3636 30.7164 16.3636H38.1663Z" fill="currentColor"/></svg>',settings:[{id:"setting",controls:[{id:"openMode",label:"Behavior",type:"segment",options:[{label:"New Page",value:"new-page"},{label:"Popup",value:"popup"}],default:"new-page"}]},{id:"style",controls:[{id:"brand-group",type:"group",label:"Brand Button Setting",controls:[{id:"type",label:"Type",type:"segment",options:[{label:"Dynamic",value:"dynamic"},{label:"Express",value:"express"}],default:"dynamic"},{id:"color",label:"Color",type:"segment",options:[{label:"White",value:"white"},{label:"Black",value:"black"},{label:"Purple",value:"purple"}],default:"black"}]},{id:"align",label:"Align",type:"segment",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left"},{label:"Center",value:"center",type:"align",tooltip:"Align center"},{label:"Right",value:"right",type:"align",tooltip:"Align right"}],devices:{desktop:{default:"left"}}}]}],ui:[{type:"control",label:{en:"Behavior"},options:{label:"large"},setting:{id:"openMode"}},{type:"group",label:{en:"Brand button setting"},controls:[{type:"control",label:{en:"Button type"},setting:{id:"type"}},{type:"control",label:{en:"Button color"},setting:{id:"color"}}]},{type:"control",label:{en:"Alignment"},options:{label:"large"},setting:{id:"align"}}],editorConfigs:{placeholder:{flowTag:["Product"]}}};export{e as default};

package/dist/esm/code/common/classes.js

@@ -1 +1 @@
-import{composeClasses as e,cls as o}from"@gem-sdk/core";let getCodeClasses=(s,t,g)=>e(o(s,{"gp-sr-only":t},"gp-custom-code",g));export{getCodeClasses};
+import{composeClasses as e,cls as o}from"@gem-sdk/core";let s=(s,r,t)=>e(o(s,{"gp-sr-only":r},"gp-custom-code",t));export{s as getCodeClasses};

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

@@ -1 +1 @@
-import{makeStyleResponsive as e,getStyleBackgroundByDevice as t}from"@gem-sdk/core";import{getBackgroundTranslated as r}from"../../helpers.js";import{CSSCode as i}from"../settings/configs/translate.js";let getCodeStyle=({setting:o,style:a,isLiquid:l,uid:s,pageContext:n,type:d="React"})=>{let{background:g}=o??{},m="Liquid"===d?r({background:g,uid:s,enableTranslate:!!i?.background?.id,pageContext:n,isTranslateVideo:!1}):g;return{...a,...e("ta",o?.align),...t(m||g,{liquid:l})}};export{getCodeStyle};
+import{getStyleBackgroundByDevice as e,makeStyleResponsive as t}from"@gem-sdk/core";import{getBackgroundTranslated as r}from"../../helpers.js";import{CSSCode as i}from"../settings/configs/translate.js";let o=({setting:o,style:a,isLiquid:s,uid:l,pageContext:n,type:d="React"})=>{let{background:m}=o??{},g="Liquid"===d?r({background:m,uid:l,enableTranslate:!!i?.background?.id,pageContext:n,isTranslateVideo:!1}):m;return{...a,...t("ta",o?.align),...e(g||m,{liquid:s})}};export{o as getCodeStyle};

package/dist/esm/code/components/CSSCode.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,Fragment as r,jsx as o}from"react/jsx-runtime";import a from"next/head";import i from"../hooks/useCSSCode.js";import{createStyle as s,createClass as m}from"@gem-sdk/system";import{getCodeStyle as d}from"../common/styles.js";import{getCodeClasses as t}from"../common/classes.js";let CSSCode=({setting:l,style:c,advanced:n,builderAttrs:g,builderProps:u,children:p,pageContext:k})=>{let{editorData:h}=n,{handleDoubleClickCustomCode:b,htmlPlainText:f,mode:C}=i(n,l),S=s(d({setting:l,style:c,isLiquid:!1,uid:u?.uid,pageContext:k??{},type:"React"})),y=m(t(u?.uid,"edit"!==C&&!h?.html,n?.cssClass));return e(r,{children:[o(a,{children:!!l?.preloadBgImage&&e(r,{children:[!!l?.background?.desktop?.image?.src&&o("link",{rel:"preload",href:l.background.desktop.image.src,as:"image"}),!!l?.background?.tablet?.image?.src&&o("link",{rel:"preload",href:l.background.tablet.image.src,as:"image"}),!!l?.background?.mobile?.image?.src&&o("link",{rel:"preload",href:l.background.mobile.image.src,as:"image"})]})}),e("div",{onClick:b,"aria-hidden":"true",style:S,...g,className:y,children:[o("div",{dangerouslySetInnerHTML:{__html:f||""}}),p]})]})};export{CSSCode as default};
+import{jsxs as e,Fragment as r,jsx as a}from"react/jsx-runtime";import o from"next/head";import i from"../hooks/useCSSCode.js";import{createStyle as s,createClass as m}from"@gem-sdk/system";import{getCodeStyle as t}from"../common/styles.js";import{getCodeClasses as d}from"../common/classes.js";let l=({setting:l,style:c,advanced:n,builderAttrs:g,builderProps:u,children:p,pageContext:k})=>{let{editorData:h}=n,{handleDoubleClickCustomCode:b,htmlPlainText:f,mode:C}=i(n,l),y=s(t({setting:l,style:c,isLiquid:!1,uid:u?.uid,pageContext:k??{},type:"React"})),S=m(d(u?.uid,"edit"!==C&&!h?.html,n?.cssClass));return e(r,{children:[a(o,{children:!!l?.preloadBgImage&&e(r,{children:[!!l?.background?.desktop?.image?.src&&a("link",{rel:"preload",href:l.background.desktop.image.src,as:"image"}),!!l?.background?.tablet?.image?.src&&a("link",{rel:"preload",href:l.background.tablet.image.src,as:"image"}),!!l?.background?.mobile?.image?.src&&a("link",{rel:"preload",href:l.background.mobile.image.src,as:"image"})]})}),e("div",{onClick:b,"aria-hidden":"true",style:y,...g,className:S,children:[a("div",{dangerouslySetInnerHTML:{__html:f||""}}),p]})]})};export{l as default};

package/dist/esm/code/components/CSSCode.liquid.js

@@ -1,5 +1,5 @@
-import{template as e,RenderIf as s}from"@gem-sdk/core";import{createStyle as i,createClass as r}from"@gem-sdk/system";import{getCodeStyle as m}from"../common/styles.js";import{getCodeClasses as a}from"../common/classes.js";let CSSCode=({setting:t,style:o,advanced:l,builderAttrs:d,builderProps:c,pageContext:p})=>{let{background:g,preloadBgImage:$}=t??{},f=l?.editorData,k=f?.html?.trim(),u=i(m({setting:t,style:o,isLiquid:!0,uid:c?.uid,pageContext:p??{},type:"Liquid"})),n=r(a(c?.uid,!f?.html&&!g,l?.cssClass));return e`
-  ${s(!!$,`${s(!!g?.desktop?.image?.src,`<link rel="preload" href="${g?.desktop?.image?.src}" as="image" />`)}${s(!!g?.tablet?.image?.src,`<link rel="preload" href="${g?.tablet?.image?.src}" as="image" />`)}${s(!!g?.mobile?.image?.src,`<link rel="preload" href="${g?.mobile?.image?.src}" as="image" />`)}`)}
+import{RenderIf as e,template as s}from"@gem-sdk/core";import{createStyle as i,createClass as r}from"@gem-sdk/system";import{getCodeStyle as m}from"../common/styles.js";import{getCodeClasses as a}from"../common/classes.js";let t=({setting:t,style:l,advanced:o,builderAttrs:d,builderProps:c,pageContext:p})=>{let{background:g,preloadBgImage:$}=t??{},f=o?.editorData,k=f?.html?.trim(),u=i(m({setting:t,style:l,isLiquid:!0,uid:c?.uid,pageContext:p??{},type:"Liquid"})),n=r(a(c?.uid,!f?.html&&!g,o?.cssClass));return s`
+  ${e(!!$,`${e(!!g?.desktop?.image?.src,`<link rel="preload" href="${g?.desktop?.image?.src}" as="image" />`)}${e(!!g?.tablet?.image?.src,`<link rel="preload" href="${g?.tablet?.image?.src}" as="image" />`)}${e(!!g?.mobile?.image?.src,`<link rel="preload" href="${g?.mobile?.image?.src}" as="image" />`)}`)}
     <div
       ${{...d}}
       style="${u}"
@@ -9,4 +9,4 @@ import{template as e,RenderIf as s}from"@gem-sdk/core";import{createStyle as i,c
     ${k}
     </div>
     </div>
-  `};export{CSSCode as default};
+  `};export{t as default};

package/dist/esm/code/hooks/useCSSCode.js

@@ -1,11 +1,11 @@
-import{useEditorMode as e}from"@gem-sdk/core";import{useCallback as t,useMemo as p}from"react";let EMPTY_TAGS=["SCRIPT"],ALLOWED_EMPTY_TAG=["EMBED","IMG","INPUT","PICTURE","VIDEO"],useCSSCode=(s,l)=>{let n=e(),{editorData:a}=s||{},{customLabel:i}=l||{},o=t((e,t,p)=>`
+import{useEditorMode as e}from"@gem-sdk/core";import{useCallback as t,useMemo as p}from"react";let l=["SCRIPT"],s=["EMBED","IMG","INPUT","PICTURE","VIDEO"],n=(n,a)=>{let o=e(),{editorData:i}=n||{},{customLabel:r}=a||{},g=t((e,t,p)=>`
       <p class="gp-text-center gp-text-sm gp-py-4 gp-leading-6 gp-text-light-500 gp-flex gp-flex-col gp-gap-[4px]">
-       <span>${i||"Custom Code"}</span>
+       <span>${r||"Custom Code"}</span>
         ${e||t||p?'<span class="gp-text-[#676767] gp-text-12 gp-leading-5">Publish the page to see the content.</span>':""}
-      </p>`,[i]),r=(e,t)=>{let p=document.createElement("div");p.innerHTML=e;let s=p.childNodes,l=!1,n=!0;if(s.length>0){s.forEach(e=>{EMPTY_TAGS.includes(e?.tagName)&&(l=!0,e?.remove())});let e=p.childNodes;e.forEach(e=>{if(ALLOWED_EMPTY_TAG.includes(e?.tagName))n=!1;else if(e?.nodeName!=="#comment"){let t=e?.textContent?.trim();t&&(n=!1)}})}return n&&(n=!p?.textContent?.trim()),t&&(l=!0),{empty:n,hasScript:l}},g=p(()=>{if("edit"===n){let{empty:e,hasScript:t}=r(a?.html||"",a?.javascript||"");if(t)return`
+      </p>`,[r]),c=(e,t)=>{let p=document.createElement("div");p.innerHTML=e;let n=p.childNodes,a=!1,o=!0;if(n.length>0){n.forEach(e=>{l.includes(e?.tagName)&&(a=!0,e?.remove())});let e=p.childNodes;e.forEach(e=>{if(s.includes(e?.tagName))o=!1;else if(e?.nodeName!=="#comment"){let t=e?.textContent?.trim();t&&(o=!1)}})}return o&&(o=!p?.textContent?.trim()),t&&(a=!0),{empty:o,hasScript:a}},d=p(()=>{if("edit"===o){let{empty:e,hasScript:t}=c(i?.html||"",i?.javascript||"");if(t)return`
         <div class="gp-py-4 gp-font-[sans-serif] gp-flex gp-flex-col gp-gap-[4px]" >
           <p class="gp-text-center gp-text-sm  gp-leading-[21px] gp-text-[#676767] ">
             Publish the page to see the content.
           </p>
         </div>
-        `;if(e)return o(a?.css||"",a?.javascript||"",a?.html||"")}return a?.html?.trim()},[n,a?.html,a?.javascript,a?.css,o]),c=e=>{if(2===e.detail){let e=new CustomEvent("editor:toolbar:open-custom-code",{bubbles:!0});window.dispatchEvent(e)}};return{mode:n,htmlPlainText:g,handleDoubleClickCustomCode:c}};export{useCSSCode as default};
+        `;if(e)return g(i?.css||"",i?.javascript||"",i?.html||"")}return i?.html?.trim()},[o,i?.html,i?.javascript,i?.css,g]);return{mode:o,htmlPlainText:d,handleDoubleClickCustomCode:e=>{if(2===e.detail){let e=new CustomEvent("editor:toolbar:open-custom-code",{bubbles:!0});window.dispatchEvent(e)}}}};export{n as default};

package/dist/esm/code/index.js

@@ -1 +1 @@
-import"react/jsx-runtime";import"next/head";import"@gem-sdk/core";import"react";import"@gem-sdk/system";import"next/link";import t from"./settings/CSSCode.js";let codeSetting={CSSCode:t};export{codeSetting};
+import"react/jsx-runtime";import"next/head";import"@gem-sdk/core";import"react";import"@gem-sdk/system";import"next/link";import t from"./settings/CSSCode.js";let e={CSSCode:t};export{e as codeSetting};

package/dist/esm/code/next.js

@@ -1 +1 @@
-import o from"next/dynamic";import e from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";let CSSCode=o(()=>import("./components/CSSCode.js"),{loading:e});var code={CSSCode};export{code as default};
+import o from"next/dynamic";import m from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";let t=o(()=>import("./components/CSSCode.js"),{loading:m});var r={CSSCode:t};export{r as default};

package/dist/esm/code/settings/CSSCode.js

@@ -1,7 +1,7 @@
-import{SettingCode as o}from"./configs/settings.js";import{SettingUIV2 as t}from"./configs/ui-v2.js";let config={tag:"CSSCode",label:"Custom Code",customLabel:"Custom Code",icon:`
+import{SettingCode as t}from"./configs/settings.js";import{SettingUIV2 as o}from"./configs/ui-v2.js";let e={tag:"CSSCode",label:"Custom Code",customLabel:"Custom Code",icon:`
   <svg width="40" viewBox="0 0 24 24"><path fill="currentColor" d="m24 12l-5.657 5.657l-1.414-1.414L21.172 12l-4.243-4.243l1.414-1.414L24 12zM2.828 12l4.243 4.243l-1.414 1.414L0 12l5.657-5.657L7.07 7.757L2.828 12zm6.96 9H7.66l6.552-18h2.128L9.788 21z"/></svg>
-  `,settings:o,ui:[],uiV2:t,editorConfigs:{sideBar:{tab:{style:{hide:!0}}}},init:[{tag:"CSSCode",settings:{editorData:{customLabel:"Custom Code"}}}],presets:[{id:"custom-code",name:"Custom Code",icon:{desktop:`
+  `,settings:t,ui:[],uiV2:o,editorConfigs:{sideBar:{tab:{style:{hide:!0}}}},init:[{tag:"CSSCode",settings:{editorData:{customLabel:"Custom Code"}}}],presets:[{id:"custom-code",name:"Custom Code",icon:{desktop:`
           <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M49.8847 14.3475C49.9413 13.9372 49.6542 13.5607 49.2436 13.5065C48.8329 13.4524 48.4541 13.7411 48.3975 14.1515L45.7077 33.6544C45.6511 34.0648 45.9381 34.4413 46.3488 34.4954C46.7594 34.5495 47.1382 34.2608 47.1948 33.8505L49.8847 14.3475ZM43.4983 18.4395C43.8079 18.7147 43.8357 19.1887 43.5606 19.4983L40.0035 23.5001L43.5606 27.5018C43.8357 27.8114 43.8079 28.2854 43.4983 28.5606C43.1887 28.8358 42.7146 28.8079 42.4394 28.4983L38.4394 23.9983C38.1869 23.7142 38.1869 23.286 38.4394 23.0018L42.4394 18.5018C42.7146 18.1922 43.1887 18.1643 43.4983 18.4395ZM52.5017 18.4395C52.8113 18.1643 53.2854 18.1922 53.5606 18.5018L57.5606 23.0018C57.8131 23.286 57.8131 23.7142 57.5606 23.9983L53.5606 28.4983C53.2854 28.8079 52.8113 28.8358 52.5017 28.5606C52.1921 28.2854 52.1643 27.8114 52.4394 27.5018L55.9965 23.5001L52.4394 19.4983C52.1643 19.1887 52.1921 18.7147 52.5017 18.4395Z" fill="#F9F9F9"/>
 </svg>
-        `},components:[{tag:"CSSCode",settings:{editorData:{customLabel:"Custom Code"}}}]}]};export{config as default};
+        `},components:[{tag:"CSSCode",settings:{editorData:{customLabel:"Custom Code"}}}]}]};export{e as default};

package/dist/esm/code/settings/configs/settings.js

@@ -1 +1 @@
-let SettingCode=[{id:"setting",controls:[{id:"customLabel",type:"input",default:"Custom code",isUpdateCustomLabel:!0},{id:"editorData",type:"customCodeEditor"},{id:"speedParallax",type:"customCodeEditor"},{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:"bg-1",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}}}},{id:"align",label:"Alignment",type:"segment",options:[{label:"Left",value:"left",type:"align"},{label:"Center",value:"center",type:"align"},{label:"Right",value:"right",type:"align"}],devices:{desktop:{default:"left"}}}]},{id:"style",controls:[]}];export{SettingCode};
+let e=[{id:"setting",controls:[{id:"customLabel",type:"input",default:"Custom code",isUpdateCustomLabel:!0},{id:"editorData",type:"customCodeEditor"},{id:"speedParallax",type:"customCodeEditor"},{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:"bg-1",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}}}},{id:"align",label:"Alignment",type:"segment",options:[{label:"Left",value:"left",type:"align"},{label:"Center",value:"center",type:"align"},{label:"Right",value:"right",type:"align"}],devices:{desktop:{default:"left"}}}]},{id:"style",controls:[]}];export{e as SettingCode};

package/dist/esm/code/settings/configs/translate.js

@@ -1 +1 @@
-let CSSCode={background:{id:"background",fields:["image.src"]}};export{CSSCode};
+let d={background:{id:"background",fields:["image.src"]}};export{d as CSSCode};

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

@@ -1 +1 @@
-let SettingUIV2=[{messageConfig:{type:"info",message:'You can insert HTML, CSS, JavaScript or Liquid code <a class="text-white" target="_blank" href="https://help.gempages.net/articles/custom-code-element?utm_source=element-setting-tips#custom-code">Learn more</a>'}},{label:"Custom code",controls:[{setting:{id:"editorData"},label:"Code"}]},{controls:[{type:"control",setting:{id:"background"},label:"Background",options:{labelVariant:"primary"},layout:"vertical"}]},{label:"Configuration",controls:[{type:"control",setting:{id:"customLabel"},label:"Name"}]},{controls:[{label:"Align",type:"control",setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0}}]}];export{SettingUIV2};
+let t=[{messageConfig:{type:"info",message:'You can insert HTML, CSS, JavaScript or Liquid code <a class="text-white" target="_blank" href="https://help.gempages.net/articles/custom-code-element?utm_source=element-setting-tips#custom-code">Learn more</a>'}},{label:"Custom code",controls:[{setting:{id:"editorData"},label:"Code"}]},{controls:[{type:"control",setting:{id:"background"},label:"Background",options:{labelVariant:"primary"},layout:"vertical"}]},{label:"Configuration",controls:[{type:"control",setting:{id:"customLabel"},label:"Name"}]},{controls:[{label:"Align",type:"control",setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0}}]}];export{t as SettingUIV2};

package/dist/esm/collection/components/collection-banner/CollectionBanner.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useCollection as t,useRenderMode as l}from"@gem-sdk/core";import s from"../../../grid/components/row/Row.js";import{createClass as r,createStyle as m,If as i}from"@gem-sdk/system";import{getClassContainerBanner as n,getClassContainerBackgoundImage as a,getClassOverlayBanner as c,getClassLinkBanner as p}from"./common/classes.js";import{getDimension as d,getStyleOverlay as f,getStyleContainerBackgoundImage as g}from"./common/styles.js";import{updateBackroundImageSrc as y}from"./common/helpers.js";import k from"../../../link/components/Link.js";let CollectionBanner=({builderAttrs:h,builderProps:j,setting:u,style:v,children:N,advanced:b})=>{let C=t(),{isPreviewSharePageMode:w,isEditMode:x}=l(),{link:B,layout:I,width:L,verticalGutter:M,verticalAlign:O,horizontalAlign:R}=u??{};y({setting:u,collectionSrc:C?.collectionMedia?.src});let S=r({...n({builderProps:j,setting:u,advanced:b})}),W=r({...a({setting:u})}),q=r({...c({setting:u})}),z=r({...p()}),A=m({...d({setting:u,style:v})}),D=m({...f({setting:u})}),E=m({...g({setting:u,hasCollectionImage:!1})}),F=!!B?.link&&!x&&!w;return e("div",{...h,className:S,style:A,children:[o("div",{className:W,style:E}),o("div",{"aria-label":"Overlay",className:q,style:D}),i(F,o(k,{setting:{href:B?.link,target:B?.target},className:z})),o(s,{setting:{layout:I,horizontalAlign:R,verticalAlign:O},styles:{verticalGutter:M,width:L,fullWidth:{desktop:!1,tablet:!1,mobile:!1}},style:v,children:N})]})};export{CollectionBanner as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useCollection as o,useRenderMode as s}from"@gem-sdk/core";import l from"../../../grid/components/row/Row.js";import{createClass as r,createStyle as m,If as i}from"@gem-sdk/system";import{getClassContainerBanner as a,getClassContainerBackgoundImage as n,getClassOverlayBanner as c,getClassLinkBanner as p}from"./common/classes.js";import{getDimension as d,getStyleOverlay as f,getStyleContainerBackgoundImage as g}from"./common/styles.js";import{updateBackroundImageSrc as y}from"./common/helpers.js";import k from"../../../link/components/Link.js";let h=({builderAttrs:h,builderProps:j,setting:u,style:v,children:N,advanced:b})=>{let w=o(),{isPreviewSharePageMode:x,isEditMode:C}=s(),{link:B,layout:I,width:L,verticalGutter:M,verticalAlign:O,horizontalAlign:R}=u??{};y({setting:u,collectionSrc:w?.collectionMedia?.src});let S=r({...a({builderProps:j,setting:u,advanced:b})}),W=r({...n({setting:u})}),q=r({...c({setting:u})}),z=r({...p()}),A=m({...d({setting:u,style:v})}),D=m({...f({setting:u})}),E=m({...g({setting:u,hasCollectionImage:!1})}),F=!!B?.link&&!C&&!x;return e("div",{...h,className:S,style:A,children:[t("div",{className:W,style:E}),t("div",{"aria-label":"Overlay",className:q,style:D}),i(F,t(k,{setting:{href:B?.link,target:B?.target},className:z})),t(l,{setting:{layout:I,horizontalAlign:R,verticalAlign:O},styles:{verticalGutter:M,width:L,fullWidth:{desktop:!1,tablet:!1,mobile:!1}},style:v,children:N})]})};export{h as default};

package/dist/esm/collection/components/collection-banner/CollectionBanner.liquid.js

@@ -1,17 +1,17 @@
 'use client';
-import{template as e,RenderIf as l}from"@gem-sdk/core";import o from"../../../grid/components/row/Row.liquid.js";import{createClass as t,createStyle as s}from"@gem-sdk/system";import{getClassContainerBanner as i,getClassContainerBackgoundImage as r,getClassOverlayBanner as m,getClassLinkBanner as a}from"./common/classes.js";import{getDimension as c,getStyleOverlay as n,getStyleContainerBackgoundImage as d}from"./common/styles.js";import{updateBackroundImageSrc as $,defaultImageUrl as f}from"./common/helpers.js";let CollectionBanner=({builderAttrs:g,builderProps:p,setting:v,style:y,children:k,rawChildren:u,advanced:h})=>{let{link:j,layout:b,width:C,verticalGutter:w,horizontalAlign:B,verticalAlign:q}=v??{};$({setting:v,collectionSrc:`{% if collection.image %} {{ collection.image.src | image_url}}  {% else %} ${f} {% endif  %}`});let x=t({...i({builderProps:p,setting:v,advanced:h})}),I=t({...r({setting:v})}),O=t({...m({setting:v})}),R=t({...a()}),S=s({...c({setting:v,style:y})}),W=s({...n({setting:v})}),_=s({...d({setting:v,hasCollectionImage:!1})});return e`
-    <div ${{...g}} class="${x}" style="${S}">
+import{RenderIf as e,template as l}from"@gem-sdk/core";import o from"../../../grid/components/row/Row.liquid.js";import{createClass as s,createStyle as t}from"@gem-sdk/system";import{getClassContainerBanner as i,getClassContainerBackgoundImage as r,getClassOverlayBanner as m,getClassLinkBanner as a}from"./common/classes.js";import{getDimension as c,getStyleOverlay as n,getStyleContainerBackgoundImage as d}from"./common/styles.js";import{updateBackroundImageSrc as $,defaultImageUrl as f}from"./common/helpers.js";let g=({builderAttrs:g,builderProps:p,setting:v,style:y,children:k,rawChildren:u,advanced:h})=>{let{link:j,layout:b,width:w,verticalGutter:C,horizontalAlign:q,verticalAlign:x}=v??{};$({setting:v,collectionSrc:`{% if collection.image %} {{ collection.image.src | image_url}}  {% else %} ${f} {% endif  %}`});let B=s({...i({builderProps:p,setting:v,advanced:h})}),I=s({...r({setting:v})}),O=s({...m({setting:v})}),R=s({...a()}),S=t({...c({setting:v,style:y})}),W=t({...n({setting:v})}),_=t({...d({setting:v,hasCollectionImage:!1})});return l`
+    <div ${{...g}} class="${B}" style="${S}">
       <div
         class="${I}"
         style="${_}"
       >
       </div>
       <div aria-label="Overlay" class="${O}" style="${W}"> </div>
-      ${l(!!j?.link,`<a
+      ${e(!!j?.link,`<a
           href="${j?.link}"
           target="${j?.target}"
           class="${R}"
         > </a>`)}
-      ${o({setting:{layout:b,horizontalAlign:B,verticalAlign:q},styles:{verticalGutter:w,width:C,fullWidth:{desktop:!1,tablet:!1,mobile:!1}},style:y,children:k,rawChildren:u})}
+      ${o({setting:{layout:b,horizontalAlign:q,verticalAlign:x},styles:{verticalGutter:C,width:w,fullWidth:{desktop:!1,tablet:!1,mobile:!1}},style:y,children:k,rawChildren:u})}
     </div>
-  `};export{CollectionBanner as default};
+  `};export{g as default};

package/dist/esm/collection/components/collection-banner/common/classes.js

@@ -1 +1 @@
-import{cls as e,getGlobalColorStateClass as s}from"@gem-sdk/core";let getClassContainerBanner=({builderProps:s,setting:r,advanced:o})=>{let{contentPosition:a}=r??{};return composeClasses(e(s?.uid,o?.cssClass,"gp-group/hero gp-flex gp-flex-col gp-relative gp-overflow-hidden gp-transition-colors gp-duration-200 gp-ease-in-out",{"gp-justify-center":"center"===a,"gp-justify-start":"top"===a,"gp-justify-end":"bottom"===a}))},getClassContainerBackgoundImage=({setting:s})=>{let{hoverEffect:r}=s??{};return composeClasses(e("gp-absolute gp-inset-0 gp-transition-transform ",{"gp-duration-[var(--duration)] group-hover/hero:gp-scale-[var(--scale)]":"zoom"===r}))},getClassOverlayBanner=({setting:r})=>{let{overlayColor:o}=r??{};return composeClasses(e("gp-absolute gp-inset-0 gp-transition-all gp-duration-300 group-hover/hero:gp-bg-[color:var(--hvr-bgc,_var(--bgc))] group-hover/hero:gp-opacity-[var(--hvr-op,_var(--op))]",s("bg",o)))},getClassLinkBanner=()=>composeClasses("gp-absolute gp-inset-0 gp-z-1"),composeClasses=e=>e.trim().split(/\s+/).reduce((e,s)=>(e[s]=!0,e),{});export{getClassContainerBackgoundImage,getClassContainerBanner,getClassLinkBanner,getClassOverlayBanner};
+import{cls as r,getGlobalColorStateClass as e}from"@gem-sdk/core";let t=({builderProps:e,setting:t,advanced:o})=>{let{contentPosition:g}=t??{};return p(r(e?.uid,o?.cssClass,"gp-group/hero gp-flex gp-flex-col gp-relative gp-overflow-hidden gp-transition-colors gp-duration-200 gp-ease-in-out",{"gp-justify-center":"center"===g,"gp-justify-start":"top"===g,"gp-justify-end":"bottom"===g}))},o=({setting:e})=>{let{hoverEffect:t}=e??{};return p(r("gp-absolute gp-inset-0 gp-transition-transform ",{"gp-duration-[var(--duration)] group-hover/hero:gp-scale-[var(--scale)]":"zoom"===t}))},g=({setting:t})=>{let{overlayColor:o}=t??{};return p(r("gp-absolute gp-inset-0 gp-transition-all gp-duration-300 group-hover/hero:gp-bg-[color:var(--hvr-bgc,_var(--bgc))] group-hover/hero:gp-opacity-[var(--hvr-op,_var(--op))]",e("bg",o)))},a=()=>p("gp-absolute gp-inset-0 gp-z-1"),p=r=>r.trim().split(/\s+/).reduce((r,e)=>(r[e]=!0,r),{});export{o as getClassContainerBackgoundImage,t as getClassContainerBanner,a as getClassLinkBanner,g as getClassOverlayBanner};

package/dist/esm/collection/components/collection-banner/common/helpers.js

@@ -1 +1 @@
-let updateBackroundImageSrc=({setting:e,collectionSrc:a})=>{let{background:t}=e??{},c=(e,a)=>{e&&a&&(e?.desktop?.image?.src&&(e.desktop.image.src=a),e?.tablet?.image?.src&&(e.tablet.image.src=a),e?.mobile?.image?.src&&(e.mobile.image.src=a))},m=()=>a??defaultImageUrl;c(t,m())},defaultImageUrl="https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif";export{defaultImageUrl,updateBackroundImageSrc};
+let e=({setting:e,collectionSrc:s})=>{let{background:t}=e??{};((e,a)=>{e&&a&&(e?.desktop?.image?.src&&(e.desktop.image.src=a),e?.tablet?.image?.src&&(e.tablet.image.src=a),e?.mobile?.image?.src&&(e.mobile.image.src=a))})(t,s??a)},a="https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif";export{a as defaultImageUrl,e as updateBackroundImageSrc};

package/dist/esm/collection/components/collection-banner/common/styles.js

@@ -1 +1 @@
-import{makeStyleResponsive as e,getGlobalColorStateStyle as t,makeStyleState as o,getStyleBackgroundByDevice as a}from"@gem-sdk/core";let getDimension=({setting:t,style:o})=>{let{fixedMode:a,height:l,background:c}=t??{},i=a?{"--aspect":composeAspect(c?.desktop?.image),"--aspect-tablet":composeAspect(c?.tablet?.image),"--aspect-mobile":composeAspect(c?.mobile?.image)}:e("h",l);return{...i,"--d":o?.["--d"]||"block","--d-mobile":o?.["--d-mobile"]||"block","--d-tablet":o?.["--d-tablet"]||"block"}},getStyleOverlay=({setting:e})=>{let{overlayOpacity:a,overlayColor:l}=e??{};return{...t("bgc",l),...o("op",a)}},getStyleContainerBackgoundImage=({setting:t,hasCollectionImage:o})=>{let{hoverDuration:l,background:c,hoverScale:i}=t??{};return{...a(c),"--duration":`${l??0}s`,"--scale":`${i??100}%`,...o?{...e("bgi",makeBackgroundImage("url({{ collection.image.src | image_url}})"))}:{}}},makeBackgroundImage=e=>({desktop:e,tablet:e,mobile:e}),composeAspect=e=>{if(e&&e.width&&e.height&&e.src)return`${e.width}/${e.height}`};export{getDimension,getStyleContainerBackgoundImage,getStyleOverlay};
+import{makeStyleResponsive as e,makeStyleState as t,getGlobalColorStateStyle as l,getStyleBackgroundByDevice as i}from"@gem-sdk/core";let o=({setting:t,style:l})=>{let{fixedMode:i,height:o,background:a}=t??{},r=i?{"--aspect":b(a?.desktop?.image),"--aspect-tablet":b(a?.tablet?.image),"--aspect-mobile":b(a?.mobile?.image)}:e("h",o);return{...r,"--d":l?.["--d"]||"block","--d-mobile":l?.["--d-mobile"]||"block","--d-tablet":l?.["--d-tablet"]||"block"}},a=({setting:e})=>{let{overlayOpacity:i,overlayColor:o}=e??{};return{...l("bgc",o),...t("op",i)}},r=({setting:e,hasCollectionImage:t})=>{let{hoverDuration:l,background:o,hoverScale:a}=e??{};return{...i(o),"--duration":`${l??0}s`,"--scale":`${a??100}%`}},b=e=>{if(e&&e.width&&e.height&&e.src)return`${e.width}/${e.height}`};export{o as getDimension,r as getStyleContainerBackgoundImage,a as getStyleOverlay};

package/dist/esm/collection/components/collection-description/CollectionDescription.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,Fragment as t,jsxs as o}from"react/jsx-runtime";import{useRenderMode as s,useCollection as i,makeStyleResponsive as r,makeLineClamp as n}from"@gem-sdk/core";import{getDefaultStyleCollectionDes as l,getStyleDefaultViewMore as a,getStaticCss as m}from"./common/styles.js";import{getClassContainerCollectionDes as c,getClassEmptyCollectionDes as d,getClassButtonViewMore as p,getDescriptionClasses as h,getShowMoreIconClasses as y,getShowMoreTextClasses as u,getClassPreBuilt as g}from"./common/classes.js";import{createClass as f,createStyle as N,createAttr as v,If as S}from"@gem-sdk/system";import{getViewLessText as _,getViewMoreText as j,ICON_SVG as C}from"./common/helpers.js";import{useGpDescription as H}from"../../hooks/useDescription.js";let DescriptionNotFoundString="This collection does not have a description",CollectionDescription=({setting:T,builderProps:k,pageContext:D,advanced:I})=>{let{isPreviewSharePageMode:L}=s(),M=i(),{ref:b,open:x,isShowViewMore:w,handleToggleShowMore:F,hasLineClamp:V}=H(T),$=M?.descriptionHtml,q=f(c({setting:T})),z=f(d()),A=f(p({setting:T})),B=f(h({advanced:I})),E=f({...y(),...x?{"gp-rotate-180":!0}:{}}),G=f(u()),J=f(g()),K=N({...l({setting:T}),...x?{}:r("line-clamp",n(T?.lineClamp,T?.hasLineClamp))}),O=N({...a(T)}),P=_({setting:T,builderProps:k,pageContext:D,type:"react"}),Q=j({setting:T,builderProps:k,pageContext:D,type:"react"}),R=v({"data-id":`${k?.uid}`}),U=v({"data-gp-text":""}),{gpDescriptionCss:W,textDescriptionCss:X}=m(),Y=L?"":e("div",{className:z,dangerouslySetInnerHTML:{__html:"This collection does not have a description"}});return e(t,{children:S(!$,Y,o("div",{...R,className:B,children:[e("style",{children:X}),e("style",{children:W}),e("div",{className:J}),e("div",{ref:b,className:q,style:K,dangerouslySetInnerHTML:{__html:M?.descriptionHtml??""},...U}),S(V&&w,o("button",{type:"button",className:A,style:O,onClick:F,children:[e("span",{className:G,children:S(x,P?.toString()??"",Q?.toString()??"")}),S(T?.enableViewMoreIcon,e("span",{className:E,dangerouslySetInnerHTML:{__html:C}}),"")]}),"")]}))})};export{CollectionDescription as default};
+import{jsx as e,Fragment as t,jsxs as s}from"react/jsx-runtime";import{useRenderMode as o,useCollection as r,makeStyleResponsive as l,makeLineClamp as i}from"@gem-sdk/core";import{getDefaultStyleCollectionDes as n,getStyleDefaultViewMore as m,getStaticCss as a}from"./common/styles.js";import{getClassContainerCollectionDes as c,getClassEmptyCollectionDes as d,getClassButtonViewMore as p,getDescriptionClasses as h,getShowMoreIconClasses as y,getShowMoreTextClasses as u,getClassPreBuilt as f}from"./common/classes.js";import{createClass as g,createStyle as N,createAttr as _,If as j}from"@gem-sdk/system";import{ICON_SVG as v,getViewLessText as H,getViewMoreText as S}from"./common/helpers.js";import{useGpDescription as k}from"../../hooks/useDescription.js";let C=({setting:C,builderProps:I,pageContext:L,advanced:M})=>{let{isPreviewSharePageMode:T}=o(),b=r(),{ref:x,open:D,isShowViewMore:w,handleToggleShowMore:V,hasLineClamp:$}=k(C),q=b?.descriptionHtml,z=g(c({setting:C})),A=g(d()),B=g(p({setting:C})),E=g(h({advanced:M})),F=g({...y(),...D?{"gp-rotate-180":!0}:{}}),G=g(u()),J=g(f()),K=N({...n({setting:C}),...D?{}:l("line-clamp",i(C?.lineClamp,C?.hasLineClamp))}),O=N({...m(C)}),P=H({setting:C,builderProps:I,pageContext:L,type:"react"}),Q=S({setting:C,builderProps:I,pageContext:L,type:"react"}),R=_({"data-id":`${I?.uid}`}),U=_({"data-gp-text":""}),{gpDescriptionCss:W,textDescriptionCss:X}=a(),Y=T?"":e("div",{className:A,dangerouslySetInnerHTML:{__html:"This collection does not have a description"}});return e(t,{children:j(!q,Y,s("div",{...R,className:E,children:[e("style",{children:X}),e("style",{children:W}),e("div",{className:J}),e("div",{ref:x,className:z,style:K,dangerouslySetInnerHTML:{__html:b?.descriptionHtml??""},...U}),j($&&w,s("button",{type:"button",className:B,style:O,onClick:V,children:[e("span",{className:G,children:j(D,P?.toString()??"",Q?.toString()??"")}),j(C?.enableViewMoreIcon,e("span",{className:F,dangerouslySetInnerHTML:{__html:v}}),"")]}),"")]}))})};export{C as default};

package/dist/esm/collection/components/collection-description/CollectionDescription.liquid.js

@@ -1,21 +1,21 @@
-import{makeStyleResponsive as e,makeLineClamp as i,template as s,isLocalEnv as t,baseAssetURL as l}from"@gem-sdk/core";import{getSettingPreloadData as o}from"../../../helpers.js";import{getDefaultStyleCollectionDes as n,getStyleDefaultViewMore as c,getStaticCss as r}from"./common/styles.js";import{createClass as p,createStyle as a,createAttr as m,createStateOrContext as $,If as d,Liquid as g,LiquidUnless as v,LiquidIf as y}from"@gem-sdk/system";import{getClassContainerCollectionDes as f,getClassButtonViewMore as u,getDescriptionClasses as w,getShowMoreIconClasses as C,getShowMoreTextClasses as b,getClassPreBuilt as S}from"./common/classes.js";import{getViewLessText as h,getViewMoreText as j,ICON_SVG as x}from"./common/helpers.js";let CollectionDescription=({setting:M,advanced:k,builderProps:E,pageContext:I})=>{let L=p(f({setting:M})),P=p(u({setting:M})),V=p(w({advanced:k})),A=p(C()),T=p(b()),q=p(S()),D=a({...n({setting:M}),...e("line-clamp",i(M?.lineClamp,M?.hasLineClamp))}),G=a({...c(M)}),N=h({setting:M,builderProps:E,pageContext:I,type:"liquid"}),O=j({setting:M,builderProps:E,pageContext:I,type:"liquid"}),_=m({"data-id":`${E?.uid}`,"view-more-text":`${I?.isPreviewing?O:`{{${O}}}`}`,"view-less-text":`${I?.isPreviewing?N:`{{${N}}}`}`}),J=m({"data-gp-text":""}),{gpDescriptionCss:R,textDescriptionCss:z}=r(),B=$({setting:{lineClamp:M?.lineClamp,hasLineClamp:M?.hasLineClamp,viewMoreText:O,viewLessText:N,enableViewMoreIcon:M?.enableViewMoreIcon},textStyle:D}),F=()=>{let e=t?"{{ 'gp-collection-description-v7-5.js' | asset_url }}":`${l}/assets-v2/gp-collection-description-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${o('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`};return d(!1,"",g(s`
+import{makeStyleResponsive as e,makeLineClamp as s,template as i,baseAssetURL as t,isLocalEnv as l}from"@gem-sdk/core";import{getSettingPreloadData as o}from"../../../helpers.js";import{getDefaultStyleCollectionDes as n,getStyleDefaultViewMore as r,getStaticCss as c}from"./common/styles.js";import{createClass as p,createStyle as a,createAttr as m,createStateOrContext as $,If as d,Liquid as g,LiquidUnless as v,LiquidIf as y}from"@gem-sdk/system";import{getClassContainerCollectionDes as f,getClassButtonViewMore as u,getDescriptionClasses as w,getShowMoreIconClasses as C,getShowMoreTextClasses as b,getClassPreBuilt as S}from"./common/classes.js";import{getViewLessText as h,getViewMoreText as j,ICON_SVG as x}from"./common/helpers.js";let M=({setting:M,advanced:k,builderProps:E,pageContext:I})=>{let L=p(f({setting:M})),P=p(u({setting:M})),V=p(w({advanced:k})),A=p(C()),T=p(b()),q=p(S()),G=a({...n({setting:M}),...e("line-clamp",s(M?.lineClamp,M?.hasLineClamp))}),N=a({...r(M)}),O=h({setting:M,builderProps:E,pageContext:I,type:"liquid"}),_=j({setting:M,builderProps:E,pageContext:I,type:"liquid"}),D=m({"data-id":`${E?.uid}`,"view-more-text":`${I?.isPreviewing?_:`{{${_}}}`}`,"view-less-text":`${I?.isPreviewing?O:`{{${O}}}`}`}),J=m({"data-gp-text":""}),{gpDescriptionCss:R,textDescriptionCss:z}=c(),B=$({setting:{lineClamp:M?.lineClamp,hasLineClamp:M?.hasLineClamp,viewMoreText:_,viewLessText:O,enableViewMoreIcon:M?.enableViewMoreIcon},textStyle:G});return d(!1,"",g(i`
     <gp-collection-description
-      ${_}
+      ${D}
       class="${V}"
       gp-data='${JSON.stringify(B).replaceAll("'","&#039;")}'
     >
       <style>${z}</style>
       <style>${R}</style>
       <div class="${q}" ></div>
-      ${v("collection","<p>Collection not found</p>",s`<div ${J} class="${L}" style="${D}">
+      ${v("collection","<p>Collection not found</p>",i`<div ${J} class="${L}" style="${G}">
           {{collection.description}}
         </div>
-        ${y("collection.description != blank",s`<button type="button" class="${P}" style="${G}">
+        ${y("collection.description != blank",i`<button type="button" class="${P}" style="${N}">
           <span class="${T}">
-            ${d(I?.isPreviewing,O?.toString()||"",`{{${O}}}`)}
+            ${d(I?.isPreviewing,_?.toString()||"",`{{${_}}}`)}
           </span>
-          ${d(M?.enableViewMoreIcon,s`<span class="${A}">${x}</span>`," ")}
+          ${d(M?.enableViewMoreIcon,i`<span class="${A}">${x}</span>`," ")}
           </button>`)}`)}
     </gp-collection-description>
-    ${F()}
-    `))};export{CollectionDescription as default};
+    ${(()=>{let e=l?"{{ 'gp-collection-description-v7-5.js' | asset_url }}":`${t}/assets-v2/gp-collection-description-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${o('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`})()}
+    `))};export{M as default};

package/dist/esm/collection/components/collection-description/common/classes.js

@@ -1 +1 @@
-import{composeTypographyClassName as e,cls as s,getGlobalColorClass as t}from"@gem-sdk/core";let getClassContainerCollectionDes=({setting:o})=>{let r=e(o?.typo,o?.typography);return composeClasses(s("gp-relative p-description-wrapper gp-p-description-text gp-break-words safari:[&_p]:gp-inline safari:[&_p]:after:gp-whitespace-pre",r,t("text",o?.color),"data-[browser=safari]:after:gp-content-[' '] data-[browser=safari]:after:gp-absolute data-[browser=safari]:after:gp-left-0 data-[browser=safari]:after:gp-right-0 data-[browser=safari]:after:gp-bottom-0 data-[browser=safari]:after:gp-w-full data-[browser=safari]:after:gp-h-1/2 data-[browser=safari]:after:gp-bg-gradient-to-t data-[browser=safari]:after:gp-from-white"))},getClassEmptyCollectionDes=()=>composeClasses(s("gp-p-2 gp-text-center gp-text-sm gp-font-semibold gp-text-gray-500 gp-py-2 !gp-text-center")),getClassButtonViewMore=({setting:o})=>{let r=e(o?.typo,o?.typography);return composeClasses(s("p-description-show-more","gp-mt-4 hover:gp-opacity-80 gp-transition-all gp-w-full gp-items-center",r,t("text",o?.showMoreColor)))},getDescriptionClasses=({advanced:e})=>composeClasses(s("gp-collection-description",e?.cssClass)),getShowMoreIconClasses=()=>composeClasses(s("gp-show-more-icon gp-ml-1 gp-flex gp-items-center")),getShowMoreTextClasses=()=>composeClasses(s("gp-show-more-text")),getClassPreBuilt=()=>composeClasses(s("gp-rotate-180 gp-hidden")),composeClasses=e=>e.trim().split(/\s+/).reduce((e,s)=>(e[s]=!0,e),{});export{getClassButtonViewMore,getClassContainerCollectionDes,getClassEmptyCollectionDes,getClassPreBuilt,getDescriptionClasses,getShowMoreIconClasses,getShowMoreTextClasses};
+import{composeTypographyClassName as e,cls as t,getGlobalColorClass as r}from"@gem-sdk/core";let a=({setting:a})=>{let s=e(a?.typo,a?.typography);return f(t("gp-relative p-description-wrapper gp-p-description-text gp-break-words safari:[&_p]:gp-inline safari:[&_p]:after:gp-whitespace-pre",s,r("text",a?.color),"data-[browser=safari]:after:gp-content-[' '] data-[browser=safari]:after:gp-absolute data-[browser=safari]:after:gp-left-0 data-[browser=safari]:after:gp-right-0 data-[browser=safari]:after:gp-bottom-0 data-[browser=safari]:after:gp-w-full data-[browser=safari]:after:gp-h-1/2 data-[browser=safari]:after:gp-bg-gradient-to-t data-[browser=safari]:after:gp-from-white"))},s=()=>f(t("gp-p-2 gp-text-center gp-text-sm gp-font-semibold gp-text-gray-500 gp-py-2 !gp-text-center")),o=({setting:a})=>{let s=e(a?.typo,a?.typography);return f(t("p-description-show-more","gp-mt-4 hover:gp-opacity-80 gp-transition-all gp-w-full gp-items-center",s,r("text",a?.showMoreColor)))},p=({advanced:e})=>f(t("gp-collection-description",e?.cssClass)),g=()=>f(t("gp-show-more-icon gp-ml-1 gp-flex gp-items-center")),i=()=>f(t("gp-show-more-text")),l=()=>f(t("gp-rotate-180 gp-hidden")),f=e=>e.trim().split(/\s+/).reduce((e,t)=>(e[t]=!0,e),{});export{o as getClassButtonViewMore,a as getClassContainerCollectionDes,s as getClassEmptyCollectionDes,l as getClassPreBuilt,p as getDescriptionClasses,g as getShowMoreIconClasses,i as getShowMoreTextClasses};

package/dist/esm/collection/components/collection-description/common/helpers.js

@@ -1,3 +1,3 @@
-import"@gem-sdk/core";import{getDynamicSourceLocales as e,createSettingId as i}from"../../../../helpers.js";import{CollectionDescription as t}from"../../../settings/collection-description/configs/translate.js";let getViewMoreText=({setting:s,builderProps:o,pageContext:L,type:r})=>"liquid"===r?e({val:s?.viewMoreText,uid:o?.uid,settingId:i({id:t?.viewMoreText?.id}),isLiquid:!0,pageContext:L??{}}):s?.viewMoreText,getViewLessText=({setting:s,builderProps:o,pageContext:L,type:r})=>"liquid"===r?e({val:s?.viewLessText,uid:o?.uid,settingId:i({id:t?.viewLessText?.id}),isLiquid:!0,pageContext:L??{}}):s?.viewLessText,DESCRIPTION_LINE_HEIGHT_DEFAULT=21,ICON_SVG=`<svg height="1em" width="1em" viewBox="0 0 22 12" fill="none" xmlns="http://www.w3.org/2000/svg" ><path d="M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L1.70711 0.292893ZM11 11L10.2929 11.7071C10.6834 12.0976 11.3166 12.0976 11.7071 11.7071L11 11ZM21.7071 1.70711C22.0976 1.31658 22.0976 0.683417 21.7071 0.292893C21.3166 -0.0976311 20.6834 -0.0976311 20.2929 0.292893L21.7071 1.70711ZM0.292893 1.70711L10.2929 11.7071L11.7071 10.2929L1.70711 0.292893L0.292893 1.70711ZM11.7071 11.7071L21.7071 1.70711L20.2929 0.292893L10.2929 10.2929L11.7071 11.7071Z"
+import"@gem-sdk/core";import{getDynamicSourceLocales as e,createSettingId as i}from"../../../../helpers.js";import{CollectionDescription as t}from"../../../settings/collection-description/configs/translate.js";let s=({setting:s,builderProps:o,pageContext:L,type:d})=>"liquid"===d?e({val:s?.viewMoreText,uid:o?.uid,settingId:i({id:t?.viewMoreText?.id}),isLiquid:!0,pageContext:L??{}}):s?.viewMoreText,o=({setting:s,builderProps:o,pageContext:L,type:d})=>"liquid"===d?e({val:s?.viewLessText,uid:o?.uid,settingId:i({id:t?.viewLessText?.id}),isLiquid:!0,pageContext:L??{}}):s?.viewLessText,L=21,d=`<svg height="1em" width="1em" viewBox="0 0 22 12" fill="none" xmlns="http://www.w3.org/2000/svg" ><path d="M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L1.70711 0.292893ZM11 11L10.2929 11.7071C10.6834 12.0976 11.3166 12.0976 11.7071 11.7071L11 11ZM21.7071 1.70711C22.0976 1.31658 22.0976 0.683417 21.7071 0.292893C21.3166 -0.0976311 20.6834 -0.0976311 20.2929 0.292893L21.7071 1.70711ZM0.292893 1.70711L10.2929 11.7071L11.7071 10.2929L1.70711 0.292893L0.292893 1.70711ZM11.7071 11.7071L21.7071 1.70711L20.2929 0.292893L10.2929 10.2929L11.7071 11.7071Z"
               fill="currentColor"/>
-        </svg>`;export{DESCRIPTION_LINE_HEIGHT_DEFAULT,ICON_SVG,getViewLessText,getViewMoreText};
+        </svg>`;export{L as DESCRIPTION_LINE_HEIGHT_DEFAULT,d as ICON_SVG,o as getViewLessText,s as getViewMoreText};

package/dist/esm/collection/components/collection-description/common/styles.js

@@ -1,4 +1,4 @@
-import{composeTypographyStyle as t,filterTruthyStyles as e,getStyleShadow as o,makeStyleResponsive as l,makeStyle as i,getGlobalColorStyle as n,getResponsiveValueByScreen as r}from"@gem-sdk/core";import{getDisplayStyle as p}from"../../../../helpers.js";import{DESCRIPTION_LINE_HEIGHT_DEFAULT as a}from"./helpers.js";let getMaxHeightStyleDefault=t=>{let e={desktop:"none"},o=["desktop","mobile","tablet"];o.forEach(o=>{let l=r(t?.lineClamp,o),i=r(t?.hasLineClamp,o),n=i&&l?`${l*a}px`:"none";e={...e,[o]:n}});let i=l("maxh",e);return i},getDefaultStyleCollectionDes=({setting:n,renderMaxHeight:r})=>{let p=t(n?.typo,n?.typography);return e({...o({value:n?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:n?.typo?.custom?.hasShadowText}),...l("ta",n?.textAlign),...i({tt:n?.transform}),...p,...r&&getMaxHeightStyleDefault(n)})},getStyleDefaultViewMore=e=>{let o=t(e?.typo,e?.typography),r=()=>p(t=>{let o=e?.hasLineClamp?.[t];return!!e?.hasLineClamp&&void 0!==o&&!o},"inline-flex");return{...i({tt:e?.transform}),...l("jc",e?.textAlign),...o,...n(e?.showMoreColor),...r()}},getStaticCss=()=>{let t=`
+import{composeTypographyStyle as t,filterTruthyStyles as e,makeStyle as o,makeStyleResponsive as n,getStyleShadow as l,getGlobalColorStyle as r,getResponsiveValueByScreen as p}from"@gem-sdk/core";import{getDisplayStyle as i}from"../../../../helpers.js";import{DESCRIPTION_LINE_HEIGHT_DEFAULT as a}from"./helpers.js";let s=t=>{let e={desktop:"none"};["desktop","mobile","tablet"].forEach(o=>{let n=p(t?.lineClamp,o),l=p(t?.hasLineClamp,o),r=l&&n?`${n*a}px`:"none";e={...e,[o]:r}});let o=n("maxh",e);return o},h=({setting:r,renderMaxHeight:p})=>{let i=t(r?.typo,r?.typography);return e({...l({value:r?.typo?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:r?.typo?.custom?.hasShadowText}),...n("ta",r?.textAlign),...o({tt:r?.transform}),...i,...p&&s(r)})},m=e=>{let l=t(e?.typo,e?.typography);return{...o({tt:e?.transform}),...n("jc",e?.textAlign),...l,...r(e?.showMoreColor),...i(t=>{let o=e?.hasLineClamp?.[t];return!!e?.hasLineClamp&&void 0!==o&&!o},"inline-flex")}},d=()=>{let t=`
     .gp-p-description-text > *:not(ol):not(ul):not(table):not(div):not(style):not(script) {
       display: inline !important;
     }
@@ -13,4 +13,4 @@ import{composeTypographyStyle as t,filterTruthyStyles as e,getStyleShadow as o,m
       .p-description-wrapper.gp-p-description-text * {
         color: inherit;
         line-height: inherit !important;
-      }`;return{gpDescriptionCss:t,textDescriptionCss:e}};export{getDefaultStyleCollectionDes,getMaxHeightStyleDefault,getStaticCss,getStyleDefaultViewMore};
+      }`;return{gpDescriptionCss:t,textDescriptionCss:e}};export{h as getDefaultStyleCollectionDes,s as getMaxHeightStyleDefault,d as getStaticCss,m as getStyleDefaultViewMore};

package/dist/esm/collection/components/collection-paginator/CollectionPaginator.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e}from"react/jsx-runtime";import{makeStyleResponsive as r}from"@gem-sdk/core";import{renderPaginatorItem as t}from"./common/helpers.js";import{getPaginatorWrapperClass as o,getPaginatorClass as m}from"./common/classes.js";import{createClass as i,createStyle as l}from"@gem-sdk/system";let CollectionPaginator=({setting:s,builderProps:a})=>{let{pageQuantity:n,align:c}=s??{},d=parseInt(n??"0");if(!d)return null;let p=t({setting:s,builderProps:a},"react"),f=i({...o()}),u=i({...m()}),g=l({...r("ta",c)});return e("div",{id:a?.uid,children:e("div",{className:u,style:g,children:e("div",{className:f,children:p})})})};export{CollectionPaginator as default};
+import{jsx as e}from"react/jsx-runtime";import{makeStyleResponsive as r}from"@gem-sdk/core";import{renderPaginatorItem as t}from"./common/helpers.js";import{getPaginatorWrapperClass as m,getPaginatorClass as o}from"./common/classes.js";import{createClass as s,createStyle as i}from"@gem-sdk/system";let l=({setting:l,builderProps:a})=>{let{pageQuantity:c,align:n}=l??{},d=parseInt(c??"0");if(!d)return null;let p=t({setting:l,builderProps:a},"react"),f=s({...m()}),u=s({...o()}),h=i({...r("ta",n)});return e("div",{id:a?.uid,children:e("div",{className:u,style:h,children:e("div",{className:f,children:p})})})};export{l as default};

package/dist/esm/collection/components/collection-paginator/CollectionPaginator.liquid.js

@@ -1,8 +1,8 @@
-import{composeTypographyStyle as o,getGlobalColorClass as s,getGlobalColorCSSProp as t,makeStyleResponsive as e,template as l,RenderIf as r,isLocalEnv as i,baseAssetURL as a}from"@gem-sdk/core";import{getSettingPreloadData as c}from"../../../helpers.js";import{renderPaginatorItem as p}from"./common/helpers.js";import{customClass as m,getPaginatorWrapperClass as d,getPaginatorClass as n}from"./common/classes.js";import{createStyle as g,createClass as f,createStateOrContext as v}from"@gem-sdk/system";let CollectionPaginator=({setting:S,builderProps:$,pageContext:u})=>{let{typographyPaginator:y,activeColor:C,align:j,typo:k,normalColor:E}=S??{},h=g({...o(k,y)}),x=g({normalColorClass:s("text",E),activeColorClass:s("text",C),normalColorStyle:t(E)??"",activeColorStyle:t(C)??""}),A=f({...m("",void 0,S)}),P={...x,customStyle:h,addedClass:A},G=p({setting:S,builderProps:$,pageContext:u},"liquid"),N=f({...d()}),O=f({...n()}),_=g({...e("ta",j),...P.customStyle}),q=v({setting:S,styleSetting:P,uid:$?.uid});return l`
+import{composeTypographyStyle as s,getGlobalColorCSSProp as o,getGlobalColorClass as e,makeStyleResponsive as t,RenderIf as l,isLocalEnv as r,baseAssetURL as i,template as a}from"@gem-sdk/core";import{getSettingPreloadData as c}from"../../../helpers.js";import{renderPaginatorItem as p}from"./common/helpers.js";import{customClass as m,getPaginatorWrapperClass as d,getPaginatorClass as n}from"./common/classes.js";import{createStyle as g,createClass as f,createStateOrContext as v}from"@gem-sdk/system";let S=({setting:S,builderProps:$,pageContext:u})=>{let{typographyPaginator:y,activeColor:C,align:j,typo:k,normalColor:E}=S??{},h=g({...s(k,y)}),x=g({normalColorClass:e("text",E),activeColorClass:e("text",C),normalColorStyle:o(E)??"",activeColorStyle:o(C)??""}),A=f({...m("",void 0,S)}),G={...x,customStyle:h,addedClass:A},N=p({setting:S,builderProps:$,pageContext:u},"liquid"),O=f({...d()}),P=f({...n()}),_=g({...t("ta",j),...G.customStyle}),q=v({setting:S,styleSetting:G,uid:$?.uid});return a`
     <gp-collection-paginator gp-data='${JSON.stringify(q).replaceAll("'","&#039;")}' id="${$?.uid}" >
-      <div class="${O}" style="${_}">
-        <div class="${N}">${G}</div>
+      <div class="${P}" style="${_}">
+        <div class="${O}">${N}</div>
       </div>
     </gp-collection-paginator>
-    ${r(i,`<script ${c('class="gps-link" delay',"src")}="{{ 'gp-collection-paginator-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${c('class="gps-link" delay',"src")}="${a}/assets-v2/gp-collection-paginator-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
-  `};export{CollectionPaginator as default};
+    ${l(r,`<script ${c('class="gps-link" delay',"src")}="{{ 'gp-collection-paginator-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${c('class="gps-link" delay',"src")}="${i}/assets-v2/gp-collection-paginator-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+  `};export{S as default};

package/dist/esm/collection/components/collection-paginator/common/classes.js

@@ -1 +1 @@
-import{composeTypographyClassName as e,cls as s,getGlobalColorClass as r}from"@gem-sdk/core";let customClass=(o,t,p)=>{let{layout:a,typo:l,typographyPaginator:g}=p??{},i=e(l,g);return composeClasses(s(o,"gp-flex gp-items-center gp-justify-center gp-cursor-pointer",t?r("text",t):"",i,"simple"!==a?"gp-border gp-border-solid":""))},getPaginatorWrapperClass=()=>composeClasses("gf_collection-paginator-wrapper gp-inline-flex gp-flex-wrap"),getPaginatorClass=()=>composeClasses("gp_collection-paginator"),composeClasses=e=>e.trim().split(/\s+/).reduce((e,s)=>(e[s]=!0,e),{});export{customClass,getPaginatorClass,getPaginatorWrapperClass};
+import{composeTypographyClassName as e,cls as r,getGlobalColorClass as t}from"@gem-sdk/core";let p=(p,o,g)=>{let{layout:l,typo:s,typographyPaginator:a}=g??{},n=e(s,a);return i(r(p,"gp-flex gp-items-center gp-justify-center gp-cursor-pointer",o?t("text",o):"",n,"simple"!==l?"gp-border gp-border-solid":""))},o=()=>i("gf_collection-paginator-wrapper gp-inline-flex gp-flex-wrap"),g=()=>i("gp_collection-paginator"),i=e=>e.trim().split(/\s+/).reduce((e,r)=>(e[r]=!0,e),{});export{p as customClass,g as getPaginatorClass,o as getPaginatorWrapperClass};

package/dist/esm/collection/components/collection-paginator/common/helpers.js

@@ -1,8 +1,8 @@
-import{makeStyle as e,template as t}from"@gem-sdk/core";import{getDynamicSourceLocales as a,createSettingId as r}from"../../../../helpers.js";import{customClass as i}from"./classes.js";import s from"html-react-parser";import{createClass as o,createStyle as n}from"@gem-sdk/system";import{getCustomStyle as l,getPaginatorStyle as m}from"./styles.js";import{CollectionPaginator as p}from"../../../settings/collection-paginator/configs/translate.js";let renderPaginatorItem=({setting:e,builderProps:t,pageContext:a},r)=>"liquid"===r?renderPaginatorLive({setting:e,builderProps:t,pageContext:a}):renderPaginatorEditor({setting:e,builderProps:t,pageContext:a}),renderPaginatorLive=({setting:e,builderProps:t,pageContext:a})=>{let r=getPreviousTextVal({setting:e,builderProps:t,pageContext:a},"liquid"),i=getNextTextVal({setting:e,builderProps:t,pageContext:a},"liquid"),s=e?.numberOfProducts||a?.numberOfProductOfProductList||0,o=s>0?s:4,n=e=>e?.replace(/"/g,'\\"')??"",l=`"${n(r??"")}"`,m=`"${n(i??"")}"`;return`
-    {% paginate collection.products by ${o} %}
-      {% assign previousText = ${a?.isPreviewing?l:r||'""'} %}
-      {% assign nextText = ${a?.isPreviewing?m:i||'""'} %}
+import{makeStyle as e,template as t}from"@gem-sdk/core";import{getDynamicSourceLocales as s,createSettingId as a}from"../../../../helpers.js";import{customClass as i}from"./classes.js";import r from"html-react-parser";import{createClass as o,createStyle as l}from"@gem-sdk/system";import{getCustomStyle as p,getPaginatorStyle as n}from"./styles.js";import{CollectionPaginator as m}from"../../../settings/collection-paginator/configs/translate.js";let u=({setting:e,builderProps:t,pageContext:s},a)=>"liquid"===a?c({setting:e,builderProps:t,pageContext:s}):d({setting:e,builderProps:t,pageContext:s}),c=({setting:e,builderProps:t,pageContext:s})=>{let a=x({setting:e,builderProps:t,pageContext:s},"liquid"),i=y({setting:e,builderProps:t,pageContext:s},"liquid"),r=e?.numberOfProducts||s?.numberOfProductOfProductList||0,o=e=>e?.replace(/"/g,'\\"')??"",l=`"${o(a??"")}"`,p=`"${o(i??"")}"`;return`
+    {% paginate collection.products by ${r>0?r:4} %}
+      {% assign previousText = ${s?.isPreviewing?l:a||'""'} %}
+      {% assign nextText = ${s?.isPreviewing?p:i||'""'} %}
 
       {{ paginate | default_pagination: previous: previousText, next: nextText }}
     {% endpaginate %}
-  `},renderPaginatorEditor=({setting:t,builderProps:a,pageContext:r})=>{let{pageQuantity:p,typo:g,normalColor:c,activeColor:u}=t??{},d=[],x=parseInt(p??"0"),P=6;6>x&&(P=x-1);let y=P>1?P-1:0,f=getPreviousTextVal({setting:t,builderProps:a,pageContext:r},"react"),v=getNextTextVal({setting:t,builderProps:a,pageContext:r},"react"),I=o({...i("prev",c,t)}),T=o({...i("page",c,t)}),h=o({...i("deco",c,t)}),N=e=>o({...i("page",e===y?u:c,t)}),k=o({...i("deco",c,t)}),L=o({...i("page",c,t)}),$=o({...i("next",c,t)}),q=e=>n({...m(e===y,l(t),u)}),w=n({...l(t),...e({w:"auto"})}),z=n({...l(t)}),C=n({...l(t),...e({w:"auto"})});y>0&&d.push(createPaginatorItem({key:"prev",text:g?.attrs?.transform==="capitalize"?f?.toLocaleLowerCase():f,className:I,style:w})),y>2&&d.push(createPaginatorItem({key:1,text:1,className:T,style:z})),y>3&&d.push(createPaginatorItem({key:"deco",text:"...",className:h,style:z}));for(let e=Math.max(0,y-2);e<=Math.min(y+2,x-1);e++)d.push(createPaginatorItem({key:e+1,text:e+1,className:N(e),style:q(e)}));return y<x-4&&d.push(createPaginatorItem({key:"deco-2",text:"...",className:k,style:z})),y<x-3&&d.push(createPaginatorItem({key:x,text:x,className:L,style:z})),y!==x-1&&0!==x&&d.push(createPaginatorItem({key:"next",text:g?.attrs?.transform==="capitalize"?v?.toLocaleLowerCase():v,className:$,style:C})),d.map(e=>s(e))},createPaginatorItem=({key:e,text:a,className:r,style:i})=>t`<span key="${e}" className="${r}" style="${i}"> ${a} </span>`,getPreviousTextVal=({setting:e,builderProps:t,pageContext:i},s)=>{let{previousText:o,typo:n}=e??{};return"liquid"===s?a({val:o,uid:t?.uid,settingId:r({id:p?.previousText?.id}),pageContext:i??{},isLiquid:!0,isCapitalize:n?.attrs?.transform==="capitalize"}).toString():o},getNextTextVal=({setting:e,builderProps:t,pageContext:i},s)=>{let{nextText:o,typo:n}=e??{};return"liquid"===s?a({val:o,uid:t?.uid,settingId:r({id:p?.nextText?.id}),pageContext:i??{},isLiquid:!0,isCapitalize:n?.attrs?.transform==="capitalize"}).toString():o};export{renderPaginatorItem};
+  `},d=({setting:t,builderProps:s,pageContext:a})=>{let{pageQuantity:m,typo:u,normalColor:c,activeColor:d}=t??{},f=[],h=parseInt(m??"0"),k=6;6>h&&(k=h-1);let v=k>1?k-1:0,$=x({setting:t,builderProps:s,pageContext:a},"react"),N=y({setting:t,builderProps:s,pageContext:a},"react"),q=o({...i("prev",c,t)}),L=o({...i("page",c,t)}),w=o({...i("deco",c,t)}),z=e=>o({...i("page",e===v?d:c,t)}),C=o({...i("deco",c,t)}),P=o({...i("page",c,t)}),T=o({...i("next",c,t)}),j=e=>l({...n(e===v,p(t),d)}),I=l({...p(t),...e({w:"auto"})}),b=l({...p(t)}),O=l({...p(t),...e({w:"auto"})});v>0&&f.push(g({key:"prev",text:u?.attrs?.transform==="capitalize"?$?.toLocaleLowerCase():$,className:q,style:I})),v>2&&f.push(g({key:1,text:1,className:L,style:b})),v>3&&f.push(g({key:"deco",text:"...",className:w,style:b}));for(let e=Math.max(0,v-2);e<=Math.min(v+2,h-1);e++)f.push(g({key:e+1,text:e+1,className:z(e),style:j(e)}));return v<h-4&&f.push(g({key:"deco-2",text:"...",className:C,style:b})),v<h-3&&f.push(g({key:h,text:h,className:P,style:b})),v!==h-1&&0!==h&&f.push(g({key:"next",text:u?.attrs?.transform==="capitalize"?N?.toLocaleLowerCase():N,className:T,style:O})),f.map(e=>r(e))},g=({key:e,text:s,className:a,style:i})=>t`<span key="${e}" className="${a}" style="${i}"> ${s} </span>`,x=({setting:e,builderProps:t,pageContext:i},r)=>{let{previousText:o,typo:l}=e??{};return"liquid"===r?s({val:o,uid:t?.uid,settingId:a({id:m?.previousText?.id}),pageContext:i??{},isLiquid:!0,isCapitalize:l?.attrs?.transform==="capitalize"}).toString():o},y=({setting:e,builderProps:t,pageContext:i},r)=>{let{nextText:o,typo:l}=e??{};return"liquid"===r?s({val:o,uid:t?.uid,settingId:a({id:m?.nextText?.id}),pageContext:i??{},isLiquid:!0,isCapitalize:l?.attrs?.transform==="capitalize"}).toString():o};export{u as renderPaginatorItem};

package/dist/esm/collection/components/collection-paginator/common/styles.js

@@ -1 +1 @@
-import{composeTypographyStyle as t,composeMemo as e,removeNullUndefined as r,makeStyle as l,getGlobalColorCSSProp as p}from"@gem-sdk/core";let getPaginatorStyle=(t,e,r)=>({...e,...t?{...l({c:p(r),bc:p(r)})}:{}}),getCustomStyle=m=>{let{typo:o,layout:b,typographyPaginator:c,itemSpacing:g,buttonSizeNumber:x,buttonShape:i,normalColor:s}=m??{},y=t(o,c),a=e(()=>r({...y,...l({ml:g,mr:g,bc:p(s),c:p(s)})}),[g,s,o,c?.custom,c?.type]);if("simple"!=b&&(a={...a,...l({h:x+"px",w:x+"px",pr:"10px",pl:"10px"})},"circle"===i)){let t=x?x/2+"px":"1000px";a={...a,...l({bblr:t,bbrr:t,btlr:t,btrr:t})}}return a};export{getCustomStyle,getPaginatorStyle};
+import{composeTypographyStyle as r,composeMemo as t,removeNullUndefined as e,makeStyle as p,getGlobalColorCSSProp as l}from"@gem-sdk/core";let b=(r,t,e)=>({...t,...r?{...p({c:l(e),bc:l(e)})}:{}}),c=b=>{let{typo:c,layout:m,typographyPaginator:o,itemSpacing:x,buttonSizeNumber:i,buttonShape:g,normalColor:s}=b??{},u=r(c,o),y=t(()=>e({...u,...p({ml:x,mr:x,bc:l(s),c:l(s)})}),[x,s,c,o?.custom,o?.type]);if("simple"!=m&&(y={...y,...p({h:i+"px",w:i+"px",pr:"10px",pl:"10px"})},"circle"===g)){let r=i?i/2+"px":"1000px";y={...y,...p({bblr:r,bbrr:r,btlr:r,btrr:r})}}return y};export{c as getCustomStyle,b as getPaginatorStyle};

package/dist/esm/collection/components/collection-title/CollectionTitle.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as t}from"react/jsx-runtime";import{useCollection as e}from"@gem-sdk/core";import l from"../../../text/components/Text.js";let CollectionTitle=({setting:o,advanced:i})=>{let r=e();return t(l,{styles:o,setting:{...o,text:r?.title??"Collection title",excludeFlex:!0},advanced:i})};export{CollectionTitle as default};
+import{jsx as t}from"react/jsx-runtime";import{useCollection as e}from"@gem-sdk/core";import o from"../../../text/components/Text.js";let l=({setting:l,advanced:r})=>{let i=e();return t(o,{styles:l,setting:{...l,text:i?.title??"Collection title",excludeFlex:!0},advanced:r})};export{l as default};

package/dist/esm/collection/components/collection-title/CollectionTitle.liquid.js

@@ -1,3 +1,3 @@
-import{template as t}from"@gem-sdk/core";import e from"../../../text/components/Text.liquid.js";import{If as o}from"@gem-sdk/system";let CollectionTitle=({setting:l,advanced:i})=>{let r=l?.typo?.attrs?.transform==="capitalize";return t`
+import{template as t}from"@gem-sdk/core";import e from"../../../text/components/Text.liquid.js";import{If as o}from"@gem-sdk/system";let l=({setting:l,advanced:i})=>{let r=l?.typo?.attrs?.transform==="capitalize";return t`
     ${e({styles:l,setting:{...l,text:`${o(r,"{{ collection.title | downcase }}","{{ collection.title }}")}`,excludeFlex:!0,isForceValue:!0},advanced:i})}
-  `};export{CollectionTitle as default};
+  `};export{l as default};

package/dist/esm/collection/components/collection-toolbar/CollectionToolbar.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,jsxs as l}from"react/jsx-runtime";import{useCollection as o}from"@gem-sdk/core";import{createClass as r,createStyle as t,If as s}from"@gem-sdk/system";import{getClassContainer as a,getClassToolbarWrapper as m,getClassToolbarSortWrapper as i,getClassSelect as c,getClassToolbarWrapperQuantity as n}from"./common/classes.js";import{getStyleCollectionToolbar as d,getStyleToolbarWrapper as p,getStyleSelect as u,getStyleToolbarWrapperQuantity as f}from"./common/styles.js";import{getSortingTextDisplayVal as h,getQuantityTextDisplayVal as v,sortBy as g,SORT_OPTIONS as y}from"./common/helpers.js";let CollectionToolbar=({setting:N,builderProps:j,pageContext:x})=>{let{displayQuantity:b}=N??{},C=o(),k=C?.products?.totalCount??12,S=r({...a()}),T=r({...m()}),V=r({...i()}),$=r({...c(N)}),q=r({...n(N)}),w=r({"gp-flex-1":!0}),z=t({...d(N)}),A=t({...p(N)}),B=t({...u(N)}),D=t({...f(N)}),E=h({setting:N,builderProps:j,pageContext:x},"react"),F=v({setting:N,builderProps:j,pageContext:x},"react");return e("div",{className:S,style:z,id:j?.uid,children:l("div",{className:T,style:A,children:[e("div",{className:V,children:l("select",{id:"sorting",className:$,style:B,defaultValue:g,children:[e("option",{value:"",children:E},E?.toString()),y.map(l=>e("option",{value:l.value,children:l.name},l.value))]})}),e("div",{className:q,style:D,children:s(b,(F?.toString()??"").replace("%number%",`${k}`),"")}),e("div",{className:w,children:"\xa0"})]})})};export{CollectionToolbar as default};
+import{jsx as e,jsxs as l}from"react/jsx-runtime";import{useCollection as r}from"@gem-sdk/core";import{createClass as t,createStyle as o,If as s}from"@gem-sdk/system";import{getClassContainer as m,getClassToolbarWrapper as a,getClassToolbarSortWrapper as i,getClassSelect as c,getClassToolbarWrapperQuantity as n}from"./common/classes.js";import{getStyleCollectionToolbar as d,getStyleToolbarWrapper as p,getStyleSelect as u,getStyleToolbarWrapperQuantity as f}from"./common/styles.js";import{sortBy as h,SORT_OPTIONS as v,getSortingTextDisplayVal as g,getQuantityTextDisplayVal as y}from"./common/helpers.js";let N=({setting:N,builderProps:j,pageContext:x})=>{let{displayQuantity:b}=N??{},k=r(),C=k?.products?.totalCount??12,S=t({...m()}),T=t({...a()}),V=t({...i()}),$=t({...c(N)}),q=t({...n(N)}),w=t({"gp-flex-1":!0}),z=o({...d(N)}),A=o({...p(N)}),B=o({...u(N)}),D=o({...f(N)}),E=g({setting:N,builderProps:j,pageContext:x},"react"),F=y({setting:N,builderProps:j,pageContext:x},"react");return e("div",{className:S,style:z,id:j?.uid,children:l("div",{className:T,style:A,children:[e("div",{className:V,children:l("select",{id:"sorting",className:$,style:B,defaultValue:h,children:[e("option",{value:"",children:E},E?.toString()),v.map(l=>e("option",{value:l.value,children:l.name},l.value))]})}),e("div",{className:q,style:D,children:s(b,(F?.toString()??"").replace("%number%",`${C}`),"")}),e("div",{className:w,children:"\xa0"})]})})};export{N as default};