expose useToggleDisplay, minor changes

Oksydan · Oct 23, 2023 · c386157 · c386157
1 parent a4ea6ee
commit c386157
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 6 deletions.
diff --git a/_dev/js/theme/windowExpose.js b/_dev/js/theme/windowExpose.js
@@ -7,6 +7,7 @@ import useHttpPayloadDefinition from "../utils/http/useHttpPayloadDefinition";
 import { isElementVisible, each, DOMReady, parseToHtml } from '../utils/DOM/DOMHelpers';
 import { getAllSiblingsBeforeElement, getAllSiblingsAfterElement } from '../utils/DOM/DOMSelectorsHelper';
 import { fromSerializeObject, fromSerialize, formSerializeArray } from '../utils/form/formSerialize';
+import useToggleDisplay from "../utils/display/useToggleDisplay";
 
 exposeToWindow('eventHandlerOn', on);
 exposeToWindow('eventHandlerOne', one);
@@ -25,4 +26,4 @@ exposeToWindow('getAllSiblingsAfterElement', getAllSiblingsAfterElement);
 exposeToWindow('fromSerializeObject', fromSerializeObject);
 exposeToWindow('fromSerialize', fromSerialize);
 exposeToWindow('formSerializeArray', formSerializeArray);
-
+exposeToWindow('useToggleDisplay', useToggleDisplay);
diff --git a/_dev/js/utils/display/useToggleDisplay.js b/_dev/js/utils/display/useToggleDisplay.js
@@ -1,14 +1,12 @@
-const useToggleDisplay = () => {
-  const D_NONE_CLASS = 'd-none';
-
+const useToggleDisplay = (hideClass = 'd-none') => {
   /**
     * Show element
     * @param element {HTMLElement} Element to show
     * @returns {void}
     */
   const show = (element) => {
     element.style.display = '';
-    element.classList.remove(D_NONE_CLASS);
+    element.classList.remove(hideClass);
   };
 
   /**
@@ -18,7 +16,7 @@ const useToggleDisplay = () => {
     */
   const hide = (element) => {
     element.style.display = '';
-    element.classList.add(D_NONE_CLASS);
+    element.classList.add(hideClass);
   };
 
   /**