@visuno/angular 0.0.0-stage → 0.1.0

package/esm2022/run-cost/run-cost.component.mjs

@@ -0,0 +1,215 @@
+// framework/angular/run-cost/run-cost.component.ts
+//
+// Native Angular port of framework/react/run-cost/RunCost.tsx.
+// Credits a run has used against its budget, with a cap the agent pauses at and
+// the tokens behind the number. Inputs mirror the React props; callback props
+// become @Output EventEmitters. The bar colour, the status tag and the cap
+// marker follow the React logic and the vanilla JS (run-cost.js).
+import { Component, EventEmitter, Input, Output, ViewEncapsulation, } from '@angular/core';
+import * as i0 from "@angular/core";
+const TONE = {
+    running: 'vo-b',
+    paused: 'vo-warn',
+    spent: 'vo-bad',
+};
+const ACTION = {
+    idle: 'Start run',
+    running: 'Stop',
+    stopped: 'Resume',
+    paused: 'Raise cap',
+    spent: 'Start over',
+};
+export class RunCostComponent {
+    constructor() {
+        /** Credits used so far. */
+        this.used = 0;
+        /** The whole budget, like 2000. */
+        this.budget = 2000;
+        /** Where the agent pauses, as a percentage of the budget. Defaults to 90. */
+        this.capAt = 90;
+        /** running is blue, paused (at the cap) amber, spent (the whole budget) red. */
+        this.status = 'idle';
+        this.title = 'Credits used';
+        /** Sits flat in a chat thread (the default). Set false to give it a card. */
+        this.bare = true;
+        this.action = new EventEmitter();
+        this.capChange = new EventEmitter();
+        this.innerCap = true;
+    }
+    get cap() {
+        return this.capOn ?? this.innerCap;
+    }
+    fmt(n) {
+        return Math.round(n).toLocaleString('en-US');
+    }
+    get roundedUsed() {
+        return Math.round(this.used);
+    }
+    get fillPct() {
+        return Math.max(0, Math.min(100, (this.used / this.budget) * 100));
+    }
+    get fillColor() {
+        return this.status === 'paused'
+            ? 'var(--vo-warn-mark)'
+            : 'var(--vo-accent-mark, var(--vo-accent))';
+    }
+    get toneClass() {
+        return TONE[this.status] ?? '';
+    }
+    get label() {
+        if (this.statusLabel)
+            return this.statusLabel;
+        const map = {
+            idle: 'Idle',
+            running: 'Running',
+            stopped: 'Stopped',
+            paused: `Paused at ${this.capAt}%`,
+            spent: 'Budget used',
+        };
+        return map[this.status];
+    }
+    get actionWords() {
+        return this.actionLabel ?? ACTION[this.status];
+    }
+    onCapToggle(e) {
+        e.preventDefault();
+        const next = !this.cap;
+        this.innerCap = next;
+        this.capChange.emit(next);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RunCostComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: RunCostComponent, isStandalone: true, selector: "vo-run-cost", inputs: { used: "used", budget: "budget", capAt: "capAt", capOn: "capOn", status: "status", statusLabel: "statusLabel", rows: "rows", actionLabel: "actionLabel", title: "title", bare: "bare" }, outputs: { action: "action", capChange: "capChange" }, ngImport: i0, template: `
+    <div
+      data-vo=""
+      class="vo-rc"
+      [class.vo-panel]="!bare"
+      [style.padding-inline]="bare ? '0' : null"
+    >
+      <div class="vo-rc-h">
+        <span class="vo-muted">{{ title }}</span>
+        <span class="vo-rc-st vo-tag" [class]="toneClass">
+          <span class="vo-dot"></span>
+          <span class="vo-sw vo-rc-stt">{{ label }}</span>
+        </span>
+      </div>
+      <div class="vo-rc-big">
+        <span class="vo-rc-n vo-num">{{ fmt(used) }}</span>
+        <span class="vo-muted"> / {{ fmt(budget) }}</span>
+      </div>
+      <div
+        class="vo-rc-track"
+        role="meter"
+        [attr.aria-label]="title"
+        [attr.aria-valuemin]="0"
+        [attr.aria-valuemax]="budget"
+        [attr.aria-valuenow]="roundedUsed"
+      >
+        <div class="vo-rc-fill" [style.width.%]="fillPct" [style.background]="fillColor"></div>
+        <div class="vo-rc-cap" [style.left.%]="capAt" [style.opacity]="cap ? 1 : 0.2" [attr.title]="'The agent pauses here'"></div>
+      </div>
+      @if (rows?.length) {
+        <div class="vo-rc-rows">
+          @for (r of rows; track r.label) {
+            <div><span>{{ r.label }}</span><span class="vo-num">{{ fmt(r.value) }}</span></div>
+          }
+        </div>
+      }
+      <div class="vo-rc-f">
+        <label class="vo-rc-cap-t" (click)="onCapToggle($event)">
+          <button type="button" class="vo-toggle" role="switch" [attr.aria-checked]="cap" [attr.aria-label]="'Pause at ' + capAt + ' percent'"></button>
+          <span>Pause at {{ capAt }}%</span>
+        </label>
+        <button
+          type="button"
+          class="vo-pill vo-sm vo-rc-go"
+          [class.vo-soft]="status === 'running' || status === 'stopped'"
+          [class.vo-primary]="status !== 'running' && status !== 'stopped'"
+          (click)="action.emit()"
+        >
+          <span class="vo-sw">{{ actionWords }}</span>
+        </button>
+      </div>
+    </div>
+  `, isInline: true, styles: [".vo-rc{padding:18px}.vo-rc-h{display:flex;align-items:center;justify-content:space-between;font-size:12.5px}.vo-rc-st{transition:background .3s,color .3s}.vo-rc-st.vo-warn .vo-dot{background:var(--vo-warn-mark)}.vo-rc-big{margin-top:6px;font-size:13px}.vo-rc-n{font-size:14px;font-weight:500;letter-spacing:-.8px}.vo-rc-track{position:relative;height:6px;border-radius:var(--vo-r-xs);background:var(--vo-chip);margin:14px 0 var(--vo-s-4)}.vo-rc-fill{height:100%;width:0;border-radius:var(--vo-r-xs);background:var(--vo-accent-mark,var(--vo-accent));transition:background .4s}.vo-rc-cap{position:absolute;left:90%;top:-5px;bottom:-5px;width:2px;border-radius:1px;background:var(--vo-fg2);transition:opacity .3s;cursor:default}.vo-rc-cap:before{content:\"\";position:absolute;inset:-6px -8px}.vo-rc-rows{display:flex;flex-direction:column;gap:2px}.vo-rc-rows div{display:flex;justify-content:space-between;padding:5px 0;font-size:13px;color:var(--vo-fg2)}.vo-rc-rows .vo-num{color:var(--vo-fg)}.vo-rc-f{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:var(--vo-s-3);padding-top:var(--vo-s-3);border-top:1px solid color-mix(in srgb,var(--vo-line) 50%,transparent)}.vo-rc-cap-t{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--vo-fg2);cursor:pointer}.vo-panel{background:var(--vo-surface);border-radius:var(--vo-r-card);box-shadow:var(--vo-shadow);position:relative}.vo-num{font-variant-numeric:tabular-nums}.vo-muted{color:var(--vo-muted)}.vo-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none;display:inline-block}.vo-sw{display:inline-block;transition:opacity .2s var(--vo-ease),filter .2s var(--vo-ease),transform .25s var(--vo-ease)}.vo-tag{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 7px;border-radius:var(--vo-r-tag);font-size:11.5px;font-weight:500;white-space:nowrap;background:var(--vo-chip);color:var(--vo-fg2)}.vo-tag.vo-b{background:var(--vo-pb-bg);color:var(--vo-pb)}.vo-tag.vo-warn{background:var(--vo-warn-bg);color:var(--vo-warn)}.vo-tag.vo-bad{background:var(--vo-bad-bg);color:var(--vo-bad)}.vo-toggle{width:30px;height:18px;border-radius:calc(9px * var(--vo-rk));background:color-mix(in srgb,var(--vo-muted) 80%,var(--vo-surface));position:relative;flex:none;cursor:pointer;transition:background var(--vo-t-fast)}.vo-toggle:after{content:\"\";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:transform var(--vo-t) var(--vo-ease)}.vo-toggle[aria-checked=true]{background:var(--vo-accent);box-shadow:inset 0 0 0 1px var(--vo-accent-mark,var(--vo-accent))}.vo-toggle[aria-checked=true]:after{transform:translate(12px);background:var(--vo-on-accent)}.vo-pill{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:32px;padding:0 14px;border-radius:var(--vo-r-pill);font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background var(--vo-t-fast),color var(--vo-t-fast),opacity var(--vo-t-fast),transform .15s}.vo-pill:active{transform:scale(.97)}.vo-pill.vo-primary{background:var(--vo-accent);color:var(--vo-on-accent)}@media (hover:hover) and (pointer:fine){.vo-pill.vo-primary:hover{background:var(--vo-accent-2)}}.vo-pill.vo-soft{background:var(--vo-soft);color:var(--vo-fg);box-shadow:var(--vo-soft-ring)}@media (hover:hover) and (pointer:fine){.vo-pill.vo-soft:hover{background:var(--vo-soft-h)}}.vo-pill.vo-sm{height:28px;padding:0 11px;font-size:12.5px}@supports (corner-shape:squircle){.vo-tag{corner-shape:squircle;border-radius:var(--vo-r-tag-sq)}}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RunCostComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vo-run-cost', standalone: true, encapsulation: ViewEncapsulation.None, template: `
+    <div
+      data-vo=""
+      class="vo-rc"
+      [class.vo-panel]="!bare"
+      [style.padding-inline]="bare ? '0' : null"
+    >
+      <div class="vo-rc-h">
+        <span class="vo-muted">{{ title }}</span>
+        <span class="vo-rc-st vo-tag" [class]="toneClass">
+          <span class="vo-dot"></span>
+          <span class="vo-sw vo-rc-stt">{{ label }}</span>
+        </span>
+      </div>
+      <div class="vo-rc-big">
+        <span class="vo-rc-n vo-num">{{ fmt(used) }}</span>
+        <span class="vo-muted"> / {{ fmt(budget) }}</span>
+      </div>
+      <div
+        class="vo-rc-track"
+        role="meter"
+        [attr.aria-label]="title"
+        [attr.aria-valuemin]="0"
+        [attr.aria-valuemax]="budget"
+        [attr.aria-valuenow]="roundedUsed"
+      >
+        <div class="vo-rc-fill" [style.width.%]="fillPct" [style.background]="fillColor"></div>
+        <div class="vo-rc-cap" [style.left.%]="capAt" [style.opacity]="cap ? 1 : 0.2" [attr.title]="'The agent pauses here'"></div>
+      </div>
+      @if (rows?.length) {
+        <div class="vo-rc-rows">
+          @for (r of rows; track r.label) {
+            <div><span>{{ r.label }}</span><span class="vo-num">{{ fmt(r.value) }}</span></div>
+          }
+        </div>
+      }
+      <div class="vo-rc-f">
+        <label class="vo-rc-cap-t" (click)="onCapToggle($event)">
+          <button type="button" class="vo-toggle" role="switch" [attr.aria-checked]="cap" [attr.aria-label]="'Pause at ' + capAt + ' percent'"></button>
+          <span>Pause at {{ capAt }}%</span>
+        </label>
+        <button
+          type="button"
+          class="vo-pill vo-sm vo-rc-go"
+          [class.vo-soft]="status === 'running' || status === 'stopped'"
+          [class.vo-primary]="status !== 'running' && status !== 'stopped'"
+          (click)="action.emit()"
+        >
+          <span class="vo-sw">{{ actionWords }}</span>
+        </button>
+      </div>
+    </div>
+  `, styles: [".vo-rc{padding:18px}.vo-rc-h{display:flex;align-items:center;justify-content:space-between;font-size:12.5px}.vo-rc-st{transition:background .3s,color .3s}.vo-rc-st.vo-warn .vo-dot{background:var(--vo-warn-mark)}.vo-rc-big{margin-top:6px;font-size:13px}.vo-rc-n{font-size:14px;font-weight:500;letter-spacing:-.8px}.vo-rc-track{position:relative;height:6px;border-radius:var(--vo-r-xs);background:var(--vo-chip);margin:14px 0 var(--vo-s-4)}.vo-rc-fill{height:100%;width:0;border-radius:var(--vo-r-xs);background:var(--vo-accent-mark,var(--vo-accent));transition:background .4s}.vo-rc-cap{position:absolute;left:90%;top:-5px;bottom:-5px;width:2px;border-radius:1px;background:var(--vo-fg2);transition:opacity .3s;cursor:default}.vo-rc-cap:before{content:\"\";position:absolute;inset:-6px -8px}.vo-rc-rows{display:flex;flex-direction:column;gap:2px}.vo-rc-rows div{display:flex;justify-content:space-between;padding:5px 0;font-size:13px;color:var(--vo-fg2)}.vo-rc-rows .vo-num{color:var(--vo-fg)}.vo-rc-f{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:var(--vo-s-3);padding-top:var(--vo-s-3);border-top:1px solid color-mix(in srgb,var(--vo-line) 50%,transparent)}.vo-rc-cap-t{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--vo-fg2);cursor:pointer}.vo-panel{background:var(--vo-surface);border-radius:var(--vo-r-card);box-shadow:var(--vo-shadow);position:relative}.vo-num{font-variant-numeric:tabular-nums}.vo-muted{color:var(--vo-muted)}.vo-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none;display:inline-block}.vo-sw{display:inline-block;transition:opacity .2s var(--vo-ease),filter .2s var(--vo-ease),transform .25s var(--vo-ease)}.vo-tag{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 7px;border-radius:var(--vo-r-tag);font-size:11.5px;font-weight:500;white-space:nowrap;background:var(--vo-chip);color:var(--vo-fg2)}.vo-tag.vo-b{background:var(--vo-pb-bg);color:var(--vo-pb)}.vo-tag.vo-warn{background:var(--vo-warn-bg);color:var(--vo-warn)}.vo-tag.vo-bad{background:var(--vo-bad-bg);color:var(--vo-bad)}.vo-toggle{width:30px;height:18px;border-radius:calc(9px * var(--vo-rk));background:color-mix(in srgb,var(--vo-muted) 80%,var(--vo-surface));position:relative;flex:none;cursor:pointer;transition:background var(--vo-t-fast)}.vo-toggle:after{content:\"\";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:transform var(--vo-t) var(--vo-ease)}.vo-toggle[aria-checked=true]{background:var(--vo-accent);box-shadow:inset 0 0 0 1px var(--vo-accent-mark,var(--vo-accent))}.vo-toggle[aria-checked=true]:after{transform:translate(12px);background:var(--vo-on-accent)}.vo-pill{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:32px;padding:0 14px;border-radius:var(--vo-r-pill);font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background var(--vo-t-fast),color var(--vo-t-fast),opacity var(--vo-t-fast),transform .15s}.vo-pill:active{transform:scale(.97)}.vo-pill.vo-primary{background:var(--vo-accent);color:var(--vo-on-accent)}@media (hover:hover) and (pointer:fine){.vo-pill.vo-primary:hover{background:var(--vo-accent-2)}}.vo-pill.vo-soft{background:var(--vo-soft);color:var(--vo-fg);box-shadow:var(--vo-soft-ring)}@media (hover:hover) and (pointer:fine){.vo-pill.vo-soft:hover{background:var(--vo-soft-h)}}.vo-pill.vo-sm{height:28px;padding:0 11px;font-size:12.5px}@supports (corner-shape:squircle){.vo-tag{corner-shape:squircle;border-radius:var(--vo-r-tag-sq)}}\n"] }]
+        }], propDecorators: { used: [{
+                type: Input
+            }], budget: [{
+                type: Input
+            }], capAt: [{
+                type: Input
+            }], capOn: [{
+                type: Input
+            }], status: [{
+                type: Input
+            }], statusLabel: [{
+                type: Input
+            }], rows: [{
+                type: Input
+            }], actionLabel: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], bare: [{
+                type: Input
+            }], action: [{
+                type: Output
+            }], capChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicnVuLWNvc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vcnVuLWNvc3QvcnVuLWNvc3QuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLG1EQUFtRDtBQUNuRCxFQUFFO0FBQ0YsK0RBQStEO0FBQy9ELGdGQUFnRjtBQUNoRiw4RUFBOEU7QUFDOUUsMkVBQTJFO0FBQzNFLGtFQUFrRTtBQUVsRSxPQUFPLEVBQ0wsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQzs7QUFVdkIsTUFBTSxJQUFJLEdBQTJDO0lBQ25ELE9BQU8sRUFBRSxNQUFNO0lBQ2YsTUFBTSxFQUFFLFNBQVM7SUFDakIsS0FBSyxFQUFFLFFBQVE7Q0FDaEIsQ0FBQztBQUNGLE1BQU0sTUFBTSxHQUFrQztJQUM1QyxJQUFJLEVBQUUsV0FBVztJQUNqQixPQUFPLEVBQUUsTUFBTTtJQUNmLE9BQU8sRUFBRSxRQUFRO0lBQ2pCLE1BQU0sRUFBRSxXQUFXO0lBQ25CLEtBQUssRUFBRSxZQUFZO0NBQ3BCLENBQUM7QUE2REYsTUFBTSxPQUFPLGdCQUFnQjtJQTNEN0I7UUE0REUsMkJBQTJCO1FBQ2xCLFNBQUksR0FBRyxDQUFDLENBQUM7UUFDbEIsbUNBQW1DO1FBQzFCLFdBQU0sR0FBRyxJQUFJLENBQUM7UUFDdkIsNkVBQTZFO1FBQ3BFLFVBQUssR0FBRyxFQUFFLENBQUM7UUFHcEIsZ0ZBQWdGO1FBQ3ZFLFdBQU0sR0FBa0IsTUFBTSxDQUFDO1FBTy9CLFVBQUssR0FBRyxjQUFjLENBQUM7UUFDaEMsNkVBQTZFO1FBQ3BFLFNBQUksR0FBRyxJQUFJLENBQUM7UUFFWCxXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUNsQyxjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUUxQyxhQUFRLEdBQUcsSUFBSSxDQUFDO0tBa0R6QjtJQWhEQyxJQUFJLEdBQUc7UUFDTCxPQUFPLElBQUksQ0FBQyxLQUFLLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUNyQyxDQUFDO0lBRUQsR0FBRyxDQUFDLENBQVM7UUFDWCxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsY0FBYyxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQy9DLENBQUM7SUFFRCxJQUFJLFdBQVc7UUFDYixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQy9CLENBQUM7SUFFRCxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxFQUFFLElBQUksQ0FBQyxHQUFHLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsR0FBRyxDQUFDLENBQUMsQ0FBQztJQUNyRSxDQUFDO0lBRUQsSUFBSSxTQUFTO1FBQ1gsT0FBTyxJQUFJLENBQUMsTUFBTSxLQUFLLFFBQVE7WUFDN0IsQ0FBQyxDQUFDLHFCQUFxQjtZQUN2QixDQUFDLENBQUMseUNBQXlDLENBQUM7SUFDaEQsQ0FBQztJQUVELElBQUksU0FBUztRQUNYLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDakMsQ0FBQztJQUVELElBQUksS0FBSztRQUNQLElBQUksSUFBSSxDQUFDLFdBQVc7WUFBRSxPQUFPLElBQUksQ0FBQyxXQUFXLENBQUM7UUFDOUMsTUFBTSxHQUFHLEdBQWtDO1lBQ3pDLElBQUksRUFBRSxNQUFNO1lBQ1osT0FBTyxFQUFFLFNBQVM7WUFDbEIsT0FBTyxFQUFFLFNBQVM7WUFDbEIsTUFBTSxFQUFFLGFBQWEsSUFBSSxDQUFDLEtBQUssR0FBRztZQUNsQyxLQUFLLEVBQUUsYUFBYTtTQUNyQixDQUFDO1FBQ0YsT0FBTyxHQUFHLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQzFCLENBQUM7SUFFRCxJQUFJLFdBQVc7UUFDYixPQUFPLElBQUksQ0FBQyxXQUFXLElBQUksTUFBTSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNqRCxDQUFDO0lBRUQsV0FBVyxDQUFDLENBQVE7UUFDbEIsQ0FBQyxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQ25CLE1BQU0sSUFBSSxHQUFHLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQztRQUN2QixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQztRQUNyQixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM1QixDQUFDOytHQXpFVSxnQkFBZ0I7bUdBQWhCLGdCQUFnQixnVUF2RGpCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBb0RUOzs0RkFHVSxnQkFBZ0I7a0JBM0Q1QixTQUFTOytCQUNFLGFBQWEsY0FDWCxJQUFJLGlCQUNELGlCQUFpQixDQUFDLElBQUksWUFDM0I7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FvRFQ7OEJBS1EsSUFBSTtzQkFBWixLQUFLO2dCQUVHLE1BQU07c0JBQWQsS0FBSztnQkFFRyxLQUFLO3NCQUFiLEtBQUs7Z0JBRUcsS0FBSztzQkFBYixLQUFLO2dCQUVHLE1BQU07c0JBQWQsS0FBSztnQkFFRyxXQUFXO3NCQUFuQixLQUFLO2dCQUVHLElBQUk7c0JBQVosS0FBSztnQkFFRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFFRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRUksTUFBTTtzQkFBZixNQUFNO2dCQUNHLFNBQVM7c0JBQWxCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyIvLyBmcmFtZXdvcmsvYW5ndWxhci9ydW4tY29zdC9ydW4tY29zdC5jb21wb25lbnQudHNcbi8vXG4vLyBOYXRpdmUgQW5ndWxhciBwb3J0IG9mIGZyYW1ld29yay9yZWFjdC9ydW4tY29zdC9SdW5Db3N0LnRzeC5cbi8vIENyZWRpdHMgYSBydW4gaGFzIHVzZWQgYWdhaW5zdCBpdHMgYnVkZ2V0LCB3aXRoIGEgY2FwIHRoZSBhZ2VudCBwYXVzZXMgYXQgYW5kXG4vLyB0aGUgdG9rZW5zIGJlaGluZCB0aGUgbnVtYmVyLiBJbnB1dHMgbWlycm9yIHRoZSBSZWFjdCBwcm9wczsgY2FsbGJhY2sgcHJvcHNcbi8vIGJlY29tZSBAT3V0cHV0IEV2ZW50RW1pdHRlcnMuIFRoZSBiYXIgY29sb3VyLCB0aGUgc3RhdHVzIHRhZyBhbmQgdGhlIGNhcFxuLy8gbWFya2VyIGZvbGxvdyB0aGUgUmVhY3QgbG9naWMgYW5kIHRoZSB2YW5pbGxhIEpTIChydW4tY29zdC5qcykuXG5cbmltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCB0eXBlIFJ1bkNvc3RTdGF0dXMgPSAnaWRsZScgfCAncnVubmluZycgfCAnc3RvcHBlZCcgfCAncGF1c2VkJyB8ICdzcGVudCc7XG5cbi8qKiBPbmUgbGluZSBpbiB0aGUgYnJlYWtkb3duIHVuZGVyIHRoZSBiYXIsIGxpa2UgXCJJbnB1dCB0b2tlbnNcIi4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgUnVuQ29zdFJvdyB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIHZhbHVlOiBudW1iZXI7XG59XG5cbmNvbnN0IFRPTkU6IFBhcnRpYWw8UmVjb3JkPFJ1bkNvc3RTdGF0dXMsIHN0cmluZz4+ID0ge1xuICBydW5uaW5nOiAndm8tYicsXG4gIHBhdXNlZDogJ3ZvLXdhcm4nLFxuICBzcGVudDogJ3ZvLWJhZCcsXG59O1xuY29uc3QgQUNUSU9OOiBSZWNvcmQ8UnVuQ29zdFN0YXR1cywgc3RyaW5nPiA9IHtcbiAgaWRsZTogJ1N0YXJ0IHJ1bicsXG4gIHJ1bm5pbmc6ICdTdG9wJyxcbiAgc3RvcHBlZDogJ1Jlc3VtZScsXG4gIHBhdXNlZDogJ1JhaXNlIGNhcCcsXG4gIHNwZW50OiAnU3RhcnQgb3ZlcicsXG59O1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2by1ydW4tY29zdCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdlxuICAgICAgZGF0YS12bz1cIlwiXG4gICAgICBjbGFzcz1cInZvLXJjXCJcbiAgICAgIFtjbGFzcy52by1wYW5lbF09XCIhYmFyZVwiXG4gICAgICBbc3R5bGUucGFkZGluZy1pbmxpbmVdPVwiYmFyZSA/ICcwJyA6IG51bGxcIlxuICAgID5cbiAgICAgIDxkaXYgY2xhc3M9XCJ2by1yYy1oXCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwidm8tbXV0ZWRcIj57eyB0aXRsZSB9fTwvc3Bhbj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJ2by1yYy1zdCB2by10YWdcIiBbY2xhc3NdPVwidG9uZUNsYXNzXCI+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2by1kb3RcIj48L3NwYW4+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2by1zdyB2by1yYy1zdHRcIj57eyBsYWJlbCB9fTwvc3Bhbj5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwidm8tcmMtYmlnXCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwidm8tcmMtbiB2by1udW1cIj57eyBmbXQodXNlZCkgfX08L3NwYW4+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwidm8tbXV0ZWRcIj4gLyB7eyBmbXQoYnVkZ2V0KSB9fTwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdlxuICAgICAgICBjbGFzcz1cInZvLXJjLXRyYWNrXCJcbiAgICAgICAgcm9sZT1cIm1ldGVyXCJcbiAgICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCJ0aXRsZVwiXG4gICAgICAgIFthdHRyLmFyaWEtdmFsdWVtaW5dPVwiMFwiXG4gICAgICAgIFthdHRyLmFyaWEtdmFsdWVtYXhdPVwiYnVkZ2V0XCJcbiAgICAgICAgW2F0dHIuYXJpYS12YWx1ZW5vd109XCJyb3VuZGVkVXNlZFwiXG4gICAgICA+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ2by1yYy1maWxsXCIgW3N0eWxlLndpZHRoLiVdPVwiZmlsbFBjdFwiIFtzdHlsZS5iYWNrZ3JvdW5kXT1cImZpbGxDb2xvclwiPjwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwidm8tcmMtY2FwXCIgW3N0eWxlLmxlZnQuJV09XCJjYXBBdFwiIFtzdHlsZS5vcGFjaXR5XT1cImNhcCA/IDEgOiAwLjJcIiBbYXR0ci50aXRsZV09XCInVGhlIGFnZW50IHBhdXNlcyBoZXJlJ1wiPjwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgICBAaWYgKHJvd3M/Lmxlbmd0aCkge1xuICAgICAgICA8ZGl2IGNsYXNzPVwidm8tcmMtcm93c1wiPlxuICAgICAgICAgIEBmb3IgKHIgb2Ygcm93czsgdHJhY2sgci5sYWJlbCkge1xuICAgICAgICAgICAgPGRpdj48c3Bhbj57eyByLmxhYmVsIH19PC9zcGFuPjxzcGFuIGNsYXNzPVwidm8tbnVtXCI+e3sgZm10KHIudmFsdWUpIH19PC9zcGFuPjwvZGl2PlxuICAgICAgICAgIH1cbiAgICAgICAgPC9kaXY+XG4gICAgICB9XG4gICAgICA8ZGl2IGNsYXNzPVwidm8tcmMtZlwiPlxuICAgICAgICA8bGFiZWwgY2xhc3M9XCJ2by1yYy1jYXAtdFwiIChjbGljayk9XCJvbkNhcFRvZ2dsZSgkZXZlbnQpXCI+XG4gICAgICAgICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgY2xhc3M9XCJ2by10b2dnbGVcIiByb2xlPVwic3dpdGNoXCIgW2F0dHIuYXJpYS1jaGVja2VkXT1cImNhcFwiIFthdHRyLmFyaWEtbGFiZWxdPVwiJ1BhdXNlIGF0ICcgKyBjYXBBdCArICcgcGVyY2VudCdcIj48L2J1dHRvbj5cbiAgICAgICAgICA8c3Bhbj5QYXVzZSBhdCB7eyBjYXBBdCB9fSU8L3NwYW4+XG4gICAgICAgIDwvbGFiZWw+XG4gICAgICAgIDxidXR0b25cbiAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICBjbGFzcz1cInZvLXBpbGwgdm8tc20gdm8tcmMtZ29cIlxuICAgICAgICAgIFtjbGFzcy52by1zb2Z0XT1cInN0YXR1cyA9PT0gJ3J1bm5pbmcnIHx8IHN0YXR1cyA9PT0gJ3N0b3BwZWQnXCJcbiAgICAgICAgICBbY2xhc3Mudm8tcHJpbWFyeV09XCJzdGF0dXMgIT09ICdydW5uaW5nJyAmJiBzdGF0dXMgIT09ICdzdG9wcGVkJ1wiXG4gICAgICAgICAgKGNsaWNrKT1cImFjdGlvbi5lbWl0KClcIlxuICAgICAgICA+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2by1zd1wiPnt7IGFjdGlvbldvcmRzIH19PC9zcGFuPlxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICBgLFxuICBzdHlsZVVybDogJy4vcnVuLWNvc3QuY3NzJyxcbn0pXG5leHBvcnQgY2xhc3MgUnVuQ29zdENvbXBvbmVudCB7XG4gIC8qKiBDcmVkaXRzIHVzZWQgc28gZmFyLiAqL1xuICBASW5wdXQoKSB1c2VkID0gMDtcbiAgLyoqIFRoZSB3aG9sZSBidWRnZXQsIGxpa2UgMjAwMC4gKi9cbiAgQElucHV0KCkgYnVkZ2V0ID0gMjAwMDtcbiAgLyoqIFdoZXJlIHRoZSBhZ2VudCBwYXVzZXMsIGFzIGEgcGVyY2VudGFnZSBvZiB0aGUgYnVkZ2V0LiBEZWZhdWx0cyB0byA5MC4gKi9cbiAgQElucHV0KCkgY2FwQXQgPSA5MDtcbiAgLyoqIFdoZXRoZXIgdGhlIGFnZW50IHBhdXNlcyBhdCB0aGUgY2FwLiBEZWZhdWx0cyB0byBvbi4gKi9cbiAgQElucHV0KCkgY2FwT24/OiBib29sZWFuO1xuICAvKiogcnVubmluZyBpcyBibHVlLCBwYXVzZWQgKGF0IHRoZSBjYXApIGFtYmVyLCBzcGVudCAodGhlIHdob2xlIGJ1ZGdldCkgcmVkLiAqL1xuICBASW5wdXQoKSBzdGF0dXM6IFJ1bkNvc3RTdGF0dXMgPSAnaWRsZSc7XG4gIC8qKiBXb3JkcyBpbiB0aGUgc3RhdHVzIHRhZy4gRGVmYXVsdHMgdG8gSWRsZSwgUnVubmluZywgU3RvcHBlZCwgXCJQYXVzZWQgYXQgTiVcIiBvciBcIkJ1ZGdldCB1c2VkXCIuICovXG4gIEBJbnB1dCgpIHN0YXR1c0xhYmVsPzogc3RyaW5nO1xuICAvKiogVGhlIGJyZWFrZG93biB1bmRlciB0aGUgYmFyLiAqL1xuICBASW5wdXQoKSByb3dzPzogUnVuQ29zdFJvd1tdO1xuICAvKiogV29yZHMgb24gdGhlIGJ1dHRvbi4gRGVmYXVsdHMgYnkgc3RhdHVzLiAqL1xuICBASW5wdXQoKSBhY3Rpb25MYWJlbD86IHN0cmluZztcbiAgQElucHV0KCkgdGl0bGUgPSAnQ3JlZGl0cyB1c2VkJztcbiAgLyoqIFNpdHMgZmxhdCBpbiBhIGNoYXQgdGhyZWFkICh0aGUgZGVmYXVsdCkuIFNldCBmYWxzZSB0byBnaXZlIGl0IGEgY2FyZC4gKi9cbiAgQElucHV0KCkgYmFyZSA9IHRydWU7XG5cbiAgQE91dHB1dCgpIGFjdGlvbiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQE91dHB1dCgpIGNhcENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICBwcml2YXRlIGlubmVyQ2FwID0gdHJ1ZTtcblxuICBnZXQgY2FwKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmNhcE9uID8/IHRoaXMuaW5uZXJDYXA7XG4gIH1cblxuICBmbXQobjogbnVtYmVyKTogc3RyaW5nIHtcbiAgICByZXR1cm4gTWF0aC5yb3VuZChuKS50b0xvY2FsZVN0cmluZygnZW4tVVMnKTtcbiAgfVxuXG4gIGdldCByb3VuZGVkVXNlZCgpOiBudW1iZXIge1xuICAgIHJldHVybiBNYXRoLnJvdW5kKHRoaXMudXNlZCk7XG4gIH1cblxuICBnZXQgZmlsbFBjdCgpOiBudW1iZXIge1xuICAgIHJldHVybiBNYXRoLm1heCgwLCBNYXRoLm1pbigxMDAsICh0aGlzLnVzZWQgLyB0aGlzLmJ1ZGdldCkgKiAxMDApKTtcbiAgfVxuXG4gIGdldCBmaWxsQ29sb3IoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5zdGF0dXMgPT09ICdwYXVzZWQnXG4gICAgICA/ICd2YXIoLS12by13YXJuLW1hcmspJ1xuICAgICAgOiAndmFyKC0tdm8tYWNjZW50LW1hcmssIHZhcigtLXZvLWFjY2VudCkpJztcbiAgfVxuXG4gIGdldCB0b25lQ2xhc3MoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gVE9ORVt0aGlzLnN0YXR1c10gPz8gJyc7XG4gIH1cblxuICBnZXQgbGFiZWwoKTogc3RyaW5nIHtcbiAgICBpZiAodGhpcy5zdGF0dXNMYWJlbCkgcmV0dXJuIHRoaXMuc3RhdHVzTGFiZWw7XG4gICAgY29uc3QgbWFwOiBSZWNvcmQ8UnVuQ29zdFN0YXR1cywgc3RyaW5nPiA9IHtcbiAgICAgIGlkbGU6ICdJZGxlJyxcbiAgICAgIHJ1bm5pbmc6ICdSdW5uaW5nJyxcbiAgICAgIHN0b3BwZWQ6ICdTdG9wcGVkJyxcbiAgICAgIHBhdXNlZDogYFBhdXNlZCBhdCAke3RoaXMuY2FwQXR9JWAsXG4gICAgICBzcGVudDogJ0J1ZGdldCB1c2VkJyxcbiAgICB9O1xuICAgIHJldHVybiBtYXBbdGhpcy5zdGF0dXNdO1xuICB9XG5cbiAgZ2V0IGFjdGlvbldvcmRzKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuYWN0aW9uTGFiZWwgPz8gQUNUSU9OW3RoaXMuc3RhdHVzXTtcbiAgfVxuXG4gIG9uQ2FwVG9nZ2xlKGU6IEV2ZW50KTogdm9pZCB7XG4gICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIGNvbnN0IG5leHQgPSAhdGhpcy5jYXA7XG4gICAgdGhpcy5pbm5lckNhcCA9IG5leHQ7XG4gICAgdGhpcy5jYXBDaGFuZ2UuZW1pdChuZXh0KTtcbiAgfVxufVxuIl19