From 44445734ba4a0f05564f808c2fd34a7f23c6fafb Mon Sep 17 00:00:00 2001
From: Nathan Reiner <nathan@nathanreiner.xyz>
Date: Wed, 20 May 2026 10:16:50 +0200
Subject: Let's do a rewrite! Created project structure and changed `build.zig`
 and added licence.

---
 static/widgets/month-select/index.css | 134 ----------------------------------
 static/widgets/month-select/index.js  |  87 ----------------------
 2 files changed, 221 deletions(-)
 delete mode 100644 static/widgets/month-select/index.css
 delete mode 100644 static/widgets/month-select/index.js

(limited to 'static/widgets/month-select')

diff --git a/static/widgets/month-select/index.css b/static/widgets/month-select/index.css
deleted file mode 100644
index 25ed5d2..0000000
--- a/static/widgets/month-select/index.css
+++ /dev/null
@@ -1,134 +0,0 @@
-:host {
-	position: fixed;
-	top: 0;
-	left: 0;
-}
-
-#container {
-	z-index: 1000;
-	position: fixed;
-	bottom: -100%;
-	left: 5px;
-	right: 5px;
-	background: #fff9;
-	backdrop-filter: blur(10px);
-	border-radius: var(--border-radius);
-	transition: bottom 0.2s ease;
-	height: calc(100% - 10px);
-	box-shadow: var(--shadow);
-	padding: 10px;
-}
-
-#container.visible {
-	bottom: 5px;
-}
-
-#close-button {
-	position: absolute;
-	top: 10px;
-	right: 10px;
-	width: 25px;
-	height: 25px;
-	border-radius: 100%;
-	background: var(--page-background);
-	cursor: pointer;
-}
-
-#title {
-	font-size: 1.2em;
-	user-select: none;
-	margin-bottom: 10px;
-}
-
-#month-container {
-	height: calc(100% - 30px);
-	overflow-y: auto;
-	overscroll-behavior: contain;
-}
-
-.month-item {
-	padding: 10px;
-	padding-left: 20px;
-	margin: 5px;
-	border-radius: var(--border-radius);
-	user-select: none;
-	cursor: pointer;
-	position: relative;
-}
-
-.month-item.none {
-	font-style: italic;
-}
-
-.month-item:before {
-	content: '';
-	display: block;
-	position: absolute;
-	background: var(--primary);
-	top: 0px;
-	left: 0px;
-	width: 4px;
-	height: 47px;
-}
-
-.month-item:after {
-	content: '';
-	display: block;
-	position: absolute;
-	background: var(--primary);
-	top: 50%;
-	transform: translate(0, -50%);
-	left: 0px;
-	width: 12px;
-	height: 4px;
-}
-
-.month-item:first-child:before {
-	top: 50%;
-	height: 27px;
-}
-
-.month-item.none:before {
-	top: 0;
-	height: 20px;
-}
-
-.month-item:hover {
-	background: var(--primary);
-	color: var(--fg-primary);
-}
-
-.year-item {
-	padding: 10px 20px;
-	font-size: 1.1em;
-	margin: 5px;
-	position: relative;
-	font-weight: bold;
-	background: #fffa;
-	border-radius: var(--border-radius);
-	box-shadow: #22322355 1px 1px 2px;
-}
-
-.year-item:before {
-	content: '';
-	display: block;
-	position: absolute;
-	background: var(--primary);
-	top: 0px;
-	left: 0px;
-	width: 4px;
-	height: 50px;
-}
-
-.year-item:after {
-	content: '';
-	display: block;
-	position: absolute;
-	background: var(--primary);
-	top: 50%;
-	transform: translate(0, -50%);
-	left: -4px;
-	width: 12px;
-	height: 12px;
-	border-radius: 100%;
-}
diff --git a/static/widgets/month-select/index.js b/static/widgets/month-select/index.js
deleted file mode 100644
index 7e4d583..0000000
--- a/static/widgets/month-select/index.js
+++ /dev/null
@@ -1,87 +0,0 @@
-import icons from 'icons';
-import * as sfw from 'sfw';
-const { Div } = sfw.element.native;
-
-import stylesheet from './index.css';
-
-const css = await sfw.css.sheet(stylesheet);
-
-export default class MonthSelect extends sfw.element.Container {
-	#container
-	#month_container
-
-	constructor() {
-		super({ css });
-
-		this.onscroll = (e) => e.stopPropagate();
-		this.onmonth = () => {};
-
-		this.body.append(
-			this.#container = Div.new({
-				id: 'container',
-				children: [
-					Div.new({ id: 'title', innerText: 'Select Month' }),
-					Div.new({
-						id: 'close-button',
-						children: [ icons.close ],
-						onclick: () => this.hide(),
-					}),
-					this.#month_container = Div.new({
-						id: 'month-container',
-					}),
-				],
-			}),
-		);
-	}
-
-	show() {
-		this.#container.classList.add('visible');
-	}
-
-	hide() {
-		this.#container.classList.remove('visible');
-	}
-
-	set months(months) {
-		months.sort((a, b) => a.is_before(b));
-
-		this.#month_container.innerHTML = '';
-
-		let last = null;
-
-		for (const month of months) {
-			if (last != null && !last.is_same_year(month)) {
-				this.#month_container.append(
-					Div.new({
-						className: 'year-item',
-						innerText: last.year,
-					})
-				);
-			}
-
-			this.#month_container.append(
-				Div.new({
-					className: 'month-item',
-					innerText: month.name,
-					onclick: () => {
-						this.hide();
-						this.onmonth(month);
-					}
-				})
-			);
-
-			last = month;
-		}
-
-		this.#month_container.append(
-			Div.new({
-				className: 'month-item none',
-				innerText: 'No Date',
-				onclick: () => {
-					this.hide();
-					this.onmonth(null);
-				}
-			})
-		);
-	}
-}
-- 
cgit v1.2.3-70-g09d2