ctt-babylon 0.14.0 → 0.14.1
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/external/core/c4-fo-link-svg/c4-fo-link-svg.component.mjs +6 -3
- package/esm2022/lib/interfaces/babylon-text-info.interface.mjs +1 -1
- package/esm2022/lib/services/mapper/mapper.service.mjs +2 -1
- package/fesm2022/ctt-babylon.mjs +6 -2
- package/fesm2022/ctt-babylon.mjs.map +1 -1
- package/lib/components/external/core/c4-fo-link-svg/c4-fo-link-svg.component.d.ts +1 -0
- package/lib/interfaces/babylon-text-info.interface.d.ts +1 -0
- package/package.json +1 -1
package/fesm2022/ctt-babylon.mjs
CHANGED
|
@@ -3360,6 +3360,7 @@ class MapperService {
|
|
|
3360
3360
|
leve3: this.getTextValue(texts?.leve3),
|
|
3361
3361
|
whatsapp: this.getTextValue(texts?.whatsapp),
|
|
3362
3362
|
scrolltext: this.getTextValue(texts?.scrolltext ?? texts?.scrollDown),
|
|
3363
|
+
address: this.getTextValue(texts?.address),
|
|
3363
3364
|
addresstitle: this.getTextValue(texts?.addresstitle ?? texts?.addressTitle),
|
|
3364
3365
|
bannertext: this.getTextValue(texts?.bannertext),
|
|
3365
3366
|
contacttitle: this.getTextValue(texts?.contacttitle ?? texts?.contactTitle),
|
|
@@ -18317,12 +18318,15 @@ var componentData$1 = {
|
|
|
18317
18318
|
|
|
18318
18319
|
const defaultData$1 = componentData$1;
|
|
18319
18320
|
class C4FoLinkSvgComponent {
|
|
18321
|
+
encodeText(text) {
|
|
18322
|
+
return text ? encodeURIComponent(text) : '';
|
|
18323
|
+
}
|
|
18320
18324
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C4FoLinkSvgComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18321
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C4FoLinkSvgComponent, isStandalone: true, selector: "ces-c4-fo-link-svg", inputs: { texts: "texts", multimedia: "multimedia", footerLinks: "footerLinks", socialMedia: "socialMedia" }, ngImport: i0, template: "<section class=\"mdl-f01\">\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n @if (footerLinks?.length) {\n <div class=\"m-left\">\n <ul>\n @for (item of footerLinks?.slice(0, 5); track $index) {\n <li>\n <a\n [href]=\"item?.url + (item?.vars ?? '')\"\n [linkType]=\"item?.linkType\"\n >{{ item?.label }}</a\n >\n </li>\n }\n </ul>\n <ul>\n @for (item of footerLinks?.slice(5, 9); track $index) {\n <li>\n <a\n [href]=\"item?.url + (item?.vars ?? '')\"\n [linkType]=\"item?.linkType\"\n >{{ item?.label }}</a\n >\n </li>\n }\n\n @if (socialMedia?.length) {\n <li class=\"m-rrss\">\n @for (\n social of socialMedia;\n track social.icon\n ) {\n <a\n [href]=\"social?.url\"\n [linkType]=\"'external'\"\n >\n <img [src]=\"social?.icon\" />\n </a>\n }\n </li>\n }\n </ul>\n </div>\n }\n @if (multimedia?.logo?.length) {\n <div class=\"m-right\">\n <img\n [src]=\"multimedia?.logo?.[0]?.img?.src\"\n [alt]=\"multimedia?.logo?.[0]?.img?.alt\"\n />\n </div>\n }\n </div>\n <div class=\"m-legal\">\n <ul>\n @for (item of footerLinks?.slice(9); track $index) {\n @if (item) {\n <li>\n <a\n [href]=\"item?.url + (item?.vars ?? '')\"\n [linkType]=\"item?.linkType\"\n >{{ item?.label }}</a\n >\n </li>\n }\n }\n </ul>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-f01{padding:11.7rem 7.2rem 10.8rem}.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-left ul .m-rrss img{width:30px;height:30px}.mdl-f01 .mdl-container .m-content .m-right img{width:250px;height:auto}.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: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
18325
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C4FoLinkSvgComponent, isStandalone: true, selector: "ces-c4-fo-link-svg", inputs: { texts: "texts", multimedia: "multimedia", footerLinks: "footerLinks", socialMedia: "socialMedia" }, ngImport: i0, template: "<section class=\"mdl-f01\">\n <div class=\"mdl-container\">\n <div class=\"m-address\">\n @if (texts?.addresstitle) {\n <div class=\"m-title\">{{ texts?.addresstitle }}</div>\n }\n @if (texts?.address) {\n <a\n [href]=\"\n 'https://www.google.com/maps/search/?api=1&query=' +\n encodeText(texts?.address)\n \"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n ><div class=\"m-text\" [innerHTML]=\"texts?.address\"></div\n ></a>\n }\n </div>\n <div class=\"m-content\">\n @if (footerLinks?.length) {\n <div class=\"m-left\">\n <ul>\n @for (item of footerLinks?.slice(0, 5); track $index) {\n <li>\n <a\n [href]=\"item?.url + (item?.vars ?? '')\"\n [linkType]=\"item?.linkType\"\n >{{ item?.label }}</a\n >\n </li>\n }\n </ul>\n <ul>\n @for (item of footerLinks?.slice(5, 9); track $index) {\n <li>\n <a\n [href]=\"item?.url + (item?.vars ?? '')\"\n [linkType]=\"item?.linkType\"\n >{{ item?.label }}</a\n >\n </li>\n }\n\n @if (socialMedia?.length) {\n <li class=\"m-rrss\">\n @for (\n social of socialMedia;\n track social.icon\n ) {\n <a\n [href]=\"social?.url\"\n [linkType]=\"'external'\"\n >\n <img [src]=\"social?.icon\" />\n </a>\n }\n </li>\n }\n </ul>\n </div>\n }\n @if (multimedia?.logo?.length) {\n <div class=\"m-right\">\n <img\n [src]=\"multimedia?.logo?.[0]?.img?.src\"\n [alt]=\"multimedia?.logo?.[0]?.img?.alt\"\n />\n </div>\n }\n </div>\n <div class=\"m-legal\">\n <ul>\n @for (item of footerLinks?.slice(9); track $index) {\n @if (item) {\n <li>\n <a\n [href]=\"item?.url + (item?.vars ?? '')\"\n [linkType]=\"item?.linkType\"\n >{{ item?.label }}</a\n >\n </li>\n }\n }\n </ul>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-f01{padding:11.7rem 7.2rem 10.8rem}.mdl-f01 .mdl-container .m-address{width:calc(100% - 4.4rem);border-top:1px solid #b7985d;padding:5rem 2.2rem;display:flex;justify-content:end;align-items:flex-end;flex-direction:column}.mdl-f01 .mdl-container .m-address .m-title>*,.mdl-f01 .mdl-container .m-address .m-text>*{transition:opacity .3s ease}.mdl-f01 .mdl-container .m-address .m-title:hover>*,.mdl-f01 .mdl-container .m-address .m-text:hover>*{opacity:.6}.mdl-f01 .mdl-container .m-address .m-title:hover>*:hover,.mdl-f01 .mdl-container .m-address .m-text:hover>*:hover{opacity:1}.mdl-f01 .mdl-container .m-address .m-title,.mdl-f01 .mdl-container .m-address .m-text{font-family:josefinsans,sans-serif;font-weight:400;font-size:1.8rem;line-height:100%;color:#b7985d;line-height:1.3;text-align:end}@media (max-width: 768px){.mdl-f01 .mdl-container .m-address{justify-content:center;align-items:center}.mdl-f01 .mdl-container .m-address .m-title,.mdl-f01 .mdl-container .m-address .m-text{text-align:center;font-size:1.5rem}}.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-left ul .m-rrss img{width:30px;height:30px}.mdl-f01 .mdl-container .m-content .m-right img{width:250px;height:auto}.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: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
18322
18326
|
}
|
|
18323
18327
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C4FoLinkSvgComponent, decorators: [{
|
|
18324
18328
|
type: Component,
|
|
18325
|
-
args: [{ selector: 'ces-c4-fo-link-svg', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective], encapsulation: ViewEncapsulation.None, template: "<section class=\"mdl-f01\">\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n @if (footerLinks?.length) {\n <div class=\"m-left\">\n <ul>\n @for (item of footerLinks?.slice(0, 5); track $index) {\n <li>\n <a\n [href]=\"item?.url + (item?.vars ?? '')\"\n [linkType]=\"item?.linkType\"\n >{{ item?.label }}</a\n >\n </li>\n }\n </ul>\n <ul>\n @for (item of footerLinks?.slice(5, 9); track $index) {\n <li>\n <a\n [href]=\"item?.url + (item?.vars ?? '')\"\n [linkType]=\"item?.linkType\"\n >{{ item?.label }}</a\n >\n </li>\n }\n\n @if (socialMedia?.length) {\n <li class=\"m-rrss\">\n @for (\n social of socialMedia;\n track social.icon\n ) {\n <a\n [href]=\"social?.url\"\n [linkType]=\"'external'\"\n >\n <img [src]=\"social?.icon\" />\n </a>\n }\n </li>\n }\n </ul>\n </div>\n }\n @if (multimedia?.logo?.length) {\n <div class=\"m-right\">\n <img\n [src]=\"multimedia?.logo?.[0]?.img?.src\"\n [alt]=\"multimedia?.logo?.[0]?.img?.alt\"\n />\n </div>\n }\n </div>\n <div class=\"m-legal\">\n <ul>\n @for (item of footerLinks?.slice(9); track $index) {\n @if (item) {\n <li>\n <a\n [href]=\"item?.url + (item?.vars ?? '')\"\n [linkType]=\"item?.linkType\"\n >{{ item?.label }}</a\n >\n </li>\n }\n }\n </ul>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-f01{padding:11.7rem 7.2rem 10.8rem}.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-left ul .m-rrss img{width:30px;height:30px}.mdl-f01 .mdl-container .m-content .m-right img{width:250px;height:auto}.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"] }]
|
|
18329
|
+
args: [{ selector: 'ces-c4-fo-link-svg', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective], encapsulation: ViewEncapsulation.None, template: "<section class=\"mdl-f01\">\n <div class=\"mdl-container\">\n <div class=\"m-address\">\n @if (texts?.addresstitle) {\n <div class=\"m-title\">{{ texts?.addresstitle }}</div>\n }\n @if (texts?.address) {\n <a\n [href]=\"\n 'https://www.google.com/maps/search/?api=1&query=' +\n encodeText(texts?.address)\n \"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n ><div class=\"m-text\" [innerHTML]=\"texts?.address\"></div\n ></a>\n }\n </div>\n <div class=\"m-content\">\n @if (footerLinks?.length) {\n <div class=\"m-left\">\n <ul>\n @for (item of footerLinks?.slice(0, 5); track $index) {\n <li>\n <a\n [href]=\"item?.url + (item?.vars ?? '')\"\n [linkType]=\"item?.linkType\"\n >{{ item?.label }}</a\n >\n </li>\n }\n </ul>\n <ul>\n @for (item of footerLinks?.slice(5, 9); track $index) {\n <li>\n <a\n [href]=\"item?.url + (item?.vars ?? '')\"\n [linkType]=\"item?.linkType\"\n >{{ item?.label }}</a\n >\n </li>\n }\n\n @if (socialMedia?.length) {\n <li class=\"m-rrss\">\n @for (\n social of socialMedia;\n track social.icon\n ) {\n <a\n [href]=\"social?.url\"\n [linkType]=\"'external'\"\n >\n <img [src]=\"social?.icon\" />\n </a>\n }\n </li>\n }\n </ul>\n </div>\n }\n @if (multimedia?.logo?.length) {\n <div class=\"m-right\">\n <img\n [src]=\"multimedia?.logo?.[0]?.img?.src\"\n [alt]=\"multimedia?.logo?.[0]?.img?.alt\"\n />\n </div>\n }\n </div>\n <div class=\"m-legal\">\n <ul>\n @for (item of footerLinks?.slice(9); track $index) {\n @if (item) {\n <li>\n <a\n [href]=\"item?.url + (item?.vars ?? '')\"\n [linkType]=\"item?.linkType\"\n >{{ item?.label }}</a\n >\n </li>\n }\n }\n </ul>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-f01{padding:11.7rem 7.2rem 10.8rem}.mdl-f01 .mdl-container .m-address{width:calc(100% - 4.4rem);border-top:1px solid #b7985d;padding:5rem 2.2rem;display:flex;justify-content:end;align-items:flex-end;flex-direction:column}.mdl-f01 .mdl-container .m-address .m-title>*,.mdl-f01 .mdl-container .m-address .m-text>*{transition:opacity .3s ease}.mdl-f01 .mdl-container .m-address .m-title:hover>*,.mdl-f01 .mdl-container .m-address .m-text:hover>*{opacity:.6}.mdl-f01 .mdl-container .m-address .m-title:hover>*:hover,.mdl-f01 .mdl-container .m-address .m-text:hover>*:hover{opacity:1}.mdl-f01 .mdl-container .m-address .m-title,.mdl-f01 .mdl-container .m-address .m-text{font-family:josefinsans,sans-serif;font-weight:400;font-size:1.8rem;line-height:100%;color:#b7985d;line-height:1.3;text-align:end}@media (max-width: 768px){.mdl-f01 .mdl-container .m-address{justify-content:center;align-items:center}.mdl-f01 .mdl-container .m-address .m-title,.mdl-f01 .mdl-container .m-address .m-text{text-align:center;font-size:1.5rem}}.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-left ul .m-rrss img{width:30px;height:30px}.mdl-f01 .mdl-container .m-content .m-right img{width:250px;height:auto}.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"] }]
|
|
18326
18330
|
}], propDecorators: { texts: [{
|
|
18327
18331
|
type: Input
|
|
18328
18332
|
}], multimedia: [{
|