{"version":3,"file":"Grid_Blog.Dk1b8voP.mjs","names":["useRef","__legacyOverrideHOC_DataObserverContext","_jsx"],"sources":["https:/framerusercontent.com/modules/YLJ7KrUVzolpRRDGxXr7/VNwOENiHmoW0Zbf74yNE/Grid_Blog.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{useLayoutEffect,useRef}from\"react\";const COLUMN_COUNT_DESKTOP=3;const COLUMN_COUNT_TABLET=2;const COLUMN_COUNT_MOBILE=1;const GAP=50// px\n;export function MasonryGrid(){const containerRef=useRef(null);useLayoutEffect(()=>{const container=containerRef.current;if(!container)return;const applyLayout=()=>{if(!container)return;const width=window.innerWidth;let columns=COLUMN_COUNT_DESKTOP;if(width<810){columns=COLUMN_COUNT_MOBILE;}else if(width<1248){columns=COLUMN_COUNT_TABLET;}// סטייל על הקונטיינר – columns במקום absolute\ncontainer.style.position=\"relative\";container.style.display=\"block\";container.style.columnCount=String(columns);container.style.columnGap=`${GAP}px`;const items=Array.from(container.children);items.forEach(item=>{item.style.display=\"inline-block\";item.style.width=\"100%\";item.style.boxSizing=\"border-box\";item.style.marginBottom=`${GAP}px`;item.style.breakInside=\"avoid\";item.style.webkitColumnBreakInside=\"avoid\";item.style.mozColumnBreakInside=\"avoid\";// חשוב – לא absolute!\nitem.style.position=\"relative\";item.style.left=\"auto\";item.style.top=\"auto\";item.style.transform=\"none\";});};applyLayout();window.addEventListener(\"resize\",applyLayout);// רה־לייאאוט אחרי טעינת תמונות\nconst images=Array.from(container.querySelectorAll(\"img\"));images.forEach(img=>img.addEventListener(\"load\",applyLayout));return()=>{window.removeEventListener(\"resize\",applyLayout);images.forEach(img=>img.removeEventListener(\"load\",applyLayout));};},[]);return{ref:containerRef,style:{position:\"relative\",width:\"100%\"}};}import{useContext as __legacyOverrideHOC_useContext}from\"react\";import{DataObserverContext as __legacyOverrideHOC_DataObserverContext}from\"framer\";export function withMasonryGrid(C){return props=>{__legacyOverrideHOC_useContext(__legacyOverrideHOC_DataObserverContext);return _jsx(C,{...props,...MasonryGrid(props)});};}withMasonryGrid.displayName=\"MasonryGrid\";\nexport const __FramerMetadata__ = {\"exports\":{\"withMasonryGrid\":{\"type\":\"reactHoc\",\"name\":\"withMasonryGrid\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"MasonryGrid\":{\"type\":\"override\",\"name\":\"MasonryGrid\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Grid_Blog.map"],"mappings":"+LACC,SAAgB,GAAa,CAAC,IAAM,EAAaA,EAAO,IAAI,EAGiM,OAH/L,MAAoB,CAAC,IAAM,EAAU,EAAa,QAAQ,GAAG,CAAC,EAAU,OAAO,IAAM,MAAgB,CAAC,GAAG,CAAC,EAAU,OAAO,IAAM,EAAM,EAAO,WAAe,EAAQ,EAAwB,EAAM,IAAK,EAAQ,EAA6B,EAAM,OAAM,EAAQ,GAChU,EAAU,MAAM,SAAS,WAAW,EAAU,MAAM,QAAQ,QAAQ,EAAU,MAAM,YAAY,OAAO,CAAO,EAAE,EAAU,MAAM,UAAU,GAAG,EAAI,IAA+C,MAAzB,KAAK,EAAU,QAAc,CAAC,CAAC,QAAQ,GAAM,CAAC,EAAK,MAAM,QAAQ,eAAe,EAAK,MAAM,MAAM,OAAO,EAAK,MAAM,UAAU,aAAa,EAAK,MAAM,aAAa,GAAG,EAAI,IAAI,EAAK,MAAM,YAAY,QAAQ,EAAK,MAAM,wBAAwB,QAAQ,EAAK,MAAM,qBAAqB,QAC9b,EAAK,MAAM,SAAS,WAAW,EAAK,MAAM,KAAK,OAAO,EAAK,MAAM,IAAI,OAAO,EAAK,MAAM,UAAU,MAAO,CAAC,CAAE,EAAE,EAAY,EAAE,EAAO,iBAAiB,SAAS,CAAW,EACvK,IAAM,EAAO,MAAM,KAAK,EAAU,iBAAiB,KAAK,CAAC,EAAgE,OAA9D,EAAO,QAAQ,GAAK,EAAI,iBAAiB,OAAO,CAAW,CAAC,MAAY,CAAC,EAAO,oBAAoB,SAAS,CAAW,EAAE,EAAO,QAAQ,GAAK,EAAI,oBAAoB,OAAO,CAAW,CAAC,CAAE,CAAE,EAAE,CAAC,CAAC,EAAQ,CAAC,IAAI,EAAa,MAAM,CAAC,SAAS,WAAW,MAAM,MAAM,CAAC,CAAE,CAAoJ,SAAgB,EAAgB,EAAE,CAAC,MAAO,KAAQ,EAA+BC,CAAuC,EAASC,EAAK,EAAE,CAAC,GAAG,EAAM,GAAG,EAAY,CAAK,CAAC,CAAC,EAAI,6BAJtlB,IAA0C,IAI+X,EAJxX,EAAqB,EAAQ,EAAoB,EAAQ,EAAoB,EAAQ,EAAI,GAI6c,EAAgB,YAAY"}