@colijnit/configurator 261.20.7 → 261.20.8

package/fesm2022/colijnit-configurator.mjs

@@ -144,6 +144,7 @@ class SettingOptions {
     groupedShowAllBtn = false;
     showSavePresetButton = false;
     showLoadPresetButton = false;
+    showSceneBuildLoader = false;
 }
 
 class RenderParameters {
@@ -9974,7 +9975,6 @@ class SelectionsSummaryComponent {
     canClose = true;
     answersTemplate;
     answerToShowFromSelectionText;
-    showSaveAndLoadConfiguration;
     customDimensions = false;
     disableMouse = false;
     handledocumentMouseUp(event) {
@@ -10024,7 +10024,7 @@ class SelectionsSummaryComponent {
         this.selectionToCustomize = sel;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: SelectionsSummaryComponent, deps: [{ token: ConfiguratorConnectorService }, { token: IconCacheService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: SelectionsSummaryComponent, isStandalone: false, selector: "co-selections-summary", inputs: { selections: "selections", showLabel: "showLabel", canClose: "canClose", answersTemplate: "answersTemplate", answerToShowFromSelectionText: "answerToShowFromSelectionText", showSaveAndLoadConfiguration: "showSaveAndLoadConfiguration", customDimensions: "customDimensions" }, outputs: { closeClick: "closeClick", cancelAnswers: "cancelAnswers", selectSelection: "selectSelection", repeatSelection: "repeatSelection", deleteSelection: "deleteSelection" }, host: { listeners: { "document:mouseup": "handledocumentMouseUp($event)", "document:mousemove": "handleDocumentMouseDown($event)" }, properties: { "class.co-selections-summary": "this.showClass", "class.custom-dimensions": "this.customDimensions", "class.disable-mouse": "this.disableMouse" } }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: SelectionsSummaryComponent, isStandalone: false, selector: "co-selections-summary", inputs: { selections: "selections", showLabel: "showLabel", canClose: "canClose", answersTemplate: "answersTemplate", answerToShowFromSelectionText: "answerToShowFromSelectionText", customDimensions: "customDimensions" }, outputs: { closeClick: "closeClick", cancelAnswers: "cancelAnswers", selectSelection: "selectSelection", repeatSelection: "repeatSelection", deleteSelection: "deleteSelection" }, host: { listeners: { "document:mouseup": "handledocumentMouseUp($event)", "document:mousemove": "handleDocumentMouseDown($event)" }, properties: { "class.co-selections-summary": "this.showClass", "class.custom-dimensions": "this.customDimensions", "class.disable-mouse": "this.disableMouse" } }, ngImport: i0, template: `
       @if (showLabel || canClose) {
         <header class="drawer__header">
           @if (showLabel) {
@@ -10123,8 +10123,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
                 type: Input
             }], answerToShowFromSelectionText: [{
                 type: Input
-            }], showSaveAndLoadConfiguration: [{
-                type: Input
             }], customDimensions: [{
                 type: HostBinding,
                 args: ['class.custom-dimensions']
@@ -10187,7 +10185,6 @@ class LiteSelectorComponent {
     canClose = true;
     animateSlideout = true;
     customDimensions = false;
-    showSaveAndLoadConfiguration;
     showChange = new EventEmitter();
     answerChosen = new EventEmitter();
     answerToShowFromSelectionText;
@@ -10240,7 +10237,7 @@ class LiteSelectorComponent {
         // this.iOne.getMoodImageForAnswerSelection(answerSelected.answer, false);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: LiteSelectorComponent, deps: [{ token: SwitchBuildFurnitureService }, { token: ConfiguratorConnectorService }, { token: ConfiguringService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: LiteSelectorComponent, isStandalone: false, selector: "co-lite-selector", inputs: { show: "show", showLabel: "showLabel", canClose: "canClose", animateSlideout: "animateSlideout", customDimensions: "customDimensions", showSaveAndLoadConfiguration: "showSaveAndLoadConfiguration" }, outputs: { showChange: "showChange", answerChosen: "answerChosen" }, host: { properties: { "class.co-lite-selector": "this.showClass", "class.custom-dimensions": "this.customDimensions" } }, viewQueries: [{ propertyName: "templateAnswers", first: true, predicate: ["templateAnswers"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: LiteSelectorComponent, isStandalone: false, selector: "co-lite-selector", inputs: { show: "show", showLabel: "showLabel", canClose: "canClose", animateSlideout: "animateSlideout", customDimensions: "customDimensions" }, outputs: { showChange: "showChange", answerChosen: "answerChosen" }, host: { properties: { "class.co-lite-selector": "this.showClass", "class.custom-dimensions": "this.customDimensions" } }, viewQueries: [{ propertyName: "templateAnswers", first: true, predicate: ["templateAnswers"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: `
     <ng-container>
       @if (configuratorConnectorService.selectionsToDisplay.length > 0) {
         <co-selections-summary
@@ -10251,7 +10248,6 @@ class LiteSelectorComponent {
           [answersTemplate]="inlineAnswers ? templateAnswers : undefined"
           [answerToShowFromSelectionText]="answerToShowFromSelectionText"
           [selections]="configuratorConnectorService.selectionsToDisplay"
-          [showSaveAndLoadConfiguration]="showSaveAndLoadConfiguration"
           (selectSelection)="onSelectionsSummarySelectSelection($event)"
           (repeatSelection)="onSelectionsSummarySelectSelection($event, false, true)"
           (deleteSelection)="onSelectionsSummaryDeleteSelection($event)"
@@ -10276,7 +10272,7 @@ class LiteSelectorComponent {
         ></co-answers-slideout>
       }
     </ng-template>
-  `, isInline: true, dependencies: [{ kind: "component", type: AnswersSlideoutComponent, selector: "co-answers-slideout", inputs: ["question", "showTitle", "showFilter", "answers", "useSlideout", "customDimensions"], outputs: ["answerChosen"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SelectionsSummaryComponent, selector: "co-selections-summary", inputs: ["selections", "showLabel", "canClose", "answersTemplate", "answerToShowFromSelectionText", "showSaveAndLoadConfiguration", "customDimensions"], outputs: ["closeClick", "cancelAnswers", "selectSelection", "repeatSelection", "deleteSelection"] }], animations: [
+  `, isInline: true, dependencies: [{ kind: "component", type: AnswersSlideoutComponent, selector: "co-answers-slideout", inputs: ["question", "showTitle", "showFilter", "answers", "useSlideout", "customDimensions"], outputs: ["answerChosen"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SelectionsSummaryComponent, selector: "co-selections-summary", inputs: ["selections", "showLabel", "canClose", "answersTemplate", "answerToShowFromSelectionText", "customDimensions"], outputs: ["closeClick", "cancelAnswers", "selectSelection", "repeatSelection", "deleteSelection"] }], animations: [
             trigger('showSelections', [
                 state('void', style({ 'transform': 'translateX(100%)', opacity: 0 })),
                 state('*', style({ 'transform': 'translateX(0%)', opacity: 1 })),
@@ -10299,7 +10295,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
           [answersTemplate]="inlineAnswers ? templateAnswers : undefined"
           [answerToShowFromSelectionText]="answerToShowFromSelectionText"
           [selections]="configuratorConnectorService.selectionsToDisplay"
-          [showSaveAndLoadConfiguration]="showSaveAndLoadConfiguration"
           (selectSelection)="onSelectionsSummarySelectSelection($event)"
           (repeatSelection)="onSelectionsSummarySelectSelection($event, false, true)"
           (deleteSelection)="onSelectionsSummaryDeleteSelection($event)"
@@ -10354,8 +10349,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
                 args: ['class.custom-dimensions']
             }, {
                 type: Input
-            }], showSaveAndLoadConfiguration: [{
-                type: Input
             }], showChange: [{
                 type: Output
             }], answerChosen: [{
@@ -11554,7 +11547,6 @@ class ProductConfiguratorComponent {
     showLabel = true;
     canClose = true;
     customDimensions = false;
-    showSaveAndLoadConfiguration;
     showChange = new EventEmitter();
     answerChosen = new EventEmitter();
     valutaSymbol = '€'; // TODO this should be a setting
@@ -11616,7 +11608,7 @@ class ProductConfiguratorComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ProductConfiguratorComponent, deps: [{ token: ConfiguratorConnectorService }, { token: SwitchBuildFurnitureService }, { token: ConfiguratorSettingsService }, { token: ProductConfiguratorService }, { token: IconCacheService }, { token: i1.DomSanitizer }, { token: ConfiguringService }, { token: ConfiguratorEventService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: ProductConfiguratorComponent, isStandalone: false, selector: "co-product-configurator", inputs: { showHeaderInformation: "showHeaderInformation", showSelections: "showSelections", showLabel: "showLabel", canClose: "canClose", customDimensions: "customDimensions", showSaveAndLoadConfiguration: "showSaveAndLoadConfiguration" }, outputs: { showChange: "showChange", answerChosen: "answerChosen" }, host: { properties: { "class.co-product-configurator": "this.showClass" } }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: ProductConfiguratorComponent, isStandalone: false, selector: "co-product-configurator", inputs: { showHeaderInformation: "showHeaderInformation", showSelections: "showSelections", showLabel: "showLabel", canClose: "canClose", customDimensions: "customDimensions" }, outputs: { showChange: "showChange", answerChosen: "answerChosen" }, host: { properties: { "class.co-product-configurator": "this.showClass" } }, ngImport: i0, template: `
       <div class="product-configurator-container">
         @if (showHeaderInformation) {
           <div class="product-configurator-header">
@@ -11723,8 +11715,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
                 type: Input
             }], customDimensions: [{
                 type: Input
-            }], showSaveAndLoadConfiguration: [{
-                type: Input
             }], showChange: [{
                 type: Output
             }], answerChosen: [{
@@ -11927,7 +11917,7 @@ class ConfiguratorComponent {
         }
         
       }
-    `, isInline: true, dependencies: [{ kind: "component", type: ProgressBarComponent, selector: "co-progress-bar" }, { kind: "component", type: ConfiguratorLoaderComponent, selector: "co-configurator-loader", inputs: ["show"] }, { kind: "component", type: ConfiguratorErrorDialogComponent, selector: "co-configurator-error-dialog", inputs: ["errorMessages"], outputs: ["closeErrorDialoag"] }, { kind: "component", type: LiteSelectorComponent, selector: "co-lite-selector", inputs: ["show", "showLabel", "canClose", "animateSlideout", "customDimensions", "showSaveAndLoadConfiguration"], outputs: ["showChange", "answerChosen"] }, { kind: "component", type: ProductConfiguratorComponent, selector: "co-product-configurator", inputs: ["showHeaderInformation", "showSelections", "showLabel", "canClose", "customDimensions", "showSaveAndLoadConfiguration"], outputs: ["showChange", "answerChosen"] }], encapsulation: i0.ViewEncapsulation.None });
+    `, isInline: true, dependencies: [{ kind: "component", type: ProgressBarComponent, selector: "co-progress-bar" }, { kind: "component", type: ConfiguratorLoaderComponent, selector: "co-configurator-loader", inputs: ["show"] }, { kind: "component", type: ConfiguratorErrorDialogComponent, selector: "co-configurator-error-dialog", inputs: ["errorMessages"], outputs: ["closeErrorDialoag"] }, { kind: "component", type: LiteSelectorComponent, selector: "co-lite-selector", inputs: ["show", "showLabel", "canClose", "animateSlideout", "customDimensions"], outputs: ["showChange", "answerChosen"] }, { kind: "component", type: ProductConfiguratorComponent, selector: "co-product-configurator", inputs: ["showHeaderInformation", "showSelections", "showLabel", "canClose", "customDimensions"], outputs: ["showChange", "answerChosen"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ConfiguratorComponent, decorators: [{
             type: Component,
@@ -14285,6 +14275,9 @@ class SceneButtonUtils {
                 if (selection.hdecoPositioning !== 'N') {
                     const len = selection.decoNode ? selection.decoNode.connectors.length : 0;
                     for (let i = 0; i < len; i++) {
+                        if (selection.decoNode.connectors[i] === null) {
+                            return;
+                        }
                         const conObject = this._getConnectorObject(child, selection.decoNode.connectors[i].connector);
                         const conObjectParent = ObjectUtils.GetParentItem(conObject, CustomObject3D);
                         const existingButton = result.find((eab) => {
@@ -15277,7 +15270,6 @@ class ConfiguratorSceneComponent {
     _floorService;
     canvasElement;
     elementToolbar;
-    showSceneBuildLoader = true;
     showClass = true;
     totalSteps = 8;
     currentStep = 0;
@@ -15290,6 +15282,7 @@ class ConfiguratorSceneComponent {
     showElementToolbar = false;
     animateEditAddButtons = false;
     enabledDownloadDialog = false;
+    showSceneBuildLoader;
     development = false;
     showDownloadDialog = false;
     showCameraSettingsDialog = false;
@@ -15328,6 +15321,12 @@ class ConfiguratorSceneComponent {
             if (started) {
                 this.setSceneBuildLoader = started;
             }
+        }), this._eventService.addedToScene.subscribe((result) => {
+            if (result) {
+                if (this.currentStep !== this.totalSteps) {
+                    this._loaderProcessUpdate(this.totalSteps);
+                }
+            }
         }), this._settingsService.settingsLoaded.subscribe((loaded) => {
             if (loaded && this._settingsService.settings && this._settingsService.settings.options) {
                 if (this._settingsService.settings.options.showDownloadButton) {
@@ -15341,6 +15340,7 @@ class ConfiguratorSceneComponent {
                     this._createCameraSettingsButton();
                 }
                 this.development = this._settingsService.settings.options.development;
+                this.showSceneBuildLoader = this._settingsService.settings.options.showSceneBuildLoader;
             }
         }));
     }
@@ -15555,7 +15555,7 @@ class ConfiguratorSceneComponent {
         this._dimensionsService.enabled = !this._dimensionsService.enabled;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ConfiguratorSceneComponent, deps: [{ token: ConfiguratorSettingsService }, { token: ConfiguratorRotationService }, { token: ConfiguratorDynamicCameraService }, { token: ConfiguratorSceneService }, { token: ConfiguratorEventService }, { token: ConfiguratorCameraService }, { token: ConfiguratorItemService }, { token: SwitchBuildFurnitureService }, { token: SceneOptionsService }, { token: DimensionsService }, { token: FloorPlaneService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: ConfiguratorSceneComponent, isStandalone: false, selector: "co-configurator-scene", inputs: { showSceneBuildLoader: "showSceneBuildLoader" }, host: { properties: { "class.co-configurator-scene": "this.showClass" } }, viewQueries: [{ propertyName: "canvasElement", first: true, predicate: ["canvas"], descendants: true, read: ElementRef }, { propertyName: "elementToolbar", first: true, predicate: ElementToolbarComponent, descendants: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: ConfiguratorSceneComponent, isStandalone: false, selector: "co-configurator-scene", host: { properties: { "class.co-configurator-scene": "this.showClass" } }, viewQueries: [{ propertyName: "canvasElement", first: true, predicate: ["canvas"], descendants: true, read: ElementRef }, { propertyName: "elementToolbar", first: true, predicate: ElementToolbarComponent, descendants: true }], ngImport: i0, template: `
     @if (showSceneBuildLoader && setSceneBuildLoader) {
       <co-configurator-scene-loader
         [loaderProgress]="loaderProgress">
@@ -15651,8 +15651,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
             }], elementToolbar: [{
                 type: ViewChild,
                 args: [ElementToolbarComponent]
-            }], showSceneBuildLoader: [{
-                type: Input
             }], showClass: [{
                 type: HostBinding,
                 args: ['class.co-configurator-scene']