{"id":20199543,"url":"https://github.com/asv2001/mat-named-tabs","last_synced_at":"2026-04-29T07:35:16.621Z","repository":{"id":57291781,"uuid":"167671255","full_name":"asv2001/mat-named-tabs","owner":"asv2001","description":null,"archived":false,"fork":false,"pushed_at":"2020-02-13T10:26:30.000Z","size":13,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-10-19T04:03:07.598Z","etag":null,"topics":["angular","angular-material-design","angular2","angular4","angular5","angular6","angular7","material-design","mattab","mattabgroup","selectedid","selectedindex","selectedname","selectedtab","selectedtabid","selectedtabname"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","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/asv2001.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-01-26T09:23:37.000Z","updated_at":"2020-02-13T10:26:32.000Z","dependencies_parsed_at":"2022-09-06T04:20:53.015Z","dependency_job_id":null,"html_url":"https://github.com/asv2001/mat-named-tabs","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/asv2001/mat-named-tabs","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/asv2001%2Fmat-named-tabs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/asv2001%2Fmat-named-tabs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/asv2001%2Fmat-named-tabs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/asv2001%2Fmat-named-tabs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/asv2001","download_url":"https://codeload.github.com/asv2001/mat-named-tabs/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/asv2001%2Fmat-named-tabs/sbom","scorecard":{"id":213853,"data":{"date":"2025-08-11","repo":{"name":"github.com/asv2001/mat-named-tabs","commit":"4c5a589377760bbd8481e9195ceaf89f312f4afa"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":3,"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":"SAST","score":0,"reason":"no SAST tool detected","details":["Warn: no pull requests merged into dev branch"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}},{"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":"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":"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":"Code-Review","score":0,"reason":"Found 0/13 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":"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":"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":"Vulnerabilities","score":10,"reason":"0 existing vulnerabilities detected","details":null,"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}},{"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":10,"reason":"license file detected","details":["Info: project has a license file: LICENSE:0","Info: FSF or OSI recognized license: MIT License: LICENSE:0"],"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":-1,"reason":"no releases found","details":null,"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"}}]},"last_synced_at":"2025-08-17T01:15:27.452Z","repository_id":57291781,"created_at":"2025-08-17T01:15:27.452Z","updated_at":"2025-08-17T01:15:27.452Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32416146,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-29T06:29:02.080Z","status":"ssl_error","status_checked_at":"2026-04-29T06:29:00.631Z","response_time":110,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6: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","angular-material-design","angular2","angular4","angular5","angular6","angular7","material-design","mattab","mattabgroup","selectedid","selectedindex","selectedname","selectedtab","selectedtabid","selectedtabname"],"created_at":"2024-11-14T04:38:03.566Z","updated_at":"2026-04-29T07:35:16.590Z","avatar_url":"https://github.com/asv2001.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Angular material design named tabs\nA tiny module that enables tab selection by id within Angular 2+ and Material Design. This module adds support of the directives with attribute selectors `selectedTabName` and `tabName`. You can also to listen to a `selectedTabNameChange`-event that will be triggered upon tab switch. Please see the example below.\n\n## Example\n### Module file:\n```\nimport { MatNamedTabsModule } from \"mat-named-tabs\";\n\n@NgModule({\n    imports: [\n        ...\n        MatNamedTabsModule,\n        ...\n    ],\n})\nexport class SomeModule {\n\n}\n```\n\n### Component file:\n```\nimport { Component, Input } from \"@angular/core\";\n\n@Component({\n    selector: \"example-tabs\",\n    templateUrl: \"./example-tabs.component.html\",\n})\nexport class TableDetailsComponent {\n    @Input()\n    public tab = \"integer-nec\";\n\n    public handleTabChange(tab: string): void {\n        console.log(`Tab selected: ${tab}`);\n    }\n}\n```\n\n### HTML-template file:\n\n```\n\u003cdiv\u003eActive tab: {{tab}}\u003c/div\u003e\n\n\u003cdiv\u003eTwo-way binding\u003c/div\u003e\n\u003cmat-tab-group [(selectedTabName)]=\"tab\"\u003e\n    \u003cmat-tab\n            label=\"Lorem ipsum\"\n            tabName=\"lorem-ipsum\"\u003e\n        \u003cp\u003eLorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam a metus orci. Quisque sodales imperdiet nisi lobortis interdum. Vivamus ullamcorper metus at justo mattis, nec venenatis leo condimentum. Maecenas tincidunt placerat dapibus. Phasellus iaculis eros eget magna tincidunt, vitae tincidunt velit finibus. Quisque porta luctus enim vitae auctor. Maecenas porttitor, arcu sit amet blandit placerat, nibh lorem convallis ex, vel condimentum lectus nibh eu dui. Nunc porttitor lobortis velit, et molestie risus venenatis quis. Mauris ornare pellentesque arcu nec interdum. Suspendisse nec felis magna. Pellentesque finibus ex eu egestas dapibus. Proin dictum ultricies metus at fringilla. Donec lacinia congue ipsum ut pulvinar. Mauris ac justo commodo, pretium sem vitae, cursus elit.\u003c/p\u003e\n    \u003c/mat-tab\u003e\n    \u003cmat-tab\n            label=\"Integer nec\"\n            tabName=\"integer-nec\"\u003e\n        \u003cp\u003eInteger nec hendrerit nulla. Nam eu lacus congue, malesuada metus et, suscipit velit. Nam eget nulla nec tellus eleifend efficitur sed et neque. Etiam venenatis orci felis, ut porttitor felis elementum sit amet. Etiam tempus leo sed tempor fermentum. Vestibulum ac sagittis tellus. Mauris vestibulum dolor finibus dolor sagittis, ut gravida arcu pretium. Cras egestas tristique aliquet. Sed vel augue finibus, egestas sapien non, rutrum neque. Sed tellus dui, imperdiet eget imperdiet molestie, tincidunt ut dolor. Quisque at efficitur mauris, in feugiat massa. Aenean blandit condimentum lobortis.\u003c/p\u003e\n    \u003c/mat-tab\u003e\n    \u003cmat-tab\n            label=\"Sed nisl diam\"\n            tabName=\"sed-nisl-diam\"\u003e\n        \u003cp\u003eSed nisl diam, condimentum scelerisque sem nec, viverra interdum risus. Fusce vulputate enim ex, et dapibus erat posuere quis. Proin non rhoncus quam. Sed vestibulum purus sit amet tempor laoreet. Phasellus varius sollicitudin dictum. Donec sollicitudin efficitur nunc et varius. Nunc neque elit, ultrices at eros eu, ultrices imperdiet erat.\u003c/p\u003e\n    \u003c/mat-tab\u003e\n\u003c/mat-tab-group\u003e\n\n\u003cdiv\u003eOne-way binding\u003c/div\u003e\n\u003cmat-tab-group [selectedTabName]=\"tab\" (selectedTabNameChange)=\"handleTabChange($event)\"\u003e\n    \u003cmat-tab\n            label=\"Lorem ipsum\"\n            tabName=\"lorem-ipsum\"\u003e\n        \u003cp\u003eLorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam a metus orci. Quisque sodales imperdiet nisi lobortis interdum. Vivamus ullamcorper metus at justo mattis, nec venenatis leo condimentum. Maecenas tincidunt placerat dapibus. Phasellus iaculis eros eget magna tincidunt, vitae tincidunt velit finibus. Quisque porta luctus enim vitae auctor. Maecenas porttitor, arcu sit amet blandit placerat, nibh lorem convallis ex, vel condimentum lectus nibh eu dui. Nunc porttitor lobortis velit, et molestie risus venenatis quis. Mauris ornare pellentesque arcu nec interdum. Suspendisse nec felis magna. Pellentesque finibus ex eu egestas dapibus. Proin dictum ultricies metus at fringilla. Donec lacinia congue ipsum ut pulvinar. Mauris ac justo commodo, pretium sem vitae, cursus elit.\u003c/p\u003e\n    \u003c/mat-tab\u003e\n    \u003cmat-tab\n            label=\"Integer nec\"\n            tabName=\"integer-nec\"\u003e\n        \u003cp\u003eInteger nec hendrerit nulla. Nam eu lacus congue, malesuada metus et, suscipit velit. Nam eget nulla nec tellus eleifend efficitur sed et neque. Etiam venenatis orci felis, ut porttitor felis elementum sit amet. Etiam tempus leo sed tempor fermentum. Vestibulum ac sagittis tellus. Mauris vestibulum dolor finibus dolor sagittis, ut gravida arcu pretium. Cras egestas tristique aliquet. Sed vel augue finibus, egestas sapien non, rutrum neque. Sed tellus dui, imperdiet eget imperdiet molestie, tincidunt ut dolor. Quisque at efficitur mauris, in feugiat massa. Aenean blandit condimentum lobortis.\u003c/p\u003e\n    \u003c/mat-tab\u003e\n    \u003cmat-tab\n            label=\"Sed nisl diam\"\n            tabName=\"sed-nisl-diam\"\u003e\n        \u003cp\u003eSed nisl diam, condimentum scelerisque sem nec, viverra interdum risus. Fusce vulputate enim ex, et dapibus erat posuere quis. Proin non rhoncus quam. Sed vestibulum purus sit amet tempor laoreet. Phasellus varius sollicitudin dictum. Donec sollicitudin efficitur nunc et varius. Nunc neque elit, ultrices at eros eu, ultrices imperdiet erat.\u003c/p\u003e\n    \u003c/mat-tab\u003e\n\u003c/mat-tab-group\u003e\n```","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fasv2001%2Fmat-named-tabs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fasv2001%2Fmat-named-tabs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fasv2001%2Fmat-named-tabs/lists"}