@simpleangularcontrols/sac-common 10.0.0-rc.1

package/controls/dialog/dialog.d.ts

@@ -0,0 +1,105 @@
+import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy } from '@angular/core';
+/**
+ * Base Komponente für Dialog
+ */
+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
+     */
+    _show: boolean;
+    /**
+     * 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;
+    /**
+     * Das input property akzeptiert boolen Wert. Definiert ob das Dialog darf durch ESC geschlossen werden. Default ist true.
+     */
+    allowesc: boolean;
+    /**
+     * 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
+     */
+    width: string;
+    /**
+     * Definiert eine feste Höhe beim Dialog.
+     */
+    height: string;
+    /**
+     * 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.
+     */
+    set size(v: string);
+    /**
+     * Output Emitter. Wird aufgerufen, wenn das Wert des _show property geändert ist - damait das Dialog geöfnet/geschlossen wird.
+     */
+    isvisibleChange: EventEmitter<boolean>;
+    /**
+     * Setter. Erhält das boolen Wert des _show property
+     */
+    set isvisible(v: boolean);
+    /**
+     * Getter. Ergibt das boolen Wert des _show property
+     */
+    get isvisible(): boolean;
+    /**
+     * Die Funktion prüft ob es ein default css classe für Size des Dialog durch den size Input gesetzt wurde.
+     */
+    issetdefaultsize(): boolean;
+    /**
+     * Konstruktor
+     * Inject des Formulars
+     */
+    constructor(cdRef: ChangeDetectorRef);
+    /**
+     * Methode wenn Componente entfernt wird
+     */
+    ngOnDestroy(): void;
+    /**
+     * Die Methode setz den Wert des _show property auf true
+     */
+    show(): void;
+    /**
+     * Die Methode setz den Wert des _show property auf false
+     */
+    hide(): void;
+    /**
+     * Getter for ChangeDetector.
+     */
+    protected get ChangeDetector(): ChangeDetectorRef;
+    /**
+     * Allow Close by Click outside Dialog
+     */
+    onClick(event: any): void;
+    /**
+     * Allow Close by ESC
+     */
+    onKeydownHandler(event: KeyboardEvent): void;
+}

package/controls/dialog/dialog.ngfactory.d.ts

@@ -0,0 +1 @@
+export {};

package/controls/form/form.d.ts

@@ -0,0 +1,47 @@
+import { NgForm } from '@angular/forms';
+/**
+ * Type for form actions
+ */
+export declare type FormHooks = 'change' | 'blur' | 'submit';
+/**
+ * Base Komponente für SacFormular
+ */
+export declare class SacFormCommon {
+    private form;
+    /**
+     * Standardwert wann die Werte via NgModel aktualisiert werden
+     */
+    private _updateon;
+    /**
+     * Konstruktor
+     * @param form Instanz von NgForm
+     */
+    constructor(form: NgForm);
+    get updateon(): FormHooks;
+    /**
+     * Definiert, wenn das Model geupdatet wird
+     */
+    set updateon(v: FormHooks);
+    /**
+     * Gibt die NgForm Instanz zurück
+     */
+    getForm(): NgForm;
+    /**
+     * Markiert alle Controls innerhalb des Formulares als Touched
+     */
+    markAsTouched(): void;
+    /**
+     * Aktualisiert die Werte und den Gültigkeitsstatus des Formulars
+     */
+    updateValueAndValidity(markAsTouched?: boolean): void;
+    /**
+     * Markiert alle Controls inkl. dem Tree als Touched
+     * @param controls Controls Collection
+     */
+    private markAsTouchedInternal;
+    /**
+     * Aktualisiert die Werte und die gültigkeit des Formulars
+     * @param controls Controls Collection
+     */
+    private updateValueAndValidityInternal;
+}

package/controls/form/form.ngfactory.d.ts

@@ -0,0 +1 @@
+export {};

package/controls/grid/grid.d.ts

@@ -0,0 +1,125 @@
+import { ChangeDetectorRef, EventEmitter, Injector, TemplateRef } from '@angular/core';
+import { ISacValidationKeyService } from '../../interfaces/ISacValidationKeyService';
+import { PagerData, PagerRequest, SortDescriptor, SortOrder } from './model';
+/**
+ * Basis Komponente für SacGrid
+ */
+export declare abstract class SacGridCommon {
+    private cd;
+    /**
+     * Protected Property. Enthielt die Nummer der aktiven Seite. Type: number. Default ist 1
+     */
+    protected activePage: number;
+    /**
+     * Protected Property. Enthielt die Nummer der ersten angezeigtenen Seite in Pager. Type: number. Default ist 1
+     */
+    protected firstPageNumber: number;
+    /**
+     * Protected Property. Enthielt die Nummer der letzen Seite in Pager. Type: number. Default ist undefined/null
+     */
+    protected lastPageNumber: number;
+    /**
+     * Protected Property. Enthielt Array of Pages. Default value: empty array []
+     */
+    protected paginators: Array<any>;
+    /**
+     * Input property für body. Type: TemplateRef<any>.
+     */
+    body: TemplateRef<any>;
+    /**
+     * Text welcher angezeigt wird, wenn keine Rows verfügbar sind.
+     */
+    emptytext: string;
+    /**
+     * Input property für headers. Type: TemplateRef<any>.
+     */
+    headers: TemplateRef<any>;
+    /**
+     * Input property für die maximalle Seiten die sichtbar sind. Type: number.
+     */
+    maxvisiblepagenumbers: number;
+    /**
+     * Input property für Name.
+     */
+    name: string;
+    /**
+     * Pager Settings
+     *
+     * Pager kann ausgeschaltet werden, in dem PagerData auf NULL gesetzt wird.
+     */
+    pagerdata: PagerData;
+    /**
+     * Deaktiviert die Auswahl der PageSize im Pager
+     */
+    pagesizedisabled: boolean;
+    /**
+     * Definiert die Anzahl der Elemente pro Seite die ausgewählt werden können
+     */
+    pagesizes: string;
+    /**
+     * Text in Page für Anzahl Seitenelemente pro Seite
+     * Folgende Interpolation Texte sind vorhanden:
+     * {{PAGESIZE}}: Anzahl Elemente pro Seite
+     */
+    pagesizetext: string;
+    /**
+     * Text in Pager für 'Seite x von y'.
+     * Folgende Interpolation Texte sind vorhanden:
+     * {{CURRENTPAGE}}: Aktuelle Seite
+     * {{TOTALPAGES}}: Anzahl Seiten
+     */
+    pagingtext: string;
+    /**
+     * Grid Daten
+     */
+    value: any;
+    /**
+     * Output EventEmitter. Wird aufgerufen wenn das Pager geklickt ist.
+     */
+    paging: EventEmitter<PagerRequest>;
+    /**
+     * Output EventEmitter. Wird aufgerufen wenn ein Header geklickt ist, damit das Column soritert wird.
+     */
+    sorting: EventEmitter<SortDescriptor>;
+    /**
+     * Private Property. Enthielt die Column Menge. Type: number. Default ist 0
+     */
+    ColumnCount: number;
+    /**
+     * Aktuell Sortierte Spalte
+     */
+    sortColumn: string;
+    /**
+     * Aktuelle Sortierung
+     */
+    sortDirection: SortOrder;
+    validationKeyService: ISacValidationKeyService;
+    /**
+     * Konstruktor
+     * @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
+     */
+    set sortdata(sortDescription: SortDescriptor);
+    /**
+     * Die Methode erhöht die Column-Stücke um eins
+     */
+    RegisterColumn(): void;
+    /**
+     * Die Methode deffiniert das Sortierung Flow
+     */
+    SortBy(command: any): void;
+    /**
+     * Die Methode verringert die Column-Stücke um eins
+     */
+    UnregisterColumn(): void;
+    /**
+     * Setzt die neue Seite
+     * @param newStartIndex Neuer Seiten Index (Zero-Based)
+     */
+    pageChange(newStartIndex: any): void;
+}

package/controls/grid/grid.ngfactory.d.ts

@@ -0,0 +1 @@
+export {};

package/controls/grid/gridbutton.d.ts

@@ -0,0 +1,33 @@
+import { EventEmitter } from '@angular/core';
+/**
+ * Base Grid Action Button
+ */
+export declare class SacGridButtonCommon {
+    /**
+     * Input Property für Styling des Buttons. Deffiniert die Css Klassen des Buttons
+     */
+    iconstyle: string;
+    /**
+     * Icon Name aus Sprite
+     */
+    icon: string;
+    /**
+     * Button ist deaktiviert
+     */
+    protected _isdisabledvalue: boolean;
+    /**
+     * Deaktivieren von Buttons
+     * @param v Deaktiviert den Button
+     * @return Definiert ob der Button deaktiviert ist
+     */
+    set isdisabled(v: boolean | string);
+    get isdisabled(): boolean | string;
+    /**
+     * Event wenn auf den Button geklickt wird
+     */
+    clicked: EventEmitter<any>;
+    /**
+     * Die Methode wird das cklickaction Emitter aktivieren
+     */
+    callaction(): void;
+}

package/controls/grid/gridbutton.ngfactory.d.ts

@@ -0,0 +1 @@
+export {};

package/controls/grid/gridcolumn.d.ts

@@ -0,0 +1,28 @@
+import { ElementRef, Injector } from '@angular/core';
+import { SacGridCommon } from './grid';
+import { SacGridColumnBaseCommon } from './gridcolumnbase';
+/**
+ * Komponente für SacGridColumnCommon. Extends SacGridColumnBaseCommon
+ */
+export declare class SacGridColumnCommon extends SacGridColumnBaseCommon {
+    /**
+     * Konstruktor
+     */
+    constructor(grid: SacGridCommon, injector: Injector, el: ElementRef);
+    /**
+     * Das Property enthielt boolean Wert für die CSS Klasse ellipsis. Default is false.
+     */
+    private _ellipsis;
+    /**
+     * Input Parameter für das css Class ellipsis. Das Setter setzt das boolean Wert auf das private property _ellipsis
+     */
+    set ellipsis(v: string | boolean);
+    /**
+     * Getter für das private property _ellipsis. Ergibt das boolean Wert des Property
+     */
+    get ellipsis(): string | boolean;
+    /**
+     * Die Methode returns das Wert des Property _ellipsis
+     */
+    IsEllipsis(): boolean;
+}

package/controls/grid/gridcolumn.ngfactory.d.ts

@@ -0,0 +1 @@
+export {};

package/controls/grid/gridcolumnaction.d.ts

@@ -0,0 +1,15 @@
+import { ElementRef, Injector } from '@angular/core';
+import { SacGridCommon } from './grid';
+import { SacGridColumnBaseCommon } from './gridcolumnbase';
+/**
+ * Komponente für SacGridColumnActionCommon. Extends SacGridColumnBaseCommon
+ */
+export declare class SacGridColumnActionCommon extends SacGridColumnBaseCommon {
+    /**
+     * Konstruktor
+     * @param el Element Referenz
+     * @param injector di inector to resolve icon service
+     * @param grid SacGridCommon
+     */
+    constructor(grid: SacGridCommon, injector: Injector, el: ElementRef);
+}

package/controls/grid/gridcolumnaction.ngfactory.d.ts

@@ -0,0 +1 @@
+export {};

package/controls/grid/gridcolumnbase.d.ts

@@ -0,0 +1,86 @@
+import { ElementRef, Injector, OnDestroy, OnInit } from '@angular/core';
+import { SacGridCommon } from './grid';
+import { ISacIconService } from '../../interfaces/ISacIconService';
+/**
+ * Base Komponente für 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
+     */
+    constructor(grid: SacGridCommon, injector: Injector, el: ElementRef);
+    /**
+     * icon service
+     */
+    protected iconService: ISacIconService;
+    /**
+     * Das Input property erhält den Namen des Column
+     */
+    name: any;
+    /**
+     * Das Input property erhält das Value des Column
+     */
+    value: any;
+    /**
+     * Das Input property erhält das Header des Column
+     */
+    header: string;
+    /**
+     * Das Input property erhält die Breite des Column
+     */
+    width: string;
+    /**
+     * Das Input property erhält das Type des Column
+     */
+    type: string;
+    /**
+     * Das Input property erhält das Column- Key-Word, damit das Column sortiert werden kann.
+     */
+    sortkey: string;
+    /**
+     * lifecycle hook - OnInit. Wird aufgeruren sobald das Komponent initialisiert ist.
+     */
+    ngOnInit(): void;
+    /**
+     * lifecycle hook - ngOnDestroy. Wird aufgeruren wenn das Component zerstört wird.
+     */
+    ngOnDestroy(): void;
+    /**
+     * die Methode ergibt boolean Wert, ob das Element Header ist.
+     */
+    IsHeader(): boolean;
+    /**
+     * die Methode ergibt boolean Wert, ob das Element Body ist.
+     */
+    IsBody(): boolean;
+    /**
+     * die Methode ergibt boolean Wert, ob das Element Footer ist.
+     */
+    IsFooter(): boolean;
+    /**
+     * sort up icon for grid header
+     */
+    get IconSortUp(): string;
+    /**
+     * sort down icon for grid header
+     */
+    get IconSortDown(): string;
+    /**
+     * Die Methode deffiniert wie das Grid sortiert wird, abhängig von gekligte Column
+     */
+    SortByColumn(): void;
+    /**
+     * die Methode ergibt boolean Wert und definiert, ob das Column für Sortierung aktiviert ist, gemäß eingegebene sortKey
+     */
+    IsSortedColumn(): boolean;
+    /**
+     * Die methode definiert die Dortirung Richtung. Die Werte sind: none, asc, desc.
+     */
+    GetSortDirection(): string;
+}

package/controls/grid/gridcolumnbase.ngfactory.d.ts

@@ -0,0 +1 @@
+export {};

package/controls/grid/gridimage.d.ts

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

package/controls/grid/gridimage.ngfactory.d.ts

@@ -0,0 +1 @@
+export {};

package/controls/grid/model.d.ts

@@ -0,0 +1,83 @@
+/**
+ * Model für Pager Settings
+ */
+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;
+    /**
+     * Aktueller Index der Seite
+     */
+    CurrentPageIndex: number;
+    /**
+     * PageSize
+     */
+    PageSize: number;
+}
+/**
+ * Model wenn Seite geändert werden soll
+ */
+export declare class PagerRequest {
+    /**
+     * Konstruktor
+     * @param PageSize Seitegrösse / Anzahl Elemente pro Seite
+     * @param NewPageIndex Neuer Seitenindex
+     */
+    constructor(PageSize: number, NewPageIndex: number);
+    /**
+     * Aktueller Index der Seite
+     */
+    PageSize: number;
+    /**
+     * PageSize
+     */
+    NewPageIndex: number;
+}
+/**
+ * GridResponse-Klasse
+ */
+export declare class GridResponse<T> {
+    /**
+     * Gesamte Anzahl der Zeilen
+     */
+    TotalRowCount: number;
+    /**
+     * Data
+     */
+    Data: T[];
+}
+/**
+ * Model für Sortierung
+ */
+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
+     */
+    SortColumn: string;
+    /**
+     * Sortierung
+     */
+    SortOrder: SortOrder;
+}
+/**
+ * Enum für Sortierung
+ */
+export declare enum SortOrder {
+    None = 0,
+    Ascending = 1,
+    Descending = 2
+}

package/controls/grid/model.ngfactory.d.ts

@@ -0,0 +1 @@
+export {};