{"version":3,"file":"learn-Bcrm5Tdy.js","sources":["../../../app/javascript/components/Learn.jsx","../../../app/javascript/entrypoints/learn.jsx"],"sourcesContent":["import Carousel from \"@/components/types/Carousel\";\n\nfunction Learn() {\n  const {\n    components: {\n      examples: { component_ids, by_id },\n    },\n  } = window;\n\n  return <Carousel kind=\"example\" componentIds={component_ids} byId={by_id} />;\n}\n\nexport default Learn;\n","import React from \"react\";\nimport ReactDOM from \"react-dom/client\";\nimport Learn from \"../components/Learn.jsx\";\n\nconst $target = document.getElementById(\"learn\");\nlet hasRendered = false;\n\nconst callback = (entries) => {\n  entries.forEach((entry) => {\n    const intersecting = entry.isIntersecting;\n\n    if (!hasRendered && intersecting) {\n      render();\n    }\n  });\n};\n\nconst render = () => {\n  hasRendered = true;\n\n  ReactDOM.createRoot($target).render(\n    <React.StrictMode>\n      <Learn />\n    </React.StrictMode>,\n  );\n};\n\nconst observer = new IntersectionObserver(callback);\nobserver.observe($target);\n"],"names":["Learn","component_ids","by_id","Carousel","$target","hasRendered","callback","entries","entry","intersecting","render","ReactDOM","React","jsx","observer"],"mappings":"sKAEA,SAASA,GAAQ,CACT,KAAA,CACJ,WAAY,CACV,SAAU,CAAE,cAAAC,EAAe,MAAAC,CAAM,CACnC,CACE,EAAA,OAEJ,aAAQC,EAAS,CAAA,KAAK,UAAU,aAAcF,EAAe,KAAMC,CAAO,CAAA,CAC5E,CCNA,MAAME,EAAU,SAAS,eAAe,OAAO,EAC/C,IAAIC,EAAc,GAElB,MAAMC,EAAYC,GAAY,CACpBA,EAAA,QAASC,GAAU,CACzB,MAAMC,EAAeD,EAAM,eAEvB,CAACH,GAAeI,GACXC,GACT,CACD,CACH,EAEMA,EAAS,IAAM,CACLL,EAAA,GAELM,EAAA,WAAWP,CAAO,EAAE,aAC1BQ,EAAM,WAAN,CACC,SAAAC,EAAAA,IAACb,GAAM,CAAA,EACT,CAAA,CAEJ,EAEMc,EAAW,IAAI,qBAAqBR,CAAQ,EAClDQ,EAAS,QAAQV,CAAO"}