@visuno/angular 0.0.0-stage → 0.1.0

package/agent-tree/agent-tree.component.d.ts

@@ -0,0 +1,80 @@
+import { AfterViewInit, EventEmitter, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import * as i0 from "@angular/core";
+/** The state of an agent or one of its steps. */
+export type AgentNodeStatus = 'queued' | 'running' | 'done' | 'failed';
+/** A way out of a failed step, shown as a button under its task. */
+export interface AgentNodeFix {
+    label: string;
+    onClick: () => void;
+}
+/** An orchestrator, an agent, or one of its steps. */
+export interface AgentNode {
+    id: string;
+    /** Like "Design agent", or a step's name. */
+    name: string;
+    /** Its task, or what it is doing now. It crossfades when it changes. */
+    task: string;
+    status: AgentNodeStatus;
+    /** What this node spent on its own, in dollars. A branch shows this plus everything under it. */
+    cost?: number;
+    /** A way out of a failed step, shown as a button under its task. */
+    fix?: AgentNodeFix;
+    children?: AgentNode[];
+}
+export declare class AgentTreeComponent implements OnChanges, AfterViewInit, OnDestroy {
+    /** The orchestrator, with its agents and their steps as children. */
+    root: AgentNode;
+    /** The run's goal, like "Redesign the pricing page". */
+    title: string;
+    /** The line under the title. Defaults to "Running", "1 step failed" or "Done", then the clock. */
+    status?: string;
+    /** Seconds to show as m:ss. Leave it out to let the clock count until the root is done. */
+    seconds?: number;
+    /** Shown under the tree once the root is done. Defaults to "Done in 0:14 · 3 agents · $0.66"; false hides it. */
+    summary?: string | false;
+    /** Ids of the folded branches. Leave it out to let each branch fold itself. */
+    collapsed?: string[];
+    /** Ids folded to begin with, when `collapsed` is not controlled. */
+    defaultCollapsed: string[];
+    /** Writes a cost. Defaults to dollars and cents, like "$0.12". */
+    formatCost?: (dollars: number) => string;
+    className: string;
+    /** Emitted when a branch folds or unfolds, with the ids now folded. */
+    collapsedChange: EventEmitter<string[]>;
+    private treeRef?;
+    private readonly motion;
+    /** The focused node's id (tree holds one tab stop). */
+    focus: string;
+    private shutInner;
+    private counted;
+    private timer?;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private get finished();
+    private syncClock;
+    private stopClock;
+    get secs(): number;
+    get clockText(): string;
+    private get flat();
+    get line(): string;
+    get rootTotal(): number;
+    private get agents();
+    get summaryText(): string;
+    get showSummary(): boolean;
+    money(v: number): string;
+    isBranch(n: AgentNode): boolean;
+    cls(status: AgentNodeStatus): string;
+    costText(n: AgentNode): string;
+    tip(n: AgentNode, lv: number): string;
+    private get shut();
+    isOpen(n: AgentNode): boolean;
+    toggle(n: AgentNode, open?: boolean): void;
+    onRowClick(n: AgentNode, e: Event): void;
+    runFix(n: AgentNode, e: Event): void;
+    private get visible();
+    private go;
+    onKey(e: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AgentTreeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AgentTreeComponent, "vo-agent-tree", never, { "root": { "alias": "root"; "required": true; }; "title": { "alias": "title"; "required": true; }; "status": { "alias": "status"; "required": false; }; "seconds": { "alias": "seconds"; "required": false; }; "summary": { "alias": "summary"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; "defaultCollapsed": { "alias": "defaultCollapsed"; "required": false; }; "formatCost": { "alias": "formatCost"; "required": false; }; "className": { "alias": "className"; "required": false; }; }, { "collapsedChange": "collapsedChange"; }, never, never, true, never>;
+}

package/answer-action-bar/answer-action-bar.component.d.ts

@@ -0,0 +1,110 @@
+import { EventEmitter, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { ReducedMotionService } from '../core/reduced-motion.service';
+import * as i0 from "@angular/core";
+/** A rating given with the thumbs up/down buttons. */
+export type AnswerBarRating = 'up' | 'down' | null;
+/** Read aloud: playing lights each word in turn, paused keeps the place. */
+export type ReadingState = 'idle' | 'playing' | 'paused';
+/** One version of the answer. */
+export interface AnswerVersion {
+    text: string;
+    /** A phrase in the text that changed from the version before, like "21%, or $60 a year". It's highlighted. */
+    changed?: string;
+    /** Quiet text after the bar, like "Sonnet 5.5 · 6.2s". */
+    meta?: string;
+    /** Its rating. Leave it out to let the thumbs hold their own, one per version. */
+    rating?: AnswerBarRating;
+}
+/** A word of the answer, marked when it sits inside the changed phrase. */
+interface Word {
+    w: string;
+    nw: boolean;
+}
+export declare class AnswerActionBarComponent implements OnChanges, OnDestroy {
+    private readonly reduced;
+    /** The person's message the answer replies to, shown as a bubble above it. */
+    question?: string;
+    /** Every version of the answer so far, oldest first. */
+    versions: AnswerVersion[];
+    /** Which version is showing. Leave it out to let the arrows page through them. */
+    version?: number;
+    defaultVersion: number;
+    /** The newest version is still being written: paging and reading wait. */
+    streaming: boolean;
+    /** Shows the regenerate button. */
+    regenerateable: boolean;
+    /** The reasons a thumbs down offers. */
+    reasons: string[];
+    /** The quiet line under the bar. It shimmers while streaming. */
+    status: string;
+    /** warn turns the status amber; ok gives it a green check. */
+    statusTone?: 'warn' | 'ok';
+    /** Read aloud. Leave it out to let the button play and pause. */
+    reading?: ReadingState;
+    defaultReading: ReadingState;
+    /** How long the built-in reading clock gives each word. Defaults to 0.28s. */
+    secondsPerWord: number;
+    /** Sits flat in a chat thread (the default). Set false to give it a card of its own. */
+    bare: boolean;
+    className: string;
+    versionChange: EventEmitter<number>;
+    /** Called by the regenerate button. Add a version and show it to answer it. */
+    regenerateClick: EventEmitter<void>;
+    /** Called with the plain text after it is copied. */
+    copyText: EventEmitter<string>;
+    /** Called when a thumb is pressed or pressed again to clear it. */
+    rateChange: EventEmitter<{
+        index: number;
+        rating: AnswerBarRating;
+    }>;
+    /** Called with the reason picked after a thumbs down. */
+    reason: EventEmitter<{
+        index: number;
+        reason: string;
+    }>;
+    readingChange: EventEmitter<ReadingState>;
+    private curOwn;
+    private readOwn;
+    private ownRating;
+    private asked;
+    copied: boolean;
+    spin: boolean;
+    pos: number;
+    words: Word[];
+    private copyTimer?;
+    private spinTimer?;
+    private timer?;
+    constructor(reduced: ReducedMotionService);
+    reduce(): boolean;
+    get showRegenerate(): boolean;
+    get last(): number;
+    /** The version showing now, clamped into range. */
+    get at(): number;
+    private get v();
+    get rating(): AnswerBarRating;
+    get read(): ReadingState;
+    get metaText(): string;
+    /** The thumbs-down reason fold is open while the answer is rated down and no reason is picked yet. */
+    get why(): boolean;
+    /** The word the reading clock has reached, or -1 when idle. */
+    get lit(): number;
+    get progress(): number;
+    max1(n: number): number;
+    clockOf(s: number): string;
+    ngOnChanges(changes: SimpleChanges): void;
+    private splitWords;
+    setCur(i: number): void;
+    private setRead;
+    private startTimer;
+    private stopTimer;
+    toggleRead(): void;
+    rate(r: 'up' | 'down'): void;
+    pickReason(r: string): void;
+    regenerate(): void;
+    copy(): void;
+    onToolbarKey(e: KeyboardEvent): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AnswerActionBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AnswerActionBarComponent, "vo-answer-action-bar", never, { "question": { "alias": "question"; "required": false; }; "versions": { "alias": "versions"; "required": false; }; "version": { "alias": "version"; "required": false; }; "defaultVersion": { "alias": "defaultVersion"; "required": false; }; "streaming": { "alias": "streaming"; "required": false; }; "regenerateable": { "alias": "regenerateable"; "required": false; }; "reasons": { "alias": "reasons"; "required": false; }; "status": { "alias": "status"; "required": false; }; "statusTone": { "alias": "statusTone"; "required": false; }; "reading": { "alias": "reading"; "required": false; }; "defaultReading": { "alias": "defaultReading"; "required": false; }; "secondsPerWord": { "alias": "secondsPerWord"; "required": false; }; "bare": { "alias": "bare"; "required": false; }; "className": { "alias": "className"; "required": false; }; }, { "versionChange": "versionChange"; "regenerateClick": "regenerateClick"; "copyText": "copyText"; "rateChange": "rateChange"; "reason": "reason"; "readingChange": "readingChange"; }, never, never, true, never>;
+}
+export {};

package/artifact-card/artifact-card.component.d.ts

@@ -0,0 +1,145 @@
+import { AfterViewInit, EventEmitter, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { type VoIconName } from '../core/icon.component';
+import * as i0 from "@angular/core";
+/** One version of the file. */
+export interface ArtifactVersion {
+    /** The file's name in this version, like "Pricing page review". */
+    title: string;
+    /** When this version was made, like "edited 2 hours ago". */
+    meta: string;
+    /** What changed in this version, like "Added a competitor price check". */
+    note?: string;
+    /** The file itself, as Markdown (or CSV when `ext` is "csv"). */
+    content: string;
+    /** The text on the preview's first page. Defaults to the first paragraph of `content`. */
+    summary?: string;
+}
+/** How the card shows the file. */
+export type ArtifactVariant = 'compact' | 'preview' | 'inline' | 'stack';
+/** Whether the agent is still making the file. */
+export type ArtifactState = 'writing' | 'ready';
+/** A block of the reader's rendered body. */
+interface Block {
+    kind: 'h3' | 'p' | 'ul' | 'ol';
+    text?: string;
+    items?: string[];
+}
+/** One drawn line on a stack sheet: p a paragraph, b a bullet, n a numbered fix, s a gap. */
+interface Line {
+    t: 'p' | 'b' | 'n' | 's';
+    w?: number;
+}
+/** A view the reader is showing, or null when closed. */
+interface Reading {
+    kind: 'view' | 'page';
+    src: HTMLElement | null;
+    opener: HTMLElement | null;
+}
+export declare class ArtifactCardComponent implements OnChanges, AfterViewInit, OnDestroy {
+    /** How the card shows the file. */
+    variant: ArtifactVariant;
+    /** The versions, oldest first. */
+    versions: ArtifactVersion[];
+    /** Index of the version shown. Leave it out to let the versions menu change it. */
+    version?: number;
+    /** Defaults to the latest version. */
+    defaultVersion?: number;
+    /** 'writing' while the agent is still making the file; 'ready' once it is done. */
+    state: ArtifactState;
+    /** The line shown while writing, like "Reading the page…". */
+    status: string;
+    /** How far the writing has got, from 0 to 1 (the compact card draws it along its bottom edge). */
+    progress?: number;
+    /** The kind of file on the meta line, like "Report" or "Table". */
+    kind: string;
+    /** The file's icon. */
+    icon: VoIconName;
+    /** The name Download saves under, before "-v3.md". Defaults to the title in lowercase, with dashes. */
+    fileName?: string;
+    /** The extension Download saves with. "csv" also shows the content as a table in the reader. */
+    ext: string;
+    /** The Open button's tip, like "Open beside the chat". Its label stays "Open". */
+    openLabel?: string;
+    className: string;
+    /** Emitted when the shown version changes. */
+    versionChange: EventEmitter<number>;
+    /** Emitted when the file is opened, with the version shown. With a listener, Open does not show the card's own reader. */
+    opened: EventEmitter<number>;
+    /** Emitted after Copy has put the version's content on the clipboard. */
+    copied: EventEmitter<number>;
+    /** Emitted after Download has saved the version's content as a file. */
+    downloaded: EventEmitter<number>;
+    private menuEl?;
+    private desk?;
+    private fanBtn?;
+    private pan?;
+    private closeBtn?;
+    private readonly host;
+    private readonly motion;
+    private curIndex;
+    private controlled;
+    flashed: string | null;
+    private flashTimer?;
+    said: string;
+    private sayTimer?;
+    settled: boolean;
+    private wasWriting;
+    reading: Reading | null;
+    private openerEl;
+    menuOpen: boolean;
+    menuLeft: number;
+    menuTop: number;
+    private openerTrigger?;
+    fanned: boolean;
+    peek: number | null;
+    typedTitle: string;
+    private stackTimers;
+    private stackAnims;
+    private onDocPointer;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    get n(): number;
+    get last(): number;
+    get i(): number;
+    get v(): ArtifactVersion;
+    get writing(): boolean;
+    get shown(): number;
+    get reversed(): number[];
+    get actionSize(): 'sm' | 'md';
+    get summary(): string;
+    get previewWidths(): number[];
+    clamp(x?: number): number;
+    shortMeta(meta: string): string;
+    whenHtml(meta: string): string;
+    stackLines(n: number): Line[];
+    get csvRows(): string[][];
+    get bodyBlocks(): Block[];
+    private say;
+    private flash;
+    private pick;
+    copy(key: string): void;
+    download(key: string): void;
+    open(kindOf: 'view' | 'page', opener: HTMLElement | null, src: HTMLElement | null): void;
+    closeReader(): void;
+    readerKeys(e: KeyboardEvent): void;
+    toggleMenu(trigger: HTMLElement): void;
+    private openMenu;
+    closeMenu(): void;
+    private placeMenu;
+    pickFromMenu(nn: number): void;
+    triggerKeys(e: KeyboardEvent): void;
+    menuKeys(e: KeyboardEvent): void;
+    setPeek(nn: number | null): void;
+    sheetStyle(nn: number): Record<string, string | number>;
+    fan(on: boolean, focus?: boolean): void;
+    sheetClick(nn: number, el: HTMLElement): void;
+    openStack(opener: HTMLElement): void;
+    deskKeys(e: KeyboardEvent): void;
+    private restartStack;
+    private clearStack;
+    private runStack;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArtifactCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArtifactCardComponent, "vo-artifact-card", never, { "variant": { "alias": "variant"; "required": false; }; "versions": { "alias": "versions"; "required": false; }; "version": { "alias": "version"; "required": false; }; "defaultVersion": { "alias": "defaultVersion"; "required": false; }; "state": { "alias": "state"; "required": false; }; "status": { "alias": "status"; "required": false; }; "progress": { "alias": "progress"; "required": false; }; "kind": { "alias": "kind"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "fileName": { "alias": "fileName"; "required": false; }; "ext": { "alias": "ext"; "required": false; }; "openLabel": { "alias": "openLabel"; "required": false; }; "className": { "alias": "className"; "required": false; }; }, { "versionChange": "versionChange"; "opened": "opened"; "copied": "copied"; "downloaded": "downloaded"; }, never, never, true, never>;
+}
+export {};

package/attachment-tray/attachment-tray.component.d.ts

@@ -0,0 +1,84 @@
+import { AfterViewInit, ElementRef, EventEmitter, OnDestroy } from '@angular/core';
+import * as i0 from "@angular/core";
+/** One file in the tray, from upload through to what the agent read in it. */
+export interface Attachment {
+    id: string;
+    name: string;
+    /** In bytes. */
+    size: number;
+    /** 0 to 100. The ring closes and the row fills with the file type's colour; at 100 the ring turns into a check. */
+    progress: number;
+    /** After the upload, while the agent reads the file: a spinner, and "Reading" shimmering after the size. */
+    reading?: boolean;
+    /** What the agent found once it has read the file, like "12 pages", shown after the size. */
+    detail?: string;
+}
+/** A link after "or" in the drop zone, like "add sample files". */
+export interface AttachmentAction {
+    label: string;
+    onClick: () => void;
+}
+/** A file row with everything the template needs computed from its Attachment. */
+interface Row {
+    file: Attachment;
+    delay: number;
+    label: string;
+    fg: string;
+    bg: string;
+    p: number;
+    up: boolean;
+    meta: string;
+    dashoffset: number;
+    leaving: boolean;
+}
+/** The dashed edge of the drop zone, as a rect whose dashes march around the corners. */
+interface Ants {
+    w: number;
+    h: number;
+    rx: number;
+    ap: number;
+    ag: number;
+}
+export declare class AttachmentTrayComponent implements AfterViewInit, OnDestroy {
+    /** The files in the tray. */
+    files: Attachment[];
+    /** The drop zone's heading. */
+    title: string;
+    /** A link after "or" in the drop zone, like "add sample files". */
+    action: AttachmentAction | null;
+    /** Passed to the file input, like "image/*,.pdf". */
+    accept?: string;
+    /** The line under the list. Defaults to how many files the agent can read. */
+    summary?: string;
+    /** Shows the drop zone as if a file were being dragged over it, for a scripted demo. */
+    dragging: boolean;
+    className: string;
+    /** Files the person dropped on the tray or picked with the file dialog. */
+    filesPicked: EventEmitter<File[]>;
+    /** Emitted once a removed file has animated out. Its presence also adds a remove button. */
+    remove$: EventEmitter<string>;
+    dropRef: ElementRef<HTMLElement>;
+    private readonly motion;
+    readonly RING = 50.3;
+    over: boolean;
+    ants: Ants | null;
+    private delays;
+    private seen;
+    private leaving;
+    private removeTimers;
+    private ro?;
+    bytesOf: (b: number) => string;
+    round: (x: number) => number;
+    get showRemove(): boolean;
+    get rows(): Row[];
+    get line(): string;
+    ngAfterViewInit(): void;
+    hold(e: DragEvent): void;
+    onDrop(e: DragEvent): void;
+    onChange(e: Event): void;
+    remove(row: Row): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AttachmentTrayComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AttachmentTrayComponent, "vo-attachment-tray", never, { "files": { "alias": "files"; "required": false; }; "title": { "alias": "title"; "required": false; }; "action": { "alias": "action"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "summary": { "alias": "summary"; "required": false; }; "dragging": { "alias": "dragging"; "required": false; }; "className": { "alias": "className"; "required": false; }; }, { "filesPicked": "filesPicked"; "remove$": "remove$"; }, never, never, true, never>;
+}
+export {};

package/badge/badge.component.d.ts

@@ -0,0 +1,25 @@
+import { EventEmitter } from '@angular/core';
+import { type VoIconName } from '../core/icon.component';
+import * as i0 from "@angular/core";
+/** Color of the badge: neutral, accent tint, the three states or one of the eight tag colors. */
+export type BadgeTone = 'neutral' | 'accent' | 'success' | 'warning' | 'danger' | 'blue' | 'violet' | 'green' | 'orange' | 'red' | 'yellow' | 'pink' | 'teal';
+export declare class BadgeComponent {
+    /** Color as text on its own tint. Neutral by default. */
+    tone: BadgeTone;
+    /** 'sm' = 20px tall, 'md' = 24px (default). */
+    size: 'sm' | 'md';
+    /** Dot in badge color before the label (status like "Running"). */
+    dot: boolean;
+    /** Pulsing dot for running states (.live). */
+    live: boolean;
+    /** Icon before the label (name from the icon set). */
+    icon?: VoIconName;
+    /** Shows a remove button after the label. */
+    removable: boolean;
+    /** Label of the remove button for screen readers. */
+    removeLabel?: string;
+    /** Emitted when the remove button is clicked. */
+    remove: EventEmitter<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "vo-badge", never, { "tone": { "alias": "tone"; "required": false; }; "size": { "alias": "size"; "required": false; }; "dot": { "alias": "dot"; "required": false; }; "live": { "alias": "live"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "removeLabel": { "alias": "removeLabel"; "required": false; }; }, { "remove": "remove"; }, never, ["*"], true, never>;
+}

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

@@ -0,0 +1,87 @@
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy } from '@angular/core';
+import { ReducedMotionService } from '../core/reduced-motion.service';
+import * as i0 from "@angular/core";
+/** One part of a bar: names it in the readout and, when stacked, in the legend. */
+export interface BarChartSeries {
+    /** Names the part in the hover readout and, when stacked, in the legend, like "Needed review". */
+    label: string;
+    /** How the hover readout names it, like "reviewed". Defaults to the label in lower case. */
+    tipLabel?: string;
+    /** When stacked. Defaults to the chart palette: blue, purple, then orange. */
+    color?: string;
+}
+/** One bar: a label under it and one value per series, stacked from the bottom. */
+export interface BarChartBar {
+    /** Under the bar, like "Mon". */
+    label: string;
+    /** One value per series, stacked from the bottom. */
+    values: number[];
+}
+/** One set of bars for a range. With more than one, a switch picks between them. */
+export interface BarChartRange {
+    key: string;
+    /** On the switch, like "Week". */
+    label: string;
+    bars: BarChartBar[];
+}
+/** One rendered part of a bar. */
+interface Seg {
+    height: number;
+    color: string;
+}
+/** Internal per-bar render state. */
+interface BarView {
+    index: number;
+    label: string;
+    tipTotal: string;
+    tipParts: string;
+    segs: Seg[];
+}
+export declare class BarChartComponent implements AfterViewInit, OnDestroy {
+    private readonly reduced;
+    private readonly cdr;
+    private readonly host;
+    /** The name over the big number, like "Agent runs". */
+    label: string;
+    /** What each part of a bar means, in order. The hover readout breaks each bar down by these. */
+    series: BarChartSeries[];
+    /** One set of bars per range. With more than one, a switch picks between them. */
+    ranges: BarChartRange[];
+    /** Draws each bar as a stack of its parts in the palette's colours, with a legend. Off by
+        default: one bar in the accent, with the breakdown in the hover readout. */
+    stacked: boolean;
+    /** Key of the range shown. Leave it out to let the switch change it. */
+    set range(value: string | undefined);
+    /** Defaults to the first range. */
+    defaultRange?: string;
+    /** What the values count, like "runs" in "66 runs". */
+    unit?: string;
+    /** Writes a value. Defaults to whole numbers like 1,240. */
+    format: (n: number) => string;
+    className: string;
+    rangeChange: EventEmitter<string>;
+    cur: string;
+    total: number;
+    bars: BarView[];
+    knobLeft: number;
+    knobWidth: number;
+    private controlled;
+    private ready;
+    private timers;
+    private frames;
+    constructor(reduced: ReducedMotionService, cdr: ChangeDetectorRef, host: ElementRef<HTMLElement>);
+    color(index: number): string;
+    ngAfterViewInit(): void;
+    select(key: string): void;
+    private sum;
+    private byKey;
+    private draw;
+    private roll;
+    private room;
+    private placeKnob;
+    private later;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BarChartComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BarChartComponent, "vo-bar-chart", never, { "label": { "alias": "label"; "required": true; }; "series": { "alias": "series"; "required": true; }; "ranges": { "alias": "ranges"; "required": true; }; "stacked": { "alias": "stacked"; "required": false; }; "range": { "alias": "range"; "required": false; }; "defaultRange": { "alias": "defaultRange"; "required": false; }; "unit": { "alias": "unit"; "required": false; }; "format": { "alias": "format"; "required": false; }; "className": { "alias": "className"; "required": false; }; }, { "rangeChange": "rangeChange"; }, never, never, true, never>;
+}
+export {};

package/browser-session/browser-session.component.d.ts

@@ -0,0 +1,70 @@
+import { EventEmitter, OnChanges, OnDestroy, SimpleChanges, TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export type BrowserStepState = 'queued' | 'running' | 'waiting' | 'done';
+/** One step the agent takes, with its state and an optional quiet detail line. */
+export interface BrowserStep {
+    /** What the agent does, like 'Click "Pricing"'. */
+    label: string;
+    state: BrowserStepState;
+    /** A quiet line under the step. On a waiting step it says what is in the way, in amber. */
+    detail?: string;
+}
+/** The agent's own pointer, in pixels from the page's top left. */
+export interface BrowserCursor {
+    x: number;
+    y: number;
+    down?: boolean;
+}
+/** While a step waits: the button that lets the agent go on, like "Allow closing it". */
+export interface BrowserAsk {
+    label: string;
+    onAllow: () => void;
+}
+/** The agent browsing the web for the person, with Pause and Take over. */
+export declare class BrowserSessionComponent implements OnChanges, OnDestroy {
+    /** What the agent is browsing for, like "Pricing research". */
+    title: string;
+    /** The address bar: the page's address, or the search being typed. */
+    url: string;
+    /** Marks `url` as a search, with a magnifier instead of the padlock. */
+    search: boolean;
+    /** The agent's own pointer. Hidden while the person has control. */
+    cursor?: BrowserCursor | null;
+    steps: BrowserStep[];
+    ask?: BrowserAsk;
+    /** Pause holds the agent where it is. Leave it out to let the button toggle it. */
+    paused?: boolean;
+    defaultPaused: boolean;
+    /** Take over hands the page to the person. Leave it out to let the button toggle it. */
+    inControl?: boolean;
+    defaultInControl: boolean;
+    /** Seconds to show as m:ss. Leave it out to let the clock count while browsing. */
+    seconds?: number;
+    /** The line under the title. Defaults to a status word, then the clock. */
+    status?: string;
+    /** Shown under the steps once every step is done. */
+    summary?: string;
+    pausedChange: EventEmitter<boolean>;
+    inControlChange: EventEmitter<boolean>;
+    /** The wireframe page to draw in the viewport, passed as a <ng-template>. */
+    page?: TemplateRef<unknown>;
+    private innerPaused;
+    private innerMine;
+    private counted;
+    private secondTimer?;
+    get isPaused(): boolean;
+    get mine(): boolean;
+    get done(): boolean;
+    get waiting(): boolean;
+    get secs(): number;
+    get clockText(): string;
+    get line(): string;
+    cls(state: BrowserStepState): string;
+    ngOnChanges(changes: SimpleChanges): void;
+    togglePaused(): void;
+    take(): void;
+    private updateClock;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BrowserSessionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BrowserSessionComponent, "vo-browser-session", never, { "title": { "alias": "title"; "required": false; }; "url": { "alias": "url"; "required": false; }; "search": { "alias": "search"; "required": false; }; "cursor": { "alias": "cursor"; "required": false; }; "steps": { "alias": "steps"; "required": false; }; "ask": { "alias": "ask"; "required": false; }; "paused": { "alias": "paused"; "required": false; }; "defaultPaused": { "alias": "defaultPaused"; "required": false; }; "inControl": { "alias": "inControl"; "required": false; }; "defaultInControl": { "alias": "defaultInControl"; "required": false; }; "seconds": { "alias": "seconds"; "required": false; }; "status": { "alias": "status"; "required": false; }; "summary": { "alias": "summary"; "required": false; }; }, { "pausedChange": "pausedChange"; "inControlChange": "inControlChange"; }, ["page"], never, true, never>;
+}