@tabler/angular-ui - npm Package Compare versions

Comparing version 0.7.6 to 0.7.8

package.json

 {
-  "$schema": "../../node_modules/ng-packagr/package.schema.json",
   "name": "@tabler/angular-ui",
-  "version": "0.7.6",
+  "version": "0.7.8",
   "publishConfig": {
@@ -10,2 +9,3 @@ "access": "public"
   "ngPackage": {
+    "$schema": "../../node_modules/ng-packagr/package.schema.json",
     "lib": {
@@ -12,0 +12,0 @@ "entryFile": "index.ts"

public_api.ts

@@ -1,3 +0,3 @@
-export { UiModule } from './src/ui.module'
-export { UiLink, LayoutComponent, LayoutBaseComponent, UiButton } from './src/modules'
-export { UiService, UiProfile, UiNotification, UiLayout, UiBadge} from './src/services/ui.service'
+export { UiModule } from './src/lib/ui.module'
+export { UiLink, LayoutComponent, LayoutBaseComponent, UiButton } from './src/lib/modules'
+export { UiProfile, UiNotification, UiLayout, UiBadge} from './src/lib/services/ui.service'

src/lib/modules/layout/components/layout/layout.component.ts

 import { Component } from '@angular/core'
-import { UiService } from '../../../../services/ui.service'
+import { UiLayout } from '@tabler/angular-ui'
 
@@ -7,9 +7,9 @@ @Component({
   template: `
-    <div class="page" *ngIf="ui.config$ | async as config; else loading">
+    <div class="page" *ngIf="ui.config$ | async as UiLayout; else loading">
       <div class="page-main">
-        <ui-header [config]="config"></ui-header>
+        <ui-header [config]="ui"></ui-header>
         <div class="page-content">
           <router-outlet></router-outlet>
         </div>
-        <ui-footer [config]="config"></ui-footer>
+        <ui-footer [config]="ui"></ui-footer>
       </div>
@@ -23,3 +23,3 @@ </div>
 export class LayoutComponent {
-  constructor(public ui: UiService) {}
+  constructor(public ui: UiLayout) {}
 }

src/lib/modules/link/models/index.ts

@@ -1,2 +0,2 @@
-import { UiBadge } from '../../../services/ui.service'
+import { UiBadge } from '@tabler/angular-ui'
 
@@ -3,0 +3,0 @@ export class UiLink {

src/lib/services/ui.service.ts

@@ -1,2 +0,1 @@
-import { Injectable } from '@angular/core'
 import { UiLink } from '../modules'
@@ -45,122 +44,15 @@ import { Observable } from 'rxjs/Observable'
 
-  footerSubNav?: [UiLink[]]
+  footerSubNav?: UiLink[][]
   footerSubText?: string
-}
 
-@Injectable()
-export class UiService {
   private configSubject = new ReplaySubject<UiLayout>()
 
-  private config: UiLayout = {
-    appLink: '/',
-    appLogo: 'assets/brand/tabler.svg',
-    appName: 'Tabler for Angular',
-  }
-
   public config$: Observable<UiLayout> = this.configSubject.asObservable()
 
   /**
-   * Define the link to Home
-   * @param link
-   */
-  public set appLink(link: string) {
-    this.config.appLink = link
-  }
-
-  /**
-   * Set the link to the app logo image
-   * @param logo
-   */
-  public set appLogo(logo: string) {
-    this.config.appLogo = logo
-  }
-
-  /**
-   * Set the app name
-   * @param name
-   */
-  public set appName(name: string) {
-    this.config.appName = name
-  }
-
-  /**
-   * Set the main navigation items
-   * @param items
-   */
-  public set headerNav(items: UiLink[]) {
-    this.config.headerNav = items
-  }
-
-  /**
-   * Set the secondary navigation items
-   * @param items
-   */
-  public set headerSubNav(items: UiLink[]) {
-    this.config.headerSubNav = items
-  }
-
-  /**
-   * Set the User Profile
-   * @param profile
-   */
-  public set profile(profile: UiProfile) {
-    this.config.profile = profile
-  }
-
-  /**
-   * Set the links in the user profile menu
-   * @param items
-   */
-  public set profileNav(items: UiLink[]) {
-    this.config.profileNav = items
-  }
-
-  /**
-   * Set the notifications items dropdown
-   * @param notifications
-   */
-  public set notifications(notifications: UiNotification[]) {
-    this.config.notifications = notifications
-  }
-
-  /**
-   * Set the Navigation Items in the footer
-   * @param items
-   */
-  public set footerNav(items: UiLink[]) {
-    this.config.footerNav = items
-  }
-
-  /**
-   * Set the footer text, good for a copyright/disclaimer message
-   * @param text
-   */
-  public set footerText(text: string) {
-    this.config.footerText = text
-  }
-
-  /**
-   * Set the footer sub navigation.
-   *
-   * Accepts an Array of UiLink Arrays
-   * @param items
-   */
-  public set footerSubNav(items: [UiLink[]]) {
-    this.config.footerSubNav = items
-  }
-
-  /**
-   * Set the footer sub text
-   * @param text
-   */
-  public set footerSubText(text: string) {
-    this.config.footerSubText = text
-  }
-
-  /**
    * Update the config by emitting values
    */
-  public updateLayout(config: UiLayout = {}) {
-    this.config = Object.assign({}, this.config, config)
-    this.configSubject.next(this.config)
+  public updateLayout(config: UiLayout = this) {
+    Object.assign(this, config)
+    this.configSubject.next(this)
   }
@@ -167,0 +59,0 @@

src/lib/ui.module.ts

@@ -6,3 +6,3 @@ import { NgModule } from '@angular/core'
 
-import { UiService } from './services/ui.service'
+import { UiLayout } from '@tabler/angular-ui'
 
@@ -12,4 +12,4 @@ @NgModule({
   exports: [ModulesModule],
-  providers: [UiService],
+  providers: [UiLayout],
 })
 export class UiModule {}

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

49886

decreased by-4.11%

Lines of code

1568

decreased by-5.71%

No dependency changes