@visuno/angular 0.0.0-stage → 0.1.0

package/esm2022/step-loader/step-loader.component.mjs

@@ -0,0 +1,209 @@
+// framework/angular/step-loader/step-loader.component.ts
+//
+// Native Angular port of framework/react/step-loader/StepLoader.tsx.
+// Named steps with a progress track and a loader glyph beside the running step.
+// Click the row to expand the full list of steps. Inputs mirror the React props.
+import { Component, EventEmitter, Input, Output, ViewEncapsulation, } from '@angular/core';
+import { NgTemplateOutlet } from '@angular/common';
+import { VoIconComponent } from '../core/icon.component';
+import * as i0 from "@angular/core";
+export class StepLoaderComponent {
+    constructor() {
+        /** The named steps. */
+        this.steps = [];
+        /** Index of the step running now. steps.length (or more) means every step is done. */
+        this.current = 0;
+        /** The loader beside the running step. */
+        this.loader = 'radar';
+        /** Label once every step is done. */
+        this.doneLabel = 'Ready for review';
+        /** Initial open state when uncontrolled. */
+        this.defaultOpen = false;
+        /** Emitted when the open state changes. */
+        this.openChange = new EventEmitter();
+        /** The open state shown now (controlled by `open`, else held internally). */
+        this.isOpen = false;
+        this.touched = false;
+    }
+    ngOnChanges(changes) {
+        if (changes['open'] && this.open !== undefined) {
+            this.isOpen = this.open;
+        }
+        else if (!this.touched) {
+            this.isOpen = this.open ?? this.defaultOpen;
+        }
+    }
+    /** Number of steps. */
+    get n() {
+        return this.steps.length;
+    }
+    /** Whether every step is done. */
+    get allDone() {
+        return this.current >= this.n;
+    }
+    /** Index of the step to show as running (clamped to the last step). */
+    get at() {
+        return Math.min(this.current, this.n - 1);
+    }
+    toggle() {
+        this.touched = true;
+        const next = !this.isOpen;
+        // controlled: tell the parent; uncontrolled: flip locally
+        if (this.open === undefined)
+            this.isOpen = next;
+        this.openChange.emit(next);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StepLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: StepLoaderComponent, isStandalone: true, selector: "vo-step-loader", inputs: { steps: "steps", current: "current", loader: "loader", doneLabel: "doneLabel", open: "open", defaultOpen: "defaultOpen" }, outputs: { openChange: "openChange" }, usesOnChanges: true, ngImport: i0, template: `
+    <div data-vo="" class="vo-stl">
+      <button type="button" class="vo-stl-row" [attr.aria-expanded]="isOpen" (click)="toggle()">
+        <span class="vo-stl-g">
+          @if (allDone) {
+            <span style="color:var(--vo-ok);display:grid"><vo-icon name="ok"></vo-icon></span>
+          } @else {
+            <ng-container [ngTemplateOutlet]="glyph"></ng-container>
+          }
+        </span>
+        <span class="vo-stl-t">
+          <span class="vo-stl-lab" [class.vo-shim]="!allDone">{{ allDone ? doneLabel : steps[at]?.label }}</span>
+        </span>
+        <span class="vo-stl-n vo-num">{{ (allDone ? n : at + 1) }}/{{ n }}</span>
+        <vo-icon name="chev-d" size="xs" class="vo-stl-chev"></vo-icon>
+      </button>
+
+      <div class="vo-stl-track" role="progressbar" [attr.aria-valuemin]="0"
+           [attr.aria-valuemax]="n" [attr.aria-valuenow]="allDone ? n : at">
+        @for (s of steps; track $index) {
+          <i [class.vo-on]="allDone || $index < current"
+             [class.vo-run]="!allDone && $index === current"></i>
+        }
+      </div>
+
+      <div class="vo-fold vo-stl-fold" [class.vo-shut]="!isOpen" [attr.inert]="!isOpen ? '' : null"
+           [attr.aria-hidden]="!isOpen">
+        <div>
+          <ol class="vo-stl-list">
+            @for (s of steps; track $index) {
+              <li [class.vo-done]="allDone || $index < current"
+                  [class.vo-run]="!allDone && $index === current">
+                <span class="vo-g">
+                  @if (allDone || $index < current) {
+                    <span style="color:var(--vo-ok);display:grid"><vo-icon name="check" size="xs"></vo-icon></span>
+                  } @else if ($index === current) {
+                    <ng-container [ngTemplateOutlet]="glyph"></ng-container>
+                  } @else {
+                    <span class="vo-dot" style="color:var(--vo-faint)" aria-hidden="true"></span>
+                  }
+                </span>
+                {{ (allDone || $index < current) ? (s.done ?? s.label) : s.label }}
+              </li>
+            }
+          </ol>
+        </div>
+      </div>
+    </div>
+
+    <!-- the loader glyph for the chosen kind -->
+    <ng-template #glyph>
+      @switch (loader) {
+        @case ('dots') {
+          <span class="vo-think vo-on" aria-hidden="true"><i></i><i></i><i></i><i></i></span>
+        }
+        @case ('ring') {
+          <span class="vo-spin" aria-hidden="true"></span>
+        }
+        @case ('bars') {
+          <span class="vo-bars3" aria-hidden="true"><i></i><i></i><i></i></span>
+        }
+        @default {
+          <span class="vo-radar" aria-hidden="true"></span>
+        }
+      }
+    </ng-template>
+  `, isInline: true, styles: [".vo-stl{display:flex;flex-direction:column;align-items:center;gap:10px}.vo-stl-row{display:flex;align-items:center;gap:10px;background:var(--vo-surface);border-radius:var(--vo-r-pill);box-shadow:var(--vo-shadow);height:40px;padding:0 14px 0 13px;font-size:13.5px;min-width:250px;cursor:pointer;transition:box-shadow .3s}@media (hover:hover) and (pointer:fine){.vo-stl-row:hover{box-shadow:var(--vo-shadow-pop)}}.vo-stl-g{width:16px;display:grid;place-items:center;color:var(--vo-fg)}.vo-stl-t{flex:1;text-align:left}.vo-stl-n{color:var(--vo-muted);font-size:12.5px}.vo-stl-chev{color:var(--vo-muted);transition:transform .4s var(--vo-ease)}.vo-stl-row[aria-expanded=true] .vo-stl-chev{transform:rotate(180deg)}.vo-stl-track{display:flex;gap:var(--vo-s-1);width:250px}.vo-stl-track i{flex:1;height:3px;border-radius:2px;background:var(--vo-line);position:relative;overflow:hidden}.vo-stl-track i:after{content:\"\";position:absolute;inset:0;background:var(--vo-accent-mark,var(--vo-accent));transform:scaleX(0);transform-origin:left;transition:transform .9s var(--vo-ease)}.vo-stl-track i.vo-on:after{transform:scaleX(1)}.vo-stl-track i.vo-run:after{transform:scaleX(.45);transition-duration:2.2s}.vo-stl-fold{width:250px}.vo-stl-fold>div{margin-inline:-16px;padding-inline:var(--vo-s-4)}.vo-stl-list{list-style:none;margin:6px 0 18px;padding:6px;background:var(--vo-surface);border-radius:calc(14px * var(--vo-rk));box-shadow:var(--vo-shadow)}.vo-stl-list li{display:flex;align-items:center;gap:9px;padding:6px var(--vo-s-2);font-size:13px;color:var(--vo-muted)}.vo-stl-list li.vo-done{color:var(--vo-fg2)}.vo-stl-list li.vo-run{color:var(--vo-fg)}.vo-stl-list li .vo-g{width:14px;display:grid;place-items:center}.vo-bars3{display:inline-flex;gap:2px;align-items:center;height:12px}.vo-bars3 i{width:2.5px;height:100%;border-radius:2px;background:currentColor;animation:vo-b3 .9s var(--vo-ease-io) infinite}.vo-bars3 i:nth-child(2){animation-delay:.15s}.vo-bars3 i:nth-child(3){animation-delay:.3s}@keyframes vo-b3{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.vo-num{font-variant-numeric:tabular-nums}.vo-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none;display:inline-block}.vo-spin{width:12px;height:12px;border-radius:50%;border:1.5px solid currentColor;border-right-color:transparent;animation:vo-rot .8s linear infinite;flex:none;display:inline-block}@keyframes vo-rot{to{transform:rotate(360deg)}}.vo-radar{position:relative;width:13px;height:13px;flex:none;display:inline-block}.vo-radar:before{content:\"\";position:absolute;inset:3.5px;border-radius:50%;background:currentColor}.vo-radar:after{content:\"\";position:absolute;inset:0;border-radius:50%;border:1.3px solid currentColor;border-right-color:transparent;animation:vo-rot .9s linear infinite}.vo-think{width:14px;height:14px;position:relative;flex:none;display:inline-block}.vo-think i{position:absolute;width:3.4px;height:3.4px;border-radius:50%;background:currentColor;left:50%;top:50%;margin:-1.7px}.vo-think i:nth-child(1){transform:translate(-3.6px,-3.6px)}.vo-think i:nth-child(2){transform:translate(3.6px,-3.6px)}.vo-think i:nth-child(3){transform:translate(3.6px,3.6px)}.vo-think i:nth-child(4){transform:translate(-3.6px,3.6px)}.vo-think.vo-on{animation:vo-thinkrot 1.6s var(--vo-ease-io) infinite}.vo-think.vo-on i{animation:vo-thinkpulse 1.6s var(--vo-ease-io) infinite}.vo-think.vo-on i:nth-child(2){animation-delay:.2s}.vo-think.vo-on i:nth-child(3){animation-delay:.4s}.vo-think.vo-on i:nth-child(4){animation-delay:.6s}@keyframes vo-thinkrot{0%{transform:rotate(0)}50%{transform:rotate(90deg)}to{transform:rotate(180deg)}}@keyframes vo-thinkpulse{0%,to{opacity:1}50%{opacity:.35}}.vo-shim{background:linear-gradient(90deg,var(--vo-fg) 0%,var(--vo-fg) 38%,var(--vo-faint) 50%,var(--vo-fg) 62%,var(--vo-fg) 100%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:vo-shim 2.2s linear infinite}@keyframes vo-shim{0%{background-position:100% 0}to{background-position:-160% 0}}.vo-fold{display:grid;grid-template-rows:1fr;grid-template-columns:minmax(0,1fr);transition:grid-template-rows var(--vo-t) var(--vo-ease),opacity var(--vo-t) var(--vo-ease)}.vo-fold>*{overflow:clip;overflow-clip-margin:12px;min-height:0;min-width:0}.vo-fold.vo-shut{grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows var(--vo-t) var(--vo-ease),opacity var(--vo-t) var(--vo-ease),visibility 0s var(--vo-t)}@media (prefers-reduced-motion:reduce){.vo-shim{color:var(--vo-fg);background:none}.vo-stl .vo-spin,.vo-stl .vo-radar:after,.vo-stl .vo-think.vo-on,.vo-stl .vo-think.vo-on i,.vo-stl .vo-bars3 i{animation-duration:.01ms!important;animation-iteration-count:1!important}}\n"], dependencies: [{ kind: "component", type: VoIconComponent, selector: "vo-icon", inputs: ["name", "size"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StepLoaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vo-step-loader', standalone: true, encapsulation: ViewEncapsulation.None, imports: [VoIconComponent, NgTemplateOutlet], template: `
+    <div data-vo="" class="vo-stl">
+      <button type="button" class="vo-stl-row" [attr.aria-expanded]="isOpen" (click)="toggle()">
+        <span class="vo-stl-g">
+          @if (allDone) {
+            <span style="color:var(--vo-ok);display:grid"><vo-icon name="ok"></vo-icon></span>
+          } @else {
+            <ng-container [ngTemplateOutlet]="glyph"></ng-container>
+          }
+        </span>
+        <span class="vo-stl-t">
+          <span class="vo-stl-lab" [class.vo-shim]="!allDone">{{ allDone ? doneLabel : steps[at]?.label }}</span>
+        </span>
+        <span class="vo-stl-n vo-num">{{ (allDone ? n : at + 1) }}/{{ n }}</span>
+        <vo-icon name="chev-d" size="xs" class="vo-stl-chev"></vo-icon>
+      </button>
+
+      <div class="vo-stl-track" role="progressbar" [attr.aria-valuemin]="0"
+           [attr.aria-valuemax]="n" [attr.aria-valuenow]="allDone ? n : at">
+        @for (s of steps; track $index) {
+          <i [class.vo-on]="allDone || $index < current"
+             [class.vo-run]="!allDone && $index === current"></i>
+        }
+      </div>
+
+      <div class="vo-fold vo-stl-fold" [class.vo-shut]="!isOpen" [attr.inert]="!isOpen ? '' : null"
+           [attr.aria-hidden]="!isOpen">
+        <div>
+          <ol class="vo-stl-list">
+            @for (s of steps; track $index) {
+              <li [class.vo-done]="allDone || $index < current"
+                  [class.vo-run]="!allDone && $index === current">
+                <span class="vo-g">
+                  @if (allDone || $index < current) {
+                    <span style="color:var(--vo-ok);display:grid"><vo-icon name="check" size="xs"></vo-icon></span>
+                  } @else if ($index === current) {
+                    <ng-container [ngTemplateOutlet]="glyph"></ng-container>
+                  } @else {
+                    <span class="vo-dot" style="color:var(--vo-faint)" aria-hidden="true"></span>
+                  }
+                </span>
+                {{ (allDone || $index < current) ? (s.done ?? s.label) : s.label }}
+              </li>
+            }
+          </ol>
+        </div>
+      </div>
+    </div>
+
+    <!-- the loader glyph for the chosen kind -->
+    <ng-template #glyph>
+      @switch (loader) {
+        @case ('dots') {
+          <span class="vo-think vo-on" aria-hidden="true"><i></i><i></i><i></i><i></i></span>
+        }
+        @case ('ring') {
+          <span class="vo-spin" aria-hidden="true"></span>
+        }
+        @case ('bars') {
+          <span class="vo-bars3" aria-hidden="true"><i></i><i></i><i></i></span>
+        }
+        @default {
+          <span class="vo-radar" aria-hidden="true"></span>
+        }
+      }
+    </ng-template>
+  `, styles: [".vo-stl{display:flex;flex-direction:column;align-items:center;gap:10px}.vo-stl-row{display:flex;align-items:center;gap:10px;background:var(--vo-surface);border-radius:var(--vo-r-pill);box-shadow:var(--vo-shadow);height:40px;padding:0 14px 0 13px;font-size:13.5px;min-width:250px;cursor:pointer;transition:box-shadow .3s}@media (hover:hover) and (pointer:fine){.vo-stl-row:hover{box-shadow:var(--vo-shadow-pop)}}.vo-stl-g{width:16px;display:grid;place-items:center;color:var(--vo-fg)}.vo-stl-t{flex:1;text-align:left}.vo-stl-n{color:var(--vo-muted);font-size:12.5px}.vo-stl-chev{color:var(--vo-muted);transition:transform .4s var(--vo-ease)}.vo-stl-row[aria-expanded=true] .vo-stl-chev{transform:rotate(180deg)}.vo-stl-track{display:flex;gap:var(--vo-s-1);width:250px}.vo-stl-track i{flex:1;height:3px;border-radius:2px;background:var(--vo-line);position:relative;overflow:hidden}.vo-stl-track i:after{content:\"\";position:absolute;inset:0;background:var(--vo-accent-mark,var(--vo-accent));transform:scaleX(0);transform-origin:left;transition:transform .9s var(--vo-ease)}.vo-stl-track i.vo-on:after{transform:scaleX(1)}.vo-stl-track i.vo-run:after{transform:scaleX(.45);transition-duration:2.2s}.vo-stl-fold{width:250px}.vo-stl-fold>div{margin-inline:-16px;padding-inline:var(--vo-s-4)}.vo-stl-list{list-style:none;margin:6px 0 18px;padding:6px;background:var(--vo-surface);border-radius:calc(14px * var(--vo-rk));box-shadow:var(--vo-shadow)}.vo-stl-list li{display:flex;align-items:center;gap:9px;padding:6px var(--vo-s-2);font-size:13px;color:var(--vo-muted)}.vo-stl-list li.vo-done{color:var(--vo-fg2)}.vo-stl-list li.vo-run{color:var(--vo-fg)}.vo-stl-list li .vo-g{width:14px;display:grid;place-items:center}.vo-bars3{display:inline-flex;gap:2px;align-items:center;height:12px}.vo-bars3 i{width:2.5px;height:100%;border-radius:2px;background:currentColor;animation:vo-b3 .9s var(--vo-ease-io) infinite}.vo-bars3 i:nth-child(2){animation-delay:.15s}.vo-bars3 i:nth-child(3){animation-delay:.3s}@keyframes vo-b3{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.vo-num{font-variant-numeric:tabular-nums}.vo-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none;display:inline-block}.vo-spin{width:12px;height:12px;border-radius:50%;border:1.5px solid currentColor;border-right-color:transparent;animation:vo-rot .8s linear infinite;flex:none;display:inline-block}@keyframes vo-rot{to{transform:rotate(360deg)}}.vo-radar{position:relative;width:13px;height:13px;flex:none;display:inline-block}.vo-radar:before{content:\"\";position:absolute;inset:3.5px;border-radius:50%;background:currentColor}.vo-radar:after{content:\"\";position:absolute;inset:0;border-radius:50%;border:1.3px solid currentColor;border-right-color:transparent;animation:vo-rot .9s linear infinite}.vo-think{width:14px;height:14px;position:relative;flex:none;display:inline-block}.vo-think i{position:absolute;width:3.4px;height:3.4px;border-radius:50%;background:currentColor;left:50%;top:50%;margin:-1.7px}.vo-think i:nth-child(1){transform:translate(-3.6px,-3.6px)}.vo-think i:nth-child(2){transform:translate(3.6px,-3.6px)}.vo-think i:nth-child(3){transform:translate(3.6px,3.6px)}.vo-think i:nth-child(4){transform:translate(-3.6px,3.6px)}.vo-think.vo-on{animation:vo-thinkrot 1.6s var(--vo-ease-io) infinite}.vo-think.vo-on i{animation:vo-thinkpulse 1.6s var(--vo-ease-io) infinite}.vo-think.vo-on i:nth-child(2){animation-delay:.2s}.vo-think.vo-on i:nth-child(3){animation-delay:.4s}.vo-think.vo-on i:nth-child(4){animation-delay:.6s}@keyframes vo-thinkrot{0%{transform:rotate(0)}50%{transform:rotate(90deg)}to{transform:rotate(180deg)}}@keyframes vo-thinkpulse{0%,to{opacity:1}50%{opacity:.35}}.vo-shim{background:linear-gradient(90deg,var(--vo-fg) 0%,var(--vo-fg) 38%,var(--vo-faint) 50%,var(--vo-fg) 62%,var(--vo-fg) 100%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:vo-shim 2.2s linear infinite}@keyframes vo-shim{0%{background-position:100% 0}to{background-position:-160% 0}}.vo-fold{display:grid;grid-template-rows:1fr;grid-template-columns:minmax(0,1fr);transition:grid-template-rows var(--vo-t) var(--vo-ease),opacity var(--vo-t) var(--vo-ease)}.vo-fold>*{overflow:clip;overflow-clip-margin:12px;min-height:0;min-width:0}.vo-fold.vo-shut{grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows var(--vo-t) var(--vo-ease),opacity var(--vo-t) var(--vo-ease),visibility 0s var(--vo-t)}@media (prefers-reduced-motion:reduce){.vo-shim{color:var(--vo-fg);background:none}.vo-stl .vo-spin,.vo-stl .vo-radar:after,.vo-stl .vo-think.vo-on,.vo-stl .vo-think.vo-on i,.vo-stl .vo-bars3 i{animation-duration:.01ms!important;animation-iteration-count:1!important}}\n"] }]
+        }], propDecorators: { steps: [{
+                type: Input
+            }], current: [{
+                type: Input
+            }], loader: [{
+                type: Input
+            }], doneLabel: [{
+                type: Input
+            }], open: [{
+                type: Input
+            }], defaultOpen: [{
+                type: Input
+            }], openChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC1sb2FkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3RlcC1sb2FkZXIvc3RlcC1sb2FkZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHlEQUF5RDtBQUN6RCxFQUFFO0FBQ0YscUVBQXFFO0FBQ3JFLGdGQUFnRjtBQUNoRixpRkFBaUY7QUFFakYsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUVMLE1BQU0sRUFFTixpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDbkQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHdCQUF3QixDQUFDOztBQXVGekQsTUFBTSxPQUFPLG1CQUFtQjtJQTFFaEM7UUEyRUUsdUJBQXVCO1FBQ2QsVUFBSyxHQUFXLEVBQUUsQ0FBQztRQUM1QixzRkFBc0Y7UUFDN0UsWUFBTyxHQUFHLENBQUMsQ0FBQztRQUNyQiwwQ0FBMEM7UUFDakMsV0FBTSxHQUFvQixPQUFPLENBQUM7UUFDM0MscUNBQXFDO1FBQzVCLGNBQVMsR0FBRyxrQkFBa0IsQ0FBQztRQUd4Qyw0Q0FBNEM7UUFDbkMsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFFN0IsMkNBQTJDO1FBQ2pDLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO1FBRW5ELDZFQUE2RTtRQUM3RSxXQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ1AsWUFBTyxHQUFHLEtBQUssQ0FBQztLQWdDekI7SUE5QkMsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksT0FBTyxDQUFDLE1BQU0sQ0FBQyxJQUFJLElBQUksQ0FBQyxJQUFJLEtBQUssU0FBUyxFQUFFLENBQUM7WUFDL0MsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDO1FBQzFCLENBQUM7YUFBTSxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQ3pCLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLElBQUksSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDO1FBQzlDLENBQUM7SUFDSCxDQUFDO0lBRUQsdUJBQXVCO0lBQ3ZCLElBQUksQ0FBQztRQUNILE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUM7SUFDM0IsQ0FBQztJQUVELGtDQUFrQztJQUNsQyxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLENBQUMsQ0FBQztJQUNoQyxDQUFDO0lBRUQsdUVBQXVFO0lBQ3ZFLElBQUksRUFBRTtRQUNKLE9BQU8sSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLElBQUksQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUM7SUFDNUMsQ0FBQztJQUVELE1BQU07UUFDSixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztRQUNwQixNQUFNLElBQUksR0FBRyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUM7UUFDMUIsMERBQTBEO1FBQzFELElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxTQUFTO1lBQUUsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUM7UUFDaEQsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDN0IsQ0FBQzsrR0FsRFUsbUJBQW1CO21HQUFuQixtQkFBbUIsMFFBckVwQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBa0VULHl0SkFuRVMsZUFBZSw4RUFBRSxnQkFBZ0I7OzRGQXNFaEMsbUJBQW1CO2tCQTFFL0IsU0FBUzsrQkFDRSxnQkFBZ0IsY0FDZCxJQUFJLGlCQUNELGlCQUFpQixDQUFDLElBQUksV0FDNUIsQ0FBQyxlQUFlLEVBQUUsZ0JBQWdCLENBQUMsWUFDbEM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQWtFVDs4QkFLUSxLQUFLO3NCQUFiLEtBQUs7Z0JBRUcsT0FBTztzQkFBZixLQUFLO2dCQUVHLE1BQU07c0JBQWQsS0FBSztnQkFFRyxTQUFTO3NCQUFqQixLQUFLO2dCQUVHLElBQUk7c0JBQVosS0FBSztnQkFFRyxXQUFXO3NCQUFuQixLQUFLO2dCQUdJLFVBQVU7c0JBQW5CLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyIvLyBmcmFtZXdvcmsvYW5ndWxhci9zdGVwLWxvYWRlci9zdGVwLWxvYWRlci5jb21wb25lbnQudHNcbi8vXG4vLyBOYXRpdmUgQW5ndWxhciBwb3J0IG9mIGZyYW1ld29yay9yZWFjdC9zdGVwLWxvYWRlci9TdGVwTG9hZGVyLnRzeC5cbi8vIE5hbWVkIHN0ZXBzIHdpdGggYSBwcm9ncmVzcyB0cmFjayBhbmQgYSBsb2FkZXIgZ2x5cGggYmVzaWRlIHRoZSBydW5uaW5nIHN0ZXAuXG4vLyBDbGljayB0aGUgcm93IHRvIGV4cGFuZCB0aGUgZnVsbCBsaXN0IG9mIHN0ZXBzLiBJbnB1dHMgbWlycm9yIHRoZSBSZWFjdCBwcm9wcy5cblxuaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPbkNoYW5nZXMsXG4gIE91dHB1dCxcbiAgU2ltcGxlQ2hhbmdlcyxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmdUZW1wbGF0ZU91dGxldCB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBWb0ljb25Db21wb25lbnQgfSBmcm9tICcuLi9jb3JlL2ljb24uY29tcG9uZW50JztcblxuLyoqIE9uZSBuYW1lZCBzdGVwLiAqL1xuZXhwb3J0IGludGVyZmFjZSBTdGVwIHtcbiAgLyoqIFNob3duIHdoaWxlIHRoZSBzdGVwIHJ1bnMsIGxpa2UgXCJSZWFkaW5nIEZpZ21hIGZyYW1lc1wiLiAqL1xuICBsYWJlbDogc3RyaW5nO1xuICAvKiogU2hvd24gb25jZSBpdCBpcyBkb25lLCBsaWtlIFwiUmVhZCA0IGZyYW1lc1wiLiBGYWxscyBiYWNrIHRvIGxhYmVsLiAqL1xuICBkb25lPzogc3RyaW5nO1xufVxuXG4vKiogVGhlIGxvYWRlciBnbHlwaCBiZXNpZGUgdGhlIHJ1bm5pbmcgc3RlcC4gKi9cbmV4cG9ydCB0eXBlIFN0ZXBMb2FkZXJHbHlwaCA9ICdyYWRhcicgfCAnZG90cycgfCAncmluZycgfCAnYmFycyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ZvLXN0ZXAtbG9hZGVyJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgaW1wb3J0czogW1ZvSWNvbkNvbXBvbmVudCwgTmdUZW1wbGF0ZU91dGxldF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBkYXRhLXZvPVwiXCIgY2xhc3M9XCJ2by1zdGxcIj5cbiAgICAgIDxidXR0b24gdHlwZT1cImJ1dHRvblwiIGNsYXNzPVwidm8tc3RsLXJvd1wiIFthdHRyLmFyaWEtZXhwYW5kZWRdPVwiaXNPcGVuXCIgKGNsaWNrKT1cInRvZ2dsZSgpXCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwidm8tc3RsLWdcIj5cbiAgICAgICAgICBAaWYgKGFsbERvbmUpIHtcbiAgICAgICAgICAgIDxzcGFuIHN0eWxlPVwiY29sb3I6dmFyKC0tdm8tb2spO2Rpc3BsYXk6Z3JpZFwiPjx2by1pY29uIG5hbWU9XCJva1wiPjwvdm8taWNvbj48L3NwYW4+XG4gICAgICAgICAgfSBAZWxzZSB7XG4gICAgICAgICAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImdseXBoXCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgICAgfVxuICAgICAgICA8L3NwYW4+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwidm8tc3RsLXRcIj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInZvLXN0bC1sYWJcIiBbY2xhc3Mudm8tc2hpbV09XCIhYWxsRG9uZVwiPnt7IGFsbERvbmUgPyBkb25lTGFiZWwgOiBzdGVwc1thdF0/LmxhYmVsIH19PC9zcGFuPlxuICAgICAgICA8L3NwYW4+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwidm8tc3RsLW4gdm8tbnVtXCI+e3sgKGFsbERvbmUgPyBuIDogYXQgKyAxKSB9fS97eyBuIH19PC9zcGFuPlxuICAgICAgICA8dm8taWNvbiBuYW1lPVwiY2hldi1kXCIgc2l6ZT1cInhzXCIgY2xhc3M9XCJ2by1zdGwtY2hldlwiPjwvdm8taWNvbj5cbiAgICAgIDwvYnV0dG9uPlxuXG4gICAgICA8ZGl2IGNsYXNzPVwidm8tc3RsLXRyYWNrXCIgcm9sZT1cInByb2dyZXNzYmFyXCIgW2F0dHIuYXJpYS12YWx1ZW1pbl09XCIwXCJcbiAgICAgICAgICAgW2F0dHIuYXJpYS12YWx1ZW1heF09XCJuXCIgW2F0dHIuYXJpYS12YWx1ZW5vd109XCJhbGxEb25lID8gbiA6IGF0XCI+XG4gICAgICAgIEBmb3IgKHMgb2Ygc3RlcHM7IHRyYWNrICRpbmRleCkge1xuICAgICAgICAgIDxpIFtjbGFzcy52by1vbl09XCJhbGxEb25lIHx8ICRpbmRleCA8IGN1cnJlbnRcIlxuICAgICAgICAgICAgIFtjbGFzcy52by1ydW5dPVwiIWFsbERvbmUgJiYgJGluZGV4ID09PSBjdXJyZW50XCI+PC9pPlxuICAgICAgICB9XG4gICAgICA8L2Rpdj5cblxuICAgICAgPGRpdiBjbGFzcz1cInZvLWZvbGQgdm8tc3RsLWZvbGRcIiBbY2xhc3Mudm8tc2h1dF09XCIhaXNPcGVuXCIgW2F0dHIuaW5lcnRdPVwiIWlzT3BlbiA/ICcnIDogbnVsbFwiXG4gICAgICAgICAgIFthdHRyLmFyaWEtaGlkZGVuXT1cIiFpc09wZW5cIj5cbiAgICAgICAgPGRpdj5cbiAgICAgICAgICA8b2wgY2xhc3M9XCJ2by1zdGwtbGlzdFwiPlxuICAgICAgICAgICAgQGZvciAocyBvZiBzdGVwczsgdHJhY2sgJGluZGV4KSB7XG4gICAgICAgICAgICAgIDxsaSBbY2xhc3Mudm8tZG9uZV09XCJhbGxEb25lIHx8ICRpbmRleCA8IGN1cnJlbnRcIlxuICAgICAgICAgICAgICAgICAgW2NsYXNzLnZvLXJ1bl09XCIhYWxsRG9uZSAmJiAkaW5kZXggPT09IGN1cnJlbnRcIj5cbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInZvLWdcIj5cbiAgICAgICAgICAgICAgICAgIEBpZiAoYWxsRG9uZSB8fCAkaW5kZXggPCBjdXJyZW50KSB7XG4gICAgICAgICAgICAgICAgICAgIDxzcGFuIHN0eWxlPVwiY29sb3I6dmFyKC0tdm8tb2spO2Rpc3BsYXk6Z3JpZFwiPjx2by1pY29uIG5hbWU9XCJjaGVja1wiIHNpemU9XCJ4c1wiPjwvdm8taWNvbj48L3NwYW4+XG4gICAgICAgICAgICAgICAgICB9IEBlbHNlIGlmICgkaW5kZXggPT09IGN1cnJlbnQpIHtcbiAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJnbHlwaFwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgfSBAZWxzZSB7XG4gICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidm8tZG90XCIgc3R5bGU9XCJjb2xvcjp2YXIoLS12by1mYWludClcIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L3NwYW4+XG4gICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgICAgIHt7IChhbGxEb25lIHx8ICRpbmRleCA8IGN1cnJlbnQpID8gKHMuZG9uZSA/PyBzLmxhYmVsKSA6IHMubGFiZWwgfX1cbiAgICAgICAgICAgICAgPC9saT5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICA8L29sPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuXG4gICAgPCEtLSB0aGUgbG9hZGVyIGdseXBoIGZvciB0aGUgY2hvc2VuIGtpbmQgLS0+XG4gICAgPG5nLXRlbXBsYXRlICNnbHlwaD5cbiAgICAgIEBzd2l0Y2ggKGxvYWRlcikge1xuICAgICAgICBAY2FzZSAoJ2RvdHMnKSB7XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2by10aGluayB2by1vblwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjxpPjwvaT48aT48L2k+PGk+PC9pPjxpPjwvaT48L3NwYW4+XG4gICAgICAgIH1cbiAgICAgICAgQGNhc2UgKCdyaW5nJykge1xuICAgICAgICAgIDxzcGFuIGNsYXNzPVwidm8tc3BpblwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvc3Bhbj5cbiAgICAgICAgfVxuICAgICAgICBAY2FzZSAoJ2JhcnMnKSB7XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2by1iYXJzM1wiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjxpPjwvaT48aT48L2k+PGk+PC9pPjwvc3Bhbj5cbiAgICAgICAgfVxuICAgICAgICBAZGVmYXVsdCB7XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2by1yYWRhclwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvc3Bhbj5cbiAgICAgICAgfVxuICAgICAgfVxuICAgIDwvbmctdGVtcGxhdGU+XG4gIGAsXG4gIHN0eWxlVXJsOiAnLi9zdGVwLWxvYWRlci5jc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBTdGVwTG9hZGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcbiAgLyoqIFRoZSBuYW1lZCBzdGVwcy4gKi9cbiAgQElucHV0KCkgc3RlcHM6IFN0ZXBbXSA9IFtdO1xuICAvKiogSW5kZXggb2YgdGhlIHN0ZXAgcnVubmluZyBub3cuIHN0ZXBzLmxlbmd0aCAob3IgbW9yZSkgbWVhbnMgZXZlcnkgc3RlcCBpcyBkb25lLiAqL1xuICBASW5wdXQoKSBjdXJyZW50ID0gMDtcbiAgLyoqIFRoZSBsb2FkZXIgYmVzaWRlIHRoZSBydW5uaW5nIHN0ZXAuICovXG4gIEBJbnB1dCgpIGxvYWRlcjogU3RlcExvYWRlckdseXBoID0gJ3JhZGFyJztcbiAgLyoqIExhYmVsIG9uY2UgZXZlcnkgc3RlcCBpcyBkb25lLiAqL1xuICBASW5wdXQoKSBkb25lTGFiZWwgPSAnUmVhZHkgZm9yIHJldmlldyc7XG4gIC8qKiBXaGV0aGVyIHRoZSBsaXN0IG9mIGV2ZXJ5IHN0ZXAgaXMgb3BlbiAoY29udHJvbGxlZCkuIExlYXZlIG91dCB0byBsZXQgdGhlIHJvdyB0b2dnbGUgaXQuICovXG4gIEBJbnB1dCgpIG9wZW4/OiBib29sZWFuO1xuICAvKiogSW5pdGlhbCBvcGVuIHN0YXRlIHdoZW4gdW5jb250cm9sbGVkLiAqL1xuICBASW5wdXQoKSBkZWZhdWx0T3BlbiA9IGZhbHNlO1xuXG4gIC8qKiBFbWl0dGVkIHdoZW4gdGhlIG9wZW4gc3RhdGUgY2hhbmdlcy4gKi9cbiAgQE91dHB1dCgpIG9wZW5DaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG5cbiAgLyoqIFRoZSBvcGVuIHN0YXRlIHNob3duIG5vdyAoY29udHJvbGxlZCBieSBgb3BlbmAsIGVsc2UgaGVsZCBpbnRlcm5hbGx5KS4gKi9cbiAgaXNPcGVuID0gZmFsc2U7XG4gIHByaXZhdGUgdG91Y2hlZCA9IGZhbHNlO1xuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICBpZiAoY2hhbmdlc1snb3BlbiddICYmIHRoaXMub3BlbiAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICB0aGlzLmlzT3BlbiA9IHRoaXMub3BlbjtcbiAgICB9IGVsc2UgaWYgKCF0aGlzLnRvdWNoZWQpIHtcbiAgICAgIHRoaXMuaXNPcGVuID0gdGhpcy5vcGVuID8/IHRoaXMuZGVmYXVsdE9wZW47XG4gICAgfVxuICB9XG5cbiAgLyoqIE51bWJlciBvZiBzdGVwcy4gKi9cbiAgZ2V0IG4oKTogbnVtYmVyIHtcbiAgICByZXR1cm4gdGhpcy5zdGVwcy5sZW5ndGg7XG4gIH1cblxuICAvKiogV2hldGhlciBldmVyeSBzdGVwIGlzIGRvbmUuICovXG4gIGdldCBhbGxEb25lKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmN1cnJlbnQgPj0gdGhpcy5uO1xuICB9XG5cbiAgLyoqIEluZGV4IG9mIHRoZSBzdGVwIHRvIHNob3cgYXMgcnVubmluZyAoY2xhbXBlZCB0byB0aGUgbGFzdCBzdGVwKS4gKi9cbiAgZ2V0IGF0KCk6IG51bWJlciB7XG4gICAgcmV0dXJuIE1hdGgubWluKHRoaXMuY3VycmVudCwgdGhpcy5uIC0gMSk7XG4gIH1cblxuICB0b2dnbGUoKTogdm9pZCB7XG4gICAgdGhpcy50b3VjaGVkID0gdHJ1ZTtcbiAgICBjb25zdCBuZXh0ID0gIXRoaXMuaXNPcGVuO1xuICAgIC8vIGNvbnRyb2xsZWQ6IHRlbGwgdGhlIHBhcmVudDsgdW5jb250cm9sbGVkOiBmbGlwIGxvY2FsbHlcbiAgICBpZiAodGhpcy5vcGVuID09PSB1bmRlZmluZWQpIHRoaXMuaXNPcGVuID0gbmV4dDtcbiAgICB0aGlzLm9wZW5DaGFuZ2UuZW1pdChuZXh0KTtcbiAgfVxufVxuIl19