\n <\n\n \n\n >\n
\n","import { Component, Inject, LOCALE_ID, OnInit } from '@angular/core';\nimport { FormStyle, getLocaleDayNames, TranslationWidth } from '@angular/common';\n\n@Component({\n selector: 'irk-days-header',\n templateUrl: './days-header.component.html',\n styleUrls: ['./days-header.component.scss']\n})\nexport class DaysHeaderComponent implements OnInit {\n narrowDaysOfWeek!: readonly string[];\n daysOfWeek!: readonly string[];\n\n constructor(@Inject(LOCALE_ID) private localeId: string) {}\n\n ngOnInit(): void {\n this.narrowDaysOfWeek = getLocaleDayNames(this.localeId, FormStyle.Format, TranslationWidth.Narrow);\n this.daysOfWeek = getLocaleDayNames(this.localeId, FormStyle.Format, TranslationWidth.Wide);\n }\n\n}\n","\n \n {{narrowDaysOfWeek[index]}}\n
\n","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { WeekDay } from '@angular/common';\n\nimport { getDaysOfMonth, isValidDate, isSameDate, isDateAfter, isWeekend } from '../../utils/date.util';\n\n@Component({\n selector: 'irk-month',\n templateUrl: './month.component.html',\n styleUrls: ['./month.component.scss']\n})\nexport class MonthComponent implements OnInit {\n daysOfMonth!: readonly Date[];\n firstDayOfMonth!: string;\n\n private _month!: Date;\n private dateSelector = 'time.date';\n\n @Output() selectedDateChange = new EventEmitter\n \n
\n","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\n\n@Component({\n selector: 'irk-footer',\n templateUrl: './footer.component.html',\n styleUrls: ['./footer.component.scss']\n})\nexport class FooterComponent implements OnInit {\n\n valid = false;\n\n @Output() onAccept = new EventEmitter\n \n\n \n \n\n \n \n
\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MonthHeaderComponent } from './month-header/month-header.component';\nimport { DaysHeaderComponent } from './days-header/days-header.component';\nimport { MonthComponent } from './month/month.component';\nimport { CalendarComponent } from './calendar.component';\nimport { FooterComponent } from './footer/footer.component';\nimport { ButtonModule } from '../button/button.module';\n\n\n\n@NgModule({\n declarations: [\n MonthHeaderComponent,\n DaysHeaderComponent,\n MonthComponent,\n CalendarComponent,\n FooterComponent\n ],\n imports: [\n CommonModule,\n ButtonModule\n ],\n exports: [\n MonthHeaderComponent,\n DaysHeaderComponent,\n MonthComponent,\n CalendarComponent,\n FooterComponent\n ]\n})\nexport class CalendarModule { }\n","import { Component, Input, OnInit } from '@angular/core';\n\n@Component({\n selector: 'irk-avatar',\n templateUrl: './avatar.component.html',\n styleUrls: ['./avatar.component.scss']\n})\nexport class AvatarComponent implements OnInit {\n\n @Input() src!: string;\n @Input() size?: string = '3rem';\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","\n ![]()
\n
\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AvatarComponent } from './avatar.component';\n\n\n\n@NgModule({\n declarations: [\n AvatarComponent\n ],\n imports: [\n CommonModule\n ],\n exports: [\n AvatarComponent\n ]\n})\nexport class AvatarModule { }\n","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\n\n@Component({\n selector: 'irk-card',\n templateUrl: './card.component.html',\n styleUrls: ['./card.component.scss']\n})\nexport class CardComponent implements OnInit {\n\n @Input() class?: 'primary' | 'success' | 'danger' | 'danger-inverted';\n @Input() avatarUrl?: string;\n @Input() mainIcon?: string;\n @Input() mainTitle?: string;\n @Input() mainSubtitle?: string;\n @Input() detailTitle?: string;\n @Input() detailSubtitle?: string;\n @Input() detailIcon: boolean = false;\n @Input() verticalLine: boolean = false;\n @Input() selectable: boolean = false;\n @Input() selected: boolean = false;\n @Input() actions: boolean = false;\n @Input() showEditAction: boolean = false;\n @Input() showDeleteAction: boolean = false;\n\n @Output() selectedChange: EventEmitter\n
\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { IonicModule } from '@ionic/angular';\n\nimport { CardComponent } from './card.component';\nimport { AvatarModule } from '../avatar/avatar.module';\n\n@NgModule({\n declarations: [\n CardComponent\n ],\n imports: [\n CommonModule,\n IonicModule,\n AvatarModule\n ],\n exports: [\n CardComponent\n ]\n})\nexport class CardModule { }\n","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\n\n@Component({\n selector: 'irk-product-card',\n templateUrl: './product-card.component.html',\n styleUrls: ['./product-card.component.scss']\n})\nexport class ProductCardComponent implements OnInit {\n\n @Input() avatarUrl?: string;\n @Input() productName?: string;\n @Input() price?: number;\n @Input() canBeAdded?: boolean = false;\n @Output() productAdded = new EventEmitter\n \n\n
\n\n \n \n \n
\n \n
\n\n\n \n \n
\n\n \n
\n\n \n
\n\n \n \n\n \n \n\n \n\n \n
\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ProductCardComponent } from './product-card.component';\nimport { AvatarModule } from '../avatar/avatar.module';\n\n@NgModule({\n declarations: [\n ProductCardComponent\n ],\n imports: [\n CommonModule,\n AvatarModule\n ],\n exports: [\n ProductCardComponent\n ]\n})\nexport class ProductCardModule { }\n","import { Component, Input, Output, OnInit, EventEmitter } from '@angular/core';\n\n@Component({\n selector: 'irk-profile-card',\n templateUrl: './profile-card.component.html',\n styleUrls: ['./profile-card.component.scss']\n})\nexport class ProfileCardComponent implements OnInit {\n @Input() avatarUrl?: string;\n @Input() name?: string;\n @Input() lastName?: string;\n @Input() additionalData?: string[];\n @Input() isActionable: boolean = true;\n @Input() actionText?: string = 'Ver perfil';\n @Input() isDeletable: boolean = false;\n @Input() deleteText?: string = 'Eliminar';\n\n @Output() cardAction = new EventEmitter\n
\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ProfileCardComponent } from './profile-card.component';\nimport { ButtonModule } from '../button/button.module';\nimport { AvatarModule } from '../avatar/avatar.module';\n\n@NgModule({\n declarations: [\n ProfileCardComponent\n ],\n imports: [\n CommonModule,\n ButtonModule,\n AvatarModule\n ],\n exports: [\n ProfileCardComponent\n ]\n})\nexport class ProfileCardModule { }\n","import { Component, Input, OnInit } from '@angular/core';\n\n@Component({\n selector: 'irk-statistic-card',\n templateUrl: './statistic-card.component.html',\n styleUrls: ['./statistic-card.component.scss']\n})\nexport class StatisticCardComponent implements OnInit {\n @Input() iconName?: string;\n @Input() value?: string;\n @Input() title?: string;\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","\n
\n\n {{ name }}
\n{{ lastName }}
\n\n
\n\n \n{{ data }}
\n\n
\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { StatisticCardComponent } from './statistic-card.component';\nimport { IonicModule } from '@ionic/angular';\n\n@NgModule({\n declarations: [\n StatisticCardComponent\n ],\n imports: [\n CommonModule,\n IonicModule\n ],\n exports: [\n StatisticCardComponent\n ]\n})\nexport class StatisticCardModule { }\n","export enum IrkInputTextCase {\n NORMAL='normal',\n UPPERCASE='uppercase',\n LOWERCASE='lowercase',\n}\n","export enum IrkInputType {\n TEXT='text',\n NUMBER='number',\n PASSWORD='password',\n DATE='date',\n EMAIL='email',\n}\n","import { Component, EventEmitter, Input, OnInit, Output, ChangeDetectorRef, ChangeDetectionStrategy, HostListener, Self, Optional } from '@angular/core';\nimport { ControlValueAccessor, NgControl } from '@angular/forms';\nimport { hasValidator } from '../utils';\nimport { IrkInputType } from './utilities/irk-input-types.enum';\nimport { IrkInputTextCase } from './utilities/irk-input-text-case.enum';\n\n@Component({\n selector: 'irk-input',\n templateUrl: './input.component.html',\n styleUrls: ['./input.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class InputComponent implements OnInit, ControlValueAccessor {\n inputTypes = IrkInputType;\n @Input() label: (string | null) = null;\n @Input() type: IrkInputType = IrkInputType.TEXT;\n @Input() textCase: IrkInputTextCase = IrkInputTextCase.NORMAL;\n @Input() step: number = 1;\n @Input() minVal: (number | undefined);\n @Input() maxVal: (number | undefined);\n @Input() value: any = null;\n @Input() maxDate: (Date | undefined) = new Date(new Date(2022, 2, 10).setHours(0,0,0,0));;\n @Input() minDate: (Date | undefined) = new Date(new Date(2022, 0, 10).setHours(0,0,0,0));\n @Input() disabled: boolean = false;\n @Input() required: boolean = false;\n @Output() valueChange: EventEmitter\n \n \n
\n\n \n\n
\n\n\n \n \n\n \n \n\n \n \n
\nEste campo es requerido.
\n\n Este campo requiere de al menos\n {{ control?.errors?.['minlength']?.requiredLength }} caracteres.\n
\n\n Este campo no debe contener más de\n {{ control?.errors?.['maxlength']?.requiredLength }} caracteres.\n
\n\n \n\n
\n\n\n\n \n \n \n \n\n
\n\n \n \n \n\n \n \n\n \n \n
\nEste campo es requerido.
\n\n Este campo requiere de al menos\n {{ control?.errors?.['minlength']?.requiredLength }} caracteres.\n
\n\n Este campo no debe contener más de\n {{ control?.errors?.['maxlength']?.requiredLength }} caracteres.\n
\n\n \n\n \n
\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TextareaComponent } from './textarea.component';\n\n@NgModule({\n declarations: [\n TextareaComponent\n ],\n imports: [\n CommonModule\n ],\n exports: [\n TextareaComponent\n ]\n})\nexport class TextareaModule { }\n","import { Component, OnInit, Input } from '@angular/core';\n\n@Component({\n selector: 'irk-document-preview',\n templateUrl: './document-preview.component.html',\n styleUrls: ['./document-preview.component.scss']\n})\nexport class DocumentPreviewComponent implements OnInit {\n @Input() fileName?: string = 'Document preview';\n @Input() lastModified?: number;\n @Input() fileUrl?: string;\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n onOpenFile(): void {\n if (this.fileUrl) {\n window.open(this.fileUrl);\n }\n }\n\n\n}\n","\n
\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { DocumentPreviewComponent } from './document-preview.component';\nimport { IonicModule } from '@ionic/angular';\n\n@NgModule({\n declarations: [\n DocumentPreviewComponent\n ],\n imports: [\n CommonModule,\n IonicModule,\n ],\n exports: [\n DocumentPreviewComponent\n ]\n})\nexport class DocumentPreviewModule { }\n","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\n\n@Component({\n selector: 'irk-contact-card',\n templateUrl: './contact-card.component.html',\n styleUrls: ['./contact-card.component.scss']\n})\nexport class ContactCardComponent implements OnInit {\n\n @Input() selectable: boolean = false;\n @Input() selected: boolean = false;\n @Input() avatarUrl?: string;\n @Input() firstName?: string;\n @Input() lastName?: string;\n @Output() selectedChange: EventEmitter\n
\n\n \n
\n \n
\n {{ fileName }}
\nÚltima fecha de modificación: {{ lastModified | date: 'short' }}
\n\n
\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { IonicModule } from '@ionic/angular';\n\nimport { ContactCardComponent } from './contact-card.component';\nimport { AvatarModule } from '../avatar/avatar.module';\n\n@NgModule({\n declarations: [\n ContactCardComponent\n ],\n imports: [\n CommonModule,\n IonicModule,\n AvatarModule,\n ],\n exports: [\n ContactCardComponent\n ]\n})\nexport class ContactCardModule { }\n","import { Output } from '@angular/core';\nimport { EventEmitter } from '@angular/core';\nimport { Input } from '@angular/core';\nimport { Component, OnInit } from '@angular/core';\nimport { IrkInputType } from '../input/utilities/irk-input-types.enum';\n\n@Component({\n selector: 'irk-product-form',\n templateUrl: './product-form.component.html',\n styleUrls: ['./product-form.component.scss']\n})\nexport class ProductFormComponent implements OnInit {\n readonly IrkInputType = IrkInputType;\n @Input() nombre = '';\n @Input() precio = 0;\n @Output() createProduct = new EventEmitter\n
\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ProductFormComponent } from './product-form.component';\nimport { AvatarModule, ButtonModule, FabButtonModule, InputModule } from '../../public-api';\n\n@NgModule({\n declarations: [\n ProductFormComponent\n ],\n imports: [\n CommonModule,\n AvatarModule,\n FabButtonModule,\n ButtonModule,\n InputModule\n ],\n exports: [\n ProductFormComponent\n ]\n})\nexport class ProductFormModule { }\n","import {\n Component,\n EventEmitter,\n Input,\n OnChanges,\n OnInit,\n Output,\n SimpleChanges,\n} from '@angular/core';\n\n@Component({\n selector: 'irk-radio-button',\n templateUrl: './radio-button.component.html',\n styleUrls: ['./radio-button.component.scss'],\n})\nexport class RadioButtonComponent implements OnInit, OnChanges {\n @Input() options: any[] = [];\n @Input() idKey: string = '';\n @Input() nameKey: string = '';\n @Input() orientation: 'horizontal' | 'vertical' = 'vertical';\n @Input() value: any;\n @Input() disabled: boolean = false;\n @Input() label?: string;\n @Output() valueChange: EventEmitter\n
\n\n \n Crear Platillo \n
\n\n \n
\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RadioButtonComponent } from './radio-button.component';\n\n@NgModule({\n declarations: [RadioButtonComponent],\n imports: [CommonModule],\n exports: [RadioButtonComponent],\n})\nexport class RadioButtonModule {}\n","import { Component, Input, OnInit, Output, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';\n\n@Component({\n selector: 'irk-checkbox',\n templateUrl: './checkbox.component.html',\n styleUrls: ['./checkbox.component.scss']\n})\nexport class CheckboxComponent implements OnInit, OnChanges {\n\n @Input() checked: boolean = false;\n @Input() disabled: boolean = false;\n @Output() checkedChange: EventEmitter\n \n\n
\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { CheckboxComponent } from './checkbox.component';\n\n@NgModule({\n declarations: [\n CheckboxComponent\n ],\n imports: [\n CommonModule\n ],\n exports: [\n CheckboxComponent\n ]\n})\nexport class CheckboxModule { }\n","import { Component, EventEmitter, Input, OnInit, Output, SimpleChanges } from '@angular/core';\n\n@Component({\n selector: 'irk-paginator',\n templateUrl: './paginator.component.html',\n styleUrls: ['./paginator.component.scss']\n})\nexport class PaginatorComponent implements OnInit {\n @Input() showLabel = false;\n @Input() page: number = 0;\n @Input() pageSize: number = 0;\n @Input() totalItems: number = 0;\n @Output() pageChange: EventEmitter\n
\n\n \n\n
\n\n{{ page }}
\n\n \n\n {{ totalItems > 0 ? ((page-1) * pageSize) + 1 : 0 }} a\n {{ page * pageSize > totalItems ? totalItems : page * pageSize }}\n de {{ totalItems }} resultados\n
\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PaginatorComponent } from './paginator.component';\nimport { IonicModule } from '@ionic/angular';\n\n@NgModule({\n declarations: [\n PaginatorComponent\n ],\n imports: [\n CommonModule,\n IonicModule\n ],\n exports: [\n PaginatorComponent\n ]\n})\nexport class PaginatorModule { }\n","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\n\n@Component({\n selector: 'irk-unit-selector',\n templateUrl: './unit-selector.component.html',\n styleUrls: ['./unit-selector.component.scss']\n})\nexport class UnitSelectorComponent implements OnInit {\n\n @Input() value: number = 0;\n @Input() min?: number;\n @Input() max?: number;\n @Input() step: number = 1;\n @Output() valueChange: EventEmitter\n \n\n
\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { UnitSelectorComponent } from './unit-selector.component';\n\n@NgModule({\n declarations: [\n UnitSelectorComponent\n ],\n imports: [\n CommonModule\n ],\n exports: [\n UnitSelectorComponent\n ]\n})\nexport class UnitSelectorModule { }\n","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\n\n@Component({\n selector: 'irk-tab-button',\n templateUrl: './tab-button.component.html',\n styleUrls: ['./tab-button.component.scss']\n})\nexport class TabButtonComponent implements OnInit {\n @Input() value: string = '';\n @Input() name: string = '';\n @Input() iconName?: string;\n @Input() selected: boolean = false;\n @Input() disabled: boolean = false;\n @Output() tabSelected: EventEmitter{{ value }}
\n\n \n 0\">\n
\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TabSelectorComponent } from './tab-selector.component';\nimport { IonicModule } from '@ionic/angular';\nimport { TabButtonComponent } from './tab-button/tab-button.component';\n\n@NgModule({\n declarations: [\n TabSelectorComponent,\n TabButtonComponent\n ],\n imports: [\n CommonModule,\n IonicModule\n ],\n exports: [\n TabSelectorComponent,\n TabButtonComponent\n ]\n})\nexport class TabSelectorModule { }\n","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\n\n@Component({\n selector: 'irk-item',\n templateUrl: './item.component.html',\n styleUrls: ['./item.component.scss']\n})\nexport class ItemComponent implements OnInit {\n @Input() label!: string;\n @Input() value?: string;\n @Input() editable?: boolean = false;\n @Input() orientation?: 'horizontal' | 'vertical' = 'vertical';\n @Output() itemClicked: EventEmitter\n \n
\n \n \n \n
\n\n \n
\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ChipComponent } from './chip.component';\nimport { IonicModule } from '@ionic/angular';\nimport { AvatarModule } from '../../public-api';\n\n@NgModule({\n declarations: [\n ChipComponent\n ],\n imports: [\n CommonModule,\n IonicModule,\n AvatarModule\n ],\n exports: [\n ChipComponent\n ]\n})\nexport class ChipModule { }\n","import { Output } from '@angular/core';\nimport { EventEmitter } from '@angular/core';\nimport { Input } from '@angular/core';\nimport { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'irk-chip-selector',\n templateUrl: './chip-selector.component.html',\n styleUrls: ['./chip-selector.component.scss']\n})\nexport class ChipSelectorComponent implements OnInit {\n\n @Input() items: any[] = [];\n @Input() selected?: string;\n @Output() selectionChange: EventEmitter{{text}}
\n\n
\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { IonicModule } from '@ionic/angular';\n\nimport { ChipSelectorComponent } from './chip-selector.component';\n\n@NgModule({\n declarations: [\n ChipSelectorComponent\n ],\n imports: [\n CommonModule,\n IonicModule,\n ],\n exports: [\n ChipSelectorComponent\n ]\n})\nexport class ChipSelectorModule { }\n","import { Input } from '@angular/core';\nimport { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'irk-courses-card',\n templateUrl: './courses-card.component.html',\n styleUrls: ['./courses-card.component.scss']\n})\nexport class CoursesCardComponent implements OnInit {\n\n @Input() grades: {curso?: any, calificaciones?: any, final?: any} = {};\n\n @Input() courseTitle: string = '';\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","{{ selectedItem?.value }}
\n\n
","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { CoursesCardComponent } from './courses-card.component';\n\n@NgModule({\n declarations: [\n CoursesCardComponent\n ],\n imports: [\n CommonModule\n ],\n exports: [\n CoursesCardComponent\n ]\n})\nexport class CoursesCardModule { }\n","import {AfterViewInit, Component, EventEmitter, Input, OnInit, Output, TemplateRef, ViewChild} from '@angular/core';\n\nimport {CustomColumnConfig, CustomTableSortConfig} from './utilities/column-config.model';\nimport { MatPaginator } from '@angular/material/paginator';\n\n@Component({\n selector: 'irk-table',\n templateUrl: './table.component.html',\n styleUrls: ['./table.component.scss']\n})\nexport class TableComponent implements OnInit, AfterViewInit {\n\n @ViewChild('defaultTemplate', {read: TemplateRef, static: true}) defaultTemplate ?: TemplateRef{{ courseTitle }}
\n\n\n
\n\n M{{i + 1}}\n
\n \n I\n C\n C\n
\n \n {{ calificacion?.inasistencias || '-' }}\n {{ calificacion?.conducta || '-' }}\n {{ calificacion?.calificacion || '-' }}\n
\n \n FINAL\n \n
\n \n I\n C\n C\n
\n \n \n {{ grades?.final?.inasistencias || '-' }}\n {{ grades?.final?.conducta || '-' }}\n {{ grades?.final?.calificacion || '-' }}\n
\n \n\n\n\n\n\n\n\n\n\n
\n\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n\n \n
\n\n
\n No data available
\n\n {{element.data[element.field]}}\n
\n\n\n \n\n \n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n \n\n
\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { NgSelectModule } from '@ng-select/ng-select';\nimport {FormsModule, ReactiveFormsModule} from '@angular/forms';\nimport {DropdownComponent} from './dropdown.component';\n\n@NgModule({\n declarations: [DropdownComponent],\n imports: [\n CommonModule,\n NgSelectModule,\n FormsModule,\n ReactiveFormsModule\n ],\n exports: [DropdownComponent]\n})\nexport class DropdownModule { }\n","import {Component, ViewEncapsulation, Inject, Optional} from '@angular/core';\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\n\n@Component({\n selector: 'irk-dialog',\n templateUrl: './dialog.component.html',\n styleUrls : ['dialog.component.scss'],\n encapsulation: ViewEncapsulation.None\n})\n\nexport class DialogComponent {\n description: string;\n title: string;\n icon: string;\n buttons: any[] // Array\n
\n","import { ComponentType } from \"@angular/cdk/overlay\";\nimport {EventEmitter, Injectable, Optional, Output, TemplateRef} from \"@angular/core\";\nimport { MatDialog, MatDialogConfig } from \"@angular/material/dialog\";\nimport { Observable } from \"rxjs\";\nimport { first } from \"rxjs/operators\";\nimport { DialogComponent } from \"./dialog.component\";\n\n@Injectable({ providedIn: 'root'})\nexport class DialogService {\n\n @Output() update: EventEmitter\n
\n\n
\n \n
\n\n {{title}}
\n\n
\n\n \n {{description}}
\n \n