@colijnit/sharedcomponents 1.0.29 → 1.0.31

package/lib/components/circular-gauge/style/_layout.scss

@@ -1,5 +1,3 @@
-@import "../../../style/mixin";
-
 @include export-module('co-circular-gauge-layout') {
   .co-circular-gauge {
     .circular-gauge-wrapper{

package/lib/components/circular-gauge/style/_theme.scss

@@ -1,5 +1,3 @@
-@import "../../../style/mixin";
-
 @include export-module('co-circular-gauge-theme') {
   .co-circular-gauge {
     .annotation {

package/lib/components/circular-gauge/style/material.scss

@@ -1,3 +1,4 @@
+@import "../../../style/mixin";
 @import "./material-definition";
 @import "./layout";
 @import "./theme";

package/lib/components/date-planning/date-planning.component.d.ts

@@ -1,8 +1,9 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter, Renderer2 } from "@angular/core";
+import { ChangeDetectorRef, ElementRef, EventEmitter, Renderer2 } from '@angular/core';
 import { CalendarView } from "@syncfusion/ej2-angular-calendars";
 export declare class DatePlanningComponent {
     private _changeDetector;
     private renderer;
+    dayStart: ElementRef;
     calendarNavigation: boolean;
     showButton: boolean;
     selectedDate: Date;
@@ -15,7 +16,7 @@ export declare class DatePlanningComponent {
     readonly rangeChange: EventEmitter<Date>;
     readonly viewChange: EventEmitter<CalendarView>;
     readonly buttonClick: EventEmitter<MouseEvent>;
-    dayStart: ElementRef;
+    showClass: boolean;
     days: Date[];
     private _selectedDate;
     constructor(_changeDetector: ChangeDetectorRef, renderer: Renderer2);

package/lib/components/date-planning/style/_layout.scss

@@ -1,7 +1,5 @@
-@import "../../../style/mixin";
-
-@include export-module('sc-date-planning-layout') {
-  .sc-date-planning {
+@include export-module('co-date-planning-layout') {
+  .co-date-planning {
     display: flex;
     flex-direction: column;
     align-items: center;

package/lib/components/date-planning/style/_theme.scss

@@ -1,7 +1,5 @@
-@import "../../../style/mixin";
-
-@include export-module('sc-date-planning-theme') {
-  .sc-date-planning {
+@include export-module('co-date-planning-theme') {
+  .co-date-planning {
 
   }
 }

package/lib/components/docsign/component/signature/style/_layout.scss

@@ -1,7 +1,5 @@
-@import "../../../../../style/mixin";
-
-@include export-module('ione-signature-layout') {
-  .ione-signature {
+@include export-module('co-signature-layout') {
+  .co-signature {
     font-family: $sc-font-family;
     pointer-events: all;
     display: flex;

package/lib/components/docsign/component/signature/style/_theme.scss

@@ -1,7 +1,5 @@
-@import "../../../../../style/mixin";
-
-@include export-module('ione-signature-theme') {
-  .ione-signature {
+@include export-module('co-signature-theme') {
+  .co-signature {
     background-color: $sc-signature-background-color;
     box-shadow: $sc-signature-boxshadow;
     .signature-header {

package/lib/components/docsign/component/signature/style/material.scss

@@ -1,6 +1,4 @@
-@import "../../../../../style/variables";
+@import "../../../../../style/mixin";
 @import "./material-definition";
 @import "./layout";
 @import "./theme";
-
-//@import "@colijnit/corecomponents_v12/lib/components/button/style/material";

package/lib/components/docsign/component/signatures/style/_layout.scss

@@ -1,14 +1,12 @@
-@import "../../../../../style/mixin";
-
-@include export-module('ione-signatures-layout') {
-  .ione-signatures {
+@include export-module('co-signatures-layout') {
+  .co-signatures {
     pointer-events: none;
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax($sc-signature-width, $sc-signature-width));
     align-items: center;
     justify-content: center;
   }
-  .ione-signature {
+  .co-signature {
     width: $sc-signature-width;
     height: $sc-signature-height;
   }

package/lib/components/docsign/component/signatures/style/_theme.scss

@@ -1,6 +1,4 @@
-@import "../../../../../style/mixin";
-
-@include export-module('ione-signatures-theme') {
-  .ione-signatures {
+@include export-module('co-signatures-theme') {
+  .co-signatures {
   }
 }

package/lib/components/docsign/component/signatures/style/material.scss

@@ -1,6 +1,5 @@
-@import "../../../../../style/variables";
+@import "../../../../../style/mixin";
 @import "./material-definition";
 @import "./layout";
 @import "./theme";
-
 @import "../../../component/signature/style/material";

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

@@ -1,7 +1,5 @@
-@import "../../../style/mixin";
-
-@include export-module('ione-docsign-layout') {
-  .ione-docsign {
+@include export-module('co-docsign-layout') {
+  .co-docsign {
     position: relative;
     display: block;
     width: 100%;
@@ -31,7 +29,7 @@
       right: $sc-signature-button-cancel-right;
       bottom: $sc-signature-button-cancel-bottom;
     }
-    .ione-signatures {
+    .co-signatures {
       position: absolute;
       width: 100%;
       left: 50%;

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

@@ -1,7 +1,5 @@
-@import "../../../style/mixin";
-
-@include export-module('ione-docsign-theme') {
-  .ione-docsign {
+@include export-module('co-docsign-theme') {
+  .co-docsign {
     .button-sign-document {
       background-color: $sc-signature-button-sign-background-color;
       color: $sc-signature-button-sign-color;

package/lib/components/docsign/style/material.scss

@@ -1,3 +1,4 @@
+@import "../../../style/mixin";
 @import "./material-definition";
 @import "./layout";
 @import "./theme";

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

@@ -1,7 +1,5 @@
-@import "../../../style/mixin";
-
-@include export-module('layout-switcher-layout') {
-  .layout-switcher {
+@include export-module('co-layout-switcher-layout') {
+  .co-layout-switcher {
 
       position: relative;
       min-width: $layout-switcher-mask-min-width;

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

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

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

@@ -1,3 +1,4 @@
+@import "../../../style/mixin";
 @import "./material-definition";
 @import "./layout";
 @import "./theme";

package/lib/components/linear-gauge/style/_layout.scss

@@ -1,5 +1,3 @@
-@import "../../../style/mixin";
-
 @include export-module('co-linear-gauge-layout') {
   .co-linear-gauge {
     .linear-gauge {

package/lib/components/linear-gauge/style/_theme.scss

@@ -1,5 +1,3 @@
-@import "../../../style/mixin";
-
 @include export-module('co-linear-gauge-theme') {
   .co-linear-gauge {
   }

package/lib/components/linear-gauge/style/material.scss

@@ -1,3 +1,4 @@
+@import "../../../style/mixin";
 @import "./material-definition";
 @import "./layout";
 @import "./theme";

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

@@ -0,0 +1,13 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { ReportLayoutSelectionBase } from '@colijnit/mainapi/build/model/report-layout-selection-base.bo';
+import { ReportingDocumentBaseRequest } from '@colijnit/mainapi/build/model/reporting-document-base-request';
+export declare class LayoutSelectionComponent implements OnInit {
+    request: ReportingDocumentBaseRequest;
+    layouts: ReportLayoutSelectionBase[];
+    requestChange: EventEmitter<ReportingDocumentBaseRequest>;
+    showClass(): boolean;
+    currentLayout: ReportLayoutSelectionBase;
+    showLayoutList: boolean;
+    ngOnInit(): void;
+    handleSelectLayout(reportLayout: ReportLayoutSelectionBase): void;
+}

package/lib/components/send-method-dialog/components/layout-selection/layout-selection.module.d.ts

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

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

@@ -0,0 +1,34 @@
+@include export-module('co-layout-selection-layout') {
+  .co-layout-selection {
+    font-family: $sc-co-layout-selection-font-family;
+    font-size: $sc-co-layout-selection-font-size;
+    .layout-selection-wrapper {
+      cursor: pointer;
+      user-select: none;
+      display: flex;
+      flex-direction: column;
+      row-gap: $sc-co-layout-selection-row-gap;
+      border-style: $sc-co-layout-selection-border-style;
+      border-width: $sc-co-layout-selection-border-width;
+      border-radius: $sc-co-layout-selection-border-radius;
+      padding: $sc-co-layout-selection-padding;
+      .layout-description {
+        font-size: $sc-co-layout-selection-description-font-size;
+        font-weight: $sc-co-layout-selection-description-font-weight;
+      }
+    }
+    .layouts-wrapper {
+      position: absolute;
+      transform-origin: bottom center;
+      left: 0;
+      bottom: 0;
+      width: 100%;
+      display: flex;
+      flex-direction: column;
+      z-index: 1;
+      row-gap: $sc-co-layout-selection-selections-row-gap;
+      box-shadow: $sc-co-layout-selection-selections-shadow;
+      padding: $sc-co-layout-selection-selections-padding;
+    }
+  }
+}

package/lib/components/send-method-dialog/components/layout-selection/style/_material-definition.scss

@@ -0,0 +1,19 @@
+$sc-co-layout-selection-font-family: $sc-font-family !default;
+$sc-co-layout-selection-font-size: $sc-font-size !default;
+$sc-co-layout-selection-font-color: $sc-color-font !default;
+
+$sc-co-layout-selection-row-gap: 10px !default;
+$sc-co-layout-selection-border-style: solid !default;
+$sc-co-layout-selection-border-color: $sc-color-border !default;
+$sc-co-layout-selection-border-width: 1px !default;
+$sc-co-layout-selection-border-radius: 10px !default;
+$sc-co-layout-selection-padding: 10px !default;
+$sc-co-layout-selection-description-font-size: $sc-font-size !default;
+$sc-co-layout-selection-description-font-weight: bold !default;
+
+$sc-co-layout-selection-selections-row-gap: 10px !default;
+$sc-co-layout-selection-selections-shadow: 0px 0px 8px rgba(1, 1, 1, 0.2) !default;
+$sc-co-layout-selection-selections-padding: 10px 0 !default;
+$sc-co-layout-selection-selections-background-color: white !default;
+$sc-co-layout-selection-selections-selected-background-color: $sc-color-background !default;
+$sc-co-layout-selection-selections-selected-description-font-color: $sc-color-action !default;

package/lib/components/send-method-dialog/components/layout-selection/style/_theme.scss

@@ -0,0 +1,17 @@
+@include export-module('co-layout-selection-theme') {
+  .co-layout-selection {
+    color: $sc-co-layout-selection-font-color;
+    .layout-selection-wrapper {
+      border-color: $sc-co-layout-selection-border-color;
+      &.selected {
+        background-color: $sc-co-layout-selection-selections-selected-background-color;
+        .layout-description {
+          color: $sc-co-layout-selection-selections-selected-description-font-color;
+        }
+      }
+    }
+    .layouts-wrapper {
+      background-color: $sc-co-layout-selection-selections-background-color;
+    }
+  }
+}

package/lib/components/send-method-dialog/components/layout-selection/style/material.scss

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

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

@@ -0,0 +1,18 @@
+import { OnInit } from '@angular/core';
+import { Printer } from '@colijnit/mainapi/build/model/printer.bo';
+import { SharedService } from '../../../../service/shared.service';
+import { IconCacheService } from '../../../../service/icon-cache.service';
+import { Icon } from '../../../../enum/icon.enum';
+import { SendMethodService } from '../../service/send-method.service';
+export declare class PrinterSelectionComponent implements OnInit {
+    sendMethodService: SendMethodService;
+    iconService: IconCacheService;
+    private _service;
+    readonly icons: typeof Icon;
+    showClass(): boolean;
+    printers: Printer[];
+    showPrinterList: boolean;
+    constructor(sendMethodService: SendMethodService, iconService: IconCacheService, _service: SharedService);
+    ngOnInit(): void;
+    handlePrinterClicked(printer: Printer): void;
+}

package/lib/components/send-method-dialog/components/printer-selection/printer-selection.module.d.ts

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

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

@@ -0,0 +1,59 @@
+@include export-module('co-printer-selection-layout') {
+  .co-printer-selection {
+    .printer-selection-wrapper {
+      cursor: pointer;
+      user-select: none;
+      display: flex;
+      flex-direction: column;
+      row-gap: $sc-co-printer-selection-row-gap;
+      border-style: $sc-co-printer-selection-border-style;
+      border-width: $sc-co-printer-selection-border-width;
+      border-radius: $sc-co-printer-selection-border-radius;
+      padding: $sc-co-printer-selection-padding;
+      .printer-name {
+        font-size: $sc-co-printer-selection-description-font-size;
+        font-weight: $sc-co-printer-selection-description-font-weight;
+      }
+    }
+    .layouts-wrapper {
+      position: absolute;
+      transform-origin: bottom center;
+      left: 0;
+      bottom: 0;
+      width: 100%;
+      display: flex;
+      flex-direction: column;
+      z-index: 1;
+      row-gap: $sc-co-printer-selection-selections-row-gap;
+      box-shadow: $sc-co-printer-selection-selections-shadow;
+      padding: $sc-co-printer-selection-selections-padding;
+    }
+    .printer-list-item {
+      cursor: pointer;
+      user-select: none;
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      column-gap: 10px;
+      height: $sc-co-printer-selection-button-height;
+      border-radius: $sc-co-printer-selection-button-radius;
+      border-style: $sc-co-printer-selection-button-border-style;
+      border-width: $sc-co-printer-selection-button-border-width;
+      padding: $sc-co-printer-selection-button-padding;
+    }
+    .printer-details {
+      display: flex;
+      flex-direction: column;
+    }
+    .printer-name {
+      font-size: $sc-co-printer-selection-printer-name-font-size;
+      font-weight: $sc-co-printer-selection-printer-name-font-weight;
+      font-style: $sc-co-printer-selection-printer-name-font-style;
+    }
+    .printer-status {
+      font-size: $sc-co-printer-selection-printer-status-font-size;
+      font-weight: $sc-co-printer-selection-printer-status-font-weight;
+      font-style: $sc-co-printer-selection-printer-status-font-style;
+    }
+  }
+}

package/lib/components/send-method-dialog/components/printer-selection/style/_material-definition.scss

@@ -0,0 +1,39 @@
+$sc-co-printer-selection-font-family: $sc-font-family !default;
+$sc-co-printer-selection-font-size: $sc-font-size !default;
+$sc-co-printer-selection-font-color: $sc-color-font !default;
+
+$sc-co-printer-selection-row-gap: 10px !default;
+
+$sc-co-printer-selection-row-gap: 10px !default;
+$sc-co-printer-selection-border-style: solid !default;
+$sc-co-printer-selection-border-color: $sc-color-border !default;
+$sc-co-printer-selection-border-width: 1px !default;
+$sc-co-printer-selection-border-radius: 10px !default;
+$sc-co-printer-selection-padding: 10px !default;
+$sc-co-printer-selection-description-font-size: $sc-font-size !default;
+$sc-co-printer-selection-description-font-weight: bold !default;
+
+$sc-co-printer-selection-selections-row-gap: 10px !default;
+$sc-co-printer-selection-selections-shadow: 0px 0px 8px rgba(1, 1, 1, 0.2) !default;
+$sc-co-printer-selection-selections-padding: 10px 0 !default;
+$sc-co-printer-selection-selections-background-color: white !default;
+
+$sc-co-printer-selection-button-height: 50px !default;
+$sc-co-printer-selection-button-radius: 10px !default;
+$sc-co-printer-selection-button-background-color: white !default;
+$sc-co-printer-selection-button-selected-background-color: $sc-color-background !default;
+$sc-co-printer-selection-button-border-style: solid !default;
+$sc-co-printer-selection-button-border-color: $sc-color-border !default;
+$sc-co-printer-selection-button-border-width: 0 !default;
+$sc-co-printer-selection-button-padding: 0 20px !default;
+
+$sc-co-printer-selection-printer-details-font-color: $sc-color-font !default;
+
+$sc-co-printer-selection-printer-name-font-size: $sc-font-size !default;
+$sc-co-printer-selection-printer-name-font-weight: bold !default;
+$sc-co-printer-selection-printer-name-font-style: normal !default;
+
+$sc-co-printer-selection-printer-status-font-size: $sc-font-size !default;
+$sc-co-printer-selection-printer-status-font-weight: normal !default;
+$sc-co-printer-selection-printer-status-font-style: italic !default;
+$sc-co-printer-selection-printer-selected-details-font-color: $sc-color-action !default;

package/lib/components/send-method-dialog/components/printer-selection/style/_theme.scss

@@ -0,0 +1,23 @@
+@include export-module('co-printer-selection-theme') {
+  .co-printer-selection {
+    .printer-selection-wrapper {
+      border-color: $sc-co-printer-selection-border-color;
+    }
+    .layouts-wrapper {
+      background-color: $sc-co-printer-selection-selections-background-color;
+    }
+    .printer-list-item {
+      background-color: $sc-co-printer-selection-button-background-color;
+      border-color: $sc-co-printer-selection-button-border-color;
+      &.selected {
+        background-color: $sc-co-printer-selection-button-selected-background-color;
+        .printer-details {
+          color: $sc-co-printer-selection-printer-selected-details-font-color;
+        }
+      }
+    }
+    .printer-details {
+      color: $sc-co-printer-selection-printer-details-font-color;
+    }
+  }
+}

package/lib/components/send-method-dialog/components/printer-selection/style/material.scss

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

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

@@ -0,0 +1,14 @@
+import { OnInit } from '@angular/core';
+import { SendMethodService } from '../../service/send-method.service';
+import { EmailAddressViewmodel } from '../../model/email-address-viewmodel';
+import { ReportLayoutSelectionEmail } from '@colijnit/mainapi/build/model/report-layout-selection-email.bo';
+export declare class SendMethodEmailComponent implements OnInit {
+    sendMethodService: SendMethodService;
+    emailAddresses: string[];
+    layouts: ReportLayoutSelectionEmail[];
+    showClass(): boolean;
+    emailAddressViewmodels: EmailAddressViewmodel[];
+    constructor(sendMethodService: SendMethodService);
+    ngOnInit(): void;
+    handleCheckedEmail(emailAddressViewmodel: EmailAddressViewmodel): void;
+}

package/lib/components/send-method-dialog/components/send-method-email/send-method-email.module.d.ts

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

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

@@ -0,0 +1,21 @@
+@include export-module('co-send-method-email-layout') {
+  .co-send-method-email {
+    font-family: $sc-co-send-method-email-font-family;
+    font-size: $sc-co-send-method-email-font-size;
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    position: relative;
+    row-gap: $sc-co-send-method-email-row-gap;
+    padding: $sc-co-send-method-email-padding;
+    .email-address-wrapper {
+      display: flex;
+      flex-direction: row;
+      align-items: $sc-co-send-method-email-email-address-align-items;
+      padding: $sc-co-send-method-email-email-address-padding;
+      column-gap: $sc-co-send-method-email-email-address-column-gap;
+      user-select: none;
+      cursor: pointer;
+    }
+  }
+}

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

@@ -0,0 +1,8 @@
+$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-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;

package/lib/components/send-method-dialog/components/send-method-email/style/_theme.scss

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

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

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

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

@@ -0,0 +1,10 @@
+import { SendMethodService } from '../../service/send-method.service';
+import { ReportLayoutSelectionPrint } from '@colijnit/mainapi/build/model/report-layout-selection-print.bo';
+export declare class SendMethodPrinterComponent {
+    sendMethodService: SendMethodService;
+    layouts: ReportLayoutSelectionPrint[];
+    showClass(): boolean;
+    constructor(sendMethodService: SendMethodService);
+    handleDefaultPrinterUserChange(checked: boolean): void;
+    handleDefaultPrinterAllUsersChange(checked: boolean): void;
+}

package/lib/components/send-method-dialog/components/send-method-printer/send-method-printer.module.d.ts

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

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

@@ -0,0 +1,17 @@
+@include export-module('co-send-method-printer-layout') {
+  .co-send-method-printer {
+    font-family: $sc-co-send-method-printer-font-family;
+    font-size: $sc-co-send-method-printer-font-size;
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    position: relative;
+    row-gap: $sc-co-send-method-printer-row-gap;
+    padding: $sc-co-send-method-printer-padding;
+    .email-addresses-wrapper {
+      display: flex;
+      flex-direction: column;
+      overflow: auto;
+    }
+  }
+}

package/lib/components/send-method-dialog/components/send-method-printer/style/_material-definition.scss

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

package/lib/components/send-method-dialog/components/send-method-printer/style/_theme.scss

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

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

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

package/lib/components/send-method-dialog/model/email-address-viewmodel.d.ts

@@ -0,0 +1,5 @@
+export declare class EmailAddressViewmodel {
+    checked: boolean;
+    emailAddress: string;
+    constructor(checked: boolean, emailAddress: string);
+}