@visuno/angular 0.0.0-stage → 0.1.0

package/esm2022/reasoning-trail/reasoning-trail.component.mjs

@@ -0,0 +1,284 @@
+// framework/angular/reasoning-trail/reasoning-trail.component.ts
+//
+// Native Angular port of framework/react/reasoning-trail/ReasoningTrail.tsx.
+// The agent's plan, notes, sources or edits, under a header it can fold away.
+// Inputs mirror the React props; callback props become @Output EventEmitters.
+// The seconds counter (while running), the fold toggle and the view switch are
+// ported from the React logic and the vanilla JS (reasoning-trail.js). Reduced
+// motion is respected via the shared ReducedMotionService.
+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 VIEWS = ['plan', 'notes', 'sources', 'edits'];
+const FT = { tsx: 'vo-re', csv: 'vo-csv', pdf: 'vo-pdf' };
+export class ReasoningTrailComponent {
+    constructor(reduced) {
+        this.reduced = reduced;
+        /** Shimmers and counts seconds while true. */
+        this.running = false;
+        /** Sits flat in a chat thread (the default). Set false to give it a card. */
+        this.bare = true;
+        this.viewChange = new EventEmitter();
+        this.openChange = new EventEmitter();
+        /** Internal open state when `open` is not controlled. */
+        this.innerOpen = true;
+        /** Counted seconds while running (used when `seconds` is undefined). */
+        this.counted = 0;
+    }
+    get isOpen() {
+        return this.open ?? this.innerOpen;
+    }
+    get has() {
+        return {
+            plan: !!this.plan?.length,
+            notes: !!this.notes?.length,
+            sources: !!this.sources?.length,
+            edits: !!this.edits?.length,
+        };
+    }
+    get tab() {
+        const picked = this.view ?? this.innerView ?? VIEWS.find((v) => this.has[v]) ?? 'plan';
+        // a view with nothing in it falls back to the first one that has something
+        return this.has[picked] ? picked : VIEWS.find((v) => this.has[v]) ?? picked;
+    }
+    get secs() {
+        return this.seconds ?? this.counted;
+    }
+    get head() {
+        if (this.title)
+            return this.title;
+        return this.running ? 'Reasoning' : `Reasoned for ${Math.max(this.secs, 1)}s`;
+    }
+    ftClass(kind) {
+        return FT[kind] ?? '';
+    }
+    /** Select a view. Updates the internal state when `view` is not controlled. */
+    select(v) {
+        this.innerView = v;
+        this.viewChange.emit(v);
+    }
+    toggle() {
+        const next = !this.isOpen;
+        this.innerOpen = next;
+        this.openChange.emit(next);
+    }
+    // Enter and Space open and fold it as a click does
+    onHeadKey(e) {
+        if ((e.key !== 'Enter' && e.key !== ' ') || e.altKey || e.ctrlKey || e.metaKey)
+            return;
+        e.preventDefault();
+        if (!e.repeat)
+            this.toggle();
+    }
+    ngAfterViewInit() {
+        this.startCounter();
+    }
+    ngOnChanges(changes) {
+        if (changes['running'] || changes['seconds'])
+            this.startCounter();
+    }
+    startCounter() {
+        const shouldCount = this.running && this.seconds === undefined && !this.reduced.reduce();
+        if (shouldCount && !this.tick) {
+            this.tick = setInterval(() => (this.counted += 1), 1000);
+        }
+        else if (!this.running && this.tick) {
+            clearInterval(this.tick);
+            this.tick = undefined;
+        }
+    }
+    ngOnDestroy() {
+        if (this.tick)
+            clearInterval(this.tick);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ReasoningTrailComponent, deps: [{ token: i1.ReducedMotionService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ReasoningTrailComponent, isStandalone: true, selector: "vo-reasoning-trail", inputs: { running: "running", seconds: "seconds", title: "title", plan: "plan", notes: "notes", sources: "sources", edits: "edits", view: "view", open: "open", bare: "bare" }, outputs: { viewChange: "viewChange", openChange: "openChange" }, usesOnChanges: true, ngImport: i0, template: `
+    <div
+      data-vo=""
+      class="vo-rtr"
+      [class.vo-panel]="!bare"
+      [style.padding-inline]="bare ? '0' : null"
+    >
+      <button
+        type="button"
+        class="vo-rtr-h"
+        [attr.aria-expanded]="isOpen"
+        (click)="toggle()"
+        (keydown)="onHeadKey($event)"
+      >
+        <span class="vo-think vo-rtr-mark" [class.vo-on]="running" aria-hidden="true"><i></i><i></i><i></i><i></i></span>
+        <span class="vo-sw vo-rtr-title" [class.vo-shim]="running">{{ head }}</span>
+        <span class="vo-rtr-time vo-num vo-muted">{{ running ? secs + 's' : '' }}</span>
+        <vo-icon name="chev-d" size="xs" class="vo-rtr-chev"></vo-icon>
+      </button>
+      <div class="vo-fold vo-rtr-fold" [class.vo-shut]="!isOpen" [attr.inert]="isOpen ? null : ''" [attr.aria-hidden]="!isOpen">
+        <div>
+          <div class="vo-rtr-body">
+            @switch (tab) {
+              @case ('plan') {
+                @for (p of plan; track $index) {
+                  <div class="vo-rtr-li vo-enter" [class.vo-now]="p.state === 'now'" [style.animation-delay.ms]="$index * 50">
+                    <span class="vo-g">
+                      @if (p.state === 'done') {
+                        <span style="color:var(--vo-ok);display:grid"><vo-icon name="check" size="xs"></vo-icon></span>
+                      } @else if (p.state === 'now') {
+                        <span class="vo-pulse" aria-hidden="true"></span>
+                      } @else {
+                        <span class="vo-dot" style="color:var(--vo-faint)" aria-hidden="true"></span>
+                      }
+                    </span>
+                    <span>{{ p.label }}<span class="vo-d">{{ p.state === 'done' ? (p.detail ?? 'Done') : p.state === 'now' ? 'Working' : 'Next' }}</span></span>
+                  </div>
+                }
+              }
+              @case ('notes') {
+                @for (t of notes; track $index) {
+                  <div class="vo-rtr-li vo-enter" [style.animation-delay.ms]="$index * 50">
+                    <span class="vo-g"><span class="vo-dot" style="color:var(--vo-faint)" aria-hidden="true"></span></span>
+                    <span>{{ t }}</span>
+                  </div>
+                }
+              }
+              @case ('sources') {
+                <div class="vo-rtr-src vo-enter">
+                  @for (s of sources; track $index) {
+                    <button type="button" class="vo-fchip vo-lnk" [attr.title]="s.tip ?? null">
+                      @if (s.kind === 'figma') {
+                        <vo-icon name="figma" size="xs"></vo-icon>
+                      } @else if (s.kind === 'web') {
+                        <vo-icon name="globe" size="xs"></vo-icon>
+                      } @else if (s.kind) {
+                        <span class="vo-ft" [class]="ftClass(s.kind)">{{ s.kind.toUpperCase() }}</span>
+                      }
+                      {{ s.label }}
+                    </button>
+                  }
+                </div>
+              }
+              @case ('edits') {
+                @for (e of edits; track $index) {
+                  <div class="vo-enter" [style.animation-delay.ms]="$index * 50">
+                    <div class="vo-rtr-li"><span class="vo-g"><vo-icon name="edit" size="xs"></vo-icon></span><span>{{ e.file }}@if (e.detail) {<span class="vo-d">{{ e.detail }}</span>}</span></div>
+                    <div class="vo-rtr-edit">
+                      @for (l of e.removed; track $index) {<div class="vo-x">{{ l }}</div>}
+                      @for (l of e.added; track $index) {<div class="vo-a">{{ l }}</div>}
+                    </div>
+                  </div>
+                }
+              }
+            }
+          </div>
+        </div>
+      </div>
+    </div>
+  `, isInline: true, styles: [".vo-rtr{width:100%;padding:6px}.vo-rtr-h{display:flex;align-items:center;gap:10px;width:100%;padding:10px var(--vo-s-3);border-radius:var(--vo-r-in);font-size:13.5px;transition:background .2s;cursor:pointer}@media (hover:hover) and (pointer:fine){.vo-rtr-h:hover{background:var(--vo-row)}}.vo-rtr-mark{color:var(--vo-fg2)}.vo-rtr-chev{margin-left:auto;color:var(--vo-muted);transition:transform .4s var(--vo-ease)}.vo-rtr-h[aria-expanded=false] .vo-rtr-chev{transform:rotate(-90deg)}.vo-rtr-body{padding:var(--vo-s-1) var(--vo-s-3) 10px}.vo-rtr-li{position:relative;display:flex;gap:10px;padding:6px 0 6px var(--vo-s-6);font-size:13.5px;color:var(--vo-fg2)}.vo-rtr-li .vo-g{position:absolute;left:0;top:7px;width:16px;height:16px;display:grid;place-items:center;color:var(--vo-muted)}.vo-rtr-li:not(:last-child):before{content:\"\";position:absolute;left:7.5px;top:25px;bottom:-6px;width:1px;background:var(--vo-rail)}.vo-rtr-li .vo-d{display:block;font-size:12px;color:var(--vo-muted);margin-top:1px}.vo-rtr-li.vo-now{color:var(--vo-fg)}.vo-rtr-edit{font-family:var(--vo-mono);font-size:12px;border-radius:calc(10px * var(--vo-rk));background:var(--vo-chip);padding:var(--vo-s-2) 10px;margin:var(--vo-s-1) 0 var(--vo-s-2);line-height:1.65}.vo-rtr-edit .vo-a{color:var(--vo-add)}.vo-rtr-edit .vo-x{color:var(--vo-del);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--vo-del) 40%,transparent)}.vo-rtr-src{display:flex;flex-wrap:wrap;gap:6px}.vo-panel{background:var(--vo-surface);border-radius:var(--vo-r-card);box-shadow:var(--vo-shadow);position:relative}.vo-num{font-variant-numeric:tabular-nums}.vo-muted{color:var(--vo-muted)}.vo-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none;display:inline-block}.vo-fchip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px 0 var(--vo-s-2);border-radius:var(--vo-r-pill);background:var(--vo-surface);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vo-line) 50%,transparent);font-size:12.5px;color:var(--vo-fg);white-space:nowrap}.vo-fchip.vo-lnk{cursor:pointer;transition:background var(--vo-t-fast),box-shadow var(--vo-t-fast)}@media (hover:hover) and (pointer:fine){.vo-fchip.vo-lnk:hover{background:var(--vo-row);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vo-rail) 50%,transparent)}}.vo-ft{font-family:var(--vo-sans);font-size:9.5px;font-weight:500;color:var(--vo-ts);letter-spacing:.02em}.vo-ft.vo-re{color:var(--vo-react)}.vo-ft.vo-fg{color:var(--vo-pl)}.vo-ft.vo-pdf{color:var(--vo-pr)}.vo-ft.vo-csv{color:var(--vo-pm)}.vo-sw{display:inline-block;transition:opacity .2s var(--vo-ease),filter .2s var(--vo-ease),transform .25s var(--vo-ease)}.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-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-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}}.vo-pulse{position:relative;width:6px;height:6px;border-radius:50%;background:var(--vo-muted);flex:none;display:inline-block}.vo-pulse:after{content:\"\";position:absolute;inset:0;border-radius:50%;background:inherit;animation:vo-ping 1.8s var(--vo-ease) infinite}@keyframes vo-ping{0%{transform:scale(1);opacity:.45}80%,to{transform:scale(2.8);opacity:0}}@media (prefers-reduced-motion:reduce){.vo-shim{color:var(--vo-fg);background:none}.vo-think.vo-on,.vo-think.vo-on i,.vo-pulse:after,.vo-enter{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: ReasoningTrailComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vo-reasoning-trail', standalone: true, encapsulation: ViewEncapsulation.None, imports: [VoIconComponent], template: `
+    <div
+      data-vo=""
+      class="vo-rtr"
+      [class.vo-panel]="!bare"
+      [style.padding-inline]="bare ? '0' : null"
+    >
+      <button
+        type="button"
+        class="vo-rtr-h"
+        [attr.aria-expanded]="isOpen"
+        (click)="toggle()"
+        (keydown)="onHeadKey($event)"
+      >
+        <span class="vo-think vo-rtr-mark" [class.vo-on]="running" aria-hidden="true"><i></i><i></i><i></i><i></i></span>
+        <span class="vo-sw vo-rtr-title" [class.vo-shim]="running">{{ head }}</span>
+        <span class="vo-rtr-time vo-num vo-muted">{{ running ? secs + 's' : '' }}</span>
+        <vo-icon name="chev-d" size="xs" class="vo-rtr-chev"></vo-icon>
+      </button>
+      <div class="vo-fold vo-rtr-fold" [class.vo-shut]="!isOpen" [attr.inert]="isOpen ? null : ''" [attr.aria-hidden]="!isOpen">
+        <div>
+          <div class="vo-rtr-body">
+            @switch (tab) {
+              @case ('plan') {
+                @for (p of plan; track $index) {
+                  <div class="vo-rtr-li vo-enter" [class.vo-now]="p.state === 'now'" [style.animation-delay.ms]="$index * 50">
+                    <span class="vo-g">
+                      @if (p.state === 'done') {
+                        <span style="color:var(--vo-ok);display:grid"><vo-icon name="check" size="xs"></vo-icon></span>
+                      } @else if (p.state === 'now') {
+                        <span class="vo-pulse" aria-hidden="true"></span>
+                      } @else {
+                        <span class="vo-dot" style="color:var(--vo-faint)" aria-hidden="true"></span>
+                      }
+                    </span>
+                    <span>{{ p.label }}<span class="vo-d">{{ p.state === 'done' ? (p.detail ?? 'Done') : p.state === 'now' ? 'Working' : 'Next' }}</span></span>
+                  </div>
+                }
+              }
+              @case ('notes') {
+                @for (t of notes; track $index) {
+                  <div class="vo-rtr-li vo-enter" [style.animation-delay.ms]="$index * 50">
+                    <span class="vo-g"><span class="vo-dot" style="color:var(--vo-faint)" aria-hidden="true"></span></span>
+                    <span>{{ t }}</span>
+                  </div>
+                }
+              }
+              @case ('sources') {
+                <div class="vo-rtr-src vo-enter">
+                  @for (s of sources; track $index) {
+                    <button type="button" class="vo-fchip vo-lnk" [attr.title]="s.tip ?? null">
+                      @if (s.kind === 'figma') {
+                        <vo-icon name="figma" size="xs"></vo-icon>
+                      } @else if (s.kind === 'web') {
+                        <vo-icon name="globe" size="xs"></vo-icon>
+                      } @else if (s.kind) {
+                        <span class="vo-ft" [class]="ftClass(s.kind)">{{ s.kind.toUpperCase() }}</span>
+                      }
+                      {{ s.label }}
+                    </button>
+                  }
+                </div>
+              }
+              @case ('edits') {
+                @for (e of edits; track $index) {
+                  <div class="vo-enter" [style.animation-delay.ms]="$index * 50">
+                    <div class="vo-rtr-li"><span class="vo-g"><vo-icon name="edit" size="xs"></vo-icon></span><span>{{ e.file }}@if (e.detail) {<span class="vo-d">{{ e.detail }}</span>}</span></div>
+                    <div class="vo-rtr-edit">
+                      @for (l of e.removed; track $index) {<div class="vo-x">{{ l }}</div>}
+                      @for (l of e.added; track $index) {<div class="vo-a">{{ l }}</div>}
+                    </div>
+                  </div>
+                }
+              }
+            }
+          </div>
+        </div>
+      </div>
+    </div>
+  `, styles: [".vo-rtr{width:100%;padding:6px}.vo-rtr-h{display:flex;align-items:center;gap:10px;width:100%;padding:10px var(--vo-s-3);border-radius:var(--vo-r-in);font-size:13.5px;transition:background .2s;cursor:pointer}@media (hover:hover) and (pointer:fine){.vo-rtr-h:hover{background:var(--vo-row)}}.vo-rtr-mark{color:var(--vo-fg2)}.vo-rtr-chev{margin-left:auto;color:var(--vo-muted);transition:transform .4s var(--vo-ease)}.vo-rtr-h[aria-expanded=false] .vo-rtr-chev{transform:rotate(-90deg)}.vo-rtr-body{padding:var(--vo-s-1) var(--vo-s-3) 10px}.vo-rtr-li{position:relative;display:flex;gap:10px;padding:6px 0 6px var(--vo-s-6);font-size:13.5px;color:var(--vo-fg2)}.vo-rtr-li .vo-g{position:absolute;left:0;top:7px;width:16px;height:16px;display:grid;place-items:center;color:var(--vo-muted)}.vo-rtr-li:not(:last-child):before{content:\"\";position:absolute;left:7.5px;top:25px;bottom:-6px;width:1px;background:var(--vo-rail)}.vo-rtr-li .vo-d{display:block;font-size:12px;color:var(--vo-muted);margin-top:1px}.vo-rtr-li.vo-now{color:var(--vo-fg)}.vo-rtr-edit{font-family:var(--vo-mono);font-size:12px;border-radius:calc(10px * var(--vo-rk));background:var(--vo-chip);padding:var(--vo-s-2) 10px;margin:var(--vo-s-1) 0 var(--vo-s-2);line-height:1.65}.vo-rtr-edit .vo-a{color:var(--vo-add)}.vo-rtr-edit .vo-x{color:var(--vo-del);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--vo-del) 40%,transparent)}.vo-rtr-src{display:flex;flex-wrap:wrap;gap:6px}.vo-panel{background:var(--vo-surface);border-radius:var(--vo-r-card);box-shadow:var(--vo-shadow);position:relative}.vo-num{font-variant-numeric:tabular-nums}.vo-muted{color:var(--vo-muted)}.vo-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none;display:inline-block}.vo-fchip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px 0 var(--vo-s-2);border-radius:var(--vo-r-pill);background:var(--vo-surface);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vo-line) 50%,transparent);font-size:12.5px;color:var(--vo-fg);white-space:nowrap}.vo-fchip.vo-lnk{cursor:pointer;transition:background var(--vo-t-fast),box-shadow var(--vo-t-fast)}@media (hover:hover) and (pointer:fine){.vo-fchip.vo-lnk:hover{background:var(--vo-row);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vo-rail) 50%,transparent)}}.vo-ft{font-family:var(--vo-sans);font-size:9.5px;font-weight:500;color:var(--vo-ts);letter-spacing:.02em}.vo-ft.vo-re{color:var(--vo-react)}.vo-ft.vo-fg{color:var(--vo-pl)}.vo-ft.vo-pdf{color:var(--vo-pr)}.vo-ft.vo-csv{color:var(--vo-pm)}.vo-sw{display:inline-block;transition:opacity .2s var(--vo-ease),filter .2s var(--vo-ease),transform .25s var(--vo-ease)}.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-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-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}}.vo-pulse{position:relative;width:6px;height:6px;border-radius:50%;background:var(--vo-muted);flex:none;display:inline-block}.vo-pulse:after{content:\"\";position:absolute;inset:0;border-radius:50%;background:inherit;animation:vo-ping 1.8s var(--vo-ease) infinite}@keyframes vo-ping{0%{transform:scale(1);opacity:.45}80%,to{transform:scale(2.8);opacity:0}}@media (prefers-reduced-motion:reduce){.vo-shim{color:var(--vo-fg);background:none}.vo-think.vo-on,.vo-think.vo-on i,.vo-pulse:after,.vo-enter{animation:none}}\n"] }]
+        }], ctorParameters: () => [{ type: i1.ReducedMotionService }], propDecorators: { running: [{
+                type: Input
+            }], seconds: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], plan: [{
+                type: Input
+            }], notes: [{
+                type: Input
+            }], sources: [{
+                type: Input
+            }], edits: [{
+                type: Input
+            }], view: [{
+                type: Input
+            }], open: [{
+                type: Input
+            }], bare: [{
+                type: Input
+            }], viewChange: [{
+                type: Output
+            }], openChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVhc29uaW5nLXRyYWlsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3JlYXNvbmluZy10cmFpbC9yZWFzb25pbmctdHJhaWwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGlFQUFpRTtBQUNqRSxFQUFFO0FBQ0YsNkVBQTZFO0FBQzdFLDhFQUE4RTtBQUM5RSw4RUFBOEU7QUFDOUUsK0VBQStFO0FBQy9FLCtFQUErRTtBQUMvRSwyREFBMkQ7QUFFM0QsT0FBTyxFQUVMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUdMLE1BQU0sRUFFTixpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGVBQWUsRUFBbUIsTUFBTSx3QkFBd0IsQ0FBQzs7O0FBaUMxRSxNQUFNLEtBQUssR0FBeUIsQ0FBQyxNQUFNLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxPQUFPLENBQUMsQ0FBQztBQUMxRSxNQUFNLEVBQUUsR0FBMkIsRUFBRSxHQUFHLEVBQUUsT0FBTyxFQUFFLEdBQUcsRUFBRSxRQUFRLEVBQUUsR0FBRyxFQUFFLFFBQVEsRUFBRSxDQUFDO0FBeUZsRixNQUFNLE9BQU8sdUJBQXVCO0lBNkJsQyxZQUE2QixPQUE2QjtRQUE3QixZQUFPLEdBQVAsT0FBTyxDQUFzQjtRQTVCMUQsOENBQThDO1FBQ3JDLFlBQU8sR0FBRyxLQUFLLENBQUM7UUFhekIsNkVBQTZFO1FBQ3BFLFNBQUksR0FBRyxJQUFJLENBQUM7UUFFWCxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQXNCLENBQUM7UUFDcEQsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7UUFFbkQseURBQXlEO1FBQ2pELGNBQVMsR0FBRyxJQUFJLENBQUM7UUFHekIsd0VBQXdFO1FBQ2hFLFlBQU8sR0FBRyxDQUFDLENBQUM7SUFHeUMsQ0FBQztJQUU5RCxJQUFJLE1BQU07UUFDUixPQUFPLElBQUksQ0FBQyxJ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S0FBSztzQkFBYixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBRUcsSUFBSTtzQkFBWixLQUFLO2dCQUVHLElBQUk7c0JBQVosS0FBSztnQkFFRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRUksVUFBVTtzQkFBbkIsTUFBTTtnQkFDRyxVQUFVO3NCQUFuQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiLy8gZnJhbWV3b3JrL2FuZ3VsYXIvcmVhc29uaW5nLXRyYWlsL3JlYXNvbmluZy10cmFpbC5jb21wb25lbnQudHNcbi8vXG4vLyBOYXRpdmUgQW5ndWxhciBwb3J0IG9mIGZyYW1ld29yay9yZWFjdC9yZWFzb25pbmctdHJhaWwvUmVhc29uaW5nVHJhaWwudHN4LlxuLy8gVGhlIGFnZW50J3MgcGxhbiwgbm90ZXMsIHNvdXJjZXMgb3IgZWRpdHMsIHVuZGVyIGEgaGVhZGVyIGl0IGNhbiBmb2xkIGF3YXkuXG4vLyBJbnB1dHMgbWlycm9yIHRoZSBSZWFjdCBwcm9wczsgY2FsbGJhY2sgcHJvcHMgYmVjb21lIEBPdXRwdXQgRXZlbnRFbWl0dGVycy5cbi8vIFRoZSBzZWNvbmRzIGNvdW50ZXIgKHdoaWxlIHJ1bm5pbmcpLCB0aGUgZm9sZCB0b2dnbGUgYW5kIHRoZSB2aWV3IHN3aXRjaCBhcmVcbi8vIHBvcnRlZCBmcm9tIHRoZSBSZWFjdCBsb2dpYyBhbmQgdGhlIHZhbmlsbGEgSlMgKHJlYXNvbmluZy10cmFpbC5qcykuIFJlZHVjZWRcbi8vIG1vdGlvbiBpcyByZXNwZWN0ZWQgdmlhIHRoZSBzaGFyZWQgUmVkdWNlZE1vdGlvblNlcnZpY2UuXG5cbmltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT25DaGFuZ2VzLFxuICBPbkRlc3Ryb3ksXG4gIE91dHB1dCxcbiAgU2ltcGxlQ2hhbmdlcyxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVm9JY29uQ29tcG9uZW50LCB0eXBlIFZvSWNvbk5hbWUgfSBmcm9tICcuLi9jb3JlL2ljb24uY29tcG9uZW50JztcbmltcG9ydCB7IFJlZHVjZWRNb3Rpb25TZXJ2aWNlIH0gZnJvbSAnLi4vY29yZS9yZWR1Y2VkLW1vdGlvbi5zZXJ2aWNlJztcblxuLyoqIEEgc3RlcCBpbiB0aGUgYWdlbnQncyBwbGFuLiAqL1xuZXhwb3J0IGludGVyZmFjZSBQbGFuU3RlcCB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIC8qKiBTaG93biB1bmRlciBhIGZpbmlzaGVkIHN0ZXAsIGxpa2UgXCI0IGZyYW1lc1wiLiAqL1xuICBkZXRhaWw/OiBzdHJpbmc7XG4gIHN0YXRlOiAnZG9uZScgfCAnbm93JyB8ICduZXh0Jztcbn1cblxuLyoqIEEgY2hhbmdlZCBmaWxlLCB3aXRoIHRoZSByZW1vdmVkIGFuZCBhZGRlZCBsaW5lcy4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgRWRpdCB7XG4gIGZpbGU6IHN0cmluZztcbiAgLyoqIExpa2UgXCIyIGxpbmVzXCIuICovXG4gIGRldGFpbD86IHN0cmluZztcbiAgcmVtb3ZlZD86IHN0cmluZ1tdO1xuICBhZGRlZD86IHN0cmluZ1tdO1xufVxuXG4vKiogVGhlIGtpbmQgb2YgYSBzb3VyY2UgY2hpcDogcGlja3MgdGhlIG1hcmsgaW4gZnJvbnQgb2YgdGhlIGxhYmVsLiAqL1xuZXhwb3J0IHR5cGUgU291cmNlS2luZCA9ICdmaWdtYScgfCAnd2ViJyB8ICd0cycgfCAndHN4JyB8ICdjc3MnIHwgJ2NzdicgfCAncGRmJztcblxuLyoqIEEgZmlsZSBvciBsaW5rIHRoZSBhZ2VudCByZWFkLiAqL1xuZXhwb3J0IGludGVyZmFjZSBTb3VyY2Uge1xuICBsYWJlbDogc3RyaW5nO1xuICBraW5kPzogU291cmNlS2luZDtcbiAgdGlwPzogc3RyaW5nO1xufVxuXG4vKiogV2hpY2ggcGFydCBvZiB0aGUgdHJhaWwgaXQgc2hvd3MuICovXG5leHBvcnQgdHlwZSBSZWFzb25pbmdUcmFpbFZpZXcgPSAncGxhbicgfCAnbm90ZXMnIHwgJ3NvdXJjZXMnIHwgJ2VkaXRzJztcblxuY29uc3QgVklFV1M6IFJlYXNvbmluZ1RyYWlsVmlld1tdID0gWydwbGFuJywgJ25vdGVzJywgJ3NvdXJjZXMnLCAnZWRpdHMnXTtcbmNvbnN0IEZUOiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+ID0geyB0c3g6ICd2by1yZScsIGNzdjogJ3ZvLWNzdicsIHBkZjogJ3ZvLXBkZicgfTtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndm8tcmVhc29uaW5nLXRyYWlsJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgaW1wb3J0czogW1ZvSWNvbkNvbXBvbmVudF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdlxuICAgICAgZGF0YS12bz1cIlwiXG4gICAgICBjbGFzcz1cInZvLXJ0clwiXG4gICAgICBbY2xhc3Mudm8tcGFuZWxdPVwiIWJhcmVcIlxuICAgICAgW3N0eWxlLnBhZGRpbmctaW5saW5lXT1cImJhcmUgPyAnMCcgOiBudWxsXCJcbiAgICA+XG4gICAgICA8YnV0dG9uXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICBjbGFzcz1cInZvLXJ0ci1oXCJcbiAgICAgICAgW2F0dHIuYXJpYS1leHBhbmRlZF09XCJpc09wZW5cIlxuICAgICAgICAoY2xpY2spPVwidG9nZ2xlKClcIlxuICAgICAgICAoa2V5ZG93bik9XCJvbkhlYWRLZXkoJGV2ZW50KVwiXG4gICAgICA+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwidm8tdGhpbmsgdm8tcnRyLW1hcmtcIiBbY2xhc3Mudm8tb25dPVwicnVubmluZ1wiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjxpPjwvaT48aT48L2k+PGk+PC9pPjxpPjwvaT48L3NwYW4+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwidm8tc3cgdm8tcnRyLXRpdGxlXCIgW2NsYXNzLnZvLXNoaW1dPVwicnVubmluZ1wiPnt7IGhlYWQgfX08L3NwYW4+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwidm8tcnRyLXRpbWUgdm8tbnVtIHZvLW11dGVkXCI+e3sgcnVubmluZyA/IHNlY3MgKyAncycgOiAnJyB9fTwvc3Bhbj5cbiAgICAgICAgPHZvLWljb24gbmFtZT1cImNoZXYtZFwiIHNpemU9XCJ4c1wiIGNsYXNzPVwidm8tcnRyLWNoZXZcIj48L3ZvLWljb24+XG4gICAgICA8L2J1dHRvbj5cbiAgICAgIDxkaXYgY2xhc3M9XCJ2by1mb2xkIHZvLXJ0ci1mb2xkXCIgW2NsYXNzLnZvLXNodXRdPVwiIWlzT3BlblwiIFthdHRyLmluZXJ0XT1cImlzT3BlbiA/IG51bGwgOiAnJ1wiIFthdHRyLmFyaWEtaGlkZGVuXT1cIiFpc09wZW5cIj5cbiAgICAgICAgPGRpdj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwidm8tcnRyLWJvZHlcIj5cbiAgICAgICAgICAgIEBzd2l0Y2ggKHRhYikge1xuICAgICAgICAgICAgICBAY2FzZSAoJ3BsYW4nKSB7XG4gICAgICAgICAgICAgICAgQGZvciAocCBvZiBwbGFuOyB0cmFjayAkaW5kZXgpIHtcbiAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2by1ydHItbGkgdm8tZW50ZXJcIiBbY2xhc3Mudm8tbm93XT1cInAuc3RhdGUgPT09ICdub3cnXCIgW3N0eWxlLmFuaW1hdGlvbi1kZWxheS5tc109XCIkaW5kZXggKiA1MFwiPlxuICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInZvLWdcIj5cbiAgICAgICAgICAgICAgICAgICAgICBAaWYgKHAuc3RhdGUgPT09ICdkb25lJykge1xuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gc3R5bGU9XCJjb2xvcjp2YXIoLS12by1vayk7ZGlzcGxheTpncmlkXCI+PHZvLWljb24gbmFtZT1cImNoZWNrXCIgc2l6ZT1cInhzXCI+PC92by1pY29uPjwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICB9IEBlbHNlIGlmIChwLnN0YXRlID09PSAnbm93Jykge1xuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2by1wdWxzZVwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICB9IEBlbHNlIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidm8tZG90XCIgc3R5bGU9XCJjb2xvcjp2YXIoLS12by1mYWludClcIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIDxzcGFuPnt7IHAubGFiZWwgfX08c3BhbiBjbGFzcz1cInZvLWRcIj57eyBwLnN0YXRlID09PSAnZG9uZScgPyAocC5kZXRhaWwgPz8gJ0RvbmUnKSA6IHAuc3RhdGUgPT09ICdub3cnID8gJ1dvcmtpbmcnIDogJ05leHQnIH19PC9zcGFuPjwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICBAY2FzZSAoJ25vdGVzJykge1xuICAgICAgICAgICAgICAgIEBmb3IgKHQgb2Ygbm90ZXM7IHRyYWNrICRpbmRleCkge1xuICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInZvLXJ0ci1saSB2by1lbnRlclwiIFtzdHlsZS5hbmltYXRpb24tZGVsYXkubXNdPVwiJGluZGV4ICogNTBcIj5cbiAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2by1nXCI+PHNwYW4gY2xhc3M9XCJ2by1kb3RcIiBzdHlsZT1cImNvbG9yOnZhcigtLXZvLWZhaW50KVwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvc3Bhbj48L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIDxzcGFuPnt7IHQgfX08L3NwYW4+XG4gICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgQGNhc2UgKCdzb3VyY2VzJykge1xuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2by1ydHItc3JjIHZvLWVudGVyXCI+XG4gICAgICAgICAgICAgICAgICBAZm9yIChzIG9mIHNvdXJjZXM7IHRyYWNrICRpbmRleCkge1xuICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIiBjbGFzcz1cInZvLWZjaGlwIHZvLWxua1wiIFthdHRyLnRpdGxlXT1cInMudGlwID8/IG51bGxcIj5cbiAgICAgICAgICAgICAgICAgICAgICBAaWYgKHMua2luZCA9PT0gJ2ZpZ21hJykge1xuICAgICAgICAgICAgICAgICAgICAgICAgPHZvLWljb24gbmFtZT1cImZpZ21hXCIgc2l6ZT1cInhzXCI+PC92by1pY29uPlxuICAgICAgICAgICAgICAgICAgICAgIH0gQGVsc2UgaWYgKHMua2luZCA9PT0gJ3dlYicpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIDx2by1pY29uIG5hbWU9XCJnbG9iZVwiIHNpemU9XCJ4c1wiPjwvdm8taWNvbj5cbiAgICAgICAgICAgICAgICAgICAgICB9IEBlbHNlIGlmIChzLmtpbmQpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidm8tZnRcIiBbY2xhc3NdPVwiZnRDbGFzcyhzLmtpbmQpXCI+e3sgcy5raW5kLnRvVXBwZXJDYXNlKCkgfX08L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgIHt7IHMubGFiZWwgfX1cbiAgICAgICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgQGNhc2UgKCdlZGl0cycpIHtcbiAgICAgICAgICAgICAgICBAZm9yIChlIG9mIGVkaXRzOyB0cmFjayAkaW5kZXgpIHtcbiAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2by1lbnRlclwiIFtzdHlsZS5hbmltYXRpb24tZGVsYXkubXNdPVwiJGluZGV4ICogNTBcIj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInZvLXJ0ci1saVwiPjxzcGFuIGNsYXNzPVwidm8tZ1wiPjx2by1pY29uIG5hbWU9XCJlZGl0XCIgc2l6ZT1cInhzXCI+PC92by1pY29uPjwvc3Bhbj48c3Bhbj57eyBlLmZpbGUgfX1AaWYgKGUuZGV0YWlsKSB7PHNwYW4gY2xhc3M9XCJ2by1kXCI+e3sgZS5kZXRhaWwgfX08L3NwYW4+fTwvc3Bhbj48L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInZvLXJ0ci1lZGl0XCI+XG4gICAgICAgICAgICAgICAgICAgICAgQGZvciAobCBvZiBlLnJlbW92ZWQ7IHRyYWNrICRpbmRleCkgezxkaXYgY2xhc3M9XCJ2by14XCI+e3sgbCB9fTwvZGl2Pn1cbiAgICAgICAgICAgICAgICAgICAgICBAZm9yIChsIG9mIGUuYWRkZWQ7IHRyYWNrICRpbmRleCkgezxkaXYgY2xhc3M9XCJ2by1hXCI+e3sgbCB9fTwvZGl2Pn1cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVVcmw6ICcuL3JlYXNvbmluZy10cmFpbC5jc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBSZWFzb25pbmdUcmFpbENvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQsIE9uQ2hhbmdlcywgT25EZXN0cm95IHtcbiAgLyoqIFNoaW1tZXJzIGFuZCBjb3VudHMgc2Vjb25kcyB3aGlsZSB0cnVlLiAqL1xuICBASW5wdXQoKSBydW5uaW5nID0gZmFsc2U7XG4gIC8qKiBTZWNvbmRzIHRvIHNob3cuIExlYXZlIGl0IG91dCB0byBsZXQgdGhlIHRyYWlsIGNvdW50IHdoaWxlIGl0IHJ1bnMuICovXG4gIEBJbnB1dCgpIHNlY29uZHM/OiBudW1iZXI7XG4gIC8qKiBIZWFkZXIgdGV4dC4gRGVmYXVsdHMgdG8gXCJSZWFzb25pbmdcIiB3aGlsZSBydW5uaW5nIGFuZCBcIlJlYXNvbmVkIGZvciBOc1wiIGFmdGVyLiAqL1xuICBASW5wdXQoKSB0aXRsZT86IHN0cmluZztcbiAgQElucHV0KCkgcGxhbj86IFBsYW5TdGVwW107XG4gIEBJbnB1dCgpIG5vdGVzPzogc3RyaW5nW107XG4gIEBJbnB1dCgpIHNvdXJjZXM/OiBTb3VyY2VbXTtcbiAgQElucHV0KCkgZWRpdHM/OiBFZGl0W107XG4gIC8qKiBXaGljaCBwYXJ0IG9mIHRoZSB0cmFpbCBpdCBzaG93cy4gTGVhdmUgaXQgb3V0IHRvIHN0YXJ0IG9uIHRoZSBmaXJzdCBvbmUgdGhlcmUgaXMuICovXG4gIEBJbnB1dCgpIHZpZXc/OiBSZWFzb25pbmdUcmFpbFZpZXc7XG4gIC8qKiBXaGV0aGVyIHRoZSB0cmFpbCBpcyBvcGVuLiBEZWZhdWx0cyB0byBvcGVuLiAqL1xuICBASW5wdXQoKSBvcGVuPzogYm9vbGVhbjtcbiAgLyoqIFNpdHMgZmxhdCBpbiBhIGNoYXQgdGhyZWFkICh0aGUgZGVmYXVsdCkuIFNldCBmYWxzZSB0byBnaXZlIGl0IGEgY2FyZC4gKi9cbiAgQElucHV0KCkgYmFyZSA9IHRydWU7XG5cbiAgQE91dHB1dCgpIHZpZXdDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPFJlYXNvbmluZ1RyYWlsVmlldz4oKTtcbiAgQE91dHB1dCgpIG9wZW5DaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG5cbiAgLyoqIEludGVybmFsIG9wZW4gc3RhdGUgd2hlbiBgb3BlbmAgaXMgbm90IGNvbnRyb2xsZWQuICovXG4gIHByaXZhdGUgaW5uZXJPcGVuID0gdHJ1ZTtcbiAgLyoqIEludGVybmFsIHZpZXcgd2hlbiBgdmlld2AgaXMgbm90IGNvbnRyb2xsZWQuICovXG4gIHByaXZhdGUgaW5uZXJWaWV3PzogUmVhc29uaW5nVHJhaWxWaWV3O1xuICAvKiogQ291bnRlZCBzZWNvbmRzIHdoaWxlIHJ1bm5pbmcgKHVzZWQgd2hlbiBgc2Vjb25kc2AgaXMgdW5kZWZpbmVkKS4gKi9cbiAgcHJpdmF0ZSBjb3VudGVkID0gMDtcbiAgcHJpdmF0ZSB0aWNrPzogUmV0dXJuVHlwZTx0eXBlb2Ygc2V0SW50ZXJ2YWw+O1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVhZG9ubHkgcmVkdWNlZDogUmVkdWNlZE1vdGlvblNlcnZpY2UpIHt9XG5cbiAgZ2V0IGlzT3BlbigpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5vcGVuID8/IHRoaXMuaW5uZXJPcGVuO1xuICB9XG5cbiAgcHJpdmF0ZSBnZXQgaGFzKCk6IFJlY29yZDxSZWFzb25pbmdUcmFpbFZpZXcsIGJvb2xlYW4+IHtcbiAgICByZXR1cm4ge1xuICAgICAgcGxhbjogISF0aGlzLnBsYW4/Lmxlbmd0aCxcbiAgICAgIG5vdGVzOiAhIXRoaXMubm90ZXM/Lmxlbmd0aCxcbiAgICAgIHNvdXJjZXM6ICEhdGhpcy5zb3VyY2VzPy5sZW5ndGgsXG4gICAgICBlZGl0czogISF0aGlzLmVkaXRzPy5sZW5ndGgsXG4gICAgfTtcbiAgfVxuXG4gIGdldCB0YWIoKTogUmVhc29uaW5nVHJhaWxWaWV3IHtcbiAgICBjb25zdCBwaWNrZWQgPSB0aGlzLnZpZXcgPz8gdGhpcy5pbm5lclZpZXcgPz8gVklFV1MuZmluZCgodikgPT4gdGhpcy5oYXNbdl0pID8/ICdwbGFuJztcbiAgICAvLyBhIHZpZXcgd2l0aCBub3RoaW5nIGluIGl0IGZhbGxzIGJhY2sgdG8gdGhlIGZpcnN0IG9uZSB0aGF0IGhhcyBzb21ldGhpbmdcbiAgICByZXR1cm4gdGhpcy5oYXNbcGlja2VkXSA/IHBpY2tlZCA6IFZJRVdTLmZpbmQoKHYpID0+IHRoaXMuaGFzW3ZdKSA/PyBwaWNrZWQ7XG4gIH1cblxuICBnZXQgc2VjcygpOiBudW1iZXIge1xuICAgIHJldHVybiB0aGlzLnNlY29uZHMgPz8gdGhpcy5jb3VudGVkO1xuICB9XG5cbiAgZ2V0IGhlYWQoKTogc3RyaW5nIHtcbiAgICBpZiAodGhpcy50aXRsZSkgcmV0dXJuIHRoaXMudGl0bGU7XG4gICAgcmV0dXJuIHRoaXMucnVubmluZyA/ICdSZWFzb25pbmcnIDogYFJlYXNvbmVkIGZvciAke01hdGgubWF4KHRoaXMuc2VjcywgMSl9c2A7XG4gIH1cblxuICBmdENsYXNzKGtpbmQ6IFNvdXJjZUtpbmQpOiBzdHJpbmcge1xuICAgIHJldHVybiBGVFtraW5kXSA/PyAnJztcbiAgfVxuXG4gIC8qKiBTZWxlY3QgYSB2aWV3LiBVcGRhdGVzIHRoZSBpbnRlcm5hbCBzdGF0ZSB3aGVuIGB2aWV3YCBpcyBub3QgY29udHJvbGxlZC4gKi9cbiAgc2VsZWN0KHY6IFJlYXNvbmluZ1RyYWlsVmlldyk6IHZvaWQge1xuICAgIHRoaXMuaW5uZXJWaWV3ID0gdjtcbiAgICB0aGlzLnZpZXdDaGFuZ2UuZW1pdCh2KTtcbiAgfVxuXG4gIHRvZ2dsZSgpOiB2b2lkIHtcbiAgICBjb25zdCBuZXh0ID0gIXRoaXMuaXNPcGVuO1xuICAgIHRoaXMuaW5uZXJPcGVuID0gbmV4dDtcbiAgICB0aGlzLm9wZW5DaGFuZ2UuZW1pdChuZXh0KTtcbiAgfVxuXG4gIC8vIEVudGVyIGFuZCBTcGFjZSBvcGVuIGFuZCBmb2xkIGl0IGFzIGEgY2xpY2sgZG9lc1xuICBvbkhlYWRLZXkoZTogS2V5Ym9hcmRFdmVudCk6IHZvaWQge1xuICAgIGlmICgoZS5rZXkgIT09ICdFbnRlcicgJiYgZS5rZXkgIT09ICcgJykgfHwgZS5hbHRLZXkgfHwgZS5jdHJsS2V5IHx8IGUubWV0YUtleSkgcmV0dXJuO1xuICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICBpZiAoIWUucmVwZWF0KSB0aGlzLnRvZ2dsZSgpO1xuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIHRoaXMuc3RhcnRDb3VudGVyKCk7XG4gIH1cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgaWYgKGNoYW5nZXNbJ3J1bm5pbmcnXSB8fCBjaGFuZ2VzWydzZWNvbmRzJ10pIHRoaXMuc3RhcnRDb3VudGVyKCk7XG4gIH1cblxuICBwcml2YXRlIHN0YXJ0Q291bnRlcigpOiB2b2lkIHtcbiAgICBjb25zdCBzaG91bGRDb3VudCA9IHRoaXMucnVubmluZyAmJiB0aGlzLnNlY29uZHMgPT09IHVuZGVmaW5lZCAmJiAhdGhpcy5yZWR1Y2VkLnJlZHVjZSgpO1xuICAgIGlmIChzaG91bGRDb3VudCAmJiAhdGhpcy50aWNrKSB7XG4gICAgICB0aGlzLnRpY2sgPSBzZXRJbnRlcnZhbCgoKSA9PiAodGhpcy5jb3VudGVkICs9IDEpLCAxMDAwKTtcbiAgICB9IGVsc2UgaWYgKCF0aGlzLnJ1bm5pbmcgJiYgdGhpcy50aWNrKSB7XG4gICAgICBjbGVhckludGVydmFsKHRoaXMudGljayk7XG4gICAgICB0aGlzLnRpY2sgPSB1bmRlZmluZWQ7XG4gICAgfVxuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgaWYgKHRoaXMudGljaykgY2xlYXJJbnRlcnZhbCh0aGlzLnRpY2spO1xuICB9XG59XG4iXX0=