@myrmidon/gve-core 1.0.0 → 3.0.2

package/lib/components/animation-timeline/animation-timeline.component.d.ts

@@ -1,4 +1,3 @@
-import { EventEmitter } from '@angular/core';
 import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
 import { GveAnimationTimeline, GveAnimationTween } from '@myrmidon/gve-snapshot-view';
 import * as i0 from "@angular/core";
@@ -17,29 +16,27 @@ import * as i0 from "@angular/core";
  * - 🔥 `timelineCancel` (`void`): emitted when the timeline editing is canceled.
  */
 export declare class AnimationTimelineComponent {
-    private _timeline?;
     /**
      * The animation timeline to edit.
      */
-    get timeline(): GveAnimationTimeline | undefined;
-    set timeline(value: GveAnimationTimeline | undefined | null);
+    readonly timeline: import("@angular/core").ModelSignal<GveAnimationTimeline | undefined>;
     /**
      * The IDs of the elements that can be selected by the tween.
      * This list is used to allow the user to select an element from a dropdown.
      */
-    elementIds?: string[];
+    readonly elementIds: import("@angular/core").InputSignal<string[] | undefined>;
     /**
      * The tags that can be used by the timeline.
      */
-    tags: string[];
+    readonly tags: import("@angular/core").InputSignal<string[]>;
     /**
      * Emitted when the timeline is changed.
      */
-    readonly timelineChange: EventEmitter<GveAnimationTimeline>;
+    readonly timelineChange: import("@angular/core").OutputEmitterRef<GveAnimationTimeline>;
     /**
      * Emitted when the timeline editing is canceled.
      */
-    readonly timelineCancel: EventEmitter<void>;
+    readonly timelineCancel: import("@angular/core").OutputEmitterRef<void>;
     tag: FormControl<string>;
     tweens: FormControl<GveAnimationTween[]>;
     vars: FormControl<string | null>;
@@ -53,12 +50,12 @@ export declare class AnimationTimelineComponent {
     editTween(index: number): void;
     deleteTween(index: number): void;
     closeTween(): void;
-    saveTween(tween: GveAnimationTween): void;
+    saveTween(tween?: GveAnimationTween): void;
     moveTweenUp(index: number): void;
     moveTweenDown(index: number): void;
     private getTimeline;
     close(): void;
     save(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AnimationTimelineComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AnimationTimelineComponent, "gve-animation-timeline", never, { "timeline": { "alias": "timeline"; "required": false; }; "elementIds": { "alias": "elementIds"; "required": false; }; "tags": { "alias": "tags"; "required": false; }; }, { "timelineChange": "timelineChange"; "timelineCancel": "timelineCancel"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AnimationTimelineComponent, "gve-animation-timeline", never, { "timeline": { "alias": "timeline"; "required": false; "isSignal": true; }; "elementIds": { "alias": "elementIds"; "required": false; "isSignal": true; }; "tags": { "alias": "tags"; "required": false; "isSignal": true; }; }, { "timeline": "timelineChange"; "timelineChange": "timelineChange"; "timelineCancel": "timelineCancel"; }, never, never, true, never>;
 }

package/lib/components/animation-timeline-set/animation-timeline-set.component.d.ts

@@ -1,6 +1,5 @@
-import { EventEmitter } from '@angular/core';
 import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
-import { DialogService } from '@myrmidon/ng-mat-tools';
+import { DialogService } from '@myrmidon/ngx-mat-tools';
 import { GveAnimationTimeline } from '@myrmidon/gve-snapshot-view';
 import * as i0 from "@angular/core";
 /**
@@ -17,30 +16,28 @@ import * as i0 from "@angular/core";
  */
 export declare class AnimationTimelineSetComponent {
     private _dialogService;
-    private _timelines;
-    editedTimeline?: GveAnimationTimeline;
     /**
      * The animation timelines to edit.
      */
-    get timelines(): GveAnimationTimeline[];
-    set timelines(value: GveAnimationTimeline[] | undefined | null);
+    readonly timelines: import("@angular/core").ModelSignal<GveAnimationTimeline[]>;
     /**
      * The IDs of the elements that can be selected by the tween.
      * This list is used to allow the user to select an element from a dropdown.
      */
-    elementIds?: string[];
+    readonly elementIds: import("@angular/core").InputSignal<string[] | undefined>;
     /**
      * The tags that can be used by the timeline.
      */
-    tags: string[];
+    readonly tags: import("@angular/core").InputSignal<string[]>;
     /**
      * Emitted when the timelines are changed.
      */
-    readonly timelinesChange: EventEmitter<GveAnimationTimeline[]>;
+    readonly timelinesChange: import("@angular/core").OutputEmitterRef<GveAnimationTimeline[]>;
     /**
      * Emitted when the timeline editing is canceled.
      */
-    readonly timelinesCancel: EventEmitter<void>;
+    readonly timelinesCancel: import("@angular/core").OutputEmitterRef<void>;
+    editedTimeline?: GveAnimationTimeline;
     set: FormControl<GveAnimationTimeline[]>;
     form: FormGroup;
     constructor(formBuilder: FormBuilder, _dialogService: DialogService);
@@ -48,8 +45,8 @@ export declare class AnimationTimelineSetComponent {
     closeTimeline(): void;
     newTimeline(): void;
     editTimeline(index: number): void;
-    onTimelineChange(timeline: GveAnimationTimeline): void;
+    onTimelineChange(timeline?: GveAnimationTimeline | null): void;
     deleteTimeline(index: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AnimationTimelineSetComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AnimationTimelineSetComponent, "gve-animation-timeline-set", never, { "timelines": { "alias": "timelines"; "required": false; }; "elementIds": { "alias": "elementIds"; "required": false; }; "tags": { "alias": "tags"; "required": false; }; }, { "timelinesChange": "timelinesChange"; "timelinesCancel": "timelinesCancel"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AnimationTimelineSetComponent, "gve-animation-timeline-set", never, { "timelines": { "alias": "timelines"; "required": false; "isSignal": true; }; "elementIds": { "alias": "elementIds"; "required": false; "isSignal": true; }; "tags": { "alias": "tags"; "required": false; "isSignal": true; }; }, { "timelines": "timelinesChange"; "timelinesChange": "timelinesChange"; "timelinesCancel": "timelinesCancel"; }, never, never, true, never>;
 }

package/lib/components/animation-tween/animation-tween.component.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { OnDestroy, OnInit } from '@angular/core';
 import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
 import { GveAnimationTween, TweenType } from '@myrmidon/gve-snapshot-view';
 import * as i0 from "@angular/core";
@@ -15,25 +15,23 @@ import * as i0 from "@angular/core";
  */
 export declare class AnimationTweenComponent implements OnInit, OnDestroy {
     private _sub?;
-    private _tween?;
     /**
      * The tween to edit.
      */
-    get tween(): GveAnimationTween | undefined;
-    set tween(value: GveAnimationTween | undefined | null);
+    readonly tween: import("@angular/core").ModelSignal<GveAnimationTween | undefined>;
     /**
      * The IDs of the elements that can be selected by the tween.
      * This list is used to allow the user to select an element from a dropdown.
      */
-    elementIds?: string[];
+    readonly elementIds: import("@angular/core").InputSignal<string[] | undefined>;
     /**
      * Emitted when the tween is changed.
      */
-    readonly tweenChange: EventEmitter<GveAnimationTween>;
+    readonly tweenChange: import("@angular/core").OutputEmitterRef<GveAnimationTween>;
     /**
      * Emitted when the user cancels the edit.
      */
-    readonly tweenCancel: EventEmitter<void>;
+    readonly tweenCancel: import("@angular/core").OutputEmitterRef<void>;
     types: string[];
     label: FormControl<string>;
     note: FormControl<string | null>;
@@ -56,5 +54,5 @@ export declare class AnimationTweenComponent implements OnInit, OnDestroy {
     openUrl(url: string): void;
     save(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AnimationTweenComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AnimationTweenComponent, "gve-animation-tween", never, { "tween": { "alias": "tween"; "required": false; }; "elementIds": { "alias": "elementIds"; "required": false; }; }, { "tweenChange": "tweenChange"; "tweenCancel": "tweenCancel"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AnimationTweenComponent, "gve-animation-tween", never, { "tween": { "alias": "tween"; "required": false; "isSignal": true; }; "elementIds": { "alias": "elementIds"; "required": false; "isSignal": true; }; }, { "tween": "tweenChange"; "tweenChange": "tweenChange"; "tweenCancel": "tweenCancel"; }, never, never, true, never>;
 }

package/lib/components/base-text-char/base-text-char.component.d.ts

@@ -1,4 +1,3 @@
-import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * A single character from a base text.
@@ -26,20 +25,18 @@ export interface BaseTextCharEvent {
  * Used by `gve-base-text-view`.
  */
 export declare class BaseTextCharComponent {
-    private _char;
     defaultColor: string;
     defaultBorderColor: string;
     defaultEmSize: number;
     /**
      * The character to display.
      */
-    get char(): BaseTextChar | undefined;
-    set char(value: BaseTextChar | undefined | null);
+    readonly char: import("@angular/core").InputSignal<BaseTextChar | undefined>;
     /**
      * Emitted when the character is clicked.
      */
-    charPick: EventEmitter<BaseTextCharEvent>;
+    readonly charPick: import("@angular/core").OutputEmitterRef<BaseTextCharEvent>;
     onCharClick(event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaseTextCharComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BaseTextCharComponent, "gve-base-text-char", never, { "char": { "alias": "char"; "required": false; }; }, { "charPick": "charPick"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BaseTextCharComponent, "gve-base-text-char", never, { "char": { "alias": "char"; "required": false; "isSignal": true; }; }, { "charPick": "charPick"; }, never, never, true, never>;
 }

package/lib/components/base-text-editor/base-text-editor.component.d.ts

@@ -1,7 +1,6 @@
-import { EventEmitter } from '@angular/core';
 import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
 import { CharNode, Feature } from '@myrmidon/gve-snapshot-view';
-import { DialogService } from '@myrmidon/ng-mat-tools';
+import { DialogService } from '@myrmidon/ngx-mat-tools';
 import { BaseTextCharEvent } from '../base-text-char/base-text-char.component';
 import { VarBaseTextRange } from '../base-text-view/base-text-view.component';
 import * as i0 from "@angular/core";
@@ -16,17 +15,16 @@ import * as i0 from "@angular/core";
  */
 export declare class BaseTextEditorComponent {
     private _dialogService;
-    private _text;
     /**
      * The text to edit. In input this can be a string, an array of `CharNode`
-     * objects. In output this will be an array of `CharNode` objects.
+     * objects, or undefined. In output this will be an array of `CharNode`
+     * objects.
      */
-    get text(): CharNode[];
-    set text(value: string | CharNode[] | undefined | null);
+    readonly text: import("@angular/core").InputSignalWithTransform<CharNode[] | undefined, string | CharNode[] | undefined>;
     /**
      * Emitted for the edited text as an array of `CharNode`'s whenever it changes.
      */
-    readonly textChange: EventEmitter<CharNode[]>;
+    readonly textChange: import("@angular/core").OutputEmitterRef<CharNode[]>;
     userText: FormControl<string>;
     form: FormGroup;
     selectedChar?: CharNode;
@@ -40,5 +38,5 @@ export declare class BaseTextEditorComponent {
     patchTextFromUser(): void;
     setTextFromUser(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaseTextEditorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BaseTextEditorComponent, "gve-base-text-editor", never, { "text": { "alias": "text"; "required": false; }; }, { "textChange": "textChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BaseTextEditorComponent, "gve-base-text-editor", never, { "text": { "alias": "text"; "required": true; "isSignal": true; }; }, { "textChange": "textChange"; }, never, never, true, never>;
 }

package/lib/components/base-text-view/base-text-view.component.d.ts

@@ -1,6 +1,5 @@
-import { EventEmitter } from '@angular/core';
-import { BaseTextChar, BaseTextCharEvent } from '../base-text-char/base-text-char.component';
 import { CharNode } from '@myrmidon/gve-snapshot-view';
+import { BaseTextChar, BaseTextCharEvent } from '../base-text-char/base-text-char.component';
 import * as i0 from "@angular/core";
 /**
  * A range in the base text.
@@ -24,43 +23,47 @@ export interface VarBaseTextRange {
  * - 🔥 `rangePick` (`VarBaseTextRange`): emitted when a range is picked.
  */
 export declare class BaseTextViewComponent {
-    private _text?;
     private _lastSelectedChar?;
     /**
      * The default color for the text.
      */
-    defaultColor: string;
+    readonly defaultColor: import("@angular/core").InputSignal<string>;
     /**
      * The default border color for the text.
      */
-    defaultBorderColor: string;
+    readonly defaultBorderColor: import("@angular/core").InputSignal<string>;
     /**
      * The color for the selected text.
      */
-    selectionColor: string;
+    readonly selectionColor: import("@angular/core").InputSignal<string>;
     /**
      * True if line numbers should be displayed next to each line.
      */
-    hasLineNumber: boolean;
+    readonly hasLineNumber: import("@angular/core").InputSignal<boolean>;
     /**
      * The text to display.
      */
-    get text(): string | CharNode[] | undefined;
-    set text(value: string | CharNode[] | undefined | null);
+    readonly text: import("@angular/core").InputSignal<CharNode[]>;
+    /**
+     * An optional callback to get the color of a character node.
+     * Return null to use the default color.
+     */
+    readonly borderColorCallback: import("@angular/core").InputSignal<((node: CharNode) => string | null) | undefined>;
     /**
      * Emitted when a character is picked.
      */
-    charPick: EventEmitter<BaseTextCharEvent>;
+    readonly charPick: import("@angular/core").OutputEmitterRef<BaseTextCharEvent>;
     /**
      * Emitted when a range is picked. This is preceded by a character pick event.
      * The range is defined by the starting character and the number of characters.
      * The range is inclusive.
      */
-    rangePick: EventEmitter<VarBaseTextRange>;
+    readonly rangePick: import("@angular/core").OutputEmitterRef<VarBaseTextRange>;
     lines: BaseTextChar[][];
+    constructor();
     private buildLines;
     private resetColors;
     onCharPick(event: BaseTextCharEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaseTextViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BaseTextViewComponent, "gve-base-text-view", never, { "defaultColor": { "alias": "defaultColor"; "required": false; }; "defaultBorderColor": { "alias": "defaultBorderColor"; "required": false; }; "selectionColor": { "alias": "selectionColor"; "required": false; }; "hasLineNumber": { "alias": "hasLineNumber"; "required": false; }; "text": { "alias": "text"; "required": false; }; }, { "charPick": "charPick"; "rangePick": "rangePick"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BaseTextViewComponent, "gve-base-text-view", never, { "defaultColor": { "alias": "defaultColor"; "required": false; "isSignal": true; }; "defaultBorderColor": { "alias": "defaultBorderColor"; "required": false; "isSignal": true; }; "selectionColor": { "alias": "selectionColor"; "required": false; "isSignal": true; }; "hasLineNumber": { "alias": "hasLineNumber"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "borderColorCallback": { "alias": "borderColorCallback"; "required": false; "isSignal": true; }; }, { "charPick": "charPick"; "rangePick": "rangePick"; }, never, never, true, never>;
 }

package/lib/components/batch-operation-editor/batch-operation-editor.component.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { OnInit } from '@angular/core';
 import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
 import { MatDialogRef } from '@angular/material/dialog';
 import { CharChainOperation } from '@myrmidon/gve-snapshot-view';
@@ -20,7 +20,6 @@ export declare class BatchOperationEditorComponent implements OnInit {
     data?: PayloadMatDialogConfig<{
         preset?: string;
     }> | undefined;
-    private _preset?;
     busy?: boolean;
     parseError?: string;
     text: FormControl<string | null>;
@@ -29,18 +28,17 @@ export declare class BatchOperationEditorComponent implements OnInit {
      * The preset text to parse if any. Usually you start with a blank
      * text, but sometimes you might want to pre-set it.
      */
-    get preset(): string | undefined | null;
-    set preset(value: string | undefined | null);
+    readonly preset: import("@angular/core").InputSignal<string | undefined>;
     /**
      * Emitted when operations change.
      */
-    readonly operationsChange: EventEmitter<CharChainOperation[]>;
+    readonly operationsChange: import("@angular/core").OutputEmitterRef<CharChainOperation[]>;
     constructor(formBuilder: FormBuilder, _api: GveApiService, dialogRef?: MatDialogRef<BatchOperationEditorComponent> | undefined, data?: PayloadMatDialogConfig<{
         preset?: string;
     }> | undefined);
     ngOnInit(): void;
-    parseOperations(): void;
+    parseOperations(text?: string): void;
     close(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BatchOperationEditorComponent, [null, null, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BatchOperationEditorComponent, "gve-batch-operation-editor", never, { "preset": { "alias": "preset"; "required": false; }; }, { "operationsChange": "operationsChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BatchOperationEditorComponent, "gve-batch-operation-editor", never, { "preset": { "alias": "preset"; "required": false; "isSignal": true; }; }, { "operationsChange": "operationsChange"; }, never, never, true, never>;
 }

package/lib/components/chain-operation-editor/chain-operation-editor.component.d.ts

@@ -1,7 +1,7 @@
-import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { OnDestroy, OnInit } from '@angular/core';
 import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
 import { Clipboard } from '@angular/cdk/clipboard';
-import { DialogService } from '@myrmidon/ng-mat-tools';
+import { DialogService } from '@myrmidon/ngx-mat-tools';
 import { CharChainOperation, Feature, OperationFeature, OperationType, OperationSource, SnapshotBase } from '@myrmidon/gve-snapshot-view';
 import { SettingsService } from '../../services/settings.service';
 import * as i0 from "@angular/core";
@@ -60,39 +60,35 @@ export declare class ChainOperationEditorComponent implements OnInit, OnDestroy
     private _settings;
     private _dialogService;
     private readonly _disposables;
-    private _editorModel?;
-    private _editor?;
     private readonly _subs;
     private readonly _nanoid;
-    private _operation;
+    private _editorModel?;
+    private _editor?;
     private _editedSourceIndex;
-    private _snapshot;
     /**
      * The operation to edit.
      */
-    get operation(): CharChainOperation | undefined | null;
-    set operation(value: CharChainOperation | undefined);
+    readonly operation: import("@angular/core").ModelSignal<CharChainOperation | undefined>;
     /**
      * The snapshot the operation refers to.
      */
-    get snapshot(): SnapshotBase | undefined;
-    set snapshot(value: SnapshotBase | undefined | null);
+    readonly snapshot: import("@angular/core").InputSignal<SnapshotBase | undefined>;
     /**
      * Whether to hide the preview request button.
      */
-    hidePreview?: boolean;
+    readonly hidePreview: import("@angular/core").InputSignal<boolean | undefined>;
     /**
      * Emitted when the operation is changed.
      */
-    readonly operationChange: EventEmitter<CharChainOperation>;
+    readonly operationChange: import("@angular/core").OutputEmitterRef<CharChainOperation>;
     /**
      * Emitted when the operation preview is requested.
      */
-    readonly operationPreview: EventEmitter<CharChainOperation>;
+    readonly operationPreview: import("@angular/core").OutputEmitterRef<CharChainOperation>;
     /**
      * Emitted when operation editing is cancelled.
      */
-    readonly operationCancel: EventEmitter<void>;
+    readonly operationCancel: import("@angular/core").OutputEmitterRef<void>;
     tabIndex: number;
     id?: string;
     hasTo: boolean;
@@ -114,6 +110,7 @@ export declare class ChainOperationEditorComponent implements OnInit, OnDestroy
     value: FormControl<string | null>;
     svg: FormControl<string>;
     elementFeatures: FormControl<Record<string, Feature[]>>;
+    newTextHidden: FormControl<boolean>;
     dpFeatures: FormControl<Feature[]>;
     form: FormGroup;
     elements: SVGElement[];
@@ -135,6 +132,8 @@ export declare class ChainOperationEditorComponent implements OnInit, OnDestroy
     loadSvg(): void;
     setSvgFromClipboard(): void;
     private parseSvg;
+    removeDecimals(): void;
+    wrapInGroup(): void;
     onTabIndexChange(index: number): void;
     editElementFeatures(element: SVGElement): void;
     deleteElementFeatures(element: SVGElement): void;
@@ -146,5 +145,5 @@ export declare class ChainOperationEditorComponent implements OnInit, OnDestroy
     requestPreview(): void;
     save(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChainOperationEditorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChainOperationEditorComponent, "gve-chain-operation-editor", never, { "operation": { "alias": "operation"; "required": false; }; "snapshot": { "alias": "snapshot"; "required": false; }; "hidePreview": { "alias": "hidePreview"; "required": false; }; }, { "operationChange": "operationChange"; "operationPreview": "operationPreview"; "operationCancel": "operationCancel"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChainOperationEditorComponent, "gve-chain-operation-editor", never, { "operation": { "alias": "operation"; "required": false; "isSignal": true; }; "snapshot": { "alias": "snapshot"; "required": false; "isSignal": true; }; "hidePreview": { "alias": "hidePreview"; "required": false; "isSignal": true; }; }, { "operation": "operationChange"; "operationChange": "operationChange"; "operationPreview": "operationPreview"; "operationCancel": "operationCancel"; }, never, never, true, never>;
 }

package/lib/components/chain-result-view/chain-result-view.component.d.ts

@@ -1,6 +1,6 @@
-import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { OnDestroy, OnInit } from '@angular/core';
 import { FormBuilder, FormControl } from '@angular/forms';
-import { OperationFeature } from '@myrmidon/gve-snapshot-view';
+import { CharNode, OperationFeature } from '@myrmidon/gve-snapshot-view';
 import { VarBaseTextRange } from '../base-text-view/base-text-view.component';
 import { ChainOperationContextStep, CharChainResult } from '../../services/gve-api.service';
 import { BaseTextCharEvent } from '../base-text-char/base-text-char.component';
@@ -20,23 +20,19 @@ import * as i0 from "@angular/core";
  */
 export declare class ChainResultViewComponent implements OnInit, OnDestroy {
     private _subs?;
-    private _result?;
-    private _initialStepIndex?;
     /**
      * The result to display.
      */
-    get result(): CharChainResult | undefined;
-    set result(value: CharChainResult | undefined | null);
+    readonly result: import("@angular/core").InputSignal<CharChainResult | undefined>;
     /**
      * The index of the initial step to display after the result is set.
      * If the index is negative, it is counted from the end of the steps.
      */
-    get initialStepIndex(): number | undefined;
-    set initialStepIndex(value: number | undefined | null);
+    readonly initialStepIndex: import("@angular/core").InputSignal<number | undefined>;
     /**
      * Emitted when a result's step is picked by the user.
      */
-    stepPick: EventEmitter<ChainOperationContextStep>;
+    readonly stepPick: import("@angular/core").OutputEmitterRef<ChainOperationContextStep>;
     versionTags: string[];
     tags: string[];
     versionTag: FormControl<string | null>;
@@ -46,6 +42,7 @@ export declare class ChainResultViewComponent implements OnInit, OnDestroy {
     selectionFeatures: OperationFeature[];
     constructor(formBuilder: FormBuilder);
     ngOnInit(): void;
+    getCharBorderColor(node: CharNode): string | null;
     private selectInitialStep;
     ngOnDestroy(): void;
     private updateVersionTags;
@@ -55,7 +52,7 @@ export declare class ChainResultViewComponent implements OnInit, OnDestroy {
     private findNode;
     onStepCharPick(event: BaseTextCharEvent): void;
     onStepRangePick(range: VarBaseTextRange): void;
-    onStepChange(step: ChainOperationContextStep): void;
+    onStepChange(step?: ChainOperationContextStep): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChainResultViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChainResultViewComponent, "gve-chain-result-view", never, { "result": { "alias": "result"; "required": false; }; "initialStepIndex": { "alias": "initialStepIndex"; "required": false; }; }, { "stepPick": "stepPick"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChainResultViewComponent, "gve-chain-result-view", never, { "result": { "alias": "result"; "required": false; "isSignal": true; }; "initialStepIndex": { "alias": "initialStepIndex"; "required": false; "isSignal": true; }; }, { "stepPick": "stepPick"; }, never, never, true, never>;
 }

package/lib/components/chain-view/chain-view.component.d.ts

@@ -0,0 +1,42 @@
+import { OnDestroy } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { MatSnackBar } from '@angular/material/snack-bar';
+import { Clipboard } from '@angular/cdk/clipboard';
+import { GraphvizRankdir, GveGraphvizService } from '../../services/gve-graphviz.service';
+import { CharChain } from '../../services/gve-api.service';
+import { SettingsService } from '../../services/settings.service';
+import * as i0 from "@angular/core";
+export declare class ChainViewComponent implements OnDestroy {
+    private _graphviz;
+    private _settings;
+    private _clipboard;
+    private _snackbar;
+    private readonly _sub?;
+    /**
+     * The chain to display.
+     */
+    readonly chain: import("@angular/core").InputSignal<CharChain | undefined>;
+    /**
+     * The direction of the graph.
+     */
+    readonly direction: import("@angular/core").InputSignal<GraphvizRankdir>;
+    /**
+     * All the distinct tags in the chain.
+     */
+    readonly tags: import("@angular/core").Signal<string[]>;
+    /**
+     * The tags to show, or empty to show all of them.
+     */
+    readonly selectedTags: import("@angular/core").ModelSignal<string[]>;
+    /**
+     * The Graphviz representation of the chain.
+     */
+    readonly graph: import("@angular/core").Signal<string>;
+    userTags: FormControl<string[]>;
+    constructor(_graphviz: GveGraphvizService, _settings: SettingsService, _clipboard: Clipboard, _snackbar: MatSnackBar);
+    ngOnDestroy(): void;
+    copyGraph(): void;
+    openExternalEditor(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChainViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChainViewComponent, "gve-chain-view", never, { "chain": { "alias": "chain"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "selectedTags": { "alias": "selectedTags"; "required": false; "isSignal": true; }; }, { "selectedTags": "selectedTagsChange"; }, never, never, true, never>;
+}

package/lib/components/feature-editor/feature-editor.component.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { ElementRef, OnDestroy, OnInit } from '@angular/core';
 import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
 import { Feature, FeatureSetPolicy, LabeledId, OperationFeature } from '@myrmidon/gve-snapshot-view';
 import * as i0 from "@angular/core";
@@ -32,40 +32,36 @@ export interface FeatureMap {
  */
 export declare class FeatureEditorComponent implements OnInit, OnDestroy {
     private _sub?;
-    private _feature?;
-    private _map?;
     private _frozen?;
     nameControl?: ElementRef;
     /**
      * The list of feature names to display in the name selection.
      * This is used when you have a closed list of features.
      */
-    featNames: LabeledId[] | undefined;
+    readonly featNames: import("@angular/core").InputSignal<LabeledId[] | undefined>;
     /**
      * The feature values map. When specified and the user selects a feature
      * name present in the map keys, the corresponding values will be used
      * to populate the value selection.
      */
-    get featValues(): FeatureMap | undefined;
-    set featValues(value: FeatureMap | undefined | null);
+    readonly featValues: import("@angular/core").InputSignal<FeatureMap | undefined>;
     /**
      * The feature to edit.
      */
-    get feature(): Feature | OperationFeature | undefined;
-    set feature(value: Feature | OperationFeature | undefined | null);
+    readonly feature: import("@angular/core").ModelSignal<Feature | OperationFeature | undefined>;
     /**
      * True if the feature is a variant operation feature, which has
      * additional properties like negation, global, and short-lived.
      */
-    isVar: boolean;
+    readonly isVar: import("@angular/core").InputSignal<boolean>;
     /**
      * Event emitted when the user cancels the feature editing.
      */
-    featureCancel: EventEmitter<void>;
+    readonly featureCancel: import("@angular/core").OutputEmitterRef<void>;
     /**
      * Event emitted when the user saves the edited feature.
      */
-    featureChange: EventEmitter<Feature | OperationFeature>;
+    readonly featureChange: import("@angular/core").OutputEmitterRef<Feature | OperationFeature>;
     name: FormControl<string>;
     value: FormControl<string>;
     setPolicy: FormControl<FeatureSetPolicy>;
@@ -82,5 +78,5 @@ export declare class FeatureEditorComponent implements OnInit, OnDestroy {
     cancel(): void;
     save(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FeatureEditorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FeatureEditorComponent, "gve-feature-editor", never, { "featNames": { "alias": "featNames"; "required": false; }; "featValues": { "alias": "featValues"; "required": false; }; "feature": { "alias": "feature"; "required": false; }; "isVar": { "alias": "isVar"; "required": false; }; }, { "featureCancel": "featureCancel"; "featureChange": "featureChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FeatureEditorComponent, "gve-feature-editor", never, { "featNames": { "alias": "featNames"; "required": false; "isSignal": true; }; "featValues": { "alias": "featValues"; "required": false; "isSignal": true; }; "feature": { "alias": "feature"; "required": false; "isSignal": true; }; "isVar": { "alias": "isVar"; "required": false; "isSignal": true; }; }, { "feature": "featureChange"; "featureCancel": "featureCancel"; "featureChange": "featureChange"; }, never, never, true, never>;
 }