@colijnit/product 1.9.3 → 1.9.5

package/fesm2015/colijnit-product.js

@@ -1,16 +1,32 @@
 import { __decorate, __awaiter } from 'tslib';
 import { Input, Component, ɵɵdefineInjectable, Injectable, ɵɵinject, Output, Directive, ChangeDetectorRef, ViewChild, ElementRef, HostListener, HostBinding, Renderer2, SecurityContext, Pipe, EventEmitter, ViewEncapsulation, NgModule, CUSTOM_ELEMENTS_SCHEMA, APP_INITIALIZER } from '@angular/core';
 import { ButtonModule, IconModule, NumberPickerModule, InputTextModule, FilesUploadModule, LoaderModule, ScrollContainerModule, TileModule, LevelIndicatorModule, PriceDisplayPipeModule, ArticleTileModule } from '@colijnit/corecomponents';
-import { CoDocument } from '@colijnit//ioneconnector/build/model/co-document';
-import { Options } from '@colijnit//ioneconnector/build/model/options';
+import { CoDocument } from '@colijnit/mainapi/build/model/co-document';
 import { Subject, BehaviorSubject } from 'rxjs';
-import { Connector } from '@colijnit//ioneconnector';
+import { Options } from '@colijnit/ioneconnector/build/model/options';
+import { ArticleFullObject } from '@colijnit/articleapi/build/model/article-full-object';
+import { SuperArticle } from '@colijnit/articleapi/build/model/super-article';
+import { Articles } from '@colijnit/articleapi/build/articles';
+import { DeliveryPrognosis } from '@colijnit/articleapi/build/model/delivery-prognosis';
+import { DocumentContent } from '@colijnit/articleapi/build/model/document-content';
+import { BusinessObjectFactory } from '@colijnit/ioneconnector/build/service/business-object-factory';
 import { HttpClient } from '@angular/common/http';
-import { ConfiguratorStatisticsEnvironment } from '@colijnit/ioneconnector/build/model/configurator-statistics-environment';
+import { StringUtils } from '@colijnit/ioneconnector/build/utils/string-utils';
 import { DomSanitizer } from '@angular/platform-browser';
 import { trigger, state, style, transition, animate } from '@angular/animations';
+import { ConfiguratorStatisticsEnvironment } from '@colijnit/articleapi/build/model/configurator-statistics-environment';
 import { CommonModule } from '@angular/common';
 
+// 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 = "1.9.5";
+        this.publishDate = "21-6-2023 11:47:53";
+    }
+}
+
 let ProductDescriptionComponent = class ProductDescriptionComponent {
     constructor() { }
     ngOnInit() {
@@ -29,55 +45,120 @@ ProductDescriptionComponent = __decorate([
 
 // 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.
-let IOneConnectorAdapterService = class IOneConnectorAdapterService {
+let ProductConnectorAdapterService = class ProductConnectorAdapterService {
     constructor() {
         this.showLoader = new Subject();
+        this._boFactory = new BusinessObjectFactory();
     }
     ngOnDestroy() {
-        this.connector.showLoader.unsubscribe();
+        this.articleConnector.showLoader.unsubscribe();
     }
     initConnector(options) {
-        this.connector = new Connector(options);
-        options.session = this.connector.session;
-        this.connector.showLoader.subscribe(value => this.showLoader.next(value));
+        this.articleConnector = new Articles(options);
+        options.session = this.articleConnector.session;
+        this.articleConnector.showLoader.subscribe(value => this.showLoader.next(value));
     }
     setInstance(instanceId) {
-        this.connector.setInstanceToConfigure(instanceId, false);
-    }
-    getDeliveryPrognosis(goodId) {
-        return this.connector.getDeliveryPrognosisForArticle(goodId);
+        // this.articleConnector.setInstanceToConfigure(instanceId, false);
     }
-    getArticleGroupImages() {
-        return this.connector.getArticleGroupImages();
+    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;
+        });
     }
-    getTurnoverGroupImages() {
-        return this.connector.getTurnoverGroupImages();
+    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;
+            }
+        });
     }
-    getSuperArticleImages() {
-        return this.connector.getSuperArticleImages();
+    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 this.connector.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) {
-        return this.connector.getJsonArticleFlatTree(goodId);
+    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);
+        });
     }
-    getFullArticle(skuOrId) {
-        return this.connector.getFullArticle(skuOrId);
+    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;
+            }
+        });
     }
-    getSuperArticle(id) {
-        return this.connector.getSuperArticle(id);
+    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 this.connector.getDocumentContent(docId, thumbnail);
+        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;
+            }
+        });
     }
 };
-IOneConnectorAdapterService.ɵprov = ɵɵdefineInjectable({ factory: function IOneConnectorAdapterService_Factory() { return new IOneConnectorAdapterService(); }, token: IOneConnectorAdapterService, providedIn: "root" });
-IOneConnectorAdapterService = __decorate([
+ProductConnectorAdapterService.ɵprov = ɵɵdefineInjectable({ factory: function ProductConnectorAdapterService_Factory() { return new ProductConnectorAdapterService(); }, token: ProductConnectorAdapterService, providedIn: "root" });
+ProductConnectorAdapterService = __decorate([
     Injectable({
         providedIn: 'root'
     })
-], IOneConnectorAdapterService);
+], ProductConnectorAdapterService);
 
 let JsonUtilsService = class JsonUtilsService {
     readJsonFile(filePath) {
@@ -113,57 +194,6 @@ var LanguageCode;
     LanguageCode["French"] = "fr-FR";
 })(LanguageCode || (LanguageCode = {}));
 
-class StringUtils {
-    /**
-     * Returns a new string where given placeholder in given source string are replaced by given replacement texts.
-     *
-     * Example usage:
-     *
-     * source = "ABCDABCD"
-     * placeholder = "BC"
-     * replacementTexts = "Z", "Z" (REST arguments)
-     * OUTPUT = "AZDAZD"
-     *
-     * @param {string} source
-     * @param {string} placeholder
-     * @param {string} replacementTexts If only one is given, this function replaces all placeholders with that single replacementText.
-     * If more are given, placeholders without a corresponding replacementText will remain their original placeholder characters.
-     */
-    static ReplaceOccurrencesIn(source, placeholder, ...replacementTexts) {
-        // parameter guards
-        if (!(source)) {
-            return undefined;
-        }
-        if (!placeholder || replacementTexts.length === 0) {
-            return source;
-        }
-        let outString = source;
-        // one replacementText means replace for all
-        if (replacementTexts.length === 1) {
-            // "g" is the g flag to replace globally
-            outString = outString.replace(new RegExp(this._escapeRegExp(placeholder), "g"), replacementTexts[0]);
-        }
-        else {
-            // replace occurence i by replacementTexts[i], one at a time in loop (there might be a faster way..)
-            for (let i = 0, len = replacementTexts.length; i < len; i++) {
-                outString = outString.replace(placeholder, replacementTexts[i]);
-            }
-        }
-        return outString;
-    }
-    static IsString(str) {
-        return typeof str === 'string';
-    }
-    // Returns whether given str is a string and has a length > 0.
-    static IsStringWithLength(str) {
-        return str && StringUtils.IsString(str) && str.length > 0;
-    }
-    // Returns given string, escaped for use as string literal in regular expressions.
-    static _escapeRegExp(str) {
-        return str; // .replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^$\|]/g, "\\$&");
-    }
-}
-
 class Dictionary {
     constructor() {
         this.strings = {
@@ -355,7 +385,7 @@ class Settings {
     }
 }
 
-let SettingsService = class SettingsService {
+let ProductSettingsService = class ProductSettingsService {
     constructor(_jsonUtilsService, _dictionaryService) {
         this._jsonUtilsService = _jsonUtilsService;
         this._dictionaryService = _dictionaryService;
@@ -372,9 +402,11 @@ let SettingsService = class SettingsService {
             // see if there's a json file for application settings
             if (typeof settings === 'undefined') {
                 const jsonSettings = yield this._jsonUtilsService.readJsonFile('product-settings.json');
-                this.settings = Object.assign(new Settings(), jsonSettings);
-                this.settings.options = Object.assign(new SettingsOptions(), this.settings.options);
-                this.settingsFinished();
+                if (jsonSettings) {
+                    this.settings = Object.assign(new Settings(), jsonSettings);
+                    this.settings.options = Object.assign(new SettingsOptions(), this.settings.options);
+                    this.settingsFinished();
+                }
             }
             else {
                 this.settings = Object.assign(new Settings(), settings);
@@ -475,28 +507,28 @@ let SettingsService = class SettingsService {
         });
     }
 };
-SettingsService.ctorParameters = () => [
+ProductSettingsService.ctorParameters = () => [
     { type: JsonUtilsService },
     { type: DictionaryService }
 ];
-SettingsService = __decorate([
-    Injectable()
-], SettingsService);
+ProductSettingsService.ɵprov = ɵɵdefineInjectable({ factory: function ProductSettingsService_Factory() { return new ProductSettingsService(ɵɵinject(JsonUtilsService), ɵɵinject(DictionaryService)); }, token: ProductSettingsService, providedIn: "root" });
+ProductSettingsService = __decorate([
+    Injectable({
+        providedIn: 'root'
+    })
+], ProductSettingsService);
 
 // Holds all iONE backend related state and methods for a running HomeDecorator. To be used anywhere internally.
-let IOneControllerService = class IOneControllerService {
+let ProductConnectorService = class ProductConnectorService {
     constructor(connector, _settingsService) {
         this.connector = connector;
         this._settingsService = _settingsService;
         this.controllerInitialized = new BehaviorSubject(false);
         this._initializing = false;
         this._initialized = false;
-        this.defaultDevTestOptions = new Options();
+        this.connectorOptions = new Options();
         this.subs = [];
     }
-    get article() {
-        return this._article;
-    }
     get shouldShowLoader() {
         return this._shouldShowLoader;
     }
@@ -514,18 +546,20 @@ let IOneControllerService = class IOneControllerService {
                 if (!settings) {
                     throw Error('Settings are not defined!');
                 }
-                this.defaultDevTestOptions.url = settings.url;
-                this.defaultDevTestOptions.schema = settings.schema;
-                this.defaultDevTestOptions.version = settings.version;
-                this.defaultDevTestOptions.branch = settings.branch;
-                this.defaultDevTestOptions.username = settings.username;
-                this.defaultDevTestOptions.password = settings.password;
-                this.defaultDevTestOptions.currencyId = settings.currency;
-                this.defaultDevTestOptions.useGroups = settings.useGroups;
-                this.defaultDevTestOptions.useRenders = settings.useRenders;
-                this.defaultDevTestOptions.useLoginEncryption = settings.useEncryption;
-                this.connector.initConnector(this.defaultDevTestOptions);
-                this._settingsService.settings.session = this.defaultDevTestOptions.session;
+                this.connectorOptions.url = settings.url;
+                this.connectorOptions.schema = settings.schema;
+                this.connectorOptions.version = settings.version;
+                this.connectorOptions.branch = settings.branch;
+                this.connectorOptions.username = settings.username;
+                this.connectorOptions.password = settings.password;
+                this.connectorOptions.session = settings.session;
+                this.connectorOptions.currencyId = settings.currency;
+                this.connectorOptions.useGroups = settings.useGroups;
+                this.connectorOptions.useRenders = settings.useRenders;
+                this.connectorOptions.useLoginEncryption = settings.useEncryption;
+                this.connectorOptions.languageCode = settings.languageCode;
+                this.connector.initConnector(this.connectorOptions);
+                this._settingsService.settings.session = this.connectorOptions.session;
                 this.controllerInitialized.next(true);
                 this._initialized = true;
                 this._initializing = false;
@@ -538,8 +572,14 @@ let IOneControllerService = class IOneControllerService {
     setInstance(instanceId) {
         this.connector.setInstance(instanceId);
     }
-    getFullArticle(skuOrId) {
-        return this.connector.getFullArticle(skuOrId);
+    getFullArticle(sku) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const goodId = yield this.connector.getGoodIdFromArticleNr(sku);
+            if (goodId) {
+                return this.connector.getArticleFullObject(goodId);
+            }
+            return null;
+        });
     }
     getDocumentContent(docId, thumbnail = true) {
         return this.connector.getDocumentContent(docId, thumbnail);
@@ -547,49 +587,36 @@ let IOneControllerService = class IOneControllerService {
     getDeliveryPrognosis(goodId) {
         return this.connector.getDeliveryPrognosis(goodId);
     }
-    // will be called in future
-    getArticleGroupImages() {
-        return this.connector.getArticleGroupImages();
-    }
-    getTurnoverGroupImages() {
-        return this.connector.getTurnoverGroupImages();
+    getSelectorDeliveryDate() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return this.connector.getSelectorDeliveryDate();
+        });
     }
-    // will be called in future
-    getSuperArticleImages() {
-        return this.connector.getSuperArticleImages();
+    getDeliveryDate2(goodId) {
+        return this.connector.getDeliveryDate2(goodId);
     }
     getSuperArticle(id) {
         return this.connector.getSuperArticle(id);
     }
-    getJsonConfiguredArticles() {
-        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 this.connector.getJsonConfiguredArticles(configuratorStatistics);
-    }
-    getJsonArticleFlatTree(goodId) {
-        return this.connector.getJsonArticleFlatTree(goodId);
+    getJsonArticleFlatTree(goodId, goodType, quantity, showLoader = true, instanceId, configuratorStatistics) {
+        return this.connector.getJsonArticleFlatTree(goodId, goodType, quantity, showLoader, instanceId, configuratorStatistics);
     }
     onShowLoaderChange(showLoader) {
         this._shouldShowLoader = showLoader;
     }
 };
-IOneControllerService.ctorParameters = () => [
-    { type: IOneConnectorAdapterService },
-    { type: SettingsService }
+ProductConnectorService.ctorParameters = () => [
+    { type: ProductConnectorAdapterService },
+    { type: ProductSettingsService }
 ];
-IOneControllerService.ɵprov = ɵɵdefineInjectable({ factory: function IOneControllerService_Factory() { return new IOneControllerService(ɵɵinject(IOneConnectorAdapterService), ɵɵinject(SettingsService)); }, token: IOneControllerService, providedIn: "root" });
-IOneControllerService = __decorate([
+ProductConnectorService.ɵprov = ɵɵdefineInjectable({ factory: function ProductConnectorService_Factory() { return new ProductConnectorService(ɵɵinject(ProductConnectorAdapterService), ɵɵinject(ProductSettingsService)); }, token: ProductConnectorService, providedIn: "root" });
+ProductConnectorService = __decorate([
     Injectable({
         providedIn: 'root'
     })
-], IOneControllerService);
+], ProductConnectorService);
 
-let AppEventService = class AppEventService {
+let ProductEventService = class ProductEventService {
     constructor() {
         this.onAddToCart = new Subject();
         this.onAlternativeClick = new Subject();
@@ -605,25 +632,25 @@ let AppEventService = class AppEventService {
         this.onUpdateProductInfoTab = new Subject();
     }
 };
-AppEventService.ɵprov = ɵɵdefineInjectable({ factory: function AppEventService_Factory() { return new AppEventService(); }, token: AppEventService, providedIn: "root" });
+ProductEventService.ɵprov = ɵɵdefineInjectable({ factory: function ProductEventService_Factory() { return new ProductEventService(); }, token: ProductEventService, providedIn: "root" });
 __decorate([
     Output()
-], AppEventService.prototype, "onAddToCart", void 0);
+], ProductEventService.prototype, "onAddToCart", void 0);
 __decorate([
     Output()
-], AppEventService.prototype, "onAlternativeClick", void 0);
+], ProductEventService.prototype, "onAlternativeClick", void 0);
 __decorate([
     Output()
-], AppEventService.prototype, "onAddToQuote", void 0);
+], ProductEventService.prototype, "onAddToQuote", void 0);
 __decorate([
     Output()
-], AppEventService.prototype, "onForceRenderImage", void 0);
-AppEventService = __decorate([
+], ProductEventService.prototype, "onForceRenderImage", void 0);
+ProductEventService = __decorate([
     Directive(),
     Injectable({
         providedIn: 'root'
     })
-], AppEventService);
+], ProductEventService);
 
 /** AUTO GENERATED FILE. DO NOT CHANGE.. **/
 var IconEnum;
@@ -788,8 +815,10 @@ let ImageCarouselComponent = class ImageCarouselComponent {
         if (this._images) {
             this._images.forEach((i) => {
                 if (!i.documentBody && !i.filePath) {
-                    this._ione.getDocumentContent(i.documentId, false).then((body) => {
-                        i.documentBody = body;
+                    this._ione.getDocumentContent(i.documentId, false).then((content) => {
+                        if (content) {
+                            i.documentBody = content.documentContent;
+                        }
                     });
                 }
             });
@@ -809,8 +838,8 @@ let ImageCarouselComponent = class ImageCarouselComponent {
     }
 };
 ImageCarouselComponent.ctorParameters = () => [
-    { type: IOneControllerService },
-    { type: AppEventService },
+    { type: ProductConnectorService },
+    { type: ProductEventService },
     { type: ChangeDetectorRef },
     { type: DomSanitizer },
     { type: IconCacheService }
@@ -874,12 +903,15 @@ let ProductPageComponent = class ProductPageComponent {
         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.settingsLoaded = loaded;
         }));
     }
     set sku(value) {
@@ -958,11 +990,11 @@ let ProductPageComponent = class ProductPageComponent {
                         if (this.configurable) {
                             this.currentView = SelectorType.TwoD;
                         }
-                        this.threeD = this.article.homeBrandId !== undefined && this.article.homeBrandId !== null;
+                        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(stockAndDelivery.stock, stockAndDelivery.deliveryDescription);
+                            this.stockAndDelivery = new StockAndDelivery(0, stockAndDelivery.returnValue ? stockAndDelivery.returnValue : ' ');
                             this._changeDetector.detectChanges();
                         });
                         this._changeDetector.detectChanges();
@@ -973,12 +1005,12 @@ let ProductPageComponent = class ProductPageComponent {
     }
 };
 ProductPageComponent.ctorParameters = () => [
-    { type: IOneControllerService },
+    { type: ProductConnectorService },
     { type: Renderer2 },
     { type: ChangeDetectorRef },
     { type: IconCacheService },
-    { type: SettingsService },
-    { type: AppEventService }
+    { type: ProductSettingsService },
+    { type: ProductEventService }
 ];
 __decorate([
     ViewChild('configurator', { read: ElementRef })
@@ -995,7 +1027,7 @@ __decorate([
 ProductPageComponent = __decorate([
     Component({
         selector: 'app-product-page',
-        template: "<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          <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          <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          <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]=\"settingsService.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        </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                                 [configuring]=\"configuring\"\r\n                                 [article]=\"article\"\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                                 (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\" [stockAndDelivery]=\"stockAndDelivery\"></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",
+        template: "<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]=\"settingsService.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                                 [configuring]=\"configuring\"\r\n                                 [article]=\"article\"\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                                 (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\" [stockAndDelivery]=\"stockAndDelivery\"></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",
         animations: [
             trigger('toggleFullScreen', [
                 state('fullscreen', style({ 'position': 'fixed', 'top': '0', 'left': '0', 'width': '100%', 'height': '100%' })),
@@ -1090,14 +1122,18 @@ let ProductRelatedComponent = class ProductRelatedComponent {
     _loadImages() {
         this._articles.forEach((a) => {
             if (!a.image.documentBody) {
-                this._iOne.getDocumentContent(a.image.documentId).then(d => a.image.documentBody = d);
+                this._iOne.getDocumentContent(a.image.documentId).then((content) => {
+                    if (content) {
+                        a.image.documentBody = content.documentContent;
+                    }
+                });
             }
         });
     }
 };
 ProductRelatedComponent.ctorParameters = () => [
-    { type: IOneControllerService },
-    { type: AppEventService }
+    { type: ProductConnectorService },
+    { type: ProductEventService }
 ];
 __decorate([
     Input()
@@ -1172,7 +1208,7 @@ ProductInfoComponent = __decorate([
     })
 ], ProductInfoComponent);
 
-let ModuleService = class ModuleService {
+let ProductModuleService = class ProductModuleService {
     constructor(_iOneConnectorService) {
         this._iOneConnectorService = _iOneConnectorService;
         this._superArticles = new Map();
@@ -1195,15 +1231,15 @@ let ModuleService = class ModuleService {
         });
     }
 };
-ModuleService.ctorParameters = () => [
-    { type: IOneControllerService }
+ProductModuleService.ctorParameters = () => [
+    { type: ProductConnectorService }
 ];
-ModuleService.ɵprov = ɵɵdefineInjectable({ factory: function ModuleService_Factory() { return new ModuleService(ɵɵinject(IOneControllerService)); }, token: ModuleService, providedIn: "root" });
-ModuleService = __decorate([
+ProductModuleService.ɵprov = ɵɵdefineInjectable({ factory: function ProductModuleService_Factory() { return new ProductModuleService(ɵɵinject(ProductConnectorService)); }, token: ProductModuleService, providedIn: "root" });
+ProductModuleService = __decorate([
     Injectable({
         providedIn: 'root'
     })
-], ModuleService);
+], ProductModuleService);
 
 class BitUtils {
     static IsShortDescription(bit) {
@@ -1299,7 +1335,7 @@ let ProductAdditionalInfoComponent = class ProductAdditionalInfoComponent {
 };
 ProductAdditionalInfoComponent.ctorParameters = () => [
     { type: DomSanitizer },
-    { type: ModuleService },
+    { type: ProductModuleService },
     { type: ChangeDetectorRef }
 ];
 __decorate([
@@ -1415,7 +1451,7 @@ let ProductDeliveryComponent = class ProductDeliveryComponent {
 };
 ProductDeliveryComponent.ctorParameters = () => [
     { type: LocalizePipe },
-    { type: IOneControllerService },
+    { type: ProductConnectorService },
     { type: IconCacheService }
 ];
 __decorate([
@@ -1424,7 +1460,7 @@ __decorate([
 ProductDeliveryComponent = __decorate([
     Component({
         selector: 'app-product-delivery',
-        template: "<!--<app-header [label]=\"'DELIVERY_TIME_PERIOD' | localize\"></app-header>-->\n<div class=\"product-delivery-wrapper\">\n  <co-icon class=\"delivery-icon\" [iconData]=\"iconData\"></co-icon>\n  <div class=\"product-delivery-fields\">\n    <div class=\"pp-default-label\" [textContent]=\"'DELIVERY_TIME_PERIOD' | localize\"></div>\n    <div class=\"pp-default-description\" [textContent]=\"deliveryDescription\"></div>\n  </div>\n</div>\n",
+        template: "<!--<app-header [label]=\"'DELIVERY_TIME_PERIOD' | localize\"></app-header>-->\n<div class=\"product-delivery-wrapper\">\n  <co-icon class=\"delivery-icon\" [iconData]=\"iconData\"></co-icon>\n  <div class=\"product-delivery-fields\">\n    <div class=\"pp-default-label\" [textContent]=\"'DELIVERY_TIME_PERIOD' | localize\"></div>\n    <div class=\"pp-default-description\" [textContent]=\"deliveryDescription | date:'dd MMMM yyyy'\"></div>\n  </div>\n</div>\n",
         providers: [LocalizePipe],
         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}}"]
     })
@@ -1446,7 +1482,7 @@ let ProductStockComponent = class ProductStockComponent {
     }
 };
 ProductStockComponent.ctorParameters = () => [
-    { type: IOneControllerService },
+    { type: ProductConnectorService },
     { type: IconCacheService }
 ];
 __decorate([
@@ -1558,10 +1594,11 @@ ProductPriceComponent = __decorate([
 ], ProductPriceComponent);
 
 let ProductAddtocartComponent = class ProductAddtocartComponent {
-    constructor(iconCache, _ioneControllerService, _appEventService) {
+    constructor(iconCache, _ioneControllerService, _appEventService, _settingsService) {
         this.iconCache = iconCache;
         this._ioneControllerService = _ioneControllerService;
         this._appEventService = _appEventService;
+        this._settingsService = _settingsService;
         this.icon = IconEnum;
         this.configurable = false;
         this.configuring = false;
@@ -1595,35 +1632,22 @@ let ProductAddtocartComponent = class ProductAddtocartComponent {
     }
     _getJSONFromArticleObject(article) {
         return __awaiter(this, void 0, void 0, function* () {
-            const returnObject = { goodId: 0, baseGoodId: 0, selectorData: {}, quantity: 0, articleTree: {} };
-            returnObject.baseGoodId = article.article.goodId;
-            returnObject.selectorData = {};
-            returnObject.quantity = article.quantity;
-            if (article.article.goodType === 'B') {
-                const selectorDataJson = yield this._ioneControllerService.getJsonConfiguredArticles();
-                const selectorDataObject = JSON.parse(selectorDataJson);
-                returnObject.goodId = selectorDataObject.hasOwnProperty('compositionGoodId') ? selectorDataObject['compositionGoodId'] : selectorDataObject['goodId'];
-                returnObject.selectorData = selectorDataObject;
-                const articleFlatTreeJson = yield this._ioneControllerService.getJsonArticleFlatTree(returnObject.goodId);
-                if (articleFlatTreeJson) {
-                    returnObject.articleTree = JSON.parse(articleFlatTreeJson);
-                }
-            }
-            else { // treat as simple article
-                returnObject.goodId = article.article.goodId;
-                const articleFlatTreeJson = yield this._ioneControllerService.getJsonArticleFlatTree(returnObject.goodId);
-                if (articleFlatTreeJson) {
-                    returnObject.articleTree = JSON.parse(articleFlatTreeJson);
-                }
-            }
-            return JSON.stringify(returnObject);
+            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, undefined, configuratorStatistics);
         });
     }
 };
 ProductAddtocartComponent.ctorParameters = () => [
     { type: IconCacheService },
-    { type: IOneControllerService },
-    { type: AppEventService }
+    { type: ProductConnectorService },
+    { type: ProductEventService },
+    { type: ProductSettingsService }
 ];
 __decorate([
     ViewChild('addtocartbutton', { read: ElementRef })
@@ -1715,6 +1739,10 @@ let IoneProductComponent = class IoneProductComponent {
         // this.sku = 'CF-39904ANT';
         // this.sku = 'CF-22346001';
         // this.sku = '104';
+        // this.sku = '1000561986';
+        // this.sku = '1000234793';
+        // this.sku = '1066';
+        // this.sku = '104';
         this._dictionary = _dictionary;
         this._jsonUtils = _jsonUtils;
         this._ione = _ione;
@@ -1780,10 +1808,10 @@ let IoneProductComponent = class IoneProductComponent {
 IoneProductComponent.ctorParameters = () => [
     { type: DictionaryService },
     { type: JsonUtilsService },
-    { type: IOneControllerService },
+    { type: ProductConnectorService },
     { type: ChangeDetectorRef },
-    { type: AppEventService },
-    { type: SettingsService }
+    { type: ProductEventService },
+    { type: ProductSettingsService }
 ];
 __decorate([
     Input()
@@ -1856,7 +1884,7 @@ let ProductAdditionalDescriptionComponent = class ProductAdditionalDescriptionCo
     }
 };
 ProductAdditionalDescriptionComponent.ctorParameters = () => [
-    { type: AppEventService }
+    { type: ProductEventService }
 ];
 __decorate([
     Input()
@@ -1913,7 +1941,7 @@ let ProductInfoTabsComponent = class ProductInfoTabsComponent {
     }
 };
 ProductInfoTabsComponent.ctorParameters = () => [
-    { type: AppEventService }
+    { type: ProductEventService }
 ];
 __decorate([
     ViewChild('tabContent')
@@ -1929,7 +1957,7 @@ ProductInfoTabsComponent = __decorate([
     })
 ], ProductInfoTabsComponent);
 
-let AppInitializerService = class AppInitializerService {
+let ProductInitializerService = class ProductInitializerService {
     constructor(_settingsService) {
         this._settingsService = _settingsService;
     }
@@ -1939,15 +1967,15 @@ let AppInitializerService = class AppInitializerService {
         });
     }
 };
-AppInitializerService.ctorParameters = () => [
-    { type: SettingsService }
+ProductInitializerService.ctorParameters = () => [
+    { type: ProductSettingsService }
 ];
-AppInitializerService.ɵprov = ɵɵdefineInjectable({ factory: function AppInitializerService_Factory() { return new AppInitializerService(ɵɵinject(SettingsService)); }, token: AppInitializerService, providedIn: "root" });
-AppInitializerService = __decorate([
+ProductInitializerService.ɵprov = ɵɵdefineInjectable({ factory: function ProductInitializerService_Factory() { return new ProductInitializerService(ɵɵinject(ProductSettingsService)); }, token: ProductInitializerService, providedIn: "root" });
+ProductInitializerService = __decorate([
     Injectable({
         providedIn: 'root',
     })
-], AppInitializerService);
+], ProductInitializerService);
 
 function initializeApp(context) {
     const x = () => context.initializeApp();
@@ -1998,14 +2026,14 @@ IoneProductModule = __decorate([
             IoneProductComponent
         ],
         providers: [
-            SettingsService,
-            IOneControllerService,
-            IOneConnectorAdapterService,
+            ProductSettingsService,
+            ProductConnectorService,
+            ProductConnectorAdapterService,
             IconCacheService,
             {
                 provide: APP_INITIALIZER,
                 useFactory: initializeApp,
-                deps: [AppInitializerService],
+                deps: [ProductInitializerService],
                 multi: true
             }
         ],
@@ -2020,5 +2048,5 @@ IoneProductModule = __decorate([
  * Generated bundle index. Do not edit.
  */
 
-export { IoneProductModule, initializeApp, IoneProductComponent as ɵa, DictionaryService as ɵb, ProductAdditionalDescriptionComponent as ɵba, AppInitializerService as ɵbb, JsonUtilsService as ɵc, IOneControllerService as ɵd, IOneConnectorAdapterService as ɵe, SettingsService as ɵf, AppEventService as ɵg, ProductPageComponent as ɵh, IconCacheService as ɵi, ImageCarouselComponent as ɵj, ProductDescriptionComponent as ɵk, ProductDocumentsComponent as ɵl, ProductRelatedComponent as ɵm, HeaderComponent as ɵn, ProductInfoComponent as ɵo, ProductAdditionalInfoComponent as ɵp, ModuleService as ɵq, ProductPropertiesComponent as ɵr, ProductDeliveryComponent as ɵs, LocalizePipe as ɵt, ProductStockComponent as ɵu, ProductSymbolsComponent as ɵv, ProductPriceComponent as ɵw, ProductAddtocartComponent as ɵx, ProductInfoTabsComponent as ɵy, ProductSelectorTypeComponent as ɵz };
+export { IoneProductModule, Version, initializeApp, IoneProductComponent as ɵa, DictionaryService as ɵb, ProductAdditionalDescriptionComponent as ɵba, ProductInitializerService as ɵbb, JsonUtilsService as ɵc, ProductConnectorService as ɵd, ProductConnectorAdapterService as ɵe, ProductSettingsService as ɵf, ProductEventService as ɵg, ProductPageComponent as ɵh, IconCacheService as ɵi, ImageCarouselComponent as ɵj, ProductDescriptionComponent as ɵk, ProductDocumentsComponent as ɵl, ProductRelatedComponent as ɵm, HeaderComponent as ɵn, ProductInfoComponent as ɵo, ProductAdditionalInfoComponent as ɵp, ProductModuleService as ɵq, ProductPropertiesComponent as ɵr, ProductDeliveryComponent as ɵs, LocalizePipe as ɵt, ProductStockComponent as ɵu, ProductSymbolsComponent as ɵv, ProductPriceComponent as ɵw, ProductAddtocartComponent as ɵx, ProductInfoTabsComponent as ɵy, ProductSelectorTypeComponent as ɵz };
 //# sourceMappingURL=colijnit-product.js.map