Szybki commit bo zmieniam komputer

assets/js/akordeon.js

@@ -1,25 +1,29 @@
-document.addEventListener("DOMContentLoaded", () => {
-    const akordeony = document.getElementsByClassName("akordeon");
-    for (const akordeon of akordeony) {
-        if (akordeon.children.length < 2) {
-            console.warn("Na stronie jest niepoprawnie skonfigurowany akordeon!")
-            continue;
-        }
-        const pierworodny = akordeon.children[0];
-        const nowy = document.createElement("div")
-        nowy.className = "akordeon-header";
-
-        nowy.onclick = () => {
-            const otwarte = akordeon.classList.contains("open");
-            akordeon.classList.remove(otwarte ? "open": "closed");
-            akordeon.classList.add(otwarte ? "closed" : "open");
-            for (const dziecko of akordeon.children) {
-                if (dziecko != nowy) {
-                    dziecko.style.display = otwarte ? "" : "none";
-                }
-            }
-        }
-        akordeon.replaceChild(nowy, pierworodny)
-        nowy.append(pierworodny)
+class Akordeon extends HTMLElement {
+    constructor() {
+        super();
+        this._internals = this.attachInternals();
     }
-})
+    
+    get collapsed() {
+        return this._internals.states.has("hidden");
+    }
+
+    set collapsed(flag) {
+        if (flag) {
+            // Existence of identifier corresponds to "true"
+            this._internals.states.add("hidden");
+        } else {
+            // Absence of identifier corresponds to "false"
+            this._internals.states.delete("hidden");
+        }
+    }
+
+    connecterCallback() {
+    }
+
+    attributeChangedCallback(atrybut, poprzednio, obecnie) {
+
+    }
+}
+
+customElements.define("akordeon", Akordeon);