@colijnit/configurator 261.1.0 → 261.1.1

package/lib/components/element-toolbar/element-toolbar.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./element-toolbar.component";
+import * as i2 from "../../pipes/pipes.module";
+import * as i3 from "@colijnit/corecomponents_v12";
+import * as i4 from "@angular/common";
+export declare class ElementToolbarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElementToolbarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ElementToolbarModule, [typeof i1.ElementToolbarComponent], [typeof i2.PipesModule, typeof i3.IconModule, typeof i4.CommonModule], [typeof i1.ElementToolbarComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ElementToolbarModule>;
+}

package/lib/components/element-toolbar/style/_layout.scss

@@ -0,0 +1,107 @@
+@import "../../../style/mixin.scss";
+
+@include export-module('co-element-toolbar-layout') {
+  .co-element-toolbar {
+    position: absolute;
+    display: block;
+    height: 50px;
+    top: 64px;
+    left: 50%;
+    width: 150px;
+    transform: translateX(-50%);
+
+    .toolbar-wrapper {
+      display: flex;
+      align-items: center;
+      gap: 5px;
+
+      .toolbar-button {
+        display: flex;
+        align-items: center;
+        cursor: pointer;
+        border: none;
+        border-radius: 5px;
+        height: 36px;
+        width: 36px;
+        box-sizing: border-box;
+        padding: 5px;
+
+        button {
+          cursor: pointer;
+          background: none;
+          border: none;
+          height: 26px;
+          width: 26px;
+        }
+      }
+    }
+
+    &.custom-menu {
+      top: 90px;
+      left: 80px;
+      height: auto;
+      transform: translateX(0);
+
+      .toolbar-wrapper {
+        column-gap: 10px;
+      }
+
+      .toolbar-button {
+        cursor: pointer;
+        display: flex;
+        align-items: center;
+
+        button {
+          border: none;
+          background: none;
+
+          co-icon {
+            width: 20px;
+            height: 20px;
+          }
+        }
+
+        .instant-edit-button {
+          display: flex;
+          align-items: center;
+
+          ::ng-deep co-icon {
+            margin-right: 7px;
+            border: none;
+            width: 16px;
+            height: 16px;
+            border-radius: 10px;
+          }
+        }
+
+        button {
+          box-shadow: none;
+          height: 30px;
+          width: 30px;
+
+          .mat-icon {
+            height: 30px;
+            width: 30px;
+          }
+        }
+      }
+
+      .toolbar-label {
+        font-weight: bold;
+        margin-right: 22px;
+      }
+
+      .edit-menu-wrapper {
+        left: 0;
+        transform: translateX(0);
+      }
+    }
+
+    @media screen and (max-width: 768px) {
+      &.custom-menu {
+        top: 18px;
+        left: 5%;
+      }
+    }
+  }
+}

package/lib/components/element-toolbar/style/_material-definition.scss

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

package/lib/components/element-toolbar/style/_theme.scss

@@ -0,0 +1,47 @@
+@import "../../../style/mixin.scss";
+
+@include export-module('co-element-toolbar-theme') {
+  .co-element-toolbar {
+    .toolbar-wrapper {
+      .toolbar-button {
+        background-color: #17253391;
+        box-shadow: 0 3px 5px -1px #0003, 0 6px 10px #00000024, 0 1px 18px #0000001f;
+
+        button {
+          color: #fff;
+          fill: #fff;
+        }
+      }
+    }
+
+    &.custom-menu {
+      .toolbar-button {
+        cursor: pointer;
+        display: flex;
+        align-items: center;
+
+
+        .instant-edit-button {
+          svg g {
+            polygon {
+              fill: black;
+            }
+
+            path {
+              fill: black;
+            }
+          }
+        }
+      }
+
+      button {
+        border: 1px solid rgba(0, 0, 0, 0.1);
+
+      }
+    }
+
+    .toolbar-label {
+      font-size: var(--font-size-small);
+    }
+  }
+}

package/lib/components/element-toolbar/style/material.scss

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

package/lib/components/image-zoom/image-zoom.component.d.ts

@@ -0,0 +1,15 @@
+import { EventEmitter } from '@angular/core';
+import { IconEnum } from '../../enum/icon.enum';
+import { IconCacheService } from '../../services/icon-cache.service';
+import * as i0 from "@angular/core";
+export declare class ImageZoomComponent {
+    iconService: IconCacheService;
+    showClass(): boolean;
+    readonly icons: typeof IconEnum;
+    imageData: string;
+    show: boolean;
+    showChange: EventEmitter<boolean>;
+    constructor(iconService: IconCacheService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ImageZoomComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ImageZoomComponent, "co-image-zoom", never, { "imageData": "imageData"; "show": "show"; }, { "showChange": "showChange"; }, never, ["*"]>;
+}

package/lib/components/image-zoom/image-zoom.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./image-zoom.component";
+import * as i2 from "@colijnit/corecomponents_v12";
+import * as i3 from "@angular/common";
+export declare class ImageZoomModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ImageZoomModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ImageZoomModule, [typeof i1.ImageZoomComponent], [typeof i2.IconModule, typeof i3.CommonModule], [typeof i1.ImageZoomComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ImageZoomModule>;
+}

package/lib/components/image-zoom/style/_layout.scss

@@ -0,0 +1,51 @@
+@import "../../../style/mixin.scss";
+
+@include export-module('co-image-zoom-layout') {
+  .co-image-zoom {
+
+    .zoom-layer {
+      position: fixed;
+      width: 100vw;
+      height: 100vh;
+      top: 0;
+      left: 0;
+      z-index: 1;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .zoom-wrapper {
+      position: relative;
+      border-radius: 10px;
+    }
+
+    .close-button-wrapper {
+      -webkit-user-select: none;
+      -moz-user-select: none;
+      -ms-user-select: none;
+      user-select: none;
+      position: absolute;
+      cursor: pointer;
+      right: -23px;
+      top: -23px;
+      border-radius: 50%;
+      width: 25px;
+      height: 25px;
+    }
+
+    .zoom-wrapper .content {
+      position: absolute;
+      bottom: 0;
+    }
+
+    .zoom-wrapper img {
+      -webkit-user-select: none;
+      -moz-user-select: none;
+      -ms-user-select: none;
+      user-select: none;
+      height: 450px;
+      padding: 10px;
+    }
+  }
+}

package/lib/components/image-zoom/style/_material-definition.scss

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

package/lib/components/image-zoom/style/_theme.scss

@@ -0,0 +1,17 @@
+@import "../../../style/mixin.scss";
+
+@include export-module('co-image-zoom-theme') {
+  .co-image-zoom {
+    .zoom-layer {
+      background: rgba(0, 0, 0, 0.6);
+    }
+
+    .zoom-wrapper {
+      background: rgba(255, 255, 255, 1);
+    }
+
+    .close-button-wrapper {
+      background: rgba(255, 255, 255, 0.4);
+    }
+  }
+}

package/lib/components/image-zoom/style/material.scss

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

package/lib/components/lite-selector/lite-selector.component.d.ts

@@ -0,0 +1,40 @@
+import { EventEmitter, OnDestroy, TemplateRef } from '@angular/core';
+import { Selection } from '@colijnit/configuratorapi/build/model/selection';
+import { Answer } from '@colijnit/configuratorapi/build/model/answer';
+import { SwitchBuildFurnitureService } from '../../services/switch-build-furniture.service';
+import { ConfiguratorConnectorService } from '../../services/configurator-connector.service';
+import { ConfiguringService } from '../../services/configuring.service';
+import * as i0 from "@angular/core";
+export declare class LiteSelectorComponent implements OnDestroy {
+    buildFurnitureService: SwitchBuildFurnitureService;
+    configuratorConnectorService: ConfiguratorConnectorService;
+    private _configuringService;
+    showClass(): boolean;
+    templateAnswers: TemplateRef<any>;
+    set showAnswers(value: boolean);
+    get showAnswers(): boolean;
+    show: boolean;
+    set showSelections(value: boolean);
+    get showSelections(): boolean;
+    showLabel: boolean;
+    canClose: boolean;
+    customDimensions: boolean;
+    readonly showChange: EventEmitter<boolean>;
+    readonly answerChosen: EventEmitter<Answer>;
+    answerToShowFromSelectionText: string;
+    inlineAnswers: boolean;
+    animateSlideout: boolean;
+    private _showAnswers;
+    private _answersShowing;
+    private _showSelections;
+    private _selectionSelected;
+    private _subs;
+    constructor(buildFurnitureService: SwitchBuildFurnitureService, configuratorConnectorService: ConfiguratorConnectorService, _configuringService: ConfiguringService);
+    ngOnDestroy(): void;
+    onCloseLiteSelectorButtonClick(): void;
+    onSelectionsSummarySelectSelection(selection: Selection, forceBackToNode?: boolean, after?: boolean): Promise<void>;
+    onSelectionsSummaryDeleteSelection(selection: Selection): Promise<void>;
+    onAnswersSlideoutAnswerChosen(answerSelected: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LiteSelectorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LiteSelectorComponent, "co-lite-selector", never, { "showAnswers": "showAnswers"; "show": "show"; "showSelections": "showSelections"; "showLabel": "showLabel"; "canClose": "canClose"; "customDimensions": "customDimensions"; }, { "showChange": "showChange"; "answerChosen": "answerChosen"; }, never, never>;
+}

package/lib/components/lite-selector/lite-selector.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./lite-selector.component";
+import * as i2 from "../answers-slideout/answers-slideout.module";
+import * as i3 from "@angular/common";
+import * as i4 from "../selections-summary/selections-summary.module";
+export declare class LiteSelectorModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<LiteSelectorModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<LiteSelectorModule, [typeof i1.LiteSelectorComponent], [typeof i2.AnswersSlideoutModule, typeof i3.CommonModule, typeof i4.SelectionsSummaryModule], [typeof i1.LiteSelectorComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<LiteSelectorModule>;
+}

package/lib/components/lite-selector/style/_layout.scss

@@ -0,0 +1,21 @@
+@import "../../../style/mixin.scss";
+
+@include export-module('co-lite-selector-layout') {
+  .co-lite-selector {
+    &.floating co-selections-summary {
+      position: absolute;
+      right: 0;
+      max-height: calc(100vh - 120px);
+    }
+
+    &:not(.custom-dimensions).floating co-selections-summary {
+      top: 64px;
+      max-height: calc(100vh - 184px);
+      background: #fdf7e463;
+      padding: 5px 10px 10px 10px;
+      border-radius: 10px;
+      right: 10px;
+    }
+
+  }
+}

package/lib/components/lite-selector/style/_material-definition.scss

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

package/lib/components/lite-selector/style/_theme.scss

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

package/lib/components/lite-selector/style/material.scss

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

package/lib/components/product-configurator/product-configurator.component.d.ts

@@ -0,0 +1,50 @@
+import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { Answer } from '@colijnit/configuratorapi/build/model/answer';
+import { SelectorStructure } from '@colijnit/configuratorapi/build/model/selector-structure.bo';
+import { Article } from '@colijnit/configuratorapi/build/model/article';
+import { SelectorWithOptions } from '@colijnit/configuratorapi/build/model/selector-with-options';
+import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+import { SwitchBuildFurnitureService } from '../../services/switch-build-furniture.service';
+import { ProductConfiguratorService } from '../../services/product-configurator.service';
+import { ConfiguratorConnectorService } from '../../services/configurator-connector.service';
+import { SettingsService } from '../../services/settings.service';
+import { IconEnum } from '../../enum/icon.enum';
+import { IconCacheService } from '../../services/icon-cache.service';
+import { ConfiguringService } from '../../services/configuring.service';
+import * as i0 from "@angular/core";
+export declare class ProductConfiguratorComponent implements OnInit, OnDestroy {
+    configuratorConnectorService: ConfiguratorConnectorService;
+    buildFurnitureService: SwitchBuildFurnitureService;
+    settingsService: SettingsService;
+    productConfiguratorService: ProductConfiguratorService;
+    iconService: IconCacheService;
+    private _sanitizer;
+    private _configuringService;
+    showClass(): boolean;
+    readonly icons: typeof IconEnum;
+    set show(value: boolean);
+    get show(): boolean;
+    showHeaderInformation: boolean;
+    set showSelections(value: boolean);
+    get showSelections(): boolean;
+    showLabel: boolean;
+    canClose: boolean;
+    customDimensions: boolean;
+    readonly showChange: EventEmitter<boolean>;
+    readonly answerChosen: EventEmitter<Answer>;
+    valutaSymbol: string;
+    article: Article;
+    selectionList: SelectorWithOptions[];
+    safeDescription: SafeHtml;
+    private _showSelections;
+    private _show;
+    private _selectionSelected;
+    private _subs;
+    constructor(configuratorConnectorService: ConfiguratorConnectorService, buildFurnitureService: SwitchBuildFurnitureService, settingsService: SettingsService, productConfiguratorService: ProductConfiguratorService, iconService: IconCacheService, _sanitizer: DomSanitizer, _configuringService: ConfiguringService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    onSelectionsSummarySelectSelection(chosenOption: SelectorStructure): Promise<void>;
+    handleCloseClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProductConfiguratorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProductConfiguratorComponent, "co-product-configurator", never, { "show": "show"; "showHeaderInformation": "showHeaderInformation"; "showSelections": "showSelections"; "showLabel": "showLabel"; "canClose": "canClose"; "customDimensions": "customDimensions"; }, { "showChange": "showChange"; "answerChosen": "answerChosen"; }, never, never>;
+}

package/lib/components/product-configurator/product-configurator.module.d.ts

@@ -0,0 +1,15 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./product-configurator.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/icon";
+import * as i4 from "@angular/material/button";
+import * as i5 from "@colijnit/corecomponents_v12";
+import * as i6 from "../slideout/slideout.module";
+import * as i7 from "@angular/forms";
+import * as i8 from "../../pipes/pipes.module";
+import * as i9 from "../product-configurator-selector/product-configurator-selector.module";
+export declare class ProductConfiguratorModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProductConfiguratorModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ProductConfiguratorModule, [typeof i1.ProductConfiguratorComponent], [typeof i2.CommonModule, typeof i3.MatIconModule, typeof i4.MatButtonModule, typeof i5.CardModule, typeof i6.SlideoutModule, typeof i5.PriceDisplayPipeModule, typeof i5.ButtonModule, typeof i5.InputTextModule, typeof i7.FormsModule, typeof i8.PipesModule, typeof i5.IconModule, typeof i5.TooltipDirectiveModule, typeof i9.ProductConfiguratorSelectorModule], [typeof i1.ProductConfiguratorComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ProductConfiguratorModule>;
+}

package/lib/components/product-configurator/style/_layout.scss

@@ -0,0 +1,46 @@
+@import "../../../style/mixin.scss";
+
+
+@include export-module('co-product-configurator') {
+  .product-configurator-container {
+    box-sizing: border-box;
+    position: absolute;
+    z-index: 1;
+    max-height: calc(100vh - 120px);
+    top: 64px;
+    padding: 15px;
+    border-radius: 10px;
+    right: 10px;
+    width: 505px;
+
+    .product-configurator-header {
+      display: flex;
+      justify-content: space-between;
+      padding-bottom: 10px;
+
+      .product-configurator-head {
+        .product-configurator-header-text {
+          margin: 0;
+        }
+
+        .product-configurator-text {
+          margin: 0;
+        }
+      }
+
+      .product-configurator-close {
+        cursor: pointer;
+      }
+    }
+
+    .product-configurator-details {
+      max-height: calc(100vh - 320px);
+      overflow-y: scroll;
+    }
+
+    .product-configurator-summary-price-container {
+      box-sizing: border-box;
+      padding: 10px 0;
+    }
+  }
+}

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

@@ -0,0 +1,3 @@
+:root {
+  --product-configurator-background-color: #fff;
+}

package/lib/components/product-configurator/style/_theme.scss

@@ -0,0 +1,22 @@
+@import "../../../style/mixin.scss";
+
+@include export-module('co-product-configurator') {
+  .co-product-configurator {
+    .product-configurator-container {
+      background: var(--product-configurator-background-color);
+      color: var(--text-color);
+
+      .product-configurator-header {
+        .product-configurator-head {
+          .product-configurator-header-text {
+            font-size: var(--font-size-large);
+          }
+
+          .product-configurator-text {
+            font-size: var(--font-size-medium);
+          }
+        }
+      }
+    }
+  }
+}

package/lib/components/product-configurator/style/material.scss

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

package/lib/components/product-configurator-selector/product-configurator-selector.component.d.ts

@@ -0,0 +1,35 @@
+import { ElementRef, EventEmitter, OnInit } from '@angular/core';
+import { SelectorStructure } from '@colijnit/configuratorapi/build/model/selector-structure.bo';
+import { SelectorWithOptions } from '@colijnit/configuratorapi/build/model/selector-with-options';
+import { SettingsService } from '../../services/settings.service';
+import { ConfiguratorConnectorService } from '../../services/configurator-connector.service';
+import { IconCacheService } from '../../services/icon-cache.service';
+import { IconEnum } from '../../enum/icon.enum';
+import * as i0 from "@angular/core";
+export declare class ProductConfiguratorSelectorComponent implements OnInit {
+    configuratorConnectorService: ConfiguratorConnectorService;
+    settingsService: SettingsService;
+    iconService: IconCacheService;
+    showClass(): boolean;
+    readonly icons: typeof IconEnum;
+    exceptionContainer?: ElementRef;
+    get hostClasses(): string;
+    selection: SelectorStructure;
+    options: SelectorWithOptions[];
+    lastNodeWithChildren: boolean;
+    selectionIndex: number;
+    treeLevelIndex: number;
+    isActive: boolean;
+    markAsException: boolean;
+    activate: EventEmitter<void>;
+    get selectionIndexText(): string;
+    selectionClass: string;
+    listOfChoices: SelectorStructure[];
+    activeChildIndex: number;
+    constructor(configuratorConnectorService: ConfiguratorConnectorService, settingsService: SettingsService, iconService: IconCacheService);
+    ngOnInit(): void;
+    showAndScroll(): void;
+    onSubHeaderClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProductConfiguratorSelectorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProductConfiguratorSelectorComponent, "co-product-configurator-selector", never, { "selection": "selection"; "options": "options"; "lastNodeWithChildren": "lastNodeWithChildren"; "selectionIndex": "selectionIndex"; "treeLevelIndex": "treeLevelIndex"; "isActive": "isActive"; "markAsException": "markAsException"; }, { "activate": "activate"; }, never, never>;
+}

package/lib/components/product-configurator-selector/product-configurator-selector.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./product-configurator-selector.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 "../product-configurator-selector-option/product-configurator-selector-option.module";
+export declare class ProductConfiguratorSelectorModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProductConfiguratorSelectorModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ProductConfiguratorSelectorModule, [typeof i1.ProductConfiguratorSelectorComponent], [typeof i2.PipesModule, typeof i3.CommonModule, typeof i4.IconModule, typeof i5.ProductConfiguratorSelectorOptionModule], [typeof i1.ProductConfiguratorSelectorComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ProductConfiguratorSelectorModule>;
+}