{"id":13808682,"url":"https://github.com/pjlamb12/angular-loaders","last_synced_at":"2025-04-15T04:57:27.612Z","repository":{"id":26895202,"uuid":"110644148","full_name":"pjlamb12/angular-loaders","owner":"pjlamb12","description":"Angular loader components","archived":false,"fork":false,"pushed_at":"2024-03-29T03:31:04.000Z","size":2035,"stargazers_count":2,"open_issues_count":5,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-15T04:57:15.934Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/pjlamb12.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":null,"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},"funding":{"github":["pjlamb12"],"patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"custom":null}},"created_at":"2017-11-14T05:19:27.000Z","updated_at":"2022-11-14T13:26:42.000Z","dependencies_parsed_at":"2023-11-14T21:27:38.836Z","dependency_job_id":"b7a16fbf-9305-4614-8fc9-aafefca4c8d1","html_url":"https://github.com/pjlamb12/angular-loaders","commit_stats":{"total_commits":32,"total_committers":1,"mean_commits":32.0,"dds":0.0,"last_synced_commit":"c6abced1226bfc82b7ee6d6c3ee2a343ba0a4fef"},"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pjlamb12%2Fangular-loaders","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pjlamb12%2Fangular-loaders/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pjlamb12%2Fangular-loaders/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pjlamb12%2Fangular-loaders/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pjlamb12","download_url":"https://codeload.github.com/pjlamb12/angular-loaders/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249010210,"owners_count":21197797,"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":[],"created_at":"2024-08-04T01:01:49.091Z","updated_at":"2025-04-15T04:57:27.585Z","avatar_url":"https://github.com/pjlamb12.png","language":"TypeScript","readme":"# ng-loaders Package\n\nInstall the package with the following command:\n\n```sh\nnpm install ng-loaders\n```\n\n## Setting the `spinnerType`\n\nYou can change the spinner that displays by setting the `spinnerType` input on the component. The color is changed by updating the `--spinnerColor` CSS variable.\n\n## Set the Default `spinnerType`\n\nThe library uses an InjectionToken to set the default `spinnerType`. This makes it so you don't have to provide the `spinnerType` input on every ngx-loader component. You can set the default `spinnerType` in your root module or root app component like so:\n\n```\nproviders: [\n\t{\n\t\tprovide: NG_LOADERS_CONFIG,\n\t\tuseFactory: () =\u003e ({ spinnerType: 'rotating-dots' }),\n\t}\n],\n```\n\n## Styling the Loader\n\nYou can style the loader with a couple of CSS variables. The loader's color can be set with the `--spinnerColor` CSS variable. You can set the loader's overlay background color with the `--spinnerOverlayColor` CSS variable. You can set the loader's overlay opacity with the `--spinnerOverlayOpacity` CSS variable.\n","funding_links":["https://github.com/sponsors/pjlamb12"],"categories":["Table of contents"],"sub_categories":["Third Party Components"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpjlamb12%2Fangular-loaders","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpjlamb12%2Fangular-loaders","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpjlamb12%2Fangular-loaders/lists"}