From 27feb1302304eede3cdc58ffde5ce8e0f0019da4 Mon Sep 17 00:00:00 2001
From: Hsieh Chin Fan <pham@topo.tw>
Date: Sun, 29 Sep 2024 21:01:03 +0800
Subject: feat: add submenu for map/block/layout switching

* Add general classes into MenuItem
* Use MutationObserver for data-mode
* Automatically unfocus other maps when one is focused

TODO:

* hover effect on submenu item doesn't work, why?
* shorcuts hint in selector ".folder.menu-item" not looks great
---
 src/dumbyUtils.mjs | 9 ++-------
 1 file changed, 2 insertions(+), 7 deletions(-)

(limited to 'src/dumbyUtils.mjs')

diff --git a/src/dumbyUtils.mjs b/src/dumbyUtils.mjs
index cfac00b..140d671 100644
--- a/src/dumbyUtils.mjs
+++ b/src/dumbyUtils.mjs
@@ -1,17 +1,12 @@
 export function focusNextMap(reverse = false) {
-  const renderedList = Array.from(
-    this.htmlHolder.querySelectorAll('[data-render=fulfilled]'),
-  );
+  const renderedList = this.utils.renderedMaps();
+
   const mapNum = renderedList.length;
   if (mapNum === 0) return;
 
   // Get current focused map element
   const currentFocus = this.container.querySelector('.mapclay.focus');
 
-  // Remove class name of focus for ALL candidates
-  // This may trigger animation
-  renderedList.forEach(ele => ele.classList.remove('focus'));
-
   // Get next existing map element
   const padding = reverse ? -1 : 1;
   let nextIndex = currentFocus
-- 
cgit v1.2.3-70-g09d2