\r\n \r\n\r\n","import { BrowserModule } from '@angular/platform-browser';\r\nimport { NgModule } from '@angular/core';\r\n\r\nimport { AppRoutingModule } from './app-routing.module';\r\nimport { AppComponent } from './app.component';\r\n\r\nimport { FormsModule } from '@angular/forms';\r\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\r\nimport { MaterialModule } from './material/material.module';\r\nimport { FlexLayoutModule } from '@angular/flex-layout';\r\nimport { SlideoutConsoleComponent } from './slideout-console/slideout-console.component';\r\nimport { MatTabsModule } from '@angular/material/tabs';\r\nimport { ClipboardModule } from '@angular/cdk/clipboard';\r\n\r\n@NgModule({\r\n declarations: [AppComponent, SlideoutConsoleComponent],\r\n imports: [\r\n BrowserModule,\r\n AppRoutingModule,\r\n FormsModule,\r\n BrowserAnimationsModule,\r\n MaterialModule,\r\n FlexLayoutModule,\r\n ClipboardModule,\r\n MatTabsModule\r\n ],\r\n providers: [],\r\n bootstrap: [AppComponent]\r\n})\r\nexport class AppModule { }\r\n","import { NgModule } from '@angular/core';\r\n\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatToolbarModule } from '@angular/material/toolbar';\r\nimport { MatAutocompleteModule } from '@angular/material/autocomplete';\r\nimport { MatExpansionModule } from '@angular/material/expansion';\r\nimport { MatListModule } from '@angular/material/list';\r\n\r\nconst MaterialComponents = [\r\n MatExpansionModule,\r\n MatButtonModule,\r\n MatFormFieldModule,\r\n MatInputModule,\r\n MatIconModule,\r\n MatToolbarModule,\r\n MatAutocompleteModule,\r\n MatListModule\r\n];\r\n\r\n@NgModule({\r\n imports: [MaterialComponents],\r\n exports: [MaterialComponents]\r\n})\r\nexport class MaterialModule {}\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'slideout-console',\r\n templateUrl: './slideout-console.component.html',\r\n styleUrls: ['./slideout-console.component.scss'],\r\n})\r\nexport class SlideoutConsoleComponent implements OnInit {\r\n isCollapsed = true;\r\n postMessageData: object[] = [];\r\n numberTest = 1;\r\n\r\n constructor() {}\r\n\r\n ngOnInit(): void {\r\n window.addEventListener('message', this.receiveMessage, false);\r\n }\r\n\r\n toggleSize() {\r\n this.isCollapsed = !this.isCollapsed;\r\n }\r\n\r\n clearConsole() {\r\n this.postMessageData = [];\r\n }\r\n\r\n receiveMessage = (event: MessageEvent) => {\r\n const origin: string = event.origin;\r\n const containsML3DS =\r\n (!origin.includes('ml3ds-tools') && origin.includes('ml3ds')) ||\r\n origin.includes('medialab');\r\n\r\n const fromLocalHostButNotThisOne =\r\n origin.includes('localhost') && !origin.includes('localhost:4200');\r\n\r\n if (origin && (containsML3DS || fromLocalHostButNotThisOne)) {\r\n let eventData = event.data;\r\n if (typeof eventData === 'string') {\r\n eventData = JSON.parse(eventData);\r\n }\r\n const postMsg: object = { data: eventData, origin: event.origin };\r\n this.postMessageData.unshift(postMsg);\r\n }\r\n };\r\n\r\n sendPostMessage(message) {\r\n console.log(message);\r\n let iframe = document?.getElementById('iframe') as HTMLIFrameElement;\r\n iframe.contentWindow.postMessage(message, '*');\r\n }\r\n}\r\n","
\r\n \r\n\r\n
\r\n \r\n \r\n \r\n
\r\n
Received Messages
\r\n \r\n
\r\n \r\n \r\n
\r\n
{{ event.origin }}
\r\n
{{ event.data | json }}
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n","// This file can be replaced during build by using the `fileReplacements` array.\r\n// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.\r\n// The list of file replacements can be found in `angular.json`.\r\n\r\nexport const environment = {\r\n production: false\r\n};\r\n\r\n/*\r\n * For easier debugging in development mode, you can import the following file\r\n * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.\r\n *\r\n * This import should be commented out in production mode because it will have a negative impact\r\n * on performance if an error is thrown.\r\n */\r\n// import 'zone.js/dist/zone-error'; // Included with Angular CLI.\r\n","import 'hammerjs';\r\nimport { enableProdMode } from '@angular/core';\r\nimport { platformBrowserDynamic } from '@angular/platform-browser-dynamic';\r\n\r\nimport { AppModule } from './app/app.module';\r\nimport { environment } from './environments/environment';\r\n\r\nif (environment.production) {\r\n enableProdMode();\r\n}\r\n\r\nplatformBrowserDynamic().bootstrapModule(AppModule)\r\n .catch(err => console.error(err));\r\n"],"sourceRoot":"webpack:///"}