ngx-obelisco-example
Version:
Componentes funcionales y reutilizables para Angular.
44 lines (43 loc) • 67.7 kB
JavaScript
import * as i1 from '@angular/common';
import { CommonModule } from '@angular/common';
import * as i0 from '@angular/core';
import { ElementRef, Component, Input, ViewChild, ContentChild, Optional, NgModule } from '@angular/core';
import * as i2 from '@angular/router';
import { RouterModule } from '@angular/router';
import * as i3 from 'ngx-obelisco-example/directives';
import { OCustomContentDirective, ODefaultImageDirective } from 'ngx-obelisco-example/directives';
import * as i4 from 'ngx-obelisco-example/badge';
import { OBadgeModule } from 'ngx-obelisco-example/badge';
class OCardComponent {
constructor(renderer) {
this.renderer = renderer;
this.isHorizontal = false;
this.isBordered = false;
this.isThemeCard = false;
this.customClasses = '';
this.isTitleTruncate = false;
}
ngAfterViewInit() {
var _a, _b;
if (this.link && ((_a = this.card) === null || _a === void 0 ? void 0 : _a.nativeElement)) {
this.renderer.setAttribute((_b = this.card) === null || _b === void 0 ? void 0 : _b.nativeElement, 'href', this.link);
}
}
}
OCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OCardComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
OCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: OCardComponent, selector: "o-card", inputs: { isHorizontal: "isHorizontal", isBordered: "isBordered", isThemeCard: "isThemeCard", customClasses: "customClasses", isTitleTruncate: "isTitleTruncate", title: "title", description: "description", headline: "headline", cardBadges: "cardBadges", link: "link", route: "route", image: "image", icon: "icon" }, queries: [{ propertyName: "infoContent", first: true, predicate: ["info"], descendants: true, read: ElementRef }, { propertyName: "oCustomContent", first: true, predicate: OCustomContentDirective, descendants: true, static: true }], viewQueries: [{ propertyName: "card", first: true, predicate: ["card"], descendants: true, read: ElementRef }], ngImport: i0, template: "<ng-template #cardIcon>\r\n <i *ngIf=\"icon && icon.includes('bx')\" [ngClass]=\"[icon, isHorizontal ? 'card-icon-left' : 'card-icon']\"></i>\r\n <span\r\n *ngIf=\"icon && !icon.includes('bx')\"\r\n class=\"material-icons-round\"\r\n aria-hidden=\"true\"\r\n [ngClass]=\"[isHorizontal ? 'card-icon-left' : 'card-icon']\"\r\n >{{ icon }}</span\r\n >\r\n</ng-template>\r\n<ng-template #contentIcon><ng-content select=\"o-card-icon\"></ng-content></ng-template>\r\n\r\n<div\r\n class=\"card\"\r\n [ngClass]=\"\r\n isThemeCard\r\n ? 'card-horizontal card-simple card-lg'\r\n : {\r\n 'card-horizontal': isHorizontal && !isThemeCard,\r\n 'card-simple': !isBordered && !isHorizontal && !isThemeCard,\r\n unbordered: !isBordered && isHorizontal\r\n }\r\n \"\r\n [class]=\"customClasses\"\r\n>\r\n <ng-container *ngIf=\"isHorizontal\">\r\n <ng-container *ngTemplateOutlet=\"contentIcon\"></ng-container>\r\n <ng-container *ngTemplateOutlet=\"cardIcon\"></ng-container>\r\n </ng-container>\r\n <ng-content select=\"o-card-image\"></ng-content>\r\n <img\r\n *ngIf=\"image?.src\"\r\n [src]=\"image?.src\"\r\n [ngClass]=\"[isHorizontal || isThemeCard ? 'card-img-left' : 'card-img-top']\"\r\n [alt]=\"image?.alt ? image?.alt : ' '\"\r\n oDefaultImage\r\n />\r\n <div class=\"card-body\">\r\n <ng-container *ngIf=\"!oCustomContent\">\r\n <ng-container *ngIf=\"!isHorizontal\">\r\n <ng-container *ngTemplateOutlet=\"contentIcon\"></ng-container>\r\n <ng-container *ngTemplateOutlet=\"cardIcon\"></ng-container>\r\n </ng-container>\r\n\r\n <ng-content select=\"o-card-header\"></ng-content>\r\n\r\n <ng-content select=\"o-card-headline\"></ng-content>\r\n <ng-container *ngIf=\"headline\">\r\n <p class=\"card-headline\">{{ headline }}</p>\r\n </ng-container>\r\n\r\n <ng-content select=\"o-card-badges\"></ng-content>\r\n <ng-container *ngIf=\"cardBadges\">\r\n <div class=\"card-badges\">\r\n <o-badge\r\n *ngFor=\"let cardBadge of cardBadges\"\r\n [text]=\"cardBadge.text\"\r\n [type]=\"cardBadge.type\"\r\n [link]=\"cardBadge.link\"\r\n [route]=\"cardBadge.route\"\r\n ></o-badge>\r\n </div>\r\n </ng-container>\r\n\r\n <ng-content select=\"o-card-title\"></ng-content>\r\n\r\n <h3 *ngIf=\"title\" class=\"card-title\">\r\n <ng-container *ngIf=\"isBordered; else cardUnbordered\">\r\n <a #card [routerLink]=\"route\" [class.card-title-link]=\"true\" [class.ellipsis-3]=\"isTitleTruncate\">\r\n {{ title }}\r\n </a>\r\n </ng-container>\r\n <ng-template #cardUnbordered>\r\n <a #card [routerLink]=\"route\" [class.ellipsis-3]=\"isTitleTruncate\">{{ title }}</a>\r\n </ng-template>\r\n </h3>\r\n\r\n <ng-content select=\"o-card-content\"></ng-content>\r\n <p *ngIf=\"description\" class=\"card-text\">{{ description }}</p>\r\n\r\n <ng-content select=\"o-card-footer\"></ng-content>\r\n <div class=\"card-info\" *ngIf=\"infoContent\">\r\n <ng-content></ng-content>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngIf=\"oCustomContent\" [ngTemplateOutlet]=\"oCustomContent.template\"> </ng-container>\r\n </div>\r\n</div>\r\n", styles: ["::ng-deep o-card o-badge{margin-right:.75rem}::ng-deep o-card o-badge:last-child{margin-right:0}\n", "::ng-deep .card-deck o-access,::ng-deep .access-deck o-access,::ng-deep .card-deck o-highlighted,::ng-deep .access-deck o-highlighted,::ng-deep .card-deck o-card,::ng-deep .access-deck o-card,::ng-deep .card-deck .card,::ng-deep .access-deck .card{flex:1 0 35%;margin-top:0}::ng-deep .card-deck o-access:nth-of-type(n + 3),::ng-deep .access-deck o-access:nth-of-type(n + 3),::ng-deep .card-deck o-highlighted:nth-of-type(n + 3),::ng-deep .access-deck o-highlighted:nth-of-type(n + 3),::ng-deep .card-deck o-card:nth-of-type(n + 3),::ng-deep .access-deck o-card:nth-of-type(n + 3),::ng-deep .card-deck .card:nth-of-type(n + 3),::ng-deep .access-deck .card:nth-of-type(n + 3){margin-top:30px}::ng-deep .card-deck o-access,::ng-deep .access-deck o-access,::ng-deep .card-deck o-highlighted,::ng-deep .access-deck o-highlighted,::ng-deep .card-deck o-card,::ng-deep .access-deck o-card{margin-right:15px;margin-bottom:0;margin-left:15px}::ng-deep .card-deck o-access .card,::ng-deep .access-deck o-access .card,::ng-deep .card-deck o-access .list-group-item,::ng-deep .access-deck o-access .list-group-item,::ng-deep .card-deck o-highlighted .card,::ng-deep .access-deck o-highlighted .card,::ng-deep .card-deck o-highlighted .list-group-item,::ng-deep .access-deck o-highlighted .list-group-item,::ng-deep .card-deck o-card .card,::ng-deep .access-deck o-card .card,::ng-deep .card-deck o-card .list-group-item,::ng-deep .access-deck o-card .list-group-item{min-width:100%;width:100%;height:100%;margin:0}::ng-deep .card-deck o-highlighted o-access,::ng-deep .access-deck o-highlighted o-access{margin:0}@media (min-width: 592px){::ng-deep .card-deck,::ng-deep .access-deck{display:flex;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}}@media (max-width: 591.98px){::ng-deep .card-deck o-access:nth-of-type(2),::ng-deep .access-deck o-access:nth-of-type(2),::ng-deep .card-deck o-highlighted:nth-of-type(2),::ng-deep .access-deck o-highlighted:nth-of-type(2),::ng-deep .card-deck o-card:nth-of-type(2),::ng-deep .access-deck o-card:nth-of-type(2),::ng-deep .card-deck .card:nth-of-type(2),::ng-deep .access-deck .card:nth-of-type(2){margin-top:30px}}@media (min-width: 752px){::ng-deep .card-deck:not(.max-cards-2) o-access,::ng-deep .access-deck:not(.max-cards-2) o-access,::ng-deep .card-deck:not(.max-cards-2) o-highlighted,::ng-deep .access-deck:not(.max-cards-2) o-highlighted,::ng-deep .card-deck:not(.max-cards-2) o-card,::ng-deep .access-deck:not(.max-cards-2) o-card,::ng-deep .card-deck:not(.max-cards-2) .card,::ng-deep .access-deck:not(.max-cards-2) .card,::ng-deep .card-deck.max-cards-3 o-access,::ng-deep .max-cards-3.access-deck o-access,::ng-deep .card-deck.max-cards-3 o-highlighted,::ng-deep .max-cards-3.access-deck o-highlighted,::ng-deep .card-deck.max-cards-3 o-card,::ng-deep .max-cards-3.access-deck o-card,::ng-deep .card-deck.max-cards-3 .card,::ng-deep .max-cards-3.access-deck .card{flex:1 0 25%;margin-top:0}::ng-deep .card-deck:not(.max-cards-2) o-access:nth-of-type(n + 4),::ng-deep .access-deck:not(.max-cards-2) o-access:nth-of-type(n + 4),::ng-deep .card-deck:not(.max-cards-2) o-highlighted:nth-of-type(n + 4),::ng-deep .access-deck:not(.max-cards-2) o-highlighted:nth-of-type(n + 4),::ng-deep .card-deck:not(.max-cards-2) o-card:nth-of-type(n + 4),::ng-deep .access-deck:not(.max-cards-2) o-card:nth-of-type(n + 4),::ng-deep .card-deck:not(.max-cards-2) .card:nth-of-type(n + 4),::ng-deep .access-deck:not(.max-cards-2) .card:nth-of-type(n + 4),::ng-deep .card-deck.max-cards-3 o-access:nth-of-type(n + 4),::ng-deep .max-cards-3.access-deck o-access:nth-of-type(n + 4),::ng-deep .card-deck.max-cards-3 o-highlighted:nth-of-type(n + 4),::ng-deep .max-cards-3.access-deck o-highlighted:nth-of-type(n + 4),::ng-deep .card-deck.max-cards-3 o-card:nth-of-type(n + 4),::ng-deep .max-cards-3.access-deck o-card:nth-of-type(n + 4),::ng-deep .card-deck.max-cards-3 .card:nth-of-type(n + 4),::ng-deep .max-cards-3.access-deck .card:nth-of-type(n + 4){margin-top:30px}}@media (min-width: 976px){::ng-deep .card-deck:not(.max-cards-2):not(.max-cards-3) o-access,::ng-deep .access-deck:not(.max-cards-2):not(.max-cards-3) o-access,::ng-deep .card-deck:not(.max-cards-2):not(.max-cards-3) o-highlighted,::ng-deep .access-deck:not(.max-cards-2):not(.max-cards-3) o-highlighted,::ng-deep .card-deck:not(.max-cards-2):not(.max-cards-3) o-card,::ng-deep .access-deck:not(.max-cards-2):not(.max-cards-3) o-card,::ng-deep .card-deck:not(.max-cards-2):not(.max-cards-3) .card,::ng-deep .access-deck:not(.max-cards-2):not(.max-cards-3) .card{flex:1 0 19%;margin-top:0}::ng-deep .card-deck:not(.max-cards-2):not(.max-cards-3) o-access:nth-of-type(n + 5),::ng-deep .access-deck:not(.max-cards-2):not(.max-cards-3) o-access:nth-of-type(n + 5),::ng-deep .card-deck:not(.max-cards-2):not(.max-cards-3) o-highlighted:nth-of-type(n + 5),::ng-deep .access-deck:not(.max-cards-2):not(.max-cards-3) o-highlighted:nth-of-type(n + 5),::ng-deep .card-deck:not(.max-cards-2):not(.max-cards-3) o-card:nth-of-type(n + 5),::ng-deep .access-deck:not(.max-cards-2):not(.max-cards-3) o-card:nth-of-type(n + 5),::ng-deep .card-deck:not(.max-cards-2):not(.max-cards-3) .card:nth-of-type(n + 5),::ng-deep .access-deck:not(.max-cards-2):not(.max-cards-3) .card:nth-of-type(n + 5){margin-top:30px}}::ng-deep .card-deck.max-cards-1 o-access,::ng-deep .max-cards-1.access-deck o-access,::ng-deep .card-deck.max-cards-1 o-highlighted,::ng-deep .max-cards-1.access-deck o-highlighted,::ng-deep .card-deck.max-cards-1 o-card,::ng-deep .max-cards-1.access-deck o-card,::ng-deep .card-deck.max-cards-1 .card,::ng-deep .max-cards-1.access-deck .card{flex:1 0 55%!important;margin-top:0}::ng-deep .card-deck.max-cards-1 o-access:nth-of-type(n + 2),::ng-deep .max-cards-1.access-deck o-access:nth-of-type(n + 2),::ng-deep .card-deck.max-cards-1 o-highlighted:nth-of-type(n + 2),::ng-deep .max-cards-1.access-deck o-highlighted:nth-of-type(n + 2),::ng-deep .card-deck.max-cards-1 o-card:nth-of-type(n + 2),::ng-deep .max-cards-1.access-deck o-card:nth-of-type(n + 2),::ng-deep .card-deck.max-cards-1 .card:nth-of-type(n + 2),::ng-deep .max-cards-1.access-deck .card:nth-of-type(n + 2){margin-top:30px}@media (max-width: 591.98px){::ng-deep .card-deck.card-column,::ng-deep .card-column.access-deck,::ng-deep .access-deck.access-column{width:100%}}::ng-deep .card-deck.card-column o-access,::ng-deep .card-column.access-deck o-access,::ng-deep .access-deck.access-column o-access,::ng-deep .card-deck.card-column o-highlighted,::ng-deep .card-column.access-deck o-highlighted,::ng-deep .access-deck.access-column o-highlighted,::ng-deep .card-deck.card-column o-card,::ng-deep .card-column.access-deck o-card,::ng-deep .access-deck.access-column o-card,::ng-deep .card-deck.card-column .card,::ng-deep .card-column.access-deck .card,::ng-deep .access-deck.access-column .card{max-width:calc(25% - 30px)}@media (max-width: 975.98px){::ng-deep .card-deck.card-column o-access,::ng-deep .card-column.access-deck o-access,::ng-deep .access-deck.access-column o-access,::ng-deep .card-deck.card-column o-highlighted,::ng-deep .card-column.access-deck o-highlighted,::ng-deep .access-deck.access-column o-highlighted,::ng-deep .card-deck.card-column o-card,::ng-deep .card-column.access-deck o-card,::ng-deep .access-deck.access-column o-card,::ng-deep .card-deck.card-column .card,::ng-deep .card-column.access-deck .card,::ng-deep .access-deck.access-column .card{max-width:calc(33.3333333333% - 30px)}}@media (max-width: 751.98px){::ng-deep .card-deck.card-column o-access,::ng-deep .card-column.access-deck o-access,::ng-deep .access-deck.access-column o-access,::ng-deep .card-deck.card-column o-highlighted,::ng-deep .card-column.access-deck o-highlighted,::ng-deep .access-deck.access-column o-highlighted,::ng-deep .card-deck.card-column o-card,::ng-deep .card-column.access-deck o-card,::ng-deep .access-deck.access-column o-card,::ng-deep .card-deck.card-column .card,::ng-deep .card-column.access-deck .card,::ng-deep .access-deck.access-column .card{max-width:calc(50% - 30px)}}@media (max-width: 591.98px){::ng-deep .card-deck.card-column o-access,::ng-deep .card-column.access-deck o-access,::ng-deep .access-deck.access-column o-access,::ng-deep .card-deck.card-column o-highlighted,::ng-deep .card-column.access-deck o-highlighted,::ng-deep .access-deck.access-column o-highlighted,::ng-deep .card-deck.card-column o-card,::ng-deep .card-column.access-deck o-card,::ng-deep .access-deck.access-column o-card,::ng-deep .card-deck.card-column .card,::ng-deep .card-column.access-deck .card,::ng-deep .access-deck.access-column .card{display:flex;width:100%;max-width:328px;height:-moz-fit-content;height:fit-content;margin-right:auto;margin-left:auto}::ng-deep .card-deck.card-column o-access[ng-reflect-is-horizontal=true],::ng-deep .card-column.access-deck o-access[ng-reflect-is-horizontal=true],::ng-deep .access-deck.access-column o-access[ng-reflect-is-horizontal=true],::ng-deep .card-deck.card-column o-highlighted[ng-reflect-is-horizontal=true],::ng-deep .card-column.access-deck o-highlighted[ng-reflect-is-horizontal=true],::ng-deep .access-deck.access-column o-highlighted[ng-reflect-is-horizontal=true],::ng-deep .card-deck.card-column o-card[ng-reflect-is-horizontal=true],::ng-deep .card-column.access-deck o-card[ng-reflect-is-horizontal=true],::ng-deep .access-deck.access-column o-card[ng-reflect-is-horizontal=true],::ng-deep .card-deck.card-column .card[ng-reflect-is-horizontal=true],::ng-deep .card-column.access-deck .card[ng-reflect-is-horizontal=true],::ng-deep .access-deck.access-column .card[ng-reflect-is-horizontal=true]{max-width:100%}}::ng-deep .card-deck.max-cards-3.card-column o-access,::ng-deep .max-cards-3.card-column.access-deck o-access,::ng-deep .max-cards-3.access-deck.access-column o-access,::ng-deep .card-deck.max-cards-3.card-column o-highlighted,::ng-deep .max-cards-3.card-column.access-deck o-highlighted,::ng-deep .max-cards-3.access-deck.access-column o-highlighted,::ng-deep .card-deck.max-cards-3.card-column o-card,::ng-deep .max-cards-3.card-column.access-deck o-card,::ng-deep .max-cards-3.access-deck.access-column o-card,::ng-deep .card-deck.max-cards-3.card-column .card,::ng-deep .max-cards-3.card-column.access-deck .card,::ng-deep .max-cards-3.access-deck.access-column .card{max-width:calc(33.3333333333% - 30px)}@media (max-width: 751.98px){::ng-deep .card-deck.max-cards-3.card-column o-access,::ng-deep .max-cards-3.card-column.access-deck o-access,::ng-deep .max-cards-3.access-deck.access-column o-access,::ng-deep .card-deck.max-cards-3.card-column o-highlighted,::ng-deep .max-cards-3.card-column.access-deck o-highlighted,::ng-deep .max-cards-3.access-deck.access-column o-highlighted,::ng-deep .card-deck.max-cards-3.card-column o-card,::ng-deep .max-cards-3.card-column.access-deck o-card,::ng-deep .max-cards-3.access-deck.access-column o-card,::ng-deep .card-deck.max-cards-3.card-column .card,::ng-deep .max-cards-3.card-column.access-deck .card,::ng-deep .max-cards-3.access-deck.access-column .card{max-width:calc(50% - 30px)}}@media (max-width: 591.98px){::ng-deep .card-deck.max-cards-3.card-column o-access,::ng-deep .max-cards-3.card-column.access-deck o-access,::ng-deep .max-cards-3.access-deck.access-column o-access,::ng-deep .card-deck.max-cards-3.card-column o-highlighted,::ng-deep .max-cards-3.card-column.access-deck o-highlighted,::ng-deep .max-cards-3.access-deck.access-column o-highlighted,::ng-deep .card-deck.max-cards-3.card-column o-card,::ng-deep .max-cards-3.card-column.access-deck o-card,::ng-deep .max-cards-3.access-deck.access-column o-card,::ng-deep .card-deck.max-cards-3.card-column .card,::ng-deep .max-cards-3.card-column.access-deck .card,::ng-deep .max-cards-3.access-deck.access-column .card{max-width:328px}::ng-deep .card-deck.max-cards-3.card-column o-access[ng-reflect-is-horizontal=true],::ng-deep .max-cards-3.card-column.access-deck o-access[ng-reflect-is-horizontal=true],::ng-deep .max-cards-3.access-deck.access-column o-access[ng-reflect-is-horizontal=true],::ng-deep .card-deck.max-cards-3.card-column o-highlighted[ng-reflect-is-horizontal=true],::ng-deep .max-cards-3.card-column.access-deck o-highlighted[ng-reflect-is-horizontal=true],::ng-deep .max-cards-3.access-deck.access-column o-highlighted[ng-reflect-is-horizontal=true],::ng-deep .card-deck.max-cards-3.card-column o-card[ng-reflect-is-horizontal=true],::ng-deep .max-cards-3.card-column.access-deck o-card[ng-reflect-is-horizontal=true],::ng-deep .max-cards-3.access-deck.access-column o-card[ng-reflect-is-horizontal=true],::ng-deep .card-deck.max-cards-3.card-column .card[ng-reflect-is-horizontal=true],::ng-deep .max-cards-3.card-column.access-deck .card[ng-reflect-is-horizontal=true],::ng-deep .max-cards-3.access-deck.access-column .card[ng-reflect-is-horizontal=true]{max-width:100%}}::ng-deep .card-deck.max-cards-2.card-column o-access,::ng-deep .max-cards-2.card-column.access-deck o-access,::ng-deep .max-cards-2.access-deck.access-column o-access,::ng-deep .card-deck.max-cards-2.card-column o-highlighted,::ng-deep .max-cards-2.card-column.access-deck o-highlighted,::ng-deep .max-cards-2.access-deck.access-column o-highlighted,::ng-deep .card-deck.max-cards-2.card-column o-card,::ng-deep .max-cards-2.card-column.access-deck o-card,::ng-deep .max-cards-2.access-deck.access-column o-card,::ng-deep .card-deck.max-cards-2.card-column .card,::ng-deep .max-cards-2.card-column.access-deck .card,::ng-deep .max-cards-2.access-deck.access-column .card{max-width:calc(50% - 30px)}@media (max-width: 591.98px){::ng-deep .card-deck.max-cards-2.card-column o-access,::ng-deep .max-cards-2.card-column.access-deck o-access,::ng-deep .max-cards-2.access-deck.access-column o-access,::ng-deep .card-deck.max-cards-2.card-column o-highlighted,::ng-deep .max-cards-2.card-column.access-deck o-highlighted,::ng-deep .max-cards-2.access-deck.access-column o-highlighted,::ng-deep .card-deck.max-cards-2.card-column o-card,::ng-deep .max-cards-2.card-column.access-deck o-card,::ng-deep .max-cards-2.access-deck.access-column o-card,::ng-deep .card-deck.max-cards-2.card-column .card,::ng-deep .max-cards-2.card-column.access-deck .card,::ng-deep .max-cards-2.access-deck.access-column .card{max-width:328px}::ng-deep .card-deck.max-cards-2.card-column o-access[ng-reflect-is-horizontal=true],::ng-deep .max-cards-2.card-column.access-deck o-access[ng-reflect-is-horizontal=true],::ng-deep .max-cards-2.access-deck.access-column o-access[ng-reflect-is-horizontal=true],::ng-deep .card-deck.max-cards-2.card-column o-highlighted[ng-reflect-is-horizontal=true],::ng-deep .max-cards-2.card-column.access-deck o-highlighted[ng-reflect-is-horizontal=true],::ng-deep .max-cards-2.access-deck.access-column o-highlighted[ng-reflect-is-horizontal=true],::ng-deep .card-deck.max-cards-2.card-column o-card[ng-reflect-is-horizontal=true],::ng-deep .max-cards-2.card-column.access-deck o-card[ng-reflect-is-horizontal=true],::ng-deep .max-cards-2.access-deck.access-column o-card[ng-reflect-is-horizontal=true],::ng-deep .card-deck.max-cards-2.card-column .card[ng-reflect-is-horizontal=true],::ng-deep .max-cards-2.card-column.access-deck .card[ng-reflect-is-horizontal=true],::ng-deep .max-cards-2.access-deck.access-column .card[ng-reflect-is-horizontal=true]{max-width:100%}}::ng-deep .card-deck.max-cards-1.card-column o-access,::ng-deep .max-cards-1.card-column.access-deck o-access,::ng-deep .max-cards-1.access-deck.access-column o-access,::ng-deep .card-deck.max-cards-1.card-column o-highlighted,::ng-deep .max-cards-1.card-column.access-deck o-highlighted,::ng-deep .max-cards-1.access-deck.access-column o-highlighted,::ng-deep .card-deck.max-cards-1.card-column o-card,::ng-deep .max-cards-1.card-column.access-deck o-card,::ng-deep .max-cards-1.access-deck.access-column o-card,::ng-deep .card-deck.max-cards-1.card-column .card,::ng-deep .max-cards-1.card-column.access-deck .card,::ng-deep .max-cards-1.access-deck.access-column .card{max-width:calc(33.3333333333% - 30px)}::ng-deep .card-deck.max-cards-1.card-column o-access:nth-of-type(-n + 3),::ng-deep .max-cards-1.card-column.access-deck o-access:nth-of-type(-n + 3),::ng-deep .max-cards-1.access-deck.access-column o-access:nth-of-type(-n + 3),::ng-deep .card-deck.max-cards-1.card-column o-highlighted:nth-of-type(-n + 3),::ng-deep .max-cards-1.card-column.access-deck o-highlighted:nth-of-type(-n + 3),::ng-deep .max-cards-1.access-deck.access-column o-highlighted:nth-of-type(-n + 3),::ng-deep .card-deck.max-cards-1.card-column o-card:nth-of-type(-n + 3),::ng-deep .max-cards-1.card-column.access-deck o-card:nth-of-type(-n + 3),::ng-deep .max-cards-1.access-deck.access-column o-card:nth-of-type(-n + 3),::ng-deep .card-deck.max-cards-1.card-column .card:nth-of-type(-n + 3),::ng-deep .max-cards-1.card-column.access-deck .card:nth-of-type(-n + 3),::ng-deep .max-cards-1.access-deck.access-column .card:nth-of-type(-n + 3){margin-top:0}@media (max-width: 751.98px){::ng-deep .card-deck.max-cards-1.card-column o-access,::ng-deep .max-cards-1.card-column.access-deck o-access,::ng-deep .max-cards-1.access-deck.access-column o-access,::ng-deep .card-deck.max-cards-1.card-column o-highlighted,::ng-deep .max-cards-1.card-column.access-deck o-highlighted,::ng-deep .max-cards-1.access-deck.access-column o-highlighted,::ng-deep .card-deck.max-cards-1.card-column o-card,::ng-deep .max-cards-1.card-column.access-deck o-card,::ng-deep .max-cards-1.access-deck.access-column o-card,::ng-deep .card-deck.max-cards-1.card-column .card,::ng-deep .max-cards-1.card-column.access-deck .card,::ng-deep .max-cards-1.access-deck.access-column .card{max-width:calc(50% - 30px)}::ng-deep .card-deck.max-cards-1.card-column o-access:nth-of-type(-n + 3),::ng-deep .max-cards-1.card-column.access-deck o-access:nth-of-type(-n + 3),::ng-deep .max-cards-1.access-deck.access-column o-access:nth-of-type(-n + 3),::ng-deep .card-deck.max-cards-1.card-column o-highlighted:nth-of-type(-n + 3),::ng-deep .max-cards-1.card-column.access-deck o-highlighted:nth-of-type(-n + 3),::ng-deep .max-cards-1.access-deck.access-column o-highlighted:nth-of-type(-n + 3),::ng-deep .card-deck.max-cards-1.card-column o-card:nth-of-type(-n + 3),::ng-deep .max-cards-1.card-column.access-deck o-card:nth-of-type(-n + 3),::ng-deep .max-cards-1.access-deck.access-column o-card:nth-of-type(-n + 3),::ng-deep .card-deck.max-cards-1.card-column .card:nth-of-type(-n + 3),::ng-deep .max-cards-1.card-column.access-deck .card:nth-of-type(-n + 3),::ng-deep .max-cards-1.access-deck.access-column .card:nth-of-type(-n + 3){margin-top:30px}}@media (max-width: 591.98px){::ng-deep .card-deck.max-cards-1.card-column o-access,::ng-deep .max-cards-1.card-column.access-deck o-access,::ng-deep .max-cards-1.access-deck.access-column o-access,::ng-deep .card-deck.max-cards-1.card-column o-highlighted,::ng-deep .max-cards-1.card-column.access-deck o-highlighted,::ng-deep .max-cards-1.access-deck.access-column o-highlighted,::ng-deep .card-deck.max-cards-1.card-column o-card,::ng-deep .max-cards-1.card-column.access-deck o-card,::ng-deep .max-cards-1.access-deck.access-column o-card,::ng-deep .card-deck.max-cards-1.card-column .card,::ng-deep .max-cards-1.card-column.access-deck .card,::ng-deep .max-cards-1.access-deck.access-column .card{max-width:100%}}@media (max-width: 751.98px){::ng-deep .access-deck.max-cards-1 o-access:first-of-type{margin-top:0!important}}@media (max-width: 751.98px){::ng-deep .access-deck.max-cards-1 .list-group-item{margin-top:0!important}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.ODefaultImageDirective, selector: "img[oDefaultImage]", inputs: ["defaultImageUrl"] }, { kind: "component", type: i4.OBadgeComponent, selector: "o-badge", inputs: ["type", "link", "route", "customClasses", "text"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OCardComponent, decorators: [{
type: Component,
args: [{ selector: 'o-card', template: "<ng-template #cardIcon>\r\n <i *ngIf=\"icon && icon.includes('bx')\" [ngClass]=\"[icon, isHorizontal ? 'card-icon-left' : 'card-icon']\"></i>\r\n <span\r\n *ngIf=\"icon && !icon.includes('bx')\"\r\n class=\"material-icons-round\"\r\n aria-hidden=\"true\"\r\n [ngClass]=\"[isHorizontal ? 'card-icon-left' : 'card-icon']\"\r\n >{{ icon }}</span\r\n >\r\n</ng-template>\r\n<ng-template #contentIcon><ng-content select=\"o-card-icon\"></ng-content></ng-template>\r\n\r\n<div\r\n class=\"card\"\r\n [ngClass]=\"\r\n isThemeCard\r\n ? 'card-horizontal card-simple card-lg'\r\n : {\r\n 'card-horizontal': isHorizontal && !isThemeCard,\r\n 'card-simple': !isBordered && !isHorizontal && !isThemeCard,\r\n unbordered: !isBordered && isHorizontal\r\n }\r\n \"\r\n [class]=\"customClasses\"\r\n>\r\n <ng-container *ngIf=\"isHorizontal\">\r\n <ng-container *ngTemplateOutlet=\"contentIcon\"></ng-container>\r\n <ng-container *ngTemplateOutlet=\"cardIcon\"></ng-container>\r\n </ng-container>\r\n <ng-content select=\"o-card-image\"></ng-content>\r\n <img\r\n *ngIf=\"image?.src\"\r\n [src]=\"image?.src\"\r\n [ngClass]=\"[isHorizontal || isThemeCard ? 'card-img-left' : 'card-img-top']\"\r\n [alt]=\"image?.alt ? image?.alt : ' '\"\r\n oDefaultImage\r\n />\r\n <div class=\"card-body\">\r\n <ng-container *ngIf=\"!oCustomContent\">\r\n <ng-container *ngIf=\"!isHorizontal\">\r\n <ng-container *ngTemplateOutlet=\"contentIcon\"></ng-container>\r\n <ng-container *ngTemplateOutlet=\"cardIcon\"></ng-container>\r\n </ng-container>\r\n\r\n <ng-content select=\"o-card-header\"></ng-content>\r\n\r\n <ng-content select=\"o-card-headline\"></ng-content>\r\n <ng-container *ngIf=\"headline\">\r\n <p class=\"card-headline\">{{ headline }}</p>\r\n </ng-container>\r\n\r\n <ng-content select=\"o-card-badges\"></ng-content>\r\n <ng-container *ngIf=\"cardBadges\">\r\n <div class=\"card-badges\">\r\n <o-badge\r\n *ngFor=\"let cardBadge of cardBadges\"\r\n [text]=\"cardBadge.text\"\r\n [type]=\"cardBadge.type\"\r\n [link]=\"cardBadge.link\"\r\n [route]=\"cardBadge.route\"\r\n ></o-badge>\r\n </div>\r\n </ng-container>\r\n\r\n <ng-content select=\"o-card-title\"></ng-content>\r\n\r\n <h3 *ngIf=\"title\" class=\"card-title\">\r\n <ng-container *ngIf=\"isBordered; else cardUnbordered\">\r\n <a #card [routerLink]=\"route\" [class.card-title-link]=\"true\" [class.ellipsis-3]=\"isTitleTruncate\">\r\n {{ title }}\r\n </a>\r\n </ng-container>\r\n <ng-template #cardUnbordered>\r\n <a #card [routerLink]=\"route\" [class.ellipsis-3]=\"isTitleTruncate\">{{ title }}</a>\r\n </ng-template>\r\n </h3>\r\n\r\n <ng-content select=\"o-card-content\"></ng-content>\r\n <p *ngIf=\"description\" class=\"card-text\">{{ description }}</p>\r\n\r\n <ng-content select=\"o-card-footer\"></ng-content>\r\n <div class=\"card-info\" *ngIf=\"infoContent\">\r\n <ng-content></ng-content>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngIf=\"oCustomContent\" [ngTemplateOutlet]=\"oCustomContent.template\"> </ng-container>\r\n </div>\r\n</div>\r\n", styles: ["::ng-deep o-card o-badge{margin-right:.75rem}::ng-deep o-card o-badge:last-child{margin-right:0}\n", "::ng-deep .card-deck o-access,::ng-deep .access-deck o-access,::ng-deep .card-deck o-highlighted,::ng-deep .access-deck o-highlighted,::ng-deep .card-deck o-card,::ng-deep .access-deck o-card,::ng-deep .card-deck .card,::ng-deep .access-deck .card{flex:1 0 35%;margin-top:0}::ng-deep .card-deck o-access:nth-of-type(n + 3),::ng-deep .access-deck o-access:nth-of-type(n + 3),::ng-deep .card-deck o-highlighted:nth-of-type(n + 3),::ng-deep .access-deck o-highlighted:nth-of-type(n + 3),::ng-deep .card-deck o-card:nth-of-type(n + 3),::ng-deep .access-deck o-card:nth-of-type(n + 3),::ng-deep .card-deck .card:nth-of-type(n + 3),::ng-deep .access-deck .card:nth-of-type(n + 3){margin-top:30px}::ng-deep .card-deck o-access,::ng-deep .access-deck o-access,::ng-deep .card-deck o-highlighted,::ng-deep .access-deck o-highlighted,::ng-deep .card-deck o-card,::ng-deep .access-deck o-card{margin-right:15px;margin-bottom:0;margin-left:15px}::ng-deep .card-deck o-access .card,::ng-deep .access-deck o-access .card,::ng-deep .card-deck o-access .list-group-item,::ng-deep .access-deck o-access .list-group-item,::ng-deep .card-deck o-highlighted .card,::ng-deep .access-deck o-highlighted .card,::ng-deep .card-deck o-highlighted .list-group-item,::ng-deep .access-deck o-highlighted .list-group-item,::ng-deep .card-deck o-card .card,::ng-deep .access-deck o-card .card,::ng-deep .card-deck o-card .list-group-item,::ng-deep .access-deck o-card .list-group-item{min-width:100%;width:100%;height:100%;margin:0}::ng-deep .card-deck o-highlighted o-access,::ng-deep .access-deck o-highlighted o-access{margin:0}@media (min-width: 592px){::ng-deep .card-deck,::ng-deep .access-deck{display:flex;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}}@media (max-width: 591.98px){::ng-deep .card-deck o-access:nth-of-type(2),::ng-deep .access-deck o-access:nth-of-type(2),::ng-deep .card-deck o-highlighted:nth-of-type(2),::ng-deep .access-deck o-highlighted:nth-of-type(2),::ng-deep .card-deck o-card:nth-of-type(2),::ng-deep .access-deck o-card:nth-of-type(2),::ng-deep .card-deck .card:nth-of-type(2),::ng-deep .access-deck .card:nth-of-type(2){margin-top:30px}}@media (min-width: 752px){::ng-deep .card-deck:not(.max-cards-2) o-access,::ng-deep .access-deck:not(.max-cards-2) o-access,::ng-deep .card-deck:not(.max-cards-2) o-highlighted,::ng-deep .access-deck:not(.max-cards-2) o-highlighted,::ng-deep .card-deck:not(.max-cards-2) o-card,::ng-deep .access-deck:not(.max-cards-2) o-card,::ng-deep .card-deck:not(.max-cards-2) .card,::ng-deep .access-deck:not(.max-cards-2) .card,::ng-deep .card-deck.max-cards-3 o-access,::ng-deep .max-cards-3.access-deck o-access,::ng-deep .card-deck.max-cards-3 o-highlighted,::ng-deep .max-cards-3.access-deck o-highlighted,::ng-deep .card-deck.max-cards-3 o-card,::ng-deep .max-cards-3.access-deck o-card,::ng-deep .card-deck.max-cards-3 .card,::ng-deep .max-cards-3.access-deck .card{flex:1 0 25%;margin-top:0}::ng-deep .card-deck:not(.max-cards-2) o-access:nth-of-type(n + 4),::ng-deep .access-deck:not(.max-cards-2) o-access:nth-of-type(n + 4),::ng-deep .card-deck:not(.max-cards-2) o-highlighted:nth-of-type(n + 4),::ng-deep .access-deck:not(.max-cards-2) o-highlighted:nth-of-type(n + 4),::ng-deep .card-deck:not(.max-cards-2) o-card:nth-of-type(n + 4),::ng-deep .access-deck:not(.max-cards-2) o-card:nth-of-type(n + 4),::ng-deep .card-deck:not(.max-cards-2) .card:nth-of-type(n + 4),::ng-deep .access-deck:not(.max-cards-2) .card:nth-of-type(n + 4),::ng-deep .card-deck.max-cards-3 o-access:nth-of-type(n + 4),::ng-deep .max-cards-3.access-deck o-access:nth-of-type(n + 4),::ng-deep .card-deck.max-cards-3 o-highlighted:nth-of-type(n + 4),::ng-deep .max-cards-3.access-deck o-highlighted:nth-of-type(n + 4),::ng-deep .card-deck.max-cards-3 o-card:nth-of-type(n + 4),::ng-deep .max-cards-3.access-deck o-card:nth-of-type(n + 4),::ng-deep .card-deck.max-cards-3 .card:nth-of-type(n + 4),::ng-deep .max-cards-3.access-deck .card:nth-of-type(n + 4){margin-top:30px}}@media (min-width: 976px){::ng-deep .card-deck:not(.max-cards-2):not(.max-cards-3) o-access,::ng-deep .access-deck:not(.max-cards-2):not(.max-cards-3) o-access,::ng-deep .card-deck:not(.max-cards-2):not(.max-cards-3) o-highlighted,::ng-deep .access-deck:not(.max-cards-2):not(.max-cards-3) o-highlighted,::ng-deep .card-deck:not(.max-cards-2):not(.max-cards-3) o-card,::ng-deep .access-deck:not(.max-cards-2):not(.max-cards-3) o-card,::ng-deep .card-deck:not(.max-cards-2):not(.max-cards-3) .card,::ng-deep .access-deck:not(.max-cards-2):not(.max-cards-3) .card{flex:1 0 19%;margin-top:0}::ng-deep .card-deck:not(.max-cards-2):not(.max-cards-3) o-access:nth-of-type(n + 5),::ng-deep .access-deck:not(.max-cards-2):not(.max-cards-3) o-access:nth-of-type(n + 5),::ng-deep .card-deck:not(.max-cards-2):not(.max-cards-3) o-highlighted:nth-of-type(n + 5),::ng-deep .access-deck:not(.max-cards-2):not(.max-cards-3) o-highlighted:nth-of-type(n + 5),::ng-deep .card-deck:not(.max-cards-2):not(.max-cards-3) o-card:nth-of-type(n + 5),::ng-deep .access-deck:not(.max-cards-2):not(.max-cards-3) o-card:nth-of-type(n + 5),::ng-deep .card-deck:not(.max-cards-2):not(.max-cards-3) .card:nth-of-type(n + 5),::ng-deep .access-deck:not(.max-cards-2):not(.max-cards-3) .card:nth-of-type(n + 5){margin-top:30px}}::ng-deep .card-deck.max-cards-1 o-access,::ng-deep .max-cards-1.access-deck o-access,::ng-deep .card-deck.max-cards-1 o-highlighted,::ng-deep .max-cards-1.access-deck o-highlighted,::ng-deep .card-deck.max-cards-1 o-card,::ng-deep .max-cards-1.access-deck o-card,::ng-deep .card-deck.max-cards-1 .card,::ng-deep .max-cards-1.access-deck .card{flex:1 0 55%!important;margin-top:0}::ng-deep .card-deck.max-cards-1 o-access:nth-of-type(n + 2),::ng-deep .max-cards-1.access-deck o-access:nth-of-type(n + 2),::ng-deep .card-deck.max-cards-1 o-highlighted:nth-of-type(n + 2),::ng-deep .max-cards-1.access-deck o-highlighted:nth-of-type(n + 2),::ng-deep .card-deck.max-cards-1 o-card:nth-of-type(n + 2),::ng-deep .max-cards-1.access-deck o-card:nth-of-type(n + 2),::ng-deep .card-deck.max-cards-1 .card:nth-of-type(n + 2),::ng-deep .max-cards-1.access-deck .card:nth-of-type(n + 2){margin-top:30px}@media (max-width: 591.98px){::ng-deep .card-deck.card-column,::ng-deep .card-column.access-deck,::ng-deep .access-deck.access-column{width:100%}}::ng-deep .card-deck.card-column o-access,::ng-deep .card-column.access-deck o-access,::ng-deep .access-deck.access-column o-access,::ng-deep .card-deck.card-column o-highlighted,::ng-deep .card-column.access-deck o-highlighted,::ng-deep .access-deck.access-column o-highlighted,::ng-deep .card-deck.card-column o-card,::ng-deep .card-column.access-deck o-card,::ng-deep .access-deck.access-column o-card,::ng-deep .card-deck.card-column .card,::ng-deep .card-column.access-deck .card,::ng-deep .access-deck.access-column .card{max-width:calc(25% - 30px)}@media (max-width: 975.98px){::ng-deep .card-deck.card-column o-access,::ng-deep .card-column.access-deck o-access,::ng-deep .access-deck.access-column o-access,::ng-deep .card-deck.card-column o-highlighted,::ng-deep .card-column.access-deck o-highlighted,::ng-deep .access-deck.access-column o-highlighted,::ng-deep .card-deck.card-column o-card,::ng-deep .card-column.access-deck o-card,::ng-deep .access-deck.access-column o-card,::ng-deep .card-deck.card-column .card,::ng-deep .card-column.access-deck .card,::ng-deep .access-deck.access-column .card{max-width:calc(33.3333333333% - 30px)}}@media (max-width: 751.98px){::ng-deep .card-deck.card-column o-access,::ng-deep .card-column.access-deck o-access,::ng-deep .access-deck.access-column o-access,::ng-deep .card-deck.card-column o-highlighted,::ng-deep .card-column.access-deck o-highlighted,::ng-deep .access-deck.access-column o-highlighted,::ng-deep .card-deck.card-column o-card,::ng-deep .card-column.access-deck o-card,::ng-deep .access-deck.access-column o-card,::ng-deep .card-deck.card-column .card,::ng-deep .card-column.access-deck .card,::ng-deep .access-deck.access-column .card{max-width:calc(50% - 30px)}}@media (max-width: 591.98px){::ng-deep .card-deck.card-column o-access,::ng-deep .card-column.access-deck o-access,::ng-deep .access-deck.access-column o-access,::ng-deep .card-deck.card-column o-highlighted,::ng-deep .card-column.access-deck o-highlighted,::ng-deep .access-deck.access-column o-highlighted,::ng-deep .card-deck.card-column o-card,::ng-deep .card-column.access-deck o-card,::ng-deep .access-deck.access-column o-card,::ng-deep .card-deck.card-column .card,::ng-deep .card-column.access-deck .card,::ng-deep .access-deck.access-column .card{display:flex;width:100%;max-width:328px;height:-moz-fit-content;height:fit-content;margin-right:auto;margin-left:auto}::ng-deep .card-deck.card-column o-access[ng-reflect-is-horizontal=true],::ng-deep .card-column.access-deck o-access[ng-reflect-is-horizontal=true],::ng-deep .access-deck.access-column o-access[ng-reflect-is-horizontal=true],::ng-deep .card-deck.card-column o-highlighted[ng-reflect-is-horizontal=true],::ng-deep .card-column.access-deck o-highlighted[ng-reflect-is-horizontal=true],::ng-deep .access-deck.access-column o-highlighted[ng-reflect-is-horizontal=true],::ng-deep .card-deck.card-column o-card[ng-reflect-is-horizontal=true],::ng-deep .card-column.access-deck o-card[ng-reflect-is-horizontal=true],::ng-deep .access-deck.access-column o-card[ng-reflect-is-horizontal=true],::ng-deep .card-deck.card-column .card[ng-reflect-is-horizontal=true],::ng-deep .card-column.access-deck .card[ng-reflect-is-horizontal=true],::ng-deep .access-deck.access-column .card[ng-reflect-is-horizontal=true]{max-width:100%}}::ng-deep .card-deck.max-cards-3.card-column o-access,::ng-deep .max-cards-3.card-column.access-deck o-access,::ng-deep .max-cards-3.access-deck.access-column o-access,::ng-deep .card-deck.max-cards-3.card-column o-highlighted,::ng-deep .max-cards-3.card-column.access-deck o-highlighted,::ng-deep .max-cards-3.access-deck.access-column o-highlighted,::ng-deep .card-deck.max-cards-3.card-column o-card,::ng-deep .max-cards-3.card-column.access-deck o-card,::ng-deep .max-cards-3.access-deck.access-column o-card,::ng-deep .card-deck.max-cards-3.card-column .card,::ng-deep .max-cards-3.card-column.access-deck .card,::ng-deep .max-cards-3.access-deck.access-column .card{max-width:calc(33.3333333333% - 30px)}@media (max-width: 751.98px){::ng-deep .card-deck.max-cards-3.card-column o-access,::ng-deep .max-cards-3.card-column.access-deck o-access,::ng-deep .max-cards-3.access-deck.access-column o-access,::ng-deep .card-deck.max-cards-3.card-column o-highlighted,::ng-deep .max-cards-3.card-column.access-deck o-highlighted,::ng-deep .max-cards-3.access-deck.access-column o-highlighted,::ng-deep .card-deck.max-cards-3.card-column o-card,::ng-deep .max-cards-3.card-column.access-deck o-card,::ng-deep .max-cards-3.access-deck.access-column o-card,::ng-deep .card-deck.max-cards-3.card-column .card,::ng-deep .max-cards-3.card-column.access-deck .card,::ng-deep .max-cards-3.access-deck.access-column .card{max-width:calc(50% - 30px)}}@media (max-width: 591.98px){::ng-deep .card-deck.max-cards-3.card-column o-access,::ng-deep .max-cards-3.card-column.access-deck o-access,::ng-deep .max-cards-3.access-deck.access-column o-access,::ng-deep .card-deck.max-cards-3.card-column o-highlighted,::ng-deep .max-cards-3.card-column.access-deck o-highlighted,::ng-deep .max-cards-3.access-deck.access-column o-highlighted,::ng-deep .card-deck.max-cards-3.card-column o-card,::ng-deep .max-cards-3.card-column.access-deck o-card,::ng-deep .max-cards-3.access-deck.access-column o-card,::ng-deep .card-deck.max-cards-3.card-column .card,::ng-deep .max-cards-3.card-column.access-deck .card,::ng-deep .max-cards-3.access-deck.access-column .card{max-width:328px}::ng-deep .card-deck.max-cards-3.card-column o-access[ng-reflect-is-horizontal=true],::ng-deep .max-cards-3.card-column.access-deck o-access[ng-reflect-is-horizontal=true],::ng-deep .max-cards-3.access-deck.access-column o-access[ng-reflect-is-horizontal=true],::ng-deep .card-deck.max-cards-3.card-column o-highlighted[ng-reflect-is-horizontal=true],::ng-deep .max-cards-3.card-column.access-deck o-highlighted[ng-reflect-is-horizontal=true],::ng-deep .max-cards-3.access-deck.access-column o-highlighted[ng-reflect-is-horizontal=true],::ng-deep .card-deck.max-cards-3.card-column o-card[ng-reflect-is-horizontal=true],::ng-deep .max-cards-3.card-column.access-deck o-card[ng-reflect-is-horizontal=true],::ng-deep .max-cards-3.access-deck.access-column o-card[ng-reflect-is-horizontal=true],::ng-deep .card-deck.max-cards-3.card-column .card[ng-reflect-is-horizontal=true],::ng-deep .max-cards-3.card-column.access-deck .card[ng-reflect-is-horizontal=true],::ng-deep .max-cards-3.access-deck.access-column .card[ng-reflect-is-horizontal=true]{max-width:100%}}::ng-deep .card-deck.max-cards-2.card-column o-access,::ng-deep .max-cards-2.card-column.access-deck o-access,::ng-deep .max-cards-2.access-deck.access-column o-access,::ng-deep .card-deck.max-cards-2.card-column o-highlighted,::ng-deep .max-cards-2.card-column.access-deck o-highlighted,::ng-deep .max-cards-2.access-deck.access-column o-highlighted,::ng-deep .card-deck.max-cards-2.card-column o-card,::ng-deep .max-cards-2.card-column.access-deck o-card,::ng-deep .max-cards-2.access-deck.access-column o-card,::ng-deep .card-deck.max-cards-2.card-column .card,::ng-deep .max-cards-2.card-column.access-deck .card,::ng-deep .max-cards-2.access-deck.access-column .card{max-width:calc(50% - 30px)}@media (max-width: 591.98px){::ng-deep .card-deck.max-cards-2.card-column o-access,::ng-deep .max-cards-2.card-column.access-deck o-access,::ng-deep .max-cards-2.access-deck.access-column o-access,::ng-deep .card-deck.max-cards-2.card-column o-highlighted,::ng-deep .max-cards-2.card-column.access-deck o-highlighted,::ng-deep .max-cards-2.access-deck.access-column o-highlighted,::ng-deep .card-deck.max-cards-2.card-column o-card,::ng-deep .max-cards-2.card-column.access-deck o-card,::ng-deep .max-cards-2.access-deck.access-column o-card,::ng-deep .card-deck.max-cards-2.card-column .card,::ng-deep .max-cards-2.card-column.access-deck .card,::ng-deep .max-cards-2.access-deck.access-column .card{max-width:328px}::ng-deep .card-deck.max-cards-2.card-column o-access[ng-reflect-is-horizontal=true],::ng-deep .max-cards-2.card-column.access-deck o-access[ng-reflect-is-horizontal=true],::ng-deep .max-cards-2.access-deck.access-column o-access[ng-reflect-is-horizontal=true],::ng-deep .card-deck.max-cards-2.card-column o-highlighted[ng-reflect-is-horizontal=true],::ng-deep .max-cards-2.card-column.access-deck o-highlighted[ng-reflect-is-horizontal=true],::ng-deep .max-cards-2.access-deck.access-column o-highlighted[ng-reflect-is-horizontal=true],::ng-deep .card-deck.max-cards-2.card-column o-card[ng-reflect-is-horizontal=true],::ng-deep .max-cards-2.card-column.access-deck o-card[ng-reflect-is-horizontal=true],::ng-deep .max-cards-2.access-deck.access-column o-card[ng-reflect-is-horizontal=true],::ng-deep .card-deck.max-cards-2.card-column .card[ng-reflect-is-horizontal=true],::ng-deep .max-cards-2.card-column.access-deck .card[ng-reflect-is-horizontal=true],::ng-deep .max-cards-2.access-deck.access-column .card[ng-reflect-is-horizontal=true]{max-width:100%}}::ng-deep .card-deck.max-cards-1.card-column o-access,::ng-deep .max-cards-1.card-column.access-deck o-access,::ng-deep .max-cards-1.access-deck.access-column o-access,::ng-deep .card-deck.max-cards-1.card-column o-highlighted,::ng-deep .max-cards-1.card-column.access-deck o-highlighted,::ng-deep .max-cards-1.access-deck.access-column o-highlighted,::ng-deep .card-deck.max-cards-1.card-column o-card,::ng-deep .max-cards-1.card-column.access-deck o-card,::ng-deep .max-cards-1.access-deck.access-column o-card,::ng-deep .card-deck.max-cards-1.card-column .card,::ng-deep .max-cards-1.card-column.access-deck .card,::ng-deep .max-cards-1.access-deck.access-column .card{max-width:calc(33.3333333333% - 30px)}::ng-deep .card-deck.max-cards-1.card-column o-access:nth-of-type(-n + 3),::ng-deep .max-cards-1.card-column.access-deck o-access:nth-of-type(-n + 3),::ng-deep .max-cards-1.access-deck.access-column o-access:nth-of-type(-n + 3),::ng-deep .card-deck.max-cards-1.card-column o-highlighted:nth-of-type(-n + 3),::ng-deep .max-cards-1.card-column.access-deck o-highlighted:nth-of-type(-n + 3),::ng-deep .max-cards-1.access-deck.access-column o-highlighted:nth-of-type(-n + 3),::ng-deep .card-deck.max-cards-1.card-column o-card:nth-of-type(-n + 3),::ng-deep .max-cards-1.card-column.access-deck o-card:nth-of-type(-n + 3),::ng-deep .max-cards-1.access-deck.access-column o-card:nth-of-type(-n + 3),::ng-deep .card-deck.max-cards-1.card-column .card:nth-of-type(-n + 3),::ng-deep .max-cards-1.card-column.access-deck .card:nth-of-type(-n + 3),::ng-deep .max-cards-1.access-deck.access-column .card:nth-of-type(-n + 3){margin-top:0}@media (max-width: 751.98px){::ng-deep .card-deck.max-cards-1.card-column o-access,::ng-deep .max-cards-1.card-column.access-deck o-access,::ng-deep .max-cards-1.access-deck.access-column o-access,::ng-deep .card-deck.max-cards-1.card-column o-highlighted,::ng-deep .max-cards-1.card-column.access-deck o-highlighted,::ng-deep .max-cards-1.access-deck.access-column o-highlighted,::ng-deep .card-deck.max-cards-1.card-column o-card,::ng-deep .max-cards-1.card-column.access-deck o-card,::ng-deep .max-cards-1.access-deck.access-column o-card,::ng-deep .card-deck.max-cards-1.card-column .card,::ng-deep .max-cards-1.card-column.access-deck .card,::ng-deep .max-cards-1.access-deck.access-column .card{max-width:calc(50% - 30px)}::ng-deep .card-deck.max-cards-1.card-column o-access:nth-of-type(-n + 3),::ng-deep .max-cards-1.card-column.access-deck o-access:nth-of-type(-n + 3),::ng-deep .max-cards-1.access-deck.access-column o-access:nth-of-type(-n + 3),::ng-deep .card-deck.max-cards-1.card-column o-highlighted:nth-of-type(-n + 3),::ng-deep .max-cards-1.card-column.access-deck o-highlighted:nth-of-type(-n + 3),::ng-deep .max-cards-1.access-deck.access-column o-highlighted:nth-of-type(-n + 3),::ng-deep .card-deck.max-cards-1.card-column o-card:nth-of-type(-n + 3),::ng-deep .max-cards-1.card-column.access-deck o-card:nth-of-type(-n + 3),::ng-deep .max-cards-1.access-deck.access-column o-card:nth-of-type(-n + 3),::ng-deep .card-deck.max-cards-1.card-column .card:nth-of-type(-n + 3),::ng-deep .max-cards-1.card-column.access-deck .card:nth-of-type(-n + 3),::ng-deep .max-cards-1.access-deck.access-column .card:nth-of-type(-n + 3){margin-top:30px}}@media (max-width: 591.98px){::ng-deep .card-deck.max-cards-1.card-column o-access,::ng-deep .max-cards-1.card-column.access-deck o-access,::ng-deep .max-cards-1.access-deck.access-column o-access,::ng-deep .card-deck.max-cards-1.card-column o-highlighted,::ng-deep .max-cards-1.card-column.access-deck o-highlighted,::ng-deep .max-cards-1.access-deck.access-column o-highlighted,::ng-deep .card-deck.max-cards-1.card-column o-card,::ng-deep .max-cards-1.card-column.access-deck o-card,::ng-deep .max-cards-1.access-deck.access-column o-card,::ng-deep .card-deck.max-cards-1.card-column .card,::ng-deep .max-cards-1.card-column.access-deck .card,::ng-deep .max-cards-1.access-deck.access-column .card{max-width:100%}}@media (max-width: 751.98px){::ng-deep .access-deck.max-cards-1 o-access:first-of-type{margin-top:0!important}}@media (max-width: 751.98px){::ng-deep .access-deck.max-cards-1 .list-group-item{margin-top:0!important}}\n"] }]
}], ctorParameters: function () { return [{ type: i0.Renderer2 }]; }, propDecorators: { isHorizontal: [{
type: Input
}], isBordered: [{
type: Input
}], isThemeCard: [{
type: Input
}], customClasses: [{
type: Input
}], isTitleTruncate: [{
type: Input
}], title: [{
type: Input