@vendasta/store
Version:
Components and data for Store
40 lines • 27.1 kB
JavaScript
import { Component, Input } from '@angular/core';
import { Product } from '../../shared/product';
import { VaLightboxComponent } from '@vendasta/uikit';
import * as i0 from "@angular/core";
import * as i1 from "@angular/material/card";
import * as i2 from "@angular/material/icon";
import * as i3 from "@angular/common";
export class ScreenshotsFilesComponent {
constructor() {
this.clickable = true;
}
getSrcsetImageUrls(imageUrl) {
return `${imageUrl}=s640 640w, ${imageUrl}=s1280 1280w, ${imageUrl}=s1920 1920w`;
}
onClick(index) {
if (this.clickable && this.app && this.app.screenshotUrls) {
this.lightboxRef.open({ imageUrls: this.app.screenshotUrls, index: index });
}
}
getFileName(fileUrl) {
if (fileUrl && fileUrl.url) {
const filename = fileUrl.url.substring(fileUrl.url.lastIndexOf('/') + 1);
return filename;
}
return '';
}
}
ScreenshotsFilesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: ScreenshotsFilesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
ScreenshotsFilesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: ScreenshotsFilesComponent, selector: "app-screenshots-files", inputs: { app: "app", clickable: "clickable", lightboxRef: "lightboxRef" }, ngImport: i0, template: "<!--Gallery-->\n<div class=\"screenshot-files-content\">\n <ng-container *ngIf=\"app?.screenshotUrls?.length > 0\">\n <mat-card class=\"mat-card-section\">\n <section class=\"app-section-padding\">\n <h2 class=\"app-component-title app-gallery-title\">Gallery</h2>\n <span>\n <section class=\"screenshot-containar\">\n <div\n class=\"screenshot-item\"\n *ngFor=\"let img of app?.screenshotUrls; let i = index\"\n (click)=\"onClick(i)\"\n >\n <img\n class=\"screenshot-img\"\n [src]=\"img\"\n [srcset]=\"getSrcsetImageUrls(img)\"\n />\n </div>\n </section>\n </span>\n </section>\n </mat-card>\n </ng-container>\n\n <!--Files-->\n <ng-container *ngIf=\"app && app?.files?.length > 0\">\n <mat-card class=\"mat-card-section\">\n <section class=\"app-section-padding\">\n <h2 class=\"app-component-title\">Files & Documents</h2>\n <span>\n <div class=\"content-container\">\n <div *ngFor=\"let file of app?.files\" class=\"item-container-6\">\n <a href=\"{{ file.url }}\" target=\"_blank\">\n <div class=\"card-container\">\n <mat-card class=\"mat-card-no-shadow\">\n <mat-icon\n class=\"file-icon file-large-icon\"\n role=\"img\"\n aria-hidden=\"true\"\n >\n insert_drive_file\n </mat-icon>\n <mat-card-content>{{ getFileName(file) }}</mat-card-content>\n </mat-card>\n </div>\n </a>\n </div>\n </div>\n </span>\n </section>\n </mat-card>\n </ng-container>\n</div>\n", styles: [".row{display:flex;flex-wrap:wrap}.row+.row-gutters{margin-top:0}.row-gutters{margin-top:-20px;margin-left:-20px}.row-gutters>.col{padding-top:20px;padding-left:20px}.col{position:relative;max-width:100%;box-sizing:border-box;flex:1 1 0%}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{flex:0 0 auto}.col-xs-1{width:8.333333%}.col-xs-2{width:16.666667%}.col-xs-3{width:25%}.col-xs-4{width:33.333333%}.col-xs-5{width:41.666667%}.col-xs-6{width:50%}.col-xs-7{width:58.333333%}.col-xs-8{width:66.666667%}.col-xs-9{width:75%}.col-xs-10{width:83.333333%}.col-xs-11{width:92.666667%}.col-xs-12{width:100%}.col-xs-push-1{left:8.3333333333%}.col-xs-push-2{left:16.6666666667%}.col-xs-push-3{left:25%}.col-xs-push-4{left:33.3333333333%}.col-xs-push-5{left:41.6666666667%}.col-xs-push-6{left:50%}.col-xs-push-7{left:58.3333333333%}.col-xs-push-8{left:66.6666666667%}.col-xs-push-9{left:75%}.col-xs-push-10{left:83.3333333333%}.col-xs-push-11{left:91.6666666667%}.col-xs-push-12{left:100%}.col-xs-pull-1{right:8.3333333333%}.col-xs-pull-2{right:16.6666666667%}.col-xs-pull-3{right:25%}.col-xs-pull-4{right:33.3333333333%}.col-xs-pull-5{right:41.6666666667%}.col-xs-pull-6{right:50%}.col-xs-pull-7{right:58.3333333333%}.col-xs-pull-8{right:66.6666666667%}.col-xs-pull-9{right:75%}.col-xs-pull-10{right:83.3333333333%}.col-xs-pull-11{right:91.6666666667%}.col-xs-pull-12{right:100%}@media screen and (min-width: 600px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{flex:0 0 auto}.col-sm-1{width:8.333333%}.col-sm-2{width:16.666667%}.col-sm-3{width:25%}.col-sm-4{width:33.333333%}.col-sm-5{width:41.666667%}.col-sm-6{width:50%}.col-sm-7{width:58.333333%}.col-sm-8{width:66.666667%}.col-sm-9{width:75%}.col-sm-10{width:83.333333%}.col-sm-11{width:92.666667%}.col-sm-12{width:100%}.col-sm-push-1{left:8.3333333333%}.col-sm-push-2{left:16.6666666667%}.col-sm-push-3{left:25%}.col-sm-push-4{left:33.3333333333%}.col-sm-push-5{left:41.6666666667%}.col-sm-push-6{left:50%}.col-sm-push-7{left:58.3333333333%}.col-sm-push-8{left:66.6666666667%}.col-sm-push-9{left:75%}.col-sm-push-10{left:83.3333333333%}.col-sm-push-11{left:91.6666666667%}.col-sm-push-12{left:100%}.col-sm-pull-1{right:8.3333333333%}.col-sm-pull-2{right:16.6666666667%}.col-sm-pull-3{right:25%}.col-sm-pull-4{right:33.3333333333%}.col-sm-pull-5{right:41.6666666667%}.col-sm-pull-6{right:50%}.col-sm-pull-7{right:58.3333333333%}.col-sm-pull-8{right:66.6666666667%}.col-sm-pull-9{right:75%}.col-sm-pull-10{right:83.3333333333%}.col-sm-pull-11{right:91.6666666667%}.col-sm-pull-12{right:100%}}@media screen and (min-width: 1024px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{flex:0 0 auto}.col-md-1{width:8.333333%}.col-md-2{width:16.666667%}.col-md-3{width:25%}.col-md-4{width:33.333333%}.col-md-5{width:41.666667%}.col-md-6{width:50%}.col-md-7{width:58.333333%}.col-md-8{width:66.666667%}.col-md-9{width:75%}.col-md-10{width:83.333333%}.col-md-11{width:92.666667%}.col-md-12{width:100%}.col-md-push-1{left:8.3333333333%}.col-md-push-2{left:16.6666666667%}.col-md-push-3{left:25%}.col-md-push-4{left:33.3333333333%}.col-md-push-5{left:41.6666666667%}.col-md-push-6{left:50%}.col-md-push-7{left:58.3333333333%}.col-md-push-8{left:66.6666666667%}.col-md-push-9{left:75%}.col-md-push-10{left:83.3333333333%}.col-md-push-11{left:91.6666666667%}.col-md-push-12{left:100%}.col-md-pull-1{right:8.3333333333%}.col-md-pull-2{right:16.6666666667%}.col-md-pull-3{right:25%}.col-md-pull-4{right:33.3333333333%}.col-md-pull-5{right:41.6666666667%}.col-md-pull-6{right:50%}.col-md-pull-7{right:58.3333333333%}.col-md-pull-8{right:66.6666666667%}.col-md-pull-9{right:75%}.col-md-pull-10{right:83.3333333333%}.col-md-pull-11{right:91.6666666667%}.col-md-pull-12{right:100%}}@media screen and (min-width: 1440px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{flex:0 0 auto}.col-lg-1{width:8.333333%}.col-lg-2{width:16.666667%}.col-lg-3{width:25%}.col-lg-4{width:33.333333%}.col-lg-5{width:41.666667%}.col-lg-6{width:50%}.col-lg-7{width:58.333333%}.col-lg-8{width:66.666667%}.col-lg-9{width:75%}.col-lg-10{width:83.333333%}.col-lg-11{width:92.666667%}.col-lg-12{width:100%}.col-lg-push-1{left:8.3333333333%}.col-lg-push-2{left:16.6666666667%}.col-lg-push-3{left:25%}.col-lg-push-4{left:33.3333333333%}.col-lg-push-5{left:41.6666666667%}.col-lg-push-6{left:50%}.col-lg-push-7{left:58.3333333333%}.col-lg-push-8{left:66.6666666667%}.col-lg-push-9{left:75%}.col-lg-push-10{left:83.3333333333%}.col-lg-push-11{left:91.6666666667%}.col-lg-push-12{left:100%}.col-lg-pull-1{right:8.3333333333%}.col-lg-pull-2{right:16.6666666667%}.col-lg-pull-3{right:25%}.col-lg-pull-4{right:33.3333333333%}.col-lg-pull-5{right:41.6666666667%}.col-lg-pull-6{right:50%}.col-lg-pull-7{right:58.3333333333%}.col-lg-pull-8{right:66.6666666667%}.col-lg-pull-9{right:75%}.col-lg-pull-10{right:83.3333333333%}.col-lg-pull-11{right:91.6666666667%}.col-lg-pull-12{right:100%}}snack-bar-container.snackbar-error simple-snack-bar:before{content:\"ERROR: \";color:red;font-weight:700;padding-right:5px}snack-bar-container.snackbar-error button.mat-simple-snackbar-action{margin-left:16px}snack-bar-container.snackbar-success simple-snack-bar:before{content:\"SUCCESS: \";color:#0f0;font-weight:700;padding-right:5px}snack-bar-container.snackbar-success button.mat-simple-snackbar-action{margin-left:16px}.mat-card-section{margin:12px}.app-component-title{font-size:16px;font-weight:300;margin-top:0}.app-gallery-title{margin-bottom:24px}section{padding:24px}.app-section-padding{padding:0}.product-content{display:flex;background-color:#fff}@media screen and (max-width: 600px){.product-content{flex-direction:column}}.screenshot-files-content{background-color:#e0e0e0}.layout-flex{display:flex}.layout-block{display:block}.edit-button-layout{align-items:center;padding:8px 8px 16px}.left-column-layout{width:100%}.ksp-layout{width:100%;padding-bottom:8px;padding-top:32px}.faqs-edit-inline-layout{padding:16px 24px}.text-color{color:#000}.multi-field-layout{width:100%;display:inline-block;justify-content:center;padding:12px;margin-bottom:10px}.drag-icon{margin-right:8px}.header{display:flex;flex-direction:row;justify-content:center;align-items:center}.row{display:flex;flex-wrap:wrap;padding:0 4px}.screenshot-containar{display:flex;flex-wrap:wrap}.screenshot-item{display:block;flex-basis:20%;box-sizing:border-box;cursor:pointer}@media screen and (max-width: 1024px){.screenshot-item{flex-basis:50%}}@media screen and (max-width: 600px){.screenshot-item{flex-basis:100%}}.screenshot-img{height:150px;width:100%;-o-object-fit:cover;object-fit:cover;padding:10px}:host ::ng-deep div.mat-tab-body-content{background-color:#e0e0e0;padding:22px}@media screen and (max-width: 600px){:host ::ng-deep div.mat-tab-body-content{padding:0}}.content-container{display:flex;flex-direction:row;flex-wrap:wrap;height:80%}@media screen and (max-width: 600px){.content-container{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr}}.card-container{height:100%}.item-container-6{width:16.6%}@media screen and (max-width: 1280px){.item-container-6{width:49%}}@media screen and (max-width: 840px){.item-container-6{width:49%}}@media screen and (max-width: 600px){.item-container-6{width:100%}}.file-large-icon{font-size:50px}@media screen and (max-width: 600px){.file-large-icon{font-size:24px}}.mat-card-no-shadow{box-shadow:none}\n"], components: [{ type: i1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: ScreenshotsFilesComponent, decorators: [{
type: Component,
args: [{ selector: 'app-screenshots-files', template: "<!--Gallery-->\n<div class=\"screenshot-files-content\">\n <ng-container *ngIf=\"app?.screenshotUrls?.length > 0\">\n <mat-card class=\"mat-card-section\">\n <section class=\"app-section-padding\">\n <h2 class=\"app-component-title app-gallery-title\">Gallery</h2>\n <span>\n <section class=\"screenshot-containar\">\n <div\n class=\"screenshot-item\"\n *ngFor=\"let img of app?.screenshotUrls; let i = index\"\n (click)=\"onClick(i)\"\n >\n <img\n class=\"screenshot-img\"\n [src]=\"img\"\n [srcset]=\"getSrcsetImageUrls(img)\"\n />\n </div>\n </section>\n </span>\n </section>\n </mat-card>\n </ng-container>\n\n <!--Files-->\n <ng-container *ngIf=\"app && app?.files?.length > 0\">\n <mat-card class=\"mat-card-section\">\n <section class=\"app-section-padding\">\n <h2 class=\"app-component-title\">Files & Documents</h2>\n <span>\n <div class=\"content-container\">\n <div *ngFor=\"let file of app?.files\" class=\"item-container-6\">\n <a href=\"{{ file.url }}\" target=\"_blank\">\n <div class=\"card-container\">\n <mat-card class=\"mat-card-no-shadow\">\n <mat-icon\n class=\"file-icon file-large-icon\"\n role=\"img\"\n aria-hidden=\"true\"\n >\n insert_drive_file\n </mat-icon>\n <mat-card-content>{{ getFileName(file) }}</mat-card-content>\n </mat-card>\n </div>\n </a>\n </div>\n </div>\n </span>\n </section>\n </mat-card>\n </ng-container>\n</div>\n", styles: [".row{display:flex;flex-wrap:wrap}.row+.row-gutters{margin-top:0}.row-gutters{margin-top:-20px;margin-left:-20px}.row-gutters>.col{padding-top:20px;padding-left:20px}.col{position:relative;max-width:100%;box-sizing:border-box;flex:1 1 0%}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{flex:0 0 auto}.col-xs-1{width:8.333333%}.col-xs-2{width:16.666667%}.col-xs-3{width:25%}.col-xs-4{width:33.333333%}.col-xs-5{width:41.666667%}.col-xs-6{width:50%}.col-xs-7{width:58.333333%}.col-xs-8{width:66.666667%}.col-xs-9{width:75%}.col-xs-10{width:83.333333%}.col-xs-11{width:92.666667%}.col-xs-12{width:100%}.col-xs-push-1{left:8.3333333333%}.col-xs-push-2{left:16.6666666667%}.col-xs-push-3{left:25%}.col-xs-push-4{left:33.3333333333%}.col-xs-push-5{left:41.6666666667%}.col-xs-push-6{left:50%}.col-xs-push-7{left:58.3333333333%}.col-xs-push-8{left:66.6666666667%}.col-xs-push-9{left:75%}.col-xs-push-10{left:83.3333333333%}.col-xs-push-11{left:91.6666666667%}.col-xs-push-12{left:100%}.col-xs-pull-1{right:8.3333333333%}.col-xs-pull-2{right:16.6666666667%}.col-xs-pull-3{right:25%}.col-xs-pull-4{right:33.3333333333%}.col-xs-pull-5{right:41.6666666667%}.col-xs-pull-6{right:50%}.col-xs-pull-7{right:58.3333333333%}.col-xs-pull-8{right:66.6666666667%}.col-xs-pull-9{right:75%}.col-xs-pull-10{right:83.3333333333%}.col-xs-pull-11{right:91.6666666667%}.col-xs-pull-12{right:100%}@media screen and (min-width: 600px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{flex:0 0 auto}.col-sm-1{width:8.333333%}.col-sm-2{width:16.666667%}.col-sm-3{width:25%}.col-sm-4{width:33.333333%}.col-sm-5{width:41.666667%}.col-sm-6{width:50%}.col-sm-7{width:58.333333%}.col-sm-8{width:66.666667%}.col-sm-9{width:75%}.col-sm-10{width:83.333333%}.col-sm-11{width:92.666667%}.col-sm-12{width:100%}.col-sm-push-1{left:8.3333333333%}.col-sm-push-2{left:16.6666666667%}.col-sm-push-3{left:25%}.col-sm-push-4{left:33.3333333333%}.col-sm-push-5{left:41.6666666667%}.col-sm-push-6{left:50%}.col-sm-push-7{left:58.3333333333%}.col-sm-push-8{left:66.6666666667%}.col-sm-push-9{left:75%}.col-sm-push-10{left:83.3333333333%}.col-sm-push-11{left:91.6666666667%}.col-sm-push-12{left:100%}.col-sm-pull-1{right:8.3333333333%}.col-sm-pull-2{right:16.6666666667%}.col-sm-pull-3{right:25%}.col-sm-pull-4{right:33.3333333333%}.col-sm-pull-5{right:41.6666666667%}.col-sm-pull-6{right:50%}.col-sm-pull-7{right:58.3333333333%}.col-sm-pull-8{right:66.6666666667%}.col-sm-pull-9{right:75%}.col-sm-pull-10{right:83.3333333333%}.col-sm-pull-11{right:91.6666666667%}.col-sm-pull-12{right:100%}}@media screen and (min-width: 1024px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{flex:0 0 auto}.col-md-1{width:8.333333%}.col-md-2{width:16.666667%}.col-md-3{width:25%}.col-md-4{width:33.333333%}.col-md-5{width:41.666667%}.col-md-6{width:50%}.col-md-7{width:58.333333%}.col-md-8{width:66.666667%}.col-md-9{width:75%}.col-md-10{width:83.333333%}.col-md-11{width:92.666667%}.col-md-12{width:100%}.col-md-push-1{left:8.3333333333%}.col-md-push-2{left:16.6666666667%}.col-md-push-3{left:25%}.col-md-push-4{left:33.3333333333%}.col-md-push-5{left:41.6666666667%}.col-md-push-6{left:50%}.col-md-push-7{left:58.3333333333%}.col-md-push-8{left:66.6666666667%}.col-md-push-9{left:75%}.col-md-push-10{left:83.3333333333%}.col-md-push-11{left:91.6666666667%}.col-md-push-12{left:100%}.col-md-pull-1{right:8.3333333333%}.col-md-pull-2{right:16.6666666667%}.col-md-pull-3{right:25%}.col-md-pull-4{right:33.3333333333%}.col-md-pull-5{right:41.6666666667%}.col-md-pull-6{right:50%}.col-md-pull-7{right:58.3333333333%}.col-md-pull-8{right:66.6666666667%}.col-md-pull-9{right:75%}.col-md-pull-10{right:83.3333333333%}.col-md-pull-11{right:91.6666666667%}.col-md-pull-12{right:100%}}@media screen and (min-width: 1440px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{flex:0 0 auto}.col-lg-1{width:8.333333%}.col-lg-2{width:16.666667%}.col-lg-3{width:25%}.col-lg-4{width:33.333333%}.col-lg-5{width:41.666667%}.col-lg-6{width:50%}.col-lg-7{width:58.333333%}.col-lg-8{width:66.666667%}.col-lg-9{width:75%}.col-lg-10{width:83.333333%}.col-lg-11{width:92.666667%}.col-lg-12{width:100%}.col-lg-push-1{left:8.3333333333%}.col-lg-push-2{left:16.6666666667%}.col-lg-push-3{left:25%}.col-lg-push-4{left:33.3333333333%}.col-lg-push-5{left:41.6666666667%}.col-lg-push-6{left:50%}.col-lg-push-7{left:58.3333333333%}.col-lg-push-8{left:66.6666666667%}.col-lg-push-9{left:75%}.col-lg-push-10{left:83.3333333333%}.col-lg-push-11{left:91.6666666667%}.col-lg-push-12{left:100%}.col-lg-pull-1{right:8.3333333333%}.col-lg-pull-2{right:16.6666666667%}.col-lg-pull-3{right:25%}.col-lg-pull-4{right:33.3333333333%}.col-lg-pull-5{right:41.6666666667%}.col-lg-pull-6{right:50%}.col-lg-pull-7{right:58.3333333333%}.col-lg-pull-8{right:66.6666666667%}.col-lg-pull-9{right:75%}.col-lg-pull-10{right:83.3333333333%}.col-lg-pull-11{right:91.6666666667%}.col-lg-pull-12{right:100%}}snack-bar-container.snackbar-error simple-snack-bar:before{content:\"ERROR: \";color:red;font-weight:700;padding-right:5px}snack-bar-container.snackbar-error button.mat-simple-snackbar-action{margin-left:16px}snack-bar-container.snackbar-success simple-snack-bar:before{content:\"SUCCESS: \";color:#0f0;font-weight:700;padding-right:5px}snack-bar-container.snackbar-success button.mat-simple-snackbar-action{margin-left:16px}.mat-card-section{margin:12px}.app-component-title{font-size:16px;font-weight:300;margin-top:0}.app-gallery-title{margin-bottom:24px}section{padding:24px}.app-section-padding{padding:0}.product-content{display:flex;background-color:#fff}@media screen and (max-width: 600px){.product-content{flex-direction:column}}.screenshot-files-content{background-color:#e0e0e0}.layout-flex{display:flex}.layout-block{display:block}.edit-button-layout{align-items:center;padding:8px 8px 16px}.left-column-layout{width:100%}.ksp-layout{width:100%;padding-bottom:8px;padding-top:32px}.faqs-edit-inline-layout{padding:16px 24px}.text-color{color:#000}.multi-field-layout{width:100%;display:inline-block;justify-content:center;padding:12px;margin-bottom:10px}.drag-icon{margin-right:8px}.header{display:flex;flex-direction:row;justify-content:center;align-items:center}.row{display:flex;flex-wrap:wrap;padding:0 4px}.screenshot-containar{display:flex;flex-wrap:wrap}.screenshot-item{display:block;flex-basis:20%;box-sizing:border-box;cursor:pointer}@media screen and (max-width: 1024px){.screenshot-item{flex-basis:50%}}@media screen and (max-width: 600px){.screenshot-item{flex-basis:100%}}.screenshot-img{height:150px;width:100%;-o-object-fit:cover;object-fit:cover;padding:10px}:host ::ng-deep div.mat-tab-body-content{background-color:#e0e0e0;padding:22px}@media screen and (max-width: 600px){:host ::ng-deep div.mat-tab-body-content{padding:0}}.content-container{display:flex;flex-direction:row;flex-wrap:wrap;height:80%}@media screen and (max-width: 600px){.content-container{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr}}.card-container{height:100%}.item-container-6{width:16.6%}@media screen and (max-width: 1280px){.item-container-6{width:49%}}@media screen and (max-width: 840px){.item-container-6{width:49%}}@media screen and (max-width: 600px){.item-container-6{width:100%}}.file-large-icon{font-size:50px}@media screen and (max-width: 600px){.file-large-icon{font-size:24px}}.mat-card-no-shadow{box-shadow:none}\n"] }]
}], propDecorators: { app: [{
type: Input
}], clickable: [{
type: Input
}], lightboxRef: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2NyZWVuc2hvdHMtZmlsZXMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdG9yZS9zcmMvbGliL3Byb2R1Y3QtZGV0YWlscy12Mi9zY3JlZW5zaG90cy1maWxlcy9zY3JlZW5zaG90cy1maWxlcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N0b3JlL3NyYy9saWIvcHJvZHVjdC1kZXRhaWxzLXYyL3NjcmVlbnNob3RzLWZpbGVzL3NjcmVlbnNob3RzLWZpbGVzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUMvQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7Ozs7QUFPdEQsTUFBTSxPQUFPLHlCQUF5QjtJQUx0QztRQU9XLGNBQVMsR0FBRyxJQUFJLENBQUM7S0FtQjNCO0lBaEJDLGtCQUFrQixDQUFDLFFBQWdCO1FBQ2pDLE9BQU8sR0FBRyxRQUFRLGVBQWUsUUFBUSxpQkFBaUIsUUFBUSxjQUFjLENBQUM7SUFDbkYsQ0FBQztJQUVELE9BQU8sQ0FBQyxLQUFhO1FBQ25CLElBQUksSUFBSSxDQUFDLFNBQVMsSUFBSSxJQUFJLENBQUMsR0FBRyxJQUFJLElBQUksQ0FBQyxHQUFHLENBQUMsY0FBYyxFQUFFO1lBQ3pELElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQyxHQUFHLENBQUMsY0FBYyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDO1NBQzdFO0lBQ0gsQ0FBQztJQUNELFdBQVcsQ0FBQyxPQUFhO1FBQ3ZCLElBQUksT0FBTyxJQUFJLE9BQU8sQ0FBQyxHQUFHLEVBQUU7WUFDMUIsTUFBTSxRQUFRLEdBQUcsT0FBTyxDQUFDLEdBQUcsQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxXQUFXLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUM7WUFDekUsT0FBTyxRQUFRLENBQUM7U0FDakI7UUFDRCxPQUFPLEVBQUUsQ0FBQztJQUNaLENBQUM7O3NIQXBCVSx5QkFBeUI7MEdBQXpCLHlCQUF5Qix5SUNUdEMsdzJEQXNEQTsyRkQ3Q2EseUJBQXlCO2tCQUxyQyxTQUFTOytCQUNFLHVCQUF1Qjs4QkFLeEIsR0FBRztzQkFBWCxLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFByb2R1Y3QgfSBmcm9tICcuLi8uLi9zaGFyZWQvcHJvZHVjdCc7XG5pbXBvcnQgeyBWYUxpZ2h0Ym94Q29tcG9uZW50IH0gZnJvbSAnQHZlbmRhc3RhL3Vpa2l0JztcbmltcG9ydCB7IEZpbGUgfSBmcm9tICcuLi8uLi9maWxlcy9zaGFyZWQvZmlsZS5tb2RlbCc7XG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtc2NyZWVuc2hvdHMtZmlsZXMnLFxuICB0ZW1wbGF0ZVVybDogJy4vc2NyZWVuc2hvdHMtZmlsZXMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zY3JlZW5zaG90cy1maWxlcy5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBTY3JlZW5zaG90c0ZpbGVzQ29tcG9uZW50IHtcbiAgQElucHV0KCkgYXBwOiBQcm9kdWN0O1xuICBASW5wdXQoKSBjbGlja2FibGUgPSB0cnVlO1xuICBASW5wdXQoKSBsaWdodGJveFJlZjogVmFMaWdodGJveENvbXBvbmVudDtcblxuICBnZXRTcmNzZXRJbWFnZVVybHMoaW1hZ2VVcmw6IHN0cmluZyk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGAke2ltYWdlVXJsfT1zNjQwIDY0MHcsICR7aW1hZ2VVcmx9PXMxMjgwIDEyODB3LCAke2ltYWdlVXJsfT1zMTkyMCAxOTIwd2A7XG4gIH1cblxuICBvbkNsaWNrKGluZGV4OiBudW1iZXIpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5jbGlja2FibGUgJiYgdGhpcy5hcHAgJiYgdGhpcy5hcHAuc2NyZWVuc2hvdFVybHMpIHtcbiAgICAgIHRoaXMubGlnaHRib3hSZWYub3Blbih7IGltYWdlVXJsczogdGhpcy5hcHAuc2NyZWVuc2hvdFVybHMsIGluZGV4OiBpbmRleCB9KTtcbiAgICB9XG4gIH1cbiAgZ2V0RmlsZU5hbWUoZmlsZVVybDogRmlsZSk6IHN0cmluZyB7XG4gICAgaWYgKGZpbGVVcmwgJiYgZmlsZVVybC51cmwpIHtcbiAgICAgIGNvbnN0IGZpbGVuYW1lID0gZmlsZVVybC51cmwuc3Vic3RyaW5nKGZpbGVVcmwudXJsLmxhc3RJbmRleE9mKCcvJykgKyAxKTtcbiAgICAgIHJldHVybiBmaWxlbmFtZTtcbiAgICB9XG4gICAgcmV0dXJuICcnO1xuICB9XG59XG4iLCI8IS0tR2FsbGVyeS0tPlxuPGRpdiBjbGFzcz1cInNjcmVlbnNob3QtZmlsZXMtY29udGVudFwiPlxuICA8bmctY29udGFpbmVyICpuZ0lmPVwiYXBwPy5zY3JlZW5zaG90VXJscz8ubGVuZ3RoID4gMFwiPlxuICAgIDxtYXQtY2FyZCBjbGFzcz1cIm1hdC1jYXJkLXNlY3Rpb25cIj5cbiAgICAgIDxzZWN0aW9uIGNsYXNzPVwiYXBwLXNlY3Rpb24tcGFkZGluZ1wiPlxuICAgICAgICA8aDIgY2xhc3M9XCJhcHAtY29tcG9uZW50LXRpdGxlIGFwcC1nYWxsZXJ5LXRpdGxlXCI+R2FsbGVyeTwvaDI+XG4gICAgICAgIDxzcGFuPlxuICAgICAgICAgIDxzZWN0aW9uIGNsYXNzPVwic2NyZWVuc2hvdC1jb250YWluYXJcIj5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgY2xhc3M9XCJzY3JlZW5zaG90LWl0ZW1cIlxuICAgICAgICAgICAgICAqbmdGb3I9XCJsZXQgaW1nIG9mIGFwcD8uc2NyZWVuc2hvdFVybHM7IGxldCBpID0gaW5kZXhcIlxuICAgICAgICAgICAgICAoY2xpY2spPVwib25DbGljayhpKVwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxpbWdcbiAgICAgICAgICAgICAgICBjbGFzcz1cInNjcmVlbnNob3QtaW1nXCJcbiAgICAgICAgICAgICAgICBbc3JjXT1cImltZ1wiXG4gICAgICAgICAgICAgICAgW3NyY3NldF09XCJnZXRTcmNzZXRJbWFnZVVybHMoaW1nKVwiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L3NlY3Rpb24+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvc2VjdGlvbj5cbiAgICA8L21hdC1jYXJkPlxuICA8L25nLWNvbnRhaW5lcj5cblxuICA8IS0tRmlsZXMtLT5cbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImFwcCAmJiBhcHA/LmZpbGVzPy5sZW5ndGggPiAwXCI+XG4gICAgPG1hdC1jYXJkIGNsYXNzPVwibWF0LWNhcmQtc2VjdGlvblwiPlxuICAgICAgPHNlY3Rpb24gY2xhc3M9XCJhcHAtc2VjdGlvbi1wYWRkaW5nXCI+XG4gICAgICAgIDxoMiBjbGFzcz1cImFwcC1jb21wb25lbnQtdGl0bGVcIj5GaWxlcyAmIERvY3VtZW50czwvaDI+XG4gICAgICAgIDxzcGFuPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50LWNvbnRhaW5lclwiPlxuICAgICAgICAgICAgPGRpdiAqbmdGb3I9XCJsZXQgZmlsZSBvZiBhcHA/LmZpbGVzXCIgY2xhc3M9XCJpdGVtLWNvbnRhaW5lci02XCI+XG4gICAgICAgICAgICAgIDxhIGhyZWY9XCJ7eyBmaWxlLnVybCB9fVwiIHRhcmdldD1cIl9ibGFua1wiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkLWNvbnRhaW5lclwiPlxuICAgICAgICAgICAgICAgICAgPG1hdC1jYXJkIGNsYXNzPVwibWF0LWNhcmQtbm8tc2hhZG93XCI+XG4gICAgICAgICAgICAgICAgICAgIDxtYXQtaWNvblxuICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiZmlsZS1pY29uIGZpbGUtbGFyZ2UtaWNvblwiXG4gICAgICAgICAgICAgICAgICAgICAgcm9sZT1cImltZ1wiXG4gICAgICAgICAgICAgICAgICAgICAgYXJpYS1oaWRkZW49XCJ0cnVlXCJcbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgIGluc2VydF9kcml2ZV9maWxlXG4gICAgICAgICAgICAgICAgICAgIDwvbWF0LWljb24+XG4gICAgICAgICAgICAgICAgICAgIDxtYXQtY2FyZC1jb250ZW50Pnt7IGdldEZpbGVOYW1lKGZpbGUpIH19PC9tYXQtY2FyZC1jb250ZW50PlxuICAgICAgICAgICAgICAgICAgPC9tYXQtY2FyZD5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgPC9hPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvc2VjdGlvbj5cbiAgICA8L21hdC1jYXJkPlxuICA8L25nLWNvbnRhaW5lcj5cbjwvZGl2PlxuIl19