@magic-color/vue - npm Package Compare versions

Comparing version 1.1.0 to 1.1.1

dist/index.d.ts

 import * as vue from 'vue';
-import { PropType, App } from 'vue';
+import { PropType as PropType$1, App } from 'vue';
 import * as magic_color from 'magic-color';
-import { HsbColor } from 'magic-color';
+import { HsbColor, ColorType } from 'magic-color';
 
@@ -16,4 +16,4 @@ declare const _default$4: vue.DefineComponent<{
 }, {
-    color: vue.ModelRef<string, string | number | symbol>;
-    alpha: vue.ModelRef<number, string | number | symbol>;
+    color: vue.ModelRef<string, PropertyKey>;
+    alpha: vue.ModelRef<number, PropertyKey>;
     type: globalThis.Ref<keyof magic_color.Colors>;
@@ -52,3 +52,3 @@ mcHsbColor: globalThis.WritableComputedRef<HsbColor>;
     type: {
-        type: PropType<"hue" | "normal" | "alpha">;
+        type: PropType$1<"hue" | "alpha" | "normal">;
         default: string;
@@ -107,3 +107,3 @@ };
     onMouseDown: (e: MouseEvent) => void;
-    model: vue.ModelRef<number, string | number | symbol>;
+    model: vue.ModelRef<number, PropertyKey>;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", vue.PublicProps, Readonly<globalThis.ExtractPropTypes<{
@@ -115,3 +115,3 @@ disable: {
     type: {
-        type: PropType<"hue" | "normal" | "alpha">;
+        type: PropType$1<"hue" | "alpha" | "normal">;
         default: string;
@@ -165,3 +165,3 @@ };
     type: {
-        type: globalThis.PropType<keyof magic_color.Colors>;
+        type: PropType<ColorType>;
     };
@@ -172,3 +172,3 @@ alpha: {
 }, {
-    type: vue.ModelRef<keyof magic_color.Colors | undefined, string | number | symbol>;
+    type: vue.ModelRef<keyof magic_color.Colors | undefined, PropertyKey>;
     hexV: globalThis.WritableComputedRef<string>;
@@ -185,3 +185,3 @@ v0: globalThis.WritableComputedRef<number>;
     type: {
-        type: globalThis.PropType<keyof magic_color.Colors>;
+        type: PropType<ColorType>;
     };
@@ -211,3 +211,3 @@ alpha: {
     color: {
-        type: globalThis.PropType<HsbColor>;
+        type: PropType<HsbColor>;
         required: true;
@@ -251,3 +251,3 @@ };
     color: {
-        type: globalThis.PropType<HsbColor>;
+        type: PropType<HsbColor>;
         required: true;
@@ -288,12 +288,12 @@ };
         clip: {
-            (fillRule?: CanvasFillRule | undefined): void;
-            (path: Path2D, fillRule?: CanvasFillRule | undefined): void;
+            (fillRule?: CanvasFillRule): void;
+            (path: Path2D, fillRule?: CanvasFillRule): void;
         };
         fill: {
-            (fillRule?: CanvasFillRule | undefined): void;
-            (path: Path2D, fillRule?: CanvasFillRule | undefined): void;
+            (fillRule?: CanvasFillRule): void;
+            (path: Path2D, fillRule?: CanvasFillRule): void;
         };
         isPointInPath: {
-            (x: number, y: number, fillRule?: CanvasFillRule | undefined): boolean;
-            (path: Path2D, x: number, y: number, fillRule?: CanvasFillRule | undefined): boolean;
+            (x: number, y: number, fillRule?: CanvasFillRule): boolean;
+            (path: Path2D, x: number, y: number, fillRule?: CanvasFillRule): boolean;
         };
@@ -311,3 +311,3 @@ isPointInStroke: {
         } | {
-            setTransform: (transform?: DOMMatrix2DInit | undefined) => void;
+            setTransform: (transform?: DOMMatrix2DInit) => void;
         };
@@ -317,3 +317,3 @@ strokeStyle: string | {
         } | {
-            setTransform: (transform?: DOMMatrix2DInit | undefined) => void;
+            setTransform: (transform?: DOMMatrix2DInit) => void;
         };
@@ -326,6 +326,6 @@ createConicGradient: (startAngle: number, x: number, y: number) => CanvasGradient;
         createImageData: {
-            (sw: number, sh: number, settings?: ImageDataSettings | undefined): ImageData;
+            (sw: number, sh: number, settings?: ImageDataSettings): ImageData;
             (imagedata: ImageData): ImageData;
         };
-        getImageData: (sx: number, sy: number, sw: number, sh: number, settings?: ImageDataSettings | undefined) => ImageData;
+        getImageData: (sx: number, sy: number, sw: number, sh: number, settings?: ImageDataSettings) => ImageData;
         putImageData: {
@@ -337,7 +337,7 @@ (imagedata: ImageData, dx: number, dy: number): void;
         imageSmoothingQuality: ImageSmoothingQuality;
-        arc: (x: number, y: number, radius: number, startAngle: number, endAngle: number, counterclockwise?: boolean | undefined) => void;
+        arc: (x: number, y: number, radius: number, startAngle: number, endAngle: number, counterclockwise?: boolean) => void;
         arcTo: (x1: number, y1: number, x2: number, y2: number, radius: number) => void;
         bezierCurveTo: (cp1x: number, cp1y: number, cp2x: number, cp2y: number, x: number, y: number) => void;
         closePath: () => void;
-        ellipse: (x: number, y: number, radiusX: number, radiusY: number, rotation: number, startAngle: number, endAngle: number, counterclockwise?: boolean | undefined) => void;
+        ellipse: (x: number, y: number, radiusX: number, radiusY: number, rotation: number, startAngle: number, endAngle: number, counterclockwise?: boolean) => void;
         lineTo: (x: number, y: number) => void;
@@ -347,3 +347,3 @@ moveTo: (x: number, y: number) => void;
         rect: (x: number, y: number, w: number, h: number) => void;
-        roundRect: (x: number, y: number, w: number, h: number, radii?: number | DOMPointInit | (number | DOMPointInit)[] | undefined) => void;
+        roundRect: (x: number, y: number, w: number, h: number, radii?: number | DOMPointInit | (number | DOMPointInit)[]) => void;
         lineCap: CanvasLineCap;
@@ -366,5 +366,5 @@ lineDashOffset: number;
         save: () => void;
-        fillText: (text: string, x: number, y: number, maxWidth?: number | undefined) => void;
+        fillText: (text: string, x: number, y: number, maxWidth?: number) => void;
         measureText: (text: string) => TextMetrics;
-        strokeText: (text: string, x: number, y: number, maxWidth?: number | undefined) => void;
+        strokeText: (text: string, x: number, y: number, maxWidth?: number) => void;
         direction: CanvasDirection;
@@ -386,3 +386,3 @@ font: string;
             (a: number, b: number, c: number, d: number, e: number, f: number): void;
-            (transform?: DOMMatrix2DInit | undefined): void;
+            (transform?: DOMMatrix2DInit): void;
         };
@@ -389,0 +389,0 @@ transform: (a: number, b: number, c: number, d: number, e: number, f: number) => void;

package.json

 {
   "name": "@magic-color/vue",
   "type": "module",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "Magic color vue component.",
@@ -41,6 +41,6 @@ "author": "Chris <[e-mail]>",
   "dependencies": {
-    "magic-color": "1.1.0"
+    "magic-color": "1.1.1"
   },
   "devDependencies": {
-    "vue": "^3.4.27"
+    "vue": "^3.4.31"
   },
@@ -47,0 +47,0 @@ "scripts": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

51228

decreased by-1.12%

Dependency changes

• + Added@magic-color/core@1.1.1(transitive)

• + Addedmagic-color@1.1.1(transitive)

• - Removed@magic-color/core@1.1.0(transitive)

• - Removedmagic-color@1.1.0(transitive)

• Updatedmagic-color@1.1.1