ngx-color-picker - npm Package Compare versions

Comparing version 14.0.0 to 15.0.0

lib/color-picker.component.d.ts

@@ -68,4 +68,4 @@ import { OnInit, OnDestroy, AfterViewInit, ElementRef, ChangeDetectorRef, TemplateRef, NgZone } from '@angular/core';
     cpCancelButtonClass: string;
+    cpEyeDropper: boolean;
     eyeDropperSupported: boolean;
-    cpEyeDropper: boolean;
     cpPresetLabel: string;
@@ -72,0 +72,0 @@ cpPresetColors: string[];

lib/color-picker.directive.d.ts

@@ -108,3 +108,3 @@ import { OnChanges, OnDestroy, EventEmitter, ApplicationRef, ElementRef, ViewContainerRef, Injector, ComponentFactoryResolver, TemplateRef } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ColorPickerDirective, "[colorPicker]", ["ngxColorPicker"], { "colorPicker": "colorPicker"; "cpWidth": "cpWidth"; "cpHeight": "cpHeight"; "cpToggle": "cpToggle"; "cpDisabled": "cpDisabled"; "cpIgnoredElements": "cpIgnoredElements"; "cpFallbackColor": "cpFallbackColor"; "cpColorMode": "cpColorMode"; "cpCmykEnabled": "cpCmykEnabled"; "cpOutputFormat": "cpOutputFormat"; "cpAlphaChannel": "cpAlphaChannel"; "cpDisableInput": "cpDisableInput"; "cpDialogDisplay": "cpDialogDisplay"; "cpSaveClickOutside": "cpSaveClickOutside"; "cpCloseClickOutside": "cpCloseClickOutside"; "cpUseRootViewContainer": "cpUseRootViewContainer"; "cpPosition": "cpPosition"; "cpPositionOffset": "cpPositionOffset"; "cpPositionRelativeToArrow": "cpPositionRelativeToArrow"; "cpOKButton": "cpOKButton"; "cpOKButtonText": "cpOKButtonText"; "cpOKButtonClass": "cpOKButtonClass"; "cpCancelButton": "cpCancelButton"; "cpCancelButtonText": "cpCancelButtonText"; "cpCancelButtonClass": "cpCancelButtonClass"; "cpEyeDropper": "cpEyeDropper"; "cpPresetLabel": "cpPresetLabel"; "cpPresetColors": "cpPresetColors"; "cpPresetColorsClass": "cpPresetColorsClass"; "cpMaxPresetColorsLength": "cpMaxPresetColorsLength"; "cpPresetEmptyMessage": "cpPresetEmptyMessage"; "cpPresetEmptyMessageClass": "cpPresetEmptyMessageClass"; "cpAddColorButton": "cpAddColorButton"; "cpAddColorButtonText": "cpAddColorButtonText"; "cpAddColorButtonClass": "cpAddColorButtonClass"; "cpRemoveColorButtonClass": "cpRemoveColorButtonClass"; "cpArrowPosition": "cpArrowPosition"; "cpExtraTemplate": "cpExtraTemplate"; }, { "cpInputChange": "cpInputChange"; "cpToggleChange": "cpToggleChange"; "cpSliderChange": "cpSliderChange"; "cpSliderDragEnd": "cpSliderDragEnd"; "cpSliderDragStart": "cpSliderDragStart"; "colorPickerOpen": "colorPickerOpen"; "colorPickerClose": "colorPickerClose"; "colorPickerCancel": "colorPickerCancel"; "colorPickerSelect": "colorPickerSelect"; "colorPickerChange": "colorPickerChange"; "cpCmykColorChange": "cpCmykColorChange"; "cpPresetColorsChange": "cpPresetColorsChange"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ColorPickerDirective, "[colorPicker]", ["ngxColorPicker"], { "colorPicker": { "alias": "colorPicker"; "required": false; }; "cpWidth": { "alias": "cpWidth"; "required": false; }; "cpHeight": { "alias": "cpHeight"; "required": false; }; "cpToggle": { "alias": "cpToggle"; "required": false; }; "cpDisabled": { "alias": "cpDisabled"; "required": false; }; "cpIgnoredElements": { "alias": "cpIgnoredElements"; "required": false; }; "cpFallbackColor": { "alias": "cpFallbackColor"; "required": false; }; "cpColorMode": { "alias": "cpColorMode"; "required": false; }; "cpCmykEnabled": { "alias": "cpCmykEnabled"; "required": false; }; "cpOutputFormat": { "alias": "cpOutputFormat"; "required": false; }; "cpAlphaChannel": { "alias": "cpAlphaChannel"; "required": false; }; "cpDisableInput": { "alias": "cpDisableInput"; "required": false; }; "cpDialogDisplay": { "alias": "cpDialogDisplay"; "required": false; }; "cpSaveClickOutside": { "alias": "cpSaveClickOutside"; "required": false; }; "cpCloseClickOutside": { "alias": "cpCloseClickOutside"; "required": false; }; "cpUseRootViewContainer": { "alias": "cpUseRootViewContainer"; "required": false; }; "cpPosition": { "alias": "cpPosition"; "required": false; }; "cpPositionOffset": { "alias": "cpPositionOffset"; "required": false; }; "cpPositionRelativeToArrow": { "alias": "cpPositionRelativeToArrow"; "required": false; }; "cpOKButton": { "alias": "cpOKButton"; "required": false; }; "cpOKButtonText": { "alias": "cpOKButtonText"; "required": false; }; "cpOKButtonClass": { "alias": "cpOKButtonClass"; "required": false; }; "cpCancelButton": { "alias": "cpCancelButton"; "required": false; }; "cpCancelButtonText": { "alias": "cpCancelButtonText"; "required": false; }; "cpCancelButtonClass": { "alias": "cpCancelButtonClass"; "required": false; }; "cpEyeDropper": { "alias": "cpEyeDropper"; "required": false; }; "cpPresetLabel": { "alias": "cpPresetLabel"; "required": false; }; "cpPresetColors": { "alias": "cpPresetColors"; "required": false; }; "cpPresetColorsClass": { "alias": "cpPresetColorsClass"; "required": false; }; "cpMaxPresetColorsLength": { "alias": "cpMaxPresetColorsLength"; "required": false; }; "cpPresetEmptyMessage": { "alias": "cpPresetEmptyMessage"; "required": false; }; "cpPresetEmptyMessageClass": { "alias": "cpPresetEmptyMessageClass"; "required": false; }; "cpAddColorButton": { "alias": "cpAddColorButton"; "required": false; }; "cpAddColorButtonText": { "alias": "cpAddColorButtonText"; "required": false; }; "cpAddColorButtonClass": { "alias": "cpAddColorButtonClass"; "required": false; }; "cpRemoveColorButtonClass": { "alias": "cpRemoveColorButtonClass"; "required": false; }; "cpArrowPosition": { "alias": "cpArrowPosition"; "required": false; }; "cpExtraTemplate": { "alias": "cpExtraTemplate"; "required": false; }; }, { "cpInputChange": "cpInputChange"; "cpToggleChange": "cpToggleChange"; "cpSliderChange": "cpSliderChange"; "cpSliderDragEnd": "cpSliderDragEnd"; "cpSliderDragStart": "cpSliderDragStart"; "colorPickerOpen": "colorPickerOpen"; "colorPickerClose": "colorPickerClose"; "colorPickerCancel": "colorPickerCancel"; "colorPickerSelect": "colorPickerSelect"; "colorPickerChange": "colorPickerChange"; "cpCmykColorChange": "cpCmykColorChange"; "cpPresetColorsChange": "cpPresetColorsChange"; }, never, never, false, never>;
 }

lib/helpers.d.ts

 import { EventEmitter, ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare type ColorMode = 'color' | 'c' | '1' | 'grayscale' | 'g' | '2' | 'presets' | 'p' | '3';
-export declare type AlphaChannel = 'enabled' | 'disabled' | 'always' | 'forced';
-export declare type BoundingRectangle = {
+export type ColorMode = 'color' | 'c' | '1' | 'grayscale' | 'g' | '2' | 'presets' | 'p' | '3';
+export type AlphaChannel = 'enabled' | 'disabled' | 'always' | 'forced';
+export type BoundingRectangle = {
     top: number;
@@ -13,3 +13,3 @@ bottom: number;
 };
-export declare type OutputFormat = 'auto' | 'hex' | 'rgba' | 'hsla';
+export type OutputFormat = 'auto' | 'hex' | 'rgba' | 'hsla';
 export declare function calculateAutoPositioning(elBounds: BoundingRectangle, triggerElBounds: BoundingRectangle): string;
@@ -23,3 +23,3 @@ export declare function detectIE(): boolean | number;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TextDirective, "[text]", never, { "rg": "rg"; "text": "text"; }, { "newValue": "newValue"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TextDirective, "[text]", never, { "rg": { "alias": "rg"; "required": false; }; "text": { "alias": "text"; "required": false; }; }, { "newValue": "newValue"; }, never, never, false, never>;
 }
@@ -46,3 +46,3 @@ export declare class SliderDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<SliderDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SliderDirective, "[slider]", never, { "rgX": "rgX"; "rgY": "rgY"; "slider": "slider"; }, { "dragEnd": "dragEnd"; "dragStart": "dragStart"; "newValue": "newValue"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SliderDirective, "[slider]", never, { "rgX": { "alias": "rgX"; "required": false; }; "rgY": { "alias": "rgY"; "required": false; }; "slider": { "alias": "slider"; "required": false; }; }, { "dragEnd": "dragEnd"; "dragStart": "dragStart"; "newValue": "newValue"; }, never, never, false, never>;
 }
@@ -49,0 +49,0 @@ export declare class SliderPosition {

package.json

@@ -5,3 +5,3 @@ {
   "bugs": "https://github.com/zefoy/ngx-color-picker/issues",
-  "version": "14.0.0",
+  "version": "15.0.0",
   "license": "MIT",
@@ -13,7 +13,3 @@ "peerDependencies": {
   },
-  "module": "fesm2015/ngx-color-picker.mjs",
-  "es2020": "fesm2020/ngx-color-picker.mjs",
-  "esm2020": "esm2020/ngx-color-picker.mjs",
-  "fesm2020": "fesm2020/ngx-color-picker.mjs",
-  "fesm2015": "fesm2015/ngx-color-picker.mjs",
+  "module": "fesm2022/ngx-color-picker.mjs",
   "typings": "index.d.ts",
@@ -26,7 +22,5 @@ "exports": {
       "types": "./index.d.ts",
-      "esm2020": "./esm2020/ngx-color-picker.mjs",
-      "es2020": "./fesm2020/ngx-color-picker.mjs",
-      "es2015": "./fesm2015/ngx-color-picker.mjs",
-      "node": "./fesm2015/ngx-color-picker.mjs",
-      "default": "./fesm2020/ngx-color-picker.mjs"
+      "esm2022": "./esm2022/ngx-color-picker.mjs",
+      "esm": "./esm2022/ngx-color-picker.mjs",
+      "default": "./fesm2022/ngx-color-picker.mjs"
     }
@@ -33,0 +27,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

Improved metrics

Number of low supply chain risk alerts

9

decreased by-30.77%

Worsened metrics

Total package byte prevSize

623501

decreased by-30.11%

Number of package files

22

decreased by-8.33%

Lines of code

4494

decreased by-26.68%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes