@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.
- package/LICENSE +24 -0
- package/README.md +56 -2
- package/account-table/account-table.component.d.ts +72 -0
- package/action-log/action-log.component.d.ts +41 -0
- package/activity-heatmap/activity-heatmap.component.d.ts +67 -0
- package/agent-inbox/agent-inbox.component.d.ts +75 -0
- package/agent-lanes/agent-lanes.component.d.ts +152 -0
- package/agent-phases/agent-phases.component.d.ts +62 -0
- package/agent-run-timeline/agent-run-timeline.component.d.ts +113 -0
- package/agent-tree/agent-tree.component.d.ts +80 -0
- package/answer-action-bar/answer-action-bar.component.d.ts +110 -0
- package/artifact-card/artifact-card.component.d.ts +145 -0
- package/attachment-tray/attachment-tray.component.d.ts +84 -0
- package/badge/badge.component.d.ts +25 -0
- package/bar-chart/bar-chart.component.d.ts +87 -0
- package/browser-session/browser-session.component.d.ts +70 -0
- package/buttons/buttons.component.d.ts +63 -0
- package/card/card.component.d.ts +21 -0
- package/change-review/change-review.component.d.ts +97 -0
- package/citation-hover-card/citation-hover-card.component.d.ts +95 -0
- package/code-viewer/code-viewer.component.d.ts +86 -0
- package/composer/composer.component.d.ts +114 -0
- package/context-meter/context-meter.component.d.ts +60 -0
- package/core/icon.component.d.ts +10 -0
- package/core/reduced-motion.service.d.ts +15 -0
- package/decision-prompt/decision-prompt.component.d.ts +56 -0
- package/design-review/design-review.component.d.ts +108 -0
- package/design-tuner/design-tuner.component.d.ts +75 -0
- package/details-panel/details-panel.component.d.ts +150 -0
- package/donut-chart/donut-chart.component.d.ts +63 -0
- package/draft-review/draft-review.component.d.ts +128 -0
- package/error-recovery/error-recovery.component.d.ts +59 -0
- package/esm2022/account-table/account-table.component.mjs +399 -0
- package/esm2022/action-log/action-log.component.mjs +177 -0
- package/esm2022/activity-heatmap/activity-heatmap.component.mjs +285 -0
- package/esm2022/agent-inbox/agent-inbox.component.mjs +284 -0
- package/esm2022/agent-lanes/agent-lanes.component.mjs +600 -0
- package/esm2022/agent-phases/agent-phases.component.mjs +300 -0
- package/esm2022/agent-run-timeline/agent-run-timeline.component.mjs +412 -0
- package/esm2022/agent-tree/agent-tree.component.mjs +393 -0
- package/esm2022/answer-action-bar/answer-action-bar.component.mjs +636 -0
- package/esm2022/artifact-card/artifact-card.component.mjs +916 -0
- package/esm2022/attachment-tray/attachment-tray.component.mjs +402 -0
- package/esm2022/badge/badge.component.mjs +97 -0
- package/esm2022/bar-chart/bar-chart.component.mjs +300 -0
- package/esm2022/browser-session/browser-session.component.mjs +352 -0
- package/esm2022/buttons/buttons.component.mjs +215 -0
- package/esm2022/card/card.component.mjs +107 -0
- package/esm2022/change-review/change-review.component.mjs +398 -0
- package/esm2022/citation-hover-card/citation-hover-card.component.mjs +360 -0
- package/esm2022/code-viewer/code-viewer.component.mjs +291 -0
- package/esm2022/composer/composer.component.mjs +743 -0
- package/esm2022/context-meter/context-meter.component.mjs +275 -0
- package/esm2022/core/icon.component.mjs +111 -0
- package/esm2022/core/reduced-motion.service.mjs +34 -0
- package/esm2022/decision-prompt/decision-prompt.component.mjs +259 -0
- package/esm2022/design-review/design-review.component.mjs +428 -0
- package/esm2022/design-tuner/design-tuner.component.mjs +341 -0
- package/esm2022/details-panel/details-panel.component.mjs +537 -0
- package/esm2022/donut-chart/donut-chart.component.mjs +240 -0
- package/esm2022/draft-review/draft-review.component.mjs +549 -0
- package/esm2022/error-recovery/error-recovery.component.mjs +231 -0
- package/esm2022/eval-results/eval-results.component.mjs +368 -0
- package/esm2022/feedback-sheet/feedback-sheet.component.mjs +411 -0
- package/esm2022/field-extraction/field-extraction.component.mjs +368 -0
- package/esm2022/funnel-chart/funnel-chart.component.mjs +258 -0
- package/esm2022/grid/grid.component.mjs +66 -0
- package/esm2022/health-score/health-score.component.mjs +420 -0
- package/esm2022/human-handoff/human-handoff.component.mjs +676 -0
- package/esm2022/image-generation/image-generation.component.mjs +1028 -0
- package/esm2022/inline-text-diff/inline-text-diff.component.mjs +390 -0
- package/esm2022/launch-checklist/launch-checklist.component.mjs +229 -0
- package/esm2022/line-chart/line-chart.component.mjs +417 -0
- package/esm2022/live-answer/live-answer.component.mjs +411 -0
- package/esm2022/metric-insight/metric-insight.component.mjs +511 -0
- package/esm2022/modal/modal.component.mjs +202 -0
- package/esm2022/model-picker/model-picker.component.mjs +491 -0
- package/esm2022/permission-gate/permission-gate.component.mjs +498 -0
- package/esm2022/plan-review/plan-review.component.mjs +432 -0
- package/esm2022/progress/progress.component.mjs +503 -0
- package/esm2022/prompt-library/prompt-library.component.mjs +453 -0
- package/esm2022/prompt-starters/prompt-starters.component.mjs +272 -0
- package/esm2022/proposal-card/proposal-card.component.mjs +402 -0
- package/esm2022/public-api.mjs +88 -0
- package/esm2022/radar-chart/radar-chart.component.mjs +500 -0
- package/esm2022/radial-goals/radial-goals.component.mjs +418 -0
- package/esm2022/reasoning-trail/reasoning-trail.component.mjs +284 -0
- package/esm2022/response-versions/response-versions.component.mjs +288 -0
- package/esm2022/rewrite-toolbar/rewrite-toolbar.component.mjs +397 -0
- package/esm2022/rich-text-editor/rich-text-editor.component.mjs +1755 -0
- package/esm2022/run-cost/run-cost.component.mjs +215 -0
- package/esm2022/run-queue/run-queue.component.mjs +481 -0
- package/esm2022/run-summary/run-summary.component.mjs +331 -0
- package/esm2022/scatter-chart/scatter-chart.component.mjs +705 -0
- package/esm2022/score-breakdown/score-breakdown.component.mjs +460 -0
- package/esm2022/segmented-control/segmented-control.component.mjs +180 -0
- package/esm2022/source-stack/source-stack.component.mjs +245 -0
- package/esm2022/stat-cards/stat-cards.component.mjs +258 -0
- package/esm2022/status-pill/status-pill.component.mjs +305 -0
- package/esm2022/steering/steering.component.mjs +343 -0
- package/esm2022/step-loader/step-loader.component.mjs +209 -0
- package/esm2022/task-table/task-table.component.mjs +534 -0
- package/esm2022/terminal-stream/terminal-stream.component.mjs +583 -0
- package/esm2022/thinking/thinking.component.mjs +276 -0
- package/esm2022/thinking-states/thinking-states.component.mjs +333 -0
- package/esm2022/thread-panel/thread-panel.component.mjs +271 -0
- package/esm2022/toast/toast.component.mjs +195 -0
- package/esm2022/toast-stack/toast-stack.component.mjs +301 -0
- package/esm2022/tool-call/tool-call.component.mjs +273 -0
- package/esm2022/tooltip/tooltip.component.mjs +417 -0
- package/esm2022/top-pages/top-pages.component.mjs +240 -0
- package/esm2022/trace-view/trace-view.component.mjs +440 -0
- package/esm2022/visuno-angular.mjs +5 -0
- package/esm2022/voice-capture/voice-capture.component.mjs +650 -0
- package/esm2022/voice-orb/voice-orb.component.mjs +538 -0
- package/esm2022/web-search/web-search.component.mjs +374 -0
- package/eval-results/eval-results.component.d.ts +67 -0
- package/feedback-sheet/feedback-sheet.component.d.ts +74 -0
- package/fesm2022/visuno-angular.mjs +31992 -0
- package/fesm2022/visuno-angular.mjs.map +1 -0
- package/field-extraction/field-extraction.component.d.ts +82 -0
- package/funnel-chart/funnel-chart.component.d.ts +70 -0
- package/grid/grid.component.d.ts +22 -0
- package/health-score/health-score.component.d.ts +87 -0
- package/human-handoff/human-handoff.component.d.ts +125 -0
- package/image-generation/image-generation.component.d.ts +253 -0
- package/index.d.ts +5 -0
- package/inline-text-diff/inline-text-diff.component.d.ts +76 -0
- package/launch-checklist/launch-checklist.component.d.ts +46 -0
- package/line-chart/line-chart.component.d.ts +89 -0
- package/live-answer/live-answer.component.d.ts +110 -0
- package/metric-insight/metric-insight.component.d.ts +110 -0
- package/modal/modal.component.d.ts +37 -0
- package/model-picker/model-picker.component.d.ts +97 -0
- package/package.json +51 -4
- package/permission-gate/permission-gate.component.d.ts +100 -0
- package/plan-review/plan-review.component.d.ts +86 -0
- package/progress/progress.component.d.ts +91 -0
- package/prompt-library/prompt-library.component.d.ts +121 -0
- package/prompt-starters/prompt-starters.component.d.ts +65 -0
- package/proposal-card/proposal-card.component.d.ts +101 -0
- package/public-api.d.ts +82 -0
- package/radar-chart/radar-chart.component.d.ts +110 -0
- package/radial-goals/radial-goals.component.d.ts +90 -0
- package/reasoning-trail/reasoning-trail.component.d.ts +73 -0
- package/response-versions/response-versions.component.d.ts +54 -0
- package/rewrite-toolbar/rewrite-toolbar.component.d.ts +92 -0
- package/rich-text-editor/rich-text-editor.component.d.ts +180 -0
- package/run-cost/run-cost.component.d.ts +43 -0
- package/run-queue/run-queue.component.d.ts +93 -0
- package/run-summary/run-summary.component.d.ts +81 -0
- package/scatter-chart/scatter-chart.component.d.ts +139 -0
- package/score-breakdown/score-breakdown.component.d.ts +107 -0
- package/segmented-control/segmented-control.component.d.ts +44 -0
- package/source-stack/source-stack.component.d.ts +60 -0
- package/stat-cards/stat-cards.component.d.ts +86 -0
- package/status-pill/status-pill.component.d.ts +64 -0
- package/steering/steering.component.d.ts +75 -0
- package/step-loader/step-loader.component.d.ts +40 -0
- package/styles.css +424 -0
- package/task-table/task-table.component.d.ts +114 -0
- package/terminal-stream/terminal-stream.component.d.ts +110 -0
- package/thinking/thinking.component.d.ts +63 -0
- package/thinking-states/thinking-states.component.d.ts +51 -0
- package/thread-panel/thread-panel.component.d.ts +75 -0
- package/toast/toast.component.d.ts +56 -0
- package/toast-stack/toast-stack.component.d.ts +72 -0
- package/tokens.css +424 -0
- package/tool-call/tool-call.component.d.ts +61 -0
- package/tooltip/tooltip.component.d.ts +89 -0
- package/top-pages/top-pages.component.d.ts +75 -0
- package/trace-view/trace-view.component.d.ts +95 -0
- package/voice-capture/voice-capture.component.d.ts +103 -0
- package/voice-orb/voice-orb.component.d.ts +78 -0
- package/web-search/web-search.component.d.ts +77 -0
|
@@ -0,0 +1,240 @@
|
|
|
1
|
+
// framework/angular/donut-chart/donut-chart.component.ts
|
|
2
|
+
//
|
|
3
|
+
// Native Angular port of framework/react/donut-chart/DonutChart.tsx.
|
|
4
|
+
// A ring of segments that draw in one by one, with a legend; hovering either a
|
|
5
|
+
// segment or its legend row highlights both and shows that segment in the
|
|
6
|
+
// middle. Inputs mirror the React props; the sweep draw-in, the count-up of the
|
|
7
|
+
// total, and the hover highlight are ported from the vanilla JS (donut-chart.js).
|
|
8
|
+
//
|
|
9
|
+
// Icons: none — this component uses no icon glyphs, so it does not import
|
|
10
|
+
// VoIconComponent (the colour swatches are plain CSS squares).
|
|
11
|
+
import { Component, EventEmitter, Input, Output, ViewEncapsulation, } from '@angular/core';
|
|
12
|
+
import * as i0 from "@angular/core";
|
|
13
|
+
import * as i1 from "../core/reduced-motion.service";
|
|
14
|
+
const R = 48;
|
|
15
|
+
const C = 2 * Math.PI * R;
|
|
16
|
+
const GAP = 2;
|
|
17
|
+
export class DonutChartComponent {
|
|
18
|
+
/**
|
|
19
|
+
* Index of the highlighted segment, or null. Leave it out to let hovering a
|
|
20
|
+
* segment or its row highlight it.
|
|
21
|
+
*/
|
|
22
|
+
set active(value) {
|
|
23
|
+
this.controlled = value !== undefined;
|
|
24
|
+
if (value !== undefined && value !== this.hl) {
|
|
25
|
+
this.hl = value;
|
|
26
|
+
this.updateCenter();
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
constructor(reduced, cdr) {
|
|
30
|
+
this.reduced = reduced;
|
|
31
|
+
this.cdr = cdr;
|
|
32
|
+
this.segments = [];
|
|
33
|
+
/** Under the total in the middle, like "Agent time". */
|
|
34
|
+
this.label = 'Total';
|
|
35
|
+
/** After every value, like "h" in "14.2h". */
|
|
36
|
+
this.unit = '';
|
|
37
|
+
/** Writes a value. Defaults to one decimal, like 14.2. */
|
|
38
|
+
this.format = (n) => n.toFixed(1);
|
|
39
|
+
this.defaultActive = null;
|
|
40
|
+
this.activeChange = new EventEmitter();
|
|
41
|
+
// exposed to the template
|
|
42
|
+
this.R = R;
|
|
43
|
+
this.C = C;
|
|
44
|
+
this.arcs = [];
|
|
45
|
+
this.hl = null;
|
|
46
|
+
this.centerValue = '';
|
|
47
|
+
this.centerLabel = '';
|
|
48
|
+
this.total = 0;
|
|
49
|
+
this.controlled = false;
|
|
50
|
+
this.timers = [];
|
|
51
|
+
this.frames = [];
|
|
52
|
+
}
|
|
53
|
+
ngAfterViewInit() {
|
|
54
|
+
if (!this.controlled)
|
|
55
|
+
this.hl = this.defaultActive;
|
|
56
|
+
this.total = this.segments.reduce((a, s) => a + s.value, 0);
|
|
57
|
+
const safe = this.total || 1;
|
|
58
|
+
let off = 0;
|
|
59
|
+
this.arcs = this.segments.map((seg, index) => {
|
|
60
|
+
const len = (seg.value / safe) * C;
|
|
61
|
+
const at = off;
|
|
62
|
+
off += len;
|
|
63
|
+
return {
|
|
64
|
+
seg,
|
|
65
|
+
index,
|
|
66
|
+
color: seg.color ?? `var(--vo-c${(index % 6) + 1})`,
|
|
67
|
+
len: len - GAP,
|
|
68
|
+
at,
|
|
69
|
+
drawn: false,
|
|
70
|
+
enterDelay: 150 + index * 60,
|
|
71
|
+
percent: Math.round((seg.value / safe) * 100),
|
|
72
|
+
};
|
|
73
|
+
});
|
|
74
|
+
this.centerLabel = this.hl !== null ? this.segments[this.hl].label : this.label;
|
|
75
|
+
this.centerValue = this.format(0);
|
|
76
|
+
this.cdr.detectChanges();
|
|
77
|
+
if (this.reduced.reduce()) {
|
|
78
|
+
this.arcs.forEach((a) => (a.drawn = true));
|
|
79
|
+
this.updateCenter();
|
|
80
|
+
this.cdr.markForCheck();
|
|
81
|
+
return;
|
|
82
|
+
}
|
|
83
|
+
// a moment after the ring appears, the arcs sweep in one after another and
|
|
84
|
+
// the total counts up
|
|
85
|
+
this.later(() => {
|
|
86
|
+
this.arcs.forEach((a, i) => this.later(() => {
|
|
87
|
+
a.drawn = true;
|
|
88
|
+
this.cdr.markForCheck();
|
|
89
|
+
}, i * 90));
|
|
90
|
+
this.count(this.total);
|
|
91
|
+
}, 260);
|
|
92
|
+
}
|
|
93
|
+
highlight(index) {
|
|
94
|
+
if (!this.controlled) {
|
|
95
|
+
this.hl = index;
|
|
96
|
+
this.updateCenter();
|
|
97
|
+
}
|
|
98
|
+
this.activeChange.emit(index);
|
|
99
|
+
}
|
|
100
|
+
updateCenter() {
|
|
101
|
+
if (this.hl !== null && this.segments[this.hl]) {
|
|
102
|
+
const s = this.segments[this.hl];
|
|
103
|
+
this.centerValue = this.format(s.value);
|
|
104
|
+
this.centerLabel = s.label;
|
|
105
|
+
}
|
|
106
|
+
else {
|
|
107
|
+
this.centerValue = this.format(this.total);
|
|
108
|
+
this.centerLabel = this.label;
|
|
109
|
+
}
|
|
110
|
+
this.cdr.markForCheck();
|
|
111
|
+
}
|
|
112
|
+
// eases the centre number up to the total over 1200ms, matching the vanilla tween
|
|
113
|
+
count(target) {
|
|
114
|
+
if (this.hl !== null) {
|
|
115
|
+
this.updateCenter();
|
|
116
|
+
return;
|
|
117
|
+
}
|
|
118
|
+
const t0 = performance.now();
|
|
119
|
+
const dur = 1200;
|
|
120
|
+
const step = (t) => {
|
|
121
|
+
if (this.hl !== null)
|
|
122
|
+
return; // a hover takes over the centre
|
|
123
|
+
const p = Math.max(0, Math.min(1, (t - t0) / dur));
|
|
124
|
+
this.centerValue = this.format(target * (1 - Math.pow(1 - p, 3)));
|
|
125
|
+
this.cdr.markForCheck();
|
|
126
|
+
if (p < 1)
|
|
127
|
+
this.frames.push(requestAnimationFrame(step));
|
|
128
|
+
};
|
|
129
|
+
this.frames.push(requestAnimationFrame(step));
|
|
130
|
+
}
|
|
131
|
+
later(fn, ms) {
|
|
132
|
+
this.timers.push(setTimeout(fn, ms));
|
|
133
|
+
}
|
|
134
|
+
ngOnDestroy() {
|
|
135
|
+
this.timers.forEach(clearTimeout);
|
|
136
|
+
this.frames.forEach(cancelAnimationFrame);
|
|
137
|
+
this.timers = [];
|
|
138
|
+
this.frames = [];
|
|
139
|
+
}
|
|
140
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DonutChartComponent, deps: [{ token: i1.ReducedMotionService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
141
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: DonutChartComponent, isStandalone: true, selector: "vo-donut-chart", inputs: { segments: "segments", label: "label", unit: "unit", format: "format", active: "active", defaultActive: "defaultActive" }, outputs: { activeChange: "activeChange" }, ngImport: i0, template: `
|
|
142
|
+
<div data-vo="" class="vo-dnx vo-panel">
|
|
143
|
+
<div class="vo-dnx-ring" [class.vo-hov]="hl !== null">
|
|
144
|
+
<svg viewBox="0 0 120 120" aria-hidden="true">
|
|
145
|
+
@for (a of arcs; track a.index) {
|
|
146
|
+
<circle
|
|
147
|
+
cx="60"
|
|
148
|
+
cy="60"
|
|
149
|
+
[attr.r]="R"
|
|
150
|
+
[class.vo-hl]="hl === a.index"
|
|
151
|
+
[style.stroke]="a.color"
|
|
152
|
+
[attr.stroke-dasharray]="(a.drawn ? a.len : 0) + ' ' + C"
|
|
153
|
+
[attr.stroke-dashoffset]="-a.at"
|
|
154
|
+
(mouseenter)="highlight(a.index)"
|
|
155
|
+
(mouseleave)="highlight(null)"
|
|
156
|
+
></circle>
|
|
157
|
+
}
|
|
158
|
+
</svg>
|
|
159
|
+
<div class="vo-dnx-c">
|
|
160
|
+
<b class="vo-num">{{ centerValue }}{{ unit }}</b>
|
|
161
|
+
<span class="vo-muted">{{ centerLabel }}</span>
|
|
162
|
+
</div>
|
|
163
|
+
</div>
|
|
164
|
+
<div class="vo-dnx-lg">
|
|
165
|
+
@for (a of arcs; track a.index) {
|
|
166
|
+
<div
|
|
167
|
+
class="vo-dnx-r vo-enter"
|
|
168
|
+
[class.vo-hl]="hl === a.index"
|
|
169
|
+
[style.animationDelay.ms]="a.enterDelay"
|
|
170
|
+
(mouseenter)="highlight(a.index)"
|
|
171
|
+
(mouseleave)="highlight(null)"
|
|
172
|
+
>
|
|
173
|
+
<i [style.background]="a.color"></i>
|
|
174
|
+
<span class="vo-t">{{ a.seg.label }}</span>
|
|
175
|
+
<span class="vo-v vo-num">{{ format(a.seg.value) }}{{ unit }} · {{ a.percent }}%</span>
|
|
176
|
+
</div>
|
|
177
|
+
}
|
|
178
|
+
</div>
|
|
179
|
+
</div>
|
|
180
|
+
`, isInline: true, styles: [".vo-dnx{padding:var(--vo-s-4);display:flex;align-items:center;gap:var(--vo-s-5);flex-wrap:wrap;justify-content:center}.vo-dnx-ring{position:relative;width:150px;height:150px;flex:none}.vo-dnx-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.vo-dnx-ring circle{fill:none;stroke-width:12;transition:stroke-width .35s var(--vo-ease),opacity .3s,stroke-dasharray 1s var(--vo-ease)}.vo-dnx-ring circle.vo-hl{stroke-width:16}.vo-dnx-ring.vo-hov circle:not(.vo-hl){opacity:.3}.vo-dnx-c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.vo-dnx-ring circle{cursor:default}.vo-dnx-c b{font-size:14px;font-weight:500;letter-spacing:-.02em}.vo-dnx-c span{font-size:11.5px}.vo-dnx-lg{display:flex;flex-direction:column;gap:2px;flex:1;min-width:170px}.vo-dnx-r{display:flex;align-items:center;gap:9px;padding:6px var(--vo-s-2);border-radius:calc(9px * var(--vo-rk));font-size:13px;transition:background .2s;cursor:default}.vo-dnx-r.vo-hl{background:var(--vo-row)}@media (hover:hover) and (pointer:fine){.vo-dnx-r:hover{background:var(--vo-row)}}.vo-dnx-r i{width:8px;height:8px;border-radius:3px;flex:none}.vo-dnx-r .vo-t{flex:1}.vo-dnx-r .vo-v{color:var(--vo-muted);font-size:12px}\n"], encapsulation: i0.ViewEncapsulation.None }); }
|
|
181
|
+
}
|
|
182
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DonutChartComponent, decorators: [{
|
|
183
|
+
type: Component,
|
|
184
|
+
args: [{ selector: 'vo-donut-chart', standalone: true, encapsulation: ViewEncapsulation.None, template: `
|
|
185
|
+
<div data-vo="" class="vo-dnx vo-panel">
|
|
186
|
+
<div class="vo-dnx-ring" [class.vo-hov]="hl !== null">
|
|
187
|
+
<svg viewBox="0 0 120 120" aria-hidden="true">
|
|
188
|
+
@for (a of arcs; track a.index) {
|
|
189
|
+
<circle
|
|
190
|
+
cx="60"
|
|
191
|
+
cy="60"
|
|
192
|
+
[attr.r]="R"
|
|
193
|
+
[class.vo-hl]="hl === a.index"
|
|
194
|
+
[style.stroke]="a.color"
|
|
195
|
+
[attr.stroke-dasharray]="(a.drawn ? a.len : 0) + ' ' + C"
|
|
196
|
+
[attr.stroke-dashoffset]="-a.at"
|
|
197
|
+
(mouseenter)="highlight(a.index)"
|
|
198
|
+
(mouseleave)="highlight(null)"
|
|
199
|
+
></circle>
|
|
200
|
+
}
|
|
201
|
+
</svg>
|
|
202
|
+
<div class="vo-dnx-c">
|
|
203
|
+
<b class="vo-num">{{ centerValue }}{{ unit }}</b>
|
|
204
|
+
<span class="vo-muted">{{ centerLabel }}</span>
|
|
205
|
+
</div>
|
|
206
|
+
</div>
|
|
207
|
+
<div class="vo-dnx-lg">
|
|
208
|
+
@for (a of arcs; track a.index) {
|
|
209
|
+
<div
|
|
210
|
+
class="vo-dnx-r vo-enter"
|
|
211
|
+
[class.vo-hl]="hl === a.index"
|
|
212
|
+
[style.animationDelay.ms]="a.enterDelay"
|
|
213
|
+
(mouseenter)="highlight(a.index)"
|
|
214
|
+
(mouseleave)="highlight(null)"
|
|
215
|
+
>
|
|
216
|
+
<i [style.background]="a.color"></i>
|
|
217
|
+
<span class="vo-t">{{ a.seg.label }}</span>
|
|
218
|
+
<span class="vo-v vo-num">{{ format(a.seg.value) }}{{ unit }} · {{ a.percent }}%</span>
|
|
219
|
+
</div>
|
|
220
|
+
}
|
|
221
|
+
</div>
|
|
222
|
+
</div>
|
|
223
|
+
`, styles: [".vo-dnx{padding:var(--vo-s-4);display:flex;align-items:center;gap:var(--vo-s-5);flex-wrap:wrap;justify-content:center}.vo-dnx-ring{position:relative;width:150px;height:150px;flex:none}.vo-dnx-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.vo-dnx-ring circle{fill:none;stroke-width:12;transition:stroke-width .35s var(--vo-ease),opacity .3s,stroke-dasharray 1s var(--vo-ease)}.vo-dnx-ring circle.vo-hl{stroke-width:16}.vo-dnx-ring.vo-hov circle:not(.vo-hl){opacity:.3}.vo-dnx-c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.vo-dnx-ring circle{cursor:default}.vo-dnx-c b{font-size:14px;font-weight:500;letter-spacing:-.02em}.vo-dnx-c span{font-size:11.5px}.vo-dnx-lg{display:flex;flex-direction:column;gap:2px;flex:1;min-width:170px}.vo-dnx-r{display:flex;align-items:center;gap:9px;padding:6px var(--vo-s-2);border-radius:calc(9px * var(--vo-rk));font-size:13px;transition:background .2s;cursor:default}.vo-dnx-r.vo-hl{background:var(--vo-row)}@media (hover:hover) and (pointer:fine){.vo-dnx-r:hover{background:var(--vo-row)}}.vo-dnx-r i{width:8px;height:8px;border-radius:3px;flex:none}.vo-dnx-r .vo-t{flex:1}.vo-dnx-r .vo-v{color:var(--vo-muted);font-size:12px}\n"] }]
|
|
224
|
+
}], ctorParameters: () => [{ type: i1.ReducedMotionService }, { type: i0.ChangeDetectorRef }], propDecorators: { segments: [{
|
|
225
|
+
type: Input,
|
|
226
|
+
args: [{ required: true }]
|
|
227
|
+
}], label: [{
|
|
228
|
+
type: Input
|
|
229
|
+
}], unit: [{
|
|
230
|
+
type: Input
|
|
231
|
+
}], format: [{
|
|
232
|
+
type: Input
|
|
233
|
+
}], active: [{
|
|
234
|
+
type: Input
|
|
235
|
+
}], defaultActive: [{
|
|
236
|
+
type: Input
|
|
237
|
+
}], activeChange: [{
|
|
238
|
+
type: Output
|
|
239
|
+
}] } });
|
|
240
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9udXQtY2hhcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vZG9udXQtY2hhcnQvZG9udXQtY2hhcnQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHlEQUF5RDtBQUN6RCxFQUFFO0FBQ0YscUVBQXFFO0FBQ3JFLCtFQUErRTtBQUMvRSwwRUFBMEU7QUFDMUUsZ0ZBQWdGO0FBQ2hGLGtGQUFrRjtBQUNsRixFQUFFO0FBQ0YsMEVBQTBFO0FBQzFFLCtEQUErRDtBQUUvRCxPQUFPLEVBR0wsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBRUwsTUFBTSxFQUNOLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQzs7O0FBWXZCLE1BQU0sQ0FBQyxHQUFHLEVBQUUsQ0FBQztBQUNiLE1BQU0sQ0FBQyxHQUFHLENBQUMsR0FBRyxJQUFJLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQztBQUMxQixNQUFNLEdBQUcsR0FBRyxDQUFDLENBQUM7QUErRGQsTUFBTSxPQUFPLG1CQUFtQjtJQVE5Qjs7O09BR0c7SUFDSCxJQUFhLE1BQU0sQ0FBQyxLQUFnQztRQUNsRCxJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssS0FBSyxTQUFTLENBQUM7UUFDdEMsSUFBSSxLQUFLLEtBQUssU0FBUyxJQUFJLEtBQUssS0FBSyxJQUFJLENBQUMsRUFBRSxFQUFFLENBQUM7WUFDN0MsSUFBSSxDQUFDLEVBQUUsR0FBRyxLQUFLLENBQUM7WUFDaEIsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3RCLENBQUM7SUFDSCxDQUFDO0lBbUJELFlBQ21CLE9BQTZCLEVBQzdCLEdBQXNCO1FBRHRCLFlBQU8sR0FBUCxPQUFPLENBQXNCO1FBQzdCLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBdENkLGFBQVEsR0FBd0IsRUFBRSxDQUFDO1FBQzlELHdEQUF3RDtRQUMvQyxVQUFLLEdBQUcsT0FBTyxDQUFDO1FBQ3pCLDhDQUE4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LENBQUM7UUFDRixJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO0lBQ2hELENBQUM7SUFFTyxLQUFLLENBQUMsRUFBYyxFQUFFLEVBQVU7UUFDdEMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDbEMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsb0JBQW9CLENBQUMsQ0FBQztRQUMxQyxJQUFJLENBQUMsTUFBTSxHQUFHLEVBQUUsQ0FBQztRQUNqQixJQUFJLENBQUMsTUFBTSxHQUFHLEVBQUUsQ0FBQztJQUNuQixDQUFDOytHQXBJVSxtQkFBbUI7bUdBQW5CLG1CQUFtQix5UEExQ3BCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F1Q1Q7OzRGQUdVLG1CQUFtQjtrQkE5Qy9CLFNBQVM7K0JBQ0UsZ0JBQWdCLGNBQ2QsSUFBSSxpQkFDRCxpQkFBaUIsQ0FBQyxJQUFJLFlBQzNCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F1Q1Q7eUhBSTBCLFFBQVE7c0JBQWxDLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUVoQixLQUFLO3NCQUFiLEtBQUs7Z0JBRUcsSUFBSTtzQkFBWixLQUFLO2dCQUVHLE1BQU07c0JBQWQsS0FBSztnQkFLTyxNQUFNO3NCQUFsQixLQUFLO2dCQU9HLGFBQWE7c0JBQXJCLEtBQUs7Z0JBRUksWUFBWTtzQkFBckIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbIi8vIGZyYW1ld29yay9hbmd1bGFyL2RvbnV0LWNoYXJ0L2RvbnV0LWNoYXJ0LmNvbXBvbmVudC50c1xuLy9cbi8vIE5hdGl2ZSBBbmd1bGFyIHBvcnQgb2YgZnJhbWV3b3JrL3JlYWN0L2RvbnV0LWNoYXJ0L0RvbnV0Q2hhcnQudHN4LlxuLy8gQSByaW5nIG9mIHNlZ21lbnRzIHRoYXQgZHJhdyBpbiBvbmUgYnkgb25lLCB3aXRoIGEgbGVnZW5kOyBob3ZlcmluZyBlaXRoZXIgYVxuLy8gc2VnbWVudCBvciBpdHMgbGVnZW5kIHJvdyBoaWdobGlnaHRzIGJvdGggYW5kIHNob3dzIHRoYXQgc2VnbWVudCBpbiB0aGVcbi8vIG1pZGRsZS4gSW5wdXRzIG1pcnJvciB0aGUgUmVhY3QgcHJvcHM7IHRoZSBzd2VlcCBkcmF3LWluLCB0aGUgY291bnQtdXAgb2YgdGhlXG4vLyB0b3RhbCwgYW5kIHRoZSBob3ZlciBoaWdobGlnaHQgYXJlIHBvcnRlZCBmcm9tIHRoZSB2YW5pbGxhIEpTIChkb251dC1jaGFydC5qcykuXG4vL1xuLy8gSWNvbnM6IG5vbmUg4oCUIHRoaXMgY29tcG9uZW50IHVzZXMgbm8gaWNvbiBnbHlwaHMsIHNvIGl0IGRvZXMgbm90IGltcG9ydFxuLy8gVm9JY29uQ29tcG9uZW50ICh0aGUgY29sb3VyIHN3YXRjaGVzIGFyZSBwbGFpbiBDU1Mgc3F1YXJlcykuXG5cbmltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE9uRGVzdHJveSxcbiAgT3V0cHV0LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSZWR1Y2VkTW90aW9uU2VydmljZSB9IGZyb20gJy4uL2NvcmUvcmVkdWNlZC1tb3Rpb24uc2VydmljZSc7XG5cbi8qKiBPbmUgc2VnbWVudCBvZiB0aGUgcmluZy4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgRG9udXRDaGFydFNlZ21lbnQge1xuICAvKiogTGlrZSBcIkRlc2lnbiByZXZpZXdzXCIuICovXG4gIGxhYmVsOiBzdHJpbmc7XG4gIHZhbHVlOiBudW1iZXI7XG4gIC8qKiBEZWZhdWx0cyB0byB0aGUgY2hhcnQgcGFsZXR0ZSAoLS12by1jMS4uYzYpLCBpbiBvcmRlci4gKi9cbiAgY29sb3I/OiBzdHJpbmc7XG59XG5cbmNvbnN0IFIgPSA0ODtcbmNvbnN0IEMgPSAyICogTWF0aC5QSSAqIFI7XG5jb25zdCBHQVAgPSAyO1xuXG4vKiogSW50ZXJuYWwgcGVyLXNlZ21lbnQgcmVuZGVyIHN0YXRlLiAqL1xuaW50ZXJmYWNlIEFyYyB7XG4gIHNlZzogRG9udXRDaGFydFNlZ21lbnQ7XG4gIGluZGV4OiBudW1iZXI7XG4gIGNvbG9yOiBzdHJpbmc7XG4gIC8qKiBMZW5ndGggb2YgdGhlIGRyYXduIHBhcnQgb2YgdGhpcyBhcmMgKHZhbHVlIHNoYXJlIG1pbnVzIHRoZSBnYXApLiAqL1xuICBsZW46IG51bWJlcjtcbiAgLyoqIE5lZ2F0aXZlIHN0YXJ0IG9mZnNldCBhcm91bmQgdGhlIHJpbmcuICovXG4gIGF0OiBudW1iZXI7XG4gIC8qKiBXaGV0aGVyIHRoaXMgYXJjIGhhcyBzd2VwdCBpbiB5ZXQuICovXG4gIGRyYXduOiBib29sZWFuO1xuICBlbnRlckRlbGF5OiBudW1iZXI7XG4gIHBlcmNlbnQ6IG51bWJlcjtcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndm8tZG9udXQtY2hhcnQnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgZGF0YS12bz1cIlwiIGNsYXNzPVwidm8tZG54IHZvLXBhbmVsXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwidm8tZG54LXJpbmdcIiBbY2xhc3Mudm8taG92XT1cImhsICE9PSBudWxsXCI+XG4gICAgICAgIDxzdmcgdmlld0JveD1cIjAgMCAxMjAgMTIwXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+XG4gICAgICAgICAgQGZvciAoYSBvZiBhcmNzOyB0cmFjayBhLmluZGV4KSB7XG4gICAgICAgICAgICA8Y2lyY2xlXG4gICAgICAgICAgICAgIGN4PVwiNjBcIlxuICAgICAgICAgICAgICBjeT1cIjYwXCJcbiAgICAgICAgICAgICAgW2F0dHIucl09XCJSXCJcbiAgICAgICAgICAgICAgW2NsYXNzLnZvLWhsXT1cImhsID09PSBhLmluZGV4XCJcbiAgICAgICAgICAgICAgW3N0eWxlLnN0cm9rZV09XCJhLmNvbG9yXCJcbiAgICAgICAgICAgICAgW2F0dHIuc3Ryb2tlLWRhc2hhcnJheV09XCIoYS5kcmF3biA/IGEubGVuIDogMCkgKyAnICcgKyBDXCJcbiAgICAgICAgICAgICAgW2F0dHIuc3Ryb2tlLWRhc2hvZmZzZXRdPVwiLWEuYXRcIlxuICAgICAgICAgICAgICAobW91c2VlbnRlcik9XCJoaWdobGlnaHQoYS5pbmRleClcIlxuICAgICAgICAgICAgICAobW91c2VsZWF2ZSk9XCJoaWdobGlnaHQobnVsbClcIlxuICAgICAgICAgICAgPjwvY2lyY2xlPlxuICAgICAgICAgIH1cbiAgICAgICAgPC9zdmc+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ2by1kbngtY1wiPlxuICAgICAgICAgIDxiIGNsYXNzPVwidm8tbnVtXCI+e3sgY2VudGVyVmFsdWUgfX17eyB1bml0IH19PC9iPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwidm8tbXV0ZWRcIj57eyBjZW50ZXJMYWJlbCB9fTwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJ2by1kbngtbGdcIj5cbiAgICAgICAgQGZvciAoYSBvZiBhcmNzOyB0cmFjayBhLmluZGV4KSB7XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY2xhc3M9XCJ2by1kbngtciB2by1lbnRlclwiXG4gICAgICAgICAgICBbY2xhc3Mudm8taGxdPVwiaGwgPT09IGEuaW5kZXhcIlxuICAgICAgICAgICAgW3N0eWxlLmFuaW1hdGlvbkRlbGF5Lm1zXT1cImEuZW50ZXJEZWxheVwiXG4gICAgICAgICAgICAobW91c2VlbnRlcik9XCJoaWdobGlnaHQoYS5pbmRleClcIlxuICAgICAgICAgICAgKG1vdXNlbGVhdmUpPVwiaGlnaGxpZ2h0KG51bGwpXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8aSBbc3R5bGUuYmFja2dyb3VuZF09XCJhLmNvbG9yXCI+PC9pPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2by10XCI+e3sgYS5zZWcubGFiZWwgfX08L3NwYW4+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInZvLXYgdm8tbnVtXCI+e3sgZm9ybWF0KGEuc2VnLnZhbHVlKSB9fXt7IHVuaXQgfX0gwrcge3sgYS5wZXJjZW50IH19JTwvc3Bhbj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgfVxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsOiAnLi9kb251dC1jaGFydC5jc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBEb251dENoYXJ0Q29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgT25EZXN0cm95IHtcbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgc2VnbWVudHM6IERvbnV0Q2hhcnRTZWdtZW50W10gPSBbXTtcbiAgLyoqIFVuZGVyIHRoZSB0b3RhbCBpbiB0aGUgbWlkZGxlLCBsaWtlIFwiQWdlbnQgdGltZVwiLiAqL1xuICBASW5wdXQoKSBsYWJlbCA9ICdUb3RhbCc7XG4gIC8qKiBBZnRlciBldmVyeSB2YWx1ZSwgbGlrZSBcImhcIiBpbiBcIjE0LjJoXCIuICovXG4gIEBJbnB1dCgpIHVuaXQgPSAnJztcbiAgLyoqIFdyaXRlcyBhIHZhbHVlLiBEZWZhdWx0cyB0byBvbmUgZGVjaW1hbCwgbGlrZSAxNC4yLiAqL1xuICBASW5wdXQoKSBmb3JtYXQ6IChuOiBudW1iZXIpID0+IHN0cmluZyA9IChuKSA9PiBuLnRvRml4ZWQoMSk7XG4gIC8qKlxuICAgKiBJbmRleCBvZiB0aGUgaGlnaGxpZ2h0ZWQgc2VnbWVudCwgb3IgbnVsbC4gTGVhdmUgaXQgb3V0IHRvIGxldCBob3ZlcmluZyBhXG4gICAqIHNlZ21lbnQgb3IgaXRzIHJvdyBoaWdobGlnaHQgaXQuXG4gICAqL1xuICBASW5wdXQoKSBzZXQgYWN0aXZlKHZhbHVlOiBudW1iZXIgfCBudWxsIHwgdW5kZWZpbmVkKSB7XG4gICAgdGhpcy5jb250cm9sbGVkID0gdmFsdWUgIT09IHVuZGVmaW5lZDtcbiAgICBpZiAodmFsdWUgIT09IHVuZGVmaW5lZCAmJiB2YWx1ZSAhPT0gdGhpcy5obCkge1xuICAgICAgdGhpcy5obCA9IHZhbHVlO1xuICAgICAgdGhpcy51cGRhdGVDZW50ZXIoKTtcbiAgICB9XG4gIH1cbiAgQElucHV0KCkgZGVmYXVsdEFjdGl2ZTogbnVtYmVyIHwgbnVsbCA9IG51bGw7XG5cbiAgQE91dHB1dCgpIGFjdGl2ZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyIHwgbnVsbD4oKTtcblxuICAvLyBleHBvc2VkIHRvIHRoZSB0ZW1wbGF0ZVxuICByZWFkb25seSBSID0gUjtcbiAgcmVhZG9ubHkgQyA9IEM7XG5cbiAgYXJjczogQXJjW10gPSBbXTtcbiAgaGw6IG51bWJlciB8IG51bGwgPSBudWxsO1xuICBjZW50ZXJWYWx1ZSA9ICcnO1xuICBjZW50ZXJMYWJlbCA9ICcnO1xuXG4gIHByaXZhdGUgdG90YWwgPSAwO1xuICBwcml2YXRlIGNvbnRyb2xsZWQgPSBmYWxzZTtcbiAgcHJpdmF0ZSB0aW1lcnM6IFJldHVyblR5cGU8dHlwZW9mIHNldFRpbWVvdXQ+W10gPSBbXTtcbiAgcHJpdmF0ZSBmcmFtZXM6IG51bWJlcltdID0gW107XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSByZWFkb25seSByZWR1Y2VkOiBSZWR1Y2VkTW90aW9uU2VydmljZSxcbiAgICBwcml2YXRlIHJlYWRvbmx5IGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICkge31cblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmNvbnRyb2xsZWQpIHRoaXMuaGwgPSB0aGlzLmRlZmF1bHRBY3RpdmU7XG4gICAgdGhpcy50b3RhbCA9IHRoaXMuc2VnbWVudHMucmVkdWNlKChhLCBzKSA9PiBhICsgcy52YWx1ZSwgMCk7XG4gICAgY29uc3Qgc2FmZSA9IHRoaXMudG90YWwgfHwgMTtcbiAgICBsZXQgb2ZmID0gMDtcbiAgICB0aGlzLmFyY3MgPSB0aGlzLnNlZ21lbnRzLm1hcCgoc2VnLCBpbmRleCkgPT4ge1xuICAgICAgY29uc3QgbGVuID0gKHNlZy52YWx1ZSAvIHNhZmUpICogQztcbiAgICAgIGNvbnN0IGF0ID0gb2ZmO1xuICAgICAgb2ZmICs9IGxlbjtcbiAgICAgIHJldHVybiB7XG4gICAgICAgIHNlZyxcbiAgICAgICAgaW5kZXgsXG4gICAgICAgIGNvbG9yOiBzZWcuY29sb3IgPz8gYHZhcigtLXZvLWMkeyhpbmRleCAlIDYpICsgMX0pYCxcbiAgICAgICAgbGVuOiBsZW4gLSBHQVAsXG4gICAgICAgIGF0LFxuICAgICAgICBkcmF3bjogZmFsc2UsXG4gICAgICAgIGVudGVyRGVsYXk6IDE1MCArIGluZGV4ICogNjAsXG4gICAgICAgIHBlcmNlbnQ6IE1hdGgucm91bmQoKHNlZy52YWx1ZSAvIHNhZmUpICogMTAwKSxcbiAgICAgIH07XG4gICAgfSk7XG5cbiAgICB0aGlzLmNlbnRlckxhYmVsID0gdGhpcy5obCAhPT0gbnVsbCA/IHRoaXMuc2VnbWVudHNbdGhpcy5obF0ubGFiZWwgOiB0aGlzLmxhYmVsO1xuICAgIHRoaXMuY2VudGVyVmFsdWUgPSB0aGlzLmZvcm1hdCgwKTtcbiAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XG5cbiAgICBpZiAodGhpcy5yZWR1Y2VkLnJlZHVjZSgpKSB7XG4gICAgICB0aGlzLmFyY3MuZm9yRWFjaCgoYSkgPT4gKGEuZHJhd24gPSB0cnVlKSk7XG4gICAgICB0aGlzLnVwZGF0ZUNlbnRlcigpO1xuICAgICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgLy8gYSBtb21lbnQgYWZ0ZXIgdGhlIHJpbmcgYXBwZWFycywgdGhlIGFyY3Mgc3dlZXAgaW4gb25lIGFmdGVyIGFub3RoZXIgYW5kXG4gICAgLy8gdGhlIHRvdGFsIGNvdW50cyB1cFxuICAgIHRoaXMubGF0ZXIoKCkgPT4ge1xuICAgICAgdGhpcy5hcmNzLmZvckVhY2goKGEsIGkpID0+IHRoaXMubGF0ZXIoKCkgPT4ge1xuICAgICAgICBhLmRyYXduID0gdHJ1ZTtcbiAgICAgICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gICAgICB9LCBpICogOTApKTtcbiAgICAgIHRoaXMuY291bnQodGhpcy50b3RhbCk7XG4gICAgfSwgMjYwKTtcbiAgfVxuXG4gIGhpZ2hsaWdodChpbmRleDogbnVtYmVyIHwgbnVsbCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5jb250cm9sbGVkKSB7XG4gICAgICB0aGlzLmhsID0gaW5kZXg7XG4gICAgICB0aGlzLnVwZGF0ZUNlbnRlcigpO1xuICAgIH1cbiAgICB0aGlzLmFjdGl2ZUNoYW5nZS5lbWl0KGluZGV4KTtcbiAgfVxuXG4gIHByaXZhdGUgdXBkYXRlQ2VudGVyKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmhsICE9PSBudWxsICYmIHRoaXMuc2VnbWVudHNbdGhpcy5obF0pIHtcbiAgICAgIGNvbnN0IHMgPSB0aGlzLnNlZ21lbnRzW3RoaXMuaGxdO1xuICAgICAgdGhpcy5jZW50ZXJWYWx1ZSA9IHRoaXMuZm9ybWF0KHMudmFsdWUpO1xuICAgICAgdGhpcy5jZW50ZXJMYWJlbCA9IHMubGFiZWw7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuY2VudGVyVmFsdWUgPSB0aGlzLmZvcm1hdCh0aGlzLnRvdGFsKTtcbiAgICAgIHRoaXMuY2VudGVyTGFiZWwgPSB0aGlzLmxhYmVsO1xuICAgIH1cbiAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIC8vIGVhc2VzIHRoZSBjZW50cmUgbnVtYmVyIHVwIHRvIHRoZSB0b3RhbCBvdmVyIDEyMDBtcywgbWF0Y2hpbmcgdGhlIHZhbmlsbGEgdHdlZW5cbiAgcHJpdmF0ZSBjb3VudCh0YXJnZXQ6IG51bWJlcik6IHZvaWQge1xuICAgIGlmICh0aGlzLmhsICE9PSBudWxsKSB7XG4gICAgICB0aGlzLnVwZGF0ZUNlbnRlcigpO1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBjb25zdCB0MCA9IHBlcmZvcm1hbmNlLm5vdygpO1xuICAgIGNvbnN0IGR1ciA9IDEyMDA7XG4gICAgY29uc3Qgc3RlcCA9ICh0OiBudW1iZXIpID0+IHtcbiAgICAgIGlmICh0aGlzLmhsICE9PSBudWxsKSByZXR1cm47IC8vIGEgaG92ZXIgdGFrZXMgb3ZlciB0aGUgY2VudHJlXG4gICAgICBjb25zdCBwID0gTWF0aC5tYXgoMCwgTWF0aC5taW4oMSwgKHQgLSB0MCkgLyBkdXIpKTtcbiAgICAgIHRoaXMuY2VudGVyVmFsdWUgPSB0aGlzLmZvcm1hdCh0YXJnZXQgKiAoMSAtIE1hdGgucG93KDEgLSBwLCAzKSkpO1xuICAgICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gICAgICBpZiAocCA8IDEpIHRoaXMuZnJhbWVzLnB1c2gocmVxdWVzdEFuaW1hdGlvbkZyYW1lKHN0ZXApKTtcbiAgICB9O1xuICAgIHRoaXMuZnJhbWVzLnB1c2gocmVxdWVzdEFuaW1hdGlvbkZyYW1lKHN0ZXApKTtcbiAgfVxuXG4gIHByaXZhdGUgbGF0ZXIoZm46ICgpID0+IHZvaWQsIG1zOiBudW1iZXIpOiB2b2lkIHtcbiAgICB0aGlzLnRpbWVycy5wdXNoKHNldFRpbWVvdXQoZm4sIG1zKSk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLnRpbWVycy5mb3JFYWNoKGNsZWFyVGltZW91dCk7XG4gICAgdGhpcy5mcmFtZXMuZm9yRWFjaChjYW5jZWxBbmltYXRpb25GcmFtZSk7XG4gICAgdGhpcy50aW1lcnMgPSBbXTtcbiAgICB0aGlzLmZyYW1lcyA9IFtdO1xuICB9XG59XG4iXX0=
|