ctt-babylon 0.23.1 → 0.23.3
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/external/core/fo-c2-img-txt/fo-c2-img-txt.component.mjs +7 -3
- package/esm2022/lib/components/external/core/lis-c2-img-txt-cta-v4/lis-c2-img-txt-cta-v4.component.mjs +99 -10
- package/fesm2022/ctt-babylon.mjs +99 -6
- package/fesm2022/ctt-babylon.mjs.map +1 -1
- package/lib/components/external/core/lis-c2-img-txt-cta-v4/lis-c2-img-txt-cta-v4.component.d.ts +8 -1
- package/package.json +1 -1
package/fesm2022/ctt-babylon.mjs
CHANGED
|
@@ -24394,7 +24394,8 @@ class LisC2ImgTxtCtaV4Component {
|
|
|
24394
24394
|
* y si no existe, en item.multimedia.imagenes[0].buttons[index].label
|
|
24395
24395
|
*/
|
|
24396
24396
|
getButton(item, index) {
|
|
24397
|
-
return item?.multimedia?.imagenes?.[0]?.buttons?.[index] ??
|
|
24397
|
+
return (item?.multimedia?.imagenes?.[0]?.buttons?.[index] ??
|
|
24398
|
+
item?.buttons?.[index]);
|
|
24398
24399
|
}
|
|
24399
24400
|
getButtonLabel(item, index) {
|
|
24400
24401
|
const button = this.getButton(item, index);
|
|
@@ -24451,7 +24452,9 @@ class LisC2ImgTxtCtaV4Component {
|
|
|
24451
24452
|
brands.add(brand);
|
|
24452
24453
|
if (it.events)
|
|
24453
24454
|
it.events.forEach((exp) => {
|
|
24454
|
-
if (exp &&
|
|
24455
|
+
if (exp &&
|
|
24456
|
+
typeof exp.name === 'string' &&
|
|
24457
|
+
exp.name.trim() !== '') {
|
|
24455
24458
|
experienceTypes.add(exp.name);
|
|
24456
24459
|
}
|
|
24457
24460
|
});
|
|
@@ -24484,7 +24487,8 @@ class LisC2ImgTxtCtaV4Component {
|
|
|
24484
24487
|
const decodedDestination = decodeURIComponent(destinationsParam);
|
|
24485
24488
|
this.pendingDestination = decodedDestination;
|
|
24486
24489
|
// Si ya tenemos destinationOptions, buscar y seleccionar
|
|
24487
|
-
if (this.destinationOptions &&
|
|
24490
|
+
if (this.destinationOptions &&
|
|
24491
|
+
this.destinationOptions.length > 0) {
|
|
24488
24492
|
this.findAndSelectDestination(decodedDestination);
|
|
24489
24493
|
}
|
|
24490
24494
|
else {
|
|
@@ -24521,6 +24525,7 @@ class LisC2ImgTxtCtaV4Component {
|
|
|
24521
24525
|
items = items.filter((item) => item.events?.some((exp) => exp?.name === this.selectedExperienceType));
|
|
24522
24526
|
}
|
|
24523
24527
|
this._filteredItemsRaw = items;
|
|
24528
|
+
this.updateFilterOptionsDynamic();
|
|
24524
24529
|
this.cdr.markForCheck();
|
|
24525
24530
|
}
|
|
24526
24531
|
get hasActiveFilters() {
|
|
@@ -24534,18 +24539,43 @@ class LisC2ImgTxtCtaV4Component {
|
|
|
24534
24539
|
onHotelTypeChange(value) {
|
|
24535
24540
|
this.selectedHotelType = value ?? '';
|
|
24536
24541
|
this.updateFilteredItems();
|
|
24542
|
+
this.validateCurrentSelections();
|
|
24537
24543
|
}
|
|
24538
24544
|
onDestinationChange(value) {
|
|
24539
24545
|
this.selectedDestination = value ?? '';
|
|
24540
24546
|
this.updateFilteredItems();
|
|
24547
|
+
this.validateCurrentSelections();
|
|
24541
24548
|
}
|
|
24542
24549
|
onBrandChange(value) {
|
|
24543
24550
|
this.selectedBrand = value ?? '';
|
|
24544
24551
|
this.updateFilteredItems();
|
|
24552
|
+
this.validateCurrentSelections();
|
|
24545
24553
|
}
|
|
24546
24554
|
onExperienceTypeChange(value) {
|
|
24547
24555
|
this.selectedExperienceType = value ?? '';
|
|
24548
24556
|
this.updateFilteredItems();
|
|
24557
|
+
this.validateCurrentSelections();
|
|
24558
|
+
}
|
|
24559
|
+
validateCurrentSelections() {
|
|
24560
|
+
let changed = false;
|
|
24561
|
+
if (this.selectedDestination &&
|
|
24562
|
+
!this.destinationOptions.includes(this.selectedDestination)) {
|
|
24563
|
+
this.selectedDestination = '';
|
|
24564
|
+
changed = true;
|
|
24565
|
+
}
|
|
24566
|
+
if (this.selectedBrand &&
|
|
24567
|
+
!this.brandOptions.includes(this.selectedBrand)) {
|
|
24568
|
+
this.selectedBrand = '';
|
|
24569
|
+
changed = true;
|
|
24570
|
+
}
|
|
24571
|
+
if (this.selectedExperienceType &&
|
|
24572
|
+
!this.experienceTypeOptions.includes(this.selectedExperienceType)) {
|
|
24573
|
+
this.selectedExperienceType = '';
|
|
24574
|
+
changed = true;
|
|
24575
|
+
}
|
|
24576
|
+
if (changed) {
|
|
24577
|
+
this.updateFilteredItems();
|
|
24578
|
+
}
|
|
24549
24579
|
}
|
|
24550
24580
|
clearFilters() {
|
|
24551
24581
|
this.selectedHotelType = '';
|
|
@@ -24563,6 +24593,65 @@ class LisC2ImgTxtCtaV4Component {
|
|
|
24563
24593
|
trackOffer(item, index) {
|
|
24564
24594
|
return item?.id ?? item?.texts?.name ?? item?.texts?.title ?? index;
|
|
24565
24595
|
}
|
|
24596
|
+
updateFilterOptionsDynamic() {
|
|
24597
|
+
// 1. DESTINOS: Calculamos usando tu función original sobre los ítems filtrados por el resto de criterios
|
|
24598
|
+
const itemsForDestinations = this.filterItemsForScope({
|
|
24599
|
+
ignoreDestination: true,
|
|
24600
|
+
});
|
|
24601
|
+
const destOpts = buildFilterOptions(itemsForDestinations, this.additional1LikeMarca ?? false);
|
|
24602
|
+
this.destinationOptions = destOpts.destinationOptions;
|
|
24603
|
+
// 2. MARCAS / ALOJAMIENTO: Calculamos usando tu utilidad oficial getItemBrand
|
|
24604
|
+
const itemsForBrands = this.filterItemsForScope({
|
|
24605
|
+
ignoreBrand: true,
|
|
24606
|
+
});
|
|
24607
|
+
const brandSet = new Set();
|
|
24608
|
+
itemsForBrands.forEach((it) => {
|
|
24609
|
+
const brand = getItemBrand(it, this.additional1LikeMarca ?? false);
|
|
24610
|
+
if (brand)
|
|
24611
|
+
brandSet.add(brand);
|
|
24612
|
+
});
|
|
24613
|
+
this.brandOptions = Array.from(brandSet);
|
|
24614
|
+
// 3. EXPERIENCIAS: Calculamos leyendo los eventos reales de los hoteles compatibles[cite: 3]
|
|
24615
|
+
const itemsForExperiences = this.filterItemsForScope({
|
|
24616
|
+
ignoreExperience: true,
|
|
24617
|
+
});
|
|
24618
|
+
const expSet = new Set();
|
|
24619
|
+
itemsForExperiences.forEach((it) => {
|
|
24620
|
+
if (it.events) {
|
|
24621
|
+
it.events.forEach((exp) => {
|
|
24622
|
+
if (exp &&
|
|
24623
|
+
typeof exp.name === 'string' &&
|
|
24624
|
+
exp.name.trim() !== '') {
|
|
24625
|
+
expSet.add(exp.name.trim());
|
|
24626
|
+
}
|
|
24627
|
+
});
|
|
24628
|
+
}
|
|
24629
|
+
});
|
|
24630
|
+
this.experienceTypeOptions = Array.from(expSet);
|
|
24631
|
+
}
|
|
24632
|
+
/**
|
|
24633
|
+
* Filtra los ítems respetando TODOS los selectores activos, EXCEPTO el que estamos
|
|
24634
|
+
* calculando en ese momento para evitar que se borre a sí mismo.
|
|
24635
|
+
*/
|
|
24636
|
+
filterItemsForScope(ignore) {
|
|
24637
|
+
// Ejecutamos tu filtro original de utils[cite: 3]
|
|
24638
|
+
let items = filteredItems({
|
|
24639
|
+
items: this.items ?? [],
|
|
24640
|
+
selectedHotelType: ignore.ignoreHotelType
|
|
24641
|
+
? ''
|
|
24642
|
+
: this.selectedHotelType,
|
|
24643
|
+
selectedDestination: ignore.ignoreDestination
|
|
24644
|
+
? ''
|
|
24645
|
+
: this.selectedDestination,
|
|
24646
|
+
selectedBrand: ignore.ignoreBrand ? '' : this.selectedBrand,
|
|
24647
|
+
additional1LikeMarca: this.additional1LikeMarca ?? false,
|
|
24648
|
+
});
|
|
24649
|
+
// Aplicamos el filtro de experiencias SÓLO si no lo estamos ignorando explícitamente[cite: 3]
|
|
24650
|
+
if (!ignore.ignoreExperience && this.selectedExperienceType) {
|
|
24651
|
+
items = items.filter((item) => item.events?.some((exp) => exp?.name === this.selectedExperienceType));
|
|
24652
|
+
}
|
|
24653
|
+
return items;
|
|
24654
|
+
}
|
|
24566
24655
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LisC2ImgTxtCtaV4Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
24567
24656
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: LisC2ImgTxtCtaV4Component, isStandalone: true, selector: "lis-c2-img-txt-cta-v4", inputs: { texts: "texts", items: "items", links: "links", additional1LikeMarca: "additional1LikeMarca", showCleanFilters: "showCleanFilters", showFilters: "showFilters", textColors: "textColors" }, usesOnChanges: true, ngImport: i0, template: "<section class=\"mdl-LisC1ImgTxt\">\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n <div class=\"m-top\">\n <div class=\"m-left\">\n @if (headingTagUtils.hasHeadingContent(texts, 'title', texts?.title)) {\n <lib-babylon-dynamic-heading\n [tag]=\"headingTagUtils.getHeadingTag(texts, 'title', 'h1')\"\n [color]=\"textColors?.title\"\n cssClass=\"m-titulo\"\n [content]=\"headingTagUtils.getHeadingContent(texts, 'title', texts?.title)\"\n ></lib-babylon-dynamic-heading>\n }\n\n @if (texts?.subtitle) {\n <div\n class=\"m-subtitulo\"\n [innerHTML]=\"texts?.subtitle\"\n ></div>\n }\n </div>\n\n @if (showFilters) {\n <div class=\"m-right\">\n <div class=\"selectors\">\n <fieldset class=\"select-field\">\n @if (texts?.marca) {\n <legend>{{ texts?.marca }}</legend>\n }\n <select\n [(ngModel)]=\"selectedBrand\"\n (ngModelChange)=\"onBrandChange($event)\"\n >\n <option value=\"\">{{ texts?.marca }}</option>\n @for (\n opt of brandOptions;\n track trackOption($index)\n ) {\n <option [value]=\"opt\">{{ opt }}</option>\n }\n </select>\n </fieldset>\n\n <fieldset class=\"select-field\">\n @if (texts?.destinations) {\n <legend>{{ texts?.destinations }}</legend>\n }\n <select\n [(ngModel)]=\"selectedDestination\"\n (ngModelChange)=\"\n onDestinationChange($event)\n \"\n >\n <option value=\"\">\n {{ texts?.destinations }}\n </option>\n @for (\n opt of destinationOptions;\n track trackOption($index)\n ) {\n <option [value]=\"opt\">{{ opt }}</option>\n }\n </select>\n </fieldset>\n\n @if (experienceTypeOptions?.length) {\n <fieldset class=\"select-field\">\n <legend>{{ texts?.events }}</legend>\n <select\n [(ngModel)]=\"selectedExperienceType\"\n (ngModelChange)=\"\n onExperienceTypeChange($event)\n \"\n >\n <option value=\"\">\n {{ texts?.events }}\n </option>\n @for (\n opt of experienceTypeOptions;\n track trackOption($index)\n ) {\n <option [value]=\"opt\">\n {{ opt }}\n </option>\n }\n </select>\n </fieldset>\n }\n </div>\n </div>\n }\n </div>\n\n <div class=\"m-item m-open\">\n <div class=\"m-listado\">\n @for (item of filteredItems; track item) {\n <div class=\"m-item-list\">\n <a\n [href]=\"getButtonUrl(item, 1)\"\n [linkType]=\"getButtonLinkType(item, 1)\"\n >\n <div class=\"m-imagen\">\n @if (\n getFirstImageByTag(\n tagName,\n item?.multimedia?.imagenes ?? []\n ) ?? item?.multimedia?.imagenes?.[0];\n as img\n ) {\n <img\n [src]=\"\n img?.img?.src ||\n 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'\n \"\n [attr.alt]=\"\n img?.img?.alt ??\n (item?.texts?.title ||\n item?.texts?.name ||\n '')\n \"\n />\n }\n </div>\n\n @if (item?.texts?.title || item?.texts?.name) {\n <h2\n class=\"m-titulo\"\n [innerHTML]=\"\n item?.texts?.title ||\n item?.texts?.name\n \"\n ></h2>\n }\n\n @if (item?.texts?.additional1) {\n <div\n class=\"m-subtitulo\"\n [innerHTML]=\"item?.texts?.additional1\"\n ></div>\n }\n <div class=\"category\">\n @if (getHotelStars(item)) {\n @if (isApartment(item?.hoteltype)) {\n <div\n [attr.aria-label]=\"\n getHotelStars(item) +\n ' estrellas'\n \"\n >\n <div class=\"m-keys\">\n @for (\n star of getHotelStarIndexes(\n item\n );\n track star\n ) {\n <svg\n width=\"13\"\n height=\"13\"\n viewBox=\"0 0 13 13\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.146296 4.26479L1.14015 2.01692C1.31289 1.62559 1.62559 1.31289 2.01692 1.14015L4.26479 0.146297C4.58174 0.00641826 4.93356 -0.0343944 5.27412 0.0292127C5.61467 0.0928198 5.92805 0.257876 6.17314 0.50273L7.9475 2.27839C8.1606 2.49155 8.31388 2.75701 8.39197 3.04813C8.47006 3.33925 8.4702 3.64578 8.39239 3.93698L7.93579 5.64109L12.866 10.5713C12.9085 10.6136 12.9422 10.6639 12.9652 10.7193C12.9882 10.7746 13 10.834 13 10.8939V12.5447C12.9993 12.6652 12.9511 12.7807 12.8659 12.8659C12.7807 12.9511 12.6652 12.9993 12.5447 13H10.8939C10.7926 12.9998 10.6942 12.9659 10.6142 12.9038C10.5341 12.8416 10.477 12.7547 10.4516 12.6566L10.2045 11.6796L9.3303 11.5131C9.24322 11.4968 9.16282 11.4553 9.09903 11.3938C9.03523 11.3323 8.99082 11.2535 8.97127 11.1671L8.73321 10.1173L7.89026 10.0367C7.78479 10.0274 7.68608 9.9808 7.61188 9.90528L5.64109 7.93579L3.93697 8.39239C3.6458 8.47047 3.33919 8.47046 3.04802 8.39236C2.75685 8.31426 2.4914 8.16082 2.27839 7.9475L0.502729 6.17314C0.257875 5.92805 0.0928202 5.61467 0.029213 5.27412C-0.0343943 4.93357 0.00641727 4.58174 0.146296 4.26479ZM3.6703 5.08953C3.81061 5.22968 3.98932 5.32508 4.18385 5.36369C4.37837 5.40229 4.57997 5.38236 4.76317 5.30641C4.94636 5.23047 5.10294 5.10191 5.21309 4.937C5.32324 4.7721 5.38203 4.57823 5.38203 4.37991C5.38203 4.1816 5.32324 3.98773 5.21309 3.82283C5.10294 3.65792 4.94636 3.52936 4.76317 3.45342C4.57997 3.37747 4.37837 3.35754 4.18385 3.39614C3.98932 3.43475 3.81061 3.53015 3.6703 3.6703C3.57689 3.76336 3.50277 3.87395 3.45219 3.99572C3.40162 4.1175 3.37558 4.24806 3.37558 4.37991C3.37558 4.51177 3.40162 4.64233 3.45219 4.76411C3.50277 4.88588 3.57689 4.99647 3.6703 5.08953Z\"\n fill=\"#393637\"\n fill-opacity=\"1\"\n />\n </svg>\n }\n </div>\n </div>\n } @else {\n <div\n class=\"m-stars\"\n [attr.aria-label]=\"\n getHotelStars(item) +\n ' estrellas'\n \"\n >\n @for (\n star of getHotelStarIndexes(\n item\n );\n track star\n ) {\n <svg\n width=\"12\"\n height=\"11\"\n viewBox=\"0 0 12 11\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M6 0L7.416 4.2H12L8.292 6.8L9.708 11L6 8.4L2.292 11L3.708 6.8L0 4.2H4.584L6 0Z\"\n fill=\"#393637\"\n />\n </svg>\n }\n </div>\n }\n }\n <div class=\"sup-category\">\n {{ showIfSup(item?.hotelcategory) }}\n </div>\n </div>\n </a>\n\n <div class=\"m-buttons\">\n @if (getButtonLabel(item, 0); as button1Label) {\n <a\n class=\"m-button1\"\n [href]=\"getButtonUrl(item, 0)\"\n [linkType]=\"getButtonLinkType(item, 0)\"\n >\n {{ button1Label }}\n </a>\n }\n\n @if (getButtonLabel(item, 1); as button2Label) {\n <a\n class=\"m-button2\"\n [href]=\"getButtonUrl(item, 1)\"\n [linkType]=\"getButtonLinkType(item, 1)\"\n >\n {{ button2Label }}\n </a>\n }\n </div>\n </div>\n }\n </div>\n </div>\n\n @if (!filteredItems?.length && texts?.notFound) {\n <div class=\"m-foot\">\n <div class=\"m-texto\" [innerHTML]=\"texts?.notFound\"></div>\n </div>\n }\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";html{font-size:62.5%}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}body,section{font-family:new-atten,sans-serif;font-size:1.6rem;font-weight:400;line-height:2.8rem}section .mdl-container{width:100%;max-width:178rem;margin:0 auto}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:CoreSansG,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}body{cursor:default;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__backdrop{background-color:#00000087!important}.fancybox__content{padding:0!important}.fancybox__content>.carousel__button.is-close{color:#b6b8bb!important}.fancybox__counter{display:none!important}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}.mdl-LisC1ImgTxt{overflow:hidden;padding-left:0!important;padding-right:0!important}.mdl-LisC1ImgTxt .mdl-container{max-width:150rem;padding:0 5rem;box-sizing:border-box}.mdl-LisC1ImgTxt .mdl-container .m-head{display:flex;justify-content:space-between;gap:2rem}.mdl-LisC1ImgTxt .mdl-container .m-head .m-left{width:100%;max-width:52.7rem;font-family:CoreSansG,sans-serif;font-size:4rem;font-style:normal;font-weight:300!important;line-height:5rem}@media (max-width: 850px){.mdl-LisC1ImgTxt .mdl-container .m-head .m-left{font-size:3rem;line-height:4rem}}.mdl-LisC1ImgTxt .mdl-container .m-head .m-left{color:#393637}.mdl-LisC1ImgTxt .mdl-container .m-head .m-right{width:100%;max-width:39.1rem;font-family:new-atten,sans-serif;font-size:1.6rem;font-weight:400;line-height:2.8rem;color:#393637}.mdl-LisC1ImgTxt .mdl-container .m-content{margin-top:5rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-top{display:flex;justify-content:space-between}.mdl-LisC1ImgTxt .mdl-container .m-content .m-top .m-left ::ng-deep .m-titulo{font-family:CoreSansG,sans-serif;font-size:4rem;font-style:normal;font-weight:300!important;line-height:5rem}@media (max-width: 850px){.mdl-LisC1ImgTxt .mdl-container .m-content .m-top .m-left ::ng-deep .m-titulo{font-size:3rem;line-height:4rem}}.mdl-LisC1ImgTxt .mdl-container .m-content .m-top .m-left ::ng-deep .m-titulo{color:#393637}.mdl-LisC1ImgTxt .mdl-container .m-content .m-top .m-left .m-subtitulo{font-family:new-atten,sans-serif;font-size:1.4rem;font-weight:500;letter-spacing:.2rem;line-height:none;text-transform:uppercase;color:#393637}.mdl-LisC1ImgTxt .mdl-container .m-content .m-top .m-right{font-family:new-atten,sans-serif}.mdl-LisC1ImgTxt .mdl-container .m-content .m-top .m-right .selectors{display:flex;gap:40px}.mdl-LisC1ImgTxt .mdl-container .m-content .m-top .m-right .select-field{font-family:new-atten,sans-serif;width:21.4rem;border:2px solid #cfcfcf;border-radius:.4rem;padding:4px 16px 14px}.mdl-LisC1ImgTxt .mdl-container .m-content .m-top .m-right .select-field legend{font-family:new-atten,sans-serif;padding:0 8px;font-size:13px;color:#393939;margin-top:-1.6rem;background-color:#fdfbf9;width:fit-content}.mdl-LisC1ImgTxt .mdl-container .m-content .m-top .m-right .select-field select{font-family:new-atten,sans-serif;width:100%;border:none;outline:none;font-size:14px;color:#666;background:transparent;appearance:none;cursor:pointer}.mdl-LisC1ImgTxt .mdl-container .m-content .m-top .m-right .select-field{font-family:new-atten,sans-serif;position:relative}.mdl-LisC1ImgTxt .mdl-container .m-content .m-top .m-right .select-field:after{font-family:new-atten,sans-serif;content:\"\";position:absolute;right:18px;top:57%;width:10px;height:10px;border-right:3px solid #777;border-bottom:3px solid #777;transform:translateY(-120%) rotate(45deg);pointer-events:none}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item{margin-top:3rem!important;margin-bottom:-1px;display:flex;flex-direction:column;align-items:center;position:relative}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item.m-open{margin:1px}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item.m-open:before{content:\"\";width:200vw;margin-left:-100vw;height:100%;position:absolute;z-index:-1}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item.m-open svg{transition:.5s;transform:rotate(135deg)}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-buttonD{display:flex;justify-content:space-between;align-items:center;padding:5rem 5rem 5rem 0;width:100%;position:relative;transition:.5s}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-buttonD:hover{transition:.5s}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-buttonD:hover:before{content:\"\";width:200vw;margin-left:-100vw;height:100%;position:absolute;z-index:-1}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-buttonD svg{transition:.5s}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-buttonD .m-titulo{font-family:CoreSansG,sans-serif;font-size:8rem;font-style:normal;font-weight:700;line-height:5rem}@media (max-width: 850px){.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-buttonD .m-titulo{font-size:6rem;line-height:5rem}}@media (max-width: 600px){.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-buttonD .m-titulo{font-size:3rem;line-height:3rem}}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-buttonD .m-titulo{text-align:left}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado{display:flex;gap:6rem;width:100%;max-width:125rem;flex-wrap:wrap;transition:height .35s ease,opacity .25s ease;will-change:height}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .category{display:flex;flex-direction:row;gap:1rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .category .sup-category{margin-top:.5rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list{width:calc(50% - 3rem);display:flex;flex-direction:column;align-items:center;text-align:center}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list a{display:flex;flex-direction:column;align-items:center}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-imagen{aspect-ratio:625/417;width:100%}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-imagen img{width:100%;height:100%;object-fit:cover;aspect-ratio:625/417}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-titulo{font-family:CoreSansG,sans-serif;font-size:4rem;font-style:normal;font-weight:300!important;line-height:5rem}@media (max-width: 850px){.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-titulo{font-size:3rem;line-height:4rem}}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-titulo{color:#393637;margin-top:1rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-subtitulo{font-family:new-atten,sans-serif;font-size:1.4rem;font-weight:400;letter-spacing:12%;line-height:100%;text-transform:uppercase;color:#393637;margin-top:1rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-stars{display:flex;gap:1.7rem;margin-top:.9rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-stars svg{transform:rotate(143deg)}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-keys{display:flex;gap:1.7rem;margin-top:.9rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-keys svg{transform:rotate(90deg)}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-buttons{display:flex;gap:2.8rem;margin-top:2rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-buttons .m-button1{font-family:new-atten,sans-serif;font-size:1.4rem;font-weight:500;letter-spacing:.2rem;line-height:none;text-transform:uppercase;line-height:inherit!important;border-radius:8rem;border:1px solid #393637;padding:2rem 5rem;transition:.5s;min-width:26rem;display:flex;align-items:center;justify-content:center}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-buttons .m-button1 span{color:#393637}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-buttons .m-button1:hover{background-color:#fcdd3f;transition:.5s;border:1px solid #FCDD3F}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-buttons .m-button1{padding:2rem 8rem;min-width:auto;white-space:nowrap}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-buttons .m-button2{font-family:new-atten,sans-serif;font-size:1.4rem;font-weight:500;letter-spacing:.2rem;line-height:none;text-transform:uppercase;border-radius:8rem;padding:2rem 5rem;transition:.5s;min-width:26rem;background-color:#fcdd3f;display:flex;align-items:center;justify-content:center}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-buttons .m-button2 span{color:#393637}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-buttons .m-button2:hover{background-color:#f9bf10;transition:.5s}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-buttons .m-button2{padding:2rem 8rem;min-width:auto;white-space:nowrap}.mdl-LisC1ImgTxt .mdl-container .m-foot{margin-top:5rem;display:flex;justify-content:space-between}.mdl-LisC1ImgTxt .mdl-container .m-foot .m-texto{font-family:Breathing Personal,sans-serif;font-size:6rem;font-weight:400;line-height:100%}@media (max-width: 600px){.mdl-LisC1ImgTxt .mdl-container .m-foot .m-texto{font-size:4rem}}.mdl-LisC1ImgTxt .mdl-container .m-foot .m-texto{color:#fcdd3f}.mdl-LisC1ImgTxt .mdl-container .m-foot .m-buttonfoot{font-family:new-atten,sans-serif;font-size:1.4rem;font-weight:500;letter-spacing:.2rem;line-height:none;text-transform:uppercase;line-height:inherit!important;border-radius:8rem;border:1px solid #393637;padding:2rem 5rem;transition:.5s;min-width:26rem;display:flex;align-items:center;justify-content:center}.mdl-LisC1ImgTxt .mdl-container .m-foot .m-buttonfoot span{color:#393637}.mdl-LisC1ImgTxt .mdl-container .m-foot .m-buttonfoot:hover{background-color:#fcdd3f;transition:.5s;border:1px solid #FCDD3F}.mdl-LisC1ImgTxt .mdl-container .m-foot .m-buttonfoot{min-width:16rem;text-align:center}@media (max-width: 1441px){.mdl-LisC1ImgTxt .mdl-container{padding:0 2rem}}@media (max-width: 1080px){.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-titulo{height:9rem}}@media (max-width: 1200px){.mdl-LisC1ImgTxt .mdl-container .m-content .m-top{flex-direction:column;align-items:center;text-align:center;gap:2rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list{margin-bottom:2rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-buttons{flex-direction:column;gap:1rem!important}}@media (max-width: 850px){.mdl-LisC1ImgTxt .mdl-container .m-head{flex-direction:column}.mdl-LisC1ImgTxt .mdl-container .m-head .m-left,.mdl-LisC1ImgTxt .mdl-container .m-head .m-right{max-width:60.1rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-top .m-right .selectors{flex-direction:column;gap:2rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list{margin-bottom:2rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-buttons{flex-direction:column;gap:1rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-buttonD{padding:5rem 0}.mdl-LisC1ImgTxt .mdl-container .m-foot{align-items:center}}@media (max-width: 600px){.mdl-LisC1ImgTxt .mdl-container .m-foot{flex-direction:column;gap:3rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list{width:100%}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-titulo{height:auto}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: BabylonDynamicHeadingComponent, selector: "lib-babylon-dynamic-heading", inputs: ["useInnerHtml", "tag", "wrapper", "cssClass", "content", "color"] }] }); }
|
|
24568
24657
|
}
|
|
@@ -24573,7 +24662,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
24573
24662
|
BabylonLinkTypeDirective,
|
|
24574
24663
|
BabylonCurrencyPipe,
|
|
24575
24664
|
FormsModule,
|
|
24576
|
-
BabylonDynamicHeadingComponent
|
|
24665
|
+
BabylonDynamicHeadingComponent,
|
|
24577
24666
|
], encapsulation: ViewEncapsulation.Emulated, template: "<section class=\"mdl-LisC1ImgTxt\">\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n <div class=\"m-top\">\n <div class=\"m-left\">\n @if (headingTagUtils.hasHeadingContent(texts, 'title', texts?.title)) {\n <lib-babylon-dynamic-heading\n [tag]=\"headingTagUtils.getHeadingTag(texts, 'title', 'h1')\"\n [color]=\"textColors?.title\"\n cssClass=\"m-titulo\"\n [content]=\"headingTagUtils.getHeadingContent(texts, 'title', texts?.title)\"\n ></lib-babylon-dynamic-heading>\n }\n\n @if (texts?.subtitle) {\n <div\n class=\"m-subtitulo\"\n [innerHTML]=\"texts?.subtitle\"\n ></div>\n }\n </div>\n\n @if (showFilters) {\n <div class=\"m-right\">\n <div class=\"selectors\">\n <fieldset class=\"select-field\">\n @if (texts?.marca) {\n <legend>{{ texts?.marca }}</legend>\n }\n <select\n [(ngModel)]=\"selectedBrand\"\n (ngModelChange)=\"onBrandChange($event)\"\n >\n <option value=\"\">{{ texts?.marca }}</option>\n @for (\n opt of brandOptions;\n track trackOption($index)\n ) {\n <option [value]=\"opt\">{{ opt }}</option>\n }\n </select>\n </fieldset>\n\n <fieldset class=\"select-field\">\n @if (texts?.destinations) {\n <legend>{{ texts?.destinations }}</legend>\n }\n <select\n [(ngModel)]=\"selectedDestination\"\n (ngModelChange)=\"\n onDestinationChange($event)\n \"\n >\n <option value=\"\">\n {{ texts?.destinations }}\n </option>\n @for (\n opt of destinationOptions;\n track trackOption($index)\n ) {\n <option [value]=\"opt\">{{ opt }}</option>\n }\n </select>\n </fieldset>\n\n @if (experienceTypeOptions?.length) {\n <fieldset class=\"select-field\">\n <legend>{{ texts?.events }}</legend>\n <select\n [(ngModel)]=\"selectedExperienceType\"\n (ngModelChange)=\"\n onExperienceTypeChange($event)\n \"\n >\n <option value=\"\">\n {{ texts?.events }}\n </option>\n @for (\n opt of experienceTypeOptions;\n track trackOption($index)\n ) {\n <option [value]=\"opt\">\n {{ opt }}\n </option>\n }\n </select>\n </fieldset>\n }\n </div>\n </div>\n }\n </div>\n\n <div class=\"m-item m-open\">\n <div class=\"m-listado\">\n @for (item of filteredItems; track item) {\n <div class=\"m-item-list\">\n <a\n [href]=\"getButtonUrl(item, 1)\"\n [linkType]=\"getButtonLinkType(item, 1)\"\n >\n <div class=\"m-imagen\">\n @if (\n getFirstImageByTag(\n tagName,\n item?.multimedia?.imagenes ?? []\n ) ?? item?.multimedia?.imagenes?.[0];\n as img\n ) {\n <img\n [src]=\"\n img?.img?.src ||\n 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'\n \"\n [attr.alt]=\"\n img?.img?.alt ??\n (item?.texts?.title ||\n item?.texts?.name ||\n '')\n \"\n />\n }\n </div>\n\n @if (item?.texts?.title || item?.texts?.name) {\n <h2\n class=\"m-titulo\"\n [innerHTML]=\"\n item?.texts?.title ||\n item?.texts?.name\n \"\n ></h2>\n }\n\n @if (item?.texts?.additional1) {\n <div\n class=\"m-subtitulo\"\n [innerHTML]=\"item?.texts?.additional1\"\n ></div>\n }\n <div class=\"category\">\n @if (getHotelStars(item)) {\n @if (isApartment(item?.hoteltype)) {\n <div\n [attr.aria-label]=\"\n getHotelStars(item) +\n ' estrellas'\n \"\n >\n <div class=\"m-keys\">\n @for (\n star of getHotelStarIndexes(\n item\n );\n track star\n ) {\n <svg\n width=\"13\"\n height=\"13\"\n viewBox=\"0 0 13 13\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.146296 4.26479L1.14015 2.01692C1.31289 1.62559 1.62559 1.31289 2.01692 1.14015L4.26479 0.146297C4.58174 0.00641826 4.93356 -0.0343944 5.27412 0.0292127C5.61467 0.0928198 5.92805 0.257876 6.17314 0.50273L7.9475 2.27839C8.1606 2.49155 8.31388 2.75701 8.39197 3.04813C8.47006 3.33925 8.4702 3.64578 8.39239 3.93698L7.93579 5.64109L12.866 10.5713C12.9085 10.6136 12.9422 10.6639 12.9652 10.7193C12.9882 10.7746 13 10.834 13 10.8939V12.5447C12.9993 12.6652 12.9511 12.7807 12.8659 12.8659C12.7807 12.9511 12.6652 12.9993 12.5447 13H10.8939C10.7926 12.9998 10.6942 12.9659 10.6142 12.9038C10.5341 12.8416 10.477 12.7547 10.4516 12.6566L10.2045 11.6796L9.3303 11.5131C9.24322 11.4968 9.16282 11.4553 9.09903 11.3938C9.03523 11.3323 8.99082 11.2535 8.97127 11.1671L8.73321 10.1173L7.89026 10.0367C7.78479 10.0274 7.68608 9.9808 7.61188 9.90528L5.64109 7.93579L3.93697 8.39239C3.6458 8.47047 3.33919 8.47046 3.04802 8.39236C2.75685 8.31426 2.4914 8.16082 2.27839 7.9475L0.502729 6.17314C0.257875 5.92805 0.0928202 5.61467 0.029213 5.27412C-0.0343943 4.93357 0.00641727 4.58174 0.146296 4.26479ZM3.6703 5.08953C3.81061 5.22968 3.98932 5.32508 4.18385 5.36369C4.37837 5.40229 4.57997 5.38236 4.76317 5.30641C4.94636 5.23047 5.10294 5.10191 5.21309 4.937C5.32324 4.7721 5.38203 4.57823 5.38203 4.37991C5.38203 4.1816 5.32324 3.98773 5.21309 3.82283C5.10294 3.65792 4.94636 3.52936 4.76317 3.45342C4.57997 3.37747 4.37837 3.35754 4.18385 3.39614C3.98932 3.43475 3.81061 3.53015 3.6703 3.6703C3.57689 3.76336 3.50277 3.87395 3.45219 3.99572C3.40162 4.1175 3.37558 4.24806 3.37558 4.37991C3.37558 4.51177 3.40162 4.64233 3.45219 4.76411C3.50277 4.88588 3.57689 4.99647 3.6703 5.08953Z\"\n fill=\"#393637\"\n fill-opacity=\"1\"\n />\n </svg>\n }\n </div>\n </div>\n } @else {\n <div\n class=\"m-stars\"\n [attr.aria-label]=\"\n getHotelStars(item) +\n ' estrellas'\n \"\n >\n @for (\n star of getHotelStarIndexes(\n item\n );\n track star\n ) {\n <svg\n width=\"12\"\n height=\"11\"\n viewBox=\"0 0 12 11\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M6 0L7.416 4.2H12L8.292 6.8L9.708 11L6 8.4L2.292 11L3.708 6.8L0 4.2H4.584L6 0Z\"\n fill=\"#393637\"\n />\n </svg>\n }\n </div>\n }\n }\n <div class=\"sup-category\">\n {{ showIfSup(item?.hotelcategory) }}\n </div>\n </div>\n </a>\n\n <div class=\"m-buttons\">\n @if (getButtonLabel(item, 0); as button1Label) {\n <a\n class=\"m-button1\"\n [href]=\"getButtonUrl(item, 0)\"\n [linkType]=\"getButtonLinkType(item, 0)\"\n >\n {{ button1Label }}\n </a>\n }\n\n @if (getButtonLabel(item, 1); as button2Label) {\n <a\n class=\"m-button2\"\n [href]=\"getButtonUrl(item, 1)\"\n [linkType]=\"getButtonLinkType(item, 1)\"\n >\n {{ button2Label }}\n </a>\n }\n </div>\n </div>\n }\n </div>\n </div>\n\n @if (!filteredItems?.length && texts?.notFound) {\n <div class=\"m-foot\">\n <div class=\"m-texto\" [innerHTML]=\"texts?.notFound\"></div>\n </div>\n }\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";html{font-size:62.5%}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}body,section{font-family:new-atten,sans-serif;font-size:1.6rem;font-weight:400;line-height:2.8rem}section .mdl-container{width:100%;max-width:178rem;margin:0 auto}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:CoreSansG,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}body{cursor:default;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__backdrop{background-color:#00000087!important}.fancybox__content{padding:0!important}.fancybox__content>.carousel__button.is-close{color:#b6b8bb!important}.fancybox__counter{display:none!important}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}.mdl-LisC1ImgTxt{overflow:hidden;padding-left:0!important;padding-right:0!important}.mdl-LisC1ImgTxt .mdl-container{max-width:150rem;padding:0 5rem;box-sizing:border-box}.mdl-LisC1ImgTxt .mdl-container .m-head{display:flex;justify-content:space-between;gap:2rem}.mdl-LisC1ImgTxt .mdl-container .m-head .m-left{width:100%;max-width:52.7rem;font-family:CoreSansG,sans-serif;font-size:4rem;font-style:normal;font-weight:300!important;line-height:5rem}@media (max-width: 850px){.mdl-LisC1ImgTxt .mdl-container .m-head .m-left{font-size:3rem;line-height:4rem}}.mdl-LisC1ImgTxt .mdl-container .m-head .m-left{color:#393637}.mdl-LisC1ImgTxt .mdl-container .m-head .m-right{width:100%;max-width:39.1rem;font-family:new-atten,sans-serif;font-size:1.6rem;font-weight:400;line-height:2.8rem;color:#393637}.mdl-LisC1ImgTxt .mdl-container .m-content{margin-top:5rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-top{display:flex;justify-content:space-between}.mdl-LisC1ImgTxt .mdl-container .m-content .m-top .m-left ::ng-deep .m-titulo{font-family:CoreSansG,sans-serif;font-size:4rem;font-style:normal;font-weight:300!important;line-height:5rem}@media (max-width: 850px){.mdl-LisC1ImgTxt .mdl-container .m-content .m-top .m-left ::ng-deep .m-titulo{font-size:3rem;line-height:4rem}}.mdl-LisC1ImgTxt .mdl-container .m-content .m-top .m-left ::ng-deep .m-titulo{color:#393637}.mdl-LisC1ImgTxt .mdl-container .m-content .m-top .m-left .m-subtitulo{font-family:new-atten,sans-serif;font-size:1.4rem;font-weight:500;letter-spacing:.2rem;line-height:none;text-transform:uppercase;color:#393637}.mdl-LisC1ImgTxt .mdl-container .m-content .m-top .m-right{font-family:new-atten,sans-serif}.mdl-LisC1ImgTxt .mdl-container .m-content .m-top .m-right .selectors{display:flex;gap:40px}.mdl-LisC1ImgTxt .mdl-container .m-content .m-top .m-right .select-field{font-family:new-atten,sans-serif;width:21.4rem;border:2px solid #cfcfcf;border-radius:.4rem;padding:4px 16px 14px}.mdl-LisC1ImgTxt .mdl-container .m-content .m-top .m-right .select-field legend{font-family:new-atten,sans-serif;padding:0 8px;font-size:13px;color:#393939;margin-top:-1.6rem;background-color:#fdfbf9;width:fit-content}.mdl-LisC1ImgTxt .mdl-container .m-content .m-top .m-right .select-field select{font-family:new-atten,sans-serif;width:100%;border:none;outline:none;font-size:14px;color:#666;background:transparent;appearance:none;cursor:pointer}.mdl-LisC1ImgTxt .mdl-container .m-content .m-top .m-right .select-field{font-family:new-atten,sans-serif;position:relative}.mdl-LisC1ImgTxt .mdl-container .m-content .m-top .m-right .select-field:after{font-family:new-atten,sans-serif;content:\"\";position:absolute;right:18px;top:57%;width:10px;height:10px;border-right:3px solid #777;border-bottom:3px solid #777;transform:translateY(-120%) rotate(45deg);pointer-events:none}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item{margin-top:3rem!important;margin-bottom:-1px;display:flex;flex-direction:column;align-items:center;position:relative}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item.m-open{margin:1px}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item.m-open:before{content:\"\";width:200vw;margin-left:-100vw;height:100%;position:absolute;z-index:-1}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item.m-open svg{transition:.5s;transform:rotate(135deg)}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-buttonD{display:flex;justify-content:space-between;align-items:center;padding:5rem 5rem 5rem 0;width:100%;position:relative;transition:.5s}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-buttonD:hover{transition:.5s}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-buttonD:hover:before{content:\"\";width:200vw;margin-left:-100vw;height:100%;position:absolute;z-index:-1}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-buttonD svg{transition:.5s}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-buttonD .m-titulo{font-family:CoreSansG,sans-serif;font-size:8rem;font-style:normal;font-weight:700;line-height:5rem}@media (max-width: 850px){.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-buttonD .m-titulo{font-size:6rem;line-height:5rem}}@media (max-width: 600px){.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-buttonD .m-titulo{font-size:3rem;line-height:3rem}}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-buttonD .m-titulo{text-align:left}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado{display:flex;gap:6rem;width:100%;max-width:125rem;flex-wrap:wrap;transition:height .35s ease,opacity .25s ease;will-change:height}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .category{display:flex;flex-direction:row;gap:1rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .category .sup-category{margin-top:.5rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list{width:calc(50% - 3rem);display:flex;flex-direction:column;align-items:center;text-align:center}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list a{display:flex;flex-direction:column;align-items:center}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-imagen{aspect-ratio:625/417;width:100%}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-imagen img{width:100%;height:100%;object-fit:cover;aspect-ratio:625/417}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-titulo{font-family:CoreSansG,sans-serif;font-size:4rem;font-style:normal;font-weight:300!important;line-height:5rem}@media (max-width: 850px){.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-titulo{font-size:3rem;line-height:4rem}}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-titulo{color:#393637;margin-top:1rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-subtitulo{font-family:new-atten,sans-serif;font-size:1.4rem;font-weight:400;letter-spacing:12%;line-height:100%;text-transform:uppercase;color:#393637;margin-top:1rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-stars{display:flex;gap:1.7rem;margin-top:.9rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-stars svg{transform:rotate(143deg)}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-keys{display:flex;gap:1.7rem;margin-top:.9rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-keys svg{transform:rotate(90deg)}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-buttons{display:flex;gap:2.8rem;margin-top:2rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-buttons .m-button1{font-family:new-atten,sans-serif;font-size:1.4rem;font-weight:500;letter-spacing:.2rem;line-height:none;text-transform:uppercase;line-height:inherit!important;border-radius:8rem;border:1px solid #393637;padding:2rem 5rem;transition:.5s;min-width:26rem;display:flex;align-items:center;justify-content:center}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-buttons .m-button1 span{color:#393637}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-buttons .m-button1:hover{background-color:#fcdd3f;transition:.5s;border:1px solid #FCDD3F}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-buttons .m-button1{padding:2rem 8rem;min-width:auto;white-space:nowrap}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-buttons .m-button2{font-family:new-atten,sans-serif;font-size:1.4rem;font-weight:500;letter-spacing:.2rem;line-height:none;text-transform:uppercase;border-radius:8rem;padding:2rem 5rem;transition:.5s;min-width:26rem;background-color:#fcdd3f;display:flex;align-items:center;justify-content:center}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-buttons .m-button2 span{color:#393637}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-buttons .m-button2:hover{background-color:#f9bf10;transition:.5s}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-buttons .m-button2{padding:2rem 8rem;min-width:auto;white-space:nowrap}.mdl-LisC1ImgTxt .mdl-container .m-foot{margin-top:5rem;display:flex;justify-content:space-between}.mdl-LisC1ImgTxt .mdl-container .m-foot .m-texto{font-family:Breathing Personal,sans-serif;font-size:6rem;font-weight:400;line-height:100%}@media (max-width: 600px){.mdl-LisC1ImgTxt .mdl-container .m-foot .m-texto{font-size:4rem}}.mdl-LisC1ImgTxt .mdl-container .m-foot .m-texto{color:#fcdd3f}.mdl-LisC1ImgTxt .mdl-container .m-foot .m-buttonfoot{font-family:new-atten,sans-serif;font-size:1.4rem;font-weight:500;letter-spacing:.2rem;line-height:none;text-transform:uppercase;line-height:inherit!important;border-radius:8rem;border:1px solid #393637;padding:2rem 5rem;transition:.5s;min-width:26rem;display:flex;align-items:center;justify-content:center}.mdl-LisC1ImgTxt .mdl-container .m-foot .m-buttonfoot span{color:#393637}.mdl-LisC1ImgTxt .mdl-container .m-foot .m-buttonfoot:hover{background-color:#fcdd3f;transition:.5s;border:1px solid #FCDD3F}.mdl-LisC1ImgTxt .mdl-container .m-foot .m-buttonfoot{min-width:16rem;text-align:center}@media (max-width: 1441px){.mdl-LisC1ImgTxt .mdl-container{padding:0 2rem}}@media (max-width: 1080px){.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-titulo{height:9rem}}@media (max-width: 1200px){.mdl-LisC1ImgTxt .mdl-container .m-content .m-top{flex-direction:column;align-items:center;text-align:center;gap:2rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list{margin-bottom:2rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-buttons{flex-direction:column;gap:1rem!important}}@media (max-width: 850px){.mdl-LisC1ImgTxt .mdl-container .m-head{flex-direction:column}.mdl-LisC1ImgTxt .mdl-container .m-head .m-left,.mdl-LisC1ImgTxt .mdl-container .m-head .m-right{max-width:60.1rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-top .m-right .selectors{flex-direction:column;gap:2rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list{margin-bottom:2rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-buttons{flex-direction:column;gap:1rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-buttonD{padding:5rem 0}.mdl-LisC1ImgTxt .mdl-container .m-foot{align-items:center}}@media (max-width: 600px){.mdl-LisC1ImgTxt .mdl-container .m-foot{flex-direction:column;gap:3rem}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list{width:100%}.mdl-LisC1ImgTxt .mdl-container .m-content .m-item .m-listado .m-item-list .m-titulo{height:auto}}\n"] }]
|
|
24578
24667
|
}], propDecorators: { texts: [{
|
|
24579
24668
|
type: Input
|
|
@@ -29826,9 +29915,13 @@ class FoC2ImgTxtComponent {
|
|
|
29826
29915
|
return url ? url.trim() : url;
|
|
29827
29916
|
}
|
|
29828
29917
|
handleNavigation(item) {
|
|
29829
|
-
if (!item?.url)
|
|
29918
|
+
if (!item?.url && !item?.icon?.includes('location'))
|
|
29830
29919
|
return;
|
|
29831
|
-
const url =
|
|
29920
|
+
const url = item?.icon?.includes('location') &&
|
|
29921
|
+
!item?.url &&
|
|
29922
|
+
this.hotel?.mapLink
|
|
29923
|
+
? (this.trimUrl(this.hotel?.mapLink) ?? '')
|
|
29924
|
+
: (this.trimUrl(item.url) ?? '');
|
|
29832
29925
|
const linkType = item?.linkType ?? 'nolink';
|
|
29833
29926
|
if (linkType === 'internal_link' || linkType === 'internal') {
|
|
29834
29927
|
// Navegación interna con Angular Router
|