https://www.techglobe.pk/_webx/DFpDOxxg.js

1import{_ as A}from"./9CDOetLG.js";import{_ as N}from"./6eayp8Te.js";import{l as T,an as P,u as i,m as y,d as $,F as I,o as X,H as g,U as d,V as p,ab as h,a0 as M,$ as f,X as F,S as L,ac as W,Z as _,a3 as C,R as E,aF as V,_ as B,aj as H}from"./BIaCPJ4S.js";import{u as S}from"./BdEtjDPP.js";import{_ as j}from"./BIBR4A3o.js";import{_ as U}from"./BP4iYriR.js";import{_ as K}from"./-X9hQ5Z6.js";import{u as O}from"./DEaG6J3T.js";import"./BYp-l5mR.js";import"./B5bMgYaX.js";const Z={class:"image-compare-wrapper"},q=T({__name:"CompareImageV1",props:{before_image:{},after_image:{},image_border_radius:{},image_ratio:{},image_custom_ratio:{}},setup(k){P(t=>({"6422dc82":i(m)||5/3,"67af5030":t.image_border_radius}));const a=$(50),c=$(!1),v=$(null),{$media:b}=S();function w(t){const u=v.value;if(!u)return;let n=0;t instanceof MouseEvent?n=t.clientX:t.touches&&t.touches.length&&(n=t.touches[0].clientX);const o=u.getBoundingClientRect();let z=(n-o.left)/o.width*100;const D=10/o.width*100,R=(o.width-10)/o.width*100;z=Math.max(D,Math.min(R,z)),a.value=z}function s(t){c.value=!0,w(t),window.addEventListener("mousemove",r),window.addEventListener("mouseup",l),window.addEventListener("touchmove",r,{passive:!1}),window.addEventListener("touchend",l)}function r(t){c.value&&w(t)}function l(){c.value=!1,window.removeEventListener("mousemove",r),window.removeEventListener("mouseup",l),window.removeEventListener("touchmove",r),window.removeEventListener("touchend",l)}I(()=>{window.addEventListener("resize",()=>{a.value=50})}),X(()=>{l()});const e=k,m=y(()=>(e==null?void 0:e.image_ratio)==""?e==null?void 0:e.image_custom_ratio:(e==null?void 0:e.image_ratio)=="unset"?"5/3":e==null?void 0:e.image_ratio);return(t,u)=>{const n=A,o=N;return d(),g("div",{class:"image-compare-container",ref_key:"containerRef",ref:v},[p("div",Z,[h(n,{src:i(b)(t.before_image),class:"image-compare-img",alt:"Before",draggable:"false",style:{"z-index":"1"}},null,8,["src"]),h(n,{src:i(b)(t.after_image),class:"image-compare-img image-compare-img-after",alt:"After",draggable:"false",style:M({clipPath:`inset(0 ${100-a.value}% 0 0)`,WebkitClipPath:`inset(0 ${100-a.value}% 0 0)`,transition:c.value?"none":"clip-path 0.35s cubic-bezier(.4,0,.2,1)"})},null,8,["src","style"]),p("div",{class:F(["image-compare-slider",{dragging:c.value}]),style:M({left:a.value+"%"}),onMousedown:s,onTouchstart:f(s,["prevent"])},[p("div",{class:"slider-bar",onMousedown:f(s,["stop"]),onTouchstart:f(s,["stop","prevent"])},[p("div",{class:"slider-circle",onMousedown:f(s,["stop"]),onTouchstart:f(s,["stop","prevent"])},[h(o,{name:"lucide:align-justify",class:"rotate-90",size:"16"})],32)],32)],38)])],512)}}}),G={class:"compare-section-wrapper"},J={key:0,class:"compare-box"},Q={key:0,class:"content-box-heading"},Y=["innerHTML"],x={key:2,class:"compare-box"},le=T({__name:"ImageComparisonSliderV1",props:{data:{}},setup(k){P(e=>({"3f7a72c6":i(r).flexDir,"0068abc2":i(r).imageWidth,"467919a4":i(r).contentWidth,"616799e6":e.data.content_position_y,a10f7f0e:e.data.content_alignment,"616799e8":e.data.content_position_x,"174ede33":e.data.internal_padding,"3fe88328":e.data.content_alignment_mobile,"2a96ec8a":e.data.content_heading_font_size,"5dbc6a7c":e.data.content_heading_color,"5e9e2c1f":e.data.content_heading_space,"31bd5e7e":e.data.content_heading_font_weight,"51b75c12":e.data.content_heading_font_size_mobile,"8031f1f8":e.data.content_description_font_size,"72e0d1f6":e.data.content_description_color,"73c29399":e.data.content_description_space,"68d4b4bb":e.data.content_description_font_weight}));const a=k,{$viewport:c}=S(),v=y(()=>c.isLessThan("tablet")),{getSectionAnim:b,getTextAnim:w,animKey:s}=O(()=>a.data),r=y(()=>{const e=a.data.image_width.replace("%",""),m=parseFloat(e),t=m>=100?"100%":`calc(100% - ${a.data.image_width})`,u=m>=100?"column":"row",n=a.data.is_hide_content_box==!0?"100%":a.data.image_width;return{contentWidth:t,flexDir:u,imageWidth:n}}),l=y(()=>a.data.mobile_button_width&&v.value?{minWidth:a.data.mobile_button_width}:{minWidth:a.data.button_width});return(e,m)=>{const t=q,u=j,n=U;return d(),L(n,E({data:e.data,class:"compare-section-0001",key:i(s)},i(b)()),{default:W(()=>{var o;return[(o=e.data)!=null&&o.is_hide_section_header?_("",!0):(d(),L(K,C(E({key:0}

1,e.data)),null,16)),p("div",G,[e.data.image_position=="left"?(d(),g("div",J,[h(t,C(V(e.data)),null,16)])):_("",!0),e.data.is_hide_content_box?_("",!0):(d(),g("div",E({key:1,class:"content-box"},i(w)()),[e.data.heading?(d(),g("h2",Q,B(e.data.heading),1)):_("",!0),p("div",{innerHTML:e.data.description,class:"content-box-description wx-richtext"},null,8,Y),e.data.button_text?(d(),L(u,{key:1,size:e.data.button_size,style:M(i(l)),color:e.data.button_color,variant:e.data.button_style,onClick:m[0]||(m[0]=f(()=>{},["stop"])),url:e.data.button_url,target:e.data.is_open_in_new_tab?"_blank":"_self",external:"true"},{default:W(()=>[H(B(e.data.button_text),1)]),_:1},8,["size","style","color","variant","url","target"])):_("",!0)],16)),e.data.image_position=="right"?(d(),g("div",x,[h(t,C(V(e.data)),null,16)])):_("",!0)])]}),_:1},16,["data"])}}});export{le as default};