various ui improvements, including a new sequence nav component and a new kabbalah detail view

This commit is contained in:
2026-05-28 18:19:13 -07:00
parent c423f1191d
commit 1433ec1495
17 changed files with 2274 additions and 120 deletions
+15 -2
View File
@@ -19,6 +19,9 @@
"elements",
"iching",
"kabbalah",
"kabbalah-worlds",
"kabbalah-paths",
"kabbalah-cross",
"kabbalah-tree",
"cube",
"alphabet",
@@ -109,9 +112,12 @@
const isElementsOpen = activeSection === "elements";
const isIChingOpen = activeSection === "iching";
const isKabbalahOpen = activeSection === "kabbalah";
const isKabbalahWorldsOpen = activeSection === "kabbalah-worlds";
const isKabbalahPathsOpen = activeSection === "kabbalah-paths";
const isKabbalahCrossOpen = activeSection === "kabbalah-cross";
const isKabbalahTreeOpen = activeSection === "kabbalah-tree";
const isCubeOpen = activeSection === "cube";
const isKabbalahMenuOpen = isKabbalahOpen || isKabbalahTreeOpen || isCubeOpen;
const isKabbalahMenuOpen = isKabbalahOpen || isKabbalahWorldsOpen || isKabbalahPathsOpen || isKabbalahCrossOpen || isKabbalahTreeOpen || isCubeOpen;
const isAlphabetOpen = activeSection === "alphabet";
const isAlphabetLettersOpen = activeSection === "alphabet-letters";
const isAlphabetTextOpen = activeSection === "alphabet-text";
@@ -137,6 +143,9 @@
setHidden(elements.elementsSectionEl, !isElementsOpen);
setHidden(elements.ichingSectionEl, !isIChingOpen);
setHidden(elements.kabbalahSectionEl, !isKabbalahOpen);
setHidden(elements.kabbalahWorldsSectionEl, !isKabbalahWorldsOpen);
setHidden(elements.kabbalahPathsSectionEl, !isKabbalahPathsOpen);
setHidden(elements.kabbalahCrossSectionEl, !isKabbalahCrossOpen);
setHidden(elements.kabbalahTreeSectionEl, !isKabbalahTreeOpen);
setHidden(elements.cubeSectionEl, !isCubeOpen);
setHidden(elements.alphabetSectionEl, !isAlphabetOpen);
@@ -168,6 +177,10 @@
setPressed(elements.openElementsEl, isElementsOpen);
setPressed(elements.openIChingEl, isIChingOpen);
setPressed(elements.openKabbalahEl, isKabbalahMenuOpen);
toggleActive(elements.openKabbalahSephirotEl, isKabbalahOpen);
toggleActive(elements.openKabbalahWorldsEl, isKabbalahWorldsOpen);
toggleActive(elements.openKabbalahPathsEl, isKabbalahPathsOpen);
toggleActive(elements.openKabbalahCrossEl, isKabbalahCrossOpen);
toggleActive(elements.openKabbalahTreeEl, isKabbalahTreeOpen);
toggleActive(elements.openKabbalahCubeEl, isCubeOpen);
setPressed(elements.openAlphabetEl, isAlphabetMenuOpen);
@@ -249,7 +262,7 @@
return;
}
if (isKabbalahOpen || isKabbalahTreeOpen) {
if (isKabbalahOpen || isKabbalahWorldsOpen || isKabbalahPathsOpen || isKabbalahCrossOpen || isKabbalahTreeOpen) {
ensure.ensureKabbalahSection?.(magickDataset);
return;
}