@yuuvis/client-framework 3.14.1 → 3.15.0

package/types/yuuvis-client-framework-renderer.d.ts

@@ -97,6 +97,22 @@ declare class FileSizeRendererComponent extends AbstractRendererComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<FileSizeRendererComponent, "yuv-string-renderer", never, {}, {}, never, never, true, never>;
 }
 
+/**
+ * Renders the value(s) of an i18n catalog field (classification `i18n:catalog[one, two, three]`).
+ *
+ * Catalog fields store the technical value, so the label has to be resolved from the
+ * localizations. This uses the same label keys as the `yuv-i18n-catalog` form element:
+ * for property name `status` and value `open` the key is `catalog:status:open_label`.
+ * Values without a matching localization fall back to the technical value.
+ */
+declare class I18nCatalogRendererComponent extends AbstractRendererComponent<string | string[]> {
+    #private;
+    readonly label: i0.Signal<string>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<I18nCatalogRendererComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<I18nCatalogRendererComponent, "yuv-i18n-catalog-renderer", never, {}, {}, never, never, true, never>;
+}
+
 declare class IconRendererComponent extends AbstractRendererComponent {
     #private;
     protected readonly customId: `${string}-${string}-${string}-${string}-${string}`;
@@ -146,7 +162,7 @@ declare class UnknownRendererComponent extends AbstractRendererComponent<any> {
     static ɵcmp: i0.ɵɵComponentDeclaration<UnknownRendererComponent, "yuv-unknown-renderer", never, {}, {}, never, never, true, never>;
 }
 
-type RendererComponent = IntegerRendererComponent | DecimalRendererComponent | DateTimeRendererComponent | IconRendererComponent | StringRendererComponent | BooleanRendererComponent | TableRendererComponent;
+type RendererComponent = IntegerRendererComponent | DecimalRendererComponent | DateTimeRendererComponent | IconRendererComponent | StringRendererComponent | BooleanRendererComponent | TableRendererComponent | I18nCatalogRendererComponent;
 type RendererDirectiveInput = ResolvedObjectConfigItem;
 
 /**
@@ -191,5 +207,5 @@ declare class RendererDirective {
     static ɵdir: i0.ɵɵDirectiveDeclaration<RendererDirective, "[yuvRenderer]", never, { "yuvRenderer": { "alias": "yuvRenderer"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { AbstractAuditRendererComponent, AbstractRendererComponent, AuditRendererDirective, AuditRendererService, BooleanRendererComponent, DateTimeRendererComponent, DecimalRendererComponent, DefaultAuditRendererComponent, FileSizeRendererComponent, IconRendererComponent, IntegerRendererComponent, OrganizationRendererComponent, RendererDirective, RendererService, StringRendererComponent, TableRendererComponent, UnknownRendererComponent };
+export { AbstractAuditRendererComponent, AbstractRendererComponent, AuditRendererDirective, AuditRendererService, BooleanRendererComponent, DateTimeRendererComponent, DecimalRendererComponent, DefaultAuditRendererComponent, FileSizeRendererComponent, I18nCatalogRendererComponent, IconRendererComponent, IntegerRendererComponent, OrganizationRendererComponent, RendererDirective, RendererService, StringRendererComponent, TableRendererComponent, UnknownRendererComponent };
 export type { RendererComponent, RendererDirectiveInput };

package/types/yuuvis-client-framework-sequence-list.d.ts

@@ -38,6 +38,14 @@ declare class SequenceListComponent implements ControlValueAccessor, Validator {
      * Maximum number of sequence items (defaults to 100).
      */
     maxLength: _angular_core.InputSignal<number>;
+    /**
+     * Minimum number of sequence items that must remain (defaults to 1, matching
+     * the original behaviour where a list can never be emptied). Consumers that
+     * represent a tail of optional follow-up items (e.g. the remaining steps of
+     * an already-started routing list) can set this to 0 to allow removing the
+     * last remaining item.
+     */
+    minLength: _angular_core.InputSignal<number>;
     maxLengthExceeded: _angular_core.WritableSignal<boolean>;
     readonly controlCount: _angular_core.WritableSignal<number>;
     sequenceForm: SequenceForm;
@@ -53,7 +61,7 @@ declare class SequenceListComponent implements ControlValueAccessor, Validator {
     propagateChange: (_: any) => void;
     registerOnTouched(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SequenceListComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SequenceListComponent, "yuv-sequence-list", never, { "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SequenceListComponent, "yuv-sequence-list", never, { "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { SequenceListComponent };

package/types/yuuvis-client-framework.d.ts

@@ -92,13 +92,21 @@ declare const defaultHaloFocusOffset = 3;
  * **Style Properties:**
  * - `position: 'fixed'` - Keeps halo in viewport regardless of scroll position
  * - `pointerEvents: 'none'` - Allows click-through; halo doesn't block interactions
- * - `zIndex: '9999'` - Ensures halo appears above most other elements
+ * - `zIndex: '9999'` - Stacking fallback for browsers without the Popover API. The halo normally
+ *   joins the browser's top layer instead (see {@link HaloFocusService}), where z-index does not
+ *   apply, because Angular CDK renders overlays there as well.
  * - `border` - Primary border using CSS variable `--ymt-primary` (2px solid)
  * - `boxShadow` - Soft shadow with 20% opacity for subtle depth effect
  * - `borderRadius` - Default 8px rounded corners for modern appearance
  * - `opacity: '0'` - Initially hidden; visibility controlled by service
  * - `transform: 'translateZ(0)'` - Creates GPU layer for smoother animations
  *
+ * **Popover user-agent resets:**
+ * Once the halo carries `popover="manual"` the UA stylesheet applies
+ * `inset: 0; margin: auto; padding: 0.25em; overflow: auto; background-color: Canvas` to it. Those
+ * defaults would re-center the halo and paint it as an opaque filled box over the content, so they
+ * are neutralised here. This mirrors the resets the CDK applies to its own `.cdk-overlay-popover`.
+ *
  * **CSS Variable Dependencies:**
  * - `--ymt-primary` - Primary theme color for border and shadow
  *
@@ -528,6 +536,7 @@ declare function provideSession(sessionDuration?: number): EnvironmentProviders;
  * - Automatic visibility detection (handles clipping, hidden elements, etc.)
  * - Responsive to dynamic DOM changes via ResizeObserver and MutationObserver
  * - Smart exclusion for Angular Material form fields (prevents redundant styling)
+ * - Renders in the browser's top layer, so it stays visible inside CDK overlays
  *
  * **Usage:**
  * 1. Add `provideHaloFocus()` to your providers array in app.config.ts
@@ -582,7 +591,8 @@ declare class HaloFocusService {
      *
      * This method performs the following initialization steps:
      * 1. Applies optional configuration for halo appearance (inner and outer colors)
-     * 2. Creates and appends the halo DIV element to the document body
+     * 2. Creates and appends the halo DIV element to the document body, as a `popover` so it can
+     *    join the browser's top layer, and marks the body with `yuv-halo-focus`
      * 3. Attaches global event listeners for focus, blur, keyboard, mouse, scroll, and resize events
      * 4. Sets up ResizeObserver and MutationObserver for tracking dynamic DOM changes
      *