ctt-puro 0.3.0 → 0.3.1

package/esm2022/lib/components/puro-list-general/puro-list-general.component.mjs

@@ -1,11 +1,16 @@
-import { Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { PuroLinkTypeDirective } from '../../directives';
 import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
 export class PuroListGeneralComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroListGeneralComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroListGeneralComponent, isStandalone: true, selector: "lib-puro-list-general", ngImport: i0, template: "<p>puro-list-general works!</p>\n", styles: [""] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroListGeneralComponent, isStandalone: true, selector: "lib-puro-list-general", inputs: { reverse: "reverse" }, ngImport: i0, template: "<section class=\"suites suites__list\">\n    <span class=\"suites__title\">habitaciones</span>\n    <div class=\"suites__container\">\n        <div\n            class=\"suites__item js-active-slider\"\n            [ngClass]=\"{ 'image--right': reverse }\"\n            data-slides_infinite=\"true\"\n            data-slider_name=\"js-photo-slider\"\n            data-slider_showbtns=\"true\"\n            data-slider_showdots=\"false\"\n            data-slider_fade=\"true\"\n            data-slider_autoplay=\"false\"\n            data-slides_pc=\"1\"\n        >\n            <div class=\"suites__graphic relative\">\n                <div class=\"js-photo-slider\">\n                    <div>\n                        <img\n                            src=\"images/img-48.png\"\n                            width=\"789\"\n                            class=\"suites__graphic--img\"\n                            height=\"748\"\n                        />\n                    </div>\n                    <div>\n                        <img\n                            src=\"images/img-48.png\"\n                            width=\"789\"\n                            class=\"suites__graphic--img\"\n                            height=\"748\"\n                        />\n                    </div>\n                </div>\n                <div class=\"js-slider-arrows\"></div>\n            </div>\n            <div class=\"suites__content\">\n                <div>\n                    <h2 class=\"suites__heading\">Suite Junior Deluxe</h2>\n                    <div class=\"suites__slider withOutSlider\">\n                        <div class=\"suites__service\">\n                            <svg\n                                aria-hidden=\"true\"\n                                focusable=\"false\"\n                                width=\"25\"\n                                height=\"18\"\n                            >\n                                <use href=\"#user-group\"></use>\n                            </svg>\n                            <span>2 Pax</span>\n                        </div>\n                        <div class=\"suites__service\">\n                            <svg\n                                aria-hidden=\"true\"\n                                focusable=\"false\"\n                                width=\"18\"\n                                height=\"19\"\n                            >\n                                <use href=\"#size\"></use>\n                            </svg>\n                            <span>100m2</span>\n                        </div>\n                        <div class=\"suites__service\">\n                            <svg\n                                aria-hidden=\"true\"\n                                focusable=\"false\"\n                                width=\"27\"\n                                height=\"19\"\n                            >\n                                <use href=\"#bed\"></use>\n                            </svg>\n                            <span>Matrimonio</span>\n                        </div>\n                    </div>\n                    <div class=\"suites__paragraph\">\n                        <p>\n                            It is a long established fact that a in reader will\n                            be distracted by the readable content of a page when\n                            looking at its layout the point of using Lorem Ipsum\n                            is that it has a more.\n                        </p>\n                    </div>\n                    <div class=\"btn__group\">\n                        <a href=\"\" class=\"btn btn__primary\"\n                            ><span>RESERVAR</span></a\n                        >\n                        <a href=\"\" class=\"btn btn__primary--outline\"\n                            ><span>m\u00E1s informaci\u00F3n</span></a\n                        >\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroListGeneralComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-puro-list-general', standalone: true, imports: [], template: "<p>puro-list-general works!</p>\n" }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVyby1saXN0LWdlbmVyYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHVyby9zcmMvbGliL2NvbXBvbmVudHMvcHVyby1saXN0LWdlbmVyYWwvcHVyby1saXN0LWdlbmVyYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHVyby9zcmMvbGliL2NvbXBvbmVudHMvcHVyby1saXN0LWdlbmVyYWwvcHVyby1saXN0LWdlbmVyYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFTMUMsTUFBTSxPQUFPLHdCQUF3QjsrR0FBeEIsd0JBQXdCO21HQUF4Qix3QkFBd0IsaUZDVHJDLG1DQUNBOzs0RkRRYSx3QkFBd0I7a0JBUHBDLFNBQVM7K0JBQ0ksdUJBQXVCLGNBQ3JCLElBQUksV0FDUCxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbGliLXB1cm8tbGlzdC1nZW5lcmFsJyxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtdLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9wdXJvLWxpc3QtZ2VuZXJhbC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmw6ICcuL3B1cm8tbGlzdC1nZW5lcmFsLmNvbXBvbmVudC5zY3NzJyxcbn0pXG5leHBvcnQgY2xhc3MgUHVyb0xpc3RHZW5lcmFsQ29tcG9uZW50IHt9XG4iLCI8cD5wdXJvLWxpc3QtZ2VuZXJhbCB3b3JrcyE8L3A+XG4iXX0=
+            args: [{ selector: 'lib-puro-list-general', standalone: true, imports: [CommonModule, PuroLinkTypeDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"suites suites__list\">\n    <span class=\"suites__title\">habitaciones</span>\n    <div class=\"suites__container\">\n        <div\n            class=\"suites__item js-active-slider\"\n            [ngClass]=\"{ 'image--right': reverse }\"\n            data-slides_infinite=\"true\"\n            data-slider_name=\"js-photo-slider\"\n            data-slider_showbtns=\"true\"\n            data-slider_showdots=\"false\"\n            data-slider_fade=\"true\"\n            data-slider_autoplay=\"false\"\n            data-slides_pc=\"1\"\n        >\n            <div class=\"suites__graphic relative\">\n                <div class=\"js-photo-slider\">\n                    <div>\n                        <img\n                            src=\"images/img-48.png\"\n                            width=\"789\"\n                            class=\"suites__graphic--img\"\n                            height=\"748\"\n                        />\n                    </div>\n                    <div>\n                        <img\n                            src=\"images/img-48.png\"\n                            width=\"789\"\n                            class=\"suites__graphic--img\"\n                            height=\"748\"\n                        />\n                    </div>\n                </div>\n                <div class=\"js-slider-arrows\"></div>\n            </div>\n            <div class=\"suites__content\">\n                <div>\n                    <h2 class=\"suites__heading\">Suite Junior Deluxe</h2>\n                    <div class=\"suites__slider withOutSlider\">\n                        <div class=\"suites__service\">\n                            <svg\n                                aria-hidden=\"true\"\n                                focusable=\"false\"\n                                width=\"25\"\n                                height=\"18\"\n                            >\n                                <use href=\"#user-group\"></use>\n                            </svg>\n                            <span>2 Pax</span>\n                        </div>\n                        <div class=\"suites__service\">\n                            <svg\n                                aria-hidden=\"true\"\n                                focusable=\"false\"\n                                width=\"18\"\n                                height=\"19\"\n                            >\n                                <use href=\"#size\"></use>\n                            </svg>\n                            <span>100m2</span>\n                        </div>\n                        <div class=\"suites__service\">\n                            <svg\n                                aria-hidden=\"true\"\n                                focusable=\"false\"\n                                width=\"27\"\n                                height=\"19\"\n                            >\n                                <use href=\"#bed\"></use>\n                            </svg>\n                            <span>Matrimonio</span>\n                        </div>\n                    </div>\n                    <div class=\"suites__paragraph\">\n                        <p>\n                            It is a long established fact that a in reader will\n                            be distracted by the readable content of a page when\n                            looking at its layout the point of using Lorem Ipsum\n                            is that it has a more.\n                        </p>\n                    </div>\n                    <div class=\"btn__group\">\n                        <a href=\"\" class=\"btn btn__primary\"\n                            ><span>RESERVAR</span></a\n                        >\n                        <a href=\"\" class=\"btn btn__primary--outline\"\n                            ><span>m\u00E1s informaci\u00F3n</span></a\n                        >\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>\n" }]
+        }], propDecorators: { reverse: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVyby1saXN0LWdlbmVyYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHVyby9zcmMvbGliL2NvbXBvbmVudHMvcHVyby1saXN0LWdlbmVyYWwvcHVyby1saXN0LWdlbmVyYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHVyby9zcmMvbGliL2NvbXBvbmVudHMvcHVyby1saXN0LWdlbmVyYWwvcHVyby1saXN0LWdlbmVyYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLGtCQUFrQixDQUFDOzs7QUFVekQsTUFBTSxPQUFPLHdCQUF3QjsrR0FBeEIsd0JBQXdCO21HQUF4Qix3QkFBd0IsaUhDWnJDLDY5SEE4RkEseUREdkZjLFlBQVk7OzRGQUtiLHdCQUF3QjtrQkFScEMsU0FBUzsrQkFDSSx1QkFBdUIsY0FDckIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLHFCQUFxQixDQUFDLG1CQUc3Qix1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFB1cm9MaW5rVHlwZURpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2xpYi1wdXJvLWxpc3QtZ2VuZXJhbCcsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBQdXJvTGlua1R5cGVEaXJlY3RpdmVdLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9wdXJvLWxpc3QtZ2VuZXJhbC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmw6ICcuL3B1cm8tbGlzdC1nZW5lcmFsLmNvbXBvbmVudC5zY3NzJyxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgUHVyb0xpc3RHZW5lcmFsQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKSByZXZlcnNlPzogYm9vbGVhbjtcbn1cbiIsIjxzZWN0aW9uIGNsYXNzPVwic3VpdGVzIHN1aXRlc19fbGlzdFwiPlxuICAgIDxzcGFuIGNsYXNzPVwic3VpdGVzX190aXRsZVwiPmhhYml0YWNpb25lczwvc3Bhbj5cbiAgICA8ZGl2IGNsYXNzPVwic3VpdGVzX19jb250YWluZXJcIj5cbiAgICAgICAgPGRpdlxuICAgICAgICAgICAgY2xhc3M9XCJzdWl0ZXNfX2l0ZW0ganMtYWN0aXZlLXNsaWRlclwiXG4gICAgICAgICAgICBbbmdDbGFzc109XCJ7ICdpbWFnZS0tcmlnaHQnOiByZXZlcnNlIH1cIlxuICAgICAgICAgICAgZGF0YS1zbGlkZXNfaW5maW5pdGU9XCJ0cnVlXCJcbiAgICAgICAgICAgIGRhdGEtc2xpZGVyX25hbWU9XCJqcy1waG90by1zbGlkZXJcIlxuICAgICAgICAgICAgZGF0YS1zbGlkZXJfc2hvd2J0bnM9XCJ0cnVlXCJcbiAgICAgICAgICAgIGRhdGEtc2xpZGVyX3Nob3dkb3RzPVwiZmFsc2VcIlxuICAgICAgICAgICAgZGF0YS1zbGlkZXJfZmFkZT1cInRydWVcIlxuICAgICAgICAgICAgZGF0YS1zbGlkZXJfYXV0b3BsYXk9XCJmYWxzZVwiXG4gICAgICAgICAgICBkYXRhLXNsaWRlc19wYz1cIjFcIlxuICAgICAgICA+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic3VpdGVzX19ncmFwaGljIHJlbGF0aXZlXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImpzLXBob3RvLXNsaWRlclwiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPGltZ1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHNyYz1cImltYWdlcy9pbWctNDgucG5nXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB3aWR0aD1cIjc4OVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJzdWl0ZXNfX2dyYXBoaWMtLWltZ1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0PVwiNzQ4XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8ZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPGltZ1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHNyYz1cImltYWdlcy9pbWctNDgucG5nXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB3aWR0aD1cIjc4OVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJzdWl0ZXNfX2dyYXBoaWMtLWltZ1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0PVwiNzQ4XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJqcy1zbGlkZXItYXJyb3dzXCI+PC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzdWl0ZXNfX2NvbnRlbnRcIj5cbiAgICAgICAgICAgICAgICA8ZGl2PlxuICAgICAgICAgICAgICAgICAgICA8aDIgY2xhc3M9XCJzdWl0ZXNfX2hlYWRpbmdcIj5TdWl0ZSBKdW5pb3IgRGVsdXhlPC9oMj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInN1aXRlc19fc2xpZGVyIHdpdGhPdXRTbGlkZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzdWl0ZXNfX3NlcnZpY2VcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3ZnXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZvY3VzYWJsZT1cImZhbHNlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg9XCIyNVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGhlaWdodD1cIjE4XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgaHJlZj1cIiN1c2VyLWdyb3VwXCI+PC91c2U+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9zdmc+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4+MiBQYXg8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzdWl0ZXNfX3NlcnZpY2VcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3ZnXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZvY3VzYWJsZT1cImZhbHNlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg9XCIxOFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGhlaWdodD1cIjE5XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgaHJlZj1cIiNzaXplXCI+PC91c2U+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9zdmc+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4+MTAwbTI8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzdWl0ZXNfX3NlcnZpY2VcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3ZnXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZvY3VzYWJsZT1cImZhbHNlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg9XCIyN1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGhlaWdodD1cIjE5XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgaHJlZj1cIiNiZWRcIj48L3VzZT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3N2Zz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3Bhbj5NYXRyaW1vbmlvPC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic3VpdGVzX19wYXJhZ3JhcGhcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxwPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIEl0IGlzIGEgbG9uZyBlc3RhYmxpc2hlZCBmYWN0IHRoYXQgYSBpbiByZWFkZXIgd2lsbFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJlIGRpc3RyYWN0ZWQgYnkgdGhlIHJlYWRhYmxlIGNvbnRlbnQgb2YgYSBwYWdlIHdoZW5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBsb29raW5nIGF0IGl0cyBsYXlvdXQgdGhlIHBvaW50IG9mIHVzaW5nIExvcmVtIElwc3VtXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgaXMgdGhhdCBpdCBoYXMgYSBtb3JlLlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9wPlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJ0bl9fZ3JvdXBcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxhIGhyZWY9XCJcIiBjbGFzcz1cImJ0biBidG5fX3ByaW1hcnlcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgID48c3Bhbj5SRVNFUlZBUjwvc3Bhbj48L2FcbiAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxhIGhyZWY9XCJcIiBjbGFzcz1cImJ0biBidG5fX3ByaW1hcnktLW91dGxpbmVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgID48c3Bhbj5tw6FzIGluZm9ybWFjacOzbjwvc3Bhbj48L2FcbiAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L3NlY3Rpb24+XG4iXX0=

package/esm2022/lib/components/puro-offers-slider/index.mjs

@@ -1,2 +1,3 @@
 export * from './puro-offers-slider.component';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wdXJvL3NyYy9saWIvY29tcG9uZW50cy9wdXJvLW9mZmVycy1zbGlkZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxnQ0FBZ0MsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vcHVyby1vZmZlcnMtc2xpZGVyLmNvbXBvbmVudCc7XHJcbiJdfQ==
+export * from './puro-offers-slider.interface';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wdXJvL3NyYy9saWIvY29tcG9uZW50cy9wdXJvLW9mZmVycy1zbGlkZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLGdDQUFnQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9wdXJvLW9mZmVycy1zbGlkZXIuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9wdXJvLW9mZmVycy1zbGlkZXIuaW50ZXJmYWNlJztcclxuIl19

package/esm2022/lib/components/puro-offers-slider/puro-offers-slider.component.mjs

@@ -1,11 +1,18 @@
-import { Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { PuroLinkTypeDirective } from '../../directives';
 import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
 export class PuroOffersSliderComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroOffersSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroOffersSliderComponent, isStandalone: true, selector: "lib-puro-offers-slider", ngImport: i0, template: "<p>puro-offers-slider works!</p>\n", styles: [""] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroOffersSliderComponent, isStandalone: true, selector: "lib-puro-offers-slider", inputs: { title: "title", items: "items" }, ngImport: i0, template: "<section\n    class=\"offers js-active-slider\"\n    data-slides_infinite=\"true\"\n    data-slider_name=\"js-offers-slider\"\n    data-slider_showbtns=\"true\"\n    data-slider_showdots=\"false\"\n    data-slider_fade=\"false\"\n    data-slider_autoplay=\"false\"\n    data-slides_pc=\"2\"\n    data-slides_laptop=\"2\"\n    data-slides_tablet=\"2\"\n    data-slides_mobile=\"1\"\n    data-slides_mobile_small=\"1\"\n    data-slides_mobile_xsmall=\"1\"\n>\n    <div class=\"offers__inner relative\">\n        <div class=\"offers__container\">\n            @if (title) {\n                <span class=\"offers__title\">{{ title }}</span>\n            }\n            <div class=\"js-offers-slider offers__slider js-slider_fix-arrows\">\n                @for (item of items; track $index) {\n                    <div class=\"offers__box\">\n                        <div class=\"offers__graphic js-slider_fix-arrows-zone\">\n                            @if (item.img) {\n                                <img\n                                    [src]=\"item.img.src\"\n                                    width=\"\"\n                                    height=\"\"\n                                    class=\"offers__graphic--img\"\n                                />\n                            }\n                        </div>\n                        <div class=\"offers__content\">\n                            @if (item.tag) {\n                                <span class=\"offers__label\">{{\n                                    item.tag\n                                }}</span>\n                            }\n                            @if (item.title) {\n                                <h2 class=\"offers__heading\">\n                                    {{ item.title }}\n                                </h2>\n                            }\n                            @if (item.subtitle) {\n                                <p class=\"offers__subHeading\">\n                                    {{ item.subtitle }}\n                                </p>\n                            }\n                            @if (item.buttons) {\n                                <div class=\"btn__group\">\n                                    @for (\n                                        button of item.buttons;\n                                        track $index\n                                    ) {\n                                        <a\n                                            [href]=\"button.url\"\n                                            [linkType]=\"button.linkType\"\n                                            class=\"btn\"\n                                            [ngClass]=\"{\n                                                'btn__primary--outline':\n                                                    $index === 0,\n                                                btn__primary: $index === 1,\n                                            }\"\n                                            >{{ button.label }}</a\n                                        >\n                                    }\n                                </div>\n                            }\n                        </div>\n                    </div>\n                }\n            </div>\n            <div class=\"js-slider-arrows\"></div>\n        </div>\n    </div>\n</section>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: PuroLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroOffersSliderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-puro-offers-slider', standalone: true, imports: [], template: "<p>puro-offers-slider works!</p>\n" }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVyby1vZmZlcnMtc2xpZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3B1cm8vc3JjL2xpYi9jb21wb25lbnRzL3B1cm8tb2ZmZXJzLXNsaWRlci9wdXJvLW9mZmVycy1zbGlkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHVyby9zcmMvbGliL2NvbXBvbmVudHMvcHVyby1vZmZlcnMtc2xpZGVyL3B1cm8tb2ZmZXJzLXNsaWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVMxQyxNQUFNLE9BQU8seUJBQXlCOytHQUF6Qix5QkFBeUI7bUdBQXpCLHlCQUF5QixrRkNUdEMsb0NBQ0E7OzRGRFFhLHlCQUF5QjtrQkFQckMsU0FBUzsrQkFDSSx3QkFBd0IsY0FDdEIsSUFBSSxXQUNQLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdsaWItcHVyby1vZmZlcnMtc2xpZGVyJyxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtdLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9wdXJvLW9mZmVycy1zbGlkZXIuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsOiAnLi9wdXJvLW9mZmVycy1zbGlkZXIuY29tcG9uZW50LnNjc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBQdXJvT2ZmZXJzU2xpZGVyQ29tcG9uZW50IHt9XG4iLCI8cD5wdXJvLW9mZmVycy1zbGlkZXIgd29ya3MhPC9wPlxuIl19
+            args: [{ selector: 'lib-puro-offers-slider', standalone: true, imports: [CommonModule, PuroLinkTypeDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section\n    class=\"offers js-active-slider\"\n    data-slides_infinite=\"true\"\n    data-slider_name=\"js-offers-slider\"\n    data-slider_showbtns=\"true\"\n    data-slider_showdots=\"false\"\n    data-slider_fade=\"false\"\n    data-slider_autoplay=\"false\"\n    data-slides_pc=\"2\"\n    data-slides_laptop=\"2\"\n    data-slides_tablet=\"2\"\n    data-slides_mobile=\"1\"\n    data-slides_mobile_small=\"1\"\n    data-slides_mobile_xsmall=\"1\"\n>\n    <div class=\"offers__inner relative\">\n        <div class=\"offers__container\">\n            @if (title) {\n                <span class=\"offers__title\">{{ title }}</span>\n            }\n            <div class=\"js-offers-slider offers__slider js-slider_fix-arrows\">\n                @for (item of items; track $index) {\n                    <div class=\"offers__box\">\n                        <div class=\"offers__graphic js-slider_fix-arrows-zone\">\n                            @if (item.img) {\n                                <img\n                                    [src]=\"item.img.src\"\n                                    width=\"\"\n                                    height=\"\"\n                                    class=\"offers__graphic--img\"\n                                />\n                            }\n                        </div>\n                        <div class=\"offers__content\">\n                            @if (item.tag) {\n                                <span class=\"offers__label\">{{\n                                    item.tag\n                                }}</span>\n                            }\n                            @if (item.title) {\n                                <h2 class=\"offers__heading\">\n                                    {{ item.title }}\n                                </h2>\n                            }\n                            @if (item.subtitle) {\n                                <p class=\"offers__subHeading\">\n                                    {{ item.subtitle }}\n                                </p>\n                            }\n                            @if (item.buttons) {\n                                <div class=\"btn__group\">\n                                    @for (\n                                        button of item.buttons;\n                                        track $index\n                                    ) {\n                                        <a\n                                            [href]=\"button.url\"\n                                            [linkType]=\"button.linkType\"\n                                            class=\"btn\"\n                                            [ngClass]=\"{\n                                                'btn__primary--outline':\n                                                    $index === 0,\n                                                btn__primary: $index === 1,\n                                            }\"\n                                            >{{ button.label }}</a\n                                        >\n                                    }\n                                </div>\n                            }\n                        </div>\n                    </div>\n                }\n            </div>\n            <div class=\"js-slider-arrows\"></div>\n        </div>\n    </div>\n</section>\n" }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], items: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVyby1vZmZlcnMtc2xpZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3B1cm8vc3JjL2xpYi9jb21wb25lbnRzL3B1cm8tb2ZmZXJzLXNsaWRlci9wdXJvLW9mZmVycy1zbGlkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHVyby9zcmMvbGliL2NvbXBvbmVudHMvcHVyby1vZmZlcnMtc2xpZGVyL3B1cm8tb2ZmZXJzLXNsaWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7OztBQVd6RCxNQUFNLE9BQU8seUJBQXlCOytHQUF6Qix5QkFBeUI7bUdBQXpCLHlCQUF5Qiw4SENidEMscTBHQTZFQSx5RERyRWMsWUFBWSw2SEFBRSxxQkFBcUI7OzRGQUtwQyx5QkFBeUI7a0JBUnJDLFNBQVM7K0JBQ0ksd0JBQXdCLGNBQ3RCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxxQkFBcUIsQ0FBQyxtQkFHN0IsdUJBQXVCLENBQUMsTUFBTTs4QkFHdEMsS0FBSztzQkFBYixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUHVyb0xpbmtUeXBlRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcyc7XG5pbXBvcnQgeyBQdXJvQnV0dG9uSSwgUHVyb0ltYWdlSSB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2xpYi1wdXJvLW9mZmVycy1zbGlkZXInLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgUHVyb0xpbmtUeXBlRGlyZWN0aXZlXSxcbiAgICB0ZW1wbGF0ZVVybDogJy4vcHVyby1vZmZlcnMtc2xpZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybDogJy4vcHVyby1vZmZlcnMtc2xpZGVyLmNvbXBvbmVudC5zY3NzJyxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgUHVyb09mZmVyc1NsaWRlckNvbXBvbmVudCB7XG4gICAgQElucHV0KCkgdGl0bGU/OiBzdHJpbmc7XG4gICAgQElucHV0KCkgaXRlbXM/OiBQdXJvT2ZmZXJbXTtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBQdXJvT2ZmZXIge1xuICAgIGltZz86IFB1cm9JbWFnZUk7XG4gICAgdGFnPzogc3RyaW5nO1xuICAgIHRpdGxlPzogc3RyaW5nO1xuICAgIHN1YnRpdGxlPzogc3RyaW5nO1xuICAgIGJ1dHRvbnM/OiBQdXJvQnV0dG9uSVtdO1xufVxuIiwiPHNlY3Rpb25cbiAgICBjbGFzcz1cIm9mZmVycyBqcy1hY3RpdmUtc2xpZGVyXCJcbiAgICBkYXRhLXNsaWRlc19pbmZpbml0ZT1cInRydWVcIlxuICAgIGRhdGEtc2xpZGVyX25hbWU9XCJqcy1vZmZlcnMtc2xpZGVyXCJcbiAgICBkYXRhLXNsaWRlcl9zaG93YnRucz1cInRydWVcIlxuICAgIGRhdGEtc2xpZGVyX3Nob3dkb3RzPVwiZmFsc2VcIlxuICAgIGRhdGEtc2xpZGVyX2ZhZGU9XCJmYWxzZVwiXG4gICAgZGF0YS1zbGlkZXJfYXV0b3BsYXk9XCJmYWxzZVwiXG4gICAgZGF0YS1zbGlkZXNfcGM9XCIyXCJcbiAgICBkYXRhLXNsaWRlc19sYXB0b3A9XCIyXCJcbiAgICBkYXRhLXNsaWRlc190YWJsZXQ9XCIyXCJcbiAgICBkYXRhLXNsaWRlc19tb2JpbGU9XCIxXCJcbiAgICBkYXRhLXNsaWRlc19tb2JpbGVfc21hbGw9XCIxXCJcbiAgICBkYXRhLXNsaWRlc19tb2JpbGVfeHNtYWxsPVwiMVwiXG4+XG4gICAgPGRpdiBjbGFzcz1cIm9mZmVyc19faW5uZXIgcmVsYXRpdmVcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cIm9mZmVyc19fY29udGFpbmVyXCI+XG4gICAgICAgICAgICBAaWYgKHRpdGxlKSB7XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJvZmZlcnNfX3RpdGxlXCI+e3sgdGl0bGUgfX08L3NwYW4+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwianMtb2ZmZXJzLXNsaWRlciBvZmZlcnNfX3NsaWRlciBqcy1zbGlkZXJfZml4LWFycm93c1wiPlxuICAgICAgICAgICAgICAgIEBmb3IgKGl0ZW0gb2YgaXRlbXM7IHRyYWNrICRpbmRleCkge1xuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwib2ZmZXJzX19ib3hcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJvZmZlcnNfX2dyYXBoaWMganMtc2xpZGVyX2ZpeC1hcnJvd3Mtem9uZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIEBpZiAoaXRlbS5pbWcpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGltZ1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3NyY109XCJpdGVtLmltZy5zcmNcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg9XCJcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0PVwiXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwib2ZmZXJzX19ncmFwaGljLS1pbWdcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm9mZmVyc19fY29udGVudFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIEBpZiAoaXRlbS50YWcpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJvZmZlcnNfX2xhYmVsXCI+e3tcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGl0ZW0udGFnXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH19PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBAaWYgKGl0ZW0udGl0bGUpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGgyIGNsYXNzPVwib2ZmZXJzX19oZWFkaW5nXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7eyBpdGVtLnRpdGxlIH19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvaDI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIEBpZiAoaXRlbS5zdWJ0aXRsZSkge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cIm9mZmVyc19fc3ViSGVhZGluZ1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge3sgaXRlbS5zdWJ0aXRsZSB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3A+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIEBpZiAoaXRlbS5idXR0b25zKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJidG5fX2dyb3VwXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBAZm9yIChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBidXR0b24gb2YgaXRlbS5idXR0b25zO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRyYWNrICRpbmRleFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGFcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2hyZWZdPVwiYnV0dG9uLnVybFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtsaW5rVHlwZV09XCJidXR0b24ubGlua1R5cGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImJ0blwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICdidG5fX3ByaW1hcnktLW91dGxpbmUnOlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICRpbmRleCA9PT0gMCxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJ0bl9fcHJpbWFyeTogJGluZGV4ID09PSAxLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPnt7IGJ1dHRvbi5sYWJlbCB9fTwvYVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImpzLXNsaWRlci1hcnJvd3NcIj48L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L3NlY3Rpb24+XG4iXX0=

package/esm2022/lib/components/puro-offers-slider/puro-offers-slider.interface.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVyby1vZmZlcnMtc2xpZGVyLmludGVyZmFjZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3B1cm8vc3JjL2xpYi9jb21wb25lbnRzL3B1cm8tb2ZmZXJzLXNsaWRlci9wdXJvLW9mZmVycy1zbGlkZXIuaW50ZXJmYWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQdXJvT2ZmZXIgfSBmcm9tICcuL3B1cm8tb2ZmZXJzLXNsaWRlci5jb21wb25lbnQnO1xyXG5cclxuZXhwb3J0IGludGVyZmFjZSBQdXJvT2ZmZXJTbGlkZXJJIHtcclxuICAgIHRpdGxlPzogc3RyaW5nO1xyXG4gICAgaXRlbXM/OiBQdXJvT2ZmZXI7XHJcbn1cclxuIl19

package/fesm2022/ctt-puro.mjs

@@ -1092,12 +1092,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
 
 class PuroListGeneralComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroListGeneralComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroListGeneralComponent, isStandalone: true, selector: "lib-puro-list-general", ngImport: i0, template: "<p>puro-list-general works!</p>\n", styles: [""] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroListGeneralComponent, isStandalone: true, selector: "lib-puro-list-general", inputs: { reverse: "reverse" }, ngImport: i0, template: "<section class=\"suites suites__list\">\n    <span class=\"suites__title\">habitaciones</span>\n    <div class=\"suites__container\">\n        <div\n            class=\"suites__item js-active-slider\"\n            [ngClass]=\"{ 'image--right': reverse }\"\n            data-slides_infinite=\"true\"\n            data-slider_name=\"js-photo-slider\"\n            data-slider_showbtns=\"true\"\n            data-slider_showdots=\"false\"\n            data-slider_fade=\"true\"\n            data-slider_autoplay=\"false\"\n            data-slides_pc=\"1\"\n        >\n            <div class=\"suites__graphic relative\">\n                <div class=\"js-photo-slider\">\n                    <div>\n                        <img\n                            src=\"images/img-48.png\"\n                            width=\"789\"\n                            class=\"suites__graphic--img\"\n                            height=\"748\"\n                        />\n                    </div>\n                    <div>\n                        <img\n                            src=\"images/img-48.png\"\n                            width=\"789\"\n                            class=\"suites__graphic--img\"\n                            height=\"748\"\n                        />\n                    </div>\n                </div>\n                <div class=\"js-slider-arrows\"></div>\n            </div>\n            <div class=\"suites__content\">\n                <div>\n                    <h2 class=\"suites__heading\">Suite Junior Deluxe</h2>\n                    <div class=\"suites__slider withOutSlider\">\n                        <div class=\"suites__service\">\n                            <svg\n                                aria-hidden=\"true\"\n                                focusable=\"false\"\n                                width=\"25\"\n                                height=\"18\"\n                            >\n                                <use href=\"#user-group\"></use>\n                            </svg>\n                            <span>2 Pax</span>\n                        </div>\n                        <div class=\"suites__service\">\n                            <svg\n                                aria-hidden=\"true\"\n                                focusable=\"false\"\n                                width=\"18\"\n                                height=\"19\"\n                            >\n                                <use href=\"#size\"></use>\n                            </svg>\n                            <span>100m2</span>\n                        </div>\n                        <div class=\"suites__service\">\n                            <svg\n                                aria-hidden=\"true\"\n                                focusable=\"false\"\n                                width=\"27\"\n                                height=\"19\"\n                            >\n                                <use href=\"#bed\"></use>\n                            </svg>\n                            <span>Matrimonio</span>\n                        </div>\n                    </div>\n                    <div class=\"suites__paragraph\">\n                        <p>\n                            It is a long established fact that a in reader will\n                            be distracted by the readable content of a page when\n                            looking at its layout the point of using Lorem Ipsum\n                            is that it has a more.\n                        </p>\n                    </div>\n                    <div class=\"btn__group\">\n                        <a href=\"\" class=\"btn btn__primary\"\n                            ><span>RESERVAR</span></a\n                        >\n                        <a href=\"\" class=\"btn btn__primary--outline\"\n                            ><span>m\u00E1s informaci\u00F3n</span></a\n                        >\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroListGeneralComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-puro-list-general', standalone: true, imports: [], template: "<p>puro-list-general works!</p>\n" }]
-        }] });
+            args: [{ selector: 'lib-puro-list-general', standalone: true, imports: [CommonModule, PuroLinkTypeDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"suites suites__list\">\n    <span class=\"suites__title\">habitaciones</span>\n    <div class=\"suites__container\">\n        <div\n            class=\"suites__item js-active-slider\"\n            [ngClass]=\"{ 'image--right': reverse }\"\n            data-slides_infinite=\"true\"\n            data-slider_name=\"js-photo-slider\"\n            data-slider_showbtns=\"true\"\n            data-slider_showdots=\"false\"\n            data-slider_fade=\"true\"\n            data-slider_autoplay=\"false\"\n            data-slides_pc=\"1\"\n        >\n            <div class=\"suites__graphic relative\">\n                <div class=\"js-photo-slider\">\n                    <div>\n                        <img\n                            src=\"images/img-48.png\"\n                            width=\"789\"\n                            class=\"suites__graphic--img\"\n                            height=\"748\"\n                        />\n                    </div>\n                    <div>\n                        <img\n                            src=\"images/img-48.png\"\n                            width=\"789\"\n                            class=\"suites__graphic--img\"\n                            height=\"748\"\n                        />\n                    </div>\n                </div>\n                <div class=\"js-slider-arrows\"></div>\n            </div>\n            <div class=\"suites__content\">\n                <div>\n                    <h2 class=\"suites__heading\">Suite Junior Deluxe</h2>\n                    <div class=\"suites__slider withOutSlider\">\n                        <div class=\"suites__service\">\n                            <svg\n                                aria-hidden=\"true\"\n                                focusable=\"false\"\n                                width=\"25\"\n                                height=\"18\"\n                            >\n                                <use href=\"#user-group\"></use>\n                            </svg>\n                            <span>2 Pax</span>\n                        </div>\n                        <div class=\"suites__service\">\n                            <svg\n                                aria-hidden=\"true\"\n                                focusable=\"false\"\n                                width=\"18\"\n                                height=\"19\"\n                            >\n                                <use href=\"#size\"></use>\n                            </svg>\n                            <span>100m2</span>\n                        </div>\n                        <div class=\"suites__service\">\n                            <svg\n                                aria-hidden=\"true\"\n                                focusable=\"false\"\n                                width=\"27\"\n                                height=\"19\"\n                            >\n                                <use href=\"#bed\"></use>\n                            </svg>\n                            <span>Matrimonio</span>\n                        </div>\n                    </div>\n                    <div class=\"suites__paragraph\">\n                        <p>\n                            It is a long established fact that a in reader will\n                            be distracted by the readable content of a page when\n                            looking at its layout the point of using Lorem Ipsum\n                            is that it has a more.\n                        </p>\n                    </div>\n                    <div class=\"btn__group\">\n                        <a href=\"\" class=\"btn btn__primary\"\n                            ><span>RESERVAR</span></a\n                        >\n                        <a href=\"\" class=\"btn btn__primary--outline\"\n                            ><span>m\u00E1s informaci\u00F3n</span></a\n                        >\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>\n" }]
+        }], propDecorators: { reverse: [{
+                type: Input
+            }] } });
 
 class PuroListLogosComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroListLogosComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
@@ -1146,12 +1148,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
 
 class PuroOffersSliderComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroOffersSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroOffersSliderComponent, isStandalone: true, selector: "lib-puro-offers-slider", ngImport: i0, template: "<p>puro-offers-slider works!</p>\n", styles: [""] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroOffersSliderComponent, isStandalone: true, selector: "lib-puro-offers-slider", inputs: { title: "title", items: "items" }, ngImport: i0, template: "<section\n    class=\"offers js-active-slider\"\n    data-slides_infinite=\"true\"\n    data-slider_name=\"js-offers-slider\"\n    data-slider_showbtns=\"true\"\n    data-slider_showdots=\"false\"\n    data-slider_fade=\"false\"\n    data-slider_autoplay=\"false\"\n    data-slides_pc=\"2\"\n    data-slides_laptop=\"2\"\n    data-slides_tablet=\"2\"\n    data-slides_mobile=\"1\"\n    data-slides_mobile_small=\"1\"\n    data-slides_mobile_xsmall=\"1\"\n>\n    <div class=\"offers__inner relative\">\n        <div class=\"offers__container\">\n            @if (title) {\n                <span class=\"offers__title\">{{ title }}</span>\n            }\n            <div class=\"js-offers-slider offers__slider js-slider_fix-arrows\">\n                @for (item of items; track $index) {\n                    <div class=\"offers__box\">\n                        <div class=\"offers__graphic js-slider_fix-arrows-zone\">\n                            @if (item.img) {\n                                <img\n                                    [src]=\"item.img.src\"\n                                    width=\"\"\n                                    height=\"\"\n                                    class=\"offers__graphic--img\"\n                                />\n                            }\n                        </div>\n                        <div class=\"offers__content\">\n                            @if (item.tag) {\n                                <span class=\"offers__label\">{{\n                                    item.tag\n                                }}</span>\n                            }\n                            @if (item.title) {\n                                <h2 class=\"offers__heading\">\n                                    {{ item.title }}\n                                </h2>\n                            }\n                            @if (item.subtitle) {\n                                <p class=\"offers__subHeading\">\n                                    {{ item.subtitle }}\n                                </p>\n                            }\n                            @if (item.buttons) {\n                                <div class=\"btn__group\">\n                                    @for (\n                                        button of item.buttons;\n                                        track $index\n                                    ) {\n                                        <a\n                                            [href]=\"button.url\"\n                                            [linkType]=\"button.linkType\"\n                                            class=\"btn\"\n                                            [ngClass]=\"{\n                                                'btn__primary--outline':\n                                                    $index === 0,\n                                                btn__primary: $index === 1,\n                                            }\"\n                                            >{{ button.label }}</a\n                                        >\n                                    }\n                                </div>\n                            }\n                        </div>\n                    </div>\n                }\n            </div>\n            <div class=\"js-slider-arrows\"></div>\n        </div>\n    </div>\n</section>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: PuroLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroOffersSliderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-puro-offers-slider', standalone: true, imports: [], template: "<p>puro-offers-slider works!</p>\n" }]
-        }] });
+            args: [{ selector: 'lib-puro-offers-slider', standalone: true, imports: [CommonModule, PuroLinkTypeDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section\n    class=\"offers js-active-slider\"\n    data-slides_infinite=\"true\"\n    data-slider_name=\"js-offers-slider\"\n    data-slider_showbtns=\"true\"\n    data-slider_showdots=\"false\"\n    data-slider_fade=\"false\"\n    data-slider_autoplay=\"false\"\n    data-slides_pc=\"2\"\n    data-slides_laptop=\"2\"\n    data-slides_tablet=\"2\"\n    data-slides_mobile=\"1\"\n    data-slides_mobile_small=\"1\"\n    data-slides_mobile_xsmall=\"1\"\n>\n    <div class=\"offers__inner relative\">\n        <div class=\"offers__container\">\n            @if (title) {\n                <span class=\"offers__title\">{{ title }}</span>\n            }\n            <div class=\"js-offers-slider offers__slider js-slider_fix-arrows\">\n                @for (item of items; track $index) {\n                    <div class=\"offers__box\">\n                        <div class=\"offers__graphic js-slider_fix-arrows-zone\">\n                            @if (item.img) {\n                                <img\n                                    [src]=\"item.img.src\"\n                                    width=\"\"\n                                    height=\"\"\n                                    class=\"offers__graphic--img\"\n                                />\n                            }\n                        </div>\n                        <div class=\"offers__content\">\n                            @if (item.tag) {\n                                <span class=\"offers__label\">{{\n                                    item.tag\n                                }}</span>\n                            }\n                            @if (item.title) {\n                                <h2 class=\"offers__heading\">\n                                    {{ item.title }}\n                                </h2>\n                            }\n                            @if (item.subtitle) {\n                                <p class=\"offers__subHeading\">\n                                    {{ item.subtitle }}\n                                </p>\n                            }\n                            @if (item.buttons) {\n                                <div class=\"btn__group\">\n                                    @for (\n                                        button of item.buttons;\n                                        track $index\n                                    ) {\n                                        <a\n                                            [href]=\"button.url\"\n                                            [linkType]=\"button.linkType\"\n                                            class=\"btn\"\n                                            [ngClass]=\"{\n                                                'btn__primary--outline':\n                                                    $index === 0,\n                                                btn__primary: $index === 1,\n                                            }\"\n                                            >{{ button.label }}</a\n                                        >\n                                    }\n                                </div>\n                            }\n                        </div>\n                    </div>\n                }\n            </div>\n            <div class=\"js-slider-arrows\"></div>\n        </div>\n    </div>\n</section>\n" }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], items: [{
+                type: Input
+            }] } });
 
 class PuroPhotoSliderComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroPhotoSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }