ctt-puro 0.18.8 → 0.18.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -5,14 +5,14 @@ import * as i0 from "@angular/core";
|
|
|
5
5
|
import * as i1 from "@angular/common";
|
|
6
6
|
export class PuroListGeneralComponent {
|
|
7
7
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroListGeneralComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroListGeneralComponent, isStandalone: true, selector: "lib-puro-list-general", inputs: { title: "title", items: "items" }, ngImport: i0, template: "<section class=\"suites suites__list\">\r\n @if (title) {\r\n <span class=\"suites__title\">{{ title }}</span>\r\n }\r\n\r\n <div class=\"suites__container\">\r\n @for (item of items; track $index) {\r\n <div\r\n class=\"suites__item js-active-slider\"\r\n [ngClass]=\"{ 'image--right': $index % 2 !== 0 }\"\r\n data-slides_infinite=\"true\"\r\n [puroSlider]=\"items\"\r\n data-slider_name=\"js-photo-slider\"\r\n data-slider_showbtns=\"true\"\r\n data-slider_showdots=\"false\"\r\n data-slider_fade=\"true\"\r\n data-slider_autoplay=\"false\"\r\n data-slides_pc=\"1\"\r\n >\r\n <div class=\"suites__graphic relative\">\r\n <div class=\"js-photo-slider\">\r\n @for (image of item.images; track $index) {\r\n <div>\r\n <img\r\n [src]=\"image.src\"\r\n width=\"789\"\r\n class=\"suites__graphic--img\"\r\n height=\"748\"\r\n [alt]=\"image.alt\"\r\n />\r\n </div>\r\n }\r\n </div>\r\n <div class=\"js-slider-arrows\"></div>\r\n </div>\r\n <div class=\"suites__content\">\r\n <div>\r\n @if (item.title) {\r\n <h2 class=\"suites__heading\">{{ item.title }}</h2>\r\n }\r\n <div class=\"suites__slider withOutSlider\">\r\n @for (equipment of item.equipment; track $index) {\r\n <div class=\"suites__service\">\r\n <svg\r\n aria-hidden=\"true\"\r\n focusable=\"false\"\r\n width=\"50\"\r\n height=\"40\"\r\n [ngClass]=\"equipment.icon\"\r\n ></svg>\r\n <span>{{ equipment.text }}</span>\r\n </div>\r\n }\r\n </div>\r\n @if (item.description) {\r\n <div class=\"suites__paragraph\">\r\n <p
|
|
8
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroListGeneralComponent, isStandalone: true, selector: "lib-puro-list-general", inputs: { title: "title", items: "items" }, ngImport: i0, template: "<section class=\"suites suites__list\">\r\n @if (title) {\r\n <span class=\"suites__title\">{{ title }}</span>\r\n }\r\n\r\n <div class=\"suites__container\">\r\n @for (item of items; track $index) {\r\n <div\r\n class=\"suites__item js-active-slider\"\r\n [ngClass]=\"{ 'image--right': $index % 2 !== 0 }\"\r\n data-slides_infinite=\"true\"\r\n [puroSlider]=\"items\"\r\n data-slider_name=\"js-photo-slider\"\r\n data-slider_showbtns=\"true\"\r\n data-slider_showdots=\"false\"\r\n data-slider_fade=\"true\"\r\n data-slider_autoplay=\"false\"\r\n data-slides_pc=\"1\"\r\n >\r\n <div class=\"suites__graphic relative\">\r\n <div class=\"js-photo-slider\">\r\n @for (image of item.images; track $index) {\r\n <div>\r\n <img\r\n [src]=\"image.src\"\r\n width=\"789\"\r\n class=\"suites__graphic--img\"\r\n height=\"748\"\r\n [alt]=\"image.alt\"\r\n />\r\n </div>\r\n }\r\n </div>\r\n <div class=\"js-slider-arrows\"></div>\r\n </div>\r\n <div class=\"suites__content\">\r\n <div>\r\n @if (item.title) {\r\n <h2 class=\"suites__heading\">{{ item.title }}</h2>\r\n }\r\n <div class=\"suites__slider withOutSlider\">\r\n @for (equipment of item.equipment; track $index) {\r\n <div class=\"suites__service\">\r\n <svg\r\n aria-hidden=\"true\"\r\n focusable=\"false\"\r\n width=\"50\"\r\n height=\"40\"\r\n [ngClass]=\"equipment.icon\"\r\n ></svg>\r\n <span>{{ equipment.text }}</span>\r\n </div>\r\n }\r\n </div>\r\n @if (item.description) {\r\n <div class=\"suites__paragraph\">\r\n <p [innerHTML]=\"item.description\"></p>\r\n </div>\r\n }\r\n <div class=\"btn__group\">\r\n @for (button of item.buttons; track $index) {\r\n <a\r\n [href]=\"button.url\"\r\n [linkType]=\"button.linkType\"\r\n class=\"btn\"\r\n [ngClass]=\"{\r\n btn__primary: $index === 1,\r\n 'btn__primary--outline': $index === 0,\r\n }\"\r\n >\r\n <span>{{ button.label }}</span>\r\n </a>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n</section>\r\n", styles: ["svg{background-color:var(--cl-title);max-height:unset!important}.suites__slider{row-gap:2rem;flex-wrap:wrap}.suites__service{flex:1 0 33.3333333333%}@media (max-width: 480px){.suites_service+.suites_service:nth-child(2n):before{display:none}}@media (min-width: 480px) and (max-width: 1024px){.suites_service+.suites_service:nth-child(3n):before{display:none}}@media (min-width: 1024px) and (max-width: 1680px){.suites_service+.suites_service:nth-child(odd):before{display:none}}@media (min-width: 1680px){.suites_service+.suites_service:nth-child(3n):before{display:none}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: PuroLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href"], outputs: ["bookClick"] }, { kind: "directive", type: PuroSliderDirective, selector: "[puroSlider]", inputs: ["puroSlider"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9
9
|
}
|
|
10
10
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroListGeneralComponent, decorators: [{
|
|
11
11
|
type: Component,
|
|
12
|
-
args: [{ selector: 'lib-puro-list-general', standalone: true, imports: [CommonModule, PuroLinkTypeDirective, PuroSliderDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"suites suites__list\">\r\n @if (title) {\r\n <span class=\"suites__title\">{{ title }}</span>\r\n }\r\n\r\n <div class=\"suites__container\">\r\n @for (item of items; track $index) {\r\n <div\r\n class=\"suites__item js-active-slider\"\r\n [ngClass]=\"{ 'image--right': $index % 2 !== 0 }\"\r\n data-slides_infinite=\"true\"\r\n [puroSlider]=\"items\"\r\n data-slider_name=\"js-photo-slider\"\r\n data-slider_showbtns=\"true\"\r\n data-slider_showdots=\"false\"\r\n data-slider_fade=\"true\"\r\n data-slider_autoplay=\"false\"\r\n data-slides_pc=\"1\"\r\n >\r\n <div class=\"suites__graphic relative\">\r\n <div class=\"js-photo-slider\">\r\n @for (image of item.images; track $index) {\r\n <div>\r\n <img\r\n [src]=\"image.src\"\r\n width=\"789\"\r\n class=\"suites__graphic--img\"\r\n height=\"748\"\r\n [alt]=\"image.alt\"\r\n />\r\n </div>\r\n }\r\n </div>\r\n <div class=\"js-slider-arrows\"></div>\r\n </div>\r\n <div class=\"suites__content\">\r\n <div>\r\n @if (item.title) {\r\n <h2 class=\"suites__heading\">{{ item.title }}</h2>\r\n }\r\n <div class=\"suites__slider withOutSlider\">\r\n @for (equipment of item.equipment; track $index) {\r\n <div class=\"suites__service\">\r\n <svg\r\n aria-hidden=\"true\"\r\n focusable=\"false\"\r\n width=\"50\"\r\n height=\"40\"\r\n [ngClass]=\"equipment.icon\"\r\n ></svg>\r\n <span>{{ equipment.text }}</span>\r\n </div>\r\n }\r\n </div>\r\n @if (item.description) {\r\n <div class=\"suites__paragraph\">\r\n <p
|
|
12
|
+
args: [{ selector: 'lib-puro-list-general', standalone: true, imports: [CommonModule, PuroLinkTypeDirective, PuroSliderDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"suites suites__list\">\r\n @if (title) {\r\n <span class=\"suites__title\">{{ title }}</span>\r\n }\r\n\r\n <div class=\"suites__container\">\r\n @for (item of items; track $index) {\r\n <div\r\n class=\"suites__item js-active-slider\"\r\n [ngClass]=\"{ 'image--right': $index % 2 !== 0 }\"\r\n data-slides_infinite=\"true\"\r\n [puroSlider]=\"items\"\r\n data-slider_name=\"js-photo-slider\"\r\n data-slider_showbtns=\"true\"\r\n data-slider_showdots=\"false\"\r\n data-slider_fade=\"true\"\r\n data-slider_autoplay=\"false\"\r\n data-slides_pc=\"1\"\r\n >\r\n <div class=\"suites__graphic relative\">\r\n <div class=\"js-photo-slider\">\r\n @for (image of item.images; track $index) {\r\n <div>\r\n <img\r\n [src]=\"image.src\"\r\n width=\"789\"\r\n class=\"suites__graphic--img\"\r\n height=\"748\"\r\n [alt]=\"image.alt\"\r\n />\r\n </div>\r\n }\r\n </div>\r\n <div class=\"js-slider-arrows\"></div>\r\n </div>\r\n <div class=\"suites__content\">\r\n <div>\r\n @if (item.title) {\r\n <h2 class=\"suites__heading\">{{ item.title }}</h2>\r\n }\r\n <div class=\"suites__slider withOutSlider\">\r\n @for (equipment of item.equipment; track $index) {\r\n <div class=\"suites__service\">\r\n <svg\r\n aria-hidden=\"true\"\r\n focusable=\"false\"\r\n width=\"50\"\r\n height=\"40\"\r\n [ngClass]=\"equipment.icon\"\r\n ></svg>\r\n <span>{{ equipment.text }}</span>\r\n </div>\r\n }\r\n </div>\r\n @if (item.description) {\r\n <div class=\"suites__paragraph\">\r\n <p [innerHTML]=\"item.description\"></p>\r\n </div>\r\n }\r\n <div class=\"btn__group\">\r\n @for (button of item.buttons; track $index) {\r\n <a\r\n [href]=\"button.url\"\r\n [linkType]=\"button.linkType\"\r\n class=\"btn\"\r\n [ngClass]=\"{\r\n btn__primary: $index === 1,\r\n 'btn__primary--outline': $index === 0,\r\n }\"\r\n >\r\n <span>{{ button.label }}</span>\r\n </a>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n</section>\r\n", styles: ["svg{background-color:var(--cl-title);max-height:unset!important}.suites__slider{row-gap:2rem;flex-wrap:wrap}.suites__service{flex:1 0 33.3333333333%}@media (max-width: 480px){.suites_service+.suites_service:nth-child(2n):before{display:none}}@media (min-width: 480px) and (max-width: 1024px){.suites_service+.suites_service:nth-child(3n):before{display:none}}@media (min-width: 1024px) and (max-width: 1680px){.suites_service+.suites_service:nth-child(odd):before{display:none}}@media (min-width: 1680px){.suites_service+.suites_service:nth-child(3n):before{display:none}}\n"] }]
|
|
13
13
|
}], propDecorators: { title: [{
|
|
14
14
|
type: Input
|
|
15
15
|
}], items: [{
|
|
16
16
|
type: Input
|
|
17
17
|
}] } });
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVyby1saXN0LWdlbmVyYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHVyby9zcmMvbGliL2NvbXBvbmVudHMvcHVyby1saXN0LWdlbmVyYWwvcHVyby1saXN0LWdlbmVyYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHVyby9zcmMvbGliL2NvbXBvbmVudHMvcHVyby1saXN0LWdlbmVyYWwvcHVyby1saXN0LWdlbmVyYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGtCQUFrQixDQUFDOzs7QUFXOUUsTUFBTSxPQUFPLHdCQUF3QjsrR0FBeEIsd0JBQXdCO21HQUF4Qix3QkFBd0IsNkhDYnJDLG90SEFnRkEsdW5CRHhFYyxZQUFZLDZIQUFFLHFCQUFxQiw2R0FBRSxtQkFBbUI7OzRGQUt6RCx3QkFBd0I7a0JBUnBDLFNBQVM7K0JBQ0ksdUJBQXVCLGNBQ3JCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxxQkFBcUIsRUFBRSxtQkFBbUIsQ0FBQyxtQkFHbEQsdUJBQXVCLENBQUMsTUFBTTs4QkFHdEMsS0FBSztzQkFBYixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFB1cm9MaW5rVHlwZURpcmVjdGl2ZSwgUHVyb1NsaWRlckRpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMnO1xyXG5pbXBvcnQgeyBQdXJvQnV0dG9uSSwgUHVyb0ltYWdlSSB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ2xpYi1wdXJvLWxpc3QtZ2VuZXJhbCcsXHJcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gICAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgUHVyb0xpbmtUeXBlRGlyZWN0aXZlLCBQdXJvU2xpZGVyRGlyZWN0aXZlXSxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9wdXJvLWxpc3QtZ2VuZXJhbC5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybDogJy4vcHVyby1saXN0LWdlbmVyYWwuY29tcG9uZW50LnNjc3MnLFxyXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBQdXJvTGlzdEdlbmVyYWxDb21wb25lbnQge1xyXG4gICAgQElucHV0KCkgdGl0bGU/OiBzdHJpbmc7XHJcbiAgICBASW5wdXQoKSBpdGVtcz86IFB1cm9MaXN0R2VuZXJhbEl0ZW1bXTtcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBQdXJvTGlzdEdlbmVyYWxJdGVtIHtcclxuICAgIHRpdGxlPzogc3RyaW5nO1xyXG4gICAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XHJcbiAgICBsb2dvPzogUHVyb0ltYWdlSTtcclxuICAgIGltYWdlcz86IFB1cm9JbWFnZUlbXTtcclxuICAgIGVxdWlwbWVudD86IHsgaWNvbj86IHN0cmluZzsgdGV4dD86IHN0cmluZyB9W107XHJcbiAgICBidXR0b25zPzogUHVyb0J1dHRvbklbXTtcclxufVxyXG4iLCI8c2VjdGlvbiBjbGFzcz1cInN1aXRlcyBzdWl0ZXNfX2xpc3RcIj5cclxuICAgIEBpZiAodGl0bGUpIHtcclxuICAgICAgICA8c3BhbiBjbGFzcz1cInN1aXRlc19fdGl0bGVcIj57eyB0aXRsZSB9fTwvc3Bhbj5cclxuICAgIH1cclxuXHJcbiAgICA8ZGl2IGNsYXNzPVwic3VpdGVzX19jb250YWluZXJcIj5cclxuICAgICAgICBAZm9yIChpdGVtIG9mIGl0ZW1zOyB0cmFjayAkaW5kZXgpIHtcclxuICAgICAgICAgICAgPGRpdlxyXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJzdWl0ZXNfX2l0ZW0ganMtYWN0aXZlLXNsaWRlclwiXHJcbiAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7ICdpbWFnZS0tcmlnaHQnOiAkaW5kZXggJSAyICE9PSAwIH1cIlxyXG4gICAgICAgICAgICAgICAgZGF0YS1zbGlkZXNfaW5maW5pdGU9XCJ0cnVlXCJcclxuICAgICAgICAgICAgICAgIFtwdXJvU2xpZGVyXT1cIml0ZW1zXCJcclxuICAgICAgICAgICAgICAgIGRhdGEtc2xpZGVyX25hbWU9XCJqcy1waG90by1zbGlkZXJcIlxyXG4gICAgICAgICAgICAgICAgZGF0YS1zbGlkZXJfc2hvd2J0bnM9XCJ0cnVlXCJcclxuICAgICAgICAgICAgICAgIGRhdGEtc2xpZGVyX3Nob3dkb3RzPVwiZmFsc2VcIlxyXG4gICAgICAgICAgICAgICAgZGF0YS1zbGlkZXJfZmFkZT1cInRydWVcIlxyXG4gICAgICAgICAgICAgICAgZGF0YS1zbGlkZXJfYXV0b3BsYXk9XCJmYWxzZVwiXHJcbiAgICAgICAgICAgICAgICBkYXRhLXNsaWRlc19wYz1cIjFcIlxyXG4gICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic3VpdGVzX19ncmFwaGljIHJlbGF0aXZlXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImpzLXBob3RvLXNsaWRlclwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBAZm9yIChpbWFnZSBvZiBpdGVtLmltYWdlczsgdHJhY2sgJGluZGV4KSB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbWdcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3NyY109XCJpbWFnZS5zcmNcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB3aWR0aD1cIjc4OVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwic3VpdGVzX19ncmFwaGljLS1pbWdcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBoZWlnaHQ9XCI3NDhcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbYWx0XT1cImltYWdlLmFsdFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImpzLXNsaWRlci1hcnJvd3NcIj48L2Rpdj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInN1aXRlc19fY29udGVudFwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIEBpZiAoaXRlbS50aXRsZSkge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGgyIGNsYXNzPVwic3VpdGVzX19oZWFkaW5nXCI+e3sgaXRlbS50aXRsZSB9fTwvaDI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInN1aXRlc19fc2xpZGVyIHdpdGhPdXRTbGlkZXJcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIEBmb3IgKGVxdWlwbWVudCBvZiBpdGVtLmVxdWlwbWVudDsgdHJhY2sgJGluZGV4KSB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInN1aXRlc19fc2VydmljZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3ZnXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZm9jdXNhYmxlPVwiZmFsc2VcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg9XCI1MFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBoZWlnaHQ9XCI0MFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJlcXVpcG1lbnQuaWNvblwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID48L3N2Zz5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4+e3sgZXF1aXBtZW50LnRleHQgfX08L3NwYW4+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBAaWYgKGl0ZW0uZGVzY3JpcHRpb24pIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzdWl0ZXNfX3BhcmFncmFwaFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwIFtpbm5lckhUTUxdPVwiaXRlbS5kZXNjcmlwdGlvblwiPjwvcD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJidG5fX2dyb3VwXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBAZm9yIChidXR0b24gb2YgaXRlbS5idXR0b25zOyB0cmFjayAkaW5kZXgpIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8YVxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbaHJlZl09XCJidXR0b24udXJsXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2xpbmtUeXBlXT1cImJ1dHRvbi5saW5rVHlwZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiYnRuXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwie1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgYnRuX19wcmltYXJ5OiAkaW5kZXggPT09IDEsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAnYnRuX19wcmltYXJ5LS1vdXRsaW5lJzogJGluZGV4ID09PSAwLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuPnt7IGJ1dHRvbi5sYWJlbCB9fTwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2E+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIH1cclxuICAgIDwvZGl2PlxyXG48L3NlY3Rpb24+XHJcbiJdfQ==
|
package/fesm2022/ctt-puro.mjs
CHANGED
|
@@ -1734,11 +1734,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1734
1734
|
|
|
1735
1735
|
class PuroListGeneralComponent {
|
|
1736
1736
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroListGeneralComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1737
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroListGeneralComponent, isStandalone: true, selector: "lib-puro-list-general", inputs: { title: "title", items: "items" }, ngImport: i0, template: "<section class=\"suites suites__list\">\r\n @if (title) {\r\n <span class=\"suites__title\">{{ title }}</span>\r\n }\r\n\r\n <div class=\"suites__container\">\r\n @for (item of items; track $index) {\r\n <div\r\n class=\"suites__item js-active-slider\"\r\n [ngClass]=\"{ 'image--right': $index % 2 !== 0 }\"\r\n data-slides_infinite=\"true\"\r\n [puroSlider]=\"items\"\r\n data-slider_name=\"js-photo-slider\"\r\n data-slider_showbtns=\"true\"\r\n data-slider_showdots=\"false\"\r\n data-slider_fade=\"true\"\r\n data-slider_autoplay=\"false\"\r\n data-slides_pc=\"1\"\r\n >\r\n <div class=\"suites__graphic relative\">\r\n <div class=\"js-photo-slider\">\r\n @for (image of item.images; track $index) {\r\n <div>\r\n <img\r\n [src]=\"image.src\"\r\n width=\"789\"\r\n class=\"suites__graphic--img\"\r\n height=\"748\"\r\n [alt]=\"image.alt\"\r\n />\r\n </div>\r\n }\r\n </div>\r\n <div class=\"js-slider-arrows\"></div>\r\n </div>\r\n <div class=\"suites__content\">\r\n <div>\r\n @if (item.title) {\r\n <h2 class=\"suites__heading\">{{ item.title }}</h2>\r\n }\r\n <div class=\"suites__slider withOutSlider\">\r\n @for (equipment of item.equipment; track $index) {\r\n <div class=\"suites__service\">\r\n <svg\r\n aria-hidden=\"true\"\r\n focusable=\"false\"\r\n width=\"50\"\r\n height=\"40\"\r\n [ngClass]=\"equipment.icon\"\r\n ></svg>\r\n <span>{{ equipment.text }}</span>\r\n </div>\r\n }\r\n </div>\r\n @if (item.description) {\r\n <div class=\"suites__paragraph\">\r\n <p
|
|
1737
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroListGeneralComponent, isStandalone: true, selector: "lib-puro-list-general", inputs: { title: "title", items: "items" }, ngImport: i0, template: "<section class=\"suites suites__list\">\r\n @if (title) {\r\n <span class=\"suites__title\">{{ title }}</span>\r\n }\r\n\r\n <div class=\"suites__container\">\r\n @for (item of items; track $index) {\r\n <div\r\n class=\"suites__item js-active-slider\"\r\n [ngClass]=\"{ 'image--right': $index % 2 !== 0 }\"\r\n data-slides_infinite=\"true\"\r\n [puroSlider]=\"items\"\r\n data-slider_name=\"js-photo-slider\"\r\n data-slider_showbtns=\"true\"\r\n data-slider_showdots=\"false\"\r\n data-slider_fade=\"true\"\r\n data-slider_autoplay=\"false\"\r\n data-slides_pc=\"1\"\r\n >\r\n <div class=\"suites__graphic relative\">\r\n <div class=\"js-photo-slider\">\r\n @for (image of item.images; track $index) {\r\n <div>\r\n <img\r\n [src]=\"image.src\"\r\n width=\"789\"\r\n class=\"suites__graphic--img\"\r\n height=\"748\"\r\n [alt]=\"image.alt\"\r\n />\r\n </div>\r\n }\r\n </div>\r\n <div class=\"js-slider-arrows\"></div>\r\n </div>\r\n <div class=\"suites__content\">\r\n <div>\r\n @if (item.title) {\r\n <h2 class=\"suites__heading\">{{ item.title }}</h2>\r\n }\r\n <div class=\"suites__slider withOutSlider\">\r\n @for (equipment of item.equipment; track $index) {\r\n <div class=\"suites__service\">\r\n <svg\r\n aria-hidden=\"true\"\r\n focusable=\"false\"\r\n width=\"50\"\r\n height=\"40\"\r\n [ngClass]=\"equipment.icon\"\r\n ></svg>\r\n <span>{{ equipment.text }}</span>\r\n </div>\r\n }\r\n </div>\r\n @if (item.description) {\r\n <div class=\"suites__paragraph\">\r\n <p [innerHTML]=\"item.description\"></p>\r\n </div>\r\n }\r\n <div class=\"btn__group\">\r\n @for (button of item.buttons; track $index) {\r\n <a\r\n [href]=\"button.url\"\r\n [linkType]=\"button.linkType\"\r\n class=\"btn\"\r\n [ngClass]=\"{\r\n btn__primary: $index === 1,\r\n 'btn__primary--outline': $index === 0,\r\n }\"\r\n >\r\n <span>{{ button.label }}</span>\r\n </a>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n</section>\r\n", styles: ["svg{background-color:var(--cl-title);max-height:unset!important}.suites__slider{row-gap:2rem;flex-wrap:wrap}.suites__service{flex:1 0 33.3333333333%}@media (max-width: 480px){.suites_service+.suites_service:nth-child(2n):before{display:none}}@media (min-width: 480px) and (max-width: 1024px){.suites_service+.suites_service:nth-child(3n):before{display:none}}@media (min-width: 1024px) and (max-width: 1680px){.suites_service+.suites_service:nth-child(odd):before{display:none}}@media (min-width: 1680px){.suites_service+.suites_service:nth-child(3n):before{display:none}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: PuroLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href"], outputs: ["bookClick"] }, { kind: "directive", type: PuroSliderDirective, selector: "[puroSlider]", inputs: ["puroSlider"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1738
1738
|
}
|
|
1739
1739
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroListGeneralComponent, decorators: [{
|
|
1740
1740
|
type: Component,
|
|
1741
|
-
args: [{ selector: 'lib-puro-list-general', standalone: true, imports: [CommonModule, PuroLinkTypeDirective, PuroSliderDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"suites suites__list\">\r\n @if (title) {\r\n <span class=\"suites__title\">{{ title }}</span>\r\n }\r\n\r\n <div class=\"suites__container\">\r\n @for (item of items; track $index) {\r\n <div\r\n class=\"suites__item js-active-slider\"\r\n [ngClass]=\"{ 'image--right': $index % 2 !== 0 }\"\r\n data-slides_infinite=\"true\"\r\n [puroSlider]=\"items\"\r\n data-slider_name=\"js-photo-slider\"\r\n data-slider_showbtns=\"true\"\r\n data-slider_showdots=\"false\"\r\n data-slider_fade=\"true\"\r\n data-slider_autoplay=\"false\"\r\n data-slides_pc=\"1\"\r\n >\r\n <div class=\"suites__graphic relative\">\r\n <div class=\"js-photo-slider\">\r\n @for (image of item.images; track $index) {\r\n <div>\r\n <img\r\n [src]=\"image.src\"\r\n width=\"789\"\r\n class=\"suites__graphic--img\"\r\n height=\"748\"\r\n [alt]=\"image.alt\"\r\n />\r\n </div>\r\n }\r\n </div>\r\n <div class=\"js-slider-arrows\"></div>\r\n </div>\r\n <div class=\"suites__content\">\r\n <div>\r\n @if (item.title) {\r\n <h2 class=\"suites__heading\">{{ item.title }}</h2>\r\n }\r\n <div class=\"suites__slider withOutSlider\">\r\n @for (equipment of item.equipment; track $index) {\r\n <div class=\"suites__service\">\r\n <svg\r\n aria-hidden=\"true\"\r\n focusable=\"false\"\r\n width=\"50\"\r\n height=\"40\"\r\n [ngClass]=\"equipment.icon\"\r\n ></svg>\r\n <span>{{ equipment.text }}</span>\r\n </div>\r\n }\r\n </div>\r\n @if (item.description) {\r\n <div class=\"suites__paragraph\">\r\n <p
|
|
1741
|
+
args: [{ selector: 'lib-puro-list-general', standalone: true, imports: [CommonModule, PuroLinkTypeDirective, PuroSliderDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"suites suites__list\">\r\n @if (title) {\r\n <span class=\"suites__title\">{{ title }}</span>\r\n }\r\n\r\n <div class=\"suites__container\">\r\n @for (item of items; track $index) {\r\n <div\r\n class=\"suites__item js-active-slider\"\r\n [ngClass]=\"{ 'image--right': $index % 2 !== 0 }\"\r\n data-slides_infinite=\"true\"\r\n [puroSlider]=\"items\"\r\n data-slider_name=\"js-photo-slider\"\r\n data-slider_showbtns=\"true\"\r\n data-slider_showdots=\"false\"\r\n data-slider_fade=\"true\"\r\n data-slider_autoplay=\"false\"\r\n data-slides_pc=\"1\"\r\n >\r\n <div class=\"suites__graphic relative\">\r\n <div class=\"js-photo-slider\">\r\n @for (image of item.images; track $index) {\r\n <div>\r\n <img\r\n [src]=\"image.src\"\r\n width=\"789\"\r\n class=\"suites__graphic--img\"\r\n height=\"748\"\r\n [alt]=\"image.alt\"\r\n />\r\n </div>\r\n }\r\n </div>\r\n <div class=\"js-slider-arrows\"></div>\r\n </div>\r\n <div class=\"suites__content\">\r\n <div>\r\n @if (item.title) {\r\n <h2 class=\"suites__heading\">{{ item.title }}</h2>\r\n }\r\n <div class=\"suites__slider withOutSlider\">\r\n @for (equipment of item.equipment; track $index) {\r\n <div class=\"suites__service\">\r\n <svg\r\n aria-hidden=\"true\"\r\n focusable=\"false\"\r\n width=\"50\"\r\n height=\"40\"\r\n [ngClass]=\"equipment.icon\"\r\n ></svg>\r\n <span>{{ equipment.text }}</span>\r\n </div>\r\n }\r\n </div>\r\n @if (item.description) {\r\n <div class=\"suites__paragraph\">\r\n <p [innerHTML]=\"item.description\"></p>\r\n </div>\r\n }\r\n <div class=\"btn__group\">\r\n @for (button of item.buttons; track $index) {\r\n <a\r\n [href]=\"button.url\"\r\n [linkType]=\"button.linkType\"\r\n class=\"btn\"\r\n [ngClass]=\"{\r\n btn__primary: $index === 1,\r\n 'btn__primary--outline': $index === 0,\r\n }\"\r\n >\r\n <span>{{ button.label }}</span>\r\n </a>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n</section>\r\n", styles: ["svg{background-color:var(--cl-title);max-height:unset!important}.suites__slider{row-gap:2rem;flex-wrap:wrap}.suites__service{flex:1 0 33.3333333333%}@media (max-width: 480px){.suites_service+.suites_service:nth-child(2n):before{display:none}}@media (min-width: 480px) and (max-width: 1024px){.suites_service+.suites_service:nth-child(3n):before{display:none}}@media (min-width: 1024px) and (max-width: 1680px){.suites_service+.suites_service:nth-child(odd):before{display:none}}@media (min-width: 1680px){.suites_service+.suites_service:nth-child(3n):before{display:none}}\n"] }]
|
|
1742
1742
|
}], propDecorators: { title: [{
|
|
1743
1743
|
type: Input
|
|
1744
1744
|
}], items: [{
|