{"_id":"@adactiveasia/adsum-carousel","_rev":"1-da1d069acb81f7d094de4b25ba4bccf4","name":"@adactiveasia/adsum-carousel","dist-tags":{"latest":"0.0.1"},"versions":{"0.0.1":{"name":"@adactiveasia/adsum-carousel","version":"0.0.1","description":"Adsum Carousel Component","main":"index.js","author":{"name":"Stanley Ong","email":"stanley.ong@adactive.com"},"contributors":[{"name":"Erlanda Zakaria","email":"erlandazakaria@gmail.com"}],"license":"UNLISENCED","repository":{"type":"git","url":"git://github.com/adactiveasia/adsum-react-components.git"},"bugs":{"url":"https://github.com/adactiveasia/adsum-react-components.git/issues"},"scripts":{},"publishConfig":{"access":"public"},"dependencies":{"chalk":"^1.1.3","commander":"^2.9.0","nuka-carousel":"git+https://github.com/AdactiveSAS/nuka-carousel.git#build/setStateFix","video-react":"^0.10.4"},"devDependencies":{"prop-types":"^15.6.1","react":"^16.3.1"},"peerDependencies":{"prop-types":"^15.6.1","react":"^16.3.1"},"keywords":["adsum","react","redux"],"bin":{"arc-carousel":"./cli.js"},"gitHead":"a49c91666848e6d6cf5314266684abc0ca622064","homepage":"https://github.com/adactiveasia/adsum-react-components#readme","_id":"@adactiveasia/adsum-carousel@0.0.1","_nodeVersion":"10.16.3","_npmVersion":"6.9.0","dist":{"integrity":"sha512-U57d0CTDgZopyExRN6/t8suEFRyx21czRC2hrysXUyyTfmpmVzsOIOckcrzFavKsR9WYBBM/gqYYxkY3Zh/b4Q==","shasum":"09a38e3a494cc37d40004268989adb11617d1f9c","tarball":"https://registry.npmjs.org/@adactiveasia/adsum-carousel/-/adsum-carousel-0.0.1.tgz","fileCount":25,"unpackedSize":21125,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdgKIcCRA9TVsSAnZWagAAN5kQAKJCVI5NiCE91xi0/cOU\nEVMcOAZviKAkMdxQ5afeezzSy+85BNaXCxTWUef7GL20n8wsCH56/jvJTazs\nHH2eWaQoXHen2iYqZG60LLBRmrqXq6psWTVVosYItD+BmRquSUEP+bYD/en+\nNhcfUV4Vig4W+eBOr7onEdnzF/bDu1G3C+Zdh7b15mSc4WbYBUw2xWOJ2uHL\nqHGJroqH0pRsb4eJJQEY1BeOuFoCcZxEuuCoF7PNy2KNNN7ouX5rMUS6y7nW\npuAuaUXAkfCy9cLJnhkb79fjsCePB7Gd0gS5ThqXbgDgPEEPI89xJgMx0XJk\ngeuFer1ObC/Zr5eqWV45D2ORDlG7rAqeuHwTtpS0fl2KqXqVyHB2OwO15STn\nNCepCTWYzh2ygyACz/octhOllu89OTijWXwyOC5ucAcBZLEKQu/gZKK2XI8l\ndIxXxwXxrRW6+y1L7YbO8nf4222wTYgKygPFaCeUco5thvdTD/tl6msNZy7K\nusMuXQhMGletdbzyIADMffYf+c906WfNXh8bKACfdbGnsgn0DIYMd7ePOuAe\naXB6UmVGm2t5LpB4uoe+E1vBfg6wpGNplqyIy/DVdPZJfMpEVaNUhUqDW6aP\nnRNX4v/XfN4Muiw+kVLtXocCj2KICc5hpIxmTDOJCaPQrvPMLiAqyI5SW5fY\n3WhJ\r\n=2flP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDQjxyXqF3rzbe4rdIub94ooWj9nZVWWeI7olcLx3tOtAiBjL607IGWtY5ajcn9fV9qinLMia3i7kO/9JDY/LF8gYw=="}]},"maintainers":[{"name":"devadactiveasia","email":"dev@adactive.asia"}],"_npmUser":{"name":"devadactiveasia","email":"dev@adactive.asia"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/adsum-carousel_0.0.1_1568711196108_0.7626833315898658"},"_hasShrinkwrap":false}},"time":{"created":"2019-09-17T09:06:35.877Z","0.0.1":"2019-09-17T09:06:36.238Z","modified":"2022-04-04T11:22:41.146Z"},"maintainers":[{"name":"devadactiveasia","email":"dev@adactive.asia"}],"description":"Adsum Carousel Component","homepage":"https://github.com/adactiveasia/adsum-react-components#readme","keywords":["adsum","react","redux"],"repository":{"type":"git","url":"git://github.com/adactiveasia/adsum-react-components.git"},"contributors":[{"name":"Erlanda Zakaria","email":"erlandazakaria@gmail.com"}],"author":{"name":"Stanley Ong","email":"stanley.ong@adactive.com"},"bugs":{"url":"https://github.com/adactiveasia/adsum-react-components.git/issues"},"license":"UNLISENCED","readme":"# Carousel component\n\n\n\n[Live examples here](https://adactivesas.github.io/adsum-react-components/packages/adsum-carousel/examples/index.html)\n\n## Getting started\n\n```javascript\n npm i --save @adactive/arc-carousel\n```\nOR\n```javascript\n yarn add @adactive/arc-carousel\n```\n\n```javascript\n import AdsumCarousel from \"@adactive/arc-carousel\"\n ...\n \n```\n\n### Props\n \n```javascript\ntype PropsType = {|\n +isOpen: boolean,\n +medias: Array,\n +onMediaTouch: (MediaType) => void,\n +carouselOptions?: Object,\n +style?: CSSStyleDeclaration\n|};\n\nstatic defaultProps = {\n isOpen: false,\n medias: [],\n onMediaTouch: null,\n carouselOptions: {\n dragging: false,\n swiping: false,\n speed: 1000,\n renderCenterLeftControls: null,\n renderCenterRightControls: null,\n renderCenterBottomControls: null,\n renderBottomCenterControls: null,\n arrows: false,\n pauseOnHover: false,\n slidesToShow: 1,\n slidesToScroll: 1,\n adaptiveHeight: true,\n wrapAround: true,\n },\n style: {},\n ButtonModalForImage: null,\n autoSlide: false,\n autoSlideInterval: 10000,\n};\n```\n**TO MAKE DYNAMIC INTERVAL** -> media send to this carousel via medias should have interval field. If a media have this, then this media will have own interval. If haven't, the media will follow the general interval set (autoslideinterval)\n\n**isOpen** -> To show or hide carousel\n\n**medias** -> Array of medias to be displayed in the carousel\n\n**onMediaTouch** -> A callback function to capture clicking of the media\n\n**carouselOptions** -> Refer to [nuka-carousel](http://kenwheeler.github.io/nuka-carousel/#/) for more information. However, 2 of the following options in nuka carousel have been predefined in Adsum Carousel Component.\n\n- autoPlay: This option will be set to true if there is only 1 media in the carousel and false if there are multiple media.\n- afterSlide: This option will be a predefined callback function that plays a video immediately if the next media in the carousel is a video.\n\n**style** -> To customise the CSS of the overall component\n\n**autoSlide** -> Slider Looping in Boolean\n\n**autoSlideInterval** -> Slider Looping Interval in ms\n\n\n## Copy component inside your project src folder \n\n### Less only\n `npx @adactive/arc-carousel copy --less-only`\n \n### Full copy\n `npx @adactive/arc-carousel copy`\n","readmeFilename":"README.md"}