\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { FormEndpointService } from '../form-endpoint.service';\r\n\r\n@Component({\r\n selector: 'app-vf2-brochure-form',\r\n templateUrl: './vf2-brochure-form.component.html',\r\n styleUrls: ['./vf2-brochure-form.component.sass']\r\n})\r\nexport class Vf2BrochureFormComponent implements OnInit {\r\n\r\n constructor(private formEndPointService: FormEndpointService) { }\r\n\r\n ngOnInit(): void {\r\n this.formEndPointService.formEndpoint.next('https://go.rolanddg.eu/l/181922/2021-06-02/rsk3g');\r\n }\r\n}\r\n","{{'Thank-you!' | translate}}
\r\n{{'Your request has been submitted' | translate}}
\r\n\r\n
\r\n {{'Request Brochure' | translate}}
\r\n \r\n\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {{'Request Consultation' | translate}}
\r\n \r\n\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {{'Request Brochure' | translate}}
\r\n \r\n\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {{'Request Consultation' | translate}}
\r\n \r\n\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {{'Request Brochure' | translate}}
\r\n \r\n\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {{'Request Consultation' | translate}}
\r\n \r\n\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {{'Request Brochure' | translate}}
\r\n \r\n\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {{'Request Consultation' | translate}}
\r\n \r\n\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {{'Request Brochure' | translate}}
\r\n \r\n\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {{'Request Consultation' | translate}}
\r\n \r\n\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {{'Request Brochure' | translate}}
\r\n \r\n\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {{'Request Consultation' | translate}}
\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 ![\"Roland\"](\"assets/images/v2/RolandLogo.svg\")
\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {{'StickerShop' | translate}}
\r\n{{'Peak UK' | translate}}
\r\n{{'Taymory' | translate}}
\r\n{{'The Binary Box' | translate}}
\r\n\r\n
\r\n \"{{'Because we deal with such high volumes, the reliability and build quality of the Roland printers is just what we need' | translate}}\"
\r\n\"{{'the best thing about the Roland DG machine is that it offers complete flexibility' | translate}}\"
\r\n\"{{'Working with Roland gives us great flexibility' | translate}}\"
\r\n\"{{'It offers vibrancy and quality of print, great reliability and sleek design and build quality Its a workhorse that always delivers' | translate}}\"
\r\n\r\n
\r\n {{'Request Brochure' | translate}}
\r\n \r\n\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {{'Request Consultation' | translate}}
\r\n \r\n\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {{'Request Brochure' | translate}}
\r\n \r\n\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {{'Request Consultation' | translate}}
\r\n \r\n\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n {{content.textKey | translate}}
\r\n{{content.textKey | translate}}
\r\n- \r\n
- \r\n {{child.textKey | translate}}\r\n {{child.textKey | translate}}\r\n \r\n
0\" [class]=\"content.className\">\r\n
\r\n\r\n
\r\n","import { AfterViewInit, Component, Input, OnDestroy, OnInit } from '@angular/core';\r\nimport { BehaviorSubject, Subscription } from 'rxjs';\r\nimport { ExperienceManagerService } from '../experience-manager.service';\r\n\r\n@Component({\r\n selector: 'app-experience-loading',\r\n templateUrl: './experience-loading.component.html',\r\n styleUrls: ['./experience-loading.component.sass']\r\n})\r\nexport class ExperienceLoadingComponent implements AfterViewInit, OnDestroy {\r\n\r\n public cssClass: string;\r\n public headerLoadingText: string;\r\n public subHeaderLoadingText: string;\r\n public loadingBannerImage: string;\r\n public percentLoaded: number = 0;\r\n public name: string;\r\n public sub: Subscription = new Subscription();\r\n\r\n constructor(public experienceManager: ExperienceManagerService) { }\r\n\r\n ngAfterViewInit(): void {\r\n this.percentLoaded = 0;\r\n this.sub.add(this.experienceManager.onLoadProgress.subscribe(x => {\r\n this.percentLoaded = x;\r\n }));\r\n this.sub.add(this.experienceManager.experienceName.subscribe(x => {\r\n setTimeout(() => {\r\n this.name = x;\r\n this.cssClass = `${this.name}-loading`;\r\n this.loadingBannerImage = `/assets/images/v3/content-images/${this.name}-loading.svg`;\r\n this.headerLoadingText = `${this.name}`;\r\n this.subHeaderLoadingText = `${this.name}-Home-Tagline`;\r\n }, 1);\r\n }));\r\n }\r\n\r\n ngOnDestroy(): void {\r\n this.sub.unsubscribe();\r\n }\r\n\r\n hide() {\r\n if (this.percentLoaded < 100) return;\r\n this.experienceManager.hideLoading.emit();\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 ![\"{{this.headerLoadingText](\"{{this.loadingBannerImage}}\")
\r\n
\r\n {{this.subHeaderLoadingText | translate}}
\r\n \r\n\r\n\r\n
\r\n \r\n Created by Phygital\r\n
\r\n","import { EventEmitter, Injectable } from '@angular/core';\r\nimport { Experience } from './models/experience';\r\nimport { SceneService } from '../scene.service';\r\nimport { Color, LoadingManager, PerspectiveCamera, Quaternion, Vector3 } from 'three';\r\nimport { ExperienceLightType } from './models/experience-light-type';\r\nimport { BehaviorSubject, Subject } from 'rxjs';\r\nimport { ExperiencePage } from './models/experience-page';\r\nimport { environment } from '../../../../environments/environment';\r\nimport { ExperienceHotspot } from './models/experience-hotspot';\r\nimport { DimensionsService } from '../dimensions/dimensions.service';\r\n\r\n\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class ExperienceManagerService {\r\n\r\n constructor(private sceneService: SceneService,\r\n private dimensionsService: DimensionsService) {\r\n }\r\n\r\n private flattenedPages: ExperiencePage[];\r\n private loadingManager: LoadingManager = new LoadingManager();\r\n\r\n public hideLoading = new EventEmitter();\r\n public experienceName: BehaviorSubject\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 {{hotspot.hoverTextKey | translate}}\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 Move the camera with WASD
\r\n Rotate the camera with Q & E
\r\n Pan the camera with the arrow keys
\r\n Press 'u' to Toggle UI
\r\n Press left click and press 'h' to get a hotspot
\r\n Press 'j' to reset camera rotation
\r\n
\r\n \r\n Rotate the camera with Q & E
\r\n Pan the camera with the arrow keys
\r\n Press 'u' to Toggle UI
\r\n Press left click and press 'h' to get a hotspot
\r\n Press 'j' to reset camera rotation
\r\n
\r\n \r\n \r\n
\r\n","export class ExperienceAnimation {\r\n constructor(\r\n public modelName: string,\r\n public animationName: string,\r\n public loop: boolean\r\n ) {\r\n }\r\n}\r\n","export enum ExperienceContentType {\r\n Header = \"Header\",\r\n Image = \"Image\",\r\n Text = \"Text\",\r\n List = \"List\",\r\n ListItem = \"ListItem\",\r\n CollapsableList = \"CollapsableList\",\r\n Group = \"Group\",\r\n Accordion = \"Accordion\",\r\n AccordionItem = \"AccordionItem\",\r\n ListLinkItem = \"ListLinkItem\",\r\n}\r\n","import { ExperienceContentType } from './experience-content-type';\r\nimport { Type } from 'class-transformer';\r\nimport { Guid } from 'guid-typescript';\r\n\r\nexport class ExperienceContent {\r\n\r\n\r\n constructor(public contentType: ExperienceContentType) {\r\n }\r\n\r\n public textKey: string;\r\n public className: string;\r\n public imagePath: string;\r\n\r\n @Type(() => ExperienceContent)\r\n public children: ExperienceContent[] = [];\r\n\r\n public onClickGoToPage: string | undefined;\r\n\r\n public isExpanded: boolean = false;\r\n\r\n public linkKey: string;\r\n}\r\n","import {Vector2, Vector3} from 'three';\r\nimport {Type} from \"class-transformer\";\r\n\r\nexport class ExperienceHotspot {\r\n\r\n\r\n constructor(\r\n public className: string,\r\n public hoverTextKey: string,\r\n public onClickGoToPage: string,\r\n public topOffsetPercent: number = -50,\r\n public leftOffsetPercent: number = -50\r\n ) {\r\n }\r\n\r\n @Type(() => Vector3)\r\n public position!: Vector3;\r\n\r\n public visibleOnMobile: boolean = false;\r\n\r\n //Not for JSON use\r\n @Type(() => Vector2)\r\n public position2D: Vector2 = new Vector2(0, 0);\r\n\r\n //Not for JSON use\r\n public width: number = 0;\r\n\r\n //Not for JSON use\r\n public hovering: boolean = false;\r\n}\r\n","export enum ExperienceLightType {\r\n Ambient = 0,\r\n Directional = 1,\r\n Hemisphere = 2\r\n}\r\n","import { ExperienceLightType } from './experience-light-type';\r\nimport { ColorRepresentation, Vector3 } from 'three';\r\n\r\nexport class ExperienceLight {\r\n\r\n constructor(\r\n public name: string,\r\n public lightType: ExperienceLightType\r\n ) {\r\n }\r\n public position?: Vector3;\r\n public lookAt?: Vector3;\r\n public color: ColorRepresentation;\r\n public skyColor: ColorRepresentation;\r\n public groundColor: ColorRepresentation;\r\n public intensity: number;\r\n public castsShadow: boolean = true;\r\n}\r\n","import { Vector3 } from 'three';\r\nimport {ExperienceTextureSwapData} from \"./experience-texture-swap-data\";\r\n\r\nexport class ExperienceModel {\r\n constructor(\r\n public name: string,\r\n public path: string,\r\n public position: Vector3,\r\n public rotation: Vector3,\r\n public scale: Vector3,\r\n public castShadows: boolean,\r\n public receiveShadows: boolean\r\n ) {\r\n }\r\n\r\n public textureSwapData: ExperienceTextureSwapData[];\r\n}\r\n","import { ExperienceAnimation } from './experience-animation';\r\nimport { ExperiencePanelType } from './experience-panel-type';\r\nimport { Vector3 } from 'three';\r\nimport { ExperienceHotspot } from \"./experience-hotspot\";\r\nimport { Type } from \"class-transformer\";\r\nimport { ExperienceContent } from './experience-content';\r\nimport {ExperienceTextureSwap} from \"./experience-texture-swap\";\r\n\r\nexport class ExperiencePage {\r\n\r\n\r\n constructor() {\r\n }\r\n\r\n public name: string;\r\n\r\n public panelType: ExperiencePanelType;\r\n\r\n @Type(() => Vector3)\r\n public cameraPosition: Vector3;\r\n\r\n @Type(() => Vector3)\r\n public cameraRotation: Vector3;\r\n\r\n @Type(() => ExperienceAnimation)\r\n public animations: ExperienceAnimation[] = [];\r\n\r\n @Type(() => ExperiencePage)\r\n public children: ExperiencePage[] = [];\r\n\r\n @Type(() => ExperienceContent)\r\n public content: ExperienceContent[] = [];\r\n\r\n @Type(() => ExperienceContent)\r\n public fullPageContent: ExperienceContent[] = [];\r\n\r\n public useButtonNameForTagline: boolean = true;\r\n\r\n @Type(() => ExperienceHotspot)\r\n public hotspots: ExperienceHotspot[] = [];\r\n\r\n public showButtonsOnMobile: boolean = true;\r\n\r\n public hiddenModels: string[] = [];\r\n\r\n public showTopNavigationButtons: boolean = true;\r\n\r\n public showNavigationButtons: boolean = false;\r\n\r\n public showBreadcrumb: boolean = true;\r\n\r\n @Type(() => ExperienceTextureSwap)\r\n public textureSwaps: ExperienceTextureSwap[] = [];\r\n\r\n public showBottomNavigationButtonsOnMobile: boolean = false;\r\n\r\n public showLozengesOnMobile: boolean = false;\r\n\r\n public showLozengesOnDesktop: boolean = true;\r\n\r\n public showBigHeader: boolean = false;\r\n\r\n public allowUserCameraRotate: boolean = false;\r\n}\r\n","export enum ExperiencePanelType {\r\n None = 0,\r\n Center = 1,\r\n Left = 2,\r\n Right = 3\r\n}\r\n","export class ExperienceTextureSwap {\r\n constructor(public textureName: string, public meshName: string) {\r\n\r\n }\r\n}\r\n","import { ExperiencePage } from './experience-page';\r\nimport { ExperienceModel } from './experience-model';\r\nimport { ExperienceLight } from './experience-light';\r\nimport { ColorRepresentation, Vector3 } from 'three';\r\nimport { Type } from 'class-transformer';\r\n\r\n\r\nexport class Experience {\r\n\r\n constructor(\r\n ) {\r\n }\r\n\r\n public name: string;\r\n public bannerImage: string;\r\n public arUrl: string;\r\n public sceneColor: ColorRepresentation;\r\n public contactUsTextKey: string;\r\n public contactUsLinkKey: string;\r\n\r\n @Type(() => ExperienceLight)\r\n public lights: ExperienceLight[];\r\n\r\n @Type(() => ExperiencePage)\r\n public startingPage: ExperiencePage;\r\n\r\n @Type(() => ExperienceModel)\r\n public models: ExperienceModel[];\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { FileLoader, LoadingManager, Texture, TextureLoader } from 'three';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class FileLoaderService {\r\n\r\n constructor() { }\r\n\r\n public async loadFile(path: string, loadingManager: LoadingManager): Promise