@colijnit/product 257.1.0 → 257.1.2

package/esm2015/app/service/product-script-loader.service.js

@@ -4,6 +4,7 @@ import * as i0 from "@angular/core";
 export class ProductScriptLoaderService {
     constructor(platformId) {
         this.platformId = platformId;
+        this._scriptsOrLinksElements = [];
     }
     loadScript(url, renderer) {
         return new Promise((resolve, reject) => {
@@ -24,8 +25,15 @@ export class ProductScriptLoaderService {
             script.onload = () => resolve();
             script.onerror = (error) => reject(`Error loading script: ${url}`);
             renderer.appendChild(document.head, script);
+            this._scriptsOrLinksElements.push(script);
         });
     }
+    unloadScripts(renderer) {
+        for (let i = this._scriptsOrLinksElements.length - 1; i >= 0; i--) {
+            renderer.removeChild(document.head, this._scriptsOrLinksElements[i]);
+            this._scriptsOrLinksElements.pop();
+        }
+    }
     addStyleSheet(url, renderer) {
         return new Promise((resolve, reject) => {
             if (!isPlatformBrowser(this.platformId)) {
@@ -44,6 +52,7 @@ export class ProductScriptLoaderService {
             link.onload = () => resolve();
             link.onerror = (error) => reject(`Error loading styleSheet: ${url}`);
             renderer.appendChild(document.head, link);
+            this._scriptsOrLinksElements.push(link);
         });
     }
 }
@@ -56,4 +65,4 @@ ProductScriptLoaderService.decorators = [
 ProductScriptLoaderService.ctorParameters = () => [
     { type: undefined, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] }
 ];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZHVjdC1zY3JpcHQtbG9hZGVyLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXBwL3NlcnZpY2UvcHJvZHVjdC1zY3JpcHQtbG9hZGVyLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLE1BQU0sRUFBRSxVQUFVLEVBQUUsV0FBVyxFQUFZLE1BQU0sZUFBZSxDQUFDO0FBQ3pFLE9BQU8sRUFBQyxpQkFBaUIsRUFBQyxNQUFNLGlCQUFpQixDQUFDOztBQUtsRCxNQUFNLE9BQU8sMEJBQTBCO0lBRW5DLFlBRVksVUFBZTtRQUFmLGVBQVUsR0FBVixVQUFVLENBQUs7SUFHM0IsQ0FBQztJQUVNLFVBQVUsQ0FBQyxHQUFXLEVBQUUsUUFBbUI7UUFDOUMsT0FBTyxJQUFJLE9BQU8sQ0FBQyxDQUFDLE9BQU8sRUFBRSxNQUFNLEVBQUUsRUFBRTtZQUNuQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxFQUFFO2dCQUNyQyxNQUFNLENBQUMsNEJBQTRCLENBQUMsQ0FBQztnQkFDckMsT0FBTzthQUNWO1lBRUQsTUFBTSxjQUFjLEdBQUcsUUFBUSxDQUFDLGNBQWMsQ0FBQyxHQUFHLENBQUMsQ0FBQztZQUNwRCxJQUFJLGNBQWMsRUFBRTtnQkFDaEIsT0FBTyxFQUFFLENBQUMsQ0FBQyx3QkFBd0I7Z0JBQ25DLE9BQU87YUFDVjtZQUVELE1BQU0sTUFBTSxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLENBQUM7WUFDaEQsTUFBTSxDQUFDLEVBQUUsR0FBRyxHQUFHLENBQUM7WUFDaEIsTUFBTSxDQUFDLEdBQUcsR0FBRyxHQUFHLENBQUM7WUFDakIsTUFBTSxDQUFDLElBQUksR0FBRyxpQkFBaUIsQ0FBQztZQUNoQyxNQUFNLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztZQUVwQixNQUFNLENBQUMsTUFBTSxHQUFHLEdBQUcsRUFBRSxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQ2hDLE1BQU0sQ0FBQyxPQUFPLEdBQUcsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLE1BQU0sQ0FBQyx5QkFBeUIsR0FBRyxFQUFFLENBQUMsQ0FBQztZQUVuRSxRQUFRLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsTUFBTSxDQUFDLENBQUM7UUFDaEQsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRU0sYUFBYSxDQUFDLEdBQVcsRUFBRSxRQUFtQjtRQUNqRCxPQUFPLElBQUksT0FBTyxDQUFDLENBQUMsT0FBTyxFQUFFLE1BQU0sRUFBRSxFQUFFO1lBQ25DLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLEVBQUU7Z0JBQ3JDLE1BQU0sQ0FBQyw0QkFBNEIsQ0FBQyxDQUFDO2dCQUNyQyxPQUFPO2FBQ1Y7WUFFRCxNQUFNLGtCQUFrQixHQUFHLFFBQVEsQ0FBQyxjQUFjLENBQUMsR0FBRyxDQUFDLENBQUM7WUFDeEQsSUFBSSxrQkFBa0IsRUFBRTtnQkFDcEIsT0FBTyxFQUFFLENBQUMsQ0FBQyx3QkFBd0I7Z0JBQ25DLE9BQU87YUFDVjtZQUVELE1BQU0sSUFBSSxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsTUFBTSxDQUFDLENBQUM7WUFDNUMsSUFBSSxDQUFDLEVBQUUsR0FBRyxHQUFHLENBQUM7WUFDZCxJQUFJLENBQUMsSUFBSSxHQUFHLEdBQUcsQ0FBQztZQUNoQixJQUFJLENBQUMsR0FBRyxHQUFHLFlBQVksQ0FBQztZQUV4QixJQUFJLENBQUMsTUFBTSxHQUFHLEdBQUcsRUFBRSxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQzlCLElBQUksQ0FBQyxPQUFPLEdBQUcsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLE1BQU0sQ0FBQyw2QkFBNkIsR0FBRyxFQUFFLENBQUMsQ0FBQztZQUVyRSxRQUFRLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLENBQUM7UUFDOUMsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDOzs7O1lBN0RKLFVBQVUsU0FBQztnQkFDUixVQUFVLEVBQUUsTUFBTTthQUNyQjs7OzRDQUlRLE1BQU0sU0FBQyxXQUFXIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtJbmplY3QsIEluamVjdGFibGUsIFBMQVRGT1JNX0lELCBSZW5kZXJlcjJ9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge2lzUGxhdGZvcm1Ccm93c2VyfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5cclxuQEluamVjdGFibGUoe1xyXG4gICAgcHJvdmlkZWRJbjogJ3Jvb3QnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBQcm9kdWN0U2NyaXB0TG9hZGVyU2VydmljZSB7XHJcblxyXG4gICAgY29uc3RydWN0b3IoXHJcbiAgICAgICAgQEluamVjdChQTEFURk9STV9JRClcclxuICAgICAgICBwcml2YXRlIHBsYXRmb3JtSWQ6IGFueVxyXG4gICAgKSB7XHJcblxyXG4gICAgfVxyXG5cclxuICAgIHB1YmxpYyBsb2FkU2NyaXB0KHVybDogc3RyaW5nLCByZW5kZXJlcjogUmVuZGVyZXIyKTogUHJvbWlzZTx2b2lkPiB7XHJcbiAgICAgICAgcmV0dXJuIG5ldyBQcm9taXNlKChyZXNvbHZlLCByZWplY3QpID0+IHtcclxuICAgICAgICAgICAgaWYgKCFpc1BsYXRmb3JtQnJvd3Nlcih0aGlzLnBsYXRmb3JtSWQpKSB7XHJcbiAgICAgICAgICAgICAgICByZWplY3QoJ05vdCBpbiBicm93c2VyIGVudmlyb25tZW50Jyk7XHJcbiAgICAgICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgICAgIH1cclxuXHJcbiAgICAgICAgICAgIGNvbnN0IGV4aXN0aW5nU2NyaXB0ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQodXJsKTtcclxuICAgICAgICAgICAgaWYgKGV4aXN0aW5nU2NyaXB0KSB7XHJcbiAgICAgICAgICAgICAgICByZXNvbHZlKCk7IC8vIFNjcmlwdCBhbHJlYWR5IGxvYWRlZFxyXG4gICAgICAgICAgICAgICAgcmV0dXJuO1xyXG4gICAgICAgICAgICB9XHJcblxyXG4gICAgICAgICAgICBjb25zdCBzY3JpcHQgPSByZW5kZXJlci5jcmVhdGVFbGVtZW50KCdzY3JpcHQnKTtcclxuICAgICAgICAgICAgc2NyaXB0LmlkID0gdXJsO1xyXG4gICAgICAgICAgICBzY3JpcHQuc3JjID0gdXJsO1xyXG4gICAgICAgICAgICBzY3JpcHQudHlwZSA9ICd0ZXh0L2phdmFzY3JpcHQnO1xyXG4gICAgICAgICAgICBzY3JpcHQuYXN5bmMgPSB0cnVlO1xyXG5cclxuICAgICAgICAgICAgc2NyaXB0Lm9ubG9hZCA9ICgpID0+IHJlc29sdmUoKTtcclxuICAgICAgICAgICAgc2NyaXB0Lm9uZXJyb3IgPSAoZXJyb3IpID0+IHJlamVjdChgRXJyb3IgbG9hZGluZyBzY3JpcHQ6ICR7dXJsfWApO1xyXG5cclxuICAgICAgICAgICAgcmVuZGVyZXIuYXBwZW5kQ2hpbGQoZG9jdW1lbnQuaGVhZCwgc2NyaXB0KTtcclxuICAgICAgICB9KTtcclxuICAgIH1cclxuXHJcbiAgICBwdWJsaWMgYWRkU3R5bGVTaGVldCh1cmw6IHN0cmluZywgcmVuZGVyZXI6IFJlbmRlcmVyMik6IFByb21pc2U8dm9pZD4ge1xyXG4gICAgICAgIHJldHVybiBuZXcgUHJvbWlzZSgocmVzb2x2ZSwgcmVqZWN0KSA9PiB7XHJcbiAgICAgICAgICAgIGlmICghaXNQbGF0Zm9ybUJyb3dzZXIodGhpcy5wbGF0Zm9ybUlkKSkge1xyXG4gICAgICAgICAgICAgICAgcmVqZWN0KCdOb3QgaW4gYnJvd3NlciBlbnZpcm9ubWVudCcpO1xyXG4gICAgICAgICAgICAgICAgcmV0dXJuO1xyXG4gICAgICAgICAgICB9XHJcblxyXG4gICAgICAgICAgICBjb25zdCBleGlzdGluZ1N0eWxlU2hlZXQgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCh1cmwpO1xyXG4gICAgICAgICAgICBpZiAoZXhpc3RpbmdTdHlsZVNoZWV0KSB7XHJcbiAgICAgICAgICAgICAgICByZXNvbHZlKCk7IC8vIFNjcmlwdCBhbHJlYWR5IGxvYWRlZFxyXG4gICAgICAgICAgICAgICAgcmV0dXJuO1xyXG4gICAgICAgICAgICB9XHJcblxyXG4gICAgICAgICAgICBjb25zdCBsaW5rID0gcmVuZGVyZXIuY3JlYXRlRWxlbWVudCgnbGluaycpO1xyXG4gICAgICAgICAgICBsaW5rLmlkID0gdXJsO1xyXG4gICAgICAgICAgICBsaW5rLmhyZWYgPSB1cmw7XHJcbiAgICAgICAgICAgIGxpbmsucmVsID0gJ3N0eWxlc2hlZXQnO1xyXG5cclxuICAgICAgICAgICAgbGluay5vbmxvYWQgPSAoKSA9PiByZXNvbHZlKCk7XHJcbiAgICAgICAgICAgIGxpbmsub25lcnJvciA9IChlcnJvcikgPT4gcmVqZWN0KGBFcnJvciBsb2FkaW5nIHN0eWxlU2hlZXQ6ICR7dXJsfWApO1xyXG5cclxuICAgICAgICAgICAgcmVuZGVyZXIuYXBwZW5kQ2hpbGQoZG9jdW1lbnQuaGVhZCwgbGluayk7XHJcbiAgICAgICAgfSk7XHJcbiAgICB9XHJcbn1cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZHVjdC1zY3JpcHQtbG9hZGVyLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXBwL3NlcnZpY2UvcHJvZHVjdC1zY3JpcHQtbG9hZGVyLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLE1BQU0sRUFBRSxVQUFVLEVBQUUsV0FBVyxFQUFZLE1BQU0sZUFBZSxDQUFDO0FBQ3pFLE9BQU8sRUFBQyxpQkFBaUIsRUFBQyxNQUFNLGlCQUFpQixDQUFDOztBQUtsRCxNQUFNLE9BQU8sMEJBQTBCO0lBSXJDLFlBRVUsVUFBZTtRQUFmLGVBQVUsR0FBVixVQUFVLENBQUs7UUFKakIsNEJBQXVCLEdBQVUsRUFBRSxDQUFDO0lBTzVDLENBQUM7SUFFTSxVQUFVLENBQUMsR0FBVyxFQUFFLFFBQW1CO1FBQ2hELE9BQU8sSUFBSSxPQUFPLENBQUMsQ0FBQyxPQUFPLEVBQUUsTUFBTSxFQUFFLEVBQUU7WUFDckMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsRUFBRTtnQkFDdkMsTUFBTSxDQUFDLDRCQUE0QixDQUFDLENBQUM7Z0JBQ3JDLE9BQU87YUFDUjtZQUVELE1BQU0sY0FBYyxHQUFHLFFBQVEsQ0FBQyxjQUFjLENBQUMsR0FBRyxDQUFDLENBQUM7WUFDcEQsSUFBSSxjQUFjLEVBQUU7Z0JBQ2xCLE9BQU8sRUFBRSxDQUFDLENBQUMsd0JBQXdCO2dCQUNuQyxPQUFPO2FBQ1I7WUFFRCxNQUFNLE1BQU0sR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1lBRWhELE1BQU0sQ0FBQyxFQUFFLEdBQUcsR0FBRyxDQUFDO1lBQ2hCLE1BQU0sQ0FBQyxHQUFHLEdBQUcsR0FBRyxDQUFDO1lBQ2pCLE1BQU0sQ0FBQyxJQUFJLEdBQUcsaUJBQWlCLENBQUM7WUFDaEMsTUFBTSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7WUFFcEIsTUFBTSxDQUFDLE1BQU0sR0FBRyxHQUFHLEVBQUUsQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUNoQyxNQUFNLENBQUMsT0FBTyxHQUFHLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxNQUFNLENBQUMseUJBQXlCLEdBQUcsRUFBRSxDQUFDLENBQUM7WUFFbkUsUUFBUSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLE1BQU0sQ0FBQyxDQUFDO1lBQzVDLElBQUksQ0FBQyx1QkFBdUIsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDNUMsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRU0sYUFBYSxDQUFDLFFBQW1CO1FBQ3RDLEtBQUssSUFBSSxDQUFDLEdBQUcsSUFBSSxDQUFDLHVCQUF1QixDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBRTtZQUNqRSxRQUFRLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLHVCQUF1QixDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDckUsSUFBSSxDQUFDLHVCQUF1QixDQUFDLEdBQUcsRUFBRSxDQUFDO1NBQ3BDO0lBQ0gsQ0FBQztJQUVNLGFBQWEsQ0FBQyxHQUFXLEVBQUUsUUFBbUI7UUFDbkQsT0FBTyxJQUFJLE9BQU8sQ0FBQyxDQUFDLE9BQU8sRUFBRSxNQUFNLEVBQUUsRUFBRTtZQUNyQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxFQUFFO2dCQUN2QyxNQUFNLENBQUMsNEJBQTRCLENBQUMsQ0FBQztnQkFDckMsT0FBTzthQUNSO1lBRUQsTUFBTSxrQkFBa0IsR0FBRyxRQUFRLENBQUMsY0FBYyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1lBQ3hELElBQUksa0JBQWtCLEVBQUU7Z0JBQ3RCLE9BQU8sRUFBRSxDQUFDLENBQUMsd0JBQXdCO2dCQUNuQyxPQUFPO2FBQ1I7WUFFRCxNQUFNLElBQUksR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1lBQzVDLElBQUksQ0FBQyxFQUFFLEdBQUcsR0FBRyxDQUFDO1lBQ2QsSUFBSSxDQUFDLElBQUksR0FBRyxHQUFHLENBQUM7WUFDaEIsSUFBSSxDQUFDLEdBQUcsR0FBRyxZQUFZLENBQUM7WUFFeEIsSUFBSSxDQUFDLE1BQU0sR0FBRyxHQUFHLEVBQUUsQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUM5QixJQUFJLENBQUMsT0FBTyxHQUFHLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxNQUFNLENBQUMsNkJBQTZCLEdBQUcsRUFBRSxDQUFDLENBQUM7WUFFckUsUUFBUSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxDQUFDO1lBQzFDLElBQUksQ0FBQyx1QkFBdUIsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDMUMsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDOzs7O1lBekVGLFVBQVUsU0FBQztnQkFDVixVQUFVLEVBQUUsTUFBTTthQUNuQjs7OzRDQU1JLE1BQU0sU0FBQyxXQUFXIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtJbmplY3QsIEluamVjdGFibGUsIFBMQVRGT1JNX0lELCBSZW5kZXJlcjJ9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge2lzUGxhdGZvcm1Ccm93c2VyfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5cclxuQEluamVjdGFibGUoe1xyXG4gIHByb3ZpZGVkSW46ICdyb290J1xyXG59KVxyXG5leHBvcnQgY2xhc3MgUHJvZHVjdFNjcmlwdExvYWRlclNlcnZpY2Uge1xyXG5cclxuICBwcml2YXRlIF9zY3JpcHRzT3JMaW5rc0VsZW1lbnRzOiBhbnlbXSA9IFtdO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIEBJbmplY3QoUExBVEZPUk1fSUQpXHJcbiAgICBwcml2YXRlIHBsYXRmb3JtSWQ6IGFueVxyXG4gICkge1xyXG5cclxuICB9XHJcblxyXG4gIHB1YmxpYyBsb2FkU2NyaXB0KHVybDogc3RyaW5nLCByZW5kZXJlcjogUmVuZGVyZXIyKTogUHJvbWlzZTx2b2lkPiB7XHJcbiAgICByZXR1cm4gbmV3IFByb21pc2UoKHJlc29sdmUsIHJlamVjdCkgPT4ge1xyXG4gICAgICBpZiAoIWlzUGxhdGZvcm1Ccm93c2VyKHRoaXMucGxhdGZvcm1JZCkpIHtcclxuICAgICAgICByZWplY3QoJ05vdCBpbiBicm93c2VyIGVudmlyb25tZW50Jyk7XHJcbiAgICAgICAgcmV0dXJuO1xyXG4gICAgICB9XHJcblxyXG4gICAgICBjb25zdCBleGlzdGluZ1NjcmlwdCA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKHVybCk7XHJcbiAgICAgIGlmIChleGlzdGluZ1NjcmlwdCkge1xyXG4gICAgICAgIHJlc29sdmUoKTsgLy8gU2NyaXB0IGFscmVhZHkgbG9hZGVkXHJcbiAgICAgICAgcmV0dXJuO1xyXG4gICAgICB9XHJcblxyXG4gICAgICBjb25zdCBzY3JpcHQgPSByZW5kZXJlci5jcmVhdGVFbGVtZW50KCdzY3JpcHQnKTtcclxuXHJcbiAgICAgIHNjcmlwdC5pZCA9IHVybDtcclxuICAgICAgc2NyaXB0LnNyYyA9IHVybDtcclxuICAgICAgc2NyaXB0LnR5cGUgPSAndGV4dC9qYXZhc2NyaXB0JztcclxuICAgICAgc2NyaXB0LmFzeW5jID0gdHJ1ZTtcclxuXHJcbiAgICAgIHNjcmlwdC5vbmxvYWQgPSAoKSA9PiByZXNvbHZlKCk7XHJcbiAgICAgIHNjcmlwdC5vbmVycm9yID0gKGVycm9yKSA9PiByZWplY3QoYEVycm9yIGxvYWRpbmcgc2NyaXB0OiAke3VybH1gKTtcclxuXHJcbiAgICAgIHJlbmRlcmVyLmFwcGVuZENoaWxkKGRvY3VtZW50LmhlYWQsIHNjcmlwdCk7XHJcbiAgICAgIHRoaXMuX3NjcmlwdHNPckxpbmtzRWxlbWVudHMucHVzaChzY3JpcHQpO1xyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgdW5sb2FkU2NyaXB0cyhyZW5kZXJlcjogUmVuZGVyZXIyKTogdm9pZCB7XHJcbiAgICBmb3IgKGxldCBpID0gdGhpcy5fc2NyaXB0c09yTGlua3NFbGVtZW50cy5sZW5ndGggLSAxOyBpID49IDA7IGktLSkge1xyXG4gICAgICByZW5kZXJlci5yZW1vdmVDaGlsZChkb2N1bWVudC5oZWFkLCB0aGlzLl9zY3JpcHRzT3JMaW5rc0VsZW1lbnRzW2ldKTtcclxuICAgICAgdGhpcy5fc2NyaXB0c09yTGlua3NFbGVtZW50cy5wb3AoKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHB1YmxpYyBhZGRTdHlsZVNoZWV0KHVybDogc3RyaW5nLCByZW5kZXJlcjogUmVuZGVyZXIyKTogUHJvbWlzZTx2b2lkPiB7XHJcbiAgICByZXR1cm4gbmV3IFByb21pc2UoKHJlc29sdmUsIHJlamVjdCkgPT4ge1xyXG4gICAgICBpZiAoIWlzUGxhdGZvcm1Ccm93c2VyKHRoaXMucGxhdGZvcm1JZCkpIHtcclxuICAgICAgICByZWplY3QoJ05vdCBpbiBicm93c2VyIGVudmlyb25tZW50Jyk7XHJcbiAgICAgICAgcmV0dXJuO1xyXG4gICAgICB9XHJcblxyXG4gICAgICBjb25zdCBleGlzdGluZ1N0eWxlU2hlZXQgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCh1cmwpO1xyXG4gICAgICBpZiAoZXhpc3RpbmdTdHlsZVNoZWV0KSB7XHJcbiAgICAgICAgcmVzb2x2ZSgpOyAvLyBTY3JpcHQgYWxyZWFkeSBsb2FkZWRcclxuICAgICAgICByZXR1cm47XHJcbiAgICAgIH1cclxuXHJcbiAgICAgIGNvbnN0IGxpbmsgPSByZW5kZXJlci5jcmVhdGVFbGVtZW50KCdsaW5rJyk7XHJcbiAgICAgIGxpbmsuaWQgPSB1cmw7XHJcbiAgICAgIGxpbmsuaHJlZiA9IHVybDtcclxuICAgICAgbGluay5yZWwgPSAnc3R5bGVzaGVldCc7XHJcblxyXG4gICAgICBsaW5rLm9ubG9hZCA9ICgpID0+IHJlc29sdmUoKTtcclxuICAgICAgbGluay5vbmVycm9yID0gKGVycm9yKSA9PiByZWplY3QoYEVycm9yIGxvYWRpbmcgc3R5bGVTaGVldDogJHt1cmx9YCk7XHJcblxyXG4gICAgICByZW5kZXJlci5hcHBlbmRDaGlsZChkb2N1bWVudC5oZWFkLCBsaW5rKTtcclxuICAgICAgdGhpcy5fc2NyaXB0c09yTGlua3NFbGVtZW50cy5wdXNoKGxpbmspO1xyXG4gICAgfSk7XHJcbiAgfVxyXG59XHJcbiJdfQ==

package/fesm2015/colijnit-product.js

@@ -23,15 +23,15 @@ import { DomSanitizer } from '@angular/platform-browser';
 import { IconModule, LoaderModule, ScrollContainerModule, PriceDisplayPipeModule, NumberPickerModule, ButtonModule, FilesUploadModule, TileModule } from '@colijnit/corecomponents';
 import { CoDocument } from '@colijnit/mainapi/build/model/co-document';
 import { ConfiguratorStatisticsEnvironment } from '@colijnit/articleapi/build/model/configurator-statistics-environment';
-import { LoaderModule as LoaderModule$1, ArticleTileModule } from '@colijnit/corecomponents_v12';
+import { LoaderModule as LoaderModule$1, ArticleTileModule, ButtonModule as ButtonModule$1 } from '@colijnit/corecomponents_v12';
 
 // 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 = "257.1.0";
-        this.publishDate = "1/14/2025, 12:10:32 PM";
+        this.symVer = "257.1.2";
+        this.publishDate = "22-1-2025 21:39:03";
     }
 }
 
@@ -662,6 +662,7 @@ class IoneProductComponent {
         this.onAddToQuote = new EventEmitter();
         this.openStockEvent = new EventEmitter();
         this.settingsLoaded = false;
+        this.showHD = false;
         this._subs = [];
         this._subs.push(
         // this._dictionary.dictionaryLoaded.subscribe(d => this.upAndLoaded = true),
@@ -721,9 +722,8 @@ IoneProductComponent.decorators = [
                         [sku]="sku"
                         [showRelatedProductsPopup]="showRelatedProductsPopup"
       ></app-product-page>
-<!--
-      <co-product-hd [sku]="'8f108aa9-f6cb-4d86-7826-08d87757dac1'"></co-product-hd>
--->
+<!--    <co-button [label]="'click'" (click)="showHD = !showHD"></co-button>
+      <co-product-hd [sku]="'657946ca-e1e1-41fd-7ae0-08dbf7df0cef'" *ngIf="showHD"></co-product-hd>-->
   `,
                 encapsulation: ViewEncapsulation.Emulated,
                 styles: [""]
@@ -2618,6 +2618,7 @@ ProductPageModule.decorators = [
 class ProductScriptLoaderService {
     constructor(platformId) {
         this.platformId = platformId;
+        this._scriptsOrLinksElements = [];
     }
     loadScript(url, renderer) {
         return new Promise((resolve, reject) => {
@@ -2638,8 +2639,15 @@ class ProductScriptLoaderService {
             script.onload = () => resolve();
             script.onerror = (error) => reject(`Error loading script: ${url}`);
             renderer.appendChild(document.head, script);
+            this._scriptsOrLinksElements.push(script);
         });
     }
+    unloadScripts(renderer) {
+        for (let i = this._scriptsOrLinksElements.length - 1; i >= 0; i--) {
+            renderer.removeChild(document.head, this._scriptsOrLinksElements[i]);
+            this._scriptsOrLinksElements.pop();
+        }
+    }
     addStyleSheet(url, renderer) {
         return new Promise((resolve, reject) => {
             if (!isPlatformBrowser(this.platformId)) {
@@ -2658,6 +2666,7 @@ class ProductScriptLoaderService {
             link.onload = () => resolve();
             link.onerror = (error) => reject(`Error loading styleSheet: ${url}`);
             renderer.appendChild(document.head, link);
+            this._scriptsOrLinksElements.push(link);
         });
     }
 }
@@ -2675,9 +2684,10 @@ class ProductHdComponent {
     constructor(_scriptLoader, _renderer) {
         this._scriptLoader = _scriptLoader;
         this._renderer = _renderer;
+        this.variant = '';
+        this.configuratorFinished = new EventEmitter();
+        this.configurationError = new EventEmitter();
         this.showClass = true;
-        this.token = "eyJhbGciOiJSUzI1NiIsImtpZCI6IkYxOThERkVEOEUwQTQ1MzY3M0M1MUE2Rjk1QUVDQzU3RTM0NjM4RkRSUzI1NiIsInR5cCI6ImF0K2p3dCIsIng1dCI6IjhaamY3WTRLUlRaenhScHZsYTdNVi1OR09QMCJ9.eyJuYmYiOjE3MzIxOTkyOTUsImV4cCI6MTczMjIwMjg5NSwiaXNzIjoiaHR0cHM6Ly9ibXNpZGVudGl0eS1hY2NlcHRhbmNlLmF6dXJld2Vic2l0ZXMubmV0IiwiYXVkIjpbImNhdGFsb2dxdWVyeWFwaSIsImNvbmZpZ3VyYXRvcmFwaSIsInByb2R1Y3R2YXJpYW50Y29tbWFuZGFwaSIsInByb2R1Y3R2YXJpYW50cXVlcnlhcGkiXSwiY2xpZW50X2lkIjoiaW1wZXJzb25hdGlvbi5jbGllbnQiLCJzdWIiOiIwOTMwZDI4Mi05NGU4LTQ5MGEtOGI2NC1mYTk1YmIyYzE1ODIiLCJhdXRoX3RpbWUiOjE3MzIxOTkyOTUsImlkcCI6ImxvY2FsIiwiZW52aXJvbm1lbnQiOiJNU0wiLCJzZWxsZXIiOiJTRTAwMDA5NiIsInNlbGxlcmd1aWQiOiIxMDk1MWJjNS1hZmMzLTQ1MGEtNmVkMS0wOGQ4NDNlNmE5OTQiLCJwZXJtaXNzaW9uIjpbInNhbGVzLmV4cG9ydHRlbXBsYXRlcy5yZWFkIiwiZG9jdW1lbnRsaWJyYXJ5LnRhZy5yZWFkIiwiZG9jdW1lbnRsaWJyYXJ5LmRvY3VtZW50LnJlYWQiLCJkb2N1bWVudGxpYnJhcnkudGFnZ3JvdXAucmVhZCIsInNhbGVzLm9yZGVyLndyaXRlIiwic2FsZXMuY3VzdG9tZXIucmVhZCIsInNhbGVzLm9yZGVyLmRlbGl2ZXJ5YWRkcmVzcy53cml0ZSIsInNlcnZpY2UucmVxdWVzdC5yZWFkIiwiY2F0YWxvZy50YWcucmVhZCIsInNhbGVzLm9yZGVyLnJlYWQiLCJzYWxlcy5jdXN0b21lci53cml0ZSIsInJlcXVlc3Rmb3JxdW90ZS53cml0ZSIsInNhbGVzLm9yZGVyLmJvb2siLCJyZXF1ZXN0Zm9ycXVvdGUucmVhZCIsInNhbGVzLmxlYWQucmVhZCIsInB1cmNoYXNlLm9yZGVyLnJlYWQiLCJzYWxlcy5xdW90ZS5yZWFkIiwic2FsZXMucXVvdGUud3JpdGUiLCJjYXRhbG9nLml0ZW0ucmVhZCIsInNhbGVzLmxlYWQud3JpdGUiLCJzZXJ2aWNlLnJlcXVlc3Quc3VibWl0Iiwic2FsZXMub3JkZXIuZGVsaXZlcnlhZGRyZXNzLnJlYWQiLCJwdXJjaGFzZS5vcmRlci53cml0ZSIsInB1cmNoYXNlLm9yZGVyLnByaWNlcy53cml0ZSIsInB1cmNoYXNlLm9yZGVyLnByaWNlcy5yZWFkIiwic2VydmljZS5yZXF1ZXN0LndyaXRlIiwiY2F0YWxvZy5jYXRhbG9nLnJlYWQiLCJjYXRhbG9nLmNhdGFsb2cud3JpdGUiLCJjYXRhbG9nLmN1cnJlbmN5LnJlYWQiLCJjYXRhbG9nLmN1cnJlbmN5LndyaXRlIiwiY2F0YWxvZy5pdGVtLndyaXRlIiwiY2F0YWxvZy5sb2NhbGl6YXRpb24ucmVhZCIsImNhdGFsb2cubG9jYWxpemF0aW9uLndyaXRlIiwiY2F0YWxvZy5wcm9kdWN0LnJlYWQiLCJjYXRhbG9nLnByb2R1Y3Qud3JpdGUiLCJjYXRhbG9nLnByb2R1Y3RzZXR0aW5nLnJlYWQiLCJjYXRhbG9nLnByb2R1Y3RzZXR0aW5nLndyaXRlIiwiY2F0YWxvZy5zZWxsZXIucmVhZCIsImNhdGFsb2cuc2VsbGVyLndyaXRlIiwiY2F0YWxvZy50YWcud3JpdGUiLCJjYXRhbG9nLnVvbS5yZWFkIiwiY2F0YWxvZy51b20ud3JpdGUiLCJjYXRhbG9nLnZhdGNhdGVnb3J5LnJlYWQiLCJjYXRhbG9nLnZhdGNhdGVnb3J5LndyaXRlIiwiY2F0YWxvZy52ZW5kb3IucmVhZCIsImNhdGFsb2cudmVuZG9yLndyaXRlIiwicHVyY2hhc2Uuc2VsbGVyLnJlYWQiLCJwdXJjaGFzZS5zZWxsZXIud3JpdGUiLCJjYXRhbG9nLmFydGljbGUucmVhZCIsImNhdGFsb2cuYXJ0aWNsZS53cml0ZSIsInNhbGVzLnF1b3RlLmxpbmVzLnJlYWQiLCJzYWxlcy5xdW90ZS5saW5lcy53cml0ZSIsInNhbGVzLnNlbGxlci5yZWFkIiwic2FsZXMuc2VsbGVyLndyaXRlIiwiYWNjb3VudGluZy52ZW5kb3JpbnZvaWNlLnJlYWQiLCJpZGVudGl0eS51c2VyLnJlYWQiLCJpZGVudGl0eS51c2VyLndyaXRlIiwiaWRlbnRpdHkucm9sZS5yZWFkIiwic2VsbGVyLnByb2R1Y3RwcmljZS5zZXR0aW5ncy5yZWFkIiwic2VsbGVyLnByb2R1Y3RwcmljZS5zZXR0aW5ncy53cml0ZSIsImNvbmZpZ3VyYXRvci5wdXJjaGFzZXByaWNlLnJlYWQiLCJzdG9jay5mYWJyaWMucmVhZCJdLCJuYW1lIjoiUm9iaW4iLCJmYW1pbHlfbmFtZSI6ImRlIFdpbnRlciAoQ29saWpuLUlUKSIsInJvbGUiOlsic2VsbGVyIiwiZGVhbGVyX21hbmFnZXIiXSwiaWF0IjoxNzMyMTk5Mjk1LCJzY29wZSI6WyJjYXRhbG9ncXVlcnlhcGkiLCJjb25maWd1cmF0b3JhcGkiLCJwcm9kdWN0dmFyaWFudGNvbW1hbmRhcGkiLCJwcm9kdWN0dmFyaWFudHF1ZXJ5YXBpIl0sImFtciI6WyJpbXBlcnNvbmF0aW9uIl19.rbguVPnkXXDzsM6QKgXulhrF41jIjCuGDV13ig1GC8MewLCJ7wA038OSwT26sx2mCexjvuGYt45YScfPwfTkDy3ErPmHRods64X1dJWZnf-23NTP2iI32K_1vMZH5GOGbMzuFtbKAFQv4hgFAxoyWqFVWyJvuOtQcWyZStROyPHwjAnpnj-x1cVQpOhbO-kQUFvy_VUrPpF3aYVCcO2cFirQTXR6kxSGcYGGcsPY-_eiAd93UdG2EM6xLAocDLaFV72CQI6XEs0WQG1f4SqvH52v3OTkgWBLgYV35gpyIe0-2nazGL0R8pTNuDqrOb7OGmuTRMoTIiRi67-wTxx8cQ";
-        this.variant = "";
     }
     set content(child) {
         this.hdeConfigurator = child;
@@ -2690,11 +2700,19 @@ class ProductHdComponent {
     get sku() {
         return this._sku;
     }
+    ngOnDestroy() {
+        this._scriptLoader.unloadScripts(this._renderer);
+    }
     handleConfigurationFinished(event) {
-        console.log(event.detail);
+        if (event.detail.variant && typeof event.detail.variant === 'string') {
+            this.configuratorFinished.emit(event.detail.variant);
+        }
+        else {
+            this.configuratorFinished.emit(this.variant);
+        }
     }
     handleError(event) {
-        console.error(event.detail);
+        this.configurationError.emit(event.detail.status);
     }
     _prepareAttributes() {
         if (this.hdeConfigurator && this.hdeConfigurator.nativeElement && this.token && (this.sku || this.variant)) {
@@ -2720,7 +2738,7 @@ class ProductHdComponent {
             for (let i = 0; i < scripts.length; i++) {
                 yield this._scriptLoader.loadScript(scripts[i], this._renderer).catch((error) => console.error(error));
             }
-            yield this._scriptLoader.addStyleSheet("https://hde-cdn.azureedge.net/libs/components/Configurator/1.0.33/styles.css", this._renderer);
+            yield this._scriptLoader.addStyleSheet('https://hde-cdn.azureedge.net/libs/components/Configurator/1.0.33/styles.css', this._renderer);
         });
     }
 }
@@ -2728,19 +2746,19 @@ ProductHdComponent.decorators = [
     { type: Component, args: [{
                 selector: 'co-product-hd',
                 template: `
-        <hde-configurator #hdeConfigurator
-                          apiurl="https://bmsproductconfigurator-acceptance.azurewebsites.net/api/configurator/"
-                          productVariantCommandApiUrl="https://bmsproductvariantcommand-acceptance.azurewebsites.net/"
-                          productVariantQueryApiUrl="https://bmsproductvariantquery-acceptance.azurewebsites.net/"
-                          language="nl"
-                          localizationApiUrl="https://hde-cdn.azureedge.net/libs/BMS.DST.Localization/"
-                          localizationFileExtension=".json"
-                          (configurationFinished)="handleConfigurationFinished($event)"
-                          (configurationFailed)="handleError($event)"
-        >
-            <hde-progress-bar></hde-progress-bar>
-        </hde-configurator>
-    `,
+    <hde-configurator #hdeConfigurator
+                      apiurl="https://bmsproductconfigurator-acceptance.azurewebsites.net/api/configurator/"
+                      productVariantCommandApiUrl="https://bmsproductvariantcommand-acceptance.azurewebsites.net/"
+                      productVariantQueryApiUrl="https://bmsproductvariantquery-acceptance.azurewebsites.net/"
+                      language="nl"
+                      localizationApiUrl="https://hde-cdn.azureedge.net/libs/BMS.DST.Localization/"
+                      localizationFileExtension=".json"
+                      (configurationFinished)="handleConfigurationFinished($event)"
+                      (configurationFailed)="handleError($event)"
+    >
+      <hde-progress-bar></hde-progress-bar>
+    </hde-configurator>
+  `,
                 encapsulation: ViewEncapsulation.None
             },] }
 ];
@@ -2751,6 +2769,10 @@ ProductHdComponent.ctorParameters = () => [
 ProductHdComponent.propDecorators = {
     content: [{ type: ViewChild, args: ['hdeConfigurator', { read: ElementRef },] }],
     sku: [{ type: Input }],
+    token: [{ type: Input }],
+    variant: [{ type: Input }],
+    configuratorFinished: [{ type: Output }],
+    configurationError: [{ type: Output }],
     showClass: [{ type: HostBinding, args: ['class.co-product-hd',] }]
 };
 
@@ -2774,38 +2796,6 @@ ProductHdModule.decorators = [
             },] }
 ];
 
-class IoneProductModule {
-}
-IoneProductModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    // BrowserAnimationsModule,
-                    CommonModule,
-                    ProductPageModule,
-                    ProductHdModule
-                ],
-                declarations: [
-                    IoneProductComponent
-                ],
-                exports: [
-                    IoneProductComponent
-                ],
-                schemas: [
-                    CUSTOM_ELEMENTS_SCHEMA,
-                    NO_ERRORS_SCHEMA
-                ],
-                bootstrap: [
-                    IoneProductComponent
-                ],
-                providers: [
-                    ProductSettingsService,
-                    ProductConnectorService,
-                    ProductEventService,
-                    ProductConnectorAdapterService
-                ]
-            },] }
-];
-
 class ProductExternalSourceComponent {
     constructor(_sanitizer, _productConnectorService, _appEventService) {
         this._sanitizer = _sanitizer;
@@ -2814,9 +2804,14 @@ class ProductExternalSourceComponent {
         this.addToCart = new EventEmitter();
         this.addToQuote = new EventEmitter();
         this.alternativeClick = new EventEmitter();
+        this.configuratorFinished = new EventEmitter();
         this.showProduct = false;
+        this.showConfigurator = false;
+        this.showSource = false;
         this.loaded = false;
         this.externalSettings = {};
+        this.token = ""; //= "eyJhbGciOiJSUzI1NiIsImtpZCI6IkYxOThERkVEOEUwQTQ1MzY3M0M1MUE2Rjk1QUVDQzU3RTM0NjM4RkRSUzI1NiIsInR5cCI6ImF0K2p3dCIsIng1dCI6IjhaamY3WTRLUlRaenhScHZsYTdNVi1OR09QMCJ9.eyJuYmYiOjE3MzIxOTkyOTUsImV4cCI6MTczMjIwMjg5NSwiaXNzIjoiaHR0cHM6Ly9ibXNpZGVudGl0eS1hY2NlcHRhbmNlLmF6dXJld2Vic2l0ZXMubmV0IiwiYXVkIjpbImNhdGFsb2dxdWVyeWFwaSIsImNvbmZpZ3VyYXRvcmFwaSIsInByb2R1Y3R2YXJpYW50Y29tbWFuZGFwaSIsInByb2R1Y3R2YXJpYW50cXVlcnlhcGkiXSwiY2xpZW50X2lkIjoiaW1wZXJzb25hdGlvbi5jbGllbnQiLCJzdWIiOiIwOTMwZDI4Mi05NGU4LTQ5MGEtOGI2NC1mYTk1YmIyYzE1ODIiLCJhdXRoX3RpbWUiOjE3MzIxOTkyOTUsImlkcCI6ImxvY2FsIiwiZW52aXJvbm1lbnQiOiJNU0wiLCJzZWxsZXIiOiJTRTAwMDA5NiIsInNlbGxlcmd1aWQiOiIxMDk1MWJjNS1hZmMzLTQ1MGEtNmVkMS0wOGQ4NDNlNmE5OTQiLCJwZXJtaXNzaW9uIjpbInNhbGVzLmV4cG9ydHRlbXBsYXRlcy5yZWFkIiwiZG9jdW1lbnRsaWJyYXJ5LnRhZy5yZWFkIiwiZG9jdW1lbnRsaWJyYXJ5LmRvY3VtZW50LnJlYWQiLCJkb2N1bWVudGxpYnJhcnkudGFnZ3JvdXAucmVhZCIsInNhbGVzLm9yZGVyLndyaXRlIiwic2FsZXMuY3VzdG9tZXIucmVhZCIsInNhbGVzLm9yZGVyLmRlbGl2ZXJ5YWRkcmVzcy53cml0ZSIsInNlcnZpY2UucmVxdWVzdC5yZWFkIiwiY2F0YWxvZy50YWcucmVhZCIsInNhbGVzLm9yZGVyLnJlYWQiLCJzYWxlcy5jdXN0b21lci53cml0ZSIsInJlcXVlc3Rmb3JxdW90ZS53cml0ZSIsInNhbGVzLm9yZGVyLmJvb2siLCJyZXF1ZXN0Zm9ycXVvdGUucmVhZCIsInNhbGVzLmxlYWQucmVhZCIsInB1cmNoYXNlLm9yZGVyLnJlYWQiLCJzYWxlcy5xdW90ZS5yZWFkIiwic2FsZXMucXVvdGUud3JpdGUiLCJjYXRhbG9nLml0ZW0ucmVhZCIsInNhbGVzLmxlYWQud3JpdGUiLCJzZXJ2aWNlLnJlcXVlc3Quc3VibWl0Iiwic2FsZXMub3JkZXIuZGVsaXZlcnlhZGRyZXNzLnJlYWQiLCJwdXJjaGFzZS5vcmRlci53cml0ZSIsInB1cmNoYXNlLm9yZGVyLnByaWNlcy53cml0ZSIsInB1cmNoYXNlLm9yZGVyLnByaWNlcy5yZWFkIiwic2VydmljZS5yZXF1ZXN0LndyaXRlIiwiY2F0YWxvZy5jYXRhbG9nLnJlYWQiLCJjYXRhbG9nLmNhdGFsb2cud3JpdGUiLCJjYXRhbG9nLmN1cnJlbmN5LnJlYWQiLCJjYXRhbG9nLmN1cnJlbmN5LndyaXRlIiwiY2F0YWxvZy5pdGVtLndyaXRlIiwiY2F0YWxvZy5sb2NhbGl6YXRpb24ucmVhZCIsImNhdGFsb2cubG9jYWxpemF0aW9uLndyaXRlIiwiY2F0YWxvZy5wcm9kdWN0LnJlYWQiLCJjYXRhbG9nLnByb2R1Y3Qud3JpdGUiLCJjYXRhbG9nLnByb2R1Y3RzZXR0aW5nLnJlYWQiLCJjYXRhbG9nLnByb2R1Y3RzZXR0aW5nLndyaXRlIiwiY2F0YWxvZy5zZWxsZXIucmVhZCIsImNhdGFsb2cuc2VsbGVyLndyaXRlIiwiY2F0YWxvZy50YWcud3JpdGUiLCJjYXRhbG9nLnVvbS5yZWFkIiwiY2F0YWxvZy51b20ud3JpdGUiLCJjYXRhbG9nLnZhdGNhdGVnb3J5LnJlYWQiLCJjYXRhbG9nLnZhdGNhdGVnb3J5LndyaXRlIiwiY2F0YWxvZy52ZW5kb3IucmVhZCIsImNhdGFsb2cudmVuZG9yLndyaXRlIiwicHVyY2hhc2Uuc2VsbGVyLnJlYWQiLCJwdXJjaGFzZS5zZWxsZXIud3JpdGUiLCJjYXRhbG9nLmFydGljbGUucmVhZCIsImNhdGFsb2cuYXJ0aWNsZS53cml0ZSIsInNhbGVzLnF1b3RlLmxpbmVzLnJlYWQiLCJzYWxlcy5xdW90ZS5saW5lcy53cml0ZSIsInNhbGVzLnNlbGxlci5yZWFkIiwic2FsZXMuc2VsbGVyLndyaXRlIiwiYWNjb3VudGluZy52ZW5kb3JpbnZvaWNlLnJlYWQiLCJpZGVudGl0eS51c2VyLnJlYWQiLCJpZGVudGl0eS51c2VyLndyaXRlIiwiaWRlbnRpdHkucm9sZS5yZWFkIiwic2VsbGVyLnByb2R1Y3RwcmljZS5zZXR0aW5ncy5yZWFkIiwic2VsbGVyLnByb2R1Y3RwcmljZS5zZXR0aW5ncy53cml0ZSIsImNvbmZpZ3VyYXRvci5wdXJjaGFzZXByaWNlLnJlYWQiLCJzdG9jay5mYWJyaWMucmVhZCJdLCJuYW1lIjoiUm9iaW4iLCJmYW1pbHlfbmFtZSI6ImRlIFdpbnRlciAoQ29saWpuLUlUKSIsInJvbGUiOlsic2VsbGVyIiwiZGVhbGVyX21hbmFnZXIiXSwiaWF0IjoxNzMyMTk5Mjk1LCJzY29wZSI6WyJjYXRhbG9ncXVlcnlhcGkiLCJjb25maWd1cmF0b3JhcGkiLCJwcm9kdWN0dmFyaWFudGNvbW1hbmRhcGkiLCJwcm9kdWN0dmFyaWFudHF1ZXJ5YXBpIl0sImFtciI6WyJpbXBlcnNvbmF0aW9uIl19.rbguVPnkXXDzsM6QKgXulhrF41jIjCuGDV13ig1GC8MewLCJ7wA038OSwT26sx2mCexjvuGYt45YScfPwfTkDy3ErPmHRods64X1dJWZnf-23NTP2iI32K_1vMZH5GOGbMzuFtbKAFQv4hgFAxoyWqFVWyJvuOtQcWyZStROyPHwjAnpnj-x1cVQpOhbO-kQUFvy_VUrPpF3aYVCcO2cFirQTXR6kxSGcYGGcsPY-_eiAd93UdG2EM6xLAocDLaFV72CQI6XEs0WQG1f4SqvH52v3OTkgWBLgYV35gpyIe0-2nazGL0R8pTNuDqrOb7OGmuTRMoTIiRi67-wTxx8cQ";
+        this.variant = "";
         this._subs = [];
     }
     set externalSource(value) {
@@ -2827,6 +2822,15 @@ class ProductExternalSourceComponent {
     get externalSource() {
         return this._externalSource;
     }
+    set externalCatalogStartupInfo(value) {
+        this._externalCatalogStartupInfo = value;
+        this.externalSource = value.externalSource;
+        this.loaded = false;
+        this._prepareExternalSource();
+    }
+    get externalCatalogStartupInfo() {
+        return this._externalCatalogStartupInfo;
+    }
     showClass() {
         return true;
     }
@@ -2850,6 +2854,9 @@ class ProductExternalSourceComponent {
     ngOnDestroy() {
         this._subs.forEach(s => s.unsubscribe());
     }
+    handleConfigurationFinished(variantString) {
+        this.configuratorFinished.emit(variantString);
+    }
     _prepareExternalSource() {
         return __awaiter(this, void 0, void 0, function* () {
             if (!this._externalSource) {
@@ -2858,30 +2865,66 @@ class ProductExternalSourceComponent {
             this.externalUrl = undefined;
             this.externalSettings = {};
             if (this.externalSource.type === 'CATF') {
-                // get bundle settings from external source
-                const bundleSettings = yield this._productConnectorService.getProductBundleSettings(this.externalSource.url, parseInt(this.externalSource.schema, 0));
-                this.externalSettings = JSON.parse(bundleSettings);
-                if (this.options) {
-                    this.externalSettings.options = this.options;
-                }
-                // this.externalSettings.assetPath = "https://cdn1.colijn-it.nl/content43";
-                // this.externalSettings.threeDAssetPath = "https://cdn1.colijn-it.nl/content43";
-                if (this.externalSource.username && this.externalSource.password) {
-                    this.externalSettings.useLoginEncryption = true;
-                    this.externalSettings.username = this.externalSource.username;
-                    this.externalSettings.password = this.externalSource.password;
-                }
-                // finally show the catalog
-                this.showProduct = true;
+                yield this._prepareCatFarm();
+            }
+            else if (this.externalSource.type === 'HTDL') {
+                this._prepareConfigurator();
             }
             else {
-                this.externalUrl = this.externalSource.url;
-                this.safeUrl = this._sanitizer.bypassSecurityTrustResourceUrl(this.externalUrl);
-                this.showProduct = false;
+                this._prepareSource();
             }
+        });
+    }
+    _prepareCatFarm() {
+        return __awaiter(this, void 0, void 0, function* () {
+            // get bundle settings from external source
+            const bundleSettings = yield this._productConnectorService.getProductBundleSettings(this.externalSource.url, parseInt(this.externalSource.schema, 0));
+            this.externalSettings = JSON.parse(bundleSettings);
+            if (this.options) {
+                this.externalSettings.options = this.options;
+            }
+            // this.externalSettings.assetPath = "https://cdn1.colijn-it.nl/content43";
+            // this.externalSettings.threeDAssetPath = "https://cdn1.colijn-it.nl/content43";
+            if (this.externalSource.username && this.externalSource.password) {
+                this.externalSettings.useLoginEncryption = true;
+                this.externalSettings.username = this.externalSource.username;
+                this.externalSettings.password = this.externalSource.password;
+            }
+            // finally show the catalog
+            this.switchToProduct();
             this.loaded = true;
         });
     }
+    _prepareConfigurator() {
+        if (this.externalCatalogStartupInfo) {
+            this.token = this.externalCatalogStartupInfo.token;
+            this.sku = this.externalCatalogStartupInfo.externalGoodId;
+            this.variant = this.externalCatalogStartupInfo.flattenedGoodId;
+            this.switchToConfigurator();
+            this.loaded = true;
+        }
+    }
+    _prepareSource() {
+        this.externalUrl = this.externalSource.url;
+        this.safeUrl = this._sanitizer.bypassSecurityTrustResourceUrl(this.externalUrl);
+        this.switchToSource();
+        this.loaded = true;
+    }
+    switchToProduct() {
+        this.showProduct = true;
+        this.showConfigurator = false;
+        this.showSource = false;
+    }
+    switchToConfigurator() {
+        this.showProduct = false;
+        this.showConfigurator = true;
+        this.showSource = false;
+    }
+    switchToSource() {
+        this.showProduct = false;
+        this.showConfigurator = false;
+        this.showSource = true;
+    }
 }
 ProductExternalSourceComponent.decorators = [
     { type: Component, args: [{
@@ -2895,9 +2938,16 @@ ProductExternalSourceComponent.decorators = [
                         [externalSource]="externalSource"
                 ></app-product-page>
             </ng-container>
-            <ng-container *ngIf="!showProduct">
+            <ng-container *ngIf="showSource">
                 <iframe width="100%" height="100%" [src]="safeUrl" frameborder="0" allowfullscreen></iframe>
             </ng-container>
+            <ng-container *ngIf="showConfigurator">
+              <co-product-hd width="100%" height="100%"
+                             [sku]="sku"
+                             [variant]="variant"
+                             [token]="token"
+                             (configuratorFinished)="handleConfigurationFinished($event)"></co-product-hd>
+            </ng-container>
         </ng-container>
     `,
                 providers: [
@@ -2917,10 +2967,12 @@ ProductExternalSourceComponent.propDecorators = {
     sku: [{ type: Input }],
     catalogDefinition: [{ type: Input }],
     externalSource: [{ type: Input }],
+    externalCatalogStartupInfo: [{ type: Input }],
     options: [{ type: Input }],
     addToCart: [{ type: Output }],
     addToQuote: [{ type: Output }],
     alternativeClick: [{ type: Output }],
+    configuratorFinished: [{ type: Output }],
     showClass: [{ type: HostBinding, args: ['class.co-product-external-source',] }]
 };
 
@@ -2930,7 +2982,8 @@ ProductExternalSourceModule.decorators = [
     { type: NgModule, args: [{
                 imports: [
                     CommonModule,
-                    ProductPageModule
+                    ProductPageModule,
+                    ProductHdModule
                 ],
                 declarations: [
                     ProductExternalSourceComponent
@@ -2941,6 +2994,40 @@ ProductExternalSourceModule.decorators = [
             },] }
 ];
 
+class IoneProductModule {
+}
+IoneProductModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    //BrowserAnimationsModule,
+                    CommonModule,
+                    ProductPageModule,
+                    ProductHdModule,
+                    ProductExternalSourceModule,
+                    ButtonModule$1
+                ],
+                declarations: [
+                    IoneProductComponent
+                ],
+                exports: [
+                    IoneProductComponent
+                ],
+                schemas: [
+                    CUSTOM_ELEMENTS_SCHEMA,
+                    NO_ERRORS_SCHEMA
+                ],
+                bootstrap: [
+                    IoneProductComponent
+                ],
+                providers: [
+                    ProductSettingsService,
+                    ProductConnectorService,
+                    ProductEventService,
+                    ProductConnectorAdapterService
+                ]
+            },] }
+];
+
 /**
  * Generated bundle index. Do not edit.
  */