1(self.webpackChunkflo_flex_builder=self.webpackChunkflo_flex_builder||[]).push([[462],{610:(t,e,o)=>{"use strict";o.r(e);var s=o(4791),n=o.n(s),i=o(3609),a=o.n(i);o(2752),o(2244);const l=()=>{const t="flex-element-type-image-comparison";a()("."+t).each(((e,o)=>{const s=a()(o),i=s.find(`.${t}__handle`),l=s.hasClass(`${t}--horizontal`)?"horizontal":"vertical";s.parents(".flex-block").first().find("*[draggable!=true]",".slick-track").unbind("dragstart");const r=s.width(),c=s.height(),d=i.width(),h=i.height();let g=s.css("--initialPosition");g=parseInt(g.slice(0,-1));const p=d/2/r*100,f=h/2/c*100;let u=g;"horizontal"===l&&(g<=p&&(u=p),g>=100-p&&(u=100-p)),"vertical"===l&&(g<=f&&(u=f),g>=100-f&&(u=100-f)),s.css({"--handlePosition":`${u}%`}),s.css("opacity",1),i.on("draggable mouseenter mousedown",(function(t){t.stopPropagation()}));const b="horizontal"===l?"x":"y";i.draggable({axis:b,start:()=>{s.addClass(`${t}--dragging`)},drag:(t,e)=>{const s=(t=>{const e=Number(o.style.getPropertyValue("--animation-scale")||1);let s,i="horizontal"===l?t.position.left:t.position.top;if("horizontal"===l){const t=0,o=r*e-d*e;i=n()(i,t,o),i/=e,s=(i+d/2)/r*100}else{const t=0,o=c*e-h*e;i=n()(i,t,o),i/=e,s=(i+h/2)/c*100}return s+"%"})(e);o.style.setProperty("--handlePosition",s)},stop:()=>{s.removeClass(`${t}--dragging`),s.parents(".flex-element-type-tabs2").length&&(i.css({top:"",left:""}),setTimeout((function(){s.css({"--handlePosition":"50%"})}),10))}})}))};l(),a()(window).on("reRenderAll",(()=>{l()}))}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.