Files
kgpz_web/views/assets/scripts.js
Simon Martens 58df7cc1cb XSLT examlpe
2024-12-28 08:15:55 +01:00

42 lines
1.4 KiB
JavaScript

const p = "[xslt-onload]", T = "xslt-template", i = "xslt-transformed";
function a(c) {
let o = document.querySelectorAll(p);
for (let e of o) {
if (e.getAttribute(i) === "true")
continue;
let r = e.getAttribute(T), t = htmx.find("#" + r);
if (t) {
let l = t.innerHTML ? new DOMParser().parseFromString(t.innerHTML, "application/xml") : t.contentDocument, s = new XSLTProcessor();
s.importStylesheet(l);
let n = new DOMParser().parseFromString(e.innerHTML, "application/xml"), m = s.transformToFragment(n, document), u = new XMLSerializer().serializeToString(m);
e.innerHTML = u, e.setAttribute(i, !0);
} else
throw new Error("Unknown XSLT template: " + r);
}
}
function d() {
a(), htmx.on("htmx:load", a), document.querySelectorAll("template[simple]").forEach((o) => {
let e = o.getAttribute("id"), r = o.content;
customElements.define(
e,
class extends HTMLElement {
constructor() {
super(), this.appendChild(r.cloneNode(!0)), this.slots = this.querySelectorAll("slot");
}
connectedCallback() {
let t = [];
this.slots.forEach((l) => {
let s = l.getAttribute("name"), n = this.querySelector(`[slot="${s}"]`);
n && (l.replaceWith(n.cloneNode(!0)), t.push(n));
}), t.forEach((l) => {
l.remove();
});
}
}
);
});
}
export {
d as setup
};