@visuno/angular 0.0.0-stage → 0.1.0

package/esm2022/thinking/thinking.component.mjs

@@ -0,0 +1,276 @@
+// framework/angular/thinking/thinking.component.ts
+//
+// Native Angular port of framework/react/thinking/Thinking.tsx.
+// The live trace an agent writes as it works: each step on a line that turns
+// green as it finishes, with what the step found written under it a word at a
+// time, and a header that becomes a summary and folds the trace away.
+// Inputs mirror the React props; the fold, the settle-on-change and the
+// collapse-when-done timer are ported from the React/vanilla source.
+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";
+/** The live trace of what the agent is doing, folded away once it is done. */
+export class ThinkingComponent {
+    constructor(reduced) {
+        this.reduced = reduced;
+        /** The steps the agent has taken so far. */
+        this.steps = [];
+        /** Spins, counts seconds and keeps the trace open while true. */
+        this.running = false;
+        /** The header while it runs, like "Checking the pricing page". */
+        this.title = 'Working on it';
+        /** Folds the trace away a moment after it finishes. */
+        this.collapseWhenDone = true;
+        /** The open state the trace starts in when uncontrolled. */
+        this.defaultOpen = true;
+        /** Emitted when the header toggles the trace. */
+        this.openChange = new EventEmitter();
+        this.isOpen = true;
+        this.counted = 0;
+        this.viewReady = false;
+    }
+    get done() {
+        return !this.running && this.steps.length > 0;
+    }
+    get secs() {
+        return this.seconds ?? this.counted;
+    }
+    get headerText() {
+        if (this.done) {
+            return this.summary ?? `${this.steps.length} ${this.steps.length === 1 ? 'step' : 'steps'}`;
+        }
+        return this.title;
+    }
+    ngAfterViewInit() {
+        this.viewReady = true;
+        this.isOpen = this.open ?? this.defaultOpen;
+        this.startSeconds();
+        this.scheduleCollapse();
+    }
+    ngOnChanges(changes) {
+        if (changes['open'] && this.open !== undefined) {
+            this.isOpen = this.open;
+        }
+        if (!this.viewReady) {
+            this.isOpen = this.open ?? this.defaultOpen;
+            return;
+        }
+        if (changes['running'] || changes['seconds']) {
+            this.startSeconds();
+        }
+        if (changes['running'] || changes['collapseWhenDone'] || changes['steps']) {
+            this.scheduleCollapse();
+        }
+    }
+    stepClass(s) {
+        return s.state === 'running' ? 'vo-run' : 'vo-' + s.state;
+    }
+    // the result is written a word at a time, each a little after the last
+    words(text) {
+        const parts = text.split(' ');
+        return parts.map((w, i) => ({
+            text: i < parts.length - 1 ? w + ' ' : w,
+            delay: i * 45,
+        }));
+    }
+    toggle() {
+        if (this.open !== undefined) {
+            this.openChange.emit(!this.isOpen);
+            return;
+        }
+        this.isOpen = !this.isOpen;
+        this.openChange.emit(this.isOpen);
+    }
+    // the seconds count while it runs, unless a fixed value is given
+    startSeconds() {
+        clearInterval(this.secondTimer);
+        this.secondTimer = undefined;
+        if (this.seconds !== undefined || !this.running) {
+            return;
+        }
+        this.counted = 0;
+        this.secondTimer = setInterval(() => {
+            this.counted++;
+        }, 1000);
+    }
+    // once it finishes, the trace waits a beat and folds itself away
+    scheduleCollapse() {
+        clearTimeout(this.collapseTimer);
+        this.collapseTimer = undefined;
+        if (this.running || !this.collapseWhenDone || !this.steps.length) {
+            return;
+        }
+        if (this.open !== undefined) {
+            return;
+        }
+        const delay = this.reduced.reduce() ? 0 : 2500;
+        this.collapseTimer = setTimeout(() => {
+            this.isOpen = false;
+            this.openChange.emit(false);
+        }, delay);
+    }
+    ngOnDestroy() {
+        clearInterval(this.secondTimer);
+        clearTimeout(this.collapseTimer);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ThinkingComponent, deps: [{ token: i1.ReducedMotionService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ThinkingComponent, isStandalone: true, selector: "vo-thinking", inputs: { steps: "steps", running: "running", seconds: "seconds", title: "title", summary: "summary", collapseWhenDone: "collapseWhenDone", open: "open", defaultOpen: "defaultOpen" }, outputs: { openChange: "openChange" }, usesOnChanges: true, ngImport: i0, template: `
+    <div data-vo="" class="vo-tk" [attr.data-open]="isOpen ? '1' : '0'">
+      <button
+        type="button"
+        class="vo-tk-h"
+        [class.vo-tk-fin]="done"
+        [attr.aria-expanded]="isOpen"
+        (click)="toggle()"
+      >
+        <span class="vo-tk-mark">
+          @if (done) {
+            <span class="vo-enter" style="display:grid"><vo-icon name="ok"></vo-icon></span>
+          } @else {
+            <span class="vo-think" [class.vo-on]="running" aria-hidden="true"><i></i><i></i><i></i><i></i></span>
+          }
+        </span>
+        <span class="vo-tk-title" [class.vo-shim]="running">{{ headerText }}</span>
+        <span class="vo-tk-time vo-num">{{ secs }}s</span>
+        <vo-icon name="chev-d" size="xs" class="vo-tk-chev"></vo-icon>
+      </button>
+      <div class="vo-fold vo-tk-fold" [class.vo-shut]="!isOpen">
+        <div>
+          <ol class="vo-tk-list" aria-live="polite">
+            @for (s of steps; track $index) {
+              <li class="vo-tk-st vo-enter" [class]="stepClass(s)">
+                <span class="vo-mk">
+                  @if (s.state === 'running') {
+                    <span class="vo-spin" aria-hidden="true"></span>
+                  } @else {
+                    <span class="vo-enter" style="display:grid">
+                      <vo-icon [name]="s.state === 'retry' ? 'clock' : 'check'" size="xs"></vo-icon>
+                    </span>
+                  }
+                </span>
+                <div class="vo-tx">
+                  <span class="vo-tk-ln">
+                    <span class="vo-lab" [class.vo-shim]="s.state === 'running'">{{ s.label }}</span>
+                    @if (s.state === 'done' && s.time) {
+                      <span class="vo-tk-dur vo-num vo-enter">{{ s.time }}</span>
+                    }
+                  </span>
+                  <span class="vo-res" [class.vo-on]="!!s.result">
+                    @if (s.state === 'done' && s.result) {
+                      <span>
+                        @if (s.resultTip) {
+                          <span tabindex="0" data-tip="" [attr.title]="s.resultTip">
+                            @for (w of words(s.result); track $index) {
+                              <span class="vo-w" [style.animationDelay.ms]="w.delay">{{ w.text }}</span>
+                            }
+                          </span>
+                        } @else {
+                          @for (w of words(s.result); track $index) {
+                            <span class="vo-w" [style.animationDelay.ms]="w.delay">{{ w.text }}</span>
+                          }
+                        }
+                      </span>
+                    } @else if (s.result) {
+                      <span class="vo-sw">{{ s.result }}</span>
+                    }
+                  </span>
+                </div>
+              </li>
+            }
+          </ol>
+        </div>
+      </div>
+    </div>
+  `, isInline: true, styles: [".vo-tk{font-size:14px;width:100%;max-width:420px;margin-inline:auto;overflow-anchor:none}.vo-tk-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)}@media (hover:hover) and (pointer:fine){.vo-tk-h:hover{background:var(--vo-row)}}.vo-tk-mark{width:18px;height:18px;flex:none;display:grid;place-items:center;color:var(--vo-accent-mark,var(--vo-accent));transition:color .3s}.vo-tk-h.vo-tk-fin .vo-tk-mark{color:var(--vo-ok)}.vo-tk-h.vo-tk-fin .vo-tk-mark .vo-i{animation:vo-tkpop .5s var(--vo-ease) backwards}.vo-tk-title{flex:1;min-width:0;color:var(--vo-fg)}.vo-tk-time{color:var(--vo-muted);font-size:13px}.vo-tk-chev{color:var(--vo-muted);transition:transform .32s var(--vo-ease)}.vo-tk[data-open=\"0\"] .vo-tk-chev{transform:rotate(-90deg)}.vo-tk-list{list-style:none;margin:0;padding:6px 0 0;display:flex;flex-direction:column}.vo-tk-st{position:relative;display:flex;gap:10px;padding:6px 0}.vo-tk-st:not(:last-child):before,.vo-tk-st.vo-done:not(:last-child):after{content:\"\";position:absolute;left:8.25px;top:29px;bottom:-5px;width:1.5px;border-radius:1px;background:var(--vo-line)}.vo-tk-st.vo-done:not(:last-child):after{background:color-mix(in srgb,var(--vo-ok) 55%,var(--vo-line));transform-origin:top;animation:vo-tkgrow .6s var(--vo-ease) backwards}@keyframes vo-tkgrow{0%{transform:scaleY(0)}}.vo-tk-st .vo-mk{position:relative;width:18px;height:18px;flex:none;margin-top:1px;display:grid;place-items:center;border-radius:50%;color:var(--vo-muted);transition:background .32s,color .32s}.vo-tk-st .vo-mk .vo-spin{width:10px;height:10px}.vo-tk-st.vo-run .vo-mk{color:var(--vo-accent-mark,var(--vo-accent));background:var(--vo-accent-bg);animation:vo-tkhalo 1.8s var(--vo-ease-io) infinite}.vo-tk-st.vo-done .vo-mk{background:var(--vo-ok-bg);color:var(--vo-ok)}.vo-tk-st.vo-done .vo-mk .vo-i{animation:vo-tkpop .45s var(--vo-ease) backwards}.vo-tk-st.vo-retry .vo-mk{background:var(--vo-warn-bg);color:var(--vo-warn);animation:vo-tkhalow 1.8s var(--vo-ease-io) infinite}@keyframes vo-tkhalo{0%,to{box-shadow:0 0 color-mix(in srgb,var(--vo-fg) 0%,transparent)}50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--vo-fg) 6%,transparent)}}@keyframes vo-tkhalow{0%,to{box-shadow:0 0 color-mix(in srgb,var(--vo-fg) 0%,transparent)}50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--vo-fg) 6%,transparent)}}@keyframes vo-tkpop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:none}}.vo-tk-st .vo-tx{flex:1;min-width:0;display:flex;flex-direction:column}.vo-tk-st .vo-tk-ln{display:flex;align-items:baseline;gap:var(--vo-s-2)}.vo-tk-st .vo-lab{flex:1;min-width:0;color:var(--vo-fg);transition:color .32s}.vo-tk-st.vo-done .vo-lab{color:var(--vo-fg2)}.vo-tk-st .vo-tk-dur{flex:none;font-size:12px;color:var(--vo-muted)}.vo-tk-st .vo-res{display:grid;grid-template-rows:0fr;font-size:13px;color:var(--vo-muted);transition:grid-template-rows .32s var(--vo-ease),color .32s}.vo-tk-st .vo-res.vo-on{grid-template-rows:1fr}.vo-tk-st .vo-res>span{overflow:hidden;min-height:0}.vo-tk-st .vo-res .vo-w{display:inline-block;white-space:pre;animation:vo-tkword .42s var(--vo-ease) backwards}@keyframes vo-tkword{0%{opacity:0;transform:translateY(3px);filter:blur(2px)}}.vo-tk-st.vo-retry .vo-res{color:var(--vo-warn)}.vo-tk-st .vo-res [data-tip]{text-decoration:underline dotted var(--vo-faint);text-underline-offset:3px;cursor:default}:root:not([data-style=soft]) .vo-tk-st.vo-run .vo-mk:not(:where([data-style=soft],[data-style=soft] *)),:root:not([data-style=soft]) .vo-tk-st.vo-retry .vo-mk:not(:where([data-style=soft],[data-style=soft] *)){animation:none}:root:not([data-style=soft]) .vo-tk-st.vo-run .vo-mk:not(:where([data-style=soft],[data-style=soft] *)){box-shadow:inset 0 0 0 1px var(--vo-accent-mark)}:root:not([data-style=soft]) .vo-tk-st.vo-done:not(:last-child):not(:where([data-style=soft],[data-style=soft] *)):after{background:var(--vo-ok);width:1px;left:8.5px}:root:not([data-style=soft]) .vo-tk-st:not(:last-child):not(:where([data-style=soft],[data-style=soft] *)):before{width:1px;left:8.5px;background:repeating-linear-gradient(var(--vo-rail) 0 3px,transparent 3px 6px)}:root:not([data-style=soft]) .vo-tk-st.vo-done .vo-mk .vo-i:not(:where([data-style=soft],[data-style=soft] *)),:root:not([data-style=soft]) .vo-tk-h.vo-tk-fin .vo-tk-mark .vo-i:not(:where([data-style=soft],[data-style=soft] *)){animation:none}:root:not([data-style=soft]) .vo-tk-st .vo-res .vo-w:not(:where([data-style=soft],[data-style=soft] *)){animation:vo-bpin .3s var(--vo-ease) backwards}.vo-num{font-variant-numeric:tabular-nums}.vo-spin{width:12px;height:12px;border-radius:50%;border:1.5px solid currentColor;border-right-color:transparent;animation:vo-rot .8s linear infinite;flex:none;display:inline-block}@keyframes vo-rot{to{transform:rotate(360deg)}}.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-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)}}@keyframes vo-bpin{0%{opacity:0}to{opacity:1}}.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)}@media (prefers-reduced-motion:reduce){.vo-shim{color:var(--vo-fg);background:none}.vo-tk .vo-think.vo-on,.vo-tk .vo-think.vo-on i,.vo-tk .vo-spin,.vo-tk-st.vo-run .vo-mk,.vo-tk-st.vo-retry .vo-mk{animation-duration:.01ms!important;animation-iteration-count:1!important}}\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: ThinkingComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vo-thinking', standalone: true, encapsulation: ViewEncapsulation.None, imports: [VoIconComponent], template: `
+    <div data-vo="" class="vo-tk" [attr.data-open]="isOpen ? '1' : '0'">
+      <button
+        type="button"
+        class="vo-tk-h"
+        [class.vo-tk-fin]="done"
+        [attr.aria-expanded]="isOpen"
+        (click)="toggle()"
+      >
+        <span class="vo-tk-mark">
+          @if (done) {
+            <span class="vo-enter" style="display:grid"><vo-icon name="ok"></vo-icon></span>
+          } @else {
+            <span class="vo-think" [class.vo-on]="running" aria-hidden="true"><i></i><i></i><i></i><i></i></span>
+          }
+        </span>
+        <span class="vo-tk-title" [class.vo-shim]="running">{{ headerText }}</span>
+        <span class="vo-tk-time vo-num">{{ secs }}s</span>
+        <vo-icon name="chev-d" size="xs" class="vo-tk-chev"></vo-icon>
+      </button>
+      <div class="vo-fold vo-tk-fold" [class.vo-shut]="!isOpen">
+        <div>
+          <ol class="vo-tk-list" aria-live="polite">
+            @for (s of steps; track $index) {
+              <li class="vo-tk-st vo-enter" [class]="stepClass(s)">
+                <span class="vo-mk">
+                  @if (s.state === 'running') {
+                    <span class="vo-spin" aria-hidden="true"></span>
+                  } @else {
+                    <span class="vo-enter" style="display:grid">
+                      <vo-icon [name]="s.state === 'retry' ? 'clock' : 'check'" size="xs"></vo-icon>
+                    </span>
+                  }
+                </span>
+                <div class="vo-tx">
+                  <span class="vo-tk-ln">
+                    <span class="vo-lab" [class.vo-shim]="s.state === 'running'">{{ s.label }}</span>
+                    @if (s.state === 'done' && s.time) {
+                      <span class="vo-tk-dur vo-num vo-enter">{{ s.time }}</span>
+                    }
+                  </span>
+                  <span class="vo-res" [class.vo-on]="!!s.result">
+                    @if (s.state === 'done' && s.result) {
+                      <span>
+                        @if (s.resultTip) {
+                          <span tabindex="0" data-tip="" [attr.title]="s.resultTip">
+                            @for (w of words(s.result); track $index) {
+                              <span class="vo-w" [style.animationDelay.ms]="w.delay">{{ w.text }}</span>
+                            }
+                          </span>
+                        } @else {
+                          @for (w of words(s.result); track $index) {
+                            <span class="vo-w" [style.animationDelay.ms]="w.delay">{{ w.text }}</span>
+                          }
+                        }
+                      </span>
+                    } @else if (s.result) {
+                      <span class="vo-sw">{{ s.result }}</span>
+                    }
+                  </span>
+                </div>
+              </li>
+            }
+          </ol>
+        </div>
+      </div>
+    </div>
+  `, styles: [".vo-tk{font-size:14px;width:100%;max-width:420px;margin-inline:auto;overflow-anchor:none}.vo-tk-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)}@media (hover:hover) and (pointer:fine){.vo-tk-h:hover{background:var(--vo-row)}}.vo-tk-mark{width:18px;height:18px;flex:none;display:grid;place-items:center;color:var(--vo-accent-mark,var(--vo-accent));transition:color .3s}.vo-tk-h.vo-tk-fin .vo-tk-mark{color:var(--vo-ok)}.vo-tk-h.vo-tk-fin .vo-tk-mark .vo-i{animation:vo-tkpop .5s var(--vo-ease) backwards}.vo-tk-title{flex:1;min-width:0;color:var(--vo-fg)}.vo-tk-time{color:var(--vo-muted);font-size:13px}.vo-tk-chev{color:var(--vo-muted);transition:transform .32s var(--vo-ease)}.vo-tk[data-open=\"0\"] .vo-tk-chev{transform:rotate(-90deg)}.vo-tk-list{list-style:none;margin:0;padding:6px 0 0;display:flex;flex-direction:column}.vo-tk-st{position:relative;display:flex;gap:10px;padding:6px 0}.vo-tk-st:not(:last-child):before,.vo-tk-st.vo-done:not(:last-child):after{content:\"\";position:absolute;left:8.25px;top:29px;bottom:-5px;width:1.5px;border-radius:1px;background:var(--vo-line)}.vo-tk-st.vo-done:not(:last-child):after{background:color-mix(in srgb,var(--vo-ok) 55%,var(--vo-line));transform-origin:top;animation:vo-tkgrow .6s var(--vo-ease) backwards}@keyframes vo-tkgrow{0%{transform:scaleY(0)}}.vo-tk-st .vo-mk{position:relative;width:18px;height:18px;flex:none;margin-top:1px;display:grid;place-items:center;border-radius:50%;color:var(--vo-muted);transition:background .32s,color .32s}.vo-tk-st .vo-mk .vo-spin{width:10px;height:10px}.vo-tk-st.vo-run .vo-mk{color:var(--vo-accent-mark,var(--vo-accent));background:var(--vo-accent-bg);animation:vo-tkhalo 1.8s var(--vo-ease-io) infinite}.vo-tk-st.vo-done .vo-mk{background:var(--vo-ok-bg);color:var(--vo-ok)}.vo-tk-st.vo-done .vo-mk .vo-i{animation:vo-tkpop .45s var(--vo-ease) backwards}.vo-tk-st.vo-retry .vo-mk{background:var(--vo-warn-bg);color:var(--vo-warn);animation:vo-tkhalow 1.8s var(--vo-ease-io) infinite}@keyframes vo-tkhalo{0%,to{box-shadow:0 0 color-mix(in srgb,var(--vo-fg) 0%,transparent)}50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--vo-fg) 6%,transparent)}}@keyframes vo-tkhalow{0%,to{box-shadow:0 0 color-mix(in srgb,var(--vo-fg) 0%,transparent)}50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--vo-fg) 6%,transparent)}}@keyframes vo-tkpop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:none}}.vo-tk-st .vo-tx{flex:1;min-width:0;display:flex;flex-direction:column}.vo-tk-st .vo-tk-ln{display:flex;align-items:baseline;gap:var(--vo-s-2)}.vo-tk-st .vo-lab{flex:1;min-width:0;color:var(--vo-fg);transition:color .32s}.vo-tk-st.vo-done .vo-lab{color:var(--vo-fg2)}.vo-tk-st .vo-tk-dur{flex:none;font-size:12px;color:var(--vo-muted)}.vo-tk-st .vo-res{display:grid;grid-template-rows:0fr;font-size:13px;color:var(--vo-muted);transition:grid-template-rows .32s var(--vo-ease),color .32s}.vo-tk-st .vo-res.vo-on{grid-template-rows:1fr}.vo-tk-st .vo-res>span{overflow:hidden;min-height:0}.vo-tk-st .vo-res .vo-w{display:inline-block;white-space:pre;animation:vo-tkword .42s var(--vo-ease) backwards}@keyframes vo-tkword{0%{opacity:0;transform:translateY(3px);filter:blur(2px)}}.vo-tk-st.vo-retry .vo-res{color:var(--vo-warn)}.vo-tk-st .vo-res [data-tip]{text-decoration:underline dotted var(--vo-faint);text-underline-offset:3px;cursor:default}:root:not([data-style=soft]) .vo-tk-st.vo-run .vo-mk:not(:where([data-style=soft],[data-style=soft] *)),:root:not([data-style=soft]) .vo-tk-st.vo-retry .vo-mk:not(:where([data-style=soft],[data-style=soft] *)){animation:none}:root:not([data-style=soft]) .vo-tk-st.vo-run .vo-mk:not(:where([data-style=soft],[data-style=soft] *)){box-shadow:inset 0 0 0 1px var(--vo-accent-mark)}:root:not([data-style=soft]) .vo-tk-st.vo-done:not(:last-child):not(:where([data-style=soft],[data-style=soft] *)):after{background:var(--vo-ok);width:1px;left:8.5px}:root:not([data-style=soft]) .vo-tk-st:not(:last-child):not(:where([data-style=soft],[data-style=soft] *)):before{width:1px;left:8.5px;background:repeating-linear-gradient(var(--vo-rail) 0 3px,transparent 3px 6px)}:root:not([data-style=soft]) .vo-tk-st.vo-done .vo-mk .vo-i:not(:where([data-style=soft],[data-style=soft] *)),:root:not([data-style=soft]) .vo-tk-h.vo-tk-fin .vo-tk-mark .vo-i:not(:where([data-style=soft],[data-style=soft] *)){animation:none}:root:not([data-style=soft]) .vo-tk-st .vo-res .vo-w:not(:where([data-style=soft],[data-style=soft] *)){animation:vo-bpin .3s var(--vo-ease) backwards}.vo-num{font-variant-numeric:tabular-nums}.vo-spin{width:12px;height:12px;border-radius:50%;border:1.5px solid currentColor;border-right-color:transparent;animation:vo-rot .8s linear infinite;flex:none;display:inline-block}@keyframes vo-rot{to{transform:rotate(360deg)}}.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-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)}}@keyframes vo-bpin{0%{opacity:0}to{opacity:1}}.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)}@media (prefers-reduced-motion:reduce){.vo-shim{color:var(--vo-fg);background:none}.vo-tk .vo-think.vo-on,.vo-tk .vo-think.vo-on i,.vo-tk .vo-spin,.vo-tk-st.vo-run .vo-mk,.vo-tk-st.vo-retry .vo-mk{animation-duration:.01ms!important;animation-iteration-count:1!important}}\n"] }]
+        }], ctorParameters: () => [{ type: i1.ReducedMotionService }], propDecorators: { steps: [{
+                type: Input
+            }], running: [{
+                type: Input
+            }], seconds: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], summary: [{
+                type: Input
+            }], collapseWhenDone: [{
+                type: Input
+            }], open: [{
+                type: Input
+            }], defaultOpen: [{
+                type: Input
+            }], openChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhpbmtpbmcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vdGhpbmtpbmcvdGhpbmtpbmcuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLG1EQUFtRDtBQUNuRCxFQUFFO0FBQ0YsZ0VBQWdFO0FBQ2hFLDZFQUE2RTtBQUM3RSw4RUFBOEU7QUFDOUUsc0VBQXNFO0FBQ3RFLHdFQUF3RTtBQUN4RSxxRUFBcUU7QUFFckUsT0FBTyxFQUVMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUdMLE1BQU0sRUFFTixpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7QUF1QnpELDhFQUE4RTtBQTRFOUUsTUFBTSxPQUFPLGlCQUFpQjtJQTJCNUIsWUFBNkIsT0FBNkI7UUFBN0IsWUFBTyxHQUFQLE9BQU8sQ0FBc0I7UUExQjFELDRDQUE0QztRQUNuQyxVQUFLLEdBQW1CLEVBQUUsQ0FBQztRQUNwQyxpRUFBaUU7UUFDeEQsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUd6QixrRUFBa0U7UUFDekQsVUFBSyxHQUFHLGVBQWUsQ0FBQztRQUdqQyx1REFBdUQ7UUFDOUMscUJBQWdCLEdBQUcsSUFBSSxDQUFDO1FBR2pDLDREQUE0RDtRQUNuRCxnQkFBVyxHQUFHLElBQUksQ0FBQztRQUU1QixpREFBaUQ7UUFDdkMsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7UUFFbkQsV0FBTSxHQUFHLElBQUksQ0FBQztRQUNOLFlBQU8sR0FBRyxDQUFDLENBQUM7UUFHWixjQUFTLEdBQUcsS0FBSyxDQUFDO0lBRW1DLENBQUM7SUFFOUQsSUFBSSxJQUFJO1FBQ04sT0FBTyxDQUFDLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDO0lBQ2hELENBQUM7SUFFRCxJQUFJLElB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UUFDaEMsWUFBWSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUNuQyxDQUFDOytHQTFIVSxpQkFBaUI7bUdBQWpCLGlCQUFpQiwyVEF0RWxCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBbUVULHVwT0FwRVMsZUFBZTs7NEZBdUVkLGlCQUFpQjtrQkEzRTdCLFNBQVM7K0JBQ0UsYUFBYSxjQUNYLElBQUksaUJBQ0QsaUJBQWlCLENBQUMsSUFBSSxXQUM1QixDQUFDLGVBQWUsQ0FBQyxZQUNoQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1FVDt5RkFLUSxLQUFLO3NCQUFiLEtBQUs7Z0JBRUcsT0FBTztzQkFBZixLQUFLO2dCQUVHLE9BQU87c0JBQWYsS0FBSztnQkFFRyxLQUFLO3NCQUFiLEtBQUs7Z0JBRUcsT0FBTztzQkFBZixLQUFLO2dCQUVHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFFRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRUcsV0FBVztzQkFBbkIsS0FBSztnQkFHSSxVQUFVO3NCQUFuQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiLy8gZnJhbWV3b3JrL2FuZ3VsYXIvdGhpbmtpbmcvdGhpbmtpbmcuY29tcG9uZW50LnRzXG4vL1xuLy8gTmF0aXZlIEFuZ3VsYXIgcG9ydCBvZiBmcmFtZXdvcmsvcmVhY3QvdGhpbmtpbmcvVGhpbmtpbmcudHN4LlxuLy8gVGhlIGxpdmUgdHJhY2UgYW4gYWdlbnQgd3JpdGVzIGFzIGl0IHdvcmtzOiBlYWNoIHN0ZXAgb24gYSBsaW5lIHRoYXQgdHVybnNcbi8vIGdyZWVuIGFzIGl0IGZpbmlzaGVzLCB3aXRoIHdoYXQgdGhlIHN0ZXAgZm91bmQgd3JpdHRlbiB1bmRlciBpdCBhIHdvcmQgYXQgYVxuLy8gdGltZSwgYW5kIGEgaGVhZGVyIHRoYXQgYmVjb21lcyBhIHN1bW1hcnkgYW5kIGZvbGRzIHRoZSB0cmFjZSBhd2F5LlxuLy8gSW5wdXRzIG1pcnJvciB0aGUgUmVhY3QgcHJvcHM7IHRoZSBmb2xkLCB0aGUgc2V0dGxlLW9uLWNoYW5nZSBhbmQgdGhlXG4vLyBjb2xsYXBzZS13aGVuLWRvbmUgdGltZXIgYXJlIHBvcnRlZCBmcm9tIHRoZSBSZWFjdC92YW5pbGxhIHNvdXJjZS5cblxuaW1wb3J0IHtcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPbkNoYW5nZXMsXG4gIE9uRGVzdHJveSxcbiAgT3V0cHV0LFxuICBTaW1wbGVDaGFuZ2VzLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBWb0ljb25Db21wb25lbnQgfSBmcm9tICcuLi9jb3JlL2ljb24uY29tcG9uZW50JztcbmltcG9ydCB7IFJlZHVjZWRNb3Rpb25TZXJ2aWNlIH0gZnJvbSAnLi4vY29yZS9yZWR1Y2VkLW1vdGlvbi5zZXJ2aWNlJztcblxuLyoqIE9uZSBzdGVwIGluIHRoZSB0cmFjZTogd2hhdCB0aGUgYWdlbnQgZG9lcywgYW5kIHdoYXQgaXQgZm91bmQuICovXG5leHBvcnQgaW50ZXJmYWNlIFRoaW5raW5nU3RlcCB7XG4gIC8qKiBXaGF0IHRoZSBhZ2VudCBkb2VzLCBsaWtlIFwiTWVhc3VyZSB0aGUgcGxhbiBjYXJkc1wiLiAqL1xuICBsYWJlbDogc3RyaW5nO1xuICAvKiogcnVubmluZyBzcGlucyBhbmQgc2hpbW1lcnMsIHJldHJ5IHdhaXRzIG91dCBhIHByb2JsZW0gaW4gYW1iZXIsIGRvbmUgdHVybnMgaW50byBhIGNoZWNrLiAqL1xuICBzdGF0ZTogJ3J1bm5pbmcnIHwgJ3JldHJ5JyB8ICdkb25lJztcbiAgLyoqIFdoYXQgdGhlIHN0ZXAgZm91bmQsIG9yIHdoYXQgaXQgd2FpdHMgb24sIHVuZGVyIGl0LiBPcGVucyBhbmQgY3Jvc3NmYWRlcyB3aGVuIGl0IGNoYW5nZXMuICovXG4gIHJlc3VsdD86IHN0cmluZztcbiAgLyoqIE1vcmUgZGV0YWlsIHNob3duIG9uIGhvdmVyIG9mIHRoZSByZXN1bHQsIGxpa2UgdGhlIG1lYXN1cmVkIHZhbHVlcy4gKi9cbiAgcmVzdWx0VGlwPzogc3RyaW5nO1xuICAvKiogSG93IGxvbmcgdGhlIHN0ZXAgdG9vaywgbGlrZSBcIjEuM3NcIiwgc2hvd24gYXQgaXRzIHJpZ2h0IG9uY2UgaXQgaXMgZG9uZS4gKi9cbiAgdGltZT86IHN0cmluZztcbn1cblxuLyoqIE9uZSB3b3JkIG9mIGEgZmluaXNoZWQgcmVzdWx0LCBjYXJyeWluZyBpdHMgb3duIGVudHJhbmNlIGRlbGF5LiAqL1xuaW50ZXJmYWNlIFJlc3VsdFdvcmQge1xuICB0ZXh0OiBzdHJpbmc7XG4gIGRlbGF5OiBudW1iZXI7XG59XG5cbi8qKiBUaGUgbGl2ZSB0cmFjZSBvZiB3aGF0IHRoZSBhZ2VudCBpcyBkb2luZywgZm9sZGVkIGF3YXkgb25jZSBpdCBpcyBkb25lLiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndm8tdGhpbmtpbmcnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBpbXBvcnRzOiBbVm9JY29uQ29tcG9uZW50XSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGRhdGEtdm89XCJcIiBjbGFzcz1cInZvLXRrXCIgW2F0dHIuZGF0YS1vcGVuXT1cImlzT3BlbiA/ICcxJyA6ICcwJ1wiPlxuICAgICAgPGJ1dHRvblxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgY2xhc3M9XCJ2by10ay1oXCJcbiAgICAgICAgW2NsYXNzLnZvLXRrLWZpbl09XCJkb25lXCJcbiAgICAgICAgW2F0dHIuYXJpYS1leHBhbmRlZF09XCJpc09wZW5cIlxuICAgICAgICAoY2xpY2spPVwidG9nZ2xlKClcIlxuICAgICAgPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInZvLXRrLW1hcmtcIj5cbiAgICAgICAgICBAaWYgKGRvbmUpIHtcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidm8tZW50ZXJcIiBzdHlsZT1cImRpc3BsYXk6Z3JpZFwiPjx2by1pY29uIG5hbWU9XCJva1wiPjwvdm8taWNvbj48L3NwYW4+XG4gICAgICAgICAgfSBAZWxzZSB7XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInZvLXRoaW5rXCIgW2NsYXNzLnZvLW9uXT1cInJ1bm5pbmdcIiBhcmlhLWhpZGRlbj1cInRydWVcIj48aT48L2k+PGk+PC9pPjxpPjwvaT48aT48L2k+PC9zcGFuPlxuICAgICAgICAgIH1cbiAgICAgICAgPC9zcGFuPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInZvLXRrLXRpdGxlXCIgW2NsYXNzLnZvLXNoaW1dPVwicnVubmluZ1wiPnt7IGhlYWRlclRleHQgfX08L3NwYW4+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwidm8tdGstdGltZSB2by1udW1cIj57eyBzZWNzIH19czwvc3Bhbj5cbiAgICAgICAgPHZvLWljb24gbmFtZT1cImNoZXYtZFwiIHNpemU9XCJ4c1wiIGNsYXNzPVwidm8tdGstY2hldlwiPjwvdm8taWNvbj5cbiAgICAgIDwvYnV0dG9uPlxuICAgICAgPGRpdiBjbGFzcz1cInZvLWZvbGQgdm8tdGstZm9sZFwiIFtjbGFzcy52by1zaHV0XT1cIiFpc09wZW5cIj5cbiAgICAgICAgPGRpdj5cbiAgICAgICAgICA8b2wgY2xhc3M9XCJ2by10ay1saXN0XCIgYXJpYS1saXZlPVwicG9saXRlXCI+XG4gICAgICAgICAgICBAZm9yIChzIG9mIHN0ZXBzOyB0cmFjayAkaW5kZXgpIHtcbiAgICAgICAgICAgICAgPGxpIGNsYXNzPVwidm8tdGstc3Qgdm8tZW50ZXJcIiBbY2xhc3NdPVwic3RlcENsYXNzKHMpXCI+XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2by1ta1wiPlxuICAgICAgICAgICAgICAgICAgQGlmIChzLnN0YXRlID09PSAncnVubmluZycpIHtcbiAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2by1zcGluXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgfSBAZWxzZSB7XG4gICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidm8tZW50ZXJcIiBzdHlsZT1cImRpc3BsYXk6Z3JpZFwiPlxuICAgICAgICAgICAgICAgICAgICAgIDx2by1pY29uIFtuYW1lXT1cInMuc3RhdGUgPT09ICdyZXRyeScgPyAnY2xvY2snIDogJ2NoZWNrJ1wiIHNpemU9XCJ4c1wiPjwvdm8taWNvbj5cbiAgICAgICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidm8tdHhcIj5cbiAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidm8tdGstbG5cIj5cbiAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2by1sYWJcIiBbY2xhc3Mudm8tc2hpbV09XCJzLnN0YXRlID09PSAncnVubmluZydcIj57eyBzLmxhYmVsIH19PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICBAaWYgKHMuc3RhdGUgPT09ICdkb25lJyAmJiBzLnRpbWUpIHtcbiAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInZvLXRrLWR1ciB2by1udW0gdm8tZW50ZXJcIj57eyBzLnRpbWUgfX08L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidm8tcmVzXCIgW2NsYXNzLnZvLW9uXT1cIiEhcy5yZXN1bHRcIj5cbiAgICAgICAgICAgICAgICAgICAgQGlmIChzLnN0YXRlID09PSAnZG9uZScgJiYgcy5yZXN1bHQpIHtcbiAgICAgICAgICAgICAgICAgICAgICA8c3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIEBpZiAocy5yZXN1bHRUaXApIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gdGFiaW5kZXg9XCIwXCIgZGF0YS10aXA9XCJcIiBbYXR0ci50aXRsZV09XCJzLnJlc3VsdFRpcFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIEBmb3IgKHcgb2Ygd29yZHMocy5yZXN1bHQpOyB0cmFjayAkaW5kZXgpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidm8td1wiIFtzdHlsZS5hbmltYXRpb25EZWxheS5tc109XCJ3LmRlbGF5XCI+e3sgdy50ZXh0IH19PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICAgICAgfSBAZWxzZSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgIEBmb3IgKHcgb2Ygd29yZHMocy5yZXN1bHQpOyB0cmFjayAkaW5kZXgpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInZvLXdcIiBbc3R5bGUuYW5pbWF0aW9uRGVsYXkubXNdPVwidy5kZWxheVwiPnt7IHcudGV4dCB9fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgfSBAZWxzZSBpZiAocy5yZXN1bHQpIHtcbiAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInZvLXN3XCI+e3sgcy5yZXN1bHQgfX08L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgPC9saT5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICA8L29sPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICBgLFxuICBzdHlsZVVybDogJy4vdGhpbmtpbmcuY3NzJyxcbn0pXG5leHBvcnQgY2xhc3MgVGhpbmtpbmdDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkNoYW5nZXMsIE9uRGVzdHJveSB7XG4gIC8qKiBUaGUgc3RlcHMgdGhlIGFnZW50IGhhcyB0YWtlbiBzbyBmYXIuICovXG4gIEBJbnB1dCgpIHN0ZXBzOiBUaGlua2luZ1N0ZXBbXSA9IFtdO1xuICAvKiogU3BpbnMsIGNvdW50cyBzZWNvbmRzIGFuZCBrZWVwcyB0aGUgdHJhY2Ugb3BlbiB3aGlsZSB0cnVlLiAqL1xuICBASW5wdXQoKSBydW5uaW5nID0gZmFsc2U7XG4gIC8qKiBTZWNvbmRzIHRvIHNob3cuIExlYXZlIGl0IG91dCB0byBsZXQgaXQgY291bnQgd2hpbGUgcnVubmluZy4gKi9cbiAgQElucHV0KCkgc2Vjb25kcz86IG51bWJlcjtcbiAgLyoqIFRoZSBoZWFkZXIgd2hpbGUgaXQgcnVucywgbGlrZSBcIkNoZWNraW5nIHRoZSBwcmljaW5nIHBhZ2VcIi4gKi9cbiAgQElucHV0KCkgdGl0bGUgPSAnV29ya2luZyBvbiBpdCc7XG4gIC8qKiBUaGUgaGVhZGVyIG9uY2UgaXQgaXMgZG9uZS4gRGVmYXVsdHMgdG8gdGhlIG51bWJlciBvZiBzdGVwcy4gKi9cbiAgQElucHV0KCkgc3VtbWFyeT86IHN0cmluZztcbiAgLyoqIEZvbGRzIHRoZSB0cmFjZSBhd2F5IGEgbW9tZW50IGFmdGVyIGl0IGZpbmlzaGVzLiAqL1xuICBASW5wdXQoKSBjb2xsYXBzZVdoZW5Eb25lID0gdHJ1ZTtcbiAgLyoqIFdoZXRoZXIgdGhlIHRyYWNlIGlzIG9wZW4uIExlYXZlIGl0IG91dCB0byBsZXQgdGhlIGhlYWRlciB0b2dnbGUgaXQuICovXG4gIEBJbnB1dCgpIG9wZW4/OiBib29sZWFuO1xuICAvKiogVGhlIG9wZW4gc3RhdGUgdGhlIHRyYWNlIHN0YXJ0cyBpbiB3aGVuIHVuY29udHJvbGxlZC4gKi9cbiAgQElucHV0KCkgZGVmYXVsdE9wZW4gPSB0cnVlO1xuXG4gIC8qKiBFbWl0dGVkIHdoZW4gdGhlIGhlYWRlciB0b2dnbGVzIHRoZSB0cmFjZS4gKi9cbiAgQE91dHB1dCgpIG9wZW5DaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG5cbiAgaXNPcGVuID0gdHJ1ZTtcbiAgcHJpdmF0ZSBjb3VudGVkID0gMDtcbiAgcHJpdmF0ZSBzZWNvbmRUaW1lcj86IFJldHVyblR5cGU8dHlwZW9mIHNldEludGVydmFsPjtcbiAgcHJpdmF0ZSBjb2xsYXBzZVRpbWVyPzogUmV0dXJuVHlwZTx0eXBlb2Ygc2V0VGltZW91dD47XG4gIHByaXZhdGUgdmlld1JlYWR5ID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSByZWR1Y2VkOiBSZWR1Y2VkTW90aW9uU2VydmljZSkge31cblxuICBnZXQgZG9uZSgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gIXRoaXMucnVubmluZyAmJiB0aGlzLnN0ZXBzLmxlbmd0aCA+IDA7XG4gIH1cblxuICBnZXQgc2VjcygpOiBudW1iZXIge1xuICAgIHJldHVybiB0aGlzLnNlY29uZHMgPz8gdGhpcy5jb3VudGVkO1xuICB9XG5cbiAgZ2V0IGhlYWRlclRleHQoKTogc3RyaW5nIHtcbiAgICBpZiAodGhpcy5kb25lKSB7XG4gICAgICByZXR1cm4gdGhpcy5zdW1tYXJ5ID8/IGAke3RoaXMuc3RlcHMubGVuZ3RofSAke3RoaXMuc3RlcHMubGVuZ3RoID09PSAxID8gJ3N0ZXAnIDogJ3N0ZXBzJ31gO1xuICAgIH1cbiAgICByZXR1cm4gdGhpcy50aXRsZTtcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnZpZXdSZWFkeSA9IHRydWU7XG4gICAgdGhpcy5pc09wZW4gPSB0aGlzLm9wZW4gPz8gdGhpcy5kZWZhdWx0T3BlbjtcbiAgICB0aGlzLnN0YXJ0U2Vjb25kcygpO1xuICAgIHRoaXMuc2NoZWR1bGVDb2xsYXBzZSgpO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgIGlmIChjaGFuZ2VzWydvcGVuJ10gJiYgdGhpcy5vcGVuICE9PSB1bmRlZmluZWQpIHtcbiAgICAgIHRoaXMuaXNPcGVuID0gdGhpcy5vcGVuO1xuICAgIH1cbiAgICBpZiAoIXRoaXMudmlld1JlYWR5KSB7XG4gICAgICB0aGlzLmlzT3BlbiA9IHRoaXMub3BlbiA/PyB0aGlzLmRlZmF1bHRPcGVuO1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBpZiAoY2hhbmdlc1sncnVubmluZyddIHx8IGNoYW5nZXNbJ3NlY29uZHMnXSkge1xuICAgICAgdGhpcy5zdGFydFNlY29uZHMoKTtcbiAgICB9XG4gICAgaWYgKGNoYW5nZXNbJ3J1bm5pbmcnXSB8fCBjaGFuZ2VzWydjb2xsYXBzZVdoZW5Eb25lJ10gfHwgY2hhbmdlc1snc3RlcHMnXSkge1xuICAgICAgdGhpcy5zY2hlZHVsZUNvbGxhcHNlKCk7XG4gICAgfVxuICB9XG5cbiAgc3RlcENsYXNzKHM6IFRoaW5raW5nU3RlcCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHMuc3RhdGUgPT09ICdydW5uaW5nJyA/ICd2by1ydW4nIDogJ3ZvLScgKyBzLnN0YXRlO1xuICB9XG5cbiAgLy8gdGhlIHJlc3VsdCBpcyB3cml0dGVuIGEgd29yZCBhdCBhIHRpbWUsIGVhY2ggYSBsaXR0bGUgYWZ0ZXIgdGhlIGxhc3RcbiAgd29yZHModGV4dDogc3RyaW5nKTogUmVzdWx0V29yZFtdIHtcbiAgICBjb25zdCBwYXJ0cyA9IHRleHQuc3BsaXQoJyAnKTtcbiAgICByZXR1cm4gcGFydHMubWFwKCh3LCBpKSA9PiAoe1xuICAgICAgdGV4dDogaSA8IHBhcnRzLmxlbmd0aCAtIDEgPyB3ICsgJyAnIDogdyxcbiAgICAgIGRlbGF5OiBpICogNDUsXG4gICAgfSkpO1xuICB9XG5cbiAgdG9nZ2xlKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLm9wZW4gIT09IHVuZGVmaW5lZCkge1xuICAgICAgdGhpcy5vcGVuQ2hhbmdlLmVtaXQoIXRoaXMuaXNPcGVuKTtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5pc09wZW4gPSAhdGhpcy5pc09wZW47XG4gICAgdGhpcy5vcGVuQ2hhbmdlLmVtaXQodGhpcy5pc09wZW4pO1xuICB9XG5cbiAgLy8gdGhlIHNlY29uZHMgY291bnQgd2hpbGUgaXQgcnVucywgdW5sZXNzIGEgZml4ZWQgdmFsdWUgaXMgZ2l2ZW5cbiAgcHJpdmF0ZSBzdGFydFNlY29uZHMoKTogdm9pZCB7XG4gICAgY2xlYXJJbnRlcnZhbCh0aGlzLnNlY29uZFRpbWVyKTtcbiAgICB0aGlzLnNlY29uZFRpbWVyID0gdW5kZWZpbmVkO1xuICAgIGlmICh0aGlzLnNlY29uZHMgIT09IHVuZGVmaW5lZCB8fCAhdGhpcy5ydW5uaW5nKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMuY291bnRlZCA9IDA7XG4gICAgdGhpcy5zZWNvbmRUaW1lciA9IHNldEludGVydmFsKCgpID0+IHtcbiAgICAgIHRoaXMuY291bnRlZCsrO1xuICAgIH0sIDEwMDApO1xuICB9XG5cbiAgLy8gb25jZSBpdCBmaW5pc2hlcywgdGhlIHRyYWNlIHdhaXRzIGEgYmVhdCBhbmQgZm9sZHMgaXRzZWxmIGF3YXlcbiAgcHJpdmF0ZSBzY2hlZHVsZUNvbGxhcHNlKCk6IHZvaWQge1xuICAgIGNsZWFyVGltZW91dCh0aGlzLmNvbGxhcHNlVGltZXIpO1xuICAgIHRoaXMuY29sbGFwc2VUaW1lciA9IHVuZGVmaW5lZDtcbiAgICBpZiAodGhpcy5ydW5uaW5nIHx8ICF0aGlzLmNvbGxhcHNlV2hlbkRvbmUgfHwgIXRoaXMuc3RlcHMubGVuZ3RoKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGlmICh0aGlzLm9wZW4gIT09IHVuZGVmaW5lZCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBjb25zdCBkZWxheSA9IHRoaXMucmVkdWNlZC5yZWR1Y2UoKSA/IDAgOiAyNTAwO1xuICAgIHRoaXMuY29sbGFwc2VUaW1lciA9IHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgdGhpcy5pc09wZW4gPSBmYWxzZTtcbiAgICAgIHRoaXMub3BlbkNoYW5nZS5lbWl0KGZhbHNlKTtcbiAgICB9LCBkZWxheSk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICBjbGVhckludGVydmFsKHRoaXMuc2Vjb25kVGltZXIpO1xuICAgIGNsZWFyVGltZW91dCh0aGlzLmNvbGxhcHNlVGltZXIpO1xuICB9XG59XG4iXX0=