@tolle_/tolle-ui 18.2.29 → 18.2.30

package/esm2022/lib/combobox.component.mjs

@@ -0,0 +1,372 @@
+import { Component, Input, Output, EventEmitter, ViewChild, forwardRef, } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { computePosition, flip, shift, offset, size, autoUpdate } from '@floating-ui/dom';
+import { cva } from 'class-variance-authority';
+import { cn } from './utils/cn';
+import { CommandComponent, CommandInputComponent, CommandListComponent, CommandEmptyComponent, CommandItemComponent, } from './command.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+const comboboxTriggerVariants = cva('flex w-full items-center justify-between gap-2 rounded-md border border-input bg-background text-foreground shadow-sm transition-colors ' +
+    'focus:outline-none focus-visible:border-primary/80 focus-visible:ring-4 focus-visible:ring-ring/30 ' +
+    'disabled:cursor-not-allowed disabled:opacity-50', {
+    variants: {
+        size: {
+            xs: 'h-8 px-2 text-xs',
+            sm: 'h-9 px-3 text-sm',
+            default: 'h-10 px-3 text-sm',
+            lg: 'h-11 px-4 text-base',
+        },
+        invalid: {
+            true: 'border-destructive focus-visible:border-destructive/80 focus-visible:ring-destructive/30',
+            false: '',
+        },
+    },
+    defaultVariants: { size: 'default', invalid: false },
+});
+/**
+ * A searchable single-select: a button that opens a `tolle-command` list in a
+ * floating panel. Implements `ControlValueAccessor`, so it works with
+ * `ngModel` and reactive forms.
+ *
+ * Use `tolle-select` when the list is short and needs no search, and
+ * `tolle-multi-select` when more than one value can be chosen.
+ * @new
+ */
+export class ComboboxComponent {
+    cdr;
+    /** Options to choose from. @default [] */
+    options = [];
+    /** Text shown on the trigger when nothing is selected. @default 'Select an option…' */
+    placeholder = 'Select an option…';
+    /** Placeholder inside the search box. @default 'Search…' */
+    searchPlaceholder = 'Search…';
+    /** Message shown when the query matches no option. @default 'No results found.' */
+    emptyMessage = 'No results found.';
+    /** Height and text size of the trigger. @default 'default' */
+    size = 'default';
+    /** Applies the destructive border and focus ring. @default false */
+    invalid = false;
+    /** Disables the control. @default false */
+    disabled = false;
+    /** Set false to filter the options yourself, e.g. server-side. @default true */
+    shouldFilter = true;
+    /** Close the panel after a value is chosen. @default true */
+    closeOnSelect = true;
+    /** Where the panel opens relative to the trigger. @default 'bottom-start' */
+    placement = 'bottom-start';
+    /** Accessible name when there is no associated visible label. @default '' */
+    ariaLabel = '';
+    /** Extra Tailwind classes merged onto the trigger via `cn()` (last-wins). */
+    class = '';
+    /** Emitted with the chosen value whenever the selection changes. */
+    valueChange = new EventEmitter();
+    /** Emitted with the query text as the user searches. */
+    searchChange = new EventEmitter();
+    /** Emitted when the panel opens. */
+    opened = new EventEmitter();
+    /** Emitted when the panel closes. */
+    closed = new EventEmitter();
+    triggerEl;
+    panelEl;
+    panelId = `combobox-panel-${Math.random().toString(36).slice(2, 11)}`;
+    value = null;
+    isOpen = false;
+    cn = cn;
+    cleanup;
+    onChange = () => { };
+    onTouched = () => { };
+    constructor(cdr) {
+        this.cdr = cdr;
+    }
+    outsideClickHandler = (event) => {
+        const target = event.target;
+        if (!this.triggerEl?.nativeElement.contains(target) &&
+            !this.panelEl?.nativeElement.contains(target)) {
+            this.close();
+        }
+    };
+    escapeHandler = (event) => {
+        if (event.key === 'Escape' && this.isOpen) {
+            event.preventDefault();
+            this.close();
+            this.triggerEl?.nativeElement.focus();
+        }
+    };
+    get selectedLabel() {
+        return this.options.find((o) => o.value === this.value)?.label ?? '';
+    }
+    get computedTriggerClass() {
+        return cn(comboboxTriggerVariants({ size: this.size, invalid: this.invalid }), this.class);
+    }
+    toggle() {
+        this.isOpen ? this.close() : this.open();
+    }
+    open() {
+        if (this.disabled || this.isOpen)
+            return;
+        this.isOpen = true;
+        this.opened.emit();
+        this.cdr.markForCheck();
+        setTimeout(() => {
+            this.updatePosition();
+            // Focus the search box so the user can type straight away.
+            this.panelEl?.nativeElement.querySelector('input')?.focus();
+            document.addEventListener('pointerdown', this.outsideClickHandler, true);
+            document.addEventListener('keydown', this.escapeHandler, true);
+        });
+    }
+    close() {
+        if (!this.isOpen)
+            return;
+        this.isOpen = false;
+        this.closed.emit();
+        this.onTouched();
+        this.teardown();
+        this.cdr.markForCheck();
+    }
+    onTriggerKeyDown(event) {
+        if (['ArrowDown', 'ArrowUp', 'Enter', ' '].includes(event.key) && !this.isOpen) {
+            event.preventDefault();
+            this.open();
+        }
+    }
+    onSelect(value) {
+        this.value = value;
+        this.onChange(value);
+        this.valueChange.emit(value);
+        if (this.closeOnSelect) {
+            this.close();
+            this.triggerEl?.nativeElement.focus();
+        }
+        this.cdr.markForCheck();
+    }
+    updatePosition() {
+        const trigger = this.triggerEl?.nativeElement;
+        const panel = this.panelEl?.nativeElement;
+        if (!trigger || !panel)
+            return;
+        this.cleanup = autoUpdate(trigger, panel, () => {
+            computePosition(trigger, panel, {
+                placement: this.placement,
+                middleware: [
+                    offset(4),
+                    flip(),
+                    shift({ padding: 8 }),
+                    // Match the panel to the trigger width and cap its height to the space
+                    // actually available, so the list scrolls instead of overflowing.
+                    size({
+                        padding: 8,
+                        apply({ rects, availableHeight, elements }) {
+                            Object.assign(elements.floating.style, {
+                                minWidth: `${rects.reference.width}px`,
+                                maxHeight: `${Math.max(160, availableHeight)}px`,
+                            });
+                        },
+                    }),
+                ],
+            }).then(({ x, y }) => {
+                Object.assign(panel.style, {
+                    left: `${x}px`,
+                    top: `${y}px`,
+                    visibility: 'visible',
+                });
+            });
+        });
+    }
+    teardown() {
+        this.cleanup?.();
+        this.cleanup = undefined;
+        document.removeEventListener('pointerdown', this.outsideClickHandler, true);
+        document.removeEventListener('keydown', this.escapeHandler, true);
+    }
+    ngOnDestroy() {
+        this.teardown();
+    }
+    writeValue(value) {
+        this.value = value;
+        this.cdr.markForCheck();
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+        this.cdr.markForCheck();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ComboboxComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ComboboxComponent, isStandalone: true, selector: "tolle-combobox", inputs: { options: "options", placeholder: "placeholder", searchPlaceholder: "searchPlaceholder", emptyMessage: "emptyMessage", size: "size", invalid: "invalid", disabled: "disabled", shouldFilter: "shouldFilter", closeOnSelect: "closeOnSelect", placement: "placement", ariaLabel: "ariaLabel", class: "class" }, outputs: { valueChange: "valueChange", searchChange: "searchChange", opened: "opened", closed: "closed" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => ComboboxComponent),
+                multi: true,
+            },
+        ], viewQueries: [{ propertyName: "triggerEl", first: true, predicate: ["trigger"], descendants: true }, { propertyName: "panelEl", first: true, predicate: ["panel"], descendants: true }], ngImport: i0, template: `
+    <button
+      #trigger
+      type="button"
+      role="combobox"
+      aria-haspopup="listbox"
+      [attr.aria-expanded]="isOpen"
+      [attr.aria-controls]="isOpen ? panelId : null"
+      [attr.aria-label]="ariaLabel || null"
+      [attr.data-state]="isOpen ? 'open' : 'closed'"
+      [disabled]="disabled"
+      [class]="computedTriggerClass"
+      (click)="toggle()"
+      (keydown)="onTriggerKeyDown($event)"
+    >
+      <span [class]="cn('truncate', selectedLabel ? 'text-foreground' : 'text-muted-foreground')">
+        {{ selectedLabel || placeholder }}
+      </span>
+      <i
+        class="ri-expand-up-down-line shrink-0 text-muted-foreground transition-transform"
+        aria-hidden="true"
+      ></i>
+    </button>
+
+    <div
+      *ngIf="isOpen"
+      #panel
+      [id]="panelId"
+      class="fixed left-0 top-0 z-[9999]"
+      style="visibility: hidden"
+    >
+      <div class="overflow-hidden rounded-md border border-border bg-popover shadow-md">
+        <tolle-command [shouldFilter]="shouldFilter" (selected)="onSelect($event)" (queryChange)="searchChange.emit($event)">
+          <tolle-command-input [placeholder]="searchPlaceholder"></tolle-command-input>
+          <tolle-command-list>
+            <tolle-command-empty>{{ emptyMessage }}</tolle-command-empty>
+            <tolle-command-item
+              *ngFor="let option of options"
+              [value]="option.value"
+              [label]="option.label"
+              [keywords]="option.keywords || []"
+              [disabled]="option.disabled || false"
+            >
+              <i
+                class="ri-check-line shrink-0"
+                [class.opacity-0]="option.value !== value"
+                aria-hidden="true"
+              ></i>
+              <span class="truncate">{{ option.label }}</span>
+            </tolle-command-item>
+          </tolle-command-list>
+        </tolle-command>
+      </div>
+    </div>
+  `, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CommandComponent, selector: "tolle-command", inputs: ["shouldFilter", "ariaLabel", "class"], outputs: ["selected", "queryChange"] }, { kind: "component", type: CommandInputComponent, selector: "tolle-command-input", inputs: ["placeholder", "ariaLabel", "class", "inputClass"] }, { kind: "component", type: CommandListComponent, selector: "tolle-command-list", inputs: ["ariaLabel", "class"] }, { kind: "component", type: CommandEmptyComponent, selector: "tolle-command-empty", inputs: ["class"] }, { kind: "component", type: CommandItemComponent, selector: "tolle-command-item", inputs: ["value", "label", "keywords", "disabled", "class"], outputs: ["selected"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ComboboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tolle-combobox', standalone: true, imports: [
+                        CommonModule,
+                        CommandComponent,
+                        CommandInputComponent,
+                        CommandListComponent,
+                        CommandEmptyComponent,
+                        CommandItemComponent,
+                    ], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => ComboboxComponent),
+                            multi: true,
+                        },
+                    ], template: `
+    <button
+      #trigger
+      type="button"
+      role="combobox"
+      aria-haspopup="listbox"
+      [attr.aria-expanded]="isOpen"
+      [attr.aria-controls]="isOpen ? panelId : null"
+      [attr.aria-label]="ariaLabel || null"
+      [attr.data-state]="isOpen ? 'open' : 'closed'"
+      [disabled]="disabled"
+      [class]="computedTriggerClass"
+      (click)="toggle()"
+      (keydown)="onTriggerKeyDown($event)"
+    >
+      <span [class]="cn('truncate', selectedLabel ? 'text-foreground' : 'text-muted-foreground')">
+        {{ selectedLabel || placeholder }}
+      </span>
+      <i
+        class="ri-expand-up-down-line shrink-0 text-muted-foreground transition-transform"
+        aria-hidden="true"
+      ></i>
+    </button>
+
+    <div
+      *ngIf="isOpen"
+      #panel
+      [id]="panelId"
+      class="fixed left-0 top-0 z-[9999]"
+      style="visibility: hidden"
+    >
+      <div class="overflow-hidden rounded-md border border-border bg-popover shadow-md">
+        <tolle-command [shouldFilter]="shouldFilter" (selected)="onSelect($event)" (queryChange)="searchChange.emit($event)">
+          <tolle-command-input [placeholder]="searchPlaceholder"></tolle-command-input>
+          <tolle-command-list>
+            <tolle-command-empty>{{ emptyMessage }}</tolle-command-empty>
+            <tolle-command-item
+              *ngFor="let option of options"
+              [value]="option.value"
+              [label]="option.label"
+              [keywords]="option.keywords || []"
+              [disabled]="option.disabled || false"
+            >
+              <i
+                class="ri-check-line shrink-0"
+                [class.opacity-0]="option.value !== value"
+                aria-hidden="true"
+              ></i>
+              <span class="truncate">{{ option.label }}</span>
+            </tolle-command-item>
+          </tolle-command-list>
+        </tolle-command>
+      </div>
+    </div>
+  `, styles: [":host{display:block}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { options: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], searchPlaceholder: [{
+                type: Input
+            }], emptyMessage: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], invalid: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], shouldFilter: [{
+                type: Input
+            }], closeOnSelect: [{
+                type: Input
+            }], placement: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }], class: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }], searchChange: [{
+                type: Output
+            }], opened: [{
+                type: Output
+            }], closed: [{
+                type: Output
+            }], triggerEl: [{
+                type: ViewChild,
+                args: ['trigger']
+            }], panelEl: [{
+                type: ViewChild,
+                args: ['panel']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tYm9ib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvdG9sbGUvc3JjL2xpYi9jb21ib2JveC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxLQUFLLEVBQ0wsTUFBTSxFQUNOLFlBQVksRUFFWixTQUFTLEVBQ1QsVUFBVSxHQUdYLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDekUsT0FBTyxFQUFFLGVBQWUsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDMUYsT0FBTyxFQUFFLEdBQUcsRUFBcUIsTUFBTSwwQkFBMEIsQ0FBQztBQUNsRSxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBQ2hDLE9BQU8sRUFDTCxnQkFBZ0IsRUFDaEIscUJBQXFCLEVBQ3JCLG9CQUFvQixFQUNwQixxQkFBcUIsRUFDckIsb0JBQW9CLEdBQ3JCLE1BQU0scUJBQXFCLENBQUM7OztBQUU3QixNQUFNLHVCQUF1QixHQUFHLEdBQUcsQ0FDakMsMElBQTBJO0lBQ3hJLHFHQUFxRztJQUNyRyxpREFBaUQsRUFDbkQ7SUFDRSxRQUFRLEVBQUU7UUFDUixJQUFJLEVBQUU7WUFDSixFQUFFLEVBQUUsa0JBQWtCO1lBQ3RCLEVBQUUsRUFBRSxrQkFBa0I7WUFDdEIsT0FBTyxFQUFFLG1CQUFtQjtZQUM1QixFQUFFLEVBQUUscUJBQXFCO1NBQzFCO1FBQ0QsT0FBTyxFQUFFO1lBQ1AsSUFBSSxFQUFFLDBGQUEwRjtZQUNoRyxLQUFLLEVBQUUsRUFBRTtTQUNWO0tBQ0Y7SUFDRCxlQUFlLEVBQUUsRUFBRSxJ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Q1A7d0JBQ1AsWUFBWTt3QkFDWixnQkFBZ0I7d0JBQ2hCLHFCQUFxQjt3QkFDckIsb0JBQW9CO3dCQUNwQixxQkFBcUI7d0JBQ3JCLG9CQUFvQjtxQkFDckIsYUFDVTt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxrQkFBa0IsQ0FBQzs0QkFDaEQsS0FBSyxFQUFFLElBQUk7eUJBQ1o7cUJBQ0YsWUFDUzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBc0RUO3NGQUlRLE9BQU87c0JBQWYsS0FBSztnQkFFRyxXQUFXO3NCQUFuQixLQUFLO2dCQUVHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFFRyxZQUFZO3NCQUFwQixLQUFLO2dCQUVHLElBQUk7c0JBQVosS0FBSztnQkFFRyxPQUFPO3NCQUFmLEtBQUs7Z0JBRUcsUUFBUTtzQkFBaEIsS0FBSztnQkFFRyxZQUFZO3NCQUFwQixLQUFLO2dCQUVHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBRUcsU0FBUztzQkFBakIsS0FBSztnQkFFRyxTQUFTO3NCQUFqQixLQUFLO2dCQUVHLEtBQUs7c0JBQWIsS0FBSztnQkFHSSxXQUFXO3NCQUFwQixNQUFNO2dCQUVHLFlBQVk7c0JBQXJCLE1BQU07Z0JBRUcsTUFBTTtzQkFBZixNQUFNO2dCQUVHLE1BQU07c0JBQWYsTUFBTTtnQkFFZSxTQUFTO3NCQUE5QixTQUFTO3VCQUFDLFNBQVM7Z0JBQ0EsT0FBTztzQkFBMUIsU0FBUzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBFdmVudEVtaXR0ZXIsXG4gIEVsZW1lbnRSZWYsXG4gIFZpZXdDaGlsZCxcbiAgZm9yd2FyZFJlZixcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIE9uRGVzdHJveSxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgY29tcHV0ZVBvc2l0aW9uLCBmbGlwLCBzaGlmdCwgb2Zmc2V0LCBzaXplLCBhdXRvVXBkYXRlIH0gZnJvbSAnQGZsb2F0aW5nLXVpL2RvbSc7XG5pbXBvcnQgeyBjdmEsIHR5cGUgVmFyaWFudFByb3BzIH0gZnJvbSAnY2xhc3MtdmFyaWFuY2UtYXV0aG9yaXR5JztcbmltcG9ydCB7IGNuIH0gZnJvbSAnLi91dGlscy9jbic7XG5pbXBvcnQge1xuICBDb21tYW5kQ29tcG9uZW50LFxuICBDb21tYW5kSW5wdXRDb21wb25lbnQsXG4gIENvbW1hbmRMaXN0Q29tcG9uZW50LFxuICBDb21tYW5kRW1wdHlDb21wb25lbnQsXG4gIENvbW1hbmRJdGVtQ29tcG9uZW50LFxufSBmcm9tICcuL2NvbW1hbmQuY29tcG9uZW50JztcblxuY29uc3QgY29tYm9ib3hUcmlnZ2VyVmFyaWFudHMgPSBjdmEoXG4gICdmbGV4IHctZnVsbCBpdGVtcy1jZW50ZXIganVzdGlmeS1iZXR3ZWVuIGdhcC0yIHJvdW5kZWQtbWQgYm9yZGVyIGJvcmRlci1pbnB1dCBiZy1iYWNrZ3JvdW5kIHRleHQtZm9yZWdyb3VuZCBzaGFkb3ctc20gdHJhbnNpdGlvbi1jb2xvcnMgJyArXG4gICAgJ2ZvY3VzOm91dGxpbmUtbm9uZSBmb2N1cy12aXNpYmxlOmJvcmRlci1wcmltYXJ5LzgwIGZvY3VzLXZpc2libGU6cmluZy00IGZvY3VzLXZpc2libGU6cmluZy1yaW5nLzMwICcgK1xuICAgICdkaXNhYmxlZDpjdXJzb3Itbm90LWFsbG93ZWQgZGlzYWJsZWQ6b3BhY2l0eS01MCcsXG4gIHtcbiAgICB2YXJpYW50czoge1xuICAgICAgc2l6ZToge1xuICAgICAgICB4czogJ2gtOCBweC0yIHRleHQteHMnLFxuICAgICAgICBzbTogJ2gtOSBweC0zIHRleHQtc20nLFxuICAgICAgICBkZWZhdWx0OiAnaC0xMCBweC0zIHRleHQtc20nLFxuICAgICAgICBsZzogJ2gtMTEgcHgtNCB0ZXh0LWJhc2UnLFxuICAgICAgfSxcbiAgICAgIGludmFsaWQ6IHtcbiAgICAgICAgdHJ1ZTogJ2JvcmRlci1kZXN0cnVjdGl2ZSBmb2N1cy12aXNpYmxlOmJvcmRlci1kZXN0cnVjdGl2ZS84MCBmb2N1cy12aXNpYmxlOnJpbmctZGVzdHJ1Y3RpdmUvMzAnLFxuICAgICAgICBmYWxzZTogJycsXG4gICAgICB9LFxuICAgIH0sXG4gICAgZGVmYXVsdFZhcmlhbnRzOiB7IHNpemU6ICdkZWZhdWx0JywgaW52YWxpZDogZmFsc2UgfSxcbiAgfVxuKTtcblxuZXhwb3J0IHR5cGUgQ29tYm9ib3hQcm9wcyA9IFZhcmlhbnRQcm9wczx0eXBlb2YgY29tYm9ib3hUcmlnZ2VyVmFyaWFudHM+O1xuXG5leHBvcnQgdHlwZSBDb21ib2JveE9wdGlvbiA9IHtcbiAgbGFiZWw6IHN0cmluZztcbiAgdmFsdWU6IGFueTtcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICAvKiogRXh0cmEgdGVybXMgdGhhdCBzaG91bGQgYWxzbyBtYXRjaCB0aGlzIG9wdGlvbiB3aGVuIHNlYXJjaGluZy4gKi9cbiAga2V5d29yZHM/OiBzdHJpbmdbXTtcbn07XG5cbi8qKlxuICogQSBzZWFyY2hhYmxlIHNpbmdsZS1zZWxlY3Q6IGEgYnV0dG9uIHRoYXQgb3BlbnMgYSBgdG9sbGUtY29tbWFuZGAgbGlzdCBpbiBhXG4gKiBmbG9hdGluZyBwYW5lbC4gSW1wbGVtZW50cyBgQ29udHJvbFZhbHVlQWNjZXNzb3JgLCBzbyBpdCB3b3JrcyB3aXRoXG4gKiBgbmdNb2RlbGAgYW5kIHJlYWN0aXZlIGZvcm1zLlxuICpcbiAqIFVzZSBgdG9sbGUtc2VsZWN0YCB3aGVuIHRoZSBsaXN0IGlzIHNob3J0IGFuZCBuZWVkcyBubyBzZWFyY2gsIGFuZFxuICogYHRvbGxlLW11bHRpLXNlbGVjdGAgd2hlbiBtb3JlIHRoYW4gb25lIHZhbHVlIGNhbiBiZSBjaG9zZW4uXG4gKiBAbmV3XG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RvbGxlLWNvbWJvYm94JyxcbiAgc3R5bGVzOiBbJzpob3N0IHsgZGlzcGxheTogYmxvY2s7IH0nXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBDb21tYW5kQ29tcG9uZW50LFxuICAgIENvbW1hbmRJbnB1dENvbXBvbmVudCxcbiAgICBDb21tYW5kTGlzdENvbXBvbmVudCxcbiAgICBDb21tYW5kRW1wdHlDb21wb25lbnQsXG4gICAgQ29tbWFuZEl0ZW1Db21wb25lbnQsXG4gIF0sXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gQ29tYm9ib3hDb21wb25lbnQpLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgfSxcbiAgXSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8YnV0dG9uXG4gICAgICAjdHJpZ2dlclxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICByb2xlPVwiY29tYm9ib3hcIlxuICAgICAgYXJpYS1oYXNwb3B1cD1cImxpc3Rib3hcIlxuICAgICAgW2F0dHIuYXJpYS1leHBhbmRlZF09XCJpc09wZW5cIlxuICAgICAgW2F0dHIuYXJpYS1jb250cm9sc109XCJpc09wZW4gPyBwYW5lbElkIDogbnVsbFwiXG4gICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cImFyaWFMYWJlbCB8fCBudWxsXCJcbiAgICAgIFthdHRyLmRhdGEtc3RhdGVdPVwiaXNPcGVuID8gJ29wZW4nIDogJ2Nsb3NlZCdcIlxuICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICAgIFtjbGFzc109XCJjb21wdXRlZFRyaWdnZXJDbGFzc1wiXG4gICAgICAoY2xpY2spPVwidG9nZ2xlKClcIlxuICAgICAgKGtleWRvd24pPVwib25UcmlnZ2VyS2V5RG93bigkZXZlbnQpXCJcbiAgICA+XG4gICAgICA8c3BhbiBbY2xhc3NdPVwiY24oJ3RydW5jYXRlJywgc2VsZWN0ZWRMYWJlbCA/ICd0ZXh0LWZvcmVncm91bmQnIDogJ3RleHQtbXV0ZWQtZm9yZWdyb3VuZCcpXCI+XG4gICAgICAgIHt7IHNlbGVjdGVkTGFiZWwgfHwgcGxhY2Vob2xkZXIgfX1cbiAgICAgIDwvc3Bhbj5cbiAgICAgIDxpXG4gICAgICAgIGNsYXNzPVwicmktZXhwYW5kLXVwLWRvd24tbGluZSBzaHJpbmstMCB0ZXh0LW11dGVkLWZvcmVncm91bmQgdHJhbnNpdGlvbi10cmFuc2Zvcm1cIlxuICAgICAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgICAgPjwvaT5cbiAgICA8L2J1dHRvbj5cblxuICAgIDxkaXZcbiAgICAgICpuZ0lmPVwiaXNPcGVuXCJcbiAgICAgICNwYW5lbFxuICAgICAgW2lkXT1cInBhbmVsSWRcIlxuICAgICAgY2xhc3M9XCJmaXhlZCBsZWZ0LTAgdG9wLTAgei1bOTk5OV1cIlxuICAgICAgc3R5bGU9XCJ2aXNpYmlsaXR5OiBoaWRkZW5cIlxuICAgID5cbiAgICAgIDxkaXYgY2xhc3M9XCJvdmVyZmxvdy1oaWRkZW4gcm91bmRlZC1tZCBib3JkZXIgYm9yZGVyLWJvcmRlciBiZy1wb3BvdmVyIHNoYWRvdy1tZFwiPlxuICAgICAgICA8dG9sbGUtY29tbWFuZCBbc2hvdWxkRmlsdGVyXT1cInNob3VsZEZpbHRlclwiIChzZWxlY3RlZCk9XCJvblNlbGVjdCgkZXZlbnQpXCIgKHF1ZXJ5Q2hhbmdlKT1cInNlYXJjaENoYW5nZS5lbWl0KCRldmVudClcIj5cbiAgICAgICAgICA8dG9sbGUtY29tbWFuZC1pbnB1dCBbcGxhY2Vob2xkZXJdPVwic2VhcmNoUGxhY2Vob2xkZXJcIj48L3RvbGxlLWNvbW1hbmQtaW5wdXQ+XG4gICAgICAgICAgPHRvbGxlLWNvbW1hbmQtbGlzdD5cbiAgICAgICAgICAgIDx0b2xsZS1jb21tYW5kLWVtcHR5Pnt7IGVtcHR5TWVzc2FnZSB9fTwvdG9sbGUtY29tbWFuZC1lbXB0eT5cbiAgICAgICAgICAgIDx0b2xsZS1jb21tYW5kLWl0ZW1cbiAgICAgICAgICAgICAgKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBvcHRpb25zXCJcbiAgICAgICAgICAgICAgW3ZhbHVlXT1cIm9wdGlvbi52YWx1ZVwiXG4gICAgICAgICAgICAgIFtsYWJlbF09XCJvcHRpb24ubGFiZWxcIlxuICAgICAgICAgICAgICBba2V5d29yZHNdPVwib3B0aW9uLmtleXdvcmRzIHx8IFtdXCJcbiAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cIm9wdGlvbi5kaXNhYmxlZCB8fCBmYWxzZVwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxpXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJyaS1jaGVjay1saW5lIHNocmluay0wXCJcbiAgICAgICAgICAgICAgICBbY2xhc3Mub3BhY2l0eS0wXT1cIm9wdGlvbi52YWx1ZSAhPT0gdmFsdWVcIlxuICAgICAgICAgICAgICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgICAgICAgICAgID48L2k+XG4gICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidHJ1bmNhdGVcIj57eyBvcHRpb24ubGFiZWwgfX08L3NwYW4+XG4gICAgICAgICAgICA8L3RvbGxlLWNvbW1hbmQtaXRlbT5cbiAgICAgICAgICA8L3RvbGxlLWNvbW1hbmQtbGlzdD5cbiAgICAgICAgPC90b2xsZS1jb21tYW5kPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIGAsXG59KVxuZXhwb3J0IGNsYXNzIENvbWJvYm94Q29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE9uRGVzdHJveSB7XG4gIC8qKiBPcHRpb25zIHRvIGNob29zZSBmcm9tLiBAZGVmYXVsdCBbXSAqL1xuICBASW5wdXQoKSBvcHRpb25zOiBDb21ib2JveE9wdGlvbltdID0gW107XG4gIC8qKiBUZXh0IHNob3duIG9uIHRoZSB0cmlnZ2VyIHdoZW4gbm90aGluZyBpcyBzZWxlY3RlZC4gQGRlZmF1bHQgJ1NlbGVjdCBhbiBvcHRpb27igKYnICovXG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyID0gJ1NlbGVjdCBhbiBvcHRpb27igKYnO1xuICAvKiogUGxhY2Vob2xkZXIgaW5zaWRlIHRoZSBzZWFyY2ggYm94LiBAZGVmYXVsdCAnU2VhcmNo4oCmJyAqL1xuICBASW5wdXQoKSBzZWFyY2hQbGFjZWhvbGRlciA9ICdTZWFyY2jigKYnO1xuICAvKiogTWVzc2FnZSBzaG93biB3aGVuIHRoZSBxdWVyeSBtYXRjaGVzIG5vIG9wdGlvbi4gQGRlZmF1bHQgJ05vIHJlc3VsdHMgZm91bmQuJyAqL1xuICBASW5wdXQoKSBlbXB0eU1lc3NhZ2UgPSAnTm8gcmVzdWx0cyBmb3VuZC4nO1xuICAvKiogSGVpZ2h0IGFuZCB0ZXh0IHNpemUgb2YgdGhlIHRyaWdnZXIuIEBkZWZhdWx0ICdkZWZhdWx0JyAqL1xuICBASW5wdXQoKSBzaXplOiBDb21ib2JveFByb3BzWydzaXplJ10gPSAnZGVmYXVsdCc7XG4gIC8qKiBBcHBsaWVzIHRoZSBkZXN0cnVjdGl2ZSBib3JkZXIgYW5kIGZvY3VzIHJpbmcuIEBkZWZhdWx0IGZhbHNlICovXG4gIEBJbnB1dCgpIGludmFsaWQgPSBmYWxzZTtcbiAgLyoqIERpc2FibGVzIHRoZSBjb250cm9sLiBAZGVmYXVsdCBmYWxzZSAqL1xuICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xuICAvKiogU2V0IGZhbHNlIHRvIGZpbHRlciB0aGUgb3B0aW9ucyB5b3Vyc2VsZiwgZS5nLiBzZXJ2ZXItc2lkZS4gQGRlZmF1bHQgdHJ1ZSAqL1xuICBASW5wdXQoKSBzaG91bGRGaWx0ZXIgPSB0cnVlO1xuICAvKiogQ2xvc2UgdGhlIHBhbmVsIGFmdGVyIGEgdmFsdWUgaXMgY2hvc2VuLiBAZGVmYXVsdCB0cnVlICovXG4gIEBJbnB1dCgpIGNsb3NlT25TZWxlY3QgPSB0cnVlO1xuICAvKiogV2hlcmUgdGhlIHBhbmVsIG9wZW5zIHJlbGF0aXZlIHRvIHRoZSB0cmlnZ2VyLiBAZGVmYXVsdCAnYm90dG9tLXN0YXJ0JyAqL1xuICBASW5wdXQoKSBwbGFjZW1lbnQ6ICdib3R0b20tc3RhcnQnIHwgJ2JvdHRvbS1lbmQnIHwgJ3RvcC1zdGFydCcgfCAndG9wLWVuZCcgPSAnYm90dG9tLXN0YXJ0JztcbiAgLyoqIEFjY2Vzc2libGUgbmFtZSB3aGVuIHRoZXJlIGlzIG5vIGFzc29jaWF0ZWQgdmlzaWJsZSBsYWJlbC4gQGRlZmF1bHQgJycgKi9cbiAgQElucHV0KCkgYXJpYUxhYmVsID0gJyc7XG4gIC8qKiBFeHRyYSBUYWlsd2luZCBjbGFzc2VzIG1lcmdlZCBvbnRvIHRoZSB0cmlnZ2VyIHZpYSBgY24oKWAgKGxhc3Qtd2lucykuICovXG4gIEBJbnB1dCgpIGNsYXNzID0gJyc7XG5cbiAgLyoqIEVtaXR0ZWQgd2l0aCB0aGUgY2hvc2VuIHZhbHVlIHdoZW5ldmVyIHRoZSBzZWxlY3Rpb24gY2hhbmdlcy4gKi9cbiAgQE91dHB1dCgpIHZhbHVlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gIC8qKiBFbWl0dGVkIHdpdGggdGhlIHF1ZXJ5IHRleHQgYXMgdGhlIHVzZXIgc2VhcmNoZXMuICovXG4gIEBPdXRwdXQoKSBzZWFyY2hDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgLyoqIEVtaXR0ZWQgd2hlbiB0aGUgcGFuZWwgb3BlbnMuICovXG4gIEBPdXRwdXQoKSBvcGVuZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIC8qKiBFbWl0dGVkIHdoZW4gdGhlIHBhbmVsIGNsb3Nlcy4gKi9cbiAgQE91dHB1dCgpIGNsb3NlZCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBAVmlld0NoaWxkKCd0cmlnZ2VyJykgdHJpZ2dlckVsPzogRWxlbWVudFJlZjxIVE1MRWxlbWVudD47XG4gIEBWaWV3Q2hpbGQoJ3BhbmVsJykgcGFuZWxFbD86IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+O1xuXG4gIHJlYWRvbmx5IHBhbmVsSWQgPSBgY29tYm9ib3gtcGFuZWwtJHtNYXRoLnJhbmRvbSgpLnRvU3RyaW5nKDM2KS5zbGljZSgyLCAxMSl9YDtcblxuICB2YWx1ZTogYW55ID0gbnVsbDtcbiAgaXNPcGVuID0gZmFsc2U7XG4gIHByb3RlY3RlZCBjbiA9IGNuO1xuXG4gIHByaXZhdGUgY2xlYW51cD86ICgpID0+IHZvaWQ7XG4gIHByaXZhdGUgb25DaGFuZ2U6ICh2YWx1ZTogYW55KSA9PiB2b2lkID0gKCkgPT4ge307XG4gIHByaXZhdGUgb25Ub3VjaGVkOiAoKSA9PiB2b2lkID0gKCkgPT4ge307XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmKSB7fVxuXG4gIHByaXZhdGUgcmVhZG9ubHkgb3V0c2lkZUNsaWNrSGFuZGxlciA9IChldmVudDogTW91c2VFdmVudCkgPT4ge1xuICAgIGNvbnN0IHRhcmdldCA9IGV2ZW50LnRhcmdldCBhcyBOb2RlO1xuICAgIGlmIChcbiAgICAgICF0aGlzLnRyaWdnZXJFbD8ubmF0aXZlRWxlbWVudC5jb250YWlucyh0YXJnZXQpICYmXG4gICAgICAhdGhpcy5wYW5lbEVsPy5uYXRpdmVFbGVtZW50LmNvbnRhaW5zKHRhcmdldClcbiAgICApIHtcbiAgICAgIHRoaXMuY2xvc2UoKTtcbiAgICB9XG4gIH07XG5cbiAgcHJpdmF0ZSByZWFkb25seSBlc2NhcGVIYW5kbGVyID0gKGV2ZW50OiBLZXlib2FyZEV2ZW50KSA9PiB7XG4gICAgaWYgKGV2ZW50LmtleSA9PT0gJ0VzY2FwZScgJiYgdGhpcy5pc09wZW4pIHtcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICB0aGlzLmNsb3NlKCk7XG4gICAgICB0aGlzLnRyaWdnZXJFbD8ubmF0aXZlRWxlbWVudC5mb2N1cygpO1xuICAgIH1cbiAgfTtcblxuICBnZXQgc2VsZWN0ZWRMYWJlbCgpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLm9wdGlvbnMuZmluZCgobykgPT4gby52YWx1ZSA9PT0gdGhpcy52YWx1ZSk/LmxhYmVsID8/ICcnO1xuICB9XG5cbiAgZ2V0IGNvbXB1dGVkVHJpZ2dlckNsYXNzKCkge1xuICAgIHJldHVybiBjbihjb21ib2JveFRyaWdnZXJWYXJpYW50cyh7IHNpemU6IHRoaXMuc2l6ZSwgaW52YWxpZDogdGhpcy5pbnZhbGlkIH0pLCB0aGlzLmNsYXNzKTtcbiAgfVxuXG4gIHRvZ2dsZSgpOiB2b2lkIHtcbiAgICB0aGlzLmlzT3BlbiA/IHRoaXMuY2xvc2UoKSA6IHRoaXMub3BlbigpO1xuICB9XG5cbiAgb3BlbigpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5kaXNhYmxlZCB8fCB0aGlzLmlzT3BlbikgcmV0dXJuO1xuICAgIHRoaXMuaXNPcGVuID0gdHJ1ZTtcbiAgICB0aGlzLm9wZW5lZC5lbWl0KCk7XG4gICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG5cbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIHRoaXMudXBkYXRlUG9zaXRpb24oKTtcbiAgICAgIC8vIEZvY3VzIHRoZSBzZWFyY2ggYm94IHNvIHRoZSB1c2VyIGNhbiB0eXBlIHN0cmFpZ2h0IGF3YXkuXG4gICAgICB0aGlzLnBhbmVsRWw/Lm5hdGl2ZUVsZW1lbnQucXVlcnlTZWxlY3RvcignaW5wdXQnKT8uZm9jdXMoKTtcbiAgICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ3BvaW50ZXJkb3duJywgdGhpcy5vdXRzaWRlQ2xpY2tIYW5kbGVyLCB0cnVlKTtcbiAgICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ2tleWRvd24nLCB0aGlzLmVzY2FwZUhhbmRsZXIsIHRydWUpO1xuICAgIH0pO1xuICB9XG5cbiAgY2xvc2UoKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmlzT3BlbikgcmV0dXJuO1xuICAgIHRoaXMuaXNPcGVuID0gZmFsc2U7XG4gICAgdGhpcy5jbG9zZWQuZW1pdCgpO1xuICAgIHRoaXMub25Ub3VjaGVkKCk7XG4gICAgdGhpcy50ZWFyZG93bigpO1xuICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgb25UcmlnZ2VyS2V5RG93bihldmVudDogS2V5Ym9hcmRFdmVudCk6IHZvaWQge1xuICAgIGlmIChbJ0Fycm93RG93bicsICdBcnJvd1VwJywgJ0VudGVyJywgJyAnXS5pbmNsdWRlcyhldmVudC5rZXkpICYmICF0aGlzLmlzT3Blbikge1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgIHRoaXMub3BlbigpO1xuICAgIH1cbiAgfVxuXG4gIG9uU2VsZWN0KHZhbHVlOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLnZhbHVlID0gdmFsdWU7XG4gICAgdGhpcy5vbkNoYW5nZSh2YWx1ZSk7XG4gICAgdGhpcy52YWx1ZUNoYW5nZS5lbWl0KHZhbHVlKTtcbiAgICBpZiAodGhpcy5jbG9zZU9uU2VsZWN0KSB7XG4gICAgICB0aGlzLmNsb3NlKCk7XG4gICAgICB0aGlzLnRyaWdnZXJFbD8ubmF0aXZlRWxlbWVudC5mb2N1cygpO1xuICAgIH1cbiAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIHByaXZhdGUgdXBkYXRlUG9zaXRpb24oKTogdm9pZCB7XG4gICAgY29uc3QgdHJpZ2dlciA9IHRoaXMudHJpZ2dlckVsPy5uYXRpdmVFbGVtZW50O1xuICAgIGNvbnN0IHBhbmVsID0gdGhpcy5wYW5lbEVsPy5uYXRpdmVFbGVtZW50O1xuICAgIGlmICghdHJpZ2dlciB8fCAhcGFuZWwpIHJldHVybjtcblxuICAgIHRoaXMuY2xlYW51cCA9IGF1dG9VcGRhdGUodHJpZ2dlciwgcGFuZWwsICgpID0+IHtcbiAgICAgIGNvbXB1dGVQb3NpdGlvbih0cmlnZ2VyLCBwYW5lbCwge1xuICAgICAgICBwbGFjZW1lbnQ6IHRoaXMucGxhY2VtZW50LFxuICAgICAgICBtaWRkbGV3YXJlOiBbXG4gICAgICAgICAgb2Zmc2V0KDQpLFxuICAgICAgICAgIGZsaXAoKSxcbiAgICAgICAgICBzaGlmdCh7IHBhZGRpbmc6IDggfSksXG4gICAgICAgICAgLy8gTWF0Y2ggdGhlIHBhbmVsIHRvIHRoZSB0cmlnZ2VyIHdpZHRoIGFuZCBjYXAgaXRzIGhlaWdodCB0byB0aGUgc3BhY2VcbiAgICAgICAgICAvLyBhY3R1YWxseSBhdmFpbGFibGUsIHNvIHRoZSBsaXN0IHNjcm9sbHMgaW5zdGVhZCBvZiBvdmVyZmxvd2luZy5cbiAgICAgICAgICBzaXplKHtcbiAgICAgICAgICAgIHBhZGRpbmc6IDgsXG4gICAgICAgICAgICBhcHBseSh7IHJlY3RzLCBhdmFpbGFibGVIZWlnaHQsIGVsZW1lbnRzIH0pIHtcbiAgICAgICAgICAgICAgT2JqZWN0LmFzc2lnbihlbGVtZW50cy5mbG9hdGluZy5zdHlsZSwge1xuICAgICAgICAgICAgICAgIG1pbldpZHRoOiBgJHtyZWN0cy5yZWZlcmVuY2Uud2lkdGh9cHhgLFxuICAgICAgICAgICAgICAgIG1heEhlaWdodDogYCR7TWF0aC5tYXgoMTYwLCBhdmFpbGFibGVIZWlnaHQpfXB4YCxcbiAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICB9LFxuICAgICAgICAgIH0pLFxuICAgICAgICBdLFxuICAgICAgfSkudGhlbigoeyB4LCB5IH0pID0+IHtcbiAgICAgICAgT2JqZWN0LmFzc2lnbihwYW5lbC5zdHlsZSwge1xuICAgICAgICAgIGxlZnQ6IGAke3h9cHhgLFxuICAgICAgICAgIHRvcDogYCR7eX1weGAsXG4gICAgICAgICAgdmlzaWJpbGl0eTogJ3Zpc2libGUnLFxuICAgICAgICB9KTtcbiAgICAgIH0pO1xuICAgIH0pO1xuICB9XG5cbiAgcHJpdmF0ZSB0ZWFyZG93bigpOiB2b2lkIHtcbiAgICB0aGlzLmNsZWFudXA/LigpO1xuICAgIHRoaXMuY2xlYW51cCA9IHVuZGVmaW5lZDtcbiAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdwb2ludGVyZG93bicsIHRoaXMub3V0c2lkZUNsaWNrSGFuZGxlciwgdHJ1ZSk7XG4gICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcigna2V5ZG93bicsIHRoaXMuZXNjYXBlSGFuZGxlciwgdHJ1ZSk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLnRlYXJkb3duKCk7XG4gIH1cblxuICB3cml0ZVZhbHVlKHZhbHVlOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLnZhbHVlID0gdmFsdWU7XG4gICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gIH1cblxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiAodmFsdWU6IGFueSkgPT4gdm9pZCk6IHZvaWQge1xuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiAoKSA9PiB2b2lkKTogdm9pZCB7XG4gICAgdGhpcy5vblRvdWNoZWQgPSBmbjtcbiAgfVxuXG4gIHNldERpc2FibGVkU3RhdGUoaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xuICAgIHRoaXMuZGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xuICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICB9XG59XG4iXX0=

package/esm2022/lib/command-dialog.component.mjs

@@ -0,0 +1,164 @@
+import { Component, Input, Output, EventEmitter, ViewChild, } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { cn } from './utils/cn';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+/**
+ * The ⌘K command palette: a `tolle-command` in a centred modal overlay.
+ *
+ * Project a full command menu inside:
+ *
+ * ```html
+ * <tolle-command-dialog [(open)]="paletteOpen">
+ *   <tolle-command (selected)="run($event)">
+ *     <tolle-command-input></tolle-command-input>
+ *     <tolle-command-list>…</tolle-command-list>
+ *   </tolle-command>
+ * </tolle-command-dialog>
+ * ```
+ *
+ * Set `shortcut` to bind a global hotkey (default ⌘K / Ctrl+K).
+ * @new
+ */
+export class CommandDialogComponent {
+    cdr;
+    /** Whether the palette is visible. Supports two-way binding via `[(open)]`. @default false */
+    open = false;
+    /**
+     * Global hotkey that toggles the palette, as `mod+key` where `mod` maps to ⌘
+     * on macOS and Ctrl elsewhere. Set to `''` to disable the binding.
+     * @default 'mod+k'
+     */
+    shortcut = 'mod+k';
+    /** Close the palette when the backdrop is clicked. @default true */
+    closeOnBackdrop = true;
+    /** Accessible name for the dialog. @default 'Command palette' */
+    ariaLabel = 'Command palette';
+    /** Extra Tailwind classes merged onto the panel via `cn()` (last-wins). */
+    class = '';
+    /** Two-way binding partner for `open`. */
+    openChange = new EventEmitter();
+    /** Emitted when the palette opens. */
+    opened = new EventEmitter();
+    /** Emitted when the palette closes. */
+    closed = new EventEmitter();
+    panelEl;
+    cn = cn;
+    constructor(cdr) {
+        this.cdr = cdr;
+    }
+    onKeyDown = (event) => {
+        if (event.key === 'Escape' && this.open) {
+            event.preventDefault();
+            this.setOpen(false);
+            return;
+        }
+        if (!this.shortcut)
+            return;
+        const parts = this.shortcut.toLowerCase().split('+');
+        const key = parts[parts.length - 1];
+        const needsMod = parts.includes('mod') || parts.includes('meta') || parts.includes('ctrl');
+        const modHeld = event.metaKey || event.ctrlKey;
+        if (event.key.toLowerCase() === key && (!needsMod || modHeld)) {
+            event.preventDefault();
+            this.setOpen(!this.open);
+        }
+    };
+    ngOnInit() {
+        document.addEventListener('keydown', this.onKeyDown);
+    }
+    ngOnDestroy() {
+        document.removeEventListener('keydown', this.onKeyDown);
+    }
+    onBackdropClick() {
+        if (this.closeOnBackdrop)
+            this.setOpen(false);
+    }
+    setOpen(next) {
+        if (this.open === next)
+            return;
+        this.open = next;
+        this.openChange.emit(next);
+        (next ? this.opened : this.closed).emit();
+        this.cdr.markForCheck();
+        if (next) {
+            // Focus the projected search box once the panel is in the DOM, so typing
+            // works immediately on open.
+            setTimeout(() => this.panelEl?.nativeElement.querySelector('input')?.focus());
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CommandDialogComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CommandDialogComponent, isStandalone: true, selector: "tolle-command-dialog", inputs: { open: "open", shortcut: "shortcut", closeOnBackdrop: "closeOnBackdrop", ariaLabel: "ariaLabel", class: "class" }, outputs: { openChange: "openChange", opened: "opened", closed: "closed" }, viewQueries: [{ propertyName: "panelEl", first: true, predicate: ["panel"], descendants: true }], ngImport: i0, template: `
+    <div
+      *ngIf="open"
+      class="fixed inset-0 z-[9999] flex items-start justify-center p-4 pt-[15vh]"
+      role="dialog"
+      aria-modal="true"
+      [attr.aria-label]="ariaLabel"
+    >
+      <div
+        class="fixed inset-0 bg-black/50 backdrop-blur-sm animate-in fade-in"
+        aria-hidden="true"
+        (click)="onBackdropClick()"
+      ></div>
+
+      <div
+        #panel
+        [class]="cn(
+          'relative z-10 w-full max-w-lg overflow-hidden rounded-lg border border-border bg-popover shadow-lg',
+          class
+        )"
+      >
+        <ng-content></ng-content>
+      </div>
+    </div>
+  `, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CommandDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tolle-command-dialog', standalone: true, imports: [CommonModule], template: `
+    <div
+      *ngIf="open"
+      class="fixed inset-0 z-[9999] flex items-start justify-center p-4 pt-[15vh]"
+      role="dialog"
+      aria-modal="true"
+      [attr.aria-label]="ariaLabel"
+    >
+      <div
+        class="fixed inset-0 bg-black/50 backdrop-blur-sm animate-in fade-in"
+        aria-hidden="true"
+        (click)="onBackdropClick()"
+      ></div>
+
+      <div
+        #panel
+        [class]="cn(
+          'relative z-10 w-full max-w-lg overflow-hidden rounded-lg border border-border bg-popover shadow-lg',
+          class
+        )"
+      >
+        <ng-content></ng-content>
+      </div>
+    </div>
+  `, styles: [":host{display:block}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { open: [{
+                type: Input
+            }], shortcut: [{
+                type: Input
+            }], closeOnBackdrop: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }], class: [{
+                type: Input
+            }], openChange: [{
+                type: Output
+            }], opened: [{
+                type: Output
+            }], closed: [{
+                type: Output
+            }], panelEl: [{
+                type: ViewChild,
+                args: ['panel']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbWFuZC1kaWFsb2cuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvdG9sbGUvc3JjL2xpYi9jb21tYW5kLWRpYWxvZy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxLQUFLLEVBQ0wsTUFBTSxFQUNOLFlBQVksRUFFWixTQUFTLEdBSVYsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUM7OztBQUVoQzs7Ozs7Ozs7Ozs7Ozs7OztHQWdCRztBQWdDSCxNQUFNLE9BQU8sc0JBQXNCO0lBMkJiO0lBMUJwQiw4RkFBOEY7SUFDckYsSUFBSSxHQUFHLEtBQUssQ0FBQztJQUN0Qjs7OztPQUlHO0lBQ00sUUFBUSxHQUFHLE9BQU8sQ0FBQztJQUM1QixvRUFBb0U7SUFDM0QsZUFBZSxHQUFHLElBQUksQ0FBQztJQUNoQyxpRUFBaUU7SUFDeEQsU0FBUyxHQUFHLGlCQUFpQixDQUFDO0lBQ3ZDLDJFQUEyRTtJQUNsRSxLQUFLLEdBQUcsRUFBRSxDQUFDO0lBRXBCLDBDQUEwQztJQUNoQyxVQUFVLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztJQUNuRCxzQ0FBc0M7SUFDNUIsTUFBTSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7SUFDNUMsdUNBQXVDO0lBQzdCLE1BQU0sR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0lBRXhCLE9BQU8sQ0FBMkI7SUFFNUMsRUFBRSxHQUFHLEVBQUUsQ0FBQztJQUVsQixZQUFvQixHQUFzQjtRQUF0QixRQUFHLEdBQUgsR0FBRyxDQUFtQjtJQUFHLENBQUM7SUFFN0IsU0FBUyxHQUFHLENBQUMsS0FBb0IsRUFBRSxFQUFFO1FBQ3BELElBQUksS0FBSyxDQUFDLEdBQUcsS0FBSyxR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QUVhLE9BQU87c0JBQTFCLFNBQVM7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgRXZlbnRFbWl0dGVyLFxuICBFbGVtZW50UmVmLFxuICBWaWV3Q2hpbGQsXG4gIE9uSW5pdCxcbiAgT25EZXN0cm95LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgY24gfSBmcm9tICcuL3V0aWxzL2NuJztcblxuLyoqXG4gKiBUaGUg4oyYSyBjb21tYW5kIHBhbGV0dGU6IGEgYHRvbGxlLWNvbW1hbmRgIGluIGEgY2VudHJlZCBtb2RhbCBvdmVybGF5LlxuICpcbiAqIFByb2plY3QgYSBmdWxsIGNvbW1hbmQgbWVudSBpbnNpZGU6XG4gKlxuICogYGBgaHRtbFxuICogPHRvbGxlLWNvbW1hbmQtZGlhbG9nIFsob3BlbildPVwicGFsZXR0ZU9wZW5cIj5cbiAqICAgPHRvbGxlLWNvbW1hbmQgKHNlbGVjdGVkKT1cInJ1bigkZXZlbnQpXCI+XG4gKiAgICAgPHRvbGxlLWNvbW1hbmQtaW5wdXQ+PC90b2xsZS1jb21tYW5kLWlucHV0PlxuICogICAgIDx0b2xsZS1jb21tYW5kLWxpc3Q+4oCmPC90b2xsZS1jb21tYW5kLWxpc3Q+XG4gKiAgIDwvdG9sbGUtY29tbWFuZD5cbiAqIDwvdG9sbGUtY29tbWFuZC1kaWFsb2c+XG4gKiBgYGBcbiAqXG4gKiBTZXQgYHNob3J0Y3V0YCB0byBiaW5kIGEgZ2xvYmFsIGhvdGtleSAoZGVmYXVsdCDijJhLIC8gQ3RybCtLKS5cbiAqIEBuZXdcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndG9sbGUtY29tbWFuZC1kaWFsb2cnLFxuICBzdHlsZXM6IFsnOmhvc3QgeyBkaXNwbGF5OiBibG9jazsgfSddLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2XG4gICAgICAqbmdJZj1cIm9wZW5cIlxuICAgICAgY2xhc3M9XCJmaXhlZCBpbnNldC0wIHotWzk5OTldIGZsZXggaXRlbXMtc3RhcnQganVzdGlmeS1jZW50ZXIgcC00IHB0LVsxNXZoXVwiXG4gICAgICByb2xlPVwiZGlhbG9nXCJcbiAgICAgIGFyaWEtbW9kYWw9XCJ0cnVlXCJcbiAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiYXJpYUxhYmVsXCJcbiAgICA+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzPVwiZml4ZWQgaW5zZXQtMCBiZy1ibGFjay81MCBiYWNrZHJvcC1ibHVyLXNtIGFuaW1hdGUtaW4gZmFkZS1pblwiXG4gICAgICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgICAgIChjbGljayk9XCJvbkJhY2tkcm9wQ2xpY2soKVwiXG4gICAgICA+PC9kaXY+XG5cbiAgICAgIDxkaXZcbiAgICAgICAgI3BhbmVsXG4gICAgICAgIFtjbGFzc109XCJjbihcbiAgICAgICAgICAncmVsYXRpdmUgei0xMCB3LWZ1bGwgbWF4LXctbGcgb3ZlcmZsb3ctaGlkZGVuIHJvdW5kZWQtbGcgYm9yZGVyIGJvcmRlci1ib3JkZXIgYmctcG9wb3ZlciBzaGFkb3ctbGcnLFxuICAgICAgICAgIGNsYXNzXG4gICAgICAgIClcIlxuICAgICAgPlxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgYCxcbn0pXG5leHBvcnQgY2xhc3MgQ29tbWFuZERpYWxvZ0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgLyoqIFdoZXRoZXIgdGhlIHBhbGV0dGUgaXMgdmlzaWJsZS4gU3VwcG9ydHMgdHdvLXdheSBiaW5kaW5nIHZpYSBgWyhvcGVuKV1gLiBAZGVmYXVsdCBmYWxzZSAqL1xuICBASW5wdXQoKSBvcGVuID0gZmFsc2U7XG4gIC8qKlxuICAgKiBHbG9iYWwgaG90a2V5IHRoYXQgdG9nZ2xlcyB0aGUgcGFsZXR0ZSwgYXMgYG1vZCtrZXlgIHdoZXJlIGBtb2RgIG1hcHMgdG8g4oyYXG4gICAqIG9uIG1hY09TIGFuZCBDdHJsIGVsc2V3aGVyZS4gU2V0IHRvIGAnJ2AgdG8gZGlzYWJsZSB0aGUgYmluZGluZy5cbiAgICogQGRlZmF1bHQgJ21vZCtrJ1xuICAgKi9cbiAgQElucHV0KCkgc2hvcnRjdXQgPSAnbW9kK2snO1xuICAvKiogQ2xvc2UgdGhlIHBhbGV0dGUgd2hlbiB0aGUgYmFja2Ryb3AgaXMgY2xpY2tlZC4gQGRlZmF1bHQgdHJ1ZSAqL1xuICBASW5wdXQoKSBjbG9zZU9uQmFja2Ryb3AgPSB0cnVlO1xuICAvKiogQWNjZXNzaWJsZSBuYW1lIGZvciB0aGUgZGlhbG9nLiBAZGVmYXVsdCAnQ29tbWFuZCBwYWxldHRlJyAqL1xuICBASW5wdXQoKSBhcmlhTGFiZWwgPSAnQ29tbWFuZCBwYWxldHRlJztcbiAgLyoqIEV4dHJhIFRhaWx3aW5kIGNsYXNzZXMgbWVyZ2VkIG9udG8gdGhlIHBhbmVsIHZpYSBgY24oKWAgKGxhc3Qtd2lucykuICovXG4gIEBJbnB1dCgpIGNsYXNzID0gJyc7XG5cbiAgLyoqIFR3by13YXkgYmluZGluZyBwYXJ0bmVyIGZvciBgb3BlbmAuICovXG4gIEBPdXRwdXQoKSBvcGVuQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuICAvKiogRW1pdHRlZCB3aGVuIHRoZSBwYWxldHRlIG9wZW5zLiAqL1xuICBAT3V0cHV0KCkgb3BlbmVkID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICAvKiogRW1pdHRlZCB3aGVuIHRoZSBwYWxldHRlIGNsb3Nlcy4gKi9cbiAgQE91dHB1dCgpIGNsb3NlZCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBAVmlld0NoaWxkKCdwYW5lbCcpIHBhbmVsRWw/OiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PjtcblxuICBwcm90ZWN0ZWQgY24gPSBjbjtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHt9XG5cbiAgcHJpdmF0ZSByZWFkb25seSBvbktleURvd24gPSAoZXZlbnQ6IEtleWJvYXJkRXZlbnQpID0+IHtcbiAgICBpZiAoZXZlbnQua2V5ID09PSAnRXNjYXBlJyAmJiB0aGlzLm9wZW4pIHtcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICB0aGlzLnNldE9wZW4oZmFsc2UpO1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGlmICghdGhpcy5zaG9ydGN1dCkgcmV0dXJuO1xuICAgIGNvbnN0IHBhcnRzID0gdGhpcy5zaG9ydGN1dC50b0xvd2VyQ2FzZSgpLnNwbGl0KCcrJyk7XG4gICAgY29uc3Qga2V5ID0gcGFydHNbcGFydHMubGVuZ3RoIC0gMV07XG4gICAgY29uc3QgbmVlZHNNb2QgPSBwYXJ0cy5pbmNsdWRlcygnbW9kJykgfHwgcGFydHMuaW5jbHVkZXMoJ21ldGEnKSB8fCBwYXJ0cy5pbmNsdWRlcygnY3RybCcpO1xuICAgIGNvbnN0IG1vZEhlbGQgPSBldmVudC5tZXRhS2V5IHx8IGV2ZW50LmN0cmxLZXk7XG5cbiAgICBpZiAoZXZlbnQua2V5LnRvTG93ZXJDYXNlKCkgPT09IGtleSAmJiAoIW5lZWRzTW9kIHx8IG1vZEhlbGQpKSB7XG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgdGhpcy5zZXRPcGVuKCF0aGlzLm9wZW4pO1xuICAgIH1cbiAgfTtcblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdrZXlkb3duJywgdGhpcy5vbktleURvd24pO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcigna2V5ZG93bicsIHRoaXMub25LZXlEb3duKTtcbiAgfVxuXG4gIG9uQmFja2Ryb3BDbGljaygpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5jbG9zZU9uQmFja2Ryb3ApIHRoaXMuc2V0T3BlbihmYWxzZSk7XG4gIH1cblxuICBwcml2YXRlIHNldE9wZW4obmV4dDogYm9vbGVhbik6IHZvaWQge1xuICAgIGlmICh0aGlzLm9wZW4gPT09IG5leHQpIHJldHVybjtcbiAgICB0aGlzLm9wZW4gPSBuZXh0O1xuICAgIHRoaXMub3BlbkNoYW5nZS5lbWl0KG5leHQpO1xuICAgIChuZXh0ID8gdGhpcy5vcGVuZWQgOiB0aGlzLmNsb3NlZCkuZW1pdCgpO1xuICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuXG4gICAgaWYgKG5leHQpIHtcbiAgICAgIC8vIEZvY3VzIHRoZSBwcm9qZWN0ZWQgc2VhcmNoIGJveCBvbmNlIHRoZSBwYW5lbCBpcyBpbiB0aGUgRE9NLCBzbyB0eXBpbmdcbiAgICAgIC8vIHdvcmtzIGltbWVkaWF0ZWx5IG9uIG9wZW4uXG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHRoaXMucGFuZWxFbD8ubmF0aXZlRWxlbWVudC5xdWVyeVNlbGVjdG9yKCdpbnB1dCcpPy5mb2N1cygpKTtcbiAgICB9XG4gIH1cbn1cbiJdfQ==