@simpleangularcontrols/sac-common 10.0.0-rc.12 → 10.0.0-rc.13

package/common/basemodelcontrol.d.ts

@@ -1,6 +1,3 @@
-import { Observable } from 'rxjs';
-import { AfterViewInit, Injector, OnInit } from '@angular/core';
-import { AbstractControl, ControlValueAccessor, FormControl, ValidationErrors, Validator } from '@angular/forms';
 import { SacFormLayoutCommon } from '../controls/layout/formlayout';
 import { ControlHeight } from '../enums/ControlHeight';
 import { ISacConfigurationService } from '../interfaces/ISacConfigurationService';
@@ -8,10 +5,13 @@ import { ISacIconService } from '../interfaces/ISacIconService';
 import { ISacLabelSizes } from '../interfaces/ISacLabelSizes';
 import { ISacLocalisationService } from '../interfaces/ISacLocalisationService';
 import { ISacValidationKeyService } from '../interfaces/ISacValidationKeyService';
+import { Injector, OnInit } from '@angular/core';
+import { AbstractControl, ControlValueAccessor, FormControl, ValidationErrors, Validator } from '@angular/forms';
+import { Observable } from 'rxjs';
 /**
  * Abstract Klasse für SacBaseModelControl. Implements ControlValueAccessor, Validator, OnInit
  */
-export declare abstract class SacBaseModelControl<VALUE> implements ControlValueAccessor, Validator, OnInit, AfterViewInit {
+export declare abstract class SacBaseModelControl<VALUE> implements ControlValueAccessor, Validator, OnInit {
     private readonly injector;
     /**
      * Inline Errors für das Control
@@ -200,10 +200,6 @@ export declare abstract class SacBaseModelControl<VALUE> implements ControlValue
      * Methode ergibt Error anhand von gegebenen Kriterien
      */
     GetErrorMessage(): Observable<string>;
-    /**
-     * In Angular 10 the Control Label for Reactive Forms can be set first time here. With Angular 13 is supported by init in OnInit
-     */
-    ngAfterViewInit(): void;
     /**
      * Init Event
      */

package/controls/contextmenu/contextmenu.d.ts

@@ -1,34 +1,36 @@
-import { ElementRef, Injector, NgZone, OnDestroy, Renderer2, TemplateRef } from '@angular/core';
 import { ISacIconService } from '../../interfaces/ISacIconService';
 import { PlacementArray } from '../../utilities/positioning';
+import { ISacContextmenuCommon } from './contextmenu.interface';
+import { SacContextmenuItemCommon } from './contextmenuitem';
+import { AfterContentInit, ElementRef, Injector, NgZone, OnDestroy, QueryList, Renderer2, TemplateRef } from '@angular/core';
 /**
  * Base Context Menü Element. Die Logik wurde aus NG-BOOTSTRAP übernommen.
  */
-export declare class SacContextmenuCommon implements OnDestroy {
-    private document;
-    private ngZone;
-    private elementRef;
-    private renderer;
+export declare class SacContextmenuCommon implements ISacContextmenuCommon, AfterContentInit, OnDestroy {
+    private readonly document;
+    private readonly ngZone;
+    private readonly elementRef;
+    private readonly renderer;
     /**
-     * Button für Open/Close Event aus Template
+     * Button für Open/Close Event
      */
-    private _anchorTemplate;
+    private readonly _anchor;
     /**
-     * Button für Open/Close Event
+     * Button für Open/Close Event aus Template
      */
-    private _anchor;
+    private readonly _anchorTemplate;
     /**
      * Container Element für Dropdown
      */
-    private _menu;
+    private readonly _menu;
     /**
-     * Body HTML Element
+     * Zone Subscription für Postitonierung des Elements
      */
-    private bodyContainer;
+    private readonly zoneSubscription;
     /**
-     * Zone Subscription für Postitonierung des Elements
+     * Body HTML Element
      */
-    private zoneSubscription;
+    private bodyContainer;
     /**
      * icon service
      */
@@ -49,6 +51,10 @@ export declare class SacContextmenuCommon implements OnDestroy {
      * Definiert ob das Dropdown offen ist.
      */
     isopen: boolean;
+    /**
+     * All directly assigned context menu elements that are defined in the direct template for the context menu.
+     */
+    menuitems: QueryList<SacContextmenuItemCommon>;
     /**
      * The preferred placement of the dropdown.
      *
@@ -76,18 +82,19 @@ export declare class SacContextmenuCommon implements OnDestroy {
      * icon for default context menü button
      */
     get IconContextMenu(): string;
-    /**
-     * HostListener um das Dropdown zu schliessen wenn nicht auf das Element geklickt wird.
-     */
-    onClick(targetElement: any): void;
     /**
      * Schliesst das Dropdown
      */
     close(): void;
+    ngAfterContentInit(): void;
     /**
      * Event wenn Component entfernt wird.
      */
     ngOnDestroy(): void;
+    /**
+     * HostListener um das Dropdown zu schliessen wenn nicht auf das Element geklickt wird.
+     */
+    onClick(targetElement: any): void;
     /**
      * Öffnet das Dropdown / Zeigt das Menü an.
      */

package/controls/contextmenu/contextmenu.interface.d.ts

@@ -0,0 +1,3 @@
+export interface ISacContextmenuCommon {
+    close(): void;
+}

package/controls/contextmenu/contextmenuitem.d.ts

@@ -1,5 +1,10 @@
+import { ISacContextmenuCommon } from './contextmenu.interface';
 /**
  * Base Context Menu Item
  */
 export declare class SacContextmenuItemCommon {
+    /**
+     * Reference to the higher-level context menu. This property is always set automatically by the context menu. However, it may be necessary to set the reference manually.
+     */
+    contextmenu: ISacContextmenuCommon | null;
 }

package/controls/contextmenu/contextmenuitembutton.d.ts

@@ -1,16 +1,9 @@
-import { EventEmitter } from '@angular/core';
-import { SacContextmenuCommon } from './contextmenu';
 import { SacContextmenuItemCommon } from './contextmenuitem';
+import { EventEmitter } from '@angular/core';
 /**
  * Base Context Menu Button Item
  */
 export declare class SacContextmenuItemButtonCommon extends SacContextmenuItemCommon {
-    protected contextmenu: SacContextmenuCommon;
-    /**
-     * Constructor
-     * @param contextmenu Instance of Context Menü.
-     */
-    constructor(contextmenu: SacContextmenuCommon);
     /**
      * Menu Item ist deaktiviert
      */
@@ -20,13 +13,17 @@ export declare class SacContextmenuItemButtonCommon extends SacContextmenuItemCo
      */
     protected _isicondisabled: boolean;
     /**
-     * Icon für Menü
+     * Event wenn auf den Button geklickt wird
      */
-    icon: string;
+    clicked: EventEmitter<void>;
     /**
      * css class for button styling
      */
     cssclass: string;
+    /**
+     * Icon für Menü
+     */
+    icon: string;
     /**
      * Input Property für Styling des Buttons. Definiert die Css Klassen des Buttons
      */
@@ -36,29 +33,33 @@ export declare class SacContextmenuItemButtonCommon extends SacContextmenuItemCo
      */
     image: string;
     /**
-     * Menu Item ist deaktiviert
+     * name of button. used for generate id and name
      */
-    set isdisabled(v: boolean | string);
+    name: string;
+    /**
+     * Text für Menü Item.
+     */
+    text: string;
+    /**
+     * Constructor
+     */
+    constructor();
     /**
      * Menu Item ist deaktiviert
      */
     get isdisabled(): boolean | string;
     /**
-     * Icon Column in Menü ist deaktiviert
+     * Menu Item ist deaktiviert
      */
-    set isicondisabled(v: boolean | string);
+    set isdisabled(v: boolean | string);
     /**
      * Icon Column in Menü ist deaktiviert
      */
     get isicondisabled(): boolean | string;
     /**
-     * Text für Menü Item.
-     */
-    text: string;
-    /**
-     * Event wenn auf den Button geklickt wird
+     * Icon Column in Menü ist deaktiviert
      */
-    clicked: EventEmitter<void>;
+    set isicondisabled(v: boolean | string);
     /**
      * Die Methode wird das cklickaction Emitter aktivieren
      */

package/controls/treeview/treeview.d.ts

@@ -1,185 +1,151 @@
-import { EventEmitter, OnInit, TemplateRef } from '@angular/core';
+import { SacBaseModelControl } from '../../common/basemodelcontrol';
+import { TreeviewAction } from '../../interfaces/treeviewaction.interface';
+import { SacFormLayoutCommon } from '../layout/formlayout';
+import { EventEmitter, Injector, TemplateRef } from '@angular/core';
+import { AbstractControl, ValidationErrors } from '@angular/forms';
 /**
  * Basis Komponente für SacTreeView
  */
-export declare class SacTreeViewCommon implements OnInit {
+export declare class SacTreeviewCommon extends SacBaseModelControl<any> {
     /**
-     * Das Property enthielt boolean Wert und deffiniert, ob alle Items collapsed sind. Default value: undefined/null
+     * Event when Action is clicked on Node.  An object of the type 'TreeviewAction' is returned. In the default case, 'action' in this object is always the value 'default'. The value can be changed via the 'templateaction'.
      */
-    _collapseAll: boolean;
+    actionclicked: EventEmitter<TreeviewAction>;
     /**
-     * Das Property enthielt boolean Wert und deffiniert, ob alle Items selected sind. Default value: undefined/null
+     * Property on the data object that contains the children of the structure element. Must be an array of objects. The default value is 'children'
      */
-    private _selectAll;
+    attrchildren: string;
     /**
-     * Das Property enthielt array of nodes. Default value: empty array [].
+     * Defines the property on the 'data' object with which the actions for a node can be deactivated. A 'disabled' property is used by default.
      */
-    nodes: any[];
+    attrdisableaction: string;
     /**
-     * Das Property enthielt node attribute: 'isCollapsed'. Es wird benutzt beim rendering. Für Expand/Collapsed Sicht des Node(Wert)
+     * Property on the 'data' object that stores the expanded state. Property must be of type boolean. Default is 'expanded'
      */
-    collapseAttr: string;
+    attrexanded: string;
     /**
-     * Das Property enthielt node attribute: 'isSelected'. Es wird benutzt beim Vorbereitung des Data des TreeView
+     * Property for saving the HoverState on the field. If the property is not present on the node, it is automatically created and removed again. The value can usually be left at the default value unless there is a conflict with a property on the node that is required for other purposes.
      */
-    selectAttr: string;
+    attrhoverstate: string;
     /**
-     * Das Property enthielt node attribute: 'isIndeterminate'. Es wird benutzt beim Vorbereitung des Data des TreeView
+     * Property on 'data' object, which contains the icon for the node. By default, the property is not set, which hides the icon in the node.
      */
-    inDeterminateAttr: string;
+    attricon: string | null;
     /**
-     * Providen data for tree.
+     * property on the 'data' object contains an ID of the node. The default is 'id'. If the property is set to NULL, the selectedId event is no longer triggered.
      */
-    private _data;
+    attrid: string | null;
     /**
-     * Getter für Data des TreeView
+     * Property on 'data' object, which contains the label for the node. Default is 'label'
      */
-    get data(): any[];
+    attrlabel: string;
     /**
-     * Input Property für Data des TreeView
+     * Property on 'data' object, which defines whether the node is selected or not. It should be ensured that only 1 node has the value for Selected set to true. Default is 'selected'.
      */
-    set data(value: any[]);
+    attrselected: string;
     /**
-     * Input Property für template des TreeView. Type: TemplateRef<any>.
+     * Event when a node is collapsed. Returns the node element as a parameter
      */
-    template: TemplateRef<any>;
+    collabsed: EventEmitter<any>;
     /**
-     * Die Directive erhält die actions für das TreeView
+     * The property contains an array of nodes. The data must already map the tree via child properties.
      */
-    set treeviewTemplate(v: TemplateRef<any>);
+    data: any[];
     /**
-     * Getter für das TreeView Template
+     * Activates the 'expand' and 'collabse' event even if a node has no children. This is helpful if node elements are to be reloaded at runtime.
      */
-    get treeviewTemplate(): TemplateRef<any>;
+    enableasynchload: boolean | string;
     /**
-     * Input property erhält Icon für das Template
+     * Activates Ellipsis on the node labels
      */
-    fileicontemplate: TemplateRef<any>;
+    enableellipsis: boolean;
     /**
-     * Setter property. Deffiniert das FileIcon für das TreeView
+     * Event when a node is expanded. Returns the node element as a parameter
      */
-    set treefileicon(v: TemplateRef<any>);
+    expanded: EventEmitter<any>;
     /**
-     * Getter property. Ergibt das FileIcon für das TreeView
+     * Defines whether an icon for the expanded/collapsed status should be displayed.
      */
-    get treefileicon(): TemplateRef<any>;
+    expandedstate: boolean | string;
     /**
-     * Input property für den Namen des TreeView. Type string. Default value: ""
+     * A node must be selected
      */
-    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);
+    isrequired: boolean;
     /**
-     * Getter. Ergibt das ID des selektierten Item(node)
+     * Name of the TreeView control
      */
-    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;
+    name: string;
     /**
-     * Output Emitter. Emit das ID des selected Node.
+     * Event when a node is selected. Returns the id attribute as a parameter. The event is not triggered if 'attrid' is not set.
      */
-    selectedidchange: EventEmitter<any>;
+    selected: EventEmitter<any>;
     /**
-     * Output Emitter. Emit das TextAttr des selected Node.
+     * Event when a node is selected. Returns the node element as a parameter.
      */
-    selectedtextchanged: EventEmitter<string>;
+    selectednode: EventEmitter<any>;
     /**
-     * Output Emitter. Emit wenn ein Node selektiert wird.
+     * Defines that the action template is displayed independently of the selected state. If the value is 'true', the action template is displayed for every element.
      */
-    selecteditem: EventEmitter<string>;
+    showactionalways: any;
     /**
-     * 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.
+     * Custom template for actions per node. Template parameters are: 'node'
      */
-    ngOnInit(): void;
+    templateaction: TemplateRef<any>;
     /**
-     * Funktion setzt alle parent items recusiv zum selected node
-     * auf collapsed = false
+     * Custom template for the label area per node. Template parameters are: 'node' and 'label'
      */
-    private openSelectedNode;
+    templatelabel: TemplateRef<any>;
     /**
-     * Die Methode vorbereitet die Daten für das TreeView. Die Funktion sollte geändert werden abhängig von dem kommenden Daten (wenn array)
+     * Resource Key für Validation Message Required bei Control
      */
-    private LoadTree;
+    validationmessagerequired: string;
     /**
-     * Die Methode collapse/expand den selectierten Node
+     * Resource Key für Validation Message Required in Validation Summary
      */
-    onCollapseClick(node: any): void;
+    validationmessagesummaryrequired: string;
     /**
-     * Die Methode set den selektierten Node und emit es.
+     * Constructor
+     * @param injector Service Injector
      */
-    onClick(node: any): void;
+    constructor(formlayout: SacFormLayoutCommon, injector: Injector);
+    get iconAction(): string;
     /**
-     * Die Methode wird ein event mit Meldung zu Parent emit-en.
+     * CSS icon for folders in tree there are collabsed
+     * @returns css class with icon
      */
-    sendMsgToParent(msg: any): void;
+    get iconFolderCollabsed(): string;
     /**
-     * Die Methode wird alle Nodes collapse
+     * CSS icon class for folders without subfolders
+     * @returns css class with icon
      */
-    collapseAllNode(command: any): void;
+    get iconFolderEmpty(): string;
     /**
-     * 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
+     * CSS icon for folders in tree there are expanded
+     * @returns css class with icon
      */
-    private findNode;
+    get iconFolderOpen(): string;
     /**
-     * Die Methode editiert (recursive) alle eingegebene Nodes abhängig von gegebenen Attibute und Value Kriterien.
+     * Creates an array of a certain size. Is required for a For in the UI, as Angular does not support counting loops
+     * @param size Size of the array
+     * @returns Array
      */
-    private _recursiveEdit;
+    count(size: number): Array<void>;
+    getChildren(node: any): any[];
+    getStringField(node: any, fieldname: string): any;
+    hasChildren(node: any): boolean;
+    isDisabledState(node: any): boolean;
+    isExpandedState(node: any): boolean;
+    isHoverState(node: any): boolean;
+    isSelectedState(node: any): boolean;
     /**
-     * Die Methode erstellt eine standarte Sicht-Liste von Nodes
+     * Method is called by clicking an action
+     * @param action action and node
      */
-    private _getPreparedData;
+    onActionClicked(action: TreeviewAction): void;
+    onNodeClicked(node: any): void;
+    setHoverState(node: any, state: boolean): void;
+    setSelectedState(node: any): void;
+    validateData(c: AbstractControl): ValidationErrors | null;
+    private invertExpandedState;
+    private resetSelectedState;
 }