1(self.webpackChunkflo_flex_builder=self.webpackChunkflo_flex_builder||[]).push([[462],{610:(t,e,s)=>{"use strict";s.r(e);var n=s(4791),o=s.n(n),i=s(3609),a=s.n(i);s(2244),s(2752);const l=()=>{const t="flex-element-type-image-comparison";a()("."+t).each(((e,s)=>{const n=a()(s),i=n.find(`.${t}__handle`),l=n.hasClass(`${t}--horizontal`)?"horizontal":"vertical";n.parents(".flex-block").first().find("*[draggable!=true]",".slick-track").unbind("dragstart");const r=n.width(),c=n.height(),d=i.width(),h=i.height();let g=n.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)),n.css({"--handlePosition":`${u}%`}),n.css("opacity",1),i.on("draggable mouseenter mousedown",(function(t){t.stopPropagation()}));const b="horizontal"===l?"x":"y";i.draggable({axis:b,start:()=>{n.addClass(`${t}--dragging`)},drag:(t,e)=>{const i=(t=>{const e=Number(n.css("--animation-scale")||1);let s,i="horizontal"===l?t.position.left:t.position.top;if("horizontal"===l){const t=0,n=r*e-d*e;i=o()(i,t,n),i/=e,s=(i+d/2)/r*100}else{const t=0,n=c*e-h*e;i=o()(i,t,n),i/=e,s=(i+h/2)/c*100}return s+"%"})(e);s.style.setProperty("--handlePosition",i)},stop:()=>{n.removeClass(`${t}--dragging`),n.parents(".flex-element-type-tabs2").length&&(i.css({top:"",left:""}),setTimeout((function(){n.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.