@jsenv/navi 0.26.9 → 0.26.11

package/dist/jsenv_navi.js

@@ -6279,11 +6279,15 @@ const FLOW_PROPS = {
   inline: () => {},
   block: () => {},
   flex: () => {},
+  flexWrap: applyToCssPropWhenTruthy("flexWrap", "wrap", "nowrap"),
   grid: () => {},
   gridTemplateColumns: PASS_THROUGH,
   display: PASS_THROUGH, // in case people write "display: none" (even if hidden prop is recommended)
   row: () => {},
   column: () => {},
+
+  // not really related to flow but should be on the container element if any
+  pointerEvents: PASS_THROUGH,
 };
 const OUTER_SPACING_PROPS = {
   margin: PASS_THROUGH,
@@ -6567,6 +6571,7 @@ const TYPO_PROPS = {
   capitalize: applyToCssPropWhenTruthy("textTransform", "capitalize", "none"),
   uppercase: applyToCssPropWhenTruthy("textTransform", "uppercase", "none"),
   lowercase: applyToCssPropWhenTruthy("textTransform", "lowercase", "none"),
+  letterSpacing: PASS_THROUGH,
 };
 const VISUAL_PROPS = {
   outline: PASS_THROUGH,
@@ -6585,10 +6590,15 @@ const VISUAL_PROPS = {
   borderRight: PASS_THROUGH,
   borderBottom: PASS_THROUGH,
   borderWidth: PASS_THROUGH,
-  borderRadius: PASS_THROUGH,
   borderColor: PASS_THROUGH,
   borderStyle: PASS_THROUGH,
+  borderRadius: PASS_THROUGH,
+  borderTopLeftRadius: PASS_THROUGH,
+  borderTopRightRadius: PASS_THROUGH,
+  borderBottomLeftRadius: PASS_THROUGH,
+  borderBottomRightRadius: PASS_THROUGH,
   opacity: PASS_THROUGH,
+  visibility: PASS_THROUGH,
   filter: PASS_THROUGH,
   cursor: PASS_THROUGH,
   transition: PASS_THROUGH,
@@ -14463,14 +14473,37 @@ const debug$1 = (...args) => {
 // - route    → RouteLeafRoute (rendered by parent container when URL matches)
 // - fallback → RouteActive (rendered by parent container when no sibling matches)
 const Route = props => {
-  if (props.children) return jsx(RouteContainer, {
-    ...props
-  });
+  if (props.children) {
+    return jsx(RouteContainer, {
+      ...props
+    });
+  }
   return jsx(RouteLeaf, {
     ...props
   });
 };
-
+// RouteContainer: traverses children statically per render, finds the active branch,
+// and renders only that branch — or the fallback if nothing matches.
+// No effects, no signals, no contexts needed: reads route signals directly.
+const RouteContainer = ({
+  id,
+  element,
+  elementProps,
+  children
+}) => {
+  const {
+    activeBranch
+  } = collectBranches(children);
+  debug$1(`[container "${id}"] RENDER, active=${activeBranch ? activeBranch.type : "none"}`);
+  const content = activeBranch ? activeBranch.node : null;
+  if (!content) {
+    return null;
+  }
+  if (element) {
+    return h(element, elementProps, content);
+  }
+  return content;
+};
 // Walk JSX children vnodes (without rendering) to build a branch list and
 // find the active one in the same pass.
 // All children must be <Route> — throws in dev otherwise.
@@ -14540,52 +14573,34 @@ const collectBranches = children => {
     activeBranch
   };
 };
-// RouteContainer: traverses children statically per render, finds the active branch,
-// and renders only that branch — or the fallback if nothing matches.
-// No effects, no signals, no contexts needed: reads route signals directly.
-const RouteContainer = ({
-  id,
-  element,
-  elementProps,
-  children
-}) => {
-  const {
-    activeBranch
-  } = collectBranches(children);
-  debug$1(`[container "${id}"] RENDER, active=${activeBranch ? activeBranch.type : "none"}`);
-  const content = activeBranch ? activeBranch.node : null;
-  if (!content) {
-    return null;
+const RouteLeaf = props => {
+  if (props.route) {
+    return jsx(RouteLeafRoute, {
+      ...props
+    });
   }
-  if (element) {
-    return h(element, elementProps, content);
+  if (props.fallback) {
+    return jsx(RouteLeafFallback, {
+      ...props
+    });
   }
-  return content;
-};
-const RouteLeaf = props => {
-  if (props.route) return jsx(RouteLeafRoute, {
-    ...props
-  });
-  if (props.fallback) return jsx(RouteLeafFallback, {
-    ...props
-  });
   // not supposed to happen?
-  return jsx(RouteActive, {
+  return jsx(RouteUI, {
     ...props
   });
 };
 const RouteLeafRoute = props => {
   useUITransitionContentId(props.route?.urlPattern);
-  return jsx(RouteActive, {
+  return jsx(RouteUI, {
     ...props
   });
 };
 const RouteLeafFallback = props => {
-  return jsx(RouteActive, {
+  return jsx(RouteUI, {
     ...props
   });
 };
-const RouteActive = ({
+const RouteUI = ({
   element,
   elementProps
 }) => {
@@ -14596,15 +14611,18 @@ const RouteActive = ({
 };
 
 const routeAction = (
-  route,
+  routeOrRoutes,
   action,
   paramsEffect = () => true,
   options = {},
 ) => {
+  const routeMatchingSignal = Array.isArray(routeOrRoutes)
+    ? anyMatchingRouteSignal(routeOrRoutes)
+    : routeOrRoutes.matchingSignal;
   const actionBoundToRoute = actionRunEffect(
     action,
     () => {
-      const matching = route.matchingSignal.value;
+      const matching = routeMatchingSignal.value;
       const params = paramsEffect();
       if (!matching) {
         return null;
@@ -14617,6 +14635,31 @@ const routeAction = (
   return actionBoundToRoute;
 };
 
+// I delibrately prefer the term "any" and avoid "some" so dev are not tempted to think
+// "well I could just use array.some" and bypass this helper entirely, which would be incorrect:
+// This helper does return if some/any route is matching but ensure all route matching signals are read (subscribed to)
+// array.some would return as soon as it finds a match and would not subscribe to the rest of the signals.
+const anyMatchingRouteSignal = (routes) => {
+  if (routes.length === 0) {
+    return signal(false);
+  }
+  if (routes.length === 1) {
+    const [route] = routes;
+    return route.matchingSignal;
+  }
+  const anyMatchingSignal = computed(() => {
+    let someMatching;
+    for (const route of routes) {
+      const matching = route.matchingSignal.value;
+      if (matching) {
+        someMatching = true;
+      }
+    }
+    return someMatching;
+  });
+  return anyMatchingSignal;
+};
+
 const FormContext = createContext();
 
 const FormActionContext = createContext();
@@ -37843,5 +37886,5 @@ const UserSvg = () => jsx("svg", {
   })
 });
 
-export { ActionRenderer, ActiveKeyboardShortcuts, Address, Badge, BadgeCount, Box, Button, ButtonCopyToClipboard, Caption, CheckSvg, Checkbox, CheckboxList, CloseSvg, Code, Col, Colgroup, ConstructionSvg, Details, Dialog, DialogLayout, Editable, ErrorBoundary, ErrorBoundaryContext, ExclamationSvg, EyeClosedSvg, EyeSvg, Form, Group, Head, HeartSvg, HomeSvg, Icon, Image, Input, Interpolate, Label, Link, LinkAnchorSvg, LinkBlankTargetSvg, LinkCurrentSvg, List, ListItem, ListItemFooter, ListItemGroup, ListItemHeader, Loading, MessageBox, Meter, Nav, NaviDebug, Paragraph, Popover, Quantity, QuantityIntl, Radio, RadioList, Route, RowNumberCol, RowNumberTableCell, SVGMaskOverlay, SearchSvg, Select, SelectionContext, Separator, SettingsSvg, SidePanel, StarSvg, SummaryMarker, Svg, Table, TableCell, Tbody, Text, Thead, Title, Tr, UITransition, UserSvg, ViewportLayout, actionIntegratedVia, actionRunEffect, addCustomMessage, applySearch, arraySignalMembership, compareTwoJsValues, createAction, createAvailableConstraint, createIntl, createRequestCanceller, createSearch, createSelectionKeyboardShortcuts, enableDebugActions, enableDebugOnDocumentLoading, filterTableSelection, forwardActionRequested, installCustomConstraintValidation, isCellSelected, isColumnSelected, isRowSelected, localStorageSignal, navBack, navForward, navTo, openCallout, rawUrlPart, reload, removeCustomMessage, requestAction, requestListClose, requestListOpen, rerunActions, resource, route, routeAction, setBaseUrl, setupRoutes, stateSignal, stopLoad, stringifyTableSelectionValue, syncOwnedResourceToSignals, syncResourceToSignals, updateActions, useActionStatus, useArraySignalMembership, useAsyncData, useCalloutClose, useCancelPrevious, useCellGridFromRows, useConstraintValidityState, useDependenciesDiff, useDisplayedLayoutEffect, useDocumentResource, useDocumentState, useDocumentUrl, useEditionController, useFocusGroup, useKeyboardShortcuts, useNavState, useOrderedColumns, useRouteStatus, useRunOnMount, useSearchText, useSelectRequestClose, useSelectableElement, useSelectionController, useSidePanelClose, useSignalSync, useStateArray, useTitleLevel, useUrlSearchParam, valueInLocalStorage, windowWidthSignal };
+export { ActionRenderer, ActiveKeyboardShortcuts, Address, Badge, BadgeCount, Box, Button, ButtonCopyToClipboard, Caption, CheckSvg, Checkbox, CheckboxList, CloseSvg, Code, Col, Colgroup, ConstructionSvg, Details, Dialog, DialogLayout, Editable, ErrorBoundary, ErrorBoundaryContext, ExclamationSvg, EyeClosedSvg, EyeSvg, Form, Group, Head, HeartSvg, HomeSvg, Icon, Image, Input, Interpolate, Label, Link, LinkAnchorSvg, LinkBlankTargetSvg, LinkCurrentSvg, List, ListItem, ListItemFooter, ListItemGroup, ListItemHeader, Loading, MessageBox, Meter, Nav, NaviDebug, Paragraph, Popover, Quantity, QuantityIntl, Radio, RadioList, Route, RowNumberCol, RowNumberTableCell, SVGMaskOverlay, SearchSvg, Select, SelectionContext, Separator, SettingsSvg, SidePanel, StarSvg, SummaryMarker, Svg, Table, TableCell, Tbody, Text, Thead, Title, Tr, UITransition, UserSvg, ViewportLayout, actionIntegratedVia, actionRunEffect, addCustomMessage, anyMatchingRouteSignal, applySearch, arraySignalMembership, compareTwoJsValues, createAction, createAvailableConstraint, createIntl, createRequestCanceller, createSearch, createSelectionKeyboardShortcuts, enableDebugActions, enableDebugOnDocumentLoading, filterTableSelection, forwardActionRequested, installCustomConstraintValidation, isCellSelected, isColumnSelected, isRowSelected, localStorageSignal, navBack, navForward, navTo, openCallout, rawUrlPart, reload, removeCustomMessage, requestAction, requestListClose, requestListOpen, rerunActions, resource, route, routeAction, setBaseUrl, setupRoutes, stateSignal, stopLoad, stringifyTableSelectionValue, syncOwnedResourceToSignals, syncResourceToSignals, updateActions, useActionStatus, useArraySignalMembership, useAsyncData, useCalloutClose, useCancelPrevious, useCellGridFromRows, useConstraintValidityState, useDependenciesDiff, useDisplayedLayoutEffect, useDocumentResource, useDocumentState, useDocumentUrl, useEditionController, useFocusGroup, useKeyboardShortcuts, useNavState, useOrderedColumns, useRouteStatus, useRunOnMount, useSearchText, useSelectRequestClose, useSelectableElement, useSelectionController, useSidePanelClose, useSignalSync, useStateArray, useTitleLevel, useUrlSearchParam, valueInLocalStorage, windowWidthSignal };
 //# sourceMappingURL=jsenv_navi.js.map