flexdesk 0.15.0 → 0.15.1

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/wm.js

@@ -3154,14 +3154,16 @@ function _renderInto(container, segments) {
     const isLast = i === segments.length - 1;
     if (isLast || !seg.onClick) {
       li.classList.add("twm-topbar-breadcrumb__item--current");
+      li.setAttribute("aria-current", "page");
       li.innerHTML = `
                 <span class="material-symbols-outlined twm-topbar-breadcrumb__icon">${_esc5(seg.icon)}</span>
-                <span class="twm-topbar-breadcrumb__current">${_esc5(seg.label)}</span>
+                <span class="twm-topbar-breadcrumb__current" title="${_esc5(seg.label)}">${_esc5(seg.label)}</span>
             `;
     } else {
       const btn = document.createElement("button");
       btn.className = "twm-topbar-breadcrumb__link";
       btn.type = "button";
+      btn.title = String(seg.label ?? "");
       btn.innerHTML = `
                 <span class="material-symbols-outlined twm-topbar-breadcrumb__icon">${_esc5(seg.icon)}</span>
                 <span>${_esc5(seg.label)}</span>