tent-lib 0.0.461 → 0.0.463
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/generic-head/generic-head.component.mjs +3 -3
- package/esm2022/lib/components/core/modals/hotel-list-modal/hotel-list-modal.component.mjs +3 -3
- package/esm2022/lib/components/core/module-google-maps/module-google-maps.component.mjs +61 -4
- package/fesm2022/tent-lib.mjs +64 -7
- package/fesm2022/tent-lib.mjs.map +1 -1
- package/lib/components/core/module-google-maps/module-google-maps.component.d.ts +1 -0
- package/package.json +2 -1
package/fesm2022/tent-lib.mjs
CHANGED
|
@@ -25,6 +25,7 @@ import * as i2$4 from '@angular/material/checkbox';
|
|
|
25
25
|
import { MatCheckboxModule } from '@angular/material/checkbox';
|
|
26
26
|
import * as i1$4 from '@angular/google-maps';
|
|
27
27
|
import { GoogleMapsModule } from '@angular/google-maps';
|
|
28
|
+
import { MarkerClusterer } from '@googlemaps/markerclusterer';
|
|
28
29
|
|
|
29
30
|
class ButtonComponent {
|
|
30
31
|
constructor() {
|
|
@@ -610,11 +611,11 @@ class HotelListModalComponent {
|
|
|
610
611
|
this.location.back();
|
|
611
612
|
}
|
|
612
613
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: HotelListModalComponent, deps: [{ token: i1.Location }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
613
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: HotelListModalComponent, isStandalone: true, selector: "tent-hotel-list-modal", inputs: { hotels: "hotels", button: "button", destinyButton: "destinyButton", title: "title" }, outputs: { elementClick: "elementClick" }, ngImport: i0, template: "<div class=\"hotel-list\">\r\n <div class=\"hotel-list--close\">\r\n <tent-button\r\n type=\"dark-circle\"\r\n icon=\"icon-close\"\r\n (btnClick)=\"back()\"\r\n ></tent-button>\r\n </div>\r\n\r\n <!--DESKTOP-->\r\n\r\n @if (button) {\r\n <div class=\"hotel-list--btn\">\r\n <tent-button\r\n type=\"dark-box\"\r\n [label]=\"button.label\"\r\n boxWidth=\"308px\"\r\n [url]=\"button.url\"\r\n [linkType]=\"button.linkType!\"\r\n class=\"hotel-list--main-button\"\r\n ></tent-button>\r\n </div>\r\n }\r\n\r\n <div class=\"hotel-list--content\">\r\n @for (destiny of hotels; track $index) {\r\n <div class=\"hotel-list--container\">\r\n @if (destiny.city) {\r\n <a\r\n [href]=\"destiny.city.url\"\r\n [routerLink]=\"destiny.city.url\"\r\n (click)=\"elementClicked($event, destiny.city, 'destinyParent')\"\r\n class=\"hotel-list--container--title\"\r\n >\r\n {{ destiny.city.label }}\r\n </a>\r\n }\r\n\r\n <div class=\"hotel-list--row\">\r\n @for (item of destiny.items; track $index) {\r\n <div class=\"hotel-list--column\">\r\n @if (item.title) {\r\n <div class=\"hotel-list--column--header\">\r\n <a\r\n [href]=\"item.title.url\"\r\n [routerLink]=\"item.title.url\"\r\n (click)=\"\r\n elementClicked($event, item.title, 'destiny')\r\n \"\r\n class=\"hotel-list--column--title\"\r\n >\r\n {{ item.title.label }}\r\n </a>\r\n </div>\r\n } @for (element of item.hotels; track $index) {\r\n <div class=\"hotel-list--column--content\">\r\n <a\r\n [href]=\"element.btn.url\"\r\n [routerLink]=\"[element.btn.url]\"\r\n (click)=\"\r\n elementClicked($event, element.btn, 'hotel')\r\n \"\r\n class=\"hotel-list--column--element\"\r\n >\r\n {{ element.btn.label }}\r\n </a>\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n\r\n <!--MOBILE-->\r\n\r\n <div class=\"hotel-list--content--mobile\">\r\n @if (title) {\r\n <p class=\"hotel-list--title color--camel\">{{ title }}</p>\r\n } @for (destiny of hotels; track $index) {\r\n <div class=\"hotel-list--container\">\r\n <div\r\n class=\"hotel-list--container--title--wrapper\"\r\n (click)=\"toggleCollapsed($index)\"\r\n >\r\n @if (destiny.city) {\r\n <a\r\n [href]=\"destiny.city.url\"\r\n [routerLink]=\"destiny.city.url\"\r\n (click)=\"\r\n elementClicked($event, destiny.city, 'destinyParent')\r\n \"\r\n class=\"hotel-list--container--title\"\r\n >\r\n {{ destiny.city.label }}\r\n </a>\r\n\r\n <tent-button\r\n [ngClass]=\"collapsed[$index] ? 'collapsed' : ''\"\r\n icon=\"icon-signal-up\"\r\n class=\"hotel-list--button-collapse\"\r\n type=\"dark-circle\"\r\n name=\"signal-up\"\r\n ></tent-button>\r\n }\r\n </div>\r\n <div\r\n class=\"hotel-list--row\"\r\n [ngClass]=\"\r\n collapsed[$index] ? 'hotel-list--row--collapsed' : ''\r\n \"\r\n >\r\n @if (destiny.items.length) { @for (item of destiny.items; track\r\n $index) {\r\n <div class=\"hotel-list--column\">\r\n @if (item.title) {\r\n <div class=\"hotel-list--column--header\">\r\n <a\r\n [href]=\"item.title.url\"\r\n [routerLink]=\"item.title.url\"\r\n (click)=\"\r\n elementClicked($event, item.title, 'destiny')\r\n \"\r\n class=\"hotel-list--column--title\"\r\n >\r\n {{ item.title.label }}\r\n </a>\r\n </div>\r\n } @if (item.hotels.length) {\r\n <div class=\"hotel-list--column--content\">\r\n @for (element of item.hotels; track $index) {\r\n <a\r\n [href]=\"element.btn.url\"\r\n [routerLink]=\"[element.btn.url]\"\r\n (click)=\"\r\n elementClicked($event, element.btn, 'hotel')\r\n \"\r\n class=\"hotel-list--column--element\"\r\n >\r\n <img\r\n [src]=\"element.img\"\r\n [alt]=\"element.btn.label\"\r\n width=\"375\"\r\n height=\"200\"\r\n />\r\n <div class=\"hotel-list--column--text\">\r\n <span>{{ element.btn.label }}</span>\r\n <span\r\n class=\"hotel-list--column--element--icon icon-pointer-down\"\r\n >\r\n </span>\r\n </div>\r\n </a>\r\n }\r\n </div>\r\n }\r\n </div>\r\n\r\n } } @if (destinyButton) {\r\n <tent-button\r\n class=\"hotel-list--row--button\"\r\n type=\"dark-box\"\r\n [label]=\"destinyButton.label\"\r\n [url]=\"destiny.city.url\"\r\n linkType=\"internal\"\r\n boxWidth=\"190px\"\r\n (btnClick)=\"\r\n elementClicked(undefined, destiny.city, 'destinyParent')\r\n \"\r\n ></tent-button>\r\n }\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n", styles: [".link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:36px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.figure-zoom:hover figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.1)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}:root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693D2D;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693E2E;--color-icon-light: : rgb(105 61 45 / 70%);--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--stransition-basic: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}:host{display:block;width:100%;height:100%;background-color:#fbf5f0}:host:after{content:\"\";width:100%;background-color:#fff;height:100%}.hotel-list{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;flex-wrap:nowrap;position:relative;top:62px;background-color:#fff;height:100%;margin-bottom:100px;min-height:calc(100vh - 168px)}@media (max-width: 767px){.hotel-list{padding-left:55px;padding-right:55px}}@media (max-width: 539px){.hotel-list{padding-left:30px;padding-right:30px}}@media (min-width: 1024px){.hotel-list{min-height:calc(100vh - 162px)}}@media (min-width: 1280px){.hotel-list{padding:30px 0 30px 80px;min-height:calc(100vh - 232px)}}.hotel-list--close{position:absolute;right:40px;top:-34px}.hotel-list--close tent-button::ng-deep .btn--circle-container{background-color:#fff}.hotel-list--close tent-button::ng-deep mat-icon{font-size:13px}@media (max-width: 767px){.hotel-list--close{right:10px}}@media (max-width: 539px){.hotel-list--main-button::ng-deep .btn{width:228px;height:30px}}.hotel-list--title{font-family:var(--tent-font);font-size:24px;font-weight:700;line-height:31.25px;text-align:left;border-bottom:1px solid rgba(124,77,58,.3019607843);padding-bottom:25px}.hotel-list--btn{position:absolute;top:-25px;left:50%;z-index:2;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translate(-50%)}@media (max-width: 539px){.hotel-list--btn{top:-18px}}.hotel-list--content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:30px;padding-top:15px}@media (max-width: 1279px){.hotel-list--content{display:none}}@media (min-width: 1680px){.hotel-list--content{gap:50px}}.hotel-list--content--mobile{max-width:490px;width:100%;gap:0;padding-top:50px;padding-bottom:50px}@media (min-width: 1280px){.hotel-list--content--mobile{display:none}}.hotel-list--container{width:100%}@media (min-width: 1680px){.hotel-list--container{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:100px}}.hotel-list--container--title{font-family:var(--tent-font);font-size:34px;font-weight:700;line-height:36px;letter-spacing:0;text-align:left;color:#693d2d;opacity:70%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.hotel-list--container--title:hover{opacity:1}.hotel-list--container--title--wrapper{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap}@media (min-width: 1680px){.hotel-list--container--title{min-width:150px}}@media (max-width: 1279px){.hotel-list--container{padding:30px 0;border-bottom:1px solid rgba(124,77,58,.3019607843)}}@media (max-width: 539px){.hotel-list--container{padding:15px 0}}.hotel-list--row{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:65px}@media (min-width: 1680px){.hotel-list--row{gap:55px}}@media (max-width: 1279px){.hotel-list--row{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:25px;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);min-height:120px}}.hotel-list--row--collapsed{height:0;min-height:0;overflow:hidden}.hotel-list--row--button{align-self:center;opacity:.8;font-size:16px}.hotel-list--row--button::ng-deep .btn{height:30px;opacity:.8;font-size:16px}.hotel-list--column{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:20px;width:230px}@media (max-width: 1279px){.hotel-list--column{width:100%;gap:0}}.hotel-list--column--header{padding-bottom:5px;border-bottom:1px solid rgba(124,77,58,.3019607843);width:100%}.hotel-list--column--title{font-family:var(--tent-font);font-size:16px;font-weight:700;line-height:30px;text-align:left;color:#dab38d}.hotel-list--column--content{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:15px;width:100%}@media (max-width: 1279px){.hotel-list--column--content{gap:0}}.hotel-list--column--element{font-family:var(--tent-font);font-size:18px;font-weight:700;line-height:18px;letter-spacing:0;text-align:left;color:#693d2d;opacity:.5;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.hotel-list--column--element:hover{opacity:1}@media (max-width: 1279px){.hotel-list--column--element{opacity:1;width:100%}}.hotel-list--column--element--selected{opacity:1}@media (max-width: 1279px){.hotel-list--column--element{border-bottom:1px solid rgba(124,77,58,.3019607843);padding:10px 0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:20px}}.hotel-list--column--element--icon{rotate:-90deg;font-size:7px;padding-bottom:15px}.hotel-list--column--text{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;opacity:60%}.hotel-list .collapsed{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.hotel-list--button-collapse{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.hotel-list img{width:51px;height:51px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonComponent, selector: "tent-button", inputs: ["type", "label", "url", "linkType", "icon", "socialMedia", "iconPosition", "boxWidth", "innerContent", "linkSizeIcon", "closeButton", "disabled", "name"], outputs: ["btnClick"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
|
|
614
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: HotelListModalComponent, isStandalone: true, selector: "tent-hotel-list-modal", inputs: { hotels: "hotels", button: "button", destinyButton: "destinyButton", title: "title" }, outputs: { elementClick: "elementClick" }, ngImport: i0, template: "<div class=\"hotel-list\">\r\n <div class=\"hotel-list--close\">\r\n <tent-button\r\n type=\"dark-circle\"\r\n icon=\"icon-close\"\r\n (btnClick)=\"back()\"\r\n ></tent-button>\r\n </div>\r\n\r\n <!--DESKTOP-->\r\n\r\n @if (button) {\r\n <div class=\"hotel-list--btn\">\r\n <tent-button\r\n type=\"dark-box\"\r\n [label]=\"button.label\"\r\n boxWidth=\"308px\"\r\n [url]=\"button.url\"\r\n [linkType]=\"button.linkType!\"\r\n class=\"hotel-list--main-button\"\r\n ></tent-button>\r\n </div>\r\n }\r\n\r\n <div class=\"hotel-list--content\">\r\n @for (destiny of hotels; track $index) {\r\n <div class=\"hotel-list--container\">\r\n @if (destiny.city) {\r\n <a\r\n [href]=\"destiny.city.url\"\r\n [routerLink]=\"destiny.city.url\"\r\n (click)=\"elementClicked($event, destiny.city, 'destinyParent')\"\r\n class=\"hotel-list--container--title\"\r\n >\r\n {{ destiny.city.label }}\r\n </a>\r\n }\r\n\r\n <div class=\"hotel-list--row\">\r\n @for (item of destiny.items; track $index) {\r\n <div class=\"hotel-list--column\">\r\n @if (item.title) {\r\n <div class=\"hotel-list--column--header\">\r\n <a\r\n [href]=\"item.title.url\"\r\n [routerLink]=\"item.title.url\"\r\n (click)=\"\r\n elementClicked($event, item.title, 'destiny')\r\n \"\r\n class=\"hotel-list--column--title\"\r\n >\r\n {{ item.title.label }}\r\n </a>\r\n </div>\r\n } @for (element of item.hotels; track $index) {\r\n <div class=\"hotel-list--column--content\">\r\n <a\r\n [href]=\"element.btn.url\"\r\n [routerLink]=\"[element.btn.url]\"\r\n (click)=\"\r\n elementClicked($event, element.btn, 'hotel')\r\n \"\r\n class=\"hotel-list--column--element\"\r\n >\r\n {{ element.btn.label }}\r\n </a>\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n\r\n <!--MOBILE-->\r\n\r\n <div class=\"hotel-list--content--mobile\">\r\n @if (title) {\r\n <p class=\"hotel-list--title color--camel\">{{ title }}</p>\r\n } @for (destiny of hotels; track $index) {\r\n <div class=\"hotel-list--container\">\r\n <div\r\n class=\"hotel-list--container--title--wrapper\"\r\n (click)=\"toggleCollapsed($index)\"\r\n >\r\n @if (destiny.city) {\r\n <a\r\n [href]=\"destiny.city.url\"\r\n [routerLink]=\"destiny.city.url\"\r\n (click)=\"\r\n elementClicked($event, destiny.city, 'destinyParent')\r\n \"\r\n class=\"hotel-list--container--title\"\r\n >\r\n {{ destiny.city.label }}\r\n </a>\r\n\r\n <tent-button\r\n [ngClass]=\"collapsed[$index] ? 'collapsed' : ''\"\r\n icon=\"icon-signal-up\"\r\n class=\"hotel-list--button-collapse\"\r\n type=\"dark-circle\"\r\n name=\"signal-up\"\r\n ></tent-button>\r\n }\r\n </div>\r\n <div\r\n class=\"hotel-list--row\"\r\n [ngClass]=\"\r\n collapsed[$index] ? 'hotel-list--row--collapsed' : ''\r\n \"\r\n >\r\n @if (destiny.items.length) { @for (item of destiny.items; track\r\n $index) {\r\n <div class=\"hotel-list--column\">\r\n @if (item.title) {\r\n <div class=\"hotel-list--column--header\">\r\n <a\r\n [href]=\"item.title.url\"\r\n [routerLink]=\"item.title.url\"\r\n (click)=\"\r\n elementClicked($event, item.title, 'destiny')\r\n \"\r\n class=\"hotel-list--column--title\"\r\n >\r\n {{ item.title.label }}\r\n </a>\r\n </div>\r\n } @if (item.hotels.length) {\r\n <div class=\"hotel-list--column--content\">\r\n @for (element of item.hotels; track $index) {\r\n <a\r\n [href]=\"element.btn.url\"\r\n [routerLink]=\"[element.btn.url]\"\r\n (click)=\"\r\n elementClicked($event, element.btn, 'hotel')\r\n \"\r\n class=\"hotel-list--column--element\"\r\n >\r\n <div class=\"hotel-list--column--element--img\">\r\n <img\r\n [src]=\"element.img\"\r\n [alt]=\"element.btn.label\"\r\n width=\"375\"\r\n height=\"200\"\r\n />\r\n </div>\r\n \r\n <div class=\"hotel-list--column--text\">\r\n <span>{{ element.btn.label }}</span>\r\n <span\r\n class=\"hotel-list--column--element--icon icon-pointer-down\"\r\n >\r\n </span>\r\n </div>\r\n </a>\r\n }\r\n </div>\r\n }\r\n </div>\r\n\r\n } } @if (destinyButton) {\r\n <tent-button\r\n class=\"hotel-list--row--button\"\r\n type=\"dark-box\"\r\n [label]=\"destinyButton.label\"\r\n [url]=\"destiny.city.url\"\r\n linkType=\"internal\"\r\n boxWidth=\"190px\"\r\n (btnClick)=\"\r\n elementClicked(undefined, destiny.city, 'destinyParent')\r\n \"\r\n ></tent-button>\r\n }\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n", styles: [".link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:36px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.figure-zoom:hover figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.1)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}:root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693D2D;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693E2E;--color-icon-light: : rgb(105 61 45 / 70%);--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--stransition-basic: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}:host{display:block;width:100%;height:100%;background-color:#fbf5f0}:host:after{content:\"\";width:100%;background-color:#fff;height:100%}.hotel-list{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;flex-wrap:nowrap;position:relative;top:62px;background-color:#fff;height:100%;margin-bottom:100px;min-height:calc(100vh - 168px)}@media (max-width: 767px){.hotel-list{padding-left:55px;padding-right:55px}}@media (max-width: 539px){.hotel-list{padding-left:30px;padding-right:30px}}@media (min-width: 1024px){.hotel-list{min-height:calc(100vh - 162px)}}@media (min-width: 1280px){.hotel-list{padding:30px 0 30px 80px;min-height:calc(100vh - 232px)}}.hotel-list--close{position:absolute;right:40px;top:-34px}.hotel-list--close tent-button::ng-deep .btn--circle-container{background-color:#fff}.hotel-list--close tent-button::ng-deep mat-icon{font-size:13px}@media (max-width: 767px){.hotel-list--close{right:10px}}@media (max-width: 539px){.hotel-list--main-button::ng-deep .btn{width:228px;height:30px}}.hotel-list--title{font-family:var(--tent-font);font-size:24px;font-weight:700;line-height:31.25px;text-align:left;border-bottom:1px solid rgba(124,77,58,.3019607843);padding-bottom:25px}.hotel-list--btn{position:absolute;top:-25px;left:50%;z-index:2;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translate(-50%)}@media (max-width: 539px){.hotel-list--btn{top:-18px}}.hotel-list--content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:30px;padding-top:15px}@media (max-width: 1279px){.hotel-list--content{display:none}}@media (min-width: 1680px){.hotel-list--content{gap:50px}}.hotel-list--content--mobile{max-width:490px;width:100%;gap:0;padding-top:50px;padding-bottom:50px}@media (min-width: 1280px){.hotel-list--content--mobile{display:none}}.hotel-list--container{width:100%}@media (min-width: 1680px){.hotel-list--container{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:100px}}.hotel-list--container--title{font-family:var(--tent-font);font-size:34px;font-weight:700;line-height:36px;letter-spacing:0;text-align:left;color:#693d2d;opacity:70%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.hotel-list--container--title:hover{opacity:1}.hotel-list--container--title--wrapper{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap}@media (min-width: 1680px){.hotel-list--container--title{min-width:150px}}@media (max-width: 1279px){.hotel-list--container{padding:30px 0;border-bottom:1px solid rgba(124,77,58,.3019607843)}}@media (max-width: 539px){.hotel-list--container{padding:15px 0}}.hotel-list--row{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:65px}@media (min-width: 1680px){.hotel-list--row{gap:55px}}@media (max-width: 1279px){.hotel-list--row{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:25px;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);min-height:120px}}.hotel-list--row--collapsed{height:0;min-height:0;overflow:hidden}.hotel-list--row--button{align-self:center;opacity:.8;font-size:16px}.hotel-list--row--button::ng-deep .btn{height:30px;opacity:.8;font-size:16px}.hotel-list--column{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:20px;width:230px}@media (max-width: 1279px){.hotel-list--column{width:100%;gap:0}}.hotel-list--column--header{padding-bottom:5px;border-bottom:1px solid rgba(124,77,58,.3019607843);width:100%}.hotel-list--column--title{font-family:var(--tent-font);font-size:16px;font-weight:700;line-height:30px;text-align:left;color:#dab38d}.hotel-list--column--content{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:15px;width:100%}@media (max-width: 1279px){.hotel-list--column--content{gap:0}}.hotel-list--column--element{font-family:var(--tent-font);font-size:18px;font-weight:700;line-height:18px;letter-spacing:0;text-align:left;color:#693d2d;opacity:.5;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.hotel-list--column--element:hover{opacity:1}@media (max-width: 1279px){.hotel-list--column--element{opacity:1;width:100%}}.hotel-list--column--element--selected{opacity:1}@media (max-width: 1279px){.hotel-list--column--element{border-bottom:1px solid rgba(124,77,58,.3019607843);padding:10px 0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:20px}}.hotel-list--column--element--img{width:50px;height:50px;position:relative;min-width:50px;min-height:50px}.hotel-list--column--element--img .figure-full{z-index:1}.hotel-list--column--element--img img{max-width:100%;max-height:100%;height:100%;width:100%}.hotel-list--column--element--icon{rotate:-90deg;font-size:7px;padding-bottom:15px}.hotel-list--column--text{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;opacity:60%}.hotel-list .collapsed{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.hotel-list--button-collapse{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.hotel-list img{width:51px;height:51px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonComponent, selector: "tent-button", inputs: ["type", "label", "url", "linkType", "icon", "socialMedia", "iconPosition", "boxWidth", "innerContent", "linkSizeIcon", "closeButton", "disabled", "name"], outputs: ["btnClick"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
|
|
614
615
|
}
|
|
615
616
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: HotelListModalComponent, decorators: [{
|
|
616
617
|
type: Component,
|
|
617
|
-
args: [{ selector: 'tent-hotel-list-modal', standalone: true, imports: [CommonModule, ButtonComponent, RouterModule], template: "<div class=\"hotel-list\">\r\n <div class=\"hotel-list--close\">\r\n <tent-button\r\n type=\"dark-circle\"\r\n icon=\"icon-close\"\r\n (btnClick)=\"back()\"\r\n ></tent-button>\r\n </div>\r\n\r\n <!--DESKTOP-->\r\n\r\n @if (button) {\r\n <div class=\"hotel-list--btn\">\r\n <tent-button\r\n type=\"dark-box\"\r\n [label]=\"button.label\"\r\n boxWidth=\"308px\"\r\n [url]=\"button.url\"\r\n [linkType]=\"button.linkType!\"\r\n class=\"hotel-list--main-button\"\r\n ></tent-button>\r\n </div>\r\n }\r\n\r\n <div class=\"hotel-list--content\">\r\n @for (destiny of hotels; track $index) {\r\n <div class=\"hotel-list--container\">\r\n @if (destiny.city) {\r\n <a\r\n [href]=\"destiny.city.url\"\r\n [routerLink]=\"destiny.city.url\"\r\n (click)=\"elementClicked($event, destiny.city, 'destinyParent')\"\r\n class=\"hotel-list--container--title\"\r\n >\r\n {{ destiny.city.label }}\r\n </a>\r\n }\r\n\r\n <div class=\"hotel-list--row\">\r\n @for (item of destiny.items; track $index) {\r\n <div class=\"hotel-list--column\">\r\n @if (item.title) {\r\n <div class=\"hotel-list--column--header\">\r\n <a\r\n [href]=\"item.title.url\"\r\n [routerLink]=\"item.title.url\"\r\n (click)=\"\r\n elementClicked($event, item.title, 'destiny')\r\n \"\r\n class=\"hotel-list--column--title\"\r\n >\r\n {{ item.title.label }}\r\n </a>\r\n </div>\r\n } @for (element of item.hotels; track $index) {\r\n <div class=\"hotel-list--column--content\">\r\n <a\r\n [href]=\"element.btn.url\"\r\n [routerLink]=\"[element.btn.url]\"\r\n (click)=\"\r\n elementClicked($event, element.btn, 'hotel')\r\n \"\r\n class=\"hotel-list--column--element\"\r\n >\r\n {{ element.btn.label }}\r\n </a>\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n\r\n <!--MOBILE-->\r\n\r\n <div class=\"hotel-list--content--mobile\">\r\n @if (title) {\r\n <p class=\"hotel-list--title color--camel\">{{ title }}</p>\r\n } @for (destiny of hotels; track $index) {\r\n <div class=\"hotel-list--container\">\r\n <div\r\n class=\"hotel-list--container--title--wrapper\"\r\n (click)=\"toggleCollapsed($index)\"\r\n >\r\n @if (destiny.city) {\r\n <a\r\n [href]=\"destiny.city.url\"\r\n [routerLink]=\"destiny.city.url\"\r\n (click)=\"\r\n elementClicked($event, destiny.city, 'destinyParent')\r\n \"\r\n class=\"hotel-list--container--title\"\r\n >\r\n {{ destiny.city.label }}\r\n </a>\r\n\r\n <tent-button\r\n [ngClass]=\"collapsed[$index] ? 'collapsed' : ''\"\r\n icon=\"icon-signal-up\"\r\n class=\"hotel-list--button-collapse\"\r\n type=\"dark-circle\"\r\n name=\"signal-up\"\r\n ></tent-button>\r\n }\r\n </div>\r\n <div\r\n class=\"hotel-list--row\"\r\n [ngClass]=\"\r\n collapsed[$index] ? 'hotel-list--row--collapsed' : ''\r\n \"\r\n >\r\n @if (destiny.items.length) { @for (item of destiny.items; track\r\n $index) {\r\n <div class=\"hotel-list--column\">\r\n @if (item.title) {\r\n <div class=\"hotel-list--column--header\">\r\n <a\r\n [href]=\"item.title.url\"\r\n [routerLink]=\"item.title.url\"\r\n (click)=\"\r\n elementClicked($event, item.title, 'destiny')\r\n \"\r\n class=\"hotel-list--column--title\"\r\n >\r\n {{ item.title.label }}\r\n </a>\r\n </div>\r\n } @if (item.hotels.length) {\r\n <div class=\"hotel-list--column--content\">\r\n @for (element of item.hotels; track $index) {\r\n <a\r\n [href]=\"element.btn.url\"\r\n [routerLink]=\"[element.btn.url]\"\r\n (click)=\"\r\n elementClicked($event, element.btn, 'hotel')\r\n \"\r\n class=\"hotel-list--column--element\"\r\n >\r\n <img\r\n [src]=\"element.img\"\r\n [alt]=\"element.btn.label\"\r\n width=\"375\"\r\n height=\"200\"\r\n />\r\n <div class=\"hotel-list--column--text\">\r\n <span>{{ element.btn.label }}</span>\r\n <span\r\n class=\"hotel-list--column--element--icon icon-pointer-down\"\r\n >\r\n </span>\r\n </div>\r\n </a>\r\n }\r\n </div>\r\n }\r\n </div>\r\n\r\n } } @if (destinyButton) {\r\n <tent-button\r\n class=\"hotel-list--row--button\"\r\n type=\"dark-box\"\r\n [label]=\"destinyButton.label\"\r\n [url]=\"destiny.city.url\"\r\n linkType=\"internal\"\r\n boxWidth=\"190px\"\r\n (btnClick)=\"\r\n elementClicked(undefined, destiny.city, 'destinyParent')\r\n \"\r\n ></tent-button>\r\n }\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n", styles: [".link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:36px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.figure-zoom:hover figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.1)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}:root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693D2D;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693E2E;--color-icon-light: : rgb(105 61 45 / 70%);--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--stransition-basic: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}:host{display:block;width:100%;height:100%;background-color:#fbf5f0}:host:after{content:\"\";width:100%;background-color:#fff;height:100%}.hotel-list{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;flex-wrap:nowrap;position:relative;top:62px;background-color:#fff;height:100%;margin-bottom:100px;min-height:calc(100vh - 168px)}@media (max-width: 767px){.hotel-list{padding-left:55px;padding-right:55px}}@media (max-width: 539px){.hotel-list{padding-left:30px;padding-right:30px}}@media (min-width: 1024px){.hotel-list{min-height:calc(100vh - 162px)}}@media (min-width: 1280px){.hotel-list{padding:30px 0 30px 80px;min-height:calc(100vh - 232px)}}.hotel-list--close{position:absolute;right:40px;top:-34px}.hotel-list--close tent-button::ng-deep .btn--circle-container{background-color:#fff}.hotel-list--close tent-button::ng-deep mat-icon{font-size:13px}@media (max-width: 767px){.hotel-list--close{right:10px}}@media (max-width: 539px){.hotel-list--main-button::ng-deep .btn{width:228px;height:30px}}.hotel-list--title{font-family:var(--tent-font);font-size:24px;font-weight:700;line-height:31.25px;text-align:left;border-bottom:1px solid rgba(124,77,58,.3019607843);padding-bottom:25px}.hotel-list--btn{position:absolute;top:-25px;left:50%;z-index:2;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translate(-50%)}@media (max-width: 539px){.hotel-list--btn{top:-18px}}.hotel-list--content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:30px;padding-top:15px}@media (max-width: 1279px){.hotel-list--content{display:none}}@media (min-width: 1680px){.hotel-list--content{gap:50px}}.hotel-list--content--mobile{max-width:490px;width:100%;gap:0;padding-top:50px;padding-bottom:50px}@media (min-width: 1280px){.hotel-list--content--mobile{display:none}}.hotel-list--container{width:100%}@media (min-width: 1680px){.hotel-list--container{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:100px}}.hotel-list--container--title{font-family:var(--tent-font);font-size:34px;font-weight:700;line-height:36px;letter-spacing:0;text-align:left;color:#693d2d;opacity:70%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.hotel-list--container--title:hover{opacity:1}.hotel-list--container--title--wrapper{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap}@media (min-width: 1680px){.hotel-list--container--title{min-width:150px}}@media (max-width: 1279px){.hotel-list--container{padding:30px 0;border-bottom:1px solid rgba(124,77,58,.3019607843)}}@media (max-width: 539px){.hotel-list--container{padding:15px 0}}.hotel-list--row{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:65px}@media (min-width: 1680px){.hotel-list--row{gap:55px}}@media (max-width: 1279px){.hotel-list--row{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:25px;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);min-height:120px}}.hotel-list--row--collapsed{height:0;min-height:0;overflow:hidden}.hotel-list--row--button{align-self:center;opacity:.8;font-size:16px}.hotel-list--row--button::ng-deep .btn{height:30px;opacity:.8;font-size:16px}.hotel-list--column{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:20px;width:230px}@media (max-width: 1279px){.hotel-list--column{width:100%;gap:0}}.hotel-list--column--header{padding-bottom:5px;border-bottom:1px solid rgba(124,77,58,.3019607843);width:100%}.hotel-list--column--title{font-family:var(--tent-font);font-size:16px;font-weight:700;line-height:30px;text-align:left;color:#dab38d}.hotel-list--column--content{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:15px;width:100%}@media (max-width: 1279px){.hotel-list--column--content{gap:0}}.hotel-list--column--element{font-family:var(--tent-font);font-size:18px;font-weight:700;line-height:18px;letter-spacing:0;text-align:left;color:#693d2d;opacity:.5;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.hotel-list--column--element:hover{opacity:1}@media (max-width: 1279px){.hotel-list--column--element{opacity:1;width:100%}}.hotel-list--column--element--selected{opacity:1}@media (max-width: 1279px){.hotel-list--column--element{border-bottom:1px solid rgba(124,77,58,.3019607843);padding:10px 0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:20px}}.hotel-list--column--element--icon{rotate:-90deg;font-size:7px;padding-bottom:15px}.hotel-list--column--text{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;opacity:60%}.hotel-list .collapsed{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.hotel-list--button-collapse{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.hotel-list img{width:51px;height:51px}\n"] }]
|
|
618
|
+
args: [{ selector: 'tent-hotel-list-modal', standalone: true, imports: [CommonModule, ButtonComponent, RouterModule], template: "<div class=\"hotel-list\">\r\n <div class=\"hotel-list--close\">\r\n <tent-button\r\n type=\"dark-circle\"\r\n icon=\"icon-close\"\r\n (btnClick)=\"back()\"\r\n ></tent-button>\r\n </div>\r\n\r\n <!--DESKTOP-->\r\n\r\n @if (button) {\r\n <div class=\"hotel-list--btn\">\r\n <tent-button\r\n type=\"dark-box\"\r\n [label]=\"button.label\"\r\n boxWidth=\"308px\"\r\n [url]=\"button.url\"\r\n [linkType]=\"button.linkType!\"\r\n class=\"hotel-list--main-button\"\r\n ></tent-button>\r\n </div>\r\n }\r\n\r\n <div class=\"hotel-list--content\">\r\n @for (destiny of hotels; track $index) {\r\n <div class=\"hotel-list--container\">\r\n @if (destiny.city) {\r\n <a\r\n [href]=\"destiny.city.url\"\r\n [routerLink]=\"destiny.city.url\"\r\n (click)=\"elementClicked($event, destiny.city, 'destinyParent')\"\r\n class=\"hotel-list--container--title\"\r\n >\r\n {{ destiny.city.label }}\r\n </a>\r\n }\r\n\r\n <div class=\"hotel-list--row\">\r\n @for (item of destiny.items; track $index) {\r\n <div class=\"hotel-list--column\">\r\n @if (item.title) {\r\n <div class=\"hotel-list--column--header\">\r\n <a\r\n [href]=\"item.title.url\"\r\n [routerLink]=\"item.title.url\"\r\n (click)=\"\r\n elementClicked($event, item.title, 'destiny')\r\n \"\r\n class=\"hotel-list--column--title\"\r\n >\r\n {{ item.title.label }}\r\n </a>\r\n </div>\r\n } @for (element of item.hotels; track $index) {\r\n <div class=\"hotel-list--column--content\">\r\n <a\r\n [href]=\"element.btn.url\"\r\n [routerLink]=\"[element.btn.url]\"\r\n (click)=\"\r\n elementClicked($event, element.btn, 'hotel')\r\n \"\r\n class=\"hotel-list--column--element\"\r\n >\r\n {{ element.btn.label }}\r\n </a>\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n\r\n <!--MOBILE-->\r\n\r\n <div class=\"hotel-list--content--mobile\">\r\n @if (title) {\r\n <p class=\"hotel-list--title color--camel\">{{ title }}</p>\r\n } @for (destiny of hotels; track $index) {\r\n <div class=\"hotel-list--container\">\r\n <div\r\n class=\"hotel-list--container--title--wrapper\"\r\n (click)=\"toggleCollapsed($index)\"\r\n >\r\n @if (destiny.city) {\r\n <a\r\n [href]=\"destiny.city.url\"\r\n [routerLink]=\"destiny.city.url\"\r\n (click)=\"\r\n elementClicked($event, destiny.city, 'destinyParent')\r\n \"\r\n class=\"hotel-list--container--title\"\r\n >\r\n {{ destiny.city.label }}\r\n </a>\r\n\r\n <tent-button\r\n [ngClass]=\"collapsed[$index] ? 'collapsed' : ''\"\r\n icon=\"icon-signal-up\"\r\n class=\"hotel-list--button-collapse\"\r\n type=\"dark-circle\"\r\n name=\"signal-up\"\r\n ></tent-button>\r\n }\r\n </div>\r\n <div\r\n class=\"hotel-list--row\"\r\n [ngClass]=\"\r\n collapsed[$index] ? 'hotel-list--row--collapsed' : ''\r\n \"\r\n >\r\n @if (destiny.items.length) { @for (item of destiny.items; track\r\n $index) {\r\n <div class=\"hotel-list--column\">\r\n @if (item.title) {\r\n <div class=\"hotel-list--column--header\">\r\n <a\r\n [href]=\"item.title.url\"\r\n [routerLink]=\"item.title.url\"\r\n (click)=\"\r\n elementClicked($event, item.title, 'destiny')\r\n \"\r\n class=\"hotel-list--column--title\"\r\n >\r\n {{ item.title.label }}\r\n </a>\r\n </div>\r\n } @if (item.hotels.length) {\r\n <div class=\"hotel-list--column--content\">\r\n @for (element of item.hotels; track $index) {\r\n <a\r\n [href]=\"element.btn.url\"\r\n [routerLink]=\"[element.btn.url]\"\r\n (click)=\"\r\n elementClicked($event, element.btn, 'hotel')\r\n \"\r\n class=\"hotel-list--column--element\"\r\n >\r\n <div class=\"hotel-list--column--element--img\">\r\n <img\r\n [src]=\"element.img\"\r\n [alt]=\"element.btn.label\"\r\n width=\"375\"\r\n height=\"200\"\r\n />\r\n </div>\r\n \r\n <div class=\"hotel-list--column--text\">\r\n <span>{{ element.btn.label }}</span>\r\n <span\r\n class=\"hotel-list--column--element--icon icon-pointer-down\"\r\n >\r\n </span>\r\n </div>\r\n </a>\r\n }\r\n </div>\r\n }\r\n </div>\r\n\r\n } } @if (destinyButton) {\r\n <tent-button\r\n class=\"hotel-list--row--button\"\r\n type=\"dark-box\"\r\n [label]=\"destinyButton.label\"\r\n [url]=\"destiny.city.url\"\r\n linkType=\"internal\"\r\n boxWidth=\"190px\"\r\n (btnClick)=\"\r\n elementClicked(undefined, destiny.city, 'destinyParent')\r\n \"\r\n ></tent-button>\r\n }\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n", styles: [".link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:36px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.figure-zoom:hover figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.1)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}:root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693D2D;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693E2E;--color-icon-light: : rgb(105 61 45 / 70%);--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--stransition-basic: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}:host{display:block;width:100%;height:100%;background-color:#fbf5f0}:host:after{content:\"\";width:100%;background-color:#fff;height:100%}.hotel-list{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;flex-wrap:nowrap;position:relative;top:62px;background-color:#fff;height:100%;margin-bottom:100px;min-height:calc(100vh - 168px)}@media (max-width: 767px){.hotel-list{padding-left:55px;padding-right:55px}}@media (max-width: 539px){.hotel-list{padding-left:30px;padding-right:30px}}@media (min-width: 1024px){.hotel-list{min-height:calc(100vh - 162px)}}@media (min-width: 1280px){.hotel-list{padding:30px 0 30px 80px;min-height:calc(100vh - 232px)}}.hotel-list--close{position:absolute;right:40px;top:-34px}.hotel-list--close tent-button::ng-deep .btn--circle-container{background-color:#fff}.hotel-list--close tent-button::ng-deep mat-icon{font-size:13px}@media (max-width: 767px){.hotel-list--close{right:10px}}@media (max-width: 539px){.hotel-list--main-button::ng-deep .btn{width:228px;height:30px}}.hotel-list--title{font-family:var(--tent-font);font-size:24px;font-weight:700;line-height:31.25px;text-align:left;border-bottom:1px solid rgba(124,77,58,.3019607843);padding-bottom:25px}.hotel-list--btn{position:absolute;top:-25px;left:50%;z-index:2;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translate(-50%)}@media (max-width: 539px){.hotel-list--btn{top:-18px}}.hotel-list--content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:30px;padding-top:15px}@media (max-width: 1279px){.hotel-list--content{display:none}}@media (min-width: 1680px){.hotel-list--content{gap:50px}}.hotel-list--content--mobile{max-width:490px;width:100%;gap:0;padding-top:50px;padding-bottom:50px}@media (min-width: 1280px){.hotel-list--content--mobile{display:none}}.hotel-list--container{width:100%}@media (min-width: 1680px){.hotel-list--container{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:100px}}.hotel-list--container--title{font-family:var(--tent-font);font-size:34px;font-weight:700;line-height:36px;letter-spacing:0;text-align:left;color:#693d2d;opacity:70%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.hotel-list--container--title:hover{opacity:1}.hotel-list--container--title--wrapper{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap}@media (min-width: 1680px){.hotel-list--container--title{min-width:150px}}@media (max-width: 1279px){.hotel-list--container{padding:30px 0;border-bottom:1px solid rgba(124,77,58,.3019607843)}}@media (max-width: 539px){.hotel-list--container{padding:15px 0}}.hotel-list--row{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:65px}@media (min-width: 1680px){.hotel-list--row{gap:55px}}@media (max-width: 1279px){.hotel-list--row{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:25px;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);min-height:120px}}.hotel-list--row--collapsed{height:0;min-height:0;overflow:hidden}.hotel-list--row--button{align-self:center;opacity:.8;font-size:16px}.hotel-list--row--button::ng-deep .btn{height:30px;opacity:.8;font-size:16px}.hotel-list--column{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:20px;width:230px}@media (max-width: 1279px){.hotel-list--column{width:100%;gap:0}}.hotel-list--column--header{padding-bottom:5px;border-bottom:1px solid rgba(124,77,58,.3019607843);width:100%}.hotel-list--column--title{font-family:var(--tent-font);font-size:16px;font-weight:700;line-height:30px;text-align:left;color:#dab38d}.hotel-list--column--content{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:15px;width:100%}@media (max-width: 1279px){.hotel-list--column--content{gap:0}}.hotel-list--column--element{font-family:var(--tent-font);font-size:18px;font-weight:700;line-height:18px;letter-spacing:0;text-align:left;color:#693d2d;opacity:.5;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.hotel-list--column--element:hover{opacity:1}@media (max-width: 1279px){.hotel-list--column--element{opacity:1;width:100%}}.hotel-list--column--element--selected{opacity:1}@media (max-width: 1279px){.hotel-list--column--element{border-bottom:1px solid rgba(124,77,58,.3019607843);padding:10px 0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:20px}}.hotel-list--column--element--img{width:50px;height:50px;position:relative;min-width:50px;min-height:50px}.hotel-list--column--element--img .figure-full{z-index:1}.hotel-list--column--element--img img{max-width:100%;max-height:100%;height:100%;width:100%}.hotel-list--column--element--icon{rotate:-90deg;font-size:7px;padding-bottom:15px}.hotel-list--column--text{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;opacity:60%}.hotel-list .collapsed{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.hotel-list--button-collapse{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.hotel-list img{width:51px;height:51px}\n"] }]
|
|
618
619
|
}], ctorParameters: () => [{ type: i1.Location }], propDecorators: { hotels: [{
|
|
619
620
|
type: Input
|
|
620
621
|
}], button: [{
|
|
@@ -2707,7 +2708,14 @@ class ModuleGoogleMapsComponent {
|
|
|
2707
2708
|
}
|
|
2708
2709
|
}
|
|
2709
2710
|
addCustomMarkers() {
|
|
2711
|
+
const markersArray = [];
|
|
2712
|
+
const customMarkersArray = [];
|
|
2710
2713
|
this.markers?.forEach((data) => {
|
|
2714
|
+
const marker = new google.maps.Marker({
|
|
2715
|
+
position: new google.maps.LatLng(data.position.lat, data.position.lng),
|
|
2716
|
+
map: null
|
|
2717
|
+
});
|
|
2718
|
+
markersArray.push(marker);
|
|
2711
2719
|
const markerDiv = document.createElement('div');
|
|
2712
2720
|
markerDiv.classList.add('custom-marker');
|
|
2713
2721
|
const img = document.createElement('img');
|
|
@@ -2717,18 +2725,67 @@ class ModuleGoogleMapsComponent {
|
|
|
2717
2725
|
labelDiv.innerText = data.label;
|
|
2718
2726
|
markerDiv.appendChild(img);
|
|
2719
2727
|
markerDiv.appendChild(labelDiv);
|
|
2728
|
+
markerDiv.addEventListener('click', () => {
|
|
2729
|
+
window.open(data.url, '_blank');
|
|
2730
|
+
});
|
|
2720
2731
|
const customMarker = new google.maps.OverlayView();
|
|
2721
2732
|
customMarker.onAdd = function () {
|
|
2722
2733
|
const panes = this.getPanes();
|
|
2723
|
-
panes?.
|
|
2734
|
+
panes?.overlayMouseTarget.appendChild(markerDiv);
|
|
2724
2735
|
};
|
|
2725
2736
|
customMarker.draw = function () {
|
|
2726
2737
|
const projection = this.getProjection();
|
|
2727
2738
|
const position = projection.fromLatLngToDivPixel(new google.maps.LatLng(data.position.lat, data.position.lng));
|
|
2728
|
-
|
|
2729
|
-
|
|
2739
|
+
if (position) {
|
|
2740
|
+
markerDiv.style.left = `${position.x}px`;
|
|
2741
|
+
markerDiv.style.top = `${position.y}px`;
|
|
2742
|
+
}
|
|
2743
|
+
};
|
|
2744
|
+
customMarker.onRemove = function () {
|
|
2745
|
+
if (markerDiv.parentNode) {
|
|
2746
|
+
markerDiv.parentNode.removeChild(markerDiv);
|
|
2747
|
+
}
|
|
2730
2748
|
};
|
|
2731
2749
|
customMarker.setMap(this.map);
|
|
2750
|
+
customMarkersArray.push(customMarker);
|
|
2751
|
+
});
|
|
2752
|
+
const markerCluster = new MarkerClusterer({
|
|
2753
|
+
map: this.map,
|
|
2754
|
+
markers: markersArray,
|
|
2755
|
+
renderer: {
|
|
2756
|
+
render: ({ count, position }) => {
|
|
2757
|
+
const div = document.createElement('div');
|
|
2758
|
+
div.textContent = count.toString();
|
|
2759
|
+
div.className = 'custom-cluster';
|
|
2760
|
+
return new google.maps.Marker({
|
|
2761
|
+
position,
|
|
2762
|
+
icon: {
|
|
2763
|
+
url: '/assets/tent/img/marker_maps-empty.svg',
|
|
2764
|
+
size: new google.maps.Size(53, 53),
|
|
2765
|
+
anchor: new google.maps.Point(26.5, 53),
|
|
2766
|
+
labelOrigin: new google.maps.Point(26.5, 26.5),
|
|
2767
|
+
},
|
|
2768
|
+
label: {
|
|
2769
|
+
text: count.toString(),
|
|
2770
|
+
color: '#fff',
|
|
2771
|
+
fontWeight: 'bold',
|
|
2772
|
+
fontSize: '16px',
|
|
2773
|
+
},
|
|
2774
|
+
});
|
|
2775
|
+
},
|
|
2776
|
+
},
|
|
2777
|
+
});
|
|
2778
|
+
google.maps.event.addListener(markerCluster, 'clusteringend', () => {
|
|
2779
|
+
customMarkersArray.forEach((customMarker, index) => {
|
|
2780
|
+
const isVisible = markersArray[index].getMap() !== null;
|
|
2781
|
+
customMarker.getMap() && customMarker.onRemove();
|
|
2782
|
+
if (isVisible) {
|
|
2783
|
+
customMarker.setMap(this.map);
|
|
2784
|
+
}
|
|
2785
|
+
else {
|
|
2786
|
+
customMarker.setMap(null);
|
|
2787
|
+
}
|
|
2788
|
+
});
|
|
2732
2789
|
});
|
|
2733
2790
|
}
|
|
2734
2791
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: ModuleGoogleMapsComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
@@ -3313,7 +3370,7 @@ class GenericHeadComponent {
|
|
|
3313
3370
|
this.openRoomModal.emit();
|
|
3314
3371
|
}
|
|
3315
3372
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: GenericHeadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3316
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: GenericHeadComponent, isStandalone: true, selector: "tent-generic-head", inputs: { theme: "theme", galleryFilterOptions: "galleryFilterOptions", title: "title", titleDark: "titleDark", breadcrumps: "breadcrumps", filter: "filter", button: "button", galleryBtns: "galleryBtns", linkMaps: "linkMaps", linkBack: "linkBack", bigger: "bigger" }, outputs: { filterChange: "filterChange", filterGalleryChange: "filterGalleryChange", openCategoryModal: "openCategoryModal", openRoomModal: "openRoomModal" }, ngImport: i0, template: "<section class=\"generic-head-module\">\r\n <div class=\"wrapper-big\">\r\n <div\r\n class=\"generic-head\"\r\n [ngClass]=\"{ 'generic-head--bigger': bigger }\"\r\n >\r\n @if (breadcrumps) {\r\n <tent-breadcrump\r\n class=\"generic-head--breadcrumps\"\r\n [ngClass]=\"{ 'generic-head--breadcrumps--absolute': titleDark }\"\r\n [breadcrumps]=\"breadcrumps.breadcrumps\"\r\n [selected]=\"breadcrumps.selected\"\r\n ></tent-breadcrump>\r\n }\r\n <div class=\"generic-head--content\">\r\n @if (title) {\r\n <h1\r\n class=\"generic-head--title title--80 color--camel\"\r\n [ngClass]=\"{\r\n 'generic-head--title--laundry': theme === 'laundry'\r\n }\"\r\n >\r\n {{ title }}\r\n <span class=\"color--brown\">{{ titleDark }}</span>\r\n </h1>\r\n }\r\n <div>\r\n @if (filter) {\r\n <div class=\"generic-head--filter\">\r\n <tent-dropdown\r\n [options]=\"filter.options\"\r\n [placeholder]=\"filter.placeholder\"\r\n [value]=\"filter.value\"\r\n (change)=\"filterChanged($event)\"\r\n ></tent-dropdown>\r\n </div>\r\n\r\n } @if (galleryFilterOptions) {\r\n <div class=\"generic-head--filter-gallery\">\r\n @for (filter of galleryFilterOptions; track filter.id) {\r\n <span\r\n class=\"generic-head--gallery-option\"\r\n [ngClass]=\"{\r\n 'generic-head--gallery-option--selected':\r\n filter === galleryFilterSelected\r\n }\"\r\n (click)=\"filterGalleryClicked(filter)\"\r\n >\r\n {{ filter.label }}\r\n </span>\r\n } @if (galleryBtns?.length) { @if (galleryBtns?.[0] &&\r\n galleryBtns) {\r\n <div\r\n class=\"generic-head--gallery-btn\"\r\n (click)=\"openGalleryCategoryModal()\"\r\n >\r\n <span class=\"generic-head--gallery-btn--text\">\r\n {{ galleryBtns[0] }}\r\n </span>\r\n <span\r\n class=\"generic-head--gallery-btn--icon icon-menu\"\r\n ></span>\r\n </div>\r\n } @if (galleryBtns?.[1] && galleryBtns) {\r\n <div\r\n class=\"generic-head--gallery-btn\"\r\n (click)=\"openCategoryRoomModal()\"\r\n >\r\n <span class=\"generic-head--gallery-btn--text\">\r\n {{ galleryBtns[1] }}\r\n </span>\r\n <span\r\n class=\"generic-head--gallery-btn--icon icon-menu\"\r\n ></span>\r\n </div>\r\n } }\r\n </div>\r\n } @if (button) {\r\n <tent-button\r\n class=\"generic-head--contact\"\r\n type=\"dark-box\"\r\n [label]=\"button.label\"\r\n [url]=\"button.url\"\r\n ></tent-button>\r\n } @if (linkMaps) {\r\n <a class=\"generic-head--location\" [href]=\"linkMaps.url\">\r\n <span\r\n class=\"generic-head--location--icon icon-map\"\r\n ></span>\r\n <p class=\"text link\">{{ linkMaps.label }}</p>\r\n </a>\r\n } @if (linkBack) {\r\n <tent-button\r\n type=\"dark-link\"\r\n [label]=\"linkBack.label\"\r\n [icon]=\"linkBack.icon\"\r\n iconPosition=\"left\"\r\n linkSizeIcon=\"8px\"\r\n [url]=\"linkBack.url\"\r\n ></tent-button>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</section>\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;--color-icon-light: : rgb(105 61 45 / 70%);--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--stransition-basic: 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:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:36px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.figure-zoom:hover figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.1)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.generic-head{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;padding:20px 0 1px;gap:5px 0;position:relative}.generic-head--breadcrumps{align-self:flex-end;position:relative;right:-65px}@media (min-width: 1680px){.generic-head--breadcrumps{right:-75px}}@media (min-width: 1800px){.generic-head--breadcrumps{right:-100px}}.generic-head--breadcrumps--absolute{position:absolute;right:-35px}@media (min-width: 1024px){.generic-head--breadcrumps--absolute{right:-65px;top:40px}}@media (min-width: 1280px){.generic-head--breadcrumps--absolute{right:-55px;top:40px}}@media (min-width: 1366px){.generic-head--breadcrumps--absolute{right:-50px;top:40px}}@media (min-width: 1680px){.generic-head--breadcrumps--absolute{right:-95px;top:40px}}@media (min-width: 1800px){.generic-head--breadcrumps--absolute{right:-115px;top:40px}}@media (max-width: 1023px){.generic-head--breadcrumps{display:none}}.generic-head--content{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:15px;width:100%}@media (min-width: 1024px){.generic-head--content{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;flex-wrap:wrap}}.generic-head--title{align-self:flex-start}.generic-head--title span{display:block;margin-top:-10px}.generic-head--title--laundry{color:#005f87}.generic-head--title--laundry span{color:#0cc2ce}.generic-head--filter{width:100%;padding-bottom:20px}.generic-head--filter tent-dropdown::ng-deep .dropdown--wrapper{border:2px solid #e1d8d5;padding-top:11px;padding-bottom:11px;min-width:270px}.generic-head--filter tent-dropdown::ng-deep .dropdown::ng-deep .p-placeholder,.generic-head--filter tent-dropdown::ng-deep .dropdown::ng-deep .p-inputtext{font-family:var(--tent-font);font-size:19px;font-weight:700;line-height:25px;text-align:left;color:#7c4d3a;opacity:.7}.generic-head--filter tent-dropdown::ng-deep .dropdown::ng-deep .p-dropdown-trigger-icon{color:#7c4d3a;opacity:.7}.generic-head--location{display:flex;align-items:center;gap:10px}.generic-head--location--icon{width:46px;height:46px;min-width:46px;border-radius:100%;background-color:var(--color-background-2);color:var(--color-title-2);display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap}.generic-head--location p{font-family:var(--tent-font);font-size:18px;font-weight:400;line-height:28px;text-align:left}.generic-head--location:hover .text:after{width:100%}@media (min-width: 540px){.generic-head{padding:20px 0 1px}.generic-head--filter tent-dropdown{width:308px;display:block;margin:0 auto}}@media (min-width: 768px){.generic-head{padding:30px 0 1px}}@media (min-width: 1024px){.generic-head{padding:10px 0}.generic-head--title span{margin-top:0}.generic-head--filter{width:auto;padding-bottom:0}}@media (min-width: 1280px){.generic-head{padding:10px 0 20px}.generic-head--title span{margin-top:0}}@media (min-width: 1366px){.generic-head{padding:10px 0 20px}}@media (min-width: 1680px){.generic-head{padding:10px 0 20px}}@media (min-width: 1800px){.generic-head{padding:10px 0 20px}}.generic-head--filter-gallery{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap}@media (max-width: 1023px){.generic-head--filter-gallery{gap:20px}}@media (max-width: 1023px) and (max-width: 539px){.generic-head--filter-gallery{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap}}.generic-head--gallery-option{padding:2px 40px;font-family:var(--tent-font);font-size:19px;font-weight:700;line-height:25px;text-align:left;color:#693d2d;opacity:.7;cursor:pointer;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}@media (max-width: 1023px){.generic-head--gallery-option{display:none}}.generic-head--gallery-option--selected{opacity:1;background-color:#dab38d;border-radius:80px;cursor:unset}.generic-head--gallery-btn{border:1px solid #693d2d;opacity:.7;border-radius:80px;padding:6px 20px;width:calc(100% - 40px);min-width:170px;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap}@media (min-width: 1024px){.generic-head--gallery-btn{display:none}}.generic-head--gallery-btn:hover{background-color:#dab38d;opacity:1}.generic-head--gallery-btn--text{font-family:var(--tent-font);font-size:18px;font-weight:700;line-height:23.44px;text-align:left;color:#693d2d}.generic-head--gallery-btn--icon{font-size:12px;color:#693d2d}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: DropdownComponent, selector: "tent-dropdown", inputs: ["value", "placeholder", "title", "smallTitle", "options", "name", "iconLeft", "isDisabled", "light", "showTitleTop", "sameTitlePlaceholder", "staticPosition"], outputs: ["change"] }, { kind: "component", type: ButtonComponent, selector: "tent-button", inputs: ["type", "label", "url", "linkType", "icon", "socialMedia", "iconPosition", "boxWidth", "innerContent", "linkSizeIcon", "closeButton", "disabled", "name"], outputs: ["btnClick"] }, { kind: "component", type: BreadcrumpComponent, selector: "tent-breadcrump", inputs: ["breadcrumps", "selected"], outputs: ["breadcrumpClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3373
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: GenericHeadComponent, isStandalone: true, selector: "tent-generic-head", inputs: { theme: "theme", galleryFilterOptions: "galleryFilterOptions", title: "title", titleDark: "titleDark", breadcrumps: "breadcrumps", filter: "filter", button: "button", galleryBtns: "galleryBtns", linkMaps: "linkMaps", linkBack: "linkBack", bigger: "bigger" }, outputs: { filterChange: "filterChange", filterGalleryChange: "filterGalleryChange", openCategoryModal: "openCategoryModal", openRoomModal: "openRoomModal" }, ngImport: i0, template: "<section class=\"generic-head-module\">\r\n <div class=\"wrapper-big\">\r\n <div\r\n class=\"generic-head\"\r\n [ngClass]=\"{ 'generic-head--bigger': bigger }\"\r\n >\r\n @if (breadcrumps) {\r\n <tent-breadcrump\r\n class=\"generic-head--breadcrumps\"\r\n [ngClass]=\"{ 'generic-head--breadcrumps--absolute': titleDark }\"\r\n [breadcrumps]=\"breadcrumps.breadcrumps\"\r\n [selected]=\"breadcrumps.selected\"\r\n ></tent-breadcrump>\r\n }\r\n <div class=\"generic-head--content\">\r\n @if (title) {\r\n <h1\r\n class=\"generic-head--title title--80 color--camel\"\r\n [ngClass]=\"{\r\n 'generic-head--title--laundry': theme === 'laundry'\r\n }\"\r\n >\r\n {{ title }}\r\n <span class=\"color--brown\">{{ titleDark }}</span>\r\n </h1>\r\n }\r\n <div>\r\n @if (filter) {\r\n <div class=\"generic-head--filter\">\r\n <tent-dropdown\r\n [options]=\"filter.options\"\r\n [placeholder]=\"filter.placeholder\"\r\n [value]=\"filter.value\"\r\n (change)=\"filterChanged($event)\"\r\n ></tent-dropdown>\r\n </div>\r\n\r\n } @if (galleryFilterOptions) {\r\n <div class=\"generic-head--filter-gallery\">\r\n @for (filter of galleryFilterOptions; track $index) {\r\n @if (!filter.room) {\r\n <span\r\n class=\"generic-head--gallery-option\"\r\n [ngClass]=\"{\r\n 'generic-head--gallery-option--selected':\r\n filter === galleryFilterSelected\r\n }\"\r\n (click)=\"filterGalleryClicked(filter)\"\r\n >\r\n {{ filter.label }}\r\n </span>\r\n } } @if (galleryBtns?.length) { @if (galleryBtns?.[0] &&\r\n galleryBtns) {\r\n <div\r\n class=\"generic-head--gallery-btn\"\r\n (click)=\"openGalleryCategoryModal()\"\r\n >\r\n <span class=\"generic-head--gallery-btn--text\">\r\n {{ galleryBtns[0] }}\r\n </span>\r\n <span\r\n class=\"generic-head--gallery-btn--icon icon-menu\"\r\n ></span>\r\n </div>\r\n } @if (galleryBtns?.[1] && galleryBtns) {\r\n <div\r\n class=\"generic-head--gallery-btn\"\r\n (click)=\"openCategoryRoomModal()\"\r\n >\r\n <span class=\"generic-head--gallery-btn--text\">\r\n {{ galleryBtns[1] }}\r\n </span>\r\n <span\r\n class=\"generic-head--gallery-btn--icon icon-menu\"\r\n ></span>\r\n </div>\r\n } }\r\n </div>\r\n } @if (button) {\r\n <tent-button\r\n class=\"generic-head--contact\"\r\n type=\"dark-box\"\r\n [label]=\"button.label\"\r\n [url]=\"button.url\"\r\n ></tent-button>\r\n } @if (linkMaps) {\r\n <a class=\"generic-head--location\" [href]=\"linkMaps.url\">\r\n <span\r\n class=\"generic-head--location--icon icon-map\"\r\n ></span>\r\n <p class=\"text link\">{{ linkMaps.label }}</p>\r\n </a>\r\n } @if (linkBack) {\r\n <tent-button\r\n type=\"dark-link\"\r\n [label]=\"linkBack.label\"\r\n [icon]=\"linkBack.icon\"\r\n iconPosition=\"left\"\r\n linkSizeIcon=\"8px\"\r\n [url]=\"linkBack.url\"\r\n ></tent-button>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</section>\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;--color-icon-light: : rgb(105 61 45 / 70%);--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--stransition-basic: 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:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:36px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.figure-zoom:hover figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.1)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.generic-head{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;padding:20px 0 1px;gap:5px 0;position:relative}.generic-head--breadcrumps{align-self:flex-end;position:relative;right:-65px}@media (min-width: 1680px){.generic-head--breadcrumps{right:-75px}}@media (min-width: 1800px){.generic-head--breadcrumps{right:-100px}}.generic-head--breadcrumps--absolute{position:absolute;right:-35px}@media (min-width: 1024px){.generic-head--breadcrumps--absolute{right:-65px;top:40px}}@media (min-width: 1280px){.generic-head--breadcrumps--absolute{right:-55px;top:40px}}@media (min-width: 1366px){.generic-head--breadcrumps--absolute{right:-50px;top:40px}}@media (min-width: 1680px){.generic-head--breadcrumps--absolute{right:-95px;top:40px}}@media (min-width: 1800px){.generic-head--breadcrumps--absolute{right:-115px;top:40px}}@media (max-width: 1023px){.generic-head--breadcrumps{display:none}}.generic-head--content{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:15px;width:100%}@media (min-width: 1024px){.generic-head--content{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;flex-wrap:wrap}}.generic-head--title{align-self:flex-start}.generic-head--title span{display:block;margin-top:-10px}.generic-head--title--laundry{color:#005f87}.generic-head--title--laundry span{color:#0cc2ce}.generic-head--filter{width:100%;padding-bottom:20px}.generic-head--filter tent-dropdown::ng-deep .dropdown--wrapper{border:2px solid #e1d8d5;padding-top:11px;padding-bottom:11px;min-width:270px}.generic-head--filter tent-dropdown::ng-deep .dropdown::ng-deep .p-placeholder,.generic-head--filter tent-dropdown::ng-deep .dropdown::ng-deep .p-inputtext{font-family:var(--tent-font);font-size:19px;font-weight:700;line-height:25px;text-align:left;color:#7c4d3a;opacity:.7}.generic-head--filter tent-dropdown::ng-deep .dropdown::ng-deep .p-dropdown-trigger-icon{color:#7c4d3a;opacity:.7}.generic-head--location{display:flex;align-items:center;gap:10px}.generic-head--location--icon{width:46px;height:46px;min-width:46px;border-radius:100%;background-color:var(--color-background-2);color:var(--color-title-2);display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap}.generic-head--location p{font-family:var(--tent-font);font-size:18px;font-weight:400;line-height:28px;text-align:left}.generic-head--location:hover .text:after{width:100%}@media (min-width: 540px){.generic-head{padding:20px 0 1px}.generic-head--filter tent-dropdown{width:308px;display:block;margin:0 auto}}@media (min-width: 768px){.generic-head{padding:30px 0 1px}}@media (min-width: 1024px){.generic-head{padding:10px 0}.generic-head--title span{margin-top:0}.generic-head--filter{width:auto;padding-bottom:0}}@media (min-width: 1280px){.generic-head{padding:10px 0 20px}.generic-head--title span{margin-top:0}}@media (min-width: 1366px){.generic-head{padding:10px 0 20px}}@media (min-width: 1680px){.generic-head{padding:10px 0 20px}}@media (min-width: 1800px){.generic-head{padding:10px 0 20px}}.generic-head--filter-gallery{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap}@media (max-width: 1023px){.generic-head--filter-gallery{gap:20px}}@media (max-width: 1023px) and (max-width: 539px){.generic-head--filter-gallery{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap}}.generic-head--gallery-option{padding:2px 40px;font-family:var(--tent-font);font-size:19px;font-weight:700;line-height:25px;text-align:left;color:#693d2d;opacity:.7;cursor:pointer;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}@media (max-width: 1023px){.generic-head--gallery-option{display:none}}.generic-head--gallery-option--selected{opacity:1;background-color:#dab38d;border-radius:80px;cursor:unset}.generic-head--gallery-btn{border:1px solid #693d2d;opacity:.7;border-radius:80px;padding:6px 20px;width:calc(100% - 40px);min-width:170px;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap}@media (min-width: 1024px){.generic-head--gallery-btn{display:none}}.generic-head--gallery-btn:hover{background-color:#dab38d;opacity:1}.generic-head--gallery-btn--text{font-family:var(--tent-font);font-size:18px;font-weight:700;line-height:23.44px;text-align:left;color:#693d2d}.generic-head--gallery-btn--icon{font-size:12px;color:#693d2d}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: DropdownComponent, selector: "tent-dropdown", inputs: ["value", "placeholder", "title", "smallTitle", "options", "name", "iconLeft", "isDisabled", "light", "showTitleTop", "sameTitlePlaceholder", "staticPosition"], outputs: ["change"] }, { kind: "component", type: ButtonComponent, selector: "tent-button", inputs: ["type", "label", "url", "linkType", "icon", "socialMedia", "iconPosition", "boxWidth", "innerContent", "linkSizeIcon", "closeButton", "disabled", "name"], outputs: ["btnClick"] }, { kind: "component", type: BreadcrumpComponent, selector: "tent-breadcrump", inputs: ["breadcrumps", "selected"], outputs: ["breadcrumpClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3317
3374
|
}
|
|
3318
3375
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: GenericHeadComponent, decorators: [{
|
|
3319
3376
|
type: Component,
|
|
@@ -3322,7 +3379,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
|
|
|
3322
3379
|
DropdownComponent,
|
|
3323
3380
|
ButtonComponent,
|
|
3324
3381
|
BreadcrumpComponent,
|
|
3325
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"generic-head-module\">\r\n <div class=\"wrapper-big\">\r\n <div\r\n class=\"generic-head\"\r\n [ngClass]=\"{ 'generic-head--bigger': bigger }\"\r\n >\r\n @if (breadcrumps) {\r\n <tent-breadcrump\r\n class=\"generic-head--breadcrumps\"\r\n [ngClass]=\"{ 'generic-head--breadcrumps--absolute': titleDark }\"\r\n [breadcrumps]=\"breadcrumps.breadcrumps\"\r\n [selected]=\"breadcrumps.selected\"\r\n ></tent-breadcrump>\r\n }\r\n <div class=\"generic-head--content\">\r\n @if (title) {\r\n <h1\r\n class=\"generic-head--title title--80 color--camel\"\r\n [ngClass]=\"{\r\n 'generic-head--title--laundry': theme === 'laundry'\r\n }\"\r\n >\r\n {{ title }}\r\n <span class=\"color--brown\">{{ titleDark }}</span>\r\n </h1>\r\n }\r\n <div>\r\n @if (filter) {\r\n <div class=\"generic-head--filter\">\r\n <tent-dropdown\r\n [options]=\"filter.options\"\r\n [placeholder]=\"filter.placeholder\"\r\n [value]=\"filter.value\"\r\n (change)=\"filterChanged($event)\"\r\n ></tent-dropdown>\r\n </div>\r\n\r\n } @if (galleryFilterOptions) {\r\n <div class=\"generic-head--filter-gallery\">\r\n @for (filter of galleryFilterOptions; track filter.id) {\r\n <span\r\n class=\"generic-head--gallery-option\"\r\n [ngClass]=\"{\r\n 'generic-head--gallery-option--selected':\r\n filter === galleryFilterSelected\r\n }\"\r\n (click)=\"filterGalleryClicked(filter)\"\r\n >\r\n {{ filter.label }}\r\n </span>\r\n } @if (galleryBtns?.length) { @if (galleryBtns?.[0] &&\r\n galleryBtns) {\r\n <div\r\n class=\"generic-head--gallery-btn\"\r\n (click)=\"openGalleryCategoryModal()\"\r\n >\r\n <span class=\"generic-head--gallery-btn--text\">\r\n {{ galleryBtns[0] }}\r\n </span>\r\n <span\r\n class=\"generic-head--gallery-btn--icon icon-menu\"\r\n ></span>\r\n </div>\r\n } @if (galleryBtns?.[1] && galleryBtns) {\r\n <div\r\n class=\"generic-head--gallery-btn\"\r\n (click)=\"openCategoryRoomModal()\"\r\n >\r\n <span class=\"generic-head--gallery-btn--text\">\r\n {{ galleryBtns[1] }}\r\n </span>\r\n <span\r\n class=\"generic-head--gallery-btn--icon icon-menu\"\r\n ></span>\r\n </div>\r\n } }\r\n </div>\r\n } @if (button) {\r\n <tent-button\r\n class=\"generic-head--contact\"\r\n type=\"dark-box\"\r\n [label]=\"button.label\"\r\n [url]=\"button.url\"\r\n ></tent-button>\r\n } @if (linkMaps) {\r\n <a class=\"generic-head--location\" [href]=\"linkMaps.url\">\r\n <span\r\n class=\"generic-head--location--icon icon-map\"\r\n ></span>\r\n <p class=\"text link\">{{ linkMaps.label }}</p>\r\n </a>\r\n } @if (linkBack) {\r\n <tent-button\r\n type=\"dark-link\"\r\n [label]=\"linkBack.label\"\r\n [icon]=\"linkBack.icon\"\r\n iconPosition=\"left\"\r\n linkSizeIcon=\"8px\"\r\n [url]=\"linkBack.url\"\r\n ></tent-button>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</section>\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;--color-icon-light: : rgb(105 61 45 / 70%);--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--stransition-basic: 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:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:36px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.figure-zoom:hover figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.1)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.generic-head{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;padding:20px 0 1px;gap:5px 0;position:relative}.generic-head--breadcrumps{align-self:flex-end;position:relative;right:-65px}@media (min-width: 1680px){.generic-head--breadcrumps{right:-75px}}@media (min-width: 1800px){.generic-head--breadcrumps{right:-100px}}.generic-head--breadcrumps--absolute{position:absolute;right:-35px}@media (min-width: 1024px){.generic-head--breadcrumps--absolute{right:-65px;top:40px}}@media (min-width: 1280px){.generic-head--breadcrumps--absolute{right:-55px;top:40px}}@media (min-width: 1366px){.generic-head--breadcrumps--absolute{right:-50px;top:40px}}@media (min-width: 1680px){.generic-head--breadcrumps--absolute{right:-95px;top:40px}}@media (min-width: 1800px){.generic-head--breadcrumps--absolute{right:-115px;top:40px}}@media (max-width: 1023px){.generic-head--breadcrumps{display:none}}.generic-head--content{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:15px;width:100%}@media (min-width: 1024px){.generic-head--content{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;flex-wrap:wrap}}.generic-head--title{align-self:flex-start}.generic-head--title span{display:block;margin-top:-10px}.generic-head--title--laundry{color:#005f87}.generic-head--title--laundry span{color:#0cc2ce}.generic-head--filter{width:100%;padding-bottom:20px}.generic-head--filter tent-dropdown::ng-deep .dropdown--wrapper{border:2px solid #e1d8d5;padding-top:11px;padding-bottom:11px;min-width:270px}.generic-head--filter tent-dropdown::ng-deep .dropdown::ng-deep .p-placeholder,.generic-head--filter tent-dropdown::ng-deep .dropdown::ng-deep .p-inputtext{font-family:var(--tent-font);font-size:19px;font-weight:700;line-height:25px;text-align:left;color:#7c4d3a;opacity:.7}.generic-head--filter tent-dropdown::ng-deep .dropdown::ng-deep .p-dropdown-trigger-icon{color:#7c4d3a;opacity:.7}.generic-head--location{display:flex;align-items:center;gap:10px}.generic-head--location--icon{width:46px;height:46px;min-width:46px;border-radius:100%;background-color:var(--color-background-2);color:var(--color-title-2);display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap}.generic-head--location p{font-family:var(--tent-font);font-size:18px;font-weight:400;line-height:28px;text-align:left}.generic-head--location:hover .text:after{width:100%}@media (min-width: 540px){.generic-head{padding:20px 0 1px}.generic-head--filter tent-dropdown{width:308px;display:block;margin:0 auto}}@media (min-width: 768px){.generic-head{padding:30px 0 1px}}@media (min-width: 1024px){.generic-head{padding:10px 0}.generic-head--title span{margin-top:0}.generic-head--filter{width:auto;padding-bottom:0}}@media (min-width: 1280px){.generic-head{padding:10px 0 20px}.generic-head--title span{margin-top:0}}@media (min-width: 1366px){.generic-head{padding:10px 0 20px}}@media (min-width: 1680px){.generic-head{padding:10px 0 20px}}@media (min-width: 1800px){.generic-head{padding:10px 0 20px}}.generic-head--filter-gallery{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap}@media (max-width: 1023px){.generic-head--filter-gallery{gap:20px}}@media (max-width: 1023px) and (max-width: 539px){.generic-head--filter-gallery{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap}}.generic-head--gallery-option{padding:2px 40px;font-family:var(--tent-font);font-size:19px;font-weight:700;line-height:25px;text-align:left;color:#693d2d;opacity:.7;cursor:pointer;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}@media (max-width: 1023px){.generic-head--gallery-option{display:none}}.generic-head--gallery-option--selected{opacity:1;background-color:#dab38d;border-radius:80px;cursor:unset}.generic-head--gallery-btn{border:1px solid #693d2d;opacity:.7;border-radius:80px;padding:6px 20px;width:calc(100% - 40px);min-width:170px;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap}@media (min-width: 1024px){.generic-head--gallery-btn{display:none}}.generic-head--gallery-btn:hover{background-color:#dab38d;opacity:1}.generic-head--gallery-btn--text{font-family:var(--tent-font);font-size:18px;font-weight:700;line-height:23.44px;text-align:left;color:#693d2d}.generic-head--gallery-btn--icon{font-size:12px;color:#693d2d}\n"] }]
|
|
3382
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"generic-head-module\">\r\n <div class=\"wrapper-big\">\r\n <div\r\n class=\"generic-head\"\r\n [ngClass]=\"{ 'generic-head--bigger': bigger }\"\r\n >\r\n @if (breadcrumps) {\r\n <tent-breadcrump\r\n class=\"generic-head--breadcrumps\"\r\n [ngClass]=\"{ 'generic-head--breadcrumps--absolute': titleDark }\"\r\n [breadcrumps]=\"breadcrumps.breadcrumps\"\r\n [selected]=\"breadcrumps.selected\"\r\n ></tent-breadcrump>\r\n }\r\n <div class=\"generic-head--content\">\r\n @if (title) {\r\n <h1\r\n class=\"generic-head--title title--80 color--camel\"\r\n [ngClass]=\"{\r\n 'generic-head--title--laundry': theme === 'laundry'\r\n }\"\r\n >\r\n {{ title }}\r\n <span class=\"color--brown\">{{ titleDark }}</span>\r\n </h1>\r\n }\r\n <div>\r\n @if (filter) {\r\n <div class=\"generic-head--filter\">\r\n <tent-dropdown\r\n [options]=\"filter.options\"\r\n [placeholder]=\"filter.placeholder\"\r\n [value]=\"filter.value\"\r\n (change)=\"filterChanged($event)\"\r\n ></tent-dropdown>\r\n </div>\r\n\r\n } @if (galleryFilterOptions) {\r\n <div class=\"generic-head--filter-gallery\">\r\n @for (filter of galleryFilterOptions; track $index) {\r\n @if (!filter.room) {\r\n <span\r\n class=\"generic-head--gallery-option\"\r\n [ngClass]=\"{\r\n 'generic-head--gallery-option--selected':\r\n filter === galleryFilterSelected\r\n }\"\r\n (click)=\"filterGalleryClicked(filter)\"\r\n >\r\n {{ filter.label }}\r\n </span>\r\n } } @if (galleryBtns?.length) { @if (galleryBtns?.[0] &&\r\n galleryBtns) {\r\n <div\r\n class=\"generic-head--gallery-btn\"\r\n (click)=\"openGalleryCategoryModal()\"\r\n >\r\n <span class=\"generic-head--gallery-btn--text\">\r\n {{ galleryBtns[0] }}\r\n </span>\r\n <span\r\n class=\"generic-head--gallery-btn--icon icon-menu\"\r\n ></span>\r\n </div>\r\n } @if (galleryBtns?.[1] && galleryBtns) {\r\n <div\r\n class=\"generic-head--gallery-btn\"\r\n (click)=\"openCategoryRoomModal()\"\r\n >\r\n <span class=\"generic-head--gallery-btn--text\">\r\n {{ galleryBtns[1] }}\r\n </span>\r\n <span\r\n class=\"generic-head--gallery-btn--icon icon-menu\"\r\n ></span>\r\n </div>\r\n } }\r\n </div>\r\n } @if (button) {\r\n <tent-button\r\n class=\"generic-head--contact\"\r\n type=\"dark-box\"\r\n [label]=\"button.label\"\r\n [url]=\"button.url\"\r\n ></tent-button>\r\n } @if (linkMaps) {\r\n <a class=\"generic-head--location\" [href]=\"linkMaps.url\">\r\n <span\r\n class=\"generic-head--location--icon icon-map\"\r\n ></span>\r\n <p class=\"text link\">{{ linkMaps.label }}</p>\r\n </a>\r\n } @if (linkBack) {\r\n <tent-button\r\n type=\"dark-link\"\r\n [label]=\"linkBack.label\"\r\n [icon]=\"linkBack.icon\"\r\n iconPosition=\"left\"\r\n linkSizeIcon=\"8px\"\r\n [url]=\"linkBack.url\"\r\n ></tent-button>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</section>\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;--color-icon-light: : rgb(105 61 45 / 70%);--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--stransition-basic: 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:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:36px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.figure-zoom:hover figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.1)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.generic-head{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;padding:20px 0 1px;gap:5px 0;position:relative}.generic-head--breadcrumps{align-self:flex-end;position:relative;right:-65px}@media (min-width: 1680px){.generic-head--breadcrumps{right:-75px}}@media (min-width: 1800px){.generic-head--breadcrumps{right:-100px}}.generic-head--breadcrumps--absolute{position:absolute;right:-35px}@media (min-width: 1024px){.generic-head--breadcrumps--absolute{right:-65px;top:40px}}@media (min-width: 1280px){.generic-head--breadcrumps--absolute{right:-55px;top:40px}}@media (min-width: 1366px){.generic-head--breadcrumps--absolute{right:-50px;top:40px}}@media (min-width: 1680px){.generic-head--breadcrumps--absolute{right:-95px;top:40px}}@media (min-width: 1800px){.generic-head--breadcrumps--absolute{right:-115px;top:40px}}@media (max-width: 1023px){.generic-head--breadcrumps{display:none}}.generic-head--content{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:15px;width:100%}@media (min-width: 1024px){.generic-head--content{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;flex-wrap:wrap}}.generic-head--title{align-self:flex-start}.generic-head--title span{display:block;margin-top:-10px}.generic-head--title--laundry{color:#005f87}.generic-head--title--laundry span{color:#0cc2ce}.generic-head--filter{width:100%;padding-bottom:20px}.generic-head--filter tent-dropdown::ng-deep .dropdown--wrapper{border:2px solid #e1d8d5;padding-top:11px;padding-bottom:11px;min-width:270px}.generic-head--filter tent-dropdown::ng-deep .dropdown::ng-deep .p-placeholder,.generic-head--filter tent-dropdown::ng-deep .dropdown::ng-deep .p-inputtext{font-family:var(--tent-font);font-size:19px;font-weight:700;line-height:25px;text-align:left;color:#7c4d3a;opacity:.7}.generic-head--filter tent-dropdown::ng-deep .dropdown::ng-deep .p-dropdown-trigger-icon{color:#7c4d3a;opacity:.7}.generic-head--location{display:flex;align-items:center;gap:10px}.generic-head--location--icon{width:46px;height:46px;min-width:46px;border-radius:100%;background-color:var(--color-background-2);color:var(--color-title-2);display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap}.generic-head--location p{font-family:var(--tent-font);font-size:18px;font-weight:400;line-height:28px;text-align:left}.generic-head--location:hover .text:after{width:100%}@media (min-width: 540px){.generic-head{padding:20px 0 1px}.generic-head--filter tent-dropdown{width:308px;display:block;margin:0 auto}}@media (min-width: 768px){.generic-head{padding:30px 0 1px}}@media (min-width: 1024px){.generic-head{padding:10px 0}.generic-head--title span{margin-top:0}.generic-head--filter{width:auto;padding-bottom:0}}@media (min-width: 1280px){.generic-head{padding:10px 0 20px}.generic-head--title span{margin-top:0}}@media (min-width: 1366px){.generic-head{padding:10px 0 20px}}@media (min-width: 1680px){.generic-head{padding:10px 0 20px}}@media (min-width: 1800px){.generic-head{padding:10px 0 20px}}.generic-head--filter-gallery{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap}@media (max-width: 1023px){.generic-head--filter-gallery{gap:20px}}@media (max-width: 1023px) and (max-width: 539px){.generic-head--filter-gallery{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap}}.generic-head--gallery-option{padding:2px 40px;font-family:var(--tent-font);font-size:19px;font-weight:700;line-height:25px;text-align:left;color:#693d2d;opacity:.7;cursor:pointer;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}@media (max-width: 1023px){.generic-head--gallery-option{display:none}}.generic-head--gallery-option--selected{opacity:1;background-color:#dab38d;border-radius:80px;cursor:unset}.generic-head--gallery-btn{border:1px solid #693d2d;opacity:.7;border-radius:80px;padding:6px 20px;width:calc(100% - 40px);min-width:170px;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap}@media (min-width: 1024px){.generic-head--gallery-btn{display:none}}.generic-head--gallery-btn:hover{background-color:#dab38d;opacity:1}.generic-head--gallery-btn--text{font-family:var(--tent-font);font-size:18px;font-weight:700;line-height:23.44px;text-align:left;color:#693d2d}.generic-head--gallery-btn--icon{font-size:12px;color:#693d2d}\n"] }]
|
|
3326
3383
|
}], ctorParameters: () => [], propDecorators: { theme: [{
|
|
3327
3384
|
type: Input
|
|
3328
3385
|
}], galleryFilterOptions: [{
|