Merge branch 'main' of https://github.com/ngx-builders/ngx-bulma

Author: AnkitSharma-007

.all-contributorsrc

@@ -40,11 +40,29 @@
       "contributions": [
         "code"
       ]
+    },
+    {
+      "login": "fmalcher",
+      "name": "Ferdinand Malcher",
+      "avatar_url": "https://avatars1.githubusercontent.com/u/1683147?v=4",
+      "profile": "https://www.ferdinand-malcher.de",
+      "contributions": [
+        "code"
+      ]
+    },
+    {
+      "login": "shanmukhateja",
+      "name": "shanmukhateja",
+      "avatar_url": "https://avatars3.githubusercontent.com/u/43369891?v=4",
+      "profile": "https://github.com/shanmukhateja",
+      "contributions": [
+        "code"
+      ]
     }
   ],
   "contributorsPerLine": 7,
   "projectName": "ngx-bulma",
-  "projectOwner": "santoshyadav198613",
+  "projectOwner": "ngx-builders",
   "repoType": "github",
   "repoHost": "https://github.com",
   "skipCi": true

README.md

@@ -16,46 +16,58 @@ This guide explains how to setup your Angular project to begin using ngx2-bulma.
 
 # Install ngx2-bulma
 
-Use the npm command to install ngx2-bulma in your application to set up your Angular project with ngx2-bulma by running the following commands:
+Use the NPM command to install ngx2-bulma in your application to set up your Angular project with ngx2-bulma by running the following command:
 
 ```shell
 ng add ngx2-bulma
 ```
 
-The `ng add` command will install ngx2-bulma and bulma css framework.
-It will also do automate the below configuration
+The `ng add` command will install ngx2-bulma and the bulma CSS framework.
+It will also automate the configuration below.
 
-1. Add your bulma css in your in `angular.json`
+1. Add your bulma CSS in your in `angular.json`:
 
 ```json
 "styles": [
-            "projects/bulma-app/src/styles.css",
-            "node_modules/bulma/css/bulma.css"
-          ]
+  "projects/bulma-app/src/styles.css",
+  "node_modules/bulma/css/bulma.css"
+]
 ```
 
 ## Display a ngx2-bulma component
 
-Let's display a card component in your app and verify that everything works. You need to import the `BulmaCardModule` that you want to display by adding the following lines to your `app.module.ts` file.
+Let's display a card component in your app and verify that everything works. You need to import the `BulmaCardModule` that you need to display by adding the following lines to your `app.module.ts` file.
 
 ```javascript
- import { BulmaCardModule} from 'ngx-bulma';
+import { BulmaCardModule } from 'ngx-bulma';
 
- @NgModule({
-    imports: [BulmaCardModule]
-    });
+@NgModule({
+  imports: [BulmaCardModule],
+  // ...
+})
+export class AppModule {}
 ```
 
-Once you done all the above setup, now you can use the bulmacard component in your Angular application.
+Once you done all the above setup, you can use the Bulma card component in your Angular application as described [in the documentation](https://ngx2-bulma.netlify.app/components/card):
+
+```html
+<bu-card>
+  The content
+</bu-card>
+```
 
 ## Documentation
 
-For complete documentation refer: [ngx2-bulma](https://ngx2-bulma.netlify.com/).
+For complete documentation refer to [ngx2-bulma](https://ngx2-bulma.netlify.com/).
 
 ## Contributing
 
 ngx2-bulma is a community-driven project. Read our [contributing guidelines](./CONTRIBUTING.md) on how to get involved.
 
+## Images Credits
+
+This library would have been incomplete without the support of Iryn Kasparova. You can connect with her on [LinkedIn](https://www.linkedin.com/in/iryn-kasparova/)
+
 ## Contributors ✨
 
 Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):
@@ -65,16 +77,17 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
 <!-- markdownlint-disable -->
 <table>
   <tr>
-    <td align="center"><a href="https://github.com/haroon786"><img src="https://avatars0.githubusercontent.com/u/20164301?v=4" width="100px;" alt=""/><br /><sub><b>HaroonJ</b></sub></a><br /><a href="https://github.com/santoshyadav198613/ngx-bulma/commits?author=haroon786" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/ankitsaini345"><img src="https://avatars2.githubusercontent.com/u/37847177?v=4" width="100px;" alt=""/><br /><sub><b>Ankit Saini</b></sub></a><br /><a href="https://github.com/santoshyadav198613/ngx-bulma/commits?author=ankitsaini345" title="Code">💻</a></td>
-    <td align="center"><a href="https://www.santoshyadav.dev"><img src="https://avatars3.githubusercontent.com/u/11923975?v=4" width="100px;" alt=""/><br /><sub><b>Santosh Yadav</b></sub></a><br /><a href="https://github.com/santoshyadav198613/ngx-bulma/commits?author=santoshyadav198613" title="Code">💻</a></td>
-    <td align="center"><a href="https://ankitsharmablogs.com/"><img src="https://avatars1.githubusercontent.com/u/33789321?v=4" width="100px;" alt=""/><br /><sub><b>Ankit</b></sub></a><br /><a href="https://github.com/santoshyadav198613/ngx-bulma/commits?author=AnkitSharma-007" title="Code">💻</a></td>
+    <td align="center"><a href="https://github.com/haroon786"><img src="https://avatars0.githubusercontent.com/u/20164301?v=4" width="100px;" alt=""/><br /><sub><b>HaroonJ</b></sub></a><br /><a href="https://github.com/ngx-builders/ngx-bulma/commits?author=haroon786" title="Code">💻</a></td>
+    <td align="center"><a href="https://github.com/ankitsaini345"><img src="https://avatars2.githubusercontent.com/u/37847177?v=4" width="100px;" alt=""/><br /><sub><b>Ankit Saini</b></sub></a><br /><a href="https://github.com/ngx-builders/ngx-bulma/commits?author=ankitsaini345" title="Code">💻</a></td>
+    <td align="center"><a href="https://www.santoshyadav.dev"><img src="https://avatars3.githubusercontent.com/u/11923975?v=4" width="100px;" alt=""/><br /><sub><b>Santosh Yadav</b></sub></a><br /><a href="https://github.com/ngx-builders/ngx-bulma/commits?author=santoshyadav198613" title="Code">💻</a></td>
+    <td align="center"><a href="https://ankitsharmablogs.com/"><img src="https://avatars1.githubusercontent.com/u/33789321?v=4" width="100px;" alt=""/><br /><sub><b>Ankit</b></sub></a><br /><a href="https://github.com/ngx-builders/ngx-bulma/commits?author=AnkitSharma-007" title="Code">💻</a></td>
+    <td align="center"><a href="https://www.ferdinand-malcher.de"><img src="https://avatars1.githubusercontent.com/u/1683147?v=4" width="100px;" alt=""/><br /><sub><b>Ferdinand Malcher</b></sub></a><br /><a href="https://github.com/ngx-builders/ngx-bulma/commits?author=fmalcher" title="Code">💻</a></td>
+    <td align="center"><a href="https://github.com/shanmukhateja"><img src="https://avatars3.githubusercontent.com/u/43369891?v=4" width="100px;" alt=""/><br /><sub><b>shanmukhateja</b></sub></a><br /><a href="https://github.com/ngx-builders/ngx-bulma/commits?author=shanmukhateja" title="Code">💻</a></td>
   </tr>
 </table>
 
 <!-- markdownlint-enable -->
 <!-- prettier-ignore-end -->
-
 <!-- ALL-CONTRIBUTORS-LIST:END -->
 
-This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!
+This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind are welcome!

angular.json

@@ -3,7 +3,7 @@
   "version": 1,
   "newProjectRoot": "projects",
   "projects": {
-    "ngx-bulma": {
+    "@ngx-builders/ngx-bulma": {
       "projectType": "library",
       "root": "projects/ngx-bulma",
       "sourceRoot": "projects/ngx-bulma/src",
@@ -180,7 +180,7 @@
       }
     }
   },
-  "defaultProject": "ngx-bulma",
+  "defaultProject": "@ngx-builders/ngx-bulma",
   "schematics": {
     "@nrwl/angular:application": {
       "unitTestRunner": "jest",

package.json

@@ -1,12 +1,12 @@
 {
-  "name": "ngx-bulma",
-  "version": "0.0.1-beta3",
+  "name": "@ngx-builders/ngx-bulma",
+  "version": "0.0.2",
   "scripts": {
     "release": "standard-version",
     "ng": "ng",
     "start": "ng serve",
-    "build:prod:lib": "ng build ngx-bulma --prod && npm run schematics:build",
-    "build:lib": "ng build ngx-bulma --prod",
+    "build:prod:lib": "ng build @ngx-builders/ngx-bulma --prod && npm run schematics:build",
+    "build:lib": "ng build @ngx-builders/ngx-bulma --prod",
     "serve:app": "npm run build:lib && ng serve bulma-app -o",
     "build:lib:watch": "ng build ngx-bulma --watch",
     "build-docs": "npm run build:lib && ng build bulma-app",
@@ -22,59 +22,60 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "9.1.11",
-    "@angular/common": "9.1.11",
-    "@angular/compiler": "9.1.11",
-    "@angular/core": "9.1.11",
-    "@angular/forms": "9.1.11",
-    "@angular/platform-browser": "9.1.11",
-    "@angular/platform-browser-dynamic": "9.1.11",
-    "@angular/router": "9.1.11",
-    "@fortawesome/fontawesome-svg-core": "1.2.28",
-    "@fortawesome/free-solid-svg-icons": "5.13.0",
+    "@angular/animations": "9.1.12",
+    "@angular/common": "9.1.12",
+    "@angular/compiler": "9.1.12",
+    "@angular/core": "9.1.12",
+    "@angular/forms": "9.1.12",
+    "@angular/platform-browser": "9.1.12",
+    "@angular/platform-browser-dynamic": "9.1.12",
+    "@angular/router": "9.1.12",
+    "@fortawesome/fontawesome-svg-core": "1.2.30",
+    "@fortawesome/free-solid-svg-icons": "5.14.0",
     "@fortawesome/react-fontawesome": "0.1.11",
-    "@nrwl/angular": "9.4.4",
-    "@nrwl/workspace": "9.4.4",
+    "@nrwl/angular": "9.5.1",
+    "@nrwl/workspace": "9.5.1",
     "bulma": "0.9.0",
     "core-js": "3.6.5",
     "font-awesome": "4.7.0",
-    "marked": "1.1.0",
+    "marked": "1.1.1",
+    "ng-samurai": "^2.0.5",
     "ngx-markdown": "9.1.1",
-    "ngx-semantic-version": "1.2.1",
+    "ngx-semantic-version": "2.1.0",
     "prism-themes": "1.4.0",
     "renamer": "2.0.1",
-    "rxjs": "6.5.5",
-    "schematics-utilities": "2.0.1",
+    "rxjs": "6.6.2",
+    "schematics-utilities": "2.0.2",
     "tslib": "2.0.0",
     "zone.js": "0.10.3"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "0.901.9",
-    "@angular-devkit/build-ng-packagr": "0.901.9",
-    "@angular/cli": "9.1.9",
-    "@angular/compiler-cli": "9.1.11",
-    "@angular/language-service": "9.1.11",
-    "@commitlint/cli": "8.3.5",
-    "@commitlint/config-conventional": "8.3.4",
-    "@fortawesome/fontawesome-free": "5.13.0",
-    "@ngx-builders/analyze": "1.0.0",
-    "@nrwl/cypress": "9.4.4",
-    "@nrwl/jest": "9.4.4",
+    "@angular-devkit/build-angular": "0.1000.5",
+    "@angular-devkit/build-ng-packagr": "0.1000.5",
+    "@angular/cli": "9.1.12",
+    "@angular/compiler-cli": "9.1.12",
+    "@angular/language-service": "9.1.12",
+    "@commitlint/cli": "9.1.1",
+    "@commitlint/config-conventional": "9.1.1",
+    "@fortawesome/fontawesome-free": "5.14.0",
+    "@ngx-builders/analyze": "2.0.0",
+    "@nrwl/cypress": "9.5.1",
+    "@nrwl/jest": "9.5.1",
     "@types/jasmine": "3.5.10",
     "@types/jasminewd2": "2.0.8",
-    "@types/jest": "26.0.0",
-    "@types/node": "12.12.47",
-    "codelyzer": "5.2.2",
+    "@types/jest": "26.0.9",
+    "@types/node": "12.12.54",
+    "codelyzer": "6.0.0",
     "commitizen": "4.1.2",
     "copyfiles": "2.3.0",
-    "cypress": "4.8.0",
+    "cypress": "4.12.1",
     "cz-conventional-changelog": "3.2.0",
     "husky": "4.2.5",
-    "jasmine-core": "3.5.0",
+    "jasmine-core": "3.6.0",
     "jasmine-spec-reporter": "5.0.2",
-    "jest": "26.0.1",
-    "jest-preset-angular": "8.2.0",
-    "karma": "5.1.0",
+    "jest": "26.4.0",
+    "jest-preset-angular": "8.2.1",
+    "karma": "5.1.1",
     "karma-chrome-launcher": "3.1.0",
     "karma-coverage-istanbul-reporter": "3.0.3",
     "karma-jasmine": "3.3.1",
@@ -83,8 +84,8 @@
     "prettier": "2.0.5",
     "pretty-quick": "2.0.1",
     "protractor": "7.0.0",
-    "standard-version": "8.0.0",
-    "ts-jest": "26.1.0",
+    "standard-version": "8.0.2",
+    "ts-jest": "26.2.0",
     "ts-node": "8.10.2",
     "tslint": "5.20.1",
     "tslint-config-prettier": "1.18.0",

projects/bulma-app/src/app/app.module.ts

@@ -2,12 +2,12 @@ import { HttpClientModule } from '@angular/common/http';
 import { NgModule } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 
-import {
-  BulmaCardModule,
-  BulmaContainerModule,
-  BulmaFooterModule,
-  BulmaNavbarModule,
-} from 'ngx-bulma';
+import { BulmaCardModule } from '@ngx-builders/ngx-bulma/card';
+
+import { BulmaContainerModule } from '@ngx-builders/ngx-bulma/container';
+import { BulmaFooterModule } from '@ngx-builders/ngx-bulma/footer';
+
+import { BulmaNavbarModule } from '@ngx-builders/ngx-bulma/navbar';
 
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';

projects/bulma-app/src/app/box/box.module.ts

@@ -1,7 +1,7 @@
 import { CommonModule } from '@angular/common';
 import { HttpClient } from '@angular/common/http';
 import { NgModule } from '@angular/core';
-import { BulmaBoxModule } from 'ngx-bulma';
+import { BulmaBoxModule } from '@ngx-builders/ngx-bulma/box';
 import { MarkdownModule } from 'ngx-markdown';
 import { BoxRoutingModule } from './box-routing.module';
 import { BoxComponent } from './box/box.component';

projects/bulma-app/src/app/button/button.module.ts

@@ -1,7 +1,7 @@
 import { CommonModule } from '@angular/common';
 import { HttpClient } from '@angular/common/http';
 import { NgModule } from '@angular/core';
-import { BulmaButtonModule } from 'ngx-bulma';
+import { BulmaButtonModule } from '@ngx-builders/ngx-bulma/button';
 import { MarkdownModule } from 'ngx-markdown';
 import { ButtonRoutingModule } from './button-routing.module';
 import { ButtonComponent } from './button.component';

projects/bulma-app/src/app/card/card.module.ts

@@ -1,7 +1,7 @@
 import { CommonModule } from '@angular/common';
 import { HttpClient } from '@angular/common/http';
 import { NgModule } from '@angular/core';
-import { BulmaCardModule } from 'ngx-bulma';
+import { BulmaCardModule } from '@ngx-builders/ngx-bulma/card';
 import { MarkdownModule } from 'ngx-markdown';
 import { CardRoutingModule } from './card-routing.module';
 import { CardComponent } from './card.component';

projects/bulma-app/src/app/container/container.module.ts

@@ -1,7 +1,7 @@
 import { CommonModule } from '@angular/common';
 import { HttpClient } from '@angular/common/http';
 import { NgModule } from '@angular/core';
-import { BulmaContainerModule } from 'ngx-bulma';
+import { BulmaContainerModule } from '@ngx-builders/ngx-bulma/container';
 import { MarkdownModule } from 'ngx-markdown';
 import { ContainerRoutingModule } from './container-routing.module';
 import { ContainerComponent } from './container.component';
@@ -12,8 +12,8 @@ import { ContainerComponent } from './container.component';
     CommonModule,
     ContainerRoutingModule,
     BulmaContainerModule,
-    MarkdownModule.forRoot({ loader: HttpClient })
+    MarkdownModule.forRoot({ loader: HttpClient }),
   ],
-  exports: [ContainerComponent]
+  exports: [ContainerComponent],
 })
-export class ContainerModule { }
+export class ContainerModule {}

projects/bulma-app/src/app/footer/doc-footer/doc-footer.component.html

@@ -9,6 +9,9 @@
           <p class="bd-footer-link-title">
             <a href="https://bulma.io/blog">Blog</a>
           </p>
+          <p class="bd-footer-link-title">
+            <a href="https://github.com/jgthms/bulma#browser-support">Browser Support</a>
+          </p>
         </div>
 
         <div class="column is-3">