@colijnit/product 12.0.8 → 253.1.2

package/fesm2015/colijnit-product.js

@@ -24,1035 +24,1039 @@ import { IconModule, LoaderModule, ScrollContainerModule, PriceDisplayPipeModule
 import { CoDocument } from '@colijnit/mainapi/build/model/co-document';
 import { ConfiguratorStatisticsEnvironment } from '@colijnit/articleapi/build/model/configurator-statistics-environment';
 
-// this file is dynamically created, do not change this
-class Version {
-    constructor() {
-        this.name = "@colijnit/product";
-        this.description = "Product detail page project for iOne";
-        this.symVer = "12.0.8";
-        this.publishDate = "4/25/2024, 5:03:50 PM";
-    }
+// this file is dynamically created, do not change this
+class Version {
+    constructor() {
+        this.name = "@colijnit/product";
+        this.description = "Product detail page project for iOne";
+        this.symVer = "253.1.2";
+        this.publishDate = "2-7-2024 10:15:01";
+    }
 }
 
-class JsonUtilsService {
-    readJsonFile(filePath) {
-        return __awaiter(this, void 0, void 0, function* () {
-            try {
-                const response = yield fetch(filePath);
-                if (!response.ok) {
-                    return null;
-                }
-                else {
-                    return response.json();
-                }
-            }
-            catch (e) {
-                console.error('Error getting file:', e.message);
-                return '';
-            }
-        });
-    }
-}
-JsonUtilsService.ɵprov = i0.ɵɵdefineInjectable({ factory: function JsonUtilsService_Factory() { return new JsonUtilsService(); }, token: JsonUtilsService, providedIn: "root" });
-JsonUtilsService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
+class JsonUtilsService {
+    readJsonFile(filePath) {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                const response = yield fetch(filePath);
+                if (!response.ok) {
+                    return null;
+                }
+                else {
+                    return response.json();
+                }
+            }
+            catch (e) {
+                console.error('Error getting file:', e.message);
+                return '';
+            }
+        });
+    }
+}
+JsonUtilsService.ɵprov = i0.ɵɵdefineInjectable({ factory: function JsonUtilsService_Factory() { return new JsonUtilsService(); }, token: JsonUtilsService, providedIn: "root" });
+JsonUtilsService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
 ];
 
-class SettingsOptions {
-    constructor() {
-        this.showStockStatus = false;
-        this.showZoomButton = false;
-        this.showTagFilter = false;
-        this.showAsConfigured = false;
-        this.inlineAnswers = false;
-        this.showArButton = false;
-        this.arEnabled = false;
-        this.vrEnabled = false;
-    }
+class SettingsOptions {
+    constructor() {
+        this.showStockStatus = false;
+        this.showZoomButton = false;
+        this.showTagFilter = false;
+        this.showAsConfigured = false;
+        this.inlineAnswers = false;
+        this.showArButton = false;
+        this.arEnabled = false;
+        this.vrEnabled = false;
+    }
 }
 
-var RenderModes;
-(function (RenderModes) {
-    RenderModes["RenderRoom"] = "render_room";
-    RenderModes["RenderShop"] = "render_shop";
-    RenderModes["RenderIone"] = "render_ione";
+var RenderModes;
+(function (RenderModes) {
+    RenderModes["RenderRoom"] = "render_room";
+    RenderModes["RenderShop"] = "render_shop";
+    RenderModes["RenderIone"] = "render_ione";
 })(RenderModes || (RenderModes = {}));
 
-class RenderParameters {
-    constructor() {
-        this.host = "";
-        this.port = 0;
-        this.secure = false;
-        this.renderMode = RenderModes.RenderShop;
-    }
+class RenderParameters {
+    constructor() {
+        this.host = "";
+        this.port = 0;
+        this.secure = false;
+        this.renderMode = RenderModes.RenderShop;
+    }
 }
 
-class ProductSettings {
-    constructor() {
-        this.session = undefined;
-        this.useGroups = true;
-        this.useRenders = false;
-        this.useLoginEncryption = true;
-        this.createWebOrder = true;
-        this.useMatch = false;
-        this.currencySymbol = '€';
-        this.options = new SettingsOptions();
-        this.renderParameters = new RenderParameters();
-    }
+class ProductSettings {
+    constructor() {
+        this.session = undefined;
+        this.useGroups = true;
+        this.useRenders = false;
+        this.useLoginEncryption = true;
+        this.createWebOrder = true;
+        this.useMatch = false;
+        this.currencySymbol = '€';
+        this.options = new SettingsOptions();
+        this.renderParameters = new RenderParameters();
+    }
 }
 
-// Sole responsibility is simply to wrap around a colijn.Connector to create a stable inner interface to the library in a 1:1 method way.
-// Only to be used by the IOneControllerService.
-class ProductConnectorAdapterService {
-    constructor() {
-        this.showLoader = new Subject();
-        this._boFactory = new BusinessObjectFactory();
-    }
-    ngOnDestroy() {
-        this.articleConnector.showLoader.unsubscribe();
-    }
-    initConnector(options) {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.articleConnector = new Articles(options);
-            yield this.articleConnector.connect();
-            this.transactionConnector = new Transaction(options);
-            this.articleConnector.showLoader.subscribe(value => this.showLoader.next(value));
-        });
-    }
-    setInstance(instanceId) {
-        // this.articleConnector.setInstanceToConfigure(instanceId, false);
-    }
-    getProductBundleSettings(url, upId) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const tempSettings = new ProductSettings();
-            tempSettings.url = url;
-            tempSettings.schema = upId.toString();
-            const tempMainConnector = new MainApi(tempSettings);
-            const response = yield tempMainConnector.getPublicParams(upId);
-            if (response) {
-                return response.productSettings;
-            }
-            return "";
-        });
-    }
-    convertArticleFullObjectToArticleExtended(article) {
-        if (article) {
-            return this._boFactory.makeWithRawBackendData(ArticleExtended, article);
-        }
-    }
-    getDeliveryPrognosis(goodId, branchNr) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const deliveryPrognosis = yield this.getSelectorDeliveryDate();
-            if (!deliveryPrognosis || !deliveryPrognosis.returnValue) {
-                return this.getDeliveryDate2(goodId);
-            }
-            return deliveryPrognosis;
-        });
-    }
-    getSelectorDeliveryDate() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this.articleConnector.getSelectorDeliveryDate();
-            if (response && response.validationResult && response.validationResult.success) {
-                return this._boFactory.makeWithRawBackendData(DeliveryPrognosis, response.resultObject);
-            }
-            else {
-                return null;
-            }
-        });
-    }
-    getArtStockStatus(goodId) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this.articleConnector.getArtStockStatus(goodId);
-            if (response && response.validationResult && response.validationResult.success) {
-                return response.resultObject;
-            }
-            else {
-                return null;
-            }
-        });
-    }
-    getDeliveryDate2(goodId) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this.articleConnector.getDeliveryDate2(goodId);
-            if (response && response.validationResult && response.validationResult.success) {
-                return this._boFactory.makeWithRawBackendData(DeliveryPrognosis, response.resultObject);
-            }
-            else {
-                return null;
-            }
-        });
-    }
-    getJsonConfiguredArticles(configuratorStatistics) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this.articleConnector.getJsonConfiguredArticles(configuratorStatistics);
-            if (response && response.validationResult && response.validationResult.success) {
-                return response.resultObject;
-            }
-            else {
-                return '';
-            }
-        });
-    }
-    getJsonArticleFlatTree(goodId, goodType, quantity, showLoader = true, instanceId, configuratorStatistics) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return this.articleConnector.getJsonArticleFlatTree(goodId, goodType, quantity, showLoader, instanceId, configuratorStatistics);
-        });
-    }
-    getGoodIdFromArticleNr(sku) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this.articleConnector.getGoodIdFromArticleNr(sku);
-            if (response && response.validationResult && response.validationResult.success) {
-                return response.resultObject;
-            }
-            else {
-                return null;
-            }
-        });
-    }
-    getArticleFullObject(goodId) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this.articleConnector.getArticleFullObject(goodId);
-            if (response && response.validationResult && response.validationResult.success) {
-                return this._boFactory.makeWithRawBackendData(ArticleFullObject, response.resultObject);
-            }
-            else {
-                return null;
-            }
-        });
-    }
-    getSuperArticle(id, branch) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this.articleConnector.getSuperArticleQuickSel(id, branch);
-            if (response && response.validationResult && response.validationResult.success) {
-                return this._boFactory.makeWithRawBackendData(SuperArticle, response.resultObject);
-            }
-            else {
-                return null;
-            }
-        });
-    }
-    getDocumentContent(docId, thumbnail = true) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this.articleConnector.getDocumentContent(docId, thumbnail);
-            if (response && response.validationResult && response.validationResult.success) {
-                return this._boFactory.makeWithRawBackendData(DocumentContent, response.resultObject);
-            }
-            else {
-                return null;
-            }
-        });
-    }
-    addWebSessionTransactionLine(transactionUuid, sku, quantity) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this.transactionConnector.addWebSessionTransactionLine(transactionUuid, sku, quantity);
-            if (response && response.validationResult && response.validationResult.success) {
-                const infoResponse = this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
-                return infoResponse.transactionInfo.uuid;
-            }
-            return "";
-        });
-    }
-}
-ProductConnectorAdapterService.decorators = [
-    { type: Injectable }
-];
+// Sole responsibility is simply to wrap around a colijn.Connector to create a stable inner interface to the library in a 1:1 method way.
+// Only to be used by the IOneControllerService.
+class ProductConnectorAdapterService {
+    constructor() {
+        this.showLoader = new Subject();
+        this._boFactory = new BusinessObjectFactory();
+    }
+    ngOnDestroy() {
+        this.articleConnector.showLoader.unsubscribe();
+    }
+    initConnector(options) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.articleConnector = new Articles(options);
+            yield this.articleConnector.connect();
+            this.transactionConnector = new Transaction(options);
+            this.articleConnector.showLoader.subscribe(value => this.showLoader.next(value));
+        });
+    }
+    setInstance(instanceId) {
+        // this.articleConnector.setInstanceToConfigure(instanceId, false);
+    }
+    getProductBundleSettings(url, upId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const tempSettings = new ProductSettings();
+            tempSettings.url = url;
+            tempSettings.schema = upId.toString();
+            const tempMainConnector = new MainApi(tempSettings);
+            const response = yield tempMainConnector.getPublicParams(upId);
+            if (response) {
+                return response.productSettings;
+            }
+            return "";
+        });
+    }
+    convertArticleFullObjectToArticleExtended(article) {
+        if (article) {
+            return this._boFactory.makeWithRawBackendData(ArticleExtended, article);
+        }
+    }
+    getDeliveryPrognosis(goodId, branchNr) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const deliveryPrognosis = yield this.getSelectorDeliveryDate();
+            if (!deliveryPrognosis || !deliveryPrognosis.returnValue) {
+                return this.getDeliveryDate2(goodId);
+            }
+            return deliveryPrognosis;
+        });
+    }
+    getSelectorDeliveryDate() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield this.articleConnector.getSelectorDeliveryDate();
+            if (response && response.validationResult && response.validationResult.success) {
+                return this._boFactory.makeWithRawBackendData(DeliveryPrognosis, response.resultObject);
+            }
+            else {
+                return null;
+            }
+        });
+    }
+    getArtStockStatus(goodId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield this.articleConnector.getArtStockStatus(goodId);
+            if (response && response.validationResult && response.validationResult.success) {
+                return response.resultObject;
+            }
+            else {
+                return null;
+            }
+        });
+    }
+    getDeliveryDate2(goodId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield this.articleConnector.getDeliveryDate2(goodId);
+            if (response && response.validationResult && response.validationResult.success) {
+                return this._boFactory.makeWithRawBackendData(DeliveryPrognosis, response.resultObject);
+            }
+            else {
+                return null;
+            }
+        });
+    }
+    getJsonConfiguredArticles(configuratorStatistics) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield this.articleConnector.getJsonConfiguredArticles(configuratorStatistics);
+            if (response && response.validationResult && response.validationResult.success) {
+                return response.resultObject;
+            }
+            else {
+                return '';
+            }
+        });
+    }
+    getJsonArticleFlatTree(goodId, goodType, quantity, showLoader = true, instanceId, configuratorStatistics) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return this.articleConnector.getJsonArticleFlatTree(goodId, goodType, quantity, showLoader, instanceId, configuratorStatistics);
+        });
+    }
+    getGoodIdFromArticleNr(sku) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield this.articleConnector.getGoodIdFromArticleNr(sku);
+            if (response && response.validationResult && response.validationResult.success) {
+                return response.resultObject;
+            }
+            else {
+                return null;
+            }
+        });
+    }
+    getArticleFullObject(goodId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield this.articleConnector.getArticleFullObject(goodId);
+            if (response && response.validationResult && response.validationResult.success) {
+                return this._boFactory.makeWithRawBackendData(ArticleFullObject, response.resultObject);
+            }
+            else {
+                return null;
+            }
+        });
+    }
+    getSuperArticle(id, branch) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield this.articleConnector.getSuperArticleQuickSel(id, branch);
+            if (response && response.validationResult && response.validationResult.success) {
+                return this._boFactory.makeWithRawBackendData(SuperArticle, response.resultObject);
+            }
+            else {
+                return null;
+            }
+        });
+    }
+    getDocumentContent(docId, thumbnail = true) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield this.articleConnector.getDocumentContent(docId, thumbnail);
+            if (response && response.validationResult && response.validationResult.success) {
+                return this._boFactory.makeWithRawBackendData(DocumentContent, response.resultObject);
+            }
+            else {
+                return null;
+            }
+        });
+    }
+    addWebSessionTransactionLine(transactionUuid, sku, quantity) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield this.transactionConnector.addWebSessionTransactionLine(transactionUuid, sku, quantity);
+            if (response && response.validationResult && response.validationResult.success) {
+                const infoResponse = this._boFactory.makeWithRawBackendData(TransactionInfoResponse, response.resultObject);
+                return infoResponse.transactionInfo.uuid;
+            }
+            return "";
+        });
+    }
+}
+ProductConnectorAdapterService.decorators = [
+    { type: Injectable }
+];
 ProductConnectorAdapterService.ctorParameters = () => [];
 
-var LanguageCode;
-(function (LanguageCode) {
-    LanguageCode["Dutch"] = "nl-NL";
-    LanguageCode["English"] = "en-GB";
-    LanguageCode["German"] = "de-DE";
-    LanguageCode["French"] = "fr-FR";
+var LanguageCode;
+(function (LanguageCode) {
+    LanguageCode["Dutch"] = "nl-NL";
+    LanguageCode["English"] = "en-GB";
+    LanguageCode["German"] = "de-DE";
+    LanguageCode["French"] = "fr-FR";
 })(LanguageCode || (LanguageCode = {}));
 
-class Dictionary {
-    constructor() {
-        this.strings = {
-            "nl": {
-                "ADDITIONAL_DATA": "Extra informatie",
-                "ALTERNATIVE_PRODUCTS": "Alternatieve producten",
-                "ARTICLE_NUMBER": "Artikel nummer",
-                "CATEGORY": "Categorie",
-                "CATEGORY_TYPE": "Categorie type",
-                "CONFIGURE": "Configureren",
-                "DELIVERY_TIME_PERIOD": "Levertijd",
-                "DESCRIPTION": "Omschrijving",
-                "DOCUMENTS": "Documenten",
-                "DOWNLOADS": "Downloads",
-                "FEATURES": "Kenmerken",
-                "HEIGHT": "Hoogte",
-                "MATERIAL": "Materiaal",
-                "PRODUCT_IN_STOCK": "Op voorraad",
-                "PRODUCT_LIMITED_STOCK": "Beperkt op voorraad",
-                "PRODUCT_NOT_IN_STOCK": "Niet op voorraad",
-                "PROPERTIES": "Eigenschappen",
-                "QUOTATION": "Quotatie",
-                "READ_MORE": "Lees meer",
-                "RELATED_PRODUCTS": "Gerelateerde producten",
-                "SHOPPING_CART_IN": "In winkelwagen",
-                "SHOW_IN": "Laat zien",
-                "STOCK": "Voorraad",
-                "SYMBOLS": "Symbolen",
-                "TITLE": "Titel",
-                "TURNOVERGROUP": "Omzetgroep",
-                "VARIANTS": "Varianten",
-                "WIDTH": "Breedte"
-            },
-            "de": {
-                "ADDITIONAL_DATA": "Extra informatie",
-                "ALTERNATIVE_PRODUCTS": "Alternative Produkte",
-                "ARTICLE_NUMBER": "Artikelnummer",
-                "CATEGORY": "Kategorie",
-                "CATEGORY_TYPE": "Kategorietype",
-                "CONFIGURE": "Konfigurieren",
-                "DELIVERY_TIME_PERIOD": "Lieferzeit",
-                "DESCRIPTION": "Beschreibung",
-                "DOCUMENTS": "Dateien",
-                "DOWNLOADS": "Downloads",
-                "FEATURES": "Eigenschaften",
-                "HEIGHT": "Höhe",
-                "MATERIAL": "Material",
-                "PRODUCT_IN_STOCK": "Auf lager",
-                "PRODUCT_LIMITED_STOCK": "Begrentzt auf lager",
-                "PRODUCT_NOT_IN_STOCK": "Nicht auf lager",
-                "PROPERTIES": "Eigenschaften",
-                "QUOTATION": "Angebot",
-                "READ_MORE": "Lesen Sie mehr",
-                "RELATED_PRODUCTS": "Verwandte Produkte",
-                "SHOPPING_CART_IN": "Im Einkaufswagen",
-                "SHOW_IN": "Zeigen",
-                "STOCK": "Vorrat",
-                "SYMBOLS": "Symbole",
-                "TITLE": "Titulatur",
-                "TURNOVERGROUP": "Umsatzgruppe",
-                "VARIANTS": "Varianten",
-                "WIDTH": "Breite"
-            }
-        };
-    }
+class Dictionary {
+    constructor() {
+        this.strings = {
+            "nl": {
+                "ADDITIONAL_DATA": "Extra informatie",
+                "ALTERNATIVE_PRODUCTS": "Alternatieve producten",
+                "ARTICLE_NUMBER": "Artikel nummer",
+                "CATEGORY": "Categorie",
+                "CATEGORY_TYPE": "Categorie type",
+                "CONFIGURE": "Configureren",
+                "DELIVERY_TIME_PERIOD": "Levertijd",
+                "DESCRIPTION": "Omschrijving",
+                "DOCUMENTS": "Documenten",
+                "DOWNLOADS": "Downloads",
+                "FEATURES": "Kenmerken",
+                "HEIGHT": "Hoogte",
+                "MATERIAL": "Materiaal",
+                "PRODUCT_IN_STOCK": "Op voorraad",
+                "PRODUCT_LIMITED_STOCK": "Beperkt op voorraad",
+                "PRODUCT_NOT_IN_STOCK": "Niet op voorraad",
+                "PROPERTIES": "Eigenschappen",
+                "QUOTATION": "Quotatie",
+                "READ_MORE": "Lees meer",
+                "RELATED_PRODUCTS": "Gerelateerde producten",
+                "SHOPPING_CART_IN": "In winkelwagen",
+                "SHOW_IN": "Laat zien",
+                "STOCK": "Voorraad",
+                "SYMBOLS": "Symbolen",
+                "TITLE": "Titel",
+                "TURNOVERGROUP": "Omzetgroep",
+                "VARIANTS": "Varianten",
+                "WIDTH": "Breedte"
+            },
+            "de": {
+                "ADDITIONAL_DATA": "Extra informatie",
+                "ALTERNATIVE_PRODUCTS": "Alternative Produkte",
+                "ARTICLE_NUMBER": "Artikelnummer",
+                "CATEGORY": "Kategorie",
+                "CATEGORY_TYPE": "Kategorietype",
+                "CONFIGURE": "Konfigurieren",
+                "DELIVERY_TIME_PERIOD": "Lieferzeit",
+                "DESCRIPTION": "Beschreibung",
+                "DOCUMENTS": "Dateien",
+                "DOWNLOADS": "Downloads",
+                "FEATURES": "Eigenschaften",
+                "HEIGHT": "Höhe",
+                "MATERIAL": "Material",
+                "PRODUCT_IN_STOCK": "Auf lager",
+                "PRODUCT_LIMITED_STOCK": "Begrentzt auf lager",
+                "PRODUCT_NOT_IN_STOCK": "Nicht auf lager",
+                "PROPERTIES": "Eigenschaften",
+                "QUOTATION": "Angebot",
+                "READ_MORE": "Lesen Sie mehr",
+                "RELATED_PRODUCTS": "Verwandte Produkte",
+                "SHOPPING_CART_IN": "Im Einkaufswagen",
+                "SHOW_IN": "Zeigen",
+                "STOCK": "Vorrat",
+                "SYMBOLS": "Symbole",
+                "TITLE": "Titulatur",
+                "TURNOVERGROUP": "Umsatzgruppe",
+                "VARIANTS": "Varianten",
+                "WIDTH": "Breite"
+            }
+        };
+    }
 }
 
-// The localization service, providing peers with text translation functionality.
-class DictionaryService {
-    constructor(_http, _jsonUtils) {
-        this._http = _http;
-        this._jsonUtils = _jsonUtils;
-        this.dictionaryUrl = 'js/browser/res/dictionary/';
-        // private _dictionaryPromise: Map<LanguageCode, Promise<{ [key: string]: string }>> = new Map<LanguageCode, Promise<{ [key: string]: string }>>();
-        this._dictionaries = new Map();
-        // Some dictionary values have one or more '|~' texts in them, meant to be replaced with client-side given texts.
-        this._placeholder = '|~';
-    }
-    get language() {
-        return this._language;
-    }
-    set rootUrl(value) {
-        this._rootUrl = value;
-        this._dictBasePath = this._rootUrl + '/' + this.dictionaryUrl;
-    }
-    // Loads the dictionary for given language in memory.
-    setDictionary(language) {
-        return __awaiter(this, void 0, void 0, function* () {
-            this._language = language || LanguageCode.Dutch;
-            if (!this._dictionaries.has(this._language)) {
-                const dictionary = new Dictionary();
-                if (dictionary.strings[this._language.substr(0, 2).toLowerCase()] !== undefined) {
-                    this._dictionaries.set(this._language, dictionary.strings[this._language.substr(0, 2).toLowerCase()]);
-                }
-            }
-            // if (!this._dictionaryPromise.has(language)) {
-            //   this._dictionaryPromise.set(language,
-            //     this._jsonUtils.readJsonFile(this._dictBasePath + 'text_' + language.substr(0, 2).toLowerCase() + '.properties.json')
-            //       .then((data: { [key: string]: string }) => {
-            //         this._dictionaries.set(language, data);
-            //         this.dictionaryLoaded.next();
-            //         return data;
-            //       })
-            //     // this._http.get(this._dictBasePath + 'text_' + language.substr(0, 2).toLowerCase() + '.properties.json')
-            //     //   .toPromise().then((data: { [key: string]: string }) => {
-            //     //   this._dictionaries.set(language, data);
-            //     //   return data;
-            //     // })
-            //   );
-            // } else {
-            //   this.dictionaryLoaded.next();
-            // }
-            // await this._dictionaryPromise.get(language);
-        });
-    }
-    /**
-     * Returns the localized text for the given dictionary key.
-     * @param {string} key
-     * @param {boolean} [upperCaseFirst = true] False for first letter lowercase, true for first letter uppercase for returned dict val
-     * @param {string[]} replacementTexts Rest params for replacement of '|~' in returned dict value
-     * @returns {string} The translated text for given dictionary key
-     */
-    get(key, upperCaseFirst = true, ...replacementTexts) {
-        if (!StringUtils.IsStringWithLength(key)) {
-            return key || '';
-        }
-        let text = this._dictionaries.get(this.language)[key];
-        text = StringUtils.IsStringWithLength(text) ? text : key;
-        if (upperCaseFirst) {
-            text = text.charAt(0).toUpperCase() + text.slice(1);
-        }
-        else {
-            text = text.charAt(0).toLowerCase() + text.slice(1);
-        }
-        if (replacementTexts.length > 0) {
-            text = StringUtils.ReplaceOccurrencesIn(text, this._placeholder, ...replacementTexts);
-        }
-        return text;
-    }
-}
-DictionaryService.ɵprov = i0.ɵɵdefineInjectable({ factory: function DictionaryService_Factory() { return new DictionaryService(i0.ɵɵinject(i1.HttpClient), i0.ɵɵinject(JsonUtilsService)); }, token: DictionaryService, providedIn: "root" });
-DictionaryService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-DictionaryService.ctorParameters = () => [
-    { type: HttpClient },
-    { type: JsonUtilsService }
+// The localization service, providing peers with text translation functionality.
+class DictionaryService {
+    constructor(_http, _jsonUtils) {
+        this._http = _http;
+        this._jsonUtils = _jsonUtils;
+        this.dictionaryUrl = 'js/browser/res/dictionary/';
+        // private _dictionaryPromise: Map<LanguageCode, Promise<{ [key: string]: string }>> = new Map<LanguageCode, Promise<{ [key: string]: string }>>();
+        this._dictionaries = new Map();
+        // Some dictionary values have one or more '|~' texts in them, meant to be replaced with client-side given texts.
+        this._placeholder = '|~';
+    }
+    get language() {
+        return this._language;
+    }
+    set rootUrl(value) {
+        this._rootUrl = value;
+        this._dictBasePath = this._rootUrl + '/' + this.dictionaryUrl;
+    }
+    // Loads the dictionary for given language in memory.
+    setDictionary(language) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this._language = language || LanguageCode.Dutch;
+            if (!this._dictionaries.has(this._language)) {
+                const dictionary = new Dictionary();
+                if (dictionary.strings[this._language.substr(0, 2).toLowerCase()] !== undefined) {
+                    this._dictionaries.set(this._language, dictionary.strings[this._language.substr(0, 2).toLowerCase()]);
+                }
+            }
+            // if (!this._dictionaryPromise.has(language)) {
+            //   this._dictionaryPromise.set(language,
+            //     this._jsonUtils.readJsonFile(this._dictBasePath + 'text_' + language.substr(0, 2).toLowerCase() + '.properties.json')
+            //       .then((data: { [key: string]: string }) => {
+            //         this._dictionaries.set(language, data);
+            //         this.dictionaryLoaded.next();
+            //         return data;
+            //       })
+            //     // this._http.get(this._dictBasePath + 'text_' + language.substr(0, 2).toLowerCase() + '.properties.json')
+            //     //   .toPromise().then((data: { [key: string]: string }) => {
+            //     //   this._dictionaries.set(language, data);
+            //     //   return data;
+            //     // })
+            //   );
+            // } else {
+            //   this.dictionaryLoaded.next();
+            // }
+            // await this._dictionaryPromise.get(language);
+        });
+    }
+    /**
+     * Returns the localized text for the given dictionary key.
+     * @param {string} key
+     * @param {boolean} [upperCaseFirst = true] False for first letter lowercase, true for first letter uppercase for returned dict val
+     * @param {string[]} replacementTexts Rest params for replacement of '|~' in returned dict value
+     * @returns {string} The translated text for given dictionary key
+     */
+    get(key, upperCaseFirst = true, ...replacementTexts) {
+        if (!StringUtils.IsStringWithLength(key)) {
+            return key || '';
+        }
+        let text = this._dictionaries.get(this.language)[key];
+        text = StringUtils.IsStringWithLength(text) ? text : key;
+        if (upperCaseFirst) {
+            text = text.charAt(0).toUpperCase() + text.slice(1);
+        }
+        else {
+            text = text.charAt(0).toLowerCase() + text.slice(1);
+        }
+        if (replacementTexts.length > 0) {
+            text = StringUtils.ReplaceOccurrencesIn(text, this._placeholder, ...replacementTexts);
+        }
+        return text;
+    }
+}
+DictionaryService.ɵprov = i0.ɵɵdefineInjectable({ factory: function DictionaryService_Factory() { return new DictionaryService(i0.ɵɵinject(i1.HttpClient), i0.ɵɵinject(JsonUtilsService)); }, token: DictionaryService, providedIn: "root" });
+DictionaryService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
+DictionaryService.ctorParameters = () => [
+    { type: HttpClient },
+    { type: JsonUtilsService }
 ];
 
-class ProductSettingsService {
-    constructor(_jsonUtilsService, _dictionaryService) {
-        this._jsonUtilsService = _jsonUtilsService;
-        this._dictionaryService = _dictionaryService;
-        this.settingsLoaded = new BehaviorSubject(false);
-    }
-    set settings(value) {
-        this._settings = value;
-    }
-    get settings() {
-        return this._settings;
-    }
-    initializeSettings(finish = true) {
-        return __awaiter(this, void 0, void 0, function* () {
-            // see if there's a json file for application settings
-            if (typeof settings === 'undefined') {
-                const jsonSettings = yield this._jsonUtilsService.readJsonFile('product-settings.json');
-                if (jsonSettings) {
-                    this.settings = Object.assign(new ProductSettings(), jsonSettings);
-                    this.settings.options = Object.assign(new SettingsOptions(), this.settings.options);
-                    if (finish) {
-                        this.settingsFinished();
-                    }
-                }
-            }
-            else {
-                this.settings = Object.assign(new ProductSettings(), settings);
-                this.settings.options = Object.assign(new SettingsOptions(), this.settings.options);
-                if (finish) {
-                    this.settingsFinished();
-                }
-            }
-        });
-    }
-    createSettingsFromObject(obj) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!this.settings) {
-                this.settings = new ProductSettings();
-            }
-            const ownOptions = Object.assign({}, this.settings.options);
-            const ownRenderParameters = Object.assign({}, this.settings.renderParameters);
-            this.settings = Object.assign({}, this.settings, obj);
-            if (obj.renderParameters) {
-                this.settings.renderParameters = Object.assign({}, ownRenderParameters, obj.renderParameters);
-            }
-            if (obj.options) {
-                this.settings.options = Object.assign({}, ownOptions, obj.options);
-            }
-            if (obj.hasOwnProperty('assetPath')) {
-                this.settings.assetPath = obj['assetPath'];
-                if (this.settings.assetPath[this.settings.assetPath.length - 1] !== '/') {
-                    this.settings.assetPath += '/';
-                }
-                this.settings.threeDAssetPath = this.settings.assetPath;
-            }
-            if (obj.hasOwnProperty('threeDAssetPath')) {
-                this.settings.threeDAssetPath = obj['threeDAssetPath'];
-                if (this.settings.threeDAssetPath[this.settings.threeDAssetPath.length - 1] !== '/') {
-                    this.settings.threeDAssetPath += '/';
-                }
-            }
-            this.settingsFinished();
-        });
-    }
-    settingsFinished() {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield this._dictionaryService.setDictionary(this.settings.languageCode);
-            this.settingsLoaded.next(true);
-        });
-    }
-}
-ProductSettingsService.decorators = [
-    { type: Injectable }
-];
-ProductSettingsService.ctorParameters = () => [
-    { type: JsonUtilsService },
-    { type: DictionaryService }
+class ProductSettingsService {
+    constructor(_jsonUtilsService, _dictionaryService) {
+        this._jsonUtilsService = _jsonUtilsService;
+        this._dictionaryService = _dictionaryService;
+        this.settingsLoaded = new BehaviorSubject(false);
+    }
+    set settings(value) {
+        this._settings = value;
+    }
+    get settings() {
+        return this._settings;
+    }
+    initializeSettings(finish = true) {
+        return __awaiter(this, void 0, void 0, function* () {
+            // see if there's a json file for application settings
+            if (typeof settings === 'undefined') {
+                const jsonSettings = yield this._jsonUtilsService.readJsonFile('product-settings.json');
+                if (jsonSettings) {
+                    this.settings = Object.assign(new ProductSettings(), jsonSettings);
+                    this.settings.options = Object.assign(new SettingsOptions(), this.settings.options);
+                    if (finish) {
+                        this.settingsFinished();
+                    }
+                }
+            }
+            else {
+                this.settings = Object.assign(new ProductSettings(), settings);
+                this.settings.options = Object.assign(new SettingsOptions(), this.settings.options);
+                if (finish) {
+                    this.settingsFinished();
+                }
+            }
+        });
+    }
+    createSettingsFromObject(obj) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.settings) {
+                this.settings = new ProductSettings();
+            }
+            const ownOptions = Object.assign({}, this.settings.options);
+            const ownRenderParameters = Object.assign({}, this.settings.renderParameters);
+            this.settings = Object.assign({}, this.settings, obj);
+            if (obj.renderParameters) {
+                this.settings.renderParameters = Object.assign({}, ownRenderParameters, obj.renderParameters);
+            }
+            if (obj.options) {
+                this.settings.options = Object.assign({}, ownOptions, obj.options);
+            }
+            if (obj.hasOwnProperty('assetPath')) {
+                this.settings.assetPath = obj['assetPath'];
+                if (this.settings.assetPath[this.settings.assetPath.length - 1] !== '/') {
+                    this.settings.assetPath += '/';
+                }
+                this.settings.threeDAssetPath = this.settings.assetPath;
+            }
+            if (obj.hasOwnProperty('threeDAssetPath')) {
+                this.settings.threeDAssetPath = obj['threeDAssetPath'];
+                if (this.settings.threeDAssetPath[this.settings.threeDAssetPath.length - 1] !== '/') {
+                    this.settings.threeDAssetPath += '/';
+                }
+            }
+            this.settingsFinished();
+        });
+    }
+    settingsFinished() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this._dictionaryService.setDictionary(this.settings.languageCode);
+            this.settingsLoaded.next(true);
+        });
+    }
+}
+ProductSettingsService.decorators = [
+    { type: Injectable }
+];
+ProductSettingsService.ctorParameters = () => [
+    { type: JsonUtilsService },
+    { type: DictionaryService }
 ];
 
-// Holds all iONE backend related state and methods for a running HomeDecorator. To be used anywhere internally.
-class ProductConnectorService {
-    constructor(_adapterService, _settingsService) {
-        this._adapterService = _adapterService;
-        this._settingsService = _settingsService;
-        this.controllerInitialized = new BehaviorSubject(false);
-        this._initializing = false;
-        this._initialized = false;
-        this.connectorOptions = new Options();
-        this.subs = [];
-    }
-    get shouldShowLoader() {
-        return this._shouldShowLoader;
-    }
-    ngOnDestroy() {
-        this.subs.forEach(sub => sub.unsubscribe());
-    }
-    initConnection() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this._initialized || this._initializing) {
-                return;
-            }
-            this._initializing = true;
-            try {
-                const settings = this._settingsService.settings;
-                if (!settings) {
-                    throw Error('Settings are not defined!');
-                }
-                this.connectorOptions = Object.assign(new Options(), settings);
-                yield this._adapterService.initConnector(this.connectorOptions);
-                this.controllerInitialized.next(true);
-                this._initialized = true;
-                this._initializing = false;
-            }
-            catch (e) {
-                this._initializing = false;
-            }
-        });
-    }
-    getProductBundleSettings(url, upId) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return this._adapterService.getProductBundleSettings(url, upId);
-        });
-    }
-    setInstance(instanceId) {
-        this._instanceId = instanceId;
-        this._adapterService.setInstance(instanceId);
-    }
-    convertArticleFullObjectToArticleExtended(article) {
-        return this._adapterService.convertArticleFullObjectToArticleExtended(article);
-    }
-    getFullArticle(sku) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const goodId = yield this._adapterService.getGoodIdFromArticleNr(sku);
-            if (goodId) {
-                return this._adapterService.getArticleFullObject(goodId);
-            }
-            return null;
-        });
-    }
-    getDocumentContent(docId, thumbnail = true) {
-        return this._adapterService.getDocumentContent(docId, thumbnail);
-    }
-    getDeliveryPrognosis(goodId) {
-        return this._adapterService.getDeliveryPrognosis(goodId);
-    }
-    getSelectorDeliveryDate() {
-        return __awaiter(this, void 0, void 0, function* () {
-            return this._adapterService.getSelectorDeliveryDate();
-        });
-    }
-    getArtStockStatus(goodId) {
-        return this._adapterService.getArtStockStatus(goodId);
-    }
-    getDeliveryDate2(goodId) {
-        return this._adapterService.getDeliveryDate2(goodId);
-    }
-    getSuperArticle(id) {
-        return this._adapterService.getSuperArticle(id);
-    }
-    getJsonArticleFlatTree(goodId, goodType, quantity, showLoader = true, configuratorStatistics) {
-        return this._adapterService.getJsonArticleFlatTree(goodId, goodType, quantity, showLoader, this._instanceId, configuratorStatistics);
-    }
-    addWebSessionTransactionLine(transactionUuid, sku, quantity) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return yield this._adapterService.addWebSessionTransactionLine(transactionUuid, sku, quantity);
-        });
-    }
-    onShowLoaderChange(showLoader) {
-        this._shouldShowLoader = showLoader;
-    }
-}
-ProductConnectorService.decorators = [
-    { type: Injectable }
-];
-ProductConnectorService.ctorParameters = () => [
-    { type: ProductConnectorAdapterService },
-    { type: ProductSettingsService }
+// Holds all iONE backend related state and methods for a running HomeDecorator. To be used anywhere internally.
+class ProductConnectorService {
+    constructor(_adapterService, _settingsService) {
+        this._adapterService = _adapterService;
+        this._settingsService = _settingsService;
+        this.controllerInitialized = new BehaviorSubject(false);
+        this._initializing = false;
+        this._initialized = false;
+        this.connectorOptions = new Options();
+        this.subs = [];
+    }
+    get shouldShowLoader() {
+        return this._shouldShowLoader;
+    }
+    ngOnDestroy() {
+        this.subs.forEach(sub => sub.unsubscribe());
+    }
+    initConnection() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this._initialized || this._initializing) {
+                return;
+            }
+            this._initializing = true;
+            try {
+                const settings = this._settingsService.settings;
+                if (!settings) {
+                    throw Error('Settings are not defined!');
+                }
+                this.connectorOptions = Object.assign(new Options(), settings);
+                yield this._adapterService.initConnector(this.connectorOptions);
+                this.controllerInitialized.next(true);
+                this._initialized = true;
+                this._initializing = false;
+            }
+            catch (e) {
+                this._initializing = false;
+            }
+        });
+    }
+    getProductBundleSettings(url, upId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return this._adapterService.getProductBundleSettings(url, upId);
+        });
+    }
+    setInstance(instanceId) {
+        this._instanceId = instanceId;
+        this._adapterService.setInstance(instanceId);
+    }
+    convertArticleFullObjectToArticleExtended(article) {
+        return this._adapterService.convertArticleFullObjectToArticleExtended(article);
+    }
+    getFullArticle(sku) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const goodId = yield this._adapterService.getGoodIdFromArticleNr(sku);
+            if (goodId) {
+                return this._adapterService.getArticleFullObject(goodId);
+            }
+            return null;
+        });
+    }
+    getDocumentContent(docId, thumbnail = true) {
+        return this._adapterService.getDocumentContent(docId, thumbnail);
+    }
+    getDeliveryPrognosis(goodId) {
+        return this._adapterService.getDeliveryPrognosis(goodId);
+    }
+    getSelectorDeliveryDate() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return this._adapterService.getSelectorDeliveryDate();
+        });
+    }
+    getArtStockStatus(goodId) {
+        return this._adapterService.getArtStockStatus(goodId);
+    }
+    getDeliveryDate2(goodId) {
+        return this._adapterService.getDeliveryDate2(goodId);
+    }
+    getSuperArticle(id) {
+        return this._adapterService.getSuperArticle(id);
+    }
+    getJsonArticleFlatTree(goodId, goodType, quantity, showLoader = true, configuratorStatistics) {
+        return this._adapterService.getJsonArticleFlatTree(goodId, goodType, quantity, showLoader, this._instanceId, configuratorStatistics);
+    }
+    addWebSessionTransactionLine(transactionUuid, sku, quantity) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this._adapterService.addWebSessionTransactionLine(transactionUuid, sku, quantity);
+        });
+    }
+    onShowLoaderChange(showLoader) {
+        this._shouldShowLoader = showLoader;
+    }
+}
+ProductConnectorService.decorators = [
+    { type: Injectable }
+];
+ProductConnectorService.ctorParameters = () => [
+    { type: ProductConnectorAdapterService },
+    { type: ProductSettingsService }
 ];
 
-class ProductEventService {
-    constructor() {
-        this.onAddToCart = new Subject();
-        this.onAlternativeClick = new Subject();
-        this.onAddToQuote = new Subject();
-        this.onForceRenderImage = new Subject();
-        this.onArticleReceived = new Subject();
-        this.onSelectionsReceived = new Subject();
-        this.onImageReceived = new Subject();
-        this.onRenderStarted = new Subject();
-        this.onRenderImageReceived = new Subject();
-        this.onDraftRenderImageReceived = new Subject();
-        this.onArticleInfoReceived = new Subject();
-        this.onUpdateProductInfoTab = new Subject();
-    }
-}
-ProductEventService.decorators = [
-    { type: Directive },
-    { type: Injectable }
-];
-ProductEventService.propDecorators = {
-    onAddToCart: [{ type: Output }],
-    onAlternativeClick: [{ type: Output }],
-    onAddToQuote: [{ type: Output }],
-    onForceRenderImage: [{ type: Output }]
+class ProductEventService {
+    constructor() {
+        this.onAddToCart = new Subject();
+        this.onAlternativeClick = new Subject();
+        this.onAddToQuote = new Subject();
+        this.onForceRenderImage = new Subject();
+        this.onArticleReceived = new Subject();
+        this.onSelectionsReceived = new Subject();
+        this.onImageReceived = new Subject();
+        this.onRenderStarted = new Subject();
+        this.onRenderImageReceived = new Subject();
+        this.onDraftRenderImageReceived = new Subject();
+        this.onArticleInfoReceived = new Subject();
+        this.onUpdateProductInfoTab = new Subject();
+    }
+}
+ProductEventService.decorators = [
+    { type: Directive },
+    { type: Injectable }
+];
+ProductEventService.propDecorators = {
+    onAddToCart: [{ type: Output }],
+    onAlternativeClick: [{ type: Output }],
+    onAddToQuote: [{ type: Output }],
+    onForceRenderImage: [{ type: Output }]
 };
 
-class IoneProductComponent {
-    constructor(_dictionary, _jsonUtils, _ione, _changeDetector, _appEventService, _settingsService) {
-        // this.sku = 'CF-HILL';
-        // this.sku = 'CF-ALMADA';
-        // this.sku = 'CF-39904ANT';
-        // this.sku = 'CF-22346001';
-        // this.sku = '104';
-        // this.sku = '1000561986';
-        // this.sku = '1000567768';
-        // this.sku = '1000234793';
-        // this.sku = '1066';
-        // this.sku = '104';
-        // this.sku = "70000107";
-        // this.sku = "grover";
-        this._dictionary = _dictionary;
-        this._jsonUtils = _jsonUtils;
-        this._ione = _ione;
-        this._changeDetector = _changeDetector;
-        this._appEventService = _appEventService;
-        this._settingsService = _settingsService;
-        this.handleAddArticleInternally = true;
-        this.onAddToCart = new EventEmitter();
-        this.forceRenderImage = new EventEmitter();
-        this.onAlternativeClick = new EventEmitter();
-        this.onArticleInfoReceived = new EventEmitter();
-        this.onArticleReceived = new EventEmitter();
-        this.onSelectionsReceived = new EventEmitter();
-        this.onAddToQuote = new EventEmitter();
-        this.openStockEvent = new EventEmitter();
-        this.settingsLoaded = false;
-        this._subs = [];
-        this._subs.push(
-        // this._dictionary.dictionaryLoaded.subscribe(d => this.upAndLoaded = true),
-        this._appEventService.onAddToCart.subscribe((data) => {
-            this._handleAddToCart(data);
-        }), this._appEventService.onAddToQuote.subscribe(json => this.onAddToQuote.emit(json)), this._appEventService.onAlternativeClick.subscribe(article => this.onAlternativeClick.emit(article)), this._appEventService.onArticleInfoReceived.subscribe(info => this._handleAnswerInfoReceived(info)), this._appEventService.onArticleReceived.subscribe(article => this.onArticleReceived.emit(article)), this._appEventService.onSelectionsReceived.subscribe(selections => this.onSelectionsReceived.emit(selections)), this._settingsService.settingsLoaded.subscribe(loaded => {
-            this.settingsLoaded = loaded;
-        }));
-    }
-    set settings(value) {
-        if (value) {
-            if (typeof value === 'string') {
-                this._settings = JSON.parse(value);
-            }
-            else {
-                this._settings = value;
-            }
-        }
-    }
-    get settings() {
-        return this._settings;
-    }
-    ngOnInit() {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield this._settingsService.initializeSettings(this._settings === undefined);
-            if (this._settings) {
-                this._settingsService.createSettingsFromObject(this._settings);
-            }
-        });
-    }
-    ngOnChanges(changes) {
-        this._changeDetector.detectChanges();
-    }
-    ngOnDestroy() {
-        this._subs.forEach(s => s.unsubscribe());
-    }
-    _handleAnswerInfoReceived(info) {
-        this.onArticleInfoReceived.next(info);
-    }
-    _handleAddToCart(data) {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.onAddToCart.emit(data);
-        });
-    }
-    openStock() {
-        this.openStockEvent.emit();
-    }
-}
-IoneProductComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'app-ione-product',
+class IoneProductComponent {
+    constructor(_dictionary, _jsonUtils, _ione, _changeDetector, _appEventService, _settingsService) {
+        // this.sku = 'CF-HILL';
+        // this.sku = 'CF-ALMADA';
+        // this.sku = 'CF-39904ANT';
+        // this.sku = 'CF-22346001';
+        // this.sku = '104';
+        // this.sku = '1000561986';
+        // this.sku = '1000567768';
+        // this.sku = '1000234793';
+        // this.sku = '1066';
+        // this.sku = '104';
+        // this.sku = "70000107";
+        // this.sku = "grover";
+        this._dictionary = _dictionary;
+        this._jsonUtils = _jsonUtils;
+        this._ione = _ione;
+        this._changeDetector = _changeDetector;
+        this._appEventService = _appEventService;
+        this._settingsService = _settingsService;
+        this.handleAddArticleInternally = true;
+        this.onAddToCart = new EventEmitter();
+        this.forceRenderImage = new EventEmitter();
+        this.onAlternativeClick = new EventEmitter();
+        this.onArticleInfoReceived = new EventEmitter();
+        this.onArticleReceived = new EventEmitter();
+        this.onSelectionsReceived = new EventEmitter();
+        this.onAddToQuote = new EventEmitter();
+        this.openStockEvent = new EventEmitter();
+        this.settingsLoaded = false;
+        this._subs = [];
+        this._subs.push(
+        // this._dictionary.dictionaryLoaded.subscribe(d => this.upAndLoaded = true),
+        this._appEventService.onAddToCart.subscribe((data) => {
+            this._handleAddToCart(data);
+        }), this._appEventService.onAddToQuote.subscribe(json => this.onAddToQuote.emit(json)), this._appEventService.onAlternativeClick.subscribe(article => this.onAlternativeClick.emit(article)), this._appEventService.onArticleInfoReceived.subscribe(info => this._handleAnswerInfoReceived(info)), this._appEventService.onArticleReceived.subscribe(article => this.onArticleReceived.emit(article)), this._appEventService.onSelectionsReceived.subscribe(selections => this.onSelectionsReceived.emit(selections)), this._settingsService.settingsLoaded.subscribe(loaded => {
+            this.settingsLoaded = loaded;
+        }));
+    }
+    set settings(value) {
+        if (value) {
+            if (typeof value === 'string') {
+                this._settings = JSON.parse(value);
+            }
+            else {
+                this._settings = value;
+            }
+        }
+    }
+    get settings() {
+        return this._settings;
+    }
+    ngOnInit() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this._settingsService.initializeSettings(this._settings === undefined);
+            if (this._settings) {
+                this._settingsService.createSettingsFromObject(this._settings);
+            }
+        });
+    }
+    ngOnChanges(changes) {
+        this._changeDetector.detectChanges();
+    }
+    ngOnDestroy() {
+        this._subs.forEach(s => s.unsubscribe());
+    }
+    _handleAnswerInfoReceived(info) {
+        this.onArticleInfoReceived.next(info);
+    }
+    _handleAddToCart(data) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.onAddToCart.emit(data);
+        });
+    }
+    openStock() {
+        this.openStockEvent.emit();
+    }
+}
+IoneProductComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'app-ione-product',
                 template: `
       <app-product-page *ngIf="settingsLoaded"
                         [createFrozenArticle]="handleAddArticleInternally"
+                        [isReturn]="isReturn"
                         (openStockEvent)="openStock()" [sku]="sku"
       ></app-product-page>
-  `,
-                encapsulation: ViewEncapsulation.Emulated,
-                styles: [""]
-            },] }
-];
-IoneProductComponent.ctorParameters = () => [
-    { type: DictionaryService },
-    { type: JsonUtilsService },
-    { type: ProductConnectorService },
-    { type: ChangeDetectorRef },
-    { type: ProductEventService },
-    { type: ProductSettingsService }
-];
-IoneProductComponent.propDecorators = {
-    sku: [{ type: Input }],
-    settings: [{ type: Input }],
-    handleAddArticleInternally: [{ type: Input }],
-    onAddToCart: [{ type: Output }],
-    forceRenderImage: [{ type: Output }],
-    onAlternativeClick: [{ type: Output }],
-    onArticleInfoReceived: [{ type: Output }],
-    onArticleReceived: [{ type: Output }],
-    onSelectionsReceived: [{ type: Output }],
-    onAddToQuote: [{ type: Output }],
-    openStockEvent: [{ type: Output }]
+  `,
+                encapsulation: ViewEncapsulation.Emulated,
+                styles: [""]
+            },] }
+];
+IoneProductComponent.ctorParameters = () => [
+    { type: DictionaryService },
+    { type: JsonUtilsService },
+    { type: ProductConnectorService },
+    { type: ChangeDetectorRef },
+    { type: ProductEventService },
+    { type: ProductSettingsService }
+];
+IoneProductComponent.propDecorators = {
+    sku: [{ type: Input }],
+    isReturn: [{ type: Input }],
+    settings: [{ type: Input }],
+    handleAddArticleInternally: [{ type: Input }],
+    onAddToCart: [{ type: Output }],
+    forceRenderImage: [{ type: Output }],
+    onAlternativeClick: [{ type: Output }],
+    onArticleInfoReceived: [{ type: Output }],
+    onArticleReceived: [{ type: Output }],
+    onSelectionsReceived: [{ type: Output }],
+    onAddToQuote: [{ type: Output }],
+    openStockEvent: [{ type: Output }]
 };
 
-class StockAndDelivery {
-    constructor(stock, deliveryDescription) {
-        this.stock = 0;
-        this.stock = stock;
-        this.deliveryDescription = deliveryDescription;
-    }
+class StockAndDelivery {
+    constructor(stock, deliveryDescription) {
+        this.stock = 0;
+        this.stock = stock;
+        this.deliveryDescription = deliveryDescription;
+    }
 }
 
-var SelectorType;
-(function (SelectorType) {
-    SelectorType["TwoD"] = "2D";
-    SelectorType["ThreeD"] = "3D";
-    SelectorType["Omni"] = "Omni";
+var SelectorType;
+(function (SelectorType) {
+    SelectorType["TwoD"] = "2D";
+    SelectorType["ThreeD"] = "3D";
+    SelectorType["Omni"] = "Omni";
 })(SelectorType || (SelectorType = {}));
 
-/** AUTO GENERATED FILE. DO NOT CHANGE.. **/
-var IconEnum;
-(function (IconEnum) {
-    IconEnum["AddToCartDrop"] = "add_to_cart_drop";
-    IconEnum["DeliveryTruck"] = "delivery_truck";
-    IconEnum["Download"] = "download";
-    IconEnum["FullScreen"] = "full_screen";
-    IconEnum["Location"] = "location";
-    IconEnum["Logo"] = "logo";
-    IconEnum["MagicWand"] = "magic_wand";
-    IconEnum["NormalScreen"] = "normal_screen";
-    IconEnum["Quote"] = "quote";
-    IconEnum["Refresh"] = "refresh";
-    IconEnum["ThreeD"] = "three_d";
-    IconEnum["Truck"] = "truck";
-    IconEnum["TwoD"] = "two_d";
-    IconEnum["Warehouse"] = "warehouse";
+/** AUTO GENERATED FILE. DO NOT CHANGE.. **/
+var IconEnum;
+(function (IconEnum) {
+    IconEnum["AddToCartDrop"] = "add_to_cart_drop";
+    IconEnum["DeliveryTruck"] = "delivery_truck";
+    IconEnum["Download"] = "download";
+    IconEnum["FullScreen"] = "full_screen";
+    IconEnum["Location"] = "location";
+    IconEnum["Logo"] = "logo";
+    IconEnum["MagicWand"] = "magic_wand";
+    IconEnum["NormalScreen"] = "normal_screen";
+    IconEnum["Quote"] = "quote";
+    IconEnum["Refresh"] = "refresh";
+    IconEnum["ThreeD"] = "three_d";
+    IconEnum["Truck"] = "truck";
+    IconEnum["TwoD"] = "two_d";
+    IconEnum["Warehouse"] = "warehouse";
 })(IconEnum || (IconEnum = {}));
 
-/** AUTO GENERATED FILE. DO NOT CHANGE.. **/
-const IconSvg = {
-    "add_to_cart_drop": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M16.58,34.84a1.8,1.8,0,1,0,1.8,1.8A1.79,1.79,0,0,0,16.58,34.84Z\" fill=\"#484f60\"/><path d=\"M31.49,34.84a1.8,1.8,0,1,0,1.8,1.8A1.79,1.79,0,0,0,31.49,34.84Z\" fill=\"#484f60\"/><path d=\"M35.6,17.9l-1.51.18L31.88,20.3l1.31-.17a.88.88,0,0,1,1,1.08L32.35,29.5a1.52,1.52,0,0,1-1.44,1.2H16.51a1.75,1.75,0,0,1-1.57-1.17l-2.31-5.6a1,1,0,0,1,.85-1.29l4.43-.56-1.86-1.86-5.13.61a1,1,0,0,0-.87,1.28l3.34,9.44A1.73,1.73,0,0,0,15,32.72H32.64a1.51,1.51,0,0,0,1.43-1.2L36.6,19A.89.89,0,0,0,35.6,17.9Z\" fill=\"#484f60\"/><path d=\"M39,17a1.87,1.87,0,0,0-1.36,1.46l-.42,2.89c-.1.67.31,1,.9.7a2.75,2.75,0,0,0,1.33-1.7L40,18A.73.73,0,0,0,39,17Z\" fill=\"#484f60\"/><polygon points=\"24 25.35 32.04 17.3 27.04 17.3 27.04 10 20.95 10 20.95 17.3 15.96 17.3 24 25.35\" fill=\"#484f60\"/></svg>",
-    "delivery_truck": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M25,45A20,20,0,1,1,45,25,20,20,0,0,1,25,45ZM25,6.29A18.71,18.71,0,1,0,43.71,25,18.73,18.73,0,0,0,25,6.29Z\" fill=\"#484f60\"/><path d=\"M21.86,24.09a7.14,7.14,0,0,1,.72-3.24,6.94,6.94,0,0,1,1.18-1.66H13v10.1h8.51a3.25,3.25,0,0,1,3.27-3.07A3.33,3.33,0,0,1,27,27V25.75H21.9Z\" fill=\"#484f60\" opacity=\"0.5\"/><path d=\"M21.65,30.47h-.48a3.51,3.51,0,0,1,1.13,2.19h1.57a3.22,3.22,0,0,1-1.41-.83A3.13,3.13,0,0,1,21.65,30.47Z\" fill=\"#484f60\" opacity=\"0.5\"/><path d=\"M34.63,21.89H28.87c-.3.25-.5.43-.63.56v8H28a3.19,3.19,0,0,1-.82,1.37,3.3,3.3,0,0,1-1.41.82H29a3.53,3.53,0,0,1,7,0h1V27.1Zm-.2,5.38H30.8a.47.47,0,0,1-.46-.46V23.36a.46.46,0,0,1,.46-.46h2.1a.45.45,0,0,1,.42.27l1.53,3.45A.46.46,0,0,1,34.43,27.27Z\" fill=\"#484f60\" opacity=\"0.5\"/><path d=\"M16.42,30.47a3.51,3.51,0,0,0-1.13,2.19H14.6l-1.6-1V30.47Z\" fill=\"#484f60\" opacity=\"0.5\"/><path d=\"M30,33.08a2.53,2.53,0,1,0,2.53-2.53A2.52,2.52,0,0,0,30,33.08Z\" fill=\"#484f60\" opacity=\"0.5\"/><path d=\"M16.27,33.08a2.53,2.53,0,1,0,2.53-2.53A2.52,2.52,0,0,0,16.27,33.08Z\" fill=\"#484f60\" opacity=\"0.5\"/><path d=\"M22.45,17.27h-3.2a4.29,4.29,0,0,1,1.61-3.49,6.45,6.45,0,0,1,4.31-1.38,6.79,6.79,0,0,1,2.92.57A4.72,4.72,0,0,1,30,14.62a4,4,0,0,1,.72,2.26,3.74,3.74,0,0,1-.23,1.27,5.31,5.31,0,0,1-.73,1.29,12,12,0,0,1-1.4,1.29A8.74,8.74,0,0,0,27.06,22a3.17,3.17,0,0,0-.46.94,7.56,7.56,0,0,0-.23,1.65h-3.3v-.49a6,6,0,0,1,.59-2.68,6.8,6.8,0,0,1,1.94-2.25,9.44,9.44,0,0,0,1.56-1.41,1.5,1.5,0,0,0,.27-.9,1.47,1.47,0,0,0-.65-1.19A2.9,2.9,0,0,0,25,15.14a2.77,2.77,0,0,0-1.84.6A1.91,1.91,0,0,0,22.45,17.27Z\" fill=\"#484f60\"/><path d=\"M24.78,27.42a2.06,2.06,0,0,1,1.51.61,2,2,0,0,1,.63,1.47A2,2,0,0,1,26.3,31a2.08,2.08,0,0,1-1.5.62A2,2,0,0,1,23.31,31a2.08,2.08,0,0,1,0-2.95A2,2,0,0,1,24.78,27.42Z\" fill=\"#484f60\"/></svg>",
-    "download": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\" version=\"1.1\" sodipodi:docname=\"download.svg\" inkscape:version=\"0.92.4 (5da689c313, 2019-01-14)\"><metadata ><rdf:RDF><cc:Work rdf:about=\"\"><dc:format>image/svg+xml</dc:format><dc:type rdf:resource=\"http://purl.org/dc/dcmitype/StillImage\" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs /><sodipodi:namedview pagecolor=\"#ffffff\" bordercolor=\"#666666\" borderopacity=\"1\" objecttolerance=\"10\" gridtolerance=\"10\" guidetolerance=\"10\" inkscape:pageopacity=\"0\" inkscape:pageshadow=\"2\" inkscape:window-width=\"1920\" inkscape:window-height=\"1017\" showgr inkscape:zoom=\"6.675088\" inkscape:cx=\"-14.056273\" inkscape:cy=\"29.806579\" inkscape:window-x=\"-8\" inkscape:window-y=\"-8\" inkscape:window-maximized=\"1\" inkscape:current-layer=\"svg8\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"m 498.966,339.946 c -7.197,0 -13.034,5.837 -13.034,13.034 v 49.804 c 0,28.747 -23.388,52.135 -52.135,52.135 H 78.203 c -28.747,0 -52.135,-23.388 -52.135,-52.135 V 352.98 c 0,-7.197 -5.835,-13.034 -13.034,-13.034 C 5.835,339.946 0,345.782 0,352.98 v 49.804 c 0,43.121 35.082,78.203 78.203,78.203 h 355.594 c 43.121,0 78.203,-35.082 78.203,-78.203 V 352.98 c 0,-7.198 -5.835,-13.034 -13.034,-13.034 z\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"M 419.833,391.3 H 92.167 c -7.197,0 -13.034,5.837 -13.034,13.034 0,7.197 5.835,13.034 13.034,13.034 h 327.665 c 7.199,0 13.034,-5.835 13.034,-13.034 0,-7.197 -5.835,-13.034 -13.033,-13.034 z\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"m 387.919,207.93 c -4.795,-5.367 -13.034,-5.834 -18.404,-1.038 L 269.033,296.657 V 44.048 c 0,-7.197 -5.835,-13.034 -13.034,-13.034 -7.197,0 -13.034,5.835 -13.034,13.034 V 296.657 L 142.483,206.893 c -5.367,-4.796 -13.607,-4.328 -18.404,1.038 -4.794,5.369 -4.331,13.609 1.037,18.404 l 109.174,97.527 c 6.187,5.529 13.946,8.292 21.708,8.292 7.759,0 15.519,-2.763 21.708,-8.289 l 109.174,-97.53 c 5.37,-4.798 5.834,-13.038 1.039,-18.405 z\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\" /></svg>",
-    "full_screen": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M38,38.17H12v-26H38ZM13.24,36.93H36.76V13.4H13.24Z\" fill=\"#484f60\"/><polygon points=\"17.35 32.81 17.35 26.75 19.46 28.86 28.69 19.63 26.59 17.52 32.65 17.52 32.65 23.58 30.54 21.47 21.31 30.71 23.41 32.81 17.35 32.81\" fill=\"#484f60\"/></svg>",
-    "location": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M25,12.67A8.33,8.33,0,0,0,16.67,21c0,4.6,8.33,16.67,8.33,16.67S33.33,25.6,33.33,21A8.33,8.33,0,0,0,25,12.67Zm0,10.41A2.08,2.08,0,1,1,27.08,21,2.08,2.08,0,0,1,25,23.08Z\" fill=\"#484f60\"/></svg>",
-    "logo": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"10\" y=\"21.19\" width=\"2.04\" height=\"6.32\" fill=\"#484f60\"/><path d=\"M18.66,29.24a3.84,3.84,0,0,1-2.85-1.19,4.19,4.19,0,0,1,0-5.77,4,4,0,0,1,5.71,0,4.19,4.19,0,0,1,0,5.77A3.85,3.85,0,0,1,18.66,29.24Zm0-6.16a1.79,1.79,0,0,0-1.38.58,2.12,2.12,0,0,0-.57,1.51,2,2,0,0,0,.57,1.49,1.94,1.94,0,0,0,2.76,0,2.08,2.08,0,0,0,.56-1.5,2.15,2.15,0,0,0-.56-1.51A1.76,1.76,0,0,0,18.67,23.08Z\" fill=\"#484f60\"/><polygon points=\"31.05 29.18 27.33 25.02 27.33 29.14 25.29 29.14 25.29 21.15 26.57 21.15 30.29 25.33 30.29 21.19 32.33 21.19 32.33 29.18 31.05 29.18\" fill=\"#484f60\"/><polygon points=\"35.34 29.14 35.34 21.19 39.9 21.19 39.9 23.17 37.38 23.17 37.38 23.9 39.66 23.9 39.66 25.87 37.38 25.87 37.38 27.14 40 27.14 40 29.14 35.34 29.14\" fill=\"#484f60\"/></svg>",
-    "magic_wand": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><title>magic_wand</title><g style=\"isolation:isolate\"><path d=\"M20.45,10.71a.28.28,0,0,1,.49-.19l1.4,1.25a.93.93,0,0,0,.83.23L25,11.62a.29.29,0,0,1,.34.41l-.76,1.71a.93.93,0,0,0,0,.86l.93,1.62c.12.26,0,.45-.29.45l-1.86-.2a1,1,0,0,0-.81.32l-1.26,1.38a.28.28,0,0,1-.5-.14l-.39-1.83a1,1,0,0,0-.55-.67l-1.71-.77a.28.28,0,0,1,0-.52l1.62-.94a1,1,0,0,0,.48-.73Z\" fill=\"#484f60\"/><g style=\"mix-blend-mode:lighten\"><path d=\"M23.3,16.21a1,1,0,0,0-.8.31l-1,1.13a.29.29,0,0,1-.51-.14L20.66,16a1,1,0,0,0-.55-.68l-1.39-.62a.28.28,0,0,1,0-.52L20,13.45a1,1,0,0,0,.48-.73l.16-1.5a.29.29,0,0,1,.49-.2l1.13,1a.93.93,0,0,0,.83.23L24.58,12a.29.29,0,0,1,.34.41l-.62,1.38a.91.91,0,0,0,.05.86l.75,1.32a.29.29,0,0,1-.29.44Z\" fill=\"#484f60\"/></g><path d=\"M33.57,36.76a.53.53,0,0,1,0,.72l-2.37,2.18a.48.48,0,0,1-.7,0L18,25.34a.51.51,0,0,1,0-.71l2.36-2.19a.49.49,0,0,1,.7,0Z\" fill=\"#484f60\"/><path d=\"M18.6,19.94a.51.51,0,0,1,0,.71L16.2,22.84a.48.48,0,0,1-.7,0l-2.76-3.13a.51.51,0,0,1,0-.71l2.37-2.19a.48.48,0,0,1,.7,0Z\" fill=\"#484f60\"/><path d=\"M30.67,10.55a.29.29,0,0,1,.47.24v1.12a1,1,0,0,0,.4.77l.9.66a.29.29,0,0,1-.08.52l-1.07.35a1,1,0,0,0-.61.61l-.35,1.06a.28.28,0,0,1-.51.09l-.67-.91a1,1,0,0,0-.77-.4H27.27a.29.29,0,0,1-.25-.47l.66-.9a.93.93,0,0,0,.14-.85l-.35-1.07a.29.29,0,0,1,.38-.38l1.07.35a1,1,0,0,0,.85-.13Z\" fill=\"#484f60\"/><g style=\"mix-blend-mode:lighten\"><path d=\"M29.25,14.88a1,1,0,0,0-.77-.4h-.86a.29.29,0,0,1-.24-.47l.5-.69a.93.93,0,0,0,.14-.85l-.26-.82c-.07-.27.1-.44.37-.37l.82.26a1,1,0,0,0,.85-.13l.69-.51a.29.29,0,0,1,.47.25V12a.94.94,0,0,0,.39.76l.7.51a.29.29,0,0,1-.09.52l-.81.26a1,1,0,0,0-.62.61l-.26.82a.29.29,0,0,1-.52.08Z\" fill=\"#484f60\"/></g><path d=\"M37,15.81a.29.29,0,0,1,.32.43l-.13.26a.91.91,0,0,0,0,.85l.15.26A.29.29,0,0,1,37,18l-.29,0a.93.93,0,0,0-.81.27l-.2.21a.28.28,0,0,1-.5-.16l0-.29a1,1,0,0,0-.52-.69l-.27-.13a.28.28,0,0,1,0-.52l.26-.13a.93.93,0,0,0,.5-.71l0-.29a.29.29,0,0,1,.5-.17l.21.21a.92.92,0,0,0,.82.26Z\" fill=\"#484f60\"/><g style=\"mix-blend-mode:lighten\"><path d=\"M35.25,18a1,1,0,0,0-.52-.7l-.12-.05a.28.28,0,0,1,0-.52l.12-.06a1,1,0,0,0,.51-.7V15.8a.29.29,0,0,1,.5-.18l.09.1a.92.92,0,0,0,.82.26l.13,0a.29.29,0,0,1,.32.42L37,16.5a.91.91,0,0,0,0,.85l.07.12a.29.29,0,0,1-.31.43l-.13,0a1,1,0,0,0-.82.28l-.09.1a.28.28,0,0,1-.5-.16Z\" fill=\"#484f60\"/></g></g></svg>",
-    "normal_screen": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M38,38.17H12v-26H38ZM13.24,36.93H36.76V13.4H13.24Z\" fill=\"#484f60\"/><polygon points=\"22.18 29.83 24.29 31.93 24.29 25.87 18.23 25.87 20.34 27.98 16.43 31.89 18.28 33.73 22.18 29.83\" fill=\"#484f60\"/><polygon points=\"33.57 18.44 31.73 16.6 27.82 20.51 25.71 18.4 25.71 24.46 31.77 24.46 29.66 22.35 33.57 18.44\" fill=\"#484f60\"/></svg>",
-    "quote": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M14.5,31.51V12a.5.5,0,0,1,.5-.5H35a.5.5,0,0,1,.5.5V38a.5.5,0,0,1-.5.5H21.27V40H35a2,2,0,0,0,2-2V12a2,2,0,0,0-2-2H15a2,2,0,0,0-2,2V31.51Z\" fill=\"#484f60\"/><path d=\"M21.27,40V33.56c0-1.78-.27-2.05-2.05-2.05H13Z\" fill=\"#484f60\"/><rect x=\"17.5\" y=\"18.5\" width=\"6\" height=\"4\" fill=\"#484f60\"/><rect x=\"25.5\" y=\"21.5\" width=\"7\" height=\"1\" fill=\"#484f60\"/><rect x=\"25.5\" y=\"18.5\" width=\"7\" height=\"1\" fill=\"#484f60\"/><rect x=\"26.5\" y=\"25.5\" width=\"6\" height=\"4\" transform=\"translate(59 55) rotate(-180)\" fill=\"#484f60\"/><rect x=\"17.5\" y=\"28.5\" width=\"7\" height=\"1\" fill=\"#484f60\"/><rect x=\"17.5\" y=\"25.5\" width=\"7\" height=\"1\" fill=\"#484f60\"/><rect x=\"17.5\" y=\"14.5\" width=\"6\" height=\"1\" fill=\"#484f60\"/><rect x=\"26.5\" y=\"34.5\" width=\"6\" height=\"1\" fill=\"#484f60\"/></svg>",
-    "refresh": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\" version=\"1.1\" sodipodi:docname=\"refresh.svg\" inkscape:version=\"0.92.4 (5da689c313, 2019-01-14)\"><metadata ><rdf:RDF><cc:Work rdf:about=\"\"><dc:format>image/svg+xml</dc:format><dc:type rdf:resource=\"http://purl.org/dc/dcmitype/StillImage\" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs /><sodipodi:namedview pagecolor=\"#ffffff\" bordercolor=\"#666666\" borderopacity=\"1\" objecttolerance=\"10\" gridtolerance=\"10\" guidetolerance=\"10\" inkscape:pageopacity=\"0\" inkscape:pageshadow=\"2\" inkscape:window-width=\"1920\" inkscape:window-height=\"1017\" showgr inkscape:zoom=\"9.44\" inkscape:cx=\"13.990693\" inkscape:cy=\"13.961336\" inkscape:window-x=\"-8\" inkscape:window-y=\"-8\" inkscape:window-maximized=\"1\" inkscape:current-layer=\"svg6\" /><g transform=\"matrix(0.05356365,0,0,0.05356365,11.44076,11.82465)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"M 414.32892,173.53368 397.86852,58.29997 c -1.3534,-9.447409 -12.96516,-13.373353 -19.75699,-6.581524 l -23.97472,23.97472 C 323.3074,57.095569 288.30682,47.308258 252.3168,47.308258 c -108.23157,0 -195.126154,84.711612 -197.8314,192.852392 -0.147446,5.91103 4.149441,10.98085 9.992183,11.82206 l 46.516107,6.64982 c 6.93462,1.01194 13.38577,-4.43269 13.28954,-11.68548 -0.9646,-71.37163 56.68057,-129.79595 128.03357,-129.79595 17.27835,0 34.3526,3.51232 50.13165,10.23043 l -23.11022,23.11022 c -6.74915,6.74915 -2.91866,18.3966 6.58152,19.75699 l 115.23371,16.4604 c 7.59269,1.14465 14.26423,-5.4586 13.17546,-13.17546 z\" style=\"fill:#484f60;fill-opacity:1;stroke-width:0.77603161\" /></g></g><path inkscape:connector-curvature=\"0\" d=\"m 35.105827,24.725982 -2.489742,-0.355606 c -0.321647,-0.04073 -0.711797,0.234897 -0.711797,0.671018 0,3.781814 -3.076753,6.858567 -6.858567,6.858567 -0.920628,0 -1.830946,-0.186303 -2.673013,-0.542533 l 1.198298,-1.198297 c 0.361507,-0.361507 0.156331,-0.985389 -0.352533,-1.058254 l -6.172336,-0.882302 c -0.405403,-0.05792 -0.764422,0.289765 -0.705726,0.705725 l 0.881637,6.172381 c 0.07258,0.506577 0.694003,0.71545 1.058254,0.352527 l 1.315225,-1.314599 c 1.643397,0.987012 3.516951,1.506391 5.450194,1.506391 5.769264,0 10.423029,-4.514936 10.595325,-10.27871 0.0091,-0.317237 -0.221012,-0.591248 -0.535219,-0.636308 z\" style=\"fill:#484f60;fill-opacity:1;stroke-width:0.04156709\" /></svg>",
-    "three_d": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M16.08,30.77a4.85,4.85,0,0,1-3-.8,4,4,0,0,0-2.49-.15,6.21,6.21,0,0,0,2.53,1.09,12.84,12.84,0,0,0,2.93-.14\" fill=\"#484f60\" opacity=\"0.5\"/><path d=\"M14.27,19.68A4.71,4.71,0,0,0,11,20.78l2,.14c.31,0,1.2-.69,1.55-.81a3.88,3.88,0,0,1,1.65-.24l-1.94-.19\" fill=\"#484f60\" opacity=\"0.5\"/><path d=\"M21.64,28.79a4.13,4.13,0,0,0-3.1-4c.89-.7,1.77-1.09,2.26-2.21a5.12,5.12,0,0,0,.35-1.9c-.13-3.24-2.64-3.73-5.29-4.15a4,4,0,0,1,3.44,3.7,4.61,4.61,0,0,1-.83,3.12,9.7,9.7,0,0,1-1.82,1.43,4.3,4.3,0,0,1,3.17,4.34,4.9,4.9,0,0,1-4.21,5c2.09-.34,4.37-.64,5.46-2.69a5,5,0,0,0,.57-2.58\" fill=\"#484f60\" opacity=\"0.5\"/><path d=\"M28.44,18.88l.38-.07.48-.06.57,0h.75l.36,0,.35.05c-.2,0-.42-.08-1.57-.25l-.36-.05-.37,0h-.77l-.59,0-.49.07a3.08,3.08,0,0,0-.39.07l-.3.07V31.38H27l.13,0h1.63l.21,0h.2l.2,0h.05l1.55-.24h0l-.34.05-.33,0H29.12l-.36,0-.33,0a1.15,1.15,0,0,1-.28-.06V19Z\" fill=\"#484f60\" opacity=\"0.5\"/><path d=\"M40,24.34a9,9,0,0,0-3-7.1,11.06,11.06,0,0,0-4.47-1.86c4.38,1.13,6.23,5.31,6.13,9.54-.12,4.5-2.27,8.55-6.86,9.66,2.59-.63,5-1.41,6.52-3.78A12,12,0,0,0,40,24.34\" fill=\"#484f60\" opacity=\"0.5\"/><path d=\"M35.38,16.71A7.32,7.32,0,0,1,36.74,18a7.82,7.82,0,0,1,1,1.73,10.32,10.32,0,0,1,.68,2.16,13.86,13.86,0,0,1,.23,2.59,15,15,0,0,1-.25,2.78,11.39,11.39,0,0,1-.68,2.31,9.34,9.34,0,0,1-1,1.85,8.23,8.23,0,0,1-1.28,1.4,7.76,7.76,0,0,1-1.7,1.07,9.07,9.07,0,0,1-2,.69,13.36,13.36,0,0,1-2.26.33,18.25,18.25,0,0,1-2.45,0c-.5,0-1-.08-1.39-.12l-1.17-.14c-.36,0-.68-.11-1-.16l-.77-.15V15.86c.34-.09.71-.18,1.09-.26s.81-.15,1.24-.21.88-.12,1.34-.17.95-.1,1.44-.13a20.57,20.57,0,0,1,2.33,0,12,12,0,0,1,2,.24,8.24,8.24,0,0,1,1.72.55A7.1,7.1,0,0,1,35.38,16.71ZM27.92,31.53a6.53,6.53,0,0,0,2.46-.32A4.81,4.81,0,0,0,32.32,30a5.82,5.82,0,0,0,1.27-2.18A10.11,10.11,0,0,0,34,24.67a8.65,8.65,0,0,0-.42-2.85,4.94,4.94,0,0,0-1.18-2,4.45,4.45,0,0,0-1.83-1.11,6.55,6.55,0,0,0-2.35-.28l-.59,0-.49.07a3.08,3.08,0,0,0-.39.07l-.3.07V31.38a2.11,2.11,0,0,0,.29.06l.34,0,.37,0,.36,0h.07\" fill=\"#484f60\"/><path d=\"M14.57,16.47a5.49,5.49,0,0,1,2,.22,3.89,3.89,0,0,1,1.49.84A3.66,3.66,0,0,1,19,18.89a4.29,4.29,0,0,1,.33,1.7,5.29,5.29,0,0,1-.17,1.34,4.29,4.29,0,0,1-.5,1.16,4.17,4.17,0,0,1-.84.94,4.88,4.88,0,0,1-1.16.69v.05a3.7,3.7,0,0,1,1.22.5,4,4,0,0,1,1,.92,4.61,4.61,0,0,1,.69,1.3,5.24,5.24,0,0,1,.25,1.62,5.36,5.36,0,0,1-.42,2.15,4.44,4.44,0,0,1-1.2,1.64,4.84,4.84,0,0,1-1.86,1,6.78,6.78,0,0,1-2.39.23,7.69,7.69,0,0,1-2.36-.52,6.89,6.89,0,0,1-.9-.42,4.36,4.36,0,0,1-.69-.47l.62-2.9a4.12,4.12,0,0,0,.53.34,6.21,6.21,0,0,0,.73.36,5.69,5.69,0,0,0,.88.31,5.19,5.19,0,0,0,1,.15,3.11,3.11,0,0,0,1.1-.13,2,2,0,0,0,.8-.45,1.93,1.93,0,0,0,.49-.71,2.35,2.35,0,0,0,.17-.89A2.48,2.48,0,0,0,16,27.67a2.23,2.23,0,0,0-.63-.79,2.9,2.9,0,0,0-.89-.46,3.5,3.5,0,0,0-1-.15H12.2V23.44l1.23,0a3.44,3.44,0,0,0,.83-.11,2.83,2.83,0,0,0,.79-.36,2,2,0,0,0,.6-.62,2,2,0,0,0,.23-.94,1.8,1.8,0,0,0-.13-.71,1.36,1.36,0,0,0-.38-.56,1.58,1.58,0,0,0-.64-.35,2.79,2.79,0,0,0-.9-.1,4.07,4.07,0,0,0-.84.13c-.27.08-.53.18-.78.28a6.56,6.56,0,0,0-1.17.7L10.42,18a5,5,0,0,1,.72-.51,7.82,7.82,0,0,1,2.12-.82A8,8,0,0,1,14.57,16.47Z\" fill=\"#484f60\"/></svg>",
-    "truck": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\" version=\"1.1\" sodipodi:docname=\"truck.svg\" inkscape:version=\"0.92.4 (5da689c313, 2019-01-14)\"><metadata ><rdf:RDF><cc:Work rdf:about=\"\"><dc:format>image/svg+xml</dc:format><dc:type rdf:resource=\"http://purl.org/dc/dcmitype/StillImage\" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs /><sodipodi:namedview pagecolor=\"#ffffff\" bordercolor=\"#666666\" borderopacity=\"1\" objecttolerance=\"10\" gridtolerance=\"10\" guidetolerance=\"10\" inkscape:pageopacity=\"0\" inkscape:pageshadow=\"2\" inkscape:window-width=\"1920\" inkscape:window-height=\"1017\" showgr inkscape:zoom=\"9.44\" inkscape:cx=\"31.555563\" inkscape:cy=\"21.585628\" inkscape:window-x=\"-8\" inkscape:window-y=\"-8\" inkscape:window-maximized=\"1\" inkscape:current-layer=\"svg8\" /><g transform=\"matrix(0.06827145,0,0,0.06827064,7.670918,5.1378096)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06827145,0,0,0.06827064,7.670918,5.1378096)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06827145,0,0,0.06827064,7.670918,5.1378096)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06827145,0,0,0.06827064,7.670918,5.1378096)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06827145,0,0,0.06827064,7.670918,5.1378096)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06827145,0,0,0.06827064,7.670918,5.1378096)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06827145,0,0,0.06827064,7.670918,5.1378096)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06827145,0,0,0.06827064,7.670918,5.1378096)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06827145,0,0,0.06827064,7.670918,5.1378096)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06827145,0,0,0.06827064,7.670918,5.1378096)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06827145,0,0,0.06827064,7.670918,5.1378096)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06827145,0,0,0.06827064,7.670918,5.1378096)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06827145,0,0,0.06827064,7.670918,5.1378096)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06827145,0,0,0.06827064,7.670918,5.1378096)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06827145,0,0,0.06827064,7.670918,5.1378096)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"m 119.467,337.067 c -28.237,0 -51.2,22.963 -51.2,51.2 0,28.237 22.963,51.2 51.2,51.2 28.237,0 51.2,-22.963 51.2,-51.2 0,-28.237 -22.964,-51.2 -51.2,-51.2 z m 0,85.333 c -18.825,0 -34.133,-15.309 -34.133,-34.133 0,-18.825 15.309,-34.133 34.133,-34.133 18.824,0 34.133,15.309 34.133,34.133 0,18.824 -15.309,34.133 -34.133,34.133 z\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"m 409.6,337.067 c -28.237,0 -51.2,22.963 -51.2,51.2 0,28.237 22.963,51.2 51.2,51.2 28.237,0 51.2,-22.963 51.2,-51.2 0,-28.237 -22.963,-51.2 -51.2,-51.2 z m 0,85.333 c -18.825,0 -34.133,-15.309 -34.133,-34.133 0,-18.825 15.309,-34.133 34.133,-34.133 18.825,0 34.133,15.309 34.133,34.133 0,18.824 -15.308,34.133 -34.133,34.133 z\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"m 510.643,289.784 -76.8,-119.467 c -1.57,-2.441 -4.275,-3.917 -7.177,-3.917 H 332.8 c -4.719,0 -8.533,3.823 -8.533,8.533 v 213.333 c 0,4.719 3.814,8.533 8.533,8.533 h 34.133 v -17.067 h -25.6 V 183.467 h 80.674 l 72.926,113.442 v 82.825 H 452.266 V 396.8 h 51.2 c 4.719,0 8.533,-3.814 8.533,-8.533 V 294.4 c 10e-4,-1.63 -0.468,-3.243 -1.356,-4.616 z\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"M 375.467,277.333 V 217.6 h 68.267 v -17.067 h -76.8 c -4.719,0 -8.533,3.823 -8.533,8.533 v 76.8 c 0,4.719 3.814,8.533 8.533,8.533 h 128 V 277.332 H 375.467 Z\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"M 332.8,106.667 H 8.533 C 3.823,106.667 0,110.49 0,115.2 v 273.067 c 0,4.719 3.823,8.533 8.533,8.533 H 76.8 V 379.733 H 17.067 v -256 h 307.2 v 256 H 162.133 V 396.8 H 332.8 c 4.719,0 8.533,-3.814 8.533,-8.533 V 115.2 c 0,-4.71 -3.814,-8.533 -8.533,-8.533 z\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><rect x=\"8.533\" y=\"345.60001\" width=\"51.200001\" height=\"17.066999\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><rect x=\"179.2\" y=\"345.60001\" width=\"145.067\" height=\"17.066999\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><rect x=\"469.33301\" y=\"345.60001\" width=\"34.132999\" height=\"17.066999\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><rect x=\"34.132999\" y=\"140.8\" width=\"298.66699\" height=\"17.066999\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><rect x=\"110.933\" y=\"379.733\" width=\"17.066999\" height=\"17.066999\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><rect x=\"401.06699\" y=\"379.733\" width=\"17.066999\" height=\"17.066999\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\" /></svg>",
-    "two_d": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M22.41,33.89H11V31c.87-.76,1.75-1.56,2.62-2.41S15.2,27,15.73,26.39A11.84,11.84,0,0,0,17.4,24a4.45,4.45,0,0,0,.5-2,2.52,2.52,0,0,0-.64-1.85,2.47,2.47,0,0,0-1.84-.65,4.57,4.57,0,0,0-1.89.45,8.17,8.17,0,0,0-1.84,1.14h-.31V17.2a10.26,10.26,0,0,1,2-.73,10.46,10.46,0,0,1,2.71-.36,5.79,5.79,0,0,1,4.16,1.37,5.15,5.15,0,0,1,1.44,3.9,7.37,7.37,0,0,1-.69,3.14A12.94,12.94,0,0,1,19,27.59c-.6.66-1.19,1.26-1.79,1.81s-1,.93-1.28,1.15h6.53Z\" fill=\"#484f60\"/><path d=\"M38.14,20.79a7.49,7.49,0,0,0-2.37-3,6.52,6.52,0,0,0-2.17-1,11.93,11.93,0,0,0-3.06-.35H25.26V33.89h5.13a13.25,13.25,0,0,0,3-.3,6.61,6.61,0,0,0,2.33-1.08,7.71,7.71,0,0,0,2.34-3A9.9,9.9,0,0,0,39,25.19,10.47,10.47,0,0,0,38.14,20.79Zm-3.49,7.27a4,4,0,0,1-1.51,1.88,3.77,3.77,0,0,1-1.22.54,10.07,10.07,0,0,1-2,.14H29V19.7H30a9.8,9.8,0,0,1,1.81.13,3.75,3.75,0,0,1,1.18.46,4.07,4.07,0,0,1,1.65,1.92,7.4,7.4,0,0,1,.52,2.94A7.92,7.92,0,0,1,34.65,28.06Z\" fill=\"#484f60\"/></svg>",
-    "warehouse": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\" version=\"1.1\" sodipodi:docname=\"warehouse.svg\" inkscape:version=\"0.92.4 (5da689c313, 2019-01-14)\"><metadata ><rdf:RDF><cc:Work rdf:about=\"\"><dc:format>image/svg+xml</dc:format><dc:type rdf:resource=\"http://purl.org/dc/dcmitype/StillImage\" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs /><sodipodi:namedview pagecolor=\"#ffffff\" bordercolor=\"#666666\" borderopacity=\"1\" objecttolerance=\"10\" gridtolerance=\"10\" guidetolerance=\"10\" inkscape:pageopacity=\"0\" inkscape:pageshadow=\"2\" inkscape:window-width=\"1920\" inkscape:window-height=\"1017\" showgr inkscape:zoom=\"6.675088\" inkscape:cx=\"9.6569985\" inkscape:cy=\"12.384637\" inkscape:window-x=\"-8\" inkscape:window-y=\"-8\" inkscape:window-maximized=\"1\" inkscape:current-layer=\"svg8\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"M 507.785,146.242 260.318,1.175 c -2.603,-1.519 -5.803,-1.57 -8.439,-0.111 L 4.412,137.598 C 1.69,139.091 0,141.958 0,145.064 v 358.4 c 0,4.719 3.823,8.533 8.533,8.533 H 51.2 c 4.71,0 8.533,-3.814 8.533,-8.533 V 204.798 h 392.533 v 298.667 c 0,4.719 3.814,8.533 8.533,8.533 h 42.667 c 4.719,0 8.533,-3.814 8.533,-8.533 V 153.598 c 10e-4,-3.03 -1.603,-5.829 -4.214,-7.356 z m -12.852,348.689 h -25.6 V 196.264 c 0,-4.71 -3.814,-8.533 -8.533,-8.533 H 51.2 c -4.71,0 -8.533,3.823 -8.533,8.533 v 298.667 h -25.6 V 150.099 L 255.872,18.344 494.933,158.487 Z\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"m 426.667,392.531 h -102.4 c -4.719,0 -8.533,3.814 -8.533,8.533 v 102.4 c 0,4.719 3.814,8.533 8.533,8.533 h 102.4 c 4.719,0 8.533,-3.814 8.533,-8.533 v -102.4 c 0,-4.719 -3.814,-8.533 -8.533,-8.533 z m -8.534,102.4 H 332.8 v -85.333 h 85.333 z\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"m 384,401.064 v 25.6 h -17.067 v -25.6 h -17.067 v 34.133 c 0,4.719 3.814,8.533 8.533,8.533 h 34.133 c 4.719,0 8.533,-3.814 8.533,-8.533 v -34.133 z\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"m 324.267,392.531 h -102.4 c -4.71,0 -8.533,3.814 -8.533,8.533 v 102.4 c 0,4.719 3.823,8.533 8.533,8.533 h 102.4 c 4.719,0 8.533,-3.814 8.533,-8.533 v -102.4 c 0,-4.719 -3.814,-8.533 -8.533,-8.533 z m -8.534,102.4 H 230.4 v -85.333 h 85.333 z\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"m 281.6,401.064 v 25.6 h -17.067 v -25.6 h -17.067 v 34.133 c 0,4.719 3.823,8.533 8.533,8.533 h 34.133 c 4.719,0 8.533,-3.814 8.533,-8.533 v -34.133 z\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"m 426.667,290.131 h -102.4 c -4.719,0 -8.533,3.814 -8.533,8.533 v 102.4 c 0,4.719 3.814,8.533 8.533,8.533 h 102.4 c 4.719,0 8.533,-3.814 8.533,-8.533 v -102.4 c 0,-4.719 -3.814,-8.533 -8.533,-8.533 z m -8.534,102.4 H 332.8 v -85.333 h 85.333 z\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"m 384,298.664 v 25.6 h -17.067 v -25.6 h -17.067 v 34.133 c 0,4.719 3.814,8.533 8.533,8.533 h 34.133 c 4.719,0 8.533,-3.814 8.533,-8.533 v -34.133 z\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><rect x=\"51.200001\" y=\"255.998\" width=\"409.60001\" height=\"17.066999\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><rect x=\"51.200001\" y=\"221.864\" width=\"409.60001\" height=\"17.066999\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"m 298.667,119.464 h -85.333 c -4.71,0 -8.533,3.823 -8.533,8.533 v 34.133 c 0,4.71 3.823,8.533 8.533,8.533 h 85.333 c 4.719,0 8.533,-3.823 8.533,-8.533 v -34.133 c 0,-4.71 -3.814,-8.533 -8.533,-8.533 z m -8.534,34.134 h -68.267 v -17.067 h 68.267 z\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /></svg>"
+/** AUTO GENERATED FILE. DO NOT CHANGE.. **/
+const IconSvg = {
+    "add_to_cart_drop": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M16.58,34.84a1.8,1.8,0,1,0,1.8,1.8A1.79,1.79,0,0,0,16.58,34.84Z\" fill=\"#484f60\"/><path d=\"M31.49,34.84a1.8,1.8,0,1,0,1.8,1.8A1.79,1.79,0,0,0,31.49,34.84Z\" fill=\"#484f60\"/><path d=\"M35.6,17.9l-1.51.18L31.88,20.3l1.31-.17a.88.88,0,0,1,1,1.08L32.35,29.5a1.52,1.52,0,0,1-1.44,1.2H16.51a1.75,1.75,0,0,1-1.57-1.17l-2.31-5.6a1,1,0,0,1,.85-1.29l4.43-.56-1.86-1.86-5.13.61a1,1,0,0,0-.87,1.28l3.34,9.44A1.73,1.73,0,0,0,15,32.72H32.64a1.51,1.51,0,0,0,1.43-1.2L36.6,19A.89.89,0,0,0,35.6,17.9Z\" fill=\"#484f60\"/><path d=\"M39,17a1.87,1.87,0,0,0-1.36,1.46l-.42,2.89c-.1.67.31,1,.9.7a2.75,2.75,0,0,0,1.33-1.7L40,18A.73.73,0,0,0,39,17Z\" fill=\"#484f60\"/><polygon points=\"24 25.35 32.04 17.3 27.04 17.3 27.04 10 20.95 10 20.95 17.3 15.96 17.3 24 25.35\" fill=\"#484f60\"/></svg>",
+    "delivery_truck": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M25,45A20,20,0,1,1,45,25,20,20,0,0,1,25,45ZM25,6.29A18.71,18.71,0,1,0,43.71,25,18.73,18.73,0,0,0,25,6.29Z\" fill=\"#484f60\"/><path d=\"M21.86,24.09a7.14,7.14,0,0,1,.72-3.24,6.94,6.94,0,0,1,1.18-1.66H13v10.1h8.51a3.25,3.25,0,0,1,3.27-3.07A3.33,3.33,0,0,1,27,27V25.75H21.9Z\" fill=\"#484f60\" opacity=\"0.5\"/><path d=\"M21.65,30.47h-.48a3.51,3.51,0,0,1,1.13,2.19h1.57a3.22,3.22,0,0,1-1.41-.83A3.13,3.13,0,0,1,21.65,30.47Z\" fill=\"#484f60\" opacity=\"0.5\"/><path d=\"M34.63,21.89H28.87c-.3.25-.5.43-.63.56v8H28a3.19,3.19,0,0,1-.82,1.37,3.3,3.3,0,0,1-1.41.82H29a3.53,3.53,0,0,1,7,0h1V27.1Zm-.2,5.38H30.8a.47.47,0,0,1-.46-.46V23.36a.46.46,0,0,1,.46-.46h2.1a.45.45,0,0,1,.42.27l1.53,3.45A.46.46,0,0,1,34.43,27.27Z\" fill=\"#484f60\" opacity=\"0.5\"/><path d=\"M16.42,30.47a3.51,3.51,0,0,0-1.13,2.19H14.6l-1.6-1V30.47Z\" fill=\"#484f60\" opacity=\"0.5\"/><path d=\"M30,33.08a2.53,2.53,0,1,0,2.53-2.53A2.52,2.52,0,0,0,30,33.08Z\" fill=\"#484f60\" opacity=\"0.5\"/><path d=\"M16.27,33.08a2.53,2.53,0,1,0,2.53-2.53A2.52,2.52,0,0,0,16.27,33.08Z\" fill=\"#484f60\" opacity=\"0.5\"/><path d=\"M22.45,17.27h-3.2a4.29,4.29,0,0,1,1.61-3.49,6.45,6.45,0,0,1,4.31-1.38,6.79,6.79,0,0,1,2.92.57A4.72,4.72,0,0,1,30,14.62a4,4,0,0,1,.72,2.26,3.74,3.74,0,0,1-.23,1.27,5.31,5.31,0,0,1-.73,1.29,12,12,0,0,1-1.4,1.29A8.74,8.74,0,0,0,27.06,22a3.17,3.17,0,0,0-.46.94,7.56,7.56,0,0,0-.23,1.65h-3.3v-.49a6,6,0,0,1,.59-2.68,6.8,6.8,0,0,1,1.94-2.25,9.44,9.44,0,0,0,1.56-1.41,1.5,1.5,0,0,0,.27-.9,1.47,1.47,0,0,0-.65-1.19A2.9,2.9,0,0,0,25,15.14a2.77,2.77,0,0,0-1.84.6A1.91,1.91,0,0,0,22.45,17.27Z\" fill=\"#484f60\"/><path d=\"M24.78,27.42a2.06,2.06,0,0,1,1.51.61,2,2,0,0,1,.63,1.47A2,2,0,0,1,26.3,31a2.08,2.08,0,0,1-1.5.62A2,2,0,0,1,23.31,31a2.08,2.08,0,0,1,0-2.95A2,2,0,0,1,24.78,27.42Z\" fill=\"#484f60\"/></svg>",
+    "download": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\" version=\"1.1\" sodipodi:docname=\"download.svg\" inkscape:version=\"0.92.4 (5da689c313, 2019-01-14)\"><metadata ><rdf:RDF><cc:Work rdf:about=\"\"><dc:format>image/svg+xml</dc:format><dc:type rdf:resource=\"http://purl.org/dc/dcmitype/StillImage\" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs /><sodipodi:namedview pagecolor=\"#ffffff\" bordercolor=\"#666666\" borderopacity=\"1\" objecttolerance=\"10\" gridtolerance=\"10\" guidetolerance=\"10\" inkscape:pageopacity=\"0\" inkscape:pageshadow=\"2\" inkscape:window-width=\"1920\" inkscape:window-height=\"1017\" showgr inkscape:zoom=\"6.675088\" inkscape:cx=\"-14.056273\" inkscape:cy=\"29.806579\" inkscape:window-x=\"-8\" inkscape:window-y=\"-8\" inkscape:window-maximized=\"1\" inkscape:current-layer=\"svg8\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"m 498.966,339.946 c -7.197,0 -13.034,5.837 -13.034,13.034 v 49.804 c 0,28.747 -23.388,52.135 -52.135,52.135 H 78.203 c -28.747,0 -52.135,-23.388 -52.135,-52.135 V 352.98 c 0,-7.197 -5.835,-13.034 -13.034,-13.034 C 5.835,339.946 0,345.782 0,352.98 v 49.804 c 0,43.121 35.082,78.203 78.203,78.203 h 355.594 c 43.121,0 78.203,-35.082 78.203,-78.203 V 352.98 c 0,-7.198 -5.835,-13.034 -13.034,-13.034 z\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"M 419.833,391.3 H 92.167 c -7.197,0 -13.034,5.837 -13.034,13.034 0,7.197 5.835,13.034 13.034,13.034 h 327.665 c 7.199,0 13.034,-5.835 13.034,-13.034 0,-7.197 -5.835,-13.034 -13.033,-13.034 z\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"m 387.919,207.93 c -4.795,-5.367 -13.034,-5.834 -18.404,-1.038 L 269.033,296.657 V 44.048 c 0,-7.197 -5.835,-13.034 -13.034,-13.034 -7.197,0 -13.034,5.835 -13.034,13.034 V 296.657 L 142.483,206.893 c -5.367,-4.796 -13.607,-4.328 -18.404,1.038 -4.794,5.369 -4.331,13.609 1.037,18.404 l 109.174,97.527 c 6.187,5.529 13.946,8.292 21.708,8.292 7.759,0 15.519,-2.763 21.708,-8.289 l 109.174,-97.53 c 5.37,-4.798 5.834,-13.038 1.039,-18.405 z\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05555739,0,0,0.05555739,10.739964,11.357401)\" style=\"fill:#484f60;fill-opacity:1\" /></svg>",
+    "full_screen": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M38,38.17H12v-26H38ZM13.24,36.93H36.76V13.4H13.24Z\" fill=\"#484f60\"/><polygon points=\"17.35 32.81 17.35 26.75 19.46 28.86 28.69 19.63 26.59 17.52 32.65 17.52 32.65 23.58 30.54 21.47 21.31 30.71 23.41 32.81 17.35 32.81\" fill=\"#484f60\"/></svg>",
+    "location": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M25,12.67A8.33,8.33,0,0,0,16.67,21c0,4.6,8.33,16.67,8.33,16.67S33.33,25.6,33.33,21A8.33,8.33,0,0,0,25,12.67Zm0,10.41A2.08,2.08,0,1,1,27.08,21,2.08,2.08,0,0,1,25,23.08Z\" fill=\"#484f60\"/></svg>",
+    "logo": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"10\" y=\"21.19\" width=\"2.04\" height=\"6.32\" fill=\"#484f60\"/><path d=\"M18.66,29.24a3.84,3.84,0,0,1-2.85-1.19,4.19,4.19,0,0,1,0-5.77,4,4,0,0,1,5.71,0,4.19,4.19,0,0,1,0,5.77A3.85,3.85,0,0,1,18.66,29.24Zm0-6.16a1.79,1.79,0,0,0-1.38.58,2.12,2.12,0,0,0-.57,1.51,2,2,0,0,0,.57,1.49,1.94,1.94,0,0,0,2.76,0,2.08,2.08,0,0,0,.56-1.5,2.15,2.15,0,0,0-.56-1.51A1.76,1.76,0,0,0,18.67,23.08Z\" fill=\"#484f60\"/><polygon points=\"31.05 29.18 27.33 25.02 27.33 29.14 25.29 29.14 25.29 21.15 26.57 21.15 30.29 25.33 30.29 21.19 32.33 21.19 32.33 29.18 31.05 29.18\" fill=\"#484f60\"/><polygon points=\"35.34 29.14 35.34 21.19 39.9 21.19 39.9 23.17 37.38 23.17 37.38 23.9 39.66 23.9 39.66 25.87 37.38 25.87 37.38 27.14 40 27.14 40 29.14 35.34 29.14\" fill=\"#484f60\"/></svg>",
+    "magic_wand": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><title>magic_wand</title><g style=\"isolation:isolate\"><path d=\"M20.45,10.71a.28.28,0,0,1,.49-.19l1.4,1.25a.93.93,0,0,0,.83.23L25,11.62a.29.29,0,0,1,.34.41l-.76,1.71a.93.93,0,0,0,0,.86l.93,1.62c.12.26,0,.45-.29.45l-1.86-.2a1,1,0,0,0-.81.32l-1.26,1.38a.28.28,0,0,1-.5-.14l-.39-1.83a1,1,0,0,0-.55-.67l-1.71-.77a.28.28,0,0,1,0-.52l1.62-.94a1,1,0,0,0,.48-.73Z\" fill=\"#484f60\"/><g style=\"mix-blend-mode:lighten\"><path d=\"M23.3,16.21a1,1,0,0,0-.8.31l-1,1.13a.29.29,0,0,1-.51-.14L20.66,16a1,1,0,0,0-.55-.68l-1.39-.62a.28.28,0,0,1,0-.52L20,13.45a1,1,0,0,0,.48-.73l.16-1.5a.29.29,0,0,1,.49-.2l1.13,1a.93.93,0,0,0,.83.23L24.58,12a.29.29,0,0,1,.34.41l-.62,1.38a.91.91,0,0,0,.05.86l.75,1.32a.29.29,0,0,1-.29.44Z\" fill=\"#484f60\"/></g><path d=\"M33.57,36.76a.53.53,0,0,1,0,.72l-2.37,2.18a.48.48,0,0,1-.7,0L18,25.34a.51.51,0,0,1,0-.71l2.36-2.19a.49.49,0,0,1,.7,0Z\" fill=\"#484f60\"/><path d=\"M18.6,19.94a.51.51,0,0,1,0,.71L16.2,22.84a.48.48,0,0,1-.7,0l-2.76-3.13a.51.51,0,0,1,0-.71l2.37-2.19a.48.48,0,0,1,.7,0Z\" fill=\"#484f60\"/><path d=\"M30.67,10.55a.29.29,0,0,1,.47.24v1.12a1,1,0,0,0,.4.77l.9.66a.29.29,0,0,1-.08.52l-1.07.35a1,1,0,0,0-.61.61l-.35,1.06a.28.28,0,0,1-.51.09l-.67-.91a1,1,0,0,0-.77-.4H27.27a.29.29,0,0,1-.25-.47l.66-.9a.93.93,0,0,0,.14-.85l-.35-1.07a.29.29,0,0,1,.38-.38l1.07.35a1,1,0,0,0,.85-.13Z\" fill=\"#484f60\"/><g style=\"mix-blend-mode:lighten\"><path d=\"M29.25,14.88a1,1,0,0,0-.77-.4h-.86a.29.29,0,0,1-.24-.47l.5-.69a.93.93,0,0,0,.14-.85l-.26-.82c-.07-.27.1-.44.37-.37l.82.26a1,1,0,0,0,.85-.13l.69-.51a.29.29,0,0,1,.47.25V12a.94.94,0,0,0,.39.76l.7.51a.29.29,0,0,1-.09.52l-.81.26a1,1,0,0,0-.62.61l-.26.82a.29.29,0,0,1-.52.08Z\" fill=\"#484f60\"/></g><path d=\"M37,15.81a.29.29,0,0,1,.32.43l-.13.26a.91.91,0,0,0,0,.85l.15.26A.29.29,0,0,1,37,18l-.29,0a.93.93,0,0,0-.81.27l-.2.21a.28.28,0,0,1-.5-.16l0-.29a1,1,0,0,0-.52-.69l-.27-.13a.28.28,0,0,1,0-.52l.26-.13a.93.93,0,0,0,.5-.71l0-.29a.29.29,0,0,1,.5-.17l.21.21a.92.92,0,0,0,.82.26Z\" fill=\"#484f60\"/><g style=\"mix-blend-mode:lighten\"><path d=\"M35.25,18a1,1,0,0,0-.52-.7l-.12-.05a.28.28,0,0,1,0-.52l.12-.06a1,1,0,0,0,.51-.7V15.8a.29.29,0,0,1,.5-.18l.09.1a.92.92,0,0,0,.82.26l.13,0a.29.29,0,0,1,.32.42L37,16.5a.91.91,0,0,0,0,.85l.07.12a.29.29,0,0,1-.31.43l-.13,0a1,1,0,0,0-.82.28l-.09.1a.28.28,0,0,1-.5-.16Z\" fill=\"#484f60\"/></g></g></svg>",
+    "normal_screen": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M38,38.17H12v-26H38ZM13.24,36.93H36.76V13.4H13.24Z\" fill=\"#484f60\"/><polygon points=\"22.18 29.83 24.29 31.93 24.29 25.87 18.23 25.87 20.34 27.98 16.43 31.89 18.28 33.73 22.18 29.83\" fill=\"#484f60\"/><polygon points=\"33.57 18.44 31.73 16.6 27.82 20.51 25.71 18.4 25.71 24.46 31.77 24.46 29.66 22.35 33.57 18.44\" fill=\"#484f60\"/></svg>",
+    "quote": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M14.5,31.51V12a.5.5,0,0,1,.5-.5H35a.5.5,0,0,1,.5.5V38a.5.5,0,0,1-.5.5H21.27V40H35a2,2,0,0,0,2-2V12a2,2,0,0,0-2-2H15a2,2,0,0,0-2,2V31.51Z\" fill=\"#484f60\"/><path d=\"M21.27,40V33.56c0-1.78-.27-2.05-2.05-2.05H13Z\" fill=\"#484f60\"/><rect x=\"17.5\" y=\"18.5\" width=\"6\" height=\"4\" fill=\"#484f60\"/><rect x=\"25.5\" y=\"21.5\" width=\"7\" height=\"1\" fill=\"#484f60\"/><rect x=\"25.5\" y=\"18.5\" width=\"7\" height=\"1\" fill=\"#484f60\"/><rect x=\"26.5\" y=\"25.5\" width=\"6\" height=\"4\" transform=\"translate(59 55) rotate(-180)\" fill=\"#484f60\"/><rect x=\"17.5\" y=\"28.5\" width=\"7\" height=\"1\" fill=\"#484f60\"/><rect x=\"17.5\" y=\"25.5\" width=\"7\" height=\"1\" fill=\"#484f60\"/><rect x=\"17.5\" y=\"14.5\" width=\"6\" height=\"1\" fill=\"#484f60\"/><rect x=\"26.5\" y=\"34.5\" width=\"6\" height=\"1\" fill=\"#484f60\"/></svg>",
+    "refresh": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\" version=\"1.1\" sodipodi:docname=\"refresh.svg\" inkscape:version=\"0.92.4 (5da689c313, 2019-01-14)\"><metadata ><rdf:RDF><cc:Work rdf:about=\"\"><dc:format>image/svg+xml</dc:format><dc:type rdf:resource=\"http://purl.org/dc/dcmitype/StillImage\" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs /><sodipodi:namedview pagecolor=\"#ffffff\" bordercolor=\"#666666\" borderopacity=\"1\" objecttolerance=\"10\" gridtolerance=\"10\" guidetolerance=\"10\" inkscape:pageopacity=\"0\" inkscape:pageshadow=\"2\" inkscape:window-width=\"1920\" inkscape:window-height=\"1017\" showgr inkscape:zoom=\"9.44\" inkscape:cx=\"13.990693\" inkscape:cy=\"13.961336\" inkscape:window-x=\"-8\" inkscape:window-y=\"-8\" inkscape:window-maximized=\"1\" inkscape:current-layer=\"svg6\" /><g transform=\"matrix(0.05356365,0,0,0.05356365,11.44076,11.82465)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"M 414.32892,173.53368 397.86852,58.29997 c -1.3534,-9.447409 -12.96516,-13.373353 -19.75699,-6.581524 l -23.97472,23.97472 C 323.3074,57.095569 288.30682,47.308258 252.3168,47.308258 c -108.23157,0 -195.126154,84.711612 -197.8314,192.852392 -0.147446,5.91103 4.149441,10.98085 9.992183,11.82206 l 46.516107,6.64982 c 6.93462,1.01194 13.38577,-4.43269 13.28954,-11.68548 -0.9646,-71.37163 56.68057,-129.79595 128.03357,-129.79595 17.27835,0 34.3526,3.51232 50.13165,10.23043 l -23.11022,23.11022 c -6.74915,6.74915 -2.91866,18.3966 6.58152,19.75699 l 115.23371,16.4604 c 7.59269,1.14465 14.26423,-5.4586 13.17546,-13.17546 z\" style=\"fill:#484f60;fill-opacity:1;stroke-width:0.77603161\" /></g></g><path inkscape:connector-curvature=\"0\" d=\"m 35.105827,24.725982 -2.489742,-0.355606 c -0.321647,-0.04073 -0.711797,0.234897 -0.711797,0.671018 0,3.781814 -3.076753,6.858567 -6.858567,6.858567 -0.920628,0 -1.830946,-0.186303 -2.673013,-0.542533 l 1.198298,-1.198297 c 0.361507,-0.361507 0.156331,-0.985389 -0.352533,-1.058254 l -6.172336,-0.882302 c -0.405403,-0.05792 -0.764422,0.289765 -0.705726,0.705725 l 0.881637,6.172381 c 0.07258,0.506577 0.694003,0.71545 1.058254,0.352527 l 1.315225,-1.314599 c 1.643397,0.987012 3.516951,1.506391 5.450194,1.506391 5.769264,0 10.423029,-4.514936 10.595325,-10.27871 0.0091,-0.317237 -0.221012,-0.591248 -0.535219,-0.636308 z\" style=\"fill:#484f60;fill-opacity:1;stroke-width:0.04156709\" /></svg>",
+    "three_d": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M16.08,30.77a4.85,4.85,0,0,1-3-.8,4,4,0,0,0-2.49-.15,6.21,6.21,0,0,0,2.53,1.09,12.84,12.84,0,0,0,2.93-.14\" fill=\"#484f60\" opacity=\"0.5\"/><path d=\"M14.27,19.68A4.71,4.71,0,0,0,11,20.78l2,.14c.31,0,1.2-.69,1.55-.81a3.88,3.88,0,0,1,1.65-.24l-1.94-.19\" fill=\"#484f60\" opacity=\"0.5\"/><path d=\"M21.64,28.79a4.13,4.13,0,0,0-3.1-4c.89-.7,1.77-1.09,2.26-2.21a5.12,5.12,0,0,0,.35-1.9c-.13-3.24-2.64-3.73-5.29-4.15a4,4,0,0,1,3.44,3.7,4.61,4.61,0,0,1-.83,3.12,9.7,9.7,0,0,1-1.82,1.43,4.3,4.3,0,0,1,3.17,4.34,4.9,4.9,0,0,1-4.21,5c2.09-.34,4.37-.64,5.46-2.69a5,5,0,0,0,.57-2.58\" fill=\"#484f60\" opacity=\"0.5\"/><path d=\"M28.44,18.88l.38-.07.48-.06.57,0h.75l.36,0,.35.05c-.2,0-.42-.08-1.57-.25l-.36-.05-.37,0h-.77l-.59,0-.49.07a3.08,3.08,0,0,0-.39.07l-.3.07V31.38H27l.13,0h1.63l.21,0h.2l.2,0h.05l1.55-.24h0l-.34.05-.33,0H29.12l-.36,0-.33,0a1.15,1.15,0,0,1-.28-.06V19Z\" fill=\"#484f60\" opacity=\"0.5\"/><path d=\"M40,24.34a9,9,0,0,0-3-7.1,11.06,11.06,0,0,0-4.47-1.86c4.38,1.13,6.23,5.31,6.13,9.54-.12,4.5-2.27,8.55-6.86,9.66,2.59-.63,5-1.41,6.52-3.78A12,12,0,0,0,40,24.34\" fill=\"#484f60\" opacity=\"0.5\"/><path d=\"M35.38,16.71A7.32,7.32,0,0,1,36.74,18a7.82,7.82,0,0,1,1,1.73,10.32,10.32,0,0,1,.68,2.16,13.86,13.86,0,0,1,.23,2.59,15,15,0,0,1-.25,2.78,11.39,11.39,0,0,1-.68,2.31,9.34,9.34,0,0,1-1,1.85,8.23,8.23,0,0,1-1.28,1.4,7.76,7.76,0,0,1-1.7,1.07,9.07,9.07,0,0,1-2,.69,13.36,13.36,0,0,1-2.26.33,18.25,18.25,0,0,1-2.45,0c-.5,0-1-.08-1.39-.12l-1.17-.14c-.36,0-.68-.11-1-.16l-.77-.15V15.86c.34-.09.71-.18,1.09-.26s.81-.15,1.24-.21.88-.12,1.34-.17.95-.1,1.44-.13a20.57,20.57,0,0,1,2.33,0,12,12,0,0,1,2,.24,8.24,8.24,0,0,1,1.72.55A7.1,7.1,0,0,1,35.38,16.71ZM27.92,31.53a6.53,6.53,0,0,0,2.46-.32A4.81,4.81,0,0,0,32.32,30a5.82,5.82,0,0,0,1.27-2.18A10.11,10.11,0,0,0,34,24.67a8.65,8.65,0,0,0-.42-2.85,4.94,4.94,0,0,0-1.18-2,4.45,4.45,0,0,0-1.83-1.11,6.55,6.55,0,0,0-2.35-.28l-.59,0-.49.07a3.08,3.08,0,0,0-.39.07l-.3.07V31.38a2.11,2.11,0,0,0,.29.06l.34,0,.37,0,.36,0h.07\" fill=\"#484f60\"/><path d=\"M14.57,16.47a5.49,5.49,0,0,1,2,.22,3.89,3.89,0,0,1,1.49.84A3.66,3.66,0,0,1,19,18.89a4.29,4.29,0,0,1,.33,1.7,5.29,5.29,0,0,1-.17,1.34,4.29,4.29,0,0,1-.5,1.16,4.17,4.17,0,0,1-.84.94,4.88,4.88,0,0,1-1.16.69v.05a3.7,3.7,0,0,1,1.22.5,4,4,0,0,1,1,.92,4.61,4.61,0,0,1,.69,1.3,5.24,5.24,0,0,1,.25,1.62,5.36,5.36,0,0,1-.42,2.15,4.44,4.44,0,0,1-1.2,1.64,4.84,4.84,0,0,1-1.86,1,6.78,6.78,0,0,1-2.39.23,7.69,7.69,0,0,1-2.36-.52,6.89,6.89,0,0,1-.9-.42,4.36,4.36,0,0,1-.69-.47l.62-2.9a4.12,4.12,0,0,0,.53.34,6.21,6.21,0,0,0,.73.36,5.69,5.69,0,0,0,.88.31,5.19,5.19,0,0,0,1,.15,3.11,3.11,0,0,0,1.1-.13,2,2,0,0,0,.8-.45,1.93,1.93,0,0,0,.49-.71,2.35,2.35,0,0,0,.17-.89A2.48,2.48,0,0,0,16,27.67a2.23,2.23,0,0,0-.63-.79,2.9,2.9,0,0,0-.89-.46,3.5,3.5,0,0,0-1-.15H12.2V23.44l1.23,0a3.44,3.44,0,0,0,.83-.11,2.83,2.83,0,0,0,.79-.36,2,2,0,0,0,.6-.62,2,2,0,0,0,.23-.94,1.8,1.8,0,0,0-.13-.71,1.36,1.36,0,0,0-.38-.56,1.58,1.58,0,0,0-.64-.35,2.79,2.79,0,0,0-.9-.1,4.07,4.07,0,0,0-.84.13c-.27.08-.53.18-.78.28a6.56,6.56,0,0,0-1.17.7L10.42,18a5,5,0,0,1,.72-.51,7.82,7.82,0,0,1,2.12-.82A8,8,0,0,1,14.57,16.47Z\" fill=\"#484f60\"/></svg>",
+    "truck": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\" version=\"1.1\" sodipodi:docname=\"truck.svg\" inkscape:version=\"0.92.4 (5da689c313, 2019-01-14)\"><metadata ><rdf:RDF><cc:Work rdf:about=\"\"><dc:format>image/svg+xml</dc:format><dc:type rdf:resource=\"http://purl.org/dc/dcmitype/StillImage\" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs /><sodipodi:namedview pagecolor=\"#ffffff\" bordercolor=\"#666666\" borderopacity=\"1\" objecttolerance=\"10\" gridtolerance=\"10\" guidetolerance=\"10\" inkscape:pageopacity=\"0\" inkscape:pageshadow=\"2\" inkscape:window-width=\"1920\" inkscape:window-height=\"1017\" showgr inkscape:zoom=\"9.44\" inkscape:cx=\"31.555563\" inkscape:cy=\"21.585628\" inkscape:window-x=\"-8\" inkscape:window-y=\"-8\" inkscape:window-maximized=\"1\" inkscape:current-layer=\"svg8\" /><g transform=\"matrix(0.06827145,0,0,0.06827064,7.670918,5.1378096)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06827145,0,0,0.06827064,7.670918,5.1378096)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06827145,0,0,0.06827064,7.670918,5.1378096)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06827145,0,0,0.06827064,7.670918,5.1378096)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06827145,0,0,0.06827064,7.670918,5.1378096)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06827145,0,0,0.06827064,7.670918,5.1378096)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06827145,0,0,0.06827064,7.670918,5.1378096)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06827145,0,0,0.06827064,7.670918,5.1378096)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06827145,0,0,0.06827064,7.670918,5.1378096)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06827145,0,0,0.06827064,7.670918,5.1378096)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06827145,0,0,0.06827064,7.670918,5.1378096)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06827145,0,0,0.06827064,7.670918,5.1378096)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06827145,0,0,0.06827064,7.670918,5.1378096)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06827145,0,0,0.06827064,7.670918,5.1378096)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06827145,0,0,0.06827064,7.670918,5.1378096)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"m 119.467,337.067 c -28.237,0 -51.2,22.963 -51.2,51.2 0,28.237 22.963,51.2 51.2,51.2 28.237,0 51.2,-22.963 51.2,-51.2 0,-28.237 -22.964,-51.2 -51.2,-51.2 z m 0,85.333 c -18.825,0 -34.133,-15.309 -34.133,-34.133 0,-18.825 15.309,-34.133 34.133,-34.133 18.824,0 34.133,15.309 34.133,34.133 0,18.824 -15.309,34.133 -34.133,34.133 z\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"m 409.6,337.067 c -28.237,0 -51.2,22.963 -51.2,51.2 0,28.237 22.963,51.2 51.2,51.2 28.237,0 51.2,-22.963 51.2,-51.2 0,-28.237 -22.963,-51.2 -51.2,-51.2 z m 0,85.333 c -18.825,0 -34.133,-15.309 -34.133,-34.133 0,-18.825 15.309,-34.133 34.133,-34.133 18.825,0 34.133,15.309 34.133,34.133 0,18.824 -15.308,34.133 -34.133,34.133 z\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"m 510.643,289.784 -76.8,-119.467 c -1.57,-2.441 -4.275,-3.917 -7.177,-3.917 H 332.8 c -4.719,0 -8.533,3.823 -8.533,8.533 v 213.333 c 0,4.719 3.814,8.533 8.533,8.533 h 34.133 v -17.067 h -25.6 V 183.467 h 80.674 l 72.926,113.442 v 82.825 H 452.266 V 396.8 h 51.2 c 4.719,0 8.533,-3.814 8.533,-8.533 V 294.4 c 10e-4,-1.63 -0.468,-3.243 -1.356,-4.616 z\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"M 375.467,277.333 V 217.6 h 68.267 v -17.067 h -76.8 c -4.719,0 -8.533,3.823 -8.533,8.533 v 76.8 c 0,4.719 3.814,8.533 8.533,8.533 h 128 V 277.332 H 375.467 Z\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"M 332.8,106.667 H 8.533 C 3.823,106.667 0,110.49 0,115.2 v 273.067 c 0,4.719 3.823,8.533 8.533,8.533 H 76.8 V 379.733 H 17.067 v -256 h 307.2 v 256 H 162.133 V 396.8 H 332.8 c 4.719,0 8.533,-3.814 8.533,-8.533 V 115.2 c 0,-4.71 -3.814,-8.533 -8.533,-8.533 z\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><rect x=\"8.533\" y=\"345.60001\" width=\"51.200001\" height=\"17.066999\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><rect x=\"179.2\" y=\"345.60001\" width=\"145.067\" height=\"17.066999\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><rect x=\"469.33301\" y=\"345.60001\" width=\"34.132999\" height=\"17.066999\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><rect x=\"34.132999\" y=\"140.8\" width=\"298.66699\" height=\"17.066999\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><rect x=\"110.933\" y=\"379.733\" width=\"17.066999\" height=\"17.066999\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><rect x=\"401.06699\" y=\"379.733\" width=\"17.066999\" height=\"17.066999\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.06813214,0,0,0.06813214,7.6,6.2856989)\" style=\"fill:#484f60;fill-opacity:1\" /></svg>",
+    "two_d": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M22.41,33.89H11V31c.87-.76,1.75-1.56,2.62-2.41S15.2,27,15.73,26.39A11.84,11.84,0,0,0,17.4,24a4.45,4.45,0,0,0,.5-2,2.52,2.52,0,0,0-.64-1.85,2.47,2.47,0,0,0-1.84-.65,4.57,4.57,0,0,0-1.89.45,8.17,8.17,0,0,0-1.84,1.14h-.31V17.2a10.26,10.26,0,0,1,2-.73,10.46,10.46,0,0,1,2.71-.36,5.79,5.79,0,0,1,4.16,1.37,5.15,5.15,0,0,1,1.44,3.9,7.37,7.37,0,0,1-.69,3.14A12.94,12.94,0,0,1,19,27.59c-.6.66-1.19,1.26-1.79,1.81s-1,.93-1.28,1.15h6.53Z\" fill=\"#484f60\"/><path d=\"M38.14,20.79a7.49,7.49,0,0,0-2.37-3,6.52,6.52,0,0,0-2.17-1,11.93,11.93,0,0,0-3.06-.35H25.26V33.89h5.13a13.25,13.25,0,0,0,3-.3,6.61,6.61,0,0,0,2.33-1.08,7.71,7.71,0,0,0,2.34-3A9.9,9.9,0,0,0,39,25.19,10.47,10.47,0,0,0,38.14,20.79Zm-3.49,7.27a4,4,0,0,1-1.51,1.88,3.77,3.77,0,0,1-1.22.54,10.07,10.07,0,0,1-2,.14H29V19.7H30a9.8,9.8,0,0,1,1.81.13,3.75,3.75,0,0,1,1.18.46,4.07,4.07,0,0,1,1.65,1.92,7.4,7.4,0,0,1,.52,2.94A7.92,7.92,0,0,1,34.65,28.06Z\" fill=\"#484f60\"/></svg>",
+    "warehouse": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\" version=\"1.1\" sodipodi:docname=\"warehouse.svg\" inkscape:version=\"0.92.4 (5da689c313, 2019-01-14)\"><metadata ><rdf:RDF><cc:Work rdf:about=\"\"><dc:format>image/svg+xml</dc:format><dc:type rdf:resource=\"http://purl.org/dc/dcmitype/StillImage\" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs /><sodipodi:namedview pagecolor=\"#ffffff\" bordercolor=\"#666666\" borderopacity=\"1\" objecttolerance=\"10\" gridtolerance=\"10\" guidetolerance=\"10\" inkscape:pageopacity=\"0\" inkscape:pageshadow=\"2\" inkscape:window-width=\"1920\" inkscape:window-height=\"1017\" showgr inkscape:zoom=\"6.675088\" inkscape:cx=\"9.6569985\" inkscape:cy=\"12.384637\" inkscape:window-x=\"-8\" inkscape:window-y=\"-8\" inkscape:window-maximized=\"1\" inkscape:current-layer=\"svg8\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"M 507.785,146.242 260.318,1.175 c -2.603,-1.519 -5.803,-1.57 -8.439,-0.111 L 4.412,137.598 C 1.69,139.091 0,141.958 0,145.064 v 358.4 c 0,4.719 3.823,8.533 8.533,8.533 H 51.2 c 4.71,0 8.533,-3.814 8.533,-8.533 V 204.798 h 392.533 v 298.667 c 0,4.719 3.814,8.533 8.533,8.533 h 42.667 c 4.719,0 8.533,-3.814 8.533,-8.533 V 153.598 c 10e-4,-3.03 -1.603,-5.829 -4.214,-7.356 z m -12.852,348.689 h -25.6 V 196.264 c 0,-4.71 -3.814,-8.533 -8.533,-8.533 H 51.2 c -4.71,0 -8.533,3.823 -8.533,8.533 v 298.667 h -25.6 V 150.099 L 255.872,18.344 494.933,158.487 Z\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"m 426.667,392.531 h -102.4 c -4.719,0 -8.533,3.814 -8.533,8.533 v 102.4 c 0,4.719 3.814,8.533 8.533,8.533 h 102.4 c 4.719,0 8.533,-3.814 8.533,-8.533 v -102.4 c 0,-4.719 -3.814,-8.533 -8.533,-8.533 z m -8.534,102.4 H 332.8 v -85.333 h 85.333 z\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"m 384,401.064 v 25.6 h -17.067 v -25.6 h -17.067 v 34.133 c 0,4.719 3.814,8.533 8.533,8.533 h 34.133 c 4.719,0 8.533,-3.814 8.533,-8.533 v -34.133 z\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"m 324.267,392.531 h -102.4 c -4.71,0 -8.533,3.814 -8.533,8.533 v 102.4 c 0,4.719 3.823,8.533 8.533,8.533 h 102.4 c 4.719,0 8.533,-3.814 8.533,-8.533 v -102.4 c 0,-4.719 -3.814,-8.533 -8.533,-8.533 z m -8.534,102.4 H 230.4 v -85.333 h 85.333 z\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"m 281.6,401.064 v 25.6 h -17.067 v -25.6 h -17.067 v 34.133 c 0,4.719 3.823,8.533 8.533,8.533 h 34.133 c 4.719,0 8.533,-3.814 8.533,-8.533 v -34.133 z\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"m 426.667,290.131 h -102.4 c -4.719,0 -8.533,3.814 -8.533,8.533 v 102.4 c 0,4.719 3.814,8.533 8.533,8.533 h 102.4 c 4.719,0 8.533,-3.814 8.533,-8.533 v -102.4 c 0,-4.719 -3.814,-8.533 -8.533,-8.533 z m -8.534,102.4 H 332.8 v -85.333 h 85.333 z\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"m 384,298.664 v 25.6 h -17.067 v -25.6 h -17.067 v 34.133 c 0,4.719 3.814,8.533 8.533,8.533 h 34.133 c 4.719,0 8.533,-3.814 8.533,-8.533 v -34.133 z\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><rect x=\"51.200001\" y=\"255.998\" width=\"409.60001\" height=\"17.066999\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><rect x=\"51.200001\" y=\"221.864\" width=\"409.60001\" height=\"17.066999\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\"><g style=\"fill:#484f60;fill-opacity:1\"><path inkscape:connector-curvature=\"0\" d=\"m 298.667,119.464 h -85.333 c -4.71,0 -8.533,3.823 -8.533,8.533 v 34.133 c 0,4.71 3.823,8.533 8.533,8.533 h 85.333 c 4.719,0 8.533,-3.823 8.533,-8.533 v -34.133 c 0,-4.71 -3.814,-8.533 -8.533,-8.533 z m -8.534,34.134 h -68.267 v -17.067 h 68.267 z\" style=\"fill:#484f60;fill-opacity:1\" /></g></g><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /><g transform=\"matrix(0.05570714,0,0,0.05570648,10.763,10.859394)\" style=\"fill:#484f60;fill-opacity:1\" /></svg>"
 };
 
-class IconCacheService {
-    constructor(_sanitizer) {
-        this._sanitizer = _sanitizer;
-        this._iconCache = {};
-        this._allIcons = IconSvg;
-        this.setIconCache();
-    }
-    /**
-     * All the icons as a large JSON object, from the all-icons.json file.
-     * The object has property keys that are the icon names, and property values with the data string of the actual svg icon.
-     */
-    get iconCache() {
-        return this._iconCache;
-    }
-    getIcon(iconName) {
-        return this._iconCache[iconName.toLowerCase()];
-    }
-    setIconCache() {
-        for (const key in this._allIcons) {
-            if (this._allIcons.hasOwnProperty(key)) {
-                this._iconCache[key.toLowerCase()] = this._sanitizer.bypassSecurityTrustHtml(this._allIcons[key]);
-            }
-        }
-    }
-}
-IconCacheService.ɵprov = i0.ɵɵdefineInjectable({ factory: function IconCacheService_Factory() { return new IconCacheService(i0.ɵɵinject(i1$1.DomSanitizer)); }, token: IconCacheService, providedIn: "root" });
-IconCacheService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-IconCacheService.ctorParameters = () => [
-    { type: DomSanitizer }
+class IconCacheService {
+    constructor(_sanitizer) {
+        this._sanitizer = _sanitizer;
+        this._iconCache = {};
+        this._allIcons = IconSvg;
+        this.setIconCache();
+    }
+    /**
+     * All the icons as a large JSON object, from the all-icons.json file.
+     * The object has property keys that are the icon names, and property values with the data string of the actual svg icon.
+     */
+    get iconCache() {
+        return this._iconCache;
+    }
+    getIcon(iconName) {
+        return this._iconCache[iconName.toLowerCase()];
+    }
+    setIconCache() {
+        for (const key in this._allIcons) {
+            if (this._allIcons.hasOwnProperty(key)) {
+                this._iconCache[key.toLowerCase()] = this._sanitizer.bypassSecurityTrustHtml(this._allIcons[key]);
+            }
+        }
+    }
+}
+IconCacheService.ɵprov = i0.ɵɵdefineInjectable({ factory: function IconCacheService_Factory() { return new IconCacheService(i0.ɵɵinject(i1$1.DomSanitizer)); }, token: IconCacheService, providedIn: "root" });
+IconCacheService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
+IconCacheService.ctorParameters = () => [
+    { type: DomSanitizer }
 ];
 
-class ProductPageComponent {
-    constructor(_ione, _renderer, _changeDetector, iconCache, settingsService, appEventService) {
-        this._ione = _ione;
-        this._renderer = _renderer;
-        this._changeDetector = _changeDetector;
-        this.iconCache = iconCache;
-        this.settingsService = settingsService;
-        this.appEventService = appEventService;
-        this.icon = IconEnum;
-        this.createFrozenArticle = true;
-        this.openStockEvent = new EventEmitter();
-        this.configurable = false;
-        this.threeD = false;
-        this.show2D = true;
-        this.show3D = false;
-        this.configuring = false;
-        this.fullscreenAnimationEnd = false;
-        this.settingsLoaded = false;
-        this._fullScreen = false;
-        this._subs = [];
-        this._subs.push(this.appEventService.onForceRenderImage.subscribe((x) => {
-            if (this.selections.nativeElement) {
-                this.selections.nativeElement.forceRenderImage();
-            }
-        }), this.settingsService.settingsLoaded.subscribe(loaded => this._handleSettingsLoaded(loaded)), this._ione.controllerInitialized.subscribe((initialized) => {
-            this.settingsLoaded = initialized;
-        }));
-    }
-    set sku(value) {
-        if (value) {
-            if (this.configuring) {
-                this.show3D = false;
-                this.fullScreen = false;
-                this.configuring = false;
-                this._changeDetector.detectChanges();
-            }
-            this._sku = value;
-            this._getArticle();
-        }
-    }
-    get sku() {
-        return this._sku;
-    }
-    set settings(value) {
-        if (value) {
-            if (typeof value === 'string') {
-                this._settings = JSON.parse(value);
-            }
-            else {
-                this._settings = value;
-            }
-        }
-    }
-    get settings() {
-        return this._settings;
-    }
-    set fullScreen(value) {
-        this._fullScreen = value;
-        this.fullscreenAnimationEnd = true;
-        this._changeDetector.detectChanges();
-        // setTimeout(() => {
-        //   this.fullscreenAnimationEnd = true;
-        // }, 400)
-    }
-    get fullScreen() {
-        return this._fullScreen;
-    }
-    get fullScreenIcon() {
-        return this.fullScreen ? this.icon.NormalScreen : this.icon.FullScreen;
-    }
-    set currentView(value) {
-        this._currentView = value;
-        this.show2D = this._currentView === SelectorType.TwoD;
-        this.show3D = this._currentView === SelectorType.ThreeD;
-        this._changeDetector.detectChanges();
-    }
-    get currentView() {
-        return this._currentView;
-    }
-    ngOnInit() {
-        if (this._settings) {
-            this.settingsService.settings = undefined;
-            this.settingsService.createSettingsFromObject(this._settings);
-        }
-        else {
-            this._settings = this.settingsService.settings;
-        }
-    }
-    ngAfterViewInit() {
-    }
-    ngOnDestroy() {
-        this._subs.forEach(s => s.unsubscribe());
-        if (this._initializedSub) {
-            this._initializedSub.unsubscribe();
-        }
-        this.configurator = undefined;
-        this.selections = undefined;
-        this.fullscreenbutton = undefined;
-    }
-    setInstance(event) {
-        if (event.detail) {
-            this._ione.setInstance(event.detail);
-        }
-    }
-    handleStartConfiguration() {
-        this.configuring = true;
-        this._changeDetector.detectChanges();
-    }
-    showFullScreen() {
-        this.fullScreen = !this.fullScreen;
-    }
-    _handleSettingsLoaded(loaded) {
-        if (loaded) {
-            this._ione.initConnection();
-        }
-    }
-    _getArticle() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this._initializedSub) {
-                this._initializedSub.unsubscribe();
-            }
-            this._initializedSub = this._ione.controllerInitialized.subscribe((init) => __awaiter(this, void 0, void 0, function* () {
-                if (init) {
-                    this._ione.getFullArticle(this._sku).then((article) => {
-                        this.article = article;
-                        if (this.article) {
-                            this.configurable = this.article.goodType === 'B';
-                            if (this.configurable) {
-                                this.currentView = SelectorType.TwoD;
-                            }
-                            this.threeD = this.article.is3D;
-                            this.selectorType = this.article.selectorTypeCustomer;
-                            this._ione.getDeliveryPrognosis(this.article.goodId).then((stockInfo) => {
-                                const stockAndDelivery = stockInfo;
-                                this.stockAndDelivery = new StockAndDelivery(0, stockAndDelivery.returnValue ? stockAndDelivery.returnValue : ' ');
-                                this._changeDetector.detectChanges();
-                            });
-                            this._changeDetector.detectChanges();
-                        }
-                    });
-                }
-            }));
-        });
-    }
-    openStock() {
-        this.openStockEvent.emit();
-    }
-}
-ProductPageComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'app-product-page',
-                template: "<ng-container *ngIf=\"settingsLoaded\">\n  <div class=\"page-wrapper\">\n    <div class=\"page-wrapper-content\">\n      <div class=\"page-wrapper-left\">\n        <div class=\"product-image-container\">\n          <div class=\"product-page-block-selector-type\">\n            <app-product-selector-type class=\"default-padding\"\n              [(currentType)]=\"currentView\"\n              [show2D]=\"configurable\"\n              [show3D]=\"threeD\"\n            ></app-product-selector-type>\n          </div>\n          <div class=\"product-page-block-image default-padding\" [class.full]=\"fullScreen\">\n            <app-image-carousel [@toggleVisibilityByState]=\"show2D ? 'show' : 'hide'\" [images]=\"article?.images\" [showRefresh]=\"configurable && threeD\"></app-image-carousel>\n            <ng-container *ngIf=\"settingsLoaded\">\n              <threed-configurator #configurator class=\"threed-configurator\"\n                                   [class.configurator-full-screen]=\"fullScreen\"\n                                   [@toggleVisibilityByState]=\"show3D ? 'show' : 'hide'\"\n                                   [@toggleFullScreen]=\"fullScreen ? 'fullscreen' : 'halfscreen'\"\n              ></threed-configurator>\n            </ng-container>\n            <co-icon #fullscreenbutton class=\"fullscreen-button\" *ngIf=\"show3D\"\n                     [@toggleTopLeft]=\"fullScreen ? 'fullscreen' : 'halfscreen'\"\n                     [iconData]=\"iconCache.getIcon(fullScreenIcon)\"\n                     (click)=\"showFullScreen()\"></co-icon>\n            <co-icon class=\"threed-watermark\" *ngIf=\"show3D && fullScreen\"\n                     [iconData]=\"iconCache.getIcon(icon.Logo)\"></co-icon>\n          </div>\n        </div>\n      </div>\n      <div class=\"page-wrapper-right\">\n        <div class=\"product-page-block-description\">\n          <app-product-description class=\"default-padding\" [article]=\"article\"></app-product-description>\n        </div>\n        <div class=\"product-page-block-additional\">\n          <div class=\"product-page-block-additional-description\">\n            <app-product-additional-description class=\"default-padding\" [article]=\"article\"></app-product-additional-description>\n          </div>\n          <div class=\"product-page-block-price\" [class.full]=\"configuring\">\n            <app-product-price class=\"s-padding\" *ngIf=\"!configuring\"\n                               [pricing]=\"article?.pricing\"\n                               [configurable]=\"configurable\"\n            ></app-product-price>\n            <ng-container *ngIf=\"settingsLoaded\">\n              <threed-selections #selections class=\"threed-selections\" [class.show-selections]=\"configuring\" [@toggleFullScreenRight]=\"fullScreen ? 'fullscreen' : 'halfscreen'\"\n                                 [class.default-padding]=\"!fullScreen\"\n                                 [class.show-full-screen]=\"fullScreen\"\n                                 [class.mini-scrollbar]=\"fullScreen\"\n                                 [sku]=\"sku\"\n                                 [settings]=\"settings\"\n                                 (onUserActionFromThreeD)=\"configuring = true\"\n                                 (instanceSet)=\"setInstance($event)\"\n                                 (onImageReceived)=\"appEventService.onImageReceived.next($event)\"\n                                 (onRenderStarted)=\"appEventService.onRenderStarted.next()\"\n                                 (onDraftRenderImageReceived)=\"appEventService.onDraftRenderImageReceived.next($event)\"\n                                 (onArticleReceived)=\"appEventService.onArticleReceived.next($event.detail)\"\n                                 (onSelectionsReceived)=\"appEventService.onSelectionsReceived.next($event.detail)\"\n                                 (onArticleInfoReceived)=\"appEventService.onArticleInfoReceived.next($event.detail)\"\n              ></threed-selections>\n            </ng-container>\n          </div>\n          <div class=\"product-page-block-addtocart no-padding product-action-buttons\" *ngIf=\"!configuring\" [@toggleTopRight]=\"fullScreen ? 'fullscreen' : 'halfscreen'\">\n            <app-product-addtocart\n                                   [configurable]=\"configurable\"\n                                   [createFrozenArticle]=\"createFrozenArticle\"\n                                   [configuring]=\"configuring\"\n                                   [article]=\"article\"\n                                   (startConfiguration)=\"handleStartConfiguration()\"\n            ></app-product-addtocart>\n          </div>\n          <div class=\"addtocart-reserved product-action-buttons\" *ngIf=\"configuring\" [class.full-screen]=\"fullScreen\">\n            <app-product-addtocart class=\"default-padding\"\n                                   [configurable]=\"false\"\n                                   [fullscreen]=\"fullScreen\"\n                                   [configuring]=\"configuring\"\n                                   [article]=\"article\"\n                                   (startConfiguration)=\"handleStartConfiguration()\"\n            ></app-product-addtocart>\n          </div>\n          <div class=\"product-page-block-variants\">\n            <app-product-related class=\"no-padding\" *ngIf=\"article?.relatedArticles && article?.relatedArticles.length > 0\"\n                                 [articles]=\"article?.relatedArticles\" [refType]=\"64\" [label]=\"'VARIANTS' | localize\"></app-product-related>\n          </div>\n          <div class=\"product-page-block-stock\">\n            <app-product-stock class=\"no-padding\" [goodId]=\"article?.goodId\" (openStockEvent)=\"openStock()\"></app-product-stock>\n          </div>\n          <div class=\"product-page-block-delivery\">\n            <app-product-delivery class=\"no-padding\" [stockAndDelivery]=\"stockAndDelivery\"></app-product-delivery>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"page-wrapper-content\">\n      <div class=\"page-wrapper-left\">\n        <app-product-info-tabs class=\"no-padding\" [article]=\"article\"></app-product-info-tabs>\n      </div>\n      <div class=\"page-wrapper-right\">\n        <div class=\"product-page-block-related s-padding\">\n            <app-product-related *ngIf=\"article?.relatedArticles && article?.relatedArticles.length > 0\"\n                                 [articles]=\"article?.relatedArticles\" [refType]=\"1\" [label]=\"'RELATED_PRODUCTS' | localize\"></app-product-related>\n        </div>\n      </div>\n    </div>\n    <div class=\"page-wrapper-content no-top-margin\">\n      <div class=\"page-wrapper-full\">\n        <div class=\"product-page-block-alternatives s-padding\">\n          <app-product-related *ngIf=\"article?.relatedArticles && article?.relatedArticles.length > 0\"\n                               [articles]=\"article?.relatedArticles\" [refType]=\"4\" [isSmallModus]=\"false\" [label]=\"'ALTERNATIVE_PRODUCTS' | localize\"></app-product-related>\n        </div>\n      </div>\n    </div>\n  </div>\n</ng-container>\n",
-                animations: [
-                    trigger('toggleFullScreen', [
-                        state('fullscreen', style({ 'position': 'fixed', 'top': '0', 'left': '0', 'width': '100%', 'height': '100%' })),
-                        state('halfscreen', style({ 'position': '*', 'top': '*', 'left': '*', 'width': '*', 'height': '*' })),
-                        transition('halfscreen <=> fullscreen', animate('200ms ease-in-out')),
-                    ]),
-                    trigger('toggleTopLeft', [
-                        state('fullscreen', style({ 'position': 'fixed', 'top': '0', 'left': '0' })),
-                        state('halfscreen', style({ 'position': 'absolute', 'top': '*', 'left': '*' })),
-                        transition('halfscreen <=> fullscreen', animate('200ms ease-in-out')),
-                    ]),
-                    trigger('toggleTopRight', [
-                        state('fullscreen', style({ 'position': 'fixed', 'top': '0', 'right': '0' })),
-                        state('halfscreen', style({ 'position': '*', 'top': '*', 'right': '*' })),
-                        transition('halfscreen <=> fullscreen', animate('200ms ease-in-out')),
-                    ]),
-                    trigger('toggleFullScreenRight', [
-                        state('fullscreen', style({ 'position': 'fixed', 'width': '400px', 'top': '0', 'right': '0' })),
-                        state('halfscreen', style({ 'position': '*', 'width': '*', 'top': '*', 'right': '*' })),
-                        transition('halfscreen <=> fullscreen', animate('200ms ease-in-out')),
-                    ]),
-                    trigger('toggleVisibilityByState', [
-                        state('hide', style({ 'opacity': '0', 'display': 'none' })),
-                        state('show', style({ 'display': 'block', 'opacity': '1' })),
-                        transition('hide <=> show', animate('200ms 100ms ease-in-out')),
-                    ]),
-                    trigger('toggleVisibility', [
-                        state('void', style({ 'opacity': '0' })),
-                        state('*', style({ 'opacity': '1' })),
-                        transition('void => *', animate('200ms ease-in-out')),
-                    ])
-                ],
-                styles: [".page-wrapper{font-family:iOneMontserrat;font-size:12px;display:flex;flex-direction:column;max-width:1400px;padding:0 15px;margin:0 auto}.page-wrapper-content{display:flex;flex-direction:row;margin:40px 0}.page-wrapper-content:first-child{margin-top:0}.page-wrapper-content.no-top-margin{margin-top:0}.page-wrapper-left{display:flex;width:55%;flex-direction:column}.page-wrapper-right{display:flex;width:45%;flex-direction:column}.page-wrapper-full{display:flex;width:100%;flex-direction:column}.page-wrapper-66{display:flex;width:60%;flex-direction:column}.page-wrapper-33{display:flex;width:40%;flex-direction:column}.threed-selections{display:none}.threed-selections.show-selections{display:block}.threed-selections ::ng-deep .rp-lite-selector .rp-answers-slideout ::ng-deep co-slideout{width:480px;z-index:3}.product-action-buttons{position:relative}.product-action-buttons.full-screen{z-index:10}.product-image-container{grid-column:1/7;grid-row:1/6;position:relative}.product-page-block-selector-type{width:auto;position:absolute;top:10px;right:10px;z-index:2}.product-page-block-image{box-sizing:border-box;width:100%;z-index:1;position:relative}.product-page-block-image .threed-configurator{border:1px solid #efefef}.product-page-block-image .threed-configurator .layer .viewer canvas{height:100%;width:100%}.product-page-block-image .threed-configurator ::ng-deep .rp-element-toolbar{top:30px}.product-page-block-image app-image-carousel.show-animated,.product-page-block-image threed-configurator.show-animated{opacity:1;z-index:0;transition:all .2s ease-in-out}.product-page-block-image .fullscreen-button{cursor:pointer;height:50px;width:50px;position:absolute;left:30px;z-index:100;top:30px}.product-page-block-image.full{grid-column:1/11;grid-row:2/span 10;z-index:3}.product-page-block-description{grid-column:7/12;grid-row:1/1}.product-page-block-additional{width:100%}.product-page-block-additional-description{width:100%}.product-page-block-price{grid-column:1/3;grid-row:2/2;align-self:center}.product-page-block-price.full{grid-column:1/5}.product-page-block-addtocart{grid-column:3/5;grid-row:2/2;align-self:center;padding-top:30px!important}.product-page-block-addtocart ::ng-deep co-number-picker ::ng-deep co-button{cursor:pointer}.product-page-block-addtocart ::ng-deep co-number-picker ::ng-deep co-button:hover div.rippler{background:#f6f5f4}.product-page-block-addtocart ::ng-deep co-number-picker ::ng-deep co-button ::ng-deep co-icon{position:relative;z-index:2}.product-page-block-addtocart ::ng-deep co-button.cart-button{cursor:pointer}.product-page-block-addtocart ::ng-deep co-button.cart-button:hover{background:#74B77F}.addtocart-reserved{grid-column:1/3;grid-row:3/3}.product-page-block-stock{grid-column:1/3;grid-row:4/4}.product-page-block-delivery{grid-column:3/5;grid-row:4/4}::ng-deep co-scroll-container{overflow:hidden;position:relative}::ng-deep co-scroll-container .content-wrapper{padding:0}::ng-deep co-scroll-container .scroll-layer{left:0;top:0}::ng-deep co-scroll-container .scroll-layer .scroller{width:34px;height:34px;border-radius:36px;background:#fff;cursor:pointer;box-shadow:0 0 5px #0003}::ng-deep co-scroll-container .scroll-layer .scroller:hover{background:#f6f5f4}::ng-deep co-scroll-container .scroll-layer .scroller.left-scroll{left:5px}::ng-deep co-scroll-container .scroll-layer .scroller.left-scroll:before{border-width:0 3px 3px 0;padding:4px;margin-left:13px;margin-top:11px}::ng-deep co-scroll-container .scroll-layer .scroller.right-scroll{right:5px}::ng-deep co-scroll-container .scroll-layer .scroller.right-scroll:after{border-width:0 3px 3px 0;padding:4px;margin-left:9px;margin-top:11px}.product-page-block-variants{margin:20px 0 0}.product-page-block-variants ::ng-deep app-product-related>div{display:flex;grid-gap:15px;gap:15px;align-items:center;border-top:1px solid #f6f5f4;padding:5px 0 7px 15px}.product-page-block-variants ::ng-deep app-product-related>div ::ng-deep app-header h3{font-size:14px}.product-page-block-variants ::ng-deep app-product-related>div ::ng-deep co-scroll-container{width:320px;max-width:100%;padding:0 16px}.product-page-block-variants ::ng-deep app-product-related>div ::ng-deep co-scroll-container .scroller{width:26px;height:26px}.product-page-block-variants ::ng-deep app-product-related>div ::ng-deep co-scroll-container .scroller.left-scroll{left:5px}.product-page-block-variants ::ng-deep app-product-related>div ::ng-deep co-scroll-container .scroller.left-scroll:before{border-width:0 2px 2px 0;margin-left:9px;margin-top:9px}.product-page-block-variants ::ng-deep app-product-related>div ::ng-deep co-scroll-container .scroller.right-scroll{right:5px}.product-page-block-variants ::ng-deep app-product-related>div ::ng-deep co-scroll-container .scroller.right-scroll:after{border-width:0 2px 2px 0;margin-left:6px;margin-top:9px}.product-page-block-variants ::ng-deep co-tile.small{min-width:50px!important;max-width:50px!important;border:1px solid #f6f5f4;margin:0 10px 0 0;border-radius:4px}.product-page-block-variants ::ng-deep co-tile.small:hover{border-color:#22313c}.product-page-block-variants ::ng-deep co-tile.small .tile-wrapper{padding:0}.product-page-block-variants ::ng-deep co-tile.small .tile-wrapper .tile-top{display:none}.product-page-block-variants ::ng-deep co-tile.small .tile-wrapper .image{height:40px!important;padding:5px}.product-page-block-variants ::ng-deep co-tile.small .tile-wrapper .image .no-image-wrapper .no-image{width:40px;height:40px}.product-page-block-variants ::ng-deep co-tile.small .tile-wrapper .image .no-image-wrapper span{display:none!important}.product-page-block-variants ::ng-deep co-tile.small .tile-wrapper .tile-bottom{display:none}.product-page-block-variants ::ng-deep co-tile.small .tile-extra-bottom{display:none}.product-page-block-alternatives ::ng-deep .article-wrapper{margin:0 20px 0 0}.product-page-block-alternatives ::ng-deep .article-wrapper:last-child{margin:0}.product-page-block-alternatives ::ng-deep co-tile{cursor:pointer;transition:all .14s ease-out;border:1px solid transparent;border-bottom-color:#f6f5f4;padding:15px 10px 0;width:319px;max-width:none;min-width:0;box-sizing:border-box}.product-page-block-alternatives ::ng-deep co-tile:hover{box-shadow:none;border-color:#f6f5f4}.product-page-block-alternatives ::ng-deep co-tile:hover .tile-wrapper div.image co-image{transform:scale(1.05)}.product-page-block-alternatives ::ng-deep co-tile:hover .tile-wrapper .tile-bottom{margin:0}.product-page-block-alternatives ::ng-deep co-tile:hover .tile-extra-bottom .main .description{text-decoration:underline}.product-page-block-alternatives ::ng-deep co-tile .tile-wrapper{padding:0;position:relative;outline:none;overflow:hidden}.product-page-block-alternatives ::ng-deep co-tile .tile-wrapper .tile-top{position:absolute;left:0;top:0;width:100%}.product-page-block-alternatives ::ng-deep co-tile .tile-wrapper div.image{position:relative;padding:1px;display:flex;align-items:center;justify-content:center;overflow:hidden;max-width:250px;margin:0 auto;height:auto}.product-page-block-alternatives ::ng-deep co-tile .tile-wrapper div.image:after{content:\"\";padding:100% 0 0;float:left;width:100%}.product-page-block-alternatives ::ng-deep co-tile .tile-wrapper div.image co-image{position:absolute;left:0;top:0;overflow:hidden;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;z-index:-1;transition:all .2s ease}.product-page-block-alternatives ::ng-deep co-tile .tile-wrapper div.image .no-image-wrapper{position:absolute;display:flex;left:50%;top:50%;margin:-48px 0 0 -54px;flex-direction:column;align-items:center;opacity:.25}.product-page-block-alternatives ::ng-deep co-tile .tile-wrapper .tile-bottom{position:absolute;right:0;bottom:0;margin:0 -40px 0 0;transition:all .2s ease;height:auto}.product-page-block-alternatives ::ng-deep co-tile .tile-wrapper .tile-bottom ::ng-deep co-button{margin:0 0 5px!important;width:36px;height:36px;border:1px solid #22313C;cursor:pointer;border-radius:4px;padding:0!important;font-size:0}.product-page-block-alternatives ::ng-deep co-tile .tile-wrapper .tile-bottom ::ng-deep co-button co-icon{width:32px;height:32px;margin:0 2px}.product-page-block-alternatives ::ng-deep co-tile .tile-extra-bottom{outline:none;padding:15px 0;background:transparent!important;min-height:60px}.product-page-block-alternatives ::ng-deep co-tile .tile-extra-bottom .main{padding:0 10px}.product-page-block-alternatives ::ng-deep co-tile .tile-extra-bottom .main .description{font-size:15px;font-weight:bold;margin:0 0 2px}.product-page-block-alternatives ::ng-deep co-tile .tile-extra-bottom .main .price{font-size:16px;margin:15px 0 0;font-weight:bold;color:#2b60a7}.product-page-block-additional-information{grid-column:1/6;grid-row:4/4}.product-page-block-properties{grid-column:7/10;grid-row:3/3}.product-page-block-related-articles{grid-column:2/6;grid-row:4/4}.product-page-block-alternative-articles{grid-column:6/10;grid-row:4/4}.product-page-block-documents{grid-column:2/6;grid-row:5/5}.product-page-block-symbols{grid-column:6/10;grid-row:5/5}@media screen and (max-width: 950px){.default-padding{padding-top:20px;padding-bottom:20px}.m-padding{padding-top:15px;padding-bottom:15px}.s-padding{padding-top:5px;padding-bottom:5px}.page-wrapper{max-width:650px}.page-wrapper .page-wrapper-content{flex-direction:column;margin:30px 0}.page-wrapper .page-wrapper-content .page-wrapper-left{width:100%}.page-wrapper .page-wrapper-content .page-wrapper-right{width:100%}.product-page-block-alternatives ::ng-deep co-tile{width:284px!important}}@media screen and (max-width: 650px){[class*=-padding]{padding-left:0!important;padding-right:0!important}.product-page-block-addtocart ::ng-deep co-number-picker co-button{height:38px!important}.product-page-block-addtocart ::ng-deep co-number-picker co-input-text{height:38px!important;width:36px!important}.product-page-block-addtocart ::ng-deep co-button.cart-button{height:40px;font-size:13px}}\n"]
-            },] }
-];
-ProductPageComponent.ctorParameters = () => [
-    { type: ProductConnectorService },
-    { type: Renderer2 },
-    { type: ChangeDetectorRef },
-    { type: IconCacheService },
-    { type: ProductSettingsService },
-    { type: ProductEventService }
-];
-ProductPageComponent.propDecorators = {
-    configurator: [{ type: ViewChild, args: ['configurator', { read: ElementRef },] }],
-    selections: [{ type: ViewChild, args: ['selections', { read: ElementRef },] }],
-    fullscreenbutton: [{ type: ViewChild, args: ['fullscreenbutton', { read: ElementRef },] }],
-    sku: [{ type: Input }],
-    settings: [{ type: Input }],
-    createFrozenArticle: [{ type: Input }],
-    openStockEvent: [{ type: Output }]
+class ProductPageComponent {
+    constructor(_ione, _renderer, _changeDetector, iconCache, settingsService, appEventService) {
+        this._ione = _ione;
+        this._renderer = _renderer;
+        this._changeDetector = _changeDetector;
+        this.iconCache = iconCache;
+        this.settingsService = settingsService;
+        this.appEventService = appEventService;
+        this.icon = IconEnum;
+        this.createFrozenArticle = true;
+        this.isReturn = false;
+        this.openStockEvent = new EventEmitter();
+        this.configurable = false;
+        this.threeD = false;
+        this.show2D = true;
+        this.show3D = false;
+        this.configuring = false;
+        this.fullscreenAnimationEnd = false;
+        this.settingsLoaded = false;
+        this._fullScreen = false;
+        this._subs = [];
+        this._subs.push(this.appEventService.onForceRenderImage.subscribe((x) => {
+            if (this.selections.nativeElement) {
+                this.selections.nativeElement.forceRenderImage();
+            }
+        }), this.settingsService.settingsLoaded.subscribe(loaded => this._handleSettingsLoaded(loaded)), this._ione.controllerInitialized.subscribe((initialized) => {
+            this.settingsLoaded = initialized;
+        }));
+    }
+    set sku(value) {
+        if (value) {
+            if (this.configuring) {
+                this.show3D = false;
+                this.fullScreen = false;
+                this.configuring = false;
+                this._changeDetector.detectChanges();
+            }
+            this._sku = value;
+            this._getArticle();
+        }
+    }
+    get sku() {
+        return this._sku;
+    }
+    set settings(value) {
+        if (value) {
+            if (typeof value === 'string') {
+                this._settings = JSON.parse(value);
+            }
+            else {
+                this._settings = value;
+            }
+        }
+    }
+    get settings() {
+        return this._settings;
+    }
+    set fullScreen(value) {
+        this._fullScreen = value;
+        this.fullscreenAnimationEnd = true;
+        this._changeDetector.detectChanges();
+        // setTimeout(() => {
+        //   this.fullscreenAnimationEnd = true;
+        // }, 400)
+    }
+    get fullScreen() {
+        return this._fullScreen;
+    }
+    get fullScreenIcon() {
+        return this.fullScreen ? this.icon.NormalScreen : this.icon.FullScreen;
+    }
+    set currentView(value) {
+        this._currentView = value;
+        this.show2D = this._currentView === SelectorType.TwoD;
+        this.show3D = this._currentView === SelectorType.ThreeD;
+        this._changeDetector.detectChanges();
+    }
+    get currentView() {
+        return this._currentView;
+    }
+    ngOnInit() {
+        if (this._settings) {
+            this.settingsService.settings = undefined;
+            this.settingsService.createSettingsFromObject(this._settings);
+        }
+        else {
+            this._settings = this.settingsService.settings;
+        }
+    }
+    ngAfterViewInit() {
+    }
+    ngOnDestroy() {
+        this._subs.forEach(s => s.unsubscribe());
+        if (this._initializedSub) {
+            this._initializedSub.unsubscribe();
+        }
+        this.configurator = undefined;
+        this.selections = undefined;
+        this.fullscreenbutton = undefined;
+    }
+    setInstance(event) {
+        if (event.detail) {
+            this._ione.setInstance(event.detail);
+        }
+    }
+    handleStartConfiguration() {
+        this.configuring = true;
+        this._changeDetector.detectChanges();
+    }
+    showFullScreen() {
+        this.fullScreen = !this.fullScreen;
+    }
+    _handleSettingsLoaded(loaded) {
+        if (loaded) {
+            this._ione.initConnection();
+        }
+    }
+    _getArticle() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this._initializedSub) {
+                this._initializedSub.unsubscribe();
+            }
+            this._initializedSub = this._ione.controllerInitialized.subscribe((init) => __awaiter(this, void 0, void 0, function* () {
+                if (init) {
+                    this._ione.getFullArticle(this._sku).then((article) => {
+                        this.article = article;
+                        if (this.article) {
+                            this.configurable = this.article.goodType === 'B';
+                            if (this.configurable) {
+                                this.currentView = SelectorType.TwoD;
+                            }
+                            this.threeD = this.article.is3D;
+                            this.selectorType = this.article.selectorTypeCustomer;
+                            this._ione.getDeliveryPrognosis(this.article.goodId).then((stockInfo) => {
+                                const stockAndDelivery = stockInfo;
+                                this.stockAndDelivery = new StockAndDelivery(0, stockAndDelivery.returnValue ? stockAndDelivery.returnValue : ' ');
+                                this._changeDetector.detectChanges();
+                            });
+                            this._changeDetector.detectChanges();
+                        }
+                    });
+                }
+            }));
+        });
+    }
+    openStock() {
+        this.openStockEvent.emit();
+    }
+}
+ProductPageComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'app-product-page',
+                template: "<ng-container *ngIf=\"settingsLoaded\">\r\n  <div class=\"page-wrapper\">\r\n    <div class=\"page-wrapper-content\">\r\n      <div class=\"page-wrapper-left\">\r\n        <div class=\"product-image-container\">\r\n          <div class=\"product-page-block-selector-type\">\r\n            <app-product-selector-type class=\"default-padding\"\r\n              [(currentType)]=\"currentView\"\r\n              [show2D]=\"configurable\"\r\n              [show3D]=\"threeD\"\r\n            ></app-product-selector-type>\r\n          </div>\r\n          <div class=\"product-page-block-image default-padding\" [class.full]=\"fullScreen\">\r\n            <app-image-carousel [@toggleVisibilityByState]=\"show2D ? 'show' : 'hide'\" [images]=\"article?.images\" [showRefresh]=\"configurable && threeD\"></app-image-carousel>\r\n            <ng-container *ngIf=\"settingsLoaded\">\r\n              <threed-configurator #configurator class=\"threed-configurator\"\r\n                                   [class.configurator-full-screen]=\"fullScreen\"\r\n                                   [@toggleVisibilityByState]=\"show3D ? 'show' : 'hide'\"\r\n                                   [@toggleFullScreen]=\"fullScreen ? 'fullscreen' : 'halfscreen'\"\r\n              ></threed-configurator>\r\n            </ng-container>\r\n            <co-icon #fullscreenbutton class=\"fullscreen-button\" *ngIf=\"show3D\"\r\n                     [@toggleTopLeft]=\"fullScreen ? 'fullscreen' : 'halfscreen'\"\r\n                     [iconData]=\"iconCache.getIcon(fullScreenIcon)\"\r\n                     (click)=\"showFullScreen()\"></co-icon>\r\n            <co-icon class=\"threed-watermark\" *ngIf=\"show3D && fullScreen\"\r\n                     [iconData]=\"iconCache.getIcon(icon.Logo)\"></co-icon>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"page-wrapper-right\">\r\n        <div class=\"product-page-block-description\">\r\n          <app-product-description class=\"default-padding\" [article]=\"article\"></app-product-description>\r\n        </div>\r\n        <div class=\"product-page-block-additional\">\r\n          <div class=\"product-page-block-additional-description\">\r\n            <app-product-additional-description class=\"default-padding\" [article]=\"article\"></app-product-additional-description>\r\n          </div>\r\n          <div class=\"product-page-block-price\" [class.full]=\"configuring\">\r\n            <app-product-price class=\"s-padding\" *ngIf=\"!configuring\"\r\n                               [pricing]=\"article?.pricing\"\r\n                               [configurable]=\"configurable\"\r\n            ></app-product-price>\r\n            <ng-container *ngIf=\"settingsLoaded\">\r\n              <threed-selections #selections class=\"threed-selections\" [class.show-selections]=\"configuring\" [@toggleFullScreenRight]=\"fullScreen ? 'fullscreen' : 'halfscreen'\"\r\n                                 [class.default-padding]=\"!fullScreen\"\r\n                                 [class.show-full-screen]=\"fullScreen\"\r\n                                 [class.mini-scrollbar]=\"fullScreen\"\r\n                                 [sku]=\"sku\"\r\n                                 [settings]=\"settings\"\r\n                                 (onUserActionFromThreeD)=\"configuring = true\"\r\n                                 (instanceSet)=\"setInstance($event)\"\r\n                                 (onImageReceived)=\"appEventService.onImageReceived.next($event)\"\r\n                                 (onRenderStarted)=\"appEventService.onRenderStarted.next()\"\r\n                                 (onDraftRenderImageReceived)=\"appEventService.onDraftRenderImageReceived.next($event)\"\r\n                                 (onArticleReceived)=\"appEventService.onArticleReceived.next($event.detail)\"\r\n                                 (onSelectionsReceived)=\"appEventService.onSelectionsReceived.next($event.detail)\"\r\n                                 (onArticleInfoReceived)=\"appEventService.onArticleInfoReceived.next($event.detail)\"\r\n              ></threed-selections>\r\n            </ng-container>\r\n          </div>\r\n          <div class=\"product-page-block-addtocart no-padding product-action-buttons\" *ngIf=\"!configuring\" [@toggleTopRight]=\"fullScreen ? 'fullscreen' : 'halfscreen'\">\r\n            <app-product-addtocart\r\n                                   [configurable]=\"configurable\"\r\n                                   [createFrozenArticle]=\"createFrozenArticle\"\r\n                                   [configuring]=\"configuring\"\r\n                                   [article]=\"article\"\r\n                                   [isReturn]=\"isReturn\"\r\n                                   (startConfiguration)=\"handleStartConfiguration()\"\r\n            ></app-product-addtocart>\r\n          </div>\r\n          <div class=\"addtocart-reserved product-action-buttons\" *ngIf=\"configuring\" [class.full-screen]=\"fullScreen\">\r\n            <app-product-addtocart class=\"default-padding\"\r\n                                   [configurable]=\"false\"\r\n                                   [fullscreen]=\"fullScreen\"\r\n                                   [configuring]=\"configuring\"\r\n                                   [article]=\"article\"\r\n                                   [isReturn]=\"isReturn\"\r\n                                   (startConfiguration)=\"handleStartConfiguration()\"\r\n            ></app-product-addtocart>\r\n          </div>\r\n          <div class=\"product-page-block-variants\">\r\n            <app-product-related class=\"no-padding\" *ngIf=\"article?.relatedArticles && article?.relatedArticles.length > 0\"\r\n                                 [articles]=\"article?.relatedArticles\" [refType]=\"64\" [label]=\"'VARIANTS' | localize\"></app-product-related>\r\n          </div>\r\n          <div class=\"product-page-block-stock\">\r\n            <app-product-stock class=\"no-padding\" [goodId]=\"article?.goodId\" (openStockEvent)=\"openStock()\"></app-product-stock>\r\n          </div>\r\n          <div class=\"product-page-block-delivery\">\r\n            <app-product-delivery class=\"no-padding\" [stockAndDelivery]=\"stockAndDelivery\"></app-product-delivery>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"page-wrapper-content\">\r\n      <div class=\"page-wrapper-left\">\r\n        <app-product-info-tabs class=\"no-padding\" [article]=\"article\"></app-product-info-tabs>\r\n      </div>\r\n      <div class=\"page-wrapper-right\">\r\n        <div class=\"product-page-block-related s-padding\">\r\n            <app-product-related *ngIf=\"article?.relatedArticles && article?.relatedArticles.length > 0\"\r\n                                 [articles]=\"article?.relatedArticles\" [refType]=\"1\" [label]=\"'RELATED_PRODUCTS' | localize\"></app-product-related>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"page-wrapper-content no-top-margin\">\r\n      <div class=\"page-wrapper-full\">\r\n        <div class=\"product-page-block-alternatives s-padding\">\r\n          <app-product-related *ngIf=\"article?.relatedArticles && article?.relatedArticles.length > 0\"\r\n                               [articles]=\"article?.relatedArticles\" [refType]=\"4\" [isSmallModus]=\"false\" [label]=\"'ALTERNATIVE_PRODUCTS' | localize\"></app-product-related>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</ng-container>\r\n",
+                animations: [
+                    trigger('toggleFullScreen', [
+                        state('fullscreen', style({ 'position': 'fixed', 'top': '0', 'left': '0', 'width': '100%', 'height': '100%' })),
+                        state('halfscreen', style({ 'position': '*', 'top': '*', 'left': '*', 'width': '*', 'height': '*' })),
+                        transition('halfscreen <=> fullscreen', animate('200ms ease-in-out')),
+                    ]),
+                    trigger('toggleTopLeft', [
+                        state('fullscreen', style({ 'position': 'fixed', 'top': '0', 'left': '0' })),
+                        state('halfscreen', style({ 'position': 'absolute', 'top': '*', 'left': '*' })),
+                        transition('halfscreen <=> fullscreen', animate('200ms ease-in-out')),
+                    ]),
+                    trigger('toggleTopRight', [
+                        state('fullscreen', style({ 'position': 'fixed', 'top': '0', 'right': '0' })),
+                        state('halfscreen', style({ 'position': '*', 'top': '*', 'right': '*' })),
+                        transition('halfscreen <=> fullscreen', animate('200ms ease-in-out')),
+                    ]),
+                    trigger('toggleFullScreenRight', [
+                        state('fullscreen', style({ 'position': 'fixed', 'width': '400px', 'top': '0', 'right': '0' })),
+                        state('halfscreen', style({ 'position': '*', 'width': '*', 'top': '*', 'right': '*' })),
+                        transition('halfscreen <=> fullscreen', animate('200ms ease-in-out')),
+                    ]),
+                    trigger('toggleVisibilityByState', [
+                        state('hide', style({ 'opacity': '0', 'display': 'none' })),
+                        state('show', style({ 'display': 'block', 'opacity': '1' })),
+                        transition('hide <=> show', animate('200ms 100ms ease-in-out')),
+                    ]),
+                    trigger('toggleVisibility', [
+                        state('void', style({ 'opacity': '0' })),
+                        state('*', style({ 'opacity': '1' })),
+                        transition('void => *', animate('200ms ease-in-out')),
+                    ])
+                ],
+                styles: [".page-wrapper{font-family:iOneMontserrat;font-size:12px;display:flex;flex-direction:column;max-width:1400px;padding:0 15px;margin:0 auto}.page-wrapper-content{display:flex;flex-direction:row;margin:40px 0}.page-wrapper-content:first-child{margin-top:0}.page-wrapper-content.no-top-margin{margin-top:0}.page-wrapper-left{display:flex;width:55%;flex-direction:column}.page-wrapper-right{display:flex;width:45%;flex-direction:column}.page-wrapper-full{display:flex;width:100%;flex-direction:column}.page-wrapper-66{display:flex;width:60%;flex-direction:column}.page-wrapper-33{display:flex;width:40%;flex-direction:column}.threed-selections{display:none}.threed-selections.show-selections{display:block}.threed-selections ::ng-deep .rp-lite-selector .rp-answers-slideout ::ng-deep co-slideout{width:480px;z-index:3}.product-action-buttons{position:relative}.product-action-buttons.full-screen{z-index:10}.product-image-container{grid-column:1/7;grid-row:1/6;position:relative}.product-page-block-selector-type{width:auto;position:absolute;top:10px;right:10px;z-index:2}.product-page-block-image{box-sizing:border-box;width:100%;z-index:1;position:relative}.product-page-block-image .threed-configurator{border:1px solid #efefef}.product-page-block-image .threed-configurator .layer .viewer canvas{height:100%;width:100%}.product-page-block-image .threed-configurator ::ng-deep .rp-element-toolbar{top:30px}.product-page-block-image app-image-carousel.show-animated,.product-page-block-image threed-configurator.show-animated{opacity:1;z-index:0;transition:all .2s ease-in-out}.product-page-block-image .fullscreen-button{cursor:pointer;height:50px;width:50px;position:absolute;left:30px;z-index:100;top:30px}.product-page-block-image.full{grid-column:1/11;grid-row:2/span 10;z-index:3}.product-page-block-description{grid-column:7/12;grid-row:1/1}.product-page-block-additional{width:100%}.product-page-block-additional-description{width:100%}.product-page-block-price{grid-column:1/3;grid-row:2/2;align-self:center}.product-page-block-price.full{grid-column:1/5}.product-page-block-addtocart{grid-column:3/5;grid-row:2/2;align-self:center;padding-top:30px!important}.product-page-block-addtocart ::ng-deep co-number-picker ::ng-deep co-button{cursor:pointer}.product-page-block-addtocart ::ng-deep co-number-picker ::ng-deep co-button:hover div.rippler{background:#f6f5f4}.product-page-block-addtocart ::ng-deep co-number-picker ::ng-deep co-button ::ng-deep co-icon{position:relative;z-index:2}.product-page-block-addtocart ::ng-deep co-button.cart-button{cursor:pointer}.product-page-block-addtocart ::ng-deep co-button.cart-button:hover{background:#74B77F}.addtocart-reserved{grid-column:1/3;grid-row:3/3}.product-page-block-stock{grid-column:1/3;grid-row:4/4}.product-page-block-delivery{grid-column:3/5;grid-row:4/4}::ng-deep co-scroll-container{overflow:hidden;position:relative}::ng-deep co-scroll-container .content-wrapper{padding:0}::ng-deep co-scroll-container .scroll-layer{left:0;top:0}::ng-deep co-scroll-container .scroll-layer .scroller{width:34px;height:34px;border-radius:36px;background:#fff;cursor:pointer;box-shadow:0 0 5px #0003}::ng-deep co-scroll-container .scroll-layer .scroller:hover{background:#f6f5f4}::ng-deep co-scroll-container .scroll-layer .scroller.left-scroll{left:5px}::ng-deep co-scroll-container .scroll-layer .scroller.left-scroll:before{border-width:0 3px 3px 0;padding:4px;margin-left:13px;margin-top:11px}::ng-deep co-scroll-container .scroll-layer .scroller.right-scroll{right:5px}::ng-deep co-scroll-container .scroll-layer .scroller.right-scroll:after{border-width:0 3px 3px 0;padding:4px;margin-left:9px;margin-top:11px}.product-page-block-variants{margin:20px 0 0}.product-page-block-variants ::ng-deep app-product-related>div{display:flex;grid-gap:15px;gap:15px;align-items:center;border-top:1px solid #f6f5f4;padding:5px 0 7px 15px}.product-page-block-variants ::ng-deep app-product-related>div ::ng-deep app-header h3{font-size:14px}.product-page-block-variants ::ng-deep app-product-related>div ::ng-deep co-scroll-container{width:320px;max-width:100%;padding:0 16px}.product-page-block-variants ::ng-deep app-product-related>div ::ng-deep co-scroll-container .scroller{width:26px;height:26px}.product-page-block-variants ::ng-deep app-product-related>div ::ng-deep co-scroll-container .scroller.left-scroll{left:5px}.product-page-block-variants ::ng-deep app-product-related>div ::ng-deep co-scroll-container .scroller.left-scroll:before{border-width:0 2px 2px 0;margin-left:9px;margin-top:9px}.product-page-block-variants ::ng-deep app-product-related>div ::ng-deep co-scroll-container .scroller.right-scroll{right:5px}.product-page-block-variants ::ng-deep app-product-related>div ::ng-deep co-scroll-container .scroller.right-scroll:after{border-width:0 2px 2px 0;margin-left:6px;margin-top:9px}.product-page-block-variants ::ng-deep co-tile.small{min-width:50px!important;max-width:50px!important;border:1px solid #f6f5f4;margin:0 10px 0 0;border-radius:4px}.product-page-block-variants ::ng-deep co-tile.small:hover{border-color:#22313c}.product-page-block-variants ::ng-deep co-tile.small .tile-wrapper{padding:0}.product-page-block-variants ::ng-deep co-tile.small .tile-wrapper .tile-top{display:none}.product-page-block-variants ::ng-deep co-tile.small .tile-wrapper .image{height:40px!important;padding:5px}.product-page-block-variants ::ng-deep co-tile.small .tile-wrapper .image .no-image-wrapper .no-image{width:40px;height:40px}.product-page-block-variants ::ng-deep co-tile.small .tile-wrapper .image .no-image-wrapper span{display:none!important}.product-page-block-variants ::ng-deep co-tile.small .tile-wrapper .tile-bottom{display:none}.product-page-block-variants ::ng-deep co-tile.small .tile-extra-bottom{display:none}.product-page-block-alternatives ::ng-deep .article-wrapper{margin:0 20px 0 0}.product-page-block-alternatives ::ng-deep .article-wrapper:last-child{margin:0}.product-page-block-alternatives ::ng-deep co-tile{cursor:pointer;transition:all .14s ease-out;border:1px solid transparent;border-bottom-color:#f6f5f4;padding:15px 10px 0;width:319px;max-width:none;min-width:0;box-sizing:border-box}.product-page-block-alternatives ::ng-deep co-tile:hover{box-shadow:none;border-color:#f6f5f4}.product-page-block-alternatives ::ng-deep co-tile:hover .tile-wrapper div.image co-image{transform:scale(1.05)}.product-page-block-alternatives ::ng-deep co-tile:hover .tile-wrapper .tile-bottom{margin:0}.product-page-block-alternatives ::ng-deep co-tile:hover .tile-extra-bottom .main .description{text-decoration:underline}.product-page-block-alternatives ::ng-deep co-tile .tile-wrapper{padding:0;position:relative;outline:none;overflow:hidden}.product-page-block-alternatives ::ng-deep co-tile .tile-wrapper .tile-top{position:absolute;left:0;top:0;width:100%}.product-page-block-alternatives ::ng-deep co-tile .tile-wrapper div.image{position:relative;padding:1px;display:flex;align-items:center;justify-content:center;overflow:hidden;max-width:250px;margin:0 auto;height:auto}.product-page-block-alternatives ::ng-deep co-tile .tile-wrapper div.image:after{content:\"\";padding:100% 0 0;float:left;width:100%}.product-page-block-alternatives ::ng-deep co-tile .tile-wrapper div.image co-image{position:absolute;left:0;top:0;overflow:hidden;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;z-index:-1;transition:all .2s ease}.product-page-block-alternatives ::ng-deep co-tile .tile-wrapper div.image .no-image-wrapper{position:absolute;display:flex;left:50%;top:50%;margin:-48px 0 0 -54px;flex-direction:column;align-items:center;opacity:.25}.product-page-block-alternatives ::ng-deep co-tile .tile-wrapper .tile-bottom{position:absolute;right:0;bottom:0;margin:0 -40px 0 0;transition:all .2s ease;height:auto}.product-page-block-alternatives ::ng-deep co-tile .tile-wrapper .tile-bottom ::ng-deep co-button{margin:0 0 5px!important;width:36px;height:36px;border:1px solid #22313C;cursor:pointer;border-radius:4px;padding:0!important;font-size:0}.product-page-block-alternatives ::ng-deep co-tile .tile-wrapper .tile-bottom ::ng-deep co-button co-icon{width:32px;height:32px;margin:0 2px}.product-page-block-alternatives ::ng-deep co-tile .tile-extra-bottom{outline:none;padding:15px 0;background:transparent!important;min-height:60px}.product-page-block-alternatives ::ng-deep co-tile .tile-extra-bottom .main{padding:0 10px}.product-page-block-alternatives ::ng-deep co-tile .tile-extra-bottom .main .description{font-size:15px;font-weight:bold;margin:0 0 2px}.product-page-block-alternatives ::ng-deep co-tile .tile-extra-bottom .main .price{font-size:16px;margin:15px 0 0;font-weight:bold;color:#2b60a7}.product-page-block-additional-information{grid-column:1/6;grid-row:4/4}.product-page-block-properties{grid-column:7/10;grid-row:3/3}.product-page-block-related-articles{grid-column:2/6;grid-row:4/4}.product-page-block-alternative-articles{grid-column:6/10;grid-row:4/4}.product-page-block-documents{grid-column:2/6;grid-row:5/5}.product-page-block-symbols{grid-column:6/10;grid-row:5/5}@media screen and (max-width: 950px){.default-padding{padding-top:20px;padding-bottom:20px}.m-padding{padding-top:15px;padding-bottom:15px}.s-padding{padding-top:5px;padding-bottom:5px}.page-wrapper{max-width:650px}.page-wrapper .page-wrapper-content{flex-direction:column;margin:30px 0}.page-wrapper .page-wrapper-content .page-wrapper-left{width:100%}.page-wrapper .page-wrapper-content .page-wrapper-right{width:100%}.product-page-block-alternatives ::ng-deep co-tile{width:284px!important}}@media screen and (max-width: 650px){[class*=-padding]{padding-left:0!important;padding-right:0!important}.product-page-block-addtocart ::ng-deep co-number-picker co-button{height:38px!important}.product-page-block-addtocart ::ng-deep co-number-picker co-input-text{height:38px!important;width:36px!important}.product-page-block-addtocart ::ng-deep co-button.cart-button{height:40px;font-size:13px}}\n"]
+            },] }
+];
+ProductPageComponent.ctorParameters = () => [
+    { type: ProductConnectorService },
+    { type: Renderer2 },
+    { type: ChangeDetectorRef },
+    { type: IconCacheService },
+    { type: ProductSettingsService },
+    { type: ProductEventService }
+];
+ProductPageComponent.propDecorators = {
+    configurator: [{ type: ViewChild, args: ['configurator', { read: ElementRef },] }],
+    selections: [{ type: ViewChild, args: ['selections', { read: ElementRef },] }],
+    fullscreenbutton: [{ type: ViewChild, args: ['fullscreenbutton', { read: ElementRef },] }],
+    sku: [{ type: Input }],
+    settings: [{ type: Input }],
+    createFrozenArticle: [{ type: Input }],
+    isReturn: [{ type: Input }],
+    openStockEvent: [{ type: Output }]
 };
 
-class ProductSelectorTypeComponent {
-    constructor(_iconCache, _changeDetector) {
-        this._iconCache = _iconCache;
-        this._changeDetector = _changeDetector;
-        this.type = SelectorType;
-        this.icons = IconEnum;
-        this.onIconClick = new EventEmitter();
-        this.currentTypeChange = new EventEmitter();
-        this.twoDIcon = this._iconCache.getIcon(this.icons.TwoD);
-        this.threeDIcon = this._iconCache.getIcon(this.icons.ThreeD);
-    }
-    ngOnInit() {
-    }
-    handleIconClick(type) {
-        this.currentType = type;
-        this.currentTypeChange.next(this.currentType);
-        this.onIconClick.next(this.currentType);
-        this._changeDetector.detectChanges();
-    }
-}
-ProductSelectorTypeComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'app-product-selector-type',
+class ProductSelectorTypeComponent {
+    constructor(_iconCache, _changeDetector) {
+        this._iconCache = _iconCache;
+        this._changeDetector = _changeDetector;
+        this.type = SelectorType;
+        this.icons = IconEnum;
+        this.onIconClick = new EventEmitter();
+        this.currentTypeChange = new EventEmitter();
+        this.twoDIcon = this._iconCache.getIcon(this.icons.TwoD);
+        this.threeDIcon = this._iconCache.getIcon(this.icons.ThreeD);
+    }
+    ngOnInit() {
+    }
+    handleIconClick(type) {
+        this.currentType = type;
+        this.currentTypeChange.next(this.currentType);
+        this.onIconClick.next(this.currentType);
+        this._changeDetector.detectChanges();
+    }
+}
+ProductSelectorTypeComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'app-product-selector-type',
                 template: `
         <div *ngIf="show2D || show3D" class="show-in" [textContent]="'SHOW_IN' | localize"></div>
         <co-icon *ngIf="show2D" class="selector-type-icon"
@@ -1065,200 +1069,200 @@ ProductSelectorTypeComponent.decorators = [
                  [iconData]="threeDIcon"
                  (click)="handleIconClick(type.ThreeD)"
         ></co-icon>
-  `,
-                styles: [":host{display:flex;flex-direction:row;align-items:center}:host .show-in{display:none}:host>*:not(:last-child){margin-right:10px}::ng-deep co-icon.selector-type-icon{box-shadow:inset 0 0 0 1px #22313c;border-radius:50%;background:none;height:34px;width:34px;cursor:pointer}::ng-deep co-icon.selector-type-icon.active{box-shadow:none;background:#74B77F;transition:all .2s ease-in-out}::ng-deep co-icon.selector-type-icon.active [fill]{fill:#fff}\n"]
-            },] }
-];
-ProductSelectorTypeComponent.ctorParameters = () => [
-    { type: IconCacheService },
-    { type: ChangeDetectorRef }
-];
-ProductSelectorTypeComponent.propDecorators = {
-    show2D: [{ type: Input }],
-    show3D: [{ type: Input }],
-    currentType: [{ type: Input }],
-    onIconClick: [{ type: Output }],
-    currentTypeChange: [{ type: Output }]
+  `,
+                styles: [":host{display:flex;flex-direction:row;align-items:center}:host .show-in{display:none}:host>*:not(:last-child){margin-right:10px}::ng-deep co-icon.selector-type-icon{box-shadow:inset 0 0 0 1px #22313c;border-radius:50%;background:none;height:34px;width:34px;cursor:pointer}::ng-deep co-icon.selector-type-icon.active{box-shadow:none;background:#74B77F;transition:all .2s ease-in-out}::ng-deep co-icon.selector-type-icon.active [fill]{fill:#fff}\n"]
+            },] }
+];
+ProductSelectorTypeComponent.ctorParameters = () => [
+    { type: IconCacheService },
+    { type: ChangeDetectorRef }
+];
+ProductSelectorTypeComponent.propDecorators = {
+    show2D: [{ type: Input }],
+    show3D: [{ type: Input }],
+    currentType: [{ type: Input }],
+    onIconClick: [{ type: Output }],
+    currentTypeChange: [{ type: Output }]
 };
 
-// A pipe for localizing string values in view templates.
-class LocalizePipe {
-    constructor(_dictionaryService) {
-        this._dictionaryService = _dictionaryService;
-    }
-    transform(value, upperCaseFirst = true, replace = []) {
-        if (!value) {
-            return '';
-        }
-        replace = replace ? replace : [];
-        if (!Array.isArray(replace)) {
-            replace = [replace];
-        }
-        return this._dictionaryService.get(value, upperCaseFirst, ...replace);
-    }
-}
-LocalizePipe.decorators = [
-    { type: Pipe, args: [{
-                name: 'localize'
-            },] }
-];
-LocalizePipe.ctorParameters = () => [
-    { type: DictionaryService }
+// A pipe for localizing string values in view templates.
+class LocalizePipe {
+    constructor(_dictionaryService) {
+        this._dictionaryService = _dictionaryService;
+    }
+    transform(value, upperCaseFirst = true, replace = []) {
+        if (!value) {
+            return '';
+        }
+        replace = replace ? replace : [];
+        if (!Array.isArray(replace)) {
+            replace = [replace];
+        }
+        return this._dictionaryService.get(value, upperCaseFirst, ...replace);
+    }
+}
+LocalizePipe.decorators = [
+    { type: Pipe, args: [{
+                name: 'localize'
+            },] }
+];
+LocalizePipe.ctorParameters = () => [
+    { type: DictionaryService }
 ];
 
-class PipeModule {
-}
-PipeModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    LocalizePipe
-                ],
-                providers: [
-                    LocalizePipe
-                ],
-                exports: [
-                    LocalizePipe
-                ]
-            },] }
+class PipeModule {
+}
+PipeModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    LocalizePipe
+                ],
+                providers: [
+                    LocalizePipe
+                ],
+                exports: [
+                    LocalizePipe
+                ]
+            },] }
 ];
 
-// import {IconModule} from '@colijnit/corecomponents';
-class ProductSelectorTypeModule {
-}
-ProductSelectorTypeModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    PipeModule,
-                    IconModule,
-                    /*,
-                            IconModule*/
-                ],
-                declarations: [
-                    ProductSelectorTypeComponent
-                ],
-                exports: [
-                    ProductSelectorTypeComponent
-                ]
-            },] }
+// import {IconModule} from '@colijnit/corecomponents';
+class ProductSelectorTypeModule {
+}
+ProductSelectorTypeModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    PipeModule,
+                    IconModule,
+                    /*,
+                            IconModule*/
+                ],
+                declarations: [
+                    ProductSelectorTypeComponent
+                ],
+                exports: [
+                    ProductSelectorTypeComponent
+                ]
+            },] }
 ];
 
-class ImageCarouselComponent {
-    constructor(_ione, _appEventService, _changeDetector, _domSanitizer, iconCache) {
-        this._ione = _ione;
-        this._appEventService = _appEventService;
-        this._changeDetector = _changeDetector;
-        this._domSanitizer = _domSanitizer;
-        this.iconCache = iconCache;
-        this.icons = IconEnum;
-        this.showLoader = false;
-        this.showRefresh = false;
-        this.resizing = false;
-        this._currentIndex = 0;
-        this._images = [];
-        this._subs = [];
-        this._subs.push(this._appEventService.onRenderStarted.subscribe(() => {
-            this.showLoader = true;
-        }), this._appEventService.onDraftRenderImageReceived.subscribe((url) => {
-            if (this._images[0] instanceof CoDocument) {
-                this._images.unshift(url);
-            }
-            else {
-                this._images[0] = url;
-            }
-            this.showLoader = false;
-        }));
-    }
-    set images(value) {
-        if (value && value.length > 0) {
-            this._images = value;
-            this._loadImages();
-            this._changeDetector.detectChanges();
-        }
-    }
-    handleWindowResize() {
-        this.resizing = true;
-        this._scrollCarouselToIndex();
-        clearTimeout(this._resizeTimer);
-        this._resizeTimer = setTimeout(() => {
-            this.resizing = false;
-        }, 200);
-    }
-    gotoNextSlide() {
-        this.currentIndex++;
-    }
-    gotoPrevSlide() {
-        this.currentIndex--;
-    }
-    isCurrentIndex(index) {
-        return this.currentIndex === index;
-    }
-    get currentIndex() {
-        return this._currentIndex;
-    }
-    set currentIndex(value) {
-        this._currentIndex = value;
-        this._scrollCarouselToIndex();
-    }
-    get images() {
-        return this._images;
-    }
-    ngOnInit() {
-    }
-    ngOnDestroy() {
-        this.carousel = undefined;
-        this._subs.forEach(s => s.unsubscribe());
-    }
-    handleThumbClick(index) {
-        this.currentIndex = index;
-    }
-    onForceRenderImage() {
-        this._appEventService.onForceRenderImage.next();
-    }
-    getImageSrc(image) {
-        let source = '';
-        if (image instanceof CoDocument) {
-            if (image.filePath) {
-                source = image.filePath;
-            }
-            else {
-                source = image.documentBodyAsDataUri;
-            }
-        }
-        else if (image.detail !== undefined) {
-            source = image.detail;
-        }
-        return this._domSanitizer.bypassSecurityTrustUrl(source);
-    }
-    _loadImages() {
-        if (this._images) {
-            this._images.forEach((i) => {
-                if (!i.documentBody && !i.filePath) {
-                    this._ione.getDocumentContent(i.documentId, false).then((content) => {
-                        if (content) {
-                            i.documentBody = content.documentContent;
-                        }
-                    });
-                }
-            });
-        }
-    }
-    _scrollCarouselToIndex() {
-        if (this.currentIndex > -1 && this.currentIndex <= this.images.length) {
-            const movePx = this.currentIndex * this.carousel.nativeElement.clientWidth;
-            if (this.carousel && this.carousel.nativeElement) {
-                this.carousel.nativeElement.scrollLeft = movePx;
-                // this.carousel.nativeElement.scrollTo({
-                //   left: movePx,
-                //   behavior: 'smooth'
-                // });
-            }
-        }
-    }
-}
-ImageCarouselComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'app-image-carousel',
+class ImageCarouselComponent {
+    constructor(_ione, _appEventService, _changeDetector, _domSanitizer, iconCache) {
+        this._ione = _ione;
+        this._appEventService = _appEventService;
+        this._changeDetector = _changeDetector;
+        this._domSanitizer = _domSanitizer;
+        this.iconCache = iconCache;
+        this.icons = IconEnum;
+        this.showLoader = false;
+        this.showRefresh = false;
+        this.resizing = false;
+        this._currentIndex = 0;
+        this._images = [];
+        this._subs = [];
+        this._subs.push(this._appEventService.onRenderStarted.subscribe(() => {
+            this.showLoader = true;
+        }), this._appEventService.onDraftRenderImageReceived.subscribe((url) => {
+            if (this._images[0] instanceof CoDocument) {
+                this._images.unshift(url);
+            }
+            else {
+                this._images[0] = url;
+            }
+            this.showLoader = false;
+        }));
+    }
+    set images(value) {
+        if (value && value.length > 0) {
+            this._images = value;
+            this._loadImages();
+            this._changeDetector.detectChanges();
+        }
+    }
+    handleWindowResize() {
+        this.resizing = true;
+        this._scrollCarouselToIndex();
+        clearTimeout(this._resizeTimer);
+        this._resizeTimer = setTimeout(() => {
+            this.resizing = false;
+        }, 200);
+    }
+    gotoNextSlide() {
+        this.currentIndex++;
+    }
+    gotoPrevSlide() {
+        this.currentIndex--;
+    }
+    isCurrentIndex(index) {
+        return this.currentIndex === index;
+    }
+    get currentIndex() {
+        return this._currentIndex;
+    }
+    set currentIndex(value) {
+        this._currentIndex = value;
+        this._scrollCarouselToIndex();
+    }
+    get images() {
+        return this._images;
+    }
+    ngOnInit() {
+    }
+    ngOnDestroy() {
+        this.carousel = undefined;
+        this._subs.forEach(s => s.unsubscribe());
+    }
+    handleThumbClick(index) {
+        this.currentIndex = index;
+    }
+    onForceRenderImage() {
+        this._appEventService.onForceRenderImage.next();
+    }
+    getImageSrc(image) {
+        let source = '';
+        if (image instanceof CoDocument) {
+            if (image.filePath) {
+                source = image.filePath;
+            }
+            else {
+                source = image.documentBodyAsDataUri;
+            }
+        }
+        else if (image.detail !== undefined) {
+            source = image.detail;
+        }
+        return this._domSanitizer.bypassSecurityTrustUrl(source);
+    }
+    _loadImages() {
+        if (this._images) {
+            this._images.forEach((i) => {
+                if (!i.documentBody && !i.filePath) {
+                    this._ione.getDocumentContent(i.documentId, false).then((content) => {
+                        if (content) {
+                            i.documentBody = content.documentContent;
+                        }
+                    });
+                }
+            });
+        }
+    }
+    _scrollCarouselToIndex() {
+        if (this.currentIndex > -1 && this.currentIndex <= this.images.length) {
+            const movePx = this.currentIndex * this.carousel.nativeElement.clientWidth;
+            if (this.carousel && this.carousel.nativeElement) {
+                this.carousel.nativeElement.scrollLeft = movePx;
+                // this.carousel.nativeElement.scrollTo({
+                //   left: movePx,
+                //   behavior: 'smooth'
+                // });
+            }
+        }
+    }
+}
+ImageCarouselComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'app-image-carousel',
                 template: `
     <div id="product_page_carousel">
       <div id="product_page_carousel_items">
@@ -1289,139 +1293,139 @@ ImageCarouselComponent.decorators = [
         </co-scroll-container>
       </div>
     </div>
-  `,
-                styles: [":host{max-height:540px;height:100%;position:relative}:host:not(.resizing) .inner-carousel{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}#product_page_carousel{position:relative}#product_page_carousel .refresh-button{position:absolute;bottom:10px;right:10px;background:#fff}#product_page_carousel .refresh-button.loading{animation:spin 1s linear infinite}#product_page_carousel .refresh-button:hover{box-shadow:none;background:#74B77F;transition:all .2s ease-in-out}#product_page_carousel .refresh-button:hover ::ng-deep svg path{fill:#fff!important}#product_page_carousel #product_page_carousel_items{position:relative;margin-bottom:10px}#product_page_carousel #product_page_carousel_items ::ng-deep co-loader{position:absolute}#product_page_carousel .inner-carousel{display:flex;flex-direction:row;align-items:center;overflow:hidden;max-height:500px;border:1px solid #efefef}#product_page_carousel .carousel-item{max-height:500px;width:100%;display:flex;flex-shrink:0;flex-grow:0}#product_page_carousel .carousel-item img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain}#product_page_carousel .carousel-scroller-layer{height:100%;width:100%;position:absolute;pointer-events:none;top:0;left:0}#product_page_carousel #product_page_carousel_thumbs{display:flex;justify-content:flex-start;height:80px;margin-left:auto;margin-right:auto}#product_page_carousel #product_page_carousel_thumbs ::ng-deep co-scroll-container{padding:0 22px}#product_page_carousel #product_page_carousel_thumbs ::ng-deep co-scroll-container .content-wrapper{padding:0}#product_page_carousel #product_page_carousel_thumbs .carousel-thumb{opacity:1;cursor:pointer;transition:all .2s ease;padding:4px;border:1px solid #f6f5f4}#product_page_carousel #product_page_carousel_thumbs .carousel-thumb.active,#product_page_carousel #product_page_carousel_thumbs .carousel-thumb:hover{border-color:#22313c}#product_page_carousel #product_page_carousel_thumbs .carousel-thumb:not(:last-child){margin-right:10px}#product_page_carousel #product_page_carousel_thumbs .carousel-thumb img{height:68px}@media screen and (max-width: 650px){#product_page_carousel_thumbs{height:57px!important}#product_page_carousel_thumbs .carousel-thumb img{height:50px!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"]
-            },] }
-];
-ImageCarouselComponent.ctorParameters = () => [
-    { type: ProductConnectorService },
-    { type: ProductEventService },
-    { type: ChangeDetectorRef },
-    { type: DomSanitizer },
-    { type: IconCacheService }
-];
-ImageCarouselComponent.propDecorators = {
-    carousel: [{ type: ViewChild, args: ['carousel', { read: ElementRef },] }],
-    showRefresh: [{ type: Input }],
-    images: [{ type: Input }],
-    handleWindowResize: [{ type: HostListener, args: ['window:resize',] }],
-    gotoNextSlide: [{ type: HostListener, args: ['swipeleft',] }],
-    gotoPrevSlide: [{ type: HostListener, args: ['swiperight',] }],
-    resizing: [{ type: HostBinding, args: ['class.resizing',] }]
+  `,
+                styles: [":host{max-height:540px;height:100%;position:relative}:host:not(.resizing) .inner-carousel{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}#product_page_carousel{position:relative}#product_page_carousel .refresh-button{position:absolute;bottom:10px;right:10px;background:#fff}#product_page_carousel .refresh-button.loading{animation:spin 1s linear infinite}#product_page_carousel .refresh-button:hover{box-shadow:none;background:#74B77F;transition:all .2s ease-in-out}#product_page_carousel .refresh-button:hover ::ng-deep svg path{fill:#fff!important}#product_page_carousel #product_page_carousel_items{position:relative;margin-bottom:10px}#product_page_carousel #product_page_carousel_items ::ng-deep co-loader{position:absolute}#product_page_carousel .inner-carousel{display:flex;flex-direction:row;align-items:center;overflow:hidden;max-height:500px;border:1px solid #efefef}#product_page_carousel .carousel-item{max-height:500px;width:100%;display:flex;flex-shrink:0;flex-grow:0}#product_page_carousel .carousel-item img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain}#product_page_carousel .carousel-scroller-layer{height:100%;width:100%;position:absolute;pointer-events:none;top:0;left:0}#product_page_carousel #product_page_carousel_thumbs{display:flex;justify-content:flex-start;height:80px;margin-left:auto;margin-right:auto}#product_page_carousel #product_page_carousel_thumbs ::ng-deep co-scroll-container{padding:0 22px}#product_page_carousel #product_page_carousel_thumbs ::ng-deep co-scroll-container .content-wrapper{padding:0}#product_page_carousel #product_page_carousel_thumbs .carousel-thumb{opacity:1;cursor:pointer;transition:all .2s ease;padding:4px;border:1px solid #f6f5f4}#product_page_carousel #product_page_carousel_thumbs .carousel-thumb.active,#product_page_carousel #product_page_carousel_thumbs .carousel-thumb:hover{border-color:#22313c}#product_page_carousel #product_page_carousel_thumbs .carousel-thumb:not(:last-child){margin-right:10px}#product_page_carousel #product_page_carousel_thumbs .carousel-thumb img{height:68px}@media screen and (max-width: 650px){#product_page_carousel_thumbs{height:57px!important}#product_page_carousel_thumbs .carousel-thumb img{height:50px!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"]
+            },] }
+];
+ImageCarouselComponent.ctorParameters = () => [
+    { type: ProductConnectorService },
+    { type: ProductEventService },
+    { type: ChangeDetectorRef },
+    { type: DomSanitizer },
+    { type: IconCacheService }
+];
+ImageCarouselComponent.propDecorators = {
+    carousel: [{ type: ViewChild, args: ['carousel', { read: ElementRef },] }],
+    showRefresh: [{ type: Input }],
+    images: [{ type: Input }],
+    handleWindowResize: [{ type: HostListener, args: ['window:resize',] }],
+    gotoNextSlide: [{ type: HostListener, args: ['swipeleft',] }],
+    gotoPrevSlide: [{ type: HostListener, args: ['swiperight',] }],
+    resizing: [{ type: HostBinding, args: ['class.resizing',] }]
 };
 
-class ImageCarouselModule {
-}
-ImageCarouselModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    LoaderModule,
-                    // IconModule,
-                    ScrollContainerModule
-                ],
-                declarations: [
-                    ImageCarouselComponent
-                ],
-                exports: [
-                    ImageCarouselComponent
-                ]
-            },] }
+class ImageCarouselModule {
+}
+ImageCarouselModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    LoaderModule,
+                    // IconModule,
+                    ScrollContainerModule
+                ],
+                declarations: [
+                    ImageCarouselComponent
+                ],
+                exports: [
+                    ImageCarouselComponent
+                ]
+            },] }
 ];
 
-class ProductDescriptionComponent {
-    constructor() { }
-    ngOnInit() {
-    }
-}
-ProductDescriptionComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'app-product-description',
+class ProductDescriptionComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+ProductDescriptionComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'app-product-description',
                 template: `
     <div class="pd-title-wrapper">
       <span class="pd-description" [textContent]="article?.descriptionRetail" *ngIf="article?.descriptionRetail"></span>
       <span class="pd-sku" [textContent]="article?.articleNr" *ngIf="article?.articleNr"></span>
     </div>
-  `,
-                styles: [":host{display:block}.pd-title-wrapper{margin:20px 0 0}.pd-description{color:#22313c;font-size:25px;font-weight:bold;width:100%;display:block}.pd-sku{color:#5b6875;font-size:16px}@media screen and (max-width: 650px){.pd-description{font-size:21px}.pd-sku{font-size:13px}}\n"]
-            },] }
-];
-ProductDescriptionComponent.ctorParameters = () => [];
-ProductDescriptionComponent.propDecorators = {
-    article: [{ type: Input }]
+  `,
+                styles: [":host{display:block}.pd-title-wrapper{margin:20px 0 0}.pd-description{color:#22313c;font-size:25px;font-weight:bold;width:100%;display:block}.pd-sku{color:#5b6875;font-size:16px}@media screen and (max-width: 650px){.pd-description{font-size:21px}.pd-sku{font-size:13px}}\n"]
+            },] }
+];
+ProductDescriptionComponent.ctorParameters = () => [];
+ProductDescriptionComponent.propDecorators = {
+    article: [{ type: Input }]
 };
 
-class ProductDescriptionModule {
-}
-ProductDescriptionModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule
-                ],
-                declarations: [
-                    ProductDescriptionComponent
-                ],
-                exports: [
-                    ProductDescriptionComponent
-                ]
-            },] }
+class ProductDescriptionModule {
+}
+ProductDescriptionModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule
+                ],
+                declarations: [
+                    ProductDescriptionComponent
+                ],
+                exports: [
+                    ProductDescriptionComponent
+                ]
+            },] }
 ];
 
-class BitUtils {
-    static IsShortDescription(bit) {
-        return (1 & bit) > 0;
-    }
-    static IsFullDescription(bit) {
-        return (2 & bit) > 0;
-    }
-    static IsMetaTitle(bit) {
-        return (4 & bit) > 0;
-    }
-    static IsMetaDescription(bit) {
-        return (8 & bit) > 0;
-    }
-    static IsMetaKeys(bit) {
-        return (16 & bit) > 0;
-    }
+class BitUtils {
+    static IsShortDescription(bit) {
+        return (1 & bit) > 0;
+    }
+    static IsFullDescription(bit) {
+        return (2 & bit) > 0;
+    }
+    static IsMetaTitle(bit) {
+        return (4 & bit) > 0;
+    }
+    static IsMetaDescription(bit) {
+        return (8 & bit) > 0;
+    }
+    static IsMetaKeys(bit) {
+        return (16 & bit) > 0;
+    }
 }
 
-class ProductAdditionalDescriptionComponent {
-    constructor(_appEventService) {
-        this._appEventService = _appEventService;
-    }
-    set article(value) {
-        this._article = value;
-        if (this._article) {
-            this.description = this.article.additionalDescription;
-            this._prepareDescription();
-        }
-    }
-    get article() {
-        return this._article;
-    }
-    ngOnInit() {
-    }
-    onReadMore() {
-        this._appEventService.onUpdateProductInfoTab.next(0);
-    }
-    _prepareDescription() {
-        this.description = '';
-        if (this.article.texts && this.article.texts.length > 0) {
-            this.article.texts.forEach((txt) => {
-                if (BitUtils.IsShortDescription(txt.publication)) {
-                    this.description += txt.text;
-                }
-            });
-            this.description = this.description.replace(/<[^>]*>?/gm, '');
-            if (this.description.length > 250) {
-                this.description = this.description.substr(0, 250) + ' [..]';
-            }
-        }
-    }
-}
-ProductAdditionalDescriptionComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'app-product-additional-description',
+class ProductAdditionalDescriptionComponent {
+    constructor(_appEventService) {
+        this._appEventService = _appEventService;
+    }
+    set article(value) {
+        this._article = value;
+        if (this._article) {
+            this.description = this.article.additionalDescription;
+            this._prepareDescription();
+        }
+    }
+    get article() {
+        return this._article;
+    }
+    ngOnInit() {
+    }
+    onReadMore() {
+        this._appEventService.onUpdateProductInfoTab.next(0);
+    }
+    _prepareDescription() {
+        this.description = '';
+        if (this.article.texts && this.article.texts.length > 0) {
+            this.article.texts.forEach((txt) => {
+                if (BitUtils.IsShortDescription(txt.publication)) {
+                    this.description += txt.text;
+                }
+            });
+            this.description = this.description.replace(/<[^>]*>?/gm, '');
+            if (this.description.length > 250) {
+                this.description = this.description.substr(0, 250) + ' [..]';
+            }
+        }
+    }
+}
+ProductAdditionalDescriptionComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'app-product-additional-description',
                 template: `
     <ng-container *ngIf="description !== ''">
       <div class="pd-additional-description">
@@ -1429,82 +1433,82 @@ ProductAdditionalDescriptionComponent.decorators = [
         <button class="pd-read-more-btn" [textContent]="'READ_MORE' | localize" (click)="onReadMore()"></button>
       </div>
     </ng-container>
-  `,
-                styles: [":host{display:block;padding-top:0!important}:host *:focus{outline:0!important}:host .pd-additional-description{line-height:190%;color:#22313c;font-size:13px}:host .pd-read-more-btn{color:#2b60a7;border:none;background:transparent;cursor:pointer;text-decoration:underline;font-family:iOneMontserrat}:host .pd-read-more-btn:hover{color:#74b77f}@media screen and (max-width: 650px){:host .pd-additional-description{font-size:12px}}\n"]
-            },] }
-];
-ProductAdditionalDescriptionComponent.ctorParameters = () => [
-    { type: ProductEventService }
-];
-ProductAdditionalDescriptionComponent.propDecorators = {
-    article: [{ type: Input }]
+  `,
+                styles: [":host{display:block;padding-top:0!important}:host *:focus{outline:0!important}:host .pd-additional-description{line-height:190%;color:#22313c;font-size:13px}:host .pd-read-more-btn{color:#2b60a7;border:none;background:transparent;cursor:pointer;text-decoration:underline;font-family:iOneMontserrat}:host .pd-read-more-btn:hover{color:#74b77f}@media screen and (max-width: 650px){:host .pd-additional-description{font-size:12px}}\n"]
+            },] }
+];
+ProductAdditionalDescriptionComponent.ctorParameters = () => [
+    { type: ProductEventService }
+];
+ProductAdditionalDescriptionComponent.propDecorators = {
+    article: [{ type: Input }]
 };
 
-class ProductAdditionalDescriptionModule {
-}
-ProductAdditionalDescriptionModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    PipeModule
-                ],
-                declarations: [
-                    ProductAdditionalDescriptionComponent
-                ],
-                exports: [
-                    ProductAdditionalDescriptionComponent
-                ]
-            },] }
+class ProductAdditionalDescriptionModule {
+}
+ProductAdditionalDescriptionModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    PipeModule
+                ],
+                declarations: [
+                    ProductAdditionalDescriptionComponent
+                ],
+                exports: [
+                    ProductAdditionalDescriptionComponent
+                ]
+            },] }
 ];
 
-class ProductPriceComponent {
-    constructor(_changeDetector) {
-        this._changeDetector = _changeDetector;
-        this.showFromPrice = false;
-        this._configurable = false;
-    }
-    set pricing(value) {
-        this._pricing = value;
-        this._setPrices();
-    }
-    get pricing() {
-        return this._pricing;
-    }
-    set configurable(value) {
-        this._configurable = value;
-        this._setPrices();
-    }
-    ngOnInit() {
-    }
-    _setPrices() {
-        if (this._pricing) {
-            this.valutaSign = this._getSign(this._pricing.retailCurrency);
-            if (this._configurable) {
-                this.fromPrice = this._pricing.retailBasePrice ? this._pricing.retailBasePrice : this._pricing.priceBaseline;
-                this.fromLabel = this._pricing.retailBasePrice ? 'PRICE' : 'FROM';
-                this.toPrice = undefined;
-            }
-            else {
-                this.fromPrice = this._pricing.retailSuggestedPrice ? this._pricing.retailSuggestedPrice : this._pricing.retailBasePrice;
-                this.fromLabel = this._pricing.retailSuggestedPrice ? 'Was' : 'PRICE';
-                this.toPrice = this._pricing.retailSuggestedPrice ? this._pricing.retailBasePrice : undefined;
-                this.toLabel = this._pricing.retailSuggestedPrice ? 'IS_NOW' : '';
-            }
-            this._changeDetector.detectChanges();
-        }
-    }
-    _getSign(currency) {
-        switch (currency) {
-            case 'EUR':
-                return '€';
-            default:
-                return '€';
-        }
-    }
-}
-ProductPriceComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'app-product-price',
+class ProductPriceComponent {
+    constructor(_changeDetector) {
+        this._changeDetector = _changeDetector;
+        this.showFromPrice = false;
+        this._configurable = false;
+    }
+    set pricing(value) {
+        this._pricing = value;
+        this._setPrices();
+    }
+    get pricing() {
+        return this._pricing;
+    }
+    set configurable(value) {
+        this._configurable = value;
+        this._setPrices();
+    }
+    ngOnInit() {
+    }
+    _setPrices() {
+        if (this._pricing) {
+            this.valutaSign = this._getSign(this._pricing.retailCurrency);
+            if (this._configurable) {
+                this.fromPrice = this._pricing.retailBasePrice ? this._pricing.retailBasePrice : this._pricing.priceBaseline;
+                this.fromLabel = this._pricing.retailBasePrice ? 'PRICE' : 'FROM';
+                this.toPrice = undefined;
+            }
+            else {
+                this.fromPrice = this._pricing.retailSuggestedPrice ? this._pricing.retailSuggestedPrice : this._pricing.retailBasePrice;
+                this.fromLabel = this._pricing.retailSuggestedPrice ? 'Was' : 'PRICE';
+                this.toPrice = this._pricing.retailSuggestedPrice ? this._pricing.retailBasePrice : undefined;
+                this.toLabel = this._pricing.retailSuggestedPrice ? 'IS_NOW' : '';
+            }
+            this._changeDetector.detectChanges();
+        }
+    }
+    _getSign(currency) {
+        switch (currency) {
+            case 'EUR':
+                return '€';
+            default:
+                return '€';
+        }
+    }
+}
+ProductPriceComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'app-product-price',
                 template: `
     <div *ngIf="toPrice">
       <div class="price-wrapper" *ngIf="fromPrice > toPrice">
@@ -1516,99 +1520,116 @@ ProductPriceComponent.decorators = [
         <div class="to-price" [textContent]="toPrice | priceDisplay: valutaSign"></div>
       </div>
     </div>
-  `,
-                styles: [":host{display:flex;flex-direction:column}.price-wrapper{width:100%;font-size:15px;margin:0 0 5px;display:inline-block}.price-wrapper:last-child{margin:0}.from-price-label,.to-price-label{color:#5b6875;display:none}.from-price{font-size:16px;font-weight:bold;text-decoration:line-through;color:#5b6875}.to-price{font-size:25px;font-weight:bold;color:#74b77f}@media screen and (max-width: 650px){.from-price{font-size:13px}.to-price{font-size:21px}}\n"]
-            },] }
-];
-ProductPriceComponent.ctorParameters = () => [
-    { type: ChangeDetectorRef }
-];
-ProductPriceComponent.propDecorators = {
-    pricing: [{ type: Input }],
-    configurable: [{ type: Input }]
+  `,
+                styles: [":host{display:flex;flex-direction:column}.price-wrapper{width:100%;font-size:15px;margin:0 0 5px;display:inline-block}.price-wrapper:last-child{margin:0}.from-price-label,.to-price-label{color:#5b6875;display:none}.from-price{font-size:16px;font-weight:bold;text-decoration:line-through;color:#5b6875}.to-price{font-size:25px;font-weight:bold;color:#74b77f}@media screen and (max-width: 650px){.from-price{font-size:13px}.to-price{font-size:21px}}\n"]
+            },] }
+];
+ProductPriceComponent.ctorParameters = () => [
+    { type: ChangeDetectorRef }
+];
+ProductPriceComponent.propDecorators = {
+    pricing: [{ type: Input }],
+    configurable: [{ type: Input }]
 };
 
-class ProductPriceModule {
-}
-ProductPriceModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    PipeModule,
-                    PriceDisplayPipeModule
-                ],
-                declarations: [
-                    ProductPriceComponent
-                ],
-                exports: [
-                    ProductPriceComponent
-                ]
-            },] }
+class ProductPriceModule {
+}
+ProductPriceModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    PipeModule,
+                    PriceDisplayPipeModule
+                ],
+                declarations: [
+                    ProductPriceComponent
+                ],
+                exports: [
+                    ProductPriceComponent
+                ]
+            },] }
 ];
 
-class ProductAddtocartComponent {
-    constructor(iconCache, _ioneControllerService, _appEventService, _settingsService) {
-        this.iconCache = iconCache;
-        this._ioneControllerService = _ioneControllerService;
-        this._appEventService = _appEventService;
-        this._settingsService = _settingsService;
-        this.icon = IconEnum;
-        this.createFrozenArticle = true;
-        this.configurable = false;
-        this.configuring = false;
-        this.fullscreen = false;
-        this.startConfiguration = new EventEmitter();
-        this.addToCartClick = new EventEmitter();
-        this.addToQuoteClick = new EventEmitter();
-        this.showQuoteButton = false;
-        this._quantity = 1;
-    }
-    set quantity(value) {
-        this._quantity = Math.max(1, value);
-    }
-    get quantity() {
-        return this._quantity;
-    }
-    ngOnInit() {
-    }
-    ngOnDestroy() {
-        this.addToCartButton = undefined;
-    }
-    handleAddToCartClick(quantity) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this.createFrozenArticle) {
-                this._appEventService.onAddToCart.next({ article: yield this._getJSONFromArticleObject({ article: this.article, quantity: quantity }), quantity: quantity });
-            }
-            else {
-                const article = this._ioneControllerService.convertArticleFullObjectToArticleExtended(this.article);
-                this._appEventService.onAddToCart.next({ article: article, quantity: quantity });
-            }
-        });
-    }
-    handleAddToQuoteClick(quantity) {
-        return __awaiter(this, void 0, void 0, function* () {
-            this._appEventService.onAddToQuote.next(yield this._getJSONFromArticleObject({ article: this.article, quantity: quantity }));
-        });
-    }
-    _getJSONFromArticleObject(article) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const configuratorStatistics = new ConfiguratorStatisticsEnvironment();
-            configuratorStatistics.userType = 'iOneProductPage';
-            configuratorStatistics.transactionType = 'Sales';
-            configuratorStatistics.actionDomain = 'bundle';
-            configuratorStatistics.sessionId = this._settingsService.settings.session ? this._settingsService.settings.session.sessionId : 'unknown';
-            configuratorStatistics.webHost = window.location.host;
-            configuratorStatistics.bundleHost = window.location.host;
-            return yield this._ioneControllerService.getJsonArticleFlatTree(article.article.goodId, article.article.goodType, article.quantity, true, configuratorStatistics);
-        });
-    }
-}
-ProductAddtocartComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'app-product-addtocart',
+class ProductAddtocartComponent {
+    constructor(iconCache, _ioneControllerService, _appEventService, _settingsService) {
+        this.iconCache = iconCache;
+        this._ioneControllerService = _ioneControllerService;
+        this._appEventService = _appEventService;
+        this._settingsService = _settingsService;
+        this.icon = IconEnum;
+        this.createFrozenArticle = true;
+        this.configurable = false;
+        this.configuring = false;
+        this.isReturn = false;
+        this.fullscreen = false;
+        this.startConfiguration = new EventEmitter();
+        this.addToCartClick = new EventEmitter();
+        this.addToQuoteClick = new EventEmitter();
+        this.showQuoteButton = false;
+        this._quantity = 1;
+    }
+    set quantity(value) {
+        if (this.isReturn) {
+            if (this._quantity === 1) {
+                this._quantity = -1;
+            }
+            else {
+                this._quantity = value;
+            }
+        }
+        else {
+            this._quantity = Math.max(1, value);
+        }
+    }
+    get quantity() {
+        return this._quantity;
+    }
+    ngOnInit() {
+    }
+    ngOnDestroy() {
+        this.addToCartButton = undefined;
+    }
+    handleAddToCartClick(quantity) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.createFrozenArticle) {
+                this._appEventService.onAddToCart.next({ article: yield this._getJSONFromArticleObject({ article: this.article, quantity: quantity }), quantity: quantity });
+            }
+            else {
+                const article = this._ioneControllerService.convertArticleFullObjectToArticleExtended(this.article);
+                this._appEventService.onAddToCart.next({ article: article, quantity: quantity });
+            }
+        });
+    }
+    handleAddToQuoteClick(quantity) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this._appEventService.onAddToQuote.next(yield this._getJSONFromArticleObject({ article: this.article, quantity: quantity }));
+        });
+    }
+    _getJSONFromArticleObject(article) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const configuratorStatistics = new ConfiguratorStatisticsEnvironment();
+            configuratorStatistics.userType = 'iOneProductPage';
+            configuratorStatistics.transactionType = 'Sales';
+            configuratorStatistics.actionDomain = 'bundle';
+            configuratorStatistics.sessionId = this._settingsService.settings.session ? this._settingsService.settings.session.sessionId : 'unknown';
+            configuratorStatistics.webHost = window.location.host;
+            configuratorStatistics.bundleHost = window.location.host;
+            return yield this._ioneControllerService.getJsonArticleFlatTree(article.article.goodId, article.article.goodType, article.quantity, true, configuratorStatistics);
+        });
+    }
+}
+ProductAddtocartComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'app-product-addtocart',
                 template: `
     <div class="atc-wrapper">
-      <co-number-picker *ngIf="!configurable && !configuring" class="quantity-select" [(model)]="quantity" [min]="1" horizontal></co-number-picker>
+      <ng-container *ngIf="isReturn">
+        <co-number-picker *ngIf="!configurable && !configuring" class="quantity-select" [(model)]="quantity" [min]="-100" horizontal></co-number-picker>
+      </ng-container>
+
+      <ng-container *ngIf="!isReturn">
+        <co-number-picker *ngIf="!configurable && !configuring" class="quantity-select" [(model)]="quantity" [min]="1" horizontal></co-number-picker>
+      </ng-container>
       <div class="button-wrapper">
         <co-button class="configure-button" *ngIf="configurable"
                    [iconData]="iconCache.getIcon(icon.MagicWand)"
@@ -1627,93 +1648,94 @@ ProductAddtocartComponent.decorators = [
         ></co-button>
       </div>
     </div>
-  `,
-                styles: [":host{display:flex;flex-direction:column}:host *:not(:last-child){margin-bottom:5px}:host .atc-wrapper{display:flex;flex-direction:row;align-items:baseline}:host .atc-wrapper .quantity-select{margin-right:5px}:host.full-screen .cart-button{position:fixed;right:20px;bottom:20px;z-index:3}::ng-deep co-number-picker{max-width:100px;border:2px solid #f6f5f4;border-radius:5px}::ng-deep co-number-picker ::ng-deep co-input-text{height:50px!important;border:none!important;width:50px!important}::ng-deep co-number-picker ::ng-deep co-input-text:after{display:none}::ng-deep co-number-picker ::ng-deep co-input-text.focused{box-shadow:none!important;border:none!important;background:none!important}::ng-deep co-number-picker ::ng-deep co-input-text .clear-icon{display:none}::ng-deep co-number-picker ::ng-deep co-input-text input{width:100%;text-align:center}::ng-deep co-number-picker ::ng-deep co-button{justify-content:center;padding:0!important;margin:0!important;height:50px!important;background-color:transparent!important}::ng-deep co-number-picker ::ng-deep co-button ::ng-deep co-icon [fill]{fill:#22313c!important}.button-wrapper ::ng-deep co-button{height:50px;max-width:300px;justify-content:center;font-size:15px;border-radius:5px!important;cursor:pointer;padding:0 20px!important}.button-wrapper ::ng-deep co-button:hover{background:#74B77F}::ng-deep co-button.cart-button{border-radius:5px}::ng-deep co-button.cart-button.quote{background:#7292b6}\n"]
-            },] }
-];
-ProductAddtocartComponent.ctorParameters = () => [
-    { type: IconCacheService },
-    { type: ProductConnectorService },
-    { type: ProductEventService },
-    { type: ProductSettingsService }
-];
-ProductAddtocartComponent.propDecorators = {
-    addToCartButton: [{ type: ViewChild, args: ['addtocartbutton', { read: ElementRef },] }],
-    article: [{ type: Input }],
-    createFrozenArticle: [{ type: Input }],
-    configurable: [{ type: Input }],
-    configuring: [{ type: Input }],
-    fullscreen: [{ type: HostBinding, args: ['class.full-screen',] }, { type: Input }],
-    quantity: [{ type: Input }],
-    startConfiguration: [{ type: Output }],
-    addToCartClick: [{ type: Output }],
-    addToQuoteClick: [{ type: Output }]
+  `,
+                styles: [":host{display:flex;flex-direction:column}:host *:not(:last-child){margin-bottom:5px}:host .atc-wrapper{display:flex;flex-direction:row;align-items:baseline}:host .atc-wrapper .quantity-select{margin-right:5px}:host.full-screen .cart-button{position:fixed;right:20px;bottom:20px;z-index:3}::ng-deep co-number-picker{max-width:100px;border:2px solid #f6f5f4;border-radius:5px}::ng-deep co-number-picker ::ng-deep co-input-text{height:50px!important;border:none!important;width:50px!important}::ng-deep co-number-picker ::ng-deep co-input-text:after{display:none}::ng-deep co-number-picker ::ng-deep co-input-text.focused{box-shadow:none!important;border:none!important;background:none!important}::ng-deep co-number-picker ::ng-deep co-input-text .clear-icon{display:none}::ng-deep co-number-picker ::ng-deep co-input-text input{width:100%;text-align:center}::ng-deep co-number-picker ::ng-deep co-button{justify-content:center;padding:0!important;margin:0!important;height:50px!important;background-color:transparent!important}::ng-deep co-number-picker ::ng-deep co-button ::ng-deep co-icon [fill]{fill:#22313c!important}.button-wrapper ::ng-deep co-button{height:50px;max-width:300px;justify-content:center;font-size:15px;border-radius:5px!important;cursor:pointer;padding:0 20px!important}.button-wrapper ::ng-deep co-button:hover{background:#74B77F}::ng-deep co-button.cart-button{border-radius:5px}::ng-deep co-button.cart-button.quote{background:#7292b6}\n"]
+            },] }
+];
+ProductAddtocartComponent.ctorParameters = () => [
+    { type: IconCacheService },
+    { type: ProductConnectorService },
+    { type: ProductEventService },
+    { type: ProductSettingsService }
+];
+ProductAddtocartComponent.propDecorators = {
+    addToCartButton: [{ type: ViewChild, args: ['addtocartbutton', { read: ElementRef },] }],
+    article: [{ type: Input }],
+    createFrozenArticle: [{ type: Input }],
+    configurable: [{ type: Input }],
+    configuring: [{ type: Input }],
+    isReturn: [{ type: Input }],
+    fullscreen: [{ type: HostBinding, args: ['class.full-screen',] }, { type: Input }],
+    quantity: [{ type: Input }],
+    startConfiguration: [{ type: Output }],
+    addToCartClick: [{ type: Output }],
+    addToQuoteClick: [{ type: Output }]
 };
 
-class ProductAddtocartModule {
-}
-ProductAddtocartModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    NumberPickerModule,
-                    ButtonModule,
-                    PipeModule
-                ],
-                declarations: [
-                    ProductAddtocartComponent
-                ],
-                exports: [
-                    ProductAddtocartComponent
-                ]
-            },] }
+class ProductAddtocartModule {
+}
+ProductAddtocartModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    NumberPickerModule,
+                    ButtonModule,
+                    PipeModule
+                ],
+                declarations: [
+                    ProductAddtocartComponent
+                ],
+                exports: [
+                    ProductAddtocartComponent
+                ]
+            },] }
 ];
 
-class ProductRelatedComponent {
-    constructor(_iOne, _appEventService) {
-        this._iOne = _iOne;
-        this._appEventService = _appEventService;
-        this.isSmallModus = true;
-        this._articles = [];
-    }
-    set articles(value) {
-        if (value) {
-            if (this.refType && this.refType !== undefined) {
-                if (value.length > 0) {
-                    value.forEach((x) => {
-                        if (x.refType === this.refType) {
-                            this._articles.push(x);
-                        }
-                    });
-                }
-            }
-            else {
-                this._articles = value;
-            }
-            this._loadImages();
-        }
-    }
-    get articles() {
-        return this._articles;
-    }
-    handleContentClick(article) {
-        this._appEventService.onAlternativeClick.next(article);
-    }
-    _loadImages() {
-        this._articles.forEach((a) => {
-            if (!a.image.documentBody) {
-                this._iOne.getDocumentContent(a.image.documentId).then((content) => {
-                    if (content) {
-                        a.image.documentBody = content.documentContent;
-                    }
-                });
-            }
-        });
-    }
-}
-ProductRelatedComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'app-product-related',
+class ProductRelatedComponent {
+    constructor(_iOne, _appEventService) {
+        this._iOne = _iOne;
+        this._appEventService = _appEventService;
+        this.isSmallModus = true;
+        this._articles = [];
+    }
+    set articles(value) {
+        if (value) {
+            if (this.refType && this.refType !== undefined) {
+                if (value.length > 0) {
+                    value.forEach((x) => {
+                        if (x.refType === this.refType) {
+                            this._articles.push(x);
+                        }
+                    });
+                }
+            }
+            else {
+                this._articles = value;
+            }
+            this._loadImages();
+        }
+    }
+    get articles() {
+        return this._articles;
+    }
+    handleContentClick(article) {
+        this._appEventService.onAlternativeClick.next(article);
+    }
+    _loadImages() {
+        this._articles.forEach((a) => {
+            if (!a.image.documentBody) {
+                this._iOne.getDocumentContent(a.image.documentId).then((content) => {
+                    if (content) {
+                        a.image.documentBody = content.documentContent;
+                    }
+                });
+            }
+        });
+    }
+}
+ProductRelatedComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'app-product-related',
                 template: `
     <div *ngIf="articles && articles.length > 0">
       <app-header [label]="label" [amount]="articles?.length" *ngIf="label"></app-header>
@@ -1731,29 +1753,29 @@ ProductRelatedComponent.decorators = [
         </div>
       </co-scroll-container>
     </div>
-  `,
-                styles: [":host{display:block}.article-wrapper{display:flex;flex-direction:row}.article-wrapper ::ng-deep co-tile.small{min-width:189px;max-width:189px;height:100%}.article-wrapper ::ng-deep co-tile.small:hover{box-shadow:none;cursor:pointer}.article-wrapper ::ng-deep co-tile.small:hover .tile-bottom .left-buttons{margin:0!important}.article-wrapper ::ng-deep co-tile.small .tile-wrapper{outline:none!important;padding-bottom:0;overflow:hidden}.article-wrapper ::ng-deep co-tile.small .tile-wrapper div.image{height:100px}.article-wrapper ::ng-deep co-tile.small .tile-wrapper .tile-bottom .left-buttons{position:absolute;top:0;right:0;margin:0 -32px 0 0;align-items:flex-end;transition:.2s ease-in-out}.article-wrapper ::ng-deep co-tile.small .tile-wrapper .tile-bottom .left-buttons ::ng-deep co-button.card-button.mini{width:30px;height:30px;transform:none;border-radius:4px;margin:0 0 5px}.article-wrapper ::ng-deep co-tile.small .tile-wrapper .tile-bottom .left-buttons ::ng-deep co-button.card-button.mini ::ng-deep co-icon{width:30px;height:30px}.article-wrapper ::ng-deep co-tile.small .tile-extra-bottom{outline:none!important;background:transparent!important}.article-wrapper ::ng-deep co-tile.small .tile-extra-bottom .price{color:#74b77f;margin:5px 0 0;font-weight:400;font-size:12px}\n"]
-            },] }
-];
-ProductRelatedComponent.ctorParameters = () => [
-    { type: ProductConnectorService },
-    { type: ProductEventService }
-];
-ProductRelatedComponent.propDecorators = {
-    refType: [{ type: Input }],
-    label: [{ type: Input }],
-    isSmallModus: [{ type: Input }],
-    articles: [{ type: Input }]
+  `,
+                styles: [":host{display:block}.article-wrapper{display:flex;flex-direction:row}.article-wrapper ::ng-deep co-tile.small{min-width:189px;max-width:189px;height:100%}.article-wrapper ::ng-deep co-tile.small:hover{box-shadow:none;cursor:pointer}.article-wrapper ::ng-deep co-tile.small:hover .tile-bottom .left-buttons{margin:0!important}.article-wrapper ::ng-deep co-tile.small .tile-wrapper{outline:none!important;padding-bottom:0;overflow:hidden}.article-wrapper ::ng-deep co-tile.small .tile-wrapper div.image{height:100px}.article-wrapper ::ng-deep co-tile.small .tile-wrapper .tile-bottom .left-buttons{position:absolute;top:0;right:0;margin:0 -32px 0 0;align-items:flex-end;transition:.2s ease-in-out}.article-wrapper ::ng-deep co-tile.small .tile-wrapper .tile-bottom .left-buttons ::ng-deep co-button.card-button.mini{width:30px;height:30px;transform:none;border-radius:4px;margin:0 0 5px}.article-wrapper ::ng-deep co-tile.small .tile-wrapper .tile-bottom .left-buttons ::ng-deep co-button.card-button.mini ::ng-deep co-icon{width:30px;height:30px}.article-wrapper ::ng-deep co-tile.small .tile-extra-bottom{outline:none!important;background:transparent!important}.article-wrapper ::ng-deep co-tile.small .tile-extra-bottom .price{color:#74b77f;margin:5px 0 0;font-weight:400;font-size:12px}\n"]
+            },] }
+];
+ProductRelatedComponent.ctorParameters = () => [
+    { type: ProductConnectorService },
+    { type: ProductEventService }
+];
+ProductRelatedComponent.propDecorators = {
+    refType: [{ type: Input }],
+    label: [{ type: Input }],
+    isSmallModus: [{ type: Input }],
+    articles: [{ type: Input }]
 };
 
-class HeaderComponent {
-    constructor() { }
-    ngOnInit() {
-    }
-}
-HeaderComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'app-header',
+class HeaderComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+HeaderComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'app-header',
                 template: `
     <ng-container *ngIf="label">
       <div class="header-wrapper">
@@ -1761,94 +1783,94 @@ HeaderComponent.decorators = [
         <span *ngIf="amount" class="amount" [textContent]="'(' + amount + ')'"></span>
       </div>
     </ng-container>
-  `,
-                styles: [".header-wrapper{display:flex;flex-direction:row;align-items:center}.header-wrapper .amount{margin-left:5px}\n"]
-            },] }
-];
-HeaderComponent.ctorParameters = () => [];
-HeaderComponent.propDecorators = {
-    label: [{ type: Input }],
-    amount: [{ type: Input }]
+  `,
+                styles: [".header-wrapper{display:flex;flex-direction:row;align-items:center}.header-wrapper .amount{margin-left:5px}\n"]
+            },] }
+];
+HeaderComponent.ctorParameters = () => [];
+HeaderComponent.propDecorators = {
+    label: [{ type: Input }],
+    amount: [{ type: Input }]
 };
 
-class HeaderModule {
-}
-HeaderModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule
-                ],
-                declarations: [
-                    HeaderComponent
-                ],
-                exports: [
-                    HeaderComponent
-                ]
-            },] }
+class HeaderModule {
+}
+HeaderModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule
+                ],
+                declarations: [
+                    HeaderComponent
+                ],
+                exports: [
+                    HeaderComponent
+                ]
+            },] }
 ];
 
-class ProductRelatedModule {
-}
-ProductRelatedModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    HeaderModule,
-                    ScrollContainerModule,
-                    ArticleTileModule
-                ],
-                declarations: [
-                    ProductRelatedComponent
-                ],
-                exports: [
-                    ProductRelatedComponent
-                ]
-            },] }
+class ProductRelatedModule {
+}
+ProductRelatedModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    HeaderModule,
+                    ScrollContainerModule,
+                    ArticleTileModule
+                ],
+                declarations: [
+                    ProductRelatedComponent
+                ],
+                exports: [
+                    ProductRelatedComponent
+                ]
+            },] }
 ];
 
-class ProductStockComponent {
-    constructor(_iOne, _iconCache) {
-        this._iOne = _iOne;
-        this._iconCache = _iconCache;
-        this.icon = IconEnum;
-        this.openStockEvent = new EventEmitter();
-        this.inStock = false;
-        this.iconData = this._iconCache.getIcon(this.icon.Warehouse);
-    }
-    set goodId(value) {
-        this._goodId = value;
-        this._getStockStatus();
-    }
-    get goodId() {
-        return this._goodId;
-    }
-    openStock() {
-        this.openStockEvent.emit();
-    }
-    _getStockStatus() {
-        if (this.goodId) {
-            this._iOne.getArtStockStatus(this.goodId).then((result) => {
-                switch (result) {
-                    case 1: // niet op voorraad
-                        this.stockLabel = 'PRODUCT_LIMITED_STOCK';
-                        this.inStock = true;
-                        break;
-                    case 2:
-                        this.stockLabel = 'PRODUCT_IN_STOCK';
-                        this.inStock = true;
-                        break;
-                    default:
-                        this.stockLabel = 'PRODUCT_NOT_IN_STOCK';
-                        this.inStock = false;
-                        break;
-                }
-            });
-        }
-    }
-}
-ProductStockComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'app-product-stock',
+class ProductStockComponent {
+    constructor(_iOne, _iconCache) {
+        this._iOne = _iOne;
+        this._iconCache = _iconCache;
+        this.icon = IconEnum;
+        this.openStockEvent = new EventEmitter();
+        this.inStock = false;
+        this.iconData = this._iconCache.getIcon(this.icon.Warehouse);
+    }
+    set goodId(value) {
+        this._goodId = value;
+        this._getStockStatus();
+    }
+    get goodId() {
+        return this._goodId;
+    }
+    openStock() {
+        this.openStockEvent.emit();
+    }
+    _getStockStatus() {
+        if (this.goodId) {
+            this._iOne.getArtStockStatus(this.goodId).then((result) => {
+                switch (result) {
+                    case 1: // niet op voorraad
+                        this.stockLabel = 'PRODUCT_LIMITED_STOCK';
+                        this.inStock = true;
+                        break;
+                    case 2:
+                        this.stockLabel = 'PRODUCT_IN_STOCK';
+                        this.inStock = true;
+                        break;
+                    default:
+                        this.stockLabel = 'PRODUCT_NOT_IN_STOCK';
+                        this.inStock = false;
+                        break;
+                }
+            });
+        }
+    }
+}
+ProductStockComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'app-product-stock',
                 template: `
     <!--<app-header [label]="'STOCK' | localize"></app-header>-->
     <!--<co-level-indicator [model]="'medium'"></co-level-indicator>-->
@@ -1858,59 +1880,59 @@ ProductStockComponent.decorators = [
         <div class="pp-default-label" [class.in-stock]="inStock" [textContent]="stockLabel | localize"></div>
       </div>
     </div>
-  `,
-                styles: [":host{display:block}.product-stock-wrapper{display:flex;flex-direction:row;align-items:center;border-top:1px solid #f6f5f4;border-bottom:1px solid #f6f5f4;padding:20px 15px;cursor:pointer}.product-stock-wrapper .stock-icon{margin:0 15px 0 0;width:40px;height:37px}.product-stock-wrapper .product-stock-fields{display:flex;flex-direction:row}.product-stock-wrapper .product-stock-fields .pp-default-label{font-size:14px;margin:0;color:#2b60a7;text-decoration:underline}.product-stock-wrapper .product-stock-fields .pp-default-label:after{content:\"\";width:10px;height:10px;border-radius:10px;background:#f15152;display:inline-block;margin:0 0 0 15px}.product-stock-wrapper .product-stock-fields .pp-default-label.in-stock:after{background:#74B77F}@media screen and (max-width: 400px){.product-stock-wrapper{padding:15px 0 15px 10px}.product-stock-wrapper .stock-icon{margin:0 15px 0 0;width:32px;height:28px}.product-stock-wrapper .product-stock-fields .pp-default-label{font-size:13px}}\n"]
-            },] }
-];
-ProductStockComponent.ctorParameters = () => [
-    { type: ProductConnectorService },
-    { type: IconCacheService }
-];
-ProductStockComponent.propDecorators = {
-    goodId: [{ type: Input }],
-    openStockEvent: [{ type: Output }]
+  `,
+                styles: [":host{display:block}.product-stock-wrapper{display:flex;flex-direction:row;align-items:center;border-top:1px solid #f6f5f4;border-bottom:1px solid #f6f5f4;padding:20px 15px;cursor:pointer}.product-stock-wrapper .stock-icon{margin:0 15px 0 0;width:40px;height:37px}.product-stock-wrapper .product-stock-fields{display:flex;flex-direction:row}.product-stock-wrapper .product-stock-fields .pp-default-label{font-size:14px;margin:0;color:#2b60a7;text-decoration:underline}.product-stock-wrapper .product-stock-fields .pp-default-label:after{content:\"\";width:10px;height:10px;border-radius:10px;background:#f15152;display:inline-block;margin:0 0 0 15px}.product-stock-wrapper .product-stock-fields .pp-default-label.in-stock:after{background:#74B77F}@media screen and (max-width: 400px){.product-stock-wrapper{padding:15px 0 15px 10px}.product-stock-wrapper .stock-icon{margin:0 15px 0 0;width:32px;height:28px}.product-stock-wrapper .product-stock-fields .pp-default-label{font-size:13px}}\n"]
+            },] }
+];
+ProductStockComponent.ctorParameters = () => [
+    { type: ProductConnectorService },
+    { type: IconCacheService }
+];
+ProductStockComponent.propDecorators = {
+    goodId: [{ type: Input }],
+    openStockEvent: [{ type: Output }]
 };
 
-class ProductStockModule {
-}
-ProductStockModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    IconModule,
-                    PipeModule
-                ],
-                declarations: [
-                    ProductStockComponent
-                ],
-                exports: [
-                    ProductStockComponent
-                ]
-            },] }
+class ProductStockModule {
+}
+ProductStockModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    IconModule,
+                    PipeModule
+                ],
+                declarations: [
+                    ProductStockComponent
+                ],
+                exports: [
+                    ProductStockComponent
+                ]
+            },] }
 ];
 
-class ProductDeliveryComponent {
-    constructor(_localizePipe, _iOne, _iconCache) {
-        this._localizePipe = _localizePipe;
-        this._iOne = _iOne;
-        this._iconCache = _iconCache;
-        this.icon = IconEnum;
-        this.iconData = this._iconCache.getIcon(this.icon.Truck);
-    }
-    set stockAndDelivery(value) {
-        if (value) {
-            this.deliveryDescription = value.deliveryDescription;
-            if (this.deliveryDescription.length > 0 && this.deliveryDescription[0] === ' ') {
-                this.deliveryDescription = this._localizePipe.transform('ASK_FOR_INFORMATION');
-            }
-        }
-    }
-    ngOnInit() {
-    }
-}
-ProductDeliveryComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'app-product-delivery',
+class ProductDeliveryComponent {
+    constructor(_localizePipe, _iOne, _iconCache) {
+        this._localizePipe = _localizePipe;
+        this._iOne = _iOne;
+        this._iconCache = _iconCache;
+        this.icon = IconEnum;
+        this.iconData = this._iconCache.getIcon(this.icon.Truck);
+    }
+    set stockAndDelivery(value) {
+        if (value) {
+            this.deliveryDescription = value.deliveryDescription;
+            if (this.deliveryDescription.length > 0 && this.deliveryDescription[0] === ' ') {
+                this.deliveryDescription = this._localizePipe.transform('ASK_FOR_INFORMATION');
+            }
+        }
+    }
+    ngOnInit() {
+    }
+}
+ProductDeliveryComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'app-product-delivery',
                 template: `
     <!--<app-header [label]="'DELIVERY_TIME_PERIOD' | localize"></app-header>-->
     <div class="product-delivery-wrapper">
@@ -1920,83 +1942,83 @@ ProductDeliveryComponent.decorators = [
         <div class="pp-default-description" [textContent]="deliveryDescription | date:'dd MMMM yyyy'"></div>
       </div>
     </div>
-  `,
-                styles: [":host{display:block}.product-delivery-wrapper{display:flex;flex-direction:row;align-items:center;border-bottom:1px solid #f6f5f4;padding:20px 15px}.product-delivery-wrapper .delivery-icon{margin:0 15px 0 0;width:40px;height:37px}.product-delivery-wrapper .product-delivery-fields{display:flex;flex-direction:column}.product-delivery-wrapper .product-delivery-fields .pp-default-label{font-size:14px;margin:0}@media screen and (max-width: 400px){.product-delivery-wrapper{padding:15px 0 15px 10px}.product-delivery-wrapper .delivery-icon{margin:0 15px 0 0;width:32px;height:28px}.product-delivery-wrapper .product-delivery-fields .pp-default-label{font-size:13px}}\n"]
-            },] }
-];
-ProductDeliveryComponent.ctorParameters = () => [
-    { type: LocalizePipe },
-    { type: ProductConnectorService },
-    { type: IconCacheService }
-];
-ProductDeliveryComponent.propDecorators = {
-    stockAndDelivery: [{ type: Input }]
+  `,
+                styles: [":host{display:block}.product-delivery-wrapper{display:flex;flex-direction:row;align-items:center;border-bottom:1px solid #f6f5f4;padding:20px 15px}.product-delivery-wrapper .delivery-icon{margin:0 15px 0 0;width:40px;height:37px}.product-delivery-wrapper .product-delivery-fields{display:flex;flex-direction:column}.product-delivery-wrapper .product-delivery-fields .pp-default-label{font-size:14px;margin:0}@media screen and (max-width: 400px){.product-delivery-wrapper{padding:15px 0 15px 10px}.product-delivery-wrapper .delivery-icon{margin:0 15px 0 0;width:32px;height:28px}.product-delivery-wrapper .product-delivery-fields .pp-default-label{font-size:13px}}\n"]
+            },] }
+];
+ProductDeliveryComponent.ctorParameters = () => [
+    { type: LocalizePipe },
+    { type: ProductConnectorService },
+    { type: IconCacheService }
+];
+ProductDeliveryComponent.propDecorators = {
+    stockAndDelivery: [{ type: Input }]
 };
 
-class ProductDeliveryModule {
-}
-ProductDeliveryModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    IconModule,
-                    PipeModule
-                ],
-                declarations: [
-                    ProductDeliveryComponent
-                ],
-                exports: [
-                    ProductDeliveryComponent
-                ]
-            },] }
+class ProductDeliveryModule {
+}
+ProductDeliveryModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    IconModule,
+                    PipeModule
+                ],
+                declarations: [
+                    ProductDeliveryComponent
+                ],
+                exports: [
+                    ProductDeliveryComponent
+                ]
+            },] }
 ];
 
-class ProductInfoTabsComponent {
-    constructor(_appEventService) {
-        this._appEventService = _appEventService;
-        this.activeTabHeight = 0;
-        this.tabs = [];
-        this._subs = [];
-        this._subs.push(this._appEventService.onUpdateProductInfoTab.subscribe((index) => {
-            this.updateTab(index);
-            this.tabContent.nativeElement.scrollIntoView({ behavior: 'smooth' });
-        }));
-    }
-    set article(value) {
-        if (value) {
-            this.articleObject = value;
-            this._setupTabs();
-            this.updateTab(0);
-        }
-    }
-    ngOnDestroy() {
-        this._subs.forEach(s => s.unsubscribe());
-    }
-    updateTab(tabIndex) {
-        this.activeTab = tabIndex;
-        this.updateHeight(tabIndex);
-    }
-    updateHeight(tabIndex) {
-        if (this.tabContent.nativeElement.children.length > 0) {
-            if (this.tabContent.nativeElement.children[tabIndex] !== undefined) {
-                this.activeTabHeight = this.tabContent.nativeElement.children[tabIndex].offsetHeight;
-            }
-        }
-    }
-    _setupTabs() {
-        this.tabs.push({ title: 'DESCRIPTION' });
-        this.tabs.push({ title: 'FEATURES' });
-        if (this.articleObject.documents !== undefined && this.articleObject.documents.length > 0) {
-            this.tabs.push({ title: 'DOWNLOADS' });
-        }
-        if (this.articleObject.symbols !== undefined && this.articleObject.symbols.length > 0) {
-            this.tabs.push({ title: 'SYMBOLS' });
-        }
-    }
-}
-ProductInfoTabsComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'app-product-info-tabs',
+class ProductInfoTabsComponent {
+    constructor(_appEventService) {
+        this._appEventService = _appEventService;
+        this.activeTabHeight = 0;
+        this.tabs = [];
+        this._subs = [];
+        this._subs.push(this._appEventService.onUpdateProductInfoTab.subscribe((index) => {
+            this.updateTab(index);
+            this.tabContent.nativeElement.scrollIntoView({ behavior: 'smooth' });
+        }));
+    }
+    set article(value) {
+        if (value) {
+            this.articleObject = value;
+            this._setupTabs();
+            this.updateTab(0);
+        }
+    }
+    ngOnDestroy() {
+        this._subs.forEach(s => s.unsubscribe());
+    }
+    updateTab(tabIndex) {
+        this.activeTab = tabIndex;
+        this.updateHeight(tabIndex);
+    }
+    updateHeight(tabIndex) {
+        if (this.tabContent.nativeElement.children.length > 0) {
+            if (this.tabContent.nativeElement.children[tabIndex] !== undefined) {
+                this.activeTabHeight = this.tabContent.nativeElement.children[tabIndex].offsetHeight;
+            }
+        }
+    }
+    _setupTabs() {
+        this.tabs.push({ title: 'DESCRIPTION' });
+        this.tabs.push({ title: 'FEATURES' });
+        if (this.articleObject.documents !== undefined && this.articleObject.documents.length > 0) {
+            this.tabs.push({ title: 'DOWNLOADS' });
+        }
+        if (this.articleObject.symbols !== undefined && this.articleObject.symbols.length > 0) {
+            this.tabs.push({ title: 'SYMBOLS' });
+        }
+    }
+}
+ProductInfoTabsComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'app-product-info-tabs',
                 template: `
     <div class="tab-container">
       <div class="tab-header">
@@ -2019,178 +2041,178 @@ ProductInfoTabsComponent.decorators = [
         </div>
       </div>
     </div>
-  `,
-                styles: ["*:focus{outline:none}:host .tab-header{border-bottom:3px solid #f6f5f4;margin:0 0 30px}:host .tab-header .tab-header-button{background:transparent;border:none;border-bottom:3px solid transparent;line-height:20px;padding:15px 20px;cursor:pointer;font-family:iOneMontserrat;color:#22313c;font-weight:bold;margin:0 0 -3px;opacity:.5}:host .tab-header .tab-header-button:hover{opacity:1}:host .tab-header .tab-header-button.active{opacity:1;border-color:#74b77f}:host .tab-content{padding:0 20px 30px;margin:0 0 20px;border-bottom:2px solid #f6f5f4;transition:all .2s ease-in-out;position:relative}:host .tab-content .tab-content-item{opacity:0;position:absolute;left:0;top:0;visibility:hidden;width:100%}:host .tab-content .tab-content-item.active{opacity:1;visibility:visible;position:static}@media screen and (max-width: 650px){:host .tab-content{padding:0 10px 15px}}@media screen and (max-width: 450px){:host .tab-header{display:flex}:host .tab-header .tab-header-button{width:100%;padding:10px;font-size:11px}}\n"]
-            },] }
-];
-ProductInfoTabsComponent.ctorParameters = () => [
-    { type: ProductEventService }
-];
-ProductInfoTabsComponent.propDecorators = {
-    tabContent: [{ type: ViewChild, args: ['tabContent',] }],
-    article: [{ type: Input }]
+  `,
+                styles: ["*:focus{outline:none}:host .tab-header{border-bottom:3px solid #f6f5f4;margin:0 0 30px}:host .tab-header .tab-header-button{background:transparent;border:none;border-bottom:3px solid transparent;line-height:20px;padding:15px 20px;cursor:pointer;font-family:iOneMontserrat;color:#22313c;font-weight:bold;margin:0 0 -3px;opacity:.5}:host .tab-header .tab-header-button:hover{opacity:1}:host .tab-header .tab-header-button.active{opacity:1;border-color:#74b77f}:host .tab-content{padding:0 20px 30px;margin:0 0 20px;border-bottom:2px solid #f6f5f4;transition:all .2s ease-in-out;position:relative}:host .tab-content .tab-content-item{opacity:0;position:absolute;left:0;top:0;visibility:hidden;width:100%}:host .tab-content .tab-content-item.active{opacity:1;visibility:visible;position:static}@media screen and (max-width: 650px){:host .tab-content{padding:0 10px 15px}}@media screen and (max-width: 450px){:host .tab-header{display:flex}:host .tab-header .tab-header-button{width:100%;padding:10px;font-size:11px}}\n"]
+            },] }
+];
+ProductInfoTabsComponent.ctorParameters = () => [
+    { type: ProductEventService }
+];
+ProductInfoTabsComponent.propDecorators = {
+    tabContent: [{ type: ViewChild, args: ['tabContent',] }],
+    article: [{ type: Input }]
 };
 
-class ProductAdditionalInfoComponent {
-    constructor(_sanitizer, _connectorService, _changeDetector) {
-        this._sanitizer = _sanitizer;
-        this._connectorService = _connectorService;
-        this._changeDetector = _changeDetector;
-        this.showLabel = false;
-        this.textParts = [];
-        this._superArticles = new Map();
-    }
-    set article(value) {
-        if (value) {
-            this._article = value;
-            this._buildInfo().then(() => {
-                this._changeDetector.detectChanges();
-            });
-        }
-    }
-    get article() {
-        return this._article;
-    }
-    ngOnInit() {
-    }
-    _getTextsSuperArticle() {
-        return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((resolve, reject) => __awaiter(this, void 0, void 0, function* () {
-                const texts = [];
-                if (this.article.superArticleNr) {
-                    let mainArticle;
-                    if (this._superArticles.has(this.article.superArticleNr)) {
-                        mainArticle = this._superArticles.get(this.article.superArticleNr);
-                    }
-                    else {
-                        mainArticle = yield this._connectorService.getSuperArticle(this.article.superArticleNr);
-                        this._superArticles.set(this.article.superArticleNr, mainArticle);
-                    }
-                    mainArticle.texts.forEach((txt) => {
-                        if (BitUtils.IsFullDescription(txt.publication)) {
-                            const safeTxt = this._sanitizer.sanitize(SecurityContext.HTML, txt.text);
-                            texts.push(safeTxt);
-                        }
-                    });
-                    resolve(texts);
-                }
-                else {
-                    resolve(texts);
-                }
-            }));
-        });
-    }
-    _prepareArticleTexts() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const texts = yield this._getTextsSuperArticle();
-            if (texts.length > 0) {
-                this.textParts.push(...texts);
-            }
-            if (this.article.texts) {
-                this.article.texts.forEach((txt) => {
-                    if (BitUtils.IsFullDescription(txt.publication)) {
-                        const safeTxt = this._sanitizer.sanitize(SecurityContext.HTML, txt.text);
-                        this.textParts.push(safeTxt);
-                    }
-                });
-            }
-        });
-    }
-    _buildInfo() {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.textParts.length = 0;
-            yield this._prepareArticleTexts();
-            if (this.textParts.length === 0) {
-                if (this.article.additionalDescription) {
-                    this.textParts.push(this.article.additionalDescription);
-                }
-                else if (this.article.description) {
-                    this.textParts.push(this.article.description);
-                }
-            }
-            return;
-        });
-    }
-}
-ProductAdditionalInfoComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'app-product-additional-info',
+class ProductAdditionalInfoComponent {
+    constructor(_sanitizer, _connectorService, _changeDetector) {
+        this._sanitizer = _sanitizer;
+        this._connectorService = _connectorService;
+        this._changeDetector = _changeDetector;
+        this.showLabel = false;
+        this.textParts = [];
+        this._superArticles = new Map();
+    }
+    set article(value) {
+        if (value) {
+            this._article = value;
+            this._buildInfo().then(() => {
+                this._changeDetector.detectChanges();
+            });
+        }
+    }
+    get article() {
+        return this._article;
+    }
+    ngOnInit() {
+    }
+    _getTextsSuperArticle() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => __awaiter(this, void 0, void 0, function* () {
+                const texts = [];
+                if (this.article.superArticleNr) {
+                    let mainArticle;
+                    if (this._superArticles.has(this.article.superArticleNr)) {
+                        mainArticle = this._superArticles.get(this.article.superArticleNr);
+                    }
+                    else {
+                        mainArticle = yield this._connectorService.getSuperArticle(this.article.superArticleNr);
+                        this._superArticles.set(this.article.superArticleNr, mainArticle);
+                    }
+                    mainArticle.texts.forEach((txt) => {
+                        if (BitUtils.IsFullDescription(txt.publication)) {
+                            const safeTxt = this._sanitizer.sanitize(SecurityContext.HTML, txt.text);
+                            texts.push(safeTxt);
+                        }
+                    });
+                    resolve(texts);
+                }
+                else {
+                    resolve(texts);
+                }
+            }));
+        });
+    }
+    _prepareArticleTexts() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const texts = yield this._getTextsSuperArticle();
+            if (texts.length > 0) {
+                this.textParts.push(...texts);
+            }
+            if (this.article.texts) {
+                this.article.texts.forEach((txt) => {
+                    if (BitUtils.IsFullDescription(txt.publication)) {
+                        const safeTxt = this._sanitizer.sanitize(SecurityContext.HTML, txt.text);
+                        this.textParts.push(safeTxt);
+                    }
+                });
+            }
+        });
+    }
+    _buildInfo() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.textParts.length = 0;
+            yield this._prepareArticleTexts();
+            if (this.textParts.length === 0) {
+                if (this.article.additionalDescription) {
+                    this.textParts.push(this.article.additionalDescription);
+                }
+                else if (this.article.description) {
+                    this.textParts.push(this.article.description);
+                }
+            }
+            return;
+        });
+    }
+}
+ProductAdditionalInfoComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'app-product-additional-info',
                 template: `
     <h3 *ngIf="showLabel" [textContent]="'ADDITIONAL_DATA' | localize"></h3>
     <ng-container *ngIf="textParts && textParts.length > 0">
       <div class="additional-info-parts" *ngFor="let text of textParts" [innerHTML]="text"></div>
     </ng-container>
-  `,
-                styles: [":host{display:block}:host .additional-info-parts{margin-bottom:20px;line-height:190%;color:#22313c;font-size:13px}:host ::ng-deep p{line-height:190%;margin:15px 0}:host ::ng-deep font{font-family:\"iOneMontserrat\"}:host .additional-info-parts>*:first-child{margin-top:0}:host .additional-info-parts>*:last-child{margin-bottom:0}\n"]
-            },] }
-];
-ProductAdditionalInfoComponent.ctorParameters = () => [
-    { type: DomSanitizer },
-    { type: ProductConnectorService },
-    { type: ChangeDetectorRef }
-];
-ProductAdditionalInfoComponent.propDecorators = {
-    article: [{ type: Input }],
-    showLabel: [{ type: Input }]
+  `,
+                styles: [":host{display:block}:host .additional-info-parts{margin-bottom:20px;line-height:190%;color:#22313c;font-size:13px}:host ::ng-deep p{line-height:190%;margin:15px 0}:host ::ng-deep font{font-family:\"iOneMontserrat\"}:host .additional-info-parts>*:first-child{margin-top:0}:host .additional-info-parts>*:last-child{margin-bottom:0}\n"]
+            },] }
+];
+ProductAdditionalInfoComponent.ctorParameters = () => [
+    { type: DomSanitizer },
+    { type: ProductConnectorService },
+    { type: ChangeDetectorRef }
+];
+ProductAdditionalInfoComponent.propDecorators = {
+    article: [{ type: Input }],
+    showLabel: [{ type: Input }]
 };
 
-class ProductAdditionalInfoModule {
-}
-ProductAdditionalInfoModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    PipeModule
-                ],
-                declarations: [
-                    ProductAdditionalInfoComponent
-                ],
-                exports: [
-                    ProductAdditionalInfoComponent
-                ]
-            },] }
+class ProductAdditionalInfoModule {
+}
+ProductAdditionalInfoModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    PipeModule
+                ],
+                declarations: [
+                    ProductAdditionalInfoComponent
+                ],
+                exports: [
+                    ProductAdditionalInfoComponent
+                ]
+            },] }
 ];
 
-const propertyMap = new Map([
-    ['articleNr', 'ARTICLE_NUMBER'],
-    ['catExtra', 'CATEGORY'],
-    ['catType', 'CATEGORY_TYPE'],
-    ['description', 'DESCRIPTION'],
-    ['material', 'MATERIAL'],
-    ['title', 'TITLE'],
-    ['turnOverGroup', 'TURNOVERGROUP'],
-    ['height', 'HEIGHT'],
-    ['width', 'WIDTH']
-]);
-class ProductPropertiesComponent {
-    constructor() {
-        this.showLabel = false;
-        this.properties = [];
-    }
-    set article(value) {
-        this._article = value;
-        this._prepareProperties();
-    }
-    get article() {
-        return this._article;
-    }
-    ngOnInit() {
-    }
-    _prepareProperties() {
-        this.properties.length = 0;
-        if (!this._article) {
-            return;
-        }
-        propertyMap.forEach((value, key) => {
-            if (this.article.hasOwnProperty(key)) {
-                this.properties.push({ key: value, value: this.article[key] });
-            }
-        });
-    }
-}
-ProductPropertiesComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'app-product-properties',
+const propertyMap = new Map([
+    ['articleNr', 'ARTICLE_NUMBER'],
+    ['catExtra', 'CATEGORY'],
+    ['catType', 'CATEGORY_TYPE'],
+    ['description', 'DESCRIPTION'],
+    ['material', 'MATERIAL'],
+    ['title', 'TITLE'],
+    ['turnOverGroup', 'TURNOVERGROUP'],
+    ['height', 'HEIGHT'],
+    ['width', 'WIDTH']
+]);
+class ProductPropertiesComponent {
+    constructor() {
+        this.showLabel = false;
+        this.properties = [];
+    }
+    set article(value) {
+        this._article = value;
+        this._prepareProperties();
+    }
+    get article() {
+        return this._article;
+    }
+    ngOnInit() {
+    }
+    _prepareProperties() {
+        this.properties.length = 0;
+        if (!this._article) {
+            return;
+        }
+        propertyMap.forEach((value, key) => {
+            if (this.article.hasOwnProperty(key)) {
+                this.properties.push({ key: value, value: this.article[key] });
+            }
+        });
+    }
+}
+ProductPropertiesComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'app-product-properties',
                 template: `
     <div class="article-properties-wrapper">
       <h3 *ngIf="showLabel" [textContent]="'PROPERTIES' | localize"></h3>
@@ -2201,104 +2223,104 @@ ProductPropertiesComponent.decorators = [
         </div>
       </ng-container>
     </div>
-  `,
-                styles: [":host{display:block}.article-properties-wrapper{display:flex;flex-direction:column}.article-property{display:flex;flex-direction:row;border-bottom:1px solid #f6f5f4;padding:11px 0;font-size:13px}.article-property:first-child{border-top:1px solid #f6f5f4}.article-property-key{flex-basis:200px;flex-shrink:0;color:#5b6875}@media screen and (max-width: 450px){.article-property-key{flex-basis:130px}}\n"]
-            },] }
-];
-ProductPropertiesComponent.ctorParameters = () => [];
-ProductPropertiesComponent.propDecorators = {
-    article: [{ type: Input }],
-    showLabel: [{ type: Input }]
+  `,
+                styles: [":host{display:block}.article-properties-wrapper{display:flex;flex-direction:column}.article-property{display:flex;flex-direction:row;border-bottom:1px solid #f6f5f4;padding:11px 0;font-size:13px}.article-property:first-child{border-top:1px solid #f6f5f4}.article-property-key{flex-basis:200px;flex-shrink:0;color:#5b6875}@media screen and (max-width: 450px){.article-property-key{flex-basis:130px}}\n"]
+            },] }
+];
+ProductPropertiesComponent.ctorParameters = () => [];
+ProductPropertiesComponent.propDecorators = {
+    article: [{ type: Input }],
+    showLabel: [{ type: Input }]
 };
 
-class ProductPropertiesModule {
-}
-ProductPropertiesModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    PipeModule
-                ],
-                declarations: [
-                    ProductPropertiesComponent
-                ],
-                exports: [
-                    ProductPropertiesComponent
-                ]
-            },] }
+class ProductPropertiesModule {
+}
+ProductPropertiesModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    PipeModule
+                ],
+                declarations: [
+                    ProductPropertiesComponent
+                ],
+                exports: [
+                    ProductPropertiesComponent
+                ]
+            },] }
 ];
 
-class ProductDocumentsComponent {
-    constructor(iconCache) {
-        this.iconCache = iconCache;
-        this.icon = IconEnum;
-        this.showLabel = false;
-        this.documents = [];
-    }
-}
-ProductDocumentsComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'app-product-documents',
+class ProductDocumentsComponent {
+    constructor(iconCache) {
+        this.iconCache = iconCache;
+        this.icon = IconEnum;
+        this.showLabel = false;
+        this.documents = [];
+    }
+}
+ProductDocumentsComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'app-product-documents',
                 template: `
     <app-header *ngIf="showLabel" [label]="'DOCUMENTS' | localize" [amount]="documents?.length"></app-header>
     <div *ngIf="documents && documents.length > 0">
       <co-files-upload [documents]="documents" [canAdd]="false" readonly></co-files-upload>
     </div>
-  `,
-                styles: [":host{display:block}::ng-deep co-files-upload{flex-direction:column!important;width:100%}::ng-deep co-file-upload{margin:0!important;border-bottom:1px solid #f6f5f4}::ng-deep co-file-upload:first-child{border-top:1px solid #f6f5f4}::ng-deep co-files-upload .files-upload-wrapper{flex-direction:column!important;width:100%}::ng-deep co-file-upload co-tile{max-width:100%!important;width:100%;position:relative}::ng-deep co-file-upload co-tile:hover{box-shadow:none!important}::ng-deep co-file-upload co-tile:hover .tile-extra-bottom{background-color:#f6f5f4!important}::ng-deep co-file-upload co-tile .tile-wrapper{position:absolute!important;left:0;top:0;width:100%;height:100%;z-index:2;opacity:0;box-sizing:border-box}::ng-deep co-file-upload co-tile .tile-wrapper .image{position:absolute!important;left:0;top:0;width:100%!important;height:100%!important;cursor:pointer}::ng-deep co-file-upload co-tile .tile-extra-bottom{outline:none!important;border:none!important;background:transparent!important;line-height:20px;padding:20px 20px 20px 60px!important;margin:0!important;background:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3Csvg   xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22   xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22   xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22   xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22   xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22   xmlns%3Asodipodi%3D%22http%3A%2F%2Fsodipodi.sourceforge.net%2FDTD%2Fsodipodi-0.dtd%22   xmlns%3Ainkscape%3D%22http%3A%2F%2Fwww.inkscape.org%2Fnamespaces%2Finkscape%22   viewBox%3D%220 0 50 50%22   version%3D%221.1%22   id%3D%22svg8%22   sodipodi%3Adocname%3D%22download.svg%22   inkscape%3Aversion%3D%220.92.4 (5da689c313%2C 2019-01-14)%22%3E  %3Cmetadata     id%3D%22metadata14%22%3E    %3Crdf%3ARDF%3E      %3Ccc%3AWork         rdf%3Aabout%3D%22%22%3E        %3Cdc%3Aformat%3Eimage%2Fsvg%2Bxml%3C%2Fdc%3Aformat%3E        %3Cdc%3Atype           rdf%3Aresource%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Fdcmitype%2FStillImage%22 %2F%3E        %3Cdc%3Atitle%3E%3C%2Fdc%3Atitle%3E      %3C%2Fcc%3AWork%3E    %3C%2Frdf%3ARDF%3E  %3C%2Fmetadata%3E  %3Cdefs     id%3D%22defs12%22 %2F%3E  %3Csodipodi%3Anamedview     pagecolor%3D%22%23ffffff%22     bordercolor%3D%22%23666666%22     borderopacity%3D%221%22     objecttolerance%3D%2210%22     gridtolerance%3D%2210%22     guidetolerance%3D%2210%22     inkscape%3Apageopacity%3D%220%22     inkscape%3Apageshadow%3D%222%22     inkscape%3Awindow-width%3D%221920%22     inkscape%3Awindow-height%3D%221017%22     id%3D%22namedview10%22     showgrid%3D%22false%22     inkscape%3Azoom%3D%226.675088%22     inkscape%3Acx%3D%22-14.056273%22     inkscape%3Acy%3D%2229.806579%22     inkscape%3Awindow-x%3D%22-8%22     inkscape%3Awindow-y%3D%22-8%22     inkscape%3Awindow-maximized%3D%221%22     inkscape%3Acurrent-layer%3D%22svg8%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05570714%2C0%2C0%2C0.05570648%2C10.763%2C10.859394)%22     id%3D%22g62%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05570714%2C0%2C0%2C0.05570648%2C10.763%2C10.859394)%22     id%3D%22g64%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05570714%2C0%2C0%2C0.05570648%2C10.763%2C10.859394)%22     id%3D%22g66%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05570714%2C0%2C0%2C0.05570648%2C10.763%2C10.859394)%22     id%3D%22g68%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05570714%2C0%2C0%2C0.05570648%2C10.763%2C10.859394)%22     id%3D%22g70%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05570714%2C0%2C0%2C0.05570648%2C10.763%2C10.859394)%22     id%3D%22g72%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05570714%2C0%2C0%2C0.05570648%2C10.763%2C10.859394)%22     id%3D%22g74%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05570714%2C0%2C0%2C0.05570648%2C10.763%2C10.859394)%22     id%3D%22g76%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05570714%2C0%2C0%2C0.05570648%2C10.763%2C10.859394)%22     id%3D%22g78%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05570714%2C0%2C0%2C0.05570648%2C10.763%2C10.859394)%22     id%3D%22g80%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05570714%2C0%2C0%2C0.05570648%2C10.763%2C10.859394)%22     id%3D%22g82%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05570714%2C0%2C0%2C0.05570648%2C10.763%2C10.859394)%22     id%3D%22g84%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05570714%2C0%2C0%2C0.05570648%2C10.763%2C10.859394)%22     id%3D%22g86%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05570714%2C0%2C0%2C0.05570648%2C10.763%2C10.859394)%22     id%3D%22g88%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05570714%2C0%2C0%2C0.05570648%2C10.763%2C10.859394)%22     id%3D%22g90%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22     id%3D%22g6-0%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22%3E    %3Cg       id%3D%22g4-9%22       style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22%3E      %3Cpath         inkscape%3Aconnector-curvature%3D%220%22         d%3D%22m 498.966%2C339.946 c -7.197%2C0 -13.034%2C5.837 -13.034%2C13.034 v 49.804 c 0%2C28.747 -23.388%2C52.135 -52.135%2C52.135 H 78.203 c -28.747%2C0 -52.135%2C-23.388 -52.135%2C-52.135 V 352.98 c 0%2C-7.197 -5.835%2C-13.034 -13.034%2C-13.034 C 5.835%2C339.946 0%2C345.782 0%2C352.98 v 49.804 c 0%2C43.121 35.082%2C78.203 78.203%2C78.203 h 355.594 c 43.121%2C0 78.203%2C-35.082 78.203%2C-78.203 V 352.98 c 0%2C-7.198 -5.835%2C-13.034 -13.034%2C-13.034 z%22         id%3D%22path2%22         style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E    %3C%2Fg%3E  %3C%2Fg%3E  %3Cg     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22     id%3D%22g12-0%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22%3E    %3Cg       id%3D%22g10-8%22       style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22%3E      %3Cpath         inkscape%3Aconnector-curvature%3D%220%22         d%3D%22M 419.833%2C391.3 H 92.167 c -7.197%2C0 -13.034%2C5.837 -13.034%2C13.034 0%2C7.197 5.835%2C13.034 13.034%2C13.034 h 327.665 c 7.199%2C0 13.034%2C-5.835 13.034%2C-13.034 0%2C-7.197 -5.835%2C-13.034 -13.033%2C-13.034 z%22         id%3D%22path8-3%22         style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E    %3C%2Fg%3E  %3C%2Fg%3E  %3Cg     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22     id%3D%22g18-4%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22%3E    %3Cg       id%3D%22g16-7%22       style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22%3E      %3Cpath         inkscape%3Aconnector-curvature%3D%220%22         d%3D%22m 387.919%2C207.93 c -4.795%2C-5.367 -13.034%2C-5.834 -18.404%2C-1.038 L 269.033%2C296.657 V 44.048 c 0%2C-7.197 -5.835%2C-13.034 -13.034%2C-13.034 -7.197%2C0 -13.034%2C5.835 -13.034%2C13.034 V 296.657 L 142.483%2C206.893 c -5.367%2C-4.796 -13.607%2C-4.328 -18.404%2C1.038 -4.794%2C5.369 -4.331%2C13.609 1.037%2C18.404 l 109.174%2C97.527 c 6.187%2C5.529 13.946%2C8.292 21.708%2C8.292 7.759%2C0 15.519%2C-2.763 21.708%2C-8.289 l 109.174%2C-97.53 c 5.37%2C-4.798 5.834%2C-13.038 1.039%2C-18.405 z%22         id%3D%22path14-9%22         style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E    %3C%2Fg%3E  %3C%2Fg%3E  %3Cg     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22     id%3D%22g20%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22     id%3D%22g22-9%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22     id%3D%22g24-3%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22     id%3D%22g26%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22     id%3D%22g28-4%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22     id%3D%22g30-2%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22     id%3D%22g32%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22     id%3D%22g34-2%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22     id%3D%22g36-1%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22     id%3D%22g38%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22     id%3D%22g40-6%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22     id%3D%22g42-4%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22     id%3D%22g44%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22     id%3D%22g46-7%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22     id%3D%22g48-3%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E%3C%2Fsvg%3E\") no-repeat left 6px center / 36px auto!important}::ng-deep co-file-upload co-tile .tile-extra-bottom .main{padding:0!important}\n"]
-            },] }
-];
-ProductDocumentsComponent.ctorParameters = () => [
-    { type: IconCacheService }
-];
-ProductDocumentsComponent.propDecorators = {
-    showLabel: [{ type: Input }],
-    documents: [{ type: Input }]
+  `,
+                styles: [":host{display:block}::ng-deep co-files-upload{flex-direction:column!important;width:100%}::ng-deep co-file-upload{margin:0!important;border-bottom:1px solid #f6f5f4}::ng-deep co-file-upload:first-child{border-top:1px solid #f6f5f4}::ng-deep co-files-upload .files-upload-wrapper{flex-direction:column!important;width:100%}::ng-deep co-file-upload co-tile{max-width:100%!important;width:100%;position:relative}::ng-deep co-file-upload co-tile:hover{box-shadow:none!important}::ng-deep co-file-upload co-tile:hover .tile-extra-bottom{background-color:#f6f5f4!important}::ng-deep co-file-upload co-tile .tile-wrapper{position:absolute!important;left:0;top:0;width:100%;height:100%;z-index:2;opacity:0;box-sizing:border-box}::ng-deep co-file-upload co-tile .tile-wrapper .image{position:absolute!important;left:0;top:0;width:100%!important;height:100%!important;cursor:pointer}::ng-deep co-file-upload co-tile .tile-extra-bottom{outline:none!important;border:none!important;background:transparent!important;line-height:20px;padding:20px 20px 20px 60px!important;margin:0!important;background:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3Csvg   xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22   xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22   xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22   xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22   xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22   xmlns%3Asodipodi%3D%22http%3A%2F%2Fsodipodi.sourceforge.net%2FDTD%2Fsodipodi-0.dtd%22   xmlns%3Ainkscape%3D%22http%3A%2F%2Fwww.inkscape.org%2Fnamespaces%2Finkscape%22   viewBox%3D%220 0 50 50%22   version%3D%221.1%22   id%3D%22svg8%22   sodipodi%3Adocname%3D%22download.svg%22   inkscape%3Aversion%3D%220.92.4 (5da689c313%2C 2019-01-14)%22%3E  %3Cmetadata     id%3D%22metadata14%22%3E    %3Crdf%3ARDF%3E      %3Ccc%3AWork         rdf%3Aabout%3D%22%22%3E        %3Cdc%3Aformat%3Eimage%2Fsvg%2Bxml%3C%2Fdc%3Aformat%3E        %3Cdc%3Atype           rdf%3Aresource%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Fdcmitype%2FStillImage%22 %2F%3E        %3Cdc%3Atitle%3E%3C%2Fdc%3Atitle%3E      %3C%2Fcc%3AWork%3E    %3C%2Frdf%3ARDF%3E  %3C%2Fmetadata%3E  %3Cdefs     id%3D%22defs12%22 %2F%3E  %3Csodipodi%3Anamedview     pagecolor%3D%22%23ffffff%22     bordercolor%3D%22%23666666%22     borderopacity%3D%221%22     objecttolerance%3D%2210%22     gridtolerance%3D%2210%22     guidetolerance%3D%2210%22     inkscape%3Apageopacity%3D%220%22     inkscape%3Apageshadow%3D%222%22     inkscape%3Awindow-width%3D%221920%22     inkscape%3Awindow-height%3D%221017%22     id%3D%22namedview10%22     showgrid%3D%22false%22     inkscape%3Azoom%3D%226.675088%22     inkscape%3Acx%3D%22-14.056273%22     inkscape%3Acy%3D%2229.806579%22     inkscape%3Awindow-x%3D%22-8%22     inkscape%3Awindow-y%3D%22-8%22     inkscape%3Awindow-maximized%3D%221%22     inkscape%3Acurrent-layer%3D%22svg8%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05570714%2C0%2C0%2C0.05570648%2C10.763%2C10.859394)%22     id%3D%22g62%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05570714%2C0%2C0%2C0.05570648%2C10.763%2C10.859394)%22     id%3D%22g64%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05570714%2C0%2C0%2C0.05570648%2C10.763%2C10.859394)%22     id%3D%22g66%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05570714%2C0%2C0%2C0.05570648%2C10.763%2C10.859394)%22     id%3D%22g68%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05570714%2C0%2C0%2C0.05570648%2C10.763%2C10.859394)%22     id%3D%22g70%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05570714%2C0%2C0%2C0.05570648%2C10.763%2C10.859394)%22     id%3D%22g72%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05570714%2C0%2C0%2C0.05570648%2C10.763%2C10.859394)%22     id%3D%22g74%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05570714%2C0%2C0%2C0.05570648%2C10.763%2C10.859394)%22     id%3D%22g76%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05570714%2C0%2C0%2C0.05570648%2C10.763%2C10.859394)%22     id%3D%22g78%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05570714%2C0%2C0%2C0.05570648%2C10.763%2C10.859394)%22     id%3D%22g80%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05570714%2C0%2C0%2C0.05570648%2C10.763%2C10.859394)%22     id%3D%22g82%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05570714%2C0%2C0%2C0.05570648%2C10.763%2C10.859394)%22     id%3D%22g84%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05570714%2C0%2C0%2C0.05570648%2C10.763%2C10.859394)%22     id%3D%22g86%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05570714%2C0%2C0%2C0.05570648%2C10.763%2C10.859394)%22     id%3D%22g88%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05570714%2C0%2C0%2C0.05570648%2C10.763%2C10.859394)%22     id%3D%22g90%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22     id%3D%22g6-0%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22%3E    %3Cg       id%3D%22g4-9%22       style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22%3E      %3Cpath         inkscape%3Aconnector-curvature%3D%220%22         d%3D%22m 498.966%2C339.946 c -7.197%2C0 -13.034%2C5.837 -13.034%2C13.034 v 49.804 c 0%2C28.747 -23.388%2C52.135 -52.135%2C52.135 H 78.203 c -28.747%2C0 -52.135%2C-23.388 -52.135%2C-52.135 V 352.98 c 0%2C-7.197 -5.835%2C-13.034 -13.034%2C-13.034 C 5.835%2C339.946 0%2C345.782 0%2C352.98 v 49.804 c 0%2C43.121 35.082%2C78.203 78.203%2C78.203 h 355.594 c 43.121%2C0 78.203%2C-35.082 78.203%2C-78.203 V 352.98 c 0%2C-7.198 -5.835%2C-13.034 -13.034%2C-13.034 z%22         id%3D%22path2%22         style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E    %3C%2Fg%3E  %3C%2Fg%3E  %3Cg     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22     id%3D%22g12-0%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22%3E    %3Cg       id%3D%22g10-8%22       style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22%3E      %3Cpath         inkscape%3Aconnector-curvature%3D%220%22         d%3D%22M 419.833%2C391.3 H 92.167 c -7.197%2C0 -13.034%2C5.837 -13.034%2C13.034 0%2C7.197 5.835%2C13.034 13.034%2C13.034 h 327.665 c 7.199%2C0 13.034%2C-5.835 13.034%2C-13.034 0%2C-7.197 -5.835%2C-13.034 -13.033%2C-13.034 z%22         id%3D%22path8-3%22         style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E    %3C%2Fg%3E  %3C%2Fg%3E  %3Cg     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22     id%3D%22g18-4%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22%3E    %3Cg       id%3D%22g16-7%22       style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22%3E      %3Cpath         inkscape%3Aconnector-curvature%3D%220%22         d%3D%22m 387.919%2C207.93 c -4.795%2C-5.367 -13.034%2C-5.834 -18.404%2C-1.038 L 269.033%2C296.657 V 44.048 c 0%2C-7.197 -5.835%2C-13.034 -13.034%2C-13.034 -7.197%2C0 -13.034%2C5.835 -13.034%2C13.034 V 296.657 L 142.483%2C206.893 c -5.367%2C-4.796 -13.607%2C-4.328 -18.404%2C1.038 -4.794%2C5.369 -4.331%2C13.609 1.037%2C18.404 l 109.174%2C97.527 c 6.187%2C5.529 13.946%2C8.292 21.708%2C8.292 7.759%2C0 15.519%2C-2.763 21.708%2C-8.289 l 109.174%2C-97.53 c 5.37%2C-4.798 5.834%2C-13.038 1.039%2C-18.405 z%22         id%3D%22path14-9%22         style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E    %3C%2Fg%3E  %3C%2Fg%3E  %3Cg     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22     id%3D%22g20%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22     id%3D%22g22-9%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22     id%3D%22g24-3%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22     id%3D%22g26%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22     id%3D%22g28-4%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22     id%3D%22g30-2%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22     id%3D%22g32%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22     id%3D%22g34-2%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22     id%3D%22g36-1%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22     id%3D%22g38%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22     id%3D%22g40-6%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22     id%3D%22g42-4%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22     id%3D%22g44%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22     id%3D%22g46-7%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E  %3Cg     transform%3D%22matrix(0.05555739%2C0%2C0%2C0.05555739%2C10.739964%2C11.357401)%22     id%3D%22g48-3%22     style%3D%22fill%3A%23484f60%3Bfill-opacity%3A1%22 %2F%3E%3C%2Fsvg%3E\") no-repeat left 6px center / 36px auto!important}::ng-deep co-file-upload co-tile .tile-extra-bottom .main{padding:0!important}\n"]
+            },] }
+];
+ProductDocumentsComponent.ctorParameters = () => [
+    { type: IconCacheService }
+];
+ProductDocumentsComponent.propDecorators = {
+    showLabel: [{ type: Input }],
+    documents: [{ type: Input }]
 };
 
-class ProductDocumentModule {
-}
-ProductDocumentModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    HeaderModule,
-                    PipeModule,
-                    FilesUploadModule
-                ],
-                declarations: [
-                    ProductDocumentsComponent
-                ],
-                exports: [
-                    ProductDocumentsComponent
-                ]
-            },] }
+class ProductDocumentModule {
+}
+ProductDocumentModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    HeaderModule,
+                    PipeModule,
+                    FilesUploadModule
+                ],
+                declarations: [
+                    ProductDocumentsComponent
+                ],
+                exports: [
+                    ProductDocumentsComponent
+                ]
+            },] }
 ];
 
-class ProductSymbolsComponent {
-    constructor() {
-        this.symbolStrings = [];
-    }
-    set symbols(value) {
-        this._symbols = value;
-        if (this._symbols && this._symbols.hasOwnProperty('fontCode')) {
-            this._className = this._symbols['fontCode'] === 'VLOER' ? 'floor' : (this._className === 'WAS' ? 'ginetex' : '');
-        }
-        if (this._symbols && this._symbols.hasOwnProperty('symbolString')) {
-            for (let i = 0; i < this._symbols['symbolString'].length; i++) {
-                this.symbolStrings.push(this._symbols['symbolString'][i]);
-            }
-        }
-    }
-    get symbols() {
-        return this._symbols;
-    }
-    ngOnInit() {
-    }
-}
-ProductSymbolsComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'app-product-symbols',
+class ProductSymbolsComponent {
+    constructor() {
+        this.symbolStrings = [];
+    }
+    set symbols(value) {
+        this._symbols = value;
+        if (this._symbols && this._symbols.hasOwnProperty('fontCode')) {
+            this._className = this._symbols['fontCode'] === 'VLOER' ? 'floor' : (this._className === 'WAS' ? 'ginetex' : '');
+        }
+        if (this._symbols && this._symbols.hasOwnProperty('symbolString')) {
+            for (let i = 0; i < this._symbols['symbolString'].length; i++) {
+                this.symbolStrings.push(this._symbols['symbolString'][i]);
+            }
+        }
+    }
+    get symbols() {
+        return this._symbols;
+    }
+    ngOnInit() {
+    }
+}
+ProductSymbolsComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'app-product-symbols',
                 template: `
     <div *ngIf="symbols && symbols.length > 0">
       <app-header [label]="'SYMBOLS' | localize" [amount]="symbols?.length"></app-header>
@@ -2313,232 +2335,232 @@ ProductSymbolsComponent.decorators = [
         </co-tile>
       </co-scroll-container>
     </div>
-  `,
-                styles: [":host{display:block}:host.floor .symbol{font-family:iOneFloorsymbols}:host.ginetex .symbol{font-family:iOneGinetexsymbols}.symbol{font-size:100px}\n"]
-            },] }
-];
-ProductSymbolsComponent.ctorParameters = () => [];
-ProductSymbolsComponent.propDecorators = {
-    symbols: [{ type: Input }],
-    _className: [{ type: HostBinding, args: ['class',] }]
+  `,
+                styles: [":host{display:block}:host.floor .symbol{font-family:iOneFloorsymbols}:host.ginetex .symbol{font-family:iOneGinetexsymbols}.symbol{font-size:100px}\n"]
+            },] }
+];
+ProductSymbolsComponent.ctorParameters = () => [];
+ProductSymbolsComponent.propDecorators = {
+    symbols: [{ type: Input }],
+    _className: [{ type: HostBinding, args: ['class',] }]
 };
 
-class ProductSymbolsModule {
-}
-ProductSymbolsModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    HeaderModule,
-                    PipeModule,
-                    ScrollContainerModule,
-                    TileModule
-                ],
-                declarations: [
-                    ProductSymbolsComponent
-                ],
-                exports: [
-                    ProductSymbolsComponent
-                ]
-            },] }
+class ProductSymbolsModule {
+}
+ProductSymbolsModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    HeaderModule,
+                    PipeModule,
+                    ScrollContainerModule,
+                    TileModule
+                ],
+                declarations: [
+                    ProductSymbolsComponent
+                ],
+                exports: [
+                    ProductSymbolsComponent
+                ]
+            },] }
 ];
 
-class ProductInfoTabsModule {
-}
-ProductInfoTabsModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    PipeModule,
-                    ProductAdditionalInfoModule,
-                    ProductPropertiesModule,
-                    ProductDocumentModule,
-                    ProductSymbolsModule
-                ],
-                declarations: [
-                    ProductInfoTabsComponent
-                ],
-                exports: [
-                    ProductInfoTabsComponent
-                ]
-            },] }
+class ProductInfoTabsModule {
+}
+ProductInfoTabsModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    PipeModule,
+                    ProductAdditionalInfoModule,
+                    ProductPropertiesModule,
+                    ProductDocumentModule,
+                    ProductSymbolsModule
+                ],
+                declarations: [
+                    ProductInfoTabsComponent
+                ],
+                exports: [
+                    ProductInfoTabsComponent
+                ]
+            },] }
 ];
 
-class ProductPageModule {
-}
-ProductPageModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    ProductSelectorTypeModule,
-                    ImageCarouselModule,
-                    IconModule,
-                    ProductDescriptionModule,
-                    ProductAdditionalDescriptionModule,
-                    ProductPriceModule,
-                    ProductAddtocartModule,
-                    ProductRelatedModule,
-                    ProductStockModule,
-                    ProductDeliveryModule,
-                    ProductInfoTabsModule,
-                    PipeModule
-                ],
-                schemas: [CUSTOM_ELEMENTS_SCHEMA],
-                declarations: [
-                    ProductPageComponent
-                ],
-                exports: [
-                    ProductPageComponent
-                ]
-            },] }
+class ProductPageModule {
+}
+ProductPageModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    ProductSelectorTypeModule,
+                    ImageCarouselModule,
+                    IconModule,
+                    ProductDescriptionModule,
+                    ProductAdditionalDescriptionModule,
+                    ProductPriceModule,
+                    ProductAddtocartModule,
+                    ProductRelatedModule,
+                    ProductStockModule,
+                    ProductDeliveryModule,
+                    ProductInfoTabsModule,
+                    PipeModule
+                ],
+                schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                declarations: [
+                    ProductPageComponent
+                ],
+                exports: [
+                    ProductPageComponent
+                ]
+            },] }
 ];
 
-class IoneProductModule {
-}
-IoneProductModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    // BrowserAnimationsModule,
-                    CommonModule,
-                    ProductPageModule
-                ],
-                declarations: [
-                    IoneProductComponent
-                ],
-                exports: [
-                    IoneProductComponent
-                ],
-                bootstrap: [
-                    IoneProductComponent
-                ],
-                providers: [
-                    ProductSettingsService
-                ]
-            },] }
+class IoneProductModule {
+}
+IoneProductModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    // BrowserAnimationsModule,
+                    CommonModule,
+                    ProductPageModule
+                ],
+                declarations: [
+                    IoneProductComponent
+                ],
+                exports: [
+                    IoneProductComponent
+                ],
+                bootstrap: [
+                    IoneProductComponent
+                ],
+                providers: [
+                    ProductSettingsService
+                ]
+            },] }
 ];
 
-class ProductExternalSourceComponent {
-    constructor(_sanitizer, _productConnectorService, _appEventService) {
-        this._sanitizer = _sanitizer;
-        this._productConnectorService = _productConnectorService;
-        this._appEventService = _appEventService;
-        this.addToCart = new EventEmitter();
-        this.addToQuote = new EventEmitter();
-        this.alternativeClick = new EventEmitter();
-        this.showProduct = false;
-        this.loaded = false;
-        this.externalSettings = {};
-        this._subs = [];
-    }
-    set externalSource(value) {
-        this._externalSource = value;
-        this.loaded = false;
-        this._prepareExternalSource();
-    }
-    get externalSource() {
-        return this._externalSource;
-    }
-    showClass() {
-        return true;
-    }
-    ngOnInit() {
-        this._subs.push(this._appEventService.onAddToCart.subscribe(json => this.addToCart.next(json)), this._appEventService.onAddToQuote.subscribe(json => this.addToQuote.next(json)), this._appEventService.onAlternativeClick.subscribe(article => this.alternativeClick.next(article)));
-    }
-    ngOnDestroy() {
-        this._subs.forEach(s => s.unsubscribe());
-    }
-    _prepareExternalSource() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!this._externalSource) {
-                return;
-            }
-            this.externalUrl = undefined;
-            this.externalSettings = {};
-            if (this.externalSource.type === 'CATF') {
-                // get bundle settings from external source
-                const bundleSettings = yield this._productConnectorService.getProductBundleSettings(this.externalSource.url, parseInt(this.externalSource.schema, 0));
-                this.externalSettings = JSON.parse(bundleSettings);
-                if (this.options) {
-                    this.externalSettings.options = this.options;
-                }
-                // this.externalSettings.assetPath = "https://cdn1.colijn-it.nl/content43";
-                // this.externalSettings.threeDAssetPath = "https://cdn1.colijn-it.nl/content43";
-                if (this.externalSource.username && this.externalSource.password) {
-                    this.externalSettings.useLoginEncryption = true;
-                    this.externalSettings.username = this.externalSource.username;
-                    this.externalSettings.password = this.externalSource.password;
-                }
-                // finally show the catalog
-                this.showProduct = true;
-            }
-            else {
-                this.externalUrl = this.externalSource.url;
-                this.safeUrl = this._sanitizer.bypassSecurityTrustResourceUrl(this.externalUrl);
-                this.showProduct = false;
-            }
-            this.loaded = true;
-        });
-    }
-}
-ProductExternalSourceComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'co-product-external-source',
-                template: `
-        <ng-container *ngIf="loaded">
-            <ng-container *ngIf="showProduct">
-                <app-product-page
-                        [sku]="sku"
-                        [settings]="externalSettings"
-                ></app-product-page>
-            </ng-container>
-            <ng-container *ngIf="!showProduct">
-                <iframe width="100%" height="100%" [src]="safeUrl" frameborder="0" allowfullscreen></iframe>
-            </ng-container>
-        </ng-container>
-    `,
-                providers: [
-                    ProductEventService,
-                    ProductSettingsService,
-                    ProductConnectorAdapterService,
-                    ProductConnectorService
-                ],
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-ProductExternalSourceComponent.ctorParameters = () => [
-    { type: DomSanitizer },
-    { type: ProductConnectorService },
-    { type: ProductEventService }
-];
-ProductExternalSourceComponent.propDecorators = {
-    sku: [{ type: Input }],
-    externalSource: [{ type: Input }],
-    options: [{ type: Input }],
-    addToCart: [{ type: Output }],
-    addToQuote: [{ type: Output }],
-    alternativeClick: [{ type: Output }],
-    showClass: [{ type: HostBinding, args: ['class.co-product-external-source',] }]
+class ProductExternalSourceComponent {
+    constructor(_sanitizer, _productConnectorService, _appEventService) {
+        this._sanitizer = _sanitizer;
+        this._productConnectorService = _productConnectorService;
+        this._appEventService = _appEventService;
+        this.addToCart = new EventEmitter();
+        this.addToQuote = new EventEmitter();
+        this.alternativeClick = new EventEmitter();
+        this.showProduct = false;
+        this.loaded = false;
+        this.externalSettings = {};
+        this._subs = [];
+    }
+    set externalSource(value) {
+        this._externalSource = value;
+        this.loaded = false;
+        this._prepareExternalSource();
+    }
+    get externalSource() {
+        return this._externalSource;
+    }
+    showClass() {
+        return true;
+    }
+    ngOnInit() {
+        this._subs.push(this._appEventService.onAddToCart.subscribe(json => this.addToCart.next(json)), this._appEventService.onAddToQuote.subscribe(json => this.addToQuote.next(json)), this._appEventService.onAlternativeClick.subscribe(article => this.alternativeClick.next(article)));
+    }
+    ngOnDestroy() {
+        this._subs.forEach(s => s.unsubscribe());
+    }
+    _prepareExternalSource() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this._externalSource) {
+                return;
+            }
+            this.externalUrl = undefined;
+            this.externalSettings = {};
+            if (this.externalSource.type === 'CATF') {
+                // get bundle settings from external source
+                const bundleSettings = yield this._productConnectorService.getProductBundleSettings(this.externalSource.url, parseInt(this.externalSource.schema, 0));
+                this.externalSettings = JSON.parse(bundleSettings);
+                if (this.options) {
+                    this.externalSettings.options = this.options;
+                }
+                // this.externalSettings.assetPath = "https://cdn1.colijn-it.nl/content43";
+                // this.externalSettings.threeDAssetPath = "https://cdn1.colijn-it.nl/content43";
+                if (this.externalSource.username && this.externalSource.password) {
+                    this.externalSettings.useLoginEncryption = true;
+                    this.externalSettings.username = this.externalSource.username;
+                    this.externalSettings.password = this.externalSource.password;
+                }
+                // finally show the catalog
+                this.showProduct = true;
+            }
+            else {
+                this.externalUrl = this.externalSource.url;
+                this.safeUrl = this._sanitizer.bypassSecurityTrustResourceUrl(this.externalUrl);
+                this.showProduct = false;
+            }
+            this.loaded = true;
+        });
+    }
+}
+ProductExternalSourceComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'co-product-external-source',
+                template: `
+        <ng-container *ngIf="loaded">
+            <ng-container *ngIf="showProduct">
+                <app-product-page
+                        [sku]="sku"
+                        [settings]="externalSettings"
+                ></app-product-page>
+            </ng-container>
+            <ng-container *ngIf="!showProduct">
+                <iframe width="100%" height="100%" [src]="safeUrl" frameborder="0" allowfullscreen></iframe>
+            </ng-container>
+        </ng-container>
+    `,
+                providers: [
+                    ProductEventService,
+                    ProductSettingsService,
+                    ProductConnectorAdapterService,
+                    ProductConnectorService
+                ],
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+ProductExternalSourceComponent.ctorParameters = () => [
+    { type: DomSanitizer },
+    { type: ProductConnectorService },
+    { type: ProductEventService }
+];
+ProductExternalSourceComponent.propDecorators = {
+    sku: [{ type: Input }],
+    externalSource: [{ type: Input }],
+    options: [{ type: Input }],
+    addToCart: [{ type: Output }],
+    addToQuote: [{ type: Output }],
+    alternativeClick: [{ type: Output }],
+    showClass: [{ type: HostBinding, args: ['class.co-product-external-source',] }]
 };
 
-class ProductExternalSourceModule {
-}
-ProductExternalSourceModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    ProductPageModule
-                ],
-                declarations: [
-                    ProductExternalSourceComponent
-                ],
-                exports: [
-                    ProductExternalSourceComponent
-                ]
-            },] }
+class ProductExternalSourceModule {
+}
+ProductExternalSourceModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    ProductPageModule
+                ],
+                declarations: [
+                    ProductExternalSourceComponent
+                ],
+                exports: [
+                    ProductExternalSourceComponent
+                ]
+            },] }
 ];
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { IoneProductComponent, IoneProductModule, ProductConnectorAdapterService, ProductConnectorService, ProductEventService, ProductExternalSourceComponent, ProductExternalSourceModule, ProductSettingsService, Version, ProductPageModule as ɵa, ProductSelectorTypeModule as ɵb, ProductInfoTabsModule as ɵba, ProductAdditionalInfoModule as ɵbb, ProductAdditionalInfoComponent as ɵbc, ProductPropertiesModule as ɵbd, ProductPropertiesComponent as ɵbe, ProductDocumentModule as ɵbf, ProductDocumentsComponent as ɵbg, ProductSymbolsModule as ɵbh, ProductSymbolsComponent as ɵbi, ProductInfoTabsComponent as ɵbj, ProductPageComponent as ɵbk, PipeModule as ɵc, LocalizePipe as ɵd, DictionaryService as ɵe, JsonUtilsService as ɵf, ProductSelectorTypeComponent as ɵg, IconCacheService as ɵh, ImageCarouselModule as ɵi, ImageCarouselComponent as ɵj, ProductDescriptionModule as ɵk, ProductDescriptionComponent as ɵl, ProductAdditionalDescriptionModule as ɵm, ProductAdditionalDescriptionComponent as ɵn, ProductPriceModule as ɵo, ProductPriceComponent as ɵp, ProductAddtocartModule as ɵq, ProductAddtocartComponent as ɵr, ProductRelatedModule as ɵs, HeaderModule as ɵt, HeaderComponent as ɵu, ProductRelatedComponent as ɵv, ProductStockModule as ɵw, ProductStockComponent as ɵx, ProductDeliveryModule as ɵy, ProductDeliveryComponent as ɵz };