ctt-puro 0.67.0 → 0.67.2

package/esm2022/public-api.mjs

@@ -3,9 +3,10 @@
  */
 export * from './lib/components';
 export * from './lib/directives';
+export * from './lib/Enum';
 export * from './lib/interfaces';
 export * from './lib/pipes';
 export * from './lib/services';
 export * from './lib/shared';
 export * from './lib/utils';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3B1cm8vc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGtCQUFrQixDQUFDO0FBQ2pDLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsY0FBYyxDQUFDO0FBQzdCLGNBQWMsYUFBYSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBwdXJvXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cyc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9kaXJlY3RpdmVzJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2ludGVyZmFjZXMnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcGlwZXMnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc2VydmljZXMnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc2hhcmVkJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3V0aWxzJztcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3B1cm8vc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGtCQUFrQixDQUFDO0FBQ2pDLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxZQUFZLENBQUM7QUFDM0IsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsY0FBYyxDQUFDO0FBQzdCLGNBQWMsYUFBYSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBwdXJvXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cyc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9kaXJlY3RpdmVzJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL0VudW0nO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvaW50ZXJmYWNlcyc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9waXBlcyc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZXJ2aWNlcyc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9zaGFyZWQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdXRpbHMnO1xuIl19

package/fesm2022/ctt-puro.mjs

@@ -4382,7 +4382,8 @@ class MapperService {
                     (hotel.texts?.description
                         ? ' <br> ' + hotel.texts.description
                         : ''),
-                img: this.getImageResponsive(hotel.multimedia?.find((img) => img.cover)),
+                img: this.getImageResponsive(hotel.multimedia?.filter((img) => img?.tags?.some((tag) => tag === 'TopSliderMovil' ||
+                    tag?.name === 'TopSliderMovil'))?.[0]),
             }));
         }
         if (destinations) {
@@ -4922,7 +4923,8 @@ class MapperService {
                 const title = tr?.name ?? child?.name ?? child?.name_identifier;
                 const pretitle = dest?.name;
                 const button = (Utils.mapButtons(this.siteId(), child?.hotels?.[0]?.links?.[0]) ?? [])[0];
-                const imgCover = child?.hotels?.[0]?.multimedia?.find((img) => img.cover);
+                const imgCover = child?.hotels?.[0]?.multimedia?.filter((img) => img?.tags?.some((tag) => tag === 'TopSliderMovil' ||
+                    tag?.name === 'TopSliderMovil'))?.[0];
                 const img = this.getImageResponsive(imgCover);
                 return {
                     title,
@@ -7637,7 +7639,7 @@ class PuroHeaderMobileComponent {
         return true;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroHeaderMobileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroHeaderMobileComponent, isStandalone: true, selector: "lib-puro-header-mobile", inputs: { titleMenu: "titleMenu", titleLang: "titleLang", btnBook: "btnBook", navLinks: "navLinks", bottomLinks: "bottomLinks", isDynamic: "isDynamic", hotelBrand: "hotelBrand", backgroundImg: "backgroundImg", logoHotel: "logoHotel", logoHotelWhite: "logoHotelWhite", isRestaurant: "isRestaurant", siteId: "siteId" }, outputs: { btnClick: "btnClick" }, providers: [PuroActiveModalDirective], ngImport: i0, template: "<header \n    class=\"header\" \n    navSticky \n    [isDynamic]=\"isDynamic\" \n    [class.header--no-reserver]=\"!showHeaderBookButton\"\n>\n    <div class=\"banner__logo\">\n        <a\n            [href]=\"navLinks?.[0]?.url\"\n            [linkType]=\"navLinks?.[0]?.linkType\"\n            aria-label=\"Saulo logo\"\n        >\n        @if (logoHotel && logoHotelWhite) {\n            <img\n                    [ngSrc]=\"hasStickyClasses() ? logoHotel : logoHotelWhite\"\n                    alt=\"Logo\"\n                    width=\"177\"\n                    height=\"68\"\n                    class=\"banner__logo--img restaurant\"\n                    priority\n                />\n        } @else {\n            <svg\n                aria-hidden=\"true\"\n                width=\"177\"\n                height=\"68\"\n                focusable=\"false\"\n                class=\"banner__logo--img\"\n            >\n                @if (siteId === SITE_HOTELS) {\n                    <use href=\"#puro-logo\" class=\"purohotels\"></use>\n                }\n                @if (siteId === SITE_BEACH) {\n                    <use href=\"#purobeach-logo\" class=\"purobeach\"></use>\n                }\n                @if (siteId === SITE_GROUP) {\n                    <use href=\"#purogroup-logo\" class=\"purogroup\"></use>\n                }\n            </svg>\n        }\n        </a>\n    </div>\n    <div class=\"header__leftNav\">\n        <div\n            class=\"header__menu js-active-modal\"\n            activeModal\n            data-modal_name=\"navigation\"\n            role=\"button\"\n            [attr.aria-label]=\"titleMenu ?? 'Menu'\"\n        >\n            <i class=\"icon-83\"></i>\n            @if (titleMenu) {\n                <span>{{ titleMenu }}</span>\n            }\n        </div>\n        <div\n            class=\"header__language js-active-modal\"\n            activeModal\n            data-modal_name=\"language\"\n            role=\"button\"\n            [attr.aria-label]=\"titleLang ?? 'Language Menu'\"\n        >\n            @if (titleLang) {\n                {{ titleLang }}\n            }\n        </div>\n    </div>\n    @if (showHeaderBookButton) {\n        <a\n            (click)=\"btnClick.emit()\"\n            class=\"header__reserver\"\n            role=\"button\"\n            [attr.aria-label]=\"btnBook\"\n        >\n            <div class=\"btn btn__primary btn--lg\">\n                <span>{{ btnBook }}</span>\n            </div>\n        </a>\n    }\n</header>\n\n<div class=\"modal modal--solidCream modal--navigation\">\n    <div class=\"modal__inner\">\n        <div class=\"modal__body\" [style.--bg-url]=\"cssBgUrl\" [style.--logo-url]=\"cssLogoUrl\">\n            <div\n                class=\"modal__close js-close\"\n                activeModal\n                data-modal_name=\"navigation\"\n                role=\"button\"\n                aria-label=\"Close Button\"\n            >\n                <svg\n                    aria-hidden=\"true\"\n                    focusable=\"false\"\n                    class=\"modal__close--icon\"\n                >\n                    <use href=\"#modal-close\"></use>\n                </svg>\n            </div>\n            <div class=\"modal__nav\">\n                <ul class=\"modal__nav--items\">\n                    @if (navLinks) {\n                        @for (link of navLinks; track $index) {\n                            <li class=\"modal__nav--link\">\n                                <a\n                                    class=\"js-close\"\n                                    activeModal\n                                    data-modal_name=\"navigation\"\n                                    [href]=\"link.url\"\n                                    [linkType]=\"link.linkType\"\n                                    [attr.aria-label]=\"link.label\"\n                                >\n                                    {{ link.label }}\n                                </a>\n                            </li>\n                        }\n                    }\n                </ul>\n                <ul class=\"modal__nav--itemsSmall\">\n                    @if (bottomLinks) {\n                        @for (link of bottomLinks; track $index) {\n                            @if (link.url === 'lang') {\n                                <li\n                                    class=\"modal__nav--link js-active-modal\"\n                                    activeModal\n                                    data-modal_name=\"language\"\n                                    role=\"button\"\n                                    [attr.aria-label]=\"\n                                        link.label ?? 'Language Menu'\n                                    \"\n                                >\n                                    <a>\n                                        {{ link.label }}\n                                    </a>\n                                </li>\n                            } @else {\n                                <li class=\"modal__nav--link\">\n                                    <a\n                                        class=\"js-close\"\n                                        activeModal\n                                        data-modal_name=\"navigation\"\n                                        [href]=\"link.url\"\n                                        [linkType]=\"link.linkType\"\n                                        [attr.aria-label]=\"link.label\"\n                                    >\n                                        {{ link.label }}\n                                    </a>\n                                </li>\n                            }\n                        }\n                    }\n                </ul>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: [".modal.modal--navigation .modal__body:after{background-image:var(--logo-url)}.modal.modal--navigation .modal__body:before{background-image:var(--bg-url)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: PuroLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick"], outputs: ["bookClick", "anchorClicked"] }, { kind: "directive", type: PuroActiveModalDirective, selector: "[activeModal]" }, { kind: "directive", type: PuroNavStickyDirective, selector: "[navSticky]", inputs: ["isDynamic"] }, { kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroHeaderMobileComponent, isStandalone: true, selector: "lib-puro-header-mobile", inputs: { titleMenu: "titleMenu", titleLang: "titleLang", btnBook: "btnBook", navLinks: "navLinks", bottomLinks: "bottomLinks", isDynamic: "isDynamic", hotelBrand: "hotelBrand", backgroundImg: "backgroundImg", logoHotel: "logoHotel", logoHotelWhite: "logoHotelWhite", isRestaurant: "isRestaurant", siteId: "siteId" }, outputs: { btnClick: "btnClick" }, providers: [PuroActiveModalDirective], ngImport: i0, template: "<header \n    class=\"header\" \n    navSticky \n    [isDynamic]=\"isDynamic\" \n    [class.header--no-reserver]=\"!showHeaderBookButton\"\n>\n    <div class=\"banner__logo\">\n        <a\n            [href]=\"navLinks?.[0]?.url\"\n            [linkType]=\"navLinks?.[0]?.linkType\"\n            aria-label=\"Saulo logo\"\n        >\n        @if (logoHotel && logoHotelWhite) {\n            <img\n                    [ngSrc]=\"hasStickyClasses() ? logoHotel : logoHotelWhite\"\n                    alt=\"Logo\"\n                    width=\"177\"\n                    height=\"68\"\n                    class=\"banner__logo--img restaurant\"\n                    priority\n                />\n        } @else {\n            <svg\n                aria-hidden=\"true\"\n                width=\"177\"\n                height=\"68\"\n                focusable=\"false\"\n                class=\"banner__logo--img\"\n            >\n                @if (siteId === SITE_HOTELS) {\n                    <use href=\"#puro-logo\" class=\"purohotels\"></use>\n                }\n                @if (siteId === SITE_BEACH) {\n                    <use href=\"#purobeaclogoDesh-logo\" class=\"purobeach\"></use>\n                }\n                @if (siteId === SITE_GROUP) {\n                    <use href=\"#purogroup-logo\" class=\"purogroup\"></use>\n                }\n            </svg>\n        }\n        </a>\n    </div>\n    <div class=\"header__leftNav\">\n        <div\n            class=\"header__menu js-active-modal\"\n            activeModal\n            data-modal_name=\"navigation\"\n            role=\"button\"\n            [attr.aria-label]=\"titleMenu ?? 'Menu'\"\n        >\n            <i class=\"icon-83\"></i>\n            @if (titleMenu) {\n                <span>{{ titleMenu }}</span>\n            }\n        </div>\n        <div\n            class=\"header__language js-active-modal\"\n            activeModal\n            data-modal_name=\"language\"\n            role=\"button\"\n            [attr.aria-label]=\"titleLang ?? 'Language Menu'\"\n        >\n            @if (titleLang) {\n                {{ titleLang }}\n            }\n        </div>\n    </div>\n    @if (showHeaderBookButton) {\n        <a\n            (click)=\"btnClick.emit()\"\n            class=\"header__reserver\"\n            role=\"button\"\n            [attr.aria-label]=\"btnBook\"\n        >\n            <div class=\"btn btn__primary btn--lg\">\n                <span>{{ btnBook }}</span>\n            </div>\n        </a>\n    }\n</header>\n\n<div class=\"modal modal--solidCream modal--navigation\">\n    <div class=\"modal__inner\">\n        <div class=\"modal__body\" [style.--bg-url]=\"cssBgUrl\" [style.--logo-url]=\"cssLogoUrl\">\n            <div\n                class=\"modal__close js-close\"\n                activeModal\n                data-modal_name=\"navigation\"\n                role=\"button\"\n                aria-label=\"Close Button\"\n            >\n                <svg\n                    aria-hidden=\"true\"\n                    focusable=\"false\"\n                    class=\"modal__close--icon\"\n                >\n                    <use href=\"#modal-close\"></use>\n                </svg>\n            </div>\n            <div class=\"modal__nav\">\n                <ul class=\"modal__nav--items\">\n                    @if (navLinks) {\n                        @for (link of navLinks; track $index) {\n                            <li class=\"modal__nav--link\">\n                                <a\n                                    class=\"js-close\"\n                                    activeModal\n                                    data-modal_name=\"navigation\"\n                                    [href]=\"link.url\"\n                                    [linkType]=\"link.linkType\"\n                                    [attr.aria-label]=\"link.label\"\n                                >\n                                    {{ link.label }}\n                                </a>\n                            </li>\n                        }\n                    }\n                </ul>\n                <ul class=\"modal__nav--itemsSmall\">\n                    @if (bottomLinks) {\n                        @for (link of bottomLinks; track $index) {\n                            @if (link.url === 'lang') {\n                                <li\n                                    class=\"modal__nav--link js-active-modal\"\n                                    activeModal\n                                    data-modal_name=\"language\"\n                                    role=\"button\"\n                                    [attr.aria-label]=\"\n                                        link.label ?? 'Language Menu'\n                                    \"\n                                >\n                                    <a>\n                                        {{ link.label }}\n                                    </a>\n                                </li>\n                            } @else {\n                                <li class=\"modal__nav--link\">\n                                    <a\n                                        class=\"js-close\"\n                                        activeModal\n                                        data-modal_name=\"navigation\"\n                                        [href]=\"link.url\"\n                                        [linkType]=\"link.linkType\"\n                                        [attr.aria-label]=\"link.label\"\n                                    >\n                                        {{ link.label }}\n                                    </a>\n                                </li>\n                            }\n                        }\n                    }\n                </ul>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: [".modal.modal--navigation .modal__body:after{background-image:var(--logo-url)}.modal.modal--navigation .modal__body:before{background-image:var(--bg-url)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: PuroLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick"], outputs: ["bookClick", "anchorClicked"] }, { kind: "directive", type: PuroActiveModalDirective, selector: "[activeModal]" }, { kind: "directive", type: PuroNavStickyDirective, selector: "[navSticky]", inputs: ["isDynamic"] }, { kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroHeaderMobileComponent, decorators: [{
             type: Component,
@@ -7647,7 +7649,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         PuroActiveModalDirective,
                         PuroNavStickyDirective,
                         NgOptimizedImage,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [PuroActiveModalDirective], template: "<header \n    class=\"header\" \n    navSticky \n    [isDynamic]=\"isDynamic\" \n    [class.header--no-reserver]=\"!showHeaderBookButton\"\n>\n    <div class=\"banner__logo\">\n        <a\n            [href]=\"navLinks?.[0]?.url\"\n            [linkType]=\"navLinks?.[0]?.linkType\"\n            aria-label=\"Saulo logo\"\n        >\n        @if (logoHotel && logoHotelWhite) {\n            <img\n                    [ngSrc]=\"hasStickyClasses() ? logoHotel : logoHotelWhite\"\n                    alt=\"Logo\"\n                    width=\"177\"\n                    height=\"68\"\n                    class=\"banner__logo--img restaurant\"\n                    priority\n                />\n        } @else {\n            <svg\n                aria-hidden=\"true\"\n                width=\"177\"\n                height=\"68\"\n                focusable=\"false\"\n                class=\"banner__logo--img\"\n            >\n                @if (siteId === SITE_HOTELS) {\n                    <use href=\"#puro-logo\" class=\"purohotels\"></use>\n                }\n                @if (siteId === SITE_BEACH) {\n                    <use href=\"#purobeach-logo\" class=\"purobeach\"></use>\n                }\n                @if (siteId === SITE_GROUP) {\n                    <use href=\"#purogroup-logo\" class=\"purogroup\"></use>\n                }\n            </svg>\n        }\n        </a>\n    </div>\n    <div class=\"header__leftNav\">\n        <div\n            class=\"header__menu js-active-modal\"\n            activeModal\n            data-modal_name=\"navigation\"\n            role=\"button\"\n            [attr.aria-label]=\"titleMenu ?? 'Menu'\"\n        >\n            <i class=\"icon-83\"></i>\n            @if (titleMenu) {\n                <span>{{ titleMenu }}</span>\n            }\n        </div>\n        <div\n            class=\"header__language js-active-modal\"\n            activeModal\n            data-modal_name=\"language\"\n            role=\"button\"\n            [attr.aria-label]=\"titleLang ?? 'Language Menu'\"\n        >\n            @if (titleLang) {\n                {{ titleLang }}\n            }\n        </div>\n    </div>\n    @if (showHeaderBookButton) {\n        <a\n            (click)=\"btnClick.emit()\"\n            class=\"header__reserver\"\n            role=\"button\"\n            [attr.aria-label]=\"btnBook\"\n        >\n            <div class=\"btn btn__primary btn--lg\">\n                <span>{{ btnBook }}</span>\n            </div>\n        </a>\n    }\n</header>\n\n<div class=\"modal modal--solidCream modal--navigation\">\n    <div class=\"modal__inner\">\n        <div class=\"modal__body\" [style.--bg-url]=\"cssBgUrl\" [style.--logo-url]=\"cssLogoUrl\">\n            <div\n                class=\"modal__close js-close\"\n                activeModal\n                data-modal_name=\"navigation\"\n                role=\"button\"\n                aria-label=\"Close Button\"\n            >\n                <svg\n                    aria-hidden=\"true\"\n                    focusable=\"false\"\n                    class=\"modal__close--icon\"\n                >\n                    <use href=\"#modal-close\"></use>\n                </svg>\n            </div>\n            <div class=\"modal__nav\">\n                <ul class=\"modal__nav--items\">\n                    @if (navLinks) {\n                        @for (link of navLinks; track $index) {\n                            <li class=\"modal__nav--link\">\n                                <a\n                                    class=\"js-close\"\n                                    activeModal\n                                    data-modal_name=\"navigation\"\n                                    [href]=\"link.url\"\n                                    [linkType]=\"link.linkType\"\n                                    [attr.aria-label]=\"link.label\"\n                                >\n                                    {{ link.label }}\n                                </a>\n                            </li>\n                        }\n                    }\n                </ul>\n                <ul class=\"modal__nav--itemsSmall\">\n                    @if (bottomLinks) {\n                        @for (link of bottomLinks; track $index) {\n                            @if (link.url === 'lang') {\n                                <li\n                                    class=\"modal__nav--link js-active-modal\"\n                                    activeModal\n                                    data-modal_name=\"language\"\n                                    role=\"button\"\n                                    [attr.aria-label]=\"\n                                        link.label ?? 'Language Menu'\n                                    \"\n                                >\n                                    <a>\n                                        {{ link.label }}\n                                    </a>\n                                </li>\n                            } @else {\n                                <li class=\"modal__nav--link\">\n                                    <a\n                                        class=\"js-close\"\n                                        activeModal\n                                        data-modal_name=\"navigation\"\n                                        [href]=\"link.url\"\n                                        [linkType]=\"link.linkType\"\n                                        [attr.aria-label]=\"link.label\"\n                                    >\n                                        {{ link.label }}\n                                    </a>\n                                </li>\n                            }\n                        }\n                    }\n                </ul>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: [".modal.modal--navigation .modal__body:after{background-image:var(--logo-url)}.modal.modal--navigation .modal__body:before{background-image:var(--bg-url)}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [PuroActiveModalDirective], template: "<header \n    class=\"header\" \n    navSticky \n    [isDynamic]=\"isDynamic\" \n    [class.header--no-reserver]=\"!showHeaderBookButton\"\n>\n    <div class=\"banner__logo\">\n        <a\n            [href]=\"navLinks?.[0]?.url\"\n            [linkType]=\"navLinks?.[0]?.linkType\"\n            aria-label=\"Saulo logo\"\n        >\n        @if (logoHotel && logoHotelWhite) {\n            <img\n                    [ngSrc]=\"hasStickyClasses() ? logoHotel : logoHotelWhite\"\n                    alt=\"Logo\"\n                    width=\"177\"\n                    height=\"68\"\n                    class=\"banner__logo--img restaurant\"\n                    priority\n                />\n        } @else {\n            <svg\n                aria-hidden=\"true\"\n                width=\"177\"\n                height=\"68\"\n                focusable=\"false\"\n                class=\"banner__logo--img\"\n            >\n                @if (siteId === SITE_HOTELS) {\n                    <use href=\"#puro-logo\" class=\"purohotels\"></use>\n                }\n                @if (siteId === SITE_BEACH) {\n                    <use href=\"#purobeaclogoDesh-logo\" class=\"purobeach\"></use>\n                }\n                @if (siteId === SITE_GROUP) {\n                    <use href=\"#purogroup-logo\" class=\"purogroup\"></use>\n                }\n            </svg>\n        }\n        </a>\n    </div>\n    <div class=\"header__leftNav\">\n        <div\n            class=\"header__menu js-active-modal\"\n            activeModal\n            data-modal_name=\"navigation\"\n            role=\"button\"\n            [attr.aria-label]=\"titleMenu ?? 'Menu'\"\n        >\n            <i class=\"icon-83\"></i>\n            @if (titleMenu) {\n                <span>{{ titleMenu }}</span>\n            }\n        </div>\n        <div\n            class=\"header__language js-active-modal\"\n            activeModal\n            data-modal_name=\"language\"\n            role=\"button\"\n            [attr.aria-label]=\"titleLang ?? 'Language Menu'\"\n        >\n            @if (titleLang) {\n                {{ titleLang }}\n            }\n        </div>\n    </div>\n    @if (showHeaderBookButton) {\n        <a\n            (click)=\"btnClick.emit()\"\n            class=\"header__reserver\"\n            role=\"button\"\n            [attr.aria-label]=\"btnBook\"\n        >\n            <div class=\"btn btn__primary btn--lg\">\n                <span>{{ btnBook }}</span>\n            </div>\n        </a>\n    }\n</header>\n\n<div class=\"modal modal--solidCream modal--navigation\">\n    <div class=\"modal__inner\">\n        <div class=\"modal__body\" [style.--bg-url]=\"cssBgUrl\" [style.--logo-url]=\"cssLogoUrl\">\n            <div\n                class=\"modal__close js-close\"\n                activeModal\n                data-modal_name=\"navigation\"\n                role=\"button\"\n                aria-label=\"Close Button\"\n            >\n                <svg\n                    aria-hidden=\"true\"\n                    focusable=\"false\"\n                    class=\"modal__close--icon\"\n                >\n                    <use href=\"#modal-close\"></use>\n                </svg>\n            </div>\n            <div class=\"modal__nav\">\n                <ul class=\"modal__nav--items\">\n                    @if (navLinks) {\n                        @for (link of navLinks; track $index) {\n                            <li class=\"modal__nav--link\">\n                                <a\n                                    class=\"js-close\"\n                                    activeModal\n                                    data-modal_name=\"navigation\"\n                                    [href]=\"link.url\"\n                                    [linkType]=\"link.linkType\"\n                                    [attr.aria-label]=\"link.label\"\n                                >\n                                    {{ link.label }}\n                                </a>\n                            </li>\n                        }\n                    }\n                </ul>\n                <ul class=\"modal__nav--itemsSmall\">\n                    @if (bottomLinks) {\n                        @for (link of bottomLinks; track $index) {\n                            @if (link.url === 'lang') {\n                                <li\n                                    class=\"modal__nav--link js-active-modal\"\n                                    activeModal\n                                    data-modal_name=\"language\"\n                                    role=\"button\"\n                                    [attr.aria-label]=\"\n                                        link.label ?? 'Language Menu'\n                                    \"\n                                >\n                                    <a>\n                                        {{ link.label }}\n                                    </a>\n                                </li>\n                            } @else {\n                                <li class=\"modal__nav--link\">\n                                    <a\n                                        class=\"js-close\"\n                                        activeModal\n                                        data-modal_name=\"navigation\"\n                                        [href]=\"link.url\"\n                                        [linkType]=\"link.linkType\"\n                                        [attr.aria-label]=\"link.label\"\n                                    >\n                                        {{ link.label }}\n                                    </a>\n                                </li>\n                            }\n                        }\n                    }\n                </ul>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: [".modal.modal--navigation .modal__body:after{background-image:var(--logo-url)}.modal.modal--navigation .modal__body:before{background-image:var(--bg-url)}\n"] }]
         }], propDecorators: { titleMenu: [{
                 type: Input
             }], titleLang: [{
@@ -9575,6 +9577,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Input
             }] } });
 
+var PuroViewsType;
+(function (PuroViewsType) {
+    PuroViewsType["Left"] = "left";
+    PuroViewsType["Right"] = "right";
+})(PuroViewsType || (PuroViewsType = {}));
+
+var LogoType;
+(function (LogoType) {
+    LogoType["logo"] = "logo";
+    LogoType["logoDesktop"] = "logoDesktop";
+    LogoType["logoMenu"] = "logoMenu";
+    LogoType["logoMobile"] = "logoMobile";
+    LogoType["logoTablet"] = "logoTablet";
+    LogoType["appShareIcon"] = "appShareIcon";
+})(LogoType || (LogoType = {}));
+
 /*
  * Public API Surface of puro
  */
@@ -9583,5 +9601,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AutoImageZoomWrapperDirective, DatepickerLocaleUtil, MapperService, ModalStateService, Puro404Component, PuroActiveModalDirective, PuroAdvantagesComponent, PuroAdvantagesSmallComponent, PuroAudioItem, PuroBanner4colComponent, PuroBannerInfo2Component, PuroBannerInfoComponent, PuroBannerSliderComponent, PuroBannerSliderItem, PuroBlogListComponent, PuroBlogPostComponent, PuroBreadcrumbComponent, PuroCareersFormComponent, PuroCartaComponent, PuroContactFormComponent, PuroContactLinkPipe, PuroCurrencyPipe, PuroDualListComponent, PuroDynamicHeadingComponent, PuroEngineComponent, PuroEngineModalComponent, PuroEventsFormComponent, PuroFaqsComponent, PuroFaqsImgComponent, PuroFilterComponent, PuroFilterGalleryDirective, PuroFilterModalComponent, PuroFooterBeachsComponent, PuroFooterHotelsComponent, PuroFooterInfoComponent, PuroFooterLinksComponent, PuroGalleryComponent, PuroGrid3colFilterComponent, PuroGrid3colPlusFilterComponent, PuroGrid3colSliderComponent, PuroGrid4itemsComponent, PuroGrid5itemsComponent, PuroGrid6itemsComponent, PuroHeadIntroComponent, PuroHeaderComponent, PuroHeaderMobileComponent, PuroHeaderMobileSubmenuComponent, PuroHotelsModalComponent, PuroIframeComponent, PuroImgInfoComponent, PuroInfo2colComponent, PuroInfoBannerComponent, PuroInfoBigComponent, PuroInfoDetails2ColComponent, PuroInfoDetails3ColComponent, PuroInfoDetailsComponent, PuroInfoGalleryComponent, PuroInfoIntroComponent, PuroInfoListComponent, PuroInfoServicesComponent, PuroInfoSliderComponent, PuroInfoTableComponent, PuroInfoVideoComponent, PuroInnerContentComponent, PuroInnerContentI, PuroLanguagesModalComponent, PuroLinkTypeDirective, PuroListAwardsComponent, PuroListGeneralComponent, PuroListLogosComponent, PuroListRestaurantsComponent, PuroListsItem, PuroMapListComponent, PuroModalInfoComponent, PuroModalOptionItem, PuroModalOptionsComponent, PuroMusicSliderComponent, PuroNavStickyDirective, PuroNewsletterComponent, PuroOfferBannerComponent, PuroOffersSliderComponent, PuroPaginationDirective, PuroPhotoSliderComponent, PuroProjectsFormComponent, PuroResizeZoomDirective, PuroScheduleComponent, PuroScriptDirective, PuroScrollUpDirective, PuroSearchComponent, PuroSlider1colComponent, PuroSlider2colComponent, PuroSlider3cardComponent, PuroSlider3colComponent, PuroSlider3colRoundComponent, PuroSlider4ItemsComponent, PuroSliderDirective, PuroSubmenuComponent, PuroSubmenuMobileComponent, PuroThanksComponent, PuroTimelineComponent, PuroTopSliderComponent, PuroVerticalInfoComponent, PuroWebmapComponent, PuroZigzag2colComponent, SCREEN_SIZER_PARAMS_TOKEN, SITE_CONFIG_SERVICE_TOKEN, ScreenSizerService, Utils };
+export { AutoImageZoomWrapperDirective, DatepickerLocaleUtil, LogoType, MapperService, ModalStateService, Puro404Component, PuroActiveModalDirective, PuroAdvantagesComponent, PuroAdvantagesSmallComponent, PuroAudioItem, PuroBanner4colComponent, PuroBannerInfo2Component, PuroBannerInfoComponent, PuroBannerSliderComponent, PuroBannerSliderItem, PuroBlogListComponent, PuroBlogPostComponent, PuroBreadcrumbComponent, PuroCareersFormComponent, PuroCartaComponent, PuroContactFormComponent, PuroContactLinkPipe, PuroCurrencyPipe, PuroDualListComponent, PuroDynamicHeadingComponent, PuroEngineComponent, PuroEngineModalComponent, PuroEventsFormComponent, PuroFaqsComponent, PuroFaqsImgComponent, PuroFilterComponent, PuroFilterGalleryDirective, PuroFilterModalComponent, PuroFooterBeachsComponent, PuroFooterHotelsComponent, PuroFooterInfoComponent, PuroFooterLinksComponent, PuroGalleryComponent, PuroGrid3colFilterComponent, PuroGrid3colPlusFilterComponent, PuroGrid3colSliderComponent, PuroGrid4itemsComponent, PuroGrid5itemsComponent, PuroGrid6itemsComponent, PuroHeadIntroComponent, PuroHeaderComponent, PuroHeaderMobileComponent, PuroHeaderMobileSubmenuComponent, PuroHotelsModalComponent, PuroIframeComponent, PuroImgInfoComponent, PuroInfo2colComponent, PuroInfoBannerComponent, PuroInfoBigComponent, PuroInfoDetails2ColComponent, PuroInfoDetails3ColComponent, PuroInfoDetailsComponent, PuroInfoGalleryComponent, PuroInfoIntroComponent, PuroInfoListComponent, PuroInfoServicesComponent, PuroInfoSliderComponent, PuroInfoTableComponent, PuroInfoVideoComponent, PuroInnerContentComponent, PuroInnerContentI, PuroLanguagesModalComponent, PuroLinkTypeDirective, PuroListAwardsComponent, PuroListGeneralComponent, PuroListLogosComponent, PuroListRestaurantsComponent, PuroListsItem, PuroMapListComponent, PuroModalInfoComponent, PuroModalOptionItem, PuroModalOptionsComponent, PuroMusicSliderComponent, PuroNavStickyDirective, PuroNewsletterComponent, PuroOfferBannerComponent, PuroOffersSliderComponent, PuroPaginationDirective, PuroPhotoSliderComponent, PuroProjectsFormComponent, PuroResizeZoomDirective, PuroScheduleComponent, PuroScriptDirective, PuroScrollUpDirective, PuroSearchComponent, PuroSlider1colComponent, PuroSlider2colComponent, PuroSlider3cardComponent, PuroSlider3colComponent, PuroSlider3colRoundComponent, PuroSlider4ItemsComponent, PuroSliderDirective, PuroSubmenuComponent, PuroSubmenuMobileComponent, PuroThanksComponent, PuroTimelineComponent, PuroTopSliderComponent, PuroVerticalInfoComponent, PuroViewsType, PuroWebmapComponent, PuroZigzag2colComponent, SCREEN_SIZER_PARAMS_TOKEN, SITE_CONFIG_SERVICE_TOKEN, ScreenSizerService, Utils };
 //# sourceMappingURL=ctt-puro.mjs.map