{"_id":"@cristiansarghe/ng-generic-carousel","_rev":"6-cb1daf91a3e47137f4379aa85f613c5d","name":"@cristiansarghe/ng-generic-carousel","dist-tags":{"latest":"14.0.0"},"versions":{"1.0.0":{"name":"@cristiansarghe/ng-generic-carousel","version":"1.0.0","author":{"name":"Cristian Sarghe","email":"csarghe@gmail.com","url":"https://cristiansarghe.com/"},"keywords":["angular","carousel","angular10","angular9","template","lightweight","generic"],"license":"MIT","peerDependencies":{"@angular/common":"^10.0.14","@angular/core":"^10.0.14"},"main":"bundles/cristiansarghe-ng-generic-carousel.umd.js","module":"fesm2015/cristiansarghe-ng-generic-carousel.js","es2015":"fesm2015/cristiansarghe-ng-generic-carousel.js","esm2015":"esm2015/cristiansarghe-ng-generic-carousel.js","fesm2015":"fesm2015/cristiansarghe-ng-generic-carousel.js","typings":"cristiansarghe-ng-generic-carousel.d.ts","metadata":"cristiansarghe-ng-generic-carousel.metadata.json","sideEffects":false,"dependencies":{"tslib":"^2.0.0"},"description":"`@cristiansarghe/ng-generic-carousel` is a lightweight carousel component made for any type of content, NOT only images.","_id":"@cristiansarghe/ng-generic-carousel@1.0.0","_nodeVersion":"12.15.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-S8i5+gVQT9pCZjd36r+V3v/JMUGtJ5tsVJVE6cxN8O7w2sya2LvEkA1EfV73dgTZKkNE+8uGyeVO6f4cHy0wKg==","shasum":"f927fa6428078e21ae2f27b2a850fa78041cd02d","tarball":"https://registry.npmjs.org/@cristiansarghe/ng-generic-carousel/-/ng-generic-carousel-1.0.0.tgz","fileCount":17,"unpackedSize":51701,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgTzhNCRA9TVsSAnZWagAAEp4QAKDwAVCoZg7uHrlO9/9t\ngqAZe8240ACXboS1rW015W37ZOaFntv3gd7HlCOhejG5VT+n+iP2uPs3MNzc\nK0rKNdbx/MCU9k2uQkrgBn6sywTV8a+Ic33LX319XTS8NPJaFhNilWHR26KJ\nz8IbOkraT029ad82NH0khFlzqP5G6Jgv9PfkxFQuoDdOTwch9qYy1WPkqzO5\nT5jepTDQao8mKvUpJvrMiC0EgRJIDmn2yetmtm/cbK20DsmnBOFNa+eZ7QqZ\nT30SULnv1oCvykBIGFhQfSnZcnIeckgZ8jRVH1/BPnO6zI7ThEsRXK8gYK/I\ngoyOcgBNT9r68feo9IoCCESnH7PTEqq34eQsoOj5y5Nvw/neFxP5s5taz1SG\nAG7JJE7y+bU4vtPnSS1/S+bEwbPCmQITI6s5sL13VGcYH3yBSauSiOHkUYvj\nAdgKCvqvaR3HyO4md8q/CgfW7gaHmxLE2SgiUUA+mfUILrayoKdWAEnwAUAC\nbgoTDoHzRPTGcvku1JDm8TI6M9oDKab6Gv70buP5lGADRFwJCUomkBoo334j\nlAYdW7jStpux0UDLpJ9OZETvMQ6bZWKhpHVxs+yamfliUUr8+eIpyLG74VIc\nWu1kjM8MNayds0M0AGMvqF9r4meoe6qALoUJAhkjdPFVyNsqkWlyRMl2mTFI\nBg7u\r\n=HBhf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDQI93HVAczzUj7fsnRPb+bieGDx2iXPRk0K6NutAL12AIgPkosH6SxXxB+R0e+8Wx/qsl9/vOYetNIEixzeILlg2c="}]},"_npmUser":{"name":"cristiansarghe","email":"csarghe@gmail.com"},"directories":{},"maintainers":[{"name":"cristiansarghe","email":"csarghe@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-generic-carousel_1.0.0_1615804493191_0.05846344319797625"},"_hasShrinkwrap":false},"2.0.0":{"name":"@cristiansarghe/ng-generic-carousel","version":"2.0.0","author":{"name":"Cristian Sarghe","email":"csarghe@gmail.com","url":"https://cristiansarghe.com/"},"keywords":["angular","carousel","angular10","angular9","angular11","angular12","template","lightweight","generic"],"license":"MIT","peerDependencies":{"@angular/common":"^12.0.4","@angular/core":"^12.0.4"},"main":"bundles/cristiansarghe-ng-generic-carousel.umd.js","module":"fesm2015/cristiansarghe-ng-generic-carousel.js","es2015":"fesm2015/cristiansarghe-ng-generic-carousel.js","esm2015":"esm2015/cristiansarghe-ng-generic-carousel.js","fesm2015":"fesm2015/cristiansarghe-ng-generic-carousel.js","typings":"cristiansarghe-ng-generic-carousel.d.ts","metadata":"cristiansarghe-ng-generic-carousel.metadata.json","sideEffects":false,"dependencies":{"tslib":"^2.1.0"},"description":"* Updated library to Angular 12\r * Added circling carousel feature (see `@Inputs` section below)","_id":"@cristiansarghe/ng-generic-carousel@2.0.0","_nodeVersion":"12.15.0","_npmVersion":"7.10.0","dist":{"integrity":"sha512-lr245++qJ0tyeClHmZM7VhfuAv6sGKOYOusT96D9aW4aKsIGEb89dE7zY3Tr/Z71ZudI9yQ0mthHYqgejfhYBQ==","shasum":"65212c4b0f79fbeeb5ab7898fc76bafdce951142","tarball":"https://registry.npmjs.org/@cristiansarghe/ng-generic-carousel/-/ng-generic-carousel-2.0.0.tgz","fileCount":15,"unpackedSize":102222,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgxJNlCRA9TVsSAnZWagAA29oP/318di55mPBoKHD4nDIj\nAIs/vV63+XiXBVs5XWkwuMtlqOZbbeXufbRvJScoiJlKlVb+J64hRoYQ9xku\nUcpUkmXbzRvGHI+8mnmkt8sxe4vPuqtCaCySjadwVsyO8/iG6wEPYCZVDNKk\nJFoXQT275xNYWwa8XA1PlPGGA7oy9zAFjLj7k11zTe0ii83nsRenXjG7My4F\nxy40qgXMpCp5wPrB++cKuek+F+vu4rkVpRFZk3Ktp/ir6V2NfXut3HiGRU6/\n3kI65rJW5bLJuesmMF+T/wUDWAPM24Cx1SDJQgexs9yHH4rhmkhDWCRjbSI0\nqY0bqNxbDIgfLP3j0RvNaaNokRujzvyBZdjLuPLIjZeo+39HoWVgY/pZAn5j\nZhRC7L+98JeYzgPUlx+TEVnuPKRM5C++BCzAy9KZTJdKhpXreBjEPGOXQNa4\nHzB2iECIJsiCIs0V0UGiwUx8a/lqgGI4hJvkYHzuHBILjkZVIutFwJwgh13I\nW4Ub0rtc6Rt6fRjp8V3g2iFvZSvZufnLSwj85P6K3JsvDGFmdgqyvbMsayU2\n9+nEFc/zHfIz9SgoLiy3dgZeY2bR37Z0+5ji89Xre/iuxQJjLR6qxAOw6Mvp\nSrghLCTLooksEqSw9JLP3eKNHu2OlnWnXXcQG9hI4MPgI/JRMUquiI1dfJhE\nCF6h\r\n=mH/z\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDU5ZgfR1JTyYCpfhPKezjgdow/0EJBZKj/abomXRLswQIgDqf3sYqGMVZ+BsG4OuSGchxe8gXsQ/5os6SfzXO0G+A="}]},"_npmUser":{"name":"cristiansarghe","email":"csarghe@gmail.com"},"directories":{},"maintainers":[{"name":"cristiansarghe","email":"csarghe@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-generic-carousel_2.0.0_1623495524953_0.8775744281777849"},"_hasShrinkwrap":false},"3.0.0":{"name":"@cristiansarghe/ng-generic-carousel","version":"3.0.0","author":{"name":"Cristian Sarghe","email":"csarghe@gmail.com","url":"https://cristiansarghe.com/"},"repository":{"type":"git","url":"git+https://github.com/CristianSarghe/ng-generic-carousel.git"},"keywords":["angular","carousel","template","lightweight","generic"],"license":"MIT","peerDependencies":{"@angular/common":"^12.0.4","@angular/core":"^12.0.4","hammerjs":"^2.0.8"},"module":"fesm2015/cristiansarghe-ng-generic-carousel.mjs","es2020":"fesm2020/cristiansarghe-ng-generic-carousel.mjs","esm2020":"esm2020/cristiansarghe-ng-generic-carousel.mjs","fesm2020":"fesm2020/cristiansarghe-ng-generic-carousel.mjs","fesm2015":"fesm2015/cristiansarghe-ng-generic-carousel.mjs","typings":"cristiansarghe-ng-generic-carousel.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./cristiansarghe-ng-generic-carousel.d.ts","esm2020":"./esm2020/cristiansarghe-ng-generic-carousel.mjs","es2020":"./fesm2020/cristiansarghe-ng-generic-carousel.mjs","es2015":"./fesm2015/cristiansarghe-ng-generic-carousel.mjs","node":"./fesm2015/cristiansarghe-ng-generic-carousel.mjs","default":"./fesm2020/cristiansarghe-ng-generic-carousel.mjs"}},"sideEffects":false,"dependencies":{"tslib":"^2.3.0"},"description":"`@cristiansarghe/ng-generic-carousel` is a lightweight, mobile device friendly Angular carousel component made for ANY type of content, NOT only images.","bugs":{"url":"https://github.com/CristianSarghe/ng-generic-carousel/issues"},"homepage":"https://github.com/CristianSarghe/ng-generic-carousel#readme","_id":"@cristiansarghe/ng-generic-carousel@3.0.0","_nodeVersion":"16.13.1","_npmVersion":"7.10.0","dist":{"integrity":"sha512-t9zChrN7sOIM/6TQpcQS/wE7fyqMG/yTSYndpSm+D1kTyU5yFcdyzs4YrmAy1Ty3m8vMuxWbPm0dL44RgfxOKQ==","shasum":"30c6bc8a8a6031f100245923b99d4a44009647a7","tarball":"https://registry.npmjs.org/@cristiansarghe/ng-generic-carousel/-/ng-generic-carousel-3.0.0.tgz","fileCount":14,"unpackedSize":125765,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3qPHCRA9TVsSAnZWagAATWEP/AyvJZNlEjLNNHC1mURp\niYDjeFRDWa1224thmYf+DRzLIlwUw2whIxfV9LlrQng4fv1rVbYYx2mD7DU1\n487wB+eFSZ1qTkcleXYrUlfd7Z6KTWD7vhWewX4SgrvYjR6qZWNslF6+vVH1\nOPnsRRLFDeVaATBxiee+SkmBD+u+TP+3CGzUA+fy+J1xIokQndnH8hv0sCQt\nGSDw9WEf89FLH3h1exr3AiZBSn6TKILZstN5TFof0U2XKYQFqo76m4J9lAzL\n3HNMS3VawjWucR/7u8m3/d83QgB5GmNhyYYe6g519GT26EVsgA8u88zA9uS3\nVk1jVHmmBOvJRRJhQBiTERgfPu3tTiwc7hMbnQwCeGbrAmWGUtoM2BucrUOO\nTY9n6cnko+FXiTNRxU8QH0SVqktbqHyhU0jj4kU6EbVFe/6xau50y+ZeTpRT\n8LUCbDuzcx3+guNztQ35vx0AW8YVUkBaOoB8dPh3jDe2dvjr/doNC23nLUzB\nfdlBeDspgHf6SiqsUpoWGwm0ZUvKxVewIswWy0bDefnX8XfIXDtXNxHPzWn4\n2VFkoo+J6Wzg54cF9OuJOsxTPBzK8jf/lPdjPWgnwGAmVkIg+YfdPdLXyiX1\nh1LhGK1zh4CBTXFcg7mzdJWnZ5j+LEbRNSYxwE9Adu3nut8nuJmqg0fVDBjD\nQjhh\r\n=BGUv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFRF6YpqhTq9TTepMEaOVtGnI5javoWXCFgRUB9VuIivAiEAmEld6K16PmLXV9MdGPFJEowcdEzf62AhywQ1nJfupL4="}]},"_npmUser":{"name":"cristiansarghe","email":"csarghe@gmail.com"},"directories":{},"maintainers":[{"name":"cristiansarghe","email":"csarghe@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-generic-carousel_3.0.0_1641980870985_0.7252057247771648"},"_hasShrinkwrap":false},"14.0.0":{"name":"@cristiansarghe/ng-generic-carousel","version":"14.0.0","author":{"name":"Cristian Sarghe","email":"csarghe@gmail.com","url":"https://cristiansarghe.com/"},"repository":{"type":"git","url":"git+https://github.com/CristianSarghe/ng-generic-carousel.git"},"keywords":["angular","carousel","template","lightweight","generic"],"license":"MIT","peerDependencies":{"@angular/common":"^14.0.0","@angular/core":"^14.0.0","hammerjs":"^2.0.8"},"module":"fesm2015/cristiansarghe-ng-generic-carousel.mjs","es2020":"fesm2020/cristiansarghe-ng-generic-carousel.mjs","esm2020":"esm2020/cristiansarghe-ng-generic-carousel.mjs","fesm2020":"fesm2020/cristiansarghe-ng-generic-carousel.mjs","fesm2015":"fesm2015/cristiansarghe-ng-generic-carousel.mjs","typings":"index.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","esm2020":"./esm2020/cristiansarghe-ng-generic-carousel.mjs","es2020":"./fesm2020/cristiansarghe-ng-generic-carousel.mjs","es2015":"./fesm2015/cristiansarghe-ng-generic-carousel.mjs","node":"./fesm2015/cristiansarghe-ng-generic-carousel.mjs","default":"./fesm2020/cristiansarghe-ng-generic-carousel.mjs"}},"sideEffects":false,"dependencies":{"tslib":"^2.3.0"},"gitHead":"26d67e328463f69b113e1427f3eff748292090b7","description":"`@cristiansarghe/ng-generic-carousel` is a lightweight, mobile device friendly Angular carousel component made for ANY type of content, NOT only images.","bugs":{"url":"https://github.com/CristianSarghe/ng-generic-carousel/issues"},"homepage":"https://github.com/CristianSarghe/ng-generic-carousel#readme","_id":"@cristiansarghe/ng-generic-carousel@14.0.0","_nodeVersion":"16.15.1","_npmVersion":"7.24.2","dist":{"integrity":"sha512-S9wFihCebgGkzffbV3ZGZEN1Hl1bqUjxzCGQgG1gGPWx8gpXWQwj6XTtXwYK41Wyz870I3o1qqhMBlpRNolYzw==","shasum":"7f132956cbe5d0f521c68f412d7f06cac07eee47","tarball":"https://registry.npmjs.org/@cristiansarghe/ng-generic-carousel/-/ng-generic-carousel-14.0.0.tgz","fileCount":14,"unpackedSize":131705,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC0jkkzTC/s6FzkQb4iZZRQGZMWu6SKXwqjqDDXt2uDkAiA9xD6uQGgpbkIYD5uanJGCFotw5mH0fgdCAcb6pzbcog=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJitx4/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp+4Q/8CBKdv1BG9mteWQXXa1e5KBzo2H8QxDDGW2AYJMmeyC5WcFQZ\r\nZYj40FrBOK4+LiErZmxjTdTZHXVlM29OJTCb667BhJdtiIcUeRNjHI8F6czx\r\nshmeQp9dh857kihJd7RB7E38XqqkfIsdCWi0tXoP2qzCr4R51FUU6Sf+3dHO\r\neTkWeeYNNV0E/t+f1mDonZMsSiUJtQ291TwrNFSEx6dXpy+R8PmjJNUsIjpT\r\nIyQfOf2/PtEEGRU4SKmjzFg6lOYpBzpm08vSxasr4wanZuDEBOW3i1J1TWbH\r\nyrvnxD03eeQ/SuDwwQHDnDrd61ljbV4TpBWV7gABfJ1HAueTe2pZfb4BV77o\r\nKXt+MtDQYKM19XATn8jsAPWhmySPjrMUu+yaYpuo9Asf6NSgXeMcAPm6tUXN\r\nZ10BVp7mCYkbsvIp1Y0LlcmQpa9yGVHeAwNVmxJ4QadWDzZZORK8CXgOtydH\r\n78EkFPG5VyrtixvEdTjErOOBUCYl7oMANVG4zkFR3UrbBX/jHrvl+ck5ChbO\r\n/Z/8CRqF++bdLy2PK2iJdE4H53ZPPjU08v6zRcnHJN7vBep5rOTCqLmX3Ys+\r\n/Ix5bkLuvmHPp32u5lWpuGeksZq/YA7BuNRletVOth1BTDx0j/jjeJhlIkLB\r\nNSeNArbHRhMl7Yd0PnOoBvp00ez0X2e+gpY=\r\n=Kn6E\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"cristiansarghe","email":"csarghe@gmail.com"},"directories":{},"maintainers":[{"name":"cristiansarghe","email":"csarghe@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng-generic-carousel_14.0.0_1656167999484_0.5529595522745172"},"_hasShrinkwrap":false}},"time":{"created":"2021-03-15T10:34:53.157Z","1.0.0":"2021-03-15T10:34:53.324Z","modified":"2022-06-25T14:39:59.782Z","1.0.1":"2021-06-12T10:50:54.789Z","2.0.0":"2021-06-12T10:58:45.148Z","3.0.0":"2022-01-12T09:47:51.158Z","14.0.0":"2022-06-25T14:39:59.711Z"},"maintainers":[{"name":"cristiansarghe","email":"csarghe@gmail.com"}],"description":"`@cristiansarghe/ng-generic-carousel` is a lightweight, mobile device friendly Angular carousel component made for ANY type of content, NOT only images.","keywords":["angular","carousel","template","lightweight","generic"],"author":{"name":"Cristian Sarghe","email":"csarghe@gmail.com","url":"https://cristiansarghe.com/"},"license":"MIT","readme":"# Generic Angular Carousel Component\r\n\r\n## What is it?\r\n\r\n`@cristiansarghe/ng-generic-carousel` is a lightweight, mobile device friendly Angular carousel component made for ANY type of content, NOT only images.\r\n\r\n## Changelog\r\n\r\n### Version 3.0.0\r\n- *Angular 12 support*\r\n- Added drag-drop navigation support for mouse and touch inputs ([HammerJS](https://www.npmjs.com/package/hammerjs) is a new dependency)\r\n- Changed navigation button hiding logic (includes changes to `Input()` parameters)\r\n\r\n### Version 2.0.0\r\n\r\n- *Updated package to Angular 12*\r\n- Added round navigation option (when reaching the left or right side of the elements list, continue from the other side)\r\n\r\n## Installation\r\n\r\n`npm i @cristiansarghe/ng-generic-carousel`\r\n\r\n## Basic usage\r\n\r\nThe component works by having a HTML template passed, along with an array of elements. By default, the component shows 3 elements at once.\r\n\r\n```\r\n<ng-generic-carousel [elements]=\"['John', 'Joanne', 'Jason', 'Jessica']\">\r\n\t<ng-template #contentTemplate let-data=\"data\">\r\n\t\t<p>I am {{data}}</p>\r\n\t</ng-template>\r\n\r\n\t<ng-template #leftButtonTemplate> &lt; </ng-template>\r\n\t<ng-template #rightButtonTemplate> &gt; </ng-template>\r\n</ng-generic-carousel>\r\n```\r\n\r\n* `ng-generic-carousel` receives an array of objects or primitive values through `@Input() elements`.\r\n\r\n* The component iterates through the array and repeats `contentTemplate` for each item. \r\n\r\n* To access the current item you can target the `data` variable (`let-data=\"data\"`), as presented above, and then use it within the template.\r\n\r\n* For a more generic approach, `leftButtonTemplate` and `rightButtonTemplate` must be specified in order to customize the look of the left and right buttons.\r\n\r\n\r\n## Customization\r\n### Content\r\n\r\n* The `contentTemplate`-named `ng-template` provides the layout for each carousel element.\r\n* The `leftButtonTemplate` and `rightButtonTemplate` elements provide the **content** for the buttons (in order to customize the arrows as desired).\r\n* `@Input() visibleElementsCount` changes the number of elements shown at once on the screen.\r\n* **NOTE**: By default, if `elements` has less items than specified by `visibleElementsCount`, the left and right scroll buttons will NOT be shown. You can change this behavior by modifying `@Input() hideNavigationButtonsWhenNotNeeded` to `false`.\r\n* In order to hide the navigation buttons at all times, set the `hideNavigationButtons` input to `true`. This usually works with the drag-drop navigation (see `isDragDropEnabled` input)\r\n\r\nExample: \r\n\r\n```\r\n<ng-generic-carousel [elements]=\"['John', 'Joanne', 'Jason', 'Jessica']\" [visibleElementsCount]=\"6\" [hideNavigationButtons]=\"true\" [isDragDropEnabled]=\"true\">\r\n\t<ng-template #contentTemplate let-data=\"data\">\r\n\t\t<p>I am {{data}}</p>\r\n\t</ng-template>\r\n\r\n\t<ng-template #leftButtonTemplate> &lt; </ng-template>\t\t\t<!-- Will not be shown -->\r\n\t<ng-template #rightButtonTemplate> &gt; </ng-template>\t\t\t<!-- Will not be shown -->\r\n</ng-generic-carousel>\r\n```\r\n\r\n### Placeholders \r\n\r\n* The carousel can as well have placeholders that look all the same, with a layout provided in `placeholderTemplate`. \r\n* The placeholders appear **only if `elements` is null or empty**.\r\n* The number of placeholders is 3 by default, but can be changed using `@Input() placeholderElementsCount`.\r\n\r\n```\r\n<ng-generic-carousel [elements]=\"[]\" [placeholderElementsCount]=\"4\">\r\n\t<ng-template #contentTemplate let-data=\"data\">\r\n\t\t<p>I am {{data}}</p>\r\n\t</ng-template>\r\n\r\n\t<ng-template #placeholderTemplate>\r\n\t\t<p>This will be a name!</p>\r\n\t</ng-template>\r\n\r\n\t<ng-template #leftButtonTemplate> &lt; </ng-template>\r\n\t<ng-template #rightButtonTemplate> &gt; </ng-template>\r\n</ng-generic-carousel>\r\n```\r\n\r\n\r\n### @Input()\r\n\r\n| Input                       \t\t\t| Type    | Required                   | Description                                                    \t\t\t\t\t\t\t\t\t\t\t\t|\r\n| ------------------------------------- | ------- | -------------------------- | -------------------------------------------------------------------------------------------------------------- |\r\n| elements             \t\t  \t\t\t| any[]   | Optional, default: []      | Array of objects or primitive values that represent each carousel item   \t\t\t\t\t\t\t\t\t\t|\r\n| placeholderElementsCount    \t\t\t| number  | Optional, default: 3       | If placeholders are shown, this input sets how many placeholder elements to show\t\t\t\t\t\t\t\t|\r\n| visibleElementsCount   \t  \t\t\t| number  | Optional, default: 3       | Number of visible elements at a time\t\t\t                            \t\t\t\t\t\t\t\t\t|\r\n| isRoundNavigation\t\t\t  \t\t\t| boolean | Optional, default: false   | Enable round carousel navigation (when left or right limits are reached, navigate to each other)\t\t\t\t|\r\n| hideNavigationButtons\t\t  \t\t\t| boolean | Optional, default: false   | Force hide left and right navigation buttons (all the time, can be used with isDragDropEnabled)\t\t\t\t|\r\n| hideNavigationButtonsWhenNotNeeded \t| boolean | Optional, default: true    | Hide left and right navigation buttons when navigation can not be done due to the little number of elements\t|\r\n| isDragDropEnabled\t\t\t \t\t\t| boolean | Optional, default: true\t   | Enable drag-drop navigation (without using the left and right buttons) \t\t\t\t\t\t\t\t\t\t|\r\n| stickToClosestElement\t\t \t\t\t| boolean | Optional, default: true\t   | Stick navigation view window to closest element edge after drag-drop movement\t\t\t \t\t\t\t\t\t|\r\n\r\n### @Output()\r\n\r\n| Output   | Type    | Description                                                    \t\t\t\t\t\t\t\t\t\t\t                                                                     |\r\n| ---------| ------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\r\n| hasMoved | boolean | Emits *true* when drag movement starts and *false* 200ms after drag ends; can be watched and used to prevent carousel element clicks or trigger other actions after drag ends |\r\n\r\n### ng-template\r\n\r\n| Template              | Description\t\t\t\t\t\t\t|\r\n| --------------------- | ------------------------------------- |\r\n| contentTemplate \t\t| Template for each carousel item \t\t|\r\n| placeholderTemplate\t| Template for each placeholder item\t|\r\n| leftButtonTemplate    | Template for left scroll button\t\t|\r\n| rightButtonTemplate   | Template for right scroll button \t\t|\r\n\r\n","readmeFilename":"README.md","homepage":"https://github.com/CristianSarghe/ng-generic-carousel#readme","repository":{"type":"git","url":"git+https://github.com/CristianSarghe/ng-generic-carousel.git"},"bugs":{"url":"https://github.com/CristianSarghe/ng-generic-carousel/issues"}}