ngx-gauge - npm Package Compare versions

Comparing version 4.0.0 to 5.0.0

gauge/gauge.d.ts

@@ -1,2 +0,2 @@
-import { SimpleChanges, Renderer2, AfterViewInit, ElementRef, OnChanges, OnDestroy } from '@angular/core';
+import { SimpleChanges, Renderer2, AfterViewInit, ElementRef, OnChanges, OnDestroy, OnInit } from '@angular/core';
 import { NgxGaugeLabel, NgxGaugeValue, NgxGaugePrepend, NgxGaugeAppend } from './gauge-directives';
@@ -6,3 +6,3 @@ import * as i0 from "@angular/core";
 export declare type NgxGaugeCap = 'round' | 'butt';
-export declare class NgxGauge implements AfterViewInit, OnChanges, OnDestroy {
+export declare class NgxGauge implements AfterViewInit, OnChanges, OnDestroy, OnInit {
     private _elementRef;
@@ -21,2 +21,3 @@ private _renderer;
     private _animate;
+    private _margin;
     private _initialized;
@@ -29,2 +30,4 @@ private _context;
     set size(value: number);
+    get margin(): number;
+    set margin(value: number);
     get min(): number;
@@ -45,2 +48,3 @@ set min(value: number);
     thresholds: Object;
+    markers: Object;
     private _value;
@@ -51,2 +55,3 @@ get value(): number;
     constructor(_elementRef: ElementRef, _renderer: Renderer2);
+    ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
@@ -58,2 +63,4 @@ private _updateSize;
     private _drawShell;
+    private _drawFill;
+    private _addMarker;
     private _clear;
@@ -67,8 +74,12 @@ private _getWidth;
     private _destroy;
-    private _setupStyles;
     private _getForegroundColorByRange;
+    private _getThresholdMatchForValue;
+    private _getNextThreshold;
+    private _getBackgroundColorRanges;
+    private _getDisplacement;
     private _create;
+    private _drawMarkersAndTicks;
     private _update;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxGauge, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgxGauge, "ngx-gauge", never, { "ariaLabel": "aria-label"; "ariaLabelledby": "aria-labelledby"; "size": "size"; "min": "min"; "animate": "animate"; "max": "max"; "type": "type"; "cap": "cap"; "thick": "thick"; "label": "label"; "append": "append"; "prepend": "prepend"; "foregroundColor": "foregroundColor"; "backgroundColor": "backgroundColor"; "thresholds": "thresholds"; "value": "value"; "duration": "duration"; }, {}, ["_labelChild", "_prependChild", "_appendChild", "_valueDisplayChild"], ["ngx-gauge-prepend", "ngx-gauge-value", "ngx-gauge-append", "ngx-gauge-label"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgxGauge, "ngx-gauge", never, { "ariaLabel": "aria-label"; "ariaLabelledby": "aria-labelledby"; "size": "size"; "margin": "margin"; "min": "min"; "animate": "animate"; "max": "max"; "type": "type"; "cap": "cap"; "thick": "thick"; "label": "label"; "append": "append"; "prepend": "prepend"; "foregroundColor": "foregroundColor"; "backgroundColor": "backgroundColor"; "thresholds": "thresholds"; "markers": "markers"; "value": "value"; "duration": "duration"; }, {}, ["_labelChild", "_prependChild", "_appendChild", "_valueDisplayChild"], ["ngx-gauge-prepend", "ngx-gauge-value", "ngx-gauge-append", "ngx-gauge-label"]>;
 }

package.json

 {
   "name": "ngx-gauge",
-  "version": "4.0.0",
+  "version": "5.0.0",
   "description": "A highly customizable Gauge Component for Angular 4+ apps and dashboards",
@@ -10,4 +10,4 @@ "repository": {
   "peerDependencies": {
-    "@angular/common": "^12.0.0",
-    "@angular/core": "^12.0.0"
+    "@angular/common": "^13.0.0",
+    "@angular/core": "^13.0.0"
   },
@@ -37,9 +37,22 @@ "keywords": [
   "homepage": "https://github.com/ashish-chopra/ngx-gauge#readme",
-  "main": "bundles/ngx-gauge.umd.js",
-  "module": "fesm2015/ngx-gauge.js",
-  "es2015": "fesm2015/ngx-gauge.js",
-  "esm2015": "esm2015/ngx-gauge.js",
-  "fesm2015": "fesm2015/ngx-gauge.js",
+  "module": "fesm2015/ngx-gauge.mjs",
+  "es2020": "fesm2020/ngx-gauge.mjs",
+  "esm2020": "esm2020/ngx-gauge.mjs",
+  "fesm2020": "fesm2020/ngx-gauge.mjs",
+  "fesm2015": "fesm2015/ngx-gauge.mjs",
   "typings": "ngx-gauge.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./ngx-gauge.d.ts",
+      "esm2020": "./esm2020/ngx-gauge.mjs",
+      "es2020": "./fesm2020/ngx-gauge.mjs",
+      "es2015": "./fesm2015/ngx-gauge.mjs",
+      "node": "./fesm2015/ngx-gauge.mjs",
+      "default": "./fesm2020/ngx-gauge.mjs"
+    }
+  },
   "sideEffects": false
-}
+}

README.md

@@ -27,2 +27,3 @@ # ngx-gauge
 |12.x.x | 4.0.0 |
+|13.x.x | 5.0.0 |
 
@@ -106,2 +107,4 @@ #### Step 1: Install npm module
 | `thresholds` | Specifies an object of threshold values at which the gauge's color changes. Checkout an example [here](#configure-threshold-color-ranges).  | No |  `none` | {}
+| `markers` | Specifies an object of marker values at which value to place a marker. Can be a line or triangle and optionally may specify color, size and label. Note if you use labels you should add to margin value to the gauge using the margin option | No | A special object of the format shown. Currently type supports "line" or "triangle" marker. ```{ "50": { color: "#555", type: "triangle", size: 8, label: "Goal", font: "12px arial" } , ... }``` | {} |
+| `margin` | Specifies an optional margin for the gauge. | No | 0 | Positive Integer |
 | `animate` | toggles the gauge animation.  | No |  `true` | boolean
@@ -108,0 +111,0 @@ | `aria-label` | Specifies the label used by screen readers | No | `undefined` | Any String

New 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

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

253578

51.51%

Lines of code

1858

38.66%

Number of lines in readme file

196

1.55%

Worsened metrics

Number of low supply chain risk alerts

6

100%

Number of medium supply chain risk alerts

1

Infinity%

No dependency changes