@simpleangularcontrols/sac-common 10.0.0-rc.1

package/controls/tooltip/tooltip.d.ts

@@ -0,0 +1,138 @@
+import { ChangeDetectorRef, ElementRef, OnDestroy, OnInit } from '@angular/core';
+import { TooltipPosition } from '../../utilities/enums';
+/**
+ * Tooltip Component
+ *
+ * Benötigt im HTML Markup folgende Identifier
+ * - container: Container für ng-content in welchem das Element angezeigt wird, wo der Tooltip angehängt wird.
+ * - tooltip: Container für Tooltip
+ *
+ * Tooltip muss in 2 Schritten angezeigt werden. In einem ersten Schritt wird der Tooltip Markup erzeugt mit (ngIf). In einem 2. Schritt
+ * kann der Tooltip dann über die CSS visibility angezeigt werden. Wird dies nicht so gemacht, kann es bei gewissen Browsern zu einem Flacker Effekt führen.
+ *
+ */
+export declare class SacTooltipCommon implements OnInit, OnDestroy {
+    private cdRef;
+    private ref;
+    /**
+     * Property für Enum in Angular HTML Template
+     */
+    TooltipPosition: typeof TooltipPosition;
+    /**
+     * Definiert ob der Tooltip sichtbar ist
+     */
+    private _isTooltipVisible;
+    /**
+     * Position des Tooltips oben
+     */
+    TopPos: number;
+    /**
+     * Position des Tooltips links
+     */
+    LeftPos: number;
+    /**
+     * Position des Tooltips. Werte: left|top|right|bottom|auto
+     *
+     * Wert 'auto' kann mit einem anderen Wert kombiniert werden.
+     */
+    position: string;
+    /**
+     * Text für ToolTip
+     */
+    tooltiptext: string;
+    /**
+     * Inline Mode für Tooltip
+     */
+    private _inlinemode;
+    /**
+     * Definiert ob der Tooltip sichtbar sein soll
+     */
+    IsTooltipContentVisible: boolean;
+    /**
+     * Setter für Inline Mode für Tooltip
+     */
+    set inlinemode(value: boolean);
+    /**
+     * Getter für Inline Mode für Tooltip
+     */
+    get inlinemode(): boolean;
+    /**
+     * Name des Containers für Content (z.B. Icon) auf welchem der Tooltip angezeigt wird.
+     */
+    content: ElementRef<HTMLElement>;
+    /**
+     * Name des Containers für den Tooltip
+     */
+    private tooltipcontainer;
+    /**
+     * Setter für Name des Containers für den Tooltip. Wird benötigt, da Tooltip via NGIF ausgeblendet werden kann.
+     */
+    set tooltip(content: ElementRef);
+    /**
+     * Konstruktor
+     * @param ref Element Referenz
+     */
+    constructor(cdRef: ChangeDetectorRef, ref: ElementRef);
+    /**
+     * Ervent wenn das Control initialisert wird
+     */
+    ngOnInit(): void;
+    /**
+     * Event wenn das Control zerstört wird.
+     */
+    ngOnDestroy(): void;
+    /**
+     * Berechnet die Position des Tooltips von Oben
+     */
+    private getTopPosition;
+    /**
+     * Berechnet die Position des Tooltips von Links
+     */
+    private getLeftPosition;
+    /**
+     * Berechnet die Höhe des Tooltips
+     */
+    private getToolTipHeight;
+    /**
+     * Berechnet die Breite die Tooltips
+     */
+    private getToolTipWidth;
+    /**
+     * Definiert ob der Tooltip im Markup vorhanden ist
+     */
+    IsTooltipVisible(): boolean;
+    /**
+     * Tooltip anzeigen
+     */
+    ShowTooltip(): void;
+    /**
+     * Tooltip ausblenden
+     */
+    HideTooltip(): void;
+    /**
+     * Methode wenn Content geändert hat und Proporties im UI neu gesetzt werden müssen.
+     */
+    private onContentChange;
+    /**
+     * Gibt die Position des Tooltips zurück
+     */
+    GetTooltipPosition(): TooltipPosition;
+    /**
+     * Definiert ob AutoPosition aktiv ist
+     */
+    private IsAutoPosition;
+    /**
+     * Gibt die definierte Position für den Tooltip zurück
+     */
+    private GetPosition;
+    /**
+     * Gibt zurück, ob die Position konfiguriert wurde
+     *
+     * @param position Position auf welche geprüft wird
+     */
+    private HasPosition;
+    /**
+     * Prüft ob die Position gültig ist, resp. der Tooltip auf die Position platz hat
+     */
+    private ValidatePositions;
+}

package/controls/tooltip/tooltip.ngfactory.d.ts

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

package/controls/treeview/ngtreeitemaction.d.ts

@@ -0,0 +1,40 @@
+import { ElementRef, EventEmitter, OnInit } from '@angular/core';
+/**
+ *Basis Komponente für SacTreeItemAction
+ */
+export declare class SacTreeItemActionCommon implements OnInit {
+    private el;
+    /**
+     * Konstruktor
+     * @param el Element Referenz
+     */
+    constructor(el: ElementRef);
+    /**
+     * lifecycle OnInit hook. Wird aufgeruren sobald das Komponent initialisiert ist.
+     */
+    ngOnInit(): void;
+    /**
+     *Input Property. Akzeptiert das Wert des Object.
+     */
+    item: any;
+    /**
+     * Input Property für Title des TreeItemAction
+     */
+    title: string;
+    /**
+     * Input Property für Styling des Icon. Deffiniert die Css Klassen des Icon
+     */
+    iconstyle: string;
+    /**
+     * Event wenn auf das Icon geclickt wird
+     */
+    clicked: EventEmitter<any>;
+    /**
+     * Die Methode erstellt die CSS Klasse des Icon. Akzeptiert ein Key-word und baut ein vollständige CSS Klasse.
+     */
+    transformClass(initialClass: any): any;
+    /**
+     * Die Methode wird das cklickaction Emitter aktivieren.
+     */
+    iconaction(): void;
+}

package/controls/treeview/ngtreeitemaction.ngfactory.d.ts

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

package/controls/treeview/treeview.d.ts

@@ -0,0 +1,185 @@
+import { EventEmitter, OnInit, TemplateRef } from '@angular/core';
+/**
+ * Basis Komponente für SacTreeView
+ */
+export declare class SacTreeViewCommon implements OnInit {
+    /**
+     * Das Property enthielt boolean Wert und deffiniert, ob alle Items collapsed sind. Default value: undefined/null
+     */
+    _collapseAll: boolean;
+    /**
+     * Das Property enthielt boolean Wert und deffiniert, ob alle Items selected sind. Default value: undefined/null
+     */
+    private _selectAll;
+    /**
+     * Das Property enthielt array of nodes. Default value: empty array [].
+     */
+    nodes: any[];
+    /**
+     * Das Property enthielt node attribute: 'isCollapsed'. Es wird benutzt beim rendering. Für Expand/Collapsed Sicht des Node(Wert)
+     */
+    collapseAttr: string;
+    /**
+     * Das Property enthielt node attribute: 'isSelected'. Es wird benutzt beim Vorbereitung des Data des TreeView
+     */
+    selectAttr: string;
+    /**
+     * Das Property enthielt node attribute: 'isIndeterminate'. Es wird benutzt beim Vorbereitung des Data des TreeView
+     */
+    inDeterminateAttr: string;
+    /**
+     * Providen data for tree.
+     */
+    private _data;
+    /**
+     * Getter für Data des TreeView
+     */
+    get data(): any[];
+    /**
+     * Input Property für Data des TreeView
+     */
+    set data(value: any[]);
+    /**
+     * Input Property für template des TreeView. Type: TemplateRef<any>.
+     */
+    template: TemplateRef<any>;
+    /**
+     * Die Directive erhält die actions für das TreeView
+     */
+    set treeviewTemplate(v: TemplateRef<any>);
+    /**
+     * Getter für das TreeView Template
+     */
+    get treeviewTemplate(): TemplateRef<any>;
+    /**
+     * Input property erhält Icon für das Template
+     */
+    fileicontemplate: TemplateRef<any>;
+    /**
+     * Setter property. Deffiniert das FileIcon für das TreeView
+     */
+    set treefileicon(v: TemplateRef<any>);
+    /**
+     * Getter property. Ergibt das FileIcon für das TreeView
+     */
+    get treefileicon(): TemplateRef<any>;
+    /**
+     * Input property für den Namen des TreeView. Type string. Default value: ""
+     */
+    name: string;
+    /**
+     * A flag indicating data is flatten in array and prepare is required.(Default
+     * is false).
+     */
+    prepareData: boolean;
+    /**
+     * Attribute for Text in Tree
+     */
+    textAttr: string;
+    /**
+     * Name of ID property in input data.
+     */
+    idAttr: string;
+    /**
+     * Name of parent property in input data.
+     */
+    parentAttr: string;
+    /**
+     * Name of children list property in input data.
+     */
+    childrenAttr: string;
+    /**
+     * Title des Treeview
+     */
+    title: any;
+    /**
+     * Collapse or expand all parent nodes.
+     */
+    set collapseall(value: boolean);
+    /**
+     * Getter für das collapse property. Ergibt boolean Wert, ob die Items collapsed/expand sind.
+     */
+    get collapseall(): boolean;
+    /**
+     * Select or deselect all nodes.
+     */
+    set selectall(value: boolean);
+    /**
+     * Input property - setter. Deffiniert das ID des selektierten Item(node)
+     */
+    set selectedid(v: any);
+    /**
+     * Getter. Ergibt das ID des selektierten Item(node)
+     */
+    get selectedId(): any;
+    /**
+     * Das Property erhält das selektierte Wert(node). Default value: undefined/null
+     */
+    private _selectedNode;
+    /**
+     * Setter für das selektierte Wert(node). Wenn aufgerufen das ID und TextAttr des selected Node wird emitted
+     */
+    set selectedNode(v: any);
+    /**
+     * Getter für das selektierte Wert(node). Ergibt das selektierte Wert(node).
+     */
+    get selectedNode(): any;
+    /**
+     * Output Emitter. Emit das ID des selected Node.
+     */
+    selectedidchange: EventEmitter<any>;
+    /**
+     * Output Emitter. Emit das TextAttr des selected Node.
+     */
+    selectedtextchanged: EventEmitter<string>;
+    /**
+     * Output Emitter. Emit wenn ein Node selektiert wird.
+     */
+    selecteditem: EventEmitter<string>;
+    /**
+     * A lifecycle hook that is called after Angular has initialized all data-bound properties of a directive.
+     * Define an ngOnInit() method to handle any additional initialization tasks.
+     */
+    ngOnInit(): void;
+    /**
+     * Funktion setzt alle parent items recusiv zum selected node
+     * auf collapsed = false
+     */
+    private openSelectedNode;
+    /**
+     * Die Methode vorbereitet die Daten für das TreeView. Die Funktion sollte geändert werden abhängig von dem kommenden Daten (wenn array)
+     */
+    private LoadTree;
+    /**
+     * Die Methode collapse/expand den selectierten Node
+     */
+    onCollapseClick(node: any): void;
+    /**
+     * Die Methode set den selektierten Node und emit es.
+     */
+    onClick(node: any): void;
+    /**
+     * Die Methode wird ein event mit Meldung zu Parent emit-en.
+     */
+    sendMsgToParent(msg: any): void;
+    /**
+     * Die Methode wird alle Nodes collapse
+     */
+    collapseAllNode(command: any): void;
+    /**
+     * Funktion gibt node aus der liste zurück, welches das Value auf dem gewünschten Attribut hat
+     * Wenn node nicht gefunden wird, wird null zurück gegeben
+     * @param data Liste der nodes
+     * @param searchValue Das gesuchte value
+     * @param attr Der namen des Attributs auf dem das value gesucht wird
+     */
+    private findNode;
+    /**
+     * Die Methode editiert (recursive) alle eingegebene Nodes abhängig von gegebenen Attibute und Value Kriterien.
+     */
+    private _recursiveEdit;
+    /**
+     * Die Methode erstellt eine standarte Sicht-Liste von Nodes
+     */
+    private _getPreparedData;
+}

package/controls/treeview/treeview.ngfactory.d.ts

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

package/controls/treeview/treeviewchild.d.ts

@@ -0,0 +1,12 @@
+import { OnInit } from '@angular/core';
+import { SacTreeViewCommon } from './treeview';
+/**
+ * Komponente für SacTreeViewChildCommon. Extends SacTreeViewCommon
+ */
+export declare class SacTreeViewChildCommon extends SacTreeViewCommon implements OnInit {
+    /**
+     * A lifecycle hook that is called after Angular has initialized all data-bound properties of a directive.
+     * Define an ngOnInit() method to handle any additional initialization tasks.
+     */
+    ngOnInit(): void;
+}

package/controls/treeview/treeviewchild.ngfactory.d.ts

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

package/controls/upload/dropzonemultiple.d.ts

@@ -0,0 +1,70 @@
+import { OnInit } from '@angular/core';
+import { AbstractControl, ValidationErrors } from '@angular/forms';
+import { UploadState } from 'ngx-uploadx';
+import { SacUploadBase } from '../../common/baseuploadcontrol';
+/**
+ * Upload Komponente für ein einzelnes File
+ */
+export declare class SacDropzoneMultipleCommon extends SacUploadBase<string[]> implements OnInit {
+    /**
+     * Max. Anzahl Files die hochgeladen werden können
+     */
+    maxfiles: number;
+    /**
+     * Min. Anzahl Files die hochgeladen werden müssen
+     */
+    minfiles: number;
+    /**
+     * Höhe des Upload Controls
+     */
+    uploadheight: string;
+    /**
+     * Resource Key für Validation Message Required bei Control
+     */
+    validationmessageminfiles: string;
+    /**
+     * Resource Key für Validation Message Required in Validation Summary
+     */
+    validationmessagesummaryminfiles: string;
+    /**
+     * Property wenn Drag Event aktiv ist (Maus über Zone)
+     */
+    active: boolean;
+    /**
+     * Prüft ob die max. Files in der Queue nicht überschritten werden
+     *
+     * @param file File das hinzugefügt wurde
+     */
+    CustomAddValidation(file: UploadState): boolean;
+    /**
+     * Setzt die File ID's der hochgeladen Files in das Model
+     *
+     * @param file ID des Files welches hochgeladen wurde.
+     */
+    SetUploadValue(file: UploadState): void;
+    /**
+     * Methode für Drag and Drop von Files
+     * @param event Drag Event
+     */
+    dropHandler(event: DragEvent): void;
+    /**
+     * Ervent wenn das Control initialisert wird
+     */
+    ngOnInit(): void;
+    /**
+     * Methode wenn Drag die Zone verlässt
+     * @param event DragLeave Event
+     */
+    onDragLeave(event: DragEvent): void;
+    /**
+     * Methode wenn Drag in die Zone eintritt
+     * @param event DragEnter Event
+     */
+    onDragOver(event: DragEvent): void;
+    /**
+     * Validiert das Control
+     *
+     * @param c Control
+     */
+    validateData(c: AbstractControl): ValidationErrors | null;
+}

package/controls/upload/dropzonemultiple.ngfactory.d.ts

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

package/controls/upload/dropzonesingle.d.ts

@@ -0,0 +1,47 @@
+import { OnInit } from '@angular/core';
+import { UploadState } from 'ngx-uploadx';
+import { SacUploadBase } from '../../common/baseuploadcontrol';
+/**
+ * Upload Komponente für ein einzelnes File
+ */
+export declare class SacDropzoneSingleCommon extends SacUploadBase<string> implements OnInit {
+    /**
+     * Höhe der Dropzone. Wert wird mit Einheit angegeben.
+     */
+    uploadheight: string;
+    /**
+     * Property wenn Drag Event aktiv ist (Maus über Zone)
+     */
+    active: boolean;
+    /**
+     * Macht keine Validierung in diesem Control
+     *
+     * @param file File das hinzugefügt wurde
+     */
+    CustomAddValidation(file: UploadState): boolean;
+    /**
+     * Setzt die File ID des hochgeladen Files in das Model
+     *
+     * @param file ID des Files
+     */
+    SetUploadValue(file: UploadState): void;
+    /**
+     * Methode für Drag and Drop von Files
+     * @param event Drag Event
+     */
+    dropHandler(event: DragEvent): void;
+    /**
+     * Ervent wenn das Control initialisert wird
+     */
+    ngOnInit(): void;
+    /**
+     * Methode wenn Drag die Zone verlässt
+     * @param event DragLeave Event
+     */
+    onDragLeave(event: DragEvent): void;
+    /**
+     * Methode wenn Drag in die Zone eintritt
+     * @param event DragEnter Event
+     */
+    onDragOver(event: DragEvent): void;
+}

package/controls/upload/dropzonesingle.ngfactory.d.ts

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

package/controls/upload/uploadmultiple.d.ts

@@ -0,0 +1,50 @@
+import { AbstractControl, ValidationErrors } from '@angular/forms';
+import { UploadState } from 'ngx-uploadx';
+import { SacUploadBase } from '../../common/baseuploadcontrol';
+/**
+ * Upload Componente für mehrere Files
+ */
+export declare class SacUploadMultipleCommon extends SacUploadBase<string[]> {
+    /**
+     * Label für Browse Button
+     */
+    buttonbrowse: string;
+    /**
+     * Label für Upload Button
+     */
+    buttonupload: string;
+    /**
+     * Max. Files die hochgeladen werden können. 0 deaktiviert das Limit
+     */
+    maxfiles: number;
+    /**
+     * Min. Files die hochgeladen werden müssen. 0 deaktiviert das Limit
+     */
+    minfiles: number;
+    /**
+     * Resource Key für Validation Message Required bei Control
+     */
+    validationmessageminfiles: string;
+    /**
+     * Resource Key für Validation Message Required in Validation Summary
+     */
+    validationmessagesummaryminfiles: string;
+    /**
+     * Prüft ob die max. Files in der Queue nicht überschritten werden
+     *
+     * @param file File das hinzugefügt wurde
+     */
+    CustomAddValidation(file: UploadState): boolean;
+    /**
+     * Setzt die File ID's der hochgeladen Files in das Model
+     *
+     * @param file ID des Files welches hochgeladen wurde.
+     */
+    SetUploadValue(file: UploadState): void;
+    /**
+     * Validiert das Control
+     *
+     * @param c Control
+     */
+    validateData(c: AbstractControl): ValidationErrors | null;
+}

package/controls/upload/uploadmultiple.ngfactory.d.ts

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

package/controls/upload/uploadsingle.d.ts

@@ -0,0 +1,27 @@
+import { UploadState } from 'ngx-uploadx';
+import { SacUploadBase } from '../../common/baseuploadcontrol';
+/**
+ * Upload Komponente für ein einzelnes File
+ */
+export declare class SacUploadSingleCommon extends SacUploadBase<string> {
+    /**
+     * Label für Browse Button
+     */
+    buttonbrowse: string;
+    /**
+     * Label für Upload Button
+     */
+    buttonupload: string;
+    /**
+     * Macht keine Validierung in diesem Control
+     *
+     * @param file File das hinzugefügt wurde
+     */
+    CustomAddValidation(file: UploadState): boolean;
+    /**
+     * Setzt die File ID des hochgeladen Files in das Model
+     *
+     * @param file ID des Files
+     */
+    SetUploadValue(file: UploadState): void;
+}

package/controls/upload/uploadsingle.ngfactory.d.ts

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

package/controls/validation/validationsummary.d.ts

@@ -0,0 +1,60 @@
+import { Injector } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { Observable } from 'rxjs';
+import { ISacLocalisationService } from '../../interfaces/ISacLocalisationService';
+import { ISacValidationKeyService } from '../../interfaces/ISacValidationKeyService';
+import { SacFormCommon } from '../form/form';
+/**
+ * Basis Komponente für SacValidationSummary
+ */
+export declare class SacValidationSummaryCommon {
+    /**
+     * Service für Error Localisation
+     */
+    protected lngResourceService: ISacLocalisationService;
+    /**
+     * Parent Formular
+     */
+    protected parent: SacFormCommon;
+    /**
+     * Service to receive standard validation message keys and texts
+     */
+    protected validationKeyService: ISacValidationKeyService;
+    /**
+     * reactive form instance
+     */
+    form: FormGroup;
+    /**
+     * Form groupname to filter summary to formgroup
+     *
+     * Important: it works only in reactive forms mode.
+     */
+    formGroupName: string;
+    /**
+     * Name-Property
+     */
+    name: string;
+    /**
+     * Konstruktor
+     * Inject des Formulars
+     */
+    constructor(parent: SacFormCommon, injector: Injector);
+    /**
+     * Validation Methode
+     */
+    get formErrors(): Observable<string>[];
+    /**
+     * Getter wenn Errors entstehen
+     */
+    get hasErrors(): boolean;
+    /**
+     * Fügt einen Validation Error in die Error Collection hinzu
+     * @param ctl Fehlerhaftes Control
+     * @param collection Collection aller Fehlermeldungen
+     */
+    private addErrorToCollection;
+    /**
+     * Die Methode gibt Collection von Errors. Verlangt controls: Array<NgForm | FormArray> und  collection: Array<Observable<string>>
+     */
+    private getErrorCollection;
+}

package/controls/validation/validationsummary.ngfactory.d.ts

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