flexdesk 0.15.0 → 0.15.2

package/README.md

@@ -283,7 +283,9 @@ what a tile's factory returned. To draw the page's levels, call
 `renderBreadcrumb(container, segments)` from `@flexdesk/wm`, with
 `segments = [{ label, icon?, onClick? }]`. It uses the tile breadcrumb's
 markup, so it looks the same, and each `onClick` is yours: the last segment,
-and any without `onClick`, is drawn as plain text.
+and any without `onClick`, is drawn as plain text. The current segment's item
+carries `aria-current="page"`, and every label has a `title` with its full text,
+so a label your CSS truncates still reads whole (0.15.1).
 
 ### Column sizing
 

package/dist/widgets.js

@@ -560,6 +560,7 @@ function createAlertLog({ source = null, limit = 300 } = {}) {
 
 // src/ui/components/alerts_pane.js
 var CHIPS = [["all", "All"], ["alert", "Alert"], ["warning", "Warning"], ["info", "Info"]];
+var MORE_WITHIN_PX = 48;
 function mountAlertsPane(host, {
   log,
   onOpen = null,
@@ -803,6 +804,16 @@ function mountAlertsPane(host, {
     q = input.value;
     paint();
   });
+  let loadingMore = false;
+  list.addEventListener("scroll", () => {
+    if (loadingMore || !log.hasMore()) return;
+    if (list.scrollTop + list.clientHeight < list.scrollHeight - MORE_WITHIN_PX) return;
+    loadingMore = true;
+    Promise.resolve(log.loadMore()).catch(() => {
+    }).finally(() => {
+      loadingMore = false;
+    });
+  });
   const unsubscribe = log.subscribe(() => paint());
   const timer = setInterval(paint, 6e4);
   paint();
@@ -7183,6 +7194,7 @@ export {
   HelpModal,
   ISO_DATE,
   ISO_DATETIME,
+  MORE_WITHIN_PX,
   ManagedWindow,
   NotificationCenter,
   NotificationHistory,