@colijnit/configurator 260.1.2 → 261.1.1

package/lib/components/summary-line/style/_layout.scss

@@ -0,0 +1,137 @@
+@import "../../../style/mixin.scss";
+
+@include export-module('co-summary-line-layout') {
+  .co-summary-line {
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+
+    .summary-line {
+      display: grid;
+      grid-template-columns: auto minmax(200px, 500px) 75px;
+      grid-template-areas: "column-image column-title column-icon";
+    }
+
+    .column-image {
+      grid-area: column-image;
+    }
+
+    .column-title {
+      grid-area: column-title;
+    }
+
+    .column-icon {
+      grid-area: column-icon;
+      display: flex;
+      align-items: flex-start;
+      justify-content: center;
+      height: auto;
+      width: 100%;
+    }
+
+    .image {
+      display: flex;
+      flex-shrink: 0;
+      width: 54px;
+      height: 54px;
+      padding: 5px;
+      margin: 3px 0;
+
+      img {
+        width: 100%;
+        height: 100%;
+      }
+
+      .co-image {
+        height: 100%;
+        width: 100%;
+
+        .no-image-wrapper {
+          .co-icon {
+            width: 80%;
+            height: 80%;
+          }
+
+          span {
+            display: none;
+          }
+        }
+      }
+    }
+
+    .title-wrapper {
+      display: flex;
+      flex-direction: row;
+      justify-content: space-between;
+
+      &:first-child {
+        margin-top: 10px;
+      }
+    }
+
+    .titles {
+      display: flex;
+      flex-direction: column;
+      margin: 4px;
+      line-height: 20px;
+    }
+
+    .title-list-wrapper {
+      display: flex;
+      flex-direction: row;
+      width: 100%;
+      justify-content: space-between;
+    }
+
+    .price-plus {
+      margin-right: 5px;
+    }
+
+    .selection-price, .total-price {
+      display: flex;
+      align-items: center;
+    }
+
+    .selection-price {
+      font-size: 12px;
+      font-style: italic;
+    }
+
+    .icon {
+      width: 30px;
+      height: 30px;
+
+      .co-icon {
+        position: relative;
+        width: 30px;
+        height: 40px;
+
+        &.collapse {
+          transform: rotate(180deg);
+        }
+
+        &.delete svg {
+          height: 25px;
+          width: 25px;
+        }
+
+        &.repeat {
+          width: 20px;
+        }
+      }
+    }
+
+    .small-icon {
+      width: 20px;
+      height: 20px;
+    }
+
+    .button-wrapper {
+      display: flex;
+      align-self: center;
+      flex-direction: column;
+      align-items: center;
+      width: 30px;
+    }
+  }
+}

package/lib/components/summary-line/style/_material-definition.scss

@@ -0,0 +1,4 @@
+:root {
+  --summary-line-color-color: #5B6875;
+  --summary-line-icon-hover-color: #fafafa;
+}

package/lib/components/summary-line/style/_theme.scss

@@ -0,0 +1,56 @@
+@import "../../../style/mixin.scss";
+
+@include export-module('co-summary-line-theme') {
+  .co-summary-line {
+    cursor: pointer;
+    background-color: var(--white-text-color);
+    box-shadow: 0 0 2px 0 rgba(72, 79, 96, .25);
+    .titles {
+      font-size: var(--font-size-normal);
+      label {
+        flex-shrink: 0;
+        font-size: var(--font-size-small);
+        font-style: italic;
+        line-height: 200%;
+        color: var(--summary-line-color-color);
+      }
+    }
+
+    .selection-price {
+      font-size:var(--font-size-small);
+      font-style: italic;
+    }
+
+    .total-price {
+      background: var(--white-text-color);
+      font-size: var(--font-size-normal);
+      font-weight: bold;
+      white-space: nowrap;
+    }
+
+    .icon {
+      flex-shrink: 0;
+      flex-grow: 0;
+      &.collapse {
+        border-left: 1px solid rgba(72, 79, 96, .1);
+        margin-top: 15px;
+        > co-icon {
+          cursor: pointer;
+          transition: 0.3s ease-in-out;
+          border-radius: 30px;
+        }
+        &:hover > co-icon {
+          background: var(--summary-line-icon-hover-color);
+        }
+      }
+      .co-icon {
+        svg {
+          fill: var(--summary-line-color-color);
+        }
+        & [fill] {
+          fill: var(--summary-line-color-color);
+        }
+      }
+    }
+  }
+}

package/lib/components/summary-line/style/material.scss

@@ -0,0 +1,3 @@
+@use './_material-definition.scss';
+@use './_layout.scss';
+@use './_theme.scss';

package/lib/components/summary-line/summary-line.component.d.ts

@@ -0,0 +1,50 @@
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter } from '@angular/core';
+import { IconCacheService } from '../../services/icon-cache.service';
+import { IconEnum } from '../../enum/icon.enum';
+import * as i0 from "@angular/core";
+export declare class CoSummaryLine implements AfterViewInit {
+    iconService: IconCacheService;
+    private _changeDetector;
+    showClass(): boolean;
+    readonly icons: typeof IconEnum;
+    titleBlock: ElementRef;
+    imageData: string;
+    title: string;
+    description: string;
+    /**
+     * Total price of the selection
+     */
+    price: number | string;
+    /**
+     * Multiline data for selection tree
+     * title: string
+     * description: string
+     * price: number | string
+     */
+    multilineData: any;
+    valutaSymbol: string;
+    isHighlighted: boolean;
+    isCollapsable: boolean;
+    canRepeat: boolean;
+    isDeletable: boolean;
+    showContent: boolean;
+    repeatClicked: EventEmitter<MouseEvent>;
+    deleteClicked: EventEmitter<MouseEvent>;
+    data: {
+        title: string;
+        description: string;
+        price: number | string;
+    }[];
+    showList: boolean;
+    showCollapsable: boolean;
+    showListTotalPrice: boolean;
+    constructor(iconService: IconCacheService, _changeDetector: ChangeDetectorRef);
+    ngAfterViewInit(): void;
+    collapsableCheck(): void;
+    toggleShowHideList(event: MouseEvent): void;
+    handleRepeatClick(event: MouseEvent): void;
+    handleDeleteClick(event: MouseEvent): void;
+    private _setShowList;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CoSummaryLine, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CoSummaryLine, "co-summary-line", never, { "imageData": "imageData"; "title": "title"; "description": "description"; "price": "price"; "multilineData": "multilineData"; "valutaSymbol": "valutaSymbol"; "isHighlighted": "isHighlighted"; "isCollapsable": "isCollapsable"; "canRepeat": "canRepeat"; "isDeletable": "isDeletable"; "showContent": "showContent"; }, { "repeatClicked": "repeatClicked"; "deleteClicked": "deleteClicked"; }, never, ["*"]>;
+}

package/lib/components/summary-line/summary-line.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./summary-line.component";
+import * as i2 from "../../pipes/pipes.module";
+import * as i3 from "@angular/common";
+import * as i4 from "@colijnit/corecomponents_v12";
+import * as i5 from "@angular/platform-browser/animations";
+export declare class CoSummaryLineModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CoSummaryLineModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CoSummaryLineModule, [typeof i1.CoSummaryLine], [typeof i2.PipesModule, typeof i3.CommonModule, typeof i4.PriceDisplayPipeModule, typeof i4.ImageModule, typeof i4.IconModule, typeof i5.BrowserAnimationsModule], [typeof i1.CoSummaryLine]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CoSummaryLineModule>;
+}

package/lib/components/tag-filter/style/_layout.scss

@@ -0,0 +1,14 @@
+@import "../../../style/mixin.scss";
+
+@include export-module('co-tag-filter-layout') {
+  .co-tag-filter {
+    cursor: pointer;
+    font-size: 13px;
+    opacity: 0.5;
+    transition: all .2s ease;
+
+    &.active {
+      opacity: 1;
+    }
+  }
+}

package/lib/components/tag-filter/style/_material-definition.scss

@@ -0,0 +1,3 @@
+:root {
+
+}

package/lib/components/tag-filter/style/_theme.scss

@@ -0,0 +1,7 @@
+@import "../../../style/mixin.scss";
+
+@include export-module('co-tag-filter-theme') {
+  .co-tag-filter {
+
+  }
+}

package/lib/components/tag-filter/style/material.scss

@@ -0,0 +1,3 @@
+@use './_material-definition.scss';
+@use './_layout.scss';
+@use './_theme.scss';

package/lib/components/tag-filter/tag-filter.component.d.ts

@@ -0,0 +1,9 @@
+import { Tag } from '@colijnit/configuratorapi/build/model/tag';
+import * as i0 from "@angular/core";
+export declare class TagFilterComponent {
+    showClass(): boolean;
+    tag: Tag;
+    active: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TagFilterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TagFilterComponent, "co-tag-filter", never, { "tag": "tag"; "active": "active"; }, {}, never, never>;
+}

package/lib/components/tag-filter/tag-filter.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./tag-filter.component";
+export declare class TagFilterModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TagFilterModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TagFilterModule, [typeof i1.TagFilterComponent], never, [typeof i1.TagFilterComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<TagFilterModule>;
+}

package/lib/components/threedselector/style/_layout.scss

@@ -0,0 +1,32 @@
+@import "../../../style/mixin.scss";
+
+
+@include export-module('co-threedselector-layout') {
+  .co-threedselector {
+    position: absolute;
+    top: 0;
+    left: 0;
+    pointer-events: none;
+    margin: 0;
+    padding: 0;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+
+    & > * {
+      pointer-events: all;
+    }
+
+    // TODO Maybe we should move this to the co-element-buttons style?
+    .co-element-buttons {
+      &.animate {
+        ::ng-deep .element-add-button {
+          animation-name: pulse-add-buttons;
+          animation-duration: 400ms;
+          animation-iteration-count: 6;
+          animation-direction: alternate;
+        }
+      }
+    }
+  }
+}

package/lib/components/threedselector/style/_material-definition.scss

@@ -0,0 +1,3 @@
+:root {
+
+}

package/lib/components/threedselector/style/_theme.scss

@@ -0,0 +1,7 @@
+@import "../../../style/mixin.scss";
+
+
+@include export-module('co-threedselector-theme') {
+  .co-threedselector {
+  }
+}

package/lib/components/threedselector/style/material.scss

@@ -0,0 +1,9 @@
+@use './_material-definition.scss';
+@use './_layout.scss';
+@use './_theme.scss';
+
+@keyframes pulse-add-buttons {
+  50% {
+    box-shadow: 0 0 20px hsl(12, 100%, 60%);
+  }
+}

package/lib/components/threedselector/threedselector.component.d.ts

@@ -0,0 +1,38 @@
+import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { Selection } from '@colijnit/configuratorapi/build/model/selection';
+import { AppEventService } from '../../services/app-event.service';
+import { SwitchBuildFurnitureService } from '../../services/switch-build-furniture.service';
+import { ConfigurationResultObject } from '../../model/configuration-result-object';
+import { ConfiguringService } from '../../services/configuring.service';
+import { ConfiguratorService } from '../../services/configurator.service';
+import * as i0 from "@angular/core";
+export declare class ThreedselectorComponent implements OnInit, OnDestroy {
+    private _appEventService;
+    private _buildFurnitureService;
+    private _configuringService;
+    private _configuratorService;
+    showClass(): boolean;
+    customizeButtonClicked: EventEmitter<void>;
+    selections: Selection[];
+    canCloseConfigurator: boolean;
+    buildFinished: EventEmitter<ConfigurationResultObject>;
+    showChange: EventEmitter<boolean>;
+    showElementToolbar: boolean;
+    showLiteSelector: boolean;
+    showSelections: boolean;
+    showAnswers: boolean;
+    showFullConfiguration: boolean;
+    private _floorTexturesLoadedSub;
+    private _subs;
+    private _loadingFromPreset;
+    constructor(_appEventService: AppEventService, _buildFurnitureService: SwitchBuildFurnitureService, _configuringService: ConfiguringService, _configuratorService: ConfiguratorService);
+    ngOnInit(): Promise<void>;
+    ngOnDestroy(): void;
+    get showTemplate(): boolean;
+    handleShowChangeSelector(show: boolean): void;
+    private _handleAnswerCountReceived;
+    private _handleTemplateChange;
+    private _handleBuildResult;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThreedselectorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThreedselectorComponent, "co-threedselector", never, { "selections": "selections"; "canCloseConfigurator": "canCloseConfigurator"; }, { "customizeButtonClicked": "customizeButtonClicked"; "buildFinished": "buildFinished"; "showChange": "showChange"; }, never, never>;
+}

package/lib/components/threedselector/threedselector.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./threedselector.component";
+import * as i2 from "../lite-selector/lite-selector.module";
+import * as i3 from "../product-configurator/product-configurator.module";
+import * as i4 from "@angular/common";
+export declare class ThreedselectorModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThreedselectorModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ThreedselectorModule, [typeof i1.ThreedselectorComponent], [typeof i2.LiteSelectorModule, typeof i3.ProductConfiguratorModule, typeof i4.CommonModule], [typeof i1.ThreedselectorComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ThreedselectorModule>;
+}

package/{helper → lib/core/helper}/variation-helper.d.ts

@@ -1,7 +1,7 @@
-import { VariationSettings } from '../model/variation-settings';
+import { VariationSettings } from '../../model/variation-settings';
 import { DecoNode } from '@colijnit/configuratorapi/build/model/deco-node';
 import { Object3D } from 'three';
-import { BaseUtils } from '../utils/base-utils';
+import { BaseUtils } from '../../utils/base-utils';
 export declare class VariationHelper extends BaseUtils {
     assetPath: string;
     private _variations;

package/lib/core/shader/floor-fade.shader.d.ts

@@ -0,0 +1,5 @@
+import { Color } from 'three';
+export declare let floorFadeStart: number;
+export declare let floorFadeEnd: number;
+export declare let sceneBackgroundColor: Color;
+export declare const floorFadeShader: (shader: any) => void;

package/lib/core/textures/depth-data-texture.d.ts

@@ -0,0 +1,5 @@
+import { DataTexture } from 'three';
+export declare class DepthDataTexture extends DataTexture {
+    constructor();
+    updateDepth(depthData: any): void;
+}

package/lib/directives/directives.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./visibility-observer.directive";
+import * as i2 from "./visibility-observer-master.directive";
+export declare class DirectivesModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DirectivesModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DirectivesModule, [typeof i1.VisibilityObserverDirective, typeof i2.VisibilityObserverMasterDirective], never, [typeof i1.VisibilityObserverDirective, typeof i2.VisibilityObserverMasterDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DirectivesModule>;
+}

package/{app → lib}/directives/visibility-observer-master.directive.d.ts

@@ -1,4 +1,5 @@
 import { OnDestroy } from '@angular/core';
+import * as i0 from "@angular/core";
 export declare class VisibilityObserverMasterDirective implements OnDestroy {
     private _mapping;
     private _observer;
@@ -6,4 +7,6 @@ export declare class VisibilityObserverMasterDirective implements OnDestroy {
     ngOnDestroy(): void;
     add(element: HTMLElement, callback: Function): void;
     remove(element: HTMLElement): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VisibilityObserverMasterDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<VisibilityObserverMasterDirective, "[visibilityObserverMaster]", never, {}, {}, never>;
 }

package/{app → lib}/directives/visibility-observer.directive.d.ts

@@ -1,5 +1,6 @@
 import { ElementRef, OnDestroy, OnInit } from '@angular/core';
 import { VisibilityObserverMasterDirective } from './visibility-observer-master.directive';
+import * as i0 from "@angular/core";
 export declare class VisibilityObserverDirective implements OnDestroy, OnInit {
     observerEnabled: boolean;
     isIntersecting: boolean;
@@ -10,4 +11,6 @@ export declare class VisibilityObserverDirective implements OnDestroy, OnInit {
     constructor(parent: VisibilityObserverMasterDirective, elementRef: ElementRef);
     ngOnDestroy(): void;
     ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VisibilityObserverDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<VisibilityObserverDirective, "[visibilityObserver]", ["intersection"], { "observerEnabled": "observerEnabled"; }, {}, never>;
 }

package/lib/enum/ar-feature.enum.d.ts

@@ -0,0 +1,12 @@
+export declare enum ArFeature {
+    PlaneDetection = "PlaneDetection",
+    PlaneDetectionHitTest = "PlaneDetectionHitTest",
+    DefaultHitTest = "DefaultHitTest",
+    AnchoredHitTest = "AnchoredHitTest",
+    CPUDepthHitTest = "CPUDepthHitTest",
+    GPUDepthHitTest = "GPUDepthHitTest",
+    CPUDepthOcclusion = "CPUDepthOcclusion",
+    GPUDepthOcclusion = "GPUDepthOcclusion",
+    LightEstimation = "LightEstimation",
+    ReflectionCubeMap = "ReflectionCubeMap"
+}

package/lib/enum/configuration-key.enum.d.ts

@@ -0,0 +1,39 @@
+export declare enum ConfigurationKey {
+    DimensioningUnit = "dimUnit",
+    DimensioningSquareUnit = "dimSqUnit",
+    AngleUnit = "angleUnit",
+    CmStep = "cmStep",
+    MStep = "mStep",
+    MmStep = "mmStep",
+    AngleLabelDistanceInCm = "angleLabelDistanceCm",
+    WallHeight = "wallHeight",
+    WallThickness = "wallThickness",
+    MaxWallHeight = "maxWallHeight",
+    MaxWallThickness = "maxWallThickness",
+    MaxWallLength = "maxWallLength",
+    MinWallLength = "minWallLength",
+    WallSnapping = "wallSnapping",
+    CornerSnapping = "cornerSnapping",
+    ShowObjectDistances = "showObjectDistances",
+    ShowObjectMeasurements = "showObjectMeasurements",
+    ShowDetailedWallMeasurements = "showDetailedWallMeasurements",
+    ShowWallItemMeasurements = "showWallItemMeasurements",
+    ShowWallMeasurements = "showWallMeasurements",
+    ShowCornerAngles = "showCornerAngles",
+    RotationSnappingEnabled = "RotationSnappingEnabled",
+    DisplayCustomShapeNames = "DisplayCustomShapeNames",
+    ShowWalkThroughCameraControls = "ShowWalkThroughCameraControls",
+    ShowInteriorLights = "ShowInteriorLights",
+    InteriorLightIntensity = "InteriorLightIntensity",
+    ShowLightingControls = "ShowLightingControls",
+    ShowLightplansDialog = "ShowLightplansDialog",
+    WalkThroughCameraFoV = "WalkThroughCameraFoV",
+    WalkThroughCameraAspectRatio = "WalkThroughCameraAspectRatio",
+    WalkThroughCameraFocus = "WalkThroughCameraFocus",
+    ShowPostProcessingSettings = "showPostProcessingSettings",
+    ShowWalls = "ShowWalls",
+    ShowCeiling = "ShowCeiling",
+    IsLimited = "IsLimited",
+    EnableTouch = "EnableTouch",
+    CameraFOV = "CameraFOV"
+}

package/lib/enum/configuration-template.enum.d.ts

@@ -0,0 +1,4 @@
+export declare enum ConfigurationTemplate {
+    default = "default",
+    showFullConfiguration = "showFullConfiguration"
+}

package/lib/enum/device-size-type.d.ts

@@ -0,0 +1,5 @@
+export declare enum DeviceSizeType {
+    Desktop = "desktop",
+    Tablet = "tablet",
+    Phone = "phone"
+}

package/lib/enum/device-tier.enum.d.ts

@@ -0,0 +1,5 @@
+export declare enum DeviceTier {
+    Mobile = "mobile",
+    Low = "low",
+    High = "high"
+}