feat: update package to angular v11

teogl · teogl · commit 0bfbdef9d2a4 · 2021-01-11T13:47:01.000-05:00
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "miscellaneous",
-  "version": "1.0.0",
+  "version": "2.0.0",
   "author": "craftsjs",
   "description": "Material alert library for angular",
   "license": "MIT",
@@ -30,10 +30,10 @@
     "@ngrx/store": "^10.1.2",
     "@ngx-translate/core": "^13.0.0",
     "perfect-scrollbar": "^1.5.0",
-    "rxjs": "~6.5.4",
+    "rxjs": "~6.6.3",
     "scss-bundle": "^3.1.1",
     "tslib": "^2.0.0",
-    "zone.js": "~0.10.2"
+    "zone.js": "0.11.3"
   },
   "devDependencies": {
     "@angular-devkit/build-angular": "^0.1100.6",
@@ -74,4 +74,4 @@
     "modal",
     "notifier"
   ]
-}
+}
diff --git a/projects/craftsjs/alert/README.md b/projects/craftsjs/alert/README.md
@@ -13,6 +13,7 @@ Choose the version corresponding to your Angular version:
 
  | Angular | @craftsjs/alert |
  | ------- | --------------- |
+ | 11      | 2.x             |
  | 10      | 1.x             |
 
 ```
@@ -138,4 +139,4 @@ body.theme-default{
 
 ```html
 <body class="theme-default"></body>
-```
+```
diff --git a/projects/craftsjs/alert/package.json b/projects/craftsjs/alert/package.json
@@ -1,18 +1,18 @@
 {
   "name": "@craftsjs/alert",
-  "version": "1.0.0",
+  "version": "2.0.0",
   "author": "craftsjs",
   "description": "Material alert library for angular",
   "license": "MIT",
   "homepage": "https://github.com/addapptables/angular-miscellaneous",
   "peerDependencies": {
-    "@angular/common": ">= 10.0.0 < 11.0.0",
-    "@angular/core": ">= 10.0.0 < 11.0.0",
-    "@angular/material": ">= 10.0.0 < 11.0.0",
-    "@angular/cdk": ">= 10.0.0 < 11.0.0",
-    "@angular/animations": ">= 10.0.0 < 11.0.0",
+    "@angular/common": ">= 11.0.0 < 12.0.0",
+    "@angular/core": ">= 11.0.0 < 12.0.0",
+    "@angular/material": ">= 11.0.0 < 12.0.0",
+    "@angular/cdk": ">= 11.0.0 < 12.0.0",
+    "@angular/animations": ">= 11.0.0 < 12.0.0",
     "@ngx-translate/core": ">= 13.0.0 < 14.0.0",
-    "@craftsjs/core": ">=1.0.0 < 2.0.0"
+    "@craftsjs/core": ">=2.0.0 < 3.0.0"
   },
   "repository": {
     "type": "git",
@@ -32,4 +32,4 @@
   "dependencies": {
     "tslib": "^2.0.0"
   }
-}
+}
diff --git a/projects/craftsjs/card/README.md b/projects/craftsjs/card/README.md
@@ -13,7 +13,8 @@ Choose the version corresponding to your Angular version:
 
  Angular     | @craftsjs/card
  ----------- | -------------------
- 10           | 1.x
+ 11          | 2.x
+ 10          | 1.x
 
 ```
 npm i @craftsjs/card --S
@@ -108,4 +109,4 @@ body.theme-default {
 
 ```html
 <body class="theme-default"></body>
-```
+```
diff --git a/projects/craftsjs/card/package.json b/projects/craftsjs/card/package.json
@@ -1,16 +1,16 @@
 {
   "name": "@craftsjs/card",
-  "version": "1.0.0",
+  "version": "2.0.0",
   "author": "Craftsjs",
   "description": "Material card library for angular",
   "license": "MIT",
   "homepage": "https://github.com/addapptables/angular-miscellaneous",
   "peerDependencies": {
-    "@angular/common": ">= 10.0.0 < 11.0.0",
-    "@angular/core": ">= 10.0.0 < 11.0.0",
-    "@angular/animations": ">= 10.0.0 < 11.0.0",
-    "@angular/material": ">= 10.0.0 < 11.0.0",
-    "@angular/cdk": ">= 10.0.0 < 11.0.0"
+    "@angular/common": ">= 11.0.0 < 12.0.0",
+    "@angular/core": ">= 11.0.0 < 12.0.0",
+    "@angular/animations": ">= 11.0.0 < 12.0.0",
+    "@angular/material": ">= 11.0.0 < 12.0.0",
+    "@angular/cdk": ">= 11.0.0 < 12.0.0"
   },
   "repository": {
     "type": "git",
@@ -28,4 +28,4 @@
   "dependencies": {
     "tslib": "^2.0.0"
   }
-}
+}
diff --git a/projects/craftsjs/core/README.md b/projects/craftsjs/core/README.md
@@ -9,6 +9,7 @@ Choose the version corresponding to your Angular version:
 
  Angular     | @addapptables/core
  ----------- | -------------------
+ 11          | 2.x
  10          | 1.x
 
 ```
@@ -19,4 +20,4 @@ npm i @crafsjs/core --S
 
 ```scss
 @import '~@crafsjs/core/crafsjs-grid.theme';
-```
+```
diff --git a/projects/craftsjs/core/package.json b/projects/craftsjs/core/package.json
@@ -1,13 +1,13 @@
 {
   "name": "@craftsjs/core",
-  "version": "1.0.0",
+  "version": "2.0.0",
   "author": "Craftsjs",
   "description": "Craftsjs core library for angular",
   "license": "MIT",
   "homepage": "https://github.com/addapptables/angular-miscellaneous",
   "peerDependencies": {
-    "@angular/common": ">= 10.0.0 < 11.0.0",
-    "@angular/core": ">= 10.0.0 < 11.0.0"
+    "@angular/common": ">= 11.0.0 < 12.0.0",
+    "@angular/core": ">= 11.0.0 < 12.0.0"
   },
   "repository": {
     "type": "git",
@@ -24,4 +24,4 @@
   "dependencies": {
     "tslib": "^2.0.0"
   }
-}
+}
diff --git a/projects/craftsjs/menu-admin/README.md b/projects/craftsjs/menu-admin/README.md
@@ -13,6 +13,7 @@ Choose the version corresponding to your Angular version:
 
  | Angular | @craftsjs/menu-admin |
  | ------- | -------------------- |
+ | 11      | 2.x                  |
  | 10      | 1.x                  |
 
 ```
diff --git a/projects/craftsjs/menu-admin/package.json b/projects/craftsjs/menu-admin/package.json
@@ -1,21 +1,21 @@
 {
   "name": "@craftsjs/menu-admin",
-  "version": "1.0.0",
+  "version": "2.0.0",
   "author": "craftsjs",
   "description": "Material menu library for angular",
   "license": "MIT",
   "homepage": "https://github.com/addapptables/angular-miscellaneous",
   "peerDependencies": {
-    "@angular/common": ">= 10.0.0 < 11.0.0",
-    "@angular/core": ">= 10.0.0 < 11.0.0",
-    "@angular/router": ">= 10.0.0 < 11.0.0",
-    "@angular/material": ">= 10.0.0 < 11.0.0",
-    "@angular/cdk": ">= 10.0.0 < 11.0.0",
+    "@angular/common": ">= 11.0.0 < 12.0.0",
+    "@angular/core": ">= 11.0.0 < 12.0.0",
+    "@angular/router": ">= 11.0.0 < 12.0.0",
+    "@angular/material": ">= 11.0.0 < 12.0.0",
+    "@angular/cdk": ">= 11.0.0 < 12.0.0",
     "@ngx-translate/core": ">= 13.0.0 < 14.0.0",
-    "@ngrx/store": ">= 10.0.0 < 11.0.0",
-    "@craftsjs/core": ">=1.0.0 < 2.0.0",
-    "@craftsjs/ngrx-action": ">=1.0.0 < 2.0.0",
-    "@craftsjs/perfect-scrollbar": ">=1.0.0 < 2.0.0"
+    "@ngrx/store": ">= 10.0.0 < 12.0.0",
+    "@craftsjs/core": ">=2.0.0 < 3.0.0",
+    "@craftsjs/ngrx-action": ">=2.0.0 < 3.0.0",
+    "@craftsjs/perfect-scrollbar": ">=2.0.0 < 3.0.0"
   },
   "repository": {
     "type": "git",
@@ -37,4 +37,4 @@
   "dependencies": {
     "tslib": "^2.0.0"
   }
-}
+}
diff --git a/projects/craftsjs/menu-admin/src/lib/_craftsjs-menu.theme.scss b/projects/craftsjs/menu-admin/src/lib/_craftsjs-menu.theme.scss
@@ -9,6 +9,11 @@
     $primary: map-get($theme, primary);
     $foreground: map-get($theme, foreground);
     .menu {
+        a {
+          text-decoration: none;
+          color: white;
+          display: flex;
+        }
         color: map-get($variables, text);
         width: 300px;
         background-color: mat-color($primary, 1);
@@ -192,4 +197,4 @@
         }
     }
     @include menu-children();
-}
+}
diff --git a/projects/craftsjs/menu-admin/src/lib/components/menu-items-link/components/shared-print-menu/shared-print-menu.component.html b/projects/craftsjs/menu-admin/src/lib/components/menu-items-link/components/shared-print-menu/shared-print-menu.component.html
@@ -1,13 +1,14 @@
 <ul [ngClass]="{'shared-print-detail': isDetail && !(collapse$ | async)}">
-    <li [ngClass]="{'shared-print-detail-li': isDetail && !(collapse$ | async)}" *ngFor="let menu of menus"
-        #menuElement="routerLinkActive" [routerLinkActive]="!menu.multiOption? 'menu-items-button-active': ''"
-        [routerLinkActiveOptions]="{exact: menu.exact}">
-        <menu-single [routerLink]="menu.url" *ngIf="!menu.multiOption" [menu]="menu" (click)="openCloseMenu()">
-        </menu-single>
-        <menu-group #menuGroup *ngIf="menu.multiOption" [menu]="menu">
-            <shared-print-menu class="menu-children" [menus]="menu.children" *ngIf="menuGroup.isOpen$ | async"
-                [isDetail]="true">
-            </shared-print-menu>
-        </menu-group>
-    </li>
-</ul>
+  <li [ngClass]="{'shared-print-detail-li': isDetail && !(collapse$ | async)}" *ngFor="let menu of menus">
+    <a #menuElement="routerLinkActive" [routerLinkActive]="!menu.multiOption? 'menu-items-button-active': ''"
+      [routerLinkActiveOptions]="{exact: menu.exact}" [routerLink]="menu.url">
+      <menu-single *ngIf="!menu.multiOption" [menu]="menu" (click)="openCloseMenu()">
+      </menu-single>
+    </a>
+    <menu-group #menuGroup *ngIf="menu.multiOption" [menu]="menu">
+      <shared-print-menu class="menu-children" [menus]="menu.children" *ngIf="menuGroup.isOpen$ | async"
+        [isDetail]="true">
+      </shared-print-menu>
+    </menu-group>
+  </li>
+</ul>
diff --git a/projects/craftsjs/menu-admin/src/lib/components/menu-items-link/components/shared-print-menu/shared-print-menu.component.scss b/projects/craftsjs/menu-admin/src/lib/components/menu-items-link/components/shared-print-menu/shared-print-menu.component.scss
@@ -1,24 +1,27 @@
 .shared-print {
-    &-detail {
-        margin-left: 16px !important;
-        & > li {
-            display: flex !important;
-            border-left: 2px solid #fff !important;
-            border-radius: 0 !important;
-            padding-left: 13px !important;
-        }
-        &-li {
-            &:before {
-                content: '';
-                position: relative;
-                top: -18px;
-                left: -15px;
-                bottom: 50%;
-                width: .75em;
-                border: 2px solid #fff;
-                border-top: 0 transparent;
-                border-right: 0 transparent;
-            }
-        }
+  &-detail {
+    margin-left: 16px !important;
+    & > li {
+      display: flex !important;
+      border-left: 2px solid #fff !important;
+      border-radius: 0 !important;
+      padding-left: 13px !important;
     }
-}
+    &-li {
+      & > a {
+        width: 90%;
+      }
+      &:before {
+        content: "";
+        position: relative;
+        top: -18px;
+        left: -15px;
+        bottom: 50%;
+        width: 0.75em;
+        border: 2px solid #fff;
+        border-top: 0 transparent;
+        border-right: 0 transparent;
+      }
+    }
+  }
+}
diff --git a/projects/craftsjs/menu-admin/src/lib/craftsjs-menu.component.html b/projects/craftsjs/menu-admin/src/lib/craftsjs-menu.component.html
@@ -2,8 +2,8 @@
   [ngClass]="{'menu-open': open$ | async, 'menu-mini': activeMenuMini$ | async, 'menu-hover': collapseMenu$ | async }"
   class="menu d-flex flex-column flex-wrap align-content-start">
   <ng-content select="craftsjs-menu-header"></ng-content>
-  <div craftsjsPerfectScrollbar class="menu-scroll-container d-flex flex-column flex-wrap align-content-start">
+  <div perfectScrollbar class="menu-scroll-container d-flex flex-column flex-wrap align-content-start">
     <ng-content select="craftsjs-menu-user"></ng-content>
     <ng-content select="craftsjs-menu-items-link"></ng-content>
   </div>
-</div>
+</div>
diff --git a/projects/craftsjs/menu-admin/src/lib/craftsjs-menu.module.ts b/projects/craftsjs/menu-admin/src/lib/craftsjs-menu.module.ts
@@ -4,7 +4,7 @@ import { CommonModule } from '@angular/common';
 import { RouterModule } from '@angular/router';
 import { TranslateModule } from '@ngx-translate/core';
 import { ReduxRegisterModule } from '@craftsjs/ngrx-actions';
-import { CraftsjsPerfectScrollbarModule } from '@craftsjs/perfect-scrollbar';
+import { PerfectScrollbarModule } from '@craftsjs/perfect-scrollbar';
 import { CraftsjsMenuComponent } from './craftsjs-menu.component';
 import { MenuHeaderComponent } from './components/menu-header/menu-header.component';
 import { MenuItemsLinkComponent } from './components/menu-items-link/menu-items-link.component';
@@ -23,7 +23,7 @@ import { CollapseButtonMobileComponent } from './components/collapse-button-mobi
     MatIconModule,
     MatTooltipModule,
     RouterModule,
-    CraftsjsPerfectScrollbarModule,
+    PerfectScrollbarModule,
     ReduxRegisterModule.forFeature('craftsjsmenu', { sidebar: MenuStore }),
   ],
   declarations: [
diff --git a/projects/craftsjs/modal/README.md b/projects/craftsjs/modal/README.md
@@ -11,6 +11,7 @@ Choose the version corresponding to your Angular version:
 
  Angular     | @craftsjs/modal
  ----------- | -------------------
+ 11          | 2.x
  10          | 1.x
 
 ```
diff --git a/projects/craftsjs/modal/package.json b/projects/craftsjs/modal/package.json
@@ -1,16 +1,16 @@
 {
   "name": "@craftsjs/modal",
-  "version": "1.0.0",
+  "version": "2.0.0",
   "author": "craftsjs",
   "description": "Material modal is a library for angular",
   "license": "MIT",
   "homepage": "https://github.com/addapptables/angular-miscellaneous",
   "peerDependencies": {
-    "@angular/common": ">=10.0.0 < 11.0.0",
-    "@angular/core": ">=10.0.0 < 11.0.0",
-    "@angular/material": ">=10.0.0 < 11.0.0",
-    "@angular/animations": ">=10.0.0 < 11.0.0",
-    "@angular/cdk": ">=10.0.0 < 11.0.0"
+    "@angular/common": ">=11.0.0 < 12.0.0",
+    "@angular/core": ">=11.0.0 < 12.0.0",
+    "@angular/material": ">=11.0.0 < 12.0.0",
+    "@angular/animations": ">=11.0.0 < 12.0.0",
+    "@angular/cdk": ">=11.0.0 < 12.0.0"
   },
   "repository": {
     "type": "git",
@@ -30,4 +30,4 @@
   "dependencies": {
     "tslib": "^2.0.0"
   }
-}
+}
diff --git a/projects/craftsjs/modal/src/lib/components/modal-body/modal-body.component.html b/projects/craftsjs/modal/src/lib/components/modal-body/modal-body.component.html
@@ -1,3 +1,3 @@
-<div class="modal-body-responsive" addapptablesPerfectScrollbar>
+<div class="modal-body-responsive" perfectScrollbar>
   <ng-content></ng-content>
-</div>
+</div>
diff --git a/projects/craftsjs/modal/src/lib/modal.component.scss b/projects/craftsjs/modal/src/lib/modal.component.scss
@@ -1,3 +1,6 @@
+.mat-dialog-container {
+  overflow:  hidden !important;
+}
 .modal {
     position: relative;
     display: flex;
@@ -39,4 +42,4 @@
             margin-right: 0;
         }
     }
-}
+}
diff --git a/projects/craftsjs/ngrx-action/package.json b/projects/craftsjs/ngrx-action/package.json
diff --git a/projects/craftsjs/notifier/README.md b/projects/craftsjs/notifier/README.md
diff --git a/projects/craftsjs/notifier/package.json b/projects/craftsjs/notifier/package.json
diff --git a/projects/craftsjs/perfect-scrollbar/README.md b/projects/craftsjs/perfect-scrollbar/README.md
diff --git a/projects/craftsjs/perfect-scrollbar/package.json b/projects/craftsjs/perfect-scrollbar/package.json
diff --git a/yarn.lock b/yarn.lock
