var Confetti = function () { var t = function () { return function () { this.gravity = 10, this.particle_count = 75, this.particle_size = 1, this.explosion_power = 25, this.destroy_target = !0, this.fade = !1; }; }(), e = function () { function e(n) { var r = this; if (this.bursts = [], this.setCount = function (t) { if ("number" != typeof t) throw new Error("Input must be of type 'number'"); e.CONFIG.particle_count = t; }, this.setPower = function (t) { if ("number" != typeof t) throw new Error("Input must be of type 'number'"); e.CONFIG.explosion_power = t; }, this.setSize = function (t) { if ("number" != typeof t) throw new Error("Input must be of type 'number'"); e.CONFIG.particle_size = t; }, this.setFade = function (t) { if ("boolean" != typeof t) throw new Error("Input must be of type 'boolean'"); e.CONFIG.fade = t; }, this.destroyTarget = function (t) { if ("boolean" != typeof t) throw new Error("Input must be of type 'boolean'"); e.CONFIG.destroy_target = t; }, this.setupCanvasContext = function () { if (!e.CTX) { var t = document.createElement("canvas"); e.CTX = t.getContext("2d"), t.width = 2 * window.innerWidth, t.height = 2 * window.innerHeight, t.style.position = "fixed", t.style.top = "0", t.style.left = "0", t.style.width = "calc(100%)", t.style.height = "calc(100%)", t.style.margin = "0", t.style.padding = "0", t.style.zIndex = "999999999", t.style.pointerEvents = "none", document.body.appendChild(t), window.addEventListener("resize", function () { t.width = 2 * window.innerWidth, t.height = 2 * window.innerHeight; }); } }, this.setupElement = function (t) { var n; r.element = document.getElementById(t), null === (n = r.element) || void 0 === n || n.addEventListener("click", function (t) { var n = new o(2 * t.clientX, 2 * t.clientY); r.bursts.push(new i(n)), e.CONFIG.destroy_target && (r.element.style.visibility = "hidden"); }); }, this.update = function (t) { r.delta_time = (t - r.time) / 1e3, r.time = t; for (var e = r.bursts.length - 1; e >= 0; e--)r.bursts[e].update(r.delta_time), 0 == r.bursts[e].particles.length && r.bursts.splice(e, 1); r.draw(), window.requestAnimationFrame(r.update); }, !n) throw new Error("Missing id"); e.CONFIG || (e.CONFIG = new t), this.time = (new Date).getTime(), this.delta_time = 0, this.setupCanvasContext(), this.setupElement(n), window.requestAnimationFrame(this.update); } return e.prototype.draw = function () { s.clearScreen(); for (var t = 0, e = this.bursts; t < e.length; t++) { e[t].draw(); } }, e; }(), i = function () { function t(t) { this.particles = []; for (var i = 0; i < e.CONFIG.particle_count; i++)this.particles.push(new n(t)); } return t.prototype.update = function (t) { for (var e = this.particles.length - 1; e >= 0; e--)this.particles[e].update(t), this.particles[e].checkBounds() && this.particles.splice(e, 1); }, t.prototype.draw = function () { for (var t = this.particles.length - 1; t >= 0; t--)this.particles[t].draw(); }, t; }(), n = function () { function t(t) { this.size = new o((16 * Math.random() + 4) * e.CONFIG.particle_size, (4 * Math.random() + 4) * e.CONFIG.particle_size), this.position = new o(t.x - this.size.x / 2, t.y - this.size.y / 2), this.velocity = r.generateVelocity(), this.rotation = 360 * Math.random(), this.rotation_speed = 10 * (Math.random() - .5), this.hue = 360 * Math.random(), this.opacity = 100, this.lifetime = Math.random() + .25; } return t.prototype.update = function (t) { this.velocity.y += e.CONFIG.gravity * (this.size.y / (10 * e.CONFIG.particle_size)) * t, this.velocity.x += 25 * (Math.random() - .5) * t, this.velocity.y *= .98, this.velocity.x *= .98, this.position.x += this.velocity.x, this.position.y += this.velocity.y, this.rotation += this.rotation_speed, e.CONFIG.fade && (this.opacity -= this.lifetime); }, t.prototype.checkBounds = function () { return this.position.y - 2 * this.size.x > 2 * window.innerHeight; }, t.prototype.draw = function () { s.drawRectangle(this.position, this.size, this.rotation, this.hue, this.opacity); }, t; }(), o = function () { return function (t, e) { this.x = t || 0, this.y = e || 0; }; }(), r = function () { function t() { } return t.generateVelocity = function () { var t = Math.random() - .5, i = Math.random() - .7, n = Math.sqrt(t * t + i * i); return i /= n, new o((t /= n) * (Math.random() * e.CONFIG.explosion_power), i * (Math.random() * e.CONFIG.explosion_power)); }, t; }(), s = function () { function t() { } return t.clearScreen = function () { e.CTX && e.CTX.clearRect(0, 0, 2 * window.innerWidth, 2 * window.innerHeight); }, t.drawRectangle = function (t, i, n, o, r) { e.CTX && (e.CTX.save(), e.CTX.beginPath(), e.CTX.translate(t.x + i.x / 2, t.y + i.y / 2), e.CTX.rotate(n * Math.PI / 180), e.CTX.rect(-i.x / 2, -i.y / 2, i.x, i.y), e.CTX.fillStyle = "hsla(" + o + "deg, 90%, 65%, " + r + "%)", e.CTX.fill(), e.CTX.restore()); }, t; }(); return e; }();

const greenShades = ['#9be9a8', '#40c463', '#30a14e', '#216e39'];
const calendar = document.querySelector('.ContributionCalendar');

calendar.querySelectorAll('[role="tooltip"]').forEach(tooltip => tooltip.remove());

calendar.style.cursor = 'crosshair';

calendar.querySelectorAll('.ContributionCalendar-day').forEach(square => {
    square.style.backgroundColor = '#ebedf0';

    const changeColor = () => square.style.backgroundColor = greenShades[Math.floor(Math.random() * greenShades.length)];

    square.addEventListener('mouseleave', changeColor);
});

class Unicorn {
    constructor(container, containerWidth) {
        this.container = container;
        this.containerWidth = containerWidth;
        this.element = null;
        this.position = 0;
        this.direction = 1;
        this.trailPosition = 0;
    }

    create() {
        this.element = document.createElement('div');
        this.element.innerHTML = '🦄';
        this.element.style.position = 'absolute';
        this.element.style.cursor = 'pointer';
        this.element.style.zIndex = '1000';
        this.element.style.fontSize = '50px';
        this.element.style.width = '50px';
        this.element.style.height = '50px';
        this.element.style.textAlign = 'center';
        this.element.id = 'unicorn';
        this.container.appendChild(this.element);
    }

    move() {
        if (this.position >= this.containerWidth - 50) {
            this.direction = -1;
            this.element.style.transform = 'scaleX(1)';
            this.trailPosition = 30;
        } else if (this.position <= 0) {
            this.direction = 1;
            this.element.style.transform = 'scaleX(-1)';
            this.trailPosition = 10;
        }

        this.position += 2 * this.direction;
        this.element.style.left = `${this.position}px`;

        const jumpHeight = 30 * Math.abs(Math.sin(this.position * 0.1));
        this.element.style.bottom = `${jumpHeight}px`;

        return { x: this.position, y: jumpHeight };
    }
}

class Star {
    constructor(container, x, y) {
        this.container = container;
        this.x = x;
        this.y = y;
        this.element = null;
    }

    create() {
        this.element = document.createElement('div');
        this.element.innerHTML = '★';
        this.element.style.position = 'absolute';
        this.element.style.left = `${this.x}px`;
        this.element.style.bottom = `${this.y}px`;
        this.element.style.fontSize = `${Math.random() * 5 + 10}px`;
        this.element.style.color = `hsl(${Math.random() * 360}, 100%, 50%)`;
        this.element.style.opacity = '1';
        this.element.style.transition = 'opacity 0.5s ease-out, bottom 0.5s ease-out';
        this.container.appendChild(this.element);

        setTimeout(() => {
            this.element.style.bottom = `${parseInt(this.y) - 20}px`;
            this.element.style.opacity = '0';
        }, 10);

        setTimeout(() => this.element.remove(), 600);
    }
}

class UnicornGraph {
    constructor(containerSelector) {
        this.container = document.querySelector(containerSelector);
        this.containerWidth = 0;
        this.unicorn = null;
        this.star = null;
        this.animationInterval = null;

        if (this.container) {
            this.init();
        } else {
            console.error('Could not find the graph container.');
        }
    }

    init() {
        this.container.style.position = 'relative';
        this.containerWidth = this.container.offsetWidth;
        this.unicorn = new Unicorn(this.container, this.containerWidth);
        this.unicorn.create();
        this.startAnimation();

        let confetti = new Confetti('unicorn');

        // Edit given parameters
        confetti.setCount(75);
        confetti.setSize(1);
        confetti.setPower(25);
        confetti.setFade(false);
        confetti.destroyTarget(true);

        this.unicorn.element.addEventListener('click', () => this.stopAnimation());
    }

    setRandomBorder() {
        const borders = ['1px solid pink', '2px dashed purple', '3px dotted lavender', '2px double violet']; // Add more border styles as needed
        const randomBorder = borders[Math.floor(Math.random() * borders.length)];
        this.container.style.border = randomBorder;
    }

    startAnimation() {
        this.container.classList.remove('border');

        this.animationInterval = setInterval(() => this.animate(), 25);
    }

    stopAnimation() {
        this.container.classList.add('border');

        clearInterval(this.animationInterval);
    }

    animate() {
        const { x, y } = this.unicorn.move();
        if (Math.random() < 0.3) {
            this.createStar(x + this.unicorn.trailPosition, y - 10);
        }

        this.setRandomBorder();
    }

    createStar(x, y) {
        const star = new Star(this.container, x, y);
        star.create();
    }
}

const unicornGraph = new UnicornGraph('.graph-before-activity-overview');