tent-lib 0.0.30 → 0.0.32
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/esm2022/lib/components/core/header/header.component.mjs +3 -3
- package/esm2022/lib/components/core/modals/languages-modal/languages-modal.component.mjs +6 -4
- package/fesm2022/tent-lib.mjs +7 -5
- package/fesm2022/tent-lib.mjs.map +1 -1
- package/lib/components/core/header/header.component.d.ts +0 -2
- package/lib/components/core/modals/languages-modal/languages-modal.component.d.ts +2 -1
- package/package.json +1 -1
package/fesm2022/tent-lib.mjs
CHANGED
|
@@ -469,11 +469,11 @@ class HeaderComponent {
|
|
|
469
469
|
event.preventDefault();
|
|
470
470
|
}
|
|
471
471
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0", ngImport: i0, type: HeaderComponent, deps: [{ token: i1$2.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
472
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.0", type: HeaderComponent, isStandalone: true, selector: "tent-header", inputs: { scrolled: "scrolled", logo: "logo", navLinks: "navLinks", menuIcon: "menuIcon", rightButtons: "rightButtons", btnBook: "btnBook" }, outputs: { menuClick: "menuClick", languagesClick: "languagesClick", newsletterClick: "newsletterClick", checkinClick: "checkinClick", booksClick: "booksClick", motorClick: "motorClick" }, ngImport: i0, template: "<nav class=\"header\" [ngClass]=\"{ 'header--scrolled': scrolled }\">\r\n <div class=\"header--left-slot\">\r\n <img [src]=\"logo\" alt=\"\" />\r\n <div class=\"header--nav-links\">\r\n @for (navLink of navLinks; track $index) {\r\n <a\r\n (click)=\"navLinkClicked($event)\"\r\n [routerLink]=\"[navLink.url]\"\r\n [href]=\"navLink.url\"\r\n class=\"link color--brown\"\r\n >{{ navLink.label }}</a\r\n >\r\n }\r\n </div>\r\n <div class=\"header--menu-btn\" (click)=\"menuClick.emit()\">\r\n <mat-icon\r\n class=\"color--brown\"\r\n [ngClass]=\"menuIcon\"\r\n fontSet=\"icomoon\"\r\n ></mat-icon>\r\n </div>\r\n </div>\r\n <div class=\"header--right-slot\">\r\n @if (rightButtons.phone) {\r\n <a\r\n [href]=\"rightButtons.phone.url\"\r\n class=\"color--brown header--link-phone\"\r\n >\r\n <mat-icon\r\n class=\"color--brown icon-phone\"\r\n fontSet=\"icomoon\"\r\n ></mat-icon>\r\n <span>{{ rightButtons.phone.label }}</span>\r\n </a>\r\n\r\n } @if (rightButtons.books) {\r\n <a (click)=\"booksClick.emit()\" class=\"link color--brown header--books\">\r\n {{ rightButtons.books.label }}\r\n </a>\r\n } @if (rightButtons.mail) {\r\n <a class=\"header--mail\" (click)=\"newsletterClick.emit()\">\r\n <mat-icon\r\n class=\"color--brown\"\r\n [ngClass]=\"rightButtons.mail.icon\"\r\n fontSet=\"icomoon\"\r\n ></mat-icon>\r\n <span class=\"header--mail-comment\">\r\n {{ rightButtons.mail.comment }}\r\n </span>\r\n </a>\r\n } @if (rightButtons.languages) {\r\n <a\r\n (click)=\"languagesClick.emit()\"\r\n class=\"color--brown header--language\"\r\n >\r\n {{ rightButtons.languages.label }}\r\n <span class=\"header--language-comment\">{{\r\n rightButtons.languages.comment\r\n }}</span></a\r\n >\r\n\r\n }\r\n\r\n <div class=\"header--menu-btn\" (click)=\"menuClick.emit()\">\r\n <mat-icon\r\n class=\"color--brown\"\r\n [ngClass]=\"menuIcon\"\r\n fontSet=\"icomoon\"\r\n ></mat-icon>\r\n </div>\r\n\r\n @if (rightButtons.checkin) {\r\n <div class=\"header--check-in\" (click)=\"checkinClick.emit()\">\r\n <span class=\"color--white\">{{ rightButtons.checkin.label }}</span>\r\n </div>\r\n }\r\n\r\n <div class=\"header--btn-book\">\r\n <tent-button\r\n type=\"dark-box-filled\"\r\n [label]=\"btnBook.label\"\r\n (btnClick)=\"openMotor()\"\r\n ></tent-button>\r\n </div>\r\n </div>\r\n</nav>\r\n", styles: [":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}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:-.02em;line-height:146.1538461538%;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);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;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:-.02em;line-height:146.1538461538%;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%;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:-.02em}@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:-.02em}@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:-.02em}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-.02em}@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:-.02em}@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:-.03em}@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:-.03em}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 768px){.title--54{font-size:54px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:-.03em}@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:-.04em}@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:-.04em}@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:-.02em;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{transition:var(--Stransition)}.figure-zoom:hover figure{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;transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;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);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__circle-container{border-radius:50%;padding:6px}.btn__circle{width:50px;height:50px;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}:host{width:100%}.header{height:110px;padding:0 30px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;background-color:var(--color-background);transition:var(--Stransition)}@media (min-width: 768px){.header{height:120px}}@media (min-width: 1024px){.header{height:110px}}@media (min-width: 1680px){.header{height:120px}}.header--left-slot{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:35.22px}@media (max-width: 1023px){.header--left-slot .header--menu-btn{display:none}}@media (min-width: 1280px){.header--left-slot .header--menu-btn{display:none}}.header--right-slot{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:15px}.header--right-slot a{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;font-size:19px;font-weight:700;line-height:24.74px;text-align:left}.header--right-slot a mat-icon{width:44px}@media (max-width: 1023px){.header--right-slot a:not(.header--language){display:none}}@media (min-width: 1024px){.header--right-slot .header--menu-btn{display:none}}.header--nav-links{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:36px}@media (max-width: 1279px){.header--nav-links{display:none}}.header--nav-links a{font-size:19px;font-weight:700;line-height:24.74px;text-align:left}.header--btn-book{display:none}.header--btn-book tent-button ::ng-deep .btn{width:220px;height:56px}@media (min-width: 1024px) and (max-width: 1279px){.header--btn-book{display:block}}.header--menu-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:7.5px}.header--menu-btn span{font-family:var(--tent-font);font-size:19px;font-weight:700;line-height:24.74px;text-align:left}.header--menu-btn mat-icon{font-size:16px}.header--link-phone mat-icon{width:37.7px!important;height:37.7px;border-radius:50%;transition:var(--Stransition)}.header--link-phone mat-icon:hover{background-color:var(--color-background-8);opacity:.8}.header--mail,.header--language{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;width:55.89px;height:55.89px;border-radius:50%;transition:var(--Stransition);position:relative}.header--mail:hover,.header--language:hover{background-color:var(--color-background-8)}.header--mail:hover .header--mail-comment,.header--mail:hover .header--language-comment,.header--language:hover .header--mail-comment,.header--language:hover .header--language-comment{opacity:1}.header--mail-comment,.header--language-comment{opacity:0;padding:3.5px 22px;text-align:center;border-radius:4px;background-color:#785142;color:#dab38d;font-family:var(--tent-font);font-size:16px;font-weight:700;line-height:20.83px;text-align:left;position:absolute;bottom:-39px;right:-2px;transition:var(--Stransition)}.header--mail-comment:after,.header--language-comment:after{content:\"\";position:absolute;bottom:27px;left:70%;border-width:6px;border-style:solid;border-color:transparent transparent var(--color-background-6) transparent}.header--check-in{padding:5px 30px;border-radius:6px;background-color:var(--color-check-in);transition:var(--Stransition);cursor:pointer}.header--check-in:hover{background-color:var(--color-check-in-hover)}.header--check-in span{font-family:var(--tent-font);font-size:16px;font-weight:700;line-height:20.83px;text-align:center}@media (max-width: 1279px){.header--check-in{position:absolute;right:16px;bottom:-58px;border-top-left-radius:0;border-top-right-radius:0}}@media (max-width: 1023px){.header--check-in{display:none}}.header mat-icon{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap}.header--scrolled{border-bottom:1px solid var(--color-border-header);padding:10px 25px;height:70px}@media (min-width: 1024px){.header--scrolled{height:80px}}@media (min-width: 1680px){.header--scrolled{height:90px}}@media (min-width: 1024px) and (max-width: 1279px){.header--scrolled .header--btn-book{display:block}}.header--scrolled .header--check-in{position:absolute;right:18px;bottom:-54px;border-top-left-radius:0;border-top-right-radius:0}@media (min-width: 1680px){.header--scrolled .header--check-in{bottom:-59px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: ButtonComponent, selector: "tent-button", inputs: ["type", "label", "url", "linkType", "icon", "socialMedia", "iconPosition", "boxWidth", "innerContent", "linkSizeIcon", "target", "closeButton"], outputs: ["btnClick"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
|
|
472
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.0", type: HeaderComponent, isStandalone: true, selector: "tent-header", inputs: { scrolled: "scrolled", logo: "logo", navLinks: "navLinks", menuIcon: "menuIcon", rightButtons: "rightButtons", btnBook: "btnBook" }, outputs: { menuClick: "menuClick", languagesClick: "languagesClick", newsletterClick: "newsletterClick", checkinClick: "checkinClick", booksClick: "booksClick", motorClick: "motorClick" }, ngImport: i0, template: "<nav class=\"header\" [ngClass]=\"{ 'header--scrolled': scrolled }\">\r\n <div class=\"header--left-slot\">\r\n <img [src]=\"logo\" alt=\"\" />\r\n <div class=\"header--nav-links\">\r\n @for (navLink of navLinks; track $index) {\r\n <a\r\n (click)=\"navLinkClicked($event)\"\r\n [routerLink]=\"[navLink.url]\"\r\n [href]=\"navLink.url\"\r\n class=\"link color--brown\"\r\n >{{ navLink.label }}</a\r\n >\r\n }\r\n </div>\r\n <div class=\"header--menu-btn\" (click)=\"menuClick.emit()\">\r\n <mat-icon\r\n class=\"color--brown\"\r\n [ngClass]=\"menuIcon\"\r\n fontSet=\"icomoon\"\r\n ></mat-icon>\r\n </div>\r\n </div>\r\n <div class=\"header--right-slot\">\r\n @if (rightButtons.phone) {\r\n <a\r\n [href]=\"rightButtons.phone.url\"\r\n class=\"color--brown header--link-phone\"\r\n >\r\n <mat-icon\r\n class=\"color--brown icon-phone\"\r\n fontSet=\"icomoon\"\r\n ></mat-icon>\r\n <span>{{ rightButtons.phone.label }}</span>\r\n </a>\r\n\r\n } @if (rightButtons.books) {\r\n <a (click)=\"booksClick.emit()\" class=\"link color--brown header--books\">\r\n {{ rightButtons.books.label }}\r\n </a>\r\n } @if (rightButtons.newsletter) {\r\n <a class=\"header--mail\" (click)=\"newsletterClick.emit()\">\r\n <mat-icon\r\n class=\"color--brown\"\r\n [ngClass]=\"rightButtons.newsletter.icon\"\r\n fontSet=\"icomoon\"\r\n ></mat-icon>\r\n <span class=\"header--mail-comment\">\r\n {{ rightButtons.newsletter.comment }}\r\n </span>\r\n </a>\r\n } @if (rightButtons.languages) {\r\n <a\r\n (click)=\"languagesClick.emit()\"\r\n class=\"color--brown header--language\"\r\n >\r\n {{ rightButtons.languages.label }}\r\n <span class=\"header--language-comment\">{{\r\n rightButtons.languages.comment\r\n }}</span></a\r\n >\r\n\r\n }\r\n\r\n <div class=\"header--menu-btn\" (click)=\"menuClick.emit()\">\r\n <mat-icon\r\n class=\"color--brown\"\r\n [ngClass]=\"menuIcon\"\r\n fontSet=\"icomoon\"\r\n ></mat-icon>\r\n </div>\r\n\r\n @if (rightButtons.checkin) {\r\n <div class=\"header--check-in\" (click)=\"checkinClick.emit()\">\r\n <span class=\"color--white\">{{ rightButtons.checkin.label }}</span>\r\n </div>\r\n }\r\n\r\n <div class=\"header--btn-book\">\r\n <tent-button\r\n type=\"dark-box-filled\"\r\n [label]=\"btnBook.label\"\r\n (btnClick)=\"openMotor()\"\r\n ></tent-button>\r\n </div>\r\n </div>\r\n</nav>\r\n", styles: [":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}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:-.02em;line-height:146.1538461538%;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);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;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:-.02em;line-height:146.1538461538%;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%;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:-.02em}@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:-.02em}@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:-.02em}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-.02em}@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:-.02em}@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:-.03em}@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:-.03em}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 768px){.title--54{font-size:54px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:-.03em}@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:-.04em}@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:-.04em}@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:-.02em;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{transition:var(--Stransition)}.figure-zoom:hover figure{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;transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;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);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__circle-container{border-radius:50%;padding:6px}.btn__circle{width:50px;height:50px;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}:host{width:100%}.header{height:110px;padding:0 30px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;background-color:var(--color-background);transition:var(--Stransition)}@media (min-width: 768px){.header{height:120px}}@media (min-width: 1024px){.header{height:110px}}@media (min-width: 1680px){.header{height:120px}}.header--left-slot{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:35.22px}@media (max-width: 1023px){.header--left-slot .header--menu-btn{display:none}}@media (min-width: 1280px){.header--left-slot .header--menu-btn{display:none}}.header--right-slot{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:15px}.header--right-slot a{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;font-size:19px;font-weight:700;line-height:24.74px;text-align:left}.header--right-slot a mat-icon{width:44px}@media (max-width: 1023px){.header--right-slot a:not(.header--language){display:none}}@media (min-width: 1024px){.header--right-slot .header--menu-btn{display:none}}.header--nav-links{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:36px}@media (max-width: 1279px){.header--nav-links{display:none}}.header--nav-links a{font-size:19px;font-weight:700;line-height:24.74px;text-align:left}.header--btn-book{display:none}.header--btn-book tent-button ::ng-deep .btn{width:220px;height:56px}@media (min-width: 1024px) and (max-width: 1279px){.header--btn-book{display:block}}.header--menu-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:7.5px}.header--menu-btn span{font-family:var(--tent-font);font-size:19px;font-weight:700;line-height:24.74px;text-align:left}.header--menu-btn mat-icon{font-size:16px}.header--link-phone mat-icon{width:37.7px!important;height:37.7px;border-radius:50%;transition:var(--Stransition)}.header--link-phone mat-icon:hover{background-color:var(--color-background-8);opacity:.8}.header--mail,.header--language{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;width:55.89px;height:55.89px;border-radius:50%;transition:var(--Stransition);position:relative}.header--mail:hover,.header--language:hover{background-color:var(--color-background-8)}.header--mail:hover .header--mail-comment,.header--mail:hover .header--language-comment,.header--language:hover .header--mail-comment,.header--language:hover .header--language-comment{opacity:1}.header--mail-comment,.header--language-comment{opacity:0;padding:3.5px 22px;text-align:center;border-radius:4px;background-color:#785142;color:#dab38d;font-family:var(--tent-font);font-size:16px;font-weight:700;line-height:20.83px;text-align:left;position:absolute;bottom:-39px;right:-2px;transition:var(--Stransition)}.header--mail-comment:after,.header--language-comment:after{content:\"\";position:absolute;bottom:27px;left:70%;border-width:6px;border-style:solid;border-color:transparent transparent var(--color-background-6) transparent}.header--check-in{padding:5px 30px;border-radius:6px;background-color:var(--color-check-in);transition:var(--Stransition);cursor:pointer}.header--check-in:hover{background-color:var(--color-check-in-hover)}.header--check-in span{font-family:var(--tent-font);font-size:16px;font-weight:700;line-height:20.83px;text-align:center}@media (max-width: 1279px){.header--check-in{position:absolute;right:16px;bottom:-58px;border-top-left-radius:0;border-top-right-radius:0}}@media (max-width: 1023px){.header--check-in{display:none}}.header mat-icon{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap}.header--scrolled{border-bottom:1px solid var(--color-border-header);padding:10px 25px;height:70px}@media (min-width: 1024px){.header--scrolled{height:80px}}@media (min-width: 1680px){.header--scrolled{height:90px}}@media (min-width: 1024px) and (max-width: 1279px){.header--scrolled .header--btn-book{display:block}}.header--scrolled .header--check-in{position:absolute;right:18px;bottom:-54px;border-top-left-radius:0;border-top-right-radius:0}@media (min-width: 1680px){.header--scrolled .header--check-in{bottom:-59px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: ButtonComponent, selector: "tent-button", inputs: ["type", "label", "url", "linkType", "icon", "socialMedia", "iconPosition", "boxWidth", "innerContent", "linkSizeIcon", "target", "closeButton"], outputs: ["btnClick"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
|
|
473
473
|
}
|
|
474
474
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0", ngImport: i0, type: HeaderComponent, decorators: [{
|
|
475
475
|
type: Component,
|
|
476
|
-
args: [{ selector: 'tent-header', standalone: true, imports: [CommonModule, MatIconModule, ButtonComponent, RouterModule], template: "<nav class=\"header\" [ngClass]=\"{ 'header--scrolled': scrolled }\">\r\n <div class=\"header--left-slot\">\r\n <img [src]=\"logo\" alt=\"\" />\r\n <div class=\"header--nav-links\">\r\n @for (navLink of navLinks; track $index) {\r\n <a\r\n (click)=\"navLinkClicked($event)\"\r\n [routerLink]=\"[navLink.url]\"\r\n [href]=\"navLink.url\"\r\n class=\"link color--brown\"\r\n >{{ navLink.label }}</a\r\n >\r\n }\r\n </div>\r\n <div class=\"header--menu-btn\" (click)=\"menuClick.emit()\">\r\n <mat-icon\r\n class=\"color--brown\"\r\n [ngClass]=\"menuIcon\"\r\n fontSet=\"icomoon\"\r\n ></mat-icon>\r\n </div>\r\n </div>\r\n <div class=\"header--right-slot\">\r\n @if (rightButtons.phone) {\r\n <a\r\n [href]=\"rightButtons.phone.url\"\r\n class=\"color--brown header--link-phone\"\r\n >\r\n <mat-icon\r\n class=\"color--brown icon-phone\"\r\n fontSet=\"icomoon\"\r\n ></mat-icon>\r\n <span>{{ rightButtons.phone.label }}</span>\r\n </a>\r\n\r\n } @if (rightButtons.books) {\r\n <a (click)=\"booksClick.emit()\" class=\"link color--brown header--books\">\r\n {{ rightButtons.books.label }}\r\n </a>\r\n } @if (rightButtons.mail) {\r\n <a class=\"header--mail\" (click)=\"newsletterClick.emit()\">\r\n <mat-icon\r\n class=\"color--brown\"\r\n [ngClass]=\"rightButtons.mail.icon\"\r\n fontSet=\"icomoon\"\r\n ></mat-icon>\r\n <span class=\"header--mail-comment\">\r\n {{ rightButtons.mail.comment }}\r\n </span>\r\n </a>\r\n } @if (rightButtons.languages) {\r\n <a\r\n (click)=\"languagesClick.emit()\"\r\n class=\"color--brown header--language\"\r\n >\r\n {{ rightButtons.languages.label }}\r\n <span class=\"header--language-comment\">{{\r\n rightButtons.languages.comment\r\n }}</span></a\r\n >\r\n\r\n }\r\n\r\n <div class=\"header--menu-btn\" (click)=\"menuClick.emit()\">\r\n <mat-icon\r\n class=\"color--brown\"\r\n [ngClass]=\"menuIcon\"\r\n fontSet=\"icomoon\"\r\n ></mat-icon>\r\n </div>\r\n\r\n @if (rightButtons.checkin) {\r\n <div class=\"header--check-in\" (click)=\"checkinClick.emit()\">\r\n <span class=\"color--white\">{{ rightButtons.checkin.label }}</span>\r\n </div>\r\n }\r\n\r\n <div class=\"header--btn-book\">\r\n <tent-button\r\n type=\"dark-box-filled\"\r\n [label]=\"btnBook.label\"\r\n (btnClick)=\"openMotor()\"\r\n ></tent-button>\r\n </div>\r\n </div>\r\n</nav>\r\n", styles: [":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}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:-.02em;line-height:146.1538461538%;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);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;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:-.02em;line-height:146.1538461538%;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%;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:-.02em}@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:-.02em}@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:-.02em}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-.02em}@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:-.02em}@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:-.03em}@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:-.03em}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 768px){.title--54{font-size:54px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:-.03em}@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:-.04em}@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:-.04em}@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:-.02em;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{transition:var(--Stransition)}.figure-zoom:hover figure{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;transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;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);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__circle-container{border-radius:50%;padding:6px}.btn__circle{width:50px;height:50px;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}:host{width:100%}.header{height:110px;padding:0 30px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;background-color:var(--color-background);transition:var(--Stransition)}@media (min-width: 768px){.header{height:120px}}@media (min-width: 1024px){.header{height:110px}}@media (min-width: 1680px){.header{height:120px}}.header--left-slot{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:35.22px}@media (max-width: 1023px){.header--left-slot .header--menu-btn{display:none}}@media (min-width: 1280px){.header--left-slot .header--menu-btn{display:none}}.header--right-slot{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:15px}.header--right-slot a{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;font-size:19px;font-weight:700;line-height:24.74px;text-align:left}.header--right-slot a mat-icon{width:44px}@media (max-width: 1023px){.header--right-slot a:not(.header--language){display:none}}@media (min-width: 1024px){.header--right-slot .header--menu-btn{display:none}}.header--nav-links{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:36px}@media (max-width: 1279px){.header--nav-links{display:none}}.header--nav-links a{font-size:19px;font-weight:700;line-height:24.74px;text-align:left}.header--btn-book{display:none}.header--btn-book tent-button ::ng-deep .btn{width:220px;height:56px}@media (min-width: 1024px) and (max-width: 1279px){.header--btn-book{display:block}}.header--menu-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:7.5px}.header--menu-btn span{font-family:var(--tent-font);font-size:19px;font-weight:700;line-height:24.74px;text-align:left}.header--menu-btn mat-icon{font-size:16px}.header--link-phone mat-icon{width:37.7px!important;height:37.7px;border-radius:50%;transition:var(--Stransition)}.header--link-phone mat-icon:hover{background-color:var(--color-background-8);opacity:.8}.header--mail,.header--language{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;width:55.89px;height:55.89px;border-radius:50%;transition:var(--Stransition);position:relative}.header--mail:hover,.header--language:hover{background-color:var(--color-background-8)}.header--mail:hover .header--mail-comment,.header--mail:hover .header--language-comment,.header--language:hover .header--mail-comment,.header--language:hover .header--language-comment{opacity:1}.header--mail-comment,.header--language-comment{opacity:0;padding:3.5px 22px;text-align:center;border-radius:4px;background-color:#785142;color:#dab38d;font-family:var(--tent-font);font-size:16px;font-weight:700;line-height:20.83px;text-align:left;position:absolute;bottom:-39px;right:-2px;transition:var(--Stransition)}.header--mail-comment:after,.header--language-comment:after{content:\"\";position:absolute;bottom:27px;left:70%;border-width:6px;border-style:solid;border-color:transparent transparent var(--color-background-6) transparent}.header--check-in{padding:5px 30px;border-radius:6px;background-color:var(--color-check-in);transition:var(--Stransition);cursor:pointer}.header--check-in:hover{background-color:var(--color-check-in-hover)}.header--check-in span{font-family:var(--tent-font);font-size:16px;font-weight:700;line-height:20.83px;text-align:center}@media (max-width: 1279px){.header--check-in{position:absolute;right:16px;bottom:-58px;border-top-left-radius:0;border-top-right-radius:0}}@media (max-width: 1023px){.header--check-in{display:none}}.header mat-icon{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap}.header--scrolled{border-bottom:1px solid var(--color-border-header);padding:10px 25px;height:70px}@media (min-width: 1024px){.header--scrolled{height:80px}}@media (min-width: 1680px){.header--scrolled{height:90px}}@media (min-width: 1024px) and (max-width: 1279px){.header--scrolled .header--btn-book{display:block}}.header--scrolled .header--check-in{position:absolute;right:18px;bottom:-54px;border-top-left-radius:0;border-top-right-radius:0}@media (min-width: 1680px){.header--scrolled .header--check-in{bottom:-59px}}\n"] }]
|
|
476
|
+
args: [{ selector: 'tent-header', standalone: true, imports: [CommonModule, MatIconModule, ButtonComponent, RouterModule], template: "<nav class=\"header\" [ngClass]=\"{ 'header--scrolled': scrolled }\">\r\n <div class=\"header--left-slot\">\r\n <img [src]=\"logo\" alt=\"\" />\r\n <div class=\"header--nav-links\">\r\n @for (navLink of navLinks; track $index) {\r\n <a\r\n (click)=\"navLinkClicked($event)\"\r\n [routerLink]=\"[navLink.url]\"\r\n [href]=\"navLink.url\"\r\n class=\"link color--brown\"\r\n >{{ navLink.label }}</a\r\n >\r\n }\r\n </div>\r\n <div class=\"header--menu-btn\" (click)=\"menuClick.emit()\">\r\n <mat-icon\r\n class=\"color--brown\"\r\n [ngClass]=\"menuIcon\"\r\n fontSet=\"icomoon\"\r\n ></mat-icon>\r\n </div>\r\n </div>\r\n <div class=\"header--right-slot\">\r\n @if (rightButtons.phone) {\r\n <a\r\n [href]=\"rightButtons.phone.url\"\r\n class=\"color--brown header--link-phone\"\r\n >\r\n <mat-icon\r\n class=\"color--brown icon-phone\"\r\n fontSet=\"icomoon\"\r\n ></mat-icon>\r\n <span>{{ rightButtons.phone.label }}</span>\r\n </a>\r\n\r\n } @if (rightButtons.books) {\r\n <a (click)=\"booksClick.emit()\" class=\"link color--brown header--books\">\r\n {{ rightButtons.books.label }}\r\n </a>\r\n } @if (rightButtons.newsletter) {\r\n <a class=\"header--mail\" (click)=\"newsletterClick.emit()\">\r\n <mat-icon\r\n class=\"color--brown\"\r\n [ngClass]=\"rightButtons.newsletter.icon\"\r\n fontSet=\"icomoon\"\r\n ></mat-icon>\r\n <span class=\"header--mail-comment\">\r\n {{ rightButtons.newsletter.comment }}\r\n </span>\r\n </a>\r\n } @if (rightButtons.languages) {\r\n <a\r\n (click)=\"languagesClick.emit()\"\r\n class=\"color--brown header--language\"\r\n >\r\n {{ rightButtons.languages.label }}\r\n <span class=\"header--language-comment\">{{\r\n rightButtons.languages.comment\r\n }}</span></a\r\n >\r\n\r\n }\r\n\r\n <div class=\"header--menu-btn\" (click)=\"menuClick.emit()\">\r\n <mat-icon\r\n class=\"color--brown\"\r\n [ngClass]=\"menuIcon\"\r\n fontSet=\"icomoon\"\r\n ></mat-icon>\r\n </div>\r\n\r\n @if (rightButtons.checkin) {\r\n <div class=\"header--check-in\" (click)=\"checkinClick.emit()\">\r\n <span class=\"color--white\">{{ rightButtons.checkin.label }}</span>\r\n </div>\r\n }\r\n\r\n <div class=\"header--btn-book\">\r\n <tent-button\r\n type=\"dark-box-filled\"\r\n [label]=\"btnBook.label\"\r\n (btnClick)=\"openMotor()\"\r\n ></tent-button>\r\n </div>\r\n </div>\r\n</nav>\r\n", styles: [":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}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:-.02em;line-height:146.1538461538%;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);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;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:-.02em;line-height:146.1538461538%;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%;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:-.02em}@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:-.02em}@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:-.02em}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-.02em}@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:-.02em}@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:-.03em}@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:-.03em}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 768px){.title--54{font-size:54px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:-.03em}@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:-.04em}@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:-.04em}@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:-.02em;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{transition:var(--Stransition)}.figure-zoom:hover figure{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;transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;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);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__circle-container{border-radius:50%;padding:6px}.btn__circle{width:50px;height:50px;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}:host{width:100%}.header{height:110px;padding:0 30px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;background-color:var(--color-background);transition:var(--Stransition)}@media (min-width: 768px){.header{height:120px}}@media (min-width: 1024px){.header{height:110px}}@media (min-width: 1680px){.header{height:120px}}.header--left-slot{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:35.22px}@media (max-width: 1023px){.header--left-slot .header--menu-btn{display:none}}@media (min-width: 1280px){.header--left-slot .header--menu-btn{display:none}}.header--right-slot{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:15px}.header--right-slot a{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;font-size:19px;font-weight:700;line-height:24.74px;text-align:left}.header--right-slot a mat-icon{width:44px}@media (max-width: 1023px){.header--right-slot a:not(.header--language){display:none}}@media (min-width: 1024px){.header--right-slot .header--menu-btn{display:none}}.header--nav-links{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:36px}@media (max-width: 1279px){.header--nav-links{display:none}}.header--nav-links a{font-size:19px;font-weight:700;line-height:24.74px;text-align:left}.header--btn-book{display:none}.header--btn-book tent-button ::ng-deep .btn{width:220px;height:56px}@media (min-width: 1024px) and (max-width: 1279px){.header--btn-book{display:block}}.header--menu-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:7.5px}.header--menu-btn span{font-family:var(--tent-font);font-size:19px;font-weight:700;line-height:24.74px;text-align:left}.header--menu-btn mat-icon{font-size:16px}.header--link-phone mat-icon{width:37.7px!important;height:37.7px;border-radius:50%;transition:var(--Stransition)}.header--link-phone mat-icon:hover{background-color:var(--color-background-8);opacity:.8}.header--mail,.header--language{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;width:55.89px;height:55.89px;border-radius:50%;transition:var(--Stransition);position:relative}.header--mail:hover,.header--language:hover{background-color:var(--color-background-8)}.header--mail:hover .header--mail-comment,.header--mail:hover .header--language-comment,.header--language:hover .header--mail-comment,.header--language:hover .header--language-comment{opacity:1}.header--mail-comment,.header--language-comment{opacity:0;padding:3.5px 22px;text-align:center;border-radius:4px;background-color:#785142;color:#dab38d;font-family:var(--tent-font);font-size:16px;font-weight:700;line-height:20.83px;text-align:left;position:absolute;bottom:-39px;right:-2px;transition:var(--Stransition)}.header--mail-comment:after,.header--language-comment:after{content:\"\";position:absolute;bottom:27px;left:70%;border-width:6px;border-style:solid;border-color:transparent transparent var(--color-background-6) transparent}.header--check-in{padding:5px 30px;border-radius:6px;background-color:var(--color-check-in);transition:var(--Stransition);cursor:pointer}.header--check-in:hover{background-color:var(--color-check-in-hover)}.header--check-in span{font-family:var(--tent-font);font-size:16px;font-weight:700;line-height:20.83px;text-align:center}@media (max-width: 1279px){.header--check-in{position:absolute;right:16px;bottom:-58px;border-top-left-radius:0;border-top-right-radius:0}}@media (max-width: 1023px){.header--check-in{display:none}}.header mat-icon{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap}.header--scrolled{border-bottom:1px solid var(--color-border-header);padding:10px 25px;height:70px}@media (min-width: 1024px){.header--scrolled{height:80px}}@media (min-width: 1680px){.header--scrolled{height:90px}}@media (min-width: 1024px) and (max-width: 1279px){.header--scrolled .header--btn-book{display:block}}.header--scrolled .header--check-in{position:absolute;right:18px;bottom:-54px;border-top-left-radius:0;border-top-right-radius:0}@media (min-width: 1680px){.header--scrolled .header--check-in{bottom:-59px}}\n"] }]
|
|
477
477
|
}], ctorParameters: () => [{ type: i1$2.MatDialog }], propDecorators: { scrolled: [{
|
|
478
478
|
type: Input
|
|
479
479
|
}], logo: [{
|
|
@@ -1236,12 +1236,14 @@ class LanguagesModalComponent {
|
|
|
1236
1236
|
this.dialogRef.close();
|
|
1237
1237
|
}
|
|
1238
1238
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0", ngImport: i0, type: LanguagesModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1239
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.0", type: LanguagesModalComponent, isStandalone: true, selector: "tent-languages-modal", inputs: { closeBtn: "closeBtn", buttons: "buttons" }, outputs: { languageSelect: "languageSelect" }, ngImport: i0, template: "<div class=\"languages-modal\">\r\n <div class=\"languages-modal--close\">\r\n <tent-button\r\n type=\"dark-circle\"\r\n [icon]=\"closeBtn.icon\"\r\n [closeButton]=\"true\"\r\n (btnClick)=\"close()\"\r\n ></tent-button>\r\n </div>\r\n <div class=\"languages-modal--header\">\r\n <h4 class=\"languages-modal--header--title\">idiomas</h4>\r\n </div>\r\n\r\n <div class=\"languages-modal--content\">\r\n @for (btn of buttons; track $index) {\r\n <tent-button\r\n [ngClass]=\"{\r\n 'languages-modal--selected': btn.label == selected\r\n }\"\r\n type=\"dark-box\"\r\n [label]=\"btn.label\"\r\n (btnClick)=\"selectLanguage(btn.label!)\"\r\n ></tent-button>\r\n\r\n }\r\n </div>\r\n</div>\r\n", styles: [":root{--corp-font1: \"TT Norms Pro\", sans-serif;--corp-font1-medium: \"TT Norms Pro Medium\", sans-serif;--corp-font1-bold: \"TT Norms Pro Bold\", sans-serif;--color-tag: #ffc107;--color-checkin: #ff9124;--color-adults: #fd003a;--color-lines: #d2d1d1;--color-corp1: #0d0d0d;--color-corp1-hover: #a22134;--color-error: rgb(225, 25, 25);--color-horario: var(--color-corp1);--color-icon: #444444;--color-table-hover: #f6f6f6;--color-table-color: #77c164;--color-background-footer: var(--color-corp1);--color-background-footer-text: #fff;--color-background: #fff;--color-background2: #dddbc3;--color-background3: #eae9e2;--color-background4: #b0ad9f;--color-background5: #cdcab8;--color-background6: #fafaf9;--color-background7: #f6f6f3;--titles-font: var(--corp-font1-bold);--titles-letter-spacing: 0;--titles-size: 28px;--titles-size-st: 34px;--titles-size-mt: 40px;--titles-size-sd: 44px;--titles-line-height: 111.76470588%;--titles-color: #222;--titles-small-letter-spacing: 0;--titles-small-size: 28px;--titles-small-size-st: 34px;--titles-small-line-height: 111.76470588%;--titles-small-small-letter-spacing: 0;--titles-small-small-line-height: 111.76470588%;--titles-small-small-size: 22px;--titles-small-small-size-st: 24px;--subtitles-font: var(--corp-font1);--subtitles-colors: #868686;--subtitles-size: 14px;--subtitles-line-height: 1.4;--subtitles-letter-spacing: .1em;--subtitles-text-transform: uppercase;--pretitles-font: var(--corp-font1);--pretitles-colors: #868686;--pretitles-size: 14px;--pretitles-line-height: 1.4;--pretitles-letter-spacing: .1em;--pretitles-text-transform: uppercase;--text-font: var(--corp-font1);--text-color: #444444;--text-color-light: #fff;--text-color-dark: #222;--text-size: 20px;--text-line-height: 1.4;--text-letter-spacing: .035em;--text-text-transform: uppercase;--text-small-font: var(--corp-font1);--text-small-size: 16px;--text-small-line-height: 1.4;--text-small-letter-spacing: .035em;--text-small-text-transform: uppercase;--motor-color-background: transparent;--motor-color-background-wrapper: rgba(235, 235, 227, .8);--motor-color-background-text: var(--color-corp1);--motor-input-color-text: #333;--motor-color-input-background: #fff;--motor-font-input: var(--corp-font1-medium);--motor-size-input: 12px;--motor-size-input-icon: 24px;--motor-letter-spacing-input: .1em;--motor-line-height-input: 1.5;--motor-font-input-title: var(--corp-font1-bold);--btns-color: rgba(13, 13, 13, .6);--btns-color-background: white;--btns-color-border: var(--btns-color);--btns-color-hover-text: white;--btns-color-hover: rgba(13, 13, 13, .7);--btns-color-dark-filled: var(--color-corp1);--btns-color-dark-filled-text: #fff;--btns-color-dark-filled-hover: var(--color-corp1);--btns-text-transform: uppercase;--btns-letter-spacing: .06em;--btns-size-icon-arrow: 20px;--btns-size-small-small: 12px;--btns-size-small: 14px;--btns-size-medium: 16px;--btns-size-medium-large: 30px;--btns-size-large: 30px;--btns-height-small: 40px;--btns-color-light: #fff;--btns-color-text-light: #fff;--btns-color-links: rgba(13, 13, 13, .6);--btns-color-icon-links: rgba(13, 13, 13, .6);--btns-color-links-light: #fff;--btns-color-links-hover: rgba(13, 13, 13, .7);--btns-text-transform-links: none;--btns-letter-spacing-links: .12em;--btns-size-links: 14px;--btns-size-icon-links: 14px;--btns-circle-color-background: #fff;--btns-circle-color-line: rgba(13, 13, 13, .5);--btns-circle-color-mob: var(--color-corp1);--btns-circle-color-hover: var(--color-corp1);--btns-circle-size: 12px;--btns-color-animated: transparent;--btns-circle-rects: 34px;--btns-circle-rects-sd: 40px;--btns-size-box: 220px;--btns-size-icon: 13px;--btns-size-call-us: 12px;--btns-background-call-us: transparent;--footer-color-circle-icon: var(--color-icon);--footer-color-icon: var(--color-icon);--footer-color-line-hover: var(--color-corp1);--footer-color-btn-social-media: rgba(34, 34, 34, .5);--footer-size-btn-social-media: 50px;--footer-size-btn-social-media-desktop: 50px;--footer-color-btn-top: rgba(86, 86, 86, .7);--footer-idicator-color: rgba(0, 0, 0, 0);--footer-static-background-color: var(--color-corp1);--footer-link-color: #fff;--footer-line-color: rgba(255, 255, 255, .2);--footer-a-size-scroll-button: 48px;--footer-a-size-scroll-button-desktop: 48px;--footer-ab-color-links: #444;--footer-ab-font-links: var(--corp-font1);--footer-ab-font-small-text: var(--corp-font1-medium);--footer-a-font-links: var(--contact-info-font-links);--footer-a-color-links: var(--contact-info-color-links);--footer-a-font-small-text: var(--contact-info-font-small-text);--footer-b-size-pretitle: 14px;--footer-b-font-links: var(--contact-info-font-links);--footer-b-color-links: var(--contact-info-color-links);--footer-b-font-links: 16px;--footer-b-font-small-text: var(--contact-info-font-small-text);--footer-b-size-small-text: 12.8px;--header-color-background: #fff;--header-color-btn: #444;--header-color-btn-background: #fff;--header-color-btn-text-light: #fff;--header-color-text: var(--color-corp1);--header-color-text-light: #fff;--header-color-line: #d2d1d1;--header-color-arrow: var(--color-corp1);--header-color-arrow-light: #fff;--header-font-text: var(--corp-font1-bold);--header-size-text: 15px;--header-size-text-sd: 13px;--header-mobile-background-top: #fff;--header-mobile-background-bottom: var(--color-corp1);--menu-background: #fff;--menu-color-nav-link: var(--color-corp1);--menu-background-color-close: rgba(13, 13, 13, .6);--menu-color-close: #fff;--menu-color-lines: var(--color-lines);--datepicker-input-background: #fff;--datepicker-highlight: var(--color-corp1);--datepicker-highlight-text: #fff;--datepicker-color-text: #333;--datepicker-background: #fff;--datepicker-letter-spacing: 0;--datepicker-letter-spacing-input: .02em;--datepicker-line-height-input: 1.5;--datepicker-font: var(--corp-font1-bold);--datepicker-font-input: var(--corp-font1);--datepicker-font-title-calendar: var(--corp-font1-bold);--datepikcer-size-title-calendar: 16px;--datepicker-size-text: 12px;--datepicker-size-icon: 24px;--datepicker-color-arrows: #2b2b2b;--datepicker-size-arrows: 8px;--datepicker-color-border: var(--color-lines);--dropdown-color-text: #444;--dropdown-color-border: #868686;--dropdown-color-text-hover: #fff;--dropdown-background: #fff;--dropdown-title-background-hover: var(--color-corp1);--dropdown-item-background-hover: #2d5bdd;--dropdown-size: 16px;--dropdown-size-error: 10px;--dropdown-size-icon: 10px;--dropdown-letter-spacing: .03em;--dropdown-color-error: var(--color-error);--guests-background: #fff;--guests-shadow: 0 0 10px rgba(0, 0, 0, .5);--guests-border-color: #fff;--guests-color-arrow: #d2d1d1;--only-adults-mark-background: rgb(253, 0, 58);--only-adults-color-mark-text: #fff;--only-adults-text: #383838;--only-adults-text-light: #fff;--only-adults-font-mark: var(--corp-font1-bold);--only-adults-size-mark: 18px;--only-adults-line-height-mark: 38px;--breadcrump-line-hover: var(--color-corp1);--breadcrump-line: #868686;--breadcrump-text-hover: var(--color-corp1);--breadcrump-text: #868686;--breadcrump-font: var(--corp-font1-bold);--breadcrump-size: 15px;--panoramic-mark-color: #fff;--panoramic-mark-background: rgba(0, 0, 0, 0);--rooms-module-text-color: #444;--input-color-text: var(--color-corp1);--input-color-text-light: #fff;--input-color-icon: var(--color-icon);--input-color-background: #fff;--input-background-hover: var(--color-corp1);--input-size: 16px;--input-size-error: 10px;--input-size-icon: 16px;--input-color-error: var(--color-error);--input-color-border: var(--color-lines);--checkbox-link-font: var(--corp-font-1);--checkbox-color-lines: var(--color-lines);--checkbox-color-background: var(--color-background);--checkbox-color-icon: rgb(68, 68, 68);--checkbox-size-icon: 6px;--checkbox-size-text: 16px;--checkbox-size-error: 10px;--checkbox-color-text: #444444;--checkbox-color-link-hover: #868686;--checkbox-color-error: var(--color-error);--textarea-color-text: var(--color-corp1);--textarea-color-text-light: #fff;--textarea-background: #fff;--textarea-background-hover: var(--color-corp1);--textarea-size: 16px;--textarea-size-error: 10px;--textarea-color-error: var(--color-error);--contact-info-lines: var(--color-lines);--contact-color-btn-media: var(--footer-color-btn-social-media);--contact-info-color-icon: #444;--contact-info-color-links: #444;--contact-info-font-links: var(--corp-font1);--contact-info-font-small-text: var(--corp-font1-medium);--contact-info-size-text: 16px;--contact-info-size-btn-media: 50px;--contact-info-font-strong-text: var(--corp-font1-bold);--contact-info-size-strong-text: 13px;--contact-transport-lines: var(--color-lines);--contact-transport-lines-dark: #222;--contact-form-color-dot: rgb(210, 209, 209);--gallery-menu-color-link: #868686;--gallery-menu-color-line: #444;--gallery-item-color-text: #444;--gallery-item-info-background: #fff;--gallery-menu-modal-background: #fff;--gallery-menu-modal--lines: var(--color-lines);--gallery-menu-modal-icon-color: #444;--rooms-modal-color-text: #444444;--rooms-modal-color-lines: var(--color-lines);--rooms-modal-color-lines-hover: var(--color-corp1);--rooms-modal-background-image-color: #f6f6f3;--submenu-modal-lines: var(--color-lines);--submenu-modal-color-text: #444;--complex-module-slider-color-text: #444;--complex-module-slider-color-lines: var(--color-lines);--offer-detail-color-tag: var(--color-tag);--offer-detail-color-tag-mobile: #222222;--offer-detail-color-tag-text: #fff;--offer-detail-color-price: #222222;--offer-detail-color-text: #444444;--offer-detail-price-font-family: var(--corp-font1-bold);--offer-detail-background-info: #fff;--toast-size-icon: 2rem;--toast-font-summary: var(--corp-font1-bold);--toast-font-detail: var(--corp-font1);--toast-color-background-hover-icon-close: rgba(255, 255, 2555, .5);--toast-success-color-background: rgba(228, 248, 240, .7);--toast-success-color-border: #1ea97c;--toast-success-border-width: 0 0 0 6px;--toast-success-color-text: #1ea97c;--toast-error-color-background: rgb(248, 228, 228, .7);--toast-error-color-border: #dd1f1c;--toast-error-border-width: 0 0 0 6px;--toast-error-color-text: #dd1f1c;--counter-font: var(--corp-font1-bold);--counter-size: 13px;--counter-color: rgba(13, 13, 13, .5);--counter-letter-spacing: .12em;--language-size-btn: 35px;--language-size-btn-desktop: 35px;--language-color-btn-mobile: var(--btns-circle-color-line);--users-size-btn: 35px;--users-size-btn-desktop: 35px;--users-color-btn-mobile: var(--btns-circle-color-line);--newsletter-modal-background-color-close: transparent;--newsletter-modal-color-close: var(--btns-circle-color-line);--newsletter-modal-color-close-desktop: #fff;--newsletter-modal-link-font: var(--checkbox-link-font);--newsletter-modal-color-text: var(--checkbox-color-text);--newsletter-modal-color-link-hover: var(--checkbox-color-link-hover);--discount-color-border: var(--color-lines);--discount-color-border-top: #0d0d0d;--discount-color: #ffc107;--discount-font: var(--corp-font1-bold);--top-module-background-discount: rgba(3, 3, 3, .4);--top-module-color-breadcrumps: #fff;--horizontal-col-background-selected: #0d0d0d;--horizontal-col-color-selected: #fff;--checkin-background: #ff9124;--checkin-background-hover: #ff7818;--checkin-size-icon: 11px;--checkin-color-icon: #fff;--checkin-size-text: 11px;--checkin-letter-spacing-text: .05em;--checkin-color-text: #fff;--module404-background: #f6f6f3;--module404-background-content: #fff;--module404-rects-content: 470px;--module404-color-icon: #444444;--module404-size-icon: 60px;--webmap-background-info: #fff;--webmap-border-link: var(--color-lines);--webmap-font-link: var(--corp-font1);--webmap-size-link: 18px;--webmap-size-link-desktop: 20px;--webmap-letter-spacing-link: .035em;--webmap-color-link: #444;--webmap-color-link-hover: #0d0d0d;--faqs-color-tag: #ffc107;--faqs-color-tag-text: #fff;--faqs-font-tag: var(--corp-font1-bold);--faqs-size-tag: 15px;--faqs-color-item-title: #222222;--faqs-border-item: var(--color-lines);--faqs-border-item-selected: #222;--faqs-background: #dddbc3;--loyalty-table-border: var(--color-lines);--loyalty-table-size-subtitle-icon: 26px;--loyalty-table-color-subtitle-icon: #444;--loyalty-table-background-silver: #e5e5e5;--loyalty-table-background-gold: #e2c26f;--loyalty-table-background-platinum: #cfe7ed;--loyalty-table-font-plan-title: var(--corp-font1-bold);--loyalty-table-size-plan-title: 16px;--loyalty-table-size-plan-title-desktop: 24px;--loyalty-table-color-plan-title: #000;--loyalty-table-spacing-plan-title: .005em;--loyalty-table-line-height-plan-title: 125%;--loyalty-table-font-plan-subtitle: var(--corp-font1-bold);--loyalty-table-size-plan-subtitle: 13px;--loyalty-table-color-plan-subtitle: #000;--loyalty-table-spacing-plan-subtitle: .02em;--loyalty-table-line-height-plan-subtitle: 146.1538461538%;--loyalty-table-color-button-collapse: #222;--loyalty-table-size-button-collapse: 33px;--loyalty-table-size-table-subtitle: 12px;--loyalty-table-border-row: var(--color-lines);--loyalty-table-background-category: var(--color-background);--loyalty-table-background-value: #f6f6f6;--loyalty-table-size-icon-cell: 15px;--loyalty-table-color-cell-inactive: rgb(68, 68, 68);--loyalty-table-color-cell-active: #77c164;--loyalty-table-color-cell: #0d0d0d;--loyalty-table-font-value: var(--corp-font1-bold);--loyalty-table-size-value: 20px;--loyalty-table-color-value: #0d0d0d;--loyalty-table-size-additional-info-icon: 26px;--loyalty-table-color-additional-info-icon: #222;--loyalty-table-color-additional-info-text: #222;--loyalty-table-font-additional-info-text: var(--corp-font1);--loyalty-table-line-height-additional-info-text: 166.6666666667%;--loyalty-table-spacing-additional-info-text: .02em;--loyalty-table-size-additional-info-text: 15px;--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}.languages-modal{max-width:308px;max-height:100vh;overflow:auto;align-self:center;padding:50px 0;width:100%}.languages-modal--close{position:absolute;right:20px;top:20px}.languages-modal--header{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;flex-wrap:nowrap;margin-bottom:20px}.languages-modal--header--title{font-family:var(--tent-font);font-size:42px;font-weight:700;line-height:60px;letter-spacing:-.04em;text-align:left;color:#693d2d}.languages-modal--content{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:20px}@media (min-width: 768px){.languages-modal--content{gap:25px}}.languages-modal--selected ::ng-deep .btn{background-color:#dab38d}\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", "target", "closeButton"], outputs: ["btnClick"] }, { kind: "ngmodule", type: MatIconModule }] }); }
|
|
1239
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.0", type: LanguagesModalComponent, isStandalone: true, selector: "tent-languages-modal", inputs: { title: "title", closeBtn: "closeBtn", buttons: "buttons" }, outputs: { languageSelect: "languageSelect" }, ngImport: i0, template: "<div class=\"languages-modal\">\r\n <div class=\"languages-modal--close\">\r\n <tent-button\r\n type=\"dark-circle\"\r\n [icon]=\"closeBtn.icon\"\r\n [closeButton]=\"true\"\r\n (btnClick)=\"close()\"\r\n ></tent-button>\r\n </div>\r\n @if (title) {\r\n <div class=\"languages-modal--header\">\r\n <h4 class=\"languages-modal--header--title\">{{ title }}</h4>\r\n </div>\r\n }\r\n\r\n <div class=\"languages-modal--content\">\r\n @for (btn of buttons; track $index) {\r\n <tent-button\r\n [ngClass]=\"{\r\n 'languages-modal--selected': btn.label == selected\r\n }\"\r\n type=\"dark-box\"\r\n [label]=\"btn.label\"\r\n (btnClick)=\"selectLanguage(btn.label!)\"\r\n ></tent-button>\r\n\r\n }\r\n </div>\r\n</div>\r\n", styles: [":root{--corp-font1: \"TT Norms Pro\", sans-serif;--corp-font1-medium: \"TT Norms Pro Medium\", sans-serif;--corp-font1-bold: \"TT Norms Pro Bold\", sans-serif;--color-tag: #ffc107;--color-checkin: #ff9124;--color-adults: #fd003a;--color-lines: #d2d1d1;--color-corp1: #0d0d0d;--color-corp1-hover: #a22134;--color-error: rgb(225, 25, 25);--color-horario: var(--color-corp1);--color-icon: #444444;--color-table-hover: #f6f6f6;--color-table-color: #77c164;--color-background-footer: var(--color-corp1);--color-background-footer-text: #fff;--color-background: #fff;--color-background2: #dddbc3;--color-background3: #eae9e2;--color-background4: #b0ad9f;--color-background5: #cdcab8;--color-background6: #fafaf9;--color-background7: #f6f6f3;--titles-font: var(--corp-font1-bold);--titles-letter-spacing: 0;--titles-size: 28px;--titles-size-st: 34px;--titles-size-mt: 40px;--titles-size-sd: 44px;--titles-line-height: 111.76470588%;--titles-color: #222;--titles-small-letter-spacing: 0;--titles-small-size: 28px;--titles-small-size-st: 34px;--titles-small-line-height: 111.76470588%;--titles-small-small-letter-spacing: 0;--titles-small-small-line-height: 111.76470588%;--titles-small-small-size: 22px;--titles-small-small-size-st: 24px;--subtitles-font: var(--corp-font1);--subtitles-colors: #868686;--subtitles-size: 14px;--subtitles-line-height: 1.4;--subtitles-letter-spacing: .1em;--subtitles-text-transform: uppercase;--pretitles-font: var(--corp-font1);--pretitles-colors: #868686;--pretitles-size: 14px;--pretitles-line-height: 1.4;--pretitles-letter-spacing: .1em;--pretitles-text-transform: uppercase;--text-font: var(--corp-font1);--text-color: #444444;--text-color-light: #fff;--text-color-dark: #222;--text-size: 20px;--text-line-height: 1.4;--text-letter-spacing: .035em;--text-text-transform: uppercase;--text-small-font: var(--corp-font1);--text-small-size: 16px;--text-small-line-height: 1.4;--text-small-letter-spacing: .035em;--text-small-text-transform: uppercase;--motor-color-background: transparent;--motor-color-background-wrapper: rgba(235, 235, 227, .8);--motor-color-background-text: var(--color-corp1);--motor-input-color-text: #333;--motor-color-input-background: #fff;--motor-font-input: var(--corp-font1-medium);--motor-size-input: 12px;--motor-size-input-icon: 24px;--motor-letter-spacing-input: .1em;--motor-line-height-input: 1.5;--motor-font-input-title: var(--corp-font1-bold);--btns-color: rgba(13, 13, 13, .6);--btns-color-background: white;--btns-color-border: var(--btns-color);--btns-color-hover-text: white;--btns-color-hover: rgba(13, 13, 13, .7);--btns-color-dark-filled: var(--color-corp1);--btns-color-dark-filled-text: #fff;--btns-color-dark-filled-hover: var(--color-corp1);--btns-text-transform: uppercase;--btns-letter-spacing: .06em;--btns-size-icon-arrow: 20px;--btns-size-small-small: 12px;--btns-size-small: 14px;--btns-size-medium: 16px;--btns-size-medium-large: 30px;--btns-size-large: 30px;--btns-height-small: 40px;--btns-color-light: #fff;--btns-color-text-light: #fff;--btns-color-links: rgba(13, 13, 13, .6);--btns-color-icon-links: rgba(13, 13, 13, .6);--btns-color-links-light: #fff;--btns-color-links-hover: rgba(13, 13, 13, .7);--btns-text-transform-links: none;--btns-letter-spacing-links: .12em;--btns-size-links: 14px;--btns-size-icon-links: 14px;--btns-circle-color-background: #fff;--btns-circle-color-line: rgba(13, 13, 13, .5);--btns-circle-color-mob: var(--color-corp1);--btns-circle-color-hover: var(--color-corp1);--btns-circle-size: 12px;--btns-color-animated: transparent;--btns-circle-rects: 34px;--btns-circle-rects-sd: 40px;--btns-size-box: 220px;--btns-size-icon: 13px;--btns-size-call-us: 12px;--btns-background-call-us: transparent;--footer-color-circle-icon: var(--color-icon);--footer-color-icon: var(--color-icon);--footer-color-line-hover: var(--color-corp1);--footer-color-btn-social-media: rgba(34, 34, 34, .5);--footer-size-btn-social-media: 50px;--footer-size-btn-social-media-desktop: 50px;--footer-color-btn-top: rgba(86, 86, 86, .7);--footer-idicator-color: rgba(0, 0, 0, 0);--footer-static-background-color: var(--color-corp1);--footer-link-color: #fff;--footer-line-color: rgba(255, 255, 255, .2);--footer-a-size-scroll-button: 48px;--footer-a-size-scroll-button-desktop: 48px;--footer-ab-color-links: #444;--footer-ab-font-links: var(--corp-font1);--footer-ab-font-small-text: var(--corp-font1-medium);--footer-a-font-links: var(--contact-info-font-links);--footer-a-color-links: var(--contact-info-color-links);--footer-a-font-small-text: var(--contact-info-font-small-text);--footer-b-size-pretitle: 14px;--footer-b-font-links: var(--contact-info-font-links);--footer-b-color-links: var(--contact-info-color-links);--footer-b-font-links: 16px;--footer-b-font-small-text: var(--contact-info-font-small-text);--footer-b-size-small-text: 12.8px;--header-color-background: #fff;--header-color-btn: #444;--header-color-btn-background: #fff;--header-color-btn-text-light: #fff;--header-color-text: var(--color-corp1);--header-color-text-light: #fff;--header-color-line: #d2d1d1;--header-color-arrow: var(--color-corp1);--header-color-arrow-light: #fff;--header-font-text: var(--corp-font1-bold);--header-size-text: 15px;--header-size-text-sd: 13px;--header-mobile-background-top: #fff;--header-mobile-background-bottom: var(--color-corp1);--menu-background: #fff;--menu-color-nav-link: var(--color-corp1);--menu-background-color-close: rgba(13, 13, 13, .6);--menu-color-close: #fff;--menu-color-lines: var(--color-lines);--datepicker-input-background: #fff;--datepicker-highlight: var(--color-corp1);--datepicker-highlight-text: #fff;--datepicker-color-text: #333;--datepicker-background: #fff;--datepicker-letter-spacing: 0;--datepicker-letter-spacing-input: .02em;--datepicker-line-height-input: 1.5;--datepicker-font: var(--corp-font1-bold);--datepicker-font-input: var(--corp-font1);--datepicker-font-title-calendar: var(--corp-font1-bold);--datepikcer-size-title-calendar: 16px;--datepicker-size-text: 12px;--datepicker-size-icon: 24px;--datepicker-color-arrows: #2b2b2b;--datepicker-size-arrows: 8px;--datepicker-color-border: var(--color-lines);--dropdown-color-text: #444;--dropdown-color-border: #868686;--dropdown-color-text-hover: #fff;--dropdown-background: #fff;--dropdown-title-background-hover: var(--color-corp1);--dropdown-item-background-hover: #2d5bdd;--dropdown-size: 16px;--dropdown-size-error: 10px;--dropdown-size-icon: 10px;--dropdown-letter-spacing: .03em;--dropdown-color-error: var(--color-error);--guests-background: #fff;--guests-shadow: 0 0 10px rgba(0, 0, 0, .5);--guests-border-color: #fff;--guests-color-arrow: #d2d1d1;--only-adults-mark-background: rgb(253, 0, 58);--only-adults-color-mark-text: #fff;--only-adults-text: #383838;--only-adults-text-light: #fff;--only-adults-font-mark: var(--corp-font1-bold);--only-adults-size-mark: 18px;--only-adults-line-height-mark: 38px;--breadcrump-line-hover: var(--color-corp1);--breadcrump-line: #868686;--breadcrump-text-hover: var(--color-corp1);--breadcrump-text: #868686;--breadcrump-font: var(--corp-font1-bold);--breadcrump-size: 15px;--panoramic-mark-color: #fff;--panoramic-mark-background: rgba(0, 0, 0, 0);--rooms-module-text-color: #444;--input-color-text: var(--color-corp1);--input-color-text-light: #fff;--input-color-icon: var(--color-icon);--input-color-background: #fff;--input-background-hover: var(--color-corp1);--input-size: 16px;--input-size-error: 10px;--input-size-icon: 16px;--input-color-error: var(--color-error);--input-color-border: var(--color-lines);--checkbox-link-font: var(--corp-font-1);--checkbox-color-lines: var(--color-lines);--checkbox-color-background: var(--color-background);--checkbox-color-icon: rgb(68, 68, 68);--checkbox-size-icon: 6px;--checkbox-size-text: 16px;--checkbox-size-error: 10px;--checkbox-color-text: #444444;--checkbox-color-link-hover: #868686;--checkbox-color-error: var(--color-error);--textarea-color-text: var(--color-corp1);--textarea-color-text-light: #fff;--textarea-background: #fff;--textarea-background-hover: var(--color-corp1);--textarea-size: 16px;--textarea-size-error: 10px;--textarea-color-error: var(--color-error);--contact-info-lines: var(--color-lines);--contact-color-btn-media: var(--footer-color-btn-social-media);--contact-info-color-icon: #444;--contact-info-color-links: #444;--contact-info-font-links: var(--corp-font1);--contact-info-font-small-text: var(--corp-font1-medium);--contact-info-size-text: 16px;--contact-info-size-btn-media: 50px;--contact-info-font-strong-text: var(--corp-font1-bold);--contact-info-size-strong-text: 13px;--contact-transport-lines: var(--color-lines);--contact-transport-lines-dark: #222;--contact-form-color-dot: rgb(210, 209, 209);--gallery-menu-color-link: #868686;--gallery-menu-color-line: #444;--gallery-item-color-text: #444;--gallery-item-info-background: #fff;--gallery-menu-modal-background: #fff;--gallery-menu-modal--lines: var(--color-lines);--gallery-menu-modal-icon-color: #444;--rooms-modal-color-text: #444444;--rooms-modal-color-lines: var(--color-lines);--rooms-modal-color-lines-hover: var(--color-corp1);--rooms-modal-background-image-color: #f6f6f3;--submenu-modal-lines: var(--color-lines);--submenu-modal-color-text: #444;--complex-module-slider-color-text: #444;--complex-module-slider-color-lines: var(--color-lines);--offer-detail-color-tag: var(--color-tag);--offer-detail-color-tag-mobile: #222222;--offer-detail-color-tag-text: #fff;--offer-detail-color-price: #222222;--offer-detail-color-text: #444444;--offer-detail-price-font-family: var(--corp-font1-bold);--offer-detail-background-info: #fff;--toast-size-icon: 2rem;--toast-font-summary: var(--corp-font1-bold);--toast-font-detail: var(--corp-font1);--toast-color-background-hover-icon-close: rgba(255, 255, 2555, .5);--toast-success-color-background: rgba(228, 248, 240, .7);--toast-success-color-border: #1ea97c;--toast-success-border-width: 0 0 0 6px;--toast-success-color-text: #1ea97c;--toast-error-color-background: rgb(248, 228, 228, .7);--toast-error-color-border: #dd1f1c;--toast-error-border-width: 0 0 0 6px;--toast-error-color-text: #dd1f1c;--counter-font: var(--corp-font1-bold);--counter-size: 13px;--counter-color: rgba(13, 13, 13, .5);--counter-letter-spacing: .12em;--language-size-btn: 35px;--language-size-btn-desktop: 35px;--language-color-btn-mobile: var(--btns-circle-color-line);--users-size-btn: 35px;--users-size-btn-desktop: 35px;--users-color-btn-mobile: var(--btns-circle-color-line);--newsletter-modal-background-color-close: transparent;--newsletter-modal-color-close: var(--btns-circle-color-line);--newsletter-modal-color-close-desktop: #fff;--newsletter-modal-link-font: var(--checkbox-link-font);--newsletter-modal-color-text: var(--checkbox-color-text);--newsletter-modal-color-link-hover: var(--checkbox-color-link-hover);--discount-color-border: var(--color-lines);--discount-color-border-top: #0d0d0d;--discount-color: #ffc107;--discount-font: var(--corp-font1-bold);--top-module-background-discount: rgba(3, 3, 3, .4);--top-module-color-breadcrumps: #fff;--horizontal-col-background-selected: #0d0d0d;--horizontal-col-color-selected: #fff;--checkin-background: #ff9124;--checkin-background-hover: #ff7818;--checkin-size-icon: 11px;--checkin-color-icon: #fff;--checkin-size-text: 11px;--checkin-letter-spacing-text: .05em;--checkin-color-text: #fff;--module404-background: #f6f6f3;--module404-background-content: #fff;--module404-rects-content: 470px;--module404-color-icon: #444444;--module404-size-icon: 60px;--webmap-background-info: #fff;--webmap-border-link: var(--color-lines);--webmap-font-link: var(--corp-font1);--webmap-size-link: 18px;--webmap-size-link-desktop: 20px;--webmap-letter-spacing-link: .035em;--webmap-color-link: #444;--webmap-color-link-hover: #0d0d0d;--faqs-color-tag: #ffc107;--faqs-color-tag-text: #fff;--faqs-font-tag: var(--corp-font1-bold);--faqs-size-tag: 15px;--faqs-color-item-title: #222222;--faqs-border-item: var(--color-lines);--faqs-border-item-selected: #222;--faqs-background: #dddbc3;--loyalty-table-border: var(--color-lines);--loyalty-table-size-subtitle-icon: 26px;--loyalty-table-color-subtitle-icon: #444;--loyalty-table-background-silver: #e5e5e5;--loyalty-table-background-gold: #e2c26f;--loyalty-table-background-platinum: #cfe7ed;--loyalty-table-font-plan-title: var(--corp-font1-bold);--loyalty-table-size-plan-title: 16px;--loyalty-table-size-plan-title-desktop: 24px;--loyalty-table-color-plan-title: #000;--loyalty-table-spacing-plan-title: .005em;--loyalty-table-line-height-plan-title: 125%;--loyalty-table-font-plan-subtitle: var(--corp-font1-bold);--loyalty-table-size-plan-subtitle: 13px;--loyalty-table-color-plan-subtitle: #000;--loyalty-table-spacing-plan-subtitle: .02em;--loyalty-table-line-height-plan-subtitle: 146.1538461538%;--loyalty-table-color-button-collapse: #222;--loyalty-table-size-button-collapse: 33px;--loyalty-table-size-table-subtitle: 12px;--loyalty-table-border-row: var(--color-lines);--loyalty-table-background-category: var(--color-background);--loyalty-table-background-value: #f6f6f6;--loyalty-table-size-icon-cell: 15px;--loyalty-table-color-cell-inactive: rgb(68, 68, 68);--loyalty-table-color-cell-active: #77c164;--loyalty-table-color-cell: #0d0d0d;--loyalty-table-font-value: var(--corp-font1-bold);--loyalty-table-size-value: 20px;--loyalty-table-color-value: #0d0d0d;--loyalty-table-size-additional-info-icon: 26px;--loyalty-table-color-additional-info-icon: #222;--loyalty-table-color-additional-info-text: #222;--loyalty-table-font-additional-info-text: var(--corp-font1);--loyalty-table-line-height-additional-info-text: 166.6666666667%;--loyalty-table-spacing-additional-info-text: .02em;--loyalty-table-size-additional-info-text: 15px;--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}.languages-modal{max-width:308px;max-height:100vh;overflow:auto;align-self:center;padding:50px 0;width:100%}.languages-modal--close{position:absolute;right:20px;top:20px}.languages-modal--header{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;flex-wrap:nowrap;margin-bottom:20px}.languages-modal--header--title{font-family:var(--tent-font);font-size:42px;font-weight:700;line-height:60px;letter-spacing:-.04em;text-align:left;color:#693d2d}.languages-modal--content{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:20px}@media (min-width: 768px){.languages-modal--content{gap:25px}}.languages-modal--selected ::ng-deep .btn{background-color:#dab38d}\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", "target", "closeButton"], outputs: ["btnClick"] }, { kind: "ngmodule", type: MatIconModule }] }); }
|
|
1240
1240
|
}
|
|
1241
1241
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0", ngImport: i0, type: LanguagesModalComponent, decorators: [{
|
|
1242
1242
|
type: Component,
|
|
1243
|
-
args: [{ selector: 'tent-languages-modal', standalone: true, imports: [CommonModule, ButtonComponent, MatIconModule], template: "<div class=\"languages-modal\">\r\n <div class=\"languages-modal--close\">\r\n <tent-button\r\n type=\"dark-circle\"\r\n [icon]=\"closeBtn.icon\"\r\n [closeButton]=\"true\"\r\n (btnClick)=\"close()\"\r\n ></tent-button>\r\n </div>\r\n <div class=\"languages-modal--header\">\r\n <h4 class=\"languages-modal--header--title\">idiomas</h4>\r\n </div>\r\n\r\n <div class=\"languages-modal--content\">\r\n @for (btn of buttons; track $index) {\r\n <tent-button\r\n [ngClass]=\"{\r\n 'languages-modal--selected': btn.label == selected\r\n }\"\r\n type=\"dark-box\"\r\n [label]=\"btn.label\"\r\n (btnClick)=\"selectLanguage(btn.label!)\"\r\n ></tent-button>\r\n\r\n }\r\n </div>\r\n</div>\r\n", styles: [":root{--corp-font1: \"TT Norms Pro\", sans-serif;--corp-font1-medium: \"TT Norms Pro Medium\", sans-serif;--corp-font1-bold: \"TT Norms Pro Bold\", sans-serif;--color-tag: #ffc107;--color-checkin: #ff9124;--color-adults: #fd003a;--color-lines: #d2d1d1;--color-corp1: #0d0d0d;--color-corp1-hover: #a22134;--color-error: rgb(225, 25, 25);--color-horario: var(--color-corp1);--color-icon: #444444;--color-table-hover: #f6f6f6;--color-table-color: #77c164;--color-background-footer: var(--color-corp1);--color-background-footer-text: #fff;--color-background: #fff;--color-background2: #dddbc3;--color-background3: #eae9e2;--color-background4: #b0ad9f;--color-background5: #cdcab8;--color-background6: #fafaf9;--color-background7: #f6f6f3;--titles-font: var(--corp-font1-bold);--titles-letter-spacing: 0;--titles-size: 28px;--titles-size-st: 34px;--titles-size-mt: 40px;--titles-size-sd: 44px;--titles-line-height: 111.76470588%;--titles-color: #222;--titles-small-letter-spacing: 0;--titles-small-size: 28px;--titles-small-size-st: 34px;--titles-small-line-height: 111.76470588%;--titles-small-small-letter-spacing: 0;--titles-small-small-line-height: 111.76470588%;--titles-small-small-size: 22px;--titles-small-small-size-st: 24px;--subtitles-font: var(--corp-font1);--subtitles-colors: #868686;--subtitles-size: 14px;--subtitles-line-height: 1.4;--subtitles-letter-spacing: .1em;--subtitles-text-transform: uppercase;--pretitles-font: var(--corp-font1);--pretitles-colors: #868686;--pretitles-size: 14px;--pretitles-line-height: 1.4;--pretitles-letter-spacing: .1em;--pretitles-text-transform: uppercase;--text-font: var(--corp-font1);--text-color: #444444;--text-color-light: #fff;--text-color-dark: #222;--text-size: 20px;--text-line-height: 1.4;--text-letter-spacing: .035em;--text-text-transform: uppercase;--text-small-font: var(--corp-font1);--text-small-size: 16px;--text-small-line-height: 1.4;--text-small-letter-spacing: .035em;--text-small-text-transform: uppercase;--motor-color-background: transparent;--motor-color-background-wrapper: rgba(235, 235, 227, .8);--motor-color-background-text: var(--color-corp1);--motor-input-color-text: #333;--motor-color-input-background: #fff;--motor-font-input: var(--corp-font1-medium);--motor-size-input: 12px;--motor-size-input-icon: 24px;--motor-letter-spacing-input: .1em;--motor-line-height-input: 1.5;--motor-font-input-title: var(--corp-font1-bold);--btns-color: rgba(13, 13, 13, .6);--btns-color-background: white;--btns-color-border: var(--btns-color);--btns-color-hover-text: white;--btns-color-hover: rgba(13, 13, 13, .7);--btns-color-dark-filled: var(--color-corp1);--btns-color-dark-filled-text: #fff;--btns-color-dark-filled-hover: var(--color-corp1);--btns-text-transform: uppercase;--btns-letter-spacing: .06em;--btns-size-icon-arrow: 20px;--btns-size-small-small: 12px;--btns-size-small: 14px;--btns-size-medium: 16px;--btns-size-medium-large: 30px;--btns-size-large: 30px;--btns-height-small: 40px;--btns-color-light: #fff;--btns-color-text-light: #fff;--btns-color-links: rgba(13, 13, 13, .6);--btns-color-icon-links: rgba(13, 13, 13, .6);--btns-color-links-light: #fff;--btns-color-links-hover: rgba(13, 13, 13, .7);--btns-text-transform-links: none;--btns-letter-spacing-links: .12em;--btns-size-links: 14px;--btns-size-icon-links: 14px;--btns-circle-color-background: #fff;--btns-circle-color-line: rgba(13, 13, 13, .5);--btns-circle-color-mob: var(--color-corp1);--btns-circle-color-hover: var(--color-corp1);--btns-circle-size: 12px;--btns-color-animated: transparent;--btns-circle-rects: 34px;--btns-circle-rects-sd: 40px;--btns-size-box: 220px;--btns-size-icon: 13px;--btns-size-call-us: 12px;--btns-background-call-us: transparent;--footer-color-circle-icon: var(--color-icon);--footer-color-icon: var(--color-icon);--footer-color-line-hover: var(--color-corp1);--footer-color-btn-social-media: rgba(34, 34, 34, .5);--footer-size-btn-social-media: 50px;--footer-size-btn-social-media-desktop: 50px;--footer-color-btn-top: rgba(86, 86, 86, .7);--footer-idicator-color: rgba(0, 0, 0, 0);--footer-static-background-color: var(--color-corp1);--footer-link-color: #fff;--footer-line-color: rgba(255, 255, 255, .2);--footer-a-size-scroll-button: 48px;--footer-a-size-scroll-button-desktop: 48px;--footer-ab-color-links: #444;--footer-ab-font-links: var(--corp-font1);--footer-ab-font-small-text: var(--corp-font1-medium);--footer-a-font-links: var(--contact-info-font-links);--footer-a-color-links: var(--contact-info-color-links);--footer-a-font-small-text: var(--contact-info-font-small-text);--footer-b-size-pretitle: 14px;--footer-b-font-links: var(--contact-info-font-links);--footer-b-color-links: var(--contact-info-color-links);--footer-b-font-links: 16px;--footer-b-font-small-text: var(--contact-info-font-small-text);--footer-b-size-small-text: 12.8px;--header-color-background: #fff;--header-color-btn: #444;--header-color-btn-background: #fff;--header-color-btn-text-light: #fff;--header-color-text: var(--color-corp1);--header-color-text-light: #fff;--header-color-line: #d2d1d1;--header-color-arrow: var(--color-corp1);--header-color-arrow-light: #fff;--header-font-text: var(--corp-font1-bold);--header-size-text: 15px;--header-size-text-sd: 13px;--header-mobile-background-top: #fff;--header-mobile-background-bottom: var(--color-corp1);--menu-background: #fff;--menu-color-nav-link: var(--color-corp1);--menu-background-color-close: rgba(13, 13, 13, .6);--menu-color-close: #fff;--menu-color-lines: var(--color-lines);--datepicker-input-background: #fff;--datepicker-highlight: var(--color-corp1);--datepicker-highlight-text: #fff;--datepicker-color-text: #333;--datepicker-background: #fff;--datepicker-letter-spacing: 0;--datepicker-letter-spacing-input: .02em;--datepicker-line-height-input: 1.5;--datepicker-font: var(--corp-font1-bold);--datepicker-font-input: var(--corp-font1);--datepicker-font-title-calendar: var(--corp-font1-bold);--datepikcer-size-title-calendar: 16px;--datepicker-size-text: 12px;--datepicker-size-icon: 24px;--datepicker-color-arrows: #2b2b2b;--datepicker-size-arrows: 8px;--datepicker-color-border: var(--color-lines);--dropdown-color-text: #444;--dropdown-color-border: #868686;--dropdown-color-text-hover: #fff;--dropdown-background: #fff;--dropdown-title-background-hover: var(--color-corp1);--dropdown-item-background-hover: #2d5bdd;--dropdown-size: 16px;--dropdown-size-error: 10px;--dropdown-size-icon: 10px;--dropdown-letter-spacing: .03em;--dropdown-color-error: var(--color-error);--guests-background: #fff;--guests-shadow: 0 0 10px rgba(0, 0, 0, .5);--guests-border-color: #fff;--guests-color-arrow: #d2d1d1;--only-adults-mark-background: rgb(253, 0, 58);--only-adults-color-mark-text: #fff;--only-adults-text: #383838;--only-adults-text-light: #fff;--only-adults-font-mark: var(--corp-font1-bold);--only-adults-size-mark: 18px;--only-adults-line-height-mark: 38px;--breadcrump-line-hover: var(--color-corp1);--breadcrump-line: #868686;--breadcrump-text-hover: var(--color-corp1);--breadcrump-text: #868686;--breadcrump-font: var(--corp-font1-bold);--breadcrump-size: 15px;--panoramic-mark-color: #fff;--panoramic-mark-background: rgba(0, 0, 0, 0);--rooms-module-text-color: #444;--input-color-text: var(--color-corp1);--input-color-text-light: #fff;--input-color-icon: var(--color-icon);--input-color-background: #fff;--input-background-hover: var(--color-corp1);--input-size: 16px;--input-size-error: 10px;--input-size-icon: 16px;--input-color-error: var(--color-error);--input-color-border: var(--color-lines);--checkbox-link-font: var(--corp-font-1);--checkbox-color-lines: var(--color-lines);--checkbox-color-background: var(--color-background);--checkbox-color-icon: rgb(68, 68, 68);--checkbox-size-icon: 6px;--checkbox-size-text: 16px;--checkbox-size-error: 10px;--checkbox-color-text: #444444;--checkbox-color-link-hover: #868686;--checkbox-color-error: var(--color-error);--textarea-color-text: var(--color-corp1);--textarea-color-text-light: #fff;--textarea-background: #fff;--textarea-background-hover: var(--color-corp1);--textarea-size: 16px;--textarea-size-error: 10px;--textarea-color-error: var(--color-error);--contact-info-lines: var(--color-lines);--contact-color-btn-media: var(--footer-color-btn-social-media);--contact-info-color-icon: #444;--contact-info-color-links: #444;--contact-info-font-links: var(--corp-font1);--contact-info-font-small-text: var(--corp-font1-medium);--contact-info-size-text: 16px;--contact-info-size-btn-media: 50px;--contact-info-font-strong-text: var(--corp-font1-bold);--contact-info-size-strong-text: 13px;--contact-transport-lines: var(--color-lines);--contact-transport-lines-dark: #222;--contact-form-color-dot: rgb(210, 209, 209);--gallery-menu-color-link: #868686;--gallery-menu-color-line: #444;--gallery-item-color-text: #444;--gallery-item-info-background: #fff;--gallery-menu-modal-background: #fff;--gallery-menu-modal--lines: var(--color-lines);--gallery-menu-modal-icon-color: #444;--rooms-modal-color-text: #444444;--rooms-modal-color-lines: var(--color-lines);--rooms-modal-color-lines-hover: var(--color-corp1);--rooms-modal-background-image-color: #f6f6f3;--submenu-modal-lines: var(--color-lines);--submenu-modal-color-text: #444;--complex-module-slider-color-text: #444;--complex-module-slider-color-lines: var(--color-lines);--offer-detail-color-tag: var(--color-tag);--offer-detail-color-tag-mobile: #222222;--offer-detail-color-tag-text: #fff;--offer-detail-color-price: #222222;--offer-detail-color-text: #444444;--offer-detail-price-font-family: var(--corp-font1-bold);--offer-detail-background-info: #fff;--toast-size-icon: 2rem;--toast-font-summary: var(--corp-font1-bold);--toast-font-detail: var(--corp-font1);--toast-color-background-hover-icon-close: rgba(255, 255, 2555, .5);--toast-success-color-background: rgba(228, 248, 240, .7);--toast-success-color-border: #1ea97c;--toast-success-border-width: 0 0 0 6px;--toast-success-color-text: #1ea97c;--toast-error-color-background: rgb(248, 228, 228, .7);--toast-error-color-border: #dd1f1c;--toast-error-border-width: 0 0 0 6px;--toast-error-color-text: #dd1f1c;--counter-font: var(--corp-font1-bold);--counter-size: 13px;--counter-color: rgba(13, 13, 13, .5);--counter-letter-spacing: .12em;--language-size-btn: 35px;--language-size-btn-desktop: 35px;--language-color-btn-mobile: var(--btns-circle-color-line);--users-size-btn: 35px;--users-size-btn-desktop: 35px;--users-color-btn-mobile: var(--btns-circle-color-line);--newsletter-modal-background-color-close: transparent;--newsletter-modal-color-close: var(--btns-circle-color-line);--newsletter-modal-color-close-desktop: #fff;--newsletter-modal-link-font: var(--checkbox-link-font);--newsletter-modal-color-text: var(--checkbox-color-text);--newsletter-modal-color-link-hover: var(--checkbox-color-link-hover);--discount-color-border: var(--color-lines);--discount-color-border-top: #0d0d0d;--discount-color: #ffc107;--discount-font: var(--corp-font1-bold);--top-module-background-discount: rgba(3, 3, 3, .4);--top-module-color-breadcrumps: #fff;--horizontal-col-background-selected: #0d0d0d;--horizontal-col-color-selected: #fff;--checkin-background: #ff9124;--checkin-background-hover: #ff7818;--checkin-size-icon: 11px;--checkin-color-icon: #fff;--checkin-size-text: 11px;--checkin-letter-spacing-text: .05em;--checkin-color-text: #fff;--module404-background: #f6f6f3;--module404-background-content: #fff;--module404-rects-content: 470px;--module404-color-icon: #444444;--module404-size-icon: 60px;--webmap-background-info: #fff;--webmap-border-link: var(--color-lines);--webmap-font-link: var(--corp-font1);--webmap-size-link: 18px;--webmap-size-link-desktop: 20px;--webmap-letter-spacing-link: .035em;--webmap-color-link: #444;--webmap-color-link-hover: #0d0d0d;--faqs-color-tag: #ffc107;--faqs-color-tag-text: #fff;--faqs-font-tag: var(--corp-font1-bold);--faqs-size-tag: 15px;--faqs-color-item-title: #222222;--faqs-border-item: var(--color-lines);--faqs-border-item-selected: #222;--faqs-background: #dddbc3;--loyalty-table-border: var(--color-lines);--loyalty-table-size-subtitle-icon: 26px;--loyalty-table-color-subtitle-icon: #444;--loyalty-table-background-silver: #e5e5e5;--loyalty-table-background-gold: #e2c26f;--loyalty-table-background-platinum: #cfe7ed;--loyalty-table-font-plan-title: var(--corp-font1-bold);--loyalty-table-size-plan-title: 16px;--loyalty-table-size-plan-title-desktop: 24px;--loyalty-table-color-plan-title: #000;--loyalty-table-spacing-plan-title: .005em;--loyalty-table-line-height-plan-title: 125%;--loyalty-table-font-plan-subtitle: var(--corp-font1-bold);--loyalty-table-size-plan-subtitle: 13px;--loyalty-table-color-plan-subtitle: #000;--loyalty-table-spacing-plan-subtitle: .02em;--loyalty-table-line-height-plan-subtitle: 146.1538461538%;--loyalty-table-color-button-collapse: #222;--loyalty-table-size-button-collapse: 33px;--loyalty-table-size-table-subtitle: 12px;--loyalty-table-border-row: var(--color-lines);--loyalty-table-background-category: var(--color-background);--loyalty-table-background-value: #f6f6f6;--loyalty-table-size-icon-cell: 15px;--loyalty-table-color-cell-inactive: rgb(68, 68, 68);--loyalty-table-color-cell-active: #77c164;--loyalty-table-color-cell: #0d0d0d;--loyalty-table-font-value: var(--corp-font1-bold);--loyalty-table-size-value: 20px;--loyalty-table-color-value: #0d0d0d;--loyalty-table-size-additional-info-icon: 26px;--loyalty-table-color-additional-info-icon: #222;--loyalty-table-color-additional-info-text: #222;--loyalty-table-font-additional-info-text: var(--corp-font1);--loyalty-table-line-height-additional-info-text: 166.6666666667%;--loyalty-table-spacing-additional-info-text: .02em;--loyalty-table-size-additional-info-text: 15px;--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}.languages-modal{max-width:308px;max-height:100vh;overflow:auto;align-self:center;padding:50px 0;width:100%}.languages-modal--close{position:absolute;right:20px;top:20px}.languages-modal--header{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;flex-wrap:nowrap;margin-bottom:20px}.languages-modal--header--title{font-family:var(--tent-font);font-size:42px;font-weight:700;line-height:60px;letter-spacing:-.04em;text-align:left;color:#693d2d}.languages-modal--content{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:20px}@media (min-width: 768px){.languages-modal--content{gap:25px}}.languages-modal--selected ::ng-deep .btn{background-color:#dab38d}\n"] }]
|
|
1244
|
-
}], propDecorators: {
|
|
1243
|
+
args: [{ selector: 'tent-languages-modal', standalone: true, imports: [CommonModule, ButtonComponent, MatIconModule], template: "<div class=\"languages-modal\">\r\n <div class=\"languages-modal--close\">\r\n <tent-button\r\n type=\"dark-circle\"\r\n [icon]=\"closeBtn.icon\"\r\n [closeButton]=\"true\"\r\n (btnClick)=\"close()\"\r\n ></tent-button>\r\n </div>\r\n @if (title) {\r\n <div class=\"languages-modal--header\">\r\n <h4 class=\"languages-modal--header--title\">{{ title }}</h4>\r\n </div>\r\n }\r\n\r\n <div class=\"languages-modal--content\">\r\n @for (btn of buttons; track $index) {\r\n <tent-button\r\n [ngClass]=\"{\r\n 'languages-modal--selected': btn.label == selected\r\n }\"\r\n type=\"dark-box\"\r\n [label]=\"btn.label\"\r\n (btnClick)=\"selectLanguage(btn.label!)\"\r\n ></tent-button>\r\n\r\n }\r\n </div>\r\n</div>\r\n", styles: [":root{--corp-font1: \"TT Norms Pro\", sans-serif;--corp-font1-medium: \"TT Norms Pro Medium\", sans-serif;--corp-font1-bold: \"TT Norms Pro Bold\", sans-serif;--color-tag: #ffc107;--color-checkin: #ff9124;--color-adults: #fd003a;--color-lines: #d2d1d1;--color-corp1: #0d0d0d;--color-corp1-hover: #a22134;--color-error: rgb(225, 25, 25);--color-horario: var(--color-corp1);--color-icon: #444444;--color-table-hover: #f6f6f6;--color-table-color: #77c164;--color-background-footer: var(--color-corp1);--color-background-footer-text: #fff;--color-background: #fff;--color-background2: #dddbc3;--color-background3: #eae9e2;--color-background4: #b0ad9f;--color-background5: #cdcab8;--color-background6: #fafaf9;--color-background7: #f6f6f3;--titles-font: var(--corp-font1-bold);--titles-letter-spacing: 0;--titles-size: 28px;--titles-size-st: 34px;--titles-size-mt: 40px;--titles-size-sd: 44px;--titles-line-height: 111.76470588%;--titles-color: #222;--titles-small-letter-spacing: 0;--titles-small-size: 28px;--titles-small-size-st: 34px;--titles-small-line-height: 111.76470588%;--titles-small-small-letter-spacing: 0;--titles-small-small-line-height: 111.76470588%;--titles-small-small-size: 22px;--titles-small-small-size-st: 24px;--subtitles-font: var(--corp-font1);--subtitles-colors: #868686;--subtitles-size: 14px;--subtitles-line-height: 1.4;--subtitles-letter-spacing: .1em;--subtitles-text-transform: uppercase;--pretitles-font: var(--corp-font1);--pretitles-colors: #868686;--pretitles-size: 14px;--pretitles-line-height: 1.4;--pretitles-letter-spacing: .1em;--pretitles-text-transform: uppercase;--text-font: var(--corp-font1);--text-color: #444444;--text-color-light: #fff;--text-color-dark: #222;--text-size: 20px;--text-line-height: 1.4;--text-letter-spacing: .035em;--text-text-transform: uppercase;--text-small-font: var(--corp-font1);--text-small-size: 16px;--text-small-line-height: 1.4;--text-small-letter-spacing: .035em;--text-small-text-transform: uppercase;--motor-color-background: transparent;--motor-color-background-wrapper: rgba(235, 235, 227, .8);--motor-color-background-text: var(--color-corp1);--motor-input-color-text: #333;--motor-color-input-background: #fff;--motor-font-input: var(--corp-font1-medium);--motor-size-input: 12px;--motor-size-input-icon: 24px;--motor-letter-spacing-input: .1em;--motor-line-height-input: 1.5;--motor-font-input-title: var(--corp-font1-bold);--btns-color: rgba(13, 13, 13, .6);--btns-color-background: white;--btns-color-border: var(--btns-color);--btns-color-hover-text: white;--btns-color-hover: rgba(13, 13, 13, .7);--btns-color-dark-filled: var(--color-corp1);--btns-color-dark-filled-text: #fff;--btns-color-dark-filled-hover: var(--color-corp1);--btns-text-transform: uppercase;--btns-letter-spacing: .06em;--btns-size-icon-arrow: 20px;--btns-size-small-small: 12px;--btns-size-small: 14px;--btns-size-medium: 16px;--btns-size-medium-large: 30px;--btns-size-large: 30px;--btns-height-small: 40px;--btns-color-light: #fff;--btns-color-text-light: #fff;--btns-color-links: rgba(13, 13, 13, .6);--btns-color-icon-links: rgba(13, 13, 13, .6);--btns-color-links-light: #fff;--btns-color-links-hover: rgba(13, 13, 13, .7);--btns-text-transform-links: none;--btns-letter-spacing-links: .12em;--btns-size-links: 14px;--btns-size-icon-links: 14px;--btns-circle-color-background: #fff;--btns-circle-color-line: rgba(13, 13, 13, .5);--btns-circle-color-mob: var(--color-corp1);--btns-circle-color-hover: var(--color-corp1);--btns-circle-size: 12px;--btns-color-animated: transparent;--btns-circle-rects: 34px;--btns-circle-rects-sd: 40px;--btns-size-box: 220px;--btns-size-icon: 13px;--btns-size-call-us: 12px;--btns-background-call-us: transparent;--footer-color-circle-icon: var(--color-icon);--footer-color-icon: var(--color-icon);--footer-color-line-hover: var(--color-corp1);--footer-color-btn-social-media: rgba(34, 34, 34, .5);--footer-size-btn-social-media: 50px;--footer-size-btn-social-media-desktop: 50px;--footer-color-btn-top: rgba(86, 86, 86, .7);--footer-idicator-color: rgba(0, 0, 0, 0);--footer-static-background-color: var(--color-corp1);--footer-link-color: #fff;--footer-line-color: rgba(255, 255, 255, .2);--footer-a-size-scroll-button: 48px;--footer-a-size-scroll-button-desktop: 48px;--footer-ab-color-links: #444;--footer-ab-font-links: var(--corp-font1);--footer-ab-font-small-text: var(--corp-font1-medium);--footer-a-font-links: var(--contact-info-font-links);--footer-a-color-links: var(--contact-info-color-links);--footer-a-font-small-text: var(--contact-info-font-small-text);--footer-b-size-pretitle: 14px;--footer-b-font-links: var(--contact-info-font-links);--footer-b-color-links: var(--contact-info-color-links);--footer-b-font-links: 16px;--footer-b-font-small-text: var(--contact-info-font-small-text);--footer-b-size-small-text: 12.8px;--header-color-background: #fff;--header-color-btn: #444;--header-color-btn-background: #fff;--header-color-btn-text-light: #fff;--header-color-text: var(--color-corp1);--header-color-text-light: #fff;--header-color-line: #d2d1d1;--header-color-arrow: var(--color-corp1);--header-color-arrow-light: #fff;--header-font-text: var(--corp-font1-bold);--header-size-text: 15px;--header-size-text-sd: 13px;--header-mobile-background-top: #fff;--header-mobile-background-bottom: var(--color-corp1);--menu-background: #fff;--menu-color-nav-link: var(--color-corp1);--menu-background-color-close: rgba(13, 13, 13, .6);--menu-color-close: #fff;--menu-color-lines: var(--color-lines);--datepicker-input-background: #fff;--datepicker-highlight: var(--color-corp1);--datepicker-highlight-text: #fff;--datepicker-color-text: #333;--datepicker-background: #fff;--datepicker-letter-spacing: 0;--datepicker-letter-spacing-input: .02em;--datepicker-line-height-input: 1.5;--datepicker-font: var(--corp-font1-bold);--datepicker-font-input: var(--corp-font1);--datepicker-font-title-calendar: var(--corp-font1-bold);--datepikcer-size-title-calendar: 16px;--datepicker-size-text: 12px;--datepicker-size-icon: 24px;--datepicker-color-arrows: #2b2b2b;--datepicker-size-arrows: 8px;--datepicker-color-border: var(--color-lines);--dropdown-color-text: #444;--dropdown-color-border: #868686;--dropdown-color-text-hover: #fff;--dropdown-background: #fff;--dropdown-title-background-hover: var(--color-corp1);--dropdown-item-background-hover: #2d5bdd;--dropdown-size: 16px;--dropdown-size-error: 10px;--dropdown-size-icon: 10px;--dropdown-letter-spacing: .03em;--dropdown-color-error: var(--color-error);--guests-background: #fff;--guests-shadow: 0 0 10px rgba(0, 0, 0, .5);--guests-border-color: #fff;--guests-color-arrow: #d2d1d1;--only-adults-mark-background: rgb(253, 0, 58);--only-adults-color-mark-text: #fff;--only-adults-text: #383838;--only-adults-text-light: #fff;--only-adults-font-mark: var(--corp-font1-bold);--only-adults-size-mark: 18px;--only-adults-line-height-mark: 38px;--breadcrump-line-hover: var(--color-corp1);--breadcrump-line: #868686;--breadcrump-text-hover: var(--color-corp1);--breadcrump-text: #868686;--breadcrump-font: var(--corp-font1-bold);--breadcrump-size: 15px;--panoramic-mark-color: #fff;--panoramic-mark-background: rgba(0, 0, 0, 0);--rooms-module-text-color: #444;--input-color-text: var(--color-corp1);--input-color-text-light: #fff;--input-color-icon: var(--color-icon);--input-color-background: #fff;--input-background-hover: var(--color-corp1);--input-size: 16px;--input-size-error: 10px;--input-size-icon: 16px;--input-color-error: var(--color-error);--input-color-border: var(--color-lines);--checkbox-link-font: var(--corp-font-1);--checkbox-color-lines: var(--color-lines);--checkbox-color-background: var(--color-background);--checkbox-color-icon: rgb(68, 68, 68);--checkbox-size-icon: 6px;--checkbox-size-text: 16px;--checkbox-size-error: 10px;--checkbox-color-text: #444444;--checkbox-color-link-hover: #868686;--checkbox-color-error: var(--color-error);--textarea-color-text: var(--color-corp1);--textarea-color-text-light: #fff;--textarea-background: #fff;--textarea-background-hover: var(--color-corp1);--textarea-size: 16px;--textarea-size-error: 10px;--textarea-color-error: var(--color-error);--contact-info-lines: var(--color-lines);--contact-color-btn-media: var(--footer-color-btn-social-media);--contact-info-color-icon: #444;--contact-info-color-links: #444;--contact-info-font-links: var(--corp-font1);--contact-info-font-small-text: var(--corp-font1-medium);--contact-info-size-text: 16px;--contact-info-size-btn-media: 50px;--contact-info-font-strong-text: var(--corp-font1-bold);--contact-info-size-strong-text: 13px;--contact-transport-lines: var(--color-lines);--contact-transport-lines-dark: #222;--contact-form-color-dot: rgb(210, 209, 209);--gallery-menu-color-link: #868686;--gallery-menu-color-line: #444;--gallery-item-color-text: #444;--gallery-item-info-background: #fff;--gallery-menu-modal-background: #fff;--gallery-menu-modal--lines: var(--color-lines);--gallery-menu-modal-icon-color: #444;--rooms-modal-color-text: #444444;--rooms-modal-color-lines: var(--color-lines);--rooms-modal-color-lines-hover: var(--color-corp1);--rooms-modal-background-image-color: #f6f6f3;--submenu-modal-lines: var(--color-lines);--submenu-modal-color-text: #444;--complex-module-slider-color-text: #444;--complex-module-slider-color-lines: var(--color-lines);--offer-detail-color-tag: var(--color-tag);--offer-detail-color-tag-mobile: #222222;--offer-detail-color-tag-text: #fff;--offer-detail-color-price: #222222;--offer-detail-color-text: #444444;--offer-detail-price-font-family: var(--corp-font1-bold);--offer-detail-background-info: #fff;--toast-size-icon: 2rem;--toast-font-summary: var(--corp-font1-bold);--toast-font-detail: var(--corp-font1);--toast-color-background-hover-icon-close: rgba(255, 255, 2555, .5);--toast-success-color-background: rgba(228, 248, 240, .7);--toast-success-color-border: #1ea97c;--toast-success-border-width: 0 0 0 6px;--toast-success-color-text: #1ea97c;--toast-error-color-background: rgb(248, 228, 228, .7);--toast-error-color-border: #dd1f1c;--toast-error-border-width: 0 0 0 6px;--toast-error-color-text: #dd1f1c;--counter-font: var(--corp-font1-bold);--counter-size: 13px;--counter-color: rgba(13, 13, 13, .5);--counter-letter-spacing: .12em;--language-size-btn: 35px;--language-size-btn-desktop: 35px;--language-color-btn-mobile: var(--btns-circle-color-line);--users-size-btn: 35px;--users-size-btn-desktop: 35px;--users-color-btn-mobile: var(--btns-circle-color-line);--newsletter-modal-background-color-close: transparent;--newsletter-modal-color-close: var(--btns-circle-color-line);--newsletter-modal-color-close-desktop: #fff;--newsletter-modal-link-font: var(--checkbox-link-font);--newsletter-modal-color-text: var(--checkbox-color-text);--newsletter-modal-color-link-hover: var(--checkbox-color-link-hover);--discount-color-border: var(--color-lines);--discount-color-border-top: #0d0d0d;--discount-color: #ffc107;--discount-font: var(--corp-font1-bold);--top-module-background-discount: rgba(3, 3, 3, .4);--top-module-color-breadcrumps: #fff;--horizontal-col-background-selected: #0d0d0d;--horizontal-col-color-selected: #fff;--checkin-background: #ff9124;--checkin-background-hover: #ff7818;--checkin-size-icon: 11px;--checkin-color-icon: #fff;--checkin-size-text: 11px;--checkin-letter-spacing-text: .05em;--checkin-color-text: #fff;--module404-background: #f6f6f3;--module404-background-content: #fff;--module404-rects-content: 470px;--module404-color-icon: #444444;--module404-size-icon: 60px;--webmap-background-info: #fff;--webmap-border-link: var(--color-lines);--webmap-font-link: var(--corp-font1);--webmap-size-link: 18px;--webmap-size-link-desktop: 20px;--webmap-letter-spacing-link: .035em;--webmap-color-link: #444;--webmap-color-link-hover: #0d0d0d;--faqs-color-tag: #ffc107;--faqs-color-tag-text: #fff;--faqs-font-tag: var(--corp-font1-bold);--faqs-size-tag: 15px;--faqs-color-item-title: #222222;--faqs-border-item: var(--color-lines);--faqs-border-item-selected: #222;--faqs-background: #dddbc3;--loyalty-table-border: var(--color-lines);--loyalty-table-size-subtitle-icon: 26px;--loyalty-table-color-subtitle-icon: #444;--loyalty-table-background-silver: #e5e5e5;--loyalty-table-background-gold: #e2c26f;--loyalty-table-background-platinum: #cfe7ed;--loyalty-table-font-plan-title: var(--corp-font1-bold);--loyalty-table-size-plan-title: 16px;--loyalty-table-size-plan-title-desktop: 24px;--loyalty-table-color-plan-title: #000;--loyalty-table-spacing-plan-title: .005em;--loyalty-table-line-height-plan-title: 125%;--loyalty-table-font-plan-subtitle: var(--corp-font1-bold);--loyalty-table-size-plan-subtitle: 13px;--loyalty-table-color-plan-subtitle: #000;--loyalty-table-spacing-plan-subtitle: .02em;--loyalty-table-line-height-plan-subtitle: 146.1538461538%;--loyalty-table-color-button-collapse: #222;--loyalty-table-size-button-collapse: 33px;--loyalty-table-size-table-subtitle: 12px;--loyalty-table-border-row: var(--color-lines);--loyalty-table-background-category: var(--color-background);--loyalty-table-background-value: #f6f6f6;--loyalty-table-size-icon-cell: 15px;--loyalty-table-color-cell-inactive: rgb(68, 68, 68);--loyalty-table-color-cell-active: #77c164;--loyalty-table-color-cell: #0d0d0d;--loyalty-table-font-value: var(--corp-font1-bold);--loyalty-table-size-value: 20px;--loyalty-table-color-value: #0d0d0d;--loyalty-table-size-additional-info-icon: 26px;--loyalty-table-color-additional-info-icon: #222;--loyalty-table-color-additional-info-text: #222;--loyalty-table-font-additional-info-text: var(--corp-font1);--loyalty-table-line-height-additional-info-text: 166.6666666667%;--loyalty-table-spacing-additional-info-text: .02em;--loyalty-table-size-additional-info-text: 15px;--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}.languages-modal{max-width:308px;max-height:100vh;overflow:auto;align-self:center;padding:50px 0;width:100%}.languages-modal--close{position:absolute;right:20px;top:20px}.languages-modal--header{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;flex-wrap:nowrap;margin-bottom:20px}.languages-modal--header--title{font-family:var(--tent-font);font-size:42px;font-weight:700;line-height:60px;letter-spacing:-.04em;text-align:left;color:#693d2d}.languages-modal--content{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:20px}@media (min-width: 768px){.languages-modal--content{gap:25px}}.languages-modal--selected ::ng-deep .btn{background-color:#dab38d}\n"] }]
|
|
1244
|
+
}], propDecorators: { title: [{
|
|
1245
|
+
type: Input
|
|
1246
|
+
}], closeBtn: [{
|
|
1245
1247
|
type: Input
|
|
1246
1248
|
}], buttons: [{
|
|
1247
1249
|
type: Input
|