ngx-obelisco-example
Version:
Componentes funcionales y reutilizables para Angular.
26 lines • 7.01 kB
JavaScript
import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/platform-browser";
import * as i2 from "@angular/common";
export class OHighlightedVideoComponent {
constructor(sanitizer) {
this.sanitizer = sanitizer;
this.customClasses = '';
}
sanitizeUrl(url) {
return this.sanitizer.bypassSecurityTrustResourceUrl(url);
}
}
OHighlightedVideoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OHighlightedVideoComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
OHighlightedVideoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: OHighlightedVideoComponent, selector: "o-highlighted-video", inputs: { video: "video", iframe: "iframe", customClasses: "customClasses" }, ngImport: i0, template: "<ng-container *ngIf=\"video\">\r\n <p class=\"sr-only\">{{ video.title }}</p>\r\n <video class=\"card-img\" [ngClass]=\"customClasses\" controls=\"\">\r\n <source [src]=\"video.src\" type=\"video/mp4\" />\r\n <ng-container *ngIf=\"video.track\">\r\n <track [src]=\"video.track\" default=\"\" kind=\"captions\" srclang=\"es\" />\r\n </ng-container>\r\n <p>\r\n Su navegador no soporta v\u00EDdeos HTML5. Puedes ver el video haciendo clic en\r\n <a [href]=\"video.src\">este enlace</a>.\r\n </p>\r\n </video>\r\n</ng-container>\r\n<ng-container *ngIf=\"iframe\">\r\n <iframe\r\n [src]=\"sanitizeUrl(iframe.src ? iframe.src : '')\"\r\n class=\"card-img\"\r\n [ngClass]=\"customClasses\"\r\n [title]=\"iframe.title ? iframe.title : ' '\"\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-container>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OHighlightedVideoComponent, decorators: [{
type: Component,
args: [{ selector: 'o-highlighted-video', template: "<ng-container *ngIf=\"video\">\r\n <p class=\"sr-only\">{{ video.title }}</p>\r\n <video class=\"card-img\" [ngClass]=\"customClasses\" controls=\"\">\r\n <source [src]=\"video.src\" type=\"video/mp4\" />\r\n <ng-container *ngIf=\"video.track\">\r\n <track [src]=\"video.track\" default=\"\" kind=\"captions\" srclang=\"es\" />\r\n </ng-container>\r\n <p>\r\n Su navegador no soporta v\u00EDdeos HTML5. Puedes ver el video haciendo clic en\r\n <a [href]=\"video.src\">este enlace</a>.\r\n </p>\r\n </video>\r\n</ng-container>\r\n<ng-container *ngIf=\"iframe\">\r\n <iframe\r\n [src]=\"sanitizeUrl(iframe.src ? iframe.src : '')\"\r\n class=\"card-img\"\r\n [ngClass]=\"customClasses\"\r\n [title]=\"iframe.title ? iframe.title : ' '\"\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-container>\r\n" }]
}], ctorParameters: function () { return [{ type: i1.DomSanitizer }]; }, propDecorators: { video: [{
type: Input
}], iframe: [{
type: Input
}], customClasses: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiby1oaWdobGlnaHRlZC12aWRlby5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtb2JlbGlzY28vaGlnaGxpZ2h0ZWQvby1oaWdobGlnaHRlZC12aWRlby9vLWhpZ2hsaWdodGVkLXZpZGVvLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1vYmVsaXNjby9oaWdobGlnaHRlZC9vLWhpZ2hsaWdodGVkLXZpZGVvL28taGlnaGxpZ2h0ZWQtdmlkZW8uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFTakQsTUFBTSxPQUFPLDBCQUEwQjtJQUNyQyxZQUFvQixTQUF1QjtRQUF2QixjQUFTLEdBQVQsU0FBUyxDQUFjO1FBTzNCLGtCQUFhLEdBQVcsRUFBRSxDQUFDO0lBUEcsQ0FBQztJQUUvQyxXQUFXLENBQUMsR0FBVztRQUNyQixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsOEJBQThCLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDNUQsQ0FBQzs7dUhBTFUsMEJBQTBCOzJHQUExQiwwQkFBMEIseUlDVHZDLDg5QkF3QkE7MkZEZmEsMEJBQTBCO2tCQUx0QyxTQUFTOytCQUNFLHFCQUFxQjttR0FVZixLQUFLO3NCQUFwQixLQUFLO2dCQUNVLE1BQU07c0JBQXJCLEtBQUs7Z0JBQ1UsYUFBYTtzQkFBNUIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTWVkaWFJZnJhbWUsIE1lZGlhVmlkZW8gfSBmcm9tICduZ3gtb2JlbGlzY28tZXhhbXBsZS9jb3JlL21vZGVscyc7XHJcbmltcG9ydCB7IERvbVNhbml0aXplciwgU2FmZVJlc291cmNlVXJsIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ28taGlnaGxpZ2h0ZWQtdmlkZW8nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9vLWhpZ2hsaWdodGVkLXZpZGVvLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9vLWhpZ2hsaWdodGVkLXZpZGVvLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIE9IaWdobGlnaHRlZFZpZGVvQ29tcG9uZW50IHtcclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHNhbml0aXplcjogRG9tU2FuaXRpemVyKSB7fVxyXG5cclxuICBzYW5pdGl6ZVVybCh1cmw6IHN0cmluZyk6IFNhZmVSZXNvdXJjZVVybCB7XHJcbiAgICByZXR1cm4gdGhpcy5zYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdFJlc291cmNlVXJsKHVybCk7XHJcbiAgfVxyXG4gIEBJbnB1dCgpIHB1YmxpYyB2aWRlbz86IE1lZGlhVmlkZW87XHJcbiAgQElucHV0KCkgcHVibGljIGlmcmFtZT86IE1lZGlhSWZyYW1lO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBjdXN0b21DbGFzc2VzOiBzdHJpbmcgPSAnJztcclxufVxyXG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwidmlkZW9cIj5cclxuICA8cCBjbGFzcz1cInNyLW9ubHlcIj57eyB2aWRlby50aXRsZSB9fTwvcD5cclxuICA8dmlkZW8gY2xhc3M9XCJjYXJkLWltZ1wiIFtuZ0NsYXNzXT1cImN1c3RvbUNsYXNzZXNcIiBjb250cm9scz1cIlwiPlxyXG4gICAgPHNvdXJjZSBbc3JjXT1cInZpZGVvLnNyY1wiIHR5cGU9XCJ2aWRlby9tcDRcIiAvPlxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInZpZGVvLnRyYWNrXCI+XHJcbiAgICAgIDx0cmFjayBbc3JjXT1cInZpZGVvLnRyYWNrXCIgZGVmYXVsdD1cIlwiIGtpbmQ9XCJjYXB0aW9uc1wiIHNyY2xhbmc9XCJlc1wiIC8+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgIDxwPlxyXG4gICAgICBTdSBuYXZlZ2Fkb3Igbm8gc29wb3J0YSB2w61kZW9zIEhUTUw1LiBQdWVkZXMgdmVyIGVsIHZpZGVvIGhhY2llbmRvIGNsaWMgZW5cclxuICAgICAgPGEgW2hyZWZdPVwidmlkZW8uc3JjXCI+ZXN0ZSBlbmxhY2U8L2E+LlxyXG4gICAgPC9wPlxyXG4gIDwvdmlkZW8+XHJcbjwvbmctY29udGFpbmVyPlxyXG48bmctY29udGFpbmVyICpuZ0lmPVwiaWZyYW1lXCI+XHJcbiAgPGlmcmFtZVxyXG4gICAgW3NyY109XCJzYW5pdGl6ZVVybChpZnJhbWUuc3JjID8gaWZyYW1lLnNyYyA6ICcnKVwiXHJcbiAgICBjbGFzcz1cImNhcmQtaW1nXCJcclxuICAgIFtuZ0NsYXNzXT1cImN1c3RvbUNsYXNzZXNcIlxyXG4gICAgW3RpdGxlXT1cImlmcmFtZS50aXRsZSA/IGlmcmFtZS50aXRsZSA6ICcgJ1wiXHJcbiAgICBmcmFtZWJvcmRlcj1cIjBcIlxyXG4gICAgYWxsb3c9XCJhY2NlbGVyb21ldGVyOyBhdXRvcGxheTsgY2xpcGJvYXJkLXdyaXRlOyBlbmNyeXB0ZWQtbWVkaWE7IGd5cm9zY29wZTsgcGljdHVyZS1pbi1waWN0dXJlOyB3ZWItc2hhcmVcIlxyXG4gICAgYWxsb3dmdWxsc2NyZWVuPVwiXCJcclxuICA+PC9pZnJhbWU+XHJcbjwvbmctY29udGFpbmVyPlxyXG4iXX0=