!function($){$.fn.twentytwenty=function(options){options=$.extend({default_offset_pct:.5,orientation:"horizontal",before_label:"Before",after_label:"After",no_overlay:!1,move_slider_on_hover:!1,move_with_handle_only:!0,click_to_move:!1},options);return this.each((function(){var sliderPct=options.default_offset_pct,container=$(this),sliderOrientation=options.orientation,beforeDirection="vertical"===sliderOrientation?"down":"left",afterDirection="vertical"===sliderOrientation?"up":"right";container.wrap("<div class='twentytwenty-wrapper twentytwenty-"+sliderOrientation+"'></div>"),options.no_overlay||container.append("<div class='twentytwenty-overlay'></div>");var beforeImg=container.find("img:first"),afterImg=container.find("img:last");container.append("<div class='twentytwenty-handle'></div>");var slider=container.find(".twentytwenty-handle");slider.append("<span class='twentytwenty-"+beforeDirection+"-arrow'></span>"),slider.append("<span class='twentytwenty-"+afterDirection+"-arrow'></span>"),container.addClass("twentytwenty-container"),beforeImg.addClass("twentytwenty-before"),afterImg.addClass("twentytwenty-after");var overlay=container.find(".twentytwenty-overlay");overlay.append("<div class='twentytwenty-before-label' data-content='"+options.before_label+"'></div>"),overlay.append("<div class='twentytwenty-after-label' data-content='"+options.after_label+"'></div>");var adjustSlider=function(pct){var dimensionPct,w,h,offset=(dimensionPct=pct,w=beforeImg.width(),h=beforeImg.height(),{w:w+"px",h:h+"px",cw:dimensionPct*w+"px",ch:dimensionPct*h+"px"});slider.css("vertical"===sliderOrientation?"top":"left","vertical"===sliderOrientation?offset.ch:offset.cw),function(offset){"vertical"===sliderOrientation?(beforeImg.css("clip","rect(0,"+offset.w+","+offset.ch+",0)"),afterImg.css("clip","rect("+offset.ch+","+offset.w+","+offset.h+",0)")):(beforeImg.css("clip","rect(0,"+offset.cw+","+offset.h+",0)"),afterImg.css("clip","rect(0,"+offset.w+","+offset.h+","+offset.cw+")")),container.css("height",offset.h)}(offset)},getSliderPercentage=function(positionX,positionY){var num,min,max;return num="vertical"===sliderOrientation?(positionY-offsetY)/imgHeight:(positionX-offsetX)/imgWidth,min=0,max=1,Math.max(min,Math.min(max,num))};$(window).on("resize.twentytwenty",(function(e){adjustSlider(sliderPct)}));var offsetX=0,offsetY=0,imgWidth=0,imgHeight=0,onMoveStart=function(e){((e.distX>e.distY&&e.distX<-e.distY||e.distX<e.distY&&e.distX>-e.distY)&&"vertical"!==sliderOrientation||(e.distX<e.distY&&e.distX<-e.distY||e.distX>e.distY&&e.distX>-e.distY)&&"vertical"===sliderOrientation)&&e.preventDefault(),container.addClass("active"),offsetX=container.offset().left,offsetY=container.offset().top,imgWidth=beforeImg.width(),imgHeight=beforeImg.height()},onMove=function(e){container.hasClass("active")&&(sliderPct=getSliderPercentage(e.pageX,e.pageY),adjustSlider(sliderPct))},onMoveEnd=function(){container.removeClass("active")},moveTarget=options.move_with_handle_only?slider:container;moveTarget.on("movestart",onMoveStart),moveTarget.on("move",onMove),moveTarget.on("moveend",onMoveEnd),options.move_slider_on_hover&&(container.on("mouseenter",onMoveStart),container.on("mousemove",onMove),container.on("mouseleave",onMoveEnd)),slider.on("touchmove",(function(e){e.preventDefault()})),container.find("img").on("mousedown",(function(event){event.preventDefault()})),options.click_to_move&&container.on("click",(function(e){offsetX=container.offset().left,offsetY=container.offset().top,imgWidth=beforeImg.width(),imgHeight=beforeImg.height(),sliderPct=getSliderPercentage(e.pageX,e.pageY),adjustSlider(sliderPct)})),$(window).trigger("resize.twentytwenty")}))}}(jQuery);
//# sourceURL=https://cdn2.hubspot.net/hub/21158918/hub_generated/template_assets/124109847585/1689056908243/cimisurgical/js/twenty-twenty.js