update ui webp export

app/ui-section-state.js

@@ -7,6 +7,7 @@
     "calendar",
     "holidays",
     "tarot",
+    "tarot-house",
     "astronomy",
     "planets",
     "cycles",
@@ -88,6 +89,8 @@
     const isHolidaysOpen = activeSection === "holidays";
     const isCalendarMenuOpen = isTimelineOpen || isCalendarOpen || isHolidaysOpen;
     const isTarotOpen = activeSection === "tarot";
+    const isTarotHouseOpen = activeSection === "tarot-house";
+    const isTarotMenuOpen = isTarotOpen || isTarotHouseOpen;
     const isAstronomyOpen = activeSection === "astronomy";
     const isPlanetOpen = activeSection === "planets";
     const isCyclesOpen = activeSection === "cycles";
@@ -113,6 +116,7 @@
     setHidden(elements.calendarSectionEl, !isCalendarOpen);
     setHidden(elements.holidaySectionEl, !isHolidaysOpen);
     setHidden(elements.tarotSectionEl, !isTarotOpen);
+    setHidden(elements.tarotHouseSectionEl, !isTarotHouseOpen);
     setHidden(elements.astronomySectionEl, !isAstronomyOpen);
     setHidden(elements.planetSectionEl, !isPlanetOpen);
     setHidden(elements.cyclesSectionEl, !isCyclesOpen);
@@ -137,7 +141,8 @@
     toggleActive(elements.openCalendarTimelineEl, isTimelineOpen);
     toggleActive(elements.openCalendarMonthsEl, isCalendarOpen);
     toggleActive(elements.openHolidaysEl, isHolidaysOpen);
-    setPressed(elements.openTarotEl, isTarotOpen);
+    setPressed(elements.openTarotEl, isTarotMenuOpen);
+    toggleActive(elements.openTarotHouseEl, isTarotHouseOpen);
     config.tarotSpreadUi?.applyViewState?.();
     setPressed(elements.openAstronomyEl, isAstronomyMenuOpen);
     toggleActive(elements.openPlanetsEl, isPlanetOpen);
@@ -185,6 +190,11 @@
       return;
     }
 
+    if (isTarotHouseOpen) {
+      ensure.ensureTarotSection?.(referenceData, magickDataset);
+      return;
+    }
+
     if (isPlanetOpen) {
       ensure.ensurePlanetSection?.(referenceData, magickDataset);
       return;