import { CommonModule } from '@angular/common';
import { Component, Input } from '@angular/core';
import { HeadingTagUtils } from '../../../../utils/heading-tag.utils';
import { BabylonDynamicHeadingComponent } from '../../../shared';
import { BabylonLinkTypeDirective } from '../../../../directives/link-type/link-type.directive';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class C1TxtComponent {
    constructor() {
        this.headingTagUtils = HeadingTagUtils;
    }
    set logo(value) {
        this._logo = value;
        const resolvedLogoSrc = this._logo?.src || this._logo?.img?.src || this._logo?.path?.original || this._logo?.path?.webp;
        console.log('[C1TxtComponent] logo input:', this._logo);
        console.log('[C1TxtComponent] resolved logoSrc:', resolvedLogoSrc);
    }
    get logo() {
        return this._logo;
    }
    get logoSrc() {
        return this.logo?.src || this.logo?.img?.src || this.logo?.path?.original || this.logo?.path?.webp;
    }
    get logoAlt() {
        return this.logo?.alt || this.logo?.img?.alt || 'logo';
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C1TxtComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C1TxtComponent, isStandalone: true, selector: "c1-txt", inputs: { texts: "texts", textColors: "textColors", activeView: "activeView", image: "image", logo: "logo", buttons: "buttons" }, ngImport: i0, template: "<section\n    class=\"mdl-C1Txt\"\n    [ngClass]=\"{\n        primary: activeView === 0 || activeView === 1,\n        secundary: activeView === 2,\n        tertiary: activeView === 3,\n    }\"\n>\n    @if (image?.src) {\n        <div class=\"mdl-imagen\">\n            <img\n                [src]=\"image?.src\"\n                loading=\"lazy\"\n                [alt]=\"image?.alt ?? 'image'\"\n            />\n        </div>\n    }\n    @if (logoSrc) {\n        <div class=\"mdl-logo\">\n            <img\n                [src]=\"logoSrc\"\n                loading=\"lazy\"\n                [alt]=\"logoAlt\"\n            />\n        </div>\n    }\n    @if (texts) {\n        <div class=\"mdl-container\">\n            @if (headingTagUtils.hasHeadingContent(texts, 'pretitle', texts?.pretitle)) {\n                <lib-babylon-dynamic-heading\n                    [tag]=\"headingTagUtils.getHeadingTag(texts, 'pretitle', 'p')\"\n                    [color]=\"textColors?.pretitle\"\n                    cssClass=\"m-pretitulo\"\n                    [content]=\"headingTagUtils.getHeadingContent(texts, 'pretitle', texts?.pretitle)\"\n                ></lib-babylon-dynamic-heading>\n            }\n            @if (headingTagUtils.hasHeadingContent(texts, 'title', texts?.title)) {\n                <lib-babylon-dynamic-heading\n                    [tag]=\"headingTagUtils.getHeadingTag(texts, 'title', 'p')\"\n                    [color]=\"textColors?.title\"\n                    cssClass=\"m-titulo\"\n                    [content]=\"headingTagUtils.getHeadingContent(texts, 'title', texts?.title)\"\n                ></lib-babylon-dynamic-heading>\n            }\n            @if (headingTagUtils.hasHeadingContent(texts, 'description', texts?.description)) {\n                <lib-babylon-dynamic-heading\n                    [tag]=\"headingTagUtils.getHeadingTag(texts, 'description', 'p')\"\n                    [color]=\"textColors?.description\"\n                    cssClass=\"m-texto\"\n                    [content]=\"headingTagUtils.getHeadingContent(texts, 'description', texts?.description)\"\n                ></lib-babylon-dynamic-heading>\n            }\n            @if (texts.text) {\n                <div class=\"m-especial\" [innerHTML]=\"texts.text\"></div>\n            }\n        </div>\n    }\n    @if (buttons?.length) {\n      <div class=\"m-buttons-row\">\n        @if (buttons?.[0]?.url) {\n          <a\n              class=\"m-buttonD\"\n              [href]=\"buttons?.[0]?.url\"\n              [linkType]=\"buttons?.[0]?.linkType\"\n              [attr.target]=\"buttons?.[0]?.target || '_self'\"\n              [attr.rel]=\"(buttons?.[0]?.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n              [attr.aria-label]=\"buttons?.[0]?.label\"\n          >\n              {{ buttons?.[0]?.label }}\n          </a>\n        }\n        @if (buttons?.[1]?.url) {\n          <a\n              class=\"m-buttonD\"\n              [href]=\"buttons?.[1]?.url\"\n              [linkType]=\"buttons?.[1]?.linkType\"\n              [attr.target]=\"buttons?.[1]?.target || '_self'\"\n              [attr.rel]=\"(buttons?.[1]?.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n              [attr.aria-label]=\"buttons?.[1]?.label\"\n          >\n              {{ buttons?.[1]?.label }}\n          </a>\n        }\n      </div>\n\n            }\n\n\n</section>\n", styles: [".mdl-C1Txt .mdl-logo{display:flex;justify-content:center;margin-top:4rem;margin-bottom:-4rem}.mdl-C1Txt .mdl-logo img{width:8rem}.mdl-C1Txt .m-buttons-row{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2rem;margin-top:2rem}.mdl-C1Txt .mdl-imagen{display:flex;justify-content:center;align-items:center}.mdl-C1Txt{padding-left:0!important;padding-right:0!important}.mdl-C1Txt .mdl-container{width:100%;max-width:144.5rem;margin:0 auto;padding:8rem 4rem;text-align:center;box-sizing:border-box;display:flex;flex-direction:column;gap:4rem;align-items:center;color:#393637}.mdl-C1Txt .mdl-container .m-pretitulo{font-family:var(--font-pretitle);font-size:1.7rem;font-weight:400;letter-spacing:10%;line-height:100%;text-transform:uppercase;margin-bottom:0rem}.mdl-C1Txt .mdl-container .m-titulo{font-family:var(--font-title);font-size:7rem;font-style:normal;font-weight:700;line-height:8rem;margin-bottom:0rem}.mdl-C1Txt .mdl-container .m-texto{font-family:var(--font-text);font-size:1.6rem;font-weight:400;line-height:2.8rem;max-width:76rem;margin-bottom:0rem}.mdl-C1Txt .mdl-container .m-especial{font-family:var(--font-claim);font-size:6rem;font-weight:400;line-height:100%;color:#fcdd3f}@media (max-width: 1200px){.mdl-C1Txt .mdl-container .m-titulo{font-size:5rem;line-height:5rem}}@media (max-width: 600px){.mdl-C1Txt .mdl-container{padding:8rem 2rem}.mdl-C1Txt .mdl-container .m-titulo{font-size:4rem;line-height:4rem}.mdl-C1Txt .mdl-container .m-especial{font-size:4rem}}.mdl-C1Txt.secundary .mdl-container{background-color:var(--cl_background_dark);max-width:100%}.mdl-C1Txt.secundary .mdl-container .m-titulo{order:2}.mdl-C1Txt.tertiary .mdl-container{padding:2rem 4rem}.m-buttonD{margin-bottom:4rem;font-family:new-atten,sans-serif;font-size:1.4rem;font-weight:500;letter-spacing:.2rem;line-height:100%;text-transform:uppercase;border-radius:8rem;border:1px solid #393637;padding:2rem 5rem;transition:.5s;min-width:26rem}.m-buttonD span{color:#393637}.m-buttonD:hover{background-color:#fcdd3f;transition:.5s;border:0}.m-buttonD{margin-top:3.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }, { kind: "component", type: BabylonDynamicHeadingComponent, selector: "lib-babylon-dynamic-heading", inputs: ["useInnerHtml", "tag", "wrapper", "cssClass", "content", "color"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C1TxtComponent, decorators: [{
            type: Component,
            args: [{ selector: 'c1-txt', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective, BabylonDynamicHeadingComponent], template: "<section\n    class=\"mdl-C1Txt\"\n    [ngClass]=\"{\n        primary: activeView === 0 || activeView === 1,\n        secundary: activeView === 2,\n        tertiary: activeView === 3,\n    }\"\n>\n    @if (image?.src) {\n        <div class=\"mdl-imagen\">\n            <img\n                [src]=\"image?.src\"\n                loading=\"lazy\"\n                [alt]=\"image?.alt ?? 'image'\"\n            />\n        </div>\n    }\n    @if (logoSrc) {\n        <div class=\"mdl-logo\">\n            <img\n                [src]=\"logoSrc\"\n                loading=\"lazy\"\n                [alt]=\"logoAlt\"\n            />\n        </div>\n    }\n    @if (texts) {\n        <div class=\"mdl-container\">\n            @if (headingTagUtils.hasHeadingContent(texts, 'pretitle', texts?.pretitle)) {\n                <lib-babylon-dynamic-heading\n                    [tag]=\"headingTagUtils.getHeadingTag(texts, 'pretitle', 'p')\"\n                    [color]=\"textColors?.pretitle\"\n                    cssClass=\"m-pretitulo\"\n                    [content]=\"headingTagUtils.getHeadingContent(texts, 'pretitle', texts?.pretitle)\"\n                ></lib-babylon-dynamic-heading>\n            }\n            @if (headingTagUtils.hasHeadingContent(texts, 'title', texts?.title)) {\n                <lib-babylon-dynamic-heading\n                    [tag]=\"headingTagUtils.getHeadingTag(texts, 'title', 'p')\"\n                    [color]=\"textColors?.title\"\n                    cssClass=\"m-titulo\"\n                    [content]=\"headingTagUtils.getHeadingContent(texts, 'title', texts?.title)\"\n                ></lib-babylon-dynamic-heading>\n            }\n            @if (headingTagUtils.hasHeadingContent(texts, 'description', texts?.description)) {\n                <lib-babylon-dynamic-heading\n                    [tag]=\"headingTagUtils.getHeadingTag(texts, 'description', 'p')\"\n                    [color]=\"textColors?.description\"\n                    cssClass=\"m-texto\"\n                    [content]=\"headingTagUtils.getHeadingContent(texts, 'description', texts?.description)\"\n                ></lib-babylon-dynamic-heading>\n            }\n            @if (texts.text) {\n                <div class=\"m-especial\" [innerHTML]=\"texts.text\"></div>\n            }\n        </div>\n    }\n    @if (buttons?.length) {\n      <div class=\"m-buttons-row\">\n        @if (buttons?.[0]?.url) {\n          <a\n              class=\"m-buttonD\"\n              [href]=\"buttons?.[0]?.url\"\n              [linkType]=\"buttons?.[0]?.linkType\"\n              [attr.target]=\"buttons?.[0]?.target || '_self'\"\n              [attr.rel]=\"(buttons?.[0]?.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n              [attr.aria-label]=\"buttons?.[0]?.label\"\n          >\n              {{ buttons?.[0]?.label }}\n          </a>\n        }\n        @if (buttons?.[1]?.url) {\n          <a\n              class=\"m-buttonD\"\n              [href]=\"buttons?.[1]?.url\"\n              [linkType]=\"buttons?.[1]?.linkType\"\n              [attr.target]=\"buttons?.[1]?.target || '_self'\"\n              [attr.rel]=\"(buttons?.[1]?.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n              [attr.aria-label]=\"buttons?.[1]?.label\"\n          >\n              {{ buttons?.[1]?.label }}\n          </a>\n        }\n      </div>\n\n            }\n\n\n</section>\n", styles: [".mdl-C1Txt .mdl-logo{display:flex;justify-content:center;margin-top:4rem;margin-bottom:-4rem}.mdl-C1Txt .mdl-logo img{width:8rem}.mdl-C1Txt .m-buttons-row{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2rem;margin-top:2rem}.mdl-C1Txt .mdl-imagen{display:flex;justify-content:center;align-items:center}.mdl-C1Txt{padding-left:0!important;padding-right:0!important}.mdl-C1Txt .mdl-container{width:100%;max-width:144.5rem;margin:0 auto;padding:8rem 4rem;text-align:center;box-sizing:border-box;display:flex;flex-direction:column;gap:4rem;align-items:center;color:#393637}.mdl-C1Txt .mdl-container .m-pretitulo{font-family:var(--font-pretitle);font-size:1.7rem;font-weight:400;letter-spacing:10%;line-height:100%;text-transform:uppercase;margin-bottom:0rem}.mdl-C1Txt .mdl-container .m-titulo{font-family:var(--font-title);font-size:7rem;font-style:normal;font-weight:700;line-height:8rem;margin-bottom:0rem}.mdl-C1Txt .mdl-container .m-texto{font-family:var(--font-text);font-size:1.6rem;font-weight:400;line-height:2.8rem;max-width:76rem;margin-bottom:0rem}.mdl-C1Txt .mdl-container .m-especial{font-family:var(--font-claim);font-size:6rem;font-weight:400;line-height:100%;color:#fcdd3f}@media (max-width: 1200px){.mdl-C1Txt .mdl-container .m-titulo{font-size:5rem;line-height:5rem}}@media (max-width: 600px){.mdl-C1Txt .mdl-container{padding:8rem 2rem}.mdl-C1Txt .mdl-container .m-titulo{font-size:4rem;line-height:4rem}.mdl-C1Txt .mdl-container .m-especial{font-size:4rem}}.mdl-C1Txt.secundary .mdl-container{background-color:var(--cl_background_dark);max-width:100%}.mdl-C1Txt.secundary .mdl-container .m-titulo{order:2}.mdl-C1Txt.tertiary .mdl-container{padding:2rem 4rem}.m-buttonD{margin-bottom:4rem;font-family:new-atten,sans-serif;font-size:1.4rem;font-weight:500;letter-spacing:.2rem;line-height:100%;text-transform:uppercase;border-radius:8rem;border:1px solid #393637;padding:2rem 5rem;transition:.5s;min-width:26rem}.m-buttonD span{color:#393637}.m-buttonD:hover{background-color:#fcdd3f;transition:.5s;border:0}.m-buttonD{margin-top:3.5rem}\n"] }]
        }], propDecorators: { texts: [{
                type: Input
            }], textColors: [{
                type: Input
            }], activeView: [{
                type: Input
            }], image: [{
                type: Input
            }], logo: [{
                type: Input
            }], buttons: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64, 