@myrmidon/gve-core 3.0.3 → 5.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myrmidon/gve-core",
-  "version": "3.0.3",
+  "version": "5.0.0",
   "description": "Cadmus - GVE Angular frontend core components.",
   "keywords": [
     "GVE"
@@ -14,16 +14,17 @@
     "name": "Daniele Fusi"
   },
   "peerDependencies": {
-    "@angular/common": "^19.0.0",
-    "@angular/core": "^19.0.0",
-    "@cisstech/nge": "^18.0.4",
-    "@myrmidon/ngx-mat-tools": "^0.0.1",
-    "@myrmidon/ngx-tools": "^1.0.0",
-    "@myrmidon/gve-snapshot-view": "^1.1.6",
-    "@svgdotjs/svg.js": "^3.2.4",
-    "gsap": "^3.12.5",
-    "monaco-editor": "^0.52.0",
-    "nanoid": "^5.0.9"
+    "@angular/common": "^20.0.0",
+    "@angular/core": "^20.0.0",
+    "@angular/material": "^20.0.0",
+    "@cisstech/nge": "^18.2.1",
+    "@myrmidon/ngx-mat-tools": "^1.0.0",
+    "@myrmidon/ngx-tools": "^2.0.0",
+    "@myrmidon/gve-snapshot-view": "^1.2.0",
+    "@svgdotjs/svg.js": "^3.2.5",
+    "gsap": "^3.13.0",
+    "monaco-editor": "^0.53.0",
+    "nanoid": "^5.1.5"
   },
   "dependencies": {
     "tslib": "^2.3.0"

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

@@ -1,61 +0,0 @@
-import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
-import { GveAnimationTimeline, GveAnimationTween } from '@myrmidon/gve-snapshot-view';
-import * as i0 from "@angular/core";
-/**
- * 🔑 `gve-animation-timeline`
- *
- * A component to edit an animation timeline.
- * Used by the `gve-animation-timeline-set` component.
- *
- * - ▶️ `timeline` (`GveAnimationTimeline`): the animation timeline to edit.
- * - ▶️ `elementIds` (`string[]`): the IDs of the elements that can be selected
- * by the tween.
- * - ▶️ `tags` (`string[]`): the tags that can be used by the timeline.
- * - 🔥 `timelineChange` (`GveAnimationTimeline`): emitted when the timeline
- * is changed.
- * - 🔥 `timelineCancel` (`void`): emitted when the timeline editing is canceled.
- */
-export declare class AnimationTimelineComponent {
-    /**
-     * The animation timeline to edit.
-     */
-    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.
-     */
-    readonly elementIds: import("@angular/core").InputSignal<string[] | undefined>;
-    /**
-     * The tags that can be used by the timeline.
-     */
-    readonly tags: import("@angular/core").InputSignal<string[]>;
-    /**
-     * Emitted when the timeline is changed.
-     */
-    readonly timelineChange: import("@angular/core").OutputEmitterRef<GveAnimationTimeline>;
-    /**
-     * Emitted when the timeline editing is canceled.
-     */
-    readonly timelineCancel: import("@angular/core").OutputEmitterRef<void>;
-    tag: FormControl<string>;
-    tweens: FormControl<GveAnimationTween[]>;
-    vars: FormControl<string | null>;
-    form: FormGroup;
-    editedTweenIndex: number;
-    editedTween?: GveAnimationTween;
-    constructor(formBuilder: FormBuilder);
-    private jsonValidator;
-    private updateForm;
-    addTween(): void;
-    editTween(index: number): void;
-    deleteTween(index: number): void;
-    closeTween(): 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; "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,52 +0,0 @@
-import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
-import { DialogService } from '@myrmidon/ngx-mat-tools';
-import { GveAnimationTimeline } from '@myrmidon/gve-snapshot-view';
-import * as i0 from "@angular/core";
-/**
- * 🔑 `gve-animation-timeline-set`
- *
- * A component to edit a set of animation timelines.
- * Used by the `gve-snapshot-editor` component.
- *
- * - ▶️ `timelines` (`GveAnimationTimeline[]`): the animation timelines to edit.
- * - ▶️ `elementIds` (`string[]`): the IDs of the elements that can be selected by the tween.
- * - ▶️ `tags` (`string[]`): the tags that can be used by the timeline.
- * - 🔥 `timelinesChange` (`GveAnimationTimeline[]`): emitted when the timelines are changed.
- * - 🔥 `timelinesCancel` (`void`): emitted when the timeline editing is canceled.
- */
-export declare class AnimationTimelineSetComponent {
-    private _dialogService;
-    /**
-     * The animation timelines to edit.
-     */
-    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.
-     */
-    readonly elementIds: import("@angular/core").InputSignal<string[] | undefined>;
-    /**
-     * The tags that can be used by the timeline.
-     */
-    readonly tags: import("@angular/core").InputSignal<string[]>;
-    /**
-     * Emitted when the timelines are changed.
-     */
-    readonly timelinesChange: import("@angular/core").OutputEmitterRef<GveAnimationTimeline[]>;
-    /**
-     * Emitted when the timeline editing is canceled.
-     */
-    readonly timelinesCancel: import("@angular/core").OutputEmitterRef<void>;
-    editedTimeline?: GveAnimationTimeline;
-    set: FormControl<GveAnimationTimeline[]>;
-    form: FormGroup;
-    constructor(formBuilder: FormBuilder, _dialogService: DialogService);
-    private updateForm;
-    closeTimeline(): void;
-    newTimeline(): void;
-    editTimeline(index: number): 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; "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,58 +0,0 @@
-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";
-/**
- * 🔑 `gve-animation-tween`
- *
- * A component to edit an animation tween.
- * Used by the `gve-animation-timeline` component.
- *
- * - ▶️ `tween` (`GveAnimationTween`): the tween to edit.
- * - ▶️ `elementIds` (`string[]`): the IDs of the elements that can be selected by the tween.
- * - 🔥 `tweenChange` (`GveAnimationTween`): emitted when the tween is changed.
- * - 🔥 `tweenCancel` (`void`): emitted when the user cancels the edit.
- */
-export declare class AnimationTweenComponent implements OnInit, OnDestroy {
-    private _sub?;
-    /**
-     * The tween to edit.
-     */
-    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.
-     */
-    readonly elementIds: import("@angular/core").InputSignal<string[] | undefined>;
-    /**
-     * Emitted when the tween is changed.
-     */
-    readonly tweenChange: import("@angular/core").OutputEmitterRef<GveAnimationTween>;
-    /**
-     * Emitted when the user cancels the edit.
-     */
-    readonly tweenCancel: import("@angular/core").OutputEmitterRef<void>;
-    types: string[];
-    label: FormControl<string>;
-    note: FormControl<string | null>;
-    type: FormControl<TweenType>;
-    selector: FormControl<string>;
-    vars: FormControl<string>;
-    vars2: FormControl<string | null>;
-    position: FormControl<string | null>;
-    form: FormGroup;
-    elementId: FormControl<string | null>;
-    constructor(formBuilder: FormBuilder);
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    onVarsChange(vars: string): void;
-    onVars2Change(vars: string): void;
-    close(): void;
-    private jsonValidator;
-    private updateForm;
-    private getTween;
-    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; "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,42 +0,0 @@
-import * as i0 from "@angular/core";
-/**
- * A single character from a base text.
- */
-export interface BaseTextChar {
-    id: number;
-    value: string;
-    label: string;
-    color: string;
-    borderColor: string;
-    emSize: number;
-}
-/**
- * Event emitted by the base text character component when a character
- * is clicked.
- */
-export interface BaseTextCharEvent {
-    char: BaseTextChar;
-    event: MouseEvent;
-}
-/**
- * 🔑 `gve-base-text-char`
- *
- * A component that displays a single character from a base text.
- * Used by `gve-base-text-view`.
- */
-export declare class BaseTextCharComponent {
-    defaultColor: string;
-    defaultBorderColor: string;
-    defaultEmSize: number;
-    /**
-     * The character to display.
-     */
-    readonly char: import("@angular/core").InputSignal<BaseTextChar | undefined>;
-    /**
-     * Emitted when the character is clicked.
-     */
-    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; "isSignal": true; }; }, { "charPick": "charPick"; }, never, never, true, never>;
-}

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

@@ -1,42 +0,0 @@
-import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
-import { CharNode, Feature } from '@myrmidon/gve-snapshot-view';
-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";
-/**
- * 🔑 `gve-base-text-editor`
- *
- * Editor for snapshot's base text. This can receive a string or an array
- * of `CharNode` objects, and lets the user edit the text, character by
- * character, optionally also setting its features.
- *
- * Used by the `gve-snapshot-editor` component.
- */
-export declare class BaseTextEditorComponent {
-    private _dialogService;
-    /**
-     * The text to edit. In input this can be a string, an array of `CharNode`
-     * objects, or undefined. In output this will be an array of `CharNode`
-     * objects.
-     */
-    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: import("@angular/core").OutputEmitterRef<CharNode[]>;
-    userText: FormControl<string>;
-    form: FormGroup;
-    selectedChar?: CharNode;
-    selectedCharLabel?: string;
-    textRange?: VarBaseTextRange;
-    constructor(formBuilder: FormBuilder, _dialogService: DialogService);
-    private resetSelectedChar;
-    onSelectedChar(event: BaseTextCharEvent): void;
-    onFeaturesChange(features: Feature[]): void;
-    onRangePick(range: VarBaseTextRange): void;
-    patchTextFromUser(): void;
-    setTextFromUser(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BaseTextEditorComponent, 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,69 +0,0 @@
-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.
- */
-export interface VarBaseTextRange {
-    at: number;
-    run: number;
-}
-/**
- * 🔑 `gve-base-text-view`
- *
- * A component to display a selectable base text.
- * Used by the chain result view component and the base text editor component.
- *
- * - ▶️ `defaultColor` (`string`): the default color for the text.
- * - ▶️ `defaultBorderColor` (`string`): the default border color for the text.
- * - ▶️ `selectionColor` (`string`): the color for the selected text.
- * - ▶️ `hasLineNumber` (`boolean`): true if line numbers should be displayed next to each line.
- * - ▶️ `text` (`string` | `CharNode[]`): the text to display.
- * - 🔥 `charPick` (`BaseTextCharEvent`): emitted when a character is picked.
- * - 🔥 `rangePick` (`VarBaseTextRange`): emitted when a range is picked.
- */
-export declare class BaseTextViewComponent {
-    private _lastSelectedChar?;
-    /**
-     * The default color for the text.
-     */
-    readonly defaultColor: import("@angular/core").InputSignal<string>;
-    /**
-     * The default border color for the text.
-     */
-    readonly defaultBorderColor: import("@angular/core").InputSignal<string>;
-    /**
-     * The color for the selected text.
-     */
-    readonly selectionColor: import("@angular/core").InputSignal<string>;
-    /**
-     * True if line numbers should be displayed next to each line.
-     */
-    readonly hasLineNumber: import("@angular/core").InputSignal<boolean>;
-    /**
-     * The text to display.
-     */
-    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.
-     */
-    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.
-     */
-    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; "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,44 +0,0 @@
-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';
-import { PayloadMatDialogConfig } from '../../models';
-import { GveApiService } from '../../services/gve-api.service';
-import * as i0 from "@angular/core";
-/**
- * 🔑 `gve-batch-operation-editor`
- *
- * A component to edit a batch of operations. This component can be used both in a dialog
- * and as a standalone component.
- *
- * - ▶️ `preset` (`string`): the optional preset text to parse.
- * - 🔥 `operationsChange` (`CharChainOperation[]`): event emitted when operations change.
- */
-export declare class BatchOperationEditorComponent implements OnInit {
-    private _api;
-    dialogRef?: MatDialogRef<BatchOperationEditorComponent> | undefined;
-    data?: PayloadMatDialogConfig<{
-        preset?: string;
-    }> | undefined;
-    busy?: boolean;
-    parseError?: string;
-    text: FormControl<string | null>;
-    form: FormGroup;
-    /**
-     * The preset text to parse if any. Usually you start with a blank
-     * text, but sometimes you might want to pre-set it.
-     */
-    readonly preset: import("@angular/core").InputSignal<string | undefined>;
-    /**
-     * Emitted when operations change.
-     */
-    readonly operationsChange: import("@angular/core").OutputEmitterRef<CharChainOperation[]>;
-    constructor(formBuilder: FormBuilder, _api: GveApiService, dialogRef?: MatDialogRef<BatchOperationEditorComponent> | undefined, data?: PayloadMatDialogConfig<{
-        preset?: string;
-    }> | undefined);
-    ngOnInit(): 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; "isSignal": true; }; }, { "operationsChange": "operationsChange"; }, never, never, true, never>;
-}

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

@@ -1,149 +0,0 @@
-import { OnDestroy, OnInit } from '@angular/core';
-import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
-import { Clipboard } from '@angular/cdk/clipboard';
-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";
-/**
- * 🔑 `gve-chain-operation-editor`
- *
- * A component for editing a variant generation operation.
- * Used by the `gve-snapshot-editor` component.
- * - ▶️ `operation` (`CharChainOperation`): the operation to edit.
- * - ▶️ `snapshot` (`SnapshotBase`): the snapshot the operation refers to.
- * - ▶️ `hidePreview` (`boolean`): whether to hide the preview request button.
- * - 🔥 `operationChange` (`CharChainOperation`): emitted when the operation
- * is changed.
- * - 🔥 `operationPreview` (`CharChainOperation`): emitted when the operation
- * preview is requested.
- * - 🔥 `operationCancel` (`void`): emitted when operation editing is cancelled.
- *
- * The editor is composed of many sections:
- * - **general**:
- *  - ID: each operation has an ID, automatically assigned. This is not used in
- * the context of the operation or of its transformations, but is provided as a
- * reference.
- *  - at and run: coordinates for the selection of the base text targeted by
- * this operation. Check `idx` when `at` is index-based rather than ID-based.
- *  - to and to-run: a second coordinate, used by some operations.
- *  - value: the text value argument, for those operations requiring it.
- *  - rank and group ID.
- *  - input and output tags.
- *  - features. These are metadata attached to this operation, and can be any
- * type of name=value pairs.
- * - **sources**: sources are a special type of metadata used when your text
- * versions come from more than a single source. In this case, you can specify
- * the source(s) for each operation, just like in a traditional apparatus you
- * specify witnesses for each variant. Each source has an ID, a type, a
- * probability rank (0=not specified, else 1-N), and an optional free text note.
- * - **diplomatic**: SVG `g` code. The diplomatic section is the approximate
- * diplomatic representation of the layout of the annotated text. It essentially
- * consists in a freely editable SVG code, always grouped into a single root `g`
- * element, encoding all the graphical traits representing this operation.
- * The visual part of each operation can be placed everywhere on the snapshot,
- * as specified by its coordinates.
- * - **elements**: features of any of the SVG code elements having an ID.
- * The elements section lists all the SVG elements having an `id` attribute in
- * the SVG code of the diplomatic section. The ID allows you to attach
- * any number of features (metadata modeled as name=value pairs) to each of
- * these elements. Among these features, you may use `style` or `class` for
- * renditional purposes, and any other name for your own metadata. Note that
- * element IDs will be required also when dealing with animations. So, ensure
- * to assign an ID to each element you want to animate.
- * - **dp feats**: diplomatic features: these are features (metadata modeled
- * as name=value pairs) for the diplomatic representation of this operation
- * as a whole.
- */
-export declare class ChainOperationEditorComponent implements OnInit, OnDestroy {
-    private _clipboard;
-    private _settings;
-    private _dialogService;
-    private readonly _disposables;
-    private readonly _subs;
-    private readonly _nanoid;
-    private _editorModel?;
-    private _editor?;
-    private _editedSourceIndex;
-    /**
-     * The operation to edit.
-     */
-    readonly operation: import("@angular/core").ModelSignal<CharChainOperation | undefined>;
-    /**
-     * The snapshot the operation refers to.
-     */
-    readonly snapshot: import("@angular/core").InputSignal<SnapshotBase | undefined>;
-    /**
-     * Whether to hide the preview request button.
-     */
-    readonly hidePreview: import("@angular/core").InputSignal<boolean | undefined>;
-    /**
-     * Emitted when the operation is changed.
-     */
-    readonly operationChange: import("@angular/core").OutputEmitterRef<CharChainOperation>;
-    /**
-     * Emitted when the operation preview is requested.
-     */
-    readonly operationPreview: import("@angular/core").OutputEmitterRef<CharChainOperation>;
-    /**
-     * Emitted when operation editing is cancelled.
-     */
-    readonly operationCancel: import("@angular/core").OutputEmitterRef<void>;
-    tabIndex: number;
-    id?: string;
-    hasTo: boolean;
-    hasToRun: boolean;
-    hasValue: boolean;
-    rank: FormControl<number>;
-    groupId: FormControl<string | null>;
-    features: FormControl<Feature[]>;
-    sources: FormControl<OperationSource[]>;
-    type: FormControl<OperationType>;
-    at: FormControl<number>;
-    atAsIndex: FormControl<boolean>;
-    to: FormControl<number>;
-    toAsIndex: FormControl<boolean>;
-    inputTag: FormControl<string | null>;
-    outputTag: FormControl<string | null>;
-    run: FormControl<number>;
-    toRun: FormControl<number>;
-    value: FormControl<string | null>;
-    svg: FormControl<string>;
-    elementFeatures: FormControl<Record<string, Feature[]>>;
-    newTextHidden: FormControl<boolean>;
-    dpFeatures: FormControl<Feature[]>;
-    form: FormGroup;
-    elements: SVGElement[];
-    editedElementId?: string;
-    editedSource?: OperationSource;
-    constructor(formBuilder: FormBuilder, _clipboard: Clipboard, _settings: SettingsService, _dialogService: DialogService);
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    private hasTextChanges;
-    onCreateEditor(editor: monaco.editor.IEditor): void;
-    onFeaturesChange(features: OperationFeature[]): void;
-    onDpFeaturesChange(features: Feature[]): void;
-    addSource(): void;
-    editSource(index: number): void;
-    closeSource(): void;
-    onSourceChange(source: OperationSource): void;
-    saveSvg(): void;
-    openSvgEditor(): void;
-    loadSvg(): void;
-    setSvgFromClipboard(): void;
-    private parseSvg;
-    removeDecimals(): void;
-    wrapInGroup(): void;
-    onTabIndexChange(index: number): void;
-    editElementFeatures(element: SVGElement): void;
-    deleteElementFeatures(element: SVGElement): void;
-    onElementFeaturesChange(features: Feature[]): void;
-    private updateArgsUI;
-    private updateForm;
-    cancel(): void;
-    private getOperation;
-    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; "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,58 +0,0 @@
-import { OnDestroy, OnInit } from '@angular/core';
-import { FormBuilder, FormControl } from '@angular/forms';
-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';
-import * as i0 from "@angular/core";
-/**
- * 🔑 `gve-chain-result-view`
- *
- * Component to display a chain result. This provides a version picker
- * by staged version or simple step, and shows the selected step's text
- * and features, plus a steps map. User can pick a step from both the
- * pickers or the map.
- * Used by the `gve-snapshot-editor` component.
- *
- * - ▶️ `result` (`CharChainResult`): the result to display.
- * - 🔥 `stepPick` (`ChainOperationContextStep`): emitted when a
- * result's step is picked by the user.
- */
-export declare class ChainResultViewComponent implements OnInit, OnDestroy {
-    private _subs?;
-    /**
-     * The result to display.
-     */
-    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.
-     */
-    readonly initialStepIndex: import("@angular/core").InputSignal<number | undefined>;
-    /**
-     * Emitted when a result's step is picked by the user.
-     */
-    readonly stepPick: import("@angular/core").OutputEmitterRef<ChainOperationContextStep>;
-    versionTags: string[];
-    tags: string[];
-    versionTag: FormControl<string | null>;
-    tag: FormControl<string | null>;
-    step?: ChainOperationContextStep;
-    selection?: string;
-    selectionFeatures: OperationFeature[];
-    constructor(formBuilder: FormBuilder);
-    ngOnInit(): void;
-    getCharBorderColor(node: CharNode): string | null;
-    private selectInitialStep;
-    ngOnDestroy(): void;
-    private updateVersionTags;
-    private getTagFromVersion;
-    private updateForm;
-    private getNodeFeatures;
-    private findNode;
-    onStepCharPick(event: BaseTextCharEvent): void;
-    onStepRangePick(range: VarBaseTextRange): 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; "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

@@ -1,42 +0,0 @@
-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>;
-}