import * as i0 from '@angular/core';
import { Component, Input } from '@angular/core';
import { NgClass, NgIf, NgOptimizedImage } from '@angular/common';
import { SanitizerHtmlPipe } from '@testlocallibrary/shared-kernel/pipes';

class TextWithImagesComponent {
    constructor() {
        this.isTextLeft = false;
        this.imgSrc = '';
        this.imgAlt = '';
        this.videoSrc = '';
        this.type = 'img';
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextWithImagesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextWithImagesComponent, isStandalone: true, selector: "lib-text-with-images", inputs: { isTextLeft: "isTextLeft", imgSrc: "imgSrc", imgAlt: "imgAlt", videoSrc: "videoSrc", type: "type" }, ngImport: i0, template: "<div class=\"row section g-0\" [ngClass]=\"{ 'flex-lg-row-reverse': !isTextLeft }\">\r\n  <div\r\n    class=\"col-lg-6 col-md-12\"\r\n    [ngClass]=\"{\r\n      'text-section-right': !isTextLeft,\r\n      'text-section ': isTextLeft\r\n    }\"\r\n  >\r\n    <ng-content></ng-content>\r\n  </div>\r\n  <div class=\"col-lg-6 col-md-12 image-section\">\r\n    <img\r\n      *ngIf=\"type == 'img'; else video\"\r\n      class=\"img-fluid\"\r\n      [src]=\"imgSrc\"\r\n      [alt]=\"imgAlt\" loading=\"lazy\"\r\n      \r\n    />\r\n    <ng-template #video>\r\n      <iframe\r\n        width=\"100%\"\r\n        height=\"100%\"\r\n        src=\"https://www.youtube.com/embed/nNqzRrdwJ3Y?si=NC2IpTxGItLCPjKp\"\r\n        title=\"YouTube video player\"\r\n        frameborder=\"0\"\r\n        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n        allowfullscreen\r\n      ></iframe>\r\n    </ng-template>\r\n  </div>\r\n</div>\r\n", styles: [".image-section{display:flex;align-items:center}.image-section img{border-radius:20px}.text-section{padding-inline-end:68px;justify-content:center;display:flex;flex-direction:column}.text-section-right{padding-inline-start:60px;justify-content:center;display:flex;flex-direction:column}@media screen and (max-width: 768px){.section{flex-direction:column-reverse}.text-section{padding-inline-end:0;margin-top:36px}.text-section-right{padding-inline-start:0!important;padding-inline-end:0;margin-top:36px}}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextWithImagesComponent, decorators: [{
            type: Component,
            args: [{ selector: 'lib-text-with-images', imports: [NgClass, NgIf, SanitizerHtmlPipe, NgOptimizedImage], standalone: true, template: "<div class=\"row section g-0\" [ngClass]=\"{ 'flex-lg-row-reverse': !isTextLeft }\">\r\n  <div\r\n    class=\"col-lg-6 col-md-12\"\r\n    [ngClass]=\"{\r\n      'text-section-right': !isTextLeft,\r\n      'text-section ': isTextLeft\r\n    }\"\r\n  >\r\n    <ng-content></ng-content>\r\n  </div>\r\n  <div class=\"col-lg-6 col-md-12 image-section\">\r\n    <img\r\n      *ngIf=\"type == 'img'; else video\"\r\n      class=\"img-fluid\"\r\n      [src]=\"imgSrc\"\r\n      [alt]=\"imgAlt\" loading=\"lazy\"\r\n      \r\n    />\r\n    <ng-template #video>\r\n      <iframe\r\n        width=\"100%\"\r\n        height=\"100%\"\r\n        src=\"https://www.youtube.com/embed/nNqzRrdwJ3Y?si=NC2IpTxGItLCPjKp\"\r\n        title=\"YouTube video player\"\r\n        frameborder=\"0\"\r\n        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n        allowfullscreen\r\n      ></iframe>\r\n    </ng-template>\r\n  </div>\r\n</div>\r\n", styles: [".image-section{display:flex;align-items:center}.image-section img{border-radius:20px}.text-section{padding-inline-end:68px;justify-content:center;display:flex;flex-direction:column}.text-section-right{padding-inline-start:60px;justify-content:center;display:flex;flex-direction:column}@media screen and (max-width: 768px){.section{flex-direction:column-reverse}.text-section{padding-inline-end:0;margin-top:36px}.text-section-right{padding-inline-start:0!important;padding-inline-end:0;margin-top:36px}}\n"] }]
        }], propDecorators: { isTextLeft: [{
                type: Input
            }], imgSrc: [{
                type: Input
            }], imgAlt: [{
                type: Input
            }], videoSrc: [{
                type: Input
            }], type: [{
                type: Input
            }] } });

/**
 * Generated bundle index. Do not edit.
 */

export { TextWithImagesComponent };
//# sourceMappingURL=testlocallibrary-shared-kernel-components-text-with-images.mjs.map
