{"id":20298188,"url":"https://github.com/travelbank/ember-flickity","last_synced_at":"2025-05-07T20:34:41.015Z","repository":{"id":57142866,"uuid":"65348779","full_name":"travelbank/ember-flickity","owner":"travelbank","description":"ember addon for Flickity","archived":false,"fork":false,"pushed_at":"2019-01-07T18:45:15.000Z","size":250,"stargazers_count":4,"open_issues_count":3,"forks_count":6,"subscribers_count":38,"default_branch":"develop","last_synced_at":"2024-08-09T13:27:19.257Z","etag":null,"topics":["carousel","carousel-component","ember","flickity"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/travelbank.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-08-10T03:50:23.000Z","updated_at":"2019-01-07T18:37:18.000Z","dependencies_parsed_at":"2022-09-05T22:30:17.184Z","dependency_job_id":null,"html_url":"https://github.com/travelbank/ember-flickity","commit_stats":null,"previous_names":[],"tags_count":9,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/travelbank%2Fember-flickity","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/travelbank%2Fember-flickity/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/travelbank%2Fember-flickity/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/travelbank%2Fember-flickity/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/travelbank","download_url":"https://codeload.github.com/travelbank/ember-flickity/tar.gz/refs/heads/develop","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":224650533,"owners_count":17346962,"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":["carousel","carousel-component","ember","flickity"],"created_at":"2024-11-14T16:07:22.704Z","updated_at":"2024-11-14T16:07:26.398Z","avatar_url":"https://github.com/travelbank.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Ember-flickity\n\n[![Build Status](https://travis-ci.org/travelbank/ember-flickity.svg?branch=develop)](https://travis-ci.org/travelbank/ember-flickity)\n\nAn Ember addon for [flickity](http://flickity.metafizzy.co/)\n\n## Installation\n\n```\nember install ember-flickity\n```\n\n## Usage\n\n```handlebars\n{{#em-flickity class=\"my-slideshow\" showSlides=(gt items.length 1)}}\n  {{#each items as |item|}}\n    \u003cdiv class=\"my-slideshow__item\"\u003e\u003c/div\u003e\n  {{/each}}\n{{/em-flickity}}\n```\n\n`showSlides` is a Boolean. This allows you to enable or disable flickity based on the\nnumber of items you have in the list.\n\n## Flickity options and events\n\nAll [options][flickityOptions] and [events][flickityEvents] are supported.\n\n[flickityEvents]: http://flickity.metafizzy.co/events.html#flickity-events\n[flickityOptions]: http://flickity.metafizzy.co/options.html\n\n```javascript\n    actions:{\n      mySettle(index, flickityElement) =\u003e {\n        console.log('settle');\n      },\n    }\n```\n```handlebars\n{{#em-flickity pageDots=true draggable=true showSlides=(gt numItems 1) settle=(action 'mySettle')}}\n\n{{/em-flickity}}\n```\n```javascript\n  events: computed(() =\u003e {\n    return {\n      ready: (index, flickityElement) =\u003e {\n        console.log('ready');\n        flickityElement.resize();\n      },\n      change: (index, flickityElement) =\u003e {\n        console.log('change');\n      },\n    };\n  }),\n```\n```handlebars\n{{#em-flickity pageDots=true draggable=true events=events}}\n\n{{/em-flickity}}\n```","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftravelbank%2Fember-flickity","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftravelbank%2Fember-flickity","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftravelbank%2Fember-flickity/lists"}