tent-lib 0.0.50 → 0.0.52
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/dropdown/dropdown.component.mjs +10 -4
- package/esm2022/lib/components/core/advantages/advantages.component.mjs +6 -2
- package/esm2022/lib/components/core/cards-2col/cards-2col.component.mjs +2 -2
- package/esm2022/lib/components/core/cards-3col/cards-3col.component.mjs +8 -4
- package/esm2022/lib/components/core/destination-info/destination-info.component.mjs +3 -3
- package/esm2022/lib/components/core/guests-popup/guests-popup.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 +8 -4
- 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-slider/offer-slider.component.mjs +8 -4
- package/esm2022/lib/components/core/rooms-slider/rooms-slider.component.mjs +8 -4
- package/esm2022/lib/components/core/top-module/top-module.component.mjs +8 -4
- package/esm2022/lib/components/core/travelers/travelers.component.mjs +8 -4
- package/fesm2022/tent-lib.mjs +68 -34
- package/fesm2022/tent-lib.mjs.map +1 -1
- package/lib/components/atomic/dropdown/dropdown.component.d.ts +2 -1
- package/package.json +1 -1
|
@@ -11,11 +11,11 @@ export class OfferComponent {
|
|
|
11
11
|
this.sanitizer = sanitizer;
|
|
12
12
|
}
|
|
13
13
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: OfferComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: OfferComponent, isStandalone: true, selector: "tent-offer", inputs: { image: "image", title: "title", description: "description", price: "price", priceLabel: "priceLabel", currency: "currency", badge: "badge", badgePrice: "badgePrice", buttons: "buttons" }, ngImport: i0, template: "<section class=\"offer-box\">\r\n <div class=\"offer-box--content\">\r\n @if(badge) {\r\n <tent-badge\r\n class=\"offer-box--badgetHotel\"\r\n [rounded]=\"true\"\r\n [label]=\"badge.label\"\r\n ></tent-badge>\r\n }\r\n <div class=\"offer-box--photo figure-content\">\r\n <figure class=\"figure-full\" [style]=\"getImage\"></figure>\r\n </div>\r\n\r\n <div class=\"offer-box--head\">\r\n <div class=\"offer-box--headinner\">\r\n <div class=\"offer-box--infocontent\">\r\n @if(badgePrice) {\r\n <tent-badge\r\n class=\"offer-box--badgetPrice\"\r\n [rounded]=\"true\"\r\n [label]=\"badgePrice.label\"\r\n ></tent-badge>\r\n }\r\n <div class=\"offer-box--info\">\r\n <h3 class=\"title--30 color--brown\">\r\n {{ title }}\r\n </h3>\r\n <div class=\"offer-box--price\">\r\n <span class=\"title--18 color--camel\">{{\r\n priceLabel\r\n }}</span>\r\n <p class=\"title--42 color--brown\">\r\n {{ price\r\n }}<span class=\"title--32\">{{ currency }}</span>\r\n </p>\r\n </div>\r\n </div>\r\n <div class=\"offer-box--btns\">\r\n @for (btn of buttons; track $index) {\r\n <tent-button\r\n [type]=\"btn.type!\"\r\n [icon]=\"btn.icon\"\r\n [iconPosition]=\"btn.iconPosition\"\r\n [label]=\"btn.label\"\r\n [url]=\"btn.url\"\r\n [linkType]=\"btn.linkType!\"\r\n ></tent-button>\r\n\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</section>\r\n", styles: [":root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693D2D;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693E2E;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:-.02em;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:-.02em;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:-.02em}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:-.02em}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-.02em}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-.02em}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:-.02em}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:38px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-.03em}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:-.03em}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 768px){.title--54{font-size:54px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:-.03em}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:-.04em}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:-.04em}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:-.02em;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{transition:var(--Stransition)}.figure-zoom:hover figure{transition:var(--Stransition);transform:scale(1.5)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;transition:var(--Stransition);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:50px;height:50px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.offer-box--content{padding-top:15px;position:relative}.offer-box--photo{height:200px}.offer-box--badgetHotel{position:absolute;top:0;left:50%;transform:translate(-50%)}.offer-box--head{position:relative;width:fit-content}.offer-box--headinner{width:fit-content;left:50%;position:relative;transform:translate(-50%)}.offer-box--infocontent{background-color:#fff;padding:20px 0;border-radius:12px 12px 0 0}.offer-box--badgetPrice{display:inline-block;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.offer-box--badgetPrice ::ng-deep .badge{background-color:var(--color-badge-4);color:#693d2d}.offer-box--info{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap;padding:0;gap:10px 40px;width:100%;text-align:center}.offer-box--price{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap}.offer-box--price .title--42{font-size:42px}.offer-box--btns{position:relative;padding-bottom:0;gap:12px 0;display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;flex-wrap:wrap}.offer-box--btns ::ng-deep .btn--box{width:220px}@media (min-width: 540px){.offer-box--content{padding:0 28px}.offer-box--photo{height:255px}.offer-box--badgetHotel{top:15px;left:43px;transform:none}.offer-box--head{padding:0 15px}}@media (min-width: 768px){.offer-box--photo{height:357px}.offer-box--badgetHotel{top:25px;left:60px}.offer-box--badgetPrice{left:0;transform:none}.offer-box--head{padding:0 30px;width:-webkit-fill-available}.offer-box--headinner{width:auto;left:auto;position:relative;transform:none}.offer-box--info{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;flex-wrap:nowrap;text-align:left;gap:0px 60px}.offer-box--price{align-items:flex-end}.offer-box--btns{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:12px 0;padding:20px 0 0}}@media (min-width: 1024px){.offer-box--photo{height:407px}.offer-box--content{padding:0 70px 100px}.offer-box--badgetHotel{top:25px;left:100px}.offer-box--head{position:absolute;bottom:0;margin-bottom:0;left:0;padding:0 100px}.offer-box--infocontent{padding:18px 28px}.offer-box--badgetPrice{position:relative;top:auto}}@media (min-width: 1280px){.offer-box--photo{height:331px}.offer-box--content{padding:0 0 120px}.offer-box--badgetHotel{top:25px;left:25px}.offer-box--head{padding:0 20px}.offer-box--info{gap:0px 30px}.offer-box--infocontent{padding:18px}}@media (min-width: 1366px){.offer-box--photo{height:407px}}@media (min-width: 1680px){.offer-box--photo{height:441px}.offer-box--infocontent{padding:18px 30px}}@media (min-width: 1800px){.offer-box--photo{height:441px}}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "tent-button", inputs: ["type", "label", "url", "linkType", "icon", "socialMedia", "iconPosition", "boxWidth", "innerContent", "linkSizeIcon", "target", "closeButton"], outputs: ["btnClick"] }, { kind: "component", type: BadgeComponent, selector: "tent-badge", inputs: ["orientation", "rounded", "label"] }] }); }
|
|
14
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: OfferComponent, isStandalone: true, selector: "tent-offer", inputs: { image: "image", title: "title", description: "description", price: "price", priceLabel: "priceLabel", currency: "currency", badge: "badge", badgePrice: "badgePrice", buttons: "buttons" }, ngImport: i0, template: "<section class=\"offer-box\">\r\n <div class=\"offer-box--content\">\r\n @if(badge) {\r\n <tent-badge\r\n class=\"offer-box--badgetHotel\"\r\n [rounded]=\"true\"\r\n [label]=\"badge.label\"\r\n ></tent-badge>\r\n }\r\n <div class=\"offer-box--photo figure-content\">\r\n <figure class=\"figure-full\" [style]=\"getImage\"></figure>\r\n </div>\r\n\r\n <div class=\"offer-box--head\">\r\n <div class=\"offer-box--headinner\">\r\n <div class=\"offer-box--infocontent\">\r\n @if(badgePrice) {\r\n <tent-badge\r\n class=\"offer-box--badgetPrice\"\r\n [rounded]=\"true\"\r\n [label]=\"badgePrice.label\"\r\n ></tent-badge>\r\n }\r\n <div class=\"offer-box--info\">\r\n <h3 class=\"title--30 color--brown\">\r\n {{ title }}\r\n </h3>\r\n <div class=\"offer-box--price\">\r\n <span class=\"title--18 color--camel\">{{\r\n priceLabel\r\n }}</span>\r\n <p class=\"title--42 color--brown\">\r\n {{ price\r\n }}<span class=\"title--32\">{{ currency }}</span>\r\n </p>\r\n </div>\r\n </div>\r\n <div class=\"offer-box--btns\">\r\n @for (btn of buttons; track $index) {\r\n <tent-button\r\n [type]=\"btn.type!\"\r\n [icon]=\"btn.icon\"\r\n [iconPosition]=\"btn.iconPosition\"\r\n [label]=\"btn.label\"\r\n [url]=\"btn.url\"\r\n [linkType]=\"btn.linkType!\"\r\n ></tent-button>\r\n\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</section>\r\n", styles: [":root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693D2D;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693E2E;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:-.02em;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:-.02em;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:-.02em}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:-.02em}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-.02em}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-.02em}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:-.02em}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:38px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-.03em}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:-.03em}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 768px){.title--54{font-size:54px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:-.03em}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:-.04em}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:-.04em}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:-.02em;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{transition:var(--Stransition)}.figure-zoom:hover figure{transition:var(--Stransition);transform:scale(1.5)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;transition:var(--Stransition);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:50px;height:50px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.offer-box--content{padding-top:15px;position:relative}.offer-box--photo{aspect-ratio:314/200;position:relative;overflow:hidden;width:100%;border-radius:12px}.offer-box--badgetHotel{position:absolute;top:0;left:50%;transform:translate(-50%)}.offer-box--head{position:relative;width:fit-content}.offer-box--headinner{width:fit-content;left:50%;position:relative;transform:translate(-50%)}.offer-box--infocontent{background-color:#fff;padding:20px 0;border-radius:12px 12px 0 0}.offer-box--badgetPrice{display:inline-block;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.offer-box--badgetPrice ::ng-deep .badge{background-color:var(--color-badge-4);color:#693d2d}.offer-box--info{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap;padding:0;gap:10px 40px;width:100%;text-align:center}.offer-box--price{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap}.offer-box--price .title--42{font-size:42px}.offer-box--btns{position:relative;padding-bottom:0;gap:12px 0;display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;flex-wrap:wrap}.offer-box--btns ::ng-deep .btn--box{width:220px}@media (min-width: 540px){.offer-box--content{padding:0 28px}.offer-box--photo{aspect-ratio:400/255}.offer-box--badgetHotel{top:15px;left:43px;transform:none}.offer-box--head{padding:0 15px}}@media (min-width: 768px){.offer-box--photo{aspect-ratio:560/357}.offer-box--badgetHotel{top:25px;left:60px}.offer-box--badgetPrice{left:0;transform:none}.offer-box--head{padding:0 30px;width:-webkit-fill-available}.offer-box--headinner{width:auto;left:auto;position:relative;transform:none}.offer-box--info{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;flex-wrap:nowrap;text-align:left;gap:0px 60px}.offer-box--price{align-items:flex-end}.offer-box--btns{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:12px 0;padding:20px 0 0}}@media (min-width: 1024px){.offer-box--photo{aspect-ratio:637/407}.offer-box--content{padding:0 70px 100px}.offer-box--badgetHotel{top:25px;left:100px}.offer-box--head{position:absolute;bottom:0;margin-bottom:0;left:0;padding:0 100px}.offer-box--infocontent{padding:18px 28px}.offer-box--badgetPrice{position:relative;top:auto}}@media (min-width: 1280px){.offer-box--photo{aspect-ratio:314/200}.offer-box--content{padding:0 0 120px}.offer-box--badgetHotel{top:25px;left:25px}.offer-box--head{padding:0 20px}.offer-box--info{gap:0px 30px}.offer-box--infocontent{padding:18px}}@media (min-width: 1366px){.offer-box--photo{aspect-ratio:510/325}}@media (min-width: 1680px){.offer-box--photo{aspect-ratio:518/331}.offer-box--infocontent{padding:18px 30px}}@media (min-width: 1800px){.offer-box--photo{aspect-ratio:637/407}}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "tent-button", inputs: ["type", "label", "url", "linkType", "icon", "socialMedia", "iconPosition", "boxWidth", "innerContent", "linkSizeIcon", "target", "closeButton"], outputs: ["btnClick"] }, { kind: "component", type: BadgeComponent, selector: "tent-badge", inputs: ["orientation", "rounded", "label"] }] }); }
|
|
15
15
|
}
|
|
16
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: OfferComponent, decorators: [{
|
|
17
17
|
type: Component,
|
|
18
|
-
args: [{ selector: 'tent-offer', standalone: true, imports: [ButtonComponent, BadgeComponent], template: "<section class=\"offer-box\">\r\n <div class=\"offer-box--content\">\r\n @if(badge) {\r\n <tent-badge\r\n class=\"offer-box--badgetHotel\"\r\n [rounded]=\"true\"\r\n [label]=\"badge.label\"\r\n ></tent-badge>\r\n }\r\n <div class=\"offer-box--photo figure-content\">\r\n <figure class=\"figure-full\" [style]=\"getImage\"></figure>\r\n </div>\r\n\r\n <div class=\"offer-box--head\">\r\n <div class=\"offer-box--headinner\">\r\n <div class=\"offer-box--infocontent\">\r\n @if(badgePrice) {\r\n <tent-badge\r\n class=\"offer-box--badgetPrice\"\r\n [rounded]=\"true\"\r\n [label]=\"badgePrice.label\"\r\n ></tent-badge>\r\n }\r\n <div class=\"offer-box--info\">\r\n <h3 class=\"title--30 color--brown\">\r\n {{ title }}\r\n </h3>\r\n <div class=\"offer-box--price\">\r\n <span class=\"title--18 color--camel\">{{\r\n priceLabel\r\n }}</span>\r\n <p class=\"title--42 color--brown\">\r\n {{ price\r\n }}<span class=\"title--32\">{{ currency }}</span>\r\n </p>\r\n </div>\r\n </div>\r\n <div class=\"offer-box--btns\">\r\n @for (btn of buttons; track $index) {\r\n <tent-button\r\n [type]=\"btn.type!\"\r\n [icon]=\"btn.icon\"\r\n [iconPosition]=\"btn.iconPosition\"\r\n [label]=\"btn.label\"\r\n [url]=\"btn.url\"\r\n [linkType]=\"btn.linkType!\"\r\n ></tent-button>\r\n\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</section>\r\n", styles: [":root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693D2D;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693E2E;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:-.02em;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:-.02em;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:-.02em}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:-.02em}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-.02em}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-.02em}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:-.02em}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:38px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-.03em}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:-.03em}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 768px){.title--54{font-size:54px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:-.03em}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:-.04em}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:-.04em}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:-.02em;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{transition:var(--Stransition)}.figure-zoom:hover figure{transition:var(--Stransition);transform:scale(1.5)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;transition:var(--Stransition);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:50px;height:50px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.offer-box--content{padding-top:15px;position:relative}.offer-box--photo{height:200px}.offer-box--badgetHotel{position:absolute;top:0;left:50%;transform:translate(-50%)}.offer-box--head{position:relative;width:fit-content}.offer-box--headinner{width:fit-content;left:50%;position:relative;transform:translate(-50%)}.offer-box--infocontent{background-color:#fff;padding:20px 0;border-radius:12px 12px 0 0}.offer-box--badgetPrice{display:inline-block;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.offer-box--badgetPrice ::ng-deep .badge{background-color:var(--color-badge-4);color:#693d2d}.offer-box--info{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap;padding:0;gap:10px 40px;width:100%;text-align:center}.offer-box--price{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap}.offer-box--price .title--42{font-size:42px}.offer-box--btns{position:relative;padding-bottom:0;gap:12px 0;display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;flex-wrap:wrap}.offer-box--btns ::ng-deep .btn--box{width:220px}@media (min-width: 540px){.offer-box--content{padding:0 28px}.offer-box--photo{height:255px}.offer-box--badgetHotel{top:15px;left:43px;transform:none}.offer-box--head{padding:0 15px}}@media (min-width: 768px){.offer-box--photo{height:357px}.offer-box--badgetHotel{top:25px;left:60px}.offer-box--badgetPrice{left:0;transform:none}.offer-box--head{padding:0 30px;width:-webkit-fill-available}.offer-box--headinner{width:auto;left:auto;position:relative;transform:none}.offer-box--info{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;flex-wrap:nowrap;text-align:left;gap:0px 60px}.offer-box--price{align-items:flex-end}.offer-box--btns{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:12px 0;padding:20px 0 0}}@media (min-width: 1024px){.offer-box--photo{height:407px}.offer-box--content{padding:0 70px 100px}.offer-box--badgetHotel{top:25px;left:100px}.offer-box--head{position:absolute;bottom:0;margin-bottom:0;left:0;padding:0 100px}.offer-box--infocontent{padding:18px 28px}.offer-box--badgetPrice{position:relative;top:auto}}@media (min-width: 1280px){.offer-box--photo{height:331px}.offer-box--content{padding:0 0 120px}.offer-box--badgetHotel{top:25px;left:25px}.offer-box--head{padding:0 20px}.offer-box--info{gap:0px 30px}.offer-box--infocontent{padding:18px}}@media (min-width: 1366px){.offer-box--photo{height:407px}}@media (min-width: 1680px){.offer-box--photo{height:441px}.offer-box--infocontent{padding:18px 30px}}@media (min-width: 1800px){.offer-box--photo{height:441px}}\n"] }]
|
|
18
|
+
args: [{ selector: 'tent-offer', standalone: true, imports: [ButtonComponent, BadgeComponent], template: "<section class=\"offer-box\">\r\n <div class=\"offer-box--content\">\r\n @if(badge) {\r\n <tent-badge\r\n class=\"offer-box--badgetHotel\"\r\n [rounded]=\"true\"\r\n [label]=\"badge.label\"\r\n ></tent-badge>\r\n }\r\n <div class=\"offer-box--photo figure-content\">\r\n <figure class=\"figure-full\" [style]=\"getImage\"></figure>\r\n </div>\r\n\r\n <div class=\"offer-box--head\">\r\n <div class=\"offer-box--headinner\">\r\n <div class=\"offer-box--infocontent\">\r\n @if(badgePrice) {\r\n <tent-badge\r\n class=\"offer-box--badgetPrice\"\r\n [rounded]=\"true\"\r\n [label]=\"badgePrice.label\"\r\n ></tent-badge>\r\n }\r\n <div class=\"offer-box--info\">\r\n <h3 class=\"title--30 color--brown\">\r\n {{ title }}\r\n </h3>\r\n <div class=\"offer-box--price\">\r\n <span class=\"title--18 color--camel\">{{\r\n priceLabel\r\n }}</span>\r\n <p class=\"title--42 color--brown\">\r\n {{ price\r\n }}<span class=\"title--32\">{{ currency }}</span>\r\n </p>\r\n </div>\r\n </div>\r\n <div class=\"offer-box--btns\">\r\n @for (btn of buttons; track $index) {\r\n <tent-button\r\n [type]=\"btn.type!\"\r\n [icon]=\"btn.icon\"\r\n [iconPosition]=\"btn.iconPosition\"\r\n [label]=\"btn.label\"\r\n [url]=\"btn.url\"\r\n [linkType]=\"btn.linkType!\"\r\n ></tent-button>\r\n\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</section>\r\n", styles: [":root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693D2D;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693E2E;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:-.02em;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:-.02em;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:-.02em}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:-.02em}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-.02em}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-.02em}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:-.02em}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:38px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-.03em}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:-.03em}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 768px){.title--54{font-size:54px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:-.03em}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:-.04em}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:-.04em}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:-.02em;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{transition:var(--Stransition)}.figure-zoom:hover figure{transition:var(--Stransition);transform:scale(1.5)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;transition:var(--Stransition);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:50px;height:50px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.offer-box--content{padding-top:15px;position:relative}.offer-box--photo{aspect-ratio:314/200;position:relative;overflow:hidden;width:100%;border-radius:12px}.offer-box--badgetHotel{position:absolute;top:0;left:50%;transform:translate(-50%)}.offer-box--head{position:relative;width:fit-content}.offer-box--headinner{width:fit-content;left:50%;position:relative;transform:translate(-50%)}.offer-box--infocontent{background-color:#fff;padding:20px 0;border-radius:12px 12px 0 0}.offer-box--badgetPrice{display:inline-block;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.offer-box--badgetPrice ::ng-deep .badge{background-color:var(--color-badge-4);color:#693d2d}.offer-box--info{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap;padding:0;gap:10px 40px;width:100%;text-align:center}.offer-box--price{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap}.offer-box--price .title--42{font-size:42px}.offer-box--btns{position:relative;padding-bottom:0;gap:12px 0;display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;flex-wrap:wrap}.offer-box--btns ::ng-deep .btn--box{width:220px}@media (min-width: 540px){.offer-box--content{padding:0 28px}.offer-box--photo{aspect-ratio:400/255}.offer-box--badgetHotel{top:15px;left:43px;transform:none}.offer-box--head{padding:0 15px}}@media (min-width: 768px){.offer-box--photo{aspect-ratio:560/357}.offer-box--badgetHotel{top:25px;left:60px}.offer-box--badgetPrice{left:0;transform:none}.offer-box--head{padding:0 30px;width:-webkit-fill-available}.offer-box--headinner{width:auto;left:auto;position:relative;transform:none}.offer-box--info{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;flex-wrap:nowrap;text-align:left;gap:0px 60px}.offer-box--price{align-items:flex-end}.offer-box--btns{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:12px 0;padding:20px 0 0}}@media (min-width: 1024px){.offer-box--photo{aspect-ratio:637/407}.offer-box--content{padding:0 70px 100px}.offer-box--badgetHotel{top:25px;left:100px}.offer-box--head{position:absolute;bottom:0;margin-bottom:0;left:0;padding:0 100px}.offer-box--infocontent{padding:18px 28px}.offer-box--badgetPrice{position:relative;top:auto}}@media (min-width: 1280px){.offer-box--photo{aspect-ratio:314/200}.offer-box--content{padding:0 0 120px}.offer-box--badgetHotel{top:25px;left:25px}.offer-box--head{padding:0 20px}.offer-box--info{gap:0px 30px}.offer-box--infocontent{padding:18px}}@media (min-width: 1366px){.offer-box--photo{aspect-ratio:510/325}}@media (min-width: 1680px){.offer-box--photo{aspect-ratio:518/331}.offer-box--infocontent{padding:18px 30px}}@media (min-width: 1800px){.offer-box--photo{aspect-ratio:637/407}}\n"] }]
|
|
19
19
|
}], ctorParameters: () => [{ type: i1.DomSanitizer }], propDecorators: { image: [{
|
|
20
20
|
type: Input
|
|
21
21
|
}], title: [{
|
|
@@ -35,4 +35,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
|
|
|
35
35
|
}], buttons: [{
|
|
36
36
|
type: Input
|
|
37
37
|
}] } });
|
|
38
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2ZmZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGVudC9zcmMvbGliL2NvbXBvbmVudHMvY29yZS9vZmZlci9vZmZlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90ZW50L3NyYy9saWIvY29tcG9uZW50cy9jb3JlL29mZmVyL29mZmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUN2RSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sb0NBQW9DLENBQUM7OztBQVdwRSxNQUFNLE9BQU8sY0FBYztJQVd2QixJQUFJLFFBQVE7UUFDUixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsd0JBQXdCLENBQzFDLHlCQUF5QixJQUFJLENBQUMsS0FBSyxHQUFHLENBQ3pDLENBQUM7SUFDTixDQUFDO0lBRUQsWUFBNkIsU0FBdUI7UUFBdkIsY0FBUyxHQUFULFNBQVMsQ0FBYztJQUFHLENBQUM7OEdBakIvQyxjQUFjO2tHQUFkLGNBQWMsNFFDYjNCLDR2RUF1REEsZ29sQkQ5Q2MsZUFBZSx5T0FBRSxjQUFjOzsyRkFJaEMsY0FBYztrQkFQMUIsU0FBUzsrQkFDSSxZQUFZLGNBQ1YsSUFBSSxXQUNQLENBQUMsZUFBZSxFQUFFLGNBQWMsQ0FBQztpRkFLakMsS0FBSztzQkFBYixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBCdXR0b25Db21wb25lbnQgfSBmcm9tICcuLi8uLi9hdG9taWMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBCYWRnZUNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2F0b21pYy9iYWRnZS9iYWRnZS5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBEb21TYW5pdGl6ZXIsIFNhZmVTdHlsZSB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xyXG5pbXBvcnQgeyBCYWRnZUkgfSBmcm9tICcuLi8uLi8uLi9pbnRlcmZhY2VzL2F0b21pYy9iYWRnZS5pbnRlcmZhY2UnO1xyXG5pbXBvcnQgeyBCdXR0b25JIH0gZnJvbSAnLi4vLi4vLi4vaW50ZXJmYWNlcy9hdG9taWMvYnV0dG9uLmludGVyZmFjZSc7XHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICd0ZW50LW9mZmVyJyxcclxuICAgIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgICBpbXBvcnRzOiBbQnV0dG9uQ29tcG9uZW50LCBCYWRnZUNvbXBvbmVudF0sXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vb2ZmZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmw6ICcuL29mZmVyLmNvbXBvbmVudC5zY3NzJyxcclxufSlcclxuZXhwb3J0IGNsYXNzIE9mZmVyQ29tcG9uZW50IHtcclxuICAgIEBJbnB1dCgpIGltYWdlITogc3RyaW5nO1xyXG4gICAgQElucHV0KCkgdGl0bGUhOiBzdHJpbmc7XHJcbiAgICBASW5wdXQoKSBkZXNjcmlwdGlvbiE6IHN0cmluZztcclxuICAgIEBJbnB1dCgpIHByaWNlITogc3RyaW5nO1xyXG4gICAgQElucHV0KCkgcHJpY2VMYWJlbCE6IHN0cmluZztcclxuICAgIEBJbnB1dCgpIGN1cnJlbmN5ITogc3RyaW5nO1xyXG4gICAgQElucHV0KCkgYmFkZ2U/OiBCYWRnZUk7XHJcbiAgICBASW5wdXQoKSBiYWRnZVByaWNlPzogQmFkZ2VJO1xyXG4gICAgQElucHV0KCkgYnV0dG9ucz86IEJ1dHRvbklbXTtcclxuXHJcbiAgICBnZXQgZ2V0SW1hZ2UoKTogU2FmZVN0eWxlIHtcclxuICAgICAgICByZXR1cm4gdGhpcy5zYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdFN0eWxlKFxyXG4gICAgICAgICAgICBgYmFja2dyb3VuZC1pbWFnZTogdXJsKCR7dGhpcy5pbWFnZX0pYFxyXG4gICAgICAgICk7XHJcbiAgICB9XHJcblxyXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSBzYW5pdGl6ZXI6IERvbVNhbml0aXplcikge31cclxufVxyXG4iLCI8c2VjdGlvbiBjbGFzcz1cIm9mZmVyLWJveFwiPlxyXG4gICAgPGRpdiBjbGFzcz1cIm9mZmVyLWJveC0tY29udGVudFwiPlxyXG4gICAgICAgIEBpZihiYWRnZSkge1xyXG4gICAgICAgIDx0ZW50LWJhZGdlXHJcbiAgICAgICAgICAgIGNsYXNzPVwib2ZmZXItYm94LS1iYWRnZXRIb3RlbFwiXHJcbiAgICAgICAgICAgIFtyb3VuZGVkXT1cInRydWVcIlxyXG4gICAgICAgICAgICBbbGFiZWxdPVwiYmFkZ2UubGFiZWxcIlxyXG4gICAgICAgID48L3RlbnQtYmFkZ2U+XHJcbiAgICAgICAgfVxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJvZmZlci1ib3gtLXBob3RvIGZpZ3VyZS1jb250ZW50XCI+XHJcbiAgICAgICAgICAgIDxmaWd1cmUgY2xhc3M9XCJmaWd1cmUtZnVsbFwiIFtzdHlsZV09XCJnZXRJbWFnZVwiPjwvZmlndXJlPlxyXG4gICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwib2ZmZXItYm94LS1oZWFkXCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJvZmZlci1ib3gtLWhlYWRpbm5lclwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm9mZmVyLWJveC0taW5mb2NvbnRlbnRcIj5cclxuICAgICAgICAgICAgICAgICAgICBAaWYoYmFkZ2VQcmljZSkge1xyXG4gICAgICAgICAgICAgICAgICAgIDx0ZW50LWJhZGdlXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwib2ZmZXItYm94LS1iYWRnZXRQcmljZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtyb3VuZGVkXT1cInRydWVcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBbbGFiZWxdPVwiYmFkZ2VQcmljZS5sYWJlbFwiXHJcbiAgICAgICAgICAgICAgICAgICAgPjwvdGVudC1iYWRnZT5cclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm9mZmVyLWJveC0taW5mb1wiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8aDMgY2xhc3M9XCJ0aXRsZS0tMzAgY29sb3ItLWJyb3duXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7eyB0aXRsZSB9fVxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2gzPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwib2ZmZXItYm94LS1wcmljZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ0aXRsZS0tMTggY29sb3ItLWNhbWVsXCI+e3tcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBwcmljZUxhYmVsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9fTwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwIGNsYXNzPVwidGl0bGUtLTQyIGNvbG9yLS1icm93blwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7IHByaWNlXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfX08c3BhbiBjbGFzcz1cInRpdGxlLS0zMlwiPnt7IGN1cnJlbmN5IH19PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9wPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwib2ZmZXItYm94LS1idG5zXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIEBmb3IgKGJ0biBvZiBidXR0b25zOyB0cmFjayAkaW5kZXgpIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgPHRlbnQtYnV0dG9uXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbdHlwZV09XCJidG4udHlwZSFcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW2ljb25dPVwiYnRuLmljb25cIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW2ljb25Qb3NpdGlvbl09XCJidG4uaWNvblBvc2l0aW9uXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtsYWJlbF09XCJidG4ubGFiZWxcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW3VybF09XCJidG4udXJsXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtsaW5rVHlwZV09XCJidG4ubGlua1R5cGUhXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgPjwvdGVudC1idXR0b24+XHJcblxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9zZWN0aW9uPlxyXG4iXX0=
|
|
@@ -8,12 +8,16 @@ export class OfferSliderComponent {
|
|
|
8
8
|
constructor() {
|
|
9
9
|
this.sliderOptions = {
|
|
10
10
|
loop: true,
|
|
11
|
+
autoplay: true,
|
|
12
|
+
autoplayTimeout: 5000,
|
|
13
|
+
autoplaySpeed: 1500,
|
|
14
|
+
navSpeed: 1500,
|
|
15
|
+
responsiveRefreshRate: 100,
|
|
11
16
|
margin: 40,
|
|
12
17
|
mouseDrag: true,
|
|
13
18
|
touchDrag: true,
|
|
14
19
|
pullDrag: true,
|
|
15
20
|
dots: false,
|
|
16
|
-
navSpeed: 700,
|
|
17
21
|
responsive: {
|
|
18
22
|
0: {
|
|
19
23
|
items: 1,
|
|
@@ -41,11 +45,11 @@ export class OfferSliderComponent {
|
|
|
41
45
|
];
|
|
42
46
|
}
|
|
43
47
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: OfferSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
44
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: OfferSliderComponent, isStandalone: true, selector: "tent-offer-slider", inputs: { offers: "offers", title: "title", titleDark: "titleDark", iconControlLeft: "iconControlLeft", iconControlRight: "iconControlRight", link: "link" }, ngImport: i0, template: "<section class=\"offer-slider module-spacer--bottom\">\r\n <div class=\"offer-slider--content wrapper-big\">\r\n <div class=\"offer-slider--head\">\r\n <h3 class=\"offer-slider--title title--80 color--brown\">\r\n {{ titleDark }} <span class=\"color--camel\">{{ title }}</span>\r\n </h3>\r\n\r\n @if (link) {\r\n <tent-button\r\n type=\"dark-link\"\r\n [icon]=\"link.icon\"\r\n [iconPosition]=\"link.iconPosition\"\r\n [label]=\"link.label\"\r\n [url]=\"link.url\"\r\n [linkType]=\"link.linkType!\"\r\n ></tent-button>\r\n\r\n }\r\n </div>\r\n <div class=\"offer-slider--inner\">\r\n <owl-carousel-o\r\n class=\"offer-slider--slider slider-circle--center slider-circle--center--centerFull\"\r\n [options]=\"sliderOptions\"\r\n >\r\n @for (offer of offers; track $index) {\r\n <ng-template carouselSlide>\r\n <tent-offer\r\n [badge]=\"offer.badge\"\r\n [badgePrice]=\"offer.badgePrice\"\r\n [title]=\"offer.title\"\r\n [buttons]=\"offer.buttons\"\r\n [description]=\"offer.description\"\r\n [image]=\"offer.image\"\r\n [price]=\"offer.price\"\r\n [priceLabel]=\"offer.priceLabel\"\r\n [currency]=\"offer.currency\"\r\n ></tent-offer>\r\n </ng-template>\r\n\r\n }\r\n </owl-carousel-o>\r\n </div>\r\n </div>\r\n</section>\r\n", styles: [":root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693D2D;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693E2E;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:-.02em;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:-.02em;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:-.02em}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:-.02em}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-.02em}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-.02em}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:-.02em}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:38px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-.03em}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:-.03em}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 768px){.title--54{font-size:54px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:-.03em}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:-.04em}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:-.04em}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:-.02em;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{transition:var(--Stransition)}.figure-zoom:hover figure{transition:var(--Stransition);transform:scale(1.5)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;transition:var(--Stransition);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:50px;height:50px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.offer-slider--content{position:relative}.offer-slider--content:before{content:\"\";height:160px;width:100%;background-color:var(--color-background-2);position:absolute;left:0;top:0;z-index:-1;border-radius:12px}.offer-slider--head{position:relative}.offer-slider--head tent-button{position:absolute;right:10px;bottom:5px}.offer-slider--title{padding:20px 12px 0;margin-bottom:-6px}.offer-slider--title span{display:block;margin-top:-5px}.offer-slider--slider{padding:20px 0 0;position:relative;display:block}.offer-slider ::ng-deep .slider-circle--center--centerFull .owl-nav{width:116%;left:-8%}@media (max-width: 1679px){.offer-slider ::ng-deep .slider-circle--center--centerFull .owl-nav{width:116%;left:-8%;top:36%}}@media (max-width: 1365px){.offer-slider ::ng-deep .slider-circle--center--centerFull .owl-nav{width:116%;left:-8%;top:41%}}@media (max-width: 1279px){.offer-slider ::ng-deep .slider-circle--center--centerFull .owl-nav{width:106%;left:-3%;top:39%}}@media (max-width: 1023px){.offer-slider ::ng-deep .slider-circle--center--centerFull .owl-nav{width:114%;left:-7%;top:35%}}@media (max-width: 767px){.offer-slider ::ng-deep .slider-circle--center--centerFull .owl-nav{width:112%;left:-6%;top:25%}}@media (max-width: 539px){.offer-slider ::ng-deep .slider-circle--center--centerFull .owl-nav{width:118%;left:-9%;top:25%}}@media (min-width: 540px){.offer-slider--content:before{height:206px}.offer-slider--head tent-button{right:30px}}@media (min-width: 768px){.offer-slider--content:before{height:280px}.offer-slider--head tent-button{right:30px}}@media (min-width: 1024px){.offer-slider--content:before{height:290px}.offer-slider--title{padding:20px 0 0}.offer-slider--title span{display:inline-block;margin:0}}@media (min-width: 1280px){.offer-slider--content:before{height:291px}.offer-slider--head{padding:0 24px}.offer-slider--inner{padding:0 25px}}@media (min-width: 1366px){.offer-slider--inner{padding:0 65px}.offer-slider--head{padding:0 50px}.offer-slider--head tent-button{right:70px}}@media (min-width: 1680px){.offer-slider--content:before{height:462px}.offer-slider--head{padding:0}.offer-slider--head tent-button{right:70px}}@media (min-width: 1800px){.offer-slider--content:before{height:484px}.offer-slider--head{padding:0}.offer-slider--head tent-button{right:70px}}\n"], dependencies: [{ kind: "ngmodule", type: CarouselModule }, { kind: "component", type: i1.CarouselComponent, selector: "owl-carousel-o", inputs: ["options"], outputs: ["translated", "dragging", "change", "changed", "initialized"] }, { kind: "directive", type: i1.CarouselSlideDirective, selector: "ng-template[carouselSlide]", inputs: ["id", "dataMerge", "width", "dotContent", "dataHash"] }, { kind: "component", type: OfferComponent, selector: "tent-offer", inputs: ["image", "title", "description", "price", "priceLabel", "currency", "badge", "badgePrice", "buttons"] }, { kind: "component", type: ButtonComponent, selector: "tent-button", inputs: ["type", "label", "url", "linkType", "icon", "socialMedia", "iconPosition", "boxWidth", "innerContent", "linkSizeIcon", "target", "closeButton"], outputs: ["btnClick"] }] }); }
|
|
48
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: OfferSliderComponent, isStandalone: true, selector: "tent-offer-slider", inputs: { offers: "offers", title: "title", titleDark: "titleDark", iconControlLeft: "iconControlLeft", iconControlRight: "iconControlRight", link: "link" }, ngImport: i0, template: "<section class=\"offer-slider module-spacer--bottom\">\r\n <div class=\"offer-slider--content wrapper-big\">\r\n <div class=\"offer-slider--head\">\r\n <h3 class=\"offer-slider--title title--80 color--brown\">\r\n {{ titleDark }} <span class=\"color--camel\">{{ title }}</span>\r\n </h3>\r\n\r\n @if (link) {\r\n <tent-button\r\n type=\"dark-link\"\r\n [icon]=\"link.icon\"\r\n [iconPosition]=\"link.iconPosition\"\r\n [label]=\"link.label\"\r\n [url]=\"link.url\"\r\n [linkType]=\"link.linkType!\"\r\n ></tent-button>\r\n\r\n }\r\n </div>\r\n <div class=\"offer-slider--inner\">\r\n <owl-carousel-o\r\n class=\"offer-slider--slider slider-circle--center slider-circle--center--centerFull\"\r\n [options]=\"sliderOptions\"\r\n >\r\n @for (offer of offers; track $index) {\r\n <ng-template carouselSlide>\r\n <tent-offer\r\n [badge]=\"offer.badge\"\r\n [badgePrice]=\"offer.badgePrice\"\r\n [title]=\"offer.title\"\r\n [buttons]=\"offer.buttons\"\r\n [description]=\"offer.description\"\r\n [image]=\"offer.image\"\r\n [price]=\"offer.price\"\r\n [priceLabel]=\"offer.priceLabel\"\r\n [currency]=\"offer.currency\"\r\n ></tent-offer>\r\n </ng-template>\r\n\r\n }\r\n </owl-carousel-o>\r\n </div>\r\n </div>\r\n</section>\r\n", styles: [":root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693D2D;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693E2E;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:-.02em;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:-.02em;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:-.02em}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:-.02em}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-.02em}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-.02em}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:-.02em}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:38px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-.03em}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:-.03em}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 768px){.title--54{font-size:54px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:-.03em}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:-.04em}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:-.04em}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:-.02em;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{transition:var(--Stransition)}.figure-zoom:hover figure{transition:var(--Stransition);transform:scale(1.5)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;transition:var(--Stransition);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:50px;height:50px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.offer-slider--content{position:relative}.offer-slider--content:before{content:\"\";height:100%;width:100%;background-color:var(--color-background-2);position:absolute;left:0;top:0%;z-index:-1;border-radius:12px;height:160px}.offer-slider--head{position:relative}.offer-slider--head tent-button{position:absolute;right:10px;bottom:5px}.offer-slider--title{padding:20px 12px 0;margin-bottom:-6px}.offer-slider--title span{display:block;margin-top:-5px}.offer-slider--slider{padding:20px 0 0;position:relative;display:block}.offer-slider ::ng-deep .slider-circle--center--centerFull .owl-nav{width:116%;left:-8%;top:calc(50% - 50px)}@media (max-width: 1679px){.offer-slider ::ng-deep .slider-circle--center--centerFull .owl-nav{width:116%;left:-8%;top:calc(50% - 50px)}}@media (max-width: 1365px){.offer-slider ::ng-deep .slider-circle--center--centerFull .owl-nav{width:116%;left:-8%;top:calc(50% - 50px)}}@media (max-width: 1279px){.offer-slider ::ng-deep .slider-circle--center--centerFull .owl-nav{width:106%;left:-3%;top:calc(50% - 50px)}}@media (max-width: 1023px){.offer-slider ::ng-deep .slider-circle--center--centerFull .owl-nav{width:114%;left:-7%;top:35%}}@media (max-width: 767px){.offer-slider ::ng-deep .slider-circle--center--centerFull .owl-nav{width:112%;left:-6%;top:25%}}@media (max-width: 539px){.offer-slider ::ng-deep .slider-circle--center--centerFull .owl-nav{width:112%;left:-6%;top:25%}}@media (max-width: 539px){.offer-slider ::ng-deep .slider-circle--center--centerFull .owl-nav{width:calc(100% + 60px);left:-30px;top:25%}}@media (min-width: 540px){.offer-slider--content:before{height:206px}.offer-slider--head tent-button{right:30px}}@media (min-width: 768px){.offer-slider--content:before{height:280px}.offer-slider--head tent-button{right:30px}}@media (min-width: 1024px){.offer-slider--content:before{height:50%}.offer-slider--title{padding:20px 0 0}.offer-slider--title span{display:inline-block;margin:0}}@media (min-width: 1280px){.offer-slider--head{padding:0 24px}.offer-slider--inner{padding:0 25px}}@media (min-width: 1366px){.offer-slider--inner{padding:0 65px}.offer-slider--head{padding:0 50px}.offer-slider--head tent-button{right:70px}}@media (min-width: 1680px){.offer-slider--head{padding:0}.offer-slider--head tent-button{right:70px}}@media (min-width: 1800px){.offer-slider--head{padding:0}.offer-slider--head tent-button{right:70px}}\n"], dependencies: [{ kind: "ngmodule", type: CarouselModule }, { kind: "component", type: i1.CarouselComponent, selector: "owl-carousel-o", inputs: ["options"], outputs: ["translated", "dragging", "change", "changed", "initialized"] }, { kind: "directive", type: i1.CarouselSlideDirective, selector: "ng-template[carouselSlide]", inputs: ["id", "dataMerge", "width", "dotContent", "dataHash"] }, { kind: "component", type: OfferComponent, selector: "tent-offer", inputs: ["image", "title", "description", "price", "priceLabel", "currency", "badge", "badgePrice", "buttons"] }, { kind: "component", type: ButtonComponent, selector: "tent-button", inputs: ["type", "label", "url", "linkType", "icon", "socialMedia", "iconPosition", "boxWidth", "innerContent", "linkSizeIcon", "target", "closeButton"], outputs: ["btnClick"] }] }); }
|
|
45
49
|
}
|
|
46
50
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: OfferSliderComponent, decorators: [{
|
|
47
51
|
type: Component,
|
|
48
|
-
args: [{ selector: 'tent-offer-slider', standalone: true, imports: [CarouselModule, OfferComponent, ButtonComponent], template: "<section class=\"offer-slider module-spacer--bottom\">\r\n <div class=\"offer-slider--content wrapper-big\">\r\n <div class=\"offer-slider--head\">\r\n <h3 class=\"offer-slider--title title--80 color--brown\">\r\n {{ titleDark }} <span class=\"color--camel\">{{ title }}</span>\r\n </h3>\r\n\r\n @if (link) {\r\n <tent-button\r\n type=\"dark-link\"\r\n [icon]=\"link.icon\"\r\n [iconPosition]=\"link.iconPosition\"\r\n [label]=\"link.label\"\r\n [url]=\"link.url\"\r\n [linkType]=\"link.linkType!\"\r\n ></tent-button>\r\n\r\n }\r\n </div>\r\n <div class=\"offer-slider--inner\">\r\n <owl-carousel-o\r\n class=\"offer-slider--slider slider-circle--center slider-circle--center--centerFull\"\r\n [options]=\"sliderOptions\"\r\n >\r\n @for (offer of offers; track $index) {\r\n <ng-template carouselSlide>\r\n <tent-offer\r\n [badge]=\"offer.badge\"\r\n [badgePrice]=\"offer.badgePrice\"\r\n [title]=\"offer.title\"\r\n [buttons]=\"offer.buttons\"\r\n [description]=\"offer.description\"\r\n [image]=\"offer.image\"\r\n [price]=\"offer.price\"\r\n [priceLabel]=\"offer.priceLabel\"\r\n [currency]=\"offer.currency\"\r\n ></tent-offer>\r\n </ng-template>\r\n\r\n }\r\n </owl-carousel-o>\r\n </div>\r\n </div>\r\n</section>\r\n", styles: [":root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693D2D;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693E2E;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:-.02em;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:-.02em;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:-.02em}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:-.02em}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-.02em}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-.02em}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:-.02em}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:38px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-.03em}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:-.03em}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 768px){.title--54{font-size:54px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:-.03em}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:-.04em}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:-.04em}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:-.02em;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{transition:var(--Stransition)}.figure-zoom:hover figure{transition:var(--Stransition);transform:scale(1.5)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;transition:var(--Stransition);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:50px;height:50px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.offer-slider--content{position:relative}.offer-slider--content:before{content:\"\";height:160px;width:100%;background-color:var(--color-background-2);position:absolute;left:0;top:0;z-index:-1;border-radius:12px}.offer-slider--head{position:relative}.offer-slider--head tent-button{position:absolute;right:10px;bottom:5px}.offer-slider--title{padding:20px 12px 0;margin-bottom:-6px}.offer-slider--title span{display:block;margin-top:-5px}.offer-slider--slider{padding:20px 0 0;position:relative;display:block}.offer-slider ::ng-deep .slider-circle--center--centerFull .owl-nav{width:116%;left:-8%}@media (max-width: 1679px){.offer-slider ::ng-deep .slider-circle--center--centerFull .owl-nav{width:116%;left:-8%;top:36%}}@media (max-width: 1365px){.offer-slider ::ng-deep .slider-circle--center--centerFull .owl-nav{width:116%;left:-8%;top:41%}}@media (max-width: 1279px){.offer-slider ::ng-deep .slider-circle--center--centerFull .owl-nav{width:106%;left:-3%;top:39%}}@media (max-width: 1023px){.offer-slider ::ng-deep .slider-circle--center--centerFull .owl-nav{width:114%;left:-7%;top:35%}}@media (max-width: 767px){.offer-slider ::ng-deep .slider-circle--center--centerFull .owl-nav{width:112%;left:-6%;top:25%}}@media (max-width: 539px){.offer-slider ::ng-deep .slider-circle--center--centerFull .owl-nav{width:118%;left:-9%;top:25%}}@media (min-width: 540px){.offer-slider--content:before{height:206px}.offer-slider--head tent-button{right:30px}}@media (min-width: 768px){.offer-slider--content:before{height:280px}.offer-slider--head tent-button{right:30px}}@media (min-width: 1024px){.offer-slider--content:before{height:290px}.offer-slider--title{padding:20px 0 0}.offer-slider--title span{display:inline-block;margin:0}}@media (min-width: 1280px){.offer-slider--content:before{height:291px}.offer-slider--head{padding:0 24px}.offer-slider--inner{padding:0 25px}}@media (min-width: 1366px){.offer-slider--inner{padding:0 65px}.offer-slider--head{padding:0 50px}.offer-slider--head tent-button{right:70px}}@media (min-width: 1680px){.offer-slider--content:before{height:462px}.offer-slider--head{padding:0}.offer-slider--head tent-button{right:70px}}@media (min-width: 1800px){.offer-slider--content:before{height:484px}.offer-slider--head{padding:0}.offer-slider--head tent-button{right:70px}}\n"] }]
|
|
52
|
+
args: [{ selector: 'tent-offer-slider', standalone: true, imports: [CarouselModule, OfferComponent, ButtonComponent], template: "<section class=\"offer-slider module-spacer--bottom\">\r\n <div class=\"offer-slider--content wrapper-big\">\r\n <div class=\"offer-slider--head\">\r\n <h3 class=\"offer-slider--title title--80 color--brown\">\r\n {{ titleDark }} <span class=\"color--camel\">{{ title }}</span>\r\n </h3>\r\n\r\n @if (link) {\r\n <tent-button\r\n type=\"dark-link\"\r\n [icon]=\"link.icon\"\r\n [iconPosition]=\"link.iconPosition\"\r\n [label]=\"link.label\"\r\n [url]=\"link.url\"\r\n [linkType]=\"link.linkType!\"\r\n ></tent-button>\r\n\r\n }\r\n </div>\r\n <div class=\"offer-slider--inner\">\r\n <owl-carousel-o\r\n class=\"offer-slider--slider slider-circle--center slider-circle--center--centerFull\"\r\n [options]=\"sliderOptions\"\r\n >\r\n @for (offer of offers; track $index) {\r\n <ng-template carouselSlide>\r\n <tent-offer\r\n [badge]=\"offer.badge\"\r\n [badgePrice]=\"offer.badgePrice\"\r\n [title]=\"offer.title\"\r\n [buttons]=\"offer.buttons\"\r\n [description]=\"offer.description\"\r\n [image]=\"offer.image\"\r\n [price]=\"offer.price\"\r\n [priceLabel]=\"offer.priceLabel\"\r\n [currency]=\"offer.currency\"\r\n ></tent-offer>\r\n </ng-template>\r\n\r\n }\r\n </owl-carousel-o>\r\n </div>\r\n </div>\r\n</section>\r\n", styles: [":root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693D2D;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693E2E;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:-.02em;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:-.02em;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:-.02em}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:-.02em}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-.02em}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-.02em}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:-.02em}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:38px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-.03em}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:-.03em}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 768px){.title--54{font-size:54px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:-.03em}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:-.04em}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:-.04em}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:-.02em;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{transition:var(--Stransition)}.figure-zoom:hover figure{transition:var(--Stransition);transform:scale(1.5)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;transition:var(--Stransition);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:50px;height:50px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.offer-slider--content{position:relative}.offer-slider--content:before{content:\"\";height:100%;width:100%;background-color:var(--color-background-2);position:absolute;left:0;top:0%;z-index:-1;border-radius:12px;height:160px}.offer-slider--head{position:relative}.offer-slider--head tent-button{position:absolute;right:10px;bottom:5px}.offer-slider--title{padding:20px 12px 0;margin-bottom:-6px}.offer-slider--title span{display:block;margin-top:-5px}.offer-slider--slider{padding:20px 0 0;position:relative;display:block}.offer-slider ::ng-deep .slider-circle--center--centerFull .owl-nav{width:116%;left:-8%;top:calc(50% - 50px)}@media (max-width: 1679px){.offer-slider ::ng-deep .slider-circle--center--centerFull .owl-nav{width:116%;left:-8%;top:calc(50% - 50px)}}@media (max-width: 1365px){.offer-slider ::ng-deep .slider-circle--center--centerFull .owl-nav{width:116%;left:-8%;top:calc(50% - 50px)}}@media (max-width: 1279px){.offer-slider ::ng-deep .slider-circle--center--centerFull .owl-nav{width:106%;left:-3%;top:calc(50% - 50px)}}@media (max-width: 1023px){.offer-slider ::ng-deep .slider-circle--center--centerFull .owl-nav{width:114%;left:-7%;top:35%}}@media (max-width: 767px){.offer-slider ::ng-deep .slider-circle--center--centerFull .owl-nav{width:112%;left:-6%;top:25%}}@media (max-width: 539px){.offer-slider ::ng-deep .slider-circle--center--centerFull .owl-nav{width:112%;left:-6%;top:25%}}@media (max-width: 539px){.offer-slider ::ng-deep .slider-circle--center--centerFull .owl-nav{width:calc(100% + 60px);left:-30px;top:25%}}@media (min-width: 540px){.offer-slider--content:before{height:206px}.offer-slider--head tent-button{right:30px}}@media (min-width: 768px){.offer-slider--content:before{height:280px}.offer-slider--head tent-button{right:30px}}@media (min-width: 1024px){.offer-slider--content:before{height:50%}.offer-slider--title{padding:20px 0 0}.offer-slider--title span{display:inline-block;margin:0}}@media (min-width: 1280px){.offer-slider--head{padding:0 24px}.offer-slider--inner{padding:0 25px}}@media (min-width: 1366px){.offer-slider--inner{padding:0 65px}.offer-slider--head{padding:0 50px}.offer-slider--head tent-button{right:70px}}@media (min-width: 1680px){.offer-slider--head{padding:0}.offer-slider--head tent-button{right:70px}}@media (min-width: 1800px){.offer-slider--head{padding:0}.offer-slider--head tent-button{right:70px}}\n"] }]
|
|
49
53
|
}], propDecorators: { offers: [{
|
|
50
54
|
type: Input
|
|
51
55
|
}], title: [{
|
|
@@ -59,4 +63,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
|
|
|
59
63
|
}], link: [{
|
|
60
64
|
type: Input
|
|
61
65
|
}] } });
|
|
62
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
66
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2ZmZXItc2xpZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RlbnQvc3JjL2xpYi9jb21wb25lbnRzL2NvcmUvb2ZmZXItc2xpZGVyL29mZmVyLXNsaWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90ZW50L3NyYy9saWIvY29tcG9uZW50cy9jb3JlL29mZmVyLXNsaWRlci9vZmZlci1zbGlkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDekQsT0FBTyxFQUFFLGNBQWMsRUFBYyxNQUFNLG9CQUFvQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0NBQXNDLENBQUM7OztBQVV2RSxNQUFNLE9BQU8sb0JBQW9CO0lBUGpDO1FBZUksa0JBQWEsR0FBZTtZQUN4QixJQUFJLEVBQUUsSUFBSTtZQUNWLFFBQVEsRUFBRSxJQUFJO1lBQ2QsZUFBZSxFQUFFLElBQUk7WUFDckIsYUFBYSxFQUFFLElBQUk7WUFDbkIsUUFBUSxFQUFFLElBQUk7WUFDZCxxQkFBcUIsRUFBRSxHQUFHO1lBQzFCLE1BQU0sRUFBRSxFQUFFO1lBQ1YsU0FBUyxFQUFFLElBQUk7WUFDZixTQUFTLEVBQUUsSUFBSTtZQUNmLFFBQVEsRUFBRSxJQUFJO1lBQ2QsSUFBSSxFQUFFLEtBQUs7WUFDWCxVQUFVLEVBQUU7Z0JBQ1IsQ0FBQyxFQUFFO29CQUNDLEtBQUssRUFBRSxDQUFDO2lCQUNYO2dCQUNELEdBQUcsRUFBRTtvQkFDRCxLQUFLLEVBQUUsQ0FBQztpQkFDWDtnQkFDRCxHQUFHLEVBQUU7b0JBQ0QsS0FBSyxFQUFFLENBQUM7aUJBQ1g7Z0JBQ0QsSUFBSSxFQUFFO29CQUNGLEtBQUssRUFBRSxDQUFDO2lCQUNYO2dCQUNELElBQUksRUFBRTtvQkFDRixLQUFLLEVBQUUsQ0FBQztpQkFDWDthQUNKO1lBQ0QsR0FBRyxFQUFFLElBQUk7U0FDWixDQUFDO0tBUUw7SUFORyxRQUFRO1FBQ0osSUFBSSxDQUFDLGFBQWEsQ0FBQyxPQUFPLEdBQUc7WUFDekIsc0ZBQXNGLElBQUksQ0FBQyxlQUFlLDhCQUE4QjtZQUN4SSxzRkFBc0YsSUFBSSxDQUFDLGdCQUFnQiw4QkFBOEI7U0FDNUksQ0FBQztJQUNOLENBQUM7OEdBN0NRLG9CQUFvQjtrR0FBcEIsb0JBQW9CLDJPQ2JqQyxzd0RBNENBLDJya0JEbkNjLGNBQWMsNFdBQUUsY0FBYyx1S0FBRSxlQUFlOzsyRkFJaEQsb0JBQW9CO2tCQVBoQyxTQUFTOytCQUNJLG1CQUFtQixjQUNqQixJQUFJLFdBQ1AsQ0FBQyxjQUFjLEVBQUUsY0FBYyxFQUFFLGVBQWUsQ0FBQzs4QkFLakQsTUFBTTtzQkFBZCxLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDYXJvdXNlbE1vZHVsZSwgT3dsT3B0aW9ucyB9IGZyb20gJ25neC1vd2wtY2Fyb3VzZWwtbyc7XHJcbmltcG9ydCB7IE9mZmVyQ29tcG9uZW50IH0gZnJvbSAnLi4vb2ZmZXIvb2ZmZXIuY29tcG9uZW50JztcclxuaW1wb3J0IHsgQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vYXRvbWljL2J1dHRvbi9idXR0b24uY29tcG9uZW50JztcclxuaW1wb3J0IHsgT2ZmZXJJIH0gZnJvbSAnLi4vLi4vLi4vaW50ZXJmYWNlcy9jb3JlL29mZmVyLmludGVyZmFjZSc7XHJcbmltcG9ydCB7IEJ1dHRvbkkgfSBmcm9tICcuLi8uLi8uLi9pbnRlcmZhY2VzL2F0b21pYy9idXR0b24uaW50ZXJmYWNlJztcclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ3RlbnQtb2ZmZXItc2xpZGVyJyxcclxuICAgIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgICBpbXBvcnRzOiBbQ2Fyb3VzZWxNb2R1bGUsIE9mZmVyQ29tcG9uZW50LCBCdXR0b25Db21wb25lbnRdLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL29mZmVyLXNsaWRlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybDogJy4vb2ZmZXItc2xpZGVyLmNvbXBvbmVudC5zY3NzJyxcclxufSlcclxuZXhwb3J0IGNsYXNzIE9mZmVyU2xpZGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICAgIEBJbnB1dCgpIG9mZmVycyE6IE9mZmVySVtdO1xyXG4gICAgQElucHV0KCkgdGl0bGUhOiBzdHJpbmc7XHJcbiAgICBASW5wdXQoKSB0aXRsZURhcmshOiBzdHJpbmc7XHJcbiAgICBASW5wdXQoKSBpY29uQ29udHJvbExlZnQhOiBzdHJpbmc7XHJcbiAgICBASW5wdXQoKSBpY29uQ29udHJvbFJpZ2h0ITogc3RyaW5nO1xyXG4gICAgQElucHV0KCkgbGluaz86IEJ1dHRvbkk7XHJcblxyXG4gICAgc2xpZGVyT3B0aW9uczogT3dsT3B0aW9ucyA9IHtcclxuICAgICAgICBsb29wOiB0cnVlLFxyXG4gICAgICAgIGF1dG9wbGF5OiB0cnVlLFxyXG4gICAgICAgIGF1dG9wbGF5VGltZW91dDogNTAwMCxcclxuICAgICAgICBhdXRvcGxheVNwZWVkOiAxNTAwLFxyXG4gICAgICAgIG5hdlNwZWVkOiAxNTAwLFxyXG4gICAgICAgIHJlc3BvbnNpdmVSZWZyZXNoUmF0ZTogMTAwLFxyXG4gICAgICAgIG1hcmdpbjogNDAsXHJcbiAgICAgICAgbW91c2VEcmFnOiB0cnVlLFxyXG4gICAgICAgIHRvdWNoRHJhZzogdHJ1ZSxcclxuICAgICAgICBwdWxsRHJhZzogdHJ1ZSxcclxuICAgICAgICBkb3RzOiBmYWxzZSxcclxuICAgICAgICByZXNwb25zaXZlOiB7XHJcbiAgICAgICAgICAgIDA6IHtcclxuICAgICAgICAgICAgICAgIGl0ZW1zOiAxLFxyXG4gICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICA1NDA6IHtcclxuICAgICAgICAgICAgICAgIGl0ZW1zOiAxLFxyXG4gICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICA3Njg6IHtcclxuICAgICAgICAgICAgICAgIGl0ZW1zOiAxLFxyXG4gICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICAxMDI0OiB7XHJcbiAgICAgICAgICAgICAgICBpdGVtczogMSxcclxuICAgICAgICAgICAgfSxcclxuICAgICAgICAgICAgMTA3Mjoge1xyXG4gICAgICAgICAgICAgICAgaXRlbXM6IDIsXHJcbiAgICAgICAgICAgIH0sXHJcbiAgICAgICAgfSxcclxuICAgICAgICBuYXY6IHRydWUsXHJcbiAgICB9O1xyXG5cclxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgICAgIHRoaXMuc2xpZGVyT3B0aW9ucy5uYXZUZXh0ID0gW1xyXG4gICAgICAgICAgICBgPGRpdiBjbGFzcz1cImJ0biBidG5fX2NpcmNsZSBidG5fX2NpcmNsZS0tIGJ0bl9fZGFya1wiPjxzcGFuIGNsYXNzPVwiYnRuX19jaXJjbGUtaWNvbiAke3RoaXMuaWNvbkNvbnRyb2xMZWZ0fSBpY29uLS1zaXplMTIgXCI+IDxzcGFuPjxkaXY+YCxcclxuICAgICAgICAgICAgYDxkaXYgY2xhc3M9XCJidG4gYnRuX19jaXJjbGUgYnRuX19jaXJjbGUtLSBidG5fX2RhcmtcIj48c3BhbiBjbGFzcz1cImJ0bl9fY2lyY2xlLWljb24gJHt0aGlzLmljb25Db250cm9sUmlnaHR9IGljb24tLXNpemUxMiBcIj4gPHNwYW4+PGRpdj5gLFxyXG4gICAgICAgIF07XHJcbiAgICB9XHJcbn1cclxuIiwiPHNlY3Rpb24gY2xhc3M9XCJvZmZlci1zbGlkZXIgbW9kdWxlLXNwYWNlci0tYm90dG9tXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwib2ZmZXItc2xpZGVyLS1jb250ZW50IHdyYXBwZXItYmlnXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cIm9mZmVyLXNsaWRlci0taGVhZFwiPlxyXG4gICAgICAgICAgICA8aDMgY2xhc3M9XCJvZmZlci1zbGlkZXItLXRpdGxlIHRpdGxlLS04MCBjb2xvci0tYnJvd25cIj5cclxuICAgICAgICAgICAgICAgIHt7IHRpdGxlRGFyayB9fSA8c3BhbiBjbGFzcz1cImNvbG9yLS1jYW1lbFwiPnt7IHRpdGxlIH19PC9zcGFuPlxyXG4gICAgICAgICAgICA8L2gzPlxyXG5cclxuICAgICAgICAgICAgQGlmIChsaW5rKSB7XHJcbiAgICAgICAgICAgIDx0ZW50LWJ1dHRvblxyXG4gICAgICAgICAgICAgICAgdHlwZT1cImRhcmstbGlua1wiXHJcbiAgICAgICAgICAgICAgICBbaWNvbl09XCJsaW5rLmljb25cIlxyXG4gICAgICAgICAgICAgICAgW2ljb25Qb3NpdGlvbl09XCJsaW5rLmljb25Qb3NpdGlvblwiXHJcbiAgICAgICAgICAgICAgICBbbGFiZWxdPVwibGluay5sYWJlbFwiXHJcbiAgICAgICAgICAgICAgICBbdXJsXT1cImxpbmsudXJsXCJcclxuICAgICAgICAgICAgICAgIFtsaW5rVHlwZV09XCJsaW5rLmxpbmtUeXBlIVwiXHJcbiAgICAgICAgICAgID48L3RlbnQtYnV0dG9uPlxyXG5cclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJvZmZlci1zbGlkZXItLWlubmVyXCI+XHJcbiAgICAgICAgICAgIDxvd2wtY2Fyb3VzZWwtb1xyXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJvZmZlci1zbGlkZXItLXNsaWRlciBzbGlkZXItY2lyY2xlLS1jZW50ZXIgc2xpZGVyLWNpcmNsZS0tY2VudGVyLS1jZW50ZXJGdWxsXCJcclxuICAgICAgICAgICAgICAgIFtvcHRpb25zXT1cInNsaWRlck9wdGlvbnNcIlxyXG4gICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgICBAZm9yIChvZmZlciBvZiBvZmZlcnM7IHRyYWNrICRpbmRleCkge1xyXG4gICAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlIGNhcm91c2VsU2xpZGU+XHJcbiAgICAgICAgICAgICAgICAgICAgPHRlbnQtb2ZmZXJcclxuICAgICAgICAgICAgICAgICAgICAgICAgW2JhZGdlXT1cIm9mZmVyLmJhZGdlXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgW2JhZGdlUHJpY2VdPVwib2ZmZXIuYmFkZ2VQcmljZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIFt0aXRsZV09XCJvZmZlci50aXRsZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtidXR0b25zXT1cIm9mZmVyLmJ1dHRvbnNcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBbZGVzY3JpcHRpb25dPVwib2ZmZXIuZGVzY3JpcHRpb25cIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBbaW1hZ2VdPVwib2ZmZXIuaW1hZ2VcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBbcHJpY2VdPVwib2ZmZXIucHJpY2VcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBbcHJpY2VMYWJlbF09XCJvZmZlci5wcmljZUxhYmVsXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgW2N1cnJlbmN5XT1cIm9mZmVyLmN1cnJlbmN5XCJcclxuICAgICAgICAgICAgICAgICAgICA+PC90ZW50LW9mZmVyPlxyXG4gICAgICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuXHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIDwvb3dsLWNhcm91c2VsLW8+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9zZWN0aW9uPlxyXG4iXX0=
|