@amphore-dev/shades 0.5.0

package/dist/classes/shapes/ImageShape.js

@@ -0,0 +1,107 @@
+import { intToHex, rgbToHex } from "../../utils/UColors.js";
+import { ShadeItem } from "./BaseShape.js";
+/**
+ * Image shape that displays images (SVG, PNG, JPG, etc.)
+ * More flexible than the original LogoShape - accepts image URLs or HTMLImageElement
+ */
+export class ImageShape extends ShadeItem {
+    image;
+    imageUrl;
+    hasImageLoaded = false;
+    hexColor;
+    constructor(x, y, color, options = {}) {
+        super(x, y, color, { filled: true, rotation: false, ...options });
+        this.type = "image";
+        this.hexColor = rgbToHex(this.color);
+        this.loadImage(options.imageSource);
+    }
+    loadImage(imageSource) {
+        if (!imageSource) {
+            // Fallback: try to find a Logo element in DOM
+            const svg = document.getElementById("Logo");
+            if (svg) {
+                this.loadFromSVGElement(svg);
+            }
+            return;
+        }
+        if (typeof imageSource === "string") {
+            // Load from URL
+            this.imageUrl = imageSource;
+            this.loadFromUrl(imageSource);
+        }
+        else if (imageSource instanceof HTMLImageElement) {
+            // Use existing image element
+            this.image = imageSource;
+            this.hasImageLoaded = imageSource.complete;
+            if (!this.hasImageLoaded) {
+                imageSource.onload = () => {
+                    this.hasImageLoaded = true;
+                };
+            }
+        }
+        else {
+            // Assume it's an SVG or other HTML element
+            this.loadFromSVGElement(imageSource);
+        }
+    }
+    loadFromUrl(url) {
+        const img = new Image();
+        img.crossOrigin = "anonymous"; // Enable CORS if needed
+        img.onload = () => {
+            this.hasImageLoaded = true;
+        };
+        img.onerror = () => {
+            console.warn(`Failed to load image from URL: ${url}`);
+        };
+        img.src = url;
+        this.image = img;
+    }
+    loadFromSVGElement(element) {
+        try {
+            const serializedSVG = new XMLSerializer().serializeToString(element);
+            const img = new Image();
+            img.onload = () => {
+                this.hasImageLoaded = true;
+            };
+            img.onerror = () => {
+                console.warn("Failed to load SVG element as image");
+            };
+            img.src =
+                "data:image/svg+xml;charset=utf-8;base64, " + btoa(serializedSVG);
+            this.image = img;
+        }
+        catch (error) {
+            console.warn("Failed to serialize SVG element:", error);
+        }
+    }
+    setColors = (ctx, gradRatio, i) => {
+        this.hexColor =
+            rgbToHex(this.color) +
+                intToHex(Math.round(255 * ((gradRatio * i) / 100)));
+    };
+    draw = (ctx, config, offset) => {
+        const { gradRatio, nbrShades, center } = config;
+        if (!this.hasImageLoaded || !this.image)
+            return;
+        const heightRatio = (document.body.clientHeight * 0.77) / this.image.height;
+        const width = this.image.width * heightRatio;
+        const height = this.image.height * heightRatio;
+        for (let i = 0; i < nbrShades; i++) {
+            this.setColors(ctx, gradRatio, i);
+            ctx.fillStyle = this.hexColor;
+            ctx.beginPath();
+            ctx.drawImage(this.image, center.x +
+                this.position.x -
+                width / 2 +
+                offset.x * (1 - (gradRatio * i) / 100), center.y +
+                this.position.y -
+                height / 2 +
+                offset.y * (1 - (gradRatio * i) / 100), width, height);
+            ctx.globalCompositeOperation = "source-in";
+            ctx.fillRect(0, 0, document.body.clientWidth, document.body.clientHeight);
+            ctx.globalCompositeOperation = "source-over";
+            ctx.closePath();
+        }
+    };
+}
+//# sourceMappingURL=ImageShape.js.map

package/dist/classes/shapes/ImageShape.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageShape.js","sourceRoot":"","sources":["../../../src/classes/shapes/ImageShape.ts"],"names":[],"mappings":"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"}

package/dist/classes/shapes/SpiralShape.d.ts

@@ -0,0 +1,11 @@
+import { TShadeColor, TShadeConfig, TShapeOptions } from "../../types/index.js";
+import { TPoint } from "../../types/TPoints.js";
+import { ShadeItem } from "./BaseShape.js";
+/**
+ * Spiral shape implementation with rotation animation
+ */
+export declare class SpiralShape extends ShadeItem {
+    constructor(x: number, y: number, color: TShadeColor, options?: TShapeOptions);
+    draw: (ctx: CanvasRenderingContext2D, config: TShadeConfig, offset: TPoint) => void;
+}
+//# sourceMappingURL=SpiralShape.d.ts.map

package/dist/classes/shapes/SpiralShape.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpiralShape.d.ts","sourceRoot":"","sources":["../../../src/classes/shapes/SpiralShape.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAChF,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C;;GAEG;AACH,qBAAa,WAAY,SAAQ,SAAS;gBAEtC,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,KAAK,EAAE,WAAW,EAClB,OAAO,GAAE,aAAkB;IAO7B,IAAI,GACF,KAAK,wBAAwB,EAC7B,QAAQ,YAAY,EACpB,QAAQ,MAAM,UA0Bd;CACH"}

package/dist/classes/shapes/SpiralShape.js

@@ -0,0 +1,28 @@
+import { ShadeItem } from "./BaseShape.js";
+/**
+ * Spiral shape implementation with rotation animation
+ */
+export class SpiralShape extends ShadeItem {
+    constructor(x, y, color, options = {}) {
+        super(x, y, color, { filled: false, rotation: true, ...options });
+        this.type = "spiral";
+        this.angle = 0;
+    }
+    draw = (ctx, config, offset) => {
+        const { gradRatio, nbrShades, totalWidth, totalHeight, center, width } = config;
+        for (let i = 0; i < nbrShades; i++) {
+            this.setColors(ctx, gradRatio, i);
+            ctx.beginPath();
+            ctx.arc(center.x +
+                (this.position.x - totalWidth / 2 + width / 2) +
+                offset.x * (1 - (gradRatio * i) / 100), center.y +
+                (this.position.y - totalHeight / 2 + width / 2) +
+                offset.y * (1 - (gradRatio * i) / 100), width / 2, this.angle + ((nbrShades - i) * 8 * Math.PI) / 180, this.angle + ((180 + (nbrShades - i) * 8) * Math.PI) / 180);
+            this.drawPath(ctx);
+            ctx.closePath();
+            if (this.rotation)
+                this.angle += ((2 / nbrShades) * Math.PI) / 180;
+        }
+    };
+}
+//# sourceMappingURL=SpiralShape.js.map

package/dist/classes/shapes/SpiralShape.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpiralShape.js","sourceRoot":"","sources":["../../../src/classes/shapes/SpiralShape.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C;;GAEG;AACH,MAAM,OAAO,WAAY,SAAQ,SAAS;IACxC,YACE,CAAS,EACT,CAAS,EACT,KAAkB,EAClB,UAAyB,EAAE;QAE3B,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,OAAO,EAAE,CAAC,CAAC;QAClE,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC;QACrB,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;IACjB,CAAC;IAED,IAAI,GAAG,CACL,GAA6B,EAC7B,MAAoB,EACpB,MAAc,EACd,EAAE;QACF,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,GACpE,MAAM,CAAC;QAET,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,EAAE,CAAC,EAAE,EAAE,CAAC;YACnC,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC;YAElC,GAAG,CAAC,SAAS,EAAE,CAAC;YAChB,GAAG,CAAC,GAAG,CACL,MAAM,CAAC,CAAC;gBACN,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,GAAG,UAAU,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC;gBAC9C,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,EACxC,MAAM,CAAC,CAAC;gBACN,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,GAAG,WAAW,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC;gBAC/C,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,EACxC,KAAK,GAAG,CAAC,EACT,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,GAAG,EAClD,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,GAAG,CAC3D,CAAC;YAEF,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;YACnB,GAAG,CAAC,SAAS,EAAE,CAAC;YAEhB,IAAI,IAAI,CAAC,QAAQ;gBAAE,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC;QACrE,CAAC;IACH,CAAC,CAAC;CACH"}

package/dist/classes/shapes/SquaredShape.d.ts

@@ -0,0 +1,11 @@
+import { TShadeColor, TShadeConfig, TShapeOptions } from "../../types/index.js";
+import { TPoint } from "../../types/TPoints.js";
+import { ShadeItem } from "./BaseShape.js";
+/**
+ * Square shape implementation
+ */
+export declare class SquaredShape extends ShadeItem {
+    constructor(x: number, y: number, color: TShadeColor, options?: TShapeOptions);
+    draw: (ctx: CanvasRenderingContext2D, config: TShadeConfig, offset: TPoint) => void;
+}
+//# sourceMappingURL=SquaredShape.d.ts.map

package/dist/classes/shapes/SquaredShape.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SquaredShape.d.ts","sourceRoot":"","sources":["../../../src/classes/shapes/SquaredShape.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAChF,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C;;GAEG;AACH,qBAAa,YAAa,SAAQ,SAAS;gBAEvC,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,KAAK,EAAE,WAAW,EAClB,OAAO,GAAE,aAAkB;IAM7B,IAAI,GACF,KAAK,wBAAwB,EAC7B,QAAQ,YAAY,EACpB,QAAQ,MAAM,UA8Bd;CACH"}

package/dist/classes/shapes/SquaredShape.js

@@ -0,0 +1,25 @@
+import { ShadeItem } from "./BaseShape.js";
+/**
+ * Square shape implementation
+ */
+export class SquaredShape extends ShadeItem {
+    constructor(x, y, color, options = {}) {
+        super(x, y, color, { filled: false, ...options });
+        this.type = "square";
+    }
+    draw = (ctx, config, offset) => {
+        const { gradRatio, nbrShades, totalWidth, totalHeight, center, width, height, } = config;
+        for (let i = 0; i < nbrShades; i++) {
+            this.setColors(ctx, gradRatio, i);
+            ctx.beginPath();
+            ctx.rect(center.x +
+                (this.position.x - totalWidth / 2) +
+                offset.x * (1 - (gradRatio * i) / 100), center.y +
+                (this.position.y - totalHeight / 2) +
+                offset.y * (1 - (gradRatio * i) / 100), width, height);
+            this.drawPath(ctx);
+            ctx.closePath();
+        }
+    };
+}
+//# sourceMappingURL=SquaredShape.js.map

package/dist/classes/shapes/SquaredShape.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SquaredShape.js","sourceRoot":"","sources":["../../../src/classes/shapes/SquaredShape.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C;;GAEG;AACH,MAAM,OAAO,YAAa,SAAQ,SAAS;IACzC,YACE,CAAS,EACT,CAAS,EACT,KAAkB,EAClB,UAAyB,EAAE;QAE3B,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,OAAO,EAAE,CAAC,CAAC;QAClD,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC;IACvB,CAAC;IAED,IAAI,GAAG,CACL,GAA6B,EAC7B,MAAoB,EACpB,MAAc,EACd,EAAE;QACF,MAAM,EACJ,SAAS,EACT,SAAS,EACT,UAAU,EACV,WAAW,EACX,MAAM,EACN,KAAK,EACL,MAAM,GACP,GAAG,MAAM,CAAC;QAEX,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,EAAE,CAAC,EAAE,EAAE,CAAC;YACnC,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC;YAElC,GAAG,CAAC,SAAS,EAAE,CAAC;YAChB,GAAG,CAAC,IAAI,CACN,MAAM,CAAC,CAAC;gBACN,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,GAAG,UAAU,GAAG,CAAC,CAAC;gBAClC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,EACxC,MAAM,CAAC,CAAC;gBACN,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,GAAG,WAAW,GAAG,CAAC,CAAC;gBACnC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,EACxC,KAAK,EACL,MAAM,CACP,CAAC;YAEF,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;YACnB,GAAG,CAAC,SAAS,EAAE,CAAC;QAClB,CAAC;IACH,CAAC,CAAC;CACH"}

package/dist/classes/shapes/TextShape.d.ts

@@ -0,0 +1,16 @@
+import { TShadeColor, TShadeConfig, TShapeOptions } from "../../types/index.js";
+import { TPoint } from "../../types/TPoints.js";
+import { ShadeItem } from "./BaseShape.js";
+/**
+ * Text shape implementation for displaying text
+ */
+export declare class TextShape extends ShadeItem {
+    text: string;
+    font: string;
+    constructor(x: number, y: number, color: TShadeColor, options?: TShapeOptions & {
+        text?: string;
+        font?: string;
+    });
+    draw: (ctx: CanvasRenderingContext2D, config: TShadeConfig, offset: TPoint) => void;
+}
+//# sourceMappingURL=TextShape.d.ts.map

package/dist/classes/shapes/TextShape.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextShape.d.ts","sourceRoot":"","sources":["../../../src/classes/shapes/TextShape.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAChF,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAK3C;;GAEG;AACH,qBAAa,SAAU,SAAQ,SAAS;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;gBAGX,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,KAAK,EAAE,WAAW,EAClB,OAAO,GAAE,aAAa,GAAG;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAO;IAQhE,IAAI,GACF,KAAK,wBAAwB,EAC7B,QAAQ,YAAY,EACpB,QAAQ,MAAM,UAyBd;CACH"}

package/dist/classes/shapes/TextShape.js

@@ -0,0 +1,35 @@
+import { random } from "../../utils/UMaths.js";
+import { ShadeItem } from "./BaseShape.js";
+const fontList = ["Remained"];
+const curFont = fontList[random(0, fontList.length - 1, true)]; // Default to monospace for better compatibility
+/**
+ * Text shape implementation for displaying text
+ */
+export class TextShape extends ShadeItem {
+    text;
+    font;
+    constructor(x, y, color, options = {}) {
+        super(x, y, color, { ...options, filled: true });
+        this.type = "text";
+        this.text = options.text ?? "SHADES";
+        this.font = options.font ?? curFont;
+    }
+    draw = (ctx, config, offset) => {
+        const { gradRatio, nbrShades, totalWidth, totalHeight, center, width } = config;
+        const text = this.text; // Use the text from the options
+        ctx.font = `${width}px ${this.font}`;
+        ctx.textBaseline = "middle";
+        ctx.textAlign = "center";
+        for (let i = 0; i < nbrShades; i++) {
+            this.setColors(ctx, gradRatio, i);
+            ctx.fillText(text, width / 2 +
+                center.x +
+                (this.position.x - totalWidth / 2) +
+                offset.x * (1 - (gradRatio * i) / 100), config.height / 2 +
+                center.y +
+                (this.position.y - totalHeight / 2) +
+                offset.y * (1 - (gradRatio * i) / 100));
+        }
+    };
+}
+//# sourceMappingURL=TextShape.js.map

package/dist/classes/shapes/TextShape.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextShape.js","sourceRoot":"","sources":["../../../src/classes/shapes/TextShape.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAG/C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,MAAM,QAAQ,GAAG,CAAC,UAAU,CAAC,CAAC;AAC9B,MAAM,OAAO,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,gDAAgD;AAEhH;;GAEG;AACH,MAAM,OAAO,SAAU,SAAQ,SAAS;IACtC,IAAI,CAAS;IACb,IAAI,CAAS;IAEb,YACE,CAAS,EACT,CAAS,EACT,KAAkB,EAClB,UAA4D,EAAE;QAE9D,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,GAAG,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;QACjD,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC;QACnB,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,IAAI,QAAQ,CAAC;QACrC,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC;IACtC,CAAC;IAED,IAAI,GAAG,CACL,GAA6B,EAC7B,MAAoB,EACpB,MAAc,EACd,EAAE;QACF,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,GACpE,MAAM,CAAC;QAET,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,gCAAgC;QACxD,GAAG,CAAC,IAAI,GAAG,GAAG,KAAK,MAAM,IAAI,CAAC,IAAI,EAAE,CAAC;QACrC,GAAG,CAAC,YAAY,GAAG,QAAQ,CAAC;QAC5B,GAAG,CAAC,SAAS,GAAG,QAAQ,CAAC;QAEzB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,EAAE,CAAC,EAAE,EAAE,CAAC;YACnC,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC;YAElC,GAAG,CAAC,QAAQ,CACV,IAAI,EACJ,KAAK,GAAG,CAAC;gBACP,MAAM,CAAC,CAAC;gBACR,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,GAAG,UAAU,GAAG,CAAC,CAAC;gBAClC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,EACxC,MAAM,CAAC,MAAM,GAAG,CAAC;gBACf,MAAM,CAAC,CAAC;gBACR,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,GAAG,WAAW,GAAG,CAAC,CAAC;gBACnC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CACzC,CAAC;QACJ,CAAC;IACH,CAAC,CAAC;CACH"}

package/dist/classes/shapes/TriangleShape.d.ts

@@ -0,0 +1,11 @@
+import { TShadeColor, TShadeConfig, TShapeOptions } from "../../types/index.js";
+import { TPoint } from "../../types/TPoints.js";
+import { ShadeItem } from "./BaseShape.js";
+/**
+ * Triangle shape implementation with rotation animation
+ */
+export declare class TriangleShape extends ShadeItem {
+    constructor(x: number, y: number, color: TShadeColor, options?: TShapeOptions);
+    draw: (ctx: CanvasRenderingContext2D, config: TShadeConfig, offset: TPoint) => void;
+}
+//# sourceMappingURL=TriangleShape.d.ts.map

package/dist/classes/shapes/TriangleShape.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TriangleShape.d.ts","sourceRoot":"","sources":["../../../src/classes/shapes/TriangleShape.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAChF,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C;;GAEG;AACH,qBAAa,aAAc,SAAQ,SAAS;gBAExC,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,KAAK,EAAE,WAAW,EAClB,OAAO,GAAE,aAAkB;IAO7B,IAAI,GACF,KAAK,wBAAwB,EAC7B,QAAQ,YAAY,EACpB,QAAQ,MAAM,UAkDd;CACH"}

package/dist/classes/shapes/TriangleShape.js

@@ -0,0 +1,46 @@
+import { degToRad } from "../../utils/UMaths.js";
+import { ShadeItem } from "./BaseShape.js";
+/**
+ * Triangle shape implementation with rotation animation
+ */
+export class TriangleShape extends ShadeItem {
+    constructor(x, y, color, options = {}) {
+        super(x, y, color, { filled: true, rotation: true, ...options });
+        this.type = "triangle";
+        this.angle = degToRad(90);
+    }
+    draw = (ctx, config, offset) => {
+        const { gradRatio, nbrShades, totalWidth, totalHeight, center, width } = config;
+        for (let i = 0; i < nbrShades; i++) {
+            this.setColors(ctx, gradRatio, i);
+            ctx.beginPath();
+            ctx.moveTo(center.x +
+                Math.cos(this.angle) * width +
+                (this.position.x - totalWidth / 2 + width / 2) +
+                offset.x * (1 - (gradRatio * i) / 100), center.y +
+                Math.sin(this.angle) * width +
+                (this.position.y - totalHeight / 2 + width / 2) +
+                offset.y * (1 - (gradRatio * i) / 100));
+            ctx.lineTo(center.x +
+                Math.cos(this.angle + (2 * Math.PI) / 3) * width +
+                (this.position.x - totalWidth / 2 + width / 2) +
+                offset.x * (1 - (gradRatio * i) / 100), center.y +
+                Math.sin(this.angle + (2 * Math.PI) / 3) * width +
+                (this.position.y - totalHeight / 2 + width / 2) +
+                offset.y * (1 - (gradRatio * i) / 100));
+            ctx.lineTo(center.x +
+                Math.cos(this.angle + (4 * Math.PI) / 3) * width +
+                (this.position.x - totalWidth / 2 + width / 2) +
+                offset.x * (1 - (gradRatio * i) / 100), center.y +
+                Math.sin(this.angle + (4 * Math.PI) / 3) * width +
+                (this.position.y - totalHeight / 2 + width / 2) +
+                offset.y * (1 - (gradRatio * i) / 100));
+            ctx.closePath();
+            this.drawPath(ctx);
+            if (this.rotation) {
+                this.angle += ((0.3 / nbrShades) * Math.PI) / 180;
+            }
+        }
+    };
+}
+//# sourceMappingURL=TriangleShape.js.map

package/dist/classes/shapes/TriangleShape.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TriangleShape.js","sourceRoot":"","sources":["../../../src/classes/shapes/TriangleShape.ts"],"names":[],"mappings":"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"}

package/dist/classes/shapes/index.d.ts

@@ -0,0 +1,8 @@
+export { ShadeItem } from "./BaseShape.js";
+export { CircleShape } from "./CircleShape.js";
+export { ImageShape } from "./ImageShape.js";
+export { SpiralShape } from "./SpiralShape.js";
+export { SquaredShape } from "./SquaredShape.js";
+export { TextShape } from "./TextShape.js";
+export { TriangleShape } from "./TriangleShape.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/classes/shapes/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/classes/shapes/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAG3C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/classes/shapes/index.js

@@ -0,0 +1,10 @@
+// Export base shape class
+export { ShadeItem } from "./BaseShape.js";
+// Export all shape implementations
+export { CircleShape } from "./CircleShape.js";
+export { ImageShape } from "./ImageShape.js";
+export { SpiralShape } from "./SpiralShape.js";
+export { SquaredShape } from "./SquaredShape.js";
+export { TextShape } from "./TextShape.js";
+export { TriangleShape } from "./TriangleShape.js";
+//# sourceMappingURL=index.js.map

package/dist/classes/shapes/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/classes/shapes/index.ts"],"names":[],"mappings":"AAAA,0BAA0B;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,mCAAmC;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/constants/CColors.d.ts

@@ -0,0 +1,6 @@
+import { TShadeColor } from "@/types/TShadeItem.js";
+export declare const HOME_COLORS: TShadeColor[];
+export declare const LIGHT_COLORS: TShadeColor[];
+export declare const DARK_COLORS: TShadeColor[];
+export declare const COLORS: TShadeColor[];
+//# sourceMappingURL=CColors.d.ts.map

package/dist/constants/CColors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CColors.d.ts","sourceRoot":"","sources":["../../src/constants/CColors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,eAAO,MAAM,WAAW,EAAE,WAAW,EASpC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,WAAW,EAiBrC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,WAAW,EAKpC,CAAC;AAEF,eAAO,MAAM,MAAM,eAAoD,CAAC"}

package/dist/constants/CColors.js

@@ -0,0 +1,35 @@
+export const HOME_COLORS = [
+    { r: 80, g: 178, b: 192 },
+    { r: 241, g: 162, b: 8 },
+    { r: 214, g: 40, b: 57 },
+    { r: 0, g: 255, b: 255 },
+    { r: 252, g: 163, b: 17 },
+    { r: 237, g: 37, b: 78 },
+    { r: 209, g: 52, b: 91 },
+];
+export const LIGHT_COLORS = [
+    { r: 255, g: 255, b: 255 },
+    { r: 0, g: 255, b: 0 },
+    { r: 255, g: 0, b: 255 },
+    { r: 255, g: 255, b: 0 },
+    { r: 255, g: 105, b: 120 },
+    { r: 7, g: 190, b: 184 },
+    { r: 186, g: 50, b: 79 },
+    { r: 23, g: 86, b: 118 },
+    { r: 75, g: 163, b: 195 },
+    { r: 255, g: 200, b: 87 },
+    { r: 250, g: 120, b: 30 },
+    { r: 223, g: 41, b: 53 },
+    { r: 129, g: 195, b: 215 },
+    { r: 49, g: 203, b: 0 },
+    { r: 17, g: 152, b: 34 },
+    { r: 155, g: 197, b: 91 },
+];
+export const DARK_COLORS = [
+    { r: 0, g: 0, b: 0 },
+    { r: 0, g: 0, b: 0 },
+    { r: 0, g: 0, b: 0 },
+    { r: 0, g: 0, b: 0 },
+];
+export const COLORS = [...HOME_COLORS, ...LIGHT_COLORS, ...DARK_COLORS];
+//# sourceMappingURL=CColors.js.map

package/dist/constants/CColors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CColors.js","sourceRoot":"","sources":["../../src/constants/CColors.ts"],"names":[],"mappings":"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"}

package/dist/constants/CFilters.d.ts

@@ -0,0 +1,8 @@
+import { TShadeColor } from "../types/index.js";
+export declare const SAME_COLOR_FILTER: (mainColor: TShadeColor, itemColor: TShadeColor) => boolean;
+export declare const NO_FILTER: () => boolean;
+export declare const RANDOM_FILTER: () => boolean;
+export declare const RANDOM_50_FILTER: () => boolean;
+export declare const RANDOM_FILTERS: ((mainColor: TShadeColor, itemColor: TShadeColor) => boolean)[];
+export declare const LINE_CAP_TYPES: CanvasLineCap[];
+//# sourceMappingURL=CFilters.d.ts.map

package/dist/constants/CFilters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CFilters.d.ts","sourceRoot":"","sources":["../../src/constants/CFilters.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAMhD,eAAO,MAAM,iBAAiB,GAC5B,WAAW,WAAW,EACtB,WAAW,WAAW,YACwB,CAAC;AAEjD,eAAO,MAAM,SAAS,eAAa,CAAC;AACpC,eAAO,MAAM,aAAa,eAAc,CAAC;AACzC,eAAO,MAAM,gBAAgB,eAAiC,CAAC;AAE/D,eAAO,MAAM,cAAc,eARd,WAAW,aACX,WAAW,eAYvB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,aAAa,EAAgC,CAAC"}

package/dist/constants/CFilters.js

@@ -0,0 +1,15 @@
+import { rgbToHex } from "../utils/UColors.js";
+import { random } from "../utils/UMaths.js";
+// filters
+export const SAME_COLOR_FILTER = (mainColor, itemColor) => rgbToHex(itemColor) === rgbToHex(mainColor);
+export const NO_FILTER = () => true;
+export const RANDOM_FILTER = () => false;
+export const RANDOM_50_FILTER = () => random(0, 1, true) === 1;
+export const RANDOM_FILTERS = [
+    SAME_COLOR_FILTER,
+    NO_FILTER,
+    RANDOM_FILTER,
+    RANDOM_50_FILTER,
+];
+export const LINE_CAP_TYPES = ["butt", "round", "square"];
+//# sourceMappingURL=CFilters.js.map

package/dist/constants/CFilters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CFilters.js","sourceRoot":"","sources":["../../src/constants/CFilters.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAE5C,UAAU;AACV,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,SAAsB,EACtB,SAAsB,EACtB,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,KAAK,QAAQ,CAAC,SAAS,CAAC,CAAC;AAEjD,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC;AACpC,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC;AACzC,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;AAE/D,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,iBAAiB;IACjB,SAAS;IACT,aAAa;IACb,gBAAgB;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAoB,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC"}

package/dist/constants/CShades.d.ts

@@ -0,0 +1,3 @@
+export declare const MAX_SHADES_NBR = 30;
+export declare const SHADES_TYPES: string[];
+//# sourceMappingURL=CShades.d.ts.map

package/dist/constants/CShades.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CShades.d.ts","sourceRoot":"","sources":["../../src/constants/CShades.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,KAAK,CAAC;AAEjC,eAAO,MAAM,YAAY,EAAE,MAAM,EAOhC,CAAC"}

package/dist/constants/CShades.js

@@ -0,0 +1,10 @@
+export const MAX_SHADES_NBR = 30;
+export const SHADES_TYPES = [
+    "square",
+    "circle",
+    "text",
+    "spiral",
+    "triangle",
+    //   "image",
+];
+//# sourceMappingURL=CShades.js.map

package/dist/constants/CShades.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CShades.js","sourceRoot":"","sources":["../../src/constants/CShades.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG,EAAE,CAAC;AAEjC,MAAM,CAAC,MAAM,YAAY,GAAa;IACpC,QAAQ;IACR,QAAQ;IACR,MAAM;IACN,QAAQ;IACR,UAAU;IACV,aAAa;CACd,CAAC"}

package/dist/constants/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./CShades.js";
+export * from "./CColors.js";
+export * from "./CFilters.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/constants/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/constants/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC"}

package/dist/constants/index.js

@@ -0,0 +1,4 @@
+export * from "./CShades.js";
+export * from "./CColors.js";
+export * from "./CFilters.js";
+//# sourceMappingURL=index.js.map

package/dist/constants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/constants/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./classes/index.js";
+export type * from "./types/index.js";
+export { genConfig, getRandColors, getRandColor } from "./utils/UShadeUtils.js";
+export { HOME_COLORS, MAX_SHADES_NBR } from "./constants/index.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,oBAAoB,CAAC;AAGnC,mBAAmB,kBAAkB,CAAC;AAGtC,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAIhF,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/index.js

@@ -0,0 +1,8 @@
+// Export main engine class
+export * from "./classes/index.js";
+// Export utility functions for advanced users
+export { genConfig, getRandColors, getRandColor } from "./utils/UShadeUtils.js";
+// Export individual shape classes
+// Export constants
+export { HOME_COLORS, MAX_SHADES_NBR } from "./constants/index.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,2BAA2B;AAC3B,cAAc,oBAAoB,CAAC;AAKnC,8CAA8C;AAC9C,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEhF,kCAAkC;AAClC,mBAAmB;AACnB,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/types/TPoints.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Represents a 2D point with x and y coordinates
+ */
+export type TPoint = {
+    x: number;
+    y: number;
+};
+//# sourceMappingURL=TPoints.d.ts.map

package/dist/types/TPoints.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TPoints.d.ts","sourceRoot":"","sources":["../../src/types/TPoints.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,MAAM,MAAM,GAAG;IACnB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX,CAAC"}

package/dist/types/TPoints.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=TPoints.js.map

package/dist/types/TPoints.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TPoints.js","sourceRoot":"","sources":["../../src/types/TPoints.ts"],"names":[],"mappings":""}

package/dist/types/TShadeItem.d.ts

@@ -0,0 +1,6 @@
+export type TShadeColor = {
+    r: number;
+    g: number;
+    b: number;
+};
+//# sourceMappingURL=TShadeItem.d.ts.map

package/dist/types/TShadeItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TShadeItem.d.ts","sourceRoot":"","sources":["../../src/types/TShadeItem.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG;IACxB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX,CAAC"}

package/dist/types/TShadeItem.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=TShadeItem.js.map

package/dist/types/TShadeItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TShadeItem.js","sourceRoot":"","sources":["../../src/types/TShadeItem.ts"],"names":[],"mappings":""}

package/dist/types/TShades.d.ts

@@ -0,0 +1,11 @@
+import { SHADES_TYPES } from "@/constants/CShades.js";
+import { CircleShape, ImageShape, SpiralShape, SquaredShape, TextShape, TriangleShape } from "../classes/index.js";
+export type TShadeType = (typeof SHADES_TYPES)[number] | string;
+export type TShadeTypeConstructor = typeof SquaredShape | typeof CircleShape | typeof TextShape | typeof SpiralShape | typeof ImageShape | typeof TriangleShape;
+type IShadeTypeConstructors = {
+    [key in TShadeType]: TShadeTypeConstructor;
+};
+export declare const SHADES_TYPES_CONSTRUCTORS_LIST: IShadeTypeConstructors;
+export type ShadesTypesCodstructors = typeof SHADES_TYPES_CONSTRUCTORS_LIST;
+export {};
+//# sourceMappingURL=TShades.d.ts.map

package/dist/types/TShades.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TShades.d.ts","sourceRoot":"","sources":["../../src/types/TShades.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EACL,WAAW,EACX,UAAU,EACV,WAAW,EACX,YAAY,EACZ,SAAS,EACT,aAAa,EACd,MAAM,qBAAqB,CAAC;AAE7B,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC;AAEhE,MAAM,MAAM,qBAAqB,GAC7B,OAAO,YAAY,GACnB,OAAO,WAAW,GAClB,OAAO,SAAS,GAChB,OAAO,WAAW,GAClB,OAAO,UAAU,GACjB,OAAO,aAAa,CAAC;AAEzB,KAAK,sBAAsB,GAAG;KAC3B,GAAG,IAAI,UAAU,GAAG,qBAAqB;CAC3C,CAAC;AAEF,eAAO,MAAM,8BAA8B,EAAE,sBAO5C,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,OAAO,8BAA8B,CAAC"}

package/dist/types/TShades.js

@@ -0,0 +1,10 @@
+import { CircleShape, ImageShape, SpiralShape, SquaredShape, TextShape, TriangleShape, } from "../classes/index.js";
+export const SHADES_TYPES_CONSTRUCTORS_LIST = {
+    square: SquaredShape,
+    circle: CircleShape,
+    text: TextShape,
+    spiral: SpiralShape,
+    image: ImageShape,
+    triangle: TriangleShape,
+};
+//# sourceMappingURL=TShades.js.map

package/dist/types/TShades.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TShades.js","sourceRoot":"","sources":["../../src/types/TShades.ts"],"names":[],"mappings":"AACA,OAAO,EACL,WAAW,EACX,UAAU,EACV,WAAW,EACX,YAAY,EACZ,SAAS,EACT,aAAa,GACd,MAAM,qBAAqB,CAAC;AAgB7B,MAAM,CAAC,MAAM,8BAA8B,GAA2B;IACpE,MAAM,EAAE,YAAY;IACpB,MAAM,EAAE,WAAW;IACnB,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,WAAW;IACnB,KAAK,EAAE,UAAU;IACjB,QAAQ,EAAE,aAAa;CACxB,CAAC"}