@schalkneethling/miyagi-core 4.4.2 → 4.4.3

package/frontend/assets/js/_goto.js

@@ -1,63 +1,63 @@
 import { goto as gotoIsTriggered } from "./_is-triggered.js";
 
 document.addEventListener("DOMContentLoaded", () => {
-	const GOTO = document.querySelector(".GoTo");
-	let isOpen = false;
-
-	if (GOTO) {
-		const URL_PATTERN = GOTO.dataset.urlPattern;
-		const INPUT = GOTO.querySelector(".GoTo-input");
-		const DATA_LIST = GOTO.querySelector("#goto-list");
-
-		if (INPUT && DATA_LIST) {
-			const VALUES = Array.from(DATA_LIST.querySelectorAll("option")).map(
-				(el) => el.value,
-			);
-
-			INPUT.addEventListener("input", ({ target }) => {
-				const VALUE = target.value;
-
-				if (VALUES.includes(VALUE)) {
-					document.location.href = URL_PATTERN.replace("{{component}}", VALUE);
-				}
-			});
-
-			window.addEventListener("keyup", (e) => {
-				const { path, originalTarget, target, key } = e;
-
-				if (key) {
-					const el = path ? path[0] : originalTarget || target;
-					const lowerCasedKey = key.toLowerCase();
-
-					if (gotoIsTriggered(el, lowerCasedKey)) {
-						openGoto(GOTO, INPUT);
-					} else if (isOpen && lowerCasedKey === "escape") {
-						closeGoto(GOTO, INPUT);
-					}
-				}
-			});
-			window.addEventListener("gotoTriggered", () => openGoto(GOTO, INPUT));
-		}
-	}
-
-	/**
-	 * @param {HTMLFormElement} goto
-	 * @param {HTMLInputElement} input
-	 */
-	function openGoto(goto, input) {
-		goto.classList.remove("u-hiddenVisually");
-		input.focus();
-		isOpen = true;
-	}
-
-	/**
-	 * @param {HTMLFormElement} goto
-	 * @param {HTMLInputElement} input
-	 */
-	function closeGoto(goto, input) {
-		GOTO.classList.add("u-hiddenVisually");
-		input.value = "";
-		input.blur();
-		isOpen = false;
-	}
+  const GOTO = document.querySelector(".GoTo");
+  let isOpen = false;
+
+  if (GOTO) {
+    const URL_PATTERN = GOTO.dataset.urlPattern;
+    const INPUT = GOTO.querySelector(".GoTo-input");
+    const DATA_LIST = GOTO.querySelector("#goto-list");
+
+    if (INPUT && DATA_LIST) {
+      const VALUES = Array.from(DATA_LIST.querySelectorAll("option")).map(
+        (el) => el.value,
+      );
+
+      INPUT.addEventListener("input", ({ target }) => {
+        const VALUE = target.value;
+
+        if (VALUES.includes(VALUE)) {
+          document.location.href = URL_PATTERN.replace("{{component}}", VALUE);
+        }
+      });
+
+      window.addEventListener("keyup", (e) => {
+        const { path, originalTarget, target, key } = e;
+
+        if (key) {
+          const el = path ? path[0] : originalTarget || target;
+          const lowerCasedKey = key.toLowerCase();
+
+          if (gotoIsTriggered(el, lowerCasedKey)) {
+            openGoto(GOTO, INPUT);
+          } else if (isOpen && lowerCasedKey === "escape") {
+            closeGoto(GOTO, INPUT);
+          }
+        }
+      });
+      window.addEventListener("gotoTriggered", () => openGoto(GOTO, INPUT));
+    }
+  }
+
+  /**
+   * @param {HTMLFormElement} goto
+   * @param {HTMLInputElement} input
+   */
+  function openGoto(goto, input) {
+    goto.classList.remove("u-hiddenVisually");
+    input.focus();
+    isOpen = true;
+  }
+
+  /**
+   * @param {HTMLFormElement} goto
+   * @param {HTMLInputElement} input
+   */
+  function closeGoto(goto, input) {
+    GOTO.classList.add("u-hiddenVisually");
+    input.value = "";
+    input.blur();
+    isOpen = false;
+  }
 });

package/frontend/assets/js/_iframe-links.js

@@ -1,19 +1,19 @@
 export default (links) => {
-	if (parent.window) {
-		const linkClass = "Component-file";
+  if (parent.window) {
+    const linkClass = "Component-file";
 
-		links.forEach((link) => {
-			link.addEventListener("click", (e) => {
-				const el = e.target.closest(`.${linkClass}`);
+    links.forEach((link) => {
+      link.addEventListener("click", (e) => {
+        const el = e.target.closest(`.${linkClass}`);
 
-				history.replaceState(null, null, el.href); // see http://www.webdeveasy.com/back-button-behavior-on-a-page-with-an-iframe/
+        history.replaceState(null, null, el.href); // see http://www.webdeveasy.com/back-button-behavior-on-a-page-with-an-iframe/
 
-				parent.window.dispatchEvent(
-					new CustomEvent("pageChanged", {
-						detail: encodeURI(el.getAttribute("href")),
-					}),
-				);
-			});
-		});
-	}
+        parent.window.dispatchEvent(
+          new CustomEvent("pageChanged", {
+            detail: encodeURI(el.getAttribute("href")),
+          }),
+        );
+      });
+    });
+  }
 };

package/frontend/assets/js/_is-triggered.js

@@ -1,9 +1,9 @@
 export const search = (target, key) => {
-	return !checkIfTriggeredElementWasFormElement(target.tagName) && key === "f";
+  return !checkIfTriggeredElementWasFormElement(target.tagName) && key === "f";
 };
 
 export const goto = (target, key) => {
-	return !checkIfTriggeredElementWasFormElement(target.tagName) && key === "g";
+  return !checkIfTriggeredElementWasFormElement(target.tagName) && key === "g";
 };
 
 /**
@@ -11,5 +11,5 @@ export const goto = (target, key) => {
  * @returns {boolean}
  */
 function checkIfTriggeredElementWasFormElement(tagName) {
-	return ["INPUT", "SELECT", "TEXTAREA"].includes(tagName);
+  return ["INPUT", "SELECT", "TEXTAREA"].includes(tagName);
 }