@asoftwareworld/form-builder-pro
Version:
ASW Form Builder Pro helps you with rapid development and designed web forms which includes several controls. The key feature of Form Builder is to make your content attractive and effective. We can customize our control at run time and preview the same b
111 lines • 66.1 kB
JavaScript
/**
* @license
* Copyright ASW (A Software World) All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file
*/
import { Component, EventEmitter, Input, Output } from '@angular/core';
import { CSSFrameworkEnum } from '@asoftwareworld/form-builder-pro/api';
import { Constants, Icons } from '@asoftwareworld/form-builder-pro/common';
import { AswConfirmDialog } from '@asoftwareworld/form-builder-pro/form-control/confirm-dialog';
import { AswDatepickerDialog } from './datepicker-dialog';
import * as i0 from "@angular/core";
import * as i1 from "@angular/material/dialog";
import * as i2 from "@angular/common";
import * as i3 from "@angular/forms";
import * as i4 from "@angular/material/button";
import * as i5 from "@angular/material/input";
import * as i6 from "@angular/material/form-field";
import * as i7 from "@angular/material/tooltip";
import * as i8 from "@asoftwareworld/form-builder-pro/datetimepicker";
import * as i9 from "@asoftwareworld/form-builder-pro/core";
import * as i10 from "@asoftwareworld/form-builder-pro/common";
export class AswDatepicker {
dialog;
constants = Constants;
icons = Icons;
multiYearSelector = true;
touchUi = false;
timeInterval = 1;
timeInput = true;
/**
* Datepicker control
*/
control = null;
CSSFramework = CSSFrameworkEnum.Material;
isPreviewTemplate = false;
propertyPersonalization = [];
datepickerUpdateEvent = new EventEmitter();
datepickerDeleteEvent = new EventEmitter();
dateChange = new EventEmitter();
duplicateControl = new EventEmitter();
constructor(dialog) {
this.dialog = dialog;
}
/**
* Delete datepicker control based on control index
* @param control datepicker control items
*/
deleteDatepickerDialog(control) {
const dialogRef = this.dialog.open(AswConfirmDialog, {
width: '350px',
data: { name: control.controlType, message: this.constants.messages.waringMessage }
});
dialogRef.afterClosed().subscribe((result) => {
if (result !== undefined) {
this.datepickerDeleteEvent.emit(control);
}
});
}
editDatepickerDialog(control) {
const dialogRef = this.dialog.open(AswDatepickerDialog, {
width: '60%',
minWidth: '60vw',
disableClose: true,
data: { control, CSSFramework: this.CSSFramework, propertyPersonalization: this.propertyPersonalization }
});
dialogRef.afterClosed().subscribe((result) => {
if (result !== undefined) {
this.datepickerUpdateEvent.emit(result);
}
});
}
onDateChange(control) {
this.dateChange.emit(control);
}
duplicateDatepickerControl(control) {
this.duplicateControl.emit(control);
}
weekendsDatesFilter = (date) => {
if (date === null) {
return true;
}
const day = date.day();
// Prevent Saturday and Sunday from being selected.
return day !== 0 && day !== 6;
};
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: AswDatepicker, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: AswDatepicker, selector: "asw-datepicker", inputs: { control: "control", CSSFramework: "CSSFramework", isPreviewTemplate: "isPreviewTemplate", propertyPersonalization: "propertyPersonalization" }, outputs: { datepickerUpdateEvent: "datepickerUpdateEvent", datepickerDeleteEvent: "datepickerDeleteEvent", dateChange: "dateChange", duplicateControl: "duplicateControl" }, ngImport: i0, template: "<ng-container *ngIf=\"control as control\">\r\n <ng-container *ngIf=\"CSSFramework === 'material'; else bootstrap\">\r\n <ng-container [ngSwitch]=\"control.controlType\">\r\n <ng-container *ngSwitchCase=\"'datepicker'\">\r\n <ng-container *ngIf=\"control.isDisableWeekendDates\">\r\n <mat-form-field [appearance]=\"control.style\" class=\"asw-width-100 {{control.customClass}}\">\r\n <mat-label>{{control.label | aswTranslate}}</mat-label>\r\n <asw-datetimepicker #picker\r\n [type]=\"control.type\"\r\n [mode]=\"control.mode\"\r\n [multiYearSelector]=\"multiYearSelector\"\r\n [startView]=\"control.defaultView\"\r\n [twelvehour]=\"control.twelveHour\"\r\n [timeInterval]=\"timeInterval\"\r\n [touchUi]=\"touchUi\"\r\n [timeInput]=\"timeInput\">\r\n </asw-datetimepicker>\r\n <input matInput \r\n [aswDatetimepicker]=\"picker\" \r\n #input=\"ngModel\"\r\n [id]=\"control.id\"\r\n [(ngModel)]=\"control.value\"\r\n [matTooltip]=\"control.tooltip | aswTranslate\"\r\n [placeholder]=\"control.label | aswTranslate\"\r\n (dateChange)=\"onDateChange(control)\"\r\n [min]=\"control.minDate\" \r\n [max]=\"control.maxDate\"\r\n [aswDatetimepickerFilter]=\"weekendsDatesFilter\"\r\n [required]=\"control.isRequired\"\r\n [disabled]=\"control.isDisabled ? true : false\">\r\n <asw-datetimepicker-toggle [for]=\"picker\" matSuffix></asw-datetimepicker-toggle>\r\n <mat-error *ngIf=\"input.invalid && (input.dirty || input.touched)\">\r\n <ng-container *ngIf=\"input?.errors?.required\">\r\n {{control.label | aswTranslate}} {{'FormControl.IsRequired' | aswTranslate}}\r\n </ng-container>\r\n </mat-error>\r\n </mat-form-field>\r\n </ng-container>\r\n <ng-container *ngIf=\"!control.isDisableWeekendDates\">\r\n <mat-form-field [appearance]=\"control.style\" class=\"asw-width-100 {{control.customClass}}\">\r\n <mat-label>{{control.label | aswTranslate}}</mat-label>\r\n <asw-datetimepicker #datetimePicker\r\n [type]=\"control.type\"\r\n [mode]=\"control.mode\"\r\n [multiYearSelector]=\"multiYearSelector\"\r\n [startView]=\"control.defaultView\"\r\n [twelvehour]=\"control.twelveHour\"\r\n [timeInterval]=\"timeInterval\"\r\n [touchUi]=\"touchUi\"\r\n [timeInput]=\"timeInput\">\r\n </asw-datetimepicker>\r\n <input matInput \r\n #input=\"ngModel\"\r\n [aswDatetimepicker]=\"datetimePicker\"\r\n [id]=\"control.id\"\r\n [(ngModel)]=\"control.value\"\r\n [matTooltip]=\"control.tooltip | aswTranslate\"\r\n [placeholder]=\"control.label | aswTranslate\"\r\n (dateChange)=\"onDateChange(control)\"\r\n [min]=\"control.minDate\" \r\n [max]=\"control.maxDate\"\r\n [required]=\"control.isRequired\"\r\n [disabled]=\"control.isDisabled ? true : false\">\r\n <asw-datetimepicker-toggle [for]=\"datetimePicker\" matSuffix></asw-datetimepicker-toggle>\r\n <mat-error *ngIf=\"input.invalid && (input.dirty || input.touched)\">\r\n <ng-container *ngIf=\"input?.errors?.required\">\r\n {{control.label | aswTranslate}} {{'FormControl.IsRequired' | aswTranslate}}\r\n </ng-container>\r\n </mat-error>\r\n </mat-form-field>\r\n </ng-container>\r\n </ng-container>\r\n </ng-container>\r\n </ng-container>\r\n <ng-template #bootstrap>\r\n <ng-container [ngSwitch]=\"control.controlType\">\r\n <ng-container *ngSwitchCase=\"'datepicker'\">\r\n <ng-container *ngIf=\"control.isDisableWeekendDates\">\r\n <div class=\"asw-mb-3\">\r\n <label for=\"{{control.id}}\" \r\n class=\"asw-input-label {{(input.invalid && (input.dirty || input.touched)) ? 'asw-red-color' : ''}}\"\r\n [class.asw-invalid-label]=\"control.isRequired\">{{control.label | aswTranslate}}</label>\r\n <asw-datetimepicker #picker\r\n [type]=\"control.type\"\r\n [mode]=\"control.mode\"\r\n [multiYearSelector]=\"multiYearSelector\"\r\n [startView]=\"control.defaultView\"\r\n [twelvehour]=\"control.twelveHour\"\r\n [timeInterval]=\"timeInterval\"\r\n [touchUi]=\"touchUi\"\r\n [timeInput]=\"timeInput\">\r\n </asw-datetimepicker>\r\n <input \r\n [aswDatetimepicker]=\"picker\" \r\n #input=\"ngModel\"\r\n [id]=\"control.id\"\r\n class=\"asw-input-control {{control.customClass}}\"\r\n [class.asw-is-invalid]=\"input.invalid && (input.dirty || input.touched)\"\r\n [(ngModel)]=\"control.value\"\r\n [matTooltip]=\"control.tooltip | aswTranslate\"\r\n [placeholder]=\"control.label | aswTranslate\"\r\n (dateChange)=\"onDateChange(control)\"\r\n [min]=\"control.minDate\" \r\n [max]=\"control.maxDate\"\r\n [aswDatetimepickerFilter]=\"weekendsDatesFilter\"\r\n [required]=\"control.isRequired\"\r\n [disabled]=\"control.isDisabled ? true : false\">\r\n <asw-datetimepicker-toggle [for]=\"picker\" matSuffix class=\"asw-date-picker\"></asw-datetimepicker-toggle>\r\n <div *ngIf=\"input.invalid && (input.dirty || input.touched)\" class=\"invalid-feedback\">\r\n <ng-container *ngIf=\"input?.errors?.required\">\r\n {{control.label | aswTranslate}} {{'FormControl.IsRequired' | aswTranslate}}\r\n </ng-container>\r\n </div>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngIf=\"!control.isDisableWeekendDates\">\r\n <div class=\"asw-mb-3\">\r\n <label for=\"{{control.id}}\" \r\n class=\"asw-input-label {{(input.invalid && (input.dirty || input.touched)) ? 'asw-red-color' : ''}}\"\r\n [class.asw-invalid-label]=\"control.isRequired\">{{control.label | aswTranslate}}</label>\r\n <input \r\n [aswDatetimepicker]=\"datetimePicker\" \r\n #input=\"ngModel\"\r\n class=\"asw-input-control {{control.customClass}}\"\r\n [class.asw-is-invalid]=\"input.invalid && (input.dirty || input.touched)\"\r\n [id]=\"control.id\"\r\n [(ngModel)]=\"control.value\"\r\n [matTooltip]=\"control.tooltip | aswTranslate\"\r\n [placeholder]=\"control.label | aswTranslate\"\r\n (dateChange)=\"onDateChange(control)\"\r\n [min]=\"control.minDate\" \r\n [max]=\"control.maxDate\"\r\n [required]=\"control.isRequired\"\r\n [disabled]=\"control.isDisabled ? true : false\">\r\n <asw-datetimepicker-toggle [for]=\"datetimePicker\" matSuffix class=\"asw-date-picker\"></asw-datetimepicker-toggle>\r\n <asw-datetimepicker #datetimePicker\r\n [type]=\"control.type\"\r\n [mode]=\"control.mode\"\r\n [multiYearSelector]=\"multiYearSelector\"\r\n [startView]=\"control.defaultView\"\r\n [twelvehour]=\"control.twelveHour\"\r\n [timeInterval]=\"timeInterval\"\r\n [touchUi]=\"touchUi\"\r\n [timeInput]=\"timeInput\">\r\n </asw-datetimepicker>\r\n <div *ngIf=\"input.invalid && (input.dirty || input.touched)\" class=\"invalid-feedback\">\r\n <ng-container *ngIf=\"input?.errors?.required\">\r\n {{control.label | aswTranslate}} {{'FormControl.IsRequired' | aswTranslate}}\r\n </ng-container>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n <!-- <ng-container *ngSwitchCase=\"'daterange'\">\r\n <ng-container *ngIf=\"control.isDisableWeekendDates\">\r\n <mat-form-field [appearance]=\"control.style\" class=\"asw-width-100 {{control.customClass}}\">\r\n <mat-label>{{control.label}}</mat-label>\r\n <mat-date-range-input [(ngModel)]=\"control.value\"\r\n [rangePicker]=\"picker\"\r\n #input=\"ngModel\"\r\n [id]=\"control.id\"\r\n (dateChange)=\"onDateChange(control)\"\r\n [matTooltip]=\"control.tooltip\"\r\n [min]=\"control.minDate\" \r\n [max]=\"control.maxDate\"\r\n [dateFilter]=\"weekendsDatesFilter\"\r\n [required]=\"control.isRequired\"\r\n [disabled]=\"control.isDisabled ? true : false\">\r\n <input matStartDate >\r\n <input matEndDate >\r\n </mat-date-range-input> \r\n <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\r\n <mat-date-range-picker #picker></mat-date-range-picker>\r\n <mat-error *ngIf=\"input.invalid && (input.dirty || input.touched)\">\r\n <ng-container *ngIf=\"input?.errors?.required\">\r\n {{control.label}} {{'FormControl.IsRequired' | aswTranslate}}\r\n </ng-container>\r\n </mat-error>\r\n </mat-form-field>\r\n </ng-container>\r\n <ng-container *ngIf=\"!control.isDisableWeekendDates\">\r\n <mat-form-field [appearance]=\"control.style\" class=\"asw-width-100 {{control.customClass}}\">\r\n <mat-label>{{control.label}}</mat-label>\r\n <input matInput \r\n [matDatepicker]=\"picker\" \r\n #input=\"ngModel\"\r\n [id]=\"control.id\"\r\n [(ngModel)]=\"control.value\"\r\n [matTooltip]=\"control.tooltip\"\r\n [placeholder]=\"control.label\"\r\n (dateChange)=\"onDateChange(control)\"\r\n [min]=\"control.minDate\" \r\n [max]=\"control.maxDate\"\r\n [required]=\"control.isRequired\"\r\n [disabled]=\"control.isDisabled ? true : false\">\r\n <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\r\n <mat-datepicker #picker></mat-datepicker>\r\n <mat-error *ngIf=\"input.invalid && (input.dirty || input.touched)\">\r\n <ng-container *ngIf=\"input?.errors?.required\">\r\n {{control.label}} {{'FormControl.IsRequired' | aswTranslate}}\r\n </ng-container>\r\n </mat-error>\r\n </mat-form-field>\r\n </ng-container>\r\n </ng-container> -->\r\n </ng-container>\r\n </ng-template>\r\n <div class=\"asw-row\" *ngIf=\"isPreviewTemplate\">\r\n <div class=\"asw-col-md-12\" align=\"right\">\r\n <button mat-icon-button \r\n type=\"button\" \r\n matTooltip=\"{{'FormControl.Duplicate' | aswTranslate}}\" \r\n [matTooltipPosition]=\"'below'\" \r\n (click)=\"duplicateDatepickerControl(control)\">\r\n <div [innerHTML]=\"icons.contentCopy | aswSafeHtml\"></div>\r\n </button>\r\n <button mat-icon-button \r\n type=\"button\" \r\n matTooltip=\"{{'FormControl.Edit' | aswTranslate}}\" \r\n [matTooltipPosition]=\"'below'\" \r\n (click)=\"editDatepickerDialog(control)\">\r\n <div [innerHTML]=\"icons.edit | aswSafeHtml\"></div>\r\n </button>\r\n <button mat-icon-button \r\n type=\"button\" \r\n matTooltip=\"{{'FormControl.Delete' | aswTranslate}}\" \r\n [matTooltipPosition]=\"'below'\" \r\n (click)=\"deleteDatepickerDialog(control)\">\r\n <div [innerHTML]=\"icons.delete2 | aswSafeHtml\"></div>\r\n </button>\r\n </div>\r\n </div>\r\n</ng-container>", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i6.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i7.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i8.AswDatetimepicker, selector: "asw-datetimepicker", inputs: ["multiYearSelector", "twelvehour", "startView", "mode", "timeInterval", "preventSameDateTimeSelection", "panelClass", "opened", "color", "startAt", "type", "touchUi", "timeInput", "disabled", "xPosition", "yPosition", "restoreFocus"], outputs: ["selectedChanged", "opened", "closed", "viewChanged"], exportAs: ["aswDatetimepicker"] }, { kind: "component", type: i8.AswDatetimepickerToggle, selector: "asw-datetimepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["aswDatetimepickerToggle"] }, { kind: "directive", type: i8.AswDatetimepickerInput, selector: "input[aswDatetimepicker]", inputs: ["aswDatetimepicker", "aswDatetimepickerFilter", "value", "min", "max", "disabled"], outputs: ["dateChange", "dateInput"], exportAs: ["aswDatetimepickerInput"] }, { kind: "pipe", type: i9.AswTranslatePipe, name: "aswTranslate" }, { kind: "pipe", type: i10.AswSafeHtmlPipe, name: "aswSafeHtml" }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: AswDatepicker, decorators: [{
type: Component,
args: [{ selector: 'asw-datepicker', template: "<ng-container *ngIf=\"control as control\">\r\n <ng-container *ngIf=\"CSSFramework === 'material'; else bootstrap\">\r\n <ng-container [ngSwitch]=\"control.controlType\">\r\n <ng-container *ngSwitchCase=\"'datepicker'\">\r\n <ng-container *ngIf=\"control.isDisableWeekendDates\">\r\n <mat-form-field [appearance]=\"control.style\" class=\"asw-width-100 {{control.customClass}}\">\r\n <mat-label>{{control.label | aswTranslate}}</mat-label>\r\n <asw-datetimepicker #picker\r\n [type]=\"control.type\"\r\n [mode]=\"control.mode\"\r\n [multiYearSelector]=\"multiYearSelector\"\r\n [startView]=\"control.defaultView\"\r\n [twelvehour]=\"control.twelveHour\"\r\n [timeInterval]=\"timeInterval\"\r\n [touchUi]=\"touchUi\"\r\n [timeInput]=\"timeInput\">\r\n </asw-datetimepicker>\r\n <input matInput \r\n [aswDatetimepicker]=\"picker\" \r\n #input=\"ngModel\"\r\n [id]=\"control.id\"\r\n [(ngModel)]=\"control.value\"\r\n [matTooltip]=\"control.tooltip | aswTranslate\"\r\n [placeholder]=\"control.label | aswTranslate\"\r\n (dateChange)=\"onDateChange(control)\"\r\n [min]=\"control.minDate\" \r\n [max]=\"control.maxDate\"\r\n [aswDatetimepickerFilter]=\"weekendsDatesFilter\"\r\n [required]=\"control.isRequired\"\r\n [disabled]=\"control.isDisabled ? true : false\">\r\n <asw-datetimepicker-toggle [for]=\"picker\" matSuffix></asw-datetimepicker-toggle>\r\n <mat-error *ngIf=\"input.invalid && (input.dirty || input.touched)\">\r\n <ng-container *ngIf=\"input?.errors?.required\">\r\n {{control.label | aswTranslate}} {{'FormControl.IsRequired' | aswTranslate}}\r\n </ng-container>\r\n </mat-error>\r\n </mat-form-field>\r\n </ng-container>\r\n <ng-container *ngIf=\"!control.isDisableWeekendDates\">\r\n <mat-form-field [appearance]=\"control.style\" class=\"asw-width-100 {{control.customClass}}\">\r\n <mat-label>{{control.label | aswTranslate}}</mat-label>\r\n <asw-datetimepicker #datetimePicker\r\n [type]=\"control.type\"\r\n [mode]=\"control.mode\"\r\n [multiYearSelector]=\"multiYearSelector\"\r\n [startView]=\"control.defaultView\"\r\n [twelvehour]=\"control.twelveHour\"\r\n [timeInterval]=\"timeInterval\"\r\n [touchUi]=\"touchUi\"\r\n [timeInput]=\"timeInput\">\r\n </asw-datetimepicker>\r\n <input matInput \r\n #input=\"ngModel\"\r\n [aswDatetimepicker]=\"datetimePicker\"\r\n [id]=\"control.id\"\r\n [(ngModel)]=\"control.value\"\r\n [matTooltip]=\"control.tooltip | aswTranslate\"\r\n [placeholder]=\"control.label | aswTranslate\"\r\n (dateChange)=\"onDateChange(control)\"\r\n [min]=\"control.minDate\" \r\n [max]=\"control.maxDate\"\r\n [required]=\"control.isRequired\"\r\n [disabled]=\"control.isDisabled ? true : false\">\r\n <asw-datetimepicker-toggle [for]=\"datetimePicker\" matSuffix></asw-datetimepicker-toggle>\r\n <mat-error *ngIf=\"input.invalid && (input.dirty || input.touched)\">\r\n <ng-container *ngIf=\"input?.errors?.required\">\r\n {{control.label | aswTranslate}} {{'FormControl.IsRequired' | aswTranslate}}\r\n </ng-container>\r\n </mat-error>\r\n </mat-form-field>\r\n </ng-container>\r\n </ng-container>\r\n </ng-container>\r\n </ng-container>\r\n <ng-template #bootstrap>\r\n <ng-container [ngSwitch]=\"control.controlType\">\r\n <ng-container *ngSwitchCase=\"'datepicker'\">\r\n <ng-container *ngIf=\"control.isDisableWeekendDates\">\r\n <div class=\"asw-mb-3\">\r\n <label for=\"{{control.id}}\" \r\n class=\"asw-input-label {{(input.invalid && (input.dirty || input.touched)) ? 'asw-red-color' : ''}}\"\r\n [class.asw-invalid-label]=\"control.isRequired\">{{control.label | aswTranslate}}</label>\r\n <asw-datetimepicker #picker\r\n [type]=\"control.type\"\r\n [mode]=\"control.mode\"\r\n [multiYearSelector]=\"multiYearSelector\"\r\n [startView]=\"control.defaultView\"\r\n [twelvehour]=\"control.twelveHour\"\r\n [timeInterval]=\"timeInterval\"\r\n [touchUi]=\"touchUi\"\r\n [timeInput]=\"timeInput\">\r\n </asw-datetimepicker>\r\n <input \r\n [aswDatetimepicker]=\"picker\" \r\n #input=\"ngModel\"\r\n [id]=\"control.id\"\r\n class=\"asw-input-control {{control.customClass}}\"\r\n [class.asw-is-invalid]=\"input.invalid && (input.dirty || input.touched)\"\r\n [(ngModel)]=\"control.value\"\r\n [matTooltip]=\"control.tooltip | aswTranslate\"\r\n [placeholder]=\"control.label | aswTranslate\"\r\n (dateChange)=\"onDateChange(control)\"\r\n [min]=\"control.minDate\" \r\n [max]=\"control.maxDate\"\r\n [aswDatetimepickerFilter]=\"weekendsDatesFilter\"\r\n [required]=\"control.isRequired\"\r\n [disabled]=\"control.isDisabled ? true : false\">\r\n <asw-datetimepicker-toggle [for]=\"picker\" matSuffix class=\"asw-date-picker\"></asw-datetimepicker-toggle>\r\n <div *ngIf=\"input.invalid && (input.dirty || input.touched)\" class=\"invalid-feedback\">\r\n <ng-container *ngIf=\"input?.errors?.required\">\r\n {{control.label | aswTranslate}} {{'FormControl.IsRequired' | aswTranslate}}\r\n </ng-container>\r\n </div>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngIf=\"!control.isDisableWeekendDates\">\r\n <div class=\"asw-mb-3\">\r\n <label for=\"{{control.id}}\" \r\n class=\"asw-input-label {{(input.invalid && (input.dirty || input.touched)) ? 'asw-red-color' : ''}}\"\r\n [class.asw-invalid-label]=\"control.isRequired\">{{control.label | aswTranslate}}</label>\r\n <input \r\n [aswDatetimepicker]=\"datetimePicker\" \r\n #input=\"ngModel\"\r\n class=\"asw-input-control {{control.customClass}}\"\r\n [class.asw-is-invalid]=\"input.invalid && (input.dirty || input.touched)\"\r\n [id]=\"control.id\"\r\n [(ngModel)]=\"control.value\"\r\n [matTooltip]=\"control.tooltip | aswTranslate\"\r\n [placeholder]=\"control.label | aswTranslate\"\r\n (dateChange)=\"onDateChange(control)\"\r\n [min]=\"control.minDate\" \r\n [max]=\"control.maxDate\"\r\n [required]=\"control.isRequired\"\r\n [disabled]=\"control.isDisabled ? true : false\">\r\n <asw-datetimepicker-toggle [for]=\"datetimePicker\" matSuffix class=\"asw-date-picker\"></asw-datetimepicker-toggle>\r\n <asw-datetimepicker #datetimePicker\r\n [type]=\"control.type\"\r\n [mode]=\"control.mode\"\r\n [multiYearSelector]=\"multiYearSelector\"\r\n [startView]=\"control.defaultView\"\r\n [twelvehour]=\"control.twelveHour\"\r\n [timeInterval]=\"timeInterval\"\r\n [touchUi]=\"touchUi\"\r\n [timeInput]=\"timeInput\">\r\n </asw-datetimepicker>\r\n <div *ngIf=\"input.invalid && (input.dirty || input.touched)\" class=\"invalid-feedback\">\r\n <ng-container *ngIf=\"input?.errors?.required\">\r\n {{control.label | aswTranslate}} {{'FormControl.IsRequired' | aswTranslate}}\r\n </ng-container>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n <!-- <ng-container *ngSwitchCase=\"'daterange'\">\r\n <ng-container *ngIf=\"control.isDisableWeekendDates\">\r\n <mat-form-field [appearance]=\"control.style\" class=\"asw-width-100 {{control.customClass}}\">\r\n <mat-label>{{control.label}}</mat-label>\r\n <mat-date-range-input [(ngModel)]=\"control.value\"\r\n [rangePicker]=\"picker\"\r\n #input=\"ngModel\"\r\n [id]=\"control.id\"\r\n (dateChange)=\"onDateChange(control)\"\r\n [matTooltip]=\"control.tooltip\"\r\n [min]=\"control.minDate\" \r\n [max]=\"control.maxDate\"\r\n [dateFilter]=\"weekendsDatesFilter\"\r\n [required]=\"control.isRequired\"\r\n [disabled]=\"control.isDisabled ? true : false\">\r\n <input matStartDate >\r\n <input matEndDate >\r\n </mat-date-range-input> \r\n <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\r\n <mat-date-range-picker #picker></mat-date-range-picker>\r\n <mat-error *ngIf=\"input.invalid && (input.dirty || input.touched)\">\r\n <ng-container *ngIf=\"input?.errors?.required\">\r\n {{control.label}} {{'FormControl.IsRequired' | aswTranslate}}\r\n </ng-container>\r\n </mat-error>\r\n </mat-form-field>\r\n </ng-container>\r\n <ng-container *ngIf=\"!control.isDisableWeekendDates\">\r\n <mat-form-field [appearance]=\"control.style\" class=\"asw-width-100 {{control.customClass}}\">\r\n <mat-label>{{control.label}}</mat-label>\r\n <input matInput \r\n [matDatepicker]=\"picker\" \r\n #input=\"ngModel\"\r\n [id]=\"control.id\"\r\n [(ngModel)]=\"control.value\"\r\n [matTooltip]=\"control.tooltip\"\r\n [placeholder]=\"control.label\"\r\n (dateChange)=\"onDateChange(control)\"\r\n [min]=\"control.minDate\" \r\n [max]=\"control.maxDate\"\r\n [required]=\"control.isRequired\"\r\n [disabled]=\"control.isDisabled ? true : false\">\r\n <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\r\n <mat-datepicker #picker></mat-datepicker>\r\n <mat-error *ngIf=\"input.invalid && (input.dirty || input.touched)\">\r\n <ng-container *ngIf=\"input?.errors?.required\">\r\n {{control.label}} {{'FormControl.IsRequired' | aswTranslate}}\r\n </ng-container>\r\n </mat-error>\r\n </mat-form-field>\r\n </ng-container>\r\n </ng-container> -->\r\n </ng-container>\r\n </ng-template>\r\n <div class=\"asw-row\" *ngIf=\"isPreviewTemplate\">\r\n <div class=\"asw-col-md-12\" align=\"right\">\r\n <button mat-icon-button \r\n type=\"button\" \r\n matTooltip=\"{{'FormControl.Duplicate' | aswTranslate}}\" \r\n [matTooltipPosition]=\"'below'\" \r\n (click)=\"duplicateDatepickerControl(control)\">\r\n <div [innerHTML]=\"icons.contentCopy | aswSafeHtml\"></div>\r\n </button>\r\n <button mat-icon-button \r\n type=\"button\" \r\n matTooltip=\"{{'FormControl.Edit' | aswTranslate}}\" \r\n [matTooltipPosition]=\"'below'\" \r\n (click)=\"editDatepickerDialog(control)\">\r\n <div [innerHTML]=\"icons.edit | aswSafeHtml\"></div>\r\n </button>\r\n <button mat-icon-button \r\n type=\"button\" \r\n matTooltip=\"{{'FormControl.Delete' | aswTranslate}}\" \r\n [matTooltipPosition]=\"'below'\" \r\n (click)=\"deleteDatepickerDialog(control)\">\r\n <div [innerHTML]=\"icons.delete2 | aswSafeHtml\"></div>\r\n </button>\r\n </div>\r\n </div>\r\n</ng-container>" }]
}], ctorParameters: () => [{ type: i1.MatDialog }], propDecorators: { control: [{
type: Input
}], CSSFramework: [{
type: Input
}], isPreviewTemplate: [{
type: Input
}], propertyPersonalization: [{
type: Input
}], datepickerUpdateEvent: [{
type: Output
}], datepickerDeleteEvent: [{
type: Output
}], dateChange: [{
type: Output
}], duplicateControl: [{
type: Output
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZXBpY2tlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2Zvcm0tY29udHJvbC9kYXRlcGlja2VyL2RhdGVwaWNrZXIudHMiLCIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9mb3JtLWNvbnRyb2wvZGF0ZXBpY2tlci9kYXRlcGlja2VyLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7OztHQU1HO0FBRUgsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV2RSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUN4RSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBRTNFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDhEQUE4RCxDQUFDO0FBRWhHLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDOzs7Ozs7Ozs7Ozs7QUFNMUQsTUFBTSxPQUFPLGFBQWE7SUFxQkg7SUFwQm5CLFNBQVMsR0FBUSxTQUFTLENBQUM7SUFDM0IsS0FBSyxHQUFHLEtBQUssQ0FBQztJQUNkLGlCQUFpQixHQUFHLElBQUksQ0FBQztJQUN6QixPQUFPLEdBQUcsS0FBSyxDQUFDO0lBQ2hCLFlBQVksR0FBRyxDQUFDLENBQUM7SUFDakIsU0FBUyxHQUFHLElBQUksQ0FBQztJQUVqQjs7T0FFRztJQUNNLE9BQU8sR0FBdUIsSUFBSSxDQUFDO0lBQ25DLFlBQVksR0FBcUIsZ0JBQWdCLENBQUMsUUFBUSxDQUFDO0lBQzNELGlCQUFpQixHQUFHLEtBQUssQ0FBQztJQUMxQix1QkFBdUIsR0FBYSxFQUFFLENBQUM7SUFFdEMscUJBQXFCLEdBQUcsSUFBSSxZQUFZLEVBQWUsQ0FBQztJQUN4RCxxQkFBcUIsR0FBRyxJQUFJLFlBQVksRUFBZSxDQUFDO0lBQ3hELFVBQVUsR0FBRyxJQUFJLFlBQVksRUFBZSxDQUFDO0lBQzdDLGdCQUFnQixHQUFHLElBQUksWUFBWSxFQUFlLENBQUM7SUFFN0QsWUFBbUIsTUFBaUI7UUFBakIsV0FBTSxHQUFOLE1BQU0sQ0FBVztJQUFHLENBQUM7SUFFeEM7OztPQUdHO0lBQ0gsc0JBQXNCLENBQUMsT0FBb0I7UUFDdkMsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLEVBQUU7WUFDakQsS0FBSyxFQUFFLE9BQU87WUFDZCxJQUFJLEVBQUUsRUFBRSxJQUFJLEVBQUUsT0FBTyxDQUFDLFdBQVcsRUFBRSxPQUFPLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsYUFBYSxFQUFFO1NBQ3RGLENBQUMsQ0FBQztRQUNILFNBQVMsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxNQUFNLEVBQUUsRUFBRTtZQUN6QyxJQUFJLE1BQU0sS0FBSyxTQUFTLEVBQUUsQ0FBQztnQkFDdkIsSUFBSSxDQUFDLHFCQUFxQixDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztZQUM3QyxDQUFDO1FBQ0wsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQsb0JBQW9CLENBQUMsT0FBb0I7UUFDckMsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsbUJBQW1CLEVBQUU7WUFDcEQsS0FBSyxFQUFFLEtBQUs7WUFDWixRQUFRLEVBQUUsTUFBTTtZQUNoQixZQUFZLEVBQUUsSUFBSTtZQUNsQixJQUFJLEVBQUUsRUFBRSxPQUFPLEVBQUUsWUFBWSxFQUFFLElBQUksQ0FBQyxZQUFZLEVBQUUsdUJBQXVCLEVBQUUsSUFBSSxDQUFDLHVCQUF1QixFQUFFO1NBQzVHLENBQUMsQ0FBQztRQUNILFNBQVMsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxNQUFNLEVBQUUsRUFBRTtZQUN6QyxJQUFJLE1BQU0sS0FBSyxTQUFTLEVBQUUsQ0FBQztnQkFDdkIsSUFBSSxDQUFDLHFCQUFxQixDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztZQUM1QyxDQUFDO1FBQ0wsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQsWUFBWSxDQUFDLE9BQW9CO1FBQzdCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ2xDLENBQUM7SUFFRCwwQkFBMEIsQ0FBQyxPQUFvQjtRQUMzQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ3hDLENBQUM7SUFFRCxtQkFBbUIsR0FBRyxDQUFDLElBQWdCLEVBQVcsRUFBRTtRQUNoRCxJQUFJLElBQUksS0FBSyxJQUFJLEVBQUUsQ0FBQztZQUNoQixPQUFPLElBQUksQ0FBQztRQUNoQixDQUFDO1FBQ0QsTUFBTSxHQUFHLEdBQUcsSUFBSSxDQUFDLEdBQUcsRUFBRSxDQUFDO1FBQ3ZCLG1EQUFtRDtRQUNuRCxPQUFPLEdBQUcsS0FBSyxDQUFDLElBQUksR0FBRyxLQUFLLENBQUMsQ0FBQztJQUNsQyxDQUFDLENBQUM7dUdBcEVPLGFBQWE7MkZBQWIsYUFBYSw2WENyQjFCLHNyZEF3T2U7OzJGRG5ORixhQUFhO2tCQUp6QixTQUFTOytCQUNJLGdCQUFnQjs4RUFjakIsT0FBTztzQkFBZixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNHLHVCQUF1QjtzQkFBL0IsS0FBSztnQkFFSSxxQkFBcUI7c0JBQTlCLE1BQU07Z0JBQ0cscUJBQXFCO3NCQUE5QixNQUFNO2dCQUNHLFVBQVU7c0JBQW5CLE1BQU07Z0JBQ0csZ0JBQWdCO3NCQUF6QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBAbGljZW5zZVxuICogQ29weXJpZ2h0IEFTVyAoQSBTb2Z0d2FyZSBXb3JsZCkgQWxsIFJpZ2h0cyBSZXNlcnZlZC5cbiAqXG4gKiBVc2Ugb2YgdGhpcyBzb3VyY2UgY29kZSBpcyBnb3Zlcm5lZCBieSBhbiBNSVQtc3R5bGUgbGljZW5zZSB0aGF0IGNhbiBiZVxuICogZm91bmQgaW4gdGhlIExJQ0VOU0UgZmlsZVxuICovXG5cbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXREaWFsb2cgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xuaW1wb3J0IHsgQ1NTRnJhbWV3b3JrRW51bSB9IGZyb20gJ0Bhc29mdHdhcmV3b3JsZC9mb3JtLWJ1aWxkZXItcHJvL2FwaSc7XG5pbXBvcnQgeyBDb25zdGFudHMsIEljb25zIH0gZnJvbSAnQGFzb2Z0d2FyZXdvcmxkL2Zvcm0tYnVpbGRlci1wcm8vY29tbW9uJztcbmltcG9ydCB7IEFzd0NhbGVuZGFyVmlldywgQXN3RGF0ZXRpbWVwaWNrZXJGaWx0ZXJUeXBlLCBBc3dEYXRldGltZXBpY2tlck1vZGUsIEFzd0RhdGV0aW1lcGlja2VyVHlwZSB9IGZyb20gJ0Bhc29mdHdhcmV3b3JsZC9mb3JtLWJ1aWxkZXItcHJvL2RhdGV0aW1lcGlja2VyJztcbmltcG9ydCB7IEFzd0NvbmZpcm1EaWFsb2cgfSBmcm9tICdAYXNvZnR3YXJld29ybGQvZm9ybS1idWlsZGVyLXByby9mb3JtLWNvbnRyb2wvY29uZmlybS1kaWFsb2cnO1xuaW1wb3J0IHsgRGF0ZUNvbnRyb2wgfSBmcm9tICcuL2RhdGUtY29udHJvbCc7XG5pbXBvcnQgeyBBc3dEYXRlcGlja2VyRGlhbG9nIH0gZnJvbSAnLi9kYXRlcGlja2VyLWRpYWxvZyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYXN3LWRhdGVwaWNrZXInLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9kYXRlcGlja2VyLmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIEFzd0RhdGVwaWNrZXIge1xuICAgIGNvbnN0YW50czogYW55ID0gQ29uc3RhbnRzO1xuICAgIGljb25zID0gSWNvbnM7XG4gICAgbXVsdGlZZWFyU2VsZWN0b3IgPSB0cnVlO1xuICAgIHRvdWNoVWkgPSBmYWxzZTtcbiAgICB0aW1lSW50ZXJ2YWwgPSAxO1xuICAgIHRpbWVJbnB1dCA9IHRydWU7XG5cbiAgICAvKipcbiAgICAgKiBEYXRlcGlja2VyIGNvbnRyb2xcbiAgICAgKi9cbiAgICBASW5wdXQoKSBjb250cm9sOiBEYXRlQ29udHJvbCB8IG51bGwgPSBudWxsO1xuICAgIEBJbnB1dCgpIENTU0ZyYW1ld29yazogQ1NTRnJhbWV3b3JrRW51bSA9IENTU0ZyYW1ld29ya0VudW0uTWF0ZXJpYWw7XG4gICAgQElucHV0KCkgaXNQcmV2aWV3VGVtcGxhdGUgPSBmYWxzZTtcbiAgICBASW5wdXQoKSBwcm9wZXJ0eVBlcnNvbmFsaXphdGlvbjogc3RyaW5nW10gPSBbXTtcblxuICAgIEBPdXRwdXQoKSBkYXRlcGlja2VyVXBkYXRlRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPERhdGVDb250cm9sPigpO1xuICAgIEBPdXRwdXQoKSBkYXRlcGlja2VyRGVsZXRlRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPERhdGVDb250cm9sPigpO1xuICAgIEBPdXRwdXQoKSBkYXRlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxEYXRlQ29udHJvbD4oKTtcbiAgICBAT3V0cHV0KCkgZHVwbGljYXRlQ29udHJvbCA9IG5ldyBFdmVudEVtaXR0ZXI8RGF0ZUNvbnRyb2w+KCk7XG5cbiAgICBjb25zdHJ1Y3RvcihwdWJsaWMgZGlhbG9nOiBNYXREaWFsb2cpIHt9XG5cbiAgICAvKipcbiAgICAgKiBEZWxldGUgZGF0ZXBpY2tlciBjb250cm9sIGJhc2VkIG9uIGNvbnRyb2wgaW5kZXhcbiAgICAgKiBAcGFyYW0gY29udHJvbCBkYXRlcGlja2VyIGNvbnRyb2wgaXRlbXNcbiAgICAgKi9cbiAgICBkZWxldGVEYXRlcGlja2VyRGlhbG9nKGNvbnRyb2w6IERhdGVDb250cm9sKTogdm9pZCB7XG4gICAgICAgIGNvbnN0IGRpYWxvZ1JlZiA9IHRoaXMuZGlhbG9nLm9wZW4oQXN3Q29uZmlybURpYWxvZywge1xuICAgICAgICAgICAgd2lkdGg6ICczNTBweCcsXG4gICAgICAgICAgICBkYXRhOiB7IG5hbWU6IGNvbnRyb2wuY29udHJvbFR5cGUsIG1lc3NhZ2U6IHRoaXMuY29uc3RhbnRzLm1lc3NhZ2VzLndhcmluZ01lc3NhZ2UgfVxuICAgICAgICB9KTtcbiAgICAgICAgZGlhbG9nUmVmLmFmdGVyQ2xvc2VkKCkuc3Vic2NyaWJlKChyZXN1bHQpID0+IHtcbiAgICAgICAgICAgIGlmIChyZXN1bHQgIT09IHVuZGVmaW5lZCkge1xuICAgICAgICAgICAgICAgIHRoaXMuZGF0ZXBpY2tlckRlbGV0ZUV2ZW50LmVtaXQoY29udHJvbCk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIGVkaXREYXRlcGlja2VyRGlhbG9nKGNvbnRyb2w6IERhdGVDb250cm9sKTogdm9pZCB7XG4gICAgICAgIGNvbnN0IGRpYWxvZ1JlZiA9IHRoaXMuZGlhbG9nLm9wZW4oQXN3RGF0ZXBpY2tlckRpYWxvZywge1xuICAgICAgICAgICAgd2lkdGg6ICc2MCUnLFxuICAgICAgICAgICAgbWluV2lkdGg6ICc2MHZ3JyxcbiAgICAgICAgICAgIGRpc2FibGVDbG9zZTogdHJ1ZSxcbiAgICAgICAgICAgIGRhdGE6IHsgY29udHJvbCwgQ1NTRnJhbWV3b3JrOiB0aGlzLkNTU0ZyYW1ld29yaywgcHJvcGVydHlQZXJzb25hbGl6YXRpb246IHRoaXMucHJvcGVydHlQZXJzb25hbGl6YXRpb24gfVxuICAgICAgICB9KTtcbiAgICAgICAgZGlhbG9nUmVmLmFmdGVyQ2xvc2VkKCkuc3Vic2NyaWJlKChyZXN1bHQpID0+IHtcbiAgICAgICAgICAgIGlmIChyZXN1bHQgIT09IHVuZGVmaW5lZCkge1xuICAgICAgICAgICAgICAgIHRoaXMuZGF0ZXBpY2tlclVwZGF0ZUV2ZW50LmVtaXQocmVzdWx0KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgb25EYXRlQ2hhbmdlKGNvbnRyb2w6IERhdGVDb250cm9sKTogdm9pZCB7XG4gICAgICAgIHRoaXMuZGF0ZUNoYW5nZS5lbWl0KGNvbnRyb2wpO1xuICAgIH1cblxuICAgIGR1cGxpY2F0ZURhdGVwaWNrZXJDb250cm9sKGNvbnRyb2w6IERhdGVDb250cm9sKTogdm9pZCB7XG4gICAgICAgIHRoaXMuZHVwbGljYXRlQ29udHJvbC5lbWl0KGNvbnRyb2wpO1xuICAgIH1cblxuICAgIHdlZWtlbmRzRGF0ZXNGaWx0ZXIgPSAoZGF0ZTogYW55IHwgbnVsbCk6IGJvb2xlYW4gPT4ge1xuICAgICAgICBpZiAoZGF0ZSA9PT0gbnVsbCkge1xuICAgICAgICAgICAgcmV0dXJuIHRydWU7XG4gICAgICAgIH1cbiAgICAgICAgY29uc3QgZGF5ID0gZGF0ZS5kYXkoKTtcbiAgICAgICAgLy8gUHJldmVudCBTYXR1cmRheSBhbmQgU3VuZGF5IGZyb20gYmVpbmcgc2VsZWN0ZWQuXG4gICAgICAgIHJldHVybiBkYXkgIT09IDAgJiYgZGF5ICE9PSA2O1xuICAgIH07XG59XG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwiY29udHJvbCBhcyBjb250cm9sXCI+XHJcbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiQ1NTRnJhbWV3b3JrID09PSAnbWF0ZXJpYWwnOyBlbHNlIGJvb3RzdHJhcFwiPlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cImNvbnRyb2wuY29udHJvbFR5cGVcIj5cclxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ2RhdGVwaWNrZXInXCI+XHJcbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiY29udHJvbC5pc0Rpc2FibGVXZWVrZW5kRGF0ZXNcIj5cclxuICAgICAgICAgICAgICAgICAgICA8bWF0LWZvcm0tZmllbGQgW2FwcGVhcmFuY2VdPVwiY29udHJvbC5zdHlsZVwiIGNsYXNzPVwiYXN3LXdpZHRoLTEwMCB7e2NvbnRyb2wuY3VzdG9tQ2xhc3N9fVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8bWF0LWxhYmVsPnt7Y29udHJvbC5sYWJlbCB8IGFzd1RyYW5zbGF0ZX19PC9tYXQtbGFiZWw+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxhc3ctZGF0ZXRpbWVwaWNrZXIgI3BpY2tlclxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW3R5cGVdPVwiY29udHJvbC50eXBlXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFttb2RlXT1cImNvbnRyb2wubW9kZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbXVsdGlZZWFyU2VsZWN0b3JdPVwibXVsdGlZZWFyU2VsZWN0b3JcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW3N0YXJ0Vmlld109XCJjb250cm9sLmRlZmF1bHRWaWV3XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFt0d2VsdmVob3VyXT1cImNvbnRyb2wudHdlbHZlSG91clwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbdGltZUludGVydmFsXT1cInRpbWVJbnRlcnZhbFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbdG91Y2hVaV09XCJ0b3VjaFVpXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFt0aW1lSW5wdXRdPVwidGltZUlucHV0XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvYXN3LWRhdGV0aW1lcGlja2VyPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgbWF0SW5wdXQgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbYXN3RGF0ZXRpbWVwaWNrZXJdPVwicGlja2VyXCIgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAjaW5wdXQ9XCJuZ01vZGVsXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtpZF09XCJjb250cm9sLmlkXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFsobmdNb2RlbCldPVwiY29udHJvbC52YWx1ZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbWF0VG9vbHRpcF09XCJjb250cm9sLnRvb2x0aXAgfCBhc3dUcmFuc2xhdGVcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cImNvbnRyb2wubGFiZWwgfCBhc3dUcmFuc2xhdGVcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKGRhdGVDaGFuZ2UpPVwib25EYXRlQ2hhbmdlKGNvbnRyb2wpXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFttaW5dPVwiY29udHJvbC5taW5EYXRlXCIgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbWF4XT1cImNvbnRyb2wubWF4RGF0ZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbYXN3RGF0ZXRpbWVwaWNrZXJGaWx0ZXJdPVwid2Vla2VuZHNEYXRlc0ZpbHRlclwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbcmVxdWlyZWRdPVwiY29udHJvbC5pc1JlcXVpcmVkXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJjb250cm9sLmlzRGlzYWJsZWQgPyB0cnVlIDogZmFsc2VcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGFzdy1kYXRldGltZXBpY2tlci10b2dnbGUgW2Zvcl09XCJwaWNrZXJcIiBtYXRTdWZmaXg+PC9hc3ctZGF0ZXRpbWVwaWNrZXItdG9nZ2xlPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8bWF0LWVycm9yICpuZ0lmPVwiaW5wdXQuaW52YWxpZCAmJiAoaW5wdXQuZGlydHkgfHwgaW5wdXQudG91Y2hlZClcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJpbnB1dD8uZXJyb3JzPy5yZXF1aXJlZFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7Y29udHJvbC5sYWJlbCB8IGFzd1RyYW5zbGF0ZX19ICB7eydGb3JtQ29udHJvbC5Jc1JlcXVpcmVkJyB8IGFzd1RyYW5zbGF0ZX19XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9tYXQtZXJyb3I+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cclxuICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFjb250cm9sLmlzRGlzYWJsZVdlZWtlbmREYXRlc1wiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxtYXQtZm9ybS1maWVsZCBbYXBwZWFyYW5jZV09XCJjb250cm9sLnN0eWxlXCIgY2xhc3M9XCJhc3ctd2lkdGgtMTAwIHt7Y29udHJvbC5jdXN0b21DbGFzc319XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxtYXQtbGFiZWw+e3tjb250cm9sLmxhYmVsIHwgYXN3VHJhbnNsYXRlfX08L21hdC1sYWJlbD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGFzdy1kYXRldGltZXBpY2tlciAjZGF0ZXRpbWVQaWNrZXJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFt0eXBlXT1cImNvbnRyb2wudHlwZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbW9kZV09XCJjb250cm9sLm1vZGVcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAg