{"id":21237523,"url":"https://github.com/michaelbull/aurelia-swipeout","last_synced_at":"2025-07-10T18:32:11.798Z","repository":{"id":57186936,"uuid":"101450355","full_name":"michaelbull/aurelia-swipeout","owner":"michaelbull","description":"A custom element for iOS style swipeout actions, backed by Hammer.js","archived":false,"fork":false,"pushed_at":"2017-11-26T03:39:41.000Z","size":2475,"stargazers_count":12,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-06-24T16:22:48.609Z","etag":null,"topics":["aurelia","custom","element","ios","scss","swipe","swipeout","typescript"],"latest_commit_sha":null,"homepage":"https://michaelbull.github.io/aurelia-swipeout/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"isc","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/michaelbull.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-08-25T23:51:05.000Z","updated_at":"2024-01-04T08:54:06.000Z","dependencies_parsed_at":"2022-08-28T13:00:12.213Z","dependency_job_id":null,"html_url":"https://github.com/michaelbull/aurelia-swipeout","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"purl":"pkg:github/michaelbull/aurelia-swipeout","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/michaelbull%2Faurelia-swipeout","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/michaelbull%2Faurelia-swipeout/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/michaelbull%2Faurelia-swipeout/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/michaelbull%2Faurelia-swipeout/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/michaelbull","download_url":"https://codeload.github.com/michaelbull/aurelia-swipeout/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/michaelbull%2Faurelia-swipeout/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264631213,"owners_count":23640941,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["aurelia","custom","element","ios","scss","swipe","swipeout","typescript"],"created_at":"2024-11-21T00:19:13.469Z","updated_at":"2025-07-10T18:32:11.419Z","avatar_url":"https://github.com/michaelbull.png","language":"TypeScript","funding_links":[],"categories":["Table of Contents"],"sub_categories":["Aurelia"],"readme":"\u003ch1 align=\"center\"\u003eAurelia Swipeout\u003c/h1\u003e\n\u003cp align=\"center\"\u003eA custom element for iOS style swipeout actions, backed by \u003ca href=\"http://hammerjs.github.io/\"\u003eHammer.js\u003c/a\u003e\u003c/p\u003e\n\u003cp align=\"center\"\u003e\u003ca href=\"https://michaelbull.github.io/aurelia-swipeout/\"\u003eDemo\u003c/a\u003e\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"#readme\"\u003e\n    \u003cimg src=\"https://github.com/michaelbull/aurelia-swipeout/blob/master/example/preview.gif?raw=true\" alt=\"Preview\" width=\"450\" height=\"410\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\u003cbr/\u003e\n\n## Installation\n\nInstall the package via [npm][npm]:\n\n```bash\nnpm install --save aurelia-swipeout\n```\n\nInstall the plugin in your [Aurelia][aurelia] project:\n\n```typescript\nexport function configure(aurelia: Aurelia): void {\n    aurelia.use.plugin(PLATFORM.moduleName('aurelia-swipeout'));\n}\n```\n\nImport the [Sass][sass] stylesheet:\n\n```sass\n@import '~aurelia-swipeout/style/swipeout';\n```\n\n## Usage\n\nA full example can be found [here][example].\n\nBelow is a simplified usage example:\n\n```html\n\u003cswipeout\u003e\n  \u003cdiv slot=\"left\"\u003e\n    \u003cbutton class=\"swipeout__action\"\u003e\n      My Left Action\n    \u003c/button\u003e\n  \u003c/div\u003e\n\n  \u003cdiv slot=\"right\"\u003e\n    \u003ca class=\"swipeout__action\"\u003e\n      My Right Action\n    \u003c/a\u003e\n  \u003c/div\u003e\n\n  \u003cdiv slot=\"content\"\u003e\n    Hello World\n  \u003c/div\u003e\n\u003c/swipeout\u003e\n```\n\nWhich results in the following:\n\n![Example](https://github.com/michaelbull/aurelia-swipeout/blob/master/example/simple.gif?raw=true)\n\n## Contributing\n\nBug reports and pull requests are welcome on [GitHub][github].\n\n## License\n\nThis project is available under the terms of the ISC license. See the\n[`LICENSE`](LICENSE) file for the copyright information and licensing terms.\n\n[npm]: https://www.npmjs.com/package/aurelia-swipeout\n[aurelia]: http://aurelia.io/\n[sass]: http://sass-lang.com/\n[example]: https://github.com/michaelbull/aurelia-swipeout/blob/master/example/app.html#L24\n[github]: https://github.com/michaelbull/aurelia-swipeout\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmichaelbull%2Faurelia-swipeout","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmichaelbull%2Faurelia-swipeout","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmichaelbull%2Faurelia-swipeout/lists"}