{"id":25563734,"url":"https://github.com/me-majidi/ng2-loading-spinner","last_synced_at":"2026-03-06T06:32:12.861Z","repository":{"id":57310797,"uuid":"143195348","full_name":"me-majidi/ng2-loading-spinner","owner":"me-majidi","description":":hourglass_flowing_sand: Angular Loading Spinner","archived":false,"fork":false,"pushed_at":"2020-10-11T23:08:14.000Z","size":784,"stargazers_count":4,"open_issues_count":1,"forks_count":2,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-09-01T13:56:49.817Z","etag":null,"topics":["angular","angular2","loading","loading-spinner"],"latest_commit_sha":null,"homepage":"https://me-majidi.github.io/ng2-loading-spinner/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/me-majidi.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-08-01T18:47:28.000Z","updated_at":"2020-10-11T23:08:16.000Z","dependencies_parsed_at":"2022-09-11T19:01:17.024Z","dependency_job_id":null,"html_url":"https://github.com/me-majidi/ng2-loading-spinner","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"purl":"pkg:github/me-majidi/ng2-loading-spinner","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/me-majidi%2Fng2-loading-spinner","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/me-majidi%2Fng2-loading-spinner/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/me-majidi%2Fng2-loading-spinner/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/me-majidi%2Fng2-loading-spinner/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/me-majidi","download_url":"https://codeload.github.com/me-majidi/ng2-loading-spinner/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/me-majidi%2Fng2-loading-spinner/sbom","scorecard":{"id":633580,"data":{"date":"2025-08-11","repo":{"name":"github.com/me-majidi/ng2-loading-spinner","commit":"e97aa8396fd294dbf3866d4554d54ee6c2d5fcce"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":1.2,"checks":[{"name":"Packaging","score":-1,"reason":"packaging workflow not detected","details":["Warn: no GitHub/GitLab publishing workflow detected."],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"Code-Review","score":0,"reason":"Found 1/29 approved changesets -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"Binary-Artifacts","score":10,"reason":"no binaries found in the repo","details":null,"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"Dangerous-Workflow","score":-1,"reason":"no workflows found","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"Token-Permissions","score":-1,"reason":"No tokens found","details":null,"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"Maintained","score":0,"reason":"0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"Pinned-Dependencies","score":-1,"reason":"no dependencies found","details":null,"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"License","score":0,"reason":"license file not detected","details":["Warn: project does not have a license file"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Signed-Releases","score":0,"reason":"Project has not signed or included provenance with any releases.","details":["Warn: release artifact v1.2.0 not signed: https://api.github.com/repos/me-majidi/ng2-loading-spinner/releases/14422182","Warn: release artifact v1.1.1 not signed: https://api.github.com/repos/me-majidi/ng2-loading-spinner/releases/12323744","Warn: release artifact v1.1.0 not signed: https://api.github.com/repos/me-majidi/ng2-loading-spinner/releases/12306556","Warn: release artifact v1.0.1 not signed: https://api.github.com/repos/me-majidi/ng2-loading-spinner/releases/12222458","Warn: release artifact v1.2.0 does not have provenance: https://api.github.com/repos/me-majidi/ng2-loading-spinner/releases/14422182","Warn: release artifact v1.1.1 does not have provenance: https://api.github.com/repos/me-majidi/ng2-loading-spinner/releases/12323744","Warn: release artifact v1.1.0 does not have provenance: https://api.github.com/repos/me-majidi/ng2-loading-spinner/releases/12306556","Warn: release artifact v1.0.1 does not have provenance: https://api.github.com/repos/me-majidi/ng2-loading-spinner/releases/12222458"],"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"Branch-Protection","score":0,"reason":"branch protection not enabled on development/release branches","details":["Warn: branch protection not enabled for branch 'master'"],"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}},{"name":"SAST","score":0,"reason":"SAST tool is not run on all commits -- score normalized to 0","details":["Warn: 0 commits out of 2 are checked with a SAST tool"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}},{"name":"Vulnerabilities","score":0,"reason":"172 existing vulnerabilities detected","details":["Warn: Project is vulnerable to: GHSA-c75v-2vq8-878f","Warn: Project is vulnerable to: GHSA-6chw-6frg-f759","Warn: Project is vulnerable to: GHSA-3v6h-hqm4-2rg6","Warn: Project is vulnerable to: GHSA-v88g-cgmw-v5xw","Warn: Project is vulnerable to: GHSA-whgm-jr23-g3j9","Warn: Project is vulnerable to: GHSA-93q8-gq69-wqmw","Warn: Project is vulnerable to: GHSA-fwr7-v2mv-hh25","Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92","Warn: Project is vulnerable to: GHSA-qwcr-r2fm-qrc7","Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw","Warn: Project is vulnerable to: GHSA-cwfw-4gq5-mrqx","Warn: Project is vulnerable to: GHSA-g95f-p29q-9xw4","Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg","Warn: Project is vulnerable to: GHSA-x9w5-v3q2-3rhw","Warn: Project is vulnerable to: GHSA-w8qv-6jwh-64r5","Warn: Project is vulnerable to: GHSA-c6rq-rjc2-86v2","Warn: Project is vulnerable to: GHSA-pxg6-pf52-xh8x","Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275","Warn: Project is vulnerable to: GHSA-9vvw-cc9w-f27h","Warn: Project is vulnerable to: GHSA-gxpj-cx7g-858c","Warn: Project is vulnerable to: GHSA-w573-4hg7-7wgq","Warn: Project is vulnerable to: GHSA-3wcq-x3mq-6r9p","Warn: Project is vulnerable to: GHSA-ff7x-qrg7-qggm","Warn: Project is vulnerable to: GHSA-vh7m-p724-62c2","Warn: Project is vulnerable to: GHSA-r9p9-mrjm-926w","Warn: Project is vulnerable to: GHSA-434g-2637-qmqr","Warn: Project is vulnerable to: GHSA-49q7-c7j4-3p7m","Warn: Project is vulnerable to: GHSA-977x-g7h5-7qgw","Warn: Project is vulnerable to: GHSA-f7q4-pwc6-w24p","Warn: Project is vulnerable to: GHSA-fc9h-whq2-v747","Warn: Project is vulnerable to: GHSA-vjh7-7g9h-fjfh","Warn: Project is vulnerable to: GHSA-j4f2-536g-r55m","Warn: Project is vulnerable to: GHSA-r7qp-cfhv-p84w","Warn: Project is vulnerable to: GHSA-6h5x-7c5m-7cr7","Warn: Project is vulnerable to: GHSA-rv95-896h-c2vc","Warn: Project is vulnerable to: GHSA-qw6h-vgh9-j6wx","Warn: Project is vulnerable to: GHSA-74fj-2j2h-c42q","Warn: Project is vulnerable to: GHSA-pw2r-vq6v-hr8c","Warn: Project is vulnerable to: GHSA-jchw-25xp-jwwc","Warn: Project is vulnerable to: GHSA-cxjh-pqwp-8mfp","Warn: Project is vulnerable to: GHSA-fjxv-7rqg-78g4","Warn: Project is vulnerable to: GHSA-8r6j-v8pm-fqw3","Warn: Project is vulnerable to: MAL-2023-462","Warn: Project is vulnerable to: GHSA-xf7w-r453-m56c","Warn: Project is vulnerable to: GHSA-8mmm-9v2q-x3f9","Warn: Project is vulnerable to: GHSA-pfrx-2q88-qq97","Warn: Project is vulnerable to: GHSA-q42p-pg8m-cqh6","Warn: Project is vulnerable to: GHSA-w457-6q6x-cgp9","Warn: Project is vulnerable to: GHSA-62gr-4qp9-h98f","Warn: Project is vulnerable to: GHSA-f52g-6jhx-586p","Warn: Project is vulnerable to: GHSA-2cf5-4w76-r9qv","Warn: Project is vulnerable to: GHSA-3cqr-58rm-57f8","Warn: Project is vulnerable to: GHSA-g9r4-xpmj-mj65","Warn: Project is vulnerable to: GHSA-q2c6-c6pm-g3gh","Warn: Project is vulnerable to: GHSA-765h-qjxv-5f44","Warn: Project is vulnerable to: GHSA-f2jv-r9rf-7988","Warn: Project is vulnerable to: GHSA-44pw-h2cw-w3vq","Warn: Project is vulnerable to: GHSA-jp4x-w63m-7wgm","Warn: Project is vulnerable to: GHSA-c429-5p7v-vgjp","Warn: Project is vulnerable to: GHSA-43f8-2h32-f4cj","Warn: Project is vulnerable to: GHSA-rc47-6667-2j5j","Warn: Project is vulnerable to: GHSA-6x33-pw7p-hmpq","Warn: Project is vulnerable to: GHSA-c7qv-q95q-8v27","Warn: Project is vulnerable to: GHSA-pc5p-h8pf-mvwp","Warn: Project is vulnerable to: GHSA-qqgx-2p2h-9c37","Warn: Project is vulnerable to: GHSA-78xj-cgh5-2h22","Warn: Project is vulnerable to: GHSA-2p57-rm9w-gvfp","Warn: Project is vulnerable to: GHSA-2pr6-76vf-7546","Warn: Project is vulnerable to: GHSA-8j8c-7jfh-h6hx","Warn: Project is vulnerable to: GHSA-896r-f27r-55mw","Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h","Warn: Project is vulnerable to: GHSA-jg8v-48h5-wgxg","Warn: Project is vulnerable to: GHSA-36fh-84j7-cv5h","Warn: Project is vulnerable to: GHSA-7x7c-qm48-pq9c","Warn: Project is vulnerable to: GHSA-rc3x-jf5g-xvc5","Warn: Project is vulnerable to: GHSA-6c8f-qphg-qjgp","Warn: Project is vulnerable to: GHSA-76p3-8jx3-jpfq","Warn: Project is vulnerable to: GHSA-3rfm-jhwj-7488","Warn: Project is vulnerable to: GHSA-hhq3-ff78-jv3g","Warn: Project is vulnerable to: GHSA-jf85-cpcp-j695","Warn: Project is vulnerable to: GHSA-fvqr-27wr-82fm","Warn: Project is vulnerable to: GHSA-4xc9-xhrj-v574","Warn: Project is vulnerable to: GHSA-x5rq-j2xg-h7qm","Warn: Project is vulnerable to: GHSA-p6mc-m468-83gw","Warn: Project is vulnerable to: GHSA-29mw-wpgm-hmr9","Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm","Warn: Project is vulnerable to: GHSA-779f-wgxg-qr8f","Warn: Project is vulnerable to: GHSA-82v2-mx6x-wq7q","Warn: Project is vulnerable to: GHSA-4xcv-9jjx-gfj3","Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv","Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3","Warn: Project is vulnerable to: GHSA-vh95-rmgr-6w4m","Warn: Project is vulnerable to: GHSA-xvch-5gv4-984h","Warn: Project is vulnerable to: GHSA-fhjf-83wg-r2j9","Warn: Project is vulnerable to: GHSA-w9mr-4mfr-499f","Warn: Project is vulnerable to: GHSA-qm28-7hqv-wg5j","Warn: Project is vulnerable to: GHSA-92xj-mqp7-vmcj","Warn: Project is vulnerable to: GHSA-wxgw-qj99-44c2","Warn: Project is vulnerable to: GHSA-5rrq-pxf6-6jx5","Warn: Project is vulnerable to: GHSA-8fr3-hfg3-gpgp","Warn: Project is vulnerable to: GHSA-gf8q-jrpm-jvxq","Warn: Project is vulnerable to: GHSA-2r2c-g63r-vccr","Warn: Project is vulnerable to: GHSA-cfm4-qjh2-4765","Warn: Project is vulnerable to: GHSA-x4jg-mjrx-434g","Warn: Project is vulnerable to: GHSA-9v62-24cr-58cx","Warn: Project is vulnerable to: GHSA-r8f7-9pfq-mjmv","Warn: Project is vulnerable to: GHSA-jmqm-f2gx-4fjv","Warn: Project is vulnerable to: GHSA-76c9-3jph-rj3q","Warn: Project is vulnerable to: GHSA-q75g-2496-mxpp","Warn: Project is vulnerable to: GHSA-6fx8-h7jm-663j","Warn: Project is vulnerable to: GHSA-hj48-42vr-x3v9","Warn: Project is vulnerable to: GHSA-9wv6-86v2-598j","Warn: Project is vulnerable to: GHSA-rhx6-c78j-4q9w","Warn: Project is vulnerable to: GHSA-h7cp-r72f-jxh6","Warn: Project is vulnerable to: GHSA-v62p-rq8g-8h59","Warn: Project is vulnerable to: GHSA-566m-qj78-rww5","Warn: Project is vulnerable to: GHSA-7fh5-64p2-3v2j","Warn: Project is vulnerable to: GHSA-hwj9-h5mp-3pm3","Warn: Project is vulnerable to: GHSA-gqgv-6jq5-jjj9","Warn: Project is vulnerable to: GHSA-hrpp-h998-j3pp","Warn: Project is vulnerable to: GHSA-p8p7-x288-28g6","Warn: Project is vulnerable to: GHSA-gcx4-mw62-g8wm","Warn: Project is vulnerable to: GHSA-7mwh-4pqv-wmr8","Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw","Warn: Project is vulnerable to: GHSA-m6fv-jmcg-4jfg","Warn: Project is vulnerable to: GHSA-h9rv-jmmf-4pgx","Warn: Project is vulnerable to: GHSA-hxcc-f52p-wc94","Warn: Project is vulnerable to: GHSA-cm22-4g7w-348p","Warn: Project is vulnerable to: GHSA-4g88-fppr-53pp","Warn: Project is vulnerable to: GHSA-4jqc-8m5r-9rpr","Warn: Project is vulnerable to: GHSA-4rq4-32rv-6wp6","Warn: Project is vulnerable to: GHSA-64g7-mvw6-v9qj","Warn: Project is vulnerable to: GHSA-fxwf-4rqh-v8g3","Warn: Project is vulnerable to: GHSA-25hc-qcg6-38wj","Warn: Project is vulnerable to: GHSA-xfhh-g9f5-x4m4","Warn: Project is vulnerable to: GHSA-qm95-pgcg-qqfq","Warn: Project is vulnerable to: GHSA-cqmj-92xf-r6r9","Warn: Project is vulnerable to: GHSA-c9g6-9335-x697","Warn: Project is vulnerable to: GHSA-vx3p-948g-6vhq","Warn: Project is vulnerable to: GHSA-j44m-qm6p-hp7m","Warn: Project is vulnerable to: GHSA-3jfq-g458-7qm9","Warn: Project is vulnerable to: GHSA-5955-9wpr-37jh","Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36","Warn: Project is vulnerable to: GHSA-r628-mhmh-qjhw","Warn: Project is vulnerable to: GHSA-9r2w-394v-53qc","Warn: Project is vulnerable to: GHSA-qq89-hq3f-393p","Warn: Project is vulnerable to: GHSA-4wf5-vphf-c2xc","Warn: Project is vulnerable to: GHSA-52f5-9888-hmc6","Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3","Warn: Project is vulnerable to: GHSA-884p-74jh-xrg2","Warn: Project is vulnerable to: GHSA-j7fq-p9q7-5wfv","Warn: Project is vulnerable to: GHSA-7p7h-4mm5-852v","Warn: Project is vulnerable to: GHSA-46c4-8wrp-j99v","Warn: Project is vulnerable to: GHSA-9m6j-fcg5-2442","Warn: Project is vulnerable to: GHSA-hh27-ffr2-f2jc","Warn: Project is vulnerable to: GHSA-rqff-837h-mm52","Warn: Project is vulnerable to: GHSA-8v38-pw62-9cw2","Warn: Project is vulnerable to: GHSA-hgjh-723h-mx2j","Warn: Project is vulnerable to: GHSA-jf5r-8hm2-f872","Warn: Project is vulnerable to: GHSA-mgfv-m47x-4wqp","Warn: Project is vulnerable to: GHSA-wr3j-pwj9-hqq6","Warn: Project is vulnerable to: GHSA-cf66-xwfp-gvc4","Warn: Project is vulnerable to: GHSA-4v9v-hfq4-rm2v","Warn: Project is vulnerable to: GHSA-9jgg-88mc-972h","Warn: Project is vulnerable to: GHSA-4fc4-chg7-h8gh","Warn: Project is vulnerable to: GHSA-g78m-2chm-r7qv","Warn: Project is vulnerable to: GHSA-5v72-xg48-5rpm","Warn: Project is vulnerable to: GHSA-776f-qx25-q3cc","Warn: Project is vulnerable to: GHSA-72mh-269x-7mh5","Warn: Project is vulnerable to: GHSA-h4j5-c7cj-74xg","Warn: Project is vulnerable to: GHSA-c4w7-xm78-47vh","Warn: Project is vulnerable to: GHSA-p9pc-299p-vxgp"],"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}}]},"last_synced_at":"2025-08-21T08:30:53.129Z","repository_id":57310797,"created_at":"2025-08-21T08:30:53.129Z","updated_at":"2025-08-21T08:30:53.129Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30164594,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-06T04:43:31.446Z","status":"ssl_error","status_checked_at":"2026-03-06T04:40:30.133Z","response_time":250,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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","angular2","loading","loading-spinner"],"created_at":"2025-02-20T20:27:19.017Z","updated_at":"2026-03-06T06:32:12.812Z","avatar_url":"https://github.com/me-majidi.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg height=\"200px\" width=\"200px\" style=\"text-align: center;\" src=\"https://raw.githubusercontent.com/me-majidi/ng2-loading-spinner/master/src/assets/logo.png\"\u003e\n\u003c/p\u003e\n\u003ca name=\"ng2-loading-spinner\" /\u003e\n\u003ch1\u003eNg2-loading-spinner\u003c/h1\u003e\n\n\u003ca name=\"Customisable loading spinner for angular applications\" /\u003e\n\u003ch5\u003eCustomisable loading spinner for angular applications\u003c/h5\u003e\n\n[![npm version](https://badge.fury.io/js/ng2-loading-spinner.svg)](https://www.npmjs.com/package/ng2-loading-spinner)\n[![npm](https://img.shields.io/badge/Demo-online-red.svg)](https://me-majidi.github.io/ng2-loading-spinner)\n[![Build Status](https://travis-ci.com/me-majidi/ng2-loading-spinner.svg?branch=master)](https://travis-ci.com/me-majidi/ng2-loading-spinner)\u003cbr\u003e\n\n\n\u003cimg width=\"600px\" src=\"https://cdn.rawgit.com/me-majidi/ng2-loading-spinner/b7d6877e/assets/demo_img1.gif\"\u003e\n\u003cimg width=\"400px\" src=\"https://cdn.rawgit.com/me-majidi/ng2-loading-spinner/b7d6877e/assets/demo_img2.gif\"\u003e\n\n\n\n\n\u003ca name=\"Table of contents\" /\u003e\n\n## Table of contents\n -  [Online Demo](https://me-majidi.github.io/ng2-loading-spinner/)\n -  [Installation](https://www.npmjs.com/package/ng2-loading-spinner#installation)\n -  [Usage](https://www.npmjs.com/package/ng2-loading-spinner#usage)\n  - [API](https://www.npmjs.com/package/ng2-loading-spinner#api)\n  - [Examples](https://www.npmjs.com/package/ng2-loading-spinner#examples)\n \n\n\n\n\n\n\u003ca name=\"Installation\" /\u003e\n\n## Installation\n```shell\nnpm install --save ng2-loading-spinner\n```\n\n\n\u003ca name=\"Usage\" /\u003e\n\n## Usage\nImport  `Ng2LoadingSpinnerModule` in your module\n\n```typescript\nimport { NgModule } from '@angular/core';\nimport { Ng2LoadingSpinnerModule } from 'ng2-loading-spinner'\n\n@NgModule({\n  imports: [ Ng2LoadingSpinnerModule.forRoot({}) ]\n})\nexport class TestModule { }\n```\nthen, use the `ng2-loading` directive on the element you want to have a spinner on:\n```html\n\u003cdiv class=\"card\"\n  [ng2-loading]=\"showSpinner\"\u003e\n    ...\n\u003c/div\u003e\n```\nthe directive expects a boolean for showing and removing Loading spinner:\n``` typescript\n@Component({\n    selector   : 'app.component',\n    templateUrl: './app.component.html',\n    styleUrls  : [ './app.component.css' ]\n})\nexport class AppComponent {\n    showSpinner: boolean = true;\n    \n    \n    constructor() {\n    \tsetTimeout(() =\u003e {\n        \tthis.showSpinner = false;\n        }, 1500);\n    }\n}\n```\n\n\u003cbr\u003e\u003cbr\u003e\n\u003cbr\u003e\u003cbr\u003e\n\u003ca name=\"API\" /\u003e\n\n## API\t\n\n\u003ca name=\"Input parameters\" /\u003e\n\n#### Input parameters\nInput | Type  | Required |  Description |\n------ | ----- | ----- | ----- |\nng2-loading | boolean | Required | A boolean, which will determine when spinner is added to the DOM |\nconfig | INg2LoadingSpinnerConfig | Optional | Configuartion object for spinner. If no config options are set, the default config options will be used. |\ntemplate | TemplateRef | Optional | If provided, the custom template will be shown in place of the default spinner animations. You can use this for rendering custom spinners instead of default spinner animations |\n\n\n\u003ca name=\"Configurable options\" /\u003e\n\n#### Configurable options\nConfig options can be set globally using the forRoot module import statement as well as being passed into each loader instance.Options passed to the instance of loader will override each global options.\n\nOption | Required | type | Default value | Description | Examples |\n--- | --- | --- | --- | --- | ---- |\nanimationType | Optional | string | ANIMATION_TYPES.fadingCircle | The spinner animation to be used. import ANIMATION_TYPES constant to select valid  options. | ANIMATION_TYPES.chasingDots |\nbackdropColor | Optional | string |  rgba(0, 0, 0, 0.3) | Background color of backdrop element | 'red', 'rgb(120, 0, 171)', '#434343' |\nbackdropBorderRadius | Optional\t| string | 0 | The border-radius property to be aplied to the spinner | '10px', '1rem', '50%' |\nspinnerColor  | Optional | string |  white\t| Color of spinner | 'red', 'rgb(120, 0, 171)', '#434343' |\nspinnerPosition | Optional | string | 'center' | Position the spinner into the host view | 'top', 'right', 'bottom', 'left', 'top-right', 'bottom-left' |\nspinnerSize | Optional | string | 'md' | Option that indicates size of spinner | 'sm', 'md', 'lg' |\nspinnerFontSize | Optional | string | | Option for controlling size of spinner.If provided `spinnerSize` option will be ignored | '10px', '1rem' |\n\n\n\n\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\n\u003ca name=\"Available spinner positions\" /\u003e\n\n#### Available spinner positions:\nPosition |\n------ |\ncenter |\ntop |\nright | \nbottom |\nleft |\ntop-right |\nleft-right |\ntop-left |\nbottom-left |\n\n\n\n\u003cbr\u003e\u003cbr\u003e\n\u003ca name=\"Available spinner sizes\" /\u003e\n\n#### Available spinner sizes:\nSize |\n------ |\nxs |\nsm | \nmd |\nlg |\nxl |\n\n\n\n\n\n\n\n\n\n\n\n\u003ca name=\"Examples\" /\u003e\n\n## Examples\n\n\n\u003ca name=\"Example 1 - with custom configuration options\" /\u003e\n\n#### Example 1 - with custom configuration options\n```typescript\nimport { NgModule } from '@angular/core';\nimport { Ng2LoadingSpinnerModule } from 'ng2-loading-spinner'\n\n@NgModule({\n  imports: [ Ng2LoadingSpinnerModule.forRoot({\n    backdropColor  : 'rgba(0, 0, 0, 0.3)',\n    spinnerColor   : '#fff',\n  }) ]\n})\nexport class TestModule { }\n```\n\n``` typescript\nimport { Component } from '@angular/core';\nimport { ANIMATION_TYPES } from 'ng2-loading-spinner';\nimport { INg2LoadingSpinnerConfig } from 'ng2-loading-spinner';\n\n@Component({\n    selector   : 'app-example1',\n    templateUrl: './example1.component.html',\n    styleUrls  : [ './example1.component.css' ]\n})\n\nexport class Example1Component {\n    show = false;\n\n    loadingConfig: INg2LoadingSpinnerConfig = {\n        animationType  : ANIMATION_TYPES.dualCircle,\n        spinnerPosition: 'left',\n        backdropBorderRadius: '15px',\n        spinnerSize: 'md',\n        spinnerFontSize: '2rem'\n    };\n    \n    \n    constructor () {\n    }\n\n    showLoading() {\n        this.show = true;\n        setTimeout(() =\u003e {\n            this.show = false;\n        }, 1500);\n    }\n}\n\n```\n\n```html\n\u003cbutton class=\"btn btn-dark\"\n        [ng2-loading]=\"show\"\n        [config]=\"loadingConfig\"\n        (click)=\"showLoading()\"\u003e\n   Show Spinner\n\u003c/button\u003e\n```\n\n\u003ca name=\"Example2 - using custom template\" /\u003e\n\n#### Example2 - using custom template\n\n``` typescript\nimport { Component } from '@angular/core';\nimport { ANIMATION_TYPES } from 'ng2-loading-spinner';\nimport { INg2LoadingSpinnerConfig } from 'ng2-loading-spinner';\nimport { AuthService } from '../auth.service'\n\n@Component({\n    selector   : 'app-example2',\n    templateUrl: './example2.component.html',\n    styleUrls  : [ './example2.component.css' ]\n})\n\nexport class Example2Component {\n    show = false;\n\n    loadingConfig: INg2LoadingSpinnerConfig = {\n        animationType  : ANIMATION_TYPES.dualCircle,\n        backdropColor  : 'rgba(0, 0, 0, 0.3)',\n        spinnerColor   : '#fff',\n        spinnerPosition: 'center',\n        backdropBorderRadius: '15px',\n        spinnerSize: 'md',\n        spinnerFontSize: '2rem'\n    };\n    \n    \n    constructor (private authService: AuthService) {\n    }\n\n    onLogin() {\n        this.show = true;\n        this.authService.login()\n            .subscribe((res) =\u003e {\n              this.show = false;\n            })\n    }\n}\n```\n\n\n``` html\n\n\u003cform [ng2-loading]=\"show\"\n [config]=\"loadingConfig\"\n [template]=\"customTemplate\"\u003e\n    \u003cinput type=\"text\" placeholder=\"username\"\u003e\n    \u003cinput type=\"password\" placeholder=\"password\"\u003e\n    \u003cbutton class=\"btn\" (click)=\"onLogin()\"\u003eLogin\u003c/button\u003e\n\u003cform\u003e\n\n\n\n\u003cng-template #customTemplate\u003e\n    \u003cdiv class=\"align-items-center d-flex flex-column flex-direction\"\u003e\n        \u003cp\u003ePlease wait\u003c/p\u003e\n        \u003cdiv class=\"custom-loader\"\u003e\u003c/div\u003e\n    \u003c/div\u003e\n\u003c/ng-template\u003e\n\n```\n\nand style this custom loader in example2.component.css: \n\n``` css\n.custom-loader {\n    ....\n}\n```\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fme-majidi%2Fng2-loading-spinner","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fme-majidi%2Fng2-loading-spinner","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fme-majidi%2Fng2-loading-spinner/lists"}