ctt-babylon 0.10.0 → 0.10.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.
Files changed (5) hide show
  1. package/esm2022/lib/components/external/core/c4-fo-link-svg/c4-fo-link-svg.component.mjs +2 -2
  2. package/esm2022/lib/components/external/core/c4-sli-c2-txt-img/c4-sli-c2-txt-img.component.mjs +3 -3
  3. package/fesm2022/ctt-babylon.mjs +4 -4
  4. package/fesm2022/ctt-babylon.mjs.map +1 -1
  5. package/package.json +1 -1
package/esm2022/lib/components/external/core/c4-fo-link-svg/c4-fo-link-svg.component.mjs CHANGED
@@ -9,11 +9,11 @@ export class C4FoLinkSvgComponent {
9
9
  this.data = defaultData;
10
10
  }
11
11
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C4FoLinkSvgComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
12
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C4FoLinkSvgComponent, isStandalone: true, selector: "ces-c4-fo-link-svg", inputs: { data: "data" }, ngImport: i0, template: "<section class=\"mdl-f01\" *ngIf=\"data\">\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n <div class=\"m-left\">\n @for (column of data.columns; track $index) {\n <ul>\n @for (item of column.items; track item.label) {\n <li><a [href]=\"item.url\">{{ item.label }}</a></li>\n }\n @if (column.social?.length) {\n <li class=\"m-rrss\">\n @for (social of column.social; track social.icon) {\n <a [href]=\"social.url\">\n <img [src]=\"social.icon\" [alt]=\"social.alt\" />\n </a>\n }\n </li>\n }\n </ul>\n }\n </div>\n <div class=\"m-right\">\n <img [src]=\"data.brand.icon\" [alt]=\"data.brand.alt\" />\n </div>\n </div>\n <div class=\"m-legal\">\n <ul>\n @for (item of data.legal; track item.label) {\n <li><a [href]=\"item.url\">{{ item.label }}</a></li>\n }\n </ul>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-f01{padding:11.7rem 12.2rem 10.8rem}.mdl-f01 .mdl-container{max-width:143.6rem}.mdl-f01 .mdl-container .m-content{width:calc(100% - 4.4rem);border-top:1px solid #b7985d;border-bottom:1px solid #b7985d;padding:5rem 2.2rem;display:flex;justify-content:space-between;align-items:center}.mdl-f01 .mdl-container .m-content .m-left{display:flex;gap:13rem}.mdl-f01 .mdl-container .m-content .m-left ul{list-style:none}.mdl-f01 .mdl-container .m-content .m-left ul>*{transition:opacity .3s ease}.mdl-f01 .mdl-container .m-content .m-left ul:hover>*{opacity:.6}.mdl-f01 .mdl-container .m-content .m-left ul:hover>*:hover{opacity:1}.mdl-f01 .mdl-container .m-content .m-left ul li{margin-bottom:2.2rem;padding-left:0}.mdl-f01 .mdl-container .m-content .m-left ul li a{font-family:josefinsans,sans-serif;font-weight:400;font-size:1.8rem;line-height:100%;color:#b7985d}.mdl-f01 .mdl-container .m-content .m-left ul li:before{display:none}.mdl-f01 .mdl-container .m-content .m-left ul .m-rrss{display:flex;gap:1.5rem}.mdl-f01 .mdl-container .m-content .m-left ul .m-rrss>*{transition:opacity .3s ease}.mdl-f01 .mdl-container .m-content .m-left ul .m-rrss:hover>*{opacity:.6}.mdl-f01 .mdl-container .m-content .m-left ul .m-rrss:hover>*:hover{opacity:1}.mdl-f01 .mdl-container .m-content .m-right img{height:13.2rem}.mdl-f01 .mdl-container .m-legal{padding:3rem 0 0 2.2rem}.mdl-f01 .mdl-container .m-legal ul{display:flex}.mdl-f01 .mdl-container .m-legal ul>*{transition:opacity .3s ease}.mdl-f01 .mdl-container .m-legal ul:hover>*{opacity:.6}.mdl-f01 .mdl-container .m-legal ul:hover>*:hover{opacity:1}.mdl-f01 .mdl-container .m-legal ul li{padding-left:0;border-right:.1rem solid #b7985d;padding-right:1rem;margin-right:1rem}.mdl-f01 .mdl-container .m-legal ul li a{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:100%}@media (max-width: 540px){.mdl-f01 .mdl-container .m-legal ul li a{line-height:2.8rem}}.mdl-f01 .mdl-container .m-legal ul li a{color:#b7985d}.mdl-f01 .mdl-container .m-legal ul li:last-child{border:0;padding-right:0;margin-right:0}.mdl-f01 .mdl-container .m-legal ul li:before{display:none}@media (max-width: 1024px){.mdl-f01 .mdl-container .m-content{align-items:flex-start}.mdl-f01 .mdl-container .m-content .m-left{flex-direction:column;gap:0}.mdl-f01 .mdl-container .m-legal{padding:3rem 0 0;width:100%;display:flex;justify-content:center}}@media (max-width: 700px){.mdl-f01{padding:11.7rem 4rem 10.8rem}.mdl-f01 .mdl-container .m-content{flex-direction:column;gap:2rem}.mdl-f01 .mdl-container .m-content .m-right{width:100%;display:flex;justify-content:center}.mdl-f01 .mdl-container .m-legal{padding:3rem 0 0 2rem;width:100%;display:flex;justify-content:left}.mdl-f01 .mdl-container .m-legal ul{flex-direction:column}.mdl-f01 .mdl-container .m-legal ul li{border:0;line-height:2.8rem}.mdl-f01 .mdl-container .m-legal ul li:first-child{margin-bottom:1.2rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
12
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C4FoLinkSvgComponent, isStandalone: true, selector: "ces-c4-fo-link-svg", inputs: { data: "data" }, ngImport: i0, template: "<section class=\"mdl-f01\" *ngIf=\"data\">\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n <div class=\"m-left\">\n @for (column of data.columns; track $index) {\n <ul>\n @for (item of column.items; track item.label) {\n <li><a [href]=\"item.url\">{{ item.label }}</a></li>\n }\n @if (column.social?.length) {\n <li class=\"m-rrss\">\n @for (social of column.social; track social.icon) {\n <a [href]=\"social.url\">\n <img [src]=\"social.icon\" [alt]=\"social.alt\" />\n </a>\n }\n </li>\n }\n </ul>\n }\n </div>\n <div class=\"m-right\">\n <img [src]=\"data.brand.icon\" [alt]=\"data.brand.alt\" />\n </div>\n </div>\n <div class=\"m-legal\">\n <ul>\n @for (item of data.legal; track item.label) {\n <li><a [href]=\"item.url\">{{ item.label }}</a></li>\n }\n </ul>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-f01{padding:11.7rem 12.2rem 10.8rem}.mdl-f01 .mdl-container{max-width:143.6rem}.mdl-f01 .mdl-container .m-content{width:calc(100% - 4.4rem);border-top:1px solid #b7985d;border-bottom:1px solid #b7985d;padding:5rem 2.2rem;display:flex;justify-content:space-between;align-items:center}.mdl-f01 .mdl-container .m-content .m-left{display:flex;gap:13rem}.mdl-f01 .mdl-container .m-content .m-left ul{list-style:none}.mdl-f01 .mdl-container .m-content .m-left ul>*{transition:opacity .3s ease}.mdl-f01 .mdl-container .m-content .m-left ul:hover>*{opacity:.6}.mdl-f01 .mdl-container .m-content .m-left ul:hover>*:hover{opacity:1}.mdl-f01 .mdl-container .m-content .m-left ul li{margin-bottom:2.2rem;padding-left:0}.mdl-f01 .mdl-container .m-content .m-left ul li a{font-family:josefinsans,sans-serif;font-weight:400;font-size:1.8rem;line-height:100%;color:#b7985d}.mdl-f01 .mdl-container .m-content .m-left ul li:before{display:none}.mdl-f01 .mdl-container .m-content .m-left ul .m-rrss{display:flex;gap:1.5rem}.mdl-f01 .mdl-container .m-content .m-left ul .m-rrss>*{transition:opacity .3s ease}.mdl-f01 .mdl-container .m-content .m-left ul .m-rrss:hover>*{opacity:.6}.mdl-f01 .mdl-container .m-content .m-left ul .m-rrss:hover>*:hover{opacity:1}.mdl-f01 .mdl-container .m-content .m-right img{height:13.2rem}.mdl-f01 .mdl-container .m-legal{padding:3rem 0 0 2.2rem}.mdl-f01 .mdl-container .m-legal ul{display:flex}.mdl-f01 .mdl-container .m-legal ul>*{transition:opacity .3s ease}.mdl-f01 .mdl-container .m-legal ul:hover>*{opacity:.6}.mdl-f01 .mdl-container .m-legal ul:hover>*:hover{opacity:1}.mdl-f01 .mdl-container .m-legal ul li{padding-left:0;border-right:.1rem solid #b7985d;padding-right:1rem;margin-right:1rem}.mdl-f01 .mdl-container .m-legal ul li a{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:100%}@media (max-width: 540px){.mdl-f01 .mdl-container .m-legal ul li a{line-height:2.8rem}}.mdl-f01 .mdl-container .m-legal ul li a{color:#b7985d}.mdl-f01 .mdl-container .m-legal ul li:last-child{border:0;padding-right:0;margin-right:0}.mdl-f01 .mdl-container .m-legal ul li:before{display:none}@media (max-width: 1024px){.mdl-f01 .mdl-container .m-content{align-items:flex-start}.mdl-f01 .mdl-container .m-content .m-left{flex-direction:column;gap:0}.mdl-f01 .mdl-container .m-legal{padding:3rem 0 0;width:100%;display:flex;justify-content:center}}@media (max-width: 770px){.mdl-f01{padding:11.7rem 4rem 10.8rem}.mdl-f01 .mdl-container .m-content{flex-direction:column;gap:2rem}.mdl-f01 .mdl-container .m-content .m-right{width:100%;display:flex;justify-content:center}.mdl-f01 .mdl-container .m-legal{padding:3rem 0 0 2rem;width:100%;display:flex;justify-content:left}.mdl-f01 .mdl-container .m-legal ul{flex-direction:column}.mdl-f01 .mdl-container .m-legal ul li{border:0;line-height:2.8rem}.mdl-f01 .mdl-container .m-legal ul li:first-child{margin-bottom:1.2rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
13
13
  }
14
14
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C4FoLinkSvgComponent, decorators: [{
15
15
  type: Component,
16
- args: [{ selector: 'ces-c4-fo-link-svg', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<section class=\"mdl-f01\" *ngIf=\"data\">\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n <div class=\"m-left\">\n @for (column of data.columns; track $index) {\n <ul>\n @for (item of column.items; track item.label) {\n <li><a [href]=\"item.url\">{{ item.label }}</a></li>\n }\n @if (column.social?.length) {\n <li class=\"m-rrss\">\n @for (social of column.social; track social.icon) {\n <a [href]=\"social.url\">\n <img [src]=\"social.icon\" [alt]=\"social.alt\" />\n </a>\n }\n </li>\n }\n </ul>\n }\n </div>\n <div class=\"m-right\">\n <img [src]=\"data.brand.icon\" [alt]=\"data.brand.alt\" />\n </div>\n </div>\n <div class=\"m-legal\">\n <ul>\n @for (item of data.legal; track item.label) {\n <li><a [href]=\"item.url\">{{ item.label }}</a></li>\n }\n </ul>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-f01{padding:11.7rem 12.2rem 10.8rem}.mdl-f01 .mdl-container{max-width:143.6rem}.mdl-f01 .mdl-container .m-content{width:calc(100% - 4.4rem);border-top:1px solid #b7985d;border-bottom:1px solid #b7985d;padding:5rem 2.2rem;display:flex;justify-content:space-between;align-items:center}.mdl-f01 .mdl-container .m-content .m-left{display:flex;gap:13rem}.mdl-f01 .mdl-container .m-content .m-left ul{list-style:none}.mdl-f01 .mdl-container .m-content .m-left ul>*{transition:opacity .3s ease}.mdl-f01 .mdl-container .m-content .m-left ul:hover>*{opacity:.6}.mdl-f01 .mdl-container .m-content .m-left ul:hover>*:hover{opacity:1}.mdl-f01 .mdl-container .m-content .m-left ul li{margin-bottom:2.2rem;padding-left:0}.mdl-f01 .mdl-container .m-content .m-left ul li a{font-family:josefinsans,sans-serif;font-weight:400;font-size:1.8rem;line-height:100%;color:#b7985d}.mdl-f01 .mdl-container .m-content .m-left ul li:before{display:none}.mdl-f01 .mdl-container .m-content .m-left ul .m-rrss{display:flex;gap:1.5rem}.mdl-f01 .mdl-container .m-content .m-left ul .m-rrss>*{transition:opacity .3s ease}.mdl-f01 .mdl-container .m-content .m-left ul .m-rrss:hover>*{opacity:.6}.mdl-f01 .mdl-container .m-content .m-left ul .m-rrss:hover>*:hover{opacity:1}.mdl-f01 .mdl-container .m-content .m-right img{height:13.2rem}.mdl-f01 .mdl-container .m-legal{padding:3rem 0 0 2.2rem}.mdl-f01 .mdl-container .m-legal ul{display:flex}.mdl-f01 .mdl-container .m-legal ul>*{transition:opacity .3s ease}.mdl-f01 .mdl-container .m-legal ul:hover>*{opacity:.6}.mdl-f01 .mdl-container .m-legal ul:hover>*:hover{opacity:1}.mdl-f01 .mdl-container .m-legal ul li{padding-left:0;border-right:.1rem solid #b7985d;padding-right:1rem;margin-right:1rem}.mdl-f01 .mdl-container .m-legal ul li a{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:100%}@media (max-width: 540px){.mdl-f01 .mdl-container .m-legal ul li a{line-height:2.8rem}}.mdl-f01 .mdl-container .m-legal ul li a{color:#b7985d}.mdl-f01 .mdl-container .m-legal ul li:last-child{border:0;padding-right:0;margin-right:0}.mdl-f01 .mdl-container .m-legal ul li:before{display:none}@media (max-width: 1024px){.mdl-f01 .mdl-container .m-content{align-items:flex-start}.mdl-f01 .mdl-container .m-content .m-left{flex-direction:column;gap:0}.mdl-f01 .mdl-container .m-legal{padding:3rem 0 0;width:100%;display:flex;justify-content:center}}@media (max-width: 700px){.mdl-f01{padding:11.7rem 4rem 10.8rem}.mdl-f01 .mdl-container .m-content{flex-direction:column;gap:2rem}.mdl-f01 .mdl-container .m-content .m-right{width:100%;display:flex;justify-content:center}.mdl-f01 .mdl-container .m-legal{padding:3rem 0 0 2rem;width:100%;display:flex;justify-content:left}.mdl-f01 .mdl-container .m-legal ul{flex-direction:column}.mdl-f01 .mdl-container .m-legal ul li{border:0;line-height:2.8rem}.mdl-f01 .mdl-container .m-legal ul li:first-child{margin-bottom:1.2rem}}\n"] }]
16
+ args: [{ selector: 'ces-c4-fo-link-svg', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<section class=\"mdl-f01\" *ngIf=\"data\">\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n <div class=\"m-left\">\n @for (column of data.columns; track $index) {\n <ul>\n @for (item of column.items; track item.label) {\n <li><a [href]=\"item.url\">{{ item.label }}</a></li>\n }\n @if (column.social?.length) {\n <li class=\"m-rrss\">\n @for (social of column.social; track social.icon) {\n <a [href]=\"social.url\">\n <img [src]=\"social.icon\" [alt]=\"social.alt\" />\n </a>\n }\n </li>\n }\n </ul>\n }\n </div>\n <div class=\"m-right\">\n <img [src]=\"data.brand.icon\" [alt]=\"data.brand.alt\" />\n </div>\n </div>\n <div class=\"m-legal\">\n <ul>\n @for (item of data.legal; track item.label) {\n <li><a [href]=\"item.url\">{{ item.label }}</a></li>\n }\n </ul>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-f01{padding:11.7rem 12.2rem 10.8rem}.mdl-f01 .mdl-container{max-width:143.6rem}.mdl-f01 .mdl-container .m-content{width:calc(100% - 4.4rem);border-top:1px solid #b7985d;border-bottom:1px solid #b7985d;padding:5rem 2.2rem;display:flex;justify-content:space-between;align-items:center}.mdl-f01 .mdl-container .m-content .m-left{display:flex;gap:13rem}.mdl-f01 .mdl-container .m-content .m-left ul{list-style:none}.mdl-f01 .mdl-container .m-content .m-left ul>*{transition:opacity .3s ease}.mdl-f01 .mdl-container .m-content .m-left ul:hover>*{opacity:.6}.mdl-f01 .mdl-container .m-content .m-left ul:hover>*:hover{opacity:1}.mdl-f01 .mdl-container .m-content .m-left ul li{margin-bottom:2.2rem;padding-left:0}.mdl-f01 .mdl-container .m-content .m-left ul li a{font-family:josefinsans,sans-serif;font-weight:400;font-size:1.8rem;line-height:100%;color:#b7985d}.mdl-f01 .mdl-container .m-content .m-left ul li:before{display:none}.mdl-f01 .mdl-container .m-content .m-left ul .m-rrss{display:flex;gap:1.5rem}.mdl-f01 .mdl-container .m-content .m-left ul .m-rrss>*{transition:opacity .3s ease}.mdl-f01 .mdl-container .m-content .m-left ul .m-rrss:hover>*{opacity:.6}.mdl-f01 .mdl-container .m-content .m-left ul .m-rrss:hover>*:hover{opacity:1}.mdl-f01 .mdl-container .m-content .m-right img{height:13.2rem}.mdl-f01 .mdl-container .m-legal{padding:3rem 0 0 2.2rem}.mdl-f01 .mdl-container .m-legal ul{display:flex}.mdl-f01 .mdl-container .m-legal ul>*{transition:opacity .3s ease}.mdl-f01 .mdl-container .m-legal ul:hover>*{opacity:.6}.mdl-f01 .mdl-container .m-legal ul:hover>*:hover{opacity:1}.mdl-f01 .mdl-container .m-legal ul li{padding-left:0;border-right:.1rem solid #b7985d;padding-right:1rem;margin-right:1rem}.mdl-f01 .mdl-container .m-legal ul li a{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:100%}@media (max-width: 540px){.mdl-f01 .mdl-container .m-legal ul li a{line-height:2.8rem}}.mdl-f01 .mdl-container .m-legal ul li a{color:#b7985d}.mdl-f01 .mdl-container .m-legal ul li:last-child{border:0;padding-right:0;margin-right:0}.mdl-f01 .mdl-container .m-legal ul li:before{display:none}@media (max-width: 1024px){.mdl-f01 .mdl-container .m-content{align-items:flex-start}.mdl-f01 .mdl-container .m-content .m-left{flex-direction:column;gap:0}.mdl-f01 .mdl-container .m-legal{padding:3rem 0 0;width:100%;display:flex;justify-content:center}}@media (max-width: 770px){.mdl-f01{padding:11.7rem 4rem 10.8rem}.mdl-f01 .mdl-container .m-content{flex-direction:column;gap:2rem}.mdl-f01 .mdl-container .m-content .m-right{width:100%;display:flex;justify-content:center}.mdl-f01 .mdl-container .m-legal{padding:3rem 0 0 2rem;width:100%;display:flex;justify-content:left}.mdl-f01 .mdl-container .m-legal ul{flex-direction:column}.mdl-f01 .mdl-container .m-legal ul li{border:0;line-height:2.8rem}.mdl-f01 .mdl-container .m-legal ul li:first-child{margin-bottom:1.2rem}}\n"] }]
17
17
  }], propDecorators: { data: [{
18
18
  type: Input
19
19
  }] } });