tent-lib 1.7.0 → 1.7.2
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/atomic/badge/badge.component.mjs +3 -3
- package/esm2022/lib/components/atomic/breadcrump/breadcrump.component.mjs +3 -3
- package/esm2022/lib/components/atomic/button/button.component.mjs +3 -3
- package/esm2022/lib/components/atomic/datepicker/datepicker.component.mjs +3 -3
- package/esm2022/lib/components/atomic/dropdown/dropdown.component.mjs +3 -3
- package/esm2022/lib/components/atomic/input/input.component.mjs +3 -3
- package/esm2022/lib/components/core/advantages/advantages.component.mjs +3 -3
- package/esm2022/lib/components/core/brunch/brunch.component.mjs +3 -3
- package/esm2022/lib/components/core/brunch-gallery/brunch-gallery.component.mjs +2 -2
- package/esm2022/lib/components/core/cards-2col/cards-2col.component.mjs +3 -3
- package/esm2022/lib/components/core/cards-3col/cards-3col.component.mjs +3 -3
- package/esm2022/lib/components/core/contact-form/contact-form.component.mjs +3 -3
- package/esm2022/lib/components/core/contact-office/contact-office.component.mjs +3 -3
- package/esm2022/lib/components/core/delivery-app/delivery-app.component.mjs +3 -3
- package/esm2022/lib/components/core/destination-hotels/destination-hotels.component.mjs +3 -3
- package/esm2022/lib/components/core/destination-info/destination-info.component.mjs +3 -3
- package/esm2022/lib/components/core/destination-list/destination-list.component.mjs +3 -3
- package/esm2022/lib/components/core/employment-benefits/employment-benefits.component.mjs +3 -3
- package/esm2022/lib/components/core/employment-form/employment-form.component.mjs +3 -3
- package/esm2022/lib/components/core/facilities-slider/facilities-slider.component.mjs +3 -3
- package/esm2022/lib/components/core/footer-a/footer-a.component.mjs +3 -3
- package/esm2022/lib/components/core/footer-b/footer-b.component.mjs +3 -3
- package/esm2022/lib/components/core/footer-static/footer-static.component.mjs +3 -3
- package/esm2022/lib/components/core/gallery-photos/gallery-photos.component.mjs +3 -3
- package/esm2022/lib/components/core/generic-head/generic-head.component.mjs +3 -3
- package/esm2022/lib/components/core/guests-popup/guests-popup.component.mjs +3 -3
- package/esm2022/lib/components/core/header/header.component.mjs +3 -3
- package/esm2022/lib/components/core/header-mobile/header-mobile.component.mjs +3 -3
- package/esm2022/lib/components/core/hotel-about/hotel-about.component.mjs +3 -3
- package/esm2022/lib/components/core/hotel-app/hotel-app.component.mjs +3 -3
- package/esm2022/lib/components/core/hotel-equipment/hotel-equipment.component.mjs +3 -3
- package/esm2022/lib/components/core/hotel-location/hotel-location.component.mjs +3 -3
- package/esm2022/lib/components/core/hotel-services/hotel-services.component.mjs +3 -3
- package/esm2022/lib/components/core/hotel-slider/hotel-slider.component.mjs +3 -3
- package/esm2022/lib/components/core/hotels-list/hotels-list.component.mjs +3 -3
- package/esm2022/lib/components/core/info-slider/info-slider.component.mjs +3 -3
- package/esm2022/lib/components/core/location-beach/location-beach.component.mjs +3 -3
- package/esm2022/lib/components/core/location-how/location-how.component.mjs +3 -3
- package/esm2022/lib/components/core/location-map/location-map.component.mjs +3 -3
- package/esm2022/lib/components/core/loyalty-form/loyalty-form.component.mjs +3 -3
- package/esm2022/lib/components/core/modals/checkin-modal/checkin-modal.component.mjs +3 -3
- package/esm2022/lib/components/core/modals/gallery-category/gallery-category.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/modals/loyalty-modal/loyalty-modal.component.mjs +3 -3
- package/esm2022/lib/components/core/modals/menu-modal/menu-modal.component.mjs +3 -3
- package/esm2022/lib/components/core/modals/newsletter-modal/newsletter-modal.component.mjs +3 -3
- package/esm2022/lib/components/core/modals/room-zoom-modal/room-zoom-modal.component.mjs +3 -3
- package/esm2022/lib/components/core/module-404/module-404.component.mjs +3 -3
- package/esm2022/lib/components/core/module-brava/module-brava.component.mjs +3 -3
- package/esm2022/lib/components/core/module-google-maps/module-google-maps.component.mjs +3 -3
- package/esm2022/lib/components/core/module-search/module-search.component.mjs +3 -3
- package/esm2022/lib/components/core/motor/motor.component.mjs +3 -3
- package/esm2022/lib/components/core/offer/offer.component.mjs +3 -3
- package/esm2022/lib/components/core/offer-banner/offer-banner.component.mjs +3 -3
- package/esm2022/lib/components/core/offer-details/offer-details.component.mjs +3 -3
- package/esm2022/lib/components/core/offer-list/offer-list.component.mjs +3 -3
- package/esm2022/lib/components/core/offer-slider/offer-slider.component.mjs +3 -3
- package/esm2022/lib/components/core/registration/registration.component.mjs +3 -3
- package/esm2022/lib/components/core/room-slider/room-slider.component.mjs +3 -3
- package/esm2022/lib/components/core/services-details/services-details.component.mjs +3 -3
- package/esm2022/lib/components/core/submenu/submenu.component.mjs +3 -3
- package/esm2022/lib/components/core/tent-carrousel-img/tent-carrousel-img.component.mjs +12 -7
- package/esm2022/lib/components/core/tent-carrousel-img/tent-carrousel-img.interface.mjs +1 -1
- package/esm2022/lib/components/core/tent-faq/tent-faq.component.mjs +3 -3
- package/esm2022/lib/components/core/tent-footer-logos/tent-footer-logos.component.mjs +3 -3
- package/esm2022/lib/components/core/tent-loyalty/tent-loyalty.component.mjs +3 -3
- package/esm2022/lib/components/core/tent-redirection/tent-redirection.component.mjs +3 -3
- package/esm2022/lib/components/core/thanks/thanks.component.mjs +3 -3
- package/esm2022/lib/components/core/top-module/top-module.component.mjs +3 -3
- package/esm2022/lib/components/core/travelers/travelers.component.mjs +3 -3
- package/esm2022/lib/components/core/webmap/webmap.component.mjs +2 -2
- package/esm2022/lib/interfaces/atomic/image.interface.mjs +1 -1
- package/fesm2022/tent-lib.mjs +148 -144
- package/fesm2022/tent-lib.mjs.map +1 -1
- package/lib/components/core/tent-carrousel-img/tent-carrousel-img.component.d.ts +5 -11
- package/lib/components/core/tent-carrousel-img/tent-carrousel-img.interface.d.ts +5 -8
- package/lib/interfaces/atomic/image.interface.d.ts +4 -0
- package/package.json +1 -1
|
@@ -24,11 +24,11 @@ export class LocationHowComponent {
|
|
|
24
24
|
this.tabActive = tabActive;
|
|
25
25
|
}
|
|
26
26
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LocationHowComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
27
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: LocationHowComponent, isStandalone: true, selector: "tent-location-how", inputs: { backgroundImage: "backgroundImage", title: "title", items: "items", links: "links" }, ngImport: i0, template: "<section class=\"location-how module-spacer--bottom\">\n <div class=\"location-how--content wrapper-big\">\n @if (backgroundImage) {\n <div class=\"location-how--maps figure-sticky\">\n <div class=\"location-how--photo figure-content\">\n <figure class=\"figure-full\" [style]=\"image\"></figure>\n </div>\n </div>\n }\n <div class=\"location-how--inner\" [ngClass]=\"[tabActive]\">\n @if (title) {\n <h3 class=\"location-how--tit title--60 color--brown\">\n {{ title }}\n </h3>\n } @if (items?.length && items) {\n <ul class=\"location-how--icons\">\n @for (item of items; track $index) {\n <li>\n <img\n src=\"/assets/tent/img/icon-location.svg\"\n alt=\"left\"\n loading=\"lazy\"\n width=\"59\"\n height=\"59\"\n class=\"location-how--iconactive\"\n />\n <span\n class=\"location-how--icon\"\n (click)=\"viewTab('tab' + ($index + 1))\"\n >\n <span\n class=\"location-how--icon--svg\"\n [ngClass]=\"item.icon\"\n ></span>\n </span>\n </li>\n }\n </ul>\n <div\n class=\"location-how--infor\"\n [ngClass]=\"collapsed ? 'close' : 'open'\"\n >\n @for (item of items; track $index) {\n <div class=\"location-how--infor--tab\">\n @if (item.title) {\n <h3\n class=\"location-beach--info--subtit subtitle color--brown-70\"\n >\n {{ item.title }}\n </h3>\n } @if (item.description) {\n <p class=\"text\">\n {{ item.description }}\n </p>\n } @if (item.additionalDescription) {\n <p class=\"text text-more\">\n {{ item.additionalDescription }}\n </p>\n }\n </div>\n\n } @if (links && links.length &&\n hasItemActiveAdditionalDescription) { @if (links[0]) {\n <tent-button\n class=\"btn-more\"\n type=\"dark-link\"\n [label]=\"links[0].label\"\n (click)=\"toggleCollapse()\"\n ></tent-button>\n } @if (links[1]) {\n <tent-button\n class=\"btn-minus\"\n type=\"dark-link\"\n [label]=\"links[1].label\"\n (click)=\"toggleCollapse()\"\n ></tent-button>\n } }\n </div>\n }\n </div>\n </div>\n</section>\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}.text strong{font-weight:700}.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:default;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}.form-error{font-family:var(--tent-font);color:#df6a6a;font-size:13px}.invalid{margin-bottom:10px}.location-how--content{padding:0}.location-how--maps{width:100%}.location-how--photo{aspect-ratio:315/210;position:relative;overflow:hidden;width:100%;border-radius:12px}.location-how--inner{padding:10px 0 20px;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.location-how--inner.tab1 .location-how--icons li:nth-child(1),.location-how--inner.tab1 .location-how--infor--tab:nth-child(1){display:block}.location-how--inner.tab1 .location-how--icons li:nth-child(1) .location-how--icon,.location-how--inner.tab1 .location-how--infor--tab:nth-child(1) .location-how--icon{border-color:transparent;color:var(--color-title);-webkit-transition:var(--SStransition);-moz-transition:var(--SStransition);-ms-transition:var(--SStransition);-o-transition:var(--SStransition);transition:var(--SStransition);opacity:1}.location-how--inner.tab1 .location-how--icons li:nth-child(1) .location-how--icon--svg,.location-how--inner.tab1 .location-how--infor--tab:nth-child(1) .location-how--icon--svg{width:56px;height:56px;min-width:46px;background-color:var(--color-title)}.location-how--inner.tab1 .location-how--icons li:nth-child(1) .location-how--iconactive,.location-how--inner.tab1 .location-how--infor--tab:nth-child(1) .location-how--iconactive{opacity:1;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.location-how--inner.tab2 .location-how--icons li:nth-child(2),.location-how--inner.tab2 .location-how--infor--tab:nth-child(2){display:block}.location-how--inner.tab2 .location-how--icons li:nth-child(2) .location-how--icon,.location-how--inner.tab2 .location-how--infor--tab:nth-child(2) .location-how--icon{border-color:transparent;color:var(--color-title);-webkit-transition:var(--SStransition);-moz-transition:var(--SStransition);-ms-transition:var(--SStransition);-o-transition:var(--SStransition);transition:var(--SStransition);opacity:1}.location-how--inner.tab2 .location-how--icons li:nth-child(2) .location-how--icon--svg,.location-how--inner.tab2 .location-how--infor--tab:nth-child(2) .location-how--icon--svg{width:56px;height:56px;min-width:46px;background-color:var(--color-title)}.location-how--inner.tab2 .location-how--icons li:nth-child(2) .location-how--iconactive,.location-how--inner.tab2 .location-how--infor--tab:nth-child(2) .location-how--iconactive{opacity:1;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.location-how--inner.tab3 .location-how--icons li:nth-child(3),.location-how--inner.tab3 .location-how--infor--tab:nth-child(3){display:block}.location-how--inner.tab3 .location-how--icons li:nth-child(3) .location-how--icon,.location-how--inner.tab3 .location-how--infor--tab:nth-child(3) .location-how--icon{border-color:transparent;color:var(--color-title);-webkit-transition:var(--SStransition);-moz-transition:var(--SStransition);-ms-transition:var(--SStransition);-o-transition:var(--SStransition);transition:var(--SStransition);opacity:1}.location-how--inner.tab3 .location-how--icons li:nth-child(3) .location-how--icon--svg,.location-how--inner.tab3 .location-how--infor--tab:nth-child(3) .location-how--icon--svg{width:56px;height:56px;min-width:46px;background-color:var(--color-title)}.location-how--inner.tab3 .location-how--icons li:nth-child(3) .location-how--iconactive,.location-how--inner.tab3 .location-how--infor--tab:nth-child(3) .location-how--iconactive{opacity:1;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.location-how--inner.tab4 .location-how--icons li:nth-child(4),.location-how--inner.tab4 .location-how--infor--tab:nth-child(4){display:block}.location-how--inner.tab4 .location-how--icons li:nth-child(4) .location-how--icon,.location-how--inner.tab4 .location-how--infor--tab:nth-child(4) .location-how--icon{border-color:transparent;color:var(--color-title);-webkit-transition:var(--SStransition);-moz-transition:var(--SStransition);-ms-transition:var(--SStransition);-o-transition:var(--SStransition);transition:var(--SStransition);opacity:1}.location-how--inner.tab4 .location-how--icons li:nth-child(4) .location-how--icon--svg,.location-how--inner.tab4 .location-how--infor--tab:nth-child(4) .location-how--icon--svg{width:56px;height:56px;min-width:46px;background-color:var(--color-title)}.location-how--inner.tab4 .location-how--icons li:nth-child(4) .location-how--iconactive,.location-how--inner.tab4 .location-how--infor--tab:nth-child(4) .location-how--iconactive{opacity:1;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.location-how--icons{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;flex-wrap:wrap;padding:20px 0 30px;gap:20px;position:relative}.location-how--icons li{position:relative}.location-how--icons li:hover .location-how--icon,.location-how--icons li.active .location-how--icon{border-color:transparent;color:var(--color-title);-webkit-transition:var(--SStransition);-moz-transition:var(--SStransition);-ms-transition:var(--SStransition);-o-transition:var(--SStransition);transition:var(--SStransition);opacity:1}.location-how--icons li:hover .location-how--icon--svg,.location-how--icons li.active .location-how--icon--svg{width:56px;height:56px;min-width:46px;background-color:var(--color-title)}.location-how--icons li:hover .location-how--iconactive,.location-how--icons li.active .location-how--iconactive{opacity:1;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.location-how--icon{width:56px;height:56px;min-width:46px;border-radius:100%;border:2px solid var(--color-title-2);color:var(--color-title-2);display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;cursor:pointer;position:relative;z-index:1;-webkit-transition:var(--Mtransition);-moz-transition:var(--Mtransition);-ms-transition:var(--Mtransition);-o-transition:var(--Mtransition);transition:var(--Mtransition);opacity:.7;font-size:22px}.location-how--icon--svg{width:56px;height:56px;min-width:46px;background-color:var(--color-title-2)}.location-how--iconactive{position:absolute;top:0;left:0;width:59px;opacity:0;z-index:0;-webkit-transition:var(--SStransition);-moz-transition:var(--SStransition);-ms-transition:var(--SStransition);-o-transition:var(--SStransition);transition:var(--SStransition)}.location-how--infor--subtit{padding-bottom:10px}.location-how--infor--tab{display:none}.location-how--infor .text{padding-bottom:10px}.location-how--infor tent-button{margin-top:15px}.location-how--infor.close .btn-minus,.location-how--infor.close .text-more,.location-how--infor.open .btn-more{display:none}@media (min-width: 540px){.location-how--content{padding:0 25px;position:relative}.location-how--maps{position:relative}.location-how--maps:before{content:\"\";height:100%;width:100%;background-color:var(--color-background-2);position:absolute;z-index:-1;width:calc(100% + 50px);left:-25px;top:50%;height:75%;border-radius:12px 12px 0 0}.location-how--inner{padding:10px 17px 35px;position:relative}.location-how--inner:before{content:\"\";width:100%;background-color:var(--color-background-2);position:absolute;z-index:-1;width:calc(100% + 50px);left:-25px;top:0%;height:100%;border-radius:0 0 12px 12px}.location-how--photo{aspect-ratio:412/276}}@media (min-width: 768px){.location-how--content{padding:0 35px;position:relative}.location-how--maps{position:relative}.location-how--maps:before{width:calc(100% + 70px);left:-35px}.location-how--inner{padding:10px 35px 35px;position:relative}.location-how--inner:before{width:calc(100% + 70px);left:-35px;top:0%}.location-how--icons{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;gap:45px}.location-how--photo{aspect-ratio:581/388}}@media (min-width: 1024px){.location-how--content{padding:0 140px;position:relative}}@media (min-width: 1280px){.location-how--content{padding:40px 65px 0;gap:0px;position:relative;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:stretch;flex-wrap:wrap}.location-how--maps{width:55%;z-index:1}.location-how--maps:before{width:calc(130% + 120px);height:calc(100% + 80px);left:-90%;top:-40px;border-radius:12px;z-index:-1}.location-how--photo{aspect-ratio:560/410}.location-how--inner{width:calc(45% - 40px);padding:0 40px 5px 0}.location-how--inner:before{content:none}.location-how--icons{justify-content:flex-start}}@media (min-width: 1366px){.location-how--photo{aspect-ratio:606/440}.location-how--inner:before{min-height:600px}}@media (min-width: 1680px){.location-how--content{padding:45px 93px 0}.location-how--photo{aspect-ratio:803/537}.location-how--inner{width:calc(45% - 55px);padding:0 55px 5px 0}.location-how--inner:before{width:calc(130% + 186px);height:calc(100% + 40px);left:-93px;top:-45px;border-radius:12px;z-index:-1;min-height:600px}}@media (min-width: 1800px){.location-how--content{padding:50px 100px 0}.location-how--photo{aspect-ratio:861/576}.location-how--inner{width:calc(45% - 66px);padding:0 66px 5px 0}.location-how--inner:before{width:calc(130% + 200px);height:calc(100% + 50px);left:-100px;top:-50px;min-height:640px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
27
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: LocationHowComponent, isStandalone: true, selector: "tent-location-how", inputs: { backgroundImage: "backgroundImage", title: "title", items: "items", links: "links" }, ngImport: i0, template: "<section class=\"location-how module-spacer--bottom\">\n <div class=\"location-how--content wrapper-big\">\n @if (backgroundImage) {\n <div class=\"location-how--maps figure-sticky\">\n <div class=\"location-how--photo figure-content\">\n <figure class=\"figure-full\" [style]=\"image\"></figure>\n </div>\n </div>\n }\n <div class=\"location-how--inner\" [ngClass]=\"[tabActive]\">\n @if (title) {\n <h3 class=\"location-how--tit title--60 color--brown\">\n {{ title }}\n </h3>\n } @if (items?.length && items) {\n <ul class=\"location-how--icons\">\n @for (item of items; track $index) {\n <li>\n <img\n src=\"/assets/tent/img/icon-location.svg\"\n alt=\"left\"\n loading=\"lazy\"\n width=\"59\"\n height=\"59\"\n class=\"location-how--iconactive\"\n />\n <span\n class=\"location-how--icon\"\n (click)=\"viewTab('tab' + ($index + 1))\"\n >\n <span\n class=\"location-how--icon--svg\"\n [ngClass]=\"item.icon\"\n ></span>\n </span>\n </li>\n }\n </ul>\n <div\n class=\"location-how--infor\"\n [ngClass]=\"collapsed ? 'close' : 'open'\"\n >\n @for (item of items; track $index) {\n <div class=\"location-how--infor--tab\">\n @if (item.title) {\n <h3\n class=\"location-beach--info--subtit subtitle color--brown-70\"\n >\n {{ item.title }}\n </h3>\n } @if (item.description) {\n <p class=\"text\">\n {{ item.description }}\n </p>\n } @if (item.additionalDescription) {\n <p class=\"text text-more\">\n {{ item.additionalDescription }}\n </p>\n }\n </div>\n\n } @if (links && links.length &&\n hasItemActiveAdditionalDescription) { @if (links[0]) {\n <tent-button\n class=\"btn-more\"\n type=\"dark-link\"\n [label]=\"links[0].label\"\n (click)=\"toggleCollapse()\"\n ></tent-button>\n } @if (links[1]) {\n <tent-button\n class=\"btn-minus\"\n type=\"dark-link\"\n [label]=\"links[1].label\"\n (click)=\"toggleCollapse()\"\n ></tent-button>\n } }\n </div>\n }\n </div>\n </div>\n</section>\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}.text strong{font-weight:700}.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--20{font-weight:700;font-size:16px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--20{font-size:16px}}@media (min-width: 768px){.title--20{font-size:16px}}@media (min-width: 1024px){.title--20{font-size:18px}}@media (min-width: 1680px){.title--20{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:default;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}.form-error{font-family:var(--tent-font);color:#df6a6a;font-size:13px}.invalid{margin-bottom:10px}.location-how--content{padding:0}.location-how--maps{width:100%}.location-how--photo{aspect-ratio:315/210;position:relative;overflow:hidden;width:100%;border-radius:12px}.location-how--inner{padding:10px 0 20px;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.location-how--inner.tab1 .location-how--icons li:nth-child(1),.location-how--inner.tab1 .location-how--infor--tab:nth-child(1){display:block}.location-how--inner.tab1 .location-how--icons li:nth-child(1) .location-how--icon,.location-how--inner.tab1 .location-how--infor--tab:nth-child(1) .location-how--icon{border-color:transparent;color:var(--color-title);-webkit-transition:var(--SStransition);-moz-transition:var(--SStransition);-ms-transition:var(--SStransition);-o-transition:var(--SStransition);transition:var(--SStransition);opacity:1}.location-how--inner.tab1 .location-how--icons li:nth-child(1) .location-how--icon--svg,.location-how--inner.tab1 .location-how--infor--tab:nth-child(1) .location-how--icon--svg{width:56px;height:56px;min-width:46px;background-color:var(--color-title)}.location-how--inner.tab1 .location-how--icons li:nth-child(1) .location-how--iconactive,.location-how--inner.tab1 .location-how--infor--tab:nth-child(1) .location-how--iconactive{opacity:1;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.location-how--inner.tab2 .location-how--icons li:nth-child(2),.location-how--inner.tab2 .location-how--infor--tab:nth-child(2){display:block}.location-how--inner.tab2 .location-how--icons li:nth-child(2) .location-how--icon,.location-how--inner.tab2 .location-how--infor--tab:nth-child(2) .location-how--icon{border-color:transparent;color:var(--color-title);-webkit-transition:var(--SStransition);-moz-transition:var(--SStransition);-ms-transition:var(--SStransition);-o-transition:var(--SStransition);transition:var(--SStransition);opacity:1}.location-how--inner.tab2 .location-how--icons li:nth-child(2) .location-how--icon--svg,.location-how--inner.tab2 .location-how--infor--tab:nth-child(2) .location-how--icon--svg{width:56px;height:56px;min-width:46px;background-color:var(--color-title)}.location-how--inner.tab2 .location-how--icons li:nth-child(2) .location-how--iconactive,.location-how--inner.tab2 .location-how--infor--tab:nth-child(2) .location-how--iconactive{opacity:1;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.location-how--inner.tab3 .location-how--icons li:nth-child(3),.location-how--inner.tab3 .location-how--infor--tab:nth-child(3){display:block}.location-how--inner.tab3 .location-how--icons li:nth-child(3) .location-how--icon,.location-how--inner.tab3 .location-how--infor--tab:nth-child(3) .location-how--icon{border-color:transparent;color:var(--color-title);-webkit-transition:var(--SStransition);-moz-transition:var(--SStransition);-ms-transition:var(--SStransition);-o-transition:var(--SStransition);transition:var(--SStransition);opacity:1}.location-how--inner.tab3 .location-how--icons li:nth-child(3) .location-how--icon--svg,.location-how--inner.tab3 .location-how--infor--tab:nth-child(3) .location-how--icon--svg{width:56px;height:56px;min-width:46px;background-color:var(--color-title)}.location-how--inner.tab3 .location-how--icons li:nth-child(3) .location-how--iconactive,.location-how--inner.tab3 .location-how--infor--tab:nth-child(3) .location-how--iconactive{opacity:1;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.location-how--inner.tab4 .location-how--icons li:nth-child(4),.location-how--inner.tab4 .location-how--infor--tab:nth-child(4){display:block}.location-how--inner.tab4 .location-how--icons li:nth-child(4) .location-how--icon,.location-how--inner.tab4 .location-how--infor--tab:nth-child(4) .location-how--icon{border-color:transparent;color:var(--color-title);-webkit-transition:var(--SStransition);-moz-transition:var(--SStransition);-ms-transition:var(--SStransition);-o-transition:var(--SStransition);transition:var(--SStransition);opacity:1}.location-how--inner.tab4 .location-how--icons li:nth-child(4) .location-how--icon--svg,.location-how--inner.tab4 .location-how--infor--tab:nth-child(4) .location-how--icon--svg{width:56px;height:56px;min-width:46px;background-color:var(--color-title)}.location-how--inner.tab4 .location-how--icons li:nth-child(4) .location-how--iconactive,.location-how--inner.tab4 .location-how--infor--tab:nth-child(4) .location-how--iconactive{opacity:1;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.location-how--icons{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;flex-wrap:wrap;padding:20px 0 30px;gap:20px;position:relative}.location-how--icons li{position:relative}.location-how--icons li:hover .location-how--icon,.location-how--icons li.active .location-how--icon{border-color:transparent;color:var(--color-title);-webkit-transition:var(--SStransition);-moz-transition:var(--SStransition);-ms-transition:var(--SStransition);-o-transition:var(--SStransition);transition:var(--SStransition);opacity:1}.location-how--icons li:hover .location-how--icon--svg,.location-how--icons li.active .location-how--icon--svg{width:56px;height:56px;min-width:46px;background-color:var(--color-title)}.location-how--icons li:hover .location-how--iconactive,.location-how--icons li.active .location-how--iconactive{opacity:1;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.location-how--icon{width:56px;height:56px;min-width:46px;border-radius:100%;border:2px solid var(--color-title-2);color:var(--color-title-2);display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;cursor:pointer;position:relative;z-index:1;-webkit-transition:var(--Mtransition);-moz-transition:var(--Mtransition);-ms-transition:var(--Mtransition);-o-transition:var(--Mtransition);transition:var(--Mtransition);opacity:.7;font-size:22px}.location-how--icon--svg{width:56px;height:56px;min-width:46px;background-color:var(--color-title-2)}.location-how--iconactive{position:absolute;top:0;left:0;width:59px;opacity:0;z-index:0;-webkit-transition:var(--SStransition);-moz-transition:var(--SStransition);-ms-transition:var(--SStransition);-o-transition:var(--SStransition);transition:var(--SStransition)}.location-how--infor--subtit{padding-bottom:10px}.location-how--infor--tab{display:none}.location-how--infor .text{padding-bottom:10px}.location-how--infor tent-button{margin-top:15px}.location-how--infor.close .btn-minus,.location-how--infor.close .text-more,.location-how--infor.open .btn-more{display:none}@media (min-width: 540px){.location-how--content{padding:0 25px;position:relative}.location-how--maps{position:relative}.location-how--maps:before{content:\"\";height:100%;width:100%;background-color:var(--color-background-2);position:absolute;z-index:-1;width:calc(100% + 50px);left:-25px;top:50%;height:75%;border-radius:12px 12px 0 0}.location-how--inner{padding:10px 17px 35px;position:relative}.location-how--inner:before{content:\"\";width:100%;background-color:var(--color-background-2);position:absolute;z-index:-1;width:calc(100% + 50px);left:-25px;top:0%;height:100%;border-radius:0 0 12px 12px}.location-how--photo{aspect-ratio:412/276}}@media (min-width: 768px){.location-how--content{padding:0 35px;position:relative}.location-how--maps{position:relative}.location-how--maps:before{width:calc(100% + 70px);left:-35px}.location-how--inner{padding:10px 35px 35px;position:relative}.location-how--inner:before{width:calc(100% + 70px);left:-35px;top:0%}.location-how--icons{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;gap:45px}.location-how--photo{aspect-ratio:581/388}}@media (min-width: 1024px){.location-how--content{padding:0 140px;position:relative}}@media (min-width: 1280px){.location-how--content{padding:40px 65px 0;gap:0px;position:relative;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:stretch;flex-wrap:wrap}.location-how--maps{width:55%;z-index:1}.location-how--maps:before{width:calc(130% + 120px);height:calc(100% + 80px);left:-90%;top:-40px;border-radius:12px;z-index:-1}.location-how--photo{aspect-ratio:560/410}.location-how--inner{width:calc(45% - 40px);padding:0 40px 5px 0}.location-how--inner:before{content:none}.location-how--icons{justify-content:flex-start}}@media (min-width: 1366px){.location-how--photo{aspect-ratio:606/440}.location-how--inner:before{min-height:600px}}@media (min-width: 1680px){.location-how--content{padding:45px 93px 0}.location-how--photo{aspect-ratio:803/537}.location-how--inner{width:calc(45% - 55px);padding:0 55px 5px 0}.location-how--inner:before{width:calc(130% + 186px);height:calc(100% + 40px);left:-93px;top:-45px;border-radius:12px;z-index:-1;min-height:600px}}@media (min-width: 1800px){.location-how--content{padding:50px 100px 0}.location-how--photo{aspect-ratio:861/576}.location-how--inner{width:calc(45% - 66px);padding:0 66px 5px 0}.location-how--inner:before{width:calc(130% + 200px);height:calc(100% + 50px);left:-100px;top:-50px;min-height:640px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
28
28
|
}
|
|
29
29
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LocationHowComponent, decorators: [{
|
|
30
30
|
type: Component,
|
|
31
|
-
args: [{ selector: 'tent-location-how', standalone: true, imports: [CommonModule, ButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"location-how module-spacer--bottom\">\n <div class=\"location-how--content wrapper-big\">\n @if (backgroundImage) {\n <div class=\"location-how--maps figure-sticky\">\n <div class=\"location-how--photo figure-content\">\n <figure class=\"figure-full\" [style]=\"image\"></figure>\n </div>\n </div>\n }\n <div class=\"location-how--inner\" [ngClass]=\"[tabActive]\">\n @if (title) {\n <h3 class=\"location-how--tit title--60 color--brown\">\n {{ title }}\n </h3>\n } @if (items?.length && items) {\n <ul class=\"location-how--icons\">\n @for (item of items; track $index) {\n <li>\n <img\n src=\"/assets/tent/img/icon-location.svg\"\n alt=\"left\"\n loading=\"lazy\"\n width=\"59\"\n height=\"59\"\n class=\"location-how--iconactive\"\n />\n <span\n class=\"location-how--icon\"\n (click)=\"viewTab('tab' + ($index + 1))\"\n >\n <span\n class=\"location-how--icon--svg\"\n [ngClass]=\"item.icon\"\n ></span>\n </span>\n </li>\n }\n </ul>\n <div\n class=\"location-how--infor\"\n [ngClass]=\"collapsed ? 'close' : 'open'\"\n >\n @for (item of items; track $index) {\n <div class=\"location-how--infor--tab\">\n @if (item.title) {\n <h3\n class=\"location-beach--info--subtit subtitle color--brown-70\"\n >\n {{ item.title }}\n </h3>\n } @if (item.description) {\n <p class=\"text\">\n {{ item.description }}\n </p>\n } @if (item.additionalDescription) {\n <p class=\"text text-more\">\n {{ item.additionalDescription }}\n </p>\n }\n </div>\n\n } @if (links && links.length &&\n hasItemActiveAdditionalDescription) { @if (links[0]) {\n <tent-button\n class=\"btn-more\"\n type=\"dark-link\"\n [label]=\"links[0].label\"\n (click)=\"toggleCollapse()\"\n ></tent-button>\n } @if (links[1]) {\n <tent-button\n class=\"btn-minus\"\n type=\"dark-link\"\n [label]=\"links[1].label\"\n (click)=\"toggleCollapse()\"\n ></tent-button>\n } }\n </div>\n }\n </div>\n </div>\n</section>\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}.text strong{font-weight:700}.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:default;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}.form-error{font-family:var(--tent-font);color:#df6a6a;font-size:13px}.invalid{margin-bottom:10px}.location-how--content{padding:0}.location-how--maps{width:100%}.location-how--photo{aspect-ratio:315/210;position:relative;overflow:hidden;width:100%;border-radius:12px}.location-how--inner{padding:10px 0 20px;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.location-how--inner.tab1 .location-how--icons li:nth-child(1),.location-how--inner.tab1 .location-how--infor--tab:nth-child(1){display:block}.location-how--inner.tab1 .location-how--icons li:nth-child(1) .location-how--icon,.location-how--inner.tab1 .location-how--infor--tab:nth-child(1) .location-how--icon{border-color:transparent;color:var(--color-title);-webkit-transition:var(--SStransition);-moz-transition:var(--SStransition);-ms-transition:var(--SStransition);-o-transition:var(--SStransition);transition:var(--SStransition);opacity:1}.location-how--inner.tab1 .location-how--icons li:nth-child(1) .location-how--icon--svg,.location-how--inner.tab1 .location-how--infor--tab:nth-child(1) .location-how--icon--svg{width:56px;height:56px;min-width:46px;background-color:var(--color-title)}.location-how--inner.tab1 .location-how--icons li:nth-child(1) .location-how--iconactive,.location-how--inner.tab1 .location-how--infor--tab:nth-child(1) .location-how--iconactive{opacity:1;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.location-how--inner.tab2 .location-how--icons li:nth-child(2),.location-how--inner.tab2 .location-how--infor--tab:nth-child(2){display:block}.location-how--inner.tab2 .location-how--icons li:nth-child(2) .location-how--icon,.location-how--inner.tab2 .location-how--infor--tab:nth-child(2) .location-how--icon{border-color:transparent;color:var(--color-title);-webkit-transition:var(--SStransition);-moz-transition:var(--SStransition);-ms-transition:var(--SStransition);-o-transition:var(--SStransition);transition:var(--SStransition);opacity:1}.location-how--inner.tab2 .location-how--icons li:nth-child(2) .location-how--icon--svg,.location-how--inner.tab2 .location-how--infor--tab:nth-child(2) .location-how--icon--svg{width:56px;height:56px;min-width:46px;background-color:var(--color-title)}.location-how--inner.tab2 .location-how--icons li:nth-child(2) .location-how--iconactive,.location-how--inner.tab2 .location-how--infor--tab:nth-child(2) .location-how--iconactive{opacity:1;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.location-how--inner.tab3 .location-how--icons li:nth-child(3),.location-how--inner.tab3 .location-how--infor--tab:nth-child(3){display:block}.location-how--inner.tab3 .location-how--icons li:nth-child(3) .location-how--icon,.location-how--inner.tab3 .location-how--infor--tab:nth-child(3) .location-how--icon{border-color:transparent;color:var(--color-title);-webkit-transition:var(--SStransition);-moz-transition:var(--SStransition);-ms-transition:var(--SStransition);-o-transition:var(--SStransition);transition:var(--SStransition);opacity:1}.location-how--inner.tab3 .location-how--icons li:nth-child(3) .location-how--icon--svg,.location-how--inner.tab3 .location-how--infor--tab:nth-child(3) .location-how--icon--svg{width:56px;height:56px;min-width:46px;background-color:var(--color-title)}.location-how--inner.tab3 .location-how--icons li:nth-child(3) .location-how--iconactive,.location-how--inner.tab3 .location-how--infor--tab:nth-child(3) .location-how--iconactive{opacity:1;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.location-how--inner.tab4 .location-how--icons li:nth-child(4),.location-how--inner.tab4 .location-how--infor--tab:nth-child(4){display:block}.location-how--inner.tab4 .location-how--icons li:nth-child(4) .location-how--icon,.location-how--inner.tab4 .location-how--infor--tab:nth-child(4) .location-how--icon{border-color:transparent;color:var(--color-title);-webkit-transition:var(--SStransition);-moz-transition:var(--SStransition);-ms-transition:var(--SStransition);-o-transition:var(--SStransition);transition:var(--SStransition);opacity:1}.location-how--inner.tab4 .location-how--icons li:nth-child(4) .location-how--icon--svg,.location-how--inner.tab4 .location-how--infor--tab:nth-child(4) .location-how--icon--svg{width:56px;height:56px;min-width:46px;background-color:var(--color-title)}.location-how--inner.tab4 .location-how--icons li:nth-child(4) .location-how--iconactive,.location-how--inner.tab4 .location-how--infor--tab:nth-child(4) .location-how--iconactive{opacity:1;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.location-how--icons{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;flex-wrap:wrap;padding:20px 0 30px;gap:20px;position:relative}.location-how--icons li{position:relative}.location-how--icons li:hover .location-how--icon,.location-how--icons li.active .location-how--icon{border-color:transparent;color:var(--color-title);-webkit-transition:var(--SStransition);-moz-transition:var(--SStransition);-ms-transition:var(--SStransition);-o-transition:var(--SStransition);transition:var(--SStransition);opacity:1}.location-how--icons li:hover .location-how--icon--svg,.location-how--icons li.active .location-how--icon--svg{width:56px;height:56px;min-width:46px;background-color:var(--color-title)}.location-how--icons li:hover .location-how--iconactive,.location-how--icons li.active .location-how--iconactive{opacity:1;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.location-how--icon{width:56px;height:56px;min-width:46px;border-radius:100%;border:2px solid var(--color-title-2);color:var(--color-title-2);display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;cursor:pointer;position:relative;z-index:1;-webkit-transition:var(--Mtransition);-moz-transition:var(--Mtransition);-ms-transition:var(--Mtransition);-o-transition:var(--Mtransition);transition:var(--Mtransition);opacity:.7;font-size:22px}.location-how--icon--svg{width:56px;height:56px;min-width:46px;background-color:var(--color-title-2)}.location-how--iconactive{position:absolute;top:0;left:0;width:59px;opacity:0;z-index:0;-webkit-transition:var(--SStransition);-moz-transition:var(--SStransition);-ms-transition:var(--SStransition);-o-transition:var(--SStransition);transition:var(--SStransition)}.location-how--infor--subtit{padding-bottom:10px}.location-how--infor--tab{display:none}.location-how--infor .text{padding-bottom:10px}.location-how--infor tent-button{margin-top:15px}.location-how--infor.close .btn-minus,.location-how--infor.close .text-more,.location-how--infor.open .btn-more{display:none}@media (min-width: 540px){.location-how--content{padding:0 25px;position:relative}.location-how--maps{position:relative}.location-how--maps:before{content:\"\";height:100%;width:100%;background-color:var(--color-background-2);position:absolute;z-index:-1;width:calc(100% + 50px);left:-25px;top:50%;height:75%;border-radius:12px 12px 0 0}.location-how--inner{padding:10px 17px 35px;position:relative}.location-how--inner:before{content:\"\";width:100%;background-color:var(--color-background-2);position:absolute;z-index:-1;width:calc(100% + 50px);left:-25px;top:0%;height:100%;border-radius:0 0 12px 12px}.location-how--photo{aspect-ratio:412/276}}@media (min-width: 768px){.location-how--content{padding:0 35px;position:relative}.location-how--maps{position:relative}.location-how--maps:before{width:calc(100% + 70px);left:-35px}.location-how--inner{padding:10px 35px 35px;position:relative}.location-how--inner:before{width:calc(100% + 70px);left:-35px;top:0%}.location-how--icons{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;gap:45px}.location-how--photo{aspect-ratio:581/388}}@media (min-width: 1024px){.location-how--content{padding:0 140px;position:relative}}@media (min-width: 1280px){.location-how--content{padding:40px 65px 0;gap:0px;position:relative;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:stretch;flex-wrap:wrap}.location-how--maps{width:55%;z-index:1}.location-how--maps:before{width:calc(130% + 120px);height:calc(100% + 80px);left:-90%;top:-40px;border-radius:12px;z-index:-1}.location-how--photo{aspect-ratio:560/410}.location-how--inner{width:calc(45% - 40px);padding:0 40px 5px 0}.location-how--inner:before{content:none}.location-how--icons{justify-content:flex-start}}@media (min-width: 1366px){.location-how--photo{aspect-ratio:606/440}.location-how--inner:before{min-height:600px}}@media (min-width: 1680px){.location-how--content{padding:45px 93px 0}.location-how--photo{aspect-ratio:803/537}.location-how--inner{width:calc(45% - 55px);padding:0 55px 5px 0}.location-how--inner:before{width:calc(130% + 186px);height:calc(100% + 40px);left:-93px;top:-45px;border-radius:12px;z-index:-1;min-height:600px}}@media (min-width: 1800px){.location-how--content{padding:50px 100px 0}.location-how--photo{aspect-ratio:861/576}.location-how--inner{width:calc(45% - 66px);padding:0 66px 5px 0}.location-how--inner:before{width:calc(130% + 200px);height:calc(100% + 50px);left:-100px;top:-50px;min-height:640px}}\n"] }]
|
|
31
|
+
args: [{ selector: 'tent-location-how', standalone: true, imports: [CommonModule, ButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"location-how module-spacer--bottom\">\n <div class=\"location-how--content wrapper-big\">\n @if (backgroundImage) {\n <div class=\"location-how--maps figure-sticky\">\n <div class=\"location-how--photo figure-content\">\n <figure class=\"figure-full\" [style]=\"image\"></figure>\n </div>\n </div>\n }\n <div class=\"location-how--inner\" [ngClass]=\"[tabActive]\">\n @if (title) {\n <h3 class=\"location-how--tit title--60 color--brown\">\n {{ title }}\n </h3>\n } @if (items?.length && items) {\n <ul class=\"location-how--icons\">\n @for (item of items; track $index) {\n <li>\n <img\n src=\"/assets/tent/img/icon-location.svg\"\n alt=\"left\"\n loading=\"lazy\"\n width=\"59\"\n height=\"59\"\n class=\"location-how--iconactive\"\n />\n <span\n class=\"location-how--icon\"\n (click)=\"viewTab('tab' + ($index + 1))\"\n >\n <span\n class=\"location-how--icon--svg\"\n [ngClass]=\"item.icon\"\n ></span>\n </span>\n </li>\n }\n </ul>\n <div\n class=\"location-how--infor\"\n [ngClass]=\"collapsed ? 'close' : 'open'\"\n >\n @for (item of items; track $index) {\n <div class=\"location-how--infor--tab\">\n @if (item.title) {\n <h3\n class=\"location-beach--info--subtit subtitle color--brown-70\"\n >\n {{ item.title }}\n </h3>\n } @if (item.description) {\n <p class=\"text\">\n {{ item.description }}\n </p>\n } @if (item.additionalDescription) {\n <p class=\"text text-more\">\n {{ item.additionalDescription }}\n </p>\n }\n </div>\n\n } @if (links && links.length &&\n hasItemActiveAdditionalDescription) { @if (links[0]) {\n <tent-button\n class=\"btn-more\"\n type=\"dark-link\"\n [label]=\"links[0].label\"\n (click)=\"toggleCollapse()\"\n ></tent-button>\n } @if (links[1]) {\n <tent-button\n class=\"btn-minus\"\n type=\"dark-link\"\n [label]=\"links[1].label\"\n (click)=\"toggleCollapse()\"\n ></tent-button>\n } }\n </div>\n }\n </div>\n </div>\n</section>\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}.text strong{font-weight:700}.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--20{font-weight:700;font-size:16px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--20{font-size:16px}}@media (min-width: 768px){.title--20{font-size:16px}}@media (min-width: 1024px){.title--20{font-size:18px}}@media (min-width: 1680px){.title--20{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:default;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}.form-error{font-family:var(--tent-font);color:#df6a6a;font-size:13px}.invalid{margin-bottom:10px}.location-how--content{padding:0}.location-how--maps{width:100%}.location-how--photo{aspect-ratio:315/210;position:relative;overflow:hidden;width:100%;border-radius:12px}.location-how--inner{padding:10px 0 20px;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.location-how--inner.tab1 .location-how--icons li:nth-child(1),.location-how--inner.tab1 .location-how--infor--tab:nth-child(1){display:block}.location-how--inner.tab1 .location-how--icons li:nth-child(1) .location-how--icon,.location-how--inner.tab1 .location-how--infor--tab:nth-child(1) .location-how--icon{border-color:transparent;color:var(--color-title);-webkit-transition:var(--SStransition);-moz-transition:var(--SStransition);-ms-transition:var(--SStransition);-o-transition:var(--SStransition);transition:var(--SStransition);opacity:1}.location-how--inner.tab1 .location-how--icons li:nth-child(1) .location-how--icon--svg,.location-how--inner.tab1 .location-how--infor--tab:nth-child(1) .location-how--icon--svg{width:56px;height:56px;min-width:46px;background-color:var(--color-title)}.location-how--inner.tab1 .location-how--icons li:nth-child(1) .location-how--iconactive,.location-how--inner.tab1 .location-how--infor--tab:nth-child(1) .location-how--iconactive{opacity:1;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.location-how--inner.tab2 .location-how--icons li:nth-child(2),.location-how--inner.tab2 .location-how--infor--tab:nth-child(2){display:block}.location-how--inner.tab2 .location-how--icons li:nth-child(2) .location-how--icon,.location-how--inner.tab2 .location-how--infor--tab:nth-child(2) .location-how--icon{border-color:transparent;color:var(--color-title);-webkit-transition:var(--SStransition);-moz-transition:var(--SStransition);-ms-transition:var(--SStransition);-o-transition:var(--SStransition);transition:var(--SStransition);opacity:1}.location-how--inner.tab2 .location-how--icons li:nth-child(2) .location-how--icon--svg,.location-how--inner.tab2 .location-how--infor--tab:nth-child(2) .location-how--icon--svg{width:56px;height:56px;min-width:46px;background-color:var(--color-title)}.location-how--inner.tab2 .location-how--icons li:nth-child(2) .location-how--iconactive,.location-how--inner.tab2 .location-how--infor--tab:nth-child(2) .location-how--iconactive{opacity:1;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.location-how--inner.tab3 .location-how--icons li:nth-child(3),.location-how--inner.tab3 .location-how--infor--tab:nth-child(3){display:block}.location-how--inner.tab3 .location-how--icons li:nth-child(3) .location-how--icon,.location-how--inner.tab3 .location-how--infor--tab:nth-child(3) .location-how--icon{border-color:transparent;color:var(--color-title);-webkit-transition:var(--SStransition);-moz-transition:var(--SStransition);-ms-transition:var(--SStransition);-o-transition:var(--SStransition);transition:var(--SStransition);opacity:1}.location-how--inner.tab3 .location-how--icons li:nth-child(3) .location-how--icon--svg,.location-how--inner.tab3 .location-how--infor--tab:nth-child(3) .location-how--icon--svg{width:56px;height:56px;min-width:46px;background-color:var(--color-title)}.location-how--inner.tab3 .location-how--icons li:nth-child(3) .location-how--iconactive,.location-how--inner.tab3 .location-how--infor--tab:nth-child(3) .location-how--iconactive{opacity:1;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.location-how--inner.tab4 .location-how--icons li:nth-child(4),.location-how--inner.tab4 .location-how--infor--tab:nth-child(4){display:block}.location-how--inner.tab4 .location-how--icons li:nth-child(4) .location-how--icon,.location-how--inner.tab4 .location-how--infor--tab:nth-child(4) .location-how--icon{border-color:transparent;color:var(--color-title);-webkit-transition:var(--SStransition);-moz-transition:var(--SStransition);-ms-transition:var(--SStransition);-o-transition:var(--SStransition);transition:var(--SStransition);opacity:1}.location-how--inner.tab4 .location-how--icons li:nth-child(4) .location-how--icon--svg,.location-how--inner.tab4 .location-how--infor--tab:nth-child(4) .location-how--icon--svg{width:56px;height:56px;min-width:46px;background-color:var(--color-title)}.location-how--inner.tab4 .location-how--icons li:nth-child(4) .location-how--iconactive,.location-how--inner.tab4 .location-how--infor--tab:nth-child(4) .location-how--iconactive{opacity:1;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.location-how--icons{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;flex-wrap:wrap;padding:20px 0 30px;gap:20px;position:relative}.location-how--icons li{position:relative}.location-how--icons li:hover .location-how--icon,.location-how--icons li.active .location-how--icon{border-color:transparent;color:var(--color-title);-webkit-transition:var(--SStransition);-moz-transition:var(--SStransition);-ms-transition:var(--SStransition);-o-transition:var(--SStransition);transition:var(--SStransition);opacity:1}.location-how--icons li:hover .location-how--icon--svg,.location-how--icons li.active .location-how--icon--svg{width:56px;height:56px;min-width:46px;background-color:var(--color-title)}.location-how--icons li:hover .location-how--iconactive,.location-how--icons li.active .location-how--iconactive{opacity:1;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.location-how--icon{width:56px;height:56px;min-width:46px;border-radius:100%;border:2px solid var(--color-title-2);color:var(--color-title-2);display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;cursor:pointer;position:relative;z-index:1;-webkit-transition:var(--Mtransition);-moz-transition:var(--Mtransition);-ms-transition:var(--Mtransition);-o-transition:var(--Mtransition);transition:var(--Mtransition);opacity:.7;font-size:22px}.location-how--icon--svg{width:56px;height:56px;min-width:46px;background-color:var(--color-title-2)}.location-how--iconactive{position:absolute;top:0;left:0;width:59px;opacity:0;z-index:0;-webkit-transition:var(--SStransition);-moz-transition:var(--SStransition);-ms-transition:var(--SStransition);-o-transition:var(--SStransition);transition:var(--SStransition)}.location-how--infor--subtit{padding-bottom:10px}.location-how--infor--tab{display:none}.location-how--infor .text{padding-bottom:10px}.location-how--infor tent-button{margin-top:15px}.location-how--infor.close .btn-minus,.location-how--infor.close .text-more,.location-how--infor.open .btn-more{display:none}@media (min-width: 540px){.location-how--content{padding:0 25px;position:relative}.location-how--maps{position:relative}.location-how--maps:before{content:\"\";height:100%;width:100%;background-color:var(--color-background-2);position:absolute;z-index:-1;width:calc(100% + 50px);left:-25px;top:50%;height:75%;border-radius:12px 12px 0 0}.location-how--inner{padding:10px 17px 35px;position:relative}.location-how--inner:before{content:\"\";width:100%;background-color:var(--color-background-2);position:absolute;z-index:-1;width:calc(100% + 50px);left:-25px;top:0%;height:100%;border-radius:0 0 12px 12px}.location-how--photo{aspect-ratio:412/276}}@media (min-width: 768px){.location-how--content{padding:0 35px;position:relative}.location-how--maps{position:relative}.location-how--maps:before{width:calc(100% + 70px);left:-35px}.location-how--inner{padding:10px 35px 35px;position:relative}.location-how--inner:before{width:calc(100% + 70px);left:-35px;top:0%}.location-how--icons{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;gap:45px}.location-how--photo{aspect-ratio:581/388}}@media (min-width: 1024px){.location-how--content{padding:0 140px;position:relative}}@media (min-width: 1280px){.location-how--content{padding:40px 65px 0;gap:0px;position:relative;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:stretch;flex-wrap:wrap}.location-how--maps{width:55%;z-index:1}.location-how--maps:before{width:calc(130% + 120px);height:calc(100% + 80px);left:-90%;top:-40px;border-radius:12px;z-index:-1}.location-how--photo{aspect-ratio:560/410}.location-how--inner{width:calc(45% - 40px);padding:0 40px 5px 0}.location-how--inner:before{content:none}.location-how--icons{justify-content:flex-start}}@media (min-width: 1366px){.location-how--photo{aspect-ratio:606/440}.location-how--inner:before{min-height:600px}}@media (min-width: 1680px){.location-how--content{padding:45px 93px 0}.location-how--photo{aspect-ratio:803/537}.location-how--inner{width:calc(45% - 55px);padding:0 55px 5px 0}.location-how--inner:before{width:calc(130% + 186px);height:calc(100% + 40px);left:-93px;top:-45px;border-radius:12px;z-index:-1;min-height:600px}}@media (min-width: 1800px){.location-how--content{padding:50px 100px 0}.location-how--photo{aspect-ratio:861/576}.location-how--inner{width:calc(45% - 66px);padding:0 66px 5px 0}.location-how--inner:before{width:calc(130% + 200px);height:calc(100% + 50px);left:-100px;top:-50px;min-height:640px}}\n"] }]
|
|
32
32
|
}], ctorParameters: () => [{ type: i1.DomSanitizer }], propDecorators: { backgroundImage: [{
|
|
33
33
|
type: Input
|
|
34
34
|
}], title: [{
|
|
@@ -38,4 +38,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
38
38
|
}], links: [{
|
|
39
39
|
type: Input
|
|
40
40
|
}] } });
|
|
41
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9jYXRpb24taG93LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RlbnQvc3JjL2xpYi9jb21wb25lbnRzL2NvcmUvbG9jYXRpb24taG93L2xvY2F0aW9uLWhvdy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90ZW50L3NyYy9saWIvY29tcG9uZW50cy9jb3JlL2xvY2F0aW9uLWhvdy9sb2NhdGlvbi1ob3cuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQzs7OztBQVd2RSxNQUFNLE9BQU8sb0JBQW9CO0lBUzdCLElBQUksS0FBSztRQUNMLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyx3QkFBd0IsQ0FDMUMseUJBQXlCLElBQUksQ0FBQyxlQUFlLEdBQUcsQ0FDbkQsQ0FBQztJQUNOLENBQUM7SUFFRCxJQUFJLGtDQUFrQztRQUNsQyxPQUFPLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQztZQUN6RCxFQUFFLHFCQUFxQixDQUFDO0lBQ2hDLENBQUM7SUFFRCxZQUE2QixTQUF1QjtRQUF2QixjQUFTLEdBQVQsU0FBUyxDQUFjO1FBZHBELGNBQVMsR0FBRyxNQUFNLENBQUM7UUFDbkIsY0FBUyxHQUFHLElBQUksQ0FBQztJQWFzQyxDQUFDO0lBRXhELGNBQWM7UUFDVixJQUFJLENBQUMsU0FBUyxHQUFHLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUNyQyxDQUFDO0lBRUQsT0FBTyxDQUFDLFNBQWlCO1FBQ3JCLElBQUksQ0FBQyxTQUFTLEdBQUcsU0FBUyxDQUFDO0lBQy9CLENBQUM7K0dBNUJRLG9CQUFvQjttR0FBcEIsb0JBQW9CLDZLQ2JqQyxxbkdBa0ZBLG91MUJEMUVjLFlBQVksNkhBQUUsZUFBZTs7NEZBSzlCLG9CQUFvQjtrQkFSaEMsU0FBUzsrQkFDSSxtQkFBbUIsY0FDakIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGVBQWUsQ0FBQyxtQkFHdkIsdUJBQXVCLENBQUMsTUFBTTtpRkFHdEMsZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vYXRvbWljL2J1dHRvbi9idXR0b24uY29tcG9uZW50JztcbmltcG9ydCB7IEJ1dHRvbkkgfSBmcm9tICcuLi8uLi8uLi9pbnRlcmZhY2VzL2F0b21pYy9idXR0b24uaW50ZXJmYWNlJztcbmltcG9ydCB7IERvbVNhbml0aXplciwgU2FmZVN0eWxlIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3RlbnQtbG9jYXRpb24taG93JyxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEJ1dHRvbkNvbXBvbmVudF0sXG4gICAgdGVtcGxhdGVVcmw6ICcuL2xvY2F0aW9uLWhvdy5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmw6ICcuL2xvY2F0aW9uLWhvdy5jb21wb25lbnQuc2NzcycsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIExvY2F0aW9uSG93Q29tcG9uZW50IHtcbiAgICBASW5wdXQoKSBiYWNrZ3JvdW5kSW1hZ2U/OiBzdHJpbmc7XG4gICAgQElucHV0KCkgdGl0bGU/OiBzdHJpbmc7XG4gICAgQElucHV0KCkgaXRlbXM/OiBMb2NhdGlvbkhvd0l0ZW1bXTtcbiAgICBASW5wdXQoKSBsaW5rcz86IEJ1dHRvbklbXTtcblxuICAgIHRhYkFjdGl2ZSA9ICd0YWIxJztcbiAgICBjb2xsYXBzZWQgPSB0cnVlO1xuXG4gICAgZ2V0IGltYWdlKCk6IFNhZmVTdHlsZSB7XG4gICAgICAgIHJldHVybiB0aGlzLnNhbml0aXplci5ieXBhc3NTZWN1cml0eVRydXN0U3R5bGUoXG4gICAgICAgICAgICBgYmFja2dyb3VuZC1pbWFnZTogdXJsKCR7dGhpcy5iYWNrZ3JvdW5kSW1hZ2V9KWBcbiAgICAgICAgKTtcbiAgICB9XG5cbiAgICBnZXQgaGFzSXRlbUFjdGl2ZUFkZGl0aW9uYWxEZXNjcmlwdGlvbigpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuaXRlbXM/LltOdW1iZXIodGhpcy50YWJBY3RpdmUuc3Vic3RyaW5nKC0xKSkgLSAxXVxuICAgICAgICAgICAgPy5hZGRpdGlvbmFsRGVzY3JpcHRpb247XG4gICAgfVxuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSBzYW5pdGl6ZXI6IERvbVNhbml0aXplcikge31cblxuICAgIHRvZ2dsZUNvbGxhcHNlKCk6IHZvaWQge1xuICAgICAgICB0aGlzLmNvbGxhcHNlZCA9ICF0aGlzLmNvbGxhcHNlZDtcbiAgICB9XG5cbiAgICB2aWV3VGFiKHRhYkFjdGl2ZTogc3RyaW5nKTogdm9pZCB7XG4gICAgICAgIHRoaXMudGFiQWN0aXZlID0gdGFiQWN0aXZlO1xuICAgIH1cbn1cblxuZXhwb3J0IGludGVyZmFjZSBMb2NhdGlvbkhvd0l0ZW0ge1xuICAgIGljb24/OiBzdHJpbmc7XG4gICAgdGl0bGU/OiBzdHJpbmc7XG4gICAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gICAgYWRkaXRpb25hbERlc2NyaXB0aW9uPzogc3RyaW5nO1xufVxuIiwiPHNlY3Rpb24gY2xhc3M9XCJsb2NhdGlvbi1ob3cgbW9kdWxlLXNwYWNlci0tYm90dG9tXCI+XG4gICAgPGRpdiBjbGFzcz1cImxvY2F0aW9uLWhvdy0tY29udGVudCB3cmFwcGVyLWJpZ1wiPlxuICAgICAgICBAaWYgKGJhY2tncm91bmRJbWFnZSkge1xuICAgICAgICA8ZGl2IGNsYXNzPVwibG9jYXRpb24taG93LS1tYXBzIGZpZ3VyZS1zdGlja3lcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsb2NhdGlvbi1ob3ctLXBob3RvIGZpZ3VyZS1jb250ZW50XCI+XG4gICAgICAgICAgICAgICAgPGZpZ3VyZSBjbGFzcz1cImZpZ3VyZS1mdWxsXCIgW3N0eWxlXT1cImltYWdlXCI+PC9maWd1cmU+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIH1cbiAgICAgICAgPGRpdiBjbGFzcz1cImxvY2F0aW9uLWhvdy0taW5uZXJcIiBbbmdDbGFzc109XCJbdGFiQWN0aXZlXVwiPlxuICAgICAgICAgICAgQGlmICh0aXRsZSkge1xuICAgICAgICAgICAgPGgzIGNsYXNzPVwibG9jYXRpb24taG93LS10aXQgdGl0bGUtLTYwIGNvbG9yLS1icm93blwiPlxuICAgICAgICAgICAgICAgIHt7IHRpdGxlIH19XG4gICAgICAgICAgICA8L2gzPlxuICAgICAgICAgICAgfSBAaWYgKGl0ZW1zPy5sZW5ndGggJiYgaXRlbXMpIHtcbiAgICAgICAgICAgIDx1bCBjbGFzcz1cImxvY2F0aW9uLWhvdy0taWNvbnNcIj5cbiAgICAgICAgICAgICAgICBAZm9yIChpdGVtIG9mIGl0ZW1zOyB0cmFjayAkaW5kZXgpIHtcbiAgICAgICAgICAgICAgICA8bGk+XG4gICAgICAgICAgICAgICAgICAgIDxpbWdcbiAgICAgICAgICAgICAgICAgICAgICAgIHNyYz1cIi9hc3NldHMvdGVudC9pbWcvaWNvbi1sb2NhdGlvbi5zdmdcIlxuICAgICAgICAgICAgICAgICAgICAgICAgYWx0PVwibGVmdFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBsb2FkaW5nPVwibGF6eVwiXG4gICAgICAgICAgICAgICAgICAgICAgICB3aWR0aD1cIjU5XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIGhlaWdodD1cIjU5XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwibG9jYXRpb24taG93LS1pY29uYWN0aXZlXCJcbiAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwibG9jYXRpb24taG93LS1pY29uXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJ2aWV3VGFiKCd0YWInICsgKCRpbmRleCArIDEpKVwiXG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJsb2NhdGlvbi1ob3ctLWljb24tLXN2Z1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwiaXRlbS5pY29uXCJcbiAgICAgICAgICAgICAgICAgICAgICAgID48L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8L2xpPlxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDwvdWw+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY2xhc3M9XCJsb2NhdGlvbi1ob3ctLWluZm9yXCJcbiAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJjb2xsYXBzZWQgPyAnY2xvc2UnIDogJ29wZW4nXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICBAZm9yIChpdGVtIG9mIGl0ZW1zOyB0cmFjayAkaW5kZXgpIHtcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibG9jYXRpb24taG93LS1pbmZvci0tdGFiXCI+XG4gICAgICAgICAgICAgICAgICAgIEBpZiAoaXRlbS50aXRsZSkge1xuICAgICAgICAgICAgICAgICAgICA8aDNcbiAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwibG9jYXRpb24tYmVhY2gtLWluZm8tLXN1YnRpdCBzdWJ0aXRsZSBjb2xvci0tYnJvd24tNzBcIlxuICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICB7eyBpdGVtLnRpdGxlIH19XG4gICAgICAgICAgICAgICAgICAgIDwvaDM+XG4gICAgICAgICAgICAgICAgICAgIH0gQGlmIChpdGVtLmRlc2NyaXB0aW9uKSB7XG4gICAgICAgICAgICAgICAgICAgIDxwIGNsYXNzPVwidGV4dFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAge3sgaXRlbS5kZXNjcmlwdGlvbiB9fVxuICAgICAgICAgICAgICAgICAgICA8L3A+XG4gICAgICAgICAgICAgICAgICAgIH0gQGlmIChpdGVtLmFkZGl0aW9uYWxEZXNjcmlwdGlvbikge1xuICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cInRleHQgdGV4dC1tb3JlXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICB7eyBpdGVtLmFkZGl0aW9uYWxEZXNjcmlwdGlvbiB9fVxuICAgICAgICAgICAgICAgICAgICA8L3A+XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgICAgICAgIH0gQGlmIChsaW5rcyAmJiBsaW5rcy5sZW5ndGggJiZcbiAgICAgICAgICAgICAgICBoYXNJdGVtQWN0aXZlQWRkaXRpb25hbERlc2NyaXB0aW9uKSB7IEBpZiAobGlua3NbMF0pIHtcbiAgICAgICAgICAgICAgICA8dGVudC1idXR0b25cbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJidG4tbW9yZVwiXG4gICAgICAgICAgICAgICAgICAgIHR5cGU9XCJkYXJrLWxpbmtcIlxuICAgICAgICAgICAgICAgICAgICBbbGFiZWxdPVwibGlua3NbMF0ubGFiZWxcIlxuICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwidG9nZ2xlQ29sbGFwc2UoKVwiXG4gICAgICAgICAgICAgICAgPjwvdGVudC1idXR0b24+XG4gICAgICAgICAgICAgICAgfSBAaWYgKGxpbmtzWzFdKSB7XG4gICAgICAgICAgICAgICAgPHRlbnQtYnV0dG9uXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiYnRuLW1pbnVzXCJcbiAgICAgICAgICAgICAgICAgICAgdHlwZT1cImRhcmstbGlua1wiXG4gICAgICAgICAgICAgICAgICAgIFtsYWJlbF09XCJsaW5rc1sxXS5sYWJlbFwiXG4gICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJ0b2dnbGVDb2xsYXBzZSgpXCJcbiAgICAgICAgICAgICAgICA+PC90ZW50LWJ1dHRvbj5cbiAgICAgICAgICAgICAgICB9IH1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgfVxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbjwvc2VjdGlvbj5cbiJdfQ==
|