feat: first batch of work

This commit is contained in:
Herculino Trotta
2025-11-01 03:15:44 -03:00
parent e600d87968
commit a63367a772
175 changed files with 3433 additions and 2245 deletions
+526 -148
View File
@@ -9,34 +9,37 @@
"version": "1.0.1",
"license": "AGPL-3.0",
"dependencies": {
"@alpinejs/mask": "^3.14.9",
"@fortawesome/fontawesome-free": "^6.7.2",
"@alpinejs/mask": "^3.15.1",
"@fontsource-variable/jetbrains-mono": "^5.2.8",
"@fortawesome/fontawesome-free": "^7.1.0",
"@popperjs/core": "^2.11.8",
"@rollup/plugin-commonjs": "^28.0.9",
"@tailwindcss/vite": "^4.1.13",
"@rollup/plugin-commonjs": "^29.0.0",
"@tailwindcss/vite": "^4.1.16",
"air-datepicker": "^3.6.0",
"alpinejs": "^3.14.9",
"alpinejs": "^3.15.1",
"autoprefixer": "^10.4.21",
"autosize": "^6.0.1",
"bootstrap": "^5.3.8",
"chart.js": "^4.5.0",
"chart.js": "^4.5.1",
"chartjs-chart-sankey": "^0.14.0",
"daisyui": "^5.1.21",
"htmx.org": "^2.0.6",
"daisyui": "^5.3.10",
"htmx.org": "^2.0.8",
"hyperscript.org": "^0.9.14",
"jquery": "^3.7.1",
"mathjs": "^14.9.1",
"mathjs": "^15.0.0",
"postcss": "^8.5.6",
"sass": "^1.93.2",
"sweetalert2": "^11.22.2",
"tailwindcss": "^4.1.13",
"sass": "^1.93.3",
"sweetalert2": "^11.26.3",
"tailwindcss": "^4.1.16",
"tom-select": "^2.4.3",
"tw-bootstrap-grid": "^1.2.3",
"vite": "7.1.11"
"tw-bootstrap-grid": "^1.3.1",
"vite": "7.1.12"
}
},
"node_modules/@alpinejs/mask": {
"version": "3.15.0",
"version": "3.15.1",
"resolved": "https://registry.npmjs.org/@alpinejs/mask/-/mask-3.15.1.tgz",
"integrity": "sha512-1LgqlhYA7V6Ia44uk/Hh+l+Nl+/gNSwslNXM6+f88vEZP50GkC4lhqLAQxe1o0jcNl8weItX97wDaRb4xf/xgg==",
"license": "MIT"
},
"node_modules/@babel/runtime": {
@@ -60,23 +63,24 @@
"node": ">=18"
}
},
"node_modules/@fontsource-variable/jetbrains-mono": {
"version": "5.2.8",
"resolved": "https://registry.npmjs.org/@fontsource-variable/jetbrains-mono/-/jetbrains-mono-5.2.8.tgz",
"integrity": "sha512-WBA9elru6Jdp5df2mES55wuOO0WIrn3kpXnI4+W2ek5u3ZgLS9XS4gmIlcQhiZOWEKl95meYdvK7xI+ETLCq/Q==",
"license": "OFL-1.1",
"funding": {
"url": "https://github.com/sponsors/ayuhito"
}
},
"node_modules/@fortawesome/fontawesome-free": {
"version": "6.7.2",
"version": "7.1.0",
"resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-7.1.0.tgz",
"integrity": "sha512-+WxNld5ZCJHvPQCr/GnzCTVREyStrAJjisUPtUxG5ngDA8TMlPnKp6dddlTpai4+1GNmltAeuk1hJEkBohwZYA==",
"license": "(CC-BY-4.0 AND OFL-1.1 AND MIT)",
"engines": {
"node": ">=6"
}
},
"node_modules/@isaacs/fs-minipass": {
"version": "4.0.1",
"license": "ISC",
"dependencies": {
"minipass": "^7.0.4"
},
"engines": {
"node": ">=18.0.0"
}
},
"node_modules/@jridgewell/gen-mapping": {
"version": "0.3.13",
"license": "MIT",
@@ -87,6 +91,8 @@
},
"node_modules/@jridgewell/remapping": {
"version": "2.3.5",
"resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
"integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
"license": "MIT",
"dependencies": {
"@jridgewell/gen-mapping": "^0.3.5",
@@ -201,15 +207,16 @@
"node_modules/@popperjs/core": {
"version": "2.11.8",
"license": "MIT",
"peer": true,
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/popperjs"
}
},
"node_modules/@rollup/plugin-commonjs": {
"version": "28.0.9",
"resolved": "https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-28.0.9.tgz",
"integrity": "sha512-PIR4/OHZ79romx0BVVll/PkwWpJ7e5lsqFa3gFfcrFPWwLXLV39JVUzQV9RKjWerE7B845Hqjj9VYlQeieZ2dA==",
"version": "29.0.0",
"resolved": "https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-29.0.0.tgz",
"integrity": "sha512-U2YHaxR2cU/yAiwKJtJRhnyLk7cifnQw0zUpISsocBDoHDJn+HTV74ABqnwr5bEgWUwFZC9oFL6wLe21lHu5eQ==",
"license": "MIT",
"dependencies": {
"@rollup/pluginutils": "^5.0.1",
@@ -254,6 +261,7 @@
"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
"integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
"license": "MIT",
"peer": true,
"engines": {
"node": ">=12"
},
@@ -307,46 +315,159 @@
]
},
"node_modules/@tailwindcss/node": {
"version": "4.1.13",
"version": "4.1.16",
"resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.1.16.tgz",
"integrity": "sha512-BX5iaSsloNuvKNHRN3k2RcCuTEgASTo77mofW0vmeHkfrDWaoFAFvNHpEgtu0eqyypcyiBkDWzSMxJhp3AUVcw==",
"license": "MIT",
"dependencies": {
"@jridgewell/remapping": "^2.3.4",
"enhanced-resolve": "^5.18.3",
"jiti": "^2.5.1",
"lightningcss": "1.30.1",
"magic-string": "^0.30.18",
"jiti": "^2.6.1",
"lightningcss": "1.30.2",
"magic-string": "^0.30.19",
"source-map-js": "^1.2.1",
"tailwindcss": "4.1.13"
"tailwindcss": "4.1.16"
}
},
"node_modules/@tailwindcss/oxide": {
"version": "4.1.13",
"hasInstallScript": true,
"version": "4.1.16",
"resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.1.16.tgz",
"integrity": "sha512-2OSv52FRuhdlgyOQqgtQHuCgXnS8nFSYRp2tJ+4WZXKgTxqPy7SMSls8c3mPT5pkZ17SBToGM5LHEJBO7miEdg==",
"license": "MIT",
"dependencies": {
"detect-libc": "^2.0.4",
"tar": "^7.4.3"
},
"engines": {
"node": ">= 10"
},
"optionalDependencies": {
"@tailwindcss/oxide-android-arm64": "4.1.13",
"@tailwindcss/oxide-darwin-arm64": "4.1.13",
"@tailwindcss/oxide-darwin-x64": "4.1.13",
"@tailwindcss/oxide-freebsd-x64": "4.1.13",
"@tailwindcss/oxide-linux-arm-gnueabihf": "4.1.13",
"@tailwindcss/oxide-linux-arm64-gnu": "4.1.13",
"@tailwindcss/oxide-linux-arm64-musl": "4.1.13",
"@tailwindcss/oxide-linux-x64-gnu": "4.1.13",
"@tailwindcss/oxide-linux-x64-musl": "4.1.13",
"@tailwindcss/oxide-wasm32-wasi": "4.1.13",
"@tailwindcss/oxide-win32-arm64-msvc": "4.1.13",
"@tailwindcss/oxide-win32-x64-msvc": "4.1.13"
"@tailwindcss/oxide-android-arm64": "4.1.16",
"@tailwindcss/oxide-darwin-arm64": "4.1.16",
"@tailwindcss/oxide-darwin-x64": "4.1.16",
"@tailwindcss/oxide-freebsd-x64": "4.1.16",
"@tailwindcss/oxide-linux-arm-gnueabihf": "4.1.16",
"@tailwindcss/oxide-linux-arm64-gnu": "4.1.16",
"@tailwindcss/oxide-linux-arm64-musl": "4.1.16",
"@tailwindcss/oxide-linux-x64-gnu": "4.1.16",
"@tailwindcss/oxide-linux-x64-musl": "4.1.16",
"@tailwindcss/oxide-wasm32-wasi": "4.1.16",
"@tailwindcss/oxide-win32-arm64-msvc": "4.1.16",
"@tailwindcss/oxide-win32-x64-msvc": "4.1.16"
}
},
"node_modules/@tailwindcss/oxide-linux-x64-musl": {
"version": "4.1.13",
"node_modules/@tailwindcss/oxide-android-arm64": {
"version": "4.1.16",
"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.1.16.tgz",
"integrity": "sha512-8+ctzkjHgwDJ5caq9IqRSgsP70xhdhJvm+oueS/yhD5ixLhqTw9fSL1OurzMUhBwE5zK26FXLCz2f/RtkISqHA==",
"cpu": [
"arm64"
],
"license": "MIT",
"optional": true,
"os": [
"android"
],
"engines": {
"node": ">= 10"
}
},
"node_modules/@tailwindcss/oxide-darwin-arm64": {
"version": "4.1.16",
"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.1.16.tgz",
"integrity": "sha512-C3oZy5042v2FOALBZtY0JTDnGNdS6w7DxL/odvSny17ORUnaRKhyTse8xYi3yKGyfnTUOdavRCdmc8QqJYwFKA==",
"cpu": [
"arm64"
],
"license": "MIT",
"optional": true,
"os": [
"darwin"
],
"engines": {
"node": ">= 10"
}
},
"node_modules/@tailwindcss/oxide-darwin-x64": {
"version": "4.1.16",
"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.1.16.tgz",
"integrity": "sha512-vjrl/1Ub9+JwU6BP0emgipGjowzYZMjbWCDqwA2Z4vCa+HBSpP4v6U2ddejcHsolsYxwL5r4bPNoamlV0xDdLg==",
"cpu": [
"x64"
],
"license": "MIT",
"optional": true,
"os": [
"darwin"
],
"engines": {
"node": ">= 10"
}
},
"node_modules/@tailwindcss/oxide-freebsd-x64": {
"version": "4.1.16",
"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.1.16.tgz",
"integrity": "sha512-TSMpPYpQLm+aR1wW5rKuUuEruc/oOX3C7H0BTnPDn7W/eMw8W+MRMpiypKMkXZfwH8wqPIRKppuZoedTtNj2tg==",
"cpu": [
"x64"
],
"license": "MIT",
"optional": true,
"os": [
"freebsd"
],
"engines": {
"node": ">= 10"
}
},
"node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": {
"version": "4.1.16",
"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.1.16.tgz",
"integrity": "sha512-p0GGfRg/w0sdsFKBjMYvvKIiKy/LNWLWgV/plR4lUgrsxFAoQBFrXkZ4C0w8IOXfslB9vHK/JGASWD2IefIpvw==",
"cpu": [
"arm"
],
"license": "MIT",
"optional": true,
"os": [
"linux"
],
"engines": {
"node": ">= 10"
}
},
"node_modules/@tailwindcss/oxide-linux-arm64-gnu": {
"version": "4.1.16",
"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.1.16.tgz",
"integrity": "sha512-DoixyMmTNO19rwRPdqviTrG1rYzpxgyYJl8RgQvdAQUzxC1ToLRqtNJpU/ATURSKgIg6uerPw2feW0aS8SNr/w==",
"cpu": [
"arm64"
],
"license": "MIT",
"optional": true,
"os": [
"linux"
],
"engines": {
"node": ">= 10"
}
},
"node_modules/@tailwindcss/oxide-linux-arm64-musl": {
"version": "4.1.16",
"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.1.16.tgz",
"integrity": "sha512-H81UXMa9hJhWhaAUca6bU2wm5RRFpuHImrwXBUvPbYb+3jo32I9VIwpOX6hms0fPmA6f2pGVlybO6qU8pF4fzQ==",
"cpu": [
"arm64"
],
"license": "MIT",
"optional": true,
"os": [
"linux"
],
"engines": {
"node": ">= 10"
}
},
"node_modules/@tailwindcss/oxide-linux-x64-gnu": {
"version": "4.1.16",
"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.1.16.tgz",
"integrity": "sha512-ZGHQxDtFC2/ruo7t99Qo2TTIvOERULPl5l0K1g0oK6b5PGqjYMga+FcY1wIUnrUxY56h28FxybtDEla+ICOyew==",
"cpu": [
"x64"
],
@@ -359,13 +480,92 @@
"node": ">= 10"
}
},
"node_modules/@tailwindcss/oxide-linux-x64-musl": {
"version": "4.1.16",
"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.1.16.tgz",
"integrity": "sha512-Oi1tAaa0rcKf1Og9MzKeINZzMLPbhxvm7rno5/zuP1WYmpiG0bEHq4AcRUiG2165/WUzvxkW4XDYCscZWbTLZw==",
"cpu": [
"x64"
],
"license": "MIT",
"optional": true,
"os": [
"linux"
],
"engines": {
"node": ">= 10"
}
},
"node_modules/@tailwindcss/oxide-wasm32-wasi": {
"version": "4.1.16",
"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.1.16.tgz",
"integrity": "sha512-B01u/b8LteGRwucIBmCQ07FVXLzImWESAIMcUU6nvFt/tYsQ6IHz8DmZ5KtvmwxD+iTYBtM1xwoGXswnlu9v0Q==",
"bundleDependencies": [
"@napi-rs/wasm-runtime",
"@emnapi/core",
"@emnapi/runtime",
"@tybys/wasm-util",
"@emnapi/wasi-threads",
"tslib"
],
"cpu": [
"wasm32"
],
"license": "MIT",
"optional": true,
"dependencies": {
"@emnapi/core": "^1.5.0",
"@emnapi/runtime": "^1.5.0",
"@emnapi/wasi-threads": "^1.1.0",
"@napi-rs/wasm-runtime": "^1.0.7",
"@tybys/wasm-util": "^0.10.1",
"tslib": "^2.4.0"
},
"engines": {
"node": ">=14.0.0"
}
},
"node_modules/@tailwindcss/oxide-win32-arm64-msvc": {
"version": "4.1.16",
"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.1.16.tgz",
"integrity": "sha512-zX+Q8sSkGj6HKRTMJXuPvOcP8XfYON24zJBRPlszcH1Np7xuHXhWn8qfFjIujVzvH3BHU+16jBXwgpl20i+v9A==",
"cpu": [
"arm64"
],
"license": "MIT",
"optional": true,
"os": [
"win32"
],
"engines": {
"node": ">= 10"
}
},
"node_modules/@tailwindcss/oxide-win32-x64-msvc": {
"version": "4.1.16",
"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.1.16.tgz",
"integrity": "sha512-m5dDFJUEejbFqP+UXVstd4W/wnxA4F61q8SoL+mqTypId2T2ZpuxosNSgowiCnLp2+Z+rivdU0AqpfgiD7yCBg==",
"cpu": [
"x64"
],
"license": "MIT",
"optional": true,
"os": [
"win32"
],
"engines": {
"node": ">= 10"
}
},
"node_modules/@tailwindcss/vite": {
"version": "4.1.13",
"version": "4.1.16",
"resolved": "https://registry.npmjs.org/@tailwindcss/vite/-/vite-4.1.16.tgz",
"integrity": "sha512-bbguNBcDxsRmi9nnlWJxhfDWamY3lmcyACHcdO1crxfzuLpOhHLLtEIN/nCbbAtj5rchUgQD17QVAKi1f7IsKg==",
"license": "MIT",
"dependencies": {
"@tailwindcss/node": "4.1.13",
"@tailwindcss/oxide": "4.1.13",
"tailwindcss": "4.1.13"
"@tailwindcss/node": "4.1.16",
"@tailwindcss/oxide": "4.1.16",
"tailwindcss": "4.1.16"
},
"peerDependencies": {
"vite": "^5.2.0 || ^6 || ^7"
@@ -375,15 +575,6 @@
"version": "1.0.8",
"license": "MIT"
},
"node_modules/@types/node": {
"version": "24.5.2",
"license": "MIT",
"optional": true,
"peer": true,
"dependencies": {
"undici-types": "~7.12.0"
}
},
"node_modules/@vue/reactivity": {
"version": "3.1.5",
"license": "MIT",
@@ -410,7 +601,9 @@
"license": "MIT"
},
"node_modules/alpinejs": {
"version": "3.15.0",
"version": "3.15.1",
"resolved": "https://registry.npmjs.org/alpinejs/-/alpinejs-3.15.1.tgz",
"integrity": "sha512-HLO1TtiE92VajFHtLLPK8BWaK1YepV/uj31UrfoGnQ00lyFOJZ+oVY3F0DghPAwvg8sLU79pmjGQSytERa2gEg==",
"license": "MIT",
"dependencies": {
"@vue/reactivity": "~3.1.1"
@@ -509,6 +702,7 @@
}
],
"license": "MIT",
"peer": true,
"dependencies": {
"baseline-browser-mapping": "^2.8.3",
"caniuse-lite": "^1.0.30001741",
@@ -546,8 +740,11 @@
"license": "CC-BY-4.0"
},
"node_modules/chart.js": {
"version": "4.5.0",
"version": "4.5.1",
"resolved": "https://registry.npmjs.org/chart.js/-/chart.js-4.5.1.tgz",
"integrity": "sha512-GIjfiT9dbmHRiYi6Nl2yFCq7kkwdkp1W/lp2J99rX0yo9tgJGn3lKQATztIjb5tVtevcBtIdICNWqlq5+E8/Pw==",
"license": "MIT",
"peer": true,
"dependencies": {
"@kurkle/color": "^0.3.0"
},
@@ -575,13 +772,6 @@
"url": "https://paulmillr.com/funding/"
}
},
"node_modules/chownr": {
"version": "3.0.0",
"license": "BlueOak-1.0.0",
"engines": {
"node": ">=18"
}
},
"node_modules/commander": {
"version": "2.20.3",
"license": "MIT"
@@ -604,7 +794,9 @@
}
},
"node_modules/daisyui": {
"version": "5.1.25",
"version": "5.3.10",
"resolved": "https://registry.npmjs.org/daisyui/-/daisyui-5.3.10.tgz",
"integrity": "sha512-vmjyPmm0hvFhA95KB6uiGmWakziB2pBv6CUcs5Ka/3iMBMn9S+C3SZYx9G9l2JrgTZ1EFn61F/HrPcwaUm2kLQ==",
"license": "MIT",
"funding": {
"url": "https://github.com/saadeghi/daisyui?sponsor=1"
@@ -627,6 +819,8 @@
},
"node_modules/enhanced-resolve": {
"version": "5.18.3",
"resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.3.tgz",
"integrity": "sha512-d4lC8xfavMeBjzGr2vECC3fsGXziXZQyJxD868h2M/mBI3PwAuODxAkLkq5HYuvrPYcUtiLzsTo8U3PgX3Ocww==",
"license": "MIT",
"dependencies": {
"graceful-fs": "^4.2.4",
@@ -730,10 +924,14 @@
},
"node_modules/graceful-fs": {
"version": "4.2.11",
"resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
"integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
"license": "ISC"
},
"node_modules/htmx.org": {
"version": "2.0.7",
"version": "2.0.8",
"resolved": "https://registry.npmjs.org/htmx.org/-/htmx.org-2.0.8.tgz",
"integrity": "sha512-fm297iru0iWsNJlBrjvtN7V9zjaxd+69Oqjh4F/Vq9Wwi2kFisLcrLCiv5oBX0KLfOX/zG8AUo9ROMU5XUB44Q==",
"license": "0BSD"
},
"node_modules/hyperscript.org": {
@@ -792,7 +990,9 @@
"license": "MIT"
},
"node_modules/jiti": {
"version": "2.6.0",
"version": "2.6.1",
"resolved": "https://registry.npmjs.org/jiti/-/jiti-2.6.1.tgz",
"integrity": "sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==",
"license": "MIT",
"bin": {
"jiti": "lib/jiti-cli.mjs"
@@ -803,7 +1003,9 @@
"license": "MIT"
},
"node_modules/lightningcss": {
"version": "1.30.1",
"version": "1.30.2",
"resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.30.2.tgz",
"integrity": "sha512-utfs7Pr5uJyyvDETitgsaqSyjCb2qNRAtuqUeWIAKztsOYdcACf2KtARYXg2pSvhkt+9NfoaNY7fxjl6nuMjIQ==",
"license": "MPL-2.0",
"dependencies": {
"detect-libc": "^2.0.3"
@@ -816,20 +1018,163 @@
"url": "https://opencollective.com/parcel"
},
"optionalDependencies": {
"lightningcss-darwin-arm64": "1.30.1",
"lightningcss-darwin-x64": "1.30.1",
"lightningcss-freebsd-x64": "1.30.1",
"lightningcss-linux-arm-gnueabihf": "1.30.1",
"lightningcss-linux-arm64-gnu": "1.30.1",
"lightningcss-linux-arm64-musl": "1.30.1",
"lightningcss-linux-x64-gnu": "1.30.1",
"lightningcss-linux-x64-musl": "1.30.1",
"lightningcss-win32-arm64-msvc": "1.30.1",
"lightningcss-win32-x64-msvc": "1.30.1"
"lightningcss-android-arm64": "1.30.2",
"lightningcss-darwin-arm64": "1.30.2",
"lightningcss-darwin-x64": "1.30.2",
"lightningcss-freebsd-x64": "1.30.2",
"lightningcss-linux-arm-gnueabihf": "1.30.2",
"lightningcss-linux-arm64-gnu": "1.30.2",
"lightningcss-linux-arm64-musl": "1.30.2",
"lightningcss-linux-x64-gnu": "1.30.2",
"lightningcss-linux-x64-musl": "1.30.2",
"lightningcss-win32-arm64-msvc": "1.30.2",
"lightningcss-win32-x64-msvc": "1.30.2"
}
},
"node_modules/lightningcss-linux-x64-musl": {
"version": "1.30.1",
"node_modules/lightningcss-android-arm64": {
"version": "1.30.2",
"resolved": "https://registry.npmjs.org/lightningcss-android-arm64/-/lightningcss-android-arm64-1.30.2.tgz",
"integrity": "sha512-BH9sEdOCahSgmkVhBLeU7Hc9DWeZ1Eb6wNS6Da8igvUwAe0sqROHddIlvU06q3WyXVEOYDZ6ykBZQnjTbmo4+A==",
"cpu": [
"arm64"
],
"license": "MPL-2.0",
"optional": true,
"os": [
"android"
],
"engines": {
"node": ">= 12.0.0"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/parcel"
}
},
"node_modules/lightningcss-darwin-arm64": {
"version": "1.30.2",
"resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.30.2.tgz",
"integrity": "sha512-ylTcDJBN3Hp21TdhRT5zBOIi73P6/W0qwvlFEk22fkdXchtNTOU4Qc37SkzV+EKYxLouZ6M4LG9NfZ1qkhhBWA==",
"cpu": [
"arm64"
],
"license": "MPL-2.0",
"optional": true,
"os": [
"darwin"
],
"engines": {
"node": ">= 12.0.0"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/parcel"
}
},
"node_modules/lightningcss-darwin-x64": {
"version": "1.30.2",
"resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.30.2.tgz",
"integrity": "sha512-oBZgKchomuDYxr7ilwLcyms6BCyLn0z8J0+ZZmfpjwg9fRVZIR5/GMXd7r9RH94iDhld3UmSjBM6nXWM2TfZTQ==",
"cpu": [
"x64"
],
"license": "MPL-2.0",
"optional": true,
"os": [
"darwin"
],
"engines": {
"node": ">= 12.0.0"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/parcel"
}
},
"node_modules/lightningcss-freebsd-x64": {
"version": "1.30.2",
"resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.30.2.tgz",
"integrity": "sha512-c2bH6xTrf4BDpK8MoGG4Bd6zAMZDAXS569UxCAGcA7IKbHNMlhGQ89eRmvpIUGfKWNVdbhSbkQaWhEoMGmGslA==",
"cpu": [
"x64"
],
"license": "MPL-2.0",
"optional": true,
"os": [
"freebsd"
],
"engines": {
"node": ">= 12.0.0"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/parcel"
}
},
"node_modules/lightningcss-linux-arm-gnueabihf": {
"version": "1.30.2",
"resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.30.2.tgz",
"integrity": "sha512-eVdpxh4wYcm0PofJIZVuYuLiqBIakQ9uFZmipf6LF/HRj5Bgm0eb3qL/mr1smyXIS1twwOxNWndd8z0E374hiA==",
"cpu": [
"arm"
],
"license": "MPL-2.0",
"optional": true,
"os": [
"linux"
],
"engines": {
"node": ">= 12.0.0"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/parcel"
}
},
"node_modules/lightningcss-linux-arm64-gnu": {
"version": "1.30.2",
"resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.30.2.tgz",
"integrity": "sha512-UK65WJAbwIJbiBFXpxrbTNArtfuznvxAJw4Q2ZGlU8kPeDIWEX1dg3rn2veBVUylA2Ezg89ktszWbaQnxD/e3A==",
"cpu": [
"arm64"
],
"license": "MPL-2.0",
"optional": true,
"os": [
"linux"
],
"engines": {
"node": ">= 12.0.0"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/parcel"
}
},
"node_modules/lightningcss-linux-arm64-musl": {
"version": "1.30.2",
"resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.30.2.tgz",
"integrity": "sha512-5Vh9dGeblpTxWHpOx8iauV02popZDsCYMPIgiuw97OJ5uaDsL86cnqSFs5LZkG3ghHoX5isLgWzMs+eD1YzrnA==",
"cpu": [
"arm64"
],
"license": "MPL-2.0",
"optional": true,
"os": [
"linux"
],
"engines": {
"node": ">= 12.0.0"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/parcel"
}
},
"node_modules/lightningcss-linux-x64-gnu": {
"version": "1.30.2",
"resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.30.2.tgz",
"integrity": "sha512-Cfd46gdmj1vQ+lR6VRTTadNHu6ALuw2pKR9lYq4FnhvgBc4zWY1EtZcAc6EffShbb1MFrIPfLDXD6Xprbnni4w==",
"cpu": [
"x64"
],
@@ -846,6 +1191,66 @@
"url": "https://opencollective.com/parcel"
}
},
"node_modules/lightningcss-linux-x64-musl": {
"version": "1.30.2",
"resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.30.2.tgz",
"integrity": "sha512-XJaLUUFXb6/QG2lGIW6aIk6jKdtjtcffUT0NKvIqhSBY3hh9Ch+1LCeH80dR9q9LBjG3ewbDjnumefsLsP6aiA==",
"cpu": [
"x64"
],
"license": "MPL-2.0",
"optional": true,
"os": [
"linux"
],
"engines": {
"node": ">= 12.0.0"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/parcel"
}
},
"node_modules/lightningcss-win32-arm64-msvc": {
"version": "1.30.2",
"resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.30.2.tgz",
"integrity": "sha512-FZn+vaj7zLv//D/192WFFVA0RgHawIcHqLX9xuWiQt7P0PtdFEVaxgF9rjM/IRYHQXNnk61/H/gb2Ei+kUQ4xQ==",
"cpu": [
"arm64"
],
"license": "MPL-2.0",
"optional": true,
"os": [
"win32"
],
"engines": {
"node": ">= 12.0.0"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/parcel"
}
},
"node_modules/lightningcss-win32-x64-msvc": {
"version": "1.30.2",
"resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.30.2.tgz",
"integrity": "sha512-5g1yc73p+iAkid5phb4oVFMB45417DkRevRbt/El/gKXJk4jid+vPFF/AXbxn05Aky8PapwzZrdJShv5C0avjw==",
"cpu": [
"x64"
],
"license": "MPL-2.0",
"optional": true,
"os": [
"win32"
],
"engines": {
"node": ">= 12.0.0"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/parcel"
}
},
"node_modules/magic-string": {
"version": "0.30.19",
"license": "MIT",
@@ -858,9 +1263,9 @@
"license": "MIT"
},
"node_modules/mathjs": {
"version": "14.9.1",
"resolved": "https://registry.npmjs.org/mathjs/-/mathjs-14.9.1.tgz",
"integrity": "sha512-xhqv8Xjf+caWG3WlaPekg4v8QFOR3D5+8ycfcjMcPcnCNDgAONQLaLfyGgrggJrcHx2yUGCpACRpiD4GmXwX+Q==",
"version": "15.0.0",
"resolved": "https://registry.npmjs.org/mathjs/-/mathjs-15.0.0.tgz",
"integrity": "sha512-eXXXRKEl/htny5T/Ce/hbmqa8WZi2RmaCEHBOVtTeYcYyyGvz1UYSdK2ypydDepFF6F7ue0OygXRRIx8lLq/uw==",
"license": "Apache-2.0",
"dependencies": {
"@babel/runtime": "^7.26.10",
@@ -903,23 +1308,6 @@
"node": ">=8.6"
}
},
"node_modules/minipass": {
"version": "7.1.2",
"license": "ISC",
"engines": {
"node": ">=16 || 14 >=14.17"
}
},
"node_modules/minizlib": {
"version": "3.1.0",
"license": "MIT",
"dependencies": {
"minipass": "^7.1.2"
},
"engines": {
"node": ">= 18"
}
},
"node_modules/nanoid": {
"version": "3.3.11",
"funding": [
@@ -984,6 +1372,7 @@
}
],
"license": "MIT",
"peer": true,
"dependencies": {
"nanoid": "^3.3.11",
"picocolors": "^1.1.1",
@@ -1011,6 +1400,7 @@
"node_modules/rollup": {
"version": "4.52.3",
"license": "MIT",
"peer": true,
"dependencies": {
"@types/estree": "1.0.8"
},
@@ -1048,8 +1438,11 @@
}
},
"node_modules/sass": {
"version": "1.93.2",
"version": "1.93.3",
"resolved": "https://registry.npmjs.org/sass/-/sass-1.93.3.tgz",
"integrity": "sha512-elOcIZRTM76dvxNAjqYrucTSI0teAF/L2Lv0s6f6b7FOwcwIuA357bIE871580AjHJuSvLIRUosgV+lIWx6Rgg==",
"license": "MIT",
"peer": true,
"dependencies": {
"chokidar": "^4.0.0",
"immutable": "^5.0.2",
@@ -1092,7 +1485,9 @@
}
},
"node_modules/sweetalert2": {
"version": "11.23.0",
"version": "11.26.3",
"resolved": "https://registry.npmjs.org/sweetalert2/-/sweetalert2-11.26.3.tgz",
"integrity": "sha512-VU0hGw/WfI9h7Mh+SCsDlWgtxDwWZ6ccqS7QcO8zEeWnwplN1GptcLstq76OluUBSLUza6ldvKd3558OhjpJ9A==",
"license": "MIT",
"funding": {
"type": "individual",
@@ -1100,11 +1495,16 @@
}
},
"node_modules/tailwindcss": {
"version": "4.1.13",
"license": "MIT"
"version": "4.1.16",
"resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.16.tgz",
"integrity": "sha512-pONL5awpaQX4LN5eiv7moSiSPd/DLDzKVRJz8Q9PgzmAdd1R4307GQS2ZpfiN7ZmekdQrfhZZiSE5jkLR4WNaA==",
"license": "MIT",
"peer": true
},
"node_modules/tapable": {
"version": "2.2.3",
"version": "2.3.0",
"resolved": "https://registry.npmjs.org/tapable/-/tapable-2.3.0.tgz",
"integrity": "sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg==",
"license": "MIT",
"engines": {
"node": ">=6"
@@ -1114,20 +1514,6 @@
"url": "https://opencollective.com/webpack"
}
},
"node_modules/tar": {
"version": "7.5.1",
"license": "ISC",
"dependencies": {
"@isaacs/fs-minipass": "^4.0.0",
"chownr": "^3.0.0",
"minipass": "^7.1.2",
"minizlib": "^3.1.0",
"yallist": "^5.0.0"
},
"engines": {
"node": ">=18"
}
},
"node_modules/terser": {
"version": "5.44.0",
"license": "BSD-2-Clause",
@@ -1180,6 +1566,7 @@
"node_modules/tinyglobby/node_modules/picomatch": {
"version": "4.0.3",
"license": "MIT",
"peer": true,
"engines": {
"node": ">=12"
},
@@ -1214,7 +1601,9 @@
}
},
"node_modules/tw-bootstrap-grid": {
"version": "1.2.3",
"version": "1.3.1",
"resolved": "https://registry.npmjs.org/tw-bootstrap-grid/-/tw-bootstrap-grid-1.3.1.tgz",
"integrity": "sha512-QcX2p8u/2yZA6h7LqLq4Wq1nsqz6r50EQE3EE5ce05+IdQa3EKyZlrmFtaWO5hczl3n94UdP/DKg4rt+MjMxIg==",
"license": "MIT",
"workspaces": [
"__tests__/tailwind_v3",
@@ -1234,12 +1623,6 @@
"node": ">= 18"
}
},
"node_modules/undici-types": {
"version": "7.12.0",
"license": "MIT",
"optional": true,
"peer": true
},
"node_modules/update-browserslist-db": {
"version": "1.1.3",
"funding": [
@@ -1269,10 +1652,11 @@
}
},
"node_modules/vite": {
"version": "7.1.11",
"resolved": "https://registry.npmjs.org/vite/-/vite-7.1.11.tgz",
"integrity": "sha512-uzcxnSDVjAopEUjljkWh8EIrg6tlzrjFUfMcR1EVsRDGwf/ccef0qQPRyOrROwhrTDaApueq+ja+KLPlzR/zdg==",
"version": "7.1.12",
"resolved": "https://registry.npmjs.org/vite/-/vite-7.1.12.tgz",
"integrity": "sha512-ZWyE8YXEXqJrrSLvYgrRP7p62OziLW7xI5HYGWFzOvupfAlrLvURSzv/FyGyy0eidogEM3ujU+kUG1zuHgb6Ug==",
"license": "MIT",
"peer": true,
"dependencies": {
"esbuild": "^0.25.0",
"fdir": "^6.5.0",
@@ -1360,19 +1744,13 @@
"node_modules/vite/node_modules/picomatch": {
"version": "4.0.3",
"license": "MIT",
"peer": true,
"engines": {
"node": ">=12"
},
"funding": {
"url": "https://github.com/sponsors/jonschlinkert"
}
},
"node_modules/yallist": {
"version": "5.0.0",
"license": "BlueOak-1.0.0",
"engines": {
"node": ">=18"
}
}
}
}
+18 -14
View File
@@ -16,29 +16,33 @@
},
"type": "module",
"dependencies": {
"@alpinejs/mask": "^3.14.9",
"@fortawesome/fontawesome-free": "^6.7.2",
"@alpinejs/mask": "^3.15.1",
"@fontsource-variable/jetbrains-mono": "^5.2.8",
"@fortawesome/fontawesome-free": "^7.1.0",
"@popperjs/core": "^2.11.8",
"@rollup/plugin-commonjs": "^28.0.9",
"@tailwindcss/vite": "^4.1.13",
"@rollup/plugin-commonjs": "^29.0.0",
"@tailwindcss/vite": "^4.1.16",
"air-datepicker": "^3.6.0",
"alpinejs": "^3.14.9",
"alpinejs": "^3.15.1",
"autoprefixer": "^10.4.21",
"autosize": "^6.0.1",
"bootstrap": "^5.3.8",
"chart.js": "^4.5.0",
"chart.js": "^4.5.1",
"chartjs-chart-sankey": "^0.14.0",
"daisyui": "^5.1.21",
"htmx.org": "^2.0.6",
"daisyui": "^5.3.10",
"htmx.org": "^2.0.8",
"hyperscript.org": "^0.9.14",
"jquery": "^3.7.1",
"mathjs": "^14.9.1",
"mathjs": "^15.0.0",
"postcss": "^8.5.6",
"sass": "^1.93.2",
"sweetalert2": "^11.22.2",
"tailwindcss": "^4.1.13",
"sass": "^1.93.3",
"sweetalert2": "^11.26.3",
"tailwindcss": "^4.1.16",
"tom-select": "^2.4.3",
"tw-bootstrap-grid": "^1.2.3",
"vite": "7.1.11"
"tw-bootstrap-grid": "^1.3.1",
"vite": "7.1.12"
},
"resolutions": {
"rollup": "npm:@rollup/wasm-node"
}
}
+10 -2
View File
@@ -1,3 +1,11 @@
import * as autosize from "autosize/dist/autosize";
document.addEventListener("input", function (e) {
// Check if the element that triggered the input event is a <textarea>
if (e.target.tagName.toLowerCase() === "textarea") {
window.autosize = autosize;
// Reset height to 'auto' to allow the textarea to shrink
e.target.style.height = "auto";
// Set the height to its scrollHeight (the full height of the content)
e.target.style.height = (e.target.scrollHeight + 5) + "px";
}
}, false);
+1 -1
View File
@@ -3,7 +3,7 @@ import * as bootstrap from 'bootstrap'; // eslint-disable-line no-unused-vars
window.bootstrap = bootstrap;
function initiateToasts() {
const toastElList = document.querySelectorAll('.toast');
const toastElList = document.querySelectorAll('.toasty');
const toastList = [...toastElList].map(toastEl => new bootstrap.Toast(toastEl)); // eslint-disable-line no-undef
for (let i = 0; i < toastList.length; i++) {
+5 -4
View File
@@ -1,4 +1,4 @@
import 'tom-select/dist/css/tom-select.bootstrap5.min.css';
// import 'tom-select/dist/css/tom-select.default.min.css';
import TomSelect from "tom-select";
import * as Popper from "@popperjs/core";
@@ -9,6 +9,7 @@ window.TomSelect = function createDynamicTomSelect(element) {
const config = {
plugins: {},
maxOptions: null,
dropdownParent: 'body',
// Extract 'create' option from data attribute
create: element.dataset.create === 'true',
@@ -30,7 +31,7 @@ window.TomSelect = function createDynamicTomSelect(element) {
{
name: "sameWidth",
enabled: true,
fn: ({state}) => {
fn: ({ state }) => {
state.styles.popper.width = `${state.rects.reference.width}px`;
},
phase: "beforeWrite",
@@ -79,8 +80,8 @@ window.TomSelect = function createDynamicTomSelect(element) {
.then(json => {
callback(json);
}).catch(() => {
callback();
});
callback();
});
};
}
+3 -2
View File
@@ -1,3 +1,4 @@
// Import our custom CSS
import './styles/style.scss';
import '@fontsource-variable/jetbrains-mono/wght-italic.css';
import '@fontsource-variable/jetbrains-mono';
import './styles/tailwind.css';
import './styles/style.scss';
+9 -45
View File
@@ -1,51 +1,15 @@
@use "sass:map";
@import "variables";
@import "bootstrap/scss/bootstrap-utilities";
// Bootstrap Utilities and Custom Bootstrap Components
// This file imports standalone implementations of Bootstrap components
// and contains Bootstrap-related utilities
// Import all of Bootstrap's CSS
// @import "bootstrap/scss/bootstrap";
@import "bootstrap/scss/offcanvas";
// @import "bootstrap/scss/forms";
@import "bootstrap/scss/transitions";
@import "bootstrap/scss/list-group";
@import "bootstrap/scss/tooltip";
@import "bootstrap/scss/progress";
@import "bootstrap/scss/nav";
@import "bootstrap/scss/variables";
@import "bootstrap/scss/variables-dark";
// Standalone component implementations
@use "offcanvas";
@use "transitions";
// @import "bootstrap/scss/"
.form-label {
font-size: $font-size-base; // Fixes crispy-bootstrap5 legend labels being too big
font-weight: bold;
}
$theme-colors: map.merge($theme-colors,
("primary": $primary ));
.table .col-auto {
width: 1%;
white-space: nowrap;
}
.offcanvas-size-xl {
--#{$prefix}offcanvas-width: min(95vw, 700px) !important;
}
.offcanvas-size-xxl {
--#{$prefix}offcanvas-width: min(95vw, 90vw) !important;
}
.offcanvas-size-md {
/* add Responsivenes to default offcanvas */
--#{$prefix}offcanvas-width: min(95vw, 400px) !important;
}
.offcanvas-size-sm {
--#{$prefix}offcanvas-width: min(95vw, 250px) !important;
}
// Bootstrap utilities (if needed)
// @import "bootstrap/scss/bootstrap-utilities";
// Bootstrap-specific utility classes
.dropdown-toggle.dropdown-toggle-no-icon::after {
display: none;
}
+39 -36
View File
@@ -1,89 +1,92 @@
@import 'air-datepicker/air-datepicker.css';
.air-datepicker-global-container {
z-index: 2000; // Allows the datepicker to be shown on top of offcanvas
/* Allows the datepicker to be shown on top of offcanvas */
z-index: 2000;
}
.air-datepicker {
--adp-accent-color: #fbb700;
--adp-day-name-color: #fbb700;
--adp-background-color: #303030; /* $gray-800 */
--adp-color: #fff;
--adb-color-other-month: #888; /* $gray-600 */
--adp-cell-background-color-selected: #fbb700;
--adp-accent-color: var(--color-primary);
--adp-day-name-color: var(--color-primary);
--adp-background-color: var(--color-base-100);
--adp-color: var(--color-base-content);
--adb-color-other-month: color-mix(in oklab, var(--color-base-content) 50%, transparent);
--adp-cell-background-color-selected: var(--color-primary);
--adp-border-color-inline: #444;
--adp-border-color-inline: var(--color-base-300);
--adp-background-color-selected-other-month-focused: #e6a600; /* Slightly darker than $yellow */
--adp-background-color-selected-other-month: #fbb700;
--adp-background-color-selected-other-month-focused: oklch(from var(--color-primary) calc(l * 0.9) c h);
--adp-background-color-selected-other-month: var(--color-primary);
--adp-color-secondary: #adb5bd; /* $gray-500 */
--adp-background-color-hover: #444;
--adp-background-color-active: #3c3c3c;
--adp-cell-background-color-selected-hover: #e6a600;
--adp-color-other-month: #888; /* $gray-600 */
--adp-color-disabled: #444; /* $gray-700 */
--adp-color-disabled-in-range: #666; /* Between $gray-600 and $gray-700 */
--adp-color-other-month-hover: #ced4da; /* $gray-400 */
--adp-time-track-color: #444; /* $gray-700 */
--adp-time-track-color-hover: #888; /* $gray-600 */
--adp-color-secondary: color-mix(in oklab, var(--color-base-content) 60%, transparent);
--adp-background-color-hover: var(--color-base-200);
--adp-background-color-active: var(--color-base-300);
--adp-cell-background-color-selected-hover: oklch(from var(--color-primary) calc(l * 0.9) c h);
--adp-color-other-month: color-mix(in oklab, var(--color-base-content) 50%, transparent);
--adp-color-disabled: color-mix(in oklab, var(--color-base-content) 30%, transparent);
--adp-color-disabled-in-range: color-mix(in oklab, var(--color-base-content) 40%, transparent);
--adp-color-other-month-hover: color-mix(in oklab, var(--color-base-content) 70%, transparent);
--adp-time-track-color: var(--color-base-300);
--adp-time-track-color-hover: var(--color-base-content);
}
.air-datepicker-cell.-selected-,
.air-datepicker-cell.-selected-.-current-,
.-selected-.air-datepicker-cell.-year-.-other-decade-,
.-selected-.air-datepicker-cell.-day-.-other-month-{
color: #222; /* $gray-900 */
.-selected-.air-datepicker-cell.-day-.-other-month- {
color: var(--color-primary-content);
}
/* Additional styles for better dark theme integration */
.air-datepicker {
border-color: #444; /* $gray-700 */
border-color: var(--color-base-300);
border-radius: var(--radius-box, 0.5rem);
}
.air-datepicker-body--day-names {
color: #fbb700; /* $yellow */
color: var(--color-primary);
font-weight: 600;
}
.air-datepicker-cell:hover {
background-color: #444; /* $gray-700 */
background-color: var(--color-base-200);
}
.air-datepicker-cell.-current- {
color: #fbb700; /* $yellow */
color: var(--color-primary);
font-weight: 600;
}
.air-datepicker-cell.-range-from-,
.air-datepicker-cell.-range-to- {
border: 1px solid #fbb700; /* $yellow */
border: 1px solid var(--color-primary);
}
.air-datepicker-cell.-range-from-::before,
.air-datepicker-cell.-range-to-::before {
background-color: rgba(251, 183, 0, 0.1); /* $yellow with opacity */
background-color: oklch(from var(--color-primary) l c h / 10%);
}
.air-datepicker-cell.-in-range- {
background-color: rgba(251, 183, 0, 0.1); /* $yellow with opacity */
background-color: oklch(from var(--color-primary) l c h / 10%);
}
.air-datepicker-time--row input[type='range']::-webkit-slider-thumb {
background-color: #fbb700; /* $yellow */
background-color: var(--color-primary);
}
.air-datepicker-time--row input[type='range']::-moz-range-thumb {
background-color: #fbb700; /* $yellow */
background-color: var(--color-primary);
}
.air-datepicker-button,
.air-datepicker-button:hover {
color: #fbb700; /* $yellow */
color: var(--color-primary);
}
.air-datepicker-button:hover {
background-color: #444; /* $gray-700 */
background-color: var(--color-base-200);
}
.air-datepicker--pointer:after {
background: #303030
}
background: var(--color-base-100);
}
+22 -1
View File
@@ -1 +1,22 @@
@use "@fortawesome/fontawesome-free/css/all.css";
@use "@fortawesome/fontawesome-free/css/fontawesome.css"; // Core FontAwesome styles
@use "@fortawesome/fontawesome-free/css/solid.css"; // Solid icons (fas)
@use "@fortawesome/fontawesome-free/css/regular.css"; // Regular icons (far)
// Override FontAwesome's .fab class to avoid conflict with DaisyUI
// This removes the FontAwesome Brand icons styling from .fab, allowing DaisyUI to style it
.fab {
font-family: unset;
font-weight: unset;
-moz-osx-font-smoothing: unset;
-webkit-font-smoothing: unset;
display: revert-layer;
font-style: unset;
font-variant: unset;
line-height: unset;
text-rendering: unset;
}
.fab::before {
content: unset;
}
+326
View File
@@ -0,0 +1,326 @@
// Offcanvas component - Standalone implementation
// Decoupled from Bootstrap 5, integrated with DaisyUI colors
@use "sass:list";
@use "sass:map";
// Variables
$offcanvas-z-index: 1045 !default;
$offcanvas-backdrop-z-index: 1040 !default;
$offcanvas-width: 400px !default;
$offcanvas-height: 30vh !default;
$offcanvas-padding: 1rem !default;
$offcanvas-transition-duration: 0.3s !default;
$offcanvas-backdrop-opacity: 0.5 !default;
// Breakpoints
$breakpoints: (
xs: 0,
sm: 576px,
md: 768px,
lg: 992px,
xl: 1200px,
xxl: 1400px) !default;
// Mixins
@mixin media-breakpoint-up($name) {
$min: map.get($breakpoints, $name
);
@if $min and $min >0 {
@media (min-width: $min) {
@content;
}
}
@else {
@content;
}
}
@mixin media-breakpoint-down($name) {
$breakpoint-names: map.keys($breakpoints);
$n: list.index($breakpoint-names, $name);
@if $n and $n < list.length($breakpoint-names) {
$next: list.nth($breakpoint-names, $n + 1);
$max: map.get($breakpoints, $next);
@if $max {
@media (max-width: calc($max - 0.02px)) {
@content;
}
}
}
@else {
@content;
}
}
// Base offcanvas CSS variables
%offcanvas-css-vars {
--offcanvas-z-index: #{$offcanvas-z-index};
--offcanvas-width: #{$offcanvas-width};
--offcanvas-height: #{$offcanvas-height};
--offcanvas-padding-x: #{$offcanvas-padding};
--offcanvas-padding-y: #{$offcanvas-padding};
--offcanvas-color: var(--color-base-content);
--offcanvas-bg: var(--color-base-300);
--offcanvas-border-width: 1px;
--offcanvas-border-color: var(--color-base-300);
--offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
--offcanvas-transition: transform #{$offcanvas-transition-duration} ease-in-out;
--offcanvas-title-line-height: 1.5;
}
// Apply CSS variables to all breakpoint classes
@each $breakpoint in map.keys($breakpoints) {
$breakpoint-names: map.keys($breakpoints);
$n: list.index($breakpoint-names, $breakpoint);
$next: null;
$infix: "";
@if $n < list.length($breakpoint-names) {
$next: list.nth($breakpoint-names, $n + 1);
$infix: "-#{$next}";
}
.offcanvas#{$infix} {
@extend %offcanvas-css-vars;
}
}
// Generate offcanvas classes for each breakpoint
@each $breakpoint in map.keys($breakpoints) {
$breakpoint-names: map.keys($breakpoints);
$n: list.index($breakpoint-names, $breakpoint);
$next: null;
$infix: "";
@if $n < list.length($breakpoint-names) {
$next: list.nth($breakpoint-names, $n + 1);
$infix: "-#{$next}";
}
.offcanvas#{$infix} {
@if $next {
@include media-breakpoint-down($breakpoint) {
position: fixed;
bottom: 0;
z-index: var(--offcanvas-z-index);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--offcanvas-color);
visibility: hidden;
background-color: var(--offcanvas-bg);
background-clip: padding-box;
outline: 0;
box-shadow: var(--offcanvas-box-shadow);
transition: var(--offcanvas-transition);
@media (prefers-reduced-motion: reduce) {
transition: none;
}
&.offcanvas-start {
top: 0;
left: 0;
width: var(--offcanvas-width);
border-right: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
transform: translateX(-100%);
}
&.offcanvas-end {
top: 0;
right: 0;
width: var(--offcanvas-width);
border-left: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
transform: translateX(100%);
}
&.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--offcanvas-height);
max-height: 100%;
border-bottom: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
transform: translateY(-100%);
}
&.offcanvas-bottom {
right: 0;
left: 0;
height: var(--offcanvas-height);
max-height: 100%;
border-top: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
transform: translateY(100%);
}
&.showing,
&.show:not(.hiding) {
transform: none;
}
&.showing,
&.hiding,
&.show {
visibility: visible;
}
}
@if $infix !="" {
@include media-breakpoint-up($next) {
--offcanvas-height: auto;
--offcanvas-border-width: 0;
background-color: transparent !important;
.offcanvas-header {
display: none;
}
.offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important;
}
}
}
}
@else {
// For the last breakpoint (no infix)
position: fixed;
bottom: 0;
z-index: var(--offcanvas-z-index);
display: flex;
flex-direction: column;
max-width: 100%;
color: var(--offcanvas-color);
visibility: hidden;
background-color: var(--offcanvas-bg);
background-clip: padding-box;
outline: 0;
box-shadow: var(--offcanvas-box-shadow);
transition: var(--offcanvas-transition);
@media (prefers-reduced-motion: reduce) {
transition: none;
}
&.offcanvas-start {
top: 0;
left: 0;
width: var(--offcanvas-width);
border-right: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
transform: translateX(-100%);
}
&.offcanvas-end {
top: 0;
right: 0;
width: var(--offcanvas-width);
border-left: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
transform: translateX(100%);
}
&.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--offcanvas-height);
max-height: 100%;
border-bottom: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
transform: translateY(-100%);
}
&.offcanvas-bottom {
right: 0;
left: 0;
height: var(--offcanvas-height);
max-height: 100%;
border-top: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
transform: translateY(100%);
}
&.showing,
&.show:not(.hiding) {
transform: none;
}
&.showing,
&.hiding,
&.show {
visibility: visible;
}
}
}
}
// Offcanvas backdrop
.offcanvas-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: $offcanvas-backdrop-z-index;
width: 100vw;
height: 100vh;
background-color: var(--color-neutral, #000);
&.fade {
opacity: 0;
}
&.show {
opacity: $offcanvas-backdrop-opacity;
}
}
// Offcanvas header
.offcanvas-header {
display: flex;
align-items: center;
padding: var(--offcanvas-padding-y) var(--offcanvas-padding-x);
.btn-close {
padding: calc(var(--offcanvas-padding-y) * 0.5) calc(var(--offcanvas-padding-x) * 0.5);
margin-top: calc(-0.5 * var(--offcanvas-padding-y));
margin-right: calc(-0.5 * var(--offcanvas-padding-x));
margin-bottom: calc(-0.5 * var(--offcanvas-padding-y));
margin-left: auto;
}
}
// Offcanvas title
.offcanvas-title {
margin-bottom: 0;
line-height: var(--offcanvas-title-line-height);
}
// Offcanvas body
.offcanvas-body {
flex-grow: 1;
padding: var(--offcanvas-padding-y) var(--offcanvas-padding-x);
overflow-y: auto;
}
// Custom size modifiers (from existing bootstrap.scss)
.offcanvas-size-xl {
--offcanvas-width: min(95vw, 700px);
}
.offcanvas-size-xxl {
--offcanvas-width: min(95vw, 90vw);
}
.offcanvas-size-md {
--offcanvas-width: min(95vw, 400px);
}
.offcanvas-size-sm {
--offcanvas-width: min(95vw, 250px);
}
+426 -57
View File
@@ -1,57 +1,426 @@
//@use "tom-select/dist/css/tom-select.default.min.css";
//@use "tom-select/dist/css/tom-select.bootstrap5.min.css";
//@use "variables";
//
///* FIX BOOTSTRAP STYLING FOR TOM SELECT */
//.ts-dropdown,
//.ts-control,
//.ts-control input {
// color: var(--bs-body-color);
//}
//
///* stylelint-disable-next-line selector-class-pattern */
////.ts-wrapper.plugin-remove_button .item .remove {
//// color: $red;
////}
//
///* stylelint-disable-next-line selector-class-pattern */
////.plugin-clear_button .clear-button {
//// color: $red;
//// right: 60px;
////}
//
//.ts-wrapper.multi .ts-control > div.active {
// //background: $primary;
// //color: $body-color;
// border: 0 solid #0000;
//}
//
//.focus .ts-control {
// //color: $input-focus-color;
// //background-color: $input-focus-bg;
// //border-color: $input-focus-border-color;
// outline: 0;
//
// @if $enable-shadows {
// @include box-shadow($input-box-shadow, $input-focus-box-shadow);
// } @else {
// // Avoid using mixin so we can pass custom focus shadow properly
// box-shadow: $input-focus-box-shadow;
// }
//}
//
//.focus.ts-wrapper {
// border-color: $form-select-focus-border-color;
// outline: 0;
//
// @if $enable-shadows {
// @include box-shadow($form-select-box-shadow, $form-select-focus-box-shadow);
// } @else {
// // Avoid using mixin so we can pass custom focus shadow properly
// box-shadow: $form-select-focus-box-shadow;
// }
//}
//
//.ts-control > .clear-button {
// color: $red !important;
//}
@layer components {
/* ============================================
Tom-Select DaisyUI Theme
Complete override of tom-select default styles
============================================ */
/* Base Control Styles */
.ts-control {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
min-height: var(--size, calc(var(--size-field, 0.25rem) * 10));
padding: 0.5rem 0.75rem;
gap: 0.375rem;
/* DaisyUI input styling */
border: var(--border, 1px) solid transparent;
border-color: var(--input-color, color-mix(in oklab, var(--color-base-content) 20%, transparent));
border-radius: var(--radius-field, 0.5rem);
background-color: var(--color-base-100);
color: var(--color-base-content);
/* DaisyUI depth effect */
box-shadow:
0 1px color-mix(in oklab, var(--input-color) calc(var(--depth, 0) * 10%), transparent) inset,
0 -1px oklch(100% 0 0 / calc(var(--depth, 0) * 0.1)) inset;
font-size: 0.875rem;
line-height: 1.25rem;
cursor: text;
position: relative;
z-index: 1;
overflow: visible;
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
}
/* Multi-select with items */
.ts-wrapper.multi.has-items .ts-control {
padding: calc(0.5rem - 2px - 0px) 0.75rem calc(0.5rem - 2px - 3px - 0px);
}
/* Control input field */
.ts-control>input {
flex: 1 1 auto;
min-width: 7rem;
display: inline-flex !important;
padding: 0 !important;
padding-right: 1.25rem !important;
margin: 0 !important;
min-height: 0 !important;
max-height: none !important;
max-width: 100% !important;
border: 0 none !important;
background: transparent !important;
box-shadow: none !important;
outline: none !important;
font-size: 0.875rem !important;
line-height: inherit !important;
color: inherit;
text-indent: 0 !important;
}
.ts-control>input::-ms-clear {
display: none;
}
.ts-control>input:focus {
outline: none !important;
}
.has-items .ts-control>input {
margin: 0 0.25rem !important;
}
/* Focus states - DaisyUI style */
.ts-control:focus-within,
.ts-control:focus,
.focus .ts-control {
--input-color: var(--color-base-content);
border-color: var(--input-color);
box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth, 0) * 10%), transparent) inset;
outline: 2px solid var(--input-color);
outline-offset: 2px;
isolation: isolate;
z-index: 2;
}
/* .focus.ts-wrapper {
border-color: var(--color-primary);
outline: 2px solid var(--color-primary);
outline-offset: 2px;
} */
/* Disabled state */
.disabled .ts-control,
.disabled .ts-control * {
cursor: not-allowed !important;
border-color: var(--color-base-200);
background-color: var(--color-base-200);
color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
opacity: 1;
box-shadow: none;
}
/* Multi-select items (badges) */
.ts-wrapper.multi .ts-control>div {
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
margin: 0 0.25rem 0.25rem 0;
padding: 0.25rem 0.75rem;
gap: 0.25rem;
/* DaisyUI badge styling */
background-color: var(--color-secondary);
color: var(--color-secondary-content);
border-radius: var(--radius-field, 0.5rem);
border: 0 solid transparent;
font-size: 0.875rem;
line-height: 1.25rem;
transition: all 0.2s;
}
/* Active multi-select item */
.ts-wrapper.multi .ts-control>div.active {
background-color: var(--color-primary);
color: var(--color-primary-content);
border: 0 solid transparent;
opacity: 0.9;
}
/* Disabled multi-select items */
.ts-wrapper.multi.disabled .ts-control>div,
.ts-wrapper.multi.disabled .ts-control>div.active {
background-color: var(--color-base-200);
color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
border: 0 solid transparent;
cursor: not-allowed;
}
/* Remove button on items */
.ts-wrapper.plugin-remove_button .item {
display: inline-flex;
align-items: center;
padding-right: 0 !important;
}
.ts-wrapper.plugin-remove_button .item .remove {
display: inline-block;
padding: 0 0.375rem;
margin-left: 0.375rem;
border: none;
border-left: 1px solid color-mix(in oklab, var(--color-primary-content) 30%, transparent);
border-radius: 0 var(--radius-field, 0.5rem) var(--radius-field, 0.5rem) 0;
color: var(--color-error);
font-size: 1.125rem;
line-height: 1;
text-decoration: none;
vertical-align: middle;
opacity: 0.7;
transition: all 0.2s;
cursor: pointer;
}
.ts-wrapper.plugin-remove_button .item .remove:hover {
opacity: 1;
background-color: color-mix(in oklab, var(--color-error) 10%, transparent);
}
.ts-wrapper.plugin-remove_button.disabled .item .remove:hover {
background: none;
cursor: not-allowed;
}
/* RTL support for remove button */
.ts-control.rtl .ts-wrapper.plugin-remove_button .item {
padding-left: 0 !important;
padding-right: initial;
}
.ts-control.rtl .ts-wrapper.plugin-remove_button .item .remove {
border-left: none;
border-right: 1px solid color-mix(in oklab, var(--color-primary-content) 30%, transparent);
border-radius: var(--radius-field, 0.5rem) 0 0 var(--radius-field, 0.5rem);
margin-left: 0;
margin-right: 0.375rem;
}
/* Dropdown */
.ts-dropdown {
position: absolute;
top: 100%;
left: 0;
width: 100%;
z-index: 1100;
margin: 0.25rem 0 0;
/* DaisyUI dropdown styling */
background-color: var(--color-base-100);
color: var(--color-base-content);
border: var(--border, 1px) solid var(--color-base-300);
border-radius: var(--radius-box, 0.5rem);
/* DaisyUI shadow */
box-shadow:
0 20px 25px -5px rgb(0 0 0 / calc(var(--depth, 0) * 0.1)),
0 8px 10px -6px rgb(0 0 0 / calc(var(--depth, 0) * 0.1));
box-sizing: border-box;
overflow: hidden;
}
/* Dropdown content scrolling */
.ts-dropdown-content {
max-height: 40dvh;
overflow-y: auto;
overflow-x: hidden;
scroll-behavior: smooth;
}
/* Dropdown options */
.ts-dropdown .option,
.ts-dropdown .optgroup-header,
.ts-dropdown .no-results,
.ts-dropdown .create {
padding: 0.5rem 0.75rem;
cursor: pointer;
}
.ts-dropdown [data-selectable].option {
cursor: pointer;
opacity: 1;
transition: background-color 0.2s, color 0.2s;
}
.ts-dropdown [data-selectable].option:first-child {
border-top-left-radius: var(--radius-box, 0.5rem);
border-top-right-radius: var(--radius-box, 0.5rem);
}
.ts-dropdown [data-selectable].option:last-child {
border-bottom-left-radius: var(--radius-box, 0.5rem);
border-bottom-right-radius: var(--radius-box, 0.5rem);
}
/* Disabled options */
.ts-dropdown .option,
.ts-dropdown [data-disabled],
.ts-dropdown [data-disabled] [data-selectable].option {
cursor: not-allowed;
opacity: 0.5;
}
/* Hover and active states */
.ts-dropdown [data-selectable].option:hover,
.ts-dropdown .option:hover,
.ts-dropdown .create:hover,
.ts-dropdown .active {
background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
color: var(--color-base-content);
}
.ts-dropdown .active.create {
color: var(--color-base-content);
}
/* Optgroup styling */
.ts-dropdown .optgroup-header {
color: var(--color-base-content);
background-color: var(--color-base-200);
font-weight: 600;
cursor: default;
padding: 0.5rem 0.75rem;
}
.ts-dropdown .optgroup:first-child .optgroup-header {
border-top: 0 none;
}
/* Create option */
.ts-dropdown .create {
color: color-mix(in oklab, var(--color-base-content) 60%, transparent);
}
/* Highlight in search */
.ts-dropdown [data-selectable] .highlight {
background-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
border-radius: 2px;
}
/* Loading spinner */
.ts-dropdown .spinner {
display: inline-block;
width: 30px;
height: 30px;
margin: 0.5rem 0.75rem;
}
.ts-dropdown .spinner::after {
content: " ";
display: block;
width: 1.25rem;
height: 1.25rem;
margin: 0.1875rem;
border-radius: 50%;
border: 2px solid var(--color-primary);
border-color: var(--color-primary) transparent var(--color-primary) transparent;
animation: ts-spin 1.2s linear infinite;
}
@keyframes ts-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* Single select dropdown arrow */
.ts-wrapper:not(.form-control):not(.form-select).single .ts-control {
padding-right: 2.5rem;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
background-position: right 0.75rem center;
background-repeat: no-repeat;
background-size: 1.25em 1.25em;
}
/* Dark theme arrow */
[data-theme="dark"] .ts-wrapper:not(.form-control):not(.form-select).single .ts-control {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23a6adba' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
}
/* Clear button plugin */
.plugin-clear_button {
--ts-pr-clear-button: 1em;
}
.plugin-clear_button .clear-button {
position: absolute;
top: 50%;
right: calc(0.75rem - 6px);
transform: translateY(-50%);
color: var(--color-error);
background: transparent !important;
border: none;
cursor: pointer;
opacity: 0;
margin-right: 0 !important;
transition: opacity 0.3s;
}
.plugin-clear_button.single .clear-button {
right: max(2.5rem, 0.75rem);
}
.plugin-clear_button.focus.has-items .clear-button,
.plugin-clear_button:not(.disabled):hover.has-items .clear-button {
opacity: 0.7;
}
.plugin-clear_button .clear-button:hover {
opacity: 1 !important;
}
/* Full width control */
.full .ts-control {
background-color: var(--color-base-100);
}
/* Input hidden state */
.input-hidden .ts-control>input {
opacity: 0;
position: absolute;
left: -10000px;
}
/* RTL support */
.ts-control.rtl {
text-align: right;
}
.ts-control.rtl .ts-control>input {
margin: 0 0.25rem 0 -0.125rem !important;
}
/* Wrapper positioning */
.ts-wrapper {
position: relative;
display: block;
}
.ts-wrapper.single .ts-control,
.ts-wrapper.single .ts-control input {
cursor: pointer;
}
/* Hidden accessibility */
.ts-hidden-accessible {
position: absolute;
left: -10000px;
width: 0;
height: 0;
opacity: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
padding: 0;
margin: 0;
}
.tomselect-checkbox {
margin-right: 0.5rem;
}
}
+56
View File
@@ -0,0 +1,56 @@
// Transitions - Standalone implementation
// Decoupled from Bootstrap 5
// Variables
$enable-transitions: true !default;
$enable-reduced-motion: true !default;
$transition-fade: opacity 0.15s linear !default;
$transition-collapse: height 0.35s ease !default;
$transition-collapse-width: width 0.35s ease !default;
// Fade transition
.fade {
transition: $transition-fade;
@if $enable-reduced-motion {
@media (prefers-reduced-motion: reduce) {
transition: none;
}
}
&:not(.show) {
opacity: 0;
}
}
// Collapse transitions
.collapse {
&:not(.show) {
display: none;
}
}
.collapsing {
height: 0;
overflow: hidden;
transition: $transition-collapse;
@if $enable-reduced-motion {
@media (prefers-reduced-motion: reduce) {
transition: none;
}
}
&.collapse-horizontal {
width: 0;
height: auto;
transition: $transition-collapse-width;
@if $enable-reduced-motion {
@media (prefers-reduced-motion: reduce) {
transition: none;
}
}
}
}
+8 -6
View File
@@ -1,8 +1,8 @@
@use "variables";
@use "font-awesome";
@use "bootstrap";
@use "datepicker";
@use "tom-select";
// @use "datepicker";
// @use "tom-select";
@use "animations";
@use "scrollbar";
@@ -12,13 +12,15 @@
}
// Somewhat prevents flickering when replacing with Tom-select
select[multiple] {
select[multiple],
select {
visibility: hidden;
display: none;
}
.ts-dropdown-content {
max-height: 50vh;
}
// .ts-dropdown-content {
// max-height: 50vh;
// }
//.font-base {
// font-family: bootstrap.$font-family-base;
+68 -40
View File
@@ -1,19 +1,21 @@
@import "tailwindcss" prefix(tw) source("../../../app/templates/");
@import "tailwindcss" source("../../../app/templates/");
@import "./_tom-select.scss";
@import "./_datepicker.scss";
@plugin "daisyui" {
themes: dark --default, light;
themes: wygiwyh_dark --default, wygiwyh_light;
logs: true;
}
@plugin "tw-bootstrap-grid";
@plugin "daisyui/theme" {
name: "light";
name: "wygiwyh_light";
default: false;
prefersdark: false;
color-scheme: "light";
--color-base-100: oklch(100% 0 0);
--color-base-200: oklch(98% 0 0);
--color-base-300: oklch(95% 0 0);
--color-base-300: oklch(96% 0 0);
--color-base-content: oklch(21% 0.006 285.885);
--color-primary: oklch(87% 0.169 91.605);
--color-primary-content: oklch(41% 0.112 45.904);
@@ -36,20 +38,21 @@
--radius-box: 0.5rem;
--size-selector: 0.25rem;
--size-field: 0.25rem;
--border: 1px;
--border: 2px;
--depth: 0;
--noise: 0;
--root-bg: oklch(93% 0 0);
}
@plugin "daisyui/theme" {
name: "dark";
name: "wygiwyh_dark";
default: true;
prefersdark: true;
color-scheme: "dark";
--color-base-100: oklch(25.33% 0.016 252.42);
--color-base-200: oklch(23.26% 0.014 253.1);
--color-base-300: oklch(21.15% 0.012 254.09);
--color-base-100: oklch(32.33% 0.016 252.42);
--color-base-200: oklch(30.26% 0.016 252.42);
--color-base-300: oklch(28.15% 0.016 252.42);
--color-base-content: oklch(97.807% 0.029 256.847);
--color-primary: oklch(87% 0.169 91.605);
--color-primary-content: oklch(41% 0.112 45.904);
@@ -72,9 +75,10 @@
--radius-box: 0.5rem;
--size-selector: 0.25rem;
--size-field: 0.25rem;
--border: 1px;
--border: 2px;
--depth: 0;
--noise: 0;
--root-bg: oklch(26.33% 0.016 252.42);
}
@@ -82,147 +86,171 @@
@custom-variant hover (&:hover);
@theme {
--font-mono: "JetBrains Mono Variable", monospace;
}
@layer utilities {
.transaction:has(input[type="checkbox"]:checked) > div > .transaction-item {
background-color: --alpha(var(--color-primary) / 15%);
background-color: oklch(from var(--color-primary) l c h / 15%);
}
.bg-root {
background-color: var(--root-bg) !important;
}
.fieldset-legend {
@apply text-xs;
@apply justify-start;
}
.fieldset-legend .asteriskField {
@apply text-error;
}
.hr {
@apply text-base-content/60;
}
}
@layer components {
/* === Sidebar styles === */
.sidebar-active {
@apply tw:text-primary-content tw:bg-primary;
@apply text-primary-content bg-primary;
}
.sidebar-item:not(.sidebar-active) {
@apply tw:text-base-content/80 tw:hover:text-base-content;
@apply text-base-content/80 hover:text-base-content;
}
.sidebar {
@apply tw:z-1020 tw:fixed tw:top-0 tw:start-0 tw:h-full tw:transition-all tw:duration-100;
@apply z-1020 fixed top-0 start-0 h-full transition-all duration-100;
}
.sidebar-floating {
/* Establishes the hover group and sets the collapsed/hover widths for the container */
@apply tw:lg:w-16 tw:lg:hover:w-112;
@apply lg:w-16 lg:hover:w-112;
}
.sidebar-floating #sidebar {
/* Sets the collapsed/hover widths for the inner navigation element */
@apply tw:lg:w-16 tw:lg:group-hover:w-104 tw:transition-all tw:duration-100 tw:overflow-hidden;
@apply lg:w-16 lg:group-hover:w-104 transition-all duration-100 overflow-hidden;
}
.sidebar-floating + main {
/* Adjusts the main content margin to account for the collapsed sidebar */
@apply tw:lg:ml-16 tw:transition-all tw:duration-100;
@apply lg:ml-16 transition-all duration-100;
}
.sidebar-floating .sidebar-item span {
/* Hides the text labels and reveals them only on hover */
@apply tw:lg:invisible tw:lg:group-hover:visible;
@apply lg:invisible lg:group-hover:visible;
}
.sidebar-floating .sidebar-invisible {
/* Hides the text labels and reveals them only on hover */
@apply tw:lg:invisible tw:lg:group-hover:visible;
@apply lg:invisible lg:group-hover:visible;
}
.sidebar-floating .sidebar-menu-header {
/* Hides the menu headers and reveals them only on hover */
@apply tw:lg:hidden tw:lg:group-hover:inline;
@apply lg:hidden lg:group-hover:inline;
}
.sidebar-floating #sidebar-toggle-btn .fa-thumbtack-slash {
/* Hides the 'pin' icon in the floating state */
@apply tw:hidden!;
@apply hidden!;
}
.sidebar-floating #sidebar-toggle-btn .fa-thumbtack {
/* Shows the 'expand' icon in the floating state */
@apply tw:inline-block!;
@apply inline-block!;
}
.sidebar-floating .sidebar-title span {
@apply tw:lg:invisible tw:lg:group-hover:visible
@apply lg:invisible lg:group-hover:visible
}
.sidebar-submenu-header {
@apply tw:flex;
@apply flex;
}
.sidebar-floating .sidebar-submenu-header {
@apply tw:lg:hidden tw:lg:group-hover:flex;
@apply lg:hidden lg:group-hover:flex;
}
.sidebar-floating .sidebar-submenu-header h5 {
@apply tw:lg:invisible tw:lg:group-hover:visible;
@apply lg:invisible lg:group-hover:visible;
}
.sidebar-floating .sidebar-submenu-header button {
@apply tw:lg:hidden tw:lg:group-hover:inline;
@apply lg:hidden lg:group-hover:inline;
}
.sidebar-floating .list-unstyled {
@apply tw:group-hover:lg:overflow-y-auto tw:lg:overflow-y-hidden tw:overflow-y-auto tw:overflow-x-hidden;
@apply group-hover:lg:overflow-y-auto lg:overflow-y-hidden overflow-y-auto overflow-x-hidden;
}
.sidebar-floating .sidebar-item {
@apply tw:text-wrap tw:lg:text-nowrap ;
@apply text-wrap lg:text-nowrap ;
}
/* --- STATE 2: Fixed (Permanently Expanded) --- */
.sidebar-fixed {
/* Sets the fixed, expanded width for the container */
@apply tw:lg:w-[17%] tw:transition-all tw:duration-100;
@apply lg:w-[17%] transition-all duration-100;
}
.sidebar-fixed #sidebar {
/* Sets the fixed, expanded width for the inner navigation */
@apply tw:lg:w-[17%] tw:transition-all tw:duration-100;
@apply lg:w-[17%] transition-all duration-100;
}
.sidebar-fixed + main {
/* Adjusts the main content margin to account for the expanded sidebar */
@apply tw:lg:ml-[17%] tw:transition-all tw:duration-100;
@apply lg:ml-[17%] transition-all duration-100;
/* Using 16vw to account for padding/margins */
}
.sidebar-fixed .sidebar-item {
@apply tw:text-wrap;
@apply text-wrap;
}
.sidebar-fixed .sidebar-item span {
/* Ensures text labels are always visible */
@apply tw:lg:visible;
@apply lg:visible;
}
.sidebar-fixed .sidebar-menu-header {
/* Ensures menu headers are always visible */
@apply tw:lg:inline;
@apply lg:inline;
}
.sidebar-fixed #sidebar-toggle-btn .fa-thumbtack-slash {
/* Shows the 'pin' icon in the fixed state */
@apply tw:inline-block!;
@apply inline-block!;
}
.sidebar-fixed #sidebar-toggle-btn .fa-thumbtack {
/* Hides the 'expand' icon in the fixed state */
@apply tw:hidden!;
@apply hidden!;
}
.sidebar-fixed .sidebar-title span {
@apply tw:lg:visible;
@apply lg:visible;
}
.sidebar-fixed .sidebar-submenu-header {
/* Ensures menu headers are always visible */
@apply tw:lg:flex;
@apply lg:flex;
}
.sidebar-fixed .list-unstyled {
@apply tw:overflow-y-auto tw:overflow-x-hidden;
@apply overflow-y-auto overflow-x-hidden;
}
}
+8 -5
View File
@@ -1,6 +1,6 @@
import {resolve, dirname} from 'path';
import {fileURLToPath} from 'url';
import {defineConfig} from 'vite';
import { resolve, dirname } from 'path';
import { fileURLToPath } from 'url';
import { defineConfig } from 'vite';
import tailwindcss from '@tailwindcss/vite';
// import commonjs from '@rollup/plugin-commonjs';
// import * as path from "node:path";
@@ -12,7 +12,7 @@ const __dirname = dirname(__filename);
const rollupInputs = {
autosize: resolve(__dirname, 'src/autosize.js'),
charts: resolve(__dirname, 'src/charts.js'),
// datepicker: resolve(__dirname, 'src/datepicker.js'),
datepicker: resolve(__dirname, 'src/datepicker.js'),
bootstrap: resolve(__dirname, 'src/bootstrap.js'),
htmx: resolve(__dirname, 'src/htmx.js'),
select: resolve(__dirname, 'src/select.js'),
@@ -28,9 +28,12 @@ export default defineConfig({
plugins: [
tailwindcss(),
// commonjs()
],
css: {
devSourcemap: true,
},
server: {
host: '0.0.0.0',
port: 5173,