import { NgIf } from '@angular/common';
import { Component, Input } from '@angular/core';
import { NgOptimizedImage } from '@angular/common';
import { SanitizerHtmlPipe } from '@testlocallibrary/shared-kernel/pipes';
import * as i0 from "@angular/core";
export class FeaturedCardComponent {
    constructor() {
        this.imgPath = '';
        this.imgAlt = '';
        this.title = '';
        this.subTitle = '';
        this.discription = '';
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FeaturedCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FeaturedCardComponent, isStandalone: true, selector: "lib-featured-card", inputs: { imgPath: "imgPath", imgAlt: "imgAlt", title: "title", subTitle: "subTitle", discription: "discription" }, ngImport: i0, template: "<div class=\"parent h-100\">\r\n  <div class=\"child h-100\">\r\n    <div class=\"content\">\r\n      <div>\r\n        <div *ngIf=\"imgPath !== ''\" class=\"img-squearContainer mb-4\">\r\n          <div class=\"img-squear\">\r\n            <!-- <img\r\n              [ngSrc]=\"imgPath\"\r\n              width=\"80\"\r\n              height=\"80\"\r\n              [alt]=\"imgAlt\"\r\n              ngSrcset=\"100w, 200w, 300w\"\r\n              sizes=\"50vw\"\r\n              placeholder\r\n              priority\r\n            /> -->\r\n            <img class=\"img-fluid\" [src]=\"imgPath\" [alt]=\"imgAlt\" />\r\n          </div>\r\n        </div>\r\n        <ng-content select=\"[ImageIcone]\"></ng-content>\r\n        <h3 class=\"h5 section-heading\">{{ title }}</h3>\r\n        <p class=\"h6 mb-3\">{{ subTitle }}</p>\r\n        <div>\r\n          <p class=\"section-paragraph h-100\" *ngIf=\"discription !==''\" [innerHTML]=\"discription | sanitizerHtml\"></p>\r\n        <ng-content select=\"[Discription]\" class=\"section-paragraph h-100\"></ng-content>\r\n          \r\n        </div>\r\n      </div>\r\n      <div class=\"extra-content\">\r\n        <ng-content select=\"[ExtraContent]\"></ng-content>\r\n      </div>\r\n      <div class=\"read-more-link\">\r\n        <ng-content select=\"[LearnMoreLink]\"></ng-content>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".parent{display:flex;flex-direction:row;border:1px solid #CBD5E1;padding:32px;border-radius:10px;background:#fff}.parent:hover{border:1px solid #254596;box-shadow:0 4px 6px -2px #0000000d,0 10px 15px -3px #0000001a}.parent .child{padding-right:10px;flex-grow:1;width:33%;position:relative;padding-bottom:24px}.parent .child .content{height:100%}.parent .child .content h3{font-size:20px;font-weight:500}.parent .child .content p{font-size:16px;font-weight:500;color:#475569}.parent .child .content img{background-size:cover;width:100%;margin-bottom:16px}.parent .child .content .read-more-link{position:absolute;bottom:0;margin-top:10px}.img-squear{align-items:center;display:flex;height:100%;justify-content:center}.img-squearContainer{height:5rem;width:5rem}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: SanitizerHtmlPipe, name: "sanitizerHtml" }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FeaturedCardComponent, decorators: [{
            type: Component,
            args: [{ selector: 'lib-featured-card', standalone: true, imports: [
                        NgIf,
                        SanitizerHtmlPipe,
                        NgOptimizedImage
                    ], template: "<div class=\"parent h-100\">\r\n  <div class=\"child h-100\">\r\n    <div class=\"content\">\r\n      <div>\r\n        <div *ngIf=\"imgPath !== ''\" class=\"img-squearContainer mb-4\">\r\n          <div class=\"img-squear\">\r\n            <!-- <img\r\n              [ngSrc]=\"imgPath\"\r\n              width=\"80\"\r\n              height=\"80\"\r\n              [alt]=\"imgAlt\"\r\n              ngSrcset=\"100w, 200w, 300w\"\r\n              sizes=\"50vw\"\r\n              placeholder\r\n              priority\r\n            /> -->\r\n            <img class=\"img-fluid\" [src]=\"imgPath\" [alt]=\"imgAlt\" />\r\n          </div>\r\n        </div>\r\n        <ng-content select=\"[ImageIcone]\"></ng-content>\r\n        <h3 class=\"h5 section-heading\">{{ title }}</h3>\r\n        <p class=\"h6 mb-3\">{{ subTitle }}</p>\r\n        <div>\r\n          <p class=\"section-paragraph h-100\" *ngIf=\"discription !==''\" [innerHTML]=\"discription | sanitizerHtml\"></p>\r\n        <ng-content select=\"[Discription]\" class=\"section-paragraph h-100\"></ng-content>\r\n          \r\n        </div>\r\n      </div>\r\n      <div class=\"extra-content\">\r\n        <ng-content select=\"[ExtraContent]\"></ng-content>\r\n      </div>\r\n      <div class=\"read-more-link\">\r\n        <ng-content select=\"[LearnMoreLink]\"></ng-content>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".parent{display:flex;flex-direction:row;border:1px solid #CBD5E1;padding:32px;border-radius:10px;background:#fff}.parent:hover{border:1px solid #254596;box-shadow:0 4px 6px -2px #0000000d,0 10px 15px -3px #0000001a}.parent .child{padding-right:10px;flex-grow:1;width:33%;position:relative;padding-bottom:24px}.parent .child .content{height:100%}.parent .child .content h3{font-size:20px;font-weight:500}.parent .child .content p{font-size:16px;font-weight:500;color:#475569}.parent .child .content img{background-size:cover;width:100%;margin-bottom:16px}.parent .child .content .read-more-link{position:absolute;bottom:0;margin-top:10px}.img-squear{align-items:center;display:flex;height:100%;justify-content:center}.img-squearContainer{height:5rem;width:5rem}\n"] }]
        }], propDecorators: { imgPath: [{
                type: Input
            }], imgAlt: [{
                type: Input
            }], title: [{
                type: Input
            }], subTitle: [{
                type: Input
            }], discription: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64, 