simpo-component-library 2.1.698 → 2.1.699

Sign up to get free protection for your applications and to get access to all the features.
Files changed (10) hide show
  1. package/esm2022/lib/components/input-fields/input-fields.component.mjs +3 -3
  2. package/fesm2022/simpo-component-library.mjs +2 -2
  3. package/fesm2022/simpo-component-library.mjs.map +1 -1
  4. package/lib/directive/background-directive.d.ts +1 -1
  5. package/lib/directive/button-directive.directive.d.ts +1 -1
  6. package/lib/directive/color.directive.d.ts +1 -1
  7. package/lib/sections/pricing-section/pricing-section.component.d.ts +1 -1
  8. package/package.json +1 -1
  9. package/simpo-component-library-2.1.699.tgz +0 -0
  10. package/simpo-component-library-2.1.698.tgz +0 -0
package/esm2022/lib/components/input-fields/input-fields.component.mjs CHANGED
@@ -72,13 +72,13 @@ export class InputFieldsComponent {
72
72
  });
73
73
  }
74
74
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: InputFieldsComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
75
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: InputFieldsComponent, isStandalone: true, selector: "simpo-input-fields", inputs: { feild: "feild", opacity: "opacity", bgColor: "bgColor", sectionId: "sectionId" }, host: { listeners: { "document:click": "handleOutsideClick($event)" } }, usesOnChanges: true, ngImport: i0, template: "<section [ngSwitch]=\"feild.type\" class=\"mt-15\">\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'text'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"text\" class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\">\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'textArea'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <textarea type=\"text\" class=\"p-2 mt-2\" cols=\"12\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\"></textarea>\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'address'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"text\" class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\">\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'email'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"email\" class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\">\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'password'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"password\" class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\">\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'rating'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <div class=\"d-flex mt-2\">\r\n <span class=\"fa fa-star\" *ngFor=\"let _ of [].constructor(5); let idx = index\" [ngClass]=\"{'checked': idx < (ratingHoverIndex ?? feild.value) }\" (mouseenter)=\"ratingHoverIndex = idx +1\" (mouseleave)=\"ratingHoverIndex = null\" (click)=\"feild.value = idx +1\"></span>\r\n </div>\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'date'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"date\" class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\">\r\n </div>\r\n <!-- <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'checkbox'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <div class=\"d-flex align-items-center flex-wrap mt-2\" style=\"gap: 10px;height:40px\">\r\n <ng-container *ngFor=\"let checkbox of feild.options\">\r\n <div class=\"d-flex align-items-center\" style=\"gap: 5px;\">\r\n <input type=\"checkbox\" [attr.id]=\"checkbox.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"checkbox.status\">\r\n <label [attr.for]=\"checkbox.value\" class=\"mb-0 mt-1 checkboxFont\">{{ checkbox.value }}</label>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div> -->\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'checkbox'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">\r\n {{ feild.value }} <sup *ngIf=\"feild.required\">*</sup>\r\n </label>\r\n <div class=\"d-flex align-items-center flex-wrap mt-2\" style=\"gap: 10px; height: 40px;\">\r\n <ng-container *ngFor=\"let checkbox of feild.options; let i = index\">\r\n <div class=\"d-flex align-items-center\" style=\"gap: 5px;\">\r\n <input \r\n type=\"checkbox\" \r\n [attr.id]=\"checkbox.value\" \r\n [style.background]=\"colorCode\" \r\n [style.color]=\"getTextColor\" \r\n [checked]=\"checkbox.status\" \r\n (change)=\"onCheckboxChange(i)\">\r\n <label [attr.for]=\"checkbox.value\" class=\"mb-0 mt-1 checkboxFont\">\r\n {{ checkbox.value }}\r\n </label>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n \r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'number'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"number\" class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\">\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'money'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"text\" class=\"p-2 mt-2\" value=\"\u20B9\" (keydown)=\"handleMoneyInput($event)\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\">\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'desc'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <textarea class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\"></textarea>\r\n </div>\r\n <div class=\"d-flex flex-column mr-2 position-relative\" *ngSwitchCase=\"'dropdown'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n\r\n <div class=\"position-relative mt-2 d-flex align-items-center dropdown-key\" (click)=\"selectedDropdown === feild.value ? selectedDropdown = null : selectedDropdown = feild.value\" \r\n [style.color]=\"getTextColor\" [style.background]=\"colorCode\">\r\n <input type=\"text\" readonly [attr.id]=\"feild.value\" [value]=\"enteredValue\" \r\n [(ngModel)]=\"feild.inputValue\" class=\"w-100\" [style.background]=\"colorCode\" placeholder=\"Select\">\r\n <mat-icon class=\"down-arrow\">{{feild.value != selectedDropdown ? 'keyboard_arrow_down' : 'keyboard_arrow_up'}}</mat-icon>\r\n\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0</div>\r\n <div class=\"container-list position-absolute\" [hidden]=\"feild.value != selectedDropdown\">\r\n <ng-container *ngFor=\"let option of feild.options\">\r\n <div class=\"container\" [ngClass]=\"{'container-selected': option.value == selectedDropdown}\" (click)=\"selectDropdown(option.value)\">{{ option.value }}</div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n</section>\r\n", styles: ["input,textarea,select{border-radius:5px;padding:8px 8px 8px 10px!important;font-size:large;background-color:#000;font-weight:400;border:1px solid #b9b9b9}input{height:40px}.checkboxFont{font-size:16px;font-weight:400}.down-arrow{position:absolute;right:5px;color:#000}.fa-star{opacity:.3;cursor:pointer;font-size:20px}input[type=checkbox]{height:18px;width:18px}.checked{opacity:1;color:#daa520}.input-field-label{text-align:start;font-size:16px;font-weight:400}.mt-15{margin-top:15px}.container-list{box-shadow:0 0 3px #999;background-color:#fff;border-radius:5px;padding:3px 0;font-weight:400;overflow:hidden;position:absolute;top:72px;width:100%;z-index:1;max-height:200px;overflow:scroll}.container-list .container{cursor:pointer;padding:10px;font-size:18px;color:#000}.container-list .container-selected{color:#fff;background-color:purple}.container-list .container:hover{color:#fff;background-color:purple;width:100%;font-weight:600!important}sup{color:red}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.dropdown-key{border-radius:5px;border:1px solid #b9b9b9}.dropdown-key input{border:none}.dropdown-key input:focus{outline:none}.container{background:#fff;color:#000!important}.container:hover{color:#fff!important;background-color:purple}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: ColorDirective, selector: "[simpoColor]", inputs: ["simpoColor"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
75
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: InputFieldsComponent, isStandalone: true, selector: "simpo-input-fields", inputs: { feild: "feild", opacity: "opacity", bgColor: "bgColor", sectionId: "sectionId" }, host: { listeners: { "document:click": "handleOutsideClick($event)" } }, usesOnChanges: true, ngImport: i0, template: "<section [ngSwitch]=\"feild.type\" class=\"mt-15\">\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'text'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"text\" class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\">\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'textArea'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <textarea type=\"text\" class=\"p-2 mt-2\" cols=\"12\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\"></textarea>\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'address'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"text\" class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\">\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'email'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"email\" class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\">\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'password'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"password\" class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\">\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'rating'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <div class=\"d-flex mt-2\">\r\n <span class=\"fa fa-star\" *ngFor=\"let _ of [].constructor(5); let idx = index\" [ngClass]=\"{'checked': idx < (ratingHoverIndex ?? feild.value) }\" (mouseenter)=\"ratingHoverIndex = idx +1\" (mouseleave)=\"ratingHoverIndex = null\" (click)=\"feild.value = idx +1\"></span>\r\n </div>\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'date'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"date\" class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\">\r\n </div>\r\n <!-- <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'checkbox'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <div class=\"d-flex align-items-center flex-wrap mt-2\" style=\"gap: 10px;height:40px\">\r\n <ng-container *ngFor=\"let checkbox of feild.options\">\r\n <div class=\"d-flex align-items-center\" style=\"gap: 5px;\">\r\n <input type=\"checkbox\" [attr.id]=\"checkbox.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"checkbox.status\">\r\n <label [attr.for]=\"checkbox.value\" class=\"mb-0 mt-1 checkboxFont\">{{ checkbox.value }}</label>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div> -->\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'checkbox'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">\r\n {{ feild.value }} <sup *ngIf=\"feild.required\">*</sup>\r\n </label>\r\n <div class=\"d-flex align-items-center flex-wrap mt-2\" style=\"gap: 10px; height: 40px;\">\r\n <ng-container *ngFor=\"let checkbox of feild.options; let i = index\">\r\n <div class=\"d-flex align-items-center\" style=\"gap: 5px;\">\r\n <input \r\n type=\"checkbox\" \r\n [attr.id]=\"checkbox.value\" \r\n [style.background]=\"colorCode\" \r\n [style.color]=\"getTextColor\" \r\n [checked]=\"checkbox.status\" \r\n (change)=\"onCheckboxChange(i)\">\r\n <label [attr.for]=\"checkbox.value\" class=\"mb-0 mt-1 checkboxFont\">\r\n {{ checkbox.value }}\r\n </label>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n \r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'number'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"number\" class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\">\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'money'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"text\" class=\"p-2 mt-2\" value=\"\u20B9\" (keydown)=\"handleMoneyInput($event)\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\">\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'desc'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <textarea class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\"></textarea>\r\n </div>\r\n <div class=\"d-flex flex-column mr-2 position-relative\" *ngSwitchCase=\"'dropdown'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n\r\n <div class=\"position-relative mt-2 d-flex align-items-center dropdown-key\" (click)=\"selectedDropdown === feild.value ? selectedDropdown = null : selectedDropdown = feild.value\" \r\n [style.color]=\"getTextColor\" [style.background]=\"colorCode\">\r\n <input type=\"text\" readonly [attr.id]=\"feild.value\" [value]=\"enteredValue\" \r\n [(ngModel)]=\"feild.inputValue\" class=\"w-100\" [style.background]=\"colorCode\" placeholder=\"Select\">\r\n <mat-icon class=\"down-arrow\">{{feild.value != selectedDropdown ? 'keyboard_arrow_down' : 'keyboard_arrow_up'}}</mat-icon>\r\n\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0</div>\r\n <div class=\"container-list position-absolute\" [hidden]=\"feild.value != selectedDropdown\">\r\n <ng-container *ngFor=\"let option of feild.options\">\r\n <div class=\"container\" [ngClass]=\"{'container-selected': option.value == selectedDropdown}\" (click)=\"selectDropdown(option.value)\">{{ option.value }}</div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n</section>\r\n", styles: ["input,textarea,select{border-radius:5px;padding:8px 8px 8px 10px!important;font-size:large;background-color:#000;font-weight:400;border:1px solid #b9b9b9}input{height:40px}.checkboxFont{font-size:16px;font-weight:400}.down-arrow{position:absolute;right:5px;color:#000}.fa-star{opacity:.3;cursor:pointer;font-size:20px}input[type=checkbox]{height:18px;width:18px}.checked{opacity:1;color:#daa520}.input-field-label{text-align:start;font-size:16px;font-weight:400}.mt-15{margin-top:15px}.container-list{box-shadow:0 0 3px #999;background-color:#fff;border-radius:5px;padding:3px 0;font-weight:400;overflow:hidden;position:absolute;top:72px;width:100%;z-index:1;max-height:200px;overflow:scroll}.container-list .container{cursor:pointer;padding:10px;font-size:18px;color:#000}.container-list .container-selected{color:#fff;background-color:purple}.container-list .container:hover{color:#fff;background-color:purple;width:100%;font-weight:600!important}sup{color:red}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.dropdown-key{border-radius:5px;border:1px solid #b9b9b9}.dropdown-key input{border:none}.dropdown-key input:focus{outline:none}.container{background:#fff;color:#000!important;width:100%!important}.container:hover{color:#fff!important;background-color:purple}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: ColorDirective, selector: "[simpoColor]", inputs: ["simpoColor"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
76
76
  }
77
77
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: InputFieldsComponent, decorators: [{
78
78
  type: Component,
79
79
  args: [{ selector: 'simpo-input-fields', standalone: true, imports: [
80
80
  CommonModule, FormsModule, ColorDirective, MatIcon
81
- ], template: "<section [ngSwitch]=\"feild.type\" class=\"mt-15\">\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'text'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"text\" class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\">\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'textArea'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <textarea type=\"text\" class=\"p-2 mt-2\" cols=\"12\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\"></textarea>\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'address'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"text\" class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\">\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'email'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"email\" class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\">\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'password'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"password\" class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\">\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'rating'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <div class=\"d-flex mt-2\">\r\n <span class=\"fa fa-star\" *ngFor=\"let _ of [].constructor(5); let idx = index\" [ngClass]=\"{'checked': idx < (ratingHoverIndex ?? feild.value) }\" (mouseenter)=\"ratingHoverIndex = idx +1\" (mouseleave)=\"ratingHoverIndex = null\" (click)=\"feild.value = idx +1\"></span>\r\n </div>\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'date'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"date\" class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\">\r\n </div>\r\n <!-- <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'checkbox'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <div class=\"d-flex align-items-center flex-wrap mt-2\" style=\"gap: 10px;height:40px\">\r\n <ng-container *ngFor=\"let checkbox of feild.options\">\r\n <div class=\"d-flex align-items-center\" style=\"gap: 5px;\">\r\n <input type=\"checkbox\" [attr.id]=\"checkbox.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"checkbox.status\">\r\n <label [attr.for]=\"checkbox.value\" class=\"mb-0 mt-1 checkboxFont\">{{ checkbox.value }}</label>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div> -->\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'checkbox'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">\r\n {{ feild.value }} <sup *ngIf=\"feild.required\">*</sup>\r\n </label>\r\n <div class=\"d-flex align-items-center flex-wrap mt-2\" style=\"gap: 10px; height: 40px;\">\r\n <ng-container *ngFor=\"let checkbox of feild.options; let i = index\">\r\n <div class=\"d-flex align-items-center\" style=\"gap: 5px;\">\r\n <input \r\n type=\"checkbox\" \r\n [attr.id]=\"checkbox.value\" \r\n [style.background]=\"colorCode\" \r\n [style.color]=\"getTextColor\" \r\n [checked]=\"checkbox.status\" \r\n (change)=\"onCheckboxChange(i)\">\r\n <label [attr.for]=\"checkbox.value\" class=\"mb-0 mt-1 checkboxFont\">\r\n {{ checkbox.value }}\r\n </label>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n \r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'number'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"number\" class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\">\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'money'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"text\" class=\"p-2 mt-2\" value=\"\u20B9\" (keydown)=\"handleMoneyInput($event)\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\">\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'desc'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <textarea class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\"></textarea>\r\n </div>\r\n <div class=\"d-flex flex-column mr-2 position-relative\" *ngSwitchCase=\"'dropdown'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n\r\n <div class=\"position-relative mt-2 d-flex align-items-center dropdown-key\" (click)=\"selectedDropdown === feild.value ? selectedDropdown = null : selectedDropdown = feild.value\" \r\n [style.color]=\"getTextColor\" [style.background]=\"colorCode\">\r\n <input type=\"text\" readonly [attr.id]=\"feild.value\" [value]=\"enteredValue\" \r\n [(ngModel)]=\"feild.inputValue\" class=\"w-100\" [style.background]=\"colorCode\" placeholder=\"Select\">\r\n <mat-icon class=\"down-arrow\">{{feild.value != selectedDropdown ? 'keyboard_arrow_down' : 'keyboard_arrow_up'}}</mat-icon>\r\n\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0</div>\r\n <div class=\"container-list position-absolute\" [hidden]=\"feild.value != selectedDropdown\">\r\n <ng-container *ngFor=\"let option of feild.options\">\r\n <div class=\"container\" [ngClass]=\"{'container-selected': option.value == selectedDropdown}\" (click)=\"selectDropdown(option.value)\">{{ option.value }}</div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n</section>\r\n", styles: ["input,textarea,select{border-radius:5px;padding:8px 8px 8px 10px!important;font-size:large;background-color:#000;font-weight:400;border:1px solid #b9b9b9}input{height:40px}.checkboxFont{font-size:16px;font-weight:400}.down-arrow{position:absolute;right:5px;color:#000}.fa-star{opacity:.3;cursor:pointer;font-size:20px}input[type=checkbox]{height:18px;width:18px}.checked{opacity:1;color:#daa520}.input-field-label{text-align:start;font-size:16px;font-weight:400}.mt-15{margin-top:15px}.container-list{box-shadow:0 0 3px #999;background-color:#fff;border-radius:5px;padding:3px 0;font-weight:400;overflow:hidden;position:absolute;top:72px;width:100%;z-index:1;max-height:200px;overflow:scroll}.container-list .container{cursor:pointer;padding:10px;font-size:18px;color:#000}.container-list .container-selected{color:#fff;background-color:purple}.container-list .container:hover{color:#fff;background-color:purple;width:100%;font-weight:600!important}sup{color:red}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.dropdown-key{border-radius:5px;border:1px solid #b9b9b9}.dropdown-key input{border:none}.dropdown-key input:focus{outline:none}.container{background:#fff;color:#000!important}.container:hover{color:#fff!important;background-color:purple}\n"] }]
81
+ ], template: "<section [ngSwitch]=\"feild.type\" class=\"mt-15\">\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'text'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"text\" class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\">\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'textArea'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <textarea type=\"text\" class=\"p-2 mt-2\" cols=\"12\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\"></textarea>\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'address'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"text\" class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\">\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'email'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"email\" class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\">\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'password'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"password\" class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\">\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'rating'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <div class=\"d-flex mt-2\">\r\n <span class=\"fa fa-star\" *ngFor=\"let _ of [].constructor(5); let idx = index\" [ngClass]=\"{'checked': idx < (ratingHoverIndex ?? feild.value) }\" (mouseenter)=\"ratingHoverIndex = idx +1\" (mouseleave)=\"ratingHoverIndex = null\" (click)=\"feild.value = idx +1\"></span>\r\n </div>\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'date'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"date\" class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\">\r\n </div>\r\n <!-- <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'checkbox'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <div class=\"d-flex align-items-center flex-wrap mt-2\" style=\"gap: 10px;height:40px\">\r\n <ng-container *ngFor=\"let checkbox of feild.options\">\r\n <div class=\"d-flex align-items-center\" style=\"gap: 5px;\">\r\n <input type=\"checkbox\" [attr.id]=\"checkbox.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"checkbox.status\">\r\n <label [attr.for]=\"checkbox.value\" class=\"mb-0 mt-1 checkboxFont\">{{ checkbox.value }}</label>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div> -->\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'checkbox'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">\r\n {{ feild.value }} <sup *ngIf=\"feild.required\">*</sup>\r\n </label>\r\n <div class=\"d-flex align-items-center flex-wrap mt-2\" style=\"gap: 10px; height: 40px;\">\r\n <ng-container *ngFor=\"let checkbox of feild.options; let i = index\">\r\n <div class=\"d-flex align-items-center\" style=\"gap: 5px;\">\r\n <input \r\n type=\"checkbox\" \r\n [attr.id]=\"checkbox.value\" \r\n [style.background]=\"colorCode\" \r\n [style.color]=\"getTextColor\" \r\n [checked]=\"checkbox.status\" \r\n (change)=\"onCheckboxChange(i)\">\r\n <label [attr.for]=\"checkbox.value\" class=\"mb-0 mt-1 checkboxFont\">\r\n {{ checkbox.value }}\r\n </label>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n \r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'number'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"number\" class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\">\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'money'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"text\" class=\"p-2 mt-2\" value=\"\u20B9\" (keydown)=\"handleMoneyInput($event)\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\">\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'desc'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <textarea class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\"></textarea>\r\n </div>\r\n <div class=\"d-flex flex-column mr-2 position-relative\" *ngSwitchCase=\"'dropdown'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n\r\n <div class=\"position-relative mt-2 d-flex align-items-center dropdown-key\" (click)=\"selectedDropdown === feild.value ? selectedDropdown = null : selectedDropdown = feild.value\" \r\n [style.color]=\"getTextColor\" [style.background]=\"colorCode\">\r\n <input type=\"text\" readonly [attr.id]=\"feild.value\" [value]=\"enteredValue\" \r\n [(ngModel)]=\"feild.inputValue\" class=\"w-100\" [style.background]=\"colorCode\" placeholder=\"Select\">\r\n <mat-icon class=\"down-arrow\">{{feild.value != selectedDropdown ? 'keyboard_arrow_down' : 'keyboard_arrow_up'}}</mat-icon>\r\n\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0</div>\r\n <div class=\"container-list position-absolute\" [hidden]=\"feild.value != selectedDropdown\">\r\n <ng-container *ngFor=\"let option of feild.options\">\r\n <div class=\"container\" [ngClass]=\"{'container-selected': option.value == selectedDropdown}\" (click)=\"selectDropdown(option.value)\">{{ option.value }}</div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n</section>\r\n", styles: ["input,textarea,select{border-radius:5px;padding:8px 8px 8px 10px!important;font-size:large;background-color:#000;font-weight:400;border:1px solid #b9b9b9}input{height:40px}.checkboxFont{font-size:16px;font-weight:400}.down-arrow{position:absolute;right:5px;color:#000}.fa-star{opacity:.3;cursor:pointer;font-size:20px}input[type=checkbox]{height:18px;width:18px}.checked{opacity:1;color:#daa520}.input-field-label{text-align:start;font-size:16px;font-weight:400}.mt-15{margin-top:15px}.container-list{box-shadow:0 0 3px #999;background-color:#fff;border-radius:5px;padding:3px 0;font-weight:400;overflow:hidden;position:absolute;top:72px;width:100%;z-index:1;max-height:200px;overflow:scroll}.container-list .container{cursor:pointer;padding:10px;font-size:18px;color:#000}.container-list .container-selected{color:#fff;background-color:purple}.container-list .container:hover{color:#fff;background-color:purple;width:100%;font-weight:600!important}sup{color:red}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.dropdown-key{border-radius:5px;border:1px solid #b9b9b9}.dropdown-key input{border:none}.dropdown-key input:focus{outline:none}.container{background:#fff;color:#000!important;width:100%!important}.container:hover{color:#fff!important;background-color:purple}\n"] }]
82
82
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { feild: [{
83
83
  type: Input
84
84
  }], opacity: [{
@@ -91,4 +91,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImpor
91
91
  type: HostListener,
92
92
  args: ['document:click', ['$event']]
93
93
  }] } });
94
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtZmllbGRzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpbXBvLXVpL3NyYy9saWIvY29tcG9uZW50cy9pbnB1dC1maWVsZHMvaW5wdXQtZmllbGRzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpbXBvLXVpL3NyYy9saWIvY29tcG9uZW50cy9pbnB1dC1maWVsZHMvaW5wdXQtZmllbGRzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFjLFlBQVksRUFBRSxLQUFLLEVBQTRCLE1BQU0sZUFBZSxDQUFDO0FBQ3JHLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDakUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7O0FBWWpELE1BQU0sT0FBTyxvQkFBb0I7SUFXL0IsWUFDVSxVQUF1QjtRQUF2QixlQUFVLEdBQVYsVUFBVSxDQUFhO1FBVnhCLFlBQU8sR0FBdUIsQ0FBQyxDQUFDO1FBSWxDLHFCQUFnQixHQUFrQixJQUFJLENBQUM7UUFFdkMscUJBQWdCLEdBQWtCLElBQUksQ0FBQztRQUN2QyxpQkFBWSxHQUFrQixJQUFJLENBQUM7UUFLeEMsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsMEJBQTBCLENBQUMsSUFBSSxDQUFDLE9BQU8sSUFBSSxDQUFDLENBQUMsQ0FBQztJQUN0RSxDQUFDO0lBQ0QsV0FBVyxDQUFDLE9BQXNCO1FBRWhDLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLDBCQUEwQixDQUFDLElBQUksQ0FBQyxPQUFPLElBQUksQ0FBQyxDQUFDLENBQUM7SUFDdEUsQ0FBQztJQUVELGdCQUFnQixDQUFDLEtBQVU7UUFDekIsSUFBSSxDQUFDLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLElBQUksS0FBSyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEVBQUUsQ0FBQztZQUN6RixLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7WUFDdkIsT0FBTztRQUNULENBQUM7UUFFRCxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUssR0FBRyxHQUFHLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsRUFBRSxDQUFDLENBQUMsVUFBVSxDQUFDLEdBQUcsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLGNBQWMsRUFBRSxDQUFDO0lBQ2pILENBQUM7SUFDRCxJQUFJLFlBQVk7UUFDZCxPQUFPLENBQUMsSUFBSSxDQUFDLE9BQU8sSUFBSSxDQUFDLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDO0lBQ3BELENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxNQUFjLEVBQUUsTUFBYyxFQUFFLE1BQWM7UUFDN0QsSUFBSSxNQUFNLEtBQUssQ0FBQztZQUFFLE9BQU8sTUFBTSxDQUFDO1FBQ2hDLElBQUksTUFBTSxLQUFLLENBQUM7WUFBRSxPQUFPLE1BQU0sQ0FBQztRQUVoQyxNQUFNLEdBQUcsR0FBRyxDQUFDLENBQU0sRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztRQUVwRSxNQUFNLEVBQUUsR0FBRyxRQUFRLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDaEQsTUFBTSxFQUFFLEdBQUcsUUFBUSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQ2hELE1BQU0sRUFBRSxHQUFHLFFBQVEsQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFHLENBQUMsRUFBRSxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUVsRCxNQUFNLEVBQUUsR0FBRyxRQUFRLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDaEQsTUFBTSxFQUFFLEdBQUcsUUFBUSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQ2hELE1BQU0sRUFBRSxHQUFHLFFBQVEsQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUVoRCxNQUFNLENBQUMsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUMsR0FBRyxNQUFNLENBQUMsR0FBRyxFQUFFLEdBQUcsTUFBTSxDQUFDLENBQUM7UUFDckQsTUFBTSxDQUFDLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDLEdBQUcsTUFBTSxDQUFDLEdBQUcsRUFBRSxHQUFHLE1BQU0sQ0FBQyxDQUFDO1FBQ3JELE1BQU0sQ0FBQyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQyxHQUFHLE1BQU0sQ0FBQyxHQUFHLEVBQUUsR0FBRyxNQUFNLENBQUMsQ0FBQztRQUVyRCxPQUFPLElBQUksR0FBRyxDQUFDLENBQUMsQ0FBQyxHQUFHLEdBQUcsQ0FBQyxDQUFDLENBQUMsR0FBRyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztJQUN4QyxDQUFDO0lBRUQsT0FBTyxDQUFDLEdBQVcsRUFBRSxNQUFjO1FBQ2pDLE9BQU8sR0FBRyxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsR0FBRyxHQUFHLEdBQUcsRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDO0lBQ3JFLENBQUM7SUFFRCwwQkFBMEIsQ0FBQyxNQUFjO1FBQ3ZDLE1BQU0sTUFBTSxHQUFHLE1BQU0sR0FBRyxHQUFHLENBQUMsQ0FBQyx1Q0FBdUM7UUFDcEUsT0FBTyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsU0FBUyxFQUFFLFNBQVMsRUFBRSxNQUFNLENBQUMsQ0FBQztJQUM3RCxDQUFDO0lBRUQsY0FBYyxDQUFDLEtBQWE7UUFDMUIsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7UUFDMUIsSUFBSSxDQUFDLEtBQUssQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO1FBQzlCLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUM7SUFDakMsQ0FBQztJQUdDLGtCQUFrQixDQUFDLEtBQWlCO1FBQ2xDLE1BQU0sYUFBYSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDM0UsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1lBQ25CLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUM7UUFDL0IsQ0FBQztJQUNILENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxhQUFxQjtRQUNwQyxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsQ0FBQyxRQUFZLEVBQUUsS0FBUyxFQUFFLEVBQUU7WUFDckQsUUFBUSxDQUFDLE1BQU0sR0FBRyxLQUFLLEtBQUssYUFBYSxDQUFDO1lBQzFDLElBQUcsYUFBYSxLQUFLLEtBQUssRUFBQyxDQUFDO2dCQUMxQixJQUFJLENBQUMsS0FBSyxDQUFDLFVBQVUsR0FBRyxRQUFRLENBQUMsS0FBSyxDQUFBO1lBQ3hDLENBQUM7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUVMLENBQUM7OEdBckZVLG9CQUFvQjtrR0FBcEIsb0JBQW9CLHdRQ2hCakMsczlRQW9HQSw0M0NEekZJLFlBQVkseWhCQUFFLFdBQVcsaXhCQUFFLGNBQWMsaUZBQUUsT0FBTzs7MkZBS3pDLG9CQUFvQjtrQkFUaEMsU0FBUzsrQkFDRSxvQkFBb0IsY0FDbEIsSUFBSSxXQUNQO3dCQUNQLFlBQVksRUFBRSxXQUFXLEVBQUUsY0FBYyxFQUFFLE9BQU87cUJBQ25EOytFQUtRLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBa0VOLGtCQUFrQjtzQkFEakIsWUFBWTt1QkFBQyxnQkFBZ0IsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgSG9zdExpc3RlbmVyLCBJbnB1dCwgT25DaGFuZ2VzLCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBDb2xvckRpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZS9jb2xvci5kaXJlY3RpdmUnO1xyXG5pbXBvcnQgeyBNYXRJY29uIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XHJcblxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzaW1wby1pbnB1dC1maWVsZHMnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLCBGb3Jtc01vZHVsZSwgQ29sb3JEaXJlY3RpdmUsIE1hdEljb25cclxuICBdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9pbnB1dC1maWVsZHMuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9pbnB1dC1maWVsZHMuY29tcG9uZW50LmNzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIElucHV0RmllbGRzQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcclxuICBASW5wdXQoKSBmZWlsZDogYW55O1xyXG4gIEBJbnB1dCgpIG9wYWNpdHk6IG51bWJlciB8IHVuZGVmaW5lZCA9IDE7XHJcbiAgQElucHV0KCkgYmdDb2xvcj86IHN0cmluZztcclxuICBASW5wdXQoKSBzZWN0aW9uSWQ/OiBzdHJpbmc7XHJcblxyXG4gIHB1YmxpYyByYXRpbmdIb3ZlckluZGV4OiBudW1iZXIgfCBudWxsID0gbnVsbDtcclxuICBwdWJsaWMgY29sb3JDb2RlOiBzdHJpbmc7XHJcbiAgcHVibGljIHNlbGVjdGVkRHJvcGRvd246IHN0cmluZyB8IG51bGwgPSBudWxsO1xyXG4gIHB1YmxpYyBlbnRlcmVkVmFsdWU6IHN0cmluZyB8IG51bGwgPSBudWxsO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgZWxlbWVudFJlZiA6IEVsZW1lbnRSZWZcclxuICApIHtcclxuICAgIHRoaXMuY29sb3JDb2RlID0gdGhpcy5nZW5lcmF0ZUNvbG9yQmFzZWRPbk51bWJlcih0aGlzLm9wYWNpdHkgPz8gMCk7XHJcbiAgfVxyXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcclxuXHJcbiAgICB0aGlzLmNvbG9yQ29kZSA9IHRoaXMuZ2VuZXJhdGVDb2xvckJhc2VkT25OdW1iZXIodGhpcy5vcGFjaXR5ID8/IDApO1xyXG4gIH1cclxuXHJcbiAgaGFuZGxlTW9uZXlJbnB1dChldmVudDogYW55KSB7XHJcbiAgICBpZiAoIShldmVudC5jb2RlLmluY2x1ZGVzKFwiRGlnaXRcIikgfHwgZXZlbnQuY29kZS5pbmNsdWRlcyhcIkJhY2tzcGFjZVwiKSkgfHwgIWV2ZW50LnRhcmdldCkge1xyXG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xyXG4gICAgICByZXR1cm47XHJcbiAgICB9XHJcblxyXG4gICAgZXZlbnQudGFyZ2V0LnZhbHVlID0gXCLigrlcIiArIE51bWJlcihldmVudC50YXJnZXQudmFsdWUucmVwbGFjZUFsbChcIixcIiwgXCJcIikucmVwbGFjZUFsbChcIuKCuVwiLCBcIlwiKSkudG9Mb2NhbGVTdHJpbmcoKTtcclxuICB9XHJcbiAgZ2V0IGdldFRleHRDb2xvcigpIHtcclxuICAgIHJldHVybiAodGhpcy5vcGFjaXR5ID8/IDApIDwgNTAgPyAnI0ZGRicgOiAnIzAwMCc7XHJcbiAgfVxyXG5cclxuICBpbnRlcnBvbGF0ZUNvbG9yKGNvbG9yMTogc3RyaW5nLCBjb2xvcjI6IHN0cmluZywgZmFjdG9yOiBudW1iZXIpIHtcclxuICAgIGlmIChmYWN0b3IgPT09IDApIHJldHVybiBjb2xvcjE7XHJcbiAgICBpZiAoZmFjdG9yID09PSAxKSByZXR1cm4gY29sb3IyO1xyXG5cclxuICAgIGNvbnN0IGhleCA9ICh4OiBhbnkpID0+IHRoaXMucGFkWmVybyhNYXRoLnJvdW5kKHgpLnRvU3RyaW5nKDE2KSwgMik7XHJcblxyXG4gICAgY29uc3QgcjEgPSBwYXJzZUludChjb2xvcjEuc3Vic3RyaW5nKDEsIDMpLCAxNik7XHJcbiAgICBjb25zdCBnMSA9IHBhcnNlSW50KGNvbG9yMS5zdWJzdHJpbmcoMywgNSksIDE2KTtcclxuICAgIGNvbnN0IGIxID0gcGFyc2VJbnQoY29sb3IxLnN1YnN0cmluZyAgKDUsIDcpLCAxNik7XHJcblxyXG4gICAgY29uc3QgcjIgPSBwYXJzZUludChjb2xvcjIuc3Vic3RyaW5nKDEsIDMpLCAxNik7XHJcbiAgICBjb25zdCBnMiA9IHBhcnNlSW50KGNvbG9yMi5zdWJzdHJpbmcoMywgNSksIDE2KTtcclxuICAgIGNvbnN0IGIyID0gcGFyc2VJbnQoY29sb3IyLnN1YnN0cmluZyg1LCA3KSwgMTYpO1xyXG5cclxuICAgIGNvbnN0IHIgPSBNYXRoLmNlaWwocjEgKiAoMSAtIGZhY3RvcikgKyByMiAqIGZhY3Rvcik7XHJcbiAgICBjb25zdCBnID0gTWF0aC5jZWlsKGcxICogKDEgLSBmYWN0b3IpICsgZzIgKiBmYWN0b3IpO1xyXG4gICAgY29uc3QgYiA9IE1hdGguY2VpbChiMSAqICgxIC0gZmFjdG9yKSArIGIyICogZmFjdG9yKTtcclxuXHJcbiAgICByZXR1cm4gYCMke2hleChyKX0ke2hleChnKX0ke2hleChiKX1gO1xyXG4gIH1cclxuXHJcbiAgcGFkWmVybyhzdHI6IHN0cmluZywgbGVuZ3RoOiBudW1iZXIpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIHN0ci5sZW5ndGggPCBsZW5ndGggPyB0aGlzLnBhZFplcm8oXCIwXCIgKyBzdHIsIGxlbmd0aCkgOiBzdHI7XHJcbiAgfVxyXG5cclxuICBnZW5lcmF0ZUNvbG9yQmFzZWRPbk51bWJlcihudW1iZXI6IG51bWJlcikge1xyXG4gICAgY29uc3QgZmFjdG9yID0gbnVtYmVyIC8gMTAwOyAvLyBBc3N1bWluZyBudW1iZXIgcmFuZ2VzIGZyb20gMCB0byAxMDBcclxuICAgIHJldHVybiB0aGlzLmludGVycG9sYXRlQ29sb3IoXCIjMDAwMDAwXCIsIFwiI0ZGRkZGRlwiLCBmYWN0b3IpO1xyXG4gIH1cclxuXHJcbiAgc2VsZWN0RHJvcGRvd24odmFsdWU6IHN0cmluZyk6IHZvaWQge1xyXG4gICAgdGhpcy5lbnRlcmVkVmFsdWUgPSB2YWx1ZTtcclxuICAgIHRoaXMuZmVpbGQuaW5wdXRWYWx1ZSA9IHZhbHVlO1xyXG4gICAgdGhpcy5zZWxlY3RlZERyb3Bkb3duID0gbnVsbDtcclxufVxyXG5cclxuICBASG9zdExpc3RlbmVyKCdkb2N1bWVudDpjbGljaycsIFsnJGV2ZW50J10pXHJcbiAgaGFuZGxlT3V0c2lkZUNsaWNrKGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XHJcbiAgICBjb25zdCBjbGlja2VkSW5zaWRlID0gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuY29udGFpbnMoZXZlbnQudGFyZ2V0KTtcclxuICAgIGlmICghY2xpY2tlZEluc2lkZSkge1xyXG4gICAgICB0aGlzLnNlbGVjdGVkRHJvcGRvd24gPSBudWxsO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgb25DaGVja2JveENoYW5nZShzZWxlY3RlZEluZGV4OiBudW1iZXIpOiB2b2lkIHtcclxuICAgIHRoaXMuZmVpbGQub3B0aW9ucy5mb3JFYWNoKChjaGVja2JveDphbnksIGluZGV4OmFueSkgPT4ge1xyXG4gICAgICBjaGVja2JveC5zdGF0dXMgPSBpbmRleCA9PT0gc2VsZWN0ZWRJbmRleDtcclxuICAgICAgaWYoc2VsZWN0ZWRJbmRleCA9PT0gaW5kZXgpe1xyXG4gICAgICAgIHRoaXMuZmVpbGQuaW5wdXRWYWx1ZSA9IGNoZWNrYm94LnZhbHVlXHJcbiAgICAgIH1cclxuICAgIH0pO1xyXG4gICAgXHJcbiAgfVxyXG5cclxuXHJcbn1cclxuIiwiPHNlY3Rpb24gW25nU3dpdGNoXT1cImZlaWxkLnR5cGVcIiAgY2xhc3M9XCJtdC0xNVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImQtZmxleCBmbGV4LWNvbHVtbiBtci0yXCIgKm5nU3dpdGNoQ2FzZT1cIid0ZXh0J1wiPlxyXG4gICAgICAgIDxsYWJlbCBbYXR0ci5mb3JdPVwiZmVpbGQudmFsdWVcIiBbc2ltcG9Db2xvcl09XCJiZ0NvbG9yXCIgW2lkXT1cInNlY3Rpb25JZFwiIGNsYXNzPVwiaW5wdXQtZmllbGQtbGFiZWxcIj57eyBmZWlsZC52YWx1ZSB9fSA8c3VwICpuZ0lmPVwiZmVpbGQucmVxdWlyZWRcIj4qPC9zdXA+PC9sYWJlbD5cclxuICAgICAgICA8aW5wdXQgdHlwZT1cInRleHRcIiBjbGFzcz1cInAtMiBtdC0yXCIgW2F0dHIuaWRdPVwiZmVpbGQudmFsdWVcIiBbc3R5bGUuYmFja2dyb3VuZF09XCJjb2xvckNvZGVcIiBbc3R5bGUuY29sb3JdPVwiZ2V0VGV4dENvbG9yXCIgWyhuZ01vZGVsKV09XCJmZWlsZC5pbnB1dFZhbHVlXCJcclxuICAgICAgICBbcGxhY2Vob2xkZXJdPVwiJ0VudGVyICcrZmVpbGQubGFiZWxcIj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImQtZmxleCBmbGV4LWNvbHVtbiBtci0yXCIgKm5nU3dpdGNoQ2FzZT1cIid0ZXh0QXJlYSdcIj5cclxuICAgICAgICA8bGFiZWwgW2F0dHIuZm9yXT1cImZlaWxkLnZhbHVlXCIgW3NpbXBvQ29sb3JdPVwiYmdDb2xvclwiIFtpZF09XCJzZWN0aW9uSWRcIiBjbGFzcz1cImlucHV0LWZpZWxkLWxhYmVsXCI+e3sgZmVpbGQudmFsdWUgfX0gPHN1cCAqbmdJZj1cImZlaWxkLnJlcXVpcmVkXCI+Kjwvc3VwPjwvbGFiZWw+XHJcbiAgICAgICAgPHRleHRhcmVhIHR5cGU9XCJ0ZXh0XCIgY2xhc3M9XCJwLTIgbXQtMlwiIGNvbHM9XCIxMlwiIFthdHRyLmlkXT1cImZlaWxkLnZhbHVlXCIgW3N0eWxlLmJhY2tncm91bmRdPVwiY29sb3JDb2RlXCIgW3N0eWxlLmNvbG9yXT1cImdldFRleHRDb2xvclwiIFsobmdNb2RlbCldPVwiZmVpbGQuaW5wdXRWYWx1ZVwiXHJcbiAgICAgICAgW3BsYWNlaG9sZGVyXT1cIidFbnRlciAnK2ZlaWxkLmxhYmVsXCI+PC90ZXh0YXJlYT5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImQtZmxleCBmbGV4LWNvbHVtbiBtci0yXCIgKm5nU3dpdGNoQ2FzZT1cIidhZGRyZXNzJ1wiPlxyXG4gICAgICAgIDxsYWJlbCBbYXR0ci5mb3JdPVwiZmVpbGQudmFsdWVcIiAgW3NpbXBvQ29sb3JdPVwiYmdDb2xvclwiIFtpZF09XCJzZWN0aW9uSWRcIiBjbGFzcz1cImlucHV0LWZpZWxkLWxhYmVsXCI+e3sgZmVpbGQudmFsdWUgfX0gPHN1cCAqbmdJZj1cImZlaWxkLnJlcXVpcmVkXCI+Kjwvc3VwPjwvbGFiZWw+XHJcbiAgICAgICAgPGlucHV0IHR5cGU9XCJ0ZXh0XCIgY2xhc3M9XCJwLTIgbXQtMlwiIFthdHRyLmlkXT1cImZlaWxkLnZhbHVlXCIgW3N0eWxlLmJhY2tncm91bmRdPVwiY29sb3JDb2RlXCIgW3N0eWxlLmNvbG9yXT1cImdldFRleHRDb2xvclwiIFsobmdNb2RlbCldPVwiZmVpbGQuaW5wdXRWYWx1ZVwiXHJcbiAgICAgICAgW3BsYWNlaG9sZGVyXT1cIidFbnRlciAnK2ZlaWxkLmxhYmVsXCI+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJkLWZsZXggZmxleC1jb2x1bW4gbXItMlwiICpuZ1N3aXRjaENhc2U9XCInZW1haWwnXCI+XHJcbiAgICAgICAgPGxhYmVsIFthdHRyLmZvcl09XCJmZWlsZC52YWx1ZVwiIFtzaW1wb0NvbG9yXT1cImJnQ29sb3JcIiBbaWRdPVwic2VjdGlvbklkXCIgY2xhc3M9XCJpbnB1dC1maWVsZC1sYWJlbFwiPnt7IGZlaWxkLnZhbHVlIH19IDxzdXAgKm5nSWY9XCJmZWlsZC5yZXF1aXJlZFwiPio8L3N1cD48L2xhYmVsPlxyXG4gICAgICAgIDxpbnB1dCB0eXBlPVwiZW1haWxcIiBjbGFzcz1cInAtMiBtdC0yXCIgW2F0dHIuaWRdPVwiZmVpbGQudmFsdWVcIiBbc3R5bGUuYmFja2dyb3VuZF09XCJjb2xvckNvZGVcIiBbc3R5bGUuY29sb3JdPVwiZ2V0VGV4dENvbG9yXCIgWyhuZ01vZGVsKV09XCJmZWlsZC5pbnB1dFZhbHVlXCJcclxuICAgICAgICBbcGxhY2Vob2xkZXJdPVwiJ0VudGVyICcrZmVpbGQubGFiZWxcIj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImQtZmxleCBmbGV4LWNvbHVtbiBtci0yXCIgKm5nU3dpdGNoQ2FzZT1cIidwYXNzd29yZCdcIj5cclxuICAgICAgICA8bGFiZWwgW2F0dHIuZm9yXT1cImZlaWxkLnZhbHVlXCIgW3NpbXBvQ29sb3JdPVwiYmdDb2xvclwiIFtpZF09XCJzZWN0aW9uSWRcIiBjbGFzcz1cImlucHV0LWZpZWxkLWxhYmVsXCI+e3sgZmVpbGQudmFsdWUgfX0gPHN1cCAqbmdJZj1cImZlaWxkLnJlcXVpcmVkXCI+Kjwvc3VwPjwvbGFiZWw+XHJcbiAgICAgICAgPGlucHV0IHR5cGU9XCJwYXNzd29yZFwiIGNsYXNzPVwicC0yIG10LTJcIiBbYXR0ci5pZF09XCJmZWlsZC52YWx1ZVwiIFtzdHlsZS5iYWNrZ3JvdW5kXT1cImNvbG9yQ29kZVwiIFtzdHlsZS5jb2xvcl09XCJnZXRUZXh0Q29sb3JcIiBbKG5nTW9kZWwpXT1cImZlaWxkLmlucHV0VmFsdWVcIlxyXG4gICAgICAgIFtwbGFjZWhvbGRlcl09XCInRW50ZXIgJytmZWlsZC5sYWJlbFwiPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGZsZXgtY29sdW1uIG1yLTJcIiAqbmdTd2l0Y2hDYXNlPVwiJ3JhdGluZydcIj5cclxuICAgICAgICA8bGFiZWwgW2F0dHIuZm9yXT1cImZlaWxkLnZhbHVlXCIgW3NpbXBvQ29sb3JdPVwiYmdDb2xvclwiIFtpZF09XCJzZWN0aW9uSWRcIiBjbGFzcz1cImlucHV0LWZpZWxkLWxhYmVsXCI+e3sgZmVpbGQudmFsdWUgfX0gPHN1cCAqbmdJZj1cImZlaWxkLnJlcXVpcmVkXCI+Kjwvc3VwPjwvbGFiZWw+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImQtZmxleCBtdC0yXCI+XHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZmEgZmEtc3RhclwiICpuZ0Zvcj1cImxldCBfIG9mIFtdLmNvbnN0cnVjdG9yKDUpOyBsZXQgaWR4ID0gaW5kZXhcIiBbbmdDbGFzc109XCJ7J2NoZWNrZWQnOiBpZHggPCAocmF0aW5nSG92ZXJJbmRleCA/PyBmZWlsZC52YWx1ZSkgIH1cIiAobW91c2VlbnRlcik9XCJyYXRpbmdIb3ZlckluZGV4ID0gaWR4ICsxXCIgKG1vdXNlbGVhdmUpPVwicmF0aW5nSG92ZXJJbmRleCA9IG51bGxcIiAoY2xpY2spPVwiZmVpbGQudmFsdWUgPSBpZHggKzFcIj48L3NwYW4+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJkLWZsZXggZmxleC1jb2x1bW4gbXItMlwiICpuZ1N3aXRjaENhc2U9XCInZGF0ZSdcIj5cclxuICAgICAgICA8bGFiZWwgW2F0dHIuZm9yXT1cImZlaWxkLnZhbHVlXCIgW3NpbXBvQ29sb3JdPVwiYmdDb2xvclwiIFtpZF09XCJzZWN0aW9uSWRcIiBjbGFzcz1cImlucHV0LWZpZWxkLWxhYmVsXCI+e3sgZmVpbGQudmFsdWUgfX0gPHN1cCAqbmdJZj1cImZlaWxkLnJlcXVpcmVkXCI+Kjwvc3VwPjwvbGFiZWw+XHJcbiAgICAgICAgPGlucHV0IHR5cGU9XCJkYXRlXCIgY2xhc3M9XCJwLTIgbXQtMlwiIFthdHRyLmlkXT1cImZlaWxkLnZhbHVlXCIgW3N0eWxlLmJhY2tncm91bmRdPVwiY29sb3JDb2RlXCIgW3N0eWxlLmNvbG9yXT1cImdldFRleHRDb2xvclwiIFsobmdNb2RlbCldPVwiZmVpbGQuaW5wdXRWYWx1ZVwiPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8IS0tIDxkaXYgY2xhc3M9XCJkLWZsZXggZmxleC1jb2x1bW4gbXItMlwiICpuZ1N3aXRjaENhc2U9XCInY2hlY2tib3gnXCI+XHJcbiAgICAgICAgPGxhYmVsIFthdHRyLmZvcl09XCJmZWlsZC52YWx1ZVwiIFtzaW1wb0NvbG9yXT1cImJnQ29sb3JcIiBbaWRdPVwic2VjdGlvbklkXCIgY2xhc3M9XCJpbnB1dC1maWVsZC1sYWJlbFwiPnt7IGZlaWxkLnZhbHVlIH19IDxzdXAgKm5nSWY9XCJmZWlsZC5yZXF1aXJlZFwiPio8L3N1cD48L2xhYmVsPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyIGZsZXgtd3JhcCBtdC0yXCIgc3R5bGU9XCJnYXA6IDEwcHg7aGVpZ2h0OjQwcHhcIj5cclxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgY2hlY2tib3ggb2YgZmVpbGQub3B0aW9uc1wiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXJcIiBzdHlsZT1cImdhcDogNXB4O1wiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPVwiY2hlY2tib3hcIiBbYXR0ci5pZF09XCJjaGVja2JveC52YWx1ZVwiIFtzdHlsZS5iYWNrZ3JvdW5kXT1cImNvbG9yQ29kZVwiIFtzdHlsZS5jb2xvcl09XCJnZXRUZXh0Q29sb3JcIiAgWyhuZ01vZGVsKV09XCJjaGVja2JveC5zdGF0dXNcIj5cclxuICAgICAgICAgICAgICAgICAgICA8bGFiZWwgW2F0dHIuZm9yXT1cImNoZWNrYm94LnZhbHVlXCIgY2xhc3M9XCJtYi0wIG10LTEgY2hlY2tib3hGb250XCI+e3sgY2hlY2tib3gudmFsdWUgfX08L2xhYmVsPlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+IC0tPlxyXG4gICAgPGRpdiBjbGFzcz1cImQtZmxleCBmbGV4LWNvbHVtbiBtci0yXCIgKm5nU3dpdGNoQ2FzZT1cIidjaGVja2JveCdcIj5cclxuICAgICAgICA8bGFiZWwgW2F0dHIuZm9yXT1cImZlaWxkLnZhbHVlXCIgW3NpbXBvQ29sb3JdPVwiYmdDb2xvclwiIFtpZF09XCJzZWN0aW9uSWRcIiBjbGFzcz1cImlucHV0LWZpZWxkLWxhYmVsXCI+XHJcbiAgICAgICAgICAgIHt7IGZlaWxkLnZhbHVlIH19IDxzdXAgKm5nSWY9XCJmZWlsZC5yZXF1aXJlZFwiPio8L3N1cD5cclxuICAgICAgICA8L2xhYmVsPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyIGZsZXgtd3JhcCBtdC0yXCIgc3R5bGU9XCJnYXA6IDEwcHg7IGhlaWdodDogNDBweDtcIj5cclxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgY2hlY2tib3ggb2YgZmVpbGQub3B0aW9uczsgbGV0IGkgPSBpbmRleFwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXJcIiBzdHlsZT1cImdhcDogNXB4O1wiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxpbnB1dCBcclxuICAgICAgICAgICAgICAgICAgICAgICAgdHlwZT1cImNoZWNrYm94XCIgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIFthdHRyLmlkXT1cImNoZWNrYm94LnZhbHVlXCIgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtzdHlsZS5iYWNrZ3JvdW5kXT1cImNvbG9yQ29kZVwiIFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBbc3R5bGUuY29sb3JdPVwiZ2V0VGV4dENvbG9yXCIgIFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBbY2hlY2tlZF09XCJjaGVja2JveC5zdGF0dXNcIiBcclxuICAgICAgICAgICAgICAgICAgICAgICAgKGNoYW5nZSk9XCJvbkNoZWNrYm94Q2hhbmdlKGkpXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGxhYmVsIFthdHRyLmZvcl09XCJjaGVja2JveC52YWx1ZVwiIGNsYXNzPVwibWItMCBtdC0xIGNoZWNrYm94Rm9udFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICB7eyBjaGVja2JveC52YWx1ZSB9fVxyXG4gICAgICAgICAgICAgICAgICAgIDwvbGFiZWw+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIFxyXG4gICAgPGRpdiBjbGFzcz1cImQtZmxleCBmbGV4LWNvbHVtbiBtci0yXCIgKm5nU3dpdGNoQ2FzZT1cIidudW1iZXInXCI+XHJcbiAgICAgICAgPGxhYmVsIFthdHRyLmZvcl09XCJmZWlsZC52YWx1ZVwiIFtzaW1wb0NvbG9yXT1cImJnQ29sb3JcIiBbaWRdPVwic2VjdGlvbklkXCIgY2xhc3M9XCJpbnB1dC1maWVsZC1sYWJlbFwiPnt7IGZlaWxkLnZhbHVlIH19IDxzdXAgKm5nSWY9XCJmZWlsZC5yZXF1aXJlZFwiPio8L3N1cD48L2xhYmVsPlxyXG4gICAgICAgIDxpbnB1dCB0eXBlPVwibnVtYmVyXCIgY2xhc3M9XCJwLTIgbXQtMlwiIFthdHRyLmlkXT1cImZlaWxkLnZhbHVlXCIgW3N0eWxlLmJhY2tncm91bmRdPVwiY29sb3JDb2RlXCIgW3N0eWxlLmNvbG9yXT1cImdldFRleHRDb2xvclwiICBbKG5nTW9kZWwpXT1cImZlaWxkLmlucHV0VmFsdWVcIlxyXG4gICAgICAgIFtwbGFjZWhvbGRlcl09XCInRW50ZXIgJytmZWlsZC5sYWJlbFwiPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGZsZXgtY29sdW1uIG1yLTJcIiAqbmdTd2l0Y2hDYXNlPVwiJ21vbmV5J1wiPlxyXG4gICAgICAgIDxsYWJlbCBbYXR0ci5mb3JdPVwiZmVpbGQudmFsdWVcIiBbc2ltcG9Db2xvcl09XCJiZ0NvbG9yXCIgW2lkXT1cInNlY3Rpb25JZFwiIGNsYXNzPVwiaW5wdXQtZmllbGQtbGFiZWxcIj57eyBmZWlsZC52YWx1ZSB9fSA8c3VwICpuZ0lmPVwiZmVpbGQucmVxdWlyZWRcIj4qPC9zdXA+PC9sYWJlbD5cclxuICAgICAgICA8aW5wdXQgdHlwZT1cInRleHRcIiBjbGFzcz1cInAtMiBtdC0yXCIgdmFsdWU9XCLigrlcIiAoa2V5ZG93bik9XCJoYW5kbGVNb25leUlucHV0KCRldmVudClcIiBbYXR0ci5pZF09XCJmZWlsZC52YWx1ZVwiIFtzdHlsZS5iYWNrZ3JvdW5kXT1cImNvbG9yQ29kZVwiIFtzdHlsZS5jb2xvcl09XCJnZXRUZXh0Q29sb3JcIiAgWyhuZ01vZGVsKV09XCJmZWlsZC5pbnB1dFZhbHVlXCJcclxuICAgICAgICBbcGxhY2Vob2xkZXJdPVwiJ0VudGVyICcrZmVpbGQubGFiZWxcIj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImQtZmxleCBmbGV4LWNvbHVtbiBtci0yXCIgKm5nU3dpdGNoQ2FzZT1cIidkZXNjJ1wiPlxyXG4gICAgICAgIDxsYWJlbCBbYXR0ci5mb3JdPVwiZmVpbGQudmFsdWVcIiBbc2ltcG9Db2xvcl09XCJiZ0NvbG9yXCIgW2lkXT1cInNlY3Rpb25JZFwiIGNsYXNzPVwiaW5wdXQtZmllbGQtbGFiZWxcIj57eyBmZWlsZC52YWx1ZSB9fSA8c3VwICpuZ0lmPVwiZmVpbGQucmVxdWlyZWRcIj4qPC9zdXA+PC9sYWJlbD5cclxuICAgICAgICA8dGV4dGFyZWEgY2xhc3M9XCJwLTIgbXQtMlwiIFthdHRyLmlkXT1cImZlaWxkLnZhbHVlXCIgW3N0eWxlLmJhY2tncm91bmRdPVwiY29sb3JDb2RlXCIgW3N0eWxlLmNvbG9yXT1cImdldFRleHRDb2xvclwiICBbKG5nTW9kZWwpXT1cImZlaWxkLmlucHV0VmFsdWVcIlxyXG4gICAgICAgIFtwbGFjZWhvbGRlcl09XCInRW50ZXIgJytmZWlsZC5sYWJlbFwiPjwvdGV4dGFyZWE+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJkLWZsZXggZmxleC1jb2x1bW4gbXItMiBwb3NpdGlvbi1yZWxhdGl2ZVwiICpuZ1N3aXRjaENhc2U9XCInZHJvcGRvd24nXCI+XHJcbiAgICAgICAgPGxhYmVsIFthdHRyLmZvcl09XCJmZWlsZC52YWx1ZVwiIFtzaW1wb0NvbG9yXT1cImJnQ29sb3JcIiBbaWRdPVwic2VjdGlvbklkXCIgY2xhc3M9XCJpbnB1dC1maWVsZC1sYWJlbFwiPnt7IGZlaWxkLnZhbHVlIH19IDxzdXAgKm5nSWY9XCJmZWlsZC5yZXF1aXJlZFwiPio8L3N1cD48L2xhYmVsPlxyXG5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwicG9zaXRpb24tcmVsYXRpdmUgbXQtMiBkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyIGRyb3Bkb3duLWtleVwiIChjbGljayk9XCJzZWxlY3RlZERyb3Bkb3duID09PSBmZWlsZC52YWx1ZSA/IHNlbGVjdGVkRHJvcGRvd24gPSBudWxsIDogc2VsZWN0ZWREcm9wZG93biA9IGZlaWxkLnZhbHVlXCIgXHJcbiAgICAgICAgW3N0eWxlLmNvbG9yXT1cImdldFRleHRDb2xvclwiIFtzdHlsZS5iYWNrZ3JvdW5kXT1cImNvbG9yQ29kZVwiPlxyXG4gICAgICAgICAgICA8aW5wdXQgdHlwZT1cInRleHRcIiByZWFkb25seSBbYXR0ci5pZF09XCJmZWlsZC52YWx1ZVwiICAgW3ZhbHVlXT1cImVudGVyZWRWYWx1ZVwiIFxyXG4gICAgICAgICAgICBbKG5nTW9kZWwpXT1cImZlaWxkLmlucHV0VmFsdWVcIiBjbGFzcz1cInctMTAwXCIgW3N0eWxlLmJhY2tncm91bmRdPVwiY29sb3JDb2RlXCIgcGxhY2Vob2xkZXI9XCJTZWxlY3RcIj5cclxuICAgICAgICAgICAgPG1hdC1pY29uIGNsYXNzPVwiZG93bi1hcnJvd1wiPnt7ZmVpbGQudmFsdWUgIT0gc2VsZWN0ZWREcm9wZG93biA/ICdrZXlib2FyZF9hcnJvd19kb3duJyA6ICdrZXlib2FyZF9hcnJvd191cCd9fTwvbWF0LWljb24+XHJcbsKgwqDCoMKgwqDCoMKgwqA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyLWxpc3QgcG9zaXRpb24tYWJzb2x1dGVcIiBbaGlkZGVuXT1cImZlaWxkLnZhbHVlICE9IHNlbGVjdGVkRHJvcGRvd25cIj5cclxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgb3B0aW9uIG9mIGZlaWxkLm9wdGlvbnNcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb250YWluZXJcIiBbbmdDbGFzc109XCJ7J2NvbnRhaW5lci1zZWxlY3RlZCc6IG9wdGlvbi52YWx1ZSA9PSBzZWxlY3RlZERyb3Bkb3dufVwiIChjbGljayk9XCJzZWxlY3REcm9wZG93bihvcHRpb24udmFsdWUpXCI+e3sgb3B0aW9uLnZhbHVlIH19PC9kaXY+XHJcbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvc2VjdGlvbj5cclxuIl19
94
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtZmllbGRzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpbXBvLXVpL3NyYy9saWIvY29tcG9uZW50cy9pbnB1dC1maWVsZHMvaW5wdXQtZmllbGRzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpbXBvLXVpL3NyYy9saWIvY29tcG9uZW50cy9pbnB1dC1maWVsZHMvaW5wdXQtZmllbGRzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFjLFlBQVksRUFBRSxLQUFLLEVBQTRCLE1BQU0sZUFBZSxDQUFDO0FBQ3JHLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDakUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7O0FBWWpELE1BQU0sT0FBTyxvQkFBb0I7SUFXL0IsWUFDVSxVQUF1QjtRQUF2QixlQUFVLEdBQVYsVUFBVSxDQUFhO1FBVnhCLFlBQU8sR0FBdUIsQ0FBQyxDQUFDO1FBSWxDLHFCQUFnQixHQUFrQixJQUFJLENBQUM7UUFFdkMscUJBQWdCLEdBQWtCLElBQUksQ0FBQztRQUN2QyxpQkFBWSxHQUFrQixJQUFJLENBQUM7UUFLeEMsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsMEJBQTBCLENBQUMsSUFBSSxDQUFDLE9BQU8sSUFBSSxDQUFDLENBQUMsQ0FBQztJQUN0RSxDQUFDO0lBQ0QsV0FBVyxDQUFDLE9BQXNCO1FBRWhDLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLDBCQUEwQixDQUFDLElBQUksQ0FBQyxPQUFPLElBQUksQ0FBQyxDQUFDLENBQUM7SUFDdEUsQ0FBQztJQUVELGdCQUFnQixDQUFDLEtBQVU7UUFDekIsSUFBSSxDQUFDLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLElBQUksS0FBSyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEVBQUUsQ0FBQztZQUN6RixLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7WUFDdkIsT0FBTztRQUNULENBQUM7UUFFRCxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUssR0FBRyxHQUFHLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsRUFBRSxDQUFDLENBQUMsVUFBVSxDQUFDLEdBQUcsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLGNBQWMsRUFBRSxDQUFDO0lBQ2pILENBQUM7SUFDRCxJQUFJLFlBQVk7UUFDZCxPQUFPLENBQUMsSUFBSSxDQUFDLE9BQU8sSUFBSSxDQUFDLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDO0lBQ3BELENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxNQUFjLEVBQUUsTUFBYyxFQUFFLE1BQWM7UUFDN0QsSUFBSSxNQUFNLEtBQUssQ0FBQztZQUFFLE9BQU8sTUFBTSxDQUFDO1FBQ2hDLElBQUksTUFBTSxLQUFLLENBQUM7WUFBRSxPQUFPLE1BQU0sQ0FBQztRQUVoQyxNQUFNLEdBQUcsR0FBRyxDQUFDLENBQU0sRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztRQUVwRSxNQUFNLEVBQUUsR0FBRyxRQUFRLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDaEQsTUFBTSxFQUFFLEdBQUcsUUFBUSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQ2hELE1BQU0sRUFBRSxHQUFHLFFBQVEsQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFHLENBQUMsRUFBRSxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUVsRCxNQUFNLEVBQUUsR0FBRyxRQUFRLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDaEQsTUFBTSxFQUFFLEdBQUcsUUFBUSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQ2hELE1BQU0sRUFBRSxHQUFHLFFBQVEsQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUVoRCxNQUFNLENBQUMsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUMsR0FBRyxNQUFNLENBQUMsR0FBRyxFQUFFLEdBQUcsTUFBTSxDQUFDLENBQUM7UUFDckQsTUFBTSxDQUFDLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDLEdBQUcsTUFBTSxDQUFDLEdBQUcsRUFBRSxHQUFHLE1BQU0sQ0FBQyxDQUFDO1FBQ3JELE1BQU0sQ0FBQyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQyxHQUFHLE1BQU0sQ0FBQyxHQUFHLEVBQUUsR0FBRyxNQUFNLENBQUMsQ0FBQztRQUVyRCxPQUFPLElBQUksR0FBRyxDQUFDLENBQUMsQ0FBQyxHQUFHLEdBQUcsQ0FBQyxDQUFDLENBQUMsR0FBRyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztJQUN4QyxDQUFDO0lBRUQsT0FBTyxDQUFDLEdBQVcsRUFBRSxNQUFjO1FBQ2pDLE9BQU8sR0FBRyxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsR0FBRyxHQUFHLEdBQUcsRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDO0lBQ3JFLENBQUM7SUFFRCwwQkFBMEIsQ0FBQyxNQUFjO1FBQ3ZDLE1BQU0sTUFBTSxHQUFHLE1BQU0sR0FBRyxHQUFHLENBQUMsQ0FBQyx1Q0FBdUM7UUFDcEUsT0FBTyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsU0FBUyxFQUFFLFNBQVMsRUFBRSxNQUFNLENBQUMsQ0FBQztJQUM3RCxDQUFDO0lBRUQsY0FBYyxDQUFDLEtBQWE7UUFDMUIsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7UUFDMUIsSUFBSSxDQUFDLEtBQUssQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO1FBQzlCLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUM7SUFDakMsQ0FBQztJQUdDLGtCQUFrQixDQUFDLEtBQWlCO1FBQ2xDLE1BQU0sYUFBYSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDM0UsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1lBQ25CLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUM7UUFDL0IsQ0FBQztJQUNILENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxhQUFxQjtRQUNwQyxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsQ0FBQyxRQUFZLEVBQUUsS0FBUyxFQUFFLEVBQUU7WUFDckQsUUFBUSxDQUFDLE1BQU0sR0FBRyxLQUFLLEtBQUssYUFBYSxDQUFDO1lBQzFDLElBQUcsYUFBYSxLQUFLLEtBQUssRUFBQyxDQUFDO2dCQUMxQixJQUFJLENBQUMsS0FBSyxDQUFDLFVBQVUsR0FBRyxRQUFRLENBQUMsS0FBSyxDQUFBO1lBQ3hDLENBQUM7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUVMLENBQUM7OEdBckZVLG9CQUFvQjtrR0FBcEIsb0JBQW9CLHdRQ2hCakMsczlRQW9HQSxpNUNEekZJLFlBQVkseWhCQUFFLFdBQVcsaXhCQUFFLGNBQWMsaUZBQUUsT0FBTzs7MkZBS3pDLG9CQUFvQjtrQkFUaEMsU0FBUzsrQkFDRSxvQkFBb0IsY0FDbEIsSUFBSSxXQUNQO3dCQUNQLFlBQVksRUFBRSxXQUFXLEVBQUUsY0FBYyxFQUFFLE9BQU87cUJBQ25EOytFQUtRLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBa0VOLGtCQUFrQjtzQkFEakIsWUFBWTt1QkFBQyxnQkFBZ0IsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgSG9zdExpc3RlbmVyLCBJbnB1dCwgT25DaGFuZ2VzLCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBDb2xvckRpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZS9jb2xvci5kaXJlY3RpdmUnO1xyXG5pbXBvcnQgeyBNYXRJY29uIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XHJcblxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzaW1wby1pbnB1dC1maWVsZHMnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLCBGb3Jtc01vZHVsZSwgQ29sb3JEaXJlY3RpdmUsIE1hdEljb25cclxuICBdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9pbnB1dC1maWVsZHMuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9pbnB1dC1maWVsZHMuY29tcG9uZW50LmNzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIElucHV0RmllbGRzQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcclxuICBASW5wdXQoKSBmZWlsZDogYW55O1xyXG4gIEBJbnB1dCgpIG9wYWNpdHk6IG51bWJlciB8IHVuZGVmaW5lZCA9IDE7XHJcbiAgQElucHV0KCkgYmdDb2xvcj86IHN0cmluZztcclxuICBASW5wdXQoKSBzZWN0aW9uSWQ/OiBzdHJpbmc7XHJcblxyXG4gIHB1YmxpYyByYXRpbmdIb3ZlckluZGV4OiBudW1iZXIgfCBudWxsID0gbnVsbDtcclxuICBwdWJsaWMgY29sb3JDb2RlOiBzdHJpbmc7XHJcbiAgcHVibGljIHNlbGVjdGVkRHJvcGRvd246IHN0cmluZyB8IG51bGwgPSBudWxsO1xyXG4gIHB1YmxpYyBlbnRlcmVkVmFsdWU6IHN0cmluZyB8IG51bGwgPSBudWxsO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgZWxlbWVudFJlZiA6IEVsZW1lbnRSZWZcclxuICApIHtcclxuICAgIHRoaXMuY29sb3JDb2RlID0gdGhpcy5nZW5lcmF0ZUNvbG9yQmFzZWRPbk51bWJlcih0aGlzLm9wYWNpdHkgPz8gMCk7XHJcbiAgfVxyXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcclxuXHJcbiAgICB0aGlzLmNvbG9yQ29kZSA9IHRoaXMuZ2VuZXJhdGVDb2xvckJhc2VkT25OdW1iZXIodGhpcy5vcGFjaXR5ID8/IDApO1xyXG4gIH1cclxuXHJcbiAgaGFuZGxlTW9uZXlJbnB1dChldmVudDogYW55KSB7XHJcbiAgICBpZiAoIShldmVudC5jb2RlLmluY2x1ZGVzKFwiRGlnaXRcIikgfHwgZXZlbnQuY29kZS5pbmNsdWRlcyhcIkJhY2tzcGFjZVwiKSkgfHwgIWV2ZW50LnRhcmdldCkge1xyXG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xyXG4gICAgICByZXR1cm47XHJcbiAgICB9XHJcblxyXG4gICAgZXZlbnQudGFyZ2V0LnZhbHVlID0gXCLigrlcIiArIE51bWJlcihldmVudC50YXJnZXQudmFsdWUucmVwbGFjZUFsbChcIixcIiwgXCJcIikucmVwbGFjZUFsbChcIuKCuVwiLCBcIlwiKSkudG9Mb2NhbGVTdHJpbmcoKTtcclxuICB9XHJcbiAgZ2V0IGdldFRleHRDb2xvcigpIHtcclxuICAgIHJldHVybiAodGhpcy5vcGFjaXR5ID8/IDApIDwgNTAgPyAnI0ZGRicgOiAnIzAwMCc7XHJcbiAgfVxyXG5cclxuICBpbnRlcnBvbGF0ZUNvbG9yKGNvbG9yMTogc3RyaW5nLCBjb2xvcjI6IHN0cmluZywgZmFjdG9yOiBudW1iZXIpIHtcclxuICAgIGlmIChmYWN0b3IgPT09IDApIHJldHVybiBjb2xvcjE7XHJcbiAgICBpZiAoZmFjdG9yID09PSAxKSByZXR1cm4gY29sb3IyO1xyXG5cclxuICAgIGNvbnN0IGhleCA9ICh4OiBhbnkpID0+IHRoaXMucGFkWmVybyhNYXRoLnJvdW5kKHgpLnRvU3RyaW5nKDE2KSwgMik7XHJcblxyXG4gICAgY29uc3QgcjEgPSBwYXJzZUludChjb2xvcjEuc3Vic3RyaW5nKDEsIDMpLCAxNik7XHJcbiAgICBjb25zdCBnMSA9IHBhcnNlSW50KGNvbG9yMS5zdWJzdHJpbmcoMywgNSksIDE2KTtcclxuICAgIGNvbnN0IGIxID0gcGFyc2VJbnQoY29sb3IxLnN1YnN0cmluZyAgKDUsIDcpLCAxNik7XHJcblxyXG4gICAgY29uc3QgcjIgPSBwYXJzZUludChjb2xvcjIuc3Vic3RyaW5nKDEsIDMpLCAxNik7XHJcbiAgICBjb25zdCBnMiA9IHBhcnNlSW50KGNvbG9yMi5zdWJzdHJpbmcoMywgNSksIDE2KTtcclxuICAgIGNvbnN0IGIyID0gcGFyc2VJbnQoY29sb3IyLnN1YnN0cmluZyg1LCA3KSwgMTYpO1xyXG5cclxuICAgIGNvbnN0IHIgPSBNYXRoLmNlaWwocjEgKiAoMSAtIGZhY3RvcikgKyByMiAqIGZhY3Rvcik7XHJcbiAgICBjb25zdCBnID0gTWF0aC5jZWlsKGcxICogKDEgLSBmYWN0b3IpICsgZzIgKiBmYWN0b3IpO1xyXG4gICAgY29uc3QgYiA9IE1hdGguY2VpbChiMSAqICgxIC0gZmFjdG9yKSArIGIyICogZmFjdG9yKTtcclxuXHJcbiAgICByZXR1cm4gYCMke2hleChyKX0ke2hleChnKX0ke2hleChiKX1gO1xyXG4gIH1cclxuXHJcbiAgcGFkWmVybyhzdHI6IHN0cmluZywgbGVuZ3RoOiBudW1iZXIpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIHN0ci5sZW5ndGggPCBsZW5ndGggPyB0aGlzLnBhZFplcm8oXCIwXCIgKyBzdHIsIGxlbmd0aCkgOiBzdHI7XHJcbiAgfVxyXG5cclxuICBnZW5lcmF0ZUNvbG9yQmFzZWRPbk51bWJlcihudW1iZXI6IG51bWJlcikge1xyXG4gICAgY29uc3QgZmFjdG9yID0gbnVtYmVyIC8gMTAwOyAvLyBBc3N1bWluZyBudW1iZXIgcmFuZ2VzIGZyb20gMCB0byAxMDBcclxuICAgIHJldHVybiB0aGlzLmludGVycG9sYXRlQ29sb3IoXCIjMDAwMDAwXCIsIFwiI0ZGRkZGRlwiLCBmYWN0b3IpO1xyXG4gIH1cclxuXHJcbiAgc2VsZWN0RHJvcGRvd24odmFsdWU6IHN0cmluZyk6IHZvaWQge1xyXG4gICAgdGhpcy5lbnRlcmVkVmFsdWUgPSB2YWx1ZTtcclxuICAgIHRoaXMuZmVpbGQuaW5wdXRWYWx1ZSA9IHZhbHVlO1xyXG4gICAgdGhpcy5zZWxlY3RlZERyb3Bkb3duID0gbnVsbDtcclxufVxyXG5cclxuICBASG9zdExpc3RlbmVyKCdkb2N1bWVudDpjbGljaycsIFsnJGV2ZW50J10pXHJcbiAgaGFuZGxlT3V0c2lkZUNsaWNrKGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XHJcbiAgICBjb25zdCBjbGlja2VkSW5zaWRlID0gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuY29udGFpbnMoZXZlbnQudGFyZ2V0KTtcclxuICAgIGlmICghY2xpY2tlZEluc2lkZSkge1xyXG4gICAgICB0aGlzLnNlbGVjdGVkRHJvcGRvd24gPSBudWxsO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgb25DaGVja2JveENoYW5nZShzZWxlY3RlZEluZGV4OiBudW1iZXIpOiB2b2lkIHtcclxuICAgIHRoaXMuZmVpbGQub3B0aW9ucy5mb3JFYWNoKChjaGVja2JveDphbnksIGluZGV4OmFueSkgPT4ge1xyXG4gICAgICBjaGVja2JveC5zdGF0dXMgPSBpbmRleCA9PT0gc2VsZWN0ZWRJbmRleDtcclxuICAgICAgaWYoc2VsZWN0ZWRJbmRleCA9PT0gaW5kZXgpe1xyXG4gICAgICAgIHRoaXMuZmVpbGQuaW5wdXRWYWx1ZSA9IGNoZWNrYm94LnZhbHVlXHJcbiAgICAgIH1cclxuICAgIH0pO1xyXG4gICAgXHJcbiAgfVxyXG5cclxuXHJcbn1cclxuIiwiPHNlY3Rpb24gW25nU3dpdGNoXT1cImZlaWxkLnR5cGVcIiAgY2xhc3M9XCJtdC0xNVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImQtZmxleCBmbGV4LWNvbHVtbiBtci0yXCIgKm5nU3dpdGNoQ2FzZT1cIid0ZXh0J1wiPlxyXG4gICAgICAgIDxsYWJlbCBbYXR0ci5mb3JdPVwiZmVpbGQudmFsdWVcIiBbc2ltcG9Db2xvcl09XCJiZ0NvbG9yXCIgW2lkXT1cInNlY3Rpb25JZFwiIGNsYXNzPVwiaW5wdXQtZmllbGQtbGFiZWxcIj57eyBmZWlsZC52YWx1ZSB9fSA8c3VwICpuZ0lmPVwiZmVpbGQucmVxdWlyZWRcIj4qPC9zdXA+PC9sYWJlbD5cclxuICAgICAgICA8aW5wdXQgdHlwZT1cInRleHRcIiBjbGFzcz1cInAtMiBtdC0yXCIgW2F0dHIuaWRdPVwiZmVpbGQudmFsdWVcIiBbc3R5bGUuYmFja2dyb3VuZF09XCJjb2xvckNvZGVcIiBbc3R5bGUuY29sb3JdPVwiZ2V0VGV4dENvbG9yXCIgWyhuZ01vZGVsKV09XCJmZWlsZC5pbnB1dFZhbHVlXCJcclxuICAgICAgICBbcGxhY2Vob2xkZXJdPVwiJ0VudGVyICcrZmVpbGQubGFiZWxcIj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImQtZmxleCBmbGV4LWNvbHVtbiBtci0yXCIgKm5nU3dpdGNoQ2FzZT1cIid0ZXh0QXJlYSdcIj5cclxuICAgICAgICA8bGFiZWwgW2F0dHIuZm9yXT1cImZlaWxkLnZhbHVlXCIgW3NpbXBvQ29sb3JdPVwiYmdDb2xvclwiIFtpZF09XCJzZWN0aW9uSWRcIiBjbGFzcz1cImlucHV0LWZpZWxkLWxhYmVsXCI+e3sgZmVpbGQudmFsdWUgfX0gPHN1cCAqbmdJZj1cImZlaWxkLnJlcXVpcmVkXCI+Kjwvc3VwPjwvbGFiZWw+XHJcbiAgICAgICAgPHRleHRhcmVhIHR5cGU9XCJ0ZXh0XCIgY2xhc3M9XCJwLTIgbXQtMlwiIGNvbHM9XCIxMlwiIFthdHRyLmlkXT1cImZlaWxkLnZhbHVlXCIgW3N0eWxlLmJhY2tncm91bmRdPVwiY29sb3JDb2RlXCIgW3N0eWxlLmNvbG9yXT1cImdldFRleHRDb2xvclwiIFsobmdNb2RlbCldPVwiZmVpbGQuaW5wdXRWYWx1ZVwiXHJcbiAgICAgICAgW3BsYWNlaG9sZGVyXT1cIidFbnRlciAnK2ZlaWxkLmxhYmVsXCI+PC90ZXh0YXJlYT5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImQtZmxleCBmbGV4LWNvbHVtbiBtci0yXCIgKm5nU3dpdGNoQ2FzZT1cIidhZGRyZXNzJ1wiPlxyXG4gICAgICAgIDxsYWJlbCBbYXR0ci5mb3JdPVwiZmVpbGQudmFsdWVcIiAgW3NpbXBvQ29sb3JdPVwiYmdDb2xvclwiIFtpZF09XCJzZWN0aW9uSWRcIiBjbGFzcz1cImlucHV0LWZpZWxkLWxhYmVsXCI+e3sgZmVpbGQudmFsdWUgfX0gPHN1cCAqbmdJZj1cImZlaWxkLnJlcXVpcmVkXCI+Kjwvc3VwPjwvbGFiZWw+XHJcbiAgICAgICAgPGlucHV0IHR5cGU9XCJ0ZXh0XCIgY2xhc3M9XCJwLTIgbXQtMlwiIFthdHRyLmlkXT1cImZlaWxkLnZhbHVlXCIgW3N0eWxlLmJhY2tncm91bmRdPVwiY29sb3JDb2RlXCIgW3N0eWxlLmNvbG9yXT1cImdldFRleHRDb2xvclwiIFsobmdNb2RlbCldPVwiZmVpbGQuaW5wdXRWYWx1ZVwiXHJcbiAgICAgICAgW3BsYWNlaG9sZGVyXT1cIidFbnRlciAnK2ZlaWxkLmxhYmVsXCI+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJkLWZsZXggZmxleC1jb2x1bW4gbXItMlwiICpuZ1N3aXRjaENhc2U9XCInZW1haWwnXCI+XHJcbiAgICAgICAgPGxhYmVsIFthdHRyLmZvcl09XCJmZWlsZC52YWx1ZVwiIFtzaW1wb0NvbG9yXT1cImJnQ29sb3JcIiBbaWRdPVwic2VjdGlvbklkXCIgY2xhc3M9XCJpbnB1dC1maWVsZC1sYWJlbFwiPnt7IGZlaWxkLnZhbHVlIH19IDxzdXAgKm5nSWY9XCJmZWlsZC5yZXF1aXJlZFwiPio8L3N1cD48L2xhYmVsPlxyXG4gICAgICAgIDxpbnB1dCB0eXBlPVwiZW1haWxcIiBjbGFzcz1cInAtMiBtdC0yXCIgW2F0dHIuaWRdPVwiZmVpbGQudmFsdWVcIiBbc3R5bGUuYmFja2dyb3VuZF09XCJjb2xvckNvZGVcIiBbc3R5bGUuY29sb3JdPVwiZ2V0VGV4dENvbG9yXCIgWyhuZ01vZGVsKV09XCJmZWlsZC5pbnB1dFZhbHVlXCJcclxuICAgICAgICBbcGxhY2Vob2xkZXJdPVwiJ0VudGVyICcrZmVpbGQubGFiZWxcIj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImQtZmxleCBmbGV4LWNvbHVtbiBtci0yXCIgKm5nU3dpdGNoQ2FzZT1cIidwYXNzd29yZCdcIj5cclxuICAgICAgICA8bGFiZWwgW2F0dHIuZm9yXT1cImZlaWxkLnZhbHVlXCIgW3NpbXBvQ29sb3JdPVwiYmdDb2xvclwiIFtpZF09XCJzZWN0aW9uSWRcIiBjbGFzcz1cImlucHV0LWZpZWxkLWxhYmVsXCI+e3sgZmVpbGQudmFsdWUgfX0gPHN1cCAqbmdJZj1cImZlaWxkLnJlcXVpcmVkXCI+Kjwvc3VwPjwvbGFiZWw+XHJcbiAgICAgICAgPGlucHV0IHR5cGU9XCJwYXNzd29yZFwiIGNsYXNzPVwicC0yIG10LTJcIiBbYXR0ci5pZF09XCJmZWlsZC52YWx1ZVwiIFtzdHlsZS5iYWNrZ3JvdW5kXT1cImNvbG9yQ29kZVwiIFtzdHlsZS5jb2xvcl09XCJnZXRUZXh0Q29sb3JcIiBbKG5nTW9kZWwpXT1cImZlaWxkLmlucHV0VmFsdWVcIlxyXG4gICAgICAgIFtwbGFjZWhvbGRlcl09XCInRW50ZXIgJytmZWlsZC5sYWJlbFwiPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGZsZXgtY29sdW1uIG1yLTJcIiAqbmdTd2l0Y2hDYXNlPVwiJ3JhdGluZydcIj5cclxuICAgICAgICA8bGFiZWwgW2F0dHIuZm9yXT1cImZlaWxkLnZhbHVlXCIgW3NpbXBvQ29sb3JdPVwiYmdDb2xvclwiIFtpZF09XCJzZWN0aW9uSWRcIiBjbGFzcz1cImlucHV0LWZpZWxkLWxhYmVsXCI+e3sgZmVpbGQudmFsdWUgfX0gPHN1cCAqbmdJZj1cImZlaWxkLnJlcXVpcmVkXCI+Kjwvc3VwPjwvbGFiZWw+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImQtZmxleCBtdC0yXCI+XHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZmEgZmEtc3RhclwiICpuZ0Zvcj1cImxldCBfIG9mIFtdLmNvbnN0cnVjdG9yKDUpOyBsZXQgaWR4ID0gaW5kZXhcIiBbbmdDbGFzc109XCJ7J2NoZWNrZWQnOiBpZHggPCAocmF0aW5nSG92ZXJJbmRleCA/PyBmZWlsZC52YWx1ZSkgIH1cIiAobW91c2VlbnRlcik9XCJyYXRpbmdIb3ZlckluZGV4ID0gaWR4ICsxXCIgKG1vdXNlbGVhdmUpPVwicmF0aW5nSG92ZXJJbmRleCA9IG51bGxcIiAoY2xpY2spPVwiZmVpbGQudmFsdWUgPSBpZHggKzFcIj48L3NwYW4+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJkLWZsZXggZmxleC1jb2x1bW4gbXItMlwiICpuZ1N3aXRjaENhc2U9XCInZGF0ZSdcIj5cclxuICAgICAgICA8bGFiZWwgW2F0dHIuZm9yXT1cImZlaWxkLnZhbHVlXCIgW3NpbXBvQ29sb3JdPVwiYmdDb2xvclwiIFtpZF09XCJzZWN0aW9uSWRcIiBjbGFzcz1cImlucHV0LWZpZWxkLWxhYmVsXCI+e3sgZmVpbGQudmFsdWUgfX0gPHN1cCAqbmdJZj1cImZlaWxkLnJlcXVpcmVkXCI+Kjwvc3VwPjwvbGFiZWw+XHJcbiAgICAgICAgPGlucHV0IHR5cGU9XCJkYXRlXCIgY2xhc3M9XCJwLTIgbXQtMlwiIFthdHRyLmlkXT1cImZlaWxkLnZhbHVlXCIgW3N0eWxlLmJhY2tncm91bmRdPVwiY29sb3JDb2RlXCIgW3N0eWxlLmNvbG9yXT1cImdldFRleHRDb2xvclwiIFsobmdNb2RlbCldPVwiZmVpbGQuaW5wdXRWYWx1ZVwiPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8IS0tIDxkaXYgY2xhc3M9XCJkLWZsZXggZmxleC1jb2x1bW4gbXItMlwiICpuZ1N3aXRjaENhc2U9XCInY2hlY2tib3gnXCI+XHJcbiAgICAgICAgPGxhYmVsIFthdHRyLmZvcl09XCJmZWlsZC52YWx1ZVwiIFtzaW1wb0NvbG9yXT1cImJnQ29sb3JcIiBbaWRdPVwic2VjdGlvbklkXCIgY2xhc3M9XCJpbnB1dC1maWVsZC1sYWJlbFwiPnt7IGZlaWxkLnZhbHVlIH19IDxzdXAgKm5nSWY9XCJmZWlsZC5yZXF1aXJlZFwiPio8L3N1cD48L2xhYmVsPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyIGZsZXgtd3JhcCBtdC0yXCIgc3R5bGU9XCJnYXA6IDEwcHg7aGVpZ2h0OjQwcHhcIj5cclxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgY2hlY2tib3ggb2YgZmVpbGQub3B0aW9uc1wiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXJcIiBzdHlsZT1cImdhcDogNXB4O1wiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPVwiY2hlY2tib3hcIiBbYXR0ci5pZF09XCJjaGVja2JveC52YWx1ZVwiIFtzdHlsZS5iYWNrZ3JvdW5kXT1cImNvbG9yQ29kZVwiIFtzdHlsZS5jb2xvcl09XCJnZXRUZXh0Q29sb3JcIiAgWyhuZ01vZGVsKV09XCJjaGVja2JveC5zdGF0dXNcIj5cclxuICAgICAgICAgICAgICAgICAgICA8bGFiZWwgW2F0dHIuZm9yXT1cImNoZWNrYm94LnZhbHVlXCIgY2xhc3M9XCJtYi0wIG10LTEgY2hlY2tib3hGb250XCI+e3sgY2hlY2tib3gudmFsdWUgfX08L2xhYmVsPlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+IC0tPlxyXG4gICAgPGRpdiBjbGFzcz1cImQtZmxleCBmbGV4LWNvbHVtbiBtci0yXCIgKm5nU3dpdGNoQ2FzZT1cIidjaGVja2JveCdcIj5cclxuICAgICAgICA8bGFiZWwgW2F0dHIuZm9yXT1cImZlaWxkLnZhbHVlXCIgW3NpbXBvQ29sb3JdPVwiYmdDb2xvclwiIFtpZF09XCJzZWN0aW9uSWRcIiBjbGFzcz1cImlucHV0LWZpZWxkLWxhYmVsXCI+XHJcbiAgICAgICAgICAgIHt7IGZlaWxkLnZhbHVlIH19IDxzdXAgKm5nSWY9XCJmZWlsZC5yZXF1aXJlZFwiPio8L3N1cD5cclxuICAgICAgICA8L2xhYmVsPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyIGZsZXgtd3JhcCBtdC0yXCIgc3R5bGU9XCJnYXA6IDEwcHg7IGhlaWdodDogNDBweDtcIj5cclxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgY2hlY2tib3ggb2YgZmVpbGQub3B0aW9uczsgbGV0IGkgPSBpbmRleFwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXJcIiBzdHlsZT1cImdhcDogNXB4O1wiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxpbnB1dCBcclxuICAgICAgICAgICAgICAgICAgICAgICAgdHlwZT1cImNoZWNrYm94XCIgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIFthdHRyLmlkXT1cImNoZWNrYm94LnZhbHVlXCIgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtzdHlsZS5iYWNrZ3JvdW5kXT1cImNvbG9yQ29kZVwiIFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBbc3R5bGUuY29sb3JdPVwiZ2V0VGV4dENvbG9yXCIgIFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBbY2hlY2tlZF09XCJjaGVja2JveC5zdGF0dXNcIiBcclxuICAgICAgICAgICAgICAgICAgICAgICAgKGNoYW5nZSk9XCJvbkNoZWNrYm94Q2hhbmdlKGkpXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGxhYmVsIFthdHRyLmZvcl09XCJjaGVja2JveC52YWx1ZVwiIGNsYXNzPVwibWItMCBtdC0xIGNoZWNrYm94Rm9udFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICB7eyBjaGVja2JveC52YWx1ZSB9fVxyXG4gICAgICAgICAgICAgICAgICAgIDwvbGFiZWw+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIFxyXG4gICAgPGRpdiBjbGFzcz1cImQtZmxleCBmbGV4LWNvbHVtbiBtci0yXCIgKm5nU3dpdGNoQ2FzZT1cIidudW1iZXInXCI+XHJcbiAgICAgICAgPGxhYmVsIFthdHRyLmZvcl09XCJmZWlsZC52YWx1ZVwiIFtzaW1wb0NvbG9yXT1cImJnQ29sb3JcIiBbaWRdPVwic2VjdGlvbklkXCIgY2xhc3M9XCJpbnB1dC1maWVsZC1sYWJlbFwiPnt7IGZlaWxkLnZhbHVlIH19IDxzdXAgKm5nSWY9XCJmZWlsZC5yZXF1aXJlZFwiPio8L3N1cD48L2xhYmVsPlxyXG4gICAgICAgIDxpbnB1dCB0eXBlPVwibnVtYmVyXCIgY2xhc3M9XCJwLTIgbXQtMlwiIFthdHRyLmlkXT1cImZlaWxkLnZhbHVlXCIgW3N0eWxlLmJhY2tncm91bmRdPVwiY29sb3JDb2RlXCIgW3N0eWxlLmNvbG9yXT1cImdldFRleHRDb2xvclwiICBbKG5nTW9kZWwpXT1cImZlaWxkLmlucHV0VmFsdWVcIlxyXG4gICAgICAgIFtwbGFjZWhvbGRlcl09XCInRW50ZXIgJytmZWlsZC5sYWJlbFwiPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGZsZXgtY29sdW1uIG1yLTJcIiAqbmdTd2l0Y2hDYXNlPVwiJ21vbmV5J1wiPlxyXG4gICAgICAgIDxsYWJlbCBbYXR0ci5mb3JdPVwiZmVpbGQudmFsdWVcIiBbc2ltcG9Db2xvcl09XCJiZ0NvbG9yXCIgW2lkXT1cInNlY3Rpb25JZFwiIGNsYXNzPVwiaW5wdXQtZmllbGQtbGFiZWxcIj57eyBmZWlsZC52YWx1ZSB9fSA8c3VwICpuZ0lmPVwiZmVpbGQucmVxdWlyZWRcIj4qPC9zdXA+PC9sYWJlbD5cclxuICAgICAgICA8aW5wdXQgdHlwZT1cInRleHRcIiBjbGFzcz1cInAtMiBtdC0yXCIgdmFsdWU9XCLigrlcIiAoa2V5ZG93bik9XCJoYW5kbGVNb25leUlucHV0KCRldmVudClcIiBbYXR0ci5pZF09XCJmZWlsZC52YWx1ZVwiIFtzdHlsZS5iYWNrZ3JvdW5kXT1cImNvbG9yQ29kZVwiIFtzdHlsZS5jb2xvcl09XCJnZXRUZXh0Q29sb3JcIiAgWyhuZ01vZGVsKV09XCJmZWlsZC5pbnB1dFZhbHVlXCJcclxuICAgICAgICBbcGxhY2Vob2xkZXJdPVwiJ0VudGVyICcrZmVpbGQubGFiZWxcIj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImQtZmxleCBmbGV4LWNvbHVtbiBtci0yXCIgKm5nU3dpdGNoQ2FzZT1cIidkZXNjJ1wiPlxyXG4gICAgICAgIDxsYWJlbCBbYXR0ci5mb3JdPVwiZmVpbGQudmFsdWVcIiBbc2ltcG9Db2xvcl09XCJiZ0NvbG9yXCIgW2lkXT1cInNlY3Rpb25JZFwiIGNsYXNzPVwiaW5wdXQtZmllbGQtbGFiZWxcIj57eyBmZWlsZC52YWx1ZSB9fSA8c3VwICpuZ0lmPVwiZmVpbGQucmVxdWlyZWRcIj4qPC9zdXA+PC9sYWJlbD5cclxuICAgICAgICA8dGV4dGFyZWEgY2xhc3M9XCJwLTIgbXQtMlwiIFthdHRyLmlkXT1cImZlaWxkLnZhbHVlXCIgW3N0eWxlLmJhY2tncm91bmRdPVwiY29sb3JDb2RlXCIgW3N0eWxlLmNvbG9yXT1cImdldFRleHRDb2xvclwiICBbKG5nTW9kZWwpXT1cImZlaWxkLmlucHV0VmFsdWVcIlxyXG4gICAgICAgIFtwbGFjZWhvbGRlcl09XCInRW50ZXIgJytmZWlsZC5sYWJlbFwiPjwvdGV4dGFyZWE+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJkLWZsZXggZmxleC1jb2x1bW4gbXItMiBwb3NpdGlvbi1yZWxhdGl2ZVwiICpuZ1N3aXRjaENhc2U9XCInZHJvcGRvd24nXCI+XHJcbiAgICAgICAgPGxhYmVsIFthdHRyLmZvcl09XCJmZWlsZC52YWx1ZVwiIFtzaW1wb0NvbG9yXT1cImJnQ29sb3JcIiBbaWRdPVwic2VjdGlvbklkXCIgY2xhc3M9XCJpbnB1dC1maWVsZC1sYWJlbFwiPnt7IGZlaWxkLnZhbHVlIH19IDxzdXAgKm5nSWY9XCJmZWlsZC5yZXF1aXJlZFwiPio8L3N1cD48L2xhYmVsPlxyXG5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwicG9zaXRpb24tcmVsYXRpdmUgbXQtMiBkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyIGRyb3Bkb3duLWtleVwiIChjbGljayk9XCJzZWxlY3RlZERyb3Bkb3duID09PSBmZWlsZC52YWx1ZSA/IHNlbGVjdGVkRHJvcGRvd24gPSBudWxsIDogc2VsZWN0ZWREcm9wZG93biA9IGZlaWxkLnZhbHVlXCIgXHJcbiAgICAgICAgW3N0eWxlLmNvbG9yXT1cImdldFRleHRDb2xvclwiIFtzdHlsZS5iYWNrZ3JvdW5kXT1cImNvbG9yQ29kZVwiPlxyXG4gICAgICAgICAgICA8aW5wdXQgdHlwZT1cInRleHRcIiByZWFkb25seSBbYXR0ci5pZF09XCJmZWlsZC52YWx1ZVwiICAgW3ZhbHVlXT1cImVudGVyZWRWYWx1ZVwiIFxyXG4gICAgICAgICAgICBbKG5nTW9kZWwpXT1cImZlaWxkLmlucHV0VmFsdWVcIiBjbGFzcz1cInctMTAwXCIgW3N0eWxlLmJhY2tncm91bmRdPVwiY29sb3JDb2RlXCIgcGxhY2Vob2xkZXI9XCJTZWxlY3RcIj5cclxuICAgICAgICAgICAgPG1hdC1pY29uIGNsYXNzPVwiZG93bi1hcnJvd1wiPnt7ZmVpbGQudmFsdWUgIT0gc2VsZWN0ZWREcm9wZG93biA/ICdrZXlib2FyZF9hcnJvd19kb3duJyA6ICdrZXlib2FyZF9hcnJvd191cCd9fTwvbWF0LWljb24+XHJcbsKgwqDCoMKgwqDCoMKgwqA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyLWxpc3QgcG9zaXRpb24tYWJzb2x1dGVcIiBbaGlkZGVuXT1cImZlaWxkLnZhbHVlICE9IHNlbGVjdGVkRHJvcGRvd25cIj5cclxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgb3B0aW9uIG9mIGZlaWxkLm9wdGlvbnNcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb250YWluZXJcIiBbbmdDbGFzc109XCJ7J2NvbnRhaW5lci1zZWxlY3RlZCc6IG9wdGlvbi52YWx1ZSA9PSBzZWxlY3RlZERyb3Bkb3dufVwiIChjbGljayk9XCJzZWxlY3REcm9wZG93bihvcHRpb24udmFsdWUpXCI+e3sgb3B0aW9uLnZhbHVlIH19PC9kaXY+XHJcbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvc2VjdGlvbj5cclxuIl19
package/fesm2022/simpo-component-library.mjs CHANGED
@@ -1277,13 +1277,13 @@ class InputFieldsComponent {
1277
1277
  });
1278
1278
  }
1279
1279
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: InputFieldsComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
1280
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: InputFieldsComponent, isStandalone: true, selector: "simpo-input-fields", inputs: { feild: "feild", opacity: "opacity", bgColor: "bgColor", sectionId: "sectionId" }, host: { listeners: { "document:click": "handleOutsideClick($event)" } }, usesOnChanges: true, ngImport: i0, template: "<section [ngSwitch]=\"feild.type\" class=\"mt-15\">\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'text'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"text\" class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\">\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'textArea'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <textarea type=\"text\" class=\"p-2 mt-2\" cols=\"12\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\"></textarea>\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'address'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"text\" class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\">\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'email'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"email\" class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\">\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'password'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"password\" class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\">\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'rating'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <div class=\"d-flex mt-2\">\r\n <span class=\"fa fa-star\" *ngFor=\"let _ of [].constructor(5); let idx = index\" [ngClass]=\"{'checked': idx < (ratingHoverIndex ?? feild.value) }\" (mouseenter)=\"ratingHoverIndex = idx +1\" (mouseleave)=\"ratingHoverIndex = null\" (click)=\"feild.value = idx +1\"></span>\r\n </div>\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'date'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"date\" class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\">\r\n </div>\r\n <!-- <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'checkbox'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <div class=\"d-flex align-items-center flex-wrap mt-2\" style=\"gap: 10px;height:40px\">\r\n <ng-container *ngFor=\"let checkbox of feild.options\">\r\n <div class=\"d-flex align-items-center\" style=\"gap: 5px;\">\r\n <input type=\"checkbox\" [attr.id]=\"checkbox.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"checkbox.status\">\r\n <label [attr.for]=\"checkbox.value\" class=\"mb-0 mt-1 checkboxFont\">{{ checkbox.value }}</label>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div> -->\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'checkbox'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">\r\n {{ feild.value }} <sup *ngIf=\"feild.required\">*</sup>\r\n </label>\r\n <div class=\"d-flex align-items-center flex-wrap mt-2\" style=\"gap: 10px; height: 40px;\">\r\n <ng-container *ngFor=\"let checkbox of feild.options; let i = index\">\r\n <div class=\"d-flex align-items-center\" style=\"gap: 5px;\">\r\n <input \r\n type=\"checkbox\" \r\n [attr.id]=\"checkbox.value\" \r\n [style.background]=\"colorCode\" \r\n [style.color]=\"getTextColor\" \r\n [checked]=\"checkbox.status\" \r\n (change)=\"onCheckboxChange(i)\">\r\n <label [attr.for]=\"checkbox.value\" class=\"mb-0 mt-1 checkboxFont\">\r\n {{ checkbox.value }}\r\n </label>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n \r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'number'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"number\" class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\">\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'money'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"text\" class=\"p-2 mt-2\" value=\"\u20B9\" (keydown)=\"handleMoneyInput($event)\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\">\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'desc'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <textarea class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\"></textarea>\r\n </div>\r\n <div class=\"d-flex flex-column mr-2 position-relative\" *ngSwitchCase=\"'dropdown'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n\r\n <div class=\"position-relative mt-2 d-flex align-items-center dropdown-key\" (click)=\"selectedDropdown === feild.value ? selectedDropdown = null : selectedDropdown = feild.value\" \r\n [style.color]=\"getTextColor\" [style.background]=\"colorCode\">\r\n <input type=\"text\" readonly [attr.id]=\"feild.value\" [value]=\"enteredValue\" \r\n [(ngModel)]=\"feild.inputValue\" class=\"w-100\" [style.background]=\"colorCode\" placeholder=\"Select\">\r\n <mat-icon class=\"down-arrow\">{{feild.value != selectedDropdown ? 'keyboard_arrow_down' : 'keyboard_arrow_up'}}</mat-icon>\r\n\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0</div>\r\n <div class=\"container-list position-absolute\" [hidden]=\"feild.value != selectedDropdown\">\r\n <ng-container *ngFor=\"let option of feild.options\">\r\n <div class=\"container\" [ngClass]=\"{'container-selected': option.value == selectedDropdown}\" (click)=\"selectDropdown(option.value)\">{{ option.value }}</div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n</section>\r\n", styles: ["input,textarea,select{border-radius:5px;padding:8px 8px 8px 10px!important;font-size:large;background-color:#000;font-weight:400;border:1px solid #b9b9b9}input{height:40px}.checkboxFont{font-size:16px;font-weight:400}.down-arrow{position:absolute;right:5px;color:#000}.fa-star{opacity:.3;cursor:pointer;font-size:20px}input[type=checkbox]{height:18px;width:18px}.checked{opacity:1;color:#daa520}.input-field-label{text-align:start;font-size:16px;font-weight:400}.mt-15{margin-top:15px}.container-list{box-shadow:0 0 3px #999;background-color:#fff;border-radius:5px;padding:3px 0;font-weight:400;overflow:hidden;position:absolute;top:72px;width:100%;z-index:1;max-height:200px;overflow:scroll}.container-list .container{cursor:pointer;padding:10px;font-size:18px;color:#000}.container-list .container-selected{color:#fff;background-color:purple}.container-list .container:hover{color:#fff;background-color:purple;width:100%;font-weight:600!important}sup{color:red}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.dropdown-key{border-radius:5px;border:1px solid #b9b9b9}.dropdown-key input{border:none}.dropdown-key input:focus{outline:none}.container{background:#fff;color:#000!important}.container:hover{color:#fff!important;background-color:purple}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i8.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i8.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: ColorDirective, selector: "[simpoColor]", inputs: ["simpoColor"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
1280
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: InputFieldsComponent, isStandalone: true, selector: "simpo-input-fields", inputs: { feild: "feild", opacity: "opacity", bgColor: "bgColor", sectionId: "sectionId" }, host: { listeners: { "document:click": "handleOutsideClick($event)" } }, usesOnChanges: true, ngImport: i0, template: "<section [ngSwitch]=\"feild.type\" class=\"mt-15\">\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'text'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"text\" class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\">\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'textArea'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <textarea type=\"text\" class=\"p-2 mt-2\" cols=\"12\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\"></textarea>\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'address'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"text\" class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\">\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'email'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"email\" class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\">\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'password'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"password\" class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\">\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'rating'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <div class=\"d-flex mt-2\">\r\n <span class=\"fa fa-star\" *ngFor=\"let _ of [].constructor(5); let idx = index\" [ngClass]=\"{'checked': idx < (ratingHoverIndex ?? feild.value) }\" (mouseenter)=\"ratingHoverIndex = idx +1\" (mouseleave)=\"ratingHoverIndex = null\" (click)=\"feild.value = idx +1\"></span>\r\n </div>\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'date'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"date\" class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\">\r\n </div>\r\n <!-- <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'checkbox'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <div class=\"d-flex align-items-center flex-wrap mt-2\" style=\"gap: 10px;height:40px\">\r\n <ng-container *ngFor=\"let checkbox of feild.options\">\r\n <div class=\"d-flex align-items-center\" style=\"gap: 5px;\">\r\n <input type=\"checkbox\" [attr.id]=\"checkbox.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"checkbox.status\">\r\n <label [attr.for]=\"checkbox.value\" class=\"mb-0 mt-1 checkboxFont\">{{ checkbox.value }}</label>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div> -->\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'checkbox'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">\r\n {{ feild.value }} <sup *ngIf=\"feild.required\">*</sup>\r\n </label>\r\n <div class=\"d-flex align-items-center flex-wrap mt-2\" style=\"gap: 10px; height: 40px;\">\r\n <ng-container *ngFor=\"let checkbox of feild.options; let i = index\">\r\n <div class=\"d-flex align-items-center\" style=\"gap: 5px;\">\r\n <input \r\n type=\"checkbox\" \r\n [attr.id]=\"checkbox.value\" \r\n [style.background]=\"colorCode\" \r\n [style.color]=\"getTextColor\" \r\n [checked]=\"checkbox.status\" \r\n (change)=\"onCheckboxChange(i)\">\r\n <label [attr.for]=\"checkbox.value\" class=\"mb-0 mt-1 checkboxFont\">\r\n {{ checkbox.value }}\r\n </label>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n \r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'number'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"number\" class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\">\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'money'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"text\" class=\"p-2 mt-2\" value=\"\u20B9\" (keydown)=\"handleMoneyInput($event)\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\">\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'desc'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <textarea class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\"></textarea>\r\n </div>\r\n <div class=\"d-flex flex-column mr-2 position-relative\" *ngSwitchCase=\"'dropdown'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n\r\n <div class=\"position-relative mt-2 d-flex align-items-center dropdown-key\" (click)=\"selectedDropdown === feild.value ? selectedDropdown = null : selectedDropdown = feild.value\" \r\n [style.color]=\"getTextColor\" [style.background]=\"colorCode\">\r\n <input type=\"text\" readonly [attr.id]=\"feild.value\" [value]=\"enteredValue\" \r\n [(ngModel)]=\"feild.inputValue\" class=\"w-100\" [style.background]=\"colorCode\" placeholder=\"Select\">\r\n <mat-icon class=\"down-arrow\">{{feild.value != selectedDropdown ? 'keyboard_arrow_down' : 'keyboard_arrow_up'}}</mat-icon>\r\n\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0</div>\r\n <div class=\"container-list position-absolute\" [hidden]=\"feild.value != selectedDropdown\">\r\n <ng-container *ngFor=\"let option of feild.options\">\r\n <div class=\"container\" [ngClass]=\"{'container-selected': option.value == selectedDropdown}\" (click)=\"selectDropdown(option.value)\">{{ option.value }}</div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n</section>\r\n", styles: ["input,textarea,select{border-radius:5px;padding:8px 8px 8px 10px!important;font-size:large;background-color:#000;font-weight:400;border:1px solid #b9b9b9}input{height:40px}.checkboxFont{font-size:16px;font-weight:400}.down-arrow{position:absolute;right:5px;color:#000}.fa-star{opacity:.3;cursor:pointer;font-size:20px}input[type=checkbox]{height:18px;width:18px}.checked{opacity:1;color:#daa520}.input-field-label{text-align:start;font-size:16px;font-weight:400}.mt-15{margin-top:15px}.container-list{box-shadow:0 0 3px #999;background-color:#fff;border-radius:5px;padding:3px 0;font-weight:400;overflow:hidden;position:absolute;top:72px;width:100%;z-index:1;max-height:200px;overflow:scroll}.container-list .container{cursor:pointer;padding:10px;font-size:18px;color:#000}.container-list .container-selected{color:#fff;background-color:purple}.container-list .container:hover{color:#fff;background-color:purple;width:100%;font-weight:600!important}sup{color:red}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.dropdown-key{border-radius:5px;border:1px solid #b9b9b9}.dropdown-key input{border:none}.dropdown-key input:focus{outline:none}.container{background:#fff;color:#000!important;width:100%!important}.container:hover{color:#fff!important;background-color:purple}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i8.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i8.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: ColorDirective, selector: "[simpoColor]", inputs: ["simpoColor"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
1281
1281
  }
1282
1282
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: InputFieldsComponent, decorators: [{
1283
1283
  type: Component,
1284
1284
  args: [{ selector: 'simpo-input-fields', standalone: true, imports: [
1285
1285
  CommonModule, FormsModule, ColorDirective, MatIcon
1286
- ], template: "<section [ngSwitch]=\"feild.type\" class=\"mt-15\">\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'text'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"text\" class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\">\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'textArea'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <textarea type=\"text\" class=\"p-2 mt-2\" cols=\"12\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\"></textarea>\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'address'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"text\" class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\">\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'email'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"email\" class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\">\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'password'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"password\" class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\">\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'rating'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <div class=\"d-flex mt-2\">\r\n <span class=\"fa fa-star\" *ngFor=\"let _ of [].constructor(5); let idx = index\" [ngClass]=\"{'checked': idx < (ratingHoverIndex ?? feild.value) }\" (mouseenter)=\"ratingHoverIndex = idx +1\" (mouseleave)=\"ratingHoverIndex = null\" (click)=\"feild.value = idx +1\"></span>\r\n </div>\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'date'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"date\" class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\">\r\n </div>\r\n <!-- <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'checkbox'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <div class=\"d-flex align-items-center flex-wrap mt-2\" style=\"gap: 10px;height:40px\">\r\n <ng-container *ngFor=\"let checkbox of feild.options\">\r\n <div class=\"d-flex align-items-center\" style=\"gap: 5px;\">\r\n <input type=\"checkbox\" [attr.id]=\"checkbox.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"checkbox.status\">\r\n <label [attr.for]=\"checkbox.value\" class=\"mb-0 mt-1 checkboxFont\">{{ checkbox.value }}</label>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div> -->\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'checkbox'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">\r\n {{ feild.value }} <sup *ngIf=\"feild.required\">*</sup>\r\n </label>\r\n <div class=\"d-flex align-items-center flex-wrap mt-2\" style=\"gap: 10px; height: 40px;\">\r\n <ng-container *ngFor=\"let checkbox of feild.options; let i = index\">\r\n <div class=\"d-flex align-items-center\" style=\"gap: 5px;\">\r\n <input \r\n type=\"checkbox\" \r\n [attr.id]=\"checkbox.value\" \r\n [style.background]=\"colorCode\" \r\n [style.color]=\"getTextColor\" \r\n [checked]=\"checkbox.status\" \r\n (change)=\"onCheckboxChange(i)\">\r\n <label [attr.for]=\"checkbox.value\" class=\"mb-0 mt-1 checkboxFont\">\r\n {{ checkbox.value }}\r\n </label>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n \r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'number'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"number\" class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\">\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'money'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"text\" class=\"p-2 mt-2\" value=\"\u20B9\" (keydown)=\"handleMoneyInput($event)\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\">\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'desc'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <textarea class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\"></textarea>\r\n </div>\r\n <div class=\"d-flex flex-column mr-2 position-relative\" *ngSwitchCase=\"'dropdown'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n\r\n <div class=\"position-relative mt-2 d-flex align-items-center dropdown-key\" (click)=\"selectedDropdown === feild.value ? selectedDropdown = null : selectedDropdown = feild.value\" \r\n [style.color]=\"getTextColor\" [style.background]=\"colorCode\">\r\n <input type=\"text\" readonly [attr.id]=\"feild.value\" [value]=\"enteredValue\" \r\n [(ngModel)]=\"feild.inputValue\" class=\"w-100\" [style.background]=\"colorCode\" placeholder=\"Select\">\r\n <mat-icon class=\"down-arrow\">{{feild.value != selectedDropdown ? 'keyboard_arrow_down' : 'keyboard_arrow_up'}}</mat-icon>\r\n\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0</div>\r\n <div class=\"container-list position-absolute\" [hidden]=\"feild.value != selectedDropdown\">\r\n <ng-container *ngFor=\"let option of feild.options\">\r\n <div class=\"container\" [ngClass]=\"{'container-selected': option.value == selectedDropdown}\" (click)=\"selectDropdown(option.value)\">{{ option.value }}</div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n</section>\r\n", styles: ["input,textarea,select{border-radius:5px;padding:8px 8px 8px 10px!important;font-size:large;background-color:#000;font-weight:400;border:1px solid #b9b9b9}input{height:40px}.checkboxFont{font-size:16px;font-weight:400}.down-arrow{position:absolute;right:5px;color:#000}.fa-star{opacity:.3;cursor:pointer;font-size:20px}input[type=checkbox]{height:18px;width:18px}.checked{opacity:1;color:#daa520}.input-field-label{text-align:start;font-size:16px;font-weight:400}.mt-15{margin-top:15px}.container-list{box-shadow:0 0 3px #999;background-color:#fff;border-radius:5px;padding:3px 0;font-weight:400;overflow:hidden;position:absolute;top:72px;width:100%;z-index:1;max-height:200px;overflow:scroll}.container-list .container{cursor:pointer;padding:10px;font-size:18px;color:#000}.container-list .container-selected{color:#fff;background-color:purple}.container-list .container:hover{color:#fff;background-color:purple;width:100%;font-weight:600!important}sup{color:red}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.dropdown-key{border-radius:5px;border:1px solid #b9b9b9}.dropdown-key input{border:none}.dropdown-key input:focus{outline:none}.container{background:#fff;color:#000!important}.container:hover{color:#fff!important;background-color:purple}\n"] }]
1286
+ ], template: "<section [ngSwitch]=\"feild.type\" class=\"mt-15\">\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'text'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"text\" class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\">\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'textArea'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <textarea type=\"text\" class=\"p-2 mt-2\" cols=\"12\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\"></textarea>\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'address'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"text\" class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\">\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'email'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"email\" class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\">\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'password'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"password\" class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\">\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'rating'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <div class=\"d-flex mt-2\">\r\n <span class=\"fa fa-star\" *ngFor=\"let _ of [].constructor(5); let idx = index\" [ngClass]=\"{'checked': idx < (ratingHoverIndex ?? feild.value) }\" (mouseenter)=\"ratingHoverIndex = idx +1\" (mouseleave)=\"ratingHoverIndex = null\" (click)=\"feild.value = idx +1\"></span>\r\n </div>\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'date'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"date\" class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\">\r\n </div>\r\n <!-- <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'checkbox'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <div class=\"d-flex align-items-center flex-wrap mt-2\" style=\"gap: 10px;height:40px\">\r\n <ng-container *ngFor=\"let checkbox of feild.options\">\r\n <div class=\"d-flex align-items-center\" style=\"gap: 5px;\">\r\n <input type=\"checkbox\" [attr.id]=\"checkbox.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"checkbox.status\">\r\n <label [attr.for]=\"checkbox.value\" class=\"mb-0 mt-1 checkboxFont\">{{ checkbox.value }}</label>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div> -->\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'checkbox'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">\r\n {{ feild.value }} <sup *ngIf=\"feild.required\">*</sup>\r\n </label>\r\n <div class=\"d-flex align-items-center flex-wrap mt-2\" style=\"gap: 10px; height: 40px;\">\r\n <ng-container *ngFor=\"let checkbox of feild.options; let i = index\">\r\n <div class=\"d-flex align-items-center\" style=\"gap: 5px;\">\r\n <input \r\n type=\"checkbox\" \r\n [attr.id]=\"checkbox.value\" \r\n [style.background]=\"colorCode\" \r\n [style.color]=\"getTextColor\" \r\n [checked]=\"checkbox.status\" \r\n (change)=\"onCheckboxChange(i)\">\r\n <label [attr.for]=\"checkbox.value\" class=\"mb-0 mt-1 checkboxFont\">\r\n {{ checkbox.value }}\r\n </label>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n \r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'number'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"number\" class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\">\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'money'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <input type=\"text\" class=\"p-2 mt-2\" value=\"\u20B9\" (keydown)=\"handleMoneyInput($event)\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\">\r\n </div>\r\n <div class=\"d-flex flex-column mr-2\" *ngSwitchCase=\"'desc'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n <textarea class=\"p-2 mt-2\" [attr.id]=\"feild.value\" [style.background]=\"colorCode\" [style.color]=\"getTextColor\" [(ngModel)]=\"feild.inputValue\"\r\n [placeholder]=\"'Enter '+feild.label\"></textarea>\r\n </div>\r\n <div class=\"d-flex flex-column mr-2 position-relative\" *ngSwitchCase=\"'dropdown'\">\r\n <label [attr.for]=\"feild.value\" [simpoColor]=\"bgColor\" [id]=\"sectionId\" class=\"input-field-label\">{{ feild.value }} <sup *ngIf=\"feild.required\">*</sup></label>\r\n\r\n <div class=\"position-relative mt-2 d-flex align-items-center dropdown-key\" (click)=\"selectedDropdown === feild.value ? selectedDropdown = null : selectedDropdown = feild.value\" \r\n [style.color]=\"getTextColor\" [style.background]=\"colorCode\">\r\n <input type=\"text\" readonly [attr.id]=\"feild.value\" [value]=\"enteredValue\" \r\n [(ngModel)]=\"feild.inputValue\" class=\"w-100\" [style.background]=\"colorCode\" placeholder=\"Select\">\r\n <mat-icon class=\"down-arrow\">{{feild.value != selectedDropdown ? 'keyboard_arrow_down' : 'keyboard_arrow_up'}}</mat-icon>\r\n\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0</div>\r\n <div class=\"container-list position-absolute\" [hidden]=\"feild.value != selectedDropdown\">\r\n <ng-container *ngFor=\"let option of feild.options\">\r\n <div class=\"container\" [ngClass]=\"{'container-selected': option.value == selectedDropdown}\" (click)=\"selectDropdown(option.value)\">{{ option.value }}</div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n</section>\r\n", styles: ["input,textarea,select{border-radius:5px;padding:8px 8px 8px 10px!important;font-size:large;background-color:#000;font-weight:400;border:1px solid #b9b9b9}input{height:40px}.checkboxFont{font-size:16px;font-weight:400}.down-arrow{position:absolute;right:5px;color:#000}.fa-star{opacity:.3;cursor:pointer;font-size:20px}input[type=checkbox]{height:18px;width:18px}.checked{opacity:1;color:#daa520}.input-field-label{text-align:start;font-size:16px;font-weight:400}.mt-15{margin-top:15px}.container-list{box-shadow:0 0 3px #999;background-color:#fff;border-radius:5px;padding:3px 0;font-weight:400;overflow:hidden;position:absolute;top:72px;width:100%;z-index:1;max-height:200px;overflow:scroll}.container-list .container{cursor:pointer;padding:10px;font-size:18px;color:#000}.container-list .container-selected{color:#fff;background-color:purple}.container-list .container:hover{color:#fff;background-color:purple;width:100%;font-weight:600!important}sup{color:red}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.dropdown-key{border-radius:5px;border:1px solid #b9b9b9}.dropdown-key input{border:none}.dropdown-key input:focus{outline:none}.container{background:#fff;color:#000!important;width:100%!important}.container:hover{color:#fff!important;background-color:purple}\n"] }]
1287
1287
  }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { feild: [{
1288
1288
  type: Input
1289
1289
  }], opacity: [{