{"id":15060326,"url":"https://github.com/adopted-ember-addons/ember-popper-modifier","last_synced_at":"2025-04-10T05:50:43.586Z","repository":{"id":37095243,"uuid":"273532756","full_name":"adopted-ember-addons/ember-popper-modifier","owner":"adopted-ember-addons","description":"An Ember modifier for working with Popper.js.","archived":false,"fork":false,"pushed_at":"2024-04-19T10:43:23.000Z","size":4737,"stargazers_count":14,"open_issues_count":6,"forks_count":9,"subscribers_count":6,"default_branch":"main","last_synced_at":"2024-04-19T11:48:14.328Z","etag":null,"topics":["ember-addon","ember-modifier","emberjs","popper","popperjs","tooltip"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/adopted-ember-addons.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2020-06-19T15:55:44.000Z","updated_at":"2024-04-23T11:57:29.805Z","dependencies_parsed_at":"2023-12-21T12:39:47.507Z","dependency_job_id":"e5d87a3b-587e-4490-af5d-bdf68fc156db","html_url":"https://github.com/adopted-ember-addons/ember-popper-modifier","commit_stats":{"total_commits":578,"total_committers":8,"mean_commits":72.25,"dds":"0.38408304498269896","last_synced_commit":"31b8bf32b260a0d37bbe861a0c5588abf8d39ac7"},"previous_names":[],"tags_count":13,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adopted-ember-addons%2Fember-popper-modifier","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adopted-ember-addons%2Fember-popper-modifier/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adopted-ember-addons%2Fember-popper-modifier/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adopted-ember-addons%2Fember-popper-modifier/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/adopted-ember-addons","download_url":"https://codeload.github.com/adopted-ember-addons/ember-popper-modifier/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248166926,"owners_count":21058480,"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":["ember-addon","ember-modifier","emberjs","popper","popperjs","tooltip"],"created_at":"2024-09-24T22:56:51.885Z","updated_at":"2025-04-10T05:50:43.557Z","avatar_url":"https://github.com/adopted-ember-addons.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ember-popper-modifier\n\nAn Ember [modifier](https://guides.emberjs.com/release/components/template-lifecycle-dom-and-modifiers/) for working with [Popper.js](https://popper.js.org/).\n\n## Compatibility\n\n- Ember.js v4.8 or above\n- Ember CLI v4.8 or above\n- Node.js v18 or above\n\n## Installation\n\n```\nember install ember-popper-modifier\n```\n\n## Usage\n\nThis addon provides Ember modifiers that interfaces with the Popper.js library. It handles creating Popper instances as well as configuring them as options are updated.\n\nPopper.js operates on two elements at the same time:\n\n1. The \"reference\" element, which is the one the tooltip is positioned relative to\n2. The \"popper\" element, which is the one that floats.\n\nTwo modifiers are provided, depending on which element you want to apply the modifier to and which you want to pass as a reference:\n\n- `{{popper}}` is applied on the reference element and given the tooltip as an argument\n- `{{popper-tooltip}}` is applied on the tooltip element and passed the reference as an argument\n\nAside from that difference, the modifiers are identical. Thus, the examples below will only show the usage of `{{popper}}`; know that all of the same principles and options work for `{{popper-tooltip}}` as well.\n\nMore information WIP.\n\n## Contributing\n\nSee the [Contributing](CONTRIBUTING.md) guide for details.\n\n## License\n\nThis project is licensed under the [MIT License](LICENSE.md).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadopted-ember-addons%2Fember-popper-modifier","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fadopted-ember-addons%2Fember-popper-modifier","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadopted-ember-addons%2Fember-popper-modifier/lists"}