@visuno/angular 0.0.0-stage → 0.1.0

package/esm2022/steering/steering.component.mjs

@@ -0,0 +1,343 @@
+// framework/angular/steering/steering.component.ts
+//
+// Native Angular port of framework/react/steering/Steering.tsx.
+// A run you can steer while it works: its steps, what you told it and what it
+// said back, and a message box. A message waits for the step in progress and
+// applies from the next one; you decide what happens to it through `messages`.
+// Inputs mirror the React props; React callbacks become @Output() EventEmitters.
+// The `value` input is uncontrollable — leave it undefined and the box keeps its
+// own draft (matching React's useControllable).
+//
+// Icon note: the React/Vanilla source uses an "up" arrow glyph (#i-up) for the
+// send button. The Angular icon set has no `up`, so the closest upward glyph
+// `chev-u` is substituted. All other glyphs (ok, check, alert, spark) map 1:1.
+import { Component, EventEmitter, Input, Output, ViewEncapsulation, inject, } from '@angular/core';
+import { VoIconComponent } from '../core/icon.component';
+import { ReducedMotionService } from '../core/reduced-motion.service';
+import * as i0 from "@angular/core";
+const clock = (s) => Math.floor(s / 60) + ':' + String(s % 60).padStart(2, '0');
+export class SteeringComponent {
+    constructor() {
+        this.steps = [];
+        /** What you sent and what the agent said back, in order. */
+        this.messages = [];
+        /** Emitted with the text when a message is sent. Add it to `messages` as `queued`, and mark it `applied` when it's taken up. */
+        this.sendMessage = new EventEmitter();
+        this.defaultValue = '';
+        this.valueChange = new EventEmitter();
+        this.className = '';
+        this.motion = inject(ReducedMotionService);
+        // uncontrolled draft (used when the matching Input is undefined)
+        this.draftState = '';
+        // the clock counts until every step is done, unless `seconds` is given
+        this.counted = 0;
+    }
+    ngOnChanges(changes) {
+        if (changes['defaultValue'] && this.draftState === '') {
+            this.draftState = this.defaultValue;
+        }
+        if (changes['seconds'] || changes['steps'])
+            this.syncCounter();
+    }
+    get draft() {
+        return this.value ?? this.draftState;
+    }
+    get finished() {
+        return this.steps.length > 0 && this.steps.every((s) => s.status === 'done');
+    }
+    get secs() {
+        return this.seconds ?? this.counted;
+    }
+    get clockText() {
+        return clock(this.secs);
+    }
+    get line() {
+        if (this.status !== undefined)
+            return this.status;
+        if (this.finished)
+            return 'Done';
+        const at = this.steps.findIndex((s) => s.status === 'running');
+        const i = at < 0 ? this.steps.filter((s) => s.status === 'done').length : at;
+        return `Step ${i + 1} of ${this.steps.length}`;
+    }
+    get mine() {
+        return this.messages.filter((m) => m.from === 'you').length;
+    }
+    get summaryText() {
+        if (this.summary === undefined) {
+            const n = this.mine;
+            return `Done in ${clock(this.secs)}${n ? ` · ${n} change${n > 1 ? 's' : ''} from you` : ''}`;
+        }
+        return this.summary === false ? '' : this.summary;
+    }
+    get showSummary() {
+        return this.finished && this.summary !== false;
+    }
+    get placeholderText() {
+        return this.placeholder ?? (this.finished ? 'The run has finished' : 'Steer the agent while it works');
+    }
+    onInput(e) {
+        const v = e.target.value;
+        if (this.value === undefined)
+            this.draftState = v;
+        this.valueChange.emit(v);
+    }
+    send(e) {
+        e.preventDefault();
+        const t = this.draft.trim();
+        if (!t || this.finished)
+            return;
+        this.sendMessage.emit(t);
+        if (this.value === undefined)
+            this.draftState = '';
+        this.valueChange.emit('');
+    }
+    // the clock ticks until every step is done; reduced motion still counts, it
+    // just has no entrance animations elsewhere to suppress
+    syncCounter() {
+        const shouldCount = this.seconds === undefined && !this.finished;
+        if (shouldCount && !this.countTimer) {
+            this.countTimer = setInterval(() => (this.counted += 1), 1000);
+        }
+        else if (!shouldCount && this.countTimer) {
+            clearInterval(this.countTimer);
+            this.countTimer = undefined;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SteeringComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SteeringComponent, isStandalone: true, selector: "vo-steering", inputs: { title: "title", steps: "steps", messages: "messages", value: "value", defaultValue: "defaultValue", placeholder: "placeholder", status: "status", seconds: "seconds", summary: "summary", className: "className" }, outputs: { sendMessage: "sendMessage", valueChange: "valueChange" }, usesOnChanges: true, ngImport: i0, template: `
+    <div data-vo="" class="vo-ste vo-panel" [class]="className">
+      <div class="vo-ste-h">
+        <b>{{ title }}</b>
+        <span class="vo-muted vo-ste-st">
+          <span aria-live="polite">{{ line }}</span> ·
+          <span class="vo-num">{{ clockText }}</span>
+        </span>
+      </div>
+
+      <ol class="vo-ste-steps" aria-label="Steps">
+        @for (s of steps; track s.id) {
+          <li
+            class="vo-ste-s"
+            [class.vo-run]="s.status === 'running'"
+            [class.vo-queued]="s.status === 'queued'"
+            [class.vo-done]="s.status === 'done'"
+            [class.vo-enter]="s.fromYou"
+          >
+            <span class="vo-ste-g" aria-hidden="true">
+              @if (s.status === 'running') {
+                <span class="vo-spin"></span>
+              } @else if (s.status === 'done') {
+                <vo-icon name="ok" size="xs"></vo-icon>
+              } @else {
+                <span class="vo-dot"></span>
+              }
+            </span>
+            <span class="vo-ste-t">
+              <b>{{ s.title }}</b>
+              @if (s.detail) {
+                <span>{{ s.detail }}</span>
+              }
+            </span>
+            @if (s.fromYou) {
+              <span class="vo-tag vo-b">From you</span>
+            }
+          </li>
+        }
+      </ol>
+
+      <div class="vo-ste-log" aria-live="polite">
+        @for (m of messages; track m.id) {
+          @if (m.from === 'you') {
+            <div class="vo-ste-me vo-enter">
+              <p>{{ m.text }}</p>
+              <span class="vo-ste-q" [class.vo-enter]="m.state === 'applied'">
+                @if (m.state === 'applied') {
+                  <vo-icon name="check" size="xs"></vo-icon>Applied
+                } @else {
+                  <span class="vo-spin"></span>Applies after this step
+                }
+              </span>
+            </div>
+          } @else {
+            <div class="vo-ste-ag vo-enter" [class.vo-warn]="m.warn && !m.answer">
+              <vo-icon [name]="m.warn && !m.answer ? 'alert' : 'spark'" size="xs"></vo-icon>
+              <div class="vo-t">
+                <p>{{ m.text }}</p>
+                @if (m.answer) {
+                  <span class="vo-muted">{{ m.answer }}</span>
+                } @else if (m.actions && m.actions.length) {
+                  <div class="vo-ste-acts">
+                    @for (a of m.actions; track a.label; let i = $index) {
+                      <button
+                        type="button"
+                        class="vo-pill vo-sm"
+                        [class.vo-primary]="i === m.actions.length - 1"
+                        [class.vo-ghost]="i !== m.actions.length - 1"
+                        (click)="a.onClick()"
+                      >
+                        {{ a.label }}
+                      </button>
+                    }
+                  </div>
+                }
+              </div>
+            </div>
+          }
+        }
+        @if (showSummary) {
+          <div class="vo-ste-sum vo-enter">
+            <vo-icon name="ok" size="xs"></vo-icon><span>{{ summaryText }}</span>
+          </div>
+        }
+      </div>
+
+      <form class="vo-ste-box" (submit)="send($event)">
+        <input
+          [value]="draft"
+          (input)="onInput($event)"
+          [disabled]="finished"
+          [placeholder]="placeholderText"
+          aria-label="Message the agent"
+          spellcheck="false"
+          autocomplete="off"
+        />
+        <button type="submit" class="vo-ste-go" aria-label="Send" [disabled]="finished || !draft.trim()">
+          <vo-icon name="chev-u" size="xs"></vo-icon>
+        </button>
+      </form>
+    </div>
+  `, isInline: true, styles: [".vo-ste{width:100%;max-width:440px;margin:0 auto;padding:6px;display:flex;flex-direction:column}.vo-ste-h{display:flex;flex-direction:column;padding:var(--vo-s-2) 10px 10px;border-bottom:1px solid color-mix(in srgb,var(--vo-line) 50%,transparent)}.vo-ste-h b{font-weight:500;font-size:14px}.vo-ste-st{font-size:12.5px}.vo-ste-steps{list-style:none;margin:0;padding:var(--vo-s-1) 0}.vo-ste-s{display:flex;align-items:center;gap:10px;min-height:44px;padding:5px 10px;border-radius:calc(10px * var(--vo-rk));font-size:13px}.vo-ste-g{width:16px;height:16px;display:grid;place-items:center;flex:none;color:var(--vo-faint)}.vo-ste-g .vo-spin{width:11px;height:11px;color:var(--vo-accent-fg,var(--vo-accent))}.vo-ste-s.vo-done .vo-ste-g{color:var(--vo-ok)}.vo-ste-t{flex:1;min-width:0;display:flex;flex-direction:column}.vo-ste-t b{font-weight:500}.vo-ste-t span{font-size:12px;color:var(--vo-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vo-ste-s.vo-queued .vo-ste-t b{color:var(--vo-fg2)}.vo-ste-log{display:flex;flex-direction:column;gap:var(--vo-s-2);padding:2px var(--vo-s-1) 10px}.vo-ste-log:empty{display:none}.vo-ste-me{align-self:flex-end;max-width:85%;display:flex;flex-direction:column;align-items:flex-end;gap:var(--vo-s-1)}.vo-ste-me p{margin:0;padding:7px var(--vo-s-3);border-radius:calc(14px * var(--vo-rk)) calc(14px * var(--vo-rk)) var(--vo-r-xs) calc(14px * var(--vo-rk));background:var(--vo-chip);font-size:13px;line-height:1.45}.vo-ste-q{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--vo-muted)}.vo-ste-q .vo-spin{width:9px;height:9px}.vo-ste-q svg{color:var(--vo-ok)}.vo-ste-ag{display:flex;gap:10px;padding:10px var(--vo-s-3);border-radius:var(--vo-r-in);background:var(--vo-row);font-size:13px;line-height:1.45}.vo-ste-ag>svg{flex:none;margin-top:3px;color:var(--vo-accent-fg,var(--vo-accent))}.vo-ste-ag.vo-warn{background:var(--vo-warn-bg)}.vo-ste-ag.vo-warn>svg{color:var(--vo-warn)}.vo-ste-ag .vo-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--vo-s-2)}.vo-ste-ag p{margin:0}.vo-ste-acts{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:6px}.vo-ste-ag .vo-pill.vo-ghost{background:var(--vo-surface);color:var(--vo-fg);box-shadow:var(--vo-shadow)}@media (hover:hover) and (pointer:fine){.vo-ste-ag .vo-pill.vo-ghost:hover{box-shadow:var(--vo-shadow-pop)}}.vo-ste-ag .vo-muted{font-size:12px}.vo-ste-sum{display:flex;align-items:center;gap:var(--vo-s-2);padding:10px var(--vo-s-3);border-radius:var(--vo-r-in);background:var(--vo-ok-bg);font-size:13px}.vo-ste-sum svg{color:var(--vo-ok);flex:none}.vo-ste-box{display:flex;align-items:center;gap:6px;height:var(--vo-field-h);margin:0 var(--vo-s-1) var(--vo-s-1);padding:0 5px 0 var(--vo-s-3);border-radius:var(--vo-r-field);background:var(--vo-surface);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vo-field-line) 50%,transparent);transition:box-shadow var(--vo-t-fast)}@supports (corner-shape:squircle){.vo-ste-box{corner-shape:squircle;border-radius:var(--vo-r-field-sq)}}.vo-ste-box:has(input:focus){box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vo-field-line-strong) 50%,transparent)}.vo-ste-box input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:13px;color:var(--vo-fg)}.vo-ste-box input::placeholder{color:var(--vo-muted)}.vo-ste-go{width:30px;height:30px;border-radius:50%;background:var(--vo-accent);color:var(--vo-on-accent);display:grid;place-items:center;flex:none;transition:background .2s}.vo-ste-go[disabled]{opacity:1;cursor:not-allowed;background:var(--vo-dis-hatch),var(--vo-dis-fill);color:var(--vo-dis);box-shadow:var(--vo-soft-ring)}.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-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-tag{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 7px;border-radius:var(--vo-r-tag);font-size:11.5px;font-weight:500;white-space:nowrap;background:var(--vo-chip);color:var(--vo-fg2)}.vo-tag.vo-b{background:var(--vo-pb-bg);color:var(--vo-pb)}@supports (corner-shape:squircle){.vo-tag{corner-shape:squircle;border-radius:var(--vo-r-tag-sq)}}.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;cursor:pointer;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-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-ghost{color:var(--vo-fg2)}@media (hover:hover) and (pointer:fine){.vo-pill.vo-ghost:hover{background:var(--vo-row);color:var(--vo-fg)}}.vo-pill.vo-sm{height:28px;padding:0 11px;font-size:12.5px}.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)}}@media (prefers-reduced-motion:reduce){.vo-enter,.vo-spin{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: SteeringComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vo-steering', standalone: true, encapsulation: ViewEncapsulation.None, imports: [VoIconComponent], template: `
+    <div data-vo="" class="vo-ste vo-panel" [class]="className">
+      <div class="vo-ste-h">
+        <b>{{ title }}</b>
+        <span class="vo-muted vo-ste-st">
+          <span aria-live="polite">{{ line }}</span> ·
+          <span class="vo-num">{{ clockText }}</span>
+        </span>
+      </div>
+
+      <ol class="vo-ste-steps" aria-label="Steps">
+        @for (s of steps; track s.id) {
+          <li
+            class="vo-ste-s"
+            [class.vo-run]="s.status === 'running'"
+            [class.vo-queued]="s.status === 'queued'"
+            [class.vo-done]="s.status === 'done'"
+            [class.vo-enter]="s.fromYou"
+          >
+            <span class="vo-ste-g" aria-hidden="true">
+              @if (s.status === 'running') {
+                <span class="vo-spin"></span>
+              } @else if (s.status === 'done') {
+                <vo-icon name="ok" size="xs"></vo-icon>
+              } @else {
+                <span class="vo-dot"></span>
+              }
+            </span>
+            <span class="vo-ste-t">
+              <b>{{ s.title }}</b>
+              @if (s.detail) {
+                <span>{{ s.detail }}</span>
+              }
+            </span>
+            @if (s.fromYou) {
+              <span class="vo-tag vo-b">From you</span>
+            }
+          </li>
+        }
+      </ol>
+
+      <div class="vo-ste-log" aria-live="polite">
+        @for (m of messages; track m.id) {
+          @if (m.from === 'you') {
+            <div class="vo-ste-me vo-enter">
+              <p>{{ m.text }}</p>
+              <span class="vo-ste-q" [class.vo-enter]="m.state === 'applied'">
+                @if (m.state === 'applied') {
+                  <vo-icon name="check" size="xs"></vo-icon>Applied
+                } @else {
+                  <span class="vo-spin"></span>Applies after this step
+                }
+              </span>
+            </div>
+          } @else {
+            <div class="vo-ste-ag vo-enter" [class.vo-warn]="m.warn && !m.answer">
+              <vo-icon [name]="m.warn && !m.answer ? 'alert' : 'spark'" size="xs"></vo-icon>
+              <div class="vo-t">
+                <p>{{ m.text }}</p>
+                @if (m.answer) {
+                  <span class="vo-muted">{{ m.answer }}</span>
+                } @else if (m.actions && m.actions.length) {
+                  <div class="vo-ste-acts">
+                    @for (a of m.actions; track a.label; let i = $index) {
+                      <button
+                        type="button"
+                        class="vo-pill vo-sm"
+                        [class.vo-primary]="i === m.actions.length - 1"
+                        [class.vo-ghost]="i !== m.actions.length - 1"
+                        (click)="a.onClick()"
+                      >
+                        {{ a.label }}
+                      </button>
+                    }
+                  </div>
+                }
+              </div>
+            </div>
+          }
+        }
+        @if (showSummary) {
+          <div class="vo-ste-sum vo-enter">
+            <vo-icon name="ok" size="xs"></vo-icon><span>{{ summaryText }}</span>
+          </div>
+        }
+      </div>
+
+      <form class="vo-ste-box" (submit)="send($event)">
+        <input
+          [value]="draft"
+          (input)="onInput($event)"
+          [disabled]="finished"
+          [placeholder]="placeholderText"
+          aria-label="Message the agent"
+          spellcheck="false"
+          autocomplete="off"
+        />
+        <button type="submit" class="vo-ste-go" aria-label="Send" [disabled]="finished || !draft.trim()">
+          <vo-icon name="chev-u" size="xs"></vo-icon>
+        </button>
+      </form>
+    </div>
+  `, styles: [".vo-ste{width:100%;max-width:440px;margin:0 auto;padding:6px;display:flex;flex-direction:column}.vo-ste-h{display:flex;flex-direction:column;padding:var(--vo-s-2) 10px 10px;border-bottom:1px solid color-mix(in srgb,var(--vo-line) 50%,transparent)}.vo-ste-h b{font-weight:500;font-size:14px}.vo-ste-st{font-size:12.5px}.vo-ste-steps{list-style:none;margin:0;padding:var(--vo-s-1) 0}.vo-ste-s{display:flex;align-items:center;gap:10px;min-height:44px;padding:5px 10px;border-radius:calc(10px * var(--vo-rk));font-size:13px}.vo-ste-g{width:16px;height:16px;display:grid;place-items:center;flex:none;color:var(--vo-faint)}.vo-ste-g .vo-spin{width:11px;height:11px;color:var(--vo-accent-fg,var(--vo-accent))}.vo-ste-s.vo-done .vo-ste-g{color:var(--vo-ok)}.vo-ste-t{flex:1;min-width:0;display:flex;flex-direction:column}.vo-ste-t b{font-weight:500}.vo-ste-t span{font-size:12px;color:var(--vo-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vo-ste-s.vo-queued .vo-ste-t b{color:var(--vo-fg2)}.vo-ste-log{display:flex;flex-direction:column;gap:var(--vo-s-2);padding:2px var(--vo-s-1) 10px}.vo-ste-log:empty{display:none}.vo-ste-me{align-self:flex-end;max-width:85%;display:flex;flex-direction:column;align-items:flex-end;gap:var(--vo-s-1)}.vo-ste-me p{margin:0;padding:7px var(--vo-s-3);border-radius:calc(14px * var(--vo-rk)) calc(14px * var(--vo-rk)) var(--vo-r-xs) calc(14px * var(--vo-rk));background:var(--vo-chip);font-size:13px;line-height:1.45}.vo-ste-q{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--vo-muted)}.vo-ste-q .vo-spin{width:9px;height:9px}.vo-ste-q svg{color:var(--vo-ok)}.vo-ste-ag{display:flex;gap:10px;padding:10px var(--vo-s-3);border-radius:var(--vo-r-in);background:var(--vo-row);font-size:13px;line-height:1.45}.vo-ste-ag>svg{flex:none;margin-top:3px;color:var(--vo-accent-fg,var(--vo-accent))}.vo-ste-ag.vo-warn{background:var(--vo-warn-bg)}.vo-ste-ag.vo-warn>svg{color:var(--vo-warn)}.vo-ste-ag .vo-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--vo-s-2)}.vo-ste-ag p{margin:0}.vo-ste-acts{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:6px}.vo-ste-ag .vo-pill.vo-ghost{background:var(--vo-surface);color:var(--vo-fg);box-shadow:var(--vo-shadow)}@media (hover:hover) and (pointer:fine){.vo-ste-ag .vo-pill.vo-ghost:hover{box-shadow:var(--vo-shadow-pop)}}.vo-ste-ag .vo-muted{font-size:12px}.vo-ste-sum{display:flex;align-items:center;gap:var(--vo-s-2);padding:10px var(--vo-s-3);border-radius:var(--vo-r-in);background:var(--vo-ok-bg);font-size:13px}.vo-ste-sum svg{color:var(--vo-ok);flex:none}.vo-ste-box{display:flex;align-items:center;gap:6px;height:var(--vo-field-h);margin:0 var(--vo-s-1) var(--vo-s-1);padding:0 5px 0 var(--vo-s-3);border-radius:var(--vo-r-field);background:var(--vo-surface);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vo-field-line) 50%,transparent);transition:box-shadow var(--vo-t-fast)}@supports (corner-shape:squircle){.vo-ste-box{corner-shape:squircle;border-radius:var(--vo-r-field-sq)}}.vo-ste-box:has(input:focus){box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vo-field-line-strong) 50%,transparent)}.vo-ste-box input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:13px;color:var(--vo-fg)}.vo-ste-box input::placeholder{color:var(--vo-muted)}.vo-ste-go{width:30px;height:30px;border-radius:50%;background:var(--vo-accent);color:var(--vo-on-accent);display:grid;place-items:center;flex:none;transition:background .2s}.vo-ste-go[disabled]{opacity:1;cursor:not-allowed;background:var(--vo-dis-hatch),var(--vo-dis-fill);color:var(--vo-dis);box-shadow:var(--vo-soft-ring)}.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-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-tag{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 7px;border-radius:var(--vo-r-tag);font-size:11.5px;font-weight:500;white-space:nowrap;background:var(--vo-chip);color:var(--vo-fg2)}.vo-tag.vo-b{background:var(--vo-pb-bg);color:var(--vo-pb)}@supports (corner-shape:squircle){.vo-tag{corner-shape:squircle;border-radius:var(--vo-r-tag-sq)}}.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;cursor:pointer;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-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-ghost{color:var(--vo-fg2)}@media (hover:hover) and (pointer:fine){.vo-pill.vo-ghost:hover{background:var(--vo-row);color:var(--vo-fg)}}.vo-pill.vo-sm{height:28px;padding:0 11px;font-size:12.5px}.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)}}@media (prefers-reduced-motion:reduce){.vo-enter,.vo-spin{animation:none}}\n"] }]
+        }], propDecorators: { title: [{
+                type: Input,
+                args: [{ required: true }]
+            }], steps: [{
+                type: Input
+            }], messages: [{
+                type: Input
+            }], sendMessage: [{
+                type: Output
+            }], value: [{
+                type: Input
+            }], defaultValue: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }], placeholder: [{
+                type: Input
+            }], status: [{
+                type: Input
+            }], seconds: [{
+                type: Input
+            }], summary: [{
+                type: Input
+            }], className: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlZXJpbmcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3RlZXJpbmcvc3RlZXJpbmcuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLG1EQUFtRDtBQUNuRCxFQUFFO0FBQ0YsZ0VBQWdFO0FBQ2hFLDhFQUE4RTtBQUM5RSw2RUFBNkU7QUFDN0UsK0VBQStFO0FBQy9FLGlGQUFpRjtBQUNqRixpRkFBaUY7QUFDakYsZ0RBQWdEO0FBQ2hELEVBQUU7QUFDRiwrRUFBK0U7QUFDL0UsNkVBQTZFO0FBQzdFLCtFQUErRTtBQUUvRSxPQUFPLEVBQ0wsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBRUwsTUFBTSxFQUVOLGlCQUFpQixFQUNqQixNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDOztBQXNDdEUsTUFBTSxLQUFLLEdBQUcsQ0FBQyxDQUFTLEVBQVUsRUFBRSxDQUNsQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsR0FBRyxFQUFFLENBQUMsR0FBRyxHQUFHLEdBQUcsTUFBTSxDQUFDLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDO0FBZ0g3RCxNQUFNLE9BQU8saUJBQWlCO0lBOUc5QjtRQWlIVyxVQUFLLEdBQWdCLEVBQUUsQ0FBQztRQUNqQyw0REFBNEQ7UUFDbkQsYUFBUSxHQUFtQixFQUFFLENBQUM7UUFDdkMsZ0lBQWdJO1FBQ3RILGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUkxQyxpQkFBWSxHQUFHLEVBQUUsQ0FBQztRQUNqQixnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFXMUMsY0FBUyxHQUFHLEVBQUUsQ0FBQztRQUVQLFdB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QUs7Z0JBRUcsU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbIi8vIGZyYW1ld29yay9hbmd1bGFyL3N0ZWVyaW5nL3N0ZWVyaW5nLmNvbXBvbmVudC50c1xuLy9cbi8vIE5hdGl2ZSBBbmd1bGFyIHBvcnQgb2YgZnJhbWV3b3JrL3JlYWN0L3N0ZWVyaW5nL1N0ZWVyaW5nLnRzeC5cbi8vIEEgcnVuIHlvdSBjYW4gc3RlZXIgd2hpbGUgaXQgd29ya3M6IGl0cyBzdGVwcywgd2hhdCB5b3UgdG9sZCBpdCBhbmQgd2hhdCBpdFxuLy8gc2FpZCBiYWNrLCBhbmQgYSBtZXNzYWdlIGJveC4gQSBtZXNzYWdlIHdhaXRzIGZvciB0aGUgc3RlcCBpbiBwcm9ncmVzcyBhbmRcbi8vIGFwcGxpZXMgZnJvbSB0aGUgbmV4dCBvbmU7IHlvdSBkZWNpZGUgd2hhdCBoYXBwZW5zIHRvIGl0IHRocm91Z2ggYG1lc3NhZ2VzYC5cbi8vIElucHV0cyBtaXJyb3IgdGhlIFJlYWN0IHByb3BzOyBSZWFjdCBjYWxsYmFja3MgYmVjb21lIEBPdXRwdXQoKSBFdmVudEVtaXR0ZXJzLlxuLy8gVGhlIGB2YWx1ZWAgaW5wdXQgaXMgdW5jb250cm9sbGFibGUg4oCUIGxlYXZlIGl0IHVuZGVmaW5lZCBhbmQgdGhlIGJveCBrZWVwcyBpdHNcbi8vIG93biBkcmFmdCAobWF0Y2hpbmcgUmVhY3QncyB1c2VDb250cm9sbGFibGUpLlxuLy9cbi8vIEljb24gbm90ZTogdGhlIFJlYWN0L1ZhbmlsbGEgc291cmNlIHVzZXMgYW4gXCJ1cFwiIGFycm93IGdseXBoICgjaS11cCkgZm9yIHRoZVxuLy8gc2VuZCBidXR0b24uIFRoZSBBbmd1bGFyIGljb24gc2V0IGhhcyBubyBgdXBgLCBzbyB0aGUgY2xvc2VzdCB1cHdhcmQgZ2x5cGhcbi8vIGBjaGV2LXVgIGlzIHN1YnN0aXR1dGVkLiBBbGwgb3RoZXIgZ2x5cGhzIChvaywgY2hlY2ssIGFsZXJ0LCBzcGFyaykgbWFwIDE6MS5cblxuaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPbkNoYW5nZXMsXG4gIE91dHB1dCxcbiAgU2ltcGxlQ2hhbmdlcyxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG4gIGluamVjdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBWb0ljb25Db21wb25lbnQgfSBmcm9tICcuLi9jb3JlL2ljb24uY29tcG9uZW50JztcbmltcG9ydCB7IFJlZHVjZWRNb3Rpb25TZXJ2aWNlIH0gZnJvbSAnLi4vY29yZS9yZWR1Y2VkLW1vdGlvbi5zZXJ2aWNlJztcblxuLyoqIFdoZXJlIGEgc3RlcCBpcyBpbiB0aGUgcnVuLiAqL1xuZXhwb3J0IHR5cGUgU3RlZXJTdGVwU3RhdHVzID0gJ3F1ZXVlZCcgfCAncnVubmluZycgfCAnZG9uZSc7XG5cbi8qKiBPbmUgc3RlcCBpbiB0aGUgcnVuLiAqL1xuZXhwb3J0IGludGVyZmFjZSBTdGVlclN0ZXAge1xuICBpZDogc3RyaW5nO1xuICAvKiogTGlrZSBcIlVwZGF0ZSB0aGUgUHJvIGNhcmRcIi4gKi9cbiAgdGl0bGU6IHN0cmluZztcbiAgLyoqIFdoYXQgaXQgaXMgZG9pbmcgbm93LCBvciB3aGF0IGl0IGRpZC4gSXQgY3Jvc3NmYWRlcyB3aGVuIGl0IGNoYW5nZXMuICovXG4gIGRldGFpbD86IHN0cmluZztcbiAgc3RhdHVzOiBTdGVlclN0ZXBTdGF0dXM7XG4gIC8qKiBNYXJrcyBhIHN0ZXAgdGhhdCBhIG1lc3NhZ2Ugb2YgeW91cnMgYWRkZWQsIHdpdGggYSBcIkZyb20geW91XCIgdGFnLiAqL1xuICBmcm9tWW91PzogYm9vbGVhbjtcbn1cblxuLyoqIEEgYnV0dG9uIHVuZGVyIHRoZSBhZ2VudCdzIG1lc3NhZ2UsIGxpa2UgTGVhdmUgaXQgb3IgUmVkbyB0aGUgUHJvIGNhcmQuICovXG5leHBvcnQgaW50ZXJmYWNlIFN0ZWVyQWN0aW9uIHtcbiAgbGFiZWw6IHN0cmluZztcbiAgb25DbGljazogKCkgPT4gdm9pZDtcbn1cblxuLyoqIEEgbGluZSBpbiB0aGUgbG9nOiB3aGF0IHlvdSBzZW50LCBvciB3aGF0IHRoZSBhZ2VudCBzYWlkIGJhY2suICovXG5leHBvcnQgaW50ZXJmYWNlIFN0ZWVyTWVzc2FnZSB7XG4gIGlkOiBzdHJpbmc7XG4gIGZyb206ICd5b3UnIHwgJ2FnZW50JztcbiAgdGV4dDogc3RyaW5nO1xuICAvKiogRm9yIHlvdXJzOiBgcXVldWVkYCB3aGlsZSBpdCB3YWl0cyBmb3IgdGhlIHN0ZXAgaW4gcHJvZ3Jlc3MsIGBhcHBsaWVkYCBvbmNlIHRoZSBhZ2VudCBoYXMgdGFrZW4gaXQgdXAuICovXG4gIHN0YXRlPzogJ3F1ZXVlZCcgfCAnYXBwbGllZCc7XG4gIC8qKiBGb3IgdGhlIGFnZW50J3M6IGFuIGFtYmVyIGhlYWRzLXVwLCBmb3Igd2hlbiB5b3VyIG1lc3NhZ2UgY2hhbmdlcyB3b3JrIGFscmVhZHkgZG9uZS4gKi9cbiAgd2Fybj86IGJvb2xlYW47XG4gIC8qKiBCdXR0b25zIHVuZGVyIHRoZSBhZ2VudCdzIG1lc3NhZ2UsIHRoZSBsYXN0IG9uZSBmaWxsZWQsIGxpa2UgTGVhdmUgaXQgYW5kIFJlZG8gdGhlIFBybyBjYXJkLiAqL1xuICBhY3Rpb25zPzogU3RlZXJBY3Rpb25bXTtcbiAgLyoqIFRha2VzIHRoZSBidXR0b25zJyBwbGFjZSBvbmNlIHlvdSd2ZSBhbnN3ZXJlZCwgbGlrZSBcIkFkZGVkIGEgc3RlcCB0byByZWRvIHRoZSBQcm8gY2FyZFwiLiBUaGUgYW1iZXIgZ29lcyB0b28uICovXG4gIGFuc3dlcj86IHN0cmluZztcbn1cblxuY29uc3QgY2xvY2sgPSAoczogbnVtYmVyKTogc3RyaW5nID0+XG4gIE1hdGguZmxvb3IocyAvIDYwKSArICc6JyArIFN0cmluZyhzICUgNjApLnBhZFN0YXJ0KDIsICcwJyk7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ZvLXN0ZWVyaW5nJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgaW1wb3J0czogW1ZvSWNvbkNvbXBvbmVudF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBkYXRhLXZvPVwiXCIgY2xhc3M9XCJ2by1zdGUgdm8tcGFuZWxcIiBbY2xhc3NdPVwiY2xhc3NOYW1lXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwidm8tc3RlLWhcIj5cbiAgICAgICAgPGI+e3sgdGl0bGUgfX08L2I+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwidm8tbXV0ZWQgdm8tc3RlLXN0XCI+XG4gICAgICAgICAgPHNwYW4gYXJpYS1saXZlPVwicG9saXRlXCI+e3sgbGluZSB9fTwvc3Bhbj4gwrdcbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInZvLW51bVwiPnt7IGNsb2NrVGV4dCB9fTwvc3Bhbj5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9kaXY+XG5cbiAgICAgIDxvbCBjbGFzcz1cInZvLXN0ZS1zdGVwc1wiIGFyaWEtbGFiZWw9XCJTdGVwc1wiPlxuICAgICAgICBAZm9yIChzIG9mIHN0ZXBzOyB0cmFjayBzLmlkKSB7XG4gICAgICAgICAgPGxpXG4gICAgICAgICAgICBjbGFzcz1cInZvLXN0ZS1zXCJcbiAgICAgICAgICAgIFtjbGFzcy52by1ydW5dPVwicy5zdGF0dXMgPT09ICdydW5uaW5nJ1wiXG4gICAgICAgICAgICBbY2xhc3Mudm8tcXVldWVkXT1cInMuc3RhdHVzID09PSAncXVldWVkJ1wiXG4gICAgICAgICAgICBbY2xhc3Mudm8tZG9uZV09XCJzLnN0YXR1cyA9PT0gJ2RvbmUnXCJcbiAgICAgICAgICAgIFtjbGFzcy52by1lbnRlcl09XCJzLmZyb21Zb3VcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidm8tc3RlLWdcIiBhcmlhLWhpZGRlbj1cInRydWVcIj5cbiAgICAgICAgICAgICAgQGlmIChzLnN0YXR1cyA9PT0gJ3J1bm5pbmcnKSB7XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2by1zcGluXCI+PC9zcGFuPlxuICAgICAgICAgICAgICB9IEBlbHNlIGlmIChzLnN0YXR1cyA9PT0gJ2RvbmUnKSB7XG4gICAgICAgICAgICAgICAgPHZvLWljb24gbmFtZT1cIm9rXCIgc2l6ZT1cInhzXCI+PC92by1pY29uPlxuICAgICAgICAgICAgICB9IEBlbHNlIHtcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInZvLWRvdFwiPjwvc3Bhbj5cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2by1zdGUtdFwiPlxuICAgICAgICAgICAgICA8Yj57eyBzLnRpdGxlIH19PC9iPlxuICAgICAgICAgICAgICBAaWYgKHMuZGV0YWlsKSB7XG4gICAgICAgICAgICAgICAgPHNwYW4+e3sgcy5kZXRhaWwgfX08L3NwYW4+XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgIEBpZiAocy5mcm9tWW91KSB7XG4gICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidm8tdGFnIHZvLWJcIj5Gcm9tIHlvdTwvc3Bhbj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICA8L2xpPlxuICAgICAgICB9XG4gICAgICA8L29sPlxuXG4gICAgICA8ZGl2IGNsYXNzPVwidm8tc3RlLWxvZ1wiIGFyaWEtbGl2ZT1cInBvbGl0ZVwiPlxuICAgICAgICBAZm9yIChtIG9mIG1lc3NhZ2VzOyB0cmFjayBtLmlkKSB7XG4gICAgICAgICAgQGlmIChtLmZyb20gPT09ICd5b3UnKSB7XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwidm8tc3RlLW1lIHZvLWVudGVyXCI+XG4gICAgICAgICAgICAgIDxwPnt7IG0udGV4dCB9fTwvcD5cbiAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2by1zdGUtcVwiIFtjbGFzcy52by1lbnRlcl09XCJtLnN0YXRlID09PSAnYXBwbGllZCdcIj5cbiAgICAgICAgICAgICAgICBAaWYgKG0uc3RhdGUgPT09ICdhcHBsaWVkJykge1xuICAgICAgICAgICAgICAgICAgPHZvLWljb24gbmFtZT1cImNoZWNrXCIgc2l6ZT1cInhzXCI+PC92by1pY29uPkFwcGxpZWRcbiAgICAgICAgICAgICAgICB9IEBlbHNlIHtcbiAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidm8tc3BpblwiPjwvc3Bhbj5BcHBsaWVzIGFmdGVyIHRoaXMgc3RlcFxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgfSBAZWxzZSB7XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwidm8tc3RlLWFnIHZvLWVudGVyXCIgW2NsYXNzLnZvLXdhcm5dPVwibS53YXJuICYmICFtLmFuc3dlclwiPlxuICAgICAgICAgICAgICA8dm8taWNvbiBbbmFtZV09XCJtLndhcm4gJiYgIW0uYW5zd2VyID8gJ2FsZXJ0JyA6ICdzcGFyaydcIiBzaXplPVwieHNcIj48L3ZvLWljb24+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2by10XCI+XG4gICAgICAgICAgICAgICAgPHA+e3sgbS50ZXh0IH19PC9wPlxuICAgICAgICAgICAgICAgIEBpZiAobS5hbnN3ZXIpIHtcbiAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidm8tbXV0ZWRcIj57eyBtLmFuc3dlciB9fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICB9IEBlbHNlIGlmIChtLmFjdGlvbnMgJiYgbS5hY3Rpb25zLmxlbmd0aCkge1xuICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInZvLXN0ZS1hY3RzXCI+XG4gICAgICAgICAgICAgICAgICAgIEBmb3IgKGEgb2YgbS5hY3Rpb25zOyB0cmFjayBhLmxhYmVsOyBsZXQgaSA9ICRpbmRleCkge1xuICAgICAgICAgICAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJ2by1waWxsIHZvLXNtXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtjbGFzcy52by1wcmltYXJ5XT1cImkgPT09IG0uYWN0aW9ucy5sZW5ndGggLSAxXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtjbGFzcy52by1naG9zdF09XCJpICE9PSBtLmFjdGlvbnMubGVuZ3RoIC0gMVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwiYS5vbkNsaWNrKClcIlxuICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgIHt7IGEubGFiZWwgfX1cbiAgICAgICAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICBAaWYgKHNob3dTdW1tYXJ5KSB7XG4gICAgICAgICAgPGRpdiBjbGFzcz1cInZvLXN0ZS1zdW0gdm8tZW50ZXJcIj5cbiAgICAgICAgICAgIDx2by1pY29uIG5hbWU9XCJva1wiIHNpemU9XCJ4c1wiPjwvdm8taWNvbj48c3Bhbj57eyBzdW1tYXJ5VGV4dCB9fTwvc3Bhbj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgfVxuICAgICAgPC9kaXY+XG5cbiAgICAgIDxmb3JtIGNsYXNzPVwidm8tc3RlLWJveFwiIChzdWJtaXQpPVwic2VuZCgkZXZlbnQpXCI+XG4gICAgICAgIDxpbnB1dFxuICAgICAgICAgIFt2YWx1ZV09XCJkcmFmdFwiXG4gICAgICAgICAgKGlucHV0KT1cIm9uSW5wdXQoJGV2ZW50KVwiXG4gICAgICAgICAgW2Rpc2FibGVkXT1cImZpbmlzaGVkXCJcbiAgICAgICAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJUZXh0XCJcbiAgICAgICAgICBhcmlhLWxhYmVsPVwiTWVzc2FnZSB0aGUgYWdlbnRcIlxuICAgICAgICAgIHNwZWxsY2hlY2s9XCJmYWxzZVwiXG4gICAgICAgICAgYXV0b2NvbXBsZXRlPVwib2ZmXCJcbiAgICAgICAgLz5cbiAgICAgICAgPGJ1dHRvbiB0eXBlPVwic3VibWl0XCIgY2xhc3M9XCJ2by1zdGUtZ29cIiBhcmlhLWxhYmVsPVwiU2VuZFwiIFtkaXNhYmxlZF09XCJmaW5pc2hlZCB8fCAhZHJhZnQudHJpbSgpXCI+XG4gICAgICAgICAgPHZvLWljb24gbmFtZT1cImNoZXYtdVwiIHNpemU9XCJ4c1wiPjwvdm8taWNvbj5cbiAgICAgICAgPC9idXR0b24+XG4gICAgICA8L2Zvcm0+XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsOiAnLi9zdGVlcmluZy5jc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBTdGVlcmluZ0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG4gIC8qKiBUaGUgcnVuJ3MgZ29hbCwgbGlrZSBcIlJlZGVzaWduIHRoZSBwcmljaW5nIHBhZ2VcIi4gKi9cbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgdGl0bGUhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHN0ZXBzOiBTdGVlclN0ZXBbXSA9IFtdO1xuICAvKiogV2hhdCB5b3Ugc2VudCBhbmQgd2hhdCB0aGUgYWdlbnQgc2FpZCBiYWNrLCBpbiBvcmRlci4gKi9cbiAgQElucHV0KCkgbWVzc2FnZXM6IFN0ZWVyTWVzc2FnZVtdID0gW107XG4gIC8qKiBFbWl0dGVkIHdpdGggdGhlIHRleHQgd2hlbiBhIG1lc3NhZ2UgaXMgc2VudC4gQWRkIGl0IHRvIGBtZXNzYWdlc2AgYXMgYHF1ZXVlZGAsIGFuZCBtYXJrIGl0IGBhcHBsaWVkYCB3aGVuIGl0J3MgdGFrZW4gdXAuICovXG4gIEBPdXRwdXQoKSBzZW5kTWVzc2FnZSA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gIC8qKiBUaGUgbWVzc2FnZSBiZWluZyB3cml0dGVuLiBMZWF2ZSBpdCBvdXQgKHVuZGVmaW5lZCkgdG8gbGV0IHRoZSBib3gga2VlcCBpdC4gKi9cbiAgQElucHV0KCkgdmFsdWU/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGRlZmF1bHRWYWx1ZSA9ICcnO1xuICBAT3V0cHV0KCkgdmFsdWVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICAvKiogRGVmYXVsdHMgdG8gXCJTdGVlciB0aGUgYWdlbnQgd2hpbGUgaXQgd29ya3NcIiwgYW5kIFwiVGhlIHJ1biBoYXMgZmluaXNoZWRcIiBvbmNlIGV2ZXJ5IHN0ZXAgaXMgZG9uZS4gKi9cbiAgQElucHV0KCkgcGxhY2Vob2xkZXI/OiBzdHJpbmc7XG4gIC8qKiBUaGUgbGluZSB1bmRlciB0aGUgdGl0bGUuIERlZmF1bHRzIHRvIFwiU3RlcCAyIG9mIDRcIiwgb3IgRG9uZS4gKi9cbiAgQElucHV0KCkgc3RhdHVzPzogc3RyaW5nO1xuICAvKiogU2Vjb25kcyB0byBzaG93IGFzIG06c3MuIExlYXZlIGl0IG91dCB0byBsZXQgdGhlIGNsb2NrIGNvdW50IHVudGlsIGV2ZXJ5IHN0ZXAgaXMgZG9uZS4gKi9cbiAgQElucHV0KCkgc2Vjb25kcz86IG51bWJlcjtcbiAgLyoqIFNob3duIG9uY2UgZXZlcnkgc3RlcCBpcyBkb25lLiBEZWZhdWx0cyB0byBcIkRvbmUgaW4gMDoxNCDCtyAxIGNoYW5nZSBmcm9tIHlvdVwiOyBmYWxzZSBoaWRlcyBpdC4gKi9cbiAgQElucHV0KCkgc3VtbWFyeT86IHN0cmluZyB8IGZhbHNlO1xuXG4gIEBJbnB1dCgpIGNsYXNzTmFtZSA9ICcnO1xuXG4gIHByaXZhdGUgcmVhZG9ubHkgbW90aW9uID0gaW5qZWN0KFJlZHVjZWRNb3Rpb25TZXJ2aWNlKTtcblxuICAvLyB1bmNvbnRyb2xsZWQgZHJhZnQgKHVzZWQgd2hlbiB0aGUgbWF0Y2hpbmcgSW5wdXQgaXMgdW5kZWZpbmVkKVxuICBwcml2YXRlIGRyYWZ0U3RhdGUgPSAnJztcbiAgLy8gdGhlIGNsb2NrIGNvdW50cyB1bnRpbCBldmVyeSBzdGVwIGlzIGRvbmUsIHVubGVzcyBgc2Vjb25kc2AgaXMgZ2l2ZW5cbiAgcHJpdmF0ZSBjb3VudGVkID0gMDtcbiAgcHJpdmF0ZSBjb3VudFRpbWVyPzogUmV0dXJuVHlwZTx0eXBlb2Ygc2V0SW50ZXJ2YWw+O1xuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICBpZiAoY2hhbmdlc1snZGVmYXVsdFZhbHVlJ10gJiYgdGhpcy5kcmFmdFN0YXRlID09PSAnJykge1xuICAgICAgdGhpcy5kcmFmdFN0YXRlID0gdGhpcy5kZWZhdWx0VmFsdWU7XG4gICAgfVxuICAgIGlmIChjaGFuZ2VzWydzZWNvbmRzJ10gfHwgY2hhbmdlc1snc3RlcHMnXSkgdGhpcy5zeW5jQ291bnRlcigpO1xuICB9XG5cbiAgZ2V0IGRyYWZ0KCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMudmFsdWUgPz8gdGhpcy5kcmFmdFN0YXRlO1xuICB9XG5cbiAgZ2V0IGZpbmlzaGVkKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLnN0ZXBzLmxlbmd0aCA+IDAgJiYgdGhpcy5zdGVwcy5ldmVyeSgocykgPT4gcy5zdGF0dXMgPT09ICdkb25lJyk7XG4gIH1cblxuICBwcml2YXRlIGdldCBzZWNzKCk6IG51bWJlciB7XG4gICAgcmV0dXJuIHRoaXMuc2Vjb25kcyA/PyB0aGlzLmNvdW50ZWQ7XG4gIH1cblxuICBnZXQgY2xvY2tUZXh0KCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGNsb2NrKHRoaXMuc2Vjcyk7XG4gIH1cblxuICBnZXQgbGluZSgpOiBzdHJpbmcge1xuICAgIGlmICh0aGlzLnN0YXR1cyAhPT0gdW5kZWZpbmVkKSByZXR1cm4gdGhpcy5zdGF0dXM7XG4gICAgaWYgKHRoaXMuZmluaXNoZWQpIHJldHVybiAnRG9uZSc7XG4gICAgY29uc3QgYXQgPSB0aGlzLnN0ZXBzLmZpbmRJbmRleCgocykgPT4gcy5zdGF0dXMgPT09ICdydW5uaW5nJyk7XG4gICAgY29uc3QgaSA9IGF0IDwgMCA/IHRoaXMuc3RlcHMuZmlsdGVyKChzKSA9PiBzLnN0YXR1cyA9PT0gJ2RvbmUnKS5sZW5ndGggOiBhdDtcbiAgICByZXR1cm4gYFN0ZXAgJHtpICsgMX0gb2YgJHt0aGlzLnN0ZXBzLmxlbmd0aH1gO1xuICB9XG5cbiAgcHJpdmF0ZSBnZXQgbWluZSgpOiBudW1iZXIge1xuICAgIHJldHVybiB0aGlzLm1lc3NhZ2VzLmZpbHRlcigobSkgPT4gbS5mcm9tID09PSAneW91JykubGVuZ3RoO1xuICB9XG5cbiAgZ2V0IHN1bW1hcnlUZXh0KCk6IHN0cmluZyB7XG4gICAgaWYgKHRoaXMuc3VtbWFyeSA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICBjb25zdCBuID0gdGhpcy5taW5lO1xuICAgICAgcmV0dXJuIGBEb25lIGluICR7Y2xvY2sodGhpcy5zZWNzKX0ke24gPyBgIMK3ICR7bn0gY2hhbmdlJHtuID4gMSA/ICdzJyA6ICcnfSBmcm9tIHlvdWAgOiAnJ31gO1xuICAgIH1cbiAgICByZXR1cm4gdGhpcy5zdW1tYXJ5ID09PSBmYWxzZSA/ICcnIDogdGhpcy5zdW1tYXJ5O1xuICB9XG5cbiAgZ2V0IHNob3dTdW1tYXJ5KCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmZpbmlzaGVkICYmIHRoaXMuc3VtbWFyeSAhPT0gZmFsc2U7XG4gIH1cblxuICBnZXQgcGxhY2Vob2xkZXJUZXh0KCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMucGxhY2Vob2xkZXIgPz8gKHRoaXMuZmluaXNoZWQgPyAnVGhlIHJ1biBoYXMgZmluaXNoZWQnIDogJ1N0ZWVyIHRoZSBhZ2VudCB3aGlsZSBpdCB3b3JrcycpO1xuICB9XG5cbiAgb25JbnB1dChlOiBFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IHYgPSAoZS50YXJnZXQgYXMgSFRNTElucHV0RWxlbWVudCkudmFsdWU7XG4gICAgaWYgKHRoaXMudmFsdWUgPT09IHVuZGVmaW5lZCkgdGhpcy5kcmFmdFN0YXRlID0gdjtcbiAgICB0aGlzLnZhbHVlQ2hhbmdlLmVtaXQodik7XG4gIH1cblxuICBzZW5kKGU6IEV2ZW50KTogdm9pZCB7XG4gICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIGNvbnN0IHQgPSB0aGlzLmRyYWZ0LnRyaW0oKTtcbiAgICBpZiAoIXQgfHwgdGhpcy5maW5pc2hlZCkgcmV0dXJuO1xuICAgIHRoaXMuc2VuZE1lc3NhZ2UuZW1pdCh0KTtcbiAgICBpZiAodGhpcy52YWx1ZSA9PT0gdW5kZWZpbmVkKSB0aGlzLmRyYWZ0U3RhdGUgPSAnJztcbiAgICB0aGlzLnZhbHVlQ2hhbmdlLmVtaXQoJycpO1xuICB9XG5cbiAgLy8gdGhlIGNsb2NrIHRpY2tzIHVudGlsIGV2ZXJ5IHN0ZXAgaXMgZG9uZTsgcmVkdWNlZCBtb3Rpb24gc3RpbGwgY291bnRzLCBpdFxuICAvLyBqdXN0IGhhcyBubyBlbnRyYW5jZSBhbmltYXRpb25zIGVsc2V3aGVyZSB0byBzdXBwcmVzc1xuICBwcml2YXRlIHN5bmNDb3VudGVyKCk6IHZvaWQge1xuICAgIGNvbnN0IHNob3VsZENvdW50ID0gdGhpcy5zZWNvbmRzID09PSB1bmRlZmluZWQgJiYgIXRoaXMuZmluaXNoZWQ7XG4gICAgaWYgKHNob3VsZENvdW50ICYmICF0aGlzLmNvdW50VGltZXIpIHtcbiAgICAgIHRoaXMuY291bnRUaW1lciA9IHNldEludGVydmFsKCgpID0+ICh0aGlzLmNvdW50ZWQgKz0gMSksIDEwMDApO1xuICAgIH0gZWxzZSBpZiAoIXNob3VsZENvdW50ICYmIHRoaXMuY291bnRUaW1lcikge1xuICAgICAgY2xlYXJJbnRlcnZhbCh0aGlzLmNvdW50VGltZXIpO1xuICAgICAgdGhpcy5jb3VudFRpbWVyID0gdW5kZWZpbmVkO1xuICAgIH1cbiAgfVxufVxuIl19