{"_id":"@artavil/ngx-gallery","_rev":"8-e5620688c5bc2c2cafe18b68105f1341","name":"@artavil/ngx-gallery","dist-tags":{"latest":"1.2.6"},"versions":{"1.2.0":{"name":"@artavil/ngx-gallery","version":"1.2.0","description":"A simple responsive native gallery component for Angular 8+","homepage":"https://github.com/AhmadPirzargar/ngx-gallery","author":{"name":"ahmad pirzargar","url":"https://github.com/AhmadPirzargar"},"repository":{"type":"git","url":"git+https://github.com/AhmadPirzargar/ngx-gallery.git"},"license":"MIT","private":false,"bugs":{"url":"https://github.com/AhmadPirzargar/ngx-gallery/issues"},"peerDependencies":{"@angular/common":">=8.0.0","@angular/core":">=8.0.0"},"dependencies":{"tslib":"^2.0.0"},"keywords":["angular","gallery","component","ngx-gallery","responsive gallery component","images","slider","carousel"],"main":"bundles/artavil-ngx-gallery.umd.js","module":"fesm2015/artavil-ngx-gallery.js","es2015":"fesm2015/artavil-ngx-gallery.js","esm2015":"esm2015/artavil-ngx-gallery.js","fesm2015":"fesm2015/artavil-ngx-gallery.js","typings":"artavil-ngx-gallery.d.ts","metadata":"artavil-ngx-gallery.metadata.json","sideEffects":false,"gitHead":"cf0263a3c46ab518aaab3b6b425b4806512a67be","_id":"@artavil/ngx-gallery@1.2.0","_nodeVersion":"14.17.6","_npmVersion":"7.23.0","dist":{"integrity":"sha512-6jhH+xlS8EjLCBMftgmiE2m4anPSBj8qCbtq7ChrgrwuRdDzI1XVD/EeVL/n9ig+pTxUi8EW+e2iPjnukQh7qQ==","shasum":"f066885281eb6dc79881c8f947588b1b69a0a27e","tarball":"https://registry.npmjs.org/@artavil/ngx-gallery/-/ngx-gallery-1.2.0.tgz","fileCount":47,"unpackedSize":792336,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC8cprQlBldXXip9b4xQgGSm5FbVLlAsj1gxzsb5OhLEAIgGB0LvOKm60ZRLEflOZ33zgF7aV/QVwzXKhBENnfRZmk="}]},"_npmUser":{"name":"artavil","email":"ahmad.pirzargar@gmail.com"},"directories":{},"maintainers":[{"name":"artavil","email":"ahmad.pirzargar@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngx-gallery_1.2.0_1635247999074_0.9405688768644078"},"_hasShrinkwrap":false},"1.2.1":{"name":"@artavil/ngx-gallery","version":"1.2.1","description":"A simple responsive native gallery component for Angular 8+","homepage":"https://github.com/AhmadPirzargar/ngx-gallery","author":{"name":"ahmad pirzargar","url":"https://github.com/AhmadPirzargar"},"repository":{"type":"git","url":"git+https://github.com/AhmadPirzargar/ngx-gallery.git"},"license":"MIT","private":false,"bugs":{"url":"https://github.com/AhmadPirzargar/ngx-gallery/issues"},"peerDependencies":{"@angular/common":">=8.0.0","@angular/core":">=8.0.0"},"dependencies":{"tslib":"^2.0.0"},"keywords":["angular","gallery","component","ngx-gallery","responsive gallery component","images","slider","carousel"],"main":"bundles/artavil-ngx-gallery.umd.js","module":"fesm2015/artavil-ngx-gallery.js","es2015":"fesm2015/artavil-ngx-gallery.js","esm2015":"esm2015/artavil-ngx-gallery.js","fesm2015":"fesm2015/artavil-ngx-gallery.js","typings":"artavil-ngx-gallery.d.ts","metadata":"artavil-ngx-gallery.metadata.json","sideEffects":false,"gitHead":"d9fa08b10b160bfe6cbc14cc66f0be185bba7359","_id":"@artavil/ngx-gallery@1.2.1","_nodeVersion":"14.17.6","_npmVersion":"7.23.0","dist":{"integrity":"sha512-cCwcI2foxJkPrRuELOqva30wuJ+gP0yLb9wElKNBpWUIx8lkQTsAZaqJ67U55HeHZIJc4hX5UFR9lcidfpcuJQ==","shasum":"80a2af6fb5df43152dbcf2c9728e680eac18b2bf","tarball":"https://registry.npmjs.org/@artavil/ngx-gallery/-/ngx-gallery-1.2.1.tgz","fileCount":47,"unpackedSize":792340,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDm5ZncV+K7O3Da/ZhtsnddIAL1dX5wsm0wlwqKk/QOcwIgVQp7LD2YHquXmWyepI8xdRUBJ1k9DG8XH2sUlZ2tHH8="}]},"_npmUser":{"name":"artavil","email":"ahmad.pirzargar@gmail.com"},"directories":{},"maintainers":[{"name":"artavil","email":"ahmad.pirzargar@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngx-gallery_1.2.1_1635248202416_0.7194951937096896"},"_hasShrinkwrap":false},"1.2.2":{"name":"@artavil/ngx-gallery","version":"1.2.2","description":"A simple responsive native gallery component for Angular 8+","homepage":"https://github.com/AhmadPirzargar/ngx-gallery","author":{"name":"ahmad pirzargar","url":"https://github.com/AhmadPirzargar"},"repository":{"type":"git","url":"git+https://github.com/AhmadPirzargar/ngx-gallery.git"},"license":"MIT","private":false,"bugs":{"url":"https://github.com/AhmadPirzargar/ngx-gallery/issues"},"peerDependencies":{"@angular/common":">=8.0.0","@angular/core":">=8.0.0"},"dependencies":{"tslib":"^2.0.0"},"keywords":["angular","gallery","component","ngx-gallery","responsive gallery component","images","slider","carousel"],"main":"bundles/artavil-ngx-gallery.umd.js","module":"fesm2015/artavil-ngx-gallery.js","es2015":"fesm2015/artavil-ngx-gallery.js","esm2015":"esm2015/artavil-ngx-gallery.js","fesm2015":"fesm2015/artavil-ngx-gallery.js","typings":"artavil-ngx-gallery.d.ts","metadata":"artavil-ngx-gallery.metadata.json","sideEffects":false,"gitHead":"2390d04625744e887f49fa7a4bdc0ad4c93f342a","_id":"@artavil/ngx-gallery@1.2.2","_nodeVersion":"14.17.6","_npmVersion":"7.23.0","dist":{"integrity":"sha512-g4FJh2YqdmB7SUAovxwyfdfs8w4NSXDKGm6l1mM89resoFwfum+PG3yPKfJTFkqsOm2PekyyTo/Xdu47O0surw==","shasum":"0a6fb59daec2fea10beea0bc8abac7a767edc8f2","tarball":"https://registry.npmjs.org/@artavil/ngx-gallery/-/ngx-gallery-1.2.2.tgz","fileCount":47,"unpackedSize":791396,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAna9yETE0XRJvlx9kwrtBxHqmaT5jUYxZQEQ5U19b46AiEAuO6Jn+Du4LMaPO9BJnpOTwIU1QiF3CNnkf1Z/oI5eoM="}]},"_npmUser":{"name":"artavil","email":"ahmad.pirzargar@gmail.com"},"directories":{},"maintainers":[{"name":"artavil","email":"ahmad.pirzargar@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngx-gallery_1.2.2_1635274212240_0.8172735967670492"},"_hasShrinkwrap":false},"1.2.3":{"name":"@artavil/ngx-gallery","version":"1.2.3","description":"A simple responsive native gallery component for Angular 8+","homepage":"https://github.com/AhmadPirzargar/ngx-gallery","author":{"name":"ahmad pirzargar","url":"https://github.com/AhmadPirzargar"},"repository":{"type":"git","url":"git+https://github.com/AhmadPirzargar/ngx-gallery.git"},"license":"MIT","private":false,"bugs":{"url":"https://github.com/AhmadPirzargar/ngx-gallery/issues"},"peerDependencies":{"@angular/common":">=8.0.0","@angular/core":">=8.0.0"},"dependencies":{"tslib":"^2.0.0"},"keywords":["angular","gallery","component","ngx-gallery","responsive gallery component","images","slider","carousel"],"main":"bundles/artavil-ngx-gallery.umd.js","module":"fesm2015/artavil-ngx-gallery.js","es2015":"fesm2015/artavil-ngx-gallery.js","esm2015":"esm2015/artavil-ngx-gallery.js","fesm2015":"fesm2015/artavil-ngx-gallery.js","typings":"artavil-ngx-gallery.d.ts","metadata":"artavil-ngx-gallery.metadata.json","sideEffects":false,"gitHead":"2390d04625744e887f49fa7a4bdc0ad4c93f342a","_id":"@artavil/ngx-gallery@1.2.3","_nodeVersion":"14.17.6","_npmVersion":"7.23.0","dist":{"integrity":"sha512-u8CnLY74UIPnQ4pkLku4azb7rnv8UA+7Xu7A0ymGtiROyFHz80T4ZTJuOXyrqCQZPUJ0Bi6MFO86USSAZ4s7hw==","shasum":"59011007314db83b6bf445abdc6f55aef3c40edf","tarball":"https://registry.npmjs.org/@artavil/ngx-gallery/-/ngx-gallery-1.2.3.tgz","fileCount":47,"unpackedSize":794156,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCElP9c3G9MYfw7QN/BpoijgEattC63jN2WTrbYj30yrwIgb77ZmBeH+2vGzSTxpTuSWyh2so2ISUAfWs/YiY9CIV8="}]},"_npmUser":{"name":"artavil","email":"ahmad.pirzargar@gmail.com"},"directories":{},"maintainers":[{"name":"artavil","email":"ahmad.pirzargar@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngx-gallery_1.2.3_1635318803923_0.16623199395230293"},"_hasShrinkwrap":false},"1.2.4":{"name":"@artavil/ngx-gallery","version":"1.2.4","description":"A simple responsive native gallery component for Angular 8+","homepage":"https://github.com/AhmadPirzargar/ngx-gallery","author":{"name":"ahmad pirzargar","url":"https://github.com/AhmadPirzargar"},"repository":{"type":"git","url":"git+https://github.com/AhmadPirzargar/ngx-gallery.git"},"license":"MIT","private":false,"bugs":{"url":"https://github.com/AhmadPirzargar/ngx-gallery/issues"},"peerDependencies":{"@angular/common":">=8.0.0","@angular/core":">=8.0.0"},"dependencies":{"tslib":"^2.0.0"},"keywords":["angular","gallery","component","ngx-gallery","responsive gallery component","images","slider","carousel"],"main":"bundles/artavil-ngx-gallery.umd.js","module":"fesm2015/artavil-ngx-gallery.js","es2015":"fesm2015/artavil-ngx-gallery.js","esm2015":"esm2015/artavil-ngx-gallery.js","fesm2015":"fesm2015/artavil-ngx-gallery.js","typings":"artavil-ngx-gallery.d.ts","metadata":"artavil-ngx-gallery.metadata.json","sideEffects":false,"gitHead":"ef627eb82a2f67e860e16735a1f39245ca034fec","_id":"@artavil/ngx-gallery@1.2.4","_nodeVersion":"14.17.6","_npmVersion":"7.23.0","dist":{"integrity":"sha512-l5+DS7c2tSNoqiJNyR/HBQwr9HN8sweUBFi7hKkZAD7dYJj8oVEBMwaH+YTZUF4DDfABI0VZCj1LWqJgFLlVIA==","shasum":"41b4ed5368431ed6360bd18a875a7e4eea57dbd9","tarball":"https://registry.npmjs.org/@artavil/ngx-gallery/-/ngx-gallery-1.2.4.tgz","fileCount":47,"unpackedSize":794926,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh115uCRA9TVsSAnZWagAAHAwQAINF7tgI4eCNF7PSU2lN\nzxInBkbqaa/MBA+rgprYVcA6lgkU8jV11MoltwBYaKDNMHl5jK/s0OXzlFBZ\nKe2lYTsBrCc5Mv37TiHBf3NBqdmSPO0FfpupmhGPG/bNEvngz+TWTsb/pNmg\neNhuX8Eoz5ZPTNgHfHzPC0ep+0QTNRaJGinCtF9FDyWYdm9NS+Y4FKfUnmMv\nhhDN8SS9AZJnFmU2zpdxVzEtGdTgBiZaq8LHJECcTwKCyHkPzd4zOKM6szdz\nigWhAorlGRfzFy//jWO5ypdAnDmfFTDjg4MTPm8+sNOSv2J/i+bb5mLhL0Uc\nE6kozbUu4B5A+l7bosj1t3RZb7H/s+2SDdbtzaFqlJqHiMNQOnOlXPxwMsMB\nqo3Mb/DYknlDNhokgmCwY0zn9s6Ta4o9mSmDsYxEJWHzDNPdgJ/4ggQjjMby\ntF0LGln3jzBSEtECJIYyACqWoRaCM0bYV+GaxDZDgLZtbIdKno6dwmhyXztY\nt+foh+Y0+v1hTl9hOnqx69RS45gPH6P75dc5HXzB15MKf/46sOEm1d77J18r\nm/Et/di/24/BdsR5/AhJtTLzQWwxYUhpnoj2fSyXGN12OGPkFBLxlPJMeRdZ\n1Ywl1D2AExl7qagyra2BLycsPf7auq5l0emwGf8V5QHmaBJk4m5pOVbcclXq\nLhoh\r\n=QNRf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICxonGGchZDC4gVO+sF2o66+7eYvuaAl7u5ylak3EqT6AiAjW4Pz6TwmWwFDzK944AVsFz1QOE2ea371560edyvYLQ=="}]},"_npmUser":{"name":"artavil","email":"ahmad.pirzargar@gmail.com"},"directories":{},"maintainers":[{"name":"artavil","email":"ahmad.pirzargar@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngx-gallery_1.2.4_1635952136781_0.8231493578948395"},"_hasShrinkwrap":false},"1.2.5":{"name":"@artavil/ngx-gallery","version":"1.2.5","description":"A simple responsive native gallery component for Angular 8+","homepage":"https://github.com/AhmadPirzargar/ngx-gallery","author":{"name":"ahmad pirzargar","url":"https://github.com/AhmadPirzargar"},"repository":{"type":"git","url":"git+https://github.com/AhmadPirzargar/ngx-gallery.git"},"license":"MIT","private":false,"bugs":{"url":"https://github.com/AhmadPirzargar/ngx-gallery/issues"},"peerDependencies":{"@angular/common":">=8.0.0","@angular/core":">=8.0.0"},"dependencies":{"tslib":"^2.0.0"},"keywords":["angular","gallery","component","ngx-gallery","responsive gallery component","images","slider","carousel"],"main":"bundles/artavil-ngx-gallery.umd.js","module":"fesm2015/artavil-ngx-gallery.js","es2015":"fesm2015/artavil-ngx-gallery.js","esm2015":"esm2015/artavil-ngx-gallery.js","fesm2015":"fesm2015/artavil-ngx-gallery.js","typings":"artavil-ngx-gallery.d.ts","metadata":"artavil-ngx-gallery.metadata.json","sideEffects":false,"_id":"@artavil/ngx-gallery@1.2.5","_nodeVersion":"14.17.6","_npmVersion":"6.14.15","dist":{"integrity":"sha512-dh2oQwMkHRj5Vo71/r6ra3muDueWwSXHh6sOdwyCzh0NJvy+CE6/pmDgCLspC77RiyBuQZRzMb8QjyGSnI+vzQ==","shasum":"090e913269afebcc667948a57ee4f90dec47d7cd","tarball":"https://registry.npmjs.org/@artavil/ngx-gallery/-/ngx-gallery-1.2.5.tgz","fileCount":47,"unpackedSize":804063,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3afMCRA9TVsSAnZWagAA6AEQAIX2FYUvIscgm2fkUc4d\nYk02h/Hv8NWzo5S0zUhWkG9d55V7x1ecF0j1X+pnW4Ef6nmXJZOoc5Qk+tbj\n73Z4LMf9R2eFoumChEMUtO/hFavPoNdyhvdtmNOK9Xm8g7nSC61gTejIOR4n\nXyY1bGC9W6HMovlOa0uMltW0R2bRdTmF15+701H3YQujdm0SIbM3u2nO9c4q\n4CqCcGNn6uEJOcfAOuzh5xKqe9ZffJ3ym2VPDHQoEtYk0jW/UdLC1efsxxhJ\nxxDWMZqsK5396DqgHEd3wuPsPERB77WnWwJutZdSk6FKTpmvBbkVZLOU+RZ5\nDTyM7k65RaOeLNeMUUKgciEe1/CcELq3YQ+PDmNKDF9BOcnMfXakBjZ+Lbq7\nb5Wa/9AOKDJkNJvYfu8VFhBPuG02WVod190VNcVmmXBuGw24F7SZpcIKaBEk\n4P9pJutdBEP0KSXMdSDw4QWOMWJAONe7DxyZ2MJpUW60otNpCjjJaxxC6dMn\n0JWg/XvaDwaHLMIT9ER09xdEhxzpFNMbH2lKryk3GiJqbVGEoDMNG1ZnFbg6\n7qgoLucSjLTfnUqu2wyTosaFdoqf8SIVDBMizYxsO9KHluZUOMpK0hAQzkcL\nX/AcsEnstxTRXUc11ienz49Vl8HvSdblyTp/9aIcRsFIG/GWI89f8BCBZ2hK\nfbAx\r\n=yiyw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAw/apjMi8r9fuoghEU/Vu28LO47bUHDwn0U+qnXt+i8AiEA04TNME19rbrm0XL4l+XosuZOXGGf7spD8/q1fy9+Y2s="}]},"_npmUser":{"name":"artavil","email":"ahmad.pirzargar@gmail.com"},"directories":{},"maintainers":[{"name":"artavil","email":"ahmad.pirzargar@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngx-gallery_1.2.5_1641916364112_0.08508258844040895"},"_hasShrinkwrap":false},"1.2.6":{"name":"@artavil/ngx-gallery","version":"1.2.6","description":"A simple responsive native gallery component for Angular 8+","homepage":"https://github.com/AhmadPirzargar/ngx-gallery","author":{"name":"ahmad pirzargar","url":"https://github.com/AhmadPirzargar"},"repository":{"type":"git","url":"git+https://github.com/AhmadPirzargar/ngx-gallery.git"},"license":"MIT","private":false,"bugs":{"url":"https://github.com/AhmadPirzargar/ngx-gallery/issues"},"peerDependencies":{"@angular/common":">=8.0.0","@angular/core":">=8.0.0"},"dependencies":{"tslib":"^2.0.0"},"keywords":["angular","gallery","component","ngx-gallery","responsive gallery component","images","slider","carousel"],"main":"bundles/artavil-ngx-gallery.umd.js","module":"fesm2015/artavil-ngx-gallery.js","es2015":"fesm2015/artavil-ngx-gallery.js","esm2015":"esm2015/artavil-ngx-gallery.js","fesm2015":"fesm2015/artavil-ngx-gallery.js","typings":"artavil-ngx-gallery.d.ts","metadata":"artavil-ngx-gallery.metadata.json","sideEffects":false,"_id":"@artavil/ngx-gallery@1.2.6","_nodeVersion":"14.17.6","_npmVersion":"6.14.15","dist":{"integrity":"sha512-cDj+k8w+7E68l9ynjq2Z3HTviKKB1xxVv2AqVndiNe3GjizBfMNDrhnoC+Fx7VXuax0EdUPY1rlwlM4cPprf5A==","shasum":"6abd157cdb918b767edbc7f61ec6132ea7a19d1a","tarball":"https://registry.npmjs.org/@artavil/ngx-gallery/-/ngx-gallery-1.2.6.tgz","fileCount":47,"unpackedSize":805287,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh5lMgCRA9TVsSAnZWagAAHzYP/jYJ8B7+qVfgwl1RfOMH\n+entSKy1ZPcA/szKh0f6Z3VVBf21zwLXiKdChNxafV0ZyXz7K7By6xyAYnj6\ngHCtRX1ActizlgCDze2HV0faQrPBOTiAKXmQXt4PkaH0vsdY3+0oW61fFd5/\nrgXQm5msTXgw7xoD48OlbKltIRXEGOa7I1EldKKL1XUZ1061vuJciSA1Lu4r\nYnZ9XOP4sL6xuhdkBh5wFhVXeaL+oI6Oho89jio/1J+1KgPmfnoz/77UV9rE\nGuHO5hSVQtLB02XY0w1/ALkscnIbGxqawvwIdpupc7/idLMDWzcyhk+oZqlY\nSKkz7AI3jv/gauMVx06CO5RkUumbOyM9AbU2VuoyBeFsGfi0Li58rLVouDTH\nMgbvcyvdsMtleXYTfDt8FT24aP63bLmFvwn8lpl13jOGEVixKUZEgOM1lJLI\n7n9vUhj6HWHrHx2irsugdvwgISu85o+AzsMUK1UsbzEx880P9huX//oRZqd0\nK+FXKbE5VuVJXQ8N/HRwlxgUkoexOMsRPfHzfSn+inTicmIToLUQReORVbcB\n69MSE8VP0RAKCp9HfX8qD7ezWaP9VLahsa/dRlAb3YQDSwIB26BXRhLCSSg1\nO/YpeA3Ux7wEzddRdr9VwCjhXX/eh73uleOhgevc3QyV9Tjbc4N6iYCWtPNZ\ncVh9\r\n=RAV/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEQ/pyzyzl51DL2tAif2+NNnLaUGT2Mm1myPJdtySym4AiEAq7OFkFm7Aq7tEyn6hz7KiU3ZkxN4lfkfh/yIiIpeV4U="}]},"_npmUser":{"name":"artavil","email":"ahmad.pirzargar@gmail.com"},"directories":{},"maintainers":[{"name":"artavil","email":"ahmad.pirzargar@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngx-gallery_1.2.6_1642484511716_0.18533043244089065"},"_hasShrinkwrap":false}},"time":{"created":"2021-10-26T11:33:19.016Z","1.2.0":"2021-10-26T11:33:19.223Z","modified":"2022-04-04T15:36:06.000Z","1.2.1":"2021-10-26T11:36:42.601Z","1.2.2":"2021-10-26T18:50:12.443Z","1.2.3":"2021-10-27T07:13:24.143Z","1.2.4":"2021-11-03T15:08:56.976Z","1.2.5":"2022-01-11T15:52:44.411Z","1.2.6":"2022-01-18T05:41:51.998Z"},"maintainers":[{"name":"artavil","email":"ahmad.pirzargar@gmail.com"}],"description":"A simple responsive native gallery component for Angular 8+","homepage":"https://github.com/AhmadPirzargar/ngx-gallery","keywords":["angular","gallery","component","ngx-gallery","responsive gallery component","images","slider","carousel"],"repository":{"type":"git","url":"git+https://github.com/AhmadPirzargar/ngx-gallery.git"},"author":{"name":"ahmad pirzargar","url":"https://github.com/AhmadPirzargar"},"bugs":{"url":"https://github.com/AhmadPirzargar/ngx-gallery/issues"},"license":"MIT","readme":"# NgxGallery\n\nA simple native gallery component for Angular 10+.\n\n- Show thumbnail in preview mode.\n- Remove BrowserAnimationsModule from gallery package.\n\n## Getting Started\n\n### Installation\n\nInstall via [npm][npm] package manager\n\n```bash\nnpm install @artavil/ngx-gallery --save\n```\n\n### Versions\n\n1.x.x and above - for Angular v10+\n\n### Usage\n\nImport `ngx-gallery` module\n\n```js\nimport { HttpClientModule} from '@angular/common/http';\nimport { NgxGalleryModule } from '@artavil/ngx-gallery';\n\n@NgModule({\n imports: [ HttpClientModule, NgxGalleryModule ]\n})\n```\n\nThen in HTML\n\n```html\n\n```\n\nwhere\n\n```\nimport {Component, OnInit} from '@angular/core';\nimport {NgxGalleryOptions} from '@artavil/ngx-gallery';\nimport {NgxGalleryImage} from '@artavil/ngx-gallery';\nimport {NgxGalleryAnimation} from '@artavil/ngx-gallery';\n\n@Component({\n selector: 'app-root',\n templateUrl: './app.component.html',\n styleUrls: ['./app.component.scss']\n})\nexport class AppComponent implements OnInit{\n galleryOptions: NgxGalleryOptions[];\n galleryImages: NgxGalleryImage[];\n\n constructor() { }\n\n ngOnInit() {\n this.galleryOptions = [\n {\n width: '600px',\n height: '400px',\n thumbnailsColumns: 4,\n imageAnimation: NgxGalleryAnimation.Slide,\n previewThumbnail: true\n },\n // max-width 800\n {\n breakpoint: 800,\n width: '100%',\n height: '600px',\n imagePercent: 80,\n thumbnailsPercent: 20,\n thumbnailsMargin: 20,\n thumbnailMargin: 20\n },\n // max-width 400\n {\n breakpoint: 400,\n preview: false\n }\n ];\n\n this.galleryImages = [\n {\n small: 'assets/img/gallery/1-small.jpeg',\n medium: 'assets/img/gallery/1-medium.jpeg',\n big: 'assets/img/gallery/1-big.jpeg'\n },\n {\n small: 'assets/img/gallery/2-small.jpeg',\n medium: 'assets/img/gallery/2-medium.jpeg',\n big: 'assets/img/gallery/2-big.jpeg'\n },\n {\n small: 'assets/img/gallery/3-small.jpeg',\n medium: 'assets/img/gallery/3-medium.jpeg',\n big: 'assets/img/gallery/3-big.jpeg'\n },{\n small: 'assets/img/gallery/4-small.jpeg',\n medium: 'assets/img/gallery/4-medium.jpeg',\n big: 'assets/img/gallery/4-big.jpeg'\n },\n {\n small: 'assets/img/gallery/5-small.jpeg',\n medium: 'assets/img/gallery/5-medium.jpeg',\n big: 'assets/img/gallery/5-big.jpeg'\n }\n ];\n }\n}\n```\n\nadd this class to app CSS `.ngx-gallery { display: inline-block; margin-bottom: 20px; }`\n\n## API\n\n### Inputs\n\n| Input | Type | Default | Required | Description |\n| --------- | --------------------- | ------- | -------- | ------------------------------ |\n| [options] | `NgxGalleryOptions[]` | `-` | no | Config options for the Gallery |\n| [images] | `NgxGalleryImage[]` | `-` | no | Images array |\n\n### Outputs\n\n| Output | Description |\n| --------------- | --------------------------------- |\n| (change) | Triggered on image change |\n| (imagesReady) | Triggered when images length > 0 |\n| (previewOpen) | Triggered on preview open |\n| (previewClose) | Triggered on preview close |\n| (previewChange) | Triggered on preview image change |\n\n### Methods\n\n| Name | Description |\n| --------------------------------- | ------------------------------------------------ |\n| show(index: number): void | Shows image at index |\n| showNext(): void | Shows next image |\n| showPrev(): void | Shows prev image |\n| canShowNext(): boolean | Returns true if there is next image |\n| canShowPrev(): boolean | Returns true if there is prev image |\n| openPreview(index: number): void | Opens preview at index |\n| moveThumbnailsLeft(): void | Moves thumbnails to left |\n| moveThumbnailsRight(): void | Moves thumbnails to right |\n| canMoveThumbnailsLeft(): boolean | Returns true if you can move thumbnails to left |\n| canMoveThumbnailsRight(): boolean | Returns true if you can move thumbnails to right |\n\n### NgxGalleryOptions\n\n#### Layout options\n\n| Input | Type | Default | Required | Description |\n| ----------- | --------- | ------------------------- | -------- | ------------------------------------------------------- |\n| width | `string` | `500px` | no | Gallery width |\n| height | `string` | `400px` | no | Gallery height |\n| breakpoint | `number` | `undefined` | no | Responsive breakpoint, works like media query max-width |\n| fullWidth | `bolean` | `false` | no | Sets the same width as browser |\n| layout | `string` | `NgxGalleryLayout.Bottom` | no | Sets thumbnails position |\n| startIndex | `number` | `0` | no | Sets index of selected image on start |\n| linkTarget | `string` | `_blank` | no | Sets target attribute of link |\n| lazyLoading | `boolean` | `true` | no | Enables/disables lazy loading for images |\n\n#### Image options\n\n| Input | Type | Default | Required | Description |\n| ------------------------- | -------------------- | --------------------------- | -------- | -------------------------------------------- |\n| image | `boolean` | `true` | no | Enables or disables image |\n| imageDescription | `boolean` | `true` | no | Enables or disables description for images |\n| imagePercent | `number` | `75` | no | Percentage height |\n| imageArrows | `boolean` | `true` | no | Enables or disables arrows |\n| imageArrowsAutoHide | `boolean` | `false` | no | Enables or disables arrows auto hide |\n| imageSwipe | `boolean` | `false` | no | Enables or disables swipe |\n| imageAnimation | `string` | `NgxGalleryAnimation.Fade` | no | Animation type |\n| imageSize | `string` | `NgxGalleryImageSize.Cover` | no | Image size |\n| imageAutoPlay | `boolean` | `false` | no | Enables or disables auto play |\n| imageAutoPlayInterval | `number` | `2000` | no | Interval for auto play (ms) |\n| imageAutoPlayPauseOnHover | `boolean` | `false` | no | Enables or disables pause auto play on hover |\n| imageInfinityMove | `boolean` | `false` | no | Enables or disables infinity move by arrows |\n| imageActions | `NgxGalleryAction[]` | `[]` | no | Enables or disables navigation bullets |\n\n#### Thumbnails options\n\n| Input | Type | Default | Required | Description |\n| ------------------------ | -------------------- | --------------------------- | -------- | ------------------------------------------------------------------------ |\n| thumbnails | `boolean` | `true` | no | Enables or disables thumbnails |\n| thumbnailsColumns | `number` | `4` | no | Columns count |\n| thumbnailsRows | `number` | `1` | no | Rows count |\n| thumbnailsPercent | `number` | `25` | no | Percentage height |\n| thumbnailsMargin | `number` | `10` | no | Margin between thumbnails and image |\n| thumbnailsArrows | `boolean` | `true` | no | Enables or disables arrows |\n| thumbnailsArrowsAutoHide | `boolean` | `false` | no | Enables or disables arrows auto hide |\n| thumbnailsSwipe | `boolean` | `false` | no | Enables or disables swipe |\n| thumbnailsMoveSize | `number` | `1` | no | Number of items to move on arrow click |\n| thumbnailsOrder | `number` | `NgxGalleryOrder.Column` | no | Images order |\n| thumbnailsRemainingCount | `boolean` | `false` | no | If true arrows are disabled and last item has label with remaining count |\n| thumbnailsAsLinks | `boolean` | `false` | no | Enables or disables links on thumbnails |\n| thumbnailsAutoHide | `boolean` | `false` | no | Hides thumbnails if there is only one image |\n| thumbnailMargin | `number` | `10` | no | Margin between images in thumbnails |\n| thumbnailSize | `string` | `NgxGalleryImageSize.Cover` | no | Thumbnail size |\n| thumbnailActions | `NgxGalleryAction[]` | `[]` | no | Array of custom actions |\n| thumbnailClasses | `string[]` | `[]` | no | Custom classes to add to thumbnail component |\n\n#### Preview options\n\n| Input | Type | Default | Required | Description |\n| --------------------------- | ----------------- | ------- | -------- | ------------------------------------------------------ |\n| preview | `boolean` | `true` | no | Enables or disables preview |\n| previewDescription | `boolean` | `true` | no | Enables or disables description for images |\n| previewArrows | `boolean` | `true` | no | Enables or disables arrows |\n| previewArrowsAutoHide | boolean: `string` | `false` | no | Enables or disables arrows auto hide |\n| previewSwipe | `boolean` | `false` | no | Enables or disables swipe |\n| previewFullscreen | `boolean` | `false` | no | Enables or disables fullscreen icon |\n| previewForceFullscreen | `boolean` | `false` | no | Enables or disables opening preview in fullscreen mode |\n| previewCloseOnClick | `boolean` | `false` | no | Enables or disables closing preview by click |\n| previewCloseOnEsc | `boolean` | `false` | no | Enables or disables closing preview by esc keyboard |\n| previewKeyboardNavigation | `boolean` | `false` | no | Enables or disables navigation by keyboard |\n| previewAnimation | `boolean` | `true` | no | Enables or disables image loading animation |\n| previewAutoPlay | `boolean` | `false` | no | Enables or disables auto play |\n| previewAutoPlayInterval | `number` | `2000` | no | Interval for auto play (ms) |\n| previewAutoPlayPauseOnHover | `boolean` | `false` | no | Enables or disables pouse auto play on hover |\n| previewInfinityMove | `boolean` | `false` | no | Enables or disables infinity move by arrows |\n| previewZoom | `boolean` | `false` | no | Enables or disables zoom in and zoom out |\n| previewZoomStep | `number` | `0.1` | no | Step for zoom change |\n| previewZoomMax | `number` | `2` | no | Max value for zoom |\n| previewZoomMin | `number` | `0.5` | no | Min value for zoom |\n| previewRotate | `boolean` | `false` | no | Enables or disables rotate buttons |\n| previewDownload | `boolean` | `false` | no | Enables or disables download button |\n| previewBullets | `boolean` | `false` | no | Enables or disables navigation bullets |\n| previewThumbnail | `boolean` | `false` | no | Enables or disables thumbnail in preview |\n\n#### Icons options\n\n| Input | Type | Default | Required | Description |\n| --------------- | -------------------- | -------------------------------------- | -------- | ----------------------------------------------------------------------------------------------------- |\n| arrowPrevIcon | `string` | `'fa fa-arrow-circle-left'` | no | Icon for prev arrow |\n| arrowNextIcon | `string` | `'fa fa-arrow-circle-right'` | no | Icon for next arrow |\n| closeIcon | `string` | `'fa fa-times-circle'` | no | Icon for close button |\n| fullscreenIcon | `string` | `'fa fa-arrows-alt'` | no | Icon for fullscreen button |\n| spinnerIcon | `string` | `'fa fa-spinner fa-pulse fa-3x fa-fw'` | no | Icon for spinner |\n| zoomInIcon | `string` | `'fa fa-search-plus'` | no | Icon for zoom in |\n| zoomOutIcon | `string` | `'fa fa-search-minus'` | no | Icon for zoom out |\n| rotateLeftIcon | `string` | `'fa fa-undo'` | no | Icon for rotate left |\n| rotateRightIcon | `string` | `'fa fa-repeat'` | no | Icon for rotate right |\n| downloadIcon | `string` | `'fa fa-arrow-circle-down'` | no | Icon for download |\n| actions | `NgxGalleryAction[]` | `[]` | no | Array of new custom actions that will be added to the left of the current close/zoom/fullscreen icons |\n\n### NgxGalleryImage\n\n| Input | Type | Default | Required | Description |\n| ----------- | ------------------------ | ------- | -------- | -------------------------------------------------- |\n| small | `string/SafeResourceUrl` | `-` | no | Url used in thumbnails |\n| medium | `string/SafeResourceUrl` | `-` | no | Url used in image |\n| big | `string/SafeResourceUrl` | `-` | yes | Url used in preview |\n| description | `string` | `-` | no | Description used in preview |\n| url | `string` | `-` | no | Url used in link |\n| label | `string` | `-` | no | Label used for aria-label when thumbnail is a link |\n\n### NgxGalleryAnimation\n\n- `Fade` (default)\n- `Slide`\n- `Rotate`\n- `Zoom`\n\n### NgxGalleryImageSize\n\n- `Cover` (default)\n- `Contain`\n\n### NgxGalleryLayout\n\n- `Top`\n- `Bottom` (default)\n\n### NgxGalleryOrder\n\n- `Column` (default)\n- `Row`\n- `Page`\n\n### NgxGalleryAction\n\n- `icon` | Type: `string` - icon for custom action\n- `disabled` | Type: `boolean` | Default value: `false` - if the icon should be disabled\n- `titleText` | Type: `string` | Default value: `''` - text to set the title attribute to\n- `onClick` | Type: `(event: Event, index: number) => void` - Output function to call when custom action icon is clicked\n\n## What's included\n\nWithin the download you'll find the following directories and files. You'll see something like this:\n\n```\nngx-gallery/\n└── projects/\n ├── gallery/\n └── gallery-app/\n```\n\n`gallery/` - library\n\n`gallery-app/` - demo application\n\n## Contributing\n\nPlease read through our [contributing guidelines](https://github.com/AhmadPirzargar/ngx-gallery/blob/master/CONTRIBUTING.md). Included are directions for opening issues, coding standards, and notes on development.\n\nEditor preferences are available in the [editor config](https://github.com/AhmadPirzargar/ngx-gallery/blob/master/.editorconfig) for easy use in common text editors. Read more and download plugins at .\n\n## Versioning\n\nFor transparency into our release cycle and in striving to maintain backward compatibility, NgxGallery is maintained under [the Semantic Versioning guidelines](http://semver.org/).\n\nSee [the Releases section of our project](https://github.com/AhmadPirzargar/ngx-gallery/releases) for changelogs for each release version.\n\n## Creators\n\n**Ahmad Pirzargar**\n\n- \n\n## Credits\n\nThis library is being fully rewritten for next Angular versions from original abandoned library written by Łukasz Gałka. I maintained full compatibility with the original library at the api level.\n\n","readmeFilename":"README.md"}