@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,275 @@
|
|
|
1
|
+
// framework/angular/context-meter/context-meter.component.ts
|
|
2
|
+
//
|
|
3
|
+
// Native Angular port of framework/react/context-meter/ContextMeter.tsx.
|
|
4
|
+
// How full the context is and what fills it: a pill with a ring that opens one
|
|
5
|
+
// bar split by kind, a legend whose rows list what is in them, and Compact.
|
|
6
|
+
// Inputs mirror the React props; callback props become @Output EventEmitters.
|
|
7
|
+
// Escape closes the panel while the pointer or focus is on the meter, and the
|
|
8
|
+
// legend lights its share of the bar on hover, as in the vanilla JS.
|
|
9
|
+
import { Component, EventEmitter, HostListener, Input, Output, ViewChild, ViewEncapsulation, } from '@angular/core';
|
|
10
|
+
import { VoIconComponent } from '../core/icon.component';
|
|
11
|
+
import * as i0 from "@angular/core";
|
|
12
|
+
const PALETTE = ['var(--vo-pb)', 'var(--vo-pt)', 'var(--vo-pl)', 'var(--vo-faint)'];
|
|
13
|
+
const k = (n) => (n / 1000).toFixed(1) + 'k';
|
|
14
|
+
export class ContextMeterComponent {
|
|
15
|
+
constructor() {
|
|
16
|
+
this.parts = [];
|
|
17
|
+
/** The size of the context window, in tokens, like 200000. */
|
|
18
|
+
this.limit = 200000;
|
|
19
|
+
/** From this share of the limit (0 to 1) the ring turns orange. Defaults to 0.85. */
|
|
20
|
+
this.warnAt = 0.85;
|
|
21
|
+
/** warn shows the message in orange with a warning sign, ok in green with a check. */
|
|
22
|
+
this.messageTone = 'ok';
|
|
23
|
+
/** Set once the context is compacted: the button turns into Undo. */
|
|
24
|
+
this.compacted = false;
|
|
25
|
+
/** The quiet line beside the button. Defaults to what Compact does. */
|
|
26
|
+
this.hint = 'Summarises older turns';
|
|
27
|
+
/** Shows the footer with the Compact / Undo button. */
|
|
28
|
+
this.showCompact = true;
|
|
29
|
+
/** Called by Compact. Return nothing or a promise; the button spins until it settles. */
|
|
30
|
+
this.compact = new EventEmitter();
|
|
31
|
+
this.undo = new EventEmitter();
|
|
32
|
+
this.openChange = new EventEmitter();
|
|
33
|
+
/** Which legend row is lit (its share of the bar is highlighted). */
|
|
34
|
+
this.lit = null;
|
|
35
|
+
/** True while a compact run is in flight (shows the spinner). */
|
|
36
|
+
this.busy = false;
|
|
37
|
+
this.innerOpen = true;
|
|
38
|
+
}
|
|
39
|
+
get isOpen() {
|
|
40
|
+
return this.open ?? this.innerOpen;
|
|
41
|
+
}
|
|
42
|
+
get total() {
|
|
43
|
+
return this.parts.reduce((t, p) => t + p.tokens, 0);
|
|
44
|
+
}
|
|
45
|
+
get share() {
|
|
46
|
+
return this.total / this.limit;
|
|
47
|
+
}
|
|
48
|
+
get pct() {
|
|
49
|
+
return Math.round(this.share * 100);
|
|
50
|
+
}
|
|
51
|
+
get totK() {
|
|
52
|
+
return k(this.total);
|
|
53
|
+
}
|
|
54
|
+
get limitK() {
|
|
55
|
+
return Math.round(this.limit / 1000) + 'k';
|
|
56
|
+
}
|
|
57
|
+
get showFooter() {
|
|
58
|
+
return this.showCompact;
|
|
59
|
+
}
|
|
60
|
+
palette(i) {
|
|
61
|
+
return PALETTE[i % PALETTE.length];
|
|
62
|
+
}
|
|
63
|
+
partK(p) {
|
|
64
|
+
return k(p.tokens);
|
|
65
|
+
}
|
|
66
|
+
setOpen(o) {
|
|
67
|
+
this.innerOpen = o;
|
|
68
|
+
this.openChange.emit(o);
|
|
69
|
+
}
|
|
70
|
+
onCompactClick() {
|
|
71
|
+
if (this.busy)
|
|
72
|
+
return;
|
|
73
|
+
if (this.compacted) {
|
|
74
|
+
this.undo.emit();
|
|
75
|
+
return;
|
|
76
|
+
}
|
|
77
|
+
this.compact.emit();
|
|
78
|
+
}
|
|
79
|
+
/** Call from the host when a compact run begins/ends, to show the spinner. */
|
|
80
|
+
setBusy(b) {
|
|
81
|
+
this.busy = b;
|
|
82
|
+
}
|
|
83
|
+
// Escape shuts the panel while the pointer or the focus is on the meter
|
|
84
|
+
onKeydown(e) {
|
|
85
|
+
if (e.key !== 'Escape' || !this.isOpen)
|
|
86
|
+
return;
|
|
87
|
+
const el = this.root?.nativeElement;
|
|
88
|
+
if (!el)
|
|
89
|
+
return;
|
|
90
|
+
const inside = el.contains(document.activeElement);
|
|
91
|
+
if (inside || el.matches(':hover')) {
|
|
92
|
+
this.setOpen(false);
|
|
93
|
+
if (inside)
|
|
94
|
+
this.toggle?.nativeElement.focus({ preventScroll: true });
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ContextMeterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
98
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ContextMeterComponent, isStandalone: true, selector: "vo-context-meter", inputs: { parts: "parts", limit: "limit", warnAt: "warnAt", message: "message", messageTone: "messageTone", compacted: "compacted", hint: "hint", open: "open", showCompact: "showCompact" }, outputs: { compact: "compact", undo: "undo", openChange: "openChange" }, host: { listeners: { "document:keydown": "onKeydown($event)" } }, viewQueries: [{ propertyName: "root", first: true, predicate: ["root"], descendants: true }, { propertyName: "toggle", first: true, predicate: ["toggle"], descendants: true }], ngImport: i0, template: `
|
|
99
|
+
<div
|
|
100
|
+
#root
|
|
101
|
+
data-vo=""
|
|
102
|
+
class="vo-ctm"
|
|
103
|
+
[class.vo-hot]="share >= warnAt"
|
|
104
|
+
[attr.data-open]="isOpen ? '1' : '0'"
|
|
105
|
+
>
|
|
106
|
+
<button
|
|
107
|
+
#toggle
|
|
108
|
+
type="button"
|
|
109
|
+
class="vo-ctm-tg"
|
|
110
|
+
[attr.aria-expanded]="isOpen"
|
|
111
|
+
[attr.aria-label]="'Context, ' + pct + '% used'"
|
|
112
|
+
(click)="setOpen(!isOpen)"
|
|
113
|
+
>
|
|
114
|
+
<span class="vo-ctm-ring" aria-hidden="true">
|
|
115
|
+
<svg viewBox="0 0 20 20">
|
|
116
|
+
<circle class="vo-tr" cx="10" cy="10" r="7.5"></circle>
|
|
117
|
+
<circle class="vo-fl" cx="10" cy="10" r="7.5" pathLength="100" [style.stroke-dasharray]="pct + ' 100'"></circle>
|
|
118
|
+
</svg>
|
|
119
|
+
</span>
|
|
120
|
+
<span><span class="vo-ctm-pc vo-num">{{ pct }}%</span> of context used</span>
|
|
121
|
+
<vo-icon name="chev-d" size="xs"></vo-icon>
|
|
122
|
+
</button>
|
|
123
|
+
<div class="vo-ctm-pop vo-panel" role="region" aria-label="What fills the context" [attr.inert]="isOpen ? null : ''">
|
|
124
|
+
<div class="vo-ctm-ph"><span>In context</span><span class="vo-num"><b class="vo-ctm-tot">{{ totK }}</b> of {{ limitK }} tokens</span></div>
|
|
125
|
+
<div class="vo-ctm-bar" [class.vo-hl]="lit" aria-hidden="true">
|
|
126
|
+
@for (p of parts; track p.key; let i = $index) {
|
|
127
|
+
<i [class.vo-on]="lit === p.key" [style.width.%]="p.tokens / limit * 100" [style.--vo-c]="p.color ?? palette(i)"></i>
|
|
128
|
+
}
|
|
129
|
+
</div>
|
|
130
|
+
<div class="vo-ctm-leg" (pointerleave)="lit = null">
|
|
131
|
+
@for (p of parts; track p.key; let i = $index) {
|
|
132
|
+
<div
|
|
133
|
+
class="vo-ctm-l"
|
|
134
|
+
[style.--vo-c]="p.color ?? palette(i)"
|
|
135
|
+
[attr.title]="p.items ?? null"
|
|
136
|
+
[attr.tabindex]="p.items ? 0 : null"
|
|
137
|
+
(pointerenter)="lit = p.key"
|
|
138
|
+
(focus)="lit = p.key"
|
|
139
|
+
(blur)="lit = null"
|
|
140
|
+
>
|
|
141
|
+
<span class="vo-sw"></span>{{ p.label }}<span class="vo-v vo-num">{{ partK(p) }}</span>
|
|
142
|
+
</div>
|
|
143
|
+
}
|
|
144
|
+
</div>
|
|
145
|
+
<div class="vo-ctm-msg" [class.vo-on]="!!message" [class]="message ? 'vo-' + messageTone : ''" aria-live="polite">
|
|
146
|
+
<span>
|
|
147
|
+
@if (message) {
|
|
148
|
+
<vo-icon [name]="messageTone === 'warn' ? 'warn' : 'ok'" size="xs"></vo-icon>
|
|
149
|
+
<span class="vo-sw">{{ message }}</span>
|
|
150
|
+
}
|
|
151
|
+
</span>
|
|
152
|
+
</div>
|
|
153
|
+
@if (showFooter) {
|
|
154
|
+
<div class="vo-ctm-f">
|
|
155
|
+
<span class="vo-sw vo-ctm-hint">{{ hint }}</span>
|
|
156
|
+
<button type="button" class="vo-pill vo-ghost vo-sm vo-ctm-go" [disabled]="busy" (click)="onCompactClick()">
|
|
157
|
+
@if (busy) {
|
|
158
|
+
<span class="vo-spin"></span>Compacting
|
|
159
|
+
} @else {
|
|
160
|
+
{{ compacted ? 'Undo' : 'Compact' }}
|
|
161
|
+
}
|
|
162
|
+
</button>
|
|
163
|
+
</div>
|
|
164
|
+
}
|
|
165
|
+
</div>
|
|
166
|
+
</div>
|
|
167
|
+
`, isInline: true, styles: [".vo-ctm{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--vo-s-2);width:100%;max-width:340px;margin-inline:auto;overflow-anchor:none}.vo-ctm-tg{display:inline-flex;align-items:center;gap:var(--vo-s-2);height:32px;padding:0 10px 0 7px;border-radius:var(--vo-r-pill);font-size:13px;color:var(--vo-fg2);background:var(--vo-surface);box-shadow:var(--vo-shadow);cursor:pointer;transition:box-shadow var(--vo-t-fast)}@media (hover:hover) and (pointer:fine){.vo-ctm-tg:hover{box-shadow:var(--vo-shadow-pop)}}.vo-ctm-tg .vo-ctm-pc{color:var(--vo-fg);font-weight:500}.vo-ctm-tg>.vo-i:last-child{color:var(--vo-muted);transition:transform .32s var(--vo-ease)}.vo-ctm[data-open=\"0\"] .vo-ctm-tg>.vo-i:last-child{transform:rotate(-90deg)}.vo-ctm-pop{width:100%;padding:14px var(--vo-s-4) var(--vo-s-3);display:flex;flex-direction:column;gap:var(--vo-s-3);transition:opacity .32s var(--vo-ease),transform .42s var(--vo-ease),visibility 0s}.vo-ctm[data-open=\"0\"] .vo-ctm-pop{opacity:0;transform:translateY(-6px);visibility:hidden;pointer-events:none;transition:opacity .16s var(--vo-ease),transform .32s var(--vo-ease),visibility 0s .32s}.vo-ctm-ph{display:flex;align-items:baseline;justify-content:space-between;gap:var(--vo-s-3);font-size:13px;color:var(--vo-muted)}.vo-ctm-ph b{color:var(--vo-fg);font-weight:500}.vo-ctm-bar{display:flex;gap:2px;height:8px;border-radius:var(--vo-r-xs);background:var(--vo-chip);overflow:hidden}.vo-ctm-bar i{height:100%;width:0;flex:none;background:var(--vo-c);transition:width .42s var(--vo-ease),opacity .16s}.vo-ctm-bar.vo-hl i:not(.vo-on){opacity:.25}.vo-ctm-leg{display:flex;flex-direction:column;margin:0 -6px}.vo-ctm-l{display:flex;align-items:center;gap:var(--vo-s-2);padding:5px 6px;border-radius:var(--vo-r-sm);font-size:13px;color:var(--vo-fg2);cursor:default;transition:background var(--vo-t-fast)}@media (hover:hover) and (pointer:fine){.vo-ctm-l:hover{background:var(--vo-row)}}.vo-ctm-l .vo-sw{width:8px;height:8px;border-radius:2px;flex:none;background:var(--vo-c)}.vo-ctm-l .vo-v{margin-left:auto;color:var(--vo-fg)}.vo-ctm-msg{min-height:18px;font-size:13px;line-height:18px}.vo-ctm-msg>span{display:flex;align-items:flex-start;gap:6px;opacity:0;transition:opacity .32s var(--vo-ease)}.vo-ctm-msg.vo-on>span{opacity:1}.vo-ctm-msg>span>.vo-i{flex:none;margin-top:2px}.vo-ctm-msg.vo-warn{color:var(--vo-warn)}.vo-ctm-msg.vo-warn>span>.vo-i{color:var(--vo-warn-mark)}.vo-ctm-msg.vo-ok{color:var(--vo-ok)}.vo-ctm-f{display:flex;align-items:center;gap:10px;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--vo-line) 50%,transparent)}.vo-ctm-f .vo-ctm-hint{flex:1;min-width:0;font-size:13px;color:var(--vo-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vo-ctm-ring{width:30px;height:30px;border-radius:calc(9px * var(--vo-rk));display:grid;place-items:center;flex:none;transition:background var(--vo-t-fast)}.vo-ctm-tg .vo-ctm-ring{width:20px;height:20px;background:none}.vo-ctm-ring svg{width:18px;height:18px;transform:rotate(-90deg);overflow:visible}.vo-ctm-ring circle{fill:none;stroke-width:2.6}.vo-ctm-ring .vo-tr{stroke:var(--vo-rail)}.vo-ctm-ring .vo-fl{stroke:var(--vo-accent-mark,var(--vo-accent));stroke-linecap:round;stroke-dasharray:0 100;transition:stroke-dasharray .42s var(--vo-ease),stroke .32s}.vo-ctm.vo-hot .vo-ctm-ring .vo-fl{stroke:var(--vo-warn-mark)}.vo-panel{background:var(--vo-surface);border-radius:var(--vo-r-card);box-shadow:var(--vo-shadow);position:relative}.vo-num{font-variant-numeric:tabular-nums}.vo-sw{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-pill{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:32px;padding:0 14px;border-radius:var(--vo-r-pill);font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background var(--vo-t-fast),color var(--vo-t-fast),opacity var(--vo-t-fast),transform .15s}.vo-pill:active{transform:scale(.97)}.vo-pill.vo-ghost{color:var(--vo-fg2)}@media (hover:hover) and (pointer:fine){.vo-pill.vo-ghost:hover{background:var(--vo-row);color:var(--vo-fg)}}.vo-pill.vo-sm{height:28px;padding:0 11px;font-size:12.5px}.vo-pill[disabled]{opacity:1;color:var(--vo-dis);background:none;cursor:not-allowed;transform:none}@media (prefers-reduced-motion:reduce){.vo-spin{animation:none}}\n"], dependencies: [{ kind: "component", type: VoIconComponent, selector: "vo-icon", inputs: ["name", "size"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
168
|
+
}
|
|
169
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ContextMeterComponent, decorators: [{
|
|
170
|
+
type: Component,
|
|
171
|
+
args: [{ selector: 'vo-context-meter', standalone: true, encapsulation: ViewEncapsulation.None, imports: [VoIconComponent], template: `
|
|
172
|
+
<div
|
|
173
|
+
#root
|
|
174
|
+
data-vo=""
|
|
175
|
+
class="vo-ctm"
|
|
176
|
+
[class.vo-hot]="share >= warnAt"
|
|
177
|
+
[attr.data-open]="isOpen ? '1' : '0'"
|
|
178
|
+
>
|
|
179
|
+
<button
|
|
180
|
+
#toggle
|
|
181
|
+
type="button"
|
|
182
|
+
class="vo-ctm-tg"
|
|
183
|
+
[attr.aria-expanded]="isOpen"
|
|
184
|
+
[attr.aria-label]="'Context, ' + pct + '% used'"
|
|
185
|
+
(click)="setOpen(!isOpen)"
|
|
186
|
+
>
|
|
187
|
+
<span class="vo-ctm-ring" aria-hidden="true">
|
|
188
|
+
<svg viewBox="0 0 20 20">
|
|
189
|
+
<circle class="vo-tr" cx="10" cy="10" r="7.5"></circle>
|
|
190
|
+
<circle class="vo-fl" cx="10" cy="10" r="7.5" pathLength="100" [style.stroke-dasharray]="pct + ' 100'"></circle>
|
|
191
|
+
</svg>
|
|
192
|
+
</span>
|
|
193
|
+
<span><span class="vo-ctm-pc vo-num">{{ pct }}%</span> of context used</span>
|
|
194
|
+
<vo-icon name="chev-d" size="xs"></vo-icon>
|
|
195
|
+
</button>
|
|
196
|
+
<div class="vo-ctm-pop vo-panel" role="region" aria-label="What fills the context" [attr.inert]="isOpen ? null : ''">
|
|
197
|
+
<div class="vo-ctm-ph"><span>In context</span><span class="vo-num"><b class="vo-ctm-tot">{{ totK }}</b> of {{ limitK }} tokens</span></div>
|
|
198
|
+
<div class="vo-ctm-bar" [class.vo-hl]="lit" aria-hidden="true">
|
|
199
|
+
@for (p of parts; track p.key; let i = $index) {
|
|
200
|
+
<i [class.vo-on]="lit === p.key" [style.width.%]="p.tokens / limit * 100" [style.--vo-c]="p.color ?? palette(i)"></i>
|
|
201
|
+
}
|
|
202
|
+
</div>
|
|
203
|
+
<div class="vo-ctm-leg" (pointerleave)="lit = null">
|
|
204
|
+
@for (p of parts; track p.key; let i = $index) {
|
|
205
|
+
<div
|
|
206
|
+
class="vo-ctm-l"
|
|
207
|
+
[style.--vo-c]="p.color ?? palette(i)"
|
|
208
|
+
[attr.title]="p.items ?? null"
|
|
209
|
+
[attr.tabindex]="p.items ? 0 : null"
|
|
210
|
+
(pointerenter)="lit = p.key"
|
|
211
|
+
(focus)="lit = p.key"
|
|
212
|
+
(blur)="lit = null"
|
|
213
|
+
>
|
|
214
|
+
<span class="vo-sw"></span>{{ p.label }}<span class="vo-v vo-num">{{ partK(p) }}</span>
|
|
215
|
+
</div>
|
|
216
|
+
}
|
|
217
|
+
</div>
|
|
218
|
+
<div class="vo-ctm-msg" [class.vo-on]="!!message" [class]="message ? 'vo-' + messageTone : ''" aria-live="polite">
|
|
219
|
+
<span>
|
|
220
|
+
@if (message) {
|
|
221
|
+
<vo-icon [name]="messageTone === 'warn' ? 'warn' : 'ok'" size="xs"></vo-icon>
|
|
222
|
+
<span class="vo-sw">{{ message }}</span>
|
|
223
|
+
}
|
|
224
|
+
</span>
|
|
225
|
+
</div>
|
|
226
|
+
@if (showFooter) {
|
|
227
|
+
<div class="vo-ctm-f">
|
|
228
|
+
<span class="vo-sw vo-ctm-hint">{{ hint }}</span>
|
|
229
|
+
<button type="button" class="vo-pill vo-ghost vo-sm vo-ctm-go" [disabled]="busy" (click)="onCompactClick()">
|
|
230
|
+
@if (busy) {
|
|
231
|
+
<span class="vo-spin"></span>Compacting
|
|
232
|
+
} @else {
|
|
233
|
+
{{ compacted ? 'Undo' : 'Compact' }}
|
|
234
|
+
}
|
|
235
|
+
</button>
|
|
236
|
+
</div>
|
|
237
|
+
}
|
|
238
|
+
</div>
|
|
239
|
+
</div>
|
|
240
|
+
`, styles: [".vo-ctm{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--vo-s-2);width:100%;max-width:340px;margin-inline:auto;overflow-anchor:none}.vo-ctm-tg{display:inline-flex;align-items:center;gap:var(--vo-s-2);height:32px;padding:0 10px 0 7px;border-radius:var(--vo-r-pill);font-size:13px;color:var(--vo-fg2);background:var(--vo-surface);box-shadow:var(--vo-shadow);cursor:pointer;transition:box-shadow var(--vo-t-fast)}@media (hover:hover) and (pointer:fine){.vo-ctm-tg:hover{box-shadow:var(--vo-shadow-pop)}}.vo-ctm-tg .vo-ctm-pc{color:var(--vo-fg);font-weight:500}.vo-ctm-tg>.vo-i:last-child{color:var(--vo-muted);transition:transform .32s var(--vo-ease)}.vo-ctm[data-open=\"0\"] .vo-ctm-tg>.vo-i:last-child{transform:rotate(-90deg)}.vo-ctm-pop{width:100%;padding:14px var(--vo-s-4) var(--vo-s-3);display:flex;flex-direction:column;gap:var(--vo-s-3);transition:opacity .32s var(--vo-ease),transform .42s var(--vo-ease),visibility 0s}.vo-ctm[data-open=\"0\"] .vo-ctm-pop{opacity:0;transform:translateY(-6px);visibility:hidden;pointer-events:none;transition:opacity .16s var(--vo-ease),transform .32s var(--vo-ease),visibility 0s .32s}.vo-ctm-ph{display:flex;align-items:baseline;justify-content:space-between;gap:var(--vo-s-3);font-size:13px;color:var(--vo-muted)}.vo-ctm-ph b{color:var(--vo-fg);font-weight:500}.vo-ctm-bar{display:flex;gap:2px;height:8px;border-radius:var(--vo-r-xs);background:var(--vo-chip);overflow:hidden}.vo-ctm-bar i{height:100%;width:0;flex:none;background:var(--vo-c);transition:width .42s var(--vo-ease),opacity .16s}.vo-ctm-bar.vo-hl i:not(.vo-on){opacity:.25}.vo-ctm-leg{display:flex;flex-direction:column;margin:0 -6px}.vo-ctm-l{display:flex;align-items:center;gap:var(--vo-s-2);padding:5px 6px;border-radius:var(--vo-r-sm);font-size:13px;color:var(--vo-fg2);cursor:default;transition:background var(--vo-t-fast)}@media (hover:hover) and (pointer:fine){.vo-ctm-l:hover{background:var(--vo-row)}}.vo-ctm-l .vo-sw{width:8px;height:8px;border-radius:2px;flex:none;background:var(--vo-c)}.vo-ctm-l .vo-v{margin-left:auto;color:var(--vo-fg)}.vo-ctm-msg{min-height:18px;font-size:13px;line-height:18px}.vo-ctm-msg>span{display:flex;align-items:flex-start;gap:6px;opacity:0;transition:opacity .32s var(--vo-ease)}.vo-ctm-msg.vo-on>span{opacity:1}.vo-ctm-msg>span>.vo-i{flex:none;margin-top:2px}.vo-ctm-msg.vo-warn{color:var(--vo-warn)}.vo-ctm-msg.vo-warn>span>.vo-i{color:var(--vo-warn-mark)}.vo-ctm-msg.vo-ok{color:var(--vo-ok)}.vo-ctm-f{display:flex;align-items:center;gap:10px;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--vo-line) 50%,transparent)}.vo-ctm-f .vo-ctm-hint{flex:1;min-width:0;font-size:13px;color:var(--vo-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vo-ctm-ring{width:30px;height:30px;border-radius:calc(9px * var(--vo-rk));display:grid;place-items:center;flex:none;transition:background var(--vo-t-fast)}.vo-ctm-tg .vo-ctm-ring{width:20px;height:20px;background:none}.vo-ctm-ring svg{width:18px;height:18px;transform:rotate(-90deg);overflow:visible}.vo-ctm-ring circle{fill:none;stroke-width:2.6}.vo-ctm-ring .vo-tr{stroke:var(--vo-rail)}.vo-ctm-ring .vo-fl{stroke:var(--vo-accent-mark,var(--vo-accent));stroke-linecap:round;stroke-dasharray:0 100;transition:stroke-dasharray .42s var(--vo-ease),stroke .32s}.vo-ctm.vo-hot .vo-ctm-ring .vo-fl{stroke:var(--vo-warn-mark)}.vo-panel{background:var(--vo-surface);border-radius:var(--vo-r-card);box-shadow:var(--vo-shadow);position:relative}.vo-num{font-variant-numeric:tabular-nums}.vo-sw{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-pill{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:32px;padding:0 14px;border-radius:var(--vo-r-pill);font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background var(--vo-t-fast),color var(--vo-t-fast),opacity var(--vo-t-fast),transform .15s}.vo-pill:active{transform:scale(.97)}.vo-pill.vo-ghost{color:var(--vo-fg2)}@media (hover:hover) and (pointer:fine){.vo-pill.vo-ghost:hover{background:var(--vo-row);color:var(--vo-fg)}}.vo-pill.vo-sm{height:28px;padding:0 11px;font-size:12.5px}.vo-pill[disabled]{opacity:1;color:var(--vo-dis);background:none;cursor:not-allowed;transform:none}@media (prefers-reduced-motion:reduce){.vo-spin{animation:none}}\n"] }]
|
|
241
|
+
}], propDecorators: { parts: [{
|
|
242
|
+
type: Input
|
|
243
|
+
}], limit: [{
|
|
244
|
+
type: Input
|
|
245
|
+
}], warnAt: [{
|
|
246
|
+
type: Input
|
|
247
|
+
}], message: [{
|
|
248
|
+
type: Input
|
|
249
|
+
}], messageTone: [{
|
|
250
|
+
type: Input
|
|
251
|
+
}], compacted: [{
|
|
252
|
+
type: Input
|
|
253
|
+
}], hint: [{
|
|
254
|
+
type: Input
|
|
255
|
+
}], open: [{
|
|
256
|
+
type: Input
|
|
257
|
+
}], showCompact: [{
|
|
258
|
+
type: Input
|
|
259
|
+
}], compact: [{
|
|
260
|
+
type: Output
|
|
261
|
+
}], undo: [{
|
|
262
|
+
type: Output
|
|
263
|
+
}], openChange: [{
|
|
264
|
+
type: Output
|
|
265
|
+
}], root: [{
|
|
266
|
+
type: ViewChild,
|
|
267
|
+
args: ['root']
|
|
268
|
+
}], toggle: [{
|
|
269
|
+
type: ViewChild,
|
|
270
|
+
args: ['toggle']
|
|
271
|
+
}], onKeydown: [{
|
|
272
|
+
type: HostListener,
|
|
273
|
+
args: ['document:keydown', ['$event']]
|
|
274
|
+
}] } });
|
|
275
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGV4dC1tZXRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb250ZXh0LW1ldGVyL2NvbnRleHQtbWV0ZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDZEQUE2RDtBQUM3RCxFQUFFO0FBQ0YseUVBQXlFO0FBQ3pFLCtFQUErRTtBQUMvRSw0RUFBNEU7QUFDNUUsOEVBQThFO0FBQzlFLDhFQUE4RTtBQUM5RSxxRUFBcUU7QUFFckUsT0FBTyxFQUNMLFNBQVMsRUFFVCxZQUFZLEVBQ1osWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBQ04sU0FBUyxFQUNULGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7O0FBZXpELE1BQU0sT0FBTyxHQUFHLENBQUMsY0FBYyxFQUFFLGNBQWMsRUFBRSxjQUFjLEVBQUUsaUJBQWlCLENBQUMsQ0FBQztBQUNwRixNQUFNLENBQUMsR0FBRyxDQUFDLENBQVMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxHQUFHLEdBQUcsQ0FBQztBQStFckQsTUFBTSxPQUFPLHFCQUFxQjtJQTdFbEM7UUE4RVcsVUFBSyxHQUFrQixFQUFFLENBQUM7UUFDbkMsOERBQThEO1FBQ3JELFVBQUssR0FBRyxNQUFNLENBQUM7UUFDeEIscUZBQXFGO1FBQzVFLFdBQU0sR0FBRyxJQUFJLENBQUM7UUFHdkIsc0ZBQXNGO1FBQzdFLGdCQUFXLEdBQWtCLElBQUksQ0FBQztRQUMzQyxxRUFBcUU7UUFDNUQsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUMzQix1RUFBdUU7UUFDOUQsU0FBSSxHQUFHLHdCQUF3QixDQUFDO1FBR3pDLHVEQUF1RDtRQUM5QyxnQkFBVyxHQUFHLElBQUksQ0FBQztRQUU1Qix5RkFBeUY7UUFDL0UsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDbkMsU0FBSSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDaEMsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7UUFLbkQscUVBQXFFO1FBQ3JFLFFBQUcsR0FBa0IsSUFBSSxDQUFDO1FBQzFCLGlFQUFpRTtRQUNqRSxTQUFJLEdBQUcsS0FBSyxDQUFDO1FBRUwsY0FBUyxHQUFHLElBQUksQ0FBQztLQXFFMUI7SUFuRUMsSUFBSSxNQUFNO1FBQ1IsT0FBTyxJQUFJLENBQUMsSUFBSSxJQUFJLElBQUksQ0FBQyxTQUFTLENBQUM7SUFDckMsQ0FBQztJQUVELElBQUksS0FBSztRQUNQLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLE1BQU0sRUFBRSxDQUFDLENBQUMsQ0FBQztJQUN0RCxDQUFDO0lBRUQsSUFBSSxLQUFLO1FBQ1AsT0FBTyxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDakMsQ0FBQztJQUVELElBQUksR0FBRztRQUNMLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsS0FBSyxHQUFHLEdBQUcsQ0FBQyxDQUFDO0lBQ3RDLENBQUM7SUFFRCxJQUFJLElBQUk7UUFDTixPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDdkIsQ0FBQztJQUVELElBQUksTUFBTTtRQUNSLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxHQUFHLEdBQUcsQ0FBQztJQUM3QyxDQUFDO0lBRUQsSUFBSSxVQUFVO1FBQ1osT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQzFCLENBQUM7SUFFRCxPQUFPLENBQUMsQ0FBUztRQUNmLE9BQU8sT0FBTyxDQUFDLENBQUMsR0FBRyxPQUFPLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDckMsQ0FBQztJQUVELEtBQUssQ0FBQyxDQUFjO1FBQ2xCLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNyQixDQUFDO0lBRUQsT0FBTyxDQUFDLENBQVU7UUFDaEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxDQUFDLENBQUM7UUFDbkIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDMUIsQ0FBQztJQUVELGNBQWM7UUFDWixJQUFJLElBQUksQ0FBQyxJQUFJO1lBQUUsT0FBTztRQUN0QixJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztZQUNuQixJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1lBQ2pCLE9BQU87UUFDVCxDQUFDO1FBQ0QsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsOEVBQThFO0lBQzlFLE9BQU8sQ0FBQyxDQUFVO1FBQ2hCLElBQUksQ0FBQyxJQUFJLEdBQUcsQ0FBQyxDQUFDO0lBQ2hCLENBQUM7SUFFRCx3RUFBd0U7SUFFeEUsU0FBUyxDQUFDLENBQWdCO1FBQ3hCLElBQUksQ0FBQyxDQUFDLEdBQUcsS0FBSyxRQUFRLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTTtZQUFFLE9BQU87UUFDL0MsTUFBTSxFQUFFLEdBQUcsSUFBSSxDQUFDLElBQUksRUFBRSxhQUFhLENBQUM7UUFDcEMsSUFBSSxDQUFDLEVBQUU7WUFBRSxPQUFPO1FBQ2hCLE1BQU0sTUFBTSxHQUFHLEVBQUUsQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQ25ELElBQUksTUFBTSxJQUFJLEVBQUUsQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLEVBQUUsQ0FBQztZQUNuQyxJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQ3BCLElBQUksTUFBTTtnQkFBRSxJQUFJLENBQUMsTUFBTSxFQUFFLGFBQWEsQ0FBQyxLQUFLLENBQUMsRUFBRSxhQUFhLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztRQUN4RSxDQUFDO0lBQ0gsQ0FBQzsrR0FwR1UscUJBQXFCO21HQUFyQixxQkFBcUIsc2tCQXhFdEI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXFFVCx3K0lBdEVTLGVBQWU7OzRGQXlFZCxxQkFBcUI7a0JBN0VqQyxTQUFTOytCQUNFLGtCQUFrQixjQUNoQixJQUFJLGlCQUNELGlCQUFpQixDQUFDLElBQUksV0FDNUIsQ0FBQyxlQUFlLENBQUMsWUFDaEI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXFFVDs4QkFJUSxLQUFLO3NCQUFiLEtBQUs7Z0JBRUcsS0FBSztzQkFBYixLQUFLO2dCQUVHLE1BQU07c0JBQWQsS0FBSztnQkFFRyxPQUFPO3NCQUFmLEtBQUs7Z0JBRUcsV0FBVztzQkFBbkIsS0FBSztnQkFFRyxTQUFTO3NCQUFqQixLQUFLO2dCQUVHLElBQUk7c0JBQVosS0FBSztnQkFFRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRUcsV0FBVztzQkFBbkIsS0FBSztnQkFHSSxPQUFPO3NCQUFoQixNQUFNO2dCQUNHLElBQUk7c0JBQWIsTUFBTTtnQkFDRyxVQUFVO3NCQUFuQixNQUFNO2dCQUVZLElBQUk7c0JBQXRCLFNBQVM7dUJBQUMsTUFBTTtnQkFDSSxNQUFNO3NCQUExQixTQUFTO3VCQUFDLFFBQVE7Z0JBa0VuQixTQUFTO3NCQURSLFlBQVk7dUJBQUMsa0JBQWtCLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBmcmFtZXdvcmsvYW5ndWxhci9jb250ZXh0LW1ldGVyL2NvbnRleHQtbWV0ZXIuY29tcG9uZW50LnRzXG4vL1xuLy8gTmF0aXZlIEFuZ3VsYXIgcG9ydCBvZiBmcmFtZXdvcmsvcmVhY3QvY29udGV4dC1tZXRlci9Db250ZXh0TWV0ZXIudHN4LlxuLy8gSG93IGZ1bGwgdGhlIGNvbnRleHQgaXMgYW5kIHdoYXQgZmlsbHMgaXQ6IGEgcGlsbCB3aXRoIGEgcmluZyB0aGF0IG9wZW5zIG9uZVxuLy8gYmFyIHNwbGl0IGJ5IGtpbmQsIGEgbGVnZW5kIHdob3NlIHJvd3MgbGlzdCB3aGF0IGlzIGluIHRoZW0sIGFuZCBDb21wYWN0LlxuLy8gSW5wdXRzIG1pcnJvciB0aGUgUmVhY3QgcHJvcHM7IGNhbGxiYWNrIHByb3BzIGJlY29tZSBAT3V0cHV0IEV2ZW50RW1pdHRlcnMuXG4vLyBFc2NhcGUgY2xvc2VzIHRoZSBwYW5lbCB3aGlsZSB0aGUgcG9pbnRlciBvciBmb2N1cyBpcyBvbiB0aGUgbWV0ZXIsIGFuZCB0aGVcbi8vIGxlZ2VuZCBsaWdodHMgaXRzIHNoYXJlIG9mIHRoZSBiYXIgb24gaG92ZXIsIGFzIGluIHRoZSB2YW5pbGxhIEpTLlxuXG5pbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIEV2ZW50RW1pdHRlcixcbiAgSG9zdExpc3RlbmVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBWaWV3Q2hpbGQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFZvSWNvbkNvbXBvbmVudCB9IGZyb20gJy4uL2NvcmUvaWNvbi5jb21wb25lbnQnO1xuXG4vKiogT25lIGtpbmQgb2YgdGhpbmcgaW4gdGhlIGNvbnRleHQuICovXG5leHBvcnQgaW50ZXJmYWNlIENvbnRleHRQYXJ0IHtcbiAga2V5OiBzdHJpbmc7XG4gIC8qKiBMaWtlIFwiRmlsZXNcIiwgXCJUb29sIG91dHB1dFwiIG9yIFwiQ2hhdFwiLiAqL1xuICBsYWJlbDogc3RyaW5nO1xuICAvKiogSG93IG1hbnkgdG9rZW5zIGl0IHRha2VzLiAqL1xuICB0b2tlbnM6IG51bWJlcjtcbiAgLyoqIEl0cyBjb2xvdXIgaW4gdGhlIGJhciBhbmQgdGhlIGxlZ2VuZC4gRGVmYXVsdHMgdG8gYmx1ZSwgdGVhbCwgdmlvbGV0LCBncmV5LiAqL1xuICBjb2xvcj86IHN0cmluZztcbiAgLyoqIFdoYXQgaXMgaW4gaXQsIHNob3duIG9uIGhvdmVyLCBsaWtlIFwiUHJpY2luZ0NhcmQudHN4IDE4LjJrLCB0b2tlbnMuY3NzIDYuMWtcIi4gKi9cbiAgaXRlbXM/OiBzdHJpbmc7XG59XG5cbmNvbnN0IFBBTEVUVEUgPSBbJ3ZhcigtLXZvLXBiKScsICd2YXIoLS12by1wdCknLCAndmFyKC0tdm8tcGwpJywgJ3ZhcigtLXZvLWZhaW50KSddO1xuY29uc3QgayA9IChuOiBudW1iZXIpID0+IChuIC8gMTAwMCkudG9GaXhlZCgxKSArICdrJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndm8tY29udGV4dC1tZXRlcicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGltcG9ydHM6IFtWb0ljb25Db21wb25lbnRdLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXZcbiAgICAgICNyb290XG4gICAgICBkYXRhLXZvPVwiXCJcbiAgICAgIGNsYXNzPVwidm8tY3RtXCJcbiAgICAgIFtjbGFzcy52by1ob3RdPVwic2hhcmUgPj0gd2FybkF0XCJcbiAgICAgIFthdHRyLmRhdGEtb3Blbl09XCJpc09wZW4gPyAnMScgOiAnMCdcIlxuICAgID5cbiAgICAgIDxidXR0b25cbiAgICAgICAgI3RvZ2dsZVxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgY2xhc3M9XCJ2by1jdG0tdGdcIlxuICAgICAgICBbYXR0ci5hcmlhLWV4cGFuZGVkXT1cImlzT3BlblwiXG4gICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiJ0NvbnRleHQsICcgKyBwY3QgKyAnJSB1c2VkJ1wiXG4gICAgICAgIChjbGljayk9XCJzZXRPcGVuKCFpc09wZW4pXCJcbiAgICAgID5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJ2by1jdG0tcmluZ1wiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPlxuICAgICAgICAgIDxzdmcgdmlld0JveD1cIjAgMCAyMCAyMFwiPlxuICAgICAgICAgICAgPGNpcmNsZSBjbGFzcz1cInZvLXRyXCIgY3g9XCIxMFwiIGN5PVwiMTBcIiByPVwiNy41XCI+PC9jaXJjbGU+XG4gICAgICAgICAgICA8Y2lyY2xlIGNsYXNzPVwidm8tZmxcIiBjeD1cIjEwXCIgY3k9XCIxMFwiIHI9XCI3LjVcIiBwYXRoTGVuZ3RoPVwiMTAwXCIgW3N0eWxlLnN0cm9rZS1kYXNoYXJyYXldPVwicGN0ICsgJyAxMDAnXCI+PC9jaXJjbGU+XG4gICAgICAgICAgPC9zdmc+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPHNwYW4+PHNwYW4gY2xhc3M9XCJ2by1jdG0tcGMgdm8tbnVtXCI+e3sgcGN0IH19JTwvc3Bhbj4gb2YgY29udGV4dCB1c2VkPC9zcGFuPlxuICAgICAgICA8dm8taWNvbiBuYW1lPVwiY2hldi1kXCIgc2l6ZT1cInhzXCI+PC92by1pY29uPlxuICAgICAgPC9idXR0b24+XG4gICAgICA8ZGl2IGNsYXNzPVwidm8tY3RtLXBvcCB2by1wYW5lbFwiIHJvbGU9XCJyZWdpb25cIiBhcmlhLWxhYmVsPVwiV2hhdCBmaWxscyB0aGUgY29udGV4dFwiIFthdHRyLmluZXJ0XT1cImlzT3BlbiA/IG51bGwgOiAnJ1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwidm8tY3RtLXBoXCI+PHNwYW4+SW4gY29udGV4dDwvc3Bhbj48c3BhbiBjbGFzcz1cInZvLW51bVwiPjxiIGNsYXNzPVwidm8tY3RtLXRvdFwiPnt7IHRvdEsgfX08L2I+IG9mIHt7IGxpbWl0SyB9fSB0b2tlbnM8L3NwYW4+PC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ2by1jdG0tYmFyXCIgW2NsYXNzLnZvLWhsXT1cImxpdFwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPlxuICAgICAgICAgIEBmb3IgKHAgb2YgcGFydHM7IHRyYWNrIHAua2V5OyBsZXQgaSA9ICRpbmRleCkge1xuICAgICAgICAgICAgPGkgW2NsYXNzLnZvLW9uXT1cImxpdCA9PT0gcC5rZXlcIiBbc3R5bGUud2lkdGguJV09XCJwLnRva2VucyAvIGxpbWl0ICogMTAwXCIgW3N0eWxlLi0tdm8tY109XCJwLmNvbG9yID8/IHBhbGV0dGUoaSlcIj48L2k+XG4gICAgICAgICAgfVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInZvLWN0bS1sZWdcIiAocG9pbnRlcmxlYXZlKT1cImxpdCA9IG51bGxcIj5cbiAgICAgICAgICBAZm9yIChwIG9mIHBhcnRzOyB0cmFjayBwLmtleTsgbGV0IGkgPSAkaW5kZXgpIHtcbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgY2xhc3M9XCJ2by1jdG0tbFwiXG4gICAgICAgICAgICAgIFtzdHlsZS4tLXZvLWNdPVwicC5jb2xvciA/PyBwYWxldHRlKGkpXCJcbiAgICAgICAgICAgICAgW2F0dHIudGl0bGVdPVwicC5pdGVtcyA/PyBudWxsXCJcbiAgICAgICAgICAgICAgW2F0dHIudGFiaW5kZXhdPVwicC5pdGVtcyA/IDAgOiBudWxsXCJcbiAgICAgICAgICAgICAgKHBvaW50ZXJlbnRlcik9XCJsaXQgPSBwLmtleVwiXG4gICAgICAgICAgICAgIChmb2N1cyk9XCJsaXQgPSBwLmtleVwiXG4gICAgICAgICAgICAgIChibHVyKT1cImxpdCA9IG51bGxcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInZvLXN3XCI+PC9zcGFuPnt7IHAubGFiZWwgfX08c3BhbiBjbGFzcz1cInZvLXYgdm8tbnVtXCI+e3sgcGFydEsocCkgfX08L3NwYW4+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICB9XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwidm8tY3RtLW1zZ1wiIFtjbGFzcy52by1vbl09XCIhIW1lc3NhZ2VcIiBbY2xhc3NdPVwibWVzc2FnZSA/ICd2by0nICsgbWVzc2FnZVRvbmUgOiAnJ1wiIGFyaWEtbGl2ZT1cInBvbGl0ZVwiPlxuICAgICAgICAgIDxzcGFuPlxuICAgICAgICAgICAgQGlmIChtZXNzYWdlKSB7XG4gICAgICAgICAgICAgIDx2by1pY29uIFtuYW1lXT1cIm1lc3NhZ2VUb25lID09PSAnd2FybicgPyAnd2FybicgOiAnb2snXCIgc2l6ZT1cInhzXCI+PC92by1pY29uPlxuICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInZvLXN3XCI+e3sgbWVzc2FnZSB9fTwvc3Bhbj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICBAaWYgKHNob3dGb290ZXIpIHtcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwidm8tY3RtLWZcIj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidm8tc3cgdm8tY3RtLWhpbnRcIj57eyBoaW50IH19PC9zcGFuPlxuICAgICAgICAgICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgY2xhc3M9XCJ2by1waWxsIHZvLWdob3N0IHZvLXNtIHZvLWN0bS1nb1wiIFtkaXNhYmxlZF09XCJidXN5XCIgKGNsaWNrKT1cIm9uQ29tcGFjdENsaWNrKClcIj5cbiAgICAgICAgICAgICAgQGlmIChidXN5KSB7XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2by1zcGluXCI+PC9zcGFuPkNvbXBhY3RpbmdcbiAgICAgICAgICAgICAgfSBAZWxzZSB7XG4gICAgICAgICAgICAgICAge3sgY29tcGFjdGVkID8gJ1VuZG8nIDogJ0NvbXBhY3QnIH19XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICB9XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVVcmw6ICcuL2NvbnRleHQtbWV0ZXIuY3NzJyxcbn0pXG5leHBvcnQgY2xhc3MgQ29udGV4dE1ldGVyQ29tcG9uZW50IHtcbiAgQElucHV0KCkgcGFydHM6IENvbnRleHRQYXJ0W10gPSBbXTtcbiAgLyoqIFRoZSBzaXplIG9mIHRoZSBjb250ZXh0IHdpbmRvdywgaW4gdG9rZW5zLCBsaWtlIDIwMDAwMC4gKi9cbiAgQElucHV0KCkgbGltaXQgPSAyMDAwMDA7XG4gIC8qKiBGcm9tIHRoaXMgc2hhcmUgb2YgdGhlIGxpbWl0ICgwIHRvIDEpIHRoZSByaW5nIHR1cm5zIG9yYW5nZS4gRGVmYXVsdHMgdG8gMC44NS4gKi9cbiAgQElucHV0KCkgd2FybkF0ID0gMC44NTtcbiAgLyoqIEEgbGluZSB1bmRlciB0aGUgbGVnZW5kLiBDcm9zc2ZhZGVzIHdoZW4gaXQgY2hhbmdlcy4gKi9cbiAgQElucHV0KCkgbWVzc2FnZT86IHN0cmluZztcbiAgLyoqIHdhcm4gc2hvd3MgdGhlIG1lc3NhZ2UgaW4gb3JhbmdlIHdpdGggYSB3YXJuaW5nIHNpZ24sIG9rIGluIGdyZWVuIHdpdGggYSBjaGVjay4gKi9cbiAgQElucHV0KCkgbWVzc2FnZVRvbmU6ICd3YXJuJyB8ICdvaycgPSAnb2snO1xuICAvKiogU2V0IG9uY2UgdGhlIGNvbnRleHQgaXMgY29tcGFjdGVkOiB0aGUgYnV0dG9uIHR1cm5zIGludG8gVW5kby4gKi9cbiAgQElucHV0KCkgY29tcGFjdGVkID0gZmFsc2U7XG4gIC8qKiBUaGUgcXVpZXQgbGluZSBiZXNpZGUgdGhlIGJ1dHRvbi4gRGVmYXVsdHMgdG8gd2hhdCBDb21wYWN0IGRvZXMuICovXG4gIEBJbnB1dCgpIGhpbnQgPSAnU3VtbWFyaXNlcyBvbGRlciB0dXJucyc7XG4gIC8qKiBXaGV0aGVyIHRoZSBwYW5lbCBpcyBvcGVuLiBMZWF2ZSBpdCBvdXQgdG8gbGV0IHRoZSBwaWxsIHRvZ2dsZSBpdC4gKi9cbiAgQElucHV0KCkgb3Blbj86IGJvb2xlYW47XG4gIC8qKiBTaG93cyB0aGUgZm9vdGVyIHdpdGggdGhlIENvbXBhY3QgLyBVbmRvIGJ1dHRvbi4gKi9cbiAgQElucHV0KCkgc2hvd0NvbXBhY3QgPSB0cnVlO1xuXG4gIC8qKiBDYWxsZWQgYnkgQ29tcGFjdC4gUmV0dXJuIG5vdGhpbmcgb3IgYSBwcm9taXNlOyB0aGUgYnV0dG9uIHNwaW5zIHVudGlsIGl0IHNldHRsZXMuICovXG4gIEBPdXRwdXQoKSBjb21wYWN0ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAT3V0cHV0KCkgdW5kbyA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQE91dHB1dCgpIG9wZW5DaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG5cbiAgQFZpZXdDaGlsZCgncm9vdCcpIHJvb3Q/OiBFbGVtZW50UmVmPEhUTUxEaXZFbGVtZW50PjtcbiAgQFZpZXdDaGlsZCgndG9nZ2xlJykgdG9nZ2xlPzogRWxlbWVudFJlZjxIVE1MQnV0dG9uRWxlbWVudD47XG5cbiAgLyoqIFdoaWNoIGxlZ2VuZCByb3cgaXMgbGl0IChpdHMgc2hhcmUgb2YgdGhlIGJhciBpcyBoaWdobGlnaHRlZCkuICovXG4gIGxpdDogc3RyaW5nIHwgbnVsbCA9IG51bGw7XG4gIC8qKiBUcnVlIHdoaWxlIGEgY29tcGFjdCBydW4gaXMgaW4gZmxpZ2h0IChzaG93cyB0aGUgc3Bpbm5lcikuICovXG4gIGJ1c3kgPSBmYWxzZTtcblxuICBwcml2YXRlIGlubmVyT3BlbiA9IHRydWU7XG5cbiAgZ2V0IGlzT3BlbigpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5vcGVuID8/IHRoaXMuaW5uZXJPcGVuO1xuICB9XG5cbiAgZ2V0IHRvdGFsKCk6IG51bWJlciB7XG4gICAgcmV0dXJuIHRoaXMucGFydHMucmVkdWNlKCh0LCBwKSA9PiB0ICsgcC50b2tlbnMsIDApO1xuICB9XG5cbiAgZ2V0IHNoYXJlKCk6IG51bWJlciB7XG4gICAgcmV0dXJuIHRoaXMudG90YWwgLyB0aGlzLmxpbWl0O1xuICB9XG5cbiAgZ2V0IHBjdCgpOiBudW1iZXIge1xuICAgIHJldHVybiBNYXRoLnJvdW5kKHRoaXMuc2hhcmUgKiAxMDApO1xuICB9XG5cbiAgZ2V0IHRvdEsoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gayh0aGlzLnRvdGFsKTtcbiAgfVxuXG4gIGdldCBsaW1pdEsoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gTWF0aC5yb3VuZCh0aGlzLmxpbWl0IC8gMTAwMCkgKyAnayc7XG4gIH1cblxuICBnZXQgc2hvd0Zvb3RlcigpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5zaG93Q29tcGFjdDtcbiAgfVxuXG4gIHBhbGV0dGUoaTogbnVtYmVyKTogc3RyaW5nIHtcbiAgICByZXR1cm4gUEFMRVRURVtpICUgUEFMRVRURS5sZW5ndGhdO1xuICB9XG5cbiAgcGFydEsocDogQ29udGV4dFBhcnQpOiBzdHJpbmcge1xuICAgIHJldHVybiBrKHAudG9rZW5zKTtcbiAgfVxuXG4gIHNldE9wZW4obzogYm9vbGVhbik6IHZvaWQge1xuICAgIHRoaXMuaW5uZXJPcGVuID0gbztcbiAgICB0aGlzLm9wZW5DaGFuZ2UuZW1pdChvKTtcbiAgfVxuXG4gIG9uQ29tcGFjdENsaWNrKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmJ1c3kpIHJldHVybjtcbiAgICBpZiAodGhpcy5jb21wYWN0ZWQpIHtcbiAgICAgIHRoaXMudW5kby5lbWl0KCk7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMuY29tcGFjdC5lbWl0KCk7XG4gIH1cblxuICAvKiogQ2FsbCBmcm9tIHRoZSBob3N0IHdoZW4gYSBjb21wYWN0IHJ1biBiZWdpbnMvZW5kcywgdG8gc2hvdyB0aGUgc3Bpbm5lci4gKi9cbiAgc2V0QnVzeShiOiBib29sZWFuKTogdm9pZCB7XG4gICAgdGhpcy5idXN5ID0gYjtcbiAgfVxuXG4gIC8vIEVzY2FwZSBzaHV0cyB0aGUgcGFuZWwgd2hpbGUgdGhlIHBvaW50ZXIgb3IgdGhlIGZvY3VzIGlzIG9uIHRoZSBtZXRlclxuICBASG9zdExpc3RlbmVyKCdkb2N1bWVudDprZXlkb3duJywgWyckZXZlbnQnXSlcbiAgb25LZXlkb3duKGU6IEtleWJvYXJkRXZlbnQpOiB2b2lkIHtcbiAgICBpZiAoZS5rZXkgIT09ICdFc2NhcGUnIHx8ICF0aGlzLmlzT3BlbikgcmV0dXJuO1xuICAgIGNvbnN0IGVsID0gdGhpcy5yb290Py5uYXRpdmVFbGVtZW50O1xuICAgIGlmICghZWwpIHJldHVybjtcbiAgICBjb25zdCBpbnNpZGUgPSBlbC5jb250YWlucyhkb2N1bWVudC5hY3RpdmVFbGVtZW50KTtcbiAgICBpZiAoaW5zaWRlIHx8IGVsLm1hdGNoZXMoJzpob3ZlcicpKSB7XG4gICAgICB0aGlzLnNldE9wZW4oZmFsc2UpO1xuICAgICAgaWYgKGluc2lkZSkgdGhpcy50b2dnbGU/Lm5hdGl2ZUVsZW1lbnQuZm9jdXMoeyBwcmV2ZW50U2Nyb2xsOiB0cnVlIH0pO1xuICAgIH1cbiAgfVxufVxuIl19
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
// framework/angular/core/icon.component.ts
|
|
2
|
+
//
|
|
3
|
+
// Minimal icon component for the Angular port. Renders the same geometric
|
|
4
|
+
// SVG glyphs as the Vanilla core (<symbol id="i-*">) / the React icons (Phosphor, MIT).
|
|
5
|
+
// Add further glyphs to GLYPHS as needed (path data from
|
|
6
|
+
// framework/react/lib/icons.tsx or framework/vanilla/core/core.js).
|
|
7
|
+
import { Component, Input, ViewEncapsulation } from '@angular/core';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
/** Path markup per glyph (viewBox 0 0 24 24, drawn as stroke). */
|
|
10
|
+
const GLYPHS = {
|
|
11
|
+
'minus': '<path d="M5 12h14"/>',
|
|
12
|
+
'plus': '<path d="M12 5v14M5 12h14"/>',
|
|
13
|
+
'x': '<path d="M6 6l12 12M18 6 6 18"/>',
|
|
14
|
+
'check': '<path d="m5 12.5 4.5 4.5L19 7.5"/>',
|
|
15
|
+
'chev-r': '<path d="m9 6 6 6-6 6"/>',
|
|
16
|
+
'chev-l': '<path d="m15 6-6 6 6 6"/>',
|
|
17
|
+
'chev-d': '<path d="m6 9 6 6 6-6"/>',
|
|
18
|
+
'chev-u': '<path d="m6 15 6-6 6 6"/>',
|
|
19
|
+
'spark': '<path d="M12 3.5c.6 4.3 2.2 5.9 6.5 6.5-4.3.6-5.9 2.2-6.5 6.5-.6-4.3-2.2-5.9-6.5-6.5 4.3-.6 5.9-2.2 6.5-6.5zM18.5 15c.3 2 1 2.7 3 3-2 .3-2.7 1-3 3-.3-2-1-2.7-3-3 2-.3 2.7-1 3-3z"/>',
|
|
20
|
+
'lock': '<rect x="5" y="10.5" width="14" height="10" rx="2"/><path d="M8 10.5V8a4 4 0 0 1 8 0v2.5"/>',
|
|
21
|
+
'copy': '<rect x="8.5" y="8.5" width="11" height="11" rx="2"/><path d="M15.5 8.5V6a2 2 0 0 0-2-2h-7a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h2"/>',
|
|
22
|
+
'play': '<path d="M7 5v14l12-7z"/>',
|
|
23
|
+
'pause': '<path d="M8 5v14M16 5v14"/>',
|
|
24
|
+
'refresh': '<path d="M20 12a8 8 0 1 1-2.4-5.7M20 4v4.5h-4.5"/>',
|
|
25
|
+
'ok': '<circle cx="12" cy="12" r="9"/><path d="m8.2 12.3 2.6 2.6 5-5.2"/>',
|
|
26
|
+
'alert': '<circle cx="12" cy="12" r="9"/><path d="M12 7.5V13M12 16.5v.01"/>',
|
|
27
|
+
'warn': '<path d="M12 4 2.8 19.5h18.4z"/><path d="M12 10v4M12 17v.01"/>',
|
|
28
|
+
'info': '<circle cx="12" cy="12" r="9"/><path d="M12 11v5M12 8v.01"/>',
|
|
29
|
+
'clock': '<circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/>',
|
|
30
|
+
'eye': '<path d="M2.5 12S6 5.5 12 5.5 21.5 12 21.5 12 18 18.5 12 18.5 2.5 12 2.5 12z"/><circle cx="12" cy="12" r="3"/>',
|
|
31
|
+
'search': '<circle cx="11" cy="11" r="6.5"/><path d="m20 20-4-4"/>',
|
|
32
|
+
'users': '<circle cx="9" cy="8.5" r="3.5"/><path d="M2.8 19.5c1-3.3 3.4-5 6.2-5s5.2 1.7 6.2 5M16 5.2a3.4 3.4 0 0 1 0 6.6M17.6 14.6c1.8.6 3 2.2 3.6 4.9"/>',
|
|
33
|
+
'coins': '<ellipse cx="9" cy="7" rx="5.5" ry="2.5"/><path d="M3.5 7v4c0 1.4 2.5 2.5 5.5 2.5s5.5-1.1 5.5-2.5V7"/><path d="M9.5 15.8c.9 1 2.9 1.7 5 1.7 3 0 5.5-1.1 5.5-2.5v-4c0-1.2-1.8-2.2-4.3-2.4"/>',
|
|
34
|
+
'ext': '<path d="M14 4h6v6M20 4l-9 9M18 14v4a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4"/>',
|
|
35
|
+
'undo': '<path d="M9 14 4 9l5-5"/><path d="M4 9h10.5a5.5 5.5 0 0 1 0 11H11"/>',
|
|
36
|
+
'redo': '<path d="m15 14 5-5-5-5"/><path d="M20 9H9.5a5.5 5.5 0 0 0 0 11H13"/>',
|
|
37
|
+
'stop': '<rect x="6" y="6" width="12" height="12" rx="2"/>',
|
|
38
|
+
'trash': '<path d="M4.5 7h15M10 4h4M6.5 7l1 13h9l1-13M10 11v5M14 11v5"/>',
|
|
39
|
+
'edit': '<path d="M4 20h4L19 9a2.8 2.8 0 0 0-4-4L4 16z"/><path d="m13.5 6.5 4 4"/>',
|
|
40
|
+
'more': '<circle cx="6" cy="12" r="1.2"/><circle cx="12" cy="12" r="1.2"/><circle cx="18" cy="12" r="1.2"/>',
|
|
41
|
+
'comment': '<path d="M5.5 5h13A1.5 1.5 0 0 1 20 6.5v8a1.5 1.5 0 0 1-1.5 1.5H11l-4.2 3.3V16H5.5A1.5 1.5 0 0 1 4 14.5v-8A1.5 1.5 0 0 1 5.5 5z"/>',
|
|
42
|
+
'file-text': '<path d="M6 3h8l4 4v14H6z"/><path d="M14 3v4h4M9 13h6M9 16.5h6"/>',
|
|
43
|
+
'term': '<rect x="3" y="4.5" width="18" height="15" rx="2"/><path d="m7 10 3 2.5L7 15M12.5 15.5H17"/>',
|
|
44
|
+
'pr': '<circle cx="6" cy="6" r="2.2"/><circle cx="6" cy="18" r="2.2"/><circle cx="18" cy="18" r="2.2"/><path d="M6 8.2v7.6M18 15.8V9a3 3 0 0 0-3-3h-4m2-2-2 2 2 2"/>',
|
|
45
|
+
'figma': '<path d="M9 3h3v6H9a3 3 0 0 1 0-6zM12 3h3a3 3 0 0 1 0 6h-3zM9 9h3v6H9a3 3 0 0 1 0-6zM15 9a3 3 0 1 1 0 6 3 3 0 0 1 0-6zM9 15h3v3a3 3 0 1 1-3-3z"/>',
|
|
46
|
+
'globe': '<circle cx="12" cy="12" r="9"/><path d="M3 12h18M12 3c2.6 3 2.6 15 0 18M12 3c-2.6 3-2.6 15 0 18"/>',
|
|
47
|
+
'cpu': '<rect x="6" y="6" width="12" height="12" rx="2"/><rect x="9.5" y="9.5" width="5" height="5" rx="1"/><path d="M9 3v3M15 3v3M9 18v3M15 18v3M3 9h3M3 15h3M18 9h3M18 15h3"/>',
|
|
48
|
+
'hand': '<path d="M8.2 13V7.6a1.25 1.25 0 0 1 2.5 0v4.2M10.7 11.6V5.6a1.25 1.25 0 0 1 2.5 0v6M13.2 11.6V6.6a1.25 1.25 0 0 1 2.5 0v5.2M15.7 12V9a1.25 1.25 0 0 1 2.5 0v5c0 3.6-2.5 6-5.8 6-2.2 0-3.7-.9-5-2.7l-2.3-3.3a1.3 1.3 0 0 1 2.1-1.6l1 1.3"/>',
|
|
49
|
+
};
|
|
50
|
+
/** Size classes as in the core: xs=14, sm=16, md=20, lg=24. */
|
|
51
|
+
const SIZES = { xs: 14, sm: 16, md: 20, lg: 24 };
|
|
52
|
+
export class VoIconComponent {
|
|
53
|
+
constructor() {
|
|
54
|
+
this.size = 'md';
|
|
55
|
+
}
|
|
56
|
+
get px() {
|
|
57
|
+
return SIZES[this.size] ?? 20;
|
|
58
|
+
}
|
|
59
|
+
// Note: glyph markup comes from the own static GLYPHS table (no
|
|
60
|
+
// user input), so innerHTML is uncritical here.
|
|
61
|
+
get markup() {
|
|
62
|
+
return GLYPHS[this.name] ?? '';
|
|
63
|
+
}
|
|
64
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: VoIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
65
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: VoIconComponent, isStandalone: true, selector: "vo-icon", inputs: { name: "name", size: "size" }, ngImport: i0, template: `
|
|
66
|
+
<svg
|
|
67
|
+
class="vo-i"
|
|
68
|
+
[class.vo-xs]="size === 'xs'"
|
|
69
|
+
[attr.width]="px"
|
|
70
|
+
[attr.height]="px"
|
|
71
|
+
viewBox="0 0 24 24"
|
|
72
|
+
fill="none"
|
|
73
|
+
stroke="currentColor"
|
|
74
|
+
stroke-width="1.75"
|
|
75
|
+
stroke-linecap="round"
|
|
76
|
+
stroke-linejoin="round"
|
|
77
|
+
aria-hidden="true"
|
|
78
|
+
[innerHTML]="markup"
|
|
79
|
+
></svg>
|
|
80
|
+
`, isInline: true, encapsulation: i0.ViewEncapsulation.None }); }
|
|
81
|
+
}
|
|
82
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: VoIconComponent, decorators: [{
|
|
83
|
+
type: Component,
|
|
84
|
+
args: [{
|
|
85
|
+
selector: 'vo-icon',
|
|
86
|
+
standalone: true,
|
|
87
|
+
encapsulation: ViewEncapsulation.None,
|
|
88
|
+
template: `
|
|
89
|
+
<svg
|
|
90
|
+
class="vo-i"
|
|
91
|
+
[class.vo-xs]="size === 'xs'"
|
|
92
|
+
[attr.width]="px"
|
|
93
|
+
[attr.height]="px"
|
|
94
|
+
viewBox="0 0 24 24"
|
|
95
|
+
fill="none"
|
|
96
|
+
stroke="currentColor"
|
|
97
|
+
stroke-width="1.75"
|
|
98
|
+
stroke-linecap="round"
|
|
99
|
+
stroke-linejoin="round"
|
|
100
|
+
aria-hidden="true"
|
|
101
|
+
[innerHTML]="markup"
|
|
102
|
+
></svg>
|
|
103
|
+
`,
|
|
104
|
+
}]
|
|
105
|
+
}], propDecorators: { name: [{
|
|
106
|
+
type: Input,
|
|
107
|
+
args: [{ required: true }]
|
|
108
|
+
}], size: [{
|
|
109
|
+
type: Input
|
|
110
|
+
}] } });
|
|
111
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb3JlL2ljb24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDJDQUEyQztBQUMzQyxFQUFFO0FBQ0YsMEVBQTBFO0FBQzFFLHdGQUF3RjtBQUN4Rix5REFBeUQ7QUFDekQsb0VBQW9FO0FBRXBFLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVdwRSxrRUFBa0U7QUFDbEUsTUFBTSxNQUFNLEdBQStCO0lBQ3pDLE9BQU8sRUFBRSxzQkFBc0I7SUFDL0IsTUFBTSxFQUFFLDhCQUE4QjtJQUN0QyxHQUFHLEVBQUUsa0NBQWtDO0lBQ3ZDLE9BQU8sRUFBRSxvQ0FBb0M7SUFDN0MsUUFBUSxFQUFFLDBCQUEwQjtJQUNwQyxRQUFRLEVBQUUsMkJBQTJCO0lBQ3JDLFFBQVEsRUFBRSwwQkFBMEI7SUFDcEMsUUFBUSxFQUFFLDJCQUEyQjtJQUNyQyxPQUFPLEVBQUUsc0xBQXNMO0lBQy9MLE1BQU0sRUFBRSw2RkFBNkY7SUFDckcsTUFBTSxFQUFFLCtIQUErSDtJQUN2SSxNQUFNLEVBQUUsMkJBQTJCO0lBQ25DLE9BQU8sRUFBRSw2QkFBNkI7SUFDdEMsU0FBUyxFQUFFLG9EQUFvRDtJQUMvRCxJQUFJLEVBQUUsb0VBQW9FO0lBQzFFLE9BQU8sRUFBRSxtRUFBbUU7SUFDNUUsTUFBTSxFQUFFLGdFQUFnRTtJQUN4RSxNQUFNLEVBQUUsOERBQThEO0lBQ3RFLE9BQU8sRUFBRSx3REFBd0Q7SUFDakUsS0FBSyxFQUFFLGdIQUFnSDtJQUN2SCxRQUFRLEVBQUUseURBQXlEO0lBQ25FLE9BQU8sRUFBRSxpSkFBaUo7SUFDMUosT0FBTyxFQUFFLDZMQUE2TDtJQUN0TSxLQUFLLEVBQUUseUZBQXlGO0lBQ2hHLE1BQU0sRUFBRSxzRUFBc0U7SUFDOUUsTUFBTSxFQUFFLHVFQUF1RTtJQUMvRSxNQUFNLEVBQUUsbURBQW1EO0lBQzNELE9BQU8sRUFBRSxnRUFBZ0U7SUFDekUsTUFBTSxFQUFFLDJFQUEyRTtJQUNuRixNQUFNLEVBQUUsb0dBQW9HO0lBQzVHLFNBQVMsRUFBRSxvSUFBb0k7SUFDL0ksV0FBVyxFQUFFLG1FQUFtRTtJQUNoRixNQUFNLEVBQUUsOEZBQThGO0lBQ3RHLElBQUksRUFBRSwrSkFBK0o7SUFDckssT0FBTyxFQUFFLG1KQUFtSjtJQUM1SixPQUFPLEVBQUUsb0dBQW9HO0lBQzdHLEtBQUssRUFBRSwwS0FBMEs7SUFDakwsTUFBTSxFQUFFLDZPQUE2TztDQUN0UCxDQUFDO0FBRUYsK0RBQStEO0FBQy9ELE1BQU0sS0FBSyxHQUEyQixFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQztBQXVCekUsTUFBTSxPQUFPLGVBQWU7SUFyQjVCO1FBdUJXLFNBQUksR0FBOEIsSUFBSSxDQUFDO0tBV2pEO0lBVEMsSUFBSSxFQUFFO1FBQ0osT0FBTyxLQUFLLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNoQyxDQUFDO0lBRUQsZ0VBQWdFO0lBQ2hFLGdEQUFnRDtJQUNoRCxJQUFJLE1BQU07UUFDUixPQUFPLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ2pDLENBQUM7K0dBWlUsZUFBZTttR0FBZixlQUFlLDJHQWpCaEI7Ozs7Ozs7Ozs7Ozs7OztHQWVUOzs0RkFFVSxlQUFlO2tCQXJCM0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsU0FBUztvQkFDbkIsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO29CQUNyQyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7OztHQWVUO2lCQUNGOzhCQUU0QixJQUFJO3NCQUE5QixLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFDaEIsSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiLy8gZnJhbWV3b3JrL2FuZ3VsYXIvY29yZS9pY29uLmNvbXBvbmVudC50c1xuLy9cbi8vIE1pbmltYWwgaWNvbiBjb21wb25lbnQgZm9yIHRoZSBBbmd1bGFyIHBvcnQuIFJlbmRlcnMgdGhlIHNhbWUgZ2VvbWV0cmljXG4vLyBTVkcgZ2x5cGhzIGFzIHRoZSBWYW5pbGxhIGNvcmUgKDxzeW1ib2wgaWQ9XCJpLSpcIj4pIC8gdGhlIFJlYWN0IGljb25zIChQaG9zcGhvciwgTUlUKS5cbi8vIEFkZCBmdXJ0aGVyIGdseXBocyB0byBHTFlQSFMgYXMgbmVlZGVkIChwYXRoIGRhdGEgZnJvbVxuLy8gZnJhbWV3b3JrL3JlYWN0L2xpYi9pY29ucy50c3ggb3IgZnJhbWV3b3JrL3ZhbmlsbGEvY29yZS9jb3JlLmpzKS5cblxuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZXhwb3J0IHR5cGUgVm9JY29uTmFtZSA9XG4gIHwgJ21pbnVzJyB8ICdwbHVzJyB8ICd4JyB8ICdjaGVjaydcbiAgfCAnY2hldi1yJyB8ICdjaGV2LWwnIHwgJ2NoZXYtZCcgfCAnY2hldi11J1xuICB8ICdzcGFyaycgfCAnbG9jaycgfCAnY29weScgfCAncGxheScgfCAncGF1c2UnIHwgJ3JlZnJlc2gnXG4gIHwgJ29rJyB8ICdhbGVydCcgfCAnd2FybicgfCAnaW5mbycgfCAnY2xvY2snIHwgJ2V5ZScgfCAnc2VhcmNoJ1xuICB8ICd1c2VycycgfCAnY29pbnMnXG4gIHwgJ2V4dCcgfCAndW5kbycgfCAncmVkbycgfCAnc3RvcCcgfCAndHJhc2gnIHwgJ2VkaXQnIHwgJ21vcmUnIHwgJ2NvbW1lbnQnXG4gIHwgJ2ZpbGUtdGV4dCcgfCAndGVybScgfCAncHInIHwgJ2ZpZ21hJyB8ICdnbG9iZScgfCAnY3B1JyB8ICdoYW5kJztcblxuLyoqIFBhdGggbWFya3VwIHBlciBnbHlwaCAodmlld0JveCAwIDAgMjQgMjQsIGRyYXduIGFzIHN0cm9rZSkuICovXG5jb25zdCBHTFlQSFM6IFJlY29yZDxWb0ljb25OYW1lLCBzdHJpbmc+ID0ge1xuICAnbWludXMnOiAnPHBhdGggZD1cIk01IDEyaDE0XCIvPicsXG4gICdwbHVzJzogJzxwYXRoIGQ9XCJNMTIgNXYxNE01IDEyaDE0XCIvPicsXG4gICd4JzogJzxwYXRoIGQ9XCJNNiA2bDEyIDEyTTE4IDYgNiAxOFwiLz4nLFxuICAnY2hlY2snOiAnPHBhdGggZD1cIm01IDEyLjUgNC41IDQuNUwxOSA3LjVcIi8+JyxcbiAgJ2NoZXYtcic6ICc8cGF0aCBkPVwibTkgNiA2IDYtNiA2XCIvPicsXG4gICdjaGV2LWwnOiAnPHBhdGggZD1cIm0xNSA2LTYgNiA2IDZcIi8+JyxcbiAgJ2NoZXYtZCc6ICc8cGF0aCBkPVwibTYgOSA2IDYgNi02XCIvPicsXG4gICdjaGV2LXUnOiAnPHBhdGggZD1cIm02IDE1IDYtNiA2IDZcIi8+JyxcbiAgJ3NwYXJrJzogJzxwYXRoIGQ9XCJNMTIgMy41Yy42IDQuMyAyLjIgNS45IDYuNSA2LjUtNC4zLjYtNS45IDIuMi02LjUgNi41LS42LTQuMy0yLjItNS45LTYuNS02LjUgNC4zLS42IDUuOS0yLjIgNi41LTYuNXpNMTguNSAxNWMuMyAyIDEgMi43IDMgMy0yIC4zLTIuNyAxLTMgMy0uMy0yLTEtMi43LTMtMyAyLS4zIDIuNy0xIDMtM3pcIi8+JyxcbiAgJ2xvY2snOiAnPHJlY3QgeD1cIjVcIiB5PVwiMTAuNVwiIHdpZHRoPVwiMTRcIiBoZWlnaHQ9XCIxMFwiIHJ4PVwiMlwiLz48cGF0aCBkPVwiTTggMTAuNVY4YTQgNCAwIDAgMSA4IDB2Mi41XCIvPicsXG4gICdjb3B5JzogJzxyZWN0IHg9XCI4LjVcIiB5PVwiOC41XCIgd2lkdGg9XCIxMVwiIGhlaWdodD1cIjExXCIgcng9XCIyXCIvPjxwYXRoIGQ9XCJNMTUuNSA4LjVWNmEyIDIgMCAwIDAtMi0yaC03YTIgMiAwIDAgMC0yIDJ2N2EyIDIgMCAwIDAgMiAyaDJcIi8+JyxcbiAgJ3BsYXknOiAnPHBhdGggZD1cIk03IDV2MTRsMTItN3pcIi8+JyxcbiAgJ3BhdXNlJzogJzxwYXRoIGQ9XCJNOCA1djE0TTE2IDV2MTRcIi8+JyxcbiAgJ3JlZnJlc2gnOiAnPHBhdGggZD1cIk0yMCAxMmE4IDggMCAxIDEtMi40LTUuN00yMCA0djQuNWgtNC41XCIvPicsXG4gICdvayc6ICc8Y2lyY2xlIGN4PVwiMTJcIiBjeT1cIjEyXCIgcj1cIjlcIi8+PHBhdGggZD1cIm04LjIgMTIuMyAyLjYgMi42IDUtNS4yXCIvPicsXG4gICdhbGVydCc6ICc8Y2lyY2xlIGN4PVwiMTJcIiBjeT1cIjEyXCIgcj1cIjlcIi8+PHBhdGggZD1cIk0xMiA3LjVWMTNNMTIgMTYuNXYuMDFcIi8+JyxcbiAgJ3dhcm4nOiAnPHBhdGggZD1cIk0xMiA0IDIuOCAxOS41aDE4LjR6XCIvPjxwYXRoIGQ9XCJNMTIgMTB2NE0xMiAxN3YuMDFcIi8+JyxcbiAgJ2luZm8nOiAnPGNpcmNsZSBjeD1cIjEyXCIgY3k9XCIxMlwiIHI9XCI5XCIvPjxwYXRoIGQ9XCJNMTIgMTF2NU0xMiA4di4wMVwiLz4nLFxuICAnY2xvY2snOiAnPGNpcmNsZSBjeD1cIjEyXCIgY3k9XCIxMlwiIHI9XCI5XCIvPjxwYXRoIGQ9XCJNMTIgN3Y1bDMgMlwiLz4nLFxuICAnZXllJzogJzxwYXRoIGQ9XCJNMi41IDEyUzYgNS41IDEyIDUuNSAyMS41IDEyIDIxLjUgMTIgMTggMTguNSAxMiAxOC41IDIuNSAxMiAyLjUgMTJ6XCIvPjxjaXJjbGUgY3g9XCIxMlwiIGN5PVwiMTJcIiByPVwiM1wiLz4nLFxuICAnc2VhcmNoJzogJzxjaXJjbGUgY3g9XCIxMVwiIGN5PVwiMTFcIiByPVwiNi41XCIvPjxwYXRoIGQ9XCJtMjAgMjAtNC00XCIvPicsXG4gICd1c2Vycyc6ICc8Y2lyY2xlIGN4PVwiOVwiIGN5PVwiOC41XCIgcj1cIjMuNVwiLz48cGF0aCBkPVwiTTIuOCAxOS41YzEtMy4zIDMuNC01IDYuMi01czUuMiAxLjcgNi4yIDVNMTYgNS4yYTMuNCAzLjQgMCAwIDEgMCA2LjZNMTcuNiAxNC42YzEuOC42IDMgMi4yIDMuNiA0LjlcIi8+JyxcbiAgJ2NvaW5zJzogJzxlbGxpcHNlIGN4PVwiOVwiIGN5PVwiN1wiIHJ4PVwiNS41XCIgcnk9XCIyLjVcIi8+PHBhdGggZD1cIk0zLjUgN3Y0YzAgMS40IDIuNSAyLjUgNS41IDIuNXM1LjUtMS4xIDUuNS0yLjVWN1wiLz48cGF0aCBkPVwiTTkuNSAxNS44Yy45IDEgMi45IDEuNyA1IDEuNyAzIDAgNS41LTEuMSA1LjUtMi41di00YzAtMS4yLTEuOC0yLjItNC4zLTIuNFwiLz4nLFxuICAnZXh0JzogJzxwYXRoIGQ9XCJNMTQgNGg2djZNMjAgNGwtOSA5TTE4IDE0djRhMiAyIDAgMCAxLTIgMkg2YTIgMiAwIDAgMS0yLTJWOGEyIDIgMCAwIDEgMi0yaDRcIi8+JyxcbiAgJ3VuZG8nOiAnPHBhdGggZD1cIk05IDE0IDQgOWw1LTVcIi8+PHBhdGggZD1cIk00IDloMTAuNWE1LjUgNS41IDAgMCAxIDAgMTFIMTFcIi8+JyxcbiAgJ3JlZG8nOiAnPHBhdGggZD1cIm0xNSAxNCA1LTUtNS01XCIvPjxwYXRoIGQ9XCJNMjAgOUg5LjVhNS41IDUuNSAwIDAgMCAwIDExSDEzXCIvPicsXG4gICdzdG9wJzogJzxyZWN0IHg9XCI2XCIgeT1cIjZcIiB3aWR0aD1cIjEyXCIgaGVpZ2h0PVwiMTJcIiByeD1cIjJcIi8+JyxcbiAgJ3RyYXNoJzogJzxwYXRoIGQ9XCJNNC41IDdoMTVNMTAgNGg0TTYuNSA3bDEgMTNoOWwxLTEzTTEwIDExdjVNMTQgMTF2NVwiLz4nLFxuICAnZWRpdCc6ICc8cGF0aCBkPVwiTTQgMjBoNEwxOSA5YTIuOCAyLjggMCAwIDAtNC00TDQgMTZ6XCIvPjxwYXRoIGQ9XCJtMTMuNSA2LjUgNCA0XCIvPicsXG4gICdtb3JlJzogJzxjaXJjbGUgY3g9XCI2XCIgY3k9XCIxMlwiIHI9XCIxLjJcIi8+PGNpcmNsZSBjeD1cIjEyXCIgY3k9XCIxMlwiIHI9XCIxLjJcIi8+PGNpcmNsZSBjeD1cIjE4XCIgY3k9XCIxMlwiIHI9XCIxLjJcIi8+JyxcbiAgJ2NvbW1lbnQnOiAnPHBhdGggZD1cIk01LjUgNWgxM0ExLjUgMS41IDAgMCAxIDIwIDYuNXY4YTEuNSAxLjUgMCAwIDEtMS41IDEuNUgxMWwtNC4yIDMuM1YxNkg1LjVBMS41IDEuNSAwIDAgMSA0IDE0LjV2LThBMS41IDEuNSAwIDAgMSA1LjUgNXpcIi8+JyxcbiAgJ2ZpbGUtdGV4dCc6ICc8cGF0aCBkPVwiTTYgM2g4bDQgNHYxNEg2elwiLz48cGF0aCBkPVwiTTE0IDN2NGg0TTkgMTNoNk05IDE2LjVoNlwiLz4nLFxuICAndGVybSc6ICc8cmVjdCB4PVwiM1wiIHk9XCI0LjVcIiB3aWR0aD1cIjE4XCIgaGVpZ2h0PVwiMTVcIiByeD1cIjJcIi8+PHBhdGggZD1cIm03IDEwIDMgMi41TDcgMTVNMTIuNSAxNS41SDE3XCIvPicsXG4gICdwcic6ICc8Y2lyY2xlIGN4PVwiNlwiIGN5PVwiNlwiIHI9XCIyLjJcIi8+PGNpcmNsZSBjeD1cIjZcIiBjeT1cIjE4XCIgcj1cIjIuMlwiLz48Y2lyY2xlIGN4PVwiMThcIiBjeT1cIjE4XCIgcj1cIjIuMlwiLz48cGF0aCBkPVwiTTYgOC4ydjcuNk0xOCAxNS44VjlhMyAzIDAgMCAwLTMtM2gtNG0yLTItMiAyIDIgMlwiLz4nLFxuICAnZmlnbWEnOiAnPHBhdGggZD1cIk05IDNoM3Y2SDlhMyAzIDAgMCAxIDAtNnpNMTIgM2gzYTMgMyAwIDAgMSAwIDZoLTN6TTkgOWgzdjZIOWEzIDMgMCAwIDEgMC02ek0xNSA5YTMgMyAwIDEgMSAwIDYgMyAzIDAgMCAxIDAtNnpNOSAxNWgzdjNhMyAzIDAgMSAxLTMtM3pcIi8+JyxcbiAgJ2dsb2JlJzogJzxjaXJjbGUgY3g9XCIxMlwiIGN5PVwiMTJcIiByPVwiOVwiLz48cGF0aCBkPVwiTTMgMTJoMThNMTIgM2MyLjYgMyAyLjYgMTUgMCAxOE0xMiAzYy0yLjYgMy0yLjYgMTUgMCAxOFwiLz4nLFxuICAnY3B1JzogJzxyZWN0IHg9XCI2XCIgeT1cIjZcIiB3aWR0aD1cIjEyXCIgaGVpZ2h0PVwiMTJcIiByeD1cIjJcIi8+PHJlY3QgeD1cIjkuNVwiIHk9XCI5LjVcIiB3aWR0aD1cIjVcIiBoZWlnaHQ9XCI1XCIgcng9XCIxXCIvPjxwYXRoIGQ9XCJNOSAzdjNNMTUgM3YzTTkgMTh2M00xNSAxOHYzTTMgOWgzTTMgMTVoM00xOCA5aDNNMTggMTVoM1wiLz4nLFxuICAnaGFuZCc6ICc8cGF0aCBkPVwiTTguMiAxM1Y3LjZhMS4yNSAxLjI1IDAgMCAxIDIuNSAwdjQuMk0xMC43IDExLjZWNS42YTEuMjUgMS4yNSAwIDAgMSAyLjUgMHY2TTEzLjIgMTEuNlY2LjZhMS4yNSAxLjI1IDAgMCAxIDIuNSAwdjUuMk0xNS43IDEyVjlhMS4yNSAxLjI1IDAgMCAxIDIuNSAwdjVjMCAzLjYtMi41IDYtNS44IDYtMi4yIDAtMy43LS45LTUtMi43bC0yLjMtMy4zYTEuMyAxLjMgMCAwIDEgMi4xLTEuNmwxIDEuM1wiLz4nLFxufTtcblxuLyoqIFNpemUgY2xhc3NlcyBhcyBpbiB0aGUgY29yZTogeHM9MTQsIHNtPTE2LCBtZD0yMCwgbGc9MjQuICovXG5jb25zdCBTSVpFUzogUmVjb3JkPHN0cmluZywgbnVtYmVyPiA9IHsgeHM6IDE0LCBzbTogMTYsIG1kOiAyMCwgbGc6IDI0IH07XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ZvLWljb24nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxzdmdcbiAgICAgIGNsYXNzPVwidm8taVwiXG4gICAgICBbY2xhc3Mudm8teHNdPVwic2l6ZSA9PT0gJ3hzJ1wiXG4gICAgICBbYXR0ci53aWR0aF09XCJweFwiXG4gICAgICBbYXR0ci5oZWlnaHRdPVwicHhcIlxuICAgICAgdmlld0JveD1cIjAgMCAyNCAyNFwiXG4gICAgICBmaWxsPVwibm9uZVwiXG4gICAgICBzdHJva2U9XCJjdXJyZW50Q29sb3JcIlxuICAgICAgc3Ryb2tlLXdpZHRoPVwiMS43NVwiXG4gICAgICBzdHJva2UtbGluZWNhcD1cInJvdW5kXCJcbiAgICAgIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCJcbiAgICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgICBbaW5uZXJIVE1MXT1cIm1hcmt1cFwiXG4gICAgPjwvc3ZnPlxuICBgLFxufSlcbmV4cG9ydCBjbGFzcyBWb0ljb25Db21wb25lbnQge1xuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSBuYW1lITogVm9JY29uTmFtZTtcbiAgQElucHV0KCkgc2l6ZTogJ3hzJyB8ICdzbScgfCAnbWQnIHwgJ2xnJyA9ICdtZCc7XG5cbiAgZ2V0IHB4KCk6IG51bWJlciB7XG4gICAgcmV0dXJuIFNJWkVTW3RoaXMuc2l6ZV0gPz8gMjA7XG4gIH1cblxuICAvLyBOb3RlOiBnbHlwaCBtYXJrdXAgY29tZXMgZnJvbSB0aGUgb3duIHN0YXRpYyBHTFlQSFMgdGFibGUgKG5vXG4gIC8vIHVzZXIgaW5wdXQpLCBzbyBpbm5lckhUTUwgaXMgdW5jcml0aWNhbCBoZXJlLlxuICBnZXQgbWFya3VwKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIEdMWVBIU1t0aGlzLm5hbWVdID8/ICcnO1xuICB9XG59XG4iXX0=
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
// framework/angular/core/reduced-motion.service.ts
|
|
2
|
+
//
|
|
3
|
+
// Angular equivalent of the React hook `useReducedMotion` from the Vanilla/React source.
|
|
4
|
+
// Components query `reduce()` before animating, and can re-render via the
|
|
5
|
+
// `prefersReduced` signal. Respects the media query
|
|
6
|
+
// (prefers-reduced-motion: reduce) and updates on change.
|
|
7
|
+
import { Injectable, signal } from '@angular/core';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
export class ReducedMotionService {
|
|
10
|
+
constructor() {
|
|
11
|
+
/** Reactive signal: true when the user prefers reduced motion. */
|
|
12
|
+
this.prefersReduced = signal(this.query());
|
|
13
|
+
this.mq = typeof matchMedia === 'function' ? matchMedia('(prefers-reduced-motion: reduce)') : null;
|
|
14
|
+
this.onChange = () => this.prefersReduced.set(this.query());
|
|
15
|
+
this.mq?.addEventListener?.('change', this.onChange);
|
|
16
|
+
}
|
|
17
|
+
/** Imperative access for setup code outside the template. */
|
|
18
|
+
reduce() {
|
|
19
|
+
return this.prefersReduced();
|
|
20
|
+
}
|
|
21
|
+
query() {
|
|
22
|
+
return this.mq?.matches ?? false;
|
|
23
|
+
}
|
|
24
|
+
ngOnDestroy() {
|
|
25
|
+
this.mq?.removeEventListener?.('change', this.onChange);
|
|
26
|
+
}
|
|
27
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ReducedMotionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
28
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ReducedMotionService, providedIn: 'root' }); }
|
|
29
|
+
}
|
|
30
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ReducedMotionService, decorators: [{
|
|
31
|
+
type: Injectable,
|
|
32
|
+
args: [{ providedIn: 'root' }]
|
|
33
|
+
}], ctorParameters: () => [] });
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVkdWNlZC1tb3Rpb24uc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvcmUvcmVkdWNlZC1tb3Rpb24uc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxtREFBbUQ7QUFDbkQsRUFBRTtBQUNGLHlGQUF5RjtBQUN6RiwwRUFBMEU7QUFDMUUsb0RBQW9EO0FBQ3BELDBEQUEwRDtBQUUxRCxPQUFPLEVBQUUsVUFBVSxFQUFhLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFHOUQsTUFBTSxPQUFPLG9CQUFvQjtJQVMvQjtRQVJBLGtFQUFrRTtRQUN6RCxtQkFBYyxHQUFHLE1BQU0sQ0FBVSxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQztRQUVoRCxPQUFFLEdBQ1IsT0FBTyxVQUFVLEtBQUssVUFBVSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsa0NBQWtDLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1FBRTFFLGFBQVEsR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQztRQUd0RSxJQUFJLENBQUMsRUFBRSxFQUFFLGdCQUFnQixFQUFFLENBQUMsUUFBUSxFQUFFLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUN2RCxDQUFDO0lBRUQsNkRBQTZEO0lBQzdELE1BQU07UUFDSixPQUFPLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUMvQixDQUFDO0lBRU8sS0FBSztRQUNYLE9BQU8sSUFBSSxDQUFDLEVBQUUsRUFBRSxPQUFPLElBQUksS0FBSyxDQUFDO0lBQ25DLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLEVBQUUsRUFBRSxtQkFBbUIsRUFBRSxDQUFDLFFBQVEsRUFBRSxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDMUQsQ0FBQzsrR0F4QlUsb0JBQW9CO21IQUFwQixvQkFBb0IsY0FEUCxNQUFNOzs0RkFDbkIsb0JBQW9CO2tCQURoQyxVQUFVO21CQUFDLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSIsInNvdXJjZXNDb250ZW50IjpbIi8vIGZyYW1ld29yay9hbmd1bGFyL2NvcmUvcmVkdWNlZC1tb3Rpb24uc2VydmljZS50c1xuLy9cbi8vIEFuZ3VsYXIgZXF1aXZhbGVudCBvZiB0aGUgUmVhY3QgaG9vayBgdXNlUmVkdWNlZE1vdGlvbmAgZnJvbSB0aGUgVmFuaWxsYS9SZWFjdCBzb3VyY2UuXG4vLyBDb21wb25lbnRzIHF1ZXJ5IGByZWR1Y2UoKWAgYmVmb3JlIGFuaW1hdGluZywgYW5kIGNhbiByZS1yZW5kZXIgdmlhIHRoZVxuLy8gYHByZWZlcnNSZWR1Y2VkYCBzaWduYWwuIFJlc3BlY3RzIHRoZSBtZWRpYSBxdWVyeVxuLy8gKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkgYW5kIHVwZGF0ZXMgb24gY2hhbmdlLlxuXG5pbXBvcnQgeyBJbmplY3RhYmxlLCBPbkRlc3Ryb3ksIHNpZ25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ASW5qZWN0YWJsZSh7IHByb3ZpZGVkSW46ICdyb290JyB9KVxuZXhwb3J0IGNsYXNzIFJlZHVjZWRNb3Rpb25TZXJ2aWNlIGltcGxlbWVudHMgT25EZXN0cm95IHtcbiAgLyoqIFJlYWN0aXZlIHNpZ25hbDogdHJ1ZSB3aGVuIHRoZSB1c2VyIHByZWZlcnMgcmVkdWNlZCBtb3Rpb24uICovXG4gIHJlYWRvbmx5IHByZWZlcnNSZWR1Y2VkID0gc2lnbmFsPGJvb2xlYW4+KHRoaXMucXVlcnkoKSk7XG5cbiAgcHJpdmF0ZSBtcTogTWVkaWFRdWVyeUxpc3QgfCBudWxsID1cbiAgICB0eXBlb2YgbWF0Y2hNZWRpYSA9PT0gJ2Z1bmN0aW9uJyA/IG1hdGNoTWVkaWEoJyhwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpJykgOiBudWxsO1xuXG4gIHByaXZhdGUgcmVhZG9ubHkgb25DaGFuZ2UgPSAoKSA9PiB0aGlzLnByZWZlcnNSZWR1Y2VkLnNldCh0aGlzLnF1ZXJ5KCkpO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHRoaXMubXE/LmFkZEV2ZW50TGlzdGVuZXI/LignY2hhbmdlJywgdGhpcy5vbkNoYW5nZSk7XG4gIH1cblxuICAvKiogSW1wZXJhdGl2ZSBhY2Nlc3MgZm9yIHNldHVwIGNvZGUgb3V0c2lkZSB0aGUgdGVtcGxhdGUuICovXG4gIHJlZHVjZSgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5wcmVmZXJzUmVkdWNlZCgpO1xuICB9XG5cbiAgcHJpdmF0ZSBxdWVyeSgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5tcT8ubWF0Y2hlcyA/PyBmYWxzZTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMubXE/LnJlbW92ZUV2ZW50TGlzdGVuZXI/LignY2hhbmdlJywgdGhpcy5vbkNoYW5nZSk7XG4gIH1cbn1cbiJdfQ==
|