{"id":16759909,"url":"https://github.com/bepo65/mat-tristate-checkbox","last_synced_at":"2025-07-23T08:07:12.757Z","repository":{"id":40564671,"uuid":"325029218","full_name":"BePo65/mat-tristate-checkbox","owner":"BePo65","description":"3-state checkbox for Angular Material as library component with demo project","archived":false,"fork":false,"pushed_at":"2025-07-02T04:50:13.000Z","size":11132,"stargazers_count":1,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-02T04:50:57.887Z","etag":null,"topics":["angular"],"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/BePo65.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","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,"zenodo":null}},"created_at":"2020-12-28T14:09:00.000Z","updated_at":"2025-07-02T04:48:32.000Z","dependencies_parsed_at":"2024-01-22T06:36:15.727Z","dependency_job_id":"4186a1a5-0e63-46ed-ac37-7c3ec86cb620","html_url":"https://github.com/BePo65/mat-tristate-checkbox","commit_stats":{"total_commits":318,"total_committers":1,"mean_commits":318.0,"dds":0.0,"last_synced_commit":"d67de3ac36f9c84831f4c10071b1a4109d4a7b19"},"previous_names":[],"tags_count":46,"template":false,"template_full_name":null,"purl":"pkg:github/BePo65/mat-tristate-checkbox","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BePo65%2Fmat-tristate-checkbox","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BePo65%2Fmat-tristate-checkbox/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BePo65%2Fmat-tristate-checkbox/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BePo65%2Fmat-tristate-checkbox/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/BePo65","download_url":"https://codeload.github.com/BePo65/mat-tristate-checkbox/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BePo65%2Fmat-tristate-checkbox/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266640830,"owners_count":23960809,"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","status":"online","status_checked_at":"2025-07-23T02:00:09.312Z","response_time":66,"last_error":null,"robots_txt_status":null,"robots_txt_updated_at":null,"robots_txt_url":"https://github.com/robots.txt","online":true,"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"],"created_at":"2024-10-13T04:09:18.912Z","updated_at":"2025-07-23T08:07:12.739Z","avatar_url":"https://github.com/BePo65.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# mat-tristate-checkbox\n![Version](https://img.shields.io/badge/version-17.0.7-blue.svg?cacheSeconds=2592000)\n[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://github.com/kefranabg/readme-md-generator/blob/master/LICENSE)\n![Angular version](https://img.shields.io/github/package-json/dependency-version/bepo65/mat-tristate-checkbox/@angular/core?color=red\u0026label=Angular\u0026logo=angular\u0026logoColor=red)\n![GitHub package.json dependency version (prod)](https://img.shields.io/github/package-json/dependency-version/bepo65/mat-tristate-checkbox/@angular/material?color=red\u0026label=Angular-Material\u0026logo=angular\u0026logoColor=red)\n\n\u003e \u0026lt;mat-tristate-checkbox\u0026gt; provides the same functionality as the Angular Material checkbox enhanced with 3 states. This repository contains the checkbox component and a demo project.\n\n## Prerequisites\n\nThe package can be used in Angular apps with Angular Material installed. This Version requires Angular 16.\n\n## Installation of checkbox\n\n```sh\nnpm install mat-tristate-checkbox\n```\n\n## Sample usage of checkbox\n\nNow you can use the mat-tristate-checkbox component in your app components, for example in app.module.ts:\n```javascript\nimport { MatTristateCheckboxComponent } from 'mat-tristate-checkbox';\n...\n@NgModule({\n  declarations: [\n    AppComponent\n  ],\n  imports: [\n    ...\n    MatTristateCheckboxComponent\n  ],\n  ...\n})\nexport class AppModule { }\n```\nAnd in template file app.component.html:\n```html\n\u003cform [formGroup]=\"form\"\u003e\n  \u003cmat-tristate-checkbox formControlName=\"keepMeLoggedIn\"\u003eremember me\u003c/mat-tristate-checkbox\u003e\n\u003c/form\u003e\n```\n\n## Demo project\n\nTry out the [demo page](https://bepo65.github.io/mat-tristate-checkbox/).\n\n![Screenshot](assets/screenshot.jpg \"Screenshot of the demo page\")\n\n## Properties of checkbox\n\n| Name | Description |\n|------|-------------|\n|  @Input()\u003cbr /\u003ecolor: ThemePalette  | Theme color palette for the component. Defaults to 'accent' |\n|  @Input()\u003cbr /\u003edisabled: any  | Whether the checkbox is disabled. |\n|  @Input()\u003cbr /\u003elabelPosition: 'before' \u0026#124; 'after'  | Whether the label should appear after or before the checkbox. Defaults to 'after' |\n\n## Values of checkbox\nThe value aof the checkbox cycle through these values:\n```\nundefined \u003e false \u003e true\n```\n\n## Usage of demo project\n\n```sh\nnpm install\nnpm run start\n```\n\n## Run all tests\n\n```sh\nnpm run test\n```\n\n## Changelog\nFor list of changes and bugfixes, see [CHANGELOG.md](CHANGELOG.md).\n\n## Release hints\nStarting with version 16 the generated package on npm is unscoped (i.e. is named 'mat-image-overflow' not '@bepo65/mat-image-overflow').\n\n## Contributing\n\n## Changelog\nThe project uses 'standard-version' to create the changelog. To enable this system, commit messages are linted before commits are executed by git.\n\n**The structure of commit messages is**:\n```\n  \u003cheader\u003e\n  \u003cBLANK LINE\u003e\n  \u003cbody\u003e\n  \u003cBLANK LINE\u003e\n  \u003cfooter\u003e\n```\n\n**header**\n```\n  \u003ctype\u003e(\u003cscope\u003e): \u003cshort summary\u003e\n```\n  \ntype and scope\n  - build: Changes that affect the build system or external dependencies (example scope: npm)\n  - docs: Documentation only changes\n  - feat: A new feature\n  - fix: A bug fix\n  - perf: A code change that improves performance\n  - refactor: A code change that neither fixes a bug nor adds a feature\n  - test: Adding missing tests or correcting existing tests (example scopes: demo, lib, e2e)\n\n**footer**\n```\n  BREAKING CHANGE: ... (requires MAJOR in Semantic Versioning)\n```\n\nFor details of the commit messages format see [Contributing to Angular](https://github.com/angular/angular/blob/master/CONTRIBUTING.md#commit).\n\n## License\n\nCopyright © 2024 [Bernhard Pottler](https://github.com/BePo65).\n\nDistributed under the MIT License. See `LICENSE` for more information.\n\nThis project uses the fonts '[Roboto](https://fonts.google.com/specimen/Roboto/about)' and '[Material Icons](https://github.com/google/material-design-icons)' from the [Google Fonts Library](https://fonts.google.com/) that are licensed under the [Apache License Version 2.0](https://www.apache.org/licenses/LICENSE-2.0.txt).\n\n## Hints\nAs `eslint` V9 is not supported by angular@17 and also requires a fundamental change to the configuration files, the update will be done in a later version.\n\nAs a consequence the package `eslint-plugin-cypress` cannot be updated to a version 4.x (as this version has a peerDependency of eslint \u003e= 9).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbepo65%2Fmat-tristate-checkbox","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbepo65%2Fmat-tristate-checkbox","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbepo65%2Fmat-tristate-checkbox/lists"}