@colijnit/product 261.20.4 → 261.20.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/colijnit-product-261.20.4.tgz +0 -0
- package/fesm2022/colijnit-product.mjs +117 -313
- package/fesm2022/colijnit-product.mjs.map +1 -1
- package/index.d.ts +12 -48
- package/package.json +1 -1
|
@@ -15,9 +15,9 @@ import { ArticleListObjectExtended } from '@colijnit/articleapi/build/model/arti
|
|
|
15
15
|
import { ImageContent } from '@colijnit/mainapi/build/model/image-content.bo';
|
|
16
16
|
import { StringUtils } from '@colijnit/ioneconnector/build/utils/string-utils';
|
|
17
17
|
import { trigger, state, style, transition, animate } from '@angular/animations';
|
|
18
|
-
import * as i5 from '@colijnit/configurator';
|
|
19
|
-
import { ConfigurationResultObject, ConfiguratorModule, ConfiguratorSceneModule } from '@colijnit/configurator';
|
|
20
18
|
import * as i1 from '@angular/platform-browser';
|
|
19
|
+
import * as i5 from '@colijnit/configurator';
|
|
20
|
+
import { ConfigurationPresetModule, ConfiguratorModule, ConfiguratorSceneModule } from '@colijnit/configurator';
|
|
21
21
|
import * as i6 from '@colijnit/corecomponents_v12';
|
|
22
22
|
import { IconModule, LoaderModule, ScrollContainerModule, InputNumberPickerModule, ButtonModule, ArticleTileModule, TileModule, IconCollapseHandleModule } from '@colijnit/corecomponents_v12';
|
|
23
23
|
import { CoDocument } from '@colijnit/mainapi/build/model/co-document.bo';
|
|
@@ -34,8 +34,8 @@ class Version {
|
|
|
34
34
|
constructor() {
|
|
35
35
|
this.name = "@colijnit/product";
|
|
36
36
|
this.description = "Product detail page project for iOne";
|
|
37
|
-
this.symVer = "261.20.
|
|
38
|
-
this.publishDate = "
|
|
37
|
+
this.symVer = "261.20.5";
|
|
38
|
+
this.publishDate = "26-5-2026, 15:28:23";
|
|
39
39
|
}
|
|
40
40
|
}
|
|
41
41
|
|
|
@@ -261,6 +261,14 @@ class ProductConnectorAdapterService {
|
|
|
261
261
|
return Promise.resolve(false);
|
|
262
262
|
}
|
|
263
263
|
}
|
|
264
|
+
async getDefaultLanguage(upId) {
|
|
265
|
+
// this should always be fetched from the mainapi from the client
|
|
266
|
+
const response = await this.mainConnector.getPublicParams(upId);
|
|
267
|
+
if (response && response['defaultLanguage'] !== undefined) {
|
|
268
|
+
return response['defaultLanguage'];
|
|
269
|
+
}
|
|
270
|
+
return 'nl'; // just to be safe
|
|
271
|
+
}
|
|
264
272
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ProductConnectorAdapterService, deps: [{ token: ProductEventService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
265
273
|
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ProductConnectorAdapterService }); }
|
|
266
274
|
}
|
|
@@ -648,6 +656,9 @@ class ProductConnectorService {
|
|
|
648
656
|
async savePreset() {
|
|
649
657
|
return await this._adapterService.savePreset();
|
|
650
658
|
}
|
|
659
|
+
async getDefaultLanguage(upId) {
|
|
660
|
+
return await this._adapterService.getDefaultLanguage(upId);
|
|
661
|
+
}
|
|
651
662
|
onShowLoaderChange(showLoader) {
|
|
652
663
|
this._shouldShowLoader = showLoader;
|
|
653
664
|
}
|
|
@@ -734,13 +745,6 @@ var IconEnum;
|
|
|
734
745
|
IconEnum["Warehouse"] = "warehouse";
|
|
735
746
|
})(IconEnum || (IconEnum = {}));
|
|
736
747
|
|
|
737
|
-
var PresetDialogType;
|
|
738
|
-
(function (PresetDialogType) {
|
|
739
|
-
PresetDialogType[PresetDialogType["info"] = 0] = "info";
|
|
740
|
-
PresetDialogType[PresetDialogType["warning"] = 1] = "warning";
|
|
741
|
-
PresetDialogType[PresetDialogType["success"] = 2] = "success";
|
|
742
|
-
})(PresetDialogType || (PresetDialogType = {}));
|
|
743
|
-
|
|
744
748
|
/** AUTO GENERATED FILE. DO NOT CHANGE.. **/
|
|
745
749
|
const IconSvg = {
|
|
746
750
|
"add_to_cart_drop": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M16.58,34.84a1.8,1.8,0,1,0,1.8,1.8A1.79,1.79,0,0,0,16.58,34.84Z\" fill=\"#484f60\"/><path d=\"M31.49,34.84a1.8,1.8,0,1,0,1.8,1.8A1.79,1.79,0,0,0,31.49,34.84Z\" fill=\"#484f60\"/><path d=\"M35.6,17.9l-1.51.18L31.88,20.3l1.31-.17a.88.88,0,0,1,1,1.08L32.35,29.5a1.52,1.52,0,0,1-1.44,1.2H16.51a1.75,1.75,0,0,1-1.57-1.17l-2.31-5.6a1,1,0,0,1,.85-1.29l4.43-.56-1.86-1.86-5.13.61a1,1,0,0,0-.87,1.28l3.34,9.44A1.73,1.73,0,0,0,15,32.72H32.64a1.51,1.51,0,0,0,1.43-1.2L36.6,19A.89.89,0,0,0,35.6,17.9Z\" fill=\"#484f60\"/><path d=\"M39,17a1.87,1.87,0,0,0-1.36,1.46l-.42,2.89c-.1.67.31,1,.9.7a2.75,2.75,0,0,0,1.33-1.7L40,18A.73.73,0,0,0,39,17Z\" fill=\"#484f60\"/><polygon points=\"24 25.35 32.04 17.3 27.04 17.3 27.04 10 20.95 10 20.95 17.3 15.96 17.3 24 25.35\" fill=\"#484f60\"/></svg>",
|
|
@@ -1294,31 +1298,47 @@ class ProductDescriptionComponent {
|
|
|
1294
1298
|
ngOnInit() {
|
|
1295
1299
|
}
|
|
1296
1300
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ProductDescriptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1297
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: ProductDescriptionComponent, isStandalone: false, selector: "app-product-description", inputs: { article: "article" }, ngImport: i0, template: `
|
|
1298
|
-
|
|
1299
|
-
|
|
1300
|
-
|
|
1301
|
-
|
|
1302
|
-
|
|
1303
|
-
|
|
1304
|
-
|
|
1305
|
-
|
|
1306
|
-
|
|
1301
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: ProductDescriptionComponent, isStandalone: false, selector: "app-product-description", inputs: { article: "article", configuring: "configuring" }, ngImport: i0, template: `
|
|
1302
|
+
<div class="product-description-wrapper">
|
|
1303
|
+
<div class="pd-title-wrapper">
|
|
1304
|
+
@if (article?.descriptionRetail) {
|
|
1305
|
+
<span class="pd-description" [textContent]="article?.descriptionRetail"></span>
|
|
1306
|
+
}
|
|
1307
|
+
@if (article?.articleNr) {
|
|
1308
|
+
<span class="pd-sku" [textContent]="article?.articleNr"></span>
|
|
1309
|
+
}
|
|
1310
|
+
</div>
|
|
1311
|
+
<div class="save-configuration-button">
|
|
1312
|
+
@if (configuring) {
|
|
1313
|
+
<co-configuration-preset></co-configuration-preset>
|
|
1314
|
+
}
|
|
1315
|
+
</div>
|
|
1316
|
+
</div>
|
|
1317
|
+
`, isInline: true, styles: [":host{display:block}:host .product-description-wrapper{display:flex;justify-content:space-between}:host .product-description-wrapper .pd-title-wrapper{margin:0;padding-bottom:30px}:host .product-description-wrapper .pd-title-wrapper .pd-description{color:#22313c;font-size:25px;font-weight:700;width:100%;display:block}:host .product-description-wrapper .pd-title-wrapper .pd-sku{font-size:14px}:host .product-description-wrapper .save-configuration-button ::ng-deep .open-save-load{display:none}:host .product-description-wrapper .save-configuration-button ::ng-deep .save-load-configuration-buttons{visibility:visible;position:relative;transform:none;pointer-events:all;opacity:1;box-shadow:none}:host .product-description-wrapper .save-configuration-button ::ng-deep .save-load-configuration-buttons .save-preset-button{border:1px solid #1A73E8;cursor:pointer}@media screen and (max-width: 650px){:host .product-description-wrapper .pd-description{font-size:21px}:host .product-description-wrapper .pd-sku{font-size:13px}}\n"], dependencies: [{ kind: "component", type: i5.ConfigurationPresetComponent, selector: "co-configuration-preset" }] }); }
|
|
1307
1318
|
}
|
|
1308
1319
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ProductDescriptionComponent, decorators: [{
|
|
1309
1320
|
type: Component,
|
|
1310
1321
|
args: [{ selector: 'app-product-description', template: `
|
|
1311
|
-
|
|
1312
|
-
|
|
1313
|
-
|
|
1314
|
-
|
|
1315
|
-
|
|
1316
|
-
|
|
1317
|
-
|
|
1318
|
-
|
|
1319
|
-
|
|
1322
|
+
<div class="product-description-wrapper">
|
|
1323
|
+
<div class="pd-title-wrapper">
|
|
1324
|
+
@if (article?.descriptionRetail) {
|
|
1325
|
+
<span class="pd-description" [textContent]="article?.descriptionRetail"></span>
|
|
1326
|
+
}
|
|
1327
|
+
@if (article?.articleNr) {
|
|
1328
|
+
<span class="pd-sku" [textContent]="article?.articleNr"></span>
|
|
1329
|
+
}
|
|
1330
|
+
</div>
|
|
1331
|
+
<div class="save-configuration-button">
|
|
1332
|
+
@if (configuring) {
|
|
1333
|
+
<co-configuration-preset></co-configuration-preset>
|
|
1334
|
+
}
|
|
1335
|
+
</div>
|
|
1336
|
+
</div>
|
|
1337
|
+
`, standalone: false, styles: [":host{display:block}:host .product-description-wrapper{display:flex;justify-content:space-between}:host .product-description-wrapper .pd-title-wrapper{margin:0;padding-bottom:30px}:host .product-description-wrapper .pd-title-wrapper .pd-description{color:#22313c;font-size:25px;font-weight:700;width:100%;display:block}:host .product-description-wrapper .pd-title-wrapper .pd-sku{font-size:14px}:host .product-description-wrapper .save-configuration-button ::ng-deep .open-save-load{display:none}:host .product-description-wrapper .save-configuration-button ::ng-deep .save-load-configuration-buttons{visibility:visible;position:relative;transform:none;pointer-events:all;opacity:1;box-shadow:none}:host .product-description-wrapper .save-configuration-button ::ng-deep .save-load-configuration-buttons .save-preset-button{border:1px solid #1A73E8;cursor:pointer}@media screen and (max-width: 650px){:host .product-description-wrapper .pd-description{font-size:21px}:host .product-description-wrapper .pd-sku{font-size:13px}}\n"] }]
|
|
1320
1338
|
}], ctorParameters: () => [], propDecorators: { article: [{
|
|
1321
1339
|
type: Input
|
|
1340
|
+
}], configuring: [{
|
|
1341
|
+
type: Input
|
|
1322
1342
|
}] } });
|
|
1323
1343
|
|
|
1324
1344
|
class BitUtils {
|
|
@@ -2681,113 +2701,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
|
|
|
2681
2701
|
args: ['class.resizing']
|
|
2682
2702
|
}] } });
|
|
2683
2703
|
|
|
2684
|
-
class PresetDialogComponent {
|
|
2685
|
-
showClass() {
|
|
2686
|
-
return true;
|
|
2687
|
-
}
|
|
2688
|
-
constructor(iconCache) {
|
|
2689
|
-
this.iconCache = iconCache;
|
|
2690
|
-
this.icon = IconEnum;
|
|
2691
|
-
this.presetId = undefined;
|
|
2692
|
-
this.cancelSavePreset = new EventEmitter();
|
|
2693
|
-
this.overwritePreset = new EventEmitter();
|
|
2694
|
-
this.PresetDialogType = PresetDialogType;
|
|
2695
|
-
}
|
|
2696
|
-
closeAndCancelPreset() {
|
|
2697
|
-
this.cancelSavePreset.emit(true);
|
|
2698
|
-
}
|
|
2699
|
-
closeAndOverwritePreset() {
|
|
2700
|
-
this.overwritePreset.emit(true);
|
|
2701
|
-
}
|
|
2702
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PresetDialogComponent, deps: [{ token: IconCacheService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2703
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: PresetDialogComponent, isStandalone: false, selector: "co-preset-dialog", inputs: { type: "type", presetId: "presetId" }, outputs: { cancelSavePreset: "cancelSavePreset", overwritePreset: "overwritePreset" }, host: { properties: { "class.co-preset-dialog": "this.showClass" } }, ngImport: i0, template: `
|
|
2704
|
-
<div class="preset-dialog-wrap">
|
|
2705
|
-
<div class="preset-dialog-container">
|
|
2706
|
-
<div class="container-header">
|
|
2707
|
-
<div class="header-info">
|
|
2708
|
-
<h3 [textContent]="'PRESET_SAVE_AS' | localize"></h3>
|
|
2709
|
-
</div>
|
|
2710
|
-
<div class="close-icon" (click)="closeAndCancelPreset()">
|
|
2711
|
-
<co-icon class="fullscreen-button"
|
|
2712
|
-
[iconData]="iconCache.getIcon(icon.CrossSkinny)"
|
|
2713
|
-
(click)="closeAndCancelPreset()"></co-icon>
|
|
2714
|
-
</div>
|
|
2715
|
-
</div>
|
|
2716
|
-
|
|
2717
|
-
<div class="body">
|
|
2718
|
-
@if (presetId !== undefined && type === PresetDialogType.warning) {
|
|
2719
|
-
<p [textContent]="'PRESET_OVERWRITE_TEXT' | localize"></p>
|
|
2720
|
-
}
|
|
2721
|
-
@if (presetId !== undefined && type === PresetDialogType.success) {
|
|
2722
|
-
<p [textContent]="'PRESET_SAVED_TEXT' | localize"></p>
|
|
2723
|
-
}
|
|
2724
|
-
</div>
|
|
2725
|
-
|
|
2726
|
-
<div class="close-button-container">
|
|
2727
|
-
@if (presetId !== undefined && type === PresetDialogType.warning) {
|
|
2728
|
-
<button class="ok-button" (click)="closeAndOverwritePreset()">
|
|
2729
|
-
<co-icon [iconData]="iconCache.getIcon(icon.SaveSkinny)" (click)="closeAndOverwritePreset()"></co-icon>
|
|
2730
|
-
</button>
|
|
2731
|
-
}
|
|
2732
|
-
<button class="close-button" (click)="closeAndCancelPreset()">
|
|
2733
|
-
<co-icon [iconData]="iconCache.getIcon(icon.CrossSkinny)" (click)="closeAndCancelPreset()"></co-icon>
|
|
2734
|
-
</button>
|
|
2735
|
-
</div>
|
|
2736
|
-
</div>
|
|
2737
|
-
</div>
|
|
2738
|
-
`, isInline: true, styles: [":host .preset-dialog-wrap{background:#00000080;position:fixed;z-index:1000;inset:0;display:flex;justify-content:center;align-items:center}:host .preset-dialog-wrap .preset-dialog-container{background:#fff;max-width:500px;width:75vw;max-height:90vh;border:1px solid #F8F8F8}:host .preset-dialog-wrap .preset-dialog-container .container-header{display:flex;justify-content:space-between;border-bottom:1px solid #F8F8F8;padding:25px;box-sizing:border-box;align-items:center}:host .preset-dialog-wrap .preset-dialog-container .container-header .header-info h3{display:flex;align-items:center}:host .preset-dialog-wrap .preset-dialog-container .container-header .header-info h3 co-icon{margin-right:10px}:host .preset-dialog-wrap .preset-dialog-container .container-header .close-icon{cursor:pointer}:host .preset-dialog-wrap .preset-dialog-container .body{display:flex;justify-content:space-between;border-bottom:1px solid #F8F8F8;padding:25px;box-sizing:border-box;align-items:center}:host .preset-dialog-wrap .preset-dialog-container .close-button-container{display:flex;justify-content:center;padding:10px}:host .preset-dialog-wrap .preset-dialog-container .close-button-container button{cursor:pointer;border:none;color:#fff;padding:8px;box-shadow:0 3px 3px #0000004d;height:auto;width:auto;margin:0 3px;border-radius:3px}:host .preset-dialog-wrap .preset-dialog-container .close-button-container button ::ng-deep co-icon [fill]{fill:#fff}:host .preset-dialog-wrap .preset-dialog-container .close-button-container button .co-icon{height:25px;width:25px}:host .preset-dialog-wrap .preset-dialog-container .close-button-container button .co-icon svg{fill:#fff}:host .preset-dialog-wrap .preset-dialog-container .close-button-container button .co-icon svg path,:host .preset-dialog-wrap .preset-dialog-container .close-button-container button .co-icon svg polygon{fill:#fff}:host .preset-dialog-wrap .preset-dialog-container .close-button-container .ok-button{background:#1a73e8}:host .preset-dialog-wrap .preset-dialog-container .close-button-container .close-button{background:#475060}:host ::ng-deep .content-wrapper{width:auto!important}\n"], dependencies: [{ kind: "component", type: i6.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }] }); }
|
|
2739
|
-
}
|
|
2740
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PresetDialogComponent, decorators: [{
|
|
2741
|
-
type: Component,
|
|
2742
|
-
args: [{ selector: 'co-preset-dialog', template: `
|
|
2743
|
-
<div class="preset-dialog-wrap">
|
|
2744
|
-
<div class="preset-dialog-container">
|
|
2745
|
-
<div class="container-header">
|
|
2746
|
-
<div class="header-info">
|
|
2747
|
-
<h3 [textContent]="'PRESET_SAVE_AS' | localize"></h3>
|
|
2748
|
-
</div>
|
|
2749
|
-
<div class="close-icon" (click)="closeAndCancelPreset()">
|
|
2750
|
-
<co-icon class="fullscreen-button"
|
|
2751
|
-
[iconData]="iconCache.getIcon(icon.CrossSkinny)"
|
|
2752
|
-
(click)="closeAndCancelPreset()"></co-icon>
|
|
2753
|
-
</div>
|
|
2754
|
-
</div>
|
|
2755
|
-
|
|
2756
|
-
<div class="body">
|
|
2757
|
-
@if (presetId !== undefined && type === PresetDialogType.warning) {
|
|
2758
|
-
<p [textContent]="'PRESET_OVERWRITE_TEXT' | localize"></p>
|
|
2759
|
-
}
|
|
2760
|
-
@if (presetId !== undefined && type === PresetDialogType.success) {
|
|
2761
|
-
<p [textContent]="'PRESET_SAVED_TEXT' | localize"></p>
|
|
2762
|
-
}
|
|
2763
|
-
</div>
|
|
2764
|
-
|
|
2765
|
-
<div class="close-button-container">
|
|
2766
|
-
@if (presetId !== undefined && type === PresetDialogType.warning) {
|
|
2767
|
-
<button class="ok-button" (click)="closeAndOverwritePreset()">
|
|
2768
|
-
<co-icon [iconData]="iconCache.getIcon(icon.SaveSkinny)" (click)="closeAndOverwritePreset()"></co-icon>
|
|
2769
|
-
</button>
|
|
2770
|
-
}
|
|
2771
|
-
<button class="close-button" (click)="closeAndCancelPreset()">
|
|
2772
|
-
<co-icon [iconData]="iconCache.getIcon(icon.CrossSkinny)" (click)="closeAndCancelPreset()"></co-icon>
|
|
2773
|
-
</button>
|
|
2774
|
-
</div>
|
|
2775
|
-
</div>
|
|
2776
|
-
</div>
|
|
2777
|
-
`, standalone: false, styles: [":host .preset-dialog-wrap{background:#00000080;position:fixed;z-index:1000;inset:0;display:flex;justify-content:center;align-items:center}:host .preset-dialog-wrap .preset-dialog-container{background:#fff;max-width:500px;width:75vw;max-height:90vh;border:1px solid #F8F8F8}:host .preset-dialog-wrap .preset-dialog-container .container-header{display:flex;justify-content:space-between;border-bottom:1px solid #F8F8F8;padding:25px;box-sizing:border-box;align-items:center}:host .preset-dialog-wrap .preset-dialog-container .container-header .header-info h3{display:flex;align-items:center}:host .preset-dialog-wrap .preset-dialog-container .container-header .header-info h3 co-icon{margin-right:10px}:host .preset-dialog-wrap .preset-dialog-container .container-header .close-icon{cursor:pointer}:host .preset-dialog-wrap .preset-dialog-container .body{display:flex;justify-content:space-between;border-bottom:1px solid #F8F8F8;padding:25px;box-sizing:border-box;align-items:center}:host .preset-dialog-wrap .preset-dialog-container .close-button-container{display:flex;justify-content:center;padding:10px}:host .preset-dialog-wrap .preset-dialog-container .close-button-container button{cursor:pointer;border:none;color:#fff;padding:8px;box-shadow:0 3px 3px #0000004d;height:auto;width:auto;margin:0 3px;border-radius:3px}:host .preset-dialog-wrap .preset-dialog-container .close-button-container button ::ng-deep co-icon [fill]{fill:#fff}:host .preset-dialog-wrap .preset-dialog-container .close-button-container button .co-icon{height:25px;width:25px}:host .preset-dialog-wrap .preset-dialog-container .close-button-container button .co-icon svg{fill:#fff}:host .preset-dialog-wrap .preset-dialog-container .close-button-container button .co-icon svg path,:host .preset-dialog-wrap .preset-dialog-container .close-button-container button .co-icon svg polygon{fill:#fff}:host .preset-dialog-wrap .preset-dialog-container .close-button-container .ok-button{background:#1a73e8}:host .preset-dialog-wrap .preset-dialog-container .close-button-container .close-button{background:#475060}:host ::ng-deep .content-wrapper{width:auto!important}\n"] }]
|
|
2778
|
-
}], ctorParameters: () => [{ type: IconCacheService }], propDecorators: { showClass: [{
|
|
2779
|
-
type: HostBinding,
|
|
2780
|
-
args: ['class.co-preset-dialog']
|
|
2781
|
-
}], type: [{
|
|
2782
|
-
type: Input
|
|
2783
|
-
}], presetId: [{
|
|
2784
|
-
type: Input
|
|
2785
|
-
}], cancelSavePreset: [{
|
|
2786
|
-
type: Output
|
|
2787
|
-
}], overwritePreset: [{
|
|
2788
|
-
type: Output
|
|
2789
|
-
}] } });
|
|
2790
|
-
|
|
2791
2704
|
class ProductPageComponent {
|
|
2792
2705
|
showClass() {
|
|
2793
2706
|
return true;
|
|
@@ -2843,14 +2756,16 @@ class ProductPageComponent {
|
|
|
2843
2756
|
get currentView() {
|
|
2844
2757
|
return this._currentView;
|
|
2845
2758
|
}
|
|
2846
|
-
constructor(iconCache, settingsService, appEventService, _changeDetector, _ione,
|
|
2759
|
+
constructor(iconCache, settingsService, appEventService, _changeDetector, _ione, _configuratorEventService, _configuratorConnectorService, _configuringService /*,
|
|
2760
|
+
private _configuratorSceneService: SceneService*/) {
|
|
2847
2761
|
this.iconCache = iconCache;
|
|
2848
2762
|
this.settingsService = settingsService;
|
|
2849
2763
|
this.appEventService = appEventService;
|
|
2850
2764
|
this._changeDetector = _changeDetector;
|
|
2851
2765
|
this._ione = _ione;
|
|
2766
|
+
this._configuratorEventService = _configuratorEventService;
|
|
2767
|
+
this._configuratorConnectorService = _configuratorConnectorService;
|
|
2852
2768
|
this._configuringService = _configuringService;
|
|
2853
|
-
this._configuratorSceneService = _configuratorSceneService;
|
|
2854
2769
|
this.icon = IconEnum;
|
|
2855
2770
|
this.createFrozenArticle = true;
|
|
2856
2771
|
this.isReturn = false;
|
|
@@ -2864,20 +2779,16 @@ class ProductPageComponent {
|
|
|
2864
2779
|
this.showAddToCart = false;
|
|
2865
2780
|
this.fullscreenAnimationEnd = false;
|
|
2866
2781
|
this.settingsLoaded = false;
|
|
2867
|
-
this.showPresetDialog = false;
|
|
2868
|
-
this.configPresetId = undefined;
|
|
2869
|
-
this.presetDialogType = PresetDialogType.info;
|
|
2870
2782
|
this._fullScreen = false;
|
|
2871
2783
|
this._subs = [];
|
|
2872
2784
|
this._subs.push(this.appEventService.onForceRenderImage.subscribe((x) => {
|
|
2873
2785
|
// TODO
|
|
2874
|
-
}), this.settingsService.settingsLoaded.subscribe(loaded => this._handleSettingsLoaded(loaded)),
|
|
2786
|
+
}), this.settingsService.settingsLoaded.subscribe(loaded => this._handleSettingsLoaded(loaded)), combineLatest([
|
|
2875
2787
|
this._ione.controllerInitialized,
|
|
2876
2788
|
this._ione.articleLoaded
|
|
2877
2789
|
]).subscribe(([initialized, articleLoaded]) => {
|
|
2878
2790
|
if (initialized && articleLoaded) {
|
|
2879
2791
|
this.settingsLoaded = initialized;
|
|
2880
|
-
this._initConfigurator();
|
|
2881
2792
|
}
|
|
2882
2793
|
}), this.appEventService.onAnswersAvailable.subscribe((answers) => {
|
|
2883
2794
|
if (answers && this.configurable) {
|
|
@@ -2888,15 +2799,14 @@ class ProductPageComponent {
|
|
|
2888
2799
|
}
|
|
2889
2800
|
}), this.appEventService.onGetRenderForRenderCarousel.subscribe((renderParameters) => {
|
|
2890
2801
|
this._createRenderForCarousel(renderParameters);
|
|
2891
|
-
}), this.
|
|
2892
|
-
if (
|
|
2893
|
-
this.
|
|
2894
|
-
this._startConfigurator();
|
|
2802
|
+
}), this._configuratorEventService.addedToScene.subscribe((buildResult) => {
|
|
2803
|
+
if (buildResult) {
|
|
2804
|
+
this.handleObjectAddedToScene(buildResult);
|
|
2895
2805
|
}
|
|
2896
|
-
}), this.
|
|
2806
|
+
}), this._configuratorEventService.renderImageChanged.subscribe((image) => {
|
|
2897
2807
|
appEventService.onRenderImageReceived.next(image);
|
|
2898
|
-
}), this.
|
|
2899
|
-
appEventService.onAnswersAvailable.next(
|
|
2808
|
+
}), this._configuratorEventService.answerCountReceived.subscribe((count) => {
|
|
2809
|
+
appEventService.onAnswersAvailable.next(count > 0);
|
|
2900
2810
|
}));
|
|
2901
2811
|
}
|
|
2902
2812
|
ngOnInit() {
|
|
@@ -2915,9 +2825,7 @@ class ProductPageComponent {
|
|
|
2915
2825
|
if (this._initializedSub) {
|
|
2916
2826
|
this._initializedSub.unsubscribe();
|
|
2917
2827
|
}
|
|
2918
|
-
this._pageLoadedSubscription.unsubscribe();
|
|
2919
2828
|
this.fullscreenbutton = undefined;
|
|
2920
|
-
this._configuringService.isConfiguring = false;
|
|
2921
2829
|
}
|
|
2922
2830
|
setInstance(event) {
|
|
2923
2831
|
if (event.detail) {
|
|
@@ -2933,6 +2841,8 @@ class ProductPageComponent {
|
|
|
2933
2841
|
}
|
|
2934
2842
|
_handleSettingsLoaded(loaded) {
|
|
2935
2843
|
if (loaded) {
|
|
2844
|
+
// @ts-ignore
|
|
2845
|
+
this._configuratorConnectorService.init(this.settingsService.settings);
|
|
2936
2846
|
this._ione.initConnection();
|
|
2937
2847
|
}
|
|
2938
2848
|
}
|
|
@@ -2974,34 +2884,9 @@ class ProductPageComponent {
|
|
|
2974
2884
|
handlePopUpChange(event) {
|
|
2975
2885
|
this.showRelatedProductsPopup = event;
|
|
2976
2886
|
}
|
|
2977
|
-
|
|
2978
|
-
if (
|
|
2979
|
-
this.configPresetId = presetId;
|
|
2980
|
-
}
|
|
2981
|
-
}
|
|
2982
|
-
handleSavePreset() {
|
|
2983
|
-
if (this.configPresetId !== undefined) {
|
|
2984
|
-
// prompt warning
|
|
2985
|
-
this.presetDialogType = PresetDialogType.warning;
|
|
2986
|
-
this.showPresetDialog = true;
|
|
2987
|
-
}
|
|
2988
|
-
else {
|
|
2989
|
-
this._savePreset();
|
|
2990
|
-
}
|
|
2991
|
-
}
|
|
2992
|
-
handleCancelSavePreset(event) {
|
|
2993
|
-
this.presetDialogType = PresetDialogType.info;
|
|
2994
|
-
this.showPresetDialog = false;
|
|
2995
|
-
}
|
|
2996
|
-
handleOverwritePreset(event) {
|
|
2997
|
-
this.presetDialogType = PresetDialogType.info;
|
|
2998
|
-
this.showPresetDialog = false;
|
|
2999
|
-
this._savePreset();
|
|
3000
|
-
}
|
|
3001
|
-
handleBuildFinished(build) {
|
|
3002
|
-
if (this.threeD) {
|
|
2887
|
+
handleObjectAddedToScene(build) {
|
|
2888
|
+
if (this.threeD && this.enableRenderCarousel) {
|
|
3003
2889
|
this._buildResult = build;
|
|
3004
|
-
this._configuringService.addBuildToScene(build);
|
|
3005
2890
|
if (this.settingsService.settings && this.settingsService.settings.renderParameters) {
|
|
3006
2891
|
// Start a render
|
|
3007
2892
|
const options = {
|
|
@@ -3016,40 +2901,32 @@ class ProductPageComponent {
|
|
|
3016
2901
|
}
|
|
3017
2902
|
}
|
|
3018
2903
|
}
|
|
3019
|
-
|
|
3020
|
-
|
|
3021
|
-
|
|
3022
|
-
|
|
3023
|
-
|
|
3024
|
-
|
|
3025
|
-
|
|
3026
|
-
}
|
|
3027
|
-
|
|
3028
|
-
|
|
3029
|
-
|
|
3030
|
-
|
|
3031
|
-
|
|
3032
|
-
|
|
3033
|
-
|
|
3034
|
-
}
|
|
3035
|
-
|
|
3036
|
-
|
|
3037
|
-
|
|
3038
|
-
|
|
3039
|
-
|
|
3040
|
-
|
|
3041
|
-
}
|
|
3042
|
-
}
|
|
3043
|
-
_startSceneInit() {
|
|
3044
|
-
if (this.settingsLoaded) {
|
|
3045
|
-
this._configuringService.handleLoadSceneContent();
|
|
3046
|
-
this._configuringService.scene = this._configuratorSceneService.scene;
|
|
3047
|
-
}
|
|
3048
|
-
}
|
|
2904
|
+
// private _initConfigurator(): void {
|
|
2905
|
+
// // this should be async
|
|
2906
|
+
// if (this.settingsLoaded) {
|
|
2907
|
+
// this._configuringService.init(this.settings).then(done => {
|
|
2908
|
+
// // this._configuringService.isConfiguring = true;
|
|
2909
|
+
// });
|
|
2910
|
+
// }
|
|
2911
|
+
// }
|
|
2912
|
+
// private _startConfigurator(): void {
|
|
2913
|
+
// if (this.settingsLoaded) {
|
|
2914
|
+
// const furnitureData: ConfigurationResultObject = new ConfigurationResultObject();
|
|
2915
|
+
// furnitureData.sku = this.sku;
|
|
2916
|
+
// this._configuringService.configure(furnitureData).then(loaded => {
|
|
2917
|
+
// });
|
|
2918
|
+
// }
|
|
2919
|
+
// }
|
|
2920
|
+
// private _startSceneInit(): void {
|
|
2921
|
+
// if (this.settingsLoaded) {
|
|
2922
|
+
// this._configuringService.handleLoadSceneContent();
|
|
2923
|
+
// this._configuringService.scene = this._configuratorSceneService.scene;
|
|
2924
|
+
// }
|
|
2925
|
+
// }
|
|
3049
2926
|
_createRenderForCarousel(renderOptions) {
|
|
3050
2927
|
this._configuringService.renderImage(this._buildResult, renderOptions, false);
|
|
3051
2928
|
}
|
|
3052
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ProductPageComponent, deps: [{ token: IconCacheService }, { token: ProductSettingsService }, { token: ProductEventService }, { token: i0.ChangeDetectorRef }, { token: ProductConnectorService }, { token: i5.
|
|
2929
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ProductPageComponent, deps: [{ token: IconCacheService }, { token: ProductSettingsService }, { token: ProductEventService }, { token: i0.ChangeDetectorRef }, { token: ProductConnectorService }, { token: i5.ConfiguratorEventService }, { token: i5.ConfiguratorConnectorService }, { token: i5.ConfiguringService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3053
2930
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: ProductPageComponent, isStandalone: false, selector: "app-product-page", inputs: { sku: "sku", settings: "settings", externalSource: "externalSource", createFrozenArticle: "createFrozenArticle", isReturn: "isReturn", showRelatedProductsPopup: "showRelatedProductsPopup", enableRenderCarousel: "enableRenderCarousel" }, outputs: { openStockEvent: "openStockEvent" }, host: { properties: { "class.co-product-page": "this.showClass" } }, viewQueries: [{ propertyName: "fullscreenbutton", first: true, predicate: ["fullscreenbutton"], descendants: true, read: ElementRef }], ngImport: i0, template: `
|
|
3054
2931
|
@if (settingsLoaded) {
|
|
3055
2932
|
<div class="page-wrapper">
|
|
@@ -3107,45 +2984,32 @@ class ProductPageComponent {
|
|
|
3107
2984
|
<div class="product-page-scroll-container">
|
|
3108
2985
|
<div class="product-page-block-description">
|
|
3109
2986
|
<app-product-description
|
|
3110
|
-
|
|
3111
|
-
[
|
|
2987
|
+
[article]="article"
|
|
2988
|
+
[configuring]="configuring">
|
|
3112
2989
|
</app-product-description>
|
|
3113
2990
|
</div>
|
|
3114
2991
|
<div class="product-page-block-additional">
|
|
3115
2992
|
<div class="product-page-block-additional-description">
|
|
3116
2993
|
<app-product-additional-description
|
|
3117
|
-
|
|
3118
2994
|
[article]="article">
|
|
3119
2995
|
</app-product-additional-description>
|
|
3120
2996
|
</div>
|
|
3121
2997
|
<div class="product-page-block-price" [class.full]="configuring">
|
|
3122
|
-
@if (configuring && this.settingsService.settings.options.showSaveAsPresetButton) {
|
|
3123
|
-
<div class="preset-container">
|
|
3124
|
-
<co-button
|
|
3125
|
-
class="save-preset-button"
|
|
3126
|
-
[iconData]="iconCache.getIcon(icon.SaveDisk)"
|
|
3127
|
-
[label]="'PRESET_SAVE_AS' | localize"
|
|
3128
|
-
(onClick)="handleSavePreset()">
|
|
3129
|
-
</co-button>
|
|
3130
|
-
</div>
|
|
3131
|
-
}
|
|
3132
2998
|
@if (!configuring) {
|
|
3133
2999
|
<app-product-price
|
|
3134
|
-
|
|
3135
3000
|
[pricing]="article?.pricing"
|
|
3136
3001
|
[configurable]="configurable">
|
|
3137
3002
|
</app-product-price>
|
|
3138
3003
|
}
|
|
3139
|
-
|
|
3140
|
-
@if (settingsLoaded) {
|
|
3004
|
+
@if (settingsLoaded && configuring) {
|
|
3141
3005
|
<co-configurator
|
|
3142
3006
|
[class.hide-configurator]="!configuring"
|
|
3143
3007
|
[class.show-configurator]="configuring"
|
|
3008
|
+
[sku]="sku"
|
|
3144
3009
|
[showLoader]="true"
|
|
3145
3010
|
[animateSlideout]="false"
|
|
3146
3011
|
[showHeaderInformation]="false"
|
|
3147
|
-
[canCloseConfigurator]="false"
|
|
3148
|
-
(buildResult)="handleBuildFinished($event)">
|
|
3012
|
+
[canCloseConfigurator]="false">
|
|
3149
3013
|
</co-configurator>
|
|
3150
3014
|
}
|
|
3151
3015
|
</div>
|
|
@@ -3168,7 +3032,6 @@ class ProductPageComponent {
|
|
|
3168
3032
|
@if (configuring) {
|
|
3169
3033
|
<div class="addtocart-reserved product-action-buttons" [class.full-screen]="fullScreen">
|
|
3170
3034
|
<app-product-addtocart
|
|
3171
|
-
|
|
3172
3035
|
[configurable]="false"
|
|
3173
3036
|
[fullscreen]="fullScreen"
|
|
3174
3037
|
[showAddToCart]="showAddToCart"
|
|
@@ -3183,7 +3046,6 @@ class ProductPageComponent {
|
|
|
3183
3046
|
<div class="product-page-block-variants">
|
|
3184
3047
|
@if (article?.relatedArticles && article?.relatedArticles.length > 0) {
|
|
3185
3048
|
<app-product-related
|
|
3186
|
-
|
|
3187
3049
|
[externalSource]="externalSource"
|
|
3188
3050
|
[articles]="article?.relatedArticles" [refType]="64"
|
|
3189
3051
|
[label]="'VARIANTS' | localize">
|
|
@@ -3192,7 +3054,6 @@ class ProductPageComponent {
|
|
|
3192
3054
|
</div>
|
|
3193
3055
|
<div class="product-page-block-stock">
|
|
3194
3056
|
<app-product-stock
|
|
3195
|
-
|
|
3196
3057
|
[goodId]="article?.goodId"
|
|
3197
3058
|
(openStockEvent)="openStock()">
|
|
3198
3059
|
</app-product-stock>
|
|
@@ -3205,7 +3066,6 @@ class ProductPageComponent {
|
|
|
3205
3066
|
@if (article) {
|
|
3206
3067
|
<div class="page-wrapper-left swimming-lane">
|
|
3207
3068
|
<app-product-info-tabs
|
|
3208
|
-
|
|
3209
3069
|
[article]="article">
|
|
3210
3070
|
</app-product-info-tabs>
|
|
3211
3071
|
</div>
|
|
@@ -3249,17 +3109,8 @@ class ProductPageComponent {
|
|
|
3249
3109
|
</div>
|
|
3250
3110
|
}
|
|
3251
3111
|
</div>
|
|
3252
|
-
|
|
3253
|
-
@if (presetDialogType) {
|
|
3254
|
-
<co-preset-dialog
|
|
3255
|
-
[type]="presetDialogType"
|
|
3256
|
-
[presetId]="configPresetId"
|
|
3257
|
-
(cancelSavePreset)="handleCancelSavePreset($event)"
|
|
3258
|
-
(overwritePreset)="handleOverwritePreset($event)">
|
|
3259
|
-
</co-preset-dialog>
|
|
3260
|
-
}
|
|
3261
3112
|
}
|
|
3262
|
-
`, isInline: true, styles: [".co-product-page .page-wrapper{font-family:Public Sans;font-size:12px;display:flex;flex-direction:column;max-width:100%;padding:0 10px;margin:0 auto}.co-product-page .page-wrapper-content{display:flex;flex-direction:row;margin:0 0 10px;gap:10px}.co-product-page .page-wrapper-content:first-child{margin-top:10px}.co-product-page .page-wrapper-content.no-top-margin{margin-top:0}.co-product-page .swimming-lane{display:flex;flex-wrap:wrap;box-shadow:1px 1px 4px #0000001a;padding:30px;background:#fff}.co-product-page .page-wrapper-left{display:flex;width:65%;flex-direction:column}.co-product-page .page-wrapper-right{display:flex;width:35%;flex-direction:column}.co-product-page .page-wrapper-right .product-page-scroll-container{max-height:100vh;overflow-y:scroll}.co-product-page .page-wrapper-full{display:flex;width:100%;flex-direction:column}.co-product-page .page-wrapper-66{display:flex;width:60%;flex-direction:column}.co-product-page .page-wrapper-33{display:flex;width:40%;flex-direction:column}.co-product-page .product-action-buttons{position:relative}.co-product-page .product-action-buttons.full-screen{z-index:10}.co-product-page .product-image-container{grid-column:1/7;grid-row:1/6;position:relative}.co-product-page .product-page-block-selector-type{width:auto;position:absolute;top:10px;right:10px;z-index:2}.co-product-page .product-page-block-image{box-sizing:border-box;width:100%;z-index:1;position:relative}.co-product-page .product-page-block-image .co-configurator-scene{width:100%;height:300px;display:block;position:relative}.co-product-page .product-page-block-image .co-configurator-scene .configurator-bundle-container{position:relative;height:650px;width:100%}.co-product-page .product-page-block-image .co-configurator-scene .configurator-bundle-container .threedviewer{min-height:0;min-width:0;width:auto;height:auto}.co-product-page .product-page-block-image .co-configurator-scene .configurator-bundle-container .threedviewer canvas{width:100%;height:100%}.co-product-page .product-page-block-image .co-configurator-scene.hide-3d-scene{visibility:hidden;overflow:hidden;height:0}.co-product-page .product-page-block-image .co-configurator-scene.show-3d-scene{min-height:650px;position:relative}.co-product-page .product-page-block-image .co-configurator-scene.show-full-screen{position:fixed;inset:0;width:100%;height:100%}.co-product-page .product-page-block-image .co-configurator-scene.show-full-screen .configurator-bundle-container{height:100%}.co-product-page .product-page-block-image .co-configurator-scene canvas{height:100%}.co-product-page .product-page-block-image app-image-carousel.show-animated,.co-product-page .product-page-block-image threed-configurator.show-animated{opacity:1;z-index:0;transition:all .2s ease-in-out}.co-product-page .product-page-block-image .fullscreen-button{cursor:pointer;height:50px;width:50px;position:absolute;left:30px;z-index:100;top:30px}.co-product-page .product-page-block-image.full{grid-column:1/11;grid-row:2/span 10;z-index:3}.co-product-page .product-page-block-description{grid-column:7/12;grid-row:1/1}.co-product-page .product-page-block-additional,.co-product-page .product-page-block-additional-description{width:100%}.co-product-page .product-page-block-price{grid-column:1/3;grid-row:2/2;align-self:center}.co-product-page .product-page-block-price.full{grid-column:1/5}.co-product-page .product-page-block-price .hide-configurator{display:none}.co-product-page .product-page-block-price .show-configurator{display:block}.co-product-page .product-page-block-price .show-configurator .co-threedselector{position:relative}.co-product-page .product-page-block-price .show-configurator .co-threedselector .co-lite-selector.floating co-selections-summary{position:relative}.co-product-page .product-page-block-price .show-configurator .co-threedselector .co-lite-selector:not(.custom-dimensions).floating co-selections-summary{top:auto;background:none}.co-product-page .product-page-block-price .show-configurator .co-threedselector .co-selections-summary .selections-content{gap:10px;box-sizing:border-box;padding:10px}.co-product-page .product-page-block-price .show-configurator .co-threedselector .co-product-configurator .product-configurator-container{position:relative;width:auto;top:auto;right:auto;padding-left:0;padding-right:0;height:auto;max-height:100%}.co-product-page .preset-container{display:flex;justify-content:right}.co-product-page .preset-container .save-preset-button{cursor:pointer;width:100%;max-width:205px;box-sizing:border-box}.co-product-page .preset-container .save-preset-button:hover{background:#4e9b7e}.co-product-page .product-page-block-addtocart ::ng-deep co-number-picker ::ng-deep co-button{cursor:pointer}.co-product-page .product-page-block-addtocart ::ng-deep co-number-picker ::ng-deep co-button:hover div.rippler{background:#f6f5f4}.co-product-page .product-page-block-addtocart ::ng-deep co-number-picker ::ng-deep co-button ::ng-deep co-icon{position:relative;z-index:2}.co-product-page .product-page-block-addtocart ::ng-deep co-button.cart-button{cursor:pointer}.co-product-page .product-page-block-addtocart ::ng-deep co-button.cart-button:hover{background:#4e9b7e}.co-product-page .addtocart-reserved{grid-column:1/3;grid-row:3/3}.co-product-page .product-page-block-stock{grid-column:1/3;grid-row:4/4}.co-product-page .product-page-block-delivery{grid-column:3/5;grid-row:4/4}.co-product-page ::ng-deep co-scroll-container{overflow:hidden;position:relative}.co-product-page ::ng-deep co-scroll-container .content-wrapper{padding:0}.co-product-page ::ng-deep co-scroll-container .scroll-layer{left:0;top:0}.co-product-page ::ng-deep co-scroll-container .scroll-layer .scroller{width:34px;height:34px;border-radius:36px;background:#fff;cursor:pointer;box-shadow:0 0 5px #0003}.co-product-page ::ng-deep co-scroll-container .scroll-layer .scroller:hover{background:#f6f5f4}.co-product-page ::ng-deep co-scroll-container .scroll-layer .scroller.left-scroll{left:5px}.co-product-page ::ng-deep co-scroll-container .scroll-layer .scroller.left-scroll:before{border-width:0 3px 3px 0;padding:4px;margin-left:13px;margin-top:11px}.co-product-page ::ng-deep co-scroll-container .scroll-layer .scroller.right-scroll{right:5px}.co-product-page ::ng-deep co-scroll-container .scroll-layer .scroller.right-scroll:after{border-width:0 3px 3px 0;padding:4px;margin-left:9px;margin-top:11px}.co-product-page .product-page-block-variants{margin:20px 0 0}.co-product-page .product-page-block-variants app-product-related>div{display:flex;gap:15px;align-items:center;border-top:1px solid #f6f5f4;padding:5px 0 7px 15px}.co-product-page .product-page-block-variants app-product-related>div app-header h3{font-size:14px}.co-product-page .product-page-block-variants app-product-related>div co-scroll-container{width:320px;max-width:100%;padding:0 16px}.co-product-page .product-page-block-variants app-product-related>div co-scroll-container .scroller{width:26px;height:26px}.co-product-page .product-page-block-variants app-product-related>div co-scroll-container .scroller.left-scroll{left:5px}.co-product-page .product-page-block-variants app-product-related>div co-scroll-container .scroller.left-scroll:before{border-width:0 2px 2px 0;margin-left:9px;margin-top:9px}.co-product-page .product-page-block-variants app-product-related>div co-scroll-container .scroller.right-scroll{right:5px}.co-product-page .product-page-block-variants app-product-related>div co-scroll-container .scroller.right-scroll:after{border-width:0 2px 2px 0;margin-left:6px;margin-top:9px}.co-product-page .product-page-block-variants co-tile.small{min-width:50px!important;max-width:50px!important;border:1px solid #f6f5f4;margin:0 10px 0 0;border-radius:4px}.co-product-page .product-page-block-variants co-tile.small:hover{border-color:#22313c}.co-product-page .product-page-block-variants co-tile.small .tile-wrapper{padding:0}.co-product-page .product-page-block-variants co-tile.small .tile-wrapper .tile-top{display:none}.co-product-page .product-page-block-variants co-tile.small .tile-wrapper .image{height:40px!important;padding:5px;margin-bottom:10px}.co-product-page .product-page-block-variants co-tile.small .tile-wrapper .image .no-image-wrapper .no-image{width:40px;height:40px}.co-product-page .product-page-block-variants co-tile.small .tile-wrapper .image .no-image-wrapper span{display:none!important}.co-product-page .product-page-block-variants co-tile.small .tile-wrapper .tile-bottom{display:none}.co-product-page .product-page-block-variants co-tile.small .tile-extra-bottom{display:none}.co-product-page .product-page-block-alternatives .co-scroll-container,.co-product-page .product-page-block-alternatives .co-scroll-container .content-wrapper{width:auto}.co-product-page .product-page-block-alternatives .article-wrapper{margin:0 20px 0 0}.co-product-page .product-page-block-alternatives .article-wrapper:last-child{margin:0}.co-product-page .product-page-block-alternatives .co-tile{cursor:pointer;transition:all .14s ease-out;border:1px solid transparent;padding:15px 10px 0;width:319px;max-width:none;min-width:0;box-sizing:border-box}.co-product-page .product-page-block-alternatives .co-tile:hover{box-shadow:none;border-color:#f6f5f4}.co-product-page .product-page-block-alternatives .co-tile:hover .tile-wrapper div.image co-image{transform:scale(1.05)}.co-product-page .product-page-block-alternatives .co-tile:hover .tile-wrapper .tile-bottom{margin:0}.co-product-page .product-page-block-alternatives .co-tile:hover .tile-extra-bottom .main .description{text-decoration:underline}.co-product-page .product-page-block-alternatives .co-tile .tile-wrapper{padding:0;position:relative;outline:none;overflow:hidden}.co-product-page .product-page-block-alternatives .co-tile .tile-wrapper .tile-top{position:absolute;left:0;top:0;width:100%}.co-product-page .product-page-block-alternatives .co-tile .tile-wrapper div.image{position:relative;padding:1px;display:flex;align-items:center;justify-content:center;overflow:hidden;max-width:250px;margin:0 auto 10px;height:auto}.co-product-page .product-page-block-alternatives .co-tile .tile-wrapper div.image:after{content:\"\";padding:100% 0 0;float:left;width:100%}.co-product-page .product-page-block-alternatives .co-tile .tile-wrapper div.image .co-image{position:absolute;left:0;top:0;overflow:hidden;width:100%;height:100%;object-fit:contain;transition:all .2s ease}.co-product-page .product-page-block-alternatives .co-tile .tile-wrapper div.image .no-image-wrapper{position:absolute;display:flex;left:50%;top:50%;margin:-48px 0 0 -54px;flex-direction:column;align-items:center;opacity:.25}.co-product-page .product-page-block-alternatives .co-tile .tile-wrapper .tile-bottom{transition:all .2s ease;height:auto}.co-product-page .product-page-block-alternatives .co-tile .tile-extra-bottom{outline:none;padding:5px 0;background:transparent!important;min-height:60px}.co-product-page .product-page-block-alternatives .co-tile .tile-extra-bottom .co-button{margin:0 0 5px!important;width:34px;height:34px;border:none;background:#1a73e8;cursor:pointer;border-radius:4px;padding:0!important;font-size:0}.co-product-page .product-page-block-alternatives .co-tile .tile-extra-bottom .co-button .co-icon{width:28px;height:28px;margin:0 2px}.co-product-page .product-page-block-alternatives .co-tile .tile-extra-bottom .main{padding:0 10px}.co-product-page .product-page-block-alternatives .co-tile .tile-extra-bottom .main .description{font-size:15px;font-weight:700;margin:0 0 2px}.co-product-page .product-page-block-alternatives .co-tile .tile-extra-bottom .main .price{font-size:16px;margin:15px 0 0;font-weight:700;color:#1a73e8}.co-product-page .product-page-block-additional-information{grid-column:1/6;grid-row:4/4}.co-product-page .product-page-block-properties{grid-column:7/10;grid-row:3/3}.co-product-page .product-page-block-related-articles{grid-column:2/6;grid-row:4/4}.co-product-page .product-page-block-alternative-articles{grid-column:6/10;grid-row:4/4}.co-product-page .product-page-block-documents{grid-column:2/6;grid-row:5/5}.co-product-page .product-page-block-symbols{grid-column:6/10;grid-row:5/5}@media screen and (max-width: 950px){.co-product-page .default-padding{padding-top:20px;padding-bottom:20px}.co-product-page .m-padding{padding-top:15px;padding-bottom:15px}.co-product-page .s-padding{padding-top:5px;padding-bottom:5px}.co-product-page .page-wrapper{max-width:650px}.co-product-page .page-wrapper .page-wrapper-content{flex-direction:column;margin:30px 0}.co-product-page .page-wrapper .page-wrapper-content .page-wrapper-left,.co-product-page .page-wrapper .page-wrapper-content .page-wrapper-right{width:100%}.co-product-page .product-page-block-alternatives ::ng-deep co-tile{width:284px!important}}@media screen and (max-width: 650px){.co-product-page [class*=-padding]{padding-left:0!important;padding-right:0!important}.co-product-page .product-page-block-addtocart ::ng-deep co-number-picker co-button{height:38px!important}.co-product-page .product-page-block-addtocart ::ng-deep co-number-picker co-input-text{height:38px!important;width:36px!important}.co-product-page .product-page-block-addtocart ::ng-deep co-button.cart-button{height:40px;font-size:13px}}\n"], dependencies: [{ kind: "component", type: ProductSelectorTypeComponent, selector: "app-product-selector-type", inputs: ["show2D", "show3D", "showRenderCarousel", "currentType"], outputs: ["onIconClick", "currentTypeChange"] }, { kind: "component", type: ImageCarouselComponent, selector: "app-image-carousel", inputs: ["showRefresh", "images"] }, { kind: "component", type: i6.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "component", type: ProductDescriptionComponent, selector: "app-product-description", inputs: ["article"] }, { kind: "component", type: ProductAdditionalDescriptionComponent, selector: "app-product-additional-description", inputs: ["article"] }, { kind: "component", type: ProductPriceComponent, selector: "app-product-price", inputs: ["pricing", "configurable"] }, { kind: "component", type: ProductAddtocartComponent, selector: "app-product-addtocart", inputs: ["article", "externalSource", "createFrozenArticle", "configurable", "configuring", "showAddToCart", "isReturn", "fullscreen", "quantity"], outputs: ["startConfiguration", "addToCartClick", "addToQuoteClick", "showRelatedPopup"] }, { kind: "component", type: ProductRelatedComponent, selector: "app-product-related", inputs: ["refType", "label", "externalSource", "isSmallModus", "createFrozenArticle", "articles"] }, { kind: "component", type: ProductStockComponent, selector: "app-product-stock", inputs: ["goodId"], outputs: ["openStockEvent"] }, { kind: "component", type: ProductInfoTabsComponent, selector: "app-product-info-tabs", inputs: ["article"] }, { kind: "component", type: ProductDialogComponent, selector: "co-product-dialog", inputs: ["refType", "mainArticle", "articles"], outputs: ["closeRelatedPopup"] }, { kind: "component", type: RenderCarouselComponent, selector: "app-render-carousel", inputs: ["showRefresh", "article"] }, { kind: "component", type: i6.ButtonComponent, selector: "co-button", inputs: ["label", "iconData", "iconDataRight", "isToggleButton", "isToggled", "hidden", "disabled"], outputs: ["onClick", "clickedWhileDisabled", "isToggledChange"] }, { kind: "component", type: PresetDialogComponent, selector: "co-preset-dialog", inputs: ["type", "presetId"], outputs: ["cancelSavePreset", "overwritePreset"] }, { kind: "component", type: i5.ConfiguratorComponent, selector: "co-configurator", inputs: ["showLoader", "showProgressBar", "showErrorMessages", "outputErrorMessages", "canCloseConfigurator", "animateSlideout", "showHeaderInformation", "showSaveAndLoadConfiguration"], outputs: ["buildResult", "isLoading", "updateProgressBar", "errorMessages", "showChange"] }, { kind: "component", type: i5.ConfiguratorSceneComponent, selector: "co-configurator-scene" }, { kind: "pipe", type: LocalizePipe, name: "localize" }], animations: [
|
|
3113
|
+
`, isInline: true, styles: [".co-product-page .page-wrapper{font-family:Public Sans;font-size:12px;display:flex;flex-direction:column;max-width:100%;padding:0 10px;margin:0 auto}.co-product-page .page-wrapper-content{display:flex;flex-direction:row;margin:0 0 10px;gap:10px}.co-product-page .page-wrapper-content:first-child{margin-top:10px}.co-product-page .page-wrapper-content.no-top-margin{margin-top:0}.co-product-page .swimming-lane{display:flex;flex-wrap:wrap;box-shadow:1px 1px 4px #0000001a;padding:30px;background:#fff}.co-product-page .page-wrapper-left{display:flex;width:65%;flex-direction:column}.co-product-page .page-wrapper-right{display:flex;width:35%;flex-direction:column}.co-product-page .page-wrapper-right .product-page-scroll-container{max-height:100vh;overflow-y:scroll}.co-product-page .page-wrapper-full{display:flex;width:100%;flex-direction:column}.co-product-page .page-wrapper-66{display:flex;width:60%;flex-direction:column}.co-product-page .page-wrapper-33{display:flex;width:40%;flex-direction:column}.co-product-page .product-action-buttons{position:relative}.co-product-page .product-action-buttons.full-screen{z-index:10}.co-product-page .product-image-container{grid-column:1/7;grid-row:1/6;position:relative}.co-product-page .product-page-block-selector-type{width:auto;position:absolute;top:10px;right:10px;z-index:2}.co-product-page .product-page-block-image{box-sizing:border-box;width:100%;z-index:1;position:relative}.co-product-page .product-page-block-image .co-configurator-scene{width:100%;height:300px;display:block;position:relative}.co-product-page .product-page-block-image .co-configurator-scene .configurator-bundle-container{position:relative;height:650px;width:100%}.co-product-page .product-page-block-image .co-configurator-scene .configurator-bundle-container .threedviewer{min-height:0;min-width:0;width:auto;height:auto}.co-product-page .product-page-block-image .co-configurator-scene .configurator-bundle-container .threedviewer canvas{width:100%;height:100%}.co-product-page .product-page-block-image .co-configurator-scene.hide-3d-scene{visibility:hidden;overflow:hidden;height:0}.co-product-page .product-page-block-image .co-configurator-scene.show-3d-scene{min-height:650px;position:relative}.co-product-page .product-page-block-image .co-configurator-scene.show-full-screen{position:fixed;inset:0;width:100%;height:100%}.co-product-page .product-page-block-image .co-configurator-scene.show-full-screen .configurator-bundle-container{height:100%}.co-product-page .product-page-block-image .co-configurator-scene canvas{height:100%}.co-product-page .product-page-block-image app-image-carousel.show-animated,.co-product-page .product-page-block-image threed-configurator.show-animated{opacity:1;z-index:0;transition:all .2s ease-in-out}.co-product-page .product-page-block-image .fullscreen-button{cursor:pointer;height:50px;width:50px;position:absolute;left:30px;z-index:100;top:30px}.co-product-page .product-page-block-image.full{grid-column:1/11;grid-row:2/span 10;z-index:3}.co-product-page .product-page-block-description{grid-column:7/12;grid-row:1/1}.co-product-page .product-page-block-additional,.co-product-page .product-page-block-additional-description{width:100%}.co-product-page .product-page-block-price{grid-column:1/3;grid-row:2/2;align-self:center}.co-product-page .product-page-block-price.full{grid-column:1/5}.co-product-page .product-page-block-price .hide-configurator{display:none}.co-product-page .product-page-block-price .show-configurator{display:block}.co-product-page .product-page-block-price .show-configurator .co-lite-selector.floating co-selections-summary{position:relative}.co-product-page .product-page-block-price .show-configurator .co-lite-selector:not(.custom-dimensions).floating co-selections-summary{top:auto;background:none}.co-product-page .product-page-block-price .show-configurator .co-selections-summary .selections-content{gap:10px;box-sizing:border-box;padding:10px}.co-product-page .product-page-block-price .show-configurator .co-product-configurator .product-configurator-container{position:relative;width:auto;top:auto;right:auto;padding-left:0;padding-right:0;height:auto;max-height:100%}.co-product-page .preset-container{display:flex;justify-content:right}.co-product-page .preset-container .save-preset-button{cursor:pointer;width:100%;max-width:205px;box-sizing:border-box}.co-product-page .preset-container .save-preset-button:hover{background:#4e9b7e}.co-product-page .product-page-block-addtocart ::ng-deep co-number-picker ::ng-deep co-button{cursor:pointer}.co-product-page .product-page-block-addtocart ::ng-deep co-number-picker ::ng-deep co-button:hover div.rippler{background:#f6f5f4}.co-product-page .product-page-block-addtocart ::ng-deep co-number-picker ::ng-deep co-button ::ng-deep co-icon{position:relative;z-index:2}.co-product-page .product-page-block-addtocart ::ng-deep co-button.cart-button{cursor:pointer}.co-product-page .product-page-block-addtocart ::ng-deep co-button.cart-button:hover{background:#4e9b7e}.co-product-page .addtocart-reserved{grid-column:1/3;grid-row:3/3}.co-product-page .product-page-block-stock{grid-column:1/3;grid-row:4/4}.co-product-page .product-page-block-delivery{grid-column:3/5;grid-row:4/4}.co-product-page ::ng-deep co-scroll-container{overflow:hidden;position:relative}.co-product-page ::ng-deep co-scroll-container .content-wrapper{padding:0}.co-product-page ::ng-deep co-scroll-container .scroll-layer{left:0;top:0}.co-product-page ::ng-deep co-scroll-container .scroll-layer .scroller{width:34px;height:34px;border-radius:36px;background:#fff;cursor:pointer;box-shadow:0 0 5px #0003}.co-product-page ::ng-deep co-scroll-container .scroll-layer .scroller:hover{background:#f6f5f4}.co-product-page ::ng-deep co-scroll-container .scroll-layer .scroller.left-scroll{left:5px}.co-product-page ::ng-deep co-scroll-container .scroll-layer .scroller.left-scroll:before{border-width:0 3px 3px 0;padding:4px;margin-left:13px;margin-top:11px}.co-product-page ::ng-deep co-scroll-container .scroll-layer .scroller.right-scroll{right:5px}.co-product-page ::ng-deep co-scroll-container .scroll-layer .scroller.right-scroll:after{border-width:0 3px 3px 0;padding:4px;margin-left:9px;margin-top:11px}.co-product-page .product-page-block-variants{margin:20px 0 0}.co-product-page .product-page-block-variants app-product-related>div{display:flex;gap:15px;align-items:center;border-top:1px solid #f6f5f4;padding:5px 0 7px 15px}.co-product-page .product-page-block-variants app-product-related>div app-header h3{font-size:14px}.co-product-page .product-page-block-variants app-product-related>div co-scroll-container{width:320px;max-width:100%;padding:0 16px}.co-product-page .product-page-block-variants app-product-related>div co-scroll-container .scroller{width:26px;height:26px}.co-product-page .product-page-block-variants app-product-related>div co-scroll-container .scroller.left-scroll{left:5px}.co-product-page .product-page-block-variants app-product-related>div co-scroll-container .scroller.left-scroll:before{border-width:0 2px 2px 0;margin-left:9px;margin-top:9px}.co-product-page .product-page-block-variants app-product-related>div co-scroll-container .scroller.right-scroll{right:5px}.co-product-page .product-page-block-variants app-product-related>div co-scroll-container .scroller.right-scroll:after{border-width:0 2px 2px 0;margin-left:6px;margin-top:9px}.co-product-page .product-page-block-variants co-tile.small{min-width:50px!important;max-width:50px!important;border:1px solid #f6f5f4;margin:0 10px 0 0;border-radius:4px}.co-product-page .product-page-block-variants co-tile.small:hover{border-color:#22313c}.co-product-page .product-page-block-variants co-tile.small .tile-wrapper{padding:0}.co-product-page .product-page-block-variants co-tile.small .tile-wrapper .tile-top{display:none}.co-product-page .product-page-block-variants co-tile.small .tile-wrapper .image{height:40px!important;padding:5px;margin-bottom:10px}.co-product-page .product-page-block-variants co-tile.small .tile-wrapper .image .no-image-wrapper .no-image{width:40px;height:40px}.co-product-page .product-page-block-variants co-tile.small .tile-wrapper .image .no-image-wrapper span{display:none!important}.co-product-page .product-page-block-variants co-tile.small .tile-wrapper .tile-bottom{display:none}.co-product-page .product-page-block-variants co-tile.small .tile-extra-bottom{display:none}.co-product-page .product-page-block-alternatives .co-scroll-container,.co-product-page .product-page-block-alternatives .co-scroll-container .content-wrapper{width:auto}.co-product-page .product-page-block-alternatives .article-wrapper{margin:0 20px 0 0}.co-product-page .product-page-block-alternatives .article-wrapper:last-child{margin:0}.co-product-page .product-page-block-alternatives .co-tile{cursor:pointer;transition:all .14s ease-out;border:1px solid transparent;padding:15px 10px 0;width:319px;max-width:none;min-width:0;box-sizing:border-box}.co-product-page .product-page-block-alternatives .co-tile:hover{box-shadow:none;border-color:#f6f5f4}.co-product-page .product-page-block-alternatives .co-tile:hover .tile-wrapper div.image co-image{transform:scale(1.05)}.co-product-page .product-page-block-alternatives .co-tile:hover .tile-wrapper .tile-bottom{margin:0}.co-product-page .product-page-block-alternatives .co-tile:hover .tile-extra-bottom .main .description{text-decoration:underline}.co-product-page .product-page-block-alternatives .co-tile .tile-wrapper{padding:0;position:relative;outline:none;overflow:hidden}.co-product-page .product-page-block-alternatives .co-tile .tile-wrapper .tile-top{position:absolute;left:0;top:0;width:100%}.co-product-page .product-page-block-alternatives .co-tile .tile-wrapper div.image{position:relative;padding:1px;display:flex;align-items:center;justify-content:center;overflow:hidden;max-width:250px;margin:0 auto 10px;height:auto}.co-product-page .product-page-block-alternatives .co-tile .tile-wrapper div.image:after{content:\"\";padding:100% 0 0;float:left;width:100%}.co-product-page .product-page-block-alternatives .co-tile .tile-wrapper div.image .co-image{position:absolute;left:0;top:0;overflow:hidden;width:100%;height:100%;object-fit:contain;transition:all .2s ease}.co-product-page .product-page-block-alternatives .co-tile .tile-wrapper div.image .no-image-wrapper{position:absolute;display:flex;left:50%;top:50%;margin:-48px 0 0 -54px;flex-direction:column;align-items:center;opacity:.25}.co-product-page .product-page-block-alternatives .co-tile .tile-wrapper .tile-bottom{transition:all .2s ease;height:auto}.co-product-page .product-page-block-alternatives .co-tile .tile-extra-bottom{outline:none;padding:5px 0;background:transparent!important;min-height:60px}.co-product-page .product-page-block-alternatives .co-tile .tile-extra-bottom .co-button{margin:0 0 5px!important;width:34px;height:34px;border:none;background:#1a73e8;cursor:pointer;border-radius:4px;padding:0!important;font-size:0}.co-product-page .product-page-block-alternatives .co-tile .tile-extra-bottom .co-button .co-icon{width:28px;height:28px;margin:0 2px}.co-product-page .product-page-block-alternatives .co-tile .tile-extra-bottom .main{padding:0 10px}.co-product-page .product-page-block-alternatives .co-tile .tile-extra-bottom .main .description{font-size:15px;font-weight:700;margin:0 0 2px}.co-product-page .product-page-block-alternatives .co-tile .tile-extra-bottom .main .price{font-size:16px;margin:15px 0 0;font-weight:700;color:#1a73e8}.co-product-page .product-page-block-additional-information{grid-column:1/6;grid-row:4/4}.co-product-page .product-page-block-properties{grid-column:7/10;grid-row:3/3}.co-product-page .product-page-block-related-articles{grid-column:2/6;grid-row:4/4}.co-product-page .product-page-block-alternative-articles{grid-column:6/10;grid-row:4/4}.co-product-page .product-page-block-documents{grid-column:2/6;grid-row:5/5}.co-product-page .product-page-block-symbols{grid-column:6/10;grid-row:5/5}@media screen and (max-width: 950px){.co-product-page .default-padding{padding-top:20px;padding-bottom:20px}.co-product-page .m-padding{padding-top:15px;padding-bottom:15px}.co-product-page .s-padding{padding-top:5px;padding-bottom:5px}.co-product-page .page-wrapper{max-width:650px}.co-product-page .page-wrapper .page-wrapper-content{flex-direction:column;margin:30px 0}.co-product-page .page-wrapper .page-wrapper-content .page-wrapper-left,.co-product-page .page-wrapper .page-wrapper-content .page-wrapper-right{width:100%}.co-product-page .product-page-block-alternatives ::ng-deep co-tile{width:284px!important}}@media screen and (max-width: 650px){.co-product-page [class*=-padding]{padding-left:0!important;padding-right:0!important}.co-product-page .product-page-block-addtocart ::ng-deep co-number-picker co-button{height:38px!important}.co-product-page .product-page-block-addtocart ::ng-deep co-number-picker co-input-text{height:38px!important;width:36px!important}.co-product-page .product-page-block-addtocart ::ng-deep co-button.cart-button{height:40px;font-size:13px}}\n"], dependencies: [{ kind: "component", type: ProductSelectorTypeComponent, selector: "app-product-selector-type", inputs: ["show2D", "show3D", "showRenderCarousel", "currentType"], outputs: ["onIconClick", "currentTypeChange"] }, { kind: "component", type: ImageCarouselComponent, selector: "app-image-carousel", inputs: ["showRefresh", "images"] }, { kind: "component", type: i6.IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }, { kind: "component", type: ProductDescriptionComponent, selector: "app-product-description", inputs: ["article", "configuring"] }, { kind: "component", type: ProductAdditionalDescriptionComponent, selector: "app-product-additional-description", inputs: ["article"] }, { kind: "component", type: ProductPriceComponent, selector: "app-product-price", inputs: ["pricing", "configurable"] }, { kind: "component", type: ProductAddtocartComponent, selector: "app-product-addtocart", inputs: ["article", "externalSource", "createFrozenArticle", "configurable", "configuring", "showAddToCart", "isReturn", "fullscreen", "quantity"], outputs: ["startConfiguration", "addToCartClick", "addToQuoteClick", "showRelatedPopup"] }, { kind: "component", type: ProductRelatedComponent, selector: "app-product-related", inputs: ["refType", "label", "externalSource", "isSmallModus", "createFrozenArticle", "articles"] }, { kind: "component", type: ProductStockComponent, selector: "app-product-stock", inputs: ["goodId"], outputs: ["openStockEvent"] }, { kind: "component", type: ProductInfoTabsComponent, selector: "app-product-info-tabs", inputs: ["article"] }, { kind: "component", type: ProductDialogComponent, selector: "co-product-dialog", inputs: ["refType", "mainArticle", "articles"], outputs: ["closeRelatedPopup"] }, { kind: "component", type: RenderCarouselComponent, selector: "app-render-carousel", inputs: ["showRefresh", "article"] }, { kind: "component", type: i5.ConfiguratorComponent, selector: "co-configurator", inputs: ["sku", "instanceId", "settings", "scene", "showLoader", "showProgressBar", "showErrorMessages", "outputErrorMessages", "canCloseConfigurator", "animateSlideout", "showHeaderInformation"], outputs: ["isLoading", "updateProgressBar", "errorMessages", "showChange"] }, { kind: "component", type: i5.ConfiguratorSceneComponent, selector: "co-configurator-scene", inputs: ["showSceneBuildLoader"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }], animations: [
|
|
3263
3114
|
trigger('toggleFullScreen', [
|
|
3264
3115
|
state('fullscreen', style({ 'position': 'fixed', 'top': '0', 'left': '0', 'width': '100%', 'height': '100%' })),
|
|
3265
3116
|
state('halfscreen', style({ 'position': '*', 'top': '*', 'left': '*', 'width': '*', 'height': '*' })),
|
|
@@ -3351,45 +3202,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
|
|
|
3351
3202
|
<div class="product-page-scroll-container">
|
|
3352
3203
|
<div class="product-page-block-description">
|
|
3353
3204
|
<app-product-description
|
|
3354
|
-
|
|
3355
|
-
[
|
|
3205
|
+
[article]="article"
|
|
3206
|
+
[configuring]="configuring">
|
|
3356
3207
|
</app-product-description>
|
|
3357
3208
|
</div>
|
|
3358
3209
|
<div class="product-page-block-additional">
|
|
3359
3210
|
<div class="product-page-block-additional-description">
|
|
3360
3211
|
<app-product-additional-description
|
|
3361
|
-
|
|
3362
3212
|
[article]="article">
|
|
3363
3213
|
</app-product-additional-description>
|
|
3364
3214
|
</div>
|
|
3365
3215
|
<div class="product-page-block-price" [class.full]="configuring">
|
|
3366
|
-
@if (configuring && this.settingsService.settings.options.showSaveAsPresetButton) {
|
|
3367
|
-
<div class="preset-container">
|
|
3368
|
-
<co-button
|
|
3369
|
-
class="save-preset-button"
|
|
3370
|
-
[iconData]="iconCache.getIcon(icon.SaveDisk)"
|
|
3371
|
-
[label]="'PRESET_SAVE_AS' | localize"
|
|
3372
|
-
(onClick)="handleSavePreset()">
|
|
3373
|
-
</co-button>
|
|
3374
|
-
</div>
|
|
3375
|
-
}
|
|
3376
3216
|
@if (!configuring) {
|
|
3377
3217
|
<app-product-price
|
|
3378
|
-
|
|
3379
3218
|
[pricing]="article?.pricing"
|
|
3380
3219
|
[configurable]="configurable">
|
|
3381
3220
|
</app-product-price>
|
|
3382
3221
|
}
|
|
3383
|
-
|
|
3384
|
-
@if (settingsLoaded) {
|
|
3222
|
+
@if (settingsLoaded && configuring) {
|
|
3385
3223
|
<co-configurator
|
|
3386
3224
|
[class.hide-configurator]="!configuring"
|
|
3387
3225
|
[class.show-configurator]="configuring"
|
|
3226
|
+
[sku]="sku"
|
|
3388
3227
|
[showLoader]="true"
|
|
3389
3228
|
[animateSlideout]="false"
|
|
3390
3229
|
[showHeaderInformation]="false"
|
|
3391
|
-
[canCloseConfigurator]="false"
|
|
3392
|
-
(buildResult)="handleBuildFinished($event)">
|
|
3230
|
+
[canCloseConfigurator]="false">
|
|
3393
3231
|
</co-configurator>
|
|
3394
3232
|
}
|
|
3395
3233
|
</div>
|
|
@@ -3412,7 +3250,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
|
|
|
3412
3250
|
@if (configuring) {
|
|
3413
3251
|
<div class="addtocart-reserved product-action-buttons" [class.full-screen]="fullScreen">
|
|
3414
3252
|
<app-product-addtocart
|
|
3415
|
-
|
|
3416
3253
|
[configurable]="false"
|
|
3417
3254
|
[fullscreen]="fullScreen"
|
|
3418
3255
|
[showAddToCart]="showAddToCart"
|
|
@@ -3427,7 +3264,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
|
|
|
3427
3264
|
<div class="product-page-block-variants">
|
|
3428
3265
|
@if (article?.relatedArticles && article?.relatedArticles.length > 0) {
|
|
3429
3266
|
<app-product-related
|
|
3430
|
-
|
|
3431
3267
|
[externalSource]="externalSource"
|
|
3432
3268
|
[articles]="article?.relatedArticles" [refType]="64"
|
|
3433
3269
|
[label]="'VARIANTS' | localize">
|
|
@@ -3436,7 +3272,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
|
|
|
3436
3272
|
</div>
|
|
3437
3273
|
<div class="product-page-block-stock">
|
|
3438
3274
|
<app-product-stock
|
|
3439
|
-
|
|
3440
3275
|
[goodId]="article?.goodId"
|
|
3441
3276
|
(openStockEvent)="openStock()">
|
|
3442
3277
|
</app-product-stock>
|
|
@@ -3449,7 +3284,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
|
|
|
3449
3284
|
@if (article) {
|
|
3450
3285
|
<div class="page-wrapper-left swimming-lane">
|
|
3451
3286
|
<app-product-info-tabs
|
|
3452
|
-
|
|
3453
3287
|
[article]="article">
|
|
3454
3288
|
</app-product-info-tabs>
|
|
3455
3289
|
</div>
|
|
@@ -3493,15 +3327,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
|
|
|
3493
3327
|
</div>
|
|
3494
3328
|
}
|
|
3495
3329
|
</div>
|
|
3496
|
-
|
|
3497
|
-
@if (presetDialogType) {
|
|
3498
|
-
<co-preset-dialog
|
|
3499
|
-
[type]="presetDialogType"
|
|
3500
|
-
[presetId]="configPresetId"
|
|
3501
|
-
(cancelSavePreset)="handleCancelSavePreset($event)"
|
|
3502
|
-
(overwritePreset)="handleOverwritePreset($event)">
|
|
3503
|
-
</co-preset-dialog>
|
|
3504
|
-
}
|
|
3505
3330
|
}
|
|
3506
3331
|
`, encapsulation: ViewEncapsulation.None, animations: [
|
|
3507
3332
|
trigger('toggleFullScreen', [
|
|
@@ -3534,8 +3359,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
|
|
|
3534
3359
|
state('*', style({ 'opacity': '1' })),
|
|
3535
3360
|
transition('void => *', animate('200ms ease-in-out'))
|
|
3536
3361
|
])
|
|
3537
|
-
], standalone: false, styles: [".co-product-page .page-wrapper{font-family:Public Sans;font-size:12px;display:flex;flex-direction:column;max-width:100%;padding:0 10px;margin:0 auto}.co-product-page .page-wrapper-content{display:flex;flex-direction:row;margin:0 0 10px;gap:10px}.co-product-page .page-wrapper-content:first-child{margin-top:10px}.co-product-page .page-wrapper-content.no-top-margin{margin-top:0}.co-product-page .swimming-lane{display:flex;flex-wrap:wrap;box-shadow:1px 1px 4px #0000001a;padding:30px;background:#fff}.co-product-page .page-wrapper-left{display:flex;width:65%;flex-direction:column}.co-product-page .page-wrapper-right{display:flex;width:35%;flex-direction:column}.co-product-page .page-wrapper-right .product-page-scroll-container{max-height:100vh;overflow-y:scroll}.co-product-page .page-wrapper-full{display:flex;width:100%;flex-direction:column}.co-product-page .page-wrapper-66{display:flex;width:60%;flex-direction:column}.co-product-page .page-wrapper-33{display:flex;width:40%;flex-direction:column}.co-product-page .product-action-buttons{position:relative}.co-product-page .product-action-buttons.full-screen{z-index:10}.co-product-page .product-image-container{grid-column:1/7;grid-row:1/6;position:relative}.co-product-page .product-page-block-selector-type{width:auto;position:absolute;top:10px;right:10px;z-index:2}.co-product-page .product-page-block-image{box-sizing:border-box;width:100%;z-index:1;position:relative}.co-product-page .product-page-block-image .co-configurator-scene{width:100%;height:300px;display:block;position:relative}.co-product-page .product-page-block-image .co-configurator-scene .configurator-bundle-container{position:relative;height:650px;width:100%}.co-product-page .product-page-block-image .co-configurator-scene .configurator-bundle-container .threedviewer{min-height:0;min-width:0;width:auto;height:auto}.co-product-page .product-page-block-image .co-configurator-scene .configurator-bundle-container .threedviewer canvas{width:100%;height:100%}.co-product-page .product-page-block-image .co-configurator-scene.hide-3d-scene{visibility:hidden;overflow:hidden;height:0}.co-product-page .product-page-block-image .co-configurator-scene.show-3d-scene{min-height:650px;position:relative}.co-product-page .product-page-block-image .co-configurator-scene.show-full-screen{position:fixed;inset:0;width:100%;height:100%}.co-product-page .product-page-block-image .co-configurator-scene.show-full-screen .configurator-bundle-container{height:100%}.co-product-page .product-page-block-image .co-configurator-scene canvas{height:100%}.co-product-page .product-page-block-image app-image-carousel.show-animated,.co-product-page .product-page-block-image threed-configurator.show-animated{opacity:1;z-index:0;transition:all .2s ease-in-out}.co-product-page .product-page-block-image .fullscreen-button{cursor:pointer;height:50px;width:50px;position:absolute;left:30px;z-index:100;top:30px}.co-product-page .product-page-block-image.full{grid-column:1/11;grid-row:2/span 10;z-index:3}.co-product-page .product-page-block-description{grid-column:7/12;grid-row:1/1}.co-product-page .product-page-block-additional,.co-product-page .product-page-block-additional-description{width:100%}.co-product-page .product-page-block-price{grid-column:1/3;grid-row:2/2;align-self:center}.co-product-page .product-page-block-price.full{grid-column:1/5}.co-product-page .product-page-block-price .hide-configurator{display:none}.co-product-page .product-page-block-price .show-configurator{display:block}.co-product-page .product-page-block-price .show-configurator .co-threedselector{position:relative}.co-product-page .product-page-block-price .show-configurator .co-threedselector .co-lite-selector.floating co-selections-summary{position:relative}.co-product-page .product-page-block-price .show-configurator .co-threedselector .co-lite-selector:not(.custom-dimensions).floating co-selections-summary{top:auto;background:none}.co-product-page .product-page-block-price .show-configurator .co-threedselector .co-selections-summary .selections-content{gap:10px;box-sizing:border-box;padding:10px}.co-product-page .product-page-block-price .show-configurator .co-threedselector .co-product-configurator .product-configurator-container{position:relative;width:auto;top:auto;right:auto;padding-left:0;padding-right:0;height:auto;max-height:100%}.co-product-page .preset-container{display:flex;justify-content:right}.co-product-page .preset-container .save-preset-button{cursor:pointer;width:100%;max-width:205px;box-sizing:border-box}.co-product-page .preset-container .save-preset-button:hover{background:#4e9b7e}.co-product-page .product-page-block-addtocart ::ng-deep co-number-picker ::ng-deep co-button{cursor:pointer}.co-product-page .product-page-block-addtocart ::ng-deep co-number-picker ::ng-deep co-button:hover div.rippler{background:#f6f5f4}.co-product-page .product-page-block-addtocart ::ng-deep co-number-picker ::ng-deep co-button ::ng-deep co-icon{position:relative;z-index:2}.co-product-page .product-page-block-addtocart ::ng-deep co-button.cart-button{cursor:pointer}.co-product-page .product-page-block-addtocart ::ng-deep co-button.cart-button:hover{background:#4e9b7e}.co-product-page .addtocart-reserved{grid-column:1/3;grid-row:3/3}.co-product-page .product-page-block-stock{grid-column:1/3;grid-row:4/4}.co-product-page .product-page-block-delivery{grid-column:3/5;grid-row:4/4}.co-product-page ::ng-deep co-scroll-container{overflow:hidden;position:relative}.co-product-page ::ng-deep co-scroll-container .content-wrapper{padding:0}.co-product-page ::ng-deep co-scroll-container .scroll-layer{left:0;top:0}.co-product-page ::ng-deep co-scroll-container .scroll-layer .scroller{width:34px;height:34px;border-radius:36px;background:#fff;cursor:pointer;box-shadow:0 0 5px #0003}.co-product-page ::ng-deep co-scroll-container .scroll-layer .scroller:hover{background:#f6f5f4}.co-product-page ::ng-deep co-scroll-container .scroll-layer .scroller.left-scroll{left:5px}.co-product-page ::ng-deep co-scroll-container .scroll-layer .scroller.left-scroll:before{border-width:0 3px 3px 0;padding:4px;margin-left:13px;margin-top:11px}.co-product-page ::ng-deep co-scroll-container .scroll-layer .scroller.right-scroll{right:5px}.co-product-page ::ng-deep co-scroll-container .scroll-layer .scroller.right-scroll:after{border-width:0 3px 3px 0;padding:4px;margin-left:9px;margin-top:11px}.co-product-page .product-page-block-variants{margin:20px 0 0}.co-product-page .product-page-block-variants app-product-related>div{display:flex;gap:15px;align-items:center;border-top:1px solid #f6f5f4;padding:5px 0 7px 15px}.co-product-page .product-page-block-variants app-product-related>div app-header h3{font-size:14px}.co-product-page .product-page-block-variants app-product-related>div co-scroll-container{width:320px;max-width:100%;padding:0 16px}.co-product-page .product-page-block-variants app-product-related>div co-scroll-container .scroller{width:26px;height:26px}.co-product-page .product-page-block-variants app-product-related>div co-scroll-container .scroller.left-scroll{left:5px}.co-product-page .product-page-block-variants app-product-related>div co-scroll-container .scroller.left-scroll:before{border-width:0 2px 2px 0;margin-left:9px;margin-top:9px}.co-product-page .product-page-block-variants app-product-related>div co-scroll-container .scroller.right-scroll{right:5px}.co-product-page .product-page-block-variants app-product-related>div co-scroll-container .scroller.right-scroll:after{border-width:0 2px 2px 0;margin-left:6px;margin-top:9px}.co-product-page .product-page-block-variants co-tile.small{min-width:50px!important;max-width:50px!important;border:1px solid #f6f5f4;margin:0 10px 0 0;border-radius:4px}.co-product-page .product-page-block-variants co-tile.small:hover{border-color:#22313c}.co-product-page .product-page-block-variants co-tile.small .tile-wrapper{padding:0}.co-product-page .product-page-block-variants co-tile.small .tile-wrapper .tile-top{display:none}.co-product-page .product-page-block-variants co-tile.small .tile-wrapper .image{height:40px!important;padding:5px;margin-bottom:10px}.co-product-page .product-page-block-variants co-tile.small .tile-wrapper .image .no-image-wrapper .no-image{width:40px;height:40px}.co-product-page .product-page-block-variants co-tile.small .tile-wrapper .image .no-image-wrapper span{display:none!important}.co-product-page .product-page-block-variants co-tile.small .tile-wrapper .tile-bottom{display:none}.co-product-page .product-page-block-variants co-tile.small .tile-extra-bottom{display:none}.co-product-page .product-page-block-alternatives .co-scroll-container,.co-product-page .product-page-block-alternatives .co-scroll-container .content-wrapper{width:auto}.co-product-page .product-page-block-alternatives .article-wrapper{margin:0 20px 0 0}.co-product-page .product-page-block-alternatives .article-wrapper:last-child{margin:0}.co-product-page .product-page-block-alternatives .co-tile{cursor:pointer;transition:all .14s ease-out;border:1px solid transparent;padding:15px 10px 0;width:319px;max-width:none;min-width:0;box-sizing:border-box}.co-product-page .product-page-block-alternatives .co-tile:hover{box-shadow:none;border-color:#f6f5f4}.co-product-page .product-page-block-alternatives .co-tile:hover .tile-wrapper div.image co-image{transform:scale(1.05)}.co-product-page .product-page-block-alternatives .co-tile:hover .tile-wrapper .tile-bottom{margin:0}.co-product-page .product-page-block-alternatives .co-tile:hover .tile-extra-bottom .main .description{text-decoration:underline}.co-product-page .product-page-block-alternatives .co-tile .tile-wrapper{padding:0;position:relative;outline:none;overflow:hidden}.co-product-page .product-page-block-alternatives .co-tile .tile-wrapper .tile-top{position:absolute;left:0;top:0;width:100%}.co-product-page .product-page-block-alternatives .co-tile .tile-wrapper div.image{position:relative;padding:1px;display:flex;align-items:center;justify-content:center;overflow:hidden;max-width:250px;margin:0 auto 10px;height:auto}.co-product-page .product-page-block-alternatives .co-tile .tile-wrapper div.image:after{content:\"\";padding:100% 0 0;float:left;width:100%}.co-product-page .product-page-block-alternatives .co-tile .tile-wrapper div.image .co-image{position:absolute;left:0;top:0;overflow:hidden;width:100%;height:100%;object-fit:contain;transition:all .2s ease}.co-product-page .product-page-block-alternatives .co-tile .tile-wrapper div.image .no-image-wrapper{position:absolute;display:flex;left:50%;top:50%;margin:-48px 0 0 -54px;flex-direction:column;align-items:center;opacity:.25}.co-product-page .product-page-block-alternatives .co-tile .tile-wrapper .tile-bottom{transition:all .2s ease;height:auto}.co-product-page .product-page-block-alternatives .co-tile .tile-extra-bottom{outline:none;padding:5px 0;background:transparent!important;min-height:60px}.co-product-page .product-page-block-alternatives .co-tile .tile-extra-bottom .co-button{margin:0 0 5px!important;width:34px;height:34px;border:none;background:#1a73e8;cursor:pointer;border-radius:4px;padding:0!important;font-size:0}.co-product-page .product-page-block-alternatives .co-tile .tile-extra-bottom .co-button .co-icon{width:28px;height:28px;margin:0 2px}.co-product-page .product-page-block-alternatives .co-tile .tile-extra-bottom .main{padding:0 10px}.co-product-page .product-page-block-alternatives .co-tile .tile-extra-bottom .main .description{font-size:15px;font-weight:700;margin:0 0 2px}.co-product-page .product-page-block-alternatives .co-tile .tile-extra-bottom .main .price{font-size:16px;margin:15px 0 0;font-weight:700;color:#1a73e8}.co-product-page .product-page-block-additional-information{grid-column:1/6;grid-row:4/4}.co-product-page .product-page-block-properties{grid-column:7/10;grid-row:3/3}.co-product-page .product-page-block-related-articles{grid-column:2/6;grid-row:4/4}.co-product-page .product-page-block-alternative-articles{grid-column:6/10;grid-row:4/4}.co-product-page .product-page-block-documents{grid-column:2/6;grid-row:5/5}.co-product-page .product-page-block-symbols{grid-column:6/10;grid-row:5/5}@media screen and (max-width: 950px){.co-product-page .default-padding{padding-top:20px;padding-bottom:20px}.co-product-page .m-padding{padding-top:15px;padding-bottom:15px}.co-product-page .s-padding{padding-top:5px;padding-bottom:5px}.co-product-page .page-wrapper{max-width:650px}.co-product-page .page-wrapper .page-wrapper-content{flex-direction:column;margin:30px 0}.co-product-page .page-wrapper .page-wrapper-content .page-wrapper-left,.co-product-page .page-wrapper .page-wrapper-content .page-wrapper-right{width:100%}.co-product-page .product-page-block-alternatives ::ng-deep co-tile{width:284px!important}}@media screen and (max-width: 650px){.co-product-page [class*=-padding]{padding-left:0!important;padding-right:0!important}.co-product-page .product-page-block-addtocart ::ng-deep co-number-picker co-button{height:38px!important}.co-product-page .product-page-block-addtocart ::ng-deep co-number-picker co-input-text{height:38px!important;width:36px!important}.co-product-page .product-page-block-addtocart ::ng-deep co-button.cart-button{height:40px;font-size:13px}}\n"] }]
|
|
3538
|
-
}], ctorParameters: () => [{ type: IconCacheService }, { type: ProductSettingsService }, { type: ProductEventService }, { type: i0.ChangeDetectorRef }, { type: ProductConnectorService }, { type: i5.
|
|
3362
|
+
], standalone: false, styles: [".co-product-page .page-wrapper{font-family:Public Sans;font-size:12px;display:flex;flex-direction:column;max-width:100%;padding:0 10px;margin:0 auto}.co-product-page .page-wrapper-content{display:flex;flex-direction:row;margin:0 0 10px;gap:10px}.co-product-page .page-wrapper-content:first-child{margin-top:10px}.co-product-page .page-wrapper-content.no-top-margin{margin-top:0}.co-product-page .swimming-lane{display:flex;flex-wrap:wrap;box-shadow:1px 1px 4px #0000001a;padding:30px;background:#fff}.co-product-page .page-wrapper-left{display:flex;width:65%;flex-direction:column}.co-product-page .page-wrapper-right{display:flex;width:35%;flex-direction:column}.co-product-page .page-wrapper-right .product-page-scroll-container{max-height:100vh;overflow-y:scroll}.co-product-page .page-wrapper-full{display:flex;width:100%;flex-direction:column}.co-product-page .page-wrapper-66{display:flex;width:60%;flex-direction:column}.co-product-page .page-wrapper-33{display:flex;width:40%;flex-direction:column}.co-product-page .product-action-buttons{position:relative}.co-product-page .product-action-buttons.full-screen{z-index:10}.co-product-page .product-image-container{grid-column:1/7;grid-row:1/6;position:relative}.co-product-page .product-page-block-selector-type{width:auto;position:absolute;top:10px;right:10px;z-index:2}.co-product-page .product-page-block-image{box-sizing:border-box;width:100%;z-index:1;position:relative}.co-product-page .product-page-block-image .co-configurator-scene{width:100%;height:300px;display:block;position:relative}.co-product-page .product-page-block-image .co-configurator-scene .configurator-bundle-container{position:relative;height:650px;width:100%}.co-product-page .product-page-block-image .co-configurator-scene .configurator-bundle-container .threedviewer{min-height:0;min-width:0;width:auto;height:auto}.co-product-page .product-page-block-image .co-configurator-scene .configurator-bundle-container .threedviewer canvas{width:100%;height:100%}.co-product-page .product-page-block-image .co-configurator-scene.hide-3d-scene{visibility:hidden;overflow:hidden;height:0}.co-product-page .product-page-block-image .co-configurator-scene.show-3d-scene{min-height:650px;position:relative}.co-product-page .product-page-block-image .co-configurator-scene.show-full-screen{position:fixed;inset:0;width:100%;height:100%}.co-product-page .product-page-block-image .co-configurator-scene.show-full-screen .configurator-bundle-container{height:100%}.co-product-page .product-page-block-image .co-configurator-scene canvas{height:100%}.co-product-page .product-page-block-image app-image-carousel.show-animated,.co-product-page .product-page-block-image threed-configurator.show-animated{opacity:1;z-index:0;transition:all .2s ease-in-out}.co-product-page .product-page-block-image .fullscreen-button{cursor:pointer;height:50px;width:50px;position:absolute;left:30px;z-index:100;top:30px}.co-product-page .product-page-block-image.full{grid-column:1/11;grid-row:2/span 10;z-index:3}.co-product-page .product-page-block-description{grid-column:7/12;grid-row:1/1}.co-product-page .product-page-block-additional,.co-product-page .product-page-block-additional-description{width:100%}.co-product-page .product-page-block-price{grid-column:1/3;grid-row:2/2;align-self:center}.co-product-page .product-page-block-price.full{grid-column:1/5}.co-product-page .product-page-block-price .hide-configurator{display:none}.co-product-page .product-page-block-price .show-configurator{display:block}.co-product-page .product-page-block-price .show-configurator .co-lite-selector.floating co-selections-summary{position:relative}.co-product-page .product-page-block-price .show-configurator .co-lite-selector:not(.custom-dimensions).floating co-selections-summary{top:auto;background:none}.co-product-page .product-page-block-price .show-configurator .co-selections-summary .selections-content{gap:10px;box-sizing:border-box;padding:10px}.co-product-page .product-page-block-price .show-configurator .co-product-configurator .product-configurator-container{position:relative;width:auto;top:auto;right:auto;padding-left:0;padding-right:0;height:auto;max-height:100%}.co-product-page .preset-container{display:flex;justify-content:right}.co-product-page .preset-container .save-preset-button{cursor:pointer;width:100%;max-width:205px;box-sizing:border-box}.co-product-page .preset-container .save-preset-button:hover{background:#4e9b7e}.co-product-page .product-page-block-addtocart ::ng-deep co-number-picker ::ng-deep co-button{cursor:pointer}.co-product-page .product-page-block-addtocart ::ng-deep co-number-picker ::ng-deep co-button:hover div.rippler{background:#f6f5f4}.co-product-page .product-page-block-addtocart ::ng-deep co-number-picker ::ng-deep co-button ::ng-deep co-icon{position:relative;z-index:2}.co-product-page .product-page-block-addtocart ::ng-deep co-button.cart-button{cursor:pointer}.co-product-page .product-page-block-addtocart ::ng-deep co-button.cart-button:hover{background:#4e9b7e}.co-product-page .addtocart-reserved{grid-column:1/3;grid-row:3/3}.co-product-page .product-page-block-stock{grid-column:1/3;grid-row:4/4}.co-product-page .product-page-block-delivery{grid-column:3/5;grid-row:4/4}.co-product-page ::ng-deep co-scroll-container{overflow:hidden;position:relative}.co-product-page ::ng-deep co-scroll-container .content-wrapper{padding:0}.co-product-page ::ng-deep co-scroll-container .scroll-layer{left:0;top:0}.co-product-page ::ng-deep co-scroll-container .scroll-layer .scroller{width:34px;height:34px;border-radius:36px;background:#fff;cursor:pointer;box-shadow:0 0 5px #0003}.co-product-page ::ng-deep co-scroll-container .scroll-layer .scroller:hover{background:#f6f5f4}.co-product-page ::ng-deep co-scroll-container .scroll-layer .scroller.left-scroll{left:5px}.co-product-page ::ng-deep co-scroll-container .scroll-layer .scroller.left-scroll:before{border-width:0 3px 3px 0;padding:4px;margin-left:13px;margin-top:11px}.co-product-page ::ng-deep co-scroll-container .scroll-layer .scroller.right-scroll{right:5px}.co-product-page ::ng-deep co-scroll-container .scroll-layer .scroller.right-scroll:after{border-width:0 3px 3px 0;padding:4px;margin-left:9px;margin-top:11px}.co-product-page .product-page-block-variants{margin:20px 0 0}.co-product-page .product-page-block-variants app-product-related>div{display:flex;gap:15px;align-items:center;border-top:1px solid #f6f5f4;padding:5px 0 7px 15px}.co-product-page .product-page-block-variants app-product-related>div app-header h3{font-size:14px}.co-product-page .product-page-block-variants app-product-related>div co-scroll-container{width:320px;max-width:100%;padding:0 16px}.co-product-page .product-page-block-variants app-product-related>div co-scroll-container .scroller{width:26px;height:26px}.co-product-page .product-page-block-variants app-product-related>div co-scroll-container .scroller.left-scroll{left:5px}.co-product-page .product-page-block-variants app-product-related>div co-scroll-container .scroller.left-scroll:before{border-width:0 2px 2px 0;margin-left:9px;margin-top:9px}.co-product-page .product-page-block-variants app-product-related>div co-scroll-container .scroller.right-scroll{right:5px}.co-product-page .product-page-block-variants app-product-related>div co-scroll-container .scroller.right-scroll:after{border-width:0 2px 2px 0;margin-left:6px;margin-top:9px}.co-product-page .product-page-block-variants co-tile.small{min-width:50px!important;max-width:50px!important;border:1px solid #f6f5f4;margin:0 10px 0 0;border-radius:4px}.co-product-page .product-page-block-variants co-tile.small:hover{border-color:#22313c}.co-product-page .product-page-block-variants co-tile.small .tile-wrapper{padding:0}.co-product-page .product-page-block-variants co-tile.small .tile-wrapper .tile-top{display:none}.co-product-page .product-page-block-variants co-tile.small .tile-wrapper .image{height:40px!important;padding:5px;margin-bottom:10px}.co-product-page .product-page-block-variants co-tile.small .tile-wrapper .image .no-image-wrapper .no-image{width:40px;height:40px}.co-product-page .product-page-block-variants co-tile.small .tile-wrapper .image .no-image-wrapper span{display:none!important}.co-product-page .product-page-block-variants co-tile.small .tile-wrapper .tile-bottom{display:none}.co-product-page .product-page-block-variants co-tile.small .tile-extra-bottom{display:none}.co-product-page .product-page-block-alternatives .co-scroll-container,.co-product-page .product-page-block-alternatives .co-scroll-container .content-wrapper{width:auto}.co-product-page .product-page-block-alternatives .article-wrapper{margin:0 20px 0 0}.co-product-page .product-page-block-alternatives .article-wrapper:last-child{margin:0}.co-product-page .product-page-block-alternatives .co-tile{cursor:pointer;transition:all .14s ease-out;border:1px solid transparent;padding:15px 10px 0;width:319px;max-width:none;min-width:0;box-sizing:border-box}.co-product-page .product-page-block-alternatives .co-tile:hover{box-shadow:none;border-color:#f6f5f4}.co-product-page .product-page-block-alternatives .co-tile:hover .tile-wrapper div.image co-image{transform:scale(1.05)}.co-product-page .product-page-block-alternatives .co-tile:hover .tile-wrapper .tile-bottom{margin:0}.co-product-page .product-page-block-alternatives .co-tile:hover .tile-extra-bottom .main .description{text-decoration:underline}.co-product-page .product-page-block-alternatives .co-tile .tile-wrapper{padding:0;position:relative;outline:none;overflow:hidden}.co-product-page .product-page-block-alternatives .co-tile .tile-wrapper .tile-top{position:absolute;left:0;top:0;width:100%}.co-product-page .product-page-block-alternatives .co-tile .tile-wrapper div.image{position:relative;padding:1px;display:flex;align-items:center;justify-content:center;overflow:hidden;max-width:250px;margin:0 auto 10px;height:auto}.co-product-page .product-page-block-alternatives .co-tile .tile-wrapper div.image:after{content:\"\";padding:100% 0 0;float:left;width:100%}.co-product-page .product-page-block-alternatives .co-tile .tile-wrapper div.image .co-image{position:absolute;left:0;top:0;overflow:hidden;width:100%;height:100%;object-fit:contain;transition:all .2s ease}.co-product-page .product-page-block-alternatives .co-tile .tile-wrapper div.image .no-image-wrapper{position:absolute;display:flex;left:50%;top:50%;margin:-48px 0 0 -54px;flex-direction:column;align-items:center;opacity:.25}.co-product-page .product-page-block-alternatives .co-tile .tile-wrapper .tile-bottom{transition:all .2s ease;height:auto}.co-product-page .product-page-block-alternatives .co-tile .tile-extra-bottom{outline:none;padding:5px 0;background:transparent!important;min-height:60px}.co-product-page .product-page-block-alternatives .co-tile .tile-extra-bottom .co-button{margin:0 0 5px!important;width:34px;height:34px;border:none;background:#1a73e8;cursor:pointer;border-radius:4px;padding:0!important;font-size:0}.co-product-page .product-page-block-alternatives .co-tile .tile-extra-bottom .co-button .co-icon{width:28px;height:28px;margin:0 2px}.co-product-page .product-page-block-alternatives .co-tile .tile-extra-bottom .main{padding:0 10px}.co-product-page .product-page-block-alternatives .co-tile .tile-extra-bottom .main .description{font-size:15px;font-weight:700;margin:0 0 2px}.co-product-page .product-page-block-alternatives .co-tile .tile-extra-bottom .main .price{font-size:16px;margin:15px 0 0;font-weight:700;color:#1a73e8}.co-product-page .product-page-block-additional-information{grid-column:1/6;grid-row:4/4}.co-product-page .product-page-block-properties{grid-column:7/10;grid-row:3/3}.co-product-page .product-page-block-related-articles{grid-column:2/6;grid-row:4/4}.co-product-page .product-page-block-alternative-articles{grid-column:6/10;grid-row:4/4}.co-product-page .product-page-block-documents{grid-column:2/6;grid-row:5/5}.co-product-page .product-page-block-symbols{grid-column:6/10;grid-row:5/5}@media screen and (max-width: 950px){.co-product-page .default-padding{padding-top:20px;padding-bottom:20px}.co-product-page .m-padding{padding-top:15px;padding-bottom:15px}.co-product-page .s-padding{padding-top:5px;padding-bottom:5px}.co-product-page .page-wrapper{max-width:650px}.co-product-page .page-wrapper .page-wrapper-content{flex-direction:column;margin:30px 0}.co-product-page .page-wrapper .page-wrapper-content .page-wrapper-left,.co-product-page .page-wrapper .page-wrapper-content .page-wrapper-right{width:100%}.co-product-page .product-page-block-alternatives ::ng-deep co-tile{width:284px!important}}@media screen and (max-width: 650px){.co-product-page [class*=-padding]{padding-left:0!important;padding-right:0!important}.co-product-page .product-page-block-addtocart ::ng-deep co-number-picker co-button{height:38px!important}.co-product-page .product-page-block-addtocart ::ng-deep co-number-picker co-input-text{height:38px!important;width:36px!important}.co-product-page .product-page-block-addtocart ::ng-deep co-button.cart-button{height:40px;font-size:13px}}\n"] }]
|
|
3363
|
+
}], ctorParameters: () => [{ type: IconCacheService }, { type: ProductSettingsService }, { type: ProductEventService }, { type: i0.ChangeDetectorRef }, { type: ProductConnectorService }, { type: i5.ConfiguratorEventService }, { type: i5.ConfiguratorConnectorService }, { type: i5.ConfiguringService }], propDecorators: { showClass: [{
|
|
3539
3364
|
type: HostBinding,
|
|
3540
3365
|
args: ['class.co-product-page']
|
|
3541
3366
|
}], fullscreenbutton: [{
|
|
@@ -3606,7 +3431,7 @@ class IoneProductComponent {
|
|
|
3606
3431
|
// this.sku = '104';
|
|
3607
3432
|
// this.sku = "70000107";
|
|
3608
3433
|
// this.sku = "grover";
|
|
3609
|
-
this.sku = "
|
|
3434
|
+
this.sku = "1000610952"; // bank istanbul jillis
|
|
3610
3435
|
// this.sku = "4387";
|
|
3611
3436
|
// this.sku = "1000612725";
|
|
3612
3437
|
// this.sku = '22000';
|
|
@@ -3825,14 +3650,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
|
|
|
3825
3650
|
|
|
3826
3651
|
class ProductDescriptionModule {
|
|
3827
3652
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ProductDescriptionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3828
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: ProductDescriptionModule, declarations: [ProductDescriptionComponent], imports: [CommonModule
|
|
3829
|
-
|
|
3653
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: ProductDescriptionModule, declarations: [ProductDescriptionComponent], imports: [CommonModule,
|
|
3654
|
+
PipeModule,
|
|
3655
|
+
ConfigurationPresetModule], exports: [ProductDescriptionComponent] }); }
|
|
3656
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ProductDescriptionModule, imports: [CommonModule,
|
|
3657
|
+
PipeModule,
|
|
3658
|
+
ConfigurationPresetModule] }); }
|
|
3830
3659
|
}
|
|
3831
3660
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ProductDescriptionModule, decorators: [{
|
|
3832
3661
|
type: NgModule,
|
|
3833
3662
|
args: [{
|
|
3834
3663
|
imports: [
|
|
3835
|
-
CommonModule
|
|
3664
|
+
CommonModule,
|
|
3665
|
+
PipeModule,
|
|
3666
|
+
ConfigurationPresetModule
|
|
3836
3667
|
],
|
|
3837
3668
|
declarations: [
|
|
3838
3669
|
ProductDescriptionComponent
|
|
@@ -4271,32 +4102,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
|
|
|
4271
4102
|
}]
|
|
4272
4103
|
}] });
|
|
4273
4104
|
|
|
4274
|
-
class PresetDialogModule {
|
|
4275
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PresetDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4276
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: PresetDialogModule, declarations: [PresetDialogComponent], imports: [IconModule,
|
|
4277
|
-
PipeModule,
|
|
4278
|
-
ProductRelatedModule], exports: [PresetDialogComponent] }); }
|
|
4279
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PresetDialogModule, imports: [IconModule,
|
|
4280
|
-
PipeModule,
|
|
4281
|
-
ProductRelatedModule] }); }
|
|
4282
|
-
}
|
|
4283
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PresetDialogModule, decorators: [{
|
|
4284
|
-
type: NgModule,
|
|
4285
|
-
args: [{
|
|
4286
|
-
imports: [
|
|
4287
|
-
IconModule,
|
|
4288
|
-
PipeModule,
|
|
4289
|
-
ProductRelatedModule
|
|
4290
|
-
],
|
|
4291
|
-
declarations: [
|
|
4292
|
-
PresetDialogComponent
|
|
4293
|
-
],
|
|
4294
|
-
exports: [
|
|
4295
|
-
PresetDialogComponent
|
|
4296
|
-
]
|
|
4297
|
-
}]
|
|
4298
|
-
}] });
|
|
4299
|
-
|
|
4300
4105
|
class ProductPageModule {
|
|
4301
4106
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ProductPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4302
4107
|
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: ProductPageModule, declarations: [ProductPageComponent], imports: [CommonModule,
|
|
@@ -4316,7 +4121,6 @@ class ProductPageModule {
|
|
|
4316
4121
|
LoaderModule,
|
|
4317
4122
|
RenderCarouselModule,
|
|
4318
4123
|
ButtonModule,
|
|
4319
|
-
PresetDialogModule,
|
|
4320
4124
|
ConfiguratorModule,
|
|
4321
4125
|
ConfiguratorSceneModule], exports: [ProductPageComponent] }); }
|
|
4322
4126
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ProductPageModule, imports: [CommonModule,
|
|
@@ -4336,7 +4140,6 @@ class ProductPageModule {
|
|
|
4336
4140
|
LoaderModule,
|
|
4337
4141
|
RenderCarouselModule,
|
|
4338
4142
|
ButtonModule,
|
|
4339
|
-
PresetDialogModule,
|
|
4340
4143
|
ConfiguratorModule,
|
|
4341
4144
|
ConfiguratorSceneModule] }); }
|
|
4342
4145
|
}
|
|
@@ -4361,7 +4164,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
|
|
|
4361
4164
|
LoaderModule,
|
|
4362
4165
|
RenderCarouselModule,
|
|
4363
4166
|
ButtonModule,
|
|
4364
|
-
PresetDialogModule,
|
|
4365
4167
|
ConfiguratorModule,
|
|
4366
4168
|
ConfiguratorSceneModule
|
|
4367
4169
|
],
|
|
@@ -4734,8 +4536,9 @@ class ProductExternalSourceComponent {
|
|
|
4734
4536
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ProductExternalSourceComponent, deps: [{ token: i1.DomSanitizer }, { token: ProductConnectorService }, { token: ProductEventService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4735
4537
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: ProductExternalSourceComponent, isStandalone: false, selector: "co-product-external-source", inputs: { sku: "sku", catalogDefinition: "catalogDefinition", externalSource: "externalSource", externalCatalogStartupInfo: "externalCatalogStartupInfo", options: "options" }, outputs: { addToCart: "addToCart", addToQuote: "addToQuote", alternativeClick: "alternativeClick", configuratorFinished: "configuratorFinished" }, host: { properties: { "class.co-product-external-source": "this.showClass" } }, providers: [
|
|
4736
4538
|
ProductSettingsService,
|
|
4737
|
-
|
|
4738
|
-
|
|
4539
|
+
ProductConnectorService,
|
|
4540
|
+
ProductEventService,
|
|
4541
|
+
ProductConnectorAdapterService
|
|
4739
4542
|
], ngImport: i0, template: `
|
|
4740
4543
|
@if (loaded) {
|
|
4741
4544
|
@if (showProduct) {
|
|
@@ -4787,8 +4590,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
|
|
|
4787
4590
|
`,
|
|
4788
4591
|
providers: [
|
|
4789
4592
|
ProductSettingsService,
|
|
4790
|
-
|
|
4791
|
-
|
|
4593
|
+
ProductConnectorService,
|
|
4594
|
+
ProductEventService,
|
|
4595
|
+
ProductConnectorAdapterService
|
|
4792
4596
|
],
|
|
4793
4597
|
encapsulation: ViewEncapsulation.None,
|
|
4794
4598
|
standalone: false
|