@gem-sdk/components 4.0.0-staging.1204 → 4.0.0-staging.1205

package/dist/esm/product/components/product-list/ProductListCarouselLayout.liquid.js

@@ -1,18 +1,18 @@
-import{template as o}from"@gem-sdk/core";import t from"../../../carousel/components/item/CarouselItem.liquid.js";import r from"../../../carousel/components/root/Carousel.liquid.js";import{getData as e}from"./common/helpers.js";import{getClass as i}from"./common/classes.js";import{getStyle as s}from"./common/styles.js";import{getStaticLocale as d}from"../../../helpers.js";import u from"./ProductListCarouselItem.liquid.js";let ProductListCarouselLayout=c=>{let{builderProps:l,advanced:n,productSrc:a,productListId:p}=c,{carouselConfigSetting:m,carouselConfigStyle:f}=e(c),{carouselItemStyle:g}=s(c),{carouselClass:$}=i(c);return o`
-    ${r({advanced:n,builderProps:{...l},rootAttrs:{"items-repeat":"true"},rootId:`product-list-carousel-${l?.uid}`,rootClass:$,setting:m,styles:f,isProductList:!0,children:`
+import{template as o}from"@gem-sdk/core";import t from"../../../carousel/components/item/CarouselItem.liquid.js";import r from"../../../carousel/components/root/Carousel.liquid.js";import{getData as e}from"./common/helpers.js";import{getClass as i}from"./common/classes.js";import{getStyle as s}from"./common/styles.js";import{getStaticLocale as d}from"../../../helpers.js";import u from"./ProductListCarouselItem.liquid.js";let ProductListCarouselLayout=l=>{let{builderProps:c,advanced:a,productSrc:n,productListId:p}=l,{carouselConfigSetting:m,carouselConfigStyle:f}=e(l),{carouselItemStyle:$}=s(l),{carouselClass:g}=i(l);return o`
+    ${r({advanced:a,builderProps:{...c},rootAttrs:{"items-repeat":"true"},rootId:`product-list-carousel-${c?.uid}`,rootClass:g,setting:m,styles:f,children:`
         {%- assign count = 0 -%}
         {%- for product in products limit: limit -%}
         {%- if product.id != empty -%}
         {%- assign count = count | plus: 1 -%}
         {%- assign variant = product.selected_or_first_available_variant -%}
-        {%- assign product_form_id = 'product-form-' | append: "${l?.uid}" | append: product.id -%}
-        ${t({builderProps:{...l},style:g,parentId:`product-list-carousel-${l?.uid} gp-child-item-${l?.uid}`,parentStyle:f,parentSettings:m,background:m?.background,children:`
-            ${u({...c})}
+        {%- assign product_form_id = 'product-form-' | append: "${c?.uid}" | append: product.id -%}
+        ${t({builderProps:{...c},style:$,parentId:`product-list-carousel-${c?.uid} gp-child-item-${c?.uid}`,parentStyle:f,background:m?.background,children:`
+            ${u({...l})}
           `})}
         {%- endif -%}
         {% endfor %}
         {%- if count == 0 and ${p.length} == 0 -%}
-          {% if '${a}' == 'RelatedProduct' -%}
+          {% if '${n}' == 'RelatedProduct' -%}
               <div>${d("ProductList","no_related_products")}</div>
             {% else %}
               <div>${d("ProductList","no_products_found")}</div>

package/dist/esm/product/components/product-list-v3/ProductList.js

@@ -0,0 +1 @@
+import{jsx as e,Fragment as t,jsxs as o}from"react/jsx-runtime";import r from"next/dynamic";import d from"../../../common/components/Loading.js";import{useState as l,useMemo as i,useEffect as a}from"react";import{useRenderMode as c,useCurrentDevice as n,usePageType as s,usePageStore as u,useFetchHandle as m,hasPublicStoreFrontData as g,createStoreFrontFetcher as h,useProductQuery as p,useProductsQueryAll as P,useProductsQuery as f,useCollectionQuery as b,flattenConnection as k,ProductListProvider as T,filterToolbarPreview as I}from"@gem-sdk/core";import v from"../SalePageProductListWarning.js";import y from"next/head";import O from"./ProductListGridLayout.js";import N from"./ProductListCarouselLayout.js";import{getStyle as S}from"./common/styles.js";import{If as C}from"@gem-sdk/system";import{getClass as E}from"./common/classes.js";import{getData as w}from"./common/helpers.js";import{getPropertyByDevice as L}from"../../../dialog/common/helpers.js";let ProductNotFound=r(()=>import("../ProductNotFound.js"),{loading:d}),ProductList=r=>{let{children:W,styles:j,builderProps:x,setting:G,builderAttrs:M}=r,{isRelatedProduct:B,productSetting:A}=w(r),F=A.relatedTag&&A.relatedTag[0],{isEditMode:Q,isPreviewSharePageMode:z}=c(),D=n(),H=s(),R=u(e=>e.dynamicProduct),$=u(e=>e.dynamicCollection),[_,V]=l(1),[q,U]=l(!0),[J,K]=l(),[X,Y]=l(!1),Z="GP_FUNNEL_PAGE"===H,ee="GP_COLLECTION"==H;ee&&(A.productSrc="DynamicCollection",A.collectionId=$?.collectionId??"latest");let et=A?.productSrc??"Collection",eo=R?.productId&&R?.productId!==A.relatedProductId?R?.productId:A.relatedProductId,er=m(),ed=u(e=>e.publicStoreFrontData),el=i(()=>g(ed)?h(ed):er,[ed]),{data:ei}=p(B&&eo?eo:void 0,{revalidateOnMount:Q||z},el),ea=A.relatedTag&&"tags"===A.relatedTag[0]&&(!ei?.tags||ei?.tags.length===0),ec=A.relatedTag&&"collection"===A.relatedTag[0]&&(!ei?.collections?.edges||ei?.collections.edges.length===0),en=A.relatedTag&&"vendor"===A.relatedTag[0]&&!ei?.vendor,es=ea||ec||en,eu=P(J,{revalidateOnMount:Q||z},el),em=Q||z,eg=f("PickProduct"===et?A?.productIds:void 0,{revalidateOnMount:em},{defaultSelectedProductCount:A?.numOfSelectedProducts}),eh=i(()=>({id:A?.collectionId??"latest",numberOfProducts:G?.numberOfProducts??4,orderBy:G?.orderBy}),[A?.collectionId,Number(G?.numberOfProducts),G?.orderBy]),ep=b("PickProduct"!==et?eh:void 0,{revalidateOnMount:em});a(()=>{if(B&&ei&&A.relatedTag&&"recommended-product"!==A.relatedType){let e;switch(Y(!1),A.hasRelatedExclude&&(e=A?.relatedExclude&&A.relatedExclude.split(",").map(e=>e.trim())),A.relatedTag[0]){case"vendor":K({vendor:A.relatedTag&&"vendor"===A.relatedTag[0]?ei?.vendor:"",limit:G?.numberOfProducts,idNEQ:ei.id});break;case"collection":{let t;let o=ei?.collections?.edges.map(e=>e.node?.id);if(!o||o?.length===0){Y(!0);break}K(t=e&&e.length>0?{idNEQ:ei.id,hasCollectionProductsWith:[{hasCollectionWith:[{idIn:o},{titleNotIn:e}]}],limit:G?.numberOfProducts}:{idNEQ:ei.id,hasCollectionProductsWith:[{hasCollectionWith:[{idIn:o}]}],limit:G?.numberOfProducts});break}case"tags":{let t;if(!ei.tags||0===ei.tags.length){Y(!0);break}K(t=e&&e.length>0?{idNEQ:ei.id,hasProductTagsWith:[{hasTagsWith:[{nameIn:ei.tags},{nameNotIn:e}]}],limit:G?.numberOfProducts}:{idNEQ:ei.id,hasProductTagsWith:[{hasTagsWith:[{nameIn:ei.tags}]}],limit:G?.numberOfProducts})}}}},[ei,A.relatedType,A.relatedTag,G?.numberOfProducts,A.relatedExclude,A.hasRelatedExclude,B]);let eP="PickProduct"===et?eg.isValidating:ep.isValidating,ef="PickProduct"===et?eg.isLoading:ep.isLoading,eb="PickProduct"===et?eg.error:ep.error,ek=ep.data?.collections?.edges?.[0]?.node,eT="PickProduct"===et?k(eg.data?.products):k(ek?.products),eI=eu?.data?.products?k(eu?.data?.products):void 0,ev=B&&eI?eI:"PickProduct"===et&&A?.productIds?.length?A?.productIds?.map(e=>eT?.find(t=>t?.baseID===e)).filter(Boolean)??eT:"PickProduct"!==et?eT:eT.filter((e,t)=>t<(A?.numOfSelectedProducts??4)),ey=i(()=>X&&B&&Q||!ev.length&&!ef&&q&&Q,[q,ef,X,B,Q,ev.length]),eO=i(()=>!ev||X&&B,[X,B,ev]),eN=i(()=>{if(!G?.sameHeight)return[];let e=0,t=Math.ceil((ev?.length??0)/+(G?.slidesToShow?.[D]??1));return Array.from(Array(ev?.length??0)).map((o,r)=>(r>=+(G?.slidesToShow?.[D]??1)*(e+1)&&++e,{gridRow:`${1+_*e}/${_+1+_*e}`,marginBottom:e+1<t?L(j?.horizontalGutter,D):void 0}))},[G?.sameHeight,G?.slidesToShow,_,ev?.length,D,j?.horizontalGutter]),eS=i(()=>eP||ef||eb||!ev||X&&B,[eb,ef,X,B,eP,ev]);a(()=>{eS||setTimeout(()=>{let{builderData:e}=x??{},t=e?.childrens?.[0];if(!t)return;let o=document.querySelector(`[data-id=${t}] div`);o&&V(o.childElementCount||1)},Q?0:500)},[x,eS,Q]);let eC=i(()=>({collection:ek,products:ev,settings:{loop:G?.loop??{desktop:!1},scrollMode:G?.scrollMode??{desktop:"snap"},slidesToShow:G?.slidesToShow??{desktop:4,tablet:3,mobile:1},layout:j?.layout,dot:G?.dot,dotStyle:G?.dotStyle,arrow:G?.arrow,controlOverContent:G?.controlOverContent},styles:{horizontalGutter:j?.horizontalGutter,verticalGutter:j?.verticalGutter,fullWidth:j?.fullWidth,spacing:j?.spacing,width:j?.width,height:j?.height}}),[ek,ev,G,j]);if(x?.isPreview&&Z)return e(t,{});if(ey)return e(t,{children:C(q,e(ProductNotFound,{builderAttrs:M,collectionHandle:ek?.handle,productSrc:et,onClose:()=>U(!1),children:W,relatedTagString:F,assignProductNoTags:es,noAssignedProduct:!eo}))});let{productListWrapStyle:eE,productListContentStyle:ew,productListWrapAlignStyle:eL}=S(r),{productListWrapClass:eW}=E(r),ej=()=>e(t,{children:C(j?.layout==="grid",e(O,{...r,productSortedById:ev,generateGridRowArray:eN}),e(N,{...r,productSortedById:ev}))});return o("div",{...M,className:eW,style:eE,children:[!!j?.preloadBgImage&&o(y,{children:[!!j.backgroundImage?.desktop?.image?.src&&e("link",{rel:"preload",href:j.backgroundImage.desktop.image.src,as:"image"}),!!j.backgroundImage?.tablet?.image?.src&&e("link",{rel:"preload",href:j.backgroundImage?.tablet?.image?.src,as:"image"}),!!j.backgroundImage?.mobile?.image?.src&&e("link",{rel:"preload",href:j.backgroundImage?.mobile?.image?.src,as:"image"})]}),eP||ef?e(d,{}):eb?o("div",{children:["Error: ",eb?.message]}):eO?e("div",{children:"Products not found"}):e(T,{...eC,children:e("div",{className:"gp-flex gp-w-full",style:eL,children:o("div",{style:ew,children:[Z&&e(v,{}),ej()]})})}),I(W,!0)]})};export{ProductList as default};

package/dist/esm/product/components/product-list-v3/ProductList.liquid.js

@@ -0,0 +1,205 @@
+import{template as e,RenderIf as s,isLocalEnv as t,baseAssetURL as i}from"@gem-sdk/core";import{getSettingPreloadData as d,getStaticLocale as o}from"../../../helpers.js";import{If as r}from"@gem-sdk/system";import a from"./ProductListCarouselLayout.liquid.js";import n from"./ProductListGridLayout.liquid.js";import{getStyle as c}from"./common/styles.js";import{getClass as l}from"./common/classes.js";import{getDataLiquid as u}from"./common/helpers.js";let ProductList=g=>{let{setting:p,styles:f,pageContext:m}=g,$=m?.pageType==="GP_FUNNEL_PAGE";if($)return"";let{hasRelatedExclude:P,relatedExcludeTrim:h,collectionID:_,isLatestProducts:y,isGrid:v,numberOfProducts:E,productListId:k,productListHandles:x,sortedBy:S,isReverse:b,productSrc:L,productNumber:A,isSorted:R,relatedTag:I,collectionHandle:F}=u(g),j=()=>e`
+    ${s("RelatedProduct"===L,`
+        assign relatedTag = '${I}'
+        assign assignProduct = product
+        assign idAssignProduct = assignProduct.id
+        paginate collections.all.products by 10000
+          assign allProductsPaginated = collections.all.products
+        endpaginate
+        assign handleAssignProduct = assignProduct.handle
+        case relatedTag
+          when 'collection'
+            assign hasRelatedExclude = ${P}
+            if hasRelatedExclude
+              assign relatedExclude = '${h}'
+            else
+              assign relatedExclude = ''
+            endif
+            assign arrayRelatedExclude = relatedExclude | split: ","
+            assign idSelectedList = ''
+            assign relatedListProduct = null
+            for collection in collections
+            assign collectionId = collection.id
+            assign isInCollection = false
+            assign collectionsAssignProduct = assignProduct.collections
+              for item in collectionsAssignProduct
+                unless arrayRelatedExclude contains item.handle
+                  if item.id == collectionId
+                  for product in collection.products
+                    assign product_ids_array = idSelectedList | split: ","
+                    if product_ids_array contains product.id or product.id == idAssignProduct
+                    elsif product_ids_array.size > limit
+                     break
+                    else
+                      assign idSelectedList = idSelectedList | append: "," | append: product.id
+                      assign productSelected = product | sort
+                      assign relatedListProduct = relatedListProduct | concat: productSelected
+                    endif
+                  endfor
+                  endif
+                endunless
+              endfor
+            endfor
+            assign products = relatedListProduct | uniq
+          when 'vendor'
+            assign vendorAssignProduct = assignProduct.vendor
+            assign productFilter = allProductsPaginated | where: 'vendor', vendorAssignProduct
+            for item in productFilter
+              assign itemHandle = item.handle
+              assign productF = item | sort
+              if itemHandle != handleAssignProduct
+                assign products = products | concat: productF
+              endif
+            endfor
+          when 'production-type'
+            assign typeAssignProduct = assignProduct.type
+            assign productFilter = allProductsPaginated | where: 'type', typeAssignProduct
+            for item in productFilter
+              assign itemHandle = item.handle
+              assign productF = item | sort
+              if itemHandle != handleAssignProduct
+                assign products = products | concat: productF
+              endif
+            endfor
+          when 'tags'
+            assign tagsAssignProduct = assignProduct.tags
+            assign hasRelatedExclude = ${P}
+            if hasRelatedExclude
+              assign relatedExclude = '${h}'
+            else
+              assign relatedExclude = ''
+            endif
+            assign arrayRelatedExclude = relatedExclude | split: ","
+              for item in allProductsPaginated
+                unless unique_products contains item.handle
+                  assign isExcludedProduct = false
+                  for tagExclude in arrayRelatedExclude
+                    if item.tags contains tagExclude
+                      assign isExcludedProduct = true
+                    endif
+                  endfor
+                  unless isExcludedProduct
+                    for tag in tagsAssignProduct
+                      if item.tags contains tag and assignProduct.handle != item.handle
+                        assign productF = item | sort
+                        assign products = products | concat: productF
+                      break
+                        endif
+                      endfor
+                  endunless
+                endunless
+              endfor
+            assign products = products | uniq
+        endcase
+        paginate products by ${E||4}
+          assign products = products
+        endpaginate
+      `)}
+  `,w=()=>{let s=F?`
+          assign target_collection = collections['${F}']
+          if target_collection == empty
+            for collection in collections
+              if collection.id == ${_}
+                assign target_collection = collection
+                break
+              endif
+            endfor
+          endif
+        `:`
+          for collection in collections
+            if collection.id == ${_}
+              assign target_collection = collection
+              break
+            endif
+          endfor
+        `;return e`
+      {%- liquid
+        assign productHandles = '${x.toString()}'| split: ','
+        assign products = null
+        assign target_collection = null
+        assign productSrc = '${L}'
+        assign c = 0
+        assign limit = ${A??4}
+
+        if request.page_type == 'collection' or preview_page_type == 'collection'
+          assign target_collection = collection
+          if target_collection == empty or target_collection == null
+            if '${_.toLowerCase()}' == 'latest'
+              assign target_collection = collections | sort: 'updated_at' ${b?"| reverse":""} | first
+            else
+              ${s}
+            endif
+          endif
+          paginate target_collection.products by ${E||4}
+            assign products = target_collection.products ${R?S:""} ${b?"| reverse":""}
+          endpaginate
+        else
+          if productSrc == 'RelatedProduct'
+            ${j()}
+          elsif productSrc == 'PickProduct'
+            unless ${y}
+              assign products = null | sort
+              for handle in productHandles
+                assign productH = all_products[handle] | sort
+                assign products = products | concat: productH
+              endfor
+              assign limit = products.length
+            else
+              if ${k.length} == 0
+                paginate collections.all.products by 100000
+                  assign products = collections.all.products  | sort : "created_at"  | reverse
+                endpaginate
+              endif
+            endunless
+          else
+            if '${_.toLowerCase()}' == 'latest'
+              assign target_collection = collections | sort: 'updated_at' ${b?"| reverse":""} | first
+            else
+              ${s}
+            endif
+            paginate target_collection.products by ${E||4}
+              assign products = target_collection.products ${R?S:""} ${b?"| reverse":""}
+            endpaginate
+          endif
+        endif
+      -%}
+    `},{productListWrapStyle:H,productListContentStyle:q,productListWrapAlignStyle:G}=c(g),{productListWrapClass:B}=l(g),T=()=>e`
+    {%- if products == null -%}
+    {%- if count == 0 and ${k.length} == 0 -%}
+      {% if '${L}' == 'RelatedProduct' -%}
+          <div>${o("ProductList","no_related_products")}</div>
+        {% else %}
+          <div>${o("ProductList","no_products_found")}</div>
+      {%- endif -%}
+    {%- endif -%}
+    {%-else-%}
+      ${r(v,e`${n({...g,productListId:k,productSrc:L})}`,e`${a({...g,productListId:k,productSrc:L})}`)}
+    {%- endif -%}
+    `;return e`
+    ${s(t,`
+        <script ${d('class="gps-link" delay',"src")}="{{ 'gp-product-v7-5.js' | asset_url }}" defer="defer"></script>
+        ${p?.sameHeight?`<script ${d('class="gps-link" delay',"src")}="{{ 'gp-same-height-v7-5.js' | asset_url }}" defer="defer"></script>`:""}
+        `,`
+        <script ${d('class="gps-link" delay',"src")}="${i}/assets-v2/gp-product-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>
+        ${p?.sameHeight?`<script ${d('class="gps-link" delay',"src")}="${i}/assets-v2/gp-same-height-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`:""}
+        `)}
+
+    ${s(!!f?.preloadBgImage,`${s(!!f?.backgroundImage?.desktop?.image?.src,`<link rel="preload" href="${f?.backgroundImage?.desktop?.image?.src}" as="image" />`)}${s(!!f?.backgroundImage?.tablet?.image?.src,`<link rel="preload" href="${f?.backgroundImage?.tablet?.image?.src}" as="image" />`)}${s(!!f?.backgroundImage?.mobile?.image?.src,`<link rel="preload" href="${f?.backgroundImage?.mobile?.image?.src}" as="image" />`)}`)}
+    <div
+      class="${B}"
+      style="${H}"
+    >
+      <div class='gp-flex gp-w-full' style="${G}">
+        <div
+          style="${q}"
+        >
+          {%- assign gpBkProduct = product -%}
+          {%- assign gpBkProducts = products -%}
+          ${w()}
+          ${T()}
+          {%- assign product = gpBkProduct -%}
+          {%- assign products = gpBkProducts -%}
+        </div>
+      </div>
+    </div>
+  `};export{ProductList as default};

package/dist/esm/product/components/product-list-v3/ProductListCarouselItem.liquid.js

@@ -0,0 +1,15 @@
+import{template as t}from"@gem-sdk/core";import{getClass as e}from"./common/classes.js";let ProductListItem=n=>{let{pageContext:o,children:a}=n,{productItemClass:r,gpProductClass:c}=e(n);return t`
+      <gp-product
+        gp-context='{"variantSelected": {{ variant | json | escape }}, "inventory_management": {{ variant.inventory_management | json | escape  }}, "inventory_policy": {{ variant.inventory_policy | json | escape }}, "quantity": 1 ,  "formId": "{{ product_form_id }}"}'
+        gp-data='{"variantSelected": {{ variant | json | escape }}, "quantity": 1, "productUrl":{{ product.url | json | escape }}, "productHandle":{{ product.handle | json | escape }}, "collectionUrl": {{ collection.url | json | escape }}, "collectionHandle": {{ collection.handle | json | escape }},"pageContext" : ${JSON.stringify(o)}}'
+        class="${c}"
+
+      >
+        {%- form 'product', product, id: product_form_id, class: 'form contents ${r}',  data-type: 'add-to-cart-form', autocomplete: 'off' -%}
+        <input type="hidden" name="id" value="{{ variant.id }}" />
+        <input type="hidden" min="1" name="quantity"  value="{{ quantity }}" />
+        <button type="submit" onclick="return false;" style="display:none;"></button>
+          ${a}
+        {%- endform -%}
+      </gp-product>
+  `};export{ProductListItem as default};

package/dist/esm/product/components/product-list-v3/ProductListCarouselLayout.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{useEditorMode as r,ProductProvider as t,isEmptyChildren as e}from"@gem-sdk/core";import s from"../../../carousel-v3/components/root/Carousel.js";import m from"../../../carousel-v3/components/item/CarouselItem.js";import i from"../../../grid/components/ChildrenDroppable.js";import{getData as l}from"./common/helpers.js";import{getAttr as a}from"./common/attrs.js";import{getStyle as c}from"./common/styles.js";import{getClass as n}from"./common/classes.js";let ProductListCarouselLayout=d=>{let{children:p,builderProps:u,productSortedById:f,advanced:j}=d,h=r(),{carouselConfigSetting:y,carouselConfigStyle:C}=l(d),{productListAttr:b,getAttrProductItemEditor:v}=a(d),{carouselItemStyle:L}=c(d),{carouselClass:g,productItemClass:D}=n(d);return o(s,{advanced:j,builderProps:{uid:u?.uid},rootAttrs:{...b},rootClass:g,setting:y,styles:C,children:f?.map(r=>o(m,{style:L,children:o(t,{product:r,readOnly:!0,children:o("div",{..."edit"===h?v(r?.baseID):{},className:D,children:e(p)?o(i,{}):p})})},r?.baseID))})};export{ProductListCarouselLayout as default};

package/dist/esm/product/components/product-list-v3/ProductListCarouselLayout.liquid.js

@@ -0,0 +1,22 @@
+import{template as o}from"@gem-sdk/core";import t from"../../../carousel-v3/components/item/CarouselItem.liquid.js";import r from"../../../carousel-v3/components/root/Carousel.liquid.js";import{getData as e}from"./common/helpers.js";import{getClass as i}from"./common/classes.js";import{getStyle as s}from"./common/styles.js";import{getStaticLocale as d}from"../../../helpers.js";import u from"./ProductListCarouselItem.liquid.js";let ProductListCarouselLayout=c=>{let{builderProps:l,advanced:n,productSrc:a,productListId:p}=c,{carouselConfigSetting:m,carouselConfigStyle:f}=e(c),{carouselItemStyle:g}=s(c),{carouselClass:$}=i(c);return o`
+    ${r({advanced:n,builderProps:{...l},rootAttrs:{"items-repeat":"true"},rootId:`product-list-carousel-${l?.uid}`,rootClass:$,setting:m,styles:f,isProductList:!0,children:`
+        {%- assign count = 0 -%}
+        {%- for product in products limit: limit -%}
+        {%- if product.id != empty -%}
+        {%- assign count = count | plus: 1 -%}
+        {%- assign variant = product.selected_or_first_available_variant -%}
+        {%- assign product_form_id = 'product-form-' | append: "${l?.uid}" | append: product.id -%}
+        ${t({builderProps:{...l},style:g,parentId:`product-list-carousel-${l?.uid} gp-child-item-${l?.uid}`,parentStyle:f,parentSettings:m,background:m?.background,children:`
+            ${u({...c})}
+          `})}
+        {%- endif -%}
+        {% endfor %}
+        {%- if count == 0 and ${p.length} == 0 -%}
+          {% if '${a}' == 'RelatedProduct' -%}
+              <div>${d("ProductList","no_related_products")}</div>
+            {% else %}
+              <div>${d("ProductList","no_products_found")}</div>
+          {%- endif -%}
+        {%- endif -%}
+      `})}
+  `};export{ProductListCarouselLayout as default};

package/dist/esm/product/components/product-list-v3/ProductListGridItem.liquid.js

@@ -0,0 +1,19 @@
+import{template as t,RenderChildren as e}from"@gem-sdk/core";import{getClass as n}from"./common/classes.js";let ProductListItem=o=>{let{pageContext:a,rawChildren:r}=o,{productItemClass:c,gpProductClass:i}=n(o),d=()=>t`
+      ${r?.map((n,o)=>{if(n)return t`
+            ${e({...n,index:o})}
+          `}).join("")}
+    `;return t`
+      <gp-product
+        gp-context='{"variantSelected": {{ variant | json | escape }}, "inventory_management": {{ variant.inventory_management | json | escape  }}, "inventory_policy": {{ variant.inventory_policy | json | escape }}, "quantity": 1 ,  "formId": "{{ product_form_id }}"}'
+        gp-data='{"variantSelected": {{ variant | json | escape }}, "quantity": 1, "productUrl":{{ product.url | json | escape }}, "productHandle":{{ product.handle | json | escape }}, "collectionUrl": {{ collection.url | json | escape }}, "collectionHandle": {{ collection.handle | json | escape }},"pageContext" : ${JSON.stringify(a)}}'
+        class="${i}"
+
+      >
+        {%- form 'product', product, id: product_form_id, class: 'form contents ${c}',  data-type: 'add-to-cart-form', autocomplete: 'off' -%}
+        <input type="hidden" name="id" value="{{ variant.id }}" />
+        <input type="hidden" min="1" name="quantity"  value="{{ quantity }}" />
+        <button type="submit" onclick="return false;" style="display:none;"></button>
+          ${d()}
+        {%- endform -%}
+      </gp-product>
+  `};export{ProductListItem as default};

package/dist/esm/product/components/product-list-v3/ProductListGridLayout.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{Children as o,isValidElement as t,createElement as e}from"react";import{useEditorMode as m,ProductProvider as i,isEmptyChildren as s}from"@gem-sdk/core";import l from"../../../grid/components/ChildrenDroppable.js";import{getStyle as a}from"./common/styles.js";import{getClass as d}from"./common/classes.js";import{getAttr as c}from"./common/attrs.js";let ProductListGridLayout=p=>{let{children:n,productSortedById:u,generateGridRowArray:y,setting:f}=p,h=m(),{gridLayoutStyle:g}=a(p),{gridLayoutClass:j,productItemClass:b}=d(p),{productListAttr:L,getAttrProductItemEditor:k}=c(p);return r("div",{...L,style:g,className:j,children:u?.length?u?.map((m,a)=>r(i,{product:m,readOnly:!0,children:r("div",{..."edit"===h?k(m?.baseID):{},className:b,style:{"--grchild":f?.sameHeight?y?.[a]?.gridRow:void 0,"--mbchild":y?.[a]?.marginBottom},children:s(n)?r(l,{}):o.map(n,r=>t(r)?e(r.type,{...r.props,key:r.key}):null)})},m?.baseID)):null})};export{ProductListGridLayout as default};

package/dist/esm/product/components/product-list-v3/ProductListGridLayout.liquid.js

@@ -0,0 +1,34 @@
+import{template as t,RenderIf as i}from"@gem-sdk/core";import{getStyle as o}from"./common/styles.js";import{getClass as r}from"./common/classes.js";import{getAttr as s}from"./common/attrs.js";import d from"./ProductListGridItem.liquid.js";import{getStaticLocale as e}from"../../../helpers.js";let ProductListGridLayout=a=>{let{setting:n,builderProps:c,styles:m,productListId:u,productSrc:p}=a,{gridLayoutStyle:l}=o(a),{gridLayoutClass:f}=r(a),{productListAttr:g}=s(a),$=i=>t`
+      <gp-same-height
+        class="gp-contents"
+        style="visibility: hidden"
+        gp-data='${JSON.stringify({targetUid:c?.builderData?.childrens?.[0],slidesToShow:n?.slidesToShow,rowGap:m?.horizontalGutter})}'>
+        ${i}
+      </gp-same-height>
+    `,h=()=>t`
+      {%- assign count = 0 -%}
+      {%- for product in products limit: limit -%}
+      {%- if product.id != empty -%}
+      {%- assign count = count | plus: 1 -%}
+      {%- assign variant = product.selected_or_first_available_variant -%}
+      {%- assign product_form_id = 'product-form-' | append: "${c?.uid}" | append: product.id -%}
+        ${d({...a})}
+      {%- endif -%}
+      {% endfor %}
+      {%- if count == 0 and ${u?.length} == 0 -%}
+        {% if '${p}' == 'RelatedProduct' -%}
+          <div>${e("ProductList","no_related_products")}</div>
+        {% else %}
+          <div>${e("ProductList","no_products_found")}</div>
+        {%- endif -%}
+      {%- endif -%}
+    `;return t`
+    <div
+      ${g}
+      style="${l}"
+      class="${f}"
+    >
+      ${i(n?.sameHeight,$(`${h()}`))}
+      ${i(!n?.sameHeight,t`${h()}`)}
+    </div>
+  `};export{ProductListGridLayout as default};

package/dist/esm/product/components/product-list-v3/common/attrs.js

@@ -0,0 +1 @@
+import{createAttr as t}from"@gem-sdk/system";let getAttr=e=>{let{builderProps:o}=e,a=t({"items-repeat":!0,"data-id":o?.uid??""}),d=e=>t({"data-component-type":"component","data-component-tag":"Product","data-component-label":"Product","data-component-no-setting":!0,"data-product-id":e?.replace("gid://shopify/Product/","")??""});return{productListAttr:a,getAttrProductItemEditor:d}};export{getAttr};

package/dist/esm/product/components/product-list-v3/common/classes.js

@@ -0,0 +1 @@
+import{createClass as e}from"@gem-sdk/system";let getClass=g=>{let{setting:s,className:t,builderProps:i,advanced:p,styles:r}=g,l=e({...t&&{[t]:!0},...p?.cssClass&&{[p.cssClass]:!0},"!gp-m-auto gp-grid gp-w-full":!0,"gp-grid-flow-row":s?.sameHeight}),a=e({"gp-relative gp-flex":!0,[`${i?.builderData?.uid}`]:!0}),d=e({"gp-contents":s?.sameHeight&&r?.layout==="grid"}),o=e({"gp-justify-center":!0,"gp-overflow-hidden":!s?.sameHeight}),m=e({"gp-contents [&>*>div]:gp-contents [&>*]:gp-grid-rows-[subgrid] [&>*]:gp-gap-y-0":s?.sameHeight,[`gp-child-item-${i?.uid}`]:!0});return{gridLayoutClass:l,productItemClass:m,carouselClass:o,productListWrapClass:a,gpProductClass:d}};export{getClass};

package/dist/esm/product/components/product-list-v3/common/helpers.js

@@ -0,0 +1 @@
+import{getSizeSetting as t}from"../../../helpers/product.js";import{convertUnitToNumber as e}from"../../product-images/common/productFeaturedImage.js";import{getUpdatedDotStyle as o}from"../../../../carousel-v3/components/dot/common/helpers.js";let getData=e=>{let{setting:d,styles:r}=e,c=d?.productSetting??{},l="RelatedProduct"===c.productSrc,i=o(d?.dot,d?.dotStyle),a={dotSize:{desktop:12},dotGapToCarousel:{desktop:16},arrowIconSize:{desktop:24},showWhenHover:!1,rtl:!1,...d};delete a.childItem;let u={...r,sizeSetting:{...t({adaptiveHeight:r?.adaptiveHeight,height:r?.height,fullWidth:{desktop:!0}})},spacing:r?.spacing};return delete u.backgroundColor,delete u.backgroundImage,{isRelatedProduct:l,productSetting:c,dotStyle:i,carouselConfigSetting:a,carouselConfigStyle:u}},getDataLiquid=t=>{let{setting:o,styles:d}=t,r=o?.productSetting,c=r?.relatedTag,l=r?.hasRelatedExclude,i=(c&&"collection"===c[0]?r?.relatedCollectionExclude:r?.relatedTagsExclude)??"",a=i?.split(",").map(t=>t.trim()).toString(),u=r?.productSrc??"Collection",p=r?.collectionId?.replace(PREFIX_COLLECTION_ID,"")??"latest",n=r?.productSrc==="PickProduct"&&r?.productIds?.length===0,s=d?.layout==="grid",g=e(o?.numberOfProducts,4),I="PickProduct"===u&&r?.productIds?.length?r?.productIds.map(t=>t.replace(PREFIX_PRODUCT_ID,"")):[],m="PickProduct"===u&&r?.productHandles?.length?r?.productHandles:[],P=o?.orderBy&&o?.orderBy!=="none",h=(r?.productSrc==="Collection"||r?.productSrc==="DynamicCollection")&&P?o?.orderBy?.split("_"):"none",C=P&&h?.[0]==="TITLE"?"| sort: 'title'":"| sort: 'updated_at'",D=h?.[h.length-1]==="DESC",E=()=>"PickProduct"===u?n?4:r?.numOfSelectedProducts??4:g;return{hasRelatedExclude:l,relatedExcludeTrim:a,collectionID:p,isLatestProducts:n,isGrid:s,numberOfProducts:g,productListId:I,productListHandles:m,sortedBy:C,isReverse:D,productSrc:u,productSetting:r,isSorted:P,relatedTag:c,productNumber:E(),collectionHandle:r?.collectionHandle}},PREFIX_COLLECTION_ID="gid://shopify/Collection/",PREFIX_PRODUCT_ID="gid://shopify/Product/";export{PREFIX_COLLECTION_ID,PREFIX_PRODUCT_ID,getData,getDataLiquid};

package/dist/esm/product/components/product-list-v3/common/styles.js

@@ -0,0 +1 @@
+import{splitStyle as o,makeGlobalSize as e,makeStyleResponsive as t,getBgByDevice as r,getResponsiveValueByScreen as s,makeStyle as d,getSingleColorVariable as m,getRadiusStyleActiveState as i,getStyleShadow as a,getStyleBackgroundByDevice as l,getGradientBgrStyleByDevice as n}from"@gem-sdk/core";import{createStyle as b}from"@gem-sdk/system";import{createStyleObject as c}from"../../../../grid/components/row/common/helpers.js";import{getInitialWidthForCarouselItem as p}from"../../../../carousel-v3/common/helpers.js";let getStyle=g=>{let{setting:h,styles:w,style:u}=g,{background:S}=h??{},[k,f]=o(["pos","top","left","bottom","right","z","mb","mt","mb","ml","mr","d"],u),T=e(w?.itemPadding),C=b({...k}),v=b({...t("jc",w?.align||{desktop:"center"})}),x=b({...f,...t("w",c(w?.width).content),...r({backgroundColor:w?.backgroundColor,backgroundImage:w?.backgroundImage})}),y=b({...!h?.sameHeight&&t("rg",w?.horizontalGutter),...t("cg",w?.verticalGutter),...t("gtc",{desktop:`repeat(${s(h?.slidesToShow,"desktop")}, minmax(0, 1fr))`,tablet:h?.slidesToShow?.tablet&&`repeat(${s(h?.slidesToShow,"tablet")}, minmax(0, 1fr))`,mobile:h?.slidesToShow?.mobile&&`repeat(${s(h?.slidesToShow,"mobile")}, minmax(0, 1fr))`})}),j=b({...p({spacing:w?.spacing,slidesToShow:h?.slidesToShow})}),$={...T&&T.padding,...d({bs:w?.borderContent?.border,bw:w?.borderContent?.width,bc:m(w?.borderContent?.color)}),...i({...w?.roundedContent,active:{...w?.roundedContent||{},radiusType:"custom"}}),...a({value:w?.carouselShadow,styleAppliedFor:"box-shadow",isEnableShadow:w?.hasActiveShadow}),...l(S),...n(S,{desktop:!0,tablet:!0,mobile:!0})},z=b({...$});return{gridLayoutStyle:y,carouselItemStyle:j,productListWrapStyle:C,productListContentStyle:x,productListWrapAlignStyle:v,productItemStyle:z}};export{getStyle};

package/dist/esm/product/index.js

@@ -1 +1 @@
-export{default as Product}from"./components/product-wrap/Product.js";import"react/jsx-runtime";import"next/link";import"@gem-sdk/core";import"react";import"@gem-sdk/system";import"../notification/components/Notifications.js";import"../notification/components/Notice.js";import"./components/product-button/types.js";import"./components/product-variants/components/variants/index.js";import"next/image";import"../modal/components/confirm.js";import"react-dom";import"../video/components/Video.js";export{default as ProductQuickView}from"./components/product-quick-view/QuickView.js";import"./components/constants/product-bundle.js";export{default as ProductList}from"./components/product-list/ProductList.js";import"./components/product-bundle/common/styles.js";import"./components/product-bundle/common/classes.js";import"./components/product-badge/constants.js";import"./components/product-badge/types.js";import"./components/product-badge/utils/shape.js";import t from"./settings/Product.js";import o from"./settings/ProductQuantity.js";import r from"./settings/ProductTitle.js";import s from"./settings/ProductButton.js";import i from"./settings/ProductPrice.js";import e from"./settings/ProductVariants.js";import n from"./settings/ProductImages.js";import c from"./settings/product-image-v2/ProductImages.js";import m from"./settings/ProductDescription.js";import p from"./settings/ProductProperties.js";import u from"./settings/ProductTag.js";import d from"./settings/ProductList.js";import a from"./settings/DynamicCheckout.js";import P from"./settings/Vendor.js";import g from"./settings/Sku.js";import j from"./components/product-bundle/setting/ProductBundleDiscount.js";import f from"./components/product-bundle/setting/ProductBundleDiscountItem.js";import l from"./settings/ProductViewMore.js";import k from"./settings/ProductBadge.js";import V from"./components/file-upload/settings/index.js";let productSetting={Product:t,ProductQuantity:o,ProductTitle:r,ProductButton:s,ProductPrice:i,ProductVariants:e,ProductImages:n,ProductImagesV2:c,ProductDescription:m,ProductProperties:p,ProductTag:u,ProductList:d,DynamicCheckout:a,ProductVendor:P,ProductSku:g,ProductBundleDiscount:j,ProductBundleDiscountItem:f,ProductViewMore:l,ProductBadge:k,FileUpload:V};export{productSetting};
+export{default as Product}from"./components/product-wrap/Product.js";import"react/jsx-runtime";import"next/link";import"@gem-sdk/core";import"react";import"@gem-sdk/system";import"../notification/components/Notifications.js";import"../notification/components/Notice.js";import"./components/product-button/types.js";import"./components/product-variants/components/variants/index.js";import"next/image";import"../modal/components/confirm.js";import"react-dom";import"../video/components/Video.js";import"@gem-sdk/keen-slider/react";export{default as ProductQuickView}from"./components/product-quick-view/QuickView.js";import"./components/constants/product-bundle.js";export{default as ProductListV3}from"./components/product-list-v3/ProductList.js";export{default as ProductList}from"./components/product-list/ProductList.js";import"./components/product-bundle/common/styles.js";import"./components/product-bundle/common/classes.js";import"./components/product-badge/constants.js";import"./components/product-badge/types.js";import"./components/product-badge/utils/shape.js";import t from"./settings/Product.js";import o from"./settings/ProductQuantity.js";import r from"./settings/ProductTitle.js";import s from"./settings/ProductButton.js";import i from"./settings/ProductPrice.js";import e from"./settings/ProductVariants.js";import c from"./settings/ProductImages.js";import m from"./settings/product-image-v3/ProductImages.js";import n from"./settings/product-image-v2/ProductImages.js";import d from"./settings/ProductDescription.js";import p from"./settings/ProductProperties.js";import u from"./settings/ProductTag.js";import a from"./settings/ProductListV3.js";import P from"./settings/ProductList.js";import g from"./settings/DynamicCheckout.js";import j from"./settings/Vendor.js";import f from"./settings/Sku.js";import l from"./components/product-bundle/setting/ProductBundleDiscount.js";import V from"./components/product-bundle/setting/ProductBundleDiscountItem.js";import k from"./settings/ProductViewMore.js";import x from"./settings/ProductBadge.js";import b from"./components/file-upload/settings/index.js";let productSetting={Product:t,ProductQuantity:o,ProductTitle:r,ProductButton:s,ProductPrice:i,ProductVariants:e,ProductImages:c,ProductImagesV2:n,ProductImagesV3:m,ProductDescription:d,ProductProperties:p,ProductTag:u,ProductListV3:a,ProductList:P,DynamicCheckout:g,ProductVendor:j,ProductSku:f,ProductBundleDiscount:l,ProductBundleDiscountItem:V,ProductViewMore:k,ProductBadge:x,FileUpload:b};export{productSetting};

package/dist/esm/product/next.js

@@ -1 +1 @@
-import o from"next/dynamic";import t from"../common/components/Loading.js";import"react/jsx-runtime";import"react";import"@gem-sdk/core";let Product=o(()=>import("./components/product-wrap/Product.js"),{loading:t}),ProductTitle=o(()=>import("./components/product-title/ProductTitle.js"),{loading:t}),ProductQuantity=o(()=>import("./components/product-quantity/ProductQuantity.js"),{loading:t}),ProductDescription=o(()=>import("./components/product-description/ProductDescription.js"),{loading:t}),ProductPrice=o(()=>import("./components/product-price/ProductPrice.js"),{loading:t}),ProductButton=o(()=>import("./components/product-button/ProductButton.js"),{loading:t}),ProductVariants=o(()=>import("./components/product-variants/ProductVariants.js"),{loading:t}),ProductImages=o(()=>import("./components/ProductImages.js"),{loading:t}),ProductImagesV2=o(()=>import("./components/product-images-v2/ProductImageV2.js"),{loading:t}),ProductProperties=o(()=>import("./components/product-properties/ProductProperties.js"),{loading:t}),ProductQuickView=o(()=>import("./components/product-quick-view/QuickView.js"),{ssr:!1}),ProductTag=o(()=>import("./components/product-discount-tag/ProductDiscountTag.js"),{loading:t}),ProductList=o(()=>import("./components/product-list/ProductList.js"),{loading:t}),DynamicCheckout=o(()=>import("./components/dynamic-checkout/DynamicCheckout.js"),{loading:t}),ProductVendor=o(()=>import("./components/product-vendor/Vendor.js"),{loading:t}),ProductSku=o(()=>import("./components/product-sku/Sku.js"),{loading:t}),ProductViewMore=o(()=>import("./components/product-view-more/ProductViewMore.js"),{loading:t}),ProductBadge=o(()=>import("./components/product-badge/ProductBadge.js"),{loading:t}),ProductBundleDiscount=o(()=>import("./components/product-bundle/ProductBundleDiscount.js"),{loading:t}),ProductBundleDiscountItem=o(()=>import("./components/product-bundle/ProductBundleDiscountItem.js"),{loading:t}),FileUpload=o(()=>import("./components/file-upload/UploadFile.js"),{loading:t});var product={Product,ProductTitle,ProductQuantity,ProductPrice,ProductButton,ProductDescription,ProductVariants,ProductImages,ProductImagesV2,ProductProperties,ProductQuickView,ProductTag,ProductList,DynamicCheckout,ProductVendor,ProductViewMore,ProductBadge,ProductBundleDiscount,ProductBundleDiscountItem,ProductSku,FileUpload};export{product 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 Product=o(()=>import("./components/product-wrap/Product.js"),{loading:t}),ProductTitle=o(()=>import("./components/product-title/ProductTitle.js"),{loading:t}),ProductQuantity=o(()=>import("./components/product-quantity/ProductQuantity.js"),{loading:t}),ProductDescription=o(()=>import("./components/product-description/ProductDescription.js"),{loading:t}),ProductPrice=o(()=>import("./components/product-price/ProductPrice.js"),{loading:t}),ProductButton=o(()=>import("./components/product-button/ProductButton.js"),{loading:t}),ProductVariants=o(()=>import("./components/product-variants/ProductVariants.js"),{loading:t}),ProductImages=o(()=>import("./components/ProductImages.js"),{loading:t}),ProductImagesV3=o(()=>import("./components/product-images-v3/ProductImageV2.js"),{loading:t}),ProductImagesV2=o(()=>import("./components/product-images-v2/ProductImageV2.js"),{loading:t}),ProductProperties=o(()=>import("./components/product-properties/ProductProperties.js"),{loading:t}),ProductQuickView=o(()=>import("./components/product-quick-view/QuickView.js"),{ssr:!1}),ProductTag=o(()=>import("./components/product-discount-tag/ProductDiscountTag.js"),{loading:t}),ProductListV3=o(()=>import("./components/product-list-v3/ProductList.js"),{loading:t}),ProductList=o(()=>import("./components/product-list/ProductList.js"),{loading:t}),DynamicCheckout=o(()=>import("./components/dynamic-checkout/DynamicCheckout.js"),{loading:t}),ProductVendor=o(()=>import("./components/product-vendor/Vendor.js"),{loading:t}),ProductSku=o(()=>import("./components/product-sku/Sku.js"),{loading:t}),ProductViewMore=o(()=>import("./components/product-view-more/ProductViewMore.js"),{loading:t}),ProductBadge=o(()=>import("./components/product-badge/ProductBadge.js"),{loading:t}),ProductBundleDiscount=o(()=>import("./components/product-bundle/ProductBundleDiscount.js"),{loading:t}),ProductBundleDiscountItem=o(()=>import("./components/product-bundle/ProductBundleDiscountItem.js"),{loading:t}),FileUpload=o(()=>import("./components/file-upload/UploadFile.js"),{loading:t});var product={Product,ProductTitle,ProductQuantity,ProductPrice,ProductButton,ProductDescription,ProductVariants,ProductImages,ProductImagesV3,ProductImagesV2,ProductProperties,ProductQuickView,ProductTag,ProductListV3,ProductList,DynamicCheckout,ProductVendor,ProductViewMore,ProductBadge,ProductBundleDiscount,ProductBundleDiscountItem,ProductSku,FileUpload};export{product as default};

package/dist/esm/product/settings/ProductListV3.js

@@ -0,0 +1,8 @@
+import{ProductListPreset as o}from"./product-list-v3/configs/presets.js";import{SettingUIV1 as t}from"./product-list-v3/configs/ui-v1.js";import{ProductListSettingsV2 as r}from"./product-list-v3/configs/settings-v2.js";import{SettingUIV2 as C}from"./product-list-v3/configs/ui-v2.js";let config={tag:"ProductListV3",label:"Product List",icon:`
+  <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M14.9075 7.10422C14.6295 6.47277 13.981 6.06462 13.268 6.12193C12.8111 6.15866 12.0129 6.23149 11.1972 6.34772C10.4162 6.459 9.4973 6.62566 8.86739 6.88284C8.4425 7.05632 7.96973 7.41721 7.56476 7.7561C7.12514 8.12398 6.63889 8.57624 6.16347 9.03928C5.21082 9.96712 4.25521 10.9838 3.72156 11.5611C3.02665 12.3128 3.18213 13.4862 4.00429 14.0501L7.14594 16.205V26.2444C7.14594 27.1568 7.8833 27.9057 8.80445 27.9057H23.246C24.1672 27.9057 24.9045 27.1568 24.9045 26.2444V16.205L28.0603 14.0405C28.8678 13.4866 29.0361 12.3395 28.3699 11.5829C27.861 11.005 26.9438 9.98417 26.0115 9.05136C25.5463 8.58586 25.0644 8.12923 24.6192 7.75674C24.2068 7.41161 23.7187 7.04517 23.2589 6.87191C22.0504 6.41643 20.0388 6.19802 19.2897 6.12638C18.6177 6.06213 17.9943 6.4147 17.6856 6.98594L16.1261 9.87237L14.9075 7.10422ZM11.5075 8.52572C12.0668 8.44603 12.6236 8.38769 13.0516 8.3486L14.5589 11.7725C15.1148 13.0353 16.8782 13.1086 17.535 11.8929L19.4471 8.35398C20.3297 8.45016 21.7155 8.64129 22.4831 8.93056C22.5609 8.9599 22.7999 9.10299 23.2073 9.44391C23.582 9.75746 24.0125 10.1634 24.4555 10.6066C25.1311 11.2825 25.8054 12.0148 26.3079 12.5747L23.426 14.5514C22.9732 14.862 22.7045 15.3755 22.7045 15.9221V25.7057H9.34594V15.9221C9.34594 15.3755 9.07722 14.862 8.62448 14.5514L5.76791 12.592C6.29559 12.03 7.00098 11.2946 7.69845 10.6153C8.1553 10.1703 8.59719 9.76082 8.97664 9.44329C9.16639 9.2845 9.33077 9.15694 9.46645 9.06238C9.53381 9.01545 9.58879 8.98036 9.63189 8.95523C9.65312 8.94286 9.66967 8.93395 9.68177 8.92783C9.69405 8.92163 9.69897 8.91962 9.69897 8.91962C10.0488 8.7768 10.7201 8.63792 11.5075 8.52572Z" fill="currentColor"/>
+    <path d="M30.2528 21.8121C29.8846 21.8121 29.5862 21.5136 29.5862 21.1454V20.0645C29.5862 19.6963 29.8846 19.3978 30.2528 19.3978H36.3481C36.7163 19.3978 37.0147 19.6963 37.0147 20.0645V21.1454C37.0147 21.5136 36.7163 21.8121 36.3481 21.8121H30.2528Z" fill="currentColor"/>
+    <path d="M30.2528 27.8478C29.8846 27.8478 29.5862 27.5493 29.5862 27.1811V26.1002C29.5862 25.732 29.8846 25.4335 30.2528 25.4335H36.3481C36.7163 25.4335 37.0147 25.732 37.0147 26.1002V27.1811C37.0147 27.5493 36.7163 27.8478 36.3481 27.8478H30.2528Z" fill="currentColor"/>
+    <path d="M7.96712 33.8834C7.59893 33.8834 7.30046 33.5849 7.30046 33.2168V32.1358C7.30046 31.7676 7.59893 31.4692 7.96712 31.4692H36.3481C36.7163 31.4692 37.0147 31.7676 37.0147 32.1358V33.2168C37.0147 33.5849 36.7163 33.8834 36.3481 33.8834H7.96712Z" fill="currentColor"/>
+  </svg>
+  `,settings:r,ui:t,uiV2:C,presets:o,editorConfigs:{slots:{children:!0},toolbar:{parent:!0},placeholder:{notAppendTags:["Product","ProductList","ContactForm","Newsletter","MarqueeItem","Marquee"]}},locales:{editor:{en:{product_not_found:"Product Not Found!",no_products_found:"No products found!",no_related_products:"No related products!"}}}};export{config as default};

package/dist/esm/product/settings/product/configs/product-presets/product-1-col.js

@@ -5,11 +5,11 @@ let product1Col={id:"product-1-col",name:{en:"Product"},icon:{desktop:`
       <rect x="31" y="31" width="34" height="7" rx="3" fill="#424242"/>
       <rect x="36" y="41" width="24" height="7" rx="3" fill="#424242"/>
       </svg>
-    `},components:[{tag:"Product",settings:{layout:{desktop:{cols:[12],display:"fill"}},productSetting:{productId:"Latest",initialVariantId:"Latest",productStatus:"static",hasPreSelected:!0}},styles:{fullWidth:{desktop:!1,tablet:!0,mobile:!0},width:{desktop:"600px"},verticalGutterMobile:{desktop:"32px",mobile:"16px"}},childrens:[{tag:"Col",childrens:[{tag:"ProductImagesV2",styles:{position:{desktop:"bottom-center",mobile:"bottom-center"}},settings:{ftDragToScroll:!0,ftNavigationPosition:{desktop:"none"},ftClickOpenLightBox:{desktop:"product-link"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{tag:"Col",childrens:[{tag:"ProductTitle",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"regular"},styles:{}}]},{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"compare"},styles:{color:{normal:"text-1"}}}]}]},{tag:"ProductDescription",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1},styles:{globalSize:{desktop:{width:"100%"}}}},{tag:"DynamicCheckout",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1,label:"Buy it now"},styles:{fullWidth:{desktop:!0}}}]}]}]},product1ColProductPage={id:"product-1-col-product-page",name:{en:"Product"},icon:{desktop:`
+    `},components:[{tag:"Product",settings:{layout:{desktop:{cols:[12],display:"fill"}},productSetting:{productId:"Latest",initialVariantId:"Latest",productStatus:"static",hasPreSelected:!0}},styles:{fullWidth:{desktop:!1,tablet:!0,mobile:!0},width:{desktop:"600px"},verticalGutterMobile:{desktop:"32px",mobile:"16px"}},childrens:[{tag:"Col",childrens:[{tag:"ProductImagesV3",styles:{position:{desktop:"bottom-center",mobile:"bottom-center"}},settings:{ftDragToScroll:!0,ftNavigationPosition:{desktop:"none"},ftClickOpenLightBox:{desktop:"product-link"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{tag:"Col",childrens:[{tag:"ProductTitle",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"regular"},styles:{}}]},{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"compare"},styles:{color:{normal:"text-1"}}}]}]},{tag:"ProductDescription",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1},styles:{globalSize:{desktop:{width:"100%"}}}},{tag:"DynamicCheckout",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1,label:"Buy it now"},styles:{fullWidth:{desktop:!0}}}]}]}]},product1ColProductPage={id:"product-1-col-product-page",name:{en:"Product"},icon:{desktop:`
       <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
       <rect x="28" width="40" height="28" rx="3" fill="#424242"/>
       <path d="M40.5 8.26601L45.495 6.52875C45.495 6.52875 46.1024 7.94539 48.005 7.94539C49.9076 7.94539 50.5083 6.5 50.5083 6.5L55.5 8.26601L54.6692 12.6222H52.1642V20.5H43.825V12.6196H41.3325L40.5 8.26601Z" fill="#D6D6D6"/>
       <rect x="31" y="31" width="34" height="7" rx="3" fill="#424242"/>
       <rect x="36" y="41" width="24" height="7" rx="3" fill="#424242"/>
       </svg>
-    `},components:[{tag:"Product",settings:{layout:{desktop:{cols:[12],display:"fill"}},productSetting:{productId:"Latest",initialVariantId:"Latest",productStatus:"dynamic",hasPreSelected:!0}},styles:{fullWidth:{desktop:!1,tablet:!0,mobile:!0},width:{desktop:"600px"},verticalGutterMobile:{desktop:"32px",mobile:"16px"}},childrens:[{tag:"Col",childrens:[{tag:"ProductImagesV2",styles:{position:{desktop:"bottom-center",mobile:"bottom-center"}},settings:{ftDragToScroll:!0,ftNavigationPosition:{desktop:"none"},ftClickOpenLightBox:{desktop:"product-link"}}}]},{tag:"Col",childrens:[{tag:"ProductTitle",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},styles:{verticalGutter:{desktop:"8px"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"regular"},styles:{}}]},{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"compare"},styles:{color:{normal:"text-1"}}}]}]},{tag:"ProductDescription",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1},styles:{globalSize:{desktop:{width:"100%"}}}},{tag:"DynamicCheckout",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1,label:"Buy it now"},styles:{fullWidth:{desktop:!0}}}]}]}]};export{product1Col,product1ColProductPage};
+    `},components:[{tag:"Product",settings:{layout:{desktop:{cols:[12],display:"fill"}},productSetting:{productId:"Latest",initialVariantId:"Latest",productStatus:"dynamic",hasPreSelected:!0}},styles:{fullWidth:{desktop:!1,tablet:!0,mobile:!0},width:{desktop:"600px"},verticalGutterMobile:{desktop:"32px",mobile:"16px"}},childrens:[{tag:"Col",childrens:[{tag:"ProductImagesV3",styles:{position:{desktop:"bottom-center",mobile:"bottom-center"}},settings:{ftDragToScroll:!0,ftNavigationPosition:{desktop:"none"},ftClickOpenLightBox:{desktop:"product-link"}}}]},{tag:"Col",childrens:[{tag:"ProductTitle",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},styles:{verticalGutter:{desktop:"8px"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"regular"},styles:{}}]},{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"compare"},styles:{color:{normal:"text-1"}}}]}]},{tag:"ProductDescription",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1},styles:{globalSize:{desktop:{width:"100%"}}}},{tag:"DynamicCheckout",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1,label:"Buy it now"},styles:{fullWidth:{desktop:!0}}}]}]}]};export{product1Col,product1ColProductPage};

package/dist/esm/product/settings/product/configs/product-presets/product-2-col.js

@@ -8,7 +8,7 @@ let product2Col={id:"product-2-col",name:{en:"Product"},icon:{desktop:`
       <rect x="64" width="28" height="7" rx="3" fill="#424242"/>
       <rect x="64" y="11" width="14" height="7" rx="3" fill="#424242"/>
       </svg>
-    `},components:[{tag:"Product",settings:{layout:{desktop:{cols:[6,6],display:"fill"},mobile:{cols:[12],display:"fill"}},productSetting:{productId:"Latest",initialVariantId:"Latest",productStatus:"static",hasPreSelected:!0}},childrens:[{tag:"Col",childrens:[{tag:"ProductImagesV2",styles:{position:{desktop:"left",mobile:"bottom-center"}},settings:{ftDragToScroll:!0,ftNavigationPosition:{desktop:"none"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{tag:"Col",childrens:[{tag:"ProductTitle",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},styles:{verticalGutter:{desktop:"8px"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"regular"},styles:{}}]},{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"compare"},styles:{color:{normal:"text-1"}}}]}]},{tag:"ProductDescription",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1},styles:{globalSize:{desktop:{width:"100%"}}}},{tag:"DynamicCheckout",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1,label:"Buy it now"},styles:{fullWidth:{desktop:!0}}}]}]}]},product2ColProductPage={id:"product-2-col-product-page",name:{en:"Product"},icon:{desktop:`
+    `},components:[{tag:"Product",settings:{layout:{desktop:{cols:[6,6],display:"fill"},mobile:{cols:[12],display:"fill"}},productSetting:{productId:"Latest",initialVariantId:"Latest",productStatus:"static",hasPreSelected:!0}},childrens:[{tag:"Col",childrens:[{tag:"ProductImagesV3",styles:{position:{desktop:"left",mobile:"bottom-center"}},settings:{ftDragToScroll:!0,ftNavigationPosition:{desktop:"none"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{tag:"Col",childrens:[{tag:"ProductTitle",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},styles:{verticalGutter:{desktop:"8px"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"regular"},styles:{}}]},{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"compare"},styles:{color:{normal:"text-1"}}}]}]},{tag:"ProductDescription",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1},styles:{globalSize:{desktop:{width:"100%"}}}},{tag:"DynamicCheckout",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1,label:"Buy it now"},styles:{fullWidth:{desktop:!0}}}]}]}]},product2ColProductPage={id:"product-2-col-product-page",name:{en:"Product"},icon:{desktop:`
       <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
       <rect x="10" width="10" height="10" rx="3" transform="rotate(90 10 0)" fill="#424242"/>
       <rect x="10" y="12" width="10" height="10" rx="3" transform="rotate(90 10 12)" fill="#424242"/>
@@ -18,4 +18,4 @@ let product2Col={id:"product-2-col",name:{en:"Product"},icon:{desktop:`
       <rect x="64" width="28" height="7" rx="3" fill="#424242"/>
       <rect x="64" y="11" width="14" height="7" rx="3" fill="#424242"/>
       </svg>
-    `},components:[{tag:"Product",settings:{layout:{desktop:{cols:[6,6],display:"fill"},mobile:{cols:[12],display:"fill"}},productSetting:{productId:"Latest",initialVariantId:"Latest",productStatus:"dynamic",hasPreSelected:!0}},childrens:[{tag:"Col",childrens:[{tag:"ProductImagesV2",styles:{position:{desktop:"left",mobile:"bottom-center"}},settings:{ftDragToScroll:!0,ftNavigationPosition:{desktop:"none"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{tag:"Col",childrens:[{tag:"ProductTitle",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},styles:{verticalGutter:{desktop:"8px"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"regular"},styles:{}}]},{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"compare"},styles:{color:{normal:"text-1"}}}]}]},{tag:"ProductDescription",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1},styles:{globalSize:{desktop:{width:"100%"}}}},{tag:"DynamicCheckout",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1,label:"Buy it now"},styles:{fullWidth:{desktop:!0}}}]}]}]};export{product2Col,product2ColProductPage};
+    `},components:[{tag:"Product",settings:{layout:{desktop:{cols:[6,6],display:"fill"},mobile:{cols:[12],display:"fill"}},productSetting:{productId:"Latest",initialVariantId:"Latest",productStatus:"dynamic",hasPreSelected:!0}},childrens:[{tag:"Col",childrens:[{tag:"ProductImagesV3",styles:{position:{desktop:"left",mobile:"bottom-center"}},settings:{ftDragToScroll:!0,ftNavigationPosition:{desktop:"none"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{tag:"Col",childrens:[{tag:"ProductTitle",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},styles:{verticalGutter:{desktop:"8px"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"regular"},styles:{}}]},{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"compare"},styles:{color:{normal:"text-1"}}}]}]},{tag:"ProductDescription",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1},styles:{globalSize:{desktop:{width:"100%"}}}},{tag:"DynamicCheckout",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1,label:"Buy it now"},styles:{fullWidth:{desktop:!0}}}]}]}]};export{product2Col,product2ColProductPage};

package/dist/esm/product/settings/product/configs/product-presets/product-default.js

@@ -9,7 +9,7 @@ let productDefault={id:"product",name:{en:"Product"},icon:{desktop:`
       <rect x="57" width="32" height="7" rx="3" fill="#424242"/>
       <rect x="57" y="11" width="18" height="7" rx="3" fill="#424242"/>
       </svg>
-    `},components:[{tag:"Product",settings:{layout:{desktop:{cols:[6,6],display:"fill"},mobile:{cols:[12],display:"fill"}},productSetting:{productId:"Latest",initialVariantId:"Latest",productStatus:"static",hasPreSelected:!0}},childrens:[{tag:"Col",childrens:[{tag:"ProductImagesV2",styles:{position:{desktop:"bottom-center",mobile:"bottom-center"}},settings:{ftDragToScroll:!0,ftNavigationPosition:{desktop:"none"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{tag:"Col",childrens:[{tag:"ProductTitle",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},styles:{verticalGutter:{desktop:"8px"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"regular"},styles:{}}]},{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"compare"},styles:{color:{normal:"text-1"}}}]}]},{tag:"ProductDescription",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1},styles:{globalSize:{desktop:{width:"100%"}}}},{tag:"DynamicCheckout",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1,label:"Buy it now"},styles:{fullWidth:{desktop:!0}}}]}]}]},productDynamicProductPage={id:"product-product-page",name:{en:"Product"},icon:{desktop:`
+    `},components:[{tag:"Product",settings:{layout:{desktop:{cols:[6,6],display:"fill"},mobile:{cols:[12],display:"fill"}},productSetting:{productId:"Latest",initialVariantId:"Latest",productStatus:"static",hasPreSelected:!0}},childrens:[{tag:"Col",childrens:[{tag:"ProductImagesV3",styles:{position:{desktop:"bottom-center",mobile:"bottom-center"}},settings:{ftDragToScroll:!0,ftNavigationPosition:{desktop:"none"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{tag:"Col",childrens:[{tag:"ProductTitle",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},styles:{verticalGutter:{desktop:"8px"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"regular"},styles:{}}]},{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"compare"},styles:{color:{normal:"text-1"}}}]}]},{tag:"ProductDescription",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1},styles:{globalSize:{desktop:{width:"100%"}}}},{tag:"DynamicCheckout",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1,label:"Buy it now"},styles:{fullWidth:{desktop:!0}}}]}]}]},productDynamicProductPage={id:"product-product-page",name:{en:"Product"},icon:{desktop:`
       <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
       <rect x="7" width="46" height="34" rx="3" fill="#424242"/>
       <path d="M22.5 11.766L27.495 10.0288C27.495 10.0288 28.1024 11.4454 30.005 11.4454C31.9076 11.4454 32.5083 10 32.5083 10L37.5 11.766L36.6692 16.1222H34.1642V24H25.825V16.1196H23.3325L22.5 11.766Z" fill="#F9F9F9"/>
@@ -20,4 +20,4 @@ let productDefault={id:"product",name:{en:"Product"},icon:{desktop:`
       <rect x="57" width="32" height="7" rx="3" fill="#424242"/>
       <rect x="57" y="11" width="18" height="7" rx="3" fill="#424242"/>
       </svg>
-    `},components:[{tag:"Product",settings:{layout:{desktop:{cols:[6,6],display:"fill"},mobile:{cols:[12],display:"fill"}},productSetting:{productId:"Latest",initialVariantId:"Latest",productStatus:"dynamic",hasPreSelected:!0}},styles:{verticalGutter:{desktop:"var(--g-s-2xl)"}},childrens:[{tag:"Col",childrens:[{tag:"ProductImagesV2",styles:{position:{desktop:"bottom-center",mobile:"bottom-center"}},settings:{ftDragToScroll:!0,ftNavigationPosition:{desktop:"none"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{tag:"Col",childrens:[{tag:"ProductTitle",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},styles:{verticalGutter:{desktop:"var(--g-s-s)"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"regular"},styles:{}}]},{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"compare"},styles:{color:{normal:"text-1"}}}]}]},{tag:"ProductDescription",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1},styles:{globalSize:{desktop:{width:"100%"}}}},{tag:"DynamicCheckout",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1,label:"Buy it now"},styles:{fullWidth:{desktop:!0}}}]}]}]};export{productDefault,productDynamicProductPage};
+    `},components:[{tag:"Product",settings:{layout:{desktop:{cols:[6,6],display:"fill"},mobile:{cols:[12],display:"fill"}},productSetting:{productId:"Latest",initialVariantId:"Latest",productStatus:"dynamic",hasPreSelected:!0}},styles:{verticalGutter:{desktop:"var(--g-s-2xl)"}},childrens:[{tag:"Col",childrens:[{tag:"ProductImagesV3",styles:{position:{desktop:"bottom-center",mobile:"bottom-center"}},settings:{ftDragToScroll:!0,ftNavigationPosition:{desktop:"none"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{tag:"Col",childrens:[{tag:"ProductTitle",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Row",settings:{layout:{desktop:{cols:[6,6],display:"fit"}},verticalAlign:{desktop:"center"}},styles:{verticalGutter:{desktop:"var(--g-s-s)"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},childrens:[{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"regular"},styles:{}}]},{tag:"Col",childrens:[{tag:"ProductPrice",settings:{priceType:"compare"},styles:{color:{normal:"text-1"}}}]}]},{tag:"ProductDescription",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductVariants",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"Text",settings:{text:"Quantity"},styles:{typo:{type:"paragraph-1"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductQuantity",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}},{tag:"ProductButton",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1},styles:{globalSize:{desktop:{width:"100%"}}}},{tag:"DynamicCheckout",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}},settings:{iconVisible:!1,label:"Buy it now"},styles:{fullWidth:{desktop:!0}}}]}]}]};export{productDefault,productDynamicProductPage};

package/dist/esm/product/settings/product-image-v2/ProductImages.js

@@ -2,7 +2,7 @@ import{SettingUIV1 as t}from"./configs/ui-v1.js";import{SettingUIV2 as e}from"./
   <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M13.3337 14.6666C13.3337 16.1333 12.1337 17.3333 10.667 17.3333C9.20033 17.3333 8.00033 16.1333 8.00033 14.6666C8.00033 13.2 9.20033 12 10.667 12C12.1337 12 13.3337 13.2 13.3337 14.6666ZM27.3741 14.8404C26.9836 14.4499 26.3504 14.4499 25.9599 14.8404L16.667 24.1333L14.0346 21.6062C13.6442 21.2314 13.0267 21.2352 12.6409 21.6145L5.33366 28.8V9.33329H34.667V22.1333L27.3741 14.8404ZM34.667 30.6666H23.2003L18.5337 26L26.667 17.8666L34.667 25.8666V30.6666ZM7.33366 30.6666L13.467 24.6666L19.467 30.6666H7.33366ZM3.66699 6.66663C3.11471 6.66663 2.66699 7.11434 2.66699 7.66663V31.4666V32.3333C2.66699 32.8856 3.11471 33.3333 3.66699 33.3333H25.867H36.3337C36.8859 33.3333 37.3337 32.8856 37.3337 32.3333V30.6666V28.5333V24.8V7.66662C37.3337 7.11434 36.8859 6.66663 36.3337 6.66663H3.66699Z" fill="currentColor"/>
   </svg>
-  `,settings:i,ui:t,uiV2:e,editorConfigs:{placeholder:{flowTag:["Product"],allowAppendTags:["ProductBadge"]},slots:{children:!0}},presets:[{id:"product-image-v2",name:{en:"Product Images"},icon:{desktop:`
+  `,settings:i,ui:t,uiV2:e,editorConfigs:{placeholder:{flowTag:["Product"],allowAppendTags:["ProductBadge"]},slots:{children:!0}},presets:[{id:"product-image-v2-outdated",name:{en:"Product Images"},icon:{desktop:`
           <svg width="70" height="48" viewBox="0 0 70 48" fill="none" xmlns="http://www.w3.org/2000/svg">
           <rect x="10" width="10" height="10" rx="3" transform="rotate(90 10 0)" fill="#494949"/>
           <rect x="10" y="12" width="10" height="10" rx="3" transform="rotate(90 10 12)" fill="#494949"/>
@@ -10,7 +10,7 @@ import{SettingUIV1 as t}from"./configs/ui-v1.js";import{SettingUIV2 as e}from"./
           <rect x="14" width="56" height="48" rx="3" fill="#494949"/>
           <path d="M34.5 18.766L39.495 17.0288C39.495 17.0288 40.1024 18.4454 42.005 18.4454C43.9076 18.4454 44.5083 17 44.5083 17L49.5 18.766L48.6692 23.1222H46.1642V31H37.825V23.1196H35.3325L34.5 18.766Z" fill="#D6D6D6"/>
           </svg>
-        `},components:[{tag:"ProductImagesV2",styles:{position:{desktop:"left",mobile:"bottom-center"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{id:"product-image-vertical-v2",name:{en:"Product Images"},icon:{desktop:`
+        `},components:[{tag:"ProductImagesV2",styles:{position:{desktop:"left",mobile:"bottom-center"}},advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]},{id:"product-image-vertical-v2-outdated",name:{en:"Product Images"},icon:{desktop:`
           <svg width="96" height="56" viewBox="0 0 96 56" fill="none" xmlns="http://www.w3.org/2000/svg">
           <rect x="24.5" width="47" height="42" rx="3" fill="#494949"/>
           <path d="M40.5 15.766L45.495 14.0288C45.495 14.0288 46.1024 15.4454 48.005 15.4454C49.9076 15.4454 50.5083 14 50.5083 14L55.5 15.766L54.6692 20.1222H52.1642V28H43.825V20.1196H41.3325L40.5 15.766Z" fill="#D6D6D6"/>

package/dist/esm/product/settings/product-image-v2/configs/setting-v2/ProductFeatureImage.js

@@ -1,2 +1,2 @@
 import{CAROUSEL_ANIMATION as e}from"../../../../../carousel/plugins/animation.js";let getDefaultResponsive=e=>({desktop:{default:e}}),productFeatureImageSetting=[{id:"hoverEffect",label:"Hover Effect",type:"select",hide:!0,hideOnMode:{mobileOnly:!0},options:[{title:"Zoom",value:"zoom"},{title:"Show other image",value:"other"}],default:"none"},{id:"zoomType",type:"option:value",label:"Zoom Type",hide:!0,default:"default",hideOnMode:{mobileOnly:!0},options:[{label:"Default",value:"default"},{label:"Glasses",value:"glasses"}]},{id:"zoom",type:"input:slider",label:"Zoom Value",min:100,max:200,step:10,default:150,units:["%"],showDefaultUnit:!0,useOnlyUnitInit:!0,isNumber:!0},{id:"otherImage",label:"Other image",type:"dropdown:input",isNumber:!0,isIndexValue:!0,displayOptions:[{label:"Image 1",value:1},{label:"Image 2",value:2},{label:"Image 3",value:3},{label:"Image 4",value:4},{label:"Last image",value:"Last image"}],default:0},{id:"ftClickOpenLightBox",label:"Click Effect",type:"select",options:[{title:"Open gallery",value:"popup"},{title:"Open product",value:"product-link"}],devices:getDefaultResponsive("none")},{id:"ftClickOpenNewTab",type:"option:value",options:[{label:"Yes",value:!0},{label:"No",value:!1}],default:!1},{id:"ftNavigationPosition",label:"Navigation",type:"option:illustration",enableTooltip:!0,options:[{label:"No navigation",value:"none",type:"slide-control",hide:!0},{label:"Outside",value:"outside",type:"slide-control",svgName:"gp-slide-control-outside"},{label:"Inside",value:"inside",type:"slide-control",svgName:"gp-slide-control-inside"}],devices:getDefaultResponsive("none")},{id:"ftLoop",type:"toggle",devices:getDefaultResponsive(!0)},{id:"ftPauseOnHover",label:"Pause On Hover",type:"toggle",hide:!0,default:!0},{id:"ftAnimationSpeed",label:"Slide speed",type:"input:slider",useOnlyUnitInit:!0,min:100,max:5e3,step:50,units:["ms"],showDefaultUnit:!0,isNumber:!0,default:500},{id:"ftAnimationMode",label:"Animation",type:"select",default:e.EASE_OUT.value,options:[{label:"Ease in",value:e.EASE_IN.value},{label:"Ease out",value:e.EASE_OUT.value},{label:"Ease in out",value:e.EASE_IN_OUT.value}]},{id:"ftArrowIcon",type:"icon",hide:!0,label:"Custom Arrow",info:"Choose from list or paste any SVG icon",default:`<svg height="20" width="20" data-name="caret-right-regular" xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 256 256" fill="currentColor" data-id="508418455613473128">
-              <path fill="currentColor" strokeLinecap="round" strokeLinejoin="round" fill="currentColor" d="M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z" /></svg>`},{id:"ftArrowIconColor",label:"Icon color",type:"color-picker-v2",default:"#121212"},{id:"ftArrowIconSize",label:"Number per show",type:"input:stepper",min:1,devices:{desktop:{default:16}}},{id:"ftDragToScroll",label:"Drag to scroll",type:"toggle",hide:!0,default:!0},{id:"ftArrowNavColor",label:"Nav. color",type:"color-picker-v2",default:"brand"},{id:"ftArrowNavSize",type:"size-setting",settingConfig:{width:{name:"Width",units:["px"],displayOptions:["auto"]},height:{name:"Height",units:["px"],displayOptions:["auto"]}},default:{width:"Auto",height:"Auto",padding:{top:"12px",bottom:"12px",left:"12px",right:"12px"},shapeLinked:!0,shape:"square",shapeValue:"1/1"},hiddenSettings:["gap","padding","proportion"]},{id:"ftArrowNavBorder",label:"Nav. border",type:"border",compoDefaultValue:{color:"line-3",borderType:"none",border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1}},{id:"ftArrowNavRadius",label:"Nav. corner",type:"radius-preset",default:{btrr:"9999px",bblr:"9999px",bbrr:"9999px",btlr:"9999px",radiusType:"circle"}},{id:"ftArrowNavShadow",type:"shadow-v2"},{id:"ftDotStyle",label:"Dot style",type:"option:illustration",enableTooltip:!0,options:[{label:"None",value:"none",type:"carousel-dot",hide:!0},{label:"Inside",value:"inside",type:"carousel-dot",svgName:"gp-carousel-dot-inside"},{label:"Outside",value:"outside",type:"carousel-dot",svgName:"gp-carousel-dot-outside"}],devices:{desktop:{default:"none"}}},{id:"ftDotSize",label:"Dots size",type:"input:stepper",min:1,devices:{desktop:{default:16}}},{id:"ftDotGapToCarousel",label:"Gap to carousel",type:"input:slider",min:0,max:80,isNumber:!0,ignoreMax:!0,devices:{desktop:{default:16}}},{id:"ftDotColor",label:"Dot color",type:"color-picker-v2",devices:{desktop:{default:"#121212"}}},{id:"ftDotActiveColor",label:"Dot color active",type:"color-picker-v2",devices:{desktop:{default:"#FFFFFF"}}}],productSelectDisplaySetting=[{id:"typeDisplay",type:"select",options:[{title:"All images",value:"all-images"},{title:"Select manually",value:"select-manual"}],default:"all-images"},{id:"preDisplay",type:"select",label:"Pre-display",default:"1st-available-variant",options:[{title:"1st available variant",value:"1st-available-variant"},{title:"1st image",value:"1st-images"},{title:"1st video",value:"1st-video"},{title:"1st 3D model",value:"1st-3d-mode"}]}],productFeatureImageStyle=[{id:"ftShape",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"100%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full"]}},hiddenSettings:["padding","gap"]},{id:"ftLayout",type:"option:illustration",enableTooltip:!0,label:"Image scale",options:[{label:"Fill image",value:"cover",type:"image",svgName:"gp-image-cover"},{label:"Fit image",value:"contain",type:"image",svgName:"gp-image-contain"}],devices:getDefaultResponsive("cover")},{id:"ftCorner",type:"radius-preset",label:"Corner",default:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"},state:{hover:!0,normal:!0}}];export{productFeatureImageSetting,productFeatureImageStyle,productSelectDisplaySetting};
+              <path fill="currentColor" strokeLinecap="round" strokeLinejoin="round" fill="currentColor" d="M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z" /></svg>`},{id:"ftArrowIconColor",label:"Icon color",type:"color-picker-v2",default:"#121212"},{id:"ftArrowIconSize",label:"Number per show",type:"input:stepper",min:1,devices:{desktop:{default:16}}},{id:"ftDragToScroll",label:"Drag to scroll",type:"toggle",hide:!0,default:!0},{id:"ftArrowNavColor",label:"Nav. color",type:"color-picker-v2",default:"#FFFFFF"},{id:"ftArrowNavBorder",label:"Nav. border",type:"border",compoDefaultValue:{color:"line-3",borderType:"none",border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1}},{id:"ftArrowNavRadius",label:"Nav. corner",type:"radius-preset",default:{btrr:"9999px",bblr:"9999px",bbrr:"9999px",btlr:"9999px",radiusType:"circle"}},{id:"ftArrowNavShadow",type:"shadow-v2"},{id:"ftDotStyle",label:"Dot style",type:"option:illustration",enableTooltip:!0,options:[{label:"None",value:"none",type:"carousel-dot",hide:!0},{label:"Inside",value:"inside",type:"carousel-dot",svgName:"gp-carousel-dot-inside"},{label:"Outside",value:"outside",type:"carousel-dot",svgName:"gp-carousel-dot-outside"}],devices:{desktop:{default:"none"}}},{id:"ftDotSize",label:"Dots size",type:"input:stepper",min:1,devices:{desktop:{default:16}}},{id:"ftDotGapToCarousel",label:"Gap to carousel",type:"input:slider",min:0,max:80,isNumber:!0,ignoreMax:!0,devices:{desktop:{default:16}}},{id:"ftDotColor",label:"Dot color",type:"color-picker-v2",devices:{desktop:{default:"#121212"}}},{id:"ftDotActiveColor",label:"Dot color active",type:"color-picker-v2",devices:{desktop:{default:"#FFFFFF"}}}],productSelectDisplaySetting=[{id:"typeDisplay",type:"select",options:[{title:"All images",value:"all-images"},{title:"Select manually",value:"select-manual"}],default:"all-images"},{id:"preDisplay",type:"select",label:"Pre-display",default:"1st-available-variant",options:[{title:"1st available variant",value:"1st-available-variant"},{title:"1st image",value:"1st-images"},{title:"1st video",value:"1st-video"},{title:"1st 3D model",value:"1st-3d-mode"}]}],productFeatureImageStyle=[{id:"ftShape",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"100%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full"]}},hiddenSettings:["padding","gap"]},{id:"ftLayout",type:"option:illustration",enableTooltip:!0,label:"Image scale",options:[{label:"Fill image",value:"cover",type:"image",svgName:"gp-image-cover"},{label:"Fit image",value:"contain",type:"image",svgName:"gp-image-contain"}],devices:getDefaultResponsive("cover")},{id:"ftCorner",type:"radius-preset",label:"Corner",default:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"},state:{hover:!0,normal:!0}}];export{productFeatureImageSetting,productFeatureImageStyle,productSelectDisplaySetting};