\r\n\t\r\n
\r\n","import { Component } from '@angular/core';\r\nimport { FormBuilder } from '@angular/forms';\r\n// SERVICES\r\nimport { AnswerService } from '@services/answer/answer.service';\r\nimport { QuestionBankService } from '@services/question-bank/question-bank.service';\r\nimport { AlertService } from '@services/notification/alert.service';\r\n// MODELS\r\nimport { AnswerBase } from '../answer-base';\r\n\r\n@Component({\r\n selector: 'app-multiple-answer',\r\n templateUrl: './multiple-answer.component.html',\r\n styleUrls: ['./multiple-answer.component.scss']\r\n})\r\nexport class MultipleAnswerComponent extends AnswerBase {\r\n constructor(\r\n fb: FormBuilder,\r\n alertService: AlertService,\r\n answerService: AnswerService,\r\n questionBankService: QuestionBankService,\r\n ) {\r\n super(fb, alertService, answerService, questionBankService)\r\n }\r\n\r\n finishLoadData() {}\r\n}\r\n\r\n\r\n\r\n","\r\n\t\r\n
\r\n\r\n\r\n\t
\r\n\t\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { FormBuilder } from '@angular/forms';\r\n// SERVICES\r\nimport { AnswerService } from '@services/answer/answer.service';\r\nimport { QuestionBankService } from '@services/question-bank/question-bank.service';\r\nimport { AlertService } from '@services/notification/alert.service';\r\n// MODELS\r\nimport { AnswerBase } from '../answer-base';\r\n\r\n@Component({\r\n selector: 'app-open-answer',\r\n templateUrl: './open-answer.component.html',\r\n styleUrls: ['./open-answer.component.scss']\r\n})\r\nexport class OpenAnswerComponent extends AnswerBase {\r\n\r\n constructor(\r\n fb: FormBuilder,\r\n alertService: AlertService,\r\n answerService: AnswerService,\r\n questionBankService: QuestionBankService,\r\n ) {\r\n super(fb, alertService, answerService, questionBankService)\r\n }\r\n\r\n finishLoadData() {\r\n if (this.formAnswers.length === 0) {\r\n this.addNewAnswer();\r\n }\r\n }\r\n\r\n\r\n}\r\n","\r\n\t\r\n
\r\n\t\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { FormBuilder } from '@angular/forms';\r\n// SERVICES\r\nimport { AnswerService } from '@services/answer/answer.service';\r\nimport { QuestionBankService } from '@services/question-bank/question-bank.service';\r\nimport { AlertService } from '@services/notification/alert.service';\r\n// MODELS\r\nimport { AnswerBase } from '../answer-base';\r\n\r\n@Component({\r\n selector: 'app-relational-answer',\r\n templateUrl: './relational-answer.component.html',\r\n styleUrls: ['./relational-answer.component.scss']\r\n})\r\nexport class RelationalAnswerComponent extends AnswerBase {\r\n constructor(\r\n fb: FormBuilder,\r\n alertService: AlertService,\r\n answerService: AnswerService,\r\n questionBankService: QuestionBankService,\r\n ) {\r\n super(fb, alertService, answerService, questionBankService)\r\n }\r\n\r\n finishLoadData() {}\r\n}\r\n","\r\n\t\r\n
\r\n\r\n\r\n\t
\r\n\t\r\n\t\t\r\n\t\r\n
\r\n","import { Component } from '@angular/core';\r\nimport { FormBuilder } from '@angular/forms';\r\n// SERVICES\r\nimport { AnswerService } from '@services/answer/answer.service';\r\nimport { QuestionBankService } from '@services/question-bank/question-bank.service';\r\nimport { AlertService } from '@services/notification/alert.service';\r\n// MODELS\r\nimport { AnswerBase } from '../answer-base';\r\n\r\n@Component({\r\n selector: 'app-true-false-answer',\r\n templateUrl: './true-false-answer.component.html',\r\n styleUrls: ['./true-false-answer.component.scss']\r\n})\r\nexport class TrueFalseAnswerComponent extends AnswerBase {\r\n constructor(\r\n fb: FormBuilder,\r\n alertService: AlertService,\r\n answerService: AnswerService,\r\n questionBankService: QuestionBankService,\r\n ) {\r\n super(fb, alertService, answerService, questionBankService)\r\n }\r\n\r\n finishLoadData() {\r\n // SE AGREGAN DOS PREGUNTAS POR DEFAULT\r\n if (this.formAnswers.length === 0) {\r\n this.addNewAnswer();\r\n this.addNewAnswer();\r\n }\r\n }\r\n}\r\n\r\n\r\n\r\n","\r\n\t
\r\n\t\r\n
","import { Component, Inject } from '@angular/core';\r\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\r\n// MODELS\r\nimport { DialogConfirm } from '@models/dialogs/DialogConfirm';\r\n\r\n@Component({\r\n selector: 'ui-confirm-dialog',\r\n templateUrl: './confirm-dialog.component.html',\r\n styleUrls: ['./confirm-dialog.component.scss']\r\n})\r\nexport class UIConfirmDialogComponent {\r\n constructor(\r\n public dialogRef: MatDialogRef\r\n\t\r\n\t
\r\n{{ data.title }}
\r\n\t{{ data.message }}
\r\n\r\n\t\r\n\t\t {{ data.titleConfirmButton }}\r\n\t\r\n\t\r\n\t\t {{ data.titleCancelButton }}\r\n\t\r\n
\r\n","import { Component, OnInit, OnDestroy, Inject } from '@angular/core';\r\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\r\nimport { HttpErrorResponse, HttpEvent, HttpEventType } from '@angular/common/http';\r\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\r\nimport { Subscription } from 'rxjs';\r\n// SERVICES\r\nimport { AlertService } from '@services/notification/alert.service';\r\nimport { ResourceTypeService } from '@services/resource-type/resource-type.service';\r\nimport { ResourceService } from '@services/resource/resource.service';\r\n// MODELS\r\nimport { ResourceType } from '@models/resource-type/ResourceType';\r\nimport { Response, DialogClosed } from '@models/response-api/ResponseApi';\r\nimport { ResourceUpload } from '@models/resource/Resource';\r\n// EXTEND\r\nimport { FormBase } from '@base/FormBase';\r\nimport { Progress } from '@base/Progress';\r\nimport { CatalogBase } from '@models/catalog/Catalog';\r\n// TODO : TAG GTM\r\ndeclare var dataLayer: any;\r\n@Component({\r\n\tselector: 'app-multimedia-dialog',\r\n\ttemplateUrl: './multimedia-dialog.component.html',\r\n\tstyleUrls: ['./multimedia-dialog.component.scss'],\r\n})\r\nexport class MultimediaDialogComponent extends FormBase implements OnInit, OnDestroy {\r\n\tsubscription = new Subscription();\r\n\tform!: FormGroup;\r\n\tresourcesTypes: CatalogBase[] = [];\r\n\tresourcesTypesSelected: any[] = [];\r\n\tfileName = '';\r\n\tprogress = 0;\r\n\tacceptMultimedia = '';\r\n\tcct: string | null = '';\r\n\ttypeSchool: string | null = '';\r\n\tconstructor(\r\n\t\tpublic dialogRef: MatDialogRef\r\n
\r\n \r\n
\r\n","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\r\nimport { FormControl } from '@angular/forms';\r\nimport { Subscription } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'ui-content-main-header',\r\n templateUrl: './content-main-header.html',\r\n styleUrls: ['./content-main-header.scss']\r\n})\r\nexport class UIContentMainHeader implements OnInit {\r\n @Input() title?: string = '';\r\n @Input() subtitle?: string = '';\r\n @Input() placeholder?: string = 'Buscador de recursos';\r\n @Output() searchChange = new EventEmitter();\r\n subscription = new Subscription();\r\n search = new FormControlSin registros
\r\n\r\n
\r\n","import { Component, ViewEncapsulation } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'ui-content-main',\r\n encapsulation: ViewEncapsulation.None,\r\n inputs: ['isWrappedInATab', 'hasTable'],\r\n host: {\r\n 'class': 'ui-content-main',\r\n '[class.ui-content-main-tab]': 'isWrappedInATab',\r\n '[class.ui-content-main-table]': 'hasTable',\r\n },\r\n templateUrl: './content-main.html',\r\n styleUrls: ['./content-main.scss']\r\n})\r\nexport class UIContentMain {\r\n constructor() { }\r\n\r\n ngOnInit() { }\r\n\r\n}\r\n","\r\n
\r\n {{title}}
\r\n{{subtitle}}
\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n\r\n ![\"\"]()
\r\n
\r\n\r\n ![\"\"]()
\r\n
\r\n\r\n\r\n \r\n\r\n
\r\n\r\n\r\n\r\n","import { Component, Input, OnInit, ViewEncapsulation } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'ui-main',\r\n templateUrl: './main.html',\r\n styleUrls: ['./main.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n host: {\r\n 'class': 'ui-main'\r\n }\r\n})\r\nexport class UIMain implements OnInit {\r\n @Input()\r\n sidebarClass: string | string[] = '';\r\n @Input()\r\n contentClass: string | string[] = '';\r\n\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n}\r\n","\r\n {{username}}\r\n
\r\n\r\n \r\n\r\n
\r\n\r\n
","import { Component, OnInit, ViewEncapsulation, OnDestroy } from '@angular/core';\r\nimport { animate, state, style, transition, trigger } from '@angular/animations';\r\nimport { Subscription } from 'rxjs';\r\n// SERVICES\r\nimport { AuthenticationConfigurationService } from '@services/authentication/authentication-configuration.service';\r\nimport { UserConfigurationService } from '@services/user/user-configuration.service';\r\n// MODELS\r\nimport { Permission } from '@models/permission/Permission';\r\n// CONSTS\r\nimport { PERMISSION } from './PERMISSION';\r\nimport { Router } from '@angular/router';\r\nexport const EXPANSION_PANEL_ANIMATION_TIMING = '225ms cubic-bezier(0.4,0.0,0.2,1)';\r\n// TODO : TAG GTM\r\ndeclare var dataLayer: any;\r\n@Component({\r\n\tselector: 'ui-menu',\r\n\ttemplateUrl: './menu.html',\r\n\tstyleUrls: ['./menu.scss'],\r\n\tencapsulation: ViewEncapsulation.None,\r\n\tanimations: [\r\n\t\ttrigger('indicatorSlide', [\r\n\t\t\tstate('collapsed, void', style({ transform: 'rotate(0deg)' })),\r\n\t\t\tstate('expanded', style({ transform: 'rotate(180deg)' })),\r\n\t\t\ttransition(\r\n\t\t\t\t'expanded <=> collapsed, void => collapsed',\r\n\t\t\t\tanimate(EXPANSION_PANEL_ANIMATION_TIMING)\r\n\t\t\t),\r\n\t\t]),\r\n\t\ttrigger('slide', [\r\n\t\t\tstate(\r\n\t\t\t\t'collapsed, void',\r\n\t\t\t\tstyle({ height: '0px', visibility: 'hidden', overflow: 'hidden' })\r\n\t\t\t),\r\n\t\t\tstate('expanded', style({ height: '*', visibility: 'visible' })),\r\n\t\t\ttransition(\r\n\t\t\t\t'expanded <=> collapsed, void => collapsed',\r\n\t\t\t\tanimate(EXPANSION_PANEL_ANIMATION_TIMING)\r\n\t\t\t),\r\n\t\t]),\r\n\t],\r\n\thost: { class: 'ui-menu' },\r\n})\r\nexport class UIMenu implements OnInit, OnDestroy {\r\n\tsubscription = new Subscription();\r\n\titems: Permission[] = [];\r\n\trol = '';\r\n\tshowOption?: boolean;\r\n\tcct: string | null = '';\r\n\ttypeSchool: string | null = '';\r\n\tconstructor(\r\n\t\tprivate userConfigurationService: UserConfigurationService,\r\n\t\tprivate router: Router,\r\n\t\tprivate authConfigService: AuthenticationConfigurationService\r\n\t) {\r\n\t\tthis.loadMenu();\r\n\t}\r\n\r\n\tngOnInit() {\r\n\t\tthis.cct = localStorage.getItem('cct');\r\n\t\tthis.typeSchool = localStorage.getItem('typeSchool');\r\n\t}\r\n\r\n\tngOnDestroy(): void {\r\n\t\tthis.subscription.unsubscribe();\r\n\t}\r\n\r\n\tgetUser() {\r\n\t\tthis.subscription.add(\r\n\t\t\tthis.authConfigService.currentUser.subscribe((x) => {\r\n\t\t\t\tthis.rol = x?.rol || '';\r\n\t\t\t})\r\n\t\t);\r\n\t}\r\n\r\n\tloadMenu() {\r\n\t\tconst email = sessionStorage.getItem('email');\r\n\t\tconst systemId: number = Number(sessionStorage.getItem('systemId'));\r\n\t\tconst role = Number(sessionStorage.getItem('role'));\r\n\t\t// this.showOption = ? true : false;\r\n\t\tthis.subscription.add(\r\n\t\t\tthis.userConfigurationService.permissions.subscribe((x) => {\r\n\t\t\t\t// this.items = [...PERMISSION]\r\n\t\t\t\tlet idsDeseados: number[] = [];\r\n\t\t\t\tconst idRolProfesorCobachChihuahua = 98;\r\n\t\t\t\tconst idRolAlumnoCobachChihuahua = 99;\r\n\t\t\t\tconst idsCobachChihuahuaPermitidos: number[] = [98, 99];\r\n\t\t\t\tif (systemId === 3) {\r\n\t\t\t\t\tidsDeseados = [248, 262, 250, 271];\r\n\t\t\t\t} else if (systemId === 2) {\r\n\t\t\t\t\tidsDeseados = [120, 241, 271];\r\n\t\t\t\t}\r\n\t\t\t\tlet menu = x;\r\n\t\t\t\tif (email === 'usuarioprueba@hachette.com.mx') {\t\t\t\t\t\r\n\t\t\t\t\tmenu = x.filter((item) => idsDeseados.includes(item.id));\r\n\t\t\t\t}\r\n\t\t\t\tif (email !== 'usuarioprueba@hachette.com.mx' && menu.find((m) => m.id === 271)) {\r\n\t\t\t\t\tconst itemToRemove = menu.findIndex((m) => m.title === 'Novedades');\r\n\t\t\t\t\tif (itemToRemove >= 0) {\r\n\t\t\t\t\t\tmenu.splice(itemToRemove, 1);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (!idsCobachChihuahuaPermitidos.includes(role)) {\r\n\t\t\t\t\tmenu = menu.filter((item) => item.id !== 256);\r\n\t\t\t\t}\r\n\t\t\t\tthis.items = menu;\r\n\t\t\t})\r\n\t\t);\r\n\t}\r\n\r\n\ttoggle(item: HTMLElement, itemMenu: Permission, url: string) {\r\n\t\tthis.eventGTM(itemMenu.title);\r\n\r\n\t\tconst classToggle = 'list-group--open';\r\n\t\titem.classList.toggle(classToggle);\r\n\r\n\t\tconst currentHost = window.location.host;\r\n\t\tif(this.isUrlValid(url)){\r\n\t\t\tconst urlHost = new URL(url).host;\r\n\r\n\t\t\tif (urlHost !== currentHost) {\r\n\t\t\t\twindow.open(url, '_blank');\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tgetExpandedState(item: HTMLElement) {\r\n\t\tconst classToggle = 'list-group--open';\r\n\t\treturn item.classList.contains(classToggle) ? 'expanded' : 'collapsed';\r\n\t}\r\n\r\n\tnavigateTo(item: Permission) {\r\n\t\t// if (!item.children?.length) {\r\n\t\t// this.eventGTM(item);\r\n\t\t// this.router.navigate([item.url]);\r\n\t\t// }\r\n\t}\r\n\r\n\teventGTM(title: string | undefined) {\r\n\t\tconsole.log('aqui hace click');\r\n\r\n\t\tconsole.log(title);\r\n\t\tsessionStorage.setItem('menu_select', JSON.stringify(title));\r\n\t\tdataLayer.push({\r\n\t\t\tevent: 'menu_primary_click',\r\n\t\t\taccount_type: this.rol,\r\n\t\t\tcontent_group: 'Menu',\r\n\t\t\tmenu: title,\r\n\t\t\tcct: this.cct, //Dynamic data\r\n\t\t\tschool_type: this.typeSchool,\r\n\t\t});\r\n\t}\r\n\r\n\tisUrlValid(str: string) {\r\n\t\tconst pattern = new RegExp(\r\n\t\t '^(https?:\\\\/\\\\/)?' + // protocol\r\n\t\t\t'((([a-z\\\\d]([a-z\\\\d-]*[a-z\\\\d])*)\\\\.)+[a-z]{2,}|' + // domain name\r\n\t\t\t'((\\\\d{1,3}\\\\.){3}\\\\d{1,3}))' + // OR IP (v4) address\r\n\t\t\t'(\\\\:\\\\d+)?(\\\\/[-a-z\\\\d%_.~+]*)*' + // port and path\r\n\t\t\t'(\\\\?[;&a-z\\\\d%_.~+=-]*)?' + // query string\r\n\t\t\t'(\\\\#[-a-z\\\\d_]*)?$', // fragment locator\r\n\t\t 'i'\r\n\t\t);\r\n\t\treturn pattern.test(str);\r\n\t }\r\n}\r\n","","import {\r\n\tComponent,\r\n\tOnInit,\r\n\tInject,\r\n\tViewEncapsulation,\r\n\tOnDestroy,\r\n\tElementRef,\r\n\tViewChild,\r\n\tHostListener,\r\n\tAfterViewInit,\r\n\tRenderer2,\r\n} from '@angular/core';\r\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\r\n// SERVICES\r\nimport { AuthenticationConfigurationService } from '@services/authentication/authentication-configuration.service';\r\n// MODELS\r\nimport { FILE_TYPE } from '@constants/FileType';\r\nimport { MultimediaContent } from '@models/Multimedia';\r\nimport { MinifiedContent } from '@models/content/Content';\r\nimport { isAudioFile, isLinkFile, isPDFFile, isVideoFile } from '@utils/file-type';\r\nimport { Subscription } from 'rxjs';\r\nimport { environment } from '@env/environment';\r\nimport Player from '@vimeo/player';\r\nimport { SYSTEMS } from '@constants/System';\r\nimport { includes } from 'lodash';\r\nimport { ResourceService } from '@services/resource/resource.service';\r\n\r\n// TODO : TAG GTM\r\ndeclare var dataLayer: any;\r\n\r\n@Component({\r\n\tselector: 'ui-multimedia-dialog',\r\n\ttemplateUrl: './multimedia-dialog.html',\r\n\tstyleUrls: ['./multimedia-dialog.scss'],\r\n\tencapsulation: ViewEncapsulation.None,\r\n\thost: {\r\n\t\tclass: 'wrapper-multimedia-dialog',\r\n\t},\r\n})\r\nexport class UIMultimediaDialog implements OnInit, OnDestroy, AfterViewInit {\r\n\tsubscription = new Subscription();\r\n\tcontent: MinifiedContent;\r\n\trol = '';\r\n\tisDownloadSound: boolean = false;\r\n\t@ViewChild('videoFrame') videoFrame!: ElementRef;\r\n\toptions: any;\r\n\tplayer: any;\r\n\tsystemId!: number;\r\n\tnodeId: number;\r\n\tgrade: number;\r\n\tsubsystem: number;\r\n\tcct: string | null = '';\r\n\ttypeSchool: string | null = '';\r\n\tconstructor(\r\n\t\tpublic dialogRef: MatDialogRef{{content.name}}
\r\n\t\r\n\t\r\n\r\n\t\t\r\n\t\t
\r\n\r\n\t\r\n\t\r\n\t\t\t
\r\n\r\n\t\t\r\n\t\tPropósito
\r\n\t\t\t\r\n\t\t\t\t{{content.purposeDescription || ''}}\r\n\t\t\t
\r\n\t\t\r\n\t\t\t
\r\n\tCampo de formación
\r\n\t\t\t{{content.formativeFieldDescription || ''}}
\r\n\t\t\r\n\t\t\t\r\n\t\t
\r\n\t\t\r\n\t\t\t\r\n\t\t
\r\n\r\n\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t
\r\n\r\n\t\t\r\n\t\t\t\r\n\r\n\t\t\t\r\n\t\t
\r\n\r\n\t\t\r\n\t\t\t\r\n\t\t\tVisitar sitio interactivo: {{content.name}}\r\n\t\t\r\n\r\n\t\t\r\n\t\t\r\n\t\t
\r\n\t\r\n \r\n \r\n
\r\n
\r\n\r\n | No. | \r\n\r\n \r\n | \r\nNombre | \r\n\r\n {{element.name}}\r\n {{element.name}}\r\n | \r\nAcción | \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n | \r\n
|---|
Filtrar
\r\n\r\n \r\n\r\n\t\r\n\t
\r\n{{ data.title }}
\r\n\t{{ data.message }}
\r\n\t{{ paragraph }}
\r\n\r\n\t\r\n
\r\n","import { Directive, HostListener, ElementRef, OnInit } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[autofocus]',\r\n})\r\nexport class AutoFocusDirective implements OnInit{\r\n constructor(private elRef: ElementRef) {}\r\n\r\n ngOnInit(): void {\r\n this.elRef.nativeElement.focus();\r\n }\r\n}","import {Directive, HostListener, ElementRef} from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[clickFocusRemove]',\r\n})\r\nexport class ClickFocusRemoveDirective {\r\n constructor(private elRef: ElementRef) {}\r\n\r\n @HostListener('click') onClick() {\r\n this.elRef.nativeElement.blur();\r\n }\r\n}","import { Directive, OnDestroy } from '@angular/core';\r\nimport { FormBuilder, FormGroup } from '@angular/forms';\r\nimport { coerceNumberProperty } from '@angular/cdk/coercion';\r\nimport { HttpErrorResponse } from '@angular/common/http';\r\n// LIBS\r\nimport { BehaviorSubject, Observable, Subscription } from 'rxjs';\r\n// SERVICES\r\nimport { NodeService } from '@services/node/node.service';\r\nimport { AuthenticationConfigurationService } from '@services/authentication/authentication-configuration.service';\r\nimport { AlertService } from '@services/notification/alert.service';\r\n// MODELS\r\nimport { Response } from '@models/response-api/ResponseApi';\r\nimport { Catalog } from '@models/catalog/Catalog';\r\n\r\n@Directive({ selector: 'filter-node-base' })\r\nexport abstract class FilterNodeBase implements OnDestroy {\r\n\tabstract isBachiller: boolean;\r\n\tisModuleCobach = false;\r\n\tsubscription = new Subscription();\r\n\tform!: FormGroup;\r\n\tlevels: Catalog[] = [];\r\n\tlevelsElt: Catalog[] = [];\r\n\tlevelsPlan: Catalog[] = [];\r\n\tsystems: Catalog[] = [];\r\n\tsystems_cobach: Catalog[] = [];\r\n\tgrades: Catalog[] = [];\r\n\tsignatures: Catalog[] = [];\r\n\tsystemWithoutGrade = [\r\n\t\t'NEM Serie Trayectorias',\r\n\t\t'NEM Serie Perspectivas',\r\n\t\t'COBACH Chihuahua',\r\n\t];\r\n\tisSystemWithoutGrade = false;\r\n\tprivate filtersSubject: BehaviorSubject\r\n native card works!\r\n
\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n// import {PortalModule} from '@angular/cdk/portal';\r\n// import {A11yModule} from '@angular/cdk/a11y';\r\n// COMPONENTS\r\nimport { NativeCard } from './card/card.component';\r\n\r\n\r\n\r\nexport const COMPONENTS = [\r\n NativeCard,\r\n];\r\n\r\nexport const PRIVATE_DIRECTIVE = [\r\n\r\n];\r\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n// PortalModule,\r\n// A11yModule,\r\n ],\r\n exports: [\r\n ...COMPONENTS,\r\n ],\r\n declarations: [\r\n ...COMPONENTS,\r\n ...PRIVATE_DIRECTIVE\r\n ]\r\n})\r\nexport class NativeCardsModule {}\r\n","import { NgModule } from '@angular/core';\r\n// MODULES\r\nimport { NativeCardsModule } from './card/module';\r\nimport { NativeTabsModule } from './tabs/module';\r\nimport { NativePaginatorModule } from './paginator/module';\r\n\r\n// MODULES WITH COMPONENTS CUSTOM WITHOUT LIBS IMPLEMETED\r\nexport const MODULES = [\r\n NativeCardsModule,\r\n NativeTabsModule,\r\n NativePaginatorModule,\r\n];\r\n\r\n\r\n@NgModule({\r\n imports: [...MODULES],\r\n exports: [...MODULES],\r\n})\r\nexport class NativeModule {}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { NativePaginator } from './paginator';\r\nimport { NATIVE_PAGINATOR_INTL_PROVIDER } from './paginator-intl';\r\n\r\n@NgModule({\r\n providers: [NATIVE_PAGINATOR_INTL_PROVIDER],\r\n imports: [CommonModule],\r\n exports: [NativePaginator],\r\n declarations: [NativePaginator]\r\n})\r\nexport class NativePaginatorModule { }\r\n","import { InjectionToken } from '@angular/core';\r\n\r\nexport interface PageEvent {\r\n /** The current page index. */\r\n pageIndex: number;\r\n /**\r\n * Index of the page that was selected previously.\r\n */\r\n previousPageIndex: number;\r\n\r\n /** The current page size. */\r\n pageSize: number;\r\n\r\n /** The current total number of items being paged. */\r\n length: number;\r\n};\r\n\r\n/** Object that can be used to configure the default options for the paginator. */\r\nexport interface PaginatorDefaultOptions {\r\n /** Number of items to display on a page. By default set to 10. */\r\n pageSize?: number;\r\n\r\n /** The set of provided page size options to display to the user. */\r\n pageSizeOptions?: number[];\r\n\r\n /** Whether to hide the page size selection UI from the user. */\r\n hidePaginatorPageSize?: boolean;\r\n\r\n /** Whether to show the first/last buttons UI to the user. */\r\n showFirstLastButtons?: boolean;\r\n}\r\n\r\nexport const PAGINATOR_CONFIG = new InjectionToken\r\n {{intl.getRangeLabel(pageIndex, pageSize, length)}}\r\n
\r\n\r\n\r\n \r\n\r\n
","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { PortalModule } from '@angular/cdk/portal';\r\nimport { A11yModule } from '@angular/cdk/a11y';\r\n// COMPONENTS\r\nimport { NativeTab } from './tab/tab';\r\nimport { NativeTabBody, NativeTabBodyPortal } from './tab-body/tab-body';\r\nimport { NativeTabContent } from './tab-content/tab-content';\r\nimport { NativeTabHeader, NativeTabLabelWrapper } from './tab-header/tab-header';\r\nimport { NativeTabGroup } from './tab-group/tab-group';\r\nimport { NativeTabLabel } from './tab-label/tab-label';\r\n\r\nexport const COMPONENTS = [\r\n NativeTab,\r\n NativeTabContent,\r\n NativeTabGroup,\r\n NativeTabLabel,\r\n];\r\n\r\nexport const PRIVATE_DIRECTIVE = [\r\n NativeTabBody,\r\n NativeTabLabelWrapper,\r\n NativeTabBodyPortal,\r\n NativeTabHeader,\r\n];\r\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n PortalModule,\r\n A11yModule,\r\n ],\r\n exports: [\r\n ...COMPONENTS,\r\n ],\r\n declarations: [\r\n ...COMPONENTS,\r\n ...PRIVATE_DIRECTIVE\r\n ]\r\n})\r\nexport class NativeTabsModule { }\r\n","import {\r\n OnInit,\r\n OnDestroy,\r\n Directive,\r\n ElementRef,\r\n HostListener,\r\n AfterViewInit,\r\n QueryList,\r\n AfterContentInit,\r\n} from '@angular/core';\r\n\r\nimport { NativeTabLabelWrapper } from '../tab-header/tab-header';\r\nexport type ScrollDirection = 'after' | 'before';\r\n\r\n@Directive()\r\nexport abstract class PaginatedTabHeader implements OnInit, AfterContentInit, OnDestroy {\r\n abstract tabs: QueryList{{pageIndex + 1}}
\r\n\r\n \r\n\r\n\r\n\r\n
","import { Directive, InjectionToken, TemplateRef } from '@angular/core';\r\n/**\r\n * Injection token that can be used to reference instances of `MatTabContent`. It serves as\r\n * alternative token to the actual `MatTabContent` class which could cause unnecessary\r\n * retention of the class and its directive metadata.\r\n */\r\nexport const NATIVE_TAB_CONTENT = new InjectionToken\r\n \r\n \r\n \r\n {{tab.textLabel}}\r\n
\r\n\r\n \r\n \r\n
\r\n","import {\r\n Component,\r\n AfterViewInit,\r\n ElementRef, ViewChild,\r\n QueryList,\r\n ChangeDetectionStrategy,\r\n ViewEncapsulation,\r\n ContentChildren,\r\n Directive\r\n} from '@angular/core';\r\nimport { PaginatedTabHeader } from '../paginated-tab-header/paginated-tab-header';\r\n\r\n@Directive()\r\nexport class NativeTabLabelWrapperBase {\r\n constructor(public elementRef: ElementRef) {}\r\n\r\n /** Sets focus on the wrapper element */\r\n focus(): void {\r\n this.elementRef.nativeElement.focus();\r\n }\r\n\r\n getOffsetLeft(): number {\r\n return this.elementRef.nativeElement.offsetLeft;\r\n }\r\n\r\n getOffsetWidth(): number {\r\n return this.elementRef.nativeElement.offsetWidth;\r\n }\r\n}\r\n\r\n@Directive({\r\n selector: '[nativeTabLabelWrapper]',\r\n})\r\nexport class NativeTabLabelWrapper {\r\n\r\n constructor(public elementRef: ElementRef\r\n
\r\n\r\n\r\n
\r\n\r\n \r\n
\r\n","import { Component, EventEmitter, Input, Output, TemplateRef } from '@angular/core';\r\nimport { isNil } from 'lodash';\r\nimport { TreeviewItem } from '../../models/treeview-item';\r\nimport { TreeviewConfig } from '../../models/treeview-config';\r\nimport { TreeviewItemTemplateContext } from '../../models/treeview-item-template-context';\r\n\r\n@Component({\r\n selector: 'ngx-treeview-item',\r\n templateUrl: './treeview-item.component.html',\r\n styleUrls: ['./treeview-item.component.scss']\r\n})\r\nexport class TreeviewItemComponent {\r\n @Input() config: TreeviewConfig;\r\n @Input() template!: TemplateRef\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n","import {\r\n\tComponent,\r\n\tInput,\r\n\tOutput,\r\n\tEventEmitter,\r\n\tSimpleChanges,\r\n\tOnChanges,\r\n\tTemplateRef,\r\n\tOnInit,\r\n} from '@angular/core';\r\nimport { isNil, includes } from 'lodash';\r\nimport { TreeviewI18n } from '../../models/treeview-i18n';\r\nimport { TreeviewItem, TreeviewSelection } from '../../models/treeview-item';\r\nimport { TreeviewConfig } from '../../models/treeview-config';\r\nimport { TreeviewHeaderTemplateContext } from '../../models/treeview-header-template-context';\r\nimport { TreeviewItemTemplateContext } from '../../models/treeview-item-template-context';\r\n\r\nclass FilterTreeviewItem extends TreeviewItem {\r\n\tprivate readonly refItem: TreeviewItem;\r\n\tconstructor(item: TreeviewItem) {\r\n\t\tsuper({\r\n\t\t\ttext: item.text,\r\n\t\t\tvalue: item.value,\r\n\t\t\tdisabled: item.disabled,\r\n\t\t\tcollapsed: item.collapsed,\r\n\t\t\tchildren: item.children,\r\n\t\t});\r\n\t\tthis.refItem = item;\r\n\t}\r\n\r\n\tupdateRefChecked(): void {\r\n\t\tthis.children.forEach((child) => {\r\n\t\t\tif (child instanceof FilterTreeviewItem) {\r\n\t\t\t\tchild.updateRefChecked();\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n}\r\n\r\n@Component({\r\n\tselector: 'ngx-treeview',\r\n\ttemplateUrl: './treeview.component.html',\r\n\tstyleUrls: ['./treeview.component.scss'],\r\n})\r\nexport class TreeviewComponent implements OnChanges, OnInit {\r\n\t@Input() headerTemplate!: TemplateRef\r\n \r\n \r\n
\r\n\r\n\t\t\r\n\t\t{{ item.text }}\r\n\t
\r\n\r\n\r\n\r\n\t\t
\r\n\t\r\n\t\t
\r\n\t\r\n\r\n\r\n\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t
\r\n\t\r\n\t\r\n\t\r\n
\r\n\r\n\r\n\t
\r\n","import { Directive, HostBinding } from '@angular/core';\r\nimport { DropdownDirective } from './dropdown.directive';\r\n\r\n@Directive({\r\n selector: '[ngxDropdownMenu]',\r\n host: {\r\n '[class.dropdown-menu]': 'true',\r\n '[class.show]': 'dropdown.isOpen'\r\n }\r\n})\r\nexport class DropdownMenuDirective {\r\n constructor(\r\n public dropdown: DropdownDirective\r\n ) { }\r\n}\r\n","import { Directive, ElementRef } from '@angular/core';\r\nimport { DropdownDirective } from './dropdown.directive';\r\n\r\n@Directive({\r\n selector: '[ngxDropdownToggle]',\r\n host: {\r\n class: 'dropdown-toggle',\r\n 'aria-haspopup': 'true',\r\n '[attr.aria-expanded]': 'dropdown.isOpen',\r\n '(click)': 'dropdown.toggle()'\r\n }\r\n})\r\nexport class DropdownToggleDirective {\r\n constructor(\r\n public dropdown: DropdownDirective,\r\n elementRef: ElementRef\r\n ) {\r\n dropdown.toggleElement = elementRef.nativeElement;\r\n }\r\n}\r\n","import { Directive, Input, Output, HostBinding, HostListener, EventEmitter } from '@angular/core';\r\nimport { isNil } from 'lodash';\r\n\r\n@Directive({\r\n selector: '[ngxDropdown]',\r\n exportAs: 'ngxDropdown'\r\n})\r\nexport class DropdownDirective {\r\n toggleElement: any;\r\n @Input('open') internalOpen = false;\r\n @Output() openChange = new EventEmitter\r\n\t\t\r\n\t\t\r\n\t
\r\n\t\r\n\t\t{{ i18n.getFilterNoItemsFoundText() }}\r\n\t
\r\n