ngx-color - npm Package Compare versions

Comparing version 8.0.3 to 9.0.0

alpha.component.d.ts

@@ -27,3 +27,3 @@ import { EventEmitter, OnChanges } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<AlphaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AlphaComponent, "color-alpha", never, { "hsl": "hsl"; "rgb": "rgb"; "pointer": "pointer"; "shadow": "shadow"; "radius": "radius"; "direction": "direction"; }, { "onChange": "onChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AlphaComponent, "color-alpha", never, { "hsl": { "alias": "hsl"; "required": false; }; "rgb": { "alias": "rgb"; "required": false; }; "pointer": { "alias": "pointer"; "required": false; }; "shadow": { "alias": "shadow"; "required": false; }; "radius": { "alias": "radius"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; }, { "onChange": "onChange"; }, never, never, false, never>;
 }
@@ -30,0 +30,0 @@ export declare class AlphaModule {

alpha/alpha-picker.component.d.ts

@@ -22,3 +22,3 @@ import { OnChanges } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<AlphaPickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AlphaPickerComponent, "color-alpha-picker", never, { "width": "width"; "height": "height"; "direction": "direction"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AlphaPickerComponent, "color-alpha-picker", never, { "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; }, {}, never, never, false, never>;
 }
@@ -25,0 +25,0 @@ export declare class ColorAlphaModule {

block/block-swatches.component.d.ts

@@ -23,3 +23,3 @@ import { EventEmitter } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<BlockSwatchesComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BlockSwatchesComponent, "color-block-swatches", never, { "colors": "colors"; }, { "onClick": "onClick"; "onSwatchHover": "onSwatchHover"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BlockSwatchesComponent, "color-block-swatches", never, { "colors": { "alias": "colors"; "required": false; }; }, { "onClick": "onClick"; "onSwatchHover": "onSwatchHover"; }, never, never, false, never>;
 }

block/block.component.d.ts

@@ -30,3 +30,3 @@ import { ColorWrap } from 'ngx-color';
     static ɵfac: i0.ɵɵFactoryDeclaration<BlockComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BlockComponent, "color-block", never, { "width": "width"; "colors": "colors"; "triangle": "triangle"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BlockComponent, "color-block", never, { "width": { "alias": "width"; "required": false; }; "colors": { "alias": "colors"; "required": false; }; "triangle": { "alias": "triangle"; "required": false; }; }, {}, never, never, false, never>;
 }
@@ -33,0 +33,0 @@ export declare class ColorBlockModule {

checkboard.component.d.ts

@@ -13,3 +13,3 @@ import { OnInit } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckboardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboardComponent, "color-checkboard", never, { "white": "white"; "size": "size"; "grey": "grey"; "boxShadow": "boxShadow"; "borderRadius": "borderRadius"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboardComponent, "color-checkboard", never, { "white": { "alias": "white"; "required": false; }; "size": { "alias": "size"; "required": false; }; "grey": { "alias": "grey"; "required": false; }; "boxShadow": { "alias": "boxShadow"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; }, {}, never, never, false, never>;
 }
@@ -16,0 +16,0 @@ export declare class CheckboardModule {

chrome/chrome-fields.component.d.ts

@@ -21,3 +21,3 @@ import { EventEmitter, OnInit } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<ChromeFieldsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChromeFieldsComponent, "color-chrome-fields", never, { "disableAlpha": "disableAlpha"; "hsl": "hsl"; "rgb": "rgb"; "hex": "hex"; }, { "onChange": "onChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChromeFieldsComponent, "color-chrome-fields", never, { "disableAlpha": { "alias": "disableAlpha"; "required": false; }; "hsl": { "alias": "hsl"; "required": false; }; "rgb": { "alias": "rgb"; "required": false; }; "hex": { "alias": "hex"; "required": false; }; }, { "onChange": "onChange"; }, never, never, false, never>;
 }

chrome/chrome.component.d.ts

@@ -19,3 +19,3 @@ import { ColorWrap } from 'ngx-color';
     static ɵfac: i0.ɵɵFactoryDeclaration<ChromeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChromeComponent, "color-chrome", never, { "disableAlpha": "disableAlpha"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChromeComponent, "color-chrome", never, { "disableAlpha": { "alias": "disableAlpha"; "required": false; }; }, {}, never, never, false, never>;
 }
@@ -22,0 +22,0 @@ export declare class ColorChromeModule {

circle/circle-swatch.component.d.ts

@@ -18,3 +18,3 @@ import { EventEmitter, OnChanges } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<CircleSwatchComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CircleSwatchComponent, "color-circle-swatch", never, { "color": "color"; "circleSize": "circleSize"; "circleSpacing": "circleSpacing"; "focus": "focus"; }, { "onClick": "onClick"; "onSwatchHover": "onSwatchHover"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CircleSwatchComponent, "color-circle-swatch", never, { "color": { "alias": "color"; "required": false; }; "circleSize": { "alias": "circleSize"; "required": false; }; "circleSpacing": { "alias": "circleSpacing"; "required": false; }; "focus": { "alias": "focus"; "required": false; }; }, { "onClick": "onClick"; "onSwatchHover": "onSwatchHover"; }, never, never, false, never>;
 }

circle/circle.component.d.ts

@@ -26,3 +26,3 @@ import { ColorWrap } from 'ngx-color';
     static ɵfac: i0.ɵɵFactoryDeclaration<CircleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CircleComponent, "color-circle", never, { "width": "width"; "colors": "colors"; "circleSize": "circleSize"; "circleSpacing": "circleSpacing"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CircleComponent, "color-circle", never, { "width": { "alias": "width"; "required": false; }; "colors": { "alias": "colors"; "required": false; }; "circleSize": { "alias": "circleSize"; "required": false; }; "circleSpacing": { "alias": "circleSpacing"; "required": false; }; }, {}, never, never, false, never>;
 }
@@ -29,0 +29,0 @@ export declare class ColorCircleModule {

color-wrap.component.d.ts

@@ -52,3 +52,3 @@ import { EventEmitter, OnChanges, OnDestroy, OnInit } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<ColorWrap, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ColorWrap, "color-wrap", never, { "className": "className"; "mode": "mode"; "color": "color"; }, { "colorChange": "colorChange"; "onChange": "onChange"; "onChangeComplete": "onChangeComplete"; "onSwatchHover": "onSwatchHover"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColorWrap, "color-wrap", never, { "className": { "alias": "className"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, { "colorChange": "colorChange"; "onChange": "onChange"; "onChangeComplete": "onChangeComplete"; "onSwatchHover": "onSwatchHover"; }, never, never, false, never>;
 }
@@ -55,0 +55,0 @@ export declare class ColorWrapModule {

compact/compact-color.component.d.ts

@@ -18,3 +18,3 @@ import { EventEmitter, OnChanges } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<CompactColorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CompactColorComponent, "color-compact-color", never, { "color": "color"; "active": "active"; }, { "onClick": "onClick"; "onSwatchHover": "onSwatchHover"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CompactColorComponent, "color-compact-color", never, { "color": { "alias": "color"; "required": false; }; "active": { "alias": "active"; "required": false; }; }, { "onClick": "onClick"; "onSwatchHover": "onSwatchHover"; }, never, never, false, never>;
 }

compact/compact-fields.component.d.ts

@@ -31,3 +31,3 @@ import { EventEmitter } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<CompactFieldsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CompactFieldsComponent, "color-compact-fields", never, { "hex": "hex"; "rgb": "rgb"; }, { "onChange": "onChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CompactFieldsComponent, "color-compact-fields", never, { "hex": { "alias": "hex"; "required": false; }; "rgb": { "alias": "rgb"; "required": false; }; }, { "onChange": "onChange"; }, never, never, false, never>;
 }

compact/compact.component.d.ts

@@ -24,3 +24,3 @@ import { ColorWrap, zDepth } from 'ngx-color';
     static ɵfac: i0.ɵɵFactoryDeclaration<CompactComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CompactComponent, "color-compact", never, { "colors": "colors"; "zDepth": "zDepth"; "radius": "radius"; "background": "background"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CompactComponent, "color-compact", never, { "colors": { "alias": "colors"; "required": false; }; "zDepth": { "alias": "zDepth"; "required": false; }; "radius": { "alias": "radius"; "required": false; }; "background": { "alias": "background"; "required": false; }; }, {}, never, never, false, never>;
 }
@@ -27,0 +27,0 @@ export declare class ColorCompactModule {

coordinates.directive.d.ts

@@ -26,3 +26,3 @@ import { ElementRef, OnDestroy, OnInit } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<CoordinatesDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CoordinatesDirective, "[ngx-color-coordinates]", never, {}, { "coordinatesChange": "coordinatesChange"; }, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CoordinatesDirective, "[ngx-color-coordinates]", never, {}, { "coordinatesChange": "coordinatesChange"; }, never, never, false, never>;
 }
@@ -29,0 +29,0 @@ export declare class CoordinatesModule {

editable-input.component.d.ts

@@ -39,3 +39,3 @@ import { EventEmitter, OnChanges, OnDestroy, OnInit } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<EditableInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EditableInputComponent, "color-editable-input", never, { "style": "style"; "label": "label"; "value": "value"; "arrowOffset": "arrowOffset"; "dragLabel": "dragLabel"; "dragMax": "dragMax"; "placeholder": "placeholder"; }, { "onChange": "onChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EditableInputComponent, "color-editable-input", never, { "style": { "alias": "style"; "required": false; }; "label": { "alias": "label"; "required": false; }; "value": { "alias": "value"; "required": false; }; "arrowOffset": { "alias": "arrowOffset"; "required": false; }; "dragLabel": { "alias": "dragLabel"; "required": false; }; "dragMax": { "alias": "dragMax"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; }, { "onChange": "onChange"; }, never, never, false, never>;
 }
@@ -42,0 +42,0 @@ export declare class EditableInputModule {

github/github-swatch.component.d.ts

@@ -18,3 +18,3 @@ import { EventEmitter } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<GithubSwatchComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GithubSwatchComponent, "color-github-swatch", never, { "color": "color"; }, { "onClick": "onClick"; "onSwatchHover": "onSwatchHover"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GithubSwatchComponent, "color-github-swatch", never, { "color": { "alias": "color"; "required": false; }; }, { "onClick": "onClick"; "onSwatchHover": "onSwatchHover"; }, never, never, false, never>;
 }

github/github.component.d.ts

@@ -22,3 +22,3 @@ import { ColorWrap } from 'ngx-color';
     static ɵfac: i0.ɵɵFactoryDeclaration<GithubComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GithubComponent, "color-github", never, { "width": "width"; "colors": "colors"; "triangle": "triangle"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GithubComponent, "color-github", never, { "width": { "alias": "width"; "required": false; }; "colors": { "alias": "colors"; "required": false; }; "triangle": { "alias": "triangle"; "required": false; }; }, {}, never, never, false, never>;
 }
@@ -25,0 +25,0 @@ export declare class ColorGithubModule {

hue.component.d.ts

@@ -28,3 +28,3 @@ import { EventEmitter, OnChanges } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<HueComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HueComponent, "color-hue", never, { "hsl": "hsl"; "pointer": "pointer"; "radius": "radius"; "shadow": "shadow"; "hidePointer": "hidePointer"; "direction": "direction"; }, { "onChange": "onChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HueComponent, "color-hue", never, { "hsl": { "alias": "hsl"; "required": false; }; "pointer": { "alias": "pointer"; "required": false; }; "radius": { "alias": "radius"; "required": false; }; "shadow": { "alias": "shadow"; "required": false; }; "hidePointer": { "alias": "hidePointer"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; }, { "onChange": "onChange"; }, never, never, false, never>;
 }
@@ -31,0 +31,0 @@ export declare class HueModule {

hue/hue-picker.component.d.ts

@@ -23,3 +23,3 @@ import { OnChanges } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<HuePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HuePickerComponent, "color-hue-picker", never, { "width": "width"; "height": "height"; "radius": "radius"; "direction": "direction"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HuePickerComponent, "color-hue-picker", never, { "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "radius": { "alias": "radius"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; }, {}, never, never, false, never>;
 }
@@ -26,0 +26,0 @@ export declare class ColorHueModule {

material/material.component.d.ts

@@ -33,3 +33,3 @@ import { ColorWrap, zDepth } from 'ngx-color';
     static ɵfac: i0.ɵɵFactoryDeclaration<MaterialComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MaterialComponent, "color-material", never, { "zDepth": "zDepth"; "radius": "radius"; "background": "background"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MaterialComponent, "color-material", never, { "zDepth": { "alias": "zDepth"; "required": false; }; "radius": { "alias": "radius"; "required": false; }; "background": { "alias": "background"; "required": false; }; }, {}, never, never, false, never>;
 }
@@ -36,0 +36,0 @@ export declare class ColorMaterialModule {

package.json

 {
   "name": "ngx-color",
-  "version": "8.0.3",
+  "version": "9.0.0",
   "description": "A Collection of Color Pickers from Sketch, Photoshop, Chrome & more",
   "dependencies": {
-    "@ctrl/tinycolor": "^3.4.1",
+    "@ctrl/tinycolor": "^3.6.0",
     "material-colors": "^1.2.6",
@@ -11,4 +11,4 @@ "tslib": "^2.3.0"
   "peerDependencies": {
-    "@angular/core": ">=14.0.0-0",
-    "@angular/common": ">=14.0.0-0"
+    "@angular/core": ">=16.0.0-0",
+    "@angular/common": ">=16.0.0-0"
   },
@@ -30,7 +30,12 @@ "homepage": "https://github.com/scttcper/ngx-color",
   ],
-  "module": "fesm2015/ngx-color.mjs",
-  "es2020": "fesm2020/ngx-color.mjs",
-  "esm2020": "esm2020/ngx-color.mjs",
-  "fesm2020": "fesm2020/ngx-color.mjs",
-  "fesm2015": "fesm2015/ngx-color.mjs",
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
+  "release": {
+    "branches": [
+      "master"
+    ]
+  },
+  "module": "fesm2022/ngx-color.mjs",
   "typings": "index.d.ts",
@@ -43,119 +48,89 @@ "exports": {
       "types": "./index.d.ts",
-      "esm2020": "./esm2020/ngx-color.mjs",
-      "es2020": "./fesm2020/ngx-color.mjs",
-      "es2015": "./fesm2015/ngx-color.mjs",
-      "node": "./fesm2015/ngx-color.mjs",
-      "default": "./fesm2020/ngx-color.mjs"
+      "esm2022": "./esm2022/ngx-color.mjs",
+      "esm": "./esm2022/ngx-color.mjs",
+      "default": "./fesm2022/ngx-color.mjs"
     },
     "./alpha": {
       "types": "./alpha/index.d.ts",
-      "esm2020": "./esm2020/alpha/ngx-color-alpha.mjs",
-      "es2020": "./fesm2020/ngx-color-alpha.mjs",
-      "es2015": "./fesm2015/ngx-color-alpha.mjs",
-      "node": "./fesm2015/ngx-color-alpha.mjs",
-      "default": "./fesm2020/ngx-color-alpha.mjs"
+      "esm2022": "./esm2022/alpha/ngx-color-alpha.mjs",
+      "esm": "./esm2022/alpha/ngx-color-alpha.mjs",
+      "default": "./fesm2022/ngx-color-alpha.mjs"
     },
     "./block": {
       "types": "./block/index.d.ts",
-      "esm2020": "./esm2020/block/ngx-color-block.mjs",
-      "es2020": "./fesm2020/ngx-color-block.mjs",
-      "es2015": "./fesm2015/ngx-color-block.mjs",
-      "node": "./fesm2015/ngx-color-block.mjs",
-      "default": "./fesm2020/ngx-color-block.mjs"
+      "esm2022": "./esm2022/block/ngx-color-block.mjs",
+      "esm": "./esm2022/block/ngx-color-block.mjs",
+      "default": "./fesm2022/ngx-color-block.mjs"
     },
     "./chrome": {
       "types": "./chrome/index.d.ts",
-      "esm2020": "./esm2020/chrome/ngx-color-chrome.mjs",
-      "es2020": "./fesm2020/ngx-color-chrome.mjs",
-      "es2015": "./fesm2015/ngx-color-chrome.mjs",
-      "node": "./fesm2015/ngx-color-chrome.mjs",
-      "default": "./fesm2020/ngx-color-chrome.mjs"
+      "esm2022": "./esm2022/chrome/ngx-color-chrome.mjs",
+      "esm": "./esm2022/chrome/ngx-color-chrome.mjs",
+      "default": "./fesm2022/ngx-color-chrome.mjs"
     },
     "./circle": {
       "types": "./circle/index.d.ts",
-      "esm2020": "./esm2020/circle/ngx-color-circle.mjs",
-      "es2020": "./fesm2020/ngx-color-circle.mjs",
-      "es2015": "./fesm2015/ngx-color-circle.mjs",
-      "node": "./fesm2015/ngx-color-circle.mjs",
-      "default": "./fesm2020/ngx-color-circle.mjs"
+      "esm2022": "./esm2022/circle/ngx-color-circle.mjs",
+      "esm": "./esm2022/circle/ngx-color-circle.mjs",
+      "default": "./fesm2022/ngx-color-circle.mjs"
     },
     "./compact": {
       "types": "./compact/index.d.ts",
-      "esm2020": "./esm2020/compact/ngx-color-compact.mjs",
-      "es2020": "./fesm2020/ngx-color-compact.mjs",
-      "es2015": "./fesm2015/ngx-color-compact.mjs",
-      "node": "./fesm2015/ngx-color-compact.mjs",
-      "default": "./fesm2020/ngx-color-compact.mjs"
+      "esm2022": "./esm2022/compact/ngx-color-compact.mjs",
+      "esm": "./esm2022/compact/ngx-color-compact.mjs",
+      "default": "./fesm2022/ngx-color-compact.mjs"
     },
     "./github": {
       "types": "./github/index.d.ts",
-      "esm2020": "./esm2020/github/ngx-color-github.mjs",
-      "es2020": "./fesm2020/ngx-color-github.mjs",
-      "es2015": "./fesm2015/ngx-color-github.mjs",
-      "node": "./fesm2015/ngx-color-github.mjs",
-      "default": "./fesm2020/ngx-color-github.mjs"
+      "esm2022": "./esm2022/github/ngx-color-github.mjs",
+      "esm": "./esm2022/github/ngx-color-github.mjs",
+      "default": "./fesm2022/ngx-color-github.mjs"
     },
     "./hue": {
       "types": "./hue/index.d.ts",
-      "esm2020": "./esm2020/hue/ngx-color-hue.mjs",
-      "es2020": "./fesm2020/ngx-color-hue.mjs",
-      "es2015": "./fesm2015/ngx-color-hue.mjs",
-      "node": "./fesm2015/ngx-color-hue.mjs",
-      "default": "./fesm2020/ngx-color-hue.mjs"
+      "esm2022": "./esm2022/hue/ngx-color-hue.mjs",
+      "esm": "./esm2022/hue/ngx-color-hue.mjs",
+      "default": "./fesm2022/ngx-color-hue.mjs"
     },
     "./material": {
       "types": "./material/index.d.ts",
-      "esm2020": "./esm2020/material/ngx-color-material.mjs",
-      "es2020": "./fesm2020/ngx-color-material.mjs",
-      "es2015": "./fesm2015/ngx-color-material.mjs",
-      "node": "./fesm2015/ngx-color-material.mjs",
-      "default": "./fesm2020/ngx-color-material.mjs"
+      "esm2022": "./esm2022/material/ngx-color-material.mjs",
+      "esm": "./esm2022/material/ngx-color-material.mjs",
+      "default": "./fesm2022/ngx-color-material.mjs"
     },
     "./photoshop": {
       "types": "./photoshop/index.d.ts",
-      "esm2020": "./esm2020/photoshop/ngx-color-photoshop.mjs",
-      "es2020": "./fesm2020/ngx-color-photoshop.mjs",
-      "es2015": "./fesm2015/ngx-color-photoshop.mjs",
-      "node": "./fesm2015/ngx-color-photoshop.mjs",
-      "default": "./fesm2020/ngx-color-photoshop.mjs"
+      "esm2022": "./esm2022/photoshop/ngx-color-photoshop.mjs",
+      "esm": "./esm2022/photoshop/ngx-color-photoshop.mjs",
+      "default": "./fesm2022/ngx-color-photoshop.mjs"
     },
     "./shade": {
       "types": "./shade/index.d.ts",
-      "esm2020": "./esm2020/shade/ngx-color-shade.mjs",
-      "es2020": "./fesm2020/ngx-color-shade.mjs",
-      "es2015": "./fesm2015/ngx-color-shade.mjs",
-      "node": "./fesm2015/ngx-color-shade.mjs",
-      "default": "./fesm2020/ngx-color-shade.mjs"
+      "esm2022": "./esm2022/shade/ngx-color-shade.mjs",
+      "esm": "./esm2022/shade/ngx-color-shade.mjs",
+      "default": "./fesm2022/ngx-color-shade.mjs"
     },
     "./sketch": {
       "types": "./sketch/index.d.ts",
-      "esm2020": "./esm2020/sketch/ngx-color-sketch.mjs",
-      "es2020": "./fesm2020/ngx-color-sketch.mjs",
-      "es2015": "./fesm2015/ngx-color-sketch.mjs",
-      "node": "./fesm2015/ngx-color-sketch.mjs",
-      "default": "./fesm2020/ngx-color-sketch.mjs"
+      "esm2022": "./esm2022/sketch/ngx-color-sketch.mjs",
+      "esm": "./esm2022/sketch/ngx-color-sketch.mjs",
+      "default": "./fesm2022/ngx-color-sketch.mjs"
     },
     "./slider": {
       "types": "./slider/index.d.ts",
-      "esm2020": "./esm2020/slider/ngx-color-slider.mjs",
-      "es2020": "./fesm2020/ngx-color-slider.mjs",
-      "es2015": "./fesm2015/ngx-color-slider.mjs",
-      "node": "./fesm2015/ngx-color-slider.mjs",
-      "default": "./fesm2020/ngx-color-slider.mjs"
+      "esm2022": "./esm2022/slider/ngx-color-slider.mjs",
+      "esm": "./esm2022/slider/ngx-color-slider.mjs",
+      "default": "./fesm2022/ngx-color-slider.mjs"
     },
     "./swatches": {
       "types": "./swatches/index.d.ts",
-      "esm2020": "./esm2020/swatches/ngx-color-swatches.mjs",
-      "es2020": "./fesm2020/ngx-color-swatches.mjs",
-      "es2015": "./fesm2015/ngx-color-swatches.mjs",
-      "node": "./fesm2015/ngx-color-swatches.mjs",
-      "default": "./fesm2020/ngx-color-swatches.mjs"
+      "esm2022": "./esm2022/swatches/ngx-color-swatches.mjs",
+      "esm": "./esm2022/swatches/ngx-color-swatches.mjs",
+      "default": "./fesm2022/ngx-color-swatches.mjs"
     },
     "./twitter": {
       "types": "./twitter/index.d.ts",
-      "esm2020": "./esm2020/twitter/ngx-color-twitter.mjs",
-      "es2020": "./fesm2020/ngx-color-twitter.mjs",
-      "es2015": "./fesm2015/ngx-color-twitter.mjs",
-      "node": "./fesm2015/ngx-color-twitter.mjs",
-      "default": "./fesm2020/ngx-color-twitter.mjs"
+      "esm2022": "./esm2022/twitter/ngx-color-twitter.mjs",
+      "esm": "./esm2022/twitter/ngx-color-twitter.mjs",
+      "default": "./fesm2022/ngx-color-twitter.mjs"
     }
@@ -162,0 +137,0 @@ },

photoshop/photoshop-button.component.d.ts

@@ -8,3 +8,3 @@ import { EventEmitter } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<PhotoshopButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PhotoshopButtonComponent, "color-photoshop-button", never, { "label": "label"; "active": "active"; }, { "onClick": "onClick"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PhotoshopButtonComponent, "color-photoshop-button", never, { "label": { "alias": "label"; "required": false; }; "active": { "alias": "active"; "required": false; }; }, { "onClick": "onClick"; }, never, never, false, never>;
 }

photoshop/photoshop-fields.component.d.ts

@@ -21,3 +21,3 @@ import { EventEmitter } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<PhotoshopFieldsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PhotoshopFieldsComponent, "color-photoshop-fields", never, { "rgb": "rgb"; "hsv": "hsv"; "hex": "hex"; }, { "onChange": "onChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PhotoshopFieldsComponent, "color-photoshop-fields", never, { "rgb": { "alias": "rgb"; "required": false; }; "hsv": { "alias": "hsv"; "required": false; }; "hex": { "alias": "hex"; "required": false; }; }, { "onChange": "onChange"; }, never, never, false, never>;
 }

photoshop/photoshop-previews.component.d.ts

@@ -10,3 +10,3 @@ import { OnChanges } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<PhotoshopPreviewsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PhotoshopPreviewsComponent, "color-photoshop-previews", never, { "rgb": "rgb"; "currentColor": "currentColor"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PhotoshopPreviewsComponent, "color-photoshop-previews", never, { "rgb": { "alias": "rgb"; "required": false; }; "currentColor": { "alias": "currentColor"; "required": false; }; }, {}, never, never, false, never>;
 }

photoshop/photoshop.component.d.ts

@@ -27,3 +27,3 @@ import { EventEmitter } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<PhotoshopComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PhotoshopComponent, "color-photoshop", never, { "header": "header"; }, { "onAccept": "onAccept"; "onCancel": "onCancel"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PhotoshopComponent, "color-photoshop", never, { "header": { "alias": "header"; "required": false; }; }, { "onAccept": "onAccept"; "onCancel": "onCancel"; }, never, never, false, never>;
 }
@@ -30,0 +30,0 @@ export declare class ColorPhotoshopModule {

raised.component.d.ts

 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
-export declare type zDepth = 0 | 1 | 2 | 3 | 4 | 5;
+export type zDepth = 0 | 1 | 2 | 3 | 4 | 5;
 export declare class RaisedComponent {
@@ -9,3 +9,3 @@ zDepth: zDepth;
     static ɵfac: i0.ɵɵFactoryDeclaration<RaisedComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RaisedComponent, "color-raised", never, { "zDepth": "zDepth"; "radius": "radius"; "background": "background"; }, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RaisedComponent, "color-raised", never, { "zDepth": { "alias": "zDepth"; "required": false; }; "radius": { "alias": "radius"; "required": false; }; "background": { "alias": "background"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
@@ -12,0 +12,0 @@ export declare class RaisedModule {

README.md

@@ -9,4 +9,2 @@ <div align="center">
   </a> 
-  <a href="https://circleci.com/gh/scttcper/ngx-color">
-    <img src="https://circleci.com/gh/scttcper/ngx-color.svg?style=svg" alt="circleci"></a> 
   <a href="https://codecov.io/github/scttcper/ngx-color">
@@ -63,3 +61,4 @@ <img src="https://img.shields.io/codecov/c/github/scttcper/ngx-color.svg" alt="codecov">
 | 7.3.3     | 12.x 13.x |
-| current   | >= 14.x   |
+| 8.0.3     | 14.x 15.x |
+| current   | >= 16.x   |
 
@@ -66,0 +65,0 @@ ### Install

saturation.component.d.ts

@@ -28,3 +28,3 @@ import { EventEmitter, OnChanges } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<SaturationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SaturationComponent, "color-saturation", never, { "hsl": "hsl"; "hsv": "hsv"; "radius": "radius"; "pointer": "pointer"; "circle": "circle"; }, { "onChange": "onChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SaturationComponent, "color-saturation", never, { "hsl": { "alias": "hsl"; "required": false; }; "hsv": { "alias": "hsv"; "required": false; }; "radius": { "alias": "radius"; "required": false; }; "pointer": { "alias": "pointer"; "required": false; }; "circle": { "alias": "circle"; "required": false; }; }, { "onChange": "onChange"; }, never, never, false, never>;
 }
@@ -31,0 +31,0 @@ export declare class SaturationModule {

shade.component.d.ts

@@ -23,3 +23,3 @@ import { EventEmitter, OnChanges } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<ShadeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ShadeComponent, "color-shade", never, { "hsl": "hsl"; "rgb": "rgb"; "pointer": "pointer"; "shadow": "shadow"; "radius": "radius"; }, { "onChange": "onChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ShadeComponent, "color-shade", never, { "hsl": { "alias": "hsl"; "required": false; }; "rgb": { "alias": "rgb"; "required": false; }; "pointer": { "alias": "pointer"; "required": false; }; "shadow": { "alias": "shadow"; "required": false; }; "radius": { "alias": "radius"; "required": false; }; }, { "onChange": "onChange"; }, never, never, false, never>;
 }
@@ -26,0 +26,0 @@ export declare class ShadeModule {

shade/shade-picker.component.d.ts

@@ -21,3 +21,3 @@ import { OnChanges } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<ShadeSliderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ShadeSliderComponent, "color-shade-picker", never, { "width": "width"; "height": "height"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ShadeSliderComponent, "color-shade-picker", never, { "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; }, {}, never, never, false, never>;
 }
@@ -24,0 +24,0 @@ export declare class ColorShadeModule {

sketch/sketch-fields.component.d.ts

@@ -22,3 +22,3 @@ import { EventEmitter } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<SketchFieldsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SketchFieldsComponent, "color-sketch-fields", never, { "hsl": "hsl"; "rgb": "rgb"; "hex": "hex"; "disableAlpha": "disableAlpha"; }, { "onChange": "onChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SketchFieldsComponent, "color-sketch-fields", never, { "hsl": { "alias": "hsl"; "required": false; }; "rgb": { "alias": "rgb"; "required": false; }; "hex": { "alias": "hex"; "required": false; }; "disableAlpha": { "alias": "disableAlpha"; "required": false; }; }, { "onChange": "onChange"; }, never, never, false, never>;
 }

sketch/sketch-preset-colors.component.d.ts

@@ -23,3 +23,3 @@ import { EventEmitter } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<SketchPresetColorsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SketchPresetColorsComponent, "color-sketch-preset-colors", never, { "colors": "colors"; }, { "onClick": "onClick"; "onSwatchHover": "onSwatchHover"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SketchPresetColorsComponent, "color-sketch-preset-colors", never, { "colors": { "alias": "colors"; "required": false; }; }, { "onClick": "onClick"; "onSwatchHover": "onSwatchHover"; }, never, never, false, never>;
 }

sketch/sketch.component.d.ts

@@ -26,3 +26,3 @@ import { ColorWrap } from 'ngx-color';
     static ɵfac: i0.ɵɵFactoryDeclaration<SketchComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SketchComponent, "color-sketch", never, { "disableAlpha": "disableAlpha"; "presetColors": "presetColors"; "width": "width"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SketchComponent, "color-sketch", never, { "disableAlpha": { "alias": "disableAlpha"; "required": false; }; "presetColors": { "alias": "presetColors"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, never, false, never>;
 }
@@ -29,0 +29,0 @@ export declare class ColorSketchModule {

slider/slider-swatch.component.d.ts

@@ -15,3 +15,3 @@ import { EventEmitter, OnChanges } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<SliderSwatchComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SliderSwatchComponent, "color-slider-swatch", never, { "hsl": "hsl"; "active": "active"; "offset": "offset"; "first": "first"; "last": "last"; }, { "onClick": "onClick"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SliderSwatchComponent, "color-slider-swatch", never, { "hsl": { "alias": "hsl"; "required": false; }; "active": { "alias": "active"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "first": { "alias": "first"; "required": false; }; "last": { "alias": "last"; "required": false; }; }, { "onClick": "onClick"; }, never, never, false, never>;
 }

slider/slider-swatches.component.d.ts

@@ -14,3 +14,3 @@ import { EventEmitter } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<SliderSwatchesComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SliderSwatchesComponent, "color-slider-swatches", never, { "hsl": "hsl"; }, { "onClick": "onClick"; "onSwatchHover": "onSwatchHover"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SliderSwatchesComponent, "color-slider-swatches", never, { "hsl": { "alias": "hsl"; "required": false; }; }, { "onClick": "onClick"; "onSwatchHover": "onSwatchHover"; }, never, never, false, never>;
 }

slider/slider.component.d.ts

@@ -16,3 +16,3 @@ import { ColorWrap } from 'ngx-color';
     static ɵfac: i0.ɵɵFactoryDeclaration<SliderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SliderComponent, "color-slider", never, { "pointer": "pointer"; "radius": "radius"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SliderComponent, "color-slider", never, { "pointer": { "alias": "pointer"; "required": false; }; "radius": { "alias": "radius"; "required": false; }; }, {}, never, never, false, never>;
 }
@@ -19,0 +19,0 @@ export declare class ColorSliderModule {

swatch.component.d.ts

@@ -22,3 +22,3 @@ import { EventEmitter, OnInit } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<SwatchComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SwatchComponent, "color-swatch", never, { "color": "color"; "style": "style"; "focusStyle": "focusStyle"; "focus": "focus"; }, { "onClick": "onClick"; "onHover": "onHover"; }, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SwatchComponent, "color-swatch", never, { "color": { "alias": "color"; "required": false; }; "style": { "alias": "style"; "required": false; }; "focusStyle": { "alias": "focusStyle"; "required": false; }; "focus": { "alias": "focus"; "required": false; }; }, { "onClick": "onClick"; "onHover": "onHover"; }, never, ["*"], false, never>;
 }
@@ -25,0 +25,0 @@ export declare class SwatchModule {

swatches/swatches-color.component.d.ts

@@ -17,3 +17,3 @@ import { EventEmitter, OnInit } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<SwatchesColorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SwatchesColorComponent, "color-swatches-color", never, { "color": "color"; "first": "first"; "last": "last"; "active": "active"; }, { "onClick": "onClick"; "onSwatchHover": "onSwatchHover"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SwatchesColorComponent, "color-swatches-color", never, { "color": { "alias": "color"; "required": false; }; "first": { "alias": "first"; "required": false; }; "last": { "alias": "last"; "required": false; }; "active": { "alias": "active"; "required": false; }; }, { "onClick": "onClick"; "onSwatchHover": "onSwatchHover"; }, never, never, false, never>;
 }

swatches/swatches-group.component.d.ts

@@ -9,3 +9,3 @@ import { EventEmitter } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<SwatchesGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SwatchesGroupComponent, "color-swatches-group", never, { "group": "group"; "active": "active"; }, { "onClick": "onClick"; "onSwatchHover": "onSwatchHover"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SwatchesGroupComponent, "color-swatches-group", never, { "group": { "alias": "group"; "required": false; }; "active": { "alias": "active"; "required": false; }; }, { "onClick": "onClick"; "onSwatchHover": "onSwatchHover"; }, never, never, false, never>;
 }

swatches/swatches.component.d.ts

@@ -23,3 +23,3 @@ import { ColorWrap, zDepth } from 'ngx-color';
     static ɵfac: i0.ɵɵFactoryDeclaration<SwatchesComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SwatchesComponent, "color-swatches", never, { "width": "width"; "height": "height"; "colors": "colors"; "zDepth": "zDepth"; "radius": "radius"; "background": "background"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SwatchesComponent, "color-swatches", never, { "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "colors": { "alias": "colors"; "required": false; }; "zDepth": { "alias": "zDepth"; "required": false; }; "radius": { "alias": "radius"; "required": false; }; "background": { "alias": "background"; "required": false; }; }, {}, never, never, false, never>;
 }
@@ -26,0 +26,0 @@ export declare class ColorSwatchesModule {

twitter/twitter.component.d.ts

@@ -25,3 +25,3 @@ import { ColorWrap } from 'ngx-color';
     static ɵfac: i0.ɵɵFactoryDeclaration<TwitterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TwitterComponent, "color-twitter", never, { "width": "width"; "colors": "colors"; "triangle": "triangle"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TwitterComponent, "color-twitter", never, { "width": { "alias": "width"; "required": false; }; "colors": { "alias": "colors"; "required": false; }; "triangle": { "alias": "triangle"; "required": false; }; }, {}, never, never, false, never>;
 }
@@ -28,0 +28,0 @@ export declare class ColorTwitterModule {

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

Improved metrics

Number of low supply chain risk alerts

8

decreased by-33.33%

Worsened metrics

Total package byte prevSize

1104434

decreased by-30.96%

Number of package files

177

decreased by-14.49%

Lines of code

11576

decreased by-29.73%

Number of lines in readme file

280

decreased by-0.36%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• Updated@ctrl/tinycolor@^3.6.0