@visuno/angular 0.0.0-stage → 0.1.0

package/esm2022/web-search/web-search.component.mjs

@@ -0,0 +1,374 @@
+// framework/angular/web-search/web-search.component.ts
+//
+// Native Angular port of framework/react/web-search/WebSearch.tsx.
+// The agent's web searches as a trail: each query and what came back, each page
+// read, skimmed or skipped and why, a summary once done, and an answer whose
+// citations light their pages. Inputs mirror the React props; the open-state
+// callback becomes an @Output() EventEmitter.
+import { Component, EventEmitter, Input, Output, ViewEncapsulation, } from '@angular/core';
+import { VoIconComponent } from '../core/icon.component';
+import * as i0 from "@angular/core";
+const STATUS = {
+    reading: ['Reading', ''],
+    read: ['Read', ''],
+    skimmed: ['Skimmed', ''],
+    paywall: ['Skipped: paywall', 'vo-warn'],
+    blocked: ['Skipped: blocked', 'vo-warn'],
+    timeout: ['Skipped: timeout', 'vo-warn'],
+};
+/** The agent's web searches as a trail, with an answer whose citations light their pages. */
+export class WebSearchComponent {
+    constructor() {
+        this.queries = [];
+        /** True once searching and reading are over: the trail folds to its summary. */
+        this.done = false;
+        /** Without the panel, for a chat stream. */
+        this.bare = true;
+        this.openChange = new EventEmitter();
+        this.STATUS = STATUS;
+        this.hot = null;
+        this.said = '';
+        this.controlled = false;
+        this.inner = true;
+        this.qOpen = {};
+        this.lastSaid = '';
+    }
+    /** Whether the trail is open. Left out, it folds once done turns true. */
+    set open(value) {
+        this.controlled = value !== undefined;
+        if (value !== undefined)
+            this.inner = value;
+    }
+    get isOpen() {
+        return this.inner;
+    }
+    get flatPages() {
+        return this.queries.flatMap((q) => (q.pages ?? []).map((p) => ({ ...p, q: q.key })));
+    }
+    get sites() {
+        return [...new Set(this.flatPages.map((p) => p.domain))];
+    }
+    get marks() {
+        return this.sites.slice(0, 4);
+    }
+    get line() {
+        const read = this.flatPages.filter((p) => p.status === 'read' || p.status === 'skimmed').length;
+        if (this.done)
+            return `${this.queries.length} searches, ${read} pages read`;
+        const current = this.queries.find((q) => q.status === 'searching');
+        if (current)
+            return `Searching for “${current.query}”`;
+        const reading = this.flatPages.filter((p) => p.status === 'reading').length;
+        if (reading)
+            return `Reading ${reading} pages`;
+        return 'Searching the web';
+    }
+    get hotPage() {
+        return this.hot != null ? this.flatPages.find((p) => p.cite === this.hot) : undefined;
+    }
+    get answerParts() {
+        if (!this.answer)
+            return [];
+        return this.answer.split(/(\[\d+\])/).map((part) => {
+            const m = part.match(/^\[(\d+)\]$/);
+            return m ? { cite: +m[1] } : { text: part };
+        });
+    }
+    hasPages(q) {
+        return !!q.pages?.length;
+    }
+    isQOpen(q) {
+        if (!this.hasPages(q))
+            return false;
+        const auto = q.pages?.some((p) => p.status === 'reading') ?? false;
+        return this.qOpen[q.key] ?? auto;
+    }
+    isSkip(p) {
+        return p.status !== 'read' && p.status !== 'skimmed' && p.status !== 'reading';
+    }
+    qLabel(q) {
+        if (q.status !== 'done')
+            return null;
+        const res = q.results ? `${q.results} results` : 'no results';
+        return `${q.query}: ${res}${q.time ? ', ' + q.time : ''}`;
+    }
+    pageLabel(p) {
+        return `${p.title}, ${p.domain}${p.date ? ', ' + p.date : ''}: ${STATUS[p.status][0]}`;
+    }
+    citeLabel(n) {
+        if (n === undefined)
+            return '';
+        const p = this.flatPages.find((x) => x.cite === n);
+        return p ? `Source ${n}: ${p.title}, ${p.domain}` : `Source ${n}`;
+    }
+    toggle() {
+        this.setOpen(!this.inner);
+    }
+    toggleQ(q) {
+        if (!this.hasPages(q))
+            return;
+        this.qOpen = { ...this.qOpen, [q.key]: !this.isQOpen(q) };
+    }
+    setOpen(o) {
+        if (!this.controlled)
+            this.inner = o;
+        this.openChange.emit(o);
+    }
+    ngOnChanges(changes) {
+        if (changes['done'] && this.done && !this.controlled) {
+            this.inner = false;
+        }
+        // only changes of phase are announced
+        const current = this.queries.find((q) => q.status === 'searching');
+        const next = this.done ? `Done: ${this.line}` : current ? `Searching for ${current.query}` : '';
+        if (next && next !== this.lastSaid) {
+            this.lastSaid = next;
+            this.said = next;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: WebSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: WebSearchComponent, isStandalone: true, selector: "vo-web-search", inputs: { queries: "queries", done: "done", answer: "answer", open: "open", bare: "bare" }, outputs: { openChange: "openChange" }, usesOnChanges: true, ngImport: i0, template: `
+    <div
+      data-vo=""
+      class="vo-wsx"
+      [class.vo-panel]="!bare"
+      [style.paddingInline]="bare ? '0' : null"
+    >
+      <button type="button" class="vo-wsx-h" [attr.aria-expanded]="isOpen" (click)="toggle()">
+        <span class="vo-wsx-ic">
+          @if (done) {
+            <vo-icon name="globe" size="xs"></vo-icon>
+          } @else {
+            <span class="vo-spin" aria-hidden="true"></span>
+          }
+        </span>
+        <span class="vo-wsx-st vo-sw" [class.vo-shim]="!done">{{ line }}</span>
+        <span class="vo-wsx-marks" aria-hidden="true">
+          @for (s of marks; track s) {
+            <span [class.vo-hl]="hotPage?.domain === s">{{ s[0].toUpperCase() }}</span>
+          }
+          @if (sites.length > 4) {
+            <span class="vo-n">+{{ sites.length - 4 }}</span>
+          }
+        </span>
+        <vo-icon name="chev-d" size="xs"></vo-icon>
+      </button>
+
+      <div class="vo-fold vo-wsx-fold" [class.vo-shut]="!isOpen" [attr.inert]="isOpen ? null : ''">
+        <div>
+          <div class="vo-wsx-list">
+            @for (q of queries; track q.key) {
+              <div
+                class="vo-wsx-q vo-enter"
+                [class.vo-hl]="hotPage && hotPage.q === q.key && !isQOpen(q)"
+              >
+                <button
+                  type="button"
+                  class="vo-wsx-qh"
+                  [class.vo-empty]="!hasPages(q)"
+                  [attr.aria-expanded]="isQOpen(q)"
+                  [attr.aria-label]="qLabel(q)"
+                  (click)="toggleQ(q)"
+                >
+                  <vo-icon name="search" size="xs"></vo-icon>
+                  <span class="vo-t" [class.vo-shim]="q.status === 'searching'">{{ q.query }}</span>
+                  <span class="vo-n" [class.vo-none]="q.status === 'done' && !q.results">{{
+                    q.status === 'searching' ? 'Searching' : q.results ? q.results + ' results' : 'No results'
+                  }}</span>
+                  <span class="vo-tm vo-num">{{ q.status === 'done' ? q.time : '' }}</span>
+                  <vo-icon name="chev-r" size="xs"></vo-icon>
+                </button>
+                @if (q.rewritten) {
+                  <span class="vo-wsx-rw">
+                    <vo-icon name="refresh" size="xs"></vo-icon>Asked again in other words
+                  </span>
+                }
+                @if (hasPages(q)) {
+                  <div class="vo-fold" [class.vo-shut]="!isQOpen(q)" [attr.inert]="isQOpen(q) ? null : ''">
+                    <div>
+                      <ul class="vo-wsx-rs">
+                        @for (p of q.pages; track p.title) {
+                          <li
+                            tabindex="0"
+                            class="vo-wsx-r vo-enter"
+                            [class.vo-skip]="isSkip(p)"
+                            [class.vo-hl]="hotPage && hotPage.q === q.key && hotPage.title === p.title"
+                            [attr.aria-label]="pageLabel(p)"
+                          >
+                            <span class="vo-wsx-fav" aria-hidden="true">{{ p.domain[0].toUpperCase() }}</span>
+                            <span class="vo-tx">
+                              <span class="vo-t">{{ p.title }}</span>
+                              <span class="vo-d">{{ p.domain }}{{ p.date ? ' · ' + p.date : '' }}</span>
+                            </span>
+                            <span class="vo-tag" [class]="STATUS[p.status][1]">
+                              @if (p.status === 'reading') {
+                                <span class="vo-spin" aria-hidden="true"></span>
+                              }
+                              {{ STATUS[p.status][0] }}
+                            </span>
+                          </li>
+                        }
+                      </ul>
+                    </div>
+                  </div>
+                }
+              </div>
+            }
+          </div>
+        </div>
+      </div>
+
+      @if (answer) {
+        <div class="vo-wsx-ans">
+          @for (part of answerParts; track $index) {
+            @if (part.cite !== undefined) {
+              <button
+                type="button"
+                class="vo-wsx-cite"
+                [class.vo-on]="hot === part.cite"
+                [attr.aria-label]="citeLabel(part.cite)"
+                (pointerenter)="hot = part.cite ?? null"
+                (pointerleave)="hot = null"
+                (focus)="hot = part.cite ?? null"
+                (blur)="hot = null"
+              >{{ part.cite }}</button>
+            } @else {
+              <span>{{ part.text }}</span>
+            }
+          }
+        </div>
+      }
+      <p class="vo-wsx-sr" role="status">{{ said }}</p>
+    </div>
+  `, isInline: true, styles: [".vo-wsx{padding:6px;display:flex;flex-direction:column;font-size:13px}.vo-wsx-h{display:flex;align-items:center;gap:10px;width:100%;padding:var(--vo-s-2) 10px;border-radius:var(--vo-r-in);text-align:left;font-size:13.5px;transition:background var(--vo-t-fast)}@media (hover:hover) and (pointer:fine){.vo-wsx-h:hover{background:var(--vo-row)}}.vo-wsx-ic{width:16px;height:16px;flex:none;display:grid;place-items:center;color:var(--vo-fg2)}.vo-wsx-ic .vo-spin{width:11px;height:11px}.vo-wsx-st{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vo-wsx-h>.vo-i{color:var(--vo-muted);transition:transform .32s var(--vo-ease)}.vo-wsx-h[aria-expanded=false]>.vo-i{transform:rotate(-90deg)}.vo-wsx-marks{display:flex;align-items:center}.vo-wsx-marks span{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;margin-left:-5px;background:var(--vo-chip);color:var(--vo-fg2);font-size:10.5px;font-weight:500;box-shadow:0 0 0 2px var(--vo-surface);transition:background .2s,color .2s}.vo-wsx-marks span.vo-n{background:var(--vo-surface);color:var(--vo-muted);box-shadow:0 0 0 2px var(--vo-surface),inset 0 0 0 1px color-mix(in srgb,var(--vo-line) 50%,transparent);font-size:10px}.vo-wsx-marks span.vo-hl{background:var(--vo-fg2);color:var(--vo-surface)}.vo-wsx-list{display:flex;flex-direction:column;gap:2px;padding:2px 0 var(--vo-s-1)}.vo-wsx-q{display:flex;flex-direction:column}.vo-wsx-qh{display:grid;grid-template-columns:16px minmax(0,1fr) auto auto 12px;align-items:center;column-gap:var(--vo-s-2);width:100%;padding:6px 10px;border-radius:calc(10px * var(--vo-rk));text-align:left;transition:background var(--vo-t-fast)}.vo-wsx-q.vo-hl>.vo-wsx-qh{background:var(--vo-row)}@media (hover:hover) and (pointer:fine){.vo-wsx-qh:hover{background:var(--vo-row)}}.vo-wsx-qh>.vo-i:first-child{color:var(--vo-muted)}.vo-wsx-qh .vo-t{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--vo-fg)}.vo-wsx-qh .vo-n,.vo-wsx-qh .vo-tm{font-size:12px;color:var(--vo-muted);white-space:nowrap}.vo-wsx-qh .vo-n.vo-none{color:var(--vo-warn)}.vo-wsx-qh>.vo-i:last-child{color:var(--vo-muted);transition:transform .32s var(--vo-ease)}.vo-wsx-qh[aria-expanded=true]>.vo-i:last-child{transform:rotate(90deg)}.vo-wsx-qh[aria-expanded=false].vo-empty>.vo-i:last-child{visibility:hidden}.vo-wsx-rw{display:flex;align-items:center;gap:6px;padding:0 10px 2px 34px;font-size:12px;color:var(--vo-muted)}.vo-wsx-rs{list-style:none;margin:0;padding:2px 0 var(--vo-s-1) 26px;display:flex;flex-direction:column;gap:2px}.vo-wsx-r{display:grid;grid-template-columns:20px minmax(0,1fr) auto;column-gap:var(--vo-s-2);align-items:center;padding:5px var(--vo-s-2);border-radius:calc(9px * var(--vo-rk));transition:background var(--vo-t-fast);cursor:default}.vo-wsx-r.vo-hl{background:var(--vo-row)}@media (hover:hover) and (pointer:fine){.vo-wsx-r:hover{background:var(--vo-row)}}.vo-wsx-r:focus-visible{outline-offset:-2px}.vo-wsx-fav{width:20px;height:20px;border-radius:calc(6px * var(--vo-rk));display:grid;place-items:center;background:var(--vo-chip);color:var(--vo-fg2);font-size:10.5px;font-weight:500}.vo-wsx-r .vo-tx{display:flex;flex-direction:column;min-width:0;line-height:1.35}.vo-wsx-r .vo-t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12.5px;color:var(--vo-fg)}.vo-wsx-r .vo-d{font-size:11.5px;color:var(--vo-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vo-wsx-r.vo-skip .vo-t{color:var(--vo-muted)}.vo-wsx-r .vo-tag .vo-spin{width:9px;height:9px}.vo-wsx-ans{padding:var(--vo-s-2) 10px 6px;font-size:13.5px;line-height:1.6;color:var(--vo-fg)}.vo-wsx-ans:empty{display:none}.vo-wsx-cite{display:inline-grid;place-items:center;min-width:18px;height:17px;padding:0 4px;margin:0 1px;border-radius:calc(5px * var(--vo-rk));background:var(--vo-chip);color:var(--vo-fg2);font-size:11px;font-weight:500;vertical-align:1px;transition:background var(--vo-t-fast),color var(--vo-t-fast)}.vo-wsx-cite.vo-on{background:var(--vo-fg2);color:var(--vo-surface)}@media (hover:hover) and (pointer:fine){.vo-wsx-cite:hover{background:var(--vo-fg2);color:var(--vo-surface)}}.vo-wsx-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.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-shim{background:linear-gradient(90deg,var(--vo-fg) 0%,var(--vo-fg) 38%,var(--vo-faint) 50%,var(--vo-fg) 62%,var(--vo-fg) 100%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:vo-shim 2.2s linear infinite}@keyframes vo-shim{0%{background-position:100% 0}to{background-position:-160% 0}}.vo-enter{animation:vo-enter var(--vo-t-slow) var(--vo-ease) backwards}@keyframes vo-enter{0%{opacity:0;transform:translateY(6px);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}.vo-sw{display:inline-block;transition:opacity .2s var(--vo-ease),filter .2s var(--vo-ease),transform .25s var(--vo-ease)}.vo-sw.vo-out{opacity:0;filter:blur(3px);transform:translateY(3px)}.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}}\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: WebSearchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vo-web-search', standalone: true, encapsulation: ViewEncapsulation.None, imports: [VoIconComponent], template: `
+    <div
+      data-vo=""
+      class="vo-wsx"
+      [class.vo-panel]="!bare"
+      [style.paddingInline]="bare ? '0' : null"
+    >
+      <button type="button" class="vo-wsx-h" [attr.aria-expanded]="isOpen" (click)="toggle()">
+        <span class="vo-wsx-ic">
+          @if (done) {
+            <vo-icon name="globe" size="xs"></vo-icon>
+          } @else {
+            <span class="vo-spin" aria-hidden="true"></span>
+          }
+        </span>
+        <span class="vo-wsx-st vo-sw" [class.vo-shim]="!done">{{ line }}</span>
+        <span class="vo-wsx-marks" aria-hidden="true">
+          @for (s of marks; track s) {
+            <span [class.vo-hl]="hotPage?.domain === s">{{ s[0].toUpperCase() }}</span>
+          }
+          @if (sites.length > 4) {
+            <span class="vo-n">+{{ sites.length - 4 }}</span>
+          }
+        </span>
+        <vo-icon name="chev-d" size="xs"></vo-icon>
+      </button>
+
+      <div class="vo-fold vo-wsx-fold" [class.vo-shut]="!isOpen" [attr.inert]="isOpen ? null : ''">
+        <div>
+          <div class="vo-wsx-list">
+            @for (q of queries; track q.key) {
+              <div
+                class="vo-wsx-q vo-enter"
+                [class.vo-hl]="hotPage && hotPage.q === q.key && !isQOpen(q)"
+              >
+                <button
+                  type="button"
+                  class="vo-wsx-qh"
+                  [class.vo-empty]="!hasPages(q)"
+                  [attr.aria-expanded]="isQOpen(q)"
+                  [attr.aria-label]="qLabel(q)"
+                  (click)="toggleQ(q)"
+                >
+                  <vo-icon name="search" size="xs"></vo-icon>
+                  <span class="vo-t" [class.vo-shim]="q.status === 'searching'">{{ q.query }}</span>
+                  <span class="vo-n" [class.vo-none]="q.status === 'done' && !q.results">{{
+                    q.status === 'searching' ? 'Searching' : q.results ? q.results + ' results' : 'No results'
+                  }}</span>
+                  <span class="vo-tm vo-num">{{ q.status === 'done' ? q.time : '' }}</span>
+                  <vo-icon name="chev-r" size="xs"></vo-icon>
+                </button>
+                @if (q.rewritten) {
+                  <span class="vo-wsx-rw">
+                    <vo-icon name="refresh" size="xs"></vo-icon>Asked again in other words
+                  </span>
+                }
+                @if (hasPages(q)) {
+                  <div class="vo-fold" [class.vo-shut]="!isQOpen(q)" [attr.inert]="isQOpen(q) ? null : ''">
+                    <div>
+                      <ul class="vo-wsx-rs">
+                        @for (p of q.pages; track p.title) {
+                          <li
+                            tabindex="0"
+                            class="vo-wsx-r vo-enter"
+                            [class.vo-skip]="isSkip(p)"
+                            [class.vo-hl]="hotPage && hotPage.q === q.key && hotPage.title === p.title"
+                            [attr.aria-label]="pageLabel(p)"
+                          >
+                            <span class="vo-wsx-fav" aria-hidden="true">{{ p.domain[0].toUpperCase() }}</span>
+                            <span class="vo-tx">
+                              <span class="vo-t">{{ p.title }}</span>
+                              <span class="vo-d">{{ p.domain }}{{ p.date ? ' · ' + p.date : '' }}</span>
+                            </span>
+                            <span class="vo-tag" [class]="STATUS[p.status][1]">
+                              @if (p.status === 'reading') {
+                                <span class="vo-spin" aria-hidden="true"></span>
+                              }
+                              {{ STATUS[p.status][0] }}
+                            </span>
+                          </li>
+                        }
+                      </ul>
+                    </div>
+                  </div>
+                }
+              </div>
+            }
+          </div>
+        </div>
+      </div>
+
+      @if (answer) {
+        <div class="vo-wsx-ans">
+          @for (part of answerParts; track $index) {
+            @if (part.cite !== undefined) {
+              <button
+                type="button"
+                class="vo-wsx-cite"
+                [class.vo-on]="hot === part.cite"
+                [attr.aria-label]="citeLabel(part.cite)"
+                (pointerenter)="hot = part.cite ?? null"
+                (pointerleave)="hot = null"
+                (focus)="hot = part.cite ?? null"
+                (blur)="hot = null"
+              >{{ part.cite }}</button>
+            } @else {
+              <span>{{ part.text }}</span>
+            }
+          }
+        </div>
+      }
+      <p class="vo-wsx-sr" role="status">{{ said }}</p>
+    </div>
+  `, styles: [".vo-wsx{padding:6px;display:flex;flex-direction:column;font-size:13px}.vo-wsx-h{display:flex;align-items:center;gap:10px;width:100%;padding:var(--vo-s-2) 10px;border-radius:var(--vo-r-in);text-align:left;font-size:13.5px;transition:background var(--vo-t-fast)}@media (hover:hover) and (pointer:fine){.vo-wsx-h:hover{background:var(--vo-row)}}.vo-wsx-ic{width:16px;height:16px;flex:none;display:grid;place-items:center;color:var(--vo-fg2)}.vo-wsx-ic .vo-spin{width:11px;height:11px}.vo-wsx-st{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vo-wsx-h>.vo-i{color:var(--vo-muted);transition:transform .32s var(--vo-ease)}.vo-wsx-h[aria-expanded=false]>.vo-i{transform:rotate(-90deg)}.vo-wsx-marks{display:flex;align-items:center}.vo-wsx-marks span{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;margin-left:-5px;background:var(--vo-chip);color:var(--vo-fg2);font-size:10.5px;font-weight:500;box-shadow:0 0 0 2px var(--vo-surface);transition:background .2s,color .2s}.vo-wsx-marks span.vo-n{background:var(--vo-surface);color:var(--vo-muted);box-shadow:0 0 0 2px var(--vo-surface),inset 0 0 0 1px color-mix(in srgb,var(--vo-line) 50%,transparent);font-size:10px}.vo-wsx-marks span.vo-hl{background:var(--vo-fg2);color:var(--vo-surface)}.vo-wsx-list{display:flex;flex-direction:column;gap:2px;padding:2px 0 var(--vo-s-1)}.vo-wsx-q{display:flex;flex-direction:column}.vo-wsx-qh{display:grid;grid-template-columns:16px minmax(0,1fr) auto auto 12px;align-items:center;column-gap:var(--vo-s-2);width:100%;padding:6px 10px;border-radius:calc(10px * var(--vo-rk));text-align:left;transition:background var(--vo-t-fast)}.vo-wsx-q.vo-hl>.vo-wsx-qh{background:var(--vo-row)}@media (hover:hover) and (pointer:fine){.vo-wsx-qh:hover{background:var(--vo-row)}}.vo-wsx-qh>.vo-i:first-child{color:var(--vo-muted)}.vo-wsx-qh .vo-t{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--vo-fg)}.vo-wsx-qh .vo-n,.vo-wsx-qh .vo-tm{font-size:12px;color:var(--vo-muted);white-space:nowrap}.vo-wsx-qh .vo-n.vo-none{color:var(--vo-warn)}.vo-wsx-qh>.vo-i:last-child{color:var(--vo-muted);transition:transform .32s var(--vo-ease)}.vo-wsx-qh[aria-expanded=true]>.vo-i:last-child{transform:rotate(90deg)}.vo-wsx-qh[aria-expanded=false].vo-empty>.vo-i:last-child{visibility:hidden}.vo-wsx-rw{display:flex;align-items:center;gap:6px;padding:0 10px 2px 34px;font-size:12px;color:var(--vo-muted)}.vo-wsx-rs{list-style:none;margin:0;padding:2px 0 var(--vo-s-1) 26px;display:flex;flex-direction:column;gap:2px}.vo-wsx-r{display:grid;grid-template-columns:20px minmax(0,1fr) auto;column-gap:var(--vo-s-2);align-items:center;padding:5px var(--vo-s-2);border-radius:calc(9px * var(--vo-rk));transition:background var(--vo-t-fast);cursor:default}.vo-wsx-r.vo-hl{background:var(--vo-row)}@media (hover:hover) and (pointer:fine){.vo-wsx-r:hover{background:var(--vo-row)}}.vo-wsx-r:focus-visible{outline-offset:-2px}.vo-wsx-fav{width:20px;height:20px;border-radius:calc(6px * var(--vo-rk));display:grid;place-items:center;background:var(--vo-chip);color:var(--vo-fg2);font-size:10.5px;font-weight:500}.vo-wsx-r .vo-tx{display:flex;flex-direction:column;min-width:0;line-height:1.35}.vo-wsx-r .vo-t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12.5px;color:var(--vo-fg)}.vo-wsx-r .vo-d{font-size:11.5px;color:var(--vo-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vo-wsx-r.vo-skip .vo-t{color:var(--vo-muted)}.vo-wsx-r .vo-tag .vo-spin{width:9px;height:9px}.vo-wsx-ans{padding:var(--vo-s-2) 10px 6px;font-size:13.5px;line-height:1.6;color:var(--vo-fg)}.vo-wsx-ans:empty{display:none}.vo-wsx-cite{display:inline-grid;place-items:center;min-width:18px;height:17px;padding:0 4px;margin:0 1px;border-radius:calc(5px * var(--vo-rk));background:var(--vo-chip);color:var(--vo-fg2);font-size:11px;font-weight:500;vertical-align:1px;transition:background var(--vo-t-fast),color var(--vo-t-fast)}.vo-wsx-cite.vo-on{background:var(--vo-fg2);color:var(--vo-surface)}@media (hover:hover) and (pointer:fine){.vo-wsx-cite:hover{background:var(--vo-fg2);color:var(--vo-surface)}}.vo-wsx-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.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-shim{background:linear-gradient(90deg,var(--vo-fg) 0%,var(--vo-fg) 38%,var(--vo-faint) 50%,var(--vo-fg) 62%,var(--vo-fg) 100%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:vo-shim 2.2s linear infinite}@keyframes vo-shim{0%{background-position:100% 0}to{background-position:-160% 0}}.vo-enter{animation:vo-enter var(--vo-t-slow) var(--vo-ease) backwards}@keyframes vo-enter{0%{opacity:0;transform:translateY(6px);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}.vo-sw{display:inline-block;transition:opacity .2s var(--vo-ease),filter .2s var(--vo-ease),transform .25s var(--vo-ease)}.vo-sw.vo-out{opacity:0;filter:blur(3px);transform:translateY(3px)}.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}}\n"] }]
+        }], propDecorators: { queries: [{
+                type: Input
+            }], done: [{
+                type: Input
+            }], answer: [{
+                type: Input
+            }], open: [{
+                type: Input
+            }], bare: [{
+                type: Input
+            }], openChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2ViLXNlYXJjaC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi93ZWItc2VhcmNoL3dlYi1zZWFyY2guY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHVEQUF1RDtBQUN2RCxFQUFFO0FBQ0YsbUVBQW1FO0FBQ25FLGdGQUFnRjtBQUNoRiw2RUFBNkU7QUFDN0UsNkVBQTZFO0FBQzdFLDhDQUE4QztBQUU5QyxPQUFPLEVBQ0wsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBRUwsTUFBTSxFQUVOLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7O0FBOEJ6RCxNQUFNLE1BQU0sR0FBZ0Q7SUFDMUQsT0FBTyxFQUFFLENBQUMsU0FBUyxFQUFFLEVBQUUsQ0FBQztJQUN4QixJQUFJLEVBQUUsQ0FBQyxNQUFNLEVBQUUsRUFBRSxDQUFDO0lBQ2xCLE9BQU8sRUFBRSxDQUFDLFNBQVMsRUFBRSxFQUFFLENBQUM7SUFDeEIsT0FBTyxFQUFFLENBQUMsa0JBQWtCLEVBQUUsU0FBUyxDQUFDO0lBQ3hDLE9BQU8sRUFBRSxDQUFDLGtCQUFrQixFQUFFLFNBQVMsQ0FBQztJQUN4QyxPQUFPLEVBQUUsQ0FBQyxrQkFBa0IsRUFBRSxTQUFTLENBQUM7Q0FDekMsQ0FBQztBQWFGLDZGQUE2RjtBQTBIN0YsTUFBTSxPQUFPLGtCQUFrQjtJQXpIL0I7UUEwSFcsWUFBTyxHQUFlLEVBQUUsQ0FBQztRQUNsQyxnRkFBZ0Y7UUFDdkUsU0FBSSxHQUFHLEtBQUssQ0FBQztRQVF0Qiw0Q0FBNEM7UUFDbkMsU0FBSSxHQUFHLElBQUksQ0FBQztRQUVYLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO1FBRTFDLFdBQU0sR0FBRyxNQUFNLENBQUM7UUFFekIsUUFBRyxHQUFrQixJQUFJLENBQUM7UUFDMUIsU0FBSSxHQUFHLEVBQUUs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Ozs7Ozs7Ozs7Ozs7Ozs7O0dBaUhULDRyTEFsSFMsZUFBZTs7NEZBcUhkLGtCQUFrQjtrQkF6SDlCLFNBQVM7K0JBQ0UsZUFBZSxjQUNiLElBQUksaUJBQ0QsaUJBQWlCLENBQUMsSUFBSSxXQUM1QixDQUFDLGVBQWUsQ0FBQyxZQUNoQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FpSFQ7OEJBSVEsT0FBTztzQkFBZixLQUFLO2dCQUVHLElBQUk7c0JBQVosS0FBSztnQkFFRyxNQUFNO3NCQUFkLEtBQUs7Z0JBRU8sSUFBSTtzQkFBaEIsS0FBSztnQkFLRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRUksVUFBVTtzQkFBbkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbIi8vIGZyYW1ld29yay9hbmd1bGFyL3dlYi1zZWFyY2gvd2ViLXNlYXJjaC5jb21wb25lbnQudHNcbi8vXG4vLyBOYXRpdmUgQW5ndWxhciBwb3J0IG9mIGZyYW1ld29yay9yZWFjdC93ZWItc2VhcmNoL1dlYlNlYXJjaC50c3guXG4vLyBUaGUgYWdlbnQncyB3ZWIgc2VhcmNoZXMgYXMgYSB0cmFpbDogZWFjaCBxdWVyeSBhbmQgd2hhdCBjYW1lIGJhY2ssIGVhY2ggcGFnZVxuLy8gcmVhZCwgc2tpbW1lZCBvciBza2lwcGVkIGFuZCB3aHksIGEgc3VtbWFyeSBvbmNlIGRvbmUsIGFuZCBhbiBhbnN3ZXIgd2hvc2Vcbi8vIGNpdGF0aW9ucyBsaWdodCB0aGVpciBwYWdlcy4gSW5wdXRzIG1pcnJvciB0aGUgUmVhY3QgcHJvcHM7IHRoZSBvcGVuLXN0YXRlXG4vLyBjYWxsYmFjayBiZWNvbWVzIGFuIEBPdXRwdXQoKSBFdmVudEVtaXR0ZXIuXG5cbmltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT25DaGFuZ2VzLFxuICBPdXRwdXQsXG4gIFNpbXBsZUNoYW5nZXMsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFZvSWNvbkNvbXBvbmVudCB9IGZyb20gJy4uL2NvcmUvaWNvbi5jb21wb25lbnQnO1xuXG4vKiogT25lIHBhZ2UgdGhlIGFnZW50IG9wZW5lZCBmb3IgYSBxdWVyeS4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgV2ViUGFnZSB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIC8qKiBMaWtlIFwic3RyaXBlLmNvbVwiLiAqL1xuICBkb21haW46IHN0cmluZztcbiAgLyoqIExpa2UgXCJPY3QgMjAyNlwiLiAqL1xuICBkYXRlPzogc3RyaW5nO1xuICAvKiogcmVhZGluZyB3aGlsZSB0aGUgYWdlbnQgb3BlbnMgaXQ7IHRoZSBza2lwcGVkIG9uZXMgc2F5IHdoeS4gKi9cbiAgc3RhdHVzOiAncmVhZGluZycgfCAncmVhZCcgfCAnc2tpbW1lZCcgfCAncGF5d2FsbCcgfCAnYmxvY2tlZCcgfCAndGltZW91dCc7XG4gIC8qKiBUaGUgbnVtYmVyIHRoZSBhbnN3ZXIgY2l0ZXMgaXQgYnksIGFzIFsxXS4gKi9cbiAgY2l0ZT86IG51bWJlcjtcbn1cblxuLyoqIE9uZSBzZWFyY2ggdGhlIGFnZW50IG1hZGUuICovXG5leHBvcnQgaW50ZXJmYWNlIFdlYlF1ZXJ5IHtcbiAga2V5OiBzdHJpbmc7XG4gIHF1ZXJ5OiBzdHJpbmc7XG4gIC8qKiBzZWFyY2hpbmcgc2hpbW1lcnM7IGRvbmUgc2hvd3MgdGhlIGNvdW50IGFuZCB0aGUgdGltZS4gKi9cbiAgc3RhdHVzOiAnc2VhcmNoaW5nJyB8ICdkb25lJztcbiAgLyoqIEhvdyBtYW55IHJlc3VsdHMgY2FtZSBiYWNrOyAwIHNheXMgTm8gcmVzdWx0cy4gKi9cbiAgcmVzdWx0cz86IG51bWJlcjtcbiAgLyoqIExpa2UgXCIwLjlzXCIuICovXG4gIHRpbWU/OiBzdHJpbmc7XG4gIC8qKiBUaGlzIHF1ZXJ5IGFza3MgdGhlIG9uZSBiZWZvcmUgaXQgYWdhaW4gaW4gb3RoZXIgd29yZHMuICovXG4gIHJld3JpdHRlbj86IGJvb2xlYW47XG4gIHBhZ2VzPzogV2ViUGFnZVtdO1xufVxuXG5jb25zdCBTVEFUVVM6IFJlY29yZDxXZWJQYWdlWydzdGF0dXMnXSwgW3N0cmluZywgc3RyaW5nXT4gPSB7XG4gIHJlYWRpbmc6IFsnUmVhZGluZycsICcnXSxcbiAgcmVhZDogWydSZWFkJywgJyddLFxuICBza2ltbWVkOiBbJ1NraW1tZWQnLCAnJ10sXG4gIHBheXdhbGw6IFsnU2tpcHBlZDogcGF5d2FsbCcsICd2by13YXJuJ10sXG4gIGJsb2NrZWQ6IFsnU2tpcHBlZDogYmxvY2tlZCcsICd2by13YXJuJ10sXG4gIHRpbWVvdXQ6IFsnU2tpcHBlZDogdGltZW91dCcsICd2by13YXJuJ10sXG59O1xuXG4vKiogT25lIGZsYXR0ZW5lZCBwYWdlIHdpdGggaXRzIHF1ZXJ5IGtleSwgZm9yIGNpdGF0aW9ucyBhbmQgbWFya3MuICovXG5pbnRlcmZhY2UgRmxhdFBhZ2UgZXh0ZW5kcyBXZWJQYWdlIHtcbiAgcTogc3RyaW5nO1xufVxuXG4vKiogT25lIHBpZWNlIG9mIHRoZSBhbnN3ZXI6IHBsYWluIHRleHQgb3IgYSBjaXRhdGlvbiBidXR0b24uICovXG5pbnRlcmZhY2UgQW5zd2VyUGFydCB7XG4gIHRleHQ/OiBzdHJpbmc7XG4gIGNpdGU/OiBudW1iZXI7XG59XG5cbi8qKiBUaGUgYWdlbnQncyB3ZWIgc2VhcmNoZXMgYXMgYSB0cmFpbCwgd2l0aCBhbiBhbnN3ZXIgd2hvc2UgY2l0YXRpb25zIGxpZ2h0IHRoZWlyIHBhZ2VzLiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndm8td2ViLXNlYXJjaCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGltcG9ydHM6IFtWb0ljb25Db21wb25lbnRdLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXZcbiAgICAgIGRhdGEtdm89XCJcIlxuICAgICAgY2xhc3M9XCJ2by13c3hcIlxuICAgICAgW2NsYXNzLnZvLXBhbmVsXT1cIiFiYXJlXCJcbiAgICAgIFtzdHlsZS5wYWRkaW5nSW5saW5lXT1cImJhcmUgPyAnMCcgOiBudWxsXCJcbiAgICA+XG4gICAgICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIiBjbGFzcz1cInZvLXdzeC1oXCIgW2F0dHIuYXJpYS1leHBhbmRlZF09XCJpc09wZW5cIiAoY2xpY2spPVwidG9nZ2xlKClcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJ2by13c3gtaWNcIj5cbiAgICAgICAgICBAaWYgKGRvbmUpIHtcbiAgICAgICAgICAgIDx2by1pY29uIG5hbWU9XCJnbG9iZVwiIHNpemU9XCJ4c1wiPjwvdm8taWNvbj5cbiAgICAgICAgICB9IEBlbHNlIHtcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidm8tc3BpblwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvc3Bhbj5cbiAgICAgICAgICB9XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJ2by13c3gtc3Qgdm8tc3dcIiBbY2xhc3Mudm8tc2hpbV09XCIhZG9uZVwiPnt7IGxpbmUgfX08L3NwYW4+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwidm8td3N4LW1hcmtzXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+XG4gICAgICAgICAgQGZvciAocyBvZiBtYXJrczsgdHJhY2sgcykge1xuICAgICAgICAgICAgPHNwYW4gW2NsYXNzLnZvLWhsXT1cImhvdFBhZ2U/LmRvbWFpbiA9PT0gc1wiPnt7IHNbMF0udG9VcHBlckNhc2UoKSB9fTwvc3Bhbj5cbiAgICAgICAgICB9XG4gICAgICAgICAgQGlmIChzaXRlcy5sZW5ndGggPiA0KSB7XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInZvLW5cIj4re3sgc2l0ZXMubGVuZ3RoIC0gNCB9fTwvc3Bhbj5cbiAgICAgICAgICB9XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPHZvLWljb24gbmFtZT1cImNoZXYtZFwiIHNpemU9XCJ4c1wiPjwvdm8taWNvbj5cbiAgICAgIDwvYnV0dG9uPlxuXG4gICAgICA8ZGl2IGNsYXNzPVwidm8tZm9sZCB2by13c3gtZm9sZFwiIFtjbGFzcy52by1zaHV0XT1cIiFpc09wZW5cIiBbYXR0ci5pbmVydF09XCJpc09wZW4gPyBudWxsIDogJydcIj5cbiAgICAgICAgPGRpdj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwidm8td3N4LWxpc3RcIj5cbiAgICAgICAgICAgIEBmb3IgKHEgb2YgcXVlcmllczsgdHJhY2sgcS5rZXkpIHtcbiAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIGNsYXNzPVwidm8td3N4LXEgdm8tZW50ZXJcIlxuICAgICAgICAgICAgICAgIFtjbGFzcy52by1obF09XCJob3RQYWdlICYmIGhvdFBhZ2UucSA9PT0gcS5rZXkgJiYgIWlzUU9wZW4ocSlcIlxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgICAgICBjbGFzcz1cInZvLXdzeC1xaFwiXG4gICAgICAgICAgICAgICAgICBbY2xhc3Mudm8tZW1wdHldPVwiIWhhc1BhZ2VzKHEpXCJcbiAgICAgICAgICAgICAgICAgIFthdHRyLmFyaWEtZXhwYW5kZWRdPVwiaXNRT3BlbihxKVwiXG4gICAgICAgICAgICAgICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cInFMYWJlbChxKVwiXG4gICAgICAgICAgICAgICAgICAoY2xpY2spPVwidG9nZ2xlUShxKVwiXG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgPHZvLWljb24gbmFtZT1cInNlYXJjaFwiIHNpemU9XCJ4c1wiPjwvdm8taWNvbj5cbiAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidm8tdFwiIFtjbGFzcy52by1zaGltXT1cInEuc3RhdHVzID09PSAnc2VhcmNoaW5nJ1wiPnt7IHEucXVlcnkgfX08L3NwYW4+XG4gICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInZvLW5cIiBbY2xhc3Mudm8tbm9uZV09XCJxLnN0YXR1cyA9PT0gJ2RvbmUnICYmICFxLnJlc3VsdHNcIj57e1xuICAgICAgICAgICAgICAgICAgICBxLnN0YXR1cyA9PT0gJ3NlYXJjaGluZycgPyAnU2VhcmNoaW5nJyA6IHEucmVzdWx0cyA/IHEucmVzdWx0cyArICcgcmVzdWx0cycgOiAnTm8gcmVzdWx0cydcbiAgICAgICAgICAgICAgICAgIH19PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2by10bSB2by1udW1cIj57eyBxLnN0YXR1cyA9PT0gJ2RvbmUnID8gcS50aW1lIDogJycgfX08L3NwYW4+XG4gICAgICAgICAgICAgICAgICA8dm8taWNvbiBuYW1lPVwiY2hldi1yXCIgc2l6ZT1cInhzXCI+PC92by1pY29uPlxuICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgICAgIEBpZiAocS5yZXdyaXR0ZW4pIHtcbiAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidm8td3N4LXJ3XCI+XG4gICAgICAgICAgICAgICAgICAgIDx2by1pY29uIG5hbWU9XCJyZWZyZXNoXCIgc2l6ZT1cInhzXCI+PC92by1pY29uPkFza2VkIGFnYWluIGluIG90aGVyIHdvcmRzXG4gICAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIEBpZiAoaGFzUGFnZXMocSkpIHtcbiAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2by1mb2xkXCIgW2NsYXNzLnZvLXNodXRdPVwiIWlzUU9wZW4ocSlcIiBbYXR0ci5pbmVydF09XCJpc1FPcGVuKHEpID8gbnVsbCA6ICcnXCI+XG4gICAgICAgICAgICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICAgICAgICAgICAgPHVsIGNsYXNzPVwidm8td3N4LXJzXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICBAZm9yIChwIG9mIHEucGFnZXM7IHRyYWNrIHAudGl0bGUpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgPGxpXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgdGFiaW5kZXg9XCIwXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInZvLXdzeC1yIHZvLWVudGVyXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbY2xhc3Mudm8tc2tpcF09XCJpc1NraXAocClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtjbGFzcy52by1obF09XCJob3RQYWdlICYmIGhvdFBhZ2UucSA9PT0gcS5rZXkgJiYgaG90UGFnZS50aXRsZSA9PT0gcC50aXRsZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCJwYWdlTGFiZWwocClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2by13c3gtZmF2XCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+e3sgcC5kb21haW5bMF0udG9VcHBlckNhc2UoKSB9fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInZvLXR4XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInZvLXRcIj57eyBwLnRpdGxlIH19PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2by1kXCI+e3sgcC5kb21haW4gfX17eyBwLmRhdGUgPyAnIMK3ICcgKyBwLmRhdGUgOiAnJyB9fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2by10YWdcIiBbY2xhc3NdPVwiU1RBVFVTW3Auc3RhdHVzXVsxXVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgQGlmIChwLnN0YXR1cyA9PT0gJ3JlYWRpbmcnKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidm8tc3BpblwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7IFNUQVRVU1twLnN0YXR1c11bMF0gfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgPC91bD5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuXG4gICAgICBAaWYgKGFuc3dlcikge1xuICAgICAgICA8ZGl2IGNsYXNzPVwidm8td3N4LWFuc1wiPlxuICAgICAgICAgIEBmb3IgKHBhcnQgb2YgYW5zd2VyUGFydHM7IHRyYWNrICRpbmRleCkge1xuICAgICAgICAgICAgQGlmIChwYXJ0LmNpdGUgIT09IHVuZGVmaW5lZCkge1xuICAgICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJ2by13c3gtY2l0ZVwiXG4gICAgICAgICAgICAgICAgW2NsYXNzLnZvLW9uXT1cImhvdCA9PT0gcGFydC5jaXRlXCJcbiAgICAgICAgICAgICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cImNpdGVMYWJlbChwYXJ0LmNpdGUpXCJcbiAgICAgICAgICAgICAgICAocG9pbnRlcmVudGVyKT1cImhvdCA9IHBhcnQuY2l0ZSA/PyBudWxsXCJcbiAgICAgICAgICAgICAgICAocG9pbnRlcmxlYXZlKT1cImhvdCA9IG51bGxcIlxuICAgICAgICAgICAgICAgIChmb2N1cyk9XCJob3QgPSBwYXJ0LmNpdGUgPz8gbnVsbFwiXG4gICAgICAgICAgICAgICAgKGJsdXIpPVwiaG90ID0gbnVsbFwiXG4gICAgICAgICAgICAgID57eyBwYXJ0LmNpdGUgfX08L2J1dHRvbj5cbiAgICAgICAgICAgIH0gQGVsc2Uge1xuICAgICAgICAgICAgICA8c3Bhbj57eyBwYXJ0LnRleHQgfX08L3NwYW4+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIH1cbiAgICAgIDxwIGNsYXNzPVwidm8td3N4LXNyXCIgcm9sZT1cInN0YXR1c1wiPnt7IHNhaWQgfX08L3A+XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsOiAnLi93ZWItc2VhcmNoLmNzcycsXG59KVxuZXhwb3J0IGNsYXNzIFdlYlNlYXJjaENvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG4gIEBJbnB1dCgpIHF1ZXJpZXM6IFdlYlF1ZXJ5W10gPSBbXTtcbiAgLyoqIFRydWUgb25jZSBzZWFyY2hpbmcgYW5kIHJlYWRpbmcgYXJlIG92ZXI6IHRoZSB0cmFpbCBmb2xkcyB0byBpdHMgc3VtbWFyeS4gKi9cbiAgQElucHV0KCkgZG9uZSA9IGZhbHNlO1xuICAvKiogVGhlIGFuc3dlciwgd2l0aCBzb3VyY2VzIGNpdGVkIGFzIFsxXSwgWzJdLiBFYWNoIG51bWJlciBwb2ludHMgYXQgdGhlIHBhZ2Ugd2l0aCB0aGF0IGNpdGUuICovXG4gIEBJbnB1dCgpIGFuc3dlcj86IHN0cmluZztcbiAgLyoqIFdoZXRoZXIgdGhlIHRyYWlsIGlzIG9wZW4uIExlZnQgb3V0LCBpdCBmb2xkcyBvbmNlIGRvbmUgdHVybnMgdHJ1ZS4gKi9cbiAgQElucHV0KCkgc2V0IG9wZW4odmFsdWU6IGJvb2xlYW4gfCB1bmRlZmluZWQpIHtcbiAgICB0aGlzLmNvbnRyb2xsZWQgPSB2YWx1ZSAhPT0gdW5kZWZpbmVkO1xuICAgIGlmICh2YWx1ZSAhPT0gdW5kZWZpbmVkKSB0aGlzLmlubmVyID0gdmFsdWU7XG4gIH1cbiAgLyoqIFdpdGhvdXQgdGhlIHBhbmVsLCBmb3IgYSBjaGF0IHN0cmVhbS4gKi9cbiAgQElucHV0KCkgYmFyZSA9IHRydWU7XG5cbiAgQE91dHB1dCgpIG9wZW5DaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG5cbiAgcmVhZG9ubHkgU1RBVFVTID0gU1RBVFVTO1xuXG4gIGhvdDogbnVtYmVyIHwgbnVsbCA9IG51bGw7XG4gIHNhaWQgPSAnJztcblxuICBwcml2YXRlIGNvbnRyb2xsZWQgPSBmYWxzZTtcbiAgcHJpdmF0ZSBpbm5lciA9IHRydWU7XG4gIHByaXZhdGUgcU9wZW46IFJlY29yZDxzdHJpbmcsIGJvb2xlYW4+ID0ge307XG4gIHByaXZhdGUgbGFzdFNhaWQgPSAnJztcblxuICBnZXQgaXNPcGVuKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmlubmVyO1xuICB9XG5cbiAgZ2V0IGZsYXRQYWdlcygpOiBGbGF0UGFnZVtdIHtcbiAgICByZXR1cm4gdGhpcy5xdWVyaWVzLmZsYXRNYXAoKHEpID0+IChxLnBhZ2VzID8/IFtdKS5tYXAoKHApID0+ICh7IC4uLnAsIHE6IHEua2V5IH0pKSk7XG4gIH1cblxuICBnZXQgc2l0ZXMoKTogc3RyaW5nW10ge1xuICAgIHJldHVybiBbLi4ubmV3IFNldCh0aGlzLmZsYXRQYWdlcy5tYXAoKHApID0+IHAuZG9tYWluKSldO1xuICB9XG5cbiAgZ2V0IG1hcmtzKCk6IHN0cmluZ1tdIHtcbiAgICByZXR1cm4gdGhpcy5zaXRlcy5zbGljZSgwLCA0KTtcbiAgfVxuXG4gIGdldCBsaW5lKCk6IHN0cmluZyB7XG4gICAgY29uc3QgcmVhZCA9IHRoaXMuZmxhdFBhZ2VzLmZpbHRlcigocCkgPT4gcC5zdGF0dXMgPT09ICdyZWFkJyB8fCBwLnN0YXR1cyA9PT0gJ3NraW1tZWQnKS5sZW5ndGg7XG4gICAgaWYgKHRoaXMuZG9uZSkgcmV0dXJuIGAke3RoaXMucXVlcmllcy5sZW5ndGh9IHNlYXJjaGVzLCAke3JlYWR9IHBhZ2VzIHJlYWRgO1xuICAgIGNvbnN0IGN1cnJlbnQgPSB0aGlzLnF1ZXJpZXMuZmluZCgocSkgPT4gcS5zdGF0dXMgPT09ICdzZWFyY2hpbmcnKTtcbiAgICBpZiAoY3VycmVudCkgcmV0dXJuIGBTZWFyY2hpbmcgZm9yIOKAnCR7Y3VycmVudC5xdWVyeX3igJ1gO1xuICAgIGNvbnN0IHJlYWRpbmcgPSB0aGlzLmZsYXRQYWdlcy5maWx0ZXIoKHApID0+IHAuc3RhdHVzID09PSAncmVhZGluZycpLmxlbmd0aDtcbiAgICBpZiAocmVhZGluZykgcmV0dXJuIGBSZWFkaW5nICR7cmVhZGluZ30gcGFnZXNgO1xuICAgIHJldHVybiAnU2VhcmNoaW5nIHRoZSB3ZWInO1xuICB9XG5cbiAgZ2V0IGhvdFBhZ2UoKTogRmxhdFBhZ2UgfCB1bmRlZmluZWQge1xuICAgIHJldHVybiB0aGlzLmhvdCAhPSBudWxsID8gdGhpcy5mbGF0UGFnZXMuZmluZCgocCkgPT4gcC5jaXRlID09PSB0aGlzLmhvdCkgOiB1bmRlZmluZWQ7XG4gIH1cblxuICBnZXQgYW5zd2VyUGFydHMoKTogQW5zd2VyUGFydFtdIHtcbiAgICBpZiAoIXRoaXMuYW5zd2VyKSByZXR1cm4gW107XG4gICAgcmV0dXJuIHRoaXMuYW5zd2VyLnNwbGl0KC8oXFxbXFxkK1xcXSkvKS5tYXAoKHBhcnQpID0+IHtcbiAgICAgIGNvbnN0IG0gPSBwYXJ0Lm1hdGNoKC9eXFxbKFxcZCspXFxdJC8pO1xuICAgICAgcmV0dXJuIG0gPyB7IGNpdGU6ICttWzFdIH0gOiB7IHRleHQ6IHBhcnQgfTtcbiAgICB9KTtcbiAgfVxuXG4gIGhhc1BhZ2VzKHE6IFdlYlF1ZXJ5KTogYm9vbGVhbiB7XG4gICAgcmV0dXJuICEhcS5wYWdlcz8ubGVuZ3RoO1xuICB9XG5cbiAgaXNRT3BlbihxOiBXZWJRdWVyeSk6IGJvb2xlYW4ge1xuICAgIGlmICghdGhpcy5oYXNQYWdlcyhxKSkgcmV0dXJuIGZhbHNlO1xuICAgIGNvbnN0IGF1dG8gPSBxLnBhZ2VzPy5zb21lKChwKSA9PiBwLnN0YXR1cyA9PT0gJ3JlYWRpbmcnKSA/PyBmYWxzZTtcbiAgICByZXR1cm4gdGhpcy5xT3BlbltxLmtleV0gPz8gYXV0bztcbiAgfVxuXG4gIGlzU2tpcChwOiBXZWJQYWdlKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHAuc3RhdHVzICE9PSAncmVhZCcgJiYgcC5zdGF0dXMgIT09ICdza2ltbWVkJyAmJiBwLnN0YXR1cyAhPT0gJ3JlYWRpbmcnO1xuICB9XG5cbiAgcUxhYmVsKHE6IFdlYlF1ZXJ5KTogc3RyaW5nIHwgbnVsbCB7XG4gICAgaWYgKHEuc3RhdHVzICE9PSAnZG9uZScpIHJldHVybiBudWxsO1xuICAgIGNvbnN0IHJlcyA9IHEucmVzdWx0cyA/IGAke3EucmVzdWx0c30gcmVzdWx0c2AgOiAnbm8gcmVzdWx0cyc7XG4gICAgcmV0dXJuIGAke3EucXVlcnl9OiAke3Jlc30ke3EudGltZSA/ICcsICcgKyBxLnRpbWUgOiAnJ31gO1xuICB9XG5cbiAgcGFnZUxhYmVsKHA6IFdlYlBhZ2UpOiBzdHJpbmcge1xuICAgIHJldHVybiBgJHtwLnRpdGxlfSwgJHtwLmRvbWFpbn0ke3AuZGF0ZSA/ICcsICcgKyBwLmRhdGUgOiAnJ306ICR7U1RBVFVTW3Auc3RhdHVzXVswXX1gO1xuICB9XG5cbiAgY2l0ZUxhYmVsKG46IG51bWJlciB8IHVuZGVmaW5lZCk6IHN0cmluZyB7XG4gICAgaWYgKG4gPT09IHVuZGVmaW5lZCkgcmV0dXJuICcnO1xuICAgIGNvbnN0IHAgPSB0aGlzLmZsYXRQYWdlcy5maW5kKCh4KSA9PiB4LmNpdGUgPT09IG4pO1xuICAgIHJldHVybiBwID8gYFNvdXJjZSAke259OiAke3AudGl0bGV9LCAke3AuZG9tYWlufWAgOiBgU291cmNlICR7bn1gO1xuICB9XG5cbiAgdG9nZ2xlKCk6IHZvaWQge1xuICAgIHRoaXMuc2V0T3BlbighdGhpcy5pbm5lcik7XG4gIH1cblxuICB0b2dnbGVRKHE6IFdlYlF1ZXJ5KTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmhhc1BhZ2VzKHEpKSByZXR1cm47XG4gICAgdGhpcy5xT3BlbiA9IHsgLi4udGhpcy5xT3BlbiwgW3Eua2V5XTogIXRoaXMuaXNRT3BlbihxKSB9O1xuICB9XG5cbiAgcHJpdmF0ZSBzZXRPcGVuKG86IGJvb2xlYW4pOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuY29udHJvbGxlZCkgdGhpcy5pbm5lciA9IG87XG4gICAgdGhpcy5vcGVuQ2hhbmdlLmVtaXQobyk7XG4gIH1cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgaWYgKGNoYW5nZXNbJ2RvbmUnXSAmJiB0aGlzLmRvbmUgJiYgIXRoaXMuY29udHJvbGxlZCkge1xuICAgICAgdGhpcy5pbm5lciA9IGZhbHNlO1xuICAgIH1cbiAgICAvLyBvbmx5IGNoYW5nZXMgb2YgcGhhc2UgYXJlIGFubm91bmNlZFxuICAgIGNvbnN0IGN1cnJlbnQgPSB0aGlzLnF1ZXJpZXMuZmluZCgocSkgPT4gcS5zdGF0dXMgPT09ICdzZWFyY2hpbmcnKTtcbiAgICBjb25zdCBuZXh0ID0gdGhpcy5kb25lID8gYERvbmU6ICR7dGhpcy5saW5lfWAgOiBjdXJyZW50ID8gYFNlYXJjaGluZyBmb3IgJHtjdXJyZW50LnF1ZXJ5fWAgOiAnJztcbiAgICBpZiAobmV4dCAmJiBuZXh0ICE9PSB0aGlzLmxhc3RTYWlkKSB7XG4gICAgICB0aGlzLmxhc3RTYWlkID0gbmV4dDtcbiAgICAgIHRoaXMuc2FpZCA9IG5leHQ7XG4gICAgfVxuICB9XG59XG4iXX0=

package/eval-results/eval-results.component.d.ts

@@ -0,0 +1,67 @@
+import { EventEmitter, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import * as i0 from "@angular/core";
+export type EvalStatus = 'queued' | 'running' | 'pass' | 'fail';
+export type EvalFilter = 'all' | 'fail';
+/** A fix button under a failed case's details, like "Use $24 and rerun". */
+export interface EvalFix {
+    label: string;
+    onClick: () => void;
+}
+/** One eval case: what it checks, how it did, and (for a failure) the details. */
+export interface EvalCase {
+    id: string;
+    /** What it checks, like "Prices match the billing table". */
+    name: string;
+    status: EvalStatus;
+    /** How long it took, like "0.9s", shown once it has a result. */
+    time?: string;
+    /** For a failed case: what should have come back. */
+    expected?: string;
+    /** For a failed case: what came back instead. */
+    got?: string;
+    /** For a failed case: where the expected answer comes from. */
+    source?: string;
+    /** For a failed case: a white button under its details, like "Use $24 and rerun". */
+    fix?: EvalFix;
+}
+/** An eval suite's latest run: a bar per case, a pass count, and the cases. */
+export declare class EvalResultsComponent implements OnChanges, OnDestroy {
+    /** Like "Pricing copy evals". */
+    title: string;
+    /** The line under the title, like "Copy agent · 8 cases · run 2h ago". */
+    subtitle?: string;
+    cases: EvalCase[];
+    /** Whether the whole suite is running: the button spins and the count reads "Running 3 of 8". */
+    running: boolean;
+    /** Defaults to "Run evals". */
+    runLabel: string;
+    /** How many passed the run before. Once the run settles, a tag compares with it. */
+    previousPassed?: number;
+    /** Which cases show: all of them, or only the failed ones. */
+    filter?: EvalFilter;
+    defaultFilter: EvalFilter;
+    /** Ids of the failed cases that are open. Leave it out to let each one open itself. */
+    open?: string[];
+    defaultOpen: string[];
+    /** Emitted by the run button. */
+    run: EventEmitter<void>;
+    filterChange: EventEmitter<EvalFilter>;
+    openChange: EventEmitter<string[]>;
+    private readonly motion;
+    show: EvalFilter;
+    opened: string[];
+    ngOnChanges(changes: SimpleChanges): void;
+    get failed(): number;
+    private get passed();
+    private get settled();
+    get count(): string;
+    get belowPrevious(): boolean;
+    get delta(): string;
+    seg(status: EvalStatus): string;
+    isOpen(k: EvalCase): boolean;
+    pick(v: EvalFilter): void;
+    toggle(k: EvalCase): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EvalResultsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EvalResultsComponent, "vo-eval-results", never, { "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "cases": { "alias": "cases"; "required": false; }; "running": { "alias": "running"; "required": false; }; "runLabel": { "alias": "runLabel"; "required": false; }; "previousPassed": { "alias": "previousPassed"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "defaultFilter": { "alias": "defaultFilter"; "required": false; }; "open": { "alias": "open"; "required": false; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; }; }, { "run": "run"; "filterChange": "filterChange"; "openChange": "openChange"; }, never, never, true, never>;
+}

package/feedback-sheet/feedback-sheet.component.d.ts

@@ -0,0 +1,74 @@
+import { EventEmitter, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import * as i0 from "@angular/core";
+/** Whether the answer was rated good or bad. */
+export type FeedbackRating = 'up' | 'down' | null;
+/** What was picked and written when the sheet is sent. */
+export interface Feedback {
+    reasons: string[];
+    comment: string;
+}
+export declare class FeedbackSheetComponent implements OnChanges, OnDestroy {
+    /** The answer being rated, shown above the thumbs. */
+    message?: string;
+    /** Whether the answer was rated good or bad. Leave it out to let the thumbs set it. */
+    rating?: FeedbackRating;
+    defaultRating: FeedbackRating;
+    /** Whether the reasons sheet is open. Leave it out and thumbs down opens it. */
+    open?: boolean;
+    defaultOpen: boolean;
+    /** The reasons picked. Leave it out to let the chips keep it. */
+    selected?: string[];
+    defaultSelected: string[];
+    /** What is written in the box. Leave it out to let the box keep it. */
+    comment: string;
+    defaultComment: string;
+    /** Shows the spinner on Send, for a scripted demo. */
+    sending: boolean;
+    /** The heading of the sheet that opens on thumbs down. */
+    question: string;
+    /** Quick reasons to pick from. */
+    reasons: string[];
+    placeholder: string;
+    /** A quiet note beside the buttons, like who sees the feedback. */
+    note: string;
+    /** What was sent, which shows the thank-you line. Leave it out and Send sets it. */
+    sent: Feedback | null;
+    /** Sits flat under a message in a chat thread (the default). Set false to give it a card of its own. */
+    bare: boolean;
+    ratingChange: EventEmitter<FeedbackRating>;
+    openChange: EventEmitter<boolean>;
+    selectedChange: EventEmitter<string[]>;
+    commentChange: EventEmitter<string>;
+    sentChange: EventEmitter<Feedback | null>;
+    /** Called with what the person picked and wrote when Send is pressed. */
+    submit: EventEmitter<Feedback>;
+    private boxRef?;
+    private readonly motion;
+    rate: FeedbackRating;
+    isOpen: boolean;
+    picked: string[];
+    stShown: string;
+    stOut: boolean;
+    private rateSet;
+    private openSet;
+    private selSet;
+    private busy;
+    private timers;
+    get thanksLine(): string;
+    private get status();
+    ngOnChanges(changes: SimpleChanges): void;
+    private later;
+    /** Crossfade the status line to the next text. */
+    private swap;
+    private setRate;
+    private setOpen;
+    up(): void;
+    down(focus: boolean): void;
+    toggle(reason: string): void;
+    onComment(value: string): void;
+    cancel(): void;
+    send(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FeedbackSheetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FeedbackSheetComponent, "vo-feedback-sheet", never, { "message": { "alias": "message"; "required": false; }; "rating": { "alias": "rating"; "required": false; }; "defaultRating": { "alias": "defaultRating"; "required": false; }; "open": { "alias": "open"; "required": false; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "defaultSelected": { "alias": "defaultSelected"; "required": false; }; "comment": { "alias": "comment"; "required": false; }; "defaultComment": { "alias": "defaultComment"; "required": false; }; "sending": { "alias": "sending"; "required": false; }; "question": { "alias": "question"; "required": false; }; "reasons": { "alias": "reasons"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "note": { "alias": "note"; "required": false; }; "sent": { "alias": "sent"; "required": false; }; "bare": { "alias": "bare"; "required": false; }; }, { "ratingChange": "ratingChange"; "openChange": "openChange"; "selectedChange": "selectedChange"; "commentChange": "commentChange"; "sentChange": "sentChange"; "submit": "submit"; }, never, never, true, never>;
+}