@visuno/angular 0.0.0-stage → 0.1.0

package/design-review/design-review.component.d.ts

@@ -0,0 +1,108 @@
+import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { type VoIconName } from '../core/icon.component';
+import * as i0 from "@angular/core";
+/** A check's state: wait (not run yet), run (running now), ok or bad. */
+export type ReviewCheckState = 'wait' | 'run' | 'ok' | 'bad';
+/** One row in the Checks column. */
+export interface ReviewCheck {
+    /** What is checked, like "Visual diff". */
+    label: string;
+    /** wait (not run yet), run (running now), ok or bad. */
+    state: ReviewCheckState;
+    /** The result on the right, like "2 of 6 screens changed". */
+    note?: string;
+}
+/** Who wrote a review message. `agent` draws the agent's mark instead of an avatar. */
+export interface ReviewAuthor {
+    name: string;
+    initials?: string;
+    color?: string;
+    agent?: boolean;
+}
+/** The tag beside the name, like Changes requested or Approved. `busy` puts a spinner in it. */
+export interface ReviewVerdict {
+    label: string;
+    tone?: 'ok' | 'warn' | 'bad' | 'neutral';
+    icon?: VoIconName;
+    busy?: boolean;
+}
+/** One message in the review: who, a verdict tag, and what they said. */
+export interface ReviewMessage {
+    author: ReviewAuthor;
+    verdict?: ReviewVerdict;
+    /** What they said, under the name. */
+    text?: string;
+}
+/** One way it can ship, picked from the menu beside the button. */
+export interface ShipOption {
+    key: string;
+    /** The button's label when it is picked, like "Ship to 10% first". */
+    label: string;
+    /** The quiet line under it in the menu. */
+    detail?: string;
+}
+/** Where it is: in review, approved (Ship turns on), shipping, then live or scheduled. */
+export type ReviewPhase = 'review' | 'approved' | 'shipping' | 'live' | 'scheduled';
+/** Overridable copy for the fixed labels. */
+export interface ReviewLabels {
+    checks?: string;
+    review?: string;
+    inReview?: string;
+    approved?: string;
+    live?: string;
+    scheduled?: string;
+    shipping?: string;
+}
+export declare class DesignReviewComponent implements OnChanges {
+    /** What is up for review, like "Pricing page v4". */
+    title: string;
+    /** The line under the title. */
+    subtitle?: string;
+    /** Header mark. Defaults to `figma` (the React `palette` glyph is not in the set). */
+    icon: VoIconName;
+    /** The Checks column, top to bottom. */
+    checks: ReviewCheck[];
+    /** The review so far, oldest first. */
+    messages: ReviewMessage[];
+    /** Where it is: review, approved, shipping, live or scheduled. */
+    phase: ReviewPhase;
+    /** The line beside the Ship button, like "Waiting on Maya". */
+    note?: string;
+    /** Shown in the review column before anyone has written. */
+    waitingLabel: string;
+    /** The ways it can ship, picked from the menu beside the button. */
+    options: ShipOption[];
+    /** Controlled picked option key. */
+    option?: string;
+    /** Uncontrolled starting option key. */
+    defaultOption?: string;
+    /** The line that replaces the buttons once it is live or scheduled. */
+    doneLabel?: string;
+    /** Overridable fixed copy. */
+    labels: ReviewLabels;
+    className: string;
+    /** The picked ship option changed. */
+    optionChange: EventEmitter<string>;
+    /** The Ship button was pressed, with the chosen option. */
+    shipClick: EventEmitter<ShipOption>;
+    /** Internal pick for the uncontrolled case. */
+    private innerPick?;
+    menuOpen: boolean;
+    ngOnChanges(changes: SimpleChanges): void;
+    get L(): Required<ReviewLabels>;
+    private pick;
+    chosen(): ShipOption;
+    done(): boolean;
+    locked(): boolean;
+    tag(): {
+        tone: string;
+        label: string;
+    };
+    verdictClass(v: ReviewVerdict): string;
+    initials(a: ReviewAuthor): string;
+    toggleMenu(): void;
+    pickOption(o: ShipOption): void;
+    ship(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DesignReviewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DesignReviewComponent, "vo-design-review", never, { "title": { "alias": "title"; "required": true; }; "subtitle": { "alias": "subtitle"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "checks": { "alias": "checks"; "required": false; }; "messages": { "alias": "messages"; "required": false; }; "phase": { "alias": "phase"; "required": true; }; "note": { "alias": "note"; "required": false; }; "waitingLabel": { "alias": "waitingLabel"; "required": false; }; "options": { "alias": "options"; "required": false; }; "option": { "alias": "option"; "required": false; }; "defaultOption": { "alias": "defaultOption"; "required": false; }; "doneLabel": { "alias": "doneLabel"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; "className": { "alias": "className"; "required": false; }; }, { "optionChange": "optionChange"; "shipClick": "shipClick"; }, never, never, true, never>;
+}

package/design-tuner/design-tuner.component.d.ts

@@ -0,0 +1,75 @@
+import { AfterViewInit, EventEmitter, OnDestroy } from '@angular/core';
+import * as i0 from "@angular/core";
+/** One slider: names a value and the CSS variable it sets on the preview, `--vo-<key>`. */
+export interface TunerParam {
+    /** Names the value and the CSS variable it sets on the preview, `--vo-<key>`. */
+    key: string;
+    /** Shown beside the slider, like "Radius". */
+    label: string;
+    min: number;
+    max: number;
+    /** Where the slider starts when you don't pass values. */
+    value: number;
+    /** Added after whole numbers, like "px". Leave it out for plain numbers. */
+    unit?: string;
+    /** Shows and sets the value with this many decimals instead of rounding, like 2 for a shadow strength. */
+    decimals?: number;
+}
+/** A slider plus its live, shown and css-ready value. */
+interface Row {
+    param: TunerParam;
+    value: number;
+    pct: number;
+    shown: string;
+    drag: boolean;
+    hot: boolean;
+    target: number;
+}
+export declare class DesignTunerComponent implements AfterViewInit, OnDestroy {
+    /** The sliders. Defaults to radius, padding, spacing and shadow for the sample card. */
+    params: TunerParam[];
+    /** The value of each slider by key. Leave it out to let the sliders keep their own. */
+    values?: Record<string, number>;
+    /** What is being tuned, like "Pricing card". */
+    title: string;
+    /** Quiet line beside the title, like "Edited by you" or "Agent is tuning". */
+    status: string;
+    /** The button's label, like "Tune with agent" or "Tune again". */
+    actionLabel: string;
+    /** The preview lets the agent tune once on its own after a beat. Set false to turn that off. */
+    auto: boolean;
+    /** Emitted with the values by key whenever a slider or the agent moves one. */
+    valuesChange: EventEmitter<Record<string, number>>;
+    /** Emitted when the agent-tune button is pressed. */
+    tune_: EventEmitter<void>;
+    private readonly motion;
+    rows: Row[];
+    /** The agent is tuning: the button thinks and stops taking clicks. */
+    tuning: boolean;
+    /** What the agent changed and why, shown above the button. */
+    note: string;
+    /** The sample card's feature list. */
+    readonly features: string[];
+    private timers;
+    private frame?;
+    private touched;
+    ngAfterViewInit(): void;
+    /** The css-ready `--vo-<key>` variables the preview card reads. */
+    get vars(): Record<string, string>;
+    valueNow(r: Row): number;
+    private set;
+    private emit;
+    down(r: Row, e: PointerEvent): void;
+    move(r: Row, e: PointerEvent): void;
+    up(r: Row): void;
+    private at;
+    key(r: Row, e: KeyboardEvent): void;
+    tune(): void;
+    private run;
+    private tween;
+    private wait;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DesignTunerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DesignTunerComponent, "vo-design-tuner", never, { "params": { "alias": "params"; "required": false; }; "values": { "alias": "values"; "required": false; }; "title": { "alias": "title"; "required": false; }; "status": { "alias": "status"; "required": false; }; "actionLabel": { "alias": "actionLabel"; "required": false; }; "auto": { "alias": "auto"; "required": false; }; }, { "valuesChange": "valuesChange"; "tune_": "tune_"; }, never, never, true, never>;
+}
+export {};

package/details-panel/details-panel.component.d.ts

@@ -0,0 +1,150 @@
+import { AfterViewInit, EventEmitter, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { type VoIconName } from '../core/icon.component';
+import * as i0 from "@angular/core";
+/** One choice in a select row's menu. */
+export interface DetailsPanelOption {
+    value: string;
+    label: string;
+    /** A quieter line under the label in the menu, like "Best for design". */
+    detail?: string;
+    /** A coloured dot before the label, like 'var(--vo-ok)'. */
+    color?: string;
+    /** An avatar before the label instead of a dot. */
+    avatar?: {
+        initials: string;
+        color: string;
+    };
+}
+export type DetailsPanelTone = 'blue' | 'purple' | 'green' | 'orange' | 'red' | 'yellow' | 'pink' | 'teal';
+export interface DetailsPanelTag {
+    label: string;
+    tone?: DetailsPanelTone;
+}
+/** A plain value, like a date or a duration. */
+export interface DetailsPanelTextRow {
+    key: string;
+    label: string;
+    type?: 'text';
+    value: string | number;
+}
+/** A value picked from a menu. */
+export interface DetailsPanelSelectRow {
+    key: string;
+    label: string;
+    type: 'select';
+    options: DetailsPanelOption[];
+    value?: string;
+    defaultValue?: string;
+    /** Shows a chevron after the value. Defaults to true when the options have no dots or avatars. */
+    chevron?: boolean;
+}
+/** A number that rolls to its new value, like tokens or cost. */
+export interface DetailsPanelNumberRow {
+    key: string;
+    label: string;
+    type: 'number';
+    value: number;
+    /** Turns the number into text. Defaults to a rounded number with thousands separators. */
+    format?: (n: number) => string;
+}
+/** Labels, with an optional add button. */
+export interface DetailsPanelTagsRow {
+    key: string;
+    label: string;
+    type: 'tags';
+    tags: DetailsPanelTag[];
+    addLabel?: string;
+    /** Present to show the add button; emits through (add). */
+    canAdd?: boolean;
+}
+export type DetailsPanelRow = DetailsPanelTextRow | DetailsPanelSelectRow | DetailsPanelNumberRow | DetailsPanelTagsRow;
+export interface DetailsPanelSection {
+    key: string;
+    title: string;
+    rows: DetailsPanelRow[];
+}
+/** A row's live state carried in the template. */
+interface RowView {
+    row: DetailsPanelRow;
+    /** select: the picked value. */
+    value: string;
+    /** select: whether to draw the trailing chevron. */
+    chevron: boolean;
+    /** select/owner-avatar flash after a change. */
+    flash: boolean;
+    /** avatar should play its entrance on the next change. */
+    changed: boolean;
+    /** number: the currently shown (tweened) value. */
+    shown: number;
+    /** the popover for a select row is open. */
+    open: boolean;
+    /** tags present when the panel first showed, so later ones enter. */
+    initialTags: Set<string>;
+}
+/** A record's properties in folding sections, edited in place from small menus. */
+export declare class DetailsPanelComponent implements OnChanges, AfterViewInit, OnDestroy {
+    /** The title at the top, like "Pricing page redesign". */
+    title: string;
+    /** A short type tag before the title, like "RUN". */
+    kind?: string;
+    /** Adds a copy button that copies this, like a run ID. */
+    copyValue?: string;
+    /** The copy button's tooltip. */
+    copyLabel: string;
+    /** The sections of rows. */
+    sections: DetailsPanelSection[];
+    /** Keys of the open sections. Leave it out to let the headers toggle them; every section starts open. */
+    open?: string[];
+    defaultOpen?: string[];
+    /** An extra class on the panel. */
+    className: string;
+    /** Emitted when a select row's value changes. */
+    valueChange: EventEmitter<{
+        key: string;
+        value: string;
+    }>;
+    /** Emitted when the open sections change. */
+    openChange: EventEmitter<string[]>;
+    /** Emitted when a tags row's add button is pressed. */
+    add_: EventEmitter<string>;
+    private root;
+    private readonly motion;
+    /** React uses a "link" glyph; the Angular set substitutes "copy". */
+    readonly copyIcon: VoIconName;
+    /** Per-section row view state, keyed by section key. */
+    views: Record<string, RowView[]>;
+    copied: boolean;
+    private shownState;
+    private copyTimer?;
+    private tweenTimers;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    isOpen(key: string): boolean;
+    toggle(key: string): void;
+    private buildViews;
+    private blank;
+    selectOptions(row: DetailsPanelRow): DetailsPanelOption[];
+    picked(v: RowView): DetailsPanelOption | undefined;
+    mark(v: RowView): DetailsPanelOption | undefined;
+    openMenu(v: RowView): void;
+    choose(v: RowView, o: DetailsPanelOption): void;
+    onFlashEnd(v: RowView, e: AnimationEvent): void;
+    format(v: RowView): string;
+    textValue(row: DetailsPanelRow): string | number;
+    tagsOf(row: DetailsPanelRow): DetailsPanelTag[];
+    canAdd(row: DetailsPanelRow): boolean;
+    addLabel(row: DetailsPanelRow): string;
+    tone(t: DetailsPanelTone): string;
+    add(row: DetailsPanelRow): void;
+    copy(): void;
+    /** Rolls a number row to a new value over ~800ms (respecting reduced motion). */
+    setNumber(sectionKey: string, rowKey: string, value: number): void;
+    private tween;
+    private closeAll;
+    private closeSoon;
+    private readonly onOutside;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DetailsPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DetailsPanelComponent, "vo-details-panel", never, { "title": { "alias": "title"; "required": true; }; "kind": { "alias": "kind"; "required": false; }; "copyValue": { "alias": "copyValue"; "required": false; }; "copyLabel": { "alias": "copyLabel"; "required": false; }; "sections": { "alias": "sections"; "required": false; }; "open": { "alias": "open"; "required": false; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; }; "className": { "alias": "className"; "required": false; }; }, { "valueChange": "valueChange"; "openChange": "openChange"; "add_": "add_"; }, never, never, true, never>;
+}
+export {};

package/donut-chart/donut-chart.component.d.ts

@@ -0,0 +1,63 @@
+import { AfterViewInit, ChangeDetectorRef, EventEmitter, OnDestroy } from '@angular/core';
+import { ReducedMotionService } from '../core/reduced-motion.service';
+import * as i0 from "@angular/core";
+/** One segment of the ring. */
+export interface DonutChartSegment {
+    /** Like "Design reviews". */
+    label: string;
+    value: number;
+    /** Defaults to the chart palette (--vo-c1..c6), in order. */
+    color?: string;
+}
+/** Internal per-segment render state. */
+interface Arc {
+    seg: DonutChartSegment;
+    index: number;
+    color: string;
+    /** Length of the drawn part of this arc (value share minus the gap). */
+    len: number;
+    /** Negative start offset around the ring. */
+    at: number;
+    /** Whether this arc has swept in yet. */
+    drawn: boolean;
+    enterDelay: number;
+    percent: number;
+}
+export declare class DonutChartComponent implements AfterViewInit, OnDestroy {
+    private readonly reduced;
+    private readonly cdr;
+    segments: DonutChartSegment[];
+    /** Under the total in the middle, like "Agent time". */
+    label: string;
+    /** After every value, like "h" in "14.2h". */
+    unit: string;
+    /** Writes a value. Defaults to one decimal, like 14.2. */
+    format: (n: number) => string;
+    /**
+     * Index of the highlighted segment, or null. Leave it out to let hovering a
+     * segment or its row highlight it.
+     */
+    set active(value: number | null | undefined);
+    defaultActive: number | null;
+    activeChange: EventEmitter<number | null>;
+    readonly R = 48;
+    readonly C: number;
+    arcs: Arc[];
+    hl: number | null;
+    centerValue: string;
+    centerLabel: string;
+    private total;
+    private controlled;
+    private timers;
+    private frames;
+    constructor(reduced: ReducedMotionService, cdr: ChangeDetectorRef);
+    ngAfterViewInit(): void;
+    highlight(index: number | null): void;
+    private updateCenter;
+    private count;
+    private later;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DonutChartComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DonutChartComponent, "vo-donut-chart", never, { "segments": { "alias": "segments"; "required": true; }; "label": { "alias": "label"; "required": false; }; "unit": { "alias": "unit"; "required": false; }; "format": { "alias": "format"; "required": false; }; "active": { "alias": "active"; "required": false; }; "defaultActive": { "alias": "defaultActive"; "required": false; }; }, { "activeChange": "activeChange"; }, never, never, true, never>;
+}
+export {};

package/draft-review/draft-review.component.d.ts

@@ -0,0 +1,128 @@
+import { AfterViewInit, EventEmitter, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { type VoIconName } from '../core/icon.component';
+import * as i0 from "@angular/core";
+/** Someone the draft is addressed to. */
+export interface DraftRecipient {
+    name: string;
+    /** The avatar's letters. Defaults to the first letters of the name. */
+    initials?: string;
+    /** The avatar's colour, like 'var(--vo-av-l)'. */
+    color?: string;
+}
+/** A file on the draft. */
+export interface DraftAttachment {
+    name: string;
+    /** Shown beside the name, like "240 KB". */
+    size?: string;
+    /** Still uploading: a spinner in place of the size. */
+    loading?: boolean;
+}
+/** One button in the warning notice. */
+export interface DraftWarningAction {
+    label: string;
+    onClick: () => void;
+    primary?: boolean;
+}
+/** A problem to settle before it sends, like an attachment the message mentions but nothing attached. */
+export interface DraftWarning {
+    text: string;
+    actions: DraftWarningAction[];
+}
+/** One option in the "when to send" menu. */
+export interface SendOption {
+    /** `now` sends straight away; any other key schedules it. */
+    key: string;
+    /** Like "Tomorrow at 09:00". */
+    label: string;
+    /** The quiet line under it in the menu. */
+    detail?: string;
+}
+/** draft (being checked), sending, undo (sent, with a window to take it back), sent, scheduled or discarded. */
+export type DraftPhase = 'draft' | 'sending' | 'undo' | 'sent' | 'scheduled' | 'discarded';
+/** The words on the controls, each overridable. */
+export interface DraftLabels {
+    send?: string;
+    schedule?: string;
+    sending?: string;
+    scheduling?: string;
+    discard?: string;
+    notSent?: string;
+    sent?: string;
+    scheduled?: string;
+    delivered?: string;
+    discarded?: string;
+    nothingSent?: string;
+    undo?: string;
+    cancel?: string;
+}
+/** The outcome row that takes the footer's place while the draft is not a draft. */
+interface DoneRow {
+    icon: VoIconName;
+    small: boolean;
+    cls: string;
+    t: string;
+    sub: string;
+    btn?: string;
+}
+/** An email the agent drafted, to check and edit before it sends. */
+export declare class DraftReviewComponent implements OnChanges, AfterViewInit, OnDestroy {
+    title: string;
+    /** The line under the title, like "After the pricing review with Maya". */
+    subtitle?: string;
+    to: DraftRecipient[];
+    subject: string;
+    /** The message as the agent wrote it. It stays editable; read edits from bodyChange. */
+    body: string;
+    attachments: DraftAttachment[];
+    /** A problem to settle before it sends. */
+    warning: DraftWarning | null;
+    phase: DraftPhase;
+    /** When to send, picked from the menu beside the button. */
+    sendOptions: SendOption[];
+    sendOption?: string;
+    defaultSendOption?: string;
+    /** Seconds left to undo, shown while the phase is undo. */
+    undoLeft: number;
+    labels: DraftLabels;
+    className?: string;
+    subjectChange: EventEmitter<string>;
+    bodyChange: EventEmitter<string>;
+    sendOptionChange: EventEmitter<string>;
+    send: EventEmitter<SendOption>;
+    discard: EventEmitter<void>;
+    /** Takes it back: undoes a send in its window, cancels a scheduled one, or brings back a discarded draft. */
+    undo: EventEmitter<void>;
+    private bodyEl;
+    private ddBtn?;
+    private pop?;
+    private readonly motion;
+    menuOpen: boolean;
+    private bodyWritten;
+    private pickState;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private writeBody;
+    get L(): Required<DraftLabels>;
+    get busy(): boolean;
+    get done(): boolean;
+    get editable(): boolean;
+    get pickedKey(): string;
+    get chosen(): SendOption;
+    get later(): boolean;
+    private get names();
+    get showWarning(): boolean;
+    get tagLabel(): string;
+    get row(): DoneRow | null;
+    initials(p: DraftRecipient): string;
+    onSubjectInput(e: Event): void;
+    onBodyInput(): void;
+    pick(key: string): void;
+    toggleMenu(): void;
+    private closeMenuSoon;
+    onKeydown(e: KeyboardEvent): void;
+    private readonly onOutside;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DraftReviewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DraftReviewComponent, "vo-draft-review", never, { "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "to": { "alias": "to"; "required": false; }; "subject": { "alias": "subject"; "required": false; }; "body": { "alias": "body"; "required": false; }; "attachments": { "alias": "attachments"; "required": false; }; "warning": { "alias": "warning"; "required": false; }; "phase": { "alias": "phase"; "required": false; }; "sendOptions": { "alias": "sendOptions"; "required": false; }; "sendOption": { "alias": "sendOption"; "required": false; }; "defaultSendOption": { "alias": "defaultSendOption"; "required": false; }; "undoLeft": { "alias": "undoLeft"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; "className": { "alias": "className"; "required": false; }; }, { "subjectChange": "subjectChange"; "bodyChange": "bodyChange"; "sendOptionChange": "sendOptionChange"; "send": "send"; "discard": "discard"; "undo": "undo"; }, never, never, true, never>;
+}
+export {};

package/error-recovery/error-recovery.component.d.ts

@@ -0,0 +1,59 @@
+import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { type VoIconName } from '../core/icon.component';
+import * as i0 from "@angular/core";
+/** The state of one recovery step: picks its glyph and tone. */
+export type RecoveryStepState = 'done' | 'fail' | 'run' | 'wait' | 'skip' | 'hand';
+/** One step in the run, around the one that failed. */
+export interface RecoveryStep {
+    label: string;
+    /** done, fail (red note), run (spinner), wait (not started), skip (struck through) or hand (passed to a person) */
+    state: RecoveryStepState;
+    /** The quiet line under the step, like "Done in 8s" or the error. Crossfades when it changes */
+    note?: string;
+}
+/** One of the ways the agent can carry on. */
+export interface RecoveryOption {
+    value: string;
+    label: string;
+}
+interface GlyphStyle {
+    icon: VoIconName | null;
+    color: string | null;
+}
+export declare class ErrorRecoveryComponent implements OnChanges {
+    /** What the agent was doing, like "Sync the pipeline to Sheets". */
+    title: string;
+    /** Where the run stands, like "Stopped at step 2". Crossfades when it changes. */
+    status?: string;
+    steps: RecoveryStep[];
+    /** The question above the choices. */
+    question: string;
+    /** The ways the agent can carry on. */
+    options: RecoveryOption[];
+    /** The chosen option. Leave it out to let the choices hold their own selection. */
+    value?: string;
+    /** Defaults to the first option. */
+    defaultValue?: string;
+    continueLabel: string;
+    /** Whether the choices show. Leave it out and they fold away once Continue is pressed. */
+    open?: boolean;
+    defaultOpen: boolean;
+    /** Sits flat in a chat thread (the default). Set false to give it a card of its own. */
+    bare: boolean;
+    valueChange: EventEmitter<string>;
+    /** Emitted with the chosen option when Continue is pressed. */
+    continue: EventEmitter<string>;
+    openChange: EventEmitter<boolean>;
+    private readonly motion;
+    pick: string;
+    isOpen: boolean;
+    private pickSet;
+    private openSet;
+    ngOnChanges(changes: SimpleChanges): void;
+    glyph(state: RecoveryStepState): GlyphStyle;
+    select(value: string): void;
+    go(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ErrorRecoveryComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ErrorRecoveryComponent, "vo-error-recovery", never, { "title": { "alias": "title"; "required": true; }; "status": { "alias": "status"; "required": false; }; "steps": { "alias": "steps"; "required": true; }; "question": { "alias": "question"; "required": false; }; "options": { "alias": "options"; "required": true; }; "value": { "alias": "value"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "continueLabel": { "alias": "continueLabel"; "required": false; }; "open": { "alias": "open"; "required": false; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; }; "bare": { "alias": "bare"; "required": false; }; }, { "valueChange": "valueChange"; "continue": "continue"; "openChange": "openChange"; }, never, never, true, never>;
+}
+export {};