tent-lib 0.0.357 → 0.0.359
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/fesm2022/tent-lib.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as i1 from '@angular/common';
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
3
|
import * as i0 from '@angular/core';
|
|
4
|
-
import { EventEmitter, inject, Component, ChangeDetectionStrategy, Input, Output, forwardRef, ViewChild,
|
|
4
|
+
import { EventEmitter, inject, Component, ChangeDetectionStrategy, Input, Output, forwardRef, ViewChild, ElementRef, Pipe, signal, InjectionToken, Injectable } from '@angular/core';
|
|
5
5
|
import * as i1$2 from '@angular/platform-browser';
|
|
6
6
|
import { DomSanitizer } from '@angular/platform-browser';
|
|
7
7
|
import * as i2 from '@angular/router';
|
|
@@ -890,16 +890,12 @@ class MotorComponent {
|
|
|
890
890
|
guests: [''],
|
|
891
891
|
promo: [''],
|
|
892
892
|
});
|
|
893
|
-
this.isComponent =
|
|
894
|
-
.getElementsByTagName('tent-motor')[0]
|
|
895
|
-
.classList.contains('component');
|
|
893
|
+
this.isComponent = this.wrapper.nativeElement.parentElement?.classList.contains('component');
|
|
896
894
|
if (this.modal && !this.isComponent) {
|
|
897
895
|
document
|
|
898
896
|
.getElementsByTagName('html')[0]
|
|
899
897
|
.setAttribute('style', 'overflow: hidden');
|
|
900
|
-
|
|
901
|
-
.getElementsByTagName('tent-motor')[0]
|
|
902
|
-
.classList.add('modal');
|
|
898
|
+
this.wrapper.nativeElement.parentElement?.classList.add('modal');
|
|
903
899
|
}
|
|
904
900
|
}
|
|
905
901
|
ngOnDestroy() {
|
|
@@ -955,7 +951,7 @@ class MotorComponent {
|
|
|
955
951
|
this.togglePopup();
|
|
956
952
|
}
|
|
957
953
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: MotorComponent, deps: [{ token: i1$1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
958
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: MotorComponent, isStandalone: true, selector: "tent-motor", inputs: { date: "date", modal: "modal", title: "title", subtitle: "subtitle", dropdown: "dropdown", promoInput: "promoInput", guestsInput: "guestsInput", btnSubmit: "btnSubmit", guestsPopup: "guestsPopup" }, outputs: { submit: "submit", close: "close" }, providers: [], ngImport: i0, template: "<div\r\n class=\"motor--wrapper\"\r\n [ngClass]=\"{\r\n 'motor--wrapper--modal': modal,\r\n 'motor--wrapper--centered': modal && dialogVisible\r\n }\"\r\n>\r\n @if (modal) {\r\n <div class=\"motor--close-button\">\r\n <tent-button\r\n type=\"dark-circle\"\r\n icon=\"icon-close\"\r\n (btnClick)=\"closeModal()\"\r\n ></tent-button>\r\n </div>\r\n } @if ((title || subtitle) && modal) {\r\n <header class=\"motor--header\">\r\n @if (title) {\r\n <h3 class=\"motor--title color--brown\">\r\n {{ title }}\r\n </h3>\r\n } @if (subtitle) {\r\n <h3 class=\"motor--title color--camel\">\r\n {{ subtitle }}\r\n </h3>\r\n }\r\n </header>\r\n }\r\n <form\r\n class=\"motor flex-row flex-row--center\"\r\n [formGroup]=\"motorForm\"\r\n [ngClass]=\"{ 'motor--modal': modal }\"\r\n >\r\n <tent-dropdown\r\n [options]=\"dropdown.options\"\r\n [placeholder]=\"dropdown.placeholder\"\r\n [sameTitlePlaceholder]=\"true\"\r\n formControlName=\"hotel\"\r\n [staticPosition]=\"false\"\r\n ></tent-dropdown>\r\n <tent-datepicker\r\n [placeholder]=\"date.title\"\r\n [icon]=\"date.icon\"\r\n [value]=\"date.value\"\r\n [sameTitlePlaceholder]=\"true\"\r\n formControlName=\"date\"\r\n ></tent-datepicker>\r\n\r\n <!--Dropdown input-->\r\n <div\r\n class=\"motor--input--wrapper flex-row flex-row--between\"\r\n (click)=\"togglePopup()\"\r\n >\r\n <div class=\"motor--input--content\">\r\n @if (guestsInput.value?.length) {\r\n <p class=\"motor--input--title\">{{ guestsInput.placeholder }}</p>\r\n }\r\n <input\r\n [disabled]=\"true\"\r\n class=\"motor--input\"\r\n type=\"text\"\r\n [value]=\"guestsInput.value\"\r\n [placeholder]=\"guestsInput.placeholder\"\r\n formControlName=\"guests\"\r\n />\r\n </div>\r\n\r\n <mat-icon\r\n fontSet=\"icomoon\"\r\n class=\"motor--input--icon\"\r\n [ngClass]=\"guestsInput.icon\"\r\n ></mat-icon>\r\n </div>\r\n\r\n @if (!modal) {\r\n <p-dialog\r\n class=\"motor--dialog\"\r\n [(visible)]=\"dialogVisible\"\r\n (onShow)=\"toggleMotorDialogReady()\"\r\n (onHide)=\"toggleMotorDialogReady()\"\r\n >\r\n <tent-guests-popup\r\n [adultsDropdown]=\"guestsPopup.adultsDropdown\"\r\n [kidsDropdown]=\"guestsPopup.kidsDropdown\"\r\n [ageDropdown]=\"guestsPopup.ageDropdown\"\r\n [babysDropdown]=\"guestsPopup.babysDropdown\"\r\n [title]=\"guestsPopup.title\"\r\n [kidLabel]=\"guestsPopup.kidLabel\"\r\n [btnApply]=\"guestsPopup.btnApply\"\r\n (appliedData)=\"guestsChange($event)\"\r\n ></tent-guests-popup>\r\n </p-dialog>\r\n } @else if(dialogVisible) {\r\n <tent-guests-popup\r\n [adultsDropdown]=\"guestsPopup.adultsDropdown\"\r\n [kidsDropdown]=\"guestsPopup.kidsDropdown\"\r\n [ageDropdown]=\"guestsPopup.ageDropdown\"\r\n [babysDropdown]=\"guestsPopup.babysDropdown\"\r\n [title]=\"guestsPopup.title\"\r\n [kidLabel]=\"guestsPopup.kidLabel\"\r\n [btnApply]=\"guestsPopup.btnApply\"\r\n (appliedData)=\"guestsChange($event)\"\r\n ></tent-guests-popup>\r\n }\r\n\r\n <!--Promo input-->\r\n <div\r\n class=\"motor--input--wrapper flex-row flex-row--between\"\r\n [ngClass]=\"{ 'motor--input--wrapper--left': !modal }\"\r\n >\r\n <div class=\"motor--input--content\">\r\n @if (promoInput.value?.length) {\r\n <p class=\"motor--input--title\">{{ promoInput.placeholder }}</p>\r\n }\r\n <input\r\n class=\"motor--input\"\r\n type=\"text\"\r\n [value]=\"promoInput.value\"\r\n [placeholder]=\"promoInput.placeholder\"\r\n formControlName=\"promo\"\r\n (input)=\"changeInput($event)\"\r\n />\r\n </div>\r\n\r\n <mat-icon\r\n fontSet=\"icomoon\"\r\n class=\"motor--input--icon\"\r\n [ngClass]=\"promoInput.icon\"\r\n ></mat-icon>\r\n </div>\r\n\r\n <div class=\"motor--dark-btn-wrapper\">\r\n <tent-button\r\n [ngClass]=\"{ 'motor--dark-btn--modal': modal }\"\r\n class=\"motor--dark-btn\"\r\n type=\"dark-box-filled\"\r\n [label]=\"btnSubmit.label\"\r\n boxWidth=\"200px\"\r\n (btnClick)=\"btnClicked()\"\r\n ></tent-button>\r\n </div>\r\n </form>\r\n</div>\r\n", styles: [".link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:38px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}:root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693D2D;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693E2E;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}:host{display:block;width:max-content}:host:not(.component):not(.modal){position:relative;left:50%;transform:translate(-50%)}@media (min-width: 1280px){:host:not(.component):not(.modal){position:absolute;top:calc(100vh - 100px);z-index:9;width:1020px}}@media (min-width: 1680px){:host:not(.component):not(.modal){width:1400px}}:host.component .motor--close-button{display:none}:host.component .motor--wrapper--centered{margin:0}.motor{position:relative;flex-wrap:nowrap}@media (max-width: 1279px){.motor{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:20px}}.motor--modal{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:20px}.motor--title{font-family:var(--tent-font);font-size:40px;font-weight:700;line-height:40px;letter-spacing:0;text-align:left}.motor--wrapper{background-color:var(--color-background);border-radius:9px}.motor--wrapper--modal{max-width:370px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:20px;padding:40px;width:100%;box-shadow:-5px 5px #7c4d3b1a;border:1px solid #e1d8d5}@media (max-width: 539px){.motor--wrapper--modal{width:300px;padding:20px}}.motor--wrapper--centered{margin-top:350px;margin-bottom:50px}@media (min-width: 1280px){.motor--wrapper:not(.motor--wrapper--modal){padding:10px;width:100%}}.motor--header{align-self:flex-start;margin-bottom:27px}@media (max-width: 539px){.motor--header{display:none}}.motor tent-dropdown ::ng-deep .dropdown--wrapper{min-width:160px}.motor--close-button{position:absolute;right:20px;top:20px}.motor--close-button tent-button ::ng-deep .btn{height:44px;width:44px}.motor--close-button tent-button ::ng-deep .btn--circle-icon{font-size:13px}.motor--input{border:none;background-color:var(--color-background);font-family:var(--tent-font);border-radius:0;color:#5d5d5d;font-size:15px;line-height:22px;text-align:left;-webkit-user-select:none;user-select:none;padding:0}@media (min-width: 1280px){.motor--input{max-width:90px}}.motor--input--title{font-family:var(--tent-font);font-weight:700;line-height:27px;text-align:left;color:#693d2d;font-size:14px}.motor--input::placeholder{font-family:var(--tent-font);font-size:17px;font-weight:700;line-height:27px;text-align:left;color:#693d2d}@media (min-width: 1280px){.motor--input::placeholder{font-size:14px}}@media (min-width: 1680px){.motor--input::placeholder{font-size:17px}}.motor--input:focus-visible{outline:none}.motor--input--icon{font-size:14px;color:#693d2d;width:32px;height:24px}.motor--input--wrapper{cursor:pointer;padding:14.7px 18px;height:25px;background-color:var(--color-background);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);gap:20px;border:1px solid #e1d8d5;border-radius:6px;width:calc(100% - 36px);max-width:370px;flex-wrap:nowrap}.motor--input--wrapper--left{margin-left:-7px}.motor--input--wrapper:hover{border-color:#c7946a}.motor--dialog{margin-left:-4px}.motor--dialog ::ng-deep .p-dialog-mask{height:unset;top:182px}.motor--dialog ::ng-deep .p-dialog-mask:before{content:\"\\e904\";font-family:icomoon;color:var(--guests-icon-arrow);font-size:4px;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%) translateY(-11px);-moz-transform:translateX(-50%) translateY(-11px);-ms-transform:translateX(-50%) translateY(-11px);-o-transform:translateX(-50%) translateY(-11px);transform:translate(-50%) translateY(-11px);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.motor--dialog ::ng-deep .p-dialog-header{display:none}.motor--dialog ::ng-deep .ng-trigger-animation{-webkit-transition:var(--Ltransition);-moz-transition:var(--Ltransition);-ms-transition:var(--Ltransition);-o-transition:var(--Ltransition);transition:var(--Ltransition)}.motor--dark-btn{width:100%}.motor--dark-btn-wrapper{width:100%;max-width:max-content}.motor--dark-btn-wrapper:has(.motor--dark-btn--modal){max-width:none}.motor--dark-btn ::ng-deep .btn{height:56px}@media (max-width: 1279px){.motor--dark-btn ::ng-deep .btn{width:100%}}.motor--dark-btn--modal ::ng-deep .btn{width:100%}.motor mat-icon{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap}form{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonComponent, selector: "tent-button", inputs: ["type", "label", "url", "linkType", "icon", "socialMedia", "iconPosition", "boxWidth", "innerContent", "linkSizeIcon", "closeButton", "disabled"], outputs: ["btnClick"] }, { kind: "component", type: DatepickerComponent, selector: "tent-datepicker", inputs: ["value", "title", "placeholder", "icon", "isDisabled", "bordered", "sameTitlePlaceholder"], outputs: ["change"] }, { kind: "component", type: DropdownComponent, selector: "tent-dropdown", inputs: ["value", "placeholder", "title", "smallTitle", "options", "name", "iconLeft", "isDisabled", "light", "showTitleTop", "sameTitlePlaceholder", "staticPosition"], outputs: ["change"] }, { kind: "component", type: GuestsPopupComponent, selector: "tent-guests-popup", inputs: ["adultsDropdown", "kidsDropdown", "ageDropdown", "babysDropdown", "title", "kidLabel", "btnApply", "modal"], outputs: ["appliedData"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i3$1.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
|
|
954
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: MotorComponent, isStandalone: true, selector: "tent-motor", inputs: { date: "date", modal: "modal", title: "title", subtitle: "subtitle", dropdown: "dropdown", promoInput: "promoInput", guestsInput: "guestsInput", btnSubmit: "btnSubmit", guestsPopup: "guestsPopup" }, outputs: { submit: "submit", close: "close" }, providers: [], viewQueries: [{ propertyName: "wrapper", first: true, predicate: ["wrapper"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div\r\n #wrapper\r\n class=\"motor--wrapper\"\r\n [ngClass]=\"{\r\n 'motor--wrapper--modal': modal,\r\n 'motor--wrapper--centered': modal && dialogVisible\r\n }\"\r\n>\r\n @if (modal) {\r\n <div class=\"motor--close-button\">\r\n <tent-button\r\n type=\"dark-circle\"\r\n icon=\"icon-close\"\r\n (btnClick)=\"closeModal()\"\r\n ></tent-button>\r\n </div>\r\n } @if ((title || subtitle) && modal) {\r\n <header class=\"motor--header\">\r\n @if (title) {\r\n <h3 class=\"motor--title color--brown\">\r\n {{ title }}\r\n </h3>\r\n } @if (subtitle) {\r\n <h3 class=\"motor--title color--camel\">\r\n {{ subtitle }}\r\n </h3>\r\n }\r\n </header>\r\n }\r\n <form\r\n class=\"motor flex-row flex-row--center\"\r\n [formGroup]=\"motorForm\"\r\n [ngClass]=\"{ 'motor--modal': modal }\"\r\n >\r\n <tent-dropdown\r\n [options]=\"dropdown.options\"\r\n [placeholder]=\"dropdown.placeholder\"\r\n [sameTitlePlaceholder]=\"true\"\r\n formControlName=\"hotel\"\r\n [staticPosition]=\"false\"\r\n ></tent-dropdown>\r\n <tent-datepicker\r\n [placeholder]=\"date.title\"\r\n [icon]=\"date.icon\"\r\n [value]=\"date.value\"\r\n [sameTitlePlaceholder]=\"true\"\r\n formControlName=\"date\"\r\n ></tent-datepicker>\r\n\r\n <!--Dropdown input-->\r\n <div\r\n class=\"motor--input--wrapper flex-row flex-row--between\"\r\n (click)=\"togglePopup()\"\r\n >\r\n <div class=\"motor--input--content\">\r\n @if (guestsInput.value?.length) {\r\n <p class=\"motor--input--title\">{{ guestsInput.placeholder }}</p>\r\n }\r\n <input\r\n [disabled]=\"true\"\r\n class=\"motor--input\"\r\n type=\"text\"\r\n [value]=\"guestsInput.value\"\r\n [placeholder]=\"guestsInput.placeholder\"\r\n formControlName=\"guests\"\r\n />\r\n </div>\r\n\r\n <span\r\n class=\"motor--input--icon\"\r\n [ngClass]=\"guestsInput.icon\"\r\n ></span>\r\n </div>\r\n\r\n @if (!modal) {\r\n <p-dialog\r\n class=\"motor--dialog\"\r\n [(visible)]=\"dialogVisible\"\r\n (onShow)=\"toggleMotorDialogReady()\"\r\n (onHide)=\"toggleMotorDialogReady()\"\r\n >\r\n <tent-guests-popup\r\n [adultsDropdown]=\"guestsPopup.adultsDropdown\"\r\n [kidsDropdown]=\"guestsPopup.kidsDropdown\"\r\n [ageDropdown]=\"guestsPopup.ageDropdown\"\r\n [babysDropdown]=\"guestsPopup.babysDropdown\"\r\n [title]=\"guestsPopup.title\"\r\n [kidLabel]=\"guestsPopup.kidLabel\"\r\n [btnApply]=\"guestsPopup.btnApply\"\r\n (appliedData)=\"guestsChange($event)\"\r\n ></tent-guests-popup>\r\n </p-dialog>\r\n } @else if(dialogVisible) {\r\n <tent-guests-popup\r\n [adultsDropdown]=\"guestsPopup.adultsDropdown\"\r\n [kidsDropdown]=\"guestsPopup.kidsDropdown\"\r\n [ageDropdown]=\"guestsPopup.ageDropdown\"\r\n [babysDropdown]=\"guestsPopup.babysDropdown\"\r\n [title]=\"guestsPopup.title\"\r\n [kidLabel]=\"guestsPopup.kidLabel\"\r\n [btnApply]=\"guestsPopup.btnApply\"\r\n (appliedData)=\"guestsChange($event)\"\r\n ></tent-guests-popup>\r\n }\r\n\r\n <!--Promo input-->\r\n <div\r\n class=\"motor--input--wrapper flex-row flex-row--between\"\r\n [ngClass]=\"{ 'motor--input--wrapper--left': !modal }\"\r\n (click)=\"promoInputRef.focus()\"\r\n >\r\n <div class=\"motor--input--content\">\r\n @if (promoInput.value?.length && promoInput.value !== '') {\r\n <p class=\"motor--input--title\">{{ promoInput.placeholder }}</p>\r\n }\r\n <input\r\n #promoInputRef\r\n class=\"motor--input\"\r\n type=\"text\"\r\n [value]=\"promoInput.value\"\r\n [placeholder]=\"promoInput.placeholder\"\r\n formControlName=\"promo\"\r\n (input)=\"changeInput($event)\"\r\n />\r\n </div>\r\n\r\n <span class=\"motor--input--icon\" [ngClass]=\"promoInput.icon\"></span>\r\n </div>\r\n\r\n <div class=\"motor--dark-btn-wrapper\">\r\n <tent-button\r\n [ngClass]=\"{ 'motor--dark-btn--modal': modal }\"\r\n class=\"motor--dark-btn\"\r\n type=\"dark-box-filled\"\r\n [label]=\"btnSubmit.label\"\r\n boxWidth=\"200px\"\r\n (btnClick)=\"btnClicked()\"\r\n ></tent-button>\r\n </div>\r\n </form>\r\n</div>\r\n", styles: [".link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:38px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}:root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693D2D;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693E2E;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}:host{display:block;width:max-content}:host:not(.component):not(.modal){position:relative;left:50%;transform:translate(-50%)}@media (min-width: 1280px){:host:not(.component):not(.modal){position:absolute;top:calc(100vh - 100px);z-index:9;width:1020px}}@media (min-width: 1680px){:host:not(.component):not(.modal){width:1400px}}:host.component .motor--close-button{display:none}:host.component .motor--wrapper--centered{margin:0}.motor{position:relative;flex-wrap:nowrap}@media (max-width: 1279px){.motor{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:20px}}.motor--modal{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:20px}.motor--title{font-family:var(--tent-font);font-size:40px;font-weight:700;line-height:40px;letter-spacing:0;text-align:left}.motor--wrapper{background-color:var(--color-background);border-radius:9px}.motor--wrapper--modal{max-width:370px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:20px;padding:40px;width:100%;box-shadow:-5px 5px #7c4d3b1a;border:1px solid #e1d8d5}@media (max-width: 539px){.motor--wrapper--modal{width:300px;padding:20px}}.motor--wrapper--centered{margin-top:350px;margin-bottom:50px}@media (min-width: 1280px){.motor--wrapper:not(.motor--wrapper--modal){padding:10px;width:100%}}.motor--header{align-self:flex-start;margin-bottom:27px}@media (max-width: 539px){.motor--header{display:none}}.motor tent-dropdown ::ng-deep .dropdown--wrapper{min-width:160px}.motor--close-button{position:absolute;right:20px;top:20px}.motor--close-button tent-button ::ng-deep .btn{height:44px;width:44px}.motor--close-button tent-button ::ng-deep .btn--circle-icon{font-size:13px}.motor--input{border:none;background-color:var(--color-background);font-family:var(--tent-font);border-radius:0;color:#5d5d5d;font-size:15px;line-height:22px;text-align:left;-webkit-user-select:none;user-select:none;padding:0;width:100%}@media (min-width: 1280px){.motor--input{max-width:118px}}.motor--input--title{font-family:var(--tent-font);font-weight:700;line-height:27px;text-align:left;color:#693d2d;font-size:14px}.motor--input--content{width:100%}.motor--input::placeholder{font-family:var(--tent-font);font-size:17px;font-weight:700;line-height:27px;text-align:left;color:#693d2d}@media (min-width: 1280px){.motor--input::placeholder{font-size:14px}}@media (min-width: 1680px){.motor--input::placeholder{font-size:17px}}.motor--input:focus-visible{outline:none}.motor--input--icon{font-size:14px;color:#693d2d;width:32px;height:24px;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap}.motor--input--wrapper{cursor:pointer;padding:14.7px 18px;height:25px;background-color:var(--color-background);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);gap:0;border:1px solid #e1d8d5;border-radius:6px;width:calc(100% - 36px);max-width:370px;flex-wrap:nowrap}.motor--input--wrapper--left{margin-left:-7px}.motor--input--wrapper:hover{border-color:#c7946a}.motor--dialog{margin-left:-4px}.motor--dialog ::ng-deep .p-dialog-mask{height:unset;top:182px}.motor--dialog ::ng-deep .p-dialog-mask:before{content:\"\\e904\";font-family:icomoon;color:var(--guests-icon-arrow);font-size:4px;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%) translateY(-11px);-moz-transform:translateX(-50%) translateY(-11px);-ms-transform:translateX(-50%) translateY(-11px);-o-transform:translateX(-50%) translateY(-11px);transform:translate(-50%) translateY(-11px);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.motor--dialog ::ng-deep .p-dialog-header{display:none}.motor--dialog ::ng-deep .ng-trigger-animation{-webkit-transition:var(--Ltransition);-moz-transition:var(--Ltransition);-ms-transition:var(--Ltransition);-o-transition:var(--Ltransition);transition:var(--Ltransition)}.motor--dark-btn{width:100%}.motor--dark-btn-wrapper{width:100%;max-width:max-content}.motor--dark-btn-wrapper:has(.motor--dark-btn--modal){max-width:none}.motor--dark-btn ::ng-deep .btn{height:56px}@media (max-width: 1279px){.motor--dark-btn ::ng-deep .btn{width:100%}}.motor--dark-btn--modal ::ng-deep .btn{width:100%}form{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonComponent, selector: "tent-button", inputs: ["type", "label", "url", "linkType", "icon", "socialMedia", "iconPosition", "boxWidth", "innerContent", "linkSizeIcon", "closeButton", "disabled"], outputs: ["btnClick"] }, { kind: "component", type: DatepickerComponent, selector: "tent-datepicker", inputs: ["value", "title", "placeholder", "icon", "isDisabled", "bordered", "sameTitlePlaceholder"], outputs: ["change"] }, { kind: "component", type: DropdownComponent, selector: "tent-dropdown", inputs: ["value", "placeholder", "title", "smallTitle", "options", "name", "iconLeft", "isDisabled", "light", "showTitleTop", "sameTitlePlaceholder", "staticPosition"], outputs: ["change"] }, { kind: "component", type: GuestsPopupComponent, selector: "tent-guests-popup", inputs: ["adultsDropdown", "kidsDropdown", "ageDropdown", "babysDropdown", "title", "kidLabel", "btnApply", "modal"], outputs: ["appliedData"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i3$1.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "ngmodule", type: MatIconModule }] }); }
|
|
959
955
|
}
|
|
960
956
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: MotorComponent, decorators: [{
|
|
961
957
|
type: Component,
|
|
@@ -970,8 +966,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
|
|
|
970
966
|
DialogModule,
|
|
971
967
|
GuestsPopupComponent,
|
|
972
968
|
MatIconModule,
|
|
973
|
-
], providers: [], template: "<div\r\n class=\"motor--wrapper\"\r\n [ngClass]=\"{\r\n 'motor--wrapper--modal': modal,\r\n 'motor--wrapper--centered': modal && dialogVisible\r\n }\"\r\n>\r\n @if (modal) {\r\n <div class=\"motor--close-button\">\r\n <tent-button\r\n type=\"dark-circle\"\r\n icon=\"icon-close\"\r\n (btnClick)=\"closeModal()\"\r\n ></tent-button>\r\n </div>\r\n } @if ((title || subtitle) && modal) {\r\n <header class=\"motor--header\">\r\n @if (title) {\r\n <h3 class=\"motor--title color--brown\">\r\n {{ title }}\r\n </h3>\r\n } @if (subtitle) {\r\n <h3 class=\"motor--title color--camel\">\r\n {{ subtitle }}\r\n </h3>\r\n }\r\n </header>\r\n }\r\n <form\r\n class=\"motor flex-row flex-row--center\"\r\n [formGroup]=\"motorForm\"\r\n [ngClass]=\"{ 'motor--modal': modal }\"\r\n >\r\n <tent-dropdown\r\n [options]=\"dropdown.options\"\r\n [placeholder]=\"dropdown.placeholder\"\r\n [sameTitlePlaceholder]=\"true\"\r\n formControlName=\"hotel\"\r\n [staticPosition]=\"false\"\r\n ></tent-dropdown>\r\n <tent-datepicker\r\n [placeholder]=\"date.title\"\r\n [icon]=\"date.icon\"\r\n [value]=\"date.value\"\r\n [sameTitlePlaceholder]=\"true\"\r\n formControlName=\"date\"\r\n ></tent-datepicker>\r\n\r\n <!--Dropdown input-->\r\n <div\r\n class=\"motor--input--wrapper flex-row flex-row--between\"\r\n (click)=\"togglePopup()\"\r\n >\r\n <div class=\"motor--input--content\">\r\n @if (guestsInput.value?.length) {\r\n <p class=\"motor--input--title\">{{ guestsInput.placeholder }}</p>\r\n }\r\n <input\r\n [disabled]=\"true\"\r\n class=\"motor--input\"\r\n type=\"text\"\r\n [value]=\"guestsInput.value\"\r\n [placeholder]=\"guestsInput.placeholder\"\r\n formControlName=\"guests\"\r\n />\r\n </div>\r\n\r\n <mat-icon\r\n fontSet=\"icomoon\"\r\n class=\"motor--input--icon\"\r\n [ngClass]=\"guestsInput.icon\"\r\n ></mat-icon>\r\n </div>\r\n\r\n @if (!modal) {\r\n <p-dialog\r\n class=\"motor--dialog\"\r\n [(visible)]=\"dialogVisible\"\r\n (onShow)=\"toggleMotorDialogReady()\"\r\n (onHide)=\"toggleMotorDialogReady()\"\r\n >\r\n <tent-guests-popup\r\n [adultsDropdown]=\"guestsPopup.adultsDropdown\"\r\n [kidsDropdown]=\"guestsPopup.kidsDropdown\"\r\n [ageDropdown]=\"guestsPopup.ageDropdown\"\r\n [babysDropdown]=\"guestsPopup.babysDropdown\"\r\n [title]=\"guestsPopup.title\"\r\n [kidLabel]=\"guestsPopup.kidLabel\"\r\n [btnApply]=\"guestsPopup.btnApply\"\r\n (appliedData)=\"guestsChange($event)\"\r\n ></tent-guests-popup>\r\n </p-dialog>\r\n } @else if(dialogVisible) {\r\n <tent-guests-popup\r\n [adultsDropdown]=\"guestsPopup.adultsDropdown\"\r\n [kidsDropdown]=\"guestsPopup.kidsDropdown\"\r\n [ageDropdown]=\"guestsPopup.ageDropdown\"\r\n [babysDropdown]=\"guestsPopup.babysDropdown\"\r\n [title]=\"guestsPopup.title\"\r\n [kidLabel]=\"guestsPopup.kidLabel\"\r\n [btnApply]=\"guestsPopup.btnApply\"\r\n (appliedData)=\"guestsChange($event)\"\r\n ></tent-guests-popup>\r\n }\r\n\r\n <!--Promo input-->\r\n <div\r\n class=\"motor--input--wrapper flex-row flex-row--between\"\r\n [ngClass]=\"{ 'motor--input--wrapper--left': !modal }\"\r\n >\r\n <div class=\"motor--input--content\">\r\n @if (promoInput.value?.length) {\r\n <p class=\"motor--input--title\">{{ promoInput.placeholder }}</p>\r\n }\r\n <input\r\n class=\"motor--input\"\r\n type=\"text\"\r\n [value]=\"promoInput.value\"\r\n [placeholder]=\"promoInput.placeholder\"\r\n formControlName=\"promo\"\r\n (input)=\"changeInput($event)\"\r\n />\r\n </div>\r\n\r\n <mat-icon\r\n fontSet=\"icomoon\"\r\n class=\"motor--input--icon\"\r\n [ngClass]=\"promoInput.icon\"\r\n ></mat-icon>\r\n </div>\r\n\r\n <div class=\"motor--dark-btn-wrapper\">\r\n <tent-button\r\n [ngClass]=\"{ 'motor--dark-btn--modal': modal }\"\r\n class=\"motor--dark-btn\"\r\n type=\"dark-box-filled\"\r\n [label]=\"btnSubmit.label\"\r\n boxWidth=\"200px\"\r\n (btnClick)=\"btnClicked()\"\r\n ></tent-button>\r\n </div>\r\n </form>\r\n</div>\r\n", styles: [".link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:38px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}:root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693D2D;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693E2E;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}:host{display:block;width:max-content}:host:not(.component):not(.modal){position:relative;left:50%;transform:translate(-50%)}@media (min-width: 1280px){:host:not(.component):not(.modal){position:absolute;top:calc(100vh - 100px);z-index:9;width:1020px}}@media (min-width: 1680px){:host:not(.component):not(.modal){width:1400px}}:host.component .motor--close-button{display:none}:host.component .motor--wrapper--centered{margin:0}.motor{position:relative;flex-wrap:nowrap}@media (max-width: 1279px){.motor{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:20px}}.motor--modal{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:20px}.motor--title{font-family:var(--tent-font);font-size:40px;font-weight:700;line-height:40px;letter-spacing:0;text-align:left}.motor--wrapper{background-color:var(--color-background);border-radius:9px}.motor--wrapper--modal{max-width:370px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:20px;padding:40px;width:100%;box-shadow:-5px 5px #7c4d3b1a;border:1px solid #e1d8d5}@media (max-width: 539px){.motor--wrapper--modal{width:300px;padding:20px}}.motor--wrapper--centered{margin-top:350px;margin-bottom:50px}@media (min-width: 1280px){.motor--wrapper:not(.motor--wrapper--modal){padding:10px;width:100%}}.motor--header{align-self:flex-start;margin-bottom:27px}@media (max-width: 539px){.motor--header{display:none}}.motor tent-dropdown ::ng-deep .dropdown--wrapper{min-width:160px}.motor--close-button{position:absolute;right:20px;top:20px}.motor--close-button tent-button ::ng-deep .btn{height:44px;width:44px}.motor--close-button tent-button ::ng-deep .btn--circle-icon{font-size:13px}.motor--input{border:none;background-color:var(--color-background);font-family:var(--tent-font);border-radius:0;color:#5d5d5d;font-size:15px;line-height:22px;text-align:left;-webkit-user-select:none;user-select:none;padding:0}@media (min-width: 1280px){.motor--input{max-width:90px}}.motor--input--title{font-family:var(--tent-font);font-weight:700;line-height:27px;text-align:left;color:#693d2d;font-size:14px}.motor--input::placeholder{font-family:var(--tent-font);font-size:17px;font-weight:700;line-height:27px;text-align:left;color:#693d2d}@media (min-width: 1280px){.motor--input::placeholder{font-size:14px}}@media (min-width: 1680px){.motor--input::placeholder{font-size:17px}}.motor--input:focus-visible{outline:none}.motor--input--icon{font-size:14px;color:#693d2d;width:32px;height:24px}.motor--input--wrapper{cursor:pointer;padding:14.7px 18px;height:25px;background-color:var(--color-background);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);gap:20px;border:1px solid #e1d8d5;border-radius:6px;width:calc(100% - 36px);max-width:370px;flex-wrap:nowrap}.motor--input--wrapper--left{margin-left:-7px}.motor--input--wrapper:hover{border-color:#c7946a}.motor--dialog{margin-left:-4px}.motor--dialog ::ng-deep .p-dialog-mask{height:unset;top:182px}.motor--dialog ::ng-deep .p-dialog-mask:before{content:\"\\e904\";font-family:icomoon;color:var(--guests-icon-arrow);font-size:4px;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%) translateY(-11px);-moz-transform:translateX(-50%) translateY(-11px);-ms-transform:translateX(-50%) translateY(-11px);-o-transform:translateX(-50%) translateY(-11px);transform:translate(-50%) translateY(-11px);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.motor--dialog ::ng-deep .p-dialog-header{display:none}.motor--dialog ::ng-deep .ng-trigger-animation{-webkit-transition:var(--Ltransition);-moz-transition:var(--Ltransition);-ms-transition:var(--Ltransition);-o-transition:var(--Ltransition);transition:var(--Ltransition)}.motor--dark-btn{width:100%}.motor--dark-btn-wrapper{width:100%;max-width:max-content}.motor--dark-btn-wrapper:has(.motor--dark-btn--modal){max-width:none}.motor--dark-btn ::ng-deep .btn{height:56px}@media (max-width: 1279px){.motor--dark-btn ::ng-deep .btn{width:100%}}.motor--dark-btn--modal ::ng-deep .btn{width:100%}.motor mat-icon{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap}form{width:100%}\n"] }]
|
|
974
|
-
}], ctorParameters: () => [{ type: i1$1.FormBuilder }], propDecorators: {
|
|
969
|
+
], providers: [], template: "<div\r\n #wrapper\r\n class=\"motor--wrapper\"\r\n [ngClass]=\"{\r\n 'motor--wrapper--modal': modal,\r\n 'motor--wrapper--centered': modal && dialogVisible\r\n }\"\r\n>\r\n @if (modal) {\r\n <div class=\"motor--close-button\">\r\n <tent-button\r\n type=\"dark-circle\"\r\n icon=\"icon-close\"\r\n (btnClick)=\"closeModal()\"\r\n ></tent-button>\r\n </div>\r\n } @if ((title || subtitle) && modal) {\r\n <header class=\"motor--header\">\r\n @if (title) {\r\n <h3 class=\"motor--title color--brown\">\r\n {{ title }}\r\n </h3>\r\n } @if (subtitle) {\r\n <h3 class=\"motor--title color--camel\">\r\n {{ subtitle }}\r\n </h3>\r\n }\r\n </header>\r\n }\r\n <form\r\n class=\"motor flex-row flex-row--center\"\r\n [formGroup]=\"motorForm\"\r\n [ngClass]=\"{ 'motor--modal': modal }\"\r\n >\r\n <tent-dropdown\r\n [options]=\"dropdown.options\"\r\n [placeholder]=\"dropdown.placeholder\"\r\n [sameTitlePlaceholder]=\"true\"\r\n formControlName=\"hotel\"\r\n [staticPosition]=\"false\"\r\n ></tent-dropdown>\r\n <tent-datepicker\r\n [placeholder]=\"date.title\"\r\n [icon]=\"date.icon\"\r\n [value]=\"date.value\"\r\n [sameTitlePlaceholder]=\"true\"\r\n formControlName=\"date\"\r\n ></tent-datepicker>\r\n\r\n <!--Dropdown input-->\r\n <div\r\n class=\"motor--input--wrapper flex-row flex-row--between\"\r\n (click)=\"togglePopup()\"\r\n >\r\n <div class=\"motor--input--content\">\r\n @if (guestsInput.value?.length) {\r\n <p class=\"motor--input--title\">{{ guestsInput.placeholder }}</p>\r\n }\r\n <input\r\n [disabled]=\"true\"\r\n class=\"motor--input\"\r\n type=\"text\"\r\n [value]=\"guestsInput.value\"\r\n [placeholder]=\"guestsInput.placeholder\"\r\n formControlName=\"guests\"\r\n />\r\n </div>\r\n\r\n <span\r\n class=\"motor--input--icon\"\r\n [ngClass]=\"guestsInput.icon\"\r\n ></span>\r\n </div>\r\n\r\n @if (!modal) {\r\n <p-dialog\r\n class=\"motor--dialog\"\r\n [(visible)]=\"dialogVisible\"\r\n (onShow)=\"toggleMotorDialogReady()\"\r\n (onHide)=\"toggleMotorDialogReady()\"\r\n >\r\n <tent-guests-popup\r\n [adultsDropdown]=\"guestsPopup.adultsDropdown\"\r\n [kidsDropdown]=\"guestsPopup.kidsDropdown\"\r\n [ageDropdown]=\"guestsPopup.ageDropdown\"\r\n [babysDropdown]=\"guestsPopup.babysDropdown\"\r\n [title]=\"guestsPopup.title\"\r\n [kidLabel]=\"guestsPopup.kidLabel\"\r\n [btnApply]=\"guestsPopup.btnApply\"\r\n (appliedData)=\"guestsChange($event)\"\r\n ></tent-guests-popup>\r\n </p-dialog>\r\n } @else if(dialogVisible) {\r\n <tent-guests-popup\r\n [adultsDropdown]=\"guestsPopup.adultsDropdown\"\r\n [kidsDropdown]=\"guestsPopup.kidsDropdown\"\r\n [ageDropdown]=\"guestsPopup.ageDropdown\"\r\n [babysDropdown]=\"guestsPopup.babysDropdown\"\r\n [title]=\"guestsPopup.title\"\r\n [kidLabel]=\"guestsPopup.kidLabel\"\r\n [btnApply]=\"guestsPopup.btnApply\"\r\n (appliedData)=\"guestsChange($event)\"\r\n ></tent-guests-popup>\r\n }\r\n\r\n <!--Promo input-->\r\n <div\r\n class=\"motor--input--wrapper flex-row flex-row--between\"\r\n [ngClass]=\"{ 'motor--input--wrapper--left': !modal }\"\r\n (click)=\"promoInputRef.focus()\"\r\n >\r\n <div class=\"motor--input--content\">\r\n @if (promoInput.value?.length && promoInput.value !== '') {\r\n <p class=\"motor--input--title\">{{ promoInput.placeholder }}</p>\r\n }\r\n <input\r\n #promoInputRef\r\n class=\"motor--input\"\r\n type=\"text\"\r\n [value]=\"promoInput.value\"\r\n [placeholder]=\"promoInput.placeholder\"\r\n formControlName=\"promo\"\r\n (input)=\"changeInput($event)\"\r\n />\r\n </div>\r\n\r\n <span class=\"motor--input--icon\" [ngClass]=\"promoInput.icon\"></span>\r\n </div>\r\n\r\n <div class=\"motor--dark-btn-wrapper\">\r\n <tent-button\r\n [ngClass]=\"{ 'motor--dark-btn--modal': modal }\"\r\n class=\"motor--dark-btn\"\r\n type=\"dark-box-filled\"\r\n [label]=\"btnSubmit.label\"\r\n boxWidth=\"200px\"\r\n (btnClick)=\"btnClicked()\"\r\n ></tent-button>\r\n </div>\r\n </form>\r\n</div>\r\n", styles: [".link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:38px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}:root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693D2D;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693E2E;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}:host{display:block;width:max-content}:host:not(.component):not(.modal){position:relative;left:50%;transform:translate(-50%)}@media (min-width: 1280px){:host:not(.component):not(.modal){position:absolute;top:calc(100vh - 100px);z-index:9;width:1020px}}@media (min-width: 1680px){:host:not(.component):not(.modal){width:1400px}}:host.component .motor--close-button{display:none}:host.component .motor--wrapper--centered{margin:0}.motor{position:relative;flex-wrap:nowrap}@media (max-width: 1279px){.motor{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:20px}}.motor--modal{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:20px}.motor--title{font-family:var(--tent-font);font-size:40px;font-weight:700;line-height:40px;letter-spacing:0;text-align:left}.motor--wrapper{background-color:var(--color-background);border-radius:9px}.motor--wrapper--modal{max-width:370px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:20px;padding:40px;width:100%;box-shadow:-5px 5px #7c4d3b1a;border:1px solid #e1d8d5}@media (max-width: 539px){.motor--wrapper--modal{width:300px;padding:20px}}.motor--wrapper--centered{margin-top:350px;margin-bottom:50px}@media (min-width: 1280px){.motor--wrapper:not(.motor--wrapper--modal){padding:10px;width:100%}}.motor--header{align-self:flex-start;margin-bottom:27px}@media (max-width: 539px){.motor--header{display:none}}.motor tent-dropdown ::ng-deep .dropdown--wrapper{min-width:160px}.motor--close-button{position:absolute;right:20px;top:20px}.motor--close-button tent-button ::ng-deep .btn{height:44px;width:44px}.motor--close-button tent-button ::ng-deep .btn--circle-icon{font-size:13px}.motor--input{border:none;background-color:var(--color-background);font-family:var(--tent-font);border-radius:0;color:#5d5d5d;font-size:15px;line-height:22px;text-align:left;-webkit-user-select:none;user-select:none;padding:0;width:100%}@media (min-width: 1280px){.motor--input{max-width:118px}}.motor--input--title{font-family:var(--tent-font);font-weight:700;line-height:27px;text-align:left;color:#693d2d;font-size:14px}.motor--input--content{width:100%}.motor--input::placeholder{font-family:var(--tent-font);font-size:17px;font-weight:700;line-height:27px;text-align:left;color:#693d2d}@media (min-width: 1280px){.motor--input::placeholder{font-size:14px}}@media (min-width: 1680px){.motor--input::placeholder{font-size:17px}}.motor--input:focus-visible{outline:none}.motor--input--icon{font-size:14px;color:#693d2d;width:32px;height:24px;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap}.motor--input--wrapper{cursor:pointer;padding:14.7px 18px;height:25px;background-color:var(--color-background);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);gap:0;border:1px solid #e1d8d5;border-radius:6px;width:calc(100% - 36px);max-width:370px;flex-wrap:nowrap}.motor--input--wrapper--left{margin-left:-7px}.motor--input--wrapper:hover{border-color:#c7946a}.motor--dialog{margin-left:-4px}.motor--dialog ::ng-deep .p-dialog-mask{height:unset;top:182px}.motor--dialog ::ng-deep .p-dialog-mask:before{content:\"\\e904\";font-family:icomoon;color:var(--guests-icon-arrow);font-size:4px;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%) translateY(-11px);-moz-transform:translateX(-50%) translateY(-11px);-ms-transform:translateX(-50%) translateY(-11px);-o-transform:translateX(-50%) translateY(-11px);transform:translate(-50%) translateY(-11px);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.motor--dialog ::ng-deep .p-dialog-header{display:none}.motor--dialog ::ng-deep .ng-trigger-animation{-webkit-transition:var(--Ltransition);-moz-transition:var(--Ltransition);-ms-transition:var(--Ltransition);-o-transition:var(--Ltransition);transition:var(--Ltransition)}.motor--dark-btn{width:100%}.motor--dark-btn-wrapper{width:100%;max-width:max-content}.motor--dark-btn-wrapper:has(.motor--dark-btn--modal){max-width:none}.motor--dark-btn ::ng-deep .btn{height:56px}@media (max-width: 1279px){.motor--dark-btn ::ng-deep .btn{width:100%}}.motor--dark-btn--modal ::ng-deep .btn{width:100%}form{width:100%}\n"] }]
|
|
970
|
+
}], ctorParameters: () => [{ type: i1$1.FormBuilder }], propDecorators: { wrapper: [{
|
|
971
|
+
type: ViewChild,
|
|
972
|
+
args: ['wrapper', { read: ElementRef }]
|
|
973
|
+
}], date: [{
|
|
975
974
|
type: Input
|
|
976
975
|
}], modal: [{
|
|
977
976
|
type: Input
|