ctt-puro 0.20.7 → 0.20.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.
|
@@ -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", description: "description", items: "items" }, ngImport: i0, template: "<section class=\"webmap\">\n <div class=\"webmap__inner 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 </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;border-top-left-radius:500px;border-top-right-radius:500px}.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:-
|
|
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=\"webmap\">\n <div class=\"webmap__inner 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 </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;border-top-left-radius:500px;border-top-right-radius:500px}.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:-175px;right:-190px}}.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;text-transform:uppercase}@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=\"webmap\">\n <div class=\"webmap__inner 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 </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;border-top-left-radius:500px;border-top-right-radius:500px}.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:-
|
|
10
|
+
args: [{ selector: 'lib-puro-info-list', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"webmap\">\n <div class=\"webmap__inner 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 </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;border-top-left-radius:500px;border-top-right-radius:500px}.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:-175px;right:-190px}}.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;text-transform:uppercase}@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: [{
|