@myrmidon/gve-core 0.0.3 → 0.0.5

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

@@ -1,9 +1,26 @@
 import { EventEmitter } from '@angular/core';
 import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
-import { GveAnimationTimeline, GveAnimationTween, GveAnimationVars } from '@myrmidon/gve-snapshot-view';
+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 {
     private _timeline?;
+    /**
+     * The animation timeline to edit.
+     */
     get timeline(): GveAnimationTimeline | undefined;
     set timeline(value: GveAnimationTimeline | undefined | null);
     /**
@@ -11,21 +28,26 @@ export declare class AnimationTimelineComponent {
      * This list is used to allow the user to select an element from a dropdown.
      */
     elementIds?: string[];
+    /**
+     * The tags that can be used by the timeline.
+     */
     tags: string[];
+    /**
+     * Emitted when the timeline is changed.
+     */
     readonly timelineChange: EventEmitter<GveAnimationTimeline>;
-    readonly cancel: EventEmitter<void>;
+    /**
+     * Emitted when the timeline editing is canceled.
+     */
+    readonly timelineCancel: EventEmitter<void>;
     tag: FormControl<string>;
     tweens: FormControl<GveAnimationTween[]>;
-    vars: FormControl<GveAnimationVars>;
+    vars: FormControl<string | null>;
     form: FormGroup;
     editedTweenIndex: number;
     editedTween?: GveAnimationTween;
-    readonly selectors: {
-        0: string;
-        1: string;
-        2: string;
-    };
     constructor(formBuilder: FormBuilder);
+    private jsonValidator;
     private updateForm;
     addTween(): void;
     editTween(index: number): void;
@@ -38,5 +60,5 @@ export declare class AnimationTimelineComponent {
     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"; "cancel": "cancel"; }, never, never, true, 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>;
 }

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

@@ -0,0 +1,55 @@
+import { EventEmitter } from '@angular/core';
+import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
+import { DialogService } from '@myrmidon/ng-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;
+    private _timelines;
+    editedTimeline?: GveAnimationTimeline;
+    /**
+     * The animation timelines to edit.
+     */
+    get timelines(): GveAnimationTimeline[];
+    set timelines(value: GveAnimationTimeline[] | undefined | null);
+    /**
+     * 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[];
+    /**
+     * The tags that can be used by the timeline.
+     */
+    tags: string[];
+    /**
+     * Emitted when the timelines are changed.
+     */
+    readonly timelinesChange: EventEmitter<GveAnimationTimeline[]>;
+    /**
+     * Emitted when the timeline editing is canceled.
+     */
+    readonly timelinesCancel: EventEmitter<void>;
+    set: FormControl<GveAnimationTimeline[]>;
+    form: FormGroup;
+    constructor(formBuilder: FormBuilder, _dialogService: DialogService);
+    private updateForm;
+    closeTimeline(): void;
+    newTimeline(): void;
+    editTimeline(index: number): void;
+    onTimelineChange(timeline: GveAnimationTimeline): 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>;
+}

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

@@ -1,9 +1,17 @@
 import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
-import { GveAnimationTween, GveAnimationVars } from '@myrmidon/gve-snapshot-view';
+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?;
@@ -18,30 +26,35 @@ export declare class AnimationTweenComponent implements OnInit, OnDestroy {
      * This list is used to allow the user to select an element from a dropdown.
      */
     elementIds?: string[];
+    /**
+     * Emitted when the tween is changed.
+     */
     readonly tweenChange: EventEmitter<GveAnimationTween>;
-    readonly cancel: EventEmitter<void>;
+    /**
+     * Emitted when the user cancels the edit.
+     */
+    readonly tweenCancel: EventEmitter<void>;
+    types: string[];
     label: FormControl<string>;
     note: FormControl<string | null>;
-    type: FormControl<number>;
+    type: FormControl<TweenType>;
     selector: FormControl<string>;
-    vars: FormControl<GveAnimationVars>;
-    vars2: FormControl<GveAnimationVars | null>;
+    vars: FormControl<string>;
+    vars2: FormControl<string | null>;
     position: FormControl<string | null>;
     form: FormGroup;
     elementId: FormControl<string | null>;
-    types: {
-        label: string;
-        value: number;
-    }[];
     constructor(formBuilder: FormBuilder);
     ngOnInit(): void;
     ngOnDestroy(): void;
-    onVarsChange(vars: GveAnimationVars): void;
-    onVars2Change(vars: GveAnimationVars): 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; }; "elementIds": { "alias": "elementIds"; "required": false; }; }, { "tweenChange": "tweenChange"; "cancel": "cancel"; }, never, never, true, 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>;
 }

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

@@ -1,5 +1,8 @@
 import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
+/**
+ * A single character from a base text.
+ */
 export interface BaseTextChar {
     id: number;
     value: string;
@@ -8,20 +11,33 @@ export interface BaseTextChar {
     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 {
     private _char;
     defaultColor: string;
     defaultBorderColor: string;
     defaultEmSize: number;
+    /**
+     * The character to display.
+     */
     get char(): BaseTextChar | undefined;
     set char(value: BaseTextChar | undefined | null);
+    /**
+     * Emitted when the character is clicked.
+     */
     charPick: EventEmitter<BaseTextCharEvent>;
     onCharClick(event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaseTextCharComponent, never>;

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

@@ -6,9 +6,13 @@ 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;
@@ -20,7 +24,7 @@ export declare class BaseTextEditorComponent {
     get text(): CharNode[];
     set text(value: string | CharNode[] | undefined | null);
     /**
-     * Emits the edited text as an array of `CharNode`'s whenever it changes.
+     * Emitted for the edited text as an array of `CharNode`'s whenever it changes.
      */
     readonly textChange: EventEmitter<CharNode[]>;
     userText: FormControl<string>;

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

@@ -2,23 +2,60 @@ import { EventEmitter } from '@angular/core';
 import { BaseTextChar, BaseTextCharEvent } from '../base-text-char/base-text-char.component';
 import { CharNode } from '@myrmidon/gve-snapshot-view';
 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 _text?;
     private _lastSelectedChar?;
+    /**
+     * The default color for the text.
+     */
     defaultColor: string;
+    /**
+     * The default border color for the text.
+     */
     defaultBorderColor: string;
+    /**
+     * The color for the selected text.
+     */
     selectionColor: string;
+    /**
+     * True if line numbers should be displayed next to each line.
+     */
     hasLineNumber: boolean;
+    /**
+     * The text to display.
+     */
     get text(): string | CharNode[] | undefined;
     set text(value: string | CharNode[] | undefined | null);
+    /**
+     * Emitted when a character is picked.
+     */
     charPick: EventEmitter<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>;
     lines: BaseTextChar[][];
     private buildLines;

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

@@ -1,16 +1,64 @@
-/// <reference types="monaco-editor/monaco" />
 import { EventEmitter, 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 { 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 _editorModel?;
     private _editor?;
@@ -34,15 +82,15 @@ export declare class ChainOperationEditorComponent implements OnInit, OnDestroy
      */
     hidePreview?: boolean;
     /**
-     * Emits when the operation is changed.
+     * Emitted when the operation is changed.
      */
     readonly operationChange: EventEmitter<CharChainOperation>;
     /**
-     * Emits when the operation preview is requested.
+     * Emitted when the operation preview is requested.
      */
     readonly operationPreview: EventEmitter<CharChainOperation>;
     /**
-     * Emits when the operation editing is cancelled.
+     * Emitted when operation editing is cancelled.
      */
     readonly operationCancel: EventEmitter<void>;
     tabIndex: number;
@@ -71,7 +119,7 @@ export declare class ChainOperationEditorComponent implements OnInit, OnDestroy
     elements: SVGElement[];
     editedElementId?: string;
     editedSource?: OperationSource;
-    constructor(formBuilder: FormBuilder, _clipboard: Clipboard, _settings: SettingsService);
+    constructor(formBuilder: FormBuilder, _clipboard: Clipboard, _settings: SettingsService, _dialogService: DialogService);
     ngOnInit(): void;
     ngOnDestroy(): void;
     private hasTextChanges;

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

@@ -6,19 +6,32 @@ import { ChainOperationContextStep, CharChainResult } from '../../services/gve-a
 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.
+ * 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?;
     private _result?;
-    private _stepPickFrozen?;
+    private _initialStepIndex?;
     /**
      * The result to display.
      */
     get result(): CharChainResult | undefined;
     set result(value: CharChainResult | undefined | null);
     /**
-     * Emits when a result's step is picked.
+     * 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);
+    /**
+     * Emitted when a result's step is picked by the user.
      */
     stepPick: EventEmitter<ChainOperationContextStep>;
     versionTags: string[];
@@ -30,6 +43,7 @@ export declare class ChainResultViewComponent implements OnInit, OnDestroy {
     selectionFeatures: OperationFeature[];
     constructor(formBuilder: FormBuilder);
     ngOnInit(): void;
+    private selectInitialStep;
     ngOnDestroy(): void;
     private updateVersionTags;
     private getTagFromVersion;
@@ -40,5 +54,5 @@ export declare class ChainResultViewComponent implements OnInit, OnDestroy {
     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; }; }, { "stepPick": "stepPick"; }, never, never, true, 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>;
 }

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

@@ -5,22 +5,36 @@ import * as i0 from "@angular/core";
 /**
  * Features map. This is used for features from closed sets,
  * and lists the possible values for each feature.
+ * The key is the feature name, and the value is an array of
+ * labeled IDs representing the allowed values for that feature.
  */
 export interface FeatureMap {
     [key: string]: LabeledId[];
 }
 /**
- * Feature editor. This edits a single feature, either free or from
- * a closed set. In the latter case you must define the set via
- * the `labeledIds` input. Also, you can provide a map of features
- * to values via the `map` input. This is useful when you want to
- * provide a set of features and values to the user, and you want
- * to provide human-readable labels for the values.
+ * 🔑 `gve-feature-editor`
+ *
+ * Component for editing a single feature, whose model is a name=value
+ * pair, plus a set policy value which defines the desired behavior
+ * when adding that feature to a set.
+ * Used by `gve-feature-set-editor`.
+ *
+ * - ▶️ `feature` (`Feature`): the feature to edit.
+ * - ▶️ `featNames` (`LabeledId[]`): the list of feature names to display
+ * in the _name_ selection. This is used when you have a closed list of
+ * features. Each item in the list is an object with _id_ and _label_
+ * properties.
+ * - ▶️ `featValues` (`FeatureMap`): 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.
+ * - 🔥 `featureChange` (`Feature`): emitted when feature has changed.
+ * - 🔥 `featureCancel`: emitted when the user cancels the feature editing.
  */
 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.
@@ -51,7 +65,7 @@ export declare class FeatureEditorComponent implements OnInit, OnDestroy {
     /**
      * Event emitted when the user saves the edited feature.
      */
-    featureChange: EventEmitter<Feature | OperationFeature>;
+    featureChange: EventEmitter<OperationFeature | Feature>;
     name: FormControl<string>;
     value: FormControl<string>;
     setPolicy: FormControl<FeatureSetPolicy>;

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

@@ -4,12 +4,32 @@ import { LabeledId, Feature, OperationFeature } from '@myrmidon/gve-snapshot-vie
 import { FeatureMap } from '../feature-editor/feature-editor.component';
 import * as i0 from "@angular/core";
 /**
- * Editor for a set of features.
+ * 🔑 `gve-feature-set-editor`
+ *
+ * Component for editing a set of features. It shows a list of features,
+ * allowing to edit each of them or adding new ones. Optionally you can
+ * specify a list of feature names and values to use in the selection.
+ * Used by base text editor and chain operation editor components.
+ *
+ * - ▶️ `featNames` (`LabeledId[]`): the list of feature names to display
+ * in the _name_ selection. This is used when you have a closed list of features.
+ * - ▶️ `featValues` (`FeatureMap`): 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.
+ * - ▶️ `filterThreshold` (`number`): the threshold at which the features filter
+ * should become visible. If set to 0, the filter is always visible; if set to -1,
+ * it is always invisible; otherwise, it gets visible when the number of features
+ * is greater than the threshold. Default is 5.
+ * - ▶️ `features` (`Feature[]`): the features to edit.
+ * - ▶️ `isVar`: true if the feature is a variant operation feature, which
+ * has additional properties like negation, global, and short-lived.
+ * - 🔥 `featuresChange` (`Feature[]`): emitted when features have changed.
  */
 export declare class FeatureSetEditorComponent implements OnInit, OnDestroy {
     private _sub?;
     private _features;
     private _editedFeatureIndex;
+    POLICIES: string[];
     /**
      * True if the features are variable features.
      */
@@ -26,9 +46,12 @@ export declare class FeatureSetEditorComponent implements OnInit, OnDestroy {
      */
     featValues: FeatureMap | undefined;
     /**
-     * True to hide the feature filter.
+     * The threshold at which the features filter should become visible.
+     * If set to 0, the filter is always visible; if set to -1, it is always
+     * invisible; otherwise, it gets visible when the number of features
+     * is greater than the threshold. Default is 5.
      */
-    noFilter: boolean;
+    filterThreshold: number;
     /**
      * The features to edit.
      */
@@ -37,7 +60,7 @@ export declare class FeatureSetEditorComponent implements OnInit, OnDestroy {
     /**
      * Emitted when the features change.
      */
-    featuresChange: EventEmitter<Feature[] | OperationFeature[]>;
+    featuresChange: EventEmitter<OperationFeature[] | Feature[]>;
     editedFeature?: Feature | OperationFeature;
     filter: FormControl<string | null>;
     filteredFeatures: Feature[] | OperationFeature[];
@@ -51,5 +74,5 @@ export declare class FeatureSetEditorComponent implements OnInit, OnDestroy {
     onFeatureChange(feature: Feature | OperationFeature): void;
     onFeatureCancel(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FeatureSetEditorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FeatureSetEditorComponent, "gve-feature-set-editor", never, { "isVar": { "alias": "isVar"; "required": false; }; "featNames": { "alias": "featNames"; "required": false; }; "featValues": { "alias": "featValues"; "required": false; }; "noFilter": { "alias": "noFilter"; "required": false; }; "features": { "alias": "features"; "required": false; }; }, { "featuresChange": "featuresChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FeatureSetEditorComponent, "gve-feature-set-editor", never, { "isVar": { "alias": "isVar"; "required": false; }; "featNames": { "alias": "featNames"; "required": false; }; "featValues": { "alias": "featValues"; "required": false; }; "filterThreshold": { "alias": "filterThreshold"; "required": false; }; "features": { "alias": "features"; "required": false; }; }, { "featuresChange": "featuresChange"; }, never, never, true, never>;
 }

package/lib/components/feature-set-view/feature-set-view.component.d.ts

@@ -2,6 +2,23 @@ import { FormBuilder, FormControl } from '@angular/forms';
 import { Feature, LabeledId, OperationFeature } from '@myrmidon/gve-snapshot-view';
 import { FeatureMap } from '../feature-editor/feature-editor.component';
 import * as i0 from "@angular/core";
+/**
+ * 🔑 `gve-feature-set-view`
+ *
+ * A component to display a list of features.
+ * Used by the chain result view component.
+ *
+ * - ▶️ `features` (`Feature[]`): the features to display.
+ * - ▶️ `featNames` (`LabeledId[]`): the list of feature names to display
+ * in the _name_ selection. This is used when you have a closed list of features.
+ * - ▶️ `featValues` (`FeatureMap`): 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.
+ * - ▶️ `filterThreshold` (`number`): the threshold at which the features filter
+ * should become visible. If set to 0, the filter is always visible; if set to -1,
+ * it is always invisible; otherwise, it gets visible when the number of features
+ * is greater than the threshold. Default is 5.
+ */
 export declare class FeatureSetViewComponent {
     private _sub?;
     private _features;
@@ -22,9 +39,12 @@ export declare class FeatureSetViewComponent {
      */
     featValues: FeatureMap | undefined;
     /**
-     * The minimum count of features required for filter to be visible.
+     * The threshold at which the features filter should become visible.
+     * If set to 0, the filter is always visible; if set to -1, it is always
+     * invisible; otherwise, it gets visible when the number of features
+     * is greater than the threshold. Default is 5.
      */
-    minFilterCount: number;
+    filterThreshold: number;
     filter: FormControl<string | null>;
     filteredFeatures: Feature[] | OperationFeature[];
     constructor(formBuilder: FormBuilder);
@@ -32,5 +52,5 @@ export declare class FeatureSetViewComponent {
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FeatureSetViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FeatureSetViewComponent, "gve-feature-set-view", never, { "features": { "alias": "features"; "required": false; }; "featNames": { "alias": "featNames"; "required": false; }; "featValues": { "alias": "featValues"; "required": false; }; "minFilterCount": { "alias": "minFilterCount"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FeatureSetViewComponent, "gve-feature-set-view", never, { "features": { "alias": "features"; "required": false; }; "featNames": { "alias": "featNames"; "required": false; }; "featValues": { "alias": "featValues"; "required": false; }; "filterThreshold": { "alias": "filterThreshold"; "required": false; }; }, {}, never, never, true, never>;
 }