@visuno/angular 0.0.0-stage → 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (175) hide show
  1. package/LICENSE +24 -0
  2. package/README.md +56 -2
  3. package/account-table/account-table.component.d.ts +72 -0
  4. package/action-log/action-log.component.d.ts +41 -0
  5. package/activity-heatmap/activity-heatmap.component.d.ts +67 -0
  6. package/agent-inbox/agent-inbox.component.d.ts +75 -0
  7. package/agent-lanes/agent-lanes.component.d.ts +152 -0
  8. package/agent-phases/agent-phases.component.d.ts +62 -0
  9. package/agent-run-timeline/agent-run-timeline.component.d.ts +113 -0
  10. package/agent-tree/agent-tree.component.d.ts +80 -0
  11. package/answer-action-bar/answer-action-bar.component.d.ts +110 -0
  12. package/artifact-card/artifact-card.component.d.ts +145 -0
  13. package/attachment-tray/attachment-tray.component.d.ts +84 -0
  14. package/badge/badge.component.d.ts +25 -0
  15. package/bar-chart/bar-chart.component.d.ts +87 -0
  16. package/browser-session/browser-session.component.d.ts +70 -0
  17. package/buttons/buttons.component.d.ts +63 -0
  18. package/card/card.component.d.ts +21 -0
  19. package/change-review/change-review.component.d.ts +97 -0
  20. package/citation-hover-card/citation-hover-card.component.d.ts +95 -0
  21. package/code-viewer/code-viewer.component.d.ts +86 -0
  22. package/composer/composer.component.d.ts +114 -0
  23. package/context-meter/context-meter.component.d.ts +60 -0
  24. package/core/icon.component.d.ts +10 -0
  25. package/core/reduced-motion.service.d.ts +15 -0
  26. package/decision-prompt/decision-prompt.component.d.ts +56 -0
  27. package/design-review/design-review.component.d.ts +108 -0
  28. package/design-tuner/design-tuner.component.d.ts +75 -0
  29. package/details-panel/details-panel.component.d.ts +150 -0
  30. package/donut-chart/donut-chart.component.d.ts +63 -0
  31. package/draft-review/draft-review.component.d.ts +128 -0
  32. package/error-recovery/error-recovery.component.d.ts +59 -0
  33. package/esm2022/account-table/account-table.component.mjs +399 -0
  34. package/esm2022/action-log/action-log.component.mjs +177 -0
  35. package/esm2022/activity-heatmap/activity-heatmap.component.mjs +285 -0
  36. package/esm2022/agent-inbox/agent-inbox.component.mjs +284 -0
  37. package/esm2022/agent-lanes/agent-lanes.component.mjs +600 -0
  38. package/esm2022/agent-phases/agent-phases.component.mjs +300 -0
  39. package/esm2022/agent-run-timeline/agent-run-timeline.component.mjs +412 -0
  40. package/esm2022/agent-tree/agent-tree.component.mjs +393 -0
  41. package/esm2022/answer-action-bar/answer-action-bar.component.mjs +636 -0
  42. package/esm2022/artifact-card/artifact-card.component.mjs +916 -0
  43. package/esm2022/attachment-tray/attachment-tray.component.mjs +402 -0
  44. package/esm2022/badge/badge.component.mjs +97 -0
  45. package/esm2022/bar-chart/bar-chart.component.mjs +300 -0
  46. package/esm2022/browser-session/browser-session.component.mjs +352 -0
  47. package/esm2022/buttons/buttons.component.mjs +215 -0
  48. package/esm2022/card/card.component.mjs +107 -0
  49. package/esm2022/change-review/change-review.component.mjs +398 -0
  50. package/esm2022/citation-hover-card/citation-hover-card.component.mjs +360 -0
  51. package/esm2022/code-viewer/code-viewer.component.mjs +291 -0
  52. package/esm2022/composer/composer.component.mjs +743 -0
  53. package/esm2022/context-meter/context-meter.component.mjs +275 -0
  54. package/esm2022/core/icon.component.mjs +111 -0
  55. package/esm2022/core/reduced-motion.service.mjs +34 -0
  56. package/esm2022/decision-prompt/decision-prompt.component.mjs +259 -0
  57. package/esm2022/design-review/design-review.component.mjs +428 -0
  58. package/esm2022/design-tuner/design-tuner.component.mjs +341 -0
  59. package/esm2022/details-panel/details-panel.component.mjs +537 -0
  60. package/esm2022/donut-chart/donut-chart.component.mjs +240 -0
  61. package/esm2022/draft-review/draft-review.component.mjs +549 -0
  62. package/esm2022/error-recovery/error-recovery.component.mjs +231 -0
  63. package/esm2022/eval-results/eval-results.component.mjs +368 -0
  64. package/esm2022/feedback-sheet/feedback-sheet.component.mjs +411 -0
  65. package/esm2022/field-extraction/field-extraction.component.mjs +368 -0
  66. package/esm2022/funnel-chart/funnel-chart.component.mjs +258 -0
  67. package/esm2022/grid/grid.component.mjs +66 -0
  68. package/esm2022/health-score/health-score.component.mjs +420 -0
  69. package/esm2022/human-handoff/human-handoff.component.mjs +676 -0
  70. package/esm2022/image-generation/image-generation.component.mjs +1028 -0
  71. package/esm2022/inline-text-diff/inline-text-diff.component.mjs +390 -0
  72. package/esm2022/launch-checklist/launch-checklist.component.mjs +229 -0
  73. package/esm2022/line-chart/line-chart.component.mjs +417 -0
  74. package/esm2022/live-answer/live-answer.component.mjs +411 -0
  75. package/esm2022/metric-insight/metric-insight.component.mjs +511 -0
  76. package/esm2022/modal/modal.component.mjs +202 -0
  77. package/esm2022/model-picker/model-picker.component.mjs +491 -0
  78. package/esm2022/permission-gate/permission-gate.component.mjs +498 -0
  79. package/esm2022/plan-review/plan-review.component.mjs +432 -0
  80. package/esm2022/progress/progress.component.mjs +503 -0
  81. package/esm2022/prompt-library/prompt-library.component.mjs +453 -0
  82. package/esm2022/prompt-starters/prompt-starters.component.mjs +272 -0
  83. package/esm2022/proposal-card/proposal-card.component.mjs +402 -0
  84. package/esm2022/public-api.mjs +88 -0
  85. package/esm2022/radar-chart/radar-chart.component.mjs +500 -0
  86. package/esm2022/radial-goals/radial-goals.component.mjs +418 -0
  87. package/esm2022/reasoning-trail/reasoning-trail.component.mjs +284 -0
  88. package/esm2022/response-versions/response-versions.component.mjs +288 -0
  89. package/esm2022/rewrite-toolbar/rewrite-toolbar.component.mjs +397 -0
  90. package/esm2022/rich-text-editor/rich-text-editor.component.mjs +1755 -0
  91. package/esm2022/run-cost/run-cost.component.mjs +215 -0
  92. package/esm2022/run-queue/run-queue.component.mjs +481 -0
  93. package/esm2022/run-summary/run-summary.component.mjs +331 -0
  94. package/esm2022/scatter-chart/scatter-chart.component.mjs +705 -0
  95. package/esm2022/score-breakdown/score-breakdown.component.mjs +460 -0
  96. package/esm2022/segmented-control/segmented-control.component.mjs +180 -0
  97. package/esm2022/source-stack/source-stack.component.mjs +245 -0
  98. package/esm2022/stat-cards/stat-cards.component.mjs +258 -0
  99. package/esm2022/status-pill/status-pill.component.mjs +305 -0
  100. package/esm2022/steering/steering.component.mjs +343 -0
  101. package/esm2022/step-loader/step-loader.component.mjs +209 -0
  102. package/esm2022/task-table/task-table.component.mjs +534 -0
  103. package/esm2022/terminal-stream/terminal-stream.component.mjs +583 -0
  104. package/esm2022/thinking/thinking.component.mjs +276 -0
  105. package/esm2022/thinking-states/thinking-states.component.mjs +333 -0
  106. package/esm2022/thread-panel/thread-panel.component.mjs +271 -0
  107. package/esm2022/toast/toast.component.mjs +195 -0
  108. package/esm2022/toast-stack/toast-stack.component.mjs +301 -0
  109. package/esm2022/tool-call/tool-call.component.mjs +273 -0
  110. package/esm2022/tooltip/tooltip.component.mjs +417 -0
  111. package/esm2022/top-pages/top-pages.component.mjs +240 -0
  112. package/esm2022/trace-view/trace-view.component.mjs +440 -0
  113. package/esm2022/visuno-angular.mjs +5 -0
  114. package/esm2022/voice-capture/voice-capture.component.mjs +650 -0
  115. package/esm2022/voice-orb/voice-orb.component.mjs +538 -0
  116. package/esm2022/web-search/web-search.component.mjs +374 -0
  117. package/eval-results/eval-results.component.d.ts +67 -0
  118. package/feedback-sheet/feedback-sheet.component.d.ts +74 -0
  119. package/fesm2022/visuno-angular.mjs +31992 -0
  120. package/fesm2022/visuno-angular.mjs.map +1 -0
  121. package/field-extraction/field-extraction.component.d.ts +82 -0
  122. package/funnel-chart/funnel-chart.component.d.ts +70 -0
  123. package/grid/grid.component.d.ts +22 -0
  124. package/health-score/health-score.component.d.ts +87 -0
  125. package/human-handoff/human-handoff.component.d.ts +125 -0
  126. package/image-generation/image-generation.component.d.ts +253 -0
  127. package/index.d.ts +5 -0
  128. package/inline-text-diff/inline-text-diff.component.d.ts +76 -0
  129. package/launch-checklist/launch-checklist.component.d.ts +46 -0
  130. package/line-chart/line-chart.component.d.ts +89 -0
  131. package/live-answer/live-answer.component.d.ts +110 -0
  132. package/metric-insight/metric-insight.component.d.ts +110 -0
  133. package/modal/modal.component.d.ts +37 -0
  134. package/model-picker/model-picker.component.d.ts +97 -0
  135. package/package.json +51 -4
  136. package/permission-gate/permission-gate.component.d.ts +100 -0
  137. package/plan-review/plan-review.component.d.ts +86 -0
  138. package/progress/progress.component.d.ts +91 -0
  139. package/prompt-library/prompt-library.component.d.ts +121 -0
  140. package/prompt-starters/prompt-starters.component.d.ts +65 -0
  141. package/proposal-card/proposal-card.component.d.ts +101 -0
  142. package/public-api.d.ts +82 -0
  143. package/radar-chart/radar-chart.component.d.ts +110 -0
  144. package/radial-goals/radial-goals.component.d.ts +90 -0
  145. package/reasoning-trail/reasoning-trail.component.d.ts +73 -0
  146. package/response-versions/response-versions.component.d.ts +54 -0
  147. package/rewrite-toolbar/rewrite-toolbar.component.d.ts +92 -0
  148. package/rich-text-editor/rich-text-editor.component.d.ts +180 -0
  149. package/run-cost/run-cost.component.d.ts +43 -0
  150. package/run-queue/run-queue.component.d.ts +93 -0
  151. package/run-summary/run-summary.component.d.ts +81 -0
  152. package/scatter-chart/scatter-chart.component.d.ts +139 -0
  153. package/score-breakdown/score-breakdown.component.d.ts +107 -0
  154. package/segmented-control/segmented-control.component.d.ts +44 -0
  155. package/source-stack/source-stack.component.d.ts +60 -0
  156. package/stat-cards/stat-cards.component.d.ts +86 -0
  157. package/status-pill/status-pill.component.d.ts +64 -0
  158. package/steering/steering.component.d.ts +75 -0
  159. package/step-loader/step-loader.component.d.ts +40 -0
  160. package/styles.css +424 -0
  161. package/task-table/task-table.component.d.ts +114 -0
  162. package/terminal-stream/terminal-stream.component.d.ts +110 -0
  163. package/thinking/thinking.component.d.ts +63 -0
  164. package/thinking-states/thinking-states.component.d.ts +51 -0
  165. package/thread-panel/thread-panel.component.d.ts +75 -0
  166. package/toast/toast.component.d.ts +56 -0
  167. package/toast-stack/toast-stack.component.d.ts +72 -0
  168. package/tokens.css +424 -0
  169. package/tool-call/tool-call.component.d.ts +61 -0
  170. package/tooltip/tooltip.component.d.ts +89 -0
  171. package/top-pages/top-pages.component.d.ts +75 -0
  172. package/trace-view/trace-view.component.d.ts +95 -0
  173. package/voice-capture/voice-capture.component.d.ts +103 -0
  174. package/voice-orb/voice-orb.component.d.ts +78 -0
  175. package/web-search/web-search.component.d.ts +77 -0
@@ -0,0 +1,352 @@
1
+ // framework/angular/browser-session/browser-session.component.ts
2
+ //
3
+ // Native Angular port of framework/react/browser-session/BrowserSession.tsx.
4
+ // The agent browsing the web for the person: a small browser frame with the
5
+ // page it is on, the steps it takes under it, and Pause and Take over. When a
6
+ // step waits for the person, it shows why and a button to let the agent go on.
7
+ // Inputs mirror the React props; the paused / in-control state can be left
8
+ // uncontrolled (defaultPaused / defaultInControl) or driven from the parent.
9
+ import { Component, ContentChild, EventEmitter, Input, Output, ViewEncapsulation, } from '@angular/core';
10
+ import { NgTemplateOutlet } from '@angular/common';
11
+ import { VoIconComponent } from '../core/icon.component';
12
+ import * as i0 from "@angular/core";
13
+ const CLS = {
14
+ queued: 'vo-queued', running: 'vo-run', waiting: 'vo-wait', done: 'vo-done',
15
+ };
16
+ const clock = (s) => `${Math.floor(s / 60)}:${String(s % 60).padStart(2, '0')}`;
17
+ /** The agent browsing the web for the person, with Pause and Take over. */
18
+ export class BrowserSessionComponent {
19
+ constructor() {
20
+ /** What the agent is browsing for, like "Pricing research". */
21
+ this.title = '';
22
+ /** The address bar: the page's address, or the search being typed. */
23
+ this.url = '';
24
+ /** Marks `url` as a search, with a magnifier instead of the padlock. */
25
+ this.search = false;
26
+ this.steps = [];
27
+ this.defaultPaused = false;
28
+ this.defaultInControl = false;
29
+ this.pausedChange = new EventEmitter();
30
+ this.inControlChange = new EventEmitter();
31
+ this.innerPaused = false;
32
+ this.innerMine = false;
33
+ this.counted = 0;
34
+ }
35
+ get isPaused() {
36
+ return this.paused ?? this.innerPaused;
37
+ }
38
+ get mine() {
39
+ return this.inControl ?? this.innerMine;
40
+ }
41
+ get done() {
42
+ return this.steps.length > 0 && this.steps.every((s) => s.state === 'done');
43
+ }
44
+ get waiting() {
45
+ return this.steps.some((s) => s.state === 'waiting');
46
+ }
47
+ get secs() {
48
+ return this.seconds ?? this.counted;
49
+ }
50
+ get clockText() {
51
+ return clock(this.secs);
52
+ }
53
+ get line() {
54
+ if (this.status !== undefined)
55
+ return this.status;
56
+ if (this.done)
57
+ return 'Done';
58
+ if (this.mine)
59
+ return 'You have control';
60
+ if (this.isPaused)
61
+ return 'Paused';
62
+ if (this.waiting)
63
+ return 'Needs you';
64
+ return 'Browsing';
65
+ }
66
+ cls(state) {
67
+ return CLS[state];
68
+ }
69
+ ngOnChanges(changes) {
70
+ if (changes['paused'] && this.paused !== undefined)
71
+ this.innerPaused = this.paused;
72
+ if (changes['inControl'] && this.inControl !== undefined)
73
+ this.innerMine = this.inControl;
74
+ if (changes['defaultPaused'] && this.paused === undefined)
75
+ this.innerPaused = this.defaultPaused;
76
+ if (changes['defaultInControl'] && this.inControl === undefined)
77
+ this.innerMine = this.defaultInControl;
78
+ this.updateClock();
79
+ }
80
+ togglePaused() {
81
+ const next = !this.isPaused;
82
+ if (this.paused === undefined)
83
+ this.innerPaused = next;
84
+ this.pausedChange.emit(next);
85
+ this.updateClock();
86
+ }
87
+ take() {
88
+ const next = !this.mine;
89
+ if (this.inControl === undefined)
90
+ this.innerMine = next;
91
+ this.inControlChange.emit(next);
92
+ // taking over also lifts a pause
93
+ if (next && this.isPaused) {
94
+ if (this.paused === undefined)
95
+ this.innerPaused = false;
96
+ this.pausedChange.emit(false);
97
+ }
98
+ this.updateClock();
99
+ }
100
+ // the clock counts while the agent is browsing on its own
101
+ updateClock() {
102
+ const running = this.seconds === undefined && !this.done && !this.waiting && !this.isPaused && !this.mine;
103
+ if (running && !this.secondTimer) {
104
+ this.secondTimer = setInterval(() => {
105
+ this.counted++;
106
+ }, 1000);
107
+ }
108
+ else if (!running && this.secondTimer) {
109
+ clearInterval(this.secondTimer);
110
+ this.secondTimer = undefined;
111
+ }
112
+ }
113
+ ngOnDestroy() {
114
+ clearInterval(this.secondTimer);
115
+ }
116
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BrowserSessionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
117
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: BrowserSessionComponent, isStandalone: true, selector: "vo-browser-session", inputs: { title: "title", url: "url", search: "search", cursor: "cursor", steps: "steps", ask: "ask", paused: "paused", defaultPaused: "defaultPaused", inControl: "inControl", defaultInControl: "defaultInControl", seconds: "seconds", status: "status", summary: "summary" }, outputs: { pausedChange: "pausedChange", inControlChange: "inControlChange" }, queries: [{ propertyName: "page", first: true, predicate: ["page"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
118
+ <div
119
+ data-vo=""
120
+ class="vo-bws vo-panel"
121
+ [class.vo-you]="mine"
122
+ [class.vo-paused]="isPaused && !mine"
123
+ >
124
+ <div class="vo-bws-h">
125
+ <div class="vo-bws-ht">
126
+ <b>{{ title }}</b>
127
+ <span class="vo-muted vo-bws-st">
128
+ <span aria-live="polite"><span class="vo-sw">{{ line }}</span></span> ·
129
+ <span class="vo-num">{{ clockText }}</span>
130
+ </span>
131
+ </div>
132
+ <div class="vo-bws-ctl">
133
+ <button
134
+ type="button"
135
+ class="vo-ib vo-bws-pause"
136
+ [attr.aria-label]="isPaused ? 'Resume' : 'Pause'"
137
+ [attr.title]="isPaused ? 'Resume' : 'Pause'"
138
+ [disabled]="mine || done"
139
+ (click)="togglePaused()"
140
+ >
141
+ <vo-icon [name]="isPaused ? 'play' : 'pause'"></vo-icon>
142
+ </button>
143
+ <button
144
+ type="button"
145
+ class="vo-pill vo-line vo-sm vo-bws-take"
146
+ [attr.aria-pressed]="mine"
147
+ [disabled]="done"
148
+ (click)="take()"
149
+ >{{ mine ? 'Hand back' : 'Take over' }}</button>
150
+ </div>
151
+ </div>
152
+
153
+ <div class="vo-bws-win">
154
+ <div class="vo-bws-bar">
155
+ <span class="vo-bws-dots" aria-hidden="true"><i></i><i></i><i></i></span>
156
+ <div class="vo-bws-url">
157
+ <vo-icon [name]="search ? 'search' : 'lock'" size="xs"></vo-icon>
158
+ <span class="vo-sw">{{ url }}</span>
159
+ </div>
160
+ </div>
161
+ <!-- while the agent drives, the page is a picture of its browser; with Take over it is the person's to use -->
162
+ <div class="vo-bws-vp" [attr.inert]="mine ? null : ''">
163
+ @if (page) {
164
+ <ng-container [ngTemplateOutlet]="page"></ng-container>
165
+ }
166
+ <span
167
+ class="vo-bws-cur"
168
+ [class.vo-on]="cursor && !mine"
169
+ [class.vo-down]="cursor?.down"
170
+ [style.transform]="cursor ? 'translate(' + cursor.x + 'px,' + cursor.y + 'px)' : null"
171
+ aria-hidden="true"
172
+ >
173
+ <svg viewBox="0 0 14 14"><path d="M2 1.5l9.5 5-4.2 1.2-2 4.3z"/></svg>
174
+ </span>
175
+ </div>
176
+ </div>
177
+
178
+ <ol class="vo-bws-steps" aria-label="Steps">
179
+ @for (s of steps; track $index) {
180
+ <li
181
+ class="vo-bws-s"
182
+ [class]="cls(s.state)"
183
+ [attr.aria-current]="s.state === 'running' || s.state === 'waiting' ? 'step' : null"
184
+ >
185
+ <span class="vo-g" aria-hidden="true">
186
+ @switch (s.state) {
187
+ @case ('running') { <span class="vo-spin"></span> }
188
+ @case ('done') { <vo-icon name="ok" size="xs"></vo-icon> }
189
+ @case ('waiting') { <vo-icon name="alert" size="xs"></vo-icon> }
190
+ @default { <span class="vo-dot"></span> }
191
+ }
192
+ </span>
193
+ <span class="vo-bws-t">
194
+ <span>{{ s.label }}</span>
195
+ @if (s.detail) {
196
+ <span class="vo-d vo-sw">{{ s.detail }}</span>
197
+ }
198
+ @if (s.state === 'waiting' && ask && !mine) {
199
+ <div class="vo-bws-ask vo-enter">
200
+ <button type="button" class="vo-pill vo-primary vo-sm" (click)="ask.onAllow()">{{ ask.label }}</button>
201
+ <button type="button" class="vo-pill vo-soft vo-sm" (click)="take()">Take over</button>
202
+ </div>
203
+ }
204
+ </span>
205
+ </li>
206
+ }
207
+ </ol>
208
+
209
+ @if (done && summary) {
210
+ <div class="vo-bws-sum vo-enter">
211
+ <vo-icon name="ok" size="xs"></vo-icon><span>{{ summary }}</span>
212
+ </div>
213
+ }
214
+ </div>
215
+ `, isInline: true, styles: [".vo-bws{width:100%;max-width:440px;margin:0 auto;padding:6px}.vo-bws-h{display:flex;align-items:center;justify-content:space-between;gap:var(--vo-s-3);padding:var(--vo-s-2) 10px 10px}.vo-bws-ht{display:flex;flex-direction:column;min-width:0}.vo-bws-ht b{font-weight:500;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vo-bws-st{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vo-bws-ctl{display:flex;align-items:center;gap:var(--vo-s-1);flex:none}.vo-bws-take[aria-pressed=true]{background:var(--vo-accent-bg);color:var(--vo-accent-fg,var(--vo-accent));box-shadow:none}.vo-bws-win{margin:0 var(--vo-s-1);border-radius:var(--vo-r-in);border:1px solid color-mix(in srgb,var(--vo-line) 50%,transparent);overflow:hidden;transition:border-color .3s}.vo-bws.vo-you .vo-bws-win{border-color:var(--vo-accent-mark,var(--vo-accent))}.vo-bws-bar{display:flex;align-items:center;gap:var(--vo-s-2);height:36px;padding:0 var(--vo-s-2) 0 10px;background:var(--vo-wash);border-bottom:1px solid color-mix(in srgb,var(--vo-line) 50%,transparent)}.vo-bws-dots{display:flex;gap:var(--vo-s-1);flex:none}.vo-bws-dots i{width:7px;height:7px;border-radius:50%;background:var(--vo-faint)}.vo-bws-url{flex:1;min-width:0;display:flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:var(--vo-r-pill);background:var(--vo-surface);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vo-line) 50%,transparent);font-size:12px;color:var(--vo-fg2)}.vo-bws-url .vo-i{color:var(--vo-muted)}.vo-bws-url span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vo-bws-vp{position:relative;height:156px;overflow:hidden;background:var(--vo-surface)}.vo-bws-pg{position:absolute;left:0;right:0;top:0;padding:var(--vo-s-3) 14px;display:flex;flex-direction:column;gap:10px;font-size:12px;color:var(--vo-fg2);transition:transform .8s var(--vo-ease)}.vo-bws-ln{display:block;height:6px;border-radius:3px;background:var(--vo-chip)}.vo-bws-nav{display:flex;align-items:center;gap:var(--vo-s-3);font-size:11.5px;color:var(--vo-muted);white-space:nowrap}.vo-bws-nav b{display:flex;align-items:center;gap:6px;margin-right:auto;font-weight:500;color:var(--vo-fg)}.vo-bws-nav b:before{content:\"\";width:12px;height:12px;border-radius:var(--vo-r-xs);background:var(--vo-fg)}.vo-bws-nav .vo-on{color:var(--vo-fg)}.vo-bws-hd{font-size:13px;font-weight:500;color:var(--vo-fg)}.vo-bws-q{display:flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:var(--vo-r-pill);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vo-line) 50%,transparent);color:var(--vo-fg);white-space:nowrap;overflow:hidden}.vo-bws-res{display:flex;flex-direction:column;gap:2px;min-width:0}.vo-bws-res b{font-weight:500;color:var(--vo-pb);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-self:flex-start;max-width:100%}.vo-bws-res span{font-size:11.5px;color:var(--vo-muted)}.vo-bws-cta{align-self:flex-start;height:22px;padding:0 10px;display:inline-flex;align-items:center;border-radius:var(--vo-r-pill);background:var(--vo-chip);font-size:11.5px;color:var(--vo-fg2)}.vo-bws-tb{display:flex;flex-direction:column;border-radius:var(--vo-r-sm);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vo-line) 50%,transparent)}.vo-bws-tb div{display:flex;justify-content:space-between;gap:var(--vo-s-3);padding:5px 10px;border-top:1px solid color-mix(in srgb,var(--vo-line) 50%,transparent)}.vo-bws-tb div:first-child{border-top:0;font-size:11.5px;color:var(--vo-muted)}.vo-bws-tb .vo-num{padding:0 var(--vo-s-1);margin:0 -4px;border-radius:var(--vo-r-xs);color:var(--vo-fg);transition:background .3s,color .3s}.vo-bws-tb .vo-num.vo-hit{background:var(--vo-accent);color:var(--vo-on-accent)}.vo-bws-vp .vo-aim{outline:1.5px solid var(--vo-accent-mark,var(--vo-accent));outline-offset:2px;border-radius:var(--vo-r-xs)}.vo-bws-cur{position:absolute;left:0;top:0;width:14px;height:14px;z-index:2;color:var(--vo-accent-mark,var(--vo-accent));pointer-events:none;opacity:0;transition:transform .7s var(--vo-ease),opacity .2s}.vo-bws-cur.vo-on{opacity:1}.vo-bws-cur svg{display:block;width:14px;height:14px;transition:transform .16s var(--vo-ease)}.vo-bws-cur svg path{fill:currentColor;stroke:var(--vo-surface);stroke-width:1.4;stroke-linejoin:round}.vo-bws-cur.vo-down svg{transform:scale(.8)}.vo-bws-ck{position:absolute;left:8px;right:8px;bottom:8px;z-index:1;display:flex;align-items:center;gap:6px;padding:6px 6px 6px 10px;border-radius:calc(10px * var(--vo-rk));background:var(--vo-raised);box-shadow:var(--vo-shadow-pop);font-size:12px;color:var(--vo-fg);transform:translateY(calc(100% + 12px));transition:transform .5s var(--vo-ease)}.vo-bws-ck.vo-on{transform:none}.vo-bws-ck span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vo-bws-ck button{flex:none;height:24px;padding:0 9px;border-radius:var(--vo-r-pill);font-size:11.5px;background:var(--vo-chip);color:var(--vo-fg)}.vo-bws-ck button+button{background:var(--vo-ink);color:var(--vo-on-ink)}.vo-bws:not(.vo-you) .vo-bws-ck button{cursor:default}.vo-bws-steps{list-style:none;margin:0;padding:var(--vo-s-2) 0 0;display:flex;flex-direction:column}.vo-bws-s{display:flex;align-items:flex-start;gap:10px;padding:6px 10px;font-size:13px;color:var(--vo-muted)}.vo-bws-s .vo-g{width:16px;height:19.5px;display:grid;place-items:center;flex:none;color:var(--vo-faint)}.vo-bws-s .vo-g .vo-spin{width:11px;height:11px;color:var(--vo-accent-fg,var(--vo-accent))}.vo-bws-s.vo-done{color:var(--vo-fg2)}.vo-bws-s.vo-done .vo-g{color:var(--vo-ok)}.vo-bws-s.vo-run,.vo-bws-s.vo-wait{color:var(--vo-fg)}.vo-bws-s.vo-wait .vo-g{color:var(--vo-warn)}.vo-bws.vo-paused .vo-bws-s .vo-g .vo-spin{animation-play-state:paused;color:var(--vo-muted)}.vo-bws-t{flex:1;min-width:0;display:flex;flex-direction:column}.vo-bws-t>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vo-bws-t .vo-d{font-size:12px;color:var(--vo-muted)}.vo-bws-s.vo-wait .vo-d{color:var(--vo-warn)}.vo-bws-ask{display:flex;flex-wrap:wrap;align-items:center;gap:var(--vo-s-2);margin-top:var(--vo-s-2)}.vo-bws-sum{display:flex;align-items:center;gap:var(--vo-s-2);margin:var(--vo-s-2) var(--vo-s-1) 2px;padding:10px var(--vo-s-3);border-radius:var(--vo-r-in);background:var(--vo-ok-bg);font-size:13px}.vo-bws-sum svg{color:var(--vo-ok);flex:none}.vo-bws-sum span{min-width:0}.vo-num{font-variant-numeric:tabular-nums}.vo-muted{color:var(--vo-muted)}.vo-panel{background:var(--vo-surface);border-radius:var(--vo-r-card);box-shadow:var(--vo-shadow);position:relative}.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-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-ib{width:30px;height:30px;border-radius:50%;display:inline-grid;place-items:center;color:var(--vo-fg2);transition:background var(--vo-t-fast),color var(--vo-t-fast),transform .15s}@media (hover:hover) and (pointer:fine){.vo-ib:hover{background:var(--vo-row);color:var(--vo-fg)}}.vo-ib:active{transform:scale(.94)}.vo-ib[disabled]{color:var(--vo-dis);cursor:not-allowed}.vo-pill{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:32px;padding:0 14px;border-radius:var(--vo-r-pill);font-size:13px;font-weight:500;white-space:nowrap;transition:background var(--vo-t-fast),color var(--vo-t-fast),opacity var(--vo-t-fast),transform .15s}.vo-pill:active{transform:scale(.97)}.vo-pill.vo-sm{height:28px;padding:0 11px;font-size:12.5px}.vo-pill.vo-primary{background:var(--vo-accent);color:var(--vo-on-accent)}@media (hover:hover) and (pointer:fine){.vo-pill.vo-primary:hover{background:var(--vo-accent-2)}}.vo-pill.vo-soft{background:var(--vo-soft);color:var(--vo-fg);box-shadow:var(--vo-soft-ring)}@media (hover:hover) and (pointer:fine){.vo-pill.vo-soft:hover{background:var(--vo-soft-h)}}.vo-pill.vo-line{background:var(--vo-surface);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vo-line) 50%,transparent);color:var(--vo-fg)}.vo-pill[disabled]{opacity:1;color:var(--vo-dis);background:none;cursor:not-allowed;transform:none}.vo-pill:is(.vo-primary,.vo-soft,.vo-line)[disabled]{background:var(--vo-dis-hatch),var(--vo-dis-fill);color:var(--vo-dis);box-shadow:var(--vo-soft-ring)}:root:not([data-style=soft]) .vo-pill.vo-line:not(:where([data-style=soft],[data-style=soft] *)){box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vo-rail) 50%,transparent)}@media (prefers-reduced-motion:reduce){.vo-bws-s .vo-g .vo-spin{animation-duration:.01ms!important;animation-iteration-count:1!important}}\n"], dependencies: [{ kind: "component", type: VoIconComponent, selector: "vo-icon", inputs: ["name", "size"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
216
+ }
217
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BrowserSessionComponent, decorators: [{
218
+ type: Component,
219
+ args: [{ selector: 'vo-browser-session', standalone: true, encapsulation: ViewEncapsulation.None, imports: [VoIconComponent, NgTemplateOutlet], template: `
220
+ <div
221
+ data-vo=""
222
+ class="vo-bws vo-panel"
223
+ [class.vo-you]="mine"
224
+ [class.vo-paused]="isPaused && !mine"
225
+ >
226
+ <div class="vo-bws-h">
227
+ <div class="vo-bws-ht">
228
+ <b>{{ title }}</b>
229
+ <span class="vo-muted vo-bws-st">
230
+ <span aria-live="polite"><span class="vo-sw">{{ line }}</span></span> ·
231
+ <span class="vo-num">{{ clockText }}</span>
232
+ </span>
233
+ </div>
234
+ <div class="vo-bws-ctl">
235
+ <button
236
+ type="button"
237
+ class="vo-ib vo-bws-pause"
238
+ [attr.aria-label]="isPaused ? 'Resume' : 'Pause'"
239
+ [attr.title]="isPaused ? 'Resume' : 'Pause'"
240
+ [disabled]="mine || done"
241
+ (click)="togglePaused()"
242
+ >
243
+ <vo-icon [name]="isPaused ? 'play' : 'pause'"></vo-icon>
244
+ </button>
245
+ <button
246
+ type="button"
247
+ class="vo-pill vo-line vo-sm vo-bws-take"
248
+ [attr.aria-pressed]="mine"
249
+ [disabled]="done"
250
+ (click)="take()"
251
+ >{{ mine ? 'Hand back' : 'Take over' }}</button>
252
+ </div>
253
+ </div>
254
+
255
+ <div class="vo-bws-win">
256
+ <div class="vo-bws-bar">
257
+ <span class="vo-bws-dots" aria-hidden="true"><i></i><i></i><i></i></span>
258
+ <div class="vo-bws-url">
259
+ <vo-icon [name]="search ? 'search' : 'lock'" size="xs"></vo-icon>
260
+ <span class="vo-sw">{{ url }}</span>
261
+ </div>
262
+ </div>
263
+ <!-- while the agent drives, the page is a picture of its browser; with Take over it is the person's to use -->
264
+ <div class="vo-bws-vp" [attr.inert]="mine ? null : ''">
265
+ @if (page) {
266
+ <ng-container [ngTemplateOutlet]="page"></ng-container>
267
+ }
268
+ <span
269
+ class="vo-bws-cur"
270
+ [class.vo-on]="cursor && !mine"
271
+ [class.vo-down]="cursor?.down"
272
+ [style.transform]="cursor ? 'translate(' + cursor.x + 'px,' + cursor.y + 'px)' : null"
273
+ aria-hidden="true"
274
+ >
275
+ <svg viewBox="0 0 14 14"><path d="M2 1.5l9.5 5-4.2 1.2-2 4.3z"/></svg>
276
+ </span>
277
+ </div>
278
+ </div>
279
+
280
+ <ol class="vo-bws-steps" aria-label="Steps">
281
+ @for (s of steps; track $index) {
282
+ <li
283
+ class="vo-bws-s"
284
+ [class]="cls(s.state)"
285
+ [attr.aria-current]="s.state === 'running' || s.state === 'waiting' ? 'step' : null"
286
+ >
287
+ <span class="vo-g" aria-hidden="true">
288
+ @switch (s.state) {
289
+ @case ('running') { <span class="vo-spin"></span> }
290
+ @case ('done') { <vo-icon name="ok" size="xs"></vo-icon> }
291
+ @case ('waiting') { <vo-icon name="alert" size="xs"></vo-icon> }
292
+ @default { <span class="vo-dot"></span> }
293
+ }
294
+ </span>
295
+ <span class="vo-bws-t">
296
+ <span>{{ s.label }}</span>
297
+ @if (s.detail) {
298
+ <span class="vo-d vo-sw">{{ s.detail }}</span>
299
+ }
300
+ @if (s.state === 'waiting' && ask && !mine) {
301
+ <div class="vo-bws-ask vo-enter">
302
+ <button type="button" class="vo-pill vo-primary vo-sm" (click)="ask.onAllow()">{{ ask.label }}</button>
303
+ <button type="button" class="vo-pill vo-soft vo-sm" (click)="take()">Take over</button>
304
+ </div>
305
+ }
306
+ </span>
307
+ </li>
308
+ }
309
+ </ol>
310
+
311
+ @if (done && summary) {
312
+ <div class="vo-bws-sum vo-enter">
313
+ <vo-icon name="ok" size="xs"></vo-icon><span>{{ summary }}</span>
314
+ </div>
315
+ }
316
+ </div>
317
+ `, styles: [".vo-bws{width:100%;max-width:440px;margin:0 auto;padding:6px}.vo-bws-h{display:flex;align-items:center;justify-content:space-between;gap:var(--vo-s-3);padding:var(--vo-s-2) 10px 10px}.vo-bws-ht{display:flex;flex-direction:column;min-width:0}.vo-bws-ht b{font-weight:500;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vo-bws-st{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vo-bws-ctl{display:flex;align-items:center;gap:var(--vo-s-1);flex:none}.vo-bws-take[aria-pressed=true]{background:var(--vo-accent-bg);color:var(--vo-accent-fg,var(--vo-accent));box-shadow:none}.vo-bws-win{margin:0 var(--vo-s-1);border-radius:var(--vo-r-in);border:1px solid color-mix(in srgb,var(--vo-line) 50%,transparent);overflow:hidden;transition:border-color .3s}.vo-bws.vo-you .vo-bws-win{border-color:var(--vo-accent-mark,var(--vo-accent))}.vo-bws-bar{display:flex;align-items:center;gap:var(--vo-s-2);height:36px;padding:0 var(--vo-s-2) 0 10px;background:var(--vo-wash);border-bottom:1px solid color-mix(in srgb,var(--vo-line) 50%,transparent)}.vo-bws-dots{display:flex;gap:var(--vo-s-1);flex:none}.vo-bws-dots i{width:7px;height:7px;border-radius:50%;background:var(--vo-faint)}.vo-bws-url{flex:1;min-width:0;display:flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:var(--vo-r-pill);background:var(--vo-surface);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vo-line) 50%,transparent);font-size:12px;color:var(--vo-fg2)}.vo-bws-url .vo-i{color:var(--vo-muted)}.vo-bws-url span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vo-bws-vp{position:relative;height:156px;overflow:hidden;background:var(--vo-surface)}.vo-bws-pg{position:absolute;left:0;right:0;top:0;padding:var(--vo-s-3) 14px;display:flex;flex-direction:column;gap:10px;font-size:12px;color:var(--vo-fg2);transition:transform .8s var(--vo-ease)}.vo-bws-ln{display:block;height:6px;border-radius:3px;background:var(--vo-chip)}.vo-bws-nav{display:flex;align-items:center;gap:var(--vo-s-3);font-size:11.5px;color:var(--vo-muted);white-space:nowrap}.vo-bws-nav b{display:flex;align-items:center;gap:6px;margin-right:auto;font-weight:500;color:var(--vo-fg)}.vo-bws-nav b:before{content:\"\";width:12px;height:12px;border-radius:var(--vo-r-xs);background:var(--vo-fg)}.vo-bws-nav .vo-on{color:var(--vo-fg)}.vo-bws-hd{font-size:13px;font-weight:500;color:var(--vo-fg)}.vo-bws-q{display:flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:var(--vo-r-pill);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vo-line) 50%,transparent);color:var(--vo-fg);white-space:nowrap;overflow:hidden}.vo-bws-res{display:flex;flex-direction:column;gap:2px;min-width:0}.vo-bws-res b{font-weight:500;color:var(--vo-pb);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-self:flex-start;max-width:100%}.vo-bws-res span{font-size:11.5px;color:var(--vo-muted)}.vo-bws-cta{align-self:flex-start;height:22px;padding:0 10px;display:inline-flex;align-items:center;border-radius:var(--vo-r-pill);background:var(--vo-chip);font-size:11.5px;color:var(--vo-fg2)}.vo-bws-tb{display:flex;flex-direction:column;border-radius:var(--vo-r-sm);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vo-line) 50%,transparent)}.vo-bws-tb div{display:flex;justify-content:space-between;gap:var(--vo-s-3);padding:5px 10px;border-top:1px solid color-mix(in srgb,var(--vo-line) 50%,transparent)}.vo-bws-tb div:first-child{border-top:0;font-size:11.5px;color:var(--vo-muted)}.vo-bws-tb .vo-num{padding:0 var(--vo-s-1);margin:0 -4px;border-radius:var(--vo-r-xs);color:var(--vo-fg);transition:background .3s,color .3s}.vo-bws-tb .vo-num.vo-hit{background:var(--vo-accent);color:var(--vo-on-accent)}.vo-bws-vp .vo-aim{outline:1.5px solid var(--vo-accent-mark,var(--vo-accent));outline-offset:2px;border-radius:var(--vo-r-xs)}.vo-bws-cur{position:absolute;left:0;top:0;width:14px;height:14px;z-index:2;color:var(--vo-accent-mark,var(--vo-accent));pointer-events:none;opacity:0;transition:transform .7s var(--vo-ease),opacity .2s}.vo-bws-cur.vo-on{opacity:1}.vo-bws-cur svg{display:block;width:14px;height:14px;transition:transform .16s var(--vo-ease)}.vo-bws-cur svg path{fill:currentColor;stroke:var(--vo-surface);stroke-width:1.4;stroke-linejoin:round}.vo-bws-cur.vo-down svg{transform:scale(.8)}.vo-bws-ck{position:absolute;left:8px;right:8px;bottom:8px;z-index:1;display:flex;align-items:center;gap:6px;padding:6px 6px 6px 10px;border-radius:calc(10px * var(--vo-rk));background:var(--vo-raised);box-shadow:var(--vo-shadow-pop);font-size:12px;color:var(--vo-fg);transform:translateY(calc(100% + 12px));transition:transform .5s var(--vo-ease)}.vo-bws-ck.vo-on{transform:none}.vo-bws-ck span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vo-bws-ck button{flex:none;height:24px;padding:0 9px;border-radius:var(--vo-r-pill);font-size:11.5px;background:var(--vo-chip);color:var(--vo-fg)}.vo-bws-ck button+button{background:var(--vo-ink);color:var(--vo-on-ink)}.vo-bws:not(.vo-you) .vo-bws-ck button{cursor:default}.vo-bws-steps{list-style:none;margin:0;padding:var(--vo-s-2) 0 0;display:flex;flex-direction:column}.vo-bws-s{display:flex;align-items:flex-start;gap:10px;padding:6px 10px;font-size:13px;color:var(--vo-muted)}.vo-bws-s .vo-g{width:16px;height:19.5px;display:grid;place-items:center;flex:none;color:var(--vo-faint)}.vo-bws-s .vo-g .vo-spin{width:11px;height:11px;color:var(--vo-accent-fg,var(--vo-accent))}.vo-bws-s.vo-done{color:var(--vo-fg2)}.vo-bws-s.vo-done .vo-g{color:var(--vo-ok)}.vo-bws-s.vo-run,.vo-bws-s.vo-wait{color:var(--vo-fg)}.vo-bws-s.vo-wait .vo-g{color:var(--vo-warn)}.vo-bws.vo-paused .vo-bws-s .vo-g .vo-spin{animation-play-state:paused;color:var(--vo-muted)}.vo-bws-t{flex:1;min-width:0;display:flex;flex-direction:column}.vo-bws-t>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vo-bws-t .vo-d{font-size:12px;color:var(--vo-muted)}.vo-bws-s.vo-wait .vo-d{color:var(--vo-warn)}.vo-bws-ask{display:flex;flex-wrap:wrap;align-items:center;gap:var(--vo-s-2);margin-top:var(--vo-s-2)}.vo-bws-sum{display:flex;align-items:center;gap:var(--vo-s-2);margin:var(--vo-s-2) var(--vo-s-1) 2px;padding:10px var(--vo-s-3);border-radius:var(--vo-r-in);background:var(--vo-ok-bg);font-size:13px}.vo-bws-sum svg{color:var(--vo-ok);flex:none}.vo-bws-sum span{min-width:0}.vo-num{font-variant-numeric:tabular-nums}.vo-muted{color:var(--vo-muted)}.vo-panel{background:var(--vo-surface);border-radius:var(--vo-r-card);box-shadow:var(--vo-shadow);position:relative}.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-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-ib{width:30px;height:30px;border-radius:50%;display:inline-grid;place-items:center;color:var(--vo-fg2);transition:background var(--vo-t-fast),color var(--vo-t-fast),transform .15s}@media (hover:hover) and (pointer:fine){.vo-ib:hover{background:var(--vo-row);color:var(--vo-fg)}}.vo-ib:active{transform:scale(.94)}.vo-ib[disabled]{color:var(--vo-dis);cursor:not-allowed}.vo-pill{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:32px;padding:0 14px;border-radius:var(--vo-r-pill);font-size:13px;font-weight:500;white-space:nowrap;transition:background var(--vo-t-fast),color var(--vo-t-fast),opacity var(--vo-t-fast),transform .15s}.vo-pill:active{transform:scale(.97)}.vo-pill.vo-sm{height:28px;padding:0 11px;font-size:12.5px}.vo-pill.vo-primary{background:var(--vo-accent);color:var(--vo-on-accent)}@media (hover:hover) and (pointer:fine){.vo-pill.vo-primary:hover{background:var(--vo-accent-2)}}.vo-pill.vo-soft{background:var(--vo-soft);color:var(--vo-fg);box-shadow:var(--vo-soft-ring)}@media (hover:hover) and (pointer:fine){.vo-pill.vo-soft:hover{background:var(--vo-soft-h)}}.vo-pill.vo-line{background:var(--vo-surface);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vo-line) 50%,transparent);color:var(--vo-fg)}.vo-pill[disabled]{opacity:1;color:var(--vo-dis);background:none;cursor:not-allowed;transform:none}.vo-pill:is(.vo-primary,.vo-soft,.vo-line)[disabled]{background:var(--vo-dis-hatch),var(--vo-dis-fill);color:var(--vo-dis);box-shadow:var(--vo-soft-ring)}:root:not([data-style=soft]) .vo-pill.vo-line:not(:where([data-style=soft],[data-style=soft] *)){box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vo-rail) 50%,transparent)}@media (prefers-reduced-motion:reduce){.vo-bws-s .vo-g .vo-spin{animation-duration:.01ms!important;animation-iteration-count:1!important}}\n"] }]
318
+ }], propDecorators: { title: [{
319
+ type: Input
320
+ }], url: [{
321
+ type: Input
322
+ }], search: [{
323
+ type: Input
324
+ }], cursor: [{
325
+ type: Input
326
+ }], steps: [{
327
+ type: Input
328
+ }], ask: [{
329
+ type: Input
330
+ }], paused: [{
331
+ type: Input
332
+ }], defaultPaused: [{
333
+ type: Input
334
+ }], inControl: [{
335
+ type: Input
336
+ }], defaultInControl: [{
337
+ type: Input
338
+ }], seconds: [{
339
+ type: Input
340
+ }], status: [{
341
+ type: Input
342
+ }], summary: [{
343
+ type: Input
344
+ }], pausedChange: [{
345
+ type: Output
346
+ }], inControlChange: [{
347
+ type: Output
348
+ }], page: [{
349
+ type: ContentChild,
350
+ args: ['page']
351
+ }] } });
352
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJvd3Nlci1zZXNzaW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2Jyb3dzZXItc2Vzc2lvbi9icm93c2VyLXNlc3Npb24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGlFQUFpRTtBQUNqRSxFQUFFO0FBQ0YsNkVBQTZFO0FBQzdFLDRFQUE0RTtBQUM1RSw4RUFBOEU7QUFDOUUsK0VBQStFO0FBQy9FLDJFQUEyRTtBQUMzRSw2RUFBNkU7QUFFN0UsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osWUFBWSxFQUNaLEtBQUssRUFHTCxNQUFNLEVBR04saUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7QUEwQnpELE1BQU0sR0FBRyxHQUFxQztJQUM1QyxNQUFNLEVBQUUsV0FBVyxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxJQUFJLEVBQUUsU0FBUztDQUM1RSxDQUFDO0FBQ0YsTUFBTSxLQUFLLEdBQUcsQ0FBQyxDQUFTLEVBQUUsRUFBRSxDQUFDLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksTUFBTSxDQUFDLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxFQUFFLENBQUM7QUFFeEYsMkVBQTJFO0FBMkczRSxNQUFNLE9BQU8sdUJBQXVCO0lBMUdwQztRQTJHRSwrREFBK0Q7UUFDdEQsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUNwQixzRUFBc0U7UUFDN0QsUUFBRyxHQUFHLEVBQUUsQ0FBQztRQUNsQix3RUFBd0U7UUFDL0QsV0FBTSxHQUFHLEtBQUssQ0FBQztRQUdmLFVBQUssR0FB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QUFZO3VCQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyIvLyBmcmFtZXdvcmsvYW5ndWxhci9icm93c2VyLXNlc3Npb24vYnJvd3Nlci1zZXNzaW9uLmNvbXBvbmVudC50c1xuLy9cbi8vIE5hdGl2ZSBBbmd1bGFyIHBvcnQgb2YgZnJhbWV3b3JrL3JlYWN0L2Jyb3dzZXItc2Vzc2lvbi9Ccm93c2VyU2Vzc2lvbi50c3guXG4vLyBUaGUgYWdlbnQgYnJvd3NpbmcgdGhlIHdlYiBmb3IgdGhlIHBlcnNvbjogYSBzbWFsbCBicm93c2VyIGZyYW1lIHdpdGggdGhlXG4vLyBwYWdlIGl0IGlzIG9uLCB0aGUgc3RlcHMgaXQgdGFrZXMgdW5kZXIgaXQsIGFuZCBQYXVzZSBhbmQgVGFrZSBvdmVyLiBXaGVuIGFcbi8vIHN0ZXAgd2FpdHMgZm9yIHRoZSBwZXJzb24sIGl0IHNob3dzIHdoeSBhbmQgYSBidXR0b24gdG8gbGV0IHRoZSBhZ2VudCBnbyBvbi5cbi8vIElucHV0cyBtaXJyb3IgdGhlIFJlYWN0IHByb3BzOyB0aGUgcGF1c2VkIC8gaW4tY29udHJvbCBzdGF0ZSBjYW4gYmUgbGVmdFxuLy8gdW5jb250cm9sbGVkIChkZWZhdWx0UGF1c2VkIC8gZGVmYXVsdEluQ29udHJvbCkgb3IgZHJpdmVuIGZyb20gdGhlIHBhcmVudC5cblxuaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBDb250ZW50Q2hpbGQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE9uQ2hhbmdlcyxcbiAgT25EZXN0cm95LFxuICBPdXRwdXQsXG4gIFNpbXBsZUNoYW5nZXMsXG4gIFRlbXBsYXRlUmVmLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOZ1RlbXBsYXRlT3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFZvSWNvbkNvbXBvbmVudCB9IGZyb20gJy4uL2NvcmUvaWNvbi5jb21wb25lbnQnO1xuXG5leHBvcnQgdHlwZSBCcm93c2VyU3RlcFN0YXRlID0gJ3F1ZXVlZCcgfCAncnVubmluZycgfCAnd2FpdGluZycgfCAnZG9uZSc7XG5cbi8qKiBPbmUgc3RlcCB0aGUgYWdlbnQgdGFrZXMsIHdpdGggaXRzIHN0YXRlIGFuZCBhbiBvcHRpb25hbCBxdWlldCBkZXRhaWwgbGluZS4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgQnJvd3NlclN0ZXAge1xuICAvKiogV2hhdCB0aGUgYWdlbnQgZG9lcywgbGlrZSAnQ2xpY2sgXCJQcmljaW5nXCInLiAqL1xuICBsYWJlbDogc3RyaW5nO1xuICBzdGF0ZTogQnJvd3NlclN0ZXBTdGF0ZTtcbiAgLyoqIEEgcXVpZXQgbGluZSB1bmRlciB0aGUgc3RlcC4gT24gYSB3YWl0aW5nIHN0ZXAgaXQgc2F5cyB3aGF0IGlzIGluIHRoZSB3YXksIGluIGFtYmVyLiAqL1xuICBkZXRhaWw/OiBzdHJpbmc7XG59XG5cbi8qKiBUaGUgYWdlbnQncyBvd24gcG9pbnRlciwgaW4gcGl4ZWxzIGZyb20gdGhlIHBhZ2UncyB0b3AgbGVmdC4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgQnJvd3NlckN1cnNvciB7XG4gIHg6IG51bWJlcjtcbiAgeTogbnVtYmVyO1xuICBkb3duPzogYm9vbGVhbjtcbn1cblxuLyoqIFdoaWxlIGEgc3RlcCB3YWl0czogdGhlIGJ1dHRvbiB0aGF0IGxldHMgdGhlIGFnZW50IGdvIG9uLCBsaWtlIFwiQWxsb3cgY2xvc2luZyBpdFwiLiAqL1xuZXhwb3J0IGludGVyZmFjZSBCcm93c2VyQXNrIHtcbiAgbGFiZWw6IHN0cmluZztcbiAgb25BbGxvdzogKCkgPT4gdm9pZDtcbn1cblxuY29uc3QgQ0xTOiBSZWNvcmQ8QnJvd3NlclN0ZXBTdGF0ZSwgc3RyaW5nPiA9IHtcbiAgcXVldWVkOiAndm8tcXVldWVkJywgcnVubmluZzogJ3ZvLXJ1bicsIHdhaXRpbmc6ICd2by13YWl0JywgZG9uZTogJ3ZvLWRvbmUnLFxufTtcbmNvbnN0IGNsb2NrID0gKHM6IG51bWJlcikgPT4gYCR7TWF0aC5mbG9vcihzIC8gNjApfToke1N0cmluZyhzICUgNjApLnBhZFN0YXJ0KDIsICcwJyl9YDtcblxuLyoqIFRoZSBhZ2VudCBicm93c2luZyB0aGUgd2ViIGZvciB0aGUgcGVyc29uLCB3aXRoIFBhdXNlIGFuZCBUYWtlIG92ZXIuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2by1icm93c2VyLXNlc3Npb24nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBpbXBvcnRzOiBbVm9JY29uQ29tcG9uZW50LCBOZ1RlbXBsYXRlT3V0bGV0XSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2XG4gICAgICBkYXRhLXZvPVwiXCJcbiAgICAgIGNsYXNzPVwidm8tYndzIHZvLXBhbmVsXCJcbiAgICAgIFtjbGFzcy52by15b3VdPVwibWluZVwiXG4gICAgICBbY2xhc3Mudm8tcGF1c2VkXT1cImlzUGF1c2VkICYmICFtaW5lXCJcbiAgICA+XG4gICAgICA8ZGl2IGNsYXNzPVwidm8tYndzLWhcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInZvLWJ3cy1odFwiPlxuICAgICAgICAgIDxiPnt7IHRpdGxlIH19PC9iPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwidm8tbXV0ZWQgdm8tYndzLXN0XCI+XG4gICAgICAgICAgICA8c3BhbiBhcmlhLWxpdmU9XCJwb2xpdGVcIj48c3BhbiBjbGFzcz1cInZvLXN3XCI+e3sgbGluZSB9fTwvc3Bhbj48L3NwYW4+IMK3XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInZvLW51bVwiPnt7IGNsb2NrVGV4dCB9fTwvc3Bhbj5cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwidm8tYndzLWN0bFwiPlxuICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgY2xhc3M9XCJ2by1pYiB2by1id3MtcGF1c2VcIlxuICAgICAgICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCJpc1BhdXNlZCA/ICdSZXN1bWUnIDogJ1BhdXNlJ1wiXG4gICAgICAgICAgICBbYXR0ci50aXRsZV09XCJpc1BhdXNlZCA/ICdSZXN1bWUnIDogJ1BhdXNlJ1wiXG4gICAgICAgICAgICBbZGlzYWJsZWRdPVwibWluZSB8fCBkb25lXCJcbiAgICAgICAgICAgIChjbGljayk9XCJ0b2dnbGVQYXVzZWQoKVwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPHZvLWljb24gW25hbWVdPVwiaXNQYXVzZWQgPyAncGxheScgOiAncGF1c2UnXCI+PC92by1pY29uPlxuICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgY2xhc3M9XCJ2by1waWxsIHZvLWxpbmUgdm8tc20gdm8tYndzLXRha2VcIlxuICAgICAgICAgICAgW2F0dHIuYXJpYS1wcmVzc2VkXT1cIm1pbmVcIlxuICAgICAgICAgICAgW2Rpc2FibGVkXT1cImRvbmVcIlxuICAgICAgICAgICAgKGNsaWNrKT1cInRha2UoKVwiXG4gICAgICAgICAgPnt7IG1pbmUgPyAnSGFuZCBiYWNrJyA6ICdUYWtlIG92ZXInIH19PC9idXR0b24+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG5cbiAgICAgIDxkaXYgY2xhc3M9XCJ2by1id3Mtd2luXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ2by1id3MtYmFyXCI+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2by1id3MtZG90c1wiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjxpPjwvaT48aT48L2k+PGk+PC9pPjwvc3Bhbj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwidm8tYndzLXVybFwiPlxuICAgICAgICAgICAgPHZvLWljb24gW25hbWVdPVwic2VhcmNoID8gJ3NlYXJjaCcgOiAnbG9jaydcIiBzaXplPVwieHNcIj48L3ZvLWljb24+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInZvLXN3XCI+e3sgdXJsIH19PC9zcGFuPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPCEtLSB3aGlsZSB0aGUgYWdlbnQgZHJpdmVzLCB0aGUgcGFnZSBpcyBhIHBpY3R1cmUgb2YgaXRzIGJyb3dzZXI7IHdpdGggVGFrZSBvdmVyIGl0IGlzIHRoZSBwZXJzb24ncyB0byB1c2UgLS0+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ2by1id3MtdnBcIiBbYXR0ci5pbmVydF09XCJtaW5lID8gbnVsbCA6ICcnXCI+XG4gICAgICAgICAgQGlmIChwYWdlKSB7XG4gICAgICAgICAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cInBhZ2VcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICB9XG4gICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgIGNsYXNzPVwidm8tYndzLWN1clwiXG4gICAgICAgICAgICBbY2xhc3Mudm8tb25dPVwiY3Vyc29yICYmICFtaW5lXCJcbiAgICAgICAgICAgIFtjbGFzcy52by1kb3duXT1cImN1cnNvcj8uZG93blwiXG4gICAgICAgICAgICBbc3R5bGUudHJhbnNmb3JtXT1cImN1cnNvciA/ICd0cmFuc2xhdGUoJyArIGN1cnNvci54ICsgJ3B4LCcgKyBjdXJzb3IueSArICdweCknIDogbnVsbFwiXG4gICAgICAgICAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxzdmcgdmlld0JveD1cIjAgMCAxNCAxNFwiPjxwYXRoIGQ9XCJNMiAxLjVsOS41IDUtNC4yIDEuMi0yIDQuM3pcIi8+PC9zdmc+XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuXG4gICAgICA8b2wgY2xhc3M9XCJ2by1id3Mtc3RlcHNcIiBhcmlhLWxhYmVsPVwiU3RlcHNcIj5cbiAgICAgICAgQGZvciAocyBvZiBzdGVwczsgdHJhY2sgJGluZGV4KSB7XG4gICAgICAgICAgPGxpXG4gICAgICAgICAgICBjbGFzcz1cInZvLWJ3cy1zXCJcbiAgICAgICAgICAgIFtjbGFzc109XCJjbHMocy5zdGF0ZSlcIlxuICAgICAgICAgICAgW2F0dHIuYXJpYS1jdXJyZW50XT1cInMuc3RhdGUgPT09ICdydW5uaW5nJyB8fCBzLnN0YXRlID09PSAnd2FpdGluZycgPyAnc3RlcCcgOiBudWxsXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInZvLWdcIiBhcmlhLWhpZGRlbj1cInRydWVcIj5cbiAgICAgICAgICAgICAgQHN3aXRjaCAocy5zdGF0ZSkge1xuICAgICAgICAgICAgICAgIEBjYXNlICgncnVubmluZycpIHsgPHNwYW4gY2xhc3M9XCJ2by1zcGluXCI+PC9zcGFuPiB9XG4gICAgICAgICAgICAgICAgQGNhc2UgKCdkb25lJykgeyA8dm8taWNvbiBuYW1lPVwib2tcIiBzaXplPVwieHNcIj48L3ZvLWljb24+IH1cbiAgICAgICAgICAgICAgICBAY2FzZSAoJ3dhaXRpbmcnKSB7IDx2by1pY29uIG5hbWU9XCJhbGVydFwiIHNpemU9XCJ4c1wiPjwvdm8taWNvbj4gfVxuICAgICAgICAgICAgICAgIEBkZWZhdWx0IHsgPHNwYW4gY2xhc3M9XCJ2by1kb3RcIj48L3NwYW4+IH1cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2by1id3MtdFwiPlxuICAgICAgICAgICAgICA8c3Bhbj57eyBzLmxhYmVsIH19PC9zcGFuPlxuICAgICAgICAgICAgICBAaWYgKHMuZGV0YWlsKSB7XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2by1kIHZvLXN3XCI+e3sgcy5kZXRhaWwgfX08L3NwYW4+XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgQGlmIChzLnN0YXRlID09PSAnd2FpdGluZycgJiYgYXNrICYmICFtaW5lKSB7XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInZvLWJ3cy1hc2sgdm8tZW50ZXJcIj5cbiAgICAgICAgICAgICAgICAgIDxidXR0b24gdHlwZT1cImJ1dHRvblwiIGNsYXNzPVwidm8tcGlsbCB2by1wcmltYXJ5IHZvLXNtXCIgKGNsaWNrKT1cImFzay5vbkFsbG93KClcIj57eyBhc2subGFiZWwgfX08L2J1dHRvbj5cbiAgICAgICAgICAgICAgICAgIDxidXR0b24gdHlwZT1cImJ1dHRvblwiIGNsYXNzPVwidm8tcGlsbCB2by1zb2Z0IHZvLXNtXCIgKGNsaWNrKT1cInRha2UoKVwiPlRha2Ugb3ZlcjwvYnV0dG9uPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgPC9saT5cbiAgICAgICAgfVxuICAgICAgPC9vbD5cblxuICAgICAgQGlmIChkb25lICYmIHN1bW1hcnkpIHtcbiAgICAgICAgPGRpdiBjbGFzcz1cInZvLWJ3cy1zdW0gdm8tZW50ZXJcIj5cbiAgICAgICAgICA8dm8taWNvbiBuYW1lPVwib2tcIiBzaXplPVwieHNcIj48L3ZvLWljb24+PHNwYW4+e3sgc3VtbWFyeSB9fTwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICB9XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsOiAnLi9icm93c2VyLXNlc3Npb24uY3NzJyxcbn0pXG5leHBvcnQgY2xhc3MgQnJvd3NlclNlc3Npb25Db21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMsIE9uRGVzdHJveSB7XG4gIC8qKiBXaGF0IHRoZSBhZ2VudCBpcyBicm93c2luZyBmb3IsIGxpa2UgXCJQcmljaW5nIHJlc2VhcmNoXCIuICovXG4gIEBJbnB1dCgpIHRpdGxlID0gJyc7XG4gIC8qKiBUaGUgYWRkcmVzcyBiYXI6IHRoZSBwYWdlJ3MgYWRkcmVzcywgb3IgdGhlIHNlYXJjaCBiZWluZyB0eXBlZC4gKi9cbiAgQElucHV0KCkgdXJsID0gJyc7XG4gIC8qKiBNYXJrcyBgdXJsYCBhcyBhIHNlYXJjaCwgd2l0aCBhIG1hZ25pZmllciBpbnN0ZWFkIG9mIHRoZSBwYWRsb2NrLiAqL1xuICBASW5wdXQoKSBzZWFyY2ggPSBmYWxzZTtcbiAgLyoqIFRoZSBhZ2VudCdzIG93biBwb2ludGVyLiBIaWRkZW4gd2hpbGUgdGhlIHBlcnNvbiBoYXMgY29udHJvbC4gKi9cbiAgQElucHV0KCkgY3Vyc29yPzogQnJvd3NlckN1cnNvciB8IG51bGw7XG4gIEBJbnB1dCgpIHN0ZXBzOiBCcm93c2VyU3RlcFtdID0gW107XG4gIEBJbnB1dCgpIGFzaz86IEJyb3dzZXJBc2s7XG4gIC8qKiBQYXVzZSBob2xkcyB0aGUgYWdlbnQgd2hlcmUgaXQgaXMuIExlYXZlIGl0IG91dCB0byBsZXQgdGhlIGJ1dHRvbiB0b2dnbGUgaXQuICovXG4gIEBJbnB1dCgpIHBhdXNlZD86IGJvb2xlYW47XG4gIEBJbnB1dCgpIGRlZmF1bHRQYXVzZWQgPSBmYWxzZTtcbiAgLyoqIFRha2Ugb3ZlciBoYW5kcyB0aGUgcGFnZSB0byB0aGUgcGVyc29uLiBMZWF2ZSBpdCBvdXQgdG8gbGV0IHRoZSBidXR0b24gdG9nZ2xlIGl0LiAqL1xuICBASW5wdXQoKSBpbkNvbnRyb2w/OiBib29sZWFuO1xuICBASW5wdXQoKSBkZWZhdWx0SW5Db250cm9sID0gZmFsc2U7XG4gIC8qKiBTZWNvbmRzIHRvIHNob3cgYXMgbTpzcy4gTGVhdmUgaXQgb3V0IHRvIGxldCB0aGUgY2xvY2sgY291bnQgd2hpbGUgYnJvd3NpbmcuICovXG4gIEBJbnB1dCgpIHNlY29uZHM/OiBudW1iZXI7XG4gIC8qKiBUaGUgbGluZSB1bmRlciB0aGUgdGl0bGUuIERlZmF1bHRzIHRvIGEgc3RhdHVzIHdvcmQsIHRoZW4gdGhlIGNsb2NrLiAqL1xuICBASW5wdXQoKSBzdGF0dXM/OiBzdHJpbmc7XG4gIC8qKiBTaG93biB1bmRlciB0aGUgc3RlcHMgb25jZSBldmVyeSBzdGVwIGlzIGRvbmUuICovXG4gIEBJbnB1dCgpIHN1bW1hcnk/OiBzdHJpbmc7XG5cbiAgQE91dHB1dCgpIHBhdXNlZENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcbiAgQE91dHB1dCgpIGluQ29udHJvbENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICAvKiogVGhlIHdpcmVmcmFtZSBwYWdlIHRvIGRyYXcgaW4gdGhlIHZpZXdwb3J0LCBwYXNzZWQgYXMgYSA8bmctdGVtcGxhdGU+LiAqL1xuICBAQ29udGVudENoaWxkKCdwYWdlJykgcGFnZT86IFRlbXBsYXRlUmVmPHVua25vd24+O1xuXG4gIHByaXZhdGUgaW5uZXJQYXVzZWQgPSBmYWxzZTtcbiAgcHJpdmF0ZSBpbm5lck1pbmUgPSBmYWxzZTtcbiAgcHJpdmF0ZSBjb3VudGVkID0gMDtcbiAgcHJpdmF0ZSBzZWNvbmRUaW1lcj86IFJldHVyblR5cGU8dHlwZW9mIHNldEludGVydmFsPjtcblxuICBnZXQgaXNQYXVzZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMucGF1c2VkID8/IHRoaXMuaW5uZXJQYXVzZWQ7XG4gIH1cblxuICBnZXQgbWluZSgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5pbkNvbnRyb2wgPz8gdGhpcy5pbm5lck1pbmU7XG4gIH1cblxuICBnZXQgZG9uZSgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5zdGVwcy5sZW5ndGggPiAwICYmIHRoaXMuc3RlcHMuZXZlcnkoKHMpID0+IHMuc3RhdGUgPT09ICdkb25lJyk7XG4gIH1cblxuICBnZXQgd2FpdGluZygpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5zdGVwcy5zb21lKChzKSA9PiBzLnN0YXRlID09PSAnd2FpdGluZycpO1xuICB9XG5cbiAgZ2V0IHNlY3MoKTogbnVtYmVyIHtcbiAgICByZXR1cm4gdGhpcy5zZWNvbmRzID8/IHRoaXMuY291bnRlZDtcbiAgfVxuXG4gIGdldCBjbG9ja1RleHQoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gY2xvY2sodGhpcy5zZWNzKTtcbiAgfVxuXG4gIGdldCBsaW5lKCk6IHN0cmluZyB7XG4gICAgaWYgKHRoaXMuc3RhdHVzICE9PSB1bmRlZmluZWQpIHJldHVybiB0aGlzLnN0YXR1cztcbiAgICBpZiAodGhpcy5kb25lKSByZXR1cm4gJ0RvbmUnO1xuICAgIGlmICh0aGlzLm1pbmUpIHJldHVybiAnWW91IGhhdmUgY29udHJvbCc7XG4gICAgaWYgKHRoaXMuaXNQYXVzZWQpIHJldHVybiAnUGF1c2VkJztcbiAgICBpZiAodGhpcy53YWl0aW5nKSByZXR1cm4gJ05lZWRzIHlvdSc7XG4gICAgcmV0dXJuICdCcm93c2luZyc7XG4gIH1cblxuICBjbHMoc3RhdGU6IEJyb3dzZXJTdGVwU3RhdGUpOiBzdHJpbmcge1xuICAgIHJldHVybiBDTFNbc3RhdGVdO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgIGlmIChjaGFuZ2VzWydwYXVzZWQnXSAmJiB0aGlzLnBhdXNlZCAhPT0gdW5kZWZpbmVkKSB0aGlzLmlubmVyUGF1c2VkID0gdGhpcy5wYXVzZWQ7XG4gICAgaWYgKGNoYW5nZXNbJ2luQ29udHJvbCddICYmIHRoaXMuaW5Db250cm9sICE9PSB1bmRlZmluZWQpIHRoaXMuaW5uZXJNaW5lID0gdGhpcy5pbkNvbnRyb2w7XG4gICAgaWYgKGNoYW5nZXNbJ2RlZmF1bHRQYXVzZWQnXSAmJiB0aGlzLnBhdXNlZCA9PT0gdW5kZWZpbmVkKSB0aGlzLmlubmVyUGF1c2VkID0gdGhpcy5kZWZhdWx0UGF1c2VkO1xuICAgIGlmIChjaGFuZ2VzWydkZWZhdWx0SW5Db250cm9sJ10gJiYgdGhpcy5pbkNvbnRyb2wgPT09IHVuZGVmaW5lZCkgdGhpcy5pbm5lck1pbmUgPSB0aGlzLmRlZmF1bHRJbkNvbnRyb2w7XG4gICAgdGhpcy51cGRhdGVDbG9jaygpO1xuICB9XG5cbiAgdG9nZ2xlUGF1c2VkKCk6IHZvaWQge1xuICAgIGNvbnN0IG5leHQgPSAhdGhpcy5pc1BhdXNlZDtcbiAgICBpZiAodGhpcy5wYXVzZWQgPT09IHVuZGVmaW5lZCkgdGhpcy5pbm5lclBhdXNlZCA9IG5leHQ7XG4gICAgdGhpcy5wYXVzZWRDaGFuZ2UuZW1pdChuZXh0KTtcbiAgICB0aGlzLnVwZGF0ZUNsb2NrKCk7XG4gIH1cblxuICB0YWtlKCk6IHZvaWQge1xuICAgIGNvbnN0IG5leHQgPSAhdGhpcy5taW5lO1xuICAgIGlmICh0aGlzLmluQ29udHJvbCA9PT0gdW5kZWZpbmVkKSB0aGlzLmlubmVyTWluZSA9IG5leHQ7XG4gICAgdGhpcy5pbkNvbnRyb2xDaGFuZ2UuZW1pdChuZXh0KTtcbiAgICAvLyB0YWtpbmcgb3ZlciBhbHNvIGxpZnRzIGEgcGF1c2VcbiAgICBpZiAobmV4dCAmJiB0aGlzLmlzUGF1c2VkKSB7XG4gICAgICBpZiAodGhpcy5wYXVzZWQgPT09IHVuZGVmaW5lZCkgdGhpcy5pbm5lclBhdXNlZCA9IGZhbHNlO1xuICAgICAgdGhpcy5wYXVzZWRDaGFuZ2UuZW1pdChmYWxzZSk7XG4gICAgfVxuICAgIHRoaXMudXBkYXRlQ2xvY2soKTtcbiAgfVxuXG4gIC8vIHRoZSBjbG9jayBjb3VudHMgd2hpbGUgdGhlIGFnZW50IGlzIGJyb3dzaW5nIG9uIGl0cyBvd25cbiAgcHJpdmF0ZSB1cGRhdGVDbG9jaygpOiB2b2lkIHtcbiAgICBjb25zdCBydW5uaW5nID1cbiAgICAgIHRoaXMuc2Vjb25kcyA9PT0gdW5kZWZpbmVkICYmICF0aGlzLmRvbmUgJiYgIXRoaXMud2FpdGluZyAmJiAhdGhpcy5pc1BhdXNlZCAmJiAhdGhpcy5taW5lO1xuICAgIGlmIChydW5uaW5nICYmICF0aGlzLnNlY29uZFRpbWVyKSB7XG4gICAgICB0aGlzLnNlY29uZFRpbWVyID0gc2V0SW50ZXJ2YWwoKCkgPT4ge1xuICAgICAgICB0aGlzLmNvdW50ZWQrKztcbiAgICAgIH0sIDEwMDApO1xuICAgIH0gZWxzZSBpZiAoIXJ1bm5pbmcgJiYgdGhpcy5zZWNvbmRUaW1lcikge1xuICAgICAgY2xlYXJJbnRlcnZhbCh0aGlzLnNlY29uZFRpbWVyKTtcbiAgICAgIHRoaXMuc2Vjb25kVGltZXIgPSB1bmRlZmluZWQ7XG4gICAgfVxuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgY2xlYXJJbnRlcnZhbCh0aGlzLnNlY29uZFRpbWVyKTtcbiAgfVxufVxuIl19