@gem-sdk/components 17.0.0-dev.54 → 17.0.0-dev.59

package/dist/cjs/carousel-v3/components/arrow/Arrow.liquid.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("./common/classes.js"),s=require("./common/styles.js"),r=require("./common/helpers.js"),l=require("@gem-sdk/system");exports.default=o=>{let{custom:a,left:u}=o,{isRenderCustomIcon:i}=r.getData(o),{buttonClass:c,buttonContentClass:m}=t.getClass(o),{buttonStyle:g,buttonContentStyle:n,innerBorderCss:p}=s.getStyle(o),y=l.If(i,a??"",`<svg
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("./common/classes.js"),s=require("./common/styles.js"),r=require("./common/helpers.js"),l=require("@gem-sdk/system");exports.default=o=>{let{custom:a,left:i}=o,{isRenderCustomIcon:u}=r.getData(o),{buttonClass:c,buttonContentClass:m}=t.getClass({...o,isLiquid:!0}),{buttonStyle:d,buttonContentStyle:g,innerBorderCss:n}=s.getStyle(o),p=l.If(u,a??"",`<svg
       height="100%"
       width="100%"
       xmlns="http://www.w3.org/2000/svg"
@@ -6,21 +6,21 @@
       fill="currentColor"
     >
       <path d="M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z" />
-    </svg>`),d=e.template`
+    </svg>`),y=e.template`
     <div
       class="${m}"
-      style="${n}"
+      style="${g}"
     >
-        ${y||""}
+        ${p||""}
     </div>
   `;return e.template`
     <button
       type="button"
-      aria-label='Carousel ${u?"Back":"Next"} Arrow'
+      aria-label='Carousel ${i?"Back":"Next"} Arrow'
       class="${c}"
-      style="${g}"
+      style="${d}"
     >
-      <style type="text/css">${p}</style>
-      ${d}
+      <style type="text/css">${n}</style>
+      ${y}
     </button>
   `};

package/dist/cjs/carousel-v3/components/arrow/common/classes.js

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/system"),r=require("./helpers.js");exports.getClass=s=>{let{className:t,componentId:g,rootId:p,left:i,uid:l,isHiddenWhenDisabled:o,disabled:a,showWhenHover:u,showArrow:c,vertical:n}=s,f=r.getResponsiveSetting(c||{}),v=i?"gp-carousel-action-back gem-slider-previous":"gp-carousel-action-next gem-slider-next",b=e.createClass({"gp-z-1 gp-items-center gp-justify-center gp-overflow-hidden gp-shrink-0 before:gp-left-0 before:gp-top-0":!0,["gp-carousel-arrow-"+l]:!0,...t&&{[t]:!0},...g&&{[g]:!0},...p&&{[p]:!0},[v]:!0,...{"gp-invisible":o&&a,"gp-cursor-default gp-text-gray-300":a,"gp-cursor-pointer gp-text-gray-500":!a,"!gp-invisible group-hover/carousel:!gp-visible":u,...r.getClassArrowDisplay(f)}}),d=e.createClass({"gp-flex gp-items-center gp-justify-center [&>svg]:gp-h-full [&>svg]:gp-w-full":!0,...r.getClassArrowRotate(!!i,n)});return{buttonClass:b,buttonContentClass:d}};
+"use strict";var e=require("@gem-sdk/system"),r=require("./helpers.js");exports.getClass=s=>{let{className:t,componentId:g,rootId:p,left:i,uid:l,isHiddenWhenDisabled:o,disabled:a,showWhenHover:c,showArrow:u,vertical:n,isLiquid:f=!1}=s,v=r.getResponsiveSetting(u||{}),y=i?"gp-carousel-action-back gem-slider-previous":"gp-carousel-action-next gem-slider-next",b=`gp-invisible ${f?"":"gp-opacity-0"}`,d=e.createClass({"gp-z-1 gp-items-center gp-justify-center gp-overflow-hidden gp-shrink-0 before:gp-left-0 before:gp-top-0":!0,["gp-carousel-arrow-"+l]:!0,...t&&{[t]:!0},...g&&{[g]:!0},...p&&{[p]:!0},[y]:!0,...{[b]:o&&a,"gp-cursor-default gp-text-gray-300":a,"gp-cursor-pointer gp-text-gray-500":!a,"!gp-invisible group-hover/carousel:!gp-visible":c,...r.getClassArrowDisplay(v)}}),m=e.createClass({"gp-flex gp-items-center gp-justify-center [&>svg]:gp-h-full [&>svg]:gp-w-full":!0,...r.getClassArrowRotate(!!i,n)});return{buttonClass:d,buttonContentClass:m}};

package/dist/cjs/carousel-v3/components/root/Carousel.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("@gem-sdk/core"),o=require("../arrow/common/helpers.js"),i=require("../../hooks/useCarousel.js"),l=require("./common/helpers.js"),s=require("./common/classes.js"),n=require("./common/styles.js"),a=require("./common/attrs.js"),d=require("../arrow/Arrow.js"),u=require("../dot/Dots.js"),c=require("../swiper/Swiper.js");require("@gem-sdk/system");const p=r.forwardRef((p,m)=>{let{children:v,builderAttrs:C,builderProps:S,styles:h,isHiddenArrowWhenDisabled:k=!0,hiddenDotWhenOnlyOne:w,elmRef:y,isEnableCheckHasScrollableContent:g,onSwiperReady:j}=p,f=o.mappingNavigationCarousel(p.setting),b={...p,setting:f},q=r.Children.count(t.filterToolbarPreview(v))??0,[x,P]=r.useState(null),{arrowButtonSize:E,arrowBackgroundColor:O,arrowGapToEachSide:D="16",roundedArrow:T,arrowIconSize:A,arrowCustomColor:I,arrowBorder:N,arrowShadow:R,showWhenHover:z}=f??{},M=r.useRef({prevOrder:"",prevContent:"",version:0}),B=r.useMemo(()=>{let e=f?.childItem||[],r=e.join("|"),t=[...e].sort().join("|"),o=M.current;return o.prevOrder&&o.prevContent&&t===o.prevContent&&r!==o.prevOrder&&o.version++,o.prevOrder=r,o.prevContent=t,`reorder-${o.version}`},[f?.childItem]),{isInfinity:V,localRef:W,sliderSettings:$,totalSlideItem:H,currentSlide:F,isRenderDots:G,showNavigation:_,isScrollToStart:J,isScrollToEnd:K,handleDotClick:U,getItemsPerPage:L,handleNextAndPrevSlide:Q,dispatchEventSelectSlide:X,getNumberOfFullWidthShow:Y,setCurrentSlide:Z,shouldDuplicateSlides:ee,setIsScrollToStart:er,setIsScrollToEnd:et}=i.useCarousel(b,m,x,q),{loopConfig:eo,arrowShowConfig:ei}=l.getData(b),{rootClassRender:el,wrapperClassRender:es,wrapperInnerClass:en,sliderClass:ea}=s.getClass(b),{rootStyleRender:ed,wrapperStyleRender:eu,wrapperInnerStyle:ec}=n.getStyle(b),{rootAttrRender:ep,sliderAttr:em}=a.getAttr(b),ev=t.useCurrentDevice(),eC=f?.sneakPeak?.[ev],eS=(r,t)=>{let o="next"===r;if(q<=1)return null;let i=o?!V&&x?.isEnd:!V&&x?.isBeginning;return e.jsx(d.default,{uid:S?.uid,custom:f?.arrowCustom??"",showArrow:ei,arrowButtonSize:E||{},arrowIconSize:A||{},arrowBackgroundColor:O||"",arrowCustomColor:I,gapToEachSize:D,showWhenHover:z,arrowBorder:N||{},arrowCorner:T||{},arrowShadow:R||{},onClick:e=>{e.stopPropagation(),Q(r)},left:!o,disabled:g?o?!V&&K||!t:!V&&J||!t:i,vertical:f?.vertical,isHiddenWhenDisabled:k,rootId:p?.parentClass})},eh=r.useCallback(e=>{P(e),j?.(e)},[]),ek=r.useCallback(()=>{p?.isDisableResetSlide||(Z(0),er(!0),et(!1))},[p?.isDisableResetSlide,Z,et,er]),ew=r.Children.toArray(t.filterToolbarPreview(v)).filter(r.isValidElement),ey=ee(q),eg=ey?2*q:q,ej=r.useMemo(()=>{if(!ey)return ew;let e=ew.map((e,t)=>{if(!r.isValidElement(e))return e;let o=e.key,i=o?`${o}-duplicate-${t}`:`duplicate-${t}`;return r.cloneElement(e,{...e.props||{},key:i})});return[...ew,...e]},[ey,ew]),ef=r.useMemo(()=>{let e=r.Children.toArray(v),t=e[0];return r.isValidElement(t)?t.key:""},[v]),eb=JSON.stringify($.autoplay),eq=r.useMemo(()=>{let e=[q,B,ej.length,ef,$.dir,$.loop,$.virtual,$.direction,$.isSneakPeekCenter,eb];return e.join("-")},[q,B,ej.length,ef,$.dir,$.loop,$.virtual,$.direction,$.isSneakPeekCenter,eb]);return e.jsx("div",{ref:y,...ep,className:el,style:ed,children:e.jsxs("div",{ref:W,...C,className:es,style:eu,children:[e.jsxs("div",{className:en,style:ec,children:[eS("prev",!!_),r.createElement(c.Swiper,{...em,...$,sliderClass:ea,thumbsSwiper:p?.thumbsSwiper,onSwiperReady:eh,totalSlides:H,key:eq,sliderOrder:B,onSwiperReset:ek},t.isEmptyChildren(v)?e.jsx("div",{children:"No Slider"}):e.jsx(e.Fragment,{children:ej.map((e,t)=>{if(!r.isValidElement(e))return null;let o=e.props??{};return r.createElement(e.type,{...o,key:e.key,indexKey:t.toString(),parentSettings:f,parentStyle:h,background:f?.background,parentUid:S?.uid,dispatchEventSelectSlide:X})})})),eS("next",!!_)]}),G&&e.jsx(u.default,{dotStyle:f?.dotStyle,dotGapToCarousel:f?.dotGapToCarousel,vertical:f?.vertical,showDots:f?.dot,slideItemsPerPage:L(),enabledSneakPeak:eC,dotColor:f?.dotColor,dotActiveColor:f?.dotActiveColor,dotSize:f?.dotSize,sneakPeakType:f?.sneakPeakType,totalSlideItem:eg,hiddenWhenOnlyOne:w,currentSlide:F,loop:eo,numberOfFullWidthShow:Y(ev),onHandleClick:U,slideDuplicated:ey}),t.filterToolbarPreview(v,!0)]})})});exports.default=p;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("@gem-sdk/core"),o=require("../arrow/common/helpers.js"),i=require("../../hooks/useCarousel.js"),l=require("./common/helpers.js"),s=require("./common/classes.js"),n=require("./common/styles.js"),a=require("./common/attrs.js"),d=require("../arrow/Arrow.js"),u=require("../dot/Dots.js"),c=require("../swiper/Swiper.js");require("@gem-sdk/system");const p=r.forwardRef((p,m)=>{let{children:v,builderAttrs:C,builderProps:S,styles:h,isHiddenArrowWhenDisabled:k=!0,hiddenDotWhenOnlyOne:w,elmRef:y,isEnableCheckHasScrollableContent:g,onSwiperReady:j}=p,f=o.mappingNavigationCarousel(p.setting),b={...p,setting:f},q=r.Children.count(t.filterToolbarPreview(v))??0,[x,P]=r.useState(null),{arrowButtonSize:E,arrowBackgroundColor:O,arrowGapToEachSide:D="16",roundedArrow:T,arrowIconSize:A,arrowCustomColor:I,arrowBorder:N,arrowShadow:R,showWhenHover:z}=f??{},M=r.useRef({prevOrder:"",prevContent:"",version:0}),B=r.useMemo(()=>{let e=f?.childItem||[],r=e.join("|"),t=[...e].sort().join("|"),o=M.current;return o.prevOrder&&o.prevContent&&t===o.prevContent&&r!==o.prevOrder&&o.version++,o.prevOrder=r,o.prevContent=t,`reorder-${o.version}`},[f?.childItem]),{isInfinity:V,localRef:W,sliderSettings:$,totalSlideItem:H,currentSlide:F,isRenderDots:G,showNavigation:_,isScrollToStart:J,isScrollToEnd:K,handleDotClick:U,getItemsPerPage:L,handleNextAndPrevSlide:Q,dispatchEventSelectSlide:X,getNumberOfFullWidthShow:Y,setCurrentSlide:Z,shouldDuplicateSlides:ee,setIsScrollToStart:er,setIsScrollToEnd:et}=i.useCarousel(b,m,x,q),{loopConfig:eo,arrowShowConfig:ei}=l.getData(b),{rootClassRender:el,wrapperClassRender:es,wrapperInnerClass:en,sliderClass:ea}=s.getClass(b),{rootStyleRender:ed,wrapperStyleRender:eu,wrapperInnerStyle:ec}=n.getStyle(b),{rootAttrRender:ep,sliderAttr:em}=a.getAttr(b),ev=t.useCurrentDevice(),eC=f?.sneakPeak?.[ev],eS=(r,t)=>{let o="next"===r;if(q<=1)return null;let i=!V&&(o?x?.isEnd:x?.isBeginning);return e.jsx(d.default,{uid:S?.uid,custom:f?.arrowCustom??"",showArrow:ei,arrowButtonSize:E||{},arrowIconSize:A||{},arrowBackgroundColor:O||"",arrowCustomColor:I,gapToEachSize:D,showWhenHover:z,arrowBorder:N||{},arrowCorner:T||{},arrowShadow:R||{},onClick:e=>{e.stopPropagation(),Q(r)},left:!o,disabled:g?o?!V&&K||!t:!V&&J||!t:i,vertical:f?.vertical,isHiddenWhenDisabled:k,rootId:p?.parentClass})},eh=r.useCallback(e=>{P(e),j?.(e)},[]),ek=r.useCallback(()=>{p?.isDisableResetSlide||(Z(0),er(!0),et(!1))},[p?.isDisableResetSlide,Z,et,er]),ew=r.Children.toArray(t.filterToolbarPreview(v)).filter(r.isValidElement),ey=ee(q),eg=ey?2*q:q,ej=r.useMemo(()=>{if(!ey)return ew;let e=ew.map((e,t)=>{if(!r.isValidElement(e))return e;let o=e.key,i=o?`${o}-duplicate-${t}`:`duplicate-${t}`;return r.cloneElement(e,{...e.props||{},key:i})});return[...ew,...e]},[ey,ew]),ef=r.useMemo(()=>{let e=r.Children.toArray(v),t=e[0];return r.isValidElement(t)?t.key:""},[v]),eb=JSON.stringify($.autoplay),eq=r.useMemo(()=>{let e=[q,B,ej.length,ef,$.dir,$.loop,$.virtual,$.direction,$.isSneakPeekCenter,eb];return e.join("-")},[q,B,ej.length,ef,$.dir,$.loop,$.virtual,$.direction,$.isSneakPeekCenter,eb]);return e.jsx("div",{ref:y,...ep,className:el,style:ed,children:e.jsxs("div",{ref:W,...C,className:es,style:eu,children:[e.jsxs("div",{className:en,style:ec,children:[eS("prev",!!_),r.createElement(c.Swiper,{...em,...$,sliderClass:ea,thumbsSwiper:p?.thumbsSwiper,onSwiperReady:eh,totalSlides:H,key:eq,sliderOrder:B,onSwiperReset:ek},t.isEmptyChildren(v)?e.jsx("div",{children:"No Slider"}):e.jsx(e.Fragment,{children:ej.map((e,t)=>{if(!r.isValidElement(e))return null;let o=e.props??{};return r.createElement(e.type,{...o,key:e.key,indexKey:t.toString(),parentSettings:f,parentStyle:h,background:f?.background,parentUid:S?.uid,dispatchEventSelectSlide:X})})})),eS("next",!!_)]}),G&&e.jsx(u.default,{dotStyle:f?.dotStyle,dotGapToCarousel:f?.dotGapToCarousel,vertical:f?.vertical,showDots:f?.dot,slideItemsPerPage:L(),enabledSneakPeak:eC,dotColor:f?.dotColor,dotActiveColor:f?.dotActiveColor,dotSize:f?.dotSize,sneakPeakType:f?.sneakPeakType,totalSlideItem:eg,hiddenWhenOnlyOne:w,currentSlide:F,loop:eo,numberOfFullWidthShow:Y(ev),onHandleClick:U,slideDuplicated:ey}),t.filterToolbarPreview(v,!0)]})})});exports.default=p;

package/dist/cjs/carousel-v3/components/root/Carousel.liquid.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),r=require("../arrow/Arrow.liquid.js"),t=require("../dot/Dots.liquid.js"),s=require("../arrow/common/helpers.js"),o=require("./common/helpers.js"),a=require("./common/classes.js"),i=require("./common/styles.js"),l=require("./common/attrs.js"),d=require("../../../helpers.js");exports.default=n=>{let{children:u,builderAttrs:c,builderProps:p,styles:v,isHiddenArrowWhenDisabled:g=!0,hiddenDotWhenOnlyOne:$,rootId:m,rawChildren:S,conditionAppendJs:h,productBadgeLiquid:w}=n,f=s.mappingNavigationCarousel(n.setting),y={...n,setting:f},{arrowButtonSize:C,arrowBackgroundColor:q,arrowGapToEachSide:j="16",roundedArrow:k,arrowIconSize:A,arrowCustomColor:D,arrowBorder:E,arrowShadow:I,showWhenHover:P}=f??{},{uniqueComponentId:b,loopConfig:R,arrowShowConfig:_,stateData:x}=o.getData(y),{rootClassRender:G,wrapperClassRender:O,wrapperInnerClass:T,sliderClass:W}=a.getClass(y),{sliderWrapperStyle:z,rootStyleRender:B,wrapperStyleRender:L,wrapperInnerStyle:H}=i.getStyle(y),{rootAttrRender:M,sliderAttr:N}=l.getAttr(y),U=()=>e.RenderIf(e.isLocalEnv,`<script ${d.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-carousel-v3-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${d.getSettingPreloadData('class="gps-link" delay',"src")}="${e.baseAssetURL}/assets-v2/gp-carousel-v3-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`),V=e=>r.default({uid:p?.uid,componentId:b,custom:f?.arrowCustom??"",showArrow:_,arrowButtonSize:C||{},arrowIconSize:A||{},arrowBackgroundColor:q??"",arrowCustomColor:D,gapToEachSize:j,showWhenHover:P,arrowBorder:E||{},arrowCorner:k||{},arrowShadow:I||{},left:"next"!==e,vertical:f?.vertical,isHiddenWhenDisabled:g,rootId:m});return e.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),r=require("../arrow/Arrow.liquid.js"),t=require("../dot/Dots.liquid.js"),s=require("../arrow/common/helpers.js"),o=require("./common/helpers.js"),a=require("./common/classes.js"),i=require("./common/styles.js"),l=require("./common/attrs.js"),d=require("../../../helpers.js");exports.default=n=>{let{children:u,builderAttrs:c,builderProps:p,styles:v,isHiddenArrowWhenDisabled:g=!0,hiddenDotWhenOnlyOne:$,rootId:m,rawChildren:S,conditionAppendJs:h,productBadgeLiquid:w}=n,f=s.mappingNavigationCarousel(n.setting),y={...n,setting:f},{arrowButtonSize:C,arrowBackgroundColor:q,arrowGapToEachSide:j="16",roundedArrow:k,arrowIconSize:P,arrowCustomColor:A,arrowBorder:D,arrowShadow:E,showWhenHover:I}=f??{},{uniqueComponentId:b,loopConfig:R,arrowShowConfig:_,stateData:x}=o.getData(y),{rootClassRender:G,wrapperClassRender:O,wrapperInnerClass:T,sliderClass:W}=a.getClass(y),{sliderWrapperStyle:z,rootStyleRender:B,wrapperStyleRender:L,wrapperInnerStyle:H}=i.getStyle(y),{rootAttrRender:M,sliderAttr:N}=l.getAttr(y),U=()=>e.RenderIf(e.isLocalEnv,`<script ${d.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-carousel-v3-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${d.getSettingPreloadData('class="gps-link" delay',"src")}="${e.baseAssetURL}/assets-v2/gp-carousel-v3-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`),V=e=>r.default({uid:p?.uid,componentId:b,custom:f?.arrowCustom??"",showArrow:_,arrowButtonSize:C||{},arrowIconSize:P||{},arrowBackgroundColor:q??"",arrowCustomColor:A,gapToEachSize:j,showWhenHover:I,arrowBorder:D||{},arrowCorner:k||{},arrowShadow:E||{},left:"next"!==e,onClick:e=>{e.stopPropagation()},vertical:f?.vertical,isHiddenWhenDisabled:g,rootId:m});return e.template`
     <gp-carousel-v3 gp-data='${x}' ${M} style="${B}" class="${G}">
       <div
         ${c}

package/dist/cjs/grid/components/row/common/styles.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var e=require("@gem-sdk/core"),t=require("@gem-sdk/system"),r=require("./helpers.js"),o=require("../../../../post-purchase/common/helper.js");exports.getRowStyle=({rowProps:i,isPostPurchase:s,type:l="React",translatedBackground:a})=>{let{children:p,setting:n,builderProps:d,styles:m,style:c,advanced:y,isNotFullWidth:u,parentStyle:b}=i,{isSection:g,layout:k,horizontalAlign:v,responsive:S,inlineAlignment:h}=n??{},{width:R,columnGap:f,rowGap:x,background:B,verticalGutter:w,verticalGutterMobile:q,enablePagePadding:D,height:j}=m??{},V=r.getInnerRadiusExcludeBorder(y?.border,y?.rounded),L=(e,t)=>{let r=e?.normal,o=t?.normal;if(!r||!o||o?.borderType=="none"||"square"===r.radiusType||"none"===r.radiusType)return!1;for(let e in r)if(Object.hasOwn(r,e)&&"0px"!==r[e])return!0;return!1},O=e.makeStyleResponsive("of",{desktop:L(V.desktop,e.getValueByDevice(y?.border,"desktop"))?"hidden":void 0,tablet:L(V.tablet,e.getValueByDevice(y?.border,"tablet"))?"hidden":void 0,mobile:L(V.mobile,e.getValueByDevice(y?.border,"mobile"))?"hidden":void 0}),T=d?.builderData?.childrens?.length,C={...e.makeStyleResponsive("aspect",{desktop:"16/9"})},E=e.isEmptyChildren(p)||!T,G={desktop:R?.desktop==="default"?"1200px":R?.desktop,tablet:R?.tablet==="default"?"1200px":R?.tablet,mobile:R?.mobile==="default"?"1200px":R?.mobile},z=r.createStyleObject(s?G:R),[H,I]=e.splitStyle(["pos","top","left","bottom","right","z"],c),P=()=>({...g?I:c,...e.makeStyleResponsive("cg",w),...e.makeStyleResponsive("rg",q),...k?e.composeGridLayout(k):e.makeStyleResponsive("gtc",S),...e.makeStyleResponsive("w",z.content),...e.makeStyleResponsive("h",j),...g?{}:O}),Y=()=>({"--mb":"0px","--mt":"0px",...e.makeStyleResponsive("cg",f),...e.makeStyle({pc:h,rg:x?o.postPurchaseViewSpacing[x]:"0px"})}),A=t=>{let r=B;return"Liquid"===l&&(r=a),{...e.getStyleBackgroundByDevice(r,t),...e.getGradientBgrStyleByDevice(r,{desktop:!0,tablet:!0,mobile:!0}),...e.makeStyleResponsive("pc",v)}},F=()=>u&&!E?{marginLeft:"0px",marginRight:"0px"}:{},J=t.createStyle({...{...e.composeRadius(V)}}),K=t.createStyle({...C,"pointer-events":"none",transform:"translateY(-50%)",height:"100%","object-fit":"cover",top:"50%"}),M=e=>{if(void 0!==e)return e?"var(--g-ct-p, 15px)":"none"},N={desktop:M(D?.desktop),tablet:M(D?.tablet),mobile:M(D?.mobile)},Q=t.createStyle({...H,...e.makeStyleResponsive("w",z.wrapper),...e.makeStyleResponsive("pl",N),...e.makeStyleResponsive("pr",N)});return{embedVideoStyle:K,backgroundBoxStyle:J,rowStyle:(e=!1)=>t.createStyle({...P(),...A(),...F(),...e?Y():{},...n?.sameHeightSubgridContainer&&b}),sectionStyle:Q}};
+"use strict";var e=require("@gem-sdk/core"),t=require("@gem-sdk/system"),o=require("./helpers.js"),r=require("../../../../post-purchase/common/helper.js");exports.getRowStyle=({rowProps:l,isPostPurchase:i,type:s="React",translatedBackground:a})=>{let{children:n,setting:p,builderProps:d,styles:m,style:b,advanced:c,isNotFullWidth:y,parentStyle:u}=l,{isSection:k,layout:g,horizontalAlign:v,responsive:S,inlineAlignment:R}=p??{},{width:h,columnGap:f,rowGap:x,background:B,verticalGutter:w,verticalGutterMobile:q,enablePagePadding:D,height:j}=m??{},V=o.getInnerRadiusExcludeBorder(c?.border,c?.rounded),L=(e,t)=>{let o=e?.normal,r=t?.normal;if(!o||!r||r?.borderType=="none"||"square"===o.radiusType||"none"===o.radiusType)return!1;for(let e in o)if(Object.hasOwn(o,e)&&"0px"!==o[e])return!0;return!1},O=e.makeStyleResponsive("of",{desktop:L(V.desktop,e.getValueByDevice(c?.border,"desktop"))?"hidden":void 0,tablet:L(V.tablet,e.getValueByDevice(c?.border,"tablet"))?"hidden":void 0,mobile:L(V.mobile,e.getValueByDevice(c?.border,"mobile"))?"hidden":void 0}),T=d?.builderData?.childrens?.length,C={...e.makeStyleResponsive("aspect",{desktop:"16/9"})},E=e.isEmptyChildren(n)||!T,G={desktop:h?.desktop==="default"?"1200px":h?.desktop,tablet:h?.tablet==="default"?"1200px":h?.tablet,mobile:h?.mobile==="default"?"1200px":h?.mobile},z=!!p?.sameHeightSubgridContainer,H=z?(({"--d":e,"--d-mobile":t,"--d-tablet":o,...r})=>r)(b??{}):b,I=o.createStyleObject(i?G:h),[P,Y]=e.splitStyle(["pos","top","left","bottom","right","z"],H),A=()=>({...k?Y:H,...e.makeStyleResponsive("cg",w),...e.makeStyleResponsive("rg",q),...g?e.composeGridLayout(g):e.makeStyleResponsive("gtc",S),...e.makeStyleResponsive("w",I.content),...e.makeStyleResponsive("h",j),...k?{}:O}),F=()=>({"--mb":"0px","--mt":"0px",...e.makeStyleResponsive("cg",f),...e.makeStyle({pc:R,rg:x?r.postPurchaseViewSpacing[x]:"0px"})}),J=t=>{let o=B;return"Liquid"===s&&(o=a),{...e.getStyleBackgroundByDevice(o,t),...e.getGradientBgrStyleByDevice(o,{desktop:!0,tablet:!0,mobile:!0}),...e.makeStyleResponsive("pc",v)}},K=()=>y&&!E?{marginLeft:"0px",marginRight:"0px"}:{},M=()=>({...u,...e.makeStyleResponsive("d",{desktop:c?.d?.desktop?"flex":"none",tablet:c?.d?.tablet?"flex":"none",mobile:c?.d?.mobile?"flex":"none"}),"flex-direction":"column"}),N=t.createStyle({...{...e.composeRadius(V)}}),Q=t.createStyle({...C,"pointer-events":"none",transform:"translateY(-50%)",height:"100%","object-fit":"cover",top:"50%"}),U=e=>{if(void 0!==e)return e?"var(--g-ct-p, 15px)":"none"},W={desktop:U(D?.desktop),tablet:U(D?.tablet),mobile:U(D?.mobile)},X=t.createStyle({...P,...e.makeStyleResponsive("w",I.wrapper),...e.makeStyleResponsive("pl",W),...e.makeStyleResponsive("pr",W)});return{embedVideoStyle:Q,backgroundBoxStyle:N,rowStyle:(e=!1)=>t.createStyle({...A(),...J(),...K(),...e?F():{},...z?M():{}}),sectionStyle:X}};

package/dist/cjs/product/components/file-upload/settings/configs/ui-v2.js

@@ -1 +1 @@
-"use strict";exports.SettingUIV2=[{label:"Layout",controls:[{setting:{id:"fileUploadLayout"},layout:"vertical",options:{isComboLayout:!0},controls:[{label:"Icon position",setting:{id:"positionVertical"},conditionDisplay:"fileUploadLayout === 'vertical'"},{label:"Icon position",setting:{id:"positionHorizontal"},conditionDisplay:"fileUploadLayout !== 'vertical'"},{label:"Arrange content",setting:{id:"arrangeContent"}},{type:"control",label:"Spacing",setting:{id:"spacing"}}]}]},{label:"Upload setting",controls:[{type:"control",label:"Required",setting:{id:"isRequired"}},{type:"control",label:"Click image to preview",setting:{id:"isShowPreviewImage"}},{type:"control",label:"Number of files",setting:{id:"numberOfFiles"}}]},{controls:[{label:"Icon",setting:{id:"iconVisible"},options:{labelVariant:"primary",toggleStyle:"switch"}},{type:"control",label:"Choose icon",setting:{id:"iconSvg"},conditionDisplay:"iconVisible === true"},{type:"control",label:"Size",setting:{id:"iconSize"},conditionDisplay:"iconVisible === true"},{type:"control",label:"Position",setting:{id:"iconAlignVertical"},conditionDisplay:'iconVisible === true && fileUploadLayout === "vertical"'},{type:"control",label:"Position",setting:{id:"iconAlignHorizontal"},conditionDisplay:'iconVisible === true && fileUploadLayout === "horizontal"'}]},{label:"Size",controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"size",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:"200px",showValue:!0},{label:"Large",value:"300px",showValue:!0}]},layout:"horizontal"},{id:"Height",label:"Height",controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px"],hideUnit:!1,linkWithSetting:{name:"size",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Small",value:"100px",showValue:!0},{label:"Medium",value:"200px",showValue:!0},{label:"Large",value:"300px",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"paddingSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"12px",bottom:"12px",left:"32px",right:"32px"}}}}}]},{label:"Background",controls:[{label:"Color",setting:{id:"backgroundColor",state:"normal"}}]},{label:"Shape",controls:[{label:"Border",setting:{id:"borderBtn",state:"normal"}},{label:"Corner",setting:{id:"roundedBtn",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}}}]},{label:"Text style",controls:[{type:"combo",label:"Content",iconName:"polaris-text-block",getValueFromSettingID:"textContent",isHideClear:!0,popoverLabel:"Content",controls:[{label:"Content",options:{fullWidth:!0},layout:"vertical",setting:{id:"textContent"}}]},{type:"control",setting:{id:"typo"},options:{updateFields:[{field:"attrs.textAlign",settingId:"textAlign"},{field:"attrs.color",settingId:"textColor",state:"normal"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}},{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:"Effect",controls:[{label:"Hover",type:"combo",setting:{id:"enableHoverEffect"},fixedValue:"Styled",iconName:"polaris-check-hover",popoverLabel:"Hover",state:"hover",controls:[{label:"Background",type:"group",controls:[{label:"Color",type:"control",setting:{id:"backgroundColor",state:"hover"}}]},{label:"Text & icon",type:"group",controls:[{label:"Text color",setting:{id:"textColor",state:"hover"}}]},{label:"Shape",type:"group",controls:[{label:"Border",setting:{id:"borderBtn",state:"hover"}},{label:"Corner",setting:{id:"roundedBtn",state:"hover"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"hover"}}]}],controlChangeTrigger:{settings:[{action:{controlId:"backgroundColor",groupType:"style",controlType:"style",state:"hover",newValue:"#DDDDDD"}}]}}]},{controls:[{label:"Align",conditionEnable:'!size.width?.includes("%") || (parseInt(size.width) < 100 && size.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];
+"use strict";exports.SettingUIV2=[{label:"Layout",controls:[{setting:{id:"fileUploadLayout"},layout:"vertical",options:{isComboLayout:!0},controls:[{label:"Icon position",setting:{id:"positionVertical"},conditionDisplay:"fileUploadLayout === 'vertical'"},{label:"Icon position",setting:{id:"positionHorizontal"},conditionDisplay:"fileUploadLayout !== 'vertical'"},{label:"Arrange content",setting:{id:"arrangeContent"}},{type:"control",label:"Spacing",setting:{id:"spacing"}}]}]},{label:"Upload setting",controls:[{type:"control",label:"Required",setting:{id:"isRequired"}},{type:"control",label:"Click image to preview",setting:{id:"isShowPreviewImage"}},{type:"control",label:"Number of files",setting:{id:"numberOfFiles"}}]},{controls:[{label:"Icon",setting:{id:"iconVisible"},options:{labelVariant:"primary",toggleStyle:"switch"}},{type:"control",label:"Choose icon",setting:{id:"iconSvg"},conditionDisplay:"iconVisible === true"},{type:"control",label:"Size",setting:{id:"iconSize"},conditionDisplay:"iconVisible === true"},{type:"control",label:"Position",setting:{id:"iconAlignVertical"},conditionDisplay:'iconVisible === true && fileUploadLayout === "vertical"'},{type:"control",label:"Position",setting:{id:"iconAlignHorizontal"},conditionDisplay:'iconVisible === true && fileUploadLayout === "horizontal"'}]},{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:"size",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:"200px",showValue:!0},{label:"Large",value:"300px",showValue:!0}]},layout:"horizontal"},{id:"Height",label:"Height",controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px"],hideUnit:!1,linkWithSetting:{name:"size",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Small",value:"100px",showValue:!0},{label:"Medium",value:"200px",showValue:!0},{label:"Large",value:"300px",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"paddingSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"12px",bottom:"12px",left:"32px",right:"32px"}}}}}]},{label:"Background",controls:[{label:"Color",setting:{id:"backgroundColor",state:"normal"}}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",setting:{id:"borderBtn",state:"normal"}},{label:"Corner",setting:{id:"roundedBtn",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}}}]},{label:"Text style",controls:[{type:"combo",label:"Content",iconName:"polaris-text-block",getValueFromSettingID:"textContent",isHideClear:!0,popoverLabel:"Content",controls:[{label:"Content",options:{fullWidth:!0},layout:"vertical",setting:{id:"textContent"}}]},{type:"control",setting:{id:"typo"},options:{updateFields:[{field:"attrs.textAlign",settingId:"textAlign"},{field:"attrs.color",settingId:"textColor",state:"normal"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}},{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:"Effect",hiddenOnMobile:!0,controls:[{label:"Hover",type:"combo",setting:{id:"enableHoverEffect"},fixedValue:"Styled",iconName:"polaris-check-hover",popoverLabel:"Hover",state:"hover",controls:[{label:"Background",type:"group",controls:[{label:"Color",type:"control",setting:{id:"backgroundColor",state:"hover"}}]},{label:"Text & icon",type:"group",controls:[{label:"Text color",setting:{id:"textColor",state:"hover"}}]},{label:"Shape",type:"group",controls:[{label:"Border",setting:{id:"borderBtn",state:"hover"}},{label:"Corner",setting:{id:"roundedBtn",state:"hover"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"hover"}}]}],controlChangeTrigger:{settings:[{action:{controlId:"backgroundColor",groupType:"style",controlType:"style",state:"hover",newValue:"#DDDDDD"}}]}}]},{controls:[{label:"Align",hiddenOnMobile:!0,conditionEnable:'!size.width?.includes("%") || (parseInt(size.width) < 100 && size.width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];

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

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

package/dist/cjs/product/settings/product-image-v3/configs/setting-v2/ProductGalleryImage.js

@@ -1,2 +1,2 @@
-"use strict";const e=e=>({desktop:{default:e}}),i=[{id:"type",label:"Gallery Type",type:"segment",hide:!0,options:[{label:"Slide",value:"slider"},{label:"All",value:"images"}],devices:e("slider")},{id:"galleryHoverEffect",label:"Hover Effect",type:"select",hide:!0,hideOnMode:{mobileOnly:!0},options:[{title:"None",value:"none"},{title:"Zoom",value:"zoom"}],default:"none"},{id:"galleryZoomType",type:"select",label:"Zoom Type",hide:!0,default:"default",hideOnMode:{mobileOnly:!0},options:[{title:"Default",value:"default"},{title:"Glasses",value:"glasses"}]},{id:"galleryZoom",type:"input:slider",label:"Zoom Value",min:100,max:200,step:10,default:150,units:["%"],useOnlyUnitInit:!0,isNumber:!0},{id:"clickOpenLightBox",label:"Large view in pop-up",type:"select",options:[{label:"View in featured",value:!1},{label:"Open Gallery",value:!0}],devices:e(!1)},{id:"borderActive",label:"Active border",type:"border",default:{borderType:"none",border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1,color:"line-3"},compoDefaultValue:{borderType:"none",border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1,color:"line-3"}},{id:"navigationPosition",label:"Navigation",type:"option:illustration",enableTooltip:!0,options:[{label:"No navigation",value:"none",type:"slide-control",hide:!0},{label:"Outside",value:"outside",type:"slide-control",svgName:"gp-slide-control-outside"},{label:"Inside",value:"inside",type:"slide-control",svgName:"gp-slide-control-inside"}],devices:e("inside")},{id:"loop",type:"toggle",devices:e(!0)},{id:"pauseOnHover",label:"Pause On Hover",type:"toggle",hide:!0,default:!0},{id:"speed",type:"input:slider",label:"Speed (s)",hide:!0,min:0,max:60,step:1,default:1},{id:"arrowIcon",type:"icon",hide:!0,label:"Custom Arrow",info:"Choose from list or paste any SVG icon",default:`<svg height="20" width="20" data-name="caret-right-regular" xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 256 256" fill="currentColor" data-id="508418455613473128">
-              <path fill="currentColor" strokeLinecap="round" strokeLinejoin="round" fill="currentColor" d="M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z" /></svg>`},{id:"arrowIconSize",label:"Number per show",type:"input:stepper",min:1,devices:{desktop:{default:24}}},{id:"arrowIconColor",label:"Icon color",type:"color-picker-v2",default:"text-1"},{id:"dragToScroll",label:"Drag to scroll",type:"toggle",hide:!0,default:!0},{id:"arrowNavColor",label:"Nav. color",type:"color-picker-v2",default:"bg-3",compoDefaultValue:"bg-3"},{id:"arrowNavSize",type:"size-setting",settingConfig:{width:{name:"Width",units:["px"],displayOptions:["auto"]},height:{name:"Height",units:["px"],displayOptions:["auto"]}},default:{width:"Auto",height:"Auto",padding:{top:"12px",bottom:"12px",left:"12px",right:"12px"},shapeLinked:!0,shape:"square",shapeValue:"1/1"},hiddenSettings:["gap","padding","proportion"]},{id:"arrowNavBorder",label:"Nav. border",type:"border",default:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1}},{id:"arrowNavRadius",label:"Nav. corner",type:"radius-preset",default:{btrr:"9999px",bblr:"9999px",bbrr:"9999px",btlr:"9999px",radiusType:"circle"}},{id:"arrowNavShadow",type:"shadow-v2",default:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90,enable:!1}}],t=[{id:"shape",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"100%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full"]}},hiddenSettings:["padding","gap"]},{id:"shapeForFtOnly",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"100%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full"]}},hiddenSettings:["padding","gap"]},{id:"shapeForBottom",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"20%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full","small","medium","large"],sizeConfig:{small:"10%",medium:"20%",large:"25%"}}},hiddenSettings:["padding","gap"]},{id:"shapeForInsideBottom",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"20%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["small","medium","large"],sizeConfig:{small:"10%",medium:"20%",large:"25%"}}},hiddenSettings:["padding","gap"]},{id:"shapeForInside",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"20%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["small","medium","large"],sizeConfig:{small:"10%",medium:"20%",large:"25%"}}},hiddenSettings:["padding","gap"]},{id:"shapeFor2Col",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"50%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full","small","medium","large"],sizeConfig:{small:"25%",medium:"33%",large:"50%"}}},hiddenSettings:["padding","gap"]},{id:"shapeFor1Col",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"100%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full","small","medium","large"],sizeConfig:{small:"25%",medium:"33%",large:"50%"}}},hiddenSettings:["padding","gap"]},{id:"layout",type:"option:illustration",enableTooltip:!0,label:"Image scale",options:[{label:"Fill image",value:"cover",type:"image",svgName:"gp-image-cover"},{label:"Fit image",value:"contain",type:"image",svgName:"gp-image-contain"}],devices:e("cover")},{id:"itemSpacing",label:"Gallery Item Spacing",type:"input:slider",units:["px"],devices:{desktop:{default:"8px"}}},{id:"corner",type:"radius-preset",label:"Corner",default:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"},state:{hover:!0,normal:!0}}];exports.productGalleryImageSetting=i,exports.productGalleryImageStyle=t;
+"use strict";const e=e=>({desktop:{default:e}}),i=[{id:"type",label:"Gallery Type",type:"segment",hide:!0,options:[{label:"Slide",value:"slider"},{label:"All",value:"images"}],devices:e("slider")},{id:"galleryHoverEffect",label:"Hover Effect",type:"select",hide:!0,hideOnMode:{mobileOnly:!0},options:[{title:"None",value:"none"},{title:"Zoom",value:"zoom"}],default:"none"},{id:"galleryZoomType",type:"select",label:"Zoom Type",hide:!0,default:"default",hideOnMode:{mobileOnly:!0},options:[{title:"Default",value:"default"},{title:"Glasses",value:"glasses"}]},{id:"galleryZoom",type:"input:slider",label:"Zoom Value",min:100,max:200,step:10,default:150,units:["%"],useOnlyUnitInit:!0,isNumber:!0},{id:"clickOpenLightBox",label:"Large view in pop-up",type:"select",options:[{label:"View in featured",value:!1},{label:"Open Gallery",value:!0}],devices:e(!1)},{id:"borderActive",label:"Active border",type:"border",default:{borderType:"none",border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1,color:"line-3"},compoDefaultValue:{borderType:"none",border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1,color:"line-3"}},{id:"navigationPosition",label:"Navigation",type:"option:illustration",enableTooltip:!0,options:[{label:"No navigation",value:"none",type:"slide-control",hide:!0},{label:"Outside",value:"outside",type:"slide-control",svgName:"gp-slide-control-outside"},{label:"Inside",value:"inside",type:"slide-control",svgName:"gp-slide-control-inside"}],devices:e("inside")},{id:"loop",type:"toggle",devices:e(!0)},{id:"pauseOnHover",label:"Pause On Hover",type:"toggle",hide:!0,default:!0},{id:"speed",type:"input:slider",label:"Speed (s)",hide:!0,min:0,max:60,step:1,default:1},{id:"arrowIcon",type:"icon",hide:!0,label:"Custom Arrow",info:"Choose from list or paste any SVG icon",default:`<svg height="20px" width="20px" 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:"arrowIconSize",label:"Number per show",type:"input:stepper",min:1,devices:{desktop:{default:16}}},{id:"arrowIconColor",label:"Icon color",type:"color-picker-v2",default:"text-1"},{id:"dragToScroll",label:"Drag to scroll",type:"toggle",hide:!0,default:!0},{id:"arrowNavColor",label:"Nav. color",type:"color-picker-v2",default:"bg-3",compoDefaultValue:"bg-3"},{id:"arrowNavSize",type:"size-setting",settingConfig:{width:{name:"Width",units:["px"],displayOptions:["auto"]},height:{name:"Height",units:["px"],displayOptions:["auto"]}},default:{width:"Auto",height:"Auto",padding:{top:"12px",bottom:"12px",left:"12px",right:"12px"},shapeLinked:!0,shape:"square",shapeValue:"1/1"},hiddenSettings:["gap","padding","proportion"]},{id:"arrowNavBorder",label:"Nav. border",type:"border",default:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1}},{id:"arrowNavRadius",label:"Nav. corner",type:"radius-preset",default:{btrr:"9999px",bblr:"9999px",bbrr:"9999px",btlr:"9999px",radiusType:"circle"}},{id:"arrowNavShadow",type:"shadow-v2",default:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90,enable:!1}}],t=[{id:"shape",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"100%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full"]}},hiddenSettings:["padding","gap"]},{id:"shapeForFtOnly",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"100%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full"]}},hiddenSettings:["padding","gap"]},{id:"shapeForBottom",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"20%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full","small","medium","large"],sizeConfig:{small:"10%",medium:"20%",large:"25%"}}},hiddenSettings:["padding","gap"]},{id:"shapeForInsideBottom",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"20%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["small","medium","large"],sizeConfig:{small:"10%",medium:"20%",large:"25%"}}},hiddenSettings:["padding","gap"]},{id:"shapeForInside",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"20%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["small","medium","large"],sizeConfig:{small:"10%",medium:"20%",large:"25%"}}},hiddenSettings:["padding","gap"]},{id:"shapeFor2Col",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"50%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full","small","medium","large"],sizeConfig:{small:"25%",medium:"33%",large:"50%"}}},hiddenSettings:["padding","gap"]},{id:"shapeFor1Col",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"100%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full","small","medium","large"],sizeConfig:{small:"25%",medium:"33%",large:"50%"}}},hiddenSettings:["padding","gap"]},{id:"layout",type:"option:illustration",enableTooltip:!0,label:"Image scale",options:[{label:"Fill image",value:"cover",type:"image",svgName:"gp-image-cover"},{label:"Fit image",value:"contain",type:"image",svgName:"gp-image-contain"}],devices:e("cover")},{id:"itemSpacing",label:"Gallery Item Spacing",type:"input:slider",units:["px"],devices:{desktop:{default:"8px"}}},{id:"corner",type:"radius-preset",label:"Corner",default:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"},state:{hover:!0,normal:!0}}];exports.productGalleryImageSetting=i,exports.productGalleryImageStyle=t;

package/dist/cjs/product/settings/product-properties/configs/ui-v2.js

@@ -1 +1 @@
-"use strict";exports.SettingUIV2=[{label:"Type",controls:[{setting:{id:"type"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"required",newValue:!1,groupType:"setting",controlType:"style"},condition:"type === 'hidden'",source:["required","type"]}],options:{noRecordHistory:!0}}}]},{label:"Option management",conditionDisplay:'["dropdown", "radio", "checkbox"].includes(type)',controls:[{label:"Options",setting:{id:"childItem"}}]},{label:"Size",conditionDisplay:'type !== "hidden"',controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"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:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:"Icon & text gap",conditionDisplay:'["radio", "checkbox"].includes(type)',setting:{id:"spacing"}}]},{label:"Background",conditionDisplay:'type !== "hidden"',controls:[{label:"Color",setting:{id:"valueBgColor",state:"normal"}}]},{label:"Shape",conditionDisplay:'["text", "textarea", "email", "dropdown"].includes(type)',controls:[{label:"Border",setting:{id:"borderInput",state:"normal"}},{label:"Corner",setting:{id:"borderRadius",state:"normal"}},{label:"Shadow",setting:{id:"shadowInput",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasShadowInput",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"shadowInput.normal.enable === true",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"shadowInput.normal.enable === false",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Checkbox item",conditionDisplay:'type === "checkbox"',controls:[{setting:{id:"valueTypo"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Radio item",conditionDisplay:'type === "radio"',controls:[{setting:{id:"valueTypo"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Input text style",conditionDisplay:'["text", "textarea", "email"].includes(type)',controls:[{type:"combo",label:"Placeholder",popoverLabel:"Placeholder",iconName:"polaris-text-block",getValueFromSettingID:"placeholder",isHideClear:!0,controls:[{label:"Content",setting:{id:"placeholder"},layout:"vertical"}]},{setting:{id:"valueTypo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Text style",conditionDisplay:'type === "dropdown"',controls:[{setting:{id:"valueTypo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{conditionDisplay:'type !== "hidden"',controls:[{label:"Label",setting:{id:"isDisplayLabel"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"isDisplayLabel !== false",type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"label",isHideClear:!0,label:"Content",controls:[{label:"Content",setting:{id:"label"},layout:"vertical"}]},{conditionDisplay:"isDisplayLabel !== false",setting:{id:"labelTypo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:"Hover effect",conditionDisplay:'["text", "textarea", "email", "dropdown"].includes(type)',controls:[{label:"Background",setting:{id:"valueBgColor",state:"hover"}},{label:"Text color",setting:{id:"valueTextColor",state:"hover"}},{label:"Border",setting:{id:"borderInput",state:"hover"}},{label:"Corner",setting:{id:"borderRadius",state:"hover"}},{label:"Shadow",setting:{id:"shadowInput",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasShadowInput",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"shadowInput.hover.enable === true",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"shadowInput.hover.enable === false",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Hover effect",conditionDisplay:'["radio", "checkbox"].includes(type)',controls:[{label:"Background",setting:{id:"valueBgColor",state:"hover"}},{label:"Text color",setting:{id:"valueTextColor",state:"hover"}}]},{label:"Focus effect",conditionDisplay:'["text", "textarea", "email", "dropdown"].includes(type)',controls:[{label:"Background",setting:{id:"valueBgColor",state:"focus"}},{label:"Text color",setting:{id:"valueTextColor",state:"focus"}},{label:"Border",setting:{id:"borderInput",state:"focus"}},{label:"Corner",setting:{id:"borderRadius",state:"focus"}},{label:"Shadow",setting:{id:"shadowInput",state:"focus"},options:{updateFields:[{field:"focus.enable",settingId:"hasShadowInput",state:"focus"}]},controlChangeTrigger:{settings:[{condition:"shadowInput.focus.enable === true",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"focus",newValue:!0}},{condition:"shadowInput.focus.enable === false",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"focus",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Active effect",conditionDisplay:'["checkbox", "radio"].includes(type)',controls:[{label:"Text color",setting:{id:"valueTextColor",state:"active"}}]},{label:"Configuration",controls:[{label:"Field name",type:"combo",isHideClear:!0,getValueFromSettingID:"name",iconName:"polaris-text-block",compoDefaultValue:"Customer Request",controls:[{label:"Content",setting:{id:"name"},layout:"vertical"}]},{label:"Required",conditionDisplay:'type !== "hidden"',setting:{id:"required"}},{label:"Number only",conditionDisplay:'["text", "textarea"].includes(type)',setting:{id:"numberOnly"}},{label:"Min character",conditionDisplay:'numberOnly === false && ["text", "textarea"].includes(type)',setting:{id:"minChar"}},{label:"Max character",conditionDisplay:'numberOnly === false && ["text", "textarea"].includes(type)',setting:{id:"maxChar"}},{label:"Min number",conditionDisplay:'numberOnly === true && ["text", "textarea"].includes(type)',setting:{id:"minNumber"}},{label:"Max number",conditionDisplay:'numberOnly === true && ["text", "textarea"].includes(type)',setting:{id:"maxNumber"}},{label:"Predefine value",type:"combo",isHideClear:!0,conditionDisplay:'type === "hidden"',iconName:"polaris-text-block",getValueFromSettingID:"valueHidden",compoDefaultValue:"Potential Lead",controls:[{setting:{id:"valueHidden"},layout:"vertical"}]}]},{label:"Error message",conditionDisplay:'["text", "textarea", "email"].includes(type) || (["checkbox", "radio", "dropdown"].includes(type) && required)',controls:[{type:"combo",conditionDisplay:'["text", "textarea"].includes(type)',label:"Invalid length",iconName:"polaris-text-block",getValueFromSettingID:"invalidLengthMessage",isHideClear:!0,controls:[{label:"Content",setting:{id:"invalidLengthMessage"},layout:"vertical"}]},{type:"combo",conditionDisplay:'["text", "textarea"].includes(type) && numberOnly === true',label:"Invalid number",iconName:"polaris-text-block",getValueFromSettingID:"invalidNumberMessage",isHideClear:!0,controls:[{label:"Content",setting:{id:"invalidNumberMessage"},layout:"vertical"}]},{type:"combo",conditionDisplay:'type === "email"',label:"Invalid email",iconName:"polaris-text-block",getValueFromSettingID:"invalidEmailMessage",isHideClear:!0,controls:[{label:"Content",setting:{id:"invalidEmailMessage"},layout:"vertical"}]},{type:"combo",conditionDisplay:'type !== "hidden" && required === true',label:"Missing required",iconName:"polaris-text-block",getValueFromSettingID:"requiredMessage",isHideClear:!0,controls:[{label:"Content",setting:{id:"requiredMessage"},layout:"vertical"}]}]},{controls:[{label:"Align",conditionEnable:"activeScreenId === 'desktop' ? !(parseInt(width) >= 100 && width?.includes(\"%\")) : (!(parseInt(width) >= 100 && width?.includes(\"%\")) && width !== 'default')",setting:{id:"textAlign"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];
+"use strict";exports.SettingUIV2=[{label:"Type",controls:[{setting:{id:"type"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"required",newValue:!1,groupType:"setting",controlType:"style"},condition:"type === 'hidden'",source:["required","type"]}],options:{noRecordHistory:!0}}}]},{label:"Option management",hiddenOnMobile:!0,conditionDisplay:'["dropdown", "radio", "checkbox"].includes(type)',controls:[{label:"Options",setting:{id:"childItem"}}]},{label:"Size",hiddenOnMobile:!0,conditionDisplay:'type !== "hidden"',controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"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:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:"Icon & text gap",conditionDisplay:'["radio", "checkbox"].includes(type)',setting:{id:"spacing"}}]},{label:"Background",hiddenOnMobile:!0,conditionDisplay:'type !== "hidden"',controls:[{label:"Color",setting:{id:"valueBgColor",state:"normal"}}]},{label:"Shape",hiddenOnMobile:!0,conditionDisplay:'["text", "textarea", "email", "dropdown"].includes(type)',controls:[{label:"Border",setting:{id:"borderInput",state:"normal"}},{label:"Corner",setting:{id:"borderRadius",state:"normal"}},{label:"Shadow",setting:{id:"shadowInput",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasShadowInput",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"shadowInput.normal.enable === true",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"shadowInput.normal.enable === false",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Checkbox item",hiddenOnMobile:!0,conditionDisplay:'type === "checkbox"',controls:[{setting:{id:"valueTypo"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Radio item",hiddenOnMobile:!0,conditionDisplay:'type === "radio"',controls:[{setting:{id:"valueTypo"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Input text style",hiddenOnMobile:!0,conditionDisplay:'["text", "textarea", "email"].includes(type)',controls:[{type:"combo",label:"Placeholder",popoverLabel:"Placeholder",iconName:"polaris-text-block",getValueFromSettingID:"placeholder",isHideClear:!0,controls:[{label:"Content",setting:{id:"placeholder"},layout:"vertical"}]},{setting:{id:"valueTypo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Text style",hiddenOnMobile:!0,conditionDisplay:'type === "dropdown"',controls:[{setting:{id:"valueTypo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{conditionDisplay:'type !== "hidden"',hiddenOnMobile:!0,controls:[{label:"Label",setting:{id:"isDisplayLabel"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"isDisplayLabel !== false",type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"label",isHideClear:!0,label:"Content",controls:[{label:"Content",setting:{id:"label"},layout:"vertical"}]},{conditionDisplay:"isDisplayLabel !== false",setting:{id:"labelTypo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:"Hover effect",hiddenOnMobile:!0,conditionDisplay:'["text", "textarea", "email", "dropdown"].includes(type)',controls:[{label:"Background",setting:{id:"valueBgColor",state:"hover"}},{label:"Text color",setting:{id:"valueTextColor",state:"hover"}},{label:"Border",setting:{id:"borderInput",state:"hover"}},{label:"Corner",setting:{id:"borderRadius",state:"hover"}},{label:"Shadow",setting:{id:"shadowInput",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasShadowInput",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"shadowInput.hover.enable === true",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"shadowInput.hover.enable === false",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Hover effect",hiddenOnMobile:!0,conditionDisplay:'["radio", "checkbox"].includes(type)',controls:[{label:"Background",setting:{id:"valueBgColor",state:"hover"}},{label:"Text color",setting:{id:"valueTextColor",state:"hover"}}]},{label:"Focus effect",hiddenOnMobile:!0,conditionDisplay:'["text", "textarea", "email", "dropdown"].includes(type)',controls:[{label:"Background",setting:{id:"valueBgColor",state:"focus"}},{label:"Text color",setting:{id:"valueTextColor",state:"focus"}},{label:"Border",setting:{id:"borderInput",state:"focus"}},{label:"Corner",setting:{id:"borderRadius",state:"focus"}},{label:"Shadow",setting:{id:"shadowInput",state:"focus"},options:{updateFields:[{field:"focus.enable",settingId:"hasShadowInput",state:"focus"}]},controlChangeTrigger:{settings:[{condition:"shadowInput.focus.enable === true",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"focus",newValue:!0}},{condition:"shadowInput.focus.enable === false",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"focus",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Active effect",hiddenOnMobile:!0,conditionDisplay:'["checkbox", "radio"].includes(type)',controls:[{label:"Text color",setting:{id:"valueTextColor",state:"active"}}]},{label:"Configuration",controls:[{label:"Field name",type:"combo",isHideClear:!0,getValueFromSettingID:"name",iconName:"polaris-text-block",compoDefaultValue:"Customer Request",controls:[{label:"Content",setting:{id:"name"},layout:"vertical"}]},{label:"Required",conditionDisplay:'type !== "hidden"',setting:{id:"required"}},{label:"Number only",conditionDisplay:'["text", "textarea"].includes(type)',setting:{id:"numberOnly"}},{label:"Min character",conditionDisplay:'numberOnly === false && ["text", "textarea"].includes(type)',setting:{id:"minChar"}},{label:"Max character",conditionDisplay:'numberOnly === false && ["text", "textarea"].includes(type)',setting:{id:"maxChar"}},{label:"Min number",conditionDisplay:'numberOnly === true && ["text", "textarea"].includes(type)',setting:{id:"minNumber"}},{label:"Max number",conditionDisplay:'numberOnly === true && ["text", "textarea"].includes(type)',setting:{id:"maxNumber"}},{label:"Predefine value",type:"combo",isHideClear:!0,conditionDisplay:'type === "hidden"',iconName:"polaris-text-block",getValueFromSettingID:"valueHidden",compoDefaultValue:"Potential Lead",controls:[{setting:{id:"valueHidden"},layout:"vertical"}]}]},{label:"Error message",hiddenOnMobile:!0,conditionDisplay:'["text", "textarea", "email"].includes(type) || (["checkbox", "radio", "dropdown"].includes(type) && required)',controls:[{type:"combo",conditionDisplay:'["text", "textarea"].includes(type)',label:"Invalid length",iconName:"polaris-text-block",getValueFromSettingID:"invalidLengthMessage",isHideClear:!0,controls:[{label:"Content",setting:{id:"invalidLengthMessage"},layout:"vertical"}]},{type:"combo",conditionDisplay:'["text", "textarea"].includes(type) && numberOnly === true',label:"Invalid number",iconName:"polaris-text-block",getValueFromSettingID:"invalidNumberMessage",isHideClear:!0,controls:[{label:"Content",setting:{id:"invalidNumberMessage"},layout:"vertical"}]},{type:"combo",conditionDisplay:'type === "email"',label:"Invalid email",iconName:"polaris-text-block",getValueFromSettingID:"invalidEmailMessage",isHideClear:!0,controls:[{label:"Content",setting:{id:"invalidEmailMessage"},layout:"vertical"}]},{type:"combo",conditionDisplay:'type !== "hidden" && required === true',label:"Missing required",iconName:"polaris-text-block",getValueFromSettingID:"requiredMessage",isHideClear:!0,controls:[{label:"Content",setting:{id:"requiredMessage"},layout:"vertical"}]}]},{controls:[{label:"Align",hiddenOnMobile:!0,conditionEnable:"activeScreenId === 'desktop' ? !(parseInt(width) >= 100 && width?.includes(\"%\")) : (!(parseInt(width) >= 100 && width?.includes(\"%\")) && width !== 'default')",setting:{id:"textAlign"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];

package/dist/cjs/product/settings/product-quantity/configs/ui-v2.js

@@ -1 +1 @@
-"use strict";exports.SettingUIV2=[{controls:[{label:"Button",setting:{id:"hasButton"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Width",setting:{id:"buttonWidth"},conditionDisplay:"hasButton === true"},{label:"Background",setting:{id:"buttonBackgroundColor",state:"normal"},conditionDisplay:"hasButton === true"},{label:"Plus icon",setting:{id:"plusIcon"},conditionDisplay:"hasButton === true"},{label:"Minus icon",setting:{id:"minusIcon"},conditionDisplay:"hasButton === true"},{label:"Icon color",setting:{id:"iconColor",state:"normal"},conditionDisplay:"hasButton === true"}],moreSettings:{type:"collapse",controls:[{label:"Icon size",setting:{id:"iconSizeCustom"},conditionDisplay:"hasButton === true"},{label:"Border",setting:{id:"borderBtn",state:"normal"},conditionDisplay:"hasButton === true"},{label:"Corner",setting:{id:"corner",state:"normal"},conditionDisplay:"hasButton === true"},{label:"Hover",type:"combo",iconName:"polaris-check-clicked",fixedValue:"Styled",setting:{id:"enableHoverButton"},popoverLabel:"Hover effect",state:"hover",conditionDisplay:"hasButton === true",controls:[{label:"Background",setting:{id:"buttonBackgroundColor",state:"hover"},compoDefaultValue:{default:"highlight"}},{label:"Icon color",setting:{id:"iconColor",state:"hover"}},{label:"Border",setting:{id:"borderBtn",state:"hover"}},{label:"Corner",setting:{id:"corner",state:"hover"}}]}]}},{label:"Input",controls:[{label:"Background",setting:{id:"inputBackgroundColor",state:"normal"}},{label:"Text style",setting:{id:"typo"},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:"Divider",type:"combo",conditionDisplay:"hasButton === true",comboType:"color",getValueFromSettingID:"dividerColor.normal",compoDefaultValue:"line-3",controls:[{label:"Color",setting:{id:"dividerColor",state:"normal"}},{label:"Thickness",setting:{id:"dividerStroke",state:"normal"}}]},{label:"Border",setting:{id:"inputBorder",state:"normal"},conditionDisplay:"hasButton === false"},{label:"Hover",type:"combo",iconName:"polaris-check-clicked",fixedValue:"Styled",popoverLabel:"Hover effect",setting:{id:"enableHoverInput"},state:"hover",controls:[{label:"Background",setting:{id:"inputBackgroundColor",state:"hover"}},{label:"Text color",setting:{id:"textColor",state:"hover"}},{label:"Divider color",setting:{id:"dividerColor",state:"hover"},conditionDisplay:"hasButton === true"},{label:"Divider thickness",setting:{id:"dividerStroke",state:"hover"},conditionDisplay:"hasButton === true"},{label:"Border",setting:{id:"inputBorder",state:"hover"},conditionDisplay:"hasButton === false"}]}]},{label:"Size",controls:[{label:"Width",setting:{id:"quantityWidth"}},{label:"Height",setting:{id:"inputHeight"}}]},{label:"Background",controls:[{label:"Color",setting:{id:"backgroundColor"}}]},{label:"Shape",controls:[{label:"Border",setting:{id:"shapeBorder"}},{label:"Corner",setting:{id:"shapeRounded"}},{label:"Shadow",setting:{id:"shapeShadow"}}]},{label:"Display condition",controls:[{label:"Default quantity",setting:{id:"defaultQtyValue"}},{label:"Update price",setting:{id:"updatePrice"}}]},{controls:[{label:"Align",conditionEnable:'!(parseInt(quantityWidth) >= 100 && quantityWidth?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Align is not supported when width is 100%"}}]}];
+"use strict";exports.SettingUIV2=[{controls:[{label:"Button",setting:{id:"hasButton"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Width",hiddenOnMobile:!0,setting:{id:"buttonWidth"},conditionDisplay:"hasButton === true"},{label:"Background",setting:{id:"buttonBackgroundColor",state:"normal"},conditionDisplay:"hasButton === true"},{label:"Plus icon",setting:{id:"plusIcon"},conditionDisplay:"hasButton === true"},{label:"Minus icon",setting:{id:"minusIcon"},conditionDisplay:"hasButton === true"},{label:"Icon color",setting:{id:"iconColor",state:"normal"},conditionDisplay:"hasButton === true"}],moreSettings:{type:"collapse",controls:[{label:"Icon size",setting:{id:"iconSizeCustom"},conditionDisplay:"hasButton === true"},{label:"Border",hiddenOnMobile:!0,setting:{id:"borderBtn",state:"normal"},conditionDisplay:"hasButton === true"},{label:"Corner",hiddenOnMobile:!0,setting:{id:"corner",state:"normal"},conditionDisplay:"hasButton === true"},{label:"Hover",hiddenOnMobile:!0,type:"combo",iconName:"polaris-check-clicked",fixedValue:"Styled",setting:{id:"enableHoverButton"},popoverLabel:"Hover effect",state:"hover",conditionDisplay:"hasButton === true",controls:[{label:"Background",setting:{id:"buttonBackgroundColor",state:"hover"},compoDefaultValue:{default:"highlight"}},{label:"Icon color",setting:{id:"iconColor",state:"hover"}},{label:"Border",setting:{id:"borderBtn",state:"hover"}},{label:"Corner",setting:{id:"corner",state:"hover"}}]}]}},{label:"Input",controls:[{label:"Background",setting:{id:"inputBackgroundColor",state:"normal"}},{label:"Text style",setting:{id:"typo"},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:"Divider",hiddenOnMobile:!0,type:"combo",conditionDisplay:"hasButton === true",comboType:"color",getValueFromSettingID:"dividerColor.normal",compoDefaultValue:"line-3",controls:[{label:"Color",setting:{id:"dividerColor",state:"normal"}},{label:"Thickness",setting:{id:"dividerStroke",state:"normal"}}]},{label:"Border",hiddenOnMobile:!0,setting:{id:"inputBorder",state:"normal"},conditionDisplay:"hasButton === false"},{label:"Hover",hiddenOnMobile:!0,type:"combo",iconName:"polaris-check-clicked",fixedValue:"Styled",popoverLabel:"Hover effect",setting:{id:"enableHoverInput"},state:"hover",controls:[{label:"Background",setting:{id:"inputBackgroundColor",state:"hover"}},{label:"Text color",setting:{id:"textColor",state:"hover"}},{label:"Divider color",setting:{id:"dividerColor",state:"hover"},conditionDisplay:"hasButton === true"},{label:"Divider thickness",setting:{id:"dividerStroke",state:"hover"},conditionDisplay:"hasButton === true"},{label:"Border",setting:{id:"inputBorder",state:"hover"},conditionDisplay:"hasButton === false"}]}]},{label:"Size",hiddenOnMobile:!0,controls:[{label:"Width",setting:{id:"quantityWidth"}},{label:"Height",setting:{id:"inputHeight"}}]},{label:"Background",controls:[{label:"Color",setting:{id:"backgroundColor"}}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",setting:{id:"shapeBorder"}},{label:"Corner",setting:{id:"shapeRounded"}},{label:"Shadow",setting:{id:"shapeShadow"}}]},{label:"Display condition",controls:[{label:"Default quantity",setting:{id:"defaultQtyValue"}},{label:"Update price",setting:{id:"updatePrice"}}]},{controls:[{label:"Align",hiddenOnMobile:!0,conditionEnable:'!(parseInt(quantityWidth) >= 100 && quantityWidth?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Align is not supported when width is 100%"}}]}];

package/dist/cjs/product/settings/product-vendor/configs/ui-v2.js

@@ -1 +1 @@
-"use strict";exports.SettingUIV2=[{label:"Text style",controls:[{type:"combo",label:"Label",iconName:"polaris-text-block",getValueFromSettingID:"label",compoDefaultValue:"Vendor: ",popoverLabel:"Vendor label",controls:[{label:"Prefix",setting:{id:"label"},options:{labelAlign:"top"}}]},{type:"control",setting:{id:"typo"},layout:"vertical",options:{updateFields:[{field:"attrs.color",settingId:"color",state:"normal"},{field:"attrs.textAlign",settingId:"textAlign"}]},controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"color",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Effect",controls:[{label:"Hover",iconName:"polaris-check-hover",type:"combo",setting:{id:"enableHoverEffect"},fixedValue:"Styled",popoverLabel:"Hover",state:"hover",controls:[{label:"Text color",setting:{id:"color",state:"hover"}},{label:"Underline",setting:{id:"underlineLink",state:"hover"}}]}]},{controls:[{label:"Collection link",setting:{id:"url"},options:{labelVariant:"primary",toggleStyle:"switch"},help:{content:"Click to open a collection page with<br> all products from the same vendor."}},{label:"Open new tab",setting:{id:"openIn"},conditionDisplay:"url == true"}]},{label:"SEO",controls:[{type:"control",label:"HTML tag",setting:{id:"htmlTag"}}]}];
+"use strict";exports.SettingUIV2=[{label:"Text style",controls:[{type:"combo",label:"Label",iconName:"polaris-text-block",getValueFromSettingID:"label",compoDefaultValue:"Vendor: ",popoverLabel:"Vendor label",controls:[{label:"Prefix",setting:{id:"label"},options:{labelAlign:"top"}}]},{type:"control",setting:{id:"typo"},layout:"vertical",options:{updateFields:[{field:"attrs.color",settingId:"color",state:"normal"},{field:"attrs.textAlign",settingId:"textAlign"}]},controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"color",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Effect",hiddenOnMobile:!0,controls:[{label:"Hover",iconName:"polaris-check-hover",type:"combo",setting:{id:"enableHoverEffect"},fixedValue:"Styled",popoverLabel:"Hover",state:"hover",controls:[{label:"Text color",setting:{id:"color",state:"hover"}},{label:"Underline",setting:{id:"underlineLink",state:"hover"}}]}]},{controls:[{label:"Collection link",setting:{id:"url"},options:{labelVariant:"primary",toggleStyle:"switch"},help:{content:"Click to open a collection page with<br> all products from the same vendor."}},{label:"Open new tab",setting:{id:"openIn"},conditionDisplay:"url == true"}]},{label:"SEO",controls:[{type:"control",label:"HTML tag",setting:{id:"htmlTag"}}]}];

package/dist/cjs/sticky/settings/configs/ui-v2.js

@@ -1 +1 @@
-"use strict";exports.SettingUIV2=[{label:"Layout",controls:[{setting:{id:"position"},layout:"vertical"}]},{label:"Size",controls:[{setting:{id:"width"},label:"Width"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"},compoDefaultValue:{type:"custom",top:"16px",bottom:"16px",left:"24px",right:"24px"}}}]},{label:"Background",controls:[{setting:{id:"background"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"preloadBgImage"}]},controlChangeTrigger:{settings:[{action:{controlId:"preloadBgImage",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}}]},{label:"Shape",controls:[{label:"Border",controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{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:"Display option",controls:[{label:"Condition",setting:{id:"display"}}]}];
+"use strict";exports.SettingUIV2=[{label:"Layout",controls:[{setting:{id:"position"},layout:"vertical"}]},{label:"Size",hiddenOnMobile:!0,controls:[{setting:{id:"width"},label:"Width"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"},compoDefaultValue:{type:"custom",top:"16px",bottom:"16px",left:"24px",right:"24px"}}}]},{label:"Background",controls:[{setting:{id:"background"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"preloadBgImage"}]},controlChangeTrigger:{settings:[{action:{controlId:"preloadBgImage",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{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:"Display option",controls:[{label:"Condition",setting:{id:"display"}}]}];

package/dist/esm/carousel-v3/components/arrow/Arrow.liquid.js

@@ -1,4 +1,4 @@
-import{template as t}from"@gem-sdk/core";import{getClass as s}from"./common/classes.js";import{getStyle as o}from"./common/styles.js";import{getData as e}from"./common/helpers.js";import{If as r}from"@gem-sdk/system";let l=l=>{let{custom:m,left:i}=l,{isRenderCustomIcon:a}=e(l),{buttonClass:p,buttonContentClass:c}=s(l),{buttonStyle:n,buttonContentStyle:w,innerBorderCss:y}=o(l),$=r(a,m??"",`<svg
+import{template as t}from"@gem-sdk/core";import{getClass as s}from"./common/classes.js";import{getStyle as o}from"./common/styles.js";import{getData as e}from"./common/helpers.js";import{If as r}from"@gem-sdk/system";let l=l=>{let{custom:m,left:i}=l,{isRenderCustomIcon:a}=e(l),{buttonClass:p,buttonContentClass:c}=s({...l,isLiquid:!0}),{buttonStyle:n,buttonContentStyle:d,innerBorderCss:u}=o(l),w=r(a,m??"",`<svg
       height="100%"
       width="100%"
       xmlns="http://www.w3.org/2000/svg"
@@ -6,12 +6,12 @@ import{template as t}from"@gem-sdk/core";import{getClass as s}from"./common/clas
       fill="currentColor"
     >
       <path d="M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z" />
-    </svg>`),d=t`
+    </svg>`),y=t`
     <div
       class="${c}"
-      style="${w}"
+      style="${d}"
     >
-        ${$||""}
+        ${w||""}
     </div>
   `;return t`
     <button
@@ -20,7 +20,7 @@ import{template as t}from"@gem-sdk/core";import{getClass as s}from"./common/clas
       class="${p}"
       style="${n}"
     >
-      <style type="text/css">${y}</style>
-      ${d}
+      <style type="text/css">${u}</style>
+      ${y}
     </button>
   `};export{l as default};

package/dist/esm/carousel-v3/components/arrow/common/classes.js

@@ -1 +1 @@
-import{createClass as e}from"@gem-sdk/system";import{getClassArrowDisplay as r,getClassArrowRotate as g,getResponsiveSetting as p}from"./helpers.js";let t=t=>{let{className:s,componentId:o,rootId:i,left:l,uid:n,isHiddenWhenDisabled:u,disabled:c,showWhenHover:a,showArrow:f,vertical:m}=t,v=p(f||{}),b=l?"gp-carousel-action-back gem-slider-previous":"gp-carousel-action-next gem-slider-next",d=e({"gp-z-1 gp-items-center gp-justify-center gp-overflow-hidden gp-shrink-0 before:gp-left-0 before:gp-top-0":!0,["gp-carousel-arrow-"+n]:!0,...s&&{[s]:!0},...o&&{[o]:!0},...i&&{[i]:!0},[b]:!0,...{"gp-invisible":u&&c,"gp-cursor-default gp-text-gray-300":c,"gp-cursor-pointer gp-text-gray-500":!c,"!gp-invisible group-hover/carousel:!gp-visible":a,...r(v)}}),x=e({"gp-flex gp-items-center gp-justify-center [&>svg]:gp-h-full [&>svg]:gp-w-full":!0,...g(!!l,m)});return{buttonClass:d,buttonContentClass:x}};export{t as getClass};
+import{createClass as e}from"@gem-sdk/system";import{getClassArrowDisplay as r,getClassArrowRotate as g,getResponsiveSetting as p}from"./helpers.js";let t=t=>{let{className:s,componentId:o,rootId:i,left:l,uid:c,isHiddenWhenDisabled:n,disabled:u,showWhenHover:a,showArrow:f,vertical:m,isLiquid:v=!1}=t,b=p(f||{}),d=l?"gp-carousel-action-back gem-slider-previous":"gp-carousel-action-next gem-slider-next",x=`gp-invisible ${v?"":"gp-opacity-0"}`,y=e({"gp-z-1 gp-items-center gp-justify-center gp-overflow-hidden gp-shrink-0 before:gp-left-0 before:gp-top-0":!0,["gp-carousel-arrow-"+c]:!0,...s&&{[s]:!0},...o&&{[o]:!0},...i&&{[i]:!0},[d]:!0,...{[x]:n&&u,"gp-cursor-default gp-text-gray-300":u,"gp-cursor-pointer gp-text-gray-500":!u,"!gp-invisible group-hover/carousel:!gp-visible":a,...r(b)}}),h=e({"gp-flex gp-items-center gp-justify-center [&>svg]:gp-h-full [&>svg]:gp-w-full":!0,...g(!!l,m)});return{buttonClass:y,buttonContentClass:h}};export{t as getClass};

package/dist/esm/carousel-v3/components/root/Carousel.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,jsxs as r,Fragment as o}from"react/jsx-runtime";import{forwardRef as t,Children as i,useState as n,useRef as l,useMemo as s,useCallback as a,isValidElement as d,cloneElement as p,createElement as m}from"react";import{filterToolbarPreview as u,useCurrentDevice as c,isEmptyChildren as S}from"@gem-sdk/core";import{mappingNavigationCarousel as h}from"../arrow/common/helpers.js";import{useCarousel as k}from"../../hooks/useCarousel.js";import{getData as v}from"./common/helpers.js";import{getClass as y}from"./common/classes.js";import{getStyle as f}from"./common/styles.js";import{getAttr as w}from"./common/attrs.js";import C from"../arrow/Arrow.js";import g from"../dot/Dots.js";import{Swiper as j}from"../swiper/Swiper.js";import"@gem-sdk/system";let b=t((t,b)=>{let{children:O,builderAttrs:P,builderProps:A,styles:D,isHiddenArrowWhenDisabled:I=!0,hiddenDotWhenOnlyOne:x,elmRef:z,isEnableCheckHasScrollableContent:N,onSwiperReady:T}=t,B=h(t.setting),R={...t,setting:B},W=i.count(u(O))??0,[$,E]=n(null),{arrowButtonSize:H,arrowBackgroundColor:G,arrowGapToEachSide:F="16",roundedArrow:J,arrowIconSize:K,arrowCustomColor:U,arrowBorder:q,arrowShadow:L,showWhenHover:M}=B??{},Q=l({prevOrder:"",prevContent:"",version:0}),V=s(()=>{let e=B?.childItem||[],r=e.join("|"),o=[...e].sort().join("|"),t=Q.current;return t.prevOrder&&t.prevContent&&o===t.prevContent&&r!==t.prevOrder&&t.version++,t.prevOrder=r,t.prevContent=o,`reorder-${t.version}`},[B?.childItem]),{isInfinity:X,localRef:Y,sliderSettings:Z,totalSlideItem:_,currentSlide:ee,isRenderDots:er,showNavigation:eo,isScrollToStart:et,isScrollToEnd:ei,handleDotClick:en,getItemsPerPage:el,handleNextAndPrevSlide:es,dispatchEventSelectSlide:ea,getNumberOfFullWidthShow:ed,setCurrentSlide:ep,shouldDuplicateSlides:em,setIsScrollToStart:eu,setIsScrollToEnd:ec}=k(R,b,$,W),{loopConfig:eS,arrowShowConfig:eh}=v(R),{rootClassRender:ek,wrapperClassRender:ev,wrapperInnerClass:ey,sliderClass:ef}=y(R),{rootStyleRender:ew,wrapperStyleRender:eC,wrapperInnerStyle:eg}=f(R),{rootAttrRender:ej,sliderAttr:eb}=w(R),eO=c(),eP=B?.sneakPeak?.[eO],eA=(r,o)=>{let i="next"===r;if(W<=1)return null;let n=i?!X&&$?.isEnd:!X&&$?.isBeginning;return e(C,{uid:A?.uid,custom:B?.arrowCustom??"",showArrow:eh,arrowButtonSize:H||{},arrowIconSize:K||{},arrowBackgroundColor:G||"",arrowCustomColor:U,gapToEachSize:F,showWhenHover:M,arrowBorder:q||{},arrowCorner:J||{},arrowShadow:L||{},onClick:e=>{e.stopPropagation(),es(r)},left:!i,disabled:N?i?!X&&ei||!o:!X&&et||!o:n,vertical:B?.vertical,isHiddenWhenDisabled:I,rootId:t?.parentClass})},eD=a(e=>{E(e),T?.(e)},[]),eI=a(()=>{t?.isDisableResetSlide||(ep(0),eu(!0),ec(!1))},[t?.isDisableResetSlide,ep,ec,eu]),ex=i.toArray(u(O)).filter(d),ez=em(W),eN=ez?2*W:W,eT=s(()=>{if(!ez)return ex;let e=ex.map((e,r)=>{if(!d(e))return e;let o=e.key,t=o?`${o}-duplicate-${r}`:`duplicate-${r}`;return p(e,{...e.props||{},key:t})});return[...ex,...e]},[ez,ex]),eB=s(()=>{let e=i.toArray(O),r=e[0];return d(r)?r.key:""},[O]),eR=JSON.stringify(Z.autoplay),eW=s(()=>{let e=[W,V,eT.length,eB,Z.dir,Z.loop,Z.virtual,Z.direction,Z.isSneakPeekCenter,eR];return e.join("-")},[W,V,eT.length,eB,Z.dir,Z.loop,Z.virtual,Z.direction,Z.isSneakPeekCenter,eR]);return e("div",{ref:z,...ej,className:ek,style:ew,children:r("div",{ref:Y,...P,className:ev,style:eC,children:[r("div",{className:ey,style:eg,children:[eA("prev",!!eo),m(j,{...eb,...Z,sliderClass:ef,thumbsSwiper:t?.thumbsSwiper,onSwiperReady:eD,totalSlides:_,key:eW,sliderOrder:V,onSwiperReset:eI},S(O)?e("div",{children:"No Slider"}):e(o,{children:eT.map((e,r)=>{if(!d(e))return null;let o=e.props??{};return m(e.type,{...o,key:e.key,indexKey:r.toString(),parentSettings:B,parentStyle:D,background:B?.background,parentUid:A?.uid,dispatchEventSelectSlide:ea})})})),eA("next",!!eo)]}),er&&e(g,{dotStyle:B?.dotStyle,dotGapToCarousel:B?.dotGapToCarousel,vertical:B?.vertical,showDots:B?.dot,slideItemsPerPage:el(),enabledSneakPeak:eP,dotColor:B?.dotColor,dotActiveColor:B?.dotActiveColor,dotSize:B?.dotSize,sneakPeakType:B?.sneakPeakType,totalSlideItem:eN,hiddenWhenOnlyOne:x,currentSlide:ee,loop:eS,numberOfFullWidthShow:ed(eO),onHandleClick:en,slideDuplicated:ez}),u(O,!0)]})})});export{b as default};
+import{jsx as e,jsxs as r,Fragment as o}from"react/jsx-runtime";import{forwardRef as t,Children as i,useState as n,useRef as l,useMemo as s,useCallback as a,isValidElement as d,cloneElement as p,createElement as m}from"react";import{filterToolbarPreview as u,useCurrentDevice as c,isEmptyChildren as S}from"@gem-sdk/core";import{mappingNavigationCarousel as h}from"../arrow/common/helpers.js";import{useCarousel as k}from"../../hooks/useCarousel.js";import{getData as v}from"./common/helpers.js";import{getClass as y}from"./common/classes.js";import{getStyle as f}from"./common/styles.js";import{getAttr as w}from"./common/attrs.js";import C from"../arrow/Arrow.js";import g from"../dot/Dots.js";import{Swiper as j}from"../swiper/Swiper.js";import"@gem-sdk/system";let b=t((t,b)=>{let{children:O,builderAttrs:P,builderProps:A,styles:D,isHiddenArrowWhenDisabled:I=!0,hiddenDotWhenOnlyOne:x,elmRef:z,isEnableCheckHasScrollableContent:N,onSwiperReady:T}=t,B=h(t.setting),R={...t,setting:B},W=i.count(u(O))??0,[$,E]=n(null),{arrowButtonSize:H,arrowBackgroundColor:G,arrowGapToEachSide:F="16",roundedArrow:J,arrowIconSize:K,arrowCustomColor:U,arrowBorder:q,arrowShadow:L,showWhenHover:M}=B??{},Q=l({prevOrder:"",prevContent:"",version:0}),V=s(()=>{let e=B?.childItem||[],r=e.join("|"),o=[...e].sort().join("|"),t=Q.current;return t.prevOrder&&t.prevContent&&o===t.prevContent&&r!==t.prevOrder&&t.version++,t.prevOrder=r,t.prevContent=o,`reorder-${t.version}`},[B?.childItem]),{isInfinity:X,localRef:Y,sliderSettings:Z,totalSlideItem:_,currentSlide:ee,isRenderDots:er,showNavigation:eo,isScrollToStart:et,isScrollToEnd:ei,handleDotClick:en,getItemsPerPage:el,handleNextAndPrevSlide:es,dispatchEventSelectSlide:ea,getNumberOfFullWidthShow:ed,setCurrentSlide:ep,shouldDuplicateSlides:em,setIsScrollToStart:eu,setIsScrollToEnd:ec}=k(R,b,$,W),{loopConfig:eS,arrowShowConfig:eh}=v(R),{rootClassRender:ek,wrapperClassRender:ev,wrapperInnerClass:ey,sliderClass:ef}=y(R),{rootStyleRender:ew,wrapperStyleRender:eC,wrapperInnerStyle:eg}=f(R),{rootAttrRender:ej,sliderAttr:eb}=w(R),eO=c(),eP=B?.sneakPeak?.[eO],eA=(r,o)=>{let i="next"===r;if(W<=1)return null;let n=!X&&(i?$?.isEnd:$?.isBeginning);return e(C,{uid:A?.uid,custom:B?.arrowCustom??"",showArrow:eh,arrowButtonSize:H||{},arrowIconSize:K||{},arrowBackgroundColor:G||"",arrowCustomColor:U,gapToEachSize:F,showWhenHover:M,arrowBorder:q||{},arrowCorner:J||{},arrowShadow:L||{},onClick:e=>{e.stopPropagation(),es(r)},left:!i,disabled:N?i?!X&&ei||!o:!X&&et||!o:n,vertical:B?.vertical,isHiddenWhenDisabled:I,rootId:t?.parentClass})},eD=a(e=>{E(e),T?.(e)},[]),eI=a(()=>{t?.isDisableResetSlide||(ep(0),eu(!0),ec(!1))},[t?.isDisableResetSlide,ep,ec,eu]),ex=i.toArray(u(O)).filter(d),ez=em(W),eN=ez?2*W:W,eT=s(()=>{if(!ez)return ex;let e=ex.map((e,r)=>{if(!d(e))return e;let o=e.key,t=o?`${o}-duplicate-${r}`:`duplicate-${r}`;return p(e,{...e.props||{},key:t})});return[...ex,...e]},[ez,ex]),eB=s(()=>{let e=i.toArray(O),r=e[0];return d(r)?r.key:""},[O]),eR=JSON.stringify(Z.autoplay),eW=s(()=>{let e=[W,V,eT.length,eB,Z.dir,Z.loop,Z.virtual,Z.direction,Z.isSneakPeekCenter,eR];return e.join("-")},[W,V,eT.length,eB,Z.dir,Z.loop,Z.virtual,Z.direction,Z.isSneakPeekCenter,eR]);return e("div",{ref:z,...ej,className:ek,style:ew,children:r("div",{ref:Y,...P,className:ev,style:eC,children:[r("div",{className:ey,style:eg,children:[eA("prev",!!eo),m(j,{...eb,...Z,sliderClass:ef,thumbsSwiper:t?.thumbsSwiper,onSwiperReady:eD,totalSlides:_,key:eW,sliderOrder:V,onSwiperReset:eI},S(O)?e("div",{children:"No Slider"}):e(o,{children:eT.map((e,r)=>{if(!d(e))return null;let o=e.props??{};return m(e.type,{...o,key:e.key,indexKey:r.toString(),parentSettings:B,parentStyle:D,background:B?.background,parentUid:A?.uid,dispatchEventSelectSlide:ea})})})),eA("next",!!eo)]}),er&&e(g,{dotStyle:B?.dotStyle,dotGapToCarousel:B?.dotGapToCarousel,vertical:B?.vertical,showDots:B?.dot,slideItemsPerPage:el(),enabledSneakPeak:eP,dotColor:B?.dotColor,dotActiveColor:B?.dotActiveColor,dotSize:B?.dotSize,sneakPeakType:B?.sneakPeakType,totalSlideItem:eN,hiddenWhenOnlyOne:x,currentSlide:ee,loop:eS,numberOfFullWidthShow:ed(eO),onHandleClick:en,slideDuplicated:ez}),u(O,!0)]})})});export{b as default};

package/dist/esm/carousel-v3/components/root/Carousel.liquid.js

@@ -1,7 +1,7 @@
-import{template as o,WrapRenderChildren as r,RenderChildren as e,RenderIf as s,isLocalEnv as t,baseAssetURL as i}from"@gem-sdk/core";import a from"../arrow/Arrow.liquid.js";import d from"../dot/Dots.liquid.js";import{mappingNavigationCarousel as l}from"../arrow/common/helpers.js";import{getData as m}from"./common/helpers.js";import{getClass as p}from"./common/classes.js";import{getStyle as n}from"./common/styles.js";import{getAttr as c}from"./common/attrs.js";import{getStaticLocale as u,getSettingPreloadData as $}from"../../../helpers.js";let v=v=>{let{children:f,builderAttrs:w,builderProps:g,styles:h,isHiddenArrowWhenDisabled:S=!0,hiddenDotWhenOnlyOne:y,rootId:j,rawChildren:C,conditionAppendJs:k,productBadgeLiquid:E}=v,I=l(v.setting),A={...v,setting:I},{arrowButtonSize:G,arrowBackgroundColor:T,arrowGapToEachSide:b="16",roundedArrow:q,arrowIconSize:x,arrowCustomColor:z,arrowBorder:B,arrowShadow:D,showWhenHover:O}=I??{},{uniqueComponentId:P,loopConfig:W,arrowShowConfig:_,stateData:H}=m(A),{rootClassRender:M,wrapperClassRender:N,wrapperInnerClass:R,sliderClass:U}=p(A),{sliderWrapperStyle:V,rootStyleRender:F,wrapperStyleRender:J,wrapperInnerStyle:K}=n(A),{rootAttrRender:L,sliderAttr:Q}=c(A),X=()=>s(t,`<script ${$('class="gps-link" delay',"src")}="{{ 'gp-carousel-v3-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${$('class="gps-link" delay',"src")}="${i}/assets-v2/gp-carousel-v3-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`),Y=o=>a({uid:g?.uid,componentId:P,custom:I?.arrowCustom??"",showArrow:_,arrowButtonSize:G||{},arrowIconSize:x||{},arrowBackgroundColor:T??"",arrowCustomColor:z,gapToEachSize:b,showWhenHover:O,arrowBorder:B||{},arrowCorner:q||{},arrowShadow:D||{},left:"next"!==o,vertical:I?.vertical,isHiddenWhenDisabled:S,rootId:j});return o`
+import{template as o,WrapRenderChildren as r,RenderChildren as s,RenderIf as e,isLocalEnv as t,baseAssetURL as i}from"@gem-sdk/core";import a from"../arrow/Arrow.liquid.js";import l from"../dot/Dots.liquid.js";import{mappingNavigationCarousel as d}from"../arrow/common/helpers.js";import{getData as p}from"./common/helpers.js";import{getClass as n}from"./common/classes.js";import{getStyle as m}from"./common/styles.js";import{getAttr as c}from"./common/attrs.js";import{getStaticLocale as u,getSettingPreloadData as $}from"../../../helpers.js";let v=v=>{let{children:f,builderAttrs:g,builderProps:w,styles:h,isHiddenArrowWhenDisabled:S=!0,hiddenDotWhenOnlyOne:y,rootId:C,rawChildren:j,conditionAppendJs:k,productBadgeLiquid:E}=v,I=d(v.setting),A={...v,setting:I},{arrowButtonSize:G,arrowBackgroundColor:P,arrowGapToEachSide:T="16",roundedArrow:b,arrowIconSize:q,arrowCustomColor:x,arrowBorder:z,arrowShadow:B,showWhenHover:D}=I??{},{uniqueComponentId:O,loopConfig:W,arrowShowConfig:_,stateData:H}=p(A),{rootClassRender:M,wrapperClassRender:N,wrapperInnerClass:R,sliderClass:U}=n(A),{sliderWrapperStyle:V,rootStyleRender:F,wrapperStyleRender:J,wrapperInnerStyle:K}=m(A),{rootAttrRender:L,sliderAttr:Q}=c(A),X=()=>e(t,`<script ${$('class="gps-link" delay',"src")}="{{ 'gp-carousel-v3-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${$('class="gps-link" delay',"src")}="${i}/assets-v2/gp-carousel-v3-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`),Y=o=>a({uid:w?.uid,componentId:O,custom:I?.arrowCustom??"",showArrow:_,arrowButtonSize:G||{},arrowIconSize:q||{},arrowBackgroundColor:P??"",arrowCustomColor:x,gapToEachSize:T,showWhenHover:D,arrowBorder:z||{},arrowCorner:b||{},arrowShadow:B||{},left:"next"!==o,onClick:o=>{o.stopPropagation()},vertical:I?.vertical,isHiddenWhenDisabled:S,rootId:C});return o`
     <gp-carousel-v3 gp-data='${H}' ${L} style="${F}" class="${M}">
       <div
-        ${w}
+        ${g}
         class="${N}"
         style="${J}"
       >
@@ -11,12 +11,12 @@ import{template as o,WrapRenderChildren as r,RenderChildren as e,RenderIf as s,i
           <div ${Q} style="${V}">
             <div class="${U}">
               ${o`
-    ${C?.length?r({uid:g?.uid??"",customProps:C[0]?.customProps},C.map((r,s)=>{if(r)return o`${e({...r,index:s,parentSettings:I,parentStyle:h,background:I?.background,parentUid:g?.uid})}`})):f??`<div>${u("Carousel","no_slider")}</div>`}`}
+    ${j?.length?r({uid:w?.uid??"",customProps:j[0]?.customProps},j.map((r,e)=>{if(r)return o`${s({...r,index:e,parentSettings:I,parentStyle:h,background:I?.background,parentUid:w?.uid})}`})):f??`<div>${u("Carousel","no_slider")}</div>`}`}
             </div>
           </div>
           ${Y("next")}
         </div>
-        ${d({loop:W,showDots:I?.dot,dotStyle:I?.dotStyle,dotGapToCarousel:I?.dotGapToCarousel,vertical:I?.vertical,uniqueComponentId:P,hiddenWhenOnlyOne:y})}
+        ${l({loop:W,showDots:I?.dot,dotStyle:I?.dotStyle,dotGapToCarousel:I?.dotGapToCarousel,vertical:I?.vertical,uniqueComponentId:O,hiddenWhenOnlyOne:y})}
       </div>
     </gp-carousel-v3>
     ${k?`{% if ${k} %} ${X()} {% endif %}`:X()}

package/dist/esm/grid/components/row/common/styles.js

@@ -1,2 +1,2 @@
 'use client';
-import{makeStyleResponsive as e,getValueByDevice as t,isEmptyChildren as o,splitStyle as r,composeRadius as p,makeStyle as i,getGradientBgrStyleByDevice as d,getStyleBackgroundByDevice as l,composeGridLayout as n}from"@gem-sdk/core";import{createStyle as a}from"@gem-sdk/system";import{getInnerRadiusExcludeBorder as m,createStyleObject as s}from"./helpers.js";import{postPurchaseViewSpacing as b}from"../../../../post-purchase/common/helper.js";let g=({rowProps:g,isPostPurchase:u,type:c="React",translatedBackground:f})=>{let{children:h,setting:k,builderProps:x,styles:v,style:w,advanced:y,isNotFullWidth:j,parentStyle:R}=g,{isSection:S,layout:T,horizontalAlign:q,responsive:L,inlineAlignment:O}=k??{},{width:z,columnGap:C,rowGap:D,background:H,verticalGutter:Y,verticalGutterMobile:A,enablePagePadding:B,height:E}=v??{},F=m(y?.border,y?.rounded),G=(e,t)=>{let o=e?.normal,r=t?.normal;if(!o||!r||r?.borderType=="none"||"square"===o.radiusType||"none"===o.radiusType)return!1;for(let e in o)if(Object.hasOwn(o,e)&&"0px"!==o[e])return!0;return!1},I=e("of",{desktop:G(F.desktop,t(y?.border,"desktop"))?"hidden":void 0,tablet:G(F.tablet,t(y?.border,"tablet"))?"hidden":void 0,mobile:G(F.mobile,t(y?.border,"mobile"))?"hidden":void 0}),J=x?.builderData?.childrens?.length,K={...e("aspect",{desktop:"16/9"})},M=o(h)||!J,N={desktop:z?.desktop==="default"?"1200px":z?.desktop,tablet:z?.tablet==="default"?"1200px":z?.tablet,mobile:z?.mobile==="default"?"1200px":z?.mobile},P=s(u?N:z),[Q,U]=r(["pos","top","left","bottom","right","z"],w),V=()=>({...S?U:w,...e("cg",Y),...e("rg",A),...T?n(T):e("gtc",L),...e("w",P.content),...e("h",E),...S?{}:I}),W=()=>({"--mb":"0px","--mt":"0px",...e("cg",C),...i({pc:O,rg:D?b[D]:"0px"})}),X=t=>{let o=H;return"Liquid"===c&&(o=f),{...l(o,t),...d(o,{desktop:!0,tablet:!0,mobile:!0}),...e("pc",q)}},Z=()=>j&&!M?{marginLeft:"0px",marginRight:"0px"}:{},$=a({...{...p(F)}}),_=a({...K,"pointer-events":"none",transform:"translateY(-50%)",height:"100%","object-fit":"cover",top:"50%"}),ee=e=>{if(void 0!==e)return e?"var(--g-ct-p, 15px)":"none"},et={desktop:ee(B?.desktop),tablet:ee(B?.tablet),mobile:ee(B?.mobile)},eo=a({...Q,...e("w",P.wrapper),...e("pl",et),...e("pr",et)});return{embedVideoStyle:_,backgroundBoxStyle:$,rowStyle:(e=!1)=>a({...V(),...X(),...Z(),...e?W():{},...k?.sameHeightSubgridContainer&&R}),sectionStyle:eo}};export{g as getRowStyle};
+import{makeStyleResponsive as e,getValueByDevice as t,isEmptyChildren as o,splitStyle as r,composeRadius as l,makeStyle as d,getGradientBgrStyleByDevice as p,getStyleBackgroundByDevice as i,composeGridLayout as n}from"@gem-sdk/core";import{createStyle as a}from"@gem-sdk/system";import{getInnerRadiusExcludeBorder as b,createStyleObject as m}from"./helpers.js";import{postPurchaseViewSpacing as s}from"../../../../post-purchase/common/helper.js";let f=({rowProps:f,isPostPurchase:c,type:u="React",translatedBackground:g})=>{let{children:h,setting:x,builderProps:k,styles:v,style:w,advanced:y,isNotFullWidth:j,parentStyle:R}=f,{isSection:S,layout:T,horizontalAlign:q,responsive:L,inlineAlignment:O}=x??{},{width:z,columnGap:C,rowGap:D,background:H,verticalGutter:Y,verticalGutterMobile:A,enablePagePadding:B,height:E}=v??{},F=b(y?.border,y?.rounded),G=(e,t)=>{let o=e?.normal,r=t?.normal;if(!o||!r||r?.borderType=="none"||"square"===o.radiusType||"none"===o.radiusType)return!1;for(let e in o)if(Object.hasOwn(o,e)&&"0px"!==o[e])return!0;return!1},I=e("of",{desktop:G(F.desktop,t(y?.border,"desktop"))?"hidden":void 0,tablet:G(F.tablet,t(y?.border,"tablet"))?"hidden":void 0,mobile:G(F.mobile,t(y?.border,"mobile"))?"hidden":void 0}),J=k?.builderData?.childrens?.length,K={...e("aspect",{desktop:"16/9"})},M=o(h)||!J,N={desktop:z?.desktop==="default"?"1200px":z?.desktop,tablet:z?.tablet==="default"?"1200px":z?.tablet,mobile:z?.mobile==="default"?"1200px":z?.mobile},P=!!x?.sameHeightSubgridContainer,Q=P?(({"--d":e,"--d-mobile":t,"--d-tablet":o,...r})=>r)(w??{}):w,U=m(c?N:z),[V,W]=r(["pos","top","left","bottom","right","z"],Q),X=()=>({...S?W:Q,...e("cg",Y),...e("rg",A),...T?n(T):e("gtc",L),...e("w",U.content),...e("h",E),...S?{}:I}),Z=()=>({"--mb":"0px","--mt":"0px",...e("cg",C),...d({pc:O,rg:D?s[D]:"0px"})}),$=t=>{let o=H;return"Liquid"===u&&(o=g),{...i(o,t),...p(o,{desktop:!0,tablet:!0,mobile:!0}),...e("pc",q)}},_=()=>j&&!M?{marginLeft:"0px",marginRight:"0px"}:{},ee=()=>({...R,...e("d",{desktop:y?.d?.desktop?"flex":"none",tablet:y?.d?.tablet?"flex":"none",mobile:y?.d?.mobile?"flex":"none"}),"flex-direction":"column"}),et=a({...{...l(F)}}),eo=a({...K,"pointer-events":"none",transform:"translateY(-50%)",height:"100%","object-fit":"cover",top:"50%"}),er=e=>{if(void 0!==e)return e?"var(--g-ct-p, 15px)":"none"},el={desktop:er(B?.desktop),tablet:er(B?.tablet),mobile:er(B?.mobile)},ed=a({...V,...e("w",U.wrapper),...e("pl",el),...e("pr",el)});return{embedVideoStyle:eo,backgroundBoxStyle:et,rowStyle:(e=!1)=>a({...X(),...$(),..._(),...e?Z():{},...P?ee():{}}),sectionStyle:ed}};export{f as getRowStyle};

package/dist/esm/product/components/file-upload/settings/configs/ui-v2.js

@@ -1 +1 @@
-let t=[{label:"Layout",controls:[{setting:{id:"fileUploadLayout"},layout:"vertical",options:{isComboLayout:!0},controls:[{label:"Icon position",setting:{id:"positionVertical"},conditionDisplay:"fileUploadLayout === 'vertical'"},{label:"Icon position",setting:{id:"positionHorizontal"},conditionDisplay:"fileUploadLayout !== 'vertical'"},{label:"Arrange content",setting:{id:"arrangeContent"}},{type:"control",label:"Spacing",setting:{id:"spacing"}}]}]},{label:"Upload setting",controls:[{type:"control",label:"Required",setting:{id:"isRequired"}},{type:"control",label:"Click image to preview",setting:{id:"isShowPreviewImage"}},{type:"control",label:"Number of files",setting:{id:"numberOfFiles"}}]},{controls:[{label:"Icon",setting:{id:"iconVisible"},options:{labelVariant:"primary",toggleStyle:"switch"}},{type:"control",label:"Choose icon",setting:{id:"iconSvg"},conditionDisplay:"iconVisible === true"},{type:"control",label:"Size",setting:{id:"iconSize"},conditionDisplay:"iconVisible === true"},{type:"control",label:"Position",setting:{id:"iconAlignVertical"},conditionDisplay:'iconVisible === true && fileUploadLayout === "vertical"'},{type:"control",label:"Position",setting:{id:"iconAlignHorizontal"},conditionDisplay:'iconVisible === true && fileUploadLayout === "horizontal"'}]},{label:"Size",controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"size",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:"200px",showValue:!0},{label:"Large",value:"300px",showValue:!0}]},layout:"horizontal"},{id:"Height",label:"Height",controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px"],hideUnit:!1,linkWithSetting:{name:"size",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Small",value:"100px",showValue:!0},{label:"Medium",value:"200px",showValue:!0},{label:"Large",value:"300px",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"paddingSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"12px",bottom:"12px",left:"32px",right:"32px"}}}}}]},{label:"Background",controls:[{label:"Color",setting:{id:"backgroundColor",state:"normal"}}]},{label:"Shape",controls:[{label:"Border",setting:{id:"borderBtn",state:"normal"}},{label:"Corner",setting:{id:"roundedBtn",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}}}]},{label:"Text style",controls:[{type:"combo",label:"Content",iconName:"polaris-text-block",getValueFromSettingID:"textContent",isHideClear:!0,popoverLabel:"Content",controls:[{label:"Content",options:{fullWidth:!0},layout:"vertical",setting:{id:"textContent"}}]},{type:"control",setting:{id:"typo"},options:{updateFields:[{field:"attrs.textAlign",settingId:"textAlign"},{field:"attrs.color",settingId:"textColor",state:"normal"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}},{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:"Effect",controls:[{label:"Hover",type:"combo",setting:{id:"enableHoverEffect"},fixedValue:"Styled",iconName:"polaris-check-hover",popoverLabel:"Hover",state:"hover",controls:[{label:"Background",type:"group",controls:[{label:"Color",type:"control",setting:{id:"backgroundColor",state:"hover"}}]},{label:"Text & icon",type:"group",controls:[{label:"Text color",setting:{id:"textColor",state:"hover"}}]},{label:"Shape",type:"group",controls:[{label:"Border",setting:{id:"borderBtn",state:"hover"}},{label:"Corner",setting:{id:"roundedBtn",state:"hover"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"hover"}}]}],controlChangeTrigger:{settings:[{action:{controlId:"backgroundColor",groupType:"style",controlType:"style",state:"hover",newValue:"#DDDDDD"}}]}}]},{controls:[{label:"Align",conditionEnable:'!size.width?.includes("%") || (parseInt(size.width) < 100 && size.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{t as SettingUIV2};
+let t=[{label:"Layout",controls:[{setting:{id:"fileUploadLayout"},layout:"vertical",options:{isComboLayout:!0},controls:[{label:"Icon position",setting:{id:"positionVertical"},conditionDisplay:"fileUploadLayout === 'vertical'"},{label:"Icon position",setting:{id:"positionHorizontal"},conditionDisplay:"fileUploadLayout !== 'vertical'"},{label:"Arrange content",setting:{id:"arrangeContent"}},{type:"control",label:"Spacing",setting:{id:"spacing"}}]}]},{label:"Upload setting",controls:[{type:"control",label:"Required",setting:{id:"isRequired"}},{type:"control",label:"Click image to preview",setting:{id:"isShowPreviewImage"}},{type:"control",label:"Number of files",setting:{id:"numberOfFiles"}}]},{controls:[{label:"Icon",setting:{id:"iconVisible"},options:{labelVariant:"primary",toggleStyle:"switch"}},{type:"control",label:"Choose icon",setting:{id:"iconSvg"},conditionDisplay:"iconVisible === true"},{type:"control",label:"Size",setting:{id:"iconSize"},conditionDisplay:"iconVisible === true"},{type:"control",label:"Position",setting:{id:"iconAlignVertical"},conditionDisplay:'iconVisible === true && fileUploadLayout === "vertical"'},{type:"control",label:"Position",setting:{id:"iconAlignHorizontal"},conditionDisplay:'iconVisible === true && fileUploadLayout === "horizontal"'}]},{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:"size",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:"200px",showValue:!0},{label:"Large",value:"300px",showValue:!0}]},layout:"horizontal"},{id:"Height",label:"Height",controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px"],hideUnit:!1,linkWithSetting:{name:"size",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Small",value:"100px",showValue:!0},{label:"Medium",value:"200px",showValue:!0},{label:"Large",value:"300px",showValue:!0}]},layout:"horizontal"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"paddingSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"custom",top:"12px",bottom:"12px",left:"32px",right:"32px"}}}}}]},{label:"Background",controls:[{label:"Color",setting:{id:"backgroundColor",state:"normal"}}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",setting:{id:"borderBtn",state:"normal"}},{label:"Corner",setting:{id:"roundedBtn",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}}}]},{label:"Text style",controls:[{type:"combo",label:"Content",iconName:"polaris-text-block",getValueFromSettingID:"textContent",isHideClear:!0,popoverLabel:"Content",controls:[{label:"Content",options:{fullWidth:!0},layout:"vertical",setting:{id:"textContent"}}]},{type:"control",setting:{id:"typo"},options:{updateFields:[{field:"attrs.textAlign",settingId:"textAlign"},{field:"attrs.color",settingId:"textColor",state:"normal"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}},{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:"Effect",hiddenOnMobile:!0,controls:[{label:"Hover",type:"combo",setting:{id:"enableHoverEffect"},fixedValue:"Styled",iconName:"polaris-check-hover",popoverLabel:"Hover",state:"hover",controls:[{label:"Background",type:"group",controls:[{label:"Color",type:"control",setting:{id:"backgroundColor",state:"hover"}}]},{label:"Text & icon",type:"group",controls:[{label:"Text color",setting:{id:"textColor",state:"hover"}}]},{label:"Shape",type:"group",controls:[{label:"Border",setting:{id:"borderBtn",state:"hover"}},{label:"Corner",setting:{id:"roundedBtn",state:"hover"}},{label:"Shadow",setting:{id:"boxShadowBtn",state:"hover"}}]}],controlChangeTrigger:{settings:[{action:{controlId:"backgroundColor",groupType:"style",controlType:"style",state:"hover",newValue:"#DDDDDD"}}]}}]},{controls:[{label:"Align",hiddenOnMobile:!0,conditionEnable:'!size.width?.includes("%") || (parseInt(size.width) < 100 && size.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{t as SettingUIV2};

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

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

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

@@ -1,2 +1,2 @@
-let e=e=>({desktop:{default:e}}),i=[{id:"type",label:"Gallery Type",type:"segment",hide:!0,options:[{label:"Slide",value:"slider"},{label:"All",value:"images"}],devices:e("slider")},{id:"galleryHoverEffect",label:"Hover Effect",type:"select",hide:!0,hideOnMode:{mobileOnly:!0},options:[{title:"None",value:"none"},{title:"Zoom",value:"zoom"}],default:"none"},{id:"galleryZoomType",type:"select",label:"Zoom Type",hide:!0,default:"default",hideOnMode:{mobileOnly:!0},options:[{title:"Default",value:"default"},{title:"Glasses",value:"glasses"}]},{id:"galleryZoom",type:"input:slider",label:"Zoom Value",min:100,max:200,step:10,default:150,units:["%"],useOnlyUnitInit:!0,isNumber:!0},{id:"clickOpenLightBox",label:"Large view in pop-up",type:"select",options:[{label:"View in featured",value:!1},{label:"Open Gallery",value:!0}],devices:e(!1)},{id:"borderActive",label:"Active border",type:"border",default:{borderType:"none",border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1,color:"line-3"},compoDefaultValue:{borderType:"none",border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1,color:"line-3"}},{id:"navigationPosition",label:"Navigation",type:"option:illustration",enableTooltip:!0,options:[{label:"No navigation",value:"none",type:"slide-control",hide:!0},{label:"Outside",value:"outside",type:"slide-control",svgName:"gp-slide-control-outside"},{label:"Inside",value:"inside",type:"slide-control",svgName:"gp-slide-control-inside"}],devices:e("inside")},{id:"loop",type:"toggle",devices:e(!0)},{id:"pauseOnHover",label:"Pause On Hover",type:"toggle",hide:!0,default:!0},{id:"speed",type:"input:slider",label:"Speed (s)",hide:!0,min:0,max:60,step:1,default:1},{id:"arrowIcon",type:"icon",hide:!0,label:"Custom Arrow",info:"Choose from list or paste any SVG icon",default:`<svg height="20" width="20" data-name="caret-right-regular" xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 256 256" fill="currentColor" data-id="508418455613473128">
-              <path fill="currentColor" strokeLinecap="round" strokeLinejoin="round" fill="currentColor" d="M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z" /></svg>`},{id:"arrowIconSize",label:"Number per show",type:"input:stepper",min:1,devices:{desktop:{default:24}}},{id:"arrowIconColor",label:"Icon color",type:"color-picker-v2",default:"text-1"},{id:"dragToScroll",label:"Drag to scroll",type:"toggle",hide:!0,default:!0},{id:"arrowNavColor",label:"Nav. color",type:"color-picker-v2",default:"bg-3",compoDefaultValue:"bg-3"},{id:"arrowNavSize",type:"size-setting",settingConfig:{width:{name:"Width",units:["px"],displayOptions:["auto"]},height:{name:"Height",units:["px"],displayOptions:["auto"]}},default:{width:"Auto",height:"Auto",padding:{top:"12px",bottom:"12px",left:"12px",right:"12px"},shapeLinked:!0,shape:"square",shapeValue:"1/1"},hiddenSettings:["gap","padding","proportion"]},{id:"arrowNavBorder",label:"Nav. border",type:"border",default:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1}},{id:"arrowNavRadius",label:"Nav. corner",type:"radius-preset",default:{btrr:"9999px",bblr:"9999px",bbrr:"9999px",btlr:"9999px",radiusType:"circle"}},{id:"arrowNavShadow",type:"shadow-v2",default:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90,enable:!1}}],t=[{id:"shape",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"100%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full"]}},hiddenSettings:["padding","gap"]},{id:"shapeForFtOnly",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"100%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full"]}},hiddenSettings:["padding","gap"]},{id:"shapeForBottom",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"20%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full","small","medium","large"],sizeConfig:{small:"10%",medium:"20%",large:"25%"}}},hiddenSettings:["padding","gap"]},{id:"shapeForInsideBottom",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"20%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["small","medium","large"],sizeConfig:{small:"10%",medium:"20%",large:"25%"}}},hiddenSettings:["padding","gap"]},{id:"shapeForInside",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"20%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["small","medium","large"],sizeConfig:{small:"10%",medium:"20%",large:"25%"}}},hiddenSettings:["padding","gap"]},{id:"shapeFor2Col",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"50%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full","small","medium","large"],sizeConfig:{small:"25%",medium:"33%",large:"50%"}}},hiddenSettings:["padding","gap"]},{id:"shapeFor1Col",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"100%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full","small","medium","large"],sizeConfig:{small:"25%",medium:"33%",large:"50%"}}},hiddenSettings:["padding","gap"]},{id:"layout",type:"option:illustration",enableTooltip:!0,label:"Image scale",options:[{label:"Fill image",value:"cover",type:"image",svgName:"gp-image-cover"},{label:"Fit image",value:"contain",type:"image",svgName:"gp-image-contain"}],devices:e("cover")},{id:"itemSpacing",label:"Gallery Item Spacing",type:"input:slider",units:["px"],devices:{desktop:{default:"8px"}}},{id:"corner",type:"radius-preset",label:"Corner",default:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"},state:{hover:!0,normal:!0}}];export{i as productGalleryImageSetting,t as productGalleryImageStyle};
+let e=e=>({desktop:{default:e}}),i=[{id:"type",label:"Gallery Type",type:"segment",hide:!0,options:[{label:"Slide",value:"slider"},{label:"All",value:"images"}],devices:e("slider")},{id:"galleryHoverEffect",label:"Hover Effect",type:"select",hide:!0,hideOnMode:{mobileOnly:!0},options:[{title:"None",value:"none"},{title:"Zoom",value:"zoom"}],default:"none"},{id:"galleryZoomType",type:"select",label:"Zoom Type",hide:!0,default:"default",hideOnMode:{mobileOnly:!0},options:[{title:"Default",value:"default"},{title:"Glasses",value:"glasses"}]},{id:"galleryZoom",type:"input:slider",label:"Zoom Value",min:100,max:200,step:10,default:150,units:["%"],useOnlyUnitInit:!0,isNumber:!0},{id:"clickOpenLightBox",label:"Large view in pop-up",type:"select",options:[{label:"View in featured",value:!1},{label:"Open Gallery",value:!0}],devices:e(!1)},{id:"borderActive",label:"Active border",type:"border",default:{borderType:"none",border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1,color:"line-3"},compoDefaultValue:{borderType:"none",border:"solid",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1,color:"line-3"}},{id:"navigationPosition",label:"Navigation",type:"option:illustration",enableTooltip:!0,options:[{label:"No navigation",value:"none",type:"slide-control",hide:!0},{label:"Outside",value:"outside",type:"slide-control",svgName:"gp-slide-control-outside"},{label:"Inside",value:"inside",type:"slide-control",svgName:"gp-slide-control-inside"}],devices:e("inside")},{id:"loop",type:"toggle",devices:e(!0)},{id:"pauseOnHover",label:"Pause On Hover",type:"toggle",hide:!0,default:!0},{id:"speed",type:"input:slider",label:"Speed (s)",hide:!0,min:0,max:60,step:1,default:1},{id:"arrowIcon",type:"icon",hide:!0,label:"Custom Arrow",info:"Choose from list or paste any SVG icon",default:`<svg height="20px" width="20px" 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:"arrowIconSize",label:"Number per show",type:"input:stepper",min:1,devices:{desktop:{default:16}}},{id:"arrowIconColor",label:"Icon color",type:"color-picker-v2",default:"text-1"},{id:"dragToScroll",label:"Drag to scroll",type:"toggle",hide:!0,default:!0},{id:"arrowNavColor",label:"Nav. color",type:"color-picker-v2",default:"bg-3",compoDefaultValue:"bg-3"},{id:"arrowNavSize",type:"size-setting",settingConfig:{width:{name:"Width",units:["px"],displayOptions:["auto"]},height:{name:"Height",units:["px"],displayOptions:["auto"]}},default:{width:"Auto",height:"Auto",padding:{top:"12px",bottom:"12px",left:"12px",right:"12px"},shapeLinked:!0,shape:"square",shapeValue:"1/1"},hiddenSettings:["gap","padding","proportion"]},{id:"arrowNavBorder",label:"Nav. border",type:"border",default:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",isCustom:!1}},{id:"arrowNavRadius",label:"Nav. corner",type:"radius-preset",default:{btrr:"9999px",bblr:"9999px",bbrr:"9999px",btlr:"9999px",radiusType:"circle"}},{id:"arrowNavShadow",type:"shadow-v2",default:{type:"shadow-1",distance:"4px",blur:"12px",spread:"0px",color:"rgba(0, 0, 0, 0.20)",angle:90,enable:!1}}],t=[{id:"shape",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"100%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full"]}},hiddenSettings:["padding","gap"]},{id:"shapeForFtOnly",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"100%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full"]}},hiddenSettings:["padding","gap"]},{id:"shapeForBottom",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"20%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full","small","medium","large"],sizeConfig:{small:"10%",medium:"20%",large:"25%"}}},hiddenSettings:["padding","gap"]},{id:"shapeForInsideBottom",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"20%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["small","medium","large"],sizeConfig:{small:"10%",medium:"20%",large:"25%"}}},hiddenSettings:["padding","gap"]},{id:"shapeForInside",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"20%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["small","medium","large"],sizeConfig:{small:"10%",medium:"20%",large:"25%"}}},hiddenSettings:["padding","gap"]},{id:"shapeFor2Col",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"50%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full","small","medium","large"],sizeConfig:{small:"25%",medium:"33%",large:"50%"}}},hiddenSettings:["padding","gap"]},{id:"shapeFor1Col",type:"size-setting",label:"",devices:{desktop:{default:{shape:"square",shapeValue:"1/1",width:"100%",height:void 0,shapeLinked:!0}}},settingConfig:{width:{displayOptions:["full","small","medium","large"],sizeConfig:{small:"25%",medium:"33%",large:"50%"}}},hiddenSettings:["padding","gap"]},{id:"layout",type:"option:illustration",enableTooltip:!0,label:"Image scale",options:[{label:"Fill image",value:"cover",type:"image",svgName:"gp-image-cover"},{label:"Fit image",value:"contain",type:"image",svgName:"gp-image-contain"}],devices:e("cover")},{id:"itemSpacing",label:"Gallery Item Spacing",type:"input:slider",units:["px"],devices:{desktop:{default:"8px"}}},{id:"corner",type:"radius-preset",label:"Corner",default:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"},state:{hover:!0,normal:!0}}];export{i as productGalleryImageSetting,t as productGalleryImageStyle};

package/dist/esm/product/settings/product-properties/configs/ui-v2.js

@@ -1 +1 @@
-let e=[{label:"Type",controls:[{setting:{id:"type"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"required",newValue:!1,groupType:"setting",controlType:"style"},condition:"type === 'hidden'",source:["required","type"]}],options:{noRecordHistory:!0}}}]},{label:"Option management",conditionDisplay:'["dropdown", "radio", "checkbox"].includes(type)',controls:[{label:"Options",setting:{id:"childItem"}}]},{label:"Size",conditionDisplay:'type !== "hidden"',controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"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:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:"Icon & text gap",conditionDisplay:'["radio", "checkbox"].includes(type)',setting:{id:"spacing"}}]},{label:"Background",conditionDisplay:'type !== "hidden"',controls:[{label:"Color",setting:{id:"valueBgColor",state:"normal"}}]},{label:"Shape",conditionDisplay:'["text", "textarea", "email", "dropdown"].includes(type)',controls:[{label:"Border",setting:{id:"borderInput",state:"normal"}},{label:"Corner",setting:{id:"borderRadius",state:"normal"}},{label:"Shadow",setting:{id:"shadowInput",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasShadowInput",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"shadowInput.normal.enable === true",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"shadowInput.normal.enable === false",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Checkbox item",conditionDisplay:'type === "checkbox"',controls:[{setting:{id:"valueTypo"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Radio item",conditionDisplay:'type === "radio"',controls:[{setting:{id:"valueTypo"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Input text style",conditionDisplay:'["text", "textarea", "email"].includes(type)',controls:[{type:"combo",label:"Placeholder",popoverLabel:"Placeholder",iconName:"polaris-text-block",getValueFromSettingID:"placeholder",isHideClear:!0,controls:[{label:"Content",setting:{id:"placeholder"},layout:"vertical"}]},{setting:{id:"valueTypo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Text style",conditionDisplay:'type === "dropdown"',controls:[{setting:{id:"valueTypo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{conditionDisplay:'type !== "hidden"',controls:[{label:"Label",setting:{id:"isDisplayLabel"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"isDisplayLabel !== false",type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"label",isHideClear:!0,label:"Content",controls:[{label:"Content",setting:{id:"label"},layout:"vertical"}]},{conditionDisplay:"isDisplayLabel !== false",setting:{id:"labelTypo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:"Hover effect",conditionDisplay:'["text", "textarea", "email", "dropdown"].includes(type)',controls:[{label:"Background",setting:{id:"valueBgColor",state:"hover"}},{label:"Text color",setting:{id:"valueTextColor",state:"hover"}},{label:"Border",setting:{id:"borderInput",state:"hover"}},{label:"Corner",setting:{id:"borderRadius",state:"hover"}},{label:"Shadow",setting:{id:"shadowInput",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasShadowInput",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"shadowInput.hover.enable === true",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"shadowInput.hover.enable === false",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Hover effect",conditionDisplay:'["radio", "checkbox"].includes(type)',controls:[{label:"Background",setting:{id:"valueBgColor",state:"hover"}},{label:"Text color",setting:{id:"valueTextColor",state:"hover"}}]},{label:"Focus effect",conditionDisplay:'["text", "textarea", "email", "dropdown"].includes(type)',controls:[{label:"Background",setting:{id:"valueBgColor",state:"focus"}},{label:"Text color",setting:{id:"valueTextColor",state:"focus"}},{label:"Border",setting:{id:"borderInput",state:"focus"}},{label:"Corner",setting:{id:"borderRadius",state:"focus"}},{label:"Shadow",setting:{id:"shadowInput",state:"focus"},options:{updateFields:[{field:"focus.enable",settingId:"hasShadowInput",state:"focus"}]},controlChangeTrigger:{settings:[{condition:"shadowInput.focus.enable === true",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"focus",newValue:!0}},{condition:"shadowInput.focus.enable === false",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"focus",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Active effect",conditionDisplay:'["checkbox", "radio"].includes(type)',controls:[{label:"Text color",setting:{id:"valueTextColor",state:"active"}}]},{label:"Configuration",controls:[{label:"Field name",type:"combo",isHideClear:!0,getValueFromSettingID:"name",iconName:"polaris-text-block",compoDefaultValue:"Customer Request",controls:[{label:"Content",setting:{id:"name"},layout:"vertical"}]},{label:"Required",conditionDisplay:'type !== "hidden"',setting:{id:"required"}},{label:"Number only",conditionDisplay:'["text", "textarea"].includes(type)',setting:{id:"numberOnly"}},{label:"Min character",conditionDisplay:'numberOnly === false && ["text", "textarea"].includes(type)',setting:{id:"minChar"}},{label:"Max character",conditionDisplay:'numberOnly === false && ["text", "textarea"].includes(type)',setting:{id:"maxChar"}},{label:"Min number",conditionDisplay:'numberOnly === true && ["text", "textarea"].includes(type)',setting:{id:"minNumber"}},{label:"Max number",conditionDisplay:'numberOnly === true && ["text", "textarea"].includes(type)',setting:{id:"maxNumber"}},{label:"Predefine value",type:"combo",isHideClear:!0,conditionDisplay:'type === "hidden"',iconName:"polaris-text-block",getValueFromSettingID:"valueHidden",compoDefaultValue:"Potential Lead",controls:[{setting:{id:"valueHidden"},layout:"vertical"}]}]},{label:"Error message",conditionDisplay:'["text", "textarea", "email"].includes(type) || (["checkbox", "radio", "dropdown"].includes(type) && required)',controls:[{type:"combo",conditionDisplay:'["text", "textarea"].includes(type)',label:"Invalid length",iconName:"polaris-text-block",getValueFromSettingID:"invalidLengthMessage",isHideClear:!0,controls:[{label:"Content",setting:{id:"invalidLengthMessage"},layout:"vertical"}]},{type:"combo",conditionDisplay:'["text", "textarea"].includes(type) && numberOnly === true',label:"Invalid number",iconName:"polaris-text-block",getValueFromSettingID:"invalidNumberMessage",isHideClear:!0,controls:[{label:"Content",setting:{id:"invalidNumberMessage"},layout:"vertical"}]},{type:"combo",conditionDisplay:'type === "email"',label:"Invalid email",iconName:"polaris-text-block",getValueFromSettingID:"invalidEmailMessage",isHideClear:!0,controls:[{label:"Content",setting:{id:"invalidEmailMessage"},layout:"vertical"}]},{type:"combo",conditionDisplay:'type !== "hidden" && required === true',label:"Missing required",iconName:"polaris-text-block",getValueFromSettingID:"requiredMessage",isHideClear:!0,controls:[{label:"Content",setting:{id:"requiredMessage"},layout:"vertical"}]}]},{controls:[{label:"Align",conditionEnable:"activeScreenId === 'desktop' ? !(parseInt(width) >= 100 && width?.includes(\"%\")) : (!(parseInt(width) >= 100 && width?.includes(\"%\")) && width !== 'default')",setting:{id:"textAlign"},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:"Type",controls:[{setting:{id:"type"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"required",newValue:!1,groupType:"setting",controlType:"style"},condition:"type === 'hidden'",source:["required","type"]}],options:{noRecordHistory:!0}}}]},{label:"Option management",hiddenOnMobile:!0,conditionDisplay:'["dropdown", "radio", "checkbox"].includes(type)',controls:[{label:"Options",setting:{id:"childItem"}}]},{label:"Size",hiddenOnMobile:!0,conditionDisplay:'type !== "hidden"',controls:[{id:"Width",label:"Width",controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"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:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:"Icon & text gap",conditionDisplay:'["radio", "checkbox"].includes(type)',setting:{id:"spacing"}}]},{label:"Background",hiddenOnMobile:!0,conditionDisplay:'type !== "hidden"',controls:[{label:"Color",setting:{id:"valueBgColor",state:"normal"}}]},{label:"Shape",hiddenOnMobile:!0,conditionDisplay:'["text", "textarea", "email", "dropdown"].includes(type)',controls:[{label:"Border",setting:{id:"borderInput",state:"normal"}},{label:"Corner",setting:{id:"borderRadius",state:"normal"}},{label:"Shadow",setting:{id:"shadowInput",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasShadowInput",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"shadowInput.normal.enable === true",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"shadowInput.normal.enable === false",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Checkbox item",hiddenOnMobile:!0,conditionDisplay:'type === "checkbox"',controls:[{setting:{id:"valueTypo"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Radio item",hiddenOnMobile:!0,conditionDisplay:'type === "radio"',controls:[{setting:{id:"valueTypo"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Input text style",hiddenOnMobile:!0,conditionDisplay:'["text", "textarea", "email"].includes(type)',controls:[{type:"combo",label:"Placeholder",popoverLabel:"Placeholder",iconName:"polaris-text-block",getValueFromSettingID:"placeholder",isHideClear:!0,controls:[{label:"Content",setting:{id:"placeholder"},layout:"vertical"}]},{setting:{id:"valueTypo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Text style",hiddenOnMobile:!0,conditionDisplay:'type === "dropdown"',controls:[{setting:{id:"valueTypo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"valueTextColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",state:"normal"}}],options:{noRecordHistory:!0}}}]},{conditionDisplay:'type !== "hidden"',hiddenOnMobile:!0,controls:[{label:"Label",setting:{id:"isDisplayLabel"},options:{labelVariant:"primary",toggleStyle:"switch"}},{conditionDisplay:"isDisplayLabel !== false",type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"label",isHideClear:!0,label:"Content",controls:[{label:"Content",setting:{id:"label"},layout:"vertical"}]},{conditionDisplay:"isDisplayLabel !== false",setting:{id:"labelTypo"},options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:"Hover effect",hiddenOnMobile:!0,conditionDisplay:'["text", "textarea", "email", "dropdown"].includes(type)',controls:[{label:"Background",setting:{id:"valueBgColor",state:"hover"}},{label:"Text color",setting:{id:"valueTextColor",state:"hover"}},{label:"Border",setting:{id:"borderInput",state:"hover"}},{label:"Corner",setting:{id:"borderRadius",state:"hover"}},{label:"Shadow",setting:{id:"shadowInput",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasShadowInput",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"shadowInput.hover.enable === true",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"shadowInput.hover.enable === false",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Hover effect",hiddenOnMobile:!0,conditionDisplay:'["radio", "checkbox"].includes(type)',controls:[{label:"Background",setting:{id:"valueBgColor",state:"hover"}},{label:"Text color",setting:{id:"valueTextColor",state:"hover"}}]},{label:"Focus effect",hiddenOnMobile:!0,conditionDisplay:'["text", "textarea", "email", "dropdown"].includes(type)',controls:[{label:"Background",setting:{id:"valueBgColor",state:"focus"}},{label:"Text color",setting:{id:"valueTextColor",state:"focus"}},{label:"Border",setting:{id:"borderInput",state:"focus"}},{label:"Corner",setting:{id:"borderRadius",state:"focus"}},{label:"Shadow",setting:{id:"shadowInput",state:"focus"},options:{updateFields:[{field:"focus.enable",settingId:"hasShadowInput",state:"focus"}]},controlChangeTrigger:{settings:[{condition:"shadowInput.focus.enable === true",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"focus",newValue:!0}},{condition:"shadowInput.focus.enable === false",source:["shadowInput","hasShadowInput"],action:{controlId:"hasShadowInput",groupType:"style",controlType:"style",state:"focus",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:"Active effect",hiddenOnMobile:!0,conditionDisplay:'["checkbox", "radio"].includes(type)',controls:[{label:"Text color",setting:{id:"valueTextColor",state:"active"}}]},{label:"Configuration",controls:[{label:"Field name",type:"combo",isHideClear:!0,getValueFromSettingID:"name",iconName:"polaris-text-block",compoDefaultValue:"Customer Request",controls:[{label:"Content",setting:{id:"name"},layout:"vertical"}]},{label:"Required",conditionDisplay:'type !== "hidden"',setting:{id:"required"}},{label:"Number only",conditionDisplay:'["text", "textarea"].includes(type)',setting:{id:"numberOnly"}},{label:"Min character",conditionDisplay:'numberOnly === false && ["text", "textarea"].includes(type)',setting:{id:"minChar"}},{label:"Max character",conditionDisplay:'numberOnly === false && ["text", "textarea"].includes(type)',setting:{id:"maxChar"}},{label:"Min number",conditionDisplay:'numberOnly === true && ["text", "textarea"].includes(type)',setting:{id:"minNumber"}},{label:"Max number",conditionDisplay:'numberOnly === true && ["text", "textarea"].includes(type)',setting:{id:"maxNumber"}},{label:"Predefine value",type:"combo",isHideClear:!0,conditionDisplay:'type === "hidden"',iconName:"polaris-text-block",getValueFromSettingID:"valueHidden",compoDefaultValue:"Potential Lead",controls:[{setting:{id:"valueHidden"},layout:"vertical"}]}]},{label:"Error message",hiddenOnMobile:!0,conditionDisplay:'["text", "textarea", "email"].includes(type) || (["checkbox", "radio", "dropdown"].includes(type) && required)',controls:[{type:"combo",conditionDisplay:'["text", "textarea"].includes(type)',label:"Invalid length",iconName:"polaris-text-block",getValueFromSettingID:"invalidLengthMessage",isHideClear:!0,controls:[{label:"Content",setting:{id:"invalidLengthMessage"},layout:"vertical"}]},{type:"combo",conditionDisplay:'["text", "textarea"].includes(type) && numberOnly === true',label:"Invalid number",iconName:"polaris-text-block",getValueFromSettingID:"invalidNumberMessage",isHideClear:!0,controls:[{label:"Content",setting:{id:"invalidNumberMessage"},layout:"vertical"}]},{type:"combo",conditionDisplay:'type === "email"',label:"Invalid email",iconName:"polaris-text-block",getValueFromSettingID:"invalidEmailMessage",isHideClear:!0,controls:[{label:"Content",setting:{id:"invalidEmailMessage"},layout:"vertical"}]},{type:"combo",conditionDisplay:'type !== "hidden" && required === true',label:"Missing required",iconName:"polaris-text-block",getValueFromSettingID:"requiredMessage",isHideClear:!0,controls:[{label:"Content",setting:{id:"requiredMessage"},layout:"vertical"}]}]},{controls:[{label:"Align",hiddenOnMobile:!0,conditionEnable:"activeScreenId === 'desktop' ? !(parseInt(width) >= 100 && width?.includes(\"%\")) : (!(parseInt(width) >= 100 && width?.includes(\"%\")) && width !== 'default')",setting:{id:"textAlign"},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/product/settings/product-quantity/configs/ui-v2.js

@@ -1 +1 @@
-let t=[{controls:[{label:"Button",setting:{id:"hasButton"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Width",setting:{id:"buttonWidth"},conditionDisplay:"hasButton === true"},{label:"Background",setting:{id:"buttonBackgroundColor",state:"normal"},conditionDisplay:"hasButton === true"},{label:"Plus icon",setting:{id:"plusIcon"},conditionDisplay:"hasButton === true"},{label:"Minus icon",setting:{id:"minusIcon"},conditionDisplay:"hasButton === true"},{label:"Icon color",setting:{id:"iconColor",state:"normal"},conditionDisplay:"hasButton === true"}],moreSettings:{type:"collapse",controls:[{label:"Icon size",setting:{id:"iconSizeCustom"},conditionDisplay:"hasButton === true"},{label:"Border",setting:{id:"borderBtn",state:"normal"},conditionDisplay:"hasButton === true"},{label:"Corner",setting:{id:"corner",state:"normal"},conditionDisplay:"hasButton === true"},{label:"Hover",type:"combo",iconName:"polaris-check-clicked",fixedValue:"Styled",setting:{id:"enableHoverButton"},popoverLabel:"Hover effect",state:"hover",conditionDisplay:"hasButton === true",controls:[{label:"Background",setting:{id:"buttonBackgroundColor",state:"hover"},compoDefaultValue:{default:"highlight"}},{label:"Icon color",setting:{id:"iconColor",state:"hover"}},{label:"Border",setting:{id:"borderBtn",state:"hover"}},{label:"Corner",setting:{id:"corner",state:"hover"}}]}]}},{label:"Input",controls:[{label:"Background",setting:{id:"inputBackgroundColor",state:"normal"}},{label:"Text style",setting:{id:"typo"},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:"Divider",type:"combo",conditionDisplay:"hasButton === true",comboType:"color",getValueFromSettingID:"dividerColor.normal",compoDefaultValue:"line-3",controls:[{label:"Color",setting:{id:"dividerColor",state:"normal"}},{label:"Thickness",setting:{id:"dividerStroke",state:"normal"}}]},{label:"Border",setting:{id:"inputBorder",state:"normal"},conditionDisplay:"hasButton === false"},{label:"Hover",type:"combo",iconName:"polaris-check-clicked",fixedValue:"Styled",popoverLabel:"Hover effect",setting:{id:"enableHoverInput"},state:"hover",controls:[{label:"Background",setting:{id:"inputBackgroundColor",state:"hover"}},{label:"Text color",setting:{id:"textColor",state:"hover"}},{label:"Divider color",setting:{id:"dividerColor",state:"hover"},conditionDisplay:"hasButton === true"},{label:"Divider thickness",setting:{id:"dividerStroke",state:"hover"},conditionDisplay:"hasButton === true"},{label:"Border",setting:{id:"inputBorder",state:"hover"},conditionDisplay:"hasButton === false"}]}]},{label:"Size",controls:[{label:"Width",setting:{id:"quantityWidth"}},{label:"Height",setting:{id:"inputHeight"}}]},{label:"Background",controls:[{label:"Color",setting:{id:"backgroundColor"}}]},{label:"Shape",controls:[{label:"Border",setting:{id:"shapeBorder"}},{label:"Corner",setting:{id:"shapeRounded"}},{label:"Shadow",setting:{id:"shapeShadow"}}]},{label:"Display condition",controls:[{label:"Default quantity",setting:{id:"defaultQtyValue"}},{label:"Update price",setting:{id:"updatePrice"}}]},{controls:[{label:"Align",conditionEnable:'!(parseInt(quantityWidth) >= 100 && quantityWidth?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Align is not supported when width is 100%"}}]}];export{t as SettingUIV2};
+let t=[{controls:[{label:"Button",setting:{id:"hasButton"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Width",hiddenOnMobile:!0,setting:{id:"buttonWidth"},conditionDisplay:"hasButton === true"},{label:"Background",setting:{id:"buttonBackgroundColor",state:"normal"},conditionDisplay:"hasButton === true"},{label:"Plus icon",setting:{id:"plusIcon"},conditionDisplay:"hasButton === true"},{label:"Minus icon",setting:{id:"minusIcon"},conditionDisplay:"hasButton === true"},{label:"Icon color",setting:{id:"iconColor",state:"normal"},conditionDisplay:"hasButton === true"}],moreSettings:{type:"collapse",controls:[{label:"Icon size",setting:{id:"iconSizeCustom"},conditionDisplay:"hasButton === true"},{label:"Border",hiddenOnMobile:!0,setting:{id:"borderBtn",state:"normal"},conditionDisplay:"hasButton === true"},{label:"Corner",hiddenOnMobile:!0,setting:{id:"corner",state:"normal"},conditionDisplay:"hasButton === true"},{label:"Hover",hiddenOnMobile:!0,type:"combo",iconName:"polaris-check-clicked",fixedValue:"Styled",setting:{id:"enableHoverButton"},popoverLabel:"Hover effect",state:"hover",conditionDisplay:"hasButton === true",controls:[{label:"Background",setting:{id:"buttonBackgroundColor",state:"hover"},compoDefaultValue:{default:"highlight"}},{label:"Icon color",setting:{id:"iconColor",state:"hover"}},{label:"Border",setting:{id:"borderBtn",state:"hover"}},{label:"Corner",setting:{id:"corner",state:"hover"}}]}]}},{label:"Input",controls:[{label:"Background",setting:{id:"inputBackgroundColor",state:"normal"}},{label:"Text style",setting:{id:"typo"},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:"Divider",hiddenOnMobile:!0,type:"combo",conditionDisplay:"hasButton === true",comboType:"color",getValueFromSettingID:"dividerColor.normal",compoDefaultValue:"line-3",controls:[{label:"Color",setting:{id:"dividerColor",state:"normal"}},{label:"Thickness",setting:{id:"dividerStroke",state:"normal"}}]},{label:"Border",hiddenOnMobile:!0,setting:{id:"inputBorder",state:"normal"},conditionDisplay:"hasButton === false"},{label:"Hover",hiddenOnMobile:!0,type:"combo",iconName:"polaris-check-clicked",fixedValue:"Styled",popoverLabel:"Hover effect",setting:{id:"enableHoverInput"},state:"hover",controls:[{label:"Background",setting:{id:"inputBackgroundColor",state:"hover"}},{label:"Text color",setting:{id:"textColor",state:"hover"}},{label:"Divider color",setting:{id:"dividerColor",state:"hover"},conditionDisplay:"hasButton === true"},{label:"Divider thickness",setting:{id:"dividerStroke",state:"hover"},conditionDisplay:"hasButton === true"},{label:"Border",setting:{id:"inputBorder",state:"hover"},conditionDisplay:"hasButton === false"}]}]},{label:"Size",hiddenOnMobile:!0,controls:[{label:"Width",setting:{id:"quantityWidth"}},{label:"Height",setting:{id:"inputHeight"}}]},{label:"Background",controls:[{label:"Color",setting:{id:"backgroundColor"}}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",setting:{id:"shapeBorder"}},{label:"Corner",setting:{id:"shapeRounded"}},{label:"Shadow",setting:{id:"shapeShadow"}}]},{label:"Display condition",controls:[{label:"Default quantity",setting:{id:"defaultQtyValue"}},{label:"Update price",setting:{id:"updatePrice"}}]},{controls:[{label:"Align",hiddenOnMobile:!0,conditionEnable:'!(parseInt(quantityWidth) >= 100 && quantityWidth?.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/product/settings/product-vendor/configs/ui-v2.js

@@ -1 +1 @@
-let e=[{label:"Text style",controls:[{type:"combo",label:"Label",iconName:"polaris-text-block",getValueFromSettingID:"label",compoDefaultValue:"Vendor: ",popoverLabel:"Vendor label",controls:[{label:"Prefix",setting:{id:"label"},options:{labelAlign:"top"}}]},{type:"control",setting:{id:"typo"},layout:"vertical",options:{updateFields:[{field:"attrs.color",settingId:"color",state:"normal"},{field:"attrs.textAlign",settingId:"textAlign"}]},controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"color",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Effect",controls:[{label:"Hover",iconName:"polaris-check-hover",type:"combo",setting:{id:"enableHoverEffect"},fixedValue:"Styled",popoverLabel:"Hover",state:"hover",controls:[{label:"Text color",setting:{id:"color",state:"hover"}},{label:"Underline",setting:{id:"underlineLink",state:"hover"}}]}]},{controls:[{label:"Collection link",setting:{id:"url"},options:{labelVariant:"primary",toggleStyle:"switch"},help:{content:"Click to open a collection page with<br> all products from the same vendor."}},{label:"Open new tab",setting:{id:"openIn"},conditionDisplay:"url == true"}]},{label:"SEO",controls:[{type:"control",label:"HTML tag",setting:{id:"htmlTag"}}]}];export{e as SettingUIV2};
+let e=[{label:"Text style",controls:[{type:"combo",label:"Label",iconName:"polaris-text-block",getValueFromSettingID:"label",compoDefaultValue:"Vendor: ",popoverLabel:"Vendor label",controls:[{label:"Prefix",setting:{id:"label"},options:{labelAlign:"top"}}]},{type:"control",setting:{id:"typo"},layout:"vertical",options:{updateFields:[{field:"attrs.color",settingId:"color",state:"normal"},{field:"attrs.textAlign",settingId:"textAlign"}]},controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}},{action:{controlId:"color",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:"Effect",hiddenOnMobile:!0,controls:[{label:"Hover",iconName:"polaris-check-hover",type:"combo",setting:{id:"enableHoverEffect"},fixedValue:"Styled",popoverLabel:"Hover",state:"hover",controls:[{label:"Text color",setting:{id:"color",state:"hover"}},{label:"Underline",setting:{id:"underlineLink",state:"hover"}}]}]},{controls:[{label:"Collection link",setting:{id:"url"},options:{labelVariant:"primary",toggleStyle:"switch"},help:{content:"Click to open a collection page with<br> all products from the same vendor."}},{label:"Open new tab",setting:{id:"openIn"},conditionDisplay:"url == true"}]},{label:"SEO",controls:[{type:"control",label:"HTML tag",setting:{id:"htmlTag"}}]}];export{e as SettingUIV2};

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

@@ -1 +1 @@
-let o=[{label:"Layout",controls:[{setting:{id:"position"},layout:"vertical"}]},{label:"Size",controls:[{setting:{id:"width"},label:"Width"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"},compoDefaultValue:{type:"custom",top:"16px",bottom:"16px",left:"24px",right:"24px"}}}]},{label:"Background",controls:[{setting:{id:"background"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"preloadBgImage"}]},controlChangeTrigger:{settings:[{action:{controlId:"preloadBgImage",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}}]},{label:"Shape",controls:[{label:"Border",controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{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:"Display option",controls:[{label:"Condition",setting:{id:"display"}}]}];export{o as SettingUIV2};
+let o=[{label:"Layout",controls:[{setting:{id:"position"},layout:"vertical"}]},{label:"Size",hiddenOnMobile:!0,controls:[{setting:{id:"width"},label:"Width"},{label:"Padding",controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"},compoDefaultValue:{type:"custom",top:"16px",bottom:"16px",left:"24px",right:"24px"}}}]},{label:"Background",controls:[{setting:{id:"background"},layout:"vertical",options:{updateFields:[{field:"preload",settingId:"preloadBgImage"}]},controlChangeTrigger:{settings:[{action:{controlId:"preloadBgImage",valueFromField:"preload",groupType:"setting",controlType:"setting",removeDevice:!0}}],options:{noRecordHistory:!0}}}]},{label:"Shape",hiddenOnMobile:!0,controls:[{label:"Border",controlConfig:{id:"border-advanced",type:"border-v2",linkWithSetting:{name:"border",field:"normal"},compoDefaultValue:{color:"line-3",border:"solid",width:"1px",borderWidth:"1px"}}},{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:"Display option",controls:[{label:"Condition",setting:{id:"display"}}]}];export{o as SettingUIV2};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/components",
-  "version": "17.0.0-dev.54",
+  "version": "17.0.0-dev.59",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -26,7 +26,7 @@
     "i18n:extract": "rollup -c ./scripts/rollup.config.settings.mjs && node ./scripts/translate/extract-texts-to-locales.js && node ./scripts/translate/en-keys-usage.js"
   },
   "devDependencies": {
-    "@gem-sdk/core": "17.0.0-dev.50",
+    "@gem-sdk/core": "17.0.0-dev.57",
     "@gem-sdk/styles": "17.0.0-dev.38",
     "@gem-sdk/system": "17.0.0-dev.38",
     "@types/react-transition-group": "^4.4.12",