ngx-obelisco-example
Version:
Componentes funcionales y reutilizables para Angular.
1 lines • 6.32 kB
Source Map (JSON)
{"version":3,"file":"ngx-obelisco-example-gallery.mjs","sources":["../../../projects/ngx-obelisco/gallery/o-gallery.component.ts","../../../projects/ngx-obelisco/gallery/o-gallery.component.html","../../../projects/ngx-obelisco/gallery/o-gallery.module.ts","../../../projects/ngx-obelisco/gallery/ngx-obelisco-example-gallery.ts"],"sourcesContent":["import { MediaGallery } from 'ngx-obelisco-example/core/models';\r\nimport { Component, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'o-gallery',\r\n templateUrl: './o-gallery.component.html',\r\n styleUrls: ['./o-gallery.component.scss']\r\n})\r\nexport class OGalleryComponent {\r\n @Input() public galleryItems: MediaGallery[] = [];\r\n @Input() public isInteractive: boolean = false;\r\n @Input() public dataTarget!: string;\r\n @Input() public customClasses: string = '';\r\n @Input() public customClassesInteractive: string = '';\r\n}\r\n","<div class=\"gallery-grid\" [ngClass]=\"['gallery-max-' + galleryItems.length, customClasses]\">\r\n <ng-container *ngIf=\"isInteractive; else noInteractive\">\r\n <a\r\n *ngFor=\"let image of galleryItems\"\r\n [href]=\"image.src\"\r\n [attr.data-target]=\"'#' + dataTarget\"\r\n class=\"gallery-grid-item\"\r\n data-toggle=\"modal\"\r\n >\r\n <img oDefaultImage [src]=\"image.src\" [alt]=\"image.title\" />\r\n </a>\r\n </ng-container>\r\n <ng-template #noInteractive>\r\n <div class=\"gallery-grid-item\" *ngFor=\"let image of galleryItems\">\r\n <img oDefaultImage [src]=\"image.src\" [alt]=\"image.title\" />\r\n </div>\r\n </ng-template>\r\n</div>\r\n\r\n<div\r\n *ngIf=\"isInteractive\"\r\n [id]=\"dataTarget\"\r\n class=\"modal modal-carousel\"\r\n data-backdrop=\"static\"\r\n tabindex=\"-1\"\r\n role=\"dialog\"\r\n [ngClass]=\"customClassesInteractive\"\r\n>\r\n <div class=\"modal-dialog modal-lg\" role=\"document\">\r\n <div class=\"modal-content\">\r\n <a class=\"modal-carousel-close\" data-dismiss=\"modal\">Cerrar ventana</a>\r\n <div [id]=\"dataTarget + 'control'\" class=\"carousel\" data-ride=\"carousel\" data-interval=\"false\">\r\n <div class=\"carousel-inner\">\r\n <ng-container *ngFor=\"let image of galleryItems; index as i\">\r\n <div class=\"carousel-item\" [class.active]=\"i === 0\">\r\n <img oDefaultImage class=\"d-block w-100\" [src]=\"image.src\" [alt]=\"image.title\" />\r\n <div class=\"carousel-caption\">\r\n <div class=\"row mb-4\">\r\n <div class=\"col\">\r\n <small>{{ image.author }}</small>\r\n </div>\r\n <div class=\"col text-right\">\r\n <small>Imagen {{ i + 1 }} / {{ galleryItems.length }}</small>\r\n </div>\r\n </div>\r\n <h5 class=\"h2\">{{ image.title }}</h5>\r\n <p [innerHTML]=\"image.content\"></p>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n <button\r\n class=\"carousel-control-prev\"\r\n type=\"button\"\r\n [attr.data-target]=\"'#' + dataTarget + 'control'\"\r\n data-slide=\"prev\"\r\n >\r\n <span class=\"carousel-control-prev-icon\" aria-hidden=\"true\"></span>\r\n <span class=\"sr-only\">Anterior</span>\r\n </button>\r\n <button\r\n class=\"carousel-control-next\"\r\n type=\"button\"\r\n [attr.data-target]=\"'#' + dataTarget + 'control'\"\r\n data-slide=\"next\"\r\n >\r\n <span class=\"carousel-control-next-icon\" aria-hidden=\"true\"></span>\r\n <span class=\"sr-only\">Siguiente</span>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { OGalleryComponent } from './o-gallery.component';\r\nimport { ODefaultImageDirective } from 'ngx-obelisco-example/directives';\r\n\r\n@NgModule({\r\n declarations: [OGalleryComponent],\r\n imports: [CommonModule, ODefaultImageDirective],\r\n exports: [OGalleryComponent]\r\n})\r\nexport class OGalleryModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;MAQa,iBAAiB,CAAA;AAL9B,IAAA,WAAA,GAAA;AAMkB,QAAA,IAAY,CAAA,YAAA,GAAmB,EAAE,CAAC;AAClC,QAAA,IAAa,CAAA,aAAA,GAAY,KAAK,CAAC;AAE/B,QAAA,IAAa,CAAA,aAAA,GAAW,EAAE,CAAC;AAC3B,QAAA,IAAwB,CAAA,wBAAA,GAAW,EAAE,CAAC;KACvD;;8GANY,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,iBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,2OCR9B,+2FAyEA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;2FDjEa,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAL7B,SAAS;+BACE,WAAW,EAAA,QAAA,EAAA,+2FAAA,EAAA,CAAA;8BAKL,YAAY,EAAA,CAAA;sBAA3B,KAAK;gBACU,aAAa,EAAA,CAAA;sBAA5B,KAAK;gBACU,UAAU,EAAA,CAAA;sBAAzB,KAAK;gBACU,aAAa,EAAA,CAAA;sBAA5B,KAAK;gBACU,wBAAwB,EAAA,CAAA;sBAAvC,KAAK;;;MEHK,cAAc,CAAA;;2GAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAd,cAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,iBAJV,iBAAiB,CAAA,EAAA,OAAA,EAAA,CACtB,YAAY,EAAE,sBAAsB,aACpC,iBAAiB,CAAA,EAAA,CAAA,CAAA;AAEhB,cAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,YAHf,YAAY,CAAA,EAAA,CAAA,CAAA;2FAGX,cAAc,EAAA,UAAA,EAAA,CAAA;kBAL1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,iBAAiB,CAAC;AACjC,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,sBAAsB,CAAC;oBAC/C,OAAO,EAAE,CAAC,iBAAiB,CAAC;iBAC7B,CAAA;;;ACTD;;AAEG;;;;"}