{"version":3,"file":"ngx-obelisco-example-access.mjs","sources":["../../../projects/ngx-obelisco/access/o-access/o-access.component.ts","../../../projects/ngx-obelisco/access/o-access/o-access.component.html","../../../projects/ngx-obelisco/access/o-access-list/o-access-list.component.ts","../../../projects/ngx-obelisco/access/o-access-list/o-access-list.component.html","../../../projects/ngx-obelisco/access/o-access.module.ts","../../../projects/ngx-obelisco/access/ngx-obelisco-example-access.ts"],"sourcesContent":["import { AfterViewInit, Component, ElementRef, Input, Renderer2, ViewChild } from '@angular/core';\r\nimport { Sizes } from 'ngx-obelisco-example/core/models';\r\n\r\n@Component({\r\n  selector: 'o-access',\r\n  templateUrl: './o-access.component.html',\r\n  styleUrls: ['./o-access.component.scss', '../../scss/deck.scss']\r\n})\r\nexport class OAccessComponent implements AfterViewInit {\r\n  @Input() public icon!: string;\r\n  @Input() public title!: string;\r\n  @Input() public description!: string;\r\n  @Input() public size: Sizes = 'md';\r\n  @Input() public link!: string;\r\n  @Input() public route!: string;\r\n  @Input() public customClasses: string = '';\r\n\r\n  @ViewChild('access') public access!: ElementRef;\r\n\r\n  constructor(private readonly renderer: Renderer2) {}\r\n\r\n  public ngAfterViewInit(): void {\r\n    if (this.link) {\r\n      this.renderer.setAttribute(this.access.nativeElement, 'href', this.link);\r\n    }\r\n  }\r\n}\r\n","<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","import { Component, Input, OnChanges } from '@angular/core';\r\nimport { Access, AccessCategory, AccessList } from 'ngx-obelisco-example/core/models';\r\n\r\n@Component({\r\n  selector: 'o-access-list',\r\n  templateUrl: './o-access-list.component.html',\r\n  styleUrls: ['./o-access-list.component.scss']\r\n})\r\nexport class OAccessListComponent implements OnChanges {\r\n  @Input() public items!: AccessList;\r\n  @Input() public customClasses: string = '';\r\n\r\n  public accessList: Access[] = [];\r\n  public accessCategoryList: AccessCategory[] = [];\r\n\r\n  ngOnChanges() {\r\n    if (this.items && this.items.children) {\r\n      this.items.children.forEach((child) => {\r\n        if (this.isAccess(child)) {\r\n          this.accessList.push(child as Access);\r\n        } else if (this.isAccessCategory(child)) {\r\n          this.accessCategoryList.push(child as AccessCategory);\r\n        }\r\n      });\r\n    }\r\n  }\r\n\r\n  private isAccess(item: any): item is Access {\r\n    return item.hasOwnProperty('link') || item.hasOwnProperty('route');\r\n  }\r\n\r\n  private isAccessCategory(item: any): item is AccessCategory {\r\n    return item.hasOwnProperty('title') && item.hasOwnProperty('children');\r\n  }\r\n}\r\n","<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            <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    </div>\r\n  </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { OAccessComponent } from './o-access/o-access.component';\r\nimport { RouterModule } from '@angular/router';\r\nimport { OAccessListComponent } from './o-access-list/o-access-list.component';\r\n\r\n@NgModule({\r\n  declarations: [OAccessComponent, OAccessListComponent],\r\n  imports: [CommonModule, RouterModule],\r\n  exports: [OAccessComponent, OAccessListComponent]\r\n})\r\nexport class OAccessModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}