@gnggln/ng-ui-system 1.0.0-alpha.0

package/esm2022/lib/components/form-builder-editor/sub-components/options-editor/options-editor.component.mjs

@@ -0,0 +1,323 @@
+/**
+ * @module ng-ui-system/form-builder-editor
+ * Componente editor delle opzioni per campi di tipo select, radio e multiselect.
+ *
+ * Permette di aggiungere, modificare, riordinare e rimuovere le opzioni
+ * di un campo di scelta, con supporto per valore, etichetta e stato disabilitato.
+ */
+import { Component, ChangeDetectionStrategy, Input, Output, EventEmitter } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { MatCardModule } from '@angular/material/card';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { LucideAngularModule } from 'lucide-angular';
+import { UiButtonComponent } from '../../../button/index';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@angular/material/card";
+import * as i3 from "@angular/material/form-field";
+import * as i4 from "@angular/material/input";
+import * as i5 from "@angular/material/checkbox";
+import * as i6 from "@angular/material/tooltip";
+import * as i7 from "lucide-angular";
+/**
+ * Editor per le opzioni di un campo di scelta (select, radio, multiselect).
+ *
+ * Mostra una lista di opzioni con:
+ * - Header con titolo e pulsante per aggiungere nuove opzioni
+ * - Per ogni opzione: input valore, input etichetta, checkbox disabilitato,
+ *   frecce per spostamento su/giu, pulsante elimina
+ * - Stato vuoto quando non ci sono opzioni configurate
+ */
+export class UiOptionsEditorComponent {
+    constructor() {
+        /**
+         * Opzioni del campo da modificare.
+         * Accetta sia un array di UiFieldOption che un valore generico
+         * (per gestire campi non ancora configurati).
+         */
+        this.options = [];
+        /** Emette l'array aggiornato delle opzioni ad ogni modifica. */
+        this.optionsChange = new EventEmitter();
+    }
+    /**
+     * Normalizza l'input per garantire che sia sempre un array valido.
+     * Gestisce il caso in cui le opzioni siano null, undefined o di tipo inatteso.
+     */
+    get normalizedOptions() {
+        if (Array.isArray(this.options)) {
+            return this.options;
+        }
+        return [];
+    }
+    /**
+     * Aggiunge una nuova opzione vuota alla lista e notifica il parent.
+     */
+    addOption() {
+        const newOption = {
+            value: '',
+            label: '',
+            disabled: false,
+        };
+        const updated = [...this.normalizedOptions, newOption];
+        this.emitChange(updated);
+    }
+    /**
+     * Aggiorna una proprieta specifica di un'opzione.
+     * @param index - Indice dell'opzione da aggiornare.
+     * @param field - Nome della proprieta da modificare.
+     * @param value - Nuovo valore della proprieta.
+     */
+    updateOption(index, field, value) {
+        const updated = this.normalizedOptions.map((opt, i) => (i === index ? { ...opt, [field]: value } : opt));
+        this.emitChange(updated);
+    }
+    /**
+     * Rimuove un'opzione dalla lista.
+     * @param index - Indice dell'opzione da rimuovere.
+     */
+    removeOption(index) {
+        const updated = this.normalizedOptions.filter((_, i) => i !== index);
+        this.emitChange(updated);
+    }
+    /**
+     * Sposta un'opzione in alto o in basso nella lista.
+     * @param index - Indice corrente dell'opzione.
+     * @param direction - Direzione dello spostamento: -1 (su) o +1 (giu).
+     */
+    moveOption(index, direction) {
+        const newIndex = index + direction;
+        if (newIndex < 0 || newIndex >= this.normalizedOptions.length) {
+            return;
+        }
+        const updated = [...this.normalizedOptions];
+        const [moved] = updated.splice(index, 1);
+        updated.splice(newIndex, 0, moved);
+        this.emitChange(updated);
+    }
+    /**
+     * Emette l'array aggiornato delle opzioni.
+     * @param options - Nuovo array di opzioni.
+     */
+    emitChange(options) {
+        this.optionsChange.emit(options);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: UiOptionsEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: UiOptionsEditorComponent, isStandalone: true, selector: "ui-options-editor", inputs: { options: "options" }, outputs: { optionsChange: "optionsChange" }, ngImport: i0, template: `
+    <mat-card class="options-card">
+      <!-- Header -->
+      <div class="options-header">
+        <span class="options-header__title">
+          <lucide-icon name="list" [size]="16" />
+          Opzioni del Campo
+        </span>
+        <ui-button
+          icon="plus"
+          variant="ghost"
+          size="sm"
+          ariaLabel="Aggiungi opzione"
+          tooltip="Aggiungi opzione"
+          (click)="addOption()"
+        />
+      </div>
+
+      <!-- Lista opzioni -->
+      <div class="options-list">
+        @for (option of normalizedOptions; track $index) {
+          <div class="option-row">
+            <!-- Indice opzione -->
+            <span class="option-row__index">{{ $index + 1 }}</span>
+
+            <!-- Input valore -->
+            <mat-form-field class="option-row__field" appearance="outline">
+              <mat-label>Valore</mat-label>
+              <input
+                matInput
+                [ngModel]="option.value"
+                (ngModelChange)="updateOption($index, 'value', $event)"
+                placeholder="Valore"
+              />
+            </mat-form-field>
+
+            <!-- Input etichetta -->
+            <mat-form-field class="option-row__field" appearance="outline">
+              <mat-label>Etichetta</mat-label>
+              <input
+                matInput
+                [ngModel]="option.label"
+                (ngModelChange)="updateOption($index, 'label', $event)"
+                placeholder="Etichetta"
+              />
+            </mat-form-field>
+
+            <!-- Checkbox disabilitato -->
+            <mat-checkbox
+              [checked]="!!option.disabled"
+              (change)="updateOption($index, 'disabled', $event.checked)"
+              matTooltip="Opzione disabilitata"
+              class="option-row__checkbox"
+            >
+              <span class="option-row__checkbox-label">Disab.</span>
+            </mat-checkbox>
+
+            <!-- Azioni di riordino e rimozione -->
+            <div class="option-row__actions">
+              <ui-button
+                icon="arrow-up"
+                variant="ghost"
+                size="xs"
+                ariaLabel="Sposta su"
+                tooltip="Sposta su"
+                [disabled]="$index === 0"
+                (click)="moveOption($index, -1)"
+              />
+
+              <ui-button
+                icon="arrow-down"
+                variant="ghost"
+                size="xs"
+                ariaLabel="Sposta giu"
+                tooltip="Sposta giu"
+                [disabled]="$index === normalizedOptions.length - 1"
+                (click)="moveOption($index, 1)"
+              />
+
+              <ui-button
+                icon="trash-2"
+                variant="warn"
+                size="xs"
+                ariaLabel="Elimina opzione"
+                tooltip="Elimina opzione"
+                (click)="removeOption($index)"
+              />
+            </div>
+          </div>
+        } @empty {
+          <!-- Stato vuoto -->
+          <div class="options-empty">
+            <lucide-icon name="inbox" [size]="24" />
+            <span>Nessuna opzione configurata</span>
+          </div>
+        }
+      </div>
+    </mat-card>
+  `, isInline: true, styles: [":host{display:block}.options-card{border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-md);overflow:hidden}.options-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-3) var(--ui-spacing-4);background:var(--ui-color-bg-subtle);border-bottom:1px solid var(--ui-color-border)}.options-header__title{display:flex;align-items:center;gap:var(--ui-spacing-2);font-size:var(--ui-font-size-sm);font-weight:600;color:var(--ui-color-text)}.options-list{padding:var(--ui-spacing-3);display:flex;flex-direction:column;gap:var(--ui-spacing-2)}.option-row{display:flex;align-items:center;gap:var(--ui-spacing-2);padding:var(--ui-spacing-2);background:var(--ui-color-surface);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-sm);transition:border-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast)}.option-row:hover{border-color:var(--ui-color-primary);box-shadow:var(--ui-shadow-sm)}.option-row__index{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--ui-color-bg-subtle);color:var(--ui-color-text-muted);font-size:var(--ui-font-size-xs);font-weight:600;flex-shrink:0}.option-row__field{flex:1;min-width:0}.option-row__field ::ng-deep .mat-mdc-form-field-infix{padding-top:var(--ui-spacing-1)!important;padding-bottom:var(--ui-spacing-1)!important;min-height:unset}.option-row__field ::ng-deep .mat-mdc-form-field-subscript-wrapper{display:none}.option-row__checkbox{flex-shrink:0}.option-row__checkbox-label{font-size:var(--ui-font-size-xs);color:var(--ui-color-text-secondary)}.option-row__actions{display:flex;align-items:center;gap:var(--ui-spacing-1);flex-shrink:0}.options-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ui-spacing-2);padding:var(--ui-spacing-6) var(--ui-spacing-4);color:var(--ui-color-text-muted);font-size:var(--ui-font-size-sm)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i2.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i5.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i6.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: LucideAngularModule }, { kind: "component", type: i7.LucideAngularComponent, selector: "lucide-angular, lucide-icon, i-lucide, span-lucide", inputs: ["class", "name", "img", "color", "absoluteStrokeWidth", "size", "strokeWidth"] }, { kind: "component", type: UiButtonComponent, selector: "ui-button", inputs: ["label", "tooltip", "variant", "size", "icon", "iconPosition", "loading", "disabled", "fullWidth", "type", "ariaLabel", "customClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: UiOptionsEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-options-editor', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        FormsModule,
+                        MatCardModule,
+                        MatFormFieldModule,
+                        MatInputModule,
+                        MatCheckboxModule,
+                        MatTooltipModule,
+                        LucideAngularModule,
+                        UiButtonComponent,
+                    ], template: `
+    <mat-card class="options-card">
+      <!-- Header -->
+      <div class="options-header">
+        <span class="options-header__title">
+          <lucide-icon name="list" [size]="16" />
+          Opzioni del Campo
+        </span>
+        <ui-button
+          icon="plus"
+          variant="ghost"
+          size="sm"
+          ariaLabel="Aggiungi opzione"
+          tooltip="Aggiungi opzione"
+          (click)="addOption()"
+        />
+      </div>
+
+      <!-- Lista opzioni -->
+      <div class="options-list">
+        @for (option of normalizedOptions; track $index) {
+          <div class="option-row">
+            <!-- Indice opzione -->
+            <span class="option-row__index">{{ $index + 1 }}</span>
+
+            <!-- Input valore -->
+            <mat-form-field class="option-row__field" appearance="outline">
+              <mat-label>Valore</mat-label>
+              <input
+                matInput
+                [ngModel]="option.value"
+                (ngModelChange)="updateOption($index, 'value', $event)"
+                placeholder="Valore"
+              />
+            </mat-form-field>
+
+            <!-- Input etichetta -->
+            <mat-form-field class="option-row__field" appearance="outline">
+              <mat-label>Etichetta</mat-label>
+              <input
+                matInput
+                [ngModel]="option.label"
+                (ngModelChange)="updateOption($index, 'label', $event)"
+                placeholder="Etichetta"
+              />
+            </mat-form-field>
+
+            <!-- Checkbox disabilitato -->
+            <mat-checkbox
+              [checked]="!!option.disabled"
+              (change)="updateOption($index, 'disabled', $event.checked)"
+              matTooltip="Opzione disabilitata"
+              class="option-row__checkbox"
+            >
+              <span class="option-row__checkbox-label">Disab.</span>
+            </mat-checkbox>
+
+            <!-- Azioni di riordino e rimozione -->
+            <div class="option-row__actions">
+              <ui-button
+                icon="arrow-up"
+                variant="ghost"
+                size="xs"
+                ariaLabel="Sposta su"
+                tooltip="Sposta su"
+                [disabled]="$index === 0"
+                (click)="moveOption($index, -1)"
+              />
+
+              <ui-button
+                icon="arrow-down"
+                variant="ghost"
+                size="xs"
+                ariaLabel="Sposta giu"
+                tooltip="Sposta giu"
+                [disabled]="$index === normalizedOptions.length - 1"
+                (click)="moveOption($index, 1)"
+              />
+
+              <ui-button
+                icon="trash-2"
+                variant="warn"
+                size="xs"
+                ariaLabel="Elimina opzione"
+                tooltip="Elimina opzione"
+                (click)="removeOption($index)"
+              />
+            </div>
+          </div>
+        } @empty {
+          <!-- Stato vuoto -->
+          <div class="options-empty">
+            <lucide-icon name="inbox" [size]="24" />
+            <span>Nessuna opzione configurata</span>
+          </div>
+        }
+      </div>
+    </mat-card>
+  `, styles: [":host{display:block}.options-card{border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-md);overflow:hidden}.options-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-3) var(--ui-spacing-4);background:var(--ui-color-bg-subtle);border-bottom:1px solid var(--ui-color-border)}.options-header__title{display:flex;align-items:center;gap:var(--ui-spacing-2);font-size:var(--ui-font-size-sm);font-weight:600;color:var(--ui-color-text)}.options-list{padding:var(--ui-spacing-3);display:flex;flex-direction:column;gap:var(--ui-spacing-2)}.option-row{display:flex;align-items:center;gap:var(--ui-spacing-2);padding:var(--ui-spacing-2);background:var(--ui-color-surface);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-sm);transition:border-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast)}.option-row:hover{border-color:var(--ui-color-primary);box-shadow:var(--ui-shadow-sm)}.option-row__index{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--ui-color-bg-subtle);color:var(--ui-color-text-muted);font-size:var(--ui-font-size-xs);font-weight:600;flex-shrink:0}.option-row__field{flex:1;min-width:0}.option-row__field ::ng-deep .mat-mdc-form-field-infix{padding-top:var(--ui-spacing-1)!important;padding-bottom:var(--ui-spacing-1)!important;min-height:unset}.option-row__field ::ng-deep .mat-mdc-form-field-subscript-wrapper{display:none}.option-row__checkbox{flex-shrink:0}.option-row__checkbox-label{font-size:var(--ui-font-size-xs);color:var(--ui-color-text-secondary)}.option-row__actions{display:flex;align-items:center;gap:var(--ui-spacing-1);flex-shrink:0}.options-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ui-spacing-2);padding:var(--ui-spacing-6) var(--ui-spacing-4);color:var(--ui-color-text-muted);font-size:var(--ui-font-size-sm)}\n"] }]
+        }], propDecorators: { options: [{
+                type: Input
+            }], optionsChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9ucy1lZGl0b3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvbmctdWktc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9mb3JtLWJ1aWxkZXItZWRpdG9yL3N1Yi1jb21wb25lbnRzL29wdGlvbnMtZWRpdG9yL29wdGlvbnMtZWRpdG9yLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7O0dBTUc7QUFFSCxPQUFPLEVBQUUsU0FBUyxFQUFFLHVCQUF1QixFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2hHLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDbEUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQy9ELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzdELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRXJELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDOzs7Ozs7Ozs7QUFHMUQ7Ozs7Ozs7O0dBUUc7QUE4T0gsTUFBTSxPQUFPLHdCQUF3QjtJQTdPckM7UUE4T0U7Ozs7V0FJRztRQUNNLFlBQU8sR0FBMEIsRUFBRSxDQUFDO1FBRTdDLGdFQUFnRTtRQUN0RCxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFtQixDQUFDO0tBcUUvRDtJQW5FQzs7O09BR0c7SUFDSCxJQUFJLGlCQUFpQjtRQUNuQixJQUFJLEtBQUssQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUM7WUFDaEMsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDO1FBQ3RCLENBQUM7UUFDRCxPQUFPLEVBQUUsQ0FBQztJQUNaLENBQUM7SUFFRDs7T0FFRztJQUNILFNBQVM7UUFDUCxNQUFNLFNBQVMsR0FBa0I7WUFDL0IsS0FBSyxFQUFFLEVBQUU7WUFDVCxLQUFLLEVBQUUsRUFBRTtZQUNULFFBQVEsRUFBRSxLQUFLO1NBQ2hCLENBQUM7UUFDRixNQUFNLE9BQU8sR0FBRyxDQUFDLEdBQUcsSUFBSSxDQUFDLGlCQUFpQixFQUFFLFNBQVMsQ0FBQyxDQUFDO1FBQ3ZELElBQUksQ0FBQyxVQUFVLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDM0IsQ0FBQztJQUVEOzs7OztPQUtHO0lBQ0gsWUFBWSxDQUFDLEtBQWEsRUFBRSxLQUEwQixFQUFFLEtBQVU7UUFDaEUsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLGlCQUFpQixDQUFDLEdBQUcsQ0FBQyxDQUFDLEdBQUcsRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxLQUFLLEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRSxHQUFHLEdBQUcsRUFBRSxDQUFDLEtBQUssQ0FBQyxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDO1FBQ3pHLElBQUksQ0FBQyxVQUFVLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDM0IsQ0FBQztJQUVEOzs7T0FHRztJQUNILFlBQVksQ0FBQyxLQUFhO1FBQ3hCLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLEtBQUssS0FBSyxDQUFDLENBQUM7UUFDckUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUMzQixDQUFDO0lBRUQ7Ozs7T0FJRztJQUNILFVBQVUsQ0FBQyxLQUFhLEVBQUUsU0FBaUI7UUFDekMsTUFBTSxRQUFRLEdBQUcsS0FBSyxHQUFHLFNBQVMsQ0FBQztRQUNuQyxJQUFJLFFBQVEsR0FBRyxDQUFDLElBQUksUUFBUSxJQUFJLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxNQUFNLEVBQUUsQ0FBQztZQUM5RCxPQUFPO1FBQ1QsQ0FBQztRQUNELE1BQU0sT0FBTyxHQUFHLENBQUMsR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQztRQUM1QyxNQUFNLENBQUMsS0FBSyxDQUFDLEdBQUcsT0FBTyxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFDekMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxRQUFRLEVBQUUsQ0FBQyxFQUFFLEtBQUssQ0FBQyxDQUFDO1FBQ25DLElBQUksQ0FBQyxVQUFVLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDM0IsQ0FBQztJQUVEOzs7T0FHRztJQUNLLFVBQVUsQ0FBQyxPQUF3QjtRQUN6QyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUNuQyxDQUFDOytHQTdFVSx3QkFBd0I7bUdBQXhCLHdCQUF3QiwwSkEvTnpCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQWtHVCx1K0RBM0dDLFdBQVcsOG1CQUNYLGFBQWEsNElBQ2Isa0JBQWtCLDBTQUNsQixjQUFjLDBXQUNkLGlCQUFpQixvWUFDakIsZ0JBQWdCLDRUQUNoQixtQkFBbUIsZ1BBQ25CLGlCQUFpQjs7NEZBaU9SLHdCQUF3QjtrQkE3T3BDLFNBQVM7K0JBQ0UsbUJBQW1CLGNBQ2pCLElBQUksbUJBQ0MsdUJBQXVCLENBQUMsTUFBTSxXQUN0Qzt3QkFDUCxXQUFXO3dCQUNYLGFBQWE7d0JBQ2Isa0JBQWtCO3dCQUNsQixjQUFjO3dCQUNkLGlCQUFpQjt3QkFDakIsZ0JBQWdCO3dCQUNoQixtQkFBbUI7d0JBQ25CLGlCQUFpQjtxQkFDbEIsWUFDUzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FrR1Q7OEJBbUlRLE9BQU87c0JBQWYsS0FBSztnQkFHSSxhQUFhO3NCQUF0QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXHJcbiAqIEBtb2R1bGUgbmctdWktc3lzdGVtL2Zvcm0tYnVpbGRlci1lZGl0b3JcclxuICogQ29tcG9uZW50ZSBlZGl0b3IgZGVsbGUgb3B6aW9uaSBwZXIgY2FtcGkgZGkgdGlwbyBzZWxlY3QsIHJhZGlvIGUgbXVsdGlzZWxlY3QuXHJcbiAqXHJcbiAqIFBlcm1ldHRlIGRpIGFnZ2l1bmdlcmUsIG1vZGlmaWNhcmUsIHJpb3JkaW5hcmUgZSByaW11b3ZlcmUgbGUgb3B6aW9uaVxyXG4gKiBkaSB1biBjYW1wbyBkaSBzY2VsdGEsIGNvbiBzdXBwb3J0byBwZXIgdmFsb3JlLCBldGljaGV0dGEgZSBzdGF0byBkaXNhYmlsaXRhdG8uXHJcbiAqL1xyXG5cclxuaW1wb3J0IHsgQ29tcG9uZW50LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBNYXRDYXJkTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvY2FyZCc7XHJcbmltcG9ydCB7IE1hdEZvcm1GaWVsZE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2Zvcm0tZmllbGQnO1xyXG5pbXBvcnQgeyBNYXRJbnB1dE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2lucHV0JztcclxuaW1wb3J0IHsgTWF0Q2hlY2tib3hNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9jaGVja2JveCc7XHJcbmltcG9ydCB7IE1hdFRvb2x0aXBNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC90b29sdGlwJztcclxuaW1wb3J0IHsgTHVjaWRlQW5ndWxhck1vZHVsZSB9IGZyb20gJ2x1Y2lkZS1hbmd1bGFyJztcclxuXHJcbmltcG9ydCB7IFVpQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vYnV0dG9uL2luZGV4JztcclxuaW1wb3J0IHsgVWlGaWVsZE9wdGlvbiB9IGZyb20gJy4uLy4uLy4uL2Zvcm0tYnVpbGRlci90eXBlcy9pbmRleCc7XHJcblxyXG4vKipcclxuICogRWRpdG9yIHBlciBsZSBvcHppb25pIGRpIHVuIGNhbXBvIGRpIHNjZWx0YSAoc2VsZWN0LCByYWRpbywgbXVsdGlzZWxlY3QpLlxyXG4gKlxyXG4gKiBNb3N0cmEgdW5hIGxpc3RhIGRpIG9wemlvbmkgY29uOlxyXG4gKiAtIEhlYWRlciBjb24gdGl0b2xvIGUgcHVsc2FudGUgcGVyIGFnZ2l1bmdlcmUgbnVvdmUgb3B6aW9uaVxyXG4gKiAtIFBlciBvZ25pIG9wemlvbmU6IGlucHV0IHZhbG9yZSwgaW5wdXQgZXRpY2hldHRhLCBjaGVja2JveCBkaXNhYmlsaXRhdG8sXHJcbiAqICAgZnJlY2NlIHBlciBzcG9zdGFtZW50byBzdS9naXUsIHB1bHNhbnRlIGVsaW1pbmFcclxuICogLSBTdGF0byB2dW90byBxdWFuZG8gbm9uIGNpIHNvbm8gb3B6aW9uaSBjb25maWd1cmF0ZVxyXG4gKi9cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd1aS1vcHRpb25zLWVkaXRvcicsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBGb3Jtc01vZHVsZSxcclxuICAgIE1hdENhcmRNb2R1bGUsXHJcbiAgICBNYXRGb3JtRmllbGRNb2R1bGUsXHJcbiAgICBNYXRJbnB1dE1vZHVsZSxcclxuICAgIE1hdENoZWNrYm94TW9kdWxlLFxyXG4gICAgTWF0VG9vbHRpcE1vZHVsZSxcclxuICAgIEx1Y2lkZUFuZ3VsYXJNb2R1bGUsXHJcbiAgICBVaUJ1dHRvbkNvbXBvbmVudCxcclxuICBdLFxyXG4gIHRlbXBsYXRlOiBgXHJcbiAgICA8bWF0LWNhcmQgY2xhc3M9XCJvcHRpb25zLWNhcmRcIj5cclxuICAgICAgPCEtLSBIZWFkZXIgLS0+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJvcHRpb25zLWhlYWRlclwiPlxyXG4gICAgICAgIDxzcGFuIGNsYXNzPVwib3B0aW9ucy1oZWFkZXJfX3RpdGxlXCI+XHJcbiAgICAgICAgICA8bHVjaWRlLWljb24gbmFtZT1cImxpc3RcIiBbc2l6ZV09XCIxNlwiIC8+XHJcbiAgICAgICAgICBPcHppb25pIGRlbCBDYW1wb1xyXG4gICAgICAgIDwvc3Bhbj5cclxuICAgICAgICA8dWktYnV0dG9uXHJcbiAgICAgICAgICBpY29uPVwicGx1c1wiXHJcbiAgICAgICAgICB2YXJpYW50PVwiZ2hvc3RcIlxyXG4gICAgICAgICAgc2l6ZT1cInNtXCJcclxuICAgICAgICAgIGFyaWFMYWJlbD1cIkFnZ2l1bmdpIG9wemlvbmVcIlxyXG4gICAgICAgICAgdG9vbHRpcD1cIkFnZ2l1bmdpIG9wemlvbmVcIlxyXG4gICAgICAgICAgKGNsaWNrKT1cImFkZE9wdGlvbigpXCJcclxuICAgICAgICAvPlxyXG4gICAgICA8L2Rpdj5cclxuXHJcbiAgICAgIDwhLS0gTGlzdGEgb3B6aW9uaSAtLT5cclxuICAgICAgPGRpdiBjbGFzcz1cIm9wdGlvbnMtbGlzdFwiPlxyXG4gICAgICAgIEBmb3IgKG9wdGlvbiBvZiBub3JtYWxpemVkT3B0aW9uczsgdHJhY2sgJGluZGV4KSB7XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwib3B0aW9uLXJvd1wiPlxyXG4gICAgICAgICAgICA8IS0tIEluZGljZSBvcHppb25lIC0tPlxyXG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cIm9wdGlvbi1yb3dfX2luZGV4XCI+e3sgJGluZGV4ICsgMSB9fTwvc3Bhbj5cclxuXHJcbiAgICAgICAgICAgIDwhLS0gSW5wdXQgdmFsb3JlIC0tPlxyXG4gICAgICAgICAgICA8bWF0LWZvcm0tZmllbGQgY2xhc3M9XCJvcHRpb24tcm93X19maWVsZFwiIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCI+XHJcbiAgICAgICAgICAgICAgPG1hdC1sYWJlbD5WYWxvcmU8L21hdC1sYWJlbD5cclxuICAgICAgICAgICAgICA8aW5wdXRcclxuICAgICAgICAgICAgICAgIG1hdElucHV0XHJcbiAgICAgICAgICAgICAgICBbbmdNb2RlbF09XCJvcHRpb24udmFsdWVcIlxyXG4gICAgICAgICAgICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwidXBkYXRlT3B0aW9uKCRpbmRleCwgJ3ZhbHVlJywgJGV2ZW50KVwiXHJcbiAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcj1cIlZhbG9yZVwiXHJcbiAgICAgICAgICAgICAgLz5cclxuICAgICAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cclxuXHJcbiAgICAgICAgICAgIDwhLS0gSW5wdXQgZXRpY2hldHRhIC0tPlxyXG4gICAgICAgICAgICA8bWF0LWZvcm0tZmllbGQgY2xhc3M9XCJvcHRpb24tcm93X19maWVsZFwiIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCI+XHJcbiAgICAgICAgICAgICAgPG1hdC1sYWJlbD5FdGljaGV0dGE8L21hdC1sYWJlbD5cclxuICAgICAgICAgICAgICA8aW5wdXRcclxuICAgICAgICAgICAgICAgIG1hdElucHV0XHJcbiAgICAgICAgICAgICAgICBbbmdNb2RlbF09XCJvcHRpb24ubGFiZWxcIlxyXG4gICAgICAgICAgICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwidXBkYXRlT3B0aW9uKCRpbmRleCwgJ2xhYmVsJywgJGV2ZW50KVwiXHJcbiAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcj1cIkV0aWNoZXR0YVwiXHJcbiAgICAgICAgICAgICAgLz5cclxuICAgICAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cclxuXHJcbiAgICAgICAgICAgIDwhLS0gQ2hlY2tib3ggZGlzYWJpbGl0YXRvIC0tPlxyXG4gICAgICAgICAgICA8bWF0LWNoZWNrYm94XHJcbiAgICAgICAgICAgICAgW2NoZWNrZWRdPVwiISFvcHRpb24uZGlzYWJsZWRcIlxyXG4gICAgICAgICAgICAgIChjaGFuZ2UpPVwidXBkYXRlT3B0aW9uKCRpbmRleCwgJ2Rpc2FibGVkJywgJGV2ZW50LmNoZWNrZWQpXCJcclxuICAgICAgICAgICAgICBtYXRUb29sdGlwPVwiT3B6aW9uZSBkaXNhYmlsaXRhdGFcIlxyXG4gICAgICAgICAgICAgIGNsYXNzPVwib3B0aW9uLXJvd19fY2hlY2tib3hcIlxyXG4gICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJvcHRpb24tcm93X19jaGVja2JveC1sYWJlbFwiPkRpc2FiLjwvc3Bhbj5cclxuICAgICAgICAgICAgPC9tYXQtY2hlY2tib3g+XHJcblxyXG4gICAgICAgICAgICA8IS0tIEF6aW9uaSBkaSByaW9yZGlubyBlIHJpbW96aW9uZSAtLT5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm9wdGlvbi1yb3dfX2FjdGlvbnNcIj5cclxuICAgICAgICAgICAgICA8dWktYnV0dG9uXHJcbiAgICAgICAgICAgICAgICBpY29uPVwiYXJyb3ctdXBcIlxyXG4gICAgICAgICAgICAgICAgdmFyaWFudD1cImdob3N0XCJcclxuICAgICAgICAgICAgICAgIHNpemU9XCJ4c1wiXHJcbiAgICAgICAgICAgICAgICBhcmlhTGFiZWw9XCJTcG9zdGEgc3VcIlxyXG4gICAgICAgICAgICAgICAgdG9vbHRpcD1cIlNwb3N0YSBzdVwiXHJcbiAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiJGluZGV4ID09PSAwXCJcclxuICAgICAgICAgICAgICAgIChjbGljayk9XCJtb3ZlT3B0aW9uKCRpbmRleCwgLTEpXCJcclxuICAgICAgICAgICAgICAvPlxyXG5cclxuICAgICAgICAgICAgICA8dWktYnV0dG9uXHJcbiAgICAgICAgICAgICAgICBpY29uPVwiYXJyb3ctZG93blwiXHJcbiAgICAgICAgICAgICAgICB2YXJpYW50PVwiZ2hvc3RcIlxyXG4gICAgICAgICAgICAgICAgc2l6ZT1cInhzXCJcclxuICAgICAgICAgICAgICAgIGFyaWFMYWJlbD1cIlNwb3N0YSBnaXVcIlxyXG4gICAgICAgICAgICAgICAgdG9vbHRpcD1cIlNwb3N0YSBnaXVcIlxyXG4gICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cIiRpbmRleCA9PT0gbm9ybWFsaXplZE9wdGlvbnMubGVuZ3RoIC0gMVwiXHJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwibW92ZU9wdGlvbigkaW5kZXgsIDEpXCJcclxuICAgICAgICAgICAgICAvPlxyXG5cclxuICAgICAgICAgICAgICA8dWktYnV0dG9uXHJcbiAgICAgICAgICAgICAgICBpY29uPVwidHJhc2gtMlwiXHJcbiAgICAgICAgICAgICAgICB2YXJpYW50PVwid2FyblwiXHJcbiAgICAgICAgICAgICAgICBzaXplPVwieHNcIlxyXG4gICAgICAgICAgICAgICAgYXJpYUxhYmVsPVwiRWxpbWluYSBvcHppb25lXCJcclxuICAgICAgICAgICAgICAgIHRvb2x0aXA9XCJFbGltaW5hIG9wemlvbmVcIlxyXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cInJlbW92ZU9wdGlvbigkaW5kZXgpXCJcclxuICAgICAgICAgICAgICAvPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIH0gQGVtcHR5IHtcclxuICAgICAgICAgIDwhLS0gU3RhdG8gdnVvdG8gLS0+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwib3B0aW9ucy1lbXB0eVwiPlxyXG4gICAgICAgICAgICA8bHVjaWRlLWljb24gbmFtZT1cImluYm94XCIgW3NpemVdPVwiMjRcIiAvPlxyXG4gICAgICAgICAgICA8c3Bhbj5OZXNzdW5hIG9wemlvbmUgY29uZmlndXJhdGE8L3NwYW4+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICB9XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9tYXQtY2FyZD5cclxuICBgLFxyXG4gIHN0eWxlczogW1xyXG4gICAgYFxyXG4gICAgLyog4pSA4pSA4pSAIENhcmQgb3B6aW9uaSDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIAgKi9cclxuXHJcbiAgICA6aG9zdCB7XHJcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgfVxyXG5cclxuICAgIC5vcHRpb25zLWNhcmQge1xyXG4gICAgICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS11aS1jb2xvci1ib3JkZXIpO1xyXG4gICAgICBib3JkZXItcmFkaXVzOiB2YXIoLS11aS1yYWRpdXMtbWQpO1xyXG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xyXG4gICAgfVxyXG5cclxuICAgIC8qIOKUgOKUgOKUgCBIZWFkZXIg4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSAICovXHJcblxyXG4gICAgLm9wdGlvbnMtaGVhZGVyIHtcclxuICAgICAgZGlzcGxheTogZmxleDtcclxuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xyXG4gICAgICBwYWRkaW5nOiB2YXIoLS11aS1zcGFjaW5nLTMpIHZhcigtLXVpLXNwYWNpbmctNCk7XHJcbiAgICAgIGJhY2tncm91bmQ6IHZhcigtLXVpLWNvbG9yLWJnLXN1YnRsZSk7XHJcbiAgICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCB2YXIoLS11aS1jb2xvci1ib3JkZXIpO1xyXG4gICAgfVxyXG5cclxuICAgIC5vcHRpb25zLWhlYWRlcl9fdGl0bGUge1xyXG4gICAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gICAgICBnYXA6IHZhcigtLXVpLXNwYWNpbmctMik7XHJcbiAgICAgIGZvbnQtc2l6ZTogdmFyKC0tdWktZm9udC1zaXplLXNtKTtcclxuICAgICAgZm9udC13ZWlnaHQ6IDYwMDtcclxuICAgICAgY29sb3I6IHZhcigtLXVpLWNvbG9yLXRleHQpO1xyXG4gICAgfVxyXG5cclxuICAgIC8qIOKUgOKUgOKUgCBMaXN0YSBvcHppb25pIOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgOKUgCAqL1xyXG5cclxuICAgIC5vcHRpb25zLWxpc3Qge1xyXG4gICAgICBwYWRkaW5nOiB2YXIoLS11aS1zcGFjaW5nLTMpO1xyXG4gICAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gICAgICBnYXA6IHZhcigtLXVpLXNwYWNpbmctMik7XHJcbiAgICB9XHJcblxyXG4gICAgLyog4pSA4pSA4pSAIFJpZ2Egb3B6aW9uZSDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIDilIAgKi9cclxuXHJcbiAgICAub3B0aW9uLXJvdyB7XHJcbiAgICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgICAgIGdhcDogdmFyKC0tdWktc3BhY2luZy0yKTtcclxuICAgICAgcGFkZGluZzogdmFyKC0tdWktc3BhY2luZy0yKTtcclxuICAgICAgYmFja2dyb3VuZDogdmFyKC0tdWktY29sb3Itc3VyZmFjZSk7XHJcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLXVpLWNvbG9yLWJvcmRlcik7XHJcbiAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLXVpLXJhZGl1cy1zbSk7XHJcbiAgICAgIHRyYW5zaXRpb246IGJvcmRlci1jb2xvciB2YXIoLS11aS10cmFuc2l0aW9uLWZhc3QpLFxyXG4gICAgICAgICAgICAgICAgICBib3gtc2hhZG93IHZhcigtLXVpLXRyYW5zaXRpb24tZmFzdCk7XHJcbiAgICB9XHJcblxyXG4gICAgLm9wdGlvbi1yb3c6aG92ZXIge1xyXG4gICAgICBib3JkZXItY29sb3I6IHZhcigtLXVpLWNvbG9yLXByaW1hcnkpO1xyXG4gICAgICBib3gtc2hhZG93OiB2YXIoLS11aS1zaGFkb3ctc20pO1xyXG4gICAgfVxyXG5cclxuICAgIC5vcHRpb24tcm93X19pbmRleCB7XHJcbiAgICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xyXG4gICAgICB3aWR0aDogMjRweDtcclxuICAgICAgaGVpZ2h0OiAyNHB4O1xyXG4gICAgICBib3JkZXItcmFkaXVzOiA1MCU7XHJcbiAgICAgIGJhY2tncm91bmQ6IHZhcigtLXVpLWNvbG9yLWJnLXN1YnRsZSk7XHJcbiAgICAgIGNvbG9yOiB2YXIoLS11aS1jb2xvci10ZXh0LW11dGVkKTtcclxuICAgICAgZm9udC1zaXplOiB2YXIoLS11aS1mb250LXNpemUteHMpO1xyXG4gICAgICBmb250LXdlaWdodDogNjAwO1xyXG4gICAgICBmbGV4LXNocmluazogMDtcclxuICAgIH1cclxuXHJcbiAgICAub3B0aW9uLXJvd19fZmllbGQge1xyXG4gICAgICBmbGV4OiAxO1xyXG4gICAgICBtaW4td2lkdGg6IDA7XHJcbiAgICB9XHJcblxyXG4gICAgLyogUmlkdWNlIGwnYWx0ZXp6YSBkZWkgZm9ybSBmaWVsZCBpbmxpbmUgKi9cclxuICAgIC5vcHRpb24tcm93X19maWVsZCA6Om5nLWRlZXAgLm1hdC1tZGMtZm9ybS1maWVsZC1pbmZpeCB7XHJcbiAgICAgIHBhZGRpbmctdG9wOiB2YXIoLS11aS1zcGFjaW5nLTEpICFpbXBvcnRhbnQ7XHJcbiAgICAgIHBhZGRpbmctYm90dG9tOiB2YXIoLS11aS1zcGFjaW5nLTEpICFpbXBvcnRhbnQ7XHJcbiAgICAgIG1pbi1oZWlnaHQ6IHVuc2V0O1xyXG4gICAgfVxyXG5cclxuICAgIC5vcHRpb24tcm93X19maWVsZCA6Om5nLWRlZXAgLm1hdC1tZGMtZm9ybS1maWVsZC1zdWJzY3JpcHQtd3JhcHBlciB7XHJcbiAgICAgIGRpc3BsYXk6IG5vbmU7XHJcbiAgICB9XHJcblxyXG4gICAgLm9wdGlvbi1yb3dfX2NoZWNrYm94IHtcclxuICAgICAgZmxleC1zaHJpbms6IDA7XHJcbiAgICB9XHJcblxyXG4gICAgLm9wdGlvbi1yb3dfX2NoZWNrYm94LWxhYmVsIHtcclxuICAgICAgZm9udC1zaXplOiB2YXIoLS11aS1mb250LXNpemUteHMpO1xyXG4gICAgICBjb2xvcjogdmFyKC0tdWktY29sb3ItdGV4dC1zZWNvbmRhcnkpO1xyXG4gICAgfVxyXG5cclxuICAgIC5vcHRpb24tcm93X19hY3Rpb25zIHtcclxuICAgICAgZGlzcGxheTogZmxleDtcclxuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICAgICAgZ2FwOiB2YXIoLS11aS1zcGFjaW5nLTEpO1xyXG4gICAgICBmbGV4LXNocmluazogMDtcclxuICAgIH1cclxuXHJcbiAgICAvKiDilIDilIDilIAgU3RhdG8gdnVvdG8g4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSA4pSAICovXHJcblxyXG4gICAgLm9wdGlvbnMtZW1wdHkge1xyXG4gICAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcclxuICAgICAgZ2FwOiB2YXIoLS11aS1zcGFjaW5nLTIpO1xyXG4gICAgICBwYWRkaW5nOiB2YXIoLS11aS1zcGFjaW5nLTYpIHZhcigtLXVpLXNwYWNpbmctNCk7XHJcbiAgICAgIGNvbG9yOiB2YXIoLS11aS1jb2xvci10ZXh0LW11dGVkKTtcclxuICAgICAgZm9udC1zaXplOiB2YXIoLS11aS1mb250LXNpemUtc20pO1xyXG4gICAgfVxyXG5cclxuICBgLFxyXG4gIF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBVaU9wdGlvbnNFZGl0b3JDb21wb25lbnQge1xyXG4gIC8qKlxyXG4gICAqIE9wemlvbmkgZGVsIGNhbXBvIGRhIG1vZGlmaWNhcmUuXHJcbiAgICogQWNjZXR0YSBzaWEgdW4gYXJyYXkgZGkgVWlGaWVsZE9wdGlvbiBjaGUgdW4gdmFsb3JlIGdlbmVyaWNvXHJcbiAgICogKHBlciBnZXN0aXJlIGNhbXBpIG5vbiBhbmNvcmEgY29uZmlndXJhdGkpLlxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIG9wdGlvbnM6IFVpRmllbGRPcHRpb25bXSB8IGFueSA9IFtdO1xyXG5cclxuICAvKiogRW1ldHRlIGwnYXJyYXkgYWdnaW9ybmF0byBkZWxsZSBvcHppb25pIGFkIG9nbmkgbW9kaWZpY2EuICovXHJcbiAgQE91dHB1dCgpIG9wdGlvbnNDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPFVpRmllbGRPcHRpb25bXT4oKTtcclxuXHJcbiAgLyoqXHJcbiAgICogTm9ybWFsaXp6YSBsJ2lucHV0IHBlciBnYXJhbnRpcmUgY2hlIHNpYSBzZW1wcmUgdW4gYXJyYXkgdmFsaWRvLlxyXG4gICAqIEdlc3Rpc2NlIGlsIGNhc28gaW4gY3VpIGxlIG9wemlvbmkgc2lhbm8gbnVsbCwgdW5kZWZpbmVkIG8gZGkgdGlwbyBpbmF0dGVzby5cclxuICAgKi9cclxuICBnZXQgbm9ybWFsaXplZE9wdGlvbnMoKTogVWlGaWVsZE9wdGlvbltdIHtcclxuICAgIGlmIChBcnJheS5pc0FycmF5KHRoaXMub3B0aW9ucykpIHtcclxuICAgICAgcmV0dXJuIHRoaXMub3B0aW9ucztcclxuICAgIH1cclxuICAgIHJldHVybiBbXTtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIEFnZ2l1bmdlIHVuYSBudW92YSBvcHppb25lIHZ1b3RhIGFsbGEgbGlzdGEgZSBub3RpZmljYSBpbCBwYXJlbnQuXHJcbiAgICovXHJcbiAgYWRkT3B0aW9uKCk6IHZvaWQge1xyXG4gICAgY29uc3QgbmV3T3B0aW9uOiBVaUZpZWxkT3B0aW9uID0ge1xyXG4gICAgICB2YWx1ZTogJycsXHJcbiAgICAgIGxhYmVsOiAnJyxcclxuICAgICAgZGlzYWJsZWQ6IGZhbHNlLFxyXG4gICAgfTtcclxuICAgIGNvbnN0IHVwZGF0ZWQgPSBbLi4udGhpcy5ub3JtYWxpemVkT3B0aW9ucywgbmV3T3B0aW9uXTtcclxuICAgIHRoaXMuZW1pdENoYW5nZSh1cGRhdGVkKTtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIEFnZ2lvcm5hIHVuYSBwcm9wcmlldGEgc3BlY2lmaWNhIGRpIHVuJ29wemlvbmUuXHJcbiAgICogQHBhcmFtIGluZGV4IC0gSW5kaWNlIGRlbGwnb3B6aW9uZSBkYSBhZ2dpb3JuYXJlLlxyXG4gICAqIEBwYXJhbSBmaWVsZCAtIE5vbWUgZGVsbGEgcHJvcHJpZXRhIGRhIG1vZGlmaWNhcmUuXHJcbiAgICogQHBhcmFtIHZhbHVlIC0gTnVvdm8gdmFsb3JlIGRlbGxhIHByb3ByaWV0YS5cclxuICAgKi9cclxuICB1cGRhdGVPcHRpb24oaW5kZXg6IG51bWJlciwgZmllbGQ6IGtleW9mIFVpRmllbGRPcHRpb24sIHZhbHVlOiBhbnkpOiB2b2lkIHtcclxuICAgIGNvbnN0IHVwZGF0ZWQgPSB0aGlzLm5vcm1hbGl6ZWRPcHRpb25zLm1hcCgob3B0LCBpKSA9PiAoaSA9PT0gaW5kZXggPyB7IC4uLm9wdCwgW2ZpZWxkXTogdmFsdWUgfSA6IG9wdCkpO1xyXG4gICAgdGhpcy5lbWl0Q2hhbmdlKHVwZGF0ZWQpO1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogUmltdW92ZSB1bidvcHppb25lIGRhbGxhIGxpc3RhLlxyXG4gICAqIEBwYXJhbSBpbmRleCAtIEluZGljZSBkZWxsJ29wemlvbmUgZGEgcmltdW92ZXJlLlxyXG4gICAqL1xyXG4gIHJlbW92ZU9wdGlvbihpbmRleDogbnVtYmVyKTogdm9pZCB7XHJcbiAgICBjb25zdCB1cGRhdGVkID0gdGhpcy5ub3JtYWxpemVkT3B0aW9ucy5maWx0ZXIoKF8sIGkpID0+IGkgIT09IGluZGV4KTtcclxuICAgIHRoaXMuZW1pdENoYW5nZSh1cGRhdGVkKTtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIFNwb3N0YSB1bidvcHppb25lIGluIGFsdG8gbyBpbiBiYXNzbyBuZWxsYSBsaXN0YS5cclxuICAgKiBAcGFyYW0gaW5kZXggLSBJbmRpY2UgY29ycmVudGUgZGVsbCdvcHppb25lLlxyXG4gICAqIEBwYXJhbSBkaXJlY3Rpb24gLSBEaXJlemlvbmUgZGVsbG8gc3Bvc3RhbWVudG86IC0xIChzdSkgbyArMSAoZ2l1KS5cclxuICAgKi9cclxuICBtb3ZlT3B0aW9uKGluZGV4OiBudW1iZXIsIGRpcmVjdGlvbjogLTEgfCAxKTogdm9pZCB7XHJcbiAgICBjb25zdCBuZXdJbmRleCA9IGluZGV4ICsgZGlyZWN0aW9uO1xyXG4gICAgaWYgKG5ld0luZGV4IDwgMCB8fCBuZXdJbmRleCA+PSB0aGlzLm5vcm1hbGl6ZWRPcHRpb25zLmxlbmd0aCkge1xyXG4gICAgICByZXR1cm47XHJcbiAgICB9XHJcbiAgICBjb25zdCB1cGRhdGVkID0gWy4uLnRoaXMubm9ybWFsaXplZE9wdGlvbnNdO1xyXG4gICAgY29uc3QgW21vdmVkXSA9IHVwZGF0ZWQuc3BsaWNlKGluZGV4LCAxKTtcclxuICAgIHVwZGF0ZWQuc3BsaWNlKG5ld0luZGV4LCAwLCBtb3ZlZCk7XHJcbiAgICB0aGlzLmVtaXRDaGFuZ2UodXBkYXRlZCk7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBFbWV0dGUgbCdhcnJheSBhZ2dpb3JuYXRvIGRlbGxlIG9wemlvbmkuXHJcbiAgICogQHBhcmFtIG9wdGlvbnMgLSBOdW92byBhcnJheSBkaSBvcHppb25pLlxyXG4gICAqL1xyXG4gIHByaXZhdGUgZW1pdENoYW5nZShvcHRpb25zOiBVaUZpZWxkT3B0aW9uW10pOiB2b2lkIHtcclxuICAgIHRoaXMub3B0aW9uc0NoYW5nZS5lbWl0KG9wdGlvbnMpO1xyXG4gIH1cclxufVxyXG4iXX0=

package/esm2022/lib/components/form-builder-editor/sub-components/preview-container/preview-container.component.mjs

@@ -0,0 +1,238 @@
+import { Component, ChangeDetectionStrategy, ChangeDetectorRef, Input, Output, EventEmitter, ViewChild, inject, } from '@angular/core';
+import { LucideAngularModule } from 'lucide-angular';
+import { UiButtonComponent } from '../../../button/index';
+import { UiFormBuilderComponent } from '../../../form-builder/form-builder.component';
+import { UiEditorFormValuesPanelComponent } from '../form-values-panel/form-values-panel.component';
+import * as i0 from "@angular/core";
+import * as i1 from "lucide-angular";
+/**
+ * Contenitore per l'anteprima live del form in fase di editing.
+ *
+ * Mostra una preview del form builder generato dallo schema corrente,
+ * con possibilita di aggiornamento forzato e pannello dei valori.
+ *
+ * @selector ui-editor-preview-container
+ */
+export class UiEditorPreviewContainerComponent {
+    constructor() {
+        /** @internal Change detector per OnPush. */
+        this.cdr = inject(ChangeDetectorRef);
+        /** Schema del form ricevuto dal parent (cambia ad ogni modifica nell'editor). */
+        this.schema = null;
+        /**
+         * Chiave per forzare la ri-creazione del form builder.
+         * Viene incrementata dal componente padre per invalidare l'anteprima.
+         */
+        this.key = 0;
+        /** Emesso alla richiesta di aggiornamento forzato dell'anteprima. */
+        this.refresh = new EventEmitter();
+        /**
+         * Snapshot immutabile dello schema usato per il rendering.
+         * Viene aggiornato SOLO al primo caricamento, al cambio tab
+         * (quando `key` cambia) o al refresh esplicito.
+         * Questo evita che le modifiche nell'editor ricostruiscano
+         * continuamente il form, perdendo lo stato dell'utente.
+         */
+        this.previewSchema = null;
+        /** Stato di apertura del pannello valori in basso. */
+        this.isValuesPanelOpen = false;
+        /** Valori correnti del form nell'anteprima. */
+        this.currentFormValues = {};
+        /** @internal Ultimo valore di `key` applicato allo snapshot. */
+        this.lastAppliedKey = -1;
+    }
+    ngOnChanges(changes) {
+        const keyChanged = changes['key'] && this.key !== this.lastAppliedKey;
+        const firstSchema = changes['schema']?.firstChange;
+        if (keyChanged || firstSchema) {
+            this.applySchemaSnapshot();
+        }
+    }
+    /**
+     * Riceve i valori aggiornati dal form builder ad ogni interazione.
+     * @param values - Valori correnti del form (inclusi campi disabilitati)
+     */
+    onFormBuilderValueChange(values) {
+        this.currentFormValues = values;
+        this.cdr.markForCheck();
+    }
+    /** Alterna la visibilita del pannello dei valori del form. */
+    toggleValuesPanel() {
+        this.isValuesPanelOpen = !this.isValuesPanelOpen;
+    }
+    /**
+     * Gestisce il cambiamento dei valori dal pannello JSON.
+     * @param values - Nuovi valori parsati dal JSON
+     */
+    onFormValuesChange(values) {
+        this.currentFormValues = values;
+    }
+    /**
+     * Aggiorna i valori leggendo lo stato corrente dal form builder.
+     */
+    onRefreshValues() {
+        if (this.formBuilderRef) {
+            this.currentFormValues = this.formBuilderRef.getFormValue();
+            this.cdr.markForCheck();
+        }
+    }
+    /**
+     * @internal
+     * Crea una copia profonda dello schema corrente come snapshot
+     * per il rendering dell'anteprima. L'id viene reso univoco
+     * per forzare il rebuild del form builder (che ricostruisce
+     * solo quando `schema.id` cambia).
+     */
+    applySchemaSnapshot() {
+        if (this.schema) {
+            const snapshot = structuredClone(this.schema);
+            snapshot.id = `${snapshot.id}__preview_${this.key}`;
+            this.previewSchema = snapshot;
+        }
+        else {
+            this.previewSchema = null;
+        }
+        this.lastAppliedKey = this.key;
+        this.currentFormValues = {};
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: UiEditorPreviewContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: UiEditorPreviewContainerComponent, isStandalone: true, selector: "ui-editor-preview-container", inputs: { schema: "schema", key: "key" }, outputs: { refresh: "refresh" }, viewQueries: [{ propertyName: "formBuilderRef", first: true, predicate: UiFormBuilderComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+    <div class="preview-container">
+      <!-- Intestazione con azioni -->
+      <div class="preview-container__header">
+        <div class="preview-container__header-left">
+          <lucide-icon name="eye" [size]="18" aria-hidden="true" />
+          <span class="preview-container__title">Anteprima Form</span>
+        </div>
+
+        <div class="preview-container__header-actions">
+          <!-- Aggiorna anteprima -->
+          <ui-button
+            icon="refresh-cw"
+            variant="ghost"
+            size="sm"
+            tooltip="Aggiorna anteprima"
+            ariaLabel="Aggiorna anteprima"
+            (click)="refresh.emit()"
+          />
+
+          <!-- Mostra/nascondi pannello valori -->
+          <ui-button
+            icon="code"
+            variant="ghost"
+            size="sm"
+            tooltip="Mostra/nascondi valori form"
+            ariaLabel="Mostra/nascondi valori form"
+            (click)="toggleValuesPanel()"
+          />
+        </div>
+      </div>
+
+      <!-- Contenuto anteprima -->
+      <div class="preview-container__content">
+        @if (!previewSchema || !previewSchema.sections || previewSchema.sections.length === 0) {
+          <!-- Stato vuoto: nessuno schema -->
+          <div class="preview-container__empty">
+            <lucide-icon name="layout-template" [size]="40" aria-hidden="true" />
+            <p class="preview-container__empty-text">
+              Aggiungi sezioni e campi per visualizzare l'anteprima
+            </p>
+          </div>
+        } @else {
+          <!-- Rendering del form builder con snapshot dello schema -->
+          <div class="preview-container__form-wrapper">
+            <ui-form-builder
+              [schema]="previewSchema"
+              (valueChange)="onFormBuilderValueChange($event)"
+            />
+          </div>
+        }
+      </div>
+
+      <!-- Pannello valori in basso -->
+      <ui-editor-form-values-panel
+        [formValues]="currentFormValues"
+        [isOpen]="isValuesPanelOpen"
+        (valuesChange)="onFormValuesChange($event)"
+        (refreshValues)="onRefreshValues()"
+        (toggle)="toggleValuesPanel()"
+      />
+    </div>
+  `, isInline: true, styles: [".preview-container{display:flex;flex-direction:column;height:100%;background:var(--ui-color-bg-subtle, #fafafa);position:relative}.preview-container__header{display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-2, 8px) var(--ui-spacing-4, 16px);border-bottom:1px solid var(--ui-color-border, #e0e0e0);background:var(--ui-color-surface, #fff)}.preview-container__header-left{display:flex;align-items:center;gap:var(--ui-spacing-2, 8px)}.preview-container__title{font-weight:600;font-size:var(--ui-font-size-sm, .875rem);color:var(--ui-color-text, #212121)}.preview-container__header-actions{display:flex;align-items:center;gap:var(--ui-spacing-1, 4px)}.preview-container__content{flex:1;overflow-y:auto;padding:var(--ui-spacing-4, 16px)}.preview-container__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ui-spacing-3, 12px);padding:var(--ui-spacing-8, 64px) var(--ui-spacing-4, 16px);text-align:center;color:var(--ui-color-text-muted, #9e9e9e)}.preview-container__empty-text{font-size:var(--ui-font-size-sm, .875rem);margin:0}.preview-container__form-wrapper{background:var(--ui-color-surface, #fff);border-radius:var(--ui-radius-md, 8px);padding:var(--ui-spacing-4, 16px);box-shadow:var(--ui-shadow-sm, 0 1px 3px rgba(0,0,0,.1))}\n"], dependencies: [{ kind: "ngmodule", type: LucideAngularModule }, { kind: "component", type: i1.LucideAngularComponent, selector: "lucide-angular, lucide-icon, i-lucide, span-lucide", inputs: ["class", "name", "img", "color", "absoluteStrokeWidth", "size", "strokeWidth"] }, { kind: "component", type: UiButtonComponent, selector: "ui-button", inputs: ["label", "tooltip", "variant", "size", "icon", "iconPosition", "loading", "disabled", "fullWidth", "type", "ariaLabel", "customClass"] }, { kind: "component", type: UiFormBuilderComponent, selector: "ui-form-builder", inputs: ["schema", "initialData", "readonly", "disabled", "buttonsOverride", "loadingFor"], outputs: ["valueChange", "validationChange", "formSubmit", "formReset", "customEvent"] }, { kind: "component", type: UiEditorFormValuesPanelComponent, selector: "ui-editor-form-values-panel", inputs: ["formValues", "isOpen"], outputs: ["valuesChange", "refreshValues", "toggle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: UiEditorPreviewContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-editor-preview-container', standalone: true, imports: [LucideAngularModule, UiButtonComponent, UiFormBuilderComponent, UiEditorFormValuesPanelComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="preview-container">
+      <!-- Intestazione con azioni -->
+      <div class="preview-container__header">
+        <div class="preview-container__header-left">
+          <lucide-icon name="eye" [size]="18" aria-hidden="true" />
+          <span class="preview-container__title">Anteprima Form</span>
+        </div>
+
+        <div class="preview-container__header-actions">
+          <!-- Aggiorna anteprima -->
+          <ui-button
+            icon="refresh-cw"
+            variant="ghost"
+            size="sm"
+            tooltip="Aggiorna anteprima"
+            ariaLabel="Aggiorna anteprima"
+            (click)="refresh.emit()"
+          />
+
+          <!-- Mostra/nascondi pannello valori -->
+          <ui-button
+            icon="code"
+            variant="ghost"
+            size="sm"
+            tooltip="Mostra/nascondi valori form"
+            ariaLabel="Mostra/nascondi valori form"
+            (click)="toggleValuesPanel()"
+          />
+        </div>
+      </div>
+
+      <!-- Contenuto anteprima -->
+      <div class="preview-container__content">
+        @if (!previewSchema || !previewSchema.sections || previewSchema.sections.length === 0) {
+          <!-- Stato vuoto: nessuno schema -->
+          <div class="preview-container__empty">
+            <lucide-icon name="layout-template" [size]="40" aria-hidden="true" />
+            <p class="preview-container__empty-text">
+              Aggiungi sezioni e campi per visualizzare l'anteprima
+            </p>
+          </div>
+        } @else {
+          <!-- Rendering del form builder con snapshot dello schema -->
+          <div class="preview-container__form-wrapper">
+            <ui-form-builder
+              [schema]="previewSchema"
+              (valueChange)="onFormBuilderValueChange($event)"
+            />
+          </div>
+        }
+      </div>
+
+      <!-- Pannello valori in basso -->
+      <ui-editor-form-values-panel
+        [formValues]="currentFormValues"
+        [isOpen]="isValuesPanelOpen"
+        (valuesChange)="onFormValuesChange($event)"
+        (refreshValues)="onRefreshValues()"
+        (toggle)="toggleValuesPanel()"
+      />
+    </div>
+  `, styles: [".preview-container{display:flex;flex-direction:column;height:100%;background:var(--ui-color-bg-subtle, #fafafa);position:relative}.preview-container__header{display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-2, 8px) var(--ui-spacing-4, 16px);border-bottom:1px solid var(--ui-color-border, #e0e0e0);background:var(--ui-color-surface, #fff)}.preview-container__header-left{display:flex;align-items:center;gap:var(--ui-spacing-2, 8px)}.preview-container__title{font-weight:600;font-size:var(--ui-font-size-sm, .875rem);color:var(--ui-color-text, #212121)}.preview-container__header-actions{display:flex;align-items:center;gap:var(--ui-spacing-1, 4px)}.preview-container__content{flex:1;overflow-y:auto;padding:var(--ui-spacing-4, 16px)}.preview-container__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ui-spacing-3, 12px);padding:var(--ui-spacing-8, 64px) var(--ui-spacing-4, 16px);text-align:center;color:var(--ui-color-text-muted, #9e9e9e)}.preview-container__empty-text{font-size:var(--ui-font-size-sm, .875rem);margin:0}.preview-container__form-wrapper{background:var(--ui-color-surface, #fff);border-radius:var(--ui-radius-md, 8px);padding:var(--ui-spacing-4, 16px);box-shadow:var(--ui-shadow-sm, 0 1px 3px rgba(0,0,0,.1))}\n"] }]
+        }], propDecorators: { formBuilderRef: [{
+                type: ViewChild,
+                args: [UiFormBuilderComponent]
+            }], schema: [{
+                type: Input
+            }], key: [{
+                type: Input
+            }], refresh: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJldmlldy1jb250YWluZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvbmctdWktc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9mb3JtLWJ1aWxkZXItZWRpdG9yL3N1Yi1jb21wb25lbnRzL3ByZXZpZXctY29udGFpbmVyL3ByZXZpZXctY29udGFpbmVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsS0FBSyxFQUNMLE1BQU0sRUFDTixZQUFZLEVBR1osU0FBUyxFQUNULE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUcxRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQztBQUN0RixPQUFPLEVBQUUsZ0NBQWdDLEVBQUUsTUFBTSxrREFBa0QsQ0FBQzs7O0FBRXBHOzs7Ozs7O0dBT0c7QUE4SUgsTUFBTSxPQUFPLGlDQUFpQztJQTdJOUM7UUE4SUUsNENBQTRDO1FBQzNCLFFBQUcsR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQztRQUtqRCxpRkFBaUY7UUFDeEUsV0FBTSxHQUF3QixJQUFJLENBQUM7UUFFNUM7OztXQUdHO1FBQ00sUUFBRyxHQUFXLENBQUMsQ0FBQztRQUV6QixxRUFBcUU7UUFDM0QsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFFN0M7Ozs7OztXQU1HO1FBQ0gsa0JBQWEsR0FBd0IsSUFBSSxDQUFDO1FBRTFDLHNEQUFzRDtRQUN0RCxzQkFBaUIsR0FBRyxLQUFLLENBQUM7UUFFMUIsK0NBQStDO1FBQy9DLHNCQUFpQixHQUFRLEVBQUUsQ0FBQztRQUU1QixnRUFBZ0U7UUFDeEQsbUJBQWMsR0FBRyxDQUFDLENBQUMsQ0FBQztLQTZEN0I7SUEzREMsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLE1BQU0sVUFBVSxHQUFHLE9BQU8sQ0FBQyxLQUFLLENBQUMsSUFBSSxJQUFJLENBQUMsR0FBRyxLQUFLLElBQUksQ0FBQyxjQUFjLENBQUM7UUFDdEUsTUFBTSxXQUFXLEdBQUcsT0FBTyxDQUFDLFFBQVEsQ0FBQyxFQUFFLFdBQVcsQ0FBQztRQUVuRCxJQUFJLFVBQVUsSUFBSSxXQUFXLEVBQUUsQ0FBQztZQUM5QixJQUFJLENBQUMsbUJBQW1CLEVBQUUsQ0FBQztRQUM3QixDQUFDO0lBQ0gsQ0FBQztJQUVEOzs7T0FHRztJQUNILHdCQUF3QixDQUFDLE1BQVc7UUFDbEMsSUFBSSxDQUFDLGlCQUFpQixHQUFHLE1BQU0sQ0FBQztRQUNoQyxJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQzFCLENBQUM7SUFFRCw4REFBOEQ7SUFDOUQsaUJBQWlCO1FBQ2YsSUFBSSxDQUFDLGlCQUFpQixHQUFHLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDO0lBQ25ELENBQUM7SUFFRDs7O09BR0c7SUFDSCxrQkFBa0IsQ0FBQyxNQUFXO1FBQzVCLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxNQUFNLENBQUM7SUFDbEMsQ0FBQztJQUVEOztPQUVHO0lBQ0gsZUFBZTtRQUNiLElBQUksSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO1lBQ3hCLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDLFlBQVksRUFBRSxDQUFDO1lBQzVELElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDMUIsQ0FBQztJQUNILENBQUM7SUFFRDs7Ozs7O09BTUc7SUFDSyxtQkFBbUI7UUFDekIsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7WUFDaEIsTUFBTSxRQUFRLEdBQUcsZUFBZSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztZQUM5QyxRQUFRLENBQUMsRUFBRSxHQUFHLEdBQUcsUUFBUSxDQUFDLEVBQUUsYUFBYSxJQUFJLENBQUMsR0FBRyxFQUFFLENBQUM7WUFDcEQsSUFBSSxDQUFDLGFBQWEsR0FBRyxRQUFRLENBQUM7UUFDaEMsQ0FBQzthQUFNLENBQUM7WUFDTixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQztRQUM1QixDQUFDO1FBQ0QsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDO1FBQy9CLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxFQUFFLENBQUM7SUFDOUIsQ0FBQzsrR0EvRlUsaUNBQWlDO21HQUFqQyxpQ0FBaUMsa05BS2pDLHNCQUFzQixxRUE3SXZCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQThEVCx1MkNBaEVTLG1CQUFtQixnUEFBRSxpQkFBaUIsdU1BQUUsc0JBQXNCLGdQQUFFLGdDQUFnQzs7NEZBMEkvRixpQ0FBaUM7a0JBN0k3QyxTQUFTOytCQUNFLDZCQUE2QixjQUMzQixJQUFJLFdBQ1AsQ0FBQyxtQkFBbUIsRUFBRSxpQkFBaUIsRUFBRSxzQkFBc0IsRUFBRSxnQ0FBZ0MsQ0FBQyxtQkFDMUYsdUJBQXVCLENBQUMsTUFBTSxZQUNyQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0E4RFQ7OEJBK0VrQyxjQUFjO3NCQUFoRCxTQUFTO3VCQUFDLHNCQUFzQjtnQkFHeEIsTUFBTTtzQkFBZCxLQUFLO2dCQU1HLEdBQUc7c0JBQVgsS0FBSztnQkFHSSxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgSW5wdXQsXHJcbiAgT3V0cHV0LFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBPbkNoYW5nZXMsXHJcbiAgU2ltcGxlQ2hhbmdlcyxcclxuICBWaWV3Q2hpbGQsXHJcbiAgaW5qZWN0LFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBMdWNpZGVBbmd1bGFyTW9kdWxlIH0gZnJvbSAnbHVjaWRlLWFuZ3VsYXInO1xyXG5pbXBvcnQgeyBVaUJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uL2J1dHRvbi9pbmRleCc7XHJcblxyXG5pbXBvcnQgeyBVaUZvcm1TY2hlbWEgfSBmcm9tICcuLi8uLi8uLi9mb3JtLWJ1aWxkZXIvdHlwZXMvaW5kZXgnO1xyXG5pbXBvcnQgeyBVaUZvcm1CdWlsZGVyQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vZm9ybS1idWlsZGVyL2Zvcm0tYnVpbGRlci5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBVaUVkaXRvckZvcm1WYWx1ZXNQYW5lbENvbXBvbmVudCB9IGZyb20gJy4uL2Zvcm0tdmFsdWVzLXBhbmVsL2Zvcm0tdmFsdWVzLXBhbmVsLmNvbXBvbmVudCc7XHJcblxyXG4vKipcclxuICogQ29udGVuaXRvcmUgcGVyIGwnYW50ZXByaW1hIGxpdmUgZGVsIGZvcm0gaW4gZmFzZSBkaSBlZGl0aW5nLlxyXG4gKlxyXG4gKiBNb3N0cmEgdW5hIHByZXZpZXcgZGVsIGZvcm0gYnVpbGRlciBnZW5lcmF0byBkYWxsbyBzY2hlbWEgY29ycmVudGUsXHJcbiAqIGNvbiBwb3NzaWJpbGl0YSBkaSBhZ2dpb3JuYW1lbnRvIGZvcnphdG8gZSBwYW5uZWxsbyBkZWkgdmFsb3JpLlxyXG4gKlxyXG4gKiBAc2VsZWN0b3IgdWktZWRpdG9yLXByZXZpZXctY29udGFpbmVyXHJcbiAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3VpLWVkaXRvci1wcmV2aWV3LWNvbnRhaW5lcicsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbTHVjaWRlQW5ndWxhck1vZHVsZSwgVWlCdXR0b25Db21wb25lbnQsIFVpRm9ybUJ1aWxkZXJDb21wb25lbnQsIFVpRWRpdG9yRm9ybVZhbHVlc1BhbmVsQ29tcG9uZW50XSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgPGRpdiBjbGFzcz1cInByZXZpZXctY29udGFpbmVyXCI+XHJcbiAgICAgIDwhLS0gSW50ZXN0YXppb25lIGNvbiBhemlvbmkgLS0+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJwcmV2aWV3LWNvbnRhaW5lcl9faGVhZGVyXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInByZXZpZXctY29udGFpbmVyX19oZWFkZXItbGVmdFwiPlxyXG4gICAgICAgICAgPGx1Y2lkZS1pY29uIG5hbWU9XCJleWVcIiBbc2l6ZV09XCIxOFwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIC8+XHJcbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInByZXZpZXctY29udGFpbmVyX190aXRsZVwiPkFudGVwcmltYSBGb3JtPC9zcGFuPlxyXG4gICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwicHJldmlldy1jb250YWluZXJfX2hlYWRlci1hY3Rpb25zXCI+XHJcbiAgICAgICAgICA8IS0tIEFnZ2lvcm5hIGFudGVwcmltYSAtLT5cclxuICAgICAgICAgIDx1aS1idXR0b25cclxuICAgICAgICAgICAgaWNvbj1cInJlZnJlc2gtY3dcIlxyXG4gICAgICAgICAgICB2YXJpYW50PVwiZ2hvc3RcIlxyXG4gICAgICAgICAgICBzaXplPVwic21cIlxyXG4gICAgICAgICAgICB0b29sdGlwPVwiQWdnaW9ybmEgYW50ZXByaW1hXCJcclxuICAgICAgICAgICAgYXJpYUxhYmVsPVwiQWdnaW9ybmEgYW50ZXByaW1hXCJcclxuICAgICAgICAgICAgKGNsaWNrKT1cInJlZnJlc2guZW1pdCgpXCJcclxuICAgICAgICAgIC8+XHJcblxyXG4gICAgICAgICAgPCEtLSBNb3N0cmEvbmFzY29uZGkgcGFubmVsbG8gdmFsb3JpIC0tPlxyXG4gICAgICAgICAgPHVpLWJ1dHRvblxyXG4gICAgICAgICAgICBpY29uPVwiY29kZVwiXHJcbiAgICAgICAgICAgIHZhcmlhbnQ9XCJnaG9zdFwiXHJcbiAgICAgICAgICAgIHNpemU9XCJzbVwiXHJcbiAgICAgICAgICAgIHRvb2x0aXA9XCJNb3N0cmEvbmFzY29uZGkgdmFsb3JpIGZvcm1cIlxyXG4gICAgICAgICAgICBhcmlhTGFiZWw9XCJNb3N0cmEvbmFzY29uZGkgdmFsb3JpIGZvcm1cIlxyXG4gICAgICAgICAgICAoY2xpY2spPVwidG9nZ2xlVmFsdWVzUGFuZWwoKVwiXHJcbiAgICAgICAgICAvPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuXHJcbiAgICAgIDwhLS0gQ29udGVudXRvIGFudGVwcmltYSAtLT5cclxuICAgICAgPGRpdiBjbGFzcz1cInByZXZpZXctY29udGFpbmVyX19jb250ZW50XCI+XHJcbiAgICAgICAgQGlmICghcHJldmlld1NjaGVtYSB8fCAhcHJldmlld1NjaGVtYS5zZWN0aW9ucyB8fCBwcmV2aWV3U2NoZW1hLnNlY3Rpb25zLmxlbmd0aCA9PT0gMCkge1xyXG4gICAgICAgICAgPCEtLSBTdGF0byB2dW90bzogbmVzc3VubyBzY2hlbWEgLS0+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwicHJldmlldy1jb250YWluZXJfX2VtcHR5XCI+XHJcbiAgICAgICAgICAgIDxsdWNpZGUtaWNvbiBuYW1lPVwibGF5b3V0LXRlbXBsYXRlXCIgW3NpemVdPVwiNDBcIiBhcmlhLWhpZGRlbj1cInRydWVcIiAvPlxyXG4gICAgICAgICAgICA8cCBjbGFzcz1cInByZXZpZXctY29udGFpbmVyX19lbXB0eS10ZXh0XCI+XHJcbiAgICAgICAgICAgICAgQWdnaXVuZ2kgc2V6aW9uaSBlIGNhbXBpIHBlciB2aXN1YWxpenphcmUgbCdhbnRlcHJpbWFcclxuICAgICAgICAgICAgPC9wPlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgfSBAZWxzZSB7XHJcbiAgICAgICAgICA8IS0tIFJlbmRlcmluZyBkZWwgZm9ybSBidWlsZGVyIGNvbiBzbmFwc2hvdCBkZWxsbyBzY2hlbWEgLS0+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwicHJldmlldy1jb250YWluZXJfX2Zvcm0td3JhcHBlclwiPlxyXG4gICAgICAgICAgICA8dWktZm9ybS1idWlsZGVyXHJcbiAgICAgICAgICAgICAgW3NjaGVtYV09XCJwcmV2aWV3U2NoZW1hXCJcclxuICAgICAgICAgICAgICAodmFsdWVDaGFuZ2UpPVwib25Gb3JtQnVpbGRlclZhbHVlQ2hhbmdlKCRldmVudClcIlxyXG4gICAgICAgICAgICAvPlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgfVxyXG4gICAgICA8L2Rpdj5cclxuXHJcbiAgICAgIDwhLS0gUGFubmVsbG8gdmFsb3JpIGluIGJhc3NvIC0tPlxyXG4gICAgICA8dWktZWRpdG9yLWZvcm0tdmFsdWVzLXBhbmVsXHJcbiAgICAgICAgW2Zvcm1WYWx1ZXNdPVwiY3VycmVudEZvcm1WYWx1ZXNcIlxyXG4gICAgICAgIFtpc09wZW5dPVwiaXNWYWx1ZXNQYW5lbE9wZW5cIlxyXG4gICAgICAgICh2YWx1ZXNDaGFuZ2UpPVwib25Gb3JtVmFsdWVzQ2hhbmdlKCRldmVudClcIlxyXG4gICAgICAgIChyZWZyZXNoVmFsdWVzKT1cIm9uUmVmcmVzaFZhbHVlcygpXCJcclxuICAgICAgICAodG9nZ2xlKT1cInRvZ2dsZVZhbHVlc1BhbmVsKClcIlxyXG4gICAgICAvPlxyXG4gICAgPC9kaXY+XHJcbiAgYCxcclxuICBzdHlsZXM6IFtcclxuICAgIGBcclxuICAgIC8qIENvbnRlbml0b3JlIHByaW5jaXBhbGUgZGVsbCdhbnRlcHJpbWEgKi9cclxuICAgIC5wcmV2aWV3LWNvbnRhaW5lciB7XHJcbiAgICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XHJcbiAgICAgIGhlaWdodDogMTAwJTtcclxuICAgICAgYmFja2dyb3VuZDogdmFyKC0tdWktY29sb3ItYmctc3VidGxlLCAjZmFmYWZhKTtcclxuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gICAgfVxyXG5cclxuICAgIC8qIEludGVzdGF6aW9uZSBkZWxsJ2FudGVwcmltYSAqL1xyXG4gICAgLnByZXZpZXctY29udGFpbmVyX19oZWFkZXIge1xyXG4gICAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XHJcbiAgICAgIHBhZGRpbmc6IHZhcigtLXVpLXNwYWNpbmctMiwgOHB4KSB2YXIoLS11aS1zcGFjaW5nLTQsIDE2cHgpO1xyXG4gICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgdmFyKC0tdWktY29sb3ItYm9yZGVyLCAjZTBlMGUwKTtcclxuICAgICAgYmFja2dyb3VuZDogdmFyKC0tdWktY29sb3Itc3VyZmFjZSwgI2ZmZik7XHJcbiAgICB9XHJcblxyXG4gICAgLnByZXZpZXctY29udGFpbmVyX19oZWFkZXItbGVmdCB7XHJcbiAgICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgICAgIGdhcDogdmFyKC0tdWktc3BhY2luZy0yLCA4cHgpO1xyXG4gICAgfVxyXG5cclxuICAgIC5wcmV2aWV3LWNvbnRhaW5lcl9fdGl0bGUge1xyXG4gICAgICBmb250LXdlaWdodDogNjAwO1xyXG4gICAgICBmb250LXNpemU6IHZhcigtLXVpLWZvbnQtc2l6ZS1zbSwgMC44NzVyZW0pO1xyXG4gICAgICBjb2xvcjogdmFyKC0tdWktY29sb3ItdGV4dCwgIzIxMjEyMSk7XHJcbiAgICB9XHJcblxyXG4gICAgLnByZXZpZXctY29udGFpbmVyX19oZWFkZXItYWN0aW9ucyB7XHJcbiAgICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgICAgIGdhcDogdmFyKC0tdWktc3BhY2luZy0xLCA0cHgpO1xyXG4gICAgfVxyXG5cclxuICAgIC8qIEFyZWEgZGkgY29udGVudXRvIHNjcm9sbGFiaWxlICovXHJcbiAgICAucHJldmlldy1jb250YWluZXJfX2NvbnRlbnQge1xyXG4gICAgICBmbGV4OiAxO1xyXG4gICAgICBvdmVyZmxvdy15OiBhdXRvO1xyXG4gICAgICBwYWRkaW5nOiB2YXIoLS11aS1zcGFjaW5nLTQsIDE2cHgpO1xyXG4gICAgfVxyXG5cclxuICAgIC8qIFN0YXRvIHZ1b3RvOiBuZXNzdW5vIHNjaGVtYSBkaXNwb25pYmlsZSAqL1xyXG4gICAgLnByZXZpZXctY29udGFpbmVyX19lbXB0eSB7XHJcbiAgICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XHJcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xyXG4gICAgICBnYXA6IHZhcigtLXVpLXNwYWNpbmctMywgMTJweCk7XHJcbiAgICAgIHBhZGRpbmc6IHZhcigtLXVpLXNwYWNpbmctOCwgNjRweCkgdmFyKC0tdWktc3BhY2luZy00LCAxNnB4KTtcclxuICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gICAgICBjb2xvcjogdmFyKC0tdWktY29sb3ItdGV4dC1tdXRlZCwgIzllOWU5ZSk7XHJcbiAgICB9XHJcblxyXG4gICAgLnByZXZpZXctY29udGFpbmVyX19lbXB0eS10ZXh0IHtcclxuICAgICAgZm9udC1zaXplOiB2YXIoLS11aS1mb250LXNpemUtc20sIDAuODc1cmVtKTtcclxuICAgICAgbWFyZ2luOiAwO1xyXG4gICAgfVxyXG5cclxuICAgIC8qIFdyYXBwZXIgZGVsIGZvcm0gYnVpbGRlciByZW5kZXJpenphdG8gKi9cclxuICAgIC5wcmV2aWV3LWNvbnRhaW5lcl9fZm9ybS13cmFwcGVyIHtcclxuICAgICAgYmFja2dyb3VuZDogdmFyKC0tdWktY29sb3Itc3VyZmFjZSwgI2ZmZik7XHJcbiAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLXVpLXJhZGl1cy1tZCwgOHB4KTtcclxuICAgICAgcGFkZGluZzogdmFyKC0tdWktc3BhY2luZy00LCAxNnB4KTtcclxuICAgICAgYm94LXNoYWRvdzogdmFyKC0tdWktc2hhZG93LXNtLCAwIDFweCAzcHggcmdiYSgwLDAsMCwwLjEpKTtcclxuICAgIH1cclxuICBgLFxyXG4gIF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBVaUVkaXRvclByZXZpZXdDb250YWluZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xyXG4gIC8qKiBAaW50ZXJuYWwgQ2hhbmdlIGRldGVjdG9yIHBlciBPblB1c2guICovXHJcbiAgcHJpdmF0ZSByZWFkb25seSBjZHIgPSBpbmplY3QoQ2hhbmdlRGV0ZWN0b3JSZWYpO1xyXG5cclxuICAvKiogUmlmZXJpbWVudG8gYWxsJ2lzdGFuemEgZGVsIGZvcm0gYnVpbGRlciBwZXIgbGVnZ2VyZSBpIHZhbG9yaS4gKi9cclxuICBAVmlld0NoaWxkKFVpRm9ybUJ1aWxkZXJDb21wb25lbnQpIGZvcm1CdWlsZGVyUmVmPzogVWlGb3JtQnVpbGRlckNvbXBvbmVudDtcclxuXHJcbiAgLyoqIFNjaGVtYSBkZWwgZm9ybSByaWNldnV0byBkYWwgcGFyZW50IChjYW1iaWEgYWQgb2duaSBtb2RpZmljYSBuZWxsJ2VkaXRvcikuICovXHJcbiAgQElucHV0KCkgc2NoZW1hOiBVaUZvcm1TY2hlbWEgfCBudWxsID0gbnVsbDtcclxuXHJcbiAgLyoqXHJcbiAgICogQ2hpYXZlIHBlciBmb3J6YXJlIGxhIHJpLWNyZWF6aW9uZSBkZWwgZm9ybSBidWlsZGVyLlxyXG4gICAqIFZpZW5lIGluY3JlbWVudGF0YSBkYWwgY29tcG9uZW50ZSBwYWRyZSBwZXIgaW52YWxpZGFyZSBsJ2FudGVwcmltYS5cclxuICAgKi9cclxuICBASW5wdXQoKSBrZXk6IG51bWJlciA9IDA7XHJcblxyXG4gIC8qKiBFbWVzc28gYWxsYSByaWNoaWVzdGEgZGkgYWdnaW9ybmFtZW50byBmb3J6YXRvIGRlbGwnYW50ZXByaW1hLiAqL1xyXG4gIEBPdXRwdXQoKSByZWZyZXNoID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG5cclxuICAvKipcclxuICAgKiBTbmFwc2hvdCBpbW11dGFiaWxlIGRlbGxvIHNjaGVtYSB1c2F0byBwZXIgaWwgcmVuZGVyaW5nLlxyXG4gICAqIFZpZW5lIGFnZ2lvcm5hdG8gU09MTyBhbCBwcmltbyBjYXJpY2FtZW50bywgYWwgY2FtYmlvIHRhYlxyXG4gICAqIChxdWFuZG8gYGtleWAgY2FtYmlhKSBvIGFsIHJlZnJlc2ggZXNwbGljaXRvLlxyXG4gICAqIFF1ZXN0byBldml0YSBjaGUgbGUgbW9kaWZpY2hlIG5lbGwnZWRpdG9yIHJpY29zdHJ1aXNjYW5vXHJcbiAgICogY29udGludWFtZW50ZSBpbCBmb3JtLCBwZXJkZW5kbyBsbyBzdGF0byBkZWxsJ3V0ZW50ZS5cclxuICAgKi9cclxuICBwcmV2aWV3U2NoZW1hOiBVaUZvcm1TY2hlbWEgfCBudWxsID0gbnVsbDtcclxuXHJcbiAgLyoqIFN0YXRvIGRpIGFwZXJ0dXJhIGRlbCBwYW5uZWxsbyB2YWxvcmkgaW4gYmFzc28uICovXHJcbiAgaXNWYWx1ZXNQYW5lbE9wZW4gPSBmYWxzZTtcclxuXHJcbiAgLyoqIFZhbG9yaSBjb3JyZW50aSBkZWwgZm9ybSBuZWxsJ2FudGVwcmltYS4gKi9cclxuICBjdXJyZW50Rm9ybVZhbHVlczogYW55ID0ge307XHJcblxyXG4gIC8qKiBAaW50ZXJuYWwgVWx0aW1vIHZhbG9yZSBkaSBga2V5YCBhcHBsaWNhdG8gYWxsbyBzbmFwc2hvdC4gKi9cclxuICBwcml2YXRlIGxhc3RBcHBsaWVkS2V5ID0gLTE7XHJcblxyXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcclxuICAgIGNvbnN0IGtleUNoYW5nZWQgPSBjaGFuZ2VzWydrZXknXSAmJiB0aGlzLmtleSAhPT0gdGhpcy5sYXN0QXBwbGllZEtleTtcclxuICAgIGNvbnN0IGZpcnN0U2NoZW1hID0gY2hhbmdlc1snc2NoZW1hJ10/LmZpcnN0Q2hhbmdlO1xyXG5cclxuICAgIGlmIChrZXlDaGFuZ2VkIHx8IGZpcnN0U2NoZW1hKSB7XHJcbiAgICAgIHRoaXMuYXBwbHlTY2hlbWFTbmFwc2hvdCgpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogUmljZXZlIGkgdmFsb3JpIGFnZ2lvcm5hdGkgZGFsIGZvcm0gYnVpbGRlciBhZCBvZ25pIGludGVyYXppb25lLlxyXG4gICAqIEBwYXJhbSB2YWx1ZXMgLSBWYWxvcmkgY29ycmVudGkgZGVsIGZvcm0gKGluY2x1c2kgY2FtcGkgZGlzYWJpbGl0YXRpKVxyXG4gICAqL1xyXG4gIG9uRm9ybUJ1aWxkZXJWYWx1ZUNoYW5nZSh2YWx1ZXM6IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5jdXJyZW50Rm9ybVZhbHVlcyA9IHZhbHVlcztcclxuICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xyXG4gIH1cclxuXHJcbiAgLyoqIEFsdGVybmEgbGEgdmlzaWJpbGl0YSBkZWwgcGFubmVsbG8gZGVpIHZhbG9yaSBkZWwgZm9ybS4gKi9cclxuICB0b2dnbGVWYWx1ZXNQYW5lbCgpOiB2b2lkIHtcclxuICAgIHRoaXMuaXNWYWx1ZXNQYW5lbE9wZW4gPSAhdGhpcy5pc1ZhbHVlc1BhbmVsT3BlbjtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIEdlc3Rpc2NlIGlsIGNhbWJpYW1lbnRvIGRlaSB2YWxvcmkgZGFsIHBhbm5lbGxvIEpTT04uXHJcbiAgICogQHBhcmFtIHZhbHVlcyAtIE51b3ZpIHZhbG9yaSBwYXJzYXRpIGRhbCBKU09OXHJcbiAgICovXHJcbiAgb25Gb3JtVmFsdWVzQ2hhbmdlKHZhbHVlczogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLmN1cnJlbnRGb3JtVmFsdWVzID0gdmFsdWVzO1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogQWdnaW9ybmEgaSB2YWxvcmkgbGVnZ2VuZG8gbG8gc3RhdG8gY29ycmVudGUgZGFsIGZvcm0gYnVpbGRlci5cclxuICAgKi9cclxuICBvblJlZnJlc2hWYWx1ZXMoKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5mb3JtQnVpbGRlclJlZikge1xyXG4gICAgICB0aGlzLmN1cnJlbnRGb3JtVmFsdWVzID0gdGhpcy5mb3JtQnVpbGRlclJlZi5nZXRGb3JtVmFsdWUoKTtcclxuICAgICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBAaW50ZXJuYWxcclxuICAgKiBDcmVhIHVuYSBjb3BpYSBwcm9mb25kYSBkZWxsbyBzY2hlbWEgY29ycmVudGUgY29tZSBzbmFwc2hvdFxyXG4gICAqIHBlciBpbCByZW5kZXJpbmcgZGVsbCdhbnRlcHJpbWEuIEwnaWQgdmllbmUgcmVzbyB1bml2b2NvXHJcbiAgICogcGVyIGZvcnphcmUgaWwgcmVidWlsZCBkZWwgZm9ybSBidWlsZGVyIChjaGUgcmljb3N0cnVpc2NlXHJcbiAgICogc29sbyBxdWFuZG8gYHNjaGVtYS5pZGAgY2FtYmlhKS5cclxuICAgKi9cclxuICBwcml2YXRlIGFwcGx5U2NoZW1hU25hcHNob3QoKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5zY2hlbWEpIHtcclxuICAgICAgY29uc3Qgc25hcHNob3QgPSBzdHJ1Y3R1cmVkQ2xvbmUodGhpcy5zY2hlbWEpO1xyXG4gICAgICBzbmFwc2hvdC5pZCA9IGAke3NuYXBzaG90LmlkfV9fcHJldmlld18ke3RoaXMua2V5fWA7XHJcbiAgICAgIHRoaXMucHJldmlld1NjaGVtYSA9IHNuYXBzaG90O1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy5wcmV2aWV3U2NoZW1hID0gbnVsbDtcclxuICAgIH1cclxuICAgIHRoaXMubGFzdEFwcGxpZWRLZXkgPSB0aGlzLmtleTtcclxuICAgIHRoaXMuY3VycmVudEZvcm1WYWx1ZXMgPSB7fTtcclxuICB9XHJcbn1cclxuIl19