var ue = Object.defineProperty;
var O = (a) => {
throw TypeError(a);
};
var me = (a, i, e) => i in a ? ue(a, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[i] = e;
var m = (a, i, e) => me(a, typeof i != "symbol" ? i + "" : i, e), T = (a, i, e) => i.has(a) || O("Cannot " + e);
var C = (a, i, e) => (T(a, i, "read from private field"), e ? e.call(a) : i.get(a)), p = (a, i, e) => i.has(a) ? O("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(a) : i.set(a, e), g = (a, i, e, t) => (T(a, i, "write to private field"), t ? t.call(a, e) : i.set(a, e), e), b = (a, i, e) => (T(a, i, "access private method"), e);
class pe extends HTMLElement {
constructor() {
super(), this._value = "", this.render();
}
static get observedAttributes() {
return ["data-text", "data-queryparam", "data-value"];
}
set value(i) {
this.setAttribute("data-value", i);
}
get value() {
return this.getAttribute("data-value") || "";
}
set text(i) {
this.setAttribute("data-text", i);
}
get text() {
return this.getAttribute("data-text") || "";
}
set queryparam(i) {
this.setAttribute("data-queryparam", i);
}
get queryparam() {
return this.getAttribute("data-queryparam") || "";
}
connectedCallback() {
this._filter = this.text, this._queryparam = this.queryparam, this.render(), htmx.process(this);
}
attributeChangedCallback(i, e, t) {
e !== t && (i === "data-text" && (this._filter = t), i === "data-queryparam" && (this._queryparam = t), i === "data-value" && (this._value = t), this.render());
}
getURL() {
if (this._queryparam) {
let i = new URL(window.location), e = new URLSearchParams(i.search);
return e.delete(this._queryparam), e.delete("page"), i.search = e.toString(), i.toString();
}
return "#";
}
render() {
this.innerHTML = `
`;
}
}
const E = "filter-list-list", _e = "filter-list-item", fe = "filter-list-input", B = "filter-list-searchable";
var d, f, M;
class ge extends HTMLElement {
constructor() {
super();
p(this, f);
p(this, d, !1);
this._items = [], this._url = "", this._filterstart = !1, this._placeholder = "Liste filtern...", this._queryparam = "", this._startparams = null, this.render();
}
static get observedAttributes() {
return ["data-url"];
}
set items(e) {
Array.isArray(e) && (this._items = e, this.render());
}
get items() {
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._queryparam = this.getAttribute("data-queryparam") || "", this._queryparam, this._filterstart && g(this, d, !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(e, t, s) {
e === "data-url" && t !== s && (this._url = s, this.render()), e === "data-filterstart" && t !== s && (this._filterstart = s === "true", this.render()), e === "data-placeholder" && t !== s && (this._placeholder = s, this.render()), e === "data-queryparam" && t !== s && (this._queryparam = s, this.render());
}
onInput(e) {
e.target && e.target.tagName.toLowerCase() === "input" && (this._filter = e.target.value, this.renderList());
}
onGainFocus(e) {
e.target && e.target.tagName.toLowerCase() === "input" && (g(this, d, !1), this.renderList());
}
onLoseFocus(e) {
let t = this.querySelector("input");
if (e.target && e.target === t) {
if (relatedElement = e.relatedTarget, relatedElement && this.contains(relatedElement))
return;
t.value = "", this._filter = "", this._filterstart && g(this, d, !0), this.renderList();
}
}
onEnter(e) {
if (e.target && e.target.tagName.toLowerCase() === "input" && e.key === "Enter") {
e.preventDefault();
const t = this.querySelector("a");
t && t.click();
}
}
mark() {
if (typeof Mark != "function")
return;
let e = this.querySelector("#" + E);
if (!e)
return;
let t = new Mark(e.querySelectorAll("." + B));
this._filter && t.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(e) {
this.getHREF = e, 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(e) {
this.getLinkText = e, 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(e) {
this.getSearchText = e, this.render();
}
getHREF(e) {
if (e) {
if (!e.id)
return "";
} else return "";
return e.id;
}
getHREFEncoded(e) {
return encodeURIComponent(this.getHREF(e));
}
getSearchText(e) {
if (e) {
if (!e.name)
return "";
} else return "";
return e.name;
}
getLinkText(e) {
let t = this.getSearchText(e);
return t === "" ? "" : `${t}`;
}
getURL(e) {
if (this._queryparam) {
let t = new URL(window.location), s = new URLSearchParams(t.search);
return s.set(this._queryparam, this.getHREF(e)), s.delete("page"), t.search = s.toString(), t.toString();
}
return this._url + this.getHREFEncoded(e);
}
renderList() {
let e = this.querySelector("#" + E);
e && (e.outerHTML = this.List()), this.mark();
}
render() {
this.innerHTML = `
`;
}
List() {
let e = this._items;
if (this._filter)
if (this._filterstart)
e = this._items.filter((t) => this.getSearchText(t).toLowerCase().startsWith(this._filter.toLowerCase()));
else {
let t = this._filter.split(" ");
e = this._items.filter((s) => t.every((n) => this.getSearchText(s).toLowerCase().includes(n.toLowerCase())));
}
return `