Release 1.0.0-alpha1

Author: a.idzikowski

.browserslistrc

@@ -0,0 +1,17 @@
+# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
+# For additional information regarding the format and rule options, please see:
+# https://github.com/browserslist/browserslist#queries
+
+# For the full list of supported browsers by the Angular framework, please see:
+# https://angular.io/guide/browser-support
+
+# You can see what browsers were selected by your queries by running:
+# npx browserslist
+
+last 1 Chrome version
+last 1 Firefox version
+last 2 Edge major versions
+last 2 Safari major versions
+last 2 iOS major versions
+Firefox ESR
+not IE 11 # Angular supports IE 11 only as an opt-in. To opt-in, remove the 'not' prefix on this line.

.editorconfig

@@ -0,0 +1,16 @@
+# Editor configuration, see https://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.ts]
+quote_type = single
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false

.gitignore

@@ -0,0 +1,46 @@
+# See http://help.github.com/ignore-files/ for more about ignoring files.
+
+# compiled output
+/dist
+/tmp
+/out-tsc
+# Only exists if Bazel was run
+/bazel-out
+
+# dependencies
+/node_modules
+
+# profiling files
+chrome-profiler-events*.json
+speed-measure-plugin*.json
+
+# IDEs and editors
+/.idea
+.project
+.classpath
+.c9/
+*.launch
+.settings/
+*.sublime-workspace
+
+# IDE - VSCode
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+.history/*
+
+# misc
+/.sass-cache
+/connect.lock
+/coverage
+/libpeerconnection.log
+npm-debug.log
+yarn-error.log
+testem.log
+/typings
+
+# System Files
+.DS_Store
+Thumbs.db

CHANGELOG.md

@@ -0,0 +1,26 @@
+## 1.0.0-alpha1 (11.01.2021)
+
+The initial release of MDB 5 Angular Alpha 1.
+
+### New components:
+
+- [Badges](https://mdbootstrap.com/docs/b5/angular/components/badges/)
+- [Buttons](https://mdbootstrap.com/docs/b5/angular/components/buttons/)
+- [Button Group](https://mdbootstrap.com/docs/b5/angular/components/button-group/)
+- [Cards](https://mdbootstrap.com/docs/b5/angular/components/cards/)
+- [Collapse](https://mdbootstrap.com/docs/b5/angular/components/collapse/)
+- [List Group](https://mdbootstrap.com/docs/b5/angular/components/list-group/)
+- [Progress](https://mdbootstrap.com/docs/b5/angular/components/progress/)
+- [Spinners](https://mdbootstrap.com/docs/b5/angular/components/spinners/)
+- [Tables](https://mdbootstrap.com/docs/b5/angular/data/tables/)
+- [Breadcrumb](https://mdbootstrap.com/docs/b5/angular/navigation/breadcrumb/)
+- [Footer](https://mdbootstrap.com/docs/b5/angular/navigation/footer/)
+- [Headers](https://mdbootstrap.com/docs/b5/angular/navigation/headers/)
+- [Navbar](https://mdbootstrap.com/docs/b5/angular/navigation/navbar/)
+- [Pagination](https://mdbootstrap.com/docs/b5/angular/navigation/pagination/)
+
+### New sections:
+
+- Layout
+- Utilities
+- Content & styles

License.pdf

@@ -0,0 +1,195 @@
+![MDB Logo](https://mdbootstrap.com/img/Marketing/general/logo/medium/mdb-angular.png)
+
+# MDB 5 Angular
+
+### Angular 11 & Bootstrap 5 & Material Design 2.0 UI KIT
+
+**[>> Get Started in 4 steps](https://mdbootstrap.com/docs/b5/angular/getting-started/installation/)**
+
+**[>> MDBAngular 5 Demo](https://mdbootstrap.com/docs/b5/angular#demo)**
+
+<a href="https://npmcharts.com/compare/mdb-angular-ui-kit?minimal=true"> <img src="https://img.shields.io/npm/dw/mdb-angular-ui-kit" alt="Downloads"></a>
+<a href="https://github.com/mdbootstrap/mdb-angular-ui-kit/License.pdf"><img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License"></a>
+<a href="https://twitter.com/intent/tweet/?text=Thanks+@mdbootstrap+for+creating+amazing+and+free+Material+Design+for+Bootstrap+4+UI+KIT%20https://mdbootstrap.com/docs/jquery/&hashtags=javascript,code,webdesign,bootstrap"><img src="https://img.shields.io/twitter/url/http/shields.io.svg?style=social&label=Let%20us%20know%20you%20were%20here%21&"></a>
+<a href="https://www.youtube.com/watch?v=c9B4TPnak1A&t=6s"><img alt="YouTube Video Views" src="https://img.shields.io/youtube/views/c9B4TPnak1A?label=Bootstrap%205%20Tutorial%20Views&style=social"></a>
+
+---
+
+<table>
+ <tbody>
+ <tr>
+  <td>
+  <a href="https://mdbootstrap.com/docs/b5/angular/" alt="Bootstrap 5" rel="dofollow">
+ 	<img src="https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content/en/_mdb5/standard/about/assets/mdb5-about.jpg">
+  </a>
+  </td>
+  <td>
+  <ul>
+  <li><b>500+ material UI components</b></li>
+  <li>Super simple, 1 minute installation</li>
+  <li>Detailed docs & multiple practical examples</li>
+  <li>Angular 11</li>
+  <li>Huge and active community</li>
+  <li><b>MIT license - free for personal & commercial use</b></li>
+  </ul>
+  </td>
+ </tr>
+ </tbody>
+</table>
+
+Trusted by <b>2 000 000+</b> developers & designers. Used by companies like
+
+<table>
+ <tbody>
+ <tr>
+  <td><img src="https://mdbootstrap.com/img/logo/brands/nike.png" style="width: 10px;"></td>
+  <td><img src="https://mdbootstrap.com/img/logo/brands/amazon.png" style="width: 10px;"></td>
+  <td><img src="https://mdbootstrap.com/img/logo/brands/sony.png" style="width: 10px;"></td>
+  <td><img src="https://mdbootstrap.com/img/logo/brands/samsung.png" style="height: 40px">
+  <td><img src="https://mdbootstrap.com/img/logo/brands/airbus.png" style="height: 40px">
+  <td><img src="https://mdbootstrap.com/img/logo/brands/yahoo.png" style="height: 40px">
+  <td><img src="https://mdbootstrap.com/img/logo/brands/deloitte.png" style="height: 40px"></div>
+  <td><img src="https://mdbootstrap.com/img/logo/brands/ge.png" style="height: 40px">
+  <td><img src="https://mdbootstrap.com/img/logo/brands/kpmg.png" style="height: 40px">
+  <td><img src="https://mdbootstrap.com/img/logo/brands/unity.png" style="height: 40px">
+  <td><img src="https://mdbootstrap.com/img/logo/brands/ikea.png" style="max-height: 40px">
+  <td><img src="https://mdbootstrap.com/img/logo/brands/aegon.png" style="height: 40px">
+ </tr>
+ </tbody>
+</table>
+
+---
+
+###### Tutorial for the latest Bootstrap v.5 Alpha. In this video we'll learn about the changes implemented into v.5.
+
+**[>> Click here for a written tutorial](https://mdbootstrap.com/docs/b5/angular/getting-started/quick-start/)**
+
+<table>
+ <tbody>
+ <tr>
+  <td align="center">
+ 	<img src="https://mdbootstrap.com/wp-content/uploads/2020/12/learnmore-1.png">
+  </a>
+  </td>
+  <td>
+  <a href="https://mdbootstrap.com/docs/b5/angular/bootstrap-5-tutorial/#section-beginner" alt="Bootstrap 5" rel="dofollow">
+ 	<img src="https://mdbootstrap.com/wp-content/uploads/2020/12/cover-bootstrap-5-1.png">
+  </a>
+  </td>
+ </tr>
+  <tr>
+  <td align="center">
+  <p align="center"><b>Start to Code</b></p>
+  <a href="https://mdbootstrap.com/docs/standard/bootstrap-5-tutorial/#section-beginner" alt="Bootstrap 5" rel="dofollow">
+ 	<img src="https://mdbootstrap.com/wp-content/uploads/2020/12/Screenshot_26.png">
+  </a>
+  </td>
+  <td align="center">
+  <p align="center"><b>Learn Bootstrap 5 | Crash Course for Beginners in 1.5H</b></p>
+  <a href="https://mdbootstrap.com/docs/standard/bootstrap-5-tutorial/#section-beginner" alt="Bootstrap 5" rel="dofollow">
+ 	<img src="https://mdbootstrap.com/wp-content/uploads/2020/12/Screenshot_26.png">
+  </a>
+  </td>
+  </tr>
+ </tbody>
+</table>
+
+---
+
+# Demo
+
+#### Simplicity and ease of use are key features of MDB 5 Angular UI Kit. You need only one minute to install and run it.
+
+### Buttons
+
+<p>Use MDB custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.</p>
+
+<a href="https://mdbootstrap.com/docs/b5/angular/components/buttons/" alt="Bootstrap 5" rel="dofollow">
+ <p align="center">
+ <img src="https://mdbootstrap.com/img/Marketing/campaigns/demo-buttons.gif">
+ </p>
+</a>
+
+<a href="https://mdbootstrap.com/docs/b5/angular/components/buttons/" alt="Bootstrap 5" rel="dofollow">
+ <p align="center">
+ <img src="https://mdbootstrap.com/img/Marketing/campaigns/demo-social-buttons.png">
+ </p>
+</a>
+
+<a href="https://mdbootstrap.com/docs/b5/angular/components/buttons/" alt="Bootstrap 5" rel="dofollow">
+ <p align="center">
+ <img src="https://mdbootstrap.com/img/Marketing/campaigns/demo-buttons2.png">
+ </p>
+</a>
+
+<a href="https://mdbootstrap.com/docs/b5/angular/components/buttons/" alt="Bootstrap 5" rel="dofollow">
+ <p align="center">
+ <img src="https://mdbootstrap.com/img/Marketing/campaigns/demo-buttons-outline.gif">
+ </p>
+</a>
+
+### Spinners
+
+<p>Indicate the loading state of a component or page with MDB spinners, built entirely with HTML, CSS, and no JavaScript.</p>
+
+<a href="https://mdbootstrap.com/docs/b5/angular/components/spinners/" alt="Bootstrap 5" rel="dofollow">
+ <p align="center">
+ <img src="https://mdbootstrap.com/img/Marketing/campaigns/demo-loader.gif">
+ </p>
+</a>
+
+<a href="https://mdbootstrap.com/docs/b5/angular/components/spinners/" alt="Bootstrap 5" rel="dofollow">
+ <p align="center">
+ <img src="https://mdbootstrap.com/img/Marketing/campaigns/demo-color-spinners.gif">
+ </p>
+</a>
+
+### Cards
+
+<p>A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options.</p>
+
+<a href="https://mdbootstrap.com/docs/b5/angular/components/cards/" alt="Bootstrap 5" rel="dofollow">
+ <p align="center">
+ <img src="https://mdbootstrap.com/img/Marketing/campaigns/demo-cards.png">
+ </p>
+</a>
+
+### Footer
+
+<p>A footer is an additional navigation component. It can hold links, buttons, company info, copyrights, forms, and many other elements.</p>
+
+<a href="https://mdbootstrap.com/docs/b5/angular/navigation/footer/" alt="Bootstrap 5" rel="dofollow">
+ <p align="center">
+ <img src="https://mdbootstrap.com/img/Marketing/campaigns/demo-footer.png">
+ </p>
+</a>
+
+### Hover
+
+<p>MDB hover effect appears when the user positions the computer cursor over an element without activating it. Hover effects make a website more interactive.</p>
+
+<a href="https://mdbootstrap.com/docs/b5/angular/content-styles/hover-effects/" alt="Bootstrap 5" rel="dofollow">
+ <p align="center">
+ <img src="https://mdbootstrap.com/img/Marketing/campaigns/demo-hover.gif">
+ </p>
+</a>
+
+<a href="https://mdbootstrap.com/docs/b5/angular/content-styles/hover-effects/" alt="Bootstrap 5" rel="dofollow">
+ <p align="center">
+ <img src="https://mdbootstrap.com/img/Marketing/campaigns/demo-hover2.png">
+ </p>
+</a>
+
+### Notes
+
+<p>Notes are small components very helpful in inserting an additional piece of information.</p>
+
+<a href="https://mdbootstrap.com/docs/b5/angular/content-styles/typography/" alt="Bootstrap 5" rel="dofollow">
+ <p align="center">
+ <img src="https://mdbootstrap.com/img/Marketing/campaigns/demo-alerts.png">
+ </p>
+</a>
+
+</table>
+
+and more.

README.md

@@ -0,0 +1,15 @@
+MDB 5 Angular
+
+Version: FREE 1.0.0 Alpha 1
+
+Documentation:
+https://mdbootstrap.com/docs/b5/angular/
+
+Installation:
+https://mdbootstrap.com/docs/b5/angular/getting-started/installation/
+
+CLI & hosting:
+https://mdbootstrap.com/docs/standard/cli/
+
+Support:
+https://mdbootstrap.com/support/cat/angular/