import { CommonModule } from '@angular/common';
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
import { RouterModule } from '@angular/router';
import { BabylonLinkTypeDirective } from '../../../directives/link-type/link-type.directive';
import { BabylonDynamicHeadingComponent } from '../../shared/babylon-dynamic-heading/babylon-dynamic-heading.component';
import * as i0 from "@angular/core";
export class Babylon404Component {
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: Babylon404Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: Babylon404Component, isStandalone: true, selector: "lib-babylon-404", inputs: { pretitle: "pretitle", title: "title", description: "description", img: "img", button: "button", tags: "tags", textColors: "textColors" }, ngImport: i0, template: "<section class=\"babylon__404 margin-main\">\n    <div class=\"container\">\n        <div class=\"intro_info align--center no-align\">\n            @if (pretitle) {\n                <lib-babylon-dynamic-heading\n                    [tag]=\"tags?.pretitle || 'h2'\"\n                    cssClass=\"title\"\n                    [color]=\"textColors?.pretitle\"\n                    [content]=\"pretitle\"\n                ></lib-babylon-dynamic-heading>\n            }\n            @if (title) {\n                <lib-babylon-dynamic-heading\n                    [tag]=\"tags?.title || 'h1'\"\n                    cssClass=\"title--small mb--10\"\n                    [color]=\"textColors?.title\"\n                    [content]=\"title\"\n                ></lib-babylon-dynamic-heading>\n            }\n            @if (description) {\n                <p class=\"text mb--10\" [innerHTML]=\"description\"></p>\n            }\n            @if (button?.label) {\n                <div class=\"btns__box align--center\">\n                    <a\n                        role=\"button\"\n                        [attr.aria-label]=\"button?.label\"\n                        [href]=\"button?.url\"\n                        [linkType]=\"button?.linkType\"\n                        class=\"btn btn-primary\"\n                    >\n                        <b>{{ button?.label }}</b>\n                        <span class=\"babylon-arrow-right-big\"></span>\n                    </a>\n                </div>\n            }\n        </div>\n    </div>\n</section>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: Babylon404Component, decorators: [{
            type: Component,
            args: [{ selector: 'lib-babylon-404', standalone: true, imports: [
                        CommonModule,
                        RouterModule,
                        BabylonLinkTypeDirective,
                        BabylonDynamicHeadingComponent,
                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"babylon__404 margin-main\">\n    <div class=\"container\">\n        <div class=\"intro_info align--center no-align\">\n            @if (pretitle) {\n                <lib-babylon-dynamic-heading\n                    [tag]=\"tags?.pretitle || 'h2'\"\n                    cssClass=\"title\"\n                    [color]=\"textColors?.pretitle\"\n                    [content]=\"pretitle\"\n                ></lib-babylon-dynamic-heading>\n            }\n            @if (title) {\n                <lib-babylon-dynamic-heading\n                    [tag]=\"tags?.title || 'h1'\"\n                    cssClass=\"title--small mb--10\"\n                    [color]=\"textColors?.title\"\n                    [content]=\"title\"\n                ></lib-babylon-dynamic-heading>\n            }\n            @if (description) {\n                <p class=\"text mb--10\" [innerHTML]=\"description\"></p>\n            }\n            @if (button?.label) {\n                <div class=\"btns__box align--center\">\n                    <a\n                        role=\"button\"\n                        [attr.aria-label]=\"button?.label\"\n                        [href]=\"button?.url\"\n                        [linkType]=\"button?.linkType\"\n                        class=\"btn btn-primary\"\n                    >\n                        <b>{{ button?.label }}</b>\n                        <span class=\"babylon-arrow-right-big\"></span>\n                    </a>\n                </div>\n            }\n        </div>\n    </div>\n</section>\n" }]
        }], propDecorators: { pretitle: [{
                type: Input
            }], title: [{
                type: Input
            }], description: [{
                type: Input
            }], img: [{
                type: Input
            }], button: [{
                type: Input
            }], tags: [{
                type: Input
            }], textColors: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64, 