REFA: provided an HTMLElement ToggleVisibility

src/context/generalHelpers.js

@@ -79,40 +79,41 @@ class ObjectAccessObject {
 }
 
 
-
+function toggleElementVisibility(element, ensureHidden = false) {
-/**
+    element.classList.toggle("compel-mech-hidden");
- * 
- * @param {string} autocompelSelector 
- * @returns {boolean} for true element is now hidden and false it is not hidden.
- */
-function toggleElementVisibility(autocompelSelector, ensureHidden = false) {
-    /**
-     * @type {HTMLElement}
-     */
-    let el = document.querySelector(autocompelSelector);
-    let name = el.getAttribute("data-autocompel");
-
-    console.log("De-/hiding", name, autocompelSelector);
-    console.log(el);
-
-
-    el.classList.toggle("compel-mech-hidden");
 
     let isNowHidden = false;
 
-    if (el.hasAttribute("hidden")) {
+    if (element.hasAttribute("hidden")) {
-        el.removeAttribute("hidden");
+        element.removeAttribute("hidden");
-        el.style["display"] = "flex";
+        element.style["display"] = "flex";
         isNowHidden = false;
     } else {
-        el.setAttribute("hidden", "hidden");
+        element.setAttribute("hidden", "hidden");
-        el.style.removeProperty("display");
+        element.style.removeProperty("display");
         isNowHidden = true;
     }
 
     if (ensureHidden && !isNowHidden) {
-        return toggleElementVisibility(autocompelSelector)
+        return toggleSelectorElementVisibility(selector)
     } else {
         return isNowHidden;
     }
 }
+
+/**
+ * 
+ * @param {string} selector 
+ * @returns {boolean} for true element is now hidden and false it is not hidden.
+ */
+function toggleSelectorElementVisibility(selector, ensureHidden = false) {
+    /**
+     * @type {HTMLElement}
+     */
+    let el = document.querySelector(selector);
+    let name = el.getAttribute("data-autocompel");
+
+    console.log("De-/hiding", name, selector);
+
+    return toggleElementVisibility(el, ensureHidden);
+}