@colijnit/product 256.1.3 → 257.1.0

package/fesm2015/colijnit-product.js

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, Directive, EventEmitter, Component, ViewEncapsulation, ChangeDetectorRef, Input, Output, Renderer2, ViewChild, ElementRef, Pipe, NgModule, HostListener, HostBinding, SecurityContext, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { Injectable, Directive, EventEmitter, Component, ViewEncapsulation, ChangeDetectorRef, Input, Output, Renderer2, ViewChild, ElementRef, Pipe, NgModule, 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 { Options } from '@colijnit/ioneconnector/build/model/options';
@@ -16,7 +16,7 @@ import { ArticleListObjectExtended } from '@colijnit/articleapi/build/model/arti
 import * as i1 from '@angular/common/http';
 import { HttpClient } from '@angular/common/http';
 import { StringUtils } from '@colijnit/ioneconnector/build/utils/string-utils';
-import { CommonModule } from '@angular/common';
+import { CommonModule, isPlatformBrowser } from '@angular/common';
 import { trigger, state, style, transition, animate } from '@angular/animations';
 import * as i1$1 from '@angular/platform-browser';
 import { DomSanitizer } from '@angular/platform-browser';
@@ -30,8 +30,8 @@ class Version {
     constructor() {
         this.name = "@colijnit/product";
         this.description = "Product detail page project for iOne";
-        this.symVer = "256.1.3";
-        this.publishDate = "20-11-2024 10:30:57";
+        this.symVer = "257.1.0";
+        this.publishDate = "1/14/2025, 12:10:32 PM";
     }
 }
 
@@ -721,7 +721,9 @@ IoneProductComponent.decorators = [
                         [sku]="sku"
                         [showRelatedProductsPopup]="showRelatedProductsPopup"
       ></app-product-page>
-
+<!--
+      <co-product-hd [sku]="'8f108aa9-f6cb-4d86-7826-08d87757dac1'"></co-product-hd>
+-->
   `,
                 encapsulation: ViewEncapsulation.Emulated,
                 styles: [""]
@@ -2613,6 +2615,165 @@ ProductPageModule.decorators = [
             },] }
 ];
 
+class ProductScriptLoaderService {
+    constructor(platformId) {
+        this.platformId = platformId;
+    }
+    loadScript(url, renderer) {
+        return new Promise((resolve, reject) => {
+            if (!isPlatformBrowser(this.platformId)) {
+                reject('Not in browser environment');
+                return;
+            }
+            const existingScript = document.getElementById(url);
+            if (existingScript) {
+                resolve(); // Script already loaded
+                return;
+            }
+            const script = renderer.createElement('script');
+            script.id = url;
+            script.src = url;
+            script.type = 'text/javascript';
+            script.async = true;
+            script.onload = () => resolve();
+            script.onerror = (error) => reject(`Error loading script: ${url}`);
+            renderer.appendChild(document.head, script);
+        });
+    }
+    addStyleSheet(url, renderer) {
+        return new Promise((resolve, reject) => {
+            if (!isPlatformBrowser(this.platformId)) {
+                reject('Not in browser environment');
+                return;
+            }
+            const existingStyleSheet = document.getElementById(url);
+            if (existingStyleSheet) {
+                resolve(); // Script already loaded
+                return;
+            }
+            const link = renderer.createElement('link');
+            link.id = url;
+            link.href = url;
+            link.rel = 'stylesheet';
+            link.onload = () => resolve();
+            link.onerror = (error) => reject(`Error loading styleSheet: ${url}`);
+            renderer.appendChild(document.head, link);
+        });
+    }
+}
+ProductScriptLoaderService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ProductScriptLoaderService_Factory() { return new ProductScriptLoaderService(i0.ɵɵinject(i0.PLATFORM_ID)); }, token: ProductScriptLoaderService, providedIn: "root" });
+ProductScriptLoaderService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
+ProductScriptLoaderService.ctorParameters = () => [
+    { type: undefined, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] }
+];
+
+class ProductHdComponent {
+    constructor(_scriptLoader, _renderer) {
+        this._scriptLoader = _scriptLoader;
+        this._renderer = _renderer;
+        this.showClass = true;
+        this.token = "eyJhbGciOiJSUzI1NiIsImtpZCI6IkYxOThERkVEOEUwQTQ1MzY3M0M1MUE2Rjk1QUVDQzU3RTM0NjM4RkRSUzI1NiIsInR5cCI6ImF0K2p3dCIsIng1dCI6IjhaamY3WTRLUlRaenhScHZsYTdNVi1OR09QMCJ9.eyJuYmYiOjE3MzIxOTkyOTUsImV4cCI6MTczMjIwMjg5NSwiaXNzIjoiaHR0cHM6Ly9ibXNpZGVudGl0eS1hY2NlcHRhbmNlLmF6dXJld2Vic2l0ZXMubmV0IiwiYXVkIjpbImNhdGFsb2dxdWVyeWFwaSIsImNvbmZpZ3VyYXRvcmFwaSIsInByb2R1Y3R2YXJpYW50Y29tbWFuZGFwaSIsInByb2R1Y3R2YXJpYW50cXVlcnlhcGkiXSwiY2xpZW50X2lkIjoiaW1wZXJzb25hdGlvbi5jbGllbnQiLCJzdWIiOiIwOTMwZDI4Mi05NGU4LTQ5MGEtOGI2NC1mYTk1YmIyYzE1ODIiLCJhdXRoX3RpbWUiOjE3MzIxOTkyOTUsImlkcCI6ImxvY2FsIiwiZW52aXJvbm1lbnQiOiJNU0wiLCJzZWxsZXIiOiJTRTAwMDA5NiIsInNlbGxlcmd1aWQiOiIxMDk1MWJjNS1hZmMzLTQ1MGEtNmVkMS0wOGQ4NDNlNmE5OTQiLCJwZXJtaXNzaW9uIjpbInNhbGVzLmV4cG9ydHRlbXBsYXRlcy5yZWFkIiwiZG9jdW1lbnRsaWJyYXJ5LnRhZy5yZWFkIiwiZG9jdW1lbnRsaWJyYXJ5LmRvY3VtZW50LnJlYWQiLCJkb2N1bWVudGxpYnJhcnkudGFnZ3JvdXAucmVhZCIsInNhbGVzLm9yZGVyLndyaXRlIiwic2FsZXMuY3VzdG9tZXIucmVhZCIsInNhbGVzLm9yZGVyLmRlbGl2ZXJ5YWRkcmVzcy53cml0ZSIsInNlcnZpY2UucmVxdWVzdC5yZWFkIiwiY2F0YWxvZy50YWcucmVhZCIsInNhbGVzLm9yZGVyLnJlYWQiLCJzYWxlcy5jdXN0b21lci53cml0ZSIsInJlcXVlc3Rmb3JxdW90ZS53cml0ZSIsInNhbGVzLm9yZGVyLmJvb2siLCJyZXF1ZXN0Zm9ycXVvdGUucmVhZCIsInNhbGVzLmxlYWQucmVhZCIsInB1cmNoYXNlLm9yZGVyLnJlYWQiLCJzYWxlcy5xdW90ZS5yZWFkIiwic2FsZXMucXVvdGUud3JpdGUiLCJjYXRhbG9nLml0ZW0ucmVhZCIsInNhbGVzLmxlYWQud3JpdGUiLCJzZXJ2aWNlLnJlcXVlc3Quc3VibWl0Iiwic2FsZXMub3JkZXIuZGVsaXZlcnlhZGRyZXNzLnJlYWQiLCJwdXJjaGFzZS5vcmRlci53cml0ZSIsInB1cmNoYXNlLm9yZGVyLnByaWNlcy53cml0ZSIsInB1cmNoYXNlLm9yZGVyLnByaWNlcy5yZWFkIiwic2VydmljZS5yZXF1ZXN0LndyaXRlIiwiY2F0YWxvZy5jYXRhbG9nLnJlYWQiLCJjYXRhbG9nLmNhdGFsb2cud3JpdGUiLCJjYXRhbG9nLmN1cnJlbmN5LnJlYWQiLCJjYXRhbG9nLmN1cnJlbmN5LndyaXRlIiwiY2F0YWxvZy5pdGVtLndyaXRlIiwiY2F0YWxvZy5sb2NhbGl6YXRpb24ucmVhZCIsImNhdGFsb2cubG9jYWxpemF0aW9uLndyaXRlIiwiY2F0YWxvZy5wcm9kdWN0LnJlYWQiLCJjYXRhbG9nLnByb2R1Y3Qud3JpdGUiLCJjYXRhbG9nLnByb2R1Y3RzZXR0aW5nLnJlYWQiLCJjYXRhbG9nLnByb2R1Y3RzZXR0aW5nLndyaXRlIiwiY2F0YWxvZy5zZWxsZXIucmVhZCIsImNhdGFsb2cuc2VsbGVyLndyaXRlIiwiY2F0YWxvZy50YWcud3JpdGUiLCJjYXRhbG9nLnVvbS5yZWFkIiwiY2F0YWxvZy51b20ud3JpdGUiLCJjYXRhbG9nLnZhdGNhdGVnb3J5LnJlYWQiLCJjYXRhbG9nLnZhdGNhdGVnb3J5LndyaXRlIiwiY2F0YWxvZy52ZW5kb3IucmVhZCIsImNhdGFsb2cudmVuZG9yLndyaXRlIiwicHVyY2hhc2Uuc2VsbGVyLnJlYWQiLCJwdXJjaGFzZS5zZWxsZXIud3JpdGUiLCJjYXRhbG9nLmFydGljbGUucmVhZCIsImNhdGFsb2cuYXJ0aWNsZS53cml0ZSIsInNhbGVzLnF1b3RlLmxpbmVzLnJlYWQiLCJzYWxlcy5xdW90ZS5saW5lcy53cml0ZSIsInNhbGVzLnNlbGxlci5yZWFkIiwic2FsZXMuc2VsbGVyLndyaXRlIiwiYWNjb3VudGluZy52ZW5kb3JpbnZvaWNlLnJlYWQiLCJpZGVudGl0eS51c2VyLnJlYWQiLCJpZGVudGl0eS51c2VyLndyaXRlIiwiaWRlbnRpdHkucm9sZS5yZWFkIiwic2VsbGVyLnByb2R1Y3RwcmljZS5zZXR0aW5ncy5yZWFkIiwic2VsbGVyLnByb2R1Y3RwcmljZS5zZXR0aW5ncy53cml0ZSIsImNvbmZpZ3VyYXRvci5wdXJjaGFzZXByaWNlLnJlYWQiLCJzdG9jay5mYWJyaWMucmVhZCJdLCJuYW1lIjoiUm9iaW4iLCJmYW1pbHlfbmFtZSI6ImRlIFdpbnRlciAoQ29saWpuLUlUKSIsInJvbGUiOlsic2VsbGVyIiwiZGVhbGVyX21hbmFnZXIiXSwiaWF0IjoxNzMyMTk5Mjk1LCJzY29wZSI6WyJjYXRhbG9ncXVlcnlhcGkiLCJjb25maWd1cmF0b3JhcGkiLCJwcm9kdWN0dmFyaWFudGNvbW1hbmRhcGkiLCJwcm9kdWN0dmFyaWFudHF1ZXJ5YXBpIl0sImFtciI6WyJpbXBlcnNvbmF0aW9uIl19.rbguVPnkXXDzsM6QKgXulhrF41jIjCuGDV13ig1GC8MewLCJ7wA038OSwT26sx2mCexjvuGYt45YScfPwfTkDy3ErPmHRods64X1dJWZnf-23NTP2iI32K_1vMZH5GOGbMzuFtbKAFQv4hgFAxoyWqFVWyJvuOtQcWyZStROyPHwjAnpnj-x1cVQpOhbO-kQUFvy_VUrPpF3aYVCcO2cFirQTXR6kxSGcYGGcsPY-_eiAd93UdG2EM6xLAocDLaFV72CQI6XEs0WQG1f4SqvH52v3OTkgWBLgYV35gpyIe0-2nazGL0R8pTNuDqrOb7OGmuTRMoTIiRi67-wTxx8cQ";
+        this.variant = "";
+    }
+    set content(child) {
+        this.hdeConfigurator = child;
+        this._prepareAttributes();
+    }
+    set sku(value) {
+        this._sku = value;
+        this._prepareAttributes();
+    }
+    get sku() {
+        return this._sku;
+    }
+    handleConfigurationFinished(event) {
+        console.log(event.detail);
+    }
+    handleError(event) {
+        console.error(event.detail);
+    }
+    _prepareAttributes() {
+        if (this.hdeConfigurator && this.hdeConfigurator.nativeElement && this.token && (this.sku || this.variant)) {
+            this.hdeConfigurator.nativeElement.setAttribute('bearerToken', this.token);
+            if (this._sku) {
+                this.hdeConfigurator.nativeElement.setAttribute('data-productId', this._sku);
+            }
+            if (this.variant) {
+                this.hdeConfigurator.nativeElement.setAttribute('data-productVariantId', this.variant);
+            }
+            this._loadTheScripts();
+        }
+    }
+    // load external scripts
+    _loadTheScripts() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const scripts = [
+                // hard-coded for now, should come from the external source
+                'https://hde-cdn.azureedge.net/libs/components/Configurator/1.0.33/polyfills.js',
+                'https://hde-cdn.azureedge.net/libs/components/Configurator/1.0.33/runtime.js',
+                'https://hde-cdn.azureedge.net/libs/components/Configurator/1.0.33/main.js'
+            ];
+            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);
+        });
+    }
+}
+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>
+    `,
+                encapsulation: ViewEncapsulation.None
+            },] }
+];
+ProductHdComponent.ctorParameters = () => [
+    { type: ProductScriptLoaderService },
+    { type: Renderer2 }
+];
+ProductHdComponent.propDecorators = {
+    content: [{ type: ViewChild, args: ['hdeConfigurator', { read: ElementRef },] }],
+    sku: [{ type: Input }],
+    showClass: [{ type: HostBinding, args: ['class.co-product-hd',] }]
+};
+
+class ProductHdModule {
+}
+ProductHdModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule
+                ],
+                declarations: [
+                    ProductHdComponent
+                ],
+                schemas: [
+                    CUSTOM_ELEMENTS_SCHEMA,
+                    NO_ERRORS_SCHEMA
+                ],
+                exports: [
+                    ProductHdComponent
+                ]
+            },] }
+];
+
 class IoneProductModule {
 }
 IoneProductModule.decorators = [
@@ -2621,7 +2782,7 @@ IoneProductModule.decorators = [
                     // BrowserAnimationsModule,
                     CommonModule,
                     ProductPageModule,
-                    LoaderModule$1
+                    ProductHdModule
                 ],
                 declarations: [
                     IoneProductComponent
@@ -2629,6 +2790,10 @@ IoneProductModule.decorators = [
                 exports: [
                     IoneProductComponent
                 ],
+                schemas: [
+                    CUSTOM_ELEMENTS_SCHEMA,
+                    NO_ERRORS_SCHEMA
+                ],
                 bootstrap: [
                     IoneProductComponent
                 ],
@@ -2780,5 +2945,5 @@ ProductExternalSourceModule.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, ProductPageComponent as ɵbm, 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, ProductPageComponent as ɵbm, ProductHdModule as ɵbn, ProductHdComponent as ɵbo, ProductScriptLoaderService as ɵbp, 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