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

package/controls/dialog/dialog.d.ts

@@ -4,15 +4,7 @@ import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy } from '@angular
  */
 export declare class SacDialogCommon implements OnDestroy {
     private cdRef;
-    /**
-     * Name des Containers für den Dialog
-     */
-    dialogElement: ElementRef;
     private hasSetBodyTag;
-    /**
-     * Implementation als Setter, da mit ngIf das Element bei Unsichtbarkeit UNDEFINED ist.
-     */
-    set dialogElementSetter(content: ElementRef);
     /**
      * Boolean Property definiert ob das Dialog angezeigt wird
      */
@@ -21,11 +13,7 @@ export declare class SacDialogCommon implements OnDestroy {
      * Das property enthielt (wenn überhaupt gesetzt) entweder keywords für sizing oder custom css Klassen.
      * Die akzeptabel keywordssind: 'small', 'large', 'extralarge', 'medium', ''.
      */
-    _size: string;
-    /**
-     * Input Property. Erhält den Title des Dialog. Default Value: 'Dialog'.
-     */
-    title: string;
+    _size: 'small' | 'large' | 'extralarge' | 'medium' | '';
     /**
      * Das input property akzeptiert boolen Wert. Definiert ob das Dialog darf durch ESC geschlossen werden. Default ist true.
      */
@@ -34,66 +22,62 @@ export declare class SacDialogCommon implements OnDestroy {
      * Das input property akzeptiert boolen Wert. Definiert ob das Dialog darf durch click außerhalb des Dialog-Fenster geschlossen werden. Default ist true.
      */
     backdrop: boolean;
-    /**
-     * Input Property. Erhält den Namen des Dialog - benutzt für das ID. Default Value: ''
-     */
-    name: string;
     /**
      * Steuert ob im Header des Dialogs ein Button angezeigt wird.
      */
     closebutton: boolean;
     /**
-     * Input Property. Erhält die Breite des Dialog
+     * Name des Containers für den Dialog
      */
-    width: string;
+    dialogElement: ElementRef;
     /**
-     * Definiert eine feste Höhe beim Dialog.
+     * Output Emitter. Wird aufgerufen, wenn das Wert des _show property geändert ist - damait das Dialog geöfnet/geschlossen wird.
      */
-    height: string;
+    isvisibleChange: EventEmitter<boolean>;
     /**
-     * Das Input akzeptiert sowohl default size-css-Klassen als auch custom Klassen.
-     * case insensitive.
-     * Die akzeptabel default-size-Klassen sind: 'small', 'large', 'extralarge', 'medium', ''.
-     * Wenn size ist NICHT gesetzt (oder 'medium' oder ''), default ist in medium size: max-width 500px.
+     * Input Property. Erhält den Namen des Dialog - benutzt für das ID. Default Value: ''
      */
-    set size(v: string);
+    name: string;
     /**
-     * Output Emitter. Wird aufgerufen, wenn das Wert des _show property geändert ist - damait das Dialog geöfnet/geschlossen wird.
+     * Input Property. Erhält den Title des Dialog. Default Value: 'Dialog'.
      */
-    isvisibleChange: EventEmitter<boolean>;
+    title: string;
     /**
-     * Setter. Erhält das boolen Wert des _show property
+     * Konstruktor
+     * Inject des Formulars
      */
-    set isvisible(v: boolean);
+    constructor(cdRef: ChangeDetectorRef);
     /**
-     * Getter. Ergibt das boolen Wert des _show property
+     * Implementation als Setter, da mit ngIf das Element bei Unsichtbarkeit UNDEFINED ist.
      */
-    get isvisible(): boolean;
+    set dialogElementSetter(content: ElementRef);
     /**
-     * Die Funktion prüft ob es ein default css classe für Size des Dialog durch den size Input gesetzt wurde.
+     * Getter. Ergibt das boolen Wert des _show property
      */
-    issetdefaultsize(): boolean;
+    get isvisible(): boolean;
     /**
-     * Konstruktor
-     * Inject des Formulars
+     * Setter. Erhält das boolen Wert des _show property
      */
-    constructor(cdRef: ChangeDetectorRef);
+    set isvisible(v: boolean);
     /**
-     * Methode wenn Componente entfernt wird
+     * Das Input akzeptiert sowohl default size-css-Klassen als auch custom Klassen.
+     * case insensitive.
+     * Die akzeptabel default-size-Klassen sind: 'small', 'large', 'extralarge', 'medium', ''.
+     * Wenn size ist NICHT gesetzt (oder 'medium' oder ''), default ist in medium size: max-width 500px.
      */
-    ngOnDestroy(): void;
+    set size(v: 'small' | 'large' | 'extralarge' | 'medium' | '');
     /**
-     * Die Methode setz den Wert des _show property auf true
+     * Getter for ChangeDetector.
      */
-    show(): void;
+    protected get ChangeDetector(): ChangeDetectorRef;
     /**
      * Die Methode setz den Wert des _show property auf false
      */
     hide(): void;
     /**
-     * Getter for ChangeDetector.
+     * Methode wenn Componente entfernt wird
      */
-    protected get ChangeDetector(): ChangeDetectorRef;
+    ngOnDestroy(): void;
     /**
      * Allow Close by Click outside Dialog
      */
@@ -102,4 +86,8 @@ export declare class SacDialogCommon implements OnDestroy {
      * Allow Close by ESC
      */
     onKeydownHandler(event: KeyboardEvent): void;
+    /**
+     * Die Methode setz den Wert des _show property auf true
+     */
+    show(): void;
 }

package/controls/grid/grid.d.ts

@@ -2,124 +2,126 @@ import { ChangeDetectorRef, EventEmitter, Injector, TemplateRef } from '@angular
 import { ISacValidationKeyService } from '../../interfaces/ISacValidationKeyService';
 import { PagerData, PagerRequest, SortDescriptor, SortOrder } from './model';
 /**
- * Basis Komponente für SacGrid
+ * Basic component for SacGrid
  */
 export declare abstract class SacGridCommon {
     private cd;
     /**
-     * Protected Property. Enthielt die Nummer der aktiven Seite. Type: number. Default ist 1
+     * Page number of the active page.
      */
     protected activePage: number;
     /**
-     * Protected Property. Enthielt die Nummer der ersten angezeigtenen Seite in Pager. Type: number. Default ist 1
+     * Contains the number of the first page displayed in Pager.
      */
     protected firstPageNumber: number;
     /**
-     * Protected Property. Enthielt die Nummer der letzen Seite in Pager. Type: number. Default ist undefined/null
+     * Contains the number of the last page in Pager. The value is calculated automatically.
      */
     protected lastPageNumber: number;
     /**
-     * Protected Property. Enthielt Array of Pages. Default value: empty array []
+     * Contains Array of Pages.
      */
     protected paginators: Array<any>;
     /**
-     * Input property für body. Type: TemplateRef<any>.
+     * Input property for Body.
      */
     body: TemplateRef<any>;
     /**
-     * Text welcher angezeigt wird, wenn keine Rows verfügbar sind.
+     * Text which is displayed if no rows are available.
      */
     emptytext: string;
     /**
-     * Input property für headers. Type: TemplateRef<any>.
+     * Property for headers.
      */
     headers: TemplateRef<any>;
     /**
-     * Input property für die maximalle Seiten die sichtbar sind. Type: number.
+     * Property for the maximum pages that are visible.
      */
     maxvisiblepagenumbers: number;
     /**
-     * Input property für Name.
+     * Control Name. Used to generate the ID and names.
      */
     name: string;
     /**
-     * Pager Settings
-     *
-     * Pager kann ausgeschaltet werden, in dem PagerData auf NULL gesetzt wird.
+     * Pager configuration. Pager can be switched off by setting PagerData to `null`.
      */
     pagerdata: PagerData;
     /**
-     * Deaktiviert die Auswahl der PageSize im Pager
+     * Deactivates the selection of the PageSize in the pager
      */
     pagesizedisabled: boolean;
     /**
-     * Definiert die Anzahl der Elemente pro Seite die ausgewählt werden können
+     * Defines the number of elements per page that can be selected. The default is 20, 50 and 100. The values must be separated with a `|`.
      */
     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;
     /**
-     * Grid Daten
+     * Grid data
      */
     value: any;
     /**
-     * Output EventEmitter. Wird aufgerufen wenn das Pager geklickt ist.
+     * Event when the pager is clicked.
      */
     paging: EventEmitter<PagerRequest>;
     /**
-     * Output EventEmitter. Wird aufgerufen wenn ein Header geklickt ist, damit das Column soritert wird.
+     * Event when a header is clicked so that the grid is sorted.
      */
     sorting: EventEmitter<SortDescriptor>;
     /**
-     * Private Property. Enthielt die Column Menge. Type: number. Default ist 0
+     * Number of columns in the grid
      */
     ColumnCount: number;
     /**
-     * Aktuell Sortierte Spalte
+     * Column by which currently sorted.
      */
     sortColumn: string;
     /**
-     * Aktuelle Sortierung
+     * Current direction of sorting
      */
     sortDirection: SortOrder;
+    /**
+     * Service with the validation keys. Is required to load the default texts for the pager etc.
+     */
     validationKeyService: ISacValidationKeyService;
     /**
-     * Konstruktor
+     * Constructor
      * @param cd Change Detection Service
      * @param injector DI Injector
      */
     constructor(cd: ChangeDetectorRef, injector: Injector);
     /**
-     * Model für Sortierung
-     * @param sortDescription Settings für aktuelle sortierung
+     * Model for sorting
+     * @param sortDescription Settings for current sorting
      */
     set sortdata(sortDescription: SortDescriptor);
     /**
-     * Die Methode erhöht die Column-Stücke um eins
+     * The method increases the column elements by one
      */
     RegisterColumn(): void;
     /**
-     * Die Methode deffiniert das Sortierung Flow
+     * Method for sorting the data.
      */
     SortBy(command: any): void;
     /**
-     * Die Methode verringert die Column-Stücke um eins
+     * The method reduces the column elements by one
      */
     UnregisterColumn(): void;
     /**
-     * Setzt die neue Seite
-     * @param newStartIndex Neuer Seiten Index (Zero-Based)
+     * Method if Grid is to switch to a new page.
+     * @param newStartIndex New Page Index (Zero-Based)
      */
     pageChange(newStartIndex: any): void;
 }

package/controls/grid/gridbutton.d.ts

@@ -4,30 +4,30 @@ import { EventEmitter } from '@angular/core';
  */
 export declare class SacGridButtonCommon {
     /**
-     * Input Property für Styling des Buttons. Deffiniert die Css Klassen des Buttons
+     * Button is deactivated
      */
-    iconstyle: string;
+    protected _isdisabledvalue: boolean;
     /**
-     * Icon Name aus Sprite
+     * Icon name from sprite
      */
     icon: string;
     /**
-     * Button ist deaktiviert
+     * Input property for styling the button. Defines the CSS classes of the button
      */
-    protected _isdisabledvalue: boolean;
+    iconstyle: string;
     /**
-     * Deaktivieren von Buttons
-     * @param v Deaktiviert den Button
-     * @return Definiert ob der Button deaktiviert ist
+     * Event when the button is clicked
      */
-    set isdisabled(v: boolean | string);
-    get isdisabled(): boolean | string;
+    clicked: EventEmitter<any>;
     /**
-     * Event wenn auf den Button geklickt wird
+     * 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
      */
-    clicked: EventEmitter<any>;
+    set isdisabled(v: boolean | string);
+    get isdisabled(): boolean | string;
     /**
-     * Die Methode wird das cklickaction Emitter aktivieren
+     * Triggers the clicked event if the button is not deactivated.
      */
     callaction(): void;
 }

package/controls/grid/gridcolumn.d.ts

@@ -2,27 +2,27 @@ import { ElementRef, Injector } from '@angular/core';
 import { SacGridCommon } from './grid';
 import { SacGridColumnBaseCommon } from './gridcolumnbase';
 /**
- * Komponente für SacGridColumnCommon. Extends SacGridColumnBaseCommon
+ * Component for SacGridColumnCommon. Extends SacGridColumnBaseCommon
  */
 export declare class SacGridColumnCommon extends SacGridColumnBaseCommon {
     /**
-     * Konstruktor
+     *  Defines whether the CSS class ellipsis is set.
      */
-    constructor(grid: SacGridCommon, injector: Injector, el: ElementRef);
+    private _ellipsis;
     /**
-     * Das Property enthielt boolean Wert für die CSS Klasse ellipsis. Default is false.
+     * Constructor
      */
-    private _ellipsis;
+    constructor(grid: SacGridCommon, injector: Injector, el: ElementRef);
     /**
-     * Input Parameter für das css Class ellipsis. Das Setter setzt das boolean Wert auf das private property _ellipsis
+     * Sets the ellipsis property. Can be a Boolean or the strings `true` or `false`.
      */
     set ellipsis(v: string | boolean);
     /**
-     * Getter für das private property _ellipsis. Ergibt das boolean Wert des Property
+     * Getter for the ellipsis property. Always returns a boolean type.
      */
     get ellipsis(): string | boolean;
     /**
-     * Die Methode returns das Wert des Property _ellipsis
+     * Checks whether ellipsis is set
      */
     IsEllipsis(): boolean;
 }

package/controls/grid/gridcolumnaction.d.ts

@@ -2,12 +2,12 @@ import { ElementRef, Injector } from '@angular/core';
 import { SacGridCommon } from './grid';
 import { SacGridColumnBaseCommon } from './gridcolumnbase';
 /**
- * Komponente für SacGridColumnActionCommon. Extends SacGridColumnBaseCommon
+ * Component for SacGridColumnActionCommon. Extends SacGridColumnBaseCommon
  */
 export declare class SacGridColumnActionCommon extends SacGridColumnBaseCommon {
     /**
-     * Konstruktor
-     * @param el Element Referenz
+     * Constructor
+     * @param el Element reference
      * @param injector di inector to resolve icon service
      * @param grid SacGridCommon
      */

package/controls/grid/gridcolumnbase.d.ts

@@ -1,86 +1,94 @@
-import { ElementRef, Injector, OnDestroy, OnInit } from '@angular/core';
-import { SacGridCommon } from './grid';
+import { ElementRef, EventEmitter, Injector, OnDestroy, OnInit } from '@angular/core';
 import { ISacIconService } from '../../interfaces/ISacIconService';
+import { SacGridCommon } from './grid';
 /**
- * Base Komponente für GridColumn
+ * Base component for GridColumn
  */
 export declare class SacGridColumnBaseCommon implements OnInit, OnDestroy {
     private grid;
     protected injector: Injector;
     private el;
     /**
-     * Konstruktor
-     * @param grid  reference to grid component
-     * @param injector di injector to resolve icon service
-     * @param el reference to html element
+     * icon service for reading the icons
      */
-    constructor(grid: SacGridCommon, injector: Injector, el: ElementRef);
+    protected iconService: ISacIconService;
     /**
-     * icon service
+     * Value of the cell if the type is `header`.
      */
-    protected iconService: ISacIconService;
+    header: string;
     /**
-     * Das Input property erhält den Namen des Column
+     * Name of the column
      */
     name: any;
     /**
-     * Das Input property erhält das Value des Column
+     * Key for sorting the column
      */
-    value: any;
+    sortkey: string;
     /**
-     * Das Input property erhält das Header des Column
+     * Type of column. Can contain the values `header`,`footer` and `body`.
      */
-    header: string;
+    type: string;
+    /**
+     * Value of the cell if the type is `body`
+     */
+    value: any;
     /**
-     * Das Input property erhält die Breite des Column
+     * Column width
      */
     width: string;
     /**
-     * Das Input property erhält das Type des Column
+     * Click on Column Element
      */
-    type: string;
+    rowclicked: EventEmitter<void>;
     /**
-     * Das Input property erhält das Column- Key-Word, damit das Column sortiert werden kann.
+     * Constructor
+     * @param grid  reference to grid component
+     * @param injector di injector to resolve icon service
+     * @param el reference to html element
      */
-    sortkey: string;
+    constructor(grid: SacGridCommon, injector: Injector, el: ElementRef);
     /**
-     * lifecycle hook - OnInit. Wird aufgeruren sobald das Komponent initialisiert ist.
+     * sort down icon for grid header
      */
-    ngOnInit(): void;
+    get IconSortDown(): string;
     /**
-     * lifecycle hook - ngOnDestroy. Wird aufgeruren wenn das Component zerstört wird.
+     * sort up icon for grid header
      */
-    ngOnDestroy(): void;
+    get IconSortUp(): string;
     /**
-     * die Methode ergibt boolean Wert, ob das Element Header ist.
+     * Method when Colument element is clicked. Triggers a RowClicked
      */
-    IsHeader(): boolean;
+    ColumnClick(): void;
+    /**
+     * Indicates the direction of sorting. The possible values are `none`,`asc`,`desc`
+     */
+    GetSortDirection(): string;
     /**
-     * die Methode ergibt boolean Wert, ob das Element Body ist.
+     * Defines whether the element is a cell in the table.
      */
     IsBody(): boolean;
     /**
-     * die Methode ergibt boolean Wert, ob das Element Footer ist.
+     * Defines whether the element is a cell in the footer of the table
      */
     IsFooter(): boolean;
     /**
-     * sort up icon for grid header
+     * Defines whether the element is a cell in the table header
      */
-    get IconSortUp(): string;
+    IsHeader(): boolean;
     /**
-     * sort down icon for grid header
+     * Defines whether this column is sorted.
      */
-    get IconSortDown(): string;
+    IsSortedColumn(): boolean;
     /**
-     * Die Methode deffiniert wie das Grid sortiert wird, abhängig von gekligte Column
+     * Triggers the events so that the table is sorted according to this column.
      */
     SortByColumn(): void;
     /**
-     * die Methode ergibt boolean Wert und definiert, ob das Column für Sortierung aktiviert ist, gemäß eingegebene sortKey
+     * Called when the component is destroyed.
      */
-    IsSortedColumn(): boolean;
+    ngOnDestroy(): void;
     /**
-     * Die methode definiert die Dortirung Richtung. Die Werte sind: none, asc, desc.
+     * Is called when the component is initialized.
      */
-    GetSortDirection(): string;
+    ngOnInit(): void;
 }

package/controls/grid/gridimage.d.ts

@@ -1,9 +1,9 @@
 /**
- * Basis Komponente für SacGridImage
+ * Basic component for SacGridImage
  */
 export declare class SacGridImageCommon {
     /**
-     * das Input property akypetiert string value für style des Icon
+     * Style of the icon
      */
     iconstyle: string;
 }