@colijnit/product 258.1.4 → 258.1.5

package/fesm2015/colijnit-product.js

@@ -2,9 +2,6 @@ import * as i0 from '@angular/core';
 import { Directive, Injectable, EventEmitter, Component, ViewEncapsulation, Input, Output, Renderer2, ChangeDetectorRef, ViewChild, ElementRef, Pipe, NgModule, ChangeDetectionStrategy, HostListener, HostBinding, SecurityContext, CUSTOM_ELEMENTS_SCHEMA, Inject, PLATFORM_ID, NO_ERRORS_SCHEMA } from '@angular/core';
 import { __awaiter } from 'tslib';
 import { Subject, BehaviorSubject } from 'rxjs';
-import * as i1 from '@angular/common/http';
-import { HttpClient } from '@angular/common/http';
-import { StringUtils } from '@colijnit/ioneconnector/build/utils/string-utils';
 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';
@@ -16,6 +13,9 @@ import { Transaction } from '@colijnit/transactionapi/build/transaction';
 import { MainApi } from '@colijnit/mainapi';
 import { TransactionInfoResponse } from '@colijnit/transactionapi/build/model/transaction-info-response.bo';
 import { ArticleListObjectExtended } from '@colijnit/articleapi/build/model/article-list-object-extended.bo';
+import * as i1 from '@angular/common/http';
+import { HttpClient } from '@angular/common/http';
+import { StringUtils } from '@colijnit/ioneconnector/build/utils/string-utils';
 import { CommonModule, isPlatformBrowser } from '@angular/common';
 import { trigger, state, style, transition, animate } from '@angular/animations';
 import * as i1$1 from '@angular/platform-browser';
@@ -30,8 +30,48 @@ class Version {
     constructor() {
         this.name = "@colijnit/product";
         this.description = "Product detail page project for iOne";
-        this.symVer = "258.1.4";
-        this.publishDate = "23-6-2025 16:38:29";
+        this.symVer = "258.1.5";
+        this.publishDate = "9-7-2025 14:07:55";
+    }
+}
+
+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";
+})(RenderModes || (RenderModes = {}));
+
+class RenderParameters$1 {
+    constructor() {
+        this.host = "";
+        this.port = 0;
+        this.secure = false;
+        this.renderMode = RenderModes.RenderShop;
+    }
+}
+
+class ProductSettings extends Options {
+    constructor() {
+        super(...arguments);
+        this.session = undefined;
+        this.createWebOrder = true;
+        this.currencySymbol = '€';
+        this.options = new SettingsOptions();
+        this.renderParameters = new RenderParameters$1();
     }
 }
 
@@ -60,6 +100,172 @@ ProductEventService.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(_eventService) {
+        this._eventService = _eventService;
+        this.showLoader = new Subject();
+        this._boFactory = new BusinessObjectFactory();
+        this._subs = [];
+    }
+    ngOnDestroy() {
+        this._subs.forEach(s => s.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._subs.push(
+            // @ts-ignore
+            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(ArticleListObjectExtended, 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, externalSource = false, showLoader = true, instanceId, configuratorStatistics) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return this.articleConnector.getJsonArticleFlatTree(goodId, goodType, quantity, externalSource, showLoader, instanceId, configuratorStatistics).catch((messages) => {
+                this._eventService.errorMessage.next(messages);
+                return null;
+            });
+        });
+    }
+    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, showLoader = true) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield this.articleConnector.getArticleFullObject(goodId, showLoader);
+            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 = () => [
+    { type: ProductEventService }
+];
+
 class JsonUtilsService {
     readJsonFile(filePath) {
         return __awaiter(this, void 0, void 0, function* () {
@@ -280,46 +486,6 @@ DictionaryService.ctorParameters = () => [
     { type: JsonUtilsService }
 ];
 
-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";
-})(RenderModes || (RenderModes = {}));
-
-class RenderParameters$1 {
-    constructor() {
-        this.host = "";
-        this.port = 0;
-        this.secure = false;
-        this.renderMode = RenderModes.RenderShop;
-    }
-}
-
-class ProductSettings extends Options {
-    constructor() {
-        super(...arguments);
-        this.session = undefined;
-        this.createWebOrder = true;
-        this.currencySymbol = '€';
-        this.options = new SettingsOptions();
-        this.renderParameters = new RenderParameters$1();
-    }
-}
-
 class ProductSettingsService {
     constructor(_jsonUtilsService, _dictionaryService) {
         this._jsonUtilsService = _jsonUtilsService;
@@ -399,180 +565,6 @@ ProductSettingsService.ctorParameters = () => [
     { type: DictionaryService }
 ];
 
-// 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(_eventService) {
-        this._eventService = _eventService;
-        this.showLoader = new Subject();
-        this._boFactory = new BusinessObjectFactory();
-        this._subs = [];
-    }
-    ngOnDestroy() {
-        this._subs.forEach(s => s.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._subs.push(
-            // @ts-ignore
-            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(ArticleListObjectExtended, 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, externalSource = false, showLoader = true, instanceId, configuratorStatistics) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return this.articleConnector.getJsonArticleFlatTree(goodId, goodType, quantity, externalSource, showLoader, instanceId, configuratorStatistics).catch((messages) => {
-                this._eventService.errorMessage.next(messages);
-                return null;
-            });
-        });
-    }
-    getGeneratedArtDirectly(goodId, showLoader) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return this.articleConnector.getGeneratedArtDirectly(goodId, showLoader).catch((messages) => {
-                this._eventService.errorMessage.next(messages);
-                return null;
-            });
-        });
-    }
-    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, showLoader = true) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this.articleConnector.getArticleFullObject(goodId, showLoader);
-            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 = () => [
-    { type: ProductEventService }
-];
-
 // Holds all iONE backend related state and methods for a running HomeDecorator. To be used anywhere internally.
 class ProductConnectorService {
     constructor(_adapterService, _settingsService) {
@@ -656,9 +648,6 @@ class ProductConnectorService {
     getJsonArticleFlatTree(goodId, goodType, quantity, externalSource = false, showLoader = true, configuratorStatistics) {
         return this._adapterService.getJsonArticleFlatTree(goodId, goodType, quantity, externalSource, showLoader, this._instanceId, configuratorStatistics);
     }
-    getGeneratedArtDirectly(goodId, showLoader = true) {
-        return this._adapterService.getGeneratedArtDirectly(goodId, showLoader);
-    }
     addWebSessionTransactionLine(transactionUuid, sku, quantity) {
         return __awaiter(this, void 0, void 0, function* () {
             return yield this._adapterService.addWebSessionTransactionLine(transactionUuid, sku, quantity);
@@ -676,8 +665,43 @@ ProductConnectorService.ctorParameters = () => [
     { type: ProductSettingsService }
 ];
 
+class RootStorageObject {
+}
+class LocalStorageService {
+    constructor() {
+        this.storage = localStorage;
+        this._appRoot = "web-order";
+        this._storageObj = new RootStorageObject();
+        this._initLocalStorageObj();
+    }
+    save() {
+        this.storage.setItem(this._appRoot, JSON.stringify(this._storageObj));
+    }
+    clear() {
+        this.storage.clear();
+    }
+    set id(id) {
+        this._storageObj.id = id;
+        this.save();
+    }
+    get id() {
+        return this._storageObj ? this._storageObj.id : "";
+    }
+    _initLocalStorageObj() {
+        this._storageObj = JSON.parse(this.storage.getItem(this._appRoot)) || this._storageObj;
+        this.save();
+    }
+}
+LocalStorageService.ɵprov = i0.ɵɵdefineInjectable({ factory: function LocalStorageService_Factory() { return new LocalStorageService(); }, token: LocalStorageService, providedIn: "root" });
+LocalStorageService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
+LocalStorageService.ctorParameters = () => [];
+
 class IoneProductComponent {
-    constructor(_appEventService, _settingsService) {
+    constructor(_appEventService, _settingsService, _productConnectorService, _localStorageService) {
         // this.sku = 'CF-HILL';
         // this.sku = 'CF-ALMADA';
         // this.sku = 'CF-39904ANT';
@@ -695,8 +719,11 @@ class IoneProductComponent {
         // this.sku = "1000612725";
         this._appEventService = _appEventService;
         this._settingsService = _settingsService;
+        this._productConnectorService = _productConnectorService;
+        this._localStorageService = _localStorageService;
         this.enableRenderCarousel = false;
         this.handleAddArticleInternally = true;
+        this.handleAddToCartInternally = false;
         this.onAddToCart = new EventEmitter();
         this.forceRenderImage = new EventEmitter();
         this.getRenderForRenderCarousel = new EventEmitter();
@@ -748,7 +775,31 @@ class IoneProductComponent {
     }
     _handleAddToCart(data) {
         return __awaiter(this, void 0, void 0, function* () {
-            this.onAddToCart.emit(data);
+            if (this.handleAddToCartInternally) {
+                if (data && data.article) {
+                    if (typeof data.article === 'string') {
+                        const article = JSON.parse(data.article);
+                        if (article.selectorData && article.selectorData.compositions) { // configured (frozen) article
+                            const transactionId = yield this._productConnectorService.addWebSessionTransactionLine(this._localStorageService.id, article.selectorData.compositions[0].compositionArticleNo, data.quantity);
+                            if (transactionId) {
+                                this._localStorageService.id = transactionId;
+                            }
+                        }
+                    }
+                    else { // flat (simple) article
+                        if (data.article.hasOwnProperty('articleNr')) {
+                            const transactionId = yield this._productConnectorService.addWebSessionTransactionLine(this._localStorageService.id, data.article['articleNr'], data.quantity);
+                            if (transactionId) {
+                                this._localStorageService.id = transactionId;
+                            }
+                        }
+                    }
+                    this.onAddToCart.next(data);
+                }
+            }
+            else {
+                this.onAddToCart.emit(data);
+            }
         });
     }
     openStock() {
@@ -782,7 +833,9 @@ IoneProductComponent.decorators = [
 ];
 IoneProductComponent.ctorParameters = () => [
     { type: ProductEventService },
-    { type: ProductSettingsService }
+    { type: ProductSettingsService },
+    { type: ProductConnectorService },
+    { type: LocalStorageService }
 ];
 IoneProductComponent.propDecorators = {
     sku: [{ type: Input }],
@@ -791,6 +844,7 @@ IoneProductComponent.propDecorators = {
     enableRenderCarousel: [{ type: Input }],
     settings: [{ type: Input }],
     handleAddArticleInternally: [{ type: Input }],
+    handleAddToCartInternally: [{ type: Input }],
     onAddToCart: [{ type: Output }],
     forceRenderImage: [{ type: Output }],
     getRenderForRenderCarousel: [{ type: Output }],
@@ -1040,8 +1094,7 @@ class ProductPageComponent {
                     this._ione.getFullArticle(this._sku).then((article) => {
                         this.article = article;
                         if (this.article) {
-                            this.configurable = this.article.goodType === 'B' && (this.article.isConfigurable || this.article.isConfigurable === undefined);
-                            // this.configurable = this.article.goodType === 'B';
+                            this.configurable = this.article.goodType === 'B';
                             if (this.configurable) {
                                 this.showAddToCart = false;
                                 this.currentView = SelectorType.TwoD;
@@ -1074,7 +1127,7 @@ class ProductPageComponent {
 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\r\n            <app-image-carousel\r\n              *ngIf=\"!enableRenderCarousel\"\r\n              [@toggleVisibilityByState]=\"show2D ? 'show' : 'hide'\"\r\n              [images]=\"article?.images\"\r\n              [showRefresh]=\"configurable && threeD\">\r\n            </app-image-carousel>\r\n\r\n            <app-render-carousel\r\n              *ngIf=\"enableRenderCarousel\"\r\n              [@toggleVisibilityByState]=\"show2D ? 'show' : 'hide'\"\r\n              [article]=\"article\">\r\n            </app-render-carousel>\r\n\r\n            <ng-container *ngIf=\"settingsLoaded && this.configurable\">\r\n              <threed-configurator\r\n                #configurator\r\n                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\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\"\r\n                                 [class.show-selections]=\"configuring\"\r\n                                 [@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                                 (onAnswersAvailable)=\"appEventService.onAnswersAvailable.next($event.detail)\"\r\n                                 (onReadyToRender)=\"appEventService.onReadyToRender.next($event.detail)\"\r\n                                 (onRenderImageReceived)=\"appEventService.onRenderImageReceived.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              [showAddToCart]=\"showAddToCart\"\r\n              [article]=\"article\"\r\n              [externalSource]=\"externalSource\"\r\n              [isReturn]=\"isReturn\"\r\n              (startConfiguration)=\"handleStartConfiguration()\"\r\n              (showRelatedPopup)=\"handlePopUpChange($event)\"\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                                   [showAddToCart]=\"showAddToCart\"\r\n                                   [configuring]=\"configuring\"\r\n                                   [article]=\"article\"\r\n                                   [externalSource]=\"externalSource\"\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                                 [externalSource]=\"externalSource\"\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\r\n            *ngIf=\"article?.relatedArticles && article?.relatedArticles.length > 0\"\r\n            [externalSource]=\"externalSource\"\r\n            [articles]=\"article?.relatedArticles\"\r\n            [refType]=\"1\"\r\n            [label]=\"'RELATED_PRODUCTS' | localize\">\r\n          </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\r\n            *ngIf=\"article?.relatedArticles && article?.relatedArticles.length > 0\"\r\n            [externalSource]=\"externalSource\"\r\n            [articles]=\"article?.relatedArticles\"\r\n            [refType]=\"4\"\r\n            [isSmallModus]=\"false\"\r\n            [label]=\"'ALTERNATIVE_PRODUCTS' | localize\">\r\n          </app-product-related>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n\r\n    <div *ngIf=\"showRelatedProductsPopup\">\r\n      <co-product-dialog\r\n        [mainArticle]=\"article\"\r\n        [articles]=\"article?.relatedArticles\"\r\n        [refType]=\"1\"\r\n        (closeRelatedPopup)=\"handlePopUpChange($event)\"\r\n      >\r\n      </co-product-dialog>\r\n\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\r\n\r\n  </div>\r\n</ng-container>\r\n",
+                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\r\n            <app-image-carousel\r\n              *ngIf=\"!enableRenderCarousel\"\r\n              [@toggleVisibilityByState]=\"show2D ? 'show' : 'hide'\"\r\n              [images]=\"article?.images\"\r\n              [showRefresh]=\"configurable && threeD\">\r\n            </app-image-carousel>\r\n\r\n            <app-render-carousel\r\n              *ngIf=\"enableRenderCarousel\"\r\n              [@toggleVisibilityByState]=\"show2D ? 'show' : 'hide'\"\r\n              [article]=\"article\">\r\n            </app-render-carousel>\r\n\r\n            <ng-container *ngIf=\"settingsLoaded\">\r\n              <threed-configurator\r\n                #configurator\r\n                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\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\"\r\n                                 [class.show-selections]=\"configuring\"\r\n                                 [@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                                 (onAnswersAvailable)=\"appEventService.onAnswersAvailable.next($event.detail)\"\r\n                                 (onReadyToRender)=\"appEventService.onReadyToRender.next($event.detail)\"\r\n                                 (onRenderImageReceived)=\"appEventService.onRenderImageReceived.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              [showAddToCart]=\"showAddToCart\"\r\n              [article]=\"article\"\r\n              [externalSource]=\"externalSource\"\r\n              [isReturn]=\"isReturn\"\r\n              (startConfiguration)=\"handleStartConfiguration()\"\r\n              (showRelatedPopup)=\"handlePopUpChange($event)\"\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                                   [showAddToCart]=\"showAddToCart\"\r\n                                   [configuring]=\"configuring\"\r\n                                   [article]=\"article\"\r\n                                   [externalSource]=\"externalSource\"\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                                 [externalSource]=\"externalSource\"\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\r\n            *ngIf=\"article?.relatedArticles && article?.relatedArticles.length > 0\"\r\n            [externalSource]=\"externalSource\"\r\n            [articles]=\"article?.relatedArticles\"\r\n            [refType]=\"1\"\r\n            [label]=\"'RELATED_PRODUCTS' | localize\">\r\n          </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\r\n            *ngIf=\"article?.relatedArticles && article?.relatedArticles.length > 0\"\r\n            [externalSource]=\"externalSource\"\r\n            [articles]=\"article?.relatedArticles\"\r\n            [refType]=\"4\"\r\n            [isSmallModus]=\"false\"\r\n            [label]=\"'ALTERNATIVE_PRODUCTS' | localize\">\r\n          </app-product-related>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n\r\n    <div *ngIf=\"showRelatedProductsPopup\">\r\n      <co-product-dialog\r\n        [mainArticle]=\"article\"\r\n        [articles]=\"article?.relatedArticles\"\r\n        [refType]=\"1\"\r\n        (closeRelatedPopup)=\"handlePopUpChange($event)\"\r\n      >\r\n      </co-product-dialog>\r\n\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\r\n\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%' })),
@@ -1729,12 +1782,11 @@ ProductPriceModule.decorators = [
 ];
 
 class ProductAddtocartComponent {
-    constructor(iconCache, _ioneControllerService, _appEventService, _settingsService, _productConnectorAdapterService) {
+    constructor(iconCache, _ioneControllerService, _appEventService, _settingsService) {
         this.iconCache = iconCache;
         this._ioneControllerService = _ioneControllerService;
         this._appEventService = _appEventService;
         this._settingsService = _settingsService;
-        this._productConnectorAdapterService = _productConnectorAdapterService;
         this.icon = IconEnum;
         this.createFrozenArticle = true;
         this.configurable = false;
@@ -1774,19 +1826,9 @@ class ProductAddtocartComponent {
         return __awaiter(this, void 0, void 0, function* () {
             if (this.createFrozenArticle) {
                 if (this.article.goodType === 'B') {
-                    if (this.article.isConfigurable) {
-                        const article = yield this._getJSONFromArticleObject({ article: this.article, quantity: quantity });
-                        if (article) {
-                            this._appEventService.onAddToCart.next({ article: article, quantity: quantity });
-                        }
-                    }
-                    else {
-                        const generatedGoodId = yield this._getGeneratedArtDirectly(this.article.goodId);
-                        if (generatedGoodId) {
-                            const articleFull = yield this._productConnectorAdapterService.getArticleFullObject(generatedGoodId, true);
-                            const article = this._ioneControllerService.convertArticleFullObjectToArticleExtended(articleFull);
-                            this._appEventService.onAddToCart.next({ article: article, quantity: quantity });
-                        }
+                    const article = yield this._getJSONFromArticleObject({ article: this.article, quantity: quantity });
+                    if (article) {
+                        this._appEventService.onAddToCart.next({ article: article, quantity: quantity });
                     }
                 }
                 else {
@@ -1825,11 +1867,6 @@ class ProductAddtocartComponent {
             return yield this._ioneControllerService.getJsonArticleFlatTree(article.article.goodId, article.article.goodType, article.quantity, !!this.externalSource, true, configuratorStatistics);
         });
     }
-    _getGeneratedArtDirectly(goodId) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return yield this._ioneControllerService.getGeneratedArtDirectly(goodId, true);
-        });
-    }
 }
 ProductAddtocartComponent.decorators = [
     { type: Component, args: [{
@@ -1872,8 +1909,7 @@ ProductAddtocartComponent.ctorParameters = () => [
     { type: IconCacheService },
     { type: ProductConnectorService },
     { type: ProductEventService },
-    { type: ProductSettingsService },
-    { type: ProductConnectorAdapterService }
+    { type: ProductSettingsService }
 ];
 ProductAddtocartComponent.propDecorators = {
     addToCartButton: [{ type: ViewChild, args: ['addtocartbutton', { read: ElementRef },] }],
@@ -3364,5 +3400,5 @@ IoneProductModule.decorators = [
  * 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, ProductDialogModule as ɵbk, ProductDialogComponent as ɵbl, RenderCarouselModule as ɵbm, RenderCarouselComponent as ɵbn, ProductPageComponent as ɵbo, ProductHdModule as ɵbp, ProductHdComponent as ɵbq, ProductScriptLoaderService as ɵbr, 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 };
+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, ProductDialogModule as ɵbk, ProductDialogComponent as ɵbl, RenderCarouselModule as ɵbm, RenderCarouselComponent as ɵbn, ProductPageComponent as ɵbo, ProductHdModule as ɵbp, ProductHdComponent as ɵbq, ProductScriptLoaderService as ɵbr, LocalStorageService as ɵbs, 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 };
 //# sourceMappingURL=colijnit-product.js.map