ctt-puro 0.9.0 → 0.9.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/puro-info-list/puro-info-list.component.mjs +4 -4
- package/esm2022/lib/components/puro-info-list/puro-info-list.interface.mjs +1 -1
- package/fesm2022/ctt-puro.mjs +3 -3
- package/fesm2022/ctt-puro.mjs.map +1 -1
- package/lib/components/puro-info-list/puro-info-list.component.d.ts +2 -2
- package/lib/components/puro-info-list/puro-info-list.interface.d.ts +1 -1
- package/package.json +1 -1
|
@@ -3,11 +3,11 @@ import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export class PuroInfoListComponent {
|
|
5
5
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroInfoListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroInfoListComponent, isStandalone: true, selector: "lib-puro-info-list", inputs: { img: "img", backgroundImg: "backgroundImg", smallImg: "smallImg", title: "title",
|
|
6
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroInfoListComponent, isStandalone: true, selector: "lib-puro-info-list", inputs: { img: "img", backgroundImg: "backgroundImg", smallImg: "smallImg", title: "title", description: "description", items: "items" }, ngImport: i0, template: "<section class=\"info-list\">\n <div class=\"info-list__wrapper\">\n @if (backgroundImg) {\n <img\n class=\"info-list__image--bg\"\n [src]=\"backgroundImg.src\"\n [alt]=\"backgroundImg.alt\"\n />\n }\n @if (img) {\n <img class=\"info-list__image\" [src]=\"img.src\" [alt]=\"img.alt\" />\n }\n </div>\n\n <div class=\"info-list__content--wrapper\">\n <div class=\"info-list__content\">\n @if (title) {\n <h2 class=\"info-list__title\">{{ title }}</h2>\n }\n @if (description) {\n <p class=\"info-list__description\">\n {{ description }}\n </p>\n }\n <ul class=\"info-list__list\">\n @for (item of items || []; track $index) {\n <li class=\"info-list__item\">\n @if (smallImg) {\n <img\n [src]=\"smallImg.src\"\n [alt]=\"smallImg.alt\"\n class=\"info-list__item__img\"\n />\n }\n <span class=\"info-list__description\">\n {{ item }}\n </span>\n </li>\n }\n </ul>\n </div>\n </div>\n</section>\n", styles: [".info-list{display:flex;justify-content:space-between;flex-direction:column;transition:all .5s;padding-block:3.5rem;padding-inline:4.5rem}@media (min-width: 768px){.info-list{padding-block:6.8rem 5.6rem}}@media (min-width: 1024px){.info-list{padding-block:4.8rem 4rem;padding-inline:0;flex-direction:row}}@media (min-width: 1680px){.info-list{padding-block:7rem 5.3rem}}.info-list>*{flex:1 1 50%}.info-list__content{padding-top:1.5rem;transition:all .5s;text-align:center;padding-inline:4.5rem}.info-list__content--wrapper{display:flex;align-items:center}@media (min-width: 768px){.info-list__content{padding-top:3rem;padding-inline:14.5rem}}@media (min-width: 1024px){.info-list__content{padding-block:4.8rem;padding-inline:8.6rem 8.5rem;text-align:start}}.info-list__title{width:100%;color:#303030;transition:all .5s;margin-bottom:.9rem;font-size:2.8rem;line-height:1.3103571429;letter-spacing:.056rem;padding-bottom:15px}@media (min-width: 540px){.info-list__title{font-size:3.2rem;line-height:1.25;letter-spacing:.064rem}}@media (min-width: 768px){.info-list__title{font-size:4rem;line-height:1.25;letter-spacing:.08rem}}@media (min-width: 1366px){.info-list__title{font-size:5.4rem;line-height:1.2888888889;letter-spacing:.108rem}}@media (min-width: 1680px){.info-list__title{font-size:6.4rem;line-height:.968;letter-spacing:.128rem;margin-bottom:3rem}}.info-list__description{display:inline-block;font-size:1.4rem;line-height:1.7;letter-spacing:.042rem;max-width:93.078%;color:#1e1e1e99}@media (min-width: 768px){.info-list__description{font-size:1.6rem;line-height:1.7;letter-spacing:.048rem}}@media (min-width: 1280px){.info-list__description{font-size:1.8rem;line-height:1.7;letter-spacing:.054rem}}.info-list__wrapper{position:relative;display:flex;justify-content:center}@media (min-width: 1024){.info-list__wrapper{justify-content:flex-end}}@media (min-width: 1280px){.info-list__wrapper{padding-right:40px}}.info-list__image{aspect-ratio:677/813;-o-object-fit:cover;object-fit:cover}.info-list__image--bg{position:absolute;z-index:-1}@media (max-width: 1024px){.info-list__image--bg{display:none}}@media (min-width: 1024px){.info-list__image--bg{top:-200px;right:-200px}}@media (min-width: 1280px){.info-list__image--bg{top:-222px;right:-262px}}.info-list__list{padding-top:10px}@media (min-width: 1024px){.info-list__list{padding-top:30px;padding-left:24px}}.info-list__item{display:flex;align-items:center;justify-content:center;position:relative;padding-bottom:15px}@media (max-width: 1024px){.info-list__item{left:-30px}}@media (min-width: 1024px){.info-list__item{padding-bottom:40px;justify-content:flex-start}}.info-list__item__img{position:absolute;left:-30px}@media (max-width: 1024px){.info-list__item__img{position:relative;left:30px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
7
7
|
}
|
|
8
8
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroInfoListComponent, decorators: [{
|
|
9
9
|
type: Component,
|
|
10
|
-
args: [{ selector: 'lib-puro-info-list', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"info-list\">\n <div class=\"info-list__wrapper\">\n @if (backgroundImg) {\n <img\n class=\"info-list__image--bg\"\n [src]=\"backgroundImg.src\"\n [alt]=\"backgroundImg.alt\"\n />\n }\n @if (img) {\n <img class=\"info-list__image\" [src]=\"img.src\" [alt]=\"img.alt\" />\n }\n </div>\n\n <div class=\"info-list__content--wrapper\">\n <div class=\"info-list__content\">\n @if (title) {\n <h2 class=\"info-list__title\">{{ title }}</h2>\n }\n @if (
|
|
10
|
+
args: [{ selector: 'lib-puro-info-list', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"info-list\">\n <div class=\"info-list__wrapper\">\n @if (backgroundImg) {\n <img\n class=\"info-list__image--bg\"\n [src]=\"backgroundImg.src\"\n [alt]=\"backgroundImg.alt\"\n />\n }\n @if (img) {\n <img class=\"info-list__image\" [src]=\"img.src\" [alt]=\"img.alt\" />\n }\n </div>\n\n <div class=\"info-list__content--wrapper\">\n <div class=\"info-list__content\">\n @if (title) {\n <h2 class=\"info-list__title\">{{ title }}</h2>\n }\n @if (description) {\n <p class=\"info-list__description\">\n {{ description }}\n </p>\n }\n <ul class=\"info-list__list\">\n @for (item of items || []; track $index) {\n <li class=\"info-list__item\">\n @if (smallImg) {\n <img\n [src]=\"smallImg.src\"\n [alt]=\"smallImg.alt\"\n class=\"info-list__item__img\"\n />\n }\n <span class=\"info-list__description\">\n {{ item }}\n </span>\n </li>\n }\n </ul>\n </div>\n </div>\n</section>\n", styles: [".info-list{display:flex;justify-content:space-between;flex-direction:column;transition:all .5s;padding-block:3.5rem;padding-inline:4.5rem}@media (min-width: 768px){.info-list{padding-block:6.8rem 5.6rem}}@media (min-width: 1024px){.info-list{padding-block:4.8rem 4rem;padding-inline:0;flex-direction:row}}@media (min-width: 1680px){.info-list{padding-block:7rem 5.3rem}}.info-list>*{flex:1 1 50%}.info-list__content{padding-top:1.5rem;transition:all .5s;text-align:center;padding-inline:4.5rem}.info-list__content--wrapper{display:flex;align-items:center}@media (min-width: 768px){.info-list__content{padding-top:3rem;padding-inline:14.5rem}}@media (min-width: 1024px){.info-list__content{padding-block:4.8rem;padding-inline:8.6rem 8.5rem;text-align:start}}.info-list__title{width:100%;color:#303030;transition:all .5s;margin-bottom:.9rem;font-size:2.8rem;line-height:1.3103571429;letter-spacing:.056rem;padding-bottom:15px}@media (min-width: 540px){.info-list__title{font-size:3.2rem;line-height:1.25;letter-spacing:.064rem}}@media (min-width: 768px){.info-list__title{font-size:4rem;line-height:1.25;letter-spacing:.08rem}}@media (min-width: 1366px){.info-list__title{font-size:5.4rem;line-height:1.2888888889;letter-spacing:.108rem}}@media (min-width: 1680px){.info-list__title{font-size:6.4rem;line-height:.968;letter-spacing:.128rem;margin-bottom:3rem}}.info-list__description{display:inline-block;font-size:1.4rem;line-height:1.7;letter-spacing:.042rem;max-width:93.078%;color:#1e1e1e99}@media (min-width: 768px){.info-list__description{font-size:1.6rem;line-height:1.7;letter-spacing:.048rem}}@media (min-width: 1280px){.info-list__description{font-size:1.8rem;line-height:1.7;letter-spacing:.054rem}}.info-list__wrapper{position:relative;display:flex;justify-content:center}@media (min-width: 1024){.info-list__wrapper{justify-content:flex-end}}@media (min-width: 1280px){.info-list__wrapper{padding-right:40px}}.info-list__image{aspect-ratio:677/813;-o-object-fit:cover;object-fit:cover}.info-list__image--bg{position:absolute;z-index:-1}@media (max-width: 1024px){.info-list__image--bg{display:none}}@media (min-width: 1024px){.info-list__image--bg{top:-200px;right:-200px}}@media (min-width: 1280px){.info-list__image--bg{top:-222px;right:-262px}}.info-list__list{padding-top:10px}@media (min-width: 1024px){.info-list__list{padding-top:30px;padding-left:24px}}.info-list__item{display:flex;align-items:center;justify-content:center;position:relative;padding-bottom:15px}@media (max-width: 1024px){.info-list__item{left:-30px}}@media (min-width: 1024px){.info-list__item{padding-bottom:40px;justify-content:flex-start}}.info-list__item__img{position:absolute;left:-30px}@media (max-width: 1024px){.info-list__item__img{position:relative;left:30px}}\n"] }]
|
|
11
11
|
}], propDecorators: { img: [{
|
|
12
12
|
type: Input
|
|
13
13
|
}], backgroundImg: [{
|
|
@@ -16,9 +16,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
16
16
|
type: Input
|
|
17
17
|
}], title: [{
|
|
18
18
|
type: Input
|
|
19
|
-
}],
|
|
19
|
+
}], description: [{
|
|
20
20
|
type: Input
|
|
21
21
|
}], items: [{
|
|
22
22
|
type: Input
|
|
23
23
|
}] } });
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVyby1pbmZvLWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHVyby9zcmMvbGliL2NvbXBvbmVudHMvcHVyby1pbmZvLWxpc3QvcHVyby1pbmZvLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHVyby9zcmMvbGliL2NvbXBvbmVudHMvcHVyby1pbmZvLWxpc3QvcHVyby1pbmZvLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVcxRSxNQUFNLE9BQU8scUJBQXFCOytHQUFyQixxQkFBcUI7bUdBQXJCLHFCQUFxQix3TkNabEMsazlDQTJDQSxrd0ZEcENjLFlBQVk7OzRGQUtiLHFCQUFxQjtrQkFSakMsU0FBUzsrQkFDSSxvQkFBb0IsY0FDbEIsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDLG1CQUdOLHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLEdBQUc7c0JBQVgsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQdXJvSW1hZ2VJIH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbGliLXB1cm8taW5mby1saXN0JyxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9wdXJvLWluZm8tbGlzdC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmw6ICcuL3B1cm8taW5mby1saXN0LmNvbXBvbmVudC5zY3NzJyxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgUHVyb0luZm9MaXN0Q29tcG9uZW50IHtcbiAgICBASW5wdXQoKSBpbWc/OiBQdXJvSW1hZ2VJO1xuICAgIEBJbnB1dCgpIGJhY2tncm91bmRJbWc/
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVyby1pbmZvLWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHVyby9zcmMvbGliL2NvbXBvbmVudHMvcHVyby1pbmZvLWxpc3QvcHVyby1pbmZvLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHVyby9zcmMvbGliL2NvbXBvbmVudHMvcHVyby1pbmZvLWxpc3QvcHVyby1pbmZvLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVcxRSxNQUFNLE9BQU8scUJBQXFCOytHQUFyQixxQkFBcUI7bUdBQXJCLHFCQUFxQix3TkNabEMsazlDQTJDQSxrd0ZEcENjLFlBQVk7OzRGQUtiLHFCQUFxQjtrQkFSakMsU0FBUzsrQkFDSSxvQkFBb0IsY0FDbEIsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDLG1CQUdOLHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLEdBQUc7c0JBQVgsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQdXJvSW1hZ2VJIH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbGliLXB1cm8taW5mby1saXN0JyxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9wdXJvLWluZm8tbGlzdC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmw6ICcuL3B1cm8taW5mby1saXN0LmNvbXBvbmVudC5zY3NzJyxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgUHVyb0luZm9MaXN0Q29tcG9uZW50IHtcbiAgICBASW5wdXQoKSBpbWc/OiBQdXJvSW1hZ2VJO1xuICAgIEBJbnB1dCgpIGJhY2tncm91bmRJbWc/OiBQdXJvSW1hZ2VJO1xuICAgIEBJbnB1dCgpIHNtYWxsSW1nPzogUHVyb0ltYWdlSTtcbiAgICBASW5wdXQoKSB0aXRsZT86IHN0cmluZztcbiAgICBASW5wdXQoKSBkZXNjcmlwdGlvbj86IHN0cmluZztcbiAgICBASW5wdXQoKSBpdGVtcz86IHN0cmluZ1tdO1xufVxuIiwiPHNlY3Rpb24gY2xhc3M9XCJpbmZvLWxpc3RcIj5cbiAgICA8ZGl2IGNsYXNzPVwiaW5mby1saXN0X193cmFwcGVyXCI+XG4gICAgICAgIEBpZiAoYmFja2dyb3VuZEltZykge1xuICAgICAgICAgICAgPGltZ1xuICAgICAgICAgICAgICAgIGNsYXNzPVwiaW5mby1saXN0X19pbWFnZS0tYmdcIlxuICAgICAgICAgICAgICAgIFtzcmNdPVwiYmFja2dyb3VuZEltZy5zcmNcIlxuICAgICAgICAgICAgICAgIFthbHRdPVwiYmFja2dyb3VuZEltZy5hbHRcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgfVxuICAgICAgICBAaWYgKGltZykge1xuICAgICAgICAgICAgPGltZyBjbGFzcz1cImluZm8tbGlzdF9faW1hZ2VcIiBbc3JjXT1cImltZy5zcmNcIiBbYWx0XT1cImltZy5hbHRcIiAvPlxuICAgICAgICB9XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2IGNsYXNzPVwiaW5mby1saXN0X19jb250ZW50LS13cmFwcGVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJpbmZvLWxpc3RfX2NvbnRlbnRcIj5cbiAgICAgICAgICAgIEBpZiAodGl0bGUpIHtcbiAgICAgICAgICAgICAgICA8aDIgY2xhc3M9XCJpbmZvLWxpc3RfX3RpdGxlXCI+e3sgdGl0bGUgfX08L2gyPlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgQGlmIChkZXNjcmlwdGlvbikge1xuICAgICAgICAgICAgICAgIDxwIGNsYXNzPVwiaW5mby1saXN0X19kZXNjcmlwdGlvblwiPlxuICAgICAgICAgICAgICAgICAgICB7eyBkZXNjcmlwdGlvbiB9fVxuICAgICAgICAgICAgICAgIDwvcD5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDx1bCBjbGFzcz1cImluZm8tbGlzdF9fbGlzdFwiPlxuICAgICAgICAgICAgICAgIEBmb3IgKGl0ZW0gb2YgaXRlbXMgfHwgW107IHRyYWNrICRpbmRleCkge1xuICAgICAgICAgICAgICAgICAgICA8bGkgY2xhc3M9XCJpbmZvLWxpc3RfX2l0ZW1cIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIEBpZiAoc21hbGxJbWcpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW1nXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzcmNdPVwic21hbGxJbWcuc3JjXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2FsdF09XCJzbWFsbEltZy5hbHRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImluZm8tbGlzdF9faXRlbV9faW1nXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJpbmZvLWxpc3RfX2Rlc2NyaXB0aW9uXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge3sgaXRlbSB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICA8L2xpPlxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDwvdWw+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9zZWN0aW9uPlxuIl19
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVyby1pbmZvLWxpc3QuaW50ZXJmYWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHVyby9zcmMvbGliL2NvbXBvbmVudHMvcHVyby1pbmZvLWxpc3QvcHVyby1pbmZvLWxpc3QuaW50ZXJmYWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQdXJvSW1hZ2VJIH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHVyb0luZm9MaXN0SSB7XG4gICAgaW1nPzogUHVyb0ltYWdlSTtcbiAgICBiYWNrZ3JvdW5kSW1nPzogUHVyb0ltYWdlSTtcbiAgICBzbWFsbEltZz86IFB1cm9JbWFnZUk7XG4gICAgdGl0bGU/
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVyby1pbmZvLWxpc3QuaW50ZXJmYWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHVyby9zcmMvbGliL2NvbXBvbmVudHMvcHVyby1pbmZvLWxpc3QvcHVyby1pbmZvLWxpc3QuaW50ZXJmYWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQdXJvSW1hZ2VJIH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHVyb0luZm9MaXN0SSB7XG4gICAgaW1nPzogUHVyb0ltYWdlSTtcbiAgICBiYWNrZ3JvdW5kSW1nPzogUHVyb0ltYWdlSTtcbiAgICBzbWFsbEltZz86IFB1cm9JbWFnZUk7XG4gICAgdGl0bGU/OiBzdHJpbmc7XG4gICAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gICAgaXRlbXM/OiBzdHJpbmdbXTtcbn1cbiJdfQ==
|
package/fesm2022/ctt-puro.mjs
CHANGED
|
@@ -1133,11 +1133,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1133
1133
|
|
|
1134
1134
|
class PuroInfoListComponent {
|
|
1135
1135
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroInfoListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1136
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroInfoListComponent, isStandalone: true, selector: "lib-puro-info-list", inputs: { img: "img", backgroundImg: "backgroundImg", smallImg: "smallImg", title: "title",
|
|
1136
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroInfoListComponent, isStandalone: true, selector: "lib-puro-info-list", inputs: { img: "img", backgroundImg: "backgroundImg", smallImg: "smallImg", title: "title", description: "description", items: "items" }, ngImport: i0, template: "<section class=\"info-list\">\n <div class=\"info-list__wrapper\">\n @if (backgroundImg) {\n <img\n class=\"info-list__image--bg\"\n [src]=\"backgroundImg.src\"\n [alt]=\"backgroundImg.alt\"\n />\n }\n @if (img) {\n <img class=\"info-list__image\" [src]=\"img.src\" [alt]=\"img.alt\" />\n }\n </div>\n\n <div class=\"info-list__content--wrapper\">\n <div class=\"info-list__content\">\n @if (title) {\n <h2 class=\"info-list__title\">{{ title }}</h2>\n }\n @if (description) {\n <p class=\"info-list__description\">\n {{ description }}\n </p>\n }\n <ul class=\"info-list__list\">\n @for (item of items || []; track $index) {\n <li class=\"info-list__item\">\n @if (smallImg) {\n <img\n [src]=\"smallImg.src\"\n [alt]=\"smallImg.alt\"\n class=\"info-list__item__img\"\n />\n }\n <span class=\"info-list__description\">\n {{ item }}\n </span>\n </li>\n }\n </ul>\n </div>\n </div>\n</section>\n", styles: [".info-list{display:flex;justify-content:space-between;flex-direction:column;transition:all .5s;padding-block:3.5rem;padding-inline:4.5rem}@media (min-width: 768px){.info-list{padding-block:6.8rem 5.6rem}}@media (min-width: 1024px){.info-list{padding-block:4.8rem 4rem;padding-inline:0;flex-direction:row}}@media (min-width: 1680px){.info-list{padding-block:7rem 5.3rem}}.info-list>*{flex:1 1 50%}.info-list__content{padding-top:1.5rem;transition:all .5s;text-align:center;padding-inline:4.5rem}.info-list__content--wrapper{display:flex;align-items:center}@media (min-width: 768px){.info-list__content{padding-top:3rem;padding-inline:14.5rem}}@media (min-width: 1024px){.info-list__content{padding-block:4.8rem;padding-inline:8.6rem 8.5rem;text-align:start}}.info-list__title{width:100%;color:#303030;transition:all .5s;margin-bottom:.9rem;font-size:2.8rem;line-height:1.3103571429;letter-spacing:.056rem;padding-bottom:15px}@media (min-width: 540px){.info-list__title{font-size:3.2rem;line-height:1.25;letter-spacing:.064rem}}@media (min-width: 768px){.info-list__title{font-size:4rem;line-height:1.25;letter-spacing:.08rem}}@media (min-width: 1366px){.info-list__title{font-size:5.4rem;line-height:1.2888888889;letter-spacing:.108rem}}@media (min-width: 1680px){.info-list__title{font-size:6.4rem;line-height:.968;letter-spacing:.128rem;margin-bottom:3rem}}.info-list__description{display:inline-block;font-size:1.4rem;line-height:1.7;letter-spacing:.042rem;max-width:93.078%;color:#1e1e1e99}@media (min-width: 768px){.info-list__description{font-size:1.6rem;line-height:1.7;letter-spacing:.048rem}}@media (min-width: 1280px){.info-list__description{font-size:1.8rem;line-height:1.7;letter-spacing:.054rem}}.info-list__wrapper{position:relative;display:flex;justify-content:center}@media (min-width: 1024){.info-list__wrapper{justify-content:flex-end}}@media (min-width: 1280px){.info-list__wrapper{padding-right:40px}}.info-list__image{aspect-ratio:677/813;-o-object-fit:cover;object-fit:cover}.info-list__image--bg{position:absolute;z-index:-1}@media (max-width: 1024px){.info-list__image--bg{display:none}}@media (min-width: 1024px){.info-list__image--bg{top:-200px;right:-200px}}@media (min-width: 1280px){.info-list__image--bg{top:-222px;right:-262px}}.info-list__list{padding-top:10px}@media (min-width: 1024px){.info-list__list{padding-top:30px;padding-left:24px}}.info-list__item{display:flex;align-items:center;justify-content:center;position:relative;padding-bottom:15px}@media (max-width: 1024px){.info-list__item{left:-30px}}@media (min-width: 1024px){.info-list__item{padding-bottom:40px;justify-content:flex-start}}.info-list__item__img{position:absolute;left:-30px}@media (max-width: 1024px){.info-list__item__img{position:relative;left:30px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1137
1137
|
}
|
|
1138
1138
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroInfoListComponent, decorators: [{
|
|
1139
1139
|
type: Component,
|
|
1140
|
-
args: [{ selector: 'lib-puro-info-list', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"info-list\">\n <div class=\"info-list__wrapper\">\n @if (backgroundImg) {\n <img\n class=\"info-list__image--bg\"\n [src]=\"backgroundImg.src\"\n [alt]=\"backgroundImg.alt\"\n />\n }\n @if (img) {\n <img class=\"info-list__image\" [src]=\"img.src\" [alt]=\"img.alt\" />\n }\n </div>\n\n <div class=\"info-list__content--wrapper\">\n <div class=\"info-list__content\">\n @if (title) {\n <h2 class=\"info-list__title\">{{ title }}</h2>\n }\n @if (
|
|
1140
|
+
args: [{ selector: 'lib-puro-info-list', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"info-list\">\n <div class=\"info-list__wrapper\">\n @if (backgroundImg) {\n <img\n class=\"info-list__image--bg\"\n [src]=\"backgroundImg.src\"\n [alt]=\"backgroundImg.alt\"\n />\n }\n @if (img) {\n <img class=\"info-list__image\" [src]=\"img.src\" [alt]=\"img.alt\" />\n }\n </div>\n\n <div class=\"info-list__content--wrapper\">\n <div class=\"info-list__content\">\n @if (title) {\n <h2 class=\"info-list__title\">{{ title }}</h2>\n }\n @if (description) {\n <p class=\"info-list__description\">\n {{ description }}\n </p>\n }\n <ul class=\"info-list__list\">\n @for (item of items || []; track $index) {\n <li class=\"info-list__item\">\n @if (smallImg) {\n <img\n [src]=\"smallImg.src\"\n [alt]=\"smallImg.alt\"\n class=\"info-list__item__img\"\n />\n }\n <span class=\"info-list__description\">\n {{ item }}\n </span>\n </li>\n }\n </ul>\n </div>\n </div>\n</section>\n", styles: [".info-list{display:flex;justify-content:space-between;flex-direction:column;transition:all .5s;padding-block:3.5rem;padding-inline:4.5rem}@media (min-width: 768px){.info-list{padding-block:6.8rem 5.6rem}}@media (min-width: 1024px){.info-list{padding-block:4.8rem 4rem;padding-inline:0;flex-direction:row}}@media (min-width: 1680px){.info-list{padding-block:7rem 5.3rem}}.info-list>*{flex:1 1 50%}.info-list__content{padding-top:1.5rem;transition:all .5s;text-align:center;padding-inline:4.5rem}.info-list__content--wrapper{display:flex;align-items:center}@media (min-width: 768px){.info-list__content{padding-top:3rem;padding-inline:14.5rem}}@media (min-width: 1024px){.info-list__content{padding-block:4.8rem;padding-inline:8.6rem 8.5rem;text-align:start}}.info-list__title{width:100%;color:#303030;transition:all .5s;margin-bottom:.9rem;font-size:2.8rem;line-height:1.3103571429;letter-spacing:.056rem;padding-bottom:15px}@media (min-width: 540px){.info-list__title{font-size:3.2rem;line-height:1.25;letter-spacing:.064rem}}@media (min-width: 768px){.info-list__title{font-size:4rem;line-height:1.25;letter-spacing:.08rem}}@media (min-width: 1366px){.info-list__title{font-size:5.4rem;line-height:1.2888888889;letter-spacing:.108rem}}@media (min-width: 1680px){.info-list__title{font-size:6.4rem;line-height:.968;letter-spacing:.128rem;margin-bottom:3rem}}.info-list__description{display:inline-block;font-size:1.4rem;line-height:1.7;letter-spacing:.042rem;max-width:93.078%;color:#1e1e1e99}@media (min-width: 768px){.info-list__description{font-size:1.6rem;line-height:1.7;letter-spacing:.048rem}}@media (min-width: 1280px){.info-list__description{font-size:1.8rem;line-height:1.7;letter-spacing:.054rem}}.info-list__wrapper{position:relative;display:flex;justify-content:center}@media (min-width: 1024){.info-list__wrapper{justify-content:flex-end}}@media (min-width: 1280px){.info-list__wrapper{padding-right:40px}}.info-list__image{aspect-ratio:677/813;-o-object-fit:cover;object-fit:cover}.info-list__image--bg{position:absolute;z-index:-1}@media (max-width: 1024px){.info-list__image--bg{display:none}}@media (min-width: 1024px){.info-list__image--bg{top:-200px;right:-200px}}@media (min-width: 1280px){.info-list__image--bg{top:-222px;right:-262px}}.info-list__list{padding-top:10px}@media (min-width: 1024px){.info-list__list{padding-top:30px;padding-left:24px}}.info-list__item{display:flex;align-items:center;justify-content:center;position:relative;padding-bottom:15px}@media (max-width: 1024px){.info-list__item{left:-30px}}@media (min-width: 1024px){.info-list__item{padding-bottom:40px;justify-content:flex-start}}.info-list__item__img{position:absolute;left:-30px}@media (max-width: 1024px){.info-list__item__img{position:relative;left:30px}}\n"] }]
|
|
1141
1141
|
}], propDecorators: { img: [{
|
|
1142
1142
|
type: Input
|
|
1143
1143
|
}], backgroundImg: [{
|
|
@@ -1146,7 +1146,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1146
1146
|
type: Input
|
|
1147
1147
|
}], title: [{
|
|
1148
1148
|
type: Input
|
|
1149
|
-
}],
|
|
1149
|
+
}], description: [{
|
|
1150
1150
|
type: Input
|
|
1151
1151
|
}], items: [{
|
|
1152
1152
|
type: Input
|