@gem-sdk/components 16.0.3 → 16.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/image-comparison/components/ImageComparison.js +1 -1
- package/dist/cjs/image-comparison/components/ImageComparison.liquid.js +3 -3
- package/dist/esm/image-comparison/components/ImageComparison.js +1 -1
- package/dist/esm/image-comparison/components/ImageComparison.liquid.js +2 -2
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),helpers=require("../common/helpers.js"),CompareImage=require("./CompareImage.js");const ImageComparison=({setting:e,styles:a,builderProps:s,advanced:t,...r})=>{let{imageLeft:l,altLeft:i,titleLeft:m,imageRight:o,altRight:g,titleRight:n,direction:c,defaultPercentage:
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),helpers=require("../common/helpers.js"),CompareImage=require("./CompareImage.js");const ImageComparison=({setting:e,styles:a,builderProps:s,advanced:t,...r})=>{let{imageLeft:l,altLeft:i,titleLeft:m,imageRight:o,altRight:g,titleRight:n,direction:c,defaultPercentage:p,leftImageLabel:d,rightImageLabel:u,sliderLineWidth:I,hoverToSlide:C,enableLabel:h,preload:j,enableSEOLeft:x,enableSEORight:f}=e??{},v=system.createClass(classes.getImageComparisonWrapperClasses()),y=system.createStyleReact(classes.getImageComparisonWrapperStyles());return jsxRuntime.jsx("div",{style:y,className:v,"data-allow-active-on-mousemove":!0,children:jsxRuntime.jsx(CompareImage.default,{...r,styles:a,preload:j,advanced:t,leftImage:l,leftImageAlt:x?i:"",leftImageTitle:x?m:"",rightImage:o,rightImageAlt:f?g:"",rightImageTitle:f?n:"",leftImageLabel:d??"Before",rightImageLabel:u??"After",sliderLineWidth:I,sliderPositionPercentage:helpers.getSliderPositionPercentage(p),vertical:"vertical"===c,hover:C,enableLabel:h,componentUid:s?.uid,builderData:s?.builderData,pageContext:r.pageContext??{}})})};exports.default=ImageComparison;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),helpers=require("../common/helpers.js"),CompareImage_liquid=require("./CompareImage.liquid.js");const ImageComparison=({setting:e,styles:
|
|
2
|
-
<div class="${j}" style="${
|
|
3
|
-
${CompareImage_liquid.default({...i,styles:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),classes=require("../common/classes.js"),helpers=require("../common/helpers.js"),CompareImage_liquid=require("./CompareImage.liquid.js");const ImageComparison=({setting:e,styles:t,builderProps:a,advanced:r,pageContext:s,...i})=>{let l=helpers.getSettingTranslatedImageComparisonAndSeo({setting:e,uid:a?.uid,pageContext:s??{}}),{imageLeft:m,altLeft:o,titleLeft:g,imageRight:n,altRight:p,titleRight:d,direction:c,defaultPercentage:u,leftImageLabel:I,rightImageLabel:C,sliderLineWidth:y,hoverToSlide:h,enableLabel:q,preload:f,qualityType:b,qualityPercent:v,enableSEOLeft:P,enableSEORight:S}=l??{},j=system.createClass(classes.getImageComparisonWrapperClasses()),x=system.createStyle(classes.getImageComparisonWrapperStyles());return core.template`
|
|
2
|
+
<div class="${j}" style="${x}">
|
|
3
|
+
${CompareImage_liquid.default({...i,styles:t,preload:f,advanced:r,leftImage:m,leftImageAlt:P?o:"",leftImageTitle:P?g:"",rightImage:n,rightImageAlt:S?p:"",rightImageTitle:S?d:"",leftImageLabel:I??"Before",rightImageLabel:C??"After",sliderLineWidth:y,sliderPositionPercentage:helpers.getSliderPositionPercentage(u),vertical:"vertical"===c,hover:h,enableLabel:q,qualityType:b,qualityPercent:v,componentUid:a?.uid??"",builderData:a?.builderData,pageContext:s??{}})}
|
|
4
4
|
</div>
|
|
5
5
|
`};exports.default=ImageComparison;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import{jsx as e}from"react/jsx-runtime";import{createClass as
|
|
2
|
+
import{jsx as e}from"react/jsx-runtime";import{createClass as t,createStyleReact as a}from"@gem-sdk/system";import{getImageComparisonWrapperClasses as m,getImageComparisonWrapperStyles as r}from"../common/classes.js";import{getSliderPositionPercentage as o}from"../common/helpers.js";import l from"./CompareImage.js";let ImageComparison=({setting:i,styles:s,builderProps:g,advanced:n,...d})=>{let{imageLeft:p,altLeft:c,titleLeft:f,imageRight:I,altRight:h,titleRight:u,direction:v,defaultPercentage:b,leftImageLabel:C,rightImageLabel:j,sliderLineWidth:x,hoverToSlide:L,enableLabel:y,preload:A,enableSEOLeft:D,enableSEORight:P}=i??{},T=t(m()),k=a(r());return e("div",{style:k,className:T,"data-allow-active-on-mousemove":!0,children:e(l,{...d,styles:s,preload:A,advanced:n,leftImage:p,leftImageAlt:D?c:"",leftImageTitle:D?f:"",rightImage:I,rightImageAlt:P?h:"",rightImageTitle:P?u:"",leftImageLabel:C??"Before",rightImageLabel:j??"After",sliderLineWidth:x,sliderPositionPercentage:o(b),vertical:"vertical"===v,hover:L,enableLabel:y,componentUid:g?.uid,builderData:g?.builderData,pageContext:d.pageContext??{}})})};export{ImageComparison as default};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import{template as e}from"@gem-sdk/core";import{createClass as t,createStyle as
|
|
1
|
+
import{template as e}from"@gem-sdk/core";import{createClass as t,createStyle as a}from"@gem-sdk/system";import{getImageComparisonWrapperClasses as i,getImageComparisonWrapperStyles as r}from"../common/classes.js";import{getSettingTranslatedImageComparisonAndSeo as m,getSliderPositionPercentage as o}from"../common/helpers.js";import l from"./CompareImage.liquid.js";let ImageComparison=({setting:g,styles:s,builderProps:d,advanced:n,pageContext:p,...f})=>{let I=m({setting:g,uid:d?.uid,pageContext:p??{}}),{imageLeft:c,altLeft:u,titleLeft:h,imageRight:b,altRight:v,titleRight:y,direction:C,defaultPercentage:L,leftImageLabel:j,rightImageLabel:q,sliderLineWidth:x,hoverToSlide:A,enableLabel:P,preload:T,qualityType:$,qualityPercent:k,enableSEOLeft:D,enableSEORight:B}=I??{},U=t(i()),W=a(r());return e`
|
|
2
2
|
<div class="${U}" style="${W}">
|
|
3
|
-
${
|
|
3
|
+
${l({...f,styles:s,preload:T,advanced:n,leftImage:c,leftImageAlt:D?u:"",leftImageTitle:D?h:"",rightImage:b,rightImageAlt:B?v:"",rightImageTitle:B?y:"",leftImageLabel:j??"Before",rightImageLabel:q??"After",sliderLineWidth:x,sliderPositionPercentage:o(L),vertical:"vertical"===C,hover:A,enableLabel:P,qualityType:$,qualityPercent:k,componentUid:d?.uid??"",builderData:d?.builderData,pageContext:p??{}})}
|
|
4
4
|
</div>
|
|
5
5
|
`};export{ImageComparison as default};
|