@colijnit/product 1.0.12 → 1.9.3

package/app/components/image-carousel/image-carousel.component.d.ts

@@ -4,31 +4,36 @@ import { IOneControllerService } from '../../service/i-one-controller.service';
 import { AppEventService } from '../../service/app-event.service';
 import { IconEnum } from '../../enum/icon.enum';
 import { IconCacheService } from '../../service/icon-cache.service';
+import { DomSanitizer, SafeUrl } from '@angular/platform-browser';
 export declare class ImageCarouselComponent implements OnInit, OnDestroy {
     private _ione;
     private _appEventService;
     private _changeDetector;
+    private _domSanitizer;
     iconCache: IconCacheService;
     readonly icons: typeof IconEnum;
     showLoader: boolean;
     carousel: ElementRef;
-    images: CoDocument[];
+    showRefresh: boolean;
+    set images(value: CoDocument[]);
     handleWindowResize(): void;
     gotoNextSlide(): void;
     gotoPrevSlide(): void;
     isCurrentIndex(index: number): boolean;
-    currentIndex: number;
+    get currentIndex(): number;
+    set currentIndex(value: number);
     resizing: boolean;
+    get images(): CoDocument[];
     private _resizeTimer;
     private _currentIndex;
     private _images;
     private _subs;
-    constructor(_ione: IOneControllerService, _appEventService: AppEventService, _changeDetector: ChangeDetectorRef, iconCache: IconCacheService);
+    constructor(_ione: IOneControllerService, _appEventService: AppEventService, _changeDetector: ChangeDetectorRef, _domSanitizer: DomSanitizer, iconCache: IconCacheService);
     ngOnInit(): void;
     ngOnDestroy(): void;
     handleThumbClick(index: number): void;
     onForceRenderImage(): void;
-    getImageSrc(image: CoDocument | CustomEvent): string;
+    getImageSrc(image: CoDocument | CustomEvent): SafeUrl;
     private _loadImages;
     private _scrollCarouselToIndex;
 }

package/app/components/product-additional-description/product-additional-description.component.d.ts

@@ -3,7 +3,8 @@ import { ArticleFullObject } from '@colijnit/ioneconnector/build/model/article-f
 import { AppEventService } from '../../service/app-event.service';
 export declare class ProductAdditionalDescriptionComponent implements OnInit {
     private _appEventService;
-    article: ArticleFullObject;
+    set article(value: ArticleFullObject);
+    get article(): ArticleFullObject;
     description: string;
     private _article;
     constructor(_appEventService: AppEventService);

package/app/components/product-additional-info/product-additional-info.component.d.ts

@@ -6,7 +6,8 @@ export declare class ProductAdditionalInfoComponent implements OnInit {
     private _sanitizer;
     private _moduleService;
     private _changeDetector;
-    article: ArticleFullObject;
+    set article(value: ArticleFullObject);
+    get article(): ArticleFullObject;
     showLabel: boolean;
     textParts: SafeHtml[];
     info: string;

package/app/components/product-addtocart/product-addtocart.component.d.ts

@@ -14,7 +14,8 @@ export declare class ProductAddtocartComponent implements OnInit, OnDestroy {
     configurable: boolean;
     configuring: boolean;
     fullscreen: boolean;
-    quantity: number;
+    set quantity(value: number);
+    get quantity(): number;
     startConfiguration: EventEmitter<void>;
     addToCartClick: EventEmitter<number>;
     addToQuoteClick: EventEmitter<number>;

package/app/components/product-delivery/product-delivery.component.d.ts

@@ -10,7 +10,7 @@ export declare class ProductDeliveryComponent implements OnInit {
     private _iOne;
     private _iconCache;
     readonly icon: typeof IconEnum;
-    stockAndDelivery: StockAndDelivery;
+    set stockAndDelivery(value: StockAndDelivery);
     deliveryDescription: string;
     iconData: SafeHtml;
     constructor(_localizePipe: LocalizePipe, _iOne: IOneControllerService, _iconCache: IconCacheService);

package/app/components/product-info-tabs/product-info-tabs.component.d.ts

@@ -8,7 +8,7 @@ export declare class ProductInfoTabsComponent implements OnDestroy {
     tabContent: ElementRef;
     tabs: any[];
     articleObject: ArticleFullObject;
-    article: ArticleFullObject;
+    set article(value: ArticleFullObject);
     private _subs;
     constructor(_appEventService: AppEventService);
     ngOnDestroy(): void;

package/app/components/product-page/product-page.component.d.ts

@@ -18,10 +18,13 @@ export declare class ProductPageComponent implements OnInit, OnDestroy, AfterVie
     configurator: ElementRef;
     selections: ElementRef;
     fullscreenbutton: ElementRef;
-    sku: string;
-    fullScreen: boolean;
-    readonly fullScreenIcon: IconEnum;
-    currentView: SelectorType;
+    set sku(value: string);
+    get sku(): string;
+    set fullScreen(value: boolean);
+    get fullScreen(): boolean;
+    get fullScreenIcon(): IconEnum;
+    set currentView(value: SelectorType);
+    get currentView(): SelectorType;
     article: ArticleFullObject;
     stockAndDelivery: StockAndDelivery;
     configurable: boolean;
@@ -40,8 +43,8 @@ export declare class ProductPageComponent implements OnInit, OnDestroy, AfterVie
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
+    setInstance(event: CustomEvent): void;
     handleStartConfiguration(): void;
     showFullScreen(): void;
-    private _prepareFullscreen;
     private _getArticle;
 }

package/app/components/product-price/product-price.component.d.ts

@@ -1,8 +1,9 @@
 import { ChangeDetectorRef, OnInit } from '@angular/core';
 export declare class ProductPriceComponent implements OnInit {
     private _changeDetector;
-    pricing: any;
-    configurable: boolean;
+    set pricing(value: any);
+    get pricing(): any;
+    set configurable(value: boolean);
     fromPrice: number;
     toPrice: number;
     valutaSign: string;

package/app/components/product-properties/product-properties.component.d.ts

@@ -2,7 +2,8 @@ import { OnInit } from '@angular/core';
 import { ArticleFullObject } from '@colijnit//ioneconnector/build/model/article-full-object';
 export declare const propertyMap: Map<string, string>;
 export declare class ProductPropertiesComponent implements OnInit {
-    article: ArticleFullObject;
+    set article(value: ArticleFullObject);
+    get article(): ArticleFullObject;
     showLabel: boolean;
     properties: {
         key: string;

package/app/components/product-related/product-related.component.d.ts

@@ -7,7 +7,8 @@ export declare class ProductRelatedComponent {
     refType: number;
     label: string;
     isSmallModus: boolean;
-    articles: ArticleListObject[];
+    set articles(value: ArticleListObject[]);
+    get articles(): ArticleListObject[];
     private _articles;
     constructor(_iOne: IOneControllerService, _appEventService: AppEventService);
     handleContentClick(article: ArticleListObject): void;

package/app/components/product-stock/product-stock.component.d.ts

@@ -8,7 +8,7 @@ export declare class ProductStockComponent implements OnInit {
     private _iOne;
     private _iconCache;
     readonly icon: typeof IconEnum;
-    stockAndDelivery: StockAndDelivery;
+    set stockAndDelivery(value: StockAndDelivery);
     numberInStock: number;
     iconData: SafeHtml;
     constructor(_iOne: IOneControllerService, _iconCache: IconCacheService);

package/app/components/product-symbols/product-symbols.component.d.ts

@@ -1,6 +1,7 @@
 import { OnInit } from '@angular/core';
 export declare class ProductSymbolsComponent implements OnInit {
-    symbols: any;
+    set symbols(value: any);
+    get symbols(): any;
     _className: string;
     symbolStrings: string[];
     private _symbols;

package/app/ione-product.component.d.ts

@@ -1,11 +1,13 @@
-import { AfterViewInit, ChangeDetectorRef, EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import { ChangeDetectorRef, EventEmitter, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
 import { JsonUtilsService } from './utils/json-utils.service';
 import { IOneControllerService } from './service/i-one-controller.service';
 import { DictionaryService } from './service/dictionary.service';
 import { AppEventService } from './service/app-event.service';
 import { ArticleListObject } from '@colijnit/ioneconnector/build/model/article-list-object';
 import { SettingsService } from './service/settings.service';
-export declare class IoneProductComponent implements OnInit, OnChanges, OnDestroy, AfterViewInit {
+import { Article } from '@colijnit//ioneconnector/build/model/article';
+import { Selection } from '@colijnit/ioneconnector/build/model/selection';
+export declare class IoneProductComponent implements OnChanges, OnDestroy {
     private _dictionary;
     private _jsonUtils;
     private _ione;
@@ -13,18 +15,19 @@ export declare class IoneProductComponent implements OnInit, OnChanges, OnDestro
     private _appEventService;
     private _settingsService;
     sku: string;
-    settings: any;
+    set settings(value: any);
+    get settings(): any;
     onAddToCart: EventEmitter<string>;
     forceRenderImage: EventEmitter<void>;
     onAlternativeClick: EventEmitter<ArticleListObject>;
     onArticleInfoReceived: EventEmitter<string>;
+    onArticleReceived: EventEmitter<Article>;
+    onSelectionsReceived: EventEmitter<Selection[]>;
     onAddToQuote: EventEmitter<string>;
     upAndLoaded: boolean;
     private _settings;
     private _subs;
     constructor(_dictionary: DictionaryService, _jsonUtils: JsonUtilsService, _ione: IOneControllerService, _changeDetector: ChangeDetectorRef, _appEventService: AppEventService, _settingsService: SettingsService);
-    ngOnInit(): Promise<void>;
-    ngAfterViewInit(): Promise<void>;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     private _handleSettingsLoaded;

package/app/ione-product.module.d.ts

@@ -1,2 +1,4 @@
+import { AppInitializerService } from './service/app-initializer.service';
+export declare function initializeApp(context: AppInitializerService): () => Promise<void>;
 export declare class IoneProductModule {
 }

package/app/model/settings.d.ts

@@ -15,6 +15,11 @@ export declare class Settings {
     useMatch: boolean;
     assetPath: string;
     assetIndex: string;
+    currencySymbol: string;
+    threeDAssetPath: string;
+    lightPresetsIndex: string;
+    additionalTranslationFile: string;
+    gtm: string;
     client: string;
     timeoutInMs: number;
     languageCode: string;

package/app/service/app-event.service.d.ts

@@ -1,13 +1,18 @@
 import { Subject } from 'rxjs';
 import { ArticleListObject } from '@colijnit/ioneconnector/build/model/article-list-object';
+import { Article } from '@colijnit//ioneconnector/build/model/article';
+import { Selection } from '@colijnit/ioneconnector/build/model/selection';
 export declare class AppEventService {
     onAddToCart: Subject<string>;
     onAlternativeClick: Subject<ArticleListObject>;
     onAddToQuote: Subject<string>;
     onForceRenderImage: Subject<void>;
+    onArticleReceived: Subject<Article>;
+    onSelectionsReceived: Subject<Selection[]>;
     onImageReceived: Subject<string>;
     onRenderStarted: Subject<void>;
     onRenderImageReceived: Subject<string>;
+    onDraftRenderImageReceived: Subject<string>;
     onArticleInfoReceived: Subject<string>;
     onUpdateProductInfoTab: Subject<number>;
 }

package/app/service/app-initializer.service.d.ts

@@ -0,0 +1,6 @@
+import { SettingsService } from './settings.service';
+export declare class AppInitializerService {
+    private _settingsService;
+    constructor(_settingsService: SettingsService);
+    initializeApp(): Promise<void>;
+}

package/app/service/dictionary.service.d.ts

@@ -4,8 +4,8 @@ export declare class DictionaryService {
     private _http;
     private _jsonUtils;
     private readonly dictionaryUrl;
-    readonly language: string;
-    rootUrl: string;
+    get language(): string;
+    set rootUrl(value: string);
     private _dictBasePath;
     private _rootUrl;
     private _dictionaries;

package/app/service/i-one-connector-adapter.service.d.ts

@@ -1,5 +1,5 @@
 import { OnDestroy } from '@angular/core';
-import { Subject } from 'rxjs/Subject';
+import { Subject } from 'rxjs';
 import { Connector } from '@colijnit//ioneconnector';
 import { Options } from '@colijnit//ioneconnector/build/model/options';
 import { SuperArticleImage } from '@colijnit//ioneconnector/build/model/super-article-image';
@@ -7,17 +7,20 @@ import { TurnoverGroupImage } from '@colijnit//ioneconnector/build/model/turnove
 import { ArticleGroupImage } from '@colijnit//ioneconnector/build/model/article-group-image';
 import { ArticleFullObject } from '@colijnit//ioneconnector/build/model/article-full-object';
 import { SuperArticle } from '@colijnit/ioneconnector/build/model/super-article';
+import { ConfiguratorStatisticsEnvironment } from '@colijnit/ioneconnector/build/model/configurator-statistics-environment';
 export declare class IOneConnectorAdapterService implements OnDestroy {
     readonly showLoader: Subject<boolean>;
     connector?: Connector;
     constructor();
     ngOnDestroy(): void;
     initConnector(options: Options): void;
+    setInstance(instanceId: string): void;
     getDeliveryPrognosis(goodId: number): Promise<any>;
     getArticleGroupImages(): Promise<ArticleGroupImage[]>;
     getTurnoverGroupImages(): Promise<TurnoverGroupImage[]>;
     getSuperArticleImages(): Promise<SuperArticleImage[]>;
-    getJsonConfiguredArticles(): Promise<void>;
+    getJsonConfiguredArticles(configuratorStatistics?: ConfiguratorStatisticsEnvironment): Promise<void>;
+    getJsonArticleFlatTree(goodId: number): Promise<void>;
     getFullArticle(skuOrId: string): Promise<ArticleFullObject>;
     getSuperArticle(id: string): Promise<SuperArticle>;
     getDocumentContent(docId: number, thumbnail?: boolean): Promise<any>;

package/app/service/i-one-controller.service.d.ts

@@ -4,15 +4,15 @@ import { SuperArticleImage } from '@colijnit//ioneconnector/build/model/super-ar
 import { TurnoverGroupImage } from '@colijnit//ioneconnector/build/model/turnover-group-image';
 import { ArticleGroupImage } from '@colijnit//ioneconnector/build/model/article-group-image';
 import { IOneConnectorAdapterService } from './i-one-connector-adapter.service';
-import { BehaviorSubject } from 'rxjs/BehaviorSubject';
+import { BehaviorSubject } from 'rxjs';
 import { ArticleFullObject } from '@colijnit//ioneconnector/build/model/article-full-object';
 import { SuperArticle } from '@colijnit/ioneconnector/build/model/super-article';
 import { SettingsService } from './settings.service';
 export declare class IOneControllerService implements OnDestroy {
     connector: IOneConnectorAdapterService;
     private _settingsService;
-    readonly article: Article;
-    readonly shouldShowLoader: boolean;
+    get article(): Article;
+    get shouldShowLoader(): boolean;
     controllerInitialized: BehaviorSubject<boolean>;
     private _article;
     private _shouldShowLoader;
@@ -23,6 +23,7 @@ export declare class IOneControllerService implements OnDestroy {
     constructor(connector: IOneConnectorAdapterService, _settingsService: SettingsService);
     ngOnDestroy(): void;
     initDefaultDevelopTestConnection(): Promise<void>;
+    setInstance(instanceId: string): void;
     getFullArticle(skuOrId: string): Promise<ArticleFullObject>;
     getDocumentContent(docId: number, thumbnail?: boolean): Promise<any>;
     getDeliveryPrognosis(goodId: number): Promise<any>;
@@ -31,5 +32,6 @@ export declare class IOneControllerService implements OnDestroy {
     getSuperArticleImages(): Promise<SuperArticleImage[]>;
     getSuperArticle(id: string): Promise<SuperArticle>;
     getJsonConfiguredArticles(): Promise<any>;
+    getJsonArticleFlatTree(goodId: number): Promise<any>;
     onShowLoaderChange(showLoader: boolean): void;
 }

package/app/service/icon-cache.service.d.ts

@@ -6,7 +6,7 @@ export declare class IconCacheService {
      * All the icons as a large JSON object, from the all-icons.json file.
      * The object has property keys that are the icon names, and property values with the data string of the actual svg icon.
      */
-    readonly iconCache: {
+    get iconCache(): {
         [iconName: string]: SafeHtml;
     };
     private _iconCache;

package/app/service/settings.service.d.ts

@@ -1,14 +1,16 @@
-import { BehaviorSubject } from 'rxjs/Rx';
+import { BehaviorSubject } from 'rxjs';
 import { JsonUtilsService } from '../utils/json-utils.service';
 import { DictionaryService } from './dictionary.service';
 import { Settings } from '../model/settings';
 export declare class SettingsService {
     private _jsonUtilsService;
     private _dictionaryService;
-    settings: Settings;
+    set settings(value: Settings);
+    get settings(): Settings;
     settingsLoaded: BehaviorSubject<boolean>;
     private _settings;
     constructor(_jsonUtilsService: JsonUtilsService, _dictionaryService: DictionaryService);
+    initializeSettings(): Promise<void>;
     createSettingsFromObject(obj: any): Promise<void>;
-    initializeSettings(settings: any): Promise<void>;
+    settingsFinished(): Promise<void>;
 }

package/app/style/_scrollbars.mixins.scss

@@ -0,0 +1,18 @@
+@mixin scrollbar-gradient($pos, $color, $stopPoint) {
+  background: linear-gradient($pos, $color, $color $stopPoint, transparent $stopPoint, transparent);
+}
+
+@mixin scrollbar-full-style($thumbColor, $trackColor, $stopPoint) {
+  &::-webkit-scrollbar-thumb:vertical {
+    @include scrollbar-gradient(to left, $thumbColor, $stopPoint);
+  }
+  &::-webkit-scrollbar-track:vertical {
+    @include scrollbar-gradient(to left, $trackColor, $stopPoint);
+  }
+  &::-webkit-scrollbar-thumb:horizontal {
+    @include scrollbar-gradient(to top, $thumbColor, $stopPoint);
+  }
+  &::-webkit-scrollbar-track:horizontal {
+    @include scrollbar-gradient(to top, $trackColor, $stopPoint);
+  }
+}

package/app/style/_variables.scss

@@ -0,0 +1,21 @@
+
+$action-color: #2b60a7;
+$action-color-secondary: #74B77F;
+$border-color: #f6f5f4;
+$background-color: #e4edf4;
+$primary-color: #22313C;
+$primary-color-light: #5b6875;
+
+$color-scrollbar-thumb: #484f60;
+$color-scrollbar-background: #e8eceb;
+$color-tooltip-background: #a2857b;
+
+$color-error: #f15152;
+
+$scrollbar-narrow-stop-point: 25%;
+$scrollbar-mini-stop-point: 10%;
+$scrollbar-size: 15px;
+
+$default-font-size: 12px;
+
+$default-width: 340px;