@simpleangularcontrols/sac-common 10.0.0-rc.27 → 10.0.0-rc.29

package/common/basedatetimecontrol.d.ts

@@ -3,6 +3,7 @@ import { TooltipPosition } from '../utilities/enums';
 import { SacBaseModelControl } from './basemodelcontrol';
 import { ChangeDetectorRef, DoCheck, ElementRef, Injector, OnDestroy, OnInit } from '@angular/core';
 import { AbstractControl, ValidationErrors } from '@angular/forms';
+import { IMaskDirective } from 'angular-imask';
 import * as moment_ from 'moment';
 /**
  * Base Klasse für Date/Time Controls
@@ -30,6 +31,10 @@ export declare abstract class SacBaseDateTimeControl extends SacBaseModelControl
      * Definiert ob der Date Selector angezeigt wird
      */
     _showselector: boolean;
+    /**
+     * Reference to imask directive in any datetime controls
+     */
+    iMask: IMaskDirective<any>;
     /**
      * Definiert das Control als Required
      */

package/common/basemodelcontrol.d.ts

@@ -77,6 +77,10 @@ export declare abstract class SacBaseModelControl<VALUE> implements ControlValue
      * Deaktiviert das Label im Template
      */
     disablelabel: boolean;
+    /**
+     * Identifier used for the E2E data attribute.
+     */
+    e2eidentifier: string | null;
     /**
      * Text to support the user during input.
      */

package/common/baseuploadcontrol.d.ts

@@ -239,6 +239,10 @@ export declare abstract class SacUploadBase<VALUE> extends SacBaseModelControl<V
      * @param c Control das validiert werden soll
      */
     validateData(c: AbstractControl): ValidationErrors | null;
+    /**
+     * get max. files that can be uploaded
+     */
+    protected abstract GetMaxFiles(): number;
     private UpdateFileCount;
     /**
      * Returns the number of uploaded files

package/controls/buttons/button.d.ts

@@ -1,5 +1,5 @@
-import { EventEmitter } from '@angular/core';
 import { BUTTONROLETYPE } from '../../enums/ButtonRoleType';
+import { EventEmitter } from '@angular/core';
 /**
  * Base Komponente für das Button
  */
@@ -12,6 +12,22 @@ export declare class SacButtonCommon {
      * Das Property definiert die Rolle des Buttons. Standardwert ist 'default'.
      */
     private _role;
+    /**
+     * Das boolean property ist benutzt für Aktivation des Spinner des Button. Default ist false.
+     */
+    _isloadingvalue: boolean;
+    /**
+     * Output Event Emitter
+     */
+    clicked: EventEmitter<any>;
+    /**
+     * Identifier used for the E2E data attribute.
+     */
+    e2eidentifier: string | null;
+    /**
+     * Boolean Property für Error; default Wert - false
+     */
+    hasError: boolean;
     /**
      * Input Property für Icon Style Klasse; default Wert - ''
      */
@@ -25,27 +41,25 @@ export declare class SacButtonCommon {
      */
     text: string;
     /**
-     * Output Event Emitter
-     */
-    clicked: EventEmitter<any>;
-    /**
-     * Das boolean property ist benutzt für Aktivation des Spinner des Button. Default ist false.
-     */
-    _isloadingvalue: boolean;
-    /**
-     * Boolean Property für Error; default Wert - false
+     * Getter Methode. Ergibt boolean Wert. Definiert, ob das Button desabled ist.
      */
-    hasError: boolean;
+    get _isdisabled(): boolean;
+    get isdisabled(): boolean | string;
     /**
      * Deaktivieren von Buttons
      * @param v Deaktiviert den Button
      * @return Definiert ob der Button deaktiviert ist
      */
     set isdisabled(v: boolean | string);
+    get isloading(): boolean | string;
     /**
      * Das Input property. Definiert der Status des islaoding property. Es ist benutzt für Aktivation des Spinner des Button.
      */
     set isloading(v: boolean | string);
+    /**
+     * Die Methode returns die definierte Style-Rolle des Buttons
+     */
+    get role(): BUTTONROLETYPE;
     /**
      * Definiert den Style des Buttons
      * @param  v Definiert den Style des Buttons.
@@ -53,16 +67,6 @@ export declare class SacButtonCommon {
      * @returns  Type des Buttons
      */
     set role(v: BUTTONROLETYPE);
-    /**
-     * Getter Methode. Ergibt boolean Wert. Definiert, ob das Button desabled ist.
-     */
-    get _isdisabled(): boolean;
-    get isdisabled(): boolean | string;
-    get isloading(): boolean | string;
-    /**
-     * Die Methode returns die definierte Style-Rolle des Buttons
-     */
-    get role(): BUTTONROLETYPE;
     /**
      * Die Methode wird ein Event aufrufen, wenn das Button geklickt wird UND das Button nicht disabled ODER isloading ist.
      */

package/controls/checkbox/checkbox.d.ts

@@ -1,6 +1,6 @@
+import { SacBaseModelControl } from '../../common/basemodelcontrol';
 import { OnInit } from '@angular/core';
 import { AbstractControl, ValidationErrors } from '@angular/forms';
-import { SacBaseModelControl } from '../../common/basemodelcontrol';
 /**
  * Basis Komponente für SacCheckboxCommon. Extends SacBaseModelControl
  */

package/controls/confirm/confirm.d.ts

@@ -1,49 +1,49 @@
-import { EventEmitter } from '@angular/core';
 import { IConfirmComponent } from '../../interfaces/iconfirmcomponent';
 import { SacConfirmButton } from './confirm.button';
+import { EventEmitter } from '@angular/core';
 /**
  * Basis Klasse für Confirm Dialog
  */
 export declare class SacConfirmCommon implements IConfirmComponent {
     /**
-     * Event wenn Dialog geschlossen wird
-     */
-    onconfirm: EventEmitter<string>;
-    /**
-   * Dialog Titel für Confirm Dialog
-   */
-    title: string;
-    /**
-     * Nachricht die auf dem Dialog angezeigt wird
+     * Map mit Buttons die in Dialog angezeigt werden.
      */
-    message: string;
+    buttons: SacConfirmButton[];
     /**
      * Icon welches auf dem Dialog angezeigt wird
      */
     image: string;
-    /**
-     * Map mit Buttons die in Dialog angezeigt werden.
-     */
-    buttons: SacConfirmButton[];
     /**
      * Definiert ob der Dialog sichtbar ist
      */
     isvisible: boolean;
     /**
-     * Definiert, ob für den Dialog ein Image definiert wurde
+     * Nachricht die auf dem Dialog angezeigt wird
      */
-    hasImage(): boolean;
+    message: string;
+    /**
+     * Event wenn Dialog geschlossen wird
+     */
+    onconfirm: EventEmitter<string>;
+    /**
+   * Dialog Titel für Confirm Dialog
+   */
+    title: string;
     /**
      * Action wenn Button auf Dialog geklickt wurde. Löst den EventEmitter aus und blendet den Dialog aus.
      * @param action
      */
     confirm(action: string): void;
     /**
-     * Zeigt den Dialog an
+     * Definiert, ob für den Dialog ein Image definiert wurde
      */
-    show(): void;
+    hasImage(): boolean;
     /**
      * Blendet den Dialog aus
      */
     hide(): void;
+    /**
+     * Zeigt den Dialog an
+     */
+    show(): void;
 }

package/controls/confirm/confirm.service.d.ts

@@ -1,8 +1,8 @@
-import { ApplicationRef, ComponentFactory, ComponentRef, EventEmitter, Injector } from '@angular/core';
 import { ISacIconService } from '../../interfaces/ISacIconService';
 import { ISacLocalisationService } from '../../interfaces/ISacLocalisationService';
 import { ISacValidationKeyService } from '../../interfaces/ISacValidationKeyService';
 import { IConfirmComponent } from '../../interfaces/iconfirmcomponent';
+import { ApplicationRef, ComponentFactory, ComponentRef, EventEmitter, Injector } from '@angular/core';
 /**
  * Basis Klasse für Confirm Service implementation
  */
@@ -35,6 +35,11 @@ export declare abstract class ServiceConfirmCommon {
      * Blendet den Dialog aus
      */
     protected CloseDialog(): void;
+    /**
+     * Methode zur Konfiguration der Confirm Dialog Komponente
+     * @param instance Instanz auf IConfirmComponent Komponente
+     */
+    protected abstract ConfigureDialog(instance: IConfirmComponent): any;
     /**
      * Interne Methode für die Implementation des Confirm Dialogs. Steuert die Feedbacks, die Erzeugung und Anzeige des Dialogs
      */
@@ -47,17 +52,12 @@ export declare abstract class ServiceConfirmCommon {
      * Entfernt die Instanz des Dialogs
      */
     protected DestroyInstance(): void;
-    /**
-     * Zeigt den Dialog an
-     */
-    protected OpenDialog(): IConfirmComponent;
-    /**
-     * Methode zur Konfiguration der Confirm Dialog Komponente
-     * @param instance Instanz auf IConfirmComponent Komponente
-     */
-    protected abstract ConfigureDialog(instance: IConfirmComponent): any;
     /**
      * Abstrakte Methode zum erzeugen der Komponent Factory für den Dialog
      */
     protected abstract GetComponentFactory(): ComponentFactory<IConfirmComponent>;
+    /**
+     * Zeigt den Dialog an
+     */
+    protected OpenDialog(): IConfirmComponent;
 }

package/controls/contextmenu/contextmenu.d.ts

@@ -47,6 +47,10 @@ export declare class SacContextmenuCommon implements ISacContextmenuCommon, Afte
      * Extra CSS Klassen für das Control
      */
     cssclass: string;
+    /**
+     * Identifier used for the E2E data attribute.
+     */
+    e2eidentifier: string | null;
     /**
      * Definiert ob das Dropdown offen ist.
      */
@@ -55,6 +59,10 @@ export declare class SacContextmenuCommon implements ISacContextmenuCommon, Afte
      * All directly assigned context menu elements that are defined in the direct template for the context menu.
      */
     menuitems: QueryList<SacContextmenuItemCommon>;
+    /**
+     * name of control
+     */
+    name: string;
     /**
      * The preferred placement of the dropdown.
      *

package/controls/datetime/dateselector.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter, OnInit, Injector } from '@angular/core';
+import { EventEmitter, Injector, OnInit } from '@angular/core';
 /**
  *Basis Komponente für DateSelectorItem
  */
@@ -70,10 +70,18 @@ export declare class SacDateSelectorCommon implements OnInit {
      * Datum Selector
      */
     dateselection: boolean;
+    /**
+     * Identifier used for the E2E data attribute.
+     */
+    e2eidentifier: string | null;
     /**
      * Monat
      */
     month: number;
+    /**
+     * name of control
+     */
+    name: string;
     /**
      * Output Event beim Datum Selektieren
      */

package/controls/dialog/dialog.d.ts

@@ -30,12 +30,16 @@ export declare class SacDialogCommon implements OnDestroy {
      * Name des Containers für den Dialog
      */
     dialogElement: ElementRef;
+    /**
+     * Identifier used for the E2E data attribute.
+     */
+    e2eidentifier: string | null;
     /**
      * Output Emitter. Wird aufgerufen, wenn das Wert des _show property geändert ist - damait das Dialog geöfnet/geschlossen wird.
      */
     isvisibleChange: EventEmitter<boolean>;
     /**
-     * Input Property. Erhält den Namen des Dialog - benutzt für das ID. Default Value: ''
+     * name of control
      */
     name: string;
     /**

package/controls/form/form.d.ts

@@ -1,8 +1,4 @@
 import { NgForm } from '@angular/forms';
-/**
- * Type for form actions
- */
-export declare type FormHooks = 'change' | 'blur' | 'submit';
 /**
  * Base Komponente für SacFormular
  */
@@ -45,3 +41,7 @@ export declare class SacFormCommon {
      */
     private updateValueAndValidityInternal;
 }
+/**
+ * Type for form actions
+ */
+export declare type FormHooks = 'change' | 'blur' | 'submit';

package/controls/grid/grid.d.ts

@@ -1,6 +1,6 @@
-import { ChangeDetectorRef, EventEmitter, Injector, TemplateRef } from '@angular/core';
 import { ISacValidationKeyService } from '../../interfaces/ISacValidationKeyService';
 import { PagerData, PagerRequest, SortDescriptor, SortOrder } from './model';
+import { ChangeDetectorRef, EventEmitter, Injector, TemplateRef } from '@angular/core';
 /**
  * Basic component for SacGrid
  */
@@ -22,10 +22,18 @@ export declare abstract class SacGridCommon {
      * Contains Array of Pages.
      */
     protected paginators: Array<any>;
+    /**
+     * Number of columns in the grid
+     */
+    ColumnCount: number;
     /**
      * Input property for Body.
      */
     body: TemplateRef<any>;
+    /**
+     * Identifier used for the E2E data attribute.
+     */
+    e2eidentifier: string | null;
     /**
      * Text which is displayed if no rows are available.
      */
@@ -39,7 +47,7 @@ export declare abstract class SacGridCommon {
      */
     maxvisiblepagenumbers: number;
     /**
-     * Control Name. Used to generate the ID and names.
+     * name of control
      */
     name: string;
     /**
@@ -60,6 +68,10 @@ export declare abstract class SacGridCommon {
      * {{PAGESIZE}}: Number of elements per page
      */
     pagesizetext: string;
+    /**
+     * Event when the pager is clicked.
+     */
+    paging: EventEmitter<PagerRequest>;
     /**
      * Text in pager for 'Page x of y'. The following interpolation texts are available:
      *
@@ -68,22 +80,6 @@ export declare abstract class SacGridCommon {
      * {{TOTALPAGES}}: Number of pages
      */
     pagingtext: string;
-    /**
-     * Grid data
-     */
-    value: any;
-    /**
-     * Event when the pager is clicked.
-     */
-    paging: EventEmitter<PagerRequest>;
-    /**
-     * Event when a header is clicked so that the grid is sorted.
-     */
-    sorting: EventEmitter<SortDescriptor>;
-    /**
-     * Number of columns in the grid
-     */
-    ColumnCount: number;
     /**
      * Column by which currently sorted.
      */
@@ -92,10 +88,18 @@ export declare abstract class SacGridCommon {
      * Current direction of sorting
      */
     sortDirection: SortOrder;
+    /**
+     * Event when a header is clicked so that the grid is sorted.
+     */
+    sorting: EventEmitter<SortDescriptor>;
     /**
      * Service with the validation keys. Is required to load the default texts for the pager etc.
      */
     validationKeyService: ISacValidationKeyService;
+    /**
+     * Grid data
+     */
+    value: any;
     /**
      * Constructor
      * @param cd Change Detection Service

package/controls/grid/gridbutton.d.ts

@@ -1,12 +1,21 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, Injector } from '@angular/core';
 /**
  * Base Grid Action Button
  */
 export declare class SacGridButtonCommon {
+    protected readonly injector: Injector;
+    /**
+     * Service for reading standard icon
+     */
+    private iconService;
     /**
      * Button is deactivated
      */
     protected _isdisabledvalue: boolean;
+    /**
+     * Event when the button is clicked
+     */
+    clicked: EventEmitter<any>;
     /**
      * Icon name from sprite
      */
@@ -16,18 +25,28 @@ export declare class SacGridButtonCommon {
      */
     iconstyle: string;
     /**
-     * Event when the button is clicked
+     * Name of Button inside Grid
      */
-    clicked: EventEmitter<any>;
+    name: string;
+    /**
+     * Constructor
+     *
+     * @param injector Injector to resovle services
+     */
+    constructor(injector: Injector);
+    get isdisabled(): boolean | string;
     /**
      * Deactivating buttons
      * @param v Deactivates the button. Can be a Boolean or the strings `true` or `false`.
      * @return Defines whether the button is deactivated. Is always a Boolean type
      */
     set isdisabled(v: boolean | string);
-    get isdisabled(): boolean | string;
     /**
      * Triggers the clicked event if the button is not deactivated.
      */
     callaction(): void;
+    /**
+     * Defines the CSS class for the icon on the button
+     */
+    getIconClass(): string;
 }

package/controls/grid/gridcolumn.d.ts

@@ -1,6 +1,6 @@
-import { ElementRef, Injector } from '@angular/core';
 import { SacGridCommon } from './grid';
 import { SacGridColumnBaseCommon } from './gridcolumnbase';
+import { ElementRef, Injector } from '@angular/core';
 /**
  * Component for SacGridColumnCommon. Extends SacGridColumnBaseCommon
  */
@@ -13,14 +13,14 @@ export declare class SacGridColumnCommon extends SacGridColumnBaseCommon {
      * Constructor
      */
     constructor(grid: SacGridCommon, injector: Injector, el: ElementRef);
-    /**
-     * Sets the ellipsis property. Can be a Boolean or the strings `true` or `false`.
-     */
-    set ellipsis(v: string | boolean);
     /**
      * Getter for the ellipsis property. Always returns a boolean type.
      */
     get ellipsis(): string | boolean;
+    /**
+     * Sets the ellipsis property. Can be a Boolean or the strings `true` or `false`.
+     */
+    set ellipsis(v: string | boolean);
     /**
      * Checks whether ellipsis is set
      */

package/controls/grid/gridcolumnaction.d.ts

@@ -1,6 +1,6 @@
-import { ElementRef, Injector } from '@angular/core';
 import { SacGridCommon } from './grid';
 import { SacGridColumnBaseCommon } from './gridcolumnbase';
+import { ElementRef, Injector } from '@angular/core';
 /**
  * Component for SacGridColumnActionCommon. Extends SacGridColumnBaseCommon
  */

package/controls/grid/gridcolumnbase.d.ts

@@ -1,6 +1,6 @@
-import { ElementRef, EventEmitter, Injector, OnDestroy, OnInit } from '@angular/core';
 import { ISacIconService } from '../../interfaces/ISacIconService';
 import { SacGridCommon } from './grid';
+import { ElementRef, EventEmitter, Injector, OnDestroy, OnInit } from '@angular/core';
 /**
  * Base component for GridColumn
  */
@@ -12,14 +12,34 @@ export declare class SacGridColumnBaseCommon implements OnInit, OnDestroy {
      * icon service for reading the icons
      */
     protected iconService: ISacIconService;
+    /**
+     * Align the column
+     */
+    alignment: 'left' | 'right' | 'center';
+    /**
+     * reference to body cell
+     */
+    bodyElement: ElementRef;
+    /**
+     * defines the style of the row
+     */
+    contextstyle: 'none' | 'active' | 'success' | 'warning' | 'danger' | 'info' | 'primary' | 'secondary' | 'light' | 'dark';
     /**
      * Value of the cell if the type is `header`.
      */
     header: string;
+    /**
+     * reference to header cell
+     */
+    headerElement: ElementRef;
     /**
      * Name of the column
      */
     name: any;
+    /**
+     * Click on Column Element
+     */
+    rowclicked: EventEmitter<void>;
     /**
      * Key for sorting the column
      */
@@ -36,10 +56,6 @@ export declare class SacGridColumnBaseCommon implements OnInit, OnDestroy {
      * Column width
      */
     width: string;
-    /**
-     * Click on Column Element
-     */
-    rowclicked: EventEmitter<void>;
     /**
      * Constructor
      * @param grid  reference to grid component

package/controls/grid/model.d.ts

@@ -1,6 +1,23 @@
 /**
  * GridResponse class
  */
+/**
+ * Enum for sorting
+ */
+export declare enum SortOrder {
+    /**
+     * No sorting
+     */
+    None = 0,
+    /**
+     * Ascending
+     */
+    Ascending = 1,
+    /**
+     * Descending
+     */
+    Descending = 2
+}
 export declare class GridResponse<T> {
     /**
      * Data
@@ -73,20 +90,3 @@ export declare class SortDescriptor {
      */
     constructor(sortcolumn?: string, sortorder?: SortOrder);
 }
-/**
- * Enum for sorting
- */
-export declare enum SortOrder {
-    /**
-     * No sorting
-     */
-    None = 0,
-    /**
-     * Ascending
-     */
-    Ascending = 1,
-    /**
-     * Descending
-     */
-    Descending = 2
-}