@gem-sdk/components 4.0.0-staging.1207 → 4.0.0-staging.1209

package/dist/cjs/carousel-v3/components/root/common/styles.js

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core"),system=require("@gem-sdk/system");const getStyle=e=>{let{styles:t,setting:r,style:o,rootStyles:l}=e,{arrowGapToEachSide:a="16"}=r??{},c=core.makeStyleResponsive("h",core.getHeightByShapeGlobalSize(t?.sizeSetting)),s=core.makeStyleWithDefault("w",core.getWidthByShapeGlobalSize(t?.sizeSetting,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),g=system.createStyle({...o,...c,...s,...core.getBgByDevice({backgroundColor:t?.backgroundColor,backgroundImage:t?.backgroundImage})}),i=system.createStyle({...core.makeContainerWidthOrHeight({vertical:r?.vertical,dotStyle:r?.dotStyle}),gap:a+"px"}),y=system.createStyle({...core.makeStyleResponsive("jc",t?.align),...l}),S=system.createStyle({...s,...c}),m=system.createStyle({overflow:"hidden",flex:1,width:"100%",height:"100%"});return{rootStyleRender:y,wrapperStyleRender:g,wrapperInnerStyle:i,sliderStyle:S,sliderWrapperStyle:m}};exports.getStyle=getStyle;
+"use strict";var core=require("@gem-sdk/core"),system=require("@gem-sdk/system");const getStyle=e=>{let{styles:t,setting:r,style:o,rootStyles:s}=e,{arrowGapToEachSide:c="16"}=r??{},i=core.makeStyleResponsive("h",core.getHeightByShapeGlobalSize(t?.sizeSetting)),l=core.makeStyleWithDefault("w",core.getWidthByShapeGlobalSize(t?.sizeSetting,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),a=system.createStyle({...o,...!e?.isProductList&&i,...l,...core.getBgByDevice({backgroundColor:t?.backgroundColor,backgroundImage:t?.backgroundImage})}),g=system.createStyle({...core.makeContainerWidthOrHeight({vertical:r?.vertical,dotStyle:r?.dotStyle}),gap:c+"px"}),y=system.createStyle({...core.makeStyleResponsive("jc",t?.align),...s,...!!e?.isProductList&&i}),S=system.createStyle({...l,...i}),d=system.createStyle({overflow:"hidden",flex:1,width:"100%",height:"100%"});return{rootStyleRender:y,wrapperStyleRender:a,wrapperInnerStyle:g,sliderStyle:S,sliderWrapperStyle:d}};exports.getStyle=getStyle;

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

@@ -1 +1 @@
-"use strict";var jsxRuntime=require("react/jsx-runtime"),React=require("react"),styles=require("./common/styles.js");function Swiper(e){let t=React.useRef(null),{children:r,totalSlides:s,onSwiperReset:i,onSwiperReady:n,sliderClass:c,sliderOrder:u,thumbsSwiper:a,...l}=e,[p,o]=React.useState(!1),f=React.useMemo(()=>a?{"thumbs-swiper":a}:{},[a]),w=styles.getStyleSwiperContainer(),y="object"==typeof e.autoplay&&null!==e.autoplay?e.autoplay.pauseOnMouseEnter:void 0;return React.useEffect(()=>{let e=async()=>{let e=await import("@gem-sdk/swiper/element/bundle");e.register(),o(!0)};e()},[]),React.useEffect(()=>{p&&(Object.assign(t.current,l),t.current.initialize(),n?.(t.current.swiper))},[p]),React.useEffect(()=>{t.current?.swiper&&(t.current.swiper.destroy(!1,!1),Object.assign(t.current,l),t.current.initialize(),n(t.current.swiper),i())},[l.dir,l.loop,y,l.slidesPerView,n,i,l.spaceBetween,l.slidesOffsetBefore]),React.useEffect(()=>{let e=t.current;e&&(Object.assign(e,l),e.swiper?.update())},[l]),jsxRuntime.jsx("swiper-container",{init:!1,ref:t,class:c,style:{...w,display:p?"block":"none"},...f,children:r})}exports.Swiper=Swiper;
+"use strict";var jsxRuntime=require("react/jsx-runtime"),React=require("react"),styles=require("./common/styles.js");function Swiper(e){let t=React.useRef(null),{children:r,totalSlides:s,onSwiperReset:i,onSwiperReady:c,sliderClass:n,sliderOrder:u,thumbsSwiper:a,...l}=e,[p,o]=React.useState(!1),f=React.useMemo(()=>a?{"thumbs-swiper":a}:{},[a]),w=styles.getStyleSwiperContainer(),y="object"==typeof e.autoplay&&null!==e.autoplay?e.autoplay.pauseOnMouseEnter:void 0;return React.useEffect(()=>{let e=async()=>{let e=await import("@gem-sdk/swiper/element/bundle");e.register(),o(!0)};e()},[]),React.useEffect(()=>{p&&(Object.assign(t.current,l),t.current.initialize(),c?.(t.current.swiper))},[p]),React.useEffect(()=>{t.current?.swiper&&(t.current.swiper.destroy(!1,!1),Object.assign(t.current,l),t.current.initialize(),c(t.current.swiper),i())},[l.dir,l.loop,y,l.slidesPerView,c,i,l.spaceBetween,l.slidesOffsetBefore]),React.useEffect(()=>{let e=t.current;e&&(Object.assign(e,l),e.swiper?.update())},[l]),React.useEffect(()=>{i()},[u,i]),jsxRuntime.jsx("swiper-container",{init:!1,ref:t,class:n,style:{...w,display:p?"block":"none"},...f,children:r})}exports.Swiper=Swiper;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),Carousel=require("../../../carousel-v3/components/root/Carousel.js"),CarouselItem=require("../../../carousel-v3/components/item/CarouselItem.js"),ChildrenDroppable=require("../../../grid/components/ChildrenDroppable.js"),helpers=require("./common/helpers.js"),attrs=require("./common/attrs.js"),styles=require("./common/styles.js"),classes=require("./common/classes.js");const ProductListCarouselLayout=e=>{let{children:s,builderProps:r,productSortedById:t,advanced:o}=e,l=core.useEditorMode(),{carouselConfigSetting:u,carouselConfigStyle:a}=helpers.getData(e),{productListAttr:i,getAttrProductItemEditor:c}=attrs.getAttr(e),{carouselItemStyle:d}=styles.getStyle(e),{carouselClass:n,productItemClass:m}=classes.getClass(e);return jsxRuntime.jsx(Carousel.default,{advanced:o,builderProps:{uid:r?.uid},rootAttrs:{...i},rootClass:n,setting:u,styles:a,children:t?.map(e=>jsxRuntime.jsx(CarouselItem.default,{style:d,children:jsxRuntime.jsx(core.ProductProvider,{product:e,readOnly:!0,children:jsxRuntime.jsx("div",{..."edit"===l?c(e?.baseID):{},className:m,children:core.isEmptyChildren(s)?jsxRuntime.jsx(ChildrenDroppable.default,{}):s})})},e?.baseID))})};exports.default=ProductListCarouselLayout;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),Carousel=require("../../../carousel-v3/components/root/Carousel.js"),CarouselItem=require("../../../carousel-v3/components/item/CarouselItem.js"),ChildrenDroppable=require("../../../grid/components/ChildrenDroppable.js"),helpers=require("./common/helpers.js"),attrs=require("./common/attrs.js"),styles=require("./common/styles.js"),classes=require("./common/classes.js");const ProductListCarouselLayout=e=>{let{children:s,builderProps:r,productSortedById:t,advanced:o}=e,l=core.useEditorMode(),{carouselConfigSetting:u,carouselConfigStyle:i}=helpers.getData(e),{productListAttr:a,getAttrProductItemEditor:c}=attrs.getAttr(e),{carouselItemStyle:d}=styles.getStyle(e),{carouselClass:n,productItemClass:m}=classes.getClass(e);return jsxRuntime.jsx(Carousel.default,{advanced:o,builderProps:{uid:r?.uid},rootAttrs:{...a},rootClass:n,setting:u,styles:i,isProductList:!0,children:t?.map(e=>jsxRuntime.jsx(CarouselItem.default,{style:d,children:jsxRuntime.jsx(core.ProductProvider,{product:e,readOnly:!0,children:jsxRuntime.jsx("div",{..."edit"===l?c(e?.baseID):{},className:m,children:core.isEmptyChildren(s)?jsxRuntime.jsx(ChildrenDroppable.default,{}):s})})},e?.baseID))})};exports.default=ProductListCarouselLayout;

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

@@ -1 +1 @@
-import{makeStyleResponsive as e,getHeightByShapeGlobalSize as t,makeStyleWithDefault as o,getWidthByShapeGlobalSize as g,getBgByDevice as r,makeContainerWidthOrHeight as l}from"@gem-sdk/core";import{createStyle as i}from"@gem-sdk/system";let getStyle=d=>{let{styles:a,setting:c,style:m,rootStyles:n}=d,{arrowGapToEachSide:k="16"}=c??{},s=e("h",t(a?.sizeSetting)),b=o("w",g(a?.sizeSetting,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),p=i({...m,...s,...b,...r({backgroundColor:a?.backgroundColor,backgroundImage:a?.backgroundImage})}),w=i({...l({vertical:c?.vertical,dotStyle:c?.dotStyle}),gap:k+"px"}),S=i({...e("jc",a?.align),...n}),h=i({...b,...s}),u=i({overflow:"hidden",flex:1,width:"100%",height:"100%"});return{rootStyleRender:S,wrapperStyleRender:p,wrapperInnerStyle:w,sliderStyle:h,sliderWrapperStyle:u}};export{getStyle};
+import{makeStyleResponsive as t,getHeightByShapeGlobalSize as e,makeStyleWithDefault as o,getWidthByShapeGlobalSize as r,getBgByDevice as g,makeContainerWidthOrHeight as i}from"@gem-sdk/core";import{createStyle as l}from"@gem-sdk/system";let getStyle=d=>{let{styles:c,setting:a,style:s,rootStyles:m}=d,{arrowGapToEachSide:n="16"}=a??{},k=t("h",e(c?.sizeSetting)),u=o("w",r(c?.sizeSetting,!0),{desktop:"--g-ct-w",tablet:"--g-ct-w",mobile:"--g-ct-w"}),b=l({...s,...!d?.isProductList&&k,...u,...g({backgroundColor:c?.backgroundColor,backgroundImage:c?.backgroundImage})}),p=l({...i({vertical:a?.vertical,dotStyle:a?.dotStyle}),gap:n+"px"}),w=l({...t("jc",c?.align),...m,...!!d?.isProductList&&k}),S=l({...u,...k}),h=l({overflow:"hidden",flex:1,width:"100%",height:"100%"});return{rootStyleRender:w,wrapperStyleRender:b,wrapperInnerStyle:p,sliderStyle:S,sliderWrapperStyle:h}};export{getStyle};

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/components",
-  "version": "4.0.0-staging.1207",
+  "version": "4.0.0-staging.1209",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",