@visuno/angular 0.0.0-stage → 0.1.0

package/field-extraction/field-extraction.component.d.ts

@@ -0,0 +1,82 @@
+import { ElementRef, EventEmitter, OnChanges, OnDestroy, QueryList, SimpleChanges } from '@angular/core';
+import * as i0 from "@angular/core";
+/** A field the agent read off the page, with how sure it is. */
+export interface ExtractedField {
+    /** Ties the field to the zone it was read from. */
+    key: string;
+    /** Like "Invoice no." */
+    label: string;
+    value: string;
+    /** 0 to 1. Under 0.6 the field asks the person to check it. */
+    confidence: number;
+    /** What the value starts as when the person checks it, like the value without its unsure digit. */
+    suggestion?: string;
+    /** The person has checked it. Shows "Fixed" with a full bar. */
+    fixed?: boolean;
+}
+/** idle shows sendLabel, sending a spinner, sent a check and sentLabel. */
+export type FieldSendState = 'idle' | 'sending' | 'sent';
+/**
+ * A part of the page a field was read from. It lights up while its field is read,
+ * hovered or checked. Host element carries the zone classes so projected markup
+ * keeps its own structure.
+ */
+export declare class VoFieldZoneComponent {
+    /** The field key this zone belongs to. */
+    field: string;
+    scan: boolean;
+    warn: boolean;
+    lit: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VoFieldZoneComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VoFieldZoneComponent, "[vo-field-zone]", never, { "field": { "alias": "field"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+export declare class FieldExtractionComponent implements OnChanges, OnDestroy {
+    /** The fields found so far, in order. Each new one slides in and its zone lights up for a moment. */
+    fields: ExtractedField[];
+    /** A scan line passes down the page each time this turns true, and Send waits while it is true. */
+    reading: boolean;
+    /** The quiet line by the title, like "Reading page 1". */
+    status: string;
+    /** Replaces the status while a field is being checked. */
+    checkHint: string;
+    title: string;
+    /** The button under the fields. It waits until every field is sure or checked. */
+    sendLabel: string;
+    /** idle shows sendLabel, sending a spinner, sent a check and sentLabel. */
+    sendState: FieldSendState;
+    sentLabel: string;
+    className: string;
+    /** Called when a checked field is confirmed with Enter or by clicking away. */
+    fix: EventEmitter<{
+        key: string;
+        value: string;
+    }>;
+    onSend: EventEmitter<void>;
+    zones: QueryList<VoFieldZoneComponent>;
+    editEl?: ElementRef<HTMLSpanElement>;
+    private readonly motion;
+    hover: string | null;
+    editing: string | null;
+    /** A scan line pass count; each new value restarts the beam animation. */
+    passes: number;
+    private scan;
+    private known;
+    private timers;
+    private finished;
+    /** Extra classes from `className`, merged onto the static `vo-fex`. */
+    get classMap(): Record<string, boolean>;
+    needsCheck(f: ExtractedField): boolean;
+    pct(f: ExtractedField): number;
+    get ready(): boolean;
+    ngOnChanges(changes: SimpleChanges): void;
+    /** Push the current lit/scan/warn state onto the projected zones. */
+    sync(): void;
+    onLeave(key: string): void;
+    startCheck(f: ExtractedField): void;
+    onKey(e: KeyboardEvent, f: ExtractedField): void;
+    finish(f: ExtractedField): void;
+    send(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FieldExtractionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FieldExtractionComponent, "vo-field-extraction", never, { "fields": { "alias": "fields"; "required": false; }; "reading": { "alias": "reading"; "required": false; }; "status": { "alias": "status"; "required": false; }; "checkHint": { "alias": "checkHint"; "required": false; }; "title": { "alias": "title"; "required": false; }; "sendLabel": { "alias": "sendLabel"; "required": false; }; "sendState": { "alias": "sendState"; "required": false; }; "sentLabel": { "alias": "sentLabel"; "required": false; }; "className": { "alias": "className"; "required": false; }; }, { "fix": "fix"; "onSend": "onSend"; }, ["zones"], ["*"], true, never>;
+}

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

@@ -0,0 +1,70 @@
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy } from '@angular/core';
+import { ReducedMotionService } from '../core/reduced-motion.service';
+import * as i0 from "@angular/core";
+/** One set of numbers, picked by the switch. */
+export interface FunnelChartView {
+    key: string;
+    /** On the switch, like "Teams". */
+    label: string;
+    /** How many reached each stage, in order. */
+    values: number[];
+    /** The agent's note under the funnel for this view. */
+    insight?: string;
+}
+/** Internal per-stage render state. */
+interface RowView {
+    stage: string;
+    index: number;
+    fc: string;
+    width: number;
+    count: string;
+    out: boolean;
+    drop: boolean;
+    change: string;
+    tip: string;
+}
+export declare class FunnelChartComponent implements AfterViewInit, OnDestroy {
+    private readonly reduced;
+    private readonly cdr;
+    private readonly host;
+    /** Like "Signup to paid". */
+    title: string;
+    /** The stages in order, like "Signed up" then "Opened a file". */
+    stages: string[];
+    /** One set of numbers per view. With more than one, a switch picks between them. */
+    views: FunnelChartView[];
+    /** Key of the view shown. Leave it out to let the switch change it. */
+    set view(value: string | undefined);
+    /** Defaults to the first view. */
+    defaultView?: string;
+    /** Ends a stage's tip, like "of signups" in "51.8% of signups". */
+    shareLabel: string;
+    /** The first stage's tip. */
+    startLabel: string;
+    /** Writes a count. Defaults to whole numbers like 12,400. */
+    format: (n: number) => string;
+    viewChange: EventEmitter<string>;
+    cur: string;
+    rows: RowView[];
+    knobLeft: number;
+    knobWidth: number;
+    note: string;
+    noteOut: boolean;
+    hasInsight: boolean;
+    private controlled;
+    private ready;
+    private noteId;
+    private timers;
+    constructor(reduced: ReducedMotionService, cdr: ChangeDetectorRef, host: ElementRef<HTMLElement>);
+    ngAfterViewInit(): void;
+    select(key: string): void;
+    private byKey;
+    private draw;
+    private say;
+    private placeKnob;
+    private later;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FunnelChartComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FunnelChartComponent, "vo-funnel-chart", never, { "title": { "alias": "title"; "required": true; }; "stages": { "alias": "stages"; "required": true; }; "views": { "alias": "views"; "required": true; }; "view": { "alias": "view"; "required": false; }; "defaultView": { "alias": "defaultView"; "required": false; }; "shareLabel": { "alias": "shareLabel"; "required": false; }; "startLabel": { "alias": "startLabel"; "required": false; }; "format": { "alias": "format"; "required": false; }; }, { "viewChange": "viewChange"; }, never, never, true, never>;
+}
+export {};

package/grid/grid.component.d.ts

@@ -0,0 +1,22 @@
+import * as i0 from "@angular/core";
+/** A core spacing token (1–8) for the gutter, or a raw CSS length. */
+export type GridGap = 1 | 2 | 3 | 4 | 5 | 6 | 8 | string;
+export declare class GridComponent {
+    /** A fixed column count. Ignored when `fit` is set. 3 by default. */
+    cols: number;
+    /** Pack as many columns as fit at `min` width, reflowing with no column count. */
+    fit: boolean;
+    /** Minimum column width when `fit` is set. '200px' by default. */
+    min: string;
+    /** The gutter: a core spacing step (1–8) or a raw CSS length. 4 by default. */
+    gap: GridGap;
+    get gapVar(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GridComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GridComponent, "vo-grid", never, { "cols": { "alias": "cols"; "required": false; }; "fit": { "alias": "fit"; "required": false; }; "min": { "alias": "min"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+/** A grid child that spans more than one column (2, 3, 4) or the full row ('full'). */
+export declare class GridItemDirective {
+    span: 2 | 3 | 4 | 'full' | '';
+    static ɵfac: i0.ɵɵFactoryDeclaration<GridItemDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GridItemDirective, "[voGridItem]", never, { "span": { "alias": "voGridItem"; "required": false; }; }, {}, never, never, true, never>;
+}

package/health-score/health-score.component.d.ts

@@ -0,0 +1,87 @@
+import { AfterViewInit, ChangeDetectorRef, EventEmitter, OnDestroy } from '@angular/core';
+import { ReducedMotionService } from '../core/reduced-motion.service';
+import * as i0 from "@angular/core";
+/** One check behind the score. */
+export interface HealthScoreCheck {
+    /** Identifies the check. Defaults to its label. */
+    key?: string;
+    /** Like "Contrast". */
+    label: string;
+    /** 0 to 100. From 90 it is green, from 80 the accent, below that red. */
+    score: number;
+    /** One line under the check when it is open, like "2 text pairs below AA on the pricing page". */
+    detail: string;
+    /** Adds a Fix button to the open check. */
+    fixable?: boolean;
+}
+/** Per-check render state. */
+interface CheckView {
+    check: HealthScoreCheck;
+    index: number;
+    key: string;
+    open: boolean;
+    /** The bar has filled (staggered in after the card appears). */
+    filled: boolean;
+    /** The rolling number shown in the row. */
+    shown: number;
+    busy: boolean;
+}
+export declare class HealthScoreComponent implements AfterViewInit, OnDestroy {
+    private readonly reduced;
+    private readonly cdr;
+    /** The checks behind the score. */
+    set checks(value: HealthScoreCheck[]);
+    get checks(): HealthScoreCheck[];
+    /** Beside the gauge, like "Design system health". */
+    title: string;
+    /** The score in the gauge. Defaults to the average of the checks. */
+    score?: number;
+    /** The line under the title. Defaults to "Good, 2 checks need work" from the checks. */
+    status?: string;
+    /** The open checks, by key. Leave it out to let each row toggle itself. */
+    set open(value: string[] | undefined);
+    defaultOpen: string[];
+    /** Emitted when the set of open checks changes. */
+    openChange: EventEmitter<string[]>;
+    /** Called by a check's Fix button. Return a promise and the button spins
+     * until it settles; then update the check's score and detail. */
+    onFix?: (check: HealthScoreCheck, index: number) => void | Promise<unknown>;
+    tone: (v: number) => string;
+    views: CheckView[];
+    opened: string[];
+    drawn: boolean;
+    dial: number;
+    value: number;
+    arcOffset: number;
+    titleText: string;
+    titleOut: boolean;
+    lineText: string;
+    lineOut: boolean;
+    hot: CheckView | null;
+    private _checks;
+    private controlled;
+    private ready;
+    private timers;
+    private frames;
+    constructor(reduced: ReducedMotionService, cdr: ChangeDetectorRef);
+    get hasFix(): boolean;
+    ngAfterViewInit(): void;
+    private rebuild;
+    private syncOpen;
+    private get total_();
+    round(n: number): number;
+    toggle(v: CheckView): void;
+    onPoint(v: CheckView, e: PointerEvent | null): void;
+    onListLeave(): void;
+    onFocusOut(e: FocusEvent): void;
+    private show;
+    private total;
+    private gauge;
+    runFix(v: CheckView): Promise<void>;
+    private swap;
+    private later;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HealthScoreComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HealthScoreComponent, "vo-health-score", never, { "checks": { "alias": "checks"; "required": true; }; "title": { "alias": "title"; "required": false; }; "score": { "alias": "score"; "required": false; }; "status": { "alias": "status"; "required": false; }; "open": { "alias": "open"; "required": false; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; }; "onFix": { "alias": "onFix"; "required": false; }; }, { "openChange": "openChange"; }, never, never, true, never>;
+}
+export {};

package/human-handoff/human-handoff.component.d.ts

@@ -0,0 +1,125 @@
+import { AfterViewInit, EventEmitter, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import * as i0 from "@angular/core";
+/** A person the conversation can go to. */
+export interface HandoffPerson {
+    /** Used as the key, so keep it unique. */
+    name: string;
+    initials?: string;
+    /** The avatar's colour, like 'var(--vo-av-m)'. */
+    color?: string;
+    /** Like "Billing". */
+    team?: string;
+    /** Whether they can take it now, like "Available", "In a call" or "Out until 2pm". */
+    presence?: string;
+    /** ok puts a green dot before the presence, warn turns it orange. */
+    tone?: 'ok' | 'warn';
+}
+/** One key fact passed along, as a label and value row. */
+export interface HandoffFact {
+    label: string;
+    value: string;
+}
+/** A link to the whole conversation. */
+export interface HandoffLink {
+    label: string;
+    href?: string;
+    onClick?: () => void;
+    tip?: string;
+}
+/** The two lines shown while no one has it yet. */
+export interface HandoffFinding {
+    title: string;
+    detail?: string;
+}
+/** The row at the foot that says where it stands. */
+export interface HandoffStatus {
+    /** wait is neutral with a spinner, warn orange with an alert, ok green. */
+    tone?: 'wait' | 'warn' | 'ok';
+    title: string;
+    detail?: string;
+    /** Shown in place of the icon, like the person who just joined. */
+    person?: HandoffPerson;
+}
+/** Overridable labels. */
+export interface HandoffLabels {
+    assignedTo?: string;
+    context?: string;
+    reassign?: string;
+    reassignTo?: string;
+    target?: string;
+    edit?: string;
+    save?: string;
+    cancel?: string;
+    edited?: string;
+}
+/** The agent hands a conversation to a person, with what they need to pick it up. */
+export declare class HumanHandoffComponent implements OnChanges, AfterViewInit, OnDestroy {
+    /** The card's heading. */
+    title: string;
+    /** Why the agent handed off, like "Refund over $500 needs a person". */
+    reason: string;
+    /** Who has it, or null while the agent is still finding someone. */
+    assignee: HandoffPerson | null;
+    /** The two lines shown while assignee is null. */
+    finding: HandoffFinding;
+    /** The people it can go to instead. Leave it out to hide Reassign. */
+    people?: HandoffPerson[];
+    /** Seconds left until the reply is due. Whole minutes; orange under five; overdue at 0 or less. */
+    secondsLeft: number;
+    /** The whole window, for the bar and the line beside it ("15 min target"). */
+    targetSeconds: number;
+    /** What the person needs to pick it up. */
+    summary: string;
+    /** A few key facts, as label and value rows. */
+    facts: HandoffFact[];
+    /** A link to the whole conversation. */
+    link?: HandoffLink;
+    /** What the agent told the customer. */
+    message: string;
+    /** The label over the message, like "Sent to Dana". */
+    messageLabel: string;
+    /** Set to true to add Edit: the message turns editable, and Save emits messageChange. */
+    editable: boolean;
+    /** Adds "· edited" to the label. */
+    edited: boolean;
+    /** The row at the foot that says where it stands. */
+    status: HandoffStatus;
+    /** Overridable labels. */
+    labels: HandoffLabels;
+    className?: string;
+    /** Emitted when a row is picked in Reassign. */
+    reassign: EventEmitter<HandoffPerson>;
+    /** Emitted by Save with the new message text (only when editable). */
+    messageChange: EventEmitter<string>;
+    private box;
+    private reassignBtn?;
+    private pop?;
+    private readonly motion;
+    editing: boolean;
+    menuOpen: boolean;
+    private closeTimer?;
+    L: Required<HandoffLabels>;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private resolveLabels;
+    initials(p: HandoffPerson): string;
+    whoLine(p: HandoffPerson): string;
+    metaLine(p: HandoffPerson): string;
+    get hasMessageChange(): boolean;
+    get left(): number;
+    get due(): string;
+    get slaTone(): string;
+    get barWidth(): number;
+    get st(): 'wait' | 'warn' | 'ok';
+    toggleMenu(): void;
+    choose(p: HandoffPerson): void;
+    private closeMenuSoon;
+    startEdit(): void;
+    save(): void;
+    cancelEdit(): void;
+    onKeydown(e: KeyboardEvent): void;
+    private readonly onOutside;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HumanHandoffComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HumanHandoffComponent, "vo-human-handoff", never, { "title": { "alias": "title"; "required": false; }; "reason": { "alias": "reason"; "required": false; }; "assignee": { "alias": "assignee"; "required": false; }; "finding": { "alias": "finding"; "required": false; }; "people": { "alias": "people"; "required": false; }; "secondsLeft": { "alias": "secondsLeft"; "required": false; }; "targetSeconds": { "alias": "targetSeconds"; "required": false; }; "summary": { "alias": "summary"; "required": false; }; "facts": { "alias": "facts"; "required": false; }; "link": { "alias": "link"; "required": false; }; "message": { "alias": "message"; "required": false; }; "messageLabel": { "alias": "messageLabel"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; "edited": { "alias": "edited"; "required": false; }; "status": { "alias": "status"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; "className": { "alias": "className"; "required": false; }; }, { "reassign": "reassign"; "messageChange": "messageChange"; }, never, never, true, never>;
+}

package/image-generation/image-generation.component.d.ts

@@ -0,0 +1,253 @@
+import { AfterViewInit, ElementRef, EventEmitter, OnDestroy } from '@angular/core';
+import { type VoIconName } from '../core/icon.component';
+import * as i0 from "@angular/core";
+/** A picture: one made by your model, or an earlier one in the gallery. */
+export interface GeneratedImage {
+    key: string;
+    /** The picture. Without it, `placeholder` stands in. */
+    src?: string;
+    /** What the picture shows, for screen readers. */
+    alt: string;
+    /** A CSS background drawn under the picture while it loads (or instead of it), like a gradient of its colours. */
+    placeholder?: string;
+    /** Its width over its height, like 0.75 for 3:4 (1 by default). */
+    ratio?: number;
+    /** The prompt it was made from, shown in the larger view. */
+    prompt?: string;
+    /** The styles it was made with. */
+    styles?: string[];
+}
+export type ImageShape = '1:1' | '3:4' | '16:9';
+/** What Generate asks your model for. */
+export interface GenerateRequest {
+    prompt: string;
+    /** The style chips that are on. */
+    styles: string[];
+    shape: ImageShape;
+    /** How many pictures, 1 to 4. */
+    count: number;
+    /** The model's key. */
+    model: string;
+    /** Pictures added with Use as reference. */
+    references: GeneratedImage[];
+    /** Set for Vary: the picture to make a variation of (count is 1). */
+    variationOf?: GeneratedImage;
+    /** Set for Retry: which picture of the run is being made again (count is 1, updates go to slot 0). */
+    retry?: number;
+}
+/** What your model reports for one picture. */
+export interface GenerationUpdate {
+    progress?: number;
+    image?: GeneratedImage;
+    error?: string;
+}
+/** A style preset: a picture and the style chips it turns on. */
+export interface ImageStylePreset {
+    key: string;
+    label: string;
+    description?: string;
+    /** The style chips it turns on (the others go off). */
+    styles: string[];
+    image?: GeneratedImage;
+}
+export interface ImageModel {
+    key: string;
+    label: string;
+    /** Like "Most detail, about 6s a picture". */
+    description?: string;
+    icon?: VoIconName;
+}
+export type ImageAction = 'upscale' | 'download' | 'reference' | 'like' | 'dislike' | 'copy';
+/** The callback that makes the pictures: call `update(slot, …)` for each one. */
+export type GenerateFn = (request: GenerateRequest, update: (slot: number, update: GenerationUpdate) => void) => void | Promise<void>;
+type Status = 'wait' | 'gen' | 'done' | 'fail';
+interface Slot {
+    key: string;
+    progress: number;
+    image?: GeneratedImage;
+    error?: string;
+    el?: HTMLElement;
+}
+interface Run {
+    id: number;
+    request: GenerateRequest;
+    ratio: number;
+    slots: Slot[];
+    t0: number;
+    done?: number;
+}
+export declare class ImageGenerationComponent implements AfterViewInit, OnDestroy {
+    /** The project, shown after "Images" in the header, like "Spring lookbook". */
+    title: string;
+    /** The first part of the header. Defaults to "Images". */
+    section: string;
+    /** The style chips under the prompt. */
+    styles: string[];
+    /** The models in the model menu. Leave it out to hide the menu. */
+    models?: ImageModel[];
+    /** Earlier pictures, newest first. Pictures made here join them at the top. */
+    gallery: GeneratedImage[];
+    /** The Styles tab. Picking one sets the style chips. */
+    presets: ImageStylePreset[];
+    className: string;
+    set prompt(v: string | undefined);
+    get prompt(): string;
+    defaultPrompt: string;
+    set selectedStyles(v: string[] | undefined);
+    defaultSelectedStyles: string[];
+    set shape(v: ImageShape | undefined);
+    get shape(): ImageShape;
+    defaultShape: ImageShape;
+    set count(v: number | undefined);
+    get count(): number;
+    defaultCount: number;
+    set model(v: string | undefined);
+    get model(): string;
+    defaultModel?: string;
+    set tab(v: 'gallery' | 'styles' | undefined);
+    get tab(): 'gallery' | 'styles';
+    defaultTab: 'gallery' | 'styles';
+    /** Makes the pictures: call `update(slot, …)` for each one as it goes. */
+    generate?: GenerateFn;
+    promptChange: EventEmitter<string>;
+    selectedStylesChange: EventEmitter<string[]>;
+    shapeChange: EventEmitter<ImageShape>;
+    countChange: EventEmitter<number>;
+    modelChange: EventEmitter<string>;
+    tabChange: EventEmitter<"gallery" | "styles">;
+    /** Called for each action on a picture. For 'upscale', return a promise. */
+    action: EventEmitter<{
+        action: ImageAction;
+        image: GeneratedImage;
+    }>;
+    root: ElementRef<HTMLElement>;
+    tiles?: ElementRef<HTMLElement>;
+    ta?: ElementRef<HTMLTextAreaElement>;
+    lbEl?: ElementRef<HTMLElement>;
+    private readonly motion;
+    readonly STAGES: string[];
+    readonly shapeOpts: ImageShape[];
+    readonly countOpts: number[];
+    readonly viewOpts: ({
+        value: "create";
+        label: string;
+    } | {
+        value: "gallery";
+        label: string;
+    } | {
+        value: "styles";
+        label: string;
+    })[];
+    readonly statusOf: (s: Slot) => Status;
+    promptState: string;
+    pickedState: string[];
+    shapeState: ImageShape;
+    countState: number;
+    modelState: string;
+    tabState: 'gallery' | 'styles';
+    view: 'create' | 'gallery' | 'styles';
+    run: Run | null;
+    made: GeneratedImage[];
+    fresh: Set<string>;
+    refs: GeneratedImage[];
+    rating: Record<string, 1 | -1>;
+    upped: Record<string, 'up' | 'upping'>;
+    lb: {
+        list: GeneratedImage[];
+        key: string;
+        from: HTMLElement | null;
+        mine: boolean;
+    } | null;
+    said: string;
+    runRate: 0 | 1 | -1;
+    hl: string[];
+    flash: {
+        id: string;
+        label: string;
+    } | null;
+    copied: boolean;
+    pop: 'set' | 'model' | null;
+    grid: {
+        cols: number;
+        rows: number;
+    };
+    noise: string;
+    private runs;
+    private timers;
+    private ro?;
+    private pendingLbFocus;
+    get picked(): string[];
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private after;
+    get busy(): boolean;
+    get all(): GeneratedImage[];
+    get n(): number;
+    get nDone(): number;
+    get nBad(): number;
+    get pics(): string;
+    get capPics(): string;
+    get live(): Slot[];
+    get total(): number;
+    get pctTotal(): number;
+    get stage(): number;
+    get secs(): number;
+    get modelLabel(): string;
+    get modelIcon(): VoIconName;
+    get runMeta(): string;
+    get doneList(): GeneratedImage[];
+    get cols(): GeneratedImage[][];
+    get tabOpts(): {
+        value: 'gallery' | 'styles';
+        label: string;
+    }[];
+    get lbAt(): number;
+    get lbImg(): GeneratedImage | undefined;
+    imgBg(im?: GeneratedImage): string | null;
+    pct(s: Slot): number;
+    metaOf(im: GeneratedImage): string;
+    flashed(id: string, icon: VoIconName): VoIconName;
+    presetOn(p: ImageStylePreset): boolean;
+    doneImg(s: Slot): GeneratedImage | undefined;
+    look(s: Slot): Record<string, string | number>;
+    private setPrompt;
+    private setPicked;
+    setShape(v: ImageShape): void;
+    setCount(v: number): void;
+    pickModel(key: string): void;
+    showTab(t: 'gallery' | 'styles'): void;
+    showView(v: 'create' | 'gallery' | 'styles'): void;
+    onPrompt(e: Event): void;
+    onKey(e: KeyboardEvent): void;
+    submit(e: Event): void;
+    togglePop(p: 'set' | 'model'): void;
+    private update;
+    private afterUpdate;
+    private announce;
+    private start;
+    private doGenerate;
+    retry(i: number): void;
+    vary(im: GeneratedImage): void;
+    upscale(im: GeneratedImage): void;
+    private note;
+    download(im: GeneratedImage, id: string): void;
+    private reference;
+    useAsRef(im: GeneratedImage): void;
+    removeRef(im: GeneratedImage): void;
+    rate(im: GeneratedImage, v: 1 | -1): void;
+    rateRun(v: 1 | -1): void;
+    copyPrompt(): void;
+    toggleStyle(s: string): void;
+    pickPreset(p: ImageStylePreset): void;
+    openFromTile(s: Slot, e: Event): void;
+    openGallery(im: GeneratedImage, e: Event): void;
+    private open;
+    private focusLb;
+    closeLb(back: boolean): void;
+    step(d: number): void;
+    lbKeys(e: KeyboardEvent): void;
+    private observeTiles;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ImageGenerationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ImageGenerationComponent, "vo-image-generation", never, { "title": { "alias": "title"; "required": false; }; "section": { "alias": "section"; "required": false; }; "styles": { "alias": "styles"; "required": false; }; "models": { "alias": "models"; "required": false; }; "gallery": { "alias": "gallery"; "required": false; }; "presets": { "alias": "presets"; "required": false; }; "className": { "alias": "className"; "required": false; }; "prompt": { "alias": "prompt"; "required": false; }; "defaultPrompt": { "alias": "defaultPrompt"; "required": false; }; "selectedStyles": { "alias": "selectedStyles"; "required": false; }; "defaultSelectedStyles": { "alias": "defaultSelectedStyles"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "defaultShape": { "alias": "defaultShape"; "required": false; }; "count": { "alias": "count"; "required": false; }; "defaultCount": { "alias": "defaultCount"; "required": false; }; "model": { "alias": "model"; "required": false; }; "defaultModel": { "alias": "defaultModel"; "required": false; }; "tab": { "alias": "tab"; "required": false; }; "defaultTab": { "alias": "defaultTab"; "required": false; }; "generate": { "alias": "generate"; "required": false; }; }, { "promptChange": "promptChange"; "selectedStylesChange": "selectedStylesChange"; "shapeChange": "shapeChange"; "countChange": "countChange"; "modelChange": "modelChange"; "tabChange": "tabChange"; "action": "action"; }, never, never, true, never>;
+}
+export {};

package/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@visuno/angular" />
+export * from './public-api';