tent-lib 1.14.10 → 1.14.11
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.
|
@@ -43,7 +43,7 @@ export class OfferBannerComponent {
|
|
|
43
43
|
event.preventDefault();
|
|
44
44
|
}
|
|
45
45
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OfferBannerComponent, deps: [{ token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
46
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: OfferBannerComponent, isStandalone: true, selector: "tent-offer-banner", inputs: { badge: "badge", btnClose: "btnClose", mainLabel: "mainLabel", priceLabel: "priceLabel", closeLabel: "closeLabel", price: "price", currency: "currency", btnInfo: "btnInfo", img: "img", desktop: "desktop", left: "left" }, outputs: { closeClick: "closeClick" }, viewQueries: [{ propertyName: "closeBtn", first: true, predicate: ["close"], descendants: true, read: ElementRef }, { propertyName: "closeBanner", first: true, predicate: ["closeBanner"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div\n #closeBanner\n class=\"offer-banner--close--container\"\n [ngClass]=\"{ 'offer-banner--close--container--left': left }\"\n (click)=\"closeClick.emit()\"\n>\n {{ closeLabel }}\n</div>\n\n<div class=\"offer-banner\" [ngClass]=\"{ 'offer-banner--left': left }\">\n @if (badge) {\n <tent-badge\n class=\"offer-banner--badge\"\n [rounded]=\"true\"\n [label]=\"badge.label\"\n ></tent-badge>\n }\n @if (btnClose) {\n <tent-button\n #close\n class=\"offer-banner--close\"\n type=\"dark-circle\"\n [icon]=\"btnClose.icon\"\n (btnClick)=\"closeClick.emit()\"\n name=\"close\"\n ></tent-button>\n }\n <a\n [attr.aria-label]=\"mainLabel\"\n class=\"offer-banner--container\"\n [href]=\"btnInfo?.url\"\n [routerLink]=\"[btnInfo?.url]\"\n (click)=\"bannerClicked($event)\"\n >\n <div class=\"flex-col flex-col--between offer-banner--content\">\n @if (mainLabel) {\n <p class=\"offer-banner--title\">\n {{ mainLabel }}\n </p>\n }\n <div class=\"flex-row flex-row--between\">\n @if (price || priceLabel) {\n <div class=\"flex-row offer-banner--price\">\n @if (priceLabel) {\n <span class=\"color--white offer-banner--sublabel\">\n {{ priceLabel }}\n </span>\n }\n @if (price) {\n <span class=\"color--white offer-banner--offer\">\n {{ price }}\n @if (currency) {\n {{ currency | currencySymbol }}\n }\n </span>\n }\n </div>\n }\n @if (btnInfo) {\n <tent-button\n class=\"offer-banner--btn-info offer-banner--btn-info--desktop\"\n type=\"dark-box\"\n [label]=\"btnInfo.label\"\n [url]=\"btnInfo.url\"\n [linkType]=\"btnInfo.linkType!\"\n boxWidth=\"154px\"\n ></tent-button>\n <tent-button\n class=\"offer-banner--btn-info offer-banner--btn-info--mobile\"\n type=\"dark-box\"\n [label]=\"btnInfo.label\"\n [url]=\"btnInfo.url\"\n [linkType]=\"btnInfo.linkType!\"\n boxWidth=\"115px\"\n ></tent-button>\n }\n </div>\n </div>\n @if (img?.src) {\n <img\n [src]=\"\n img?.src ||\n 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'\n \"\n [alt]=\"img?.alt\"\n class=\"offer-banner--image\"\n loading=\"lazy\"\n width=\"150\"\n height=\"100\"\n />\n }\n </a>\n</div>\n", styles: [":root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693d2d;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693e2e;--color-icon-light: : rgb(105 61 45 / 70%);--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--stransition-basic: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.text strong{font-weight:700}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--20{font-weight:700;font-size:16px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--20{font-size:16px}}@media (min-width: 768px){.title--20{font-size:16px}}@media (min-width: 1024px){.title--20{font-size:18px}}@media (min-width: 1680px){.title--20{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:36px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:default;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.figure-zoom:hover figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.1)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.form-error{font-family:var(--tent-font);color:#df6a6a;font-size:13px}.invalid{margin-bottom:10px}.offer-banner{position:relative;background-color:#c7946a;padding:15px 30px 15px 52px}@media (min-width: 540px){.offer-banner{padding:15px 50px 15px 55px}}@media (min-width: 1024px){.offer-banner{width:549px;border-radius:12px 0 0 12px}.offer-banner--left{border-radius:0 12px 12px 0}}@media (max-width: 1023px){.offer-banner{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap}}.offer-banner--badge{position:absolute;left:-28px;top:50%;transform:translate(13%);rotate:-90deg}@media (min-width: 1024px){.offer-banner--badge{rotate:unset;top:-16px;left:0}}.offer-banner--close{position:absolute;right:10px;top:6px}@media (min-width: 1024px){.offer-banner--close{left:-20px;top:50%;transform:translateY(-50%);display:flex;align-items:center;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}}.offer-banner--close ::ng-deep .btn{width:26px;height:26px;background-color:#693d2d}.offer-banner--close ::ng-deep mat-icon{font-size:9px;color:#fff}.offer-banner--close--container{background:#693d2d;font-family:DM Sans;font-size:14px;font-weight:700;line-height:18.23px;letter-spacing:0;text-align:center;color:#fff;border-radius:12px 12px 0 0;position:absolute;width:143px;height:38px;rotate:-90deg;-webkit-transform:translateX(-37%);-moz-transform:translateX(-37%);-ms-transform:translateX(-37%);-o-transform:translateX(-37%);transform:translate(-37%);left:-41px;z-index:0;cursor:pointer;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}@media (max-width: 1023px){.offer-banner--close--container{display:none}}.offer-banner--close--container--left{right:-41px;left:unset;border-radius:0 0 12px 12px;height:20px;padding-top:18px}.offer-banner--close--container--displayed{left:-74px}.offer-banner--close--container--displayed--left{right:-74px;left:unset}.offer-banner--content{height:114px;justify-content:space-between;flex-wrap:nowrap}.offer-banner--content div{flex-wrap:nowrap}.offer-banner--container{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;flex-wrap:nowrap;gap:20px}.offer-banner--title{font-family:var(--tent-font);color:#fff;font-size:20px;font-weight:700;line-height:22px;letter-spacing:0;text-align:left}@media (min-width: 768px){.offer-banner--title{font-size:26px;line-height:30px}}.offer-banner--price{align-items:center;letter-spacing:0;white-space:nowrap}.offer-banner--sublabel{font-family:var(--tent-font);font-size:13px;font-weight:700;line-height:16px;letter-spacing:0;text-align:left}@media (min-width: 768px){.offer-banner--sublabel{font-size:16px}}.offer-banner--offer{font-family:var(--tent-font);font-size:32px;font-weight:700;line-height:38px;letter-spacing:0;text-align:right;text-wrap:nowrap}@media (min-width: 768px){.offer-banner--offer{font-size:38px}}.offer-banner--image{width:160px;height:114px;border-radius:12px}@media (max-width: 539px){.offer-banner--image{display:none}}@media (min-width: 768px){.offer-banner--btn-info--mobile{display:none}}@media (max-width: 767px){.offer-banner--btn-info--desktop{display:none}}.offer-banner--btn-info ::ng-deep .btn{height:40px;background-color:transparent;padding:0 25px}.offer-banner--btn-info:hover ::ng-deep .btn{background-color:#dc572a;color:#fff;border:2px solid #dc572a}.offer-banner--left .offer-banner--close{right:-20px;left:unset}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BadgeComponent, selector: "tent-badge", inputs: ["orientation", "rounded", "label", "icon"] }, { kind: "component", type: ButtonComponent, selector: "tent-button", inputs: ["type", "label", "url", "linkType", "icon", "socialMedia", "iconPosition", "boxWidth", "innerContent", "linkSizeIcon", "closeButton", "disabled", "name"], outputs: ["btnClick"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: CurrencyPipe, name: "currencySymbol" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
46
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: OfferBannerComponent, isStandalone: true, selector: "tent-offer-banner", inputs: { badge: "badge", btnClose: "btnClose", mainLabel: "mainLabel", priceLabel: "priceLabel", closeLabel: "closeLabel", price: "price", currency: "currency", btnInfo: "btnInfo", img: "img", desktop: "desktop", left: "left" }, outputs: { closeClick: "closeClick" }, viewQueries: [{ propertyName: "closeBtn", first: true, predicate: ["close"], descendants: true, read: ElementRef }, { propertyName: "closeBanner", first: true, predicate: ["closeBanner"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div\n #closeBanner\n class=\"offer-banner--close--container\"\n [ngClass]=\"{ 'offer-banner--close--container--left': left }\"\n (click)=\"closeClick.emit(); $event.stopPropagation()\"\n>\n {{ closeLabel }}\n</div>\n\n<div class=\"offer-banner\" [ngClass]=\"{ 'offer-banner--left': left }\">\n @if (badge) {\n <tent-badge\n class=\"offer-banner--badge\"\n [rounded]=\"true\"\n [label]=\"badge.label\"\n ></tent-badge>\n }\n @if (btnClose) {\n <tent-button\n #close\n class=\"offer-banner--close\"\n type=\"dark-circle\"\n [icon]=\"btnClose.icon\"\n (btnClick)=\"closeClick.emit()\"\n (click)=\"$event.stopPropagation()\"\n name=\"close\"\n ></tent-button>\n }\n\n <div\n [attr.aria-label]=\"mainLabel\"\n class=\"offer-banner--container\"\n [routerLink]=\"btnInfo?.url ? [btnInfo?.url] : null\"\n (click)=\"bannerClicked($event)\"\n >\n <div class=\"flex-col flex-col--between offer-banner--content\">\n @if (mainLabel) {\n <p class=\"offer-banner--title\">\n {{ mainLabel }}\n </p>\n }\n <div class=\"flex-row flex-row--between\">\n @if (price || priceLabel) {\n <div class=\"flex-row offer-banner--price\">\n @if (priceLabel) {\n <span class=\"color--white offer-banner--sublabel\">\n {{ priceLabel }}\n </span>\n }\n @if (price) {\n <span class=\"color--white offer-banner--offer\">\n {{ price }}\n @if (currency) {\n {{ currency | currencySymbol }}\n }\n </span>\n }\n </div>\n }\n @if (btnInfo) {\n <tent-button\n class=\"offer-banner--btn-info offer-banner--btn-info--desktop\"\n type=\"dark-box\"\n [label]=\"btnInfo.label\"\n [url]=\"btnInfo.url\"\n [linkType]=\"btnInfo.linkType!\"\n boxWidth=\"154px\"\n ></tent-button>\n <tent-button\n class=\"offer-banner--btn-info offer-banner--btn-info--mobile\"\n type=\"dark-box\"\n [label]=\"btnInfo.label\"\n [url]=\"btnInfo.url\"\n [linkType]=\"btnInfo.linkType!\"\n boxWidth=\"115px\"\n ></tent-button>\n }\n </div>\n </div>\n @if (img?.src) {\n <img\n [src]=\"\n img?.src ||\n 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'\n \"\n [alt]=\"img?.alt\"\n class=\"offer-banner--image\"\n loading=\"lazy\"\n width=\"150\"\n height=\"100\"\n />\n }\n </div>\n</div>\n", styles: [":root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693d2d;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693e2e;--color-icon-light: : rgb(105 61 45 / 70%);--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--stransition-basic: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.text strong{font-weight:700}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--20{font-weight:700;font-size:16px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--20{font-size:16px}}@media (min-width: 768px){.title--20{font-size:16px}}@media (min-width: 1024px){.title--20{font-size:18px}}@media (min-width: 1680px){.title--20{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:36px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:default;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.figure-zoom:hover figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.1)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.form-error{font-family:var(--tent-font);color:#df6a6a;font-size:13px}.invalid{margin-bottom:10px}.offer-banner{position:relative;background-color:#c7946a;padding:15px 30px 15px 52px}@media (min-width: 540px){.offer-banner{padding:15px 50px 15px 55px}}@media (min-width: 1024px){.offer-banner{width:549px;border-radius:12px 0 0 12px}.offer-banner--left{border-radius:0 12px 12px 0}}@media (max-width: 1023px){.offer-banner{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap}}.offer-banner--badge{position:absolute;left:-28px;top:50%;transform:translate(13%);rotate:-90deg}@media (min-width: 1024px){.offer-banner--badge{rotate:unset;top:-16px;left:0}}.offer-banner--close{position:absolute;right:10px;top:6px}@media (min-width: 1024px){.offer-banner--close{left:-20px;top:50%;transform:translateY(-50%);display:flex;align-items:center;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}}.offer-banner--close ::ng-deep .btn{width:26px;height:26px;background-color:#693d2d}.offer-banner--close ::ng-deep mat-icon{font-size:9px;color:#fff}.offer-banner--close--container{background:#693d2d;font-family:DM Sans;font-size:14px;font-weight:700;line-height:18.23px;letter-spacing:0;text-align:center;color:#fff;border-radius:12px 12px 0 0;position:absolute;width:143px;height:38px;rotate:-90deg;-webkit-transform:translateX(-37%);-moz-transform:translateX(-37%);-ms-transform:translateX(-37%);-o-transform:translateX(-37%);transform:translate(-37%);left:-41px;z-index:0;cursor:pointer;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}@media (max-width: 1023px){.offer-banner--close--container{display:none}}.offer-banner--close--container--left{right:-41px;left:unset;border-radius:0 0 12px 12px;height:20px;padding-top:18px}.offer-banner--close--container--displayed{left:-74px}.offer-banner--close--container--displayed--left{right:-74px;left:unset}.offer-banner--content{height:114px;justify-content:space-between;flex-wrap:nowrap}.offer-banner--content div{flex-wrap:nowrap}.offer-banner--container{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;flex-wrap:nowrap;gap:20px}.offer-banner--title{font-family:var(--tent-font);color:#fff;font-size:20px;font-weight:700;line-height:22px;letter-spacing:0;text-align:left}@media (min-width: 768px){.offer-banner--title{font-size:26px;line-height:30px}}.offer-banner--price{align-items:center;letter-spacing:0;white-space:nowrap}.offer-banner--sublabel{font-family:var(--tent-font);font-size:13px;font-weight:700;line-height:16px;letter-spacing:0;text-align:left}@media (min-width: 768px){.offer-banner--sublabel{font-size:16px}}.offer-banner--offer{font-family:var(--tent-font);font-size:32px;font-weight:700;line-height:38px;letter-spacing:0;text-align:right;text-wrap:nowrap}@media (min-width: 768px){.offer-banner--offer{font-size:38px}}.offer-banner--image{width:160px;height:114px;border-radius:12px}@media (max-width: 539px){.offer-banner--image{display:none}}@media (min-width: 768px){.offer-banner--btn-info--mobile{display:none}}@media (max-width: 767px){.offer-banner--btn-info--desktop{display:none}}.offer-banner--btn-info ::ng-deep .btn{height:40px;background-color:transparent;padding:0 25px}.offer-banner--btn-info:hover ::ng-deep .btn{background-color:#dc572a;color:#fff;border:2px solid #dc572a}.offer-banner--left .offer-banner--close{right:-20px;left:unset}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BadgeComponent, selector: "tent-badge", inputs: ["orientation", "rounded", "label", "icon"] }, { kind: "component", type: ButtonComponent, selector: "tent-button", inputs: ["type", "label", "url", "linkType", "icon", "socialMedia", "iconPosition", "boxWidth", "innerContent", "linkSizeIcon", "closeButton", "disabled", "name"], outputs: ["btnClick"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: CurrencyPipe, name: "currencySymbol" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
47
47
|
}
|
|
48
48
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OfferBannerComponent, decorators: [{
|
|
49
49
|
type: Component,
|
|
@@ -53,7 +53,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
53
53
|
ButtonComponent,
|
|
54
54
|
RouterModule,
|
|
55
55
|
CurrencyPipe,
|
|
56
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n #closeBanner\n class=\"offer-banner--close--container\"\n [ngClass]=\"{ 'offer-banner--close--container--left': left }\"\n (click)=\"closeClick.emit()\"\n>\n {{ closeLabel }}\n</div>\n\n<div class=\"offer-banner\" [ngClass]=\"{ 'offer-banner--left': left }\">\n @if (badge) {\n <tent-badge\n class=\"offer-banner--badge\"\n [rounded]=\"true\"\n [label]=\"badge.label\"\n ></tent-badge>\n }\n @if (btnClose) {\n <tent-button\n #close\n class=\"offer-banner--close\"\n type=\"dark-circle\"\n [icon]=\"btnClose.icon\"\n (btnClick)=\"closeClick.emit()\"\n name=\"close\"\n ></tent-button>\n }\n <a\n [attr.aria-label]=\"mainLabel\"\n class=\"offer-banner--container\"\n [href]=\"btnInfo?.url\"\n [routerLink]=\"[btnInfo?.url]\"\n (click)=\"bannerClicked($event)\"\n >\n <div class=\"flex-col flex-col--between offer-banner--content\">\n @if (mainLabel) {\n <p class=\"offer-banner--title\">\n {{ mainLabel }}\n </p>\n }\n <div class=\"flex-row flex-row--between\">\n @if (price || priceLabel) {\n <div class=\"flex-row offer-banner--price\">\n @if (priceLabel) {\n <span class=\"color--white offer-banner--sublabel\">\n {{ priceLabel }}\n </span>\n }\n @if (price) {\n <span class=\"color--white offer-banner--offer\">\n {{ price }}\n @if (currency) {\n {{ currency | currencySymbol }}\n }\n </span>\n }\n </div>\n }\n @if (btnInfo) {\n <tent-button\n class=\"offer-banner--btn-info offer-banner--btn-info--desktop\"\n type=\"dark-box\"\n [label]=\"btnInfo.label\"\n [url]=\"btnInfo.url\"\n [linkType]=\"btnInfo.linkType!\"\n boxWidth=\"154px\"\n ></tent-button>\n <tent-button\n class=\"offer-banner--btn-info offer-banner--btn-info--mobile\"\n type=\"dark-box\"\n [label]=\"btnInfo.label\"\n [url]=\"btnInfo.url\"\n [linkType]=\"btnInfo.linkType!\"\n boxWidth=\"115px\"\n ></tent-button>\n }\n </div>\n </div>\n @if (img?.src) {\n <img\n [src]=\"\n img?.src ||\n 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'\n \"\n [alt]=\"img?.alt\"\n class=\"offer-banner--image\"\n loading=\"lazy\"\n width=\"150\"\n height=\"100\"\n />\n }\n </a>\n</div>\n", styles: [":root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693d2d;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693e2e;--color-icon-light: : rgb(105 61 45 / 70%);--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--stransition-basic: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.text strong{font-weight:700}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--20{font-weight:700;font-size:16px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--20{font-size:16px}}@media (min-width: 768px){.title--20{font-size:16px}}@media (min-width: 1024px){.title--20{font-size:18px}}@media (min-width: 1680px){.title--20{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:36px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:default;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.figure-zoom:hover figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.1)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.form-error{font-family:var(--tent-font);color:#df6a6a;font-size:13px}.invalid{margin-bottom:10px}.offer-banner{position:relative;background-color:#c7946a;padding:15px 30px 15px 52px}@media (min-width: 540px){.offer-banner{padding:15px 50px 15px 55px}}@media (min-width: 1024px){.offer-banner{width:549px;border-radius:12px 0 0 12px}.offer-banner--left{border-radius:0 12px 12px 0}}@media (max-width: 1023px){.offer-banner{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap}}.offer-banner--badge{position:absolute;left:-28px;top:50%;transform:translate(13%);rotate:-90deg}@media (min-width: 1024px){.offer-banner--badge{rotate:unset;top:-16px;left:0}}.offer-banner--close{position:absolute;right:10px;top:6px}@media (min-width: 1024px){.offer-banner--close{left:-20px;top:50%;transform:translateY(-50%);display:flex;align-items:center;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}}.offer-banner--close ::ng-deep .btn{width:26px;height:26px;background-color:#693d2d}.offer-banner--close ::ng-deep mat-icon{font-size:9px;color:#fff}.offer-banner--close--container{background:#693d2d;font-family:DM Sans;font-size:14px;font-weight:700;line-height:18.23px;letter-spacing:0;text-align:center;color:#fff;border-radius:12px 12px 0 0;position:absolute;width:143px;height:38px;rotate:-90deg;-webkit-transform:translateX(-37%);-moz-transform:translateX(-37%);-ms-transform:translateX(-37%);-o-transform:translateX(-37%);transform:translate(-37%);left:-41px;z-index:0;cursor:pointer;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}@media (max-width: 1023px){.offer-banner--close--container{display:none}}.offer-banner--close--container--left{right:-41px;left:unset;border-radius:0 0 12px 12px;height:20px;padding-top:18px}.offer-banner--close--container--displayed{left:-74px}.offer-banner--close--container--displayed--left{right:-74px;left:unset}.offer-banner--content{height:114px;justify-content:space-between;flex-wrap:nowrap}.offer-banner--content div{flex-wrap:nowrap}.offer-banner--container{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;flex-wrap:nowrap;gap:20px}.offer-banner--title{font-family:var(--tent-font);color:#fff;font-size:20px;font-weight:700;line-height:22px;letter-spacing:0;text-align:left}@media (min-width: 768px){.offer-banner--title{font-size:26px;line-height:30px}}.offer-banner--price{align-items:center;letter-spacing:0;white-space:nowrap}.offer-banner--sublabel{font-family:var(--tent-font);font-size:13px;font-weight:700;line-height:16px;letter-spacing:0;text-align:left}@media (min-width: 768px){.offer-banner--sublabel{font-size:16px}}.offer-banner--offer{font-family:var(--tent-font);font-size:32px;font-weight:700;line-height:38px;letter-spacing:0;text-align:right;text-wrap:nowrap}@media (min-width: 768px){.offer-banner--offer{font-size:38px}}.offer-banner--image{width:160px;height:114px;border-radius:12px}@media (max-width: 539px){.offer-banner--image{display:none}}@media (min-width: 768px){.offer-banner--btn-info--mobile{display:none}}@media (max-width: 767px){.offer-banner--btn-info--desktop{display:none}}.offer-banner--btn-info ::ng-deep .btn{height:40px;background-color:transparent;padding:0 25px}.offer-banner--btn-info:hover ::ng-deep .btn{background-color:#dc572a;color:#fff;border:2px solid #dc572a}.offer-banner--left .offer-banner--close{right:-20px;left:unset}\n"] }]
|
|
56
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n #closeBanner\n class=\"offer-banner--close--container\"\n [ngClass]=\"{ 'offer-banner--close--container--left': left }\"\n (click)=\"closeClick.emit(); $event.stopPropagation()\"\n>\n {{ closeLabel }}\n</div>\n\n<div class=\"offer-banner\" [ngClass]=\"{ 'offer-banner--left': left }\">\n @if (badge) {\n <tent-badge\n class=\"offer-banner--badge\"\n [rounded]=\"true\"\n [label]=\"badge.label\"\n ></tent-badge>\n }\n @if (btnClose) {\n <tent-button\n #close\n class=\"offer-banner--close\"\n type=\"dark-circle\"\n [icon]=\"btnClose.icon\"\n (btnClick)=\"closeClick.emit()\"\n (click)=\"$event.stopPropagation()\"\n name=\"close\"\n ></tent-button>\n }\n\n <div\n [attr.aria-label]=\"mainLabel\"\n class=\"offer-banner--container\"\n [routerLink]=\"btnInfo?.url ? [btnInfo?.url] : null\"\n (click)=\"bannerClicked($event)\"\n >\n <div class=\"flex-col flex-col--between offer-banner--content\">\n @if (mainLabel) {\n <p class=\"offer-banner--title\">\n {{ mainLabel }}\n </p>\n }\n <div class=\"flex-row flex-row--between\">\n @if (price || priceLabel) {\n <div class=\"flex-row offer-banner--price\">\n @if (priceLabel) {\n <span class=\"color--white offer-banner--sublabel\">\n {{ priceLabel }}\n </span>\n }\n @if (price) {\n <span class=\"color--white offer-banner--offer\">\n {{ price }}\n @if (currency) {\n {{ currency | currencySymbol }}\n }\n </span>\n }\n </div>\n }\n @if (btnInfo) {\n <tent-button\n class=\"offer-banner--btn-info offer-banner--btn-info--desktop\"\n type=\"dark-box\"\n [label]=\"btnInfo.label\"\n [url]=\"btnInfo.url\"\n [linkType]=\"btnInfo.linkType!\"\n boxWidth=\"154px\"\n ></tent-button>\n <tent-button\n class=\"offer-banner--btn-info offer-banner--btn-info--mobile\"\n type=\"dark-box\"\n [label]=\"btnInfo.label\"\n [url]=\"btnInfo.url\"\n [linkType]=\"btnInfo.linkType!\"\n boxWidth=\"115px\"\n ></tent-button>\n }\n </div>\n </div>\n @if (img?.src) {\n <img\n [src]=\"\n img?.src ||\n 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'\n \"\n [alt]=\"img?.alt\"\n class=\"offer-banner--image\"\n loading=\"lazy\"\n width=\"150\"\n height=\"100\"\n />\n }\n </div>\n</div>\n", styles: [":root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693d2d;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693e2e;--color-icon-light: : rgb(105 61 45 / 70%);--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--stransition-basic: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.text strong{font-weight:700}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--20{font-weight:700;font-size:16px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--20{font-size:16px}}@media (min-width: 768px){.title--20{font-size:16px}}@media (min-width: 1024px){.title--20{font-size:18px}}@media (min-width: 1680px){.title--20{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:36px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:default;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.figure-zoom:hover figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.1)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.form-error{font-family:var(--tent-font);color:#df6a6a;font-size:13px}.invalid{margin-bottom:10px}.offer-banner{position:relative;background-color:#c7946a;padding:15px 30px 15px 52px}@media (min-width: 540px){.offer-banner{padding:15px 50px 15px 55px}}@media (min-width: 1024px){.offer-banner{width:549px;border-radius:12px 0 0 12px}.offer-banner--left{border-radius:0 12px 12px 0}}@media (max-width: 1023px){.offer-banner{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap}}.offer-banner--badge{position:absolute;left:-28px;top:50%;transform:translate(13%);rotate:-90deg}@media (min-width: 1024px){.offer-banner--badge{rotate:unset;top:-16px;left:0}}.offer-banner--close{position:absolute;right:10px;top:6px}@media (min-width: 1024px){.offer-banner--close{left:-20px;top:50%;transform:translateY(-50%);display:flex;align-items:center;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}}.offer-banner--close ::ng-deep .btn{width:26px;height:26px;background-color:#693d2d}.offer-banner--close ::ng-deep mat-icon{font-size:9px;color:#fff}.offer-banner--close--container{background:#693d2d;font-family:DM Sans;font-size:14px;font-weight:700;line-height:18.23px;letter-spacing:0;text-align:center;color:#fff;border-radius:12px 12px 0 0;position:absolute;width:143px;height:38px;rotate:-90deg;-webkit-transform:translateX(-37%);-moz-transform:translateX(-37%);-ms-transform:translateX(-37%);-o-transform:translateX(-37%);transform:translate(-37%);left:-41px;z-index:0;cursor:pointer;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}@media (max-width: 1023px){.offer-banner--close--container{display:none}}.offer-banner--close--container--left{right:-41px;left:unset;border-radius:0 0 12px 12px;height:20px;padding-top:18px}.offer-banner--close--container--displayed{left:-74px}.offer-banner--close--container--displayed--left{right:-74px;left:unset}.offer-banner--content{height:114px;justify-content:space-between;flex-wrap:nowrap}.offer-banner--content div{flex-wrap:nowrap}.offer-banner--container{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;flex-wrap:nowrap;gap:20px}.offer-banner--title{font-family:var(--tent-font);color:#fff;font-size:20px;font-weight:700;line-height:22px;letter-spacing:0;text-align:left}@media (min-width: 768px){.offer-banner--title{font-size:26px;line-height:30px}}.offer-banner--price{align-items:center;letter-spacing:0;white-space:nowrap}.offer-banner--sublabel{font-family:var(--tent-font);font-size:13px;font-weight:700;line-height:16px;letter-spacing:0;text-align:left}@media (min-width: 768px){.offer-banner--sublabel{font-size:16px}}.offer-banner--offer{font-family:var(--tent-font);font-size:32px;font-weight:700;line-height:38px;letter-spacing:0;text-align:right;text-wrap:nowrap}@media (min-width: 768px){.offer-banner--offer{font-size:38px}}.offer-banner--image{width:160px;height:114px;border-radius:12px}@media (max-width: 539px){.offer-banner--image{display:none}}@media (min-width: 768px){.offer-banner--btn-info--mobile{display:none}}@media (max-width: 767px){.offer-banner--btn-info--desktop{display:none}}.offer-banner--btn-info ::ng-deep .btn{height:40px;background-color:transparent;padding:0 25px}.offer-banner--btn-info:hover ::ng-deep .btn{background-color:#dc572a;color:#fff;border:2px solid #dc572a}.offer-banner--left .offer-banner--close{right:-20px;left:unset}\n"] }]
|
|
57
57
|
}], ctorParameters: () => [{ type: Object, decorators: [{
|
|
58
58
|
type: Inject,
|
|
59
59
|
args: [PLATFORM_ID]
|
|
@@ -88,4 +88,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
88
88
|
}], closeClick: [{
|
|
89
89
|
type: Output
|
|
90
90
|
}] } });
|
|
91
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2ZmZXItYmFubmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RlbnQvc3JjL2xpYi9jb21wb25lbnRzL2NvcmUvb2ZmZXItYmFubmVyL29mZmVyLWJhbm5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90ZW50L3NyYy9saWIvY29tcG9uZW50cy9jb3JlL29mZmVyLWJhbm5lci9vZmZlci1iYW5uZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ2xFLE9BQU8sRUFFSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFVBQVUsRUFDVixZQUFZLEVBQ1osTUFBTSxFQUNOLEtBQUssRUFDTCxNQUFNLEVBQ04sV0FBVyxFQUNYLFNBQVMsR0FDWixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxHQUFHLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFJdEMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzVELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUNwRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0NBQXNDLENBQUM7Ozs7QUFnQnZFLE1BQU0sT0FBTyxvQkFBb0I7SUFpQjdCLFlBQXlDLFVBQWtCO1FBQWxCLGVBQVUsR0FBVixVQUFVLENBQVE7UUFGakQsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7SUFFYyxDQUFDO0lBRS9ELGVBQWU7UUFDWCxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQztZQUFFLE9BQU87UUFDaEQsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsYUFBYSxFQUFFLFlBQVksQ0FBQzthQUMvQyxJQUFJLENBQ0QsR0FBRyxDQUFDLEdBQUcsRUFBRTtZQUVELElBQUksQ0FBQyxXQUFXLENBQUMsYUFDcEIsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUNYLElBQUksQ0FBQyxJQUFJO2dCQUNMLENBQUMsQ0FBQyxpREFBaUQ7Z0JBQ25ELENBQUMsQ0FBQywyQ0FBMkMsQ0FDcEQsQ0FBQztZQUNGLElBQUksSUFBSSxDQUFDLE9BQU8sRUFBRTtnQkFFVixJQUFJLENBQUMsUUFBUSxDQUFDLGFBQ2pCLENBQUMsS0FBSyxDQUFDLE9BQU8sR0FBRyxHQUFHLENBQUM7YUFDekI7UUFDTCxDQUFDLENBQUMsQ0FDTDthQUNBLFNBQVMsRUFBRSxDQUFDO1FBQ2pCLFNBQVMsQ0FDTCxRQUFRLENBQUMsb0JBQW9CLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFDckQsWUFBWSxDQUNmO2FBQ0ksSUFBSSxDQUNELEdBQUcsQ0FBQyxHQUFHLEVBQUU7WUFFRCxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQ3BCLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FDZCxJQUFJLENBQUMsSUFBSTtnQkFDTCxDQUFDLENBQUMsaURBQWlEO2dCQUNuRCxDQUFDLENBQUMsMkNBQTJDLENBQ3BELENBQUM7WUFDRCxJQUFJLENBQUMsUUFBUSxDQUFDLGFBQTZCLENBQUMsS0FBSyxDQUFDLE9BQU87Z0JBQ3RELEdBQUcsQ0FBQztRQUNaLENBQUMsQ0FBQyxDQUNMO2FBQ0EsU0FBUyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELFVBQVU7UUFDTixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzNCLENBQUM7SUFFRCxhQUFhLENBQUMsS0FBWTtRQUN0QixLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7SUFDM0IsQ0FBQzsrR0FqRVEsb0JBQW9CLGtCQWlCVCxXQUFXO21HQWpCdEIsb0JBQW9CLHdhQUNELFVBQVUscUdBQ0osVUFBVSw2QkN0Q2hELG16R0E2RkEsMHRwQkRuRVEsWUFBWSw2SEFDWixjQUFjLDRHQUNkLGVBQWUsa1BBQ2YsWUFBWSwyUUFDWixZQUFZOzs0RkFNUCxvQkFBb0I7a0JBZGhDLFNBQVM7K0JBQ0ksbUJBQW1CLGNBQ2pCLElBQUksV0FDUDt3QkFDTCxZQUFZO3dCQUNaLGNBQWM7d0JBQ2QsZUFBZTt3QkFDZixZQUFZO3dCQUNaLFlBQVk7cUJBQ2YsbUJBR2dCLHVCQUF1QixDQUFDLE1BQU07OzBCQW1CbEMsTUFBTTsyQkFBQyxXQUFXO3lDQWhCVyxRQUFRO3NCQUFqRCxTQUFTO3VCQUFDLE9BQU8sRUFBRSxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUU7Z0JBQ1EsV0FBVztzQkFBMUQsU0FBUzt1QkFBQyxhQUFhLEVBQUUsRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFO2dCQUNyQyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csR0FBRztzQkFBWCxLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRUksVUFBVTtzQkFBbkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSwgaXNQbGF0Zm9ybUJyb3dzZXIgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgICBBZnRlclZpZXdJbml0LFxuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENvbXBvbmVudCxcbiAgICBFbGVtZW50UmVmLFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBJbmplY3QsXG4gICAgSW5wdXQsXG4gICAgT3V0cHV0LFxuICAgIFBMQVRGT1JNX0lELFxuICAgIFZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSb3V0ZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgZnJvbUV2ZW50LCB0YXAgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IEJhZGdlSSB9IGZyb20gJy4uLy4uLy4uL2ludGVyZmFjZXMvYXRvbWljL2JhZGdlLmludGVyZmFjZSc7XG5pbXBvcnQgeyBCdXR0b25JIH0gZnJvbSAnLi4vLi4vLi4vaW50ZXJmYWNlcy9hdG9taWMvYnV0dG9uLmludGVyZmFjZSc7XG5pbXBvcnQgeyBJbWFnZUkgfSBmcm9tICcuLi8uLi8uLi9pbnRlcmZhY2VzL2F0b21pYy9pbWFnZS5pbnRlcmZhY2UnO1xuaW1wb3J0IHsgQ3VycmVuY3lQaXBlIH0gZnJvbSAnLi4vLi4vLi4vcGlwZXMvY3VycmVuY3kucGlwZSc7XG5pbXBvcnQgeyBCYWRnZUNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2F0b21pYy9iYWRnZS9iYWRnZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vYXRvbWljL2J1dHRvbi9idXR0b24uY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICd0ZW50LW9mZmVyLWJhbm5lcicsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIENvbW1vbk1vZHVsZSxcbiAgICAgICAgQmFkZ2VDb21wb25lbnQsXG4gICAgICAgIEJ1dHRvbkNvbXBvbmVudCxcbiAgICAgICAgUm91dGVyTW9kdWxlLFxuICAgICAgICBDdXJyZW5jeVBpcGUsXG4gICAgXSxcbiAgICB0ZW1wbGF0ZVVybDogJy4vb2ZmZXItYmFubmVyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybDogJy4vb2ZmZXItYmFubmVyLmNvbXBvbmVudC5zY3NzJyxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgT2ZmZXJCYW5uZXJDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcbiAgICBAVmlld0NoaWxkKCdjbG9zZScsIHsgcmVhZDogRWxlbWVudFJlZiB9KSBjbG9zZUJ0biE6IEVsZW1lbnRSZWY7XG4gICAgQFZpZXdDaGlsZCgnY2xvc2VCYW5uZXInLCB7IHJlYWQ6IEVsZW1lbnRSZWYgfSkgY2xvc2VCYW5uZXIhOiBFbGVtZW50UmVmO1xuICAgIEBJbnB1dCgpIGJhZGdlPzogQmFkZ2VJO1xuICAgIEBJbnB1dCgpIGJ0bkNsb3NlPzogQnV0dG9uSTtcbiAgICBASW5wdXQoKSBtYWluTGFiZWw/OiBzdHJpbmc7XG4gICAgQElucHV0KCkgcHJpY2VMYWJlbD86IHN0cmluZztcbiAgICBASW5wdXQoKSBjbG9zZUxhYmVsPzogc3RyaW5nO1xuICAgIEBJbnB1dCgpIHByaWNlPzogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGN1cnJlbmN5Pzogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGJ0bkluZm8/OiBCdXR0b25JO1xuICAgIEBJbnB1dCgpIGltZz86IEltYWdlSTtcbiAgICBASW5wdXQoKSBkZXNrdG9wPzogYm9vbGVhbjtcbiAgICBASW5wdXQoKSBsZWZ0PzogYm9vbGVhbjtcblxuICAgIEBPdXRwdXQoKSBjbG9zZUNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gICAgY29uc3RydWN0b3IoQEluamVjdChQTEFURk9STV9JRCkgcHJpdmF0ZSBwbGF0Zm9ybUlkOiBPYmplY3QpIHt9XG5cbiAgICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgICAgIGlmICghaXNQbGF0Zm9ybUJyb3dzZXIodGhpcy5wbGF0Zm9ybUlkKSkgcmV0dXJuO1xuICAgICAgICBmcm9tRXZlbnQodGhpcy5jbG9zZUJ0bi5uYXRpdmVFbGVtZW50LCAnbW91c2VlbnRlcicpXG4gICAgICAgICAgICAucGlwZShcbiAgICAgICAgICAgICAgICB0YXAoKCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAoXG4gICAgICAgICAgICAgICAgICAgICAgICB0aGlzLmNsb3NlQmFubmVyLm5hdGl2ZUVsZW1lbnQgYXMgSFRNTEVsZW1lbnRcbiAgICAgICAgICAgICAgICAgICAgKS5jbGFzc0xpc3QuYWRkKFxuICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy5sZWZ0XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPyAnb2ZmZXItYmFubmVyLS1jbG9zZS0tY29udGFpbmVyLS1kaXNwbGF5ZWQtLWxlZnQnXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgOiAnb2ZmZXItYmFubmVyLS1jbG9zZS0tY29udGFpbmVyLS1kaXNwbGF5ZWQnXG4gICAgICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgICAgICAgIGlmICh0aGlzLmRlc2t0b3ApIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB0aGlzLmNsb3NlQnRuLm5hdGl2ZUVsZW1lbnQgYXMgSFRNTEVsZW1lbnRcbiAgICAgICAgICAgICAgICAgICAgICAgICkuc3R5bGUub3BhY2l0eSA9ICcwJztcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICApXG4gICAgICAgICAgICAuc3Vic2NyaWJlKCk7XG4gICAgICAgIGZyb21FdmVudChcbiAgICAgICAgICAgIGRvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCd0ZW50LW9mZmVyLWJhbm5lcicpWzBdLFxuICAgICAgICAgICAgJ21vdXNlbGVhdmUnXG4gICAgICAgIClcbiAgICAgICAgICAgIC5waXBlKFxuICAgICAgICAgICAgICAgIHRhcCgoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIChcbiAgICAgICAgICAgICAgICAgICAgICAgIHRoaXMuY2xvc2VCYW5uZXIubmF0aXZlRWxlbWVudCBhcyBIVE1MRWxlbWVudFxuICAgICAgICAgICAgICAgICAgICApLmNsYXNzTGlzdC5yZW1vdmUoXG4gICAgICAgICAgICAgICAgICAgICAgICB0aGlzLmxlZnRcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA/ICdvZmZlci1iYW5uZXItLWNsb3NlLS1jb250YWluZXItLWRpc3BsYXllZC0tbGVmdCdcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA6ICdvZmZlci1iYW5uZXItLWNsb3NlLS1jb250YWluZXItLWRpc3BsYXllZCdcbiAgICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICAgICAgKHRoaXMuY2xvc2VCdG4ubmF0aXZlRWxlbWVudCBhcyBIVE1MRWxlbWVudCkuc3R5bGUub3BhY2l0eSA9XG4gICAgICAgICAgICAgICAgICAgICAgICAnMSc7XG4gICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgIClcbiAgICAgICAgICAgIC5zdWJzY3JpYmUoKTtcbiAgICB9XG5cbiAgICBjbG9zZU1vZGFsKCk6IHZvaWQge1xuICAgICAgICB0aGlzLmNsb3NlQ2xpY2suZW1pdCgpO1xuICAgIH1cblxuICAgIGJhbm5lckNsaWNrZWQoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgfVxufVxuIiwiPGRpdlxuICAgICNjbG9zZUJhbm5lclxuICAgIGNsYXNzPVwib2ZmZXItYmFubmVyLS1jbG9zZS0tY29udGFpbmVyXCJcbiAgICBbbmdDbGFzc109XCJ7ICdvZmZlci1iYW5uZXItLWNsb3NlLS1jb250YWluZXItLWxlZnQnOiBsZWZ0IH1cIlxuICAgIChjbGljayk9XCJjbG9zZUNsaWNrLmVtaXQoKVwiXG4+XG4gICAge3sgY2xvc2VMYWJlbCB9fVxuPC9kaXY+XG5cbjxkaXYgY2xhc3M9XCJvZmZlci1iYW5uZXJcIiBbbmdDbGFzc109XCJ7ICdvZmZlci1iYW5uZXItLWxlZnQnOiBsZWZ0IH1cIj5cbiAgICBAaWYgKGJhZGdlKSB7XG4gICAgICAgIDx0ZW50LWJhZGdlXG4gICAgICAgICAgICBjbGFzcz1cIm9mZmVyLWJhbm5lci0tYmFkZ2VcIlxuICAgICAgICAgICAgW3JvdW5kZWRdPVwidHJ1ZVwiXG4gICAgICAgICAgICBbbGFiZWxdPVwiYmFkZ2UubGFiZWxcIlxuICAgICAgICA+PC90ZW50LWJhZGdlPlxuICAgIH1cbiAgICBAaWYgKGJ0bkNsb3NlKSB7XG4gICAgICAgIDx0ZW50LWJ1dHRvblxuICAgICAgICAgICAgI2Nsb3NlXG4gICAgICAgICAgICBjbGFzcz1cIm9mZmVyLWJhbm5lci0tY2xvc2VcIlxuICAgICAgICAgICAgdHlwZT1cImRhcmstY2lyY2xlXCJcbiAgICAgICAgICAgIFtpY29uXT1cImJ0bkNsb3NlLmljb25cIlxuICAgICAgICAgICAgKGJ0bkNsaWNrKT1cImNsb3NlQ2xpY2suZW1pdCgpXCJcbiAgICAgICAgICAgIG5hbWU9XCJjbG9zZVwiXG4gICAgICAgID48L3RlbnQtYnV0dG9uPlxuICAgIH1cbiAgICA8YVxuICAgICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cIm1haW5MYWJlbFwiXG4gICAgICAgIGNsYXNzPVwib2ZmZXItYmFubmVyLS1jb250YWluZXJcIlxuICAgICAgICBbaHJlZl09XCJidG5JbmZvPy51cmxcIlxuICAgICAgICBbcm91dGVyTGlua109XCJbYnRuSW5mbz8udXJsXVwiXG4gICAgICAgIChjbGljayk9XCJiYW5uZXJDbGlja2VkKCRldmVudClcIlxuICAgID5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZsZXgtY29sIGZsZXgtY29sLS1iZXR3ZWVuIG9mZmVyLWJhbm5lci0tY29udGVudFwiPlxuICAgICAgICAgICAgQGlmIChtYWluTGFiZWwpIHtcbiAgICAgICAgICAgICAgICA8cCBjbGFzcz1cIm9mZmVyLWJhbm5lci0tdGl0bGVcIj5cbiAgICAgICAgICAgICAgICAgICAge3sgbWFpbkxhYmVsIH19XG4gICAgICAgICAgICAgICAgPC9wPlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZsZXgtcm93IGZsZXgtcm93LS1iZXR3ZWVuXCI+XG4gICAgICAgICAgICAgICAgQGlmIChwcmljZSB8fCBwcmljZUxhYmVsKSB7XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4LXJvdyBvZmZlci1iYW5uZXItLXByaWNlXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICBAaWYgKHByaWNlTGFiZWwpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImNvbG9yLS13aGl0ZSBvZmZlci1iYW5uZXItLXN1YmxhYmVsXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7IHByaWNlTGFiZWwgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICBAaWYgKHByaWNlKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJjb2xvci0td2hpdGUgb2ZmZXItYmFubmVyLS1vZmZlclwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7eyBwcmljZSB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBAaWYgKGN1cnJlbmN5KSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7eyBjdXJyZW5jeSB8IGN1cnJlbmN5U3ltYm9sIH19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBAaWYgKGJ0bkluZm8pIHtcbiAgICAgICAgICAgICAgICAgICAgPHRlbnQtYnV0dG9uXG4gICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cIm9mZmVyLWJhbm5lci0tYnRuLWluZm8gb2ZmZXItYmFubmVyLS1idG4taW5mby0tZGVza3RvcFwiXG4gICAgICAgICAgICAgICAgICAgICAgICB0eXBlPVwiZGFyay1ib3hcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2xhYmVsXT1cImJ0bkluZm8ubGFiZWxcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW3VybF09XCJidG5JbmZvLnVybFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbbGlua1R5cGVdPVwiYnRuSW5mby5saW5rVHlwZSFcIlxuICAgICAgICAgICAgICAgICAgICAgICAgYm94V2lkdGg9XCIxNTRweFwiXG4gICAgICAgICAgICAgICAgICAgID48L3RlbnQtYnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICA8dGVudC1idXR0b25cbiAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwib2ZmZXItYmFubmVyLS1idG4taW5mbyBvZmZlci1iYW5uZXItLWJ0bi1pbmZvLS1tb2JpbGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgdHlwZT1cImRhcmstYm94XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtsYWJlbF09XCJidG5JbmZvLmxhYmVsXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFt1cmxdPVwiYnRuSW5mby51cmxcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2xpbmtUeXBlXT1cImJ0bkluZm8ubGlua1R5cGUhXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJveFdpZHRoPVwiMTE1cHhcIlxuICAgICAgICAgICAgICAgICAgICA+PC90ZW50LWJ1dHRvbj5cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIEBpZiAoaW1nPy5zcmMpIHtcbiAgICAgICAgICAgIDxpbWdcbiAgICAgICAgICAgICAgICBbc3JjXT1cIlxuICAgICAgICAgICAgICAgICAgICBpbWc/LnNyYyB8fFxuICAgICAgICAgICAgICAgICAgICAnZGF0YTppbWFnZS9naWY7YmFzZTY0LFIwbEdPRGxoQVFBQkFJQUFBQUFBQVAvLy95SDVCQUVBQUFBQUxBQUFBQUFCQUFFQUFBSUJSQUE3J1xuICAgICAgICAgICAgICAgIFwiXG4gICAgICAgICAgICAgICAgW2FsdF09XCJpbWc/LmFsdFwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJvZmZlci1iYW5uZXItLWltYWdlXCJcbiAgICAgICAgICAgICAgICBsb2FkaW5nPVwibGF6eVwiXG4gICAgICAgICAgICAgICAgd2lkdGg9XCIxNTBcIlxuICAgICAgICAgICAgICAgIGhlaWdodD1cIjEwMFwiXG4gICAgICAgICAgICAvPlxuICAgICAgICB9XG4gICAgPC9hPlxuPC9kaXY+XG4iXX0=
|
|
91
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2ZmZXItYmFubmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RlbnQvc3JjL2xpYi9jb21wb25lbnRzL2NvcmUvb2ZmZXItYmFubmVyL29mZmVyLWJhbm5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90ZW50L3NyYy9saWIvY29tcG9uZW50cy9jb3JlL29mZmVyLWJhbm5lci9vZmZlci1iYW5uZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ2xFLE9BQU8sRUFFSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFVBQVUsRUFDVixZQUFZLEVBQ1osTUFBTSxFQUNOLEtBQUssRUFDTCxNQUFNLEVBQ04sV0FBVyxFQUNYLFNBQVMsR0FDWixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxHQUFHLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFJdEMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzVELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUNwRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0NBQXNDLENBQUM7Ozs7QUFnQnZFLE1BQU0sT0FBTyxvQkFBb0I7SUFpQjdCLFlBQXlDLFVBQWtCO1FBQWxCLGVBQVUsR0FBVixVQUFVLENBQVE7UUFGakQsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7SUFFYyxDQUFDO0lBRS9ELGVBQWU7UUFDWCxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQztZQUFFLE9BQU87UUFDaEQsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsYUFBYSxFQUFFLFlBQVksQ0FBQzthQUMvQyxJQUFJLENBQ0QsR0FBRyxDQUFDLEdBQUcsRUFBRTtZQUVELElBQUksQ0FBQyxXQUFXLENBQUMsYUFDcEIsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUNYLElBQUksQ0FBQyxJQUFJO2dCQUNMLENBQUMsQ0FBQyxpREFBaUQ7Z0JBQ25ELENBQUMsQ0FBQywyQ0FBMkMsQ0FDcEQsQ0FBQztZQUNGLElBQUksSUFBSSxDQUFDLE9BQU8sRUFBRTtnQkFFVixJQUFJLENBQUMsUUFBUSxDQUFDLGFBQ2pCLENBQUMsS0FBSyxDQUFDLE9BQU8sR0FBRyxHQUFHLENBQUM7YUFDekI7UUFDTCxDQUFDLENBQUMsQ0FDTDthQUNBLFNBQVMsRUFBRSxDQUFDO1FBQ2pCLFNBQVMsQ0FDTCxRQUFRLENBQUMsb0JBQW9CLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFDckQsWUFBWSxDQUNmO2FBQ0ksSUFBSSxDQUNELEdBQUcsQ0FBQyxHQUFHLEVBQUU7WUFFRCxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQ3BCLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FDZCxJQUFJLENBQUMsSUFBSTtnQkFDTCxDQUFDLENBQUMsaURBQWlEO2dCQUNuRCxDQUFDLENBQUMsMkNBQTJDLENBQ3BELENBQUM7WUFDRCxJQUFJLENBQUMsUUFBUSxDQUFDLGFBQTZCLENBQUMsS0FBSyxDQUFDLE9BQU87Z0JBQ3RELEdBQUcsQ0FBQztRQUNaLENBQUMsQ0FBQyxDQUNMO2FBQ0EsU0FBUyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELFVBQVU7UUFDTixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzNCLENBQUM7SUFFRCxhQUFhLENBQUMsS0FBWTtRQUN0QixLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7SUFDM0IsQ0FBQzsrR0FqRVEsb0JBQW9CLGtCQWlCVCxXQUFXO21HQWpCdEIsb0JBQW9CLHdhQUNELFVBQVUscUdBQ0osVUFBVSw2QkN0Q2hELDAzR0E4RkEsMHRwQkRwRVEsWUFBWSw2SEFDWixjQUFjLDRHQUNkLGVBQWUsa1BBQ2YsWUFBWSwyUUFDWixZQUFZOzs0RkFNUCxvQkFBb0I7a0JBZGhDLFNBQVM7K0JBQ0ksbUJBQW1CLGNBQ2pCLElBQUksV0FDUDt3QkFDTCxZQUFZO3dCQUNaLGNBQWM7d0JBQ2QsZUFBZTt3QkFDZixZQUFZO3dCQUNaLFlBQVk7cUJBQ2YsbUJBR2dCLHVCQUF1QixDQUFDLE1BQU07OzBCQW1CbEMsTUFBTTsyQkFBQyxXQUFXO3lDQWhCVyxRQUFRO3NCQUFqRCxTQUFTO3VCQUFDLE9BQU8sRUFBRSxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUU7Z0JBQ1EsV0FBVztzQkFBMUQsU0FBUzt1QkFBQyxhQUFhLEVBQUUsRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFO2dCQUNyQyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csR0FBRztzQkFBWCxLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRUksVUFBVTtzQkFBbkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSwgaXNQbGF0Zm9ybUJyb3dzZXIgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgICBBZnRlclZpZXdJbml0LFxuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENvbXBvbmVudCxcbiAgICBFbGVtZW50UmVmLFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBJbmplY3QsXG4gICAgSW5wdXQsXG4gICAgT3V0cHV0LFxuICAgIFBMQVRGT1JNX0lELFxuICAgIFZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSb3V0ZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgZnJvbUV2ZW50LCB0YXAgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IEJhZGdlSSB9IGZyb20gJy4uLy4uLy4uL2ludGVyZmFjZXMvYXRvbWljL2JhZGdlLmludGVyZmFjZSc7XG5pbXBvcnQgeyBCdXR0b25JIH0gZnJvbSAnLi4vLi4vLi4vaW50ZXJmYWNlcy9hdG9taWMvYnV0dG9uLmludGVyZmFjZSc7XG5pbXBvcnQgeyBJbWFnZUkgfSBmcm9tICcuLi8uLi8uLi9pbnRlcmZhY2VzL2F0b21pYy9pbWFnZS5pbnRlcmZhY2UnO1xuaW1wb3J0IHsgQ3VycmVuY3lQaXBlIH0gZnJvbSAnLi4vLi4vLi4vcGlwZXMvY3VycmVuY3kucGlwZSc7XG5pbXBvcnQgeyBCYWRnZUNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2F0b21pYy9iYWRnZS9iYWRnZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vYXRvbWljL2J1dHRvbi9idXR0b24uY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICd0ZW50LW9mZmVyLWJhbm5lcicsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIENvbW1vbk1vZHVsZSxcbiAgICAgICAgQmFkZ2VDb21wb25lbnQsXG4gICAgICAgIEJ1dHRvbkNvbXBvbmVudCxcbiAgICAgICAgUm91dGVyTW9kdWxlLFxuICAgICAgICBDdXJyZW5jeVBpcGUsXG4gICAgXSxcbiAgICB0ZW1wbGF0ZVVybDogJy4vb2ZmZXItYmFubmVyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybDogJy4vb2ZmZXItYmFubmVyLmNvbXBvbmVudC5zY3NzJyxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgT2ZmZXJCYW5uZXJDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcbiAgICBAVmlld0NoaWxkKCdjbG9zZScsIHsgcmVhZDogRWxlbWVudFJlZiB9KSBjbG9zZUJ0biE6IEVsZW1lbnRSZWY7XG4gICAgQFZpZXdDaGlsZCgnY2xvc2VCYW5uZXInLCB7IHJlYWQ6IEVsZW1lbnRSZWYgfSkgY2xvc2VCYW5uZXIhOiBFbGVtZW50UmVmO1xuICAgIEBJbnB1dCgpIGJhZGdlPzogQmFkZ2VJO1xuICAgIEBJbnB1dCgpIGJ0bkNsb3NlPzogQnV0dG9uSTtcbiAgICBASW5wdXQoKSBtYWluTGFiZWw/OiBzdHJpbmc7XG4gICAgQElucHV0KCkgcHJpY2VMYWJlbD86IHN0cmluZztcbiAgICBASW5wdXQoKSBjbG9zZUxhYmVsPzogc3RyaW5nO1xuICAgIEBJbnB1dCgpIHByaWNlPzogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGN1cnJlbmN5Pzogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGJ0bkluZm8/OiBCdXR0b25JO1xuICAgIEBJbnB1dCgpIGltZz86IEltYWdlSTtcbiAgICBASW5wdXQoKSBkZXNrdG9wPzogYm9vbGVhbjtcbiAgICBASW5wdXQoKSBsZWZ0PzogYm9vbGVhbjtcblxuICAgIEBPdXRwdXQoKSBjbG9zZUNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gICAgY29uc3RydWN0b3IoQEluamVjdChQTEFURk9STV9JRCkgcHJpdmF0ZSBwbGF0Zm9ybUlkOiBPYmplY3QpIHt9XG5cbiAgICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgICAgIGlmICghaXNQbGF0Zm9ybUJyb3dzZXIodGhpcy5wbGF0Zm9ybUlkKSkgcmV0dXJuO1xuICAgICAgICBmcm9tRXZlbnQodGhpcy5jbG9zZUJ0bi5uYXRpdmVFbGVtZW50LCAnbW91c2VlbnRlcicpXG4gICAgICAgICAgICAucGlwZShcbiAgICAgICAgICAgICAgICB0YXAoKCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAoXG4gICAgICAgICAgICAgICAgICAgICAgICB0aGlzLmNsb3NlQmFubmVyLm5hdGl2ZUVsZW1lbnQgYXMgSFRNTEVsZW1lbnRcbiAgICAgICAgICAgICAgICAgICAgKS5jbGFzc0xpc3QuYWRkKFxuICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy5sZWZ0XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPyAnb2ZmZXItYmFubmVyLS1jbG9zZS0tY29udGFpbmVyLS1kaXNwbGF5ZWQtLWxlZnQnXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgOiAnb2ZmZXItYmFubmVyLS1jbG9zZS0tY29udGFpbmVyLS1kaXNwbGF5ZWQnXG4gICAgICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgICAgICAgIGlmICh0aGlzLmRlc2t0b3ApIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB0aGlzLmNsb3NlQnRuLm5hdGl2ZUVsZW1lbnQgYXMgSFRNTEVsZW1lbnRcbiAgICAgICAgICAgICAgICAgICAgICAgICkuc3R5bGUub3BhY2l0eSA9ICcwJztcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICApXG4gICAgICAgICAgICAuc3Vic2NyaWJlKCk7XG4gICAgICAgIGZyb21FdmVudChcbiAgICAgICAgICAgIGRvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCd0ZW50LW9mZmVyLWJhbm5lcicpWzBdLFxuICAgICAgICAgICAgJ21vdXNlbGVhdmUnXG4gICAgICAgIClcbiAgICAgICAgICAgIC5waXBlKFxuICAgICAgICAgICAgICAgIHRhcCgoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIChcbiAgICAgICAgICAgICAgICAgICAgICAgIHRoaXMuY2xvc2VCYW5uZXIubmF0aXZlRWxlbWVudCBhcyBIVE1MRWxlbWVudFxuICAgICAgICAgICAgICAgICAgICApLmNsYXNzTGlzdC5yZW1vdmUoXG4gICAgICAgICAgICAgICAgICAgICAgICB0aGlzLmxlZnRcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA/ICdvZmZlci1iYW5uZXItLWNsb3NlLS1jb250YWluZXItLWRpc3BsYXllZC0tbGVmdCdcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA6ICdvZmZlci1iYW5uZXItLWNsb3NlLS1jb250YWluZXItLWRpc3BsYXllZCdcbiAgICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICAgICAgKHRoaXMuY2xvc2VCdG4ubmF0aXZlRWxlbWVudCBhcyBIVE1MRWxlbWVudCkuc3R5bGUub3BhY2l0eSA9XG4gICAgICAgICAgICAgICAgICAgICAgICAnMSc7XG4gICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgIClcbiAgICAgICAgICAgIC5zdWJzY3JpYmUoKTtcbiAgICB9XG5cbiAgICBjbG9zZU1vZGFsKCk6IHZvaWQge1xuICAgICAgICB0aGlzLmNsb3NlQ2xpY2suZW1pdCgpO1xuICAgIH1cblxuICAgIGJhbm5lckNsaWNrZWQoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgfVxufVxuIiwiPGRpdlxuICAgICNjbG9zZUJhbm5lclxuICAgIGNsYXNzPVwib2ZmZXItYmFubmVyLS1jbG9zZS0tY29udGFpbmVyXCJcbiAgICBbbmdDbGFzc109XCJ7ICdvZmZlci1iYW5uZXItLWNsb3NlLS1jb250YWluZXItLWxlZnQnOiBsZWZ0IH1cIlxuICAgIChjbGljayk9XCJjbG9zZUNsaWNrLmVtaXQoKTsgJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXCJcbj5cbiAgICB7eyBjbG9zZUxhYmVsIH19XG48L2Rpdj5cblxuPGRpdiBjbGFzcz1cIm9mZmVyLWJhbm5lclwiIFtuZ0NsYXNzXT1cInsgJ29mZmVyLWJhbm5lci0tbGVmdCc6IGxlZnQgfVwiPlxuICAgIEBpZiAoYmFkZ2UpIHtcbiAgICAgICAgPHRlbnQtYmFkZ2VcbiAgICAgICAgICAgIGNsYXNzPVwib2ZmZXItYmFubmVyLS1iYWRnZVwiXG4gICAgICAgICAgICBbcm91bmRlZF09XCJ0cnVlXCJcbiAgICAgICAgICAgIFtsYWJlbF09XCJiYWRnZS5sYWJlbFwiXG4gICAgICAgID48L3RlbnQtYmFkZ2U+XG4gICAgfVxuICAgIEBpZiAoYnRuQ2xvc2UpIHtcbiAgICAgICAgPHRlbnQtYnV0dG9uXG4gICAgICAgICAgICAjY2xvc2VcbiAgICAgICAgICAgIGNsYXNzPVwib2ZmZXItYmFubmVyLS1jbG9zZVwiXG4gICAgICAgICAgICB0eXBlPVwiZGFyay1jaXJjbGVcIlxuICAgICAgICAgICAgW2ljb25dPVwiYnRuQ2xvc2UuaWNvblwiXG4gICAgICAgICAgICAoYnRuQ2xpY2spPVwiY2xvc2VDbGljay5lbWl0KClcIlxuICAgICAgICAgICAgKGNsaWNrKT1cIiRldmVudC5zdG9wUHJvcGFnYXRpb24oKVwiXG4gICAgICAgICAgICBuYW1lPVwiY2xvc2VcIlxuICAgICAgICA+PC90ZW50LWJ1dHRvbj5cbiAgICB9XG5cbiAgICA8ZGl2XG4gICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwibWFpbkxhYmVsXCJcbiAgICAgICAgY2xhc3M9XCJvZmZlci1iYW5uZXItLWNvbnRhaW5lclwiXG4gICAgICAgIFtyb3V0ZXJMaW5rXT1cImJ0bkluZm8/LnVybCA/IFtidG5JbmZvPy51cmxdIDogbnVsbFwiXG4gICAgICAgIChjbGljayk9XCJiYW5uZXJDbGlja2VkKCRldmVudClcIlxuICAgID5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZsZXgtY29sIGZsZXgtY29sLS1iZXR3ZWVuIG9mZmVyLWJhbm5lci0tY29udGVudFwiPlxuICAgICAgICAgICAgQGlmIChtYWluTGFiZWwpIHtcbiAgICAgICAgICAgICAgICA8cCBjbGFzcz1cIm9mZmVyLWJhbm5lci0tdGl0bGVcIj5cbiAgICAgICAgICAgICAgICAgICAge3sgbWFpbkxhYmVsIH19XG4gICAgICAgICAgICAgICAgPC9wPlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZsZXgtcm93IGZsZXgtcm93LS1iZXR3ZWVuXCI+XG4gICAgICAgICAgICAgICAgQGlmIChwcmljZSB8fCBwcmljZUxhYmVsKSB7XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4LXJvdyBvZmZlci1iYW5uZXItLXByaWNlXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICBAaWYgKHByaWNlTGFiZWwpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImNvbG9yLS13aGl0ZSBvZmZlci1iYW5uZXItLXN1YmxhYmVsXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7IHByaWNlTGFiZWwgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICBAaWYgKHByaWNlKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJjb2xvci0td2hpdGUgb2ZmZXItYmFubmVyLS1vZmZlclwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7eyBwcmljZSB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBAaWYgKGN1cnJlbmN5KSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7eyBjdXJyZW5jeSB8IGN1cnJlbmN5U3ltYm9sIH19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBAaWYgKGJ0bkluZm8pIHtcbiAgICAgICAgICAgICAgICAgICAgPHRlbnQtYnV0dG9uXG4gICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cIm9mZmVyLWJhbm5lci0tYnRuLWluZm8gb2ZmZXItYmFubmVyLS1idG4taW5mby0tZGVza3RvcFwiXG4gICAgICAgICAgICAgICAgICAgICAgICB0eXBlPVwiZGFyay1ib3hcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2xhYmVsXT1cImJ0bkluZm8ubGFiZWxcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW3VybF09XCJidG5JbmZvLnVybFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbbGlua1R5cGVdPVwiYnRuSW5mby5saW5rVHlwZSFcIlxuICAgICAgICAgICAgICAgICAgICAgICAgYm94V2lkdGg9XCIxNTRweFwiXG4gICAgICAgICAgICAgICAgICAgID48L3RlbnQtYnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICA8dGVudC1idXR0b25cbiAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwib2ZmZXItYmFubmVyLS1idG4taW5mbyBvZmZlci1iYW5uZXItLWJ0bi1pbmZvLS1tb2JpbGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgdHlwZT1cImRhcmstYm94XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtsYWJlbF09XCJidG5JbmZvLmxhYmVsXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFt1cmxdPVwiYnRuSW5mby51cmxcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2xpbmtUeXBlXT1cImJ0bkluZm8ubGlua1R5cGUhXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJveFdpZHRoPVwiMTE1cHhcIlxuICAgICAgICAgICAgICAgICAgICA+PC90ZW50LWJ1dHRvbj5cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIEBpZiAoaW1nPy5zcmMpIHtcbiAgICAgICAgICAgIDxpbWdcbiAgICAgICAgICAgICAgICBbc3JjXT1cIlxuICAgICAgICAgICAgICAgICAgICBpbWc/LnNyYyB8fFxuICAgICAgICAgICAgICAgICAgICAnZGF0YTppbWFnZS9naWY7YmFzZTY0LFIwbEdPRGxoQVFBQkFJQUFBQUFBQVAvLy95SDVCQUVBQUFBQUxBQUFBQUFCQUFFQUFBSUJSQUE3J1xuICAgICAgICAgICAgICAgIFwiXG4gICAgICAgICAgICAgICAgW2FsdF09XCJpbWc/LmFsdFwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJvZmZlci1iYW5uZXItLWltYWdlXCJcbiAgICAgICAgICAgICAgICBsb2FkaW5nPVwibGF6eVwiXG4gICAgICAgICAgICAgICAgd2lkdGg9XCIxNTBcIlxuICAgICAgICAgICAgICAgIGhlaWdodD1cIjEwMFwiXG4gICAgICAgICAgICAvPlxuICAgICAgICB9XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
package/fesm2022/tent-lib.mjs
CHANGED
|
@@ -3432,7 +3432,7 @@ class OfferBannerComponent {
|
|
|
3432
3432
|
event.preventDefault();
|
|
3433
3433
|
}
|
|
3434
3434
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OfferBannerComponent, deps: [{ token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3435
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: OfferBannerComponent, isStandalone: true, selector: "tent-offer-banner", inputs: { badge: "badge", btnClose: "btnClose", mainLabel: "mainLabel", priceLabel: "priceLabel", closeLabel: "closeLabel", price: "price", currency: "currency", btnInfo: "btnInfo", img: "img", desktop: "desktop", left: "left" }, outputs: { closeClick: "closeClick" }, viewQueries: [{ propertyName: "closeBtn", first: true, predicate: ["close"], descendants: true, read: ElementRef }, { propertyName: "closeBanner", first: true, predicate: ["closeBanner"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div\n #closeBanner\n class=\"offer-banner--close--container\"\n [ngClass]=\"{ 'offer-banner--close--container--left': left }\"\n (click)=\"closeClick.emit()\"\n>\n {{ closeLabel }}\n</div>\n\n<div class=\"offer-banner\" [ngClass]=\"{ 'offer-banner--left': left }\">\n @if (badge) {\n <tent-badge\n class=\"offer-banner--badge\"\n [rounded]=\"true\"\n [label]=\"badge.label\"\n ></tent-badge>\n }\n @if (btnClose) {\n <tent-button\n #close\n class=\"offer-banner--close\"\n type=\"dark-circle\"\n [icon]=\"btnClose.icon\"\n (btnClick)=\"closeClick.emit()\"\n name=\"close\"\n ></tent-button>\n }\n <a\n [attr.aria-label]=\"mainLabel\"\n class=\"offer-banner--container\"\n [href]=\"btnInfo?.url\"\n [routerLink]=\"[btnInfo?.url]\"\n (click)=\"bannerClicked($event)\"\n >\n <div class=\"flex-col flex-col--between offer-banner--content\">\n @if (mainLabel) {\n <p class=\"offer-banner--title\">\n {{ mainLabel }}\n </p>\n }\n <div class=\"flex-row flex-row--between\">\n @if (price || priceLabel) {\n <div class=\"flex-row offer-banner--price\">\n @if (priceLabel) {\n <span class=\"color--white offer-banner--sublabel\">\n {{ priceLabel }}\n </span>\n }\n @if (price) {\n <span class=\"color--white offer-banner--offer\">\n {{ price }}\n @if (currency) {\n {{ currency | currencySymbol }}\n }\n </span>\n }\n </div>\n }\n @if (btnInfo) {\n <tent-button\n class=\"offer-banner--btn-info offer-banner--btn-info--desktop\"\n type=\"dark-box\"\n [label]=\"btnInfo.label\"\n [url]=\"btnInfo.url\"\n [linkType]=\"btnInfo.linkType!\"\n boxWidth=\"154px\"\n ></tent-button>\n <tent-button\n class=\"offer-banner--btn-info offer-banner--btn-info--mobile\"\n type=\"dark-box\"\n [label]=\"btnInfo.label\"\n [url]=\"btnInfo.url\"\n [linkType]=\"btnInfo.linkType!\"\n boxWidth=\"115px\"\n ></tent-button>\n }\n </div>\n </div>\n @if (img?.src) {\n <img\n [src]=\"\n img?.src ||\n 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'\n \"\n [alt]=\"img?.alt\"\n class=\"offer-banner--image\"\n loading=\"lazy\"\n width=\"150\"\n height=\"100\"\n />\n }\n </a>\n</div>\n", styles: [":root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693d2d;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693e2e;--color-icon-light: : rgb(105 61 45 / 70%);--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--stransition-basic: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.text strong{font-weight:700}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--20{font-weight:700;font-size:16px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--20{font-size:16px}}@media (min-width: 768px){.title--20{font-size:16px}}@media (min-width: 1024px){.title--20{font-size:18px}}@media (min-width: 1680px){.title--20{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:36px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:default;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.figure-zoom:hover figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.1)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.form-error{font-family:var(--tent-font);color:#df6a6a;font-size:13px}.invalid{margin-bottom:10px}.offer-banner{position:relative;background-color:#c7946a;padding:15px 30px 15px 52px}@media (min-width: 540px){.offer-banner{padding:15px 50px 15px 55px}}@media (min-width: 1024px){.offer-banner{width:549px;border-radius:12px 0 0 12px}.offer-banner--left{border-radius:0 12px 12px 0}}@media (max-width: 1023px){.offer-banner{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap}}.offer-banner--badge{position:absolute;left:-28px;top:50%;transform:translate(13%);rotate:-90deg}@media (min-width: 1024px){.offer-banner--badge{rotate:unset;top:-16px;left:0}}.offer-banner--close{position:absolute;right:10px;top:6px}@media (min-width: 1024px){.offer-banner--close{left:-20px;top:50%;transform:translateY(-50%);display:flex;align-items:center;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}}.offer-banner--close ::ng-deep .btn{width:26px;height:26px;background-color:#693d2d}.offer-banner--close ::ng-deep mat-icon{font-size:9px;color:#fff}.offer-banner--close--container{background:#693d2d;font-family:DM Sans;font-size:14px;font-weight:700;line-height:18.23px;letter-spacing:0;text-align:center;color:#fff;border-radius:12px 12px 0 0;position:absolute;width:143px;height:38px;rotate:-90deg;-webkit-transform:translateX(-37%);-moz-transform:translateX(-37%);-ms-transform:translateX(-37%);-o-transform:translateX(-37%);transform:translate(-37%);left:-41px;z-index:0;cursor:pointer;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}@media (max-width: 1023px){.offer-banner--close--container{display:none}}.offer-banner--close--container--left{right:-41px;left:unset;border-radius:0 0 12px 12px;height:20px;padding-top:18px}.offer-banner--close--container--displayed{left:-74px}.offer-banner--close--container--displayed--left{right:-74px;left:unset}.offer-banner--content{height:114px;justify-content:space-between;flex-wrap:nowrap}.offer-banner--content div{flex-wrap:nowrap}.offer-banner--container{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;flex-wrap:nowrap;gap:20px}.offer-banner--title{font-family:var(--tent-font);color:#fff;font-size:20px;font-weight:700;line-height:22px;letter-spacing:0;text-align:left}@media (min-width: 768px){.offer-banner--title{font-size:26px;line-height:30px}}.offer-banner--price{align-items:center;letter-spacing:0;white-space:nowrap}.offer-banner--sublabel{font-family:var(--tent-font);font-size:13px;font-weight:700;line-height:16px;letter-spacing:0;text-align:left}@media (min-width: 768px){.offer-banner--sublabel{font-size:16px}}.offer-banner--offer{font-family:var(--tent-font);font-size:32px;font-weight:700;line-height:38px;letter-spacing:0;text-align:right;text-wrap:nowrap}@media (min-width: 768px){.offer-banner--offer{font-size:38px}}.offer-banner--image{width:160px;height:114px;border-radius:12px}@media (max-width: 539px){.offer-banner--image{display:none}}@media (min-width: 768px){.offer-banner--btn-info--mobile{display:none}}@media (max-width: 767px){.offer-banner--btn-info--desktop{display:none}}.offer-banner--btn-info ::ng-deep .btn{height:40px;background-color:transparent;padding:0 25px}.offer-banner--btn-info:hover ::ng-deep .btn{background-color:#dc572a;color:#fff;border:2px solid #dc572a}.offer-banner--left .offer-banner--close{right:-20px;left:unset}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BadgeComponent, selector: "tent-badge", inputs: ["orientation", "rounded", "label", "icon"] }, { kind: "component", type: ButtonComponent, selector: "tent-button", inputs: ["type", "label", "url", "linkType", "icon", "socialMedia", "iconPosition", "boxWidth", "innerContent", "linkSizeIcon", "closeButton", "disabled", "name"], outputs: ["btnClick"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: CurrencyPipe, name: "currencySymbol" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3435
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: OfferBannerComponent, isStandalone: true, selector: "tent-offer-banner", inputs: { badge: "badge", btnClose: "btnClose", mainLabel: "mainLabel", priceLabel: "priceLabel", closeLabel: "closeLabel", price: "price", currency: "currency", btnInfo: "btnInfo", img: "img", desktop: "desktop", left: "left" }, outputs: { closeClick: "closeClick" }, viewQueries: [{ propertyName: "closeBtn", first: true, predicate: ["close"], descendants: true, read: ElementRef }, { propertyName: "closeBanner", first: true, predicate: ["closeBanner"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div\n #closeBanner\n class=\"offer-banner--close--container\"\n [ngClass]=\"{ 'offer-banner--close--container--left': left }\"\n (click)=\"closeClick.emit(); $event.stopPropagation()\"\n>\n {{ closeLabel }}\n</div>\n\n<div class=\"offer-banner\" [ngClass]=\"{ 'offer-banner--left': left }\">\n @if (badge) {\n <tent-badge\n class=\"offer-banner--badge\"\n [rounded]=\"true\"\n [label]=\"badge.label\"\n ></tent-badge>\n }\n @if (btnClose) {\n <tent-button\n #close\n class=\"offer-banner--close\"\n type=\"dark-circle\"\n [icon]=\"btnClose.icon\"\n (btnClick)=\"closeClick.emit()\"\n (click)=\"$event.stopPropagation()\"\n name=\"close\"\n ></tent-button>\n }\n\n <div\n [attr.aria-label]=\"mainLabel\"\n class=\"offer-banner--container\"\n [routerLink]=\"btnInfo?.url ? [btnInfo?.url] : null\"\n (click)=\"bannerClicked($event)\"\n >\n <div class=\"flex-col flex-col--between offer-banner--content\">\n @if (mainLabel) {\n <p class=\"offer-banner--title\">\n {{ mainLabel }}\n </p>\n }\n <div class=\"flex-row flex-row--between\">\n @if (price || priceLabel) {\n <div class=\"flex-row offer-banner--price\">\n @if (priceLabel) {\n <span class=\"color--white offer-banner--sublabel\">\n {{ priceLabel }}\n </span>\n }\n @if (price) {\n <span class=\"color--white offer-banner--offer\">\n {{ price }}\n @if (currency) {\n {{ currency | currencySymbol }}\n }\n </span>\n }\n </div>\n }\n @if (btnInfo) {\n <tent-button\n class=\"offer-banner--btn-info offer-banner--btn-info--desktop\"\n type=\"dark-box\"\n [label]=\"btnInfo.label\"\n [url]=\"btnInfo.url\"\n [linkType]=\"btnInfo.linkType!\"\n boxWidth=\"154px\"\n ></tent-button>\n <tent-button\n class=\"offer-banner--btn-info offer-banner--btn-info--mobile\"\n type=\"dark-box\"\n [label]=\"btnInfo.label\"\n [url]=\"btnInfo.url\"\n [linkType]=\"btnInfo.linkType!\"\n boxWidth=\"115px\"\n ></tent-button>\n }\n </div>\n </div>\n @if (img?.src) {\n <img\n [src]=\"\n img?.src ||\n 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'\n \"\n [alt]=\"img?.alt\"\n class=\"offer-banner--image\"\n loading=\"lazy\"\n width=\"150\"\n height=\"100\"\n />\n }\n </div>\n</div>\n", styles: [":root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693d2d;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693e2e;--color-icon-light: : rgb(105 61 45 / 70%);--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--stransition-basic: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.text strong{font-weight:700}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--20{font-weight:700;font-size:16px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--20{font-size:16px}}@media (min-width: 768px){.title--20{font-size:16px}}@media (min-width: 1024px){.title--20{font-size:18px}}@media (min-width: 1680px){.title--20{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:36px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:default;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.figure-zoom:hover figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.1)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.form-error{font-family:var(--tent-font);color:#df6a6a;font-size:13px}.invalid{margin-bottom:10px}.offer-banner{position:relative;background-color:#c7946a;padding:15px 30px 15px 52px}@media (min-width: 540px){.offer-banner{padding:15px 50px 15px 55px}}@media (min-width: 1024px){.offer-banner{width:549px;border-radius:12px 0 0 12px}.offer-banner--left{border-radius:0 12px 12px 0}}@media (max-width: 1023px){.offer-banner{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap}}.offer-banner--badge{position:absolute;left:-28px;top:50%;transform:translate(13%);rotate:-90deg}@media (min-width: 1024px){.offer-banner--badge{rotate:unset;top:-16px;left:0}}.offer-banner--close{position:absolute;right:10px;top:6px}@media (min-width: 1024px){.offer-banner--close{left:-20px;top:50%;transform:translateY(-50%);display:flex;align-items:center;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}}.offer-banner--close ::ng-deep .btn{width:26px;height:26px;background-color:#693d2d}.offer-banner--close ::ng-deep mat-icon{font-size:9px;color:#fff}.offer-banner--close--container{background:#693d2d;font-family:DM Sans;font-size:14px;font-weight:700;line-height:18.23px;letter-spacing:0;text-align:center;color:#fff;border-radius:12px 12px 0 0;position:absolute;width:143px;height:38px;rotate:-90deg;-webkit-transform:translateX(-37%);-moz-transform:translateX(-37%);-ms-transform:translateX(-37%);-o-transform:translateX(-37%);transform:translate(-37%);left:-41px;z-index:0;cursor:pointer;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}@media (max-width: 1023px){.offer-banner--close--container{display:none}}.offer-banner--close--container--left{right:-41px;left:unset;border-radius:0 0 12px 12px;height:20px;padding-top:18px}.offer-banner--close--container--displayed{left:-74px}.offer-banner--close--container--displayed--left{right:-74px;left:unset}.offer-banner--content{height:114px;justify-content:space-between;flex-wrap:nowrap}.offer-banner--content div{flex-wrap:nowrap}.offer-banner--container{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;flex-wrap:nowrap;gap:20px}.offer-banner--title{font-family:var(--tent-font);color:#fff;font-size:20px;font-weight:700;line-height:22px;letter-spacing:0;text-align:left}@media (min-width: 768px){.offer-banner--title{font-size:26px;line-height:30px}}.offer-banner--price{align-items:center;letter-spacing:0;white-space:nowrap}.offer-banner--sublabel{font-family:var(--tent-font);font-size:13px;font-weight:700;line-height:16px;letter-spacing:0;text-align:left}@media (min-width: 768px){.offer-banner--sublabel{font-size:16px}}.offer-banner--offer{font-family:var(--tent-font);font-size:32px;font-weight:700;line-height:38px;letter-spacing:0;text-align:right;text-wrap:nowrap}@media (min-width: 768px){.offer-banner--offer{font-size:38px}}.offer-banner--image{width:160px;height:114px;border-radius:12px}@media (max-width: 539px){.offer-banner--image{display:none}}@media (min-width: 768px){.offer-banner--btn-info--mobile{display:none}}@media (max-width: 767px){.offer-banner--btn-info--desktop{display:none}}.offer-banner--btn-info ::ng-deep .btn{height:40px;background-color:transparent;padding:0 25px}.offer-banner--btn-info:hover ::ng-deep .btn{background-color:#dc572a;color:#fff;border:2px solid #dc572a}.offer-banner--left .offer-banner--close{right:-20px;left:unset}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BadgeComponent, selector: "tent-badge", inputs: ["orientation", "rounded", "label", "icon"] }, { kind: "component", type: ButtonComponent, selector: "tent-button", inputs: ["type", "label", "url", "linkType", "icon", "socialMedia", "iconPosition", "boxWidth", "innerContent", "linkSizeIcon", "closeButton", "disabled", "name"], outputs: ["btnClick"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: CurrencyPipe, name: "currencySymbol" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3436
3436
|
}
|
|
3437
3437
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OfferBannerComponent, decorators: [{
|
|
3438
3438
|
type: Component,
|
|
@@ -3442,7 +3442,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
3442
3442
|
ButtonComponent,
|
|
3443
3443
|
RouterModule,
|
|
3444
3444
|
CurrencyPipe,
|
|
3445
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n #closeBanner\n class=\"offer-banner--close--container\"\n [ngClass]=\"{ 'offer-banner--close--container--left': left }\"\n (click)=\"closeClick.emit()\"\n>\n {{ closeLabel }}\n</div>\n\n<div class=\"offer-banner\" [ngClass]=\"{ 'offer-banner--left': left }\">\n @if (badge) {\n <tent-badge\n class=\"offer-banner--badge\"\n [rounded]=\"true\"\n [label]=\"badge.label\"\n ></tent-badge>\n }\n @if (btnClose) {\n <tent-button\n #close\n class=\"offer-banner--close\"\n type=\"dark-circle\"\n [icon]=\"btnClose.icon\"\n (btnClick)=\"closeClick.emit()\"\n name=\"close\"\n ></tent-button>\n }\n <a\n [attr.aria-label]=\"mainLabel\"\n class=\"offer-banner--container\"\n [href]=\"btnInfo?.url\"\n [routerLink]=\"[btnInfo?.url]\"\n (click)=\"bannerClicked($event)\"\n >\n <div class=\"flex-col flex-col--between offer-banner--content\">\n @if (mainLabel) {\n <p class=\"offer-banner--title\">\n {{ mainLabel }}\n </p>\n }\n <div class=\"flex-row flex-row--between\">\n @if (price || priceLabel) {\n <div class=\"flex-row offer-banner--price\">\n @if (priceLabel) {\n <span class=\"color--white offer-banner--sublabel\">\n {{ priceLabel }}\n </span>\n }\n @if (price) {\n <span class=\"color--white offer-banner--offer\">\n {{ price }}\n @if (currency) {\n {{ currency | currencySymbol }}\n }\n </span>\n }\n </div>\n }\n @if (btnInfo) {\n <tent-button\n class=\"offer-banner--btn-info offer-banner--btn-info--desktop\"\n type=\"dark-box\"\n [label]=\"btnInfo.label\"\n [url]=\"btnInfo.url\"\n [linkType]=\"btnInfo.linkType!\"\n boxWidth=\"154px\"\n ></tent-button>\n <tent-button\n class=\"offer-banner--btn-info offer-banner--btn-info--mobile\"\n type=\"dark-box\"\n [label]=\"btnInfo.label\"\n [url]=\"btnInfo.url\"\n [linkType]=\"btnInfo.linkType!\"\n boxWidth=\"115px\"\n ></tent-button>\n }\n </div>\n </div>\n @if (img?.src) {\n <img\n [src]=\"\n img?.src ||\n 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'\n \"\n [alt]=\"img?.alt\"\n class=\"offer-banner--image\"\n loading=\"lazy\"\n width=\"150\"\n height=\"100\"\n />\n }\n </a>\n</div>\n", styles: [":root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693d2d;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693e2e;--color-icon-light: : rgb(105 61 45 / 70%);--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--stransition-basic: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.text strong{font-weight:700}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--20{font-weight:700;font-size:16px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--20{font-size:16px}}@media (min-width: 768px){.title--20{font-size:16px}}@media (min-width: 1024px){.title--20{font-size:18px}}@media (min-width: 1680px){.title--20{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:36px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:default;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.figure-zoom:hover figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.1)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.form-error{font-family:var(--tent-font);color:#df6a6a;font-size:13px}.invalid{margin-bottom:10px}.offer-banner{position:relative;background-color:#c7946a;padding:15px 30px 15px 52px}@media (min-width: 540px){.offer-banner{padding:15px 50px 15px 55px}}@media (min-width: 1024px){.offer-banner{width:549px;border-radius:12px 0 0 12px}.offer-banner--left{border-radius:0 12px 12px 0}}@media (max-width: 1023px){.offer-banner{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap}}.offer-banner--badge{position:absolute;left:-28px;top:50%;transform:translate(13%);rotate:-90deg}@media (min-width: 1024px){.offer-banner--badge{rotate:unset;top:-16px;left:0}}.offer-banner--close{position:absolute;right:10px;top:6px}@media (min-width: 1024px){.offer-banner--close{left:-20px;top:50%;transform:translateY(-50%);display:flex;align-items:center;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}}.offer-banner--close ::ng-deep .btn{width:26px;height:26px;background-color:#693d2d}.offer-banner--close ::ng-deep mat-icon{font-size:9px;color:#fff}.offer-banner--close--container{background:#693d2d;font-family:DM Sans;font-size:14px;font-weight:700;line-height:18.23px;letter-spacing:0;text-align:center;color:#fff;border-radius:12px 12px 0 0;position:absolute;width:143px;height:38px;rotate:-90deg;-webkit-transform:translateX(-37%);-moz-transform:translateX(-37%);-ms-transform:translateX(-37%);-o-transform:translateX(-37%);transform:translate(-37%);left:-41px;z-index:0;cursor:pointer;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}@media (max-width: 1023px){.offer-banner--close--container{display:none}}.offer-banner--close--container--left{right:-41px;left:unset;border-radius:0 0 12px 12px;height:20px;padding-top:18px}.offer-banner--close--container--displayed{left:-74px}.offer-banner--close--container--displayed--left{right:-74px;left:unset}.offer-banner--content{height:114px;justify-content:space-between;flex-wrap:nowrap}.offer-banner--content div{flex-wrap:nowrap}.offer-banner--container{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;flex-wrap:nowrap;gap:20px}.offer-banner--title{font-family:var(--tent-font);color:#fff;font-size:20px;font-weight:700;line-height:22px;letter-spacing:0;text-align:left}@media (min-width: 768px){.offer-banner--title{font-size:26px;line-height:30px}}.offer-banner--price{align-items:center;letter-spacing:0;white-space:nowrap}.offer-banner--sublabel{font-family:var(--tent-font);font-size:13px;font-weight:700;line-height:16px;letter-spacing:0;text-align:left}@media (min-width: 768px){.offer-banner--sublabel{font-size:16px}}.offer-banner--offer{font-family:var(--tent-font);font-size:32px;font-weight:700;line-height:38px;letter-spacing:0;text-align:right;text-wrap:nowrap}@media (min-width: 768px){.offer-banner--offer{font-size:38px}}.offer-banner--image{width:160px;height:114px;border-radius:12px}@media (max-width: 539px){.offer-banner--image{display:none}}@media (min-width: 768px){.offer-banner--btn-info--mobile{display:none}}@media (max-width: 767px){.offer-banner--btn-info--desktop{display:none}}.offer-banner--btn-info ::ng-deep .btn{height:40px;background-color:transparent;padding:0 25px}.offer-banner--btn-info:hover ::ng-deep .btn{background-color:#dc572a;color:#fff;border:2px solid #dc572a}.offer-banner--left .offer-banner--close{right:-20px;left:unset}\n"] }]
|
|
3445
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n #closeBanner\n class=\"offer-banner--close--container\"\n [ngClass]=\"{ 'offer-banner--close--container--left': left }\"\n (click)=\"closeClick.emit(); $event.stopPropagation()\"\n>\n {{ closeLabel }}\n</div>\n\n<div class=\"offer-banner\" [ngClass]=\"{ 'offer-banner--left': left }\">\n @if (badge) {\n <tent-badge\n class=\"offer-banner--badge\"\n [rounded]=\"true\"\n [label]=\"badge.label\"\n ></tent-badge>\n }\n @if (btnClose) {\n <tent-button\n #close\n class=\"offer-banner--close\"\n type=\"dark-circle\"\n [icon]=\"btnClose.icon\"\n (btnClick)=\"closeClick.emit()\"\n (click)=\"$event.stopPropagation()\"\n name=\"close\"\n ></tent-button>\n }\n\n <div\n [attr.aria-label]=\"mainLabel\"\n class=\"offer-banner--container\"\n [routerLink]=\"btnInfo?.url ? [btnInfo?.url] : null\"\n (click)=\"bannerClicked($event)\"\n >\n <div class=\"flex-col flex-col--between offer-banner--content\">\n @if (mainLabel) {\n <p class=\"offer-banner--title\">\n {{ mainLabel }}\n </p>\n }\n <div class=\"flex-row flex-row--between\">\n @if (price || priceLabel) {\n <div class=\"flex-row offer-banner--price\">\n @if (priceLabel) {\n <span class=\"color--white offer-banner--sublabel\">\n {{ priceLabel }}\n </span>\n }\n @if (price) {\n <span class=\"color--white offer-banner--offer\">\n {{ price }}\n @if (currency) {\n {{ currency | currencySymbol }}\n }\n </span>\n }\n </div>\n }\n @if (btnInfo) {\n <tent-button\n class=\"offer-banner--btn-info offer-banner--btn-info--desktop\"\n type=\"dark-box\"\n [label]=\"btnInfo.label\"\n [url]=\"btnInfo.url\"\n [linkType]=\"btnInfo.linkType!\"\n boxWidth=\"154px\"\n ></tent-button>\n <tent-button\n class=\"offer-banner--btn-info offer-banner--btn-info--mobile\"\n type=\"dark-box\"\n [label]=\"btnInfo.label\"\n [url]=\"btnInfo.url\"\n [linkType]=\"btnInfo.linkType!\"\n boxWidth=\"115px\"\n ></tent-button>\n }\n </div>\n </div>\n @if (img?.src) {\n <img\n [src]=\"\n img?.src ||\n 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'\n \"\n [alt]=\"img?.alt\"\n class=\"offer-banner--image\"\n loading=\"lazy\"\n width=\"150\"\n height=\"100\"\n />\n }\n </div>\n</div>\n", styles: [":root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693d2d;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693e2e;--color-icon-light: : rgb(105 61 45 / 70%);--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--stransition-basic: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.text strong{font-weight:700}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--20{font-weight:700;font-size:16px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--20{font-size:16px}}@media (min-width: 768px){.title--20{font-size:16px}}@media (min-width: 1024px){.title--20{font-size:18px}}@media (min-width: 1680px){.title--20{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:36px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:default;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.figure-zoom:hover figure{-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.1)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__laundry{border:2px solid #005f87;color:#005f87;background-color:var(--color-background);opacity:.5}.btn__laundry:hover{background-color:#005f87;color:#fff;opacity:1}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.form-error{font-family:var(--tent-font);color:#df6a6a;font-size:13px}.invalid{margin-bottom:10px}.offer-banner{position:relative;background-color:#c7946a;padding:15px 30px 15px 52px}@media (min-width: 540px){.offer-banner{padding:15px 50px 15px 55px}}@media (min-width: 1024px){.offer-banner{width:549px;border-radius:12px 0 0 12px}.offer-banner--left{border-radius:0 12px 12px 0}}@media (max-width: 1023px){.offer-banner{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap}}.offer-banner--badge{position:absolute;left:-28px;top:50%;transform:translate(13%);rotate:-90deg}@media (min-width: 1024px){.offer-banner--badge{rotate:unset;top:-16px;left:0}}.offer-banner--close{position:absolute;right:10px;top:6px}@media (min-width: 1024px){.offer-banner--close{left:-20px;top:50%;transform:translateY(-50%);display:flex;align-items:center;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}}.offer-banner--close ::ng-deep .btn{width:26px;height:26px;background-color:#693d2d}.offer-banner--close ::ng-deep mat-icon{font-size:9px;color:#fff}.offer-banner--close--container{background:#693d2d;font-family:DM Sans;font-size:14px;font-weight:700;line-height:18.23px;letter-spacing:0;text-align:center;color:#fff;border-radius:12px 12px 0 0;position:absolute;width:143px;height:38px;rotate:-90deg;-webkit-transform:translateX(-37%);-moz-transform:translateX(-37%);-ms-transform:translateX(-37%);-o-transform:translateX(-37%);transform:translate(-37%);left:-41px;z-index:0;cursor:pointer;-webkit-transition:var(--stransition-basic);-moz-transition:var(--stransition-basic);-ms-transition:var(--stransition-basic);-o-transition:var(--stransition-basic);transition:var(--stransition-basic)}@media (max-width: 1023px){.offer-banner--close--container{display:none}}.offer-banner--close--container--left{right:-41px;left:unset;border-radius:0 0 12px 12px;height:20px;padding-top:18px}.offer-banner--close--container--displayed{left:-74px}.offer-banner--close--container--displayed--left{right:-74px;left:unset}.offer-banner--content{height:114px;justify-content:space-between;flex-wrap:nowrap}.offer-banner--content div{flex-wrap:nowrap}.offer-banner--container{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;flex-wrap:nowrap;gap:20px}.offer-banner--title{font-family:var(--tent-font);color:#fff;font-size:20px;font-weight:700;line-height:22px;letter-spacing:0;text-align:left}@media (min-width: 768px){.offer-banner--title{font-size:26px;line-height:30px}}.offer-banner--price{align-items:center;letter-spacing:0;white-space:nowrap}.offer-banner--sublabel{font-family:var(--tent-font);font-size:13px;font-weight:700;line-height:16px;letter-spacing:0;text-align:left}@media (min-width: 768px){.offer-banner--sublabel{font-size:16px}}.offer-banner--offer{font-family:var(--tent-font);font-size:32px;font-weight:700;line-height:38px;letter-spacing:0;text-align:right;text-wrap:nowrap}@media (min-width: 768px){.offer-banner--offer{font-size:38px}}.offer-banner--image{width:160px;height:114px;border-radius:12px}@media (max-width: 539px){.offer-banner--image{display:none}}@media (min-width: 768px){.offer-banner--btn-info--mobile{display:none}}@media (max-width: 767px){.offer-banner--btn-info--desktop{display:none}}.offer-banner--btn-info ::ng-deep .btn{height:40px;background-color:transparent;padding:0 25px}.offer-banner--btn-info:hover ::ng-deep .btn{background-color:#dc572a;color:#fff;border:2px solid #dc572a}.offer-banner--left .offer-banner--close{right:-20px;left:unset}\n"] }]
|
|
3446
3446
|
}], ctorParameters: () => [{ type: Object, decorators: [{
|
|
3447
3447
|
type: Inject,
|
|
3448
3448
|
args: [PLATFORM_ID]
|