{"id":17056303,"url":"https://github.com/biophoton/angular-star-rating","last_synced_at":"2025-04-04T05:08:57.850Z","repository":{"id":37607390,"uuid":"76045685","full_name":"BioPhoton/angular-star-rating","owner":"BioPhoton","description":"Star Rating Angular Component written in typescript, based on css only techniques.","archived":false,"fork":false,"pushed_at":"2024-01-17T09:45:01.000Z","size":10910,"stargazers_count":218,"open_issues_count":18,"forks_count":86,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-03-28T04:16:22.785Z","etag":null,"topics":["angular","css","demo","keyboard","reactive-forms","star-rating"],"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/BioPhoton.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE.txt","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,"publiccode":null,"codemeta":null}},"created_at":"2016-12-09T15:13:05.000Z","updated_at":"2025-02-12T07:25:15.000Z","dependencies_parsed_at":"2024-06-18T14:50:33.778Z","dependency_job_id":null,"html_url":"https://github.com/BioPhoton/angular-star-rating","commit_stats":{"total_commits":104,"total_committers":2,"mean_commits":52.0,"dds":0.3846153846153846,"last_synced_commit":"e09f543b6d137d6b902e4f70f5253821023b9e43"},"previous_names":[],"tags_count":45,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BioPhoton%2Fangular-star-rating","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BioPhoton%2Fangular-star-rating/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BioPhoton%2Fangular-star-rating/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BioPhoton%2Fangular-star-rating/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/BioPhoton","download_url":"https://codeload.github.com/BioPhoton/angular-star-rating/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247123107,"owners_count":20887261,"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":["angular","css","demo","keyboard","reactive-forms","star-rating"],"created_at":"2024-10-14T10:24:00.358Z","updated_at":"2025-04-04T05:08:57.829Z","avatar_url":"https://github.com/BioPhoton.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Angular Star Rating ⭐⭐⭐⭐⭐\n#### ⭐ Angular Star Rating is a Angular 10+ component made with ❤, based on css only techniques. ⭐\n\n![License](https://img.shields.io/npm/l/angular-star-rating.svg)\n[![NPM Version](https://img.shields.io/npm/v/angular-star-rating.svg)](https://www.npmjs.com/package/angular-star-rating)\n![Release status](https://github.com/BioPhoton/angular-star-rating/actions/workflows/release.yml/badge.svg)\n[![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg)](https://github.com/prettier/prettier)\n[![Package Quality](http://npm.packagequality.com/shield/angular-star-rating.svg)](http://packagequality.com/#?package=angular-star-rating)\n[![NPM](https://img.shields.io/npm/dt/angular-star-rating.svg)](https://www.npmjs.com/package/angular-star-rating)\n\nAngular Star Rating is a Angular 10+ component made with ❤.\n\nIt is based on best practice UX/UI methods, accessibility in mind and an eye for details.\nIn love with reactive forms, the component is easy to control over the keyboard.\nIt is a perfect fit for all angular projects with ⭐'s.\n\nTo keep it as flexible as possible a major part of the logic is based on [css only techniques](https://github.com/BioPhoton/css-star-rating). The component simple applies the state depending css modifiers.\n\n![Angular-Star-Rating](https://raw.githubusercontent.com/BioPhoton/angular-star-rating/master/resources/examples/example-usage.gif)\n\n## Browser support\n\n\n| IE | Firefox | Chrome | Safari | Opera |\n|--- |---\t   |--- \t|---\t |---|\n| \u003e11  \t|  \u003e50 \t|   \u003e55\t|  \u003e10 \t|   \u003e41\t|\n| \u003cimg src=\"https://raw.githubusercontent.com/BioPhoton/angular-star-rating/master/resources/browser/ie.png\" width=\"100\"\u003e\t| \u003cimg src=\"https://raw.githubusercontent.com/BioPhoton/angular-star-rating/master/resources/browser/firefox.png\" width=\"100\"\u003e | \u003cimg src=\"https://raw.githubusercontent.com/BioPhoton/angular-star-rating/master/resources/browser/chrome.png\" width=\"100\"\u003e  | \u003cimg src=\"https://raw.githubusercontent.com/BioPhoton/angular-star-rating/master/resources/browser/safari.png\" width=\"100\"\u003e  | \u003cimg src=\"https://raw.githubusercontent.com/BioPhoton/angular-star-rating/master/resources/browser/opera.png\" width=\"100\"\u003e |\n\n\n## Features\nFully featured this component is provided with:\n- [x] easy **configurable** and reasonable defaults\n- [x] all **12 css modifiers** of the awesome [css only star rating](https://github.com/BioPhoton/css-star-rating) library\n- [x] it integrates well with **reactive forms** and all it's states\n- [x] focus and blur events are handled for a **smooth keyboard navigation**\n- [x] it's **keyboard control** is even better than a native input once :-)\n- [x] mouse enter and leave events are used to generate a nice **on hover interaction**\n- [x] importable as a **angular ngModule** it is a plug and play to use\n- [x] and is tested for **AOT**\n\n## Related Projects\n| Css | Angular 1 |  Angular | Ionic 1 |\n|---  |---\t      |--- \t     |---      |\n| \u003cimg src=\"https://raw.githubusercontent.com/BioPhoton/angular-star-rating/master/resources/family/css3.png\" width=\"100\"\u003e | \u003cimg src=\"https://raw.githubusercontent.com/BioPhoton/angular-star-rating/master/resources/family/angular1.png\" width=\"100\"\u003e | \u003cimg src=\"https://raw.githubusercontent.com/BioPhoton/angular-star-rating/master/resources/family/angular.png\" width=\"80\"\u003e | \u003cimg src=\"https://raw.githubusercontent.com/BioPhoton/angular-star-rating/master/resources/family/ionic1.png\" width=\"80\"\u003e |\n| [Css Star Rating](https://github.com/BioPhoton/css-star-rating) | [Angular1 Star Rating](https://github.com/BioPhoton/angular1-star-rating) | [Angular Star Rating](https://github.com/BioPhoton/angular-star-rating) |[Ionic1 Star Rating](https://github.com/BioPhoton/ionic1-star-rating) |\n\n## DEMO\n- [x] [Stackblitz Demo](https://stackblitz.com/edit/angular-ivy-8gkvhh)\n- [x] [Live Demo](https://biophoton.github.io/angular-star-rating)\n- [x] [Example-App Sources](https://github.com/BioPhoton/angular-star-rating/tree/master/apps/demos/)\n\n## [Documentation](https://github.com/BioPhoton/angular-star-rating/wiki)\n- [Installing](https://github.com/BioPhoton/angular-star-rating/wiki/Installing)\n- [Customizing Styles](https://github.com/BioPhoton/angular-star-rating/wiki/Customizing-Styles)\n- [Property bindings](https://github.com/BioPhoton/angular-star-rating/wiki/Property-bindings)\n  - [Implement property bindings](https://github.com/BioPhoton/angular-star-rating/wiki/Implement-property-bindings)\n- [Event bindings](https://github.com/BioPhoton/angular-star-rating/wiki/Event-bindings)\n  - [Implement event bindings](https://github.com/BioPhoton/angular-star-rating/wiki/Implement-event-bindings)\n- [Use it with reactive forms](https://github.com/BioPhoton/angular-star-rating/wiki/Use-it-with-reactive-forms)\n- [Custom configuration](https://github.com/BioPhoton/angular-star-rating/wiki/Custom-configuration)\n\n## Versioning\nThis project will be maintained under the Semantic Versioning guidelines.\n\nGiven a version number `MAJOR`.`MINOR`.`PATCH`-`PRE-RELEASE`, increment the:\n\n- MAJOR version when you make incompatible API changes,\n- MINOR version when you add functionality in a backwards-compatible manner, and\n- PATCH version when you make backwards-compatible bug fixes.\n- PRE-RELEASE and build metadata as extensions to the MAJOR.MINOR.PATCH format (1.0.0-beta.0).\n\nFind information on SemVer under [semver.org](http://semver.org).\n\n## License\n\nMIT © [Michael Hladky](mailto:michael@hladky.at)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbiophoton%2Fangular-star-rating","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbiophoton%2Fangular-star-rating","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbiophoton%2Fangular-star-rating/lists"}