1import{$ as e,Z as t,h as n}from"./MobileActionBar-Cvx5__e2.js";import{t as r}from"./commercial-industrial-roofing-after-01.jpg.asset-Dh75GPQ_.js";var i=e(t(),1),a=n();function o({beforeSrc:e,beforeAlt:t,afterSrc:n,afterAlt:r,caption:o}){let[s,c]=(0,i.useState)(50),l=(0,i.useRef)(null),u=(0,i.useRef)(!1),d=(0,i.useCallback)(e=>{let t=l.current;if(!t)return;let n=t.getBoundingClientRect(),r=(e-n.left)/n.width*100;c(Math.min(100,Math.max(0,r)))},[]);return(0,i.useEffect)(()=>{let e=e=>{u.current&&d(e.clientX)},t=()=>{u.current=!1};return window.addEventListener(`pointermove`,e),window.addEventListener(`pointerup`,t),()=>{window.removeEventListener(`pointermove`,e),window.removeEventListener(`pointerup`,t)}},[d]),(0,a.jsxs)(`figure`,{className:`group`,children:[(0,a.jsxs)(`div`,{ref:l,className:`relative overflow-hidden rounded-lg border border-border bg-card aspect-[4/3] select-none touch-none cursor-ew-resize`,onPointerDown:e=>{u.current=!0,d(e.clientX)},children:[(0,a.jsx)(`img`,{src:n,alt:r,loading:`lazy`,decoding:`async`,className:`absolute inset-0 h-full w-full object-cover`,draggable:!1}),(0,a.jsx)(`div`,{className:`absolute inset-0`,style:{clipPath:`inset(0 ${100-s}% 0 0)`},children:(0,a.jsx)(`img`,{src:e,alt:t,loading:`lazy`,decoding:`async`,className:`absolute inset-0 h-full w-full object-cover`,draggable:!1})}),(0,a.jsx)(`span`,{className:`absolute left-3 top-3 rounded-md bg-primary-deep/85 px-2.5 py-1 text-xs font-semibold uppercase tracking-wide text-white`,children:`Before`}),(0,a.jsx)(`span`,{className:`absolute right-3 top-3 rounded-md bg-cta/95 px-2.5 py-1 text-xs font-semibold uppercase tracking-wide text-primary-deep`,children:`After`}),(0,a.jsxs)(`div`,{className:`absolute inset-y-0 w-0.5 bg-white/90 shadow-[0_0_0_1px_rgba(0,0,0,0.15)]`,style:{left:`${s}%`},children:[(0,a.jsx)(`input`,{type:`range`,min:0,max:100,value:s,"aria-label":`Drag to compare before and after`,onChange:e=>c(Number(e.target.value)),className:`sr-only`}),(0,a.jsx)(`span`,{className:`absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 grid size-10 place-items-center rounded-full bg-white text-primary-deep shadow-lg`,children:(0,a.jsxs)(`svg`,{width:`18`,height:`18`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:[(0,a.jsx)(`path`,{d:`m15 18-6-6 6-6`}),(0,a.jsx)(`path`,{d:`m9 6 6 6-6 6`,transform:`translate(6 0)`})]})})]})]}),o?(0,a.jsx)(`figcaption`,{className:`mt-3 text-sm text-muted-foreground`,children:o}):null]})}var s=[{beforeSrc:{version:1,asset_id:`5d382964-44f1-4609-9d1a-d7bc36e0c702`,project_id:`f2fafd07-7855-40d1-96b5-8c910a642bab`,url:`/__l5e/assets-v1/5d382964-44f1-4609-9d1a-d7bc36e0c702/commercial-industrial-roofing-01.jpg`,r2_key:`a/v1/f2fafd07-7855-40d1-96b5-8c910a642bab/5d382964-44f1-4609-9d1a-d7bc36e0c702/commercial-industrial-roofing-01.jpg`,original_filename:`commercial-industrial-roofing-01.jpg`,size:578282,content_type:`image/jpeg`,created_at:`2026-07-22T06:23:08Z`}.url,beforeAlt:`Industrial factory roof before refurbishment with weathered grey corrugated sheets, West Midlands`,afterSrc:r.url,afterAlt:`Same industrial factory roof after full sheet replacement with new silver profiled metal roofing`,caption:`Industrial factory roof, full sheet replacement`},{beforeSrc:{version:1,asset_id:`511dcfd1-9ddf-413f-8fc6-d1fccb66f24a`,project_id:`f2fafd07-7855-40d1-96b5-8c910a642bab`,url:`/__l5e/assets-v1/511dcfd1-9ddf-413f-8fc6-d1fccb66f24a/flat-roof-block-03-before.jpg`,r2_key:`a/v1/f2fafd07-7855-40d1-96b5-8c910a642bab/511dcfd1-9ddf-413f-8fc6-d1fccb66f24a/flat-roof-block-03-before.jpg`,original_filename:`flat-roof-block-03-before.jpg`,size:1895992,content_type:`image/jpeg`,created_at:`2026-09-06T05:58:40Z`}.url,beforeAlt:`Aerial view of three weathered, stained flat roofs on a block of flats before replacement in Coventry`,afterSrc:{version:1,asset_id:`3ccfaedf-29a7-45ad-9a61-71efefa92bd2`,project_id:`f2fafd07-7855-40d1-96b5-8c910a642bab`,url:`/__l5e/assets-v1/3ccfaedf-29a7-45ad-9a61-71efefa92bd2/flat-roof-block-03-after.jpg`,r2_key:`a/v1/f2fafd07-7855-40d1-96b5-8c910a642bab/3ccfaedf-29a7-45ad-9a61-71efefa92bd2/flat-roof-block-03-after.jpg`,original_filename:`flat-roof-block-03-after.jpg`,
1size:272328,content_type:`image/jpeg`,created_at:`2026-09-06T05:58:45Z`}.url,afterAlt:`The same block of flats after new dark single-ply flat roofing was installed, with scaffolding in place`,caption:`Block of flats, full flat roof replacement`},{beforeSrc:{version:1,asset_id:`6473c8e6-99c8-4cb8-89a4-220893f44d21`,project_id:`f2fafd07-7855-40d1-96b5-8c910a642bab`,url:`/__l5e/assets-v1/6473c8e6-99c8-4cb8-89a4-220893f44d21/re-roofing-06-before.jpg`,r2_key:`a/v1/f2fafd07-7855-40d1-96b5-8c910a642bab/6473c8e6-99c8-4cb8-89a4-220893f44d21/re-roofing-06-before.jpg`,original_filename:`re-roofing-06-before.jpg`,size:700227,content_type:`image/jpeg`,created_at:`2026-08-17T05:31:37Z`}.url,beforeAlt:`Aerial view of a tired moss-covered tiled roof with old chimney and worn hips on a Coventry semi-detached house before re-roofing`,afterSrc:{version:1,asset_id:`0e137259-c7b5-4bc6-9dd8-29259e137e0f`,project_id:`f2fafd07-7855-40d1-96b5-8c910a642bab`,url:`/__l5e/assets-v1/0e137259-c7b5-4bc6-9dd8-29259e137e0f/re-roofing-06-after.jpg`,r2_key:`a/v1/f2fafd07-7855-40d1-96b5-8c910a642bab/0e137259-c7b5-4bc6-9dd8-29259e137e0f/re-roofing-06-after.jpg`,original_filename:`re-roofing-06-after.jpg`,size:369660,content_type:`image/jpeg`,created_at:`2026-08-17T05:31:50Z`}.url,afterAlt:`The same semi-detached house after re-roofing with new grey tiles, rebuilt chimney, new rooflights and fascias`,caption:`Semi-detached re-roof, new tiles, chimney and rooflights`},{beforeSrc:{version:1,asset_id:`17a3053e-9ad5-4cab-af3b-5d464ee6dfe7`,project_id:`f2fafd07-7855-40d1-96b5-8c910a642bab`,url:`/__l5e/assets-v1/17a3053e-9ad5-4cab-af3b-5d464ee6dfe7/re-roofing-07-before.jpg`,r2_key:`a/v1/f2fafd07-7855-40d1-96b5-8c910a642bab/17a3053e-9ad5-4cab-af3b-5d464ee6dfe7/re-roofing-07-before.jpg`,original_filename:`re-roofing-07-before.jpg`,size:814664,content_type:`image/jpeg`,created_at:`2026-08-17T05:41:57Z`}.url,beforeAlt:`Aerial view of a worn red clay tiled terraced roof with weathered bay gable before re-roofing in Coventry`,afterSrc:{version:1,asset_id:`b64871f0-74aa-4dc9-9705-d69afa9e0930`,project_id:`f2fafd07-7855-40d1-96b5-8c910a642bab`,url:`/__l5e/assets-v1/b64871f0-74aa-4dc9-9705-d69afa9e0930/re-roofing-07-after.jpg`,r2_key:`a/v1/f2fafd07-7855-40d1-96b5-8c910a642bab/b64871f0-74aa-4dc9-9705-d69afa9e0930/re-roofing-07-after.jpg`,original_filename:`re-roofing-07-after.jpg`,size:712277,content_type:`image/jpeg`,created_at:`2026-08-17T05:42:04Z`}.url,afterAlt:`The same terraced house after re-roofing with new brown interlocking tiles, dry ridge and new bay gable finish`,caption:`Terraced re-roof, new brown tiles and dry ridge`},{beforeSrc:{version:1,asset_id:`0456e713-c2c4-4e29-8786-6ae3417bbb6c`,project_id:`f2fafd07-7855-40d1-96b5-8c910a642bab`,url:`/__l5e/assets-v1/0456e713-c2c4-4e29-8786-6ae3417bbb6c/flat-roof-02-before.jpg`,r2_key:`a/v1/f2fafd07-7855-40d1-96b5-8c910a642bab/0456e713-c2c4-4e29-8786-6ae3417bbb6c/flat-roof-02-before.jpg`,original_filename:`flat-roof-02-before.jpg`,size:998735,content_type:`image/jpeg`,created_at:`2026-08-17T05:43:11Z`}.url,beforeAlt:`Old worn felt flat roof being stripped back with tools and debris during a flat roof replacement in Warwickshire`,afterSrc:{version:1,asset_id:`78c151be-cb33-402a-b000-6655971f1da5`,project_id:`f2fafd07-7855-40d1-96b5-8c910a642bab`,url:`/__l5e/assets-v1/78c151be-cb33-402a-b000-6655971f1da5/flat-roof-02-after.jpg`,r2_key:`a/v1/f2fafd07-7855-40d1-96b5-8c910a642bab/78c151be-cb33-402a-b000-6655971f1da5/flat-roof-02-after.jpg`,original_filename:`flat-roof-02-after.jpg`,size:972615,content_type:`image/jpeg`,created_at:`2026-08-17T05:43:22Z`}.url,afterAlt:`The same flat roof after a new torch-on felt system was installed with clean welded laps and neat edge trims`,caption:`Flat roof replacement, new torch-on felt system`}],c={version:1,asset_id:`c6e878d9-69f8-46f7-a849-55ce7d3f2ce4`,project_id:`f2fafd07-7855-40d1-96b5-8c910a642bab`,url:`/__l5e/assets-v1/c6e878d9-69f8-46f7-a849-55ce7d3f2ce4/new-roof-installation-03.jpg`,r2_key:`a/v1/f2fafd07-7855-40d1-96b5-8c910a642bab/c6e878d9-69f8-46f7-a849-55ce7d3f2ce4/new-roof-installation-03.jpg`,original_filename:`new-roof-installation-03.jpg`,
1size:574473,content_type:`image/jpeg`,created_at:`2026-07-22T06:23:09Z`};export{s as n,o as r,c as t};
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.