UNPKG

ngx-obelisco-example

Version:

Componentes funcionales y reutilizables para Angular.

gcba.github.io/ngx-obelisco/

gcba/ngx-obelisco

70 lines (68 loc) • 59 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
import * as i0 from '@angular/core'; import { Component, Input, ViewChild, NgModule } from '@angular/core'; import * as i1 from '@angular/common'; import { CommonModule } from '@angular/common'; import * as i2 from '@angular/router'; import { RouterModule } from '@angular/router'; class OAccessComponent { constructor(renderer) { this.renderer = renderer; this.size = 'md'; this.customClasses = ''; } ngAfterViewInit() { if (this.link) { this.renderer.setAttribute(this.access.nativeElement, 'href', this.link); } } } OAccessComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OAccessComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); OAccessComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: OAccessComponent, selector: "o-access", inputs: { icon: "icon", title: "title", description: "description", size: "size", link: "link", route: "route", customClasses: "customClasses" }, viewQueries: [{ propertyName: "access", first: true, predicate: ["access"], descendants: true }], ngImport: i0, template: "<a #access [routerLink]=\"route\" class=\"list-group-item\" [class.item-sm]=\"size == 'sm'\" [ngClass]=\"customClasses\">\r\n <i *ngIf=\"icon && icon.includes('bx')\" [ngClass]=\"icon!\"></i>\r\n <span *ngIf=\"icon && !icon.includes('bx')\" class=\"material-icons-round\" aria-hidden=\"true\">{{ icon }}</span>\r\n <span class=\"access-title\" *ngIf=\"!description\">{{ title }}</span>\r\n <div class=\"access-content\" *ngIf=\"description\">\r\n <span class=\"access-title\">{{ title }}</span>\r\n <p class=\"access-text\">{{ description }}</p>\r\n </div>\r\n</a>\r\n", styles: ["", "::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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OAccessComponent, decorators: [{ type: Component, args: [{ selector: 'o-access', template: "<a #access [routerLink]=\"route\" class=\"list-group-item\" [class.item-sm]=\"size == 'sm'\" [ngClass]=\"customClasses\">\r\n <i *ngIf=\"icon && icon.includes('bx')\" [ngClass]=\"icon!\"></i>\r\n <span *ngIf=\"icon && !icon.includes('bx')\" class=\"material-icons-round\" aria-hidden=\"true\">{{ icon }}</span>\r\n <span class=\"access-title\" *ngIf=\"!description\">{{ title }}</span>\r\n <div class=\"access-content\" *ngIf=\"description\">\r\n <span class=\"access-title\">{{ title }}</span>\r\n <p class=\"access-text\">{{ description }}</p>\r\n </div>\r\n</a>\r\n", styles: ["::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: { icon: [{ type: Input }], title: [{ type: Input }], description: [{ type: Input }], size: [{ type: Input }], link: [{ type: Input }], route: [{ type: Input }], customClasses: [{ type: Input }], access: [{ type: ViewChild, args: ['access'] }] } }); class OAccessListComponent { constructor() { this.customClasses = ''; this.accessList = []; this.accessCategoryList = []; } ngOnChanges() { if (this.items && this.items.children) { this.items.children.forEach((child) => { if (this.isAccess(child)) { this.accessList.push(child); } else if (this.isAccessCategory(child)) { this.accessCategoryList.push(child); } }); } } isAccess(item) { return item.hasOwnProperty('link') || item.hasOwnProperty('route'); } isAccessCategory(item) { return item.hasOwnProperty('title') && item.hasOwnProperty('children'); } } OAccessListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OAccessListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); OAccessListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: OAccessListComponent, selector: "o-access-list", inputs: { items: "items", customClasses: "customClasses" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"list-group\" [ngClass]=\"customClasses\">\r\n <div class=\"group-access\">\r\n <div class=\"card-access\">\r\n <!-- Header -->\r\n <div\r\n class=\"card-access-body\"\r\n [ngClass]=\"{\r\n reverse: items.header!.iconPositionLeft\r\n }\"\r\n >\r\n <div>\r\n <h4 class=\"mb-1\">{{ items.header!.title }}</h4>\r\n <p *ngIf=\"items.header!.description\" class=\"mb-0\">{{ items.header!.description }}</p>\r\n </div>\r\n <ng-container *ngIf=\"items.header!.icon\">\r\n <i\r\n *ngIf=\"items.header!.icon.includes('bx'); else materialIcon\"\r\n class=\"card-access-icon {{ items.header!.icon }}\"\r\n ></i>\r\n <ng-template #materialIcon>\r\n <span class=\"card-access-icon material-icons-round\" aria-hidden=\"true\">{{ items.header!.icon }}</span>\r\n </ng-template>\r\n </ng-container>\r\n <span *ngIf=\"items.header!.iconText\" class=\"card-access-icon descriptive\">{{ items.header!.iconText }}</span>\r\n </div>\r\n <hr class=\"clearfix\" *ngIf=\"items.children\" />\r\n <!-- Items simples -->\r\n <div class=\"container-access\" *ngIf=\"accessList.length > 0\">\r\n <div class=\"access-option\">\r\n <ng-container *ngFor=\"let itemList of accessList\">\r\n <a [routerLink]=\"itemList.route\" class=\"list-group-item item-sm\">\r\n <ng-container *ngIf=\"itemList.icon\">\r\n <i *ngIf=\"itemList.icon.includes('bx'); else materialIcon\" class=\"{{ itemList.icon }}\"></i>\r\n <ng-template #materialIcon>\r\n <span class=\"material-icons-round\" aria-hidden=\"true\">{{ itemList.icon }}</span>\r\n </ng-template>\r\n </ng-container>\r\n <div class=\"access-content\">\r\n <span class=\"access-title\">{{ itemList.title }}</span>\r\n <p *ngIf=\"itemList.description\" class=\"access-text\">{{ itemList.description }}</p>\r\n </div>\r\n </a>\r\n </ng-container>\r\n <ng-container *ngFor=\"let itemList of accessList\">\r\n <a *ngIf=\"itemList.link\" [href]=\"itemList.link\" class=\"list-group-item item-sm\">\r\n <ng-container *ngIf=\"itemList.icon\">\r\n <i *ngIf=\"itemList.icon.includes('bx'); else materialIcon\" class=\"{{ itemList.icon }}\"></i>\r\n <ng-template #materialIcon>\r\n <span class=\"material-icons-round\" aria-hidden=\"true\">{{ itemList.icon }}</span>\r\n </ng-template>\r\n </ng-container>\r\n <div class=\"access-content\">\r\n <span class=\"access-title\">{{ itemList.title }}</span>\r\n <p *ngIf=\"itemList.description\" class=\"access-text\">{{ itemList.description }}</p>\r\n </div>\r\n </a>\r\n </ng-container>\r\n </div>\r\n </div>\r\n <!-- Items con categorias -->\r\n <div class=\"container-access\" *ngIf=\"accessCategoryList.length > 0\">\r\n <div class=\"access-option\" *ngFor=\"let itemCategory of accessCategoryList; let i = index\">\r\n <h5 class=\"title-option\">{{ itemCategory.title }}</h5>\r\n <ng-container *ngFor=\"let accessItem of itemCategory.children\">\r\n <a *ngIf=\"accessItem.route\" class=\"list-group-item item-sm\" [routerLink]=\"accessItem.route\">\r\n <span class=\"access-title\">\r\n <ng-container *ngIf=\"accessItem.icon\">\r\n <i *ngIf=\"accessItem.icon.includes('bx'); else materialIcon\" class=\"{{ accessItem.icon }}\"></i>\r\n <ng-template #materialIcon>\r\n <span class=\"material-icons-round\" aria-hidden=\"true\">{{ accessItem.icon }}</span>\r\n </ng-template>\r\n </ng-container>\r\n {{ accessItem.title }}\r\n </span>\r\n </a>\r\n <a *ngIf=\"accessItem.link\" class=\"list-group-item item-sm\" [href]=\"accessItem.link\">\r\n <span class=\"access-title\">\r\n <ng-container *ngIf=\"accessItem.icon\">\r\n <i *ngIf=\"accessItem.icon.includes('bx'); else materialIcon\" class=\"{{ accessItem.icon }}\"></i>\r\n <ng-template #materialIcon>\r\n <span class=\"material-icons-round\" aria-hidden=\"true\">{{ accessItem.icon }}</span>\r\n </ng-template>\r\n </ng-container>\r\n {{ accessItem.title }}\r\n </span>\r\n </a>\r\n </ng-container>\r\n </div>\r\n </div>\r\n <hr *ngIf=\"items.footer\" class=\"clearfix\" />\r\n <!-- Footer -->\r\n <a\r\n *ngIf=\"items.footer && items.footer!.route\"\r\n [routerLink]=\"items.footer!.route\"\r\n class=\"list-group-item card-item\"\r\n >\r\n <span class=\"access-title\">\r\n <ng-container *ngIf=\"items.footer!.icon\">\r\n <i *ngIf=\"items.footer!.icon.includes('bx'); else materialIcon\" class=\"{{ items.footer!.icon }}\"></i>\r\n <ng-template #materialIcon>\r\n <span class=\"material-icons-round\" aria-hidden=\"true\">{{ items.footer!.icon }}</span>\r\n </ng-template>\r\n </ng-container>\r\n {{ items.footer!.title }}\r\n </span>\r\n </a>\r\n <a *ngIf=\"items.footer && items.footer!.link\" [href]=\"items.footer!.link\" class=\"list-group-item card-item\">\r\n <span class=\"access-title\">\r\n <ng-container *ngIf=\"items.footer!.icon\">\r\n <i *ngIf=\"items.footer!.icon.includes('bx'); else materialIcon\" class=\"{{ items.footer!.icon }}\"></i>\r\n <n