@gem-sdk/components 3.0.0-pre-production.14 → 3.0.0

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

@@ -0,0 +1,197 @@
+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,P=m?.pageType==="GP_FUNNEL_PAGE";if(P)return"";let{hasRelatedExclude:$,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}=u(g),F=()=>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 = ${$}
+            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 = ${$}
+            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
+      `)}
+  `,j=()=>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
+              for collection in collections
+                if collection.id == ${_}
+                  assign target_collection = collection
+                  break
+                endif
+              endfor
+            endif
+          endif
+          paginate target_collection.products by ${E||4}
+            assign products = target_collection.products ${R?S:""} ${b?"| reverse":""}
+          endpaginate
+        else
+          if productSrc == 'RelatedProduct'
+            ${F()}
+          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
+              for collection in collections
+                if collection.id == ${_}
+                  assign target_collection = collection
+                  break
+                endif
+              endfor
+            endif
+            paginate target_collection.products by ${E||4}
+              assign products = target_collection.products ${R?S:""} ${b?"| reverse":""}
+            endpaginate
+          endif
+        endif
+      -%}
+    `,{productListWrapStyle:w,productListContentStyle:H,productListWrapAlignStyle:q}=c(g),{productListWrapClass:G}=l(g),B=()=>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="${G}"
+      style="${w}"
+    >
+      <div class='gp-flex gp-w-full' style="${q}">
+        <div
+          style="${H}"
+        >
+          {%- assign gpBkProduct = product -%}
+          {%- assign gpBkProducts = products -%}
+          ${j()}
+          ${B()}
+          {%- assign product = gpBkProduct -%}
+          {%- assign products = gpBkProducts -%}
+        </div>
+      </div>
+    </div>
+  `};export{ProductList as default};

package/dist/esm/product/components/product-list/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=o=>{let{pageContext:n,children:a}=o,{productItemClass:r,gpProductClass:c}=e(o);return t`
+      <gp-product
+        gp-context='{"variantSelected": {{ variant | 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(n)}}'
+        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/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/components/root/Carousel.js";import m from"../../../carousel/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:L}=a(d),{carouselItemStyle:g}=c(d),{carouselClass:D,productItemClass:I}=n(d);return o(s,{advanced:j,builderProps:{uid:u?.uid},rootAttrs:{...b},rootClass:D,setting:y,styles:C,children:f?.map(r=>o(m,{style:g,children:o(t,{product:r,readOnly:!0,children:o("div",{..."edit"===h?L(r?.baseID):{},className:I,children:e(p)?o(i,{}):p})})},r?.baseID))})};export{ProductListCarouselLayout as default};

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

@@ -0,0 +1,22 @@
+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: "${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 '${n}' == '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/ProductListGridItem.liquid.js

@@ -0,0 +1,19 @@
+import{template as t,RenderChildren as e}from"@gem-sdk/core";import{getClass as o}from"./common/classes.js";import{getStyle as n}from"./common/styles.js";let ProductListItem=a=>{let{pageContext:r,rawChildren:c}=a,{productItemStyle:d}=n(a),{productItemClass:i,gpProductClass:s}=o(a),l=()=>t`
+      ${c?.map((o,n)=>{if(o)return t`
+            ${e({...o,index:n,style:{...o.style,...d}})}
+          `})}
+    `;return t`
+      <gp-product
+        gp-context='{"variantSelected": {{ variant | 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(r)}}'
+        class="${s}"
+
+      >
+        {%- form 'product', product, id: product_form_id, class: 'form contents ${i}',  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>
+          ${l()}
+        {%- endform -%}
+      </gp-product>
+  `};export{ProductListItem as default};

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

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{Children as t,isValidElement as o,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,productItemStyle:j}=a(p),{gridLayoutClass:b,productItemClass:L}=d(p),{productListAttr:k,getAttrProductItemEditor:v}=c(p);return r("div",{...k,style:g,className:b,children:u?.length?u?.map((m,a)=>r(i,{product:m,readOnly:!0,children:r("div",{..."edit"===h?v(m?.baseID):{},className:L,style:{"--grchild":f?.sameHeight?y?.[a]?.gridRow:void 0,"--mbchild":y?.[a]?.marginBottom},children:s(n)?r(l,{}):t.map(n,r=>o(r)?e(r.type,{...r.props,parentStyle:j,key:r.key}):null)})},m?.baseID)):null})};export{ProductListGridLayout as default};

package/dist/esm/product/components/product-list/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/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/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/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/components/dot/common/helpers.js";let getData=e=>{let{setting:r,styles:d}=e,c=r?.productSetting??{},l="RelatedProduct"===c.productSrc,i=o(r?.dot,r?.dotStyle),a={dotSize:{desktop:12},dotGapToCarousel:{desktop:16},arrowIconSize:{desktop:24},showWhenHover:!1,rtl:!1,...r};delete a.childItem;let u={...d,sizeSetting:{...t({adaptiveHeight:d?.adaptiveHeight,height:d?.height,fullWidth:{desktop:!0}})},spacing:d?.spacing};return delete u.backgroundColor,delete u.backgroundImage,{isRelatedProduct:l,productSetting:c,dotStyle:i,carouselConfigSetting:a,carouselConfigStyle:u}},getDataLiquid=t=>{let{setting:o,styles:r}=t,d=o?.productSetting,c=d?.relatedTag,l=d?.hasRelatedExclude,i=(c&&"collection"===c[0]?d?.relatedCollectionExclude:d?.relatedTagsExclude)??"",a=i?.split(",").map(t=>t.trim()).toString(),u=d?.productSrc??"Collection",p=d?.collectionId?.replace(PREFIX_COLLECTION_ID,"")??"latest",n=d?.productSrc==="PickProduct"&&d?.productIds?.length===0,s=r?.layout==="grid",g=e(o?.numberOfProducts,4),I="PickProduct"===u&&d?.productIds?.length?d?.productIds.map(t=>t.replace(PREFIX_PRODUCT_ID,"")):[],m="PickProduct"===u&&d?.productHandles?.length?d?.productHandles:[],P=o?.orderBy&&o?.orderBy!=="none",h=(d?.productSrc==="Collection"||d?.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:d?.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:d,isSorted:P,relatedTag:c,productNumber:E()}},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/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 i,getRadiusStyleActiveState as m,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/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","d"],u),T=e(w?.itemPadding),C=b({...k}),x=b({...t("jc",w?.align||{desktop:"center"})}),y=b({...f,...t("w",c(w?.width).content),...r({backgroundColor:w?.backgroundColor,backgroundImage:w?.backgroundImage})}),v=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:i(w?.borderContent?.color)}),...m({...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:v,carouselItemStyle:j,productListWrapStyle:C,productListContentStyle:y,productListWrapAlignStyle:x,productItemStyle:z}};export{getStyle};

package/dist/esm/product/components/product-price/ProductPrice.js

@@ -0,0 +1,2 @@
+'use client';
+import{jsxs as e,jsx as r,Fragment as t}from"react/jsx-runtime";import o from"../../../text/components/Text.js";import{createClass as i,createAttr as m}from"@gem-sdk/system";import{getWrapperClasses as s}from"./common/classes.js";import{getAttrs as c}from"./common/attrs.js";import{getTextProps as p}from"./common/helpers.js";import{useGpPrice as l}from"./hooks/useGpPrice.js";import{useEditorMode as d,filterToolbarPreview as a}from"@gem-sdk/core";let ProductPrice=n=>{let{style:f,children:g}=n,h=d(),x="edit"===h,{elementRef:u,moneyFormatted:j,currentProductId:y,isNoComparePrice:P,isNoComparePriceILP:k,emitNoDataSignal:N}=l(n),v=i(s(n)),b=m(c(n,y)),w=p(n,j),C={visibility:"hidden",opacity:0,maxWidth:0,maxHeight:0},G=k?C:f;return e("div",{ref:u,...b,className:v,style:G,"aria-hidden":"true",onClick:N,children:[P&&x?r(t,{children:r("div",{className:"gp-flex-col gp-flex gp-justify-between gp-p-2",children:r("p",{className:"gp-text-[#212121] gp-text-[12px] gp-leading-3 ",children:"No compare price"})})}):e(t,{children:[r(o,{...w}),g]}),a(g,!0)]})};export{ProductPrice as default};

package/dist/esm/product/components/product-price/ProductPrice.liquid.js

@@ -0,0 +1,11 @@
+import{template as r,dataStringify as e,isLocalEnv as o,baseAssetURL as s}from"@gem-sdk/core";import{getSettingPreloadData as c}from"../../../helpers.js";import t from"../../../text/components/Text.liquid.js";import{createClass as p,createAttr as m,createStateOrContext as i,Liquid as l}from"@gem-sdk/system";import{getWrapperClasses as a}from"./common/classes.js";import{getAttrs as d}from"./common/attrs.js";import{getTextProps as u}from"./common/helpers.js";let ProductPrice=n=>{let{style:f,setting:y,builderProps:$,pageContext:h}=n,g=p(a(n)),P=m(d(n)),j=u(n),_=i({priceType:y?.priceType,uid:$?.uid,locale:"{{shop.locale}}",currency:"{{shop.currency}}",moneyFormat:`{{ ${h?.showPriceCurrency?"shop.money_with_currency_format":"shop.money_format"} | replace: '"', '\\"' | escape }}`}),S=()=>{let r=o?"{{ 'gp-product-price-v7-5.js' | asset_url }}":`${s}/assets-v2/gp-product-price-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${c('class="gps-link" delay',"src")}="${r}" defer="defer"></script>`};return l(r`
+      <gp-product-price
+        ${P}
+        class="${g}"
+        style="${f}"
+        gp-data='${e(_)}'
+      >
+        ${t(j)}
+      </gp-product-price>
+      ${S()}
+  `)};export{ProductPrice,ProductPrice as default};

package/dist/esm/product/components/product-price/common/attrs.js

@@ -0,0 +1 @@
+import{filterTruthyObject as e}from"../../../../helpers.js";let getAttrs=(t,r)=>{let{builderAttrs:a,setting:i,builderProps:d}=t,p=i?.priceType==="compare";return e({...a,id:`shopify-text-element-${d?.uid}`,"data-id":d?.uid,"data-product-id":r,"data-hidden":!!p&&"{% if variant.compare_at_price > variant.price and variant.compare_at_price >= 0 %}false{% else %}true{% endif %}"})};export{getAttrs};

package/dist/esm/product/components/product-price/common/classes.js

@@ -0,0 +1 @@
+let getWrapperClasses=e=>{let{builderProps:s,classNames:a,advanced:t}=e;return{"gp-product-price group-data-[state=loading]:gp-invisible data-[hidden=true]:gp-hidden":!0,...s?.uid&&{[s.uid]:!0},...t?.cssClass&&{[t.cssClass]:!0},...a&&{[a]:!0}}};export{getWrapperClasses};

package/dist/esm/product/components/product-price/common/helpers.js

@@ -0,0 +1,11 @@
+import{getGlobalColorClass as e,cls as r}from"@gem-sdk/core";let getTextProps=(i,o)=>{let{setting:c,styles:t,builderProps:n,classNames:p,pageContext:a}=i,l=c?.priceType==="compare",m=e("decoration",t?.lineColor),y=()=>`
+      {% if variant.compare_at_price  %}
+        {{ variant.compare_at_price | ${a?.showPriceCurrency?"money_with_currency":"money"}}}
+      {% else %}
+
+      {% endif %}
+    `,s=()=>`
+     {% if variant.price %}
+       {{ variant.price | ${a?.showPriceCurrency?"money_with_currency":"money"}}}
+     {% endif %}
+   `;return{id:`p-price-${n?.uid}`,styles:{...t,lineThrough:l&&t?.lineThrough,lineColor:{normal:t?.lineColor},opacity:c?.opacityPrice},setting:{text:o??`${l?y():s()}`,excludeFlex:!0},className:r("gp-price",{"gp-money":!l,"gp-product-compare-price":l},m,p)}};export{getTextProps};

package/dist/esm/product/components/product-price/hooks/useGpPrice.js

@@ -0,0 +1 @@
+import{useRef as e,useMemo as r}from"react";import{useTransition as t}from"../../product-variants/common/common.js";import{useEditorMode as c,useQuantity as i,useCurrentVariant as a,useProductBundleDiscount as n,useInteraction as o,useProduct as u,useShopStore as p,useFormatMoney as d}from"@gem-sdk/core";let useGpPrice=l=>{let{setting:m,builderProps:s}=l,g=e(null),b=c(),{quantity:h,hasUpdatePrice:y}=i(),P=a(),{useProductCompareAtPrice:v}=n(),f=l["bundle-item"],w=P?.price??0,V=P?.salePrice??0,k=m?.priceType==="compare",{trigger:q}=o(),T=u(),x=T?.baseID?.replace("gid://shopify/Product/",""),C=p(e=>e.showPriceCurrency),E=r(()=>f?.quantity?f.quantity:y&&h||1,[h,y,f?.quantity]),G=r(()=>{let e=Number(f?.discountValue);return f?.discountType==="percentage"?w*E*e/100:e},[f?.discountType,f?.discountValue,w,E]),$=r(()=>f?.discountValue?v?(V||w)*E:w*E:V*E,[f?.discountValue,w,E,V,v]),j=r(()=>{let e=w*E;return k?$:G?Math.max(0,e-G):e},[w,E,G,$,k]),D=(e,r)=>{q({event:"price"===r?"gp:rollback:price-change":"gp:rollback:compare-price-change",selector:`[data-id="${s?.uid}"]`,element:g.current}),q({event:"price"===r?"gp:price-change":"gp:compare-price-change",data:e,selector:`[data-id="${s?.uid}"]`,element:g.current})};t(e=>{e!==w&&D(w,"price")},[w]),t(e=>{e!==V&&D(V,"compare")},[V]);let I=()=>{if("edit"!==b)return;let e=new CustomEvent("editor:product-source-no-data-warning",{bubbles:!0,detail:{uid:s?.uid,value:!j&&k,tag:"ProductPrice"}});window.dispatchEvent(e)},M=d(j??0,C||!1),N=k&&!j,z="edit"!==b&&N;return{elementRef:g,moneyFormatted:M,currentProductId:x,isNoComparePrice:N,isNoComparePriceILP:z,emitNoDataSignal:I}};export{useGpPrice};

package/dist/esm/product/components/product-properties/ProductProperties.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useUniqProductID as r,useProductStore as o,usePrevious as l,useProduct as a,useInteraction as i,validateEmail as s}from"@gem-sdk/core";import{useState as d,useRef as n,useCallback as c,useEffect as m,useMemo as u}from"react";import p from"./property-choice/ProductPropertyChoice.js";import g from"./property-input/ProductPropertyInput.js";import f from"./property-select/ProductPropertySelect.js";import{createAttr as h,createStyle as v,createClass as y}from"@gem-sdk/system";import{getLabelContent as w}from"./common/helpers.js";import{getWrapperStyles as C,getLabelStyles as P,getLabelContentStyles as b,getWrapperErrorMessageStyles as x}from"./common/styles.js";import{getWrapperTSXAttrs as j}from"./common/attrs.js";import{getLabelClasses as k,getWrapperErrorMessageClasses as N}from"./common/classes.js";let ProductProperties=({setting:$,styles:I,builderProps:M})=>{let{name:S,label:V,type:Z,required:L,minChar:R,maxChar:q,numberOnly:B,minNumber:D,maxNumber:E,childItem:F,requiredMessage:z,invalidEmailMessage:A,invalidLengthMessage:G,invalidNumberMessage:H}=$??{},{isDisplayLabel:J=!0}=I??{},K=r(),O=o(e=>e.updateProperty),Q=o(e=>e.addProperty),T=o(e=>e.isSubmit),[U,W]=d(""),[X,Y]=d(!1),[_,ee]=d([]),et=l(S),er=a(),eo=n(null),{trigger:el}=i(),ea=c((e,t)=>{el({event:"gp:rollback:option-selected",selector:`[data-id="${M?.uid}"`,element:t}),el({event:"gp:option-selected",data:e,selector:`[data-id="${M?.uid}"`,element:t})},[M?.uid,el]),ei=c(e=>{if(window.interactionLoaded){e();return}window.addEventListener("gp:flow-actions-loaded",()=>{e()})},[]);m(()=>{if("dropdown"===Z){let e=eo.current?.querySelector("select")?.value;ei(()=>{ea(e,eo.current)})}},[ea,ei,Z]),m(()=>{S&&(et?O(et,{key:S,value:U,required:L}):Q({key:S,value:"",required:L}))},[Q,et,O,S,L,U]);let es=c(e=>{let t=e?.length??0;return!L&&0===t||(B?(Number(D)||0)<=Number(e)&&Number(t)<=(Number(E)||0):(R??0)<=t&&t<=(q??0))},[q,E,R,D,B,L]),ed=c(e=>L&&!e?{message:z}:B&&e&&!/^\d+$/.test(e)?{message:H}:es(e)?void 0:{message:G},[es,B,L,z,G,H]),en=c(e=>{if(!e?.trim()||!s(e))return{message:A}},[A]),ec=c(e=>{if(!e?.trim()&&L)return{message:z}},[L,z]),em=c(e=>{if(L&&(!e||e.length<=0))return{message:z}},[L,z]),eu=e=>{if(Y(!0),"checkbox"===Z){let t=[];ee(t=e.target.checked?[..._,e.target.value]:_.filter(t=>t!==e.target.value)),ea(t,eo.current),O(e.target.name,{value:t.join(", ")})}else W(e.target.value),ea(e.target.value,eo.current),O(e.target.name,{value:e.target.value})},ep=e=>{Y(!0),W(e.target.value),ea(e.target.value,eo.current),O(e.target.name,{value:e.target.value})},eg=u(()=>{let e=()=>{switch(Z){case"email":return en(U);case"checkbox":return em(_);case"radio":case"dropdown":return ec(U);default:return ed(U)}},t=e()?.message,r=void 0!==U&&""!==U,o=!T&&!X||!t;return{isValid:o,isRequired:r,message:t}},[U,T,X,Z,en,em,_,ec,ed]),ef=er?.baseID?.replace("gid://shopify/Product/",""),eh=h({...j(M?.uid,ef)}),ev=v({...C(I)}),ey=v({...P(I)}),ew=y({...k(I)}),eC=v({...b()}),eP=w($),eb=y({...N(),"gp-hidden":eg.isValid}),ex=v({...x(I)});return e("div",{...eh,style:ev,id:`shopify-text-element-${M?.uid}`,ref:eo,children:[J&&t("div",{children:e("label",{htmlFor:`${K}-${S}`,className:ew,style:ey,children:[V,t("span",{style:eC,children:eP})]})}),e("div",{children:["dropdown"===Z&&t(f,{setting:{...$,handleChangeOption:ep},styles:I}),("checkbox"===Z||"radio"===Z)&&t(p,{setting:{...$,childItem:F,name:S,handleChange:eu},currentProductId:ef,styles:I,defaultName:M?.uid}),("text"===Z||"textarea"===Z||"email"===Z||"hidden"===Z)&&t(g,{setting:{...$,handleChange:eu,validationData:eg},styles:I}),e("div",{className:eb,style:ex,children:[t("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",children:t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8ZM8 10.5C7.58579 10.5 7.25 10.8358 7.25 11.25C7.25 11.6642 7.58579 12 8 12C8.41421 12 8.75 11.6642 8.75 11.25C8.75 10.8358 8.41421 10.5 8 10.5ZM8.5 4C8.5 3.72386 8.27614 3.5 8 3.5C7.72386 3.5 7.5 3.72386 7.5 4V9C7.5 9.27614 7.72386 9.5 8 9.5C8.27614 9.5 8.5 9.27614 8.5 9V4Z",fill:"currentColor"})}),t("span",{className:"gp-pl-1",children:eg.message})]})]})]})};export{ProductProperties as default};

package/dist/esm/product/components/product-properties/ProductProperties.liquid.js

@@ -0,0 +1,39 @@
+import{composeClasses as r,template as e,RenderIf as t,isLocalEnv as s,baseAssetURL as o}from"@gem-sdk/core";import p from"./property-choice/ProductPropertyChoice.liquid.js";import l from"./property-input/ProductPropertyInput.liquid.js";import i from"./property-select/ProductPropertySelect.liquid.js";import{getSettingPreloadData as d}from"../../../helpers.js";import{createAttr as c,createStyle as m,createClass as a}from"@gem-sdk/system";import{getContents as n,getLabelContent as u}from"./common/helpers.js";import{getWrapperLiquidAttrs as $,getWrapperErrorMessageAttrs as y}from"./common/attrs.js";import{getWrapperStyles as f,getLabelStyles as g,getLabelContentStyles as h,getWrapperErrorMessageStyles as v}from"./common/styles.js";import{getLabelClasses as C,getLiquidTagClasses as P,getLabelWrapperClasses as j,getWrapperErrorMessageClasses as w}from"./common/classes.js";let ProductProperties=({setting:x,styles:S,builderProps:k,advanced:E,pageContext:M})=>{let{name:b,type:q,childItem:V,translate:Z}=x??{},{isDisplayLabel:A=!0}=S??{};x&&!b&&(x.name="Property");let G=k?.uid,{displayLabel:I}=n(G,M,x),_=c({...$(G,M,x)}),B=m({...f(S)}),F=m({...g(S)}),N=a({...C(S)}),O=a({...P(x)}),R=a({...j(E)}),T=m({...h()}),z=u(x),D=a({...w(),...r("data-[hidden=true]:gp-hidden")}),H=m({...v(S)}),J=c({...y()});return e`
+    <gp-product-property ${{..._}} class="${O}"
+      style="${B}"
+    >
+      ${t(A,e`<div class="${R}">
+        <label htmlFor="${G}-${b}" class="${N}" style="${F}">
+          ${I}
+          <span style="${T}">${z}</span>
+        </label>
+      </div>`)}
+
+      <div>
+        ${t("dropdown"===q,i({setting:x,styles:S,builderProps:k,pageContext:M}))}
+        ${t("checkbox"===q||"radio"===q,p({setting:{...x,childItem:V,name:b,translate:Z},styles:S,builderProps:k,pageContext:M}))}
+        ${t("text"===q||"textarea"===q||"email"===q||"hidden"===q,l({setting:x,styles:S,builderProps:k,pageContext:M}))}
+        <div
+          ${{...J}}
+          class="${D}"
+          style="${H}"
+        >
+          <svg
+            width="16"
+            height="16"
+            viewBox="0 0 16 16"
+            fill="currentColor"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              fill-rule="evenodd"
+              clip-rule="evenodd"
+              d="M15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8ZM8 10.5C7.58579 10.5 7.25 10.8358 7.25 11.25C7.25 11.6642 7.58579 12 8 12C8.41421 12 8.75 11.6642 8.75 11.25C8.75 10.8358 8.41421 10.5 8 10.5ZM8.5 4C8.5 3.72386 8.27614 3.5 8 3.5C7.72386 3.5 7.5 3.72386 7.5 4V9C7.5 9.27614 7.72386 9.5 8 9.5C8.27614 9.5 8.5 9.27614 8.5 9V4Z"
+              fill="currentColor"
+            ></path>
+          </svg>
+          <span data-slot-type="message-content" class="gp-pl-1"></span>
+        </div>
+      </div>
+    </gp-product-property>
+    ${t(s,`<script ${d('class="gps-link" delay',"src")}="{{ 'gp-product-property-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${d('class="gps-link" delay',"src")}="${o}/assets-v2/gp-product-property-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}`};export{ProductProperties as default};

package/dist/esm/product/components/product-properties/common/attrs.js

@@ -0,0 +1 @@
+import{getContents as e}from"./helpers.js";let getWrapperLiquidAttrs=(t,r,a)=>{let{invalidNumberMessageDisplay:s,invalidEmailMessageDisplay:i,requiredMessageDisplay:d,invalidLengthMessageDisplay:p}=e(t,r,a);return{"data-id":t??"","data-invalid":!1,"data-gp-setting":JSON.stringify(a).replaceAll('"',"""),"data-translate-setting":JSON.stringify({requiredMessage:d,invalidEmailMessage:i,invalidLengthMessage:p,invalidNumberMessage:s}).replaceAll('"',""")}},getWrapperTSXAttrs=(e,t)=>({"data-product-id":t??"","data-id":e??""}),getWrapperErrorMessageAttrs=()=>({"data-slot-type":"message","data-hidden":"true"});export{getWrapperErrorMessageAttrs,getWrapperLiquidAttrs,getWrapperTSXAttrs};

package/dist/esm/product/components/product-properties/common/classes.js

@@ -0,0 +1 @@
+import{composeClasses as e,composeTypographyClassName as s,getGlobalColorClass as r}from"@gem-sdk/core";let getLiquidTagClasses=s=>{let{type:r}=s??{};return{...e(`gp-block gp-group gp-property_${r}`)}},getLabelClasses=g=>{let{labelBgColor:t,labelTextColor:p,labelTypography:a,labelTypo:l}=g??{},o=s(l,a),C=r("bg",t),b=r("text",p);return{...e(o),...e(C),...e(b)}},getLabelWrapperClasses=s=>({...e(s?.cssClass)}),getWrapperErrorMessageClasses=()=>({...e("gp-flex gp-flex-row gp-items-center gp-pt-1 gp-text-sm gp-text-g-error")});export{getLabelClasses,getLabelWrapperClasses,getLiquidTagClasses,getWrapperErrorMessageClasses};

package/dist/esm/product/components/product-properties/common/helpers.js

@@ -0,0 +1 @@
+import{getDynamicSourceLocales as e}from"../../../../helpers.js";let getContents=(t,i,n)=>{let{label:l,translate:s,invalidNumberMessage:a,invalidEmailMessage:d,requiredMessage:g,invalidLengthMessage:r}=n??{},u=e({val:l,uid:t,settingId:"label",pageContext:i,translate:s}),v=e({val:a,uid:t,settingId:"invalidNumberMessage",pageContext:i,translate:s}),o=e({val:d,uid:t,settingId:"invalidEmailMessage",pageContext:i,translate:s}),I=e({val:g,uid:t,settingId:"requiredMessage",pageContext:i,translate:s}),b=e({val:r,uid:t,settingId:"invalidLengthMessage",pageContext:i,translate:s});return{displayLabel:u,invalidNumberMessageDisplay:v,invalidEmailMessageDisplay:o,requiredMessageDisplay:I,invalidLengthMessageDisplay:b}},getLabelContent=e=>{let{label:t,required:i}=e??{};return i&&t?" *":""};export{getContents,getLabelContent};

package/dist/esm/product/components/product-properties/common/styles.js

@@ -0,0 +1 @@
+import{makeStyleResponsive as e,composeTypographyStyle as t,getGlobalColorClass as r,makeStyle as l}from"@gem-sdk/core";let getWrapperStyles=t=>{let{textAlign:r}=t??{};return{...e("ta",r)}},getLabelStyles=e=>{let{labelBgColor:s,labelTextColor:a,labelTypography:g,labelTypo:o}=e??{},p=t(o,g),n=r("bg",s),y=r("text",a);return{...l({bg:""===n?s:void 0,c:""===y?a:void 0,tt:e?.labelTransform}),...p}},getLabelContentStyles=()=>({...l({c:"red"}),"":""}),getWrapperErrorMessageStyles=t=>{let{textAlign:r}=t??{};return{...e("jc",r)}};export{getLabelContentStyles,getLabelStyles,getWrapperErrorMessageStyles,getWrapperStyles};

package/dist/esm/product/components/product-properties/property-choice/ProductPropertyChoice.js

@@ -0,0 +1,2 @@
+'use client';
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useUniqProductID as o}from"@gem-sdk/core";import{getPPCWrapperClasses as t,getPPCLabelClasses as s,getPPCWrapperClassesMain as m}from"./common/getProductPropertiesChoiceClasses.js";import{getPPCWrapperStyles as i,getPPCContainerStyles as c,getPPCLabelStyles as l,getPPCInputStyles as a}from"./common/getProductPropertiesChoiceStyles.js";import{getPPCInlineStyleChoice as d}from"./common/getProductPropertiesChoiceInlineCss.js";import{createClass as n,createStyle as p}from"@gem-sdk/system";let ProductPropertyChoice=({setting:h,styles:u,defaultName:y,currentProductId:P})=>{let C=o(),{name:$,type:f,handleChange:g,childItem:j}=h??{},{valueTextColor:v}=u??{},N=`${($||y)??""}-${P}`,k=d(y,v),x=n({...t()}),b=n({...s(u)}),F=p({...i(u)}),I=n({...m()}),S=p({...c(u)}),q=p({...l(u)}),w=p({...a(u)});return e("div",{style:F,className:I,children:[r("style",{children:k}),j?.map((o,t)=>e("div",{style:S,className:x,children:[r("input",{type:f,id:`${C}-${N}-${t}`,name:N,value:o,style:w,onChange:g}),r("label",{htmlFor:`${C}-${N}-${t}`,className:b,style:q,children:o})]},t))]})};export{ProductPropertyChoice as default};

package/dist/esm/product/components/product-properties/property-choice/ProductPropertyChoice.liquid.js

@@ -0,0 +1,24 @@
+import{makeStyleResponsive as e,makeWidth as o,template as r}from"@gem-sdk/core";import{getPPCInlineStyleChoice as t}from"./common/getProductPropertiesChoiceInlineCss.js";import{getDynamicSourceLocales as s}from"../../../../helpers.js";import{createClass as i,createStyle as m,createAttr as c}from"@gem-sdk/system";import{getPPCWrapperClasses as l,getPPCLabelClasses as $,getPPCWrapperClassesMain as d}from"./common/getProductPropertiesChoiceClasses.js";import{getPPCContainerStyles as p,getPPCLabelStyles as u,getPPCInputStyles as a}from"./common/getProductPropertiesChoiceStyles.js";import{getPPCInputAttrs as n}from"./common/getProductPropertiesChoiceAttrs.js";let ProductPropertyChoice=({setting:P,styles:f,builderProps:y,pageContext:h,attributes:C})=>{let g=y?.uid,{name:j,type:v,childItem:b,translate:k}=P??{},{valueTextColor:I,fullWidth:_,width:x}=f??{},w=e("w",o(x,_)),A=`properties[${j}]`,S=t(g,I),q=i({...l()}),z=i({...$(f)}),B=m({...p(f)}),D=i({...d()}),E=m({...u(f)}),F=c({...n(C)}),G=m({...a(f)});return r`<div style="${{...w}}" class="${D}">
+      <style>${S}</style>
+
+      ${b?.map((e,o)=>{let t=s({val:e,uid:g,settingId:`childItem_${o}`,pageContext:h,translate:k});return r`
+            <div class="${q}" style="${B}">
+              <input
+                ${{...F}}
+                type="${v}"
+                id="${g}-${j}-${o}"
+                name="${"radio"===v||"checkbox"===v?A:`${A}[]`}"
+                value="${t}"
+                style="${G}"
+                form="{{ product_form_id }}"
+              />
+              <label
+                for="${g}-${j}-${o}"
+                class="${z}"
+                style="${E}"
+              >
+                ${t}
+              </label>
+            </div>`}).join("")}
+      </div>
+  `};export{ProductPropertyChoice as default};

package/dist/esm/product/components/product-properties/property-choice/common/getProductPropertiesChoiceAttrs.js

@@ -0,0 +1 @@
+let getPPCInputAttrs=t=>({"data-id":t?.dataId??"","data-slot-type":"input"});export{getPPCInputAttrs};

package/dist/esm/product/components/product-properties/property-choice/common/getProductPropertiesChoiceClasses.js

@@ -0,0 +1 @@
+import{composeClasses as e,composeTypographyClassName as s,getGlobalColorStateClass as p,getGlobalColorStateResponsiveClass as r}from"@gem-sdk/core";let getPPCWrapperClasses=()=>e("gp-flex gp-items-center"),getPPCWrapperClassesMain=()=>e("gp-inline-block"),getPPCLabelClasses=t=>{let{valueTextColor:a,valueBgColor:g,valueTypo:l,valueTypography:C}=t??{},P=s(l,C);return{...e("gp-p-2 gp-outline-none gp-break-words"),...e(p("text",a)),...e(r("bg",g)),...e(P)}};export{getPPCLabelClasses,getPPCWrapperClasses,getPPCWrapperClassesMain};

package/dist/esm/product/components/product-properties/property-choice/common/getProductPropertiesChoiceInlineCss.js

@@ -0,0 +1,6 @@
+import{getSingleColorVariable as e}from"@gem-sdk/core";let getPPCInlineStyleChoice=(t,l)=>{let o=l?.active||l?.normal;return o&&t?`
+      .${t} {
+        input:checked + label {
+          color: ${e(o)} !important;
+        }
+      }`:""};export{getPPCInlineStyleChoice};

package/dist/esm/product/components/product-properties/property-choice/common/getProductPropertiesChoiceStyles.js

@@ -0,0 +1 @@
+import{makeStyleResponsive as e,makeWidth as t,composeTypographyStyle as r,getGlobalColorStateResponsiveStyle as P,getGlobalColorStateStyle as l}from"@gem-sdk/core";let getPPCWrapperStyles=r=>{let{width:P,fullWidth:l}=r??{};return e("w",t(P,l))},getPPCContainerStyles=t=>{let{height:r}=t??{};return r?e("h",r):{}},getPPCLabelStyles=e=>{let{valueBgColor:t,valueTextColor:g,valueTypography:n,valueTypo:C}=e??{},s=r(C,n);return{...P("bg",t),...l("c",g),...s}},getPPCInputStyles=e=>{let{spacing:t}=e??{};return{"--mr":t}};export{getPPCContainerStyles,getPPCInputStyles,getPPCLabelStyles,getPPCWrapperStyles};

package/dist/esm/product/components/product-properties/property-input/ProductPropertyInput.js

@@ -0,0 +1,2 @@
+'use client';
+import{jsx as e}from"react/jsx-runtime";import{useUniqProductID as r,composeClasses as t,makeStyle as o}from"@gem-sdk/core";import{createClass as m,createStyle as s}from"@gem-sdk/system";import{useMemo as a}from"react";import{getElementContent as n}from"./common/helpers.js";import{getClasses as d}from"./common/classes.js";import{getStyles as i}from"./common/styles.js";let ProductPropertyInput=({setting:p,styles:c})=>{let l=r(),{name:u,type:f,placeholder:h,required:y,handleChange:g,label:x,validationData:j}=p??{},P=a(()=>{switch(f){case"textarea":case"hidden":return"textarea";default:return"input"}},[f]),$=a(()=>"hidden"===f,[f]),k=`${h}${h&&y&&!x?" *":""}`,I=m({...d(c),...t("hidden"===f?"gp-cursor-default":"")}),L=s({...i(c),...j?.isValid||"hidden"===f?{}:o({bc:"#F44336"})}),{elementType:b,elementValue:q,minLength:v,maxLength:w}=n(p);return e(P,{id:`${l}-${u}`,type:b,value:q,placeholder:k,name:u,readOnly:$,className:I,style:L,required:y,minLength:v,maxLength:w,onChange:g})};export{ProductPropertyInput as default};

package/dist/esm/product/components/product-properties/property-input/ProductPropertyInput.liquid.js

@@ -0,0 +1,15 @@
+import{composeClasses as r,template as e}from"@gem-sdk/core";import{getDynamicSourceLocales as m}from"../../../../helpers.js";import{createClass as o,createStyle as t,createAttr as p}from"@gem-sdk/system";import{getClasses as s}from"./common/classes.js";import{getStyles as a}from"./common/styles.js";import{getElementContent as u}from"./common/helpers.js";import{getInputAttrs as i}from"./common/attrs.js";let ProductPropertyInput=({setting:l,styles:n,builderProps:d,pageContext:$,attributes:c})=>{let{name:f,type:h,placeholder:g,required:b,minChar:x,maxChar:y,label:N,translate:j}=l??{minChar:Number,maxChar:Number,minNumber:Number,maxNumber:Number},P="textarea"===h?"textarea":"input",v=m({val:g,uid:d?.uid,settingId:"placeholder",pageContext:$,translate:j}),I=`${v}${g&&b&&!N?" *":""}`,k=o({...s(n),...r("gp-shadow-none group-data-[invalid=true]:gp-border-[#F44336]")}),C=t({...a(n)}),{elementValue:_}=u(l),q=p({...i(c)});return e`
+    <${P}
+      ${{...q}}
+      type="${h}"
+      placeholder="${I}"
+      name="properties[${f}]"
+      form="{{ product_form_id }}"
+      value="${_}"
+      class="${k}"
+      style="${C}"
+      ${b?`required="${b}"`:""}
+      minlength="${x}"
+      maxlength="${y}"
+    ></${P}>
+    `};export{ProductPropertyInput as default};

package/dist/esm/product/components/product-properties/property-input/common/attrs.js

@@ -0,0 +1 @@
+let getInputAttrs=t=>({"data-id":t?.dataId??"","data-slot-type":"input"});export{getInputAttrs};

package/dist/esm/product/components/product-properties/property-input/common/classes.js

@@ -0,0 +1 @@
+import{composeTypographyClassName as e,composeClasses as t,getGlobalColorStateClass as g,getGlobalColorStateResponsiveClass as o,handleConvertClassColor as r}from"@gem-sdk/core";let getClasses=s=>{let{valueBgColor:p,valueTextColor:l,borderInput:m,valueTypography:n,valueTypo:x}=s??{},u=e(x,n);return{...t("gemx-border-focus gp-px-4 gp-py-2 gp-outline-none"),...t(g("text",l)),...t(o("bg",p)),...t(u),...t(r(m))}};export{getClasses};

package/dist/esm/product/components/product-properties/property-input/common/helpers.js

@@ -0,0 +1 @@
+let getElementContent=e=>{let{type:t,valueHidden:n,minChar:d,maxChar:l}=e??{};return{elementType:"hidden"===t?"textarea":t,elementValue:"hidden"===t?n:void 0,minLength:["text","textarea"].includes(t)?d:void 0,maxLength:["text","textarea"].includes(t)?l:void 0}};export{getElementContent};

package/dist/esm/product/components/product-properties/property-input/common/styles.js

@@ -0,0 +1 @@
+import{composeTypographyStyle as e,makeStyleResponsive as o,makeWidth as t,getGlobalColorStateResponsiveStyle as c,getGlobalColorStateStyle as s,handleConvertBorderStyle as g,handleConvertBorderWidth as r,handleConvertBorderColor as b,composeRadius as f,getStyleShadowState as l}from"@gem-sdk/core";let getStyles=u=>{let{valueBgColor:m,valueTextColor:d,valueTypo:h,valueTypography:p,fullWidth:w,width:x,height:y,borderInput:S,borderRadius:a,hasShadowInput:i,shadowInput:k}=u??{},n=e(h,p),j=o("w",t(x,w)),q=y?o("h",y):{},v=c("bg",m);v["--focus-bg"]||(v["--focus-bg"]=v["--bg"]);let z=s("c",d);return z["--focus-c"]||(z["--focus-c"]=z["--c"]),{...j,...g(S),...r(S),...b(S),...v,...z,...q,...f(a),...l(k,"box-shadow",i),...n}};export{getStyles};

package/dist/esm/product/components/product-properties/property-select/ProductPropertySelect.js

@@ -0,0 +1,2 @@
+'use client';
+import{jsx as e}from"react/jsx-runtime";import{useUniqProductID as r}from"@gem-sdk/core";import{createClass as t,createStyle as o}from"@gem-sdk/system";import{getSelectClasses as m}from"./common/classes.js";import{getSelectStyles as s,getOptionStyles as l}from"./common/styles.js";let ProductPropertySelect=({setting:c,styles:a})=>{let i=r(),{name:n,handleChangeOption:p,childItem:d}=c??{},f=t({...m(a)}),u=o({...s(a)}),y=o({...l(a)});return e("select",{name:n,id:`${i}-${n}`,className:f,style:u,onChange:p,children:d?.map((r,t)=>e("option",{value:r,style:y,children:r},t))})};export{ProductPropertySelect as default};

package/dist/esm/product/components/product-properties/property-select/ProductPropertySelect.liquid.js

@@ -0,0 +1,17 @@
+import{composeClasses as o,template as e}from"@gem-sdk/core";import{getDynamicSourceLocales as t}from"../../../../helpers.js";import{createAttr as r,createClass as m,createStyle as s}from"@gem-sdk/system";import{getSelectAttrs as l}from"./common/attrs.js";import{getSelectStyles as p,getOptionStyles as i}from"./common/styles.js";import{getSelectClasses as c}from"./common/classes.js";let ProductPropertySelect=({setting:d,styles:n,builderProps:$,pageContext:a,attributes:f})=>{let u=$?.uid,{name:y,childItem:j,translate:g}=d??{},P=r({...l(d,f)}),h=m({...c(n),...o("gp-shadow-none")}),_=s({...p(n)}),k=s({...i(n)});return e`
+    <select
+      ${{...P}}
+      name="properties[${y}]"
+      id="${u}-${y}"
+      class="${h}"
+      form="{{ product_form_id }}"
+      style="${_}"
+    >
+      ${j?.map((o,r)=>{let m=t({val:o,uid:u,settingId:`childItem_${r}`,pageContext:a,translate:g});return e`
+            <option
+              value="${m}"
+              style="${k}"
+            >
+              ${m}
+            </option>`}).join("")}
+    </select>`};export{ProductPropertySelect as default};

package/dist/esm/product/components/product-properties/property-select/common/attrs.js

@@ -0,0 +1 @@
+let getSelectAttrs=(t,e)=>{let{name:a}=t??{};return{"aria-label":a??"","data-id":e?.dataId??"","data-slot-type":"input"}};export{getSelectAttrs};

package/dist/esm/product/components/product-properties/property-select/common/classes.js

@@ -0,0 +1 @@
+import{composeTypographyClassName as e,composeClasses as t,getGlobalColorStateClass as g,getGlobalColorStateResponsiveClass as l}from"@gem-sdk/core";let getSelectClasses=r=>{let{valueBgColor:s,valueTextColor:o,valueTypography:p,valueTypo:n}=r??{},c=e(n,p);return{...t("gp-truncate gp-p-2 gp-outline-none"),...t(g("text",o)),...t(l("bg",s)),...t(c)}};export{getSelectClasses};

package/dist/esm/product/components/product-properties/property-select/common/styles.js

@@ -0,0 +1 @@
+import{makeStyleResponsive as e,makeWidth as t,handleConvertBorderStyle as b,handleConvertBorderWidth as o,handleConvertBorderColor as g,composeRadius as l,getStyleShadowState as c,getGlobalColorStateResponsiveStyle as s,getGlobalColorStateStyle as r}from"@gem-sdk/core";import{filterTruthyObject as f}from"../../../../../helpers.js";let getSelectStyles=f=>{let{fullWidth:u,width:m,height:i,borderInput:p,borderRadius:S,hasShadowInput:a,shadowInput:n,valueBgColor:y,valueTextColor:h}=f??{},d=e("w",t(m,u)),w=i?e("h",i):{};return{...d,...w,...b(p),...o(p),...g(p),...l(S),...c(n,"box-shadow",a),...s("bg",y),...r("c",h)}},getOptionStyles=e=>{let{valueBgColor:t,valueTextColor:b}=e??{},o=s("bg",t),g=r("c",b),l={"--c":g["--focus-c"]?g["--focus-c"]:g["--c"],"--bg":o["--focus-bg"]?o["--focus-bg"]:o["--bg"],"--bg-tablet":o["--focus-bg-tablet"]?o["--focus-bg-tablet"]:o["--bg-tablet"],"--bg-mobile":o["--focus-bg-mobile"]?o["--focus-bg-mobile"]:o["--bg-mobile"]};return f(l)};export{getOptionStyles,getSelectStyles};

package/dist/esm/product/components/product-quantity/ProductQuantity.js

@@ -0,0 +1,2 @@
+'use client';
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useCurrentVariant as s,useQuantity as o}from"@gem-sdk/core";import{createAttr as l,createClass as n,createStyle as r,If as a}from"@gem-sdk/system";import{useProductQuantity as i}from"./hooks/useProductQuantity.js";import{getContainerAttrs as m,getInputAttr as u,getButtonAttrs as c}from"./common/attrs.js";import{getContainerClasses as d,getWrapperClasses as y,getInputClasses as b,getButtonClass as f,getIconWrapperClasses as p}from"./common/classes.js";import{getContainerStyles as h,getWrapperStyles as g,getInputStyle as N,getButtonStyle as S}from"./common/styles.js";import{getIconWidth as j,getMinusIcon as v,getPlusIcon as B}from"./common/helpers.js";let ProductQuantity=H=>{let{setting:k={},styles:C={},builderProps:D,advanced:Q}=H,_=s(),{quantity:P}=o(),{isInStock:x,ref:I,onClickIncrement:L,onClickDecrement:M,onChangeInput:T,onFocusInput:F}=i(H),{plusIcon:V,minusIcon:q}=k,w=k.defaultQtyValue||1,{inputHeight:z,buttonBackgroundColor:A,backgroundColor:E,iconColor:G,inputBackgroundColor:J,textColor:K,align:O,borderBtn:R,buttonWidth:U,iconSizeCustom:W,corner:X}=C,Y=k?.hasButton,Z=l({...m({isDisabled:!x,uid:D?.uid||""})}),$=n({...d(Q?.cssClass)}),tt=r({...h({align:O,inputHeight:z})}),te=n({...y()}),ts=r({...g({backgroundColor:E,styles:C})}),to=l({...u({hasButton:Y,quantity:P,currentVariant:_,defaultQty:w})}),tl=n({...b({styles:C,borderBtn:R,inputBackgroundColor:J,textColor:K,isDisabled:!x})}),tn=r({...N(H)}),tr=n({...f({borderBtn:R,buttonBackgroundColor:A,iconColor:G,buttonSide:"left",isDisabled:!x})}),ta=r({...S({borderBtn:R,buttonWidth:U,buttonBackgroundColor:A,iconColor:G,corner:X,enableHoverButton:k?.enableHoverButton})}),ti=l({...c({buttonSide:"left"})}),tm=n({...f({borderBtn:R,buttonBackgroundColor:A,iconColor:G,buttonSide:"right",isDisabled:!x})}),tu=r({...S({borderBtn:R,buttonWidth:U,buttonBackgroundColor:A,iconColor:G,corner:X,flipStyle:!0,enableHoverButton:k?.enableHoverButton})}),tc=l({...c({buttonSide:"right"})}),td=n({...p()}),ty=r({...j(W)});return t("div",{ref:I,...Z,className:$,style:tt,children:e("div",{className:te,style:ts,children:[a(Y,t("button",{...ti,onClick:M,className:tr,style:ta,children:t("span",{className:td,style:ty,dangerouslySetInnerHTML:{__html:v(q)}})})),t("input",{...to,className:tl,style:tn,onChange:t=>T(t),onFocus:t=>F(t)}),a(Y,t("button",{...tc,onClick:L,className:tm,style:tu,children:t("span",{className:td,style:ty,dangerouslySetInnerHTML:{__html:B(V)}})}))]})})};export{ProductQuantity as default};