@colijnit/sharedcomponents 1.0.18 → 1.0.20

package/lib/assets/dictionary/text.properties.d.ts

@@ -0,0 +1,3 @@
+export declare class Dictionary {
+    strings: {};
+}

package/lib/components/layout-switcher/layout-switcher.component.d.ts

@@ -0,0 +1,16 @@
+import { EventEmitter } from "@angular/core";
+import { Icon } from "../../enum/icon.enum";
+import { IconCacheService } from "../../service/icon-cache.service";
+export declare class LayoutSwitcherComponent {
+    iconCacheService: IconCacheService;
+    readonly icon: typeof Icon;
+    showClass(): boolean;
+    layoutItems: string[];
+    layoutSwitchEmit: EventEmitter<string>;
+    get activeIndex(): number;
+    set activeIndex(index: number);
+    showMaskSidebar: boolean;
+    private _activeIndex;
+    constructor(iconCacheService: IconCacheService);
+    toggleMaskSidebar(): void;
+}

package/lib/components/layout-switcher/layout-switcher.module.d.ts

@@ -0,0 +1,2 @@
+export declare class LayoutSwitcherModule {
+}

package/lib/components/layout-switcher/style/_layout.scss

@@ -0,0 +1,96 @@
+@import "../../../style/mixin";
+
+@include export-module('layout-switcher-layout') {
+  .layout-switcher {
+
+      position: relative;
+      min-width: $layout-switcher-mask-min-width;
+      height: 100%;
+      .icon-wrapper {
+        cursor: pointer;
+        position: relative;
+        -webkit-user-select: none;
+        -moz-user-select: none;
+        -ms-user-select: none;
+        user-select: none;
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        justify-content: space-evenly;
+        width: $layout-switcher-mask-min-width;
+        height: $layout-switcher-mask-min-height;
+
+        .icon-mask {
+
+
+          position: absolute;
+          left: $layout-switcher-main-icon-left-position;
+          width: 30px;
+          height: 30px;
+        }
+
+        .icon-mask-sidebar-handle {
+          position: absolute;
+          left: $layout-switcher-main-icon-active-left-position;
+          width: 30px;
+          height: 30px;
+        }
+      }
+
+      .mask-wrapper {
+        left: 6em;
+        display: flex;
+        flex-direction: row;
+        position: absolute;
+        min-height: $layout-switcher-mask-min-height;
+        min-width: $layout-switcher-mask-min-width;
+        background: white;
+        z-index: 10;
+        border-right: 1px solid $layout-switcher-color-border;
+
+      }
+
+      .mask-wrapper-active {
+        border: $layout-switcher-border;
+        border-radius: 8px;
+      }
+
+      .mask-content {
+        margin-top: 2rem;
+        margin-left: 2rem;
+        min-width: 350px;
+        background: white;
+        overflow: hidden;
+        display: flex;
+        flex-direction: column;
+
+        span {
+          padding: 1rem;
+          font-size: $layout-switcher-big-text-font-size;
+          font-weight: $layout-switcher-font-weight;
+          color: $layout-switcher-color-text-main;
+          text-decoration: none;
+          height: 50%;
+          width: 50%;
+
+          &.active {
+              background-color: #f0f5ff;
+              border: 1px solid #e5ebfa;
+              border-radius: 8px;
+              color: #3c7dff;
+          }
+
+          p {
+            padding: 1rem;
+            margin-bottom: 1rem;
+            margin-right: 1rem;
+            font-size: $layout-switcher-big-text-font-size;
+          }
+        }
+
+
+      }
+
+
+  }
+}

package/lib/components/layout-switcher/style/_material-definition.scss

@@ -0,0 +1,16 @@
+$layout-switcher-mask-min-width: 120px !default;
+$layout-switcher-mask-min-height: 120px !default;
+
+$layout-switcher-big-text-font-size: 24px !default;
+
+$layout-switcher-color-text-main: #171721 !default;
+$layout-switcher-font-weight: bold !default;
+
+$color-border: #e5ebfa !default;
+
+$layout-switcher-border: 1px solid $color-border !default;
+
+$layout-switcher-color-border: #e5ebfa !default;
+
+$layout-switcher-main-icon-left-position: 10px;
+$layout-switcher-main-icon-active-left-position: 65px;

package/lib/components/layout-switcher/style/_theme.scss

@@ -0,0 +1,6 @@
+@import "../../../style/mixin";
+
+@include export-module('layout-switcher-theme') {
+  .layout-switcher {
+  }
+}

package/lib/components/layout-switcher/style/material.scss

@@ -0,0 +1,5 @@
+@import "./material-definition";
+@import "./layout";
+@import "./theme";
+
+

package/lib/components/send-method-dialog/send-method-dialog.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, EventEmitter } from "@angular/core";
+import { ChangeDetectorRef, EventEmitter, OnDestroy } from "@angular/core";
 import { Icon } from "../../enum/icon.enum";
 import { IconCacheService } from "../../service/icon-cache.service";
 import { SendOption } from "./enums/send-option";
@@ -6,14 +6,24 @@ import { Printer } from "@colijnit/sharedapi/build/model/report/printer.bo";
 import { StockService } from "../../service/stock.service";
 import { StockStickersPrintLayoutsBo } from "@colijnit/sharedapi/build/model/report/stock-stickers-print-layouts.bo";
 import { CoDropDownListFields } from "../stock/stock-transfer/co-drop-down-list-fields.interface";
-export declare class SendMethodDialogComponent implements AfterViewInit {
+import { OptionsService } from "../../service/options.service";
+import { DictionaryService } from "../../service/dictionary.service";
+export declare class SendMethodDialogComponent implements OnDestroy {
     iconCacheService: IconCacheService;
     stockService: StockService;
+    private _optionsService;
+    private _dictionary;
+    private _changeDetector;
     readonly icons: typeof Icon;
     readonly sendOption: typeof SendOption;
+    showEmailOption: boolean;
+    showPrintOption: boolean;
+    showPdfOption: boolean;
+    showXmlOption: boolean;
     sendOptions: {
         option: SendOption;
         iconName: Icon;
+        show: boolean;
     }[];
     activeSendOption: SendOption;
     showStandardPrinterOptions: boolean;
@@ -22,25 +32,32 @@ export declare class SendMethodDialogComponent implements AfterViewInit {
     defaultPrinter: Printer;
     printTemplates: StockStickersPrintLayoutsBo[];
     printTemplatesField: CoDropDownListFields;
+    upAndLoaded: boolean;
     emails: any[];
     models: boolean[];
     layouts: any[];
     selectedLayout: 'Layout 1';
     set options(value: any);
+    get options(): any;
     showDialog: boolean;
     headerTitle: string;
     printerList: Printer[];
-    articleData: any;
+    set articleData(data: any);
     startSignatureClicked: EventEmitter<any>;
     printButtonClicked: EventEmitter<any>;
     showClass(): boolean;
-    constructor(iconCacheService: IconCacheService, stockService: StockService);
-    ngAfterViewInit(): void;
+    private _subscriptions;
+    private _publicOptions;
+    private _options;
+    constructor(iconCacheService: IconCacheService, stockService: StockService, _optionsService: OptionsService, _dictionary: DictionaryService, _changeDetector: ChangeDetectorRef);
+    ngOnDestroy(): void;
     getPrinters(): Promise<void>;
     closeDialogClick(): void;
     handleSignatureStart(): void;
     handlePrintClicked(): void;
     togglePrinterSelection(): void;
     onPrinterClicked(printer: any): void;
-    getPrintTemplates(): void;
+    getPrintTemplates(): any;
+    private _handleSettingsLoaded;
+    private _initConnection;
 }

package/lib/components/send-method-dialog/style/_layout.scss

@@ -49,6 +49,11 @@
         rect {
           fill: white
         }
+
+        .show-option {
+          display: none;
+        }
+
       }
     }
 

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

@@ -5,8 +5,10 @@ import { ArticleExtended } from "@colijnit/articleapi/build/model/article-extend
 import { ArticleStock } from "@colijnit/articleapi/build/model/article-stock";
 import { StockHistoryBo } from "@colijnit/articleapi/build/model/stock-history.bo";
 import { ArticleDetailsBo } from "@colijnit/articleapi/build/model/article-details.bo";
+import { OptionsService } from "../../service/options.service";
 export declare class StockComponent {
     stockService: StockService;
+    private _optionsService;
     stock: StockComponent;
     handleStickerClicked: EventEmitter<any>;
     set options(value: any);
@@ -25,7 +27,9 @@ export declare class StockComponent {
     stockHistory: StockHistoryBo[];
     allAvailableStock: number;
     allTechnicalStock: number;
-    constructor(stockService: StockService);
+    private _publicOptions;
+    private _options;
+    constructor(stockService: StockService, _optionsService: OptionsService);
     backToStockLinesClicked(): void;
     handleStockTransferClick(event: any): void;
     backToStock(): void;

package/lib/enum/icon.enum.d.ts

@@ -1,7 +1,10 @@
 /** AUTO GENERATED FILE. DO NOT CHANGE.. OR YOU WILL SUFFER THE CONSEQUENCES OF YOUR ACTIONS **/
 export declare enum Icon {
+    AngleLeftSolid = "angle_left_solid",
+    AngleRightSolid = "angle_right_solid",
     ArrowFatRight = "arrow_fat_right",
     ArrowPointRight = "arrow_point_right",
+    BringForwardRegular = "bring_forward_regular",
     DeleteLeftRegular = "delete_left_regular",
     DeliveryTruck = "delivery_truck",
     Email = "email",

package/lib/enum/language-code.enum.d.ts

@@ -0,0 +1,6 @@
+export declare enum LanguageCode {
+    Dutch = "nl-NL",
+    English = "en-GB",
+    German = "de-DE",
+    French = "fr-FR"
+}

package/lib/service/dictionary.service.d.ts

@@ -0,0 +1,21 @@
+export declare class DictionaryService {
+    private readonly dictionaryUrl;
+    get language(): string;
+    set rootUrl(value: string);
+    private _dictBasePath;
+    private _rootUrl;
+    private _dictionaries;
+    private _language;
+    private readonly _placeholder;
+    constructor();
+    setDictionary(language: string): Promise<void>;
+    private _loadDictionary;
+    /**
+     * Returns the localized text for the given dictionary key.
+     * @param {string} key
+     * @param {boolean} [upperCaseFirst = true] False for first letter lowercase, true for first letter uppercase for returned dict val
+     * @param {string[]} replacementTexts Rest params for replacement of '|~' in returned dict value
+     * @returns {string} The translated text for given dictionary key
+     */
+    get(key: string, upperCaseFirst?: boolean, ...replacementTexts: string[]): string;
+}

package/lib/service/options.service.d.ts

@@ -0,0 +1,13 @@
+import { BehaviorSubject } from "rxjs";
+import { DictionaryService } from "./dictionary.service";
+export declare class OptionsService {
+    private _dictionary;
+    optionsInitialized: BehaviorSubject<boolean>;
+    set options(value: any);
+    get options(): any;
+    optionsLoaded: BehaviorSubject<boolean>;
+    private _options;
+    constructor(_dictionary: DictionaryService);
+    createSettingsFromObject(obj: any): Promise<void>;
+    initialize(options: any): Promise<void>;
+}

package/lib/service/{ione-connector-adapter.service.d.ts → shared-connector.service.d.ts}

@@ -16,14 +16,14 @@ import { StockManagementWarehouses } from "@colijnit/articleapi/build/model/stoc
 import { StockLocation } from "@colijnit/articleapi/build/model/stock-location.bo";
 import { ArticleTransaction } from "@colijnit/articleapi/build/model/article-transaction";
 import { ArticleTransaction as ArticleTransactionBo } from "@colijnit/articleapi/build/model/article-transaction.bo";
-export declare class IoneConnectorAdapterService {
-    options: any;
+import { OptionsService } from "./options.service";
+export declare class SharedConnectorService {
+    private _optionsService;
     connector: Articles;
     sharedConnector: Sharedapi;
     private _boFactory;
-    constructor();
-    connect(options: any): Promise<void>;
-    disconnect(): Promise<void>;
+    constructor(_optionsService: OptionsService);
+    connect(): Promise<void>;
     getAllPrinters(showAll?: boolean): Promise<Printer[]>;
     getPrintStockStickers(request: PrintStockStickers): Promise<PrintStockStickers>;
     getArticleFullObject(goodId: number): Promise<ArticleExtended>;

package/lib/service/shared.service.d.ts

@@ -0,0 +1,8 @@
+import { SharedConnectorService } from "./shared-connector.service";
+import { OptionsService } from "./options.service";
+export declare class SharedService {
+    protected options: OptionsService;
+    protected connector: SharedConnectorService;
+    constructor(options: OptionsService, connector: SharedConnectorService);
+    init(options: any): Promise<void>;
+}

package/lib/service/stock.service.d.ts

@@ -1,4 +1,3 @@
-import { IoneConnectorAdapterService } from "./ione-connector-adapter.service";
 import { PrintStockStickers } from "@colijnit/sharedapi/build/model/print-stock-stickers";
 import { Printer } from "@colijnit/sharedapi/build/model/report/printer.bo";
 import { GetStockHistoryRequest } from "@colijnit/articleapi/build/model/get-stock-history-request";
@@ -14,12 +13,10 @@ import { StockLocation } from "@colijnit/articleapi/build/model/stock-location.b
 import { DataServiceResponseData } from "@colijnit/articleapi/build/model/data-service-response-data";
 import { ArticleTransaction } from "@colijnit/articleapi/build/model/article-transaction";
 import { ArticleTransaction as ArticleTransactionBo } from "@colijnit/articleapi/build/model/article-transaction.bo";
-export declare class StockService {
-    private _connector;
+import { SharedService } from "./shared.service";
+export declare class StockService extends SharedService {
     stockStickers: PrintStockStickers;
     printSticker: PrintStockStickers;
-    constructor(_connector: IoneConnectorAdapterService);
-    connectConnector(options: any): void;
     getPrintStockStickers(data: PrintStockStickers): Promise<void>;
     getAllPrinters(showAll?: boolean): Promise<Printer[]>;
     getStockHistory(data: GetStockHistoryRequest): Promise<StockHistoryBo[]>;

package/lib/utils/string-utils.d.ts

@@ -0,0 +1,22 @@
+export declare class StringUtils {
+    /**
+     * Returns a new string where given placeholder in given source string are replaced by given replacement texts.
+     *
+     * Example usage:
+     *
+     * source = "ABCDABCD"
+     * placeholder = "BC"
+     * replacementTexts = "Z", "Z" (REST arguments)
+     * OUTPUT = "AZDAZD"
+     *
+     * @param {string} source
+     * @param {string} placeholder
+     * @param {string} replacementTexts If only one is given, this function replaces all placeholders with that single replacementText.
+     * If more are given, placeholders without a corresponding replacementText will remain their original placeholder characters.
+     */
+    static ReplaceOccurrencesIn(source: string, placeholder: string, ...replacementTexts: string[]): string;
+    static ParseString(arg: any, defaultValue?: string): string;
+    static IsString(str: any): boolean;
+    static IsStringWithLength(str: string): boolean;
+    private static _escapeRegExp;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colijnit/sharedcomponents",
-  "version": "1.0.18",
+  "version": "1.0.20",
   "private": false,
   "dependencies": {
     "@colijnit/sharedapi": "^1.0.1",

package/public-api.d.ts

@@ -6,3 +6,6 @@ export * from './lib/components/send-method-dialog/send-method-dialog.component'
 export * from './lib/components/send-method-dialog/send-method-dialog.module';
 export * from './lib/components/key-pad/key-pad.component';
 export * from './lib/components/key-pad/key-pad.module';
+export * from './lib/components/layout-switcher/layout-switcher.component';
+export * from './lib/components/layout-switcher/layout-switcher.module';
+export * from './lib/service/shared.service';