{"_id":"@ehmetlabs/webf-react-carousel-slider","_rev":"5-a1c5b698e30cdbf02724de76900bdb93","name":"@ehmetlabs/webf-react-carousel-slider","dist-tags":{"latest":"0.2.0"},"versions":{"0.1.0":{"name":"@ehmetlabs/webf-react-carousel-slider","version":"0.1.0","keywords":[],"author":"","license":"ISC","_id":"@ehmetlabs/webf-react-carousel-slider@0.1.0","maintainers":[{"name":"ehmetlabs","email":"ehmetlabs@outlook.com"}],"dist":{"shasum":"3ecf0dc000d3f21add937ec3a92477dc484b4aef","tarball":"https://registry.npmjs.org/@ehmetlabs/webf-react-carousel-slider/-/webf-react-carousel-slider-0.1.0.tgz","fileCount":8,"integrity":"sha512-gkx7wEP3T2lBho18QSv7tq8oJV+CqewLE05WS8Yx+ERV7gSln33mL+yWCVZ7I02fjWGB7Ua3kiTjA5Nta9WZKg==","signatures":[{"sig":"MEUCIQCvgSZgU9GU2Im1EhBZYgURS6VqBZ1d8ywMGp0iG+G2rQIgJJj/LnlGGqf2xfN2LPGFqdw54OvKJ55ue+79L5TAM/I=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":54508},"main":"dist/index.js","type":"commonjs","types":"dist/index.d.ts","module":"dist/index.mjs","gitHead":"91b01ce42abec389bd39acca38864e29095d9a77","scripts":{"build":"tsup"},"_npmUser":{"name":"ehmetlabs","email":"ehmetlabs@outlook.com"},"_npmVersion":"11.7.0","description":"WebF Custom Element wrapper for carousel_slider_plus. Provides hybrid UI carousel component with Flutter performance and JavaScript API.","directories":{},"_nodeVersion":"24.13.0","_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.1","picomatch":"^4.0.3","typescript":"^5.9.3","@types/react":">=16.8.0","@types/react-dom":">=16.8.0","@openwebf/react-core-ui":"^0.24.1"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0","@openwebf/react-core-ui":"^0.24.2"},"_npmOperationalInternal":{"tmp":"tmp/webf-react-carousel-slider_0.1.0_1768529328476_0.2891135378598737","host":"s3://npm-registry-packages-npm-production"}},"0.2.0":{"name":"@ehmetlabs/webf-react-carousel-slider","version":"0.2.0","description":"WebF Custom Element wrapper for carousel_slider_plus. Provides hybrid UI carousel component with Flutter performance and JavaScript API.","main":"dist/index.cjs","module":"dist/index.mjs","types":"dist/index.d.mts","exports":{".":{"import":{"types":"./dist/index.d.mts","default":"./dist/index.mjs"},"require":{"types":"./dist/index.d.cts","default":"./dist/index.cjs"}}},"scripts":{"build":"tsdown"},"keywords":[],"author":"","license":"ISC","type":"commonjs","peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0","@openwebf/react-core-ui":"^0.24.1"},"devDependencies":{"@openwebf/react-core-ui":"^0.24.1","@types/react":"^19.1.0","@types/react-dom":"^19.1.2","picomatch":"^4.0.2","tsdown":"^0.19.0","typescript":"^5.8.3"},"gitHead":"711fc1e41b0a2644224498d1f56f7e18b003a45c","_id":"@ehmetlabs/webf-react-carousel-slider@0.2.0","_nodeVersion":"24.13.0","_npmVersion":"11.7.0","dist":{"integrity":"sha512-sEr+U8+8etJMaa1i7wbBJ1zETP/0QvR4E7Ev3qSCl+JHPJlZO671MT5iztzTmfwbY8+Kl4uX8slhyGgVCqCEkw==","shasum":"132395aec46658a31eeb85f256ea7eb1ac252b13","tarball":"https://registry.npmjs.org/@ehmetlabs/webf-react-carousel-slider/-/webf-react-carousel-slider-0.2.0.tgz","fileCount":8,"unpackedSize":49393,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIGsPUXeCpPJIJPPIgc5lcUItnXP26tUGAma/6kHCOu8CAiAIlCC/N4LIpVabFvnnuPsKsW1FuJnQDQREU9ZtHHIxLg=="}]},"_npmUser":{"name":"ehmetlabs","email":"ehmetlabs@outlook.com"},"directories":{},"maintainers":[{"name":"ehmetlabs","email":"ehmetlabs@outlook.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/webf-react-carousel-slider_0.2.0_1768529533178_0.7194899856517052"},"_hasShrinkwrap":false}},"time":{"created":"2026-01-16T02:08:48.384Z","modified":"2026-01-16T02:12:13.423Z","1.0.0":"2026-01-11T15:53:31.956Z","1.0.1":"2026-01-12T00:37:39.731Z","0.1.0":"2026-01-16T02:08:48.611Z","0.2.0":"2026-01-16T02:12:13.327Z"},"license":"ISC","keywords":[],"description":"WebF Custom Element wrapper for carousel_slider_plus. Provides hybrid UI carousel component with Flutter performance and JavaScript API.","maintainers":[{"name":"ehmetlabs","email":"ehmetlabs@outlook.com"}],"readme":"# WebF Carousel Slider (React)\n\nReact wrapper for the WebF custom element backed by `carousel_slider_plus`.\nIt exposes `<webf-carousel-slider>` with strict original API names and renders via Flutter.\n\n## Requirements\n\n- Flutter >= 3.16.0\n- Dart >= 3.0.0\n- webf ^0.24.2\n- carousel_slider_plus ^7.1.1\n\n## Installation\n\n```bash\nnpm install @ehmetlabs/webf-react-carousel-slider\n```\n\n## React usage\n\n```tsx\nimport { CarouselSlider, CarouselSliderItem } from '@ehmetlabs/webf-react-carousel-slider';\n\nexport function App() {\n  return (\n    <CarouselSlider\n      style={{ height: 220 }}\n      autoPlay\n      autoPlayInterval={3000}\n      autoPlayAnimationDuration={300}\n      enableInfiniteScroll\n      onPageChanged={(index, reason) => {\n        console.log(index, reason);\n      }}\n    >\n      <CarouselSliderItem imageUrl=\"https://example.com/slide-1.jpg\" />\n      <CarouselSliderItem imageUrl=\"https://example.com/slide-2.jpg\" />\n    </CarouselSlider>\n  );\n}\n```\n\nThe generated React wrapper renders a `<carousel-slider>` custom element.\nEnsure the element has an explicit height via `style` or CSS.\n\n## API reference\n\nProps and methods mirror `carousel_slider_plus` naming and semantics. See\n`native_uis/webf_carousel_slider/README.md` for the complete API list,\nattribute names, and legacy name removals.\n","readmeFilename":"README.md"}