ctt-babylon 0.0.149 → 0.0.151

package/esm2022/lib/components/core/babylon-contact-form/babylon-contact-form.component.mjs

@@ -1,11 +1,89 @@
-import { Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, signal } from '@angular/core';
+import { FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
+import { MatCheckboxModule } from '@angular/material/checkbox';
 import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/checkbox";
 export class BabylonContactFormComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonContactFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    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                </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"] }); }
+    constructor(fb) {
+        this.fb = fb;
+        this.submit = new EventEmitter();
+        this.formReady = signal(false);
+    }
+    ngOnInit() {
+        this.initializeForm();
+    }
+    initializeForm() {
+        const controls = {};
+        this.inputs?.forEach((input) => {
+            if (input.name) {
+                controls[input.name] = ['', input.validators];
+            }
+        });
+        if (this.textarea) {
+            controls[this.textarea.name] = ['', this.textarea?.validators];
+        }
+        controls['checkbox'] = [false, Validators.requiredTrue];
+        this.form = this.fb.group(controls);
+        this.formReady.set(true);
+    }
+    validateInput(input) {
+        if (input) {
+            input.valid = this.form.controls[input.name].errors === null;
+        }
+    }
+    inputChange(event, input) {
+        const inputElement = event.target;
+        if (input.type === 'tel') {
+            inputElement.value = inputElement.value.replace(/[^0-9+]/g, '');
+        }
+    }
+    resetForm() {
+        this.form?.reset();
+        if (this.textarea) {
+            this.textarea.value = '';
+        }
+        this.inputs?.forEach((input) => {
+            input.value = '';
+        });
+    }
+    submitForm(e) {
+        e.preventDefault();
+        this.submit.emit(this.form.value);
+        this.resetForm();
+    }
+    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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonContactFormComponent, isStandalone: true, selector: "lib-babylon-contact-form", inputs: { info: "info", title: "title", pretitle: "pretitle", description: "description", inputs: "inputs", textarea: "textarea", conditions: "conditions", button: "button", image: "image" }, outputs: { submit: "submit" }, 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                      @if(pretitle){\r\n                        <h3 class=\"subtitle\">{{ pretitle }} </h3>\r\n                      } @if(title){\r\n                        <h2 class=\"title wow fadeInUp\" data-wow-duration=\"0.8s\" data-wow-delay=\"0.2s\">{{ title }}</h2>\r\n                      } @if(description){\r\n                        <p class=\"text mb--0\">{{ description }}</p>\r\n                      }\r\n                    </div>\r\n                    @if (formReady()) {\r\n                      <form [formGroup]=\"form\" id=\"contactform\" class=\"cs_form cs_style_2\">\r\n                        @if (inputs?.length) {\r\n                          @for (input of inputs; track  $index) {\r\n                            <div>\r\n                              @if (input.title) {\r\n                              <label class=\"text mb--10\">{{ input.title }}*</label>\r\n                              }\r\n                              <input\r\n                                class=\"cs_form_field_2 cs--radius\"\r\n                                [type]=\"input.type\"\r\n                                [id]=\"input.name\"\r\n                                [name]=\"input.name\"\r\n                                [placeholder]=\"input.title\"\r\n                                [formControlName]=\"input.name!\"\r\n                                [value]=\"input.value\"\r\n                                (blur)=\"validateInput(input)\"\r\n                                (change)=\"inputChange($event, input)\"\r\n                              >\r\n                              @if (!input?.valid) {\r\n                                <div class=\"form-warning\">\r\n                                  <small>{{ input?.error }}</small>\r\n                                </div>\r\n                              }\r\n                            </div>\r\n                          }\r\n                        }\r\n                        @if (textarea) {\r\n                          <div>\r\n                            @if (textarea.title) {\r\n                              <label class=\"text mb--10\">{{ textarea.title }}*</label>\r\n                            }\r\n                            <textarea\r\n                              cols=\"30\"\r\n                              rows=\"6\"\r\n                              class=\"cs_form_field_2 cs--radius\"\r\n                              [id]=\"textarea.name\"\r\n                              [formControlName]=\"textarea.name!\"\r\n                              [placeholder]=\"textarea.title\"\r\n                            ></textarea>\r\n                            @if (!textarea.valid) {\r\n                              <div class=\"form-warning\">\r\n                                <small>{{ textarea.error }}</small>\r\n                              </div>\r\n                            }\r\n                          </div>\r\n                        }\r\n\r\n                        @if (conditions) {\r\n                          <div>\r\n                            <mat-checkbox\r\n                                class=\"formcontrol\"\r\n                                formControlName=\"checkbox\"\r\n                            ></mat-checkbox>\r\n                            <span\r\n                              class=\"conditions\"\r\n                              [innerHTML]=\"conditions\"\r\n                            >\r\n                            </span>\r\n                          </div>\r\n                        }\r\n\r\n                        @if (button) {\r\n                          <div class=\"btns__box align--center\">\r\n                              <button\r\n                                class=\"btn btn_primary\"\r\n                                type=\"submit\"\r\n                                [ngClass]=\"{ 'pointers-none': !form.valid }\"\r\n                                (click)=\"submitForm($event)\"\r\n                              >\r\n                                  <b>{{ button.label }}</b>\r\n                                  <span class=\"babylon-arrow-right-big\"></span>\r\n                              </button>\r\n                          </div>\r\n                        }\r\n                      </form>\r\n                    }\r\n                </div>\r\n            </div>\r\n            @if(image){\r\n              <div class=\"col-lg-6\">\r\n                  <div class=\"cs_image_layer cs_style_3 position-relative\">\r\n                      <img [src]=\"image\" alt=\"Contact\" class=\"cs--radius\">\r\n                  </div>\r\n              </div>\r\n            }\r\n        </div>\r\n    </div>\r\n</section>\r\n\r\n@if(info){\r\n  <section class=\"babylon__contact-address margin-main \">\r\n    <div class=\"container\">\r\n        <div class=\"cs_contact_info_boxes\">\r\n            @if (info.address) {\r\n              <div class=\"cs_contact_info_box\">\r\n                  <div class=\"cs_iconbox cs_style_4\">\r\n                      @if (info.address.icon; as icon) {\r\n                        <div class=\"cs_iconbox_icon cs_center rounded-circle\">\r\n                            <div class=\"info--icon icon--medium \">\r\n                                <i [ngClass]=\"icon\"></i>\r\n                            </div>\r\n                        </div>\r\n                      }\r\n                      <div class=\"cs_iconbox_right\">\r\n                          <div class=\"intro_info1 no-align\">\r\n                            @if (info.address.title; as title) {\r\n                              <h2 class=\"title--smaller mb--0\">{{ title }}</h2>\r\n                            } @if (info.address.text; as text) {\r\n                              <p class=\"text mb--0\"> {{ text }}</p>\r\n                            }\r\n                          </div>\r\n                      </div>\r\n                  </div>\r\n              </div>\r\n            }\r\n            @if (info.email;as email) {\r\n              <div class=\"cs_contact_info_box\">\r\n                  <div class=\"cs_iconbox cs_style_4\">\r\n                      @if(email.icon;as icon){\r\n                        <div class=\"cs_iconbox_icon cs_center rounded-circle\">\r\n                            <div class=\"info--icon icon--medium \">\r\n                                <i [ngClass]=\"icon\"></i>\r\n                            </div>\r\n                        </div>\r\n                      }\r\n                      <div class=\"cs_iconbox_right\">\r\n                          <div class=\"intro_info1 no-align\">\r\n                            @if(email.title;as title){\r\n                              <h2 class=\"title--smaller mb--0\">{{ title }}</h2>\r\n                            } @if(email.links; as links) {\r\n                              <p class=\"text mb--0\">\r\n                                @for (link of links; track $index; let last = $last) {\r\n                                  <a [href]=\"link.url\">{{ link.label }}</a>\r\n                                @if(!last){-} }\r\n                              </p>\r\n                              }\r\n                          </div>\r\n                      </div>\r\n                  </div>\r\n              </div>\r\n            }\r\n            @if (info.phone;as phone) {\r\n              <div class=\"cs_contact_info_box\">\r\n                  <div class=\"cs_iconbox cs_style_4\">\r\n                      @if(phone.icon;as icon){\r\n                        <div class=\"cs_iconbox_icon cs_center rounded-circle\">\r\n                            <div class=\"info--icon icon--medium \">\r\n                                <i [ngClass]=\"icon\"]></i>\r\n                            </div>\r\n                        </div>\r\n                      }\r\n                        <div class=\"cs_iconbox_right\">\r\n                            <div class=\"intro_info1 no-align\">\r\n                              @if (phone.title; as title) {\r\n                                <h2 class=\"title--smaller mb--0\">{{ title }}</h2>\r\n                              } @if (phone.links; as links) {\r\n                                  @for (link of links; track $index) {\r\n                                    <p class=\"text mb--0\"><a [href]=\"link.url\">{{ link.label }}</a>  </p>\r\n                                  }\r\n                                }\r\n                            </div>\r\n                        </div>\r\n                  </div>\r\n              </div>\r\n            }\r\n        </div>\r\n    </div>\r\n  </section>\r\n  }\r\n", 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: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: 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"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonContactFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-babylon-contact-form', standalone: true, imports: [], 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                </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"] }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFieWxvbi1jb250YWN0LWZvcm0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFieWxvbi9zcmMvbGliL2NvbXBvbmVudHMvY29yZS9iYWJ5bG9uLWNvbnRhY3QtZm9ybS9iYWJ5bG9uLWNvbnRhY3QtZm9ybS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYWJ5bG9uL3NyYy9saWIvY29tcG9uZW50cy9jb3JlL2JhYnlsb24tY29udGFjdC1mb3JtL2JhYnlsb24tY29udGFjdC1mb3JtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBUzFDLE1BQU0sT0FBTywyQkFBMkI7K0dBQTNCLDJCQUEyQjttR0FBM0IsMkJBQTJCLG9GQ1R4QyxtOUpBd0ZZOzs0RkQvRUMsMkJBQTJCO2tCQVB2QyxTQUFTOytCQUNFLDBCQUEwQixjQUN4QixJQUFJLFdBQ1AsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItYmFieWxvbi1jb250YWN0LWZvcm0nLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW10sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2JhYnlsb24tY29udGFjdC1mb3JtLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vYmFieWxvbi1jb250YWN0LWZvcm0uY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBCYWJ5bG9uQ29udGFjdEZvcm1Db21wb25lbnQge1xyXG5cclxufVxyXG4iLCI8c2VjdGlvbiBjbGFzcz1cImJhYnlsb25fX2NvbnRhY3QtZm9ybSBtYXJnaW4tbWFpbiBcIj4gICAgXHJcbiAgICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInJvdyBjc19nYXBfeV81MFwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLWxnLTZcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjc19wcl8xMDBcIj4gXHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImludHJvX2luZm8gbWItLTQwXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxoMyBjbGFzcz1cInN1YnRpdGxlXCI+Q29udGFjdCBGb3JtIDwvaDM+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxoMiBjbGFzcz1cInRpdGxlIHdvdyBmYWRlSW5VcFwiIGRhdGEtd293LWR1cmF0aW9uPVwiMC44c1wiIGRhdGEtd293LWRlbGF5PVwiMC4yc1wiPkNvbnRhY3QgQmFieWxvbjwvaDI+ICBcclxuICAgICAgICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9XCJ0ZXh0IG1iLS0wXCI+UmVhY2ggb3V0IHRvIHVzIHZpYSBwaG9uZSwgZW1haWwsIG9yIHRocm91Z2ggb3VyIGNvbnZlbmllbnQgb25saW5lIGZvcm0uICBXZSBsb29rIGZvcndhcmQgdG8gaGVhcmluZyBmcm9tIHlvdSBhbmQgaGVscGluZyB5b3UgcGxhbiB5b3VyICB1bmZvcmdldHRhYmxlIGV4cGVyaWVuY2UgYXQgQmFieWxvbiBSZXNvcnQuPC9wPlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PiAgIFxyXG4gICAgICAgICAgICAgICAgICAgIDxmb3JtIGFjdGlvbj1cIiNcIiBjbGFzcz1cImNzX2Zvcm0gY3Nfc3R5bGVfMlwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9XCJ0ZXh0IG1iLS0xMFwiPkZ1bGwgTmFtZSo8L2xhYmVsPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT1cInRleHRcIiBjbGFzcz1cImNzX2Zvcm1fZmllbGRfMiBjcy0tcmFkaXVzXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjc19oZWlnaHRfMTYgY3NfaGVpZ2h0X2xnXzE2XCI+PC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxsYWJlbCBjbGFzcz1cInRleHQgbWItLTEwXCI+RW1haWwqPC9sYWJlbD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGlucHV0IHR5cGU9XCJ0ZXh0XCIgY2xhc3M9XCJjc19mb3JtX2ZpZWxkXzIgY3MtLXJhZGl1c1wiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY3NfaGVpZ2h0XzE2IGNzX2hlaWdodF9sZ18xNlwiPjwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9XCJ0ZXh0IG1iLS0xMFwiPldyaXRlIFlvdXIgQ29tbWVudCo8L2xhYmVsPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8dGV4dGFyZWEgY29scz1cIjMwXCIgcm93cz1cIjZcIiBjbGFzcz1cImNzX2Zvcm1fZmllbGRfMiBjcy0tcmFkaXVzXCI+PC90ZXh0YXJlYT5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNzX2hlaWdodF8yNSBjc19oZWlnaHRfbGdfMjVcIj48L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJ0bnNfX2JveCBhbGlnbi0tY2VudGVyXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8YnV0dG9uICAgY2xhc3M9XCJidG4gYnRuX3ByaW1hcnlcIiB0eXBlPVwic3VibWl0XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGI+U2VuZCBNZXNzYWdlPC9iPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiYmFieWxvbi1hcnJvdy1yaWdodC1iaWdcIj48L3NwYW4+IFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PiAgXHJcbiAgICAgICAgICAgICAgICAgICAgPC9mb3JtPlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLWxnLTZcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjc19pbWFnZV9sYXllciBjc19zdHlsZV8zIHBvc2l0aW9uLXJlbGF0aXZlXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGltZyBzcmM9XCIvYXNzZXRzL2JhYnlsb24vZm90b3MvY29udGFjdF9pbWcuanBlZ1wiIGFsdD1cIkNvbnRhY3RcIiBjbGFzcz1cImNzLS1yYWRpdXNcIj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG48L3NlY3Rpb24+XHJcblxyXG48c2VjdGlvbiBjbGFzcz1cImJhYnlsb25fX2NvbnRhY3QtYWRkcmVzcyBtYXJnaW4tbWFpbiBcIj4gICAgIFxyXG4gICAgPGRpdiBjbGFzcz1cImNvbnRhaW5lclwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjc19jb250YWN0X2luZm9fYm94ZXNcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNzX2NvbnRhY3RfaW5mb19ib3hcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjc19pY29uYm94IGNzX3N0eWxlXzRcIj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY3NfaWNvbmJveF9pY29uIGNzX2NlbnRlciByb3VuZGVkLWNpcmNsZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaW5mby0taWNvbiBpY29uLS1tZWRpdW0gXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aSBjbGFzcz1cImljb24tLXN2ZyBpY29uLW1vdW50YWluX3ZpZXdfaWNvX3NtYWxsIFwiPjwvaT4gXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PiAgXHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNzX2ljb25ib3hfcmlnaHRcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImludHJvX2luZm8xIG5vLWFsaWduXCI+IFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGgyIGNsYXNzPVwidGl0bGUtLXNtYWxsZXIgbWItLTBcIj5BZGRyZXNzIEJhYnlsb248L2gyPiAgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cInRleHQgbWItLTBcIj4gNDUyIDE1aCBTdHJlZXQsIE9mZmljZSA3NDEsIE9oaW8sIERlIDQ3NzU0LCBVU0E8L3A+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PiAgIFxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY3NfY29udGFjdF9pbmZvX2JveFwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNzX2ljb25ib3ggY3Nfc3R5bGVfNFwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjc19pY29uYm94X2ljb24gY3NfY2VudGVyIHJvdW5kZWQtY2lyY2xlXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpbmZvLS1pY29uIGljb24tLW1lZGl1bSBcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpIGNsYXNzPVwiaWNvbi0tc3ZnICBpY29uLW1vdW50YWluX3ZpZXdfaWNvX3NtYWxsXCI+PC9pPiBcclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+ICAgXHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNzX2ljb25ib3hfcmlnaHRcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImludHJvX2luZm8xIG5vLWFsaWduXCI+IFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGgyIGNsYXNzPVwidGl0bGUtLXNtYWxsZXIgbWItLTBcIj5FbWFpbCBhZGRyZXNzPC9oMj4gIFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9XCJ0ZXh0IG1iLS0wXCI+PGEgaHJlZj1cIm1haWx0bzppbmZvLWJhYnlsb24uY29tXCI+aW5mLWJhYnlsb24uY29tPC9hPiAgPC9wPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj4gIFxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY3NfY29udGFjdF9pbmZvX2JveFwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNzX2ljb25ib3ggY3Nfc3R5bGVfNFwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjc19pY29uYm94X2ljb24gY3NfY2VudGVyIHJvdW5kZWQtY2lyY2xlXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpbmZvLS1pY29uIGljb24tLW1lZGl1bSBcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpIGNsYXNzPVwiaWNvbi0tc3ZnIGljb24tcGhvbmUxX2ljb19zbWFsbFwiPjwvaT4gXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PiAgIFxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjc19pY29uYm94X3JpZ2h0XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpbnRyb19pbmZvMSBuby1hbGlnblwiPiBcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxoMiBjbGFzcz1cInRpdGxlLS1zbWFsbGVyIG1iLS0wXCI+UmVzZXJ2YXRpb25zPC9oMj4gIFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9XCJ0ZXh0IG1iLS0wXCI+PGEgaHJlZj1cInRlbDorMjE0NTQ0NTEyMDA5XCI+KzIxIDQ1NCA0NTEgMjAwOTwvYT4gIDwvcD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+ICBcclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gIDwvc2VjdGlvbj4iXX0=
+            args: [{ selector: 'lib-babylon-contact-form', standalone: true, imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        MatCheckboxModule,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, 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                      @if(pretitle){\r\n                        <h3 class=\"subtitle\">{{ pretitle }} </h3>\r\n                      } @if(title){\r\n                        <h2 class=\"title wow fadeInUp\" data-wow-duration=\"0.8s\" data-wow-delay=\"0.2s\">{{ title }}</h2>\r\n                      } @if(description){\r\n                        <p class=\"text mb--0\">{{ description }}</p>\r\n                      }\r\n                    </div>\r\n                    @if (formReady()) {\r\n                      <form [formGroup]=\"form\" id=\"contactform\" class=\"cs_form cs_style_2\">\r\n                        @if (inputs?.length) {\r\n                          @for (input of inputs; track  $index) {\r\n                            <div>\r\n                              @if (input.title) {\r\n                              <label class=\"text mb--10\">{{ input.title }}*</label>\r\n                              }\r\n                              <input\r\n                                class=\"cs_form_field_2 cs--radius\"\r\n                                [type]=\"input.type\"\r\n                                [id]=\"input.name\"\r\n                                [name]=\"input.name\"\r\n                                [placeholder]=\"input.title\"\r\n                                [formControlName]=\"input.name!\"\r\n                                [value]=\"input.value\"\r\n                                (blur)=\"validateInput(input)\"\r\n                                (change)=\"inputChange($event, input)\"\r\n                              >\r\n                              @if (!input?.valid) {\r\n                                <div class=\"form-warning\">\r\n                                  <small>{{ input?.error }}</small>\r\n                                </div>\r\n                              }\r\n                            </div>\r\n                          }\r\n                        }\r\n                        @if (textarea) {\r\n                          <div>\r\n                            @if (textarea.title) {\r\n                              <label class=\"text mb--10\">{{ textarea.title }}*</label>\r\n                            }\r\n                            <textarea\r\n                              cols=\"30\"\r\n                              rows=\"6\"\r\n                              class=\"cs_form_field_2 cs--radius\"\r\n                              [id]=\"textarea.name\"\r\n                              [formControlName]=\"textarea.name!\"\r\n                              [placeholder]=\"textarea.title\"\r\n                            ></textarea>\r\n                            @if (!textarea.valid) {\r\n                              <div class=\"form-warning\">\r\n                                <small>{{ textarea.error }}</small>\r\n                              </div>\r\n                            }\r\n                          </div>\r\n                        }\r\n\r\n                        @if (conditions) {\r\n                          <div>\r\n                            <mat-checkbox\r\n                                class=\"formcontrol\"\r\n                                formControlName=\"checkbox\"\r\n                            ></mat-checkbox>\r\n                            <span\r\n                              class=\"conditions\"\r\n                              [innerHTML]=\"conditions\"\r\n                            >\r\n                            </span>\r\n                          </div>\r\n                        }\r\n\r\n                        @if (button) {\r\n                          <div class=\"btns__box align--center\">\r\n                              <button\r\n                                class=\"btn btn_primary\"\r\n                                type=\"submit\"\r\n                                [ngClass]=\"{ 'pointers-none': !form.valid }\"\r\n                                (click)=\"submitForm($event)\"\r\n                              >\r\n                                  <b>{{ button.label }}</b>\r\n                                  <span class=\"babylon-arrow-right-big\"></span>\r\n                              </button>\r\n                          </div>\r\n                        }\r\n                      </form>\r\n                    }\r\n                </div>\r\n            </div>\r\n            @if(image){\r\n              <div class=\"col-lg-6\">\r\n                  <div class=\"cs_image_layer cs_style_3 position-relative\">\r\n                      <img [src]=\"image\" alt=\"Contact\" class=\"cs--radius\">\r\n                  </div>\r\n              </div>\r\n            }\r\n        </div>\r\n    </div>\r\n</section>\r\n\r\n@if(info){\r\n  <section class=\"babylon__contact-address margin-main \">\r\n    <div class=\"container\">\r\n        <div class=\"cs_contact_info_boxes\">\r\n            @if (info.address) {\r\n              <div class=\"cs_contact_info_box\">\r\n                  <div class=\"cs_iconbox cs_style_4\">\r\n                      @if (info.address.icon; as icon) {\r\n                        <div class=\"cs_iconbox_icon cs_center rounded-circle\">\r\n                            <div class=\"info--icon icon--medium \">\r\n                                <i [ngClass]=\"icon\"></i>\r\n                            </div>\r\n                        </div>\r\n                      }\r\n                      <div class=\"cs_iconbox_right\">\r\n                          <div class=\"intro_info1 no-align\">\r\n                            @if (info.address.title; as title) {\r\n                              <h2 class=\"title--smaller mb--0\">{{ title }}</h2>\r\n                            } @if (info.address.text; as text) {\r\n                              <p class=\"text mb--0\"> {{ text }}</p>\r\n                            }\r\n                          </div>\r\n                      </div>\r\n                  </div>\r\n              </div>\r\n            }\r\n            @if (info.email;as email) {\r\n              <div class=\"cs_contact_info_box\">\r\n                  <div class=\"cs_iconbox cs_style_4\">\r\n                      @if(email.icon;as icon){\r\n                        <div class=\"cs_iconbox_icon cs_center rounded-circle\">\r\n                            <div class=\"info--icon icon--medium \">\r\n                                <i [ngClass]=\"icon\"></i>\r\n                            </div>\r\n                        </div>\r\n                      }\r\n                      <div class=\"cs_iconbox_right\">\r\n                          <div class=\"intro_info1 no-align\">\r\n                            @if(email.title;as title){\r\n                              <h2 class=\"title--smaller mb--0\">{{ title }}</h2>\r\n                            } @if(email.links; as links) {\r\n                              <p class=\"text mb--0\">\r\n                                @for (link of links; track $index; let last = $last) {\r\n                                  <a [href]=\"link.url\">{{ link.label }}</a>\r\n                                @if(!last){-} }\r\n                              </p>\r\n                              }\r\n                          </div>\r\n                      </div>\r\n                  </div>\r\n              </div>\r\n            }\r\n            @if (info.phone;as phone) {\r\n              <div class=\"cs_contact_info_box\">\r\n                  <div class=\"cs_iconbox cs_style_4\">\r\n                      @if(phone.icon;as icon){\r\n                        <div class=\"cs_iconbox_icon cs_center rounded-circle\">\r\n                            <div class=\"info--icon icon--medium \">\r\n                                <i [ngClass]=\"icon\"]></i>\r\n                            </div>\r\n                        </div>\r\n                      }\r\n                        <div class=\"cs_iconbox_right\">\r\n                            <div class=\"intro_info1 no-align\">\r\n                              @if (phone.title; as title) {\r\n                                <h2 class=\"title--smaller mb--0\">{{ title }}</h2>\r\n                              } @if (phone.links; as links) {\r\n                                  @for (link of links; track $index) {\r\n                                    <p class=\"text mb--0\"><a [href]=\"link.url\">{{ link.label }}</a>  </p>\r\n                                  }\r\n                                }\r\n                            </div>\r\n                        </div>\r\n                  </div>\r\n              </div>\r\n            }\r\n        </div>\r\n    </div>\r\n  </section>\r\n  }\r\n", 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"] }]
+        }], ctorParameters: () => [{ type: i1.FormBuilder }], propDecorators: { info: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], pretitle: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], inputs: [{
+                type: Input
+            }], textarea: [{
+                type: Input
+            }], conditions: [{
+                type: Input
+            }], button: [{
+                type: Input
+            }], image: [{
+                type: Input
+            }], submit: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFieWxvbi1jb250YWN0LWZvcm0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFieWxvbi9zcmMvbGliL2NvbXBvbmVudHMvY29yZS9iYWJ5bG9uLWNvbnRhY3QtZm9ybS9iYWJ5bG9uLWNvbnRhY3QtZm9ybS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYWJ5bG9uL3NyYy9saWIvY29tcG9uZW50cy9jb3JlL2JhYnlsb24tY29udGFjdC1mb3JtL2JhYnlsb24tY29udGFjdC1mb3JtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUdoSCxPQUFPLEVBQWUsV0FBVyxFQUFFLG1CQUFtQixFQUFhLFVBQVUsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3RHLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDOzs7OztBQWdCL0QsTUFBTSxPQUFPLDJCQUEyQjtJQWlCdEMsWUFBNkIsRUFBZTtRQUFmLE9BQUUsR0FBRixFQUFFLENBQWE7UUFObEMsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFJM0MsY0FBUyxHQUFHLE1BQU0sQ0FBVSxLQUFLLENBQUMsQ0FBQztJQUVZLENBQUM7SUFFaEQsUUFBUTtRQUNOLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRUQsY0FBYztRQUNaLE1BQU0sUUFBUSxHQUEyQixFQUFFLENBQUM7UUFFM0MsSUFBSSxDQUFDLE1BQU0sRUFBRSxPQUFPLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRTtZQUMxQixJQUFJLEtBQUssQ0FBQyxJQUFJLEVBQUU7Z0JBQ1osUUFBUSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsRUFBRSxLQUFLLENBQUMsVUFBVSxDQUFDLENBQUM7YUFDakQ7UUFDTCxDQUFDLENBQUMsQ0FBQztRQUVILElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNmLFFBQVEsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUssQ0FBQyxHQUFHLENBQUMsRUFBRSxFQUFFLElBQUksQ0FBQyxRQUFRLEVBQUUsVUFBVSxDQUFDLENBQUM7U0FDbkU7UUFFRCxRQUFRLENBQUMsVUFBVSxDQUFDLEdBQUcsQ0FBQyxLQUFLLEVBQUUsVUFBVSxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBRXhELElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDcEMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDN0IsQ0FBQztJQUVELGFBQWEsQ0FBQyxLQUFvQjtRQUM5QixJQUFJLEtBQUssRUFBRTtZQUNQLEtBQUssQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLElBQUssQ0FBQyxDQUFDLE1BQU0sS0FBSyxJQUFJLENBQUM7U0FDakU7SUFDTCxDQUFDO0lBRUQsV0FBVyxDQUFDLEtBQVksRUFBRSxLQUFvQjtRQUMxQyxNQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsTUFBMEIsQ0FBQztRQUV0RCxJQUFJLEtBQUssQ0FBQyxJQUFJLEtBQUssS0FBSyxFQUFFO1lBQ3RCLFlBQVksQ0FBQyxLQUFLLEdBQUcsWUFBWSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsVUFBVSxFQUFFLEVBQUUsQ0FBQyxDQUFDO1NBQ25FO0lBQ0wsQ0FBQztJQUVELFNBQVM7UUFDTCxJQUFJLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxDQUFDO1FBQ25CLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNmLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQztTQUM1QjtRQUNELElBQUksQ0FBQyxNQUFNLEVBQUUsT0FBTyxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUU7WUFDM0IsS0FBSyxDQUFDLEtBQUssR0FBRyxFQUFFLENBQUM7UUFDckIsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQsVUFBVSxDQUFDLENBQVE7UUFDZixDQUFDLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDbkIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNsQyxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7SUFDckIsQ0FBQzsrR0F0RVUsMkJBQTJCO21HQUEzQiwyQkFBMkIsbVRDckJ4Qyx1dVJBd0xBLG0zQkQ1S0ksWUFBWSw0SEFDWixXQUFXLDJwQkFDWCxtQkFBbUIsK1VBQ25CLGlCQUFpQjs7NEZBTVIsMkJBQTJCO2tCQWJ2QyxTQUFTOytCQUNFLDBCQUEwQixjQUN4QixJQUFJLFdBQ1A7d0JBQ1AsWUFBWTt3QkFDWixXQUFXO3dCQUNYLG1CQUFtQjt3QkFDbkIsaUJBQWlCO3FCQUNsQixtQkFHb0IsdUJBQXVCLENBQUMsTUFBTTtnRkFHMUMsSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUVJLE1BQU07c0JBQWYsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBzaWduYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQmFieWxvbkJ1dHRvbkkgfSBmcm9tICcuLi8uLi8uLi9pbnRlcmZhY2VzL2JhYnlsb24tYnV0dG9uLmludGVyZmFjZSc7XHJcbmltcG9ydCB7IEJhYnlsb25JbnB1dEkgfSBmcm9tICcuLi8uLi8uLi9pbnRlcmZhY2VzL2JhYnlsb24taW5wdXQuaW50ZXJmYWNlJztcclxuaW1wb3J0IHsgRm9ybUJ1aWxkZXIsIEZvcm1zTW9kdWxlLCBSZWFjdGl2ZUZvcm1zTW9kdWxlLCBGb3JtR3JvdXAsIFZhbGlkYXRvcnMgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IE1hdENoZWNrYm94TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvY2hlY2tib3gnO1xyXG5pbXBvcnQgeyBCYWJ5bG9uSW1hZ2VJIH0gZnJvbSAnLi4vLi4vLi4vaW50ZXJmYWNlcy9iYWJ5bG9uLWltYWdlLmludGVyZmFjZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1iYWJ5bG9uLWNvbnRhY3QtZm9ybScsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBDb21tb25Nb2R1bGUsXHJcbiAgICBGb3Jtc01vZHVsZSxcclxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXHJcbiAgICBNYXRDaGVja2JveE1vZHVsZSxcclxuICBdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9iYWJ5bG9uLWNvbnRhY3QtZm9ybS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2JhYnlsb24tY29udGFjdC1mb3JtLmNvbXBvbmVudC5zY3NzJyxcclxuICAgICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBCYWJ5bG9uQ29udGFjdEZvcm1Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXR7XHJcbiAgQElucHV0KCkgaW5mbz86IEJhYnlsb25Db250YWN0Rm9ybUluZm87XHJcbiAgQElucHV0KCkgdGl0bGU/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgcHJldGl0bGU/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgZGVzY3JpcHRpb24/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgaW5wdXRzPzogQmFieWxvbklucHV0SVtdO1xyXG4gIEBJbnB1dCgpIHRleHRhcmVhPzogQmFieWxvbklucHV0STtcclxuICBASW5wdXQoKSBjb25kaXRpb25zPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGJ1dHRvbj86IEJhYnlsb25CdXR0b25JO1xyXG4gIEBJbnB1dCgpIGltYWdlPzogQmFieWxvbkltYWdlSTtcclxuXHJcbiAgQE91dHB1dCgpIHN1Ym1pdCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG5cclxuICBmb3JtITogRm9ybUdyb3VwO1xyXG5cclxuICBmb3JtUmVhZHkgPSBzaWduYWw8Ym9vbGVhbj4oZmFsc2UpO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IGZiOiBGb3JtQnVpbGRlcikge31cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmluaXRpYWxpemVGb3JtKCk7XHJcbiAgfVxyXG5cclxuICBpbml0aWFsaXplRm9ybSgpOiB2b2lkIHtcclxuICAgIGNvbnN0IGNvbnRyb2xzOiB7IFtrZXk6IHN0cmluZ106IGFueSB9ID0ge307XHJcblxyXG4gICAgIHRoaXMuaW5wdXRzPy5mb3JFYWNoKChpbnB1dCkgPT4ge1xyXG4gICAgICAgICAgaWYgKGlucHV0Lm5hbWUpIHtcclxuICAgICAgICAgICAgICBjb250cm9sc1tpbnB1dC5uYW1lXSA9IFsnJywgaW5wdXQudmFsaWRhdG9yc107XHJcbiAgICAgICAgICB9XHJcbiAgICAgIH0pO1xyXG5cclxuICAgICAgaWYgKHRoaXMudGV4dGFyZWEpIHtcclxuICAgICAgICAgIGNvbnRyb2xzW3RoaXMudGV4dGFyZWEubmFtZSFdID0gWycnLCB0aGlzLnRleHRhcmVhPy52YWxpZGF0b3JzXTtcclxuICAgICAgfVxyXG5cclxuICAgICAgY29udHJvbHNbJ2NoZWNrYm94J10gPSBbZmFsc2UsIFZhbGlkYXRvcnMucmVxdWlyZWRUcnVlXTtcclxuXHJcbiAgICAgIHRoaXMuZm9ybSA9IHRoaXMuZmIuZ3JvdXAoY29udHJvbHMpO1xyXG4gICAgICB0aGlzLmZvcm1SZWFkeS5zZXQodHJ1ZSk7XHJcbiAgfVxyXG5cclxuICB2YWxpZGF0ZUlucHV0KGlucHV0OiBCYWJ5bG9uSW5wdXRJKTogdm9pZCB7XHJcbiAgICAgIGlmIChpbnB1dCkge1xyXG4gICAgICAgICAgaW5wdXQudmFsaWQgPSB0aGlzLmZvcm0uY29udHJvbHNbaW5wdXQubmFtZSFdLmVycm9ycyA9PT0gbnVsbDtcclxuICAgICAgfVxyXG4gIH1cclxuXHJcbiAgaW5wdXRDaGFuZ2UoZXZlbnQ6IEV2ZW50LCBpbnB1dDogQmFieWxvbklucHV0SSk6IHZvaWQge1xyXG4gICAgICBjb25zdCBpbnB1dEVsZW1lbnQgPSBldmVudC50YXJnZXQgYXMgSFRNTElucHV0RWxlbWVudDtcclxuXHJcbiAgICAgIGlmIChpbnB1dC50eXBlID09PSAndGVsJykge1xyXG4gICAgICAgICAgaW5wdXRFbGVtZW50LnZhbHVlID0gaW5wdXRFbGVtZW50LnZhbHVlLnJlcGxhY2UoL1teMC05K10vZywgJycpO1xyXG4gICAgICB9XHJcbiAgfVxyXG5cclxuICByZXNldEZvcm0oKTogdm9pZCB7XHJcbiAgICAgIHRoaXMuZm9ybT8ucmVzZXQoKTtcclxuICAgICAgaWYgKHRoaXMudGV4dGFyZWEpIHtcclxuICAgICAgICAgIHRoaXMudGV4dGFyZWEudmFsdWUgPSAnJztcclxuICAgICAgfVxyXG4gICAgICB0aGlzLmlucHV0cz8uZm9yRWFjaCgoaW5wdXQpID0+IHtcclxuICAgICAgICAgIGlucHV0LnZhbHVlID0gJyc7XHJcbiAgICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgc3VibWl0Rm9ybShlOiBFdmVudCk6IHZvaWQge1xyXG4gICAgICBlLnByZXZlbnREZWZhdWx0KCk7XHJcbiAgICAgIHRoaXMuc3VibWl0LmVtaXQodGhpcy5mb3JtLnZhbHVlKTtcclxuICAgICAgdGhpcy5yZXNldEZvcm0oKTtcclxuICB9XHJcbn1cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgQmFieWxvbkNvbnRhY3RGb3JtSW5mbyB7XHJcbiAgICBhZGRyZXNzPzogQmFieWxvbkNvbnRhY3RGb3JtSW5mb0l0ZW07XHJcbiAgICBlbWFpbD86IEJhYnlsb25Db250YWN0Rm9ybUluZm9JdGVtO1xyXG4gICAgcGhvbmU/OiBCYWJ5bG9uQ29udGFjdEZvcm1JbmZvSXRlbTtcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBCYWJ5bG9uQ29udGFjdEZvcm1JbmZvSXRlbSB7XHJcbiAgICBpY29uPzogc3RyaW5nO1xyXG4gICAgdGl0bGU/OiBzdHJpbmc7XHJcbiAgICB0ZXh0Pzogc3RyaW5nO1xyXG4gICAgbGlua3M/OiAoeyBzbWFsbFRleHQ/OiBzdHJpbmcgfSAmIEJhYnlsb25CdXR0b25JKVtdO1xyXG59XHJcbiIsIjxzZWN0aW9uIGNsYXNzPVwiYmFieWxvbl9fY29udGFjdC1mb3JtIG1hcmdpbi1tYWluIFwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImNvbnRhaW5lclwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJyb3cgY3NfZ2FwX3lfNTBcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbC1sZy02XCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY3NfcHJfMTAwXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImludHJvX2luZm8gbWItLTQwXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICBAaWYocHJldGl0bGUpe1xyXG4gICAgICAgICAgICAgICAgICAgICAgICA8aDMgY2xhc3M9XCJzdWJ0aXRsZVwiPnt7IHByZXRpdGxlIH19IDwvaDM+XHJcbiAgICAgICAgICAgICAgICAgICAgICB9IEBpZih0aXRsZSl7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxoMiBjbGFzcz1cInRpdGxlIHdvdyBmYWRlSW5VcFwiIGRhdGEtd293LWR1cmF0aW9uPVwiMC44c1wiIGRhdGEtd293LWRlbGF5PVwiMC4yc1wiPnt7IHRpdGxlIH19PC9oMj5cclxuICAgICAgICAgICAgICAgICAgICAgIH0gQGlmKGRlc2NyaXB0aW9uKXtcclxuICAgICAgICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9XCJ0ZXh0IG1iLS0wXCI+e3sgZGVzY3JpcHRpb24gfX08L3A+XHJcbiAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgQGlmIChmb3JtUmVhZHkoKSkge1xyXG4gICAgICAgICAgICAgICAgICAgICAgPGZvcm0gW2Zvcm1Hcm91cF09XCJmb3JtXCIgaWQ9XCJjb250YWN0Zm9ybVwiIGNsYXNzPVwiY3NfZm9ybSBjc19zdHlsZV8yXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIEBpZiAoaW5wdXRzPy5sZW5ndGgpIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICBAZm9yIChpbnB1dCBvZiBpbnB1dHM7IHRyYWNrICAkaW5kZXgpIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIEBpZiAoaW5wdXQudGl0bGUpIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGxhYmVsIGNsYXNzPVwidGV4dCBtYi0tMTBcIj57eyBpbnB1dC50aXRsZSB9fSo8L2xhYmVsPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbnB1dFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiY3NfZm9ybV9maWVsZF8yIGNzLS1yYWRpdXNcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFt0eXBlXT1cImlucHV0LnR5cGVcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtpZF09XCJpbnB1dC5uYW1lXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbmFtZV09XCJpbnB1dC5uYW1lXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbcGxhY2Vob2xkZXJdPVwiaW5wdXQudGl0bGVcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtmb3JtQ29udHJvbE5hbWVdPVwiaW5wdXQubmFtZSFcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFt2YWx1ZV09XCJpbnB1dC52YWx1ZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKGJsdXIpPVwidmFsaWRhdGVJbnB1dChpbnB1dClcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIChjaGFuZ2UpPVwiaW5wdXRDaGFuZ2UoJGV2ZW50LCBpbnB1dClcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIEBpZiAoIWlucHV0Py52YWxpZCkge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmb3JtLXdhcm5pbmdcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzbWFsbD57eyBpbnB1dD8uZXJyb3IgfX08L3NtYWxsPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICAgICAgQGlmICh0ZXh0YXJlYSkge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBAaWYgKHRleHRhcmVhLnRpdGxlKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxsYWJlbCBjbGFzcz1cInRleHQgbWItLTEwXCI+e3sgdGV4dGFyZWEudGl0bGUgfX0qPC9sYWJlbD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx0ZXh0YXJlYVxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb2xzPVwiMzBcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICByb3dzPVwiNlwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiY3NfZm9ybV9maWVsZF8yIGNzLS1yYWRpdXNcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbaWRdPVwidGV4dGFyZWEubmFtZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtmb3JtQ29udHJvbE5hbWVdPVwidGV4dGFyZWEubmFtZSFcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbcGxhY2Vob2xkZXJdPVwidGV4dGFyZWEudGl0bGVcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPjwvdGV4dGFyZWE+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBAaWYgKCF0ZXh0YXJlYS52YWxpZCkge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZm9ybS13YXJuaW5nXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNtYWxsPnt7IHRleHRhcmVhLmVycm9yIH19PC9zbWFsbD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIH1cclxuXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIEBpZiAoY29uZGl0aW9ucykge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bWF0LWNoZWNrYm94XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJmb3JtY29udHJvbFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZm9ybUNvbnRyb2xOYW1lPVwiY2hlY2tib3hcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPjwvbWF0LWNoZWNrYm94PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJjb25kaXRpb25zXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2lubmVySFRNTF09XCJjb25kaXRpb25zXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgfVxyXG5cclxuICAgICAgICAgICAgICAgICAgICAgICAgQGlmIChidXR0b24pIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYnRuc19fYm94IGFsaWduLS1jZW50ZXJcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGJ1dHRvblxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiYnRuIGJ0bl9wcmltYXJ5XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0eXBlPVwic3VibWl0XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7ICdwb2ludGVycy1ub25lJzogIWZvcm0udmFsaWQgfVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cInN1Ym1pdEZvcm0oJGV2ZW50KVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxiPnt7IGJ1dHRvbi5sYWJlbCB9fTwvYj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiYmFieWxvbi1hcnJvdy1yaWdodC1iaWdcIj48L3NwYW4+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgICA8L2Zvcm0+XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICBAaWYoaW1hZ2Upe1xyXG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wtbGctNlwiPlxyXG4gICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY3NfaW1hZ2VfbGF5ZXIgY3Nfc3R5bGVfMyBwb3NpdGlvbi1yZWxhdGl2ZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgPGltZyBbc3JjXT1cImltYWdlXCIgYWx0PVwiQ29udGFjdFwiIGNsYXNzPVwiY3MtLXJhZGl1c1wiPlxyXG4gICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvc2VjdGlvbj5cclxuXHJcbkBpZihpbmZvKXtcclxuICA8c2VjdGlvbiBjbGFzcz1cImJhYnlsb25fX2NvbnRhY3QtYWRkcmVzcyBtYXJnaW4tbWFpbiBcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJjb250YWluZXJcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY3NfY29udGFjdF9pbmZvX2JveGVzXCI+XHJcbiAgICAgICAgICAgIEBpZiAoaW5mby5hZGRyZXNzKSB7XHJcbiAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNzX2NvbnRhY3RfaW5mb19ib3hcIj5cclxuICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNzX2ljb25ib3ggY3Nfc3R5bGVfNFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgQGlmIChpbmZvLmFkZHJlc3MuaWNvbjsgYXMgaWNvbikge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY3NfaWNvbmJveF9pY29uIGNzX2NlbnRlciByb3VuZGVkLWNpcmNsZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImluZm8tLWljb24gaWNvbi0tbWVkaXVtIFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpIFtuZ0NsYXNzXT1cImljb25cIj48L2k+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY3NfaWNvbmJveF9yaWdodFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpbnRyb19pbmZvMSBuby1hbGlnblwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgQGlmIChpbmZvLmFkZHJlc3MudGl0bGU7IGFzIHRpdGxlKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxoMiBjbGFzcz1cInRpdGxlLS1zbWFsbGVyIG1iLS0wXCI+e3sgdGl0bGUgfX08L2gyPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfSBAaWYgKGluZm8uYWRkcmVzcy50ZXh0OyBhcyB0ZXh0KSB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwIGNsYXNzPVwidGV4dCBtYi0tMFwiPiB7eyB0ZXh0IH19PC9wPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIEBpZiAoaW5mby5lbWFpbDthcyBlbWFpbCkge1xyXG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjc19jb250YWN0X2luZm9fYm94XCI+XHJcbiAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjc19pY29uYm94IGNzX3N0eWxlXzRcIj5cclxuICAgICAgICAgICAgICAgICAgICAgIEBpZihlbWFpbC5pY29uO2FzIGljb24pe1xyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY3NfaWNvbmJveF9pY29uIGNzX2NlbnRlciByb3VuZGVkLWNpcmNsZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImluZm8tLWljb24gaWNvbi0tbWVkaXVtIFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpIFtuZ0NsYXNzXT1cImljb25cIj48L2k+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY3NfaWNvbmJveF9yaWdodFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpbnRyb19pbmZvMSBuby1hbGlnblwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgQGlmKGVtYWlsLnRpdGxlO2FzIHRpdGxlKXtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGgyIGNsYXNzPVwidGl0bGUtLXNtYWxsZXIgbWItLTBcIj57eyB0aXRsZSB9fTwvaDI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9IEBpZihlbWFpbC5saW5rczsgYXMgbGlua3MpIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9XCJ0ZXh0IG1iLS0wXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgQGZvciAobGluayBvZiBsaW5rczsgdHJhY2sgJGluZGV4OyBsZXQgbGFzdCA9ICRsYXN0KSB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8YSBbaHJlZl09XCJsaW5rLnVybFwiPnt7IGxpbmsubGFiZWwgfX08L2E+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgQGlmKCFsYXN0KXstfSB9XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvcD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIEBpZiAoaW5mby5waG9uZTthcyBwaG9uZSkge1xyXG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjc19jb250YWN0X2luZm9fYm94XCI+XHJcbiAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjc19pY29uYm94IGNzX3N0eWxlXzRcIj5cclxuICAgICAgICAgICAgICAgICAgICAgIEBpZihwaG9uZS5pY29uO2FzIGljb24pe1xyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY3NfaWNvbmJveF9pY29uIGNzX2NlbnRlciByb3VuZGVkLWNpcmNsZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImluZm8tLWljb24gaWNvbi0tbWVkaXVtIFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpIFtuZ0NsYXNzXT1cImljb25cIl0+PC9pPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY3NfaWNvbmJveF9yaWdodFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImludHJvX2luZm8xIG5vLWFsaWduXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIEBpZiAocGhvbmUudGl0bGU7IGFzIHRpdGxlKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGgyIGNsYXNzPVwidGl0bGUtLXNtYWxsZXIgbWItLTBcIj57eyB0aXRsZSB9fTwvaDI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0gQGlmIChwaG9uZS5saW5rczsgYXMgbGlua3MpIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIEBmb3IgKGxpbmsgb2YgbGlua3M7IHRyYWNrICRpbmRleCkge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cInRleHQgbWItLTBcIj48YSBbaHJlZl09XCJsaW5rLnVybFwiPnt7IGxpbmsubGFiZWwgfX08L2E+ICA8L3A+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9zZWN0aW9uPlxyXG4gIH1cclxuIl19

package/esm2022/lib/components/core/babylon-contact-how/babylon-contact-how.component.mjs

@@ -1,11 +1,19 @@
-import { Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { Component, Input } from '@angular/core';
 import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
 export class BabylonContactHowComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonContactHowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonContactHowComponent, isStandalone: true, selector: "lib-babylon-contact-how", ngImport: i0, template: "<section class=\"babylon__contact-how margin-main  \">  \r\n    <div class=\"cs_slider cs_style_1 cs_slider_gap_30 cs_show_shadow_20\">\r\n        <div class=\"container\">\r\n            <div class=\"cs_section_heading_wrap_1\">\r\n                <div class=\"cs_section_heading cs_style_1\">\r\n                    <div class=\"intro_info no-align\">\r\n                        <h3 class=\"pretitle wow fadeInLeft\" data-wow-duration=\"0.8s\" data-wow-delay=\"0.2s\">Contact how </h3>\r\n                        <h2 class=\"title\">Como llegar</h2>  \r\n                    </div>  \r\n                </div>\r\n                <div class=\"cs_slider_arrows cs_style_4\"> \r\n                    <div class=\"cs_left_arrow slick-arrow cs_center\">\r\n                        <span class=\"babylon-arrow-left-big\"></span>                                                     \r\n                    </div>\r\n                    <div class=\" cs_right_arrow slick-arrow cs_center\">\r\n                        <span class=\"babylon-arrow-right-big\"></span>                                                             \r\n                    </div>\r\n                </div>\r\n            </div>\r\n       \r\n            <div class=\"cs_full_width_right\">\r\n                <div class=\"cs_slider_container\" data-autoplay=\"0\" data-loop=\"1\" data-speed=\"600\" data-center=\"0\" data-variable-width=\"1\" data-slides-per-view=\"responsive\" data-xs-slides=\"1\" data-sm-slides=\"2\" data-md-slides=\"2\" data-lg-slides=\"3\" data-add-slides=\"3\">\r\n                    <div class=\"cs_slider_wrapper\">\r\n                        <div class=\"cs_slide\">\r\n                            <div class=\"cs_iconbox cs_style_3 cs--radius bg--white\">\r\n                                <div class=\"cs_iconbox_icon cs_mb_29 cs_center cs--radius bg--white\"> \r\n                                    <div class=\"info--icon icon--medium \">\r\n                                        <i class=\"icon--svg icon-plane1_ico_big \"></i> \r\n                                    </div>     \r\n                                </div>\r\n                                <h3 class=\"title--small mb--10\">Aeropuerto</h3>\r\n                                <p class=\"text\">Exceptional dining awaits at our resort. Immerse yourself in exquisite  flavors with view to match. Pure indulgence, effortlessly delivered.</p>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"cs_slide\">\r\n                            <div class=\"cs_iconbox cs_style_3 cs--radius bg--white\">\r\n                                <div class=\"cs_iconbox_icon cs_mb_29 cs_center cs--radius bg--white\"> \r\n                                        <div class=\"info--icon icon--medium \">\r\n                                            <i class=\"icon--svg icon-bus1_ico_big \"></i> \r\n                                        </div>     \r\n                                    </div>\r\n                                <h3 class=\"title--small mb--10\">Bus</h3>\r\n                                <p class=\"text\">Exceptional dining awaits at our resort. Immerse yourself in exquisite  flavors with view to match. Pure indulgence, effortlessly delivered.</p>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"cs_slide\">\r\n                            <div class=\"cs_iconbox cs_style_3 cs--radius bg--white\">\r\n                                <div class=\"cs_iconbox_icon cs_mb_29 cs_center cs--radius bg--white\"> \r\n                                    <div class=\"info--icon icon--medium \">\r\n                                        <i class=\"icon--svg icon-car1_ico_big\"></i> \r\n                                    </div>     \r\n                                </div>\r\n                                <h3 class=\"title--small mb--10\">Coche</h3>\r\n                                <p class=\"text\">Exceptional dining awaits at our resort. Immerse yourself in exquisite  flavors with view to match. Pure indulgence, effortlessly delivered.</p>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"cs_slide\">\r\n                            <div class=\"cs_iconbox cs_style_3 cs--radius bg--white\">\r\n                                <div class=\"cs_iconbox_icon cs_mb_29 cs_center cs--radius bg--white\"> \r\n                                    <div class=\"info--icon icon--medium \">\r\n                                        <i class=\"icon--svg icon-train1_ico_big\"></i> \r\n                                    </div>     \r\n                                </div>\r\n                                <h3 class=\"title--small mb--10\">Tren</h3>\r\n                                <p class=\"text\">Exceptional dining awaits at our resort. Immerse yourself in exquisite  flavors with view to match. Pure indulgence, effortlessly delivered.</p>\r\n                            </div>\r\n                        </div>\r\n                \r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"cs_height_50 cs_height_lg_40\"></div>\r\n  </section>", 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_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;--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}.cs_iconbox.cs_style_3{box-shadow:0 0 20px 0 var(--cl_shadow);padding:1px 50px 44px;margin-top:62px}@media (max-width: 991px){.cs_iconbox.cs_style_3{padding:1px 30px 34px}}@media (max-width: 374px){.cs_iconbox.cs_style_3{padding:1px 25px 34px}}.cs_iconbox.cs_style_3 .cs_iconbox_icon{height:125px;width:125px;border:1px solid var(--cl_icon);margin-top:-63px}.cs_iconbox.cs_style_3 .cs_iconbox_icon img{width:60px;transition:all 1s ease}.cs_iconbox.cs_style_3:hover .cs_iconbox_icon img{transform:rotateY(360deg)}.babylon__contact-how{overflow:hidden}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonContactHowComponent, isStandalone: true, selector: "lib-babylon-contact-how", inputs: { pretitle: "pretitle", title: "title", items: "items" }, ngImport: i0, template: "<section class=\"babylon__contact-how margin-main  \">\r\n    <div class=\"cs_slider cs_style_1 cs_slider_gap_30 cs_show_shadow_20\">\r\n        <div class=\"container\">\r\n            <div class=\"cs_section_heading_wrap_1\">\r\n                <div class=\"cs_section_heading cs_style_1\">\r\n                    <div class=\"intro_info no-align\">\r\n                        @if(pretitle){\r\n                          <h3 class=\"pretitle wow fadeInLeft\" data-wow-duration=\"0.8s\" data-wow-delay=\"0.2s\">{{ pretitle }} </h3>\r\n                        } @if(title){\r\n                          <h2 class=\"title\">{{ title }}</h2>\r\n                        }\r\n                    </div>\r\n                </div>\r\n                <div class=\"cs_slider_arrows cs_style_4\">\r\n                    <div class=\"cs_left_arrow slick-arrow cs_center\">\r\n                        <span class=\"babylon-arrow-left-big\"></span>\r\n                    </div>\r\n                    <div class=\" cs_right_arrow slick-arrow cs_center\">\r\n                        <span class=\"babylon-arrow-right-big\"></span>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"cs_full_width_right\">\r\n                <div class=\"cs_slider_container\" data-autoplay=\"0\" data-loop=\"1\" data-speed=\"600\" data-center=\"0\" data-variable-width=\"1\" data-slides-per-view=\"responsive\" data-xs-slides=\"1\" data-sm-slides=\"2\" data-md-slides=\"2\" data-lg-slides=\"3\" data-add-slides=\"3\">\r\n                    <div class=\"cs_slider_wrapper\">\r\n                      @if (items?.length) {\r\n                        @for (item of items; track $index) {\r\n                          <div class=\"cs_slide\">\r\n                              <div class=\"cs_iconbox cs_style_3 cs--radius bg--white\">\r\n                                  <div class=\"cs_iconbox_icon cs_mb_29 cs_center cs--radius bg--white\">\r\n                                      <div class=\"info--icon icon--medium \">\r\n                                          <i class=\"icon--svg icon-plane1_ico_big\" [ngClass]=\"item.icon\"></i>\r\n                                      </div>\r\n                                  </div>\r\n                                  <h3 class=\"title--small mb--10\">{{ item.title }}</h3>\r\n                                  <p class=\"text\">{{ item.description }}</p>\r\n                              </div>\r\n                          </div>\r\n                        }\r\n                      }\r\n\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"cs_height_50 cs_height_lg_40\"></div>\r\n  </section>\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_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;--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}.cs_iconbox.cs_style_3{box-shadow:0 0 20px 0 var(--cl_shadow);padding:1px 50px 44px;margin-top:62px}@media (max-width: 991px){.cs_iconbox.cs_style_3{padding:1px 30px 34px}}@media (max-width: 374px){.cs_iconbox.cs_style_3{padding:1px 25px 34px}}.cs_iconbox.cs_style_3 .cs_iconbox_icon{height:125px;width:125px;border:1px solid var(--cl_icon);margin-top:-63px}.cs_iconbox.cs_style_3 .cs_iconbox_icon img{width:60px;transition:all 1s ease}.cs_iconbox.cs_style_3:hover .cs_iconbox_icon img{transform:rotateY(360deg)}.babylon__contact-how{overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonContactHowComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-babylon-contact-how', standalone: true, imports: [], template: "<section class=\"babylon__contact-how margin-main  \">  \r\n    <div class=\"cs_slider cs_style_1 cs_slider_gap_30 cs_show_shadow_20\">\r\n        <div class=\"container\">\r\n            <div class=\"cs_section_heading_wrap_1\">\r\n                <div class=\"cs_section_heading cs_style_1\">\r\n                    <div class=\"intro_info no-align\">\r\n                        <h3 class=\"pretitle wow fadeInLeft\" data-wow-duration=\"0.8s\" data-wow-delay=\"0.2s\">Contact how </h3>\r\n                        <h2 class=\"title\">Como llegar</h2>  \r\n                    </div>  \r\n                </div>\r\n                <div class=\"cs_slider_arrows cs_style_4\"> \r\n                    <div class=\"cs_left_arrow slick-arrow cs_center\">\r\n                        <span class=\"babylon-arrow-left-big\"></span>                                                     \r\n                    </div>\r\n                    <div class=\" cs_right_arrow slick-arrow cs_center\">\r\n                        <span class=\"babylon-arrow-right-big\"></span>                                                             \r\n                    </div>\r\n                </div>\r\n            </div>\r\n       \r\n            <div class=\"cs_full_width_right\">\r\n                <div class=\"cs_slider_container\" data-autoplay=\"0\" data-loop=\"1\" data-speed=\"600\" data-center=\"0\" data-variable-width=\"1\" data-slides-per-view=\"responsive\" data-xs-slides=\"1\" data-sm-slides=\"2\" data-md-slides=\"2\" data-lg-slides=\"3\" data-add-slides=\"3\">\r\n                    <div class=\"cs_slider_wrapper\">\r\n                        <div class=\"cs_slide\">\r\n                            <div class=\"cs_iconbox cs_style_3 cs--radius bg--white\">\r\n                                <div class=\"cs_iconbox_icon cs_mb_29 cs_center cs--radius bg--white\"> \r\n                                    <div class=\"info--icon icon--medium \">\r\n                                        <i class=\"icon--svg icon-plane1_ico_big \"></i> \r\n                                    </div>     \r\n                                </div>\r\n                                <h3 class=\"title--small mb--10\">Aeropuerto</h3>\r\n                                <p class=\"text\">Exceptional dining awaits at our resort. Immerse yourself in exquisite  flavors with view to match. Pure indulgence, effortlessly delivered.</p>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"cs_slide\">\r\n                            <div class=\"cs_iconbox cs_style_3 cs--radius bg--white\">\r\n                                <div class=\"cs_iconbox_icon cs_mb_29 cs_center cs--radius bg--white\"> \r\n                                        <div class=\"info--icon icon--medium \">\r\n                                            <i class=\"icon--svg icon-bus1_ico_big \"></i> \r\n                                        </div>     \r\n                                    </div>\r\n                                <h3 class=\"title--small mb--10\">Bus</h3>\r\n                                <p class=\"text\">Exceptional dining awaits at our resort. Immerse yourself in exquisite  flavors with view to match. Pure indulgence, effortlessly delivered.</p>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"cs_slide\">\r\n                            <div class=\"cs_iconbox cs_style_3 cs--radius bg--white\">\r\n                                <div class=\"cs_iconbox_icon cs_mb_29 cs_center cs--radius bg--white\"> \r\n                                    <div class=\"info--icon icon--medium \">\r\n                                        <i class=\"icon--svg icon-car1_ico_big\"></i> \r\n                                    </div>     \r\n                                </div>\r\n                                <h3 class=\"title--small mb--10\">Coche</h3>\r\n                                <p class=\"text\">Exceptional dining awaits at our resort. Immerse yourself in exquisite  flavors with view to match. Pure indulgence, effortlessly delivered.</p>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"cs_slide\">\r\n                            <div class=\"cs_iconbox cs_style_3 cs--radius bg--white\">\r\n                                <div class=\"cs_iconbox_icon cs_mb_29 cs_center cs--radius bg--white\"> \r\n                                    <div class=\"info--icon icon--medium \">\r\n                                        <i class=\"icon--svg icon-train1_ico_big\"></i> \r\n                                    </div>     \r\n                                </div>\r\n                                <h3 class=\"title--small mb--10\">Tren</h3>\r\n                                <p class=\"text\">Exceptional dining awaits at our resort. Immerse yourself in exquisite  flavors with view to match. Pure indulgence, effortlessly delivered.</p>\r\n                            </div>\r\n                        </div>\r\n                \r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"cs_height_50 cs_height_lg_40\"></div>\r\n  </section>", 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_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;--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}.cs_iconbox.cs_style_3{box-shadow:0 0 20px 0 var(--cl_shadow);padding:1px 50px 44px;margin-top:62px}@media (max-width: 991px){.cs_iconbox.cs_style_3{padding:1px 30px 34px}}@media (max-width: 374px){.cs_iconbox.cs_style_3{padding:1px 25px 34px}}.cs_iconbox.cs_style_3 .cs_iconbox_icon{height:125px;width:125px;border:1px solid var(--cl_icon);margin-top:-63px}.cs_iconbox.cs_style_3 .cs_iconbox_icon img{width:60px;transition:all 1s ease}.cs_iconbox.cs_style_3:hover .cs_iconbox_icon img{transform:rotateY(360deg)}.babylon__contact-how{overflow:hidden}\n"] }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFieWxvbi1jb250YWN0LWhvdy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYWJ5bG9uL3NyYy9saWIvY29tcG9uZW50cy9jb3JlL2JhYnlsb24tY29udGFjdC1ob3cvYmFieWxvbi1jb250YWN0LWhvdy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYWJ5bG9uL3NyYy9saWIvY29tcG9uZW50cy9jb3JlL2JhYnlsb24tY29udGFjdC1ob3cvYmFieWxvbi1jb250YWN0LWhvdy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVMxQyxNQUFNLE9BQU8sMEJBQTBCOytHQUExQiwwQkFBMEI7bUdBQTFCLDBCQUEwQixtRkNUdkMsK3FLQTBFWTs7NEZEakVDLDBCQUEwQjtrQkFQdEMsU0FBUzsrQkFDRSx5QkFBeUIsY0FDdkIsSUFBSSxXQUNQLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWJhYnlsb24tY29udGFjdC1ob3cnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW10sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2JhYnlsb24tY29udGFjdC1ob3cuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9iYWJ5bG9uLWNvbnRhY3QtaG93LmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgQmFieWxvbkNvbnRhY3RIb3dDb21wb25lbnQge1xyXG5cclxufVxyXG4iLCI8c2VjdGlvbiBjbGFzcz1cImJhYnlsb25fX2NvbnRhY3QtaG93IG1hcmdpbi1tYWluICBcIj4gIFxyXG4gICAgPGRpdiBjbGFzcz1cImNzX3NsaWRlciBjc19zdHlsZV8xIGNzX3NsaWRlcl9nYXBfMzAgY3Nfc2hvd19zaGFkb3dfMjBcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjc19zZWN0aW9uX2hlYWRpbmdfd3JhcF8xXCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY3Nfc2VjdGlvbl9oZWFkaW5nIGNzX3N0eWxlXzFcIj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaW50cm9faW5mbyBuby1hbGlnblwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8aDMgY2xhc3M9XCJwcmV0aXRsZSB3b3cgZmFkZUluTGVmdFwiIGRhdGEtd293LWR1cmF0aW9uPVwiMC44c1wiIGRhdGEtd293LWRlbGF5PVwiMC4yc1wiPkNvbnRhY3QgaG93IDwvaDM+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxoMiBjbGFzcz1cInRpdGxlXCI+Q29tbyBsbGVnYXI8L2gyPiAgXHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+ICBcclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNzX3NsaWRlcl9hcnJvd3MgY3Nfc3R5bGVfNFwiPiBcclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY3NfbGVmdF9hcnJvdyBzbGljay1hcnJvdyBjc19jZW50ZXJcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJiYWJ5bG9uLWFycm93LWxlZnQtYmlnXCI+PC9zcGFuPiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgXHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIiBjc19yaWdodF9hcnJvdyBzbGljay1hcnJvdyBjc19jZW50ZXJcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJiYWJ5bG9uLWFycm93LXJpZ2h0LWJpZ1wiPjwvc3Bhbj4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgXHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICBcclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNzX2Z1bGxfd2lkdGhfcmlnaHRcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjc19zbGlkZXJfY29udGFpbmVyXCIgZGF0YS1hdXRvcGxheT1cIjBcIiBkYXRhLWxvb3A9XCIxXCIgZGF0YS1zcGVlZD1cIjYwMFwiIGRhdGEtY2VudGVyPVwiMFwiIGRhdGEtdmFyaWFibGUtd2lkdGg9XCIxXCIgZGF0YS1zbGlkZXMtcGVyLXZpZXc9XCJyZXNwb25zaXZlXCIgZGF0YS14cy1zbGlkZXM9XCIxXCIgZGF0YS1zbS1zbGlkZXM9XCIyXCIgZGF0YS1tZC1zbGlkZXM9XCIyXCIgZGF0YS1sZy1zbGlkZXM9XCIzXCIgZGF0YS1hZGQtc2xpZGVzPVwiM1wiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjc19zbGlkZXJfd3JhcHBlclwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY3Nfc2xpZGVcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjc19pY29uYm94IGNzX3N0eWxlXzMgY3MtLXJhZGl1cyBiZy0td2hpdGVcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY3NfaWNvbmJveF9pY29uIGNzX21iXzI5IGNzX2NlbnRlciBjcy0tcmFkaXVzIGJnLS13aGl0ZVwiPiBcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImluZm8tLWljb24gaWNvbi0tbWVkaXVtIFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGkgY2xhc3M9XCJpY29uLS1zdmcgaWNvbi1wbGFuZTFfaWNvX2JpZyBcIj48L2k+IFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj4gICAgIFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxoMyBjbGFzcz1cInRpdGxlLS1zbWFsbCBtYi0tMTBcIj5BZXJvcHVlcnRvPC9oMz5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cInRleHRcIj5FeGNlcHRpb25hbCBkaW5pbmcgYXdhaXRzIGF0IG91ciByZXNvcnQuIEltbWVyc2UgeW91cnNlbGYgaW4gZXhxdWlzaXRlICBmbGF2b3JzIHdpdGggdmlldyB0byBtYXRjaC4gUHVyZSBpbmR1bGdlbmNlLCBlZmZvcnRsZXNzbHkgZGVsaXZlcmVkLjwvcD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNzX3NsaWRlXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY3NfaWNvbmJveCBjc19zdHlsZV8zIGNzLS1yYWRpdXMgYmctLXdoaXRlXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNzX2ljb25ib3hfaWNvbiBjc19tYl8yOSBjc19jZW50ZXIgY3MtLXJhZGl1cyBiZy0td2hpdGVcIj4gXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaW5mby0taWNvbiBpY29uLS1tZWRpdW0gXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGkgY2xhc3M9XCJpY29uLS1zdmcgaWNvbi1idXMxX2ljb19iaWcgXCI+PC9pPiBcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PiAgICAgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxoMyBjbGFzcz1cInRpdGxlLS1zbWFsbCBtYi0tMTBcIj5CdXM8L2gzPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwIGNsYXNzPVwidGV4dFwiPkV4Y2VwdGlvbmFsIGRpbmluZyBhd2FpdHMgYXQgb3VyIHJlc29ydC4gSW1tZXJzZSB5b3Vyc2VsZiBpbiBleHF1aXNpdGUgIGZsYXZvcnMgd2l0aCB2aWV3IHRvIG1hdGNoLiBQdXJlIGluZHVsZ2VuY2UsIGVmZm9ydGxlc3NseSBkZWxpdmVyZWQuPC9wPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY3Nfc2xpZGVcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjc19pY29uYm94IGNzX3N0eWxlXzMgY3MtLXJhZGl1cyBiZy0td2hpdGVcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY3NfaWNvbmJveF9pY29uIGNzX21iXzI5IGNzX2NlbnRlciBjcy0tcmFkaXVzIGJnLS13aGl0ZVwiPiBcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImluZm8tLWljb24gaWNvbi0tbWVkaXVtIFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGkgY2xhc3M9XCJpY29uLS1zdmcgaWNvbi1jYXIxX2ljb19iaWdcIj48L2k+IFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj4gICAgIFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxoMyBjbGFzcz1cInRpdGxlLS1zbWFsbCBtYi0tMTBcIj5Db2NoZTwvaDM+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9XCJ0ZXh0XCI+RXhjZXB0aW9uYWwgZGluaW5nIGF3YWl0cyBhdCBvdXIgcmVzb3J0LiBJbW1lcnNlIHlvdXJzZWxmIGluIGV4cXVpc2l0ZSAgZmxhdm9ycyB3aXRoIHZpZXcgdG8gbWF0Y2guIFB1cmUgaW5kdWxnZW5jZSwgZWZmb3J0bGVzc2x5IGRlbGl2ZXJlZC48L3A+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjc19zbGlkZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNzX2ljb25ib3ggY3Nfc3R5bGVfMyBjcy0tcmFkaXVzIGJnLS13aGl0ZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjc19pY29uYm94X2ljb24gY3NfbWJfMjkgY3NfY2VudGVyIGNzLS1yYWRpdXMgYmctLXdoaXRlXCI+IFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaW5mby0taWNvbiBpY29uLS1tZWRpdW0gXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aSBjbGFzcz1cImljb24tLXN2ZyBpY29uLXRyYWluMV9pY29fYmlnXCI+PC9pPiBcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+ICAgICBcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aDMgY2xhc3M9XCJ0aXRsZS0tc21hbGwgbWItLTEwXCI+VHJlbjwvaDM+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9XCJ0ZXh0XCI+RXhjZXB0aW9uYWwgZGluaW5nIGF3YWl0cyBhdCBvdXIgcmVzb3J0LiBJbW1lcnNlIHlvdXJzZWxmIGluIGV4cXVpc2l0ZSAgZmxhdm9ycyB3aXRoIHZpZXcgdG8gbWF0Y2guIFB1cmUgaW5kdWxnZW5jZSwgZWZmb3J0bGVzc2x5IGRlbGl2ZXJlZC48L3A+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICBcclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImNzX2hlaWdodF81MCBjc19oZWlnaHRfbGdfNDBcIj48L2Rpdj5cclxuICA8L3NlY3Rpb24+Il19
+            args: [{ selector: 'lib-babylon-contact-how', standalone: true, imports: [CommonModule], template: "<section class=\"babylon__contact-how margin-main  \">\r\n    <div class=\"cs_slider cs_style_1 cs_slider_gap_30 cs_show_shadow_20\">\r\n        <div class=\"container\">\r\n            <div class=\"cs_section_heading_wrap_1\">\r\n                <div class=\"cs_section_heading cs_style_1\">\r\n                    <div class=\"intro_info no-align\">\r\n                        @if(pretitle){\r\n                          <h3 class=\"pretitle wow fadeInLeft\" data-wow-duration=\"0.8s\" data-wow-delay=\"0.2s\">{{ pretitle }} </h3>\r\n                        } @if(title){\r\n                          <h2 class=\"title\">{{ title }}</h2>\r\n                        }\r\n                    </div>\r\n                </div>\r\n                <div class=\"cs_slider_arrows cs_style_4\">\r\n                    <div class=\"cs_left_arrow slick-arrow cs_center\">\r\n                        <span class=\"babylon-arrow-left-big\"></span>\r\n                    </div>\r\n                    <div class=\" cs_right_arrow slick-arrow cs_center\">\r\n                        <span class=\"babylon-arrow-right-big\"></span>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"cs_full_width_right\">\r\n                <div class=\"cs_slider_container\" data-autoplay=\"0\" data-loop=\"1\" data-speed=\"600\" data-center=\"0\" data-variable-width=\"1\" data-slides-per-view=\"responsive\" data-xs-slides=\"1\" data-sm-slides=\"2\" data-md-slides=\"2\" data-lg-slides=\"3\" data-add-slides=\"3\">\r\n                    <div class=\"cs_slider_wrapper\">\r\n                      @if (items?.length) {\r\n                        @for (item of items; track $index) {\r\n                          <div class=\"cs_slide\">\r\n                              <div class=\"cs_iconbox cs_style_3 cs--radius bg--white\">\r\n                                  <div class=\"cs_iconbox_icon cs_mb_29 cs_center cs--radius bg--white\">\r\n                                      <div class=\"info--icon icon--medium \">\r\n                                          <i class=\"icon--svg icon-plane1_ico_big\" [ngClass]=\"item.icon\"></i>\r\n                                      </div>\r\n                                  </div>\r\n                                  <h3 class=\"title--small mb--10\">{{ item.title }}</h3>\r\n                                  <p class=\"text\">{{ item.description }}</p>\r\n                              </div>\r\n                          </div>\r\n                        }\r\n                      }\r\n\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"cs_height_50 cs_height_lg_40\"></div>\r\n  </section>\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_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;--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}.cs_iconbox.cs_style_3{box-shadow:0 0 20px 0 var(--cl_shadow);padding:1px 50px 44px;margin-top:62px}@media (max-width: 991px){.cs_iconbox.cs_style_3{padding:1px 30px 34px}}@media (max-width: 374px){.cs_iconbox.cs_style_3{padding:1px 25px 34px}}.cs_iconbox.cs_style_3 .cs_iconbox_icon{height:125px;width:125px;border:1px solid var(--cl_icon);margin-top:-63px}.cs_iconbox.cs_style_3 .cs_iconbox_icon img{width:60px;transition:all 1s ease}.cs_iconbox.cs_style_3:hover .cs_iconbox_icon img{transform:rotateY(360deg)}.babylon__contact-how{overflow:hidden}\n"] }]
+        }], propDecorators: { pretitle: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], items: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFieWxvbi1jb250YWN0LWhvdy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYWJ5bG9uL3NyYy9saWIvY29tcG9uZW50cy9jb3JlL2JhYnlsb24tY29udGFjdC1ob3cvYmFieWxvbi1jb250YWN0LWhvdy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYWJ5bG9uL3NyYy9saWIvY29tcG9uZW50cy9jb3JlL2JhYnlsb24tY29udGFjdC1ob3cvYmFieWxvbi1jb250YWN0LWhvdy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVNqRCxNQUFNLE9BQU8sMEJBQTBCOytHQUExQiwwQkFBMEI7bUdBQTFCLDBCQUEwQixxSkNWdkMsMHNGQWlEQSw4bk9EM0NZLFlBQVk7OzRGQUlYLDBCQUEwQjtrQkFQdEMsU0FBUzsrQkFDRSx5QkFBeUIsY0FDdkIsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDOzhCQUtkLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWJhYnlsb24tY29udGFjdC1ob3cnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2JhYnlsb24tY29udGFjdC1ob3cuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9iYWJ5bG9uLWNvbnRhY3QtaG93LmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgQmFieWxvbkNvbnRhY3RIb3dDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIHByZXRpdGxlPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHRpdGxlPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGl0ZW1zPzogQmFieWxvbkNvbnRhY3RNYXBJdGVtW107XHJcblxyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIEJhYnlsb25Db250YWN0TWFwSXRlbSB7XHJcbiAgdGl0bGU/OiBzdHJpbmc7XHJcbiAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XHJcbiAgaWNvbj86IHN0cmluZztcclxufVxyXG4iLCI8c2VjdGlvbiBjbGFzcz1cImJhYnlsb25fX2NvbnRhY3QtaG93IG1hcmdpbi1tYWluICBcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJjc19zbGlkZXIgY3Nfc3R5bGVfMSBjc19zbGlkZXJfZ2FwXzMwIGNzX3Nob3dfc2hhZG93XzIwXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbnRhaW5lclwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY3Nfc2VjdGlvbl9oZWFkaW5nX3dyYXBfMVwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNzX3NlY3Rpb25faGVhZGluZyBjc19zdHlsZV8xXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImludHJvX2luZm8gbm8tYWxpZ25cIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgQGlmKHByZXRpdGxlKXtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICA8aDMgY2xhc3M9XCJwcmV0aXRsZSB3b3cgZmFkZUluTGVmdFwiIGRhdGEtd293LWR1cmF0aW9uPVwiMC44c1wiIGRhdGEtd293LWRlbGF5PVwiMC4yc1wiPnt7IHByZXRpdGxlIH19IDwvaDM+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIH0gQGlmKHRpdGxlKXtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICA8aDIgY2xhc3M9XCJ0aXRsZVwiPnt7IHRpdGxlIH19PC9oMj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY3Nfc2xpZGVyX2Fycm93cyBjc19zdHlsZV80XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNzX2xlZnRfYXJyb3cgc2xpY2stYXJyb3cgY3NfY2VudGVyXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiYmFieWxvbi1hcnJvdy1sZWZ0LWJpZ1wiPjwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiIGNzX3JpZ2h0X2Fycm93IHNsaWNrLWFycm93IGNzX2NlbnRlclwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImJhYnlsb24tYXJyb3ctcmlnaHQtYmlnXCI+PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNzX2Z1bGxfd2lkdGhfcmlnaHRcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjc19zbGlkZXJfY29udGFpbmVyXCIgZGF0YS1hdXRvcGxheT1cIjBcIiBkYXRhLWxvb3A9XCIxXCIgZGF0YS1zcGVlZD1cIjYwMFwiIGRhdGEtY2VudGVyPVwiMFwiIGRhdGEtdmFyaWFibGUtd2lkdGg9XCIxXCIgZGF0YS1zbGlkZXMtcGVyLXZpZXc9XCJyZXNwb25zaXZlXCIgZGF0YS14cy1zbGlkZXM9XCIxXCIgZGF0YS1zbS1zbGlkZXM9XCIyXCIgZGF0YS1tZC1zbGlkZXM9XCIyXCIgZGF0YS1sZy1zbGlkZXM9XCIzXCIgZGF0YS1hZGQtc2xpZGVzPVwiM1wiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjc19zbGlkZXJfd3JhcHBlclwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgQGlmIChpdGVtcz8ubGVuZ3RoKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIEBmb3IgKGl0ZW0gb2YgaXRlbXM7IHRyYWNrICRpbmRleCkge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjc19zbGlkZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY3NfaWNvbmJveCBjc19zdHlsZV8zIGNzLS1yYWRpdXMgYmctLXdoaXRlXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY3NfaWNvbmJveF9pY29uIGNzX21iXzI5IGNzX2NlbnRlciBjcy0tcmFkaXVzIGJnLS13aGl0ZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpbmZvLS1pY29uIGljb24tLW1lZGl1bSBcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGkgY2xhc3M9XCJpY29uLS1zdmcgaWNvbi1wbGFuZTFfaWNvX2JpZ1wiIFtuZ0NsYXNzXT1cIml0ZW0uaWNvblwiPjwvaT5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGgzIGNsYXNzPVwidGl0bGUtLXNtYWxsIG1iLS0xMFwiPnt7IGl0ZW0udGl0bGUgfX08L2gzPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9XCJ0ZXh0XCI+e3sgaXRlbS5kZXNjcmlwdGlvbiB9fTwvcD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICAgIH1cclxuXHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJjc19oZWlnaHRfNTAgY3NfaGVpZ2h0X2xnXzQwXCI+PC9kaXY+XHJcbiAgPC9zZWN0aW9uPlxyXG4iXX0=

package/esm2022/lib/components/core/babylon-contact-map/babylon-contact-map.component.mjs

@@ -1,11 +1,20 @@
-import { Component } from '@angular/core';
+import { Component, Input } from '@angular/core';
 import * as i0 from "@angular/core";
+import * as i1 from "@angular/platform-browser";
 export class BabylonContactMapComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonContactMapComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonContactMapComponent, isStandalone: true, selector: "lib-babylon-contact-map", ngImport: i0, template: "<section class=\"babylon__contact-map margin-main \">    \r\n <div class=\"cs_google_map cs_style_1\">\r\n   <!-- pueder ser ifram de maps o foto -->\r\n   <iframe src=\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d98317.66092796398!2d2.723948682446967!3d39.64010594089457!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x1297c5c6ef5b331f%3A0x54e17b037254e39e!2sClicktotravel!5e0!3m2!1ses!2ses!4v1737371606195!5m2!1ses!2ses\" allowfullscreen></iframe>\r\n\r\n  </div>\r\n</section>\r\n", styles: [""] }); }
+    get safeUrl() {
+        return this.sanitizer.bypassSecurityTrustResourceUrl(this.contentUrl);
+    }
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonContactMapComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonContactMapComponent, isStandalone: true, selector: "lib-babylon-contact-map", inputs: { contentUrl: "contentUrl" }, ngImport: i0, template: "<section class=\"babylon__contact-map margin-main \">\r\n <div class=\"cs_google_map cs_style_1\">\r\n   <!-- pueder ser ifram de maps o foto -->\r\n    @if (contentUrl) {\r\n      <iframe\r\n        [src]=\"safeUrl\"\r\n        allowfullscreen\r\n        loading=\"lazy\"\r\n      ></iframe>\r\n    }\r\n\r\n  </div>\r\n</section>\r\n", styles: [""] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonContactMapComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-babylon-contact-map', standalone: true, imports: [], template: "<section class=\"babylon__contact-map margin-main \">    \r\n <div class=\"cs_google_map cs_style_1\">\r\n   <!-- pueder ser ifram de maps o foto -->\r\n   <iframe src=\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d98317.66092796398!2d2.723948682446967!3d39.64010594089457!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x1297c5c6ef5b331f%3A0x54e17b037254e39e!2sClicktotravel!5e0!3m2!1ses!2ses!4v1737371606195!5m2!1ses!2ses\" allowfullscreen></iframe>\r\n\r\n  </div>\r\n</section>\r\n" }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFieWxvbi1jb250YWN0LW1hcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYWJ5bG9uL3NyYy9saWIvY29tcG9uZW50cy9jb3JlL2JhYnlsb24tY29udGFjdC1tYXAvYmFieWxvbi1jb250YWN0LW1hcC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYWJ5bG9uL3NyYy9saWIvY29tcG9uZW50cy9jb3JlL2JhYnlsb24tY29udGFjdC1tYXAvYmFieWxvbi1jb250YWN0LW1hcC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVMxQyxNQUFNLE9BQU8sMEJBQTBCOytHQUExQiwwQkFBMEI7bUdBQTFCLDBCQUEwQixtRkNUdkMsbWZBT0E7OzRGREVhLDBCQUEwQjtrQkFQdEMsU0FBUzsrQkFDRSx5QkFBeUIsY0FDdkIsSUFBSSxXQUNQLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWJhYnlsb24tY29udGFjdC1tYXAnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW10sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2JhYnlsb24tY29udGFjdC1tYXAuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9iYWJ5bG9uLWNvbnRhY3QtbWFwLmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgQmFieWxvbkNvbnRhY3RNYXBDb21wb25lbnQge1xyXG5cclxufVxyXG4iLCI8c2VjdGlvbiBjbGFzcz1cImJhYnlsb25fX2NvbnRhY3QtbWFwIG1hcmdpbi1tYWluIFwiPiAgICBcclxuIDxkaXYgY2xhc3M9XCJjc19nb29nbGVfbWFwIGNzX3N0eWxlXzFcIj5cclxuICAgPCEtLSBwdWVkZXIgc2VyIGlmcmFtIGRlIG1hcHMgbyBmb3RvIC0tPlxyXG4gICA8aWZyYW1lIHNyYz1cImh0dHBzOi8vd3d3Lmdvb2dsZS5jb20vbWFwcy9lbWJlZD9wYj0hMW0xOCExbTEyITFtMyExZDk4MzE3LjY2MDkyNzk2Mzk4ITJkMi43MjM5NDg2ODI0NDY5NjchM2QzOS42NDAxMDU5NDA4OTQ1NyEybTMhMWYwITJmMCEzZjAhM20yITFpMTAyNCEyaTc2OCE0ZjEzLjEhM20zITFtMiExczB4MTI5N2M1YzZlZjViMzMxZiUzQTB4NTRlMTdiMDM3MjU0ZTM5ZSEyc0NsaWNrdG90cmF2ZWwhNWUwITNtMiExc2VzITJzZXMhNHYxNzM3MzcxNjA2MTk1ITVtMiExc2VzITJzZXNcIiBhbGxvd2Z1bGxzY3JlZW4+PC9pZnJhbWU+XHJcblxyXG4gIDwvZGl2PlxyXG48L3NlY3Rpb24+XHJcbiJdfQ==
+            args: [{ selector: 'lib-babylon-contact-map', standalone: true, imports: [], template: "<section class=\"babylon__contact-map margin-main \">\r\n <div class=\"cs_google_map cs_style_1\">\r\n   <!-- pueder ser ifram de maps o foto -->\r\n    @if (contentUrl) {\r\n      <iframe\r\n        [src]=\"safeUrl\"\r\n        allowfullscreen\r\n        loading=\"lazy\"\r\n      ></iframe>\r\n    }\r\n\r\n  </div>\r\n</section>\r\n" }]
+        }], ctorParameters: () => [{ type: i1.DomSanitizer }], propDecorators: { contentUrl: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFieWxvbi1jb250YWN0LW1hcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYWJ5bG9uL3NyYy9saWIvY29tcG9uZW50cy9jb3JlL2JhYnlsb24tY29udGFjdC1tYXAvYmFieWxvbi1jb250YWN0LW1hcC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYWJ5bG9uL3NyYy9saWIvY29tcG9uZW50cy9jb3JlL2JhYnlsb24tY29udGFjdC1tYXAvYmFieWxvbi1jb250YWN0LW1hcC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBVWpELE1BQU0sT0FBTywwQkFBMEI7SUFHckMsSUFBSSxPQUFPO1FBQ1QsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLDhCQUE4QixDQUFDLElBQUksQ0FBQyxVQUFXLENBQUMsQ0FBQztJQUN6RSxDQUFDO0lBRUQsWUFBNkIsU0FBdUI7UUFBdkIsY0FBUyxHQUFULFNBQVMsQ0FBYztJQUFHLENBQUM7K0dBUDdDLDBCQUEwQjttR0FBMUIsMEJBQTBCLHlIQ1Z2QyxpVkFhQTs7NEZESGEsMEJBQTBCO2tCQVB0QyxTQUFTOytCQUNFLHlCQUF5QixjQUN2QixJQUFJLFdBQ1AsRUFBRTtpRkFLRixVQUFVO3NCQUFsQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBEb21TYW5pdGl6ZXIsIFNhZmVSZXNvdXJjZVVybCB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItYmFieWxvbi1jb250YWN0LW1hcCcsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vYmFieWxvbi1jb250YWN0LW1hcC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2JhYnlsb24tY29udGFjdC1tYXAuY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBCYWJ5bG9uQ29udGFjdE1hcENvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgY29udGVudFVybD86IHN0cmluZztcclxuXHJcbiAgZ2V0IHNhZmVVcmwoKTogU2FmZVJlc291cmNlVXJsIHtcclxuICAgIHJldHVybiB0aGlzLnNhbml0aXplci5ieXBhc3NTZWN1cml0eVRydXN0UmVzb3VyY2VVcmwodGhpcy5jb250ZW50VXJsISk7XHJcbiAgfVxyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IHNhbml0aXplcjogRG9tU2FuaXRpemVyKSB7fVxyXG59XHJcbiIsIjxzZWN0aW9uIGNsYXNzPVwiYmFieWxvbl9fY29udGFjdC1tYXAgbWFyZ2luLW1haW4gXCI+XHJcbiA8ZGl2IGNsYXNzPVwiY3NfZ29vZ2xlX21hcCBjc19zdHlsZV8xXCI+XHJcbiAgIDwhLS0gcHVlZGVyIHNlciBpZnJhbSBkZSBtYXBzIG8gZm90byAtLT5cclxuICAgIEBpZiAoY29udGVudFVybCkge1xyXG4gICAgICA8aWZyYW1lXHJcbiAgICAgICAgW3NyY109XCJzYWZlVXJsXCJcclxuICAgICAgICBhbGxvd2Z1bGxzY3JlZW5cclxuICAgICAgICBsb2FkaW5nPVwibGF6eVwiXHJcbiAgICAgID48L2lmcmFtZT5cclxuICAgIH1cclxuXHJcbiAgPC9kaXY+XHJcbjwvc2VjdGlvbj5cclxuIl19