npm - @colijnit/sharedcomponents - Versions diffs - 257.1.11 → 257.1.13 - Mend

@colijnit/sharedcomponents 257.1.11 → 257.1.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (58) hide show

package/index.html ADDED Viewed

@@ -0,0 +1,12 @@
+<!DOCTYPE html><html lang="en"><head>
+  <meta charset="utf-8">
+  <title>Sharedcomponents</title>
+  <base href="/">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="icon" type="image/x-icon" href="favicon.ico">
+<style>@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Public+Sans:wght@100;200;300;400;500;600;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Public+Sans&display=swap);body,html{margin:0;overflow:hidden}body,html{width:100%;height:100%}*{box-sizing:border-box;padding:0;margin:0}</style><link rel="stylesheet" href="styles.05b2d77e8d8f96afc17c.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles.05b2d77e8d8f96afc17c.css"></noscript></head>
+<body>
+  <app-root></app-root>
+<script src="runtime.02acc449826706ac63c8.js" defer></script><script src="polyfills.907fe9d1887c5de17993.js" defer></script><script src="main.973c97608665a9a1bb7b.js" defer></script>
+</body></html>

package/lib/components/send-method-dialog/components/additional-file-button/style/_layout.scss CHANGED Viewed

@@ -9,9 +9,13 @@
       background-color: $sc-co-signature-button-background-color;
       border-radius: $sc-co-signature-button-border-radius;
       cursor: pointer;
+      border: 1px solid $sc-co-signature-button-selected-background-color;
       .co-icon {
-        width: $sc-co-signature-button-icon-width;
-        height: $sc-co-signature-button-icon-height;
+        width: 28px; //wrong icon with whitespace
+        height: 28px; //wrong icon with whitespace
+        svg {
+          fill: $sc-co-signature-button-selected-background-color;
+        }
       }
       &.selected {
         background-color: $sc-co-signature-button-selected-background-color;

package/lib/components/send-method-dialog/components/additional-file-button/style/_material-definition.scss CHANGED Viewed

@@ -1,8 +1,8 @@
 $sc-co-signature-button-height: 40px !default;
 $sc-co-signature-button-width: 40px !default;
-$sc-co-signature-button-background-color: #f5f5fc !default;
+$sc-co-signature-button-background-color: #ffffff !default;
 $sc-co-signature-button-selected-background-color: #1A73E8 !default;
 $sc-co-signature-button-border-radius: 5px !default;
-$sc-co-signature-button-icon-height: 30px !default;
-$sc-co-signature-button-icon-width: 30px !default;
+$sc-co-signature-button-icon-height: 28px !default;
+$sc-co-signature-button-icon-width: 28px !default;
 $sc-co-signature-button-icon-selected-color: white !default;

package/lib/components/send-method-dialog/components/layout-selection/layout-selection.component.d.ts CHANGED Viewed

@@ -7,6 +7,8 @@ export declare class LayoutSelectionComponent implements OnInit {
     iconCacheService: IconCacheService;
     readonly icons: typeof Icon;
     set request(value: ReportingDocumentBaseRequest);
+    useDefault: boolean;
+    label: string;
     layouts: ReportLayoutSelectionBase[];
     requestChange: EventEmitter<ReportingDocumentBaseRequest>;
     loadDefaultPrinterName: EventEmitter<number>;

package/lib/components/send-method-dialog/components/pdf-preview/style/_layout.scss CHANGED Viewed

@@ -9,9 +9,13 @@
       background-color: $sc-co-signature-button-background-color;
       border-radius: $sc-co-signature-button-border-radius;
       cursor: pointer;
+      border: 1px solid $sc-co-signature-button-selected-background-color;
       .co-icon {
         width: $sc-co-signature-button-icon-width;
         height: $sc-co-signature-button-icon-height;
+        svg {
+          fill: $sc-co-signature-button-selected-background-color;
+        }
       }
       &.disabled {
         pointer-events: none;

package/lib/components/send-method-dialog/components/pdf-preview/style/_material-definition.scss CHANGED Viewed

@@ -1,8 +1,8 @@
 $sc-co-signature-button-height: 40px !default;
 $sc-co-signature-button-width: 40px !default;
-$sc-co-signature-button-background-color: #f5f5fc !default;
+$sc-co-signature-button-background-color: #ffffff !default;
 $sc-co-signature-button-selected-background-color: #1A73E8 !default;
 $sc-co-signature-button-border-radius: 5px !default;
-$sc-co-signature-button-icon-height: 30px !default;
-$sc-co-signature-button-icon-width: 30px !default;
+$sc-co-signature-button-icon-height: 24px !default;
+$sc-co-signature-button-icon-width: 24px !default;
 $sc-co-signature-button-icon-selected-color: white !default;

package/lib/components/send-method-dialog/components/printer-selection/printer-selection.component.d.ts CHANGED Viewed

@@ -10,10 +10,10 @@ export declare class PrinterSelectionComponent implements OnInit {
     private _service;
     readonly icons: typeof Icon;
     printers: Printer[];
-    set defaultPrinterName(printerName: string);
+    defaultPrinterName: string;
     showClass(): boolean;
     showPrinterList: boolean;
-    private _defaultPrinterName;
+    printerModel: Printer;
     constructor(sendMethodService: SendMethodService, iconService: IconCacheService, _service: SharedService);
     ngOnInit(): void;
     handlePrinterClicked(printer: Printer): void;

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

@@ -16,13 +16,17 @@
       column-gap: $sc-co-send-method-email-email-address-column-gap;
       user-select: none;
       cursor: pointer;
+      .checkbox {
+        margin-right: 0;
+      }
     }
     .layout-signature-wrapper {
       display: flex;
       align-items: center;
-      justify-content: space-between;
+      gap: 5px;
       .co-layout-selection {
-        width: 80%;
+        width: 340px;
+        max-width: 100%;
       }
     }
   }

package/lib/components/send-method-dialog/components/send-method-email/style/_material-definition.scss CHANGED Viewed

@@ -2,7 +2,7 @@ $sc-co-send-method-email-font-family: $sc-font-family !default;
 $sc-co-send-method-email-font-size: $sc-font-size !default;
 $sc-co-send-method-email-font-color: $sc-color-font !default;
 $sc-co-send-method-email-row-gap: 20px !default;
-$sc-co-send-method-email-padding: 10px 25px !default;
+$sc-co-send-method-email-padding: 0 !default;
 $sc-co-send-method-email-email-address-align-items: center !default;
 $sc-co-send-method-email-email-address-padding: 5px 0 !default;
-$sc-co-send-method-email-email-address-column-gap: 20px !default;
+$sc-co-send-method-email-email-address-column-gap: 10px !default;

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

@@ -16,7 +16,7 @@
     .layout-signature-wrapper {
       display: flex;
       align-items: center;
-      justify-content: space-between;
+      gap: 5px;
       .co-layout-selection {
         width: 80%;
       }

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

@@ -4,6 +4,14 @@
     flex-direction: column;
     gap: 10px;
   }
+  .printer-signature-wrapper {
+    display: flex;
+    gap: 5px;
+    co-printer-selection {
+      width: 340px;
+      max-width: 100%;
+    }
+  }
   .co-send-method-printer {
     font-family: $sc-co-send-method-printer-font-family;
     font-size: $sc-co-send-method-printer-font-size;
@@ -18,12 +26,24 @@
       flex-direction: column;
       overflow: auto;
     }
-    .layout-signature-wrapper {
+    .layout-buttons-wrapper {
       display: flex;
-      align-items: center;
-      justify-content: space-between;
+      align-items: flex-start;
+      gap: 20px;
+      flex-direction: column;
       .co-layout-selection {
-        width: 80%;
+        width: 340px;
+        max-width: 100%;
+      }
+      .additional-buttons {
+        display: flex;
+        gap: 5px;
+        margin-top: 15px;
+      }
+      .additional-checks {
+        display: flex;
+        flex-direction: column;
+        gap: 10px;
       }
     }
   }

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

@@ -0,0 +1,34 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { SendMethodService } from '../../service/send-method.service';
+import { ReportLayoutSelectionEmail } from '@colijnit/mainapi/build/model/report-layout-selection-email.bo';
+import { ReportLayoutSelectionPrint } from '@colijnit/mainapi/build/model/report-layout-selection-print.bo';
+import { Printer } from '@colijnit/mainapi/build/model/printer.bo';
+interface OverruleOptions {
+    code: number;
+    description: string;
+}
+export declare class SendMethodPurchaseComponent implements OnInit {
+    sendMethodService: SendMethodService;
+    defaultPrinterName: string;
+    emailLayouts: ReportLayoutSelectionEmail[];
+    printLayouts: ReportLayoutSelectionPrint[];
+    printerList: Printer[];
+    pdfDoc: any;
+    emailUnsignedPossible: boolean;
+    showFilePreview: EventEmitter<void>;
+    loadDefaultPrinterName: EventEmitter<number>;
+    purchaseMethodChanged: EventEmitter<any>;
+    showClass(): boolean;
+    useDefaultLayout: boolean;
+    useDefaultShippingMethods: boolean;
+    overruleOptions: OverruleOptions[];
+    overruledEmail: OverruleOptions;
+    overruledEdi: OverruleOptions;
+    overruledPrint: OverruleOptions;
+    constructor(sendMethodService: SendMethodService);
+    ngOnInit(): void;
+    handleDefaultPrinterUserChange(checked: boolean): void;
+    handleDefaultPrinterAllUsersChange(checked: boolean): void;
+    updatePurchaseMethod(): void;
+}
+export {};

package/lib/components/send-method-dialog/components/send-method-purchase/send-method-purchase.module.d.ts ADDED Viewed

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

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

@@ -0,0 +1,60 @@
+@include export-module('co-send-method-purchase-layout') {
+  .co-send-method-purchase {
+    font-family: $sc-co-send-method-purchase-font-family;
+    font-size: $sc-co-send-method-purchase-font-size;
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    position: relative;
+    row-gap: $sc-co-send-method-purchase-row-gap;
+    padding: $sc-co-send-method-purchase-padding;
+    .save-dialog-contents {
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+      margin-bottom: 15px;
+    }
+    .layout-selections {
+      display: flex;
+      gap: 10px;
+      width: 100%;
+    }
+    co-printer-selection {
+      width: 100%;
+    }
+    .use-default-wrapper {
+      display: flex;
+      gap: 10px;
+      flex-direction: column;
+      .info {
+        color: #a3a6bb;
+        margin-bottom: 15px;
+      }
+    }
+    .override-selections-wrapper {
+      width: 340px;
+      max-width: 100%;
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+    }
+    .override-methods-wrapper {
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+      .shipping-methods {
+        width: 240px;
+        max-width: 100%;
+        gap: 5px;
+        display: flex;
+        flex-direction: column;
+        margin-top: 10px;
+      }
+    }
+    .additional-checks {
+      display: flex;
+      flex-direction: column;
+      gap: 5px;
+    }
+  }
+}

package/lib/components/send-method-dialog/components/send-method-purchase/style/_material-definition.scss ADDED Viewed

@@ -0,0 +1,5 @@
+$sc-co-send-method-purchase-font-family: $sc-font-family !default;
+$sc-co-send-method-purchase-font-size: $sc-font-size !default;
+$sc-co-send-method-purchase-font-color: $sc-color-font !default;
+$sc-co-send-method-purchase-row-gap: 20px !default;
+$sc-co-send-method-purchase-padding: 0 !default;

package/lib/components/send-method-dialog/components/send-method-purchase/style/_theme.scss ADDED Viewed

@@ -0,0 +1,5 @@
+@include export-module('co-send-method-purchase-theme') {
+  .co-send-method-purchase {
+    color: $sc-co-send-method-purchase-font-color;
+  }
+}

package/lib/components/send-method-dialog/components/send-method-purchase/style/material.scss ADDED Viewed

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

package/lib/components/send-method-dialog/components/signature-button/style/_layout.scss CHANGED Viewed

@@ -13,9 +13,12 @@
       justify-content: center;
       background-color: $sc-co-signature-button-background-color;
       border-radius: $sc-co-signature-button-border-radius;
+      cursor: pointer;
       .co-icon {
         width: $sc-co-signature-button-icon-width;
         height: $sc-co-signature-button-icon-height;
+        position: relative;
+        left: 3px;
       }
       &.selected {
         background-color: $sc-co-signature-button-selected-background-color;

package/lib/components/send-method-dialog/components/signature-button/style/_material-definition.scss CHANGED Viewed

@@ -1,8 +1,8 @@
 $sc-co-signature-button-height: 40px !default;
 $sc-co-signature-button-width: 40px !default;
-$sc-co-signature-button-background-color: #f5f5fc !default;
+$sc-co-signature-button-background-color: #ffffff !default;
 $sc-co-signature-button-selected-background-color: #1A73E8 !default;
 $sc-co-signature-button-border-radius: 5px !default;
-$sc-co-signature-button-icon-height: 30px !default;
-$sc-co-signature-button-icon-width: 30px !default;
+$sc-co-signature-button-icon-height: 24px !default;
+$sc-co-signature-button-icon-width: 24px !default;
 $sc-co-signature-button-icon-selected-color: white !default;

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

@@ -25,6 +25,7 @@ export declare class SendMethodDialogComponent implements OnInit, OnDestroy {
     smsItems: ElementRef;
     webServiceItems: ElementRef;
     pdfItems: ElementRef;
+    purchaseItems: ElementRef;
     printerList: Printer[];
     reportingDocumentPrintRequest: ReportingDocumentPrintSignDocBaseRequest;
     reportingDocumentEmailRequest: ReportingDocumentEmailSignDocBaseRequest;
@@ -45,6 +46,7 @@ export declare class SendMethodDialogComponent implements OnInit, OnDestroy {
     pdfDoc: any;
     disablePdfPreview: boolean;
     emailUnsignedPossible: boolean;
+    usePurchaseSendMethod: boolean;
     reportingDocumentPrintRequestChange: EventEmitter<ReportingDocumentPrintSignDocBaseRequest>;
     reportingDocumentEmailRequestChange: EventEmitter<ReportingDocumentEmailSignDocBaseRequest>;
     reportingDocumentPdfRequestChange: EventEmitter<ReportingDocumentPdfBaseRequest>;
@@ -66,11 +68,15 @@ export declare class SendMethodDialogComponent implements OnInit, OnDestroy {
     showEmailTemplate: boolean;
     showWebservice: boolean;
     showPdf: boolean;
+    selectedPurchaseMethod: any;
+    handlePurchaseMethodChange(method: any): void;
     private _subscriptions;
     constructor(iconCacheService: IconCacheService, _sendMethodService: SendMethodService);
     ngOnInit(): void;
     ngOnDestroy(): void;
     handleSignatureStart(): void;
+    handleCombinedClick(): void;
+    handleOkClick(): void;
     handleSendMethodClick(sendMethod: SendMethod): void;
     private _initDefaultSendMethod;
     private _selectDefaultSendMethod;

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

@@ -5,11 +5,12 @@
     .co-dialog {
       .co-dialog-wrapper {
         max-height: 90vh;
-        width: 600px;
-        background-color: #f8f8fa;
+        width: 500px;
+        max-width: 100%;
+        background-color: #ffffff;
       }
       .dialog-header, .dialog-content, .dialog-footer {
-        background-color: #f8f8fa;
+        background-color: #ffffff;
       }
       .dialog-header {
         .dialog-header-caption {
@@ -39,6 +40,9 @@
       flex-direction: row;
       column-gap: $sc-co-send-method-dialog-send-method-buttons-column-gap;
       justify-content: $sc-co-send-method-dialog-send-method-buttons-justify-content;
+      span.send-methods-label {
+        font-weight: 500;
+      }
     }
     .send-button-wrapper {
       cursor: pointer;
@@ -52,8 +56,7 @@
       border-radius: $sc-co-send-method-dialog-send-method-button-radius;
       border-style: $sc-co-send-method-dialog-send-method-button-border-style;
       border-width: $sc-co-send-method-dialog-send-method-button-border-width;
-      flex-basis: 50px;
-      padding: 5px 15px;
+      padding: 0;
       margin: 0;
       &.selected {
         .custom-button-title {
@@ -73,14 +76,13 @@
     }
     .dialog-navigation-wrapper {
       display: flex;
-      gap: 10px;
+      gap: 30px;
       align-items: center;
-      justify-content: center;
-      border-radius: 5px;
-      padding: 0 0 10px 0;
+      justify-content: flex-start;
+      padding: 20px 0 10px 0;
       border-style: solid;
       border-width: 0 0 5px 0;
-      border-color: #ffffff;
+      border-color: #f8f8fa;
     }
     .send-method-navigation-wrapper {
       display: flex;
@@ -146,17 +148,19 @@
         }
       }
     }
-    .co-input-checkbox {
-      .checkbox {
-        border-color: #FFFFFF;
-        background-color: #FFFFFF;
-        &.checked {
-          border-color: $sc-popup-checkbox-checked-background-color;
-          background-color: $sc-popup-checkbox-checked-background-color;
-        }
-        .checkmark {
-          &.show {
-            border-color: #FFFFFF;
+    .dialog-content {
+      .co-input-checkbox {
+        .checkbox {
+          border-color: #f8f8fa;
+          background-color: #f8f8fa;
+          &.checked {
+            border-color: $sc-popup-checkbox-checked-background-color;
+            background-color: $sc-popup-checkbox-checked-background-color;
+          }
+          .checkmark {
+            &.show {
+              border-color: #f8f8fa;
+            }
           }
         }
       }

package/lib/components/send-method-dialog/style/material.scss CHANGED Viewed

@@ -5,6 +5,8 @@
 @import "../components/send-method-printer/style/material";
 @import "../components/send-method-email/style/material";
 @import "../components/send-method-pdf/style/material";
+@import "../components/send-method-purchase/style/material";
+@import "../components/pdf-preview/style/material";
 @import "../components/layout-selection/style/material";
 @import "../components/printer-selection/style/material";
 @import "../components/signature-button/style/material";

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

@@ -61,6 +61,7 @@ export declare enum Icon {
     PrintRegular = "print_regular",
     PrintSolid = "print_solid",
     RegularFileSignatureCirclePlus = "regular_file_signature_circle_plus",
+    ShareSolid = "share_solid",
     SignatureField = "signature_field",
     SolidBarcodeReadTag = "solid_barcode_read_tag",
     SquarePlusRegular = "square_plus_regular",

package/lib/res/dictionary/dictionaries.d.ts CHANGED Viewed

@@ -5434,6 +5434,7 @@ export declare class Dictionaries {
         ABS_COMPOSITE_SITUATION: string;
         ACCEPT: string;
         ACCEPTANCE: string;
+        COMBINED: string;
         CONTACT_MANAGEMENT: string;
         CONTACT_MOMENTS: string;
         CONTACT_OF_ORGANISATIONS: string;
@@ -12673,6 +12674,7 @@ export declare class Dictionaries {
         COLLAPSE: string;
         COLLAPSE_ALL: string;
         COLLATE_ORDERFORMS: string;
+        COMBINED: string;
         COLLECT: string;
         COLLECTION: string;
         COLLECTION_CODE: string;