mirror of
https://github.com/Theodor-Springmann-Stiftung/musenalm.git
synced 2025-10-29 17:25:32 +00:00
Startseite: fast ferting
This commit is contained in:
Simon Martens
13
views/assets/js/mark.min.js
vendored
Normal file
13
views/assets/js/mark.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
@@ -1,48 +1,48 @@
|
||||
var p = (r) => {
|
||||
throw TypeError(r);
|
||||
var _ = (i) => {
|
||||
throw TypeError(i);
|
||||
};
|
||||
var L = (r, i, t) => i.has(r) || p("Cannot " + t);
|
||||
var u = (r, i, t) => (L(r, i, "read from private field"), t ? t.call(r) : i.get(r)), o = (r, i, t) => i.has(r) ? p("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(r) : i.set(r, t), h = (r, i, t, e) => (L(r, i, "write to private field"), e ? e.call(r, t) : i.set(r, t), t), f = (r, i, t) => (L(r, i, "access private method"), t);
|
||||
const v = "script[xslt-onload]", g = "xslt-template", w = "xslt-transformed", A = "filter-list";
|
||||
var a, c, T;
|
||||
class S {
|
||||
var g = (i, r, t) => r.has(i) || _("Cannot " + t);
|
||||
var c = (i, r, t) => (g(i, r, "read from private field"), t ? t.call(i) : r.get(i)), a = (i, r, t) => r.has(i) ? _("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(i) : r.set(i, t), o = (i, r, t, e) => (g(i, r, "write to private field"), e ? e.call(i, t) : r.set(i, t), t), f = (i, r, t) => (g(i, r, "access private method"), t);
|
||||
const v = "script[xslt-onload]", m = "xslt-template", A = "xslt-transformed", F = "filter-list", d = "filter-list-list", I = "filter-list-item", w = "filter-list-input", E = "filter-list-searchable";
|
||||
var l, p, x;
|
||||
class $ {
|
||||
constructor() {
|
||||
o(this, c);
|
||||
o(this, a);
|
||||
h(this, a, /* @__PURE__ */ new Map());
|
||||
a(this, p);
|
||||
a(this, l);
|
||||
o(this, l, /* @__PURE__ */ new Map());
|
||||
}
|
||||
setup() {
|
||||
let i = htmx.findAll(v);
|
||||
for (let t of i)
|
||||
f(this, c, T).call(this, t);
|
||||
let r = htmx.findAll(v);
|
||||
for (let t of r)
|
||||
f(this, p, x).call(this, t);
|
||||
}
|
||||
hookupHTMX() {
|
||||
htmx.on("htmx:load", (i) => {
|
||||
htmx.on("htmx:load", (r) => {
|
||||
this.setup();
|
||||
});
|
||||
}
|
||||
}
|
||||
a = new WeakMap(), c = new WeakSet(), T = function(i) {
|
||||
if (i.getAttribute(w) === "true" || !i.hasAttribute(g))
|
||||
l = new WeakMap(), p = new WeakSet(), x = function(r) {
|
||||
if (r.getAttribute(A) === "true" || !r.hasAttribute(m))
|
||||
return;
|
||||
let t = "#" + i.getAttribute(g), e = u(this, a).get(t);
|
||||
let t = "#" + r.getAttribute(m), e = c(this, l).get(t);
|
||||
if (!e) {
|
||||
let d = htmx.find(t);
|
||||
if (d) {
|
||||
let E = d.innerHTML ? new DOMParser().parseFromString(d.innerHTML, "application/xml") : d.contentDocument;
|
||||
e = new XSLTProcessor(), e.importStylesheet(E), u(this, a).set(t, e);
|
||||
let u = htmx.find(t);
|
||||
if (u) {
|
||||
let b = u.innerHTML ? new DOMParser().parseFromString(u.innerHTML, "application/xml") : u.contentDocument;
|
||||
e = new XSLTProcessor(), e.importStylesheet(b), c(this, l).set(t, e);
|
||||
} else
|
||||
throw new Error("Unknown XSLT template: " + t);
|
||||
}
|
||||
let s = new DOMParser().parseFromString(i.innerHTML, "application/xml"), b = e.transformToFragment(s, document), x = new XMLSerializer().serializeToString(b);
|
||||
i.outerHTML = x;
|
||||
let s = new DOMParser().parseFromString(r.innerHTML, "application/xml"), L = e.transformToFragment(s, document), S = new XMLSerializer().serializeToString(L);
|
||||
r.outerHTML = S;
|
||||
};
|
||||
var n, l, _, m;
|
||||
var n, h, T;
|
||||
class k extends HTMLElement {
|
||||
constructor() {
|
||||
super();
|
||||
o(this, l);
|
||||
o(this, n, !1);
|
||||
a(this, h);
|
||||
a(this, n, !1);
|
||||
this._items = [], this._url = "", this._filterstart = !1, this._placeholder = "Liste filtern...", this.render();
|
||||
}
|
||||
static get observedAttributes() {
|
||||
@@ -55,7 +55,7 @@ class k extends HTMLElement {
|
||||
return this._items;
|
||||
}
|
||||
connectedCallback() {
|
||||
this._url = this.getAttribute("data-url") || "./", this._filterstart = this.getAttribute("data-filterstart") === "true", this._placeholder = this.getAttribute("data-placeholder") || "Liste filtern...", this._filterstart && h(this, n, !0), this.addEventListener("input", this.onInput.bind(this)), this.addEventListener("keydown", this.onEnter.bind(this)), this.addEventListener("focusin", this.onGainFocus.bind(this)), this.addEventListener("focusout", this.onLoseFocus.bind(this));
|
||||
this._url = this.getAttribute("data-url") || "./", this._filterstart = this.getAttribute("data-filterstart") === "true", this._placeholder = this.getAttribute("data-placeholder") || "Liste filtern...", this._filterstart && o(this, n, !0), this.addEventListener("input", this.onInput.bind(this)), this.addEventListener("keydown", this.onEnter.bind(this)), this.addEventListener("focusin", this.onGainFocus.bind(this)), this.addEventListener("focusout", this.onLoseFocus.bind(this));
|
||||
}
|
||||
attributeChangedCallback(t, e, s) {
|
||||
t === "data-url" && e !== s && (this._url = s, this.render()), t === "data-filterstart" && e !== s && (this._filterstart = s === "true", this.render()), t === "data-placeholder" && e !== s && (this._placeholder = s, this.render());
|
||||
@@ -64,10 +64,15 @@ class k extends HTMLElement {
|
||||
t.target && t.target.tagName.toLowerCase() === "input" && (this._filter = t.target.value, this.renderList());
|
||||
}
|
||||
onGainFocus(t) {
|
||||
t.target && t.target.tagName.toLowerCase() === "input" && (h(this, n, !1), this.renderList());
|
||||
t.target && t.target.tagName.toLowerCase() === "input" && (o(this, n, !1), this.renderList());
|
||||
}
|
||||
onLoseFocus(t) {
|
||||
t.target && t.target.tagName.toLowerCase() === "input" && (t.target.value = "", this._filter = "", this._filterstart && h(this, n, !0), this.renderList());
|
||||
let e = this.querySelector("input");
|
||||
if (t.target && t.target === e) {
|
||||
if (relatedElement = t.relatedTarget, relatedElement && this.contains(relatedElement))
|
||||
return;
|
||||
e.value = "", this._filter = "", this._filterstart && o(this, n, !0), this.renderList();
|
||||
}
|
||||
}
|
||||
onEnter(t) {
|
||||
if (t.target && t.target.tagName.toLowerCase() === "input" && t.key === "Enter") {
|
||||
@@ -76,12 +81,33 @@ class k extends HTMLElement {
|
||||
e && e.click();
|
||||
}
|
||||
}
|
||||
mark() {
|
||||
if (typeof Mark != "function")
|
||||
return;
|
||||
let t = this.querySelector("#" + d);
|
||||
if (!t)
|
||||
return;
|
||||
let e = new Mark(t.querySelectorAll("." + E));
|
||||
this._filter && e.mark(this._filter, {
|
||||
separateWordSearch: !0
|
||||
});
|
||||
}
|
||||
// INFO: allows for setting a custom HREF of the list item
|
||||
// The function takes the item as parameter fn(item) and should return a string.
|
||||
setHREFFunc(t) {
|
||||
this.getHREF = t, this.render();
|
||||
}
|
||||
// INFO: allows for setting a custom link text of the list item
|
||||
// The function takes the item as parameter fn(item) and should return a string or
|
||||
// an HTML template literal.
|
||||
setLinkTextFunc(t) {
|
||||
this.getLinkText = t, this.render();
|
||||
}
|
||||
// INFO: allows for setting the text that will be filtered for.
|
||||
// The function takes the item as parameter fn(item) and should return a string.
|
||||
setSearchTextFunc(t) {
|
||||
this.getSearchText = t, this.render();
|
||||
}
|
||||
getHREF(t) {
|
||||
if (t) {
|
||||
if (!t.id)
|
||||
@@ -89,66 +115,83 @@ class k extends HTMLElement {
|
||||
} else return "";
|
||||
return t.id;
|
||||
}
|
||||
getLinkText(t) {
|
||||
getSearchText(t) {
|
||||
if (t) {
|
||||
if (!t.name)
|
||||
return "";
|
||||
} else return "";
|
||||
return t.name;
|
||||
}
|
||||
getLinkText(t) {
|
||||
let e = this.getSearchText(t);
|
||||
return e === "" ? "" : `<span class="${E}">${e}</span>`;
|
||||
}
|
||||
renderList() {
|
||||
let t = this.querySelector("#list");
|
||||
t && (t.outerHTML = this.List());
|
||||
let t = this.querySelector("#" + d);
|
||||
t && (t.outerHTML = this.List()), this.mark();
|
||||
}
|
||||
render() {
|
||||
this.innerHTML = `
|
||||
<div class="p-4 font-serif text-base">
|
||||
<div class="font-serif text-base">
|
||||
${this.Input()}
|
||||
${this.List()}
|
||||
</div>
|
||||
`;
|
||||
}
|
||||
ActiveDot(t) {
|
||||
return f(this, h, T).call(this, t), "";
|
||||
}
|
||||
NoItems(t) {
|
||||
return t.length === 0 ? '<div class="px-2 py-0.5 italic text-gray-500">Keine Einträge gefunden</div>' : "";
|
||||
}
|
||||
Input() {
|
||||
return `
|
||||
<div class="flex w-full pb-0.5 border-b border-zinc-600">
|
||||
<i class="ri-arrow-right-s-line mr-1"></i>
|
||||
<div class="flex w-full py-0.5 border-b border-zinc-600 bg-stone-50">
|
||||
<i class="ri-arrow-right-s-line mr-1 pl-2"></i>
|
||||
<div class="grow">
|
||||
<input
|
||||
type="text"
|
||||
placeholder="${this._placeholder}"
|
||||
class="w-full placeholder:italic px-2 " />
|
||||
class="${w} w-full placeholder:italic px-2 py-0.5" />
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
}
|
||||
List() {
|
||||
let t = this._items;
|
||||
return this._filter && (this._filterstart ? t = this._items.filter((e) => this.getLinkText(e).toLowerCase().startsWith(this._filter.toLowerCase())) : t = this._items.filter((e) => this.getLinkText(e).toLowerCase().includes(this._filter.toLowerCase()))), `
|
||||
<div id="list" class="links min-h-72 max-h-60 overflow-auto border-b border-zinc-300 ${f(this, l, m).call(this)}">
|
||||
if (this._filter)
|
||||
if (this._filterstart)
|
||||
t = this._items.filter((e) => this.getSearchText(e).toLowerCase().startsWith(this._filter.toLowerCase()));
|
||||
else {
|
||||
let e = this._filter.split(" ");
|
||||
t = this._items.filter((s) => e.every((L) => this.getSearchText(s).toLowerCase().includes(L.toLowerCase())));
|
||||
}
|
||||
return `
|
||||
<div id="${d}" class="${d} pt-1 min-h-72 max-h-60 overflow-auto border-b border-zinc-300 bg-stone-50 ${c(this, n) ? "hidden" : ""}">
|
||||
${t.map(
|
||||
(e, s) => `
|
||||
<a
|
||||
href="${this._url}${this.getHREF(e)}"
|
||||
class="block px-2.5 py-0.5 hover:bg-slate-200 no-underline ${s % 2 === 0 ? "bg-stone-100" : "bg-stone-50"}"
|
||||
${f(this, l, _).call(this, e)}>
|
||||
class="${I} block px-2.5 py-0.5 hover:bg-slate-200 no-underline ${s % 2 === 0 ? "bg-stone-100" : "bg-stone-50"}"
|
||||
${f(this, h, T).call(this, e) ? 'aria-current="page"' : ""}>
|
||||
${this.ActiveDot(e)}
|
||||
${this.getLinkText(e)}
|
||||
</a>
|
||||
`
|
||||
).join("")}
|
||||
${this.NoItems(t)}
|
||||
</div>
|
||||
`;
|
||||
}
|
||||
}
|
||||
n = new WeakMap(), l = new WeakSet(), _ = function(t) {
|
||||
n = new WeakMap(), h = new WeakSet(), T = function(t) {
|
||||
if (!t)
|
||||
return "";
|
||||
return !1;
|
||||
let e = this.getHREF(t);
|
||||
return e === "" || !window.location.href.endsWith(e) ? "" : "aria-current='page'";
|
||||
}, m = function() {
|
||||
return u(this, n) ? "hidden" : "";
|
||||
return !(e === "" || !window.location.href.endsWith(e));
|
||||
};
|
||||
customElements.define(A, k);
|
||||
customElements.define(F, k);
|
||||
export {
|
||||
k as FilterList,
|
||||
S as XSLTParseProcess
|
||||
$ as XSLTParseProcess
|
||||
};
|
||||
|
||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user