@softpak/components 0.3.5 → 0.3.6

package/esm2022/spx-inputs/spx-input-box.component.mjs

@@ -0,0 +1,255 @@
+import { NgIf } from '@angular/common';
+import { Component, EventEmitter, HostListener, Input, Output } from '@angular/core';
+import { SpxButtonComponent } from '@softpak/components/spx-button';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { faEdit, faQuestion, faSearch, faTimes } from '@fortawesome/free-solid-svg-icons';
+import * as i0 from "@angular/core";
+import * as i1 from "@fortawesome/angular-fontawesome";
+export class SpxInputBoxComponent {
+    handleFocusIn(ev) {
+        this.emitFocusIn();
+    }
+    handleFocusOut(ev) {
+        const thisEl = this.elRef.nativeElement;
+        const relatedElement = ev.relatedTarget;
+        if (!relatedElement || !thisEl.contains(relatedElement)) {
+            this.emitFocusOut();
+        }
+    }
+    handleWindowClick(ev) {
+        if (ev.composedPath().includes(this.elRef.nativeElement)) {
+            this.emitFocusIn();
+        }
+        else {
+            this.emitFocusOut();
+        }
+    }
+    onClear() {
+        this.spxClear.emit();
+    }
+    onSearch() {
+        this.spxSearch.emit();
+    }
+    onEdit() {
+        this.spxEdit.emit();
+    }
+    onHelp() {
+        this.spxHelp.emit();
+    }
+    constructor(elRef) {
+        this.elRef = elRef;
+        this.faEdit = faEdit;
+        this.faSearch = faSearch;
+        this.faQuestion = faQuestion;
+        this.faTimes = faTimes;
+        this.spxFocused = false;
+        this.spxReadonly = false;
+        this.spxShowClear = true;
+        this.spxShowLabel = true;
+        this.spxClear = new EventEmitter();
+        this.spxSearch = new EventEmitter();
+        this.spxFocus = new EventEmitter();
+        this.spxFocusOut = new EventEmitter();
+        this.spxEdit = new EventEmitter();
+        this.spxHelp = new EventEmitter();
+    }
+    emitFocusIn() {
+        if (!this.spxFocused) {
+            this.spxFocus.emit();
+        }
+    }
+    emitFocusOut() {
+        if (this.spxFocused) {
+            this.spxFocusOut.emit();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpxInputBoxComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SpxInputBoxComponent, isStandalone: true, selector: "spx-input-box", inputs: { spxCompact: "spxCompact", spxFocused: "spxFocused", spxLabel: "spxLabel", spxReadonly: "spxReadonly", spxRequired: "spxRequired", spxShowClear: "spxShowClear", spxShowEdit: "spxShowEdit", spxShowHelp: "spxShowHelp", spxShowLabel: "spxShowLabel", spxShowSearch: "spxShowSearch", spxShowValidationMessages: "spxShowValidationMessages", spxValue: "spxValue" }, outputs: { spxClear: "spxClear", spxSearch: "spxSearch", spxFocus: "spxFocus", spxFocusOut: "spxFocusOut", spxEdit: "spxEdit", spxHelp: "spxHelp" }, host: { listeners: { "focusin": "handleFocusIn($event)", "focusout": "handleFocusOut($event)", "document:click": "handleWindowClick($event)" } }, ngImport: i0, template: `<div class="flex rounded w-full gap-3"
+    [class.rounded-none]="this.spxShowValidationMessages"
+    [class.rounded-t]="this.spxShowValidationMessages"
+    [class.outline-none]="this.spxFocused && !this.spxReadonly"
+    [class.ring-2]="this.spxFocused && !this.spxReadonly"
+    [class.ring-offset-2]="this.spxFocused && !this.spxReadonly"
+    [class.ring-blue-500]="this.spxFocused && !this.spxReadonly"
+    [class.bg-white]="!this.spxReadonly"
+    [class.bg-gray-300]="this.spxReadonly"
+    [class.cursor-not-allowed]="this.spxReadonly">
+    <div class="flex-auto p-3"
+      [class.p-0]="this.spxCompact"
+      [class.flex]="this.spxCompact"
+      [class.items-center]="this.spxCompact">
+      <div *ngIf="this.spxShowLabel" class="font-bold text-sm mb-1 text-gray-800"
+        [class.mb-0]="this.spxCompact"
+        [class.px-3]="this.spxCompact">
+        {{this.spxLabel}} <span *ngIf="spxRequired" class="text-red-800">*</span>
+      </div>
+      <ng-content select="[controls]"></ng-content>
+    </div>
+    <div class="flex flex-none gap-1 p-1">
+      <spx-button
+        *ngIf="this.spxShowEdit"
+        (spxClick)="onEdit()"
+        [spxFullHeight]="true"
+        [spxSize]="'xl'"
+        [spxType]="'button'">
+        <fa-icon [icon]="faEdit" class="block text-xl"></fa-icon>
+      </spx-button>
+      <spx-button
+        *ngIf="this.spxShowHelp"
+        (spxClick)="onHelp()"
+        [spxFullHeight]="true"
+        [spxDisabled]="this.spxReadonly"
+        [spxSize]="'xl'"
+        [spxTabIndex]="-1"
+        [spxType]="'button'">
+        <fa-icon [icon]="faQuestion" class="block text-xl"></fa-icon>
+      </spx-button>
+      <spx-button
+        *ngIf="this.spxShowSearch"
+        (spxClick)="onSearch()"
+        [spxFullHeight]="true"
+        [spxDisabled]="this.spxReadonly"
+        [spxSize]="'xl'"
+        [spxTabIndex]="-1"
+        [spxType]="'button'">
+        <fa-icon [icon]="faSearch" class="block text-xl"></fa-icon>
+      </spx-button>
+      <spx-button
+        *ngIf="this.spxShowClear"
+        (spxClick)="onClear()"
+        [spxDisabled]="this.spxReadonly || !this.spxValue?.value"
+        [spxFullHeight]="true"
+        [spxSize]="'xl'"
+        [spxTabIndex]="-1"
+        [spxType]="'button'">
+        <fa-icon [icon]="faTimes" class="block text-xl"></fa-icon>
+      </spx-button>
+    </div>
+  </div>
+  <div *ngIf="this.spxShowValidationMessages" class="bg-red-600 rounded-b text-white p-3">
+    <ng-content select="[validation-messages]"></ng-content>
+  </div>`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SpxButtonComponent, selector: "spx-button", inputs: ["spxDisabled", "spxClass", "spxClassObject", "spxForm", "spxFullHeight", "spxFullWidth", "spxSeverity", "spxSize", "spxTabIndex", "spxType"], outputs: ["spxClick"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpxInputBoxComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spx-input-box',
+                    standalone: true,
+                    imports: [
+                        NgIf,
+                        SpxButtonComponent,
+                        FontAwesomeModule,
+                    ],
+                    template: `<div class="flex rounded w-full gap-3"
+    [class.rounded-none]="this.spxShowValidationMessages"
+    [class.rounded-t]="this.spxShowValidationMessages"
+    [class.outline-none]="this.spxFocused && !this.spxReadonly"
+    [class.ring-2]="this.spxFocused && !this.spxReadonly"
+    [class.ring-offset-2]="this.spxFocused && !this.spxReadonly"
+    [class.ring-blue-500]="this.spxFocused && !this.spxReadonly"
+    [class.bg-white]="!this.spxReadonly"
+    [class.bg-gray-300]="this.spxReadonly"
+    [class.cursor-not-allowed]="this.spxReadonly">
+    <div class="flex-auto p-3"
+      [class.p-0]="this.spxCompact"
+      [class.flex]="this.spxCompact"
+      [class.items-center]="this.spxCompact">
+      <div *ngIf="this.spxShowLabel" class="font-bold text-sm mb-1 text-gray-800"
+        [class.mb-0]="this.spxCompact"
+        [class.px-3]="this.spxCompact">
+        {{this.spxLabel}} <span *ngIf="spxRequired" class="text-red-800">*</span>
+      </div>
+      <ng-content select="[controls]"></ng-content>
+    </div>
+    <div class="flex flex-none gap-1 p-1">
+      <spx-button
+        *ngIf="this.spxShowEdit"
+        (spxClick)="onEdit()"
+        [spxFullHeight]="true"
+        [spxSize]="'xl'"
+        [spxType]="'button'">
+        <fa-icon [icon]="faEdit" class="block text-xl"></fa-icon>
+      </spx-button>
+      <spx-button
+        *ngIf="this.spxShowHelp"
+        (spxClick)="onHelp()"
+        [spxFullHeight]="true"
+        [spxDisabled]="this.spxReadonly"
+        [spxSize]="'xl'"
+        [spxTabIndex]="-1"
+        [spxType]="'button'">
+        <fa-icon [icon]="faQuestion" class="block text-xl"></fa-icon>
+      </spx-button>
+      <spx-button
+        *ngIf="this.spxShowSearch"
+        (spxClick)="onSearch()"
+        [spxFullHeight]="true"
+        [spxDisabled]="this.spxReadonly"
+        [spxSize]="'xl'"
+        [spxTabIndex]="-1"
+        [spxType]="'button'">
+        <fa-icon [icon]="faSearch" class="block text-xl"></fa-icon>
+      </spx-button>
+      <spx-button
+        *ngIf="this.spxShowClear"
+        (spxClick)="onClear()"
+        [spxDisabled]="this.spxReadonly || !this.spxValue?.value"
+        [spxFullHeight]="true"
+        [spxSize]="'xl'"
+        [spxTabIndex]="-1"
+        [spxType]="'button'">
+        <fa-icon [icon]="faTimes" class="block text-xl"></fa-icon>
+      </spx-button>
+    </div>
+  </div>
+  <div *ngIf="this.spxShowValidationMessages" class="bg-red-600 rounded-b text-white p-3">
+    <ng-content select="[validation-messages]"></ng-content>
+  </div>`,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { spxCompact: [{
+                type: Input
+            }], spxFocused: [{
+                type: Input
+            }], spxLabel: [{
+                type: Input
+            }], spxReadonly: [{
+                type: Input
+            }], spxRequired: [{
+                type: Input
+            }], spxShowClear: [{
+                type: Input
+            }], spxShowEdit: [{
+                type: Input
+            }], spxShowHelp: [{
+                type: Input
+            }], spxShowLabel: [{
+                type: Input
+            }], spxShowSearch: [{
+                type: Input
+            }], spxShowValidationMessages: [{
+                type: Input
+            }], spxValue: [{
+                type: Input
+            }], spxClear: [{
+                type: Output
+            }], spxSearch: [{
+                type: Output
+            }], spxFocus: [{
+                type: Output
+            }], spxFocusOut: [{
+                type: Output
+            }], spxEdit: [{
+                type: Output
+            }], spxHelp: [{
+                type: Output
+            }], handleFocusIn: [{
+                type: HostListener,
+                args: ['focusin', ["$event"]]
+            }], handleFocusOut: [{
+                type: HostListener,
+                args: ['focusout', ["$event"]]
+            }], handleWindowClick: [{
+                type: HostListener,
+                args: ['document:click', ["$event"]]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3B4LWlucHV0LWJveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zb2Z0cGFrL2NvbXBvbmVudHMvc3B4LWlucHV0cy9zcHgtaW5wdXQtYm94LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDdkMsT0FBTyxFQUFFLFNBQVMsRUFBYyxZQUFZLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakcsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFFcEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDckUsT0FBTyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRSxNQUFNLG1DQUFtQyxDQUFDOzs7QUE0RTFGLE1BQU0sT0FBTyxvQkFBb0I7SUF1Qk0sYUFBYSxDQUFDLEVBQVM7UUFDMUQsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFDcUMsY0FBYyxDQUFDLEVBQWM7UUFDakUsTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxhQUE0QixDQUFDO1FBQ3ZELE1BQU0sY0FBYyxHQUFHLEVBQUUsQ0FBQyxhQUE0QixDQUFDO1FBQ3ZELElBQUksQ0FBQyxjQUFjLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLGNBQWMsQ0FBQyxFQUFFLENBQUM7WUFDeEQsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3RCLENBQUM7SUFDSCxDQUFDO0lBQzJDLGlCQUFpQixDQUFDLEVBQVM7UUFDckUsSUFBSSxFQUFFLENBQUMsWUFBWSxFQUFFLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLEVBQUUs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QixNQUFNO2dCQUNHLE9BQU87c0JBQWhCLE1BQU07Z0JBQ0csT0FBTztzQkFBaEIsTUFBTTtnQkFDOEIsYUFBYTtzQkFBakQsWUFBWTt1QkFBQyxTQUFTLEVBQUUsQ0FBQyxRQUFRLENBQUM7Z0JBR0csY0FBYztzQkFBbkQsWUFBWTt1QkFBQyxVQUFVLEVBQUUsQ0FBQyxRQUFRLENBQUM7Z0JBT1EsaUJBQWlCO3NCQUE1RCxZQUFZO3VCQUFDLGdCQUFnQixFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdJZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgSG9zdExpc3RlbmVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTcHhCdXR0b25Db21wb25lbnQgfSBmcm9tICdAc29mdHBhay9jb21wb25lbnRzL3NweC1idXR0b24nO1xuaW1wb3J0IHsgU3B4VmFsdWVQYWlyIH0gZnJvbSAnLi9zcHgtdmFsdWUtaW50ZXJmYWNlJztcbmltcG9ydCB7IEZvbnRBd2Vzb21lTW9kdWxlIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2FuZ3VsYXItZm9udGF3ZXNvbWUnO1xuaW1wb3J0IHsgZmFFZGl0LCBmYVF1ZXN0aW9uLCBmYVNlYXJjaCwgZmFUaW1lcyB9IGZyb20gJ0Bmb3J0YXdlc29tZS9mcmVlLXNvbGlkLXN2Zy1pY29ucyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NweC1pbnB1dC1ib3gnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgTmdJZixcbiAgICBTcHhCdXR0b25Db21wb25lbnQsXG4gICAgRm9udEF3ZXNvbWVNb2R1bGUsXG4gIF0sXG4gIHRlbXBsYXRlOiBgPGRpdiBjbGFzcz1cImZsZXggcm91bmRlZCB3LWZ1bGwgZ2FwLTNcIlxuICAgIFtjbGFzcy5yb3VuZGVkLW5vbmVdPVwidGhpcy5zcHhTaG93VmFsaWRhdGlvbk1lc3NhZ2VzXCJcbiAgICBbY2xhc3Mucm91bmRlZC10XT1cInRoaXMuc3B4U2hvd1ZhbGlkYXRpb25NZXNzYWdlc1wiXG4gICAgW2NsYXNzLm91dGxpbmUtbm9uZV09XCJ0aGlzLnNweEZvY3VzZWQgJiYgIXRoaXMuc3B4UmVhZG9ubHlcIlxuICAgIFtjbGFzcy5yaW5nLTJdPVwidGhpcy5zcHhGb2N1c2VkICYmICF0aGlzLnNweFJlYWRvbmx5XCJcbiAgICBbY2xhc3MucmluZy1vZmZzZXQtMl09XCJ0aGlzLnNweEZvY3VzZWQgJiYgIXRoaXMuc3B4UmVhZG9ubHlcIlxuICAgIFtjbGFzcy5yaW5nLWJsdWUtNTAwXT1cInRoaXMuc3B4Rm9jdXNlZCAmJiAhdGhpcy5zcHhSZWFkb25seVwiXG4gICAgW2NsYXNzLmJnLXdoaXRlXT1cIiF0aGlzLnNweFJlYWRvbmx5XCJcbiAgICBbY2xhc3MuYmctZ3JheS0zMDBdPVwidGhpcy5zcHhSZWFkb25seVwiXG4gICAgW2NsYXNzLmN1cnNvci1ub3QtYWxsb3dlZF09XCJ0aGlzLnNweFJlYWRvbmx5XCI+XG4gICAgPGRpdiBjbGFzcz1cImZsZXgtYXV0byBwLTNcIlxuICAgICAgW2NsYXNzLnAtMF09XCJ0aGlzLnNweENvbXBhY3RcIlxuICAgICAgW2NsYXNzLmZsZXhdPVwidGhpcy5zcHhDb21wYWN0XCJcbiAgICAgIFtjbGFzcy5pdGVtcy1jZW50ZXJdPVwidGhpcy5zcHhDb21wYWN0XCI+XG4gICAgICA8ZGl2ICpuZ0lmPVwidGhpcy5zcHhTaG93TGFiZWxcIiBjbGFzcz1cImZvbnQtYm9sZCB0ZXh0LXNtIG1iLTEgdGV4dC1ncmF5LTgwMFwiXG4gICAgICAgIFtjbGFzcy5tYi0wXT1cInRoaXMuc3B4Q29tcGFjdFwiXG4gICAgICAgIFtjbGFzcy5weC0zXT1cInRoaXMuc3B4Q29tcGFjdFwiPlxuICAgICAgICB7e3RoaXMuc3B4TGFiZWx9fSA8c3BhbiAqbmdJZj1cInNweFJlcXVpcmVkXCIgY2xhc3M9XCJ0ZXh0LXJlZC04MDBcIj4qPC9zcGFuPlxuICAgICAgPC9kaXY+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbY29udHJvbHNdXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJmbGV4IGZsZXgtbm9uZSBnYXAtMSBwLTFcIj5cbiAgICAgIDxzcHgtYnV0dG9uXG4gICAgICAgICpuZ0lmPVwidGhpcy5zcHhTaG93RWRpdFwiXG4gICAgICAgIChzcHhDbGljayk9XCJvbkVkaXQoKVwiXG4gICAgICAgIFtzcHhGdWxsSGVpZ2h0XT1cInRydWVcIlxuICAgICAgICBbc3B4U2l6ZV09XCIneGwnXCJcbiAgICAgICAgW3NweFR5cGVdPVwiJ2J1dHRvbidcIj5cbiAgICAgICAgPGZhLWljb24gW2ljb25dPVwiZmFFZGl0XCIgY2xhc3M9XCJibG9jayB0ZXh0LXhsXCI+PC9mYS1pY29uPlxuICAgICAgPC9zcHgtYnV0dG9uPlxuICAgICAgPHNweC1idXR0b25cbiAgICAgICAgKm5nSWY9XCJ0aGlzLnNweFNob3dIZWxwXCJcbiAgICAgICAgKHNweENsaWNrKT1cIm9uSGVscCgpXCJcbiAgICAgICAgW3NweEZ1bGxIZWlnaHRdPVwidHJ1ZVwiXG4gICAgICAgIFtzcHhEaXNhYmxlZF09XCJ0aGlzLnNweFJlYWRvbmx5XCJcbiAgICAgICAgW3NweFNpemVdPVwiJ3hsJ1wiXG4gICAgICAgIFtzcHhUYWJJbmRleF09XCItMVwiXG4gICAgICAgIFtzcHhUeXBlXT1cIididXR0b24nXCI+XG4gICAgICAgIDxmYS1pY29uIFtpY29uXT1cImZhUXVlc3Rpb25cIiBjbGFzcz1cImJsb2NrIHRleHQteGxcIj48L2ZhLWljb24+XG4gICAgICA8L3NweC1idXR0b24+XG4gICAgICA8c3B4LWJ1dHRvblxuICAgICAgICAqbmdJZj1cInRoaXMuc3B4U2hvd1NlYXJjaFwiXG4gICAgICAgIChzcHhDbGljayk9XCJvblNlYXJjaCgpXCJcbiAgICAgICAgW3NweEZ1bGxIZWlnaHRdPVwidHJ1ZVwiXG4gICAgICAgIFtzcHhEaXNhYmxlZF09XCJ0aGlzLnNweFJlYWRvbmx5XCJcbiAgICAgICAgW3NweFNpemVdPVwiJ3hsJ1wiXG4gICAgICAgIFtzcHhUYWJJbmRleF09XCItMVwiXG4gICAgICAgIFtzcHhUeXBlXT1cIididXR0b24nXCI+XG4gICAgICAgIDxmYS1pY29uIFtpY29uXT1cImZhU2VhcmNoXCIgY2xhc3M9XCJibG9jayB0ZXh0LXhsXCI+PC9mYS1pY29uPlxuICAgICAgPC9zcHgtYnV0dG9uPlxuICAgICAgPHNweC1idXR0b25cbiAgICAgICAgKm5nSWY9XCJ0aGlzLnNweFNob3dDbGVhclwiXG4gICAgICAgIChzcHhDbGljayk9XCJvbkNsZWFyKClcIlxuICAgICAgICBbc3B4RGlzYWJsZWRdPVwidGhpcy5zcHhSZWFkb25seSB8fCAhdGhpcy5zcHhWYWx1ZT8udmFsdWVcIlxuICAgICAgICBbc3B4RnVsbEhlaWdodF09XCJ0cnVlXCJcbiAgICAgICAgW3NweFNpemVdPVwiJ3hsJ1wiXG4gICAgICAgIFtzcHhUYWJJbmRleF09XCItMVwiXG4gICAgICAgIFtzcHhUeXBlXT1cIididXR0b24nXCI+XG4gICAgICAgIDxmYS1pY29uIFtpY29uXT1cImZhVGltZXNcIiBjbGFzcz1cImJsb2NrIHRleHQteGxcIj48L2ZhLWljb24+XG4gICAgICA8L3NweC1idXR0b24+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICA8ZGl2ICpuZ0lmPVwidGhpcy5zcHhTaG93VmFsaWRhdGlvbk1lc3NhZ2VzXCIgY2xhc3M9XCJiZy1yZWQtNjAwIHJvdW5kZWQtYiB0ZXh0LXdoaXRlIHAtM1wiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIlt2YWxpZGF0aW9uLW1lc3NhZ2VzXVwiPjwvbmctY29udGVudD5cbiAgPC9kaXY+YCxcbn0pXG5leHBvcnQgY2xhc3MgU3B4SW5wdXRCb3hDb21wb25lbnQge1xuICBmYUVkaXQgPSBmYUVkaXQ7XG4gIGZhU2VhcmNoID0gZmFTZWFyY2g7XG4gIGZhUXVlc3Rpb24gPSBmYVF1ZXN0aW9uO1xuICBmYVRpbWVzID0gZmFUaW1lcztcbiAgQElucHV0KCkgc3B4Q29tcGFjdD86IGJvb2xlYW47XG4gIEBJbnB1dCgpIHNweEZvY3VzZWQgPSBmYWxzZTtcbiAgQElucHV0KCkgc3B4TGFiZWw/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHNweFJlYWRvbmx5ID0gZmFsc2U7XG4gIEBJbnB1dCgpIHNweFJlcXVpcmVkPzogYm9vbGVhbjtcbiAgQElucHV0KCkgc3B4U2hvd0NsZWFyID0gdHJ1ZTtcbiAgQElucHV0KCkgc3B4U2hvd0VkaXQ/OiBib29sZWFuO1xuICBASW5wdXQoKSBzcHhTaG93SGVscD86IGJvb2xlYW47XG4gIEBJbnB1dCgpIHNweFNob3dMYWJlbCA9IHRydWU7XG4gIEBJbnB1dCgpIHNweFNob3dTZWFyY2g/OiBib29sZWFuO1xuICBASW5wdXQoKSBzcHhTaG93VmFsaWRhdGlvbk1lc3NhZ2VzPzogYm9vbGVhbiB8IG51bGwgfCB1bmRlZmluZWQ7XG4gIEBJbnB1dCgpIHNweFZhbHVlPzogU3B4VmFsdWVQYWlyPGFueT47XG4gIEBPdXRwdXQoKSBzcHhDbGVhcjogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAT3V0cHV0KCkgc3B4U2VhcmNoOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIEBPdXRwdXQoKSBzcHhGb2N1czogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAT3V0cHV0KCkgc3B4Rm9jdXNPdXQ6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQE91dHB1dCgpIHNweEVkaXQ6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQE91dHB1dCgpIHNweEhlbHA6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQEhvc3RMaXN0ZW5lcignZm9jdXNpbicsIFtcIiRldmVudFwiXSkgaGFuZGxlRm9jdXNJbihldjogRXZlbnQpIHtcbiAgICB0aGlzLmVtaXRGb2N1c0luKCk7XG4gIH1cbiAgQEhvc3RMaXN0ZW5lcignZm9jdXNvdXQnLCBbXCIkZXZlbnRcIl0pIGhhbmRsZUZvY3VzT3V0KGV2OiBGb2N1c0V2ZW50KSB7XG4gICAgY29uc3QgdGhpc0VsID0gdGhpcy5lbFJlZi5uYXRpdmVFbGVtZW50IGFzIEhUTUxFbGVtZW50O1xuICAgIGNvbnN0IHJlbGF0ZWRFbGVtZW50ID0gZXYucmVsYXRlZFRhcmdldCBhcyBIVE1MRWxlbWVudDtcbiAgICBpZiAoIXJlbGF0ZWRFbGVtZW50IHx8ICF0aGlzRWwuY29udGFpbnMocmVsYXRlZEVsZW1lbnQpKSB7XG4gICAgICB0aGlzLmVtaXRGb2N1c091dCgpO1xuICAgIH1cbiAgfVxuICBASG9zdExpc3RlbmVyKCdkb2N1bWVudDpjbGljaycsIFtcIiRldmVudFwiXSkgaGFuZGxlV2luZG93Q2xpY2soZXY6IEV2ZW50KSB7XG4gICAgaWYgKGV2LmNvbXBvc2VkUGF0aCgpLmluY2x1ZGVzKHRoaXMuZWxSZWYubmF0aXZlRWxlbWVudCkpIHtcbiAgICAgIHRoaXMuZW1pdEZvY3VzSW4oKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5lbWl0Rm9jdXNPdXQoKTtcbiAgICB9XG4gIH1cblxuICBvbkNsZWFyKCkge1xuICAgIHRoaXMuc3B4Q2xlYXIuZW1pdCgpO1xuICB9XG5cbiAgb25TZWFyY2goKSB7XG4gICAgdGhpcy5zcHhTZWFyY2guZW1pdCgpO1xuICB9XG5cbiAgb25FZGl0KCkge1xuICAgIHRoaXMuc3B4RWRpdC5lbWl0KCk7XG4gIH1cblxuICBvbkhlbHAoKSB7XG4gICAgdGhpcy5zcHhIZWxwLmVtaXQoKTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZWxSZWY6IEVsZW1lbnRSZWYpIHtcbiAgfVxuXG4gIHByaXZhdGUgZW1pdEZvY3VzSW4oKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLnNweEZvY3VzZWQpIHtcbiAgICAgIHRoaXMuc3B4Rm9jdXMuZW1pdCgpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgZW1pdEZvY3VzT3V0KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLnNweEZvY3VzZWQpIHtcbiAgICAgIHRoaXMuc3B4Rm9jdXNPdXQuZW1pdCgpO1xuICAgIH1cbiAgfVxufVxuIl19

package/esm2022/spx-inputs/spx-input-date.component.mjs

@@ -0,0 +1,294 @@
+import { NgFor, NgIf } from '@angular/common';
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { SpxButtonComponent } from '@softpak/components/spx-button';
+import { SpxSuggestionComponent } from '@softpak/components/spx-suggestion';
+import { DateTime } from 'luxon';
+import * as i0 from "@angular/core";
+export class SpxInputDateComponent {
+    async spxSetFocus() {
+        // this.elYear.focus();
+    }
+    // @Watch('spxValidators') watchSpxValidators(newValue) {
+    //   console.log('validators', newValue);
+    // }
+    // @Watch('value') watchValue(newValue) {
+    //   if (this.spxWasInternalUpdate) {
+    //     this.spxWasInternalUpdate = false;
+    //   } else {
+    //     const parsedValue = DateTime.fromISO(newValue?.value);
+    //     this.spxInternalValue.years = parsedValue.year;
+    //     this.spxInternalValue.months = parsedValue.month;
+    //     this.spxInternalValue.days = parsedValue.day;
+    //     this.spxSelectStep = 'years';
+    //   }
+    // }
+    constructor() {
+        this.spxReadonly = false;
+        this.spxFocused = true;
+        this.spxSelectMonth = true;
+        this.spxSelectDay = true;
+        this.spxChange = new EventEmitter();
+        this.spxFocus = new EventEmitter();
+        this.spxSelectStep = 'years';
+        this.spxInternalValue = {};
+        this.spxSuggestions = {
+            years: [],
+            months: [{
+                    description: 'Jan',
+                    value: 1,
+                }, {
+                    description: 'Feb',
+                    value: 2,
+                }, {
+                    description: 'Mar',
+                    value: 3,
+                }, {
+                    description: 'Apr',
+                    value: 4,
+                }, {
+                    description: 'May',
+                    value: 5,
+                }, {
+                    description: 'Jun',
+                    value: 6,
+                }, {
+                    description: 'Jul',
+                    value: 7,
+                }, {
+                    description: 'Aug',
+                    value: 8,
+                }, {
+                    description: 'Sep',
+                    value: 9,
+                }, {
+                    description: 'Oct',
+                    value: 10,
+                }, {
+                    description: 'Nov',
+                    value: 11,
+                }, {
+                    description: 'Dec',
+                    value: 12,
+                }],
+            days: [],
+        };
+        this.spxWasInternalUpdate = false;
+        this.suggestYears();
+    }
+    componentWillLoad() {
+        const parsedValue = this.value ? DateTime.fromISO(this.value.value) : DateTime.now();
+        this.spxInternalValue.years = parsedValue.year;
+        this.spxInternalValue.months = parsedValue.month;
+        this.spxInternalValue.days = parsedValue.day;
+    }
+    handleDayInput(event) {
+        this.spxInternalValue.days = event.target ? event.target.value : null;
+        this.updateValue();
+    }
+    handleMonthInput(event) {
+        this.spxInternalValue.months = event.target ? event.target.value : null;
+        this.afterMonthChange();
+    }
+    afterMonthChange() {
+        if (this.spxInternalValue.months.toString().length === 2 && this.spxSelectDay && this.spxLastKeyPressed !== 38 && this.spxLastKeyPressed !== 40) {
+            // this.elDay!.focus();
+        }
+        this.updateValue();
+    }
+    handleYearInput(event) {
+        this.spxInternalValue.years = event.target ? event.target.value : null;
+        this.afterYearChange();
+    }
+    afterYearChange() {
+        if (this.spxInternalValue.years.toString().length === 4 && this.spxSelectMonth && this.spxLastKeyPressed !== 38 && this.spxLastKeyPressed !== 40) {
+            // this.elMonth!.focus();
+        }
+        this.updateValue();
+    }
+    handleInput(event) {
+        this.setValue(event.target ? event.target.value : null);
+    }
+    handleFocus(step) {
+        this.spxSelectStep = step;
+        this.spxFocus.emit();
+    }
+    handleKeyDown(event) {
+        this.spxLastKeyPressed = event.which;
+    }
+    handleSuggestionClick(value) {
+        this.spxLastKeyPressed = null;
+        this.spxInternalValue[this.spxSelectStep] = value;
+        this.updateValue();
+        this.doneWithField();
+    }
+    updateValue() {
+        const concatenatedValue = `${this.spxInternalValue.years ? this.spxInternalValue.years : ``}${this.spxInternalValue.months ? `-${this.spxInternalValue.months < 10 ? `0${this.spxInternalValue.months}` : this.spxInternalValue.months}` : ``}${this.spxInternalValue.days ? `-${this.spxInternalValue.days < 10 ? `0${this.spxInternalValue.days}` : this.spxInternalValue.days}` : ``}`;
+        const parsedValue = DateTime.fromISO(concatenatedValue);
+        this.spxWasInternalUpdate = true;
+        this.value = {
+            description: parsedValue.toISO(),
+            value: parsedValue.toISO(),
+        };
+        this.spxChange.emit(this.value);
+    }
+    doneWithField() {
+        if (this.spxSelectStep === 'days') {
+            this.spxSelectStep = 'years';
+        }
+        else if (this.spxSelectStep === 'months') {
+            this.spxSelectStep = this.spxSelectDay ? 'days' : 'years';
+            this.afterMonthChange();
+        }
+        else if (this.spxSelectStep === 'years') {
+            this.afterYearChange();
+            this.spxSelectStep = this.spxSelectMonth ? 'months' : 'years';
+        }
+    }
+    setValue(value) {
+        this.spxInternalValue = value;
+        const parsed = DateTime.fromISO(value);
+        this.value = {
+            description: parsed.toISO(),
+            value: parsed.toISO(),
+        };
+        this.spxChange.emit(this.value);
+        this.spxWasInternalUpdate = true;
+    }
+    suggestYears() {
+        this.spxSuggestions.years = [];
+        for (let year = DateTime.fromISO(this.spxMin).year; year <= DateTime.fromISO(this.spxMax).year; year++) {
+            this.spxSuggestions.years.push({
+                description: `'${year.toString().substring(2, 4)}`,
+                value: year,
+            });
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpxInputDateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SpxInputDateComponent, isStandalone: true, selector: "spx-input-date", inputs: { spxMax: "spxMax", spxMin: "spxMin", spxName: "spxName", spxReadonly: "spxReadonly", spxValidators: "spxValidators", spxFocused: "spxFocused", spxSelectMonth: "spxSelectMonth", spxSelectDay: "spxSelectDay", value: "value", spxLastKeyPressed: "spxLastKeyPressed", spxSelectStep: "spxSelectStep", spxInternalValue: "spxInternalValue", spxSuggestions: "spxSuggestions", spxWasInternalUpdate: "spxWasInternalUpdate" }, outputs: { spxChange: "spxChange", spxFocus: "spxFocus" }, ngImport: i0, template: `<div class='spx-input-date__controls'>
+  <input
+    class='spx-input-date__input'
+    [attr.value]="this.spxInternalValue.years"
+    (focus)="this.handleFocus('years')"
+    (input)="this.handleYearInput($event)"
+    (keyDown)="this.handleKeyDown($event)"
+    [attr.type]="'number'"
+    [attr.min]="1900"
+    [attr.max]="2100"
+    [attr.step]="1"
+  />
+  <div class='spx-input-date__control-label'>Year</div>
+    <input
+      *ngIf="this.spxSelectMonth"
+      class='spx-input-date__input'
+      [attr.value]="this.spxInternalValue.months"
+      (focus)="this.handleFocus('months')"
+      (input)="this.handleMonthInput($event)"
+      (keyDown)="this.handleKeyDown($event)"
+      [attr.type]="'number'"
+      [attr.min]="1"
+      [attr.max]="12"
+      [attr.step]="1" />
+      <div class='spx-input-date__control-label'>Month</div>
+    <input
+      *ngIf="this.spxSelectDay"
+      class='spx-input-date__input'
+      [attr.value]="this.spxInternalValue.days"
+      (focus)="this.handleFocus('days')"
+      (input)="this.handleDayInput($event)"
+      (keyDown)="this.handleKeyDown($event)"
+      [attr.type]="'number'"
+      [attr.min]="1"
+      [attr.max]="31"
+      [attr.step]="1" />
+      <div class='spx-input-date__control-label'>Days</div>
+</div>
+<div class='spx-input-date__suggestions'>
+  <spx-suggestion 
+  *ngFor="let valuePair of spxSuggestions[spxSelectStep]"  
+  (click)="this.handleSuggestionClick(valuePair.value)">{{valuePair?.description}}</spx-suggestion>
+</div>`, isInline: true, styles: [":host{display:block}.spx-input-date__input{background-color:transparent;border:1px solid #979797;border-radius:4px;color:var(--spx-input--color, rgba(0, 0, 0, .9));box-sizing:border-box;font-size:16px;margin-right:10px;padding:6px;text-align:center;width:100%}.spx-input-date__input:active{transform:scale(.95)}.spx-input-date__input:focus{border:var(--spx-input-box--focus--border, 1px solid rgb(115, 168, 210));border-radius:4px;outline:none}.spx-input-date__control-label{align-items:center;color:#000000b3;display:inline-grid;font-size:13px;letter-spacing:1px}.spx-input-date__input::-webkit-outer-spin-button,.spx-input-date__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.spx-input-date__input[type=number]{-moz-appearance:textfield}.spx-input-date__suggestions,.spx-input-date__controls{display:grid;grid-gap:8px;grid-template-columns:repeat(4,1fr);margin-top:8px}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: SpxSuggestionComponent, selector: "spx-suggestion", inputs: ["spxDisabled", "spxFocused", "spxSelected", "spxTabbable"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpxInputDateComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'spx-input-date', standalone: true, imports: [
+                        NgIf,
+                        NgFor,
+                        SpxButtonComponent,
+                        SpxSuggestionComponent
+                    ], template: `<div class='spx-input-date__controls'>
+  <input
+    class='spx-input-date__input'
+    [attr.value]="this.spxInternalValue.years"
+    (focus)="this.handleFocus('years')"
+    (input)="this.handleYearInput($event)"
+    (keyDown)="this.handleKeyDown($event)"
+    [attr.type]="'number'"
+    [attr.min]="1900"
+    [attr.max]="2100"
+    [attr.step]="1"
+  />
+  <div class='spx-input-date__control-label'>Year</div>
+    <input
+      *ngIf="this.spxSelectMonth"
+      class='spx-input-date__input'
+      [attr.value]="this.spxInternalValue.months"
+      (focus)="this.handleFocus('months')"
+      (input)="this.handleMonthInput($event)"
+      (keyDown)="this.handleKeyDown($event)"
+      [attr.type]="'number'"
+      [attr.min]="1"
+      [attr.max]="12"
+      [attr.step]="1" />
+      <div class='spx-input-date__control-label'>Month</div>
+    <input
+      *ngIf="this.spxSelectDay"
+      class='spx-input-date__input'
+      [attr.value]="this.spxInternalValue.days"
+      (focus)="this.handleFocus('days')"
+      (input)="this.handleDayInput($event)"
+      (keyDown)="this.handleKeyDown($event)"
+      [attr.type]="'number'"
+      [attr.min]="1"
+      [attr.max]="31"
+      [attr.step]="1" />
+      <div class='spx-input-date__control-label'>Days</div>
+</div>
+<div class='spx-input-date__suggestions'>
+  <spx-suggestion 
+  *ngFor="let valuePair of spxSuggestions[spxSelectStep]"  
+  (click)="this.handleSuggestionClick(valuePair.value)">{{valuePair?.description}}</spx-suggestion>
+</div>`, styles: [":host{display:block}.spx-input-date__input{background-color:transparent;border:1px solid #979797;border-radius:4px;color:var(--spx-input--color, rgba(0, 0, 0, .9));box-sizing:border-box;font-size:16px;margin-right:10px;padding:6px;text-align:center;width:100%}.spx-input-date__input:active{transform:scale(.95)}.spx-input-date__input:focus{border:var(--spx-input-box--focus--border, 1px solid rgb(115, 168, 210));border-radius:4px;outline:none}.spx-input-date__control-label{align-items:center;color:#000000b3;display:inline-grid;font-size:13px;letter-spacing:1px}.spx-input-date__input::-webkit-outer-spin-button,.spx-input-date__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.spx-input-date__input[type=number]{-moz-appearance:textfield}.spx-input-date__suggestions,.spx-input-date__controls{display:grid;grid-gap:8px;grid-template-columns:repeat(4,1fr);margin-top:8px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { spxMax: [{
+                type: Input
+            }], spxMin: [{
+                type: Input
+            }], spxName: [{
+                type: Input
+            }], spxReadonly: [{
+                type: Input
+            }], spxValidators: [{
+                type: Input
+            }], spxFocused: [{
+                type: Input
+            }], spxSelectMonth: [{
+                type: Input
+            }], spxSelectDay: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], spxChange: [{
+                type: Output
+            }], spxFocus: [{
+                type: Output
+            }], spxLastKeyPressed: [{
+                type: Input
+            }], spxSelectStep: [{
+                type: Input
+            }], spxInternalValue: [{
+                type: Input
+            }], spxSuggestions: [{
+                type: Input
+            }], spxWasInternalUpdate: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3B4LWlucHV0LWRhdGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc29mdHBhay9jb21wb25lbnRzL3NweC1pbnB1dHMvc3B4LWlucHV0LWRhdGUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDOUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNwRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUM1RSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFDOztBQStHakMsTUFBTSxPQUFPLHFCQUFxQjtJQXFFaEMsS0FBSyxDQUFDLFdBQVc7UUFDZix1QkFBdUI7SUFDekIsQ0FBQztJQUNELHlEQUF5RDtJQUN6RCx5Q0FBeUM7SUFDekMsSUFBSTtJQUNKLHlDQUF5QztJQUN6QyxxQ0FBcUM7SUFDckMseUNBQXlDO0lBQ3pDLGFBQWE7SUFDYiw2REFBNkQ7SUFDN0Qsc0RBQXNEO0lBQ3RELHdEQUF3RDtJQUN4RCxvREFBb0Q7SUFDcEQsb0NBQW9DO0lBQ3BDLE1BQU07SUFDTixJQUFJO0lBRUo7UUEvRVMsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFFcEIsZUFBVSxHQUFHLElBQUksQ0FBQztRQUNsQixtQkFBYyxHQUFHLElBQUksQ0FBQztRQUN0QixpQkFBWSxHQUFHLElBQUksQ0FBQztRQUVuQixjQUFTLEdBQW9DLElBQUksWUFBWSxFQUFxQixDQUFDO1FBQ25GLGFBQVEsR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUV6RCxrQkFBYSxHQUFnQyxPQUFPLENBQUM7UUFDckQscUJBQWdCLEdBSXJCLEVBQUUsQ0FBQztRQUNFLG1CQUFjLEdBSW5CO1lBQ0EsS0FBSyxFQUFFLEVBQUU7WUFDVCxNQUFNLEVBQUUsQ0FBQztvQkFDUCxXQUFXLEVBQUUsS0FBSztvQkFDbEIsS0FBSyxFQUFFLENBQUM7aUJBQ1QsRUFBRTtvQkFDRCxXQUFXLEVBQUUsS0FBSztvQkFDbEIsS0FBSyxFQUFFLENBQUM7aUJBQ1QsRUFBRTtvQkFDRCxXQUFXLEVBQUUsS0FBSztvQkFDbEIsS0FBSyxFQUFFLENBQUM7aUJBQ1QsRUFBRTtvQkFDRCxXQUFXLEVBQUUsS0FBSztvQkFDbEIsS0FBSyxFQUFFLENBQUM7aUJBQ1QsRUFBRTtvQkFDRCxXQUFXLEVBQUUsS0FBSztvQkFDbEIsS0FBSyxFQUFFLENBQUM7aUJBQ1QsRUFBRTtvQkFDRCxXQUFXLEVBQUUsS0FBSztvQkFDbEIsS0FBSyxFQUFFLENBQUM7aUJBQ1QsRUFBRTtvQkFDRCxXQUFXLEVBQUUsS0FBSztvQkFDbEIsS0FBSyxFQUFFLENBQUM7aUJBQ1QsRUFBRTtvQkFDRCxXQUFXLEVBQUUsS0FBSztvQkFDbEIsS0FBSyxFQUFFLENBQUM7aUJBQ1QsRUFBRTtvQkFDRCxXQUFXLEVBQUUsS0FBSztvQkFDbEIsS0FBSyxFQUFFLENBQUM7aUJBQ1QsRUFBRTtvQkFDRCxXQUFXLEVBQUUsS0FBSztvQkFDbEIsS0FBSyxFQUFFLEVBQUU7aUJBQ1YsRUFBRTtvQkFDRCxXQUFXLEVBQUUsS0FBSztvQkFDbEIsS0FBSyxFQUFFLEVBQUU7aUJBQ1YsRUFBRTtvQkFDRCxXQUFXLEVBQUUsS0FBSztvQkFDbEIsS0FBSyxFQUFFLEVBQUU7aUJBQ1YsQ0FBQztZQUNGLElBQUksRUFBRSxFQUFFO1NBQ1QsQ0FBQztRQUNLLHlCQUFvQixHQUFHLEtBQUssQ0FBQztRQW9CcEMsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxpQkFBaUI7UUFDZixNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxLQUFNLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQztRQUN0RixJQUFJLENBQUMsZ0JBQWdCLENBQUMsS0FBSyxHQUFHLFdBQVcsQ0FBQyxJQUFJLENBQUM7UUFDL0MsSUFBSSxDQUFDLGdCQUFnQixDQUFDLE1BQU0sR0FBRyxXQUFXLENBQUMsS0FBSyxDQUFDO1FBQ2pELElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLEdBQUcsV0FBVyxDQUFDLEdBQUcsQ0FBQztJQUMvQyxDQUFDO0lBRUQsY0FBYyxDQUFDLEtBQVU7UUFDdkIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1FBQ3RFLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsS0FBVTtRQUN6QixJQUFJLENBQUMsZ0JBQWdCLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7UUFDeEUsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVELGdCQUFnQjtRQUNkLElBQUksSUFBSSxDQUFDLGdCQUFnQixDQUFDLE1BQU8sQ0FBQyxRQUFRLEVBQUUsQ0FBQyxNQUFNLEtBQUssQ0FBQyxJQUFJLElBQUksQ0FBQyxZQUFZLElBQUksSUFBSSxDQUFDLGlCQUFpQixLQUFLLEVBQUUsSUFBSSxJQUFJLENBQUMsaUJBQWlCLEtBQUssRUFBRSxFQUFFLENBQUM7WUFDakosdUJBQXVCO1FBQ3pCLENBQUM7UUFDRCxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELGVBQWUsQ0FBQyxLQUFVO1FBQ3hCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztRQUN2RSxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxLQUFNLENBQUMsUUFBUSxFQUFFLENBQUMsTUFBTSxLQUFLLENBQUMsSUFBSSxJQUFJLENBQUMsY0FBYyxJQUFJLElBQUksQ0FBQyxpQkFBaUIsS0FBSyxFQUFFLElBQUksSUFBSSxDQUFDLGlCQUFpQixLQUFLLEVBQUUsRUFBRSxDQUFDO1lBQ2xKLHlCQUF5QjtRQUMzQixDQUFDO1FBQ0QsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxXQUFXLENBQUMsS0FBVTtRQUNwQixJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMxRCxDQUFDO0lBRUQsV0FBVyxDQUFDLElBQWlDO1FBQzNDLElBQUksQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDO1FBQzFCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUVELGFBQWEsQ0FBQyxLQUFVO1FBQ3RCLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDO0lBQ3ZDLENBQUM7SUFFRCxxQkFBcUIsQ0FBQyxLQUFhO1FBQ2pDLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxJQUFJLENBQUM7UUFDOUIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsR0FBRyxLQUFLLENBQUM7UUFDbEQsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ25CLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBRUQsV0FBVztRQUNULE1BQU0saUJBQWlCLEdBQUcsR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxFQUFFLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsSUFBSSxJQUFJLENBQUMsZ0JBQWdCLENBQUMsTUFBTSxHQUFHLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxJQUFJLENBQUMsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksR0FBRyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFBO1FBQ3pYLE1BQU0sV0FBVyxHQUFHLFFBQVEsQ0FBQyxPQUFPLENBQUMsaUJBQWlCLENBQUMsQ0FBQztRQUN4RCxJQUFJLENBQUMsb0JBQW9CLEdBQUcsSUFBSSxDQUFDO1FBQ2pDLElBQUksQ0FBQyxLQUFLLEdBQUc7WUFDWCxXQUFXLEVBQUUsV0FBVyxDQUFDLEtBQUssRUFBRTtZQUNoQyxLQUFLLEVBQUUsV0FBVyxDQUFDLEtBQUssRUFBRztTQUM1QixDQUFDO1FBQ0YsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2xDLENBQUM7SUFFRCxhQUFhO1FBQ1gsSUFBSSxJQUFJLENBQUMsYUFBYSxLQUFLLE1BQU0sRUFBRSxDQUFDO1lBQ2xDLElBQUksQ0FBQyxhQUFhLEdBQUcsT0FBTyxDQUFDO1FBQy9CLENBQUM7YUFBTSxJQUFJLElBQUksQ0FBQyxhQUFhLEtBQUssUUFBUSxFQUFFLENBQUM7WUFDM0MsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQztZQUMxRCxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztRQUMxQixDQUFDO2FBQU0sSUFBSSxJQUFJLENBQUMsYUFBYSxLQUFLLE9BQU8sRUFBRSxDQUFDO1lBQzFDLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztZQUN2QixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDO1FBQ2hFLENBQUM7SUFDSCxDQUFDO0lBRUQsUUFBUSxDQUFDLEtBQVU7UUFDakIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLEtBQUssQ0FBQztRQUM5QixNQUFNLE1BQU0sR0FBRyxRQUFRLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3ZDLElBQUksQ0FBQyxLQUFLLEdBQUc7WUFDWCxXQUFXLEVBQUUsTUFBTSxDQUFDLEtBQUssRUFBRTtZQUMzQixLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssRUFBRztTQUN2QixDQUFDO1FBQ0YsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ2hDLElBQUksQ0FBQyxvQkFBb0IsR0FBRyxJQUFJLENBQUM7SUFDbkMsQ0FBQztJQUVPLFlBQVk7UUFDbEIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxLQUFLLEdBQUcsRUFBRSxDQUFDO1FBQy9CLEtBQUssSUFBSSxJQUFJLEdBQUcsUUFBUSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsTUFBTyxDQUFDLENBQUMsSUFBSSxFQUFFLElBQUksSUFBSSxRQUFRLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxNQUFPLENBQUMsQ0FBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLEVBQUUsQ0FBQztZQUN6RyxJQUFJLENBQUMsY0FBYyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUM7Z0JBQzdCLFdBQVcsRUFBRSxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxFQUFDLENBQUMsQ0FBQyxFQUFFO2dCQUNqRCxLQUFLLEVBQUUsSUFBSTthQUNaLENBQUMsQ0FBQztRQUNMLENBQUM7SUFDSCxDQUFDOytHQTdMVSxxQkFBcUI7bUdBQXJCLHFCQUFxQiw2aUJBbkd0Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O09BMENMLHU4QkEvQ0gsSUFBSSw2RkFDSixLQUFLLG1IQUVMLHNCQUFzQjs7NEZBcUdiLHFCQUFxQjtrQkE1R2pDLFNBQVM7K0JBQ0UsZ0JBQWdCLGNBQ2QsSUFBSSxXQUNQO3dCQUNQLElBQUk7d0JBQ0osS0FBSzt3QkFDTCxrQkFBa0I7d0JBQ2xCLHNCQUFzQjtxQkFDdkIsWUFDUzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O09BMENMO3dEQThESSxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNJLFNBQVM7c0JBQWxCLE1BQU07Z0JBQ0csUUFBUTtzQkFBakIsTUFBTTtnQkFDRSxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBS0csY0FBYztzQkFBdEIsS0FBSztnQkE2Q0csb0JBQW9CO3NCQUE1QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdGb3IsIE5nSWYgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNweEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJ0Bzb2Z0cGFrL2NvbXBvbmVudHMvc3B4LWJ1dHRvbic7XG5pbXBvcnQgeyBTcHhTdWdnZXN0aW9uQ29tcG9uZW50IH0gZnJvbSAnQHNvZnRwYWsvY29tcG9uZW50cy9zcHgtc3VnZ2VzdGlvbic7XG5pbXBvcnQgeyBEYXRlVGltZSB9IGZyb20gJ2x1eG9uJztcbmltcG9ydCB7IFNweFZhbHVlUGFpciB9IGZyb20gJy4vc3B4LXZhbHVlLWludGVyZmFjZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NweC1pbnB1dC1kYXRlJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIE5nSWYsXG4gICAgTmdGb3IsXG4gICAgU3B4QnV0dG9uQ29tcG9uZW50LFxuICAgIFNweFN1Z2dlc3Rpb25Db21wb25lbnRcbiAgXSxcbiAgdGVtcGxhdGU6IGA8ZGl2IGNsYXNzPSdzcHgtaW5wdXQtZGF0ZV9fY29udHJvbHMnPlxuICA8aW5wdXRcbiAgICBjbGFzcz0nc3B4LWlucHV0LWRhdGVfX2lucHV0J1xuICAgIFthdHRyLnZhbHVlXT1cInRoaXMuc3B4SW50ZXJuYWxWYWx1ZS55ZWFyc1wiXG4gICAgKGZvY3VzKT1cInRoaXMuaGFuZGxlRm9jdXMoJ3llYXJzJylcIlxuICAgIChpbnB1dCk9XCJ0aGlzLmhhbmRsZVllYXJJbnB1dCgkZXZlbnQpXCJcbiAgICAoa2V5RG93bik9XCJ0aGlzLmhhbmRsZUtleURvd24oJGV2ZW50KVwiXG4gICAgW2F0dHIudHlwZV09XCInbnVtYmVyJ1wiXG4gICAgW2F0dHIubWluXT1cIjE5MDBcIlxuICAgIFthdHRyLm1heF09XCIyMTAwXCJcbiAgICBbYXR0ci5zdGVwXT1cIjFcIlxuICAvPlxuICA8ZGl2IGNsYXNzPSdzcHgtaW5wdXQtZGF0ZV9fY29udHJvbC1sYWJlbCc+WWVhcjwvZGl2PlxuICAgIDxpbnB1dFxuICAgICAgKm5nSWY9XCJ0aGlzLnNweFNlbGVjdE1vbnRoXCJcbiAgICAgIGNsYXNzPSdzcHgtaW5wdXQtZGF0ZV9faW5wdXQnXG4gICAgICBbYXR0ci52YWx1ZV09XCJ0aGlzLnNweEludGVybmFsVmFsdWUubW9udGhzXCJcbiAgICAgIChmb2N1cyk9XCJ0aGlzLmhhbmRsZUZvY3VzKCdtb250aHMnKVwiXG4gICAgICAoaW5wdXQpPVwidGhpcy5oYW5kbGVNb250aElucHV0KCRldmVudClcIlxuICAgICAgKGtleURvd24pPVwidGhpcy5oYW5kbGVLZXlEb3duKCRldmVudClcIlxuICAgICAgW2F0dHIudHlwZV09XCInbnVtYmVyJ1wiXG4gICAgICBbYXR0ci5taW5dPVwiMVwiXG4gICAgICBbYXR0ci5tYXhdPVwiMTJcIlxuICAgICAgW2F0dHIuc3RlcF09XCIxXCIgLz5cbiAgICAgIDxkaXYgY2xhc3M9J3NweC1pbnB1dC1kYXRlX19jb250cm9sLWxhYmVsJz5Nb250aDwvZGl2PlxuICAgIDxpbnB1dFxuICAgICAgKm5nSWY9XCJ0aGlzLnNweFNlbGVjdERheVwiXG4gICAgICBjbGFzcz0nc3B4LWlucHV0LWRhdGVfX2lucHV0J1xuICAgICAgW2F0dHIudmFsdWVdPVwidGhpcy5zcHhJbnRlcm5hbFZhbHVlLmRheXNcIlxuICAgICAgKGZvY3VzKT1cInRoaXMuaGFuZGxlRm9jdXMoJ2RheXMnKVwiXG4gICAgICAoaW5wdXQpPVwidGhpcy5oYW5kbGVEYXlJbnB1dCgkZXZlbnQpXCJcbiAgICAgIChrZXlEb3duKT1cInRoaXMuaGFuZGxlS2V5RG93bigkZXZlbnQpXCJcbiAgICAgIFthdHRyLnR5cGVdPVwiJ251bWJlcidcIlxuICAgICAgW2F0dHIubWluXT1cIjFcIlxuICAgICAgW2F0dHIubWF4XT1cIjMxXCJcbiAgICAgIFthdHRyLnN0ZXBdPVwiMVwiIC8+XG4gICAgICA8ZGl2IGNsYXNzPSdzcHgtaW5wdXQtZGF0ZV9fY29udHJvbC1sYWJlbCc+RGF5czwvZGl2PlxuPC9kaXY+XG48ZGl2IGNsYXNzPSdzcHgtaW5wdXQtZGF0ZV9fc3VnZ2VzdGlvbnMnPlxuICA8c3B4LXN1Z2dlc3Rpb24gXG4gICpuZ0Zvcj1cImxldCB2YWx1ZVBhaXIgb2Ygc3B4U3VnZ2VzdGlvbnNbc3B4U2VsZWN0U3RlcF1cIiAgXG4gIChjbGljayk9XCJ0aGlzLmhhbmRsZVN1Z2dlc3Rpb25DbGljayh2YWx1ZVBhaXIudmFsdWUpXCI+e3t2YWx1ZVBhaXI/LmRlc2NyaXB0aW9ufX08L3NweC1zdWdnZXN0aW9uPlxuPC9kaXY+YCxcbnN0eWxlczogYFxuOmhvc3Qge1xuICBkaXNwbGF5OiBibG9jaztcbn1cblxuLnNweC1pbnB1dC1kYXRlX19pbnB1dCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBib3JkZXI6IDFweCBzb2xpZCAjOTc5Nzk3O1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gIGNvbG9yOiB2YXIoLS1zcHgtaW5wdXQtLWNvbG9yLCByZ2JhKDAsIDAsIDAsIC45KSk7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGZvbnQtc2l6ZTogMTZweDtcbiAgbWFyZ2luLXJpZ2h0OiAxMHB4O1xuICBwYWRkaW5nOiA2cHg7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbi5zcHgtaW5wdXQtZGF0ZV9faW5wdXQ6YWN0aXZlIHtcbiAgdHJhbnNmb3JtOiBzY2FsZSgwLjk1KTtcbn1cblxuLnNweC1pbnB1dC1kYXRlX19pbnB1dDpmb2N1cyB7XG4gIGJvcmRlcjogdmFyKC0tc3B4LWlucHV0LWJveC0tZm9jdXMtLWJvcmRlciwgMXB4IHNvbGlkIHJnYigxMTUsIDE2OCwgMjEwKSk7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgb3V0bGluZTogbm9uZTtcbn1cblxuLnNweC1pbnB1dC1kYXRlX19jb250cm9sLWxhYmVsIHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6IHJnYmEoMCwgMCwgMCwgLjcpO1xuICBkaXNwbGF5OiBpbmxpbmUtZ3JpZDtcbiAgZm9udC1zaXplOiAxM3B4O1xuICBsZXR0ZXItc3BhY2luZzogMXB4O1xufVxuXG4uc3B4LWlucHV0LWRhdGVfX2lucHV0Ojotd2Via2l0LW91dGVyLXNwaW4tYnV0dG9uLFxuLnNweC1pbnB1dC1kYXRlX19pbnB1dDo6LXdlYmtpdC1pbm5lci1zcGluLWJ1dHRvbiB7XG4gICAgLyogZGlzcGxheTogbm9uZTsgPC0gQ3Jhc2hlcyBDaHJvbWUgb24gaG92ZXIgKi9cbiAgICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG4gICAgbWFyZ2luOiAwOyAvKiA8LS0gQXBwYXJlbnRseSBzb21lIG1hcmdpbiBhcmUgc3RpbGwgdGhlcmUgZXZlbiB0aG91Z2ggaXQncyBoaWRkZW4gKi9cbn1cblxuLnNweC1pbnB1dC1kYXRlX19pbnB1dFt0eXBlPW51bWJlcl0ge1xuICAgIC1tb3otYXBwZWFyYW5jZTp0ZXh0ZmllbGQ7IC8qIEZpcmVmb3ggKi9cbn1cblxuLnNweC1pbnB1dC1kYXRlX19zdWdnZXN0aW9ucyxcbi5zcHgtaW5wdXQtZGF0ZV9fY29udHJvbHMge1xuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLWdhcDogOHB4O1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCg0LCAxZnIpO1xuICBtYXJnaW4tdG9wOiA4cHg7XG59XG5gLFxufSlcbmV4cG9ydCBjbGFzcyBTcHhJbnB1dERhdGVDb21wb25lbnQge1xuICBwcml2YXRlIGVsWWVhcj86IEhUTUxFbGVtZW50O1xuICBwcml2YXRlIGVsTW9udGg/OiBIVE1MRWxlbWVudDtcbiAgcHJpdmF0ZSBlbERheT86IEhUTUxFbGVtZW50O1xuICAvLyBARWxlbWVudCgpIGVsITogSFRNTEVsZW1lbnQ7XG4gIEBJbnB1dCgpIHNweE1heD86IHN0cmluZztcbiAgQElucHV0KCkgc3B4TWluPzogc3RyaW5nO1xuICBASW5wdXQoKSBzcHhOYW1lPzogc3RyaW5nO1xuICBASW5wdXQoKSBzcHhSZWFkb25seSA9IGZhbHNlO1xuICBASW5wdXQoKSBzcHhWYWxpZGF0b3JzPzogYW55W107XG4gIEBJbnB1dCgpIHNweEZvY3VzZWQgPSB0cnVlO1xuICBASW5wdXQoKSBzcHhTZWxlY3RNb250aCA9IHRydWU7XG4gIEBJbnB1dCgpIHNweFNlbGVjdERheSA9IHRydWU7XG4gIEBJbnB1dCgpIHZhbHVlPzogU3B4VmFsdWVQYWlyPHN0cmluZz47XG4gIEBPdXRwdXQoKSBzcHhDaGFuZ2U6IEV2ZW50RW1pdHRlcjxTcHhWYWx1ZVBhaXI8YW55Pj4gPSBuZXcgRXZlbnRFbWl0dGVyPFNweFZhbHVlUGFpcjxhbnk+PigpO1xuICBAT3V0cHV0KCkgc3B4Rm9jdXM6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQElucHV0KCkgc3B4TGFzdEtleVByZXNzZWQhOiBudWxsO1xuICBASW5wdXQoKSBzcHhTZWxlY3RTdGVwOiAneWVhcnMnIHwgJ2RheXMnIHwgJ21vbnRocycgPSAneWVhcnMnO1xuICBASW5wdXQoKSBzcHhJbnRlcm5hbFZhbHVlOiB7XG4gICAgeWVhcnM/OiBudW1iZXI7XG4gICAgbW9udGhzPzogbnVtYmVyO1xuICAgIGRheXM/OiBudW1iZXI7XG4gIH0gPSB7fTtcbiAgQElucHV0KCkgc3B4U3VnZ2VzdGlvbnM6IHtcbiAgICB5ZWFyczogU3B4VmFsdWVQYWlyPG51bWJlcj5bXTtcbiAgICBtb250aHM6IFNweFZhbHVlUGFpcjxudW1iZXI+W107XG4gICAgZGF5czogU3B4VmFsdWVQYWlyPG51bWJlcj5bXTtcbiAgfSA9IHtcbiAgICAgIHllYXJzOiBbXSxcbiAgICAgIG1vbnRoczogW3tcbiAgICAgICAgZGVzY3JpcHRpb246ICdKYW4nLFxuICAgICAgICB2YWx1ZTogMSxcbiAgICAgIH0sIHtcbiAgICAgICAgZGVzY3JpcHRpb246ICdGZWInLFxuICAgICAgICB2YWx1ZTogMixcbiAgICAgIH0sIHtcbiAgICAgICAgZGVzY3JpcHRpb246ICdNYXInLFxuICAgICAgICB2YWx1ZTogMyxcbiAgICAgIH0sIHtcbiAgICAgICAgZGVzY3JpcHRpb246ICdBcHInLFxuICAgICAgICB2YWx1ZTogNCxcbiAgICAgIH0sIHtcbiAgICAgICAgZGVzY3JpcHRpb246ICdNYXknLFxuICAgICAgICB2YWx1ZTogNSxcbiAgICAgIH0sIHtcbiAgICAgICAgZGVzY3JpcHRpb246ICdKdW4nLFxuICAgICAgICB2YWx1ZTogNixcbiAgICAgIH0sIHtcbiAgICAgICAgZGVzY3JpcHRpb246ICdKdWwnLFxuICAgICAgICB2YWx1ZTogNyxcbiAgICAgIH0sIHtcbiAgICAgICAgZGVzY3JpcHRpb246ICdBdWcnLFxuICAgICAgICB2YWx1ZTogOCxcbiAgICAgIH0sIHtcbiAgICAgICAgZGVzY3JpcHRpb246ICdTZXAnLFxuICAgICAgICB2YWx1ZTogOSxcbiAgICAgIH0sIHtcbiAgICAgICAgZGVzY3JpcHRpb246ICdPY3QnLFxuICAgICAgICB2YWx1ZTogMTAsXG4gICAgICB9LCB7XG4gICAgICAgIGRlc2NyaXB0aW9uOiAnTm92JyxcbiAgICAgICAgdmFsdWU6IDExLFxuICAgICAgfSwge1xuICAgICAgICBkZXNjcmlwdGlvbjogJ0RlYycsXG4gICAgICAgIHZhbHVlOiAxMixcbiAgICAgIH1dLFxuICAgICAgZGF5czogW10sXG4gICAgfTtcbiAgQElucHV0KCkgc3B4V2FzSW50ZXJuYWxVcGRhdGUgPSBmYWxzZTtcbiAgYXN5bmMgc3B4U2V0Rm9jdXMoKSB7XG4gICAgLy8gdGhpcy5lbFllYXIuZm9jdXMoKTtcbiAgfVxuICAvLyBAV2F0Y2goJ3NweFZhbGlkYXRvcnMnKSB3YXRjaFNweFZhbGlkYXRvcnMobmV3VmFsdWUpIHtcbiAgLy8gICBjb25zb2xlLmxvZygndmFsaWRhdG9ycycsIG5ld1ZhbHVlKTtcbiAgLy8gfVxuICAvLyBAV2F0Y2goJ3ZhbHVlJykgd2F0Y2hWYWx1ZShuZXdWYWx1ZSkge1xuICAvLyAgIGlmICh0aGlzLnNweFdhc0ludGVybmFsVXBkYXRlKSB7XG4gIC8vICAgICB0aGlzLnNweFdhc0ludGVybmFsVXBkYXRlID0gZmFsc2U7XG4gIC8vICAgfSBlbHNlIHtcbiAgLy8gICAgIGNvbnN0IHBhcnNlZFZhbHVlID0gRGF0ZVRpbWUuZnJvbUlTTyhuZXdWYWx1ZT8udmFsdWUpO1xuICAvLyAgICAgdGhpcy5zcHhJbnRlcm5hbFZhbHVlLnllYXJzID0gcGFyc2VkVmFsdWUueWVhcjtcbiAgLy8gICAgIHRoaXMuc3B4SW50ZXJuYWxWYWx1ZS5tb250aHMgPSBwYXJzZWRWYWx1ZS5tb250aDtcbiAgLy8gICAgIHRoaXMuc3B4SW50ZXJuYWxWYWx1ZS5kYXlzID0gcGFyc2VkVmFsdWUuZGF5O1xuICAvLyAgICAgdGhpcy5zcHhTZWxlY3RTdGVwID0gJ3llYXJzJztcbiAgLy8gICB9XG4gIC8vIH1cblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICB0aGlzLnN1Z2dlc3RZZWFycygpO1xuICB9XG5cbiAgY29tcG9uZW50V2lsbExvYWQoKSB7XG4gICAgY29uc3QgcGFyc2VkVmFsdWUgPSB0aGlzLnZhbHVlID8gRGF0ZVRpbWUuZnJvbUlTTyh0aGlzLnZhbHVlIS52YWx1ZSkgOiBEYXRlVGltZS5ub3coKTtcbiAgICB0aGlzLnNweEludGVybmFsVmFsdWUueWVhcnMgPSBwYXJzZWRWYWx1ZS55ZWFyO1xuICAgIHRoaXMuc3B4SW50ZXJuYWxWYWx1ZS5tb250aHMgPSBwYXJzZWRWYWx1ZS5tb250aDtcbiAgICB0aGlzLnNweEludGVybmFsVmFsdWUuZGF5cyA9IHBhcnNlZFZhbHVlLmRheTtcbiAgfVxuXG4gIGhhbmRsZURheUlucHV0KGV2ZW50OiBhbnkpIHtcbiAgICB0aGlzLnNweEludGVybmFsVmFsdWUuZGF5cyA9IGV2ZW50LnRhcmdldCA/IGV2ZW50LnRhcmdldC52YWx1ZSA6IG51bGw7XG4gICAgdGhpcy51cGRhdGVWYWx1ZSgpO1xuICB9XG5cbiAgaGFuZGxlTW9udGhJbnB1dChldmVudDogYW55KSB7XG4gICAgdGhpcy5zcHhJbnRlcm5hbFZhbHVlLm1vbnRocyA9IGV2ZW50LnRhcmdldCA/IGV2ZW50LnRhcmdldC52YWx1ZSA6IG51bGw7XG4gICAgdGhpcy5hZnRlck1vbnRoQ2hhbmdlKCk7XG4gIH1cblxuICBhZnRlck1vbnRoQ2hhbmdlKCkge1xuICAgIGlmICh0aGlzLnNweEludGVybmFsVmFsdWUubW9udGhzIS50b1N0cmluZygpLmxlbmd0aCA9PT0gMiAmJiB0aGlzLnNweFNlbGVjdERheSAmJiB0aGlzLnNweExhc3RLZXlQcmVzc2VkICE9PSAzOCAmJiB0aGlzLnNweExhc3RLZXlQcmVzc2VkICE9PSA0MCkge1xuICAgICAgLy8gdGhpcy5lbERheSEuZm9jdXMoKTtcbiAgICB9XG4gICAgdGhpcy51cGRhdGVWYWx1ZSgpO1xuICB9XG5cbiAgaGFuZGxlWWVhcklucHV0KGV2ZW50OiBhbnkpIHtcbiAgICB0aGlzLnNweEludGVybmFsVmFsdWUueWVhcnMgPSBldmVudC50YXJnZXQgPyBldmVudC50YXJnZXQudmFsdWUgOiBudWxsO1xuICAgIHRoaXMuYWZ0ZXJZZWFyQ2hhbmdlKCk7XG4gIH1cblxuICBhZnRlclllYXJDaGFuZ2UoKSB7XG4gICAgaWYgKHRoaXMuc3B4SW50ZXJuYWxWYWx1ZS55ZWFycyEudG9TdHJpbmcoKS5sZW5ndGggPT09IDQgJiYgdGhpcy5zcHhTZWxlY3RNb250aCAmJiB0aGlzLnNweExhc3RLZXlQcmVzc2VkICE9PSAzOCAmJiB0aGlzLnNweExhc3RLZXlQcmVzc2VkICE9PSA0MCkge1xuICAgICAgLy8gdGhpcy5lbE1vbnRoIS5mb2N1cygpO1xuICAgIH1cbiAgICB0aGlzLnVwZGF0ZVZhbHVlKCk7XG4gIH1cblxuICBoYW5kbGVJbnB1dChldmVudDogYW55KSB7XG4gICAgdGhpcy5zZXRWYWx1ZShldmVudC50YXJnZXQgPyBldmVudC50YXJnZXQudmFsdWUgOiBudWxsKTtcbiAgfVxuXG4gIGhhbmRsZUZvY3VzKHN0ZXA6ICd5ZWFycycgfCAnbW9udGhzJyB8ICdkYXlzJykge1xuICAgIHRoaXMuc3B4U2VsZWN0U3RlcCA9IHN0ZXA7XG4gICAgdGhpcy5zcHhGb2N1cy5lbWl0KCk7XG4gIH1cblxuICBoYW5kbGVLZXlEb3duKGV2ZW50OiBhbnkpIHtcbiAgICB0aGlzLnNweExhc3RLZXlQcmVzc2VkID0gZXZlbnQud2hpY2g7XG4gIH1cblxuICBoYW5kbGVTdWdnZXN0aW9uQ2xpY2sodmFsdWU6IG51bWJlcikge1xuICAgIHRoaXMuc3B4TGFzdEtleVByZXNzZWQgPSBudWxsO1xuICAgIHRoaXMuc3B4SW50ZXJuYWxWYWx1ZVt0aGlzLnNweFNlbGVjdFN0ZXBdID0gdmFsdWU7XG4gICAgdGhpcy51cGRhdGVWYWx1ZSgpO1xuICAgIHRoaXMuZG9uZVdpdGhGaWVsZCgpO1xuICB9XG5cbiAgdXBkYXRlVmFsdWUoKSB7XG4gICAgY29uc3QgY29uY2F0ZW5hdGVkVmFsdWUgPSBgJHt0aGlzLnNweEludGVybmFsVmFsdWUueWVhcnMgPyB0aGlzLnNweEludGVybmFsVmFsdWUueWVhcnMgOiBgYH0ke3RoaXMuc3B4SW50ZXJuYWxWYWx1ZS5tb250aHMgPyBgLSR7dGhpcy5zcHhJbnRlcm5hbFZhbHVlLm1vbnRocyA8IDEwID8gYDAke3RoaXMuc3B4SW50ZXJuYWxWYWx1ZS5tb250aHN9YCA6IHRoaXMuc3B4SW50ZXJuYWxWYWx1ZS5tb250aHN9YCA6IGBgfSR7dGhpcy5zcHhJbnRlcm5hbFZhbHVlLmRheXMgPyBgLSR7dGhpcy5zcHhJbnRlcm5hbFZhbHVlLmRheXMgPCAxMCA/IGAwJHt0aGlzLnNweEludGVybmFsVmFsdWUuZGF5c31gIDogdGhpcy5zcHhJbnRlcm5hbFZhbHVlLmRheXN9YCA6IGBgfWBcbiAgICBjb25zdCBwYXJzZWRWYWx1ZSA9IERhdGVUaW1lLmZyb21JU08oY29uY2F0ZW5hdGVkVmFsdWUpO1xuICAgIHRoaXMuc3B4V2FzSW50ZXJuYWxVcGRhdGUgPSB0cnVlO1xuICAgIHRoaXMudmFsdWUgPSB7XG4gICAgICBkZXNjcmlwdGlvbjogcGFyc2VkVmFsdWUudG9JU08oKSxcbiAgICAgIHZhbHVlOiBwYXJzZWRWYWx1ZS50b0lTTygpISxcbiAgICB9O1xuICAgIHRoaXMuc3B4Q2hhbmdlLmVtaXQodGhpcy52YWx1ZSk7XG4gIH1cblxuICBkb25lV2l0aEZpZWxkKCkge1xuICAgIGlmICh0aGlzLnNweFNlbGVjdFN0ZXAgPT09ICdkYXlzJykge1xuICAgICAgdGhpcy5zcHhTZWxlY3RTdGVwID0gJ3llYXJzJztcbiAgICB9IGVsc2UgaWYgKHRoaXMuc3B4U2VsZWN0U3RlcCA9PT0gJ21vbnRocycpIHtcbiAgICAgIHRoaXMuc3B4U2VsZWN0U3RlcCA9IHRoaXMuc3B4U2VsZWN0RGF5ID8gJ2RheXMnIDogJ3llYXJzJztcbiAgICAgIHRoaXMuYWZ0ZXJNb250aENoYW5nZSgpO1xuICAgIH0gZWxzZSBpZiAodGhpcy5zcHhTZWxlY3RTdGVwID09PSAneWVhcnMnKSB7XG4gICAgICB0aGlzLmFmdGVyWWVhckNoYW5nZSgpO1xuICAgICAgdGhpcy5zcHhTZWxlY3RTdGVwID0gdGhpcy5zcHhTZWxlY3RNb250aCA/ICdtb250aHMnIDogJ3llYXJzJztcbiAgICB9XG4gIH1cblxuICBzZXRWYWx1ZSh2YWx1ZTogYW55KSB7XG4gICAgdGhpcy5zcHhJbnRlcm5hbFZhbHVlID0gdmFsdWU7XG4gICAgY29uc3QgcGFyc2VkID0gRGF0ZVRpbWUuZnJvbUlTTyh2YWx1ZSk7XG4gICAgdGhpcy52YWx1ZSA9IHtcbiAgICAgIGRlc2NyaXB0aW9uOiBwYXJzZWQudG9JU08oKSxcbiAgICAgIHZhbHVlOiBwYXJzZWQudG9JU08oKSEsXG4gICAgfTtcbiAgICB0aGlzLnNweENoYW5nZS5lbWl0KHRoaXMudmFsdWUpO1xuICAgIHRoaXMuc3B4V2FzSW50ZXJuYWxVcGRhdGUgPSB0cnVlO1xuICB9XG5cbiAgcHJpdmF0ZSBzdWdnZXN0WWVhcnMoKTogdm9pZCB7XG4gICAgdGhpcy5zcHhTdWdnZXN0aW9ucy55ZWFycyA9IFtdO1xuICAgIGZvciAobGV0IHllYXIgPSBEYXRlVGltZS5mcm9tSVNPKHRoaXMuc3B4TWluISkueWVhcjsgeWVhciA8PSBEYXRlVGltZS5mcm9tSVNPKHRoaXMuc3B4TWF4ISkueWVhcjsgeWVhcisrKSB7XG4gICAgICB0aGlzLnNweFN1Z2dlc3Rpb25zLnllYXJzLnB1c2goe1xuICAgICAgICBkZXNjcmlwdGlvbjogYCcke3llYXIudG9TdHJpbmcoKS5zdWJzdHJpbmcoMiw0KX1gLFxuICAgICAgICB2YWx1ZTogeWVhcixcbiAgICAgIH0pO1xuICAgIH1cbiAgfVxufVxuIl19