import { Component, Input } from '@angular/core';
import { NgClass, NgIf, NgOptimizedImage } from '@angular/common';
import { SanitizerHtmlPipe } from '@testlocallibrary/shared-kernel/pipes';
import * as i0 from "@angular/core";
export 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
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC13aXRoLWltYWdlcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaGFyZWQta2VybmVsL2NvbXBvbmVudHMvdGV4dC13aXRoLWltYWdlcy9zcmMvdGV4dC13aXRoLWltYWdlcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaGFyZWQta2VybmVsL2NvbXBvbmVudHMvdGV4dC13aXRoLWltYWdlcy9zcmMvdGV4dC13aXRoLWltYWdlcy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFDOztBQVMxRSxNQUFNLE9BQU8sdUJBQXVCO0lBUHBDO1FBUVcsZUFBVSxHQUFZLEtBQUssQ0FBQztRQUM1QixXQUFNLEdBQVcsRUFBRSxDQUFDO1FBQ3BCLFdBQU0sR0FBVyxFQUFFLENBQUM7UUFDcEIsYUFBUSxHQUFXLEVBQUUsQ0FBQztRQUN0QixTQUFJLEdBQVcsS0FBSyxDQUFDO0tBQy9COytHQU5ZLHVCQUF1QjttR0FBdkIsdUJBQXVCLDhMQ1hwQyxnK0JBK0JBLG1qQkR2QlksT0FBTyxvRkFBRSxJQUFJOzs0RkFHWix1QkFBdUI7a0JBUG5DLFNBQVM7K0JBQ0Usc0JBQXNCLFdBR3ZCLENBQUMsT0FBTyxFQUFFLElBQUksRUFBRSxpQkFBaUIsRUFBRSxnQkFBZ0IsQ0FBQyxjQUNqRCxJQUFJOzhCQUdQLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTmdDbGFzcywgTmdJZiwgTmdPcHRpbWl6ZWRJbWFnZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IFNhbml0aXplckh0bWxQaXBlIH0gZnJvbSAnQHRlc3Rsb2NhbGxpYnJhcnkvc2hhcmVkLWtlcm5lbC9waXBlcyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi10ZXh0LXdpdGgtaW1hZ2VzJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdGV4dC13aXRoLWltYWdlcy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdGV4dC13aXRoLWltYWdlcy5jb21wb25lbnQuc2NzcyddLFxyXG4gIGltcG9ydHM6IFtOZ0NsYXNzLCBOZ0lmLCBTYW5pdGl6ZXJIdG1sUGlwZSwgTmdPcHRpbWl6ZWRJbWFnZV0sXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFRleHRXaXRoSW1hZ2VzQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBpc1RleHRMZWZ0OiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgaW1nU3JjOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSBpbWdBbHQ6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIHZpZGVvU3JjOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSB0eXBlOiBzdHJpbmcgPSAnaW1nJztcclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwicm93IHNlY3Rpb24gZy0wXCIgW25nQ2xhc3NdPVwieyAnZmxleC1sZy1yb3ctcmV2ZXJzZSc6ICFpc1RleHRMZWZ0IH1cIj5cclxuICA8ZGl2XHJcbiAgICBjbGFzcz1cImNvbC1sZy02IGNvbC1tZC0xMlwiXHJcbiAgICBbbmdDbGFzc109XCJ7XHJcbiAgICAgICd0ZXh0LXNlY3Rpb24tcmlnaHQnOiAhaXNUZXh0TGVmdCxcclxuICAgICAgJ3RleHQtc2VjdGlvbiAnOiBpc1RleHRMZWZ0XHJcbiAgICB9XCJcclxuICA+XHJcbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiBjbGFzcz1cImNvbC1sZy02IGNvbC1tZC0xMiBpbWFnZS1zZWN0aW9uXCI+XHJcbiAgICA8aW1nXHJcbiAgICAgICpuZ0lmPVwidHlwZSA9PSAnaW1nJzsgZWxzZSB2aWRlb1wiXHJcbiAgICAgIGNsYXNzPVwiaW1nLWZsdWlkXCJcclxuICAgICAgW3NyY109XCJpbWdTcmNcIlxyXG4gICAgICBbYWx0XT1cImltZ0FsdFwiIGxvYWRpbmc9XCJsYXp5XCJcclxuICAgICAgXHJcbiAgICAvPlxyXG4gICAgPG5nLXRlbXBsYXRlICN2aWRlbz5cclxuICAgICAgPGlmcmFtZVxyXG4gICAgICAgIHdpZHRoPVwiMTAwJVwiXHJcbiAgICAgICAgaGVpZ2h0PVwiMTAwJVwiXHJcbiAgICAgICAgc3JjPVwiaHR0cHM6Ly93d3cueW91dHViZS5jb20vZW1iZWQvbk5xelJyZHdKM1k/c2k9TkMySXBUeEdJdExDUGpLcFwiXHJcbiAgICAgICAgdGl0bGU9XCJZb3VUdWJlIHZpZGVvIHBsYXllclwiXHJcbiAgICAgICAgZnJhbWVib3JkZXI9XCIwXCJcclxuICAgICAgICBhbGxvdz1cImFjY2VsZXJvbWV0ZXI7IGF1dG9wbGF5OyBjbGlwYm9hcmQtd3JpdGU7IGVuY3J5cHRlZC1tZWRpYTsgZ3lyb3Njb3BlOyBwaWN0dXJlLWluLXBpY3R1cmU7IHdlYi1zaGFyZVwiXHJcbiAgICAgICAgYWxsb3dmdWxsc2NyZWVuXHJcbiAgICAgID48L2lmcmFtZT5cclxuICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=