minerva-design 1.19.2 → 1.19.3

package/dist/dom/internal/shared-state.d.cts

@@ -0,0 +1,13 @@
+/**
+ * Runtime state shared by every copy of this package loaded in the realm
+ * (the ESM and CJS builds side by side, duplicated bundles...). Stacks and
+ * reference counts kept in plain module variables would split between
+ * copies: e.g. two scroll locks on the same body, each believing it is the
+ * only one, the first release restoring the styles under the second.
+ *
+ * The value is stored on `globalThis` under `Symbol.for("minerva.dom.<key>")`,
+ * created by the first copy that asks for it. Version the key (`"x.v1"`) and
+ * bump it whenever the shape of the state changes, so copies of different
+ * versions never read each other's state with the wrong shape.
+ */
+export declare function sharedState<T>(key: string, init: () => T): T;

package/dist/dom/internal/shared-state.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Runtime state shared by every copy of this package loaded in the realm
+ * (the ESM and CJS builds side by side, duplicated bundles...). Stacks and
+ * reference counts kept in plain module variables would split between
+ * copies: e.g. two scroll locks on the same body, each believing it is the
+ * only one, the first release restoring the styles under the second.
+ *
+ * The value is stored on `globalThis` under `Symbol.for("minerva.dom.<key>")`,
+ * created by the first copy that asks for it. Version the key (`"x.v1"`) and
+ * bump it whenever the shape of the state changes, so copies of different
+ * versions never read each other's state with the wrong shape.
+ */
+export declare function sharedState<T>(key: string, init: () => T): T;

package/dist/taro/{components-R1m1BIE0.js → components-BUS7TwNX.js}

@@ -912,7 +912,7 @@ function Ie({ value: e, defaultValue: t = "", onChange: n, options: r, onSelect:
 					g?.onFocus?.(e), !P && !F && H(!0);
 				},
 				onConfirm: (e) => {
-					g?.onConfirm?.(e), E && ie && re(ie);
+					g?.onConfirm?.(e), Y && !S && E && ie && re(ie);
 				},
 				onChange: (e) => {
 					L(e), H(!0);

package/dist/taro/icons.js

@@ -1,4 +1,4 @@
-import { z as e } from "./components-R1m1BIE0.js";
+import { z as e } from "./components-BUS7TwNX.js";
 import { useMemo as t } from "react";
 import { Image as n } from "@tarojs/components";
 import { jsx as r } from "react/jsx-runtime";

package/dist/taro/index.js

@@ -1,4 +1,4 @@
-import { A as e, B as t, C as n, D as r, E as i, F as a, H as o, I as s, L as c, M as l, N as u, O as d, P as f, R as p, S as m, T as h, U as g, V as _, _ as v, a as y, b, c as x, d as S, f as C, g as w, h as T, i as E, j as D, k as O, l as k, m as A, n as j, o as M, p as N, r as P, s as F, t as I, u as L, v as R, w as z, x as B, y as ee, z as V } from "./components-R1m1BIE0.js";
+import { A as e, B as t, C as n, D as r, E as i, F as a, H as o, I as s, L as c, M as l, N as u, O as d, P as f, R as p, S as m, T as h, U as g, V as _, _ as v, a as y, b, c as x, d as S, f as C, g as w, h as T, i as E, j as D, k as O, l as k, m as A, n as j, o as M, p as N, r as P, s as F, t as I, u as L, v as R, w as z, x as B, y as ee, z as V } from "./components-BUS7TwNX.js";
 import { Children as te, Fragment as ne, cloneElement as re, createContext as ie, forwardRef as H, isValidElement as ae, useContext as oe, useEffect as U, useId as se, useImperativeHandle as ce, useMemo as W, useRef as G, useState as le } from "react";
 import { Canvas as ue, Image as de, Input as fe, Navigator as pe, ScrollView as me, Text as K, Video as he, View as q } from "@tarojs/components";
 import { DEFAULT_PLAYBACK_RATES as ge, DEFAULT_SKIP_SECONDS as _e, activeCueText as ve, addDays as ye, answerSheetLegend as be, answerSheetSections as xe, answerSheetSummary as Se, applyCodeMarks as Ce, captionsPreference as we, clampMediaTime as Te, clampVolume as Ee, closestSliderThumb as De, cn as J, codeLanguageLabel as Oe, computeFixedColumnLayout as ke, dashboardAccent as Ae, dashboardCardMove as je, dashboardCount as Me, dashboardFind as Ne, dashboardInsertIndex as Pe, dashboardLength as Fe, dayKey as Ie, detectCodeLanguage as Le, formatHasSeconds as Re, formatMediaTime as ze, formatPlaybackRate as Be, formatTime as Ve, getColumnCompare as He, getPaginationItems as Ue, getPaginationVisibleRange as We, getSliderKeyValue as Ge, getSliderMarks as Ke, getTabsTabStop as qe, getVirtualRange as Je, highlightCode as Ye, inferMediaType as Xe, isDashboardNoop as Ze, isSafeUrl as Qe, isSliderMarkActive as $e, loadCaptions as et, matchesAccept as tt, matchesShortcut as nt, mediaProgress as rt, monthStart as it, nextPlaybackRate as at, nextSortState as ot, normalizeShortcuts as st, normalizeSliderValue as ct, parseDayKey as lt, parseTimeInput as ut, pickCaptionsTrack as dt, readCaptionsPreference as ft, resolveCodeMarkBackground as pt, resolveSize as mt, resolveTimeFormat as ht, resolveTokens as gt, secondsOfDay as _t, setSliderThumb as vt, sliderPercent as yt, sliderRatioAt as bt, sliderValueFromRatio as xt, sliderValues as St, sliderValuesEqual as Ct, splitCodeMarkLines as wt, startOfToday as Tt, weekStart as Et, writeCaptionsPreference as Dt } from "../core/index.js";

package/dist/taro/monaco.js

@@ -1,4 +1,4 @@
-import { I as e, L as t, t as n } from "./components-R1m1BIE0.js";
+import { I as e, L as t, t as n } from "./components-BUS7TwNX.js";
 import { useEffect as r, useId as i, useRef as a, useState as o } from "react";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/monaco.tsx

package/dist/uni/AutoComplete.vue

@@ -10,6 +10,7 @@ import {
   onBeforeUnmount,
   type CSSProperties,
 } from "vue";
+import { resolveActiveOptionIndex } from "../core/index.js";
 import { useNativeId as useId } from "./native-id.js";
 import { inheritForm } from "./form-context.js";
 import PopoverContent from "./PopoverContent.vue";
@@ -75,7 +76,8 @@ const readOnly = computed(() => props.inputProps?.readOnly ?? props.readOnly);
 const locked = computed(() => disabled.value || readOnly.value);
 const open = ref(false);
 const composing = ref(false);
-const active = ref(-1);
+// Keyboard highlight, by option identity (survives async option updates)
+const focusedValue = ref<string | number | null>(null);
 let blurTimer: ReturnType<typeof setTimeout> | undefined;
 const filtered = computed(() => {
   const result = props.options.filter((o) =>
@@ -102,25 +104,28 @@ const groups = computed(() => {
   return result;
 });
 const ordered = computed(() => groups.value.flatMap((g) => g.options));
-const activeOption = computed(
-  () =>
-    ordered.value[
-      active.value >= 0
-        ? active.value
-        : props.autoHighlight && open.value
-          ? ordered.value.findIndex((o) => !o.disabled)
-          : -1
-    ],
+// Options the keyboard can reach: none while loading (they are hidden).
+const interactive = computed(() => (props.loading ? [] : ordered.value));
+// With autoHighlight the first enabled option is active until the user
+// moves the highlight; a highlight whose option is gone falls back.
+const activeIndex = computed(() =>
+  resolveActiveOptionIndex(
+    interactive.value,
+    focusedValue.value,
+    !!props.autoHighlight && open.value && !locked.value,
+  ),
+);
+const activeOption = computed(() => interactive.value[activeIndex.value]);
+/** Option -> its index in display order (ids for aria-activedescendant) */
+const optionIndex = computed(
+  () => new Map(ordered.value.map((option, index) => [option, index])),
 );
-watch(filtered, () => {
-  active.value = -1;
-});
 function setOpen(value: boolean) {
   if (value && locked.value) return;
   clearTimeout(blurTimer);
   if (open.value !== value) emit("dropdownVisibleChange", value);
   open.value = value;
-  if (!value) active.value = -1;
+  if (!value) focusedValue.value = null;
 }
 watch(locked, (value) => {
   if (value) setOpen(false);
@@ -136,7 +141,7 @@ function change(value: string) {
 function type(value: string) {
   if (locked.value) return;
   change(value);
-  active.value = -1;
+  focusedValue.value = null;
   setOpen(true);
 }
 function choose(option: Option, pointer = false) {
@@ -149,8 +154,7 @@ function choose(option: Option, pointer = false) {
 }
 function confirm() {
   if (locked.value || composing.value) return;
-  if (open.value && activeOption.value && !props.loading)
-    choose(activeOption.value);
+  if (open.value && activeOption.value) choose(activeOption.value);
   else if (current.value.trim()) {
     emit("submit", current.value.trim());
     setOpen(false);
@@ -174,17 +178,17 @@ function keydown(event: KeyboardEvent) {
   } else if (event.key === "ArrowDown" || event.key === "ArrowUp") {
     event.preventDefault();
     setOpen(true);
-    const count = ordered.value.length,
+    const list = interactive.value,
+      count = list.length,
       step = event.key === "ArrowDown" ? 1 : -1;
-    let next = activeOption.value
-      ? ordered.value.indexOf(activeOption.value)
-      : step === 1
-        ? -1
-        : count;
+    // from "nothing focused", ArrowDown starts at the first option and
+    // ArrowUp at the last one
+    let next =
+      activeIndex.value >= 0 ? activeIndex.value : step === 1 ? -1 : count;
     for (let i = 0; i < count; i++) {
       next = (next + step + count) % count;
-      if (!ordered.value[next].disabled) {
-        active.value = next;
+      if (!list[next].disabled) {
+        focusedValue.value = list[next].value;
         break;
       }
     }
@@ -243,6 +247,9 @@ provide<MiniPopoverContext>("minerva:popover", {
       :placeholder="placeholder ?? inputProps?.placeholder"
       role="combobox"
       :aria-expanded="open"
+      :aria-activedescendant="
+        open && activeIndex >= 0 ? `${id}-option-${activeIndex}` : undefined
+      "
       @change="type"
       @focus="setOpen(true)"
       @tap="setOpen(true)"
@@ -291,6 +298,7 @@ provide<MiniPopoverContext>("minerva:popover", {
           <button
             v-for="option in group.options"
             :key="option.value"
+            :id="`${id}-option-${optionIndex.get(option)}`"
             class="mn-option"
             :class="{
               'mn-disabled': option.disabled,