@dskripchenko/ui 1.10.0 → 1.11.0

package/dist/components/Breadcrumb/UidBreadcrumb.vue.d.ts

@@ -10,10 +10,32 @@ export interface UidBreadcrumbProps {
     collapse?: boolean;
     /** `collapse` mode: the "…" is a button that opens a menu of the collapsed crumbs. Set `false` for a plain "…". */
     collapseMenu?: boolean;
+    /**
+     * `collapse` mode: when even "first › … › current" does not fit, the first
+     * crumb collapses into the "…" as well, leaving "… › current". The current
+     * crumb stays visible and truncates with an ellipsis.
+     */
+    collapseFirst?: boolean;
+    /**
+     * `collapse` mode: an extra element whose width changes re-measure the trail.
+     * The trail always watches its own `<nav>` and its parent element; pass an
+     * ancestor here when the parent is itself sized by its content (e.g. a flex
+     * item without `flex-grow` in a toolbar), so the trail expands again when the
+     * room around it grows. A string is a CSS selector matched with `closest()`
+     * from the `<nav>`.
+     */
+    container?: HTMLElement | string | null;
 }
 /**
  * Lay every crumb out at its natural width, then hide middle crumbs (second
- * one first) until the rest plus the "…" fits the list.
+ * one first) until the rest plus the "…" fits the list. With `collapseFirst`
+ * the first crumb goes too when "first › … › current" still does not fit.
+ *
+ * While measuring nothing in the trail shrinks, so the list gets the room its
+ * container can give a full trail: the measured width is the available one
+ * even when the trail's parent is sized by its content. Siblings that shrink
+ * to make room for a full trail take that room back once it collapses, so the
+ * collapsed trail is checked once more and folds further while it overflows.
  */
 declare function recompute(): Promise<void>;
 declare function __VLS_template(): {
@@ -40,6 +62,8 @@ declare const __VLS_component: import('vue').DefineComponent<UidBreadcrumbProps,
     nowrap: boolean;
     collapse: boolean;
     collapseMenu: boolean;
+    collapseFirst: boolean;
+    container: HTMLElement | string | null;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     navRef: HTMLElement;
     listRef: HTMLOListElement;