{"id":25825578,"url":"https://github.com/porscheinformatik/material-addons","last_synced_at":"2026-04-02T14:46:28.504Z","repository":{"id":41190296,"uuid":"194610782","full_name":"porscheinformatik/material-addons","owner":"porscheinformatik","description":"Material-Addons is an addon to Angular Material which is based on the Material Design system.","archived":false,"fork":false,"pushed_at":"2026-03-25T22:05:55.000Z","size":116278,"stargazers_count":12,"open_issues_count":38,"forks_count":18,"subscribers_count":6,"default_branch":"master","last_synced_at":"2026-03-26T21:02:52.134Z","etag":null,"topics":["angular","material","material-design","material-ui"],"latest_commit_sha":null,"homepage":"https://porscheinformatik.github.io/material-addons","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/porscheinformatik.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":".github/CONTRIBUTING.md","funding":null,"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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2019-07-01T06:13:37.000Z","updated_at":"2026-03-25T22:06:01.000Z","dependencies_parsed_at":"2023-02-18T18:01:20.887Z","dependency_job_id":"0fa3d2f2-152f-43d8-9438-54d2b09a5897","html_url":"https://github.com/porscheinformatik/material-addons","commit_stats":null,"previous_names":[],"tags_count":125,"template":false,"template_full_name":null,"purl":"pkg:github/porscheinformatik/material-addons","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/porscheinformatik%2Fmaterial-addons","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/porscheinformatik%2Fmaterial-addons/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/porscheinformatik%2Fmaterial-addons/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/porscheinformatik%2Fmaterial-addons/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/porscheinformatik","download_url":"https://codeload.github.com/porscheinformatik/material-addons/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/porscheinformatik%2Fmaterial-addons/sbom","scorecard":{"id":116715,"data":{"date":"2025-08-04","repo":{"name":"github.com/porscheinformatik/material-addons","commit":"fdaf5ef807082b564b6a0f2ad141b48a9b07a6c3"},"scorecard":{"version":"v5.2.1-28-gc1d103a9","commit":"c1d103a9bb9f635ec7260bf9aa0699466fa4be0e"},"score":2.9,"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/c1d103a9bb9f635ec7260bf9aa0699466fa4be0e/docs/checks.md#packaging"}},{"name":"Maintained","score":5,"reason":"7 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 5","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/c1d103a9bb9f635ec7260bf9aa0699466fa4be0e/docs/checks.md#maintained"}},{"name":"Dangerous-Workflow","score":10,"reason":"no dangerous workflow patterns detected","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/c1d103a9bb9f635ec7260bf9aa0699466fa4be0e/docs/checks.md#dangerous-workflow"}},{"name":"Token-Permissions","score":0,"reason":"detected GitHub workflow tokens with excessive permissions","details":["Warn: no topLevel permission defined: .github/workflows/release.yml:1","Warn: no topLevel permission defined: .github/workflows/verify.yml:1","Info: no jobLevel write permissions found"],"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/c1d103a9bb9f635ec7260bf9aa0699466fa4be0e/docs/checks.md#token-permissions"}},{"name":"Code-Review","score":3,"reason":"Found 9/24 approved changesets -- score normalized to 3","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/c1d103a9bb9f635ec7260bf9aa0699466fa4be0e/docs/checks.md#code-review"}},{"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/c1d103a9bb9f635ec7260bf9aa0699466fa4be0e/docs/checks.md#cii-best-practices"}},{"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/c1d103a9bb9f635ec7260bf9aa0699466fa4be0e/docs/checks.md#binary-artifacts"}},{"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/c1d103a9bb9f635ec7260bf9aa0699466fa4be0e/docs/checks.md#license"}},{"name":"Pinned-Dependencies","score":0,"reason":"dependency not pinned by hash detected -- score normalized to 0","details":["Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release.yml:13: update your workflow using https://app.stepsecurity.io/secureworkflow/porscheinformatik/material-addons/release.yml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release.yml:15: update your workflow using https://app.stepsecurity.io/secureworkflow/porscheinformatik/material-addons/release.yml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release.yml:34: update your workflow using https://app.stepsecurity.io/secureworkflow/porscheinformatik/material-addons/release.yml/master?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/release.yml:36: update your workflow using https://app.stepsecurity.io/secureworkflow/porscheinformatik/material-addons/release.yml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/verify.yml:16: update your workflow using https://app.stepsecurity.io/secureworkflow/porscheinformatik/material-addons/verify.yml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/verify.yml:18: update your workflow using https://app.stepsecurity.io/secureworkflow/porscheinformatik/material-addons/verify.yml/master?enable=pin","Warn: npmCommand not pinned by hash: .github/workflows/release.yml:20","Warn: npmCommand not pinned by hash: .github/workflows/release.yml:26","Warn: npmCommand not pinned by hash: .github/workflows/release.yml:27","Warn: npmCommand not pinned by hash: .github/workflows/verify.yml:22","Info:   0 out of   5 GitHub-owned GitHubAction dependencies pinned","Info:   0 out of   1 third-party GitHubAction dependencies pinned","Info:   0 out of   4 npmCommand dependencies pinned"],"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/c1d103a9bb9f635ec7260bf9aa0699466fa4be0e/docs/checks.md#pinned-dependencies"}},{"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/c1d103a9bb9f635ec7260bf9aa0699466fa4be0e/docs/checks.md#signed-releases"}},{"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/c1d103a9bb9f635ec7260bf9aa0699466fa4be0e/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/c1d103a9bb9f635ec7260bf9aa0699466fa4be0e/docs/checks.md#fuzzing"}},{"name":"Branch-Protection","score":0,"reason":"branch protection not enabled on development/release branches","details":["Warn: branch protection not enabled for branch 'master'","Warn: branch protection not enabled for branch 'angular-18'","Warn: branch protection not enabled for branch 'angular-17'"],"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/c1d103a9bb9f635ec7260bf9aa0699466fa4be0e/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 16 are checked with a SAST tool"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/c1d103a9bb9f635ec7260bf9aa0699466fa4be0e/docs/checks.md#sast"}},{"name":"Vulnerabilities","score":0,"reason":"11 existing vulnerabilities detected","details":["Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8","Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw","Warn: Project is vulnerable to: GHSA-67mh-4wv8-2f99","Warn: Project is vulnerable to: GHSA-fjxv-7rqg-78g4","Warn: Project is vulnerable to: GHSA-52f5-9888-hmc6","Warn: Project is vulnerable to: GHSA-vg6x-rcgg-rjx6","Warn: Project is vulnerable to: GHSA-x574-m823-4x7w","Warn: Project is vulnerable to: GHSA-4r4m-qw57-chr8","Warn: Project is vulnerable to: GHSA-xcj6-pq6g-qj4x","Warn: Project is vulnerable to: GHSA-356w-63v5-8wf4","Warn: Project is vulnerable to: GHSA-859w-5945-r5v3"],"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/c1d103a9bb9f635ec7260bf9aa0699466fa4be0e/docs/checks.md#vulnerabilities"}}]},"last_synced_at":"2025-08-16T01:29:17.510Z","repository_id":41190296,"created_at":"2025-08-16T01:29:17.510Z","updated_at":"2025-08-16T01:29:17.510Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31308395,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-02T12:59:32.332Z","status":"ssl_error","status_checked_at":"2026-04-02T12:54:48.875Z","response_time":89,"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","material","material-design","material-ui"],"created_at":"2025-02-28T14:06:19.911Z","updated_at":"2026-04-02T14:46:28.493Z","avatar_url":"https://github.com/porscheinformatik.png","language":"TypeScript","readme":"[![Verify](https://github.com/porscheinformatik/material-addons/actions/workflows/verify.yml/badge.svg)](https://github.com/porscheinformatik/material-addons/actions/workflows/verify.yml) [![Deploy Release](https://github.com/porscheinformatik/material-addons/actions/workflows/release.yml/badge.svg)](https://github.com/porscheinformatik/material-addons/actions/workflows/release.yml)\n\n# MAD: Material Addons - Angular Material extension library\n\nThe goal of \"material addons\" is to achieve a stylesheet similar\nto [Clarity Addons](https://www.npmjs.com/package/@porscheinformatik/clr-addons)\nfor [Angular Material](https://material.angular.io/).\n\nThe package can be found on [npmjs](https://www.npmjs.com/package/@porscheinformatik/material-addons).\n\n## [Demo website](https://porscheinformatik.github.io/material-addons)\n\nThe demo uses the material-addons stylesheet and shows some basic layouting and css usage. Source of the demo website is\nfound in the [src directory](https://github.com/porscheinformatik/material-addons/tree/master/src/).\n\n# Versioning\n\nThe versioning of material-addons is based on the Angular version. The Angular version of your application **must** match the Material Addons version.\n\n| Angular Version | Material Addons Version | Material Design |\n|-----------------|-------------------------|-----------------|\n| Angular 21      | 22.x.x                  | M3              |\n| Angular 21      | 21.x.x                  | M2              |\n| Angular 19      | 19.x.x                  | M2              |\n| Angular 18      | 18.x.x                  | M2              |\n| Angular 17      | 17.x.x                  | M2              |\n| Angular 16      | 16.x.x                  | M2              |\n| Angular 15      | 15.x.x                  | M2              |\n| Angular 14      | 14.x.x                  | M2              |\n| Angular 10-13   | 10.x.x                  | M2              |\n\n## Material Design 3 (M3) Support\n\n**As of version 22.0.0**, Material Addons fully supports Material Design 3 (M3) theming:\n\n- ✅ M3 color system and design tokens\n- ✅ Improved accessibility and contrast\n- ✅ All existing CSS variables preserved\n- ✅ No breaking API changes\n- ✅ Dark mode ready (coming in v22.1+)\n\nFor migration from M2 (v21.x) to M3 (v22.x), see [MIGRATION_M2_TO_M3.md](MIGRATION_M2_TO_M3.md).\n\n# Changelog\n\n_Hint: Changes marked as **visible change** directly affect your application during version upgrade. **Breaking**\nrequires your attention during upgrade._\n\n- **22.0.7**: Added local storybook integration for development with examples for several components\n- **22.0.6**: Deprecate table component, update demo page\n- **22.0.5**: Refactor card, file-upload and action-button components, demo page improvements\n- **22.0.4**: Fix release workflow\n- **22.0.3**: Add m2/m3 theme switcher to demo page. Rework release workflow\n- **22.0.2**: Card component refactored. Switch to signal API, fix styling. Color palette demo page fixes \n- **22.0.1**: data-table row min-height removed. Alert component switch to signal API, fix styling for centering items inside of alert container\n- **22.0.0**: 🎉 **MAJOR RELEASE - Material Design 3 (M3) Migration**\n  - **BREAKING**: Migrated to Angular Material 3 (M3) theming\n  - Requires Angular 21+ and Angular Material 21+\n  - Visual updates to M3 design language (no API changes)\n  - Removed all `::ng-deep` selectors\n  - All existing CSS variables preserved for backward compatibility\n  - Added new M3 system tokens (`--mat-sys-*`)\n  - See [MIGRATION_M2_TO_M3.md](MIGRATION_M2_TO_M3.md) for upgrade instructions\n\n- **21.0.4**: improve table headers\n- **21.0.3**: Fix Angular 21 upgrade\nFor detailed changelog see [CHANGELOG.md](CHANGELOG.md).\n- **21.0.1**: Upgrade to Angular 21\n\n\u003cdetails\u003e\u003csummary\u003eView older changelogs\u003c/summary\u003e\n\n- **19.0.13**: Add an input to make data-table expandable rows conditional\n- **19.0.12**: CARCATDEV-13967 add templating for title in sidebar layout\n- **19.0.11**: Updated fonts (remove arial and helvetica)\n- **19.0.10**: fix delete filter button for initial filterValue\n- **19.0.9**: Change \"label\" input of readonly-form-field back to optional\n- **19.0.8**: ToolbarService: Added \"addBackActionRoute\" method to add a back action route with query parameters to the toolbar\n- **19.0.7**: fix position of filter button in data table\n- **19.0.6**: Improve data table filter\n- **19.0.5**: fix: stepper error state color, css, add mat-error to stepper demo\n- **19.0.4**: Major: fix cdkObserveContent deadlock in Chromium \u003e= 135 version\n- **19.0.3**: Fix Endless Loop in Readonly FormField [#223](https://github.com/porscheinformatik/material-addons/pull/223)\n- **19.0.2**: bugfix for version: fix dist output\n- **19.0.0**: Upgrade to Angular 19\n- **18.0.8**: Major: fix cdkObserveContent deadlock in Chromium \u003e= 135 version\n- **18.0.7**: Fix Endless Loop in Readonly FormField [#223](https://github.com/porscheinformatik/material-addons/pull/223)\n- **18.0.5**: FileUpload: Added additional param as 'removable' which allows user to remove file from fileList [#212](https://github.com/porscheinformatik/material-addons/pull/212)\n- **18.0.3**: Fix MadNumericField: Fix floating point issue when not rounding any values (2.3*100 = 229.999 and displayed as 2.29)\n- **18.0.2**: data table fix for onExpand call\n- **18.0.1**: Prettier fixes, alert component fix\n- **18.0.0**: Upgrade to Angular 18\n- **17.4.6**: Fix MadNumericField: Fix floating point issue when not rounding any values (2.3*100 = 229.999 and displayed as 2.29)\n- **17.4.4**: bugfix for data table display data\n- **17.4.3**: Minor improvements for data table, readonly form fields and sidebar\n- **17.4.2**: Moved text-overflow and ellipsis logic from readonly-form-field-wrapper\n- **17.4.1**: add cards without title\n- **17.3.4**: DataTable: bugix data table sorting\n- **17.3.3**: bugfix for version\n- **17.3.2**: bugfix for new page layout\n- **17.3.0**: new page layout\n- **17.2.2**: DataTable: bugix data table sorting\n- **17.2.1**: DataTable: Bugfix sorting\n- **17.2.0**: DataTable: new implementation with additional functionality\n- **17.1.2**: Main Action: Add Tooltip\n- **17.1.1**: Extend readonly form field [#167](https://github.com/porscheinformatik/material-addons/pull/167)\n- **17.1.0**: Upgrade theming and provide carcat-style theme [#147](https://github.com/porscheinformatik/material-addons/pull/147)\n- **17.0.3**: Fix [#154](https://github.com/porscheinformatik/material-addons/pull/154)\n- **17.0.1**: Fix [#151](https://github.com/porscheinformatik/material-addons/pull/151)\n- **17.0.0**: Upgrade to Angular 17 and Angular Material 17.\n- **16.0.7**: Toolbar: Added the possibility to use a function callback for mainActions\n- **16.0.5**: Fix data-table row actions [#144](https://github.com/porscheinformatik/material-addons/pull/144)\n- **16.0.5**: Added Reactive form validation support for quick list [#143](https://github.com/porscheinformatik/material-addons/pull/143)\n- **16.0.4**: Append functionality of ReadonlyFormField [#142](https://github.com/porscheinformatik/material-addons/pull/142)\n- **16.0.3**: Fix read-only-form-field styling for \"right\" aligned units\n- **16.0.2**: Upgraded Angular to v16.2. Caution: This version only supports ES2022!\n- **15.0.3**: Fixed layout issue in cards\n- **15.0.1**: Removed all @angular/flex-layout dependencies and replaced them with pure CSS\n- **15.0.0**: **MAJOR ANGULAR 15 RELEASE**\n  - **breaking changes** - [#131 Upgrade to Angular 15 with MDC Components](https://github.com/porscheinformatik/material-addons/pull/131)\n    - This version requires your application to use Angular 15\n    - The framework is now based on Angular Material components using MDC (Material Design Components)\n- **14.1.6**: Show tooltips in toolbar action burger menu\n- **14.1.4**: data-table fixes: action button became too small for tables with a lot of colums\n- **14.1.x**: Fix Button Styling for Stepper and Quicklist: change \"add\" button in Quicklist to \"Outline\" Styling and \"next\" and \"done\" button in MatStepper to \"Primary\" Styling\n- **14.1.2**: minor fixes in datatable\n- **14.1.1**: minor fixes: datatable paging bug and action column maxwidth\n- **14.1.0**: **BREAKING** - Upgraded library to Angular 14, enabled Ivy builds, updated lib to esm2020\n- **10.4.1**: Added removePossible input to mad-quick-list\n- **10.4.0**: **BREAKING** - Data Table Column\n  configuration [#111](https://github.com/porscheinformatik/material-addons/pull/111)\n- **10.3.4**: toolbar actions: added 'importantAction' property. These actions will never be hidden in a mat-menu\n- **10.3.3**: mad-table: Added sticky column feature, fixed vertical scroll bar issue\n- **10.3.2**: Don't print toolbar menu when using browser print function (ctrl+p)\n- **10.3.1**: Toolbar Action enhancements [#102](https://github.com/porscheinformatik/material-addons/issues/102)\n- **10.3.0**:\n\n  - **breaking change** - [#101](https://github.com/porscheinformatik/material-addons/pull/101) Data table enhancements\n    - BatchMode\n    - Actions for SINGLE, BATCH, NONE\n    - Loading Animation\n    - custom ID generator\n    - custom column data transformation\n\n- **10.2.5**: Fix toolbar icon button color in mobile view\n- **10.2.4**: Enhancements/Fixes in Flowbar Layout\n- **10.2.3**:\n  - **visible change** - [#92](https://github.com/porscheinformatik/material-addons/issues/92) Fixed validation theme\n    warn-color in PBV theme\n- **10.2.2**:\n  - Added [#73](https://github.com/porscheinformatik/material-addons/issues/73) DataGrid Component\n  - Added [#89](https://github.com/porscheinformatik/material-addons/issues/89) Flowbar Layout\n- **10.2.1**:\n  - Added [#88 stepper component](https://github.com/porscheinformatik/material-addons/issues/88)\n- **10.2.0**:\n  - Change peerDependency versions to any Angular above 10.0.0\n  - Added [additionalActionIcon](https://porscheinformatik.github.io/material-addons/card) feature to mad-cards\n  - Demo: Fixed package.json some issues that occurred during development\n- **10.1.9**:\n  - CSS fix: Hide all types of mad-buttons when printing a page\n  - Demo: Hide navbar when printing a page\n- **10.1.8**:\n  - CSS fix: Class \"fixedtabs\" also affected child tab components. This is now fixed.\n- **10.1.7**:\n  - Fix ([issue](https://github.com/porscheinformatik/material-addons/issues/78)) / mad-table inside card overflows the\n    card\n- **10.1.6**:\n  - Table fix: Show empty-text correctly when no data is present\n- **10.1.5**:\n  - Set input id for readonly-form-field-wrapper (requrired for cypress\n    tests) ([pr](https://github.com/porscheinformatik/material-addons/pull/69))\n- **10.1.4**:\n  - Disabled click-listener for disabled\n    buttons ([issue](https://github.com/porscheinformatik/material-addons/issues/67))\n- **10.1.3**:\n  - Fixed add-button disabled handling in\n    mad-quick-list ([issue](https://github.com/porscheinformatik/material-addons/issues/65))\n- **10.1.2**:\n  - Cleanup\n- **10.0.27**:\n  - **Visible change:** Ellipsis support for readonly-form-fields (enabled per\n    default) [demo](https://porscheinformatik.github.io/material-addons/card)\n  - **Visible change:** Fix toolbar badges on mobile devices\n  - Added shrinkIfEmpty feature to read-only\n    textareas [demo](https://porscheinformatik.github.io/material-addons/readonly)\n  - Added save-button throttling as default to card component\n  - Minor bugfixes in Demo\n- **10.0.26**: Added throttle button\n  directive [demo](https://porscheinformatik.github.io/material-addons/throttle-click)\n- **10.0.25**: Added badge support for toolbar actions,\n  see [toolbar demo](https://porscheinformatik.github.io/material-addons)\n- **10.0.24**: Added text field support for read-only-form-field-wrapper with \"multiline\" and \"rows\" arguments\n- **10.0.22**: Fixed [#52](https://github.com/porscheinformatik/material-addons/issues/52) and updated\n  documentation [#48](https://github.com/porscheinformatik/material-addons/pull/48)\n- **10.0.21**: Added [mad button components](https://porscheinformatik.github.io/material-addons/mad-buttons) (\n  mad-primary-button, mad-outline-button, etc.) to ensure a unified design\n- **10.0.19**: Fixed [#46](https://github.com/porscheinformatik/material-addons/issues/46) where read-only numbers were\n  formatted by default\n- **10.0.18**: Fix [card](https://porscheinformatik.github.io/material-addons/card) header size by using default\n  Angular Material styling\n- **10.0.17**: Minor fixes in 4\n  components ([numeric-field](https://porscheinformatik.github.io/material-addons/numeric-field)\n  , [action-table](https://porscheinformatik.github.io/material-addons/action-table)\n  , [quicklist](https://porscheinformatik.github.io/material-addons/quick-list)\n  , [readonly-formfield](https://porscheinformatik.github.io/material-addons/readonly))\n- **10.0.16**: Fix number format detection\n  in [numeric-field](https://porscheinformatik.github.io/material-addons/numeric-field)\n- **10.0.15**: Small fix in [action-table](https://porscheinformatik.github.io/material-addons/action-table)\n- **10.0.14**: Add [action-table](https://porscheinformatik.github.io/material-addons/action-table) bugfix\n  in [numeric-field](https://porscheinformatik.github.io/material-addons/numeric-field)\n- **10.0.13**: Event emitter fix in [card](https://porscheinformatik.github.io/material-addons/card) component\n- **10.0.12**: Style fix in [card](https://porscheinformatik.github.io/material-addons/card) component\n- **10.0.11**: Added [quicklist](https://porscheinformatik.github.io/material-addons/quick-list)\n  and [card](https://porscheinformatik.github.io/material-addons/card) component\n- **10.0.10**: Added [numeric-field](https://porscheinformatik.github.io/material-addons/numeric-field) editable fields\n- **10.0.9**: (not released)\n- **10.0.8**: Added [numeric-field](https://porscheinformatik.github.io/material-addons/numeric-field) directive`\n\n\u003c/details\u003e\n\n# Usage\n\n## Requirements\n\nMaterial addons requires an already set-up Angular Material project. To do a fresh start please\nfollow [the official Angular Material guide](https://material.angular.io/guide/getting-started) before you continue, but\nexclude step 4 (\"include a theme\").\n\n## Initial steps in your project\n\n1. Install Material Addons package using npm:\n\n   ```\n   npm install @porscheinformatik/material-addons --save\n   ```\n\n2. Add font stylesheets and theme to your `angular.json` build configuration:\n\n   ```json\n   \"styles\": [\n     \"node_modules/roboto-fontface/css/roboto/roboto-fontface.css\",\n     \"node_modules/material-icons/iconfont/material-icons.css\",\n     \"node_modules/@porscheinformatik/material-addons/themes/poa.scss\"\n   ]\n   ```\n\n   **Available themes:**\n   - `poa.scss` - Porsche Informatik Austria theme (cyan primary)\n   - `pbv.scss` - Porsche BVW theme (dark blue primary)\n   - `carcat.scss` - CARCAT theme (light blue primary, custom alert density)\n\n   All themes support Material Design 3 (M3) starting from v22.0.0.\n\n   **Note**: Font CSS files must be loaded via `angular.json` (not SCSS `@import`) due to SCSS module system requirements. The `roboto-fontface` and `material-icons` packages are included as dependencies.\n\n3. To use a component, you need to import the Module of the component in your app.module.ts or in any other module,\n   which needs the component.\n\n# Development instructions\n\n## [Contribution guidelines](https://github.com/porscheinformatik/material-addons/tree/master/.github/CONTRIBUTING.md)\n\nPlease follow the Contribution guidelines.\n\n## Getting the project to run as developer + start demo\n\n`npm install \u0026\u0026 npm run build:mat-add \u0026\u0026 npm install --no-optional \u0026\u0026 npm install \u0026\u0026 ng serve`\n\n## Pre commit hooks\n\nEslint and prettier are used as precommit hooks to enable a consistency of code format and quality in this repository.\nI'd also recommend to add the prettier extension in your editor, so that you get early feedback on your code. I use VS\nCode with the [Prettier Extension](https://github.com/prettier/prettier-vscode) and\nthe [auto format on save](https://github.com/prettier/prettier-vscode#format-on-save).\n\n## Set correct registry for publishing material-addons\n\nUse `npm config set registry https://registry.npmjs.org/` to set registry on the official npm registry.\n\n# Deployment process\n\n## Publish NPM and deploy demo\n\n1. Update the release information above. Please provide some information about the change.\n2. Create a new Github Release:\n   1. [Releases](https://github.com/porscheinformatik/material-addons/releases)\n   2. Please create a new tag matching the release version \n   ![img.png](img.png)\n   3. The version name of the release should NOT have the \"v\" prefix. \n   ![img_1.png](img_1.png)\n   5The deploy pipeline will trigger automatically.\n3. Check if the [deploy pipeline](https://github.com/porscheinformatik/material-addons/actions/workflows/release.yml)\n   succeeded\n4. The new version should appear on npmjs.org [here](https://www.npmjs.com/package/@porscheinformatik/material-addons?activeTab=versions)\n5. Please note that it can take 4-6 hours until the version is available in local Artifactory installations!\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fporscheinformatik%2Fmaterial-addons","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fporscheinformatik%2Fmaterial-addons","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fporscheinformatik%2Fmaterial-addons/lists"}