"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("@gem-sdk/system"),r=require("../common/classes.js"),a=require("../common/helpers.js"),i=require("./CompareImage.liquid.js");exports.default=({setting:l,styles:s,builderProps:g,advanced:o,pageContext:m,...d})=>{let n=a.getSettingTranslatedImageComparisonAndSeo({setting:l,uid:g?.uid,pageContext:m??{}}),{imageLeft:u,altLeft:p,titleLeft:c,imageRight:I,altRight:f,titleRight:q,direction:y,defaultPercentage:C,leftImageLabel:b,rightImageLabel:h,sliderLineWidth:v,hoverToSlide:P,enableLabel:S,preload:j,qualityType:x,qualityPercent:A,enableSEOLeft:L,enableSEORight:T}=n??{},W=t.createClass(r.getImageComparisonWrapperClasses()),$=t.createStyle(r.getImageComparisonWrapperStyles());return e.template`
    <div class="${W}" style="${$}">
      ${i.default({...d,styles:s,preload:j,advanced:o,leftImage:u,leftImageAlt:L?p:"",leftImageTitle:L?c:"",rightImage:I,rightImageAlt:T?f:"",rightImageTitle:T?q:"",leftImageLabel:b??"Before",rightImageLabel:h??"After",sliderLineWidth:v,sliderPositionPercentage:a.getSliderPositionPercentage(C),vertical:"vertical"===y,hover:P,enableLabel:S,qualityType:x,qualityPercent:A,componentUid:g?.uid??"",builderData:g?.builderData,pageContext:m??{}})}
    </div>
  `};
