@visuno/angular 0.0.0-stage → 0.1.0

package/esm2022/agent-phases/agent-phases.component.mjs

@@ -0,0 +1,300 @@
+// framework/angular/agent-phases/agent-phases.component.ts
+//
+// Native Angular port of framework/react/agent-phases/AgentPhases.tsx.
+// One line for which phase the agent is in, from thinking to done: it stops to
+// ask you, says when it is slow or failed, and folds to how long it took. A
+// track of six short segments under it fills phase by phase.
+// Inputs mirror the React props; callbacks become @Output EventEmitters.
+import { Component, EventEmitter, Input, Output, ViewEncapsulation, } from '@angular/core';
+import { VoIconComponent } from '../core/icon.component';
+import * as i0 from "@angular/core";
+const ORDER = ['thinking', 'searching', 'reading', 'waiting', 'writing', 'done'];
+const NAME = {
+    thinking: 'Thinking', searching: 'Searching', reading: 'Reading',
+    waiting: 'Waiting for you', writing: 'Writing', done: 'Done',
+};
+const KEY = {
+    thinking: 'think', searching: 'search', reading: 'read',
+    waiting: 'wait', writing: 'write', done: 'done',
+};
+/** One line for which phase the agent is in, from thinking to done. */
+export class AgentPhasesComponent {
+    constructor() {
+        this.phase = 'thinking';
+        /** Seconds each phase took, by phase, for the list a finished line opens to. */
+        this.took = {};
+        this.defaultOpen = false;
+        this.openChange = new EventEmitter();
+        this.order = ORDER;
+        this.isOpen = false;
+        this.said = '';
+        this.counted = 0;
+        this.lastSaid = '';
+        this.viewReady = false;
+    }
+    get done() {
+        return this.phase === 'done';
+    }
+    get at() {
+        return ORDER.indexOf(this.phase);
+    }
+    get p() {
+        return this.error ? 'err' : KEY[this.phase];
+    }
+    get secs() {
+        return this.seconds ?? this.counted;
+    }
+    get line() {
+        if (this.error)
+            return this.error.text;
+        if (this.label !== undefined)
+            return this.label;
+        return this.done ? `Thought for ${this.secs}s` : NAME[this.phase];
+    }
+    get phaseIcon() {
+        const map = {
+            reading: 'file-text', waiting: 'hand', writing: 'edit', done: 'ok',
+        };
+        return map[this.phase] ?? 'file-text';
+    }
+    get listPhases() {
+        return ORDER.slice(0, 5).filter((ph) => this.took[ph] !== undefined);
+    }
+    name(ph) {
+        return NAME[ph];
+    }
+    ngAfterViewInit() {
+        this.viewReady = true;
+        this.isOpen = this.open ?? this.defaultOpen;
+        this.startSeconds();
+        this.announce();
+    }
+    ngOnChanges(changes) {
+        if (changes['open'] && this.open !== undefined) {
+            this.isOpen = this.open;
+        }
+        if (!this.viewReady) {
+            this.isOpen = this.open ?? this.defaultOpen;
+            return;
+        }
+        if (changes['phase'] || changes['seconds'] || changes['error']) {
+            this.startSeconds();
+        }
+        if (changes['phase'] || changes['error']) {
+            this.announce();
+        }
+    }
+    toggle() {
+        if (!this.done)
+            return;
+        if (this.open !== undefined) {
+            this.openChange.emit(!this.isOpen);
+            return;
+        }
+        this.isOpen = !this.isOpen;
+        this.openChange.emit(this.isOpen);
+    }
+    // the clock counts while a phase runs, but not while done, waiting, or failed
+    startSeconds() {
+        clearInterval(this.secondTimer);
+        this.secondTimer = undefined;
+        if (this.seconds !== undefined || this.done || this.phase === 'waiting' || this.error) {
+            return;
+        }
+        this.secondTimer = setInterval(() => {
+            this.counted++;
+        }, 1000);
+    }
+    // only a change of phase is announced to a screen reader
+    announce() {
+        const t = this.error
+            ? 'Error: ' + this.error.text
+            : this.done
+                ? `Done, thought for ${this.secs}s`
+                : NAME[this.phase];
+        if (t !== this.lastSaid) {
+            this.lastSaid = t;
+            this.said = t;
+        }
+    }
+    ngOnDestroy() {
+        clearInterval(this.secondTimer);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AgentPhasesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: AgentPhasesComponent, isStandalone: true, selector: "vo-agent-phases", inputs: { phase: "phase", label: "label", seconds: "seconds", error: "error", slow: "slow", ask: "ask", took: "took", open: "open", defaultOpen: "defaultOpen" }, outputs: { openChange: "openChange" }, usesOnChanges: true, ngImport: i0, template: `
+    <div data-vo="" [attr.data-p]="p" class="vo-aph">
+      <button
+        type="button"
+        class="vo-aph-h"
+        [attr.aria-expanded]="done && isOpen"
+        [attr.aria-disabled]="done ? null : 'true'"
+        (click)="toggle()"
+      >
+        <span class="vo-aph-g" [attr.data-g]="p">
+          <span class="vo-enter" style="display:grid">
+            @if (error) {
+              <vo-icon name="alert"></vo-icon>
+            } @else {
+              @switch (phase) {
+                @case ('thinking') { <span class="vo-think vo-on" aria-hidden="true"><i></i><i></i><i></i><i></i></span> }
+                @case ('searching') { <span class="vo-radar" aria-hidden="true"></span> }
+                @default { <vo-icon [name]="phaseIcon"></vo-icon> }
+              }
+            }
+          </span>
+        </span>
+        <span class="vo-aph-l vo-sw" [class.vo-shim]="!done && !error && phase !== 'waiting'">{{ line }}</span>
+        <span class="vo-aph-t vo-num">{{ done ? '' : secs + 's' }}</span>
+        <vo-icon name="chev-d" size="xs" class="vo-aph-chev"></vo-icon>
+      </button>
+
+      <div class="vo-aph-tr" aria-hidden="true">
+        @for (ph of order; track ph; let j = $index) {
+          <i [class.vo-now]="j === at && !done">@if (j <= at) { <b></b> }</i>
+        }
+      </div>
+
+      <div class="vo-aph-x">
+        @if (error) {
+          <div class="vo-aph-n vo-err vo-enter">
+            <vo-icon name="alert" size="xs"></vo-icon>
+            <span>{{ error.detail ?? error.text }}</span>
+            <button type="button" class="vo-pill vo-line vo-sm" (click)="error.onRetry()">
+              <vo-icon name="refresh" size="xs"></vo-icon>Retry
+            </button>
+          </div>
+        } @else if (phase === 'waiting' && ask) {
+          <div class="vo-aph-n vo-ask vo-enter">
+            <span>{{ ask.text }}</span>
+            <button type="button" class="vo-pill vo-primary vo-sm" (click)="ask.onApprove()">{{ ask.approveLabel ?? 'Approve' }}</button>
+            @if (ask.onDecline) {
+              <button type="button" class="vo-pill vo-ghost vo-sm" (click)="ask.onDecline()">Not now</button>
+            }
+          </div>
+        } @else if (slow && !done) {
+          <div class="vo-aph-n vo-enter">
+            <vo-icon name="clock" size="xs"></vo-icon>
+            <span>{{ slow.text }}</span>
+            @if (slow.onStop) {
+              <button type="button" class="vo-pill vo-line vo-sm" (click)="slow.onStop()">
+                <vo-icon name="stop" size="xs"></vo-icon>Stop
+              </button>
+            }
+          </div>
+        }
+      </div>
+
+      <div class="vo-fold" [class.vo-shut]="!(done && isOpen)">
+        <div>
+          <ol class="vo-aph-list">
+            @for (ph of listPhases; track ph) {
+              <li><vo-icon name="check" size="xs"></vo-icon><span>{{ name(ph) }}</span><span class="vo-num">{{ took[ph] }}s</span></li>
+            }
+          </ol>
+        </div>
+      </div>
+
+      <p class="vo-aph-sr" role="status">{{ said }}</p>
+    </div>
+  `, isInline: true, styles: [".vo-aph{width:100%;max-width:420px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--vo-s-2);font-size:14px}.vo-aph-h{display:flex;align-items:center;gap:10px;width:calc(100% + 16px);margin:0 -8px;padding:6px var(--vo-s-2);border-radius:calc(10px * var(--vo-rk));text-align:left;transition:background var(--vo-t-fast)}.vo-aph-h[aria-disabled=true]{cursor:default}@media (hover:hover) and (pointer:fine){.vo-aph-h:not([aria-disabled=true]):hover{background:var(--vo-row)}}.vo-aph-g{width:18px;height:18px;flex:none;display:grid;place-items:center;color:var(--vo-accent-fg,var(--vo-accent))}.vo-aph[data-p=wait] .vo-aph-g{color:var(--vo-warn-mark)}.vo-aph[data-p=err] .vo-aph-g{color:var(--vo-bad)}.vo-aph[data-p=done] .vo-aph-g{color:var(--vo-ok)}.vo-aph-l{flex:1;min-width:0;color:var(--vo-fg)}.vo-aph-t{font-size:13px;color:var(--vo-muted)}.vo-aph-chev{color:var(--vo-muted);visibility:hidden;transition:transform .32s var(--vo-ease)}.vo-aph[data-p=done] .vo-aph-chev{visibility:visible}.vo-aph-h[aria-expanded=false] .vo-aph-chev{transform:rotate(-90deg)}.vo-aph-tr{display:flex;gap:3px;height:3px}.vo-aph-tr i{flex:1;border-radius:2px;background:var(--vo-line);position:relative;overflow:hidden}.vo-aph-tr i b{position:absolute;inset:0;border-radius:inherit;background:var(--vo-accent-mark,var(--vo-accent));transform-origin:left;animation:vo-aphfill .5s var(--vo-ease) backwards}.vo-aph-tr i.vo-now b{background:color-mix(in srgb,var(--vo-accent-mark,var(--vo-accent)) 45%,var(--vo-line));animation:vo-aphbreathe 1.6s var(--vo-ease-io) infinite}.vo-aph[data-p=wait] .vo-aph-tr i.vo-now b{background:var(--vo-warn-mark);animation:none}.vo-aph[data-p=err] .vo-aph-tr i.vo-now b{background:var(--vo-bad);animation:none}.vo-aph[data-p=done] .vo-aph-tr i b{background:var(--vo-ok)}@keyframes vo-aphfill{0%{transform:scaleX(0)}}@keyframes vo-aphbreathe{50%{opacity:.45}}.vo-aph-x{min-height:40px;display:flex;align-items:center}.vo-aph-n{display:flex;align-items:center;gap:var(--vo-s-2);width:100%;font-size:13px;color:var(--vo-fg2)}.vo-aph-n>span{flex:1;min-width:0}.vo-aph-n.vo-ask{padding:6px 6px 6px var(--vo-s-3);border-radius:var(--vo-r-in);background:var(--vo-row);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vo-line) 50%,transparent);color:var(--vo-fg)}.vo-aph-n.vo-err{color:var(--vo-bad)}.vo-aph-n .vo-pill{flex:none}.vo-aph-list{list-style:none;margin:0;padding:0 0 var(--vo-s-1);display:flex;flex-direction:column;gap:2px}.vo-aph-list li{display:flex;align-items:center;gap:10px;padding:4px 0;font-size:13px;color:var(--vo-fg2)}.vo-aph-list li .vo-i{color:var(--vo-ok)}.vo-aph-list li span:nth-child(2){flex:1}.vo-aph-list li .vo-num{color:var(--vo-muted);font-size:12px}.vo-aph-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}:root:not([data-style=soft]) .vo-aph-tr i:not(:where([data-style=soft],[data-style=soft] *)){height:3px}.vo-num{font-variant-numeric:tabular-nums}.vo-think{width:14px;height:14px;position:relative;flex:none;display:inline-block}.vo-think i{position:absolute;width:3.4px;height:3.4px;border-radius:50%;background:currentColor;left:50%;top:50%;margin:-1.7px}.vo-think i:nth-child(1){transform:translate(-3.6px,-3.6px)}.vo-think i:nth-child(2){transform:translate(3.6px,-3.6px)}.vo-think i:nth-child(3){transform:translate(3.6px,3.6px)}.vo-think i:nth-child(4){transform:translate(-3.6px,3.6px)}.vo-think.vo-on{animation:vo-thinkrot 1.6s var(--vo-ease-io) infinite}.vo-think.vo-on i{animation:vo-thinkpulse 1.6s var(--vo-ease-io) infinite}.vo-think.vo-on i:nth-child(2){animation-delay:.2s}.vo-think.vo-on i:nth-child(3){animation-delay:.4s}.vo-think.vo-on i:nth-child(4){animation-delay:.6s}@keyframes vo-thinkrot{0%{transform:rotate(0)}50%{transform:rotate(90deg)}to{transform:rotate(180deg)}}@keyframes vo-thinkpulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes vo-rot{to{transform:rotate(360deg)}}.vo-radar{position:relative;width:13px;height:13px;flex:none;display:inline-block}.vo-radar:before{content:\"\";position:absolute;inset:3.5px;border-radius:50%;background:currentColor}.vo-radar:after{content:\"\";position:absolute;inset:0;border-radius:50%;border:1.3px solid currentColor;border-right-color:transparent;animation:vo-rot .9s linear infinite}.vo-shim{background:linear-gradient(90deg,var(--vo-fg) 0%,var(--vo-fg) 38%,var(--vo-faint) 50%,var(--vo-fg) 62%,var(--vo-fg) 100%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:vo-shim 2.2s linear infinite}@keyframes vo-shim{0%{background-position:100% 0}to{background-position:-160% 0}}.vo-enter{animation:vo-enter var(--vo-t-slow) var(--vo-ease) backwards}@keyframes vo-enter{0%{opacity:0;transform:translateY(6px);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}.vo-sw{display:inline-block;transition:opacity .2s var(--vo-ease),filter .2s var(--vo-ease),transform .25s var(--vo-ease)}.vo-fold{display:grid;grid-template-rows:1fr;grid-template-columns:minmax(0,1fr);transition:grid-template-rows var(--vo-t) var(--vo-ease),opacity var(--vo-t) var(--vo-ease)}.vo-fold>*{overflow:clip;overflow-clip-margin:12px;min-height:0;min-width:0}.vo-fold.vo-shut{grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows var(--vo-t) var(--vo-ease),opacity var(--vo-t) var(--vo-ease),visibility 0s var(--vo-t)}.vo-pill{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:32px;padding:0 14px;border-radius:var(--vo-r-pill);font-size:13px;font-weight:500;white-space:nowrap;transition:background var(--vo-t-fast),color var(--vo-t-fast),opacity var(--vo-t-fast),transform .15s}.vo-pill:active{transform:scale(.97)}.vo-pill.vo-sm{height:28px;padding:0 11px;font-size:12.5px}.vo-pill.vo-primary{background:var(--vo-accent);color:var(--vo-on-accent)}@media (hover:hover) and (pointer:fine){.vo-pill.vo-primary:hover{background:var(--vo-accent-2)}}.vo-pill.vo-line{background:var(--vo-surface);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vo-line) 50%,transparent);color:var(--vo-fg)}.vo-pill.vo-ghost{color:var(--vo-fg2)}@media (hover:hover) and (pointer:fine){.vo-pill.vo-ghost:hover{background:var(--vo-row);color:var(--vo-fg)}}:root:not([data-style=soft]) .vo-pill.vo-line:not(:where([data-style=soft],[data-style=soft] *)){box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vo-rail) 50%,transparent)}@media (prefers-reduced-motion:reduce){.vo-aph-tr i.vo-now b{animation:none}.vo-aph .vo-think.vo-on,.vo-aph .vo-think.vo-on i,.vo-aph .vo-radar:after{animation-duration:.01ms!important;animation-iteration-count:1!important}.vo-shim{color:var(--vo-fg);background: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: AgentPhasesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vo-agent-phases', standalone: true, encapsulation: ViewEncapsulation.None, imports: [VoIconComponent], template: `
+    <div data-vo="" [attr.data-p]="p" class="vo-aph">
+      <button
+        type="button"
+        class="vo-aph-h"
+        [attr.aria-expanded]="done && isOpen"
+        [attr.aria-disabled]="done ? null : 'true'"
+        (click)="toggle()"
+      >
+        <span class="vo-aph-g" [attr.data-g]="p">
+          <span class="vo-enter" style="display:grid">
+            @if (error) {
+              <vo-icon name="alert"></vo-icon>
+            } @else {
+              @switch (phase) {
+                @case ('thinking') { <span class="vo-think vo-on" aria-hidden="true"><i></i><i></i><i></i><i></i></span> }
+                @case ('searching') { <span class="vo-radar" aria-hidden="true"></span> }
+                @default { <vo-icon [name]="phaseIcon"></vo-icon> }
+              }
+            }
+          </span>
+        </span>
+        <span class="vo-aph-l vo-sw" [class.vo-shim]="!done && !error && phase !== 'waiting'">{{ line }}</span>
+        <span class="vo-aph-t vo-num">{{ done ? '' : secs + 's' }}</span>
+        <vo-icon name="chev-d" size="xs" class="vo-aph-chev"></vo-icon>
+      </button>
+
+      <div class="vo-aph-tr" aria-hidden="true">
+        @for (ph of order; track ph; let j = $index) {
+          <i [class.vo-now]="j === at && !done">@if (j <= at) { <b></b> }</i>
+        }
+      </div>
+
+      <div class="vo-aph-x">
+        @if (error) {
+          <div class="vo-aph-n vo-err vo-enter">
+            <vo-icon name="alert" size="xs"></vo-icon>
+            <span>{{ error.detail ?? error.text }}</span>
+            <button type="button" class="vo-pill vo-line vo-sm" (click)="error.onRetry()">
+              <vo-icon name="refresh" size="xs"></vo-icon>Retry
+            </button>
+          </div>
+        } @else if (phase === 'waiting' && ask) {
+          <div class="vo-aph-n vo-ask vo-enter">
+            <span>{{ ask.text }}</span>
+            <button type="button" class="vo-pill vo-primary vo-sm" (click)="ask.onApprove()">{{ ask.approveLabel ?? 'Approve' }}</button>
+            @if (ask.onDecline) {
+              <button type="button" class="vo-pill vo-ghost vo-sm" (click)="ask.onDecline()">Not now</button>
+            }
+          </div>
+        } @else if (slow && !done) {
+          <div class="vo-aph-n vo-enter">
+            <vo-icon name="clock" size="xs"></vo-icon>
+            <span>{{ slow.text }}</span>
+            @if (slow.onStop) {
+              <button type="button" class="vo-pill vo-line vo-sm" (click)="slow.onStop()">
+                <vo-icon name="stop" size="xs"></vo-icon>Stop
+              </button>
+            }
+          </div>
+        }
+      </div>
+
+      <div class="vo-fold" [class.vo-shut]="!(done && isOpen)">
+        <div>
+          <ol class="vo-aph-list">
+            @for (ph of listPhases; track ph) {
+              <li><vo-icon name="check" size="xs"></vo-icon><span>{{ name(ph) }}</span><span class="vo-num">{{ took[ph] }}s</span></li>
+            }
+          </ol>
+        </div>
+      </div>
+
+      <p class="vo-aph-sr" role="status">{{ said }}</p>
+    </div>
+  `, styles: [".vo-aph{width:100%;max-width:420px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--vo-s-2);font-size:14px}.vo-aph-h{display:flex;align-items:center;gap:10px;width:calc(100% + 16px);margin:0 -8px;padding:6px var(--vo-s-2);border-radius:calc(10px * var(--vo-rk));text-align:left;transition:background var(--vo-t-fast)}.vo-aph-h[aria-disabled=true]{cursor:default}@media (hover:hover) and (pointer:fine){.vo-aph-h:not([aria-disabled=true]):hover{background:var(--vo-row)}}.vo-aph-g{width:18px;height:18px;flex:none;display:grid;place-items:center;color:var(--vo-accent-fg,var(--vo-accent))}.vo-aph[data-p=wait] .vo-aph-g{color:var(--vo-warn-mark)}.vo-aph[data-p=err] .vo-aph-g{color:var(--vo-bad)}.vo-aph[data-p=done] .vo-aph-g{color:var(--vo-ok)}.vo-aph-l{flex:1;min-width:0;color:var(--vo-fg)}.vo-aph-t{font-size:13px;color:var(--vo-muted)}.vo-aph-chev{color:var(--vo-muted);visibility:hidden;transition:transform .32s var(--vo-ease)}.vo-aph[data-p=done] .vo-aph-chev{visibility:visible}.vo-aph-h[aria-expanded=false] .vo-aph-chev{transform:rotate(-90deg)}.vo-aph-tr{display:flex;gap:3px;height:3px}.vo-aph-tr i{flex:1;border-radius:2px;background:var(--vo-line);position:relative;overflow:hidden}.vo-aph-tr i b{position:absolute;inset:0;border-radius:inherit;background:var(--vo-accent-mark,var(--vo-accent));transform-origin:left;animation:vo-aphfill .5s var(--vo-ease) backwards}.vo-aph-tr i.vo-now b{background:color-mix(in srgb,var(--vo-accent-mark,var(--vo-accent)) 45%,var(--vo-line));animation:vo-aphbreathe 1.6s var(--vo-ease-io) infinite}.vo-aph[data-p=wait] .vo-aph-tr i.vo-now b{background:var(--vo-warn-mark);animation:none}.vo-aph[data-p=err] .vo-aph-tr i.vo-now b{background:var(--vo-bad);animation:none}.vo-aph[data-p=done] .vo-aph-tr i b{background:var(--vo-ok)}@keyframes vo-aphfill{0%{transform:scaleX(0)}}@keyframes vo-aphbreathe{50%{opacity:.45}}.vo-aph-x{min-height:40px;display:flex;align-items:center}.vo-aph-n{display:flex;align-items:center;gap:var(--vo-s-2);width:100%;font-size:13px;color:var(--vo-fg2)}.vo-aph-n>span{flex:1;min-width:0}.vo-aph-n.vo-ask{padding:6px 6px 6px var(--vo-s-3);border-radius:var(--vo-r-in);background:var(--vo-row);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vo-line) 50%,transparent);color:var(--vo-fg)}.vo-aph-n.vo-err{color:var(--vo-bad)}.vo-aph-n .vo-pill{flex:none}.vo-aph-list{list-style:none;margin:0;padding:0 0 var(--vo-s-1);display:flex;flex-direction:column;gap:2px}.vo-aph-list li{display:flex;align-items:center;gap:10px;padding:4px 0;font-size:13px;color:var(--vo-fg2)}.vo-aph-list li .vo-i{color:var(--vo-ok)}.vo-aph-list li span:nth-child(2){flex:1}.vo-aph-list li .vo-num{color:var(--vo-muted);font-size:12px}.vo-aph-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}:root:not([data-style=soft]) .vo-aph-tr i:not(:where([data-style=soft],[data-style=soft] *)){height:3px}.vo-num{font-variant-numeric:tabular-nums}.vo-think{width:14px;height:14px;position:relative;flex:none;display:inline-block}.vo-think i{position:absolute;width:3.4px;height:3.4px;border-radius:50%;background:currentColor;left:50%;top:50%;margin:-1.7px}.vo-think i:nth-child(1){transform:translate(-3.6px,-3.6px)}.vo-think i:nth-child(2){transform:translate(3.6px,-3.6px)}.vo-think i:nth-child(3){transform:translate(3.6px,3.6px)}.vo-think i:nth-child(4){transform:translate(-3.6px,3.6px)}.vo-think.vo-on{animation:vo-thinkrot 1.6s var(--vo-ease-io) infinite}.vo-think.vo-on i{animation:vo-thinkpulse 1.6s var(--vo-ease-io) infinite}.vo-think.vo-on i:nth-child(2){animation-delay:.2s}.vo-think.vo-on i:nth-child(3){animation-delay:.4s}.vo-think.vo-on i:nth-child(4){animation-delay:.6s}@keyframes vo-thinkrot{0%{transform:rotate(0)}50%{transform:rotate(90deg)}to{transform:rotate(180deg)}}@keyframes vo-thinkpulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes vo-rot{to{transform:rotate(360deg)}}.vo-radar{position:relative;width:13px;height:13px;flex:none;display:inline-block}.vo-radar:before{content:\"\";position:absolute;inset:3.5px;border-radius:50%;background:currentColor}.vo-radar:after{content:\"\";position:absolute;inset:0;border-radius:50%;border:1.3px solid currentColor;border-right-color:transparent;animation:vo-rot .9s linear infinite}.vo-shim{background:linear-gradient(90deg,var(--vo-fg) 0%,var(--vo-fg) 38%,var(--vo-faint) 50%,var(--vo-fg) 62%,var(--vo-fg) 100%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:vo-shim 2.2s linear infinite}@keyframes vo-shim{0%{background-position:100% 0}to{background-position:-160% 0}}.vo-enter{animation:vo-enter var(--vo-t-slow) var(--vo-ease) backwards}@keyframes vo-enter{0%{opacity:0;transform:translateY(6px);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}.vo-sw{display:inline-block;transition:opacity .2s var(--vo-ease),filter .2s var(--vo-ease),transform .25s var(--vo-ease)}.vo-fold{display:grid;grid-template-rows:1fr;grid-template-columns:minmax(0,1fr);transition:grid-template-rows var(--vo-t) var(--vo-ease),opacity var(--vo-t) var(--vo-ease)}.vo-fold>*{overflow:clip;overflow-clip-margin:12px;min-height:0;min-width:0}.vo-fold.vo-shut{grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows var(--vo-t) var(--vo-ease),opacity var(--vo-t) var(--vo-ease),visibility 0s var(--vo-t)}.vo-pill{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:32px;padding:0 14px;border-radius:var(--vo-r-pill);font-size:13px;font-weight:500;white-space:nowrap;transition:background var(--vo-t-fast),color var(--vo-t-fast),opacity var(--vo-t-fast),transform .15s}.vo-pill:active{transform:scale(.97)}.vo-pill.vo-sm{height:28px;padding:0 11px;font-size:12.5px}.vo-pill.vo-primary{background:var(--vo-accent);color:var(--vo-on-accent)}@media (hover:hover) and (pointer:fine){.vo-pill.vo-primary:hover{background:var(--vo-accent-2)}}.vo-pill.vo-line{background:var(--vo-surface);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vo-line) 50%,transparent);color:var(--vo-fg)}.vo-pill.vo-ghost{color:var(--vo-fg2)}@media (hover:hover) and (pointer:fine){.vo-pill.vo-ghost:hover{background:var(--vo-row);color:var(--vo-fg)}}:root:not([data-style=soft]) .vo-pill.vo-line:not(:where([data-style=soft],[data-style=soft] *)){box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vo-rail) 50%,transparent)}@media (prefers-reduced-motion:reduce){.vo-aph-tr i.vo-now b{animation:none}.vo-aph .vo-think.vo-on,.vo-aph .vo-think.vo-on i,.vo-aph .vo-radar:after{animation-duration:.01ms!important;animation-iteration-count:1!important}.vo-shim{color:var(--vo-fg);background:none}}\n"] }]
+        }], propDecorators: { phase: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], seconds: [{
+                type: Input
+            }], error: [{
+                type: Input
+            }], slow: [{
+                type: Input
+            }], ask: [{
+                type: Input
+            }], took: [{
+                type: Input
+            }], open: [{
+                type: Input
+            }], defaultOpen: [{
+                type: Input
+            }], openChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWdlbnQtcGhhc2VzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2FnZW50LXBoYXNlcy9hZ2VudC1waGFzZXMuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDJEQUEyRDtBQUMzRCxFQUFFO0FBQ0YsdUVBQXVFO0FBQ3ZFLCtFQUErRTtBQUMvRSw0RUFBNEU7QUFDNUUsNkRBQTZEO0FBQzdELHlFQUF5RTtBQUV6RSxPQUFPLEVBRUwsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBR0wsTUFBTSxFQUVOLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZUFBZSxFQUFtQixNQUFNLHdCQUF3QixDQUFDOztBQTBCMUUsTUFBTSxLQUFLLEdBQWlCLENBQUMsVUFBVSxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxNQUFNLENBQUMsQ0FBQztBQUMvRixNQUFNLElBQUksR0FBK0I7SUFDdkMsUUFBUSxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLE9BQU8sRUFBRSxTQUFTO0lBQ2hFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLElBQUksRUFBRSxNQUFNO0NBQzdELENBQUM7QUFDRixNQUFNLEdBQUcsR0FBK0I7SUFDdEMsUUFBUSxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRSxNQUFNO0lBQ3ZELE9BQU8sRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTTtDQUNoRCxDQUFDO0FBRUYsdUVBQXVFO0FBb0Z2RSxNQUFNLE9BQU8sb0JBQW9CO0lBbkZqQztRQW9GVyxVQUFLLEdBQWUsVUFBVSxDQUFDO1FBUXhDLGdGQUFnRjtRQUN2RSxTQUFJLEdBQXdDLEVBQUUsQ0FBQztRQUcvQyxnQkFBVyxHQUFHLEtBQUss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Ly8gZnJhbWV3b3JrL2FuZ3VsYXIvYWdlbnQtcGhhc2VzL2FnZW50LXBoYXNlcy5jb21wb25lbnQudHNcbi8vXG4vLyBOYXRpdmUgQW5ndWxhciBwb3J0IG9mIGZyYW1ld29yay9yZWFjdC9hZ2VudC1waGFzZXMvQWdlbnRQaGFzZXMudHN4LlxuLy8gT25lIGxpbmUgZm9yIHdoaWNoIHBoYXNlIHRoZSBhZ2VudCBpcyBpbiwgZnJvbSB0aGlua2luZyB0byBkb25lOiBpdCBzdG9wcyB0b1xuLy8gYXNrIHlvdSwgc2F5cyB3aGVuIGl0IGlzIHNsb3cgb3IgZmFpbGVkLCBhbmQgZm9sZHMgdG8gaG93IGxvbmcgaXQgdG9vay4gQVxuLy8gdHJhY2sgb2Ygc2l4IHNob3J0IHNlZ21lbnRzIHVuZGVyIGl0IGZpbGxzIHBoYXNlIGJ5IHBoYXNlLlxuLy8gSW5wdXRzIG1pcnJvciB0aGUgUmVhY3QgcHJvcHM7IGNhbGxiYWNrcyBiZWNvbWUgQE91dHB1dCBFdmVudEVtaXR0ZXJzLlxuXG5pbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE9uQ2hhbmdlcyxcbiAgT25EZXN0cm95LFxuICBPdXRwdXQsXG4gIFNpbXBsZUNoYW5nZXMsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFZvSWNvbkNvbXBvbmVudCwgdHlwZSBWb0ljb25OYW1lIH0gZnJvbSAnLi4vY29yZS9pY29uLmNvbXBvbmVudCc7XG5cbmV4cG9ydCB0eXBlIEFnZW50UGhhc2UgPVxuICB8ICd0aGlua2luZycgfCAnc2VhcmNoaW5nJyB8ICdyZWFkaW5nJyB8ICd3YWl0aW5nJyB8ICd3cml0aW5nJyB8ICdkb25lJztcblxuLyoqIEEgc3RlcCB0aGF0IGZhaWxlZDogdGhlIGxpbmUgdHVybnMgcmVkIGFuZCBzYXlzIHNvLCB3aXRoIFJldHJ5LiAqL1xuZXhwb3J0IGludGVyZmFjZSBBZ2VudFBoYXNlc0Vycm9yIHtcbiAgdGV4dDogc3RyaW5nO1xuICBkZXRhaWw/OiBzdHJpbmc7XG4gIG9uUmV0cnk6ICgpID0+IHZvaWQ7XG59XG5cbi8qKiBTaG93biB3aGlsZSB0aGUgcGhhc2UgdGFrZXMgbG9uZzogXCJTdGlsbCB3b3JraW5n4oCmXCIsIHdpdGggU3RvcC4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgQWdlbnRQaGFzZXNTbG93IHtcbiAgdGV4dDogc3RyaW5nO1xuICBvblN0b3A/OiAoKSA9PiB2b2lkO1xufVxuXG4vKiogV2hhdCB0aGUgYWdlbnQgd2FpdHMgZm9yIGluIHRoZSB3YWl0aW5nIHBoYXNlLCB3aXRoIEFwcHJvdmUgYW5kIE5vdCBub3cuICovXG5leHBvcnQgaW50ZXJmYWNlIEFnZW50UGhhc2VzQXNrIHtcbiAgdGV4dDogc3RyaW5nO1xuICBhcHByb3ZlTGFiZWw/OiBzdHJpbmc7XG4gIG9uQXBwcm92ZTogKCkgPT4gdm9pZDtcbiAgb25EZWNsaW5lPzogKCkgPT4gdm9pZDtcbn1cblxuY29uc3QgT1JERVI6IEFnZW50UGhhc2VbXSA9IFsndGhpbmtpbmcnLCAnc2VhcmNoaW5nJywgJ3JlYWRpbmcnLCAnd2FpdGluZycsICd3cml0aW5nJywgJ2RvbmUnXTtcbmNvbnN0IE5BTUU6IFJlY29yZDxBZ2VudFBoYXNlLCBzdHJpbmc+ID0ge1xuICB0aGlua2luZzogJ1RoaW5raW5nJywgc2VhcmNoaW5nOiAnU2VhcmNoaW5nJywgcmVhZGluZzogJ1JlYWRpbmcnLFxuICB3YWl0aW5nOiAnV2FpdGluZyBmb3IgeW91Jywgd3JpdGluZzogJ1dyaXRpbmcnLCBkb25lOiAnRG9uZScsXG59O1xuY29uc3QgS0VZOiBSZWNvcmQ8QWdlbnRQaGFzZSwgc3RyaW5nPiA9IHtcbiAgdGhpbmtpbmc6ICd0aGluaycsIHNlYXJjaGluZzogJ3NlYXJjaCcsIHJlYWRpbmc6ICdyZWFkJyxcbiAgd2FpdGluZzogJ3dhaXQnLCB3cml0aW5nOiAnd3JpdGUnLCBkb25lOiAnZG9uZScsXG59O1xuXG4vKiogT25lIGxpbmUgZm9yIHdoaWNoIHBoYXNlIHRoZSBhZ2VudCBpcyBpbiwgZnJvbSB0aGlua2luZyB0byBkb25lLiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndm8tYWdlbnQtcGhhc2VzJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgaW1wb3J0czogW1ZvSWNvbkNvbXBvbmVudF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBkYXRhLXZvPVwiXCIgW2F0dHIuZGF0YS1wXT1cInBcIiBjbGFzcz1cInZvLWFwaFwiPlxuICAgICAgPGJ1dHRvblxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgY2xhc3M9XCJ2by1hcGgtaFwiXG4gICAgICAgIFthdHRyLmFyaWEtZXhwYW5kZWRdPVwiZG9uZSAmJiBpc09wZW5cIlxuICAgICAgICBbYXR0ci5hcmlhLWRpc2FibGVkXT1cImRvbmUgPyBudWxsIDogJ3RydWUnXCJcbiAgICAgICAgKGNsaWNrKT1cInRvZ2dsZSgpXCJcbiAgICAgID5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJ2by1hcGgtZ1wiIFthdHRyLmRhdGEtZ109XCJwXCI+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2by1lbnRlclwiIHN0eWxlPVwiZGlzcGxheTpncmlkXCI+XG4gICAgICAgICAgICBAaWYgKGVycm9yKSB7XG4gICAgICAgICAgICAgIDx2by1pY29uIG5hbWU9XCJhbGVydFwiPjwvdm8taWNvbj5cbiAgICAgICAgICAgIH0gQGVsc2Uge1xuICAgICAgICAgICAgICBAc3dpdGNoIChwaGFzZSkge1xuICAgICAgICAgICAgICAgIEBjYXNlICgndGhpbmtpbmcnKSB7IDxzcGFuIGNsYXNzPVwidm8tdGhpbmsgdm8tb25cIiBhcmlhLWhpZGRlbj1cInRydWVcIj48aT48L2k+PGk+PC9pPjxpPjwvaT48aT48L2k+PC9zcGFuPiB9XG4gICAgICAgICAgICAgICAgQGNhc2UgKCdzZWFyY2hpbmcnKSB7IDxzcGFuIGNsYXNzPVwidm8tcmFkYXJcIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L3NwYW4+IH1cbiAgICAgICAgICAgICAgICBAZGVmYXVsdCB7IDx2by1pY29uIFtuYW1lXT1cInBoYXNlSWNvblwiPjwvdm8taWNvbj4gfVxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICA8L3NwYW4+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwidm8tYXBoLWwgdm8tc3dcIiBbY2xhc3Mudm8tc2hpbV09XCIhZG9uZSAmJiAhZXJyb3IgJiYgcGhhc2UgIT09ICd3YWl0aW5nJ1wiPnt7IGxpbmUgfX08L3NwYW4+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwidm8tYXBoLXQgdm8tbnVtXCI+e3sgZG9uZSA/ICcnIDogc2VjcyArICdzJyB9fTwvc3Bhbj5cbiAgICAgICAgPHZvLWljb24gbmFtZT1cImNoZXYtZFwiIHNpemU9XCJ4c1wiIGNsYXNzPVwidm8tYXBoLWNoZXZcIj48L3ZvLWljb24+XG4gICAgICA8L2J1dHRvbj5cblxuICAgICAgPGRpdiBjbGFzcz1cInZvLWFwaC10clwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPlxuICAgICAgICBAZm9yIChwaCBvZiBvcmRlcjsgdHJhY2sgcGg7IGxldCBqID0gJGluZGV4KSB7XG4gICAgICAgICAgPGkgW2NsYXNzLnZvLW5vd109XCJqID09PSBhdCAmJiAhZG9uZVwiPkBpZiAoaiA8PSBhdCkgeyA8Yj48L2I+IH08L2k+XG4gICAgICAgIH1cbiAgICAgIDwvZGl2PlxuXG4gICAgICA8ZGl2IGNsYXNzPVwidm8tYXBoLXhcIj5cbiAgICAgICAgQGlmIChlcnJvcikge1xuICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2by1hcGgtbiB2by1lcnIgdm8tZW50ZXJcIj5cbiAgICAgICAgICAgIDx2by1pY29uIG5hbWU9XCJhbGVydFwiIHNpemU9XCJ4c1wiPjwvdm8taWNvbj5cbiAgICAgICAgICAgIDxzcGFuPnt7IGVycm9yLmRldGFpbCA/PyBlcnJvci50ZXh0IH19PC9zcGFuPlxuICAgICAgICAgICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgY2xhc3M9XCJ2by1waWxsIHZvLWxpbmUgdm8tc21cIiAoY2xpY2spPVwiZXJyb3Iub25SZXRyeSgpXCI+XG4gICAgICAgICAgICAgIDx2by1pY29uIG5hbWU9XCJyZWZyZXNoXCIgc2l6ZT1cInhzXCI+PC92by1pY29uPlJldHJ5XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgfSBAZWxzZSBpZiAocGhhc2UgPT09ICd3YWl0aW5nJyAmJiBhc2spIHtcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwidm8tYXBoLW4gdm8tYXNrIHZvLWVudGVyXCI+XG4gICAgICAgICAgICA8c3Bhbj57eyBhc2sudGV4dCB9fTwvc3Bhbj5cbiAgICAgICAgICAgIDxidXR0b24gdHlwZT1cImJ1dHRvblwiIGNsYXNzPVwidm8tcGlsbCB2by1wcmltYXJ5IHZvLXNtXCIgKGNsaWNrKT1cImFzay5vbkFwcHJvdmUoKVwiPnt7IGFzay5hcHByb3ZlTGFiZWwgPz8gJ0FwcHJvdmUnIH19PC9idXR0b24+XG4gICAgICAgICAgICBAaWYgKGFzay5vbkRlY2xpbmUpIHtcbiAgICAgICAgICAgICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgY2xhc3M9XCJ2by1waWxsIHZvLWdob3N0IHZvLXNtXCIgKGNsaWNrKT1cImFzay5vbkRlY2xpbmUoKVwiPk5vdCBub3c8L2J1dHRvbj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgfSBAZWxzZSBpZiAoc2xvdyAmJiAhZG9uZSkge1xuICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2by1hcGgtbiB2by1lbnRlclwiPlxuICAgICAgICAgICAgPHZvLWljb24gbmFtZT1cImNsb2NrXCIgc2l6ZT1cInhzXCI+PC92by1pY29uPlxuICAgICAgICAgICAgPHNwYW4+e3sgc2xvdy50ZXh0IH19PC9zcGFuPlxuICAgICAgICAgICAgQGlmIChzbG93Lm9uU3RvcCkge1xuICAgICAgICAgICAgICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIiBjbGFzcz1cInZvLXBpbGwgdm8tbGluZSB2by1zbVwiIChjbGljayk9XCJzbG93Lm9uU3RvcCgpXCI+XG4gICAgICAgICAgICAgICAgPHZvLWljb24gbmFtZT1cInN0b3BcIiBzaXplPVwieHNcIj48L3ZvLWljb24+U3RvcFxuICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgfVxuICAgICAgPC9kaXY+XG5cbiAgICAgIDxkaXYgY2xhc3M9XCJ2by1mb2xkXCIgW2NsYXNzLnZvLXNodXRdPVwiIShkb25lICYmIGlzT3BlbilcIj5cbiAgICAgICAgPGRpdj5cbiAgICAgICAgICA8b2wgY2xhc3M9XCJ2by1hcGgtbGlzdFwiPlxuICAgICAgICAgICAgQGZvciAocGggb2YgbGlzdFBoYXNlczsgdHJhY2sgcGgpIHtcbiAgICAgICAgICAgICAgPGxpPjx2by1pY29uIG5hbWU9XCJjaGVja1wiIHNpemU9XCJ4c1wiPjwvdm8taWNvbj48c3Bhbj57eyBuYW1lKHBoKSB9fTwvc3Bhbj48c3BhbiBjbGFzcz1cInZvLW51bVwiPnt7IHRvb2tbcGhdIH19czwvc3Bhbj48L2xpPlxuICAgICAgICAgICAgfVxuICAgICAgICAgIDwvb2w+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG5cbiAgICAgIDxwIGNsYXNzPVwidm8tYXBoLXNyXCIgcm9sZT1cInN0YXR1c1wiPnt7IHNhaWQgfX08L3A+XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsOiAnLi9hZ2VudC1waGFzZXMuY3NzJyxcbn0pXG5leHBvcnQgY2xhc3MgQWdlbnRQaGFzZXNDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkNoYW5nZXMsIE9uRGVzdHJveSB7XG4gIEBJbnB1dCgpIHBoYXNlOiBBZ2VudFBoYXNlID0gJ3RoaW5raW5nJztcbiAgLyoqIFdoYXQgdGhlIGxpbmUgc2F5cy4gRGVmYXVsdHMgdG8gdGhlIHBoYXNlJ3MgbmFtZTsgb25jZSBkb25lLCBcIlRob3VnaHQgZm9yIDEyc1wiLiAqL1xuICBASW5wdXQoKSBsYWJlbD86IHN0cmluZztcbiAgLyoqIFNlY29uZHMgc28gZmFyLiBDb3VudHMgYnkgaXRzZWxmIHdoaWxlIGxlZnQgb3V0IChhbmQgc3RvcHMgd2hpbGUgd2FpdGluZykuICovXG4gIEBJbnB1dCgpIHNlY29uZHM/OiBudW1iZXI7XG4gIEBJbnB1dCgpIGVycm9yPzogQWdlbnRQaGFzZXNFcnJvcjtcbiAgQElucHV0KCkgc2xvdz86IEFnZW50UGhhc2VzU2xvdztcbiAgQElucHV0KCkgYXNrPzogQWdlbnRQaGFzZXNBc2s7XG4gIC8qKiBTZWNvbmRzIGVhY2ggcGhhc2UgdG9vaywgYnkgcGhhc2UsIGZvciB0aGUgbGlzdCBhIGZpbmlzaGVkIGxpbmUgb3BlbnMgdG8uICovXG4gIEBJbnB1dCgpIHRvb2s6IFBhcnRpYWw8UmVjb3JkPEFnZW50UGhhc2UsIG51bWJlcj4+ID0ge307XG4gIC8qKiBXaGV0aGVyIHRoZSBmaW5pc2hlZCBsaW5lIGlzIG9wZW4uIExlYXZlIGl0IG91dCB0byBsZXQgdGhlIGhlYWRlciB0b2dnbGUgaXQuICovXG4gIEBJbnB1dCgpIG9wZW4/OiBib29sZWFuO1xuICBASW5wdXQoKSBkZWZhdWx0T3BlbiA9IGZhbHNlO1xuXG4gIEBPdXRwdXQoKSBvcGVuQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuXG4gIHJlYWRvbmx5IG9yZGVyID0gT1JERVI7XG4gIGlzT3BlbiA9IGZhbHNlO1xuICBzYWlkID0gJyc7XG5cbiAgcHJpdmF0ZSBjb3VudGVkID0gMDtcbiAgcHJpdmF0ZSBzZWNvbmRUaW1lcj86IFJldHVyblR5cGU8dHlwZW9mIHNldEludGVydmFsPjtcbiAgcHJpdmF0ZSBsYXN0U2FpZCA9ICcnO1xuICBwcml2YXRlIHZpZXdSZWFkeSA9IGZhbHNlO1xuXG4gIGdldCBkb25lKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLnBoYXNlID09PSAnZG9uZSc7XG4gIH1cblxuICBnZXQgYXQoKTogbnVtYmVyIHtcbiAgICByZXR1cm4gT1JERVIuaW5kZXhPZih0aGlzLnBoYXNlKTtcbiAgfVxuXG4gIGdldCBwKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuZXJyb3IgPyAnZXJyJyA6IEtFWVt0aGlzLnBoYXNlXTtcbiAgfVxuXG4gIGdldCBzZWNzKCk6IG51bWJlciB7XG4gICAgcmV0dXJuIHRoaXMuc2Vjb25kcyA/PyB0aGlzLmNvdW50ZWQ7XG4gIH1cblxuICBnZXQgbGluZSgpOiBzdHJpbmcge1xuICAgIGlmICh0aGlzLmVycm9yKSByZXR1cm4gdGhpcy5lcnJvci50ZXh0O1xuICAgIGlmICh0aGlzLmxhYmVsICE9PSB1bmRlZmluZWQpIHJldHVybiB0aGlzLmxhYmVsO1xuICAgIHJldHVybiB0aGlzLmRvbmUgPyBgVGhvdWdodCBmb3IgJHt0aGlzLnNlY3N9c2AgOiBOQU1FW3RoaXMucGhhc2VdO1xuICB9XG5cbiAgZ2V0IHBoYXNlSWNvbigpOiBWb0ljb25OYW1lIHtcbiAgICBjb25zdCBtYXA6IFJlY29yZDxzdHJpbmcsIFZvSWNvbk5hbWU+ID0ge1xuICAgICAgcmVhZGluZzogJ2ZpbGUtdGV4dCcsIHdhaXRpbmc6ICdoYW5kJywgd3JpdGluZzogJ2VkaXQnLCBkb25lOiAnb2snLFxuICAgIH07XG4gICAgcmV0dXJuIG1hcFt0aGlzLnBoYXNlXSA/PyAnZmlsZS10ZXh0JztcbiAgfVxuXG4gIGdldCBsaXN0UGhhc2VzKCk6IEFnZW50UGhhc2VbXSB7XG4gICAgcmV0dXJuIE9SREVSLnNsaWNlKDAsIDUpLmZpbHRlcigocGgpID0+IHRoaXMudG9va1twaF0gIT09IHVuZGVmaW5lZCk7XG4gIH1cblxuICBuYW1lKHBoOiBBZ2VudFBoYXNlKTogc3RyaW5nIHtcbiAgICByZXR1cm4gTkFNRVtwaF07XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgdGhpcy52aWV3UmVhZHkgPSB0cnVlO1xuICAgIHRoaXMuaXNPcGVuID0gdGhpcy5vcGVuID8/IHRoaXMuZGVmYXVsdE9wZW47XG4gICAgdGhpcy5zdGFydFNlY29uZHMoKTtcbiAgICB0aGlzLmFubm91bmNlKCk7XG4gIH1cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgaWYgKGNoYW5nZXNbJ29wZW4nXSAmJiB0aGlzLm9wZW4gIT09IHVuZGVmaW5lZCkge1xuICAgICAgdGhpcy5pc09wZW4gPSB0aGlzLm9wZW47XG4gICAgfVxuICAgIGlmICghdGhpcy52aWV3UmVhZHkpIHtcbiAgICAgIHRoaXMuaXNPcGVuID0gdGhpcy5vcGVuID8/IHRoaXMuZGVmYXVsdE9wZW47XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGlmIChjaGFuZ2VzWydwaGFzZSddIHx8IGNoYW5nZXNbJ3NlY29uZHMnXSB8fCBjaGFuZ2VzWydlcnJvciddKSB7XG4gICAgICB0aGlzLnN0YXJ0U2Vjb25kcygpO1xuICAgIH1cbiAgICBpZiAoY2hhbmdlc1sncGhhc2UnXSB8fCBjaGFuZ2VzWydlcnJvciddKSB7XG4gICAgICB0aGlzLmFubm91bmNlKCk7XG4gICAgfVxuICB9XG5cbiAgdG9nZ2xlKCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5kb25lKSByZXR1cm47XG4gICAgaWYgKHRoaXMub3BlbiAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICB0aGlzLm9wZW5DaGFuZ2UuZW1pdCghdGhpcy5pc09wZW4pO1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLmlzT3BlbiA9ICF0aGlzLmlzT3BlbjtcbiAgICB0aGlzLm9wZW5DaGFuZ2UuZW1pdCh0aGlzLmlzT3Blbik7XG4gIH1cblxuICAvLyB0aGUgY2xvY2sgY291bnRzIHdoaWxlIGEgcGhhc2UgcnVucywgYnV0IG5vdCB3aGlsZSBkb25lLCB3YWl0aW5nLCBvciBmYWlsZWRcbiAgcHJpdmF0ZSBzdGFydFNlY29uZHMoKTogdm9pZCB7XG4gICAgY2xlYXJJbnRlcnZhbCh0aGlzLnNlY29uZFRpbWVyKTtcbiAgICB0aGlzLnNlY29uZFRpbWVyID0gdW5kZWZpbmVkO1xuICAgIGlmICh0aGlzLnNlY29uZHMgIT09IHVuZGVmaW5lZCB8fCB0aGlzLmRvbmUgfHwgdGhpcy5waGFzZSA9PT0gJ3dhaXRpbmcnIHx8IHRoaXMuZXJyb3IpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5zZWNvbmRUaW1lciA9IHNldEludGVydmFsKCgpID0+IHtcbiAgICAgIHRoaXMuY291bnRlZCsrO1xuICAgIH0sIDEwMDApO1xuICB9XG5cbiAgLy8gb25seSBhIGNoYW5nZSBvZiBwaGFzZSBpcyBhbm5vdW5jZWQgdG8gYSBzY3JlZW4gcmVhZGVyXG4gIHByaXZhdGUgYW5ub3VuY2UoKTogdm9pZCB7XG4gICAgY29uc3QgdCA9IHRoaXMuZXJyb3JcbiAgICAgID8gJ0Vycm9yOiAnICsgdGhpcy5lcnJvci50ZXh0XG4gICAgICA6IHRoaXMuZG9uZVxuICAgICAgICA/IGBEb25lLCB0aG91Z2h0IGZvciAke3RoaXMuc2Vjc31zYFxuICAgICAgICA6IE5BTUVbdGhpcy5waGFzZV07XG4gICAgaWYgKHQgIT09IHRoaXMubGFzdFNhaWQpIHtcbiAgICAgIHRoaXMubGFzdFNhaWQgPSB0O1xuICAgICAgdGhpcy5zYWlkID0gdDtcbiAgICB9XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICBjbGVhckludGVydmFsKHRoaXMuc2Vjb25kVGltZXIpO1xuICB9XG59XG4iXX0=