@yuuvis/client-framework 2.19.0 → 2.20.0

package/lib/assets/i18n/ar.json

@@ -15,6 +15,7 @@
   "yuv.action-menu.action.delete.error.default": "تعذر حذف الكائن.",
   "yuv.action-menu.action.download.dms.object.content.description": "تنزيل ملف المستند الخاص بالكائن.",
   "yuv.action-menu.action.download.dms.object.content.label": "تنزيل ملف المستند",
+  "yuv.framework.breadcrumb.nav-label": "مسار التنقل",
   "yuv.clipboard.button.cancel": "إلغاء",
   "yuv.clipboard.button.paste": "لصق",
   "yuv.clipboard.text.copy.multiple": "تم نسخ {{count}} عناصر",
@@ -51,10 +52,10 @@
   "yuv.theme.highContrast.label": "سمة عالية التباين",
   "yuv.calendar.time.label": "الوقت",
   "yuv.form.element.data.grid.add-row.button.tooltip": "إضافة صف",
+  "yuv.form.element.data.grid.add.headline": "إضافة صف جديد",
   "yuv.form.element.data.grid.edit": "تحرير",
   "yuv.form.element.data.grid.edit.add": "إضافة",
   "yuv.form.element.data.grid.edit.cancel": "إلغاء",
-  "yuv.form.element.data.grid.add.headline": "إضافة صف جديد",
   "yuv.form.element.data.grid.edit.headline": "تحرير الصف '{{headline}}'",
   "yuv.form.element.data.grid.noData": "لا توجد بيانات متاحة",
   "yuv.form.element.data.grid.remove": "إزالة",

package/lib/assets/i18n/de.json

@@ -15,6 +15,7 @@
   "yuv.action-menu.action.delete.error.default": "Das Objekt konnte nicht gelöscht werden.",
   "yuv.action-menu.action.download.dms.object.content.description": "Lädt die Dokumentdatei des Objekts herunter.",
   "yuv.action-menu.action.download.dms.object.content.label": "Dokumentdatei herunterladen",
+  "yuv.framework.breadcrumb.nav-label": "Brotkrumen-Navigation",
   "yuv.clipboard.button.cancel": "Abbrechen",
   "yuv.clipboard.button.paste": "Einfügen",
   "yuv.clipboard.text.copy.multiple": "{{count}} Elemente kopiert",
@@ -51,10 +52,10 @@
   "yuv.theme.highContrast.label": "High Contrast Theme",
   "yuv.calendar.time.label": "Uhrzeit",
   "yuv.form.element.data.grid.add-row.button.tooltip": "Zeile hinzufügen",
+  "yuv.form.element.data.grid.add.headline": "Neue Zeile hinzufügen",
   "yuv.form.element.data.grid.edit": "Bearbeiten",
   "yuv.form.element.data.grid.edit.add": "Hinzufügen",
   "yuv.form.element.data.grid.edit.cancel": "Abbrechen",
-  "yuv.form.element.data.grid.add.headline": "Neue Zeile hinzufügen",
   "yuv.form.element.data.grid.edit.headline": "Zeile in '{{headline}}' bearbeiten",
   "yuv.form.element.data.grid.noData": "Keine Daten verfügbar",
   "yuv.form.element.data.grid.remove": "Entfernen",

package/lib/assets/i18n/en.json

@@ -15,6 +15,7 @@
   "yuv.action-menu.action.delete.error.default": "Unable to delete the object.",
   "yuv.action-menu.action.download.dms.object.content.description": "Downloads the document file of the object.",
   "yuv.action-menu.action.download.dms.object.content.label": "Download document file",
+  "yuv.framework.breadcrumb.nav-label": "Breadcrumb",
   "yuv.clipboard.button.cancel": "Cancel",
   "yuv.clipboard.button.paste": "Paste",
   "yuv.clipboard.text.copy.multiple": "{{count}} elements copied",
@@ -51,10 +52,10 @@
   "yuv.theme.highContrast.label": "High contrast theme",
   "yuv.calendar.time.label": "Time",
   "yuv.form.element.data.grid.add-row.button.tooltip": "Add row",
+  "yuv.form.element.data.grid.add.headline": "Add new row",
   "yuv.form.element.data.grid.edit": "Edit",
   "yuv.form.element.data.grid.edit.add": "Add",
   "yuv.form.element.data.grid.edit.cancel": "Cancel",
-  "yuv.form.element.data.grid.add.headline": "Add new row",
   "yuv.form.element.data.grid.edit.headline": "Edit row '{{headline}}'",
   "yuv.form.element.data.grid.noData": "No data available",
   "yuv.form.element.data.grid.remove": "Remove",

package/list/lib/list.component.d.ts

@@ -3,106 +3,318 @@ import { OnDestroy } from '@angular/core';
 import { ListItemDirective } from './list-item.directive';
 import * as i0 from "@angular/core";
 /**
- * Component rendering a simple list of items. It supports keyboard
- * navigation and takes care of accessibility. To create a list just wrap
- * `yuvListItem` elements into this component:
+ * Accessible list component with keyboard navigation, single- and multi-selection,
+ * and flexible delegation of click- and selection-handling to the parent.
  *
+ * The component renders as an ARIA `listbox` and delegates keyboard focus tracking
+ * to Angular CDK's `ActiveDescendantKeyManager`. Content is projected via
+ * `[yuvListItem]`-attributed children (see `ListItemDirective`).
+ *
+ * **Key Features:**
+ * - Single and multi-selection (with Shift / Ctrl modifier support)
+ * - Full keyboard navigation (Arrow keys, Space, Enter, Escape)
+ * - Horizontal and vertical layout via the `horizontal` host attribute
+ * - Auto-selection on initialization via the `autoSelect` input
+ * - Selection guarding via `preventChangeUntil` callback
+ * - Optional delegation of click and selection handling to the parent component
+ * - Accessible: `role="listbox"`, active-descendant focus management, `aria-selected` on items
+ *
+ * **Basic usage:**
  * ```html
- * <yuv-list (itemSelect)="itemSelected($event)">
+ * <yuv-list (itemSelect)="onItemSelect($event)">
  *   <div yuvListItem>Entry #1</div>
  *   <div yuvListItem>Entry #2</div>
  * </yuv-list>
  * ```
+ *
+ * **Multi-selection with Shift/Ctrl:**
+ * ```html
+ * <yuv-list [multiselect]="true" (itemSelect)="onSelect($event)">
+ *   @for (item of items; track item.id) {
+ *     <div yuvListItem>{{ item.label }}</div>
+ *   }
+ * </yuv-list>
+ * ```
+ *
+ * **Host Attributes (set declaratively in the template):**
+ * - `selectOnEnter` — treat the Enter key as a selection trigger (in addition to Space)
+ * - `horizontal` — switch key navigation to left/right arrows instead of up/down
+ *
+ * @example
+ * ```html
+ * <!-- Horizontal list, Enter key selects -->
+ * <yuv-list horizontal selectOnEnter (itemSelect)="onSelect($event)">
+ *   <button yuvListItem>A</button>
+ *   <button yuvListItem>B</button>
+ * </yuv-list>
+ * ```
  */
 export declare class ListComponent implements OnDestroy {
     #private;
-    protected onKeydown(event: KeyboardEvent): void;
-    protected onFocus(): void;
+    /**
+     * All `[yuvListItem]` children projected into this list.
+     *
+     * Queried reactively via `contentChildren` — every time the projected content
+     * changes (items added, removed, or reordered), the `#itemsEffect` re-runs,
+     * rebuilds the key manager, and re-attaches click handlers.
+     */
     items: import("@angular/core").Signal<readonly ListItemDirective[]>;
     /**
-     * Function that returns `true` if selection changes should be prevented.
-     * This can be used to temporarily block selection changes, e.g. while
-     * there is a pending change inside another component that refers to the
-     * current selection.
+     * Guard function that temporarily blocks all selection changes.
+     *
+     * Provide a factory that returns a predicate; as long as that predicate
+     * returns `true`, any attempt to change the selection (via click, keyboard,
+     * or programmatic API) is silently ignored. Useful when the parent has
+     * unsaved changes tied to the current selection and needs to prevent the user
+     * from accidentally navigating away.
+     *
+     * @example
+     * ```ts
+     * // Block selection while a save is in progress
+     * preventChangeUntil = () => () => this.isSaving();
+     * ```
+     *
+     * @default () => false  (never prevents)
      */
     preventChangeUntil: import("@angular/core").InputSignal<() => boolean>;
     /**
-     * If `true`, multiple items can be selected at once.
+     * Enables multi-selection mode.
+     *
+     * When `true`, the user can hold **Shift** to range-select items between the last
+     * selected item and the clicked one, or hold **Ctrl** to toggle individual items
+     * in and out of the selection. The programmatic `multiSelect()` method is also
+     * only effective when this input is `true`.
+     *
      * @default false
      */
     multiselect: import("@angular/core").InputSignal<boolean>;
     /**
-     * If `true`, the component will handle selection itself. This means that
-     * the parent component will be responsible for styling the selected and
-     * focused items. If `false`, the component will take care of visualizing
-     * the selection and focus states.
+     * Delegates visual selection and focus state rendering to the parent component.
+     *
+     * When `false` (default), `yuv-list` applies `.selected` and `.active` CSS classes
+     * to items via `ListItemDirective` signals, so the list stylesheet controls the look.
+     * When `true`, those signals are still updated but the host gets the
+     * `self-handle-selection` CSS class, which the parent can use to opt into its own
+     * visual treatment — useful when item templates have custom selected/focused styling.
+     *
      * @default false
      */
     selfHandleSelection: import("@angular/core").InputSignal<boolean>;
     /**
-     * By default the list handles click events on its items to select them.
-     * If this input is set to `true`, the parent component has to handle
-     * click events itself and call the `select()` method accordingly.
+     * Disables the built-in click-to-select behavior, letting the parent component
+     * decide when `select()` is called.
+     *
+     * By default the list attaches an `onClick` handler to every `ListItemDirective`
+     * that calls `select()` with the correct Shift/Ctrl modifier flags. Set this
+     * input to `true` to suppress that wiring — the parent must then call `select()`
+     * imperatively in response to whatever interaction it chooses (e.g. a single-click
+     * that is distinguished from a double-click by `ClickDoubleDirective`).
      *
-     * If you for example use the `ClickDoubleDirective` on the list items,
-     * you have to set this input to `true` to prevent the list from
-     * selecting items on single click.
      * @default false
      */
     selfHandleClick: import("@angular/core").InputSignal<boolean>;
     /**
-     * If `true`, the list will select an item automatically on initialization.
-     * First, list will search for an item item that has the "selected"-attribute
-     * and is not disabled. If no such item exists, the first item will be selected.
+     * Automatically selects an item when the list is first rendered.
+     *
+     * The selection logic runs once per content-children change (see `#itemsEffect`)
+     * and follows this priority order:
+     * 1. The first non-disabled item that already carries the `selected` attribute.
+     * 2. If no such item exists and `autoSelect` is `true`, the item at index 0.
+     *
+     * Accepts any truthy string value in addition to a real boolean because the
+     * input is also consumable as a plain HTML attribute (`<yuv-list autoSelect>`).
+     *
      * @default false
      */
     autoSelect: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
     /**
-     * Emits the selected items indices.
+     * Emits the current selection as an array of zero-based item indices whenever
+     * the selection changes — via click, keyboard, or programmatic API calls.
+     *
+     * An empty array signals that the selection has been cleared.
+     *
+     * @example
+     * ```ts
+     * onItemSelect(indices: number[]): void {
+     *   this.selectedItems = indices.map(i => this.items[i]);
+     * }
+     * ```
      */
     itemSelect: import("@angular/core").OutputEmitterRef<number[]>;
     /**
-     * Emits the index of the item that has focus.
-     * @type {output<number>}
+     * Emits the zero-based index of the item that received keyboard focus
+     * (i.e. the active descendant managed by `ActiveDescendantKeyManager`).
+     *
+     * Note that focus and selection are independent: navigating with arrow keys
+     * moves focus without changing the selection until Space (or Enter when
+     * `selectOnEnter` is set) is pressed.
      */
     itemFocus: import("@angular/core").OutputEmitterRef<number>;
-    selectOnEnter: boolean;
-    horizontal: boolean;
     /**
-     * If `true`, the list will not allow selection of items.
-     * This is useful for lists that are used for display purposes only.
+     * Puts the list into a display-only mode where no item can be selected.
+     *
+     * When `true`, all selection paths are blocked: clicks, keyboard shortcuts
+     * (`Space`, `Enter`, `Escape`), and programmatic calls to `select()`,
+     * `multiSelect()`, and `clear()` are all no-ops. The list still renders
+     * normally and keyboard navigation still moves the focus indicator.
+     *
+     * @default false
      */
     disableSelection: import("@angular/core").InputSignal<boolean>;
     /**
-     * Sets the active (focused) item by index. This updates the visual focus
-     * indicator and scrolls the item into view, without changing the selection.
+     * When `true`, pressing **Enter** triggers item selection in addition to **Space**.
+     *
+     * Resolved once at construction time from the static `selectOnEnter` host attribute.
+     * Useful in contexts where Enter has a conventional "confirm" meaning (e.g. search
+     * result lists, command palettes).
+     *
+     * Set declaratively in the template: `<yuv-list selectOnEnter>`.
+     */
+    selectOnEnter: boolean;
+    /**
+     * When `true`, switches the `ActiveDescendantKeyManager` to horizontal mode so that
+     * the **Left** / **Right** arrow keys navigate between items instead of **Up** / **Down**.
+     *
+     * Resolved once at construction time from the static `horizontal` host attribute.
+     * The text direction of the document is respected automatically (RTL-aware via CDK
+     * `Directionality`).
+     *
+     * Set declaratively in the template: `<yuv-list horizontal>`.
+     */
+    horizontal: boolean;
+    constructor();
+    ngOnDestroy(): void;
+    /**
+     * Moves keyboard focus to the item at the given index and selects it.
+     *
+     * Combines three operations in one call: updating the CDK key manager's active
+     * descendant (which drives the ARIA active-descendant attribute and the visual focus ring),
+     * selecting the item, and transferring DOM focus to the list host element so that
+     * subsequent keyboard events are processed correctly.
+     *
+     * Safe to call before the key manager is initialized — the guard at the top of
+     * the method prevents errors during early lifecycle phases.
+     *
+     * @param index Zero-based index of the item to activate.
      */
     setActiveItem(index: number): void;
+    /**
+     * Transfers DOM focus to the list host element.
+     *
+     * Calling this ensures that subsequent keyboard events (arrow keys, Space, etc.)
+     * are routed to the list's `(keydown)` handler. Called internally by
+     * `setActiveItem()`, but also useful from the parent when programmatic focus
+     * management is needed (e.g. after closing a dialog that was triggered from a
+     * list item).
+     */
     focus(): void;
+    /**
+     * Smoothly scrolls the list container back to the top.
+     *
+     * Useful after programmatically refreshing the list contents when the user may
+     * have scrolled far down and the new result set should be shown from the beginning.
+     */
     scrollToTop(): void;
     /**
-     * Shift the current selection by the given offset. Used for dynamically
-     * adding items to the list without losing the current selection.
-     * @param offset Number of items to shift the selection by.
+     * Shifts all selected and focused item indices by the given offset.
+     *
+     * Use this when items are prepended or inserted at the beginning of the list so
+     * that the existing selection and keyboard-focus position stay attached to the
+     * same logical items after the index space shifts. A positive offset moves
+     * indices forward (items were inserted before the selection); a negative offset
+     * moves them backward (items were removed before the selection).
+     *
+     * Does **not** emit `itemSelect` — the selection indices change structurally,
+     * not because the user chose different items.
+     *
+     * @param offset Number of positions to shift every selected index by.
      */
     shiftSelectionBy(offset: number): void;
     /**
-     * Select multiple items by their indices.
+     * Programmatically replaces the entire selection with the given indices.
+     *
+     * Only effective when `multiselect` is `true` and `disableSelection` is `false`.
+     * Out-of-range indices are silently discarded. The resulting selection is sorted
+     * ascending before being applied and emitted.
+     *
+     * Use this when the parent needs to restore a previously saved multi-selection
+     * state, e.g. after navigation or on component re-initialization.
+     *
+     * @param index Array of zero-based item indices to select.
      */
     multiSelect(index: number[]): void;
     /**
-     * Selects a single item by its index.
-     * @param index Index of the item to select.
-     * @param shiftKey If `true`, selection will be extended from the last selected item to the given index.
-     * @param ctrlKey If `true`, the item at the given index will be toggled in the selection.
+     * Selects the item at the given index, optionally extending or toggling
+     * the existing selection using modifier-key semantics.
+     *
+     * - **No modifiers** (default): replaces the current selection with the single item.
+     * - **`shiftKey = true`** (`multiselect` only): range-selects all items between the
+     *   last selected index and `index` (inclusive of neither endpoint, matching typical
+     *   OS list behavior).
+     * - **`ctrlKey = true`** (`multiselect` only): toggles `index` in the selection
+     *   without affecting the rest.
+     *
+     * Index is clamped to `[0, items.length - 1]`. Negative values and calls while
+     * `disableSelection` is `true` are ignored. The `preventChangeUntil` guard is
+     * also respected.
+     *
+     * Emits `itemSelect` after updating the visual state.
+     *
+     * @param index    Zero-based index of the item to select.
+     * @param shiftKey Extend the selection from the last selected item to `index`.
+     * @param ctrlKey  Toggle `index` in or out of the current selection.
      */
     select(index: number, shiftKey?: boolean, ctrlKey?: boolean): void;
     /**
-     * Clear the current selection.
-     * @param silent If `true`, the `itemSelect` event will not be emitted.
+     * Clears the current selection and resets the active keyboard-focus index.
+     *
+     * If the selection is already empty, the method is a no-op (no event emitted,
+     * no state update). The `preventChangeUntil` guard is respected — if the guard
+     * returns `true`, the clear is blocked entirely.
+     *
+     * Also triggered internally when the user presses **Escape**.
+     *
+     * @param silent When `true`, skips emitting `itemSelect` after clearing. Use this
+     *               when the parent needs to reset state programmatically without
+     *               triggering downstream reactions.
      */
     clear(silent?: boolean): void;
-    ngOnDestroy(): void;
+    /**
+     * Host `keydown` handler — routes keyboard events to selection or navigation logic.
+     *
+     * Handled keys:
+     * - **Escape**: clears the selection.
+     * - **Space** (always) / **Enter** (when `selectOnEnter` is set): selects the
+     *   currently focused item. `preventDefault()` is called to stop the browser
+     *   from scrolling the container when Space is pressed.
+     * - **All other keys**: forwarded to `ActiveDescendantKeyManager` so arrow keys,
+     *   Home, End, etc. move the focus indicator without changing the selection.
+     *
+     * When `disableSelection` is `true`, only navigation keys are forwarded to the
+     * key manager — selection keys (Space, Enter, Escape) are suppressed.
+     *
+     * Bound via the `host` metadata as `(keydown)`.
+     *
+     * @param event The keyboard event originating from the list host element.
+     */
+    protected onKeydown(event: KeyboardEvent): void;
+    /**
+     * Host `focus` handler — restores a sensible focus position when the list
+     * host element receives DOM focus without an item already being active.
+     *
+     * The logic runs inside a 300 ms timeout so that focus events triggered by
+     * an item being clicked (which also bubbles a focus event up to the host)
+     * have already resolved their own active-item state before this handler acts.
+     * If an active item already exists when the timeout fires, nothing happens.
+     *
+     * Focus target priority:
+     * 1. The first index in the current selection (so the user lands back on the
+     *    previously selected item when tabbing into the list).
+     * 2. Index 0 as the fallback when there is no selection.
+     *
+     * Bound via the `host` metadata as `(focus)`.
+     */
+    protected onFocus(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ListComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ListComponent, "yuv-list", never, { "preventChangeUntil": { "alias": "preventChangeUntil"; "required": false; "isSignal": true; }; "multiselect": { "alias": "multiselect"; "required": false; "isSignal": true; }; "selfHandleSelection": { "alias": "selfHandleSelection"; "required": false; "isSignal": true; }; "selfHandleClick": { "alias": "selfHandleClick"; "required": false; "isSignal": true; }; "autoSelect": { "alias": "autoSelect"; "required": false; "isSignal": true; }; "disableSelection": { "alias": "disableSelection"; "required": false; "isSignal": true; }; }, { "itemSelect": "itemSelect"; "itemFocus": "itemFocus"; }, ["items"], ["*"], true, never>;
 }

package/object-details/lib/object-details-header/object-details-header.component.d.ts

@@ -31,10 +31,13 @@ export declare class ObjectDetailsHeaderComponent {
      * Bucket of the object config to retrieve header data from
      */
     bucket: import("@angular/core").InputSignal<string | undefined>;
-    actions: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
+    /** Template rendered in the actions area, aligned to the right of the title row. */
+    actions: import("@angular/core").InputSignal<TemplateRef<unknown> | undefined>;
+    /** Template rendered in the badges area, aligned to the right of the subtitle row. */
+    badges: import("@angular/core").InputSignal<TemplateRef<unknown> | undefined>;
     headerData: import("@angular/core").Signal<HeaderData | undefined>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ObjectDetailsHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ObjectDetailsHeaderComponent, "yuv-object-details-header", never, { "dmsObject": { "alias": "dmsObject"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": true; "isSignal": true; }; "bucket": { "alias": "bucket"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ObjectDetailsHeaderComponent, "yuv-object-details-header", never, { "dmsObject": { "alias": "dmsObject"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": true; "isSignal": true; }; "bucket": { "alias": "bucket"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "badges": { "alias": "badges"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 export {};

package/object-details/lib/object-details-shell/object-details-shell.component.d.ts

@@ -12,7 +12,10 @@ export declare class ObjectDetailsShellComponent {
     contextError: import("@angular/core").WritableSignal<string | undefined>;
     dmsObject: import("@angular/core").Signal<DmsObject | undefined>;
     busy: import("@angular/core").WritableSignal<boolean>;
-    actions: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
+    /** Template rendered in the actions area, aligned to the right of the title row. */
+    actions: import("@angular/core").InputSignal<TemplateRef<unknown> | undefined>;
+    /** Template rendered in the badges area, aligned to the right of the subtitle row. */
+    badges: import("@angular/core").InputSignal<TemplateRef<unknown> | undefined>;
     /**
      * Virtual object type to use for retrieving header data
      */
@@ -27,5 +30,5 @@ export declare class ObjectDetailsShellComponent {
     hideHeader: import("@angular/core").InputSignal<boolean>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ObjectDetailsShellComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ObjectDetailsShellComponent, "yuv-object-details-shell", never, { "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": true; "isSignal": true; }; "bucket": { "alias": "bucket"; "required": false; "isSignal": true; }; "hideHeader": { "alias": "hideHeader"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ObjectDetailsShellComponent, "yuv-object-details-shell", never, { "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "badges": { "alias": "badges"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": true; "isSignal": true; }; "bucket": { "alias": "bucket"; "required": false; "isSignal": true; }; "hideHeader": { "alias": "hideHeader"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/object-details/lib/object-details.component.d.ts

@@ -39,7 +39,9 @@ export declare class ObjectDetailsComponent {
      */
     hideHeader: import("@angular/core").InputSignal<boolean>;
     actions: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
+    /** Template rendered in the badges area, aligned to the right of the subtitle row. */
+    badges: import("@angular/core").InputSignal<TemplateRef<unknown> | undefined>;
     onIndexdataSaved(updatedObject: DmsObject): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ObjectDetailsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ObjectDetailsComponent, "yuv-object-details", never, { "dmsObjectInput": { "alias": "dmsObject"; "required": false; "isSignal": true; }; "flavors": { "alias": "flavors"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": true; "isSignal": true; }; "objectConfigBucket": { "alias": "objectConfigBucket"; "required": false; "isSignal": true; }; "objectId": { "alias": "objectId"; "required": false; "isSignal": true; }; "hideHeader": { "alias": "hideHeader"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ObjectDetailsComponent, "yuv-object-details", never, { "dmsObjectInput": { "alias": "dmsObject"; "required": false; "isSignal": true; }; "flavors": { "alias": "flavors"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": true; "isSignal": true; }; "objectConfigBucket": { "alias": "objectConfigBucket"; "required": false; "isSignal": true; }; "objectId": { "alias": "objectId"; "required": false; "isSignal": true; }; "hideHeader": { "alias": "hideHeader"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "badges": { "alias": "badges"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yuuvis/client-framework",
-  "version": "2.19.0",
+  "version": "2.20.0",
   "author": "OPTIMAL SYSTEMS GmbH <npm@optimal-systems.de>",
   "license": "MIT",
   "peerDependencies": {
@@ -8,15 +8,15 @@
     "@angular/common": "^19.2.1",
     "@angular/core": "^19.2.1",
     "angular-gridster2": "^19.0.0",
-    "@yuuvis/client-core": "^2.19.0",
-    "@yuuvis/client-shell-core": "^2.19.0",
+    "@yuuvis/client-core": "^2.20.0",
+    "@yuuvis/client-shell-core": "^2.20.0",
     "ng-dynamic-component": "^10.8.2",
     "modern-normalize": "^3.0.1"
   },
   "dependencies": {
     "@angular/material": "^19.2.15",
     "@ngrx/signals": "^19.2.0",
-    "@yuuvis/material": "2.19.0",
+    "@yuuvis/material": "2.20.0",
     "@yuuvis/media-viewer": "^2.2.0",
     "angular-split": "^19.0.0",
     "vis-network": "^10.0.2",
@@ -44,6 +44,10 @@
       "types": "./autocomplete/index.d.ts",
       "default": "./fesm2022/yuuvis-client-framework-autocomplete.mjs"
     },
+    "./breadcrumb": {
+      "types": "./breadcrumb/index.d.ts",
+      "default": "./fesm2022/yuuvis-client-framework-breadcrumb.mjs"
+    },
     "./clipboard": {
       "types": "./clipboard/index.d.ts",
       "default": "./fesm2022/yuuvis-client-framework-clipboard.mjs"