{"_id":"@arcanefeenix/mat-tab-group-gesture","_rev":"6-f7991b2b818824283a38abcc8f87888b","name":"@arcanefeenix/mat-tab-group-gesture","dist-tags":{"latest":"20.1.0"},"versions":{"20.0.0":{"name":"@arcanefeenix/mat-tab-group-gesture","version":"20.0.0","keywords":["angular","material","gesture","tabs"],"author":{"url":"https://github.com/arcanefeenix","name":"Brandon McWhirter","email":"brandon@arcanefeenix.com"},"license":"MIT","_id":"@arcanefeenix/mat-tab-group-gesture@20.0.0","maintainers":[{"name":"arcanefeenix","email":"brandon@arcanefeenix.com"}],"homepage":"https://github.com/arcanefeenix/angular-material-gesture/tree/master/projects/mat-tab-group-gesture","bugs":{"url":"https://github.com/arcanefeenix/angular-material-gesture/issues"},"dist":{"shasum":"fcbac1fe79c6529f10276fd27f8118ac8af9dbd4","tarball":"https://registry.npmjs.org/@arcanefeenix/mat-tab-group-gesture/-/mat-tab-group-gesture-20.0.0.tgz","fileCount":14,"integrity":"sha512-sE3yj9SsAzKeG1DN+WJ18WktnpWmohzDYrINQkVhfGMFRI1Idur36vrcCA/i8EltmFQ0CiOW8gfa4qDcY930xg==","signatures":[{"sig":"MEUCIF1UTgDTcszevfVQWAZvV4coOT3T/iozlhBZ7+7a+fUyAiEAgvm7ZYLA+pRQBtmn8Zn3xo7FW56fSpjR4KyTf6dmBAU=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":15574},"main":"karma.conf.js","gitHead":"4f07935af5cd0ddb8f432958ce0398acc3289b19","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"arcanefeenix","email":"brandon@arcanefeenix.com"},"repository":{"url":"git+https://github.com/arcanefeenix/angular-material-gesture.git#master","type":"git"},"_npmVersion":"11.7.0","description":"An angular directive to add gesture behaviors to @angular/material mat-tab-group component","directories":{},"_nodeVersion":"24.13.0","dependencies":{"tslib":"^2.5.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/cdk":"^20.2.14","@angular/core":"^20.3.16","@angular/common":"^20.3.16","@angular/material":"^20.2.14"},"_npmOperationalInternal":{"tmp":"tmp/mat-tab-group-gesture_20.0.0_1771614658329_0.06599093513785625","host":"s3://npm-registry-packages-npm-production"}},"20.0.1":{"name":"@arcanefeenix/mat-tab-group-gesture","version":"20.0.1","keywords":["angular","material","gesture","tabs"],"author":{"url":"https://github.com/arcanefeenix","name":"Brandon McWhirter","email":"brandon@arcanefeenix.com"},"license":"MIT","_id":"@arcanefeenix/mat-tab-group-gesture@20.0.1","maintainers":[{"name":"arcanefeenix","email":"brandon@arcanefeenix.com"}],"homepage":"https://github.com/arcanefeenix/angular-material-gesture/tree/master/projects/mat-tab-group-gesture","bugs":{"url":"https://github.com/arcanefeenix/angular-material-gesture/issues"},"dist":{"shasum":"0790937efebc93652499830f655975162fd8ddcb","tarball":"https://registry.npmjs.org/@arcanefeenix/mat-tab-group-gesture/-/mat-tab-group-gesture-20.0.1.tgz","fileCount":14,"integrity":"sha512-GIY0lmzVVcOZqZAQYrLepqj03KZvNk49TeYmD/x+qvkiaDALVdubbfvxfn05FXQCAE07iY+LNQpmimeAN09CDA==","signatures":[{"sig":"MEYCIQDZAss5MmOrRQ3h8xjJqFaOn2oAIQxkX94dkwhJp2vLVQIhAOJjuiH8tXb8A5vXayP0XRCwtLQb9p62cLt+uZjqVvmp","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":15563},"main":"karma.conf.js","gitHead":"4f07935af5cd0ddb8f432958ce0398acc3289b19","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"arcanefeenix","email":"brandon@arcanefeenix.com"},"repository":{"url":"git+https://github.com/arcanefeenix/angular-material-gesture.git#master","type":"git"},"_npmVersion":"11.7.0","description":"An angular directive to add gesture behaviors to @angular/material mat-tab-group component","directories":{},"_nodeVersion":"24.13.0","dependencies":{"tslib":"^2.5.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/cdk":"^20.2.14","@angular/core":"^20.3.16","@angular/common":"^20.3.16","@angular/material":"^20.2.14"},"_npmOperationalInternal":{"tmp":"tmp/mat-tab-group-gesture_20.0.1_1771614783891_0.3424791484864045","host":"s3://npm-registry-packages-npm-production"}},"20.0.2":{"name":"@arcanefeenix/mat-tab-group-gesture","version":"20.0.2","keywords":["angular","material","gesture","tabs"],"author":{"url":"https://github.com/arcanefeenix","name":"Brandon McWhirter","email":"brandon@arcanefeenix.com"},"license":"MIT","_id":"@arcanefeenix/mat-tab-group-gesture@20.0.2","maintainers":[{"name":"arcanefeenix","email":"brandon@arcanefeenix.com"}],"homepage":"https://github.com/arcanefeenix/angular-material-gesture/tree/master/projects/mat-tab-group-gesture","bugs":{"url":"https://github.com/arcanefeenix/angular-material-gesture/issues"},"dist":{"shasum":"9c106c448d50e399a27fc40760268913905099a3","tarball":"https://registry.npmjs.org/@arcanefeenix/mat-tab-group-gesture/-/mat-tab-group-gesture-20.0.2.tgz","fileCount":2,"integrity":"sha512-xKIOdowB0TWg3Pm+QBN2d3PhCboxDrBTmS/sCuQRhNcT14e2YmO3C/w7Kkt8RnAqBgDq9R7DzHByu9IL8dQqXg==","signatures":[{"sig":"MEQCIFPSUbSOXguFp7pyzVUU9uaQqDcvHunlj1OsTf7tbnzHAiAnCRn8itqlN05ainJkX6fr92fmelhVDy0+wi46XztNBA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":3120},"main":"../../dist/mat-tab-group-gesture/bundles/mat-tab-group-gesture.umd.js","module":"../../dist/mat-tab-group-gesture/fesm2015/mat-tab-group-gesture.js","gitHead":"4f07935af5cd0ddb8f432958ce0398acc3289b19","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"../../dist/mat-tab-group-gesture/mat-tab-group-gesture.d.ts","_npmUser":{"name":"arcanefeenix","email":"brandon@arcanefeenix.com"},"repository":{"url":"git+https://github.com/arcanefeenix/angular-material-gesture.git#master","type":"git"},"_npmVersion":"11.7.0","description":"An angular directive to add gesture behaviors to @angular/material mat-tab-group component","directories":{},"_nodeVersion":"24.13.0","dependencies":{"tslib":"^2.5.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/cdk":"^20.2.14","@angular/core":"^20.3.16","@angular/common":"^20.3.16","@angular/material":"^20.2.14"},"_npmOperationalInternal":{"tmp":"tmp/mat-tab-group-gesture_20.0.2_1771871809098_0.7150807142215461","host":"s3://npm-registry-packages-npm-production"}},"20.0.3":{"name":"@arcanefeenix/mat-tab-group-gesture","version":"20.0.3","keywords":["angular","material","gesture","tabs"],"author":{"url":"https://github.com/arcanefeenix","name":"Brandon McWhirter","email":"brandon@arcanefeenix.com"},"license":"MIT","_id":"@arcanefeenix/mat-tab-group-gesture@20.0.3","maintainers":[{"name":"arcanefeenix","email":"brandon@arcanefeenix.com"}],"homepage":"https://github.com/arcanefeenix/angular-material-gesture/tree/master/projects/mat-tab-group-gesture","bugs":{"url":"https://github.com/arcanefeenix/angular-material-gesture/issues"},"dist":{"shasum":"0f1972332989a11a74eb5ad94b2c9e9bbcc8231c","tarball":"https://registry.npmjs.org/@arcanefeenix/mat-tab-group-gesture/-/mat-tab-group-gesture-20.0.3.tgz","fileCount":9,"integrity":"sha512-CxZvzOvGWgkQsiViavB1AKLwLQBfnmYZWJAVue+xxdNo2ljBirqIIifCKSPv4+1XHr+yaP9XQ2m5GCPcwqzn3A==","signatures":[{"sig":"MEUCIHsFkb+sM/JMOYhqLuaqz384I/VT++UXrzjenvyCc2JkAiEAznx2tckwZXQuzHhLeAzT6y3LTAndlOHfXjZeSQsgVf8=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":12858},"main":"src/public-api.ts","module":"src/public-api.ts","gitHead":"4f07935af5cd0ddb8f432958ce0398acc3289b19","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"typings":"src/public-api.ts","_npmUser":{"name":"arcanefeenix","email":"brandon@arcanefeenix.com"},"repository":{"url":"git+https://github.com/arcanefeenix/angular-material-gesture.git#master","type":"git"},"_npmVersion":"11.7.0","description":"An angular directive to add gesture behaviors to @angular/material mat-tab-group component","directories":{},"_nodeVersion":"24.13.0","dependencies":{"tslib":"^2.5.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/cdk":"^20.2.14","@angular/core":"^20.3.16","@angular/common":"^20.3.16","@angular/material":"^20.2.14"},"_npmOperationalInternal":{"tmp":"tmp/mat-tab-group-gesture_20.0.3_1771872443380_0.26542277076201937","host":"s3://npm-registry-packages-npm-production"}},"20.0.4":{"name":"@arcanefeenix/mat-tab-group-gesture","version":"20.0.4","keywords":["angular","material","gesture","tabs"],"author":{"url":"https://github.com/arcanefeenix","name":"Brandon McWhirter","email":"brandon@arcanefeenix.com"},"license":"MIT","_id":"@arcanefeenix/mat-tab-group-gesture@20.0.4","maintainers":[{"name":"arcanefeenix","email":"brandon@arcanefeenix.com"}],"homepage":"https://github.com/arcanefeenix/angular-material-gesture/tree/master/projects/mat-tab-group-gesture","bugs":{"url":"https://github.com/arcanefeenix/angular-material-gesture/issues"},"dist":{"shasum":"3eb838c7aafcad6e9dd50dd2c66caacbd7107fb4","tarball":"https://registry.npmjs.org/@arcanefeenix/mat-tab-group-gesture/-/mat-tab-group-gesture-20.0.4.tgz","fileCount":5,"integrity":"sha512-ICVNEHskclBnUQBvO3Ofrd80rmSCvo4WnXThvmga+/Qv/Fe3uqwbQhKpBbJ9sbAxv6gldSBeZbF8Y6e/FNtTww==","signatures":[{"sig":"MEQCICCKfuzBwIOpEBfIFF6kzeHLlM6FfxZo/gpJL5YK8hlKAiAi2TJQaLgKa9eNVFkU6Sn+R5JKUnSjW1IAZzAwo/3z2w==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":31686},"module":"fesm2022/arcanefeenix-mat-tab-group-gesture.mjs","exports":{".":{"types":"./index.d.ts","default":"./fesm2022/arcanefeenix-mat-tab-group-gesture.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"4f07935af5cd0ddb8f432958ce0398acc3289b19","typings":"index.d.ts","_npmUser":{"name":"arcanefeenix","email":"brandon@arcanefeenix.com"},"repository":{"url":"git+https://github.com/arcanefeenix/angular-material-gesture.git#master"},"_npmVersion":"11.7.0","description":"An angular directive to add gesture behaviors to @angular/material mat-tab-group component","directories":{},"sideEffects":false,"_nodeVersion":"24.13.0","dependencies":{"tslib":"^2.5.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/cdk":"^20.2.14","@angular/core":"^20.3.16","@angular/common":"^20.3.16","@angular/material":"^20.2.14"},"_npmOperationalInternal":{"tmp":"tmp/mat-tab-group-gesture_20.0.4_1771874102938_0.622770981238504","host":"s3://npm-registry-packages-npm-production"}},"20.1.0":{"name":"@arcanefeenix/mat-tab-group-gesture","version":"20.1.0","description":"An angular directive to add gesture behaviors to @angular/material mat-tab-group component","homepage":"https://github.com/arcanefeenix/angular-material-gesture/tree/master/projects/mat-tab-group-gesture","author":{"name":"Brandon McWhirter","email":"brandon@arcanefeenix.com","url":"https://github.com/arcanefeenix"},"repository":{"url":"git+https://github.com/arcanefeenix/angular-material-gesture.git#master"},"peerDependencies":{"@angular/common":"^20.3.16","@angular/core":"^20.3.16","@angular/material":"^20.2.14","@angular/cdk":"^20.2.14"},"dependencies":{"tslib":"^2.5.0"},"license":"MIT","module":"fesm2022/arcanefeenix-mat-tab-group-gesture.mjs","typings":"index.d.ts","keywords":["angular","material","gesture","tabs"],"exports":{"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","default":"./fesm2022/arcanefeenix-mat-tab-group-gesture.mjs"}},"sideEffects":false,"gitHead":"0da5aeeda029523b79306822818d425b22c8275c","_id":"@arcanefeenix/mat-tab-group-gesture@20.1.0","bugs":{"url":"https://github.com/arcanefeenix/angular-material-gesture/issues"},"_nodeVersion":"24.13.0","_npmVersion":"11.7.0","dist":{"integrity":"sha512-g92dShu23PZSFupPxNhJrfd7fUo3a4zNULACmQSnkOjNm26GEKevXuAbQF5s2pw3nim8GVDXUAXg+kD2Y1helQ==","shasum":"63fdebb963722ee7a052c02f1ddfd77312a343ad","tarball":"https://registry.npmjs.org/@arcanefeenix/mat-tab-group-gesture/-/mat-tab-group-gesture-20.1.0.tgz","fileCount":5,"unpackedSize":34077,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQD2AdL+oDys1RG6WB5xisaVpkty9g8IumaKBR7POrLt/AIhAOuiOUcgteph4l3B2M3wFs8fjVZoHCnUzTUox6CGyQEh"}]},"_npmUser":{"name":"arcanefeenix","email":"brandon@arcanefeenix.com"},"directories":{},"maintainers":[{"name":"arcanefeenix","email":"brandon@arcanefeenix.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/mat-tab-group-gesture_20.1.0_1771881378863_0.40597111743917735"},"_hasShrinkwrap":false}},"time":{"created":"2026-02-20T19:10:58.215Z","modified":"2026-02-23T21:16:19.136Z","20.0.0":"2026-02-20T19:10:58.521Z","20.0.1":"2026-02-20T19:13:04.041Z","20.0.2":"2026-02-23T18:36:49.243Z","20.0.3":"2026-02-23T18:47:23.531Z","20.0.4":"2026-02-23T19:15:03.103Z","20.1.0":"2026-02-23T21:16:19.010Z"},"bugs":{"url":"https://github.com/arcanefeenix/angular-material-gesture/issues"},"author":{"name":"Brandon McWhirter","email":"brandon@arcanefeenix.com","url":"https://github.com/arcanefeenix"},"license":"MIT","homepage":"https://github.com/arcanefeenix/angular-material-gesture/tree/master/projects/mat-tab-group-gesture","keywords":["angular","material","gesture","tabs"],"repository":{"url":"git+https://github.com/arcanefeenix/angular-material-gesture.git#master"},"description":"An angular directive to add gesture behaviors to @angular/material mat-tab-group component","maintainers":[{"name":"arcanefeenix","email":"brandon@arcanefeenix.com"}],"readme":"# Angular Material TabGroup Gesture\r\n\r\nThis library provide a simple directive to enable gesture behaviors for the MatTabGroup component on top of @angular/material library.\r\n\r\n#### Gesture features :\r\n\r\n* Scroll tab header with your finger IF there are too much tabs to show it all on your screen\r\n* Swipe between tabs by swiping the tab content from left to right (or right to left)\r\n\r\n## Demo\r\n\r\n\r\n**[Live demo on Stackblitz](https://stackblitz.com/edit/mat-tab-group-gesture-demo?file=src/app/app.component.ts)**\r\n\r\n## Getting started\r\nInstall the library from `npm`\r\n\r\n`npm i --save @arcanefeenix/mat-tab-group-gesture`\r\n\r\nNext, import the MatTabGroupGestureModule in your app's module\r\n\r\n<b>app.module.ts</b>\r\n\r\n```ts\r\nimport { MatTabGroupGestureModule } from 'mat-tab-group-gesture';\r\n...\r\n@NgModule({\r\n  ...\r\n  imports: [\r\n    ...\r\n    MatTabGroupGestureModule,\r\n  ],\r\n  ...\r\n})\r\nexport class AppModule { }\r\n```\r\n\r\nAfter that, you will be able to add gesture directive to mat-tab-group :\r\n\r\n```html\r\n<mat-tab-group matTabGroupGesture [swipeLimitWidth]=\"80\" [connectEdges]=\"true\">\r\n    ...\r\n</mat-tab-group>\r\n```\r\n\r\n## API Documentation\r\n\r\n#### MatTabGroupGesture\r\nDirective responsible for managing gesture behaviors\r\n\r\nSelector: `matTabGroupGesture`\r\n\r\n#### Properties\r\n\r\n| Name   | Default value    | Description\r\n| -----  | -------    | -----------\r\n| swipeLimitWidth   | 80    | The minimum length of the \"swipe\" gesture to trigger the tabs navigation\r\n| connectEdges   | true    | If true, the first tab and the last tab are connected (swiping for next tab on last tab will swipe to the first tab & vice-versa)\r\n| bodySwipe   | true    | If true, tabs content is also swipeable, otherwise only headers can be swiped\r\n\r\n","readmeFilename":"README.md"}