@cqa-lib/cqa-ui 1.1.548-gamma.20 → 1.1.548-gamma.22

package/esm2020/lib/custom-input/custom-input.component.mjs

@@ -1,6 +1,7 @@
 import { Component, EventEmitter, Input, Output } from '@angular/core';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
+import * as i1 from "@angular/material/icon";
+import * as i2 from "@angular/common";
 export class CustomInputComponent {
     constructor() {
         this.label = '';
@@ -14,12 +15,25 @@ export class CustomInputComponent {
         this.size = 'md';
         this.fullWidth = false;
         this.showCharCount = false;
+        this.showPasswordToggle = false;
         this.valueChange = new EventEmitter();
         this.blurred = new EventEmitter();
         this.focused = new EventEmitter();
         this.enterPressed = new EventEmitter();
         this.inputValue = '';
         this.isFocused = false;
+        this.passwordVisible = false;
+    }
+    get effectiveType() {
+        return this.type === 'password' && this.passwordVisible ? 'text' : this.type;
+    }
+    get isPasswordToggleVisible() {
+        return this.showPasswordToggle && this.type === 'password' && !this.disabled;
+    }
+    togglePasswordVisible(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.passwordVisible = !this.passwordVisible;
     }
     ngOnChanges(changes) {
         if (changes['value'] && changes['value'].currentValue !== undefined) {
@@ -93,10 +107,10 @@ export class CustomInputComponent {
     }
 }
 CustomInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: CustomInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CustomInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: CustomInputComponent, selector: "cqa-custom-input", inputs: { inputId: "inputId", label: "label", type: "type", placeholder: "placeholder", value: "value", disabled: "disabled", errors: "errors", required: "required", ariaLabel: "ariaLabel", size: "size", fullWidth: "fullWidth", maxLength: "maxLength", showCharCount: "showCharCount", inputInlineStyle: "inputInlineStyle", labelInlineStyle: "labelInlineStyle" }, outputs: { valueChange: "valueChange", blurred: "blurred", focused: "focused", enterPressed: "enterPressed" }, host: { classAttribute: "cqa-ui-root" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"cqa-ui-root\" [style.display]=\"'block'\" [style.width]=\"fullWidth ? '100%' : 'auto'\">\n  <div class=\"cqa-flex cqa-flex-col\" [style.width]=\"fullWidth ? '100%' : 'auto'\">\n    <label \n      *ngIf=\"label\"\n      class=\"cqa-font-medium cqa-text-[#374151]\"\n      [ngClass]=\"labelSizeClasses\"\n      [style]=\"labelStyles\">\n      {{ label }}\n      <span *ngIf=\"required\" class=\"cqa-text-[#EF4444] cqa-ml-0.5\">*</span>\n    </label>\n\n    <div class=\"cqa-relative\" [style.width]=\"fullWidth ? '100%' : 'auto'\">\n      <input\n        [attr.id]=\"inputId\"\n        [attr.name]=\"inputId\"\n        [type]=\"type\"\n        class=\"cqa-w-full !cqa-border !cqa-border-solid !cqa-border-gray-200 cqa-rounded-md cqa-bg-white cqa-font-['SF_Pro_Text'] cqa-font-normal cqa-leading-normal cqa-tracking-normal cqa-text-[#0A0A0A] placeholder:cqa-text-[#9CA3AF] cqa-transition-all cqa-duration-200 cqa-outline-none {{ inputSizeClasses }}\"\n        [ngClass]=\"{\n          'cqa-border-[#D1D5DB] focus:cqa-border-[#3B82F6] focus:cqa-ring-1 focus:cqa-ring-[#3B82F6]': !hasError,\n          'cqa-border-[#EF4444] focus:cqa-border-[#EF4444] focus:cqa-ring-1 focus:cqa-ring-[#EF4444]': hasError,\n          'cqa-bg-[#F9FAFB] cqa-cursor-not-allowed cqa-text-[#9CA3AF]': disabled,\n          'cqa-outline-none': true\n        }\"\n        [style]=\"inputStyles\"\n        [placeholder]=\"placeholder\"\n        [value]=\"inputValue\"\n        (input)=\"onInput($event)\"\n        (focus)=\"onFocus($event)\"\n        (blur)=\"onBlur($event)\"\n        (keydown)=\"onKeyDown($event)\"\n        [disabled]=\"disabled\"\n        [attr.aria-label]=\"ariaLabel || label\"\n        [attr.aria-invalid]=\"hasError\"\n        [attr.aria-required]=\"required\"\n        autocomplete=\"off\"\n      />\n    </div>\n\n    <div *ngIf=\"showCharCount && maxLength\" class=\"cqa-flex cqa-justify-end cqa-mt-1\">\n      <span class=\"cqa-text-xs cqa-text-[#6B7280]\">\n        {{ inputValue.length }}/{{ maxLength }}\n      </span>\n    </div>\n\n    <div *ngIf=\"hasError\" class=\"cqa-flex cqa-flex-col cqa-gap-1 cqa-mt-1.5\">\n      <div *ngFor=\"let error of errors\" class=\"cqa-flex cqa-items-start cqa-gap-1.5\">\n        <svg \n          xmlns=\"http://www.w3.org/2000/svg\" \n          width=\"14\" \n          height=\"14\" \n          viewBox=\"0 0 14 14\" \n          fill=\"none\"\n          class=\"cqa-flex-shrink-0 cqa-mt-0.5\">\n          <path d=\"M7 1.75C4.1 1.75 1.75 4.1 1.75 7C1.75 9.9 4.1 12.25 7 12.25C9.9 12.25 12.25 9.9 12.25 7C12.25 4.1 9.9 1.75 7 1.75ZM7 9.625C6.65625 9.625 6.375 9.34375 6.375 9V7C6.375 6.65625 6.65625 6.375 7 6.375C7.34375 6.375 7.625 6.65625 7.625 7V9C7.625 9.34375 7.34375 9.625 7 9.625ZM7.625 5.25H6.375V4H7.625V5.25Z\" fill=\"#EF4444\"/>\n        </svg>\n        <span class=\"cqa-text-xs cqa-text-[#EF4444] cqa-font-medium cqa-leading-[18px]\">\n          {{ error }}\n        </span>\n      </div>\n    </div>\n  </div>\n</div>\n\n", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+CustomInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: CustomInputComponent, selector: "cqa-custom-input", inputs: { inputId: "inputId", label: "label", type: "type", placeholder: "placeholder", value: "value", disabled: "disabled", errors: "errors", required: "required", ariaLabel: "ariaLabel", size: "size", fullWidth: "fullWidth", maxLength: "maxLength", showCharCount: "showCharCount", inputInlineStyle: "inputInlineStyle", labelInlineStyle: "labelInlineStyle", showPasswordToggle: "showPasswordToggle" }, outputs: { valueChange: "valueChange", blurred: "blurred", focused: "focused", enterPressed: "enterPressed" }, host: { classAttribute: "cqa-ui-root" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"cqa-ui-root\" [style.display]=\"'block'\" [style.width]=\"fullWidth ? '100%' : 'auto'\">\n  <div class=\"cqa-flex cqa-flex-col\" [style.width]=\"fullWidth ? '100%' : 'auto'\">\n    <label \n      *ngIf=\"label\"\n      class=\"cqa-font-medium cqa-text-[#374151]\"\n      [ngClass]=\"labelSizeClasses\"\n      [style]=\"labelStyles\">\n      {{ label }}\n      <span *ngIf=\"required\" class=\"cqa-text-[#EF4444] cqa-ml-0.5\">*</span>\n    </label>\n\n    <div class=\"cqa-relative\" [style.width]=\"fullWidth ? '100%' : 'auto'\">\n      <input\n        [attr.id]=\"inputId\"\n        [attr.name]=\"inputId\"\n        [type]=\"effectiveType\"\n        class=\"cqa-w-full !cqa-border !cqa-border-solid !cqa-border-gray-200 cqa-rounded-md cqa-bg-white cqa-font-['SF_Pro_Text'] cqa-font-normal cqa-leading-normal cqa-tracking-normal cqa-text-[#0A0A0A] placeholder:cqa-text-[#9CA3AF] cqa-transition-all cqa-duration-200 cqa-outline-none {{ inputSizeClasses }}\"\n        [ngClass]=\"{\n          'cqa-border-[#D1D5DB] focus:cqa-border-[#3B82F6] focus:cqa-ring-1 focus:cqa-ring-[#3B82F6]': !hasError,\n          'cqa-border-[#EF4444] focus:cqa-border-[#EF4444] focus:cqa-ring-1 focus:cqa-ring-[#EF4444]': hasError,\n          'cqa-bg-[#F9FAFB] cqa-cursor-not-allowed cqa-text-[#9CA3AF]': disabled,\n          'cqa-outline-none': true,\n          'cqa-pr-10': isPasswordToggleVisible\n        }\"\n        [style]=\"inputStyles\"\n        [placeholder]=\"placeholder\"\n        [value]=\"inputValue\"\n        (input)=\"onInput($event)\"\n        (focus)=\"onFocus($event)\"\n        (blur)=\"onBlur($event)\"\n        (keydown)=\"onKeyDown($event)\"\n        [disabled]=\"disabled\"\n        [attr.aria-label]=\"ariaLabel || label\"\n        [attr.aria-invalid]=\"hasError\"\n        [attr.aria-required]=\"required\"\n        autocomplete=\"off\"\n      />\n      <button\n        *ngIf=\"isPasswordToggleVisible\"\n        type=\"button\"\n        class=\"cqa-absolute cqa-inset-y-0 cqa-right-0 cqa-flex cqa-items-center cqa-justify-center cqa-w-10 cqa-bg-transparent cqa-border-0 cqa-cursor-pointer cqa-text-[#64748B] hover:cqa-text-[#0F172A]\"\n        [attr.aria-label]=\"passwordVisible ? 'Hide password' : 'Show password'\"\n        [attr.aria-pressed]=\"passwordVisible\"\n        tabindex=\"-1\"\n        (click)=\"togglePasswordVisible($event)\">\n        <mat-icon class=\"cqa-text-[18px] cqa-leading-[18px]\" style=\"font-size:18px;width:18px;height:18px;line-height:18px;\">\n          {{ passwordVisible ? 'visibility_off' : 'visibility' }}\n        </mat-icon>\n      </button>\n    </div>\n\n    <div *ngIf=\"showCharCount && maxLength\" class=\"cqa-flex cqa-justify-end cqa-mt-1\">\n      <span class=\"cqa-text-xs cqa-text-[#6B7280]\">\n        {{ inputValue.length }}/{{ maxLength }}\n      </span>\n    </div>\n\n    <div *ngIf=\"hasError\" class=\"cqa-flex cqa-flex-col cqa-gap-1 cqa-mt-1.5\">\n      <div *ngFor=\"let error of errors\" class=\"cqa-flex cqa-items-start cqa-gap-1.5\">\n        <svg \n          xmlns=\"http://www.w3.org/2000/svg\" \n          width=\"14\" \n          height=\"14\" \n          viewBox=\"0 0 14 14\" \n          fill=\"none\"\n          class=\"cqa-flex-shrink-0 cqa-mt-0.5\">\n          <path d=\"M7 1.75C4.1 1.75 1.75 4.1 1.75 7C1.75 9.9 4.1 12.25 7 12.25C9.9 12.25 12.25 9.9 12.25 7C12.25 4.1 9.9 1.75 7 1.75ZM7 9.625C6.65625 9.625 6.375 9.34375 6.375 9V7C6.375 6.65625 6.65625 6.375 7 6.375C7.34375 6.375 7.625 6.65625 7.625 7V9C7.625 9.34375 7.34375 9.625 7 9.625ZM7.625 5.25H6.375V4H7.625V5.25Z\" fill=\"#EF4444\"/>\n        </svg>\n        <span class=\"cqa-text-xs cqa-text-[#EF4444] cqa-font-medium cqa-leading-[18px]\">\n          {{ error }}\n        </span>\n      </div>\n    </div>\n  </div>\n</div>\n\n", components: [{ type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: CustomInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cqa-custom-input', host: { class: 'cqa-ui-root' }, template: "<div class=\"cqa-ui-root\" [style.display]=\"'block'\" [style.width]=\"fullWidth ? '100%' : 'auto'\">\n  <div class=\"cqa-flex cqa-flex-col\" [style.width]=\"fullWidth ? '100%' : 'auto'\">\n    <label \n      *ngIf=\"label\"\n      class=\"cqa-font-medium cqa-text-[#374151]\"\n      [ngClass]=\"labelSizeClasses\"\n      [style]=\"labelStyles\">\n      {{ label }}\n      <span *ngIf=\"required\" class=\"cqa-text-[#EF4444] cqa-ml-0.5\">*</span>\n    </label>\n\n    <div class=\"cqa-relative\" [style.width]=\"fullWidth ? '100%' : 'auto'\">\n      <input\n        [attr.id]=\"inputId\"\n        [attr.name]=\"inputId\"\n        [type]=\"type\"\n        class=\"cqa-w-full !cqa-border !cqa-border-solid !cqa-border-gray-200 cqa-rounded-md cqa-bg-white cqa-font-['SF_Pro_Text'] cqa-font-normal cqa-leading-normal cqa-tracking-normal cqa-text-[#0A0A0A] placeholder:cqa-text-[#9CA3AF] cqa-transition-all cqa-duration-200 cqa-outline-none {{ inputSizeClasses }}\"\n        [ngClass]=\"{\n          'cqa-border-[#D1D5DB] focus:cqa-border-[#3B82F6] focus:cqa-ring-1 focus:cqa-ring-[#3B82F6]': !hasError,\n          'cqa-border-[#EF4444] focus:cqa-border-[#EF4444] focus:cqa-ring-1 focus:cqa-ring-[#EF4444]': hasError,\n          'cqa-bg-[#F9FAFB] cqa-cursor-not-allowed cqa-text-[#9CA3AF]': disabled,\n          'cqa-outline-none': true\n        }\"\n        [style]=\"inputStyles\"\n        [placeholder]=\"placeholder\"\n        [value]=\"inputValue\"\n        (input)=\"onInput($event)\"\n        (focus)=\"onFocus($event)\"\n        (blur)=\"onBlur($event)\"\n        (keydown)=\"onKeyDown($event)\"\n        [disabled]=\"disabled\"\n        [attr.aria-label]=\"ariaLabel || label\"\n        [attr.aria-invalid]=\"hasError\"\n        [attr.aria-required]=\"required\"\n        autocomplete=\"off\"\n      />\n    </div>\n\n    <div *ngIf=\"showCharCount && maxLength\" class=\"cqa-flex cqa-justify-end cqa-mt-1\">\n      <span class=\"cqa-text-xs cqa-text-[#6B7280]\">\n        {{ inputValue.length }}/{{ maxLength }}\n      </span>\n    </div>\n\n    <div *ngIf=\"hasError\" class=\"cqa-flex cqa-flex-col cqa-gap-1 cqa-mt-1.5\">\n      <div *ngFor=\"let error of errors\" class=\"cqa-flex cqa-items-start cqa-gap-1.5\">\n        <svg \n          xmlns=\"http://www.w3.org/2000/svg\" \n          width=\"14\" \n          height=\"14\" \n          viewBox=\"0 0 14 14\" \n          fill=\"none\"\n          class=\"cqa-flex-shrink-0 cqa-mt-0.5\">\n          <path d=\"M7 1.75C4.1 1.75 1.75 4.1 1.75 7C1.75 9.9 4.1 12.25 7 12.25C9.9 12.25 12.25 9.9 12.25 7C12.25 4.1 9.9 1.75 7 1.75ZM7 9.625C6.65625 9.625 6.375 9.34375 6.375 9V7C6.375 6.65625 6.65625 6.375 7 6.375C7.34375 6.375 7.625 6.65625 7.625 7V9C7.625 9.34375 7.34375 9.625 7 9.625ZM7.625 5.25H6.375V4H7.625V5.25Z\" fill=\"#EF4444\"/>\n        </svg>\n        <span class=\"cqa-text-xs cqa-text-[#EF4444] cqa-font-medium cqa-leading-[18px]\">\n          {{ error }}\n        </span>\n      </div>\n    </div>\n  </div>\n</div>\n\n", styles: [] }]
+            args: [{ selector: 'cqa-custom-input', host: { class: 'cqa-ui-root' }, template: "<div class=\"cqa-ui-root\" [style.display]=\"'block'\" [style.width]=\"fullWidth ? '100%' : 'auto'\">\n  <div class=\"cqa-flex cqa-flex-col\" [style.width]=\"fullWidth ? '100%' : 'auto'\">\n    <label \n      *ngIf=\"label\"\n      class=\"cqa-font-medium cqa-text-[#374151]\"\n      [ngClass]=\"labelSizeClasses\"\n      [style]=\"labelStyles\">\n      {{ label }}\n      <span *ngIf=\"required\" class=\"cqa-text-[#EF4444] cqa-ml-0.5\">*</span>\n    </label>\n\n    <div class=\"cqa-relative\" [style.width]=\"fullWidth ? '100%' : 'auto'\">\n      <input\n        [attr.id]=\"inputId\"\n        [attr.name]=\"inputId\"\n        [type]=\"effectiveType\"\n        class=\"cqa-w-full !cqa-border !cqa-border-solid !cqa-border-gray-200 cqa-rounded-md cqa-bg-white cqa-font-['SF_Pro_Text'] cqa-font-normal cqa-leading-normal cqa-tracking-normal cqa-text-[#0A0A0A] placeholder:cqa-text-[#9CA3AF] cqa-transition-all cqa-duration-200 cqa-outline-none {{ inputSizeClasses }}\"\n        [ngClass]=\"{\n          'cqa-border-[#D1D5DB] focus:cqa-border-[#3B82F6] focus:cqa-ring-1 focus:cqa-ring-[#3B82F6]': !hasError,\n          'cqa-border-[#EF4444] focus:cqa-border-[#EF4444] focus:cqa-ring-1 focus:cqa-ring-[#EF4444]': hasError,\n          'cqa-bg-[#F9FAFB] cqa-cursor-not-allowed cqa-text-[#9CA3AF]': disabled,\n          'cqa-outline-none': true,\n          'cqa-pr-10': isPasswordToggleVisible\n        }\"\n        [style]=\"inputStyles\"\n        [placeholder]=\"placeholder\"\n        [value]=\"inputValue\"\n        (input)=\"onInput($event)\"\n        (focus)=\"onFocus($event)\"\n        (blur)=\"onBlur($event)\"\n        (keydown)=\"onKeyDown($event)\"\n        [disabled]=\"disabled\"\n        [attr.aria-label]=\"ariaLabel || label\"\n        [attr.aria-invalid]=\"hasError\"\n        [attr.aria-required]=\"required\"\n        autocomplete=\"off\"\n      />\n      <button\n        *ngIf=\"isPasswordToggleVisible\"\n        type=\"button\"\n        class=\"cqa-absolute cqa-inset-y-0 cqa-right-0 cqa-flex cqa-items-center cqa-justify-center cqa-w-10 cqa-bg-transparent cqa-border-0 cqa-cursor-pointer cqa-text-[#64748B] hover:cqa-text-[#0F172A]\"\n        [attr.aria-label]=\"passwordVisible ? 'Hide password' : 'Show password'\"\n        [attr.aria-pressed]=\"passwordVisible\"\n        tabindex=\"-1\"\n        (click)=\"togglePasswordVisible($event)\">\n        <mat-icon class=\"cqa-text-[18px] cqa-leading-[18px]\" style=\"font-size:18px;width:18px;height:18px;line-height:18px;\">\n          {{ passwordVisible ? 'visibility_off' : 'visibility' }}\n        </mat-icon>\n      </button>\n    </div>\n\n    <div *ngIf=\"showCharCount && maxLength\" class=\"cqa-flex cqa-justify-end cqa-mt-1\">\n      <span class=\"cqa-text-xs cqa-text-[#6B7280]\">\n        {{ inputValue.length }}/{{ maxLength }}\n      </span>\n    </div>\n\n    <div *ngIf=\"hasError\" class=\"cqa-flex cqa-flex-col cqa-gap-1 cqa-mt-1.5\">\n      <div *ngFor=\"let error of errors\" class=\"cqa-flex cqa-items-start cqa-gap-1.5\">\n        <svg \n          xmlns=\"http://www.w3.org/2000/svg\" \n          width=\"14\" \n          height=\"14\" \n          viewBox=\"0 0 14 14\" \n          fill=\"none\"\n          class=\"cqa-flex-shrink-0 cqa-mt-0.5\">\n          <path d=\"M7 1.75C4.1 1.75 1.75 4.1 1.75 7C1.75 9.9 4.1 12.25 7 12.25C9.9 12.25 12.25 9.9 12.25 7C12.25 4.1 9.9 1.75 7 1.75ZM7 9.625C6.65625 9.625 6.375 9.34375 6.375 9V7C6.375 6.65625 6.65625 6.375 7 6.375C7.34375 6.375 7.625 6.65625 7.625 7V9C7.625 9.34375 7.34375 9.625 7 9.625ZM7.625 5.25H6.375V4H7.625V5.25Z\" fill=\"#EF4444\"/>\n        </svg>\n        <span class=\"cqa-text-xs cqa-text-[#EF4444] cqa-font-medium cqa-leading-[18px]\">\n          {{ error }}\n        </span>\n      </div>\n    </div>\n  </div>\n</div>\n\n", styles: [] }]
         }], propDecorators: { inputId: [{
                 type: Input
             }], label: [{
@@ -127,6 +141,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
                 type: Input
             }], labelInlineStyle: [{
                 type: Input
+            }], showPasswordToggle: [{
+                type: Input
             }], valueChange: [{
                 type: Output
             }], blurred: [{
@@ -136,4 +152,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
             }], enterPressed: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLWlucHV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY3VzdG9tLWlucHV0L2N1c3RvbS1pbnB1dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2N1c3RvbS1pbnB1dC9jdXN0b20taW5wdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFhLE1BQU0sRUFBaUIsTUFBTSxlQUFlLENBQUM7OztBQVdqRyxNQUFNLE9BQU8sb0JBQW9CO0lBTmpDO1FBVVcsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUVYLFNBQUksR0FBYyxNQUFNLENBQUM7UUFFekIsZ0JBQVcsR0FBRyxFQUFFLENBQUM7UUFFakIsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUVYLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFFakIsV0FBTSxHQUFhLEVBQUUsQ0FBQztRQUV0QixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBRWpCLGNBQVMsR0FBRyxFQUFFLENBQUM7UUFFZixTQUFJLEdBQWMsSUFBSSxDQUFDO1FBRXZCLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFJbEIsa0JBQWEsR0FBRyxLQUFLLENBQUM7UUFNckIsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBRXpDLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBYyxDQUFDO1FBRXpDLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBYyxDQUFDO1FBRXpDLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUVwRCxlQUFVLEdBQUcsRUFBRSxDQUFDO1FBQ2hCLGNBQVMsR0FBRyxLQUFLLENBQUM7S0FxRm5CO0lBbkZDLFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxPQUFPLENBQUMsSUFBSSxPQUFPLENBQUMsT0FBTyxDQUFDLENB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QUksV0FBVztRQUNiLE9BQU8sSUFBSSxDQUFDLGdCQUFnQixJQUFJLEVBQUUsQ0FBQztJQUNyQyxDQUFDOztpSEE3SFUsb0JBQW9CO3FHQUFwQixvQkFBb0IsK2tCQ1hqQywyNkZBK0RBOzJGRHBEYSxvQkFBb0I7a0JBTmhDLFNBQVM7K0JBQ0Usa0JBQWtCLFFBR3RCLEVBQUUsS0FBSyxFQUFFLGFBQWEsRUFBRTs4QkFJckIsT0FBTztzQkFBZixLQUFLO2dCQUVHLEtBQUs7c0JBQWIsS0FBSztnQkFFRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRUcsV0FBVztzQkFBbkIsS0FBSztnQkFFRyxLQUFLO3NCQUFiLEtBQUs7Z0JBRUcsUUFBUTtzQkFBaEIsS0FBSztnQkFFRyxNQUFNO3NCQUFkLEtBQUs7Z0JBRUcsUUFBUTtzQkFBaEIsS0FBSztnQkFFRyxTQUFTO3NCQUFqQixLQUFLO2dCQUVHLElBQUk7c0JBQVosS0FBSztnQkFFRyxTQUFTO3NCQUFqQixLQUFLO2dCQUVHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBRUcsYUFBYTtzQkFBckIsS0FBSztnQkFFRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBRUcsZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUVJLFdBQVc7c0JBQXBCLE1BQU07Z0JBRUcsT0FBTztzQkFBaEIsTUFBTTtnQkFFRyxPQUFPO3NCQUFoQixNQUFNO2dCQUVHLFlBQVk7c0JBQXJCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uQ2hhbmdlcywgT3V0cHV0LCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbnR5cGUgSW5wdXRUeXBlID0gJ3RleHQnIHwgJ3Bhc3N3b3JkJyB8ICdlbWFpbCcgfCAnbnVtYmVyJyB8ICd0ZWwnIHwgJ3VybCc7XG50eXBlIElucHV0U2l6ZSA9ICdzbScgfCAnbWQnIHwgJ2xnJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY3FhLWN1c3RvbS1pbnB1dCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9jdXN0b20taW5wdXQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFtdLFxuICBob3N0OiB7IGNsYXNzOiAnY3FhLXVpLXJvb3QnIH1cbn0pXG5leHBvcnQgY2xhc3MgQ3VzdG9tSW5wdXRDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuXG4gIEBJbnB1dCgpIGlucHV0SWQ/OiBzdHJpbmc7XG5cbiAgQElucHV0KCkgbGFiZWwgPSAnJztcblxuICBASW5wdXQoKSB0eXBlOiBJbnB1dFR5cGUgPSAndGV4dCc7XG5cbiAgQElucHV0KCkgcGxhY2Vob2xkZXIgPSAnJztcblxuICBASW5wdXQoKSB2YWx1ZSA9ICcnO1xuXG4gIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG5cbiAgQElucHV0KCkgZXJyb3JzOiBzdHJpbmdbXSA9IFtdO1xuXG4gIEBJbnB1dCgpIHJlcXVpcmVkID0gZmFsc2U7XG5cbiAgQElucHV0KCkgYXJpYUxhYmVsID0gJyc7XG5cbiAgQElucHV0KCkgc2l6ZTogSW5wdXRTaXplID0gJ21kJztcblxuICBASW5wdXQoKSBmdWxsV2lkdGggPSBmYWxzZTtcblxuICBASW5wdXQoKSBtYXhMZW5ndGg/OiBudW1iZXI7XG5cbiAgQElucHV0KCkgc2hvd0NoYXJDb3VudCA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpIGlucHV0SW5saW5lU3R5bGU/OiBzdHJpbmc7XG5cbiAgQElucHV0KCkgbGFiZWxJbmxpbmVTdHlsZT86IHN0cmluZztcblxuICBAT3V0cHV0KCkgdmFsdWVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICBAT3V0cHV0KCkgYmx1cnJlZCA9IG5ldyBFdmVudEVtaXR0ZXI8Rm9jdXNFdmVudD4oKTtcblxuICBAT3V0cHV0KCkgZm9jdXNlZCA9IG5ldyBFdmVudEVtaXR0ZXI8Rm9jdXNFdmVudD4oKTtcblxuICBAT3V0cHV0KCkgZW50ZXJQcmVzc2VkID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgaW5wdXRWYWx1ZSA9ICcnO1xuICBpc0ZvY3VzZWQgPSBmYWxzZTtcblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgaWYgKGNoYW5nZXNbJ3ZhbHVlJ10gJiYgY2hhbmdlc1sndmFsdWUnXS5jdXJyZW50VmFsdWUgIT09IHVuZGVmaW5lZCkge1xuICAgICAgbGV0IG5ld1ZhbHVlID0gY2hhbmdlc1sndmFsdWUnXS5jdXJyZW50VmFsdWUgPz8gJyc7XG4gICAgICBcbiAgICAgIGlmICh0aGlzLm1heExlbmd0aCAmJiBuZXdWYWx1ZS5sZW5ndGggPiB0aGlzLm1heExlbmd0aCkge1xuICAgICAgICBuZXdWYWx1ZSA9IG5ld1ZhbHVlLnN1YnN0cmluZygwLCB0aGlzLm1heExlbmd0aCk7XG4gICAgICB9XG4gICAgICBcbiAgICAgIGlmIChuZXdWYWx1ZSAhPT0gdGhpcy5pbnB1dFZhbHVlKSB7XG4gICAgICAgIHRoaXMuaW5wdXRWYWx1ZSA9IG5ld1ZhbHVlO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIGdldCBoYXNFcnJvcigpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5lcnJvcnMgJiYgdGhpcy5lcnJvcnMubGVuZ3RoID4gMDtcbiAgfVxuXG4gIGdldCBpbnB1dFNpemVDbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgc3dpdGNoICh0aGlzLnNpemUpIHtcbiAgICAgIGNhc2UgJ3NtJzpcbiAgICAgICAgcmV0dXJuICdjcWEtcHgtMyBjcWEtcHktMiBjcWEtdGV4dC14cyc7XG4gICAgICBjYXNlICdtZCc6XG4gICAgICAgIHJldHVybiAnY3FhLXB4LTQgY3FhLXB5LTIuNSBjcWEtdGV4dC1zbSc7XG4gICAgICBjYXNlICdsZyc6XG4gICAgICAgIHJldHVybiAnY3FhLXB4LTUgY3FhLXB5LTMgY3FhLXRleHQtYmFzZSc7XG4gICAgICBkZWZhdWx0OlxuICAgICAgICByZXR1cm4gJ2NxYS1weC00IGNxYS1weS0yLjUgY3FhLXRleHQtc20nO1xuICAgIH1cbiAgfVxuXG4gIGdldCBsYWJlbFNpemVDbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgc3dpdGNoICh0aGlzLnNpemUpIHtcbiAgICAgIGNhc2UgJ3NtJzpcbiAgICAgICAgcmV0dXJuICdjcWEtdGV4dC14cyBjcWEtbWItMSc7XG4gICAgICBjYXNlICdtZCc6XG4gICAgICAgIHJldHVybiAnY3FhLXRleHQtc20gY3FhLW1iLTEuNSc7XG4gICAgICBjYXNlICdsZyc6XG4gICAgICAgIHJldHVybiAnY3FhLXRleHQtYmFzZSBjcWEtbWItMic7XG4gICAgICBkZWZhdWx0OlxuICAgICAgICByZXR1cm4gJ2NxYS10ZXh0LXNtIGNxYS1tYi0xLjUnO1xuICAgIH1cbiAgfVxuXG4gIG9uSW5wdXQoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgY29uc3QgdGFyZ2V0ID0gZXZlbnQudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQgfCBudWxsO1xuICAgIGxldCBuZXh0VmFsdWUgPSB0YXJnZXQ/LnZhbHVlID8/ICcnO1xuICAgIFxuICAgIGlmICh0aGlzLnNob3dDaGFyQ291bnQgJiYgdGhpcy5tYXhMZW5ndGggJiYgbmV4dFZhbHVlLmxlbmd0aCA+IHRoaXMubWF4TGVuZ3RoKSB7XG4gICAgICBuZXh0VmFsdWUgPSBuZXh0VmFsdWUuc3Vic3RyaW5nKDAsIHRoaXMubWF4TGVuZ3RoKTtcbiAgICAgIGlmICh0YXJnZXQpIHtcbiAgICAgICAgdGFyZ2V0LnZhbHVlID0gbmV4dFZhbHVlO1xuICAgICAgfVxuICAgIH1cbiAgICBcbiAgICB0aGlzLmlucHV0VmFsdWUgPSBuZXh0VmFsdWU7XG4gICAgdGhpcy52YWx1ZUNoYW5nZS5lbWl0KHRoaXMuaW5wdXRWYWx1ZSk7XG4gIH1cblxuICBvbkZvY3VzKGV2ZW50OiBGb2N1c0V2ZW50KTogdm9pZCB7XG4gICAgdGhpcy5pc0ZvY3VzZWQgPSB0cnVlO1xuICAgIHRoaXMuZm9jdXNlZC5lbWl0KGV2ZW50KTtcbiAgfVxuXG4gIG9uQmx1cihldmVudDogRm9jdXNFdmVudCk6IHZvaWQge1xuICAgIHRoaXMuaXNGb2N1c2VkID0gZmFsc2U7XG4gICAgdGhpcy5ibHVycmVkLmVtaXQoZXZlbnQpO1xuICB9XG5cbiAgb25LZXlEb3duKGV2ZW50OiBLZXlib2FyZEV2ZW50KTogdm9pZCB7XG4gICAgaWYgKGV2ZW50LmtleSA9PT0gJ0VudGVyJykge1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgIHRoaXMuZW50ZXJQcmVzc2VkLmVtaXQodGhpcy5pbnB1dFZhbHVlLnRyaW0oKSk7XG4gICAgfVxuICB9XG5cbiAgZ2V0IGlucHV0U3R5bGVzKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuaW5wdXRJbmxpbmVTdHlsZSB8fCAnJztcbiAgfVxuXG4gIGdldCBsYWJlbFN0eWxlcygpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLmxhYmVsSW5saW5lU3R5bGUgfHwgJyc7XG4gIH1cbn1cblxuIiwiPGRpdiBjbGFzcz1cImNxYS11aS1yb290XCIgW3N0eWxlLmRpc3BsYXldPVwiJ2Jsb2NrJ1wiIFtzdHlsZS53aWR0aF09XCJmdWxsV2lkdGggPyAnMTAwJScgOiAnYXV0bydcIj5cbiAgPGRpdiBjbGFzcz1cImNxYS1mbGV4IGNxYS1mbGV4LWNvbFwiIFtzdHlsZS53aWR0aF09XCJmdWxsV2lkdGggPyAnMTAwJScgOiAnYXV0bydcIj5cbiAgICA8bGFiZWwgXG4gICAgICAqbmdJZj1cImxhYmVsXCJcbiAgICAgIGNsYXNzPVwiY3FhLWZvbnQtbWVkaXVtIGNxYS10ZXh0LVsjMzc0MTUxXVwiXG4gICAgICBbbmdDbGFzc109XCJsYWJlbFNpemVDbGFzc2VzXCJcbiAgICAgIFtzdHlsZV09XCJsYWJlbFN0eWxlc1wiPlxuICAgICAge3sgbGFiZWwgfX1cbiAgICAgIDxzcGFuICpuZ0lmPVwicmVxdWlyZWRcIiBjbGFzcz1cImNxYS10ZXh0LVsjRUY0NDQ0XSBjcWEtbWwtMC41XCI+Kjwvc3Bhbj5cbiAgICA8L2xhYmVsPlxuXG4gICAgPGRpdiBjbGFzcz1cImNxYS1yZWxhdGl2ZVwiIFtzdHlsZS53aWR0aF09XCJmdWxsV2lkdGggPyAnMTAwJScgOiAnYXV0bydcIj5cbiAgICAgIDxpbnB1dFxuICAgICAgICBbYXR0ci5pZF09XCJpbnB1dElkXCJcbiAgICAgICAgW2F0dHIubmFtZV09XCJpbnB1dElkXCJcbiAgICAgICAgW3R5cGVdPVwidHlwZVwiXG4gICAgICAgIGNsYXNzPVwiY3FhLXctZnVsbCAhY3FhLWJvcmRlciAhY3FhLWJvcmRlci1zb2xpZCAhY3FhLWJvcmRlci1ncmF5LTIwMCBjcWEtcm91bmRlZC1tZCBjcWEtYmctd2hpdGUgY3FhLWZvbnQtWydTRl9Qcm9fVGV4dCddIGNxYS1mb250LW5vcm1hbCBjcWEtbGVhZGluZy1ub3JtYWwgY3FhLXRyYWNraW5nLW5vcm1hbCBjcWEtdGV4dC1bIzBBMEEwQV0gcGxhY2Vob2xkZXI6Y3FhLXRleHQtWyM5Q0EzQUZdIGNxYS10cmFuc2l0aW9uLWFsbCBjcWEtZHVyYXRpb24tMjAwIGNxYS1vdXRsaW5lLW5vbmUge3sgaW5wdXRTaXplQ2xhc3NlcyB9fVwiXG4gICAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICAnY3FhLWJvcmRlci1bI0QxRDVEQl0gZm9jdXM6Y3FhLWJvcmRlci1bIzNCODJGNl0gZm9jdXM6Y3FhLXJpbmctMSBmb2N1czpjcWEtcmluZy1bIzNCODJGNl0nOiAhaGFzRXJyb3IsXG4gICAgICAgICAgJ2NxYS1ib3JkZXItWyNFRjQ0NDRdIGZvY3VzOmNxYS1ib3JkZXItWyNFRjQ0NDRdIGZvY3VzOmNxYS1yaW5nLTEgZm9jdXM6Y3FhLXJpbmctWyNFRjQ0NDRdJzogaGFzRXJyb3IsXG4gICAgICAgICAgJ2NxYS1iZy1bI0Y5RkFGQl0gY3FhLWN1cnNvci1ub3QtYWxsb3dlZCBjcWEtdGV4dC1bIzlDQTNBRl0nOiBkaXNhYmxlZCxcbiAgICAgICAgICAnY3FhLW91dGxpbmUtbm9uZSc6IHRydWVcbiAgICAgICAgfVwiXG4gICAgICAgIFtzdHlsZV09XCJpbnB1dFN0eWxlc1wiXG4gICAgICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXG4gICAgICAgIFt2YWx1ZV09XCJpbnB1dFZhbHVlXCJcbiAgICAgICAgKGlucHV0KT1cIm9uSW5wdXQoJGV2ZW50KVwiXG4gICAgICAgIChmb2N1cyk9XCJvbkZvY3VzKCRldmVudClcIlxuICAgICAgICAoYmx1cik9XCJvbkJsdXIoJGV2ZW50KVwiXG4gICAgICAgIChrZXlkb3duKT1cIm9uS2V5RG93bigkZXZlbnQpXCJcbiAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCJhcmlhTGFiZWwgfHwgbGFiZWxcIlxuICAgICAgICBbYXR0ci5hcmlhLWludmFsaWRdPVwiaGFzRXJyb3JcIlxuICAgICAgICBbYXR0ci5hcmlhLXJlcXVpcmVkXT1cInJlcXVpcmVkXCJcbiAgICAgICAgYXV0b2NvbXBsZXRlPVwib2ZmXCJcbiAgICAgIC8+XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2ICpuZ0lmPVwic2hvd0NoYXJDb3VudCAmJiBtYXhMZW5ndGhcIiBjbGFzcz1cImNxYS1mbGV4IGNxYS1qdXN0aWZ5LWVuZCBjcWEtbXQtMVwiPlxuICAgICAgPHNwYW4gY2xhc3M9XCJjcWEtdGV4dC14cyBjcWEtdGV4dC1bIzZCNzI4MF1cIj5cbiAgICAgICAge3sgaW5wdXRWYWx1ZS5sZW5ndGggfX0ve3sgbWF4TGVuZ3RoIH19XG4gICAgICA8L3NwYW4+XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2ICpuZ0lmPVwiaGFzRXJyb3JcIiBjbGFzcz1cImNxYS1mbGV4IGNxYS1mbGV4LWNvbCBjcWEtZ2FwLTEgY3FhLW10LTEuNVwiPlxuICAgICAgPGRpdiAqbmdGb3I9XCJsZXQgZXJyb3Igb2YgZXJyb3JzXCIgY2xhc3M9XCJjcWEtZmxleCBjcWEtaXRlbXMtc3RhcnQgY3FhLWdhcC0xLjVcIj5cbiAgICAgICAgPHN2ZyBcbiAgICAgICAgICB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgXG4gICAgICAgICAgd2lkdGg9XCIxNFwiIFxuICAgICAgICAgIGhlaWdodD1cIjE0XCIgXG4gICAgICAgICAgdmlld0JveD1cIjAgMCAxNCAxNFwiIFxuICAgICAgICAgIGZpbGw9XCJub25lXCJcbiAgICAgICAgICBjbGFzcz1cImNxYS1mbGV4LXNocmluay0wIGNxYS1tdC0wLjVcIj5cbiAgICAgICAgICA8cGF0aCBkPVwiTTcgMS43NUM0LjEgMS43NSAxLjc1IDQuMSAxLjc1IDdDMS43NSA5LjkgNC4xIDEyLjI1IDcgMTIuMjVDOS45IDEyLjI1IDEyLjI1IDkuOSAxMi4yNSA3QzEyLjI1IDQuMSA5LjkgMS43NSA3IDEuNzVaTTcgOS42MjVDNi42NTYyNSA5LjYyNSA2LjM3NSA5LjM0Mzc1IDYuMzc1IDlWN0M2LjM3NSA2LjY1NjI1IDYuNjU2MjUgNi4zNzUgNyA2LjM3NUM3LjM0Mzc1IDYuMzc1IDcuNjI1IDYuNjU2MjUgNy42MjUgN1Y5QzcuNjI1IDkuMzQzNzUgNy4zNDM3NSA5LjYyNSA3IDkuNjI1Wk03LjYyNSA1LjI1SDYuMzc1VjRINy42MjVWNS4yNVpcIiBmaWxsPVwiI0VGNDQ0NFwiLz5cbiAgICAgICAgPC9zdmc+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwiY3FhLXRleHQteHMgY3FhLXRleHQtWyNFRjQ0NDRdIGNxYS1mb250LW1lZGl1bSBjcWEtbGVhZGluZy1bMThweF1cIj5cbiAgICAgICAgICB7eyBlcnJvciB9fVxuICAgICAgICA8L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cblxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLWlucHV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY3VzdG9tLWlucHV0L2N1c3RvbS1pbnB1dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2N1c3RvbS1pbnB1dC9jdXN0b20taW5wdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFhLE1BQU0sRUFBaUIsTUFBTSxlQUFlLENBQUM7Ozs7QUFXakcsTUFBTSxPQUFPLG9CQUFvQjtJQU5qQztRQVVXLFVBQUssR0FBRyxFQUFFLENBQUM7UUFFWCxTQUFJLEdBQWMsTUFBTSxDQUFDO1FBRXpCLGdCQUFXLEdBQUcsRUFBRSxDQUFDO1FBRWpCLFVBQUssR0FBRyxFQUFFLENBQUM7UUFFWCxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBRWpCLFdBQU0sR0FBYSxFQUFFLENBQUM7UUFFdEIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUVqQixjQUFTLEdBQUcsRUFBRSxDQUFDO1FBRWYsU0FBSSxHQUFjLElBQUksQ0FBQztRQUV2QixjQUFTLEdBQUcsS0FBSyxDQUFDO1FBSWxCLGtCQUFhLEdBQUcsS0FBSyxDQUFDO1FBTXRCLHVCQUFrQixHQUFHLEtBQUssQ0FBQztRQUUxQixnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFFekMsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFjLENBQUM7UUFFekMsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFjLENBQUM7UUFFekMsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBRXBELGVBQVUsR0FBRyxFQUFFLENBQUM7UUFDaEIsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUNsQixvQkFBZSxHQUFHLEtBQUssQ0FBQztLQW1HekI7SUFqR0MsSUFBSSxhQUFhO1FBQ2YsT0FB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O2dCQUVHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBRUcsZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUVHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFFRyxrQkFBa0I7c0JBQTFCLEtBQUs7Z0JBRUksV0FBVztzQkFBcEIsTUFBTTtnQkFFRyxPQUFPO3NCQUFoQixNQUFNO2dCQUVHLE9BQU87c0JBQWhCLE1BQU07Z0JBRUcsWUFBWTtzQkFBckIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25DaGFuZ2VzLCBPdXRwdXQsIFNpbXBsZUNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxudHlwZSBJbnB1dFR5cGUgPSAndGV4dCcgfCAncGFzc3dvcmQnIHwgJ2VtYWlsJyB8ICdudW1iZXInIHwgJ3RlbCcgfCAndXJsJztcbnR5cGUgSW5wdXRTaXplID0gJ3NtJyB8ICdtZCcgfCAnbGcnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjcWEtY3VzdG9tLWlucHV0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2N1c3RvbS1pbnB1dC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogW10sXG4gIGhvc3Q6IHsgY2xhc3M6ICdjcWEtdWktcm9vdCcgfVxufSlcbmV4cG9ydCBjbGFzcyBDdXN0b21JbnB1dENvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG5cbiAgQElucHV0KCkgaW5wdXRJZD86IHN0cmluZztcblxuICBASW5wdXQoKSBsYWJlbCA9ICcnO1xuXG4gIEBJbnB1dCgpIHR5cGU6IElucHV0VHlwZSA9ICd0ZXh0JztcblxuICBASW5wdXQoKSBwbGFjZWhvbGRlciA9ICcnO1xuXG4gIEBJbnB1dCgpIHZhbHVlID0gJyc7XG5cbiAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcblxuICBASW5wdXQoKSBlcnJvcnM6IHN0cmluZ1tdID0gW107XG5cbiAgQElucHV0KCkgcmVxdWlyZWQgPSBmYWxzZTtcblxuICBASW5wdXQoKSBhcmlhTGFiZWwgPSAnJztcblxuICBASW5wdXQoKSBzaXplOiBJbnB1dFNpemUgPSAnbWQnO1xuXG4gIEBJbnB1dCgpIGZ1bGxXaWR0aCA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpIG1heExlbmd0aD86IG51bWJlcjtcblxuICBASW5wdXQoKSBzaG93Q2hhckNvdW50ID0gZmFsc2U7XG5cbiAgQElucHV0KCkgaW5wdXRJbmxpbmVTdHlsZT86IHN0cmluZztcblxuICBASW5wdXQoKSBsYWJlbElubGluZVN0eWxlPzogc3RyaW5nO1xuXG4gIEBJbnB1dCgpIHNob3dQYXNzd29yZFRvZ2dsZSA9IGZhbHNlO1xuXG4gIEBPdXRwdXQoKSB2YWx1ZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gIEBPdXRwdXQoKSBibHVycmVkID0gbmV3IEV2ZW50RW1pdHRlcjxGb2N1c0V2ZW50PigpO1xuXG4gIEBPdXRwdXQoKSBmb2N1c2VkID0gbmV3IEV2ZW50RW1pdHRlcjxGb2N1c0V2ZW50PigpO1xuXG4gIEBPdXRwdXQoKSBlbnRlclByZXNzZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICBpbnB1dFZhbHVlID0gJyc7XG4gIGlzRm9jdXNlZCA9IGZhbHNlO1xuICBwYXNzd29yZFZpc2libGUgPSBmYWxzZTtcblxuICBnZXQgZWZmZWN0aXZlVHlwZSgpOiBJbnB1dFR5cGUge1xuICAgIHJldHVybiB0aGlzLnR5cGUgPT09ICdwYXNzd29yZCcgJiYgdGhpcy5wYXNzd29yZFZpc2libGUgPyAndGV4dCcgOiB0aGlzLnR5cGU7XG4gIH1cblxuICBnZXQgaXNQYXNzd29yZFRvZ2dsZVZpc2libGUoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuc2hvd1Bhc3N3b3JkVG9nZ2xlICYmIHRoaXMudHlwZSA9PT0gJ3Bhc3N3b3JkJyAmJiAhdGhpcy5kaXNhYmxlZDtcbiAgfVxuXG4gIHRvZ2dsZVBhc3N3b3JkVmlzaWJsZShldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIHRoaXMucGFzc3dvcmRWaXNpYmxlID0gIXRoaXMucGFzc3dvcmRWaXNpYmxlO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgIGlmIChjaGFuZ2VzWyd2YWx1ZSddICYmIGNoYW5nZXNbJ3ZhbHVlJ10uY3VycmVudFZhbHVlICE9PSB1bmRlZmluZWQpIHtcbiAgICAgIGxldCBuZXdWYWx1ZSA9IGNoYW5nZXNbJ3ZhbHVlJ10uY3VycmVudFZhbHVlID8/ICcnO1xuICAgICAgXG4gICAgICBpZiAodGhpcy5tYXhMZW5ndGggJiYgbmV3VmFsdWUubGVuZ3RoID4gdGhpcy5tYXhMZW5ndGgpIHtcbiAgICAgICAgbmV3VmFsdWUgPSBuZXdWYWx1ZS5zdWJzdHJpbmcoMCwgdGhpcy5tYXhMZW5ndGgpO1xuICAgICAgfVxuICAgICAgXG4gICAgICBpZiAobmV3VmFsdWUgIT09IHRoaXMuaW5wdXRWYWx1ZSkge1xuICAgICAgICB0aGlzLmlucHV0VmFsdWUgPSBuZXdWYWx1ZTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBnZXQgaGFzRXJyb3IoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuZXJyb3JzICYmIHRoaXMuZXJyb3JzLmxlbmd0aCA+IDA7XG4gIH1cblxuICBnZXQgaW5wdXRTaXplQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgIHN3aXRjaCAodGhpcy5zaXplKSB7XG4gICAgICBjYXNlICdzbSc6XG4gICAgICAgIHJldHVybiAnY3FhLXB4LTMgY3FhLXB5LTIgY3FhLXRleHQteHMnO1xuICAgICAgY2FzZSAnbWQnOlxuICAgICAgICByZXR1cm4gJ2NxYS1weC00IGNxYS1weS0yLjUgY3FhLXRleHQtc20nO1xuICAgICAgY2FzZSAnbGcnOlxuICAgICAgICByZXR1cm4gJ2NxYS1weC01IGNxYS1weS0zIGNxYS10ZXh0LWJhc2UnO1xuICAgICAgZGVmYXVsdDpcbiAgICAgICAgcmV0dXJuICdjcWEtcHgtNCBjcWEtcHktMi41IGNxYS10ZXh0LXNtJztcbiAgICB9XG4gIH1cblxuICBnZXQgbGFiZWxTaXplQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgIHN3aXRjaCAodGhpcy5zaXplKSB7XG4gICAgICBjYXNlICdzbSc6XG4gICAgICAgIHJldHVybiAnY3FhLXRleHQteHMgY3FhLW1iLTEnO1xuICAgICAgY2FzZSAnbWQnOlxuICAgICAgICByZXR1cm4gJ2NxYS10ZXh0LXNtIGNxYS1tYi0xLjUnO1xuICAgICAgY2FzZSAnbGcnOlxuICAgICAgICByZXR1cm4gJ2NxYS10ZXh0LWJhc2UgY3FhLW1iLTInO1xuICAgICAgZGVmYXVsdDpcbiAgICAgICAgcmV0dXJuICdjcWEtdGV4dC1zbSBjcWEtbWItMS41JztcbiAgICB9XG4gIH1cblxuICBvbklucHV0KGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IHRhcmdldCA9IGV2ZW50LnRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50IHwgbnVsbDtcbiAgICBsZXQgbmV4dFZhbHVlID0gdGFyZ2V0Py52YWx1ZSA/PyAnJztcbiAgICBcbiAgICBpZiAodGhpcy5zaG93Q2hhckNvdW50ICYmIHRoaXMubWF4TGVuZ3RoICYmIG5leHRWYWx1ZS5sZW5ndGggPiB0aGlzLm1heExlbmd0aCkge1xuICAgICAgbmV4dFZhbHVlID0gbmV4dFZhbHVlLnN1YnN0cmluZygwLCB0aGlzLm1heExlbmd0aCk7XG4gICAgICBpZiAodGFyZ2V0KSB7XG4gICAgICAgIHRhcmdldC52YWx1ZSA9IG5leHRWYWx1ZTtcbiAgICAgIH1cbiAgICB9XG4gICAgXG4gICAgdGhpcy5pbnB1dFZhbHVlID0gbmV4dFZhbHVlO1xuICAgIHRoaXMudmFsdWVDaGFuZ2UuZW1pdCh0aGlzLmlucHV0VmFsdWUpO1xuICB9XG5cbiAgb25Gb2N1cyhldmVudDogRm9jdXNFdmVudCk6IHZvaWQge1xuICAgIHRoaXMuaXNGb2N1c2VkID0gdHJ1ZTtcbiAgICB0aGlzLmZvY3VzZWQuZW1pdChldmVudCk7XG4gIH1cblxuICBvbkJsdXIoZXZlbnQ6IEZvY3VzRXZlbnQpOiB2b2lkIHtcbiAgICB0aGlzLmlzRm9jdXNlZCA9IGZhbHNlO1xuICAgIHRoaXMuYmx1cnJlZC5lbWl0KGV2ZW50KTtcbiAgfVxuXG4gIG9uS2V5RG93bihldmVudDogS2V5Ym9hcmRFdmVudCk6IHZvaWQge1xuICAgIGlmIChldmVudC5rZXkgPT09ICdFbnRlcicpIHtcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICB0aGlzLmVudGVyUHJlc3NlZC5lbWl0KHRoaXMuaW5wdXRWYWx1ZS50cmltKCkpO1xuICAgIH1cbiAgfVxuXG4gIGdldCBpbnB1dFN0eWxlcygpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLmlucHV0SW5saW5lU3R5bGUgfHwgJyc7XG4gIH1cblxuICBnZXQgbGFiZWxTdHlsZXMoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5sYWJlbElubGluZVN0eWxlIHx8ICcnO1xuICB9XG59XG5cbiIsIjxkaXYgY2xhc3M9XCJjcWEtdWktcm9vdFwiIFtzdHlsZS5kaXNwbGF5XT1cIidibG9jaydcIiBbc3R5bGUud2lkdGhdPVwiZnVsbFdpZHRoID8gJzEwMCUnIDogJ2F1dG8nXCI+XG4gIDxkaXYgY2xhc3M9XCJjcWEtZmxleCBjcWEtZmxleC1jb2xcIiBbc3R5bGUud2lkdGhdPVwiZnVsbFdpZHRoID8gJzEwMCUnIDogJ2F1dG8nXCI+XG4gICAgPGxhYmVsIFxuICAgICAgKm5nSWY9XCJsYWJlbFwiXG4gICAgICBjbGFzcz1cImNxYS1mb250LW1lZGl1bSBjcWEtdGV4dC1bIzM3NDE1MV1cIlxuICAgICAgW25nQ2xhc3NdPVwibGFiZWxTaXplQ2xhc3Nlc1wiXG4gICAgICBbc3R5bGVdPVwibGFiZWxTdHlsZXNcIj5cbiAgICAgIHt7IGxhYmVsIH19XG4gICAgICA8c3BhbiAqbmdJZj1cInJlcXVpcmVkXCIgY2xhc3M9XCJjcWEtdGV4dC1bI0VGNDQ0NF0gY3FhLW1sLTAuNVwiPio8L3NwYW4+XG4gICAgPC9sYWJlbD5cblxuICAgIDxkaXYgY2xhc3M9XCJjcWEtcmVsYXRpdmVcIiBbc3R5bGUud2lkdGhdPVwiZnVsbFdpZHRoID8gJzEwMCUnIDogJ2F1dG8nXCI+XG4gICAgICA8aW5wdXRcbiAgICAgICAgW2F0dHIuaWRdPVwiaW5wdXRJZFwiXG4gICAgICAgIFthdHRyLm5hbWVdPVwiaW5wdXRJZFwiXG4gICAgICAgIFt0eXBlXT1cImVmZmVjdGl2ZVR5cGVcIlxuICAgICAgICBjbGFzcz1cImNxYS13LWZ1bGwgIWNxYS1ib3JkZXIgIWNxYS1ib3JkZXItc29saWQgIWNxYS1ib3JkZXItZ3JheS0yMDAgY3FhLXJvdW5kZWQtbWQgY3FhLWJnLXdoaXRlIGNxYS1mb250LVsnU0ZfUHJvX1RleHQnXSBjcWEtZm9udC1ub3JtYWwgY3FhLWxlYWRpbmctbm9ybWFsIGNxYS10cmFja2luZy1ub3JtYWwgY3FhLXRleHQtWyMwQTBBMEFdIHBsYWNlaG9sZGVyOmNxYS10ZXh0LVsjOUNBM0FGXSBjcWEtdHJhbnNpdGlvbi1hbGwgY3FhLWR1cmF0aW9uLTIwMCBjcWEtb3V0bGluZS1ub25lIHt7IGlucHV0U2l6ZUNsYXNzZXMgfX1cIlxuICAgICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgJ2NxYS1ib3JkZXItWyNEMUQ1REJdIGZvY3VzOmNxYS1ib3JkZXItWyMzQjgyRjZdIGZvY3VzOmNxYS1yaW5nLTEgZm9jdXM6Y3FhLXJpbmctWyMzQjgyRjZdJzogIWhhc0Vycm9yLFxuICAgICAgICAgICdjcWEtYm9yZGVyLVsjRUY0NDQ0XSBmb2N1czpjcWEtYm9yZGVyLVsjRUY0NDQ0XSBmb2N1czpjcWEtcmluZy0xIGZvY3VzOmNxYS1yaW5nLVsjRUY0NDQ0XSc6IGhhc0Vycm9yLFxuICAgICAgICAgICdjcWEtYmctWyNGOUZBRkJdIGNxYS1jdXJzb3Itbm90LWFsbG93ZWQgY3FhLXRleHQtWyM5Q0EzQUZdJzogZGlzYWJsZWQsXG4gICAgICAgICAgJ2NxYS1vdXRsaW5lLW5vbmUnOiB0cnVlLFxuICAgICAgICAgICdjcWEtcHItMTAnOiBpc1Bhc3N3b3JkVG9nZ2xlVmlzaWJsZVxuICAgICAgICB9XCJcbiAgICAgICAgW3N0eWxlXT1cImlucHV0U3R5bGVzXCJcbiAgICAgICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcbiAgICAgICAgW3ZhbHVlXT1cImlucHV0VmFsdWVcIlxuICAgICAgICAoaW5wdXQpPVwib25JbnB1dCgkZXZlbnQpXCJcbiAgICAgICAgKGZvY3VzKT1cIm9uRm9jdXMoJGV2ZW50KVwiXG4gICAgICAgIChibHVyKT1cIm9uQmx1cigkZXZlbnQpXCJcbiAgICAgICAgKGtleWRvd24pPVwib25LZXlEb3duKCRldmVudClcIlxuICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cImFyaWFMYWJlbCB8fCBsYWJlbFwiXG4gICAgICAgIFthdHRyLmFyaWEtaW52YWxpZF09XCJoYXNFcnJvclwiXG4gICAgICAgIFthdHRyLmFyaWEtcmVxdWlyZWRdPVwicmVxdWlyZWRcIlxuICAgICAgICBhdXRvY29tcGxldGU9XCJvZmZcIlxuICAgICAgLz5cbiAgICAgIDxidXR0b25cbiAgICAgICAgKm5nSWY9XCJpc1Bhc3N3b3JkVG9nZ2xlVmlzaWJsZVwiXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICBjbGFzcz1cImNxYS1hYnNvbHV0ZSBjcWEtaW5zZXQteS0wIGNxYS1yaWdodC0wIGNxYS1mbGV4IGNxYS1pdGVtcy1jZW50ZXIgY3FhLWp1c3RpZnktY2VudGVyIGNxYS13LTEwIGNxYS1iZy10cmFuc3BhcmVudCBjcWEtYm9yZGVyLTAgY3FhLWN1cnNvci1wb2ludGVyIGNxYS10ZXh0LVsjNjQ3NDhCXSBob3ZlcjpjcWEtdGV4dC1bIzBGMTcyQV1cIlxuICAgICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cInBhc3N3b3JkVmlzaWJsZSA/ICdIaWRlIHBhc3N3b3JkJyA6ICdTaG93IHBhc3N3b3JkJ1wiXG4gICAgICAgIFthdHRyLmFyaWEtcHJlc3NlZF09XCJwYXNzd29yZFZpc2libGVcIlxuICAgICAgICB0YWJpbmRleD1cIi0xXCJcbiAgICAgICAgKGNsaWNrKT1cInRvZ2dsZVBhc3N3b3JkVmlzaWJsZSgkZXZlbnQpXCI+XG4gICAgICAgIDxtYXQtaWNvbiBjbGFzcz1cImNxYS10ZXh0LVsxOHB4XSBjcWEtbGVhZGluZy1bMThweF1cIiBzdHlsZT1cImZvbnQtc2l6ZToxOHB4O3dpZHRoOjE4cHg7aGVpZ2h0OjE4cHg7bGluZS1oZWlnaHQ6MThweDtcIj5cbiAgICAgICAgICB7eyBwYXNzd29yZFZpc2libGUgPyAndmlzaWJpbGl0eV9vZmYnIDogJ3Zpc2liaWxpdHknIH19XG4gICAgICAgIDwvbWF0LWljb24+XG4gICAgICA8L2J1dHRvbj5cbiAgICA8L2Rpdj5cblxuICAgIDxkaXYgKm5nSWY9XCJzaG93Q2hhckNvdW50ICYmIG1heExlbmd0aFwiIGNsYXNzPVwiY3FhLWZsZXggY3FhLWp1c3RpZnktZW5kIGNxYS1tdC0xXCI+XG4gICAgICA8c3BhbiBjbGFzcz1cImNxYS10ZXh0LXhzIGNxYS10ZXh0LVsjNkI3MjgwXVwiPlxuICAgICAgICB7eyBpbnB1dFZhbHVlLmxlbmd0aCB9fS97eyBtYXhMZW5ndGggfX1cbiAgICAgIDwvc3Bhbj5cbiAgICA8L2Rpdj5cblxuICAgIDxkaXYgKm5nSWY9XCJoYXNFcnJvclwiIGNsYXNzPVwiY3FhLWZsZXggY3FhLWZsZXgtY29sIGNxYS1nYXAtMSBjcWEtbXQtMS41XCI+XG4gICAgICA8ZGl2ICpuZ0Zvcj1cImxldCBlcnJvciBvZiBlcnJvcnNcIiBjbGFzcz1cImNxYS1mbGV4IGNxYS1pdGVtcy1zdGFydCBjcWEtZ2FwLTEuNVwiPlxuICAgICAgICA8c3ZnIFxuICAgICAgICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiBcbiAgICAgICAgICB3aWR0aD1cIjE0XCIgXG4gICAgICAgICAgaGVpZ2h0PVwiMTRcIiBcbiAgICAgICAgICB2aWV3Qm94PVwiMCAwIDE0IDE0XCIgXG4gICAgICAgICAgZmlsbD1cIm5vbmVcIlxuICAgICAgICAgIGNsYXNzPVwiY3FhLWZsZXgtc2hyaW5rLTAgY3FhLW10LTAuNVwiPlxuICAgICAgICAgIDxwYXRoIGQ9XCJNNyAxLjc1QzQuMSAxLjc1IDEuNzUgNC4xIDEuNzUgN0MxLjc1IDkuOSA0LjEgMTIuMjUgNyAxMi4yNUM5LjkgMTIuMjUgMTIuMjUgOS45IDEyLjI1IDdDMTIuMjUgNC4xIDkuOSAxLjc1IDcgMS43NVpNNyA5LjYyNUM2LjY1NjI1IDkuNjI1IDYuMzc1IDkuMzQzNzUgNi4zNzUgOVY3QzYuMzc1IDYuNjU2MjUgNi42NTYyNSA2LjM3NSA3IDYuMzc1QzcuMzQzNzUgNi4zNzUgNy42MjUgNi42NTYyNSA3LjYyNSA3VjlDNy42MjUgOS4zNDM3NSA3LjM0Mzc1IDkuNjI1IDcgOS42MjVaTTcuNjI1IDUuMjVINi4zNzVWNEg3LjYyNVY1LjI1WlwiIGZpbGw9XCIjRUY0NDQ0XCIvPlxuICAgICAgICA8L3N2Zz5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJjcWEtdGV4dC14cyBjcWEtdGV4dC1bI0VGNDQ0NF0gY3FhLWZvbnQtbWVkaXVtIGNxYS1sZWFkaW5nLVsxOHB4XVwiPlxuICAgICAgICAgIHt7IGVycm9yIH19XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuXG4iXX0=

package/esm2020/lib/dialogs/name-prompt-modal.component.mjs

@@ -90,7 +90,7 @@ export class NamePromptModalComponent {
     }
 }
 NamePromptModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: NamePromptModalComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-NamePromptModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: NamePromptModalComponent, selector: "cqa-name-prompt-modal", inputs: { isOpen: "isOpen", title: "title", description: "description", label: "label", placeholder: "placeholder", submitButtonText: "submitButtonText", cancelButtonText: "cancelButtonText", isSubmitting: "isSubmitting", name: "name" }, outputs: { nameChange: "nameChange", submitted: "submitted", cancelled: "cancelled" }, host: { classAttribute: "cqa-ui-root" }, ngImport: i0, template: "<div *ngIf=\"isOpen\"\n     id=\"cqa-ui-root\"\n     style=\"position: fixed; inset: 0; z-index: 1000;\">\n  <div class=\"cqa-fixed cqa-inset-0 cqa-bg-black/40\"\n       (click)=\"onBackdropClick()\"></div>\n\n  <div class=\"cqa-fixed cqa-inset-0 cqa-flex cqa-items-center cqa-justify-center cqa-p-4 cqa-pointer-events-none\">\n    <div class=\"cqa-relative cqa-w-full cqa-max-w-[480px] cqa-bg-white cqa-rounded-2xl cqa-shadow-md cqa-border cqa-border-border-default cqa-pointer-events-auto\"\n         (keydown.escape)=\"onEscape($event)\"\n         tabindex=\"-1\">\n      <div class=\"cqa-flex cqa-items-start cqa-justify-between cqa-p-6 cqa-pb-4\">\n        <div class=\"cqa-flex cqa-flex-col cqa-gap-1\">\n          <h2 class=\"cqa-text-lg cqa-font-semibold cqa-text-title cqa-m-0\">{{ title }}</h2>\n          <p *ngIf=\"description\"\n             class=\"cqa-text-sm cqa-text-description cqa-m-0\">\n            {{ description }}\n          </p>\n        </div>\n        <button type=\"button\"\n                class=\"cqa-flex cqa-items-center cqa-justify-center cqa-h-6 cqa-w-6 cqa-rounded cqa-bg-transparent cqa-border-0 cqa-text-description hover:cqa-text-title\"\n                [class.cqa-cursor-pointer]=\"!isSubmitting\"\n                [class.cqa-cursor-not-allowed]=\"isSubmitting\"\n                [class.cqa-opacity-50]=\"isSubmitting\"\n                [disabled]=\"isSubmitting\"\n                (click)=\"onClose()\"\n                aria-label=\"Close\">\n          <mat-icon class=\"cqa-text-[20px] cqa-leading-5 cqa-h-5 cqa-w-5\">close</mat-icon>\n        </button>\n      </div>\n\n      <div class=\"cqa-px-6 cqa-pb-5\">\n        <cqa-custom-input\n          [label]=\"label\"\n          [placeholder]=\"placeholder\"\n          [value]=\"name\"\n          [required]=\"true\"\n          [fullWidth]=\"true\"\n          [errors]=\"nameErrors\"\n          (valueChange)=\"onNameChange($event)\"\n          (enterPressed)=\"submit()\">\n        </cqa-custom-input>\n      </div>\n\n      <div class=\"cqa-border-t cqa-border-border-default cqa-px-6 cqa-py-4 cqa-grid cqa-grid-cols-2 cqa-gap-3\">\n        <cqa-button variant=\"outlined\"\n                    [text]=\"cancelButtonText\"\n                    btnSize=\"lg\"\n                    [fullWidth]=\"true\"\n                    [disabled]=\"isSubmitting\"\n                    (clicked)=\"onCancel()\">\n        </cqa-button>\n        <cqa-button variant=\"filled\"\n                    [text]=\"submitButtonText\"\n                    btnSize=\"lg\"\n                    [fullWidth]=\"true\"\n                    [loading]=\"isSubmitting\"\n                    [disabled]=\"!isValid || isSubmitting\"\n                    (clicked)=\"submit()\">\n        </cqa-button>\n      </div>\n    </div>\n  </div>\n</div>\n", components: [{ type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i2.CustomInputComponent, selector: "cqa-custom-input", inputs: ["inputId", "label", "type", "placeholder", "value", "disabled", "errors", "required", "ariaLabel", "size", "fullWidth", "maxLength", "showCharCount", "inputInlineStyle", "labelInlineStyle"], outputs: ["valueChange", "blurred", "focused", "enterPressed"] }, { type: i3.ButtonComponent, selector: "cqa-button", inputs: ["variant", "btnSize", "disabled", "loading", "icon", "iconPosition", "fullWidth", "iconColor", "type", "text", "customClass", "inlineStyles", "tooltip", "tooltipPosition"], outputs: ["clicked"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+NamePromptModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: NamePromptModalComponent, selector: "cqa-name-prompt-modal", inputs: { isOpen: "isOpen", title: "title", description: "description", label: "label", placeholder: "placeholder", submitButtonText: "submitButtonText", cancelButtonText: "cancelButtonText", isSubmitting: "isSubmitting", name: "name" }, outputs: { nameChange: "nameChange", submitted: "submitted", cancelled: "cancelled" }, host: { classAttribute: "cqa-ui-root" }, ngImport: i0, template: "<div *ngIf=\"isOpen\"\n     id=\"cqa-ui-root\"\n     style=\"position: fixed; inset: 0; z-index: 1000;\">\n  <div class=\"cqa-fixed cqa-inset-0 cqa-bg-black/40\"\n       (click)=\"onBackdropClick()\"></div>\n\n  <div class=\"cqa-fixed cqa-inset-0 cqa-flex cqa-items-center cqa-justify-center cqa-p-4 cqa-pointer-events-none\">\n    <div class=\"cqa-relative cqa-w-full cqa-max-w-[480px] cqa-bg-white cqa-rounded-2xl cqa-shadow-md cqa-border cqa-border-border-default cqa-pointer-events-auto\"\n         (keydown.escape)=\"onEscape($event)\"\n         tabindex=\"-1\">\n      <div class=\"cqa-flex cqa-items-start cqa-justify-between cqa-p-6 cqa-pb-4\">\n        <div class=\"cqa-flex cqa-flex-col cqa-gap-1\">\n          <h2 class=\"cqa-text-lg cqa-font-semibold cqa-text-title cqa-m-0\">{{ title }}</h2>\n          <p *ngIf=\"description\"\n             class=\"cqa-text-sm cqa-text-description cqa-m-0\">\n            {{ description }}\n          </p>\n        </div>\n        <button type=\"button\"\n                class=\"cqa-flex cqa-items-center cqa-justify-center cqa-h-6 cqa-w-6 cqa-rounded cqa-bg-transparent cqa-border-0 cqa-text-description hover:cqa-text-title\"\n                [class.cqa-cursor-pointer]=\"!isSubmitting\"\n                [class.cqa-cursor-not-allowed]=\"isSubmitting\"\n                [class.cqa-opacity-50]=\"isSubmitting\"\n                [disabled]=\"isSubmitting\"\n                (click)=\"onClose()\"\n                aria-label=\"Close\">\n          <mat-icon class=\"cqa-text-[20px] cqa-leading-5 cqa-h-5 cqa-w-5\">close</mat-icon>\n        </button>\n      </div>\n\n      <div class=\"cqa-px-6 cqa-pb-5\">\n        <cqa-custom-input\n          [label]=\"label\"\n          [placeholder]=\"placeholder\"\n          [value]=\"name\"\n          [required]=\"true\"\n          [fullWidth]=\"true\"\n          [errors]=\"nameErrors\"\n          (valueChange)=\"onNameChange($event)\"\n          (enterPressed)=\"submit()\">\n        </cqa-custom-input>\n      </div>\n\n      <div class=\"cqa-border-t cqa-border-border-default cqa-px-6 cqa-py-4 cqa-grid cqa-grid-cols-2 cqa-gap-3\">\n        <cqa-button variant=\"outlined\"\n                    [text]=\"cancelButtonText\"\n                    btnSize=\"lg\"\n                    [fullWidth]=\"true\"\n                    [disabled]=\"isSubmitting\"\n                    (clicked)=\"onCancel()\">\n        </cqa-button>\n        <cqa-button variant=\"filled\"\n                    [text]=\"submitButtonText\"\n                    btnSize=\"lg\"\n                    [fullWidth]=\"true\"\n                    [loading]=\"isSubmitting\"\n                    [disabled]=\"!isValid || isSubmitting\"\n                    (clicked)=\"submit()\">\n        </cqa-button>\n      </div>\n    </div>\n  </div>\n</div>\n", components: [{ type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i2.CustomInputComponent, selector: "cqa-custom-input", inputs: ["inputId", "label", "type", "placeholder", "value", "disabled", "errors", "required", "ariaLabel", "size", "fullWidth", "maxLength", "showCharCount", "inputInlineStyle", "labelInlineStyle", "showPasswordToggle"], outputs: ["valueChange", "blurred", "focused", "enterPressed"] }, { type: i3.ButtonComponent, selector: "cqa-button", inputs: ["variant", "btnSize", "disabled", "loading", "icon", "iconPosition", "fullWidth", "iconColor", "type", "text", "customClass", "inlineStyles", "tooltip", "tooltipPosition"], outputs: ["clicked"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: NamePromptModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cqa-name-prompt-modal', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'cqa-ui-root' }, template: "<div *ngIf=\"isOpen\"\n     id=\"cqa-ui-root\"\n     style=\"position: fixed; inset: 0; z-index: 1000;\">\n  <div class=\"cqa-fixed cqa-inset-0 cqa-bg-black/40\"\n       (click)=\"onBackdropClick()\"></div>\n\n  <div class=\"cqa-fixed cqa-inset-0 cqa-flex cqa-items-center cqa-justify-center cqa-p-4 cqa-pointer-events-none\">\n    <div class=\"cqa-relative cqa-w-full cqa-max-w-[480px] cqa-bg-white cqa-rounded-2xl cqa-shadow-md cqa-border cqa-border-border-default cqa-pointer-events-auto\"\n         (keydown.escape)=\"onEscape($event)\"\n         tabindex=\"-1\">\n      <div class=\"cqa-flex cqa-items-start cqa-justify-between cqa-p-6 cqa-pb-4\">\n        <div class=\"cqa-flex cqa-flex-col cqa-gap-1\">\n          <h2 class=\"cqa-text-lg cqa-font-semibold cqa-text-title cqa-m-0\">{{ title }}</h2>\n          <p *ngIf=\"description\"\n             class=\"cqa-text-sm cqa-text-description cqa-m-0\">\n            {{ description }}\n          </p>\n        </div>\n        <button type=\"button\"\n                class=\"cqa-flex cqa-items-center cqa-justify-center cqa-h-6 cqa-w-6 cqa-rounded cqa-bg-transparent cqa-border-0 cqa-text-description hover:cqa-text-title\"\n                [class.cqa-cursor-pointer]=\"!isSubmitting\"\n                [class.cqa-cursor-not-allowed]=\"isSubmitting\"\n                [class.cqa-opacity-50]=\"isSubmitting\"\n                [disabled]=\"isSubmitting\"\n                (click)=\"onClose()\"\n                aria-label=\"Close\">\n          <mat-icon class=\"cqa-text-[20px] cqa-leading-5 cqa-h-5 cqa-w-5\">close</mat-icon>\n        </button>\n      </div>\n\n      <div class=\"cqa-px-6 cqa-pb-5\">\n        <cqa-custom-input\n          [label]=\"label\"\n          [placeholder]=\"placeholder\"\n          [value]=\"name\"\n          [required]=\"true\"\n          [fullWidth]=\"true\"\n          [errors]=\"nameErrors\"\n          (valueChange)=\"onNameChange($event)\"\n          (enterPressed)=\"submit()\">\n        </cqa-custom-input>\n      </div>\n\n      <div class=\"cqa-border-t cqa-border-border-default cqa-px-6 cqa-py-4 cqa-grid cqa-grid-cols-2 cqa-gap-3\">\n        <cqa-button variant=\"outlined\"\n                    [text]=\"cancelButtonText\"\n                    btnSize=\"lg\"\n                    [fullWidth]=\"true\"\n                    [disabled]=\"isSubmitting\"\n                    (clicked)=\"onCancel()\">\n        </cqa-button>\n        <cqa-button variant=\"filled\"\n                    [text]=\"submitButtonText\"\n                    btnSize=\"lg\"\n                    [fullWidth]=\"true\"\n                    [loading]=\"isSubmitting\"\n                    [disabled]=\"!isValid || isSubmitting\"\n                    (clicked)=\"submit()\">\n        </cqa-button>\n      </div>\n    </div>\n  </div>\n</div>\n" }]

package/esm2020/lib/export-code-modal/export-code-modal.component.mjs

@@ -121,7 +121,7 @@ export class ExportCodeModalComponent {
     }
 }
 ExportCodeModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ExportCodeModalComponent, deps: [{ token: MAT_DIALOG_DATA, optional: true }, { token: i1.MatDialogRef, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-ExportCodeModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: ExportCodeModalComponent, selector: "cqa-export-code-modal", inputs: { isOpen: "isOpen", cases: "cases", disabled: "disabled" }, outputs: { closeModal: "closeModal", export: "export" }, ngImport: i0, template: "<div *ngIf=\"isOpen || isDialogMode\"\n  [class.modal-backdrop]=\"!isDialogMode\"\n  [class.cqa-fixed]=\"!isDialogMode\"\n  [class.cqa-inset-0]=\"!isDialogMode\"\n  [class.cqa-bg-black]=\"!isDialogMode\"\n  [class.cqa-bg-opacity-50]=\"!isDialogMode\"\n  [class.cqa-flex]=\"!isDialogMode\"\n  [class.cqa-items-center]=\"!isDialogMode\"\n  [class.cqa-justify-center]=\"!isDialogMode\"\n  [class.cqa-p-4]=\"!isDialogMode\"\n  (click)=\"!isDialogMode && onBackdropClick($event)\">\n  <div\n    class=\"cqa-rounded-lg cqa-bg-white cqa-shadow-xl cqa-w-full cqa-max-w-[600px] cqa-overflow-hidden cqa-flex cqa-flex-col cqa-max-h-[90vh]\"\n    [style.box-shadow]=\"'0px 8px 8px -4px #10182808'\" \n    (click)=\"!isDialogMode && $event.stopPropagation()\">\n\n    <!-- Sticky Header -->\n    <div class=\"cqa-sticky cqa-top-0 cqa-bg-white cqa-mt-2 cqa-z-10 cqa-px-4 cqa-pt-2 cqa-pb-2\">\n      <div class=\"cqa-flex cqa-items-center cqa-justify-between cqa-mb-3\">\n        <h2 class=\"cqa-text-lg cqa-font-semibold cqa-text-[#0B0B0C]\">\n          Export Code\n        </h2>\n        <cqa-button \n          [variant]=\"'text'\"\n          [icon]=\"'close'\"\n          [btnSize]=\"'md'\"\n          (clicked)=\"onClose()\">\n        </cqa-button>\n      </div>\n    </div>\n\n    <!-- Content -->\n    <div class=\"cqa-flex-1 cqa-overflow-y-auto cqa-px-4 cqa-pb-4\">\n      <!-- Framework Options -->\n      <p class=\"cqa-text-sm cqa-text-[#4A5565] cqa-mb-2\">Choose automation framework:</p>\n      <div class=\"cqa-flex cqa-gap-4 cqa-mb-2\">\n        <div\n          class=\"cqa-flex-1 cqa-border cqa-rounded-lg cqa-px-4 cqa-py-1 cqa-cursor-pointer cqa-transition-all\"\n          [class.cqa-border-[#3f43ee]]=\"framework === 'WEBDRIVER_IO'\"\n          [class.cqa-bg-[#F0F0FF]]=\"framework === 'WEBDRIVER_IO'\"\n          [class.cqa-border-gray-300]=\"framework !== 'WEBDRIVER_IO'\"\n          (click)=\"framework = 'WEBDRIVER_IO'\">\n          <div class=\"cqa-flex cqa-items-center\">\n            <input\n              type=\"radio\"\n              [checked]=\"framework === 'WEBDRIVER_IO'\"\n              (click)=\"$event.stopPropagation()\"\n              name=\"framework\"\n              style=\"pointer-events: none;\"\n              class=\"cqa-mr-2 cqa-cursor-pointer\">\n            <div>\n              <span class=\"cqa-block cqa-font-medium cqa-text-[#0B0B0C]\">WebdriverIO</span>\n            </div>\n          </div>\n        </div>\n\n        <div\n          class=\"cqa-flex-1 cqa-border cqa-rounded-lg cqa-px-4 cqa-py-1 cqa-cursor-pointer cqa-transition-all\"\n          [class.cqa-border-[#3f43ee]]=\"framework === 'SELENIUM_JAVA'\"\n          [class.cqa-bg-[#F0F0FF]]=\"framework === 'SELENIUM_JAVA'\"\n          [class.cqa-border-gray-300]=\"framework !== 'SELENIUM_JAVA'\"\n          (click)=\"framework = 'SELENIUM_JAVA'\">\n          <div class=\"cqa-flex cqa-items-center\">\n            <input\n              type=\"radio\"\n              [checked]=\"framework === 'SELENIUM_JAVA'\"\n              name=\"framework\"\n              style=\"pointer-events: none;\"\n              (click)=\"$event.stopPropagation()\"\n              class=\"cqa-mr-2 cqa-cursor-pointer\">\n            <div>\n              <span class=\"cqa-block cqa-font-medium cqa-text-[#0B0B0C]\">Selenium Java</span>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <!-- Export Options -->\n      <p class=\"cqa-text-sm cqa-text-[#4A5565] cqa-mb-2 cqa-mt-3\">Choose how you want to export the test case code:</p>\n      <div class=\"cqa-flex cqa-gap-4 cqa-mb-2\">\n        <div\n          class=\"cqa-flex-1 cqa-border cqa-rounded-lg cqa-px-4 cqa-py-1 cqa-cursor-pointer cqa-transition-all\"\n          [class.cqa-border-[#3f43ee]]=\"exportOnLocal\"\n          [class.cqa-bg-[#F0F0FF]]=\"exportOnLocal\"\n          [class.cqa-border-gray-300]=\"!exportOnLocal\"\n          (click)=\"exportOnLocal = true\">\n          <div class=\"cqa-flex cqa-items-center\">\n            <input \n              type=\"radio\" \n              [checked]=\"exportOnLocal\" \n              (click)=\"$event.stopPropagation()\"\n              name=\"exportType\"\n              style=\"pointer-events: none;\"\n              class=\"cqa-mr-2 cqa-cursor-pointer\">\n            <div>\n              <span class=\"cqa-block cqa-font-medium cqa-text-[#0B0B0C]\">Download in Local</span>\n            </div>\n          </div>\n        </div>\n        \n        <div \n          class=\"cqa-flex-1 cqa-border cqa-rounded-lg cqa-px-4 cqa-py-1 cqa-cursor-pointer cqa-transition-all\"\n          [class.cqa-border-[#3f43ee]]=\"!exportOnLocal\"\n          [class.cqa-bg-[#F0F0FF]]=\"!exportOnLocal\"\n          [class.cqa-border-gray-300]=\"exportOnLocal\"\n          (click)=\"exportOnLocal = false\">\n          <div class=\"cqa-flex cqa-items-center\">\n            <input \n              type=\"radio\" \n              [checked]=\"!exportOnLocal\" \n              name=\"exportType\"\n              style=\"pointer-events: none;\"\n              (click)=\"$event.stopPropagation()\"\n              class=\"cqa-mr-2 cqa-cursor-pointer\">\n            <div>\n              <span class=\"cqa-block cqa-font-medium cqa-text-[#0B0B0C]\">Via Email</span>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <!-- Email Input Section (only shown when Via Email is selected) -->\n      <div class=\"cqa-mt-2\" *ngIf=\"!exportOnLocal\">\n        <div class=\"cqa-px-4 cqa-py-2 cqa-bg-gray-50 cqa-rounded-lg\">\n          <div class=\"cqa-font-medium cqa-text-sm cqa-text-[#0B0B0C] cqa-mb-2\">Email Addresses:</div>\n          \n          <div class=\"cqa-flex cqa-items-center cqa-gap-2 cqa-mb-2\">\n            <cqa-custom-input\n              class=\"cqa-flex-1\"\n              [type]=\"'email'\"\n              [placeholder]=\"'Type email and press Enter or Add button'\"\n              [value]=\"emailInputControl.value || ''\"\n              [fullWidth]=\"true\"\n              [errors]=\"getEmailErrors()\"\n              (valueChange)=\"emailInputControl.setValue($event)\"\n              (enterPressed)=\"addEmail()\">\n            </cqa-custom-input>\n            <cqa-button \n              [variant]=\"'outlined'\"\n              [icon]=\"'add'\"\n              [btnSize]=\"'lg'\"\n              [disabled]=\"!emailInputControl.valid || !emailInputControl.value?.trim()\"\n              (clicked)=\"addEmail()\">\n            </cqa-button>\n          </div>\n\n          <!-- Email Validation Error for Empty List -->\n          <div class=\"cqa-text-red-600 cqa-text-xs cqa-mb-2\" *ngIf=\"!exportOnLocal && emailList.length === 0 && showEmailError\">\n            At least one email address is required\n          </div>\n\n          <!-- Email Chips -->\n          <div class=\"cqa-flex cqa-flex-wrap cqa-gap-2 cqa-mt-2\" *ngIf=\"emailList.length > 0\">\n            <div *ngFor=\"let email of emailList; let i = index\" \n                 class=\"cqa-px-2 cqa-py-1 cqa-bg-[#DFDFFD] cqa-border cqa-border-[#DFDFFD] cqa-rounded-md cqa-flex cqa-items-center\">\n              <span class=\"cqa-text-[#6366F1] cqa-text-[12px]\">{{email}}</span>\n              <cqa-button \n                [variant]=\"'text'\"\n                [icon]=\"'close'\"\n                [btnSize]=\"'sm'\"\n                [iconColor]=\"'#6366F1'\"\n                (clicked)=\"removeEmail(i)\">\n              </cqa-button>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <!-- Cases List -->\n      <div class=\"cqa-mt-1\" *ngIf=\"cases.length > 0\">\n        <div class=\"cqa-p-4 cqa-bg-gray-50 cqa-rounded-lg\">\n          <div class=\"cqa-font-medium cqa-text-sm cqa-text-[#0B0B0C] cqa-mb-2\">Test Cases to Export ({{cases.length}}):</div>\n          <div class=\"cqa-max-h-[150px] cqa-overflow-y-auto cqa-pr-4\">\n            <div class=\"cqa-py-2 cqa-border-b cqa-border-b-[1px] cqa-border-t-[0px] cqa-border-l-[0px] cqa-border-r-[0px]  cqa-border-solid cqa-border-gray-200 cqa-flex cqa-items-center cqa-gap-2\" *ngFor=\"let case of cases; let i = index\">\n              <span class=\"cqa-font-medium cqa-text-[12px] cqa-text-[#3f43ee] cqa-min-w-[24px]\">{{i + 1}}.</span>\n              <span class=\"cqa-flex-1 cqa-text-[12px] cqa-text-[#0B0B0C]\">{{case.name || 'Unnamed Test Case'}}</span>\n              <span class=\"cqa-text-xs cqa-text-gray-500\" *ngIf=\"case.id\">(TC-{{case.id}})</span>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <!-- Footer -->\n    <div class=\"cqa-px-4 cqa-py-3 cqa-border-t cqa-border-gray-200 cqa-flex cqa-justify-end cqa-gap-3\">\n      <cqa-button \n        [variant]=\"'outlined'\"\n        [text]=\"'Cancel'\"\n        (clicked)=\"onClose()\">\n      </cqa-button>\n      <cqa-button \n        [variant]=\"'filled'\"\n        [text]=\"exportOnLocal ? 'Export' : 'Send'\"\n        [disabled]=\"disabled || isExportDisabled()\"\n        (clicked)=\"handleExport()\">\n      </cqa-button>\n    </div>\n  </div>\n</div>\n\n", components: [{ type: i2.ButtonComponent, selector: "cqa-button", inputs: ["variant", "btnSize", "disabled", "loading", "icon", "iconPosition", "fullWidth", "iconColor", "type", "text", "customClass", "inlineStyles", "tooltip", "tooltipPosition"], outputs: ["clicked"] }, { type: i3.CustomInputComponent, selector: "cqa-custom-input", inputs: ["inputId", "label", "type", "placeholder", "value", "disabled", "errors", "required", "ariaLabel", "size", "fullWidth", "maxLength", "showCharCount", "inputInlineStyle", "labelInlineStyle"], outputs: ["valueChange", "blurred", "focused", "enterPressed"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+ExportCodeModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: ExportCodeModalComponent, selector: "cqa-export-code-modal", inputs: { isOpen: "isOpen", cases: "cases", disabled: "disabled" }, outputs: { closeModal: "closeModal", export: "export" }, ngImport: i0, template: "<div *ngIf=\"isOpen || isDialogMode\"\n  [class.modal-backdrop]=\"!isDialogMode\"\n  [class.cqa-fixed]=\"!isDialogMode\"\n  [class.cqa-inset-0]=\"!isDialogMode\"\n  [class.cqa-bg-black]=\"!isDialogMode\"\n  [class.cqa-bg-opacity-50]=\"!isDialogMode\"\n  [class.cqa-flex]=\"!isDialogMode\"\n  [class.cqa-items-center]=\"!isDialogMode\"\n  [class.cqa-justify-center]=\"!isDialogMode\"\n  [class.cqa-p-4]=\"!isDialogMode\"\n  (click)=\"!isDialogMode && onBackdropClick($event)\">\n  <div\n    class=\"cqa-rounded-lg cqa-bg-white cqa-shadow-xl cqa-w-full cqa-max-w-[600px] cqa-overflow-hidden cqa-flex cqa-flex-col cqa-max-h-[90vh]\"\n    [style.box-shadow]=\"'0px 8px 8px -4px #10182808'\" \n    (click)=\"!isDialogMode && $event.stopPropagation()\">\n\n    <!-- Sticky Header -->\n    <div class=\"cqa-sticky cqa-top-0 cqa-bg-white cqa-mt-2 cqa-z-10 cqa-px-4 cqa-pt-2 cqa-pb-2\">\n      <div class=\"cqa-flex cqa-items-center cqa-justify-between cqa-mb-3\">\n        <h2 class=\"cqa-text-lg cqa-font-semibold cqa-text-[#0B0B0C]\">\n          Export Code\n        </h2>\n        <cqa-button \n          [variant]=\"'text'\"\n          [icon]=\"'close'\"\n          [btnSize]=\"'md'\"\n          (clicked)=\"onClose()\">\n        </cqa-button>\n      </div>\n    </div>\n\n    <!-- Content -->\n    <div class=\"cqa-flex-1 cqa-overflow-y-auto cqa-px-4 cqa-pb-4\">\n      <!-- Framework Options -->\n      <p class=\"cqa-text-sm cqa-text-[#4A5565] cqa-mb-2\">Choose automation framework:</p>\n      <div class=\"cqa-flex cqa-gap-4 cqa-mb-2\">\n        <div\n          class=\"cqa-flex-1 cqa-border cqa-rounded-lg cqa-px-4 cqa-py-1 cqa-cursor-pointer cqa-transition-all\"\n          [class.cqa-border-[#3f43ee]]=\"framework === 'WEBDRIVER_IO'\"\n          [class.cqa-bg-[#F0F0FF]]=\"framework === 'WEBDRIVER_IO'\"\n          [class.cqa-border-gray-300]=\"framework !== 'WEBDRIVER_IO'\"\n          (click)=\"framework = 'WEBDRIVER_IO'\">\n          <div class=\"cqa-flex cqa-items-center\">\n            <input\n              type=\"radio\"\n              [checked]=\"framework === 'WEBDRIVER_IO'\"\n              (click)=\"$event.stopPropagation()\"\n              name=\"framework\"\n              style=\"pointer-events: none;\"\n              class=\"cqa-mr-2 cqa-cursor-pointer\">\n            <div>\n              <span class=\"cqa-block cqa-font-medium cqa-text-[#0B0B0C]\">WebdriverIO</span>\n            </div>\n          </div>\n        </div>\n\n        <div\n          class=\"cqa-flex-1 cqa-border cqa-rounded-lg cqa-px-4 cqa-py-1 cqa-cursor-pointer cqa-transition-all\"\n          [class.cqa-border-[#3f43ee]]=\"framework === 'SELENIUM_JAVA'\"\n          [class.cqa-bg-[#F0F0FF]]=\"framework === 'SELENIUM_JAVA'\"\n          [class.cqa-border-gray-300]=\"framework !== 'SELENIUM_JAVA'\"\n          (click)=\"framework = 'SELENIUM_JAVA'\">\n          <div class=\"cqa-flex cqa-items-center\">\n            <input\n              type=\"radio\"\n              [checked]=\"framework === 'SELENIUM_JAVA'\"\n              name=\"framework\"\n              style=\"pointer-events: none;\"\n              (click)=\"$event.stopPropagation()\"\n              class=\"cqa-mr-2 cqa-cursor-pointer\">\n            <div>\n              <span class=\"cqa-block cqa-font-medium cqa-text-[#0B0B0C]\">Selenium Java</span>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <!-- Export Options -->\n      <p class=\"cqa-text-sm cqa-text-[#4A5565] cqa-mb-2 cqa-mt-3\">Choose how you want to export the test case code:</p>\n      <div class=\"cqa-flex cqa-gap-4 cqa-mb-2\">\n        <div\n          class=\"cqa-flex-1 cqa-border cqa-rounded-lg cqa-px-4 cqa-py-1 cqa-cursor-pointer cqa-transition-all\"\n          [class.cqa-border-[#3f43ee]]=\"exportOnLocal\"\n          [class.cqa-bg-[#F0F0FF]]=\"exportOnLocal\"\n          [class.cqa-border-gray-300]=\"!exportOnLocal\"\n          (click)=\"exportOnLocal = true\">\n          <div class=\"cqa-flex cqa-items-center\">\n            <input \n              type=\"radio\" \n              [checked]=\"exportOnLocal\" \n              (click)=\"$event.stopPropagation()\"\n              name=\"exportType\"\n              style=\"pointer-events: none;\"\n              class=\"cqa-mr-2 cqa-cursor-pointer\">\n            <div>\n              <span class=\"cqa-block cqa-font-medium cqa-text-[#0B0B0C]\">Download in Local</span>\n            </div>\n          </div>\n        </div>\n        \n        <div \n          class=\"cqa-flex-1 cqa-border cqa-rounded-lg cqa-px-4 cqa-py-1 cqa-cursor-pointer cqa-transition-all\"\n          [class.cqa-border-[#3f43ee]]=\"!exportOnLocal\"\n          [class.cqa-bg-[#F0F0FF]]=\"!exportOnLocal\"\n          [class.cqa-border-gray-300]=\"exportOnLocal\"\n          (click)=\"exportOnLocal = false\">\n          <div class=\"cqa-flex cqa-items-center\">\n            <input \n              type=\"radio\" \n              [checked]=\"!exportOnLocal\" \n              name=\"exportType\"\n              style=\"pointer-events: none;\"\n              (click)=\"$event.stopPropagation()\"\n              class=\"cqa-mr-2 cqa-cursor-pointer\">\n            <div>\n              <span class=\"cqa-block cqa-font-medium cqa-text-[#0B0B0C]\">Via Email</span>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <!-- Email Input Section (only shown when Via Email is selected) -->\n      <div class=\"cqa-mt-2\" *ngIf=\"!exportOnLocal\">\n        <div class=\"cqa-px-4 cqa-py-2 cqa-bg-gray-50 cqa-rounded-lg\">\n          <div class=\"cqa-font-medium cqa-text-sm cqa-text-[#0B0B0C] cqa-mb-2\">Email Addresses:</div>\n          \n          <div class=\"cqa-flex cqa-items-center cqa-gap-2 cqa-mb-2\">\n            <cqa-custom-input\n              class=\"cqa-flex-1\"\n              [type]=\"'email'\"\n              [placeholder]=\"'Type email and press Enter or Add button'\"\n              [value]=\"emailInputControl.value || ''\"\n              [fullWidth]=\"true\"\n              [errors]=\"getEmailErrors()\"\n              (valueChange)=\"emailInputControl.setValue($event)\"\n              (enterPressed)=\"addEmail()\">\n            </cqa-custom-input>\n            <cqa-button \n              [variant]=\"'outlined'\"\n              [icon]=\"'add'\"\n              [btnSize]=\"'lg'\"\n              [disabled]=\"!emailInputControl.valid || !emailInputControl.value?.trim()\"\n              (clicked)=\"addEmail()\">\n            </cqa-button>\n          </div>\n\n          <!-- Email Validation Error for Empty List -->\n          <div class=\"cqa-text-red-600 cqa-text-xs cqa-mb-2\" *ngIf=\"!exportOnLocal && emailList.length === 0 && showEmailError\">\n            At least one email address is required\n          </div>\n\n          <!-- Email Chips -->\n          <div class=\"cqa-flex cqa-flex-wrap cqa-gap-2 cqa-mt-2\" *ngIf=\"emailList.length > 0\">\n            <div *ngFor=\"let email of emailList; let i = index\" \n                 class=\"cqa-px-2 cqa-py-1 cqa-bg-[#DFDFFD] cqa-border cqa-border-[#DFDFFD] cqa-rounded-md cqa-flex cqa-items-center\">\n              <span class=\"cqa-text-[#6366F1] cqa-text-[12px]\">{{email}}</span>\n              <cqa-button \n                [variant]=\"'text'\"\n                [icon]=\"'close'\"\n                [btnSize]=\"'sm'\"\n                [iconColor]=\"'#6366F1'\"\n                (clicked)=\"removeEmail(i)\">\n              </cqa-button>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <!-- Cases List -->\n      <div class=\"cqa-mt-1\" *ngIf=\"cases.length > 0\">\n        <div class=\"cqa-p-4 cqa-bg-gray-50 cqa-rounded-lg\">\n          <div class=\"cqa-font-medium cqa-text-sm cqa-text-[#0B0B0C] cqa-mb-2\">Test Cases to Export ({{cases.length}}):</div>\n          <div class=\"cqa-max-h-[150px] cqa-overflow-y-auto cqa-pr-4\">\n            <div class=\"cqa-py-2 cqa-border-b cqa-border-b-[1px] cqa-border-t-[0px] cqa-border-l-[0px] cqa-border-r-[0px]  cqa-border-solid cqa-border-gray-200 cqa-flex cqa-items-center cqa-gap-2\" *ngFor=\"let case of cases; let i = index\">\n              <span class=\"cqa-font-medium cqa-text-[12px] cqa-text-[#3f43ee] cqa-min-w-[24px]\">{{i + 1}}.</span>\n              <span class=\"cqa-flex-1 cqa-text-[12px] cqa-text-[#0B0B0C]\">{{case.name || 'Unnamed Test Case'}}</span>\n              <span class=\"cqa-text-xs cqa-text-gray-500\" *ngIf=\"case.id\">(TC-{{case.id}})</span>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <!-- Footer -->\n    <div class=\"cqa-px-4 cqa-py-3 cqa-border-t cqa-border-gray-200 cqa-flex cqa-justify-end cqa-gap-3\">\n      <cqa-button \n        [variant]=\"'outlined'\"\n        [text]=\"'Cancel'\"\n        (clicked)=\"onClose()\">\n      </cqa-button>\n      <cqa-button \n        [variant]=\"'filled'\"\n        [text]=\"exportOnLocal ? 'Export' : 'Send'\"\n        [disabled]=\"disabled || isExportDisabled()\"\n        (clicked)=\"handleExport()\">\n      </cqa-button>\n    </div>\n  </div>\n</div>\n\n", components: [{ type: i2.ButtonComponent, selector: "cqa-button", inputs: ["variant", "btnSize", "disabled", "loading", "icon", "iconPosition", "fullWidth", "iconColor", "type", "text", "customClass", "inlineStyles", "tooltip", "tooltipPosition"], outputs: ["clicked"] }, { type: i3.CustomInputComponent, selector: "cqa-custom-input", inputs: ["inputId", "label", "type", "placeholder", "value", "disabled", "errors", "required", "ariaLabel", "size", "fullWidth", "maxLength", "showCharCount", "inputInlineStyle", "labelInlineStyle", "showPasswordToggle"], outputs: ["valueChange", "blurred", "focused", "enterPressed"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ExportCodeModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cqa-export-code-modal', template: "<div *ngIf=\"isOpen || isDialogMode\"\n  [class.modal-backdrop]=\"!isDialogMode\"\n  [class.cqa-fixed]=\"!isDialogMode\"\n  [class.cqa-inset-0]=\"!isDialogMode\"\n  [class.cqa-bg-black]=\"!isDialogMode\"\n  [class.cqa-bg-opacity-50]=\"!isDialogMode\"\n  [class.cqa-flex]=\"!isDialogMode\"\n  [class.cqa-items-center]=\"!isDialogMode\"\n  [class.cqa-justify-center]=\"!isDialogMode\"\n  [class.cqa-p-4]=\"!isDialogMode\"\n  (click)=\"!isDialogMode && onBackdropClick($event)\">\n  <div\n    class=\"cqa-rounded-lg cqa-bg-white cqa-shadow-xl cqa-w-full cqa-max-w-[600px] cqa-overflow-hidden cqa-flex cqa-flex-col cqa-max-h-[90vh]\"\n    [style.box-shadow]=\"'0px 8px 8px -4px #10182808'\" \n    (click)=\"!isDialogMode && $event.stopPropagation()\">\n\n    <!-- Sticky Header -->\n    <div class=\"cqa-sticky cqa-top-0 cqa-bg-white cqa-mt-2 cqa-z-10 cqa-px-4 cqa-pt-2 cqa-pb-2\">\n      <div class=\"cqa-flex cqa-items-center cqa-justify-between cqa-mb-3\">\n        <h2 class=\"cqa-text-lg cqa-font-semibold cqa-text-[#0B0B0C]\">\n          Export Code\n        </h2>\n        <cqa-button \n          [variant]=\"'text'\"\n          [icon]=\"'close'\"\n          [btnSize]=\"'md'\"\n          (clicked)=\"onClose()\">\n        </cqa-button>\n      </div>\n    </div>\n\n    <!-- Content -->\n    <div class=\"cqa-flex-1 cqa-overflow-y-auto cqa-px-4 cqa-pb-4\">\n      <!-- Framework Options -->\n      <p class=\"cqa-text-sm cqa-text-[#4A5565] cqa-mb-2\">Choose automation framework:</p>\n      <div class=\"cqa-flex cqa-gap-4 cqa-mb-2\">\n        <div\n          class=\"cqa-flex-1 cqa-border cqa-rounded-lg cqa-px-4 cqa-py-1 cqa-cursor-pointer cqa-transition-all\"\n          [class.cqa-border-[#3f43ee]]=\"framework === 'WEBDRIVER_IO'\"\n          [class.cqa-bg-[#F0F0FF]]=\"framework === 'WEBDRIVER_IO'\"\n          [class.cqa-border-gray-300]=\"framework !== 'WEBDRIVER_IO'\"\n          (click)=\"framework = 'WEBDRIVER_IO'\">\n          <div class=\"cqa-flex cqa-items-center\">\n            <input\n              type=\"radio\"\n              [checked]=\"framework === 'WEBDRIVER_IO'\"\n              (click)=\"$event.stopPropagation()\"\n              name=\"framework\"\n              style=\"pointer-events: none;\"\n              class=\"cqa-mr-2 cqa-cursor-pointer\">\n            <div>\n              <span class=\"cqa-block cqa-font-medium cqa-text-[#0B0B0C]\">WebdriverIO</span>\n            </div>\n          </div>\n        </div>\n\n        <div\n          class=\"cqa-flex-1 cqa-border cqa-rounded-lg cqa-px-4 cqa-py-1 cqa-cursor-pointer cqa-transition-all\"\n          [class.cqa-border-[#3f43ee]]=\"framework === 'SELENIUM_JAVA'\"\n          [class.cqa-bg-[#F0F0FF]]=\"framework === 'SELENIUM_JAVA'\"\n          [class.cqa-border-gray-300]=\"framework !== 'SELENIUM_JAVA'\"\n          (click)=\"framework = 'SELENIUM_JAVA'\">\n          <div class=\"cqa-flex cqa-items-center\">\n            <input\n              type=\"radio\"\n              [checked]=\"framework === 'SELENIUM_JAVA'\"\n              name=\"framework\"\n              style=\"pointer-events: none;\"\n              (click)=\"$event.stopPropagation()\"\n              class=\"cqa-mr-2 cqa-cursor-pointer\">\n            <div>\n              <span class=\"cqa-block cqa-font-medium cqa-text-[#0B0B0C]\">Selenium Java</span>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <!-- Export Options -->\n      <p class=\"cqa-text-sm cqa-text-[#4A5565] cqa-mb-2 cqa-mt-3\">Choose how you want to export the test case code:</p>\n      <div class=\"cqa-flex cqa-gap-4 cqa-mb-2\">\n        <div\n          class=\"cqa-flex-1 cqa-border cqa-rounded-lg cqa-px-4 cqa-py-1 cqa-cursor-pointer cqa-transition-all\"\n          [class.cqa-border-[#3f43ee]]=\"exportOnLocal\"\n          [class.cqa-bg-[#F0F0FF]]=\"exportOnLocal\"\n          [class.cqa-border-gray-300]=\"!exportOnLocal\"\n          (click)=\"exportOnLocal = true\">\n          <div class=\"cqa-flex cqa-items-center\">\n            <input \n              type=\"radio\" \n              [checked]=\"exportOnLocal\" \n              (click)=\"$event.stopPropagation()\"\n              name=\"exportType\"\n              style=\"pointer-events: none;\"\n              class=\"cqa-mr-2 cqa-cursor-pointer\">\n            <div>\n              <span class=\"cqa-block cqa-font-medium cqa-text-[#0B0B0C]\">Download in Local</span>\n            </div>\n          </div>\n        </div>\n        \n        <div \n          class=\"cqa-flex-1 cqa-border cqa-rounded-lg cqa-px-4 cqa-py-1 cqa-cursor-pointer cqa-transition-all\"\n          [class.cqa-border-[#3f43ee]]=\"!exportOnLocal\"\n          [class.cqa-bg-[#F0F0FF]]=\"!exportOnLocal\"\n          [class.cqa-border-gray-300]=\"exportOnLocal\"\n          (click)=\"exportOnLocal = false\">\n          <div class=\"cqa-flex cqa-items-center\">\n            <input \n              type=\"radio\" \n              [checked]=\"!exportOnLocal\" \n              name=\"exportType\"\n              style=\"pointer-events: none;\"\n              (click)=\"$event.stopPropagation()\"\n              class=\"cqa-mr-2 cqa-cursor-pointer\">\n            <div>\n              <span class=\"cqa-block cqa-font-medium cqa-text-[#0B0B0C]\">Via Email</span>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <!-- Email Input Section (only shown when Via Email is selected) -->\n      <div class=\"cqa-mt-2\" *ngIf=\"!exportOnLocal\">\n        <div class=\"cqa-px-4 cqa-py-2 cqa-bg-gray-50 cqa-rounded-lg\">\n          <div class=\"cqa-font-medium cqa-text-sm cqa-text-[#0B0B0C] cqa-mb-2\">Email Addresses:</div>\n          \n          <div class=\"cqa-flex cqa-items-center cqa-gap-2 cqa-mb-2\">\n            <cqa-custom-input\n              class=\"cqa-flex-1\"\n              [type]=\"'email'\"\n              [placeholder]=\"'Type email and press Enter or Add button'\"\n              [value]=\"emailInputControl.value || ''\"\n              [fullWidth]=\"true\"\n              [errors]=\"getEmailErrors()\"\n              (valueChange)=\"emailInputControl.setValue($event)\"\n              (enterPressed)=\"addEmail()\">\n            </cqa-custom-input>\n            <cqa-button \n              [variant]=\"'outlined'\"\n              [icon]=\"'add'\"\n              [btnSize]=\"'lg'\"\n              [disabled]=\"!emailInputControl.valid || !emailInputControl.value?.trim()\"\n              (clicked)=\"addEmail()\">\n            </cqa-button>\n          </div>\n\n          <!-- Email Validation Error for Empty List -->\n          <div class=\"cqa-text-red-600 cqa-text-xs cqa-mb-2\" *ngIf=\"!exportOnLocal && emailList.length === 0 && showEmailError\">\n            At least one email address is required\n          </div>\n\n          <!-- Email Chips -->\n          <div class=\"cqa-flex cqa-flex-wrap cqa-gap-2 cqa-mt-2\" *ngIf=\"emailList.length > 0\">\n            <div *ngFor=\"let email of emailList; let i = index\" \n                 class=\"cqa-px-2 cqa-py-1 cqa-bg-[#DFDFFD] cqa-border cqa-border-[#DFDFFD] cqa-rounded-md cqa-flex cqa-items-center\">\n              <span class=\"cqa-text-[#6366F1] cqa-text-[12px]\">{{email}}</span>\n              <cqa-button \n                [variant]=\"'text'\"\n                [icon]=\"'close'\"\n                [btnSize]=\"'sm'\"\n                [iconColor]=\"'#6366F1'\"\n                (clicked)=\"removeEmail(i)\">\n              </cqa-button>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <!-- Cases List -->\n      <div class=\"cqa-mt-1\" *ngIf=\"cases.length > 0\">\n        <div class=\"cqa-p-4 cqa-bg-gray-50 cqa-rounded-lg\">\n          <div class=\"cqa-font-medium cqa-text-sm cqa-text-[#0B0B0C] cqa-mb-2\">Test Cases to Export ({{cases.length}}):</div>\n          <div class=\"cqa-max-h-[150px] cqa-overflow-y-auto cqa-pr-4\">\n            <div class=\"cqa-py-2 cqa-border-b cqa-border-b-[1px] cqa-border-t-[0px] cqa-border-l-[0px] cqa-border-r-[0px]  cqa-border-solid cqa-border-gray-200 cqa-flex cqa-items-center cqa-gap-2\" *ngFor=\"let case of cases; let i = index\">\n              <span class=\"cqa-font-medium cqa-text-[12px] cqa-text-[#3f43ee] cqa-min-w-[24px]\">{{i + 1}}.</span>\n              <span class=\"cqa-flex-1 cqa-text-[12px] cqa-text-[#0B0B0C]\">{{case.name || 'Unnamed Test Case'}}</span>\n              <span class=\"cqa-text-xs cqa-text-gray-500\" *ngIf=\"case.id\">(TC-{{case.id}})</span>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <!-- Footer -->\n    <div class=\"cqa-px-4 cqa-py-3 cqa-border-t cqa-border-gray-200 cqa-flex cqa-justify-end cqa-gap-3\">\n      <cqa-button \n        [variant]=\"'outlined'\"\n        [text]=\"'Cancel'\"\n        (clicked)=\"onClose()\">\n      </cqa-button>\n      <cqa-button \n        [variant]=\"'filled'\"\n        [text]=\"exportOnLocal ? 'Export' : 'Send'\"\n        [disabled]=\"disabled || isExportDisabled()\"\n        (clicked)=\"handleExport()\">\n      </cqa-button>\n    </div>\n  </div>\n</div>\n\n", styles: [] }]

package/esm2020/lib/manage-columns-dialog/manage-columns-dialog.component.mjs

@@ -121,7 +121,7 @@ export class ManageColumnsDialogComponent {
     }
 }
 ManageColumnsDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ManageColumnsDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ManageColumnsDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: ManageColumnsDialogComponent, selector: "cqa-manage-columns-dialog", inputs: { columns: "columns", lockedColumns: "lockedColumns" }, host: { styleAttribute: "display:block;width:100%;", classAttribute: "cqa-ui-root" }, ngImport: i0, template: "<div class=\"cqa-flex cqa-flex-col cqa-gap-3 cqa-w-full\">\n\n  <div class=\"manage-cols-drop-list cqa-flex cqa-flex-col cqa-gap-2\"\n       [dndDropzone]=\"['col']\"\n       dndEffectAllowed=\"move\"\n       dndDragoverClass=\"dndDragover\"\n       (dndDrop)=\"onDndDrop($event)\">\n    <div dndPlaceholderRef class=\"manage-cols-placeholder\">Drop here</div>\n    <div *ngFor=\"let item of items; let i = index; trackBy: trackByUid\"\n         class=\"manage-cols-row cqa-flex cqa-items-center cqa-gap-2 cqa-px-2 cqa-py-1.5 cqa-rounded-md cqa-border cqa-border-gray-200 cqa-bg-gray-50\">\n      <span class=\"manage-cols-handle cqa-flex cqa-items-center cqa-justify-center cqa-text-gray-400\"\n            [dndDraggable]=\"item\"\n            [dndDisableIf]=\"isLocked(item)\"\n            dndType=\"col\"\n            dndEffectAllowed=\"move\">\n        <mat-icon style=\"font-size:18px;width:18px;height:18px;line-height:18px;\">drag_indicator</mat-icon>\n      </span>\n      <cqa-custom-input\n        class=\"cqa-flex-1\"\n        [value]=\"item.name\"\n        [fullWidth]=\"true\"\n        [disabled]=\"isLocked(item)\"\n        inputInlineStyle=\"font-family: 'Inter', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;\"\n        (valueChange)=\"onRename(i, $event)\">\n      </cqa-custom-input>\n      <button type=\"button\" class=\"manage-cols-icon-btn\"\n              title=\"Move up\"\n              [disabled]=\"i === 0\"\n              (click)=\"onMove(i, -1)\">\n        <mat-icon>arrow_upward</mat-icon>\n      </button>\n      <button type=\"button\" class=\"manage-cols-icon-btn\"\n              title=\"Move down\"\n              [disabled]=\"i === items.length - 1\"\n              (click)=\"onMove(i, 1)\">\n        <mat-icon>arrow_downward</mat-icon>\n      </button>\n      <button type=\"button\" class=\"manage-cols-icon-btn manage-cols-icon-btn-danger\"\n              title=\"Delete column\"\n              [disabled]=\"isLocked(item)\"\n              (click)=\"onRemove(i)\">\n        <mat-icon>delete</mat-icon>\n      </button>\n    </div>\n  </div>\n\n  <div class=\"cqa-flex cqa-items-center cqa-gap-2 cqa-pt-3 cqa-mt-1 cqa-border-t cqa-border-dashed cqa-border-gray-200\">\n    <cqa-custom-input\n      class=\"cqa-flex-1\"\n      [value]=\"newColName\"\n      [fullWidth]=\"true\"\n      placeholder=\"New column name (e.g. currency)\"\n      inputInlineStyle=\"font-family: 'Inter', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;\"\n      (valueChange)=\"onNewColNameChange($event)\"\n      (enterPressed)=\"onAdd()\">\n    </cqa-custom-input>\n    <cqa-button\n      variant=\"outlined\"\n      btnSize=\"sm\"\n      icon=\"add\"\n      text=\"Add column\"\n      [disabled]=\"!canAdd\"\n      (clicked)=\"onAdd()\">\n    </cqa-button>\n  </div>\n\n  <span *ngIf=\"columnsError\" class=\"cqa-text-xs cqa-text-red-600\">{{ columnsError }}</span>\n\n  <div class=\"cqa-px-3 cqa-py-2 cqa-rounded-md cqa-bg-primary-surface cqa-border cqa-border-success-100 cqa-text-xs cqa-text-gray-700\">\n    <strong class=\"cqa-text-gray-900\">Heads up:</strong>\n    Deleting a column removes its data from every environment. Renaming keeps the data in place.\n  </div>\n\n</div>\n", components: [{ type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i2.CustomInputComponent, selector: "cqa-custom-input", inputs: ["inputId", "label", "type", "placeholder", "value", "disabled", "errors", "required", "ariaLabel", "size", "fullWidth", "maxLength", "showCharCount", "inputInlineStyle", "labelInlineStyle"], outputs: ["valueChange", "blurred", "focused", "enterPressed"] }, { type: i3.ButtonComponent, selector: "cqa-button", inputs: ["variant", "btnSize", "disabled", "loading", "icon", "iconPosition", "fullWidth", "iconColor", "type", "text", "customClass", "inlineStyles", "tooltip", "tooltipPosition"], outputs: ["clicked"] }], directives: [{ type: i4.DndDropzoneDirective, selector: "[dndDropzone]", inputs: ["dndDropzone", "dndEffectAllowed", "dndAllowExternal", "dndHorizontal", "dndDragoverClass", "dndDropzoneDisabledClass", "dndDisableIf", "dndDisableDropIf"], outputs: ["dndDragover", "dndDrop"] }, { type: i4.DndPlaceholderRefDirective, selector: "[dndPlaceholderRef]" }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.DndDraggableDirective, selector: "[dndDraggable]", inputs: ["dndDraggable", "dndEffectAllowed", "dndType", "dndDraggingClass", "dndDraggingSourceClass", "dndDraggableDisabledClass", "dndDragImageOffsetFunction", "dndDisableIf", "dndDisableDragIf"], outputs: ["dndStart", "dndDrag", "dndEnd", "dndMoved", "dndCopied", "dndLinked", "dndCanceled"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+ManageColumnsDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: ManageColumnsDialogComponent, selector: "cqa-manage-columns-dialog", inputs: { columns: "columns", lockedColumns: "lockedColumns" }, host: { styleAttribute: "display:block;width:100%;", classAttribute: "cqa-ui-root" }, ngImport: i0, template: "<div class=\"cqa-flex cqa-flex-col cqa-gap-3 cqa-w-full\">\n\n  <div class=\"manage-cols-drop-list cqa-flex cqa-flex-col cqa-gap-2\"\n       [dndDropzone]=\"['col']\"\n       dndEffectAllowed=\"move\"\n       dndDragoverClass=\"dndDragover\"\n       (dndDrop)=\"onDndDrop($event)\">\n    <div dndPlaceholderRef class=\"manage-cols-placeholder\">Drop here</div>\n    <div *ngFor=\"let item of items; let i = index; trackBy: trackByUid\"\n         class=\"manage-cols-row cqa-flex cqa-items-center cqa-gap-2 cqa-px-2 cqa-py-1.5 cqa-rounded-md cqa-border cqa-border-gray-200 cqa-bg-gray-50\">\n      <span class=\"manage-cols-handle cqa-flex cqa-items-center cqa-justify-center cqa-text-gray-400\"\n            [dndDraggable]=\"item\"\n            [dndDisableIf]=\"isLocked(item)\"\n            dndType=\"col\"\n            dndEffectAllowed=\"move\">\n        <mat-icon style=\"font-size:18px;width:18px;height:18px;line-height:18px;\">drag_indicator</mat-icon>\n      </span>\n      <cqa-custom-input\n        class=\"cqa-flex-1\"\n        [value]=\"item.name\"\n        [fullWidth]=\"true\"\n        [disabled]=\"isLocked(item)\"\n        inputInlineStyle=\"font-family: 'Inter', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;\"\n        (valueChange)=\"onRename(i, $event)\">\n      </cqa-custom-input>\n      <button type=\"button\" class=\"manage-cols-icon-btn\"\n              title=\"Move up\"\n              [disabled]=\"i === 0\"\n              (click)=\"onMove(i, -1)\">\n        <mat-icon>arrow_upward</mat-icon>\n      </button>\n      <button type=\"button\" class=\"manage-cols-icon-btn\"\n              title=\"Move down\"\n              [disabled]=\"i === items.length - 1\"\n              (click)=\"onMove(i, 1)\">\n        <mat-icon>arrow_downward</mat-icon>\n      </button>\n      <button type=\"button\" class=\"manage-cols-icon-btn manage-cols-icon-btn-danger\"\n              title=\"Delete column\"\n              [disabled]=\"isLocked(item)\"\n              (click)=\"onRemove(i)\">\n        <mat-icon>delete</mat-icon>\n      </button>\n    </div>\n  </div>\n\n  <div class=\"cqa-flex cqa-items-center cqa-gap-2 cqa-pt-3 cqa-mt-1 cqa-border-t cqa-border-dashed cqa-border-gray-200\">\n    <cqa-custom-input\n      class=\"cqa-flex-1\"\n      [value]=\"newColName\"\n      [fullWidth]=\"true\"\n      placeholder=\"New column name (e.g. currency)\"\n      inputInlineStyle=\"font-family: 'Inter', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;\"\n      (valueChange)=\"onNewColNameChange($event)\"\n      (enterPressed)=\"onAdd()\">\n    </cqa-custom-input>\n    <cqa-button\n      variant=\"outlined\"\n      btnSize=\"sm\"\n      icon=\"add\"\n      text=\"Add column\"\n      [disabled]=\"!canAdd\"\n      (clicked)=\"onAdd()\">\n    </cqa-button>\n  </div>\n\n  <span *ngIf=\"columnsError\" class=\"cqa-text-xs cqa-text-red-600\">{{ columnsError }}</span>\n\n  <div class=\"cqa-px-3 cqa-py-2 cqa-rounded-md cqa-bg-primary-surface cqa-border cqa-border-success-100 cqa-text-xs cqa-text-gray-700\">\n    <strong class=\"cqa-text-gray-900\">Heads up:</strong>\n    Deleting a column removes its data from every environment. Renaming keeps the data in place.\n  </div>\n\n</div>\n", components: [{ type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i2.CustomInputComponent, selector: "cqa-custom-input", inputs: ["inputId", "label", "type", "placeholder", "value", "disabled", "errors", "required", "ariaLabel", "size", "fullWidth", "maxLength", "showCharCount", "inputInlineStyle", "labelInlineStyle", "showPasswordToggle"], outputs: ["valueChange", "blurred", "focused", "enterPressed"] }, { type: i3.ButtonComponent, selector: "cqa-button", inputs: ["variant", "btnSize", "disabled", "loading", "icon", "iconPosition", "fullWidth", "iconColor", "type", "text", "customClass", "inlineStyles", "tooltip", "tooltipPosition"], outputs: ["clicked"] }], directives: [{ type: i4.DndDropzoneDirective, selector: "[dndDropzone]", inputs: ["dndDropzone", "dndEffectAllowed", "dndAllowExternal", "dndHorizontal", "dndDragoverClass", "dndDropzoneDisabledClass", "dndDisableIf", "dndDisableDropIf"], outputs: ["dndDragover", "dndDrop"] }, { type: i4.DndPlaceholderRefDirective, selector: "[dndPlaceholderRef]" }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.DndDraggableDirective, selector: "[dndDraggable]", inputs: ["dndDraggable", "dndEffectAllowed", "dndType", "dndDraggingClass", "dndDraggingSourceClass", "dndDraggableDisabledClass", "dndDragImageOffsetFunction", "dndDisableIf", "dndDisableDragIf"], outputs: ["dndStart", "dndDrag", "dndEnd", "dndMoved", "dndCopied", "dndLinked", "dndCanceled"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ManageColumnsDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cqa-manage-columns-dialog', host: { class: 'cqa-ui-root', style: 'display:block;width:100%;' }, template: "<div class=\"cqa-flex cqa-flex-col cqa-gap-3 cqa-w-full\">\n\n  <div class=\"manage-cols-drop-list cqa-flex cqa-flex-col cqa-gap-2\"\n       [dndDropzone]=\"['col']\"\n       dndEffectAllowed=\"move\"\n       dndDragoverClass=\"dndDragover\"\n       (dndDrop)=\"onDndDrop($event)\">\n    <div dndPlaceholderRef class=\"manage-cols-placeholder\">Drop here</div>\n    <div *ngFor=\"let item of items; let i = index; trackBy: trackByUid\"\n         class=\"manage-cols-row cqa-flex cqa-items-center cqa-gap-2 cqa-px-2 cqa-py-1.5 cqa-rounded-md cqa-border cqa-border-gray-200 cqa-bg-gray-50\">\n      <span class=\"manage-cols-handle cqa-flex cqa-items-center cqa-justify-center cqa-text-gray-400\"\n            [dndDraggable]=\"item\"\n            [dndDisableIf]=\"isLocked(item)\"\n            dndType=\"col\"\n            dndEffectAllowed=\"move\">\n        <mat-icon style=\"font-size:18px;width:18px;height:18px;line-height:18px;\">drag_indicator</mat-icon>\n      </span>\n      <cqa-custom-input\n        class=\"cqa-flex-1\"\n        [value]=\"item.name\"\n        [fullWidth]=\"true\"\n        [disabled]=\"isLocked(item)\"\n        inputInlineStyle=\"font-family: 'Inter', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;\"\n        (valueChange)=\"onRename(i, $event)\">\n      </cqa-custom-input>\n      <button type=\"button\" class=\"manage-cols-icon-btn\"\n              title=\"Move up\"\n              [disabled]=\"i === 0\"\n              (click)=\"onMove(i, -1)\">\n        <mat-icon>arrow_upward</mat-icon>\n      </button>\n      <button type=\"button\" class=\"manage-cols-icon-btn\"\n              title=\"Move down\"\n              [disabled]=\"i === items.length - 1\"\n              (click)=\"onMove(i, 1)\">\n        <mat-icon>arrow_downward</mat-icon>\n      </button>\n      <button type=\"button\" class=\"manage-cols-icon-btn manage-cols-icon-btn-danger\"\n              title=\"Delete column\"\n              [disabled]=\"isLocked(item)\"\n              (click)=\"onRemove(i)\">\n        <mat-icon>delete</mat-icon>\n      </button>\n    </div>\n  </div>\n\n  <div class=\"cqa-flex cqa-items-center cqa-gap-2 cqa-pt-3 cqa-mt-1 cqa-border-t cqa-border-dashed cqa-border-gray-200\">\n    <cqa-custom-input\n      class=\"cqa-flex-1\"\n      [value]=\"newColName\"\n      [fullWidth]=\"true\"\n      placeholder=\"New column name (e.g. currency)\"\n      inputInlineStyle=\"font-family: 'Inter', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;\"\n      (valueChange)=\"onNewColNameChange($event)\"\n      (enterPressed)=\"onAdd()\">\n    </cqa-custom-input>\n    <cqa-button\n      variant=\"outlined\"\n      btnSize=\"sm\"\n      icon=\"add\"\n      text=\"Add column\"\n      [disabled]=\"!canAdd\"\n      (clicked)=\"onAdd()\">\n    </cqa-button>\n  </div>\n\n  <span *ngIf=\"columnsError\" class=\"cqa-text-xs cqa-text-red-600\">{{ columnsError }}</span>\n\n  <div class=\"cqa-px-3 cqa-py-2 cqa-rounded-md cqa-bg-primary-surface cqa-border cqa-border-success-100 cqa-text-xs cqa-text-gray-700\">\n    <strong class=\"cqa-text-gray-900\">Heads up:</strong>\n    Deleting a column removes its data from every environment. Renaming keeps the data in place.\n  </div>\n\n</div>\n" }]

package/esm2020/lib/new-db-config-dialog/new-db-config-dialog.component.mjs

@@ -281,7 +281,7 @@ export class NewDbConfigDialogComponent {
     }
 }
 NewDbConfigDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: NewDbConfigDialogComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-NewDbConfigDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: NewDbConfigDialogComponent, selector: "cqa-new-db-config-dialog", inputs: { mode: "mode", initialValue: "initialValue", existingNames: "existingNames", envName: "envName", testFn: "testFn" }, host: { styleAttribute: "display:block;width:100%;", classAttribute: "cqa-ui-root" }, ngImport: i0, template: "<div class=\"cqa-flex cqa-flex-col cqa-gap-4 cqa-w-full\">\n\n  <!-- Row: Connection name + Driver -->\n  <div class=\"cqa-grid cqa-grid-cols-2 cqa-gap-4\">\n    <div class=\"cqa-flex cqa-flex-col\">\n      <cqa-custom-input\n        label=\"Connection name\"\n        placeholder=\"e.g. Primary (bookings)\"\n        type=\"text\"\n        [value]=\"connectionName\"\n        [required]=\"true\"\n        [fullWidth]=\"true\"\n        [errors]=\"connectionNameErrorsArray\"\n        (valueChange)=\"onConnectionNameChange($event)\">\n      </cqa-custom-input>\n    </div>\n    <div class=\"cqa-flex cqa-flex-col\">\n      <label class=\"cqa-text-sm cqa-mb-1.5 cqa-font-medium cqa-text-gray-700\">Driver</label>\n      <cqa-dropdown-button\n        [options]=\"driverOptions\"\n        [selectedValue]=\"driver\"\n        (selectionChange)=\"onDriverChange($event)\">\n      </cqa-dropdown-button>\n    </div>\n  </div>\n\n  <!-- Row: Host + Port -->\n  <div class=\"cqa-grid cqa-grid-cols-4 cqa-gap-4\">\n    <div class=\"cqa-flex cqa-flex-col cqa-col-span-3\">\n      <cqa-custom-input\n        label=\"Host\"\n        placeholder=\"db.example.com\"\n        type=\"text\"\n        [value]=\"host\"\n        [required]=\"true\"\n        [fullWidth]=\"true\"\n        [errors]=\"hostErrorsArray\"\n        inputInlineStyle=\"font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;\"\n        (valueChange)=\"onHostChange($event)\">\n      </cqa-custom-input>\n    </div>\n    <div class=\"cqa-flex cqa-flex-col cqa-col-span-1\">\n      <cqa-custom-input\n        label=\"Port\"\n        type=\"number\"\n        [value]=\"port != null ? port.toString() : ''\"\n        [required]=\"true\"\n        [fullWidth]=\"true\"\n        [errors]=\"portErrorsArray\"\n        inputInlineStyle=\"font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;\"\n        (valueChange)=\"onPortChange($event)\">\n      </cqa-custom-input>\n    </div>\n  </div>\n\n  <!-- Database -->\n  <div class=\"cqa-flex cqa-flex-col\">\n    <cqa-custom-input\n      label=\"Database\"\n      placeholder=\"bookings_qa\"\n      type=\"text\"\n      [value]=\"database\"\n      [required]=\"true\"\n      [fullWidth]=\"true\"\n      [errors]=\"databaseErrorsArray\"\n      inputInlineStyle=\"font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;\"\n      (valueChange)=\"onDatabaseChange($event)\">\n    </cqa-custom-input>\n  </div>\n\n  <!-- Row: Username + Password -->\n  <div class=\"cqa-grid cqa-grid-cols-2 cqa-gap-4\">\n    <div class=\"cqa-flex cqa-flex-col\">\n      <cqa-custom-input\n        label=\"Username\"\n        type=\"text\"\n        [value]=\"username\"\n        [required]=\"true\"\n        [fullWidth]=\"true\"\n        [errors]=\"usernameErrorsArray\"\n        inputInlineStyle=\"font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;\"\n        (valueChange)=\"onUsernameChange($event)\">\n      </cqa-custom-input>\n    </div>\n    <div class=\"cqa-flex cqa-flex-col\">\n      <cqa-custom-input\n        label=\"Password\"\n        type=\"password\"\n        [value]=\"password\"\n        [placeholder]=\"passwordPlaceholder\"\n        [required]=\"isPasswordRequiredVisually\"\n        [fullWidth]=\"true\"\n        [errors]=\"passwordErrorsArray\"\n        (valueChange)=\"onPasswordChange($event)\">\n      </cqa-custom-input>\n    </div>\n  </div>\n\n  <!-- Test connection action + result -->\n  <div *ngIf=\"testFn\" class=\"cqa-flex cqa-flex-col cqa-gap-2\">\n    <div class=\"cqa-flex cqa-items-center cqa-justify-between cqa-gap-3\">\n      <span class=\"cqa-text-xs cqa-text-gray-600\">\n        Validate the connection without saving. The credentials are sent over the wire only for this check.\n      </span>\n      <cqa-button\n        class=\"cqa-shrink-0\"\n        style=\"min-width: max-content;\"\n        variant=\"outlined\"\n        btnSize=\"md\"\n        icon=\"bolt\"\n        text=\"Test connection\"\n        [loading]=\"isTesting\"\n        [disabled]=\"!canTest\"\n        (clicked)=\"onTestClick()\">\n      </cqa-button>\n    </div>\n\n    <div *ngIf=\"testResult\"\n      class=\"cqa-flex cqa-items-start cqa-gap-2 cqa-px-3 cqa-py-2 cqa-rounded-md cqa-text-sm\"\n      [ngClass]=\"testResult.status === 'success'\n        ? 'cqa-bg-[#ECFDF5] cqa-text-[#065F46] cqa-border cqa-border-[#A7F3D0]'\n        : 'cqa-bg-[#FEF2F2] cqa-text-[#991B1B] cqa-border cqa-border-[#FECACA]'\">\n      <mat-icon class=\"!cqa-w-[18px] !cqa-h-[18px] !cqa-text-[18px]\">\n        {{ testResult.status === 'success' ? 'check_circle' : 'error' }}\n      </mat-icon>\n      <span>{{ testResult.message }}</span>\n    </div>\n  </div>\n\n  <!-- Encryption notice -->\n  <div class=\"cqa-flex cqa-items-center cqa-gap-2 cqa-px-3 cqa-py-2 cqa-rounded-md cqa-bg-[#EEF2FF] cqa-border cqa-border-[#C7D2FE] cqa-text-xs cqa-text-[#3730A3]\">\n    <mat-icon class=\"!cqa-w-[16px] !cqa-h-[16px] !cqa-text-[16px]\">lock</mat-icon>\n    <span>Credentials are encrypted at rest and masked in the audit log.</span>\n  </div>\n\n</div>\n", components: [{ type: i1.CustomInputComponent, selector: "cqa-custom-input", inputs: ["inputId", "label", "type", "placeholder", "value", "disabled", "errors", "required", "ariaLabel", "size", "fullWidth", "maxLength", "showCharCount", "inputInlineStyle", "labelInlineStyle"], outputs: ["valueChange", "blurred", "focused", "enterPressed"] }, { type: i2.DropdownButtonComponent, selector: "cqa-dropdown-button", inputs: ["label", "options", "selectedValue", "disabled", "placeholder"], outputs: ["selectionChange", "opened", "closed"] }, { type: i3.ButtonComponent, selector: "cqa-button", inputs: ["variant", "btnSize", "disabled", "loading", "icon", "iconPosition", "fullWidth", "iconColor", "type", "text", "customClass", "inlineStyles", "tooltip", "tooltipPosition"], outputs: ["clicked"] }, { type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+NewDbConfigDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: NewDbConfigDialogComponent, selector: "cqa-new-db-config-dialog", inputs: { mode: "mode", initialValue: "initialValue", existingNames: "existingNames", envName: "envName", testFn: "testFn" }, host: { styleAttribute: "display:block;width:100%;", classAttribute: "cqa-ui-root" }, ngImport: i0, template: "<div class=\"cqa-flex cqa-flex-col cqa-gap-4 cqa-w-full\">\n\n  <!-- Row: Connection name + Driver -->\n  <div class=\"cqa-grid cqa-grid-cols-2 cqa-gap-4\">\n    <div class=\"cqa-flex cqa-flex-col\">\n      <cqa-custom-input\n        label=\"Connection name\"\n        placeholder=\"e.g. Primary (bookings)\"\n        type=\"text\"\n        [value]=\"connectionName\"\n        [required]=\"true\"\n        [fullWidth]=\"true\"\n        [errors]=\"connectionNameErrorsArray\"\n        (valueChange)=\"onConnectionNameChange($event)\">\n      </cqa-custom-input>\n    </div>\n    <div class=\"cqa-flex cqa-flex-col\">\n      <label class=\"cqa-text-sm cqa-mb-1.5 cqa-font-medium cqa-text-gray-700\">Driver</label>\n      <cqa-dropdown-button\n        [options]=\"driverOptions\"\n        [selectedValue]=\"driver\"\n        (selectionChange)=\"onDriverChange($event)\">\n      </cqa-dropdown-button>\n    </div>\n  </div>\n\n  <!-- Row: Host + Port -->\n  <div class=\"cqa-grid cqa-grid-cols-4 cqa-gap-4\">\n    <div class=\"cqa-flex cqa-flex-col cqa-col-span-3\">\n      <cqa-custom-input\n        label=\"Host\"\n        placeholder=\"db.example.com\"\n        type=\"text\"\n        [value]=\"host\"\n        [required]=\"true\"\n        [fullWidth]=\"true\"\n        [errors]=\"hostErrorsArray\"\n        inputInlineStyle=\"font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;\"\n        (valueChange)=\"onHostChange($event)\">\n      </cqa-custom-input>\n    </div>\n    <div class=\"cqa-flex cqa-flex-col cqa-col-span-1\">\n      <cqa-custom-input\n        label=\"Port\"\n        type=\"number\"\n        [value]=\"port != null ? port.toString() : ''\"\n        [required]=\"true\"\n        [fullWidth]=\"true\"\n        [errors]=\"portErrorsArray\"\n        inputInlineStyle=\"font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;\"\n        (valueChange)=\"onPortChange($event)\">\n      </cqa-custom-input>\n    </div>\n  </div>\n\n  <!-- Database -->\n  <div class=\"cqa-flex cqa-flex-col\">\n    <cqa-custom-input\n      label=\"Database\"\n      placeholder=\"bookings_qa\"\n      type=\"text\"\n      [value]=\"database\"\n      [required]=\"true\"\n      [fullWidth]=\"true\"\n      [errors]=\"databaseErrorsArray\"\n      inputInlineStyle=\"font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;\"\n      (valueChange)=\"onDatabaseChange($event)\">\n    </cqa-custom-input>\n  </div>\n\n  <!-- Row: Username + Password -->\n  <div class=\"cqa-grid cqa-grid-cols-2 cqa-gap-4\">\n    <div class=\"cqa-flex cqa-flex-col\">\n      <cqa-custom-input\n        label=\"Username\"\n        type=\"text\"\n        [value]=\"username\"\n        [required]=\"true\"\n        [fullWidth]=\"true\"\n        [errors]=\"usernameErrorsArray\"\n        inputInlineStyle=\"font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;\"\n        (valueChange)=\"onUsernameChange($event)\">\n      </cqa-custom-input>\n    </div>\n    <div class=\"cqa-flex cqa-flex-col\">\n      <cqa-custom-input\n        label=\"Password\"\n        type=\"password\"\n        [value]=\"password\"\n        [placeholder]=\"passwordPlaceholder\"\n        [required]=\"isPasswordRequiredVisually\"\n        [fullWidth]=\"true\"\n        [errors]=\"passwordErrorsArray\"\n        (valueChange)=\"onPasswordChange($event)\">\n      </cqa-custom-input>\n    </div>\n  </div>\n\n  <!-- Test connection action + result -->\n  <div *ngIf=\"testFn\" class=\"cqa-flex cqa-flex-col cqa-gap-2\">\n    <div class=\"cqa-flex cqa-items-center cqa-justify-between cqa-gap-3\">\n      <span class=\"cqa-text-xs cqa-text-gray-600\">\n        Validate the connection without saving. The credentials are sent over the wire only for this check.\n      </span>\n      <cqa-button\n        class=\"cqa-shrink-0\"\n        style=\"min-width: max-content;\"\n        variant=\"outlined\"\n        btnSize=\"md\"\n        icon=\"bolt\"\n        text=\"Test connection\"\n        [loading]=\"isTesting\"\n        [disabled]=\"!canTest\"\n        (clicked)=\"onTestClick()\">\n      </cqa-button>\n    </div>\n\n    <div *ngIf=\"testResult\"\n      class=\"cqa-flex cqa-items-start cqa-gap-2 cqa-px-3 cqa-py-2 cqa-rounded-md cqa-text-sm\"\n      [ngClass]=\"testResult.status === 'success'\n        ? 'cqa-bg-[#ECFDF5] cqa-text-[#065F46] cqa-border cqa-border-[#A7F3D0]'\n        : 'cqa-bg-[#FEF2F2] cqa-text-[#991B1B] cqa-border cqa-border-[#FECACA]'\">\n      <mat-icon class=\"!cqa-w-[18px] !cqa-h-[18px] !cqa-text-[18px]\">\n        {{ testResult.status === 'success' ? 'check_circle' : 'error' }}\n      </mat-icon>\n      <span>{{ testResult.message }}</span>\n    </div>\n  </div>\n\n  <!-- Encryption notice -->\n  <div class=\"cqa-flex cqa-items-center cqa-gap-2 cqa-px-3 cqa-py-2 cqa-rounded-md cqa-bg-[#EEF2FF] cqa-border cqa-border-[#C7D2FE] cqa-text-xs cqa-text-[#3730A3]\">\n    <mat-icon class=\"!cqa-w-[16px] !cqa-h-[16px] !cqa-text-[16px]\">lock</mat-icon>\n    <span>Credentials are encrypted at rest and masked in the audit log.</span>\n  </div>\n\n</div>\n", components: [{ type: i1.CustomInputComponent, selector: "cqa-custom-input", inputs: ["inputId", "label", "type", "placeholder", "value", "disabled", "errors", "required", "ariaLabel", "size", "fullWidth", "maxLength", "showCharCount", "inputInlineStyle", "labelInlineStyle", "showPasswordToggle"], outputs: ["valueChange", "blurred", "focused", "enterPressed"] }, { type: i2.DropdownButtonComponent, selector: "cqa-dropdown-button", inputs: ["label", "options", "selectedValue", "disabled", "placeholder"], outputs: ["selectionChange", "opened", "closed"] }, { type: i3.ButtonComponent, selector: "cqa-button", inputs: ["variant", "btnSize", "disabled", "loading", "icon", "iconPosition", "fullWidth", "iconColor", "type", "text", "customClass", "inlineStyles", "tooltip", "tooltipPosition"], outputs: ["clicked"] }, { type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: NewDbConfigDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cqa-new-db-config-dialog', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'cqa-ui-root', style: 'display:block;width:100%;' }, template: "<div class=\"cqa-flex cqa-flex-col cqa-gap-4 cqa-w-full\">\n\n  <!-- Row: Connection name + Driver -->\n  <div class=\"cqa-grid cqa-grid-cols-2 cqa-gap-4\">\n    <div class=\"cqa-flex cqa-flex-col\">\n      <cqa-custom-input\n        label=\"Connection name\"\n        placeholder=\"e.g. Primary (bookings)\"\n        type=\"text\"\n        [value]=\"connectionName\"\n        [required]=\"true\"\n        [fullWidth]=\"true\"\n        [errors]=\"connectionNameErrorsArray\"\n        (valueChange)=\"onConnectionNameChange($event)\">\n      </cqa-custom-input>\n    </div>\n    <div class=\"cqa-flex cqa-flex-col\">\n      <label class=\"cqa-text-sm cqa-mb-1.5 cqa-font-medium cqa-text-gray-700\">Driver</label>\n      <cqa-dropdown-button\n        [options]=\"driverOptions\"\n        [selectedValue]=\"driver\"\n        (selectionChange)=\"onDriverChange($event)\">\n      </cqa-dropdown-button>\n    </div>\n  </div>\n\n  <!-- Row: Host + Port -->\n  <div class=\"cqa-grid cqa-grid-cols-4 cqa-gap-4\">\n    <div class=\"cqa-flex cqa-flex-col cqa-col-span-3\">\n      <cqa-custom-input\n        label=\"Host\"\n        placeholder=\"db.example.com\"\n        type=\"text\"\n        [value]=\"host\"\n        [required]=\"true\"\n        [fullWidth]=\"true\"\n        [errors]=\"hostErrorsArray\"\n        inputInlineStyle=\"font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;\"\n        (valueChange)=\"onHostChange($event)\">\n      </cqa-custom-input>\n    </div>\n    <div class=\"cqa-flex cqa-flex-col cqa-col-span-1\">\n      <cqa-custom-input\n        label=\"Port\"\n        type=\"number\"\n        [value]=\"port != null ? port.toString() : ''\"\n        [required]=\"true\"\n        [fullWidth]=\"true\"\n        [errors]=\"portErrorsArray\"\n        inputInlineStyle=\"font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;\"\n        (valueChange)=\"onPortChange($event)\">\n      </cqa-custom-input>\n    </div>\n  </div>\n\n  <!-- Database -->\n  <div class=\"cqa-flex cqa-flex-col\">\n    <cqa-custom-input\n      label=\"Database\"\n      placeholder=\"bookings_qa\"\n      type=\"text\"\n      [value]=\"database\"\n      [required]=\"true\"\n      [fullWidth]=\"true\"\n      [errors]=\"databaseErrorsArray\"\n      inputInlineStyle=\"font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;\"\n      (valueChange)=\"onDatabaseChange($event)\">\n    </cqa-custom-input>\n  </div>\n\n  <!-- Row: Username + Password -->\n  <div class=\"cqa-grid cqa-grid-cols-2 cqa-gap-4\">\n    <div class=\"cqa-flex cqa-flex-col\">\n      <cqa-custom-input\n        label=\"Username\"\n        type=\"text\"\n        [value]=\"username\"\n        [required]=\"true\"\n        [fullWidth]=\"true\"\n        [errors]=\"usernameErrorsArray\"\n        inputInlineStyle=\"font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;\"\n        (valueChange)=\"onUsernameChange($event)\">\n      </cqa-custom-input>\n    </div>\n    <div class=\"cqa-flex cqa-flex-col\">\n      <cqa-custom-input\n        label=\"Password\"\n        type=\"password\"\n        [value]=\"password\"\n        [placeholder]=\"passwordPlaceholder\"\n        [required]=\"isPasswordRequiredVisually\"\n        [fullWidth]=\"true\"\n        [errors]=\"passwordErrorsArray\"\n        (valueChange)=\"onPasswordChange($event)\">\n      </cqa-custom-input>\n    </div>\n  </div>\n\n  <!-- Test connection action + result -->\n  <div *ngIf=\"testFn\" class=\"cqa-flex cqa-flex-col cqa-gap-2\">\n    <div class=\"cqa-flex cqa-items-center cqa-justify-between cqa-gap-3\">\n      <span class=\"cqa-text-xs cqa-text-gray-600\">\n        Validate the connection without saving. The credentials are sent over the wire only for this check.\n      </span>\n      <cqa-button\n        class=\"cqa-shrink-0\"\n        style=\"min-width: max-content;\"\n        variant=\"outlined\"\n        btnSize=\"md\"\n        icon=\"bolt\"\n        text=\"Test connection\"\n        [loading]=\"isTesting\"\n        [disabled]=\"!canTest\"\n        (clicked)=\"onTestClick()\">\n      </cqa-button>\n    </div>\n\n    <div *ngIf=\"testResult\"\n      class=\"cqa-flex cqa-items-start cqa-gap-2 cqa-px-3 cqa-py-2 cqa-rounded-md cqa-text-sm\"\n      [ngClass]=\"testResult.status === 'success'\n        ? 'cqa-bg-[#ECFDF5] cqa-text-[#065F46] cqa-border cqa-border-[#A7F3D0]'\n        : 'cqa-bg-[#FEF2F2] cqa-text-[#991B1B] cqa-border cqa-border-[#FECACA]'\">\n      <mat-icon class=\"!cqa-w-[18px] !cqa-h-[18px] !cqa-text-[18px]\">\n        {{ testResult.status === 'success' ? 'check_circle' : 'error' }}\n      </mat-icon>\n      <span>{{ testResult.message }}</span>\n    </div>\n  </div>\n\n  <!-- Encryption notice -->\n  <div class=\"cqa-flex cqa-items-center cqa-gap-2 cqa-px-3 cqa-py-2 cqa-rounded-md cqa-bg-[#EEF2FF] cqa-border cqa-border-[#C7D2FE] cqa-text-xs cqa-text-[#3730A3]\">\n    <mat-icon class=\"!cqa-w-[16px] !cqa-h-[16px] !cqa-text-[16px]\">lock</mat-icon>\n    <span>Credentials are encrypted at rest and masked in the audit log.</span>\n  </div>\n\n</div>\n" }]

package/esm2020/lib/new-environment-dialog/new-environment-dialog.component.mjs

@@ -128,7 +128,7 @@ export class NewEnvironmentDialogComponent {
     }
 }
 NewEnvironmentDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: NewEnvironmentDialogComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-NewEnvironmentDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: NewEnvironmentDialogComponent, selector: "cqa-new-environment-dialog", inputs: { mode: "mode", initialValue: "initialValue", existingNames: "existingNames", allowDefaultToggle: "allowDefaultToggle", defaultAlreadySet: "defaultAlreadySet", showDescription: "showDescription", showAccentColor: "showAccentColor" }, host: { styleAttribute: "display:block;width:100%;", classAttribute: "cqa-ui-root" }, ngImport: i0, template: "<div class=\"cqa-flex cqa-flex-col cqa-gap-4 cqa-w-full\">\n\n  <!-- Name -->\n  <div class=\"cqa-flex cqa-flex-col\">\n    <cqa-custom-input\n      label=\"Environment name\"\n      placeholder=\"e.g. QA, SIT, UAT, Prod, Demo\"\n      type=\"text\"\n      [value]=\"name\"\n      [required]=\"true\"\n      [fullWidth]=\"true\"\n      [errors]=\"nameErrorsArray\"\n      (valueChange)=\"onNameChange($event)\">\n    </cqa-custom-input>\n    <span *ngIf=\"!nameError\"\n      class=\"cqa-text-xs cqa-text-gray-500 cqa-mt-1\">\n      Names are user-defined. Be concise \u2014 you'll see this on every test run.\n    </span>\n  </div>\n\n  <!-- Description (rich-text editor) -->\n  <div *ngIf=\"showDescription\" class=\"cqa-flex cqa-flex-col\">\n    <label class=\"cqa-text-sm cqa-mb-1.5 cqa-font-medium cqa-text-gray-700\">Description</label>\n    <cqa-rich-text-editor\n      [formCtrl]=\"descriptionControl\"\n      placeholder=\"What is this environment for?\">\n    </cqa-rich-text-editor>\n  </div>\n\n  <!-- Accent color -->\n  <div *ngIf=\"showAccentColor\" class=\"cqa-flex cqa-flex-col\">\n    <label class=\"cqa-text-sm cqa-mb-2 cqa-font-medium cqa-text-gray-700\">Accent color</label>\n    <div class=\"cqa-flex cqa-items-center cqa-gap-2\">\n      <button\n        *ngFor=\"let swatch of colors\"\n        type=\"button\"\n        class=\"cqa-w-7 cqa-h-7 cqa-rounded-lg cqa-cursor-pointer cqa-transition-all\"\n        [attr.aria-label]=\"'Select ' + swatch\"\n        [attr.aria-pressed]=\"color === swatch\"\n        [style.background]=\"swatch\"\n        [style.border]=\"color === swatch ? '2px solid #0F172A' : '2px solid transparent'\"\n        [style.boxShadow]=\"color === swatch ? '0 0 0 2px rgba(15,23,42,0.12)' : '0 0 0 1px rgba(0,0,0,0.05)'\"\n        (click)=\"onColorSelect(swatch)\">\n      </button>\n    </div>\n  </div>\n\n  <!-- Make default -->\n  <label\n    *ngIf=\"allowDefaultToggle\"\n    class=\"cqa-flex cqa-items-center cqa-gap-2.5 cqa-py-2.5 cqa-px-3 cqa-bg-indigo-50\"\n    [class.cqa-cursor-pointer]=\"!isDefaultLocked\"\n    [class.cqa-cursor-not-allowed]=\"isDefaultLocked\"\n    style=\"border-radius: 10px; border: 1px solid rgb(216, 217, 252);\">\n    <input\n      type=\"checkbox\"\n      class=\"cqa-flex-shrink-0\"\n      [class.cqa-cursor-pointer]=\"!isDefaultLocked\"\n      [class.cqa-cursor-not-allowed]=\"isDefaultLocked\"\n      style=\"width: 16px; height: 16px; accent-color: #4F46E5;\"\n      [checked]=\"isDefault\"\n      [disabled]=\"isDefaultLocked\"\n      (change)=\"onDefaultCheckboxChange($event)\">\n    <div class=\"cqa-flex cqa-flex-col cqa-min-w-0\">\n      <span style=\"font-size: 13px; font-weight: 500; color: #0F172A; line-height: 1.3;\">\n        Make this the default environment\n      </span>\n      <span style=\"font-size: 11px; color: #64748B; margin-top: 2px; line-height: 1.4;\">\n        {{ defaultHelperText }}\n      </span>\n    </div>\n  </label>\n\n</div>\n", components: [{ type: i1.CustomInputComponent, selector: "cqa-custom-input", inputs: ["inputId", "label", "type", "placeholder", "value", "disabled", "errors", "required", "ariaLabel", "size", "fullWidth", "maxLength", "showCharCount", "inputInlineStyle", "labelInlineStyle"], outputs: ["valueChange", "blurred", "focused", "enterPressed"] }, { type: i2.RichTextEditorComponent, selector: "cqa-rich-text-editor", inputs: ["formCtrl", "placeholder"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+NewEnvironmentDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: NewEnvironmentDialogComponent, selector: "cqa-new-environment-dialog", inputs: { mode: "mode", initialValue: "initialValue", existingNames: "existingNames", allowDefaultToggle: "allowDefaultToggle", defaultAlreadySet: "defaultAlreadySet", showDescription: "showDescription", showAccentColor: "showAccentColor" }, host: { styleAttribute: "display:block;width:100%;", classAttribute: "cqa-ui-root" }, ngImport: i0, template: "<div class=\"cqa-flex cqa-flex-col cqa-gap-4 cqa-w-full\">\n\n  <!-- Name -->\n  <div class=\"cqa-flex cqa-flex-col\">\n    <cqa-custom-input\n      label=\"Environment name\"\n      placeholder=\"e.g. QA, SIT, UAT, Prod, Demo\"\n      type=\"text\"\n      [value]=\"name\"\n      [required]=\"true\"\n      [fullWidth]=\"true\"\n      [errors]=\"nameErrorsArray\"\n      (valueChange)=\"onNameChange($event)\">\n    </cqa-custom-input>\n    <span *ngIf=\"!nameError\"\n      class=\"cqa-text-xs cqa-text-gray-500 cqa-mt-1\">\n      Names are user-defined. Be concise \u2014 you'll see this on every test run.\n    </span>\n  </div>\n\n  <!-- Description (rich-text editor) -->\n  <div *ngIf=\"showDescription\" class=\"cqa-flex cqa-flex-col\">\n    <label class=\"cqa-text-sm cqa-mb-1.5 cqa-font-medium cqa-text-gray-700\">Description</label>\n    <cqa-rich-text-editor\n      [formCtrl]=\"descriptionControl\"\n      placeholder=\"What is this environment for?\">\n    </cqa-rich-text-editor>\n  </div>\n\n  <!-- Accent color -->\n  <div *ngIf=\"showAccentColor\" class=\"cqa-flex cqa-flex-col\">\n    <label class=\"cqa-text-sm cqa-mb-2 cqa-font-medium cqa-text-gray-700\">Accent color</label>\n    <div class=\"cqa-flex cqa-items-center cqa-gap-2\">\n      <button\n        *ngFor=\"let swatch of colors\"\n        type=\"button\"\n        class=\"cqa-w-7 cqa-h-7 cqa-rounded-lg cqa-cursor-pointer cqa-transition-all\"\n        [attr.aria-label]=\"'Select ' + swatch\"\n        [attr.aria-pressed]=\"color === swatch\"\n        [style.background]=\"swatch\"\n        [style.border]=\"color === swatch ? '2px solid #0F172A' : '2px solid transparent'\"\n        [style.boxShadow]=\"color === swatch ? '0 0 0 2px rgba(15,23,42,0.12)' : '0 0 0 1px rgba(0,0,0,0.05)'\"\n        (click)=\"onColorSelect(swatch)\">\n      </button>\n    </div>\n  </div>\n\n  <!-- Make default -->\n  <label\n    *ngIf=\"allowDefaultToggle\"\n    class=\"cqa-flex cqa-items-center cqa-gap-2.5 cqa-py-2.5 cqa-px-3 cqa-bg-indigo-50\"\n    [class.cqa-cursor-pointer]=\"!isDefaultLocked\"\n    [class.cqa-cursor-not-allowed]=\"isDefaultLocked\"\n    style=\"border-radius: 10px; border: 1px solid rgb(216, 217, 252);\">\n    <input\n      type=\"checkbox\"\n      class=\"cqa-flex-shrink-0\"\n      [class.cqa-cursor-pointer]=\"!isDefaultLocked\"\n      [class.cqa-cursor-not-allowed]=\"isDefaultLocked\"\n      style=\"width: 16px; height: 16px; accent-color: #4F46E5;\"\n      [checked]=\"isDefault\"\n      [disabled]=\"isDefaultLocked\"\n      (change)=\"onDefaultCheckboxChange($event)\">\n    <div class=\"cqa-flex cqa-flex-col cqa-min-w-0\">\n      <span style=\"font-size: 13px; font-weight: 500; color: #0F172A; line-height: 1.3;\">\n        Make this the default environment\n      </span>\n      <span style=\"font-size: 11px; color: #64748B; margin-top: 2px; line-height: 1.4;\">\n        {{ defaultHelperText }}\n      </span>\n    </div>\n  </label>\n\n</div>\n", components: [{ type: i1.CustomInputComponent, selector: "cqa-custom-input", inputs: ["inputId", "label", "type", "placeholder", "value", "disabled", "errors", "required", "ariaLabel", "size", "fullWidth", "maxLength", "showCharCount", "inputInlineStyle", "labelInlineStyle", "showPasswordToggle"], outputs: ["valueChange", "blurred", "focused", "enterPressed"] }, { type: i2.RichTextEditorComponent, selector: "cqa-rich-text-editor", inputs: ["formCtrl", "placeholder"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: NewEnvironmentDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cqa-new-environment-dialog', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'cqa-ui-root', style: 'display:block;width:100%;' }, template: "<div class=\"cqa-flex cqa-flex-col cqa-gap-4 cqa-w-full\">\n\n  <!-- Name -->\n  <div class=\"cqa-flex cqa-flex-col\">\n    <cqa-custom-input\n      label=\"Environment name\"\n      placeholder=\"e.g. QA, SIT, UAT, Prod, Demo\"\n      type=\"text\"\n      [value]=\"name\"\n      [required]=\"true\"\n      [fullWidth]=\"true\"\n      [errors]=\"nameErrorsArray\"\n      (valueChange)=\"onNameChange($event)\">\n    </cqa-custom-input>\n    <span *ngIf=\"!nameError\"\n      class=\"cqa-text-xs cqa-text-gray-500 cqa-mt-1\">\n      Names are user-defined. Be concise \u2014 you'll see this on every test run.\n    </span>\n  </div>\n\n  <!-- Description (rich-text editor) -->\n  <div *ngIf=\"showDescription\" class=\"cqa-flex cqa-flex-col\">\n    <label class=\"cqa-text-sm cqa-mb-1.5 cqa-font-medium cqa-text-gray-700\">Description</label>\n    <cqa-rich-text-editor\n      [formCtrl]=\"descriptionControl\"\n      placeholder=\"What is this environment for?\">\n    </cqa-rich-text-editor>\n  </div>\n\n  <!-- Accent color -->\n  <div *ngIf=\"showAccentColor\" class=\"cqa-flex cqa-flex-col\">\n    <label class=\"cqa-text-sm cqa-mb-2 cqa-font-medium cqa-text-gray-700\">Accent color</label>\n    <div class=\"cqa-flex cqa-items-center cqa-gap-2\">\n      <button\n        *ngFor=\"let swatch of colors\"\n        type=\"button\"\n        class=\"cqa-w-7 cqa-h-7 cqa-rounded-lg cqa-cursor-pointer cqa-transition-all\"\n        [attr.aria-label]=\"'Select ' + swatch\"\n        [attr.aria-pressed]=\"color === swatch\"\n        [style.background]=\"swatch\"\n        [style.border]=\"color === swatch ? '2px solid #0F172A' : '2px solid transparent'\"\n        [style.boxShadow]=\"color === swatch ? '0 0 0 2px rgba(15,23,42,0.12)' : '0 0 0 1px rgba(0,0,0,0.05)'\"\n        (click)=\"onColorSelect(swatch)\">\n      </button>\n    </div>\n  </div>\n\n  <!-- Make default -->\n  <label\n    *ngIf=\"allowDefaultToggle\"\n    class=\"cqa-flex cqa-items-center cqa-gap-2.5 cqa-py-2.5 cqa-px-3 cqa-bg-indigo-50\"\n    [class.cqa-cursor-pointer]=\"!isDefaultLocked\"\n    [class.cqa-cursor-not-allowed]=\"isDefaultLocked\"\n    style=\"border-radius: 10px; border: 1px solid rgb(216, 217, 252);\">\n    <input\n      type=\"checkbox\"\n      class=\"cqa-flex-shrink-0\"\n      [class.cqa-cursor-pointer]=\"!isDefaultLocked\"\n      [class.cqa-cursor-not-allowed]=\"isDefaultLocked\"\n      style=\"width: 16px; height: 16px; accent-color: #4F46E5;\"\n      [checked]=\"isDefault\"\n      [disabled]=\"isDefaultLocked\"\n      (change)=\"onDefaultCheckboxChange($event)\">\n    <div class=\"cqa-flex cqa-flex-col cqa-min-w-0\">\n      <span style=\"font-size: 13px; font-weight: 500; color: #0F172A; line-height: 1.3;\">\n        Make this the default environment\n      </span>\n      <span style=\"font-size: 11px; color: #64748B; margin-top: 2px; line-height: 1.4;\">\n        {{ defaultHelperText }}\n      </span>\n    </div>\n  </label>\n\n</div>\n" }]