@visuno/angular 0.0.0-stage → 0.1.0

package/esm2022/thread-panel/thread-panel.component.mjs

@@ -0,0 +1,271 @@
+// framework/angular/thread-panel/thread-panel.component.ts
+//
+// Native Angular port of framework/react/thread-panel/ThreadPanel.tsx.
+// Several conversations with an agent, one tab each, with a reply field under
+// the open one. The underline slides to the open tab; switching a thread
+// staggers its messages in, and a later message glides into view. Inputs mirror
+// the React props; the open thread and the draft can be controlled or left to
+// the component.
+import { Component, EventEmitter, Input, Output, ViewChild, ViewEncapsulation, inject, } from '@angular/core';
+import { VoIconComponent } from '../core/icon.component';
+import { ReducedMotionService } from '../core/reduced-motion.service';
+import * as i0 from "@angular/core";
+export class ThreadPanelComponent {
+    constructor() {
+        this.threads = [];
+        this.valueChange = new EventEmitter();
+        /** Called with the reply and the open thread's id. Add the message to that thread to show it. */
+        this.sendMessage = new EventEmitter();
+        this.defaultDraft = '';
+        this.draftChange = new EventEmitter();
+        this.placeholder = 'Reply to the agent';
+        /** Sits flat in a chat column (the default). Set false to give it a card of its own. */
+        this.bare = true;
+        this.motion = inject(ReducedMotionService);
+        this.ink = { left: 0, width: 0 };
+        // the number of messages already present when the open thread mounted; only
+        // later ones are new, and a user tab switch restarts the stagger from zero
+        this.first = 0;
+        this.draftUncontrolled = '';
+    }
+    get rootClass() {
+        return ['vo-thp', !this.bare ? 'vo-panel' : '', this.className ?? ''].filter(Boolean).join(' ');
+    }
+    get cur() {
+        return this.value ?? this.curUncontrolled ?? this.threads[0]?.id ?? '';
+    }
+    get thread() {
+        return this.threads.find((t) => t.id === this.cur) ?? this.threads[0];
+    }
+    get draft() {
+        return this.draftInput ?? this.draftUncontrolled;
+    }
+    ngOnChanges(changes) {
+        if (changes['defaultValue'] && this.curUncontrolled === undefined) {
+            this.curUncontrolled = this.defaultValue;
+        }
+        if (changes['defaultDraft'] && !changes['defaultDraft'].previousValue) {
+            this.draftUncontrolled = this.defaultDraft;
+        }
+        if (changes['threads']) {
+            this.first = this.thread?.messages.length ?? 0;
+        }
+        if (changes['value'] || changes['threads']) {
+            queueMicrotask(() => this.place());
+        }
+    }
+    ngAfterViewInit() {
+        if (this.draftUncontrolled === '')
+            this.draftUncontrolled = this.defaultDraft;
+        this.first = this.thread?.messages.length ?? 0;
+        this.place();
+        // keep the underline on the open tab as fonts load and the width changes
+        document.fonts?.ready.then(() => this.place());
+        this.ro = new ResizeObserver(() => this.place());
+        this.ro.observe(this.tabsRef.nativeElement);
+    }
+    ngOnDestroy() {
+        this.ro?.disconnect();
+    }
+    /** The underline slides to the open tab, 10px in from each side. */
+    place() {
+        const el = this.tabsRef?.nativeElement;
+        if (!el)
+            return;
+        const b = el.querySelector('[aria-selected="true"]');
+        if (b)
+            this.ink = { left: b.offsetLeft + 10, width: b.offsetWidth - 20 };
+    }
+    setCur(id) {
+        if (this.value === undefined) {
+            this.curUncontrolled = id;
+            // switching restarts the stagger, so every message comes in again
+            this.first = this.threads.find((t) => t.id === id)?.messages.length ?? 0;
+        }
+        this.valueChange.emit(id);
+        queueMicrotask(() => this.place());
+    }
+    onInput(e) {
+        const v = e.target.value;
+        if (this.draftInput === undefined)
+            this.draftUncontrolled = v;
+        this.draftChange.emit(v);
+    }
+    send(e) {
+        e.preventDefault();
+        const v = this.draft.trim();
+        const th = this.thread;
+        if (!v || !th)
+            return;
+        if (this.draftInput === undefined)
+            this.draftUncontrolled = '';
+        this.draftChange.emit('');
+        this.sendMessage.emit({ text: v, threadId: th.id });
+    }
+    delay(i) {
+        // the first messages stagger in; a later one simply glides, and none wait when motion is reduced
+        if (this.motion.reduce())
+            return 0;
+        return i < this.first ? i * 70 : 0;
+    }
+    messageKey(m, i) {
+        return (m.id ?? i) + (m.thinking ? '-t' : '');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ThreadPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ThreadPanelComponent, isStandalone: true, selector: "vo-thread-panel", inputs: { threads: "threads", value: "value", defaultValue: "defaultValue", draftInput: "draftInput", defaultDraft: "defaultDraft", placeholder: "placeholder", bare: "bare", className: "className" }, outputs: { valueChange: "valueChange", sendMessage: "sendMessage", draftChange: "draftChange" }, viewQueries: [{ propertyName: "tabsRef", first: true, predicate: ["tabs"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+    <div data-vo="" [class]="rootClass">
+      <div #tabs class="vo-thp-tabs" role="tablist">
+        @for (t of threads; track t.id) {
+          <button
+            type="button"
+            class="vo-thp-tab"
+            role="tab"
+            [attr.aria-selected]="t.id === thread?.id"
+            (click)="setCur(t.id)"
+          >
+            <span class="vo-dot" [style.color]="t.color ?? 'var(--vo-faint)'"></span>{{ t.title }}
+          </button>
+        }
+        <span class="vo-thp-ink" [style.left.px]="ink.left" [style.width.px]="ink.width"></span>
+      </div>
+
+      @if (thread; as th) {
+        <div class="vo-thp-body" aria-live="polite">
+          @for (m of th.messages; track messageKey(m, $index); let i = $index) {
+            @if (m.from === 'user') {
+              <div class="vo-bub vo-msg-in" [style.animation-delay.ms]="delay(i)">{{ m.text }}</div>
+            } @else if (m.thinking) {
+              <div class="vo-thp-ag vo-msg-in" [style.animation-delay.ms]="delay(i)">
+                <span class="vo-shim">{{ m.text || 'Thinking' }}</span>
+              </div>
+            } @else {
+              <div class="vo-thp-ag vo-msg-in" [style.animation-delay.ms]="delay(i)">
+                @if (m.sources?.length) {
+                  <div class="vo-src">
+                    @for (s of m.sources; track $index) {
+                      <button
+                        type="button"
+                        class="vo-fchip vo-lnk"
+                        [attr.data-tip]="s.tip ?? s.label"
+                        (click)="s.onClick?.()"
+                      >
+                        <vo-icon name="file-text" size="xs"></vo-icon>{{ s.label }}
+                      </button>
+                    }
+                  </div>
+                }
+                {{ m.text }}
+              </div>
+            }
+          }
+        </div>
+      }
+
+      <form class="vo-thp-in" (submit)="send($event)">
+        <input
+          class="vo-thp-field"
+          aria-label="Reply"
+          [placeholder]="placeholder"
+          [value]="draft"
+          (input)="onInput($event)"
+        />
+        <button type="submit" class="vo-thp-send" aria-label="Send" data-tip="Send" data-tip-k="↵" [disabled]="!draft.trim()">
+          <vo-icon name="chev-u" size="sm"></vo-icon>
+        </button>
+      </form>
+    </div>
+  `, isInline: true, styles: [".vo-thp{display:flex;flex-direction:column;height:360px;overflow:hidden}.vo-thp-tabs{display:flex;gap:var(--vo-s-1);padding:var(--vo-s-2) var(--vo-s-2) 0;border-bottom:1px solid color-mix(in srgb,var(--vo-line) 50%,transparent);position:relative;overflow-x:auto;scrollbar-width:none}.vo-thp-tab{display:flex;align-items:center;gap:7px;white-space:nowrap;flex:none;padding:7px 10px 10px;font-size:13px;color:var(--vo-muted);position:relative;transition:color .25s;cursor:pointer;background:none;border:0}@media (hover:hover) and (pointer:fine){.vo-thp-tab:hover{color:var(--vo-fg2)}}.vo-thp-tab:focus-visible{outline-offset:-2px}.vo-thp-tab[aria-selected=true]{color:var(--vo-fg)}.vo-thp-tab .vo-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.vo-thp-ink{position:absolute;bottom:0;height:2px;border-radius:2px;background:var(--vo-accent-mark,var(--vo-accent));transition:left .5s var(--vo-ease),width .5s var(--vo-ease)}.vo-thp-body{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:var(--vo-s-3);scrollbar-width:thin}.vo-thp-body .vo-bub{font-size:13.5px}.vo-thp-ag{font-size:13.5px;line-height:1.6;color:var(--vo-fg)}.vo-thp-ag .vo-src{display:flex;gap:6px;margin-bottom:6px;flex-wrap:wrap}.vo-thp-in{display:flex;align-items:center;gap:var(--vo-s-2);margin:0 10px 10px;padding:var(--vo-s-1) var(--vo-s-1) var(--vo-s-1) var(--vo-s-3);border-radius:var(--vo-r-field);background:var(--vo-surface);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vo-field-line) 50%,transparent);transition:box-shadow var(--vo-t-fast)}@supports (corner-shape:squircle){.vo-thp-in{corner-shape:squircle;border-radius:var(--vo-r-field-sq)}}.vo-thp-in:has(.vo-thp-field:focus){box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vo-field-line-strong) 50%,transparent)}.vo-thp-field{flex:1;min-width:0;border:0;outline:0;background:none;font-size:13.5px;height:32px;color:inherit;font-family:inherit}.vo-thp-field::placeholder{color:var(--vo-muted)}.vo-thp-send{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--vo-accent);color:var(--vo-on-accent);transition:opacity .25s,transform .15s;cursor:pointer;border:0}.vo-thp-send[disabled]{opacity:1;cursor:not-allowed;background:var(--vo-dis-hatch),var(--vo-dis-fill);color:var(--vo-dis);box-shadow:var(--vo-soft-ring)}.vo-thp-send:active{transform:scale(.92)}.vo-bub{align-self:flex-end;max-width:85%;padding:8px 12px;border-radius:var(--vo-r-inner);background:var(--vo-chip);color:var(--vo-fg);line-height:1.5}.vo-fchip{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:var(--vo-r-pill);background:var(--vo-chip);color:var(--vo-fg2);font-size:12px;cursor:pointer;border:0;transition:background var(--vo-t-fast),color var(--vo-t-fast)}@media (hover:hover) and (pointer:fine){.vo-fchip:hover{background:var(--vo-hover);color:var(--vo-fg)}}.vo-fchip.vo-lnk{background:none;padding:0 2px;height:auto;color:var(--vo-accent-fg)}@media (hover:hover) and (pointer:fine){.vo-fchip.vo-lnk:hover{background:none;text-decoration:underline}}.vo-shim{background:linear-gradient(90deg,var(--vo-muted) 25%,var(--vo-fg) 50%,var(--vo-muted) 75%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:vo-shim 1.4s linear infinite}@keyframes vo-shim{to{background-position:-200% 0}}.vo-msg-in{animation:vo-msgin .5s var(--vo-ease) both}@keyframes vo-msgin{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}\n"], dependencies: [{ kind: "component", type: VoIconComponent, selector: "vo-icon", inputs: ["name", "size"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ThreadPanelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vo-thread-panel', standalone: true, encapsulation: ViewEncapsulation.None, imports: [VoIconComponent], template: `
+    <div data-vo="" [class]="rootClass">
+      <div #tabs class="vo-thp-tabs" role="tablist">
+        @for (t of threads; track t.id) {
+          <button
+            type="button"
+            class="vo-thp-tab"
+            role="tab"
+            [attr.aria-selected]="t.id === thread?.id"
+            (click)="setCur(t.id)"
+          >
+            <span class="vo-dot" [style.color]="t.color ?? 'var(--vo-faint)'"></span>{{ t.title }}
+          </button>
+        }
+        <span class="vo-thp-ink" [style.left.px]="ink.left" [style.width.px]="ink.width"></span>
+      </div>
+
+      @if (thread; as th) {
+        <div class="vo-thp-body" aria-live="polite">
+          @for (m of th.messages; track messageKey(m, $index); let i = $index) {
+            @if (m.from === 'user') {
+              <div class="vo-bub vo-msg-in" [style.animation-delay.ms]="delay(i)">{{ m.text }}</div>
+            } @else if (m.thinking) {
+              <div class="vo-thp-ag vo-msg-in" [style.animation-delay.ms]="delay(i)">
+                <span class="vo-shim">{{ m.text || 'Thinking' }}</span>
+              </div>
+            } @else {
+              <div class="vo-thp-ag vo-msg-in" [style.animation-delay.ms]="delay(i)">
+                @if (m.sources?.length) {
+                  <div class="vo-src">
+                    @for (s of m.sources; track $index) {
+                      <button
+                        type="button"
+                        class="vo-fchip vo-lnk"
+                        [attr.data-tip]="s.tip ?? s.label"
+                        (click)="s.onClick?.()"
+                      >
+                        <vo-icon name="file-text" size="xs"></vo-icon>{{ s.label }}
+                      </button>
+                    }
+                  </div>
+                }
+                {{ m.text }}
+              </div>
+            }
+          }
+        </div>
+      }
+
+      <form class="vo-thp-in" (submit)="send($event)">
+        <input
+          class="vo-thp-field"
+          aria-label="Reply"
+          [placeholder]="placeholder"
+          [value]="draft"
+          (input)="onInput($event)"
+        />
+        <button type="submit" class="vo-thp-send" aria-label="Send" data-tip="Send" data-tip-k="↵" [disabled]="!draft.trim()">
+          <vo-icon name="chev-u" size="sm"></vo-icon>
+        </button>
+      </form>
+    </div>
+  `, styles: [".vo-thp{display:flex;flex-direction:column;height:360px;overflow:hidden}.vo-thp-tabs{display:flex;gap:var(--vo-s-1);padding:var(--vo-s-2) var(--vo-s-2) 0;border-bottom:1px solid color-mix(in srgb,var(--vo-line) 50%,transparent);position:relative;overflow-x:auto;scrollbar-width:none}.vo-thp-tab{display:flex;align-items:center;gap:7px;white-space:nowrap;flex:none;padding:7px 10px 10px;font-size:13px;color:var(--vo-muted);position:relative;transition:color .25s;cursor:pointer;background:none;border:0}@media (hover:hover) and (pointer:fine){.vo-thp-tab:hover{color:var(--vo-fg2)}}.vo-thp-tab:focus-visible{outline-offset:-2px}.vo-thp-tab[aria-selected=true]{color:var(--vo-fg)}.vo-thp-tab .vo-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.vo-thp-ink{position:absolute;bottom:0;height:2px;border-radius:2px;background:var(--vo-accent-mark,var(--vo-accent));transition:left .5s var(--vo-ease),width .5s var(--vo-ease)}.vo-thp-body{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:var(--vo-s-3);scrollbar-width:thin}.vo-thp-body .vo-bub{font-size:13.5px}.vo-thp-ag{font-size:13.5px;line-height:1.6;color:var(--vo-fg)}.vo-thp-ag .vo-src{display:flex;gap:6px;margin-bottom:6px;flex-wrap:wrap}.vo-thp-in{display:flex;align-items:center;gap:var(--vo-s-2);margin:0 10px 10px;padding:var(--vo-s-1) var(--vo-s-1) var(--vo-s-1) var(--vo-s-3);border-radius:var(--vo-r-field);background:var(--vo-surface);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vo-field-line) 50%,transparent);transition:box-shadow var(--vo-t-fast)}@supports (corner-shape:squircle){.vo-thp-in{corner-shape:squircle;border-radius:var(--vo-r-field-sq)}}.vo-thp-in:has(.vo-thp-field:focus){box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--vo-field-line-strong) 50%,transparent)}.vo-thp-field{flex:1;min-width:0;border:0;outline:0;background:none;font-size:13.5px;height:32px;color:inherit;font-family:inherit}.vo-thp-field::placeholder{color:var(--vo-muted)}.vo-thp-send{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--vo-accent);color:var(--vo-on-accent);transition:opacity .25s,transform .15s;cursor:pointer;border:0}.vo-thp-send[disabled]{opacity:1;cursor:not-allowed;background:var(--vo-dis-hatch),var(--vo-dis-fill);color:var(--vo-dis);box-shadow:var(--vo-soft-ring)}.vo-thp-send:active{transform:scale(.92)}.vo-bub{align-self:flex-end;max-width:85%;padding:8px 12px;border-radius:var(--vo-r-inner);background:var(--vo-chip);color:var(--vo-fg);line-height:1.5}.vo-fchip{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:var(--vo-r-pill);background:var(--vo-chip);color:var(--vo-fg2);font-size:12px;cursor:pointer;border:0;transition:background var(--vo-t-fast),color var(--vo-t-fast)}@media (hover:hover) and (pointer:fine){.vo-fchip:hover{background:var(--vo-hover);color:var(--vo-fg)}}.vo-fchip.vo-lnk{background:none;padding:0 2px;height:auto;color:var(--vo-accent-fg)}@media (hover:hover) and (pointer:fine){.vo-fchip.vo-lnk:hover{background:none;text-decoration:underline}}.vo-shim{background:linear-gradient(90deg,var(--vo-muted) 25%,var(--vo-fg) 50%,var(--vo-muted) 75%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:vo-shim 1.4s linear infinite}@keyframes vo-shim{to{background-position:-200% 0}}.vo-msg-in{animation:vo-msgin .5s var(--vo-ease) both}@keyframes vo-msgin{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}\n"] }]
+        }], propDecorators: { threads: [{
+                type: Input,
+                args: [{ required: true }]
+            }], value: [{
+                type: Input
+            }], defaultValue: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }], sendMessage: [{
+                type: Output
+            }], draftInput: [{
+                type: Input
+            }], defaultDraft: [{
+                type: Input
+            }], draftChange: [{
+                type: Output
+            }], placeholder: [{
+                type: Input
+            }], bare: [{
+                type: Input
+            }], className: [{
+                type: Input
+            }], tabsRef: [{
+                type: ViewChild,
+                args: ['tabs']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhyZWFkLXBhbmVsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3RocmVhZC1wYW5lbC90aHJlYWQtcGFuZWwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDJEQUEyRDtBQUMzRCxFQUFFO0FBQ0YsdUVBQXVFO0FBQ3ZFLDhFQUE4RTtBQUM5RSx5RUFBeUU7QUFDekUsZ0ZBQWdGO0FBQ2hGLDhFQUE4RTtBQUM5RSxpQkFBaUI7QUFFakIsT0FBTyxFQUVMLFNBQVMsRUFFVCxZQUFZLEVBQ1osS0FBSyxFQUdMLE1BQU0sRUFFTixTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDekQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7O0FBeUd0RSxNQUFNLE9BQU8sb0JBQW9CO0lBdEVqQztRQXVFNkIsWUFBTyxHQUFhLEVBQUUsQ0FBQztRQUt4QyxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFFbkQsaUdBQWlHO1FBQ3ZGLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQXNDLENBQUM7UUFJdEUsaUJBQVksR0FBRyxFQUFFLENBQUM7UUFDakIsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBRTFDLGdCQUFXLEdBQUcsb0JBQW9CLENBQUM7UUFFNUMsd0ZBQXdGO1FBQy9FLFNBQUksR0FBRyxJQUFJLENBQUM7UUFLSixXQUFNLEdBQUcsTUFBTSxDQUFDLG9CQUFvQixDQUFDLENBQUM7UUFFdkQsUUFBRyxHQUFRLEVBQUUsSUFBSSxFQUFFLENBQUMsRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFFLENBQUM7UUFDakMsNEVBQTRFO1FBQzVFLDJFQUEyRTtRQUNuRSxVQUFLLEdBQUcsQ0FBQyxDQUFDO1FBRVYsc0JBQWlCLEdBQUcsRUFB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Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0E4RFQ7OEJBSTBCLE9BQU87c0JBQWpDLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUdoQixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDSSxXQUFXO3NCQUFwQixNQUFNO2dCQUdHLFdBQVc7c0JBQXBCLE1BQU07Z0JBR0UsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNJLFdBQVc7c0JBQXBCLE1BQU07Z0JBRUUsV0FBVztzQkFBbkIsS0FBSztnQkFHRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFFcUIsT0FBTztzQkFBakMsU0FBUzt1QkFBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiLy8gZnJhbWV3b3JrL2FuZ3VsYXIvdGhyZWFkLXBhbmVsL3RocmVhZC1wYW5lbC5jb21wb25lbnQudHNcbi8vXG4vLyBOYXRpdmUgQW5ndWxhciBwb3J0IG9mIGZyYW1ld29yay9yZWFjdC90aHJlYWQtcGFuZWwvVGhyZWFkUGFuZWwudHN4LlxuLy8gU2V2ZXJhbCBjb252ZXJzYXRpb25zIHdpdGggYW4gYWdlbnQsIG9uZSB0YWIgZWFjaCwgd2l0aCBhIHJlcGx5IGZpZWxkIHVuZGVyXG4vLyB0aGUgb3BlbiBvbmUuIFRoZSB1bmRlcmxpbmUgc2xpZGVzIHRvIHRoZSBvcGVuIHRhYjsgc3dpdGNoaW5nIGEgdGhyZWFkXG4vLyBzdGFnZ2VycyBpdHMgbWVzc2FnZXMgaW4sIGFuZCBhIGxhdGVyIG1lc3NhZ2UgZ2xpZGVzIGludG8gdmlldy4gSW5wdXRzIG1pcnJvclxuLy8gdGhlIFJlYWN0IHByb3BzOyB0aGUgb3BlbiB0aHJlYWQgYW5kIHRoZSBkcmFmdCBjYW4gYmUgY29udHJvbGxlZCBvciBsZWZ0IHRvXG4vLyB0aGUgY29tcG9uZW50LlxuXG5pbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE9uQ2hhbmdlcyxcbiAgT25EZXN0cm95LFxuICBPdXRwdXQsXG4gIFNpbXBsZUNoYW5nZXMsXG4gIFZpZXdDaGlsZCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG4gIGluamVjdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBWb0ljb25Db21wb25lbnQgfSBmcm9tICcuLi9jb3JlL2ljb24uY29tcG9uZW50JztcbmltcG9ydCB7IFJlZHVjZWRNb3Rpb25TZXJ2aWNlIH0gZnJvbSAnLi4vY29yZS9yZWR1Y2VkLW1vdGlvbi5zZXJ2aWNlJztcblxuLyoqIEEgZmlsZSBvciBwYWdlIHRoZSBhZ2VudCB1c2VkLCBzaG93biBhcyBhIGNoaXAgYWJvdmUgaXRzIHJlcGx5LiAqL1xuZXhwb3J0IGludGVyZmFjZSBUaHJlYWRTb3VyY2Uge1xuICBsYWJlbDogc3RyaW5nO1xuICAvKiogVGhlIHRvb2x0aXAgc2hvd24gb24gaG92ZXIuIERlZmF1bHRzIHRvIHRoZSBsYWJlbC4gKi9cbiAgdGlwPzogc3RyaW5nO1xuICBvbkNsaWNrPzogKCkgPT4gdm9pZDtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBUaHJlYWRNZXNzYWdlIHtcbiAgLyoqIEtlZXBzIHRoZSBtZXNzYWdlIGluIHBsYWNlIHdoZW4gdGhlIGxpc3QgY2hhbmdlcy4gRGVmYXVsdHMgdG8gaXRzIHBvc2l0aW9uLiAqL1xuICBpZD86IHN0cmluZztcbiAgZnJvbTogJ3VzZXInIHwgJ2FnZW50JztcbiAgdGV4dDogc3RyaW5nO1xuICAvKiogRmlsZXMgb3IgcGFnZXMgdGhlIGFnZW50IHVzZWQsIHNob3duIGFzIGNoaXBzIGFib3ZlIGl0cyByZXBseS4gKi9cbiAgc291cmNlcz86IFRocmVhZFNvdXJjZVtdO1xuICAvKiogU2hvd3MgYSBzaGltbWVyaW5nIFwiVGhpbmtpbmdcIiAob3IgYHRleHRgLCBpZiBnaXZlbikgd2hpbGUgdGhlIGFnZW50IHdvcmtzIG9uIGEgcmVwbHkuICovXG4gIHRoaW5raW5nPzogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBUaHJlYWQge1xuICBpZDogc3RyaW5nO1xuICB0aXRsZTogc3RyaW5nO1xuICAvKiogVGhlIGRvdCBpbiBmcm9udCBvZiB0aGUgdGl0bGUsIGFueSBDU1MgY29sb3VyLCBsaWtlICd2YXIoLS12by1vay1tYXJrKScuIERlZmF1bHRzIHRvIGEgcXVpZXQgZ3JleS4gKi9cbiAgY29sb3I/OiBzdHJpbmc7XG4gIG1lc3NhZ2VzOiBUaHJlYWRNZXNzYWdlW107XG59XG5cbi8qKiBUaGUgdW5kZXJsaW5lIHBvc2l0aW9uIHVuZGVyIHRoZSBvcGVuIHRhYi4gKi9cbmludGVyZmFjZSBJbmsge1xuICBsZWZ0OiBudW1iZXI7XG4gIHdpZHRoOiBudW1iZXI7XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ZvLXRocmVhZC1wYW5lbCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGltcG9ydHM6IFtWb0ljb25Db21wb25lbnRdLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgZGF0YS12bz1cIlwiIFtjbGFzc109XCJyb290Q2xhc3NcIj5cbiAgICAgIDxkaXYgI3RhYnMgY2xhc3M9XCJ2by10aHAtdGFic1wiIHJvbGU9XCJ0YWJsaXN0XCI+XG4gICAgICAgIEBmb3IgKHQgb2YgdGhyZWFkczsgdHJhY2sgdC5pZCkge1xuICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgY2xhc3M9XCJ2by10aHAtdGFiXCJcbiAgICAgICAgICAgIHJvbGU9XCJ0YWJcIlxuICAgICAgICAgICAgW2F0dHIuYXJpYS1zZWxlY3RlZF09XCJ0LmlkID09PSB0aHJlYWQ/LmlkXCJcbiAgICAgICAgICAgIChjbGljayk9XCJzZXRDdXIodC5pZClcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidm8tZG90XCIgW3N0eWxlLmNvbG9yXT1cInQuY29sb3IgPz8gJ3ZhcigtLXZvLWZhaW50KSdcIj48L3NwYW4+e3sgdC50aXRsZSB9fVxuICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICB9XG4gICAgICAgIDxzcGFuIGNsYXNzPVwidm8tdGhwLWlua1wiIFtzdHlsZS5sZWZ0LnB4XT1cImluay5sZWZ0XCIgW3N0eWxlLndpZHRoLnB4XT1cImluay53aWR0aFwiPjwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuXG4gICAgICBAaWYgKHRocmVhZDsgYXMgdGgpIHtcbiAgICAgICAgPGRpdiBjbGFzcz1cInZvLXRocC1ib2R5XCIgYXJpYS1saXZlPVwicG9saXRlXCI+XG4gICAgICAgICAgQGZvciAobSBvZiB0aC5tZXNzYWdlczsgdHJhY2sgbWVzc2FnZUtleShtLCAkaW5kZXgpOyBsZXQgaSA9ICRpbmRleCkge1xuICAgICAgICAgICAgQGlmIChtLmZyb20gPT09ICd1c2VyJykge1xuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidm8tYnViIHZvLW1zZy1pblwiIFtzdHlsZS5hbmltYXRpb24tZGVsYXkubXNdPVwiZGVsYXkoaSlcIj57eyBtLnRleHQgfX08L2Rpdj5cbiAgICAgICAgICAgIH0gQGVsc2UgaWYgKG0udGhpbmtpbmcpIHtcbiAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInZvLXRocC1hZyB2by1tc2ctaW5cIiBbc3R5bGUuYW5pbWF0aW9uLWRlbGF5Lm1zXT1cImRlbGF5KGkpXCI+XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2by1zaGltXCI+e3sgbS50ZXh0IHx8ICdUaGlua2luZycgfX08L3NwYW4+XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgfSBAZWxzZSB7XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2by10aHAtYWcgdm8tbXNnLWluXCIgW3N0eWxlLmFuaW1hdGlvbi1kZWxheS5tc109XCJkZWxheShpKVwiPlxuICAgICAgICAgICAgICAgIEBpZiAobS5zb3VyY2VzPy5sZW5ndGgpIHtcbiAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2by1zcmNcIj5cbiAgICAgICAgICAgICAgICAgICAgQGZvciAocyBvZiBtLnNvdXJjZXM7IHRyYWNrICRpbmRleCkge1xuICAgICAgICAgICAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJ2by1mY2hpcCB2by1sbmtcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2F0dHIuZGF0YS10aXBdPVwicy50aXAgPz8gcy5sYWJlbFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwicy5vbkNsaWNrPy4oKVwiXG4gICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHZvLWljb24gbmFtZT1cImZpbGUtdGV4dFwiIHNpemU9XCJ4c1wiPjwvdm8taWNvbj57eyBzLmxhYmVsIH19XG4gICAgICAgICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB7eyBtLnRleHQgfX1cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIH1cblxuICAgICAgPGZvcm0gY2xhc3M9XCJ2by10aHAtaW5cIiAoc3VibWl0KT1cInNlbmQoJGV2ZW50KVwiPlxuICAgICAgICA8aW5wdXRcbiAgICAgICAgICBjbGFzcz1cInZvLXRocC1maWVsZFwiXG4gICAgICAgICAgYXJpYS1sYWJlbD1cIlJlcGx5XCJcbiAgICAgICAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxuICAgICAgICAgIFt2YWx1ZV09XCJkcmFmdFwiXG4gICAgICAgICAgKGlucHV0KT1cIm9uSW5wdXQoJGV2ZW50KVwiXG4gICAgICAgIC8+XG4gICAgICAgIDxidXR0b24gdHlwZT1cInN1Ym1pdFwiIGNsYXNzPVwidm8tdGhwLXNlbmRcIiBhcmlhLWxhYmVsPVwiU2VuZFwiIGRhdGEtdGlwPVwiU2VuZFwiIGRhdGEtdGlwLWs9XCLihrVcIiBbZGlzYWJsZWRdPVwiIWRyYWZ0LnRyaW0oKVwiPlxuICAgICAgICAgIDx2by1pY29uIG5hbWU9XCJjaGV2LXVcIiBzaXplPVwic21cIj48L3ZvLWljb24+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgPC9mb3JtPlxuICAgIDwvZGl2PlxuICBgLFxuICBzdHlsZVVybDogJy4vdGhyZWFkLXBhbmVsLmNzcycsXG59KVxuZXhwb3J0IGNsYXNzIFRocmVhZFBhbmVsQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzLCBBZnRlclZpZXdJbml0LCBPbkRlc3Ryb3kge1xuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSB0aHJlYWRzOiBUaHJlYWRbXSA9IFtdO1xuXG4gIC8qKiBUaGUgaWQgb2YgdGhlIG9wZW4gdGhyZWFkLiBMZWF2ZSBpdCBvdXQgdG8gbGV0IHRoZSB0YWJzIHN3aXRjaCBpdC4gKi9cbiAgQElucHV0KCkgdmFsdWU/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGRlZmF1bHRWYWx1ZT86IHN0cmluZztcbiAgQE91dHB1dCgpIHZhbHVlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgLyoqIENhbGxlZCB3aXRoIHRoZSByZXBseSBhbmQgdGhlIG9wZW4gdGhyZWFkJ3MgaWQuIEFkZCB0aGUgbWVzc2FnZSB0byB0aGF0IHRocmVhZCB0byBzaG93IGl0LiAqL1xuICBAT3V0cHV0KCkgc2VuZE1lc3NhZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHsgdGV4dDogc3RyaW5nOyB0aHJlYWRJZDogc3RyaW5nIH0+KCk7XG5cbiAgLyoqIFRoZSByZXBseSBiZWluZyB3cml0dGVuLiBMZWF2ZSBpdCBvdXQgdG8gbGV0IHRoZSBmaWVsZCBrZWVwIGl0cyBvd24uICovXG4gIEBJbnB1dCgpIGRyYWZ0SW5wdXQ/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGRlZmF1bHREcmFmdCA9ICcnO1xuICBAT3V0cHV0KCkgZHJhZnRDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICBASW5wdXQoKSBwbGFjZWhvbGRlciA9ICdSZXBseSB0byB0aGUgYWdlbnQnO1xuXG4gIC8qKiBTaXRzIGZsYXQgaW4gYSBjaGF0IGNvbHVtbiAodGhlIGRlZmF1bHQpLiBTZXQgZmFsc2UgdG8gZ2l2ZSBpdCBhIGNhcmQgb2YgaXRzIG93bi4gKi9cbiAgQElucHV0KCkgYmFyZSA9IHRydWU7XG4gIEBJbnB1dCgpIGNsYXNzTmFtZT86IHN0cmluZztcblxuICBAVmlld0NoaWxkKCd0YWJzJykgcHJpdmF0ZSB0YWJzUmVmITogRWxlbWVudFJlZjxIVE1MRGl2RWxlbWVudD47XG5cbiAgcHJpdmF0ZSByZWFkb25seSBtb3Rpb24gPSBpbmplY3QoUmVkdWNlZE1vdGlvblNlcnZpY2UpO1xuXG4gIGluazogSW5rID0geyBsZWZ0OiAwLCB3aWR0aDogMCB9O1xuICAvLyB0aGUgbnVtYmVyIG9mIG1lc3NhZ2VzIGFscmVhZHkgcHJlc2VudCB3aGVuIHRoZSBvcGVuIHRocmVhZCBtb3VudGVkOyBvbmx5XG4gIC8vIGxhdGVyIG9uZXMgYXJlIG5ldywgYW5kIGEgdXNlciB0YWIgc3dpdGNoIHJlc3RhcnRzIHRoZSBzdGFnZ2VyIGZyb20gemVyb1xuICBwcml2YXRlIGZpcnN0ID0gMDtcbiAgcHJpdmF0ZSBjdXJVbmNvbnRyb2xsZWQ/OiBzdHJpbmc7XG4gIHByaXZhdGUgZHJhZnRVbmNvbnRyb2xsZWQgPSAnJztcbiAgcHJpdmF0ZSBybz86IFJlc2l6ZU9ic2VydmVyO1xuXG4gIGdldCByb290Q2xhc3MoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gWyd2by10aHAnLCAhdGhpcy5iYXJlID8gJ3ZvLXBhbmVsJyA6ICcnLCB0aGlzLmNsYXNzTmFtZSA/PyAnJ10uZmlsdGVyKEJvb2xlYW4pLmpvaW4oJyAnKTtcbiAgfVxuXG4gIGdldCBjdXIoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy52YWx1ZSA/PyB0aGlzLmN1clVuY29udHJvbGxlZCA/PyB0aGlzLnRocmVhZHNbMF0/LmlkID8/ICcnO1xuICB9XG5cbiAgZ2V0IHRocmVhZCgpOiBUaHJlYWQgfCB1bmRlZmluZWQge1xuICAgIHJldHVybiB0aGlzLnRocmVhZHMuZmluZCgodCkgPT4gdC5pZCA9PT0gdGhpcy5jdXIpID8/IHRoaXMudGhyZWFkc1swXTtcbiAgfVxuXG4gIGdldCBkcmFmdCgpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLmRyYWZ0SW5wdXQgPz8gdGhpcy5kcmFmdFVuY29udHJvbGxlZDtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICBpZiAoY2hhbmdlc1snZGVmYXVsdFZhbHVlJ10gJiYgdGhpcy5jdXJVbmNvbnRyb2xsZWQgPT09IHVuZGVmaW5lZCkge1xuICAgICAgdGhpcy5jdXJVbmNvbnRyb2xsZWQgPSB0aGlzLmRlZmF1bHRWYWx1ZTtcbiAgICB9XG4gICAgaWYgKGNoYW5nZXNbJ2RlZmF1bHREcmFmdCddICYmICFjaGFuZ2VzWydkZWZhdWx0RHJhZnQnXS5wcmV2aW91c1ZhbHVlKSB7XG4gICAgICB0aGlzLmRyYWZ0VW5jb250cm9sbGVkID0gdGhpcy5kZWZhdWx0RHJhZnQ7XG4gICAgfVxuICAgIGlmIChjaGFuZ2VzWyd0aHJlYWRzJ10pIHtcbiAgICAgIHRoaXMuZmlyc3QgPSB0aGlzLnRocmVhZD8ubWVzc2FnZXMubGVuZ3RoID8/IDA7XG4gICAgfVxuICAgIGlmIChjaGFuZ2VzWyd2YWx1ZSddIHx8IGNoYW5nZXNbJ3RocmVhZHMnXSkge1xuICAgICAgcXVldWVNaWNyb3Rhc2soKCkgPT4gdGhpcy5wbGFjZSgpKTtcbiAgICB9XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuZHJhZnRVbmNvbnRyb2xsZWQgPT09ICcnKSB0aGlzLmRyYWZ0VW5jb250cm9sbGVkID0gdGhpcy5kZWZhdWx0RHJhZnQ7XG4gICAgdGhpcy5maXJzdCA9IHRoaXMudGhyZWFkPy5tZXNzYWdlcy5sZW5ndGggPz8gMDtcbiAgICB0aGlzLnBsYWNlKCk7XG4gICAgLy8ga2VlcCB0aGUgdW5kZXJsaW5lIG9uIHRoZSBvcGVuIHRhYiBhcyBmb250cyBsb2FkIGFuZCB0aGUgd2lkdGggY2hhbmdlc1xuICAgIChkb2N1bWVudCBhcyBEb2N1bWVudCAmIHsgZm9udHM/OiBGb250RmFjZVNldCB9KS5mb250cz8ucmVhZHkudGhlbigoKSA9PiB0aGlzLnBsYWNlKCkpO1xuICAgIHRoaXMucm8gPSBuZXcgUmVzaXplT2JzZXJ2ZXIoKCkgPT4gdGhpcy5wbGFjZSgpKTtcbiAgICB0aGlzLnJvLm9ic2VydmUodGhpcy50YWJzUmVmLm5hdGl2ZUVsZW1lbnQpO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5ybz8uZGlzY29ubmVjdCgpO1xuICB9XG5cbiAgLyoqIFRoZSB1bmRlcmxpbmUgc2xpZGVzIHRvIHRoZSBvcGVuIHRhYiwgMTBweCBpbiBmcm9tIGVhY2ggc2lkZS4gKi9cbiAgcHJpdmF0ZSBwbGFjZSgpOiB2b2lkIHtcbiAgICBjb25zdCBlbCA9IHRoaXMudGFic1JlZj8ubmF0aXZlRWxlbWVudDtcbiAgICBpZiAoIWVsKSByZXR1cm47XG4gICAgY29uc3QgYiA9IGVsLnF1ZXJ5U2VsZWN0b3I8SFRNTEVsZW1lbnQ+KCdbYXJpYS1zZWxlY3RlZD1cInRydWVcIl0nKTtcbiAgICBpZiAoYikgdGhpcy5pbmsgPSB7IGxlZnQ6IGIub2Zmc2V0TGVmdCArIDEwLCB3aWR0aDogYi5vZmZzZXRXaWR0aCAtIDIwIH07XG4gIH1cblxuICBzZXRDdXIoaWQ6IHN0cmluZyk6IHZvaWQge1xuICAgIGlmICh0aGlzLnZhbHVlID09PSB1bmRlZmluZWQpIHtcbiAgICAgIHRoaXMuY3VyVW5jb250cm9sbGVkID0gaWQ7XG4gICAgICAvLyBzd2l0Y2hpbmcgcmVzdGFydHMgdGhlIHN0YWdnZXIsIHNvIGV2ZXJ5IG1lc3NhZ2UgY29tZXMgaW4gYWdhaW5cbiAgICAgIHRoaXMuZmlyc3QgPSB0aGlzLnRocmVhZHMuZmluZCgodCkgPT4gdC5pZCA9PT0gaWQpPy5tZXNzYWdlcy5sZW5ndGggPz8gMDtcbiAgICB9XG4gICAgdGhpcy52YWx1ZUNoYW5nZS5lbWl0KGlkKTtcbiAgICBxdWV1ZU1pY3JvdGFzaygoKSA9PiB0aGlzLnBsYWNlKCkpO1xuICB9XG5cbiAgb25JbnB1dChlOiBFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IHYgPSAoZS50YXJnZXQgYXMgSFRNTElucHV0RWxlbWVudCkudmFsdWU7XG4gICAgaWYgKHRoaXMuZHJhZnRJbnB1dCA9PT0gdW5kZWZpbmVkKSB0aGlzLmRyYWZ0VW5jb250cm9sbGVkID0gdjtcbiAgICB0aGlzLmRyYWZ0Q2hhbmdlLmVtaXQodik7XG4gIH1cblxuICBzZW5kKGU6IEV2ZW50KTogdm9pZCB7XG4gICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIGNvbnN0IHYgPSB0aGlzLmRyYWZ0LnRyaW0oKTtcbiAgICBjb25zdCB0aCA9IHRoaXMudGhyZWFkO1xuICAgIGlmICghdiB8fCAhdGgpIHJldHVybjtcbiAgICBpZiAodGhpcy5kcmFmdElucHV0ID09PSB1bmRlZmluZWQpIHRoaXMuZHJhZnRVbmNvbnRyb2xsZWQgPSAnJztcbiAgICB0aGlzLmRyYWZ0Q2hhbmdlLmVtaXQoJycpO1xuICAgIHRoaXMuc2VuZE1lc3NhZ2UuZW1pdCh7IHRleHQ6IHYsIHRocmVhZElkOiB0aC5pZCB9KTtcbiAgfVxuXG4gIGRlbGF5KGk6IG51bWJlcik6IG51bWJlciB7XG4gICAgLy8gdGhlIGZpcnN0IG1lc3NhZ2VzIHN0YWdnZXIgaW47IGEgbGF0ZXIgb25lIHNpbXBseSBnbGlkZXMsIGFuZCBub25lIHdhaXQgd2hlbiBtb3Rpb24gaXMgcmVkdWNlZFxuICAgIGlmICh0aGlzLm1vdGlvbi5yZWR1Y2UoKSkgcmV0dXJuIDA7XG4gICAgcmV0dXJuIGkgPCB0aGlzLmZpcnN0ID8gaSAqIDcwIDogMDtcbiAgfVxuXG4gIG1lc3NhZ2VLZXkobTogVGhyZWFkTWVzc2FnZSwgaTogbnVtYmVyKTogc3RyaW5nIHtcbiAgICByZXR1cm4gKG0uaWQgPz8gaSkgKyAobS50aGlua2luZyA/ICctdCcgOiAnJyk7XG4gIH1cbn1cbiJdfQ==

package/esm2022/toast/toast.component.mjs

@@ -0,0 +1,195 @@
+// framework/angular/toast/toast.component.ts
+//
+// Native Angular port of framework/react/toast/Toast.tsx.
+// One toast at a time: a new one rises in while the last one slips away. The
+// tone picks the icon and its colour (loading spins). A new id swaps the toast;
+// the same id changes the text in place. Inputs mirror the React props.
+import { Component, EventEmitter, Input, Output, ViewEncapsulation, inject, } from '@angular/core';
+import { VoIconComponent } from '../core/icon.component';
+import { ReducedMotionService } from '../core/reduced-motion.service';
+import * as i0 from "@angular/core";
+const TONES = {
+    success: { icon: 'ok', color: 'var(--vo-ok)', bg: 'var(--vo-ok-bg)' },
+    error: { icon: 'alert', color: 'var(--vo-bad)', bg: 'var(--vo-bad-bg)' },
+    info: { icon: 'info', color: 'var(--vo-pb)', bg: 'var(--vo-pb-bg)' },
+    loading: { icon: null, color: 'var(--vo-fg)', bg: 'var(--vo-chip)' },
+};
+export class ToastComponent {
+    constructor() {
+        /** The toast to show, or null for none. */
+        this.toast = null;
+        /** Emitted by the close button. The toast leaves either way. */
+        this.dismiss = new EventEmitter();
+        this.motion = inject(ReducedMotionService);
+        /** The toasts rendered now: the current one plus any still playing their exit. */
+        this.shown = [];
+        // the close button hides the toast straight away, whether or not the parent clears it.
+        // it only suppresses the exact toast object it was pressed on, so the parent can show
+        // the same id again (set it to null and back, or replace it) and the toast returns
+        this.closed = null;
+        this.curId = null;
+        this.timers = new Set();
+    }
+    tone(t) {
+        return TONES[t.tone ?? 'success'];
+    }
+    ngOnChanges(changes) {
+        if (!changes['toast'])
+            return;
+        // a new prop value clears the close, so the same id can be shown again
+        if (this.closed && this.closed !== this.toast)
+            this.closed = null;
+        const target = this.toast && this.toast !== this.closed ? this.toast : null;
+        const nextId = target?.id ?? null;
+        if (nextId !== this.curId) {
+            // move the current one to leaving, then bring the new one in
+            this.shown = this.shown.map((s) => !s.leaving ? { ...s, leaving: true } : s);
+            const cur = this.shown.find((s) => s.leaving && s.toast.id === this.curId);
+            if (cur)
+                this.scheduleRemoval(cur);
+            if (target) {
+                this.shown = [...this.shown, { toast: target, leaving: false, key: 't' + target.id }];
+            }
+            this.curId = nextId;
+        }
+        else if (target) {
+            // same id: update the text in place
+            this.shown = this.shown.map((s) => !s.leaving ? { ...s, toast: target } : s);
+        }
+    }
+    scheduleRemoval(s) {
+        const t = setTimeout(() => {
+            this.shown = this.shown.filter((x) => x !== s);
+            this.timers.delete(t);
+        }, this.motion.reduce() ? 0 : 300);
+        this.timers.add(t);
+    }
+    runAction(a) {
+        if (!a.busy)
+            a.onClick();
+    }
+    close(t) {
+        this.closed = this.toast;
+        // play the exit at once
+        const s = this.shown.find((x) => !x.leaving && x.toast.id === t.id);
+        if (s) {
+            s.leaving = true;
+            this.scheduleRemoval(s);
+        }
+        this.curId = null;
+        this.dismiss.emit(t.id);
+    }
+    ngOnDestroy() {
+        this.timers.forEach((t) => clearTimeout(t));
+        this.timers.clear();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ToastComponent, isStandalone: true, selector: "vo-toast", inputs: { toast: "toast" }, outputs: { dismiss: "dismiss" }, usesOnChanges: true, ngImport: i0, template: `
+    <div data-vo="" class="vo-tst-slot" aria-live="polite">
+      @for (s of shown; track s.key) {
+        <div
+          class="vo-tst-t"
+          [class.vo-tst-out]="s.leaving"
+          [class.vo-tst-in]="!s.leaving"
+          role="status"
+          [attr.inert]="s.leaving ? '' : null"
+        >
+          <span class="vo-g" [style.color]="tone(s.toast).color" [style.background]="tone(s.toast).bg">
+            @if (tone(s.toast).icon; as ic) {
+              <vo-icon [name]="ic"></vo-icon>
+            } @else {
+              <span class="vo-spin" aria-hidden="true"></span>
+            }
+          </span>
+          <div class="vo-tx">
+            <b>{{ s.toast.title }}</b>
+            @if (s.toast.description !== undefined) {
+              <span>{{ s.toast.description }}</span>
+            }
+          </div>
+          <div class="vo-acts">
+            @if (s.toast.action; as a) {
+              <button
+                type="button"
+                class="vo-pill vo-sm"
+                [class.vo-primary]="a.variant === 'primary' || a.variant === 'ink'"
+                [class.vo-ghost]="a.variant !== 'primary' && a.variant !== 'ink'"
+                [attr.aria-busy]="a.busy ? true : null"
+                (click)="runAction(a)"
+              >
+                @if (a.busy) {
+                  <span class="vo-spin" aria-hidden="true"></span>
+                } @else {
+                  {{ a.label }}
+                }
+              </button>
+            }
+            @if (!s.leaving) {
+              <button type="button" class="vo-ib" aria-label="Dismiss" (click)="close(s.toast)">
+                <vo-icon name="x"></vo-icon>
+              </button>
+            }
+          </div>
+        </div>
+      }
+    </div>
+  `, isInline: true, styles: [".vo-tst-slot{min-height:64px;width:100%;display:grid;justify-items:center;align-items:end}.vo-tst-slot>*{grid-area:1/1}.vo-tst-t{display:flex;align-items:center;gap:var(--vo-s-3);padding:var(--vo-s-3);background:var(--vo-surface);border-radius:var(--vo-r-card);box-shadow:var(--vo-shadow-toast);max-width:380px;width:100%;position:relative;overflow:hidden}.vo-tst-t .vo-g{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex:none}.vo-tst-t .vo-tx{flex:1;min-width:0;font-size:13px;line-height:1.35}.vo-tst-t .vo-tx b{font-weight:500;display:block}.vo-tst-t .vo-tx span{font-size:12px;color:var(--vo-muted)}.vo-tst-t .vo-acts{display:flex;align-items:center;gap:2px}.vo-tst-in{animation:vo-tstin .6s var(--vo-ease) both}@keyframes vo-tstin{0%{opacity:0;transform:translateY(14px) scale(.97);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}.vo-tst-out{animation:vo-tstout .35s var(--vo-ease) both}@keyframes vo-tstout{to{opacity:0;transform:translateY(8px) scale(.98);filter:blur(4px)}}.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-ib{width:30px;height:30px;border-radius:50%;display:inline-grid;place-items:center;color:var(--vo-fg2);cursor:pointer;transition:background var(--vo-t-fast),color var(--vo-t-fast),transform .15s}@media (hover:hover) and (pointer:fine){.vo-ib:hover{background:var(--vo-row);color:var(--vo-fg)}}.vo-ib:active{transform:scale(.94)}.vo-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-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}\n"], dependencies: [{ kind: "component", type: VoIconComponent, selector: "vo-icon", inputs: ["name", "size"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ToastComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vo-toast', standalone: true, encapsulation: ViewEncapsulation.None, imports: [VoIconComponent], template: `
+    <div data-vo="" class="vo-tst-slot" aria-live="polite">
+      @for (s of shown; track s.key) {
+        <div
+          class="vo-tst-t"
+          [class.vo-tst-out]="s.leaving"
+          [class.vo-tst-in]="!s.leaving"
+          role="status"
+          [attr.inert]="s.leaving ? '' : null"
+        >
+          <span class="vo-g" [style.color]="tone(s.toast).color" [style.background]="tone(s.toast).bg">
+            @if (tone(s.toast).icon; as ic) {
+              <vo-icon [name]="ic"></vo-icon>
+            } @else {
+              <span class="vo-spin" aria-hidden="true"></span>
+            }
+          </span>
+          <div class="vo-tx">
+            <b>{{ s.toast.title }}</b>
+            @if (s.toast.description !== undefined) {
+              <span>{{ s.toast.description }}</span>
+            }
+          </div>
+          <div class="vo-acts">
+            @if (s.toast.action; as a) {
+              <button
+                type="button"
+                class="vo-pill vo-sm"
+                [class.vo-primary]="a.variant === 'primary' || a.variant === 'ink'"
+                [class.vo-ghost]="a.variant !== 'primary' && a.variant !== 'ink'"
+                [attr.aria-busy]="a.busy ? true : null"
+                (click)="runAction(a)"
+              >
+                @if (a.busy) {
+                  <span class="vo-spin" aria-hidden="true"></span>
+                } @else {
+                  {{ a.label }}
+                }
+              </button>
+            }
+            @if (!s.leaving) {
+              <button type="button" class="vo-ib" aria-label="Dismiss" (click)="close(s.toast)">
+                <vo-icon name="x"></vo-icon>
+              </button>
+            }
+          </div>
+        </div>
+      }
+    </div>
+  `, styles: [".vo-tst-slot{min-height:64px;width:100%;display:grid;justify-items:center;align-items:end}.vo-tst-slot>*{grid-area:1/1}.vo-tst-t{display:flex;align-items:center;gap:var(--vo-s-3);padding:var(--vo-s-3);background:var(--vo-surface);border-radius:var(--vo-r-card);box-shadow:var(--vo-shadow-toast);max-width:380px;width:100%;position:relative;overflow:hidden}.vo-tst-t .vo-g{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex:none}.vo-tst-t .vo-tx{flex:1;min-width:0;font-size:13px;line-height:1.35}.vo-tst-t .vo-tx b{font-weight:500;display:block}.vo-tst-t .vo-tx span{font-size:12px;color:var(--vo-muted)}.vo-tst-t .vo-acts{display:flex;align-items:center;gap:2px}.vo-tst-in{animation:vo-tstin .6s var(--vo-ease) both}@keyframes vo-tstin{0%{opacity:0;transform:translateY(14px) scale(.97);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}.vo-tst-out{animation:vo-tstout .35s var(--vo-ease) both}@keyframes vo-tstout{to{opacity:0;transform:translateY(8px) scale(.98);filter:blur(4px)}}.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-ib{width:30px;height:30px;border-radius:50%;display:inline-grid;place-items:center;color:var(--vo-fg2);cursor:pointer;transition:background var(--vo-t-fast),color var(--vo-t-fast),transform .15s}@media (hover:hover) and (pointer:fine){.vo-ib:hover{background:var(--vo-row);color:var(--vo-fg)}}.vo-ib:active{transform:scale(.94)}.vo-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-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}\n"] }]
+        }], propDecorators: { toast: [{
+                type: Input
+            }], dismiss: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vdG9hc3QvdG9hc3QuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDZDQUE2QztBQUM3QyxFQUFFO0FBQ0YsMERBQTBEO0FBQzFELDZFQUE2RTtBQUM3RSxnRkFBZ0Y7QUFDaEYsd0VBQXdFO0FBRXhFLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFHTCxNQUFNLEVBRU4saUJBQWlCLEVBQ2pCLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZUFBZSxFQUFtQixNQUFNLHdCQUF3QixDQUFDO0FBQzFFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDOztBQWdDdEUsTUFBTSxLQUFLLEdBQWlDO0lBQzFDLE9BQU8sRUFBRSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLGNBQWMsRUFBRSxFQUFFLEVBQUUsaUJBQWlCLEVBQUU7SUFDckUsS0FBSyxFQUFFLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsZUFBZSxFQUFFLEVBQUUsRUFBRSxrQkFBa0IsRUFBRTtJQUN4RSxJQUFJLEVBQUUsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxjQUFjLEVBQUUsRUFBRSxFQUFFLGlCQUFpQixFQUFFO0lBQ3BFLE9BQU8sRUFBRSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLGNBQWMsRUFBRSxFQUFFLEVBQUUsZ0JBQWdCLEVBQUU7Q0FDckUsQ0FBQztBQWtFRixNQUFNLE9BQU8sY0FBYztJQXpEM0I7UUEwREUsMkNBQTJDO1FBQ2xDLFVBQUssR0FBcUIsSUFBSSxDQUFDO1FBRXhDLGdFQUFnRTtRQUN0RCxZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQW1CLENBQUM7UUFFdkMsV0FBTSxHQUFHLE1BQU0sQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDO1FBRXZELGtGQUFrRjtRQUNsRixVQUFLLEdBQVksRUFBRSxDQUFDO1FBQ3BCLHVGQUF1RjtRQUN2RixzRkFBc0Y7UUFDdEYsbUZBQW1GO1FBQzNFLFdBQU0sR0FBcUIsSUFBSSxDQUFDO1FBQ2hDLFVBQUssR0FBMkIsSUFBSSxDQUFDO1FBQ3JDLFdBQU0sR0FBRyxJQUFJLEdBQUcsRUFBaUMsQ0FBQztLQTJEM0Q7SUF6REMsSUFBSSxDQUFDLENBQVk7UUFDZixPQUFPLEtBQUssQ0FBQyxDQUFDLENBQUMsSUFBSSxJQUFJLFNBQVMsQ0FBQyxDQUFDO0lBQ3BDLENBQUM7SUFFRCxXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUM7WUFBRSxPQUFPO1FBQzlCLHVFQUF1RTtRQUN2RSxJQUFJLElBQUksQ0FBQyxNQUFNLElBQUksSUFBSSxDQUFDLE1BQU0sS0FBSyxJQUFJLENBQUMsS0FBSztZQUFFLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDO1FBQ2xFLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxLQUFLLElBQUksSUFBSSxDQUFDLEtBQUssS0FBSyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7UUFDNUUsTUFBTSxNQUFNLEdBQUcsTUFBTSxFQUFFLEVBQUUsSUFBSSxJQUFJLENBQUM7UUFDbEMsSUFBSSxNQUFNLEtBQUssSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1lBQzFCLDZEQUE2RDtZQUM3RCxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FDaEMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUN6QyxDQUFDO1lBQ0YsTUFBTSxHQUFHLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxPQUFPLElBQUksQ0FBQyxDQUFDLEtBQUssQ0FBQyxFQUFFLEtBQUssSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQzNFLElBQUksR0FBRztnQkFBRSxJQUFJLENBQUMsZUFBZSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1lBQ25DLElBQUksTUFBTSxFQUFFLENBQUM7Z0JBQ1gsSUFBSSxDQUFDLEtBQUssR0FBRyxDQUFDLEdBQUcsSUFBSSxDQUFDLEtBQUssRUFBRSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxHQUFHLEVBQUUsR0FBRyxHQUFHLE1BQU0sQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1lBQ3hGLENBQUM7WUFDRCxJQUFJLENBQUMsS0FBSyxHQUFHLE1BQU0sQ0FBQztRQUN0QixDQUFDO2FBQU0sSUFBSSxNQUFNLEVBQUUsQ0FBQztZQUNsQixvQ0FBb0M7WUFDcEMsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQ2hDLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRSxHQUFHLENBQUMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FDekMsQ0FBQztRQUNKLENBQUM7SUFDSCxDQUFDO0lBRU8sZUFBZSxDQUFDLENBQVE7UUFDOUIsTUFBTSxDQUFDLEdBQUcsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUN4QixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7WUFDL0MsSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDeEIsQ0FBQyxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDbkMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDckIsQ0FBQztJQUVELFNBQVMsQ0FBQyxDQUFjO1FBQ3RCLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSTtZQUFFLENBQUMsQ0FBQyxPQUFPLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRUQsS0FBSyxDQUFDLENBQVk7UUFDaEIsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDO1FBQ3pCLHdCQUF3QjtRQUN4QixNQUFNLENBQUMsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsT0FBTyxJQUFJLENBQUMsQ0FBQyxLQUFLLENBQUMsRUFBRSxLQUFLLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUNwRSxJQUFJLENBQUMsRUFBRSxDQUFDO1lBQ04sQ0FBQyxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7WUFDakIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUMxQixDQUFDO1FBQ0QsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7UUFDbEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQzFCLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQzVDLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDdEIsQ0FBQzsrR0ExRVUsY0FBYzttR0FBZCxjQUFjLHNKQXBEZjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQWlEVCxxMEVBbERTLGVBQWU7OzRGQXFEZCxjQUFjO2tCQXpEMUIsU0FBUzsrQkFDRSxVQUFVLGNBQ1IsSUFBSSxpQkFDRCxpQkFBaUIsQ0FBQyxJQUFJLFdBQzVCLENBQUMsZUFBZSxDQUFDLFlBQ2hCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBaURUOzhCQUtRLEtBQUs7c0JBQWIsS0FBSztnQkFHSSxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiLy8gZnJhbWV3b3JrL2FuZ3VsYXIvdG9hc3QvdG9hc3QuY29tcG9uZW50LnRzXG4vL1xuLy8gTmF0aXZlIEFuZ3VsYXIgcG9ydCBvZiBmcmFtZXdvcmsvcmVhY3QvdG9hc3QvVG9hc3QudHN4LlxuLy8gT25lIHRvYXN0IGF0IGEgdGltZTogYSBuZXcgb25lIHJpc2VzIGluIHdoaWxlIHRoZSBsYXN0IG9uZSBzbGlwcyBhd2F5LiBUaGVcbi8vIHRvbmUgcGlja3MgdGhlIGljb24gYW5kIGl0cyBjb2xvdXIgKGxvYWRpbmcgc3BpbnMpLiBBIG5ldyBpZCBzd2FwcyB0aGUgdG9hc3Q7XG4vLyB0aGUgc2FtZSBpZCBjaGFuZ2VzIHRoZSB0ZXh0IGluIHBsYWNlLiBJbnB1dHMgbWlycm9yIHRoZSBSZWFjdCBwcm9wcy5cblxuaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPbkNoYW5nZXMsXG4gIE9uRGVzdHJveSxcbiAgT3V0cHV0LFxuICBTaW1wbGVDaGFuZ2VzLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgaW5qZWN0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFZvSWNvbkNvbXBvbmVudCwgdHlwZSBWb0ljb25OYW1lIH0gZnJvbSAnLi4vY29yZS9pY29uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBSZWR1Y2VkTW90aW9uU2VydmljZSB9IGZyb20gJy4uL2NvcmUvcmVkdWNlZC1tb3Rpb24uc2VydmljZSc7XG5cbi8qKiBUb25lIG9mIHRoZSB0b2FzdDogcGlja3MgdGhlIGljb24gYW5kIGl0cyBjb2xvdXIuICovXG5leHBvcnQgdHlwZSBUb2FzdFRvbmUgPSAnc3VjY2VzcycgfCAnZXJyb3InIHwgJ2luZm8nIHwgJ2xvYWRpbmcnO1xuXG4vKiogVGhlIGFjdGlvbiBidXR0b24gc2hvd24gYmVmb3JlIHRoZSBjbG9zZSBidXR0b24sIGxpa2UgVW5kbyBvciBSZXRyeS4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgVG9hc3RBY3Rpb24ge1xuICBsYWJlbDogc3RyaW5nO1xuICBvbkNsaWNrOiAoKSA9PiB2b2lkO1xuICB2YXJpYW50PzogJ2dob3N0JyB8ICdwcmltYXJ5JyB8ICdpbmsnO1xuICAvKiogU3dhcHMgdGhlIGxhYmVsIGZvciBhIHNwaW5uZXIuICovXG4gIGJ1c3k/OiBib29sZWFuO1xufVxuXG4vKiogVGhlIGRhdGEgZm9yIG9uZSB0b2FzdC4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgVG9hc3REYXRhIHtcbiAgLyoqIEEgbmV3IGlkIHNsaWRlcyBhIG5ldyB0b2FzdCBpbiBhbmQgdGhlIG9sZCBvbmUgYXdheS4gS2VlcCB0aGUgaWQgdG8gY2hhbmdlIHRoZSB0ZXh0IGluIHBsYWNlLiAqL1xuICBpZDogc3RyaW5nIHwgbnVtYmVyO1xuICAvKiogUGlja3MgdGhlIGljb24gYW5kIGl0cyBjb2xvdXIuIGxvYWRpbmcgc3BpbnMuICovXG4gIHRvbmU/OiBUb2FzdFRvbmU7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIC8qKiBUaGUgcXVpZXRlciBsaW5lIHVuZGVyIHRoZSB0aXRsZS4gKi9cbiAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gIGFjdGlvbj86IFRvYXN0QWN0aW9uO1xufVxuXG5pbnRlcmZhY2UgVG9uZVN0eWxlIHtcbiAgaWNvbjogVm9JY29uTmFtZSB8IG51bGw7XG4gIGNvbG9yOiBzdHJpbmc7XG4gIGJnOiBzdHJpbmc7XG59XG5cbmNvbnN0IFRPTkVTOiBSZWNvcmQ8VG9hc3RUb25lLCBUb25lU3R5bGU+ID0ge1xuICBzdWNjZXNzOiB7IGljb246ICdvaycsIGNvbG9yOiAndmFyKC0tdm8tb2spJywgYmc6ICd2YXIoLS12by1vay1iZyknIH0sXG4gIGVycm9yOiB7IGljb246ICdhbGVydCcsIGNvbG9yOiAndmFyKC0tdm8tYmFkKScsIGJnOiAndmFyKC0tdm8tYmFkLWJnKScgfSxcbiAgaW5mbzogeyBpY29uOiAnaW5mbycsIGNvbG9yOiAndmFyKC0tdm8tcGIpJywgYmc6ICd2YXIoLS12by1wYi1iZyknIH0sXG4gIGxvYWRpbmc6IHsgaWNvbjogbnVsbCwgY29sb3I6ICd2YXIoLS12by1mZyknLCBiZzogJ3ZhcigtLXZvLWNoaXApJyB9LFxufTtcblxuLyoqIEEgdG9hc3Qga2VwdCBvbiBzY3JlZW4sIHdpdGggaXRzIGV4aXQgc3RhdGUgd2hpbGUgaXQgbGVhdmVzLiAqL1xuaW50ZXJmYWNlIFNob3duIHtcbiAgdG9hc3Q6IFRvYXN0RGF0YTtcbiAgbGVhdmluZzogYm9vbGVhbjtcbiAga2V5OiBzdHJpbmc7XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ZvLXRvYXN0JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgaW1wb3J0czogW1ZvSWNvbkNvbXBvbmVudF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBkYXRhLXZvPVwiXCIgY2xhc3M9XCJ2by10c3Qtc2xvdFwiIGFyaWEtbGl2ZT1cInBvbGl0ZVwiPlxuICAgICAgQGZvciAocyBvZiBzaG93bjsgdHJhY2sgcy5rZXkpIHtcbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNsYXNzPVwidm8tdHN0LXRcIlxuICAgICAgICAgIFtjbGFzcy52by10c3Qtb3V0XT1cInMubGVhdmluZ1wiXG4gICAgICAgICAgW2NsYXNzLnZvLXRzdC1pbl09XCIhcy5sZWF2aW5nXCJcbiAgICAgICAgICByb2xlPVwic3RhdHVzXCJcbiAgICAgICAgICBbYXR0ci5pbmVydF09XCJzLmxlYXZpbmcgPyAnJyA6IG51bGxcIlxuICAgICAgICA+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2by1nXCIgW3N0eWxlLmNvbG9yXT1cInRvbmUocy50b2FzdCkuY29sb3JcIiBbc3R5bGUuYmFja2dyb3VuZF09XCJ0b25lKHMudG9hc3QpLmJnXCI+XG4gICAgICAgICAgICBAaWYgKHRvbmUocy50b2FzdCkuaWNvbjsgYXMgaWMpIHtcbiAgICAgICAgICAgICAgPHZvLWljb24gW25hbWVdPVwiaWNcIj48L3ZvLWljb24+XG4gICAgICAgICAgICB9IEBlbHNlIHtcbiAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2by1zcGluXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9zcGFuPlxuICAgICAgICAgICAgfVxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwidm8tdHhcIj5cbiAgICAgICAgICAgIDxiPnt7IHMudG9hc3QudGl0bGUgfX08L2I+XG4gICAgICAgICAgICBAaWYgKHMudG9hc3QuZGVzY3JpcHRpb24gIT09IHVuZGVmaW5lZCkge1xuICAgICAgICAgICAgICA8c3Bhbj57eyBzLnRvYXN0LmRlc2NyaXB0aW9uIH19PC9zcGFuPlxuICAgICAgICAgICAgfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2by1hY3RzXCI+XG4gICAgICAgICAgICBAaWYgKHMudG9hc3QuYWN0aW9uOyBhcyBhKSB7XG4gICAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cInZvLXBpbGwgdm8tc21cIlxuICAgICAgICAgICAgICAgIFtjbGFzcy52by1wcmltYXJ5XT1cImEudmFyaWFudCA9PT0gJ3ByaW1hcnknIHx8IGEudmFyaWFudCA9PT0gJ2luaydcIlxuICAgICAgICAgICAgICAgIFtjbGFzcy52by1naG9zdF09XCJhLnZhcmlhbnQgIT09ICdwcmltYXJ5JyAmJiBhLnZhcmlhbnQgIT09ICdpbmsnXCJcbiAgICAgICAgICAgICAgICBbYXR0ci5hcmlhLWJ1c3ldPVwiYS5idXN5ID8gdHJ1ZSA6IG51bGxcIlxuICAgICAgICAgICAgICAgIChjbGljayk9XCJydW5BY3Rpb24oYSlcIlxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgQGlmIChhLmJ1c3kpIHtcbiAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidm8tc3BpblwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvc3Bhbj5cbiAgICAgICAgICAgICAgICB9IEBlbHNlIHtcbiAgICAgICAgICAgICAgICAgIHt7IGEubGFiZWwgfX1cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgQGlmICghcy5sZWF2aW5nKSB7XG4gICAgICAgICAgICAgIDxidXR0b24gdHlwZT1cImJ1dHRvblwiIGNsYXNzPVwidm8taWJcIiBhcmlhLWxhYmVsPVwiRGlzbWlzc1wiIChjbGljayk9XCJjbG9zZShzLnRvYXN0KVwiPlxuICAgICAgICAgICAgICAgIDx2by1pY29uIG5hbWU9XCJ4XCI+PC92by1pY29uPlxuICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICB9XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsOiAnLi90b2FzdC5jc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBUb2FzdENvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcywgT25EZXN0cm95IHtcbiAgLyoqIFRoZSB0b2FzdCB0byBzaG93LCBvciBudWxsIGZvciBub25lLiAqL1xuICBASW5wdXQoKSB0b2FzdDogVG9hc3REYXRhIHwgbnVsbCA9IG51bGw7XG5cbiAgLyoqIEVtaXR0ZWQgYnkgdGhlIGNsb3NlIGJ1dHRvbi4gVGhlIHRvYXN0IGxlYXZlcyBlaXRoZXIgd2F5LiAqL1xuICBAT3V0cHV0KCkgZGlzbWlzcyA9IG5ldyBFdmVudEVtaXR0ZXI8VG9hc3REYXRhWydpZCddPigpO1xuXG4gIHByaXZhdGUgcmVhZG9ubHkgbW90aW9uID0gaW5qZWN0KFJlZHVjZWRNb3Rpb25TZXJ2aWNlKTtcblxuICAvKiogVGhlIHRvYXN0cyByZW5kZXJlZCBub3c6IHRoZSBjdXJyZW50IG9uZSBwbHVzIGFueSBzdGlsbCBwbGF5aW5nIHRoZWlyIGV4aXQuICovXG4gIHNob3duOiBTaG93bltdID0gW107XG4gIC8vIHRoZSBjbG9zZSBidXR0b24gaGlkZXMgdGhlIHRvYXN0IHN0cmFpZ2h0IGF3YXksIHdoZXRoZXIgb3Igbm90IHRoZSBwYXJlbnQgY2xlYXJzIGl0LlxuICAvLyBpdCBvbmx5IHN1cHByZXNzZXMgdGhlIGV4YWN0IHRvYXN0IG9iamVjdCBpdCB3YXMgcHJlc3NlZCBvbiwgc28gdGhlIHBhcmVudCBjYW4gc2hvd1xuICAvLyB0aGUgc2FtZSBpZCBhZ2FpbiAoc2V0IGl0IHRvIG51bGwgYW5kIGJhY2ssIG9yIHJlcGxhY2UgaXQpIGFuZCB0aGUgdG9hc3QgcmV0dXJuc1xuICBwcml2YXRlIGNsb3NlZDogVG9hc3REYXRhIHwgbnVsbCA9IG51bGw7XG4gIHByaXZhdGUgY3VySWQ6IFRvYXN0RGF0YVsnaWQnXSB8IG51bGwgPSBudWxsO1xuICBwcml2YXRlIHRpbWVycyA9IG5ldyBTZXQ8UmV0dXJuVHlwZTx0eXBlb2Ygc2V0VGltZW91dD4+KCk7XG5cbiAgdG9uZSh0OiBUb2FzdERhdGEpOiBUb25lU3R5bGUge1xuICAgIHJldHVybiBUT05FU1t0LnRvbmUgPz8gJ3N1Y2Nlc3MnXTtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICBpZiAoIWNoYW5nZXNbJ3RvYXN0J10pIHJldHVybjtcbiAgICAvLyBhIG5ldyBwcm9wIHZhbHVlIGNsZWFycyB0aGUgY2xvc2UsIHNvIHRoZSBzYW1lIGlkIGNhbiBiZSBzaG93biBhZ2FpblxuICAgIGlmICh0aGlzLmNsb3NlZCAmJiB0aGlzLmNsb3NlZCAhPT0gdGhpcy50b2FzdCkgdGhpcy5jbG9zZWQgPSBudWxsO1xuICAgIGNvbnN0IHRhcmdldCA9IHRoaXMudG9hc3QgJiYgdGhpcy50b2FzdCAhPT0gdGhpcy5jbG9zZWQgPyB0aGlzLnRvYXN0IDogbnVsbDtcbiAgICBjb25zdCBuZXh0SWQgPSB0YXJnZXQ/LmlkID8/IG51bGw7XG4gICAgaWYgKG5leHRJZCAhPT0gdGhpcy5jdXJJZCkge1xuICAgICAgLy8gbW92ZSB0aGUgY3VycmVudCBvbmUgdG8gbGVhdmluZywgdGhlbiBicmluZyB0aGUgbmV3IG9uZSBpblxuICAgICAgdGhpcy5zaG93biA9IHRoaXMuc2hvd24ubWFwKChzKSA9PlxuICAgICAgICAhcy5sZWF2aW5nID8geyAuLi5zLCBsZWF2aW5nOiB0cnVlIH0gOiBzXG4gICAgICApO1xuICAgICAgY29uc3QgY3VyID0gdGhpcy5zaG93bi5maW5kKChzKSA9PiBzLmxlYXZpbmcgJiYgcy50b2FzdC5pZCA9PT0gdGhpcy5jdXJJZCk7XG4gICAgICBpZiAoY3VyKSB0aGlzLnNjaGVkdWxlUmVtb3ZhbChjdXIpO1xuICAgICAgaWYgKHRhcmdldCkge1xuICAgICAgICB0aGlzLnNob3duID0gWy4uLnRoaXMuc2hvd24sIHsgdG9hc3Q6IHRhcmdldCwgbGVhdmluZzogZmFsc2UsIGtleTogJ3QnICsgdGFyZ2V0LmlkIH1dO1xuICAgICAgfVxuICAgICAgdGhpcy5jdXJJZCA9IG5leHRJZDtcbiAgICB9IGVsc2UgaWYgKHRhcmdldCkge1xuICAgICAgLy8gc2FtZSBpZDogdXBkYXRlIHRoZSB0ZXh0IGluIHBsYWNlXG4gICAgICB0aGlzLnNob3duID0gdGhpcy5zaG93bi5tYXAoKHMpID0+XG4gICAgICAgICFzLmxlYXZpbmcgPyB7IC4uLnMsIHRvYXN0OiB0YXJnZXQgfSA6IHNcbiAgICAgICk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBzY2hlZHVsZVJlbW92YWwoczogU2hvd24pOiB2b2lkIHtcbiAgICBjb25zdCB0ID0gc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICB0aGlzLnNob3duID0gdGhpcy5zaG93bi5maWx0ZXIoKHgpID0+IHggIT09IHMpO1xuICAgICAgdGhpcy50aW1lcnMuZGVsZXRlKHQpO1xuICAgIH0sIHRoaXMubW90aW9uLnJlZHVjZSgpID8gMCA6IDMwMCk7XG4gICAgdGhpcy50aW1lcnMuYWRkKHQpO1xuICB9XG5cbiAgcnVuQWN0aW9uKGE6IFRvYXN0QWN0aW9uKTogdm9pZCB7XG4gICAgaWYgKCFhLmJ1c3kpIGEub25DbGljaygpO1xuICB9XG5cbiAgY2xvc2UodDogVG9hc3REYXRhKTogdm9pZCB7XG4gICAgdGhpcy5jbG9zZWQgPSB0aGlzLnRvYXN0O1xuICAgIC8vIHBsYXkgdGhlIGV4aXQgYXQgb25jZVxuICAgIGNvbnN0IHMgPSB0aGlzLnNob3duLmZpbmQoKHgpID0+ICF4LmxlYXZpbmcgJiYgeC50b2FzdC5pZCA9PT0gdC5pZCk7XG4gICAgaWYgKHMpIHtcbiAgICAgIHMubGVhdmluZyA9IHRydWU7XG4gICAgICB0aGlzLnNjaGVkdWxlUmVtb3ZhbChzKTtcbiAgICB9XG4gICAgdGhpcy5jdXJJZCA9IG51bGw7XG4gICAgdGhpcy5kaXNtaXNzLmVtaXQodC5pZCk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLnRpbWVycy5mb3JFYWNoKCh0KSA9PiBjbGVhclRpbWVvdXQodCkpO1xuICAgIHRoaXMudGltZXJzLmNsZWFyKCk7XG4gIH1cbn1cbiJdfQ==