@jsenv/navi 0.29.146 → 0.29.148

package/dist/jsenv_navi.js

@@ -17086,7 +17086,7 @@ const useActionAsyncData = (action, {
 }) => {
   const loadingRef = useContext(LoadingContext);
   if (!loadingRef) {
-    throw new Error("Missing <Loading>");
+    throw new Error(`Missing <Loading>: useAsyncData delegates the wait, so it needs a <Loading> boundary above it — or "loading: true" to draw that wait here.`);
   }
   useOnLoad(action, onLoad);
 
@@ -31192,7 +31192,9 @@ const createDisplayedEvent = (ancestor, becauseAncestorOpened) => {
  * 5. The element focused before the container opened
  *
  * [navi-autofocus="restore"] appears in step 1 only: it never claims focus on
- * a fresh open, it only gets it back.
+ * a fresh open, it only gets it back. Unless a caller says the arrival is not a
+ * fresh open but the answer to a press aimed at that very control — see
+ * findFocusTarget's `restoreMayClaim`.
  *
  * A ladder that comes back empty — a container holding nothing focusable yet —
  * places no focus, and says so on the container ([navi-autofocus-unplaced]),
@@ -31340,9 +31342,19 @@ const markAutofocusRestoreOnClose = (
  *   it, so landing there scrolls whatever comes before it out of sight.
  *   transferFocus turns this on by itself wherever the keyboard is a virtual
  *   one — see the reasoning there.
+ * @param {boolean} [options.restoreMayClaim]
+ *   Lets `navi-autofocus="restore"` claim the focus like a plain `autoFocus`.
+ *   Its "never on a fresh open" is about a surface APPEARING — a sheet whose
+ *   field must not raise a phone's keyboard by opening. A press aimed at the
+ *   very control being handed the focus is not that: it IS the ask, and
+ *   refusing it leaves the focus on the button that was pressed. Only
+ *   "restore" is freed; "last-resort" still waits its turn.
  * @returns {{target: HTMLElement, reason: string}|undefined}
  */
-const findFocusTarget = (containerEl, { skipFirstFocusable } = {}) => {
+const findFocusTarget = (
+  containerEl,
+  { skipFirstFocusable, restoreMayClaim } = {},
+) => {
   // Not while there is anything else: what takes the focus only for want of
   // anything better ("last-resort") and what only takes it back ("restore").
   // Neither is dropped, both are simply tried later — step 3 below for the
@@ -31359,8 +31371,15 @@ const findFocusTarget = (containerEl, { skipFirstFocusable } = {}) => {
   const isHiddenFromAssistiveTech = (element) =>
     Boolean(element.closest?.(`[aria-hidden="true"]`));
 
-  const skip = (element) =>
-    isRestorableAutofocus(element) || isHiddenFromAssistiveTech(element);
+  const skip = (element) => {
+    if (isHiddenFromAssistiveTech(element)) {
+      return true;
+    }
+    if (restoreMayClaim) {
+      return element.getAttribute("navi-autofocus") === "last-resort";
+    }
+    return isRestorableAutofocus(element);
+  };
 
   // Every mark, not just the first: a mark is only worth stopping at if it
   // leads somewhere focusable. One inside a screen waiting its turn (an inert
@@ -31606,8 +31625,44 @@ const retryWhenPlaceable = (
   };
 };
 
+/**
+ * Focuses `element` the way navi focuses anything: without the browser's
+ * scroll-into-view, and showing a ring only when the user is on the keyboard.
+ *
+ * Both are decisions, not details. The scroll reads geometry a layout effect
+ * may still be deciding. And whether a ring shows belongs to the modality of
+ * what asked for this — a press with a finger or a mouse must not leave an
+ * outline nobody asked for, a movement asked for with a key must — never to
+ * the fact that the call came from code, which is all the browser can see. An
+ * editable target outranks the modality: someone about to type has to see
+ * where.
+ *
+ * So a bare `element.focus()` is the thing to avoid, in navi and in an app
+ * using it: it answers "who" and leaves "is this visible" to the browser.
+ *
+ * @param {HTMLElement} element
+ * @param {object} [options]
+ * @param {boolean} [options.focusVisible] Decides the ring instead of the
+ *   modality — for a caller that knows better than the last interaction does
+ *   (a transfer speaking for the gesture that opened a container, say).
+ * @param {boolean} [options.preventScroll=true] Pass false to let the browser
+ *   scroll the element into view.
+ */
+const moveFocusTo = (
+  element,
+  { focusVisible, preventScroll = true } = {},
+) => {
+  element.focus({
+    preventScroll,
+    focusVisible:
+      focusVisible === undefined
+        ? isKeyboardModality() || isEditableTarget(element)
+        : focusVisible,
+  });
+};
+
 const focusTransferTarget = (target, focusVisible) => {
-  target.focus({ preventScroll: true, focusVisible });
+  moveFocusTo(target, { focusVisible });
   if (target.hasAttribute("navi-autofocus-select")) {
     target.select();
     // Keep the beginning of the text visible instead of scrolling to the end
@@ -44562,40 +44617,43 @@ installImportMetaCssBuild(import.meta);/**
  * a switch that moves when you flip it: the finger that opened the search has
  * to travel to close it again. Out here, the same pixel does both.
  *
- * Nothing is unmounted. Two elements that never coexist have nothing to
- * interpolate between, so both sides stay mounted at all times and only their
- * share of the middle moves: the collapsed slot falls to zero width and turns
- * inert — unreachable by finger and by keyboard — while what was typed in it
- * survives the round trip.
- *
- * Neither control ever reflows during the movement. Each one is laid out at
- * the full width of the middle (`100cqw` of the stage, which is a query
- * container) whatever its slot currently measures, so the slot uncovers a
- * finished control instead of squeezing a live one — text never rewraps
- * mid-swap, and a collapsed control is not a zero-width column of stacked
- * words silently setting the row's height.
- *
- * The row has ONE height, and everything in it is that tall: the caps because
- * they are squares of it, the two controls because they are stretched to it.
- * Nothing is measured — a height read off the controls could only come back
- * through a resize observer, and a cap made square with `aspect-ratio` never
- * reads it anyway (on a flex item stretched to its line, the main size is
- * resolved from content first). It is a length, `--navi-control-swap-size`,
- * defaulting to the height of a navi control at its default padding; a row of
- * roomier controls says so once, there.
+ * Nothing is unmounted, and nothing is resized. Two elements that never
+ * coexist have nothing to interpolate between, so both controls stay mounted
+ * and laid out at all times, side by side on a track twice the width of the
+ * middle; the track slides, and one control pushes the other out under the cap
+ * it belongs to. A share of the middle traded between two shrinking boxes
+ * gives a wipe instead — each control squeezed live, text rewrapping under the
+ * movement, and nothing that reads as one thing arriving over another.
+ *
+ * The control without the floor is off the middle rather than gone: `inert`,
+ * so no finger and no Tab reaches it, and holding what was typed in it for the
+ * round trip back.
+ *
+ * The row has ONE height, and everything in it is that tall: the caps are
+ * squares of it, the controls are given it. Nothing is measured — a height
+ * read off the controls could only come back through a resize observer, and a
+ * cap made square with `aspect-ratio` never reads it anyway (on a flex item
+ * stretched to its line, the main size is resolved from content first). It is
+ * a length, `--navi-control-swap-size`, and it is the only thing to say to
+ * make the row thinner or thicker.
  */
 const css$O = /* css */`.navi_control_swap {
-  --x-control-swap-size: var(--navi-control-swap-size, calc(var(--navi-control-line-height) + 2 *
-          var(--navi-control-padding-y-default) + 2 *
+  font-size: var(--navi-control-font-size);
+  --x-control-swap-size: var(--navi-control-swap-size, calc(var(--navi-control-line-height) + 2 * var(--navi-s) + 2 *
           var(--navi-control-border-width)));
+  --x-control-swap-gap: var(--navi-control-swap-gap, var(--navi-xs));
   height: var(--x-control-swap-size);
   align-items: stretch;
+  gap: var(--x-control-swap-gap);
 
   & > .navi_control_swap_cap {
-    flex: 0 0 var(--x-control-swap-size);
+    --button-background-color: var(--navi-surface-color);
+    aspect-ratio: 1;
+    flex: none;
     justify-content: center;
-    align-self: stretch;
     align-items: center;
+    min-width: 0;
+    height: 100%;
     position: relative;
 
     & .navi_control_swap_badge {
@@ -44612,51 +44670,43 @@ const css$O = /* css */`.navi_control_swap {
   }
 
   & > .navi_control_swap_stage {
-    flex-direction: row;
+    overflow-clip-margin: var(--navi-focus-outline-width);
     flex: 1 1 0;
     min-width: 0;
     display: flex;
+    overflow: clip;
     container-type: inline-size;
+  }
+
+  & > .navi_control_swap_stage > .navi_control_swap_track {
+    gap: var(--x-control-swap-gap);
+    flex-direction: row;
+    flex: none;
+    height: 100%;
+    display: flex;
 
     & > .navi_control_swap_slot {
-      flex: 1 1 0;
-      min-width: 0;
+      flex: 0 0 100cqw;
       display: flex;
-      overflow: hidden;
 
-      & > .navi_control_swap_control {
-        flex-direction: column;
-        flex: none;
-        justify-content: center;
-        width: 100cqw;
-        display: flex;
-
-        & > * {
-          width: 100%;
-        }
-      }
-
-      &[data-collapsed] {
-        flex-grow: 0;
-      }
-
-      &[data-pinned="end"] {
-        justify-content: flex-end;
+      & > * {
+        width: 100%;
+        height: 100%;
       }
     }
   }
 
-  &[data-settled] > .navi_control_swap_stage > .navi_control_swap_slot:not([data-collapsed]) {
-    overflow: visible;
+  &[data-active-index="1"] > .navi_control_swap_stage > .navi_control_swap_track {
+    transform: translateX(calc(-100cqw - var(--x-control-swap-gap)));
   }
 
-  &[data-animation] > .navi_control_swap_stage > .navi_control_swap_slot {
-    transition: flex-grow var(--navi-control-swap-animation-duration, .22s)
+  &[data-animation] > .navi_control_swap_stage > .navi_control_swap_track {
+    transition: transform var(--navi-control-swap-animation-duration, .22s)
         ease;
   }
 
   @media (prefers-reduced-motion: reduce) {
-    &[data-animation] > .navi_control_swap_stage > .navi_control_swap_slot {
+    &[data-animation] > .navi_control_swap_stage > .navi_control_swap_track {
       transition: none;
     }
   }
@@ -44681,13 +44731,14 @@ const css$O = /* css */`.navi_control_swap {
  *   side's name back into it whenever a press swaps it. Excludes `value`.
  * @param onChange - Called with the name of the side taking the floor, and the
  *   press that gave it.
- * @param animation - On by default: the two slots trade their share of the
- *   middle over `--navi-control-swap-animation-duration` (0.22s). `false`
- *   swaps them in one frame; `prefers-reduced-motion` does too.
- *
- * The row is one length tall — `--navi-control-swap-size`, the height of a navi
- * control at its default padding — and the caps are squares of it. Controls
- * with a padding of their own need that length said once, here.
+ * @param animation - On by default: the track slides from one control to the
+ *   other over `--navi-control-swap-animation-duration` (0.22s). `false` puts
+ *   it there in one frame; `prefers-reduced-motion` does too.
+ *
+ * The row is one length tall — `--navi-control-swap-size`, a line of text
+ * between two `s` paddings — and everything in it is that tall: the caps are
+ * squares of it, the control holding the floor fills it. `--navi-control-swap-gap`
+ * is the space between the boxes.
  */
 const ControlSwap = props => {
   import.meta.css = [css$O, "@jsenv/navi/src/control/control_swap/control_swap.jsx"];
@@ -44718,16 +44769,12 @@ const ControlSwap = props => {
   const slotIdPrefix = useId();
   const activeNameRef = useRef(activeName);
   activeNameRef.current = activeSide.name;
-
-  // The movement is over and the slots are where they belong (see the CSS).
-  const [settled, setSettled] = useState(true);
   const swapTo = (name, event) => {
     if (name === activeNameRef.current) {
       return;
     }
     activeNameRef.current = name;
     setActiveName(name);
-    setSettled(!animation);
     if (signal) {
       signal.value = name;
     }
@@ -44758,16 +44805,9 @@ const ControlSwap = props => {
   useLayoutEffect(() => {
     if (isFirstActiveRunRef.current) {
       isFirstActiveRunRef.current = false;
-      return undefined;
-    }
-    const activeSlot = slotRefs[activeIndex].current;
-    focusWithTheFloor(activeSlot, activeSide, capRefs[activeIndex].current);
-    if (!animation) {
-      return undefined;
+      return;
     }
-    return whenTransitionSettles(activeSlot, () => {
-      setSettled(true);
-    });
+    focusWithTheFloor(slotRefs[activeIndex].current, activeSide, capRefs[activeIndex].current);
   }, [activeSide.name]);
 
   // Both caps do the same thing, and it is the reason they sit outside the
@@ -44781,7 +44821,7 @@ const ControlSwap = props => {
     baseClassName: "navi_control_swap",
     role: "group",
     "data-animation": animation ? "" : undefined,
-    "data-settled": settled ? "" : undefined,
+    "data-active-index": activeIndex,
     ...rest,
     children: [jsx(ControlSwapCap, {
       ref: capRefs[0],
@@ -44791,18 +44831,16 @@ const ControlSwap = props => {
       onPress: swapOnPress
     }), jsx("div", {
       className: "navi_control_swap_stage",
-      children: sides.map((side, index) => jsx("div", {
-        ref: slotRefs[index],
-        id: `${slotIdPrefix}_${index}`,
-        className: "navi_control_swap_slot",
-        "data-pinned": index === 0 ? "start" : "end",
-        "data-collapsed": side === activeSide ? undefined : "",
-        inert: side === activeSide ? undefined : true,
-        children: jsx("div", {
-          className: "navi_control_swap_control",
-          children: side.children
-        })
-      }, side.name))
+      children: jsx("div", {
+        className: "navi_control_swap_track",
+        children: sides.map((side, index) => jsx("div", {
+          ref: slotRefs[index],
+          id: `${slotIdPrefix}_${index}`,
+          className: "navi_control_swap_slot",
+          inert: index === activeIndex ? undefined : true,
+          children: side.control
+        }, side.name))
+      })
     }), jsx(ControlSwapCap, {
       ref: capRefs[1],
       side: sides[1],
@@ -44815,7 +44853,8 @@ const ControlSwap = props => {
 
 /**
  * One of the two controls, and the cap that speaks for it. Declarative: the row
- * reads these and draws the caps at its ends, the controls between them.
+ * reads these and draws the caps at its ends, the controls between them. The
+ * props below say what the side IS; every other prop describes its cap.
  *
  * @type {import("ignore:preact").FunctionComponent<{
  *   name?: string,
@@ -44824,6 +44863,7 @@ const ControlSwap = props => {
  *   badge?: boolean | import("ignore:preact").ComponentChildren,
  *   autoFocus?: boolean,
  *   children?: import("ignore:preact").ComponentChildren,
+ *   [key: string]: any,
  * }>}
  * @param name - How `value`/`signal`/`onChange` name this side. Its position
  *   ("0" or "1") by default.
@@ -44835,10 +44875,17 @@ const ControlSwap = props => {
  *   doing something (a filter set, a search typed). `true` draws a dot;
  *   anything else is drawn as given (a `<BadgeCount>`, say).
  * @param autoFocus - On by default: the focus goes into this control when it
- *   takes the floor (its `[autofocus]` element, or the first focusable one).
- *   `false` leaves it on the cap that was pressed — for a control one reads
- *   before writing in, or a phone where the keyboard must not rise yet. Never
- *   on mount, whatever the setting.
+ *   takes the floor, where navi's ladder puts it — an `autoFocus` inside the
+ *   control first, its first focusable otherwise. `false` leaves it on the cap
+ *   that was pressed, for a control one reads before writing in (and, on a
+ *   phone, for a keyboard that must not rise). Never on mount, whatever the
+ *   setting.
+ *
+ * Anything else — `data-testid`, `variant`, `backgroundColor`, `color`, an
+ * `aria-describedby` — goes to the cap, which is a `<Button>`. It is the one
+ * element of the row an application does not render, so nothing else can name
+ * it or dress it; the control it stands for is a vnode of the caller's own and
+ * takes its props directly.
  */
 const ControlSwapSide = () => null;
 const ControlSwapCap = ({
@@ -44851,19 +44898,25 @@ const ControlSwapCap = ({
   const {
     icon,
     label,
-    badge
-  } = side;
+    badge,
+    ...capProps
+  } = side.capProps;
   return jsxs(Button, {
-    ref: ref,
-    className: "navi_control_swap_cap",
-    variant: "discrete",
     icon: true,
+    pressEffect: "none",
     "aria-label": label,
+    ...capProps,
+    ref: ref
+    // After the caller's props, all of them: the class is what the row's own
+    // CSS reaches for, and the rest is the wiring that makes the cap a cap.
+    ,
+
+    className: capProps.className ? `navi_control_swap_cap ${capProps.className}` : "navi_control_swap_cap",
     "aria-expanded": active,
     "aria-controls": slotId,
     onClick: onPress,
     children: [jsx(Icon, {
-      width: "60%",
+      width: "50%",
       square: true,
       children: icon
     }), badge ? jsx("span", {
@@ -44880,13 +44933,20 @@ const readSides = children => {
     if (!child || child.type !== ControlSwapSide) {
       continue;
     }
+    // What is left over once the side's own vocabulary is taken out describes
+    // the cap: the control is a vnode the caller wrote and dresses itself, so
+    // the cap is the only thing in the row left to describe.
     const {
       name,
-      ...rest
+      autoFocus,
+      children: control,
+      ...capProps
     } = child.props;
     sides.push({
       name: name === undefined ? String(sides.length) : name,
-      ...rest
+      autoFocus,
+      control,
+      capProps
     });
   }
   return sides;
@@ -44894,33 +44954,40 @@ const readSides = children => {
 
 // The floor moved: the press that gave it landed on a cap, and what one wants
 // next is the control that just arrived — typing into the search field one just
-// opened, not pressing its icon again. So the focus follows the floor into the
-// control, unless the side refused it, and lands on the cap otherwise: whatever
-// the newly collapsed slot held is inert now and was dropped to the document
-// body by the browser, so it must go somewhere.
-const focusWithTheFloor = (activeSlot, activeSide, activeCap) => {
-  if (activeSide.autoFocus !== false) {
-    const elementToFocus = findElementToFocus(activeSlot);
-    if (elementToFocus) {
-      elementToFocus.focus();
+// opened, not pressing its icon again.
+//
+// WHERE inside is navi's own ladder (findFocusTarget): an `autoFocus` in the
+// control's own content first, the first focusable otherwise, a last resort
+// after that. Two of the ladder's reflexes are turned off here, and it is the
+// same reason both times — they are about a surface APPEARING, and this is a
+// press aimed at the control being handed the focus:
+// - the first focusable is kept even where the pointer is coarse (an arriving
+//   popup drops it so a virtual keyboard does not rise over what it just
+//   showed, see docs/autofocus.md); pressing a cap to reach a field is asking
+//   for that keyboard;
+// - `autoFocus="restore"` may claim it, though it means "never on a fresh
+//   open". A field marked that way so its sheet opens quietly would otherwise
+//   leave the focus on the magnifier that was pressed to reach it.
+// A side one reads before writing in says `autoFocus={false}`.
+const focusWithTheFloor = (arrivingSlot, arrivingSide, arrivingCap) => {
+  if (arrivingSide.autoFocus !== false) {
+    const found = findFocusTarget(arrivingSlot, {
+      restoreMayClaim: true
+    });
+    if (found) {
+      moveFocusTo(found.target);
       return;
     }
   }
+  // Whatever the leaving slot held is inert and off the window now, so the
+  // browser dropped its focus to the document body: it has to land somewhere,
+  // and the cap of the side taking over is where the gesture was.
   const {
     activeElement
   } = document;
   if (!activeElement || activeElement === document.body) {
-    activeCap.focus();
-  }
-};
-const findElementToFocus = slot => {
-  const autofocusElement = slot.querySelector("[autofocus]");
-  if (autofocusElement) {
-    return autofocusElement;
+    moveFocusTo(arrivingCap);
   }
-  return findAfter(slot, elementIsFocusable, {
-    root: slot
-  });
 };
 
 const DEFAULT_VALIDITY_STATE = { valid: true, reported: null };
@@ -79532,5 +79599,5 @@ const UserSvg = () => jsx("svg", {
   })
 });
 
-export { ActionRenderer, ActiveKeyboardShortcuts, Address, Badge, BadgeCount, BadgeList, Binder, Box, Button, ButtonCopyToClipboard, CalloutStatusIcon, Caption, CardLayout, CheckSvg, CheckboxGroup, CloseSvg, Code, Col, Colgroup, Color, ConstructionSvg, ControlGroup, ControlSwap, DaySpin, Details, Dialog, Editable, ErrorBoundary, ErrorBoundaryContext, ExclamationSvg, Expandable, EyeClosedSvg, EyeSvg, Field, FixedBar, Form, Group, Head, HeartSvg, HomeSvg, Icon, Image, InfoSvg, Input, InputDuration, Interpolate, Label, Link, LinkAnchorSvg, LinkBlankTargetSvg, LinkCurrentSvg, List, ListItem, ListItemGroup, ListItems, Loading, LoadingDotsSvg, LoadingIndicator, LoadingIndicatorFluid, LoadingOutline, MessageBox, Meter, Nav, NaviDebug, NumberSpin, OfflineError, Paragraph, Picker, Popover, Popup, Quantity, RadioGroup, Route, RouteTransitionArea, RouteTravel, RowNumberCol, RowNumberTableCell, SVGMaskOverlay, SearchSvg, Select, SelectableInput, SelectionContext, Separator, SettingsSvg, SidePanel, Slide, SlideContainer, Spin, SpinGroup, SplitButton, StarSvg, Step, StepList, SummaryMarker, Svg, Table, TableCell, Tbody, Text, TextBox, Textarea, TextareaCharCount, Thead, Time, TimeRange, TimeRangeSpin, TimeRangeWheel, TimeSpin, TimeWheel, Title, Tr, UITransition, Unit, UserSvg, ViewportLayout, Wheel, WheelGroup, WheelItem, actionRunEffect, anyMatchingRouteSignal, applySearch, arraySignalMembership, canNavBackSignal, canNavForwardSignal, coarsePointerSignal, compareTwoJsValues, constraintFromValidityRule, createAction, createAvailableConstraint, createI18n, createRequestCanceller, createSearch, createSelectionKeyboardShortcuts, createSlot, defineInteractionDetector, defineRouteDefaultTransition, defineRouteTransition, detectHorizontalOverflow, enableDebugActions, enableDebugOnDocumentLoading, ensureDocumentStartViewTransition, errorIsDisplayed, filterTableSelection, formatDatetime, formatDay, formatDayRelative, formatMonth, formatNumber, formatTime, formatTimeRelative, getNowHours, getNowHoursRoundedToStep, interpolateText, isCellSelected, isColumnSelected, isOfflineError, isRowSelected, isScrolling, isToday, languagesSignal, localStorageSignal, markErrorAsDisplayedBy, moveArrayItemByIndex, navBack, navForward, navIntegratedVia, navTo, naviI18n, openCallout, rawUrlPart, registerGlobalConstraint, reload, rerunActions, resource, route, routeAction, scrollActivitySignal, setBaseUrl, setNetworkPolicy, setPreferredLanguage, setSupportedLanguages, setUrlTargetOptions, setupRoutes, smallTouchScreenSignal, stateSignal, stopLoad, stringifyTableSelectionValue, swapArrayItemByIndex, syncOwnedResourceToSignals, syncResourceToSignals, triggerNaviCommand, updateActions, useActionStatus, useArraySignalMembership, useAsyncData, useCalloutElement, useCalloutRequestClose, useCanNavBack, useCanNavForward, useCancelPrevious, useCellGridFromRows, useConstraintValidityState, useDependenciesDiff, useDisplayedLayoutEffect, useDocumentResource, useDocumentState, useDocumentUrl, useEditionController, useFocusGroup, useInputGroup, useKeyboardShortcuts, useNavState, useNetworkPolicyReason, useOrderedColumns, usePopupMode, useRouteStatus, useSearchText, useSelectableElement, useSelectionController, useSignalSync, useSlideContainer, useSlideValue, useStateArray, useTitleLevel, useUrlSearchParam, useUrlTargetId, valueInLocalStorage, windowWidthSignal };
+export { ActionRenderer, ActiveKeyboardShortcuts, Address, Badge, BadgeCount, BadgeList, Binder, Box, Button, ButtonCopyToClipboard, CalloutStatusIcon, Caption, CardLayout, CheckSvg, CheckboxGroup, CloseSvg, Code, Col, Colgroup, Color, ConstructionSvg, ControlGroup, ControlSwap, DaySpin, Details, Dialog, Editable, ErrorBoundary, ErrorBoundaryContext, ExclamationSvg, Expandable, EyeClosedSvg, EyeSvg, Field, FixedBar, Form, Group, Head, HeartSvg, HomeSvg, Icon, Image, InfoSvg, Input, InputDuration, Interpolate, Label, Link, LinkAnchorSvg, LinkBlankTargetSvg, LinkCurrentSvg, List, ListItem, ListItemGroup, ListItems, Loading, LoadingDotsSvg, LoadingIndicator, LoadingIndicatorFluid, LoadingOutline, MessageBox, Meter, Nav, NaviDebug, NumberSpin, OfflineError, Paragraph, Picker, Popover, Popup, Quantity, RadioGroup, Route, RouteTransitionArea, RouteTravel, RowNumberCol, RowNumberTableCell, SVGMaskOverlay, SearchSvg, Select, SelectableInput, SelectionContext, Separator, SettingsSvg, SidePanel, Slide, SlideContainer, Spin, SpinGroup, SplitButton, StarSvg, Step, StepList, SummaryMarker, Svg, Table, TableCell, Tbody, Text, TextBox, Textarea, TextareaCharCount, Thead, Time, TimeRange, TimeRangeSpin, TimeRangeWheel, TimeSpin, TimeWheel, Title, Tr, UITransition, Unit, UserSvg, ViewportLayout, Wheel, WheelGroup, WheelItem, actionRunEffect, anyMatchingRouteSignal, applySearch, arraySignalMembership, canNavBackSignal, canNavForwardSignal, coarsePointerSignal, compareTwoJsValues, constraintFromValidityRule, createAction, createAvailableConstraint, createI18n, createRequestCanceller, createSearch, createSelectionKeyboardShortcuts, createSlot, defineInteractionDetector, defineRouteDefaultTransition, defineRouteTransition, detectHorizontalOverflow, enableDebugActions, enableDebugOnDocumentLoading, ensureDocumentStartViewTransition, errorIsDisplayed, filterTableSelection, formatDatetime, formatDay, formatDayRelative, formatMonth, formatNumber, formatTime, formatTimeRelative, getNowHours, getNowHoursRoundedToStep, interpolateText, isCellSelected, isColumnSelected, isOfflineError, isRowSelected, isScrolling, isToday, languagesSignal, localStorageSignal, markErrorAsDisplayedBy, moveArrayItemByIndex, moveFocusTo, navBack, navForward, navIntegratedVia, navTo, naviI18n, openCallout, rawUrlPart, registerGlobalConstraint, reload, rerunActions, resource, route, routeAction, scrollActivitySignal, setBaseUrl, setNetworkPolicy, setPreferredLanguage, setSupportedLanguages, setUrlTargetOptions, setupRoutes, smallTouchScreenSignal, stateSignal, stopLoad, stringifyTableSelectionValue, swapArrayItemByIndex, syncOwnedResourceToSignals, syncResourceToSignals, triggerNaviCommand, updateActions, useActionStatus, useArraySignalMembership, useAsyncData, useCalloutElement, useCalloutRequestClose, useCanNavBack, useCanNavForward, useCancelPrevious, useCellGridFromRows, useConstraintValidityState, useDependenciesDiff, useDisplayedLayoutEffect, useDocumentResource, useDocumentState, useDocumentUrl, useEditionController, useFocusGroup, useInputGroup, useKeyboardShortcuts, useNavState, useNetworkPolicyReason, useOrderedColumns, usePopupMode, useRouteStatus, useSearchText, useSelectableElement, useSelectionController, useSignalSync, useSlideContainer, useSlideValue, useStateArray, useTitleLevel, useUrlSearchParam, useUrlTargetId, valueInLocalStorage, windowWidthSignal };
 //# sourceMappingURL=jsenv_navi.js.map