@visuno/angular 0.0.0-stage → 0.1.0

package/esm2022/stat-cards/stat-cards.component.mjs

@@ -0,0 +1,258 @@
+// framework/angular/stat-cards/stat-cards.component.ts
+//
+// Native Angular port of framework/react/stat-cards/StatCards.tsx.
+// A row of KPI cards: a large rolling number, a percent change (green >=0,
+// red < 0), and a sparkline (a small line chart of `points`). A period switch
+// re-rolls every number and redraws every line. Inputs mirror the React props;
+// the number roll, the sparkline draw-in and the period switch are ported from
+// the vanilla JS (stat-cards.js).
+import { Component, EventEmitter, Input, Output, ViewEncapsulation, } from '@angular/core';
+import { VoIconComponent } from '../core/icon.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../core/reduced-motion.service";
+const FLAT = 'M0 30 L100 30';
+export class StatCardsComponent {
+    /** The period on show, by index. Leave it out to let the switch pick it. */
+    set period(value) {
+        this.controlled = value !== undefined;
+        if (value !== undefined && value !== this.at) {
+            this.at = value;
+            if (this.ready) {
+                this.placeKnob();
+                this.draw(value);
+            }
+        }
+    }
+    constructor(reduced, cdr, host) {
+        this.reduced = reduced;
+        this.cdr = cdr;
+        this.host = host;
+        this.stats = [];
+        this.periods = [];
+        this.defaultPeriod = 0;
+        this.periodChange = new EventEmitter();
+        this.at = 0;
+        this.cards = [];
+        this.knobLeft = 0;
+        this.knobWidth = 0;
+        this.sparkAnimate = false;
+        this.controlled = false;
+        this.ready = false;
+        this.timers = [];
+        this.frames = [];
+    }
+    compareFor() {
+        return this.periods[this.at]?.compare ?? null;
+    }
+    format(stat, value) {
+        return (stat.prefix ?? '') + Math.round(value).toLocaleString('en-US') + (stat.suffix ?? '');
+    }
+    ngAfterViewInit() {
+        if (!this.controlled)
+            this.at = this.defaultPeriod;
+        this.sparkAnimate = !this.reduced.reduce();
+        this.cards = this.stats.map((stat, index) => ({
+            stat,
+            index,
+            shown: 0,
+            changeText: '',
+            changeClass: '',
+            changeOut: false,
+            d: FLAT,
+            color: stat.color ?? `var(--vo-c${(index % 6) + 1})`,
+            enterDelay: index * 70,
+            sparkDelay: 300 + index * 70,
+            sparkDrawn: false,
+        }));
+        this.ready = true;
+        this.cdr.detectChanges();
+        this.placeKnob();
+        // the numbers roll up and the lines draw a moment after the cards come in
+        this.later(() => this.draw(this.at), 200);
+    }
+    selectPeriod(index) {
+        if (!this.controlled) {
+            this.at = index;
+            this.placeKnob();
+            this.draw(index);
+        }
+        this.periodChange.emit(index);
+    }
+    draw(period) {
+        for (const card of this.cards) {
+            const v = card.stat.values[Math.min(period, card.stat.values.length - 1)];
+            this.roll(card, v.value);
+            // the change chip blurs out and back in when it changes
+            card.changeOut = true;
+            this.later(() => {
+                card.changeText = (v.change >= 0 ? '+' : '') + v.change + '%';
+                card.changeClass = v.change >= 0 ? 'vo-tag vo-ok vo-up' : 'vo-tag vo-bad vo-dn';
+                card.changeOut = false;
+                this.cdr.markForCheck();
+            }, this.reduced.reduce() ? 0 : 170);
+            card.d = this.sparklinePath(card.stat, v);
+            card.sparkDrawn = true;
+        }
+        this.cdr.markForCheck();
+    }
+    sparklinePath(stat, v) {
+        const all = stat.values.flatMap((x) => x.points);
+        const [lo, hi] = this.sparkRange ?? [Math.min(...all), Math.max(...all)];
+        const span = hi - lo || 1;
+        return v.points
+            .map((y, k) => {
+            const x = ((k / Math.max(1, v.points.length - 1)) * 100).toFixed(1);
+            const yy = (29 - ((y - lo) / span) * 28).toFixed(1);
+            return `${k === 0 ? 'M' : 'L'}${x} ${yy}`;
+        })
+            .join(' ');
+    }
+    // eases a number to `target` over 900ms, so the counter rolls instead of jumping
+    roll(card, target) {
+        const from = card.shown;
+        if (this.reduced.reduce()) {
+            card.shown = target;
+            this.cdr.markForCheck();
+            return;
+        }
+        const t0 = performance.now();
+        const dur = 900;
+        const step = (t) => {
+            const p = Math.max(0, Math.min(1, (t - t0) / dur));
+            card.shown = from + (target - from) * (1 - Math.pow(1 - p, 3));
+            this.cdr.markForCheck();
+            if (p < 1)
+                this.frames.push(requestAnimationFrame(step));
+        };
+        this.frames.push(requestAnimationFrame(step));
+    }
+    placeKnob() {
+        const btns = this.host.nativeElement.querySelectorAll('.vo-scx-sg button');
+        const b = btns[this.at];
+        if (b) {
+            this.knobLeft = b.offsetLeft;
+            this.knobWidth = b.offsetWidth;
+            this.cdr.markForCheck();
+        }
+    }
+    later(fn, ms) {
+        this.timers.push(setTimeout(fn, ms));
+    }
+    ngOnDestroy() {
+        this.timers.forEach(clearTimeout);
+        this.frames.forEach(cancelAnimationFrame);
+        this.timers = [];
+        this.frames = [];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StatCardsComponent, deps: [{ token: i1.ReducedMotionService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: StatCardsComponent, isStandalone: true, selector: "vo-stat-cards", inputs: { stats: "stats", periods: "periods", period: "period", defaultPeriod: "defaultPeriod", sparkRange: "sparkRange" }, outputs: { periodChange: "periodChange" }, ngImport: i0, template: `
+    <div data-vo="" class="vo-scx">
+      @if (periods.length > 1) {
+        <div class="vo-scx-h">
+          <div class="vo-seg2 vo-scx-sg" role="group" aria-label="Period">
+            <span class="vo-knob" [style.left.px]="knobLeft" [style.width.px]="knobWidth"></span>
+            @for (p of periods; track $index) {
+              <button
+                type="button"
+                [attr.aria-pressed]="$index === at"
+                (click)="selectPeriod($index)"
+              >{{ p.label }}</button>
+            }
+          </div>
+        </div>
+      }
+      <div class="vo-scx-grid">
+        @for (c of cards; track c.stat.key ?? c.stat.label) {
+          <div
+            class="vo-scx-c vo-panel vo-enter"
+            [style.animationDelay.ms]="c.enterDelay"
+            [attr.title]="compareFor()"
+          >
+            <span class="vo-scx-k">
+              <span class="vo-ic"><vo-icon [name]="c.stat.icon" size="xs"></vo-icon></span>{{ c.stat.label }}
+            </span>
+            <div class="vo-scx-v">
+              <b class="vo-num">{{ format(c.stat, c.shown) }}</b>
+              <span class="vo-sw vo-scx-d vo-num {{ c.changeClass }}" [class.vo-out]="c.changeOut">{{ c.changeText }}</span>
+            </div>
+            <div class="vo-scx-sp">
+              <svg
+                viewBox="0 0 100 30"
+                preserveAspectRatio="none"
+                aria-hidden="true"
+                [class.vo-scx-draw]="sparkAnimate && c.sparkDrawn"
+                [style.animationDelay.ms]="c.sparkDelay"
+              >
+                <path [attr.stroke]="c.color" [attr.d]="c.d"></path>
+              </svg>
+            </div>
+          </div>
+        }
+      </div>
+    </div>
+  `, isInline: true, styles: [".vo-scx{display:flex;flex-direction:column;gap:10px;width:100%}.vo-scx-h{display:flex;justify-content:flex-end}.vo-scx-sg button{font-size:12px;height:26px;padding:0 10px}.vo-scx-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media (max-width:820px){.vo-scx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.vo-scx-grid{gap:var(--vo-s-2)}.vo-scx-c{padding:var(--vo-s-3)}.vo-scx-v{flex-wrap:wrap;row-gap:var(--vo-s-1)}.vo-scx-sp{height:28px}}.vo-scx-c{padding:var(--vo-s-4);display:flex;flex-direction:column;gap:6px;transition:transform .45s var(--vo-ease),box-shadow .3s;min-width:0}@media (hover:hover) and (pointer:fine){.vo-scx-c:hover{transform:translateY(-2px);box-shadow:var(--vo-shadow-pop)}}.vo-scx-k{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--vo-muted)}.vo-scx-k .vo-ic{display:grid;color:var(--vo-fg2)}.vo-scx-v{display:flex;align-items:baseline;gap:var(--vo-s-2)}.vo-scx-v b{font-size:14px;font-weight:500;letter-spacing:-.02em}.vo-scx-d{font-size:12px;font-weight:500}.vo-scx-d.vo-tag{display:inline-flex;height:20px;padding:0 6px}.vo-scx-sp{height:34px;margin-top:var(--vo-s-1)}.vo-scx-sp svg{width:100%;height:100%;overflow:visible}.vo-scx-sp path{fill:none;stroke-width:1.75;vector-effect:non-scaling-stroke;stroke-linejoin:round;transition:d .8s var(--vo-ease)}.vo-scx-sp svg.vo-scx-draw{animation:vo-scx-draw 1s cubic-bezier(.45,0,.2,1) backwards}@keyframes vo-scx-draw{0%{clip-path:inset(-4px 100% -4px 0)}to{clip-path:inset(-4px 0% -4px 0)}}@media (prefers-reduced-motion:reduce){.vo-scx-sp svg.vo-scx-draw{animation:none}}\n"], dependencies: [{ kind: "component", type: VoIconComponent, selector: "vo-icon", inputs: ["name", "size"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StatCardsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vo-stat-cards', standalone: true, encapsulation: ViewEncapsulation.None, imports: [VoIconComponent], template: `
+    <div data-vo="" class="vo-scx">
+      @if (periods.length > 1) {
+        <div class="vo-scx-h">
+          <div class="vo-seg2 vo-scx-sg" role="group" aria-label="Period">
+            <span class="vo-knob" [style.left.px]="knobLeft" [style.width.px]="knobWidth"></span>
+            @for (p of periods; track $index) {
+              <button
+                type="button"
+                [attr.aria-pressed]="$index === at"
+                (click)="selectPeriod($index)"
+              >{{ p.label }}</button>
+            }
+          </div>
+        </div>
+      }
+      <div class="vo-scx-grid">
+        @for (c of cards; track c.stat.key ?? c.stat.label) {
+          <div
+            class="vo-scx-c vo-panel vo-enter"
+            [style.animationDelay.ms]="c.enterDelay"
+            [attr.title]="compareFor()"
+          >
+            <span class="vo-scx-k">
+              <span class="vo-ic"><vo-icon [name]="c.stat.icon" size="xs"></vo-icon></span>{{ c.stat.label }}
+            </span>
+            <div class="vo-scx-v">
+              <b class="vo-num">{{ format(c.stat, c.shown) }}</b>
+              <span class="vo-sw vo-scx-d vo-num {{ c.changeClass }}" [class.vo-out]="c.changeOut">{{ c.changeText }}</span>
+            </div>
+            <div class="vo-scx-sp">
+              <svg
+                viewBox="0 0 100 30"
+                preserveAspectRatio="none"
+                aria-hidden="true"
+                [class.vo-scx-draw]="sparkAnimate && c.sparkDrawn"
+                [style.animationDelay.ms]="c.sparkDelay"
+              >
+                <path [attr.stroke]="c.color" [attr.d]="c.d"></path>
+              </svg>
+            </div>
+          </div>
+        }
+      </div>
+    </div>
+  `, styles: [".vo-scx{display:flex;flex-direction:column;gap:10px;width:100%}.vo-scx-h{display:flex;justify-content:flex-end}.vo-scx-sg button{font-size:12px;height:26px;padding:0 10px}.vo-scx-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media (max-width:820px){.vo-scx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.vo-scx-grid{gap:var(--vo-s-2)}.vo-scx-c{padding:var(--vo-s-3)}.vo-scx-v{flex-wrap:wrap;row-gap:var(--vo-s-1)}.vo-scx-sp{height:28px}}.vo-scx-c{padding:var(--vo-s-4);display:flex;flex-direction:column;gap:6px;transition:transform .45s var(--vo-ease),box-shadow .3s;min-width:0}@media (hover:hover) and (pointer:fine){.vo-scx-c:hover{transform:translateY(-2px);box-shadow:var(--vo-shadow-pop)}}.vo-scx-k{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--vo-muted)}.vo-scx-k .vo-ic{display:grid;color:var(--vo-fg2)}.vo-scx-v{display:flex;align-items:baseline;gap:var(--vo-s-2)}.vo-scx-v b{font-size:14px;font-weight:500;letter-spacing:-.02em}.vo-scx-d{font-size:12px;font-weight:500}.vo-scx-d.vo-tag{display:inline-flex;height:20px;padding:0 6px}.vo-scx-sp{height:34px;margin-top:var(--vo-s-1)}.vo-scx-sp svg{width:100%;height:100%;overflow:visible}.vo-scx-sp path{fill:none;stroke-width:1.75;vector-effect:non-scaling-stroke;stroke-linejoin:round;transition:d .8s var(--vo-ease)}.vo-scx-sp svg.vo-scx-draw{animation:vo-scx-draw 1s cubic-bezier(.45,0,.2,1) backwards}@keyframes vo-scx-draw{0%{clip-path:inset(-4px 100% -4px 0)}to{clip-path:inset(-4px 0% -4px 0)}}@media (prefers-reduced-motion:reduce){.vo-scx-sp svg.vo-scx-draw{animation:none}}\n"] }]
+        }], ctorParameters: () => [{ type: i1.ReducedMotionService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], propDecorators: { stats: [{
+                type: Input,
+                args: [{ required: true }]
+            }], periods: [{
+                type: Input,
+                args: [{ required: true }]
+            }], period: [{
+                type: Input
+            }], defaultPeriod: [{
+                type: Input
+            }], sparkRange: [{
+                type: Input
+            }], periodChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdC1jYXJkcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zdGF0LWNhcmRzL3N0YXQtY2FyZHMuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHVEQUF1RDtBQUN2RCxFQUFFO0FBQ0YsbUVBQW1FO0FBQ25FLDJFQUEyRTtBQUMzRSw4RUFBOEU7QUFDOUUsK0VBQStFO0FBQy9FLCtFQUErRTtBQUMvRSxrQ0FBa0M7QUFFbEMsT0FBTyxFQUdMLFNBQVMsRUFFVCxZQUFZLEVBQ1osS0FBSyxFQUVMLE1BQU0sRUFDTixpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGVBQWUsRUFBbUIsTUFBTSx3QkFBd0IsQ0FBQzs7O0FBc0MxRSxNQUFNLElBQUksR0FBRyxlQUFlLENBQUM7QUFzRTdCLE1BQU0sT0FBTyxrQkFBa0I7SUFHN0IsNEVBQTRFO0lBQzVFLElBQWEsTUFBTSxDQUFDLEtBQXlCO1FBQzNDLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxLQUFLLFNBQVMsQ0FBQztRQUN0QyxJQUFJLEtBQUssS0FBSyxTQUFTLElBQUksS0FBSyxLQUFLLElBQUksQ0FBQyxFQUFFLEVBQUUsQ0FBQztZQUM3QyxJQUFJLENBQUMsRUFBRSxHQUFHLEtBQUssQ0FBQztZQUNoQixJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztnQkFDZixJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7Z0JBQ2pCLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDbkIsQ0FBQztRQUNILENBQUM7SUFDSCxDQUFDO0lBa0JELFlBQ21CLE9BQTZCLEVBQzdCLEdBQXNCLEVBQ3RCLElBQTZCO1FBRjdCLFlBQU8sR0FBUCxPQUFPLENBQXNCO1FBQzdCLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBQ3RCLFNBQUksR0FBSixJQUFJLENBQXlCO1FBakNyQixVQUFLLEdBQW9CLEVB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Iiwic291cmNlc0NvbnRlbnQiOlsiLy8gZnJhbWV3b3JrL2FuZ3VsYXIvc3RhdC1jYXJkcy9zdGF0LWNhcmRzLmNvbXBvbmVudC50c1xuLy9cbi8vIE5hdGl2ZSBBbmd1bGFyIHBvcnQgb2YgZnJhbWV3b3JrL3JlYWN0L3N0YXQtY2FyZHMvU3RhdENhcmRzLnRzeC5cbi8vIEEgcm93IG9mIEtQSSBjYXJkczogYSBsYXJnZSByb2xsaW5nIG51bWJlciwgYSBwZXJjZW50IGNoYW5nZSAoZ3JlZW4gPj0wLFxuLy8gcmVkIDwgMCksIGFuZCBhIHNwYXJrbGluZSAoYSBzbWFsbCBsaW5lIGNoYXJ0IG9mIGBwb2ludHNgKS4gQSBwZXJpb2Qgc3dpdGNoXG4vLyByZS1yb2xscyBldmVyeSBudW1iZXIgYW5kIHJlZHJhd3MgZXZlcnkgbGluZS4gSW5wdXRzIG1pcnJvciB0aGUgUmVhY3QgcHJvcHM7XG4vLyB0aGUgbnVtYmVyIHJvbGwsIHRoZSBzcGFya2xpbmUgZHJhdy1pbiBhbmQgdGhlIHBlcmlvZCBzd2l0Y2ggYXJlIHBvcnRlZCBmcm9tXG4vLyB0aGUgdmFuaWxsYSBKUyAoc3RhdC1jYXJkcy5qcykuXG5cbmltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE9uRGVzdHJveSxcbiAgT3V0cHV0LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBWb0ljb25Db21wb25lbnQsIHR5cGUgVm9JY29uTmFtZSB9IGZyb20gJy4uL2NvcmUvaWNvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgUmVkdWNlZE1vdGlvblNlcnZpY2UgfSBmcm9tICcuLi9jb3JlL3JlZHVjZWQtbW90aW9uLnNlcnZpY2UnO1xuXG4vKiogT25lIHBlcmlvZCdzIGZpZ3VyZXMgZm9yIGEgY2FyZC4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgU3RhdENhcmRzVmFsdWUge1xuICAvKiogVGhlIG51bWJlciBpbiBsYXJnZSB0eXBlLCB3aGljaCByb2xscyB0byBpdC4gKi9cbiAgdmFsdWU6IG51bWJlcjtcbiAgLyoqIENoYW5nZSBhZ2FpbnN0IHRoZSBwZXJpb2QgYmVmb3JlLCBpbiBwZXJjZW50LiBHcmVlbiBmcm9tIDAsIHJlZCBiZWxvdy4gKi9cbiAgY2hhbmdlOiBudW1iZXI7XG4gIC8qKiBUaGUgc3BhcmtsaW5lLCBvbGRlc3QgZmlyc3QuICovXG4gIHBvaW50czogbnVtYmVyW107XG59XG5cbi8qKiBPbmUgY2FyZC4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgU3RhdENhcmRzU3RhdCB7XG4gIC8qKiBJZGVudGlmaWVzIHRoZSBjYXJkLiBEZWZhdWx0cyB0byBpdHMgbGFiZWwuICovXG4gIGtleT86IHN0cmluZztcbiAgaWNvbjogVm9JY29uTmFtZTtcbiAgLyoqIExpa2UgXCJBZ2VudCBydW5zXCIuICovXG4gIGxhYmVsOiBzdHJpbmc7XG4gIC8qKiBPbmUgZW50cnkgcGVyIHBlcmlvZCwgaW4gdGhlIHNhbWUgb3JkZXIgYXMgYHBlcmlvZHNgLiAqL1xuICB2YWx1ZXM6IFN0YXRDYXJkc1ZhbHVlW107XG4gIC8qKiBCZWZvcmUgdGhlIG51bWJlciwgbGlrZSBcIiRcIi4gKi9cbiAgcHJlZml4Pzogc3RyaW5nO1xuICAvKiogQWZ0ZXIgdGhlIG51bWJlciwgbGlrZSBcImhcIi4gKi9cbiAgc3VmZml4Pzogc3RyaW5nO1xuICAvKiogVGhlIHNwYXJrbGluZSBjb2xvdXIuIERlZmF1bHRzIHRvIHRoZSBjaGFydCBwYWxldHRlICgtLXZvLWMxLi5jNikuICovXG4gIGNvbG9yPzogc3RyaW5nO1xufVxuXG4vKiogT25lIGVudHJ5IGluIHRoZSBwZXJpb2Qgc3dpdGNoLiAqL1xuZXhwb3J0IGludGVyZmFjZSBTdGF0Q2FyZHNQZXJpb2Qge1xuICAvKiogVGhlIHN3aXRjaCBsYWJlbCwgbGlrZSBcIjMwIGRheXNcIi4gKi9cbiAgbGFiZWw6IHN0cmluZztcbiAgLyoqIFNob3duIHdoZW4geW91IGhvdmVyIGEgY2FyZCwgbGlrZSBcInZzIHByZXZpb3VzIDMwIGRheXNcIi4gKi9cbiAgY29tcGFyZT86IHN0cmluZztcbn1cblxuY29uc3QgRkxBVCA9ICdNMCAzMCBMMTAwIDMwJztcblxuLyoqIEludGVybmFsIHBlci1jYXJkIHJlbmRlciBzdGF0ZS4gKi9cbmludGVyZmFjZSBDYXJkVmlldyB7XG4gIHN0YXQ6IFN0YXRDYXJkc1N0YXQ7XG4gIGluZGV4OiBudW1iZXI7XG4gIHNob3duOiBudW1iZXI7XG4gIGNoYW5nZVRleHQ6IHN0cmluZztcbiAgY2hhbmdlQ2xhc3M6IHN0cmluZztcbiAgY2hhbmdlT3V0OiBib29sZWFuO1xuICBkOiBzdHJpbmc7XG4gIGNvbG9yOiBzdHJpbmc7XG4gIGVudGVyRGVsYXk6IG51bWJlcjtcbiAgc3BhcmtEZWxheTogbnVtYmVyO1xuICBzcGFya0RyYXduOiBib29sZWFuO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2by1zdGF0LWNhcmRzJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgaW1wb3J0czogW1ZvSWNvbkNvbXBvbmVudF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBkYXRhLXZvPVwiXCIgY2xhc3M9XCJ2by1zY3hcIj5cbiAgICAgIEBpZiAocGVyaW9kcy5sZW5ndGggPiAxKSB7XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ2by1zY3gtaFwiPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2by1zZWcyIHZvLXNjeC1zZ1wiIHJvbGU9XCJncm91cFwiIGFyaWEtbGFiZWw9XCJQZXJpb2RcIj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidm8ta25vYlwiIFtzdHlsZS5sZWZ0LnB4XT1cImtub2JMZWZ0XCIgW3N0eWxlLndpZHRoLnB4XT1cImtub2JXaWR0aFwiPjwvc3Bhbj5cbiAgICAgICAgICAgIEBmb3IgKHAgb2YgcGVyaW9kczsgdHJhY2sgJGluZGV4KSB7XG4gICAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgICBbYXR0ci5hcmlhLXByZXNzZWRdPVwiJGluZGV4ID09PSBhdFwiXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cInNlbGVjdFBlcmlvZCgkaW5kZXgpXCJcbiAgICAgICAgICAgICAgPnt7IHAubGFiZWwgfX08L2J1dHRvbj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICB9XG4gICAgICA8ZGl2IGNsYXNzPVwidm8tc2N4LWdyaWRcIj5cbiAgICAgICAgQGZvciAoYyBvZiBjYXJkczsgdHJhY2sgYy5zdGF0LmtleSA/PyBjLnN0YXQubGFiZWwpIHtcbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjbGFzcz1cInZvLXNjeC1jIHZvLXBhbmVsIHZvLWVudGVyXCJcbiAgICAgICAgICAgIFtzdHlsZS5hbmltYXRpb25EZWxheS5tc109XCJjLmVudGVyRGVsYXlcIlxuICAgICAgICAgICAgW2F0dHIudGl0bGVdPVwiY29tcGFyZUZvcigpXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInZvLXNjeC1rXCI+XG4gICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidm8taWNcIj48dm8taWNvbiBbbmFtZV09XCJjLnN0YXQuaWNvblwiIHNpemU9XCJ4c1wiPjwvdm8taWNvbj48L3NwYW4+e3sgYy5zdGF0LmxhYmVsIH19XG4gICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwidm8tc2N4LXZcIj5cbiAgICAgICAgICAgICAgPGIgY2xhc3M9XCJ2by1udW1cIj57eyBmb3JtYXQoYy5zdGF0LCBjLnNob3duKSB9fTwvYj5cbiAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2by1zdyB2by1zY3gtZCB2by1udW0ge3sgYy5jaGFuZ2VDbGFzcyB9fVwiIFtjbGFzcy52by1vdXRdPVwiYy5jaGFuZ2VPdXRcIj57eyBjLmNoYW5nZVRleHQgfX08L3NwYW4+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2by1zY3gtc3BcIj5cbiAgICAgICAgICAgICAgPHN2Z1xuICAgICAgICAgICAgICAgIHZpZXdCb3g9XCIwIDAgMTAwIDMwXCJcbiAgICAgICAgICAgICAgICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPVwibm9uZVwiXG4gICAgICAgICAgICAgICAgYXJpYS1oaWRkZW49XCJ0cnVlXCJcbiAgICAgICAgICAgICAgICBbY2xhc3Mudm8tc2N4LWRyYXddPVwic3BhcmtBbmltYXRlICYmIGMuc3BhcmtEcmF3blwiXG4gICAgICAgICAgICAgICAgW3N0eWxlLmFuaW1hdGlvbkRlbGF5Lm1zXT1cImMuc3BhcmtEZWxheVwiXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8cGF0aCBbYXR0ci5zdHJva2VdPVwiYy5jb2xvclwiIFthdHRyLmRdPVwiYy5kXCI+PC9wYXRoPlxuICAgICAgICAgICAgICA8L3N2Zz5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICB9XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVVcmw6ICcuL3N0YXQtY2FyZHMuY3NzJyxcbn0pXG5leHBvcnQgY2xhc3MgU3RhdENhcmRzQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgT25EZXN0cm95IHtcbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgc3RhdHM6IFN0YXRDYXJkc1N0YXRbXSA9IFtdO1xuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSBwZXJpb2RzOiBTdGF0Q2FyZHNQZXJpb2RbXSA9IFtdO1xuICAvKiogVGhlIHBlcmlvZCBvbiBzaG93LCBieSBpbmRleC4gTGVhdmUgaXQgb3V0IHRvIGxldCB0aGUgc3dpdGNoIHBpY2sgaXQuICovXG4gIEBJbnB1dCgpIHNldCBwZXJpb2QodmFsdWU6IG51bWJlciB8IHVuZGVmaW5lZCkge1xuICAgIHRoaXMuY29udHJvbGxlZCA9IHZhbHVlICE9PSB1bmRlZmluZWQ7XG4gICAgaWYgKHZhbHVlICE9PSB1bmRlZmluZWQgJiYgdmFsdWUgIT09IHRoaXMuYXQpIHtcbiAgICAgIHRoaXMuYXQgPSB2YWx1ZTtcbiAgICAgIGlmICh0aGlzLnJlYWR5KSB7XG4gICAgICAgIHRoaXMucGxhY2VLbm9iKCk7XG4gICAgICAgIHRoaXMuZHJhdyh2YWx1ZSk7XG4gICAgICB9XG4gICAgfVxuICB9XG4gIEBJbnB1dCgpIGRlZmF1bHRQZXJpb2QgPSAwO1xuICAvKiogVGhlIHZhbHVlcyBhdCB0aGUgYm90dG9tIGFuZCB0b3Agb2YgZXZlcnkgc3BhcmtsaW5lLiBEZWZhdWx0cyB0byBlYWNoIGNhcmQncyBvd24gcmFuZ2UuICovXG4gIEBJbnB1dCgpIHNwYXJrUmFuZ2U/OiBbbnVtYmVyLCBudW1iZXJdO1xuXG4gIEBPdXRwdXQoKSBwZXJpb2RDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKTtcblxuICBhdCA9IDA7XG4gIGNhcmRzOiBDYXJkVmlld1tdID0gW107XG4gIGtub2JMZWZ0ID0gMDtcbiAga25vYldpZHRoID0gMDtcbiAgc3BhcmtBbmltYXRlID0gZmFsc2U7XG5cbiAgcHJpdmF0ZSBjb250cm9sbGVkID0gZmFsc2U7XG4gIHByaXZhdGUgcmVhZHkgPSBmYWxzZTtcbiAgcHJpdmF0ZSB0aW1lcnM6IFJldHVyblR5cGU8dHlwZW9mIHNldFRpbWVvdXQ+W10gPSBbXTtcbiAgcHJpdmF0ZSBmcmFtZXM6IG51bWJlcltdID0gW107XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSByZWFkb25seSByZWR1Y2VkOiBSZWR1Y2VkTW90aW9uU2VydmljZSxcbiAgICBwcml2YXRlIHJlYWRvbmx5IGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgcHJpdmF0ZSByZWFkb25seSBob3N0OiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PixcbiAgKSB7fVxuXG4gIGNvbXBhcmVGb3IoKTogc3RyaW5nIHwgbnVsbCB7XG4gICAgcmV0dXJuIHRoaXMucGVyaW9kc1t0aGlzLmF0XT8uY29tcGFyZSA/PyBudWxsO1xuICB9XG5cbiAgZm9ybWF0KHN0YXQ6IFN0YXRDYXJkc1N0YXQsIHZhbHVlOiBudW1iZXIpOiBzdHJpbmcge1xuICAgIHJldHVybiAoc3RhdC5wcmVmaXggPz8gJycpICsgTWF0aC5yb3VuZCh2YWx1ZSkudG9Mb2NhbGVTdHJpbmcoJ2VuLVVTJykgKyAoc3RhdC5zdWZmaXggPz8gJycpO1xuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5jb250cm9sbGVkKSB0aGlzLmF0ID0gdGhpcy5kZWZhdWx0UGVyaW9kO1xuICAgIHRoaXMuc3BhcmtBbmltYXRlID0gIXRoaXMucmVkdWNlZC5yZWR1Y2UoKTtcbiAgICB0aGlzLmNhcmRzID0gdGhpcy5zdGF0cy5tYXAoKHN0YXQsIGluZGV4KSA9PiAoe1xuICAgICAgc3RhdCxcbiAgICAgIGluZGV4LFxuICAgICAgc2hvd246IDAsXG4gICAgICBjaGFuZ2VUZXh0OiAnJyxcbiAgICAgIGNoYW5nZUNsYXNzOiAnJyxcbiAgICAgIGNoYW5nZU91dDogZmFsc2UsXG4gICAgICBkOiBGTEFULFxuICAgICAgY29sb3I6IHN0YXQuY29sb3IgPz8gYHZhcigtLXZvLWMkeyhpbmRleCAlIDYpICsgMX0pYCxcbiAgICAgIGVudGVyRGVsYXk6IGluZGV4ICogNzAsXG4gICAgICBzcGFya0RlbGF5OiAzMDAgKyBpbmRleCAqIDcwLFxuICAgICAgc3BhcmtEcmF3bjogZmFsc2UsXG4gICAgfSkpO1xuICAgIHRoaXMucmVhZHkgPSB0cnVlO1xuICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKTtcbiAgICB0aGlzLnBsYWNlS25vYigpO1xuICAgIC8vIHRoZSBudW1iZXJzIHJvbGwgdXAgYW5kIHRoZSBsaW5lcyBkcmF3IGEgbW9tZW50IGFmdGVyIHRoZSBjYXJkcyBjb21lIGluXG4gICAgdGhpcy5sYXRlcigoKSA9PiB0aGlzLmRyYXcodGhpcy5hdCksIDIwMCk7XG4gIH1cblxuICBzZWxlY3RQZXJpb2QoaW5kZXg6IG51bWJlcik6IHZvaWQge1xuICAgIGlmICghdGhpcy5jb250cm9sbGVkKSB7XG4gICAgICB0aGlzLmF0ID0gaW5kZXg7XG4gICAgICB0aGlzLnBsYWNlS25vYigpO1xuICAgICAgdGhpcy5kcmF3KGluZGV4KTtcbiAgICB9XG4gICAgdGhpcy5wZXJpb2RDaGFuZ2UuZW1pdChpbmRleCk7XG4gIH1cblxuICBwcml2YXRlIGRyYXcocGVyaW9kOiBudW1iZXIpOiB2b2lkIHtcbiAgICBmb3IgKGNvbnN0IGNhcmQgb2YgdGhpcy5jYXJkcykge1xuICAgICAgY29uc3QgdiA9IGNhcmQuc3RhdC52YWx1ZXNbTWF0aC5taW4ocGVyaW9kLCBjYXJkLnN0YXQudmFsdWVzLmxlbmd0aCAtIDEpXTtcbiAgICAgIHRoaXMucm9sbChjYXJkLCB2LnZhbHVlKTtcbiAgICAgIC8vIHRoZSBjaGFuZ2UgY2hpcCBibHVycyBvdXQgYW5kIGJhY2sgaW4gd2hlbiBpdCBjaGFuZ2VzXG4gICAgICBjYXJkLmNoYW5nZU91dCA9IHRydWU7XG4gICAgICB0aGlzLmxhdGVyKCgpID0+IHtcbiAgICAgICAgY2FyZC5jaGFuZ2VUZXh0ID0gKHYuY2hhbmdlID49IDAgPyAnKycgOiAnJykgKyB2LmNoYW5nZSArICclJztcbiAgICAgICAgY2FyZC5jaGFuZ2VDbGFzcyA9IHYuY2hhbmdlID49IDAgPyAndm8tdGFnIHZvLW9rIHZvLXVwJyA6ICd2by10YWcgdm8tYmFkIHZvLWRuJztcbiAgICAgICAgY2FyZC5jaGFuZ2VPdXQgPSBmYWxzZTtcbiAgICAgICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gICAgICB9LCB0aGlzLnJlZHVjZWQucmVkdWNlKCkgPyAwIDogMTcwKTtcbiAgICAgIGNhcmQuZCA9IHRoaXMuc3BhcmtsaW5lUGF0aChjYXJkLnN0YXQsIHYpO1xuICAgICAgY2FyZC5zcGFya0RyYXduID0gdHJ1ZTtcbiAgICB9XG4gICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gIH1cblxuICBwcml2YXRlIHNwYXJrbGluZVBhdGgoc3RhdDogU3RhdENhcmRzU3RhdCwgdjogU3RhdENhcmRzVmFsdWUpOiBzdHJpbmcge1xuICAgIGNvbnN0IGFsbCA9IHN0YXQudmFsdWVzLmZsYXRNYXAoKHgpID0+IHgucG9pbnRzKTtcbiAgICBjb25zdCBbbG8sIGhpXSA9IHRoaXMuc3BhcmtSYW5nZSA/PyBbTWF0aC5taW4oLi4uYWxsKSwgTWF0aC5tYXgoLi4uYWxsKV07XG4gICAgY29uc3Qgc3BhbiA9IGhpIC0gbG8gfHwgMTtcbiAgICByZXR1cm4gdi5wb2ludHNcbiAgICAgIC5tYXAoKHksIGspID0+IHtcbiAgICAgICAgY29uc3QgeCA9ICgoayAvIE1hdGgubWF4KDEsIHYucG9pbnRzLmxlbmd0aCAtIDEpKSAqIDEwMCkudG9GaXhlZCgxKTtcbiAgICAgICAgY29uc3QgeXkgPSAoMjkgLSAoKHkgLSBsbykgLyBzcGFuKSAqIDI4KS50b0ZpeGVkKDEpO1xuICAgICAgICByZXR1cm4gYCR7ayA9PT0gMCA/ICdNJyA6ICdMJ30ke3h9ICR7eXl9YDtcbiAgICAgIH0pXG4gICAgICAuam9pbignICcpO1xuICB9XG5cbiAgLy8gZWFzZXMgYSBudW1iZXIgdG8gYHRhcmdldGAgb3ZlciA5MDBtcywgc28gdGhlIGNvdW50ZXIgcm9sbHMgaW5zdGVhZCBvZiBqdW1waW5nXG4gIHByaXZhdGUgcm9sbChjYXJkOiBDYXJkVmlldywgdGFyZ2V0OiBudW1iZXIpOiB2b2lkIHtcbiAgICBjb25zdCBmcm9tID0gY2FyZC5zaG93bjtcbiAgICBpZiAodGhpcy5yZWR1Y2VkLnJlZHVjZSgpKSB7XG4gICAgICBjYXJkLnNob3duID0gdGFyZ2V0O1xuICAgICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGNvbnN0IHQwID0gcGVyZm9ybWFuY2Uubm93KCk7XG4gICAgY29uc3QgZHVyID0gOTAwO1xuICAgIGNvbnN0IHN0ZXAgPSAodDogbnVtYmVyKSA9PiB7XG4gICAgICBjb25zdCBwID0gTWF0aC5tYXgoMCwgTWF0aC5taW4oMSwgKHQgLSB0MCkgLyBkdXIpKTtcbiAgICAgIGNhcmQuc2hvd24gPSBmcm9tICsgKHRhcmdldCAtIGZyb20pICogKDEgLSBNYXRoLnBvdygxIC0gcCwgMykpO1xuICAgICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gICAgICBpZiAocCA8IDEpIHRoaXMuZnJhbWVzLnB1c2gocmVxdWVzdEFuaW1hdGlvbkZyYW1lKHN0ZXApKTtcbiAgICB9O1xuICAgIHRoaXMuZnJhbWVzLnB1c2gocmVxdWVzdEFuaW1hdGlvbkZyYW1lKHN0ZXApKTtcbiAgfVxuXG4gIHByaXZhdGUgcGxhY2VLbm9iKCk6IHZvaWQge1xuICAgIGNvbnN0IGJ0bnMgPSB0aGlzLmhvc3QubmF0aXZlRWxlbWVudC5xdWVyeVNlbGVjdG9yQWxsPEhUTUxFbGVtZW50PignLnZvLXNjeC1zZyBidXR0b24nKTtcbiAgICBjb25zdCBiID0gYnRuc1t0aGlzLmF0XTtcbiAgICBpZiAoYikge1xuICAgICAgdGhpcy5rbm9iTGVmdCA9IGIub2Zmc2V0TGVmdDtcbiAgICAgIHRoaXMua25vYldpZHRoID0gYi5vZmZzZXRXaWR0aDtcbiAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgbGF0ZXIoZm46ICgpID0+IHZvaWQsIG1zOiBudW1iZXIpOiB2b2lkIHtcbiAgICB0aGlzLnRpbWVycy5wdXNoKHNldFRpbWVvdXQoZm4sIG1zKSk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLnRpbWVycy5mb3JFYWNoKGNsZWFyVGltZW91dCk7XG4gICAgdGhpcy5mcmFtZXMuZm9yRWFjaChjYW5jZWxBbmltYXRpb25GcmFtZSk7XG4gICAgdGhpcy50aW1lcnMgPSBbXTtcbiAgICB0aGlzLmZyYW1lcyA9IFtdO1xuICB9XG59XG4iXX0=

package/esm2022/status-pill/status-pill.component.mjs

@@ -0,0 +1,305 @@
+// framework/angular/status-pill/status-pill.component.ts
+//
+// Native Angular port of framework/react/status-pill/StatusPill.tsx.
+// One live line for what the agent is doing right now. It fades between states,
+// resizes to fit them, and the `bar` variant is taller with a progress track.
+// Inputs mirror the React props; the morph + fade behavior is ported from the
+// vanilla JS (status-pill.js).
+import { Component, Input, ViewChild, ViewEncapsulation, } from '@angular/core';
+import { VoIconComponent } from '../core/icon.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../core/reduced-motion.service";
+const LIVE = ['thinking', 'reading', 'working'];
+const FT = {
+    tsx: 'vo-re', jsx: 'vo-re', csv: 'vo-csv', pdf: 'vo-pdf', fig: 'vo-fg',
+};
+export class StatusPillComponent {
+    constructor(reduced, cdr) {
+        this.reduced = reduced;
+        this.cdr = cdr;
+        this.state = 'idle';
+        /** What the agent is doing, in a few words. */
+        this.label = '';
+        /** 0 to 100, drawn as a track along the bottom of the bar variant. */
+        this.progress = 0;
+        /** pill hugs its content, bar is taller and leaves room for the progress track. */
+        this.variant = 'pill';
+        /** The snapshot currently shown (the old line while fading out). */
+        this.view = { state: 'idle', label: '' };
+        this.fading = false;
+        this.morphing = false;
+        this.shape = 'pill';
+        this.prevKey = '';
+        this.latest = this.view;
+        this.timers = [];
+        this.viewReady = false;
+    }
+    get viewState() {
+        return this.view.state;
+    }
+    get glyphColor() {
+        switch (this.view.state) {
+            case 'thinking':
+            case 'reading':
+            case 'working':
+                return 'var(--vo-fg)';
+            case 'waiting':
+                return 'var(--vo-warn-mark)';
+            case 'done':
+                return 'var(--vo-ok)';
+            default:
+                return null;
+        }
+    }
+    get dotColor() {
+        return this.view.state === 'idle' ? 'var(--vo-faint)' : null;
+    }
+    get labelClass() {
+        if (LIVE.includes(this.view.state))
+            return 'vo-shim';
+        if (this.view.state === 'idle')
+            return 'vo-fg2';
+        return '';
+    }
+    get clampedProgress() {
+        return Math.max(0, Math.min(100, this.progress));
+    }
+    ftClass(type) {
+        return FT[type] ?? '';
+    }
+    key(v) {
+        return [v.state ?? 'idle', v.label, v.file?.name ?? '', v.action?.label ?? ''].join('\u0000');
+    }
+    snapshot() {
+        return {
+            state: this.state ?? 'idle',
+            label: this.label,
+            meta: this.meta,
+            file: this.file,
+            action: this.action,
+        };
+    }
+    ngAfterViewInit() {
+        this.viewReady = true;
+        this.view = this.snapshot();
+        this.latest = this.view;
+        this.prevKey = this.key(this.view);
+        this.shape = this.variant;
+        this.fit();
+        this.cdr.detectChanges();
+    }
+    ngOnChanges(changes) {
+        const next = this.snapshot();
+        this.latest = next;
+        if (!this.viewReady) {
+            this.view = next;
+            return;
+        }
+        // a new state, label, file or action fades the old line out before the new
+        // one comes in; changes to meta, progress or the action handler show at once
+        const nextKey = this.key(next);
+        if (nextKey !== this.prevKey) {
+            this.fading = true;
+            const delay = this.reduced.reduce() ? 0 : 180;
+            this.later(() => {
+                this.view = this.latest;
+                this.prevKey = this.key(this.view);
+                this.fading = false;
+                this.fit();
+                this.cdr.markForCheck();
+            }, delay);
+        }
+        else if (!this.fading) {
+            // meta / progress only: refresh the shown snapshot in place
+            this.view = next;
+        }
+        if (changes['variant'] && !changes['variant'].firstChange) {
+            this.morphTo(this.variant);
+        }
+    }
+    // the switch morphs in three beats, so the words and the shape never move at
+    // once: the line fades out with its track, the shape changes while it is
+    // empty, then the new layout fades in with the track under it
+    morphTo(variant) {
+        if (variant === this.shape)
+            return;
+        if (this.reduced.reduce()) {
+            this.shape = variant;
+            this.fit();
+            return;
+        }
+        this.morphing = true;
+        this.later(() => {
+            this.shape = variant;
+            this.fit();
+            this.cdr.markForCheck();
+        }, 170);
+        this.later(() => {
+            this.morphing = false;
+            this.cdr.markForCheck();
+        }, 430);
+    }
+    // the pill always hugs its content; the bar keeps a little extra room for its track
+    fit() {
+        const el = this.box?.nativeElement;
+        if (!el)
+            return;
+        el.style.width = 'max-content';
+        const w = el.scrollWidth;
+        el.style.width = '';
+        this.width = this.shape === 'bar' ? Math.max(w + 24, 300) : w;
+    }
+    later(fn, ms) {
+        this.timers.push(setTimeout(fn, ms));
+    }
+    ngOnDestroy() {
+        this.timers.forEach(clearTimeout);
+        this.timers = [];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StatusPillComponent, deps: [{ token: i1.ReducedMotionService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: StatusPillComponent, isStandalone: true, selector: "vo-status-pill", inputs: { state: "state", label: "label", meta: "meta", file: "file", action: "action", progress: "progress", variant: "variant" }, viewQueries: [{ propertyName: "box", first: true, predicate: ["box"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+    <div
+      data-vo=""
+      class="vo-spl"
+      [class.vo-bar]="shape === 'bar'"
+      [class.vo-mo]="morphing"
+    >
+      <div
+        class="vo-spl-pill"
+        [style.width.px]="width"
+        aria-live="polite"
+      >
+        <div
+          #box
+          class="vo-spl-in"
+          [class.vo-out]="fading || morphing"
+        >
+          <!-- glyph per state; thinking/reading/working animate -->
+          <span
+            class="vo-g"
+            [style.color]="glyphColor"
+          >
+            @switch (viewState) {
+              @case ('thinking') {
+                <span class="vo-think vo-on" aria-hidden="true"><i></i><i></i><i></i><i></i></span>
+              }
+              @case ('reading') {
+                <span class="vo-radar" aria-hidden="true"></span>
+              }
+              @case ('working') {
+                <span class="vo-spin" aria-hidden="true"></span>
+              }
+              @case ('done') {
+                <vo-icon name="ok"></vo-icon>
+              }
+              @default {
+                <span class="vo-dot" [style.color]="dotColor" aria-hidden="true"></span>
+              }
+            }
+          </span>
+          <span [class]="labelClass">{{ view.label }}</span>
+          @if (view.file) {
+            <span class="vo-fchip" style="height:24px">
+              @if (view.file.type) {
+                <span class="vo-ft" [class]="ftClass(view.file.type)">{{ view.file.type.toUpperCase() }}</span>
+              }
+              {{ view.file.name }}
+            </span>
+          }
+          @if (view.meta) {
+            <span class="vo-m">{{ view.meta }}</span>
+          }
+          @if (view.action) {
+            <button type="button" class="vo-pill vo-primary vo-sm" (click)="view.action.onClick()">{{ view.action.label }}</button>
+          } @else {
+            <span class="vo-end"></span>
+          }
+        </div>
+        <div class="vo-spl-track"><div class="vo-spl-fill" [style.width.%]="clampedProgress"></div></div>
+      </div>
+    </div>
+  `, isInline: true, styles: [".vo-spl-stage{min-height:44px;justify-content:center}.vo-spl-pill{background:var(--vo-surface);border-radius:var(--vo-r-pill);box-shadow:var(--vo-shadow);height:40px;display:flex;align-items:center;overflow:hidden;transition:width .6s var(--vo-ease),border-radius .5s var(--vo-ease),height .5s var(--vo-ease)}.vo-spl-in{display:flex;align-items:center;gap:9px;padding:0 6px 0 14px;height:100%;white-space:nowrap;font-size:13.5px;transition:opacity .32s var(--vo-ease),filter .32s var(--vo-ease)}.vo-spl-in.vo-out{opacity:0;filter:blur(4px);transition-duration:.16s}.vo-spl-in .vo-g{display:grid;place-items:center;width:16px;color:var(--vo-fg2)}.vo-spl-in .vo-m{color:var(--vo-muted);font-variant-numeric:tabular-nums}.vo-spl-in .vo-end{width:0}.vo-spl-in .vo-pill{height:28px;margin-left:var(--vo-s-1)}.vo-spl.vo-bar .vo-spl-pill{border-radius:var(--vo-r-card);height:62px;align-items:flex-start}.vo-spl.vo-bar .vo-spl-in{height:46px;width:100%;padding:0 var(--vo-s-4)}.vo-spl.vo-bar .vo-spl-in .vo-m,.vo-spl.vo-bar .vo-spl-in .vo-pill{margin-left:auto}.vo-spl.vo-bar .vo-spl-in .vo-end{display:none}.vo-spl-track{position:absolute;left:16px;right:16px;bottom:13px;height:3px;border-radius:2px;background:var(--vo-line);overflow:hidden;opacity:0;transition:opacity .16s}.vo-spl.vo-bar .vo-spl-track{opacity:1;transition:opacity .4s var(--vo-ease) .1s}.vo-spl.vo-mo .vo-spl-track{opacity:0;transition:opacity .16s}.vo-spl-fill{height:100%;width:0;border-radius:inherit;background:var(--vo-accent-mark,var(--vo-accent));transition:width .8s var(--vo-ease)}.vo-spl-pill{position:relative}\n"], dependencies: [{ kind: "component", type: VoIconComponent, selector: "vo-icon", inputs: ["name", "size"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StatusPillComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vo-status-pill', standalone: true, encapsulation: ViewEncapsulation.None, imports: [VoIconComponent], template: `
+    <div
+      data-vo=""
+      class="vo-spl"
+      [class.vo-bar]="shape === 'bar'"
+      [class.vo-mo]="morphing"
+    >
+      <div
+        class="vo-spl-pill"
+        [style.width.px]="width"
+        aria-live="polite"
+      >
+        <div
+          #box
+          class="vo-spl-in"
+          [class.vo-out]="fading || morphing"
+        >
+          <!-- glyph per state; thinking/reading/working animate -->
+          <span
+            class="vo-g"
+            [style.color]="glyphColor"
+          >
+            @switch (viewState) {
+              @case ('thinking') {
+                <span class="vo-think vo-on" aria-hidden="true"><i></i><i></i><i></i><i></i></span>
+              }
+              @case ('reading') {
+                <span class="vo-radar" aria-hidden="true"></span>
+              }
+              @case ('working') {
+                <span class="vo-spin" aria-hidden="true"></span>
+              }
+              @case ('done') {
+                <vo-icon name="ok"></vo-icon>
+              }
+              @default {
+                <span class="vo-dot" [style.color]="dotColor" aria-hidden="true"></span>
+              }
+            }
+          </span>
+          <span [class]="labelClass">{{ view.label }}</span>
+          @if (view.file) {
+            <span class="vo-fchip" style="height:24px">
+              @if (view.file.type) {
+                <span class="vo-ft" [class]="ftClass(view.file.type)">{{ view.file.type.toUpperCase() }}</span>
+              }
+              {{ view.file.name }}
+            </span>
+          }
+          @if (view.meta) {
+            <span class="vo-m">{{ view.meta }}</span>
+          }
+          @if (view.action) {
+            <button type="button" class="vo-pill vo-primary vo-sm" (click)="view.action.onClick()">{{ view.action.label }}</button>
+          } @else {
+            <span class="vo-end"></span>
+          }
+        </div>
+        <div class="vo-spl-track"><div class="vo-spl-fill" [style.width.%]="clampedProgress"></div></div>
+      </div>
+    </div>
+  `, styles: [".vo-spl-stage{min-height:44px;justify-content:center}.vo-spl-pill{background:var(--vo-surface);border-radius:var(--vo-r-pill);box-shadow:var(--vo-shadow);height:40px;display:flex;align-items:center;overflow:hidden;transition:width .6s var(--vo-ease),border-radius .5s var(--vo-ease),height .5s var(--vo-ease)}.vo-spl-in{display:flex;align-items:center;gap:9px;padding:0 6px 0 14px;height:100%;white-space:nowrap;font-size:13.5px;transition:opacity .32s var(--vo-ease),filter .32s var(--vo-ease)}.vo-spl-in.vo-out{opacity:0;filter:blur(4px);transition-duration:.16s}.vo-spl-in .vo-g{display:grid;place-items:center;width:16px;color:var(--vo-fg2)}.vo-spl-in .vo-m{color:var(--vo-muted);font-variant-numeric:tabular-nums}.vo-spl-in .vo-end{width:0}.vo-spl-in .vo-pill{height:28px;margin-left:var(--vo-s-1)}.vo-spl.vo-bar .vo-spl-pill{border-radius:var(--vo-r-card);height:62px;align-items:flex-start}.vo-spl.vo-bar .vo-spl-in{height:46px;width:100%;padding:0 var(--vo-s-4)}.vo-spl.vo-bar .vo-spl-in .vo-m,.vo-spl.vo-bar .vo-spl-in .vo-pill{margin-left:auto}.vo-spl.vo-bar .vo-spl-in .vo-end{display:none}.vo-spl-track{position:absolute;left:16px;right:16px;bottom:13px;height:3px;border-radius:2px;background:var(--vo-line);overflow:hidden;opacity:0;transition:opacity .16s}.vo-spl.vo-bar .vo-spl-track{opacity:1;transition:opacity .4s var(--vo-ease) .1s}.vo-spl.vo-mo .vo-spl-track{opacity:0;transition:opacity .16s}.vo-spl-fill{height:100%;width:0;border-radius:inherit;background:var(--vo-accent-mark,var(--vo-accent));transition:width .8s var(--vo-ease)}.vo-spl-pill{position:relative}\n"] }]
+        }], ctorParameters: () => [{ type: i1.ReducedMotionService }, { type: i0.ChangeDetectorRef }], propDecorators: { state: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], meta: [{
+                type: Input
+            }], file: [{
+                type: Input
+            }], action: [{
+                type: Input
+            }], progress: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], box: [{
+                type: ViewChild,
+                args: ['box']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzLXBpbGwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3RhdHVzLXBpbGwvc3RhdHVzLXBpbGwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHlEQUF5RDtBQUN6RCxFQUFFO0FBQ0YscUVBQXFFO0FBQ3JFLGdGQUFnRjtBQUNoRiw4RUFBOEU7QUFDOUUsOEVBQThFO0FBQzlFLCtCQUErQjtBQUUvQixPQUFPLEVBR0wsU0FBUyxFQUVULEtBQUssRUFJTCxTQUFTLEVBQ1QsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7O0FBbUJ6RCxNQUFNLElBQUksR0FBc0IsQ0FBQyxVQUFVLEVBQUUsU0FBUyxFQUFFLFNBQVMsQ0FBQyxDQUFDO0FBQ25FLE1BQU0sRUFBRSxHQUEyQjtJQUNqQyxHQUFHLEVBQUUsT0FBTyxFQUFFLEdBQUcsRUFBRSxPQUFPLEVBQUUsR0FBRyxFQUFFLFFBQVEsRUFBRSxHQUFHLEVBQUUsUUFBUSxFQUFFLEdBQUcsRUFBRSxPQUFPO0NBQ3ZFLENBQUM7QUF1RUYsTUFBTSxPQUFPLG1CQUFtQjtJQWtDOUIsWUFDbUIsT0FBNkIsRUFDN0IsR0FBc0I7UUFEdEIsWUFBTyxHQUFQLE9BQU8sQ0FBc0I7UUFDN0IsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFuQ2hDLFVBQUssR0FBb0IsTUFBTSxDQUFDO1FBQ3pDLCtDQUErQztRQUN0QyxVQUFLLEdBQUcsRUFBRSxDQUFDO1FBS3BCLHNFQUFzRTtRQUM3RCxhQUFRLEdBQUcsQ0FBQyxDQUFDO1FBQ3RCLG1GQUFtRjtRQUMxRSxZQUFPLEdBQW1CLE1BQU0sQ0FBQztRQUkxQyxvRUFBb0U7UUFDcEUsU0FBSSxHQU1BLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQUM7UUFFakMsV0FBTSxHQUFHLEtB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IjpbIi8vIGZyYW1ld29yay9hbmd1bGFyL3N0YXR1cy1waWxsL3N0YXR1cy1waWxsLmNvbXBvbmVudC50c1xuLy9cbi8vIE5hdGl2ZSBBbmd1bGFyIHBvcnQgb2YgZnJhbWV3b3JrL3JlYWN0L3N0YXR1cy1waWxsL1N0YXR1c1BpbGwudHN4LlxuLy8gT25lIGxpdmUgbGluZSBmb3Igd2hhdCB0aGUgYWdlbnQgaXMgZG9pbmcgcmlnaHQgbm93LiBJdCBmYWRlcyBiZXR3ZWVuIHN0YXRlcyxcbi8vIHJlc2l6ZXMgdG8gZml0IHRoZW0sIGFuZCB0aGUgYGJhcmAgdmFyaWFudCBpcyB0YWxsZXIgd2l0aCBhIHByb2dyZXNzIHRyYWNrLlxuLy8gSW5wdXRzIG1pcnJvciB0aGUgUmVhY3QgcHJvcHM7IHRoZSBtb3JwaCArIGZhZGUgYmVoYXZpb3IgaXMgcG9ydGVkIGZyb20gdGhlXG4vLyB2YW5pbGxhIEpTIChzdGF0dXMtcGlsbC5qcykuXG5cbmltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIElucHV0LFxuICBPbkNoYW5nZXMsXG4gIE9uRGVzdHJveSxcbiAgU2ltcGxlQ2hhbmdlcyxcbiAgVmlld0NoaWxkLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBWb0ljb25Db21wb25lbnQgfSBmcm9tICcuLi9jb3JlL2ljb24uY29tcG9uZW50JztcbmltcG9ydCB7IFJlZHVjZWRNb3Rpb25TZXJ2aWNlIH0gZnJvbSAnLi4vY29yZS9yZWR1Y2VkLW1vdGlvbi5zZXJ2aWNlJztcblxuLyoqIFBpY2tzIHRoZSBnbHlwaCBhbmQgY29sb3VyLiB0aGlua2luZywgcmVhZGluZyBhbmQgd29ya2luZyBzaGltbWVyIHdoaWxlIHRoZXkgcnVuLiAqL1xuZXhwb3J0IHR5cGUgU3RhdHVzUGlsbFN0YXRlID1cbiAgfCAnaWRsZScgfCAndGhpbmtpbmcnIHwgJ3JlYWRpbmcnIHwgJ3dvcmtpbmcnIHwgJ3dhaXRpbmcnIHwgJ2RvbmUnO1xuXG4vKiogQSBmaWxlIGNoaXAgYWZ0ZXIgdGhlIGxhYmVsLCBsaWtlIHsgbmFtZTogJ1ByaWNpbmdDYXJkLnRzeCcsIHR5cGU6ICd0c3gnIH0uICovXG5leHBvcnQgaW50ZXJmYWNlIFN0YXR1c1BpbGxGaWxlIHtcbiAgbmFtZTogc3RyaW5nO1xuICB0eXBlPzogc3RyaW5nO1xufVxuXG4vKiogQSBidXR0b24gYXQgdGhlIGVuZCwgZm9yIHdoZW4gdGhlIGFnZW50IG5lZWRzIHRoZSBwZXJzb24uICovXG5leHBvcnQgaW50ZXJmYWNlIFN0YXR1c1BpbGxBY3Rpb24ge1xuICBsYWJlbDogc3RyaW5nO1xuICBvbkNsaWNrOiAoKSA9PiB2b2lkO1xufVxuXG5jb25zdCBMSVZFOiBTdGF0dXNQaWxsU3RhdGVbXSA9IFsndGhpbmtpbmcnLCAncmVhZGluZycsICd3b3JraW5nJ107XG5jb25zdCBGVDogUmVjb3JkPHN0cmluZywgc3RyaW5nPiA9IHtcbiAgdHN4OiAndm8tcmUnLCBqc3g6ICd2by1yZScsIGNzdjogJ3ZvLWNzdicsIHBkZjogJ3ZvLXBkZicsIGZpZzogJ3ZvLWZnJyxcbn07XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ZvLXN0YXR1cy1waWxsJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgaW1wb3J0czogW1ZvSWNvbkNvbXBvbmVudF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdlxuICAgICAgZGF0YS12bz1cIlwiXG4gICAgICBjbGFzcz1cInZvLXNwbFwiXG4gICAgICBbY2xhc3Mudm8tYmFyXT1cInNoYXBlID09PSAnYmFyJ1wiXG4gICAgICBbY2xhc3Mudm8tbW9dPVwibW9ycGhpbmdcIlxuICAgID5cbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJ2by1zcGwtcGlsbFwiXG4gICAgICAgIFtzdHlsZS53aWR0aC5weF09XCJ3aWR0aFwiXG4gICAgICAgIGFyaWEtbGl2ZT1cInBvbGl0ZVwiXG4gICAgICA+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICAjYm94XG4gICAgICAgICAgY2xhc3M9XCJ2by1zcGwtaW5cIlxuICAgICAgICAgIFtjbGFzcy52by1vdXRdPVwiZmFkaW5nIHx8IG1vcnBoaW5nXCJcbiAgICAgICAgPlxuICAgICAgICAgIDwhLS0gZ2x5cGggcGVyIHN0YXRlOyB0aGlua2luZy9yZWFkaW5nL3dvcmtpbmcgYW5pbWF0ZSAtLT5cbiAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgY2xhc3M9XCJ2by1nXCJcbiAgICAgICAgICAgIFtzdHlsZS5jb2xvcl09XCJnbHlwaENvbG9yXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICBAc3dpdGNoICh2aWV3U3RhdGUpIHtcbiAgICAgICAgICAgICAgQGNhc2UgKCd0aGlua2luZycpIHtcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInZvLXRoaW5rIHZvLW9uXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PGk+PC9pPjxpPjwvaT48aT48L2k+PGk+PC9pPjwvc3Bhbj5cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICBAY2FzZSAoJ3JlYWRpbmcnKSB7XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2by1yYWRhclwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvc3Bhbj5cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICBAY2FzZSAoJ3dvcmtpbmcnKSB7XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2by1zcGluXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9zcGFuPlxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIEBjYXNlICgnZG9uZScpIHtcbiAgICAgICAgICAgICAgICA8dm8taWNvbiBuYW1lPVwib2tcIj48L3ZvLWljb24+XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgQGRlZmF1bHQge1xuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidm8tZG90XCIgW3N0eWxlLmNvbG9yXT1cImRvdENvbG9yXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9zcGFuPlxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgIDxzcGFuIFtjbGFzc109XCJsYWJlbENsYXNzXCI+e3sgdmlldy5sYWJlbCB9fTwvc3Bhbj5cbiAgICAgICAgICBAaWYgKHZpZXcuZmlsZSkge1xuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2by1mY2hpcFwiIHN0eWxlPVwiaGVpZ2h0OjI0cHhcIj5cbiAgICAgICAgICAgICAgQGlmICh2aWV3LmZpbGUudHlwZSkge1xuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidm8tZnRcIiBbY2xhc3NdPVwiZnRDbGFzcyh2aWV3LmZpbGUudHlwZSlcIj57eyB2aWV3LmZpbGUudHlwZS50b1VwcGVyQ2FzZSgpIH19PC9zcGFuPlxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIHt7IHZpZXcuZmlsZS5uYW1lIH19XG4gICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgfVxuICAgICAgICAgIEBpZiAodmlldy5tZXRhKSB7XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInZvLW1cIj57eyB2aWV3Lm1ldGEgfX08L3NwYW4+XG4gICAgICAgICAgfVxuICAgICAgICAgIEBpZiAodmlldy5hY3Rpb24pIHtcbiAgICAgICAgICAgIDxidXR0b24gdHlwZT1cImJ1dHRvblwiIGNsYXNzPVwidm8tcGlsbCB2by1wcmltYXJ5IHZvLXNtXCIgKGNsaWNrKT1cInZpZXcuYWN0aW9uLm9uQ2xpY2soKVwiPnt7IHZpZXcuYWN0aW9uLmxhYmVsIH19PC9idXR0b24+XG4gICAgICAgICAgfSBAZWxzZSB7XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInZvLWVuZFwiPjwvc3Bhbj5cbiAgICAgICAgICB9XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwidm8tc3BsLXRyYWNrXCI+PGRpdiBjbGFzcz1cInZvLXNwbC1maWxsXCIgW3N0eWxlLndpZHRoLiVdPVwiY2xhbXBlZFByb2dyZXNzXCI+PC9kaXY+PC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVVcmw6ICcuL3N0YXR1cy1waWxsLmNzcycsXG59KVxuZXhwb3J0IGNsYXNzIFN0YXR1c1BpbGxDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkNoYW5nZXMsIE9uRGVzdHJveSB7XG4gIEBJbnB1dCgpIHN0YXRlOiBTdGF0dXNQaWxsU3RhdGUgPSAnaWRsZSc7XG4gIC8qKiBXaGF0IHRoZSBhZ2VudCBpcyBkb2luZywgaW4gYSBmZXcgd29yZHMuICovXG4gIEBJbnB1dCgpIGxhYmVsID0gJyc7XG4gIC8qKiBRdWlldCBkZXRhaWwgYWZ0ZXIgdGhlIGxhYmVsLCBsaWtlIFwiMiBvZiA0XCIuIENoYW5naW5nIG9ubHkgdGhpcyBkb2VzIG5vdCByZXN0YXJ0IHRoZSBwaWxsLiAqL1xuICBASW5wdXQoKSBtZXRhPzogc3RyaW5nO1xuICBASW5wdXQoKSBmaWxlPzogU3RhdHVzUGlsbEZpbGU7XG4gIEBJbnB1dCgpIGFjdGlvbj86IFN0YXR1c1BpbGxBY3Rpb247XG4gIC8qKiAwIHRvIDEwMCwgZHJhd24gYXMgYSB0cmFjayBhbG9uZyB0aGUgYm90dG9tIG9mIHRoZSBiYXIgdmFyaWFudC4gKi9cbiAgQElucHV0KCkgcHJvZ3Jlc3MgPSAwO1xuICAvKiogcGlsbCBodWdzIGl0cyBjb250ZW50LCBiYXIgaXMgdGFsbGVyIGFuZCBsZWF2ZXMgcm9vbSBmb3IgdGhlIHByb2dyZXNzIHRyYWNrLiAqL1xuICBASW5wdXQoKSB2YXJpYW50OiAncGlsbCcgfCAnYmFyJyA9ICdwaWxsJztcblxuICBAVmlld0NoaWxkKCdib3gnKSBib3g/OiBFbGVtZW50UmVmPEhUTUxEaXZFbGVtZW50PjtcblxuICAvKiogVGhlIHNuYXBzaG90IGN1cnJlbnRseSBzaG93biAodGhlIG9sZCBsaW5lIHdoaWxlIGZhZGluZyBvdXQpLiAqL1xuICB2aWV3OiB7XG4gICAgc3RhdGU6IFN0YXR1c1BpbGxTdGF0ZTtcbiAgICBsYWJlbDogc3RyaW5nO1xuICAgIG1ldGE/OiBzdHJpbmc7XG4gICAgZmlsZT86IFN0YXR1c1BpbGxGaWxlO1xuICAgIGFjdGlvbj86IFN0YXR1c1BpbGxBY3Rpb247XG4gIH0gPSB7IHN0YXRlOiAnaWRsZScsIGxhYmVsOiAnJyB9O1xuXG4gIGZhZGluZyA9IGZhbHNlO1xuICBtb3JwaGluZyA9IGZhbHNlO1xuICBzaGFwZTogJ3BpbGwnIHwgJ2JhcicgPSAncGlsbCc7XG4gIHdpZHRoPzogbnVtYmVyO1xuXG4gIHByaXZhdGUgcHJldktleSA9ICcnO1xuICBwcml2YXRlIGxhdGVzdCA9IHRoaXMudmlldztcbiAgcHJpdmF0ZSB0aW1lcnM6IFJldHVyblR5cGU8dHlwZW9mIHNldFRpbWVvdXQ+W10gPSBbXTtcbiAgcHJpdmF0ZSB2aWV3UmVhZHkgPSBmYWxzZTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIHJlYWRvbmx5IHJlZHVjZWQ6IFJlZHVjZWRNb3Rpb25TZXJ2aWNlLFxuICAgIHByaXZhdGUgcmVhZG9ubHkgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZixcbiAgKSB7fVxuXG4gIGdldCB2aWV3U3RhdGUoKTogU3RhdHVzUGlsbFN0YXRlIHtcbiAgICByZXR1cm4gdGhpcy52aWV3LnN0YXRlO1xuICB9XG5cbiAgZ2V0IGdseXBoQ29sb3IoKTogc3RyaW5nIHwgbnVsbCB7XG4gICAgc3dpdGNoICh0aGlzLnZpZXcuc3RhdGUpIHtcbiAgICAgIGNhc2UgJ3RoaW5raW5nJzpcbiAgICAgIGNhc2UgJ3JlYWRpbmcnOlxuICAgICAgY2FzZSAnd29ya2luZyc6XG4gICAgICAgIHJldHVybiAndmFyKC0tdm8tZmcpJztcbiAgICAgIGNhc2UgJ3dhaXRpbmcnOlxuICAgICAgICByZXR1cm4gJ3ZhcigtLXZvLXdhcm4tbWFyayknO1xuICAgICAgY2FzZSAnZG9uZSc6XG4gICAgICAgIHJldHVybiAndmFyKC0tdm8tb2spJztcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIHJldHVybiBudWxsO1xuICAgIH1cbiAgfVxuXG4gIGdldCBkb3RDb2xvcigpOiBzdHJpbmcgfCBudWxsIHtcbiAgICByZXR1cm4gdGhpcy52aWV3LnN0YXRlID09PSAnaWRsZScgPyAndmFyKC0tdm8tZmFpbnQpJyA6IG51bGw7XG4gIH1cblxuICBnZXQgbGFiZWxDbGFzcygpOiBzdHJpbmcge1xuICAgIGlmIChMSVZFLmluY2x1ZGVzKHRoaXMudmlldy5zdGF0ZSkpIHJldHVybiAndm8tc2hpbSc7XG4gICAgaWYgKHRoaXMudmlldy5zdGF0ZSA9PT0gJ2lkbGUnKSByZXR1cm4gJ3ZvLWZnMic7XG4gICAgcmV0dXJuICcnO1xuICB9XG5cbiAgZ2V0IGNsYW1wZWRQcm9ncmVzcygpOiBudW1iZXIge1xuICAgIHJldHVybiBNYXRoLm1heCgwLCBNYXRoLm1pbigxMDAsIHRoaXMucHJvZ3Jlc3MpKTtcbiAgfVxuXG4gIGZ0Q2xhc3ModHlwZTogc3RyaW5nKTogc3RyaW5nIHtcbiAgICByZXR1cm4gRlRbdHlwZV0gPz8gJyc7XG4gIH1cblxuICBwcml2YXRlIGtleSh2OiB7IHN0YXRlOiBTdGF0dXNQaWxsU3RhdGU7IGxhYmVsOiBzdHJpbmc7IGZpbGU/OiBTdGF0dXNQaWxsRmlsZTsgYWN0aW9uPzogU3RhdHVzUGlsbEFjdGlvbiB9KTogc3RyaW5nIHtcbiAgICByZXR1cm4gW3Yuc3RhdGUgPz8gJ2lkbGUnLCB2LmxhYmVsLCB2LmZpbGU/Lm5hbWUgPz8gJycsIHYuYWN0aW9uPy5sYWJlbCA/PyAnJ10uam9pbignXFx1MDAwMCcpO1xuICB9XG5cbiAgcHJpdmF0ZSBzbmFwc2hvdCgpIHtcbiAgICByZXR1cm4ge1xuICAgICAgc3RhdGU6IHRoaXMuc3RhdGUgPz8gJ2lkbGUnLFxuICAgICAgbGFiZWw6IHRoaXMubGFiZWwsXG4gICAgICBtZXRhOiB0aGlzLm1ldGEsXG4gICAgICBmaWxlOiB0aGlzLmZpbGUsXG4gICAgICBhY3Rpb246IHRoaXMuYWN0aW9uLFxuICAgIH07XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgdGhpcy52aWV3UmVhZHkgPSB0cnVlO1xuICAgIHRoaXMudmlldyA9IHRoaXMuc25hcHNob3QoKTtcbiAgICB0aGlzLmxhdGVzdCA9IHRoaXMudmlldztcbiAgICB0aGlzLnByZXZLZXkgPSB0aGlzLmtleSh0aGlzLnZpZXcpO1xuICAgIHRoaXMuc2hhcGUgPSB0aGlzLnZhcmlhbnQ7XG4gICAgdGhpcy5maXQoKTtcbiAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XG4gIH1cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgY29uc3QgbmV4dCA9IHRoaXMuc25hcHNob3QoKTtcbiAgICB0aGlzLmxhdGVzdCA9IG5leHQ7XG4gICAgaWYgKCF0aGlzLnZpZXdSZWFkeSkge1xuICAgICAgdGhpcy52aWV3ID0gbmV4dDtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICAvLyBhIG5ldyBzdGF0ZSwgbGFiZWwsIGZpbGUgb3IgYWN0aW9uIGZhZGVzIHRoZSBvbGQgbGluZSBvdXQgYmVmb3JlIHRoZSBuZXdcbiAgICAvLyBvbmUgY29tZXMgaW47IGNoYW5nZXMgdG8gbWV0YSwgcHJvZ3Jlc3Mgb3IgdGhlIGFjdGlvbiBoYW5kbGVyIHNob3cgYXQgb25jZVxuICAgIGNvbnN0IG5leHRLZXkgPSB0aGlzLmtleShuZXh0KTtcbiAgICBpZiAobmV4dEtleSAhPT0gdGhpcy5wcmV2S2V5KSB7XG4gICAgICB0aGlzLmZhZGluZyA9IHRydWU7XG4gICAgICBjb25zdCBkZWxheSA9IHRoaXMucmVkdWNlZC5yZWR1Y2UoKSA/IDAgOiAxODA7XG4gICAgICB0aGlzLmxhdGVyKCgpID0+IHtcbiAgICAgICAgdGhpcy52aWV3ID0gdGhpcy5sYXRlc3Q7XG4gICAgICAgIHRoaXMucHJldktleSA9IHRoaXMua2V5KHRoaXMudmlldyk7XG4gICAgICAgIHRoaXMuZmFkaW5nID0gZmFsc2U7XG4gICAgICAgIHRoaXMuZml0KCk7XG4gICAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgICAgfSwgZGVsYXkpO1xuICAgIH0gZWxzZSBpZiAoIXRoaXMuZmFkaW5nKSB7XG4gICAgICAvLyBtZXRhIC8gcHJvZ3Jlc3Mgb25seTogcmVmcmVzaCB0aGUgc2hvd24gc25hcHNob3QgaW4gcGxhY2VcbiAgICAgIHRoaXMudmlldyA9IG5leHQ7XG4gICAgfVxuXG4gICAgaWYgKGNoYW5nZXNbJ3ZhcmlhbnQnXSAmJiAhY2hhbmdlc1sndmFyaWFudCddLmZpcnN0Q2hhbmdlKSB7XG4gICAgICB0aGlzLm1vcnBoVG8odGhpcy52YXJpYW50KTtcbiAgICB9XG4gIH1cblxuICAvLyB0aGUgc3dpdGNoIG1vcnBocyBpbiB0aHJlZSBiZWF0cywgc28gdGhlIHdvcmRzIGFuZCB0aGUgc2hhcGUgbmV2ZXIgbW92ZSBhdFxuICAvLyBvbmNlOiB0aGUgbGluZSBmYWRlcyBvdXQgd2l0aCBpdHMgdHJhY2ssIHRoZSBzaGFwZSBjaGFuZ2VzIHdoaWxlIGl0IGlzXG4gIC8vIGVtcHR5LCB0aGVuIHRoZSBuZXcgbGF5b3V0IGZhZGVzIGluIHdpdGggdGhlIHRyYWNrIHVuZGVyIGl0XG4gIHByaXZhdGUgbW9ycGhUbyh2YXJpYW50OiAncGlsbCcgfCAnYmFyJyk6IHZvaWQge1xuICAgIGlmICh2YXJpYW50ID09PSB0aGlzLnNoYXBlKSByZXR1cm47XG4gICAgaWYgKHRoaXMucmVkdWNlZC5yZWR1Y2UoKSkge1xuICAgICAgdGhpcy5zaGFwZSA9IHZhcmlhbnQ7XG4gICAgICB0aGlzLmZpdCgpO1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLm1vcnBoaW5nID0gdHJ1ZTtcbiAgICB0aGlzLmxhdGVyKCgpID0+IHtcbiAgICAgIHRoaXMuc2hhcGUgPSB2YXJpYW50O1xuICAgICAgdGhpcy5maXQoKTtcbiAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgIH0sIDE3MCk7XG4gICAgdGhpcy5sYXRlcigoKSA9PiB7XG4gICAgICB0aGlzLm1vcnBoaW5nID0gZmFsc2U7XG4gICAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgICB9LCA0MzApO1xuICB9XG5cbiAgLy8gdGhlIHBpbGwgYWx3YXlzIGh1Z3MgaXRzIGNvbnRlbnQ7IHRoZSBiYXIga2VlcHMgYSBsaXR0bGUgZXh0cmEgcm9vbSBmb3IgaXRzIHRyYWNrXG4gIHByaXZhdGUgZml0KCk6IHZvaWQge1xuICAgIGNvbnN0IGVsID0gdGhpcy5ib3g/Lm5hdGl2ZUVsZW1lbnQ7XG4gICAgaWYgKCFlbCkgcmV0dXJuO1xuICAgIGVsLnN0eWxlLndpZHRoID0gJ21heC1jb250ZW50JztcbiAgICBjb25zdCB3ID0gZWwuc2Nyb2xsV2lkdGg7XG4gICAgZWwuc3R5bGUud2lkdGggPSAnJztcbiAgICB0aGlzLndpZHRoID0gdGhpcy5zaGFwZSA9PT0gJ2JhcicgPyBNYXRoLm1heCh3ICsgMjQsIDMwMCkgOiB3O1xuICB9XG5cbiAgcHJpdmF0ZSBsYXRlcihmbjogKCkgPT4gdm9pZCwgbXM6IG51bWJlcik6IHZvaWQge1xuICAgIHRoaXMudGltZXJzLnB1c2goc2V0VGltZW91dChmbiwgbXMpKTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMudGltZXJzLmZvckVhY2goY2xlYXJUaW1lb3V0KTtcbiAgICB0aGlzLnRpbWVycyA9IFtdO1xuICB9XG59XG4iXX0=