@gem-sdk/components 17.0.0-dev.9 → 17.0.0-dev.92

package/dist/cjs/product/components/product-images-v3/components/lightbox/constants.js

@@ -1 +0,0 @@
-"use strict";exports.DEFAULT_LIGHTBOX_IMAGE_ONLY={src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",id:"noImageError",width:480,height:480,alt:"no image",contentType:"IMAGE"},exports.LIGHTBOX_CAROUSEL_SETTING={slidesToShow:{desktop:1},loop:{desktop:!1},dot:{desktop:!1},navigationEnable:{desktop:!1},speed:320,enableDrag:{desktop:!0},animationMode:"ease-out"},exports.LIGHTBOX_CAROUSEL_STYLES={spacing:{desktop:1},sizeSetting:{desktop:{width:"100%",height:"100%"}}},exports.LIGHTBOX_GALLERY_CAROUSEL_SETTING={loop:{desktop:!0},corner:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"},arrowNavRadius:{bblr:"99999px",bbrr:"99999px",btlr:"99999px",btrr:"99999px",radiusType:"circle"},arrowIconColor:"#AAAAAA",arrowNavColor:"#333333",arrowNavSize:{height:"Auto",padding:{bottom:"12px",left:"12px",right:"12px",top:"12px"},shape:"square",shapeLinked:!0,shapeValue:"1/1",width:"Auto"},shapeForBottom:{desktop:{shape:"square",height:"80px",shapeValue:"1/1",width:"80px",shapeLinked:!0,gap:""},tablet:{shape:"square",height:"80px",shapeValue:"1/1",width:"80px",shapeLinked:!0,gap:""},mobile:{shape:"square",height:"64px",shapeValue:"1/1",width:"64px",shapeLinked:!0,gap:""}},position:{desktop:"bottom-center"},navigationPosition:{desktop:"outside",tablet:"outside",mobile:"none"},layout:{desktop:"cover"},qualityPercent:{desktop:100},qualityType:{desktop:"high"},itemSpacing:{desktop:"8px"}};

package/dist/esm/modal/components/ZoomButton.js

@@ -1,2 +0,0 @@
-'use client';
-import{jsx as C}from"react/jsx-runtime";import{cls as t}from"@gem-sdk/core";import"react";let e=({isZoomIn:e,onToggleZoom:o})=>{let i=C("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:C("path",{d:"M6.77246 0C10.5128 0 13.5448 3.03212 13.5449 6.77246C13.5449 8.41757 12.9568 9.9243 11.9814 11.0977L15.8115 14.9277C16.0556 15.1718 16.0555 15.5674 15.8115 15.8115C15.5674 16.0556 15.1718 16.0556 14.9277 15.8115L11.0977 11.9814C9.9243 12.9568 8.41757 13.5449 6.77246 13.5449C3.03212 13.5448 0 10.5128 0 6.77246C9.91359e-05 3.03218 3.03218 9.49436e-05 6.77246 0ZM6.77246 1.25C3.72254 1.25009 1.2501 3.72253 1.25 6.77246C1.25 9.82248 3.72247 12.2948 6.77246 12.2949C8.28607 12.2949 9.65677 11.6854 10.6543 10.6992C10.6614 10.6914 10.6673 10.6823 10.6748 10.6748C10.6824 10.6673 10.6914 10.6614 10.6992 10.6543C11.6854 9.65677 12.2949 8.28607 12.2949 6.77246C12.2948 3.72247 9.82247 1.25 6.77246 1.25ZM6.86328 3.40234C7.2082 3.40251 7.4881 3.68242 7.48828 4.02734V6.23828H9.69824C10.0433 6.23828 10.3231 6.51826 10.3232 6.86328C10.3231 7.20832 10.0433 7.48828 9.69824 7.48828H7.48828V9.69824C7.48828 10.0433 7.20832 10.3231 6.86328 10.3232C6.51822 10.3231 6.23828 10.0433 6.23828 9.69824V7.48828H4.02734C3.68238 7.48815 3.40251 7.20824 3.40234 6.86328C3.40252 6.51834 3.68239 6.23841 4.02734 6.23828H6.23828V4.02734C6.23846 3.6824 6.51833 3.40248 6.86328 3.40234Z",fill:"#AAAAAA"})}),l=C("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",children:C("path",{d:"M8.77441 2C12.5157 2 15.5487 5.03247 15.5488 8.77344C15.5488 10.4191 14.9613 11.927 13.9854 13.1006L17.8164 16.9307C18.0602 17.1747 18.0603 17.5704 17.8164 17.8145C17.5724 18.0581 17.1766 18.0582 16.9326 17.8145L13.1016 13.9844C11.9279 14.9598 10.4199 15.5469 8.77441 15.5469C5.03309 15.5468 2 12.5145 2 8.77344C2.00009 5.0325 5.03314 2.00004 8.77441 2ZM8.77441 3.25C5.72333 3.25004 3.25009 5.72302 3.25 8.77344C3.25 11.8239 5.72327 14.2968 8.77441 14.2969C10.2896 14.2969 11.6611 13.6858 12.6592 12.6982C12.6655 12.6913 12.671 12.6835 12.6777 12.6768C12.6843 12.6702 12.6924 12.6644 12.6992 12.6582C13.6874 11.6603 14.2988 10.2887 14.2988 8.77344C14.2987 5.723 11.8255 3.25 8.77441 3.25ZM11.7012 8.23926C12.0463 8.23926 12.3262 8.51908 12.3262 8.86426C12.3259 9.20921 12.0462 9.48926 11.7012 9.48926H6.02832C5.68347 9.48906 5.40358 9.20909 5.40332 8.86426C5.40332 8.5192 5.68331 8.23945 6.02832 8.23926H11.7012Z",fill:"#AAAAAA"})});return C("button",{type:"button","aria-label":"Toggle zoom mode",className:t("gp-absolute gp-top-[74px] gp-right-4 gp-z-20 gp-flex gp-items-center gp-justify-center gp-text-[#AAAAAA] gp-transition"),onClick:()=>{o?.()},children:e?l:i})};export{e as default};

package/dist/esm/product/components/product-images-v3/components/child/ProductImagesLightBoxPreview.js

@@ -1 +0,0 @@
-import{jsx as t,jsxs as e,Fragment as o}from"react/jsx-runtime";import{useMemo as r}from"react";import{useRenderMode as i}from"@gem-sdk/core";import c from"../../../product-images-v2/components/child/ProductFeatureVideo.js";import{isFeatureMedia as n}from"../../common/productFeaturedImage.js";import m from"../../../../../image/components/NextImage.js";import s from"./MediaIcon.js";import{DEFAULT_LIGHTBOX_IMAGE_ONLY as a}from"../lightbox/constants.js";let l=({image:l,isZoomableMedia:p})=>{let{isEditMode:d}=i(),g=r(()=>!d&&["VIDEO","EXTERNAL_VIDEO"].includes(l?.contentType||""),[d,l?.contentType]),h=r(()=>l?{...l,src:g?l.src:n(l?.contentType)?l?.previewImage:l.src}:a,[l,g]);return g?t(c,{type:h?.contentType,url:h.src??""}):e(o,{children:[t(m,{src:h.src,alt:h.alt,width:h.width,height:h.height,isDisableAspectStyle:!0,setting:{layout:{desktop:"contain",tablet:"contain",mobile:"contain"}},style:{width:"100%",height:"100%",maxWidth:"100%",maxHeight:"100%",display:"block",cursor:p?"zoom-in":"default",objectPosition:"center"},className:"gallery-carousel-image-only"}),t(s,{contentType:h?.contentType??""})]})};export{l as default};

package/dist/esm/product/components/product-images-v3/components/lightbox/LightBoxCarousel.js

@@ -1,2 +0,0 @@
-'use client';
-import{jsx as e}from"react/jsx-runtime";import{cls as i}from"@gem-sdk/core";import{useMemo as o}from"react";import t from"../../../../../carousel-v3/components/root/Carousel.js";import r from"../../../../../carousel-v3/components/item/CarouselItem.js";import{LIGHTBOX_CAROUSEL_SETTING as s,LIGHTBOX_CAROUSEL_STYLES as m}from"./constants.js";import l from"../child/ProductImagesLightBoxPreview.js";let n=({builderPropUID:n,displayImages:p,activeIndex:g,imageActiveIndex:a,onChangeSlide:d,onToggleZoom:c})=>{let u=e=>!["VIDEO","EXTERNAL_VIDEO","MODEL_3D"].includes(e||""),f=o(()=>({...s,initialSlide:g,defaultCurrentSlider:g}),[g]);return e("div",{className:i(`gem-slider-item gem-slider-item-${n} gp-cursor-zoom-in gp-flex gp-size-full gp-min-w-0 gp-items-center gp-justify-center gp-overflow-hidden`),style:{maxWidth:"100%",maxHeight:"100%"},children:e(t,{setting:f,styles:m,builderProps:{uid:`${n}-lightbox-main`},rootClass:"gp-size-full gp-min-w-0 gp-overflow-hidden",moveToIdx:g,isDisableResetSlide:!0,onChangeActive:d,children:p.map(i=>e(r,{onClickItem:()=>{u(i.contentType)&&c?.()},className:"gp-flex gp-size-full gp-min-w-0 gp-overflow-hidden gp-items-center gp-justify-center gp-cursor-zoom-in",children:e(l,{image:i,isZoomableMedia:u(i.contentType)})},i.id))})})};export{n as default};

package/dist/esm/product/components/product-images-v3/components/lightbox/LightBoxGalleryCarousel.js

@@ -1,2 +0,0 @@
-'use client';
-import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import{useCurrentDevice as r}from"@gem-sdk/core";import{useRef as s,useState as i,useEffect as a}from"react";import l from"../../../../../carousel-v3/components/root/Carousel.js";import n from"../../../../../carousel-v3/components/item/CarouselItem.js";import m from"../../../../../image/components/NextImage.js";import c from"../../../product-images-v2/components/child/MediaIcon.js";import{isFeatureMedia as p}from"../../common/productFeaturedImage.js";import{getEditorMinHeightClass as d}from"../../common/productGallery.js";import{getProductImagesAttr as u}from"../../composables/getProductImagesAttr.js";import{getProductImagesStyles as g}from"../../composables/getProductImagesStyles.js";import{LIGHTBOX_GALLERY_CAROUSEL_SETTING as f}from"./constants.js";import{galleryItemClasses as y}from"../../composables/getProductImagesClassName.js";let h=({builderPropUID:h,displayImages:b,activeIndex:j,onChangeSlide:I})=>{let C=r(),v=s(!1),[x,P]=i(j);if(a(()=>{v.current||(v.current=!0,P(j))},[j]),b.length<=1)return null;let{galleryCarouselStyle:w,galleryCarouselItemStyle:T}=g(f),{galleryCarouselSettingAttrs:q}=u(f),A=d(C,f.position,f.navigationPosition);return e(l,{setting:q,styles:{...w},slidesClass:A,builderProps:{uid:`${h}-carousel`},rootClass:"gp-flex gp-justify-center gp-w-fit",moveToIdx:x,isHiddenArrowWhenDisabled:!0,disableMarginAuto:!0,isEnableCheckHasScrollableContent:!0,centerInsufficientSlides:!0,onChangeActive:P,children:b.map((r,s)=>{let i=p(r.contentType)?r.previewImage:r.src;return e(n,{"data-thumb-index":s,contentType:"productImage",className:y(s,j,"gp-overflow-hidden gp-rounded-md gp-border gp-transition-all"),onClickItem:()=>I(s),style:T,"data-id":r.id,children:t(o,{children:[e(m,{draggable:"false",src:i,width:r.width,height:r.height,alt:r.alt,setting:{layout:f.layout,qualityPercent:f.qualityPercent,qualityType:f.qualityType},style:{width:"100%",aspectRatio:"1/1",objectPosition:"center",cursor:"pointer"},className:"product-images-lightbox-gallery-carousel-image"}),e(c,{contentType:r?.contentType??""})]})},r.id)})})};export{h as default};

package/dist/esm/product/components/product-images-v3/components/lightbox/LightBoxImageZoom.js

@@ -1,2 +0,0 @@
-'use client';
-import{jsx as e}from"react/jsx-runtime";import{useRef as r,useState as t,useEffect as n}from"react";import a from"../../../../../image/components/NextImage.js";let o=({image:o,onExitZoom:i})=>{let l=r(null),c=r({x:0,y:0,originX:0,originY:0}),u=r(!1),g=r(!1),[p,s]=t({x:0,y:0});n(()=>{s({x:0,y:0})},[o]);let m=(e,r)=>{let t=l.current?.getBoundingClientRect();if(!t)return{x:e,y:r};let n=1*t.width/2,a=1*t.height/2;return{x:Math.max(-n,Math.min(n,e)),y:Math.max(-a,Math.min(a,r))}},f=e=>{u.current&&(u.current=!1,e.currentTarget.hasPointerCapture(e.pointerId)&&e.currentTarget.releasePointerCapture(e.pointerId))};return o.src?e("div",{ref:l,className:"gp-h-full gp-w-full gp-overflow-hidden gp-cursor-grab active:gp-cursor-grabbing",role:"button",tabIndex:0,"aria-label":"Zoomed image area",onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),i?.())},onPointerDown:e=>{e.preventDefault(),e.stopPropagation(),u.current=!0,g.current=!1,c.current={x:e.clientX,y:e.clientY,originX:p.x,originY:p.y},e.currentTarget.setPointerCapture(e.pointerId)},onPointerMove:e=>{if(!u.current)return;let r=e.clientX-c.current.x,t=e.clientY-c.current.y;(Math.abs(r)>6||Math.abs(t)>6)&&(g.current=!0);let n=m(c.current.originX+r,c.current.originY+t);s(n)},onPointerUp:f,onPointerCancel:f,onPointerLeave:f,onClick:e=>{if(e.stopPropagation(),g.current){g.current=!1;return}i?.()},onDragStart:e=>e.preventDefault(),style:{touchAction:"none"},children:e("div",{className:"gp-h-full gp-w-full",style:{transform:`translate3d(${p.x}px, ${p.y}px, 0) scale(2)`,transformOrigin:"center center",willChange:"transform"},children:e(a,{src:o.src||"",alt:o.alt||"Product image",draggable:!1,className:"gp-h-full gp-w-full gp-pointer-events-none",style:{objectFit:"contain"}})})}):e("div",{className:"gp-h-full gp-w-full"})};export{o as default};

package/dist/esm/product/components/product-images-v3/components/lightbox/constants.js

@@ -1 +0,0 @@
-let e={loop:{desktop:!0},corner:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"},arrowNavRadius:{bblr:"99999px",bbrr:"99999px",btlr:"99999px",btrr:"99999px",radiusType:"circle"},arrowIconColor:"#AAAAAA",arrowNavColor:"#333333",arrowNavSize:{height:"Auto",padding:{bottom:"12px",left:"12px",right:"12px",top:"12px"},shape:"square",shapeLinked:!0,shapeValue:"1/1",width:"Auto"},shapeForBottom:{desktop:{shape:"square",height:"80px",shapeValue:"1/1",width:"80px",shapeLinked:!0,gap:""},tablet:{shape:"square",height:"80px",shapeValue:"1/1",width:"80px",shapeLinked:!0,gap:""},mobile:{shape:"square",height:"64px",shapeValue:"1/1",width:"64px",shapeLinked:!0,gap:""}},position:{desktop:"bottom-center"},navigationPosition:{desktop:"outside",tablet:"outside",mobile:"none"},layout:{desktop:"cover"},qualityPercent:{desktop:100},qualityType:{desktop:"high"},itemSpacing:{desktop:"8px"}},t={src:"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",id:"noImageError",width:480,height:480,alt:"no image",contentType:"IMAGE"},o={spacing:{desktop:1},sizeSetting:{desktop:{width:"100%",height:"100%"}}},p={slidesToShow:{desktop:1},loop:{desktop:!1},dot:{desktop:!1},navigationEnable:{desktop:!1},speed:320,enableDrag:{desktop:!0},animationMode:"ease-out"};export{t as DEFAULT_LIGHTBOX_IMAGE_ONLY,p as LIGHTBOX_CAROUSEL_SETTING,o as LIGHTBOX_CAROUSEL_STYLES,e as LIGHTBOX_GALLERY_CAROUSEL_SETTING};