\n
\n","export enum CompletionType {\n None = 0,\n Completed = 1,\n Cancelled = 2,\n}\n","export enum DoorDirection {\n left = 0,\n right = 1,\n}\n","export enum DoorHandleType {\n euro2015 = 'Euro2015',\n euro2000 = 'Euro2000',\n euro2016 = 'Euro2016',\n null = 'None',\n}\n","export enum DoorType {\n Turn,\n Slide,\n}\n","export enum ErrorTypes {\n Generic = 'ERROR.GENERIC',\n ConfigurationNotFound = 'ERROR.CONFIGURATIONNOTFOUND',\n AxTokenNotFound = 'ERROR.AXTOKENNOTFOUND',\n IframeNotConnected = 'ERROR.IFRAMENOTCONNECTED',\n BackendNotFound = 'ERROR.BACKENDNOTFOUND',\n InvalidAxToken = 'ERROR.INVALIDAXTOKEN',\n}\n","export enum FinishTypes {\n STEEL = 'STEEL',\n STEEL_PET55 = 'STEELPET55',\n RVS304_ROUND_BRUSH = 'RVS304ROUNDBRUSH',\n RVS304_LINEN = 'RVS304LINEN',\n RVS304_COLLED_ROLLED = 'RVS304COLLEDROLLED',\n RVS304_LINE_BRUSH = 'RVS304LINEBRUSH',\n RVS304_DESIGN_5WL = 'RVS304DESIGN5WL',\n RVS316_ROUND_BRUSH = 'RVS316ROUNDBRUSH',\n}\n","export enum FloorTypes {\n NONE = 'NONE',\n ANTISLIP = 'ANTISLIP',\n DURAFLOOR = 'DURAFLOOR',\n REINFORCEDANTISLIP = 'REINFORCEDANTISLIP',\n ALUMINUM25 = 'ALUMINUM25',\n ALUMINUM35 = 'ALUMINUM35',\n STEELSMOOTH3 = 'STEELSMOOTH3',\n STEELANTISLIP5 = 'STEELANTISLIP5',\n RVSANTISLIPR13 = 'RVSANTISLIPR13',\n}\n","export enum HingeType {\n normal = 'Normal',\n normalNotRising = 'NormalNotRising',\n chrome = 'Chrome',\n}\n","export enum InnerWallType {\n threeway,\n lProfile,\n}\n","export enum Purpose {\n Cooling,\n Freezing,\n Both,\n}\n","export enum SiliconeColours {\n White,\n Transparent,\n Bronze,\n}\n","export enum WallSide {\n north = 0,\n east = 1,\n south = 2,\n west = 3,\n inner = 4,\n ceiling = 5,\n floor = 6,\n}\n","import { Component, OnInit } from '@angular/core';\nimport { LanguageService } from '../services/language.service';\n\n@Component({\n selector: 'app-language-selector',\n templateUrl: './language-selector.component.html',\n styleUrls: ['./language-selector.component.scss'],\n})\nexport class LanguageSelectorComponent implements OnInit {\n constructor(private languageService: LanguageService) {}\n\n get currentLanguage(): string {\n return this.languageService.currentLanguage;\n }\n\n ngOnInit() {}\n\n setLanguage(language: string) {\n this.languageService.setLanguage(language);\n }\n}\n","{{ 'CONFLICTS' | translate }} ({{ totalInstanceCount }})
\n \n ![](\"assets/svg/icon-error.svg\")
\n
\n \n \n
\n \n {{ 'INVALID_PANEL.TITLE' | translate | replace: '[SIZE]' : invalidPanel.size }}\n 1\">({{ invalidPanel.count }})\n
\n {{ 'INVALID_PANEL.DETAIL' | translate | replace: '[SIZE]' : invalidPanel.size }}
\n \n \n
\n \n\n \n
\n {{ getTitleForCollision(collision) }}
\n {{ getATextForCollision(collision) }}
\n {{ getBTextForCollision(collision) }}
\n \n \n
\n","import { TranslateLoader } from '@ngx-translate/core';\nimport { from, Observable } from 'rxjs';\n\nexport class LazyTranslateLoader implements TranslateLoader {\n getTranslation(lang: string): Observable\n
\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-loading-indicator',\n templateUrl: './loading-indicator.component.html',\n styleUrls: ['./loading-indicator.component.scss'],\n})\nexport class LoadingIndicatorComponent implements OnInit {\n constructor() {}\n\n ngOnInit(): void {}\n}\n","\n
\n\n
\n \n \n
\n \n {{ 'LOAD_CONFIGURATION.TITLE' | translate }}\n
\n {{ 'LOAD_CONFIGURATION.DESCRIPTION' | translate }}
\n\n \n
\n \n \n {{ 'LOAD_CONFIGURATION.DOES_NOT_EXIST' | translate }}\n
\n \n {{ 'LOAD_CONFIGURATION.INVALID_GUID' | translate }}\n
\n \n
\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-loading',\n templateUrl: './loading.component.html',\n styleUrls: ['./loading.component.scss'],\n})\nexport class LoadingComponent implements OnInit {\n constructor() {}\n\n ngOnInit(): void {}\n}\n","\n \n \n \n \n \n \n \n \n
\n\n ![](\"assets/images/Variant2.svg\")
\n
\n","import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild } from '@angular/core';\nimport { ThreeDService } from '../services/three-d.service';\nimport { ConfigurationService } from '../services/configuration.service';\nimport { ErrorService } from '../services/error.service';\nimport { ErrorTypes } from '../enums/errorTypes.enum';\nimport { StartupService } from '../services/startup.service';\nimport { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';\n\n@Component({\n selector: 'app-model-view',\n templateUrl: './model-view.component.html',\n styleUrls: ['./model-view.component.scss'],\n})\nexport class ModelViewComponent implements OnInit, AfterViewInit {\n @ViewChild('iframe') iframeElement;\n init = false;\n configurationReady = false;\n timeOutCounter = 0;\n safeResourceUrl: SafeResourceUrl;\n\n get visibility() {\n return this.configurationReady ? 'visible' : 'hidden';\n }\n\n private get iframe() {\n return this.iframeElement.nativeElement as HTMLIFrameElement;\n }\n\n constructor(\n private threeDService: ThreeDService,\n private configurationService: ConfigurationService,\n private errorService: ErrorService,\n private startUpService: StartupService,\n private domSanitizer: DomSanitizer,\n public cd: ChangeDetectorRef\n ) {}\n\n ngOnInit() {\n this.startUpService.initialized$.subscribe((ready: boolean) => {\n this.configurationReady = ready;\n if (ready) {\n let url = 'assets/3d/index.html';\n if (!this.hasToken()) {\n url += '?nologo=true';\n }\n this.safeResourceUrl = this.domSanitizer.bypassSecurityTrustResourceUrl(url);\n }\n });\n\n this.setVisibilityEvents();\n }\n\n setVisibilityEvents() {\n document.addEventListener('visibilitychange', () => this.handleVisibilityChange(), false);\n }\n\n handleVisibilityChange() {\n if (!document.hidden && !this.init) {\n this.timeOutCounter = 0;\n setTimeout(() => {\n this.runRecursiveLoader();\n });\n }\n }\n\n ngAfterViewInit() {\n if (!document.hidden) {\n this.runRecursiveLoader();\n }\n }\n\n runRecursiveLoader() {\n if (document.hidden) {\n return;\n }\n setTimeout(() => {\n if (this.iframe.contentWindow) {\n this.setIframeResetModel();\n }\n if (this.errorService.errorThrown) {\n return;\n }\n if (this.timeOutCounter > 500) {\n this.errorService.throwError(ErrorTypes.IframeNotConnected);\n return;\n }\n\n if (!this.init) {\n if (document.readyState === 'complete') {\n this.timeOutCounter++;\n }\n this.runRecursiveLoader();\n }\n }, 20);\n }\n\n setIframeResetModel() {\n if (this.init) {\n return;\n }\n this.init = this.threeDService.setIframe(this.iframe.contentWindow);\n setTimeout(() => {\n this.configurationService.updatePrice$.emit(this.configurationService.configuration);\n });\n }\n\n private hasToken(): boolean {\n const hasIt = !!this.startUpService.token;\n return hasIt;\n }\n}\n","\n\n","export class OptionPage {\n active = false;\n pageItems: any[];\n index: number;\n}\n","import { Settings } from './settings.model';\nimport { CompletionType } from '../enums/CompletionType.enum';\n\nexport class Configuration {\n configurationId: string;\n settings: Settings = new Settings();\n language: string;\n completionType: CompletionType = CompletionType.None;\n\n clone(): Configuration {\n const newConfig = new Configuration();\n newConfig.configurationId = this.configurationId;\n newConfig.settings = this.settings.clone();\n newConfig.settings.doorSettings = [];\n this.settings.doorSettings.forEach(d => {\n newConfig.settings.doorSettings.push(d.clone());\n });\n this.settings.innerWalls.forEach(iw => {\n newConfig.settings.innerWalls.push(Object.assign({}, iw));\n });\n newConfig.language = this.language;\n return newConfig;\n }\n}\n","import { DoorType } from '../enums/doorType.enum';\nimport { DoorDirection } from '../enums/doorDirection.enum';\nimport { HingeType } from '../enums/hingeType.enum';\nimport { DoorHandleType } from '../enums/doorHandleType.enum';\n\nexport class DoorModel {\n panelWidth: number;\n panelHeight: number;\n\n type: DoorType;\n direction: DoorDirection;\n openingWidth: number;\n openingHeight: number;\n hingeType: HingeType;\n handleType: DoorHandleType;\n\n constructor(\n type: DoorType,\n openingWidth: number,\n openingHeight: number,\n panelWidth: number,\n panelHeight: number,\n direction?: DoorDirection,\n doorHandleType = DoorHandleType.euro2015,\n hingeType = HingeType.normal\n ) {\n this.openingHeight = openingHeight;\n this.openingWidth = openingWidth;\n this.panelWidth = panelWidth;\n this.panelHeight = panelHeight;\n this.type = type || DoorType.Turn;\n this.direction = direction || DoorDirection.left;\n this.hingeType = hingeType;\n this.handleType = doorHandleType;\n }\n\n public getPanelHeight(): number {\n return this.panelHeight;\n }\n\n public setPanelHeight(panelHeight: number): void {\n this.panelHeight = panelHeight;\n }\n\n public getOpeningWidth(): number {\n return this.openingWidth;\n }\n\n public getOpeningHeight(): number {\n return this.openingHeight;\n }\n\n public getType(): DoorType {\n return this.type;\n }\n\n public getHingeType(): HingeType {\n return this.hingeType;\n }\n\n public getHandleType(): DoorHandleType {\n return this.handleType;\n }\n\n public getDoorDirection(): DoorDirection {\n return this.direction;\n }\n}\n","import { WallSide } from '../enums/wallSide.enum';\nimport { DoorType } from '../enums/doorType.enum';\nimport { DoorDirection } from '../enums/doorDirection.enum';\nimport { DoorModel } from './doorModel';\nimport { FinishTypes } from '../enums/finishTypes.enum';\nimport { HingeType } from '../enums/hingeType.enum';\nimport { DoorHandleType } from '../enums/doorHandleType.enum';\n\nexport class DoorPosition {\n id: number;\n doorModel: DoorModel;\n left: number;\n side: WallSide;\n frameInteriorFinish: FinishTypes;\n frameExteriorFinish: FinishTypes;\n selected: boolean;\n mesh?: any;\n image = 'assets/svg/close.svg';\n panelHeight: number;\n salesPrice: false | number;\n hingeType?: HingeType;\n doorHandleType?: DoorHandleType;\n innerWallId?: string;\n backPanelMaterial: string;\n frontPanelMaterial: string;\n leafInteriorFinish: FinishTypes = FinishTypes.STEEL;\n leafExteriorFinish: FinishTypes = FinishTypes.STEEL;\n\n constructor(\n id: number,\n left: number,\n side: WallSide,\n openingWidth: number,\n openingHeight: number,\n panelWidth: number,\n panelHeight: number,\n frameInteriorFinish: FinishTypes,\n frameExteriorFinish: FinishTypes,\n leafInteriorFinish?: FinishTypes,\n leafExteriorFinish?: FinishTypes,\n type?: DoorType,\n direction?: DoorDirection,\n hingeType?: HingeType,\n doorHandleType?: DoorHandleType,\n innerWallId?: string\n ) {\n this.id = id;\n this.doorModel = null;\n this.doorModel = new DoorModel(type, openingWidth, openingHeight, panelWidth, panelHeight, direction);\n this.left = left !== undefined ? left : 300;\n this.side = side !== undefined ? side : WallSide.south;\n this.panelHeight = panelHeight;\n this.frameExteriorFinish = frameExteriorFinish;\n this.frameInteriorFinish = frameInteriorFinish;\n this.setLeafExteriorFinish(leafExteriorFinish || FinishTypes.STEEL);\n this.setLeafInteriorFinish(leafInteriorFinish || FinishTypes.STEEL);\n this.hingeType = hingeType || HingeType.normal;\n this.doorHandleType = doorHandleType || DoorHandleType.euro2015;\n this.innerWallId = innerWallId;\n }\n\n get direction(): number {\n return this.doorModel.direction;\n }\n\n set direction(value: number) {\n this.doorModel.direction = value;\n }\n\n setLeafInteriorFinish(value: FinishTypes) {\n this.leafInteriorFinish = value;\n this.backPanelMaterial = this.materialFromFinishType(value);\n }\n\n setLeafExteriorFinish(value: FinishTypes) {\n this.leafExteriorFinish = value;\n this.frontPanelMaterial = this.materialFromFinishType(value);\n }\n\n materialFromFinishType(finishType: FinishTypes): string {\n switch (finishType) {\n case FinishTypes.STEEL:\n case FinishTypes.STEEL_PET55:\n return '#FFFFFF';\n case FinishTypes.RVS304_ROUND_BRUSH:\n case FinishTypes.RVS316_ROUND_BRUSH:\n return 'rvs-circular';\n case FinishTypes.RVS304_DESIGN_5WL:\n case FinishTypes.RVS304_LINEN:\n return 'rvs-plate';\n case FinishTypes.RVS304_COLLED_ROLLED:\n case FinishTypes.RVS304_LINE_BRUSH:\n return 'rvs';\n }\n }\n\n equals(door: DoorPosition) {\n return door ? this.left === door.left && this.side === door.side : false;\n }\n\n clone(): DoorPosition {\n const clone = new DoorPosition(\n this.id,\n this.left,\n this.side,\n this.doorModel.openingWidth,\n this.doorModel.openingHeight,\n this.doorModel.panelWidth,\n this.doorModel.panelHeight,\n this.frameInteriorFinish,\n this.frameExteriorFinish,\n this.leafInteriorFinish,\n this.leafExteriorFinish,\n this.doorModel.type,\n this.doorModel.direction,\n this.hingeType,\n this.doorHandleType,\n this.innerWallId\n );\n return clone;\n }\n}\n","import { ErrorTypes } from '../enums/errorTypes.enum';\n\nexport class ErrorMessage {\n errorType: ErrorTypes;\n message?: string;\n\n constructor(errorType: ErrorTypes, message?: string) {\n this.errorType = errorType;\n if (message) {\n this.message = message;\n }\n }\n}\n","export class Language {\n private _language: string;\n private twoLetterCountryCodeLength = 2;\n private lcidDecimal = 4;\n private lcidString = 5;\n\n get language(): string {\n return this._language;\n }\n\n constructor(language: string) {\n if (language.length === this.twoLetterCountryCodeLength || language.length === this.lcidString) {\n this._language = language.toLowerCase().substring(0, 2);\n } else if (language.length === this.lcidDecimal && !isNaN(+language)) {\n switch (+language) {\n case 1033:\n case 2057:\n this._language = 'en';\n break;\n case 1043:\n case 2067:\n this._language = 'nl';\n break;\n case 1036:\n case 2060:\n this._language = 'fr';\n break;\n case 3079:\n case 1031:\n case 5127:\n case 4103:\n case 2055:\n this._language = 'de';\n break;\n case 1030:\n this._language = 'da';\n break;\n }\n }\n }\n}\n","import { Purpose } from '../enums/purpose';\nimport { FloorTypes } from '../enums/floorTypes.enum';\nimport { DoorPosition } from './doorPosition.model';\nimport { WallFinish } from './wallFinish.model';\nimport { WallSide } from '../enums/wallSide.enum';\nimport { DoorType } from '../enums/doorType.enum';\nimport { FinishTypes } from '../enums/finishTypes.enum';\nimport { InnerWall } from './innerWall.model';\nimport { DoorDirection } from '../enums/doorDirection.enum';\nimport { HingeType } from '../enums/hingeType.enum';\nimport { DoorHandleType } from '../enums/doorHandleType.enum';\n\nexport class Settings {\n purpose: Purpose = Purpose.Cooling;\n wallThickness = 80;\n lengthInMM = 2100;\n widthInMM = 2100;\n heightInMM = 2100;\n innerWalls: InnerWall[] = [];\n floorType = FloorTypes.DURAFLOOR;\n sunkenFloor = false;\n ventilationProfiles = true;\n ceilingMoldings = false;\n _doorSettings: DoorPosition[] = [\n new DoorPosition(\n 1,\n 600,\n WallSide.south,\n 900,\n 1985,\n 1200,\n 2100,\n FinishTypes.STEEL,\n FinishTypes.STEEL,\n FinishTypes.STEEL,\n FinishTypes.STEEL,\n DoorType.Turn,\n DoorDirection.left,\n HingeType.normal,\n DoorHandleType.euro2015\n ),\n ];\n\n wallFinishes: Record\n {{ 'LOAD_CONFIGURATION.VALIDATING' | translate }}
\n \n
\n\n \n \n \n \n \n \n \n \n
\n \n
\n","import { Injectable } from '@angular/core';\nimport { HttpClient, HttpHeaders } from '@angular/common/http';\nimport { environment } from '../../environments/environment';\nimport { Observable } from 'rxjs';\nimport { DoorPrice } from '../models/doorPrice.model';\nimport { StartupService } from './startup.service';\nimport { DoorHandleType } from '../enums/doorHandleType.enum';\nimport { HingeType } from '../enums/hingeType.enum';\nimport { DoorPriceRequest } from '../interfaces/door-price-request.interface';\n\n@Injectable({\n providedIn: 'root',\n})\nexport class ApiService {\n private readonly _apiPrefix = environment.backendUrl;\n private readonly _customHeaders: HttpHeaders;\n\n constructor(\n private httpClient: HttpClient,\n private startupService: StartupService\n ) {\n this._customHeaders = new HttpHeaders({ 'Content-Type': 'application/json', 'Access-Control-Allow-Origin': '*' });\n }\n\n public getUrlPrefix() {\n return this._apiPrefix;\n }\n\n public getOptions(responseType = 'json'): any {\n return {\n observe: 'response',\n headers: this._customHeaders,\n responseType,\n };\n }\n\n public post(partialUrl: string, body: any, responseType = 'json'): Observable\n
\n{{ 'STEPCONTAINER.GROSSPRICE' | translate }}
\n \n \n {{ price | currency: 'EUR' : 'symbol' : '1.2-2' : currentLocale }}\n
\n ?
\n ...
\n \n
\n","import { Component } from '@angular/core';\nimport { StepService } from 'src/app/services/step.service';\nimport { ModularGoogleAnalyticsService } from '../../services/modular-google-analytics.service';\n\n@Component({\n selector: 'app-help',\n templateUrl: './help.component.html',\n styleUrls: ['./help.component.scss'],\n})\nexport class HelpComponent {\n active: boolean;\n steps: number[];\n\n constructor(\n private modularGoogleAnalyticsService: ModularGoogleAnalyticsService,\n private stepService: StepService\n ) {\n this.steps = Array(this.stepService.maxStep - 1)\n .fill(x => x)\n .map((x, i) => i + 1);\n }\n\n openHelp() {\n this.modularGoogleAnalyticsService.sendEvent('help', 'open');\n this.active = true;\n }\n\n closeHelp() {\n this.modularGoogleAnalyticsService.sendEvent('help', 'close');\n this.active = false;\n }\n\n eventNinja(event: Event) {\n event.stopPropagation();\n }\n}\n","\n
\n\n
\n \n \n
\n \n {{ 'ERROR.TITLE' | translate }}\n
\n {{ errorText }}
\n\n {{ extraMessage |json }}\n
\n\n
\n\n\n \n \n
\n\n
\n","import { Component, OnInit } from '@angular/core';\nimport { ConfigurationService } from 'src/app/services/configuration.service';\nimport { ModularGoogleAnalyticsService } from '../../services/modular-google-analytics.service';\n\n@Component({\n selector: 'app-internal-external-switch',\n templateUrl: './internal-external-switch.component.html',\n styleUrls: ['./internal-external-switch.component.scss'],\n})\nexport class InternalExternalSwitchComponent implements OnInit {\n wallsHidden = false;\n\n constructor(\n private configurationService: ConfigurationService,\n private googleAnalyticsService: ModularGoogleAnalyticsService\n ) {}\n\n ngOnInit() {\n this.configurationService.hideFrontWallsChanged$.subscribe(hidden => {\n this.wallsHidden = hidden;\n });\n }\n\n toggleInternal(internal: boolean) {\n this.googleAnalyticsService.sendEvent('internalExternalSwitch', internal ? 'Internal' : 'External');\n this.wallsHidden = internal;\n this.configurationService.setHideFrontWalls(internal);\n }\n}\n","\n\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-isomaster-red-loading',\n templateUrl: './isomaster-red-loading.component.html',\n styleUrls: ['./isomaster-red-loading.component.scss'],\n})\nexport class IsomasterRedLoadingComponent implements OnInit {\n constructor() {}\n\n ngOnInit(): void {}\n}\n","\n \n
\n\n {{ 'HELP.TITLE' | translate }}\n
\n \n
\n \n
\n \n
\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-isomasters-logo',\n templateUrl: './isomasters-logo.component.html',\n styleUrls: ['./isomasters-logo.component.scss'],\n})\nexport class IsomastersLogoComponent implements OnInit {\n constructor() {}\n\n ngOnInit() {}\n}\n","\n \n
\n\n \n
\n \n ![](\"/assets/svg/Variant2.svg\")
\n
\n","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\n\n@Component({\n selector: 'app-isomasters-button',\n templateUrl: './isomasters-button.component.html',\n styleUrls: ['./isomasters-button.component.scss'],\n})\nexport class IsomastersButtonComponent implements OnInit {\n @Input() selected = false;\n @Input() disabled = false;\n @Input() blockCheckMark = false;\n @Input() loading = false;\n @Output() modularClick = new EventEmitter\n\n
\n \n
\n \n \n
\n \n \n
\n \n \n \n {{ option.description | translate }}\n
\n \n \n \n ![]()
\n
\n \n
\n \n \n
\n \n
\n \n \n
\n\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-isomasters-popup',\n templateUrl: './isomasters-popup.component.html',\n styleUrls: ['./isomasters-popup.component.scss'],\n})\nexport class IsomastersPopupComponent implements OnInit {\n constructor() {}\n\n ngOnInit() {}\n}\n","\n
\n","import { AfterViewInit, Component, ElementRef, EventEmitter, Input, OnInit, ViewChild } from '@angular/core';\nimport { debounceTime } from 'rxjs/operators';\nimport { OnresizeService } from 'src/app/services/onresize.service';\n\n@Component({\n selector: 'app-isomasters-scrollbar',\n templateUrl: './isomasters-scrollbar.component.html',\n styleUrls: ['./isomasters-scrollbar.component.scss'],\n})\nexport class IsomastersScrollbarComponent implements OnInit, AfterViewInit {\n @Input() public scrolled: EventEmitter\n
\n \n\n \n
\n\n","import { Component, OnInit, ChangeDetectorRef, Input, Output, EventEmitter } from '@angular/core';\nimport { DomSanitizer, SafeStyle } from '@angular/platform-browser';\n\n@Component({\n selector: 'app-isomasters-slider',\n templateUrl: './isomasters-slider.component.html',\n styleUrls: ['./isomasters-slider.component.scss'],\n})\nexport class IsomastersSliderComponent implements OnInit {\n @Input() max: number;\n @Input() min: number;\n @Input() set value(value: number) {\n this._val = value;\n }\n get value() {\n return this._val;\n }\n @Output() valueChange = new EventEmitter\n \n
\n\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { IsomastersButtonComponent } from './isomasters-button/isomasters-button.component';\nimport { IsomastersSliderComponent } from './isomasters-slider/isomasters-slider.component';\nimport { IsomastersInputComponent } from './isomasters-input/isomasters-input.component';\nimport { IsomastersHorizontalViewboxComponent } from './isomasters-horizontal-viewbox/isomasters-horizontal-viewbox.component';\nimport { IsomastersScrollbarComponent } from './isomasters-scrollbar/isomasters-scrollbar.component';\nimport { HttpClient } from '@angular/common/http';\nimport { TranslateHttpLoader } from '@ngx-translate/http-loader';\nimport { IsomastersPopupComponent } from './isomasters-popup/isomasters-popup.component';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { InlineSVGModule } from 'ng-inline-svg-2';\nimport { IsomastersPagingComponent } from './isomasters-paging/isomasters-paging.component';\nimport { PlusMinPricePipeModule } from '../pipes/plus-min-price-pipe.module';\nimport { IsomastersTextCopyComponent } from './isomasters-text-copy/isomasters-text-copy.component';\nimport { ClipboardModule } from '@angular/cdk/clipboard';\n\nexport function HttpLoaderFactory(http: HttpClient) {\n return new TranslateHttpLoader(http);\n}\n\n@NgModule({\n declarations: [\n IsomastersButtonComponent,\n IsomastersSliderComponent,\n IsomastersInputComponent,\n IsomastersHorizontalViewboxComponent,\n IsomastersScrollbarComponent,\n IsomastersPopupComponent,\n IsomastersPagingComponent,\n IsomastersTextCopyComponent,\n ],\n imports: [CommonModule, TranslateModule.forChild(), InlineSVGModule, PlusMinPricePipeModule, ClipboardModule],\n exports: [\n IsomastersButtonComponent,\n IsomastersSliderComponent,\n IsomastersInputComponent,\n IsomastersHorizontalViewboxComponent,\n IsomastersScrollbarComponent,\n IsomastersPopupComponent,\n IsomastersTextCopyComponent,\n ],\n})\nexport class IsomastersUiModule {}\n","import { ChangeDetectorRef, Component, ElementRef, OnInit, ViewChild } from '@angular/core';\nimport { TranslateService } from '@ngx-translate/core';\nimport { NotificationService } from 'src/app/services/notification.service';\nimport { NotificationModel } from 'src/app/models/notification.model';\n\n@Component({\n selector: 'app-balloon-notification',\n templateUrl: './balloon-notification.component.html',\n styleUrls: ['./balloon-notification.component.scss'],\n})\nexport class BalloonNotificationComponent implements OnInit {\n message: string;\n parent: HTMLElement;\n useAlternatives = false;\n timer: any;\n\n @ViewChild('host') host: ElementRef;\n side: number;\n alternativesAvailable = false;\n visible = false;\n top = 0;\n left = 0;\n\n constructor(\n private translateService: TranslateService,\n private notificationService: NotificationService,\n private cd: ChangeDetectorRef\n ) {}\n\n get rightside(): boolean {\n return this.side === 1;\n }\n\n ngOnInit() {\n this.notificationService.balloonNotification$.subscribe((notification: NotificationModel) => {\n this.reset();\n if (!!notification && !!notification.text) {\n this.message = this.translateService.instant(notification.text);\n\n if (notification.parent) {\n if (this.fitsInParent(notification)) {\n return;\n }\n\n this.parent = notification.parent;\n this.side = notification.side;\n this.useAlternatives = notification.alternatives;\n }\n setTimeout(() => {\n this.visible = true;\n }, 5);\n\n setTimeout(() => {\n this.setBalloonLocation();\n }, 10);\n\n if (notification.timeout) {\n this.setTimeout(notification.timeout);\n }\n }\n });\n\n this.notificationService.hideBalloonNotification$.subscribe((id: string) => {\n if (this.parent && this.parent.id === id) {\n this.visible = false;\n this.parent = undefined;\n this.useAlternatives = false;\n }\n });\n }\n\n fitsInParent(notification: NotificationModel) {\n const measureSpan = document.createElement('span');\n notification.parent.appendChild(measureSpan);\n measureSpan.style.opacity = '0';\n measureSpan.style.left = '0';\n measureSpan.style.position = 'fixed';\n\n measureSpan.innerText = this.message;\n measureSpan.setAttribute('class', 'button-description');\n\n this.cd.detectChanges();\n const fitsInParent =\n measureSpan.clientWidth / 2 < notification.parent.clientWidth - notification.parent.offsetLeft * 2;\n notification.parent.removeChild(measureSpan);\n this.cd.detectChanges();\n\n return fitsInParent;\n }\n\n reset() {\n this.visible = false;\n this.parent = undefined;\n this.useAlternatives = false;\n this.cancelTimout();\n }\n\n setTimeout(timeout: number) {\n this.timer = setTimeout(() => {\n this.visible = false;\n this.parent = undefined;\n }, timeout);\n }\n\n cancelTimout() {\n if (this.timer) {\n clearTimeout(this.timer);\n }\n }\n\n setBalloonLocation() {\n if (this.parent) {\n let position: any;\n switch (this.side) {\n case 0:\n position = this.getBalloonLocationForTop(this.parent);\n break;\n case 1:\n position = this.getBalloonLocationForRight(this.parent);\n break;\n }\n\n if (position !== undefined) {\n (this.host.nativeElement as Element).getBoundingClientRect();\n this.top = position[0];\n this.left = position[1];\n }\n } else {\n return;\n }\n }\n\n getBalloonLocationForTop(target: HTMLElement): number[] {\n const rect = target.getBoundingClientRect();\n const hostRect = (this.host.nativeElement as Element).getBoundingClientRect();\n const middle = rect.left + rect.width / 2;\n return [rect.top - 8 - hostRect.height, middle - hostRect.width / 2];\n }\n\n getBalloonLocationForRight(target: HTMLElement): number[] {\n const rect = target.getBoundingClientRect();\n const hostRect = (this.host.nativeElement as Element).getBoundingClientRect();\n const middle = rect.top + rect.height / 2;\n\n return [middle - hostRect.height / 2, rect.left + rect.width + 8];\n }\n}\n","\n
\n","import { Component, OnInit } from '@angular/core';\nimport { TranslateService } from '@ngx-translate/core';\nimport { NotificationService } from 'src/app/services/notification.service';\nimport { NotificationModel } from 'src/app/models/notification.model';\n\n@Component({\n selector: 'app-notification',\n templateUrl: './notification.component.html',\n styleUrls: ['./notification.component.scss'],\n})\nexport class NotificationComponent implements OnInit {\n messages = new Map{{ errorMessage | translate }}
\n \n
\n .\n\n {{ alt }}mm\n of\n
\n \n
\n\n","import { NgModule } from '@angular/core';\nimport { PlusMinPricePipe } from './plus-min-price.pipe';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n declarations: [PlusMinPricePipe],\n imports: [CommonModule],\n exports: [PlusMinPricePipe],\n})\nexport class PlusMinPricePipeModule {}\n","import { Pipe, PipeTransform } from '@angular/core';\nimport { CurrencyPipe } from '@angular/common';\nimport { LanguageService } from 'src/app/services/language.service';\n\n@Pipe({\n name: 'plusMinPrice',\n})\nexport class PlusMinPricePipe implements PipeTransform {\n currenyPipe: CurrencyPipe;\n\n constructor(private languageService: LanguageService) {\n this.currenyPipe = new CurrencyPipe(this.languageService.currentLanguage);\n }\n\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n transform(value: any, ...args: any[]): any {\n const language = this.languageService.currentLanguage;\n if (value === false) {\n return '?';\n }\n const styledValue = this.currenyPipe.transform(value, 'EUR', 'symbol', '1.2-2', language);\n if (value > 0) {\n if (language === 'nl') {\n return this.insertIntoString(styledValue, 2, '+');\n }\n return '+' + styledValue;\n }\n return styledValue;\n }\n\n insertIntoString(string: string, index: number, value: string) {\n if (index > 0) {\n return string.substring(0, index) + value + string.substring(index, string.length);\n }\n return value + this;\n }\n}\n","import { Component, OnInit, Renderer2, ElementRef, ViewChild, Input, AfterViewInit } from '@angular/core';\nimport { Subject } from 'rxjs';\nimport { StepService } from 'src/app/services/step.service';\n\n@Component({\n selector: 'app-progressbar',\n templateUrl: './progressbar.component.html',\n styleUrls: ['./progressbar.component.scss'],\n})\nexport class ProgressbarComponent implements OnInit, AfterViewInit {\n progressPercentage: number;\n\n constructor(\n private renderer2: Renderer2,\n private stepService: StepService\n ) {}\n\n private unsubscribe: Subject\n
\n \n
\n \n
\n \n {{ displayText(message.key) }}\n
\n\n \n
\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-summary-dialog',\n templateUrl: './summary-dialog.component.html',\n styleUrls: ['./summary-dialog.component.scss'],\n})\nexport class SummaryDialogComponent implements OnInit {\n active: boolean;\n\n constructor() {}\n\n ngOnInit() {}\n openSummaryDialog() {\n this.active = true;\n }\n\n closeSummaryDialog() {\n this.active = false;\n }\n\n eventNinja(event: Event) {\n event.stopPropagation();\n }\n}\n","\n
\n \n
\n \n\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-watermark',\n templateUrl: './watermark.component.html',\n styleUrls: ['./watermark.component.scss'],\n})\nexport class WatermarkComponent implements OnInit {\n constructor() {}\n\n ngOnInit() {}\n}\n","isomasters
\n","import { Component, OnInit, ViewChild, ElementRef, AfterViewInit } from '@angular/core';\nimport { StepService as StepService } from '../services/step.service';\nimport { TranslateService } from '@ngx-translate/core';\n\n@Component({\n selector: 'app-step-container',\n templateUrl: './step-container.component.html',\n styleUrls: ['./step-container.component.scss'],\n})\nexport class StepContainerComponent implements OnInit, AfterViewInit {\n private _step: number;\n hasScrollbar = false;\n maxStep: number;\n\n @ViewChild('scrollable') scrollableElement: ElementRef;\n @ViewChild('scrollShadow') scrollShadowElement: ElementRef;\n\n constructor(\n private stepService: StepService,\n private translateService: TranslateService\n ) {}\n\n ngOnInit() {\n this.stepService.stepChange$.subscribe(stepNumber => (this.step = stepNumber));\n\n this.step = this.stepService.getActiveStep();\n this.maxStep = this.stepService.maxStep;\n }\n\n ngAfterViewInit() {\n setTimeout(() => {\n this.scrollHelpers();\n });\n }\n\n get step(): number {\n return this._step;\n }\n\n set step(value: number) {\n this._step = value;\n if (this.scrollableElement) {\n this.scrollableElement.nativeElement.scrollTop = 0;\n }\n }\n\n get stepTitle(): string {\n return this.translateService.instant(`${this.stepService.stepName(this.step)}.TITLE`);\n }\n\n scrollHelpers() {\n if (this.scrollableElement && this.scrollShadowElement) {\n const target = this.scrollableElement.nativeElement as HTMLDivElement;\n const scrollShadow = this.scrollShadowElement.nativeElement as HTMLDivElement;\n\n this.hasScrollbar = Math.round(target.clientHeight) !== Math.round(target.scrollHeight);\n const shadowOffset = Math.min(0, target.scrollTop - scrollShadow.scrollHeight);\n\n scrollShadow.style.transform = `translateY(${shadowOffset}px)`;\n }\n }\n}\n","\n \n \n
\n \n \n
\n \n {{ stepTitle }}\n
\n \n
\n \n \n
\n","import { Component, OnInit, ChangeDetectorRef, ViewChild, ElementRef, ViewRef } from '@angular/core';\nimport { StepService } from 'src/app/services/step.service';\nimport { ConfigurationService } from 'src/app/services/configuration.service';\nimport { TranslateService } from '@ngx-translate/core';\nimport { NotificationService } from 'src/app/services/notification.service';\nimport { ThreeDService } from 'src/app/services/three-d.service';\n\n@Component({\n selector: 'app-step-buttons',\n templateUrl: './step-buttons.component.html',\n styleUrls: ['./step-buttons.component.scss'],\n})\nexport class StepButtonsComponent implements OnInit {\n step: number;\n minStep: number;\n maxStep: number;\n @ViewChild('nextButton') nextButton: ElementRef;\n constructor(\n public stepService: StepService,\n private configurationService: ConfigurationService,\n private notificationService: NotificationService,\n private translateService: TranslateService,\n private cd: ChangeDetectorRef,\n private threeDService: ThreeDService\n ) {}\n\n ngOnInit() {\n this.stepService.stepChange$.subscribe(stepNumber => (this.step = stepNumber));\n this.configurationService.updateBlockingValues$.subscribe(() => {\n setTimeout(() => {\n if (this.cd && !(this.cd as ViewRef).destroyed) {\n this.cd.detectChanges();\n }\n });\n });\n\n this.step = this.stepService.getActiveStep();\n this.minStep = this.stepService.getMinStep();\n this.maxStep = this.stepService.getMaxStep();\n this.threeDService.finishedBuilding$.subscribe(() => {\n setTimeout(() => {\n if (this.cd && !(this.cd as ViewRef).destroyed) {\n this.cd.detectChanges();\n }\n }, 3100);\n });\n\n window.addEventListener('focus', () => {\n setTimeout(() => {\n if (this.cd && !(this.cd as ViewRef).destroyed) {\n this.cd.detectChanges();\n }\n });\n });\n\n this.threeDService.readyForInput$.subscribe(() => {\n setTimeout(() => {\n if (this.cd && !(this.cd as ViewRef).destroyed) {\n this.cd.detectChanges();\n }\n });\n });\n }\n\n get blocked(): boolean {\n return this.stepService.forwardBlocked;\n }\n\n get blockedText(): string {\n return this.translateService.instant(this.stepService.forwardBlockedMessage);\n }\n\n next() {\n this.step = this.stepService.nextStep();\n }\n\n previous() {\n this.step = this.stepService.previousStep();\n }\n\n goToStep(stepNumber: any) {\n this.step = this.stepService.moveToStep(stepNumber);\n }\n\n showNotificationIfNeeded() {\n if (!this.blocked) {\n this.notificationService.hideBalloonNotification('nextButton');\n return;\n }\n this.notificationService.showBalloonNotification(this.blockedText, this.nextButton.nativeElement);\n }\n hideNotification() {\n this.notificationService.hideBalloonNotification('nextButton');\n }\n}\n","\n {{ stepnumber }}\n
\n \n {{ steptitle }}\n
\n \n {{ stepintro }}\n
\n\n \n = maxStep || blocked }\"\n class=\"button next no-select\"\n fxFlex\n fxLayout=\"row\"\n id=\"nextButton\">\n \n \n \n
\n \n\n","import {\n Component,\n OnInit,\n ChangeDetectorRef,\n OnDestroy,\n Output,\n EventEmitter,\n Input,\n ViewRef,\n ChangeDetectionStrategy,\n ViewChild,\n ElementRef,\n AfterViewInit,\n} from '@angular/core';\nimport { DomSanitizer, SafeStyle } from '@angular/platform-browser';\nimport { Subject } from 'rxjs';\n\n@Component({\n selector: 'app-door-dimension-slider',\n templateUrl: './door-dimension-slider.component.html',\n styleUrls: ['./door-dimension-slider.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DoorDimensionSliderComponent implements OnInit, OnDestroy, AfterViewInit {\n public unsubscribe: Subject\n \n
\n","import {\n Component,\n ViewChild,\n ElementRef,\n AfterViewInit,\n Output,\n EventEmitter,\n Input,\n ChangeDetectorRef,\n OnDestroy,\n} from '@angular/core';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\n@Component({\n selector: 'app-step-five-slider',\n templateUrl: './step-five-slider.component.html',\n styleUrls: ['./step-five-slider.component.scss'],\n})\nexport class StepFiveSliderComponent implements AfterViewInit, OnDestroy {\n private unsubscribe: Subject\n
\n mm
\n\n
\n\n","import { ChangeDetectorRef, Component, EventEmitter, OnDestroy, OnInit, ViewChild } from '@angular/core';\nimport { ConfigurationService } from 'src/app/services/configuration.service';\nimport { ThreeDService } from 'src/app/services/three-d.service';\nimport { Subject, Subscription } from 'rxjs';\nimport { takeUntil } from 'rxjs/internal/operators/takeUntil';\nimport { StepFiveSliderComponent } from './step-five-slider/step-five-slider.component';\nimport { debounceTime } from 'rxjs/operators';\nimport { TranslateService } from '@ngx-translate/core';\nimport { DoorType } from 'src/app/enums/doorType.enum';\nimport { DoorDirection } from 'src/app/enums/doorDirection.enum';\nimport { DoorPosition } from 'src/app/models/doorPosition.model';\nimport { WallSide } from 'src/app/enums/wallSide.enum';\nimport { StepService } from 'src/app/services/step.service';\nimport { DoorDimensionSliderComponent } from './door-dimension-slider/door-dimension-slider.component';\nimport { PriceService } from 'src/app/services/price.service';\nimport { FinishTypes } from 'src/app/enums/finishTypes.enum';\nimport { ViewboxOptionWithPrice } from 'src/app/models/wallFinishType.model';\nimport { ViewboxOption } from 'src/app/models/viewboxOption.model';\nimport { StartupService } from 'src/app/services/startup.service';\nimport { Purpose } from 'src/app/enums/purpose';\nimport { NotificationService } from 'src/app/services/notification.service';\nimport { DoorHandleType } from 'src/app/enums/doorHandleType.enum';\nimport { HingeType } from 'src/app/enums/hingeType.enum';\nimport { InnerWall } from 'src/app/models/innerWall.model';\n\n@Component({\n selector: 'app-step-five',\n templateUrl: './step-five.component.html',\n styleUrls: ['./step-five.component.scss'],\n})\nexport class StepFiveComponent implements OnInit, OnDestroy {\n remainingSpaceToLeft: number;\n remainingSpaceToRight: number;\n hasSelectedDoor: boolean;\n widthHeightRangeTurnDoor: number[][] = [\n //internal width, internal height, panel height\n [620, 1800, 1800],\n [620, 1800, 2100],\n [620, 1985, 2100],\n [620, 2000, 2400],\n [620, 2100, 2400],\n [620, 2200, 2400],\n [700, 1800, 1800],\n [700, 1800, 2100],\n [700, 1985, 2100],\n [700, 2000, 2400],\n [700, 2100, 2400],\n [700, 2200, 2400],\n [800, 1800, 1800],\n [800, 1800, 2100],\n [800, 1985, 2100],\n [800, 2000, 2400],\n [800, 2100, 2400],\n [800, 2200, 2400],\n [900, 1800, 1800],\n [900, 1800, 2100],\n [900, 1985, 2100],\n [900, 2000, 2400],\n [900, 2100, 2400],\n [900, 2200, 2400],\n [1000, 1800, 1800],\n [1000, 1800, 2100],\n [1000, 1985, 2100],\n [1000, 2000, 2400],\n [1000, 2100, 2400],\n [1000, 2200, 2400],\n [1100, 1800, 1800],\n [1100, 1800, 2100],\n [1100, 1985, 2100],\n [1100, 2000, 2400],\n [1100, 2100, 2400],\n [1100, 2200, 2400],\n [1200, 1800, 1800],\n [1200, 1800, 2100],\n [1200, 1985, 2100],\n [1200, 2000, 2400],\n [1200, 2100, 2400],\n [1200, 2200, 2400],\n [1400, 1800, 1800],\n [1400, 1800, 2100],\n [1400, 1985, 2100],\n [1400, 2000, 2400],\n [1400, 2100, 2400],\n [1400, 2200, 2400],\n [1500, 1800, 1800],\n [1500, 1800, 2100],\n [1500, 1985, 2100],\n [1500, 2000, 2400],\n [1500, 2100, 2400],\n [1500, 2200, 2400],\n ];\n widthHeightRangeSlideDoor: number[][] = [\n [800, 1900, 2100],\n [800, 2000, 2400],\n [800, 2100, 2400],\n [800, 2200, 2400],\n [800, 2400, 2700],\n [900, 1900, 2100],\n [900, 2000, 2400],\n [900, 2100, 2400],\n [900, 2200, 2400],\n [900, 2400, 2700],\n [1000, 1900, 2100],\n [1000, 2000, 2400],\n [1000, 2100, 2400],\n [1000, 2200, 2400],\n [1000, 2400, 2700],\n [1100, 1900, 2100],\n [1100, 2000, 2400],\n [1100, 2100, 2400],\n [1100, 2200, 2400],\n [1100, 2400, 2700],\n [1200, 1900, 2100],\n [1200, 2000, 2400],\n [1200, 2100, 2400],\n [1200, 2200, 2400],\n [1200, 2400, 2700],\n [1400, 1900, 2100],\n [1400, 2000, 2400],\n [1400, 2100, 2400],\n [1400, 2200, 2400],\n [1400, 2400, 2700],\n [1500, 1900, 2100],\n [1500, 2000, 2400],\n [1500, 2100, 2400],\n [1500, 2200, 2400],\n [1500, 2400, 2700],\n ];\n\n @ViewChild('slider') slider: StepFiveSliderComponent;\n collided$: EventEmitter\n L - {{ positionFromLeftLimit }} mm\n R - {{ positionFromRightLimit }} mm\n
\n \n \n \n {{ 'STEP5.INSTRUCTIONSELECT' | translate }}\n
\n\n {{ 'STEP5.INSTRUCTIONCHOOSEDOOR' | translate }}\n
\n\n \n\n \n \n \n \n \n \n \n \n \n \n \n \n
\n\n\n
\n\n \n
\n \n ![]()
\n
\n {{ selectedDoorDescription() }}
\n \n \n
\n \n {{ 'STEP5.CLEARWIDTH' | translate }}\n \n
\n\n {{ 'STEP5.POSITION' | translate }}
\n {{ 'STEP5.DIRECTION' | translate }}
\n {{ 'STEP5.SLIDEDIRECTION' | translate }}
\n \n {{ 'STEPINNERWALL.FLIPWALL' | translate }}
\n {{ 'STEP6.FINISH' | translate }} {{ 'STEP6.OUTSIDESMALL' | translate }}
\n {{ 'STEP6.FINISH' | translate }} {{ 'STEP6.INSIDESMALL' | translate }}
\n \n {{ 'DOORHANDLE.HANDLE' | translate }}\n
\n \n {{ 'DOORHINGE.HINGE' | translate }}\n
\n \n
\n \n
\n \n ![]()
\n
\n \n
\n {{ doorInstructionTitle }}
\n {{ doorInstructionText }}
\n \n \n
\n \n ![](\"assets/images/doors/turning_left.png\")
\n
\n \n \n {{ 'STEP5.TURN' | translate }}
\n \n
\n \n \n \n
\n \n \n
\n \n ![](\"assets/images/doors/sliding.png\")
\n
\n \n \n {{ 'STEP5.SLIDE' | translate }}
\n \n
\n \n \n \n
\n \n {{ 'STEP4.INTRODUCTIONTEXT' | translate }}\n
\n\n
\n{{ 'STEP4.FLOORCHOICE' | translate }}
\n \n\n \n \n
\n","import { ChangeDetectorRef, Component, EventEmitter, OnDestroy, OnInit, ViewChild } from '@angular/core';\nimport { TranslateService } from '@ngx-translate/core';\nimport { Subscription } from 'rxjs';\nimport { InnerWallType } from 'src/app/enums/innerWallType.enum';\nimport { WallSide } from 'src/app/enums/wallSide.enum';\nimport { IWall } from 'src/app/interfaces/wall.interface';\nimport { ConfigurationService } from 'src/app/services/configuration.service';\nimport { NotificationService } from 'src/app/services/notification.service';\nimport { StepService } from 'src/app/services/step.service';\nimport { ThreeDService } from 'src/app/services/three-d.service';\nimport { StepFiveSliderComponent } from '../step-five/step-five-slider/step-five-slider.component';\n\n@Component({\n selector: 'app-step-inner-walls',\n templateUrl: './step-inner-walls.component.html',\n styleUrls: ['./step-inner-walls.component.scss'],\n})\nexport class StepInnerWallsComponent implements OnInit, OnDestroy {\n subscription: Subscription;\n selectedWall: IWall;\n innerWallTypes = InnerWallType;\n openingQuestion = true;\n collided$: EventEmitter{{ 'STEP4.FLOORTYPE' | translate }}
\n \n \n \n \n \n
\n \n {{ 'STEPINNERWALL.OPENINGTEXT' | translate }}\n
\n{{ 'STEPINNERWALL.DOYOUWANT' | translate }}
\n {{ 'YES' | translate }}
\n {{ 'NO' | translate }}
\n \n
\n \n
\n \n ![](\"/assets/svg/icon-geendeuren.svg\")
\n
\n \n \n
\n {{ 'STEPINNERWALL.INTRODUCTIONTEXTNOSELECTIONTITLE' | translate }}
\n {{ 'STEPINNERWALL.INTRODUCTIONTEXTNOSELECTIONDESCRIPTION' | translate }}
\n \n \n
\n \n {{ 'STEPINNERWALL.INTRODUCTIONTEXTINNERWALLSELECTED' | translate }}\n
\n\n
\n \n
\n \n ![]()
\n
\n \n {{ 'INNERWALL.' + innerWallTypes[selectedWall?.innerWall?.type] | uppercase | translate }}\n
\n \n \n
\n \n {{ 'STEPINNERWALL.ONWALL' | translate }}:\n {{ 'WALL.' + selectedWall?.innerWall?.placedOnSide | translate }}\n
\n {{ 'STEPINNERWALL.POSITION' | translate }}
\n \n \n \n
\n \n \n {{ 'STEPINNERWALL.INTRODUCTIONTEXTADDINNERWALL' | translate }}\n
\n\n \n
\n \n ![]()
\n
\n \n {{ 'INNERWALL.LPROFILE' | translate }}
\n \n
\n \n \n \n
\n \n ![]()
\n
\n \n {{ 'INNERWALL.THREEWAY' | translate }}
\n \n
\n \n \n \n
\n \n {{ 'STEPINNERWALL.NO_INNER_WALL_AT_THIS_THICKNESS' | translate }}\n
\n\n {{ 'STEP1.INTRODUCTIONTEXT' | translate }}\n
\n\n\n{{ 'STEP1.PURPOSE_COOLING' | translate }}
\n{{ 'STEP1.PURPOSE_FREEZING' | translate }}
\n\n {{ 'STEP6.INTRODUCTIONTEXT' | translate }}\n
\n\n\n
\n","import { Component, OnInit, Input, EventEmitter, Output, ElementRef } from '@angular/core';\n\n@Component({\n selector: 'app-step-three-slider',\n templateUrl: './step-three-slider.component.html',\n styleUrls: ['./step-three-slider.component.scss'],\n})\nexport class StepThreeSliderComponent implements OnInit {\n @Input() max: number;\n @Input() min: number;\n @Input() value: number;\n @Output() valueChange = new EventEmitter\n \n \n \n
\n\n \n {{ 'STEP6.FINISH' | translate }} {{ 'STEP6.OUTSIDESMALL' | translate }}\n
\n \n {{ 'STEP6.FINISH' | translate }} {{ selectedWallCaption }} {{ 'STEP6.OUTSIDESMALL' | translate }}\n
\n \n \n \n \n
\n\n {{ 'STEP6.FINISH' | translate }} {{ 'STEP6.INSIDESMALL' | translate }}\n
\n \n {{ 'STEP6.FINISH' | translate }} {{ selectedWallCaption }} {{ 'STEP6.INSIDESMALL' | translate }}\n
\n \n
\n","import { Component, OnInit, ViewChild } from '@angular/core';\nimport { ConfigurationService } from 'src/app/services/configuration.service';\nimport { debounceTime } from 'rxjs/operators';\nimport { StepThreeSliderComponent } from './step-three-slider/step-three-slider.component';\nimport { ThreeDService } from 'src/app/services/three-d.service';\n\n@Component({\n selector: 'app-step-three',\n templateUrl: './step-three.component.html',\n styleUrls: ['./step-three.component.scss'],\n})\nexport class StepThreeComponent implements OnInit {\n length: number;\n width: number;\n height: number;\n\n @ViewChild('lengthSlider', { static: true }) lengthSlider: StepThreeSliderComponent;\n @ViewChild('widthSlider', { static: true }) widthSlider: StepThreeSliderComponent;\n @ViewChild('heightSlider', { static: true }) heightSlider: StepThreeSliderComponent;\n\n constructor(\n private configurationService: ConfigurationService,\n private threeDService: ThreeDService\n ) {}\n\n ngOnInit() {\n this.threeDService.setZoom(5);\n this.threeDService.resetDefaultCamera(true);\n this.configurationService.furthestStepVisited = 3;\n\n this.length = this.configurationService.length;\n this.width = this.configurationService.width;\n this.height = this.configurationService.height;\n\n this.lengthSlider.valueChange.pipe(debounceTime(500)).subscribe(length => this.updateLength(length));\n this.widthSlider.valueChange.pipe(debounceTime(500)).subscribe(width => this.updateWidth(width));\n\n this.heightSlider.valueChange.pipe(debounceTime(500)).subscribe(height => this.updateHeight(height));\n }\n\n updateLength(length: number) {\n this.configurationService.length = length;\n }\n updateWidth(width: number) {\n this.configurationService.width = width;\n }\n updateHeight(height: number) {\n this.configurationService.height = height;\n }\n\n get maxWidth(): number {\n if (this.configurationService.length > 3900) {\n return 3900;\n }\n return 12000;\n }\n\n get maxLength(): number {\n if (this.configurationService.width > 3900) {\n return 3900;\n }\n return 12000;\n }\n}\n","\n \n
\n \n \n
\n mm
\n\n {{ 'STEP3.INTRODUCTIONTEXT' | translate }}\n
\n\n\n {{ 'STEP2.INTRODUCTIONTEXT' | translate }}\n
\n\n \n \n
\n","import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'app-summary-collisions',\n templateUrl: './summary-collisions.component.html',\n styleUrls: ['./summary-collisions.component.scss'],\n})\nexport class SummaryCollisionsComponent {\n @Input() stepTitle = 'CONFLICTS';\n}\n","\n {{ thickness }}\n mm\n
\n \n
\n","import { Component, OnInit } from '@angular/core';\nimport { StepService } from '../services/step.service';\nimport { StartupService } from '../services/startup.service';\nimport { ConfigurationService } from '../services/configuration.service';\nimport { skip, take } from 'rxjs/operators';\nimport { ThreeDService } from '../services/three-d.service';\nimport { ErrorService } from '../services/error.service';\nimport { ErrorTypes } from '../enums/errorTypes.enum';\n\n@Component({\n selector: 'app-summary-container',\n templateUrl: './summary-container.component.html',\n styleUrls: ['./summary-container.component.scss'],\n})\nexport class SummaryContainerComponent implements OnInit {\n pricesVisible: boolean;\n screenshotsMade = false;\n loading = true;\n errorState = false;\n\n constructor(\n private stepService: StepService,\n private startupService: StartupService,\n private threeDService: ThreeDService,\n private errorService: ErrorService,\n private configurationService: ConfigurationService\n ) {}\n\n ngOnInit() {\n this.errorService.errorMessage$.pipe(skip(1)).subscribe(() => this.stepService.moveToStep(1));\n this.threeDService\n .createAllScreenshots()\n .then(() => {\n this.screenshotsMade = true;\n })\n .catch(() => this.errorService.throwError(ErrorTypes.Generic, 'Unable to make screenshots'));\n this.startupService.priceEnabledSetting$.subscribe((enabled: boolean) => {\n this.pricesVisible = enabled;\n if (!enabled) {\n this.loading = false;\n }\n });\n this.configurationService.configurationSaved$.pipe(take(1)).subscribe(\n () => {\n this.loading = false;\n },\n () => {\n this.loading = false;\n }\n );\n this.configurationService.saveConfiguration(this.configurationService.configuration, false);\n }\n\n gotoPreviousStep() {\n this.stepService.previousStep();\n }\n}\n","\n
\n\n
\n \n {{ stepTitle | translate }}\n
\n \n
\n \n
\n\n
\n \n
\n \n
\n {{ 'PLEASE_WAIT' | translate }}
\n \n \n \n
\n","import { Component, Input, OnInit } from '@angular/core';\nimport { ConfigurationService } from '../services/configuration.service';\nimport { PriceService } from '../services/price.service';\nimport { LanguageService } from '../services/language.service';\nimport { environment } from '../../environments/environment';\nimport { NotificationService } from '../services/notification.service';\nimport { PriceInformation } from '../models/price-information';\nimport { ThreeDService } from '../services/three-d.service';\nimport { TranslateService } from '@ngx-translate/core';\nimport { DoorPosition } from '../models/doorPosition.model';\nimport { DoorPrice } from '../models/doorPrice.model';\nimport { DoorType } from '../enums/doorType.enum';\nimport { DoorDirection } from '../enums/doorDirection.enum';\nimport { FinishTypes } from '../enums/finishTypes.enum';\nimport { CompletionService } from '../services/completion.service';\nimport { Configuration } from '../models/configuration.model';\nimport { Purpose } from '../enums/purpose';\nimport { InnerWall } from '../models/innerWall.model';\nimport { ModularGoogleAnalyticsService } from '../services/modular-google-analytics.service';\nimport { Conflicts } from '../models/conflicts.model';\n\n@Component({\n selector: 'app-summary-price-list',\n templateUrl: './summary-price-list.component.html',\n styleUrls: ['./summary-price-list.component.scss'],\n})\nexport class SummaryPriceListComponent implements OnInit {\n @Input() loading = false;\n _totalPrice: number;\n imageSrc: any;\n modularPrice: number | false;\n floorPrice: number | boolean;\n ventilationProfilesPrice: number | boolean;\n plinthsPrice: number | boolean;\n ceilingMoldingsPrice: number | boolean;\n doors: DoorPosition[];\n ready = false;\n wallFinishPrices: Record\n \n \n \n
\n","import { Component, Input, OnInit } from '@angular/core';\nimport { TranslateService } from '@ngx-translate/core';\nimport { ConfigurationService } from '../services/configuration.service';\nimport { OrderEmailService } from '../services/order-email.service';\n\n@Component({\n selector: 'app-summary-share-demo',\n templateUrl: './summary-share-demo.component.html',\n styleUrls: ['./summary-share-demo.component.scss'],\n})\nexport class SummaryShareDemoComponent implements OnInit {\n @Input() loading = false;\n constructor(\n private configurationService: ConfigurationService,\n private translateService: TranslateService,\n private orderEmailService: OrderEmailService\n ) {}\n\n ngOnInit(): void {}\n\n get configurationId() {\n return this.configurationService.configuration.configurationId;\n }\n\n share() {\n let link = 'mailto:';\n const email = this.orderEmailService.getEmailAddressForOrder();\n if (email) {\n link += email;\n }\n link += `?subject=${encodeURIComponent(\n this.translateService.instant('REQUEST_QUOTE.EMAIL.SUBJECT')\n )}&body=${encodeURIComponent(\n this.translateService.instant('REQUEST_QUOTE.EMAIL.BODY').replace('[CODE]', this.configurationId)\n )}`;\n const mail = document.createElement('a');\n mail.href = link;\n mail.click();\n mail.remove();\n }\n}\n","\n
\n \n \n
\n \n
\n {{ 'ORDERPRICELIST.TITLE' | translate }}
\n {{ 'ORDERPRICELIST.DESCRIPTION' | translate }}
\n \n {{ 'LOADING' | translate }}\n
\n\n \n \n \n
\n\n \n \n
\n \n
\n cold room
\n \n {{ modularPrice | currency: 'EUR' : 'symbol' : '1.2-2' : currentLocale }}
\n \n
\n \n ![]()
\n
\n {{ floorType | translate }}
\n \n {{ floorPrice | currency: 'EUR' : 'symbol' : '1.2-2' : currentLocale }}
\n \n
\n \n
\n \n
\n \n {{ 'FINISHTYPES1.' + wallFinishPrice.key | translate }}\n
\n {{ 'FINISHTYPES2.' + wallFinishPrice.key | translate }}\n
\n \n \n {{ 'FINISHTYPES2.' + wallFinishPrice.key | translate }}\n
{{ wallFinishPrice.value | currency: 'EUR' : 'symbol' : '1.2-2' : currentLocale }}
\n \n
\n \n ![]()
\n
\n \n {{ getDoorText(door) }}\n
\n \n {{ door.salesPrice | currency: 'EUR' : 'symbol' : '1.2-2' : currentLocale }}
\n \n
\n \n ![](\"assets/images/roosteringsprofielen.png\")
\n
\n \n \n {{ 'STEP4.PROFILES' | translate }}\n
\n \n {{ ventilationProfilesPrice | currency: 'EUR' : 'symbol' : '1.2-2' : currentLocale }}
\n \n
\n \n ![]()
\n
\n \n {{ 'STEP4.PLINTHS' | translate }}\n
\n \n {{ plinthsPrice | currency: 'EUR' : 'symbol' : '1.2-2' : currentLocale }}
\n \n
\n \n ![](\"assets/images/moldings.jpg\")
\n
\n \n {{ 'STEP4.CEILINGMOLDINGS' | translate }}
\n \n {{ ceilingMoldingsPrice | currency: 'EUR' : 'symbol' : '1.2-2' : currentLocale }}
\n \n
\n \n ![](\"assets/svg/drukvereffingsventiel.svg\")
\n
\n \n \n {{ 'SUMMARY.AIRPRESSUREEQUALIZERVALVE' | translate }} \n 1\">(x{{ airPressureEqualizerValveCount }})\n
\n \n \n {{ airPressureEqualizerValvePrice | currency: 'EUR' : 'symbol' : '1.2-2' : currentLocale }}\n
\n \n
\n \n ![](\"assets/svg/u-profiel.svg\")
\n
\n \n {{ 'SUMMARY.UPROFILES' | translate }}
\n \n {{ uProfilesPrice | currency: 'EUR' : 'symbol' : '1.2-2' : currentLocale }}
\n \n
\n \n
\n {{ 'WALL.4' | translate }} {{ getId(innerWall.id) }}
\n \n \n {{ innerWallPrice(innerWall) | currency: 'EUR' : 'symbol' : '1.2-2' : currentLocale }}\n
\n \n
\n\n \n
\n {{ 'STEPCONTAINER.GROSSPRICE' | translate }}
\n \n {{ totalPrice | currency: 'EUR' : 'symbol' : '1.2-2' : currentLocale }}
\n {{ 'SUMMARY.NOORDERCONFLICTS' | translate }}
\n \n \n \n \n
\n","import { Component, Input } from '@angular/core';\nimport { StepService } from '../services/step.service';\n\n@Component({\n selector: 'app-summary-step',\n templateUrl: './summary-step.component.html',\n styleUrls: ['./summary-step.component.scss'],\n})\nexport class SummaryStepComponent {\n @Input() stepNumber: number;\n @Input() readOnly = false;\n\n constructor(private stepService: StepService) {}\n\n get translateString(): string {\n return this.stepService.stepName(this.stepNumber) + '.SUMMARYTITLE';\n }\n\n get stepDisplayNumber(): string {\n if (this.stepNumber >= 10) {\n return this.stepNumber.toString();\n }\n return '0' + this.stepNumber;\n }\n\n gotoStep() {\n this.stepService.moveToStep(this.stepNumber);\n }\n}\n","\n
\n \n \n
\n \n
\n {{ 'REQUEST_QUOTE.TITLE' | translate }}
\n {{ 'REQUEST_QUOTE.DESCRIPTION' | translate }}
\n \n {{ 'LOADING' | translate }}\n
\n\n \n
\n\n {{ 'REQUEST_QUOTE.ID' | translate }}
\n \n
\n","import { Component, Input, OnInit } from '@angular/core';\nimport { ThreeDService } from '../services/three-d.service';\nimport { ConfigurationService } from '../services/configuration.service';\nimport { TranslateService } from '@ngx-translate/core';\nimport { Purpose } from '../enums/purpose';\nimport { NotificationService } from '../services/notification.service';\nimport { FloorTypes } from '../enums/floorTypes.enum';\nimport { PdfGenerationService, StepItem } from '../services/pdf-generation.service';\nimport { DoorType } from '../enums/doorType.enum';\nimport { DoorDirection } from '../enums/doorDirection.enum';\nimport { WallFinish } from '../models/wallFinish.model';\nimport { WallSide } from '../enums/wallSide.enum';\nimport { LanguageService } from '../services/language.service';\nimport { DecimalPipe } from '@angular/common';\nimport { environment } from 'src/environments/environment';\nimport { ModularGoogleAnalyticsService } from '../services/modular-google-analytics.service';\nimport { InnerWall } from '../models/innerWall.model';\nimport { InnerWallType } from '../enums/innerWallType.enum';\nimport { HingeType } from '../enums/hingeType.enum';\nimport { DoorHandleType } from '../enums/doorHandleType.enum';\nimport { CollisionPoint } from '../models/collisionPoint.model';\nimport { StartupService } from '../services/startup.service';\nimport { Conflicts } from '../models/conflicts.model';\nimport { DoorPosition } from '../models/doorPosition.model';\n\n@Component({\n selector: 'app-summary',\n templateUrl: './summary.component.html',\n styleUrls: ['./summary.component.scss'],\n})\nexport class SummaryComponent implements OnInit {\n @Input() readOnly = true;\n @Input() loading = false;\n imageSrc: string;\n decimalPipe: DecimalPipe;\n innerWallTypes = InnerWallType;\n hingeType = HingeType;\n doorHandleType = DoorHandleType;\n doorType = DoorType;\n wallSide = WallSide;\n conflicts: Conflicts;\n loading2d = false;\n loadingPDF: boolean;\n\n constructor(\n private threeDService: ThreeDService,\n private configurationService: ConfigurationService,\n private translateService: TranslateService,\n private notificationService: NotificationService,\n private pdfGenerationService: PdfGenerationService,\n private languageService: LanguageService,\n private modularGoogleAnalyticsService: ModularGoogleAnalyticsService,\n private startupService: StartupService\n ) {\n this.decimalPipe = new DecimalPipe(this.currentLocale);\n }\n\n get hasToken() {\n return !!this.startupService.token;\n }\n\n get currentLocale() {\n return this.languageService.currentLanguage;\n }\n\n get width(): number {\n return this.configurationService.width;\n }\n\n get length(): number {\n return this.configurationService.length;\n }\n\n get height(): number {\n return this.configurationService.height;\n }\n\n get widthExternal(): number {\n return this.configurationService.widthExternal;\n }\n\n get lengthExternal(): number {\n return this.configurationService.lengthExternal;\n }\n\n get heightExternal(): number {\n return this.configurationService.heightExternal;\n }\n\n get purpose(): string {\n const purpose = this.configurationService.purpose;\n switch (purpose) {\n case Purpose.Both:\n return this.translateService.instant('STEP1.PURPOSE_COOLINGFREEZING');\n case Purpose.Cooling:\n return this.translateService.instant('STEP1.PURPOSE_COOLING');\n case Purpose.Freezing:\n return this.translateService.instant('STEP1.PURPOSE_FREEZING');\n default:\n return '?';\n }\n }\n\n get wallThickness(): string {\n return this.configurationService.wallThickness + ' mm';\n }\n\n get floorInCoolingCell() {\n return this.configurationService.floorType !== FloorTypes.NONE;\n }\n\n get floorInCell(): string {\n return this.translatedYesNo(this.floorInCoolingCell);\n }\n\n get floorReinforcement(): string {\n const floorType = this.configurationService.floorType;\n if (!this.configurationService.allowedFloorTypesRecord) {\n return '?';\n }\n const selectedFloor = this.configurationService.allowedFloorTypesRecord[floorType];\n return this.translatedYesNo(selectedFloor ? selectedFloor.strong : false);\n }\n\n get floorType(): string {\n return this.translateService.instant('FLOORTYPES.' + this.configurationService.floorType.toString());\n }\n\n get plinthsInside(): string {\n return this.translatedYesNo(this.configurationService.plinthsInside);\n }\n\n get plinthsOutside(): string {\n return this.translatedYesNo(this.configurationService.plinthsOutside);\n }\n\n get sunkenFloor(): string {\n return this.translatedYesNo(this.configurationService.sunkenFloor);\n }\n\n get ventilationProfiles(): string {\n return this.translatedYesNo(this.configurationService.ventilationProfiles);\n }\n\n get ceilingMoldings(): string {\n return this.translatedYesNo(this.configurationService.ceilingMoldings);\n }\n\n get configurationIdExists(): boolean {\n return !!this.configurationService.configuration.configurationId;\n }\n\n get innerWalls(): InnerWall[] {\n return this.configurationService.configuration.settings.innerWalls;\n }\n\n ngOnInit() {\n if (!this.readOnly) {\n this.imageSrc = this.threeDService.getMainScreenshot();\n }\n this.conflicts = this.threeDService.getConflicts();\n }\n\n doorTypeToString(doorType: DoorType) {\n switch (doorType) {\n case DoorType.Slide:\n return this.translateService.instant('STEP5.SLIDE');\n case DoorType.Turn:\n return this.translateService.instant('STEP5.TURN');\n }\n }\n\n doors() {\n const doorsettings = this.configurationService.configuration.settings.doorSettings.sort((a, b) => {\n if (a.side > b.side) {\n return 1;\n }\n if (a.side < b.side) {\n return -1;\n }\n if (a.left < b.left) {\n return -1;\n }\n if (a.left > b.left) {\n return 1;\n }\n return 0;\n });\n return doorsettings;\n }\n\n wallFinishes() {\n const wallAndCeilingFinishes = [\n this.configurationService.configuration.settings.wallFinishes[0],\n this.configurationService.configuration.settings.wallFinishes[1],\n this.configurationService.configuration.settings.wallFinishes[2],\n this.configurationService.configuration.settings.wallFinishes[3],\n this.configurationService.configuration.settings.wallFinishes[5],\n ];\n\n return wallAndCeilingFinishes;\n }\n\n directionToString(direction: DoorDirection) {\n if (direction === DoorDirection.left) {\n return 'LEFT';\n }\n return 'RIGHT';\n }\n\n translatedYesNo(value: boolean): string {\n if (value) {\n return this.translateService.instant('YES');\n }\n return this.translateService.instant('NO');\n }\n\n numberToString(value: number): string {\n return this.decimalPipe.transform(value, '1.0-0', this.currentLocale);\n }\n\n shareLink() {\n this.modularGoogleAnalyticsService.sendEvent('summary', 'shareLink');\n const link = environment.frontendUrl + '/?share=' + this.configurationService.configuration.configurationId;\n const selBox = document.createElement('textarea');\n selBox.style.position = 'fixed';\n selBox.style.left = '0';\n selBox.style.top = '0';\n selBox.style.opacity = '0';\n selBox.value = link;\n document.body.appendChild(selBox);\n selBox.focus();\n selBox.select();\n document.execCommand('copy');\n document.body.removeChild(selBox);\n this.notificationService.showNotification('NOTIFICATIONS.LINKCOPIED', NotificationService.DEFAULT_TIMEOUT);\n }\n\n async createPDF() {\n this.loadingPDF = true;\n this.modularGoogleAnalyticsService.sendEvent('summary', 'pdf');\n const doc = await this.pdfGenerationService.createPDF();\n const image = this.threeDService.getMainScreenshot(true);\n const imageInside = this.threeDService.getMainScreenshot(true, true);\n const doorImages = this.threeDService.getScreenshotsForSidesWithDoors();\n this.pdfGenerationService.generateHeader(doc, image, !this.startupService.token);\n let height = 15;\n const marginBetweenSteps = 2;\n\n if (!!this.conflicts && (this.conflicts.collisions.length > 0 || this.conflicts.invalidPanels.length > 0)) {\n height = this.pdfGenerationService.generateStep(\n doc,\n null,\n this.getCollisionsForPdf(),\n height + marginBetweenSteps,\n 'CONFLICTS',\n true\n );\n }\n\n height = this.pdfGenerationService.generateStep(\n doc,\n null,\n [\n { title: 'STEP1.PURPOSE', value: this.purpose },\n { title: 'STEP2.WALLTHICKNESS', value: this.wallThickness },\n {\n title: 'STEP3.SIZEINTERNAL',\n value:\n this.numberToString(this.length) +\n ' mm x ' +\n this.numberToString(this.width) +\n ' mm x ' +\n this.numberToString(this.height) +\n ' mm',\n },\n {\n title: 'STEP3.SIZEEXTERNAL',\n value:\n this.numberToString(this.lengthExternal) +\n ' mm x ' +\n this.numberToString(this.widthExternal) +\n ' mm x ' +\n this.numberToString(this.heightExternal) +\n ' mm',\n },\n ],\n height + marginBetweenSteps,\n 'SUMMARY.CELLPROPERTIES'\n );\n\n if (this.floorInCoolingCell) {\n height = this.pdfGenerationService.generateStep(\n doc,\n null,\n [\n { title: 'SUMMARY.FLOORINCELL', value: this.floorInCell },\n { title: 'SUMMARY.FLOORTYPE', value: this.floorType },\n { title: 'STEP4.SUNKENFLOOR', value: this.sunkenFloor },\n { title: 'STEP4.PLINTHSINSIDE', value: this.plinthsInside },\n { title: 'STEP4.PROFILES', value: this.ventilationProfiles },\n ],\n height + marginBetweenSteps,\n 'STEP4.SUMMARYTITLE'\n );\n } else {\n height = this.pdfGenerationService.generateStep(\n doc,\n 4,\n [{ title: 'SUMMARY.FLOORINCELL', value: this.floorInCell }],\n height + marginBetweenSteps,\n 'STEP4.SUMMARYTITLE'\n );\n }\n const doorsInPDF = this.doors().map(door => {\n let value =\n this.doorTypeToString(door.doorModel.type) +\n ', ' +\n this.translateService.instant('STEP5.' + this.directionToString(door.direction)) +\n '\\n' +\n this.translateService.instant('SUMMARY.CLEAROPENING') +\n ': ' +\n this.numberToString(door.doorModel.openingWidth) +\n ' mm x ' +\n this.numberToString(door.doorModel.openingHeight) +\n ' mm\\n' +\n this.numberToString(door.left) +\n ' mm ' +\n this.translateService.instant('SUMMARY.FROMLEFTCORNER') +\n '\\n';\n if (door.doorModel.type === DoorType.Turn) {\n value +=\n this.translateService.instant('DOORHINGE.HINGE') +\n ': ' +\n this.translateService.instant(('DOORHINGE.' + door.hingeType).toUpperCase()) +\n ', ' +\n this.translateService.instant('DOORHANDLE.HANDLE') +\n ': ' +\n this.translateService.instant(('DOORHANDLE.' + door.doorHandleType).toUpperCase()) +\n '\\n';\n }\n value +=\n this.translateService.instant('STEP6.FINISH') +\n ' ' +\n this.translateService.instant('STEP6.OUTSIDESMALL') +\n ': ' +\n this.translateService.instant(('FINISHTYPES1.' + door.leafExteriorFinish).toUpperCase()) +\n ', ' +\n this.translateService.instant(('FINISHTYPES2.' + door.leafExteriorFinish).toUpperCase()) +\n '\\n';\n value +=\n this.translateService.instant('STEP6.FINISH') +\n ' ' +\n this.translateService.instant('STEP6.INSIDESMALL') +\n ': ' +\n this.translateService.instant(('FINISHTYPES1.' + door.leafInteriorFinish).toUpperCase()) +\n ', ' +\n this.translateService.instant(('FINISHTYPES2.' + door.leafInteriorFinish).toUpperCase());\n let title = this.translateService.instant('WALL.' + door.side);\n if (door.innerWallId != null) {\n title += ' ' + this.getId(door.innerWallId);\n }\n title += ' (' + this.numberToString(this.getWidthOfWall(door)) + ' mm)';\n return {\n title,\n value,\n } as StepItem;\n });\n height = this.pdfGenerationService.generateStep(\n doc,\n null,\n doorsInPDF,\n height + marginBetweenSteps,\n 'STEP5.SUMMARYTITLE'\n );\n\n if (this.innerWalls.length > 0) {\n const innerWallsInPdf = this.innerWalls.map((innerWall: InnerWall) => {\n const innerWallType = 'INNERWALL.' + InnerWallType[innerWall.type];\n return {\n title:\n this.translateService.instant('WALL.4') +\n ' ' +\n this.getId(innerWall.id) +\n ': ' +\n this.translateService.instant('WALL.' + innerWall.placedOnSide),\n value:\n this.translateService.instant(innerWallType.toUpperCase()) +\n '\\n' +\n this.numberToString(this.getLeft(innerWall)) +\n ' mm ' +\n this.translateService.instant('SUMMARY.FROMLEFTCORNER') +\n '\\n' +\n this.translateService.instant(innerWall.rotated ? 'STEPINNERWALL.MIRRORED' : 'STEPINNERWALL.NOTMIRRORED'),\n } as StepItem;\n });\n height = this.pdfGenerationService.generateStep(\n doc,\n null,\n innerWallsInPdf,\n height + marginBetweenSteps,\n 'STEPINNERWALL.SUMMARYTITLE'\n );\n }\n const wallFinishesForPdf: StepItem[] = [];\n\n this.wallFinishes().forEach(wallFinish => {\n wallFinishesForPdf.push({\n title: this.getFinishTitle(wallFinish, false),\n value:\n this.translateService.instant('FINISHTYPES1.' + wallFinish.exterior) +\n ', ' +\n this.translateService.instant('FINISHTYPES2.' + wallFinish.exterior),\n } as StepItem);\n\n wallFinishesForPdf.push({\n title: this.getFinishTitle(wallFinish, true),\n value:\n this.translateService.instant('FINISHTYPES1.' + wallFinish.interior) +\n ', ' +\n this.translateService.instant('FINISHTYPES2.' + wallFinish.interior),\n } as StepItem);\n });\n this.innerWalls.forEach(iw => {\n wallFinishesForPdf.push({\n title:\n this.translateService.instant('WALL.4') +\n ' ' +\n this.getId(iw.id) +\n ' ' +\n this.translateService.instant('WALL.EXTERIOR'),\n value:\n this.translateService.instant('FINISHTYPES1.' + iw.exteriorFinish) +\n ', ' +\n this.translateService.instant('FINISHTYPES2.' + iw.exteriorFinish),\n } as StepItem);\n\n wallFinishesForPdf.push({\n title:\n this.translateService.instant('WALL.4') +\n ' ' +\n this.getId(iw.id) +\n ' ' +\n this.translateService.instant('WALL.INTERIOR'),\n value:\n this.translateService.instant('FINISHTYPES1.' + iw.interiorFinish) +\n ', ' +\n this.translateService.instant('FINISHTYPES2.' + iw.interiorFinish),\n } as StepItem);\n });\n height = this.pdfGenerationService.generateStep(\n doc,\n null,\n wallFinishesForPdf,\n height + marginBetweenSteps,\n 'STEP6.SUMMARYTITLE'\n );\n\n this.pdfGenerationService.generateAdditionalImages(doc, imageInside, doorImages, height + marginBetweenSteps);\n\n this.pdfGenerationService.generateFooter(doc);\n const uri = doc.output('datauristring', {\n filename: this.translateService.instant('SUMMARY.YOURCONFIGURATION') + '.pdf',\n });\n\n const link = document.createElement('a');\n link.href = uri;\n link.download = this.translateService.instant('SUMMARY.YOURCONFIGURATION') + '.pdf';\n link.click();\n this.loadingPDF = false;\n return doc;\n }\n\n getCollisionsForPdf(): StepItem[] {\n const list = this.conflicts.invalidPanels.map(ip => {\n return {\n title: this.translateService.instant('INVALID_PANEL.TITLE').replace('[SIZE]', ip.size),\n value: null,\n };\n });\n list.push(\n ...this.conflicts.collisions.map(cp => {\n return {\n title: this.getTitleForCollision(cp),\n value: this.getATextForCollision(cp) + '\\n' + this.getBTextForCollision(cp),\n };\n })\n );\n return list;\n }\n\n getTitleForCollision(collisionPoint: CollisionPoint): string {\n return (\n this.getADescriptionForCollision(collisionPoint) +\n ' ' +\n this.translateService.instant('AND') +\n ' ' +\n this.getBDescriptionForCollision(collisionPoint)\n );\n }\n\n getADescriptionForCollision(collisionPoint: CollisionPoint): string {\n let text = '';\n if (collisionPoint.meshAIsDoor) {\n text +=\n this.translateService.instant('DOOR') +\n ' ' +\n this.translateService.instant('WALL.' + collisionPoint.doorA.side);\n if (collisionPoint.doorA.side === WallSide.inner) {\n text += ` ${this.getId(collisionPoint.doorA.innerWallId)}`;\n }\n } else {\n text += this.translateService.instant('WALL.' + collisionPoint.wallA.side);\n if (collisionPoint.wallA.side === WallSide.inner) {\n text += ` ${this.getId(collisionPoint.wallA.innerWall.id)}`;\n }\n }\n return text;\n }\n\n getBDescriptionForCollision(collisionPoint: CollisionPoint): string {\n let text = '';\n if (collisionPoint.meshBIsDoor) {\n text +=\n this.translateService.instant('DOOR') +\n ' ' +\n this.translateService.instant('WALL.' + collisionPoint.doorB.side);\n if (collisionPoint.doorB.side === WallSide.inner) {\n text += ` ${this.getId(collisionPoint.doorB.innerWallId)}`;\n }\n } else {\n text += this.translateService.instant('WALL.' + collisionPoint.wallB.side);\n if (collisionPoint.wallB.side === WallSide.inner) {\n text += ` ${this.getId(collisionPoint.wallB.innerWall.id)}\\n`;\n text += `${this.translateService.instant('WALL.' + collisionPoint.wallB.innerWall.placedOnSide)}`;\n }\n }\n return text;\n }\n\n getATextForCollision(collisionPoint: CollisionPoint): string {\n let text = '';\n if (collisionPoint.meshAIsDoor) {\n text += this.translateService.instant('DOOR');\n text += ` ${this.numberToString(collisionPoint.doorA.left)} mm ${this.translateService.instant(\n 'SUMMARY.FROMLEFTCORNER'\n )}`;\n } else {\n text += this.translateService.instant('WALL.' + collisionPoint.wallA.side);\n if (collisionPoint.wallA.side === WallSide.inner) {\n text += ` ${this.getId(collisionPoint.wallA.innerWall.id)}`;\n text += '\\n';\n text += `${this.translateService.instant(\n 'WALL.' + collisionPoint.wallA.innerWall.placedOnSide\n )} ${this.numberToString(collisionPoint.wallA.innerWall.left)} mm ${this.translateService.instant(\n 'SUMMARY.FROMLEFTCORNER'\n )}`;\n }\n }\n return text;\n }\n\n getBTextForCollision(collisionPoint: CollisionPoint): string {\n let text = '';\n if (collisionPoint.meshBIsDoor) {\n text += this.translateService.instant('DOOR');\n text += ` ${this.numberToString(collisionPoint.doorB.left)} mm ${this.translateService.instant(\n 'SUMMARY.FROMLEFTCORNER'\n )}`;\n } else {\n text += this.translateService.instant('WALL.' + collisionPoint.wallB.side);\n if (collisionPoint.wallB.side === WallSide.inner) {\n text += ` ${this.getId(collisionPoint.wallB.innerWall.id)}\\n`;\n text += `${this.translateService.instant(\n 'WALL.' + collisionPoint.wallB.innerWall.placedOnSide\n )} ${this.numberToString(collisionPoint.wallB.innerWall.left)} mm ${this.translateService.instant(\n 'SUMMARY.FROMLEFTCORNER'\n )}`;\n }\n }\n return text;\n }\n\n getFinishTitle(wallFinish: WallFinish, interior: boolean): string {\n let text = '';\n if (wallFinish.side === WallSide.ceiling) {\n text = this.translateService.instant('WALL.' + wallFinish.side) + ' ';\n } else {\n text =\n this.translateService.instant('SUMMARY.WALL') +\n ' ' +\n this.translateService.instant('WALL.' + wallFinish.side) +\n ' ';\n }\n if (interior) {\n text += this.translateService.instant('WALL.INTERIOR');\n } else {\n text += this.translateService.instant('WALL.EXTERIOR');\n }\n return text;\n }\n\n getId(id: string) {\n if (!id) {\n return '';\n }\n const names = id.split('-');\n if (names.length > 1) {\n return +names[1] + 1;\n }\n return '';\n }\n\n getLeft(iw: InnerWall) {\n return iw.left;\n }\n\n async create2dPlan() {\n if (this.loading2d) {\n return;\n }\n this.loading2d = true;\n this.configurationService.generate2dPlan(this.configurationService.configuration).subscribe(\n blob => {\n try {\n const downloadLink = document.createElement('a');\n downloadLink.href = window.URL.createObjectURL(blob.body);\n downloadLink.setAttribute('download', `${this.translateService.instant('SUMMARY.YOUR2DPLAN')}.pdf`);\n document.body.appendChild(downloadLink);\n downloadLink.click();\n setTimeout(() => downloadLink.parentNode.removeChild(downloadLink));\n } catch {\n this.notificationService.showNotification('SUMMARY.2DPLANNOTGENERATED', NotificationService.DEFAULT_TIMEOUT);\n } finally {\n this.loading2d = false;\n }\n },\n () => {\n this.notificationService.showNotification('SUMMARY.2DPLANNOTGENERATED', NotificationService.DEFAULT_TIMEOUT);\n this.loading2d = false;\n }\n );\n }\n\n getWidthOfWall(door: DoorPosition) {\n return this.threeDService.getWallBySide(door.side, door.innerWallId)?.wallLength * 1000;\n }\n}\n","\n
\n\n
\n \n {{ stepDisplayNumber }}\n {{ translateString | translate }}\n \n {{ 'SUMMARY.EDIT' | translate }}\n \n
\n \n
\n \n
\n\n\n
\n \n\n \n ![]()
\n \n \n \n \n \n \n \n \n \n
\n \n
\n \n {{ 'SUMMARY.TITLE' | translate }}
\n {{ 'SUMMARY.DESCRIPTION' | translate }}
\n \n 0 || conflicts.invalidPanels.length > 0)\">\n \n \n \n \n \n \n \n \n \n \n \n \n\n \n \n
\n\n
\n \n {{ 'INVALID_PANEL.TITLE' | translate | replace: '[SIZE]' : invalidPanel.size }}\n
\n \n
\n \n\n {{ getTitleForCollision(collision) }}
\n {{ getATextForCollision(collision) }}
\n {{ getBTextForCollision(collision) }}
\n \n
\n {{ 'STEP1.PURPOSE' | translate }}
\n \n {{ purpose }}
\n \n
\n {{ 'STEP2.WALLTHICKNESS' | translate }}
\n \n {{ wallThickness }}
\n \n
\n {{ 'STEP3.SIZEINTERNAL' | translate }}
\n \n \n {{ length | number: '1.0-0' : currentLocale }} mm x {{ width | number: '1.0-0' : currentLocale }} mm x\n {{ height | number: '1.0-0' : currentLocale }} mm\n
\n \n
\n {{ 'STEP3.SIZEEXTERNAL' | translate }}
\n \n \n {{ lengthExternal | number: '1.0-0' : currentLocale }} mm x\n {{ widthExternal | number: '1.0-0' : currentLocale }} mm x\n {{ heightExternal | number: '1.0-0' : currentLocale }}\n mm\n
\n \n
\n {{ 'SUMMARY.FLOORINCELL' | translate }}
\n \n {{ floorInCell }}
\n \n
\n {{ 'SUMMARY.FLOORTYPE' | translate }}
\n \n {{ floorType }}
\n \n
\n {{ 'STEP4.SUNKENFLOOR' | translate }}
\n \n {{ sunkenFloor }}
\n \n
\n \n {{ 'STEP4.PLINTHSINSIDE' | translate }}
\n \n {{ plinthsInside }}
\n \n
\n \n {{ 'STEP4.PROFILES' | translate }}
\n \n {{ ventilationProfiles }}
\n 0; else noInnerWalls\">\n
\n \n
\n \n
\n \n {{ 'WALL.4' | translate }} {{ getId(innerWall.id) }}: {{ 'WALL.' + innerWall.placedOnSide | translate }}\n
\n \n \n {{ 'INNERWALL.' + innerWallTypes[innerWall.type] | uppercase | translate }}\n
\n {{ getLeft(innerWall) | number: '1.0-0' : currentLocale }} mm {{ 'SUMMARY.FROMLEFTCORNER' | translate }}\n \n
\n {{ 'STEPINNERWALL.MIRRORED' | translate }}\n \n
\n \n {{ getLeft(innerWall) | number: '1.0-0' : currentLocale }} mm {{ 'SUMMARY.FROMLEFTCORNER' | translate }}\n \n
\n {{ 'STEPINNERWALL.MIRRORED' | translate }}\n \n
\n
\n \n {{ 'WALL.' + door.side | translate }}\n {{ getId(door.innerWallId) }}\n ({{ getWidthOfWall(door) | number: '1.0-0' : currentLocale }} mm)\n
\n \n \n {{ doorTypeToString(door.doorModel.type) }}, {{ 'STEP5.' + directionToString(door.direction) | translate }}\n
\n {{ 'SUMMARY.CLEAROPENING' | translate }}:\n {{ door.doorModel.openingWidth | number: '1.0-0' : currentLocale }} mm x\n {{ door.doorModel.openingHeight | number: '1.0-0' : currentLocale }}\n mm\n
\n {{ door.left | number: '1.0-0' : currentLocale }} mm {{ 'SUMMARY.FROMLEFTCORNER' | translate }}\n\n
\n {{ 'DOORHINGE.HINGE' | translate }}: {{ 'DOORHINGE.' + door.hingeType | uppercase | translate }},\n {{ 'DOORHANDLE.HANDLE' | translate }}: {{ 'DOORHANDLE.' + door.doorHandleType | uppercase | translate }}\n \n
\n {{ 'STEP6.FINISH' | translate }} {{ 'STEP6.OUTSIDESMALL' | translate }}:\n {{ 'FINISHTYPES1.' + door.leafExteriorFinish | uppercase | translate }},\n {{ 'FINISHTYPES2.' + door.leafExteriorFinish | uppercase | translate }}\n
\n {{ 'STEP6.FINISH' | translate }} {{ 'STEP6.INSIDESMALL' | translate }}:\n {{ 'FINISHTYPES1.' + door.leafInteriorFinish | uppercase | translate }},\n {{ 'FINISHTYPES2.' + door.leafInteriorFinish | uppercase | translate }}\n
\n \n {{ 'SUMMARY.CLEAROPENING' | translate }}:\n {{ door.doorModel.openingWidth | number: '1.0-0' : currentLocale }} mm x\n {{ door.doorModel.openingHeight | number: '1.0-0' : currentLocale }}\n mm\n
\n {{ door.left | number: '1.0-0' : currentLocale }} mm {{ 'SUMMARY.FROMLEFTCORNER' | translate }}\n
\n {{ 'DOORHINGE.HINGE' | translate }}: {{ 'DOORHINGE.' + door.hingeType | uppercase | translate }},\n {{ 'DOORHANDLE.HANDLE' | translate }}: {{ 'DOORHANDLE.' + door.doorHandleType | uppercase | translate }}\n
\n {{ 'STEP6.FINISH' | translate }} {{ 'STEP6.OUTSIDESMALL' | translate }}:\n {{ 'FINISHTYPES1.' + door.leafExteriorFinish | uppercase | translate }},\n {{ 'FINISHTYPES2.' + door.leafExteriorFinish | uppercase | translate }}\n
\n {{ 'STEP6.FINISH' | translate }} {{ 'STEP6.INSIDESMALL' | translate }}:\n {{ 'FINISHTYPES1.' + door.leafInteriorFinish | uppercase | translate }},\n {{ 'FINISHTYPES2.' + door.leafInteriorFinish | uppercase | translate }}\n
\n
\n \n
\n \n {{ 'WALL.' + wallFinish.side | translate }}\n {{ 'WALL.EXTERIOR' | translate }}\n
\n \n \n {{ 'FINISHTYPES1.' + wallFinish.exterior | translate }},\n {{ 'FINISHTYPES2.' + wallFinish.exterior | translate }}\n
\n \n
\n \n {{ 'WALL.' + wallFinish.side | translate }}\n {{ 'WALL.INTERIOR' | translate }}\n
\n \n \n {{ 'FINISHTYPES1.' + wallFinish.interior | translate }},\n {{ 'FINISHTYPES2.' + wallFinish.interior | translate }}\n
\n \n
\n \n
\n \n {{ 'WALL.' + wallSide.inner | translate }} {{ getId(innerWall.id) }}\n {{ 'WALL.EXTERIOR' | translate }}\n
\n \n \n {{ 'FINISHTYPES1.' + innerWall.exteriorFinish | translate }},\n {{ 'FINISHTYPES2.' + innerWall.exteriorFinish | translate }}\n
\n \n
\n \n {{ 'WALL.' + wallSide.inner | translate }} {{ getId(innerWall.id) }}\n {{ 'WALL.INTERIOR' | translate }}\n
\n \n \n {{ 'FINISHTYPES1.' + innerWall.interiorFinish | translate }},\n {{ 'FINISHTYPES2.' + innerWall.interiorFinish | translate }}\n
\n {{ 'STEPINNERWALL.NOINNERWALLS' | translate }}
\n\n {{ 'STEPINNERWALL.NOTMIRRORED' | translate }}\n