![](\"assets/loading.gif\")
\r\n","import { BreakpointObserver, Breakpoints } from \"@angular/cdk/layout\";\r\nimport { Injectable, OnDestroy, inject } from \"@angular/core\";\r\nimport { MAT_DIALOG_DATA, MatDialogRef } from \"@angular/material/dialog\";\r\nimport { environment } from \"environments/environment\";\r\nimport { Observable, Subscription } from \"rxjs\";\r\nimport { map, shareReplay } from \"rxjs/operators\";\r\nimport { UserRoles } from \"../enums/repository/user-roles.enum\";\r\nimport { RouteConstants } from \"../helpers/constants/routes.constants\";\r\nimport { UserDtoInterface } from \"../modules/account/models/user-dto.model\";\r\nimport { AuthService } from \"../services/auth/auth.service\";\r\nimport { BackdropClass } from \"../services/fd-dialog.service\";\r\n\r\n@Injectable({ providedIn: \"root\" })\r\nexport abstract class BaseDialogComponent implements OnDestroy {\r\n // define abstract properties first so that we can use them when setting other props\r\n\r\n /**\r\n * The backdrop class to apply to this dialog. If your dialog \"jumps\" around in size, then you should set a backdrop class to constrain the dialog to a specific size.\r\n * Otherwise, if your dialog doesn't shift in size, you can just pass \"intrinsic\" to allow the dialog to be it's intrinsic size.\r\n */\r\n protected abstract get backdropClass(): BackdropClass | BackdropClass[];\r\n\r\n protected input: Input = inject(MAT_DIALOG_DATA);\r\n\r\n //#region BaseComponent Functionality\r\n /*\r\n * HACK: Extending BaseComponent will cause this issue: https://github.com/angular/angular-cli/issues/15077.\r\n * TODO: Figure out how to resolve that issue, extend BaseComponent, and remove this region.\r\n */\r\n\r\n // constants\r\n protected readonly RouteConstants = RouteConstants;\r\n protected readonly UserRoles = UserRoles;\r\n protected readonly environment = environment;\r\n\r\n // services\r\n protected readonly authService: AuthService = inject(AuthService);\r\n protected readonly breakpointObserver: BreakpointObserver = inject(BreakpointObserver);\r\n\r\n protected readonly isHandset$: Observable\r\n
\r\n\r\n Unsaved Changes
\r\nYou have unsaved changes that may be lost if you leave this page.
\r\n\r\n Are you sure you wish to proceed?\r\n\r\n
\r\n","export * from \"./auth-callback/auth-callback.component\";\r\nexport * from \"./email-opt-out/email-opt-out.component\";\r\nexport * from \"./login/login.component\";\r\nexport * from \"./resources/resources.component\";\r\n","import { DOCUMENT } from \"@angular/common\";\r\nimport { Component, ElementRef, Inject, OnDestroy, OnInit, ViewChild } from \"@angular/core\";\r\nimport { AuthService } from \"@services/auth/auth.service\";\r\nimport { AppEnvironment } from \"app/enums/repository/app-environment.enum\";\r\nimport { environment } from \"environments/environment\";\r\nimport { Subscription } from \"rxjs\";\r\nimport { Constants, Utility } from \"../../shared\";\r\n\r\n@Component({\r\n selector: \"app-login\",\r\n templateUrl: \"./login.component.html\",\r\n styleUrls: [\"./login.component.scss\"],\r\n})\r\nexport class LoginComponent implements OnInit, OnDestroy {\r\n @ViewChild(\"provider\") providerInput: ElementRefPlease contact an administrator to unsubscribe you from the weekly snapshot email.
\r\n\r\n \r\n
\r\n\r\n \r\n\r\n
\r\n","import { Component, OnInit } from \"@angular/core\";\r\nimport { StudentResource } from \"@models/student-resource.model\";\r\nimport { AdminService } from \"@services/admin.service\";\r\nimport { Constants } from \"app/shared\";\r\n\r\n@Component({\r\n selector: \"app-resources\",\r\n templateUrl: \"./resources.component.html\",\r\n styleUrls: [\"./resources.component.scss\"],\r\n})\r\nexport class ResourcesComponent implements OnInit {\r\n resourcesByCategoryK5: Map\r\n
\r\n \r\n\r\n \r\n ![](\"assets/icademy-logo-color.png\")
\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 You will be redirected to a\r\n {{ showMicrosoftLogin && showGoogleLogin ? \"Microsoft/Google\" : showMicrosoftLogin ? \"Microsoft\" : \"Google\" }}\r\n login page. Please use your iCademy email credentials to login.\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {{ option.text }}\r\n \r\n
\r\n \r\n \r\n insert_drive_file \r\n {{ resource.title }}\r\n \r\n
\r\n {{ entry.key }}
\r\n\r\n \r\n insert_drive_file \r\n {{ resource.title }}\r\n \r\n
\r\n {{ entry.key }}
\r\n\r\n \r\n insert_drive_file \r\n {{ resource.title }}\r\n \r\n
\r\n {{ entry.key }}
\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 {{ option.name }}\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n {{ option.name }}\r\n \r\n \r\n \r\n\r\n
\r\n","import { Component, Input } from \"@angular/core\";\r\nimport { UntypedFormControl } from \"@angular/forms\";\r\nimport { MatButtonToggleChange } from \"@angular/material/button-toggle\";\r\nimport { MatFormFieldAppearance } from \"@angular/material/form-field\";\r\nimport { Constants } from \"app/shared\";\r\n\r\n@Component({\r\n selector: \"app-choose-a-grade\",\r\n templateUrl: \"./choose-a-grade.component.html\",\r\n styleUrls: [\"./choose-a-grade.component.scss\"],\r\n})\r\nexport class ChooseAGradeComponent {\r\n @Input() control: UntypedFormControl;\r\n @Input() appearance: MatFormFieldAppearance = \"legacy\";\r\n @Input() label = \"Choose a Grade\";\r\n\r\n elementarySchoolGrades = Constants.gradesK5;\r\n middleSchoolGrades = Constants.grades68;\r\n highSchoolGrades = Constants.grades912;\r\n\r\n checkGroup(change: MatButtonToggleChange, grades: string[]) {\r\n if (!this.control.value) {\r\n this.control.patchValue([]);\r\n }\r\n\r\n if (change.source.checked) {\r\n this.control.patchValue([...new Set([...this.control.value, ...grades])]);\r\n } else {\r\n this.control.patchValue(this.control.value.filter(v => !grades.find(g => v === g)));\r\n }\r\n }\r\n}\r\n","\r\n \r\n Primary Contact \r\n \r\n \r\n {{ contact.isPrimary ? \"check_box\" : \"check_box_outline_blank\" }}\r\n \r\n Primary Contact\r\n \r\n \r\n\r\n \r\n \r\n {{ contact.isGuardian ? \"check_box\" : \"check_box_outline_blank\" }}\r\n \r\n Guardian\r\n \r\n\r\n Subscribed to Weekly Snapshot \r\n
\r\n\r\n \r\n \r\n \r\n The max length is 20 characters. \r\n \r\n Phone number must be of the format: (xxx) xxx-xxxx\r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n The max length is 320 characters.\r\n \r\n Invalid email address. \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n The max length is 100 characters.\r\n \r\n \r\n \r\n \r\n The max length is 60 characters. \r\n \r\n
\r\n\r\n \r\n \r\n \r\n The max length is 40 characters. \r\n \r\n \r\n \r\n Zip codes must be 5 digits. \r\n \r\n \r\n \r\n The max length is 25 characters. \r\n \r\n
\r\n\r\n {{ title }}\r\n {{ startDate | date : \"MM/dd/yy\" }} - {{ endDate | date : \"MM/dd/yy\" }}\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 If you would like to see current class data for this student, please adjust your date range on the main page.\r\n
\r\n Please adjust your date range on the main page and try again.\r\n
| Class | \r\n{{ row.className }} | \r\nLive Lessons | \r\n\r\n {{ row.liveLessonPoints }} out of {{ row.liveLessonsOffered }}\r\n | \r\n\r\n {{ Utility.toTimeFormat(row.onlineHoursSpentThisWeek * 3600.0) }}\r\n | \r\n\r\n {{ Utility.toTimeFormat(row.totalSecondsSpentOnline) }}\r\n | \r\nScore | \r\n\r\n \r\n {{ row.score }}\r\n \r\n | \r\n Enrollment Status | \r\n{{ getStatusName(row) }} | \r\nAssignment Progress | \r\n\r\n {{ row.assignmentsAssignedDateRange ? (row.assignmentProgressDateRange | percent) : \"-\" }}\r\n | \r\nTasks Assigned | \r\n\r\n {{ row.assignmentsAssignedDateRange }}\r\n | \r\nCompleted In Grace | \r\n\r\n {{ row.assignmentsCompletedInGraceDateRange }}\r\n | \r\nCompleted In Grace | \r\n\r\n {{ row.assignmentsCompletedInGraceUpUntilEndDate }}\r\n | \r\n\r\n Completed On Time\r\n | \r\n\r\n {{ row.assignmentsCompletedOnTime }}\r\n | \r\nAssignments In Grace Period | \r\n{{ row.assignmentsInGracePeriod }} | \r\n\r\n | \r\n {{ isPerformance ? \"This Week\" : \"Selected Date Range\" }}\r\n | \r\n\r\n Course Start to\r\n \r\n Selected End Date\r\n | \r\n \r\n All Time\r\n | \r\n
|---|
\r\n {{ appComponent.isBusy ? \"Loading...\" : noResultsMessage }}\r\n
\r\n \r\n \r\n
\r\n{{ data.title }}
\r\n \r\n {{ data.confirmationMessage }}\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 { formatDate } from \"@angular/common\";\r\nimport { AfterViewInit, Component, HostListener, Inject, OnInit, ViewChild } from \"@angular/core\";\r\nimport { MAT_DIALOG_DATA, MatDialogRef } from \"@angular/material/dialog\";\r\nimport { MatPaginator } from \"@angular/material/paginator\";\r\nimport { MatSort } from \"@angular/material/sort\";\r\nimport { MatTableDataSource } from \"@angular/material/table\";\r\nimport { EngagementMetricColumn, EngagementMetricData } from \"@models/engagement-metric.model\";\r\nimport { EngagementReport } from \"@models/engagement-report.model\";\r\nimport { StaffService } from \"app/staff/services\";\r\nimport { finalize } from \"rxjs/operators\";\r\n\r\n@Component({\r\n selector: \"app-engagement-metric-breakdown-dialog\",\r\n templateUrl: \"./engagement-metric-breakdown-dialog.component.html\",\r\n styleUrls: [\"./engagement-metric-breakdown-dialog.component.scss\"],\r\n})\r\nexport class EngagementMetricBreakdownDialogComponent implements OnInit, AfterViewInit {\r\n @ViewChild(MatSort) sort: MatSort;\r\n @ViewChild(MatPaginator) paginator: MatPaginator;\r\n\r\n showDateRange = true;\r\n title = this.getTitle();\r\n loading = true;\r\n\r\n columns: EngagementMetricColumn[] = [];\r\n columnOrder: string[] = [];\r\n dataSource = new MatTableDataSource\r\n {{ title }}\r\n {{ data.studentName }}\r\n \r\n \r\n {{ data.startDate | date : \"mediumDate\" }} - \r\n \r\n {{ data.endDate | date : \"mediumDate\" }}\r\n \r\n
\r\n \r\n \r\n \r\n {{ column.title }} \r\n {{ row[column.property] }} \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n No data.
\r\n \r\n \r\n download \r\n \r\n \r\n
\r\n\r\n
\r\n","export * from \"./avatar-dialog/avatar-dialog.component\";\r\nexport * from \"./class-dialog/class-dialog.component\";\r\nexport * from \"./confirmation-dialog/confirmation-dialog.component\";\r\nexport * from \"./dialog/dialog.component\";\r\nexport * from \"./grade-level-selector/grade-level-selector.component\";\r\nexport * from \"./not-authorized/not-authorized.component\";\r\nexport * from \"./page-not-found/page-not-found.component\";\r\nexport * from \"./quiz/quiz.component\";\r\nexport * from \"./signature-field/signature-field.component\";\r\nexport * from \"./tab-group/tab-group.component\";\r\nexport * from \"./toolbar/toolbar.component\";\r\n","\r\n
\r\n\r\n \r\n K-5 \r\n
\r\n \r\n \r\n {{ grade.value }}\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n 6-8 \r\n
\r\n \r\n \r\n {{ grade.value }}\r\n \r\n
\r\n \r\n
\r\n\r\n 9-12 \r\n
\r\n \r\n \r\n {{ grade.value }}\r\n \r\n
\r\n \r\n
\r\n","import { Component } from \"@angular/core\";\r\nimport { AuthService } from \"@services/auth/auth.service\";\r\n\r\n@Component({\r\n selector: \"app-not-authorized\",\r\n templateUrl: \"./not-authorized.component.html\",\r\n styleUrls: [\"./not-authorized.component.scss\"],\r\n})\r\nexport class NotAuthorizedComponent {\r\n userName: string;\r\n signedIn = true;\r\n\r\n constructor(private authService: AuthService) {\r\n try {\r\n this.userName = this.authService.currentUser?.email;\r\n } catch (e) {}\r\n\r\n if (!this.userName) {\r\n this.userName = \"Not signed in.\";\r\n this.signedIn = false;\r\n }\r\n }\r\n\r\n logout() {\r\n this.authService.signOut().subscribe();\r\n this.authService.redirectLogoutUser();\r\n }\r\n}\r\n","import { Location } from \"@angular/common\";\r\nimport { Component, OnInit } from \"@angular/core\";\r\n\r\n@Component({\r\n selector: \"app-page-not-found\",\r\n templateUrl: \"./page-not-found.component.html\",\r\n styleUrls: [\"./page-not-found.component.scss\"],\r\n})\r\nexport class PageNotFoundComponent implements OnInit {\r\n constructor(private location: Location) {}\r\n\r\n ngOnInit() {}\r\n\r\n goBack() {\r\n this.location.back();\r\n }\r\n}\r\n","\r\n lock \r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n You ({{ userName }}) are not an authorized user.
\r\n\r\n Please reach out to support@icademyglobal.org or contact your mentor if you need access or think this is a\r\n mistake.\r\n
\r\n\r\n home \r\n Sign in\r\n \r\n
\r\n You are not signed in.
\r\n \r\n \r\n
\r\n","import { Component, EventEmitter, Input, OnInit, Output } from \"@angular/core\";\r\nimport { NgForm } from \"@angular/forms\";\r\nimport { OrientationService } from \"@services/orientation.service\";\r\nimport { Answer, Question, User, UserAnswers } from \"app/models\";\r\n\r\n@Component({\r\n selector: \"app-quiz\",\r\n templateUrl: \"./quiz.component.html\",\r\n styleUrls: [\"./quiz.component.scss\"],\r\n})\r\nexport class QuizComponent implements OnInit {\r\n @Input() questionsList: Question[];\r\n @Input() answersList: Answer[];\r\n @Input() user: User;\r\n @Input() isStepCompleted: boolean;\r\n @Output() quizSubmitted = new EventEmitter\r\n
\r\n\r\n
\r\n \r\n SORRY, PAGE WAS NOT FOUND
\r\n\r\n The page you are looking for might have been removed, had it's name changed, or is temporarily unavailable\r\n
\r\n\r\n
\r\n","import { Component, ViewChild, forwardRef } from \"@angular/core\";\r\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from \"@angular/forms\";\r\nimport { SignaturePadComponent } from \"@design/signature-pad/signature-pad.component\";\r\n\r\n@Component({\r\n selector: \"app-signature-field\",\r\n templateUrl: \"./signature-field.component.html\",\r\n styleUrls: [\"./signature-field.component.scss\"],\r\n providers: [\r\n {\r\n provide: NG_VALUE_ACCESSOR,\r\n useExisting: forwardRef(() => SignatureFieldComponent),\r\n multi: true,\r\n },\r\n ],\r\n})\r\nexport class SignatureFieldComponent implements ControlValueAccessor {\r\n @ViewChild(SignaturePadComponent) public signaturePad: SignaturePadComponent;\r\n\r\n public options: Object = {\r\n backgroundColor: \"rgb(255,255,255)\",\r\n canvasWidth: 600,\r\n canvasHeight: 150,\r\n penColor: \"rgb(255, 0, 0)\",\r\n };\r\n public _signature: any = null;\r\n public propagateChange: Function = null;\r\n\r\n get signature(): any {\r\n return this._signature;\r\n }\r\n\r\n set signature(value: any) {\r\n this._signature = value;\r\n this.propagateChange(this.signature);\r\n }\r\n\r\n public writeValue(value: any): void {\r\n if (!value) {\r\n return;\r\n }\r\n this._signature = value;\r\n this.signaturePad?.fromDataURL(this.signature);\r\n }\r\n\r\n public registerOnChange(fn: any): void {\r\n this.propagateChange = fn;\r\n }\r\n\r\n public registerOnTouched(): void {\r\n // no-op\r\n }\r\n\r\n public ngAfterViewInit(): void {\r\n this.signaturePad.clear();\r\n }\r\n\r\n public drawBegin(): void {}\r\n\r\n public drawComplete(): void {\r\n this.signature = this.signaturePad.toDataURL(\"image/jpeg\", 0.5);\r\n }\r\n\r\n public clear(): void {\r\n this.signaturePad.clear();\r\n this.signature = \"\";\r\n }\r\n\r\n public disableSignaturePad() {\r\n this.signaturePad.off();\r\n }\r\n\r\n public enableSignaturePad() {\r\n this.signaturePad.on();\r\n }\r\n}\r\n","\r\n \r\n
\r\n \r\n \r\n Submit Answers\r\n \r\n
\r\n\r\n
\r\n","import {\r\n NGX_MAT_DATE_FORMATS,\r\n NgxMatDateFormats,\r\n NgxMatDatetimePickerModule,\r\n NgxMatNativeDateModule,\r\n NgxMatTimepickerModule,\r\n} from \"@angular-material-components/datetime-picker\";\r\nimport { CommonModule } from \"@angular/common\";\r\nimport { NgModule } from \"@angular/core\";\r\nimport { FlexLayoutModule } from \"@angular/flex-layout\";\r\nimport { FormsModule, ReactiveFormsModule } from \"@angular/forms\";\r\nimport { MatAutocompleteModule } from \"@angular/material/autocomplete\";\r\nimport { MatBadgeModule } from \"@angular/material/badge\";\r\nimport { MatBottomSheetModule } from \"@angular/material/bottom-sheet\";\r\nimport { MatButtonModule } from \"@angular/material/button\";\r\nimport { MatButtonToggleModule } from \"@angular/material/button-toggle\";\r\nimport { MatCardModule } from \"@angular/material/card\";\r\nimport { MatCheckboxModule } from \"@angular/material/checkbox\";\r\nimport { MatChipsModule } from \"@angular/material/chips\";\r\nimport { MatNativeDateModule } from \"@angular/material/core\";\r\nimport { MatDatepickerModule } from \"@angular/material/datepicker\";\r\nimport { MatDialogModule } from \"@angular/material/dialog\";\r\nimport { MatDividerModule } from \"@angular/material/divider\";\r\nimport { MatExpansionModule } from \"@angular/material/expansion\";\r\nimport { MatFormFieldModule } from \"@angular/material/form-field\";\r\nimport { MatGridListModule } from \"@angular/material/grid-list\";\r\nimport { MatIconModule } from \"@angular/material/icon\";\r\nimport { MatInputModule } from \"@angular/material/input\";\r\nimport { MatListModule } from \"@angular/material/list\";\r\nimport { MatMenuModule } from \"@angular/material/menu\";\r\nimport { MatPaginatorModule } from \"@angular/material/paginator\";\r\nimport { MatProgressBarModule } from \"@angular/material/progress-bar\";\r\nimport { MatProgressSpinnerModule } from \"@angular/material/progress-spinner\";\r\nimport { MatRadioModule } from \"@angular/material/radio\";\r\nimport { MatSelectModule } from \"@angular/material/select\";\r\nimport { MatSidenavModule } from \"@angular/material/sidenav\";\r\nimport { MatSlideToggleModule } from \"@angular/material/slide-toggle\";\r\nimport { MatSnackBarModule } from \"@angular/material/snack-bar\";\r\nimport { MatSortModule } from \"@angular/material/sort\";\r\nimport { MatTableModule } from \"@angular/material/table\";\r\nimport { MatTabsModule } from \"@angular/material/tabs\";\r\nimport { MatToolbarModule } from \"@angular/material/toolbar\";\r\nimport { MatTooltipModule } from \"@angular/material/tooltip\";\r\nimport { RouterModule } from \"@angular/router\";\r\nimport { FDAngularRichTextWrapperComponent } from \"@design/fdangular-rich-text-wrapper/fdangular-rich-text-wrapper.component\";\r\nimport { SignaturePadComponent } from \"@design/signature-pad/signature-pad.component\";\r\nimport { AngularEditorModule } from \"@kolkov/angular-editor\";\r\nimport { MatTableExporterModule } from \"mat-table-exporter\";\r\nimport { LazyLoadImageModule } from \"ng-lazyload-image\";\r\nimport { UiScrollModule } from \"ngx-ui-scroll\";\r\nimport {\r\n AvatarDialogComponent,\r\n ClassDialogComponent,\r\n ConfirmationDialogComponent,\r\n DialogComponent,\r\n GradeLevelSelectorComponent,\r\n NotAuthorizedComponent,\r\n PageNotFoundComponent,\r\n QuizComponent,\r\n SignatureFieldComponent,\r\n TabGroupComponent,\r\n ToolbarComponent,\r\n} from \"./components\";\r\nimport { ChooseAGradeComponent } from \"./components/choose-a-grade/choose-a-grade.component\";\r\nimport { EngagementMetricBreakdownDialogComponent } from \"./components/engagement-metric-breakdown-dialog/engagement-metric-breakdown-dialog.component\";\r\nimport { ScrollIntoViewDirective } from \"./directives/scroll-into-view.directive\";\r\nimport { TypeSafeMatCellDef } from \"./directives/type-safe-mat-cell-def.directive\";\r\nimport { SafePipe } from \"./pipes\";\r\nimport { AddDaysPipe } from \"./pipes/add-days.pipe\";\r\nimport { AddWeeksPipe } from \"./pipes/add-weeks.pipe\";\r\nimport { CellNamePipe } from \"./pipes/cell-name.pipe\";\r\nimport { CommunicationTypePipe } from \"./pipes/communication-type-name-pipe\";\r\nimport { DividePipe } from \"./pipes/divide.pipe\";\r\nimport { GradeNamePipe } from \"./pipes/grade-name.pipe\";\r\nimport { GradePipe } from \"./pipes/grade.pipe\";\r\nimport { InterventionStatusPipe } from \"./pipes/intervention-status.pipe\";\r\nimport { YearsPipe } from \"./pipes/years.pipe\";\r\nimport { ContactFormComponent } from './components/avatar-dialog/contact-form/contact-form.component';\r\n\r\nconst INTL_DATE_INPUT_FORMAT = {\r\n year: \"2-digit\",\r\n month: \"numeric\",\r\n day: \"numeric\",\r\n hourCycle: \"h23\",\r\n hour: \"numeric\",\r\n minute: \"2-digit\",\r\n hour12: true,\r\n};\r\n\r\nconst MAT_DATE_FORMATS: NgxMatDateFormats = {\r\n parse: {\r\n dateInput: INTL_DATE_INPUT_FORMAT,\r\n },\r\n display: {\r\n dateInput: INTL_DATE_INPUT_FORMAT,\r\n monthYearLabel: { year: \"numeric\", month: \"short\" },\r\n dateA11yLabel: { year: \"numeric\", month: \"long\", day: \"numeric\" },\r\n monthYearA11yLabel: { year: \"numeric\", month: \"long\" },\r\n },\r\n};\r\n\r\n@NgModule({\r\n declarations: [\r\n AvatarDialogComponent,\r\n ClassDialogComponent,\r\n ConfirmationDialogComponent,\r\n DialogComponent,\r\n NotAuthorizedComponent,\r\n PageNotFoundComponent,\r\n QuizComponent,\r\n SignaturePadComponent,\r\n SignatureFieldComponent,\r\n TabGroupComponent,\r\n ToolbarComponent,\r\n GradeLevelSelectorComponent,\r\n ChooseAGradeComponent,\r\n FDAngularRichTextWrapperComponent,\r\n EngagementMetricBreakdownDialogComponent,\r\n\r\n // Pipes\r\n SafePipe,\r\n GradePipe,\r\n GradeNamePipe,\r\n DividePipe,\r\n AddWeeksPipe,\r\n AddDaysPipe,\r\n InterventionStatusPipe,\r\n CommunicationTypePipe,\r\n CellNamePipe,\r\n\r\n // Directives\r\n ScrollIntoViewDirective,\r\n TypeSafeMatCellDef,\r\n YearsPipe,\r\n ContactFormComponent,\r\n ],\r\n imports: [\r\n AngularEditorModule,\r\n CommonModule,\r\n FormsModule,\r\n ReactiveFormsModule,\r\n LazyLoadImageModule,\r\n MatAutocompleteModule,\r\n MatBottomSheetModule,\r\n MatButtonModule,\r\n MatButtonToggleModule,\r\n MatCardModule,\r\n MatCheckboxModule,\r\n MatChipsModule,\r\n MatDatepickerModule,\r\n MatDialogModule,\r\n MatDividerModule,\r\n MatExpansionModule,\r\n MatFormFieldModule,\r\n MatGridListModule,\r\n MatIconModule,\r\n MatInputModule,\r\n MatListModule,\r\n MatMenuModule,\r\n MatNativeDateModule,\r\n MatPaginatorModule,\r\n MatProgressBarModule,\r\n MatRadioModule,\r\n MatSelectModule,\r\n MatSidenavModule,\r\n MatSnackBarModule,\r\n MatSortModule,\r\n MatTableModule,\r\n MatTabsModule,\r\n MatSlideToggleModule,\r\n MatToolbarModule,\r\n MatTooltipModule,\r\n MatProgressSpinnerModule,\r\n MatTableExporterModule,\r\n NgxMatDatetimePickerModule,\r\n NgxMatTimepickerModule,\r\n NgxMatNativeDateModule,\r\n ReactiveFormsModule,\r\n RouterModule,\r\n UiScrollModule,\r\n FlexLayoutModule,\r\n ],\r\n exports: [\r\n // Modules\r\n AngularEditorModule,\r\n CommonModule,\r\n FormsModule,\r\n LazyLoadImageModule,\r\n MatAutocompleteModule,\r\n MatBadgeModule,\r\n MatBottomSheetModule,\r\n MatButtonModule,\r\n MatButtonToggleModule,\r\n MatCardModule,\r\n MatCheckboxModule,\r\n MatChipsModule,\r\n MatDatepickerModule,\r\n MatDialogModule,\r\n MatDividerModule,\r\n MatExpansionModule,\r\n MatFormFieldModule,\r\n MatGridListModule,\r\n MatIconModule,\r\n MatInputModule,\r\n MatListModule,\r\n MatMenuModule,\r\n MatNativeDateModule,\r\n MatPaginatorModule,\r\n MatProgressBarModule,\r\n MatRadioModule,\r\n MatSelectModule,\r\n MatSidenavModule,\r\n MatSnackBarModule,\r\n MatSortModule,\r\n MatTableModule,\r\n MatTabsModule,\r\n MatSlideToggleModule,\r\n MatToolbarModule,\r\n MatTooltipModule,\r\n MatProgressSpinnerModule,\r\n MatTableExporterModule,\r\n NgxMatDatetimePickerModule,\r\n NgxMatTimepickerModule,\r\n NgxMatNativeDateModule,\r\n ReactiveFormsModule,\r\n RouterModule,\r\n UiScrollModule,\r\n\r\n // Components,\r\n AvatarDialogComponent,\r\n ClassDialogComponent,\r\n DialogComponent,\r\n PageNotFoundComponent,\r\n QuizComponent,\r\n SignatureFieldComponent,\r\n TabGroupComponent,\r\n ToolbarComponent,\r\n GradeLevelSelectorComponent,\r\n ChooseAGradeComponent,\r\n FDAngularRichTextWrapperComponent,\r\n\r\n // Pipes\r\n CellNamePipe,\r\n DividePipe,\r\n SafePipe,\r\n GradePipe,\r\n GradeNamePipe,\r\n AddWeeksPipe,\r\n AddDaysPipe,\r\n InterventionStatusPipe,\r\n CommunicationTypePipe,\r\n YearsPipe,\r\n\r\n // Directives\r\n ScrollIntoViewDirective,\r\n TypeSafeMatCellDef,\r\n ],\r\n providers: [{ provide: NGX_MAT_DATE_FORMATS, useValue: MAT_DATE_FORMATS }],\r\n})\r\nexport class DesignModule {}\r\n","import { coerceBooleanProperty } from \"@angular/cdk/coercion\";\r\nimport { isPlatformBrowser } from \"@angular/common\";\r\nimport { Directive, ElementRef, Inject, Input, OnChanges, PLATFORM_ID, SimpleChanges } from \"@angular/core\";\r\n\r\n@Directive({\r\n selector: \"[appScrollIntoView]\",\r\n})\r\nexport class ScrollIntoViewDirective implements OnChanges {\r\n @Input() appScrollIntoView: boolean | undefined;\r\n\r\n constructor(@Inject(PLATFORM_ID) private platformId: any, private elementRef: ElementRef) {}\r\n\r\n ngOnChanges(_: SimpleChanges) {\r\n if (isPlatformBrowser(this.platformId)) {\r\n if (coerceBooleanProperty(this.appScrollIntoView)) {\r\n (this.elementRef.nativeElement as HTMLInputElement).scrollIntoView({\r\n behavior: \"smooth\",\r\n block: \"start\",\r\n });\r\n }\r\n }\r\n }\r\n}\r\n","import { CdkCellDef } from \"@angular/cdk/table\";\r\nimport { Directive, Input } from \"@angular/core\";\r\nimport { MatCellDef, MatTableDataSource } from \"@angular/material/table\";\r\nimport { Observable } from \"rxjs\";\r\n\r\n@Directive({\r\n /* eslint-disable */\r\n selector: \"[matCellDef]\", // same selector as MatCellDef\r\n providers: [{ provide: CdkCellDef, useExisting: TypeSafeMatCellDef }],\r\n})\r\nexport class TypeSafeMatCellDef\r\n \r\n ![](\"assets/icademy-logo-k-5-white.png\")
\r\n ![](\"assets/icademy-logo-white.png\")
\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 {{ message }}\r\n \r\n - Grade Level:\r\n \r\n \r\n
\r\n \r\n