ctt-babylon 0.9.44 → 0.9.45
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/fesm2022/ctt-babylon.mjs
CHANGED
|
@@ -2798,11 +2798,11 @@ class BabylonLisC2ImgVidComponent {
|
|
|
2798
2798
|
}
|
|
2799
2799
|
}
|
|
2800
2800
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonLisC2ImgVidComponent, deps: [{ token: i1$2.MatDialog }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2801
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonLisC2ImgVidComponent, isStandalone: true, selector: "lib-babylon-lis-c2-img-vid", viewQueries: [{ propertyName: "roomsModal", first: true, predicate: ["roomsModal"], descendants: true, static: true }, { propertyName: "imagesModal", first: true, predicate: ["imagesModal"], descendants: true, static: true }], ngImport: i0, template: "<section class=\"babylon_lisc2imgvid margin-main\">\n <div class=\"container\">\n <div class=\"babylon_lisc2imgvid--header\">\n <h2 class=\"babylon_lisc2imgvid--header-title title\">Gallery</h2>\n <hr />\n <div class=\"babylon_lisc2imgvid--navbar-desktop\">\n <ul>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"selectFilter(1)\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 1,\n }\"\n >\n All\n </li>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"selectFilter(2)\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 2,\n }\"\n >\n Grand House\n </li>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"openModal('rooms')\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 3,\n }\"\n >\n Accommodation\n </li>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"selectFilter(4)\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 4,\n }\"\n >\n Restaurant\n </li>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"selectFilter(5)\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 5,\n }\"\n >\n Spa & wellness\n </li>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"selectFilter(6)\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 6,\n }\"\n >\n Palma\n </li>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"selectFilter(7)\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 7,\n }\"\n >\n Video\n </li>\n </ul>\n </div>\n <div class=\"babylon_lisc2imgvid--navbar-mobile\">\n <div\n class=\"babylon_lisc2imgvid--filter-buttons d-flex justify-content-center\"\n >\n <button\n class=\"d-flex justify-content-between align-items-center\"\n (click)=\"openFiltersModal()\"\n >\n CATEGOR\u00CDAS <span>=</span>\n </button>\n <hr />\n <button\n class=\"d-flex justify-content-between align-items-center\"\n (click)=\"openFiltersRoomModal()\"\n >\n HABITACIONES <span>=</span>\n </button>\n </div>\n </div>\n </div>\n <div class=\"babylon_lisc2imgvid--gallery cs_lightgallery\">\n <div class=\"babylon_lisc2imgvid--gallery-item\">\n <a\n (click)=\"openModal('images')\"\n class=\"cs_style_3 d-block cs_bg_filed position-relative cs_type_1 cs--radius\"\n >\n <img src=\"/assets/babylon/fotos/gallery_13.jpeg\" alt=\"\" />\n\n <div class=\"babylon_lisc2imgvid--gallery-itemName\">\n Can Bordoy\n <span class=\"\">\n <span class=\"babylon-fullscreen\"></span>\n </span>\n </div>\n </a>\n </div>\n <div class=\"babylon_lisc2imgvid--gallery-item\">\n <a\n (click)=\"openModal('images')\"\n class=\"cs_style_3 d-block cs_bg_filed position-relative cs_type_1 cs--radius\"\n >\n <img src=\"/assets/babylon/fotos/gallery_13.jpeg\" alt=\"\" />\n\n <div class=\"babylon_lisc2imgvid--gallery-itemName\">\n Can Bordoy\n <span class=\"\">\n <span class=\"babylon-fullscreen\"></span>\n </span>\n </div>\n </a>\n </div>\n <div class=\"babylon_lisc2imgvid--gallery-item\">\n <a\n (click)=\"openModal('images')\"\n class=\"cs_style_3 d-block cs_bg_filed position-relative cs_type_1 cs--radius\"\n >\n <img src=\"/assets/babylon/fotos/gallery_13.jpeg\" alt=\"\" />\n\n <div class=\"babylon_lisc2imgvid--gallery-itemName\">\n Can Bordoy\n <span class=\"\">\n <span class=\"babylon-fullscreen\"></span>\n </span>\n </div>\n </a>\n </div>\n <div class=\"babylon_lisc2imgvid--gallery-item\">\n <a\n (click)=\"openModal('images')\"\n class=\"cs_style_3 d-block cs_bg_filed position-relative cs_type_1 cs--radius\"\n >\n <img src=\"/assets/babylon/fotos/gallery_13.jpeg\" alt=\"\" />\n\n <div class=\"babylon_lisc2imgvid--gallery-itemName\">\n Can Bordoy\n <span class=\"\">\n <span class=\"babylon-fullscreen\"></span>\n </span>\n </div>\n </a>\n </div>\n <div class=\"babylon_lisc2imgvid--gallery-item\">\n <a\n (click)=\"openModal('images')\"\n class=\"cs_style_3 d-block cs_bg_filed position-relative cs_type_1 cs--radius\"\n >\n <img src=\"/assets/babylon/fotos/gallery_13.jpeg\" alt=\"\" />\n\n <div class=\"babylon_lisc2imgvid--gallery-itemName\">\n Can Bordoy\n <span class=\"\">\n <span class=\"babylon-fullscreen\"></span>\n </span>\n </div>\n </a>\n </div>\n </div>\n </div>\n</section>\n<div class=\"modal modal__rooms rooms\" #roomsModal>\n <div class=\"modal__inner\">\n <div\n class=\"modal__close js-close\"\n role=\"button\"\n (click)=\"closeModal('rooms')\"\n >\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use href=\"/assets/babylon/svg/close-icon.svg#close-icon\"></use>\n </svg>\n </div>\n <div class=\"babylon_lisc2imgvid--modal\">\n <header class=\"babylon_lisc2imgvid--modal-header\">\n <h2>GALLERY ACCOMMODATION</h2>\n </header>\n <ul class=\"babylon_lisc2imgvid--modal-list\">\n <li (click)=\"closeModal('rooms')\">\n <div><span class=\"babylon-minus\"></span> Traveler Room</div>\n <span class=\"babylon-arrow-right\"></span>\n </li>\n <li class=\"active\" (click)=\"closeModal('rooms')\">\n <div><span class=\"babylon-minus\"></span>Junior Suite</div>\n <span class=\"babylon-arrow-right\"></span>\n </li>\n <li (click)=\"closeModal('rooms')\">\n <div><span class=\"babylon-minus\"></span>Deluxe Suite</div>\n <span class=\"babylon-arrow-right\"></span>\n </li>\n <li (click)=\"closeModal('rooms')\">\n <div><span class=\"babylon-minus\"></span>Video</div>\n <span class=\"babylon-arrow-right\"></span>\n </li>\n <li (click)=\"closeModal('rooms')\">\n <div><span class=\"babylon-minus\"></span> Premium Suite</div>\n <span class=\"babylon-arrow-right\"></span>\n </li>\n <li (click)=\"closeModal('rooms')\">\n <div><span class=\"babylon-minus\"></span>Sky Suite</div>\n <span class=\"babylon-arrow-right\"></span>\n </li>\n <li (click)=\"closeModal('rooms')\">\n <div><span class=\"babylon-minus\"></span>Grand Suite</div>\n <span class=\"babylon-arrow-right\"></span>\n </li>\n </ul>\n </div>\n </div>\n</div>\n<div class=\"modal modal__images images\" #imagesModal>\n <div class=\"modal__inner\">\n <div\n class=\"modal__close js-close\"\n role=\"button\"\n (click)=\"closeModal('images')\"\n >\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use href=\"/assets/babylon/svg/close-icon.svg#close-icon\"></use>\n </svg>\n </div>\n <div class=\"babylon_lisc2imgvid--modal\">\n <div\n class=\"babylon_lisc2imgvid-slider js-active-slider\"\n data-slides_infinite=\"true\"\n data-slider_name=\"babylon_lisc2imgvid__slider\"\n data-slider_showbtns=\"true\"\n data-slider_btns=\"icon-small\"\n data-slider_showdots=\"false\"\n data-slider_fade=\"false\"\n data-slides_pc=\"1\"\n >\n <div>\n <div class=\"babylon_lisc2imgvid__inner\">\n <div class=\"slick-slider-outer\">\n <div class=\"babylon_lisc2imgvid__slider\">\n <div class=\"slick-slide\">\n <div\n class=\"babylon_lisc2imgvid__slider-item\"\n >\n <p>Can Bordoy</p>\n <img\n src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n alt=\"\"\n />\n </div>\n </div>\n <div class=\"slick-slide\">\n <div\n class=\"babylon_lisc2imgvid__slider-item\"\n >\n <p>Can Bordoy</p>\n <img\n src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n alt=\"\"\n />\n </div>\n </div>\n <div class=\"slick-slide\">\n <div\n class=\"babylon_lisc2imgvid__slider-item\"\n >\n <p>Can Bordoy</p>\n <img\n src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n alt=\"\"\n />\n </div>\n </div>\n <div class=\"slick-slide\">\n <div\n class=\"babylon_lisc2imgvid__slider-item\"\n >\n <p>Can Bordoy</p>\n <img\n src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n alt=\"\"\n />\n </div>\n </div>\n <div class=\"slick-slide\">\n <div\n class=\"babylon_lisc2imgvid__slider-item\"\n >\n <p>Can Bordoy</p>\n <img\n src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n alt=\"\"\n />\n </div>\n </div>\n </div>\n <div class=\"js-slider-arrows\"></div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n", styles: ["@charset \"UTF-8\";:root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle: \"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_background_dark-opacity: #19314bbf;--cl_title: #978667;--cl_subtitle: #19314b;--cl_pretitle: #19314b;--cl_text: #3c3b3b;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--cl_btn-box: #19314b;--cl_btn-box-text: #19314b;--cl_btn-box-hover: #978667;--cl_btn-box-text-hover: #fff;--cl_btn-call: #19314bf2;--cl_btn-call-text: white;--cl_btn-call-hover: #978667;--cl_btn-call-text-hover: #fff;--cl_btn-link: #19314b;--cl_btn-link-hover: #978667;--cl_btn-arrow: #19314b;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #978667;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #24262d;--cl_btn-dots-active: #978667;--cl_btn-dots-hover: #978667;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #978667;--cl_btn-light-text-hover: #978667;--cl_footer-bg: #19314b;--cl_footer-bg-bottom: #0a1d31;--cl_footer-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth: 1px;--cl_engine-bg: #fff;--cl_engine-bg-dark: #19314b;--cl_engine-input-bg: #47474724;--cl_engine-input-bg-select: #ebebeb;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #19314b;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_dropdown-radius: 20px;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff}.cs_dark{--cl_corp: #181818;--cl_accent: #aa8453;--cl_icon: #aa8453;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #fff;--cl_breadcrumb-hover: #aa8453;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #181818;--cl_background_white: transparent;--cl_background_dark: #aa8453;--cl_background_gray: #333;--cl_title: #fff;--cl_subtitle: #aa8453;--cl_pretitle: #aa8453;--cl_text: #fff;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_header-bg: #aa8453;--cl_header-text-light: #fff;--cl_menu-bg: #79582c;--cl_menu-text: #fff;--cl_btn-box: #aa8453;--cl_btn-box-text: #aa8453;--cl_btn-box-hover: #79582c;--cl_btn-box-text-hover: #fff;--cl_btn-call: #aa8453;--cl_btn-call-text: white;--cl_btn-call-hover: #79582c;--cl_btn-call-text-hover: #fff;--cl_btn-link: #aa8453;--cl_btn-link-hover: #79582c;--cl_btn-arrow: #ffffff3a;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #79582c;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #eee;--cl_btn-dots-active: #79582c;--cl_btn-dots-hover: #79582c;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #79582c;--cl_btn-light-text-hover: #79582c;--cl_footer-bg: #aa8453;--cl_footer-bg-bottom: #79582c;--cl_footer-scroll: #aa8453;--cl_footer-text: #fff;--cl_footer-text-hover: #aa8453;--btn_radius: 1px;--img_radius: 0px;--img_border: #fff;--img_border-whidth: 2px;--cl_engine-bg: #181818;--cl_engine-input-bg: #79582c;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #fff;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_dropdown-radius: 20px;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.babylon_lisc2imgvid .container{width:90%;max-width:300.6px;padding-left:0;padding-right:0}@media (min-width: 576px){.babylon_lisc2imgvid .container{max-width:440px}}@media (min-width: 768px){.babylon_lisc2imgvid .container{max-width:620px}}@media (min-width: 992px){.babylon_lisc2imgvid .container{max-width:784px}}@media (min-width: 1200px){.babylon_lisc2imgvid .container{max-width:1100px}}@media (min-width: 1400px){.babylon_lisc2imgvid .container{max-width:1100px}}@media (min-width: 1680px){.babylon_lisc2imgvid .container{max-width:1400px}}@media (min-width: 1800px){.babylon_lisc2imgvid .container{max-width:1440px}}.babylon_lisc2imgvid--header{display:flex;flex-direction:column;align-items:center;padding-block:2rem}.babylon_lisc2imgvid--header>*{text-align:center}.babylon_lisc2imgvid--header-title{font-size:20px;text-transform:uppercase}.babylon_lisc2imgvid--header hr{border-bottom:1px solid var(--cl_accent);width:100%}.babylon_lisc2imgvid--navbar-desktop{display:none;margin-bottom:3rem}@media (min-width: 1200px){.babylon_lisc2imgvid--navbar-desktop{display:block}}.babylon_lisc2imgvid--navbar-desktop ul{display:flex;gap:6.1rem}.babylon_lisc2imgvid--navbar-desktop ul li:hover{cursor:pointer;color:var(--cl_accent)}.babylon_lisc2imgvid--navbar-desktop ul .babylon_lisc2imgvid__filter{font-size:20px}.babylon_lisc2imgvid--navbar-desktop ul .babylon_lisc2imgvid__filter--selected{position:relative}.babylon_lisc2imgvid--navbar-desktop ul .babylon_lisc2imgvid__filter--selected:after{content:\"\\b7\";position:absolute;bottom:-150%;left:50%;display:block;font-size:50px;color:var(--cl_accent);margin-top:-50%;transform:translate(-50%)}.babylon_lisc2imgvid--navbar-mobile{display:flex}@media (min-width: 1200px){.babylon_lisc2imgvid--navbar-mobile{display:none}}.babylon_lisc2imgvid--navbar-mobile .babylon_lisc2imgvid--filter-buttons{margin-bottom:30px;flex-direction:row}@media (min-width: 576px){.babylon_lisc2imgvid--navbar-mobile .babylon_lisc2imgvid--filter-buttons{gap:30px}}.babylon_lisc2imgvid--navbar-mobile .babylon_lisc2imgvid--filter-buttons hr{width:1px;height:100%;margin-block:0px!important;margin-inline:1rem;border:1px solid var(--cl_border-light)}.babylon_lisc2imgvid--navbar-mobile .babylon_lisc2imgvid--filter-buttons button{padding:10px 20px;width:200px;border:none;width:inherit;text-transform:inherit;font-size:18px;background-color:transparent;color:var(--cl_btn-call);opacity:.6;flex-grow:1;gap:1rem;align-items:center;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.babylon_lisc2imgvid--navbar-mobile .babylon_lisc2imgvid--filter-buttons button span{font-size:30px;display:none;align-items:center}@media (min-width: 576px){.babylon_lisc2imgvid--navbar-mobile .babylon_lisc2imgvid--filter-buttons button span{display:block}}@media (min-width: 1200px){.babylon_lisc2imgvid--navbar-mobile .babylon_lisc2imgvid--filter-buttons{display:none!important}}.babylon_lisc2imgvid--gallery{display:grid;grid-template-columns:repeat(1,1fr);gap:41px}@media (min-width: 992px){.babylon_lisc2imgvid--gallery{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1200px){.babylon_lisc2imgvid--gallery{grid-template-columns:repeat(3,1fr);grid-auto-rows:420px;gap:63px}}@media (min-width: 1680px){.babylon_lisc2imgvid--gallery{grid-auto-rows:520px}}.babylon_lisc2imgvid--gallery-item{width:100%;height:auto;aspect-ratio:306/204;padding-bottom:10px;cursor:pointer}@media (min-width: 576px){.babylon_lisc2imgvid--gallery-item{aspect-ratio:440/293;padding-bottom:40px}}@media (min-width: 768px){.babylon_lisc2imgvid--gallery-item{aspect-ratio:620/413}}@media (min-width: 992px){.babylon_lisc2imgvid--gallery-item{padding-bottom:0;aspect-ratio:401/267}}@media (min-width: 1200px){.babylon_lisc2imgvid--gallery-item{aspect-ratio:inherit}}@media (min-width: 1200px){.babylon_lisc2imgvid--gallery-item:nth-child(4n+1),.babylon_lisc2imgvid--gallery-item:nth-child(4n){grid-column:span 2}}.babylon_lisc2imgvid--gallery-item img{width:100%;height:100%;object-fit:cover}.babylon_lisc2imgvid--gallery-item a{width:100%;height:100%;display:flex!important;flex-direction:column}@media (min-width: 992px){.babylon_lisc2imgvid--gallery-item a{display:block!important}}.babylon_lisc2imgvid--gallery-item:hover .babylon_lisc2imgvid--gallery-itemName{height:fit-content;padding-block:1rem}.babylon_lisc2imgvid--gallery-itemName{position:absolute;bottom:-40px;transition:all .3s ease-in-out;width:100%;padding-block:0rem;padding-inline:1.5rem;font-size:20px;display:flex;justify-content:space-between;align-items:center}@media (min-width: 992px){.babylon_lisc2imgvid--gallery-itemName{position:absolute;bottom:0;background:#0006;overflow:hidden;color:#fff;height:0px}}.babylon_lisc2imgvid--gallery-itemName .babylon-fullscreen{display:none}@media (min-width: 992px){.babylon_lisc2imgvid--gallery-itemName .babylon-fullscreen{display:block}}.babylon_lisc2imgvid--modal-header{width:100%;display:flex;justify-content:start;text-transform:uppercase;margin-bottom:1rem;max-width:393.7px;margin-inline:auto;font-size:20px}.babylon_lisc2imgvid--modal-header h2{font-family:var(--font-text);margin-bottom:1.9rem}.babylon_lisc2imgvid--modal-list{font-size:20px;display:flex;flex-direction:column;max-width:393.7px;width:90%;margin-inline:auto}.babylon_lisc2imgvid--modal-list li{width:100%;padding-block:2rem;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--cl_border-light);opacity:.6}.babylon_lisc2imgvid--modal-list li div{display:flex;gap:1rem;align-items:start;align-items:center}.babylon_lisc2imgvid--modal-list li.active,.babylon_lisc2imgvid--modal-list li:hover{opacity:1}.babylon_lisc2imgvid--modal-list li .babylon-minus{font-size:2px}.babylon_lisc2imgvid__slider{transition:all .5s}.babylon_lisc2imgvid__slider-item p{text-align:center;margin-bottom:3rem}.modal{position:fixed;z-index:91;overflow-y:auto;left:0;top:0;width:100%;bottom:0;opacity:0;pointer-events:none;transition:all .5s}.modal__inner{width:100%}.modal.modal--open{opacity:1;pointer-events:all}.modal__close{position:fixed;top:2rem;right:2rem;width:1.7rem;aspect-ratio:1;transition:all .5s;color:#626262;display:flex;align-items:center;justify-content:center;z-index:1}@media (min-width: 540px){.modal__close{top:4.1rem;right:4rem}}.modal__close svg{width:100%;height:100%}.modal__close:hover{border-radius:100%}.modal--open{overflow:hidden}.modal.modal__rooms{background:var(--cl_background_body);display:flex;isolation:isolate;overflow:auto;justify-content:center;padding-top:5rem;padding-inline:3.8rem}@media (min-width: 1024px){.modal.modal__rooms{padding-inline:inherit;padding-top:6rem}}@media (min-width: 1280px){.modal.modal__rooms{align-items:center}}.modal--open.rooms .modal.modal__mapRooms{opacity:1;pointer-events:auto}.modal.modal__images{background:var(--cl_background_body);display:none;isolation:isolate;overflow:auto;justify-content:center}@media (min-width: 1024px){.modal.modal__images{display:flex;padding-top:60px}}@media (min-width: 1366px){.modal.modal__images{align-items:center;padding-top:inherit}}.modal.modal__images .babylon_lisc2imgvid--modal{max-width:905px}@media (min-width: 1024px){.modal.modal__images .babylon_lisc2imgvid--modal{max-width:830px}}@media (min-width: 1366px){.modal.modal__images .babylon_lisc2imgvid--modal{max-width:905px}}@media (min-width: 1680px){.modal.modal__images .babylon_lisc2imgvid--modal{max-width:978px}}@media (min-width: 1800px){.modal.modal__images .babylon_lisc2imgvid--modal{max-width:1100px}}.modal.modal__images .babylon_lisc2imgvid--modal{margin-inline:auto}.modal.modal__images .relative{position:relative}.modal.modal__images .js-slider-arrows button.slick-arrow svg.line{display:none!important}.modal.modal__images .js-slider-arrows{position:absolute;inset-inline:0;top:50%;display:flex;justify-content:space-between;pointer-events:none;transform:translateY(-50%);z-index:1;left:-7.4rem;right:-7.4rem}.modal.modal__images .slick-slide{height:100%}.modal.modal__images .slick-slide img{height:auto;width:100%;object-fit:cover;aspect-ratio:905/603}.modal.modal__images .slick-slider-outer{position:relative}.modal.modal__images .slick-slide{height:100%;float:left;min-height:1px}.modal--open.images .modal.modal__mapImages{opacity:1;pointer-events:auto}::ng-deep .modal.modal__images .js-slider-arrows button{position:static;margin-top:0;pointer-events:initial;aspect-ratio:1/2;width:5.55rem;height:auto;background:none;border:none;height:2.855rem;opacity:.6}::ng-deep .modal.modal__images .js-slider-arrows button.slick-prev{transform:rotate(90deg)}::ng-deep .modal.modal__images .js-slider-arrows button.slick-next{transform:rotate(-90deg)}::ng-deep .modal.modal__images .js-slider-arrows button svg.line{display:none!important}::ng-deep .modal.modal__images .js-slider-arrows button svg{width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: SlickInitDirective, selector: ".js-active-slider,[appSlickInit]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2801
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonLisC2ImgVidComponent, isStandalone: true, selector: "lib-babylon-lis-c2-img-vid", viewQueries: [{ propertyName: "roomsModal", first: true, predicate: ["roomsModal"], descendants: true, static: true }, { propertyName: "imagesModal", first: true, predicate: ["imagesModal"], descendants: true, static: true }], ngImport: i0, template: "<section class=\"babylon_lisc2imgvid margin-main\">\n <div class=\"container\">\n <div class=\"babylon_lisc2imgvid--header\">\n <h2 class=\"babylon_lisc2imgvid--header-title title\">Gallery</h2>\n <hr />\n <div class=\"babylon_lisc2imgvid--navbar-desktop\">\n <ul>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"selectFilter(1)\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 1,\n }\"\n >\n All\n </li>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"selectFilter(2)\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 2,\n }\"\n >\n Grand House\n </li>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"openModal('rooms')\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 3,\n }\"\n >\n Accommodation\n </li>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"selectFilter(4)\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 4,\n }\"\n >\n Restaurant\n </li>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"selectFilter(5)\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 5,\n }\"\n >\n Spa & wellness\n </li>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"selectFilter(6)\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 6,\n }\"\n >\n Palma\n </li>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"selectFilter(7)\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 7,\n }\"\n >\n Video\n </li>\n </ul>\n </div>\n <div class=\"babylon_lisc2imgvid--navbar-mobile\">\n <div\n class=\"babylon_lisc2imgvid--filter-buttons d-flex justify-content-center\"\n >\n <button\n class=\"d-flex justify-content-between align-items-center\"\n (click)=\"openFiltersModal()\"\n >\n CATEGOR\u00CDAS <span>=</span>\n </button>\n <hr />\n <button\n class=\"d-flex justify-content-between align-items-center\"\n (click)=\"openFiltersRoomModal()\"\n >\n HABITACIONES <span>=</span>\n </button>\n </div>\n </div>\n </div>\n <div class=\"babylon_lisc2imgvid--gallery cs_lightgallery\">\n <div class=\"babylon_lisc2imgvid--gallery-item\">\n <a\n (click)=\"openModal('images')\"\n class=\"cs_style_3 d-block cs_bg_filed position-relative cs_type_1 cs--radius\"\n >\n <img src=\"/assets/babylon/fotos/gallery_13.jpeg\" alt=\"\" />\n\n <div class=\"babylon_lisc2imgvid--gallery-itemName\">\n Can Bordoy\n <span class=\"\">\n <span class=\"babylon-fullscreen\"></span>\n </span>\n </div>\n </a>\n </div>\n <div class=\"babylon_lisc2imgvid--gallery-item\">\n <a\n (click)=\"openModal('images')\"\n class=\"cs_style_3 d-block cs_bg_filed position-relative cs_type_1 cs--radius\"\n >\n <img src=\"/assets/babylon/fotos/gallery_13.jpeg\" alt=\"\" />\n\n <div class=\"babylon_lisc2imgvid--gallery-itemName\">\n Can Bordoy\n <span class=\"\">\n <span class=\"babylon-fullscreen\"></span>\n </span>\n </div>\n </a>\n </div>\n <div class=\"babylon_lisc2imgvid--gallery-item\">\n <a\n (click)=\"openModal('images')\"\n class=\"cs_style_3 d-block cs_bg_filed position-relative cs_type_1 cs--radius\"\n >\n <img src=\"/assets/babylon/fotos/gallery_13.jpeg\" alt=\"\" />\n\n <div class=\"babylon_lisc2imgvid--gallery-itemName\">\n Can Bordoy\n <span class=\"\">\n <span class=\"babylon-fullscreen\"></span>\n </span>\n </div>\n </a>\n </div>\n <div class=\"babylon_lisc2imgvid--gallery-item\">\n <a\n (click)=\"openModal('images')\"\n class=\"cs_style_3 d-block cs_bg_filed position-relative cs_type_1 cs--radius\"\n >\n <img src=\"/assets/babylon/fotos/gallery_13.jpeg\" alt=\"\" />\n\n <div class=\"babylon_lisc2imgvid--gallery-itemName\">\n Can Bordoy\n <span class=\"\">\n <span class=\"babylon-fullscreen\"></span>\n </span>\n </div>\n </a>\n </div>\n <div class=\"babylon_lisc2imgvid--gallery-item\">\n <a\n (click)=\"openModal('images')\"\n class=\"cs_style_3 d-block cs_bg_filed position-relative cs_type_1 cs--radius\"\n >\n <img src=\"/assets/babylon/fotos/gallery_13.jpeg\" alt=\"\" />\n\n <div class=\"babylon_lisc2imgvid--gallery-itemName\">\n Can Bordoy\n <span class=\"\">\n <span class=\"babylon-fullscreen\"></span>\n </span>\n </div>\n </a>\n </div>\n </div>\n </div>\n</section>\n<div class=\"modal modal__rooms rooms\" #roomsModal>\n <div class=\"modal__inner\">\n <div\n class=\"modal__close js-close\"\n role=\"button\"\n (click)=\"closeModal('rooms')\"\n >\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use href=\"/assets/babylon/svg/close-icon.svg#close-icon\"></use>\n </svg>\n </div>\n <div class=\"babylon_lisc2imgvid--modal\">\n <header class=\"babylon_lisc2imgvid--modal-header\">\n <h2>GALLERY ACCOMMODATION</h2>\n </header>\n <ul class=\"babylon_lisc2imgvid--modal-list\">\n <li (click)=\"closeModal('rooms')\">\n <div><span class=\"babylon-minus\"></span> Traveler Room</div>\n <span class=\"babylon-arrow-right\"></span>\n </li>\n <li class=\"active\" (click)=\"closeModal('rooms')\">\n <div><span class=\"babylon-minus\"></span>Junior Suite</div>\n <span class=\"babylon-arrow-right\"></span>\n </li>\n <li (click)=\"closeModal('rooms')\">\n <div><span class=\"babylon-minus\"></span>Deluxe Suite</div>\n <span class=\"babylon-arrow-right\"></span>\n </li>\n <li (click)=\"closeModal('rooms')\">\n <div><span class=\"babylon-minus\"></span>Video</div>\n <span class=\"babylon-arrow-right\"></span>\n </li>\n <li (click)=\"closeModal('rooms')\">\n <div><span class=\"babylon-minus\"></span> Premium Suite</div>\n <span class=\"babylon-arrow-right\"></span>\n </li>\n <li (click)=\"closeModal('rooms')\">\n <div><span class=\"babylon-minus\"></span>Sky Suite</div>\n <span class=\"babylon-arrow-right\"></span>\n </li>\n <li (click)=\"closeModal('rooms')\">\n <div><span class=\"babylon-minus\"></span>Grand Suite</div>\n <span class=\"babylon-arrow-right\"></span>\n </li>\n </ul>\n </div>\n </div>\n</div>\n<div class=\"modal modal__images images\" #imagesModal>\n <div class=\"modal__inner\">\n <div\n class=\"modal__close js-close\"\n role=\"button\"\n (click)=\"closeModal('images')\"\n >\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use href=\"/assets/babylon/svg/close-icon.svg#close-icon\"></use>\n </svg>\n </div>\n <div class=\"babylon_lisc2imgvid--modal\">\n <div\n class=\"babylon_lisc2imgvid-slider js-active-slider\"\n data-slides_infinite=\"true\"\n data-slider_name=\"babylon_lisc2imgvid__slider\"\n data-slider_showbtns=\"true\"\n data-slider_btns=\"icon-small\"\n data-slider_showdots=\"false\"\n data-slider_fade=\"false\"\n data-slides_pc=\"1\"\n >\n <div>\n <div class=\"babylon_lisc2imgvid__inner\">\n <div class=\"slick-slider-outer\">\n <div class=\"babylon_lisc2imgvid__slider\">\n <div class=\"slick-slide\">\n <div\n class=\"babylon_lisc2imgvid__slider-item\"\n >\n <p>Can Bordoy</p>\n <img\n src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n alt=\"\"\n />\n </div>\n </div>\n <div class=\"slick-slide\">\n <div\n class=\"babylon_lisc2imgvid__slider-item\"\n >\n <p>Can Bordoy</p>\n <img\n src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n alt=\"\"\n />\n </div>\n </div>\n <div class=\"slick-slide\">\n <div\n class=\"babylon_lisc2imgvid__slider-item\"\n >\n <p>Can Bordoy</p>\n <img\n src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n alt=\"\"\n />\n </div>\n </div>\n <div class=\"slick-slide\">\n <div\n class=\"babylon_lisc2imgvid__slider-item\"\n >\n <p>Can Bordoy</p>\n <img\n src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n alt=\"\"\n />\n </div>\n </div>\n <div class=\"slick-slide\">\n <div\n class=\"babylon_lisc2imgvid__slider-item\"\n >\n <p>Can Bordoy</p>\n <img\n src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n alt=\"\"\n />\n </div>\n </div>\n </div>\n <div class=\"js-slider-arrows\"></div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n", styles: ["@charset \"UTF-8\";:root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle: \"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_background_dark-opacity: #19314bbf;--cl_title: #978667;--cl_subtitle: #19314b;--cl_pretitle: #19314b;--cl_text: #3c3b3b;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--cl_btn-box: #19314b;--cl_btn-box-text: #19314b;--cl_btn-box-hover: #978667;--cl_btn-box-text-hover: #fff;--cl_btn-call: #19314bf2;--cl_btn-call-text: white;--cl_btn-call-hover: #978667;--cl_btn-call-text-hover: #fff;--cl_btn-link: #19314b;--cl_btn-link-hover: #978667;--cl_btn-arrow: #19314b;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #978667;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #24262d;--cl_btn-dots-active: #978667;--cl_btn-dots-hover: #978667;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #978667;--cl_btn-light-text-hover: #978667;--cl_footer-bg: #19314b;--cl_footer-bg-bottom: #0a1d31;--cl_footer-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth: 1px;--cl_engine-bg: #fff;--cl_engine-bg-dark: #19314b;--cl_engine-input-bg: #47474724;--cl_engine-input-bg-select: #ebebeb;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #19314b;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_dropdown-radius: 20px;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff}.cs_dark{--cl_corp: #181818;--cl_accent: #aa8453;--cl_icon: #aa8453;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #fff;--cl_breadcrumb-hover: #aa8453;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #181818;--cl_background_white: transparent;--cl_background_dark: #aa8453;--cl_background_gray: #333;--cl_title: #fff;--cl_subtitle: #aa8453;--cl_pretitle: #aa8453;--cl_text: #fff;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_header-bg: #aa8453;--cl_header-text-light: #fff;--cl_menu-bg: #79582c;--cl_menu-text: #fff;--cl_btn-box: #aa8453;--cl_btn-box-text: #aa8453;--cl_btn-box-hover: #79582c;--cl_btn-box-text-hover: #fff;--cl_btn-call: #aa8453;--cl_btn-call-text: white;--cl_btn-call-hover: #79582c;--cl_btn-call-text-hover: #fff;--cl_btn-link: #aa8453;--cl_btn-link-hover: #79582c;--cl_btn-arrow: #ffffff3a;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #79582c;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #eee;--cl_btn-dots-active: #79582c;--cl_btn-dots-hover: #79582c;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #79582c;--cl_btn-light-text-hover: #79582c;--cl_footer-bg: #aa8453;--cl_footer-bg-bottom: #79582c;--cl_footer-scroll: #aa8453;--cl_footer-text: #fff;--cl_footer-text-hover: #aa8453;--btn_radius: 1px;--img_radius: 0px;--img_border: #fff;--img_border-whidth: 2px;--cl_engine-bg: #181818;--cl_engine-input-bg: #79582c;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #fff;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_dropdown-radius: 20px;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.babylon_lisc2imgvid .container{width:90%;max-width:300.6px;padding-left:0;padding-right:0}@media (min-width: 576px){.babylon_lisc2imgvid .container{max-width:440px}}@media (min-width: 768px){.babylon_lisc2imgvid .container{max-width:620px}}@media (min-width: 992px){.babylon_lisc2imgvid .container{max-width:784px}}@media (min-width: 1200px){.babylon_lisc2imgvid .container{max-width:1100px}}@media (min-width: 1400px){.babylon_lisc2imgvid .container{max-width:1100px}}@media (min-width: 1680px){.babylon_lisc2imgvid .container{max-width:1400px}}@media (min-width: 1800px){.babylon_lisc2imgvid .container{max-width:1440px}}.babylon_lisc2imgvid--header{display:flex;flex-direction:column;align-items:center;padding-block:2rem}.babylon_lisc2imgvid--header>*{text-align:center}.babylon_lisc2imgvid--header-title{font-size:20px;text-transform:uppercase}.babylon_lisc2imgvid--header hr{border-bottom:1px solid var(--cl_border-light);width:100%}.babylon_lisc2imgvid--navbar-desktop{display:none;margin-bottom:3rem}@media (min-width: 1200px){.babylon_lisc2imgvid--navbar-desktop{display:block}}.babylon_lisc2imgvid--navbar-desktop ul{display:flex;gap:6.1rem}.babylon_lisc2imgvid--navbar-desktop ul li:hover{cursor:pointer;color:var(--cl_accent)}.babylon_lisc2imgvid--navbar-desktop ul .babylon_lisc2imgvid__filter{font-size:20px}.babylon_lisc2imgvid--navbar-desktop ul .babylon_lisc2imgvid__filter--selected{position:relative}.babylon_lisc2imgvid--navbar-desktop ul .babylon_lisc2imgvid__filter--selected:after{content:\"\\b7\";position:absolute;bottom:-150%;left:50%;display:block;font-size:50px;color:var(--cl_accent);margin-top:-50%;transform:translate(-50%)}.babylon_lisc2imgvid--navbar-mobile{display:flex}@media (min-width: 1200px){.babylon_lisc2imgvid--navbar-mobile{display:none}}.babylon_lisc2imgvid--navbar-mobile .babylon_lisc2imgvid--filter-buttons{margin-bottom:30px;flex-direction:row}@media (min-width: 576px){.babylon_lisc2imgvid--navbar-mobile .babylon_lisc2imgvid--filter-buttons{gap:30px}}.babylon_lisc2imgvid--navbar-mobile .babylon_lisc2imgvid--filter-buttons hr{width:1px;height:100%;margin-block:0px!important;margin-inline:1rem;border:1px solid var(--cl_border-light)}.babylon_lisc2imgvid--navbar-mobile .babylon_lisc2imgvid--filter-buttons button{padding:10px 20px;width:200px;border:none;width:inherit;text-transform:inherit;font-size:18px;background-color:transparent;color:var(--cl_btn-call);opacity:.6;flex-grow:1;gap:1rem;align-items:center;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.babylon_lisc2imgvid--navbar-mobile .babylon_lisc2imgvid--filter-buttons button span{font-size:30px;display:none;align-items:center}@media (min-width: 576px){.babylon_lisc2imgvid--navbar-mobile .babylon_lisc2imgvid--filter-buttons button span{display:block}}@media (min-width: 1200px){.babylon_lisc2imgvid--navbar-mobile .babylon_lisc2imgvid--filter-buttons{display:none!important}}.babylon_lisc2imgvid--gallery{display:grid;grid-template-columns:repeat(1,1fr);gap:41px}@media (min-width: 992px){.babylon_lisc2imgvid--gallery{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1200px){.babylon_lisc2imgvid--gallery{grid-template-columns:repeat(3,1fr);grid-auto-rows:420px;gap:63px}}@media (min-width: 1680px){.babylon_lisc2imgvid--gallery{grid-auto-rows:520px}}.babylon_lisc2imgvid--gallery-item{width:100%;height:auto;aspect-ratio:306/204;padding-bottom:10px;cursor:pointer}@media (min-width: 576px){.babylon_lisc2imgvid--gallery-item{aspect-ratio:440/293;padding-bottom:40px}}@media (min-width: 768px){.babylon_lisc2imgvid--gallery-item{aspect-ratio:620/413}}@media (min-width: 992px){.babylon_lisc2imgvid--gallery-item{padding-bottom:0;aspect-ratio:401/267}}@media (min-width: 1200px){.babylon_lisc2imgvid--gallery-item{aspect-ratio:inherit}}@media (min-width: 1200px){.babylon_lisc2imgvid--gallery-item:nth-child(4n+1),.babylon_lisc2imgvid--gallery-item:nth-child(4n){grid-column:span 2}}.babylon_lisc2imgvid--gallery-item img{width:100%;height:100%;object-fit:cover}.babylon_lisc2imgvid--gallery-item a{width:100%;height:100%;display:flex!important;flex-direction:column}@media (min-width: 992px){.babylon_lisc2imgvid--gallery-item a{display:block!important}}.babylon_lisc2imgvid--gallery-item:hover .babylon_lisc2imgvid--gallery-itemName{height:fit-content;padding-block:1rem}.babylon_lisc2imgvid--gallery-itemName{position:absolute;bottom:-40px;transition:all .3s ease-in-out;width:100%;padding-block:0rem;padding-inline:1.5rem;font-size:20px;display:flex;justify-content:space-between;align-items:center}@media (min-width: 992px){.babylon_lisc2imgvid--gallery-itemName{position:absolute;bottom:0;background:#0006;overflow:hidden;color:#fff;height:0px}}.babylon_lisc2imgvid--gallery-itemName .babylon-fullscreen{display:none}@media (min-width: 992px){.babylon_lisc2imgvid--gallery-itemName .babylon-fullscreen{display:block}}.babylon_lisc2imgvid--modal-header{width:100%;display:flex;justify-content:start;text-transform:uppercase;margin-bottom:1rem;max-width:393.7px;margin-inline:auto;font-size:20px}.babylon_lisc2imgvid--modal-header h2{font-family:var(--font-text);margin-bottom:1.9rem}.babylon_lisc2imgvid--modal-list{font-size:20px;display:flex;flex-direction:column;max-width:393.7px;width:90%;margin-inline:auto}.babylon_lisc2imgvid--modal-list li{width:100%;padding-block:2rem;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--cl_border-light);opacity:.6}.babylon_lisc2imgvid--modal-list li div{display:flex;gap:1rem;align-items:start;align-items:center}.babylon_lisc2imgvid--modal-list li.active,.babylon_lisc2imgvid--modal-list li:hover{opacity:1}.babylon_lisc2imgvid--modal-list li .babylon-minus{font-size:2px}.babylon_lisc2imgvid__slider{transition:all .5s}.babylon_lisc2imgvid__slider-item p{text-align:center;margin-bottom:3rem}.modal{position:fixed;z-index:91;overflow-y:auto;left:0;top:0;width:100%;bottom:0;opacity:0;pointer-events:none;transition:all .5s}.modal__inner{width:100%}.modal.modal--open{opacity:1;pointer-events:all}.modal__close{position:fixed;top:2rem;right:2rem;width:1.7rem;aspect-ratio:1;transition:all .5s;color:#626262;display:flex;align-items:center;justify-content:center;z-index:1}@media (min-width: 540px){.modal__close{top:4.1rem;right:4rem}}.modal__close svg{width:100%;height:100%}.modal__close:hover{border-radius:100%}.modal--open{overflow:hidden}.modal.modal__rooms{background:var(--cl_background_body);display:flex;isolation:isolate;overflow:auto;justify-content:center;padding-top:5rem;padding-inline:3.8rem}@media (min-width: 1024px){.modal.modal__rooms{padding-inline:inherit;padding-top:6rem}}@media (min-width: 1280px){.modal.modal__rooms{align-items:center}}.modal--open.rooms .modal.modal__mapRooms{opacity:1;pointer-events:auto}.modal.modal__images{background:var(--cl_background_body);display:none;isolation:isolate;overflow:auto;justify-content:center}@media (min-width: 1024px){.modal.modal__images{display:flex;padding-top:60px}}@media (min-width: 1366px){.modal.modal__images{align-items:center;padding-top:inherit}}.modal.modal__images .babylon_lisc2imgvid--modal{max-width:905px}@media (min-width: 1024px){.modal.modal__images .babylon_lisc2imgvid--modal{max-width:830px}}@media (min-width: 1366px){.modal.modal__images .babylon_lisc2imgvid--modal{max-width:905px}}@media (min-width: 1680px){.modal.modal__images .babylon_lisc2imgvid--modal{max-width:978px}}@media (min-width: 1800px){.modal.modal__images .babylon_lisc2imgvid--modal{max-width:1100px}}.modal.modal__images .babylon_lisc2imgvid--modal{margin-inline:auto}.modal.modal__images .relative{position:relative}.modal.modal__images .js-slider-arrows button.slick-arrow svg.line{display:none!important}.modal.modal__images .js-slider-arrows{position:absolute;inset-inline:0;top:50%;display:flex;justify-content:space-between;pointer-events:none;transform:translateY(-50%);z-index:1;left:-7.4rem;right:-7.4rem}.modal.modal__images .slick-slide{height:100%}.modal.modal__images .slick-slide img{height:auto;width:100%;object-fit:cover;aspect-ratio:905/603}.modal.modal__images .slick-slider-outer{position:relative}.modal.modal__images .slick-slide{height:100%;float:left;min-height:1px}.modal--open.images .modal.modal__mapImages{opacity:1;pointer-events:auto}::ng-deep .modal.modal__images .js-slider-arrows button{position:static;margin-top:0;pointer-events:initial;aspect-ratio:1/2;width:5.55rem;height:auto;background:none;border:none;height:2.855rem;opacity:.6}::ng-deep .modal.modal__images .js-slider-arrows button.slick-prev{transform:rotate(90deg)}::ng-deep .modal.modal__images .js-slider-arrows button.slick-next{transform:rotate(-90deg)}::ng-deep .modal.modal__images .js-slider-arrows button svg.line{display:none!important}::ng-deep .modal.modal__images .js-slider-arrows button svg{width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: SlickInitDirective, selector: ".js-active-slider,[appSlickInit]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2802
2802
|
}
|
|
2803
2803
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonLisC2ImgVidComponent, decorators: [{
|
|
2804
2804
|
type: Component,
|
|
2805
|
-
args: [{ selector: 'lib-babylon-lis-c2-img-vid', standalone: true, imports: [CommonModule, SlickInitDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"babylon_lisc2imgvid margin-main\">\n <div class=\"container\">\n <div class=\"babylon_lisc2imgvid--header\">\n <h2 class=\"babylon_lisc2imgvid--header-title title\">Gallery</h2>\n <hr />\n <div class=\"babylon_lisc2imgvid--navbar-desktop\">\n <ul>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"selectFilter(1)\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 1,\n }\"\n >\n All\n </li>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"selectFilter(2)\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 2,\n }\"\n >\n Grand House\n </li>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"openModal('rooms')\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 3,\n }\"\n >\n Accommodation\n </li>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"selectFilter(4)\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 4,\n }\"\n >\n Restaurant\n </li>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"selectFilter(5)\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 5,\n }\"\n >\n Spa & wellness\n </li>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"selectFilter(6)\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 6,\n }\"\n >\n Palma\n </li>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"selectFilter(7)\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 7,\n }\"\n >\n Video\n </li>\n </ul>\n </div>\n <div class=\"babylon_lisc2imgvid--navbar-mobile\">\n <div\n class=\"babylon_lisc2imgvid--filter-buttons d-flex justify-content-center\"\n >\n <button\n class=\"d-flex justify-content-between align-items-center\"\n (click)=\"openFiltersModal()\"\n >\n CATEGOR\u00CDAS <span>=</span>\n </button>\n <hr />\n <button\n class=\"d-flex justify-content-between align-items-center\"\n (click)=\"openFiltersRoomModal()\"\n >\n HABITACIONES <span>=</span>\n </button>\n </div>\n </div>\n </div>\n <div class=\"babylon_lisc2imgvid--gallery cs_lightgallery\">\n <div class=\"babylon_lisc2imgvid--gallery-item\">\n <a\n (click)=\"openModal('images')\"\n class=\"cs_style_3 d-block cs_bg_filed position-relative cs_type_1 cs--radius\"\n >\n <img src=\"/assets/babylon/fotos/gallery_13.jpeg\" alt=\"\" />\n\n <div class=\"babylon_lisc2imgvid--gallery-itemName\">\n Can Bordoy\n <span class=\"\">\n <span class=\"babylon-fullscreen\"></span>\n </span>\n </div>\n </a>\n </div>\n <div class=\"babylon_lisc2imgvid--gallery-item\">\n <a\n (click)=\"openModal('images')\"\n class=\"cs_style_3 d-block cs_bg_filed position-relative cs_type_1 cs--radius\"\n >\n <img src=\"/assets/babylon/fotos/gallery_13.jpeg\" alt=\"\" />\n\n <div class=\"babylon_lisc2imgvid--gallery-itemName\">\n Can Bordoy\n <span class=\"\">\n <span class=\"babylon-fullscreen\"></span>\n </span>\n </div>\n </a>\n </div>\n <div class=\"babylon_lisc2imgvid--gallery-item\">\n <a\n (click)=\"openModal('images')\"\n class=\"cs_style_3 d-block cs_bg_filed position-relative cs_type_1 cs--radius\"\n >\n <img src=\"/assets/babylon/fotos/gallery_13.jpeg\" alt=\"\" />\n\n <div class=\"babylon_lisc2imgvid--gallery-itemName\">\n Can Bordoy\n <span class=\"\">\n <span class=\"babylon-fullscreen\"></span>\n </span>\n </div>\n </a>\n </div>\n <div class=\"babylon_lisc2imgvid--gallery-item\">\n <a\n (click)=\"openModal('images')\"\n class=\"cs_style_3 d-block cs_bg_filed position-relative cs_type_1 cs--radius\"\n >\n <img src=\"/assets/babylon/fotos/gallery_13.jpeg\" alt=\"\" />\n\n <div class=\"babylon_lisc2imgvid--gallery-itemName\">\n Can Bordoy\n <span class=\"\">\n <span class=\"babylon-fullscreen\"></span>\n </span>\n </div>\n </a>\n </div>\n <div class=\"babylon_lisc2imgvid--gallery-item\">\n <a\n (click)=\"openModal('images')\"\n class=\"cs_style_3 d-block cs_bg_filed position-relative cs_type_1 cs--radius\"\n >\n <img src=\"/assets/babylon/fotos/gallery_13.jpeg\" alt=\"\" />\n\n <div class=\"babylon_lisc2imgvid--gallery-itemName\">\n Can Bordoy\n <span class=\"\">\n <span class=\"babylon-fullscreen\"></span>\n </span>\n </div>\n </a>\n </div>\n </div>\n </div>\n</section>\n<div class=\"modal modal__rooms rooms\" #roomsModal>\n <div class=\"modal__inner\">\n <div\n class=\"modal__close js-close\"\n role=\"button\"\n (click)=\"closeModal('rooms')\"\n >\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use href=\"/assets/babylon/svg/close-icon.svg#close-icon\"></use>\n </svg>\n </div>\n <div class=\"babylon_lisc2imgvid--modal\">\n <header class=\"babylon_lisc2imgvid--modal-header\">\n <h2>GALLERY ACCOMMODATION</h2>\n </header>\n <ul class=\"babylon_lisc2imgvid--modal-list\">\n <li (click)=\"closeModal('rooms')\">\n <div><span class=\"babylon-minus\"></span> Traveler Room</div>\n <span class=\"babylon-arrow-right\"></span>\n </li>\n <li class=\"active\" (click)=\"closeModal('rooms')\">\n <div><span class=\"babylon-minus\"></span>Junior Suite</div>\n <span class=\"babylon-arrow-right\"></span>\n </li>\n <li (click)=\"closeModal('rooms')\">\n <div><span class=\"babylon-minus\"></span>Deluxe Suite</div>\n <span class=\"babylon-arrow-right\"></span>\n </li>\n <li (click)=\"closeModal('rooms')\">\n <div><span class=\"babylon-minus\"></span>Video</div>\n <span class=\"babylon-arrow-right\"></span>\n </li>\n <li (click)=\"closeModal('rooms')\">\n <div><span class=\"babylon-minus\"></span> Premium Suite</div>\n <span class=\"babylon-arrow-right\"></span>\n </li>\n <li (click)=\"closeModal('rooms')\">\n <div><span class=\"babylon-minus\"></span>Sky Suite</div>\n <span class=\"babylon-arrow-right\"></span>\n </li>\n <li (click)=\"closeModal('rooms')\">\n <div><span class=\"babylon-minus\"></span>Grand Suite</div>\n <span class=\"babylon-arrow-right\"></span>\n </li>\n </ul>\n </div>\n </div>\n</div>\n<div class=\"modal modal__images images\" #imagesModal>\n <div class=\"modal__inner\">\n <div\n class=\"modal__close js-close\"\n role=\"button\"\n (click)=\"closeModal('images')\"\n >\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use href=\"/assets/babylon/svg/close-icon.svg#close-icon\"></use>\n </svg>\n </div>\n <div class=\"babylon_lisc2imgvid--modal\">\n <div\n class=\"babylon_lisc2imgvid-slider js-active-slider\"\n data-slides_infinite=\"true\"\n data-slider_name=\"babylon_lisc2imgvid__slider\"\n data-slider_showbtns=\"true\"\n data-slider_btns=\"icon-small\"\n data-slider_showdots=\"false\"\n data-slider_fade=\"false\"\n data-slides_pc=\"1\"\n >\n <div>\n <div class=\"babylon_lisc2imgvid__inner\">\n <div class=\"slick-slider-outer\">\n <div class=\"babylon_lisc2imgvid__slider\">\n <div class=\"slick-slide\">\n <div\n class=\"babylon_lisc2imgvid__slider-item\"\n >\n <p>Can Bordoy</p>\n <img\n src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n alt=\"\"\n />\n </div>\n </div>\n <div class=\"slick-slide\">\n <div\n class=\"babylon_lisc2imgvid__slider-item\"\n >\n <p>Can Bordoy</p>\n <img\n src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n alt=\"\"\n />\n </div>\n </div>\n <div class=\"slick-slide\">\n <div\n class=\"babylon_lisc2imgvid__slider-item\"\n >\n <p>Can Bordoy</p>\n <img\n src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n alt=\"\"\n />\n </div>\n </div>\n <div class=\"slick-slide\">\n <div\n class=\"babylon_lisc2imgvid__slider-item\"\n >\n <p>Can Bordoy</p>\n <img\n src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n alt=\"\"\n />\n </div>\n </div>\n <div class=\"slick-slide\">\n <div\n class=\"babylon_lisc2imgvid__slider-item\"\n >\n <p>Can Bordoy</p>\n <img\n src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n alt=\"\"\n />\n </div>\n </div>\n </div>\n <div class=\"js-slider-arrows\"></div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n", styles: ["@charset \"UTF-8\";:root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle: \"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_background_dark-opacity: #19314bbf;--cl_title: #978667;--cl_subtitle: #19314b;--cl_pretitle: #19314b;--cl_text: #3c3b3b;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--cl_btn-box: #19314b;--cl_btn-box-text: #19314b;--cl_btn-box-hover: #978667;--cl_btn-box-text-hover: #fff;--cl_btn-call: #19314bf2;--cl_btn-call-text: white;--cl_btn-call-hover: #978667;--cl_btn-call-text-hover: #fff;--cl_btn-link: #19314b;--cl_btn-link-hover: #978667;--cl_btn-arrow: #19314b;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #978667;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #24262d;--cl_btn-dots-active: #978667;--cl_btn-dots-hover: #978667;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #978667;--cl_btn-light-text-hover: #978667;--cl_footer-bg: #19314b;--cl_footer-bg-bottom: #0a1d31;--cl_footer-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth: 1px;--cl_engine-bg: #fff;--cl_engine-bg-dark: #19314b;--cl_engine-input-bg: #47474724;--cl_engine-input-bg-select: #ebebeb;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #19314b;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_dropdown-radius: 20px;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff}.cs_dark{--cl_corp: #181818;--cl_accent: #aa8453;--cl_icon: #aa8453;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #fff;--cl_breadcrumb-hover: #aa8453;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #181818;--cl_background_white: transparent;--cl_background_dark: #aa8453;--cl_background_gray: #333;--cl_title: #fff;--cl_subtitle: #aa8453;--cl_pretitle: #aa8453;--cl_text: #fff;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_header-bg: #aa8453;--cl_header-text-light: #fff;--cl_menu-bg: #79582c;--cl_menu-text: #fff;--cl_btn-box: #aa8453;--cl_btn-box-text: #aa8453;--cl_btn-box-hover: #79582c;--cl_btn-box-text-hover: #fff;--cl_btn-call: #aa8453;--cl_btn-call-text: white;--cl_btn-call-hover: #79582c;--cl_btn-call-text-hover: #fff;--cl_btn-link: #aa8453;--cl_btn-link-hover: #79582c;--cl_btn-arrow: #ffffff3a;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #79582c;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #eee;--cl_btn-dots-active: #79582c;--cl_btn-dots-hover: #79582c;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #79582c;--cl_btn-light-text-hover: #79582c;--cl_footer-bg: #aa8453;--cl_footer-bg-bottom: #79582c;--cl_footer-scroll: #aa8453;--cl_footer-text: #fff;--cl_footer-text-hover: #aa8453;--btn_radius: 1px;--img_radius: 0px;--img_border: #fff;--img_border-whidth: 2px;--cl_engine-bg: #181818;--cl_engine-input-bg: #79582c;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #fff;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_dropdown-radius: 20px;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.babylon_lisc2imgvid .container{width:90%;max-width:300.6px;padding-left:0;padding-right:0}@media (min-width: 576px){.babylon_lisc2imgvid .container{max-width:440px}}@media (min-width: 768px){.babylon_lisc2imgvid .container{max-width:620px}}@media (min-width: 992px){.babylon_lisc2imgvid .container{max-width:784px}}@media (min-width: 1200px){.babylon_lisc2imgvid .container{max-width:1100px}}@media (min-width: 1400px){.babylon_lisc2imgvid .container{max-width:1100px}}@media (min-width: 1680px){.babylon_lisc2imgvid .container{max-width:1400px}}@media (min-width: 1800px){.babylon_lisc2imgvid .container{max-width:1440px}}.babylon_lisc2imgvid--header{display:flex;flex-direction:column;align-items:center;padding-block:2rem}.babylon_lisc2imgvid--header>*{text-align:center}.babylon_lisc2imgvid--header-title{font-size:20px;text-transform:uppercase}.babylon_lisc2imgvid--header hr{border-bottom:1px solid var(--cl_accent);width:100%}.babylon_lisc2imgvid--navbar-desktop{display:none;margin-bottom:3rem}@media (min-width: 1200px){.babylon_lisc2imgvid--navbar-desktop{display:block}}.babylon_lisc2imgvid--navbar-desktop ul{display:flex;gap:6.1rem}.babylon_lisc2imgvid--navbar-desktop ul li:hover{cursor:pointer;color:var(--cl_accent)}.babylon_lisc2imgvid--navbar-desktop ul .babylon_lisc2imgvid__filter{font-size:20px}.babylon_lisc2imgvid--navbar-desktop ul .babylon_lisc2imgvid__filter--selected{position:relative}.babylon_lisc2imgvid--navbar-desktop ul .babylon_lisc2imgvid__filter--selected:after{content:\"\\b7\";position:absolute;bottom:-150%;left:50%;display:block;font-size:50px;color:var(--cl_accent);margin-top:-50%;transform:translate(-50%)}.babylon_lisc2imgvid--navbar-mobile{display:flex}@media (min-width: 1200px){.babylon_lisc2imgvid--navbar-mobile{display:none}}.babylon_lisc2imgvid--navbar-mobile .babylon_lisc2imgvid--filter-buttons{margin-bottom:30px;flex-direction:row}@media (min-width: 576px){.babylon_lisc2imgvid--navbar-mobile .babylon_lisc2imgvid--filter-buttons{gap:30px}}.babylon_lisc2imgvid--navbar-mobile .babylon_lisc2imgvid--filter-buttons hr{width:1px;height:100%;margin-block:0px!important;margin-inline:1rem;border:1px solid var(--cl_border-light)}.babylon_lisc2imgvid--navbar-mobile .babylon_lisc2imgvid--filter-buttons button{padding:10px 20px;width:200px;border:none;width:inherit;text-transform:inherit;font-size:18px;background-color:transparent;color:var(--cl_btn-call);opacity:.6;flex-grow:1;gap:1rem;align-items:center;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.babylon_lisc2imgvid--navbar-mobile .babylon_lisc2imgvid--filter-buttons button span{font-size:30px;display:none;align-items:center}@media (min-width: 576px){.babylon_lisc2imgvid--navbar-mobile .babylon_lisc2imgvid--filter-buttons button span{display:block}}@media (min-width: 1200px){.babylon_lisc2imgvid--navbar-mobile .babylon_lisc2imgvid--filter-buttons{display:none!important}}.babylon_lisc2imgvid--gallery{display:grid;grid-template-columns:repeat(1,1fr);gap:41px}@media (min-width: 992px){.babylon_lisc2imgvid--gallery{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1200px){.babylon_lisc2imgvid--gallery{grid-template-columns:repeat(3,1fr);grid-auto-rows:420px;gap:63px}}@media (min-width: 1680px){.babylon_lisc2imgvid--gallery{grid-auto-rows:520px}}.babylon_lisc2imgvid--gallery-item{width:100%;height:auto;aspect-ratio:306/204;padding-bottom:10px;cursor:pointer}@media (min-width: 576px){.babylon_lisc2imgvid--gallery-item{aspect-ratio:440/293;padding-bottom:40px}}@media (min-width: 768px){.babylon_lisc2imgvid--gallery-item{aspect-ratio:620/413}}@media (min-width: 992px){.babylon_lisc2imgvid--gallery-item{padding-bottom:0;aspect-ratio:401/267}}@media (min-width: 1200px){.babylon_lisc2imgvid--gallery-item{aspect-ratio:inherit}}@media (min-width: 1200px){.babylon_lisc2imgvid--gallery-item:nth-child(4n+1),.babylon_lisc2imgvid--gallery-item:nth-child(4n){grid-column:span 2}}.babylon_lisc2imgvid--gallery-item img{width:100%;height:100%;object-fit:cover}.babylon_lisc2imgvid--gallery-item a{width:100%;height:100%;display:flex!important;flex-direction:column}@media (min-width: 992px){.babylon_lisc2imgvid--gallery-item a{display:block!important}}.babylon_lisc2imgvid--gallery-item:hover .babylon_lisc2imgvid--gallery-itemName{height:fit-content;padding-block:1rem}.babylon_lisc2imgvid--gallery-itemName{position:absolute;bottom:-40px;transition:all .3s ease-in-out;width:100%;padding-block:0rem;padding-inline:1.5rem;font-size:20px;display:flex;justify-content:space-between;align-items:center}@media (min-width: 992px){.babylon_lisc2imgvid--gallery-itemName{position:absolute;bottom:0;background:#0006;overflow:hidden;color:#fff;height:0px}}.babylon_lisc2imgvid--gallery-itemName .babylon-fullscreen{display:none}@media (min-width: 992px){.babylon_lisc2imgvid--gallery-itemName .babylon-fullscreen{display:block}}.babylon_lisc2imgvid--modal-header{width:100%;display:flex;justify-content:start;text-transform:uppercase;margin-bottom:1rem;max-width:393.7px;margin-inline:auto;font-size:20px}.babylon_lisc2imgvid--modal-header h2{font-family:var(--font-text);margin-bottom:1.9rem}.babylon_lisc2imgvid--modal-list{font-size:20px;display:flex;flex-direction:column;max-width:393.7px;width:90%;margin-inline:auto}.babylon_lisc2imgvid--modal-list li{width:100%;padding-block:2rem;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--cl_border-light);opacity:.6}.babylon_lisc2imgvid--modal-list li div{display:flex;gap:1rem;align-items:start;align-items:center}.babylon_lisc2imgvid--modal-list li.active,.babylon_lisc2imgvid--modal-list li:hover{opacity:1}.babylon_lisc2imgvid--modal-list li .babylon-minus{font-size:2px}.babylon_lisc2imgvid__slider{transition:all .5s}.babylon_lisc2imgvid__slider-item p{text-align:center;margin-bottom:3rem}.modal{position:fixed;z-index:91;overflow-y:auto;left:0;top:0;width:100%;bottom:0;opacity:0;pointer-events:none;transition:all .5s}.modal__inner{width:100%}.modal.modal--open{opacity:1;pointer-events:all}.modal__close{position:fixed;top:2rem;right:2rem;width:1.7rem;aspect-ratio:1;transition:all .5s;color:#626262;display:flex;align-items:center;justify-content:center;z-index:1}@media (min-width: 540px){.modal__close{top:4.1rem;right:4rem}}.modal__close svg{width:100%;height:100%}.modal__close:hover{border-radius:100%}.modal--open{overflow:hidden}.modal.modal__rooms{background:var(--cl_background_body);display:flex;isolation:isolate;overflow:auto;justify-content:center;padding-top:5rem;padding-inline:3.8rem}@media (min-width: 1024px){.modal.modal__rooms{padding-inline:inherit;padding-top:6rem}}@media (min-width: 1280px){.modal.modal__rooms{align-items:center}}.modal--open.rooms .modal.modal__mapRooms{opacity:1;pointer-events:auto}.modal.modal__images{background:var(--cl_background_body);display:none;isolation:isolate;overflow:auto;justify-content:center}@media (min-width: 1024px){.modal.modal__images{display:flex;padding-top:60px}}@media (min-width: 1366px){.modal.modal__images{align-items:center;padding-top:inherit}}.modal.modal__images .babylon_lisc2imgvid--modal{max-width:905px}@media (min-width: 1024px){.modal.modal__images .babylon_lisc2imgvid--modal{max-width:830px}}@media (min-width: 1366px){.modal.modal__images .babylon_lisc2imgvid--modal{max-width:905px}}@media (min-width: 1680px){.modal.modal__images .babylon_lisc2imgvid--modal{max-width:978px}}@media (min-width: 1800px){.modal.modal__images .babylon_lisc2imgvid--modal{max-width:1100px}}.modal.modal__images .babylon_lisc2imgvid--modal{margin-inline:auto}.modal.modal__images .relative{position:relative}.modal.modal__images .js-slider-arrows button.slick-arrow svg.line{display:none!important}.modal.modal__images .js-slider-arrows{position:absolute;inset-inline:0;top:50%;display:flex;justify-content:space-between;pointer-events:none;transform:translateY(-50%);z-index:1;left:-7.4rem;right:-7.4rem}.modal.modal__images .slick-slide{height:100%}.modal.modal__images .slick-slide img{height:auto;width:100%;object-fit:cover;aspect-ratio:905/603}.modal.modal__images .slick-slider-outer{position:relative}.modal.modal__images .slick-slide{height:100%;float:left;min-height:1px}.modal--open.images .modal.modal__mapImages{opacity:1;pointer-events:auto}::ng-deep .modal.modal__images .js-slider-arrows button{position:static;margin-top:0;pointer-events:initial;aspect-ratio:1/2;width:5.55rem;height:auto;background:none;border:none;height:2.855rem;opacity:.6}::ng-deep .modal.modal__images .js-slider-arrows button.slick-prev{transform:rotate(90deg)}::ng-deep .modal.modal__images .js-slider-arrows button.slick-next{transform:rotate(-90deg)}::ng-deep .modal.modal__images .js-slider-arrows button svg.line{display:none!important}::ng-deep .modal.modal__images .js-slider-arrows button svg{width:100%;height:100%}\n"] }]
|
|
2805
|
+
args: [{ selector: 'lib-babylon-lis-c2-img-vid', standalone: true, imports: [CommonModule, SlickInitDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"babylon_lisc2imgvid margin-main\">\n <div class=\"container\">\n <div class=\"babylon_lisc2imgvid--header\">\n <h2 class=\"babylon_lisc2imgvid--header-title title\">Gallery</h2>\n <hr />\n <div class=\"babylon_lisc2imgvid--navbar-desktop\">\n <ul>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"selectFilter(1)\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 1,\n }\"\n >\n All\n </li>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"selectFilter(2)\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 2,\n }\"\n >\n Grand House\n </li>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"openModal('rooms')\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 3,\n }\"\n >\n Accommodation\n </li>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"selectFilter(4)\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 4,\n }\"\n >\n Restaurant\n </li>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"selectFilter(5)\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 5,\n }\"\n >\n Spa & wellness\n </li>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"selectFilter(6)\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 6,\n }\"\n >\n Palma\n </li>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"selectFilter(7)\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 7,\n }\"\n >\n Video\n </li>\n </ul>\n </div>\n <div class=\"babylon_lisc2imgvid--navbar-mobile\">\n <div\n class=\"babylon_lisc2imgvid--filter-buttons d-flex justify-content-center\"\n >\n <button\n class=\"d-flex justify-content-between align-items-center\"\n (click)=\"openFiltersModal()\"\n >\n CATEGOR\u00CDAS <span>=</span>\n </button>\n <hr />\n <button\n class=\"d-flex justify-content-between align-items-center\"\n (click)=\"openFiltersRoomModal()\"\n >\n HABITACIONES <span>=</span>\n </button>\n </div>\n </div>\n </div>\n <div class=\"babylon_lisc2imgvid--gallery cs_lightgallery\">\n <div class=\"babylon_lisc2imgvid--gallery-item\">\n <a\n (click)=\"openModal('images')\"\n class=\"cs_style_3 d-block cs_bg_filed position-relative cs_type_1 cs--radius\"\n >\n <img src=\"/assets/babylon/fotos/gallery_13.jpeg\" alt=\"\" />\n\n <div class=\"babylon_lisc2imgvid--gallery-itemName\">\n Can Bordoy\n <span class=\"\">\n <span class=\"babylon-fullscreen\"></span>\n </span>\n </div>\n </a>\n </div>\n <div class=\"babylon_lisc2imgvid--gallery-item\">\n <a\n (click)=\"openModal('images')\"\n class=\"cs_style_3 d-block cs_bg_filed position-relative cs_type_1 cs--radius\"\n >\n <img src=\"/assets/babylon/fotos/gallery_13.jpeg\" alt=\"\" />\n\n <div class=\"babylon_lisc2imgvid--gallery-itemName\">\n Can Bordoy\n <span class=\"\">\n <span class=\"babylon-fullscreen\"></span>\n </span>\n </div>\n </a>\n </div>\n <div class=\"babylon_lisc2imgvid--gallery-item\">\n <a\n (click)=\"openModal('images')\"\n class=\"cs_style_3 d-block cs_bg_filed position-relative cs_type_1 cs--radius\"\n >\n <img src=\"/assets/babylon/fotos/gallery_13.jpeg\" alt=\"\" />\n\n <div class=\"babylon_lisc2imgvid--gallery-itemName\">\n Can Bordoy\n <span class=\"\">\n <span class=\"babylon-fullscreen\"></span>\n </span>\n </div>\n </a>\n </div>\n <div class=\"babylon_lisc2imgvid--gallery-item\">\n <a\n (click)=\"openModal('images')\"\n class=\"cs_style_3 d-block cs_bg_filed position-relative cs_type_1 cs--radius\"\n >\n <img src=\"/assets/babylon/fotos/gallery_13.jpeg\" alt=\"\" />\n\n <div class=\"babylon_lisc2imgvid--gallery-itemName\">\n Can Bordoy\n <span class=\"\">\n <span class=\"babylon-fullscreen\"></span>\n </span>\n </div>\n </a>\n </div>\n <div class=\"babylon_lisc2imgvid--gallery-item\">\n <a\n (click)=\"openModal('images')\"\n class=\"cs_style_3 d-block cs_bg_filed position-relative cs_type_1 cs--radius\"\n >\n <img src=\"/assets/babylon/fotos/gallery_13.jpeg\" alt=\"\" />\n\n <div class=\"babylon_lisc2imgvid--gallery-itemName\">\n Can Bordoy\n <span class=\"\">\n <span class=\"babylon-fullscreen\"></span>\n </span>\n </div>\n </a>\n </div>\n </div>\n </div>\n</section>\n<div class=\"modal modal__rooms rooms\" #roomsModal>\n <div class=\"modal__inner\">\n <div\n class=\"modal__close js-close\"\n role=\"button\"\n (click)=\"closeModal('rooms')\"\n >\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use href=\"/assets/babylon/svg/close-icon.svg#close-icon\"></use>\n </svg>\n </div>\n <div class=\"babylon_lisc2imgvid--modal\">\n <header class=\"babylon_lisc2imgvid--modal-header\">\n <h2>GALLERY ACCOMMODATION</h2>\n </header>\n <ul class=\"babylon_lisc2imgvid--modal-list\">\n <li (click)=\"closeModal('rooms')\">\n <div><span class=\"babylon-minus\"></span> Traveler Room</div>\n <span class=\"babylon-arrow-right\"></span>\n </li>\n <li class=\"active\" (click)=\"closeModal('rooms')\">\n <div><span class=\"babylon-minus\"></span>Junior Suite</div>\n <span class=\"babylon-arrow-right\"></span>\n </li>\n <li (click)=\"closeModal('rooms')\">\n <div><span class=\"babylon-minus\"></span>Deluxe Suite</div>\n <span class=\"babylon-arrow-right\"></span>\n </li>\n <li (click)=\"closeModal('rooms')\">\n <div><span class=\"babylon-minus\"></span>Video</div>\n <span class=\"babylon-arrow-right\"></span>\n </li>\n <li (click)=\"closeModal('rooms')\">\n <div><span class=\"babylon-minus\"></span> Premium Suite</div>\n <span class=\"babylon-arrow-right\"></span>\n </li>\n <li (click)=\"closeModal('rooms')\">\n <div><span class=\"babylon-minus\"></span>Sky Suite</div>\n <span class=\"babylon-arrow-right\"></span>\n </li>\n <li (click)=\"closeModal('rooms')\">\n <div><span class=\"babylon-minus\"></span>Grand Suite</div>\n <span class=\"babylon-arrow-right\"></span>\n </li>\n </ul>\n </div>\n </div>\n</div>\n<div class=\"modal modal__images images\" #imagesModal>\n <div class=\"modal__inner\">\n <div\n class=\"modal__close js-close\"\n role=\"button\"\n (click)=\"closeModal('images')\"\n >\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use href=\"/assets/babylon/svg/close-icon.svg#close-icon\"></use>\n </svg>\n </div>\n <div class=\"babylon_lisc2imgvid--modal\">\n <div\n class=\"babylon_lisc2imgvid-slider js-active-slider\"\n data-slides_infinite=\"true\"\n data-slider_name=\"babylon_lisc2imgvid__slider\"\n data-slider_showbtns=\"true\"\n data-slider_btns=\"icon-small\"\n data-slider_showdots=\"false\"\n data-slider_fade=\"false\"\n data-slides_pc=\"1\"\n >\n <div>\n <div class=\"babylon_lisc2imgvid__inner\">\n <div class=\"slick-slider-outer\">\n <div class=\"babylon_lisc2imgvid__slider\">\n <div class=\"slick-slide\">\n <div\n class=\"babylon_lisc2imgvid__slider-item\"\n >\n <p>Can Bordoy</p>\n <img\n src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n alt=\"\"\n />\n </div>\n </div>\n <div class=\"slick-slide\">\n <div\n class=\"babylon_lisc2imgvid__slider-item\"\n >\n <p>Can Bordoy</p>\n <img\n src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n alt=\"\"\n />\n </div>\n </div>\n <div class=\"slick-slide\">\n <div\n class=\"babylon_lisc2imgvid__slider-item\"\n >\n <p>Can Bordoy</p>\n <img\n src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n alt=\"\"\n />\n </div>\n </div>\n <div class=\"slick-slide\">\n <div\n class=\"babylon_lisc2imgvid__slider-item\"\n >\n <p>Can Bordoy</p>\n <img\n src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n alt=\"\"\n />\n </div>\n </div>\n <div class=\"slick-slide\">\n <div\n class=\"babylon_lisc2imgvid__slider-item\"\n >\n <p>Can Bordoy</p>\n <img\n src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n alt=\"\"\n />\n </div>\n </div>\n </div>\n <div class=\"js-slider-arrows\"></div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n", styles: ["@charset \"UTF-8\";:root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle: \"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_background_dark-opacity: #19314bbf;--cl_title: #978667;--cl_subtitle: #19314b;--cl_pretitle: #19314b;--cl_text: #3c3b3b;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--cl_btn-box: #19314b;--cl_btn-box-text: #19314b;--cl_btn-box-hover: #978667;--cl_btn-box-text-hover: #fff;--cl_btn-call: #19314bf2;--cl_btn-call-text: white;--cl_btn-call-hover: #978667;--cl_btn-call-text-hover: #fff;--cl_btn-link: #19314b;--cl_btn-link-hover: #978667;--cl_btn-arrow: #19314b;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #978667;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #24262d;--cl_btn-dots-active: #978667;--cl_btn-dots-hover: #978667;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #978667;--cl_btn-light-text-hover: #978667;--cl_footer-bg: #19314b;--cl_footer-bg-bottom: #0a1d31;--cl_footer-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth: 1px;--cl_engine-bg: #fff;--cl_engine-bg-dark: #19314b;--cl_engine-input-bg: #47474724;--cl_engine-input-bg-select: #ebebeb;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #19314b;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_dropdown-radius: 20px;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff}.cs_dark{--cl_corp: #181818;--cl_accent: #aa8453;--cl_icon: #aa8453;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #fff;--cl_breadcrumb-hover: #aa8453;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #181818;--cl_background_white: transparent;--cl_background_dark: #aa8453;--cl_background_gray: #333;--cl_title: #fff;--cl_subtitle: #aa8453;--cl_pretitle: #aa8453;--cl_text: #fff;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_header-bg: #aa8453;--cl_header-text-light: #fff;--cl_menu-bg: #79582c;--cl_menu-text: #fff;--cl_btn-box: #aa8453;--cl_btn-box-text: #aa8453;--cl_btn-box-hover: #79582c;--cl_btn-box-text-hover: #fff;--cl_btn-call: #aa8453;--cl_btn-call-text: white;--cl_btn-call-hover: #79582c;--cl_btn-call-text-hover: #fff;--cl_btn-link: #aa8453;--cl_btn-link-hover: #79582c;--cl_btn-arrow: #ffffff3a;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #79582c;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #eee;--cl_btn-dots-active: #79582c;--cl_btn-dots-hover: #79582c;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #79582c;--cl_btn-light-text-hover: #79582c;--cl_footer-bg: #aa8453;--cl_footer-bg-bottom: #79582c;--cl_footer-scroll: #aa8453;--cl_footer-text: #fff;--cl_footer-text-hover: #aa8453;--btn_radius: 1px;--img_radius: 0px;--img_border: #fff;--img_border-whidth: 2px;--cl_engine-bg: #181818;--cl_engine-input-bg: #79582c;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #fff;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_dropdown-radius: 20px;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.babylon_lisc2imgvid .container{width:90%;max-width:300.6px;padding-left:0;padding-right:0}@media (min-width: 576px){.babylon_lisc2imgvid .container{max-width:440px}}@media (min-width: 768px){.babylon_lisc2imgvid .container{max-width:620px}}@media (min-width: 992px){.babylon_lisc2imgvid .container{max-width:784px}}@media (min-width: 1200px){.babylon_lisc2imgvid .container{max-width:1100px}}@media (min-width: 1400px){.babylon_lisc2imgvid .container{max-width:1100px}}@media (min-width: 1680px){.babylon_lisc2imgvid .container{max-width:1400px}}@media (min-width: 1800px){.babylon_lisc2imgvid .container{max-width:1440px}}.babylon_lisc2imgvid--header{display:flex;flex-direction:column;align-items:center;padding-block:2rem}.babylon_lisc2imgvid--header>*{text-align:center}.babylon_lisc2imgvid--header-title{font-size:20px;text-transform:uppercase}.babylon_lisc2imgvid--header hr{border-bottom:1px solid var(--cl_border-light);width:100%}.babylon_lisc2imgvid--navbar-desktop{display:none;margin-bottom:3rem}@media (min-width: 1200px){.babylon_lisc2imgvid--navbar-desktop{display:block}}.babylon_lisc2imgvid--navbar-desktop ul{display:flex;gap:6.1rem}.babylon_lisc2imgvid--navbar-desktop ul li:hover{cursor:pointer;color:var(--cl_accent)}.babylon_lisc2imgvid--navbar-desktop ul .babylon_lisc2imgvid__filter{font-size:20px}.babylon_lisc2imgvid--navbar-desktop ul .babylon_lisc2imgvid__filter--selected{position:relative}.babylon_lisc2imgvid--navbar-desktop ul .babylon_lisc2imgvid__filter--selected:after{content:\"\\b7\";position:absolute;bottom:-150%;left:50%;display:block;font-size:50px;color:var(--cl_accent);margin-top:-50%;transform:translate(-50%)}.babylon_lisc2imgvid--navbar-mobile{display:flex}@media (min-width: 1200px){.babylon_lisc2imgvid--navbar-mobile{display:none}}.babylon_lisc2imgvid--navbar-mobile .babylon_lisc2imgvid--filter-buttons{margin-bottom:30px;flex-direction:row}@media (min-width: 576px){.babylon_lisc2imgvid--navbar-mobile .babylon_lisc2imgvid--filter-buttons{gap:30px}}.babylon_lisc2imgvid--navbar-mobile .babylon_lisc2imgvid--filter-buttons hr{width:1px;height:100%;margin-block:0px!important;margin-inline:1rem;border:1px solid var(--cl_border-light)}.babylon_lisc2imgvid--navbar-mobile .babylon_lisc2imgvid--filter-buttons button{padding:10px 20px;width:200px;border:none;width:inherit;text-transform:inherit;font-size:18px;background-color:transparent;color:var(--cl_btn-call);opacity:.6;flex-grow:1;gap:1rem;align-items:center;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.babylon_lisc2imgvid--navbar-mobile .babylon_lisc2imgvid--filter-buttons button span{font-size:30px;display:none;align-items:center}@media (min-width: 576px){.babylon_lisc2imgvid--navbar-mobile .babylon_lisc2imgvid--filter-buttons button span{display:block}}@media (min-width: 1200px){.babylon_lisc2imgvid--navbar-mobile .babylon_lisc2imgvid--filter-buttons{display:none!important}}.babylon_lisc2imgvid--gallery{display:grid;grid-template-columns:repeat(1,1fr);gap:41px}@media (min-width: 992px){.babylon_lisc2imgvid--gallery{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1200px){.babylon_lisc2imgvid--gallery{grid-template-columns:repeat(3,1fr);grid-auto-rows:420px;gap:63px}}@media (min-width: 1680px){.babylon_lisc2imgvid--gallery{grid-auto-rows:520px}}.babylon_lisc2imgvid--gallery-item{width:100%;height:auto;aspect-ratio:306/204;padding-bottom:10px;cursor:pointer}@media (min-width: 576px){.babylon_lisc2imgvid--gallery-item{aspect-ratio:440/293;padding-bottom:40px}}@media (min-width: 768px){.babylon_lisc2imgvid--gallery-item{aspect-ratio:620/413}}@media (min-width: 992px){.babylon_lisc2imgvid--gallery-item{padding-bottom:0;aspect-ratio:401/267}}@media (min-width: 1200px){.babylon_lisc2imgvid--gallery-item{aspect-ratio:inherit}}@media (min-width: 1200px){.babylon_lisc2imgvid--gallery-item:nth-child(4n+1),.babylon_lisc2imgvid--gallery-item:nth-child(4n){grid-column:span 2}}.babylon_lisc2imgvid--gallery-item img{width:100%;height:100%;object-fit:cover}.babylon_lisc2imgvid--gallery-item a{width:100%;height:100%;display:flex!important;flex-direction:column}@media (min-width: 992px){.babylon_lisc2imgvid--gallery-item a{display:block!important}}.babylon_lisc2imgvid--gallery-item:hover .babylon_lisc2imgvid--gallery-itemName{height:fit-content;padding-block:1rem}.babylon_lisc2imgvid--gallery-itemName{position:absolute;bottom:-40px;transition:all .3s ease-in-out;width:100%;padding-block:0rem;padding-inline:1.5rem;font-size:20px;display:flex;justify-content:space-between;align-items:center}@media (min-width: 992px){.babylon_lisc2imgvid--gallery-itemName{position:absolute;bottom:0;background:#0006;overflow:hidden;color:#fff;height:0px}}.babylon_lisc2imgvid--gallery-itemName .babylon-fullscreen{display:none}@media (min-width: 992px){.babylon_lisc2imgvid--gallery-itemName .babylon-fullscreen{display:block}}.babylon_lisc2imgvid--modal-header{width:100%;display:flex;justify-content:start;text-transform:uppercase;margin-bottom:1rem;max-width:393.7px;margin-inline:auto;font-size:20px}.babylon_lisc2imgvid--modal-header h2{font-family:var(--font-text);margin-bottom:1.9rem}.babylon_lisc2imgvid--modal-list{font-size:20px;display:flex;flex-direction:column;max-width:393.7px;width:90%;margin-inline:auto}.babylon_lisc2imgvid--modal-list li{width:100%;padding-block:2rem;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--cl_border-light);opacity:.6}.babylon_lisc2imgvid--modal-list li div{display:flex;gap:1rem;align-items:start;align-items:center}.babylon_lisc2imgvid--modal-list li.active,.babylon_lisc2imgvid--modal-list li:hover{opacity:1}.babylon_lisc2imgvid--modal-list li .babylon-minus{font-size:2px}.babylon_lisc2imgvid__slider{transition:all .5s}.babylon_lisc2imgvid__slider-item p{text-align:center;margin-bottom:3rem}.modal{position:fixed;z-index:91;overflow-y:auto;left:0;top:0;width:100%;bottom:0;opacity:0;pointer-events:none;transition:all .5s}.modal__inner{width:100%}.modal.modal--open{opacity:1;pointer-events:all}.modal__close{position:fixed;top:2rem;right:2rem;width:1.7rem;aspect-ratio:1;transition:all .5s;color:#626262;display:flex;align-items:center;justify-content:center;z-index:1}@media (min-width: 540px){.modal__close{top:4.1rem;right:4rem}}.modal__close svg{width:100%;height:100%}.modal__close:hover{border-radius:100%}.modal--open{overflow:hidden}.modal.modal__rooms{background:var(--cl_background_body);display:flex;isolation:isolate;overflow:auto;justify-content:center;padding-top:5rem;padding-inline:3.8rem}@media (min-width: 1024px){.modal.modal__rooms{padding-inline:inherit;padding-top:6rem}}@media (min-width: 1280px){.modal.modal__rooms{align-items:center}}.modal--open.rooms .modal.modal__mapRooms{opacity:1;pointer-events:auto}.modal.modal__images{background:var(--cl_background_body);display:none;isolation:isolate;overflow:auto;justify-content:center}@media (min-width: 1024px){.modal.modal__images{display:flex;padding-top:60px}}@media (min-width: 1366px){.modal.modal__images{align-items:center;padding-top:inherit}}.modal.modal__images .babylon_lisc2imgvid--modal{max-width:905px}@media (min-width: 1024px){.modal.modal__images .babylon_lisc2imgvid--modal{max-width:830px}}@media (min-width: 1366px){.modal.modal__images .babylon_lisc2imgvid--modal{max-width:905px}}@media (min-width: 1680px){.modal.modal__images .babylon_lisc2imgvid--modal{max-width:978px}}@media (min-width: 1800px){.modal.modal__images .babylon_lisc2imgvid--modal{max-width:1100px}}.modal.modal__images .babylon_lisc2imgvid--modal{margin-inline:auto}.modal.modal__images .relative{position:relative}.modal.modal__images .js-slider-arrows button.slick-arrow svg.line{display:none!important}.modal.modal__images .js-slider-arrows{position:absolute;inset-inline:0;top:50%;display:flex;justify-content:space-between;pointer-events:none;transform:translateY(-50%);z-index:1;left:-7.4rem;right:-7.4rem}.modal.modal__images .slick-slide{height:100%}.modal.modal__images .slick-slide img{height:auto;width:100%;object-fit:cover;aspect-ratio:905/603}.modal.modal__images .slick-slider-outer{position:relative}.modal.modal__images .slick-slide{height:100%;float:left;min-height:1px}.modal--open.images .modal.modal__mapImages{opacity:1;pointer-events:auto}::ng-deep .modal.modal__images .js-slider-arrows button{position:static;margin-top:0;pointer-events:initial;aspect-ratio:1/2;width:5.55rem;height:auto;background:none;border:none;height:2.855rem;opacity:.6}::ng-deep .modal.modal__images .js-slider-arrows button.slick-prev{transform:rotate(90deg)}::ng-deep .modal.modal__images .js-slider-arrows button.slick-next{transform:rotate(-90deg)}::ng-deep .modal.modal__images .js-slider-arrows button svg.line{display:none!important}::ng-deep .modal.modal__images .js-slider-arrows button svg{width:100%;height:100%}\n"] }]
|
|
2806
2806
|
}], ctorParameters: () => [{ type: i1$2.MatDialog }, { type: undefined, decorators: [{
|
|
2807
2807
|
type: Inject,
|
|
2808
2808
|
args: [PLATFORM_ID]
|