npm - @pepperi-addons/ngx-lib - Versions diffs - 0.4.2-beta.31 → 0.4.2-beta.310 - Mend

@pepperi-addons/ngx-lib 0.4.2-beta.31 → 0.4.2-beta.310

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (408) hide show

package/elements/README.md ADDED Viewed

@@ -0,0 +1,256 @@
+# Pepperi Angular Elements for React
+This guide explains how to use PEP-NgxLib components as Custom Elements (Web Components) inside a React app, with full Pepperi theming.
+The elements bundle and compiled theme CSS are produced by the `ngx-lib-elements` build target.
+## What this build produces
+- `dist/ngx-lib-elements/main.js` – registers the custom elements at runtime
+- `dist/ngx-lib-elements/runtime.js` – Angular runtime
+- `dist/ngx-lib-elements/polyfills.js` – polyfills used by the build
+- `dist/ngx-lib-elements/styles.css` – compiled Pepperi theme CSS (from `projects/ngx-lib/theme.entry.scss`)
+Key registered elements (see `projects/ngx-lib/elements/elements.module.ts` for the full list):
+- `<pep-select-element>`
+- `<pep-button-element>`
+- `<pep-textbox-element>`
+- `<pep-textarea-element>`
+- `<pep-date-element>`
+- `<pep-chips-element>`
+- `<pep-link-element>`
+- `<pep-files-uploader-element>`
+- `<pep-color-element>`
+- `<pep-slider-element>`
+- `<pep-group-buttons-element>`
+- `<pep-dialog-element>`
+- `<pep-quantity-selector-element>`
+- `<pep-menu-element>`
+- `<pep-separator-element>`
+- `<pep-draggable-item-element>`
+- `<pep-checkbox-element>`
+- `<pep-icon-element>`
+- `<pep-image-element>`
+- `<pep-images-filmstrip-element>`
+- `<pep-attachment-element>`
+- `<pep-bread-crumbs-element>`
+- `<pep-skeleton-loader-element>`
+- `<pep-snack-bar-element>`
+- `<pep-page-layout-element>`
+- `<pep-top-bar-element>`
+- `<pep-rich-html-textarea-element>`
+- `<pep-carousel-element>`
+- `<pep-search-element>`
+- `<pep-address-element>`
+- `<pep-list-chooser-element>`
+To add or adjust registrations, edit `projects/ngx-lib/elements/elements.module.ts`.
+## Build the elements bundle and CSS
+```bash
+npm run build-elements
+```
+Artifacts will be under `dist/ngx-lib-elements/`.
+## Using in a React app
+1) Copy or publish `dist/ngx-lib-elements/` so your React app can load these files. Then load the scripts:
+- ESM import in `src/index.tsx`:
+```ts
+import '/path-to-dist/ngx-lib-elements/runtime.js';
+import '/path-to-dist/ngx-lib-elements/polyfills.js';
+import '/path-to-dist/ngx-lib-elements/main.js';
+```
+- OR via `<script>` tags in `public/index.html`:
+```html
+<script src="/pep-elements/runtime.js" defer></script>
+<script src="/pep-elements/polyfills.js" defer></script>
+<script src="/pep-elements/main.js" defer></script>
+```
+2) Include the Pepperi theme CSS once:
+- ESM import:
+```ts
+import '/path-to-dist/ngx-lib-elements/styles.css';
+```
+- OR `<link>` in `public/index.html`:
+```html
+<link rel="stylesheet" href="/pep-elements/styles.css" />
+```
+3) Wrap your app with the Pepperi theme class (required):
+```tsx
+export function App() {
+    return (
+        <div className="pepperi-theme">
+            {/* Your UI that uses web components */}
+        </div>
+    );
+}
+```
+Because Angular Material overlays attach to `document.body`, consider placing `pepperi-theme` at a high level (e.g., `<body class="pepperi-theme">`) so overlays are themed properly.
+## Using the elements in React
+- Pass string inputs using attributes.
+- Pass non-string inputs (arrays/objects) via property assignment (use a `ref`).
+- Outputs (`EventEmitter`) are dispatched as DOM events; listen with `addEventListener`.
+### Examples
+#### pep-button-element
+```tsx
+import { useEffect, useRef } from 'react';
+export function SaveButton() {
+    const ref = useRef<any>(null);
+    useEffect(() => {
+        const el = ref.current;
+        if (!el) return;
+        const onClick = (e: any) => {
+            // PepButton emits 'buttonClick' with event details
+            console.log('buttonClick', e.detail ?? e);
+        };
+        el.addEventListener('buttonClick', onClick);
+        return () => el.removeEventListener('buttonClick', onClick);
+    }, []);
+    return (
+        <pep-button-element
+            ref={ref}
+            value="Save"
+            style-type="strong"
+            style-state-type="system"
+            size-type="md"
+        />
+    );
+}
+```
+Notes:
+- Attribute names in HTML are kebab-case (`style-type`, `size-type`).
+- For booleans, set attribute presence (`disabled`) or use property assignment via ref.
+#### pep-textbox-element
+```tsx
+import { useEffect, useRef } from 'react';
+export function AmountTextbox() {
+    const ref = useRef<any>(null);
+    useEffect(() => {
+        const el = ref.current;
+        if (!el) return;
+        const onValueChange = (e: any) => {
+            console.log('valueChange', e.detail ?? e.target?.value);
+        };
+        const onKeyup = (e: any) => {
+            console.log('keyup', e);
+        };
+        el.addEventListener('valueChange', onValueChange);
+        el.addEventListener('keyup', onKeyup);
+        return () => {
+            el.removeEventListener('valueChange', onValueChange);
+            el.removeEventListener('keyup', onKeyup);
+        };
+    }, []);
+    return (
+        <pep-textbox-element
+            ref={ref}
+            label="Amount"
+            type="currency"
+            accessory="$"
+            min-fraction-digits={2}
+            max-fraction-digits={2}
+            placeholder="Enter amount"
+        />
+    );
+}
+```
+Notes:
+- Numeric inputs like `min-fraction-digits`/`max-fraction-digits` can be set as attributes in JSX, but for complex objects/arrays use property assignment via ref.
+- Events available from `PepTextboxComponent`: `valueChange`, `keyup`, `validationChange`.
+#### pep-select-element (options via property)
+```tsx
+import { useEffect, useRef } from 'react';
+export function StatusSelect() {
+    const ref = useRef<any>(null);
+    useEffect(() => {
+        if (ref.current) {
+            ref.current.options = [
+                { key: 'open', value: 'Open' },
+                { key: 'closed', value: 'Closed' },
+            ];
+        }
+    }, []);
+    useEffect(() => {
+        const el = ref.current;
+        if (!el) return;
+        const onChange = (e: any) => console.log('valueChange', e.detail ?? e.target?.value);
+        el.addEventListener('valueChange', onChange);
+        return () => el.removeEventListener('valueChange', onChange);
+    }, []);
+    return (
+        <pep-select-element ref={ref} label="Status" placeholder="Select status" />
+    );
+}
+```
+## Fonts and Material Icons
+The compiled theme CSS (`styles.css`) includes Google Fonts and Material Icons imports. If you prefer to manage fonts yourself, remove those imports from CSS and place corresponding `<link>` tags in your React `public/index.html`.
+## Polyfills
+Modern browsers typically don’t require extra polyfills beyond `polyfills.js`. For legacy browser support, include:
+- `@webcomponents/custom-elements`
+- `web-animations-js`
+## Publishing (optional)
+- Publish `dist/ngx-lib-elements/` as `@pepperi-addons/ngx-lib-elements`.
+- In React apps, import from that package path instead of local files.
+## Adding more elements
+1. Import the component into `projects/ngx-lib/elements/elements.module.ts`.
+2. Import the Angular Material and Pepperi modules that the component depends on.
+3. Register a kebab-case tag in `ngDoBootstrap`:
+```ts
+this.defineElement('pep-dialog-element', PepDialogComponent);
+```
+4. Rebuild with `npm run build-elements`.
+## Troubleshooting
+- Ensure your React app wraps the UI with `.pepperi-theme` (body-level is recommended) to theme overlays.
+- When passing arrays/objects to elements, set them as properties via a ref (not HTML attributes).
+- Listen to outputs via `addEventListener` on the element instance.
+- If you see missing styles, verify `styles.css` is loaded and `pepperi-theme` is applied.

package/esm2020/address/address.component.mjs CHANGED Viewed

@@ -1,4 +1,5 @@
 import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy, } from '@angular/core';
+import { FormGroup, FormControl } from '@angular/forms';
 import { DEFAULT_HORIZONTAL_ALIGNMENT, } from '@pepperi-addons/ngx-lib';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
@@ -20,11 +21,33 @@ export class PepAddressComponent {
         this.readonly = false;
         this.xAlignment = DEFAULT_HORIZONTAL_ALIGNMENT;
         this.rowSpan = 1;
-        this.form = null;
+        this._formProvidedExternally = false;
+        this._form = null;
         this.layoutType = 'form';
         this._visible = true;
         this.addressValueChange = new EventEmitter();
     }
+    set groupFields(value) {
+        this._groupFields = value;
+        // Reset form when groupFields change
+        if (this._form && !this._formProvidedExternally) {
+            this._form = null;
+        }
+    }
+    get groupFields() {
+        return this._groupFields;
+    }
+    set form(value) {
+        this._form = value;
+        this._formProvidedExternally = !!value;
+    }
+    get form() {
+        // If no form is provided, create one internally
+        if (!this._form && this.key && this.groupFields) {
+            this._form = this.createInternalForm();
+        }
+        return this._form;
+    }
     set visible(visible) {
         this._visible = visible;
         if (visible) {
@@ -39,9 +62,22 @@ export class PepAddressComponent {
     }
     ngOnInit() {
         this.renderer.addClass(this.element.nativeElement, 'pep-grouped-field');
+        // Ensure form is created if needed
+        if (!this.form && this.key && this.groupFields) {
+            this._form = this.createInternalForm();
+        }
     }
     ngOnChanges(changes) {
-        //
+        // Recreate form if groupFields or key changed
+        if ((changes.groupFields || changes.key) && !this._formProvidedExternally) {
+            if (this.key && this.groupFields) {
+                this._form = this.createInternalForm();
+            }
+        }
+        // Handle disabled/readonly state changes
+        if (changes.disabled || changes.readonly) {
+            this.updateFormControlsState();
+        }
     }
     ngOnDestroy() {
         //
@@ -73,12 +109,64 @@ export class PepAddressComponent {
             });
         }
     }
+    // changeValue(field: any): void {
+    //     const currentGroupField = this.groupFields.filter(
+    //         (groupField) => groupField.key === field.key
+    //     )[0];
+    //     if (currentGroupField.value !== field.value) {
+    //         // Set the value in the form controls
+    //         if (this.form) {
+    //             const formCtrl = this.form.get(this.key);
+    //             if (formCtrl) {
+    //                 formCtrl.get(field.key).setValue(field.value);
+    //             }
+    //         }
+    //         this.valueChange.emit({
+    //             key: field.key,
+    //             value: field.value,
+    //         });
+    //     }
+    // }
+    createInternalForm() {
+        const addressControls = {};
+        if (this.groupFields) {
+            this.groupFields.forEach(field => {
+                addressControls[field.key] = new FormControl(field.value || '');
+            });
+        }
+        const addressFormGroup = new FormGroup(addressControls);
+        return new FormGroup({
+            [this.key]: addressFormGroup
+        });
+    }
+    updateFormControlsState() {
+        if (!this.form || !this.key)
+            return;
+        const addressGroup = this.form.get(this.key);
+        if (!addressGroup)
+            return;
+        // Update each field's form control disabled state
+        if (this.groupFields) {
+            this.groupFields.forEach(field => {
+                const control = addressGroup.get(field.key);
+                if (control) {
+                    const shouldBeDisabled = this.disabled || field.disabled;
+                    if (shouldBeDisabled && control.enabled) {
+                        control.disable({ emitEvent: false });
+                    }
+                    else if (!shouldBeDisabled && control.disabled) {
+                        control.enable({ emitEvent: false });
+                    }
+                }
+            });
+        }
+    }
 }
 PepAddressComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepAddressComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-PepAddressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: PepAddressComponent, selector: "pep-address", inputs: { key: "key", formattedValue: "formattedValue", label: "label", mandatory: "mandatory", disabled: "disabled", readonly: "readonly", xAlignment: "xAlignment", rowSpan: "rowSpan", groupFields: "groupFields", form: "form", layoutType: "layoutType", visible: "visible" }, outputs: { addressValueChange: "addressValueChange" }, usesOnChanges: true, ngImport: i0, template: "<ng-container [formGroup]=\"form\">\n    <ng-container *ngIf=\"layoutType === 'form'\">\n        <pep-field-title [label]=\"label\" [mandatory]=\"mandatory\" [disabled]=\"disabled\" class=\"header\">\n        </pep-field-title>\n        <div [formGroupName]=\"key\" [id]=\"key\" class=\"pep-address-container\"\n            dir=\"{{ xAlignment === 'right' ? 'rtl' : 'ltr' }}\">\n            <div [ngSwitch]=\"groupField.controlType\" *ngFor=\"let groupField of groupFields; let i = index\"\n                class=\"pep-address-field columns-{{ groupField.colSpan }}\">\n                <pep-textbox *ngSwitchCase=\"'textbox'\" [layoutType]=\"layoutType\" title=\"{{ groupField.formattedValue }}\"\n                    [form]=\"form\" [key]=\"groupField.key\" [value]=\"groupField.value\" [label]=\"groupField.label\"\n                    [placeholder]=\"groupField.placeholder\" [type]=\"groupField.type\" [mandatory]=\"groupField.mandatory\"\n                    [disabled]=\"groupField.disabled\" [readonly]=\"groupField.readonly\"\n                    [xAlignment]=\"groupField.xAlignment\" [rowSpan]=\"groupField.rowSpan\" [parentFieldKey]=\"key\"\n                    (valueChange)=\"onValueChange($event, groupField.key)\">\n                </pep-textbox>\n\n                <pep-select *ngSwitchCase=\"'select'\" [layoutType]=\"layoutType\" title=\"{{ groupField.formattedValue }}\"\n                    [form]=\"form\" [key]=\"groupField.key\" [value]=\"groupField.value\" [label]=\"groupField.label\"\n                    [type]=\"groupField.type\" [mandatory]=\"groupField.mandatory\" [disabled]=\"groupField.disabled\"\n                    [readonly]=\"groupField.readonly\" [xAlignment]=\"groupField.xAlignment\" [rowSpan]=\"groupField.rowSpan\"\n                    [options]=\"groupField.options\" [parentFieldKey]=\"key\"\n                    (valueChange)=\"onValueChange($event, groupField.key)\">\n                </pep-select>\n            </div>\n        </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"layoutType === 'card'\">\n        <div class=\"pep-card-input \" title=\"{{ label }}&nbsp;{{ formattedValue }}\"\n            [ngClass]=\"['text-align-' + xAlignment]\">\n            <span *ngIf=\"label != ''\" class=\"body-xs title\">{{ label }}&nbsp;</span>\n            <ng-container *ngFor=\"let groupField of groupFields; let i = index\">\n                <span *ngIf=\"groupField?.formattedValue != ''\" class=\"body-sm\">{{ groupField.formattedValue\n                    }},&nbsp;</span>\n            </ng-container>\n        </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"layoutType === 'table'\">\n        <div class=\"pep-card-input \" title=\"{{ formattedValue }}\" [ngClass]=\"['text-align-' + xAlignment]\">\n            <ng-container *ngFor=\"let groupField of groupFields; let i = index\">\n                <span *ngIf=\"groupField?.formattedValue != ''\" class=\"body-sm\">{{ groupField.formattedValue\n                    }},&nbsp;</span>\n            </ng-container>\n        </div>\n    </ng-container>\n</ng-container>", styles: [".header{grid-column:1/span 3}.pep-address-container{padding:.875rem var(--pep-spacing-md, .75rem);border-radius:var(--pep-border-radius-md, .25rem);display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:var(--pep-spacing-md, .75rem);grid-row-gap:var(--pep-spacing-md, .75rem)}.pep-address-container .columns-2{grid-column:1/span 2}.pep-address-container .columns-3{grid-column:1/span 3}\n", ".pepperi-address-container,.pep-address-container{background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.04)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i3.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "component", type: i4.PepTextboxComponent, selector: "pep-textbox", inputs: ["key", "value", "minFractionDigits", "maxFractionDigits", "accessory", "label", "placeholder", "type", "mandatory", "disabled", "readonly", "maxFieldCharacters", "hint", "textColor", "xAlignment", "rowSpan", "minValue", "maxValue", "visible", "form", "isActive", "showTitle", "renderTitle", "renderError", "renderSymbol", "layoutType", "parentFieldKey", "regex", "regexError", "isInFocus"], outputs: ["valueChange", "keyup"] }, { kind: "component", type: i5.PepSelectComponent, selector: "pep-select", inputs: ["key", "value", "label", "type", "mandatory", "disabled", "readonly", "xAlignment", "rowSpan", "options", "visible", "emptyOption", "form", "layoutType", "parentFieldKey", "isActive", "showTitle", "renderTitle", "typeaheadDebounceInterval"], outputs: ["valueChange"] }, { kind: "component", type: i6.PepFieldTitleComponent, selector: "pep-field-title", inputs: ["label", "mandatory", "disabled", "maxFieldCharacters", "hint", "xAlignment", "showTitle", "inputLength", "fontBodyType"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PepAddressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: PepAddressComponent, selector: "pep-address", inputs: { key: "key", formattedValue: "formattedValue", label: "label", mandatory: "mandatory", disabled: "disabled", readonly: "readonly", xAlignment: "xAlignment", rowSpan: "rowSpan", groupFields: "groupFields", form: "form", layoutType: "layoutType", visible: "visible" }, outputs: { addressValueChange: "addressValueChange" }, usesOnChanges: true, ngImport: i0, template: "<ng-container [formGroup]=\"form\">\n    <ng-container *ngIf=\"layoutType === 'form' && form && key && groupFields?.length\">\n        <pep-field-title [label]=\"label\" [mandatory]=\"mandatory\" [disabled]=\"disabled\" class=\"header\">\n        </pep-field-title>\n        <div [id]=\"key\" class=\"pep-address-container\"\n            dir=\"{{ xAlignment === 'right' ? 'rtl' : 'ltr' }}\">\n            <div [ngSwitch]=\"groupField.controlType\" *ngFor=\"let groupField of groupFields; let i = index\"\n                class=\"pep-address-field columns-{{ groupField.colSpan }}\">\n                <pep-textbox *ngSwitchCase=\"'textbox'\" [layoutType]=\"layoutType\" title=\"{{ groupField.formattedValue }}\"\n                    [form]=\"form\" [key]=\"groupField.key\" [value]=\"groupField.value\" [label]=\"groupField.label\"\n                    [placeholder]=\"groupField.placeholder\" [type]=\"groupField.type\" \n                    [mandatory]=\"mandatory || groupField.mandatory\"\n                    [disabled]=\"disabled || groupField.disabled\" \n                    [readonly]=\"readonly || groupField.readonly\"\n                    [xAlignment]=\"groupField.xAlignment\" [rowSpan]=\"groupField.rowSpan\" [parentFieldKey]=\"key\"\n                    (valueChange)=\"onValueChange($event, groupField.key)\">\n                </pep-textbox>\n\n                <pep-select *ngSwitchCase=\"'select'\" [layoutType]=\"layoutType\" title=\"{{ groupField.formattedValue }}\"\n                    [form]=\"form\" [key]=\"groupField.key\" [value]=\"groupField.value\" [label]=\"groupField.label\"\n                    [type]=\"groupField.type\" \n                    [mandatory]=\"mandatory || groupField.mandatory\" \n                    [disabled]=\"disabled || groupField.disabled\"\n                    [readonly]=\"readonly || groupField.readonly\" \n                    [xAlignment]=\"groupField.xAlignment\" [rowSpan]=\"groupField.rowSpan\"\n                    [options]=\"groupField.options\" [parentFieldKey]=\"key\"\n                    (valueChange)=\"onValueChange($event, groupField.key)\">\n                </pep-select>\n            </div>\n        </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"layoutType === 'card'\">\n        <div class=\"pep-card-input \" title=\"{{ label }}&nbsp;{{ formattedValue }}\"\n            [ngClass]=\"['text-align-' + xAlignment]\">\n            <span *ngIf=\"label != ''\" class=\"body-xs title\">{{ label }}&nbsp;</span>\n            <ng-container *ngFor=\"let groupField of groupFields; let i = index\">\n                <span *ngIf=\"groupField?.formattedValue != ''\" class=\"body-sm\">{{ groupField.formattedValue\n                    }},&nbsp;</span>\n            </ng-container>\n        </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"layoutType === 'table'\">\n        <div class=\"pep-card-input \" title=\"{{ formattedValue }}\" [ngClass]=\"['text-align-' + xAlignment]\">\n            <ng-container *ngFor=\"let groupField of groupFields; let i = index\">\n                <span *ngIf=\"groupField?.formattedValue != ''\" class=\"body-sm\">{{ groupField.formattedValue\n                    }},&nbsp;</span>\n            </ng-container>\n        </div>\n    </ng-container>\n</ng-container>", styles: [".header{grid-column:1/span 3}.pep-address-container{padding:.875rem var(--pep-spacing-md, .75rem);border-radius:var(--pep-border-radius-md, .25rem);display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:var(--pep-spacing-md, .75rem);grid-row-gap:var(--pep-spacing-md, .75rem)}.pep-address-container .columns-2{grid-column:1/span 2}.pep-address-container .columns-3{grid-column:1/span 3}\n", ".pepperi-address-container,.pep-address-container{background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.04)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "component", type: i4.PepTextboxComponent, selector: "pep-textbox", inputs: ["key", "value", "minFractionDigits", "maxFractionDigits", "accessory", "label", "placeholder", "type", "mandatory", "disabled", "readonly", "maxFieldCharacters", "hint", "textColor", "xAlignment", "rowSpan", "minValue", "maxValue", "visible", "form", "isActive", "showTitle", "renderTitle", "renderError", "renderSymbol", "layoutType", "parentFieldKey", "regex", "regexError", "isInFocus"], outputs: ["valueChange", "keyup", "validationChange"] }, { kind: "component", type: i5.PepSelectComponent, selector: "pep-select", inputs: ["key", "value", "label", "type", "mandatory", "disabled", "readonly", "xAlignment", "rowSpan", "placeholder", "placeholderWhenDisabled", "autoSortOptions", "options", "visible", "emptyOption", "form", "layoutType", "parentFieldKey", "isActive", "showTitle", "renderTitle", "typeaheadDebounceInterval", "addValueToOptionsIfNotExist"], outputs: ["valueChange", "validationChange"] }, { kind: "component", type: i6.PepFieldTitleComponent, selector: "pep-field-title", inputs: ["label", "mandatory", "disabled", "maxFieldCharacters", "hint", "xAlignment", "showTitle", "inputLength", "fontBodyType", "multiLine"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepAddressComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pep-address', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [formGroup]=\"form\">\n    <ng-container *ngIf=\"layoutType === 'form'\">\n        <pep-field-title [label]=\"label\" [mandatory]=\"mandatory\" [disabled]=\"disabled\" class=\"header\">\n        </pep-field-title>\n        <div [formGroupName]=\"key\" [id]=\"key\" class=\"pep-address-container\"\n            dir=\"{{ xAlignment === 'right' ? 'rtl' : 'ltr' }}\">\n            <div [ngSwitch]=\"groupField.controlType\" *ngFor=\"let groupField of groupFields; let i = index\"\n                class=\"pep-address-field columns-{{ groupField.colSpan }}\">\n                <pep-textbox *ngSwitchCase=\"'textbox'\" [layoutType]=\"layoutType\" title=\"{{ groupField.formattedValue }}\"\n                    [form]=\"form\" [key]=\"groupField.key\" [value]=\"groupField.value\" [label]=\"groupField.label\"\n                    [placeholder]=\"groupField.placeholder\" [type]=\"groupField.type\" [mandatory]=\"groupField.mandatory\"\n                    [disabled]=\"groupField.disabled\" [readonly]=\"groupField.readonly\"\n                    [xAlignment]=\"groupField.xAlignment\" [rowSpan]=\"groupField.rowSpan\" [parentFieldKey]=\"key\"\n                    (valueChange)=\"onValueChange($event, groupField.key)\">\n                </pep-textbox>\n\n                <pep-select *ngSwitchCase=\"'select'\" [layoutType]=\"layoutType\" title=\"{{ groupField.formattedValue }}\"\n                    [form]=\"form\" [key]=\"groupField.key\" [value]=\"groupField.value\" [label]=\"groupField.label\"\n                    [type]=\"groupField.type\" [mandatory]=\"groupField.mandatory\" [disabled]=\"groupField.disabled\"\n                    [readonly]=\"groupField.readonly\" [xAlignment]=\"groupField.xAlignment\" [rowSpan]=\"groupField.rowSpan\"\n                    [options]=\"groupField.options\" [parentFieldKey]=\"key\"\n                    (valueChange)=\"onValueChange($event, groupField.key)\">\n                </pep-select>\n            </div>\n        </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"layoutType === 'card'\">\n        <div class=\"pep-card-input \" title=\"{{ label }}&nbsp;{{ formattedValue }}\"\n            [ngClass]=\"['text-align-' + xAlignment]\">\n            <span *ngIf=\"label != ''\" class=\"body-xs title\">{{ label }}&nbsp;</span>\n            <ng-container *ngFor=\"let groupField of groupFields; let i = index\">\n                <span *ngIf=\"groupField?.formattedValue != ''\" class=\"body-sm\">{{ groupField.formattedValue\n                    }},&nbsp;</span>\n            </ng-container>\n        </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"layoutType === 'table'\">\n        <div class=\"pep-card-input \" title=\"{{ formattedValue }}\" [ngClass]=\"['text-align-' + xAlignment]\">\n            <ng-container *ngFor=\"let groupField of groupFields; let i = index\">\n                <span *ngIf=\"groupField?.formattedValue != ''\" class=\"body-sm\">{{ groupField.formattedValue\n                    }},&nbsp;</span>\n            </ng-container>\n        </div>\n    </ng-container>\n</ng-container>", styles: [".header{grid-column:1/span 3}.pep-address-container{padding:.875rem var(--pep-spacing-md, .75rem);border-radius:var(--pep-border-radius-md, .25rem);display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:var(--pep-spacing-md, .75rem);grid-row-gap:var(--pep-spacing-md, .75rem)}.pep-address-container .columns-2{grid-column:1/span 2}.pep-address-container .columns-3{grid-column:1/span 3}\n", ".pepperi-address-container,.pep-address-container{background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.04)}\n"] }]
+            args: [{ selector: 'pep-address', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [formGroup]=\"form\">\n    <ng-container *ngIf=\"layoutType === 'form' && form && key && groupFields?.length\">\n        <pep-field-title [label]=\"label\" [mandatory]=\"mandatory\" [disabled]=\"disabled\" class=\"header\">\n        </pep-field-title>\n        <div [id]=\"key\" class=\"pep-address-container\"\n            dir=\"{{ xAlignment === 'right' ? 'rtl' : 'ltr' }}\">\n            <div [ngSwitch]=\"groupField.controlType\" *ngFor=\"let groupField of groupFields; let i = index\"\n                class=\"pep-address-field columns-{{ groupField.colSpan }}\">\n                <pep-textbox *ngSwitchCase=\"'textbox'\" [layoutType]=\"layoutType\" title=\"{{ groupField.formattedValue }}\"\n                    [form]=\"form\" [key]=\"groupField.key\" [value]=\"groupField.value\" [label]=\"groupField.label\"\n                    [placeholder]=\"groupField.placeholder\" [type]=\"groupField.type\" \n                    [mandatory]=\"mandatory || groupField.mandatory\"\n                    [disabled]=\"disabled || groupField.disabled\" \n                    [readonly]=\"readonly || groupField.readonly\"\n                    [xAlignment]=\"groupField.xAlignment\" [rowSpan]=\"groupField.rowSpan\" [parentFieldKey]=\"key\"\n                    (valueChange)=\"onValueChange($event, groupField.key)\">\n                </pep-textbox>\n\n                <pep-select *ngSwitchCase=\"'select'\" [layoutType]=\"layoutType\" title=\"{{ groupField.formattedValue }}\"\n                    [form]=\"form\" [key]=\"groupField.key\" [value]=\"groupField.value\" [label]=\"groupField.label\"\n                    [type]=\"groupField.type\" \n                    [mandatory]=\"mandatory || groupField.mandatory\" \n                    [disabled]=\"disabled || groupField.disabled\"\n                    [readonly]=\"readonly || groupField.readonly\" \n                    [xAlignment]=\"groupField.xAlignment\" [rowSpan]=\"groupField.rowSpan\"\n                    [options]=\"groupField.options\" [parentFieldKey]=\"key\"\n                    (valueChange)=\"onValueChange($event, groupField.key)\">\n                </pep-select>\n            </div>\n        </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"layoutType === 'card'\">\n        <div class=\"pep-card-input \" title=\"{{ label }}&nbsp;{{ formattedValue }}\"\n            [ngClass]=\"['text-align-' + xAlignment]\">\n            <span *ngIf=\"label != ''\" class=\"body-xs title\">{{ label }}&nbsp;</span>\n            <ng-container *ngFor=\"let groupField of groupFields; let i = index\">\n                <span *ngIf=\"groupField?.formattedValue != ''\" class=\"body-sm\">{{ groupField.formattedValue\n                    }},&nbsp;</span>\n            </ng-container>\n        </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"layoutType === 'table'\">\n        <div class=\"pep-card-input \" title=\"{{ formattedValue }}\" [ngClass]=\"['text-align-' + xAlignment]\">\n            <ng-container *ngFor=\"let groupField of groupFields; let i = index\">\n                <span *ngIf=\"groupField?.formattedValue != ''\" class=\"body-sm\">{{ groupField.formattedValue\n                    }},&nbsp;</span>\n            </ng-container>\n        </div>\n    </ng-container>\n</ng-container>", styles: [".header{grid-column:1/span 3}.pep-address-container{padding:.875rem var(--pep-spacing-md, .75rem);border-radius:var(--pep-border-radius-md, .25rem);display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:var(--pep-spacing-md, .75rem);grid-row-gap:var(--pep-spacing-md, .75rem)}.pep-address-container .columns-2{grid-column:1/span 2}.pep-address-container .columns-3{grid-column:1/span 3}\n", ".pepperi-address-container,.pep-address-container{background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.04)}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { key: [{
                 type: Input
             }], formattedValue: [{
@@ -106,4 +194,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImpor
             }], addressValueChange: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkcmVzcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtbGliL2FkZHJlc3MvYWRkcmVzcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtbGliL2FkZHJlc3MvYWRkcmVzcy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsU0FBUyxFQUdULEtBQUssRUFDTCxNQUFNLEVBQ04sWUFBWSxFQUNaLHVCQUF1QixHQUkxQixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBR0gsNEJBQTRCLEdBRS9CLE1BQU0seUJBQXlCLENBQUM7Ozs7Ozs7O0FBUWpDLE1BQU0sT0FBTyxtQkFBbUI7SUFzQzVCLFlBQW9CLE9BQW1CLEVBQVUsUUFBbUI7UUFBaEQsWUFBTyxHQUFQLE9BQU8sQ0FBWTtRQUFVLGFBQVEsR0FBUixRQUFRLENBQVc7UUFyQzNELFFBQUcsR0FBRyxFQUFFLENBQUM7UUFDbEIsdUJBQXVCO1FBQ2QsbUJBQWMsR0FBRyxFQUFFLENBQUM7UUFDcEIsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUNYLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFDbEIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLGVBQVUsR0FBMkIsNEJBQTRCLENBQUM7UUFDbEUsWUFBTyxHQUFHLENBQUMsQ0FBQztRQUdaLFNBQUksR0FBYyxJQUFJLENBQUM7UUFDdkIsZUFBVSxHQUFrQixNQUFNLENBQUM7UUFFcEMsYUFBUSxHQUFHLElBQUksQ0FBQztRQXFCeEIsdUJBQWtCLEdBQTRDLElBQUksWUFBWSxFQUE2QixDQUFDO0lBRXBDLENBQUM7SUF0QnpFLElBQ0ksT0FBTyxDQUFDLE9BQWdCO1FBQ3hCLElBQUksQ0FBQyxRQUFRLEdBQUcsT0FBTyxDQUFDO1FBQ3hCLElBQUksT0FBTyxFQUFFO1lBQ1QsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQ3JCLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxFQUMxQixnQkFBZ0IsQ0FDbkIsQ0FBQztTQUNMO2FBQU07WUFDSCxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FDbEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLEVBQzFCLGdCQUFnQixDQUNuQixDQUFDO1NBQ0w7SUFDTCxDQUFDO0lBQ0QsSUFBSSxPQUFPO1FBQ1AsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ3pCLENBQUM7SUFPRCxRQUFRO1FBQ0osSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLEVBQUUsbUJBQW1CLENBQUMsQ0FBQztJQUM1RSxDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQU87UUFDZixFQUFFO0lBQ04sQ0FBQztJQUVELFdBQVc7UUFDUCxFQUFFO0lBQ04sQ0FBQztJQUVELHVDQUF1QztJQUN2QyxzQ0FBc0M7SUFDdEMsbURBQW1EO0lBQ25ELHlEQUF5RDtJQUN6RCxJQUFJO0lBRUosYUFBYSxDQUFDLEtBQWEsRUFBRSxHQUFXO1FBQ3BDLGtCQUFrQjtRQUNsQixtREFBbUQ7UUFDbkQscURBQXFEO1FBQ3JELFdBQVc7UUFDWCwyQkFBMkI7UUFDM0IsSUFBSTtRQUVKLE1BQU0saUJBQWlCLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQyxFQUFFLEVBQUUsRUFBRSxDQUFDLEVBQUUsQ0FBQyxHQUFHLEtBQUssR0FBRyxDQUFDLENBQUM7UUFFeEUsSUFBSSxpQkFBaUIsSUFBSSxpQkFBaUIsQ0FBQyxLQUFLLEtBQUssS0FBSyxFQUFFO1lBQ3hELHFDQUFxQztZQUNyQyxJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUU7Z0JBQ1gsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO2dCQUV6QyxJQUFJLFFBQVEsRUFBRTtvQkFDVixRQUFRLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztpQkFDckM7YUFDSjtZQUVELElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUM7Z0JBQ3pCLEdBQUcsRUFBRSxHQUFHO2dCQUNSLEtBQUssRUFBRSxLQUFLO2FBQ2YsQ0FBQyxDQUFDO1NBQ047SUFDTCxDQUFDOztnSEFuRlEsbUJBQW1CO29HQUFuQixtQkFBbUIsbVpDMUJoQywwZ0dBOENlOzJGRHBCRixtQkFBbUI7a0JBTi9CLFNBQVM7K0JBQ0ksYUFBYSxtQkFHTix1QkFBdUIsQ0FBQyxNQUFNO3lIQUd0QyxHQUFHO3NCQUFYLEtBQUs7Z0JBRUcsY0FBYztzQkFBdEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFFRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFJRixPQUFPO3NCQURWLEtBQUs7Z0JBb0JOLGtCQUFrQjtzQkFEakIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ29tcG9uZW50LFxuICAgIE9uSW5pdCxcbiAgICBPbkNoYW5nZXMsXG4gICAgSW5wdXQsXG4gICAgT3V0cHV0LFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBPbkRlc3Ryb3ksXG4gICAgUmVuZGVyZXIyLFxuICAgIEVsZW1lbnRSZWYsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHtcbiAgICBQZXBMYXlvdXRUeXBlLFxuICAgIFBlcEhvcml6b250YWxBbGlnbm1lbnQsXG4gICAgREVGQVVMVF9IT1JJWk9OVEFMX0FMSUdOTUVOVCxcbiAgICBJUGVwRmllbGRWYWx1ZUNoYW5nZUV2ZW50LFxufSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYic7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAncGVwLWFkZHJlc3MnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9hZGRyZXNzLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9hZGRyZXNzLmNvbXBvbmVudC5zY3NzJywgJy4vYWRkcmVzcy5jb21wb25lbnQudGhlbWUuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBQZXBBZGRyZXNzQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzLCBPbkluaXQsIE9uRGVzdHJveSB7XG4gICAgQElucHV0KCkga2V5ID0gJyc7XG4gICAgLy8gQElucHV0KCkgdmFsdWUgPSAnJztcbiAgICBASW5wdXQoKSBmb3JtYXR0ZWRWYWx1ZSA9ICcnO1xuICAgIEBJbnB1dCgpIGxhYmVsID0gJyc7XG4gICAgQElucHV0KCkgbWFuZGF0b3J5ID0gZmFsc2U7XG4gICAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcbiAgICBASW5wdXQoKSByZWFkb25seSA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIHhBbGlnbm1lbnQ6IFBlcEhvcml6b250YWxBbGlnbm1lbnQgPSBERUZBVUxUX0hPUklaT05UQUxfQUxJR05NRU5UO1xuICAgIEBJbnB1dCgpIHJvd1NwYW4gPSAxO1xuICAgIEBJbnB1dCgpIGdyb3VwRmllbGRzOiBBcnJheTxhbnk+O1xuXG4gICAgQElucHV0KCkgZm9ybTogRm9ybUdyb3VwID0gbnVsbDtcbiAgICBASW5wdXQoKSBsYXlvdXRUeXBlOiBQZXBMYXlvdXRUeXBlID0gJ2Zvcm0nO1xuXG4gICAgcHJpdmF0ZSBfdmlzaWJsZSA9IHRydWU7XG4gICAgQElucHV0KClcbiAgICBzZXQgdmlzaWJsZSh2aXNpYmxlOiBib29sZWFuKSB7XG4gICAgICAgIHRoaXMuX3Zpc2libGUgPSB2aXNpYmxlO1xuICAgICAgICBpZiAodmlzaWJsZSkge1xuICAgICAgICAgICAgdGhpcy5yZW5kZXJlci5yZW1vdmVDbGFzcyhcbiAgICAgICAgICAgICAgICB0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudCxcbiAgICAgICAgICAgICAgICAnaGlkZGVuLWVsZW1lbnQnXG4gICAgICAgICAgICApO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgdGhpcy5yZW5kZXJlci5hZGRDbGFzcyhcbiAgICAgICAgICAgICAgICB0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudCxcbiAgICAgICAgICAgICAgICAnaGlkZGVuLWVsZW1lbnQnXG4gICAgICAgICAgICApO1xuICAgICAgICB9XG4gICAgfVxuICAgIGdldCB2aXNpYmxlKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5fdmlzaWJsZTtcbiAgICB9XG5cbiAgICBAT3V0cHV0KClcbiAgICBhZGRyZXNzVmFsdWVDaGFuZ2U6IEV2ZW50RW1pdHRlcjxJUGVwRmllbGRWYWx1ZUNoYW5nZUV2ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXI8SVBlcEZpZWxkVmFsdWVDaGFuZ2VFdmVudD4oKTtcblxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgZWxlbWVudDogRWxlbWVudFJlZiwgcHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyKSB7IH1cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLnJlbmRlcmVyLmFkZENsYXNzKHRoaXMuZWxlbWVudC5uYXRpdmVFbGVtZW50LCAncGVwLWdyb3VwZWQtZmllbGQnKTtcbiAgICB9XG5cbiAgICBuZ09uQ2hhbmdlcyhjaGFuZ2VzKTogdm9pZCB7XG4gICAgICAgIC8vXG4gICAgfVxuXG4gICAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgICAgIC8vXG4gICAgfVxuXG4gICAgLy8gTm90IGluIHVzZSBhbnltb3JlIGNvbW1lbnQgaW4gMTYuNTUuXG4gICAgLy8gb25CbHVyKGU6IGFueSwga2V5OiBzdHJpbmcpOiB2b2lkIHtcbiAgICAvLyAgICAgY29uc3QgdmFsdWUgPSBlLnRhcmdldCA/IGUudGFyZ2V0LnZhbHVlIDogZTtcbiAgICAvLyAgICAgdGhpcy5jaGFuZ2VWYWx1ZSh7IGtleSwgdmFsdWUgfSwgZS5yZWxhdGVkVGFyZ2V0KTtcbiAgICAvLyB9XG5cbiAgICBvblZhbHVlQ2hhbmdlKHZhbHVlOiBzdHJpbmcsIGtleTogc3RyaW5nKTogdm9pZCB7XG4gICAgICAgIC8vIGlmIChlLnRhcmdldCkge1xuICAgICAgICAvLyAgICAgY29uc3QgaW5wdXQgPSBlLnRhcmdldCA/IGUudGFyZ2V0LnZhbHVlIDogZTtcbiAgICAgICAgLy8gICAgIHRoaXMuY2hhbmdlVmFsdWUoeyBrZXksIHZhbHVlOiBpbnB1dC52YWx1ZSB9KTtcbiAgICAgICAgLy8gfSBlbHNlIHtcbiAgICAgICAgLy8gICAgIHRoaXMuY2hhbmdlVmFsdWUoZSk7XG4gICAgICAgIC8vIH1cblxuICAgICAgICBjb25zdCBjdXJyZW50R3JvdXBGaWVsZCA9IHRoaXMuZ3JvdXBGaWVsZHMuZmluZCgoZ2YpID0+IGdmLmtleSA9PT0ga2V5KTtcblxuICAgICAgICBpZiAoY3VycmVudEdyb3VwRmllbGQgJiYgY3VycmVudEdyb3VwRmllbGQudmFsdWUgIT09IHZhbHVlKSB7XG4gICAgICAgICAgICAvLyBTZXQgdGhlIHZhbHVlIGluIHRoZSBmb3JtIGNvbnRyb2xzXG4gICAgICAgICAgICBpZiAodGhpcy5mb3JtKSB7XG4gICAgICAgICAgICAgICAgY29uc3QgZm9ybUN0cmwgPSB0aGlzLmZvcm0uZ2V0KHRoaXMua2V5KTtcblxuICAgICAgICAgICAgICAgIGlmIChmb3JtQ3RybCkge1xuICAgICAgICAgICAgICAgICAgICBmb3JtQ3RybC5nZXQoa2V5KS5zZXRWYWx1ZSh2YWx1ZSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICB0aGlzLmFkZHJlc3NWYWx1ZUNoYW5nZS5lbWl0KHtcbiAgICAgICAgICAgICAgICBrZXk6IGtleSxcbiAgICAgICAgICAgICAgICB2YWx1ZTogdmFsdWUsXG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC8vIGNoYW5nZVZhbHVlKGZpZWxkOiBhbnkpOiB2b2lkIHtcbiAgICAvLyAgICAgY29uc3QgY3VycmVudEdyb3VwRmllbGQgPSB0aGlzLmdyb3VwRmllbGRzLmZpbHRlcihcbiAgICAvLyAgICAgICAgIChncm91cEZpZWxkKSA9PiBncm91cEZpZWxkLmtleSA9PT0gZmllbGQua2V5XG4gICAgLy8gICAgIClbMF07XG5cbiAgICAvLyAgICAgaWYgKGN1cnJlbnRHcm91cEZpZWxkLnZhbHVlICE9PSBmaWVsZC52YWx1ZSkge1xuICAgIC8vICAgICAgICAgLy8gU2V0IHRoZSB2YWx1ZSBpbiB0aGUgZm9ybSBjb250cm9sc1xuICAgIC8vICAgICAgICAgaWYgKHRoaXMuZm9ybSkge1xuICAgIC8vICAgICAgICAgICAgIGNvbnN0IGZvcm1DdHJsID0gdGhpcy5mb3JtLmdldCh0aGlzLmtleSk7XG5cbiAgICAvLyAgICAgICAgICAgICBpZiAoZm9ybUN0cmwpIHtcbiAgICAvLyAgICAgICAgICAgICAgICAgZm9ybUN0cmwuZ2V0KGZpZWxkLmtleSkuc2V0VmFsdWUoZmllbGQudmFsdWUpO1xuICAgIC8vICAgICAgICAgICAgIH1cbiAgICAvLyAgICAgICAgIH1cblxuICAgIC8vICAgICAgICAgdGhpcy52YWx1ZUNoYW5nZS5lbWl0KHtcbiAgICAvLyAgICAgICAgICAgICBrZXk6IGZpZWxkLmtleSxcbiAgICAvLyAgICAgICAgICAgICB2YWx1ZTogZmllbGQudmFsdWUsXG4gICAgLy8gICAgICAgICB9KTtcbiAgICAvLyAgICAgfVxuICAgIC8vIH1cbn1cbiIsIjxuZy1jb250YWluZXIgW2Zvcm1Hcm91cF09XCJmb3JtXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImxheW91dFR5cGUgPT09ICdmb3JtJ1wiPlxuICAgICAgICA8cGVwLWZpZWxkLXRpdGxlIFtsYWJlbF09XCJsYWJlbFwiIFttYW5kYXRvcnldPVwibWFuZGF0b3J5XCIgW2Rpc2FibGVkXT1cImRpc2FibGVkXCIgY2xhc3M9XCJoZWFkZXJcIj5cbiAgICAgICAgPC9wZXAtZmllbGQtdGl0bGU+XG4gICAgICAgIDxkaXYgW2Zvcm1Hcm91cE5hbWVdPVwia2V5XCIgW2lkXT1cImtleVwiIGNsYXNzPVwicGVwLWFkZHJlc3MtY29udGFpbmVyXCJcbiAgICAgICAgICAgIGRpcj1cInt7IHhBbGlnbm1lbnQgPT09ICdyaWdodCcgPyAncnRsJyA6ICdsdHInIH19XCI+XG4gICAgICAgICAgICA8ZGl2IFtuZ1N3aXRjaF09XCJncm91cEZpZWxkLmNvbnRyb2xUeXBlXCIgKm5nRm9yPVwibGV0IGdyb3VwRmllbGQgb2YgZ3JvdXBGaWVsZHM7IGxldCBpID0gaW5kZXhcIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwicGVwLWFkZHJlc3MtZmllbGQgY29sdW1ucy17eyBncm91cEZpZWxkLmNvbFNwYW4gfX1cIj5cbiAgICAgICAgICAgICAgICA8cGVwLXRleHRib3ggKm5nU3dpdGNoQ2FzZT1cIid0ZXh0Ym94J1wiIFtsYXlvdXRUeXBlXT1cImxheW91dFR5cGVcIiB0aXRsZT1cInt7IGdyb3VwRmllbGQuZm9ybWF0dGVkVmFsdWUgfX1cIlxuICAgICAgICAgICAgICAgICAgICBbZm9ybV09XCJmb3JtXCIgW2tleV09XCJncm91cEZpZWxkLmtleVwiIFt2YWx1ZV09XCJncm91cEZpZWxkLnZhbHVlXCIgW2xhYmVsXT1cImdyb3VwRmllbGQubGFiZWxcIlxuICAgICAgICAgICAgICAgICAgICBbcGxhY2Vob2xkZXJdPVwiZ3JvdXBGaWVsZC5wbGFjZWhvbGRlclwiIFt0eXBlXT1cImdyb3VwRmllbGQudHlwZVwiIFttYW5kYXRvcnldPVwiZ3JvdXBGaWVsZC5tYW5kYXRvcnlcIlxuICAgICAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiZ3JvdXBGaWVsZC5kaXNhYmxlZFwiIFtyZWFkb25seV09XCJncm91cEZpZWxkLnJlYWRvbmx5XCJcbiAgICAgICAgICAgICAgICAgICAgW3hBbGlnbm1lbnRdPVwiZ3JvdXBGaWVsZC54QWxpZ25tZW50XCIgW3Jvd1NwYW5dPVwiZ3JvdXBGaWVsZC5yb3dTcGFuXCIgW3BhcmVudEZpZWxkS2V5XT1cImtleVwiXG4gICAgICAgICAgICAgICAgICAgICh2YWx1ZUNoYW5nZSk9XCJvblZhbHVlQ2hhbmdlKCRldmVudCwgZ3JvdXBGaWVsZC5rZXkpXCI+XG4gICAgICAgICAgICAgICAgPC9wZXAtdGV4dGJveD5cblxuICAgICAgICAgICAgICAgIDxwZXAtc2VsZWN0ICpuZ1N3aXRjaENhc2U9XCInc2VsZWN0J1wiIFtsYXlvdXRUeXBlXT1cImxheW91dFR5cGVcIiB0aXRsZT1cInt7IGdyb3VwRmllbGQuZm9ybWF0dGVkVmFsdWUgfX1cIlxuICAgICAgICAgICAgICAgICAgICBbZm9ybV09XCJmb3JtXCIgW2tleV09XCJncm91cEZpZWxkLmtleVwiIFt2YWx1ZV09XCJncm91cEZpZWxkLnZhbHVlXCIgW2xhYmVsXT1cImdyb3VwRmllbGQubGFiZWxcIlxuICAgICAgICAgICAgICAgICAgICBbdHlwZV09XCJncm91cEZpZWxkLnR5cGVcIiBbbWFuZGF0b3J5XT1cImdyb3VwRmllbGQubWFuZGF0b3J5XCIgW2Rpc2FibGVkXT1cImdyb3VwRmllbGQuZGlzYWJsZWRcIlxuICAgICAgICAgICAgICAgICAgICBbcmVhZG9ubHldPVwiZ3JvdXBGaWVsZC5yZWFkb25seVwiIFt4QWxpZ25tZW50XT1cImdyb3VwRmllbGQueEFsaWdubWVudFwiIFtyb3dTcGFuXT1cImdyb3VwRmllbGQucm93U3BhblwiXG4gICAgICAgICAgICAgICAgICAgIFtvcHRpb25zXT1cImdyb3VwRmllbGQub3B0aW9uc1wiIFtwYXJlbnRGaWVsZEtleV09XCJrZXlcIlxuICAgICAgICAgICAgICAgICAgICAodmFsdWVDaGFuZ2UpPVwib25WYWx1ZUNoYW5nZSgkZXZlbnQsIGdyb3VwRmllbGQua2V5KVwiPlxuICAgICAgICAgICAgICAgIDwvcGVwLXNlbGVjdD5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJsYXlvdXRUeXBlID09PSAnY2FyZCdcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInBlcC1jYXJkLWlucHV0IFwiIHRpdGxlPVwie3sgbGFiZWwgfX0mbmJzcDt7eyBmb3JtYXR0ZWRWYWx1ZSB9fVwiXG4gICAgICAgICAgICBbbmdDbGFzc109XCJbJ3RleHQtYWxpZ24tJyArIHhBbGlnbm1lbnRdXCI+XG4gICAgICAgICAgICA8c3BhbiAqbmdJZj1cImxhYmVsICE9ICcnXCIgY2xhc3M9XCJib2R5LXhzIHRpdGxlXCI+e3sgbGFiZWwgfX0mbmJzcDs8L3NwYW4+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBncm91cEZpZWxkIG9mIGdyb3VwRmllbGRzOyBsZXQgaSA9IGluZGV4XCI+XG4gICAgICAgICAgICAgICAgPHNwYW4gKm5nSWY9XCJncm91cEZpZWxkPy5mb3JtYXR0ZWRWYWx1ZSAhPSAnJ1wiIGNsYXNzPVwiYm9keS1zbVwiPnt7IGdyb3VwRmllbGQuZm9ybWF0dGVkVmFsdWVcbiAgICAgICAgICAgICAgICAgICAgfX0sJm5ic3A7PC9zcGFuPlxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImxheW91dFR5cGUgPT09ICd0YWJsZSdcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInBlcC1jYXJkLWlucHV0IFwiIHRpdGxlPVwie3sgZm9ybWF0dGVkVmFsdWUgfX1cIiBbbmdDbGFzc109XCJbJ3RleHQtYWxpZ24tJyArIHhBbGlnbm1lbnRdXCI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBncm91cEZpZWxkIG9mIGdyb3VwRmllbGRzOyBsZXQgaSA9IGluZGV4XCI+XG4gICAgICAgICAgICAgICAgPHNwYW4gKm5nSWY9XCJncm91cEZpZWxkPy5mb3JtYXR0ZWRWYWx1ZSAhPSAnJ1wiIGNsYXNzPVwiYm9keS1zbVwiPnt7IGdyb3VwRmllbGQuZm9ybWF0dGVkVmFsdWVcbiAgICAgICAgICAgICAgICAgICAgfX0sJm5ic3A7PC9zcGFuPlxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvbmctY29udGFpbmVyPlxuPC9uZy1jb250YWluZXI+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkcmVzcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtbGliL2FkZHJlc3MvYWRkcmVzcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtbGliL2FkZHJlc3MvYWRkcmVzcy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsU0FBUyxFQUdULEtBQUssRUFDTCxNQUFNLEVBQ04sWUFBWSxFQUNaLHVCQUF1QixHQUkxQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3hELE9BQU8sRUFHSCw0QkFBNEIsR0FFL0IsTUFBTSx5QkFBeUIsQ0FBQzs7Ozs7Ozs7QUFRakMsTUFBTSxPQUFPLG1CQUFtQjtJQWdFNUIsWUFBb0IsT0FBbUIsRUFBVSxRQUFtQjtRQUFoRCxZQUFPLEdBQVAsT0FBTyxDQUFZO1FBQVUsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQS9EM0QsUUFBRyxHQUFHLEVBQUUsQ0FBQztRQUNsQix1QkFBdUI7UUFDZCxtQkFBYyxHQUFHLEVBQUUsQ0FBQztRQUNwQixVQUFLLEdBQUcsRUFBRSxDQUFDO1FBQ1gsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUNsQixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsZUFBVSxHQUEyQiw0QkFBNEIsQ0FBQztRQUNsRSxZQUFPLEdBQUcsQ0FBQyxDQUFDO1FBZWIsNEJBQXVCLEdBQUcsS0FBSyxDQUFDO1FBRWhDLFVBQUssR0FBYyxJQUFJLENBQUM7UUFhdkIsZUFBVSxHQUFrQixNQUFNLENBQUM7UUFFcEMsYUFBUSxHQUFHLElBQUksQ0FBQztRQXFCeEIsdUJBQWtCLEdBQTRDLElBQUksWUFBWSxFQUE2QixDQUFDO0lBRXBDLENBQUM7SUFwRHpFLElB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SEFHdEMsR0FBRztzQkFBWCxLQUFLO2dCQUVHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUlGLFdBQVc7c0JBRGQsS0FBSztnQkFnQkYsSUFBSTtzQkFEUCxLQUFLO2dCQVlHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBSUYsT0FBTztzQkFEVixLQUFLO2dCQW9CTixrQkFBa0I7c0JBRGpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENvbXBvbmVudCxcbiAgICBPbkluaXQsXG4gICAgT25DaGFuZ2VzLFxuICAgIElucHV0LFxuICAgIE91dHB1dCxcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgT25EZXN0cm95LFxuICAgIFJlbmRlcmVyMixcbiAgICBFbGVtZW50UmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Hcm91cCwgRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQge1xuICAgIFBlcExheW91dFR5cGUsXG4gICAgUGVwSG9yaXpvbnRhbEFsaWdubWVudCxcbiAgICBERUZBVUxUX0hPUklaT05UQUxfQUxJR05NRU5ULFxuICAgIElQZXBGaWVsZFZhbHVlQ2hhbmdlRXZlbnQsXG59IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9uZ3gtbGliJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdwZXAtYWRkcmVzcycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2FkZHJlc3MuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2FkZHJlc3MuY29tcG9uZW50LnNjc3MnLCAnLi9hZGRyZXNzLmNvbXBvbmVudC50aGVtZS5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFBlcEFkZHJlc3NDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMsIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgICBASW5wdXQoKSBrZXkgPSAnJztcbiAgICAvLyBASW5wdXQoKSB2YWx1ZSA9ICcnO1xuICAgIEBJbnB1dCgpIGZvcm1hdHRlZFZhbHVlID0gJyc7XG4gICAgQElucHV0KCkgbGFiZWwgPSAnJztcbiAgICBASW5wdXQoKSBtYW5kYXRvcnkgPSBmYWxzZTtcbiAgICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIHJlYWRvbmx5ID0gZmFsc2U7XG4gICAgQElucHV0KCkgeEFsaWdubWVudDogUGVwSG9yaXpvbnRhbEFsaWdubWVudCA9IERFRkFVTFRfSE9SSVpPTlRBTF9BTElHTk1FTlQ7XG4gICAgQElucHV0KCkgcm93U3BhbiA9IDE7XG4gICAgXG4gICAgcHJpdmF0ZSBfZ3JvdXBGaWVsZHM6IEFycmF5PGFueT47XG4gICAgQElucHV0KClcbiAgICBzZXQgZ3JvdXBGaWVsZHModmFsdWU6IEFycmF5PGFueT4pIHtcbiAgICAgICAgdGhpcy5fZ3JvdXBGaWVsZHMgPSB2YWx1ZTtcbiAgICAgICAgLy8gUmVzZXQgZm9ybSB3aGVuIGdyb3VwRmllbGRzIGNoYW5nZVxuICAgICAgICBpZiAodGhpcy5fZm9ybSAmJiAhdGhpcy5fZm9ybVByb3ZpZGVkRXh0ZXJuYWxseSkge1xuICAgICAgICAgICAgdGhpcy5fZm9ybSA9IG51bGw7XG4gICAgICAgIH1cbiAgICB9XG4gICAgZ2V0IGdyb3VwRmllbGRzKCk6IEFycmF5PGFueT4ge1xuICAgICAgICByZXR1cm4gdGhpcy5fZ3JvdXBGaWVsZHM7XG4gICAgfVxuICAgIFxuICAgIHByaXZhdGUgX2Zvcm1Qcm92aWRlZEV4dGVybmFsbHkgPSBmYWxzZTtcblxuICAgIHByaXZhdGUgX2Zvcm06IEZvcm1Hcm91cCA9IG51bGw7XG4gICAgQElucHV0KCkgXG4gICAgc2V0IGZvcm0odmFsdWU6IEZvcm1Hcm91cCkge1xuICAgICAgICB0aGlzLl9mb3JtID0gdmFsdWU7XG4gICAgICAgIHRoaXMuX2Zvcm1Qcm92aWRlZEV4dGVybmFsbHkgPSAhIXZhbHVlO1xuICAgIH1cbiAgICBnZXQgZm9ybSgpOiBGb3JtR3JvdXAge1xuICAgICAgICAvLyBJZiBubyBmb3JtIGlzIHByb3ZpZGVkLCBjcmVhdGUgb25lIGludGVybmFsbHlcbiAgICAgICAgaWYgKCF0aGlzLl9mb3JtICYmIHRoaXMua2V5ICYmIHRoaXMuZ3JvdXBGaWVsZHMpIHtcbiAgICAgICAgICAgIHRoaXMuX2Zvcm0gPSB0aGlzLmNyZWF0ZUludGVybmFsRm9ybSgpO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiB0aGlzLl9mb3JtO1xuICAgIH1cbiAgICBASW5wdXQoKSBsYXlvdXRUeXBlOiBQZXBMYXlvdXRUeXBlID0gJ2Zvcm0nO1xuXG4gICAgcHJpdmF0ZSBfdmlzaWJsZSA9IHRydWU7XG4gICAgQElucHV0KClcbiAgICBzZXQgdmlzaWJsZSh2aXNpYmxlOiBib29sZWFuKSB7XG4gICAgICAgIHRoaXMuX3Zpc2libGUgPSB2aXNpYmxlO1xuICAgICAgICBpZiAodmlzaWJsZSkge1xuICAgICAgICAgICAgdGhpcy5yZW5kZXJlci5yZW1vdmVDbGFzcyhcbiAgICAgICAgICAgICAgICB0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudCxcbiAgICAgICAgICAgICAgICAnaGlkZGVuLWVsZW1lbnQnXG4gICAgICAgICAgICApO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgdGhpcy5yZW5kZXJlci5hZGRDbGFzcyhcbiAgICAgICAgICAgICAgICB0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudCxcbiAgICAgICAgICAgICAgICAnaGlkZGVuLWVsZW1lbnQnXG4gICAgICAgICAgICApO1xuICAgICAgICB9XG4gICAgfVxuICAgIGdldCB2aXNpYmxlKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5fdmlzaWJsZTtcbiAgICB9XG5cbiAgICBAT3V0cHV0KClcbiAgICBhZGRyZXNzVmFsdWVDaGFuZ2U6IEV2ZW50RW1pdHRlcjxJUGVwRmllbGRWYWx1ZUNoYW5nZUV2ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXI8SVBlcEZpZWxkVmFsdWVDaGFuZ2VFdmVudD4oKTtcblxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgZWxlbWVudDogRWxlbWVudFJlZiwgcHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyKSB7IH1cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLnJlbmRlcmVyLmFkZENsYXNzKHRoaXMuZWxlbWVudC5uYXRpdmVFbGVtZW50LCAncGVwLWdyb3VwZWQtZmllbGQnKTtcbiAgICAgICAgXG4gICAgICAgIC8vIEVuc3VyZSBmb3JtIGlzIGNyZWF0ZWQgaWYgbmVlZGVkXG4gICAgICAgIGlmICghdGhpcy5mb3JtICYmIHRoaXMua2V5ICYmIHRoaXMuZ3JvdXBGaWVsZHMpIHtcbiAgICAgICAgICAgIHRoaXMuX2Zvcm0gPSB0aGlzLmNyZWF0ZUludGVybmFsRm9ybSgpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgbmdPbkNoYW5nZXMoY2hhbmdlcyk6IHZvaWQge1xuICAgICAgICAvLyBSZWNyZWF0ZSBmb3JtIGlmIGdyb3VwRmllbGRzIG9yIGtleSBjaGFuZ2VkXG4gICAgICAgIGlmICgoY2hhbmdlcy5ncm91cEZpZWxkcyB8fCBjaGFuZ2VzLmtleSkgJiYgIXRoaXMuX2Zvcm1Qcm92aWRlZEV4dGVybmFsbHkpIHtcbiAgICAgICAgICAgIGlmICh0aGlzLmtleSAmJiB0aGlzLmdyb3VwRmllbGRzKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5fZm9ybSA9IHRoaXMuY3JlYXRlSW50ZXJuYWxGb3JtKCk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICAgXG4gICAgICAgIC8vIEhhbmRsZSBkaXNhYmxlZC9yZWFkb25seSBzdGF0ZSBjaGFuZ2VzXG4gICAgICAgIGlmIChjaGFuZ2VzLmRpc2FibGVkIHx8IGNoYW5nZXMucmVhZG9ubHkpIHtcbiAgICAgICAgICAgIHRoaXMudXBkYXRlRm9ybUNvbnRyb2xzU3RhdGUoKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgICAgICAvL1xuICAgIH1cblxuICAgIC8vIE5vdCBpbiB1c2UgYW55bW9yZSBjb21tZW50IGluIDE2LjU1LlxuICAgIC8vIG9uQmx1cihlOiBhbnksIGtleTogc3RyaW5nKTogdm9pZCB7XG4gICAgLy8gICAgIGNvbnN0IHZhbHVlID0gZS50YXJnZXQgPyBlLnRhcmdldC52YWx1ZSA6IGU7XG4gICAgLy8gICAgIHRoaXMuY2hhbmdlVmFsdWUoeyBrZXksIHZhbHVlIH0sIGUucmVsYXRlZFRhcmdldCk7XG4gICAgLy8gfVxuXG4gICAgb25WYWx1ZUNoYW5nZSh2YWx1ZTogc3RyaW5nLCBrZXk6IHN0cmluZyk6IHZvaWQge1xuICAgICAgICAvLyBpZiAoZS50YXJnZXQpIHtcbiAgICAgICAgLy8gICAgIGNvbnN0IGlucHV0ID0gZS50YXJnZXQgPyBlLnRhcmdldC52YWx1ZSA6IGU7XG4gICAgICAgIC8vICAgICB0aGlzLmNoYW5nZVZhbHVlKHsga2V5LCB2YWx1ZTogaW5wdXQudmFsdWUgfSk7XG4gICAgICAgIC8vIH0gZWxzZSB7XG4gICAgICAgIC8vICAgICB0aGlzLmNoYW5nZVZhbHVlKGUpO1xuICAgICAgICAvLyB9XG5cbiAgICAgICAgY29uc3QgY3VycmVudEdyb3VwRmllbGQgPSB0aGlzLmdyb3VwRmllbGRzLmZpbmQoKGdmKSA9PiBnZi5rZXkgPT09IGtleSk7XG5cbiAgICAgICAgaWYgKGN1cnJlbnRHcm91cEZpZWxkICYmIGN1cnJlbnRHcm91cEZpZWxkLnZhbHVlICE9PSB2YWx1ZSkge1xuICAgICAgICAgICAgLy8gU2V0IHRoZSB2YWx1ZSBpbiB0aGUgZm9ybSBjb250cm9sc1xuICAgICAgICAgICAgaWYgKHRoaXMuZm9ybSkge1xuICAgICAgICAgICAgICAgIGNvbnN0IGZvcm1DdHJsID0gdGhpcy5mb3JtLmdldCh0aGlzLmtleSk7XG5cbiAgICAgICAgICAgICAgICBpZiAoZm9ybUN0cmwpIHtcbiAgICAgICAgICAgICAgICAgICAgZm9ybUN0cmwuZ2V0KGtleSkuc2V0VmFsdWUodmFsdWUpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgdGhpcy5hZGRyZXNzVmFsdWVDaGFuZ2UuZW1pdCh7XG4gICAgICAgICAgICAgICAga2V5OiBrZXksXG4gICAgICAgICAgICAgICAgdmFsdWU6IHZhbHVlLFxuICAgICAgICAgICAgfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAvLyBjaGFuZ2VWYWx1ZShmaWVsZDogYW55KTogdm9pZCB7XG4gICAgLy8gICAgIGNvbnN0IGN1cnJlbnRHcm91cEZpZWxkID0gdGhpcy5ncm91cEZpZWxkcy5maWx0ZXIoXG4gICAgLy8gICAgICAgICAoZ3JvdXBGaWVsZCkgPT4gZ3JvdXBGaWVsZC5rZXkgPT09IGZpZWxkLmtleVxuICAgIC8vICAgICApWzBdO1xuXG4gICAgLy8gICAgIGlmIChjdXJyZW50R3JvdXBGaWVsZC52YWx1ZSAhPT0gZmllbGQudmFsdWUpIHtcbiAgICAvLyAgICAgICAgIC8vIFNldCB0aGUgdmFsdWUgaW4gdGhlIGZvcm0gY29udHJvbHNcbiAgICAvLyAgICAgICAgIGlmICh0aGlzLmZvcm0pIHtcbiAgICAvLyAgICAgICAgICAgICBjb25zdCBmb3JtQ3RybCA9IHRoaXMuZm9ybS5nZXQodGhpcy5rZXkpO1xuXG4gICAgLy8gICAgICAgICAgICAgaWYgKGZvcm1DdHJsKSB7XG4gICAgLy8gICAgICAgICAgICAgICAgIGZvcm1DdHJsLmdldChmaWVsZC5rZXkpLnNldFZhbHVlKGZpZWxkLnZhbHVlKTtcbiAgICAvLyAgICAgICAgICAgICB9XG4gICAgLy8gICAgICAgICB9XG5cbiAgICAvLyAgICAgICAgIHRoaXMudmFsdWVDaGFuZ2UuZW1pdCh7XG4gICAgLy8gICAgICAgICAgICAga2V5OiBmaWVsZC5rZXksXG4gICAgLy8gICAgICAgICAgICAgdmFsdWU6IGZpZWxkLnZhbHVlLFxuICAgIC8vICAgICAgICAgfSk7XG4gICAgLy8gICAgIH1cbiAgICAvLyB9XG5cbiAgICBwcml2YXRlIGNyZWF0ZUludGVybmFsRm9ybSgpOiBGb3JtR3JvdXAge1xuICAgICAgICBjb25zdCBhZGRyZXNzQ29udHJvbHM6IGFueSA9IHt9O1xuICAgICAgICBpZiAodGhpcy5ncm91cEZpZWxkcykge1xuICAgICAgICAgICAgdGhpcy5ncm91cEZpZWxkcy5mb3JFYWNoKGZpZWxkID0+IHtcbiAgICAgICAgICAgICAgICBhZGRyZXNzQ29udHJvbHNbZmllbGQua2V5XSA9IG5ldyBGb3JtQ29udHJvbChmaWVsZC52YWx1ZSB8fCAnJyk7XG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfVxuICAgICAgICBcbiAgICAgICAgY29uc3QgYWRkcmVzc0Zvcm1Hcm91cCA9IG5ldyBGb3JtR3JvdXAoYWRkcmVzc0NvbnRyb2xzKTtcbiAgICAgICAgcmV0dXJuIG5ldyBGb3JtR3JvdXAoe1xuICAgICAgICAgICAgW3RoaXMua2V5XTogYWRkcmVzc0Zvcm1Hcm91cFxuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBwcml2YXRlIHVwZGF0ZUZvcm1Db250cm9sc1N0YXRlKCk6IHZvaWQge1xuICAgICAgICBpZiAoIXRoaXMuZm9ybSB8fCAhdGhpcy5rZXkpIHJldHVybjtcbiAgICAgICAgXG4gICAgICAgIGNvbnN0IGFkZHJlc3NHcm91cCA9IHRoaXMuZm9ybS5nZXQodGhpcy5rZXkpO1xuICAgICAgICBpZiAoIWFkZHJlc3NHcm91cCkgcmV0dXJuO1xuICAgICAgICBcbiAgICAgICAgLy8gVXBkYXRlIGVhY2ggZmllbGQncyBmb3JtIGNvbnRyb2wgZGlzYWJsZWQgc3RhdGVcbiAgICAgICAgaWYgKHRoaXMuZ3JvdXBGaWVsZHMpIHtcbiAgICAgICAgICAgIHRoaXMuZ3JvdXBGaWVsZHMuZm9yRWFjaChmaWVsZCA9PiB7XG4gICAgICAgICAgICAgICAgY29uc3QgY29udHJvbCA9IGFkZHJlc3NHcm91cC5nZXQoZmllbGQua2V5KTtcbiAgICAgICAgICAgICAgICBpZiAoY29udHJvbCkge1xuICAgICAgICAgICAgICAgICAgICBjb25zdCBzaG91bGRCZURpc2FibGVkID0gdGhpcy5kaXNhYmxlZCB8fCBmaWVsZC5kaXNhYmxlZDtcbiAgICAgICAgICAgICAgICAgICAgaWYgKHNob3VsZEJlRGlzYWJsZWQgJiYgY29udHJvbC5lbmFibGVkKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICBjb250cm9sLmRpc2FibGUoeyBlbWl0RXZlbnQ6IGZhbHNlIH0pO1xuICAgICAgICAgICAgICAgICAgICB9IGVsc2UgaWYgKCFzaG91bGRCZURpc2FibGVkICYmIGNvbnRyb2wuZGlzYWJsZWQpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGNvbnRyb2wuZW5hYmxlKHsgZW1pdEV2ZW50OiBmYWxzZSB9KTtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9XG4gICAgfVxufVxuIiwiPG5nLWNvbnRhaW5lciBbZm9ybUdyb3VwXT1cImZvcm1cIj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwibGF5b3V0VHlwZSA9PT0gJ2Zvcm0nICYmIGZvcm0gJiYga2V5ICYmIGdyb3VwRmllbGRzPy5sZW5ndGhcIj5cbiAgICAgICAgPHBlcC1maWVsZC10aXRsZSBbbGFiZWxdPVwibGFiZWxcIiBbbWFuZGF0b3J5XT1cIm1hbmRhdG9yeVwiIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIGNsYXNzPVwiaGVhZGVyXCI+XG4gICAgICAgIDwvcGVwLWZpZWxkLXRpdGxlPlxuICAgICAgICA8ZGl2IFtpZF09XCJrZXlcIiBjbGFzcz1cInBlcC1hZGRyZXNzLWNvbnRhaW5lclwiXG4gICAgICAgICAgICBkaXI9XCJ7eyB4QWxpZ25tZW50ID09PSAncmlnaHQnID8gJ3J0bCcgOiAnbHRyJyB9fVwiPlxuICAgICAgICAgICAgPGRpdiBbbmdTd2l0Y2hdPVwiZ3JvdXBGaWVsZC5jb250cm9sVHlwZVwiICpuZ0Zvcj1cImxldCBncm91cEZpZWxkIG9mIGdyb3VwRmllbGRzOyBsZXQgaSA9IGluZGV4XCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cInBlcC1hZGRyZXNzLWZpZWxkIGNvbHVtbnMte3sgZ3JvdXBGaWVsZC5jb2xTcGFuIH19XCI+XG4gICAgICAgICAgICAgICAgPHBlcC10ZXh0Ym94ICpuZ1N3aXRjaENhc2U9XCIndGV4dGJveCdcIiBbbGF5b3V0VHlwZV09XCJsYXlvdXRUeXBlXCIgdGl0bGU9XCJ7eyBncm91cEZpZWxkLmZvcm1hdHRlZFZhbHVlIH19XCJcbiAgICAgICAgICAgICAgICAgICAgW2Zvcm1dPVwiZm9ybVwiIFtrZXldPVwiZ3JvdXBGaWVsZC5rZXlcIiBbdmFsdWVdPVwiZ3JvdXBGaWVsZC52YWx1ZVwiIFtsYWJlbF09XCJncm91cEZpZWxkLmxhYmVsXCJcbiAgICAgICAgICAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cImdyb3VwRmllbGQucGxhY2Vob2xkZXJcIiBbdHlwZV09XCJncm91cEZpZWxkLnR5cGVcIiBcbiAgICAgICAgICAgICAgICAgICAgW21hbmRhdG9yeV09XCJtYW5kYXRvcnkgfHwgZ3JvdXBGaWVsZC5tYW5kYXRvcnlcIlxuICAgICAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWQgfHwgZ3JvdXBGaWVsZC5kaXNhYmxlZFwiIFxuICAgICAgICAgICAgICAgICAgICBbcmVhZG9ubHldPVwicmVhZG9ubHkgfHwgZ3JvdXBGaWVsZC5yZWFkb25seVwiXG4gICAgICAgICAgICAgICAgICAgIFt4QWxpZ25tZW50XT1cImdyb3VwRmllbGQueEFsaWdubWVudFwiIFtyb3dTcGFuXT1cImdyb3VwRmllbGQucm93U3BhblwiIFtwYXJlbnRGaWVsZEtleV09XCJrZXlcIlxuICAgICAgICAgICAgICAgICAgICAodmFsdWVDaGFuZ2UpPVwib25WYWx1ZUNoYW5nZSgkZXZlbnQsIGdyb3VwRmllbGQua2V5KVwiPlxuICAgICAgICAgICAgICAgIDwvcGVwLXRleHRib3g+XG5cbiAgICAgICAgICAgICAgICA8cGVwLXNlbGVjdCAqbmdTd2l0Y2hDYXNlPVwiJ3NlbGVjdCdcIiBbbGF5b3V0VHlwZV09XCJsYXlvdXRUeXBlXCIgdGl0bGU9XCJ7eyBncm91cEZpZWxkLmZvcm1hdHRlZFZhbHVlIH19XCJcbiAgICAgICAgICAgICAgICAgICAgW2Zvcm1dPVwiZm9ybVwiIFtrZXldPVwiZ3JvdXBGaWVsZC5rZXlcIiBbdmFsdWVdPVwiZ3JvdXBGaWVsZC52YWx1ZVwiIFtsYWJlbF09XCJncm91cEZpZWxkLmxhYmVsXCJcbiAgICAgICAgICAgICAgICAgICAgW3R5cGVdPVwiZ3JvdXBGaWVsZC50eXBlXCIgXG4gICAgICAgICAgICAgICAgICAgIFttYW5kYXRvcnldPVwibWFuZGF0b3J5IHx8IGdyb3VwRmllbGQubWFuZGF0b3J5XCIgXG4gICAgICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZCB8fCBncm91cEZpZWxkLmRpc2FibGVkXCJcbiAgICAgICAgICAgICAgICAgICAgW3JlYWRvbmx5XT1cInJlYWRvbmx5IHx8IGdyb3VwRmllbGQucmVhZG9ubHlcIiBcbiAgICAgICAgICAgICAgICAgICAgW3hBbGlnbm1lbnRdPVwiZ3JvdXBGaWVsZC54QWxpZ25tZW50XCIgW3Jvd1NwYW5dPVwiZ3JvdXBGaWVsZC5yb3dTcGFuXCJcbiAgICAgICAgICAgICAgICAgICAgW29wdGlvbnNdPVwiZ3JvdXBGaWVsZC5vcHRpb25zXCIgW3BhcmVudEZpZWxkS2V5XT1cImtleVwiXG4gICAgICAgICAgICAgICAgICAgICh2YWx1ZUNoYW5nZSk9XCJvblZhbHVlQ2hhbmdlKCRldmVudCwgZ3JvdXBGaWVsZC5rZXkpXCI+XG4gICAgICAgICAgICAgICAgPC9wZXAtc2VsZWN0PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImxheW91dFR5cGUgPT09ICdjYXJkJ1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwicGVwLWNhcmQtaW5wdXQgXCIgdGl0bGU9XCJ7eyBsYWJlbCB9fSZuYnNwO3t7IGZvcm1hdHRlZFZhbHVlIH19XCJcbiAgICAgICAgICAgIFtuZ0NsYXNzXT1cIlsndGV4dC1hbGlnbi0nICsgeEFsaWdubWVudF1cIj5cbiAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwibGFiZWwgIT0gJydcIiBjbGFzcz1cImJvZHkteHMgdGl0bGVcIj57eyBsYWJlbCB9fSZuYnNwOzwvc3Bhbj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGdyb3VwRmllbGQgb2YgZ3JvdXBGaWVsZHM7IGxldCBpID0gaW5kZXhcIj5cbiAgICAgICAgICAgICAgICA8c3BhbiAqbmdJZj1cImdyb3VwRmllbGQ/LmZvcm1hdHRlZFZhbHVlICE9ICcnXCIgY2xhc3M9XCJib2R5LXNtXCI+e3sgZ3JvdXBGaWVsZC5mb3JtYXR0ZWRWYWx1ZVxuICAgICAgICAgICAgICAgICAgICB9fSwmbmJzcDs8L3NwYW4+XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9uZy1jb250YWluZXI+XG5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwibGF5b3V0VHlwZSA9PT0gJ3RhYmxlJ1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwicGVwLWNhcmQtaW5wdXQgXCIgdGl0bGU9XCJ7eyBmb3JtYXR0ZWRWYWx1ZSB9fVwiIFtuZ0NsYXNzXT1cIlsndGV4dC1hbGlnbi0nICsgeEFsaWdubWVudF1cIj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGdyb3VwRmllbGQgb2YgZ3JvdXBGaWVsZHM7IGxldCBpID0gaW5kZXhcIj5cbiAgICAgICAgICAgICAgICA8c3BhbiAqbmdJZj1cImdyb3VwRmllbGQ/LmZvcm1hdHRlZFZhbHVlICE9ICcnXCIgY2xhc3M9XCJib2R5LXNtXCI+e3sgZ3JvdXBGaWVsZC5mb3JtYXR0ZWRWYWx1ZVxuICAgICAgICAgICAgICAgICAgICB9fSwmbmJzcDs8L3NwYW4+XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9uZy1jb250YWluZXI+XG48L25nLWNvbnRhaW5lcj4iXX0=