@colijnit/sharedcomponents 1.0.40 → 1.0.42

package/lib/components/screen-config-generator/style/_layout.scss

@@ -0,0 +1,65 @@
+@include export-module('cc-screen-config-generator-layout') {
+  .co-screen-config-generator {
+    padding: 20px;
+    display: flex;
+    overflow: auto;
+    height: 93vh;
+
+    .category-wrapper {
+      display: flex;
+      flex-direction: column;
+
+      .header-wrapper {
+        display: flex;
+        column-gap: 30px;
+        align-items: center;
+        height: 30px;
+        margin-top: 15px;
+
+        h3 {
+          margin-top: 20px;
+        }
+      }
+
+      co-button {
+        width: 20px;
+        height: 20px;
+        justify-content: center;
+      }
+
+      .header-container {
+        padding: 13px;
+        border: 2px solid #dde5eb;
+        border-radius: 11px;
+        margin-top: 10px;
+        min-width: 450px;
+      }
+
+      .rubrics-wrapper {
+        display: flex;
+        column-gap: 20px;
+        width: max-content;
+      }
+
+      .fields-wrapper {
+        display: flex;
+        column-gap: 30px;
+        align-items: center;
+      }
+
+      .category-content-wrapper {
+        display: flex;
+
+        .rubric-wrapper {
+          display: flex;
+          flex-direction: column;
+
+          .inputs-wrapper {
+            display: flex;
+            column-gap: 15px;
+          }
+        }
+      }
+    }
+  }
+}

package/lib/components/screen-config-generator/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('cc-screen-config-generator-theme') {
+  .co-screen-config-generator {
+  }
+}

package/lib/components/screen-config-generator/style/material.scss

@@ -0,0 +1,4 @@
+@import "../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";

package/lib/components/statusbar/statusbar-popup.component.d.ts

@@ -0,0 +1,7 @@
+import { ElementRef } from '@angular/core';
+import { StatusbarData } from './statusbar.component';
+export declare class StatusbarPopupComponent {
+    statusbarData: StatusbarData[];
+    parentForOverlay: ElementRef;
+    showClass: boolean;
+}

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

@@ -1,4 +1,5 @@
-import { EventEmitter } from "@angular/core";
+import { ElementRef, EventEmitter } from '@angular/core';
+import { OverlayService } from '@colijnit/corecomponents_v12';
 export interface StatusbarData {
     label: string;
     percentage: number;
@@ -6,18 +7,19 @@ export interface StatusbarData {
     totalCount?: number;
 }
 export declare class StatusbarComponent {
+    private _elementRef;
+    private _overlayService;
     set statusbarData(value: StatusbarData[]);
     get statusbarData(): StatusbarData[];
     focusedStatusIndex: number;
     statusbarClick: EventEmitter<void>;
     showClass(): boolean;
-    constructor();
-    showPopup: boolean;
-    popupClass: string;
+    handleClick(event: MouseEvent): void;
+    popupShowing: boolean;
     private _statusbarData;
-    private _mouseY;
-    private _windowHeight;
-    onStatusbarClick(event: any): void;
-    setPopupClass(): void;
+    private _statusbarPopupComponentRef;
+    constructor(_elementRef: ElementRef, _overlayService: OverlayService);
+    handleShowPopup(event: MouseEvent): void;
+    handleHidePopup(): void;
     adjustTooHighPercentages(): void;
 }

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

@@ -17,46 +17,30 @@
       justify-content: center;
       align-items: center;
     }
-
-    .status-description-popup{
-      min-height: $statusbar-popup-min-height;
-      min-width: $statusbar-popup-min-width;
-      max-width: $statusbar-popup-max-width;
-      padding: $statusbar-popup-padding;
-      border: $statusbar-popup-border;
-      border-radius: $statusbar-popup-border-radius;
-      z-index: $statusbar-popup-z-index;
-
-      &.dropdown {
-        position: absolute;
-        top: $statusbar-popup-dropdown-position-top;
-        left: 50%;
-        transform: translate(-50%, 0);
-      }
-
-      &.dropup {
-        position: absolute;
-        bottom: $statusbar-popup-dropup-position-down;
-        left: 50%;
-        transform: translate(-50%, 0);
-      }
-    }
-
+  }
+  .co-statusbar-popup-wrapper {
+    position: fixed;
+    font-family: $statusbar-font-family;
+    font-size:$statusbar-font-size;
+    min-height: $statusbar-popup-min-height;
+    min-width: $statusbar-popup-min-width;
+    max-width: $statusbar-popup-max-width;
+    padding: $statusbar-popup-padding;
+    border: $statusbar-popup-border;
+    border-radius: $statusbar-popup-border-radius;
+    z-index: $statusbar-popup-z-index;
     .status-descriptions {
       display: flex;
       flex-direction: column;
-
       .status-description {
         display: flex;
         flex-direction: row;
         align-items: center;
-
         span {
           padding-left: $statusbar-status-description-padding-left;
         }
       }
     }
-
     co-linear-gauge {
       &.focused-status {
         div {

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

@@ -3,12 +3,11 @@
     .statusses {
       background-color: $statusbar-background-color;
     }
-
-    .status-description-popup {
-      background-color: $statusbar-background-color;
-      border-color: $statusbar-popup-border-color;
-      box-shadow: $statusbar-popup-border-box-shadow;
-    }
+  }
+  .co-statusbar-popup-wrapper {
+    background-color: $statusbar-background-color;
+    border-color: $statusbar-popup-border-color;
+    box-shadow: $statusbar-popup-border-box-shadow;
   }
 }
 

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

@@ -21,6 +21,10 @@ export declare class StockLocationComponent implements OnInit {
     readonly transferIconClicked: EventEmitter<ArticleStockBo>;
     readonly sendMethodDialogClicked: EventEmitter<PrintPriceStickers>;
     selectedWarehouse: any;
+    selectedWarehouseModel: {
+        value: 1;
+        label: 'danny & dane';
+    };
     dataWareHouseFields: CoDropDownListFields;
     dataLocationFields: CoDropDownListFields;
     articleDetailsInformation: ArticleStockManagement;

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

@@ -3,6 +3,5 @@ import { ArticleStock as ArticleStockBo } from "@colijnit/articleapi/build/model
 export declare class StockTabComponent {
     articleStockInformation: ArticleStockBo[];
     locationClicked: EventEmitter<ArticleStockBo>;
-    constructor();
     onLocationClick(data: ArticleStockBo): void;
 }

package/lib/components/stock/localization/localize.pipe.d.ts

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import { LocalizeService } from './localize.service';
+export declare class LocalizePipe implements PipeTransform {
+    private _localizeService;
+    constructor(_localizeService: LocalizeService);
+    transform(value: string, upperCaseFirst?: boolean, replace?: string | string[]): string;
+}

package/lib/components/stock/localization/localize.service.d.ts

@@ -0,0 +1,7 @@
+import { Translation } from './translation';
+export declare class LocalizeService {
+    set translation(value: Translation);
+    get translation(): Translation;
+    private _translation;
+    get(key: string, upperCaseFirst?: boolean, ...replacementTexts: string[]): string;
+}

package/lib/components/stock/localization/translation.d.ts

@@ -0,0 +1,52 @@
+export declare class Translation {
+    ALLOCATED?: string;
+    ALLOCATION?: string;
+    ALREADY_IN_ORDER?: string;
+    AMOUNT?: string;
+    AMOUNT_AVAILABLE?: string;
+    AMOUNT_IN_STOCK?: string;
+    AMOUNT_LATER_AVAILABLE?: string;
+    AVAILABLE_STOCK?: string;
+    BACK_TO_STOCK_LINES?: string;
+    BATCH?: string;
+    CANCEL?: string;
+    CHOICES?: string;
+    CUSTOMER?: string;
+    DATE?: string;
+    DELIVERY_DATE?: string;
+    DESCRIPTION?: string;
+    DOCUMENT_NUMBER?: string;
+    ECONOMICAL_STOCK?: string;
+    FREE_STOCK?: string;
+    HISTORY?: string;
+    IN_ORDER?: string;
+    LINE?: string;
+    LOCATION?: string;
+    LOOK_AT?: string;
+    MUTATION_DATE?: string;
+    MUTATION_TIME?: string;
+    MUTATION_TYPE?: string;
+    OK?: string;
+    ORDER?: string;
+    ORDER_COMMISSION?: string;
+    ORDER_STOCK?: string;
+    OVERVIEW?: string;
+    PURCHASE_ORDER_NR?: string;
+    PURCHASE_PRICE?: string;
+    RELATION_ID?: string;
+    RELATION_NR?: string;
+    RESERVED?: string;
+    SEARCH?: string;
+    SERIAL_NO?: string;
+    STICKER?: string;
+    STOCK?: string;
+    STOCK_DETAILS?: string;
+    STOCK_REMARK?: string;
+    STOCK_STATE?: string;
+    STOCK_STATUS?: string;
+    SUPPLIER_NUMBER?: string;
+    TRANSFER?: string;
+    USER?: string;
+    VALUTA?: string;
+    WAREHOUSE?: string;
+}

package/lib/components/stock/stock-history-tabs/stock-history-tabs.component.d.ts

@@ -4,5 +4,4 @@ export declare class StockHistoryTabsComponent {
     readonly icons: typeof Icon;
     selectedTab: number;
     stockInformation: ArticleStockBo[];
-    constructor();
 }

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

@@ -5,5 +5,4 @@ export declare class StockInformationComponent {
     articleStockState: number;
     allAvailableStockInformation: number;
     allTechnicalStockInformation: number;
-    constructor();
 }

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

@@ -1,4 +1,4 @@
-import { EventEmitter } from "@angular/core";
+import { EventEmitter, OnInit } from '@angular/core';
 import { Icon } from "../../../enum/icon.enum";
 import { ArticleStock as ArticleStockBo } from "@colijnit/articleapi/build/model/article-stock.bo";
 import { StockService } from "../../../service/stock.service";
@@ -7,15 +7,17 @@ import { Tab } from "../../tab-bar/tab.interface";
 import { ArticleTransaction as ArticleTransactionBo } from "@colijnit/articleapi/build/model/article-transaction.bo";
 import { StockManagementWarehouses } from "@colijnit/articleapi/build/model/stock-management-warehouses.bo";
 import { PrintPriceStickers } from "@colijnit/sharedapi/build/model/print-price-stickers.bo";
-export declare class StockTabsComponent {
+import { LocalizeService } from '../localization/localize.service';
+export declare class StockTabsComponent implements OnInit {
     private _stockService;
+    private _localizeService;
     readonly icons: typeof Icon;
     stockInformation: ArticleStockBo[];
     article: any;
     warehouses: StockManagementWarehouses[];
     readonly transferIconClicked: EventEmitter<ArticleStockBo>;
     readonly sendMethodDialogClicked: EventEmitter<PrintPriceStickers>;
-    clickedLocation: string;
+    selectedLocation: string;
     stockHistory: StockHistoryBo[];
     orderSupplyStockHistory: StockHistoryBo[];
     orderCommissionStockHistory: StockHistoryBo[];
@@ -23,17 +25,10 @@ export declare class StockTabsComponent {
     orderAllocationStockHistory: StockHistoryBo[];
     inOrderInformation: ArticleTransactionBo[];
     orderInformation: ArticleTransactionBo[];
-    tabs: ({
-        title: string;
-        active: boolean;
-        clickHandler?: undefined;
-    } | {
-        title: string;
-        active: boolean;
-        clickHandler: any;
-    })[];
+    tabs: Tab[];
     historyTabs: Tab[];
-    constructor(_stockService: StockService);
+    constructor(_stockService: StockService, _localizeService: LocalizeService);
+    ngOnInit(): void;
     handleLocationClicked(data: ArticleStockBo): void;
     getStockHistory(): Promise<void>;
     getOrderSupplyStockHistory(): Promise<void>;

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

@@ -8,12 +8,16 @@ import { ArticleDetailsBo } from "@colijnit/articleapi/build/model/article-detai
 import { OptionsService } from "../../service/options.service";
 import { DictionaryService } from "../../service/dictionary.service";
 import { StockManagementWarehouses } from "@colijnit/articleapi/build/model/stock-management-warehouses.bo";
+import { LocalizeService } from './localization/localize.service';
+import { Translation } from './localization/translation';
 export declare class StockComponent implements OnDestroy, OnInit {
     stockService: StockService;
     private _optionsService;
     private _dictionary;
     private _changeDetector;
+    private _localizeService;
     stock: StockComponent;
+    set translation(value: Translation);
     handleStickerClicked: EventEmitter<any>;
     set article(article: any);
     articleWarehouse: any[];
@@ -34,7 +38,7 @@ export declare class StockComponent implements OnDestroy, OnInit {
     articleStockState: number;
     warehouses: StockManagementWarehouses[];
     private _subscriptions;
-    constructor(stockService: StockService, _optionsService: OptionsService, _dictionary: DictionaryService, _changeDetector: ChangeDetectorRef);
+    constructor(stockService: StockService, _optionsService: OptionsService, _dictionary: DictionaryService, _changeDetector: ChangeDetectorRef, _localizeService: LocalizeService);
     ngOnDestroy(): void;
     ngOnInit(): void;
     handleStockTransferClick(event: any): void;

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

@@ -11,7 +11,7 @@
       margin-top: $sc-stock-info-margin;
       padding: $sc-stock-info-padding;
       display: inline-flex;
-      width: 90%;
+      width: $sc-stock-info-width;
       justify-content: space-between;
     }
 
@@ -26,7 +26,7 @@
 
     .stock-image {
       height: $sc-stock-image-height;
-      margin-right: 20px;
+      margin-right: $sc-stock-image-width;
     }
 
     .stock-good-info {
@@ -35,7 +35,6 @@
 
     .stock-status {
       display: grid;
-      gap: $sc-stock-gap;
     }
 
     .stock-info > div:not(:first-child) {
@@ -149,8 +148,9 @@
 
     .stock-transfer-columns {
       display: flex;
-      width: 100%;
+      width: $sc-stock-transfer-column-width;
       justify-content: space-around;
+      overflow: hidden;
     }
 
     .tab-link-buttons {
@@ -188,5 +188,14 @@
     .co-dialog-wrapper {
       width: 70%;
     }
+
+    .stock-label {
+      font-size: 10px;
+    }
+
+    .stock-span {
+      font-size: 12px;
+      align-self: center;
+    }
   }
 }

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

@@ -19,3 +19,6 @@ $sc-stock-info-container-height: 100% !default;
 $sc-stock-image-height: 50px !default;
 $sc-stock-grid-height: 300px !default;
 $sc-stock-grid-overflow-y: auto !default;
+$sc-stock-info-width: 90% !default;
+$sc-stock-image-width: 20px !default;
+$sc-stock-transfer-column-width: 600px !default;

package/lib/components/stock-statusbar/style/_layout.scss

@@ -1,14 +1,13 @@
 @include export-module('co-stock-statusbar-layout') {
   .status-bar {
     display: flex;
-    height: 20px;
-    width: 68px;
+    height: 10px;
+    width: 36px;
   }
 
   .status-bar-block {
     flex: 1;
     margin-right: 2px;
-    border-radius: 5px;
   }
 
   .red {

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

@@ -1,9 +1,11 @@
 @include export-module('co-tab-bar') {
-  .tab-bar {
+  .tab-bar-primary {
     background-color: #F5F5FC;
     border-radius: 4px;
     width: fit-content;
     margin: 0 auto;
+    font-size: $sc-font-size;
+    height: 23px;
 
     button {
       margin: 0.25rem;
@@ -14,6 +16,8 @@
       width: 125px;
       cursor: pointer;
       user-select: none;
+      font-size: 10px;
+      font-family: $sc-font-family;
 
       span {
         font-size: 12px;
@@ -28,11 +32,24 @@
     }
   }
 
+  .tab-bar {
+    align-self: center;
+  }
+
+  .tab-bar-wrapper {
+    display: grid;
+    grid-template-columns: 15% 70% 15%;
+    margin-left: 20px;
+    margin-right: 20px;
+  }
+
   .secondary-tab-bar {
     background-color: #F5F5FC;
     border-radius: 4px;
     width: fit-content;
     margin: 5px auto 0;
+    font-size: $sc-font-size;
+    height: 23px;
 
     button {
       margin: 0.25rem;
@@ -43,6 +60,8 @@
       width: 125px;
       cursor: pointer;
       user-select: none;
+      font-size: 10px;
+      font-family: $sc-font-family;
 
       span {
         font-size: 12px;

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

@@ -1,9 +1,24 @@
 import { Tab } from "./tab.interface";
+import { CoDropDownListFields } from "../stock/stock-transfer/co-drop-down-list-fields.interface";
+import { StockManagementWarehouses } from "@colijnit/articleapi/build/model/stock-management-warehouses.bo";
+import { ArticleStockManagement } from "@colijnit/articleapi/build/model/article-stock-management";
+import { StockService } from "../../service/stock.service";
+import { ArticleDetailsBo } from "@colijnit/articleapi/build/model/article-details.bo";
 export declare class TabBarComponent {
+    private _stockService;
+    wareHouseLabel: string;
+    wareHouseSearchLabel: string;
     tabs: Tab[];
     secondaryTabs: Tab[];
     ActivateSecondaryTabs: boolean;
-    constructor();
+    dataWareHouseCode: StockManagementWarehouses[];
+    article: any;
+    selectedWarehouse: any;
+    dataWareHouseFields: CoDropDownListFields;
+    articleDetailsInformation: ArticleStockManagement;
+    articleDetails: ArticleDetailsBo[];
+    constructor(_stockService: StockService);
     selectTab(tab: Tab): void;
     selectSecondaryTab(secondaryTab: Tab): void;
+    onSelectWarehouse(event: any): void;
 }

package/lib/style/_variables.scss

@@ -1,5 +1,5 @@
 
-$sc-font-family: 'Public sans' !default;
+$sc-font-family: 'Inter' !default;
 $sc-font-family-digital: 'digital-7regular' !default;
 
 $sc-font-size: 10px !default;

package/package.json

@@ -1,16 +1,20 @@
 {
   "name": "@colijnit/sharedcomponents",
-  "version": "1.0.40",
+  "version": "1.0.42",
   "private": false,
   "peerDependencies": {
-    "@angular/common": "^12.2.0",
-    "@angular/core": "^12.2.0",
-    "@colijnit/sharedapi": "^1.0.1",
-    "pdf-lib": "^1.17.1",
-    "pdfjs-dist": "^2.12.313",
-    "rxjs": "~7.4.0",
-    "signature_pad": "^4.0.2",
-    "zone.js": "~0.11.4"
+    "@angular/common": ">=12.2.0",
+    "@angular/core": ">=12.2.0",
+    "@colijnit/articleapi": ">=1.0.17",
+    "@colijnit/mainapi": ">=1.0.3",
+    "@colijnit/corecomponents_v12": ">=12.0.109",
+    "@colijnit/ioneconnector": ">=2.1.10",
+    "@colijnit/sharedapi": ">=1.0.11",
+    "pdf-lib": ">=1.17.1",
+    "pdfjs-dist": ">=2.12.313",
+    "rxjs": ">=7.4.0",
+    "signature_pad": ">=4.0.2",
+    "zone.js": ">=0.11.4"
   },
   "main": "bundles/colijnit-sharedcomponents.umd.js",
   "module": "fesm2015/colijnit-sharedcomponents.js",
@@ -21,6 +25,6 @@
   "metadata": "colijnit-sharedcomponents.metadata.json",
   "sideEffects": false,
   "dependencies": {
-    "tslib": "^2.3.0"
+    "tslib": ">=2.3.0"
   }
 }