@gem-sdk/components 17.0.0-dev.10 → 17.0.0-dev.100

package/dist/esm/carousel-v3/components/root/common/helpers.js

@@ -1 +1 @@
-import{getResponsiveValueByScreen as e}from"@gem-sdk/core";import{createStateOrContext as t}from"@gem-sdk/system";let o=o=>{let r=["mobile","tablet","desktop"],{setting:l,rootId:p,builderProps:a,styles:i,moveToIdx:s,isHiddenArrowWhenDisabled:d,renderByLayout:m,rootAttrs:n}=o,f=p??a?.uid,g=`gp-carousel-slider-${a?.uid}`,{enableAction:u={desktop:!0},navigationStyle:c,navigationEnable:k={desktop:!0}}=l??{},y=t({id:f,moveToIdx:s,isHiddenArrowWhenDisabled:d,setting:l,styles:i,renderByLayout:m,type:n?.type});return{loopConfig:(()=>{let t=l?.loop;return r.forEach(o=>{t={...t,[o]:!!e(u)&&t?.[o]}}),t})(),stateData:JSON.stringify(y).replaceAll("'","'"),uniqueComponentId:f,arrowShowConfig:(()=>{let t=c;return r.forEach(o=>{t={...t,[o]:e(k,o)?e(t,o):"none"}}),t})(),sliderSelector:g}};export{o as getData};
+import{getResponsiveValueByScreen as e}from"@gem-sdk/core";import{createStateOrContext as t}from"@gem-sdk/system";let o=o=>{let r=["mobile","tablet","desktop"],{setting:l,rootId:a,builderProps:p,styles:s,moveToIdx:i,isHiddenArrowWhenDisabled:d,renderByLayout:m,rootAttrs:n,carouselType:f="carousel"}=o,g=a??p?.uid,u=`gp-carousel-slider-${p?.uid}`,{enableAction:c={desktop:!0},navigationStyle:k,navigationEnable:y={desktop:!0}}=l??{},h=t({id:g,moveToIdx:i,isHiddenArrowWhenDisabled:d,setting:l,styles:s,renderByLayout:m,type:n?.type,carouselType:f});return{loopConfig:(()=>{let t=l?.loop;return r.forEach(o=>{t={...t,[o]:!!e(c)&&t?.[o]}}),t})(),stateData:JSON.stringify(h).replaceAll("'","'"),uniqueComponentId:g,arrowShowConfig:(()=>{let t=k;return r.forEach(o=>{t={...t,[o]:e(y,o)?e(t,o):"none"}}),t})(),sliderSelector:u}};export{o as getData};

package/dist/esm/carousel-v3/components/swiper/Swiper.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{useRef as r,useState as t,useMemo as i,useEffect as n}from"react";import{getStyleSwiperContainer as s}from"./common/styles.js";function p(p){let c=r(null),{children:o,totalSlides:u,onSwiperReset:l,onSwiperReady:a,sliderClass:w,sliderOrder:d,thumbsSwiper:m,...f}=p,[y,b]=t(!1),j=i(()=>m?{"thumbs-swiper":m}:{},[m]),g=s(),h="object"==typeof p.autoplay&&null!==p.autoplay?p.autoplay.pauseOnMouseEnter:void 0,E=()=>{c.current?.swiper&&c.current.swiper.wrapperEl.style.setProperty("width",`${c.current.swiper.width}px`)};return n(()=>{let e=async()=>{let e=await import("@gem-sdk/swiper/element/bundle");e.register(),await window.customElements.whenDefined("swiper-container"),b(!0)};e()},[]),n(()=>{y&&c.current&&(Object.assign(c.current,f),c.current.initialize?.(),a?.(c.current.swiper),E())},[y]),n(()=>{c.current?.swiper&&(c.current.swiper.destroy(!1,!1),Object.assign(c.current,f),c.current.initialize?.(),a(c.current.swiper),l())},[f.dir,f.loop,h,f.slidesPerView,a,l,f.spaceBetween,f.slidesOffsetBefore]),n(()=>{let e=c.current;e&&(Object.assign(e,f),e.swiper?.update(),E())},[f]),n(()=>{l()},[d,l]),n(()=>{let e=c.current;if(!e)return;let r=()=>{E()};return e.addEventListener("swiperresize",r),()=>{e.removeEventListener("swiperresize",r)}},[]),e("swiper-container",{init:!1,ref:c,class:w,style:{...g,display:y?"block":"none"},...j,children:o})}export{p as Swiper};
+import{jsx as e}from"react/jsx-runtime";import{useRef as r,useMemo as t,useCallback as i,useEffect as s}from"react";import{getStyleSwiperContainer as n}from"./common/styles.js";import{register as p}from"@gem-sdk/swiper/element/bundle";function o(p){let o=r(null),{children:c,totalSlides:l,onSwiperReset:m,onSwiperReady:w,sliderClass:u,sliderOrder:a,thumbsSwiper:f,...d}=p,y=t(()=>f?{"thumbs-swiper":f}:{},[f]),b=n(),h=i(({width:e}={})=>{o.current?.swiper&&o.current.swiper.wrapperEl.style.setProperty("width",`${e??o.current.swiper.width}px`)},[]);return s(()=>{let e=o.current;if(e)return Object.assign(e,d),e.initialize?.(),w?.(e.swiper),h(),e.swiper.on("resize",h),()=>{e.swiper.off("resize",h),m()}},[]),s(()=>{let e=o.current,r=e?.swiper;e&&r&&!r.destroyed&&(Object.assign(e,d),r.update(),h())},[d]),s(()=>{m()},[a,m]),e("swiper-container",{init:!1,ref:o,class:u,style:{...b},...y,children:c})}p();export{o as Swiper};

package/dist/esm/carousel-v3/hooks/useCarousel.js

@@ -1 +1 @@
-import{useState as e,useRef as t,useMemo as r,useCallback as i,useImperativeHandle as n,useEffect as a}from"react";import{useCurrentDevice as l,useEditorMode as s,useInteraction as o,getResponsiveValueByScreen as u,DEVICES as d}from"@gem-sdk/core";import f from"./useTrackPreviewPause.js";let p=(p,m,c,k)=>{let h;let{builderProps:b,moveToIdx:P,styles:y,setting:g,isHiddenArrowWhenDisabled:v=!0,elmRef:w,isEnableCheckHasScrollableContent:T,centerInsufficientSlides:N,onClickArrow:x,onHandleChangeSlideByInteraction:S,onChangeActive:C}=p,[O,E]=e(!0),[L,I]=e(!0),[M,z]=e(!1),{loop:V,navigationEnable:B={desktop:!0},navigationStyle:j}=g??{},[A,D]=e(k),[F,H]=e(g?.defaultCurrentSlider??0),{isFirstPreviewClicked:R}=f(g?.runPreview),$=t(),q=t(P??0),U=l(),W=s(),{onListener:G,saveToElementInteractionData:J,getInteractionPreviousData:K,trigger:Q}=o(),X=r(()=>u(V,U,!1),[V,U]),Y=i(()=>{if(!g?.slidesToShow)return null;let e={};return d.forEach(t=>{let r=u(g?.slidesToShow,t);e[t]=r?"auto"===r?4:Math.floor(r):0}),e},[g?.slidesToShow]),Z=i(()=>{if(!g?.slidesToShow)return null;let e={};return d.forEach(t=>{let r=u(g?.slidesToShow,t);e[t]=r?"auto"===r?4:r:0}),e},[g?.slidesToShow]),_=r(()=>{let e=Z();if(e)return e;let t={};return d.forEach(e=>{let r=u(g?.sneakPeak,e),i=r?"center"===u(g?.sneakPeakType,e)?u(g?.sneakPeakOffsetCenter,e)??0:u(g?.sneakPeakOffsetForward,e)??0:0,n="center"===u(g?.sneakPeakType,e)?-2:-1,a=u(g?.itemNumber,e);t[e]="number"==typeof a?a+i/100*n:"auto"}),t},[Z,g?.itemNumber,g?.sneakPeak,g?.sneakPeakOffsetCenter,g?.sneakPeakOffsetForward,g?.sneakPeakType]),ee=r(()=>{let e=u(_,U),t=u(V,U,!1);return t&&Number(e??0)>k||!t&&Number(e??0)>=k},[_,U,V,k]),et=r(()=>{let e=u(B,U),t=u(j,U);return c&&e&&"none"!==t&&O&&!ee},[B,U,j,c,O,ee]),er=r(()=>{let e=Y();return e||g?.itemNumber},[Y,g?.itemNumber]),ei=i(e=>{let t="center"===u(g?.sneakPeakType,e)?2:1;return"number"==typeof u(er,e,4)?u(er,e,4)-t:void 0},[g?.sneakPeakType,er]),en=()=>{let e="auto"===u(_,U,1)?1:u(_,U,1);return e??1},ea=e=>{let t=e*en();return t>=A-en()&&(t=A-en()),t},el=e=>{let t="edit"===W?{[e]:!1}:g?.enableDrag;return u(t,e)};n(m,()=>({nextSlideInteraction:eu,previousSlideInteraction:ed,moveToSlideInteraction:ef,getSwiper:()=>c}));let es=e=>{c?.slideTo(e),S&&S(e)},eo=(e,t)=>{let{key:r,data:i,isRollback:n,element:a}=e,l=Math.max(c?.activeIndex??0,0);if(n&&void 0===i)return;if(n){if("specific"===t){let{previousData:e}=K(a,r);es(Number(e))}else es("next"===t?l-1:l+1);return}let s="specific"===t?Math.max(q.current,0):l;J(a,r,s.toString());let o="specific"===t?Number(i):"next"===t?l+1:l-1;es(o)},eu=e=>{eo(e,"next")},ed=e=>{eo(e,"previous")},ef=e=>{eo(e,"specific")},ep=en(),em=r(()=>!!A&&c&&u(g?.dot,U)&&!ee&&k>1,[A,c,g?.dot,U,ee,k]),ec=u(g?.vertical,U,!1)?"vertical":"horizontal",ek=e=>{let{swiperWidth:t,slidesPerView:r,itemNumberByDevice:i,centeredSlides:n}=e;if(!n||!i)return 0;let a=t/r,l=(Number(i)-2)/2-1;return-(a/2+l*a)},eh=r(()=>{let e=u(V,U,!1),t=c?.width??0,r={0:"mobile",768:"tablet",1025:"desktop"},i=Number(Object.entries(r).find(([,e])=>e===U)?.[0]??1025),n=Object.entries(r).reduce((e,[r,i])=>{if(!e)return;let n=Number(r),a=u(g?.sneakPeak,i,!1),l=a&&"center"===u(g?.sneakPeakType,i),s=u(g?.itemNumber,i),o=el(i),d=ek({swiperWidth:t,slidesPerView:ep,itemNumberByDevice:s,centeredSlides:l}),f=g?.initialSlide||P||0;return e[n]={allowTouchMove:o,slidesOffsetBefore:d,slidesOffsetAfter:d,initialSlide:f,centeredSlides:l},e},{}),a="center"===u(g?.sneakPeakType,U)&&"number"==typeof u(g?.itemNumber,U)&&Number(u(g?.itemNumber,U))>1;return{speed:y?.playSpeed??500,dir:g?.rtl?"rtl":"ltr",spaceBetween:u(y?.spacing,U)||0,loop:e,slidesPerView:"auto"===u(_,U,1)?"auto":ep,direction:ec,breakpoints:n,isSneakPeekCenter:a,slidesOffsetBefore:n?.[i]?.slidesOffsetBefore,thumbs:{slideThumbActiveClass:"gem-slider-item-active"},loopPreventsSliding:!1,autoplay:{delay:(g?.autoplayTimeout??1)*1e3,pauseOnMouseEnter:g?.pauseOnHover,stopOnLastSlide:!e},...N&&{centerInsufficientSlides:!0}}},[y?.playSpeed,g?.rtl,y?.spacing,U,V,ep,g?.sneakPeakType,g?.pauseOnHover,g?.autoplayTimeout,c?.width,A]),eb=i(e=>{let t=c&&c.params?.slidesPerView,r=t?c?.slidesPerViewDynamic():1;if(e<=1)return!1;let i="auto"===eh.slidesPerView?r:eh.slidesPerView;if(!X||e<Number(i)||!O)return!1;let n=u(g?.sneakPeak,U,!1),a=n&&"center"===u(g?.sneakPeakType,U),l=Number.isNaN(Number(i))?1:Math.ceil(Number(i));a&&l%2==0&&(l+=1);let s=a?Math.max(1,Math.ceil(l/2)):1;return e<l+s},[c,eh.slidesPerView,X,O,g?.sneakPeak,g?.sneakPeakType,U]);return a(()=>{let e=`[data-id="${b?.uid}"]`;G({event:"gp:change-next-slide",selector:e,elementRef:$},e=>{let{data:t,isRollback:r,uniqueStorageKey:i}=e||{};eu({element:$.current,data:t,isRollback:r,key:i})}),G({event:"gp:change-previous-slide",selector:e,elementRef:$},e=>{let{data:t,isRollback:r,uniqueStorageKey:i}=e||{};ed({element:$.current,data:t,isRollback:r,key:i})}),G({event:"gp:change-image-step",selector:e,elementRef:$},e=>{let{data:t,isRollback:r,uniqueStorageKey:i}=e||{};ef({element:$.current,data:t,isRollback:r,key:i})}),G({event:"gp:change-index-slide",selector:e},t=>{let r=document.querySelector(e),{data:i,isRollback:n,uniqueStorageKey:a}=t||{};ef({element:r,data:i,isRollback:n,key:a})})},[]),a(()=>{D(k)},[k]),a(()=>{if("number"==typeof P){if(q.current=P,c?.params?.loop){c?.slideToLoop(P);return}c?.slideTo(P)}},[c,P,v]),a(()=>{if(!c)return;let e=()=>{D(c.slides.length)},t=()=>{C&&C(c.realIndex)},r=()=>{H(c.realIndex),I(c?.translate===0),z(c?.translate<=c?.maxTranslate())};return c.on("transitionEnd",r),c.on("slideChange",e),c.on("slideChangeTransitionStart",t),()=>{c?.off("slideChange",e),c?.off("slideChangeTransitionStart",t),c?.off("transitionEnd",r)}},[eh.loop,c]),a(()=>{c?.wrapperEl&&(c.wrapperEl.style.transitionTimingFunction=g?.animationMode??"ease")},[c,g?.animationMode]),a(()=>{if(c&&c.autoplay){let e="edit"===W?!!R&&g?.runPreview&&g?.autoplay:g?.autoplay;e?c.autoplay.start():c.autoplay.stop()}},[c,g?.autoplay,W,R,g?.runPreview]),a(()=>{let e=e=>{if(b?.uid!==e?.detail.componentUid)return;let t=e?.detail.index||0;c?.slideToLoop(t)};return window.addEventListener("move-to-idx",e),()=>window.removeEventListener("move-to-idx",e)},[c,b?.uid]),a(()=>{if(!c)return;let e=c.el;e?.classList?.remove("swiper-horizontal","swiper-vertical");let t=u(g?.vertical,U)?"swiper-vertical":"swiper-horizontal";e?.classList?.add(t),c?.slides?.forEach(e=>{e.style.width="",e.style.height=""}),c?.update()},[U,g?.vertical,c,c?.params]),a(()=>{if(!c||!T)return;let e=()=>{let e=c?.slides?.slice(0,k)||[],t=Number(eh?.spaceBetween||0),r=e.reduce((e,t)=>e+t.offsetHeight,0)+t*(e.length-1),i=e.reduce((e,t)=>e+t.offsetWidth,0)+t*(e.length-1),n=c.params?.direction==="horizontal"?i>(c.width||0):r>(c.height||0);E(n)};return e(),c.on("resize",e),c.on("update",e),c.on("slidesLengthChange",e),c.on("orientationchange",e),()=>{c.off("resize",e),c.off("update",e),c.off("slidesLengthChange",e),c.off("orientationchange",e)}},[c]),{isInfinity:X,sliderSettings:eh,totalSlideItem:A,currentSlide:F,localRef:$,isRenderDots:em,showNavigation:et,isScrollToStart:L,isScrollToEnd:M,handleDotClick:(e,t)=>{let r=g?.sneakPeak?.[U]?e:t?e:ea(e);if(t){if(k<ep){c?.slideTo(r);return}if(c?.realIndex===r)return;if(r===Number(c?.realIndex)+1||0===r&&c?.realIndex===k-1)return c?.slideNext();if(r===Number(c?.realIndex)-1||r===k-1&&c?.realIndex===0)return c?.slidePrev();let e="center"===u(g?.sneakPeakType,U)&&"number"==typeof u(g?.itemNumber,U)&&Number(u(g?.itemNumber,U))%2==0;e?c?.slideToLoopCenterSneakPeek(r):c?.slideToLoop(r)}else c?.slideTo(r);q.current=r},getItemsPerPage:en,handleNextAndPrevSlide:e=>{"next"===e?c?.slideNext():c?.slidePrev(),x&&(h&&clearTimeout(h),h=setTimeout(()=>x&&x(),500))},dispatchEventSelectSlide:e=>{Q({event:"gp:rollback:select-slide",selector:`[data-id="${b?.uid}"]`,element:w?.current}),Q({event:"gp:select-slide",selector:`[data-id="${b?.uid}"]`,data:e,element:w?.current})},getNumberOfFullWidthShow:ei,setCurrentSlide:H,shouldDuplicateSlides:eb,setIsScrollToStart:I,setIsScrollToEnd:z,isHideNavigation:ee}};export{p as useCarousel};
+import{useState as e,useRef as t,useMemo as r,useCallback as n,useImperativeHandle as i,useEffect as a}from"react";import{useCurrentDevice as l,useEditorMode as s,useInteraction as o,getResponsiveValueByScreen as u,DEVICES as d}from"@gem-sdk/core";import m from"./useTrackPreviewPause.js";let p=(p,f,c,k)=>{let h;let{builderProps:b,moveToIdx:P,styles:y,setting:g,isHiddenArrowWhenDisabled:T=!0,elmRef:v,isEnableCheckHasScrollableContent:w,onClickArrow:N,onHandleChangeSlideByInteraction:x,onChangeActive:S}=p,[C,O]=e(!0),[E,L]=e(!0),[M,I]=e(!1),{loop:z,navigationEnable:V={desktop:!0},navigationStyle:B}=g??{},[A,j]=e(k),[D,F]=e(g?.defaultCurrentSlider??0),{isFirstPreviewClicked:H}=m(g?.runPreview),R=t(),$=t(P??0),q=l(),U=s(),{onListener:W,saveToElementInteractionData:G,getInteractionPreviousData:J,trigger:K}=o(),Q=r(()=>u(z,q,!1),[z,q]),X=n(()=>{if(!g?.slidesToShow)return null;let e={};return d.forEach(t=>{let r=u(g?.slidesToShow,t);e[t]=r?"auto"===r?4:Math.floor(r):0}),e},[g?.slidesToShow]),Y=n(()=>{if(!g?.slidesToShow)return null;let e={};return d.forEach(t=>{let r=u(g?.slidesToShow,t);e[t]=r?"auto"===r?4:r:0}),e},[g?.slidesToShow]),Z=r(()=>{let e=Y();if(e)return e;let t={};return d.forEach(e=>{let r=u(g?.sneakPeak,e),n=r?"center"===u(g?.sneakPeakType,e)?u(g?.sneakPeakOffsetCenter,e)??0:u(g?.sneakPeakOffsetForward,e)??0:0,i="center"===u(g?.sneakPeakType,e)?-2:-1,a=u(g?.itemNumber,e);t[e]="number"==typeof a?a+n/100*i:"auto"}),t},[Y,g?.itemNumber,g?.sneakPeak,g?.sneakPeakOffsetCenter,g?.sneakPeakOffsetForward,g?.sneakPeakType]),_=r(()=>{let e=u(Z,q),t=u(z,q,!1);return t&&Number(e??0)>k||!t&&Number(e??0)>=k},[Z,q,z,k]),ee=r(()=>{let e=u(V,q),t=u(B,q);return c&&e&&"none"!==t&&C&&!_},[V,q,B,c,C,_]),et=r(()=>{let e=X();return e||g?.itemNumber},[X,g?.itemNumber]),er=n(e=>{let t="center"===u(g?.sneakPeakType,e)?2:1;return"number"==typeof u(et,e,4)?u(et,e,4)-t:void 0},[g?.sneakPeakType,et]),en=()=>{let e="auto"===u(Z,q,1)?1:u(Z,q,1);return e??1},ei=n(()=>{let e=u(Z,q,1),t=er(q)??1,r=u(g?.sneakPeak,q,!1);return Array.from({length:Math.max(Q?k:r?k-t+1:"auto"===e?0:Math.ceil(k/Number(e)),0)},(e,t)=>t)},[k,Z,q,er,g?.sneakPeak,Q]),ea=e=>{let t=e*en();return t>=A-en()&&(t=A-en()),t},el=e=>{let t="edit"===U?{[e]:!1}:g?.enableDrag;return u(t,e)};i(f,()=>({nextSlideInteraction:eu,previousSlideInteraction:ed,moveToSlideInteraction:em,getSwiper:()=>c}));let es=e=>{c?.slideTo(e),x&&x(e)},eo=(e,t)=>{let{key:r,data:n,isRollback:i,element:a}=e,l=Math.max(c?.activeIndex??0,0);if(i&&void 0===n)return;if(i){if("specific"===t){let{previousData:e}=J(a,r);es(Number(e))}else es("next"===t?l-1:l+1);return}let s="specific"===t?Math.max($.current,0):l;G(a,r,s.toString());let o="specific"===t?Number(n):"next"===t?l+1:l-1;es(o)},eu=e=>{eo(e,"next")},ed=e=>{eo(e,"previous")},em=e=>{eo(e,"specific")},ep=en(),ef=r(()=>!!A&&c&&u(g?.dot,q)&&!_&&k>1,[A,c,g?.dot,q,_,k]),ec=u(g?.vertical,q,!1)?"vertical":"horizontal",ek=r(()=>"center"===u(g?.sneakPeakType,q)&&"number"==typeof u(g?.itemNumber,q)&&Number(u(g?.itemNumber,q))>1,[g?.sneakPeakType,g?.itemNumber,q]),eh=e=>{let{swiperWidth:t,slidesPerView:r,itemNumberByDevice:n,centeredSlides:i}=e;if(!i||!n)return 0;let a=t/r,l=(Number(n)-2)/2-1;return-(a/2+l*a)},eb=r(()=>{let e=u(z,q,!1),t=c?.width??0,r={0:"mobile",768:"tablet",1025:"desktop"},n=Number(Object.entries(r).find(([,e])=>e===q)?.[0]??1025),i=Object.entries(r).reduce((e,[r,n])=>{if(!e)return;let i=Number(r),a=u(g?.sneakPeak,n,!1),l=a&&"center"===u(g?.sneakPeakType,n),s=u(g?.itemNumber,n),o=el(n),d=eh({swiperWidth:t,slidesPerView:ep,itemNumberByDevice:s,centeredSlides:l}),m=g?.initialSlide||P||0;return e[i]={allowTouchMove:o,slidesOffsetBefore:d,slidesOffsetAfter:d,initialSlide:m,centeredSlides:l},e},{}),a="center"===u(g?.sneakPeakType,q)&&"number"==typeof u(g?.itemNumber,q)&&Number(u(g?.itemNumber,q))>1;return{speed:y?.playSpeed??500,dir:g?.rtl?"rtl":"ltr",spaceBetween:u(y?.spacing,q)||0,loop:e,slidesPerView:"auto"===u(Z,q,1)?"auto":ep,direction:ec,breakpoints:i,isSneakPeekCenter:a,slidesOffsetBefore:i?.[n]?.slidesOffsetBefore,thumbs:{slideThumbActiveClass:"gem-slider-item-active"},loopPreventsSliding:!1,autoplay:{delay:(g?.autoplayTimeout??1)*1e3,pauseOnMouseEnter:g?.pauseOnHover,stopOnLastSlide:!e}}},[y?.playSpeed,g?.rtl,y?.spacing,q,z,ep,g?.sneakPeakType,g?.pauseOnHover,g?.autoplayTimeout,c?.width,A]),eP=u(g?.sneakPeak,q),ey=n(e=>{let t=c&&c.params?.slidesPerView,r=t?c?.slidesPerViewDynamic():1;if(e<=1)return!1;let n="auto"===eb.slidesPerView?r:eb.slidesPerView;if(!Q||e<Number(n)||!C)return!1;let i=u(g?.sneakPeak,q,!1),a=i&&"center"===u(g?.sneakPeakType,q),l=Number.isNaN(Number(n))?1:Math.ceil(Number(n));a&&l%2==0&&(l+=1);let s=a?Math.max(1,Math.ceil(l/2)):1;return e<l+s},[c,eb.slidesPerView,Q,C,g?.sneakPeak,g?.sneakPeakType,q]);a(()=>{let e=`[data-id="${b?.uid}"]`;W({event:"gp:change-next-slide",selector:e,elementRef:R},e=>{let{data:t,isRollback:r,uniqueStorageKey:n}=e||{};eu({element:R.current,data:t,isRollback:r,key:n})}),W({event:"gp:change-previous-slide",selector:e,elementRef:R},e=>{let{data:t,isRollback:r,uniqueStorageKey:n}=e||{};ed({element:R.current,data:t,isRollback:r,key:n})}),W({event:"gp:change-image-step",selector:e,elementRef:R},e=>{let{data:t,isRollback:r,uniqueStorageKey:n}=e||{};em({element:R.current,data:t,isRollback:r,key:n})}),W({event:"gp:change-index-slide",selector:e},t=>{let r=document.querySelector(e),{data:n,isRollback:i,uniqueStorageKey:a}=t||{};em({element:r,data:n,isRollback:i,key:a})})},[]),a(()=>{j(k)},[k]),a(()=>{if("number"==typeof P){if($.current=P,c?.params?.loop){c?.slideToLoop(P);return}c?.slideTo(P)}},[c,P,T]);let eg=()=>{let e=u(g?.loop,q,!1);if(!c||!ek||e)return;let t=ei().length;if(!t)return;let r=c.snapIndex>=t-1;c.isEnd=r,c.allowSlideNext=!r};return a(()=>{if(!c)return;let e=()=>{j(c.slides.length),eg()},t=()=>{S&&S(c.realIndex)},r=()=>{F(c.realIndex),L(c?.translate===0),I(c?.translate<=c?.maxTranslate())};return c.on("transitionEnd",r),c.on("slideChange",e),c.on("slideChangeTransitionStart",t),()=>{c?.off("slideChange",e),c?.off("slideChangeTransitionStart",t),c?.off("transitionEnd",r)}},[eb.loop,c]),a(()=>{c?.wrapperEl&&(c.wrapperEl.style.transitionTimingFunction=g?.animationMode??"ease")},[c,g?.animationMode]),a(()=>{if(c&&c.autoplay){let e="edit"===U?!!H&&g?.runPreview&&g?.autoplay:g?.autoplay;e?c.autoplay.start():c.autoplay.stop()}},[c,g?.autoplay,U,H,g?.runPreview]),a(()=>{let e=e=>{if(b?.uid!==e?.detail.componentUid)return;let t=e?.detail.index||0;c?.slideToLoop(t)};return window.addEventListener("move-to-idx",e),()=>window.removeEventListener("move-to-idx",e)},[c,b?.uid]),a(()=>{if(!c)return;let e=c.el;e?.classList?.remove("swiper-horizontal","swiper-vertical");let t=u(g?.vertical,q)?"swiper-vertical":"swiper-horizontal";e?.classList?.add(t),c?.slides?.forEach(e=>{e.style.width="",e.style.height=""}),c?.update()},[q,g?.vertical,c,c?.params]),a(()=>{if(!c||!w)return;let e=()=>{let e=c?.slides?.slice(0,k)||[],t=Number(eb?.spaceBetween||0),r=e.reduce((e,t)=>e+t.offsetHeight,0)+t*(e.length-1),n=e.reduce((e,t)=>e+t.offsetWidth,0)+t*(e.length-1),i=c.params?.direction==="horizontal"?n>(c.width||0):r>(c.height||0);O(i)};return e(),c.on("resize",e),c.on("update",e),c.on("slidesLengthChange",e),c.on("orientationchange",e),()=>{c.off("resize",e),c.off("update",e),c.off("slidesLengthChange",e),c.off("orientationchange",e)}},[c]),{isInfinity:Q,sliderSettings:eb,totalSlideItem:A,currentSlide:D,localRef:R,isRenderDots:ef,showNavigation:ee,isScrollToStart:E,isScrollToEnd:M,handleDotClick:(e,t)=>{let r=g?.sneakPeak?.[q]?e:t?e:ea(e);if(t){if(k<ep){c?.slideTo(r);return}if(c?.realIndex===r)return;if(r===Number(c?.realIndex)+1||0===r&&c?.realIndex===k-1)return c?.slideNext();if(r===Number(c?.realIndex)-1||r===k-1&&c?.realIndex===0)return c?.slidePrev();let e="center"===u(g?.sneakPeakType,q)&&"number"==typeof u(g?.itemNumber,q)&&Number(u(g?.itemNumber,q))%2==0;e?c?.slideToLoopCenterSneakPeek(r):c?.slideToLoop(r)}else c?.slideTo(r);$.current=r},getItemsPerPage:en,handleNextAndPrevSlide:e=>{"next"===e?c?.slideNext():c?.slidePrev(),N&&(h&&clearTimeout(h),h=setTimeout(()=>N&&N(),500))},dispatchEventSelectSlide:e=>{K({event:"gp:rollback:select-slide",selector:`[data-id="${b?.uid}"]`,element:v?.current}),K({event:"gp:select-slide",selector:`[data-id="${b?.uid}"]`,data:e,element:v?.current})},getNumberOfFullWidthShow:er,setCurrentSlide:F,shouldDuplicateSlides:ey,setIsScrollToStart:L,setIsScrollToEnd:I,isHideNavigation:_,sneakPeak:eP}};export{p as useCarousel};

package/dist/esm/carousel-v3/index.js

@@ -1 +1 @@
-import"react/jsx-runtime";import"react";import"@gem-sdk/core";import"@gem-sdk/system";import"next/link";import t from"./settings/Carousel.js";import e from"./settings/CarouselItem.js";let r={CarouselV3:t,CarouselItemV3:e};export{r as carouselSettingV3};
+import"react/jsx-runtime";import"react";import"@gem-sdk/core";import"@gem-sdk/system";import"next/link";import"./components/swiper/Swiper.js";import t from"./settings/Carousel.js";import e from"./settings/CarouselItem.js";let r={CarouselV3:t,CarouselItemV3:e};export{r as carouselSettingV3};

package/dist/esm/carousel-v3/settings/configs/settings-v2.js

@@ -1,3 +1,3 @@
-import{CAROUSEL_ANIMATION as e}from"../../plugins/animation.js";let t=[{id:"itemNumber",label:"",type:"carousel-layout-selector",devices:{desktop:{default:4}}},{id:"sneakPeak",label:"Sneak peek",type:"sneak-peak",devices:{desktop:{default:!1}}},{id:"sneakPeakType",label:"",type:"sneak-peak-type",itemPerRow:2,iconViewBox:"0 0 118 52",enableItemBackground:!0,enableTooltip:!0,options:[{value:"forward",type:"sneak-peak-offset"},{value:"center",type:"sneak-peak-offset"}],devices:{desktop:{default:"forward"}}},{id:"sneakPeakOffsetForward",label:"Ratio",type:"input:slider",min:1,max:100,showDefaultUnit:!0,isNumber:!0,units:["%"],devices:{desktop:{default:50}}},{id:"sneakPeakOffsetCenter",label:"Ratio",type:"input:slider",min:1,max:100,showDefaultUnit:!0,isNumber:!0,units:["%"],devices:{desktop:{default:50}}},{id:"childItem",label:"Item management",type:"child-item",default:["Item 1","Item 2","Item 3","Item 4","Item 5","Item 6"]},{id:"vertical",label:"Vertical layout",type:"toggle",devices:{desktop:{default:!1}}},{id:"controlOverContent",label:"Next & previous position",type:"segment",options:[{label:"Inside",value:!0},{label:"Outside",value:!1}],devices:{desktop:{default:!0}}},{id:"dot",label:"Dots",type:"toggle",devices:{desktop:{default:!0}}},{id:"dotStyle",label:"Dot style",type:"option:illustration",iconViewBox:"0 0 77 48",enableItemBackground:!0,enableTooltip:!0,options:[{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:"inside"}}},{id:"dotSize",label:"Dots size",type:"input:stepper",min:1,devices:{desktop:{default:12}}},{id:"dotGapToCarousel",label:"Gap to carousel",type:"input:slider",min:0,max:120,ignoreMax:!0,devices:{desktop:{default:16}}},{id:"dotColor",label:"Dot color",type:"color-picker-v2",devices:{desktop:{default:"bg-1"}},compoDefaultValue:{desktop:{default:"bg-1"}}},{id:"dotActiveColor",label:"Dot color active",type:"color-picker-v2",devices:{desktop:{default:"line-3"}},compoDefaultValue:{desktop:{default:"line-3"}}},{id:"navigationEnable",type:"toggle",devices:{desktop:{default:!0}}},{id:"navigationStyle",type:"option:illustration",iconViewBox:"0 0 77 48",enableItemBackground:!0,label:"Navigation style",enableTooltip:!0,options:[{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:{desktop:{default:"inside"}}},{id:"arrowCustom",type:"icon",isHideClear:!0,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" 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"></path></svg>
-    `},{id:"arrowCustomColor",label:"Icon color",type:"color-picker-v2",default:"#121212",compoDefaultValue:"#121212"},{id:"arrowIconSize",label:"Number per show",type:"input:stepper",min:1,devices:{desktop:{default:24}}},{id:"arrowButtonSize",type:"size-setting",label:"",devices:{desktop:{default:{shapeValue:"1/1",shapeLinked:!0,width:void 0,height:void 0,padding:{linked:!0,type:"custom",top:"16px",bottom:"16px",left:"16px",right:"16px"}}}},lockShapeValue:!0,hiddenShowMore:!0,hiddenSettings:["gap","proportion","padding"],settingConfig:{width:{name:"Width",units:["px"],displayOptions:["small","medium","large"],sizeConfig:{small:"24px",medium:"32px",large:"40px"}},height:{name:"Height",units:["px"],displayOptions:["small","medium","large","full-height"],sizeConfig:{small:"24px",medium:"32px",large:"40px",full:"100%"}},padding:{paddingConfig:{small:{vertical:"2px",horizontal:"2px"},medium:{vertical:"4px",horizontal:"4px"},large:{vertical:"8px",horizontal:"8px"}}}},sizePaddingInput:"small"},{id:"arrowBackgroundColor",label:"Background Color",type:"color-picker-v2",default:"transparent",compoDefaultValue:"bg-2"},{id:"arrowBorder",type:"border-v2",label:"Border",devices:{desktop:{default:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!0}}},compoDefaultValue:{desktop:{default:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}}},{id:"arrowShadow",type:"shadow-v2",devices:{desktop:{default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!1}}},compoDefaultValue:{desktop:{default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}}},{id:"roundedArrow",type:"corner-v2",label:"Border Radius",devices:{desktop:{default:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},compoDefaultValue:{desktop:{default:{btrr:"9999px",bblr:"9999px",bbrr:"9999px",btlr:"9999px",radiusType:"circle"}}}},{id:"arrowGapToEachSide",label:"Gap to each side",type:"input:slider",min:0,max:120,ignoreMax:!0,default:"16"},{id:"showWhenHover",label:"Only show when hover",type:"toggle",default:!1},{id:"rtl",label:"Direction",type:"option:value",options:[{value:!1,iconName:"polaris-arrow-left",label:"Right to left"},{value:!0,label:"Left to right",iconName:"polaris-arrow-right"}],default:!1},{id:"autoplay",label:"Autoplay",type:"toggle",default:!1},{id:"autoplayTimeout",label:"Time out",type:"input:slider",min:1,max:4,step:.1,default:2,units:["s"],isNumber:!0,showDefaultUnit:!0,ignoreMax:!0},{id:"pauseOnHover",label:"Pause On Hover",type:"toggle",default:!0,hide:!0},{id:"runPreview",type:"play-pause",hideLabel:!0,default:!1},{id:"enableDrag",label:"Drag to scroll",type:"toggle",devices:{desktop:{default:!0}}},{id:"loop",label:"Infinity loop",type:"toggle",devices:{desktop:{default:!1}}},{id:"animationMode",label:"Animation",type:"select",default:e.EASE_IN.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:"background",type:"background-media-combo",devices:{desktop:{default:{type:"color",color:void 0,image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"bg-2",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}}},{id:"label",label:"Option Label",type:"toggle",default:!0}],l=[{id:"backgroundColor",type:"color-picker-v2",devices:{desktop:{default:void 0}},compoDefaultValue:{desktop:{default:"#DDDDDD"}},enableGradient:!0},{id:"backgroundImage",type:"background-image",devices:{desktop:{default:{}}},compoDefaultValue:{desktop:{default:{image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480,hiddenSEO:!0},repeat:"no-repeat",size:"cover",position:{x:50,y:50},attachment:"scroll",preload:!1}}}},{id:"playSpeed",label:"Slide speed",type:"input:slider",useOnlyUnitInit:!0,min:100,max:5e3,step:50,units:["ms"],showDefaultUnit:!0,isNumber:!0,default:500},{id:"sizeSetting",type:"size-setting",label:"",devices:{desktop:{default:{shapeLinked:!1,width:"default",height:"auto"}}},settingConfig:{width:{displayOptions:["full","default"],name:"Width"},height:{displayOptions:["auto","small","medium","large"],name:"Height",sizeConfig:{small:"300px",medium:"500px",large:"700px"}}},hiddenSettings:["padding","gap","shape"]},{id:"align",label:"Align",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"center"}}},{id:"borderContent",type:"border-v2",label:"Border",default:{borderType:"none",border:"none",width:"1px 1px 1px 1px",position:"all",borderWidth:"1px",color:"line-3",isCustom:!0},compoDefaultValue:{width:"1px 1px 1px 1px",position:"all",borderWidth:"1px",color:"line-3",border:"solid"}},{id:"roundedContent",type:"corner-v2",label:"Corner",default:{radiusType:"none"}},{id:"hasActiveShadow",type:"toggle",label:"Enable Button Shadow",default:!1},{id:"carouselShadow",type:"shadow-v2",label:"Button Shadow",default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!1},compoDefaultValue:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}},{id:"spacing",label:"Items spacing",type:"input:slider",fallbackValue:"0",min:0,max:80,ignoreMax:!0,devices:{desktop:{default:16}}},{id:"itemPadding",type:"size-setting",devices:{desktop:{default:{padding:{}}}},hiddenSettings:["shape","gap","width","height"],hiddenShowMore:!0}],a=[{id:"setting",controls:t},{id:"style",controls:l}];export{a as CarouselSettingsV2,t as CarouselSettingsV2Setting,l as CarouselSettingsV2Style};
+import{CAROUSEL_ANIMATION as e}from"../../plugins/animation.js";let t=[{id:"itemNumber",label:"",type:"carousel-layout-selector",devices:{desktop:{default:4}}},{id:"sneakPeak",label:"Sneak peek",type:"sneak-peak",devices:{desktop:{default:!1}}},{id:"sneakPeakType",label:"",type:"sneak-peak-type",itemPerRow:2,iconViewBox:"0 0 118 52",enableItemBackground:!0,enableTooltip:!0,options:[{value:"forward",type:"sneak-peak-offset"},{value:"center",type:"sneak-peak-offset"}],devices:{desktop:{default:"forward"}}},{id:"sneakPeakOffsetForward",label:"Ratio",type:"input:slider",min:1,max:100,showDefaultUnit:!0,isNumber:!0,units:["%"],devices:{desktop:{default:50}}},{id:"sneakPeakOffsetCenter",label:"Ratio",type:"input:slider",min:1,max:100,showDefaultUnit:!0,isNumber:!0,units:["%"],devices:{desktop:{default:50}}},{id:"childItem",label:"Item management",type:"child-item",default:["Item 1","Item 2","Item 3","Item 4","Item 5","Item 6"]},{id:"vertical",label:"Vertical layout",type:"toggle",devices:{desktop:{default:!1}}},{id:"controlOverContent",label:"Next & previous position",type:"segment",options:[{label:"Inside",value:!0},{label:"Outside",value:!1}],devices:{desktop:{default:!0}}},{id:"dot",label:"Dots",type:"toggle",devices:{desktop:{default:!0}}},{id:"dotStyle",label:"Dot style",type:"option:illustration",iconViewBox:"0 0 77 48",enableItemBackground:!0,enableTooltip:!0,options:[{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:"inside"}}},{id:"dotSize",label:"Dots size",type:"input:stepper",min:1,devices:{desktop:{default:12}}},{id:"dotGapToCarousel",label:"Gap to carousel",type:"input:slider",min:0,max:120,ignoreMax:!0,devices:{desktop:{default:16}}},{id:"dotColor",label:"Dot color",type:"color-picker-v2",devices:{desktop:{default:"bg-1"}},compoDefaultValue:{desktop:{default:"bg-1"}}},{id:"dotActiveColor",label:"Dot color active",type:"color-picker-v2",devices:{desktop:{default:"line-3"}},compoDefaultValue:{desktop:{default:"line-3"}}},{id:"navigationEnable",type:"toggle",devices:{desktop:{default:!0}}},{id:"navigationStyle",type:"option:illustration",iconViewBox:"0 0 77 48",enableItemBackground:!0,label:"Navigation style",enableTooltip:!0,options:[{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:{desktop:{default:"inside"}}},{id:"arrowCustom",type:"icon",isHideClear:!0,default:`<svg height="20" width="20" data-name="caret-right-bold" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="508817562042106216">
+      <path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M184.49,136.49l-80,80a12,12,0,0,1-17-17L159,128,87.51,56.49a12,12,0,1,1,17-17l80,80A12,12,0,0,1,184.49,136.49Z"></path></svg>
+    `},{id:"arrowCustomColor",label:"Icon color",type:"color-picker-v2",default:"text-1",compoDefaultValue:"text-1"},{id:"arrowIconSize",label:"Number per show",type:"input:stepper",min:1,devices:{desktop:{default:16}}},{id:"arrowButtonSize",type:"size-setting",label:"",devices:{desktop:{default:{shapeValue:"1/1",shapeLinked:!0,width:void 0,height:void 0,padding:{linked:!0,type:"custom",top:"16px",bottom:"16px",left:"16px",right:"16px"}}}},lockShapeValue:!0,hiddenShowMore:!0,hiddenSettings:["gap","proportion","padding"],settingConfig:{width:{name:"Width",units:["px"],displayOptions:["small","medium","large"],sizeConfig:{small:"24px",medium:"32px",large:"40px"}},height:{name:"Height",units:["px"],displayOptions:["small","medium","large","full-height"],sizeConfig:{small:"24px",medium:"32px",large:"40px",full:"100%"}},padding:{paddingConfig:{small:{vertical:"2px",horizontal:"2px"},medium:{vertical:"4px",horizontal:"4px"},large:{vertical:"8px",horizontal:"8px"}}}},sizePaddingInput:"small"},{id:"arrowBackgroundColor",label:"Background Color",type:"color-picker-v2",default:"transparent",compoDefaultValue:"bg-2"},{id:"arrowBorder",type:"border-v2",label:"Border",devices:{desktop:{default:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!0}}},compoDefaultValue:{desktop:{default:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}}},{id:"arrowShadow",type:"shadow-v2",devices:{desktop:{default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!1}}},compoDefaultValue:{desktop:{default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}}},{id:"roundedArrow",type:"corner-v2",label:"Border Radius",devices:{desktop:{default:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}}},compoDefaultValue:{desktop:{default:{btrr:"9999px",bblr:"9999px",bbrr:"9999px",btlr:"9999px",radiusType:"circle"}}}},{id:"arrowGapToEachSide",label:"Gap to each side",type:"input:slider",min:0,max:120,ignoreMax:!0,default:"16"},{id:"showWhenHover",label:"Only show when hover",type:"toggle",default:!1},{id:"rtl",label:"Direction",type:"option:value",options:[{value:!1,iconName:"polaris-arrow-left",label:"Right to left"},{value:!0,label:"Left to right",iconName:"polaris-arrow-right"}],default:!1},{id:"autoplay",label:"Autoplay",type:"toggle",default:!1},{id:"autoplayTimeout",label:"Time out",type:"input:slider",min:1,max:4,step:.1,default:2,units:["s"],isNumber:!0,showDefaultUnit:!0,ignoreMax:!0},{id:"pauseOnHover",label:"Pause On Hover",type:"toggle",default:!0,hide:!0},{id:"runPreview",type:"play-pause",hideLabel:!0,default:!1},{id:"enableDrag",label:"Drag to scroll",type:"toggle",devices:{desktop:{default:!0}}},{id:"loop",label:"Infinity loop",type:"toggle",devices:{desktop:{default:!1}}},{id:"animationMode",label:"Animation",type:"select",default:e.EASE_IN.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:"background",type:"background-media-combo",devices:{desktop:{default:{type:"color",color:void 0,image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}},compoDefaultValue:{desktop:{default:{type:"color",color:"bg-2",image:{src:"",width:0,height:0},size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll"}}}},{id:"label",label:"Option Label",type:"toggle",default:!0}],l=[{id:"backgroundColor",type:"color-picker-v2",devices:{desktop:{default:void 0}},compoDefaultValue:{desktop:{default:"#DDDDDD"}},enableGradient:!0},{id:"backgroundImage",type:"background-image",devices:{desktop:{default:{}}},compoDefaultValue:{desktop:{default:{image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480,hiddenSEO:!0},repeat:"no-repeat",size:"cover",position:{x:50,y:50},attachment:"scroll",preload:!1}}}},{id:"playSpeed",label:"Slide speed",type:"input:slider",useOnlyUnitInit:!0,min:100,max:5e3,step:50,units:["ms"],showDefaultUnit:!0,isNumber:!0,default:500},{id:"sizeSetting",type:"size-setting",label:"",devices:{desktop:{default:{shapeLinked:!1,width:"default",height:"auto"}}},settingConfig:{width:{displayOptions:["full","default"],name:"Width"},height:{displayOptions:["auto","small","medium","large"],name:"Height",sizeConfig:{small:"300px",medium:"500px",large:"700px"}}},hiddenSettings:["padding","gap","shape"]},{id:"align",label:"Align",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],devices:{desktop:{default:"center"}}},{id:"borderContent",type:"border-v2",label:"Border",default:{borderType:"none",border:"none",width:"1px 1px 1px 1px",position:"all",borderWidth:"1px",color:"line-3",isCustom:!0},compoDefaultValue:{width:"1px 1px 1px 1px",position:"all",borderWidth:"1px",color:"line-3",border:"solid"}},{id:"roundedContent",type:"corner-v2",label:"Corner",default:{radiusType:"none"}},{id:"hasActiveShadow",type:"toggle",label:"Enable Button Shadow",default:!1},{id:"carouselShadow",type:"shadow-v2",label:"Button Shadow",default:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!1},compoDefaultValue:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}},{id:"spacing",label:"Items spacing",type:"input:slider",fallbackValue:"0",min:0,max:80,ignoreMax:!0,devices:{desktop:{default:16}}},{id:"itemPadding",type:"size-setting",devices:{desktop:{default:{padding:{}}}},hiddenSettings:["shape","gap","width","height"],hiddenShowMore:!0}],a=[{id:"setting",controls:t},{id:"style",controls:l}];export{a as CarouselSettingsV2,t as CarouselSettingsV2Setting,l as CarouselSettingsV2Style};

package/dist/esm/carousel-v3/settings/configs/ui-v2.js

@@ -1 +1 @@
-let e={controls:[{label:"Navigation",setting:{id:"navigationEnable"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"navigationEnable === true",label:"Position",setting:{id:"navigationStyle"}},{conditionDisplay:"navigationEnable === true",label:"Icon",setting:{id:"arrowCustom"}},{conditionDisplay:"navigationEnable === true",label:"Icon size",setting:{id:"arrowIconSize"}},{conditionDisplay:"navigationEnable === true",label:"Icon color",setting:{id:"arrowCustomColor"}}],moreSettings:{controls:[{type:"combo",conditionDisplay:"navigationEnable === true",label:"Button size",fixedValue:"Edit",iconName:"polaris-measurement-size",isHideClear:!0,controls:[{setting:{id:"arrowButtonSize"},layout:"vertical"},{label:"Padding",controlConfig:{id:"arrow-button-padding",type:"padding-v2",linkWithSetting:{name:"arrowButtonSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"16px",bottom:"16px",left:"16px",right:"16px",linked:!1}}}}}]},{conditionDisplay:"navigationEnable === true",label:"Background",setting:{id:"arrowBackgroundColor"}},{conditionDisplay:"navigationEnable === true",label:"Border",setting:{id:"arrowBorder"}},{conditionDisplay:"navigationEnable === true",label:"Corner",setting:{id:"roundedArrow"}},{conditionDisplay:"navigationEnable === true",label:"Shadow",setting:{id:"arrowShadow"}},{conditionDisplay:"navigationEnable === true",label:"Gap to edge",setting:{id:"arrowGapToEachSide"}},{conditionDisplay:"navigationEnable === true",label:"Show on hover",setting:{id:"showWhenHover"}}]}},t={controls:[{label:"Dots",setting:{id:"dot"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"dot === true",label:"Position",setting:{id:"dotStyle"},options:{hiddenSwitchDeviceIcon:!0}},{conditionDisplay:"dot === true",label:"Active color",setting:{id:"dotActiveColor"},options:{hiddenSwitchDeviceIcon:!0}},{conditionDisplay:"dot === true",label:"Inactive color",setting:{id:"dotColor"},options:{hiddenSwitchDeviceIcon:!0}}],moreSettings:{controls:[{conditionDisplay:"dot === true",label:"Dots size",setting:{id:"dotSize"},options:{hiddenSwitchDeviceIcon:!0}},{conditionDisplay:"dot === true",label:"Gap to edge",setting:{id:"dotGapToCarousel"},options:{hiddenSwitchDeviceIcon:!0}}]}},i={label:"Slide effect",controls:[{label:"Autoplay",setting:{id:"autoplay"}},{label:"Delay",setting:{id:"autoplayTimeout"},conditionDisplay:"autoplay === true"},{label:"Pause On Hover",setting:{id:"pauseOnHover"},conditionDisplay:"autoplay == true"},{label:"Slide direction",setting:{id:"rtl"}},{label:"Infinity loop",setting:{id:"loop"}},{label:"Drag / swipe",setting:{id:"enableDrag"}}],moreSettings:{controls:[{label:"Slide speed",setting:{id:"playSpeed"}},{label:"Animation",setting:{id:"animationMode"}},{setting:{id:"runPreview"},layout:"vertical",conditionDisplay:"autoplay === true"}]}},o=[{label:"Items per slide",controls:[{setting:{id:"itemNumber"},layout:"vertical",popoverLabel:"Items per slide"}]},{label:"Display",controls:[{label:"Sneak peek",type:"combo",setting:{id:"sneakPeak"},fixedValue:"Styled",iconName:"gp-sneak-peek-left",conditionEnable:"itemNumber > 1",options:{disableMessage:"Sneak peek doesn't work <br> with 1-column layout"},controls:[{layout:"vertical",label:"style",setting:{id:"sneakPeakType"}},{conditionDisplay:'sneakPeakType == "forward"',label:"Ratio",setting:{id:"sneakPeakOffsetForward"}},{conditionDisplay:'sneakPeakType == "center"',label:"Ratio",setting:{id:"sneakPeakOffsetCenter"}}]}]},{label:"Item management",controls:[{label:"Order",setting:{id:"childItem"}}]},{label:"Item spacing",controls:[{label:"Gap",setting:{id:"spacing"}}]},{label:"Item style",controls:[{label:"Padding",controlConfig:{id:"itemPadding",type:"padding-v2",linkWithSetting:{name:"itemPadding",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"16px",bottom:"16px",left:"16px",right:"16px"}}}}},{label:"Background",setting:{id:"background"}}],moreSettings:{controls:[{label:"Border",setting:{id:"borderContent"}},{label:"Corner",setting:{id:"roundedContent"}},{label:"Shadow",setting:{id:"carouselShadow"},options:{updateFields:[{field:"enable",settingId:"hasActiveShadow"}]},controlChangeTrigger:{settings:[{condition:"carouselShadow.enable === true",source:["carouselShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!0}},{condition:"carouselShadow.enable === false",source:["carouselShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!1}}],options:{noRecordHistory:!0}}}]}},e,t,i,{label:"Size",controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"sizeSetting",field:"width"},displayOptions:[{label:"Default",value:"default",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{id:"Height",label:"Height",controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"sizeSetting",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:"Padding",conditionDisplay:'pageType != "POST_PURCHASE"',controlConfig:{id:"slider-padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:"Background",controls:[{label:"Color",setting:{id:"backgroundColor"}},{label:"Image",setting:{id:"backgroundImage"}}]},{label:"Shape",controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"Shadow",setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{conditionEnable:'!(parseInt(sizeSetting.width) >= 100 && sizeSetting.width?.includes("%"))',setting:{id:"align"},label:"Align",options:{labelVariant:"primary",disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{o as SettingUIV2,t as carouselDotsSettings,i as carouselEffectsSettings,e as carouselNavigationSettings};
+let e={hiddenOnMobile:!0,controls:[{label:"Navigation",setting:{id:"navigationEnable"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"navigationEnable === true",label:"Position",setting:{id:"navigationStyle"}},{conditionDisplay:"navigationEnable === true",label:"Icon",setting:{id:"arrowCustom"}},{conditionDisplay:"navigationEnable === true",label:"Icon size",setting:{id:"arrowIconSize"}},{conditionDisplay:"navigationEnable === true",label:"Icon color",setting:{id:"arrowCustomColor"}}],moreSettings:{controls:[{type:"combo",conditionDisplay:"navigationEnable === true",label:"Button size",fixedValue:"Edit",iconName:"polaris-measurement-size",isHideClear:!0,controls:[{setting:{id:"arrowButtonSize"},layout:"vertical"},{label:"Padding",controlConfig:{id:"arrow-button-padding",type:"padding-v2",linkWithSetting:{name:"arrowButtonSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"16px",bottom:"16px",left:"16px",right:"16px",linked:!1}}}}}]},{conditionDisplay:"navigationEnable === true",label:"Background",setting:{id:"arrowBackgroundColor"}},{conditionDisplay:"navigationEnable === true",label:"Border",setting:{id:"arrowBorder"}},{conditionDisplay:"navigationEnable === true",label:"Corner",setting:{id:"roundedArrow"}},{conditionDisplay:"navigationEnable === true",label:"Shadow",setting:{id:"arrowShadow"}},{conditionDisplay:"navigationEnable === true",label:"Gap to edge",setting:{id:"arrowGapToEachSide"}},{conditionDisplay:"navigationEnable === true",label:"Show on hover",setting:{id:"showWhenHover"}}]}},t={hiddenOnMobile:!0,controls:[{label:"Dots",setting:{id:"dot"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"dot === true",label:"Position",setting:{id:"dotStyle"},options:{hiddenSwitchDeviceIcon:!0}},{conditionDisplay:"dot === true",label:"Active color",setting:{id:"dotActiveColor"},options:{hiddenSwitchDeviceIcon:!0}},{conditionDisplay:"dot === true",label:"Inactive color",setting:{id:"dotColor"},options:{hiddenSwitchDeviceIcon:!0}}],moreSettings:{controls:[{conditionDisplay:"dot === true",label:"Dots size",setting:{id:"dotSize"},options:{hiddenSwitchDeviceIcon:!0}},{conditionDisplay:"dot === true",label:"Gap to edge",setting:{id:"dotGapToCarousel"},options:{hiddenSwitchDeviceIcon:!0}}]}},i={label:"Slide effect",controls:[{label:"Autoplay",setting:{id:"autoplay"}},{label:"Delay",setting:{id:"autoplayTimeout"},conditionDisplay:"autoplay === true"},{label:"Pause On Hover",setting:{id:"pauseOnHover"},conditionDisplay:"autoplay == true"},{label:"Slide direction",setting:{id:"rtl"}},{label:"Infinity loop",setting:{id:"loop"}},{label:"Drag / swipe",setting:{id:"enableDrag"}}],moreSettings:{controls:[{label:"Slide speed",setting:{id:"playSpeed"}},{label:"Animation",setting:{id:"animationMode"}},{setting:{id:"runPreview"},layout:"vertical",conditionDisplay:"autoplay === true"}]}},o=[{label:"Items per slide",hiddenOnMobile:!0,controls:[{setting:{id:"itemNumber"},layout:"vertical",popoverLabel:"Items per slide",controlChangeTrigger:{settings:[{condition:"itemNumber === 1",source:["itemNumber"],action:{controlId:"sneakPeak",groupType:"setting",controlType:"setting",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Display",hiddenOnMobile:!0,controls:[{label:"Sneak peek",type:"combo",setting:{id:"sneakPeak"},fixedValue:"Styled",iconName:"gp-sneak-peek-left",conditionEnable:"itemNumber > 1",options:{disableMessage:"Sneak peek doesn't work <br> with 1-column layout"},controls:[{layout:"vertical",label:"style",setting:{id:"sneakPeakType"}},{conditionDisplay:'sneakPeakType == "forward"',label:"Ratio",setting:{id:"sneakPeakOffsetForward"}},{conditionDisplay:'sneakPeakType == "center"',label:"Ratio",setting:{id:"sneakPeakOffsetCenter"}}]}]},{label:"Item management",controls:[{label:"Order",setting:{id:"childItem"}}]},{label:"Item spacing",controls:[{label:"Gap",setting:{id:"spacing"}}]},{label:"Item style",hiddenOnMobile:!0,controls:[{label:"Padding",controlConfig:{id:"itemPadding",type:"padding-v2",linkWithSetting:{name:"itemPadding",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"16px",bottom:"16px",left:"16px",right:"16px"}}}}},{label:"Background",setting:{id:"background"}}],moreSettings:{controls:[{label:"Border",setting:{id:"borderContent"}},{label:"Corner",setting:{id:"roundedContent"}},{label:"Shadow",setting:{id:"carouselShadow"},options:{updateFields:[{field:"enable",settingId:"hasActiveShadow"}]},controlChangeTrigger:{settings:[{condition:"carouselShadow.enable === true",source:["carouselShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!0}},{condition:"carouselShadow.enable === false",source:["carouselShadow"],action:{controlId:"hasActiveShadow",groupType:"style",controlType:"style",newValue:!1}}],options:{noRecordHistory:!0}}}]}},e,t,i,{label:"Size",hiddenOnMobile:!0,controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"sizeSetting",field:"width"},displayOptions:[{label:"Default",value:"default",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{id:"Height",label:"Height",controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"sizeSetting",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:"Padding",conditionDisplay:'pageType != "POST_PURCHASE"',controlConfig:{id:"slider-padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:"Background",controls:[{label:"Color",setting:{id:"backgroundColor"}},{label:"Image",setting:{id:"backgroundImage"}}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"Shadow",setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{conditionEnable:'!(parseInt(sizeSetting.width) >= 100 && sizeSetting.width?.includes("%"))',setting:{id:"align"},hiddenOnMobile:!0,label:"Align",options:{labelVariant:"primary",disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{o as SettingUIV2,t as carouselDotsSettings,i as carouselEffectsSettings,e as carouselNavigationSettings};

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

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as r,jsxs as e}from"react/jsx-runtime";import"react";import{useCartData as t,CartLineProvider as i,isEmptyChildren as m}from"@gem-sdk/core";import"next/head";import o from"../../grid/components/ChildrenDroppable.js";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import d from"../../grid/components/col/Col.js";let n=({builderProps:n,advanced:l,setting:p,styles:a,children:s,...c})=>{let{data:h,error:u}=t();return r("div",{"data-id":n?.uid,...c,children:u?e("div",{children:["Error: ",u.message]}):h?r(d,{styles:a,children:h.lineItems.map(e=>e?r(i,{line:e,children:m(s)?r(o,{}):s},e.id):null)}):r("div",{children:"Cart Empty"})})};export{n as default};
+import{jsx as r,jsxs as e}from"react/jsx-runtime";import"react";import{useCartData as t,CartLineProvider as i,isEmptyChildren as o}from"@gem-sdk/core";import"next/head";import m from"../../grid/components/ChildrenDroppable.js";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import"../../grid/components/section/lazyload/lazyInteractionTrigger.js";import n from"../../grid/components/col/Col.js";let d=({builderProps:d,advanced:l,setting:p,styles:a,children:s,...c})=>{let{data:g,error:h}=t();return r("div",{"data-id":d?.uid,...c,children:h?e("div",{children:["Error: ",h.message]}):g?r(n,{styles:a,children:g.lineItems.map(e=>e?r(i,{line:e,children:o(s)?r(m,{}):s},e.id):null)}):r("div",{children:"Cart Empty"})})};export{d as default};

package/dist/esm/cart/index.js

@@ -1 +1 @@
-import"react/jsx-runtime";import"react";import"@gem-sdk/core";import"next/head";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import"../image/components/AdaptiveImage.js";export{default as ShopPayButton}from"./components/shop-pay-button/ShopPayButton.js";import t from"./settings/Cart.js";import r from"./settings/CartLinePrice.js";import o from"./settings/CartLineVariant.js";import i from"./settings/CartList.js";import e from"./settings/CartLineImage.js";import s from"./settings/CartTotalPrice.js";import m from"./settings/CartTotalItem.js";import a from"./settings/CartCheckout.js";import n from"./settings/DiscountInput.js";import p from"./settings/CartDiscount.js";import C from"./settings/CartOrderNote.js";import g from"./settings/CartLineAttribute.js";import u from"./settings/CouponList.js";import c from"./settings/ShopPayButton.js";let j={Cart:t,CartList:i,CartLinePrice:r,CartLineVariant:o,CartLineImage:e,CartTotalPrice:s,CartTotalItem:m,CartCheckout:a,DiscountInput:n,CartDiscount:p,CartOrderNote:C,CartLineAttribute:g,CouponList:u,ShopPayButton:c};export{j as cartSetting};
+import"react/jsx-runtime";import"react";import"@gem-sdk/core";import"next/head";import"next/image";import"@gem-sdk/system";import"next/link";import"react-youtube";import"../grid/components/section/lazyload/lazyInteractionTrigger.js";import"../image/components/AdaptiveImage.js";export{default as ShopPayButton}from"./components/shop-pay-button/ShopPayButton.js";import t from"./settings/Cart.js";import r from"./settings/CartLinePrice.js";import o from"./settings/CartLineVariant.js";import i from"./settings/CartList.js";import e from"./settings/CartLineImage.js";import s from"./settings/CartTotalPrice.js";import m from"./settings/CartTotalItem.js";import a from"./settings/CartCheckout.js";import n from"./settings/DiscountInput.js";import p from"./settings/CartDiscount.js";import C from"./settings/CartOrderNote.js";import g from"./settings/CartLineAttribute.js";import u from"./settings/CouponList.js";import c from"./settings/ShopPayButton.js";let j={Cart:t,CartList:i,CartLinePrice:r,CartLineVariant:o,CartLineImage:e,CartTotalPrice:s,CartTotalItem:m,CartCheckout:a,DiscountInput:n,CartDiscount:p,CartOrderNote:C,CartLineAttribute:g,CouponList:u,ShopPayButton:c};export{j as cartSetting};

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

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

package/dist/esm/collection/index.js

@@ -1 +1 @@
-import"react/jsx-runtime";import"@gem-sdk/core";import"react";import"@gem-sdk/system";import"next/link";import"next/head";import"next/image";import"react-youtube";import"html-react-parser";import o from"./settings/collection-title/CollectionTitle.js";import t from"./settings/collection-banner/CollectionBanner.js";import i from"./settings/collection-description/CollectionDescription.js";import e from"./settings/collection-toolbar/CollectionToolbar.js";import l from"./settings/collection-paginator/CollectionPaginator.js";let r={CollectionTitle:o,CollectionBanner:t,CollectionDescription:i,CollectionToolbar:e,CollectionPaginator:l};export{r as collectionSetting};
+import"react/jsx-runtime";import"@gem-sdk/core";import"react";import"@gem-sdk/system";import"next/link";import"next/head";import"next/image";import"react-youtube";import"../grid/components/section/lazyload/lazyInteractionTrigger.js";import"html-react-parser";import o from"./settings/collection-title/CollectionTitle.js";import t from"./settings/collection-banner/CollectionBanner.js";import i from"./settings/collection-description/CollectionDescription.js";import e from"./settings/collection-toolbar/CollectionToolbar.js";import r from"./settings/collection-paginator/CollectionPaginator.js";let l={CollectionTitle:o,CollectionBanner:t,CollectionDescription:i,CollectionToolbar:e,CollectionPaginator:r};export{l as collectionSetting};

package/dist/esm/collection/settings/collection-banner/configs/ui-v2.js

@@ -1 +1 @@
-let l=[{controls:[{setting:{id:"layout"},layout:"vertical",options:{fullWidth:!0}}]},{label:"Column spacing",conditionDisplay:"!!layout.cols && layout.cols.length > 1",controls:[{label:"Column gap",setting:{id:"verticalGutter"}}]},{label:"Collection image",controls:[{label:"Image",layout:"horizontal",setting:{id:"background"}},{type:"combo",comboType:"color",label:"Overlay",getValueFromSettingID:"overlayColor.normal",disableScrollbar:!0,compoDefaultValue:"#121212",popoverLabel:"Overlay",controls:[{label:"color",setting:{id:"overlayColor",state:"normal"}},{label:"opacity",setting:{id:"overlayOpacity",state:"normal"}}]}]},{label:"Size",controls:[{label:"Fit height to content",setting:{id:"fixedMode"}},{label:"Height",conditionDisplay:"fixedMode==false",setting:{id:"height"}}]},{label:"Content",controls:[{label:"Content width",setting:{id:"width"}},{label:"Content align",setting:{id:"contentPosition"}}]},{label:"Effect",controls:[{label:"Hover effect",setting:{id:"hoverEffect"}},{label:"Zoom value",conditionDisplay:'hoverEffect=="zoom"',setting:{id:"hoverScale"}},{label:"Zoom time",conditionDisplay:'hoverEffect=="zoom"',setting:{id:"hoverDuration"}}]},{label:"Align column",controls:[{label:"Vertical",setting:{id:"verticalAlign"},conditionDisplay:"!!layout.cols && layout.cols.length > 1"}]}];export{l as SettingUIV2};
+let l=[{hiddenOnMobile:!0,controls:[{setting:{id:"layout"},layout:"vertical",options:{fullWidth:!0}}]},{label:"Column spacing",hiddenOnMobile:!0,conditionDisplay:"!!layout.cols && layout.cols.length > 1",controls:[{label:"Column gap",setting:{id:"verticalGutter"}}]},{label:"Collection image",hiddenOnMobile:!0,controls:[{label:"Image",layout:"horizontal",setting:{id:"background"}},{type:"combo",comboType:"color",label:"Overlay",getValueFromSettingID:"overlayColor.normal",disableScrollbar:!0,compoDefaultValue:"#121212",popoverLabel:"Overlay",controls:[{label:"color",setting:{id:"overlayColor",state:"normal"}},{label:"opacity",setting:{id:"overlayOpacity",state:"normal"}}]}]},{label:"Size",hiddenOnMobile:!0,controls:[{label:"Fit height to content",setting:{id:"fixedMode"}},{label:"Height",conditionDisplay:"fixedMode==false",setting:{id:"height"}}]},{label:"Content",hiddenOnMobile:!0,controls:[{label:"Content width",setting:{id:"width"}},{label:"Content align",setting:{id:"contentPosition"}}]},{label:"Effect",hiddenOnMobile:!0,controls:[{label:"Hover effect",setting:{id:"hoverEffect"}},{label:"Zoom value",conditionDisplay:'hoverEffect=="zoom"',setting:{id:"hoverScale"}},{label:"Zoom time",conditionDisplay:'hoverEffect=="zoom"',setting:{id:"hoverDuration"}}]},{label:"Align column",hiddenOnMobile:!0,controls:[{label:"Vertical",setting:{id:"verticalAlign"},conditionDisplay:"!!layout.cols && layout.cols.length > 1"}]}];export{l as SettingUIV2};

package/dist/esm/collection/settings/collection-description/configs/ui-v2.js

@@ -1 +1 @@
-let e=[{label:"Text style",controls:[{id:"typo",label:"Basic",setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"setting",controlType:"setting"}}],options:{noRecordHistory:!0}}}]},{controls:[{label:"View more button",setting:{id:"hasLineClamp"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Text color",setting:{id:"showMoreColor"},conditionDisplay:"hasLineClamp == true"},{label:"Max lines",setting:{id:"lineClamp"},conditionDisplay:"hasLineClamp == true"},{type:"combo",label:"Show more label",iconName:"polaris-text-block",getValueFromSettingID:"viewMoreText",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"Show more",popoverLabel:"Show more label",controls:[{layout:"vertical",label:"Content",setting:{id:"viewMoreText"}}],conditionDisplay:"hasLineClamp == true"},{type:"combo",label:"Show less label",iconName:"polaris-text-block",getValueFromSettingID:"viewLessText",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"Show less",popoverLabel:"Show less label",controls:[{layout:"vertical",label:"Content",setting:{id:"viewLessText"}}],conditionDisplay:"hasLineClamp == true"},{label:"Icon",setting:{id:"enableViewMoreIcon"},conditionDisplay:"hasLineClamp == true"}]}];export{e as SettingUIV2};
+let e=[{label:"Text style",hiddenOnMobile:!0,controls:[{id:"typo",label:"Basic",setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"setting",controlType:"setting"}}],options:{noRecordHistory:!0}}}]},{hiddenOnMobile:!0,controls:[{label:"View more button",setting:{id:"hasLineClamp"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Text color",setting:{id:"showMoreColor"},conditionDisplay:"hasLineClamp == true"},{label:"Max lines",setting:{id:"lineClamp"},conditionDisplay:"hasLineClamp == true"},{type:"combo",label:"Show more label",iconName:"polaris-text-block",getValueFromSettingID:"viewMoreText",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"Show more",popoverLabel:"Show more label",controls:[{layout:"vertical",label:"Content",setting:{id:"viewMoreText"}}],conditionDisplay:"hasLineClamp == true"},{type:"combo",label:"Show less label",iconName:"polaris-text-block",getValueFromSettingID:"viewLessText",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"Show less",popoverLabel:"Show less label",controls:[{layout:"vertical",label:"Content",setting:{id:"viewLessText"}}],conditionDisplay:"hasLineClamp == true"},{label:"Icon",setting:{id:"enableViewMoreIcon"},conditionDisplay:"hasLineClamp == true"}]}];export{e as SettingUIV2};

package/dist/esm/collection/settings/collection-paginator/configs/ui-v2.js

@@ -1 +1 @@
-let t=[{label:"Display",controls:[{label:"Layout",setting:{id:"layout"}},{conditionDisplay:'layout != "simple"',label:"Button shape",setting:{id:"buttonShape"}},{conditionDisplay:'layout != "simple"',label:"Button size",setting:{id:"buttonSizeNumber"}},{label:"Item spacing",setting:{id:"itemSpacing"}}]},{label:"Preview mode",controls:[{label:"Page quantity",setting:{id:"pageQuantity"}}]},{label:"Button Content",controls:[{type:"combo",label:"Previous",iconName:"polaris-text-block",getValueFromSettingID:"previousText",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"PREVIOUS",popoverLabel:"Previous",controls:[{layout:"vertical",label:"Content",setting:{id:"previousText"}}]},{type:"combo",label:"Next",iconName:"polaris-text-block",getValueFromSettingID:"nextText",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"NEXT",popoverLabel:"Next",controls:[{layout:"vertical",label:"Content",setting:{id:"nextText"}}]}]},{label:"Text style",controls:[{setting:{id:"typo"},layout:"vertical",options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.color",settingId:"normalColor"}]},controlChangeTrigger:{settings:[{action:{controlId:"normalColor",valueFromField:"attrs.color",groupType:"setting",controlType:"setting"}}],options:{noRecordHistory:!0}}}]},{label:"Active effect",controls:[{label:"Text color",setting:{id:"activeColor"}}]},{controls:[{label:"Align",setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0}}]}];export{t as SettingUIV2};
+let e=[{label:"Display",hiddenOnMobile:!0,controls:[{label:"Layout",setting:{id:"layout"}},{conditionDisplay:'layout != "simple"',label:"Button shape",setting:{id:"buttonShape"}},{conditionDisplay:'layout != "simple"',label:"Button size",setting:{id:"buttonSizeNumber"}},{label:"Item spacing",setting:{id:"itemSpacing"}}]},{label:"Preview mode",hiddenOnMobile:!0,controls:[{label:"Page quantity",setting:{id:"pageQuantity"}}]},{label:"Button Content",hiddenOnMobile:!0,controls:[{type:"combo",label:"Previous",iconName:"polaris-text-block",getValueFromSettingID:"previousText",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"PREVIOUS",popoverLabel:"Previous",controls:[{layout:"vertical",label:"Content",setting:{id:"previousText"}}]},{type:"combo",label:"Next",iconName:"polaris-text-block",getValueFromSettingID:"nextText",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"NEXT",popoverLabel:"Next",controls:[{layout:"vertical",label:"Content",setting:{id:"nextText"}}]}]},{label:"Text style",hiddenOnMobile:!0,controls:[{setting:{id:"typo"},layout:"vertical",options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.color",settingId:"normalColor"}]},controlChangeTrigger:{settings:[{action:{controlId:"normalColor",valueFromField:"attrs.color",groupType:"setting",controlType:"setting"}}],options:{noRecordHistory:!0}}}]},{label:"Active effect",hiddenOnMobile:!0,controls:[{label:"Text color",setting:{id:"activeColor"}}]},{hiddenOnMobile:!0,controls:[{label:"Align",setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0}}]}];export{e as SettingUIV2};

package/dist/esm/collection/settings/collection-title/configs/ui-v2.js

@@ -1 +1 @@
-let t=[{label:"Text style",controls:[{id:"typo",label:"Basic",setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"setting",controlType:"setting"}}],options:{noRecordHistory:!0}}}]},{label:"SEO",controls:[{label:"HTML tag",setting:{id:"htmlTag"}}]}];export{t as SettingUIV2};
+let t=[{label:"Text style",hiddenOnMobile:!0,controls:[{id:"typo",label:"Basic",setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"setting",controlType:"setting"}}],options:{noRecordHistory:!0}}}]},{label:"SEO",hiddenOnMobile:!0,controls:[{label:"HTML tag",setting:{id:"htmlTag"}}]}];export{t as SettingUIV2};

package/dist/esm/collection/settings/collection-toolbar/configs/ui-v2.js

@@ -1 +1 @@
-let t=[{label:"Option text",controls:[{type:"combo",label:"Display",iconName:"polaris-text-block",getValueFromSettingID:"sortingTextDisplay",isHideClear:!0,controls:[{label:"Sorting display",setting:{id:"sortingTextDisplay"}}]},{setting:{id:"typoSorting"},layout:"vertical"}]},{controls:[{label:"Quantity text",setting:{id:"displayQuantity"},options:{labelVariant:"primary",toggleStyle:"switch"}},{type:"combo",label:"Display",iconName:"polaris-text-block",getValueFromSettingID:"quantityTextDisplay",isHideClear:!0,controls:[{label:"Quantity text",setting:{id:"quantityTextDisplay"}}],conditionDisplay:"displayQuantity == true"},{setting:{id:"typoQuantity"},layout:"vertical",conditionDisplay:"displayQuantity == true"}]},{label:"Size",controls:[{label:"Width",setting:{id:"width"}},{label:"Height",setting:{id:"height"}}]},{controls:[{label:"Align",conditionEnable:'!(parseInt(width) >= 100 && width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Align is not supported when width is 100%"}}]}];export{t as SettingUIV2};
+let t=[{label:"Option text",hiddenOnMobile:!0,controls:[{type:"combo",label:"Display",iconName:"polaris-text-block",getValueFromSettingID:"sortingTextDisplay",isHideClear:!0,controls:[{label:"Sorting display",setting:{id:"sortingTextDisplay"}}]},{setting:{id:"typoSorting"},layout:"vertical"}]},{hiddenOnMobile:!0,controls:[{label:"Quantity text",setting:{id:"displayQuantity"},options:{labelVariant:"primary",toggleStyle:"switch"}},{type:"combo",label:"Display",iconName:"polaris-text-block",getValueFromSettingID:"quantityTextDisplay",isHideClear:!0,controls:[{label:"Quantity text",setting:{id:"quantityTextDisplay"}}],conditionDisplay:"displayQuantity == true"},{setting:{id:"typoQuantity"},layout:"vertical",conditionDisplay:"displayQuantity == true"}]},{label:"Size",hiddenOnMobile:!0,controls:[{label:"Width",setting:{id:"width"}},{label:"Height",setting:{id:"height"}}]},{hiddenOnMobile:!0,controls:[{label:"Align",conditionEnable:'!(parseInt(width) >= 100 && width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Align is not supported when width is 100%"}}]}];export{t as SettingUIV2};

package/dist/esm/common/helpers/index.js

@@ -0,0 +1 @@
+function t(t,e=0){let o=t.getBoundingClientRect(),n=-e,i=(window.innerHeight||document.documentElement.clientHeight)+e;return o.top<=n&&o.bottom>=n||o.top>=n&&o.bottom<=i||o.top<=i&&o.bottom>=i}export{t as checkSectionInViewport};

package/dist/esm/common/hooks/useInView.js

@@ -1,2 +1,2 @@
 'use client';
-import{useRef as e,useState as n,useCallback as r,useEffect as t}from"react";function i({triggerOnce:i,skip:o,addRootMargin:c=0,initialInView:u,onChange:w}={}){let d=e(),[m,v]=n({inView:!!u}),l=e(),s=r(e=>{if(void 0!==d.current&&(d.current(),d.current=void 0,l.current=void 0),o||!e)return;let n=()=>{l.current||(l.current=requestAnimationFrame(()=>{let r=e.getBoundingClientRect(),t=-c,o=(window.innerHeight||document.documentElement.clientHeight)+c,u=r.top<=t&&r.bottom>=t||r.top>=t&&r.bottom<=o||r.top<=o&&r.bottom>=o;u!==m.inView&&(v({inView:u}),w&&w(u,e),u&&i&&d.current&&(window.removeEventListener("scroll",n),window.removeEventListener("resize",n),l.current&&cancelAnimationFrame(l.current),d.current=void 0,l.current=void 0)),l.current=void 0}))};window.addEventListener("scroll",n),window.addEventListener("resize",n),n(),d.current=()=>{window.removeEventListener("scroll",n),window.removeEventListener("resize",n),l.current&&cancelAnimationFrame(l.current),l.current=void 0}},[o,c,m.inView,w,i]);t(()=>{d.current||!m.entry||i||o||v({inView:!!u})},[m.entry,i,o,u]);let a=[s,m.inView,m.entry];return a.ref=a[0],a.inView=a[1],a.entry=a[2],a}export{i as useInView};
+import{useRef as e,useState as r,useLayoutEffect as n,useCallback as t,useEffect as i}from"react";import{checkSectionInViewport as c}from"../helpers/index.js";function o({triggerOnce:o,skip:u,addRootMargin:w=0,initialInView:d,onChange:s}={}){let v=e(),[l,m]=r({inView:!!d}),a=e(),V=e(u);n(()=>{!0===V.current&&!1===u&&m({inView:!!d}),V.current=u},[u,d]);let f=t(e=>{if(void 0!==v.current&&(v.current(),v.current=void 0,a.current=void 0),u||!e)return;let r=()=>{a.current||(a.current=requestAnimationFrame(()=>{let r=c(e,w);m(t=>t.inView===r?t:(s&&s(r,e),r&&o&&v.current&&(n(),v.current=void 0),{inView:r})),a.current=void 0}))},n=()=>{window.removeEventListener("scroll",r),window.removeEventListener("resize",r),a.current&&cancelAnimationFrame(a.current),a.current=void 0};window.addEventListener("scroll",r),window.addEventListener("resize",r),r(),v.current=n},[u,w,s,o]);i(()=>{v.current||!l.entry||o||u||m({inView:!!d})},[l.entry,o,u,d]);let p=[f,l.inView,l.entry];return p.ref=p[0],p.inView=p[1],p.entry=p[2],p}export{o as useInView};

package/dist/esm/countdown-timer/settings/configs/ui-v2.js

@@ -1 +1 @@
-let e=[{label:"Countdown time",controls:[{label:"Type",setting:{id:"behaviour"}},{label:"Apply",setting:{id:"standardType"},conditionDisplay:'behaviour == "standard"'},{conditionDisplay:'behaviour === "standard"',label:"Date",setting:{id:"dateStandard"}},{conditionDisplay:'behaviour === "standard" && standardType != "all-time-zones"',label:"Time zone",setting:{id:"timeZone"}},{conditionDisplay:'behaviour === "daily"',setting:{id:"timerDaily"},layout:"vertical"},{conditionDisplay:'behaviour === "evergreen"',setting:{id:"timerEverygreen"},layout:"vertical"}]},{label:"Item management",controls:[{type:"combo",label:"Items",fixedValue:"5 items",iconName:"polaris-list-bulleted",popoverLabel:"Item management",isHideClear:!0,controls:[{label:"Week",setting:{id:"enableWeek"}},{label:"Week caption",conditionDisplay:"enableWeek === true",setting:{id:"weekLabel"}},{label:"Day",setting:{id:"enableDay"}},{label:"Day caption",conditionDisplay:"enableDay === true",setting:{id:"dayLabel"}},{label:"Hour",setting:{id:"enableHour"}},{label:"Hour caption",conditionDisplay:"enableHour === true",setting:{id:"hourLabel"}},{label:"Minute",setting:{id:"enableMinute"}},{label:"Minute caption",conditionDisplay:"enableMinute === true",setting:{id:"minuteLabel"}},{label:"Second",setting:{id:"enableSecond"}},{label:"Second caption",conditionDisplay:"enableSecond === true",setting:{id:"secondLabel"}}]}]},{label:"Item style",controls:[{label:"Item gap",setting:{id:"verticalGap"}},{label:"Padding",setting:{id:"itemPadding"}},{label:"Background",setting:{id:"backgroundItemColor"}},{label:"Border",setting:{id:"borderState",state:"normal"}},{label:"Corner",setting:{id:"roundedState",state:"normal"}}]},{label:"Time",controls:[{label:"Item style",type:"combo",popoverLabel:"Time text style",iconName:"polaris-text-title",getValueFromSettingID:"numTypo.type",isHideClear:!0,isTypoValue:!0,controls:[{setting:{id:"numTypo"},layout:"vertical"}]}]},{controls:[{label:"Caption",setting:{id:"enableLabelTextStyle"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Text style",popoverLabel:"Caption text style",conditionDisplay:"enableLabelTextStyle == true",type:"combo",iconName:"polaris-text-title",isHideClear:!0,getValueFromSettingID:"labelTypo.type",isTypoValue:!0,controls:[{setting:{id:"labelTypo"},layout:"vertical"}]}]},{label:"Item spacing",controls:[{label:"gap",setting:{id:"horizontalGap"}}]},{label:"Size",controls:[{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:"Shape",controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"Shadow",setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"After expired",controls:[{label:"Hide timer",setting:{id:"autoHideWhenTimeout"}},{conditionDisplay:'behaviour === "evergreen" && autoHideWhenTimeout === false',label:"Loop",setting:{id:"loopAfterFinish"}},{setting:{id:"redirectUrl"},layout:"vertical"}]},{controls:[{label:"Align",setting:{id:"textAlign"},options:{labelVariant:"primary",fullWidth:!0}}]}];export{e as SettingUIV2};
+let e=[{label:"Countdown time",controls:[{label:"Type",setting:{id:"behaviour"}},{label:"Apply",setting:{id:"standardType"},conditionDisplay:'behaviour == "standard"'},{conditionDisplay:'behaviour === "standard"',label:"Date",setting:{id:"dateStandard"}},{conditionDisplay:'behaviour === "standard" && standardType != "all-time-zones"',label:"Time zone",setting:{id:"timeZone"}},{conditionDisplay:'behaviour === "daily"',setting:{id:"timerDaily"},layout:"vertical"},{conditionDisplay:'behaviour === "evergreen"',setting:{id:"timerEverygreen"},layout:"vertical"}]},{label:"Item management",controls:[{type:"combo",label:"Items",fixedValue:"5 items",iconName:"polaris-list-bulleted",popoverLabel:"Item management",isHideClear:!0,controls:[{label:"Week",setting:{id:"enableWeek"}},{label:"Week caption",conditionDisplay:"enableWeek === true",setting:{id:"weekLabel"}},{label:"Day",setting:{id:"enableDay"}},{label:"Day caption",conditionDisplay:"enableDay === true",setting:{id:"dayLabel"}},{label:"Hour",setting:{id:"enableHour"}},{label:"Hour caption",conditionDisplay:"enableHour === true",setting:{id:"hourLabel"}},{label:"Minute",setting:{id:"enableMinute"}},{label:"Minute caption",conditionDisplay:"enableMinute === true",setting:{id:"minuteLabel"}},{label:"Second",setting:{id:"enableSecond"}},{label:"Second caption",conditionDisplay:"enableSecond === true",setting:{id:"secondLabel"}}]}]},{label:"Item style",hiddenOnMobile:!0,controls:[{label:"Item gap",setting:{id:"verticalGap"}},{label:"Padding",setting:{id:"itemPadding"}},{label:"Background",setting:{id:"backgroundItemColor"}},{label:"Border",setting:{id:"borderState",state:"normal"}},{label:"Corner",setting:{id:"roundedState",state:"normal"}}]},{label:"Time",hiddenOnMobile:!0,controls:[{label:"Item style",type:"combo",popoverLabel:"Time text style",iconName:"polaris-text-title",getValueFromSettingID:"numTypo.type",isHideClear:!0,isTypoValue:!0,controls:[{setting:{id:"numTypo"},layout:"vertical"}]}]},{hiddenOnMobile:!0,controls:[{label:"Caption",setting:{id:"enableLabelTextStyle"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Text style",popoverLabel:"Caption text style",conditionDisplay:"enableLabelTextStyle == true",type:"combo",iconName:"polaris-text-title",isHideClear:!0,getValueFromSettingID:"labelTypo.type",isTypoValue:!0,controls:[{setting:{id:"labelTypo"},layout:"vertical"}]}]},{label:"Item spacing",controls:[{label:"gap",setting:{id:"horizontalGap"}}]},{label:"Size",hiddenOnMobile:!0,controls:[{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"Shadow",setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"After expired",controls:[{label:"Hide timer",setting:{id:"autoHideWhenTimeout"}},{conditionDisplay:'behaviour === "evergreen" && autoHideWhenTimeout === false',label:"Loop",setting:{id:"loopAfterFinish"}},{setting:{id:"redirectUrl"},layout:"vertical"}]},{controls:[{label:"Align",hiddenOnMobile:!0,setting:{id:"textAlign"},options:{labelVariant:"primary",fullWidth:!0}}]}];export{e as SettingUIV2};

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

@@ -1 +1 @@
-let o=[{label:"Layout",controls:[{type:"control",setting:{id:"couponLayout"},layout:"vertical",controlChangeTrigger:{settings:[{condition:"couponLayout === 'icon'",source:["couponLayout","iconVisible"],action:{controlId:"iconVisible",groupType:"setting",controlType:"setting",newValue:!0}},{condition:"couponLayout === 'none'",source:["couponLayout","iconVisible"],action:{controlId:"iconVisible",groupType:"setting",controlType:"setting",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Coupon code",controls:[{type:"combo",label:"Code",iconName:"polaris-text-block",getValueFromSettingID:"copyContent",isHideClear:!0,compoDefaultValue:"GEMPAGES30",popoverLabel:"Code",controls:[{label:"Content",options:{fullWidth:!0},layout:"vertical",setting:{id:"copyContent"}}]}]},{label:"Size",controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{id:"Height",label:"Height",controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}}}]},{label:"Background",controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"normal"}}]},{label:"Shape",controls:[{label:"Border",setting:{id:"borderBtnV2",state:"normal"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"normal"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBtn",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.normal.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBtn.normal.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{label:"Icon",setting:{id:"iconVisible"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"iconVisible == true",type:"control",setting:{id:"iconSvg"},label:"Icon"},{conditionDisplay:"iconVisible == true",type:"control",label:"Position",setting:{id:"iconAlign"}},{conditionDisplay:"iconVisible == true",type:"control",label:"Gap",setting:{id:"iconSpacing"}}]},{controls:[{label:"Text",setting:{id:"enableTextStyle"},options:{labelVariant:"primary",toggleStyle:"switch"}},{type:"combo",label:"Content",iconName:"polaris-text-block",getValueFromSettingID:"defaultLabel",isHideClear:!0,conditionDisplay:"enableTextStyle == true",compoDefaultValue:"Copy",popoverLabel:"Content",controls:[{label:"Content",options:{fullWidth:!0},layout:"vertical",setting:{id:"defaultLabel"}}]},{type:"control",layout:"vertical",setting:{id:"typo"},conditionDisplay:"enableTextStyle == true",options:{updateFields:[{field:"attrs.color",settingId:"textColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Effect",controls:[{label:"Hover",type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",setting:{id:"enableHoverEffect"},popoverLabel:"Hover",state:"hover",controls:[{type:"group",label:"Background",controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"hover"}}]},{type:"group",label:"Text",controls:[{label:"Color",setting:{id:"textColor",state:"hover"},compoDefaultValue:{desktop:{default:{normal:"#121212"}}}}]},{type:"group",label:"Shape",controls:[{label:"Border",setting:{id:"borderBtnV2",state:"hover"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"hover"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBtn",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.hover.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBtn.hover.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}},{label:"Shadow",setting:{id:"hasBoxShadowBtn",state:"hover"},conditionDisplay:"false"}]}]},{label:"Clicked",type:"combo",iconName:"polaris-check-clicked",fixedValue:"Styled",setting:{id:"enableActiveEffect"},popoverLabel:"Clicked",state:"active",controls:[{type:"group",label:"Content",controls:[{label:"After click",setting:{id:"clickedLabel"}}]},{type:"group",label:"Background",controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"active"}}]},{type:"group",label:"Text",controls:[{label:"Color",setting:{id:"textColor",state:"active"}}]},{type:"group",label:"Shape",controls:[{label:"Border",setting:{id:"borderBtnV2",state:"active"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"active"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"active"},options:{updateFields:[{field:"active.enable",settingId:"hasBoxShadowBtn",state:"active"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.active.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"active",newValue:!0}},{condition:"boxShadowBtn.active.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"active",newValue:!1}}],options:{noRecordHistory:!0}}},{label:"Shadow",setting:{id:"hasBoxShadowBtn",state:"active"},conditionDisplay:"false"}]}]}]},{conditionDisplay:"globalSize.width !== '100%'",controls:[{label:"Align",type:"control",setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0}}]}];export{o as SettingUIV2};
+let o=[{label:"Layout",controls:[{type:"control",setting:{id:"couponLayout"},layout:"vertical",controlChangeTrigger:{settings:[{condition:"couponLayout === 'icon'",source:["couponLayout","iconVisible"],action:{controlId:"iconVisible",groupType:"setting",controlType:"setting",newValue:!0}},{condition:"couponLayout === 'none'",source:["couponLayout","iconVisible"],action:{controlId:"iconVisible",groupType:"setting",controlType:"setting",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Coupon code",controls:[{type:"combo",label:"Code",iconName:"polaris-text-block",getValueFromSettingID:"copyContent",isHideClear:!0,compoDefaultValue:"GEMPAGES30",popoverLabel:"Code",controls:[{label:"Content",options:{fullWidth:!0},layout:"vertical",setting:{id:"copyContent"}}]}]},{label:"Size",hiddenOnMobile:!0,controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{id:"Height",label:"Height",controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}}}]},{label:"Background",controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"normal"}}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",setting:{id:"borderBtnV2",state:"normal"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"normal"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBtn",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.normal.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBtn.normal.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{label:"Icon",setting:{id:"iconVisible"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"iconVisible == true",type:"control",setting:{id:"iconSvg"},label:"Icon"},{conditionDisplay:"iconVisible == true",type:"control",label:"Position",setting:{id:"iconAlign"}},{conditionDisplay:"iconVisible == true",type:"control",label:"Gap",setting:{id:"iconSpacing"}}]},{controls:[{label:"Text",setting:{id:"enableTextStyle"},options:{labelVariant:"primary",toggleStyle:"switch"}},{type:"combo",label:"Content",iconName:"polaris-text-block",getValueFromSettingID:"defaultLabel",isHideClear:!0,conditionDisplay:"enableTextStyle == true",compoDefaultValue:"Copy",popoverLabel:"Content",controls:[{label:"Content",options:{fullWidth:!0},layout:"vertical",setting:{id:"defaultLabel"}}]},{type:"control",layout:"vertical",setting:{id:"typo"},conditionDisplay:"enableTextStyle == true",options:{updateFields:[{field:"attrs.color",settingId:"textColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Effect",hiddenOnMobile:!0,controls:[{label:"Hover",type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",setting:{id:"enableHoverEffect"},popoverLabel:"Hover",state:"hover",controls:[{type:"group",label:"Background",controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"hover"}}]},{type:"group",label:"Text",controls:[{label:"Color",setting:{id:"textColor",state:"hover"},compoDefaultValue:{desktop:{default:{normal:"#121212"}}}}]},{type:"group",label:"Shape",controls:[{label:"Border",setting:{id:"borderBtnV2",state:"hover"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"hover"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBtn",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.hover.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBtn.hover.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}},{label:"Shadow",setting:{id:"hasBoxShadowBtn",state:"hover"},conditionDisplay:"false"}]}]},{label:"Clicked",type:"combo",iconName:"polaris-check-clicked",fixedValue:"Styled",setting:{id:"enableActiveEffect"},popoverLabel:"Clicked",state:"active",controls:[{type:"group",label:"Content",controls:[{label:"After click",setting:{id:"clickedLabel"}}]},{type:"group",label:"Background",controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"active"}}]},{type:"group",label:"Text",controls:[{label:"Color",setting:{id:"textColor",state:"active"}}]},{type:"group",label:"Shape",controls:[{label:"Border",setting:{id:"borderBtnV2",state:"active"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"active"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"active"},options:{updateFields:[{field:"active.enable",settingId:"hasBoxShadowBtn",state:"active"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.active.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"active",newValue:!0}},{condition:"boxShadowBtn.active.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"active",newValue:!1}}],options:{noRecordHistory:!0}}},{label:"Shadow",setting:{id:"hasBoxShadowBtn",state:"active"},conditionDisplay:"false"}]}]}]},{conditionDisplay:"globalSize.width !== '100%'",controls:[{label:"Align",hiddenOnMobile:!0,type:"control",setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0}}]}];export{o as SettingUIV2};

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

@@ -1 +1 @@
-let e=[{label:"Popup name",controls:[{label:"Name",setting:{id:"name"}}]},{label:"Button close",controls:[{label:"Icon",setting:{id:"iconSvg"}},{label:"Icon size",setting:{id:"iconSize"}},{label:"Icon color",setting:{id:"btnColor"}},{label:"Width",setting:{id:"btnWidth"}},{label:"Height",setting:{id:"btnHeight"}},{label:"Background",setting:{id:"btnBg"}}],moreSettings:{controls:[{label:"Corner",setting:{id:"btnRounded"}},{setting:{id:"closeButtonPosition"},label:"Position"}]}},{label:"Overlay",controls:[{label:"Color",setting:{id:"overlayColor"}},{label:"Opacity",setting:{id:"overlayOpacity"}},{label:"Click to close",setting:{id:"closeOnClickOutside"}}]},{label:"Size",controls:[{label:"Full screen",setting:{id:"fullScreen"}},{conditionDisplay:"!fullScreen",label:"Width",setting:{id:"width"}},{conditionDisplay:"!fullScreen",label:"Height",setting:{id:"height"}},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"},devices:{desktop:{default:{type:"custom",top:"32px",bottom:"32px",left:"32px",right:"32px"}}},compoDefaultValue:{desktop:{default:{type:"custom",top:"32px",bottom:"32px",left:"32px",right:"32px"}}}}}]},{label:"Background",controls:[{setting:{id:"background"},layout:"vertical"}]},{label:"Shape",controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"Shadow",setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Position",controls:[{label:"Position",type:"combo",iconPrefix:"gp-position",iconName:"polaris-edit",isHideClear:!0,getValueFromSettingID:"position",capitalizeDisplayValue:!0,controls:[{label:"Choose",setting:{id:"position"},options:{labelAlign:"top"}}],conditionDisplay:"!fullScreen"}]},{label:"Display condition",controls:[{label:"Show when",setting:{id:"trigger"}},{conditionDisplay:"trigger === 'show-after-time' || trigger === 'show-on-page-load'",label:"Delay",setting:{id:"triggerTime"}},{conditionDisplay:"trigger === 'show-after-scroll'",label:"Scroll",setting:{id:"triggerPercentage"}},{conditionDisplay:"trigger === 'show-when-about-exit'",label:"On mobile",setting:{id:"mobileTrigger"}},{conditionDisplay:"trigger === 'show-when-about-exit' && mobileTrigger === 'timer'",label:"After load",setting:{id:"mobileTriggerTime"}},{label:"Frequency",setting:{id:"frequencyMode"},conditionDisplay:"trigger !== 'none'"},{conditionDisplay:"frequencyMode === 'after-period-time'",label:"Display time",setting:{id:"frequency"}}]},{label:"Effect",controls:[{setting:{id:"effectType"},label:"Entrance effect"}]}];export{e as SettingUIV2};
+let e=[{label:"Popup name",controls:[{label:"Name",setting:{id:"name"}}]},{label:"Button close",hiddenOnMobile:!0,controls:[{label:"Icon",setting:{id:"iconSvg"}},{label:"Icon size",setting:{id:"iconSize"}},{label:"Icon color",setting:{id:"btnColor"}},{label:"Width",setting:{id:"btnWidth"}},{label:"Height",setting:{id:"btnHeight"}},{label:"Background",setting:{id:"btnBg"}}],moreSettings:{controls:[{label:"Corner",setting:{id:"btnRounded"}},{setting:{id:"closeButtonPosition"},label:"Position"}]}},{label:"Overlay",hiddenOnMobile:!0,controls:[{label:"Color",setting:{id:"overlayColor"}},{label:"Opacity",setting:{id:"overlayOpacity"}},{label:"Click to close",setting:{id:"closeOnClickOutside"}}]},{label:"Size",hiddenOnMobile:!0,controls:[{label:"Full screen",setting:{id:"fullScreen"}},{conditionDisplay:"!fullScreen",label:"Width",setting:{id:"width"}},{conditionDisplay:"!fullScreen",label:"Height",setting:{id:"height"}},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"},devices:{desktop:{default:{type:"custom",top:"32px",bottom:"32px",left:"32px",right:"32px"}}},compoDefaultValue:{desktop:{default:{type:"custom",top:"32px",bottom:"32px",left:"32px",right:"32px"}}}}}]},{label:"Background",hiddenOnMobile:!0,controls:[{setting:{id:"background"},layout:"vertical"}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"Shadow",setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Position",hiddenOnMobile:!0,controls:[{label:"Position",type:"combo",iconPrefix:"gp-position",iconName:"polaris-edit",isHideClear:!0,getValueFromSettingID:"position",capitalizeDisplayValue:!0,controls:[{label:"Choose",setting:{id:"position"},options:{labelAlign:"top"}}],conditionDisplay:"!fullScreen"}]},{label:"Display condition",controls:[{label:"Show when",setting:{id:"trigger"}},{conditionDisplay:"trigger === 'show-after-time' || trigger === 'show-on-page-load'",label:"Delay",setting:{id:"triggerTime"}},{conditionDisplay:"trigger === 'show-after-scroll'",label:"Scroll",setting:{id:"triggerPercentage"}},{conditionDisplay:"trigger === 'show-when-about-exit'",label:"On mobile",setting:{id:"mobileTrigger"}},{conditionDisplay:"trigger === 'show-when-about-exit' && mobileTrigger === 'timer'",label:"After load",setting:{id:"mobileTriggerTime"}},{label:"Frequency",setting:{id:"frequencyMode"},conditionDisplay:"trigger !== 'none'"},{conditionDisplay:"frequencyMode === 'after-period-time'",label:"Display time",setting:{id:"frequency"}}]},{label:"Effect",controls:[{setting:{id:"effectType"},label:"Entrance effect"}]}];export{e as SettingUIV2};

package/dist/esm/estimate-delivery/settings/configs/ui-v2.js

@@ -1 +1 @@
-import{ESTIMATE_DAYS as t}from"../../common/helpers.js";let e=[{label:"Estimate days",help:{content:"Count from the day buyer visit the page"},controls:[{label:"Type",setting:{id:"typeEstimate"}},{label:"Min estimate",setting:{id:"minEstimate"},conditionDisplay:`typeEstimate === "${t.RANGE}"`,controlChangeTrigger:{settings:[{condition:"parseInt(minEstimate) > parseInt(maxEstimate)",source:["maxEstimate","minEstimate"],action:{controlId:"maxEstimate",groupType:"setting",controlType:"setting",valueFromField:"minEstimate"}}],options:{noRecordHistory:!0}}},{label:"Max estimate",setting:{id:"maxEstimate"},conditionDisplay:`typeEstimate === "${t.RANGE}"`,controlChangeTrigger:{settings:[{condition:"parseInt(maxEstimate) < parseInt(minEstimate)",source:["maxEstimate","minEstimate"],action:{controlId:"minEstimate",groupType:"setting",controlType:"setting",valueFromField:"maxEstimate"}}],options:{noRecordHistory:!0}}},{label:"Estimate",setting:{id:"estimateTime"},conditionDisplay:`typeEstimate === "${t.SPECIFIC}"`}]},{label:"Date format",help:{content:"Precise date is displayed based on buyer time zone"},controls:[{label:"Format",setting:{id:"typeFormat"}},{conditionDisplay:"typeFormat === 'Custom'",label:"Custom format",setting:{id:"customFormat"}},{layout:"vertical",controlConfig:{id:"moreFormat",type:"banner",message:"You can follow Shopify’s date format",link:{label:"here",url:"https://www.shopify.com/partners/blog/liquid-date-format"},closable:!0},conditionDisplay:"typeFormat === 'Custom'"}]},{label:"Date text",controls:[{setting:{id:"typoDate"},layout:"vertical"}]},{controls:[{label:"Custom text",setting:{id:"enableCustomText"},options:{labelVariant:"primary",toggleStyle:"switch"}},{type:"combo",label:"Content",iconName:"polaris-text-block",fixedValue:"Estimate delivery between",getValueFromSettingID:"customText",isHideClear:!0,compoDefaultValue:"Estimate delivery between",conditionDisplay:"enableCustomText === true",controls:[{label:"Content",layout:"vertical",setting:{id:"customText"}}]},{conditionDisplay:"enableCustomText === true",setting:{id:"typoCustom"},layout:"vertical"}]},{label:"Size",controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"4px",bottom:"4px",left:"16px",right:"16px"}}}}}]},{label:"Background",controls:[{setting:{id:"background"},layout:"vertical"}]},{label:"Display condition",controls:[{label:"If out of stock",setting:{id:"ifOutOfStock"},options:{onlyShowInTags:["Product"]}}]},{label:"Shape",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Border",setting:{id:"shapeBorder"}},{label:"Corner",setting:{id:"shapeRounded"}},{label:"Shadow",setting:{id:"shapeBoxShadow"}}]},{controls:[{label:"Align",conditionEnable:'!(parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{e as SettingUIV2};
+import{ESTIMATE_DAYS as t}from"../../common/helpers.js";let e=[{label:"Estimate days",help:{content:"Count from the day buyer visit the page"},controls:[{label:"Type",setting:{id:"typeEstimate"}},{label:"Min estimate",setting:{id:"minEstimate"},conditionDisplay:`typeEstimate === "${t.RANGE}"`,controlChangeTrigger:{settings:[{condition:"parseInt(minEstimate) > parseInt(maxEstimate)",source:["maxEstimate","minEstimate"],action:{controlId:"maxEstimate",groupType:"setting",controlType:"setting",valueFromField:"minEstimate"}}],options:{noRecordHistory:!0}}},{label:"Max estimate",setting:{id:"maxEstimate"},conditionDisplay:`typeEstimate === "${t.RANGE}"`,controlChangeTrigger:{settings:[{condition:"parseInt(maxEstimate) < parseInt(minEstimate)",source:["maxEstimate","minEstimate"],action:{controlId:"minEstimate",groupType:"setting",controlType:"setting",valueFromField:"maxEstimate"}}],options:{noRecordHistory:!0}}},{label:"Estimate",setting:{id:"estimateTime"},conditionDisplay:`typeEstimate === "${t.SPECIFIC}"`}]},{label:"Date format",help:{content:"Precise date is displayed based on buyer time zone"},controls:[{label:"Format",setting:{id:"typeFormat"}},{conditionDisplay:"typeFormat === 'Custom'",label:"Custom format",setting:{id:"customFormat"}},{layout:"vertical",controlConfig:{id:"moreFormat",type:"banner",message:"You can follow Shopify’s date format",link:{label:"here",url:"https://www.shopify.com/partners/blog/liquid-date-format"},closable:!0},conditionDisplay:"typeFormat === 'Custom'"}]},{label:"Date text",controls:[{setting:{id:"typoDate"},layout:"vertical"}]},{controls:[{label:"Custom text",setting:{id:"enableCustomText"},options:{labelVariant:"primary",toggleStyle:"switch"}},{type:"combo",label:"Content",iconName:"polaris-text-block",fixedValue:"Estimate delivery between",getValueFromSettingID:"customText",isHideClear:!0,compoDefaultValue:"Estimate delivery between",conditionDisplay:"enableCustomText === true",controls:[{label:"Content",layout:"vertical",setting:{id:"customText"}}]},{conditionDisplay:"enableCustomText === true",setting:{id:"typoCustom"},layout:"vertical"}]},{label:"Size",hiddenOnMobile:!0,controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,fallbackValue:"Auto",linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"4px",bottom:"4px",left:"16px",right:"16px"}}}}}]},{label:"Background",controls:[{setting:{id:"background"},layout:"vertical"}]},{label:"Display condition",hiddenOnMobile:!0,controls:[{label:"If out of stock",setting:{id:"ifOutOfStock"},options:{onlyShowInTags:["Product"]}}]},{label:"Shape",hiddenOnMobile:!0,conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Border",setting:{id:"shapeBorder"}},{label:"Corner",setting:{id:"shapeRounded"}},{label:"Shadow",setting:{id:"shapeBoxShadow"}}]},{controls:[{label:"Align",hiddenOnMobile:!0,conditionEnable:'!(parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{e as SettingUIV2};

package/dist/esm/form/settings/contact/configs/ui-v2.js

@@ -1 +1 @@
-let e=[{messageConfig:{type:"info",message:'This element sends submissions to <a class="text-white" target="_blank" href="https://help.shopify.com/en/manual/customers/manage-customers#email-customers">the sender email address</a>'}},{label:"Message",controls:[{type:"combo",label:"Success",iconName:"polaris-text-block",getValueFromSettingID:"successMessage",compoDefaultValue:"Thanks for contacting us. We'll get back to you as soon as possible.",isHideClear:!0,disableScrollbar:!0,popoverLabel:"Success message",controls:[{layout:"vertical",label:"Content",setting:{id:"successMessage"}},{setting:{id:"successColor"},label:"Color"}]},{type:"combo",label:"Error",iconName:"polaris-text-block",getValueFromSettingID:"errorMessage",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"Can’t send email. Please try again later.",popoverLabel:"Error message",controls:[{layout:"vertical",label:"Content",setting:{id:"errorMessage"}},{setting:{id:"errorColor"},label:"Color"}]}]},{label:"Size",controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:"Background",controls:[{setting:{id:"background"},layout:"vertical"}]},{label:"Shape",controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"Shadow",setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Action after submit",controls:[{layout:"vertical",setting:{id:"callbackURL"}}]}];export{e as SettingUIV2};
+let e=[{messageConfig:{type:"info",hiddenOnMobile:!0,message:'This element sends submissions to <a class="text-white" target="_blank" href="https://help.shopify.com/en/manual/customers/manage-customers#email-customers">the sender email address</a>'}},{label:"Message",hiddenOnMobile:!0,controls:[{type:"combo",label:"Success",iconName:"polaris-text-block",getValueFromSettingID:"successMessage",compoDefaultValue:"Thanks for contacting us. We'll get back to you as soon as possible.",isHideClear:!0,disableScrollbar:!0,popoverLabel:"Success message",controls:[{layout:"vertical",label:"Content",setting:{id:"successMessage"}},{setting:{id:"successColor"},label:"Color"}]},{type:"combo",label:"Error",iconName:"polaris-text-block",getValueFromSettingID:"errorMessage",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"Can’t send email. Please try again later.",popoverLabel:"Error message",controls:[{layout:"vertical",label:"Content",setting:{id:"errorMessage"}},{setting:{id:"errorColor"},label:"Color"}]}]},{label:"Size",hiddenOnMobile:!0,controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:"Background",hiddenOnMobile:!0,controls:[{setting:{id:"background"},layout:"vertical"}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"Shadow",setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Action after submit",hiddenOnMobile:!0,controls:[{layout:"vertical",setting:{id:"callbackURL"}}]}];export{e as SettingUIV2};

package/dist/esm/form/settings/form-checkbox/configs/ui-v2.js

@@ -1 +1 @@
-let e=[{label:"Text style",controls:[{type:"combo",label:"Content",iconName:"polaris-text-block",getValueFromSettingID:"description",isHideClear:!0,compoDefaultValue:"Yes, sign me up to receive exclusive offers, news and more!",controls:[{layout:"vertical",setting:{id:"description"}}]},{layout:"vertical",setting:{id:"typo"},options:{updateFields:[{field:"attrs.textAlign",settingId:"align"}]},controlChangeTrigger:{settings:[{action:{controlId:"align",valueFromField:"attrs.textAlign",groupType:"setting",controlType:"setting"}}],options:{noRecordHistory:!0}}}]},{label:"Spacing",controls:[{type:"control",label:"Gap",setting:{id:"horizontalSpacing"}}]},{label:"Configuration",controls:[{label:"Required",setting:{id:"required"}},{label:"Default selected",setting:{id:"selected"}},{label:"Field name",setting:{id:"name"},help:{content:"Identify the information submitted via this element."}}]}];export{e as SettingUIV2};
+let e=[{label:"Text style",hiddenOnMobile:!0,controls:[{type:"combo",label:"Content",iconName:"polaris-text-block",getValueFromSettingID:"description",isHideClear:!0,compoDefaultValue:"Yes, sign me up to receive exclusive offers, news and more!",controls:[{layout:"vertical",setting:{id:"description"}}]},{layout:"vertical",setting:{id:"typo"},options:{updateFields:[{field:"attrs.textAlign",settingId:"align"}]},controlChangeTrigger:{settings:[{action:{controlId:"align",valueFromField:"attrs.textAlign",groupType:"setting",controlType:"setting"}}],options:{noRecordHistory:!0}}}]},{label:"Spacing",hiddenOnMobile:!0,controls:[{type:"control",label:"Gap",setting:{id:"horizontalSpacing"}}]},{label:"Configuration",hiddenOnMobile:!0,controls:[{label:"Required",setting:{id:"required"}},{label:"Default selected",setting:{id:"selected"}},{label:"Field name",setting:{id:"name"},help:{content:"Identify the information submitted via this element."}}]}];export{e as SettingUIV2};

package/dist/esm/form/settings/form-dropdown/configs/ui-v2.js

@@ -1 +1 @@
-let t=[{label:"Item management",controls:[{label:"Options",setting:{id:"childItem"}}]},{label:"Text style",controls:[{layout:"vertical",setting:{id:"typo"}}]},{label:"Size",controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}}}]},{label:"Configuration",controls:[{label:"Required",setting:{id:"required"}},{label:"Field name",setting:{id:"name"},help:{content:"Identify the information submitted via this element."}}]},{controls:[{label:"Align",conditionEnable:'!(parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Align is not supported when width is 100%"}}]}];export{t as SettingUIV2};
+let i=[{label:"Item management",hiddenOnMobile:!0,controls:[{label:"Options",setting:{id:"childItem"}}]},{label:"Text style",hiddenOnMobile:!0,controls:[{layout:"vertical",setting:{id:"typo"}}]},{label:"Size",hiddenOnMobile:!0,controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}}}]},{label:"Configuration",hiddenOnMobile:!0,controls:[{label:"Required",setting:{id:"required"}},{label:"Field name",setting:{id:"name"},help:{content:"Identify the information submitted via this element."}}]},{controls:[{label:"Align",hiddenOnMobile:!0,conditionEnable:'!(parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Align is not supported when width is 100%"}}]}];export{i as SettingUIV2};

package/dist/esm/form/settings/form-email/configs/ui-v2.js

@@ -1 +1 @@
-let e=[{label:"Text style",controls:[{type:"combo",label:"Placeholder",iconName:"polaris-text-block",getValueFromSettingID:"placeholder",isHideClear:!0,compoDefaultValue:"Enter your email address",controls:[{layout:"vertical",label:"Content",setting:{id:"placeholder"}}]},{layout:"vertical",setting:{id:"typo"}}]},{label:"Size",controls:[{label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Default",value:"1200px",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}}}]},{label:"Configuration",controls:[{label:"Required",setting:{id:"required"}},{label:"Hide on client",setting:{id:"hideOnClient"}},{label:"Default value",setting:{id:"defaultEmail"},conditionDisplay:"hideOnClient === true"}]},{controls:[{label:"Align",conditionEnable:'!(parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{e as SettingUIV2};
+let e=[{label:"Text style",hiddenOnMobile:!0,controls:[{type:"combo",label:"Placeholder",iconName:"polaris-text-block",getValueFromSettingID:"placeholder",isHideClear:!0,compoDefaultValue:"Enter your email address",controls:[{layout:"vertical",label:"Content",setting:{id:"placeholder"}}]},{layout:"vertical",setting:{id:"typo"}}]},{label:"Size",hiddenOnMobile:!0,controls:[{label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Default",value:"1200px",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}}}]},{label:"Configuration",hiddenOnMobile:!0,controls:[{label:"Required",setting:{id:"required"}},{label:"Hide on client",setting:{id:"hideOnClient"}},{label:"Default value",setting:{id:"defaultEmail"},conditionDisplay:"hideOnClient === true"}]},{hiddenOnMobile:!0,controls:[{label:"Align",conditionEnable:'!(parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{e as SettingUIV2};

package/dist/esm/form/settings/form-textarea/configs/ui-v2.js

@@ -1 +1 @@
-let e=[{label:"Text style",controls:[{type:"combo",label:"Placeholder",iconName:"polaris-text-block",getValueFromSettingID:"placeholder",isHideClear:!0,controls:[{layout:"vertical",setting:{id:"placeholder"}}],compoDefaultValue:"Enter your text"},{layout:"vertical",setting:{id:"typo"}}]},{label:"Size",controls:[{label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Default",value:"1200px",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"12px",right:"12px"}}}}}]},{label:"Configuration",controls:[{label:"Required",setting:{id:"required"}},{label:"Field name",setting:{id:"name"},help:{content:"Identify the information submitted via this element."}}]},{controls:[{label:"Align",conditionEnable:'!(parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Align is not supported when width is 100%"}}]}];export{e as SettingUIV2};
+let e=[{label:"Text style",hiddenOnMobile:!0,controls:[{type:"combo",label:"Placeholder",iconName:"polaris-text-block",getValueFromSettingID:"placeholder",isHideClear:!0,controls:[{layout:"vertical",setting:{id:"placeholder"}}],compoDefaultValue:"Enter your text"},{layout:"vertical",setting:{id:"typo"}}]},{label:"Size",hiddenOnMobile:!0,controls:[{label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Default",value:"1200px",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"12px",right:"12px"}}}}}]},{label:"Configuration",hiddenOnMobile:!0,controls:[{label:"Required",setting:{id:"required"}},{label:"Field name",setting:{id:"name"},help:{content:"Identify the information submitted via this element."}}]},{hiddenOnMobile:!0,controls:[{label:"Align",conditionEnable:'!(parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Align is not supported when width is 100%"}}]}];export{e as SettingUIV2};

package/dist/esm/form/settings/newsletter/configs/ui-v2.js

@@ -1 +1 @@
-let e=[{messageConfig:{type:"info",message:'You can manage collected email in <a class="text-white" target="_blank" href="https://admin.shopify.com/customers">Customers</a>'}},{label:"Message",controls:[{type:"combo",label:"Success",iconName:"polaris-text-block",getValueFromSettingID:"successMessage",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"Thanks for subscribing",popoverLabel:"Success message",controls:[{layout:"vertical",label:"Content",setting:{id:"successMessage"}},{setting:{id:"successColor"},label:"Color"}]},{type:"combo",label:"Error",iconName:"polaris-text-block",getValueFromSettingID:"errorMessage",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"Can’t send email. Please try again later.",popoverLabel:"Error message",controls:[{layout:"vertical",label:"Content",setting:{id:"errorMessage"}},{setting:{id:"errorColor"},label:"Color"}]}]},{label:"Size",controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"}]},{label:"Background",controls:[{setting:{id:"background"},layout:"vertical"}]},{label:"Shape",controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"Shadow",setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Action after submit",controls:[{layout:"vertical",setting:{id:"callbackURL"}}]}];export{e as SettingUIV2};
+let e=[{messageConfig:{hiddenOnMobile:!0,type:"info",message:'You can manage collected email in <a class="text-white" target="_blank" href="https://admin.shopify.com/customers">Customers</a>'}},{label:"Message",hiddenOnMobile:!0,controls:[{type:"combo",label:"Success",iconName:"polaris-text-block",getValueFromSettingID:"successMessage",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"Thanks for subscribing",popoverLabel:"Success message",controls:[{layout:"vertical",label:"Content",setting:{id:"successMessage"}},{setting:{id:"successColor"},label:"Color"}]},{type:"combo",label:"Error",iconName:"polaris-text-block",getValueFromSettingID:"errorMessage",isHideClear:!0,disableScrollbar:!0,compoDefaultValue:"Can’t send email. Please try again later.",popoverLabel:"Error message",controls:[{layout:"vertical",label:"Content",setting:{id:"errorMessage"}},{setting:{id:"errorColor"},label:"Color"}]}]},{label:"Size",hiddenOnMobile:!0,controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"}]},{label:"Background",hiddenOnMobile:!0,controls:[{setting:{id:"background"},layout:"vertical"}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",setting:{id:"border",state:"normal"}},{label:"Corner",setting:{id:"rounded",state:"normal"}},{label:"Shadow",setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Action after submit",hiddenOnMobile:!0,controls:[{layout:"vertical",setting:{id:"callbackURL"}}]}];export{e as SettingUIV2};

package/dist/esm/form/settings/submit-button/configs/ui-v2.js

@@ -1 +1 @@
-let o=[{messageConfig:{type:"info",message:"This element can only be used in the Contact Form to send data to Shopify"}},{label:"Size",controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:"Height",controlConfig:{id:"height",type:"dropdown:input",inputType:"number",units:["px"],linkWithSetting:{name:"globalSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]}},{label:"Padding",controlConfig:{id:"height",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"}}}]},{label:"Background",controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"normal"}}]},{label:"Shape",controls:[{label:"Border",setting:{id:"borderBtnV2",state:"normal"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"normal"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBtn",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.normal.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBtn.normal.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{label:"Icon",setting:{id:"iconVisible"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Icon",setting:{id:"iconSvg"},conditionDisplay:"iconVisible == true"},{label:"Position",setting:{id:"iconAlign"},conditionDisplay:"iconVisible == true"},{type:"control",label:"Gap",setting:{id:"iconSpacing"},conditionDisplay:"iconVisible == true"}]},{label:"Text styles",controls:[{layout:"vertical",setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.color",settingId:"textColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Effect",conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Hover",iconName:"polaris-check-hover",type:"combo",fixedValue:"Styled",setting:{id:"enableHoverEffect"},popoverLabel:"Hover",state:"hover",controls:[{type:"group",label:"Background",controls:[{label:"Background",setting:{id:"backgroundColorV2",state:"hover"}}]},{type:"group",label:"Text",controls:[{label:"Text color",setting:{id:"textColor",state:"hover"}}]},{type:"group",label:"Shape",controls:[{label:"Border",setting:{id:"borderBtnV2",state:"hover"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"hover"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBtn",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.hover.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBtn.hover.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]}]}]},{controls:[{label:"Align",conditionEnable:'!(parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{o as SettingUIV2};
+let e=[{messageConfig:{hiddenOnMobile:!0,type:"info",message:"This element can only be used in the Contact Form to send data to Shopify"}},{label:"Size",hiddenOnMobile:!0,controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{label:"Height",controlConfig:{id:"height",type:"dropdown:input",inputType:"number",units:["px"],linkWithSetting:{name:"globalSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]}},{label:"Padding",controlConfig:{id:"height",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"}}}]},{label:"Background",hiddenOnMobile:!0,controls:[{label:"Color",setting:{id:"backgroundColorV2",state:"normal"}}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",setting:{id:"borderBtnV2",state:"normal"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"normal"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBtn",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.normal.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBtn.normal.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{hiddenOnMobile:!0,controls:[{label:"Icon",setting:{id:"iconVisible"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Icon",setting:{id:"iconSvg"},conditionDisplay:"iconVisible == true"},{label:"Position",setting:{id:"iconAlign"},conditionDisplay:"iconVisible == true"},{type:"control",label:"Gap",setting:{id:"iconSpacing"},conditionDisplay:"iconVisible == true"}]},{label:"Text styles",hiddenOnMobile:!0,controls:[{layout:"vertical",setting:{id:"typo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.color",settingId:"textColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Effect",hiddenOnMobile:!0,conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:"Hover",iconName:"polaris-check-hover",type:"combo",fixedValue:"Styled",setting:{id:"enableHoverEffect"},popoverLabel:"Hover",state:"hover",controls:[{type:"group",label:"Background",controls:[{label:"Background",setting:{id:"backgroundColorV2",state:"hover"}}]},{type:"group",label:"Text",controls:[{label:"Text color",setting:{id:"textColor",state:"hover"}}]},{type:"group",label:"Shape",controls:[{label:"Border",setting:{id:"borderBtnV2",state:"hover"}},{label:"Corner",setting:{id:"roundedBtnV2",state:"hover"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBtn",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.hover.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBtn.hover.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]}]}]},{hiddenOnMobile:!0,controls:[{label:"Align",conditionEnable:'!(parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{e as SettingUIV2};

package/dist/esm/form/settings/text-field/configs/ui-v2.js

@@ -1 +1 @@
-let e=[{label:"Text style",controls:[{type:"combo",label:"Placeholder",iconName:"polaris-text-block",getValueFromSettingID:"placeholder",isHideClear:!0,compoDefaultValue:"Enter your text",controls:[{layout:"vertical",label:"Content",setting:{id:"placeholder"}}]},{layout:"vertical",setting:{id:"typo"}}]},{label:"Size",controls:[{label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0},{label:"Small",value:"100px",showValue:!0},{label:"Medium",value:"116px",showValue:!0},{label:"Large",value:"132px",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"12px",right:"12px"}}}}}]},{label:"Configuration",controls:[{label:"Required",setting:{id:"required"}},{label:"Field name",setting:{id:"name"},help:{content:"Identify the information submitted via this element."}}]},{controls:[{label:"Align",conditionEnable:'!(parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{e as SettingUIV2};
+let e=[{label:"Text style",hiddenOnMobile:!0,controls:[{type:"combo",label:"Placeholder",iconName:"polaris-text-block",getValueFromSettingID:"placeholder",isHideClear:!0,compoDefaultValue:"Enter your text",controls:[{layout:"vertical",label:"Content",setting:{id:"placeholder"}}]},{layout:"vertical",setting:{id:"typo"}}]},{label:"Size",hiddenOnMobile:!0,controls:[{label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0},{label:"Small",value:"100px",showValue:!0},{label:"Medium",value:"116px",showValue:!0},{label:"Large",value:"132px",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"12px",right:"12px"}}}}}]},{label:"Configuration",hiddenOnMobile:!0,controls:[{label:"Required",setting:{id:"required"}},{label:"Field name",setting:{id:"name"},help:{content:"Identify the information submitted via this element."}}]},{hiddenOnMobile:!0,controls:[{label:"Align",conditionEnable:'!(parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{e as SettingUIV2};