@visuno/angular 0.0.0-stage → 0.1.0

package/esm2022/modal/modal.component.mjs

@@ -0,0 +1,202 @@
+// framework/angular/modal/modal.component.ts
+//
+// Native Angular port of framework/react/modal/Modal.tsx.
+// A centred dialog over a dimmed backdrop: closes on the backdrop, the close
+// button or Escape, locks the page scroll while open and returns focus on close.
+// Content is projected: [vo-modal-title], [vo-modal-subtitle], the default slot
+// for the body, and [vo-modal-footer] for the pinned button row.
+import { Component, EventEmitter, HostListener, 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";
+let openCount = 0;
+/** A centred dialog over a dimmed backdrop. */
+export class ModalComponent {
+    constructor() {
+        this.reduced = inject(ReducedMotionService);
+        /** Whether the modal is on screen. */
+        this.open = false;
+        /** How wide the panel may grow. */
+        this.size = 'md';
+        /** Hide the corner close button (Escape and the backdrop still close it). */
+        this.hideClose = false;
+        /** Keep the modal open when the backdrop is clicked. */
+        this.disableBackdropClose = false;
+        /** Whether a title was projected (set by the host, defaults to true for the header). */
+        this.hasTitle = true;
+        /** Whether a footer was projected. */
+        this.hasFooter = false;
+        this.className = '';
+        /** Called when the person asks to close it. */
+        this.close = new EventEmitter();
+        this.returnTo = null;
+        this.prevOverflow = '';
+        this.locked = false;
+    }
+    onEscape(e) {
+        if (!this.open)
+            return;
+        e.stopPropagation();
+        this.close.emit();
+    }
+    ngOnChanges(changes) {
+        if (!changes['open'])
+            return;
+        if (this.open)
+            this.lock();
+        else
+            this.unlock();
+    }
+    lock() {
+        if (this.locked)
+            return;
+        this.locked = true;
+        this.returnTo = document.activeElement;
+        openCount++;
+        this.prevOverflow = document.body.style.overflow;
+        document.body.style.overflow = 'hidden';
+        // focus the first focusable thing in the panel, after it renders
+        setTimeout(() => {
+            const el = this.panel?.nativeElement;
+            const focusable = el?.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+            (focusable ?? el)?.focus();
+        });
+    }
+    unlock() {
+        if (!this.locked)
+            return;
+        this.locked = false;
+        openCount = Math.max(0, openCount - 1);
+        if (openCount === 0)
+            document.body.style.overflow = this.prevOverflow;
+        this.returnTo?.focus?.();
+    }
+    onBackdrop(e) {
+        if (!this.disableBackdropClose && e.target === e.currentTarget)
+            this.close.emit();
+    }
+    onKeyDown(e) {
+        if (e.key !== 'Tab' || !this.panel)
+            return;
+        const items = Array.from(this.panel.nativeElement.querySelectorAll('button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])')).filter((el) => el.offsetParent !== null);
+        if (!items.length)
+            return;
+        const first = items[0];
+        const last = items[items.length - 1];
+        const active = document.activeElement;
+        if (e.shiftKey && active === first) {
+            e.preventDefault();
+            last.focus();
+        }
+        else if (!e.shiftKey && active === last) {
+            e.preventDefault();
+            first.focus();
+        }
+    }
+    ngOnDestroy() {
+        this.unlock();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ModalComponent, isStandalone: true, selector: "vo-modal", inputs: { open: "open", size: "size", hideClose: "hideClose", disableBackdropClose: "disableBackdropClose", ariaLabel: "ariaLabel", hasTitle: "hasTitle", hasFooter: "hasFooter", className: "className" }, outputs: { close: "close" }, host: { listeners: { "document:keydown.escape": "onEscape($event)" } }, viewQueries: [{ propertyName: "panel", first: true, predicate: ["panel"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+    @if (open) {
+      <div
+        data-vo=""
+        class="vo-mdl-scrim"
+        [class.vo-no-anim]="reduced.reduce()"
+        (mousedown)="onBackdrop($event)"
+      >
+        <div
+          #panel
+          class="vo-mdl vo-mdl-{{ size }}"
+          [class]="className"
+          role="dialog"
+          aria-modal="true"
+          [attr.aria-label]="hasTitle ? null : ariaLabel"
+          tabindex="-1"
+          (keydown)="onKeyDown($event)"
+        >
+          @if (hasTitle || !hideClose) {
+            <div class="vo-mdl-h">
+              <div class="vo-mdl-ht">
+                <h2 class="vo-mdl-t" [hidden]="!hasTitle"><ng-content select="[vo-modal-title]" /></h2>
+                <div class="vo-mdl-s vo-muted"><ng-content select="[vo-modal-subtitle]" /></div>
+              </div>
+              @if (!hideClose) {
+                <button type="button" class="vo-ib vo-mdl-x" aria-label="Close" (click)="close.emit()">
+                  <vo-icon name="x" />
+                </button>
+              }
+            </div>
+          }
+          <div class="vo-mdl-body"><ng-content /></div>
+          <div class="vo-mdl-f" [hidden]="!hasFooter"><ng-content select="[vo-modal-footer]" /></div>
+        </div>
+      </div>
+    }
+  `, isInline: true, styles: [".vo-mdl-scrim{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:var(--vo-s-5);background:#0a0a0a6b;backdrop-filter:blur(3px);animation:vo-mdl-fade .18s var(--vo-ease) both}.vo-mdl{position:relative;width:100%;max-height:calc(100vh - var(--vo-s-8));display:flex;flex-direction:column;background:var(--vo-raised,var(--vo-surface));color:var(--vo-fg);border-radius:var(--vo-r-card);box-shadow:var(--vo-shadow-pop,var(--vo-shadow));overflow:hidden;animation:vo-mdl-rise .22s var(--vo-ease) both}@supports (corner-shape:squircle){.vo-mdl{corner-shape:squircle;border-radius:var(--vo-r-box-sq)}}.vo-mdl:focus{outline:none}.vo-mdl-sm{max-width:420px}.vo-mdl-md{max-width:560px}.vo-mdl-lg{max-width:820px}.vo-mdl-h{display:flex;align-items:flex-start;gap:var(--vo-s-3);padding:var(--vo-s-5) var(--vo-s-5) var(--vo-s-3)}.vo-mdl-ht{flex:1;min-width:0}.vo-mdl-t{margin:0;font-size:16px;font-weight:600;letter-spacing:-.01em;line-height:1.3;color:var(--vo-fg)}.vo-mdl-s{margin-top:2px;font-size:13px}.vo-mdl-x{flex:none;margin:-4px -4px 0 0}.vo-mdl-body{padding:0 var(--vo-s-5) var(--vo-s-5);overflow:auto;overscroll-behavior:contain}.vo-mdl-h+.vo-mdl-body{padding-top:0}.vo-mdl-f{display:flex;align-items:center;justify-content:flex-end;gap:var(--vo-s-2);padding:var(--vo-s-3) var(--vo-s-5);border-top:1px solid color-mix(in srgb,var(--vo-line) 60%,transparent)}@keyframes vo-mdl-fade{0%{opacity:0}to{opacity:1}}@keyframes vo-mdl-rise{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@media (max-width:480px){.vo-mdl-scrim{padding:var(--vo-s-3)}.vo-mdl{max-height:calc(100vh - var(--vo-s-6))}}.vo-no-anim.vo-mdl-scrim,.vo-no-anim .vo-mdl{animation:none}@media (prefers-reduced-motion:reduce){.vo-mdl-scrim,.vo-mdl{animation:none!important}.vo-mdl-scrim{backdrop-filter: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: ModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vo-modal', standalone: true, encapsulation: ViewEncapsulation.None, imports: [VoIconComponent], template: `
+    @if (open) {
+      <div
+        data-vo=""
+        class="vo-mdl-scrim"
+        [class.vo-no-anim]="reduced.reduce()"
+        (mousedown)="onBackdrop($event)"
+      >
+        <div
+          #panel
+          class="vo-mdl vo-mdl-{{ size }}"
+          [class]="className"
+          role="dialog"
+          aria-modal="true"
+          [attr.aria-label]="hasTitle ? null : ariaLabel"
+          tabindex="-1"
+          (keydown)="onKeyDown($event)"
+        >
+          @if (hasTitle || !hideClose) {
+            <div class="vo-mdl-h">
+              <div class="vo-mdl-ht">
+                <h2 class="vo-mdl-t" [hidden]="!hasTitle"><ng-content select="[vo-modal-title]" /></h2>
+                <div class="vo-mdl-s vo-muted"><ng-content select="[vo-modal-subtitle]" /></div>
+              </div>
+              @if (!hideClose) {
+                <button type="button" class="vo-ib vo-mdl-x" aria-label="Close" (click)="close.emit()">
+                  <vo-icon name="x" />
+                </button>
+              }
+            </div>
+          }
+          <div class="vo-mdl-body"><ng-content /></div>
+          <div class="vo-mdl-f" [hidden]="!hasFooter"><ng-content select="[vo-modal-footer]" /></div>
+        </div>
+      </div>
+    }
+  `, styles: [".vo-mdl-scrim{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:var(--vo-s-5);background:#0a0a0a6b;backdrop-filter:blur(3px);animation:vo-mdl-fade .18s var(--vo-ease) both}.vo-mdl{position:relative;width:100%;max-height:calc(100vh - var(--vo-s-8));display:flex;flex-direction:column;background:var(--vo-raised,var(--vo-surface));color:var(--vo-fg);border-radius:var(--vo-r-card);box-shadow:var(--vo-shadow-pop,var(--vo-shadow));overflow:hidden;animation:vo-mdl-rise .22s var(--vo-ease) both}@supports (corner-shape:squircle){.vo-mdl{corner-shape:squircle;border-radius:var(--vo-r-box-sq)}}.vo-mdl:focus{outline:none}.vo-mdl-sm{max-width:420px}.vo-mdl-md{max-width:560px}.vo-mdl-lg{max-width:820px}.vo-mdl-h{display:flex;align-items:flex-start;gap:var(--vo-s-3);padding:var(--vo-s-5) var(--vo-s-5) var(--vo-s-3)}.vo-mdl-ht{flex:1;min-width:0}.vo-mdl-t{margin:0;font-size:16px;font-weight:600;letter-spacing:-.01em;line-height:1.3;color:var(--vo-fg)}.vo-mdl-s{margin-top:2px;font-size:13px}.vo-mdl-x{flex:none;margin:-4px -4px 0 0}.vo-mdl-body{padding:0 var(--vo-s-5) var(--vo-s-5);overflow:auto;overscroll-behavior:contain}.vo-mdl-h+.vo-mdl-body{padding-top:0}.vo-mdl-f{display:flex;align-items:center;justify-content:flex-end;gap:var(--vo-s-2);padding:var(--vo-s-3) var(--vo-s-5);border-top:1px solid color-mix(in srgb,var(--vo-line) 60%,transparent)}@keyframes vo-mdl-fade{0%{opacity:0}to{opacity:1}}@keyframes vo-mdl-rise{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@media (max-width:480px){.vo-mdl-scrim{padding:var(--vo-s-3)}.vo-mdl{max-height:calc(100vh - var(--vo-s-6))}}.vo-no-anim.vo-mdl-scrim,.vo-no-anim .vo-mdl{animation:none}@media (prefers-reduced-motion:reduce){.vo-mdl-scrim,.vo-mdl{animation:none!important}.vo-mdl-scrim{backdrop-filter:none}}\n"] }]
+        }], propDecorators: { open: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], hideClose: [{
+                type: Input
+            }], disableBackdropClose: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }], hasTitle: [{
+                type: Input
+            }], hasFooter: [{
+                type: Input
+            }], className: [{
+                type: Input
+            }], close: [{
+                type: Output
+            }], panel: [{
+                type: ViewChild,
+                args: ['panel']
+            }], onEscape: [{
+                type: HostListener,
+                args: ['document:keydown.escape', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vbW9kYWwvbW9kYWwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDZDQUE2QztBQUM3QyxFQUFFO0FBQ0YsMERBQTBEO0FBQzFELDZFQUE2RTtBQUM3RSxpRkFBaUY7QUFDakYsZ0ZBQWdGO0FBQ2hGLGlFQUFpRTtBQUVqRSxPQUFPLEVBQ0wsU0FBUyxFQUVULFlBQVksRUFDWixZQUFZLEVBQ1osS0FBSyxFQUdMLE1BQU0sRUFFTixTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDekQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7O0FBRXRFLElBQUksU0FBUyxHQUFHLENBQUMsQ0FBQztBQUVsQiwrQ0FBK0M7QUE2Qy9DLE1BQU0sT0FBTyxjQUFjO0lBNUMzQjtRQTZDVyxZQUFPLEdBQUcsTUFBTSxDQUFDLG9CQUFvQixDQUFDLENBQUM7UUFFaEQsc0NBQXNDO1FBQzdCLFNBQUksR0FBRyxLQUFLLENBQUM7UUFDdEIsbUNBQW1DO1FBQzFCLFNBQUksR0FBdUIsSUFBSSxDQUFDO1FBQ3pDLDZFQUE2RTtRQUNwRSxjQUFTLEdBQUcsS0FBSyxDQUFDO1FBQzNCLHdEQUF3RDtRQUMvQyx5QkFBb0IsR0FBRyxLQUFLLENBQUM7UUFHdEMsd0ZBQXdGO1FBQy9FLGFBQVEsR0FBRyxJQUFJLENBQUM7UUFDekIsc0NBQXNDO1FBQzdCLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFDbEIsY0FBUyxHQUFHLEVBQUUsQ0FBQztRQUV4QiwrQ0FBK0M7UUFDckMsVUFBSyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFJbkMsYUFBUSxHQUF1QixJQUFJLENBQUM7UUFDcEMsaUJBQVksR0FBRyxFQUFFLENBQUM7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QUFLLEVBQUUsQ0FBQztZQUNuQyxDQUFDLENBQUMsY0FBYyxFQUFFLENBQUM7WUFDbkIsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQ2YsQ0FBQzthQUFNLElBQUksQ0FBQyxDQUFDLENBQUMsUUFBUSxJQUFJLE1BQU0sS0FBSyxJQUFJLEVBQUUsQ0FBQztZQUMxQyxDQUFDLENBQUMsY0FBYyxFQUFFLENBQUM7WUFDbkIsS0FBSyxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQ2hCLENBQUM7SUFDSCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztJQUNoQixDQUFDOytHQTVGVSxjQUFjO21HQUFkLGNBQWMsMGVBdkNmOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FvQ1QsdzJEQXJDUyxlQUFlOzs0RkF3Q2QsY0FBYztrQkE1QzFCLFNBQVM7K0JBQ0UsVUFBVSxjQUNSLElBQUksaUJBQ0QsaUJBQWlCLENBQUMsSUFBSSxXQUM1QixDQUFDLGVBQWUsQ0FBQyxZQUNoQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBb0NUOzhCQU9RLElBQUk7c0JBQVosS0FBSztnQkFFRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRUcsU0FBUztzQkFBakIsS0FBSztnQkFFRyxvQkFBb0I7c0JBQTVCLEtBQUs7Z0JBRUcsU0FBUztzQkFBakIsS0FBSztnQkFFRyxRQUFRO3NCQUFoQixLQUFLO2dCQUVHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFHSSxLQUFLO3NCQUFkLE1BQU07Z0JBRWEsS0FBSztzQkFBeEIsU0FBUzt1QkFBQyxPQUFPO2dCQU9sQixRQUFRO3NCQURQLFlBQVk7dUJBQUMseUJBQXlCLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBmcmFtZXdvcmsvYW5ndWxhci9tb2RhbC9tb2RhbC5jb21wb25lbnQudHNcbi8vXG4vLyBOYXRpdmUgQW5ndWxhciBwb3J0IG9mIGZyYW1ld29yay9yZWFjdC9tb2RhbC9Nb2RhbC50c3guXG4vLyBBIGNlbnRyZWQgZGlhbG9nIG92ZXIgYSBkaW1tZWQgYmFja2Ryb3A6IGNsb3NlcyBvbiB0aGUgYmFja2Ryb3AsIHRoZSBjbG9zZVxuLy8gYnV0dG9uIG9yIEVzY2FwZSwgbG9ja3MgdGhlIHBhZ2Ugc2Nyb2xsIHdoaWxlIG9wZW4gYW5kIHJldHVybnMgZm9jdXMgb24gY2xvc2UuXG4vLyBDb250ZW50IGlzIHByb2plY3RlZDogW3ZvLW1vZGFsLXRpdGxlXSwgW3ZvLW1vZGFsLXN1YnRpdGxlXSwgdGhlIGRlZmF1bHQgc2xvdFxuLy8gZm9yIHRoZSBib2R5LCBhbmQgW3ZvLW1vZGFsLWZvb3Rlcl0gZm9yIHRoZSBwaW5uZWQgYnV0dG9uIHJvdy5cblxuaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBFdmVudEVtaXR0ZXIsXG4gIEhvc3RMaXN0ZW5lcixcbiAgSW5wdXQsXG4gIE9uQ2hhbmdlcyxcbiAgT25EZXN0cm95LFxuICBPdXRwdXQsXG4gIFNpbXBsZUNoYW5nZXMsXG4gIFZpZXdDaGlsZCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG4gIGluamVjdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBWb0ljb25Db21wb25lbnQgfSBmcm9tICcuLi9jb3JlL2ljb24uY29tcG9uZW50JztcbmltcG9ydCB7IFJlZHVjZWRNb3Rpb25TZXJ2aWNlIH0gZnJvbSAnLi4vY29yZS9yZWR1Y2VkLW1vdGlvbi5zZXJ2aWNlJztcblxubGV0IG9wZW5Db3VudCA9IDA7XG5cbi8qKiBBIGNlbnRyZWQgZGlhbG9nIG92ZXIgYSBkaW1tZWQgYmFja2Ryb3AuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2by1tb2RhbCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGltcG9ydHM6IFtWb0ljb25Db21wb25lbnRdLFxuICB0ZW1wbGF0ZTogYFxuICAgIEBpZiAob3Blbikge1xuICAgICAgPGRpdlxuICAgICAgICBkYXRhLXZvPVwiXCJcbiAgICAgICAgY2xhc3M9XCJ2by1tZGwtc2NyaW1cIlxuICAgICAgICBbY2xhc3Mudm8tbm8tYW5pbV09XCJyZWR1Y2VkLnJlZHVjZSgpXCJcbiAgICAgICAgKG1vdXNlZG93bik9XCJvbkJhY2tkcm9wKCRldmVudClcIlxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgI3BhbmVsXG4gICAgICAgICAgY2xhc3M9XCJ2by1tZGwgdm8tbWRsLXt7IHNpemUgfX1cIlxuICAgICAgICAgIFtjbGFzc109XCJjbGFzc05hbWVcIlxuICAgICAgICAgIHJvbGU9XCJkaWFsb2dcIlxuICAgICAgICAgIGFyaWEtbW9kYWw9XCJ0cnVlXCJcbiAgICAgICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cImhhc1RpdGxlID8gbnVsbCA6IGFyaWFMYWJlbFwiXG4gICAgICAgICAgdGFiaW5kZXg9XCItMVwiXG4gICAgICAgICAgKGtleWRvd24pPVwib25LZXlEb3duKCRldmVudClcIlxuICAgICAgICA+XG4gICAgICAgICAgQGlmIChoYXNUaXRsZSB8fCAhaGlkZUNsb3NlKSB7XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwidm8tbWRsLWhcIj5cbiAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInZvLW1kbC1odFwiPlxuICAgICAgICAgICAgICAgIDxoMiBjbGFzcz1cInZvLW1kbC10XCIgW2hpZGRlbl09XCIhaGFzVGl0bGVcIj48bmctY29udGVudCBzZWxlY3Q9XCJbdm8tbW9kYWwtdGl0bGVdXCIgLz48L2gyPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2by1tZGwtcyB2by1tdXRlZFwiPjxuZy1jb250ZW50IHNlbGVjdD1cIlt2by1tb2RhbC1zdWJ0aXRsZV1cIiAvPjwvZGl2PlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgQGlmICghaGlkZUNsb3NlKSB7XG4gICAgICAgICAgICAgICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgY2xhc3M9XCJ2by1pYiB2by1tZGwteFwiIGFyaWEtbGFiZWw9XCJDbG9zZVwiIChjbGljayk9XCJjbG9zZS5lbWl0KClcIj5cbiAgICAgICAgICAgICAgICAgIDx2by1pY29uIG5hbWU9XCJ4XCIgLz5cbiAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgfVxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2by1tZGwtYm9keVwiPjxuZy1jb250ZW50IC8+PC9kaXY+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cInZvLW1kbC1mXCIgW2hpZGRlbl09XCIhaGFzRm9vdGVyXCI+PG5nLWNvbnRlbnQgc2VsZWN0PVwiW3ZvLW1vZGFsLWZvb3Rlcl1cIiAvPjwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIH1cbiAgYCxcbiAgc3R5bGVVcmw6ICcuL21vZGFsLmNzcycsXG59KVxuZXhwb3J0IGNsYXNzIE1vZGFsQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzLCBPbkRlc3Ryb3kge1xuICByZWFkb25seSByZWR1Y2VkID0gaW5qZWN0KFJlZHVjZWRNb3Rpb25TZXJ2aWNlKTtcblxuICAvKiogV2hldGhlciB0aGUgbW9kYWwgaXMgb24gc2NyZWVuLiAqL1xuICBASW5wdXQoKSBvcGVuID0gZmFsc2U7XG4gIC8qKiBIb3cgd2lkZSB0aGUgcGFuZWwgbWF5IGdyb3cuICovXG4gIEBJbnB1dCgpIHNpemU6ICdzbScgfCAnbWQnIHwgJ2xnJyA9ICdtZCc7XG4gIC8qKiBIaWRlIHRoZSBjb3JuZXIgY2xvc2UgYnV0dG9uIChFc2NhcGUgYW5kIHRoZSBiYWNrZHJvcCBzdGlsbCBjbG9zZSBpdCkuICovXG4gIEBJbnB1dCgpIGhpZGVDbG9zZSA9IGZhbHNlO1xuICAvKiogS2VlcCB0aGUgbW9kYWwgb3BlbiB3aGVuIHRoZSBiYWNrZHJvcCBpcyBjbGlja2VkLiAqL1xuICBASW5wdXQoKSBkaXNhYmxlQmFja2Ryb3BDbG9zZSA9IGZhbHNlO1xuICAvKiogRm9yIHNjcmVlbiByZWFkZXJzIHdoZW4gdGhlcmUgaXMgbm8gcHJvamVjdGVkIHRpdGxlLiAqL1xuICBASW5wdXQoKSBhcmlhTGFiZWw/OiBzdHJpbmc7XG4gIC8qKiBXaGV0aGVyIGEgdGl0bGUgd2FzIHByb2plY3RlZCAoc2V0IGJ5IHRoZSBob3N0LCBkZWZhdWx0cyB0byB0cnVlIGZvciB0aGUgaGVhZGVyKS4gKi9cbiAgQElucHV0KCkgaGFzVGl0bGUgPSB0cnVlO1xuICAvKiogV2hldGhlciBhIGZvb3RlciB3YXMgcHJvamVjdGVkLiAqL1xuICBASW5wdXQoKSBoYXNGb290ZXIgPSBmYWxzZTtcbiAgQElucHV0KCkgY2xhc3NOYW1lID0gJyc7XG5cbiAgLyoqIENhbGxlZCB3aGVuIHRoZSBwZXJzb24gYXNrcyB0byBjbG9zZSBpdC4gKi9cbiAgQE91dHB1dCgpIGNsb3NlID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIEBWaWV3Q2hpbGQoJ3BhbmVsJykgcGFuZWw/OiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PjtcblxuICBwcml2YXRlIHJldHVyblRvOiBIVE1MRWxlbWVudCB8IG51bGwgPSBudWxsO1xuICBwcml2YXRlIHByZXZPdmVyZmxvdyA9ICcnO1xuICBwcml2YXRlIGxvY2tlZCA9IGZhbHNlO1xuXG4gIEBIb3N0TGlzdGVuZXIoJ2RvY3VtZW50OmtleWRvd24uZXNjYXBlJywgWyckZXZlbnQnXSlcbiAgb25Fc2NhcGUoZTogS2V5Ym9hcmRFdmVudCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5vcGVuKSByZXR1cm47XG4gICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICB0aGlzLmNsb3NlLmVtaXQoKTtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICBpZiAoIWNoYW5nZXNbJ29wZW4nXSkgcmV0dXJuO1xuICAgIGlmICh0aGlzLm9wZW4pIHRoaXMubG9jaygpO1xuICAgIGVsc2UgdGhpcy51bmxvY2soKTtcbiAgfVxuXG4gIHByaXZhdGUgbG9jaygpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5sb2NrZWQpIHJldHVybjtcbiAgICB0aGlzLmxvY2tlZCA9IHRydWU7XG4gICAgdGhpcy5yZXR1cm5UbyA9IGRvY3VtZW50LmFjdGl2ZUVsZW1lbnQgYXMgSFRNTEVsZW1lbnQgfCBudWxsO1xuICAgIG9wZW5Db3VudCsrO1xuICAgIHRoaXMucHJldk92ZXJmbG93ID0gZG9jdW1lbnQuYm9keS5zdHlsZS5vdmVyZmxvdztcbiAgICBkb2N1bWVudC5ib2R5LnN0eWxlLm92ZXJmbG93ID0gJ2hpZGRlbic7XG4gICAgLy8gZm9jdXMgdGhlIGZpcnN0IGZvY3VzYWJsZSB0aGluZyBpbiB0aGUgcGFuZWwsIGFmdGVyIGl0IHJlbmRlcnNcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIGNvbnN0IGVsID0gdGhpcy5wYW5lbD8ubmF0aXZlRWxlbWVudDtcbiAgICAgIGNvbnN0IGZvY3VzYWJsZSA9IGVsPy5xdWVyeVNlbGVjdG9yPEhUTUxFbGVtZW50PihcbiAgICAgICAgJ2J1dHRvbiwgW2hyZWZdLCBpbnB1dCwgc2VsZWN0LCB0ZXh0YXJlYSwgW3RhYmluZGV4XTpub3QoW3RhYmluZGV4PVwiLTFcIl0pJ1xuICAgICAgKTtcbiAgICAgIChmb2N1c2FibGUgPz8gZWwpPy5mb2N1cygpO1xuICAgIH0pO1xuICB9XG5cbiAgcHJpdmF0ZSB1bmxvY2soKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmxvY2tlZCkgcmV0dXJuO1xuICAgIHRoaXMubG9ja2VkID0gZmFsc2U7XG4gICAgb3BlbkNvdW50ID0gTWF0aC5tYXgoMCwgb3BlbkNvdW50IC0gMSk7XG4gICAgaWYgKG9wZW5Db3VudCA9PT0gMCkgZG9jdW1lbnQuYm9keS5zdHlsZS5vdmVyZmxvdyA9IHRoaXMucHJldk92ZXJmbG93O1xuICAgIHRoaXMucmV0dXJuVG8/LmZvY3VzPy4oKTtcbiAgfVxuXG4gIG9uQmFja2Ryb3AoZTogTW91c2VFdmVudCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5kaXNhYmxlQmFja2Ryb3BDbG9zZSAmJiBlLnRhcmdldCA9PT0gZS5jdXJyZW50VGFyZ2V0KSB0aGlzLmNsb3NlLmVtaXQoKTtcbiAgfVxuXG4gIG9uS2V5RG93bihlOiBLZXlib2FyZEV2ZW50KTogdm9pZCB7XG4gICAgaWYgKGUua2V5ICE9PSAnVGFiJyB8fCAhdGhpcy5wYW5lbCkgcmV0dXJuO1xuICAgIGNvbnN0IGl0ZW1zID0gQXJyYXkuZnJvbShcbiAgICAgIHRoaXMucGFuZWwubmF0aXZlRWxlbWVudC5xdWVyeVNlbGVjdG9yQWxsPEhUTUxFbGVtZW50PihcbiAgICAgICAgJ2J1dHRvbjpub3QoW2Rpc2FibGVkXSksIFtocmVmXSwgaW5wdXQ6bm90KFtkaXNhYmxlZF0pLCBzZWxlY3Q6bm90KFtkaXNhYmxlZF0pLCB0ZXh0YXJlYTpub3QoW2Rpc2FibGVkXSksIFt0YWJpbmRleF06bm90KFt0YWJpbmRleD1cIi0xXCJdKSdcbiAgICAgIClcbiAgICApLmZpbHRlcigoZWwpID0+IGVsLm9mZnNldFBhcmVudCAhPT0gbnVsbCk7XG4gICAgaWYgKCFpdGVtcy5sZW5ndGgpIHJldHVybjtcbiAgICBjb25zdCBmaXJzdCA9IGl0ZW1zWzBdO1xuICAgIGNvbnN0IGxhc3QgPSBpdGVtc1tpdGVtcy5sZW5ndGggLSAxXTtcbiAgICBjb25zdCBhY3RpdmUgPSBkb2N1bWVudC5hY3RpdmVFbGVtZW50O1xuICAgIGlmIChlLnNoaWZ0S2V5ICYmIGFjdGl2ZSA9PT0gZmlyc3QpIHtcbiAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgIGxhc3QuZm9jdXMoKTtcbiAgICB9IGVsc2UgaWYgKCFlLnNoaWZ0S2V5ICYmIGFjdGl2ZSA9PT0gbGFzdCkge1xuICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgZmlyc3QuZm9jdXMoKTtcbiAgICB9XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLnVubG9jaygpO1xuICB9XG59XG4iXX0=