@iplab/ngx-color-picker - npm Package Compare versions

Comparing version 2.1.1 to 2.2.0

iplab-ngx-color-picker.d.ts

 /**
  * Generated bundle index. Do not edit.
  */
+/// <amd-module name="@iplab/ngx-color-picker" />
 export * from './public-api';
-export { BaseComponent as ɵb } from './lib/components/parts/base.component';
-export { ListAnimation as ɵd, OpacityAnimation as ɵc } from './lib/components/parts/color-preset-sublist/color-preset-sublist.animation';
-export { ColorPickerInputDirective as ɵe } from './lib/directives/color-picker-input.directive';
-export { BaseColor as ɵi } from './lib/helpers/base-color.class';
-export { Rgba as ɵh } from './lib/helpers/rgba.class';
-export { ChunksPipe as ɵf } from './lib/pipes/chunks.pipe';
-export { ReversePipe as ɵg } from './lib/pipes/reverse.pipe';
-export { ColorPickerConfig as ɵa } from './lib/services/color-picker.service';

lib/color-picker.module.d.ts

 import { ModuleWithProviders } from '@angular/core';
+/**
+ * services
+ */
+import { IColorPickerConfig } from './services/color-picker.service';
+import * as i0 from "@angular/core";
+import * as i1 from "./components/parts/saturation/saturation.component";
+import * as i2 from "./components/parts/indicator/indicator.component";
+import * as i3 from "./components/parts/hue/hue.component";
+import * as i4 from "./components/parts/alpha/alpha.component";
+import * as i5 from "./components/parts/inputs/rgba-input/rgba-input.component";
+import * as i6 from "./components/parts/inputs/hsla-input/hsla-input.component";
+import * as i7 from "./components/parts/inputs/hex-input/hex-input.component";
+import * as i8 from "./components/parts/color-presets/color-presets.component";
+import * as i9 from "./components/parts/color-preset/color-preset.component";
+import * as i10 from "./components/parts/color-preset-sublist/color-preset-sublist.component";
+import * as i11 from "./directives/color-picker-input.directive";
+import * as i12 from "./pipes/chunks.pipe";
+import * as i13 from "./pipes/reverse.pipe";
+import * as i14 from "./components/chrome-picker/chrome-picker.component";
+import * as i15 from "./components/sketch-picker/sketch-picker.component";
+import * as i16 from "./components/swatches-picker/swatches-picker.component";
+import * as i17 from "./components/github-picker/github-picker.component";
+import * as i18 from "./components/compact-picker/compact-picker.component";
+import * as i19 from "./components/ip-picker/ip-picker.component";
+import * as i20 from "@angular/common";
 export { SaturationComponent } from './components/parts/saturation/saturation.component';
@@ -19,6 +44,2 @@ export { IndicatorComponent } from './components/parts/indicator/indicator.component';
 /**
- * services
- */
-import { IColorPickerConfig } from './services/color-picker.service';
-/**
  * exports
@@ -32,2 +53,5 @@ */
     static forRoot<T extends IColorPickerConfig>(configuration?: T): ModuleWithProviders<ColorPickerModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ColorPickerModule, [typeof i1.SaturationComponent, typeof i2.IndicatorComponent, typeof i3.HueComponent, typeof i4.AlphaComponent, typeof i5.RgbaComponent, typeof i6.HslaComponent, typeof i7.HexComponent, typeof i8.ColorPresetsComponent, typeof i9.ColorPresetComponent, typeof i10.ColorPresetSublist, typeof i11.ColorPickerInputDirective, typeof i12.ChunksPipe, typeof i13.ReversePipe, typeof i14.ChromePickerComponent, typeof i15.SketchPickerComponent, typeof i16.SwatchesPickerComponent, typeof i17.GithubPickerComponent, typeof i18.CompactPickerComponent, typeof i19.IpPickerComponent], [typeof i20.CommonModule], [typeof i1.SaturationComponent, typeof i2.IndicatorComponent, typeof i3.HueComponent, typeof i4.AlphaComponent, typeof i5.RgbaComponent, typeof i6.HslaComponent, typeof i7.HexComponent, typeof i8.ColorPresetsComponent, typeof i14.ChromePickerComponent, typeof i15.SketchPickerComponent, typeof i16.SwatchesPickerComponent, typeof i17.GithubPickerComponent, typeof i18.CompactPickerComponent, typeof i19.IpPickerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ColorPickerModule>;
 }

lib/components/chrome-picker/chrome-picker.component.d.ts

 import { OnInit, EventEmitter, SimpleChanges, OnDestroy, OnChanges, ChangeDetectorRef } from '@angular/core';
 import { ColorString } from './../../helpers/color.class';
 import { ColorPickerControl } from './../../helpers/control.class';
+import * as i0 from "@angular/core";
 export declare class ChromePickerComponent implements OnInit, OnChanges, OnDestroy {
@@ -17,2 +18,4 @@ private readonly cdr;
     changePresentation(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChromePickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChromePickerComponent, "chrome-picker", never, { "color": "color"; "control": "control"; }, { "colorChange": "colorChange"; }, never, never>;
 }

lib/components/compact-picker/compact-picker.component.d.ts

 import { OnInit, EventEmitter, SimpleChanges, OnChanges, OnDestroy, ChangeDetectorRef } from '@angular/core';
 import { ColorString } from './../../helpers/color.class';
 import { ColorPickerControl } from './../../helpers/control.class';
+import * as i0 from "@angular/core";
 export declare class CompactPickerComponent implements OnInit, OnChanges, OnDestroy {
@@ -14,2 +15,4 @@ private readonly cdr;
     ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CompactPickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CompactPickerComponent, "compact-picker", never, { "color": "color"; "control": "control"; }, { "colorChange": "colorChange"; }, never, never>;
 }

lib/components/github-picker/github-picker.component.d.ts

 import { OnInit, EventEmitter, OnChanges, SimpleChanges, OnDestroy, ChangeDetectorRef } from '@angular/core';
 import { ColorString } from './../../helpers/color.class';
 import { ColorPickerControl } from './../../helpers/control.class';
+import * as i0 from "@angular/core";
 export declare class GithubPickerComponent implements OnInit, OnChanges, OnDestroy {
@@ -14,2 +15,4 @@ private readonly cdr;
     ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GithubPickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GithubPickerComponent, "github-picker", never, { "color": "color"; "control": "control"; }, { "colorChange": "colorChange"; }, never, never>;
 }

lib/components/ip-picker/ip-picker.component.d.ts

 import { OnInit, EventEmitter, SimpleChanges, OnDestroy, OnChanges } from '@angular/core';
 import { ColorString } from './../../helpers/color.class';
 import { ColorPickerControl } from './../../helpers/control.class';
+import * as i0 from "@angular/core";
 export declare class IpPickerComponent implements OnInit, OnChanges, OnDestroy {
@@ -13,2 +14,4 @@ color: string;
     ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IpPickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IpPickerComponent, "ip-picker", never, { "color": "color"; "control": "control"; }, { "colorChange": "colorChange"; }, never, never>;
 }

lib/components/parts/alpha/alpha.component.d.ts

 import { EventEmitter, OnChanges, ElementRef, Renderer2, SimpleChanges } from '@angular/core';
 import { Color } from './../../../helpers/color.class';
 import { BaseComponent } from './../base.component';
+import * as i0 from "@angular/core";
 export declare class AlphaComponent extends BaseComponent implements OnChanges {
@@ -28,2 +29,4 @@ color: Color;
     get gradient(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AlphaComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AlphaComponent, "alpha-component", never, { "color": "color"; "vertical": "vertical"; }, { "colorChange": "colorChange"; }, never, never>;
 }

lib/components/parts/base.component.d.ts

 import { ElementRef, Renderer2, OnDestroy } from '@angular/core';
+import * as i0 from "@angular/core";
 /**
@@ -28,2 +29,4 @@ * because a dynamic directive yet is not implemented,
     ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaseComponent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseComponent, never, never, {}, {}, never>;
 }

lib/components/parts/color-preset-sublist/color-preset-sublist.component.d.ts

 import { Renderer2, OnDestroy, ChangeDetectorRef, EventEmitter } from '@angular/core';
 import { Color } from './../../../helpers/color.class';
+import * as i0 from "@angular/core";
 export declare class ColorPresetSublist implements OnDestroy {
@@ -24,2 +25,4 @@ private readonly renderer;
     get className(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColorPresetSublist, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColorPresetSublist, "color-preset-sublist", never, { "list": "list"; "direction": "direction"; "activeColor": "activeColor"; }, { "selectionChange": "selectionChange"; }, never, never>;
 }

lib/components/parts/color-preset/color-preset.component.d.ts

 import { EventEmitter, OnDestroy } from '@angular/core';
 import { Color, ColorString } from './../../../helpers/color.class';
 import { ColorPickerConfig } from './../../../services/color-picker.service';
+import * as i0 from "@angular/core";
 export declare class ColorPresetComponent implements OnDestroy {
@@ -20,2 +21,4 @@ private readonly pickerConfig;
     onTouchEnd(event: MouseEvent | TouchEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColorPresetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColorPresetComponent, "color-preset", never, { "activeColor": "activeColor"; "color": "color"; "depth": "show-depth-title"; }, { "selectionChange": "selectionChange"; "longPress": "longPress"; }, never, never>;
 }

lib/components/parts/color-presets/color-presets.component.d.ts

 import { EventEmitter } from '@angular/core';
 import { Color } from './../../../helpers/color.class';
+import * as i0 from "@angular/core";
 export declare class ColorPresetsComponent {
@@ -13,2 +14,4 @@ columns: number;
     isList(colorPreset: Array<Array<Color> | Color>): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColorPresetsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColorPresetsComponent, "color-presets-component", never, { "columns": "columns"; "colorPresets": "colorPresets"; "hue": "hue"; "color": "color"; "direction": "direction"; }, { "hueChange": "hueChange"; "colorChange": "colorChange"; }, never, never>;
 }

lib/components/parts/hue/hue.component.d.ts

 import { Renderer2, ElementRef, EventEmitter, SimpleChanges, OnChanges } from '@angular/core';
 import { Color } from './../../../helpers/color.class';
 import { BaseComponent } from './../base.component';
+import * as i0 from "@angular/core";
 export declare class HueComponent extends BaseComponent implements OnChanges {
@@ -29,2 +30,4 @@ hue: Color;
     private changePointerPosition;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HueComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HueComponent, "hue-component", never, { "hue": "hue"; "color": "color"; "vertical": "vertical"; }, { "hueChange": "hueChange"; "colorChange": "colorChange"; }, never, never>;
 }

lib/components/parts/indicator/indicator.component.d.ts

 import { Renderer2, ElementRef } from '@angular/core';
 import { Color } from './../../../helpers/color.class';
 import { ColorPickerConfig } from './../../../services/color-picker.service';
+import * as i0 from "@angular/core";
 export declare class IndicatorComponent {
@@ -15,2 +16,4 @@ private readonly pickerConfig;
     onClick(event: MouseEvent | TouchEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IndicatorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IndicatorComponent, "indicator-component", never, { "color": "color"; "colorType": "colorType"; }, {}, never, never>;
 }

lib/components/parts/inputs/hex-input/hex-input.component.d.ts

 import { EventEmitter } from '@angular/core';
 import { Color } from '../../../../helpers/color.class';
+import * as i0 from "@angular/core";
 export declare class HexComponent {
@@ -14,2 +15,4 @@ hue: Color;
     onInputChange(event: KeyboardEvent, inputValue: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HexComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HexComponent, "hex-input-component", never, { "hue": "hue"; "color": "color"; "label": "label"; "prefix": "prefix"; }, { "hueChange": "hueChange"; "colorChange": "colorChange"; }, never, never>;
 }

lib/components/parts/inputs/hsla-input/hsla-input.component.d.ts

 import { EventEmitter } from '@angular/core';
 import { Color } from './../../../../helpers/color.class';
+import * as i0 from "@angular/core";
 export declare class HslaComponent {
@@ -14,2 +15,4 @@ hue: Color;
     onInputChange(newValue: number, color: 'H' | 'S' | 'L' | 'A'): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HslaComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HslaComponent, "hsla-input-component", never, { "hue": "hue"; "color": "color"; "label": "label"; "alpha": "alpha"; }, { "hueChange": "hueChange"; "colorChange": "colorChange"; }, never, never>;
 }

lib/components/parts/inputs/rgba-input/rgba-input.component.d.ts

 import { EventEmitter } from '@angular/core';
 import { Color } from './../../../../helpers/color.class';
+import * as i0 from "@angular/core";
 export declare class RgbaComponent {
@@ -14,2 +15,4 @@ hue: Color;
     onInputChange(newValue: number, color: 'R' | 'G' | 'B' | 'A'): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RgbaComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RgbaComponent, "rgba-input-component", never, { "hue": "hue"; "color": "color"; "label": "label"; "alpha": "alpha"; }, { "hueChange": "hueChange"; "colorChange": "colorChange"; }, never, never>;
 }

lib/components/parts/saturation/saturation.component.d.ts

 import { EventEmitter, Renderer2, ElementRef, OnInit, OnChanges, SimpleChanges } from '@angular/core';
 import { Color } from './../../../helpers/color.class';
 import { BaseComponent } from './../base.component';
+import * as i0 from "@angular/core";
 export declare class SaturationComponent extends BaseComponent implements OnInit, OnChanges {
@@ -25,2 +26,4 @@ hue: Color;
     private changePointerPosition;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SaturationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SaturationComponent, "saturation-component", never, { "hue": "hue"; "color": "color"; }, { "colorChange": "colorChange"; }, never, never>;
 }

lib/components/sketch-picker/sketch-picker.component.d.ts

 import { OnInit, EventEmitter, SimpleChanges, OnChanges, OnDestroy, ChangeDetectorRef } from '@angular/core';
 import { ColorString } from './../../helpers/color.class';
 import { ColorPickerControl } from './../../helpers/control.class';
+import * as i0 from "@angular/core";
 export declare class SketchPickerComponent implements OnInit, OnChanges, OnDestroy {
@@ -14,2 +15,4 @@ private readonly cdr;
     ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SketchPickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SketchPickerComponent, "sketch-picker", never, { "color": "color"; "control": "control"; }, { "colorChange": "colorChange"; }, never, never>;
 }

lib/components/swatches-picker/swatches-picker.component.d.ts

 import { OnInit, EventEmitter, SimpleChanges, OnDestroy, ChangeDetectorRef, OnChanges } from '@angular/core';
 import { ColorString } from './../../helpers/color.class';
 import { ColorPickerControl } from './../../helpers/control.class';
+import * as i0 from "@angular/core";
 export declare class SwatchesPickerComponent implements OnInit, OnChanges, OnDestroy {
@@ -16,2 +17,4 @@ private readonly cdr;
     ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SwatchesPickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SwatchesPickerComponent, "swatches-picker", never, { "color": "color"; }, { "colorChange": "colorChange"; }, never, never>;
 }

lib/directives/color-picker-input.directive.d.ts

 import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
 export declare class ColorPickerInputDirective {
@@ -7,2 +8,4 @@ min: string;
     inputChanges(event: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerInputDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ColorPickerInputDirective, "[inputChange]", never, { "min": "min"; "max": "max"; }, { "inputChange": "inputChange"; }, never>;
 }

lib/pipes/chunks.pipe.d.ts

 import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
 export declare class ChunksPipe implements PipeTransform {
     transform(arr: any, chunkSize: number): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChunksPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<ChunksPipe, "chunks">;
 }

lib/pipes/reverse.pipe.d.ts

 import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
 export declare class ReversePipe implements PipeTransform {
     transform(arr: Array<any>, isReversed?: boolean): any[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<ReversePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<ReversePipe, "reverse">;
 }

lib/services/color-picker.service.d.ts

@@ -0,1 +1,2 @@
+import * as i0 from "@angular/core";
 export interface IColorPickerConfig {
@@ -8,2 +9,4 @@ indicatorTitle: string;
     presetsTitle: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerConfig, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ColorPickerConfig>;
 }

package.json

@@ -6,3 +6,3 @@ {
   "bugs": "https://github.com/pIvan/ngx-color-picker/issues",
-  "version": "2.1.1",
+  "version": "2.2.0",
   "author": "Ivan Pintar",
@@ -22,17 +22,29 @@ "license": "MIT",
   "peerDependencies": {
-    "@angular/common": "^9.0.0 || ^10.0.0 || ^11.0.0 || ^12.0.0",
-    "@angular/core": "^9.0.0 || ^10.0.0 || ^11.0.0 || ^12.0.0",
-    "@angular/animations": "^9.0.0 || ^10.0.0 || ^11.0.0 || ^12.0.0"
+    "@angular/common": "^9.0.0 || ^10.0.0 || ^11.0.0 || ^12.0.0 || ^13.0.0",
+    "@angular/core": "^9.0.0 || ^10.0.0 || ^11.0.0 || ^12.0.0 || ^13.0.0",
+    "@angular/animations": "^9.0.0 || ^10.0.0 || ^11.0.0 || ^12.0.0 || ^13.0.0"
   },
-  "main": "bundles/iplab-ngx-color-picker.umd.js",
-  "module": "fesm2015/iplab-ngx-color-picker.js",
-  "es2015": "fesm2015/iplab-ngx-color-picker.js",
-  "esm2015": "esm2015/iplab-ngx-color-picker.js",
-  "fesm2015": "fesm2015/iplab-ngx-color-picker.js",
+  "module": "fesm2015/iplab-ngx-color-picker.mjs",
+  "es2020": "fesm2020/iplab-ngx-color-picker.mjs",
+  "esm2020": "esm2020/iplab-ngx-color-picker.mjs",
+  "fesm2020": "fesm2020/iplab-ngx-color-picker.mjs",
+  "fesm2015": "fesm2015/iplab-ngx-color-picker.mjs",
   "typings": "iplab-ngx-color-picker.d.ts",
-  "metadata": "iplab-ngx-color-picker.metadata.json",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./iplab-ngx-color-picker.d.ts",
+      "esm2020": "./esm2020/iplab-ngx-color-picker.mjs",
+      "es2020": "./fesm2020/iplab-ngx-color-picker.mjs",
+      "es2015": "./fesm2015/iplab-ngx-color-picker.mjs",
+      "node": "./fesm2015/iplab-ngx-color-picker.mjs",
+      "default": "./fesm2020/iplab-ngx-color-picker.mjs"
+    }
+  },
   "sideEffects": false,
   "dependencies": {
-    "tslib": "^2.1.0"
+    "tslib": "^2.3.0"
   }
 }

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

1284585

increased by7.77%

Lines of code

8850

increased by6.41%

Worsened metrics

Number of package files

75

decreased by-1.32%

Number of low supply chain risk alerts

60

increased by100%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Added@angular/animations@13.4.0(transitive)

• + Added@angular/common@13.4.0(transitive)

• + Added@angular/core@13.4.0(transitive)

• - Removed@angular/animations@12.2.17(transitive)

• - Removed@angular/common@12.2.17(transitive)

• - Removed@angular/core@12.2.17(transitive)

• Updatedtslib@^2.3.0