![](\"./img/empty.png\"){kind=spacer}
\n *\n * This static operator is useful for creating a simple Observable that only\n * emits the complete notification. It can be used for composing with other\n * Observables, such as in a {@link mergeMap}.\n *\n * @example ![](\"./img/reduce.png\")
\n *\n * Like\n * [Array.prototype.reduce()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce),\n * `reduce` applies an `accumulator` function against an accumulation and each\n * value of the source Observable (from the past) to reduce it to a single\n * value, emitted on the output Observable. Note that `reduce` will only emit\n * one value, only when the source Observable completes. It is equivalent to\n * applying operator {@link scan} followed by operator {@link last}.\n *\n * Returns an Observable that applies a specified `accumulator` function to each\n * item emitted by the source Observable. If a `seed` value is specified, then\n * that value will be used as the initial value for the accumulator. If no seed\n * value is specified, the first item of the source is used as the seed.\n *\n * @example ![](\"./img/merge.png\")
\n *\n * `merge` subscribes to each given input Observable (as arguments), and simply\n * forwards (without doing any transformation) all the values from all the input\n * Observables to the output Observable. The output Observable only completes\n * once all input Observables have completed. Any error delivered by an input\n * Observable will be immediately emitted on the output Observable.\n *\n * @example ![](\"./img/do.png\")
\n *\n * Returns a mirrored Observable of the source Observable, but modified so that\n * the provided Observer is called to perform a side effect for every value,\n * error, and completion emitted by the source. Any errors that are thrown in\n * the aforementioned Observer or handlers are safely sent down the error path\n * of the output Observable.\n *\n * This operator is useful for debugging your Observables for the correct values\n * or performing other side effects.\n *\n * Note: this is different to a `subscribe` on the Observable. If the Observable\n * returned by `do` is not subscribed, the side effects specified by the\n * Observer will never happen. `do` therefore simply spies on existing\n * execution, it does not trigger an execution to happen like `subscribe` does.\n *\n * @example \\n {{'color-picker-ral-number' | translate}} \\n \\n\\n
\\n\\n\\n
\\n\\n\\n \\n \\n
\\n\\n \\n \\n {{groupItem.ral}}\\n \\n
\\n\\n \\n \\n \\n\\n \\n \\n \\n
\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/shared/ral-colorpicker/ral-colorpicker.component.html\n// module id = 0GvH\n// module chunks = 5","import { Injectable } from '@angular/core';\nimport jsPDF, { TextOptionsLight } from 'jspdf';\nimport { PathService } from './path.service';\nimport { LangDataService } from './lang-data.service';\nimport { IProduct } from './IProduct';\nimport { IHint } from './IHint';\nimport { IModel } from './IModel';\nimport { SpecialColorSelection } from '../shared/SpecialColorSelection';\nimport { IMetalColor } from './IMetalColor';\nimport { IContactData } from \"./IContactData\";\nimport { FormatterService } from './formatter.service';\n\ninterface IPageSettings {\n pageWidth: number;\n pageHeight: number;\n pageBorder: number;\n pageNumber: number;\n}\n\ninterface ITableCell {\n width?: number;\n text: string;\n}\n\ninterface ITextRenderSettings {\n x: number;\n y: number;\n fontName: string;\n fontSize: number;\n maxWidth: number;\n lineHeight: number;\n isBold?: boolean;\n isUnderline?: boolean;\n backgroundColor?: string;\n}\n\ninterface IMeasureTextResult {\n width: number;\n height: number;\n lines: string[];\n}\n\n@Injectable()\nexport class PdfGeneratorService {\n private static readonly CoverBackgroundImageUrl = require('./img/cover-background.jpg');\n private static readonly ViegaLogoImageUrl = require('./img/viega-logo.png');\n private static readonly FontsToPrecache = ['viega-thin', 'viega'];\n private static readonly TextScaleFactor = 12;\n\n private coverBackgroundImage: HTMLImageElement;\n private viegaLogoImage: HTMLImageElement;\n /** id format is: {model-key}_{award-id} */\n private modelAwardImages: { [id: string]: HTMLImageElement } = {};\n private articleImages: { [id: string]: HTMLImageElement } = {};\n private hintImages: { [articleId: string]: HTMLImageElement } = {};\n private assetLoadingCompleted: boolean;\n /** Contains all urls which either have been loaded or are already loading. */\n private cacheImageElementMap: { [url: string]: HTMLImageElement } = {};\n private tempCanvas: HTMLCanvasElement = document.createElement('canvas');\n private hasFontsCached: boolean = false;\n\n constructor(\n private pathService: PathService,\n private lang: LangDataService,\n private formatter: FormatterService,\n ) {}\n\n /**\n * @param products The set of products to render. First item in the array is expected to be the plate, second should be the prewall.\n * @param matchingProducts A set of products for the plate of the opposite appliance.\n * @param specialColor A string indicating the special color (ral or metal) choosen by the user. It's important to locate the correct product images.\n */\n public generatePdf(\n products: IProduct[],\n matchingProducts: IProduct[],\n hints: { [articleNo: string]: IHint[] },\n specialColor?: SpecialColorSelection,\n renderOutput?: HTMLCanvasElement,\n includeMaterialsPage: boolean = true,\n metalColorsMap?: { [id: number]: IMetalColor },\n contactData?: IContactData\n ) {\n this.preloadImages(products.concat(matchingProducts), hints, specialColor, () => {\n const pdf: jsPDF = new jsPDF({\n orientation: 'portrait',\n unit: 'mm',\n format: 'a4'\n });\n\n const firstPlate: IModel = products[0].model;\n const modelHeaderText = firstPlate[\"header-text\"];\n const modelHeaderTextPlain = modelHeaderText.replace(\"\", \" \");\n pdf.setProperties({\n title: modelHeaderTextPlain,\n subject: modelHeaderTextPlain,\n author: 'Viega',\n keywords: '',\n creator: 'Viega BPK2 - jsPDF' + pdf.version\n });\n\n // front page\n const pageSettings: IPageSettings = {\n pageWidth: 210,\n pageHeight: 297,\n pageBorder: 10,\n pageNumber: 2\n };\n this.renderProductSet(pdf, pageSettings, products, specialColor, renderOutput, includeMaterialsPage, metalColorsMap);\n\n if (matchingProducts.length > 0)\n this.renderProductSet(pdf, pageSettings, matchingProducts, specialColor, undefined, includeMaterialsPage, metalColorsMap);\n\n // hints page\n this.renderProductHintsPage(pdf, pageSettings, products.concat(matchingProducts), hints);\n\n // contact data page\n if (contactData !== undefined)\n this.renderContactDataPage(pdf, pageSettings, contactData);\n\n // legal page\n this.renderLegalInfoPage(pdf, pageSettings);\n\n const filename = modelHeaderTextPlain\n .replace(/[^a-z0-9äöüß]/gi, \"_\")\n .replace(/
');\n this.drawText(pdf, headerLines[0], textSettings);\n this.drawText(pdf, headerLines[1], textSettings);\n\n // awards\n let xOffset = pageBorder + 5;\n if (product.model.awards) {\n product.model.awards.forEach((awardId: string) => {\n const awardImage: HTMLImageElement | undefined = this.modelAwardImages[`${product.model.key}_${awardId}`];\n const isBrokenImage = awardImage.width === 0;\n if (!awardImage || isBrokenImage)\n return;\n\n const imageWidth = awardImage.width / 8;\n const imageHeight = awardImage.height / 8;\n pdf.context2d.drawImage(
0)\n this.drawText(pdf, childNode.nodeValue, textSettings);\n } else if (childNode.nodeName === 'B') {\n boldText += childNode.textContent;\n } else if (childNode.nodeName === 'U') {\n textSettings.isUnderline = true;\n this.drawDomNode(pdf, childNode, textSettings);\n textSettings.isUnderline = false;\n } else if (childNode.nodeName === 'SPAN' && childNode.textContent === '-') {\n textSettings.x += listItemPaddingLeft;\n textSettings.maxWidth -= listItemPaddingLeft;\n\n this.drawText(pdf, '-', textSettings);\n // don't move one line down this time\n textSettings.y -= textSettings.lineHeight;\n\n textSettings.x += listItemPaddingRight;\n textSettings.maxWidth -= listItemPaddingRight;\n const text = childNode.nextSibling.textContent;\n this.drawText(pdf, text, textSettings);\n\n textSettings.x -= listItemPadding;\n textSettings.maxWidth += listItemPadding;\n\n // skip next sibling\n i++;\n } else if (childNode.nodeName === 'BR' && i > 0) {\n const previousNode = node.childNodes.item(i - 1);\n if (previousNode.nodeName === 'BR')\n textSettings.y += textSettings.lineHeight;\n } else {\n this.drawDomNode(pdf, childNode, textSettings);\n }\n }\n\n if (boldText.length > 0) {\n textSettings.isBold = true;\n this.drawText(pdf, boldText, textSettings);\n textSettings.isBold = false;\n }\n }\n\n private drawTable(pdf: jsPDF, x: number, y: number, cells: ITableCell[][], fontSize: number = 3.5, minRowHeight: number = 8) {\n const cellPaddingX = 2;\n const cellPaddingY = 2;\n let currentY = y;\n\n // rows\n cells.forEach((row: ITableCell[], rowIndex: number) => {\n const isHeader = rowIndex === 0;\n let currentX = x;\n\n const textSettings: ITextRenderSettings = {\n x: 0,\n y: 0,\n maxWidth: 0,\n fontName: \"viega\",\n fontSize,\n lineHeight: 4,\n backgroundColor: isHeader ? \"#ccc\" : undefined\n };\n\n const rowHeight = this.measureTableRowHeight(cells[0], row, textSettings, cellPaddingX, cellPaddingY, minRowHeight);\n\n row.forEach((cell: ITableCell, colIndex: number) => {\n // take given cell width, or the width of the corresponding header cell\n const cellWidth = cell.width || cells[0][colIndex].width;\n textSettings.maxWidth = cellWidth - 3;\n\n this.drawTableCell(pdf, cell.text, currentX, currentY, cellWidth, rowHeight, cellPaddingX, cellPaddingY, isHeader, textSettings);\n currentX += cellWidth;\n });\n\n currentY += rowHeight;\n });\n }\n\n private measureTableRowHeight(headerRowCells: ITableCell[], rowCells: ITableCell[], textSettings: ITextRenderSettings, paddingX: number, paddingY: number, minRowHeight: number): number {\n const cellTextSettings = Object.assign(textSettings);\n\n let rowHeight = minRowHeight - (paddingY * 2);\n rowCells.forEach((cell: ITableCell, colIndex: number) => {\n // take given cell width, or the width of the corresponding header cell\n const cellWidth = cell.width || headerRowCells[colIndex].width;\n cellTextSettings.maxWidth = cellWidth - (paddingX * 2);\n\n const measureResult: IMeasureTextResult = this.measureText(cell.text, cellTextSettings);\n rowHeight = Math.max(rowHeight, measureResult.height);\n });\n\n return rowHeight + (paddingY * 2);\n }\n\n private drawTableCell(pdf: jsPDF, text: string, x: number, y: number, width: number, height: number, paddingX: number, paddingY: number, isHeader: boolean, textSettings: ITextRenderSettings) {\n const cellTextSettings = Object.assign(textSettings);\n cellTextSettings.x = x + paddingX;\n cellTextSettings.y = y + paddingY;\n cellTextSettings.maxWidth = width - (paddingX * 2);\n\n if (isHeader) {\n pdf.context2d.fillStyle = \"#ccc\";\n pdf.context2d.fillRect(x, y, width, height);\n }\n\n pdf.context2d.strokeRect(x, y, width, height);\n this.drawText(pdf, text, textSettings);\n }\n\n // private getTableCell\n\n private renderGenericPage(pdf: jsPDF, pageSettings: IPageSettings, pageTitle: string, pageNumber: number, includeImageDisclaimer: boolean = true) {\n const pageWidth = pageSettings.pageWidth;\n const pageHeight = pageSettings.pageHeight;\n const pageBorder = pageSettings.pageBorder;\n\n if (pageTitle) {\n // heading\n this.drawText(pdf, pageTitle, {\n fontName: \"viega-thin\",\n fontSize: 7,\n x: pageBorder,\n y: pageBorder + 5,\n maxWidth: 140,\n lineHeight: 9\n });\n }\n\n // viega logo\n pdf.context2d.drawImage(this.viegaLogoImage, pageWidth - pageBorder - 29.275, pageBorder, 29.275, 25);\n\n // image disclaimer\n const textSettings: ITextRenderSettings = {\n fontName: 'viega',\n fontSize: 2.5,\n x: pageBorder,\n y: pageHeight - pageBorder,\n maxWidth: pageWidth - (pageBorder * 2),\n lineHeight: 3.5,\n };\n if (includeImageDisclaimer) {\n const imageDisclaimerString = this.lang.getString('result-page-image-disclaimer');\n this.drawText(pdf, imageDisclaimerString, textSettings);\n }\n\n // page number\n textSettings.x = pageWidth - pageBorder - 4;\n textSettings.y = pageHeight - pageBorder;\n textSettings.maxWidth = 4;\n this.drawText(pdf, pageNumber.toString(), textSettings);\n }\n\n /**\n * @returns The total height of the drawn text.\n */\n private drawText(pdf: jsPDF, text: string, textSettings: ITextRenderSettings) {\n // this is important, because an invalid data url would be generated when the canvas is converted\n if (text === '')\n return;\n\n const scaleFactor = PdfGeneratorService.TextScaleFactor;\n let font = textSettings.fontName;\n const fontSize = textSettings.fontSize;\n const maxWidth = textSettings.maxWidth;\n const lineHeight = textSettings.lineHeight;\n const lineHeightScaled = lineHeight * scaleFactor;\n const isUnderline = textSettings.isUnderline === true;\n\n if (textSettings.isBold)\n font = \"viega-bold\";\n\n const measureResult: IMeasureTextResult = this.measureText(text, textSettings);\n\n this.tempCanvas.width = maxWidth * scaleFactor;\n this.tempCanvas.height = measureResult.lines.length * lineHeightScaled;\n\n const context = this.tempCanvas.getContext('2d');\n context.textBaseline = \"top\";\n context.font = `${fontSize * scaleFactor}px ${font}`;\n\n // use this and PNG for transparent text\n // context.clearRect(0, 0, this.tempCanvas.width, this.tempCanvas.height);\n context.fillStyle = textSettings.backgroundColor || \"#fff\";\n context.fillRect(0, 0, this.tempCanvas.width, this.tempCanvas.height);\n\n // the context looses its settings when the canvas was resized\n context.fillStyle = \"#000\";\n context.textBaseline = \"top\";\n context.font = `${fontSize * scaleFactor}px ${font}`;\n context.strokeStyle = \"#000\"; // for underline text\n context.lineWidth = 0.33 * scaleFactor;\n measureResult.lines.forEach((line: string, i: number) => {\n if (line.length > 0) {\n const destY = i * lineHeightScaled;\n context.fillText(line, 0, destY);\n\n if (isUnderline) {\n const textWidth = context.measureText(line).width;\n const lineY = destY + lineHeightScaled - scaleFactor;\n context.moveTo(0, lineY);\n context.lineTo(textWidth, lineY);\n context.stroke();\n }\n }\n });\n\n pdf.addImage(this.tempCanvas.toDataURL('image/jpeg'), \"JPEG\", textSettings.x, textSettings.y, maxWidth, measureResult.height, undefined, 'FAST');\n textSettings.y += measureResult.height;\n }\n\n private measureText(text: string, textSettings: ITextRenderSettings): IMeasureTextResult {\n const context = this.tempCanvas.getContext('2d');\n\n const scaleFactor = PdfGeneratorService.TextScaleFactor;\n const fontSize = textSettings.fontSize;\n const maxWidth = textSettings.maxWidth;\n const maxWidthScaled = maxWidth * scaleFactor;\n const lineHeight = textSettings.lineHeight;\n\n let font = textSettings.fontName;\n if (textSettings.isBold)\n font = \"viega-bold\";\n\n context.textBaseline = \"top\";\n context.font = `${fontSize * scaleFactor}px ${font}`;\n\n // aggregate the lines by word wrapping existing words\n const textWords = text.split(/\\s/g);\n let lineWidth = 0;\n let currentLine = '';\n const lines: string[] = [];\n\n let totalTextHeight = 0;\n textWords.forEach((word: string, i: number) => {\n const wordWidth = context.measureText(word + ' ').width;\n lineWidth += wordWidth;\n\n const isEndOfLine = lineWidth > maxWidthScaled;\n const isEndOfText = i === textWords.length - 1;\n if (isEndOfLine || isEndOfText) {\n if (isEndOfText && !isEndOfLine)\n currentLine += word;\n\n lines.push(currentLine);\n lineWidth = 0;\n currentLine = '';\n totalTextHeight += lineHeight;\n\n if (isEndOfLine && isEndOfText) {\n lines.push(word);\n totalTextHeight += lineHeight;\n } else {\n currentLine += word + ' ';\n lineWidth += wordWidth;\n }\n } else {\n currentLine += word + ' ';\n }\n });\n\n return {\n lines,\n width: maxWidth,\n height: totalTextHeight\n } as IMeasureTextResult;\n }\n\n /**\n * There may be fonts used by the canvas renderer which are not used on the page where the generator service is invoked and thus the fonts to render the\n * pdf may not be available yet. This function will start preloading the respective fonts to solve this issue.\n */\n public preloadFonts() {\n if (this.hasFontsCached)\n return;\n\n PdfGeneratorService.FontsToPrecache.forEach((fontName: string) => {\n const tempSpan = document.createElement('span');\n tempSpan.style.visibility = 'hidden';\n tempSpan.style.fontFamily = fontName;\n tempSpan.innerHTML = '.';\n document.documentElement.appendChild(tempSpan);\n });\n\n this.hasFontsCached = true;\n }\n\n /**\n * @param specialColor A string indicating the special color (ral or metal) choosen by the user. It's important to locate the correct product images.\n */\n public preloadImages(forProducts: IProduct[], forHints: { [articleNo: string]: IHint[] }, specialColor: SpecialColorSelection, completed?: () => void) {\n let assetLoad = 0;\n const assetLoadCounter = () => {\n assetLoad--;\n if (assetLoad === 0 && completed !== undefined)\n completed();\n };\n\n assetLoad = 2;\n this.coverBackgroundImage = this.preloadImage(PdfGeneratorService.CoverBackgroundImageUrl, assetLoadCounter);\n this.viegaLogoImage = this.preloadImage(PdfGeneratorService.ViegaLogoImageUrl, assetLoadCounter);\n\n forProducts.forEach((product: IProduct) => {\n const model = product.model;\n if (model.awards && model.awards.length > 0) {\n assetLoad += model.awards.length;\n\n model.awards.forEach((id: string) => {\n const awardImageCacheKey = `${model.key}_${id}`;\n const awardUrl = this.pathService.modelAwardImagePath(model, id);\n this.modelAwardImages[awardImageCacheKey] = this.preloadImage(awardUrl, assetLoadCounter);\n });\n }\n\n const article = product.article;\n const isSpecialColorArticle = article.attributes[\"special-type\"] !== null && article.attributes[\"special-type\"] !== undefined;\n const isGoldArticle = isSpecialColorArticle && article.attributes[\"special-type\"][0] === 2;\n let specialColorIdentifier;\n if (isSpecialColorArticle && !isGoldArticle)\n specialColorIdentifier = specialColor.stringRepresentation;\n\n if (article[\"fv-image-url\"] !== undefined) {\n assetLoad++;\n const imageUrl = this.pathService.articleImagePath(product.model, product.article, 'front', 'large', specialColorIdentifier);\n this.articleImages[`${article.key}_${specialColorIdentifier}_fv`] = this.preloadImage(imageUrl, assetLoadCounter);\n }\n if (article[\"pp-image-url\"] !== undefined) {\n assetLoad++;\n const imageUrl = this.pathService.articleImagePath(product.model, product.article, 'perspective', 'large', specialColorIdentifier);\n this.articleImages[`${article.key}_${specialColorIdentifier}_pp`] = this.preloadImage(imageUrl, assetLoadCounter);\n }\n if (model[\"sd-image-url\"] !== undefined) {\n assetLoad++;\n const imageUrl = this.pathService.modelImagePath(product.model, 'scaledrawing', 'large');\n this.articleImages[`${article.key}_sd`] = this.preloadImage(imageUrl, assetLoadCounter);\n }\n\n const hints = forHints[product.article[\"article-number\"]];\n if (hints) {\n hints.forEach((hint: IHint) => {\n if (this.hintImages[hint[\"image-id\"]] === undefined) {\n assetLoad++;\n\n const hintUrl = this.pathService.hintImagePath(hint);\n this.hintImages[hint[\"image-id\"]] = this.preloadImage(hintUrl, assetLoadCounter);\n }\n });\n }\n });\n }\n\n private preloadImage(src: string, completed: () => void): HTMLImageElement {\n const cachedElement = this.cacheImageElementMap[src];\n const isAlreadyCached = cachedElement !== undefined;\n if (isAlreadyCached) {\n if (cachedElement.complete)\n completed();\n else\n cachedElement.addEventListener('load', completed);\n\n return cachedElement;\n }\n\n const imageElement = document.createElement('img');\n imageElement.src = src;\n imageElement.style.backgroundColor = \"#fff\";\n imageElement.addEventListener('load', completed);\n imageElement.addEventListener('error', completed);\n\n return imageElement;\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/core/pdf-generator.service.ts","/** PURE_IMPORTS_START .._Subscriber PURE_IMPORTS_END */\nvar __extends = (this && this.__extends) || function (d, b) {\n for (var p in b)\n if (b.hasOwnProperty(p))\n d[p] = b[p];\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nimport { Subscriber } from '../Subscriber';\nexport function refCount() {\n return function refCountOperatorFunction(source) {\n return source.lift(new RefCountOperator(source));\n };\n}\nvar RefCountOperator = /*@__PURE__*/ (/*@__PURE__*/ function () {\n function RefCountOperator(connectable) {\n this.connectable = connectable;\n }\n RefCountOperator.prototype.call = function (subscriber, source) {\n var connectable = this.connectable;\n connectable._refCount++;\n var refCounter = new RefCountSubscriber(subscriber, connectable);\n var subscription = source.subscribe(refCounter);\n if (!refCounter.closed) {\n refCounter.connection = connectable.connect();\n }\n return subscription;\n };\n return RefCountOperator;\n}());\nvar RefCountSubscriber = /*@__PURE__*/ (/*@__PURE__*/ function (_super) {\n __extends(RefCountSubscriber, _super);\n function RefCountSubscriber(destination, connectable) {\n _super.call(this, destination);\n this.connectable = connectable;\n }\n /** @deprecated internal use only */ RefCountSubscriber.prototype._unsubscribe = function () {\n var connectable = this.connectable;\n if (!connectable) {\n this.connection = null;\n return;\n }\n this.connectable = null;\n var refCount = connectable._refCount;\n if (refCount <= 0) {\n this.connection = null;\n return;\n }\n connectable._refCount = refCount - 1;\n if (refCount > 1) {\n this.connection = null;\n return;\n }\n ///\n // Compare the local RefCountSubscriber's connection Subscription to the\n // connection Subscription on the shared ConnectableObservable. In cases\n // where the ConnectableObservable source synchronously emits values, and\n // the RefCountSubscriber's downstream Observers synchronously unsubscribe,\n // execution continues to here before the RefCountOperator has a chance to\n // supply the RefCountSubscriber with the shared connection Subscription.\n // For example:\n // ```\n // Observable.range(0, 10)\n // .publish()\n // .refCount()\n // .take(5)\n // .subscribe();\n // ```\n // In order to account for this case, RefCountSubscriber should only dispose\n // the ConnectableObservable's shared connection Subscription if the\n // connection Subscription exists, *and* either:\n // a. RefCountSubscriber doesn't have a reference to the shared connection\n // Subscription yet, or,\n // b. RefCountSubscriber's connection Subscription reference is identical\n // to the shared connection Subscription\n ///\n var connection = this.connection;\n var sharedConnection = connectable._connection;\n this.connection = null;\n if (sharedConnection && (!connection || sharedConnection === connection)) {\n sharedConnection.unsubscribe();\n }\n };\n return RefCountSubscriber;\n}(Subscriber));\n//# sourceMappingURL=refCount.js.map\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/rxjs/_esm5/operators/refCount.js\n// module id = 0P3J\n// module chunks = 5","exports = module.exports = require(\"../../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \"img {\\n padding: 2em;\\n max-width: calc(100% - 2em * 2);\\n max-height: calc(100vh - 2em * 2 - 8em);\\n}\\n\\n\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader!./node_modules/resolve-url-loader!./node_modules/sass-loader/lib/loader.js?sourceMap!./src/viega-common/components/viega-image-dialog/viega-image-dialog.component.scss\n// module id = 0wqY\n// module chunks = 5","/** PURE_IMPORTS_START ._Subscription PURE_IMPORTS_END */\nvar __extends = (this && this.__extends) || function (d, b) {\n for (var p in b)\n if (b.hasOwnProperty(p))\n d[p] = b[p];\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nimport { Subscription } from './Subscription';\n/**\n * We need this JSDoc comment for affecting ESDoc.\n * @ignore\n * @extends {Ignored}\n */\nexport var SubjectSubscription = /*@__PURE__*/ (/*@__PURE__*/ function (_super) {\n __extends(SubjectSubscription, _super);\n function SubjectSubscription(subject, subscriber) {\n _super.call(this);\n this.subject = subject;\n this.subscriber = subscriber;\n this.closed = false;\n }\n SubjectSubscription.prototype.unsubscribe = function () {\n if (this.closed) {\n return;\n }\n this.closed = true;\n var subject = this.subject;\n var observers = subject.observers;\n this.subject = null;\n if (!observers || observers.length === 0 || subject.isStopped || subject.closed) {\n return;\n }\n var subscriberIndex = observers.indexOf(this.subscriber);\n if (subscriberIndex !== -1) {\n observers.splice(subscriberIndex, 1);\n }\n };\n return SubjectSubscription;\n}(Subscription));\n//# sourceMappingURL=SubjectSubscription.js.map\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/rxjs/_esm5/SubjectSubscription.js\n// module id = 1Bqh\n// module chunks = 5","exports = module.exports = require(\"../../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \"\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader!./node_modules/resolve-url-loader!./node_modules/sass-loader/lib/loader.js?sourceMap!./src/app/shared/plate-colorpicker-dialog/plate-colorpicker-dialog.component.scss\n// module id = 1Hnq\n// module chunks = 5","module.exports = \"\\n\\n();\n\n /** Query parameters to be appended to the map produced by urlQueryParamsMap. */\n private pendingQueryParameters: IStateQueryParams;\n\n public isMobileMenuOpen: boolean = false;\n\n /**\n * Whether the web-app is in mobile mode or not as decided by the welcome page.\n * Can be: 'mobile' or 'desktop' or falsy\n */\n public displayMode: string;\n\n public activeStep: number = 0;\n public articleViewsZoomLevel: number = 1;\n public sideBarCollapsed: boolean = false;\n\n // Preserve some settings for each step. A page reload would remove them though.\n public designSettings = new DesignFilterSettings();\n public prewallSettings = new PrewallFilterSettings();\n public milieuSettings = new MilieuSettings();\n\n public pdfContactData: IContactData = {};\n\n public get languageId(): string {\n const languageId = (this.route.snapshot.queryParams as IStateQueryParams).lang || this.getDefaultLanguage();\n return languageId.toString();\n }\n\n /**\n * The step reflecting the actual progress in the configuration process.\n */\n public get currentStep(): number {\n return Number((this.route.snapshot.queryParams as IStateQueryParams).s);\n }\n\n /**\n * 'wc' or 'urinal'\n * @returns undefined if no appliance has been selected yet.\n */\n public get selectedAppliance(): 'wc' | 'urinal' {\n return (this.route.snapshot.queryParams as IStateQueryParams).ap;\n }\n\n /**\n * @returns undefined if no plate has been selected yet.\n */\n public get selectedPlate(): string {\n return (this.route.snapshot.queryParams as IStateQueryParams).p;\n }\n\n /**\n * @returns undefined if no article has been selected yet.\n */\n public get selectedArticle(): string {\n return (this.route.snapshot.queryParams as IStateQueryParams).a;\n }\n\n private _specialColorSelection: SpecialColorSelection;\n private _specialColorString: string;\n /**\n * @returns undefined if article is not suitable for special coloring or if the color has not been selected yet.\n */\n public get selectedArticleColor(): SpecialColorSelection {\n const specialColorString = (this.route.snapshot.queryParams as IStateQueryParams).ac;\n\n if (specialColorString !== this._specialColorString) {\n this._specialColorSelection = SpecialColorSelection.fromString(specialColorString);\n this._specialColorString = specialColorString;\n }\n if (specialColorString === undefined)\n delete this._specialColorSelection;\n\n return this._specialColorSelection;\n }\n\n public get frameType(): FrameQueryParamType {\n return (this.route.snapshot.queryParams as IStateQueryParams).fr;\n }\n\n /**\n * @returns undefined if no prewall has been selected yet.\n */\n public get selectedPrewall(): string {\n return (this.route.snapshot.queryParams as IStateQueryParams).pw;\n }\n\n /**\n * @returns undefined if no prewall article has been selected yet.\n */\n public get selectedPrewallArticle(): string {\n return (this.route.snapshot.queryParams as IStateQueryParams).pwa;\n }\n\n private _milieuScreenshotCanvas: HTMLCanvasElement;\n public get milieuScreenshotCanvas(): HTMLCanvasElement {\n return this._milieuScreenshotCanvas;\n }\n\n public set milieuScreenshotCanvas(newValue: HTMLCanvasElement) {\n this._milieuScreenshotCanvas = newValue;\n }\n\n public get isFlexiblePrewall(): boolean {\n return (this.route.snapshot.queryParams as IStateQueryParams).fl === \"1\";\n }\n\n public get isTradeFairMode(): boolean {\n return (this.route.snapshot.queryParams as IStateQueryParams).ms === \"1\";\n }\n\n public get backUrl(): string {\n return (this.route.snapshot.queryParams as IStateQueryParams).burl;\n }\n\n constructor(\n private router: Router,\n private route: ActivatedRoute) {\n\n this.router.events.subscribe(event => {\n if (event instanceof NavigationStart) {\n const navStartEvent = event as NavigationStart;\n\n if (navStartEvent.url.startsWith('/mobile'))\n this.displayMode = 'mobile';\n else if (navStartEvent.url.startsWith('/configure'))\n this.displayMode = 'desktop';\n else\n this.displayMode = undefined;\n\n this.resetPendingQueryParameters();\n\n let routeUrl = navStartEvent.url;\n\n // remove query params if any\n const questionMarkIndex = routeUrl.indexOf('?');\n if (questionMarkIndex >= 0)\n routeUrl = navStartEvent.url.substr(0, questionMarkIndex);\n\n // determine active configuration by the route\n const stepIndexByRoute: number = RouteToStepIndexMap[routeUrl];\n if (stepIndexByRoute !== undefined)\n this.activeStep = stepIndexByRoute;\n }\n },\n console.error);\n\n this.resetPendingQueryParameters();\n }\n\n public resetPendingQueryParameters() {\n this.pendingQueryParameters = {};\n }\n\n /**\n * Takes the index of a configuration segment and returns the corresponding route.\n * @param stepIndex The index of the configuration step.\n */\n public stepIndexToRoute(stepIndex: number): string {\n for (const route of Object.keys(RouteToStepIndexMap)) {\n const index: number = RouteToStepIndexMap[route];\n\n if (index === stepIndex)\n return route;\n }\n\n return undefined;\n }\n\n /**\n * See urlQueryParamsMap.\n * @param newValues The query map extended with one attribute.\n */\n public urlQueryParamsMapExtendedBy(newAttribute: string, newValue: string): IStateQueryParams {\n const newMap = {};\n newMap[newAttribute] = newValue;\n\n return this.urlQueryParamsMapExtendedWith(newMap);\n }\n\n /**\n * See urlQueryParamsMap.\n * @param newValues The query map which is extended with the given values object.\n */\n public urlQueryParamsMapExtendedWith(newValues: IStateQueryParams): IStateQueryParams {\n const wouldDecreaseStep = newValues.s !== undefined && newValues.s < this.currentStep;\n if (wouldDecreaseStep)\n delete newValues.s;\n\n return Object.assign(this.urlQueryParamsMap(), newValues);\n }\n\n /**\n * Gets the query parameter object for the url.\n * This object holds a subset of the application state parameters and is meant to be passed as \"queryParams\" when navigating routes.\n * By keeping most of the application's state in the url, it's possible to store the website and the whole configuration in a bookmark or\n * in the browser history.\n */\n public urlQueryParamsMap(): IStateQueryParams {\n let queryMap = {\n lang: this.languageId,\n ms: this.isTradeFairMode ? '1' : '0',\n ap: this.selectedAppliance,\n s: this.currentStep,\n p: this.selectedPlate,\n a: this.selectedArticle,\n ac: this.selectedArticleColor !== undefined ? this.selectedArticleColor.stringRepresentation : undefined,\n fr: this.frameType,\n pw: this.selectedPrewall,\n pwa: this.selectedPrewallArticle,\n fl: this.isFlexiblePrewall ? '1' : '0',\n burl: this.backUrl,\n };\n\n queryMap = Object.assign(queryMap, this.pendingQueryParameters);\n return queryMap;\n }\n\n /**\n * See urlQueryParamsBaseMap.\n * @param newValues The query map which is extended with the given values object.\n */\n public urlQueryParamsBaseMapExtendedWith(newValues: IStateQueryParams): IStateQueryParams {\n return Object.assign(this.urlQueryParamsBaseMap(), newValues);\n }\n\n /**\n * Returns a query params map with the absolute minimum url parameters which should always be present in all navigations, such as the language or\n * whether trade fair mode is enabled.\n */\n public urlQueryParamsBaseMap(): IStateQueryParams {\n let queryMap = {\n lang: this.languageId,\n ms: this.isTradeFairMode ? '1' : '0',\n burl: this.backUrl,\n };\n\n queryMap = Object.assign(queryMap, this.pendingQueryParameters);\n return queryMap;\n }\n\n public changeRoute(route: string, state: IStateQueryParams) {\n const event: IRouteChangingEvent = {\n newRoute: route,\n newState: state\n };\n this.routeChanging.emit(event);\n\n this.router.navigate([event.newRoute], { queryParams: event.newState });\n }\n\n /**\n * Resets all settings of all config steps.\n */\n public resetSettings() {\n this.designSettings.reset();\n this.prewallSettings.reset();\n this.milieuSettings.reset();\n localStorage.clear();\n }\n\n /** Prevents pull-down-to-refresh feature of mobile chrome */\n public setMobilePulldown(flag: boolean) {\n document.body.style.setProperty(\"overflow-y\", flag ? \"visible\" : \"hidden\");\n }\n\n public getDefaultLanguage(): string {\n const hostname = window.location.hostname;\n\n const matchedPattern = Object.keys(AppStateService.DomainLangUrlMappings).find((pattern: string) =>\n new RegExp(pattern, 'i').test(hostname));\n\n const matchedLang = AppStateService.DomainLangUrlMappings[matchedPattern];\n return matchedLang || AppStateService.FallbackLanguage;\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/core/app-state.service.ts","module.exports = \"\\n\\n![](\"./img/defaultIfEmpty.png\")
\n *\n * `defaultIfEmpty` emits the values emitted by the source Observable or a\n * specified default value if the source Observable is empty (completes without\n * having emitted any `next` value).\n *\n * @example If no clicks happen in 5 seconds, then emit \"no clicks\" \n * var clicks = Rx.Observable.fromEvent(document, 'click');\n * var clicksBeforeFive = clicks.takeUntil(Rx.Observable.interval(5000));\n * var result = clicksBeforeFive.defaultIfEmpty('no clicks');\n * result.subscribe(x => console.log(x));\n *\n * @see {@link empty}\n * @see {@link last}\n *\n * @param {any} [defaultValue=null] The default value used if the source\n * Observable is empty.\n * @return {Observable} An Observable that emits either the specified\n * `defaultValue` if the source Observable emits no items, or the values emitted\n * by the source Observable.\n * @method defaultIfEmpty\n * @owner Observable\n */\nexport function defaultIfEmpty(defaultValue) {\n if (defaultValue === void 0) {\n defaultValue = null;\n }\n return function (source) { return source.lift(new DefaultIfEmptyOperator(defaultValue)); };\n}\nvar DefaultIfEmptyOperator = /*@__PURE__*/ (/*@__PURE__*/ function () {\n function DefaultIfEmptyOperator(defaultValue) {\n this.defaultValue = defaultValue;\n }\n DefaultIfEmptyOperator.prototype.call = function (subscriber, source) {\n return source.subscribe(new DefaultIfEmptySubscriber(subscriber, this.defaultValue));\n };\n return DefaultIfEmptyOperator;\n}());\n/**\n * We need this JSDoc comment for affecting ESDoc.\n * @ignore\n * @extends {Ignored}\n */\nvar DefaultIfEmptySubscriber = /*@__PURE__*/ (/*@__PURE__*/ function (_super) {\n __extends(DefaultIfEmptySubscriber, _super);\n function DefaultIfEmptySubscriber(destination, defaultValue) {\n _super.call(this, destination);\n this.defaultValue = defaultValue;\n this.isEmpty = true;\n }\n DefaultIfEmptySubscriber.prototype._next = function (value) {\n this.isEmpty = false;\n this.destination.next(value);\n };\n DefaultIfEmptySubscriber.prototype._complete = function () {\n if (this.isEmpty) {\n this.destination.next(this.defaultValue);\n }\n this.destination.complete();\n };\n return DefaultIfEmptySubscriber;\n}(Subscriber));\n//# sourceMappingURL=defaultIfEmpty.js.map\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/rxjs/_esm5/operators/defaultIfEmpty.js\n// module id = 2ESx\n// module chunks = 5","module.exports = __webpack_public_path__ + \"c07c962a9ff8921b95eead83a8876f78.gif\";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/viega-common/components/loading-spinner/img/ajax-loader.gif\n// module id = 2j6z\n// module chunks = 5","exports = module.exports = require(\"../../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \":host {\\n display: inline-block;\\n}\\n\\n.logo {\\n width: 100%;\\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);\\n}\\n\\n\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader!./node_modules/resolve-url-loader!./node_modules/sass-loader/lib/loader.js?sourceMap!./src/viega-common/components/viega-logo/viega-logo.component.scss\n// module id = 2xv8\n// module chunks = 5","/** PURE_IMPORTS_START ._mergeAll PURE_IMPORTS_END */\nimport { mergeAll } from './mergeAll';\n/**\n * Converts a higher-order Observable into a first-order Observable by\n * concatenating the inner Observables in order.\n *\n * Flattens an Observable-of-Observables by putting one\n * inner Observable after the other.\n *\n * ![](\"./img/concatAll.png\")
\n *\n * Joins every Observable emitted by the source (a higher-order Observable), in\n * a serial fashion. It subscribes to each inner Observable only after the\n * previous inner Observable has completed, and merges all of their values into\n * the returned observable.\n *\n * __Warning:__ If the source Observable emits Observables quickly and\n * endlessly, and the inner Observables it emits generally complete slower than\n * the source emits, you can run into memory issues as the incoming Observables\n * collect in an unbounded buffer.\n *\n * Note: `concatAll` is equivalent to `mergeAll` with concurrency parameter set\n * to `1`.\n *\n * @example For each click event, tick every second from 0 to 3, with no concurrency \n * var clicks = Rx.Observable.fromEvent(document, 'click');\n * var higherOrder = clicks.map(ev => Rx.Observable.interval(1000).take(4));\n * var firstOrder = higherOrder.concatAll();\n * firstOrder.subscribe(x => console.log(x));\n *\n * // Results in the following:\n * // (results are not concurrent)\n * // For every click on the \"document\" it will emit values 0 to 3 spaced\n * // on a 1000ms interval\n * // one click = 1000ms-> 0 -1000ms-> 1 -1000ms-> 2 -1000ms-> 3\n *\n * @see {@link combineAll}\n * @see {@link concat}\n * @see {@link concatMap}\n * @see {@link concatMapTo}\n * @see {@link exhaust}\n * @see {@link mergeAll}\n * @see {@link switch}\n * @see {@link zipAll}\n *\n * @return {Observable} An Observable emitting values from all the inner\n * Observables concatenated.\n * @method concatAll\n * @owner Observable\n */\nexport function concatAll() {\n return mergeAll(1);\n}\n//# sourceMappingURL=concatAll.js.map\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/rxjs/_esm5/operators/concatAll.js\n// module id = 319O\n// module chunks = 5","module.exports = \"\\n \\n \\n \\n\\n \\n \\n \\n {{'color-picker-metal-colors-title' | translate}}\\n \\n \\n {{'color-picker-ral-title' | translate}}\\n \\n
\\n\\n \\n
\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/viega-common/components/collapsible-panel/collapsible-panel.component.html\n// module id = 1o4S\n// module chunks = 5","exports = module.exports = require(\"../../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \"/**\\n * Applies styles for users in high contrast mode. Note that this only applies\\n * to Microsoft browsers. Chrome can be included by checking for the `html[hc]`\\n * attribute, however Chrome handles high contrast differently.\\n */\\n\\n/* Theme for the ripple elements.*/\\n\\n/* stylelint-disable material/no-prefixes */\\n\\n/* stylelint-enable */\\n\\n.mat-elevation-z0 {\\n box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z1 {\\n box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z2 {\\n box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z3 {\\n box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z4 {\\n box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z5 {\\n box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z6 {\\n box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z7 {\\n box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z8 {\\n box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z9 {\\n box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z10 {\\n box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z11 {\\n box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z12 {\\n box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z13 {\\n box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z14 {\\n box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z15 {\\n box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z16 {\\n box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z17 {\\n box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z18 {\\n box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z19 {\\n box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z20 {\\n box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z21 {\\n box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z22 {\\n box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z23 {\\n box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-elevation-z24 {\\n box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-h1,\\n.mat-headline,\\n.mat-typography h1 {\\n font: 400 24px/32px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n margin: 0 0 16px;\\n}\\n\\n.mat-h2,\\n.mat-title,\\n.mat-typography h2 {\\n font: 500 20px/32px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n margin: 0 0 16px;\\n}\\n\\n.mat-h3,\\n.mat-subheading-2,\\n.mat-typography h3 {\\n font: 400 16px/28px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n margin: 0 0 16px;\\n}\\n\\n.mat-h4,\\n.mat-subheading-1,\\n.mat-typography h4 {\\n font: 400 15px/24px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n margin: 0 0 16px;\\n}\\n\\n.mat-h5,\\n.mat-typography h5 {\\n font: 400 11.62px/20px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n margin: 0 0 12px;\\n}\\n\\n.mat-h6,\\n.mat-typography h6 {\\n font: 400 9.38px/20px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n margin: 0 0 12px;\\n}\\n\\n.mat-body-strong,\\n.mat-body-2 {\\n font: 500 14px/24px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-body,\\n.mat-body-1,\\n.mat-typography {\\n font: 400 14px/20px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-body p,\\n.mat-body-1 p,\\n.mat-typography p {\\n margin: 0 0 12px;\\n}\\n\\n.mat-small,\\n.mat-caption {\\n font: 400 12px/20px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-display-4,\\n.mat-typography .mat-display-4 {\\n font: 300 112px/112px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n margin: 0 0 56px;\\n letter-spacing: -0.05em;\\n}\\n\\n.mat-display-3,\\n.mat-typography .mat-display-3 {\\n font: 400 56px/56px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n margin: 0 0 64px;\\n letter-spacing: -0.02em;\\n}\\n\\n.mat-display-2,\\n.mat-typography .mat-display-2 {\\n font: 400 45px/48px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n margin: 0 0 64px;\\n letter-spacing: -0.005em;\\n}\\n\\n.mat-display-1,\\n.mat-typography .mat-display-1 {\\n font: 400 34px/40px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n margin: 0 0 64px;\\n}\\n\\n.mat-button,\\n.mat-raised-button,\\n.mat-icon-button,\\n.mat-stroked-button,\\n.mat-flat-button,\\n.mat-fab,\\n.mat-mini-fab {\\n font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n font-size: 14px;\\n font-weight: 500;\\n}\\n\\n.mat-button-toggle {\\n font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-card {\\n font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-card-title {\\n font-size: 24px;\\n font-weight: 400;\\n}\\n\\n.mat-card-subtitle,\\n.mat-card-content,\\n.mat-card-header .mat-card-title {\\n font-size: 14px;\\n}\\n\\n.mat-checkbox {\\n font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-checkbox-layout .mat-checkbox-label {\\n line-height: 24px;\\n}\\n\\n.mat-chip {\\n font-size: 13px;\\n line-height: 18px;\\n}\\n\\n.mat-chip .mat-chip-remove.mat-icon {\\n font-size: 18px;\\n}\\n\\n.mat-table {\\n font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-header-cell {\\n font-size: 12px;\\n font-weight: 500;\\n}\\n\\n.mat-cell {\\n font-size: 14px;\\n}\\n\\n.mat-calendar {\\n font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-calendar-body {\\n font-size: 13px;\\n}\\n\\n.mat-calendar-body-label,\\n.mat-calendar-period-button {\\n font-size: 14px;\\n font-weight: 500;\\n}\\n\\n.mat-calendar-table-header th {\\n font-size: 11px;\\n font-weight: 400;\\n}\\n\\n.mat-dialog-title {\\n font: 500 20px/32px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-expansion-panel-header {\\n font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n font-size: 15px;\\n font-weight: 400;\\n}\\n\\n.mat-expansion-panel-content {\\n font: 400 14px/20px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-form-field {\\n font-size: inherit;\\n font-weight: 400;\\n line-height: 1.125;\\n font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-form-field-wrapper {\\n padding-bottom: 1.25em;\\n}\\n\\n.mat-form-field-prefix .mat-icon,\\n.mat-form-field-suffix .mat-icon {\\n font-size: 150%;\\n line-height: 1.125;\\n}\\n\\n.mat-form-field-prefix .mat-icon-button,\\n.mat-form-field-suffix .mat-icon-button {\\n height: 1.5em;\\n width: 1.5em;\\n}\\n\\n.mat-form-field-prefix .mat-icon-button .mat-icon,\\n.mat-form-field-suffix .mat-icon-button .mat-icon {\\n height: 1.125em;\\n line-height: 1.125;\\n}\\n\\n.mat-form-field-infix {\\n padding: 0.4375em 0;\\n border-top: 0.84375em solid transparent;\\n}\\n\\n.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,\\n.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {\\n transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);\\n -ms-transform: translateY(-1.28125em) scale(0.75);\\n width: 133.33333%;\\n}\\n\\n.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper\\n.mat-form-field-label {\\n transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);\\n -ms-transform: translateY(-1.28124em) scale(0.75);\\n width: 133.33334%;\\n}\\n\\n.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper\\n.mat-form-field-label {\\n transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);\\n -ms-transform: translateY(-1.28123em) scale(0.75);\\n width: 133.33335%;\\n}\\n\\n.mat-form-field-label-wrapper {\\n top: -0.84375em;\\n padding-top: 0.84375em;\\n}\\n\\n.mat-form-field-label {\\n top: 1.28125em;\\n}\\n\\n.mat-form-field-underline {\\n bottom: 1.25em;\\n}\\n\\n.mat-form-field-subscript-wrapper {\\n font-size: 75%;\\n margin-top: 0.54167em;\\n top: calc(100% - 1.66667em);\\n}\\n\\n.mat-grid-tile-header,\\n.mat-grid-tile-footer {\\n font-size: 14px;\\n}\\n\\n.mat-grid-tile-header .mat-line,\\n.mat-grid-tile-footer .mat-line {\\n white-space: nowrap;\\n overflow: hidden;\\n text-overflow: ellipsis;\\n display: block;\\n box-sizing: border-box;\\n}\\n\\n.mat-grid-tile-header .mat-line:nth-child(n+2),\\n.mat-grid-tile-footer .mat-line:nth-child(n+2) {\\n font-size: 12px;\\n}\\n\\ninput.mat-input-element {\\n margin-top: -0.0625em;\\n}\\n\\n.mat-menu-item {\\n font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n font-size: 16px;\\n font-weight: 400;\\n}\\n\\n.mat-paginator,\\n.mat-paginator-page-size .mat-select-trigger {\\n font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n font-size: 12px;\\n}\\n\\n.mat-radio-button {\\n font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-select {\\n font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-select-trigger {\\n height: 1.125em;\\n}\\n\\n.mat-slide-toggle-content {\\n font: 400 14px/20px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-slider-thumb-label-text {\\n font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n font-size: 12px;\\n font-weight: 500;\\n}\\n\\n.mat-stepper-vertical,\\n.mat-stepper-horizontal {\\n font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-step-label {\\n font-size: 14px;\\n font-weight: 400;\\n}\\n\\n.mat-step-label-selected {\\n font-size: 14px;\\n font-weight: 500;\\n}\\n\\n.mat-tab-group {\\n font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-tab-label,\\n.mat-tab-link {\\n font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n font-size: 14px;\\n font-weight: 500;\\n}\\n\\n.mat-toolbar,\\n.mat-toolbar h1,\\n.mat-toolbar h2,\\n.mat-toolbar h3,\\n.mat-toolbar h4,\\n.mat-toolbar h5,\\n.mat-toolbar h6 {\\n font: 500 20px/32px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n margin: 0;\\n}\\n\\n.mat-tooltip {\\n font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n font-size: 10px;\\n padding-top: 6px;\\n padding-bottom: 6px;\\n}\\n\\n.mat-tooltip-handset {\\n font-size: 14px;\\n padding-top: 9px;\\n padding-bottom: 9px;\\n}\\n\\n.mat-list-item {\\n font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-list-option {\\n font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-list .mat-list-item,\\n.mat-nav-list .mat-list-item,\\n.mat-selection-list .mat-list-item {\\n font-size: 16px;\\n}\\n\\n.mat-list .mat-list-item .mat-line,\\n.mat-nav-list .mat-list-item .mat-line,\\n.mat-selection-list .mat-list-item .mat-line {\\n white-space: nowrap;\\n overflow: hidden;\\n text-overflow: ellipsis;\\n display: block;\\n box-sizing: border-box;\\n}\\n\\n.mat-list .mat-list-item .mat-line:nth-child(n+2),\\n.mat-nav-list .mat-list-item .mat-line:nth-child(n+2),\\n.mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {\\n font-size: 14px;\\n}\\n\\n.mat-list .mat-list-option,\\n.mat-nav-list .mat-list-option,\\n.mat-selection-list .mat-list-option {\\n font-size: 16px;\\n}\\n\\n.mat-list .mat-list-option .mat-line,\\n.mat-nav-list .mat-list-option .mat-line,\\n.mat-selection-list .mat-list-option .mat-line {\\n white-space: nowrap;\\n overflow: hidden;\\n text-overflow: ellipsis;\\n display: block;\\n box-sizing: border-box;\\n}\\n\\n.mat-list .mat-list-option .mat-line:nth-child(n+2),\\n.mat-nav-list .mat-list-option .mat-line:nth-child(n+2),\\n.mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {\\n font-size: 14px;\\n}\\n\\n.mat-list .mat-subheader,\\n.mat-nav-list .mat-subheader,\\n.mat-selection-list .mat-subheader {\\n font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n font-size: 14px;\\n font-weight: 500;\\n}\\n\\n.mat-list[dense] .mat-list-item,\\n.mat-nav-list[dense] .mat-list-item,\\n.mat-selection-list[dense] .mat-list-item {\\n font-size: 12px;\\n}\\n\\n.mat-list[dense] .mat-list-item .mat-line,\\n.mat-nav-list[dense] .mat-list-item .mat-line,\\n.mat-selection-list[dense] .mat-list-item .mat-line {\\n white-space: nowrap;\\n overflow: hidden;\\n text-overflow: ellipsis;\\n display: block;\\n box-sizing: border-box;\\n}\\n\\n.mat-list[dense] .mat-list-item .mat-line:nth-child(n+2),\\n.mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2),\\n.mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2) {\\n font-size: 12px;\\n}\\n\\n.mat-list[dense] .mat-list-option,\\n.mat-nav-list[dense] .mat-list-option,\\n.mat-selection-list[dense] .mat-list-option {\\n font-size: 12px;\\n}\\n\\n.mat-list[dense] .mat-list-option .mat-line,\\n.mat-nav-list[dense] .mat-list-option .mat-line,\\n.mat-selection-list[dense] .mat-list-option .mat-line {\\n white-space: nowrap;\\n overflow: hidden;\\n text-overflow: ellipsis;\\n display: block;\\n box-sizing: border-box;\\n}\\n\\n.mat-list[dense] .mat-list-option .mat-line:nth-child(n+2),\\n.mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2),\\n.mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {\\n font-size: 12px;\\n}\\n\\n.mat-list[dense] .mat-subheader,\\n.mat-nav-list[dense] .mat-subheader,\\n.mat-selection-list[dense] .mat-subheader {\\n font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n font-size: 12px;\\n font-weight: 500;\\n}\\n\\n.mat-option {\\n font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n font-size: 16px;\\n}\\n\\n.mat-optgroup-label {\\n font: 500 14px/24px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n\\n.mat-simple-snackbar {\\n font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n font-size: 14px;\\n}\\n\\n.mat-simple-snackbar-action {\\n line-height: 1;\\n font-family: inherit;\\n font-size: inherit;\\n font-weight: 500;\\n}\\n\\n.mat-ripple {\\n overflow: hidden;\\n}\\n\\n@media screen and (-ms-high-contrast: active) {\\n .mat-ripple {\\n display: none;\\n }\\n}\\n\\n.mat-ripple.mat-ripple-unbounded {\\n overflow: visible;\\n}\\n\\n.mat-ripple-element {\\n position: absolute;\\n border-radius: 50%;\\n pointer-events: none;\\n transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);\\n transform: scale(0);\\n}\\n\\n.cdk-visually-hidden {\\n border: 0;\\n clip: rect(0 0 0 0);\\n height: 1px;\\n margin: -1px;\\n overflow: hidden;\\n padding: 0;\\n position: absolute;\\n width: 1px;\\n outline: 0;\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n}\\n\\n.cdk-overlay-container,\\n.cdk-global-overlay-wrapper {\\n pointer-events: none;\\n top: 0;\\n left: 0;\\n height: 100%;\\n width: 100%;\\n}\\n\\n.cdk-overlay-container {\\n position: fixed;\\n z-index: 1000;\\n}\\n\\n.cdk-overlay-container:empty {\\n display: none;\\n}\\n\\n.cdk-global-overlay-wrapper {\\n display: flex;\\n position: absolute;\\n z-index: 1000;\\n}\\n\\n.cdk-overlay-pane {\\n position: absolute;\\n pointer-events: auto;\\n box-sizing: border-box;\\n z-index: 1000;\\n}\\n\\n.cdk-overlay-backdrop {\\n position: absolute;\\n top: 0;\\n bottom: 0;\\n left: 0;\\n right: 0;\\n z-index: 1000;\\n pointer-events: auto;\\n -webkit-tap-highlight-color: transparent;\\n transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\\n opacity: 0;\\n}\\n\\n.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {\\n opacity: 1;\\n}\\n\\n.cdk-overlay-dark-backdrop {\\n background: rgba(0, 0, 0, 0.288);\\n}\\n\\n.cdk-overlay-transparent-backdrop,\\n.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {\\n opacity: 0;\\n}\\n\\n.cdk-global-scrollblock {\\n position: fixed;\\n width: 100%;\\n overflow-y: scroll;\\n}\\n\\n.mat-ripple-element {\\n background-color: rgba(0, 0, 0, 0.1);\\n}\\n\\n.mat-option {\\n color: rgba(0, 0, 0, 0.87);\\n}\\n\\n.mat-option:hover:not(.mat-option-disabled),\\n.mat-option:focus:not(.mat-option-disabled) {\\n background: rgba(0, 0, 0, 0.04);\\n}\\n\\n.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {\\n color: #212121;\\n}\\n\\n.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {\\n color: #ffeb3b;\\n}\\n\\n.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {\\n color: #f44336;\\n}\\n\\n.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {\\n background: rgba(0, 0, 0, 0.04);\\n}\\n\\n.mat-option.mat-active {\\n background: rgba(0, 0, 0, 0.04);\\n color: rgba(0, 0, 0, 0.87);\\n}\\n\\n.mat-option.mat-option-disabled {\\n color: rgba(0, 0, 0, 0.38);\\n}\\n\\n.mat-optgroup-label {\\n color: rgba(0, 0, 0, 0.54);\\n}\\n\\n.mat-optgroup-disabled .mat-optgroup-label {\\n color: rgba(0, 0, 0, 0.38);\\n}\\n\\n.mat-pseudo-checkbox {\\n color: rgba(0, 0, 0, 0.54);\\n}\\n\\n.mat-pseudo-checkbox::after {\\n color: #fafafa;\\n}\\n\\n.mat-pseudo-checkbox-checked,\\n.mat-pseudo-checkbox-indeterminate,\\n.mat-accent .mat-pseudo-checkbox-checked,\\n.mat-accent .mat-pseudo-checkbox-indeterminate {\\n background: #ffeb3b;\\n}\\n\\n.mat-primary .mat-pseudo-checkbox-checked,\\n.mat-primary .mat-pseudo-checkbox-indeterminate {\\n background: #212121;\\n}\\n\\n.mat-warn .mat-pseudo-checkbox-checked,\\n.mat-warn .mat-pseudo-checkbox-indeterminate {\\n background: #f44336;\\n}\\n\\n.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,\\n.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {\\n background: #b0b0b0;\\n}\\n\\n.mat-app-background {\\n background-color: #fafafa;\\n color: rgba(0, 0, 0, 0.87);\\n}\\n\\n.mat-theme-loaded-marker {\\n display: none;\\n}\\n\\n.mat-button,\\n.mat-icon-button,\\n.mat-stroked-button {\\n background: transparent;\\n}\\n\\n.mat-button.mat-primary .mat-button-focus-overlay,\\n.mat-icon-button.mat-primary .mat-button-focus-overlay,\\n.mat-stroked-button.mat-primary .mat-button-focus-overlay {\\n background-color: rgba(33, 33, 33, 0.12);\\n}\\n\\n.mat-button.mat-accent .mat-button-focus-overlay,\\n.mat-icon-button.mat-accent .mat-button-focus-overlay,\\n.mat-stroked-button.mat-accent .mat-button-focus-overlay {\\n background-color: rgba(255, 235, 59, 0.12);\\n}\\n\\n.mat-button.mat-warn .mat-button-focus-overlay,\\n.mat-icon-button.mat-warn .mat-button-focus-overlay,\\n.mat-stroked-button.mat-warn .mat-button-focus-overlay {\\n background-color: rgba(244, 67, 54, 0.12);\\n}\\n\\n.mat-button[disabled] .mat-button-focus-overlay,\\n.mat-icon-button[disabled] .mat-button-focus-overlay,\\n.mat-stroked-button[disabled] .mat-button-focus-overlay {\\n background-color: transparent;\\n}\\n\\n.mat-button.mat-primary,\\n.mat-icon-button.mat-primary,\\n.mat-stroked-button.mat-primary {\\n color: #212121;\\n}\\n\\n.mat-button.mat-accent,\\n.mat-icon-button.mat-accent,\\n.mat-stroked-button.mat-accent {\\n color: #ffeb3b;\\n}\\n\\n.mat-button.mat-warn,\\n.mat-icon-button.mat-warn,\\n.mat-stroked-button.mat-warn {\\n color: #f44336;\\n}\\n\\n.mat-button.mat-primary[disabled],\\n.mat-button.mat-accent[disabled],\\n.mat-button.mat-warn[disabled],\\n.mat-button[disabled][disabled],\\n.mat-icon-button.mat-primary[disabled],\\n.mat-icon-button.mat-accent[disabled],\\n.mat-icon-button.mat-warn[disabled],\\n.mat-icon-button[disabled][disabled],\\n.mat-stroked-button.mat-primary[disabled],\\n.mat-stroked-button.mat-accent[disabled],\\n.mat-stroked-button.mat-warn[disabled],\\n.mat-stroked-button[disabled][disabled] {\\n color: rgba(0, 0, 0, 0.26);\\n}\\n\\n.mat-raised-button,\\n.mat-fab,\\n.mat-mini-fab {\\n color: rgba(0, 0, 0, 0.87);\\n background-color: white;\\n}\\n\\n.mat-raised-button.mat-primary,\\n.mat-fab.mat-primary,\\n.mat-mini-fab.mat-primary {\\n color: white;\\n}\\n\\n.mat-raised-button.mat-accent,\\n.mat-fab.mat-accent,\\n.mat-mini-fab.mat-accent {\\n color: rgba(0, 0, 0, 0.87);\\n}\\n\\n.mat-raised-button.mat-warn,\\n.mat-fab.mat-warn,\\n.mat-mini-fab.mat-warn {\\n color: white;\\n}\\n\\n.mat-raised-button.mat-primary[disabled],\\n.mat-raised-button.mat-accent[disabled],\\n.mat-raised-button.mat-warn[disabled],\\n.mat-raised-button[disabled][disabled],\\n.mat-fab.mat-primary[disabled],\\n.mat-fab.mat-accent[disabled],\\n.mat-fab.mat-warn[disabled],\\n.mat-fab[disabled][disabled],\\n.mat-mini-fab.mat-primary[disabled],\\n.mat-mini-fab.mat-accent[disabled],\\n.mat-mini-fab.mat-warn[disabled],\\n.mat-mini-fab[disabled][disabled] {\\n color: rgba(0, 0, 0, 0.26);\\n}\\n\\n.mat-raised-button.mat-primary,\\n.mat-fab.mat-primary,\\n.mat-mini-fab.mat-primary {\\n background-color: #212121;\\n}\\n\\n.mat-raised-button.mat-accent,\\n.mat-fab.mat-accent,\\n.mat-mini-fab.mat-accent {\\n background-color: #ffeb3b;\\n}\\n\\n.mat-raised-button.mat-warn,\\n.mat-fab.mat-warn,\\n.mat-mini-fab.mat-warn {\\n background-color: #f44336;\\n}\\n\\n.mat-raised-button.mat-primary[disabled],\\n.mat-raised-button.mat-accent[disabled],\\n.mat-raised-button.mat-warn[disabled],\\n.mat-raised-button[disabled][disabled],\\n.mat-fab.mat-primary[disabled],\\n.mat-fab.mat-accent[disabled],\\n.mat-fab.mat-warn[disabled],\\n.mat-fab[disabled][disabled],\\n.mat-mini-fab.mat-primary[disabled],\\n.mat-mini-fab.mat-accent[disabled],\\n.mat-mini-fab.mat-warn[disabled],\\n.mat-mini-fab[disabled][disabled] {\\n background-color: rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-raised-button.mat-primary .mat-ripple-element,\\n.mat-fab.mat-primary .mat-ripple-element,\\n.mat-mini-fab.mat-primary .mat-ripple-element {\\n background-color: rgba(255, 255, 255, 0.2);\\n}\\n\\n.mat-raised-button.mat-accent .mat-ripple-element,\\n.mat-fab.mat-accent .mat-ripple-element,\\n.mat-mini-fab.mat-accent .mat-ripple-element {\\n background-color: rgba(0, 0, 0, 0.2);\\n}\\n\\n.mat-raised-button.mat-warn .mat-ripple-element,\\n.mat-fab.mat-warn .mat-ripple-element,\\n.mat-mini-fab.mat-warn .mat-ripple-element {\\n background-color: rgba(255, 255, 255, 0.2);\\n}\\n\\n.mat-button.mat-primary .mat-ripple-element {\\n background-color: rgba(33, 33, 33, 0.1);\\n}\\n\\n.mat-button.mat-accent .mat-ripple-element {\\n background-color: rgba(255, 235, 59, 0.1);\\n}\\n\\n.mat-button.mat-warn .mat-ripple-element {\\n background-color: rgba(244, 67, 54, 0.1);\\n}\\n\\n.mat-flat-button {\\n color: rgba(0, 0, 0, 0.87);\\n background-color: white;\\n}\\n\\n.mat-flat-button.mat-primary {\\n color: white;\\n}\\n\\n.mat-flat-button.mat-accent {\\n color: rgba(0, 0, 0, 0.87);\\n}\\n\\n.mat-flat-button.mat-warn {\\n color: white;\\n}\\n\\n.mat-flat-button.mat-primary[disabled],\\n.mat-flat-button.mat-accent[disabled],\\n.mat-flat-button.mat-warn[disabled],\\n.mat-flat-button[disabled][disabled] {\\n color: rgba(0, 0, 0, 0.26);\\n}\\n\\n.mat-flat-button.mat-primary {\\n background-color: #212121;\\n}\\n\\n.mat-flat-button.mat-accent {\\n background-color: #ffeb3b;\\n}\\n\\n.mat-flat-button.mat-warn {\\n background-color: #f44336;\\n}\\n\\n.mat-flat-button.mat-primary[disabled],\\n.mat-flat-button.mat-accent[disabled],\\n.mat-flat-button.mat-warn[disabled],\\n.mat-flat-button[disabled][disabled] {\\n background-color: rgba(0, 0, 0, 0.12);\\n}\\n\\n.mat-flat-button.mat-primary .mat-ripple-element {\\n background-color: rgba(255, 255, 255, 0.2);\\n}\\n\\n.mat-flat-button.mat-accent .mat-ripple-element {\\n background-color: rgba(0, 0, 0, 0.2);\\n}\\n\\n.mat-flat-button.mat-warn .mat-ripple-element {\\n background-color: rgba(255, 255, 255, 0.2);\\n}\\n\\n.mat-icon-button.mat-primary .mat-ripple-element {\\n background-color: rgba(33, 33, 33, 0.2);\\n}\\n\\n.mat-icon-button.mat-accent .mat-ripple-element {\\n background-color: rgba(255, 235, 59, 0.2);\\n}\\n\\n.mat-icon-button.mat-warn .mat-ripple-element {\\n background-color: rgba(244, 67, 54, 0.2);\\n}\\n\\n.mat-dialog-container {\\n background: white;\\n color: rgba(0, 0, 0, 0.87);\\n}\\n\\n.cdk-overlay-pane {\\n flex: 0 0 auto;\\n}\\n\\n.cdk-overlay-pane .mat-dialog-container {\\n padding: 0;\\n}\\n\\n.cdk-overlay-backdrop.deep-dark-dialog-backdrop {\\n background: rgba(0, 0, 0, 0.888);\\n}\\n\\nviega-header ul[menu-items] {\\n list-style: none;\\n margin: 0;\\n padding: 0;\\n color: #808080;\\n}\\n\\nviega-header ul[menu-items] li {\\n float: left;\\n}\\n\\nviega-header ul[menu-items] li a {\\n display: inline-block;\\n height: 100%;\\n font-family: \\\"HelveticaNeue-Regular\\\", Helvetica, Arial, sans-serif;\\n font-size: .7em;\\n letter-spacing: 1px;\\n color: #808080;\\n padding: 0.88em 1em;\\n text-decoration: none;\\n cursor: pointer;\\n transition: .2s;\\n}\\n\\nviega-header ul[menu-items] li a:hover {\\n color: #fff;\\n}\\n\\nviega-header ul[menu-items] li.viega-header-menu-separator {\\n width: 1px;\\n height: .8em;\\n background: #808080;\\n margin: 0.6em 0;\\n}\\n\\nviega-header ul[menu-items] li:last-child a {\\n padding-right: 0;\\n}\\n\\nviega-header ul[mobile-panel-bottom] {\\n list-style: none;\\n margin: 0;\\n padding: 0;\\n color: #fff;\\n}\\n\\nviega-header ul[mobile-panel-bottom] li {\\n display: block;\\n background: #333;\\n border-bottom: 1px solid #111;\\n}\\n\\nviega-header ul[mobile-panel-bottom] li a {\\n display: block;\\n letter-spacing: 1px;\\n font-family: \\\"HelveticaNeue-Regular\\\", Helvetica, Arial, sans-serif;\\n font-size: 1em;\\n letter-spacing: 1px;\\n padding: 1.6em 1.3em;\\n text-decoration: none;\\n color: #bebebe;\\n transition: .2s;\\n white-space: nowrap;\\n cursor: pointer;\\n}\\n\\nviega-header ul[mobile-panel-bottom] li a:hover {\\n color: #fff;\\n}\\n\\nviega-header ul[mobile-panel-bottom] li:last-child {\\n border: none;\\n}\\n\\nviega-start-page *[panel] viega-button,\\nviega-start-page *[panel-mobile] viega-button {\\n margin-top: 1.5em;\\n display: block;\\n}\\n\\nviega-start-page *[panel] div,\\nviega-start-page *[panel-mobile] div {\\n font-family: viega-bold, Helvetica, Roboto, Arial, sans-serif;\\n font-size: 1em;\\n}\\n\\nviega-start-page *[panel] p,\\nviega-start-page *[panel-mobile] p {\\n font-family: viega-thin, Helvetica, Roboto, Arial, sans-serif;\\n margin: 0;\\n letter-spacing: 0.5px;\\n}\\n\\n:host {\\n display: flex;\\n flex-direction: column;\\n}\\n\\n.current-image-wrapper {\\n position: relative;\\n display: flex;\\n padding: 0.5em;\\n flex: 1 1;\\n border: 3px solid #f1f4f4;\\n margin-bottom: 1em;\\n}\\n\\n.current-image {\\n position: relative;\\n flex: 1 1;\\n background-color: #fff;\\n background-position: center;\\n background-size: contain;\\n background-repeat: no-repeat;\\n cursor: zoom-in;\\n}\\n\\n.zoom-button {\\n position: absolute;\\n bottom: 0.5em;\\n right: 0.5em;\\n}\\n\\n.overlay {\\n position: absolute;\\n top: 50%;\\n left: 50%;\\n font-family: viega, Helvetica, Roboto, Arial, sans-serif;\\n transform-origin: center;\\n transform: translate(-50%, -50%) rotate(-25deg);\\n opacity: .8;\\n color: #fff;\\n text-shadow: #212121 0px 0px .1em;\\n}\\n\\n.overlay.large {\\n font-size: 3.5em;\\n}\\n\\n.overlay.thumbnail {\\n font-size: .9em;\\n}\\n\\n.gallery-pane {\\n flex: 0 0 auto;\\n padding: 1em 2em;\\n background: #f1f4f4;\\n}\\n\\n.gallery-pane button {\\n display: inline-block;\\n width: 6em;\\n margin: 0.4em;\\n padding: .5em;\\n background-color: #fff;\\n border: none;\\n outline: none;\\n -webkit-tap-highlight-color: transparent;\\n transition: .2s;\\n transform: scale(1, 1);\\n cursor: pointer;\\n}\\n\\n.gallery-pane button:active {\\n transform: scale(0.9, 0.9);\\n}\\n\\n.preview-image {\\n height: 4.6em;\\n background-position: center;\\n background-size: contain;\\n background-repeat: no-repeat;\\n background-color: #fff;\\n}\\n\\n\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader!./node_modules/resolve-url-loader!./node_modules/sass-loader/lib/loader.js?sourceMap!./src/viega-common/components/viega-image-gallery/viega-image-gallery.component.scss\n// module id = 1sU1\n// module chunks = 5","/** PURE_IMPORTS_START .._Subscriber PURE_IMPORTS_END */\nvar __extends = (this && this.__extends) || function (d, b) {\n for (var p in b)\n if (b.hasOwnProperty(p))\n d[p] = b[p];\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nimport { Subscriber } from '../Subscriber';\n/* tslint:enable:max-line-length */\n/**\n * Emits a given value if the source Observable completes without emitting any\n * `next` value, otherwise mirrors the source Observable.\n *\n * If the source Observable turns out to be empty, then\n * this operator will emit a default value.\n *\n * \n *\n * `defaultIfEmpty` emits the values emitted by the source Observable or a\n * specified default value if the source Observable is empty (completes without\n * having emitted any `next` value).\n *\n * @example \n *\n * Joins every Observable emitted by the source (a higher-order Observable), in\n * a serial fashion. It subscribes to each inner Observable only after the\n * previous inner Observable has completed, and merges all of their values into\n * the returned observable.\n *\n * __Warning:__ If the source Observable emits Observables quickly and\n * endlessly, and the inner Observables it emits generally complete slower than\n * the source emits, you can run into memory issues as the incoming Observables\n * collect in an unbounded buffer.\n *\n * Note: `concatAll` is equivalent to `mergeAll` with concurrency parameter set\n * to `1`.\n *\n * @example \\n
\\n \\n
\\n\\n \\n {{'color-picker-metal-colors-title' | translate}}\\n
\\n\\n\\n
\\n \\n {{'color-picker-ral-title' | translate}}\\n
\\n\\n \\n \\n \\n
\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/shared/plate-colorpicker/plate-colorpicker.component.html\n// module id = 3A8u\n// module chunks = 5","/** PURE_IMPORTS_START ._multicast,._refCount,.._Subject PURE_IMPORTS_END */\nimport { multicast } from './multicast';\nimport { refCount } from './refCount';\nimport { Subject } from '../Subject';\nfunction shareSubjectFactory() {\n return new Subject();\n}\n/**\n * Returns a new Observable that multicasts (shares) the original Observable. As long as there is at least one\n * Subscriber this Observable will be subscribed and emitting data. When all subscribers have unsubscribed it will\n * unsubscribe from the source Observable. Because the Observable is multicasting it makes the stream `hot`.\n * This is an alias for .multicast(() => new Subject()).refCount().\n *\n * \\n \\n ![]()
\\n {{metalColor[\\\"label-ref\\\"] | translate}}\\n \\n\\n
\\n\\n \\n \\n {{'color-picker-metal-no-preview-hint' | translate: ''}}\\n
\\n![](\"./img/share.png\")
\n *\n * @return {Observable![](\"./img/mergeMap.png\")
\n *\n * Returns an Observable that emits items based on applying a function that you\n * supply to each item emitted by the source Observable, where that function\n * returns an Observable, and then merging those resulting Observables and\n * emitting the results of this merger.\n *\n * @example ![](\"./img/switchMap.png\")
\n *\n * Returns an Observable that emits items based on applying a function that you\n * supply to each item emitted by the source Observable, where that function\n * returns an (so-called \"inner\") Observable. Each time it observes one of these\n * inner Observables, the output Observable begins emitting the items emitted by\n * that inner Observable. When a new inner Observable is emitted, `switchMap`\n * stops emitting items from the earlier-emitted inner Observable and begins\n * emitting items from the new one. It continues to behave like this for\n * subsequent inner Observables.\n *\n * @example ![](\"./img/auditTime.png\")
\n *\n * `auditTime` is similar to `throttleTime`, but emits the last value from the\n * silenced time window, instead of the first value. `auditTime` emits the most\n * recent value from the source Observable on the output Observable as soon as\n * its internal timer becomes disabled, and ignores source values while the\n * timer is enabled. Initially, the timer is disabled. As soon as the first\n * source value arrives, the timer is enabled. After `duration` milliseconds (or\n * the time unit determined internally by the optional `scheduler`) has passed,\n * the timer is disabled, then the most recent source value is emitted on the\n * output Observable, and this process repeats for the next source value.\n * Optionally takes a {@link IScheduler} for managing timers.\n *\n * @example ![](\"./img/concatMap.png\")
\n *\n * Returns an Observable that emits items based on applying a function that you\n * supply to each item emitted by the source Observable, where that function\n * returns an (so-called \"inner\") Observable. Each new inner Observable is\n * concatenated with the previous inner Observable.\n *\n * __Warning:__ if source values arrive endlessly and faster than their\n * corresponding inner Observables can complete, it will result in memory issues\n * as inner Observables amass in an unbounded buffer waiting for their turn to\n * be subscribed to.\n *\n * Note: `concatMap` is equivalent to `mergeMap` with concurrency parameter set\n * to `1`.\n *\n * @example