\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n","import { Component, Input } from '@angular/core';\r\nimport { IBookTag } from '@portal-app/interfaces/book/project/book.interface';\r\n\r\n@Component({\r\n selector: 'portal-book-difficulties[items]',\r\n templateUrl: './book-difficulties.component.html',\r\n styleUrls: ['./book-difficulties.component.scss'],\r\n})\r\nexport class BookDifficultiesComponent {\r\n @Input() items!: IBookTag[];\r\n}\r\n","\r\n\r\n \r\n {{ item.Value }}\r\n
\r\n ·
\r\n {{ 'SelectImpressionsModal.WhatDoYouThink' | translate }}
\r\n\r\n{{ 'SelectImpressionsModal.ChooseMax' | translate }} {{ total }}
\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, Inject, OnInit } from '@angular/core';\r\nimport {\r\n MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA,\r\n MatLegacyDialogRef as MatDialogRef,\r\n} from '@angular/material/legacy-dialog';\r\nimport { Router } from '@angular/router';\r\nimport { GoogleTagManagerService } from '@lru/felib';\r\nimport { GTMEvent } from '@portal-app/enums/gtm-event.enum';\r\nimport { IBookSelectedImpression } from '@portal-app/interfaces/book/project/book-impression.interface';\r\nimport { INextImpressionTag } from '@portal-app/interfaces/next/next-tag.interface';\r\nimport { IBookTile_template } from '@portal-app/interfaces/project/section.interface';\r\nimport { BookImpressionMapper } from '@portal-app/mapper/book/book-impression.mapper';\r\nimport { BookImpressionService } from '@portal-app/services/book/book-impression.service';\r\n\r\nimport { firstValueFrom } from 'rxjs';\r\nimport { take } from 'rxjs/operators';\r\n\r\n@Component({\r\n templateUrl: './select-impressions-modal.component.html',\r\n styleUrls: ['./select-impressions-modal.component.scss'],\r\n})\r\nexport class SelectImpressionsModalComponent implements OnInit {\r\n item: IBookTile_template;\r\n impressions?: IBookSelectedImpression[];\r\n total = 3;\r\n remaining?: number;\r\n\r\n constructor(\r\n @Inject(MAT_DIALOG_DATA) public data: IBookTile_template,\r\n private dialogRef: MatDialogRef\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 \r\n
\r\n \r\n
\r\n {{ item.Title }}
\r\n \r\n \r\n
\r\n \r\n {{ item.Title }}
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {{ friend }}\r\n
\r\n \r\n
\r\n {{ 'BookTile.IThink' | translate }}
\r\n \r\n {{ impression.Icon }}\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 {{ 'BookTile.WhatDoYouThink' | translate }}\r\n \r\n
- \r\n {{ 'BookTile.Remove' | translate }}\r\n \r\n
\r\n
\r\n\r\n","import { Component, Input, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { take } from 'rxjs/operators';\r\nimport { PageTypeEnum } from '../../../../../enums/page-type.enum';\r\nimport { IDropdown } from '../../../../../interfaces/project/dropdown.interface';\r\nimport { BookLibraryService } from '../../../../../services/book/book-library.service';\r\nimport { CourseLibraryService } from '../../../../../services/course/course-library.service';\r\nimport { AppInitService } from '../../../../../services/shared/app-init.service';\r\nimport { BreakpointsService } from '../../../../../services/shared/breakpoints.service';\r\nimport { DropdownService } from '../../../../../services/shared/dropdown.service';\r\n\r\n@Component({\r\n selector: 'portal-dropdown[ariaLabel]',\r\n templateUrl: './dropdown.component.html',\r\n styleUrls: ['./dropdown.component.scss'],\r\n})\r\nexport class DropdownComponent implements OnInit {\r\n @Input() id: string = this.generateUUID();\r\n @Input() darkOverlay = false;\r\n @Input() zIndex!: number;\r\n @Input() buttonClasses!: string;\r\n @Input() contentClasses!: string;\r\n @Input() pageType!: string;\r\n @Input() libraryUrl!: string;\r\n @Input() useArrow = false;\r\n @Input() iconSize = 10;\r\n @Input() ariaLabel!: string;\r\n @Input() useCustomAriaLabel = false;\r\n dropdownOpen?: IDropdown;\r\n large = false;\r\n\r\n constructor(\r\n private dropdownService: DropdownService,\r\n private breakpointsService: BreakpointsService,\r\n private router: Router,\r\n private appInitService: AppInitService,\r\n private courseLibraryService: CourseLibraryService,\r\n private bookLibraryService: BookLibraryService\r\n ) {}\r\n\r\n ngOnInit() {\r\n this.dropdownService.open$.subscribe((value) => {\r\n this.dropdownOpen = value;\r\n });\r\n\r\n this.breakpointsService.large$.subscribe((data) => {\r\n if (data && this.dropdownOpen?.Id === 'search') {\r\n this.dropdownService.closeDropdown();\r\n }\r\n this.large = data;\r\n });\r\n }\r\n\r\n onToggleDropdown() {\r\n if (this.id === 'search') {\r\n this.breakpointsService.large$.pipe(take(1)).subscribe((data) => {\r\n if (data) {\r\n if (this.pageType !== PageTypeEnum.CourseLibrary && this.pageType !== PageTypeEnum.BookLibrary) {\r\n this.router.navigate([this.libraryUrl]);\r\n } else {\r\n // set focus on searchInput\r\n }\r\n }\r\n });\r\n this.breakpointsService.underLarge$.pipe(take(1)).subscribe((data) => {\r\n if (data) {\r\n if (this.pageType !== PageTypeEnum.CourseLibrary && this.appInitService.isFagportal) {\r\n this.displaySearchOnFagportal();\r\n } else if (\r\n (this.appInitService.isSuperbog || this.appInitService.isSuperreader) &&\r\n this.pageType !== PageTypeEnum.BookLibrary\r\n ) {\r\n this.displaySearchOnBoodAndReader();\r\n }\r\n }\r\n });\r\n } else {\r\n // Remove search field modal\r\n this.dropdownService.toggleDropdown(this.id, this.darkOverlay);\r\n }\r\n }\r\n\r\n /**\r\n * On Superbog and Superreader we display the search input field as an modal, unless the user is on the library page\r\n */\r\n private displaySearchOnBoodAndReader() {\r\n if (!this.bookLibraryService.filters.FiltersLoaded) {\r\n this.bookLibraryService.initializeFilters();\r\n }\r\n\r\n if (this.libraryUrl !== window.location.pathname) {\r\n this.displaySearchField();\r\n }\r\n }\r\n\r\n /**\r\n * On Fagportal we don't have the search input field on the library page on small devices.\r\n * We display the search input field as an modal when ever the search icon in the header is clicked.\r\n */\r\n private displaySearchOnFagportal() {\r\n if (!this.courseLibraryService.filters.FiltersLoaded) {\r\n this.courseLibraryService.initializeFilters();\r\n }\r\n this.displaySearchField();\r\n }\r\n\r\n /**\r\n * Displaying the search input field after the loader is finish\r\n */\r\n private displaySearchField() {\r\n this.dropdownService.toggleDropdown(this.id, this.darkOverlay, this.zIndex);\r\n }\r\n\r\n generateUUID() {\r\n let d = new Date().getTime(); // Timestamp\r\n let d2 = (typeof performance !== 'undefined' && performance.now && performance.now() * 1000) || 0; // Time in microseconds since page-load or 0 if unsupported\r\n return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {\r\n let r = Math.random() * 16; // random number between 0 and 16\r\n if (d > 0) {\r\n // Use timestamp until depleted\r\n r = (d + r) % 16 | 0;\r\n d = Math.floor(d / 16);\r\n } else {\r\n // Use microseconds since page-load if supported\r\n r = (d2 + r) % 16 | 0;\r\n d2 = Math.floor(d2 / 16);\r\n }\r\n return (c === 'x' ? r : (r & 0x3) | 0x8).toString(16);\r\n });\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { ApiService } from '@lru/felib';\r\nimport { IUmbFavoritePayload, IUmbFavoriteResponse } from '@portal-app/interfaces/umbraco/umb-favorite.interface';\r\n\r\n@Injectable({\r\n providedIn: 'root',\r\n})\r\nexport class PsFavoriteService {\r\n constructor(private apiService: ApiService) {}\r\n\r\n addFavorite(id: string) {\r\n const body: IUmbFavoritePayload = {\r\n contentId: id,\r\n isFavorite: true,\r\n };\r\n return this.apiService.postUmbraco\r\n \r\n \r\n \r\n \r\n \r\n
\r\n","import { Component, Input } from '@angular/core';\r\nimport { GoogleTagManagerService, UserService } from '@lru/felib';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { GTMEvent } from '@portal-app/enums/gtm-event.enum';\r\n\r\nimport { ToastrService } from 'ngx-toastr';\r\nimport { firstValueFrom } from 'rxjs';\r\nimport { PageTypeEnum } from '../../../../../enums/page-type.enum';\r\nimport { ISelectable } from '../../../../../interfaces/project/section.interface';\r\nimport { BookCollectionService } from '../../../../../services/book/book-collection.service';\r\n\r\n@Component({\r\n selector: 'portal-manage-book-collection[id][title]',\r\n templateUrl: './manage-book-collection.component.html',\r\n styleUrls: ['./manage-book-collection.component.scss'],\r\n})\r\nexport class ManageBookCollectionComponent {\r\n @Input() id!: string;\r\n @Input() title!: string;\r\n @Input() headerText?: string;\r\n\r\n isTeacher: boolean = this.userService.isTeacher;\r\n collections?: ISelectable[];\r\n\r\n constructor(\r\n private userService: UserService,\r\n private bookCollectionService: BookCollectionService,\r\n private toastrService: ToastrService,\r\n private gtmService: GoogleTagManagerService,\r\n private translateService: TranslateService\r\n ) {}\r\n\r\n menuOpened() {\r\n document.documentElement.classList.add('cdk-dropdown');\r\n }\r\n\r\n menuClosed() {\r\n document.documentElement.classList.remove('cdk-dropdown');\r\n }\r\n\r\n /**\r\n * Gets data for all collections and their books and sets up a map of which collections contain the current book.\r\n */\r\n initializeBookCollections() {\r\n if (this.collections?.length) {\r\n return;\r\n }\r\n this.bookCollectionService.getBookTileAvailableCollections().subscribe((collections) => {\r\n this.collections = collections.map((item) => {\r\n return {\r\n Slug: item.Id,\r\n Title: item.Title,\r\n Selected: false,\r\n };\r\n });\r\n this.collections.forEach((collection) => {\r\n this.fetchCollectionStatus(collection);\r\n });\r\n });\r\n }\r\n\r\n /**\r\n * Fetches data for the given collection, optionally clearing the cache and fetching new data from the server.\r\n * When a collection is fetched, the local variable determining wether the book is present in the collection is updated.\r\n */\r\n fetchCollectionStatus(item: ISelectable) {\r\n this.bookCollectionService.getBooksInCollection(item.Slug).subscribe((books) => {\r\n if (books.find((elem) => elem.Id === this.id)) {\r\n item.Selected = true;\r\n }\r\n });\r\n }\r\n\r\n async onAddToCollectionClick(collection: ISelectable) {\r\n await firstValueFrom(this.bookCollectionService.addBookToCollection(collection.Slug, this.id));\r\n collection.Selected = true;\r\n this.toastrService.success(\r\n this.translateService.instant('ManageBookCollection.AddedToCollection', {\r\n bookTitle: this.title,\r\n collectionTitle: collection.Title,\r\n })\r\n );\r\n this.fetchCollectionStatus(collection);\r\n\r\n this.gtmService.pushTagWithUserType(GTMEvent.Add_to_collection, {\r\n book: this.title,\r\n });\r\n }\r\n\r\n async onRemoveFromCollectionClick(collection: ISelectable) {\r\n await firstValueFrom(this.bookCollectionService.removeBookFromCollection(collection.Slug, this.id));\r\n collection.Selected = false;\r\n this.toastrService.success(\r\n this.translateService.instant('ManageBookCollection.RemoveFromCollection', {\r\n bookTitle: this.title,\r\n collectionTitle: collection.Title,\r\n })\r\n );\r\n\r\n this.fetchCollectionStatus(collection);\r\n\r\n this.gtmService.pushTagWithUserType(GTMEvent.Remove_from_collection, {\r\n book: this.title,\r\n });\r\n }\r\n\r\n onClickCreateCollection() {\r\n this.gtmService.pushTagWithUserType(GTMEvent.Collection_create, {\r\n book: this.title,\r\n });\r\n }\r\n\r\n get PageTypeEnum() {\r\n return PageTypeEnum;\r\n }\r\n}\r\n","- \r\n
- \r\n
{{ headerText }}
\r\n \r\n
\r\n
\r\n","import { Component, Input } from '@angular/core';\r\nimport { IBookTile } from '@portal-app/interfaces/project/section.interface';\r\nimport { ISliderSettings } from '@portal-app/modules/shared/slider/interfaces/slider-settings.interface';\r\n\r\n@Component({\r\n selector: 'portal-book-card-preview[item][settings]',\r\n templateUrl: './book-card-preview.component.html',\r\n styleUrls: ['./book-card-preview.component.scss'],\r\n})\r\nexport class BookCardPreviewComponent {\r\n @Input() item!: IBookTile;\r\n @Input() settings!: ISliderSettings;\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 } from '@angular/core';\r\nimport { ICourseTile } from '@portal-app/interfaces/course/project/course.interface';\r\n\r\n@Component({\r\n selector: 'portal-course-card-preview[item]',\r\n templateUrl: './course-card-preview.component.html',\r\n styleUrls: ['./course-card-preview.component.scss'],\r\n})\r\nexport class CourseCardPreviewComponent {\r\n @Input() item!: ICourseTile;\r\n}\r\n","\r\n \r\n
\r\n \r\n {{ 'ContentType.Subject' | translate }}\r\n
\r\n \r\n {{ subject }}\r\n
\r\n \r\n \r\n
\r\n","import { HttpErrorResponse } from '@angular/common/http';\r\nimport { Component, HostListener, Input, OnDestroy, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { GTMEvent } from '@portal-app/enums/gtm-event.enum';\r\nimport { PageTypeEnum } from '@portal-app/enums/page-type.enum';\r\nimport { SectionTypeEnum } from '@portal-app/enums/section-type.enum';\r\nimport { IBookLibraryFilters } from '@portal-app/interfaces/book/project/book-library.interface';\r\nimport {\r\n ICourseLibraryFilters,\r\n ISearchAutoComplete,\r\n} from '@portal-app/interfaces/course/project/course-library.interface';\r\nimport { ICourseTile } from '@portal-app/interfaces/course/project/course.interface';\r\nimport { IPsLibraryFilters } from '@portal-app/interfaces/ps/project/ps-library.interface';\r\nimport { BookLibraryMapper } from '@portal-app/mapper/book/book-library.mapper';\r\nimport { CourseLibraryMapper } from '@portal-app/mapper/course/course-library.mapper';\r\nimport { BookLibraryService } from '@portal-app/services/book/book-library.service';\r\nimport { CourseLibraryService } from '@portal-app/services/course/course-library.service';\r\nimport { PSLibraryService } from '@portal-app/services/ps/ps-library.service';\r\n\r\nimport { GoogleTagManagerService } from '@lru/felib';\r\nimport { ISliderSettings } from '@portal-app/modules/shared/slider/interfaces/slider-settings.interface';\r\nimport { EMPTY, Subject, Subscription } from 'rxjs';\r\nimport { catchError, debounceTime } from 'rxjs/operators';\r\nimport { ProjectTypeEnum } from '../../../../../enums/project-type.enum';\r\nimport { AppInitService } from '../../../../../services/shared/app-init.service';\r\nimport { DropdownService } from '../../../../../services/shared/dropdown.service';\r\n\r\n@Component({\r\n selector: 'portal-library-search[type]',\r\n templateUrl: './library-search.component.html',\r\n styleUrls: ['./library-search.component.scss'],\r\n})\r\nexport class LibrarySearchComponent implements OnInit, OnDestroy {\r\n @Input() type!: string;\r\n @Input() libraryUrl?: string;\r\n\r\n focus = false;\r\n enterActivated = false;\r\n filters?: ICourseLibraryFilters | IBookLibraryFilters | IPsLibraryFilters;\r\n filterTextChanged = new Subject\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 - \r\n
- \r\n {{ item }}\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 truncate(text: string, length?: number) {\r\n if (length && text.length > length) {\r\n return text.slice(0, length) + '...';\r\n } else {\r\n return text;\r\n }\r\n }\r\n\r\n truncateHTML(text: string, length?: number): string | undefined {\r\n if (!text) {\r\n return;\r\n }\r\n if (!length) {\r\n return text;\r\n }\r\n let truncated = text.substring(0, length);\r\n // Remove line breaks and surrounding whitespace\r\n truncated = truncated.replace(/(\\r\\n|\\n|\\r)/gm, '').trim();\r\n // If the text ends with an incomplete start tag, trim it off\r\n truncated = truncated.replace(/<(\\w*)(?:(?:\\s\\w+(?:={0,1}([\"']{0,1})\\w*\\2{0,1})))*$/g, '');\r\n // If the text ends with a truncated end tag, fix it.\r\n const truncatedEndTagExpr = /<\\/((?:\\w*))$/g;\r\n const truncatedEndTagMatch = truncatedEndTagExpr.exec(truncated);\r\n if (truncatedEndTagMatch != null) {\r\n const truncatedEndTag = truncatedEndTagMatch[1];\r\n // Check to see if there's an identifiable tag in the end tag\r\n if (truncatedEndTag.length > 0) {\r\n // If so, find the start tag, and close it\r\n const startTagExpr = new RegExp('<(' + truncatedEndTag + '\\\\w?)(?:(?:\\\\s\\\\w+(?:=([\"\\'])\\\\w*\\\\2)))*>');\r\n let testString = truncated;\r\n let startTagMatch = startTagExpr.exec(testString);\r\n\r\n let startTag = null;\r\n while (startTagMatch !== null) {\r\n startTag = startTagMatch[1];\r\n testString = testString.replace(startTagExpr, '');\r\n startTagMatch = startTagExpr.exec(testString);\r\n }\r\n if (startTag !== null) {\r\n truncated = truncated.replace(truncatedEndTagExpr, '');\r\n }\r\n } else {\r\n // Otherwise, cull off the broken end tag\r\n truncated = truncated.replace(truncatedEndTagExpr, '');\r\n }\r\n }\r\n // Now the tricky part. Reverse the text, and look for opening tags. For each opening tag,\r\n // check to see that he closing tag before it is for that tag. If not, append a closing tag.\r\n let testString = this.reverseHtml(truncated);\r\n const reverseTagOpenExpr = /<(?:([\"'])\\w*\\1=\\w+ )*(\\w*)>/;\r\n let tagMatch = reverseTagOpenExpr.exec(testString);\r\n if (tagMatch) {\r\n while (tagMatch !== null) {\r\n const tag = tagMatch[0],\r\n tagName = tagMatch[2],\r\n startPos = tagMatch.index,\r\n endPos = startPos + tag.length,\r\n fragment = testString.substring(0, endPos);\r\n // Test to see if an end tag is found in the fragment. If not, append one to the end\r\n // of the truncated HTML, thus closing the last unclosed tag\r\n if (!new RegExp('<' + tagName + '/>').test(fragment)) {\r\n truncated += '...';\r\n break;\r\n }\r\n // Get rid of the already tested fragment\r\n testString = testString.replace(fragment, '');\r\n // Get another tag to test\r\n tagMatch = reverseTagOpenExpr.exec(testString);\r\n }\r\n } else {\r\n return this.truncate(text, length);\r\n }\r\n\r\n return truncated;\r\n }\r\n\r\n private reverseHtml(str: string): string {\r\n const ph = String.fromCharCode(206);\r\n let result = str.split('').reverse().join('');\r\n while (result.indexOf('<') > -1) {\r\n result = result.replace('<', ph);\r\n }\r\n while (result.indexOf('>') > -1) {\r\n result = result.replace('>', '<');\r\n }\r\n while (result.indexOf(ph) > -1) {\r\n result = result.replace(ph, '>');\r\n }\r\n return result;\r\n }\r\n}\r\n","export enum TextToSpeechLanguageEnum {\r\n da = 'da',\r\n en = 'en',\r\n de = 'de',\r\n fr = 'fr',\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { ApiService, GoogleTagManagerService } from '@lru/felib';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { AudioPlayerTypeEnum } from '@portal-app/enums/audio-player-type.enum';\r\nimport { GTMEvent } from '@portal-app/enums/gtm-event.enum';\r\nimport { TextToSpeechLanguageEnum } from '@portal-app/enums/text-to-speech-language.enum';\r\nimport { ILanguage } from '@portal-app/interfaces/project/input.interface';\r\nimport {\r\n IAudioHlsPlayer,\r\n IAudioPlayerMark,\r\n IAudioSelectionPlayer,\r\n ILayoutAudio,\r\n IPlayer,\r\n IPollyObject,\r\n ISelection,\r\n} from '@portal-app/interfaces/project/layout-audio.interface';\r\nimport Plyr, { PlyrEvent } from 'plyr';\r\nimport { BehaviorSubject, firstValueFrom } from 'rxjs';\r\nimport { filter, take } from 'rxjs/operators';\r\nimport { SelectionService } from './selection.service';\r\n\r\n@Injectable({\r\n providedIn: 'root',\r\n})\r\nexport class LayoutAudioService {\r\n private data = new BehaviorSubject
${this.translateService.instant('Page.503.SectionText')}
`),\r\n };\r\n\r\n this.page.next({\r\n hero: {\r\n textAlign: 'center',\r\n sectionAlign: 'center',\r\n headline: 'Der skete desværre en fejl :(',\r\n // description: 'Sitet kunne ikke loades',\r\n width: 'medium',\r\n backgroundImageUrl: this.nextImagePipe.transform(coverImage, 1920),\r\n // IsNextCoverImage: true,\r\n },\r\n sectionsV2: [\r\n {\r\n columns: [\r\n {\r\n gridEditors: [htmlGridEditor],\r\n width: 100, //'fullWidth', TODO\r\n },\r\n ],\r\n alignment: 'center',\r\n width: 'small',\r\n },\r\n ],\r\n });\r\n await this.router.navigate([PageTypeEnum.Error503], {\r\n skipLocationChange: true,\r\n });\r\n return;\r\n }\r\n if (tempStatusCode === '400') {\r\n // Thomas Olsen wants to handle 400 as 404\r\n tempStatusCode = '404';\r\n }\r\n\r\n let errorPageId = this.appInitService.getErrorPage(tempStatusCode);\r\n if (!errorPageId) {\r\n errorPageId = this.appInitService.getErrorPage('404');\r\n }\r\n if (tempStatusCode && errorPageId) {\r\n this.setPageSettings({\r\n pageId: errorPageId.toString(),\r\n pageUrl: pageUrl,\r\n fromError: true,\r\n });\r\n }\r\n }\r\n\r\n ngOnDestroy() {\r\n this.pageLoadSubscription?.unsubscribe();\r\n }\r\n}\r\n","import { DOCUMENT } from '@angular/common';\r\nimport { Inject, Injectable } from '@angular/core';\r\nimport { IScript } from '../../interfaces/project/script.interface';\r\n\r\n@Injectable()\r\nexport class ScriptService {\r\n private scripts: string[] = [];\r\n constructor(@Inject(DOCUMENT) private $document: Document) {}\r\n\r\n load(scripts: string[]) {\r\n const promises: Promise- \r\n