@simpleangularcontrols/sac-common 10.0.0-rc.2 → 10.0.0-rc.21

package/controls/grid/model.d.ts

@@ -1,83 +1,92 @@
 /**
- * Model für Pager Settings
+ * GridResponse class
  */
-export declare class PagerData {
-    /**
-     * Konstruktor
-     * @param PageSize Anzahl Elemente pro Seite
-     * @param CurrentPageIndex Aktuelle Seite
-     * @param TotalRowCount Total Rows in Datenbank
-     */
-    constructor(PageSize: number, CurrentPageIndex: number, TotalRowCount: number);
-    /**
-     * Gesamte Anzahl der Zeilen
-    */
-    TotalRowCount: number;
+export declare class GridResponse<T> {
     /**
-     * Aktueller Index der Seite
+     * Data
      */
-    CurrentPageIndex: number;
+    Data: T[];
     /**
-     * PageSize
+     * Total number of data records
      */
-    PageSize: number;
+    TotalRowCount: number;
 }
 /**
- * Model wenn Seite geändert werden soll
+ * Model for pager settings
  */
-export declare class PagerRequest {
+export declare class PagerData {
     /**
-     * Konstruktor
-     * @param PageSize Seitegrösse / Anzahl Elemente pro Seite
-     * @param NewPageIndex Neuer Seitenindex
+     * Current index of the page
      */
-    constructor(PageSize: number, NewPageIndex: number);
+    CurrentPageIndex: number;
     /**
-     * Aktueller Index der Seite
+     * Number of elements on the page
      */
     PageSize: number;
     /**
-     * PageSize
+     * Total number of data records
      */
-    NewPageIndex: number;
+    TotalRowCount: number;
+    /**
+     * Constructor
+     * @param PageSize Number of elements per page
+     * @param CurrentPageIndex Current page
+     * @param TotalRowCount Total Rows in database
+     */
+    constructor(PageSize: number, CurrentPageIndex: number, TotalRowCount: number);
 }
 /**
- * GridResponse-Klasse
+ * Model if page is to be changed
  */
-export declare class GridResponse<T> {
+export declare class PagerRequest {
     /**
-     * Gesamte Anzahl der Zeilen
+     * Index of the page to which you want to switch
      */
-    TotalRowCount: number;
+    NewPageIndex: number;
     /**
-     * Data
+     * Number of elements on the page
      */
-    Data: T[];
+    PageSize: number;
+    /**
+     * Constructor
+     * @param PageSize Page size / number of elements per page
+     * @param NewPageIndex New page index
+     */
+    constructor(PageSize: number, NewPageIndex: number);
 }
 /**
- * Model für Sortierung
+ * Model for sorting
  */
 export declare class SortDescriptor {
     /**
-     * Konstruktor
-     * @param sortcolumn Column die Sortiert wird
-     * @param sortorder Art der Sortierung
-     */
-    constructor(sortcolumn?: string, sortorder?: SortOrder);
-    /**
-     * Bezeichnung / Key für Sortierung
+     * Description / Key for sorting
      */
     SortColumn: string;
     /**
-     * Sortierung
+     * Sort order
      */
     SortOrder: SortOrder;
+    /**
+     * Constructor
+     * @param sortcolumn Column by which to sort
+     * @param sortorder Type of sorting
+     */
+    constructor(sortcolumn?: string, sortorder?: SortOrder);
 }
 /**
- * Enum für Sortierung
+ * Enum for sorting
  */
 export declare enum SortOrder {
+    /**
+     * No sorting
+     */
     None = 0,
+    /**
+     * Ascending
+     */
     Ascending = 1,
+    /**
+     * Descending
+     */
     Descending = 2
 }

package/controls/grid/paging.d.ts

@@ -3,7 +3,7 @@ import { Observable } from 'rxjs';
 import { ISacLocalisationService } from '../../interfaces/ISacLocalisationService';
 import { PagerData, PagerRequest } from './model';
 /**
- * Basiskomponente für Paging
+ * Basic component for paging
  */
 export declare abstract class SacPagingCommon {
     /**
@@ -11,137 +11,135 @@ export declare abstract class SacPagingCommon {
      */
     private validationKeyService;
     /**
-     * Service für Error Localisation
+     * Service for error localization
      */
     protected lngResourceService: ISacLocalisationService;
     /**
-     * Total Anzahl Rows
+     * Total number of rows
      */
     protected totalRowCount: number;
     /**
-     * Name des Grids. Wird für ID und Name Bezeichnungen verwendet
+     * Name of the grid. Used for ID and name designations
      */
     name: string;
     /**
-     * Auswahl der Seitengrösse deaktivieren
+     * Deactivate page size selection
      */
     pagesizedisabled: boolean;
     /**
-     * Text in Page für Anzahl Seitenelemente pro Seite
-     * Folgende Interpolation Texte sind vorhanden:
-     * {{PAGESIZE}}: Anzahl Elemente pro Seite
+     * Text in Page for number of page elements per page. The following interpolation texts are available:
+     *
+     * {{PAGESIZE}}: Number of elements per page
      */
     pagesizes: string;
     /**
-     * Text in Page für Anzahl Seitenelemente pro Seite
-     * Folgende Interpolation Texte sind vorhanden:
-     * {{PAGESIZE}}: Anzahl Elemente pro Seite
+     * Text in Page for number of page elements per page. The following interpolation texts are available:
+     *
+     * {{PAGESIZE}}: Number of elements per page
      */
     pagesizetext: string;
     /**
-     * Text in Pager für 'Seite x von y'.
-     * Folgende Interpolation Texte sind vorhanden:
-     * {{CURRENTPAGE}}: Aktuelle Seite
-     * {{TOTALPAGES}}: Anzahl Seiten
+     * Text in pager for 'Page x of y'. The following interpolation texts are available:
+     * {{CURRENTPAGE}}: Current page
+     * {{TOTALPAGES}}: Number of pages
      */
     pagingtext: string;
     /**
-     * Event wenn im Grid die Seite geändert wird. Als Parameter wird der neue PageIndex mitgegeben.
+     * Event when the page is changed in the grid. The new PageIndex is given as a parameter.
      */
     paging: EventEmitter<PagerRequest>;
     /**
-     * Aktiver Seitenindex
+     * Active page index
      */
     activePageIndex: number;
     /**
-     * Erster Seitenindex
+     * First page index
      */
     firstPageIndex: number;
     /**
-     * Letzter Seitenindex
+     * Last page index
      */
     lastPageIndex: number;
     /**
-     * Anzahl Elemente pro Seite
+     * Number of elements per page
      */
     pageSize: number;
     /**
-     * Item für jedes Paging Element (Seitenzahl)
+     * Item for each paging element (page number)
      */
     paginators: Array<any>;
     /**
-     * Konstruktor
-     * Inject des Formulars
+     * Constructor
      * @parent SacFormCommon
      * @injector Injector
      */
     constructor(injector: Injector);
     /**
-     * Property für Pager Data
+     * Property for Pager Data
      */
     set pagerdata(p: PagerData);
     /**
-     * Property mit Text für Total Einträge in Seite
+     * Property with text for total entries in page
      */
     get PageSizeText(): Observable<string>;
     /**
-     * Text mit Aktueller Seite und Total Seiten
+     * Text with current page and total pages
      */
     get PagingText(): Observable<string>;
     /**
-     * Gibt die Page Sizes als Number Array zurück
+     * Returns the page sizes as a number array
      */
     get getPageSizes(): number[];
     /**
-     * Andert die Seite auf den neuen Index
-     * @param newPageIndex Seiten Index. Dies entspricht der Seitenzahl - 1.
+     * Changes the page to the new index
+     * @param newPageIndex Page index. This corresponds to the page number - 1.
      */
     changePage(newPageIndex: number): void;
     /**
-     * Ändert die Seitengrösse im Pager
-     * @param newSize Neue Anzahl Elemente pro Seite
+     * Changes the page size in the pager
+     * @param newSize New number of elements per page
      */
     changePageSize(newSize: number): void;
     /**
-     * Paging auf 1. Seite
+     *Switch to 1st page
      */
     firstPage(): void;
     /**
-     * Gibt die aktuelle Seitenzahl zurück
+     * Returns the current page number
      */
     getCurrentPageNumber(): number;
     /**
-     * Gibt die totale Anzahl Seiten zurück
+     * Returns the total number of pages
      */
     getTotalPageNumber(): number;
     /**
-     * Paging auf letzter Seite
+     * Paging on last page
      */
     lastPage(): void;
     /**
-     * Paging auf nächste Seite
+     * Paging to next page
      */
     nextPage(): void;
     /**
-     * Paging eine Seite zurück
+     * Paging one page back
      */
     previousPage(): void;
     /**
-     * Erzeugt die Pager Daten
+     * Generates the pager data
      */
     protected createPager(): void;
     /**
-     * Gibt den letzten Seitenindex zurück.
-     * @param totalPageCount Total Anzahl Seiten
+     * Returns the last page index.
+     * @param totalPageCount Total number of pages
      */
     protected getEndPageIndex(totalPageCount: number): number;
     /**
-     * Gibt den Start Index zurück
-     * @param totalPageCount Total Anzahl Seiten
+     * Returns the start index
+     * @param totalPageCount Total number of pages
      */
     protected getStartPageIndex(totalPageCount: number): number;
     /**
-     * Methode löst den Event aus, dass ein Paging stattgefunden hat
+     * method triggers the event that paging has taken place
      */
     protected paged(newPageIndex: number): void;
 }

package/controls/input/input.d.ts

@@ -1,5 +1,5 @@
-import { AbstractControl, ValidationErrors } from '@angular/forms';
 import { SacInputBase } from '../../common/baseinputcontrol';
+import { AbstractControl, ValidationErrors } from '@angular/forms';
 /**
  * Basis Komponente für SacInput
  */
@@ -9,9 +9,9 @@ export declare class SacInputCommon extends SacInputBase<string> {
      */
     controlwidth: string;
     /**
-     * Max länge an Zeichen für Eingabefeld
+     * Max length of characters for input field
      */
-    maxlength: number;
+    maxtextlength: number;
     /**
      * Resource Key für Validation Message Pattern bei Control
      */

package/controls/input/inputarea.d.ts

@@ -4,23 +4,23 @@ import { SacInputCommon } from './input';
  */
 export declare class SacInputAreaCommon extends SacInputCommon {
     /**
-     * Definiert die Höhe der TextArea Box.
+     * Property mit dem Custom CSS Klassen auf dem Form-Control definiert werden können.
      */
-    rows: number;
+    customcssclass: string;
     /**
      * Definiert die Höhe der TextArea Box. Ist normalfall leer, da Höhe auch über Rows gesetzt werden kann.
      */
     height: string;
     /**
-     * Property mit dem Custom CSS Klassen auf dem Form-Control definiert werden können.
+     * Definiert die Höhe der TextArea Box.
      */
-    customcssclass: string;
+    rows: number;
     /**
      * Getter für die Länge des Inputs
      */
     get _currentLength(): number;
     /**
-     * Methode wird 'true' ergeben wenn ein Key gedrückt wird und maxlength ist nicht definiert
+     * Methode wird 'true' ergeben wenn ein Key gedrückt wird und maxtextlength ist nicht definiert
      */
     onKeyPress(event: KeyboardEvent): Boolean;
 }

package/controls/input/inputpassword.d.ts

@@ -1,21 +1,21 @@
-import { AbstractControl, ValidationErrors } from '@angular/forms';
 import { SacInputCommon } from './input';
+import { AbstractControl, ValidationErrors } from '@angular/forms';
 /**
  * Basis Komponente für SacInputPassword
  */
 export declare class SacInputPasswordCommon extends SacInputCommon {
     /**
-     * Min. Textlänge
+     * Checks the minimum length of the password
      */
-    minlength: number;
+    mintextlength: number;
     /**
-     * Resource Key für Validation Message MinLength bei Control
+     * Resource key for validation message MinTextLength for control
      */
-    validationmessageminlength: string;
+    validationmessagemintextlength: string;
     /**
-     * Resource Key für Validation Message MinLength in Validation Summary
+     * Resource key for validation message MinTextLength in validation summary
      */
-    validationmessagesummaryminlength: string;
+    validationmessagesummarymintextlength: string;
     /**
      * Methode validiert, ob der Wert den gegebenen Kriteriten entspricht
      */

package/controls/input/inputsearch.d.ts

@@ -1,23 +1,32 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, OnInit } from '@angular/core';
 import { SacInputCommon } from './input';
 /**
  * Basis Komponente für SacInputSearch
  */
-export declare class SacInputSearchCommon extends SacInputCommon {
+export declare class SacInputSearchCommon extends SacInputCommon implements OnInit {
     /**
-     * Name des Such-Icons
+     * Defines the layout of the search button in the control
      */
-    iconname: string;
+    buttonmode: 'icon' | 'text' | 'mixed';
     /**
      * Text welcher auf dem Button angezeigt wird
      */
     buttontext: string;
+    /**
+     * Name des Such-Icons
+     */
+    iconname: string;
     /**
      * Event wenn auf das Such-Icon geclickt wird
      */
     clicked: EventEmitter<any>;
+    /**
+     * Init Event
+     */
+    ngOnInit(): void;
     /**
      * Methode sendet den Wert des Inputs durch das Event
      */
     searchClick(): void;
+    private setButtonMode;
 }

package/controls/layout/formlayout.d.ts

@@ -3,14 +3,26 @@ import { ControlHeight } from '../../enums/ControlHeight';
  * base component for form options
  */
 export declare class SacFormLayoutCommon {
+    /**
+     * Defines the default display for a checkbox. You can choose between a checkbox and a switch. If no style is defined, the global style or the style on the control is used.
+     */
+    checkboxstyle: 'checkbox' | 'switch' | null;
     /**
      * Defines the standard height of the components
      */
     componentHeight: ControlHeight | null;
+    /**
+     * Mode for display helptext
+     */
+    helptextmode: 'tooltip' | 'text' | null;
     /**
      * defines that error messages are displayed under the controls
      */
-    inlineError: boolean;
+    inlineError: boolean | null;
+    /**
+     * Defines if InputSearch uses an icon at the button or the text
+     */
+    inputsearchiconmode: 'text' | 'icon' | 'mixed' | null;
     /**
      * defines that the labels are displayed as adaptive labels
      */
@@ -39,6 +51,10 @@ export declare class SacFormLayoutCommon {
      * default label size for extra extra large devices
      */
     labelSizeXxl: number | null;
+    /**
+     * Detach label text and tooltip from each other in Label so that label and tooltip can be aligned differently. This is in Bootstrap 3 not supported!
+     */
+    splitlabelandhelptext: boolean | null;
     /**
      * Returns whether the inline error messages for the form are active.
      */

package/controls/list/buildvaluestring.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Function um ein Key Value Pair für das Dropdown zu erzeugen
+ * @param id ID
+ * @param value Wert der an das Element gebunden werden soll
+ */
+export declare function _buildValueString(id: string | null, value: any): string;

package/controls/list/dropdown.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, Injector, OnDestroy, Renderer2 } from '@angular/core';
+import { ElementRef, Injector, Renderer2 } from '@angular/core';
 import { AbstractControl, ValidationErrors } from '@angular/forms';
 import { SacBaseSelectControl } from '../../common/baseselectcontrol';
 import { SacFormLayoutCommon } from '../layout/formlayout';
@@ -12,6 +12,14 @@ export declare class SacDropdownCommon extends SacBaseSelectControl<any> {
      * compareWith-Funktion
      */
     private _compareWith;
+    /**
+     * Counter vom OptionID; default Wert = 0
+     */
+    _optionIdCounter: number;
+    /**
+     * OptionMap
+     */
+    _optionMap: Map<string, any>;
     /**
      * Label Text für Empty Item
      */
@@ -28,14 +36,6 @@ export declare class SacDropdownCommon extends SacBaseSelectControl<any> {
      * Resource Key für Validation Message Required in Validation Summary
      */
     validationmessagesummaryrequired: string;
-    /**
-     * Counter vom OptionID; default Wert = 0
-     */
-    _optionIdCounter: number;
-    /**
-     * OptionMap
-     */
-    _optionMap: Map<string, any>;
     /**
      * Constructor
      * @param formlayout SacFormLayoutCommon to define scoped layout settings
@@ -94,45 +94,3 @@ export declare class SacDropdownCommon extends SacBaseSelectControl<any> {
      */
     private setSelectedValue;
 }
-/**
- * SacDropdownOption-Klasse
- */
-export declare class SacDropdownOptionCommon implements OnDestroy {
-    private _element;
-    private _renderer;
-    private _dropdown;
-    /**
-     * ID-String
-     */
-    private id;
-    /**
-     * Konstruktor
-     * @param _element Referenz auf HTML Element
-     * @param _renderer Render Engine
-     * @param _dropdown Dropdown Instanz
-     */
-    constructor(_element: ElementRef, _renderer: Renderer2, _dropdown: SacDropdownCommon);
-    /**
-     * Option ngValue
-     */
-    set ngValue(value: any);
-    /**
-     * Wert-Setter
-     */
-    set value(value: any);
-    /**
-     * Den Wert vom Option-Element einstellen
-     * @param value Wert
-     */
-    _setElementValue(value: string): void;
-    /**
-     * OnDestroy Event
-     */
-    ngOnDestroy(): void;
-}
-/**
- * Function um ein Key Value Pair für das Dropdown zu erzeugen
- * @param id ID
- * @param value Wert der an das Element gebunden werden soll
- */
-export declare function _buildValueString(id: string | null, value: any): string;

package/controls/list/dropdownoptions.d.ts

@@ -0,0 +1,38 @@
+import { ElementRef, OnDestroy, Renderer2 } from '@angular/core';
+import { SacDropdownCommon } from './dropdown';
+/**
+ * SacDropdownOption-Klasse
+ */
+export declare class SacDropdownOptionCommon implements OnDestroy {
+    private _element;
+    private _renderer;
+    private _dropdown;
+    /**
+     * ID-String
+     */
+    private id;
+    /**
+     * Konstruktor
+     * @param _element Referenz auf HTML Element
+     * @param _renderer Render Engine
+     * @param _dropdown Dropdown Instanz
+     */
+    constructor(_element: ElementRef, _renderer: Renderer2, _dropdown: SacDropdownCommon);
+    /**
+     * Option ngValue
+     */
+    set ngValue(value: any);
+    /**
+     * Wert-Setter
+     */
+    set value(value: any);
+    /**
+     * Den Wert vom Option-Element einstellen
+     * @param value Wert
+     */
+    _setElementValue(value: string): void;
+    /**
+     * OnDestroy Event
+     */
+    ngOnDestroy(): void;
+}

package/controls/multilanguage/multilanguageinput.d.ts

@@ -26,9 +26,9 @@ export declare class SacMultilanguageInputCommon extends SacInputBase<any> {
      */
     controlwidth: string;
     /**
-     * Max länge an Zeichen für Eingabefeld
+     * Max length of characters for input field
      */
-    maxlength: number;
+    maxtextlength: number;
     /**
      * Aktiviert den Validator, das min. eine Sprache erfasst sein muss
      */

package/controls/multilanguage/multilanguageinputarea.d.ts

@@ -1,10 +1,10 @@
-import { Injector } from '@angular/core';
-import { AbstractControl } from '@angular/forms';
 import { SacInputBase } from '../../common/baseinputcontrol';
 import { IconType } from '../../enums/IconType';
 import { ISacLanguageService } from '../../interfaces/ISacLanguageService';
 import { LanguageModel } from '../../models/languagemodel';
 import { SacFormLayoutCommon } from '../layout/formlayout';
+import { Injector } from '@angular/core';
+import { AbstractControl } from '@angular/forms';
 /**
  * Base Klasse für Multi Language Textarea Control
  */
@@ -26,9 +26,9 @@ export declare class SacMultilanguageInputAreaCommon extends SacInputBase<any> {
      */
     controlwidth: string;
     /**
-     * Max länge an Zeichen für Eingabefeld
+     * Max length of characters for input field
      */
-    maxlength: number;
+    maxtextlength: number;
     /**
      * Aktiviert den Validator, das min. eine Sprache erfasst sein muss
      */

package/controls/static/formcontainer.d.ts

@@ -1,5 +1,5 @@
-import { AbstractControl, ValidationErrors } from '@angular/forms';
 import { SacBaseModelControl } from '../../common/basemodelcontrol';
+import { AbstractControl, ValidationErrors } from '@angular/forms';
 /**
  * Common Control für Form Item Container.
  **/
@@ -9,9 +9,13 @@ export declare class SacStaticFormContainerCommon extends SacBaseModelControl<st
      */
     private _isrequired;
     /**
-     * Text welcher als Tooltip angezeigt wird.
+     * Error message to be displayed
+     */
+    errormessage: string;
+    /**
+     * Activates the error message on the container control
      */
-    tooltiptext: string;
+    isinvalid: boolean;
     /**
      * Definiert den Container als Required Form Item
      */