@visuno/angular 0.0.0-stage → 0.1.0

package/status-pill/status-pill.component.d.ts

@@ -0,0 +1,64 @@
+import { AfterViewInit, ChangeDetectorRef, ElementRef, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { ReducedMotionService } from '../core/reduced-motion.service';
+import * as i0 from "@angular/core";
+/** Picks the glyph and colour. thinking, reading and working shimmer while they run. */
+export type StatusPillState = 'idle' | 'thinking' | 'reading' | 'working' | 'waiting' | 'done';
+/** A file chip after the label, like { name: 'PricingCard.tsx', type: 'tsx' }. */
+export interface StatusPillFile {
+    name: string;
+    type?: string;
+}
+/** A button at the end, for when the agent needs the person. */
+export interface StatusPillAction {
+    label: string;
+    onClick: () => void;
+}
+export declare class StatusPillComponent implements AfterViewInit, OnChanges, OnDestroy {
+    private readonly reduced;
+    private readonly cdr;
+    state: StatusPillState;
+    /** What the agent is doing, in a few words. */
+    label: string;
+    /** Quiet detail after the label, like "2 of 4". Changing only this does not restart the pill. */
+    meta?: string;
+    file?: StatusPillFile;
+    action?: StatusPillAction;
+    /** 0 to 100, drawn as a track along the bottom of the bar variant. */
+    progress: number;
+    /** pill hugs its content, bar is taller and leaves room for the progress track. */
+    variant: 'pill' | 'bar';
+    box?: ElementRef<HTMLDivElement>;
+    /** The snapshot currently shown (the old line while fading out). */
+    view: {
+        state: StatusPillState;
+        label: string;
+        meta?: string;
+        file?: StatusPillFile;
+        action?: StatusPillAction;
+    };
+    fading: boolean;
+    morphing: boolean;
+    shape: 'pill' | 'bar';
+    width?: number;
+    private prevKey;
+    private latest;
+    private timers;
+    private viewReady;
+    constructor(reduced: ReducedMotionService, cdr: ChangeDetectorRef);
+    get viewState(): StatusPillState;
+    get glyphColor(): string | null;
+    get dotColor(): string | null;
+    get labelClass(): string;
+    get clampedProgress(): number;
+    ftClass(type: string): string;
+    private key;
+    private snapshot;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private morphTo;
+    private fit;
+    private later;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StatusPillComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StatusPillComponent, "vo-status-pill", never, { "state": { "alias": "state"; "required": false; }; "label": { "alias": "label"; "required": false; }; "meta": { "alias": "meta"; "required": false; }; "file": { "alias": "file"; "required": false; }; "action": { "alias": "action"; "required": false; }; "progress": { "alias": "progress"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, never, true, never>;
+}

package/steering/steering.component.d.ts

@@ -0,0 +1,75 @@
+import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import * as i0 from "@angular/core";
+/** Where a step is in the run. */
+export type SteerStepStatus = 'queued' | 'running' | 'done';
+/** One step in the run. */
+export interface SteerStep {
+    id: string;
+    /** Like "Update the Pro card". */
+    title: string;
+    /** What it is doing now, or what it did. It crossfades when it changes. */
+    detail?: string;
+    status: SteerStepStatus;
+    /** Marks a step that a message of yours added, with a "From you" tag. */
+    fromYou?: boolean;
+}
+/** A button under the agent's message, like Leave it or Redo the Pro card. */
+export interface SteerAction {
+    label: string;
+    onClick: () => void;
+}
+/** A line in the log: what you sent, or what the agent said back. */
+export interface SteerMessage {
+    id: string;
+    from: 'you' | 'agent';
+    text: string;
+    /** For yours: `queued` while it waits for the step in progress, `applied` once the agent has taken it up. */
+    state?: 'queued' | 'applied';
+    /** For the agent's: an amber heads-up, for when your message changes work already done. */
+    warn?: boolean;
+    /** Buttons under the agent's message, the last one filled, like Leave it and Redo the Pro card. */
+    actions?: SteerAction[];
+    /** Takes the buttons' place once you've answered, like "Added a step to redo the Pro card". The amber goes too. */
+    answer?: string;
+}
+export declare class SteeringComponent implements OnChanges {
+    /** The run's goal, like "Redesign the pricing page". */
+    title: string;
+    steps: SteerStep[];
+    /** What you sent and what the agent said back, in order. */
+    messages: SteerMessage[];
+    /** Emitted with the text when a message is sent. Add it to `messages` as `queued`, and mark it `applied` when it's taken up. */
+    sendMessage: EventEmitter<string>;
+    /** The message being written. Leave it out (undefined) to let the box keep it. */
+    value?: string;
+    defaultValue: string;
+    valueChange: EventEmitter<string>;
+    /** Defaults to "Steer the agent while it works", and "The run has finished" once every step is done. */
+    placeholder?: string;
+    /** The line under the title. Defaults to "Step 2 of 4", or Done. */
+    status?: string;
+    /** Seconds to show as m:ss. Leave it out to let the clock count until every step is done. */
+    seconds?: number;
+    /** Shown once every step is done. Defaults to "Done in 0:14 · 1 change from you"; false hides it. */
+    summary?: string | false;
+    className: string;
+    private readonly motion;
+    private draftState;
+    private counted;
+    private countTimer?;
+    ngOnChanges(changes: SimpleChanges): void;
+    get draft(): string;
+    get finished(): boolean;
+    private get secs();
+    get clockText(): string;
+    get line(): string;
+    private get mine();
+    get summaryText(): string;
+    get showSummary(): boolean;
+    get placeholderText(): string;
+    onInput(e: Event): void;
+    send(e: Event): void;
+    private syncCounter;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SteeringComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SteeringComponent, "vo-steering", never, { "title": { "alias": "title"; "required": true; }; "steps": { "alias": "steps"; "required": false; }; "messages": { "alias": "messages"; "required": false; }; "value": { "alias": "value"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "status": { "alias": "status"; "required": false; }; "seconds": { "alias": "seconds"; "required": false; }; "summary": { "alias": "summary"; "required": false; }; "className": { "alias": "className"; "required": false; }; }, { "sendMessage": "sendMessage"; "valueChange": "valueChange"; }, never, never, true, never>;
+}

package/step-loader/step-loader.component.d.ts

@@ -0,0 +1,40 @@
+import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import * as i0 from "@angular/core";
+/** One named step. */
+export interface Step {
+    /** Shown while the step runs, like "Reading Figma frames". */
+    label: string;
+    /** Shown once it is done, like "Read 4 frames". Falls back to label. */
+    done?: string;
+}
+/** The loader glyph beside the running step. */
+export type StepLoaderGlyph = 'radar' | 'dots' | 'ring' | 'bars';
+export declare class StepLoaderComponent implements OnChanges {
+    /** The named steps. */
+    steps: Step[];
+    /** Index of the step running now. steps.length (or more) means every step is done. */
+    current: number;
+    /** The loader beside the running step. */
+    loader: StepLoaderGlyph;
+    /** Label once every step is done. */
+    doneLabel: string;
+    /** Whether the list of every step is open (controlled). Leave out to let the row toggle it. */
+    open?: boolean;
+    /** Initial open state when uncontrolled. */
+    defaultOpen: boolean;
+    /** Emitted when the open state changes. */
+    openChange: EventEmitter<boolean>;
+    /** The open state shown now (controlled by `open`, else held internally). */
+    isOpen: boolean;
+    private touched;
+    ngOnChanges(changes: SimpleChanges): void;
+    /** Number of steps. */
+    get n(): number;
+    /** Whether every step is done. */
+    get allDone(): boolean;
+    /** Index of the step to show as running (clamped to the last step). */
+    get at(): number;
+    toggle(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepLoaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepLoaderComponent, "vo-step-loader", never, { "steps": { "alias": "steps"; "required": false; }; "current": { "alias": "current"; "required": false; }; "loader": { "alias": "loader"; "required": false; }; "doneLabel": { "alias": "doneLabel"; "required": false; }; "open": { "alias": "open"; "required": false; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; }; }, { "openChange": "openChange"; }, never, never, true, never>;
+}