ctt-babylon 0.0.90 → 0.0.92

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/esm2022/lib/components/core/babylon-contact-form/babylon-contact-form.component.mjs +5 -4
  2. package/fesm2022/ctt-babylon.mjs +6 -5
  3. package/fesm2022/ctt-babylon.mjs.map +1 -1
  4. package/package.json +1 -1
package/esm2022/lib/components/core/babylon-contact-form/babylon-contact-form.component.mjs CHANGED
@@ -5,6 +5,7 @@ import { MatCheckboxModule } from '@angular/material/checkbox';
5
5
  import * as i0 from "@angular/core";
6
6
  import * as i1 from "@angular/forms";
7
7
  import * as i2 from "@angular/common";
8
+ import * as i3 from "@angular/material/checkbox";
8
9
  export class BabylonContactFormComponent {
9
10
  constructor(formGroup) {
10
11
  this.formGroup = formGroup;
@@ -12,7 +13,7 @@ export class BabylonContactFormComponent {
12
13
  name: ['', [Validators.required, Validators.minLength(3)]],
13
14
  email: ['', [Validators.required, Validators.email]],
14
15
  comment: ['', [Validators.required, Validators.minLength(10)]],
15
- termsConds: [false, [Validators.requiredTrue]]
16
+ checkbox: [false, [Validators.requiredTrue]]
16
17
  });
17
18
  }
18
19
  onSubmit() {
@@ -24,7 +25,7 @@ export class BabylonContactFormComponent {
24
25
  }
25
26
  }
26
27
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonContactFormComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
27
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonContactFormComponent, isStandalone: true, selector: "lib-babylon-contact-form", ngImport: i0, template: "<section class=\"babylon__contact-form margin-main \"> \r\n <div class=\"container\">\r\n <div class=\"row cs_gap_y_50\">\r\n <div class=\"col-lg-6\">\r\n <div class=\"cs_pr_100\"> \r\n <div class=\"intro_info mb--40\">\r\n <h3 class=\"subtitle\">Contact Form </h3>\r\n <h2 class=\"title wow fadeInUp\" data-wow-duration=\"0.8s\" data-wow-delay=\"0.2s\">Contact Babylon</h2> \r\n <p class=\"text mb--0\">Reach out to us via phone, email, or through our convenient online form. We look forward to hearing from you and helping you plan your unforgettable experience at Babylon Resort.</p>\r\n </div> \r\n <!-- <form action=\"#\" class=\"cs_form cs_style_2\">\r\n <label class=\"text mb--10\">Full Name*</label>\r\n <input type=\"text\" class=\"cs_form_field_2 cs--radius\">\r\n <div class=\"cs_height_16 cs_height_lg_16\"></div>\r\n <label class=\"text mb--10\">Email*</label>\r\n <input type=\"text\" class=\"cs_form_field_2 cs--radius\">\r\n <div class=\"cs_height_16 cs_height_lg_16\"></div>\r\n <label class=\"text mb--10\">Write Your Comment*</label>\r\n <textarea cols=\"30\" rows=\"6\" class=\"cs_form_field_2 cs--radius\"></textarea>\r\n <div class=\"cs_height_25 cs_height_lg_25\"></div>\r\n <div class=\"btns__box align--center\">\r\n <button class=\"btn btn_primary\" type=\"submit\">\r\n <b>Send Message</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </button>\r\n </div> \r\n </form> -->\r\n\r\n <div class=\"form-container\">\r\n <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\r\n <div>\r\n <label for=\"name\">Full Name*</label>\r\n <input\r\n id=\"name\"\r\n formControlName=\"name\"\r\n type=\"text\"\r\n placeholder=\"Full name\"\r\n />\r\n <div *ngIf=\"form.get('name')?.invalid && form.get('name')?.touched\">\r\n <small *ngIf=\"form.get('name')?.hasError('required')\">Este campo es obligatorio.</small>\r\n <small *ngIf=\"form.get('name')?.hasError('minlength')\">El nombre debe tener al menos 3 caracteres.</small>\r\n </div>\r\n </div>\r\n \r\n <div>\r\n <label for=\"email\">Email*</label>\r\n <input\r\n id=\"email\"\r\n formControlName=\"email\"\r\n type=\"email\"\r\n placeholder=\"Your email\"\r\n />\r\n <div *ngIf=\"form.get('email')?.invalid && form.get('email')?.touched\">\r\n <small *ngIf=\"form.get('email')?.hasError('required')\">This field is required.</small>\r\n <small *ngIf=\"form.get('email')?.hasError('email')\">The email is not valid.</small>\r\n </div>\r\n </div>\r\n \r\n <div>\r\n <label for=\"comment\">Write Your Comment*</label>\r\n <textarea\r\n id=\"comment\"\r\n formControlName=\"comment\"\r\n placeholder=\"Write your comment\"\r\n ></textarea>\r\n <div *ngIf=\"form.get('comment')?.invalid && form.get('comment')?.touched\">\r\n <small *ngIf=\"form.get('comment')?.hasError('required')\">This field is required.</small>\r\n <small *ngIf=\"form.get('comment')?.hasError('minlength')\">The comment must be at least 10 characters.</small>\r\n </div>\r\n </div>\r\n \r\n <div>\r\n <label>\r\n <input type=\"checkbox\" formControlName=\"acepto\" />\r\n Acepto el aviso legal\r\n </label>\r\n <div *ngIf=\"form.get('acepto')?.invalid && form.get('acepto')?.touched\">\r\n <small *ngIf=\"form.get('acepto')?.hasError('requiredTrue')\">Debes aceptar el aviso legal.</small>\r\n </div>\r\n </div>\r\n \r\n <button type=\"submit\" [disabled]=\"form.invalid\">Send Message</button>\r\n </form>\r\n </div>\r\n \r\n </div>\r\n </div>\r\n <div class=\"col-lg-6\">\r\n <div class=\"cs_image_layer cs_style_3 position-relative\">\r\n <img src=\"/assets/babylon/fotos/contact_img.jpeg\" alt=\"Contact\" class=\"cs--radius\">\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</section>\r\n\r\n<section class=\"babylon__contact-address margin-main \"> \r\n <div class=\"container\">\r\n <div class=\"cs_contact_info_boxes\">\r\n <div class=\"cs_contact_info_box\">\r\n <div class=\"cs_iconbox cs_style_4\">\r\n <div class=\"cs_iconbox_icon cs_center rounded-circle\">\r\n <div class=\"info--icon icon--medium \">\r\n <i class=\"icon--svg icon-mountain_view_ico_small \"></i> \r\n </div> \r\n </div>\r\n <div class=\"cs_iconbox_right\">\r\n <div class=\"intro_info1 no-align\"> \r\n <h2 class=\"title--smaller mb--0\">Address Babylon</h2> \r\n <p class=\"text mb--0\"> 452 15h Street, Office 741, Ohio, De 47754, USA</p>\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"cs_contact_info_box\">\r\n <div class=\"cs_iconbox cs_style_4\">\r\n <div class=\"cs_iconbox_icon cs_center rounded-circle\">\r\n <div class=\"info--icon icon--medium \">\r\n <i class=\"icon--svg icon-mountain_view_ico_small\"></i> \r\n </div> \r\n </div>\r\n <div class=\"cs_iconbox_right\">\r\n <div class=\"intro_info1 no-align\"> \r\n <h2 class=\"title--smaller mb--0\">Email address</h2> \r\n <p class=\"text mb--0\"><a href=\"mailto:info-babylon.com\">inf-babylon.com</a> </p>\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"cs_contact_info_box\">\r\n <div class=\"cs_iconbox cs_style_4\">\r\n <div class=\"cs_iconbox_icon cs_center rounded-circle\">\r\n <div class=\"info--icon icon--medium \">\r\n <i class=\"icon--svg icon-phone1_ico_small\"></i> \r\n </div> \r\n </div>\r\n <div class=\"cs_iconbox_right\">\r\n <div class=\"intro_info1 no-align\"> \r\n <h2 class=\"title--smaller mb--0\">Reservations</h2> \r\n <p class=\"text mb--0\"><a href=\"tel:+214544512009\">+21 454 451 2009</a> </p>\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </section>", styles: [".cs_form_field_2{display:block;width:100%;border:1px solid var(--cl_border-dark);padding:7px 20px;min-height:47px;outline:none;background-color:transparent}.cs_form_field_2:focus{border-color:var(--cl_accent)}.cs_image_layer.cs_style_3.cs_type_1,.cs_image_layer.cs_style_4.cs_type_1{border-radius:250px 0}.cs_image_layer.cs_style_3.cs_type_1 img,.cs_image_layer.cs_style_4.cs_type_1 img{border-radius:inherit}.cs_image_layer.cs_style_3.cs_type_1:before,.cs_image_layer.cs_style_4.cs_type_1:before{border-radius:225px 0}.cs_iconbox.cs_style_4{display:flex;gap:24px;align-items:center}.cs_iconbox.cs_style_4:not(:last-child){margin-bottom:40px}.cs_iconbox.cs_style_4 .cs_iconbox_icon{height:88px;width:88px;border:1px solid var(--cl_icon);flex:none}.cs_iconbox.cs_style_4 .cs_iconbox_icon img{flex:none;height:40px;width:40px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] }); }
28
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonContactFormComponent, isStandalone: true, selector: "lib-babylon-contact-form", ngImport: i0, template: "<section class=\"babylon__contact-form margin-main \"> \r\n <div class=\"container\">\r\n <div class=\"row cs_gap_y_50\">\r\n <div class=\"col-lg-6\">\r\n <div class=\"cs_pr_100\"> \r\n <div class=\"intro_info mb--40\">\r\n <h3 class=\"subtitle\">Contact Form </h3>\r\n <h2 class=\"title wow fadeInUp\" data-wow-duration=\"0.8s\" data-wow-delay=\"0.2s\">Contact Babylon</h2> \r\n <p class=\"text mb--0\">Reach out to us via phone, email, or through our convenient online form. We look forward to hearing from you and helping you plan your unforgettable experience at Babylon Resort.</p>\r\n </div> \r\n <!-- <form action=\"#\" class=\"cs_form cs_style_2\">\r\n <label class=\"text mb--10\">Full Name*</label>\r\n <input type=\"text\" class=\"cs_form_field_2 cs--radius\">\r\n <div class=\"cs_height_16 cs_height_lg_16\"></div>\r\n <label class=\"text mb--10\">Email*</label>\r\n <input type=\"text\" class=\"cs_form_field_2 cs--radius\">\r\n <div class=\"cs_height_16 cs_height_lg_16\"></div>\r\n <label class=\"text mb--10\">Write Your Comment*</label>\r\n <textarea cols=\"30\" rows=\"6\" class=\"cs_form_field_2 cs--radius\"></textarea>\r\n <div class=\"cs_height_25 cs_height_lg_25\"></div>\r\n <div class=\"btns__box align--center\">\r\n <button class=\"btn btn_primary\" type=\"submit\">\r\n <b>Send Message</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </button>\r\n </div> \r\n </form> -->\r\n\r\n <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\" class=\"cs_form cs_style_2\">\r\n <div>\r\n <label for=\"name\" class=\"text mb--10\">Full Name*</label>\r\n <input\r\n id=\"name\"\r\n formControlName=\"name\"\r\n type=\"text\"\r\n placeholder=\"Full name\"\r\n class=\"cs_form_field_2 cs--radius\"\r\n />\r\n <div class=\"form-warning\" *ngIf=\"form.get('name')?.invalid && form.get('name')?.touched\">\r\n <small *ngIf=\"form.get('name')?.hasError('required')\">Este campo es obligatorio.</small>\r\n <small *ngIf=\"form.get('name')?.hasError('minlength')\">El nombre debe tener al menos 3 caracteres.</small>\r\n </div>\r\n </div>\r\n \r\n <div>\r\n <label for=\"email\" class=\"text mb--10\">Email*</label>\r\n <input\r\n id=\"email\"\r\n formControlName=\"email\"\r\n type=\"email\"\r\n placeholder=\"Your email\"\r\n class=\"cs_form_field_2 cs--radius\"\r\n />\r\n <div class=\"form-warning\" *ngIf=\"form.get('email')?.invalid && form.get('email')?.touched\">\r\n <small *ngIf=\"form.get('email')?.hasError('required')\">This field is required.</small>\r\n <small *ngIf=\"form.get('email')?.hasError('email')\">The email is not valid.</small>\r\n </div>\r\n </div>\r\n \r\n <div>\r\n <label for=\"comment\" class=\"text mb--10\">Write Your Comment*</label>\r\n <textarea\r\n id=\"comment\"\r\n formControlName=\"comment\"\r\n placeholder=\"Write your comment\"\r\n class=\"cs_form_field_2 cs--radius\"\r\n ></textarea>\r\n <div class=\"form-warning\" *ngIf=\"form.get('comment')?.invalid && form.get('comment')?.touched\">\r\n <small *ngIf=\"form.get('comment')?.hasError('required')\">This field is required.</small>\r\n <small *ngIf=\"form.get('comment')?.hasError('minlength')\">The comment must be at least 10 characters.</small>\r\n </div>\r\n </div>\r\n \r\n <div>\r\n <mat-checkbox\r\n class=\"formcontrol\"\r\n formControlName=\"checkbox\"\r\n ></mat-checkbox>\r\n\r\n <span class=\"conditions\">\r\n Accept\r\n <a href=\"/legal\"\r\n >legal notice and privacy policy</a\r\n >\r\n </span>\r\n <div class=\"form-warning\" *ngIf=\"form.get('acepto')?.invalid && form.get('acepto')?.touched\">\r\n <small *ngIf=\"form.get('acepto')?.hasError('requiredTrue')\">This field is required.</small>\r\n </div>\r\n </div>\r\n <div class=\"btns__box align--center\">\r\n <button class=\"btn btn_primary\" type=\"submit\" [disabled]=\"form.invalid\">\r\n <b>Send Message</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </button>\r\n </div>\r\n </form>\r\n \r\n </div>\r\n </div>\r\n <div class=\"col-lg-6\">\r\n <div class=\"cs_image_layer cs_style_3 position-relative\">\r\n <img src=\"/assets/babylon/fotos/contact_img.jpeg\" alt=\"Contact\" class=\"cs--radius\">\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</section>\r\n\r\n<section class=\"babylon__contact-address margin-main \"> \r\n <div class=\"container\">\r\n <div class=\"cs_contact_info_boxes\">\r\n <div class=\"cs_contact_info_box\">\r\n <div class=\"cs_iconbox cs_style_4\">\r\n <div class=\"cs_iconbox_icon cs_center rounded-circle\">\r\n <div class=\"info--icon icon--medium \">\r\n <i class=\"icon--svg icon-mountain_view_ico_small \"></i> \r\n </div> \r\n </div>\r\n <div class=\"cs_iconbox_right\">\r\n <div class=\"intro_info1 no-align\"> \r\n <h2 class=\"title--smaller mb--0\">Address Babylon</h2> \r\n <p class=\"text mb--0\"> 452 15h Street, Office 741, Ohio, De 47754, USA</p>\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"cs_contact_info_box\">\r\n <div class=\"cs_iconbox cs_style_4\">\r\n <div class=\"cs_iconbox_icon cs_center rounded-circle\">\r\n <div class=\"info--icon icon--medium \">\r\n <i class=\"icon--svg icon-mountain_view_ico_small\"></i> \r\n </div> \r\n </div>\r\n <div class=\"cs_iconbox_right\">\r\n <div class=\"intro_info1 no-align\"> \r\n <h2 class=\"title--smaller mb--0\">Email address</h2> \r\n <p class=\"text mb--0\"><a href=\"mailto:info-babylon.com\">inf-babylon.com</a> </p>\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"cs_contact_info_box\">\r\n <div class=\"cs_iconbox cs_style_4\">\r\n <div class=\"cs_iconbox_icon cs_center rounded-circle\">\r\n <div class=\"info--icon icon--medium \">\r\n <i class=\"icon--svg icon-phone1_ico_small\"></i> \r\n </div> \r\n </div>\r\n <div class=\"cs_iconbox_right\">\r\n <div class=\"intro_info1 no-align\"> \r\n <h2 class=\"title--smaller mb--0\">Reservations</h2> \r\n <p class=\"text mb--0\"><a href=\"tel:+214544512009\">+21 454 451 2009</a> </p>\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </section>", styles: [".cs_form_field_2{display:block;width:100%;border:1px solid var(--cl_border-dark);padding:7px 20px;min-height:47px;outline:none;background-color:transparent}.cs_form_field_2:focus{border-color:var(--cl_accent)}.cs_image_layer.cs_style_3.cs_type_1,.cs_image_layer.cs_style_4.cs_type_1{border-radius:250px 0}.cs_image_layer.cs_style_3.cs_type_1 img,.cs_image_layer.cs_style_4.cs_type_1 img{border-radius:inherit}.cs_image_layer.cs_style_3.cs_type_1:before,.cs_image_layer.cs_style_4.cs_type_1:before{border-radius:225px 0}.cs_iconbox.cs_style_4{display:flex;gap:24px;align-items:center}.cs_iconbox.cs_style_4:not(:last-child){margin-bottom:40px}.cs_iconbox.cs_style_4 .cs_iconbox_icon{height:88px;width:88px;border:1px solid var(--cl_icon);flex:none}.cs_iconbox.cs_style_4 .cs_iconbox_icon img{flex:none;height:40px;width:40px}.form-warning{color:var(--ms-error);font-size:smaller}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i3.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] }); }
28
29
  }
29
30
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonContactFormComponent, decorators: [{
30
31
  type: Component,
@@ -33,6 +34,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
33
34
  CommonModule,
34
35
  MatCheckboxModule,
35
36
  ReactiveFormsModule
36
- ], template: "<section class=\"babylon__contact-form margin-main \"> \r\n <div class=\"container\">\r\n <div class=\"row cs_gap_y_50\">\r\n <div class=\"col-lg-6\">\r\n <div class=\"cs_pr_100\"> \r\n <div class=\"intro_info mb--40\">\r\n <h3 class=\"subtitle\">Contact Form </h3>\r\n <h2 class=\"title wow fadeInUp\" data-wow-duration=\"0.8s\" data-wow-delay=\"0.2s\">Contact Babylon</h2> \r\n <p class=\"text mb--0\">Reach out to us via phone, email, or through our convenient online form. We look forward to hearing from you and helping you plan your unforgettable experience at Babylon Resort.</p>\r\n </div> \r\n <!-- <form action=\"#\" class=\"cs_form cs_style_2\">\r\n <label class=\"text mb--10\">Full Name*</label>\r\n <input type=\"text\" class=\"cs_form_field_2 cs--radius\">\r\n <div class=\"cs_height_16 cs_height_lg_16\"></div>\r\n <label class=\"text mb--10\">Email*</label>\r\n <input type=\"text\" class=\"cs_form_field_2 cs--radius\">\r\n <div class=\"cs_height_16 cs_height_lg_16\"></div>\r\n <label class=\"text mb--10\">Write Your Comment*</label>\r\n <textarea cols=\"30\" rows=\"6\" class=\"cs_form_field_2 cs--radius\"></textarea>\r\n <div class=\"cs_height_25 cs_height_lg_25\"></div>\r\n <div class=\"btns__box align--center\">\r\n <button class=\"btn btn_primary\" type=\"submit\">\r\n <b>Send Message</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </button>\r\n </div> \r\n </form> -->\r\n\r\n <div class=\"form-container\">\r\n <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\r\n <div>\r\n <label for=\"name\">Full Name*</label>\r\n <input\r\n id=\"name\"\r\n formControlName=\"name\"\r\n type=\"text\"\r\n placeholder=\"Full name\"\r\n />\r\n <div *ngIf=\"form.get('name')?.invalid && form.get('name')?.touched\">\r\n <small *ngIf=\"form.get('name')?.hasError('required')\">Este campo es obligatorio.</small>\r\n <small *ngIf=\"form.get('name')?.hasError('minlength')\">El nombre debe tener al menos 3 caracteres.</small>\r\n </div>\r\n </div>\r\n \r\n <div>\r\n <label for=\"email\">Email*</label>\r\n <input\r\n id=\"email\"\r\n formControlName=\"email\"\r\n type=\"email\"\r\n placeholder=\"Your email\"\r\n />\r\n <div *ngIf=\"form.get('email')?.invalid && form.get('email')?.touched\">\r\n <small *ngIf=\"form.get('email')?.hasError('required')\">This field is required.</small>\r\n <small *ngIf=\"form.get('email')?.hasError('email')\">The email is not valid.</small>\r\n </div>\r\n </div>\r\n \r\n <div>\r\n <label for=\"comment\">Write Your Comment*</label>\r\n <textarea\r\n id=\"comment\"\r\n formControlName=\"comment\"\r\n placeholder=\"Write your comment\"\r\n ></textarea>\r\n <div *ngIf=\"form.get('comment')?.invalid && form.get('comment')?.touched\">\r\n <small *ngIf=\"form.get('comment')?.hasError('required')\">This field is required.</small>\r\n <small *ngIf=\"form.get('comment')?.hasError('minlength')\">The comment must be at least 10 characters.</small>\r\n </div>\r\n </div>\r\n \r\n <div>\r\n <label>\r\n <input type=\"checkbox\" formControlName=\"acepto\" />\r\n Acepto el aviso legal\r\n </label>\r\n <div *ngIf=\"form.get('acepto')?.invalid && form.get('acepto')?.touched\">\r\n <small *ngIf=\"form.get('acepto')?.hasError('requiredTrue')\">Debes aceptar el aviso legal.</small>\r\n </div>\r\n </div>\r\n \r\n <button type=\"submit\" [disabled]=\"form.invalid\">Send Message</button>\r\n </form>\r\n </div>\r\n \r\n </div>\r\n </div>\r\n <div class=\"col-lg-6\">\r\n <div class=\"cs_image_layer cs_style_3 position-relative\">\r\n <img src=\"/assets/babylon/fotos/contact_img.jpeg\" alt=\"Contact\" class=\"cs--radius\">\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</section>\r\n\r\n<section class=\"babylon__contact-address margin-main \"> \r\n <div class=\"container\">\r\n <div class=\"cs_contact_info_boxes\">\r\n <div class=\"cs_contact_info_box\">\r\n <div class=\"cs_iconbox cs_style_4\">\r\n <div class=\"cs_iconbox_icon cs_center rounded-circle\">\r\n <div class=\"info--icon icon--medium \">\r\n <i class=\"icon--svg icon-mountain_view_ico_small \"></i> \r\n </div> \r\n </div>\r\n <div class=\"cs_iconbox_right\">\r\n <div class=\"intro_info1 no-align\"> \r\n <h2 class=\"title--smaller mb--0\">Address Babylon</h2> \r\n <p class=\"text mb--0\"> 452 15h Street, Office 741, Ohio, De 47754, USA</p>\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"cs_contact_info_box\">\r\n <div class=\"cs_iconbox cs_style_4\">\r\n <div class=\"cs_iconbox_icon cs_center rounded-circle\">\r\n <div class=\"info--icon icon--medium \">\r\n <i class=\"icon--svg icon-mountain_view_ico_small\"></i> \r\n </div> \r\n </div>\r\n <div class=\"cs_iconbox_right\">\r\n <div class=\"intro_info1 no-align\"> \r\n <h2 class=\"title--smaller mb--0\">Email address</h2> \r\n <p class=\"text mb--0\"><a href=\"mailto:info-babylon.com\">inf-babylon.com</a> </p>\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"cs_contact_info_box\">\r\n <div class=\"cs_iconbox cs_style_4\">\r\n <div class=\"cs_iconbox_icon cs_center rounded-circle\">\r\n <div class=\"info--icon icon--medium \">\r\n <i class=\"icon--svg icon-phone1_ico_small\"></i> \r\n </div> \r\n </div>\r\n <div class=\"cs_iconbox_right\">\r\n <div class=\"intro_info1 no-align\"> \r\n <h2 class=\"title--smaller mb--0\">Reservations</h2> \r\n <p class=\"text mb--0\"><a href=\"tel:+214544512009\">+21 454 451 2009</a> </p>\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </section>", styles: [".cs_form_field_2{display:block;width:100%;border:1px solid var(--cl_border-dark);padding:7px 20px;min-height:47px;outline:none;background-color:transparent}.cs_form_field_2:focus{border-color:var(--cl_accent)}.cs_image_layer.cs_style_3.cs_type_1,.cs_image_layer.cs_style_4.cs_type_1{border-radius:250px 0}.cs_image_layer.cs_style_3.cs_type_1 img,.cs_image_layer.cs_style_4.cs_type_1 img{border-radius:inherit}.cs_image_layer.cs_style_3.cs_type_1:before,.cs_image_layer.cs_style_4.cs_type_1:before{border-radius:225px 0}.cs_iconbox.cs_style_4{display:flex;gap:24px;align-items:center}.cs_iconbox.cs_style_4:not(:last-child){margin-bottom:40px}.cs_iconbox.cs_style_4 .cs_iconbox_icon{height:88px;width:88px;border:1px solid var(--cl_icon);flex:none}.cs_iconbox.cs_style_4 .cs_iconbox_icon img{flex:none;height:40px;width:40px}\n"] }]
37
+ ], template: "<section class=\"babylon__contact-form margin-main \"> \r\n <div class=\"container\">\r\n <div class=\"row cs_gap_y_50\">\r\n <div class=\"col-lg-6\">\r\n <div class=\"cs_pr_100\"> \r\n <div class=\"intro_info mb--40\">\r\n <h3 class=\"subtitle\">Contact Form </h3>\r\n <h2 class=\"title wow fadeInUp\" data-wow-duration=\"0.8s\" data-wow-delay=\"0.2s\">Contact Babylon</h2> \r\n <p class=\"text mb--0\">Reach out to us via phone, email, or through our convenient online form. We look forward to hearing from you and helping you plan your unforgettable experience at Babylon Resort.</p>\r\n </div> \r\n <!-- <form action=\"#\" class=\"cs_form cs_style_2\">\r\n <label class=\"text mb--10\">Full Name*</label>\r\n <input type=\"text\" class=\"cs_form_field_2 cs--radius\">\r\n <div class=\"cs_height_16 cs_height_lg_16\"></div>\r\n <label class=\"text mb--10\">Email*</label>\r\n <input type=\"text\" class=\"cs_form_field_2 cs--radius\">\r\n <div class=\"cs_height_16 cs_height_lg_16\"></div>\r\n <label class=\"text mb--10\">Write Your Comment*</label>\r\n <textarea cols=\"30\" rows=\"6\" class=\"cs_form_field_2 cs--radius\"></textarea>\r\n <div class=\"cs_height_25 cs_height_lg_25\"></div>\r\n <div class=\"btns__box align--center\">\r\n <button class=\"btn btn_primary\" type=\"submit\">\r\n <b>Send Message</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </button>\r\n </div> \r\n </form> -->\r\n\r\n <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\" class=\"cs_form cs_style_2\">\r\n <div>\r\n <label for=\"name\" class=\"text mb--10\">Full Name*</label>\r\n <input\r\n id=\"name\"\r\n formControlName=\"name\"\r\n type=\"text\"\r\n placeholder=\"Full name\"\r\n class=\"cs_form_field_2 cs--radius\"\r\n />\r\n <div class=\"form-warning\" *ngIf=\"form.get('name')?.invalid && form.get('name')?.touched\">\r\n <small *ngIf=\"form.get('name')?.hasError('required')\">Este campo es obligatorio.</small>\r\n <small *ngIf=\"form.get('name')?.hasError('minlength')\">El nombre debe tener al menos 3 caracteres.</small>\r\n </div>\r\n </div>\r\n \r\n <div>\r\n <label for=\"email\" class=\"text mb--10\">Email*</label>\r\n <input\r\n id=\"email\"\r\n formControlName=\"email\"\r\n type=\"email\"\r\n placeholder=\"Your email\"\r\n class=\"cs_form_field_2 cs--radius\"\r\n />\r\n <div class=\"form-warning\" *ngIf=\"form.get('email')?.invalid && form.get('email')?.touched\">\r\n <small *ngIf=\"form.get('email')?.hasError('required')\">This field is required.</small>\r\n <small *ngIf=\"form.get('email')?.hasError('email')\">The email is not valid.</small>\r\n </div>\r\n </div>\r\n \r\n <div>\r\n <label for=\"comment\" class=\"text mb--10\">Write Your Comment*</label>\r\n <textarea\r\n id=\"comment\"\r\n formControlName=\"comment\"\r\n placeholder=\"Write your comment\"\r\n class=\"cs_form_field_2 cs--radius\"\r\n ></textarea>\r\n <div class=\"form-warning\" *ngIf=\"form.get('comment')?.invalid && form.get('comment')?.touched\">\r\n <small *ngIf=\"form.get('comment')?.hasError('required')\">This field is required.</small>\r\n <small *ngIf=\"form.get('comment')?.hasError('minlength')\">The comment must be at least 10 characters.</small>\r\n </div>\r\n </div>\r\n \r\n <div>\r\n <mat-checkbox\r\n class=\"formcontrol\"\r\n formControlName=\"checkbox\"\r\n ></mat-checkbox>\r\n\r\n <span class=\"conditions\">\r\n Accept\r\n <a href=\"/legal\"\r\n >legal notice and privacy policy</a\r\n >\r\n </span>\r\n <div class=\"form-warning\" *ngIf=\"form.get('acepto')?.invalid && form.get('acepto')?.touched\">\r\n <small *ngIf=\"form.get('acepto')?.hasError('requiredTrue')\">This field is required.</small>\r\n </div>\r\n </div>\r\n <div class=\"btns__box align--center\">\r\n <button class=\"btn btn_primary\" type=\"submit\" [disabled]=\"form.invalid\">\r\n <b>Send Message</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </button>\r\n </div>\r\n </form>\r\n \r\n </div>\r\n </div>\r\n <div class=\"col-lg-6\">\r\n <div class=\"cs_image_layer cs_style_3 position-relative\">\r\n <img src=\"/assets/babylon/fotos/contact_img.jpeg\" alt=\"Contact\" class=\"cs--radius\">\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</section>\r\n\r\n<section class=\"babylon__contact-address margin-main \"> \r\n <div class=\"container\">\r\n <div class=\"cs_contact_info_boxes\">\r\n <div class=\"cs_contact_info_box\">\r\n <div class=\"cs_iconbox cs_style_4\">\r\n <div class=\"cs_iconbox_icon cs_center rounded-circle\">\r\n <div class=\"info--icon icon--medium \">\r\n <i class=\"icon--svg icon-mountain_view_ico_small \"></i> \r\n </div> \r\n </div>\r\n <div class=\"cs_iconbox_right\">\r\n <div class=\"intro_info1 no-align\"> \r\n <h2 class=\"title--smaller mb--0\">Address Babylon</h2> \r\n <p class=\"text mb--0\"> 452 15h Street, Office 741, Ohio, De 47754, USA</p>\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"cs_contact_info_box\">\r\n <div class=\"cs_iconbox cs_style_4\">\r\n <div class=\"cs_iconbox_icon cs_center rounded-circle\">\r\n <div class=\"info--icon icon--medium \">\r\n <i class=\"icon--svg icon-mountain_view_ico_small\"></i> \r\n </div> \r\n </div>\r\n <div class=\"cs_iconbox_right\">\r\n <div class=\"intro_info1 no-align\"> \r\n <h2 class=\"title--smaller mb--0\">Email address</h2> \r\n <p class=\"text mb--0\"><a href=\"mailto:info-babylon.com\">inf-babylon.com</a> </p>\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"cs_contact_info_box\">\r\n <div class=\"cs_iconbox cs_style_4\">\r\n <div class=\"cs_iconbox_icon cs_center rounded-circle\">\r\n <div class=\"info--icon icon--medium \">\r\n <i class=\"icon--svg icon-phone1_ico_small\"></i> \r\n </div> \r\n </div>\r\n <div class=\"cs_iconbox_right\">\r\n <div class=\"intro_info1 no-align\"> \r\n <h2 class=\"title--smaller mb--0\">Reservations</h2> \r\n <p class=\"text mb--0\"><a href=\"tel:+214544512009\">+21 454 451 2009</a> </p>\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </section>", styles: [".cs_form_field_2{display:block;width:100%;border:1px solid var(--cl_border-dark);padding:7px 20px;min-height:47px;outline:none;background-color:transparent}.cs_form_field_2:focus{border-color:var(--cl_accent)}.cs_image_layer.cs_style_3.cs_type_1,.cs_image_layer.cs_style_4.cs_type_1{border-radius:250px 0}.cs_image_layer.cs_style_3.cs_type_1 img,.cs_image_layer.cs_style_4.cs_type_1 img{border-radius:inherit}.cs_image_layer.cs_style_3.cs_type_1:before,.cs_image_layer.cs_style_4.cs_type_1:before{border-radius:225px 0}.cs_iconbox.cs_style_4{display:flex;gap:24px;align-items:center}.cs_iconbox.cs_style_4:not(:last-child){margin-bottom:40px}.cs_iconbox.cs_style_4 .cs_iconbox_icon{height:88px;width:88px;border:1px solid var(--cl_icon);flex:none}.cs_iconbox.cs_style_4 .cs_iconbox_icon img{flex:none;height:40px;width:40px}.form-warning{color:var(--ms-error);font-size:smaller}\n"] }]
37
38
  }], ctorParameters: () => [{ type: i1.FormBuilder }] });
38
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFieWxvbi1jb250YWN0LWZvcm0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFieWxvbi9zcmMvbGliL2NvbXBvbmVudHMvY29yZS9iYWJ5bG9uLWNvbnRhY3QtZm9ybS9iYWJ5bG9uLWNvbnRhY3QtZm9ybS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYWJ5bG9uL3NyYy9saWIvY29tcG9uZW50cy9jb3JlL2JhYnlsb24tY29udGFjdC1mb3JtL2JhYnlsb24tY29udGFjdC1mb3JtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFDLE9BQU8sRUFBMEIsV0FBVyxFQUFFLG1CQUFtQixFQUFFLFVBQVUsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3RHLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDOzs7O0FBYy9ELE1BQU0sT0FBTywyQkFBMkI7SUFHcEMsWUFBb0IsU0FBc0I7UUFBdEIsY0FBUyxHQUFULFNBQVMsQ0FBYTtRQUN4QyxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDO1lBQy9CLElBQUksRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDLFVBQVUsQ0FBQyxRQUFRLEVBQUUsVUFBVSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQzFELEtBQUssRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDLFVBQVUsQ0FBQyxRQUFRLEVBQUUsVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQ3BELE9BQU8sRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDLFVBQVUsQ0FBQyxRQUFRLEVBQUUsVUFBVSxDQUFDLFNBQVMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO1lBQzlELFVBQVUsRUFBRSxDQUFDLEtBQUssRUFBRSxDQUFDLFVBQVUsQ0FBQyxZQUFZLENBQUMsQ0FBQztTQUMvQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUU7WUFDbkIsT0FBTyxDQUFDLEdBQUcsQ0FBQyxnQkFBZ0IsRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQ2hEO2FBQU07WUFDTCxPQUFPLENBQUMsR0FBRyxDQUFDLGVBQWUsQ0FBQyxDQUFDO1NBQzlCO0lBQ0gsQ0FBQzsrR0FsQlEsMkJBQTJCO21HQUEzQiwyQkFBMkIsb0ZDakJ4Qyw2MlFBa0pZLG0zQkR6SVIsV0FBVyw0MEJBQ1gsWUFBWSxrSUFDWixpQkFBaUIsOEJBQ2pCLG1CQUFtQjs7NEZBS1YsMkJBQTJCO2tCQVp2QyxTQUFTOytCQUNFLDBCQUEwQixjQUN4QixJQUFJLFdBQ1A7d0JBQ1AsV0FBVzt3QkFDWCxZQUFZO3dCQUNaLGlCQUFpQjt3QkFDakIsbUJBQW1CO3FCQUNwQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBGb3JtQnVpbGRlciwgRm9ybUdyb3VwLCBGb3Jtc01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZSwgVmFsaWRhdG9ycyB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgTWF0Q2hlY2tib3hNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9jaGVja2JveCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1iYWJ5bG9uLWNvbnRhY3QtZm9ybScsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBGb3Jtc01vZHVsZSxcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIE1hdENoZWNrYm94TW9kdWxlLFxyXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZVxyXG4gIF0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2JhYnlsb24tY29udGFjdC1mb3JtLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vYmFieWxvbi1jb250YWN0LWZvcm0uY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBCYWJ5bG9uQ29udGFjdEZvcm1Db21wb25lbnQge1xyXG4gICAgZm9ybSE6IEZvcm1Hcm91cDtcclxuXHJcbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIGZvcm1Hcm91cDogRm9ybUJ1aWxkZXIpIHtcclxuICAgICAgdGhpcy5mb3JtID0gdGhpcy5mb3JtR3JvdXAuZ3JvdXAoe1xyXG4gICAgICAgIG5hbWU6IFsnJywgW1ZhbGlkYXRvcnMucmVxdWlyZWQsIFZhbGlkYXRvcnMubWluTGVuZ3RoKDMpXV0sXHJcbiAgICAgICAgZW1haWw6IFsnJywgW1ZhbGlkYXRvcnMucmVxdWlyZWQsIFZhbGlkYXRvcnMuZW1haWxdXSxcclxuICAgICAgICBjb21tZW50OiBbJycsIFtWYWxpZGF0b3JzLnJlcXVpcmVkLCBWYWxpZGF0b3JzLm1pbkxlbmd0aCgxMCldXSxcclxuICAgICAgICB0ZXJtc0NvbmRzOiBbZmFsc2UsIFtWYWxpZGF0b3JzLnJlcXVpcmVkVHJ1ZV1dXHJcbiAgICAgIH0pO1xyXG4gICAgfVxyXG5cclxuICAgIG9uU3VibWl0KCk6IHZvaWQge1xyXG4gICAgICBpZiAodGhpcy5mb3JtLnZhbGlkKSB7XHJcbiAgICAgICAgY29uc29sZS5sb2coJ1N1Ym1pdHRlZCBmb3JtJywgdGhpcy5mb3JtLnZhbHVlKTtcclxuICAgICAgfSBlbHNlIHtcclxuICAgICAgICBjb25zb2xlLmxvZygnRm9ybSBub3Qgc2VudCcpO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbn1cclxuIiwiPHNlY3Rpb24gY2xhc3M9XCJiYWJ5bG9uX19jb250YWN0LWZvcm0gbWFyZ2luLW1haW4gXCI+ICAgIFxyXG4gICAgPGRpdiBjbGFzcz1cImNvbnRhaW5lclwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJyb3cgY3NfZ2FwX3lfNTBcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbC1sZy02XCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY3NfcHJfMTAwXCI+IFxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpbnRyb19pbmZvIG1iLS00MFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8aDMgY2xhc3M9XCJzdWJ0aXRsZVwiPkNvbnRhY3QgRm9ybSA8L2gzPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8aDIgY2xhc3M9XCJ0aXRsZSB3b3cgZmFkZUluVXBcIiBkYXRhLXdvdy1kdXJhdGlvbj1cIjAuOHNcIiBkYXRhLXdvdy1kZWxheT1cIjAuMnNcIj5Db250YWN0IEJhYnlsb248L2gyPiAgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxwIGNsYXNzPVwidGV4dCBtYi0tMFwiPlJlYWNoIG91dCB0byB1cyB2aWEgcGhvbmUsIGVtYWlsLCBvciB0aHJvdWdoIG91ciBjb252ZW5pZW50IG9ubGluZSBmb3JtLiAgV2UgbG9vayBmb3J3YXJkIHRvIGhlYXJpbmcgZnJvbSB5b3UgYW5kIGhlbHBpbmcgeW91IHBsYW4geW91ciAgdW5mb3JnZXR0YWJsZSBleHBlcmllbmNlIGF0IEJhYnlsb24gUmVzb3J0LjwvcD5cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj4gICBcclxuICAgICAgICAgICAgICAgICAgICA8IS0tIDxmb3JtIGFjdGlvbj1cIiNcIiBjbGFzcz1cImNzX2Zvcm0gY3Nfc3R5bGVfMlwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9XCJ0ZXh0IG1iLS0xMFwiPkZ1bGwgTmFtZSo8L2xhYmVsPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT1cInRleHRcIiBjbGFzcz1cImNzX2Zvcm1fZmllbGRfMiBjcy0tcmFkaXVzXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjc19oZWlnaHRfMTYgY3NfaGVpZ2h0X2xnXzE2XCI+PC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxsYWJlbCBjbGFzcz1cInRleHQgbWItLTEwXCI+RW1haWwqPC9sYWJlbD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGlucHV0IHR5cGU9XCJ0ZXh0XCIgY2xhc3M9XCJjc19mb3JtX2ZpZWxkXzIgY3MtLXJhZGl1c1wiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY3NfaGVpZ2h0XzE2IGNzX2hlaWdodF9sZ18xNlwiPjwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9XCJ0ZXh0IG1iLS0xMFwiPldyaXRlIFlvdXIgQ29tbWVudCo8L2xhYmVsPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8dGV4dGFyZWEgY29scz1cIjMwXCIgcm93cz1cIjZcIiBjbGFzcz1cImNzX2Zvcm1fZmllbGRfMiBjcy0tcmFkaXVzXCI+PC90ZXh0YXJlYT5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNzX2hlaWdodF8yNSBjc19oZWlnaHRfbGdfMjVcIj48L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJ0bnNfX2JveCBhbGlnbi0tY2VudGVyXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8YnV0dG9uICAgY2xhc3M9XCJidG4gYnRuX3ByaW1hcnlcIiB0eXBlPVwic3VibWl0XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGI+U2VuZCBNZXNzYWdlPC9iPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiYmFieWxvbi1hcnJvdy1yaWdodC1iaWdcIj48L3NwYW4+IFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PiAgXHJcbiAgICAgICAgICAgICAgICAgICAgPC9mb3JtPiAtLT5cclxuXHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZvcm0tY29udGFpbmVyXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxmb3JtIFtmb3JtR3JvdXBdPVwiZm9ybVwiIChuZ1N1Ym1pdCk9XCJvblN1Ym1pdCgpXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxsYWJlbCBmb3I9XCJuYW1lXCI+RnVsbCBOYW1lKjwvbGFiZWw+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXRcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaWQ9XCJuYW1lXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZm9ybUNvbnRyb2xOYW1lPVwibmFtZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHR5cGU9XCJ0ZXh0XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9XCJGdWxsIG5hbWVcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJmb3JtLmdldCgnbmFtZScpPy5pbnZhbGlkICYmIGZvcm0uZ2V0KCduYW1lJyk/LnRvdWNoZWRcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNtYWxsICpuZ0lmPVwiZm9ybS5nZXQoJ25hbWUnKT8uaGFzRXJyb3IoJ3JlcXVpcmVkJylcIj5Fc3RlIGNhbXBvIGVzIG9ibGlnYXRvcmlvLjwvc21hbGw+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzbWFsbCAqbmdJZj1cImZvcm0uZ2V0KCduYW1lJyk/Lmhhc0Vycm9yKCdtaW5sZW5ndGgnKVwiPkVsIG5vbWJyZSBkZWJlIHRlbmVyIGFsIG1lbm9zIDMgY2FyYWN0ZXJlcy48L3NtYWxsPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICBcclxuICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGxhYmVsIGZvcj1cImVtYWlsXCI+RW1haWwqPC9sYWJlbD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbnB1dFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpZD1cImVtYWlsXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZm9ybUNvbnRyb2xOYW1lPVwiZW1haWxcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0eXBlPVwiZW1haWxcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcj1cIllvdXIgZW1haWxcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJmb3JtLmdldCgnZW1haWwnKT8uaW52YWxpZCAmJiBmb3JtLmdldCgnZW1haWwnKT8udG91Y2hlZFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c21hbGwgKm5nSWY9XCJmb3JtLmdldCgnZW1haWwnKT8uaGFzRXJyb3IoJ3JlcXVpcmVkJylcIj5UaGlzIGZpZWxkIGlzIHJlcXVpcmVkLjwvc21hbGw+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzbWFsbCAqbmdJZj1cImZvcm0uZ2V0KCdlbWFpbCcpPy5oYXNFcnJvcignZW1haWwnKVwiPlRoZSBlbWFpbCBpcyBub3QgdmFsaWQuPC9zbWFsbD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxsYWJlbCBmb3I9XCJjb21tZW50XCI+V3JpdGUgWW91ciBDb21tZW50KjwvbGFiZWw+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dGV4dGFyZWFcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaWQ9XCJjb21tZW50XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZm9ybUNvbnRyb2xOYW1lPVwiY29tbWVudFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBsYWNlaG9sZGVyPVwiV3JpdGUgeW91ciBjb21tZW50XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgID48L3RleHRhcmVhPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiAqbmdJZj1cImZvcm0uZ2V0KCdjb21tZW50Jyk/LmludmFsaWQgJiYgZm9ybS5nZXQoJ2NvbW1lbnQnKT8udG91Y2hlZFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c21hbGwgKm5nSWY9XCJmb3JtLmdldCgnY29tbWVudCcpPy5oYXNFcnJvcigncmVxdWlyZWQnKVwiPlRoaXMgZmllbGQgaXMgcmVxdWlyZWQuPC9zbWFsbD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNtYWxsICpuZ0lmPVwiZm9ybS5nZXQoJ2NvbW1lbnQnKT8uaGFzRXJyb3IoJ21pbmxlbmd0aCcpXCI+VGhlIGNvbW1lbnQgbXVzdCBiZSBhdCBsZWFzdCAxMCBjaGFyYWN0ZXJzLjwvc21hbGw+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgIFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bGFiZWw+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPVwiY2hlY2tib3hcIiBmb3JtQ29udHJvbE5hbWU9XCJhY2VwdG9cIiAvPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBBY2VwdG8gZWwgYXZpc28gbGVnYWxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvbGFiZWw+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2ICpuZ0lmPVwiZm9ybS5nZXQoJ2FjZXB0bycpPy5pbnZhbGlkICYmIGZvcm0uZ2V0KCdhY2VwdG8nKT8udG91Y2hlZFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c21hbGwgKm5nSWY9XCJmb3JtLmdldCgnYWNlcHRvJyk/Lmhhc0Vycm9yKCdyZXF1aXJlZFRydWUnKVwiPkRlYmVzIGFjZXB0YXIgZWwgYXZpc28gbGVnYWwuPC9zbWFsbD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiB0eXBlPVwic3VibWl0XCIgW2Rpc2FibGVkXT1cImZvcm0uaW52YWxpZFwiPlNlbmQgTWVzc2FnZTwvYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Zvcm0+XHJcbiAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgIFxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLWxnLTZcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjc19pbWFnZV9sYXllciBjc19zdHlsZV8zIHBvc2l0aW9uLXJlbGF0aXZlXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGltZyBzcmM9XCIvYXNzZXRzL2JhYnlsb24vZm90b3MvY29udGFjdF9pbWcuanBlZ1wiIGFsdD1cIkNvbnRhY3RcIiBjbGFzcz1cImNzLS1yYWRpdXNcIj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG48L3NlY3Rpb24+XHJcblxyXG48c2VjdGlvbiBjbGFzcz1cImJhYnlsb25fX2NvbnRhY3QtYWRkcmVzcyBtYXJnaW4tbWFpbiBcIj4gICAgIFxyXG4gICAgPGRpdiBjbGFzcz1cImNvbnRhaW5lclwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjc19jb250YWN0X2luZm9fYm94ZXNcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNzX2NvbnRhY3RfaW5mb19ib3hcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjc19pY29uYm94IGNzX3N0eWxlXzRcIj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY3NfaWNvbmJveF9pY29uIGNzX2NlbnRlciByb3VuZGVkLWNpcmNsZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaW5mby0taWNvbiBpY29uLS1tZWRpdW0gXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aSBjbGFzcz1cImljb24tLXN2ZyBpY29uLW1vdW50YWluX3ZpZXdfaWNvX3NtYWxsIFwiPjwvaT4gXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PiAgXHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNzX2ljb25ib3hfcmlnaHRcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImludHJvX2luZm8xIG5vLWFsaWduXCI+IFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGgyIGNsYXNzPVwidGl0bGUtLXNtYWxsZXIgbWItLTBcIj5BZGRyZXNzIEJhYnlsb248L2gyPiAgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cInRleHQgbWItLTBcIj4gNDUyIDE1aCBTdHJlZXQsIE9mZmljZSA3NDEsIE9oaW8sIERlIDQ3NzU0LCBVU0E8L3A+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PiAgIFxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY3NfY29udGFjdF9pbmZvX2JveFwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNzX2ljb25ib3ggY3Nfc3R5bGVfNFwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjc19pY29uYm94X2ljb24gY3NfY2VudGVyIHJvdW5kZWQtY2lyY2xlXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpbmZvLS1pY29uIGljb24tLW1lZGl1bSBcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpIGNsYXNzPVwiaWNvbi0tc3ZnICBpY29uLW1vdW50YWluX3ZpZXdfaWNvX3NtYWxsXCI+PC9pPiBcclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+ICAgXHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNzX2ljb25ib3hfcmlnaHRcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImludHJvX2luZm8xIG5vLWFsaWduXCI+IFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGgyIGNsYXNzPVwidGl0bGUtLXNtYWxsZXIgbWItLTBcIj5FbWFpbCBhZGRyZXNzPC9oMj4gIFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9XCJ0ZXh0IG1iLS0wXCI+PGEgaHJlZj1cIm1haWx0bzppbmZvLWJhYnlsb24uY29tXCI+aW5mLWJhYnlsb24uY29tPC9hPiAgPC9wPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj4gIFxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY3NfY29udGFjdF9pbmZvX2JveFwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNzX2ljb25ib3ggY3Nfc3R5bGVfNFwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjc19pY29uYm94X2ljb24gY3NfY2VudGVyIHJvdW5kZWQtY2lyY2xlXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpbmZvLS1pY29uIGljb24tLW1lZGl1bSBcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpIGNsYXNzPVwiaWNvbi0tc3ZnIGljb24tcGhvbmUxX2ljb19zbWFsbFwiPjwvaT4gXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PiAgIFxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjc19pY29uYm94X3JpZ2h0XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpbnRyb19pbmZvMSBuby1hbGlnblwiPiBcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxoMiBjbGFzcz1cInRpdGxlLS1zbWFsbGVyIG1iLS0wXCI+UmVzZXJ2YXRpb25zPC9oMj4gIFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9XCJ0ZXh0IG1iLS0wXCI+PGEgaHJlZj1cInRlbDorMjE0NTQ0NTEyMDA5XCI+KzIxIDQ1NCA0NTEgMjAwOTwvYT4gIDwvcD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+ICBcclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gIDwvc2VjdGlvbj4iXX0=
39
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFieWxvbi1jb250YWN0LWZvcm0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFieWxvbi9zcmMvbGliL2NvbXBvbmVudHMvY29yZS9iYWJ5bG9uLWNvbnRhY3QtZm9ybS9iYWJ5bG9uLWNvbnRhY3QtZm9ybS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYWJ5bG9uL3NyYy9saWIvY29tcG9uZW50cy9jb3JlL2JhYnlsb24tY29udGFjdC1mb3JtL2JhYnlsb24tY29udGFjdC1mb3JtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFDLE9BQU8sRUFBMEIsV0FBVyxFQUFFLG1CQUFtQixFQUFFLFVBQVUsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3RHLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDOzs7OztBQWMvRCxNQUFNLE9BQU8sMkJBQTJCO0lBR3BDLFlBQW9CLFNBQXNCO1FBQXRCLGNBQVMsR0FBVCxTQUFTLENBQWE7UUFDeEMsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQztZQUMvQixJQUFJLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxVQUFVLENBQUMsUUFBUSxFQUFFLFVBQVUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUMxRCxLQUFLLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxVQUFVLENBQUMsUUFBUSxFQUFFLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUNwRCxPQUFPLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxVQUFVLENBQUMsUUFBUSxFQUFFLFVBQVUsQ0FBQyxTQUFTLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztZQUM5RCxRQUFRLEVBQUUsQ0FBQyxLQUFLLEVBQUUsQ0FBQyxVQUFVLENBQUMsWUFBWSxDQUFDLENBQUM7U0FDN0MsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ25CLE9BQU8sQ0FBQyxHQUFHLENBQUMsZ0JBQWdCLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUNoRDthQUFNO1lBQ0wsT0FBTyxDQUFDLEdBQUcsQ0FBQyxlQUFlLENBQUMsQ0FBQztTQUM5QjtJQUNILENBQUM7K0dBbEJRLDJCQUEyQjttR0FBM0IsMkJBQTJCLG9GQ2pCeEMsd3VTQThKWSx5NkJEckpSLFdBQVcsMnBCQUNYLFlBQVksa0lBQ1osaUJBQWlCLDZXQUNqQixtQkFBbUI7OzRGQUtWLDJCQUEyQjtrQkFadkMsU0FBUzsrQkFDRSwwQkFBMEIsY0FDeEIsSUFBSSxXQUNQO3dCQUNQLFdBQVc7d0JBQ1gsWUFBWTt3QkFDWixpQkFBaUI7d0JBQ2pCLG1CQUFtQjtxQkFDcEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRm9ybUJ1aWxkZXIsIEZvcm1Hcm91cCwgRm9ybXNNb2R1bGUsIFJlYWN0aXZlRm9ybXNNb2R1bGUsIFZhbGlkYXRvcnMgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IE1hdENoZWNrYm94TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvY2hlY2tib3gnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItYmFieWxvbi1jb250YWN0LWZvcm0nLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW1xyXG4gICAgRm9ybXNNb2R1bGUsXHJcbiAgICBDb21tb25Nb2R1bGUsXHJcbiAgICBNYXRDaGVja2JveE1vZHVsZSxcclxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGVcclxuICBdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9iYWJ5bG9uLWNvbnRhY3QtZm9ybS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2JhYnlsb24tY29udGFjdC1mb3JtLmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgQmFieWxvbkNvbnRhY3RGb3JtQ29tcG9uZW50IHtcclxuICAgIGZvcm0hOiBGb3JtR3JvdXA7XHJcblxyXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBmb3JtR3JvdXA6IEZvcm1CdWlsZGVyKSB7XHJcbiAgICAgIHRoaXMuZm9ybSA9IHRoaXMuZm9ybUdyb3VwLmdyb3VwKHtcclxuICAgICAgICBuYW1lOiBbJycsIFtWYWxpZGF0b3JzLnJlcXVpcmVkLCBWYWxpZGF0b3JzLm1pbkxlbmd0aCgzKV1dLFxyXG4gICAgICAgIGVtYWlsOiBbJycsIFtWYWxpZGF0b3JzLnJlcXVpcmVkLCBWYWxpZGF0b3JzLmVtYWlsXV0sXHJcbiAgICAgICAgY29tbWVudDogWycnLCBbVmFsaWRhdG9ycy5yZXF1aXJlZCwgVmFsaWRhdG9ycy5taW5MZW5ndGgoMTApXV0sXHJcbiAgICAgICAgY2hlY2tib3g6IFtmYWxzZSwgW1ZhbGlkYXRvcnMucmVxdWlyZWRUcnVlXV1cclxuICAgICAgfSk7XHJcbiAgICB9XHJcblxyXG4gICAgb25TdWJtaXQoKTogdm9pZCB7XHJcbiAgICAgIGlmICh0aGlzLmZvcm0udmFsaWQpIHtcclxuICAgICAgICBjb25zb2xlLmxvZygnU3VibWl0dGVkIGZvcm0nLCB0aGlzLmZvcm0udmFsdWUpO1xyXG4gICAgICB9IGVsc2Uge1xyXG4gICAgICAgIGNvbnNvbGUubG9nKCdGb3JtIG5vdCBzZW50Jyk7XHJcbiAgICAgIH1cclxuICAgIH1cclxufVxyXG4iLCI8c2VjdGlvbiBjbGFzcz1cImJhYnlsb25fX2NvbnRhY3QtZm9ybSBtYXJnaW4tbWFpbiBcIj4gICAgXHJcbiAgICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInJvdyBjc19nYXBfeV81MFwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLWxnLTZcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjc19wcl8xMDBcIj4gXHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImludHJvX2luZm8gbWItLTQwXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxoMyBjbGFzcz1cInN1YnRpdGxlXCI+Q29udGFjdCBGb3JtIDwvaDM+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxoMiBjbGFzcz1cInRpdGxlIHdvdyBmYWRlSW5VcFwiIGRhdGEtd293LWR1cmF0aW9uPVwiMC44c1wiIGRhdGEtd293LWRlbGF5PVwiMC4yc1wiPkNvbnRhY3QgQmFieWxvbjwvaDI+ICBcclxuICAgICAgICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9XCJ0ZXh0IG1iLS0wXCI+UmVhY2ggb3V0IHRvIHVzIHZpYSBwaG9uZSwgZW1haWwsIG9yIHRocm91Z2ggb3VyIGNvbnZlbmllbnQgb25saW5lIGZvcm0uICBXZSBsb29rIGZvcndhcmQgdG8gaGVhcmluZyBmcm9tIHlvdSBhbmQgaGVscGluZyB5b3UgcGxhbiB5b3VyICB1bmZvcmdldHRhYmxlIGV4cGVyaWVuY2UgYXQgQmFieWxvbiBSZXNvcnQuPC9wPlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PiAgIFxyXG4gICAgICAgICAgICAgICAgICAgIDwhLS0gPGZvcm0gYWN0aW9uPVwiI1wiIGNsYXNzPVwiY3NfZm9ybSBjc19zdHlsZV8yXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxsYWJlbCBjbGFzcz1cInRleHQgbWItLTEwXCI+RnVsbCBOYW1lKjwvbGFiZWw+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPVwidGV4dFwiIGNsYXNzPVwiY3NfZm9ybV9maWVsZF8yIGNzLS1yYWRpdXNcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNzX2hlaWdodF8xNiBjc19oZWlnaHRfbGdfMTZcIj48L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGxhYmVsIGNsYXNzPVwidGV4dCBtYi0tMTBcIj5FbWFpbCo8L2xhYmVsPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT1cInRleHRcIiBjbGFzcz1cImNzX2Zvcm1fZmllbGRfMiBjcy0tcmFkaXVzXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjc19oZWlnaHRfMTYgY3NfaGVpZ2h0X2xnXzE2XCI+PC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxsYWJlbCBjbGFzcz1cInRleHQgbWItLTEwXCI+V3JpdGUgWW91ciBDb21tZW50KjwvbGFiZWw+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDx0ZXh0YXJlYSBjb2xzPVwiMzBcIiByb3dzPVwiNlwiIGNsYXNzPVwiY3NfZm9ybV9maWVsZF8yIGNzLS1yYWRpdXNcIj48L3RleHRhcmVhPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY3NfaGVpZ2h0XzI1IGNzX2hlaWdodF9sZ18yNVwiPjwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYnRuc19fYm94IGFsaWduLS1jZW50ZXJcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxidXR0b24gICBjbGFzcz1cImJ0biBidG5fcHJpbWFyeVwiIHR5cGU9XCJzdWJtaXRcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Yj5TZW5kIE1lc3NhZ2U8L2I+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJiYWJ5bG9uLWFycm93LXJpZ2h0LWJpZ1wiPjwvc3Bhbj4gXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+ICBcclxuICAgICAgICAgICAgICAgICAgICA8L2Zvcm0+IC0tPlxyXG5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGZvcm0gW2Zvcm1Hcm91cF09XCJmb3JtXCIgKG5nU3VibWl0KT1cIm9uU3VibWl0KClcIiBjbGFzcz1cImNzX2Zvcm0gY3Nfc3R5bGVfMlwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bGFiZWwgZm9yPVwibmFtZVwiIGNsYXNzPVwidGV4dCBtYi0tMTBcIj5GdWxsIE5hbWUqPC9sYWJlbD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbnB1dFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpZD1cIm5hbWVcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmb3JtQ29udHJvbE5hbWU9XCJuYW1lXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdHlwZT1cInRleHRcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcj1cIkZ1bGwgbmFtZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiY3NfZm9ybV9maWVsZF8yIGNzLS1yYWRpdXNcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmb3JtLXdhcm5pbmdcIiAqbmdJZj1cImZvcm0uZ2V0KCduYW1lJyk/LmludmFsaWQgJiYgZm9ybS5nZXQoJ25hbWUnKT8udG91Y2hlZFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c21hbGwgKm5nSWY9XCJmb3JtLmdldCgnbmFtZScpPy5oYXNFcnJvcigncmVxdWlyZWQnKVwiPkVzdGUgY2FtcG8gZXMgb2JsaWdhdG9yaW8uPC9zbWFsbD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNtYWxsICpuZ0lmPVwiZm9ybS5nZXQoJ25hbWUnKT8uaGFzRXJyb3IoJ21pbmxlbmd0aCcpXCI+RWwgbm9tYnJlIGRlYmUgdGVuZXIgYWwgbWVub3MgMyBjYXJhY3RlcmVzLjwvc21hbGw+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgIFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bGFiZWwgZm9yPVwiZW1haWxcIiBjbGFzcz1cInRleHQgbWItLTEwXCI+RW1haWwqPC9sYWJlbD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbnB1dFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpZD1cImVtYWlsXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZm9ybUNvbnRyb2xOYW1lPVwiZW1haWxcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0eXBlPVwiZW1haWxcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcj1cIllvdXIgZW1haWxcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImNzX2Zvcm1fZmllbGRfMiBjcy0tcmFkaXVzXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZm9ybS13YXJuaW5nXCIgKm5nSWY9XCJmb3JtLmdldCgnZW1haWwnKT8uaW52YWxpZCAmJiBmb3JtLmdldCgnZW1haWwnKT8udG91Y2hlZFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c21hbGwgKm5nSWY9XCJmb3JtLmdldCgnZW1haWwnKT8uaGFzRXJyb3IoJ3JlcXVpcmVkJylcIj5UaGlzIGZpZWxkIGlzIHJlcXVpcmVkLjwvc21hbGw+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzbWFsbCAqbmdJZj1cImZvcm0uZ2V0KCdlbWFpbCcpPy5oYXNFcnJvcignZW1haWwnKVwiPlRoZSBlbWFpbCBpcyBub3QgdmFsaWQuPC9zbWFsbD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxsYWJlbCBmb3I9XCJjb21tZW50XCIgY2xhc3M9XCJ0ZXh0IG1iLS0xMFwiPldyaXRlIFlvdXIgQ29tbWVudCo8L2xhYmVsPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHRleHRhcmVhXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlkPVwiY29tbWVudFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZvcm1Db250cm9sTmFtZT1cImNvbW1lbnRcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcj1cIldyaXRlIHlvdXIgY29tbWVudFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiY3NfZm9ybV9maWVsZF8yIGNzLS1yYWRpdXNcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPjwvdGV4dGFyZWE+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZm9ybS13YXJuaW5nXCIgKm5nSWY9XCJmb3JtLmdldCgnY29tbWVudCcpPy5pbnZhbGlkICYmIGZvcm0uZ2V0KCdjb21tZW50Jyk/LnRvdWNoZWRcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNtYWxsICpuZ0lmPVwiZm9ybS5nZXQoJ2NvbW1lbnQnKT8uaGFzRXJyb3IoJ3JlcXVpcmVkJylcIj5UaGlzIGZpZWxkIGlzIHJlcXVpcmVkLjwvc21hbGw+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzbWFsbCAqbmdJZj1cImZvcm0uZ2V0KCdjb21tZW50Jyk/Lmhhc0Vycm9yKCdtaW5sZW5ndGgnKVwiPlRoZSBjb21tZW50IG11c3QgYmUgYXQgbGVhc3QgMTAgY2hhcmFjdGVycy48L3NtYWxsPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICBcclxuICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1jaGVja2JveFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiZm9ybWNvbnRyb2xcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZvcm1Db250cm9sTmFtZT1cImNoZWNrYm94XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgID48L21hdC1jaGVja2JveD5cclxuXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImNvbmRpdGlvbnNcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBBY2NlcHRcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8YSBocmVmPVwiL2xlZ2FsXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPmxlZ2FsIG5vdGljZSBhbmQgcHJpdmFjeSBwb2xpY3k8L2FcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZm9ybS13YXJuaW5nXCIgKm5nSWY9XCJmb3JtLmdldCgnYWNlcHRvJyk/LmludmFsaWQgJiYgZm9ybS5nZXQoJ2FjZXB0bycpPy50b3VjaGVkXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzbWFsbCAqbmdJZj1cImZvcm0uZ2V0KCdhY2VwdG8nKT8uaGFzRXJyb3IoJ3JlcXVpcmVkVHJ1ZScpXCI+VGhpcyBmaWVsZCBpcyByZXF1aXJlZC48L3NtYWxsPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJ0bnNfX2JveCBhbGlnbi0tY2VudGVyXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cImJ0biBidG5fcHJpbWFyeVwiIHR5cGU9XCJzdWJtaXRcIiBbZGlzYWJsZWRdPVwiZm9ybS5pbnZhbGlkXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxiPlNlbmQgTWVzc2FnZTwvYj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJiYWJ5bG9uLWFycm93LXJpZ2h0LWJpZ1wiPjwvc3Bhbj4gXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9mb3JtPlxyXG4gICAgICAgICAgICAgICAgICAgICAgXHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wtbGctNlwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNzX2ltYWdlX2xheWVyIGNzX3N0eWxlXzMgcG9zaXRpb24tcmVsYXRpdmVcIj5cclxuICAgICAgICAgICAgICAgICAgICA8aW1nIHNyYz1cIi9hc3NldHMvYmFieWxvbi9mb3Rvcy9jb250YWN0X2ltZy5qcGVnXCIgYWx0PVwiQ29udGFjdFwiIGNsYXNzPVwiY3MtLXJhZGl1c1wiPlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvc2VjdGlvbj5cclxuXHJcbjxzZWN0aW9uIGNsYXNzPVwiYmFieWxvbl9fY29udGFjdC1hZGRyZXNzIG1hcmdpbi1tYWluIFwiPiAgICAgXHJcbiAgICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNzX2NvbnRhY3RfaW5mb19ib3hlc1wiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY3NfY29udGFjdF9pbmZvX2JveFwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNzX2ljb25ib3ggY3Nfc3R5bGVfNFwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjc19pY29uYm94X2ljb24gY3NfY2VudGVyIHJvdW5kZWQtY2lyY2xlXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpbmZvLS1pY29uIGljb24tLW1lZGl1bSBcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpIGNsYXNzPVwiaWNvbi0tc3ZnIGljb24tbW91bnRhaW5fdmlld19pY29fc21hbGwgXCI+PC9pPiBcclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+ICBcclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY3NfaWNvbmJveF9yaWdodFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaW50cm9faW5mbzEgbm8tYWxpZ25cIj4gXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aDIgY2xhc3M9XCJ0aXRsZS0tc21hbGxlciBtYi0tMFwiPkFkZHJlc3MgQmFieWxvbjwvaDI+ICBcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwIGNsYXNzPVwidGV4dCBtYi0tMFwiPiA0NTIgMTVoIFN0cmVldCwgT2ZmaWNlIDc0MSwgT2hpbywgRGUgNDc3NTQsIFVTQTwvcD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+ICAgXHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjc19jb250YWN0X2luZm9fYm94XCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY3NfaWNvbmJveCBjc19zdHlsZV80XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNzX2ljb25ib3hfaWNvbiBjc19jZW50ZXIgcm91bmRlZC1jaXJjbGVcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImluZm8tLWljb24gaWNvbi0tbWVkaXVtIFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGkgY2xhc3M9XCJpY29uLS1zdmcgIGljb24tbW91bnRhaW5fdmlld19pY29fc21hbGxcIj48L2k+IFxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj4gICBcclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY3NfaWNvbmJveF9yaWdodFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaW50cm9faW5mbzEgbm8tYWxpZ25cIj4gXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aDIgY2xhc3M9XCJ0aXRsZS0tc21hbGxlciBtYi0tMFwiPkVtYWlsIGFkZHJlc3M8L2gyPiAgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cInRleHQgbWItLTBcIj48YSBocmVmPVwibWFpbHRvOmluZm8tYmFieWxvbi5jb21cIj5pbmYtYmFieWxvbi5jb208L2E+ICA8L3A+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PiAgXHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjc19jb250YWN0X2luZm9fYm94XCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY3NfaWNvbmJveCBjc19zdHlsZV80XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNzX2ljb25ib3hfaWNvbiBjc19jZW50ZXIgcm91bmRlZC1jaXJjbGVcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImluZm8tLWljb24gaWNvbi0tbWVkaXVtIFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGkgY2xhc3M9XCJpY29uLS1zdmcgaWNvbi1waG9uZTFfaWNvX3NtYWxsXCI+PC9pPiBcclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+ICAgXHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNzX2ljb25ib3hfcmlnaHRcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImludHJvX2luZm8xIG5vLWFsaWduXCI+IFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGgyIGNsYXNzPVwidGl0bGUtLXNtYWxsZXIgbWItLTBcIj5SZXNlcnZhdGlvbnM8L2gyPiAgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cInRleHQgbWItLTBcIj48YSBocmVmPVwidGVsOisyMTQ1NDQ1MTIwMDlcIj4rMjEgNDU0IDQ1MSAyMDA5PC9hPiAgPC9wPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj4gIFxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9zZWN0aW9uPiJdfQ==
package/fesm2022/ctt-babylon.mjs CHANGED
@@ -4,12 +4,13 @@ import * as i1$1 from '@angular/common';
4
4
  import { CommonModule } from '@angular/common';
5
5
  import * as i1 from '@angular/forms';
6
6
  import { Validators, FormsModule, ReactiveFormsModule, FormGroup, FormControl } from '@angular/forms';
7
+ import * as i3 from '@angular/material/checkbox';
7
8
  import { MatCheckboxModule } from '@angular/material/checkbox';
8
9
  import { RouterModule } from '@angular/router';
9
10
  import * as i2 from 'primeng/calendar';
10
11
  import { CalendarModule } from 'primeng/calendar';
11
12
  import { DialogModule } from 'primeng/dialog';
12
- import * as i3 from 'primeng/dropdown';
13
+ import * as i3$1 from 'primeng/dropdown';
13
14
  import { DropdownModule } from 'primeng/dropdown';
14
15
  import * as i1$2 from '@angular/material/dialog';
15
16
  import { MatDialogRef } from '@angular/material/dialog';
@@ -93,7 +94,7 @@ class BabylonContactFormComponent {
93
94
  name: ['', [Validators.required, Validators.minLength(3)]],
94
95
  email: ['', [Validators.required, Validators.email]],
95
96
  comment: ['', [Validators.required, Validators.minLength(10)]],
96
- termsConds: [false, [Validators.requiredTrue]]
97
+ checkbox: [false, [Validators.requiredTrue]]
97
98
  });
98
99
  }
99
100
  onSubmit() {
@@ -105,7 +106,7 @@ class BabylonContactFormComponent {
105
106
  }
106
107
  }
107
108
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonContactFormComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
108
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonContactFormComponent, isStandalone: true, selector: "lib-babylon-contact-form", ngImport: i0, template: "<section class=\"babylon__contact-form margin-main \"> \r\n <div class=\"container\">\r\n <div class=\"row cs_gap_y_50\">\r\n <div class=\"col-lg-6\">\r\n <div class=\"cs_pr_100\"> \r\n <div class=\"intro_info mb--40\">\r\n <h3 class=\"subtitle\">Contact Form </h3>\r\n <h2 class=\"title wow fadeInUp\" data-wow-duration=\"0.8s\" data-wow-delay=\"0.2s\">Contact Babylon</h2> \r\n <p class=\"text mb--0\">Reach out to us via phone, email, or through our convenient online form. We look forward to hearing from you and helping you plan your unforgettable experience at Babylon Resort.</p>\r\n </div> \r\n <!-- <form action=\"#\" class=\"cs_form cs_style_2\">\r\n <label class=\"text mb--10\">Full Name*</label>\r\n <input type=\"text\" class=\"cs_form_field_2 cs--radius\">\r\n <div class=\"cs_height_16 cs_height_lg_16\"></div>\r\n <label class=\"text mb--10\">Email*</label>\r\n <input type=\"text\" class=\"cs_form_field_2 cs--radius\">\r\n <div class=\"cs_height_16 cs_height_lg_16\"></div>\r\n <label class=\"text mb--10\">Write Your Comment*</label>\r\n <textarea cols=\"30\" rows=\"6\" class=\"cs_form_field_2 cs--radius\"></textarea>\r\n <div class=\"cs_height_25 cs_height_lg_25\"></div>\r\n <div class=\"btns__box align--center\">\r\n <button class=\"btn btn_primary\" type=\"submit\">\r\n <b>Send Message</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </button>\r\n </div> \r\n </form> -->\r\n\r\n <div class=\"form-container\">\r\n <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\r\n <div>\r\n <label for=\"name\">Full Name*</label>\r\n <input\r\n id=\"name\"\r\n formControlName=\"name\"\r\n type=\"text\"\r\n placeholder=\"Full name\"\r\n />\r\n <div *ngIf=\"form.get('name')?.invalid && form.get('name')?.touched\">\r\n <small *ngIf=\"form.get('name')?.hasError('required')\">Este campo es obligatorio.</small>\r\n <small *ngIf=\"form.get('name')?.hasError('minlength')\">El nombre debe tener al menos 3 caracteres.</small>\r\n </div>\r\n </div>\r\n \r\n <div>\r\n <label for=\"email\">Email*</label>\r\n <input\r\n id=\"email\"\r\n formControlName=\"email\"\r\n type=\"email\"\r\n placeholder=\"Your email\"\r\n />\r\n <div *ngIf=\"form.get('email')?.invalid && form.get('email')?.touched\">\r\n <small *ngIf=\"form.get('email')?.hasError('required')\">This field is required.</small>\r\n <small *ngIf=\"form.get('email')?.hasError('email')\">The email is not valid.</small>\r\n </div>\r\n </div>\r\n \r\n <div>\r\n <label for=\"comment\">Write Your Comment*</label>\r\n <textarea\r\n id=\"comment\"\r\n formControlName=\"comment\"\r\n placeholder=\"Write your comment\"\r\n ></textarea>\r\n <div *ngIf=\"form.get('comment')?.invalid && form.get('comment')?.touched\">\r\n <small *ngIf=\"form.get('comment')?.hasError('required')\">This field is required.</small>\r\n <small *ngIf=\"form.get('comment')?.hasError('minlength')\">The comment must be at least 10 characters.</small>\r\n </div>\r\n </div>\r\n \r\n <div>\r\n <label>\r\n <input type=\"checkbox\" formControlName=\"acepto\" />\r\n Acepto el aviso legal\r\n </label>\r\n <div *ngIf=\"form.get('acepto')?.invalid && form.get('acepto')?.touched\">\r\n <small *ngIf=\"form.get('acepto')?.hasError('requiredTrue')\">Debes aceptar el aviso legal.</small>\r\n </div>\r\n </div>\r\n \r\n <button type=\"submit\" [disabled]=\"form.invalid\">Send Message</button>\r\n </form>\r\n </div>\r\n \r\n </div>\r\n </div>\r\n <div class=\"col-lg-6\">\r\n <div class=\"cs_image_layer cs_style_3 position-relative\">\r\n <img src=\"/assets/babylon/fotos/contact_img.jpeg\" alt=\"Contact\" class=\"cs--radius\">\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</section>\r\n\r\n<section class=\"babylon__contact-address margin-main \"> \r\n <div class=\"container\">\r\n <div class=\"cs_contact_info_boxes\">\r\n <div class=\"cs_contact_info_box\">\r\n <div class=\"cs_iconbox cs_style_4\">\r\n <div class=\"cs_iconbox_icon cs_center rounded-circle\">\r\n <div class=\"info--icon icon--medium \">\r\n <i class=\"icon--svg icon-mountain_view_ico_small \"></i> \r\n </div> \r\n </div>\r\n <div class=\"cs_iconbox_right\">\r\n <div class=\"intro_info1 no-align\"> \r\n <h2 class=\"title--smaller mb--0\">Address Babylon</h2> \r\n <p class=\"text mb--0\"> 452 15h Street, Office 741, Ohio, De 47754, USA</p>\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"cs_contact_info_box\">\r\n <div class=\"cs_iconbox cs_style_4\">\r\n <div class=\"cs_iconbox_icon cs_center rounded-circle\">\r\n <div class=\"info--icon icon--medium \">\r\n <i class=\"icon--svg icon-mountain_view_ico_small\"></i> \r\n </div> \r\n </div>\r\n <div class=\"cs_iconbox_right\">\r\n <div class=\"intro_info1 no-align\"> \r\n <h2 class=\"title--smaller mb--0\">Email address</h2> \r\n <p class=\"text mb--0\"><a href=\"mailto:info-babylon.com\">inf-babylon.com</a> </p>\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"cs_contact_info_box\">\r\n <div class=\"cs_iconbox cs_style_4\">\r\n <div class=\"cs_iconbox_icon cs_center rounded-circle\">\r\n <div class=\"info--icon icon--medium \">\r\n <i class=\"icon--svg icon-phone1_ico_small\"></i> \r\n </div> \r\n </div>\r\n <div class=\"cs_iconbox_right\">\r\n <div class=\"intro_info1 no-align\"> \r\n <h2 class=\"title--smaller mb--0\">Reservations</h2> \r\n <p class=\"text mb--0\"><a href=\"tel:+214544512009\">+21 454 451 2009</a> </p>\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </section>", styles: [".cs_form_field_2{display:block;width:100%;border:1px solid var(--cl_border-dark);padding:7px 20px;min-height:47px;outline:none;background-color:transparent}.cs_form_field_2:focus{border-color:var(--cl_accent)}.cs_image_layer.cs_style_3.cs_type_1,.cs_image_layer.cs_style_4.cs_type_1{border-radius:250px 0}.cs_image_layer.cs_style_3.cs_type_1 img,.cs_image_layer.cs_style_4.cs_type_1 img{border-radius:inherit}.cs_image_layer.cs_style_3.cs_type_1:before,.cs_image_layer.cs_style_4.cs_type_1:before{border-radius:225px 0}.cs_iconbox.cs_style_4{display:flex;gap:24px;align-items:center}.cs_iconbox.cs_style_4:not(:last-child){margin-bottom:40px}.cs_iconbox.cs_style_4 .cs_iconbox_icon{height:88px;width:88px;border:1px solid var(--cl_icon);flex:none}.cs_iconbox.cs_style_4 .cs_iconbox_icon img{flex:none;height:40px;width:40px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] }); }
109
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonContactFormComponent, isStandalone: true, selector: "lib-babylon-contact-form", ngImport: i0, template: "<section class=\"babylon__contact-form margin-main \"> \r\n <div class=\"container\">\r\n <div class=\"row cs_gap_y_50\">\r\n <div class=\"col-lg-6\">\r\n <div class=\"cs_pr_100\"> \r\n <div class=\"intro_info mb--40\">\r\n <h3 class=\"subtitle\">Contact Form </h3>\r\n <h2 class=\"title wow fadeInUp\" data-wow-duration=\"0.8s\" data-wow-delay=\"0.2s\">Contact Babylon</h2> \r\n <p class=\"text mb--0\">Reach out to us via phone, email, or through our convenient online form. We look forward to hearing from you and helping you plan your unforgettable experience at Babylon Resort.</p>\r\n </div> \r\n <!-- <form action=\"#\" class=\"cs_form cs_style_2\">\r\n <label class=\"text mb--10\">Full Name*</label>\r\n <input type=\"text\" class=\"cs_form_field_2 cs--radius\">\r\n <div class=\"cs_height_16 cs_height_lg_16\"></div>\r\n <label class=\"text mb--10\">Email*</label>\r\n <input type=\"text\" class=\"cs_form_field_2 cs--radius\">\r\n <div class=\"cs_height_16 cs_height_lg_16\"></div>\r\n <label class=\"text mb--10\">Write Your Comment*</label>\r\n <textarea cols=\"30\" rows=\"6\" class=\"cs_form_field_2 cs--radius\"></textarea>\r\n <div class=\"cs_height_25 cs_height_lg_25\"></div>\r\n <div class=\"btns__box align--center\">\r\n <button class=\"btn btn_primary\" type=\"submit\">\r\n <b>Send Message</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </button>\r\n </div> \r\n </form> -->\r\n\r\n <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\" class=\"cs_form cs_style_2\">\r\n <div>\r\n <label for=\"name\" class=\"text mb--10\">Full Name*</label>\r\n <input\r\n id=\"name\"\r\n formControlName=\"name\"\r\n type=\"text\"\r\n placeholder=\"Full name\"\r\n class=\"cs_form_field_2 cs--radius\"\r\n />\r\n <div class=\"form-warning\" *ngIf=\"form.get('name')?.invalid && form.get('name')?.touched\">\r\n <small *ngIf=\"form.get('name')?.hasError('required')\">Este campo es obligatorio.</small>\r\n <small *ngIf=\"form.get('name')?.hasError('minlength')\">El nombre debe tener al menos 3 caracteres.</small>\r\n </div>\r\n </div>\r\n \r\n <div>\r\n <label for=\"email\" class=\"text mb--10\">Email*</label>\r\n <input\r\n id=\"email\"\r\n formControlName=\"email\"\r\n type=\"email\"\r\n placeholder=\"Your email\"\r\n class=\"cs_form_field_2 cs--radius\"\r\n />\r\n <div class=\"form-warning\" *ngIf=\"form.get('email')?.invalid && form.get('email')?.touched\">\r\n <small *ngIf=\"form.get('email')?.hasError('required')\">This field is required.</small>\r\n <small *ngIf=\"form.get('email')?.hasError('email')\">The email is not valid.</small>\r\n </div>\r\n </div>\r\n \r\n <div>\r\n <label for=\"comment\" class=\"text mb--10\">Write Your Comment*</label>\r\n <textarea\r\n id=\"comment\"\r\n formControlName=\"comment\"\r\n placeholder=\"Write your comment\"\r\n class=\"cs_form_field_2 cs--radius\"\r\n ></textarea>\r\n <div class=\"form-warning\" *ngIf=\"form.get('comment')?.invalid && form.get('comment')?.touched\">\r\n <small *ngIf=\"form.get('comment')?.hasError('required')\">This field is required.</small>\r\n <small *ngIf=\"form.get('comment')?.hasError('minlength')\">The comment must be at least 10 characters.</small>\r\n </div>\r\n </div>\r\n \r\n <div>\r\n <mat-checkbox\r\n class=\"formcontrol\"\r\n formControlName=\"checkbox\"\r\n ></mat-checkbox>\r\n\r\n <span class=\"conditions\">\r\n Accept\r\n <a href=\"/legal\"\r\n >legal notice and privacy policy</a\r\n >\r\n </span>\r\n <div class=\"form-warning\" *ngIf=\"form.get('acepto')?.invalid && form.get('acepto')?.touched\">\r\n <small *ngIf=\"form.get('acepto')?.hasError('requiredTrue')\">This field is required.</small>\r\n </div>\r\n </div>\r\n <div class=\"btns__box align--center\">\r\n <button class=\"btn btn_primary\" type=\"submit\" [disabled]=\"form.invalid\">\r\n <b>Send Message</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </button>\r\n </div>\r\n </form>\r\n \r\n </div>\r\n </div>\r\n <div class=\"col-lg-6\">\r\n <div class=\"cs_image_layer cs_style_3 position-relative\">\r\n <img src=\"/assets/babylon/fotos/contact_img.jpeg\" alt=\"Contact\" class=\"cs--radius\">\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</section>\r\n\r\n<section class=\"babylon__contact-address margin-main \"> \r\n <div class=\"container\">\r\n <div class=\"cs_contact_info_boxes\">\r\n <div class=\"cs_contact_info_box\">\r\n <div class=\"cs_iconbox cs_style_4\">\r\n <div class=\"cs_iconbox_icon cs_center rounded-circle\">\r\n <div class=\"info--icon icon--medium \">\r\n <i class=\"icon--svg icon-mountain_view_ico_small \"></i> \r\n </div> \r\n </div>\r\n <div class=\"cs_iconbox_right\">\r\n <div class=\"intro_info1 no-align\"> \r\n <h2 class=\"title--smaller mb--0\">Address Babylon</h2> \r\n <p class=\"text mb--0\"> 452 15h Street, Office 741, Ohio, De 47754, USA</p>\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"cs_contact_info_box\">\r\n <div class=\"cs_iconbox cs_style_4\">\r\n <div class=\"cs_iconbox_icon cs_center rounded-circle\">\r\n <div class=\"info--icon icon--medium \">\r\n <i class=\"icon--svg icon-mountain_view_ico_small\"></i> \r\n </div> \r\n </div>\r\n <div class=\"cs_iconbox_right\">\r\n <div class=\"intro_info1 no-align\"> \r\n <h2 class=\"title--smaller mb--0\">Email address</h2> \r\n <p class=\"text mb--0\"><a href=\"mailto:info-babylon.com\">inf-babylon.com</a> </p>\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"cs_contact_info_box\">\r\n <div class=\"cs_iconbox cs_style_4\">\r\n <div class=\"cs_iconbox_icon cs_center rounded-circle\">\r\n <div class=\"info--icon icon--medium \">\r\n <i class=\"icon--svg icon-phone1_ico_small\"></i> \r\n </div> \r\n </div>\r\n <div class=\"cs_iconbox_right\">\r\n <div class=\"intro_info1 no-align\"> \r\n <h2 class=\"title--smaller mb--0\">Reservations</h2> \r\n <p class=\"text mb--0\"><a href=\"tel:+214544512009\">+21 454 451 2009</a> </p>\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </section>", styles: [".cs_form_field_2{display:block;width:100%;border:1px solid var(--cl_border-dark);padding:7px 20px;min-height:47px;outline:none;background-color:transparent}.cs_form_field_2:focus{border-color:var(--cl_accent)}.cs_image_layer.cs_style_3.cs_type_1,.cs_image_layer.cs_style_4.cs_type_1{border-radius:250px 0}.cs_image_layer.cs_style_3.cs_type_1 img,.cs_image_layer.cs_style_4.cs_type_1 img{border-radius:inherit}.cs_image_layer.cs_style_3.cs_type_1:before,.cs_image_layer.cs_style_4.cs_type_1:before{border-radius:225px 0}.cs_iconbox.cs_style_4{display:flex;gap:24px;align-items:center}.cs_iconbox.cs_style_4:not(:last-child){margin-bottom:40px}.cs_iconbox.cs_style_4 .cs_iconbox_icon{height:88px;width:88px;border:1px solid var(--cl_icon);flex:none}.cs_iconbox.cs_style_4 .cs_iconbox_icon img{flex:none;height:40px;width:40px}.form-warning{color:var(--ms-error);font-size:smaller}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i3.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] }); }
109
110
  }
110
111
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonContactFormComponent, decorators: [{
111
112
  type: Component,
@@ -114,7 +115,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
114
115
  CommonModule,
115
116
  MatCheckboxModule,
116
117
  ReactiveFormsModule
117
- ], template: "<section class=\"babylon__contact-form margin-main \"> \r\n <div class=\"container\">\r\n <div class=\"row cs_gap_y_50\">\r\n <div class=\"col-lg-6\">\r\n <div class=\"cs_pr_100\"> \r\n <div class=\"intro_info mb--40\">\r\n <h3 class=\"subtitle\">Contact Form </h3>\r\n <h2 class=\"title wow fadeInUp\" data-wow-duration=\"0.8s\" data-wow-delay=\"0.2s\">Contact Babylon</h2> \r\n <p class=\"text mb--0\">Reach out to us via phone, email, or through our convenient online form. We look forward to hearing from you and helping you plan your unforgettable experience at Babylon Resort.</p>\r\n </div> \r\n <!-- <form action=\"#\" class=\"cs_form cs_style_2\">\r\n <label class=\"text mb--10\">Full Name*</label>\r\n <input type=\"text\" class=\"cs_form_field_2 cs--radius\">\r\n <div class=\"cs_height_16 cs_height_lg_16\"></div>\r\n <label class=\"text mb--10\">Email*</label>\r\n <input type=\"text\" class=\"cs_form_field_2 cs--radius\">\r\n <div class=\"cs_height_16 cs_height_lg_16\"></div>\r\n <label class=\"text mb--10\">Write Your Comment*</label>\r\n <textarea cols=\"30\" rows=\"6\" class=\"cs_form_field_2 cs--radius\"></textarea>\r\n <div class=\"cs_height_25 cs_height_lg_25\"></div>\r\n <div class=\"btns__box align--center\">\r\n <button class=\"btn btn_primary\" type=\"submit\">\r\n <b>Send Message</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </button>\r\n </div> \r\n </form> -->\r\n\r\n <div class=\"form-container\">\r\n <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\r\n <div>\r\n <label for=\"name\">Full Name*</label>\r\n <input\r\n id=\"name\"\r\n formControlName=\"name\"\r\n type=\"text\"\r\n placeholder=\"Full name\"\r\n />\r\n <div *ngIf=\"form.get('name')?.invalid && form.get('name')?.touched\">\r\n <small *ngIf=\"form.get('name')?.hasError('required')\">Este campo es obligatorio.</small>\r\n <small *ngIf=\"form.get('name')?.hasError('minlength')\">El nombre debe tener al menos 3 caracteres.</small>\r\n </div>\r\n </div>\r\n \r\n <div>\r\n <label for=\"email\">Email*</label>\r\n <input\r\n id=\"email\"\r\n formControlName=\"email\"\r\n type=\"email\"\r\n placeholder=\"Your email\"\r\n />\r\n <div *ngIf=\"form.get('email')?.invalid && form.get('email')?.touched\">\r\n <small *ngIf=\"form.get('email')?.hasError('required')\">This field is required.</small>\r\n <small *ngIf=\"form.get('email')?.hasError('email')\">The email is not valid.</small>\r\n </div>\r\n </div>\r\n \r\n <div>\r\n <label for=\"comment\">Write Your Comment*</label>\r\n <textarea\r\n id=\"comment\"\r\n formControlName=\"comment\"\r\n placeholder=\"Write your comment\"\r\n ></textarea>\r\n <div *ngIf=\"form.get('comment')?.invalid && form.get('comment')?.touched\">\r\n <small *ngIf=\"form.get('comment')?.hasError('required')\">This field is required.</small>\r\n <small *ngIf=\"form.get('comment')?.hasError('minlength')\">The comment must be at least 10 characters.</small>\r\n </div>\r\n </div>\r\n \r\n <div>\r\n <label>\r\n <input type=\"checkbox\" formControlName=\"acepto\" />\r\n Acepto el aviso legal\r\n </label>\r\n <div *ngIf=\"form.get('acepto')?.invalid && form.get('acepto')?.touched\">\r\n <small *ngIf=\"form.get('acepto')?.hasError('requiredTrue')\">Debes aceptar el aviso legal.</small>\r\n </div>\r\n </div>\r\n \r\n <button type=\"submit\" [disabled]=\"form.invalid\">Send Message</button>\r\n </form>\r\n </div>\r\n \r\n </div>\r\n </div>\r\n <div class=\"col-lg-6\">\r\n <div class=\"cs_image_layer cs_style_3 position-relative\">\r\n <img src=\"/assets/babylon/fotos/contact_img.jpeg\" alt=\"Contact\" class=\"cs--radius\">\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</section>\r\n\r\n<section class=\"babylon__contact-address margin-main \"> \r\n <div class=\"container\">\r\n <div class=\"cs_contact_info_boxes\">\r\n <div class=\"cs_contact_info_box\">\r\n <div class=\"cs_iconbox cs_style_4\">\r\n <div class=\"cs_iconbox_icon cs_center rounded-circle\">\r\n <div class=\"info--icon icon--medium \">\r\n <i class=\"icon--svg icon-mountain_view_ico_small \"></i> \r\n </div> \r\n </div>\r\n <div class=\"cs_iconbox_right\">\r\n <div class=\"intro_info1 no-align\"> \r\n <h2 class=\"title--smaller mb--0\">Address Babylon</h2> \r\n <p class=\"text mb--0\"> 452 15h Street, Office 741, Ohio, De 47754, USA</p>\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"cs_contact_info_box\">\r\n <div class=\"cs_iconbox cs_style_4\">\r\n <div class=\"cs_iconbox_icon cs_center rounded-circle\">\r\n <div class=\"info--icon icon--medium \">\r\n <i class=\"icon--svg icon-mountain_view_ico_small\"></i> \r\n </div> \r\n </div>\r\n <div class=\"cs_iconbox_right\">\r\n <div class=\"intro_info1 no-align\"> \r\n <h2 class=\"title--smaller mb--0\">Email address</h2> \r\n <p class=\"text mb--0\"><a href=\"mailto:info-babylon.com\">inf-babylon.com</a> </p>\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"cs_contact_info_box\">\r\n <div class=\"cs_iconbox cs_style_4\">\r\n <div class=\"cs_iconbox_icon cs_center rounded-circle\">\r\n <div class=\"info--icon icon--medium \">\r\n <i class=\"icon--svg icon-phone1_ico_small\"></i> \r\n </div> \r\n </div>\r\n <div class=\"cs_iconbox_right\">\r\n <div class=\"intro_info1 no-align\"> \r\n <h2 class=\"title--smaller mb--0\">Reservations</h2> \r\n <p class=\"text mb--0\"><a href=\"tel:+214544512009\">+21 454 451 2009</a> </p>\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </section>", styles: [".cs_form_field_2{display:block;width:100%;border:1px solid var(--cl_border-dark);padding:7px 20px;min-height:47px;outline:none;background-color:transparent}.cs_form_field_2:focus{border-color:var(--cl_accent)}.cs_image_layer.cs_style_3.cs_type_1,.cs_image_layer.cs_style_4.cs_type_1{border-radius:250px 0}.cs_image_layer.cs_style_3.cs_type_1 img,.cs_image_layer.cs_style_4.cs_type_1 img{border-radius:inherit}.cs_image_layer.cs_style_3.cs_type_1:before,.cs_image_layer.cs_style_4.cs_type_1:before{border-radius:225px 0}.cs_iconbox.cs_style_4{display:flex;gap:24px;align-items:center}.cs_iconbox.cs_style_4:not(:last-child){margin-bottom:40px}.cs_iconbox.cs_style_4 .cs_iconbox_icon{height:88px;width:88px;border:1px solid var(--cl_icon);flex:none}.cs_iconbox.cs_style_4 .cs_iconbox_icon img{flex:none;height:40px;width:40px}\n"] }]
118
+ ], template: "<section class=\"babylon__contact-form margin-main \"> \r\n <div class=\"container\">\r\n <div class=\"row cs_gap_y_50\">\r\n <div class=\"col-lg-6\">\r\n <div class=\"cs_pr_100\"> \r\n <div class=\"intro_info mb--40\">\r\n <h3 class=\"subtitle\">Contact Form </h3>\r\n <h2 class=\"title wow fadeInUp\" data-wow-duration=\"0.8s\" data-wow-delay=\"0.2s\">Contact Babylon</h2> \r\n <p class=\"text mb--0\">Reach out to us via phone, email, or through our convenient online form. We look forward to hearing from you and helping you plan your unforgettable experience at Babylon Resort.</p>\r\n </div> \r\n <!-- <form action=\"#\" class=\"cs_form cs_style_2\">\r\n <label class=\"text mb--10\">Full Name*</label>\r\n <input type=\"text\" class=\"cs_form_field_2 cs--radius\">\r\n <div class=\"cs_height_16 cs_height_lg_16\"></div>\r\n <label class=\"text mb--10\">Email*</label>\r\n <input type=\"text\" class=\"cs_form_field_2 cs--radius\">\r\n <div class=\"cs_height_16 cs_height_lg_16\"></div>\r\n <label class=\"text mb--10\">Write Your Comment*</label>\r\n <textarea cols=\"30\" rows=\"6\" class=\"cs_form_field_2 cs--radius\"></textarea>\r\n <div class=\"cs_height_25 cs_height_lg_25\"></div>\r\n <div class=\"btns__box align--center\">\r\n <button class=\"btn btn_primary\" type=\"submit\">\r\n <b>Send Message</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </button>\r\n </div> \r\n </form> -->\r\n\r\n <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\" class=\"cs_form cs_style_2\">\r\n <div>\r\n <label for=\"name\" class=\"text mb--10\">Full Name*</label>\r\n <input\r\n id=\"name\"\r\n formControlName=\"name\"\r\n type=\"text\"\r\n placeholder=\"Full name\"\r\n class=\"cs_form_field_2 cs--radius\"\r\n />\r\n <div class=\"form-warning\" *ngIf=\"form.get('name')?.invalid && form.get('name')?.touched\">\r\n <small *ngIf=\"form.get('name')?.hasError('required')\">Este campo es obligatorio.</small>\r\n <small *ngIf=\"form.get('name')?.hasError('minlength')\">El nombre debe tener al menos 3 caracteres.</small>\r\n </div>\r\n </div>\r\n \r\n <div>\r\n <label for=\"email\" class=\"text mb--10\">Email*</label>\r\n <input\r\n id=\"email\"\r\n formControlName=\"email\"\r\n type=\"email\"\r\n placeholder=\"Your email\"\r\n class=\"cs_form_field_2 cs--radius\"\r\n />\r\n <div class=\"form-warning\" *ngIf=\"form.get('email')?.invalid && form.get('email')?.touched\">\r\n <small *ngIf=\"form.get('email')?.hasError('required')\">This field is required.</small>\r\n <small *ngIf=\"form.get('email')?.hasError('email')\">The email is not valid.</small>\r\n </div>\r\n </div>\r\n \r\n <div>\r\n <label for=\"comment\" class=\"text mb--10\">Write Your Comment*</label>\r\n <textarea\r\n id=\"comment\"\r\n formControlName=\"comment\"\r\n placeholder=\"Write your comment\"\r\n class=\"cs_form_field_2 cs--radius\"\r\n ></textarea>\r\n <div class=\"form-warning\" *ngIf=\"form.get('comment')?.invalid && form.get('comment')?.touched\">\r\n <small *ngIf=\"form.get('comment')?.hasError('required')\">This field is required.</small>\r\n <small *ngIf=\"form.get('comment')?.hasError('minlength')\">The comment must be at least 10 characters.</small>\r\n </div>\r\n </div>\r\n \r\n <div>\r\n <mat-checkbox\r\n class=\"formcontrol\"\r\n formControlName=\"checkbox\"\r\n ></mat-checkbox>\r\n\r\n <span class=\"conditions\">\r\n Accept\r\n <a href=\"/legal\"\r\n >legal notice and privacy policy</a\r\n >\r\n </span>\r\n <div class=\"form-warning\" *ngIf=\"form.get('acepto')?.invalid && form.get('acepto')?.touched\">\r\n <small *ngIf=\"form.get('acepto')?.hasError('requiredTrue')\">This field is required.</small>\r\n </div>\r\n </div>\r\n <div class=\"btns__box align--center\">\r\n <button class=\"btn btn_primary\" type=\"submit\" [disabled]=\"form.invalid\">\r\n <b>Send Message</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </button>\r\n </div>\r\n </form>\r\n \r\n </div>\r\n </div>\r\n <div class=\"col-lg-6\">\r\n <div class=\"cs_image_layer cs_style_3 position-relative\">\r\n <img src=\"/assets/babylon/fotos/contact_img.jpeg\" alt=\"Contact\" class=\"cs--radius\">\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</section>\r\n\r\n<section class=\"babylon__contact-address margin-main \"> \r\n <div class=\"container\">\r\n <div class=\"cs_contact_info_boxes\">\r\n <div class=\"cs_contact_info_box\">\r\n <div class=\"cs_iconbox cs_style_4\">\r\n <div class=\"cs_iconbox_icon cs_center rounded-circle\">\r\n <div class=\"info--icon icon--medium \">\r\n <i class=\"icon--svg icon-mountain_view_ico_small \"></i> \r\n </div> \r\n </div>\r\n <div class=\"cs_iconbox_right\">\r\n <div class=\"intro_info1 no-align\"> \r\n <h2 class=\"title--smaller mb--0\">Address Babylon</h2> \r\n <p class=\"text mb--0\"> 452 15h Street, Office 741, Ohio, De 47754, USA</p>\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"cs_contact_info_box\">\r\n <div class=\"cs_iconbox cs_style_4\">\r\n <div class=\"cs_iconbox_icon cs_center rounded-circle\">\r\n <div class=\"info--icon icon--medium \">\r\n <i class=\"icon--svg icon-mountain_view_ico_small\"></i> \r\n </div> \r\n </div>\r\n <div class=\"cs_iconbox_right\">\r\n <div class=\"intro_info1 no-align\"> \r\n <h2 class=\"title--smaller mb--0\">Email address</h2> \r\n <p class=\"text mb--0\"><a href=\"mailto:info-babylon.com\">inf-babylon.com</a> </p>\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"cs_contact_info_box\">\r\n <div class=\"cs_iconbox cs_style_4\">\r\n <div class=\"cs_iconbox_icon cs_center rounded-circle\">\r\n <div class=\"info--icon icon--medium \">\r\n <i class=\"icon--svg icon-phone1_ico_small\"></i> \r\n </div> \r\n </div>\r\n <div class=\"cs_iconbox_right\">\r\n <div class=\"intro_info1 no-align\"> \r\n <h2 class=\"title--smaller mb--0\">Reservations</h2> \r\n <p class=\"text mb--0\"><a href=\"tel:+214544512009\">+21 454 451 2009</a> </p>\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </section>", styles: [".cs_form_field_2{display:block;width:100%;border:1px solid var(--cl_border-dark);padding:7px 20px;min-height:47px;outline:none;background-color:transparent}.cs_form_field_2:focus{border-color:var(--cl_accent)}.cs_image_layer.cs_style_3.cs_type_1,.cs_image_layer.cs_style_4.cs_type_1{border-radius:250px 0}.cs_image_layer.cs_style_3.cs_type_1 img,.cs_image_layer.cs_style_4.cs_type_1 img{border-radius:inherit}.cs_image_layer.cs_style_3.cs_type_1:before,.cs_image_layer.cs_style_4.cs_type_1:before{border-radius:225px 0}.cs_iconbox.cs_style_4{display:flex;gap:24px;align-items:center}.cs_iconbox.cs_style_4:not(:last-child){margin-bottom:40px}.cs_iconbox.cs_style_4 .cs_iconbox_icon{height:88px;width:88px;border:1px solid var(--cl_icon);flex:none}.cs_iconbox.cs_style_4 .cs_iconbox_icon img{flex:none;height:40px;width:40px}.form-warning{color:var(--ms-error);font-size:smaller}\n"] }]
118
119
  }], ctorParameters: () => [{ type: i1.FormBuilder }] });
119
120
 
120
121
  class BabylonContactHowComponent {
@@ -222,7 +223,7 @@ class BabylonGuestsPopupComponent {
222
223
  this.applied = true;
223
224
  }
224
225
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonGuestsPopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
225
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonGuestsPopupComponent, isStandalone: true, selector: "lib-babylon-guests-popup", outputs: { apply: "apply" }, ngImport: i0, template: "<div class=\"babylon__guests d-flex flex-column\">\r\n <div class=\"babylon__guests__dropdown--wrapper\">\r\n <span class=\"babylon__guests__icon babylon-adult\"></span>\r\n <div class=\"babylon__guests__dropdown--content\">\r\n <div class=\"babylon__guests__dropdown--title-wrapper\">\r\n <span class=\"babylon__guests__dropdown--title color--brown\">\r\n Adults\r\n </span>\r\n </div>\r\n\r\n <p-dropdown\r\n class=\"babylon__guests__dropdown\"\r\n [options]=\"[\r\n { code: 1, name: '01' },\r\n { code: 2, name: '02' },\r\n { code: 3, name: '03' },\r\n { code: 4, name: '04' }\r\n ]\"\r\n [(ngModel)]=\"value.adultsValue\"\r\n optionLabel=\"name\"\r\n placeholder=\"...\"\r\n [name]=\"'adults'\"\r\n (ngModelChange)=\"dropdownChange($event, 'adults')\"\r\n >\r\n </p-dropdown>\r\n </div>\r\n </div>\r\n <div class=\"babylon__guests__dropdown--wrapper\">\r\n <span class=\"babylon__guests__icon babylon-kid\"></span>\r\n <div class=\"babylon__guests__dropdown--content\">\r\n <div class=\"babylon__guests__dropdown--title-wrapper\">\r\n <span class=\"babylon__guests__dropdown--title color--brown\">\r\n Children\r\n </span>\r\n\r\n <small\r\n class=\"babylon__guests__dropdown--small-title color--camel\"\r\n >\r\n Ages 3 - 6\r\n </small>\r\n </div>\r\n\r\n <p-dropdown\r\n class=\"babylon__guests__dropdown\"\r\n [options]=\"[\r\n { code: 1, name: '01' },\r\n { code: 2, name: '02' },\r\n { code: 3, name: '03' },\r\n { code: 4, name: '04' }\r\n ]\"\r\n [(ngModel)]=\"value.kidsValue\"\r\n optionLabel=\"name\"\r\n placeholder=\"00\"\r\n [name]=\"'kids'\"\r\n (ngModelChange)=\"dropdownChange($event, 'kids')\"\r\n >\r\n </p-dropdown>\r\n </div>\r\n <span class=\"icon-pointer-down babylon__guests__dropdown--icon\"></span>\r\n </div>\r\n\r\n @if (!applied && kids.length) {\r\n\r\n <div class=\"babylon__guests__kids py-6\">\r\n <header>\r\n <p class=\"text light m-0\">Edades</p>\r\n </header>\r\n <div>\r\n <div class=\"row gy-3 justify-content-between pb-4\">\r\n @for (kid of kids; track $index; let even = $even, last = $last)\r\n {\r\n <div class=\"col-6\" [ngClass]=\"{ 'offset-3': last && even }\">\r\n <span class=\"text-small light\">ni\u00F1o {{ kid }}</span>\r\n <div class=\"babylon__guests__dropdown--wrapper small\">\r\n <p-dropdown\r\n class=\"babylon__guests__dropdown small\"\r\n [options]=\"[\r\n { code: 3, name: '03' },\r\n { code: 4, name: '04' },\r\n { code: 5, name: '05' },\r\n { code: 6, name: '06' },\r\n { code: 7, name: '07' },\r\n { code: 8, name: '08' },\r\n { code: 9, name: '09' },\r\n { code: 10, name: '10' },\r\n { code: 11, name: '11' },\r\n { code: 12, name: '12' },\r\n { code: 13, name: '13' },\r\n { code: 14, name: '14' },\r\n { code: 15, name: '15' }\r\n ]\"\r\n [(ngModel)]=\"agesValue[$index]\"\r\n optionLabel=\"name\"\r\n placeholder=\"03\"\r\n [name]=\"'age'\"\r\n >\r\n </p-dropdown>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n <a class=\"btn btn-small btn-call\" (click)=\"applyAges()\">Aplicar</a>\r\n </div>\r\n </div>\r\n }\r\n\r\n <div class=\"babylon__guests__dropdown--wrapper\">\r\n <span class=\"babylon__guests__icon babylon-baby\"></span>\r\n <div class=\"babylon__guests__dropdown--content\">\r\n <div class=\"babylon__guests__dropdown--title-wrapper\">\r\n <span class=\"babylon__guests__dropdown--title color--brown\">\r\n Infants\r\n </span>\r\n\r\n <small\r\n class=\"babylon__guests__dropdown--small-title color--camel\"\r\n >\r\n Under 3\r\n </small>\r\n </div>\r\n\r\n <p-dropdown\r\n class=\"babylon__guests__dropdown\"\r\n [options]=\"[\r\n { code: 1, name: '01' },\r\n { code: 2, name: '02' }\r\n ]\"\r\n [(ngModel)]=\"value.infantsValue\"\r\n optionLabel=\"name\"\r\n placeholder=\"00\"\r\n [name]=\"'infants'\"\r\n (ngModelChange)=\"dropdownChange($event, 'babies')\"\r\n >\r\n </p-dropdown>\r\n </div>\r\n <span class=\"icon-pointer-down babylon__guests__dropdown--icon\"></span>\r\n </div>\r\n\r\n <a class=\"btn btn-call\" (click)=\"applyData()\">Aplicar</a>\r\n</div>\r\n", styles: [":root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle:\"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg:#ededed;--cl_preload:#24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_background_dark-opacity: #19314bbf;--cl_title: #978667;--cl_subtitle: #19314b;--cl_pretitle: #19314b;--cl_text: #3c3b3b;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--cl_btn-box: #19314b;--cl_btn-box-text: #19314b;--cl_btn-box-hover: #978667;--cl_btn-box-text-hover: #fff;--cl_btn-call: #19314bf2;--cl_btn-call-text: white;--cl_btn-call-hover: #978667;--cl_btn-call-text-hover: #fff;--cl_btn-link: #19314b;--cl_btn-link-hover: #978667;--cl_btn-arrow: #19314b;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #978667;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #24262d;--cl_btn-dots-active: #978667;--cl_btn-dots-hover: #978667;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #978667;--cl_btn-light-text-hover: #978667;--cl_footer-bg: #19314b;--cl_footer-bg-bottom:#0a1d31;--cl_footer-scroll:#978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth:1px}.cs_dark{--cl_corp: #181818;--cl_accent: #aa8453;--cl_icon: #aa8453;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #fff;--cl_breadcrumb-hover: #aa8453;--cl_preload-bg:#ededed;--cl_preload:#24262d;--cl_background_body: #181818;--cl_background_white: transparent;--cl_background_dark: #aa8453;--cl_background_gray: #333;--cl_title: #fff;--cl_subtitle: #aa8453;--cl_pretitle: #aa8453;--cl_text: #fff;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_header-bg: #aa8453;--cl_header-text-light: #fff;--cl_menu-bg: #79582c;--cl_menu-text: #fff;--cl_btn-box: #aa8453;--cl_btn-box-text: #aa8453;--cl_btn-box-hover: #79582c;--cl_btn-box-text-hover: #fff;--cl_btn-call: #aa8453;--cl_btn-call-text: white;--cl_btn-call-hover: #79582c;--cl_btn-call-text-hover: #fff;--cl_btn-link: #aa8453;--cl_btn-link-hover: #79582c;--cl_btn-arrow: #ffffff3a;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #79582c;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #eee;--cl_btn-dots-active: #79582c;--cl_btn-dots-hover: #79582c;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #79582c;--cl_btn-light-text-hover: #79582c;--cl_footer-bg: #aa8453;--cl_footer-bg-bottom:#79582c;--cl_footer-scroll:#aa8453;--cl_footer-text: #fff;--cl_footer-text-hover: #aa8453;--btn_radius: 1px;--img_radius: 0px;--img_border: #fff;--img_border-whidth:2px}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}:host{width:100%;display:block}@media (min-width: 1200px){:host{width:400px}}.babylon__guests{position:absolute;gap:20px;background-color:#fff;max-width:350px;width:100%;border-radius:5px;color:var(--cl_engine-text);z-index:1}@media (min-width: 576px){.babylon__guests{max-width:400px}}@media (min-width: 1200px){.babylon__guests{padding:25px}}.babylon__guests__kids{max-width:100%;background-color:#47474724;position:relative;padding:1px 10px 20px;border-radius:5px;z-index:1;left:50%;transform:translate(-50%)}.babylon__guests__kids .text,.babylon__guests__kids .text-small{color:var(--cl_engine-text)}.babylon__guests__dropdown{display:block;width:100%;font-family:var(--font-text);font-size:15px;color:var(--cl_engine-text);font-weight:300;line-height:20px;text-align:left;position:relative}.babylon__guests__dropdown--icon{font-size:21px;color:var(--cl_engine-text);position:absolute;left:16px;top:50%;transform:translateY(-50%)}.babylon__guests__dropdown ::ng-deep .p-inputwrapper{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left}.babylon__guests__dropdown ::ng-deep .p-inputwrapper .p-icon-wrapper{position:absolute;right:0;top:-50%}.babylon__guests__dropdown ::ng-deep .p-inputtext{padding-right:25px;font-family:var(--font-text)}.babylon__guests__dropdown ::ng-deep .p-inputtext:focus-visible{outline:none}.babylon__guests__dropdown ::ng-deep .p-overlay{background:var(--cl_engine-input-bg-select);border-bottom-left-radius:5px;border-bottom-right-radius:5px;margin-top:6px;left:-61px!important;top:18px!important;width:350px;border-top:0}@media (min-width: 576px){.babylon__guests__dropdown ::ng-deep .p-overlay{width:400px}}@media (min-width: 1200px){.babylon__guests__dropdown ::ng-deep .p-overlay{width:350px}}.babylon__guests__dropdown ::ng-deep .p-overlay ul{display:flex;flex-direction:column}.babylon__guests__dropdown ::ng-deep .p-overlay ul p-dropdownitem{width:100%}.babylon__guests__dropdown ::ng-deep .p-overlay ul p-dropdownitem:last-child li{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.babylon__guests__dropdown ::ng-deep .p-overlay ul p-dropdownitem li{padding:15px}.babylon__guests__dropdown ::ng-deep .p-overlay ul p-dropdownitem li:focus-visible{outline:none}.babylon__guests__dropdown ::ng-deep .p-overlay ul p-dropdownitem li:hover{background-color:var(--cl_engine-bg-hover);color:var(--cl_engine-text)}.babylon__guests__dropdown.small ::ng-deep .p-icon-wrapper{top:0}.babylon__guests__dropdown.small ::ng-deep .p-overlay{width:105px;left:-16px!important}.babylon__guests__dropdown.small ::ng-deep .p-overlay ::-webkit-scrollbar{display:none}.babylon__guests__dropdown--content{width:100%}.babylon__guests__dropdown--wrapper{padding:2px 25px 2px 60px;max-height:60px;border-radius:5px;background-color:var(--cl_engine-input-bg);width:100%;max-width:350px;display:flex;justify-content:space-between;align-items:center;position:relative}@media (min-width: 576px){.babylon__guests__dropdown--wrapper{max-width:400px}}.babylon__guests__dropdown--wrapper.small{padding:2px 15px}.babylon__guests__dropdown--title-wrapper{display:flex;align-items:center;gap:5px}.babylon__guests__dropdown--title{font-family:var(--font-text);font-size:18px;font-weight:400;text-align:left}.babylon__guests__dropdown--small-title{font-family:var(--font-text);font-size:14px;font-weight:300;text-align:left}.babylon__guests__dropdown--small-title:before{content:\"|\";padding-right:5px}.babylon__guests .btn{width:200px;height:34px;position:relative;left:50%;transform:translate(-50%)}.babylon__guests__icon{font-size:22px;position:absolute;left:18px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: DropdownModule }, { kind: "component", type: i3.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "autoShowPanelOnPrintableCharacterKeyDown", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }] }); }
226
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonGuestsPopupComponent, isStandalone: true, selector: "lib-babylon-guests-popup", outputs: { apply: "apply" }, ngImport: i0, template: "<div class=\"babylon__guests d-flex flex-column\">\r\n <div class=\"babylon__guests__dropdown--wrapper\">\r\n <span class=\"babylon__guests__icon babylon-adult\"></span>\r\n <div class=\"babylon__guests__dropdown--content\">\r\n <div class=\"babylon__guests__dropdown--title-wrapper\">\r\n <span class=\"babylon__guests__dropdown--title color--brown\">\r\n Adults\r\n </span>\r\n </div>\r\n\r\n <p-dropdown\r\n class=\"babylon__guests__dropdown\"\r\n [options]=\"[\r\n { code: 1, name: '01' },\r\n { code: 2, name: '02' },\r\n { code: 3, name: '03' },\r\n { code: 4, name: '04' }\r\n ]\"\r\n [(ngModel)]=\"value.adultsValue\"\r\n optionLabel=\"name\"\r\n placeholder=\"...\"\r\n [name]=\"'adults'\"\r\n (ngModelChange)=\"dropdownChange($event, 'adults')\"\r\n >\r\n </p-dropdown>\r\n </div>\r\n </div>\r\n <div class=\"babylon__guests__dropdown--wrapper\">\r\n <span class=\"babylon__guests__icon babylon-kid\"></span>\r\n <div class=\"babylon__guests__dropdown--content\">\r\n <div class=\"babylon__guests__dropdown--title-wrapper\">\r\n <span class=\"babylon__guests__dropdown--title color--brown\">\r\n Children\r\n </span>\r\n\r\n <small\r\n class=\"babylon__guests__dropdown--small-title color--camel\"\r\n >\r\n Ages 3 - 6\r\n </small>\r\n </div>\r\n\r\n <p-dropdown\r\n class=\"babylon__guests__dropdown\"\r\n [options]=\"[\r\n { code: 1, name: '01' },\r\n { code: 2, name: '02' },\r\n { code: 3, name: '03' },\r\n { code: 4, name: '04' }\r\n ]\"\r\n [(ngModel)]=\"value.kidsValue\"\r\n optionLabel=\"name\"\r\n placeholder=\"00\"\r\n [name]=\"'kids'\"\r\n (ngModelChange)=\"dropdownChange($event, 'kids')\"\r\n >\r\n </p-dropdown>\r\n </div>\r\n <span class=\"icon-pointer-down babylon__guests__dropdown--icon\"></span>\r\n </div>\r\n\r\n @if (!applied && kids.length) {\r\n\r\n <div class=\"babylon__guests__kids py-6\">\r\n <header>\r\n <p class=\"text light m-0\">Edades</p>\r\n </header>\r\n <div>\r\n <div class=\"row gy-3 justify-content-between pb-4\">\r\n @for (kid of kids; track $index; let even = $even, last = $last)\r\n {\r\n <div class=\"col-6\" [ngClass]=\"{ 'offset-3': last && even }\">\r\n <span class=\"text-small light\">ni\u00F1o {{ kid }}</span>\r\n <div class=\"babylon__guests__dropdown--wrapper small\">\r\n <p-dropdown\r\n class=\"babylon__guests__dropdown small\"\r\n [options]=\"[\r\n { code: 3, name: '03' },\r\n { code: 4, name: '04' },\r\n { code: 5, name: '05' },\r\n { code: 6, name: '06' },\r\n { code: 7, name: '07' },\r\n { code: 8, name: '08' },\r\n { code: 9, name: '09' },\r\n { code: 10, name: '10' },\r\n { code: 11, name: '11' },\r\n { code: 12, name: '12' },\r\n { code: 13, name: '13' },\r\n { code: 14, name: '14' },\r\n { code: 15, name: '15' }\r\n ]\"\r\n [(ngModel)]=\"agesValue[$index]\"\r\n optionLabel=\"name\"\r\n placeholder=\"03\"\r\n [name]=\"'age'\"\r\n >\r\n </p-dropdown>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n <a class=\"btn btn-small btn-call\" (click)=\"applyAges()\">Aplicar</a>\r\n </div>\r\n </div>\r\n }\r\n\r\n <div class=\"babylon__guests__dropdown--wrapper\">\r\n <span class=\"babylon__guests__icon babylon-baby\"></span>\r\n <div class=\"babylon__guests__dropdown--content\">\r\n <div class=\"babylon__guests__dropdown--title-wrapper\">\r\n <span class=\"babylon__guests__dropdown--title color--brown\">\r\n Infants\r\n </span>\r\n\r\n <small\r\n class=\"babylon__guests__dropdown--small-title color--camel\"\r\n >\r\n Under 3\r\n </small>\r\n </div>\r\n\r\n <p-dropdown\r\n class=\"babylon__guests__dropdown\"\r\n [options]=\"[\r\n { code: 1, name: '01' },\r\n { code: 2, name: '02' }\r\n ]\"\r\n [(ngModel)]=\"value.infantsValue\"\r\n optionLabel=\"name\"\r\n placeholder=\"00\"\r\n [name]=\"'infants'\"\r\n (ngModelChange)=\"dropdownChange($event, 'babies')\"\r\n >\r\n </p-dropdown>\r\n </div>\r\n <span class=\"icon-pointer-down babylon__guests__dropdown--icon\"></span>\r\n </div>\r\n\r\n <a class=\"btn btn-call\" (click)=\"applyData()\">Aplicar</a>\r\n</div>\r\n", styles: [":root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle:\"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg:#ededed;--cl_preload:#24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_background_dark-opacity: #19314bbf;--cl_title: #978667;--cl_subtitle: #19314b;--cl_pretitle: #19314b;--cl_text: #3c3b3b;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--cl_btn-box: #19314b;--cl_btn-box-text: #19314b;--cl_btn-box-hover: #978667;--cl_btn-box-text-hover: #fff;--cl_btn-call: #19314bf2;--cl_btn-call-text: white;--cl_btn-call-hover: #978667;--cl_btn-call-text-hover: #fff;--cl_btn-link: #19314b;--cl_btn-link-hover: #978667;--cl_btn-arrow: #19314b;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #978667;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #24262d;--cl_btn-dots-active: #978667;--cl_btn-dots-hover: #978667;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #978667;--cl_btn-light-text-hover: #978667;--cl_footer-bg: #19314b;--cl_footer-bg-bottom:#0a1d31;--cl_footer-scroll:#978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth:1px}.cs_dark{--cl_corp: #181818;--cl_accent: #aa8453;--cl_icon: #aa8453;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #fff;--cl_breadcrumb-hover: #aa8453;--cl_preload-bg:#ededed;--cl_preload:#24262d;--cl_background_body: #181818;--cl_background_white: transparent;--cl_background_dark: #aa8453;--cl_background_gray: #333;--cl_title: #fff;--cl_subtitle: #aa8453;--cl_pretitle: #aa8453;--cl_text: #fff;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_header-bg: #aa8453;--cl_header-text-light: #fff;--cl_menu-bg: #79582c;--cl_menu-text: #fff;--cl_btn-box: #aa8453;--cl_btn-box-text: #aa8453;--cl_btn-box-hover: #79582c;--cl_btn-box-text-hover: #fff;--cl_btn-call: #aa8453;--cl_btn-call-text: white;--cl_btn-call-hover: #79582c;--cl_btn-call-text-hover: #fff;--cl_btn-link: #aa8453;--cl_btn-link-hover: #79582c;--cl_btn-arrow: #ffffff3a;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #79582c;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #eee;--cl_btn-dots-active: #79582c;--cl_btn-dots-hover: #79582c;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #79582c;--cl_btn-light-text-hover: #79582c;--cl_footer-bg: #aa8453;--cl_footer-bg-bottom:#79582c;--cl_footer-scroll:#aa8453;--cl_footer-text: #fff;--cl_footer-text-hover: #aa8453;--btn_radius: 1px;--img_radius: 0px;--img_border: #fff;--img_border-whidth:2px}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}:host{width:100%;display:block}@media (min-width: 1200px){:host{width:400px}}.babylon__guests{position:absolute;gap:20px;background-color:#fff;max-width:350px;width:100%;border-radius:5px;color:var(--cl_engine-text);z-index:1}@media (min-width: 576px){.babylon__guests{max-width:400px}}@media (min-width: 1200px){.babylon__guests{padding:25px}}.babylon__guests__kids{max-width:100%;background-color:#47474724;position:relative;padding:1px 10px 20px;border-radius:5px;z-index:1;left:50%;transform:translate(-50%)}.babylon__guests__kids .text,.babylon__guests__kids .text-small{color:var(--cl_engine-text)}.babylon__guests__dropdown{display:block;width:100%;font-family:var(--font-text);font-size:15px;color:var(--cl_engine-text);font-weight:300;line-height:20px;text-align:left;position:relative}.babylon__guests__dropdown--icon{font-size:21px;color:var(--cl_engine-text);position:absolute;left:16px;top:50%;transform:translateY(-50%)}.babylon__guests__dropdown ::ng-deep .p-inputwrapper{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left}.babylon__guests__dropdown ::ng-deep .p-inputwrapper .p-icon-wrapper{position:absolute;right:0;top:-50%}.babylon__guests__dropdown ::ng-deep .p-inputtext{padding-right:25px;font-family:var(--font-text)}.babylon__guests__dropdown ::ng-deep .p-inputtext:focus-visible{outline:none}.babylon__guests__dropdown ::ng-deep .p-overlay{background:var(--cl_engine-input-bg-select);border-bottom-left-radius:5px;border-bottom-right-radius:5px;margin-top:6px;left:-61px!important;top:18px!important;width:350px;border-top:0}@media (min-width: 576px){.babylon__guests__dropdown ::ng-deep .p-overlay{width:400px}}@media (min-width: 1200px){.babylon__guests__dropdown ::ng-deep .p-overlay{width:350px}}.babylon__guests__dropdown ::ng-deep .p-overlay ul{display:flex;flex-direction:column}.babylon__guests__dropdown ::ng-deep .p-overlay ul p-dropdownitem{width:100%}.babylon__guests__dropdown ::ng-deep .p-overlay ul p-dropdownitem:last-child li{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.babylon__guests__dropdown ::ng-deep .p-overlay ul p-dropdownitem li{padding:15px}.babylon__guests__dropdown ::ng-deep .p-overlay ul p-dropdownitem li:focus-visible{outline:none}.babylon__guests__dropdown ::ng-deep .p-overlay ul p-dropdownitem li:hover{background-color:var(--cl_engine-bg-hover);color:var(--cl_engine-text)}.babylon__guests__dropdown.small ::ng-deep .p-icon-wrapper{top:0}.babylon__guests__dropdown.small ::ng-deep .p-overlay{width:105px;left:-16px!important}.babylon__guests__dropdown.small ::ng-deep .p-overlay ::-webkit-scrollbar{display:none}.babylon__guests__dropdown--content{width:100%}.babylon__guests__dropdown--wrapper{padding:2px 25px 2px 60px;max-height:60px;border-radius:5px;background-color:var(--cl_engine-input-bg);width:100%;max-width:350px;display:flex;justify-content:space-between;align-items:center;position:relative}@media (min-width: 576px){.babylon__guests__dropdown--wrapper{max-width:400px}}.babylon__guests__dropdown--wrapper.small{padding:2px 15px}.babylon__guests__dropdown--title-wrapper{display:flex;align-items:center;gap:5px}.babylon__guests__dropdown--title{font-family:var(--font-text);font-size:18px;font-weight:400;text-align:left}.babylon__guests__dropdown--small-title{font-family:var(--font-text);font-size:14px;font-weight:300;text-align:left}.babylon__guests__dropdown--small-title:before{content:\"|\";padding-right:5px}.babylon__guests .btn{width:200px;height:34px;position:relative;left:50%;transform:translate(-50%)}.babylon__guests__icon{font-size:22px;position:absolute;left:18px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: DropdownModule }, { kind: "component", type: i3$1.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "autoShowPanelOnPrintableCharacterKeyDown", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }] }); }
226
227
  }
227
228
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonGuestsPopupComponent, decorators: [{
228
229
  type: Component,