Theodor-Springmann-Stiftung/musenalm
1
0
Fork 0
mirror of https://github.com/Theodor-Springmann-Stiftung/musenalm.git synced 2026-02-04 02:25:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

+density on list

Browse Source
This commit is contained in:
Simon Martens
2026-01-16 23:04:07 +01:00
parent 0842f270b0
commit 0c63846024
8 changed files with 331 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
views/assets/scripts.js
View File

@@ -5838,12 +5838,12 @@ class Nl extends HTMLElement {
return ["position", "timeout"];
}
constructor() {
super(), this._tooltipBox = null, this._timeout = 200, this._hideTimeout = null, this._hiddenTimeout = null;
super(), this._tooltipBox = null, this._timeout = 200, this._hideTimeout = null, this._hiddenTimeout = null, this._dataTipElem = null, this._observer = null;
}
connectedCallback() {
this.classList.add("relative", "block", "leading-none", "[&>*]:leading-normal");
const t = this.querySelector(".data-tip"), e = t ? t.innerHTML : "Tooltip";
t && t.classList.add("hidden"), this._tooltipBox = document.createElement("div"), this._tooltipBox.innerHTML = e, this._tooltipBox.className = [
this.classList.add("relative", "block", "leading-none", "[&>*]:leading-normal"), this._dataTipElem = this.querySelector(".data-tip");
const t = this._dataTipElem ? this._dataTipElem.innerHTML : "Tooltip";
this._dataTipElem && this._dataTipElem.classList.add("hidden"), this._tooltipBox = document.createElement("div"), this._tooltipBox.innerHTML = t, this._tooltipBox.className = [
"opacity-0",
"hidden",
"absolute",
@@ -5859,11 +5859,20 @@ class Nl extends HTMLElement {
"transition-all",
"duration-200",
"font-sans"
].join(" "), this.appendChild(this._tooltipBox), this._updatePosition(), this.addEventListener("mouseenter", () => this._showTooltip()), this.addEventListener("mouseleave", () => this._hideTooltip());
].join(" "), this.appendChild(this._tooltipBox), this._updatePosition(), this.addEventListener("mouseenter", () => this._showTooltip()), this.addEventListener("mouseleave", () => this._hideTooltip()), this._dataTipElem && (this._observer = new MutationObserver(() => {
this._tooltipBox && (this._tooltipBox.innerHTML = this._dataTipElem.innerHTML);
}), this._observer.observe(this._dataTipElem, {
childList: !0,
characterData: !0,
subtree: !0
}));
}
attributeChangedCallback(t, e, i) {
t === "position" && this._tooltipBox && this._updatePosition(), t === "timeout" && i && (this._timeout = parseInt(i) || 200);
}
disconnectedCallback() {
this._observer && this._observer.disconnect();
}
_showTooltip() {
clearTimeout(this._hideTimeout), clearTimeout(this._hiddenTimeout), this._tooltipBox.classList.remove("hidden"), setTimeout(() => {
this._tooltipBox.classList.remove("opacity-0"), this._tooltipBox.classList.add("opacity-100");
@@ -9128,6 +9137,8 @@ function Rt(s) {
console.log("Not a textarea element");
return;
}
if (s.dataset.noAutoresize === "true" || s.classList.contains("no-autoresize"))
return;
if (s.offsetParent === null) {
console.log("Textarea not visible");
return;
@@ -9150,7 +9161,7 @@ function Cd(s) {
console.warn("HookupTextareaAutoResize: Provided element is not a textarea.");
return;
}
vo() || s.addEventListener("input", () => {
s.dataset.noAutoresize === "true" || s.classList.contains("no-autoresize") || vo() || s.addEventListener("input", () => {
Rt(s);
});
}
@@ -9187,13 +9198,13 @@ function Rd(s) {
const t = document.querySelectorAll("textarea");
console.log("Found", t.length, "textareas");
for (const o of t)
console.log("Attaching input listener to:", o.name || o.id), o.addEventListener("input", function() {
o.dataset.noAutoresize === "true" || o.classList.contains("no-autoresize") || (console.log("Attaching input listener to:", o.name || o.id), o.addEventListener("input", function() {
console.log("Input event on textarea:", this.name || this.id), Rt(this);
});
}));
setTimeout(() => {
console.log("Running initial textarea resize on", t.length, "textareas");
for (const o of t)
Rt(o);
o.dataset.noAutoresize === "true" || o.classList.contains("no-autoresize") || Rt(o);
}, 200);
const e = document.querySelectorAll("textarea.no-enter");
for (const o of e)
@@ -9208,7 +9219,7 @@ function Rd(s) {
if (l instanceof HTMLElement) {
const d = l.matches("textarea") ? [l] : Array.from(l.querySelectorAll("textarea"));
for (const h of d)
h.offsetParent !== null && Rt(h);
h.dataset.noAutoresize === "true" || h.classList.contains("no-autoresize") || h.offsetParent !== null && Rt(h);
}
}
}).observe(s, {