@colijnit/sharedcomponents 1.0.27 → 1.0.29

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

@@ -13,15 +13,12 @@
     }
 
     .annotation {
+      display: flex;
+      justify-content: start;
       font-family: $circular-gauge-annotation-font-family;
       font-size: $circular-gauge-annotation-font-size;
       font-weight: $circular-gauge-annotation-font-weight;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      position: absolute;
-      top: -1px;
-      left: -7px;
+      padding-top: $circular-gauge-annotation-padding-top;
     }
   }
 }

package/lib/components/date-planning/component/agenda/agenda-base-view.component.d.ts

@@ -0,0 +1,21 @@
+import { EventEmitter } from "@angular/core";
+import { LanguageCode } from "../../../../enum/language-code.enum";
+import { AgendaEvent } from "../../../../model/agenda-event.model";
+import { AgendaEventPerDay } from "../../../../model/agenda-event-per-day.model";
+import { IconCacheService } from "../../../../service/icon-cache.service";
+export declare abstract class AgendaBaseViewComponent {
+    protected readonly locale: LanguageCode;
+    iconCacheService: IconCacheService;
+    set selectedDate(value: Date);
+    set eventsPerDay(value: AgendaEventPerDay[]);
+    eventChecked: EventEmitter<AgendaEvent>;
+    get selectedDate(): Date;
+    get eventsPerDate(): AgendaEventPerDay[];
+    private _selectedDate;
+    private _eventsPerDay;
+    constructor(locale: LanguageCode, iconCacheService: IconCacheService);
+    protected prepareViewData(): void;
+    protected getEventsFromDate(date: Date): AgendaEvent[];
+    private _dateIsSet;
+    private _eventsAreSet;
+}

package/lib/components/date-planning/component/agenda/agenda-day-view.component.d.ts

@@ -0,0 +1,6 @@
+import { AgendaEvent } from "../../../../model/agenda-event.model";
+import { AgendaBaseViewComponent } from "./agenda-base-view.component";
+export declare class AgendaDayViewComponent extends AgendaBaseViewComponent {
+    events: AgendaEvent[];
+    protected prepareViewData(): void;
+}

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

@@ -0,0 +1,17 @@
+import { ElementRef, EventEmitter, OnDestroy, OnInit, Renderer2 } from "@angular/core";
+import { AgendaEvent } from "../../../../model/agenda-event.model";
+import { Icon } from "../../../../enum/icon.enum";
+import { IconCacheService } from "../../../../service/icon-cache.service";
+export declare class AgendaEventComponent implements OnInit, OnDestroy {
+    private _elementRef;
+    private _renderer;
+    iconCacheService: IconCacheService;
+    readonly icons: typeof Icon;
+    event: AgendaEvent;
+    halfHourHeight: number;
+    eventChecked: EventEmitter<AgendaEvent>;
+    constructor(_elementRef: ElementRef, _renderer: Renderer2, iconCacheService: IconCacheService);
+    ngOnDestroy(): void;
+    ngOnInit(): void;
+    checkEvent(event: MouseEvent): void;
+}

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

@@ -0,0 +1,12 @@
+import { EventEmitter } from "@angular/core";
+import { CalendarView } from "../../../../enum/calendar-view.enum";
+import { AgendaEvent } from "../../../../model/agenda-event.model";
+export declare class AgendaEventsComponent {
+    readonly viewTypes: typeof CalendarView;
+    view: CalendarView;
+    type: string;
+    events: AgendaEvent[];
+    halfHourHeight: number;
+    readonly eventChecked: EventEmitter<AgendaEvent>;
+    constructor();
+}

package/lib/components/date-planning/component/agenda/agenda-half-hour-cell.component.d.ts

@@ -0,0 +1,18 @@
+import { ElementRef, OnDestroy, Renderer2 } from "@angular/core";
+export declare class AgendaHalfHourCellComponent implements OnDestroy {
+    private _renderer;
+    currentTimeElement: ElementRef;
+    set date(value: Date);
+    get date(): Date;
+    showLabel: boolean;
+    showCurrentTime: boolean;
+    currentTimeTop: number;
+    id: string;
+    private _date;
+    private _id;
+    constructor(_renderer: Renderer2);
+    ngOnDestroy(): void;
+    private _checkDate;
+    private _checkWorkingDayStart;
+    private _positionCurrentTime;
+}

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

@@ -0,0 +1,47 @@
+import { AfterContentChecked, ElementRef, EventEmitter, NgZone, OnDestroy, OnInit, Renderer2 } from "@angular/core";
+import { CalendarView } from "../../../../enum/calendar-view.enum";
+import { LanguageCode } from "../../../../enum/language-code.enum";
+import { Weekday } from "../../../../model/weekday.model";
+import { Day } from "../../../../model/day.model";
+import { Icon } from "../../../../enum/icon.enum";
+import { AgendaEventPerDay } from "../../../../model/agenda-event-per-day.model";
+import { IconCacheService } from "../../../../service/icon-cache.service";
+export declare class AgendaHeaderComponent implements OnInit, OnDestroy, AfterContentChecked {
+    private readonly _locale;
+    private _elementRef;
+    private _renderer;
+    private _ngZone;
+    iconCacheService: IconCacheService;
+    readonly icons: typeof Icon;
+    readonly viewTypes: typeof CalendarView;
+    private readonly scrollbarWidth;
+    set selectedDate(value: Date);
+    get selectedDate(): Date;
+    view: CalendarView;
+    set firstAvailableDate(value: Date);
+    get firstAvailableDate(): Date;
+    set eventsPerDay(value: AgendaEventPerDay[]);
+    viewChange: EventEmitter<CalendarView>;
+    selectedDateChange: EventEmitter<Date>;
+    rangeChange: EventEmitter<Date>;
+    weekDays: Weekday[];
+    day: Day;
+    showBackButton: boolean;
+    private _selectedDate;
+    private _firstAvailableDate;
+    private _eventsPerDay;
+    constructor(_locale: LanguageCode, _elementRef: ElementRef, _renderer: Renderer2, _ngZone: NgZone, iconCacheService: IconCacheService);
+    ngOnDestroy(): void;
+    ngOnInit(): void;
+    ngAfterContentChecked(): void;
+    subUnit(): void;
+    addUnit(): void;
+    setUnit(weekDay: Weekday): void;
+    changeTheView(view: CalendarView): void;
+    private _onResize;
+    /**
+     * Need to resize the host component to size it's fixed positioned child through css
+     */
+    private _resizeHost;
+    private _prepareHeaderData;
+}

package/lib/components/date-planning/component/agenda/agenda-hour-cell.component.d.ts

@@ -0,0 +1,9 @@
+export declare class AgendaHourCellComponent {
+    onlyLabels: boolean;
+    noLabels: boolean;
+    set date(value: Date);
+    get date(): Date;
+    datePlushalfHour: Date;
+    private _date;
+    private _setNextHalfHour;
+}

package/lib/components/date-planning/component/agenda/agenda-hour-view-labels.component.d.ts

@@ -0,0 +1,8 @@
+export declare class AgendaHourViewLabelsComponent {
+    set date(value: Date);
+    noLabels: boolean;
+    readonly datesByTheHour: Date[];
+    get date(): Date;
+    private _date;
+    private _prepareViewData;
+}

package/lib/components/date-planning/component/agenda/agenda-hour-view.component.d.ts

@@ -0,0 +1,7 @@
+export declare class AgendaHourViewComponent {
+    set date(value: Date);
+    readonly datesByTheHour: Date[];
+    get date(): Date;
+    private _date;
+    private _prepareViewData;
+}

package/lib/components/date-planning/component/agenda/agenda-month-view.component.d.ts

@@ -0,0 +1,10 @@
+import { AgendaBaseViewComponent } from "./agenda-base-view.component";
+import { Month } from "../../../../model/month.model";
+import { Weekday } from "../../../../model/weekday.model";
+import { Week } from "../../../../model/week.model";
+export declare class AgendaMonthViewComponent extends AgendaBaseViewComponent {
+    month: Month;
+    firstWeekDays: Weekday[];
+    weeks: Week[];
+    protected prepareViewData(): void;
+}

package/lib/components/date-planning/component/agenda/agenda-select-event.component.d.ts

@@ -0,0 +1,12 @@
+import { EventEmitter } from "@angular/core";
+import { AgendaEvent } from "../../../../model/agenda-event.model";
+import { Icon } from "../../../../enum/icon.enum";
+import { IconCacheService } from "../../../../service/icon-cache.service";
+export declare class AgendaSelectEventComponent {
+    iconCacheService: IconCacheService;
+    readonly icons: typeof Icon;
+    event: AgendaEvent;
+    eventChecked: EventEmitter<AgendaEvent>;
+    constructor(iconCacheService: IconCacheService);
+    checkEvent(event: MouseEvent): void;
+}

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

@@ -0,0 +1,11 @@
+import { EventEmitter } from "@angular/core";
+import { CalendarView } from "../../../../enum/calendar-view.enum";
+import { AgendaEvent } from "../../../../model/agenda-event.model";
+import { AgendaEventPerDay } from "../../../../model/agenda-event-per-day.model";
+export declare class AgendaViewComponent {
+    view: CalendarView;
+    selectedDate: Date;
+    eventsPerDay: AgendaEventPerDay[];
+    readonly eventChecked: EventEmitter<AgendaEvent>;
+    readonly viewTypes: typeof CalendarView;
+}

package/lib/components/date-planning/component/agenda/agenda-week-select-view.component.d.ts

@@ -0,0 +1,10 @@
+import { AgendaBaseViewComponent } from "./agenda-base-view.component";
+import { Icon } from "../../../../enum/icon.enum";
+import { CalendarView } from "../../../../enum/calendar-view.enum";
+import { Week } from "../../../../model/week.model";
+export declare class AgendaWeekSelectViewComponent extends AgendaBaseViewComponent {
+    view: CalendarView;
+    week: Week;
+    readonly icons: typeof Icon;
+    protected prepareViewData(): void;
+}

package/lib/components/date-planning/component/agenda/agenda-week-view.component.d.ts

@@ -0,0 +1,8 @@
+import { CalendarView } from "../../../../enum/calendar-view.enum";
+import { Week } from "../../../../model/week.model";
+import { AgendaBaseViewComponent } from "./agenda-base-view.component";
+export declare class AgendaWeekViewComponent extends AgendaBaseViewComponent {
+    view: CalendarView;
+    week: Week;
+    protected prepareViewData(): void;
+}

package/lib/components/date-planning/component/agenda/view-select.component.d.ts

@@ -0,0 +1,11 @@
+import { EventEmitter } from "@angular/core";
+import { CalendarView } from "../../../../enum/calendar-view.enum";
+import { ThumbThreeWayState } from "../../../../enum/thumb-three-way-state";
+export declare class ViewSelectComponent {
+    private readonly _viewsToThumb;
+    selectedView: CalendarView;
+    selectedViewChange: EventEmitter<CalendarView>;
+    get modelAsThumbState(): ThumbThreeWayState;
+    constructor();
+    onThumbStateChange(thumbState: ThumbThreeWayState): void;
+}

package/lib/components/date-planning/component/calendar/calendar-all-months.component.d.ts

@@ -0,0 +1,9 @@
+import { EventEmitter, OnInit } from "@angular/core";
+export declare class CalendarAllMonthsComponent implements OnInit {
+    month: number;
+    shortDescriptions: boolean;
+    monthChange: EventEmitter<number>;
+    months: string[];
+    constructor();
+    ngOnInit(): void;
+}

package/lib/components/date-planning/component/calendar/calendar-all-years.component.d.ts

@@ -0,0 +1,9 @@
+import { EventEmitter, OnInit } from "@angular/core";
+export declare class CalendarAllYearsComponent implements OnInit {
+    year: number;
+    readonly yearChange: EventEmitter<number>;
+    years: number[];
+    constructor();
+    ngOnInit(): void;
+    private _determineStart;
+}

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

@@ -0,0 +1,23 @@
+import { DoCheck, EventEmitter } from "@angular/core";
+import { Icon } from "../../../../enum/icon.enum";
+import { IconCacheService } from "../../../../service/icon-cache.service";
+export declare class CalendarHeaderComponent implements DoCheck {
+    iconCacheService: IconCacheService;
+    selectedDate: Date;
+    readonly selectedDateChange: EventEmitter<Date>;
+    readonly icons: typeof Icon;
+    showMonthYearSelect: boolean;
+    expanded: boolean;
+    currentMonth: string;
+    currentYear: number;
+    selectedMonth: number;
+    selectedYear: number;
+    constructor(iconCacheService: IconCacheService);
+    ngDoCheck(): void;
+    subMonth(): void;
+    addMonth(): void;
+    hideMonthYearSelection(): void;
+    setNewMonth(month: number): void;
+    setNewYear(year: number): void;
+    changeMonthYear(): void;
+}

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

@@ -0,0 +1,31 @@
+import { EventEmitter } from "@angular/core";
+import { CalendarView } from "../../../../enum/calendar-view.enum";
+import { LanguageCode } from "../../../../enum/language-code.enum";
+declare type DateStamp = {
+    day: number;
+    inMonth: boolean;
+    timestamp: number;
+    week: number;
+    selected: boolean;
+};
+export declare class CalendarViewComponent {
+    private readonly _locale;
+    set view(value: CalendarView);
+    get view(): CalendarView;
+    set selectedDate(value: Date);
+    get selectedDate(): Date;
+    selectedDateChange: EventEmitter<Date>;
+    trackByStamp: Function;
+    trackByWeek: Function;
+    weekDayLabel: string[];
+    weeks: DateStamp[][];
+    private _selectedDate;
+    private _view;
+    constructor(_locale: LanguageCode);
+    onDateClick(date: DateStamp): void;
+    private _setLabels;
+    private _prepareWeeks;
+    private _selectDays;
+    private _resetSelection;
+}
+export {};

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

@@ -0,0 +1,10 @@
+import { EventEmitter } from "@angular/core";
+import { CalendarView } from "../../../../enum/calendar-view.enum";
+export declare class CalendarComponent {
+    view: CalendarView;
+    selectedDate: Date;
+    days: Date[];
+    selectedDateChange: EventEmitter<Date>;
+    constructor();
+    changeSelectedDate(date: Date): void;
+}

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

@@ -0,0 +1,25 @@
+import { ChangeDetectorRef, ElementRef, EventEmitter, Renderer2 } from "@angular/core";
+import { CalendarView } from "@syncfusion/ej2-angular-calendars";
+export declare class DatePlanningComponent {
+    private _changeDetector;
+    private renderer;
+    calendarNavigation: boolean;
+    showButton: boolean;
+    selectedDate: Date;
+    firstAvailableDate: Date;
+    buttonLabel: string;
+    eventsPerDay: any;
+    view: CalendarView;
+    readonly eventChecked: EventEmitter<any>;
+    readonly selectedDateChange: EventEmitter<Date>;
+    readonly rangeChange: EventEmitter<Date>;
+    readonly viewChange: EventEmitter<CalendarView>;
+    readonly buttonClick: EventEmitter<MouseEvent>;
+    dayStart: ElementRef;
+    days: Date[];
+    private _selectedDate;
+    constructor(_changeDetector: ChangeDetectorRef, renderer: Renderer2);
+    doChangeSelectedDate(date: Date, rangeChanged?: boolean): void;
+    doChangeView(view: CalendarView): void;
+    scrollToDayStart(): void;
+}

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

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

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

@@ -1,14 +1,14 @@
-import { ChangeDetectorRef, EventEmitter, OnDestroy } from "@angular/core";
+import { ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from "@angular/core";
 import { Icon } from "../../enum/icon.enum";
 import { IconCacheService } from "../../service/icon-cache.service";
 import { SendOption } from "./enums/send-option";
 import { Printer } from "@colijnit/sharedapi/build/model/report/printer.bo";
 import { StockService } from "../../service/stock.service";
-import { StockStickersPrintLayouts } from "@colijnit/sharedapi/build/model/report/stock-stickers-print-layouts.bo";
 import { CoDropDownListFields } from "../stock/stock-transfer/co-drop-down-list-fields.interface";
 import { OptionsService } from "../../service/options.service";
 import { DictionaryService } from "../../service/dictionary.service";
-export declare class SendMethodDialogComponent implements OnDestroy {
+import { SendMethodParams } from "./send-method-params.interface";
+export declare class SendMethodDialogComponent implements OnInit, OnDestroy {
     iconCacheService: IconCacheService;
     stockService: StockService;
     private _optionsService;
@@ -21,8 +21,8 @@ export declare class SendMethodDialogComponent implements OnDestroy {
     showPdfOption: boolean;
     showXmlOption: boolean;
     showPrintPriceStickers: boolean;
-    showPrintStockStickers: boolean;
     priceListCodeData: any;
+    transactionUUID: string;
     sendOptions: {
         option: SendOption;
         iconName: Icon;
@@ -32,31 +32,48 @@ export declare class SendMethodDialogComponent implements OnDestroy {
     showPrinterSelections: boolean;
     showExitButton: boolean;
     defaultPrinter: Printer;
-    printTemplates: StockStickersPrintLayouts[];
+    printTemplates: any[];
     printTemplatesField: CoDropDownListFields;
+    emailLayoutField: CoDropDownListFields;
     priceListDataField: CoDropDownListFields;
     upAndLoaded: boolean;
-    emails: any[];
     models: boolean[];
-    layouts: any[];
     selectedLayout: 'Layout 1';
     showDialog: boolean;
     headerTitle: string;
     printerList: Printer[];
+    relationId: number;
+    emailAdresses: any[];
+    emailLayouts: any[];
+    printLayouts: any[];
+    defaultSendMethod: any;
+    defaultEmailAdresses: any;
+    isDocSignEnabled: boolean;
+    docSign: boolean;
     set articleData(data: any);
     startSignatureClicked: EventEmitter<any>;
+    sendEmailClicked: EventEmitter<any>;
     printButtonClicked: EventEmitter<any>;
+    emailLayoutClicked: EventEmitter<any>;
     showClass(): boolean;
+    printTemplatesClicked: EventEmitter<any>;
+    defaultSendMethodClicked: EventEmitter<any>;
+    printLayoutParams: EventEmitter<SendMethodParams>;
+    sendMethodParams: SendMethodParams;
     private _subscriptions;
     constructor(iconCacheService: IconCacheService, stockService: StockService, _optionsService: OptionsService, _dictionary: DictionaryService, _changeDetector: ChangeDetectorRef);
+    ngOnInit(): void;
     ngOnDestroy(): void;
     getPrinters(): Promise<void>;
     closeDialogClick(): void;
     handleSignatureStart(): void;
+    sendEmail(): void;
     handlePrintClicked(): void;
     togglePrinterSelection(): void;
     onPrinterClicked(printer: any): void;
     getPrintTemplates(): any;
+    getDefaultSendMethod(): void;
+    getDefaultEmailLayouts(): Promise<void>;
     private _handleSettingsLoaded;
     private _initConnection;
 }

package/lib/components/send-method-dialog/send-method-params.interface.d.ts

@@ -0,0 +1,13 @@
+export interface SendMethodParams {
+    goodId?: number;
+    warehouse?: number;
+    location?: string;
+    batch?: string;
+    serial?: string;
+    amount?: number;
+    reportId?: number;
+    printerName?: string;
+    priceListCode?: string;
+    goodIds?: number[];
+    name?: string;
+}

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

@@ -110,6 +110,11 @@
       width: 75px;
     }
 
+    .send-button {
+      display: flex;
+      justify-content: center;
+    }
+
     .standard-printer-wrapper {
       width: 100%;
       margin: 15px 0 15px;

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

@@ -3,10 +3,12 @@ export interface StatusbarData {
     label: string;
     percentage: number;
     count?: number;
+    totalCount?: number;
 }
 export declare class StatusbarComponent {
     set statusbarData(value: StatusbarData[]);
     get statusbarData(): StatusbarData[];
+    focusedStatusIndex: number;
     statusbarClick: EventEmitter<void>;
     showClass(): boolean;
     constructor();

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

@@ -17,6 +17,7 @@
       display: flex;
       flex-direction: row;
       justify-content: center;
+      align-items: center;
     }
 
     .status-description-popup{
@@ -57,5 +58,15 @@
         }
       }
     }
+
+    co-linear-gauge {
+      &.focused-status {
+        div {
+          width: 18px;
+          height: 18px;
+          max-width: none;
+        }
+      }
+    }
   }
 }

package/lib/components/tags/component/style/_layout.scss

@@ -0,0 +1,67 @@
+@import "../../../../style/mixin";
+
+@include export-module('sc-tags-layout') {
+  .sc-tags {
+    position: relative;
+    flex-shrink: 0;
+    width: 100%;
+    max-height: 210px;
+
+    .content-wrapper {
+      display: flex;
+      flex-wrap: wrap;
+      padding-top: 5px;
+    }
+
+    collapseable {
+      width: 100%;
+    }
+
+    tag-label {
+      margin-bottom: 5px;
+    }
+
+    .tag-wrapper {
+      display: inline-block;
+    }
+
+    .tag-join-wrapper {
+      display: inline-block;
+      width: 50%;
+    }
+
+    .tag-list-wrapper {
+      padding: 1px;
+      display: flex;
+      flex-wrap: wrap;
+      overflow: auto;
+    }
+
+    .footer {
+      padding-top: 10px;
+    }
+
+    default-ok-cancel-buttons {
+      padding: 20px 0 10px;
+    }
+
+    input {
+      display: none;
+    }
+
+    .tags-available {
+      height: 400px;
+      width: 300px;
+
+      treeview {
+        width: 100%;
+        height: calc(400px - #{$collapseable-header-height});
+      }
+    }
+
+    .tags-joined {
+      height: 400px;
+      width: 600px;
+    }
+  }
+}

package/lib/components/tags/component/style/_material-definition.scss

@@ -0,0 +1 @@
+$collapseable-header-height: 40px;

package/lib/components/tags/component/style/_theme.scss

@@ -0,0 +1,8 @@
+@import "../../../../style/mixin";
+@import "./material-definition";
+
+@include export-module('sc-tags-theme') {
+  .sc-tags {
+
+  }
+}

package/lib/components/tags/component/style/material.scss

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