@colijnit/configurator 261.1.0 → 261.1.1

package/lib/components/product-configurator-selector-option-tile/style/_layout.scss

@@ -0,0 +1,58 @@
+@import "../../../style/mixin.scss";
+
+@include export-module('co-product-configurator-selector-option-tile-layout') {
+  .co-product-configurator-selector-option-tile {
+    .configurator-selector-option-tile-container {
+      position: relative;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+
+      .product-configurator-selector-option-tile-checkmark {
+        position: absolute;
+        top: 5px;
+        right: 5px;
+      }
+
+      .product-configurator-selector-option-tile-image {
+        width: 100%;
+        min-height: 74px;
+        border-radius: 5px;
+        display: flex;
+        justify-content: space-evenly;
+        align-items: center;
+        img {
+          display: block;
+          max-width: 100%;
+          max-height: max-content;
+        }
+      }
+
+      .product-configurator-selector-option-tile-description {
+        p {
+          margin: 10px 0 5px 0;
+        }
+      }
+
+      &.configurator-selector-option-tile-container-small {
+        .product-configurator-selector-option-tile-image {
+          width: 100%;
+          min-height: 40px;
+          max-width: 40px;
+        }
+      }
+    }
+
+    .configurator-selector-option-tile-container-large {
+
+    }
+
+    .configurator-selector-option-tile-container-rounded {
+
+    }
+
+    .configurator-selector-option-tile-container-horizontal {
+
+    }
+  }
+}

package/lib/components/product-configurator-selector-option-tile/style/_material-definition.scss

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

package/lib/components/product-configurator-selector-option-tile/style/_theme.scss

@@ -0,0 +1,56 @@
+@import "../../../style/mixin.scss";
+
+@include export-module('co-product-configurator-selector-option-tile-theme') {
+  .co-product-configurator-selector-option-tile {
+    .configurator-selector-option-tile-container {
+      .product-configurator-selector-option-tile-checkmark {
+
+        fill: var(--checked-icon-color);
+        height: var(--big-icon-height);
+        width: var(--big-icon-width);
+        background: rgba(255, 255, 255, 0.5);
+        border-radius: 50%;
+
+        co-icon {
+          width: var(--big-icon-width);
+          height: var(--big-icon-height);
+        }
+      }
+
+      .product-configurator-selector-option-tile-image {
+        img {
+          border-radius: var(--default-border-radius);
+        }
+
+        co-icon {
+          width: var(--big-icon-width);
+          height: var(--big-icon-height);
+          background: rgba(255, 255, 255, 0.5);
+          border-radius: 50%;
+        }
+      }
+
+      .product-configurator-selector-option-tile-description {
+        text-align: center;
+        p {
+          font-size: var(--font-size-small);
+        }
+      }
+
+      &.configurator-selector-option-tile-container-rounded, &.configurator-selector-option-tile-container-small-rounded {
+        .product-configurator-selector-option-tile-image {
+          img {
+            border-radius: 100%;
+            box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2);
+          }
+        }
+      }
+
+      &.configurator-selector-option-tile-container-small {
+        .product-configurator-selector-option-tile-description {
+          font-size: var(--font-size-small);
+        }
+      }
+    }
+  }
+}

package/lib/components/product-configurator-selector-option-tile/style/material.scss

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

package/lib/components/progress-bar/progress-bar.component.d.ts

@@ -0,0 +1,10 @@
+import { ProgressService } from '../../services/progress.service';
+import * as i0 from "@angular/core";
+export declare class ProgressBarComponent {
+    progressService: ProgressService;
+    showClass(): boolean;
+    get showBar(): boolean;
+    constructor(progressService: ProgressService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarComponent, "co-progress-bar", never, {}, {}, never, never>;
+}

package/lib/components/progress-bar/progress-bar.component.scss

@@ -0,0 +1,14 @@
+:host {
+  position: fixed;
+  width: 100%;
+  z-index: 9999;
+  height: 0;
+  top: 0;
+  left: 0;
+  right: 0;
+  .progress {
+    height: 5px;
+    background: coral;
+    transition: width .2s ease;
+  }
+}

package/lib/components/progress-bar/progress-bar.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./progress-bar.component";
+import * as i2 from "@angular/common";
+export declare class ProgressBarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ProgressBarModule, [typeof i1.ProgressBarComponent], [typeof i2.CommonModule], [typeof i1.ProgressBarComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ProgressBarModule>;
+}

package/lib/components/progress-bar/style/_layout.scss

@@ -0,0 +1,18 @@
+@import "../../../style/mixin.scss";
+
+@include export-module('co-progress-bar-layout') {
+  .co-progress-bar {
+    position: fixed;
+    width: 100%;
+    z-index: 9999;
+    height: 0;
+    top: 0;
+    left: 0;
+    right: 0;
+    .progress {
+      height: 5px;
+      transition: width .2s ease;
+    }
+  }
+
+}

package/lib/components/progress-bar/style/_material-definition.scss

@@ -0,0 +1,3 @@
+:root {
+  --progress-bar-background: coral;
+}

package/lib/components/progress-bar/style/_theme.scss

@@ -0,0 +1,10 @@
+@import "../../../style/mixin.scss";
+
+@include export-module('co-progress-bar-theme') {
+  .co-progress-bar {
+    .progress {
+      background: var(--progress-bar-background);
+    }
+  }
+
+}

package/lib/components/progress-bar/style/material.scss

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

package/lib/components/scene-options/scene-options.component.d.ts

@@ -0,0 +1,24 @@
+import { OnDestroy } from '@angular/core';
+import { SceneOptionButtonInterface } from '../../interfaces/scene-option-button.interface';
+import { SceneOptionsService } from '../../services/scene-options.service';
+import { IconCacheService } from '../../services/icon-cache.service';
+import { IconEnum } from '../../enum/icon.enum';
+import { SafeHtml } from '@angular/platform-browser';
+import * as i0 from "@angular/core";
+export declare class SceneOptionsComponent implements OnDestroy {
+    iconService: IconCacheService;
+    private _sceneOptionsService;
+    showClass(): boolean;
+    readonly icons: typeof IconEnum;
+    buttons: SceneOptionButtonInterface[];
+    private _subs;
+    private _childrenShowing;
+    constructor(iconService: IconCacheService, _sceneOptionsService: SceneOptionsService);
+    ngOnDestroy(): void;
+    handleClick(event: MouseEvent, button: SceneOptionButtonInterface): void;
+    handleShowChildren(event: MouseEvent, button: SceneOptionButtonInterface): void;
+    getIcon(buttonIcon: IconEnum): SafeHtml;
+    private _addButton;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SceneOptionsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SceneOptionsComponent, "co-scene-options", never, {}, {}, never, never>;
+}

package/lib/components/scene-options/scene-options.module.d.ts

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

package/lib/components/scene-options/style/_layout.scss

@@ -0,0 +1,52 @@
+@import "../../../style/mixin.scss";
+
+@include export-module('co-scene-options-layout') {
+  .co-scene-options {
+    margin: 0 5px;
+    .buttons-wrapper {
+      position: absolute;
+      bottom: 0;
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      column-gap: 5px;
+    }
+    .button-wrapper {
+      position: relative;
+    }
+
+    .children-wrapper {
+      display: flex;
+      flex-direction: column;
+      position: absolute;
+      transform: translateY(calc(-100% - 50px));
+      z-index: 999;
+    }
+
+    button {
+      z-index: 1;
+      max-width: 50px;
+      max-height: 50px;
+      cursor: pointer;
+      img {
+        pointer-events: none;
+        width: 100%;
+        height: 100%;
+        max-height: 34px;
+        max-width: max-content;
+      }
+      &.active {
+        box-shadow: none;
+      }
+      &.circle {
+        width: 50px;
+        height: 50px;
+        border-radius: 50%;
+
+        img {
+          border-radius: 50%;
+        }
+      }
+    }
+  }
+}

package/lib/components/scene-options/style/_material-definition.scss

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

package/lib/components/scene-options/style/_theme.scss

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

package/lib/components/scene-options/style/material.scss

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

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

@@ -0,0 +1,38 @@
+import { EventEmitter, OnDestroy, TemplateRef } from '@angular/core';
+import { Selection } from '@colijnit/configuratorapi/build/model/selection';
+import { ConfiguratorConnectorService } from '../../services/configurator-connector.service';
+import { IconEnum } from '../../enum/icon.enum';
+import { IconCacheService } from '../../services/icon-cache.service';
+import * as i0 from "@angular/core";
+export declare class SelectionsSummaryComponent implements OnDestroy {
+    configuratorConnectorService: ConfiguratorConnectorService;
+    iconService: IconCacheService;
+    showClass(): boolean;
+    readonly icons: typeof IconEnum;
+    selections: Selection[];
+    showLabel: boolean;
+    canClose: boolean;
+    answersTemplate: TemplateRef<any>;
+    answerToShowFromSelectionText: string;
+    customDimensions: boolean;
+    disableMouse: boolean;
+    handledocumentMouseUp(event: any): void;
+    handleDocumentMouseDown(event: any): void;
+    readonly closeClick: EventEmitter<void>;
+    readonly cancelAnswers: EventEmitter<void>;
+    readonly selectSelection: EventEmitter<Selection>;
+    readonly repeatSelection: EventEmitter<Selection>;
+    readonly deleteSelection: EventEmitter<Selection>;
+    selectionToCustomize: Selection;
+    valutaSymbol: string;
+    showAsConfigured: boolean;
+    private _subs;
+    constructor(configuratorConnectorService: ConfiguratorConnectorService, iconService: IconCacheService);
+    ngOnDestroy(): void;
+    handleClick(sel: Selection): void;
+    handleRepeat(event: MouseEvent, sel: Selection): void;
+    handleDelete(event: MouseEvent, sel: Selection): void;
+    toggleElement(sel: Selection): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectionsSummaryComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectionsSummaryComponent, "co-selections-summary", never, { "selections": "selections"; "showLabel": "showLabel"; "canClose": "canClose"; "answersTemplate": "answersTemplate"; "answerToShowFromSelectionText": "answerToShowFromSelectionText"; "customDimensions": "customDimensions"; }, { "closeClick": "closeClick"; "cancelAnswers": "cancelAnswers"; "selectSelection": "selectSelection"; "repeatSelection": "repeatSelection"; "deleteSelection": "deleteSelection"; }, never, never>;
+}

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

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

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

@@ -0,0 +1,87 @@
+@import "../../../style/mixin.scss";
+
+@include export-module('co-selections-summary-layout') {
+  .co-selections-summary {
+    display: inline-block;
+    overflow-y: auto;
+    position: relative;
+
+    &.disable-mouse {
+      pointer-events: none;
+    }
+
+    .mat-title {
+      display: inline-block;
+    }
+
+    .co-summary-line br {
+      display: none;
+    }
+
+    .co-summary-line {
+      border-radius: 5px;
+
+      .summary-line {
+        padding: 0 5px;
+        cursor: pointer;
+      }
+    }
+
+    .sum {
+      align-items: center;
+      height: auto;
+      display: flex;
+      padding: 10px;
+      background-color: #deecf399;
+      box-shadow: 0 0 2px 0 rgba(72, 79, 96, .25);
+      border-radius: 5px;
+    }
+
+    .sum > label {
+      width: 100%;
+      font-size: 12px;
+      margin-left: 0;
+    }
+
+    .sum > .price {
+      font-weight: bold;
+      font-size: 18px;
+      margin-right: 3px;
+      white-space: nowrap;
+    }
+
+    .selections-content {
+      overflow-y: auto;
+      display: flex;
+      flex-direction: column;
+      gap: 3px;
+    }
+
+    co-icon {
+      margin: 0 10px;
+    }
+
+    .selections-content {
+      overflow-y: auto;
+      display: flex;
+      flex-direction: column;
+      gap: 3px;
+    }
+
+    .close-lite-selector {
+      position: absolute;
+      right: 10px;
+      line-height: 30px;
+      min-width: 50px;
+      background: none;
+      border: none;
+      cursor: pointer;
+    }
+
+    .close-answer {
+      position: absolute;
+      top: 0;
+      right: 0;
+    }
+  }
+}

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

@@ -0,0 +1,5 @@
+:root {
+  --background-color: #deecf399;
+  --background-white: #ffffff;
+  --box-shadow: 0 0 2px 0 rgba(72, 79, 96, .25);
+}

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

@@ -0,0 +1,13 @@
+@import "../../../style/mixin.scss";
+
+@include export-module('co-selections-summary-theme') {
+  .co-selections-summary {
+    .co-selections-summary {
+      background-color: var(--background-white);
+    }
+    .sum {
+      background-color: var(--background-color);
+      box-shadow: var(--box-shadow);
+    }
+  }
+}

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

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

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

@@ -0,0 +1,27 @@
+import { EventEmitter, OnDestroy, TemplateRef } from '@angular/core';
+import { Selection } from '@colijnit/configuratorapi/build/model/selection';
+import { ConfiguratorConnectorService } from '../../services/configurator-connector.service';
+import * as i0 from "@angular/core";
+export declare class SelectionsSummaryLineComponent implements OnDestroy {
+    configuratorConnectorService: ConfiguratorConnectorService;
+    showClass(): boolean;
+    set selection(value: Selection);
+    get selection(): Selection;
+    valutaSymbol: string;
+    answersTemplate: TemplateRef<any>;
+    answerToShowFromSelectionText: string;
+    customizeButtonClicked: EventEmitter<void>;
+    summaryLineClick: EventEmitter<void>;
+    summaryLineRepeat: EventEmitter<MouseEvent>;
+    summaryLineDelete: EventEmitter<MouseEvent>;
+    shouldBeHidden: boolean;
+    selectionDescription: string;
+    showCustomizeButton: boolean;
+    showOnlyLastAnswerDescriptionGenericSelection: boolean;
+    private _subs;
+    private _selection;
+    constructor(configuratorConnectorService: ConfiguratorConnectorService);
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectionsSummaryLineComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectionsSummaryLineComponent, "co-selections-summary-line", never, { "selection": "selection"; "valutaSymbol": "valutaSymbol"; "answersTemplate": "answersTemplate"; "answerToShowFromSelectionText": "answerToShowFromSelectionText"; }, { "customizeButtonClicked": "customizeButtonClicked"; "summaryLineClick": "summaryLineClick"; "summaryLineRepeat": "summaryLineRepeat"; "summaryLineDelete": "summaryLineDelete"; }, never, never>;
+}

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

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./selections-summary-line.component";
+import * as i2 from "../../pipes/pipes.module";
+import * as i3 from "@angular/common";
+import * as i4 from "../summary-line/summary-line.module";
+export declare class SelectionsSummaryLineModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectionsSummaryLineModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SelectionsSummaryLineModule, [typeof i1.SelectionsSummaryLineComponent], [typeof i2.PipesModule, typeof i3.CommonModule, typeof i4.CoSummaryLineModule], [typeof i1.SelectionsSummaryLineComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SelectionsSummaryLineModule>;
+}

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

@@ -0,0 +1,12 @@
+@import "../../../style/mixin.scss";
+
+@include export-module('co-selections-summary-line-layout') {
+  .co-selections-summary-line {
+    .customizer-button {
+      display: flex;
+      align-items: center;
+      height: 50px;
+      width: 100%;
+    }
+  }
+}

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

@@ -0,0 +1,4 @@
+:root {
+  --customizer-button-background-color: rgba(246, 15, 32, 0.11);
+  --customizer-button-text-color: #cd0d0d;
+}

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

@@ -0,0 +1,12 @@
+@import "../../../style/mixin.scss";
+
+@include export-module('co-selections-summary-line-theme') {
+  .co-selections-summary-line {
+    .customizer-button {
+      background-color: var(--customizer-button-background-color);
+    }
+    .customizer-button p {
+      color: var(customizer-button-text-color);
+    }
+  }
+}

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

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

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

@@ -0,0 +1,22 @@
+import { AfterViewInit, ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class SlideoutComponent implements AfterViewInit {
+    private _elementRef;
+    show: boolean;
+    showClass(): boolean;
+    resizable: boolean;
+    readonly dragGutter: ElementRef;
+    private _originalWidthPx;
+    private _dragStartX;
+    private _isDragResizing;
+    private readonly _minWidthAfterDragResize;
+    constructor(_elementRef: ElementRef);
+    ngAfterViewInit(): void;
+    onDragGutterMouseDown(event: MouseEvent): void;
+    onDocumentMouseUp(event: MouseEvent): void;
+    onDocumentDragEnd(event: DragEvent): void;
+    onDragGutterMouseUp(event: MouseEvent): void;
+    onDragGutterDoubleClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SlideoutComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SlideoutComponent, "co-slideout", never, { "show": "show"; "resizable": "resizable"; }, {}, never, ["*"]>;
+}

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

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

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

@@ -0,0 +1,27 @@
+@import "../../../style/mixin.scss";
+
+@include export-module('co-slideout-layout') {
+  .co-slideout {
+    position: fixed;
+    right: -200%;
+    background: #FFF;
+    transition: right 0.2s;
+    height: 100vh;
+    top: 0;
+    box-shadow: -5px 0 10px 0 rgba(72,79,96,0.15);
+  }
+
+  .co-slideout.show {
+    right: 0;
+  }
+
+  div.drag-gutter {
+    position: absolute;
+    left: 0;
+    top: 0;
+    height: 100%;
+    cursor: w-resize;
+    width: 10px;
+    background-color: rgba(140, 0, 0, 0);
+  }
+}

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

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

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

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

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

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