tent-lib 0.0.148 → 0.0.150
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/core/hotel-slider/hotel-slider.component.mjs +5 -2
- package/esm2022/lib/components/core/offer-banner/offer-banner.component.mjs +12 -5
- package/fesm2022/tent-lib.mjs +13 -4
- package/fesm2022/tent-lib.mjs.map +1 -1
- package/lib/components/core/offer-banner/offer-banner.component.d.ts +3 -0
- package/package.json +1 -1
|
@@ -24,8 +24,11 @@ export class HotelSliderComponent {
|
|
|
24
24
|
0: {
|
|
25
25
|
items: 1,
|
|
26
26
|
},
|
|
27
|
+
1024: {
|
|
28
|
+
items: 1.2,
|
|
29
|
+
},
|
|
27
30
|
1680: {
|
|
28
|
-
items: 1,
|
|
31
|
+
items: 1.2,
|
|
29
32
|
},
|
|
30
33
|
},
|
|
31
34
|
nav: true,
|
|
@@ -57,4 +60,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
|
|
|
57
60
|
}], items: [{
|
|
58
61
|
type: Input
|
|
59
62
|
}] } });
|
|
60
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
63
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaG90ZWwtc2xpZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RlbnQvc3JjL2xpYi9jb21wb25lbnRzL2NvcmUvaG90ZWwtc2xpZGVyL2hvdGVsLXNsaWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90ZW50L3NyYy9saWIvY29tcG9uZW50cy9jb3JlL2hvdGVsLXNsaWRlci9ob3RlbC1zbGlkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDekQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUNwRSxPQUFPLEVBQUUsY0FBYyxFQUFjLE1BQU0sb0JBQW9CLENBQUM7Ozs7QUFXaEUsTUFBTSxPQUFPLG9CQUFvQjtJQWlDN0IsWUFBNkIsU0FBdUI7UUFBdkIsY0FBUyxHQUFULFNBQVMsQ0FBYztRQTFCcEQsa0JBQWEsR0FBZTtZQUN4QixJQUFJLEVBQUUsSUFBSTtZQUNWLFFBQVEsRUFBRSxJQUFJO1lBQ2QsZUFBZSxFQUFFLElBQUk7WUFDckIsYUFBYSxFQUFFLElBQUk7WUFDbkIsUUFBUSxFQUFFLElBQUk7WUFDZCxxQkFBcUIsRUFBRSxHQUFHO1lBQzFCLE1BQU0sRUFBRSxDQUFDO1lBQ1QsU0FBUyxFQUFFLElBQUk7WUFDZixTQUFTLEVBQUUsSUFBSTtZQUNmLFFBQVEsRUFBRSxJQUFJO1lBQ2QsSUFBSSxFQUFFLEtBQUs7WUFDWCxVQUFVLEVBQUU7Z0JBQ1IsQ0FBQyxFQUFFO29CQUNDLEtBQUssRUFBRSxDQUFDO2lCQUNYO2dCQUNELElBQUksRUFBRTtvQkFDRixLQUFLLEVBQUUsR0FBRztpQkFDYjtnQkFDRCxJQUFJLEVBQUU7b0JBQ0YsS0FBSyxFQUFFLEdBQUc7aUJBQ2I7YUFDSjtZQUNELEdBQUcsRUFBRSxJQUFJO1NBQ1osQ0FBQztJQUVxRCxDQUFDO0lBRXhELFFBQVE7UUFDSixJQUFJLENBQUMsYUFBYSxDQUFDLE9BQU8sR0FBRztZQUN6QixzRkFBc0YsSUFBSSxDQUFDLGVBQWUsOEJBQThCO1lBQ3hJLHNGQUFzRixJQUFJLENBQUMsZ0JBQWdCLDhCQUE4QjtTQUM1SSxDQUFDO0lBQ04sQ0FBQztJQUVELFFBQVEsQ0FBQyxLQUFhO1FBQ2xCLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyx3QkFBd0IsQ0FDMUMseUJBQXlCLEtBQUssR0FBRyxDQUNwQyxDQUFDO0lBQ04sQ0FBQzs4R0E5Q1Esb0JBQW9CO2tHQUFwQixvQkFBb0IsMk5DZGpDLDg1RkE4REEsNnNwQkRwRGMsZUFBZSx3T0FBRSxjQUFjLDRXQUFFLGNBQWM7OzJGQUloRCxvQkFBb0I7a0JBUGhDLFNBQVM7K0JBQ0ksbUJBQW1CLGNBQ2pCLElBQUksV0FDUCxDQUFDLGVBQWUsRUFBRSxjQUFjLEVBQUUsY0FBYyxDQUFDO2lGQUtqRCxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vYXRvbWljL2J1dHRvbi9idXR0b24uY29tcG9uZW50JztcclxuaW1wb3J0IHsgQmFkZ2VDb21wb25lbnQgfSBmcm9tICcuLi8uLi9hdG9taWMvYmFkZ2UvYmFkZ2UuY29tcG9uZW50JztcclxuaW1wb3J0IHsgQ2Fyb3VzZWxNb2R1bGUsIE93bE9wdGlvbnMgfSBmcm9tICduZ3gtb3dsLWNhcm91c2VsLW8nO1xyXG5pbXBvcnQgeyBEb21TYW5pdGl6ZXIsIFNhZmVTdHlsZSB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xyXG5pbXBvcnQgeyBCYWRnZUkgfSBmcm9tICcuLi8uLi8uLi9pbnRlcmZhY2VzL2F0b21pYy9iYWRnZS5pbnRlcmZhY2UnO1xyXG5pbXBvcnQgeyBCdXR0b25JIH0gZnJvbSAnLi4vLi4vLi4vaW50ZXJmYWNlcy9hdG9taWMvYnV0dG9uLmludGVyZmFjZSc7XHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICd0ZW50LWhvdGVsLXNsaWRlcicsXHJcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gICAgaW1wb3J0czogW0J1dHRvbkNvbXBvbmVudCwgQ2Fyb3VzZWxNb2R1bGUsIEJhZGdlQ29tcG9uZW50XSxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9ob3RlbC1zbGlkZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmw6ICcuL2hvdGVsLXNsaWRlci5jb21wb25lbnQuc2NzcycsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBIb3RlbFNsaWRlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgICBASW5wdXQoKSBpY29uQ29udHJvbExlZnQhOiBzdHJpbmc7XHJcbiAgICBASW5wdXQoKSBpY29uQ29udHJvbFJpZ2h0ITogc3RyaW5nO1xyXG4gICAgQElucHV0KCkgdGl0bGUhOiBzdHJpbmc7XHJcbiAgICBASW5wdXQoKSB0aXRsZURhcmshOiBzdHJpbmc7XHJcbiAgICBASW5wdXQoKSBpdGVtcyE6IEhvdGVsU2xpZGVySXRlbVtdO1xyXG5cclxuICAgIHNsaWRlck9wdGlvbnM6IE93bE9wdGlvbnMgPSB7XHJcbiAgICAgICAgbG9vcDogdHJ1ZSxcclxuICAgICAgICBhdXRvcGxheTogdHJ1ZSxcclxuICAgICAgICBhdXRvcGxheVRpbWVvdXQ6IDUwMDAsXHJcbiAgICAgICAgYXV0b3BsYXlTcGVlZDogMTUwMCxcclxuICAgICAgICBuYXZTcGVlZDogMTUwMCxcclxuICAgICAgICByZXNwb25zaXZlUmVmcmVzaFJhdGU6IDEwMCxcclxuICAgICAgICBtYXJnaW46IDAsXHJcbiAgICAgICAgbW91c2VEcmFnOiB0cnVlLFxyXG4gICAgICAgIHRvdWNoRHJhZzogdHJ1ZSxcclxuICAgICAgICBwdWxsRHJhZzogdHJ1ZSxcclxuICAgICAgICBkb3RzOiBmYWxzZSxcclxuICAgICAgICByZXNwb25zaXZlOiB7XHJcbiAgICAgICAgICAgIDA6IHtcclxuICAgICAgICAgICAgICAgIGl0ZW1zOiAxLFxyXG4gICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICAxMDI0OiB7XHJcbiAgICAgICAgICAgICAgICBpdGVtczogMS4yLFxyXG4gICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICAxNjgwOiB7XHJcbiAgICAgICAgICAgICAgICBpdGVtczogMS4yLFxyXG4gICAgICAgICAgICB9LFxyXG4gICAgICAgIH0sXHJcbiAgICAgICAgbmF2OiB0cnVlLFxyXG4gICAgfTtcclxuXHJcbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IHNhbml0aXplcjogRG9tU2FuaXRpemVyKSB7fVxyXG5cclxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgICAgIHRoaXMuc2xpZGVyT3B0aW9ucy5uYXZUZXh0ID0gW1xyXG4gICAgICAgICAgICBgPGRpdiBjbGFzcz1cImJ0biBidG5fX2NpcmNsZSBidG5fX2NpcmNsZS0tIGJ0bl9fZGFya1wiPjxzcGFuIGNsYXNzPVwiYnRuX19jaXJjbGUtaWNvbiAke3RoaXMuaWNvbkNvbnRyb2xMZWZ0fSBpY29uLS1zaXplMTIgXCI+IDxzcGFuPjxkaXY+YCxcclxuICAgICAgICAgICAgYDxkaXYgY2xhc3M9XCJidG4gYnRuX19jaXJjbGUgYnRuX19jaXJjbGUtLSBidG5fX2RhcmtcIj48c3BhbiBjbGFzcz1cImJ0bl9fY2lyY2xlLWljb24gJHt0aGlzLmljb25Db250cm9sUmlnaHR9IGljb24tLXNpemUxMiBcIj4gPHNwYW4+PGRpdj5gLFxyXG4gICAgICAgIF07XHJcbiAgICB9XHJcblxyXG4gICAgZ2V0SW1hZ2UoaW1hZ2U6IHN0cmluZyk6IFNhZmVTdHlsZSB7XHJcbiAgICAgICAgcmV0dXJuIHRoaXMuc2FuaXRpemVyLmJ5cGFzc1NlY3VyaXR5VHJ1c3RTdHlsZShcclxuICAgICAgICAgICAgYGJhY2tncm91bmQtaW1hZ2U6IHVybCgke2ltYWdlfSlgXHJcbiAgICAgICAgKTtcclxuICAgIH1cclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBIb3RlbFNsaWRlckl0ZW0ge1xyXG4gICAgaW1hZ2U6IHN0cmluZztcclxuICAgIHRpdGxlOiBzdHJpbmc7XHJcbiAgICBkZXNjcmlwdGlvbjogc3RyaW5nO1xyXG4gICAgbmRUaXRsZT86IHN0cmluZztcclxuICAgIGJhZGdlOiBCYWRnZUk7XHJcbiAgICBidXR0b25zOiBCdXR0b25JW107XHJcbn1cclxuIiwiPHNlY3Rpb24gY2xhc3M9XCJob3RlbC1zbGlkZXIgbW9kdWxlLXNwYWNlci0tYm90dG9tXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiaG90ZWwtc2xpZGVyLS1jb250ZW50IHdyYXBwZXItYmlnXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImhvdGVsLXNsaWRlci0taGVhZFwiPlxyXG4gICAgICAgICAgICA8aDMgY2xhc3M9XCJob3RlbC1zbGlkZXItLXRpdGxlIHRpdGxlLS04MCBjb2xvci0tY2FtZWxcIj5cclxuICAgICAgICAgICAgICAgIHt7IHRpdGxlIH19IDxzcGFuIGNsYXNzPVwiY29sb3ItLWJyb3duXCI+e3sgdGl0bGVEYXJrIH19PC9zcGFuPlxyXG4gICAgICAgICAgICA8L2gzPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJob3RlbC1zbGlkZXItLWlubmVyXCI+XHJcbiAgICAgICAgICAgIDxvd2wtY2Fyb3VzZWwtb1xyXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJob3RlbC1zbGlkZXItLXNsaWRlciBzbGlkZXItY2lyY2xlLS1jZW50ZXJcIlxyXG4gICAgICAgICAgICAgICAgW29wdGlvbnNdPVwic2xpZGVyT3B0aW9uc1wiXHJcbiAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICAgIEBmb3IgKGl0ZW0gb2YgaXRlbXM7IHRyYWNrICRpbmRleCkge1xyXG4gICAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlIGNhcm91c2VsU2xpZGU+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImhvdGVsLXNsaWRlci0tc2xpZGVcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImhvdGVsLXNsaWRlci0taW1nXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaG90ZWwtc2xpZGVyLS1waG90byBmaWd1cmUtY29udGVudFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxmaWd1cmVcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJmaWd1cmUtZnVsbFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzdHlsZV09XCJnZXRJbWFnZShpdGVtLmltYWdlKVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPjwvZmlndXJlPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaG90ZWwtc2xpZGVyLS1kZXNcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx0ZW50LWJhZGdlXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJob3RlbC1zbGlkZXItLWJhZGdldFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3JvdW5kZWRdPVwidHJ1ZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2xhYmVsXT1cIml0ZW0uYmFkZ2UubGFiZWxcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPjwvdGVudC1iYWRnZT5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxoNFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiaG90ZWwtc2xpZGVyLS1zbGlkZVRpdGxlIGNvbG9yLS1icm93biB0aXRsZS0tODBcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7IGl0ZW0udGl0bGUgfX1cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImNvbG9yLS1icm93blwiPnt7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGl0ZW0ubmRUaXRsZVxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH19PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9oND5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwIGNsYXNzPVwidGV4dFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7IGl0ZW0uZGVzY3JpcHRpb24gfX1cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvcD5cclxuXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaG90ZWwtc2xpZGVyLS1idG5zIHB0LS0yMFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIEBmb3IgKGJ0biBvZiBpdGVtLmJ1dHRvbnM7IHRyYWNrICRpbmRleCkge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx0ZW50LWJ1dHRvblxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbdHlwZV09XCJidG4udHlwZSFcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbaWNvbl09XCJidG4uaWNvblwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtpY29uUG9zaXRpb25dPVwiYnRuLmljb25Qb3NpdGlvblwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtsYWJlbF09XCJidG4ubGFiZWxcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbdXJsXT1cImJ0bi51cmxcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbGlua1R5cGVdPVwiYnRuLmxpbmtUeXBlIVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPjwvdGVudC1idXR0b24+XHJcblxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIDwvb3dsLWNhcm91c2VsLW8+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9zZWN0aW9uPlxyXG4iXX0=
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { Component, ElementRef, EventEmitter, Input, Output, ViewChild, } from '@angular/core';
|
|
2
|
+
import { RouterModule } from '@angular/router';
|
|
2
3
|
import { fromEvent, tap } from 'rxjs';
|
|
3
4
|
import { BadgeComponent } from '../../atomic/badge/badge.component';
|
|
4
5
|
import { ButtonComponent } from '../../atomic/button/button.component';
|
|
5
|
-
import { RouterModule } from '@angular/router';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
|
+
import * as i1 from "@angular/router";
|
|
7
8
|
export class OfferBannerComponent {
|
|
8
9
|
constructor() {
|
|
9
10
|
this.closeClick = new EventEmitter();
|
|
@@ -24,13 +25,19 @@ export class OfferBannerComponent {
|
|
|
24
25
|
}))
|
|
25
26
|
.subscribe();
|
|
26
27
|
}
|
|
28
|
+
closeModal() {
|
|
29
|
+
this.closeClick.emit();
|
|
30
|
+
}
|
|
31
|
+
bannerClicked(event) {
|
|
32
|
+
event.preventDefault();
|
|
33
|
+
}
|
|
27
34
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: OfferBannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
28
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: OfferBannerComponent, isStandalone: true, selector: "tent-offer-banner", inputs: { badge: "badge", btnClose: "btnClose", mainLabel: "mainLabel", priceLabel: "priceLabel", closeLabel: "closeLabel", price: "price", btnInfo: "btnInfo", img: "img" }, 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\r\n #closeBanner\r\n class=\"offer-banner--close--container\"\r\n (click)=\"closeClick.emit()\"\r\n>\r\n {{ closeLabel }}\r\n</div>\r\n\r\n<div class=\"offer-banner\">\r\n <tent-badge\r\n class=\"offer-banner--badge\"\r\n [rounded]=\"true\"\r\n [label]=\"badge.label\"\r\n ></tent-badge>\r\n <tent-button\r\n #close\r\n class=\"offer-banner--close\"\r\n type=\"dark-circle\"\r\n [icon]=\"btnClose.icon\"\r\n (btnClick)=\"closeClick.emit()\"\r\n ></tent-button>\r\n <a class=\"offer-banner--container\">\r\n <div class=\"flex-col flex-col--between offer-banner--content\">\r\n <p class=\"offer-banner--title\">\r\n {{ mainLabel }}\r\n </p>\r\n <div class=\"flex-row flex-row--between\">\r\n <div class=\"flex-row offer-banner--price\">\r\n <span class=\"color--white offer-banner--sublabel\">\r\n {{ priceLabel }}\r\n </span>\r\n <span class=\"color--white offer-banner--offer\">\r\n {{ price }}</span\r\n >\r\n </div>\r\n\r\n <tent-button\r\n class=\"offer-banner--btn-info\"\r\n type=\"dark-box\"\r\n [label]=\"btnInfo.label\"\r\n [url]=\"btnInfo.url\"\r\n [linkType]=\"btnInfo.linkType!\"\r\n boxWidth=\"154px\"\r\n ></tent-button>\r\n </div>\r\n </div>\r\n <img [src]=\"img\" class=\"offer-banner--image\" />\r\n </a>\r\n</div>\r\n", styles: [":root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693D2D;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693E2E;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:38px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width: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}.offer-banner{position:relative;background-color:#c7946a;padding:15px 20px 15px 30px}@media (min-width: 1024px){.offer-banner{width:549px;border-radius:12px 0 0 12px}}@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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}@media (max-width: 1023px){.offer-banner--close--container{display:none}}.offer-banner--close--container--displayed{left:-74px}.offer-banner--content{height:114px;justify-content:space-between;flex-wrap:nowrap}@media (max-width: 539px){.offer-banner--content{padding-left:30px}.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}@media (min-width: 540px) and (max-width: 620px){.offer-banner--container>div{max-width:250px}}.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}@media (max-width: 539px){.offer-banner--price{flex-wrap:nowrap}}.offer-banner--sublabel{font-family:var(--tent-font);font-size:16px;font-weight:700;line-height:16px;letter-spacing:0;text-align:left}.offer-banner--offer{font-family:var(--tent-font);font-size:38px;font-weight:700;line-height:38px;letter-spacing:0;text-align:right}.offer-banner--image{width:160px;height:114px;border-radius:12px}@media (max-width: 539px){.offer-banner--image{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:none}\n"], dependencies: [{ kind: "component", type: BadgeComponent, selector: "tent-badge", inputs: ["orientation", "rounded", "label"] }, { kind: "component", type: ButtonComponent, selector: "tent-button", inputs: ["type", "label", "url", "linkType", "icon", "socialMedia", "iconPosition", "boxWidth", "innerContent", "linkSizeIcon", "target", "closeButton"], outputs: ["btnClick"] }, { kind: "ngmodule", type: RouterModule }] }); }
|
|
35
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: OfferBannerComponent, isStandalone: true, selector: "tent-offer-banner", inputs: { badge: "badge", btnClose: "btnClose", mainLabel: "mainLabel", priceLabel: "priceLabel", closeLabel: "closeLabel", price: "price", btnInfo: "btnInfo", img: "img" }, 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\r\n #closeBanner\r\n class=\"offer-banner--close--container\"\r\n (click)=\"closeClick.emit()\"\r\n>\r\n {{ closeLabel }}\r\n</div>\r\n\r\n<div class=\"offer-banner\">\r\n <tent-badge\r\n class=\"offer-banner--badge\"\r\n [rounded]=\"true\"\r\n [label]=\"badge.label\"\r\n ></tent-badge>\r\n <tent-button\r\n #close\r\n class=\"offer-banner--close\"\r\n type=\"dark-circle\"\r\n [icon]=\"btnClose.icon\"\r\n (btnClick)=\"closeClick.emit()\"\r\n ></tent-button>\r\n <a\r\n class=\"offer-banner--container\"\r\n [href]=\"btnInfo.url\"\r\n [routerLink]=\"[btnInfo.url]\"\r\n (click)=\"bannerClicked($event)\"\r\n >\r\n <div class=\"flex-col flex-col--between offer-banner--content\">\r\n <p class=\"offer-banner--title\">\r\n {{ mainLabel }}\r\n </p>\r\n <div class=\"flex-row flex-row--between\">\r\n <div class=\"flex-row offer-banner--price\">\r\n <span class=\"color--white offer-banner--sublabel\">\r\n {{ priceLabel }}\r\n </span>\r\n <span class=\"color--white offer-banner--offer\">\r\n {{ price }}</span\r\n >\r\n </div>\r\n\r\n <tent-button\r\n class=\"offer-banner--btn-info\"\r\n type=\"dark-box\"\r\n [label]=\"btnInfo.label\"\r\n [url]=\"btnInfo.url\"\r\n [linkType]=\"btnInfo.linkType!\"\r\n boxWidth=\"154px\"\r\n ></tent-button>\r\n </div>\r\n </div>\r\n <img [src]=\"img\" class=\"offer-banner--image\" />\r\n </a>\r\n</div>\r\n", styles: [":root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693D2D;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693E2E;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:38px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width: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}.offer-banner{position:relative;background-color:#c7946a;padding:15px 20px 15px 30px}@media (min-width: 1024px){.offer-banner{width:549px;border-radius:12px 0 0 12px}}@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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}@media (max-width: 1023px){.offer-banner--close--container{display:none}}.offer-banner--close--container--displayed{left:-74px}.offer-banner--content{height:114px;justify-content:space-between;flex-wrap:nowrap}@media (max-width: 539px){.offer-banner--content{padding-left:30px}.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}@media (min-width: 540px) and (max-width: 620px){.offer-banner--container>div{max-width:250px}}.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}@media (max-width: 539px){.offer-banner--price{flex-wrap:nowrap}}.offer-banner--sublabel{font-family:var(--tent-font);font-size:16px;font-weight:700;line-height:16px;letter-spacing:0;text-align:left}.offer-banner--offer{font-family:var(--tent-font);font-size:38px;font-weight:700;line-height:38px;letter-spacing:0;text-align:right}.offer-banner--image{width:160px;height:114px;border-radius:12px}@media (max-width: 539px){.offer-banner--image{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:none}\n"], dependencies: [{ kind: "component", type: BadgeComponent, selector: "tent-badge", inputs: ["orientation", "rounded", "label"] }, { kind: "component", type: ButtonComponent, selector: "tent-button", inputs: ["type", "label", "url", "linkType", "icon", "socialMedia", "iconPosition", "boxWidth", "innerContent", "linkSizeIcon", "target", "closeButton"], outputs: ["btnClick"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
|
|
29
36
|
}
|
|
30
37
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: OfferBannerComponent, decorators: [{
|
|
31
38
|
type: Component,
|
|
32
|
-
args: [{ selector: 'tent-offer-banner', standalone: true, imports: [BadgeComponent, ButtonComponent, RouterModule], template: "<div\r\n #closeBanner\r\n class=\"offer-banner--close--container\"\r\n (click)=\"closeClick.emit()\"\r\n>\r\n {{ closeLabel }}\r\n</div>\r\n\r\n<div class=\"offer-banner\">\r\n <tent-badge\r\n class=\"offer-banner--badge\"\r\n [rounded]=\"true\"\r\n [label]=\"badge.label\"\r\n ></tent-badge>\r\n <tent-button\r\n #close\r\n class=\"offer-banner--close\"\r\n type=\"dark-circle\"\r\n [icon]=\"btnClose.icon\"\r\n (btnClick)=\"closeClick.emit()\"\r\n ></tent-button>\r\n <a class=\"offer-banner--container\">\r\n <div class=\"flex-col flex-col--between offer-banner--content\">\r\n <p class=\"offer-banner--title\">\r\n {{ mainLabel }}\r\n </p>\r\n <div class=\"flex-row flex-row--between\">\r\n <div class=\"flex-row offer-banner--price\">\r\n <span class=\"color--white offer-banner--sublabel\">\r\n {{ priceLabel }}\r\n </span>\r\n <span class=\"color--white offer-banner--offer\">\r\n {{ price }}</span\r\n >\r\n </div>\r\n\r\n <tent-button\r\n class=\"offer-banner--btn-info\"\r\n type=\"dark-box\"\r\n [label]=\"btnInfo.label\"\r\n [url]=\"btnInfo.url\"\r\n [linkType]=\"btnInfo.linkType!\"\r\n boxWidth=\"154px\"\r\n ></tent-button>\r\n </div>\r\n </div>\r\n <img [src]=\"img\" class=\"offer-banner--image\" />\r\n </a>\r\n</div>\r\n", styles: [":root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693D2D;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693E2E;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:38px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width: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}.offer-banner{position:relative;background-color:#c7946a;padding:15px 20px 15px 30px}@media (min-width: 1024px){.offer-banner{width:549px;border-radius:12px 0 0 12px}}@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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}@media (max-width: 1023px){.offer-banner--close--container{display:none}}.offer-banner--close--container--displayed{left:-74px}.offer-banner--content{height:114px;justify-content:space-between;flex-wrap:nowrap}@media (max-width: 539px){.offer-banner--content{padding-left:30px}.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}@media (min-width: 540px) and (max-width: 620px){.offer-banner--container>div{max-width:250px}}.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}@media (max-width: 539px){.offer-banner--price{flex-wrap:nowrap}}.offer-banner--sublabel{font-family:var(--tent-font);font-size:16px;font-weight:700;line-height:16px;letter-spacing:0;text-align:left}.offer-banner--offer{font-family:var(--tent-font);font-size:38px;font-weight:700;line-height:38px;letter-spacing:0;text-align:right}.offer-banner--image{width:160px;height:114px;border-radius:12px}@media (max-width: 539px){.offer-banner--image{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:none}\n"] }]
|
|
33
|
-
}], propDecorators: { closeBtn: [{
|
|
39
|
+
args: [{ selector: 'tent-offer-banner', standalone: true, imports: [BadgeComponent, ButtonComponent, RouterModule], template: "<div\r\n #closeBanner\r\n class=\"offer-banner--close--container\"\r\n (click)=\"closeClick.emit()\"\r\n>\r\n {{ closeLabel }}\r\n</div>\r\n\r\n<div class=\"offer-banner\">\r\n <tent-badge\r\n class=\"offer-banner--badge\"\r\n [rounded]=\"true\"\r\n [label]=\"badge.label\"\r\n ></tent-badge>\r\n <tent-button\r\n #close\r\n class=\"offer-banner--close\"\r\n type=\"dark-circle\"\r\n [icon]=\"btnClose.icon\"\r\n (btnClick)=\"closeClick.emit()\"\r\n ></tent-button>\r\n <a\r\n class=\"offer-banner--container\"\r\n [href]=\"btnInfo.url\"\r\n [routerLink]=\"[btnInfo.url]\"\r\n (click)=\"bannerClicked($event)\"\r\n >\r\n <div class=\"flex-col flex-col--between offer-banner--content\">\r\n <p class=\"offer-banner--title\">\r\n {{ mainLabel }}\r\n </p>\r\n <div class=\"flex-row flex-row--between\">\r\n <div class=\"flex-row offer-banner--price\">\r\n <span class=\"color--white offer-banner--sublabel\">\r\n {{ priceLabel }}\r\n </span>\r\n <span class=\"color--white offer-banner--offer\">\r\n {{ price }}</span\r\n >\r\n </div>\r\n\r\n <tent-button\r\n class=\"offer-banner--btn-info\"\r\n type=\"dark-box\"\r\n [label]=\"btnInfo.label\"\r\n [url]=\"btnInfo.url\"\r\n [linkType]=\"btnInfo.linkType!\"\r\n boxWidth=\"154px\"\r\n ></tent-button>\r\n </div>\r\n </div>\r\n <img [src]=\"img\" class=\"offer-banner--image\" />\r\n </a>\r\n</div>\r\n", styles: [":root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693D2D;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693E2E;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:38px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width: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}.offer-banner{position:relative;background-color:#c7946a;padding:15px 20px 15px 30px}@media (min-width: 1024px){.offer-banner{width:549px;border-radius:12px 0 0 12px}}@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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}@media (max-width: 1023px){.offer-banner--close--container{display:none}}.offer-banner--close--container--displayed{left:-74px}.offer-banner--content{height:114px;justify-content:space-between;flex-wrap:nowrap}@media (max-width: 539px){.offer-banner--content{padding-left:30px}.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}@media (min-width: 540px) and (max-width: 620px){.offer-banner--container>div{max-width:250px}}.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}@media (max-width: 539px){.offer-banner--price{flex-wrap:nowrap}}.offer-banner--sublabel{font-family:var(--tent-font);font-size:16px;font-weight:700;line-height:16px;letter-spacing:0;text-align:left}.offer-banner--offer{font-family:var(--tent-font);font-size:38px;font-weight:700;line-height:38px;letter-spacing:0;text-align:right}.offer-banner--image{width:160px;height:114px;border-radius:12px}@media (max-width: 539px){.offer-banner--image{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:none}\n"] }]
|
|
40
|
+
}], ctorParameters: () => [], propDecorators: { closeBtn: [{
|
|
34
41
|
type: ViewChild,
|
|
35
42
|
args: ['close', { read: ElementRef }]
|
|
36
43
|
}], closeBanner: [{
|
|
@@ -55,4 +62,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
|
|
|
55
62
|
}], closeClick: [{
|
|
56
63
|
type: Output
|
|
57
64
|
}] } });
|
|
58
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2ZmZXItYmFubmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RlbnQvc3JjL2xpYi9jb21wb25lbnRzL2NvcmUvb2ZmZXItYmFubmVyL29mZmVyLWJhbm5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90ZW50L3NyYy9saWIvY29tcG9uZW50cy9jb3JlL29mZmVyLWJhbm5lci9vZmZlci1iYW5uZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVILFNBQVMsRUFDVCxVQUFVLEVBQ1YsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBQ04sU0FBUyxHQUNaLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLEdBQUcsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUd0QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDcEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHNDQUFzQyxDQUFDOzs7QUFTdkUsTUFBTSxPQUFPLG9CQUFvQjtJQWM3QjtRQUZVLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0lBRWpDLENBQUM7SUFFaEIsZUFBZTtRQUNYLFNBQVMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLGFBQWEsRUFBRSxZQUFZLENBQUM7YUFDL0MsSUFBSSxDQUNELEdBQUcsQ0FBQyxHQUFHLEVBQUU7WUFFRCxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQ3BCLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FDWCwyQ0FBMkMsQ0FDOUMsQ0FBQztZQUNELElBQUksQ0FBQyxRQUFRLENBQUMsYUFBNkIsQ0FBQyxLQUFLLENBQUMsT0FBTztnQkFDdEQsR0FBRyxDQUFDO1FBQ1osQ0FBQyxDQUFDLENBQ0w7YUFDQSxTQUFTLEVBQUUsQ0FBQztRQUNqQixTQUFTLENBQ0wsUUFBUSxDQUFDLG9CQUFvQixDQUFDLG1CQUFtQixDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQ3JELFlBQVksQ0FDZjthQUNJLElBQUksQ0FDRCxHQUFHLENBQUMsR0FBRyxFQUFFO1lBRUQsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUNwQixDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQ2QsMkNBQTJDLENBQzlDLENBQUM7WUFDRCxJQUFJLENBQUMsUUFBUSxDQUFDLGFBQTZCLENBQUMsS0FBSyxDQUFDLE9BQU87Z0JBQ3RELEdBQUcsQ0FBQztRQUNaLENBQUMsQ0FBQyxDQUNMO2FBQ0EsU0FBUyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELFVBQVU7UUFDTixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzNCLENBQUM7SUFFRCxhQUFhLENBQUMsS0FBWTtRQUN0QixLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7SUFDM0IsQ0FBQzs4R0F0RFEsb0JBQW9CO2tHQUFwQixvQkFBb0IsZ1hBQ0QsVUFBVSxxR0FDSixVQUFVLDZCQ3pCaEQsbXpEQXNEQSxxeW1CRG5DYyxjQUFjLG9HQUFFLGVBQWUsd09BQUUsWUFBWTs7MkZBSTlDLG9CQUFvQjtrQkFQaEMsU0FBUzsrQkFDSSxtQkFBbUIsY0FDakIsSUFBSSxXQUNQLENBQUMsY0FBYyxFQUFFLGVBQWUsRUFBRSxZQUFZLENBQUM7d0RBS2QsUUFBUTtzQkFBakQsU0FBUzt1QkFBQyxPQUFPLEVBQUUsRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFO2dCQUNRLFdBQVc7c0JBQTFELFNBQVM7dUJBQUMsYUFBYSxFQUFFLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRTtnQkFDckMsS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxHQUFHO3NCQUFYLEtBQUs7Z0JBRUksVUFBVTtzQkFBbkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgICBBZnRlclZpZXdJbml0LFxyXG4gICAgQ29tcG9uZW50LFxyXG4gICAgRWxlbWVudFJlZixcclxuICAgIEV2ZW50RW1pdHRlcixcclxuICAgIElucHV0LFxyXG4gICAgT3V0cHV0LFxyXG4gICAgVmlld0NoaWxkLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBSb3V0ZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xyXG5pbXBvcnQgeyBmcm9tRXZlbnQsIHRhcCB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyBCYWRnZUkgfSBmcm9tICcuLi8uLi8uLi9pbnRlcmZhY2VzL2F0b21pYy9iYWRnZS5pbnRlcmZhY2UnO1xyXG5pbXBvcnQgeyBCdXR0b25JIH0gZnJvbSAnLi4vLi4vLi4vaW50ZXJmYWNlcy9hdG9taWMvYnV0dG9uLmludGVyZmFjZSc7XHJcbmltcG9ydCB7IEJhZGdlQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vYXRvbWljL2JhZGdlL2JhZGdlLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2F0b21pYy9idXR0b24vYnV0dG9uLmNvbXBvbmVudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAndGVudC1vZmZlci1iYW5uZXInLFxyXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICAgIGltcG9ydHM6IFtCYWRnZUNvbXBvbmVudCwgQnV0dG9uQ29tcG9uZW50LCBSb3V0ZXJNb2R1bGVdLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL29mZmVyLWJhbm5lci5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybDogJy4vb2ZmZXItYmFubmVyLmNvbXBvbmVudC5zY3NzJyxcclxufSlcclxuZXhwb3J0IGNsYXNzIE9mZmVyQmFubmVyQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XHJcbiAgICBAVmlld0NoaWxkKCdjbG9zZScsIHsgcmVhZDogRWxlbWVudFJlZiB9KSBjbG9zZUJ0biE6IEVsZW1lbnRSZWY7XHJcbiAgICBAVmlld0NoaWxkKCdjbG9zZUJhbm5lcicsIHsgcmVhZDogRWxlbWVudFJlZiB9KSBjbG9zZUJhbm5lciE6IEVsZW1lbnRSZWY7XHJcbiAgICBASW5wdXQoKSBiYWRnZSE6IEJhZGdlSTtcclxuICAgIEBJbnB1dCgpIGJ0bkNsb3NlITogQnV0dG9uSTtcclxuICAgIEBJbnB1dCgpIG1haW5MYWJlbCE6IHN0cmluZztcclxuICAgIEBJbnB1dCgpIHByaWNlTGFiZWwhOiBzdHJpbmc7XHJcbiAgICBASW5wdXQoKSBjbG9zZUxhYmVsITogc3RyaW5nO1xyXG4gICAgQElucHV0KCkgcHJpY2UhOiBzdHJpbmc7XHJcbiAgICBASW5wdXQoKSBidG5JbmZvITogQnV0dG9uSTtcclxuICAgIEBJbnB1dCgpIGltZyE6IHN0cmluZztcclxuXHJcbiAgICBAT3V0cHV0KCkgY2xvc2VDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcclxuXHJcbiAgICBjb25zdHJ1Y3RvcigpIHt9XHJcblxyXG4gICAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xyXG4gICAgICAgIGZyb21FdmVudCh0aGlzLmNsb3NlQnRuLm5hdGl2ZUVsZW1lbnQsICdtb3VzZWVudGVyJylcclxuICAgICAgICAgICAgLnBpcGUoXHJcbiAgICAgICAgICAgICAgICB0YXAoKCkgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgIChcclxuICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy5jbG9zZUJhbm5lci5uYXRpdmVFbGVtZW50IGFzIEhUTUxFbGVtZW50XHJcbiAgICAgICAgICAgICAgICAgICAgKS5jbGFzc0xpc3QuYWRkKFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAnb2ZmZXItYmFubmVyLS1jbG9zZS0tY29udGFpbmVyLS1kaXNwbGF5ZWQnXHJcbiAgICAgICAgICAgICAgICAgICAgKTtcclxuICAgICAgICAgICAgICAgICAgICAodGhpcy5jbG9zZUJ0bi5uYXRpdmVFbGVtZW50IGFzIEhUTUxFbGVtZW50KS5zdHlsZS5vcGFjaXR5ID1cclxuICAgICAgICAgICAgICAgICAgICAgICAgJzAnO1xyXG4gICAgICAgICAgICAgICAgfSlcclxuICAgICAgICAgICAgKVxyXG4gICAgICAgICAgICAuc3Vic2NyaWJlKCk7XHJcbiAgICAgICAgZnJvbUV2ZW50KFxyXG4gICAgICAgICAgICBkb2N1bWVudC5nZXRFbGVtZW50c0J5VGFnTmFtZSgndGVudC1vZmZlci1iYW5uZXInKVswXSxcclxuICAgICAgICAgICAgJ21vdXNlbGVhdmUnXHJcbiAgICAgICAgKVxyXG4gICAgICAgICAgICAucGlwZShcclxuICAgICAgICAgICAgICAgIHRhcCgoKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgKFxyXG4gICAgICAgICAgICAgICAgICAgICAgICB0aGlzLmNsb3NlQmFubmVyLm5hdGl2ZUVsZW1lbnQgYXMgSFRNTEVsZW1lbnRcclxuICAgICAgICAgICAgICAgICAgICApLmNsYXNzTGlzdC5yZW1vdmUoXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICdvZmZlci1iYW5uZXItLWNsb3NlLS1jb250YWluZXItLWRpc3BsYXllZCdcclxuICAgICAgICAgICAgICAgICAgICApO1xyXG4gICAgICAgICAgICAgICAgICAgICh0aGlzLmNsb3NlQnRuLm5hdGl2ZUVsZW1lbnQgYXMgSFRNTEVsZW1lbnQpLnN0eWxlLm9wYWNpdHkgPVxyXG4gICAgICAgICAgICAgICAgICAgICAgICAnMSc7XHJcbiAgICAgICAgICAgICAgICB9KVxyXG4gICAgICAgICAgICApXHJcbiAgICAgICAgICAgIC5zdWJzY3JpYmUoKTtcclxuICAgIH1cclxuXHJcbiAgICBjbG9zZU1vZGFsKCk6IHZvaWQge1xyXG4gICAgICAgIHRoaXMuY2xvc2VDbGljay5lbWl0KCk7XHJcbiAgICB9XHJcblxyXG4gICAgYmFubmVyQ2xpY2tlZChldmVudDogRXZlbnQpOiB2b2lkIHtcclxuICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xyXG4gICAgfVxyXG59XHJcbiIsIjxkaXZcclxuICAgICNjbG9zZUJhbm5lclxyXG4gICAgY2xhc3M9XCJvZmZlci1iYW5uZXItLWNsb3NlLS1jb250YWluZXJcIlxyXG4gICAgKGNsaWNrKT1cImNsb3NlQ2xpY2suZW1pdCgpXCJcclxuPlxyXG4gICAge3sgY2xvc2VMYWJlbCB9fVxyXG48L2Rpdj5cclxuXHJcbjxkaXYgY2xhc3M9XCJvZmZlci1iYW5uZXJcIj5cclxuICAgIDx0ZW50LWJhZGdlXHJcbiAgICAgICAgY2xhc3M9XCJvZmZlci1iYW5uZXItLWJhZGdlXCJcclxuICAgICAgICBbcm91bmRlZF09XCJ0cnVlXCJcclxuICAgICAgICBbbGFiZWxdPVwiYmFkZ2UubGFiZWxcIlxyXG4gICAgPjwvdGVudC1iYWRnZT5cclxuICAgIDx0ZW50LWJ1dHRvblxyXG4gICAgICAgICNjbG9zZVxyXG4gICAgICAgIGNsYXNzPVwib2ZmZXItYmFubmVyLS1jbG9zZVwiXHJcbiAgICAgICAgdHlwZT1cImRhcmstY2lyY2xlXCJcclxuICAgICAgICBbaWNvbl09XCJidG5DbG9zZS5pY29uXCJcclxuICAgICAgICAoYnRuQ2xpY2spPVwiY2xvc2VDbGljay5lbWl0KClcIlxyXG4gICAgPjwvdGVudC1idXR0b24+XHJcbiAgICA8YVxyXG4gICAgICAgIGNsYXNzPVwib2ZmZXItYmFubmVyLS1jb250YWluZXJcIlxyXG4gICAgICAgIFtocmVmXT1cImJ0bkluZm8udXJsXCJcclxuICAgICAgICBbcm91dGVyTGlua109XCJbYnRuSW5mby51cmxdXCJcclxuICAgICAgICAoY2xpY2spPVwiYmFubmVyQ2xpY2tlZCgkZXZlbnQpXCJcclxuICAgID5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleC1jb2wgZmxleC1jb2wtLWJldHdlZW4gb2ZmZXItYmFubmVyLS1jb250ZW50XCI+XHJcbiAgICAgICAgICAgIDxwIGNsYXNzPVwib2ZmZXItYmFubmVyLS10aXRsZVwiPlxyXG4gICAgICAgICAgICAgICAge3sgbWFpbkxhYmVsIH19XHJcbiAgICAgICAgICAgIDwvcD5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZsZXgtcm93IGZsZXgtcm93LS1iZXR3ZWVuXCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleC1yb3cgb2ZmZXItYmFubmVyLS1wcmljZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiY29sb3ItLXdoaXRlIG9mZmVyLWJhbm5lci0tc3VibGFiZWxcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAge3sgcHJpY2VMYWJlbCB9fVxyXG4gICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImNvbG9yLS13aGl0ZSBvZmZlci1iYW5uZXItLW9mZmVyXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHt7IHByaWNlIH19PC9zcGFuXHJcbiAgICAgICAgICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgICAgICAgICAgPHRlbnQtYnV0dG9uXHJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJvZmZlci1iYW5uZXItLWJ0bi1pbmZvXCJcclxuICAgICAgICAgICAgICAgICAgICB0eXBlPVwiZGFyay1ib3hcIlxyXG4gICAgICAgICAgICAgICAgICAgIFtsYWJlbF09XCJidG5JbmZvLmxhYmVsXCJcclxuICAgICAgICAgICAgICAgICAgICBbdXJsXT1cImJ0bkluZm8udXJsXCJcclxuICAgICAgICAgICAgICAgICAgICBbbGlua1R5cGVdPVwiYnRuSW5mby5saW5rVHlwZSFcIlxyXG4gICAgICAgICAgICAgICAgICAgIGJveFdpZHRoPVwiMTU0cHhcIlxyXG4gICAgICAgICAgICAgICAgPjwvdGVudC1idXR0b24+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxpbWcgW3NyY109XCJpbWdcIiBjbGFzcz1cIm9mZmVyLWJhbm5lci0taW1hZ2VcIiAvPlxyXG4gICAgPC9hPlxyXG48L2Rpdj5cclxuIl19
|
package/fesm2022/tent-lib.mjs
CHANGED
|
@@ -698,8 +698,11 @@ class HotelSliderComponent {
|
|
|
698
698
|
0: {
|
|
699
699
|
items: 1,
|
|
700
700
|
},
|
|
701
|
+
1024: {
|
|
702
|
+
items: 1.2,
|
|
703
|
+
},
|
|
701
704
|
1680: {
|
|
702
|
-
items: 1,
|
|
705
|
+
items: 1.2,
|
|
703
706
|
},
|
|
704
707
|
},
|
|
705
708
|
nav: true,
|
|
@@ -979,13 +982,19 @@ class OfferBannerComponent {
|
|
|
979
982
|
}))
|
|
980
983
|
.subscribe();
|
|
981
984
|
}
|
|
985
|
+
closeModal() {
|
|
986
|
+
this.closeClick.emit();
|
|
987
|
+
}
|
|
988
|
+
bannerClicked(event) {
|
|
989
|
+
event.preventDefault();
|
|
990
|
+
}
|
|
982
991
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: OfferBannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
983
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: OfferBannerComponent, isStandalone: true, selector: "tent-offer-banner", inputs: { badge: "badge", btnClose: "btnClose", mainLabel: "mainLabel", priceLabel: "priceLabel", closeLabel: "closeLabel", price: "price", btnInfo: "btnInfo", img: "img" }, 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\r\n #closeBanner\r\n class=\"offer-banner--close--container\"\r\n (click)=\"closeClick.emit()\"\r\n>\r\n {{ closeLabel }}\r\n</div>\r\n\r\n<div class=\"offer-banner\">\r\n <tent-badge\r\n class=\"offer-banner--badge\"\r\n [rounded]=\"true\"\r\n [label]=\"badge.label\"\r\n ></tent-badge>\r\n <tent-button\r\n #close\r\n class=\"offer-banner--close\"\r\n type=\"dark-circle\"\r\n [icon]=\"btnClose.icon\"\r\n (btnClick)=\"closeClick.emit()\"\r\n ></tent-button>\r\n <a class=\"offer-banner--container\">\r\n <div class=\"flex-col flex-col--between offer-banner--content\">\r\n <p class=\"offer-banner--title\">\r\n {{ mainLabel }}\r\n </p>\r\n <div class=\"flex-row flex-row--between\">\r\n <div class=\"flex-row offer-banner--price\">\r\n <span class=\"color--white offer-banner--sublabel\">\r\n {{ priceLabel }}\r\n </span>\r\n <span class=\"color--white offer-banner--offer\">\r\n {{ price }}</span\r\n >\r\n </div>\r\n\r\n <tent-button\r\n class=\"offer-banner--btn-info\"\r\n type=\"dark-box\"\r\n [label]=\"btnInfo.label\"\r\n [url]=\"btnInfo.url\"\r\n [linkType]=\"btnInfo.linkType!\"\r\n boxWidth=\"154px\"\r\n ></tent-button>\r\n </div>\r\n </div>\r\n <img [src]=\"img\" class=\"offer-banner--image\" />\r\n </a>\r\n</div>\r\n", styles: [":root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693D2D;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693E2E;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:38px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width: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}.offer-banner{position:relative;background-color:#c7946a;padding:15px 20px 15px 30px}@media (min-width: 1024px){.offer-banner{width:549px;border-radius:12px 0 0 12px}}@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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}@media (max-width: 1023px){.offer-banner--close--container{display:none}}.offer-banner--close--container--displayed{left:-74px}.offer-banner--content{height:114px;justify-content:space-between;flex-wrap:nowrap}@media (max-width: 539px){.offer-banner--content{padding-left:30px}.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}@media (min-width: 540px) and (max-width: 620px){.offer-banner--container>div{max-width:250px}}.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}@media (max-width: 539px){.offer-banner--price{flex-wrap:nowrap}}.offer-banner--sublabel{font-family:var(--tent-font);font-size:16px;font-weight:700;line-height:16px;letter-spacing:0;text-align:left}.offer-banner--offer{font-family:var(--tent-font);font-size:38px;font-weight:700;line-height:38px;letter-spacing:0;text-align:right}.offer-banner--image{width:160px;height:114px;border-radius:12px}@media (max-width: 539px){.offer-banner--image{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:none}\n"], dependencies: [{ kind: "component", type: BadgeComponent, selector: "tent-badge", inputs: ["orientation", "rounded", "label"] }, { kind: "component", type: ButtonComponent, selector: "tent-button", inputs: ["type", "label", "url", "linkType", "icon", "socialMedia", "iconPosition", "boxWidth", "innerContent", "linkSizeIcon", "target", "closeButton"], outputs: ["btnClick"] }, { kind: "ngmodule", type: RouterModule }] }); }
|
|
992
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: OfferBannerComponent, isStandalone: true, selector: "tent-offer-banner", inputs: { badge: "badge", btnClose: "btnClose", mainLabel: "mainLabel", priceLabel: "priceLabel", closeLabel: "closeLabel", price: "price", btnInfo: "btnInfo", img: "img" }, 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\r\n #closeBanner\r\n class=\"offer-banner--close--container\"\r\n (click)=\"closeClick.emit()\"\r\n>\r\n {{ closeLabel }}\r\n</div>\r\n\r\n<div class=\"offer-banner\">\r\n <tent-badge\r\n class=\"offer-banner--badge\"\r\n [rounded]=\"true\"\r\n [label]=\"badge.label\"\r\n ></tent-badge>\r\n <tent-button\r\n #close\r\n class=\"offer-banner--close\"\r\n type=\"dark-circle\"\r\n [icon]=\"btnClose.icon\"\r\n (btnClick)=\"closeClick.emit()\"\r\n ></tent-button>\r\n <a\r\n class=\"offer-banner--container\"\r\n [href]=\"btnInfo.url\"\r\n [routerLink]=\"[btnInfo.url]\"\r\n (click)=\"bannerClicked($event)\"\r\n >\r\n <div class=\"flex-col flex-col--between offer-banner--content\">\r\n <p class=\"offer-banner--title\">\r\n {{ mainLabel }}\r\n </p>\r\n <div class=\"flex-row flex-row--between\">\r\n <div class=\"flex-row offer-banner--price\">\r\n <span class=\"color--white offer-banner--sublabel\">\r\n {{ priceLabel }}\r\n </span>\r\n <span class=\"color--white offer-banner--offer\">\r\n {{ price }}</span\r\n >\r\n </div>\r\n\r\n <tent-button\r\n class=\"offer-banner--btn-info\"\r\n type=\"dark-box\"\r\n [label]=\"btnInfo.label\"\r\n [url]=\"btnInfo.url\"\r\n [linkType]=\"btnInfo.linkType!\"\r\n boxWidth=\"154px\"\r\n ></tent-button>\r\n </div>\r\n </div>\r\n <img [src]=\"img\" class=\"offer-banner--image\" />\r\n </a>\r\n</div>\r\n", styles: [":root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693D2D;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693E2E;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:38px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width: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}.offer-banner{position:relative;background-color:#c7946a;padding:15px 20px 15px 30px}@media (min-width: 1024px){.offer-banner{width:549px;border-radius:12px 0 0 12px}}@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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}@media (max-width: 1023px){.offer-banner--close--container{display:none}}.offer-banner--close--container--displayed{left:-74px}.offer-banner--content{height:114px;justify-content:space-between;flex-wrap:nowrap}@media (max-width: 539px){.offer-banner--content{padding-left:30px}.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}@media (min-width: 540px) and (max-width: 620px){.offer-banner--container>div{max-width:250px}}.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}@media (max-width: 539px){.offer-banner--price{flex-wrap:nowrap}}.offer-banner--sublabel{font-family:var(--tent-font);font-size:16px;font-weight:700;line-height:16px;letter-spacing:0;text-align:left}.offer-banner--offer{font-family:var(--tent-font);font-size:38px;font-weight:700;line-height:38px;letter-spacing:0;text-align:right}.offer-banner--image{width:160px;height:114px;border-radius:12px}@media (max-width: 539px){.offer-banner--image{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:none}\n"], dependencies: [{ kind: "component", type: BadgeComponent, selector: "tent-badge", inputs: ["orientation", "rounded", "label"] }, { kind: "component", type: ButtonComponent, selector: "tent-button", inputs: ["type", "label", "url", "linkType", "icon", "socialMedia", "iconPosition", "boxWidth", "innerContent", "linkSizeIcon", "target", "closeButton"], outputs: ["btnClick"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
|
|
984
993
|
}
|
|
985
994
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: OfferBannerComponent, decorators: [{
|
|
986
995
|
type: Component,
|
|
987
|
-
args: [{ selector: 'tent-offer-banner', standalone: true, imports: [BadgeComponent, ButtonComponent, RouterModule], template: "<div\r\n #closeBanner\r\n class=\"offer-banner--close--container\"\r\n (click)=\"closeClick.emit()\"\r\n>\r\n {{ closeLabel }}\r\n</div>\r\n\r\n<div class=\"offer-banner\">\r\n <tent-badge\r\n class=\"offer-banner--badge\"\r\n [rounded]=\"true\"\r\n [label]=\"badge.label\"\r\n ></tent-badge>\r\n <tent-button\r\n #close\r\n class=\"offer-banner--close\"\r\n type=\"dark-circle\"\r\n [icon]=\"btnClose.icon\"\r\n (btnClick)=\"closeClick.emit()\"\r\n ></tent-button>\r\n <a class=\"offer-banner--container\">\r\n <div class=\"flex-col flex-col--between offer-banner--content\">\r\n <p class=\"offer-banner--title\">\r\n {{ mainLabel }}\r\n </p>\r\n <div class=\"flex-row flex-row--between\">\r\n <div class=\"flex-row offer-banner--price\">\r\n <span class=\"color--white offer-banner--sublabel\">\r\n {{ priceLabel }}\r\n </span>\r\n <span class=\"color--white offer-banner--offer\">\r\n {{ price }}</span\r\n >\r\n </div>\r\n\r\n <tent-button\r\n class=\"offer-banner--btn-info\"\r\n type=\"dark-box\"\r\n [label]=\"btnInfo.label\"\r\n [url]=\"btnInfo.url\"\r\n [linkType]=\"btnInfo.linkType!\"\r\n boxWidth=\"154px\"\r\n ></tent-button>\r\n </div>\r\n </div>\r\n <img [src]=\"img\" class=\"offer-banner--image\" />\r\n </a>\r\n</div>\r\n", styles: [":root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693D2D;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693E2E;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:38px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width: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}.offer-banner{position:relative;background-color:#c7946a;padding:15px 20px 15px 30px}@media (min-width: 1024px){.offer-banner{width:549px;border-radius:12px 0 0 12px}}@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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}@media (max-width: 1023px){.offer-banner--close--container{display:none}}.offer-banner--close--container--displayed{left:-74px}.offer-banner--content{height:114px;justify-content:space-between;flex-wrap:nowrap}@media (max-width: 539px){.offer-banner--content{padding-left:30px}.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}@media (min-width: 540px) and (max-width: 620px){.offer-banner--container>div{max-width:250px}}.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}@media (max-width: 539px){.offer-banner--price{flex-wrap:nowrap}}.offer-banner--sublabel{font-family:var(--tent-font);font-size:16px;font-weight:700;line-height:16px;letter-spacing:0;text-align:left}.offer-banner--offer{font-family:var(--tent-font);font-size:38px;font-weight:700;line-height:38px;letter-spacing:0;text-align:right}.offer-banner--image{width:160px;height:114px;border-radius:12px}@media (max-width: 539px){.offer-banner--image{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:none}\n"] }]
|
|
988
|
-
}], propDecorators: { closeBtn: [{
|
|
996
|
+
args: [{ selector: 'tent-offer-banner', standalone: true, imports: [BadgeComponent, ButtonComponent, RouterModule], template: "<div\r\n #closeBanner\r\n class=\"offer-banner--close--container\"\r\n (click)=\"closeClick.emit()\"\r\n>\r\n {{ closeLabel }}\r\n</div>\r\n\r\n<div class=\"offer-banner\">\r\n <tent-badge\r\n class=\"offer-banner--badge\"\r\n [rounded]=\"true\"\r\n [label]=\"badge.label\"\r\n ></tent-badge>\r\n <tent-button\r\n #close\r\n class=\"offer-banner--close\"\r\n type=\"dark-circle\"\r\n [icon]=\"btnClose.icon\"\r\n (btnClick)=\"closeClick.emit()\"\r\n ></tent-button>\r\n <a\r\n class=\"offer-banner--container\"\r\n [href]=\"btnInfo.url\"\r\n [routerLink]=\"[btnInfo.url]\"\r\n (click)=\"bannerClicked($event)\"\r\n >\r\n <div class=\"flex-col flex-col--between offer-banner--content\">\r\n <p class=\"offer-banner--title\">\r\n {{ mainLabel }}\r\n </p>\r\n <div class=\"flex-row flex-row--between\">\r\n <div class=\"flex-row offer-banner--price\">\r\n <span class=\"color--white offer-banner--sublabel\">\r\n {{ priceLabel }}\r\n </span>\r\n <span class=\"color--white offer-banner--offer\">\r\n {{ price }}</span\r\n >\r\n </div>\r\n\r\n <tent-button\r\n class=\"offer-banner--btn-info\"\r\n type=\"dark-box\"\r\n [label]=\"btnInfo.label\"\r\n [url]=\"btnInfo.url\"\r\n [linkType]=\"btnInfo.linkType!\"\r\n boxWidth=\"154px\"\r\n ></tent-button>\r\n </div>\r\n </div>\r\n <img [src]=\"img\" class=\"offer-banner--image\" />\r\n </a>\r\n</div>\r\n", styles: [":root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693D2D;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693E2E;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:38px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width: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}.offer-banner{position:relative;background-color:#c7946a;padding:15px 20px 15px 30px}@media (min-width: 1024px){.offer-banner{width:549px;border-radius:12px 0 0 12px}}@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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}}.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);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}@media (max-width: 1023px){.offer-banner--close--container{display:none}}.offer-banner--close--container--displayed{left:-74px}.offer-banner--content{height:114px;justify-content:space-between;flex-wrap:nowrap}@media (max-width: 539px){.offer-banner--content{padding-left:30px}.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}@media (min-width: 540px) and (max-width: 620px){.offer-banner--container>div{max-width:250px}}.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}@media (max-width: 539px){.offer-banner--price{flex-wrap:nowrap}}.offer-banner--sublabel{font-family:var(--tent-font);font-size:16px;font-weight:700;line-height:16px;letter-spacing:0;text-align:left}.offer-banner--offer{font-family:var(--tent-font);font-size:38px;font-weight:700;line-height:38px;letter-spacing:0;text-align:right}.offer-banner--image{width:160px;height:114px;border-radius:12px}@media (max-width: 539px){.offer-banner--image{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:none}\n"] }]
|
|
997
|
+
}], ctorParameters: () => [], propDecorators: { closeBtn: [{
|
|
989
998
|
type: ViewChild,
|
|
990
999
|
args: ['close', { read: ElementRef }]
|
|
991
1000
|
}], closeBanner: [{
|