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

package/common/basedatetimecontrol.d.ts

@@ -1,25 +1,78 @@
-import { AfterViewInit, ElementRef, Injector } from '@angular/core';
-import { AbstractControl, ValidationErrors } from '@angular/forms';
-import { Moment } from 'moment';
 import { SacFormLayoutCommon } from '../controls/layout/formlayout';
+import { TooltipPosition } from '../utilities/enums';
 import { SacBaseModelControl } from './basemodelcontrol';
+import { ChangeDetectorRef, DoCheck, ElementRef, Injector, OnDestroy, OnInit } from '@angular/core';
+import { AbstractControl, ValidationErrors } from '@angular/forms';
+import * as moment_ from 'moment';
 /**
  * Base Klasse für Date/Time Controls
  */
-export declare abstract class SacBaseDateTimeControl extends SacBaseModelControl<Date> implements AfterViewInit {
+export declare abstract class SacBaseDateTimeControl extends SacBaseModelControl<Date> implements OnInit, OnDestroy, DoCheck {
     protected elementRef: ElementRef;
+    private readonly cdRef;
+    /**
+     * Helper class to display tooltip on correct position
+     */
+    private readonly popupHelper;
     /**
      * das property enthielt das Value als string. Default ist ''
      */
     protected _valueAsString: string;
+    /**
+     * Containers for the datetime picker
+     */
+    protected pickercontainer: ElementRef<HTMLElement>;
+    /**
+     * Property for enum in Angular HTML template
+     */
+    TooltipPosition: typeof TooltipPosition;
+    /**
+     * Definiert ob der Date Selector angezeigt wird
+     */
+    _showselector: boolean;
     /**
      * Definiert das Control als Required
      */
     isrequired: boolean;
+    /**
+     * Moment JS Instance
+     */
+    moment: any;
+    /**
+     * Arrow Item of Picker Element. Required to set the position of arrow correctly
+     */
+    pickerPosition: typeof TooltipPosition;
+    pickerarrow: ElementRef<HTMLElement> | null;
+    /**
+     * Name of the container for content (e.g. icon) on which the tooltip is displayed.
+     */
+    pickerbutton: ElementRef<HTMLElement>;
     /**
      * TextBox Placeholder
      */
     placeholder: string;
+    /**
+     * Position of the picker arrow at the left
+     */
+    posArrowLeft: number | null;
+    /**
+     * Position of the picker arrow at the top
+     */
+    posArrowTop: number | null;
+    /**
+     * Position of the picker at the left
+     */
+    posPopupLeft: number;
+    /**
+     * Position of the picker at the top
+     */
+    posPopupTop: number;
+    /**
+     * Position of the datetime picker. Values: left|top|right|bottom|auto
+     *
+     * Value 'auto' can be combined with another value.
+     */
+    position: string;
     /**
      * Resource Key für Validation Message DateTimeFormat bei Control
      */
@@ -42,23 +95,50 @@ export declare abstract class SacBaseDateTimeControl extends SacBaseModelControl
      * @param injector Injector for injecting services
      * @param elementRef reference to html element
      */
-    constructor(formlayout: SacFormLayoutCommon, injector: Injector, elementRef: ElementRef);
+    constructor(formlayout: SacFormLayoutCommon, injector: Injector, elementRef: ElementRef, cdRef: ChangeDetectorRef);
     /**
-     * Das Input bekommt das value von typ string
+     * Setter for the name of the container for the tooltip. Is required as the tooltip can be hidden via ngIf.
      */
-    set valuestring(v: string);
+    set picker(picker: ElementRef);
+    get tooltop(): ElementRef;
     /**
      * getter für valuestring
      */
     get valuestring(): string;
+    /**
+     * Das Input bekommt das value von typ string
+     */
+    set valuestring(v: string);
+    /**
+     * Die methode returns dateTime in string
+     */
+    abstract GetDateTimeFormatString(): string;
+    /**
+     * Returns the position of the tooltip
+     */
+    GetPickerPosition(): TooltipPosition;
+    /**
+     * Die methode modifiziert das eingegebene Value von typ Moment
+     */
+    abstract ModifyParsedDateTimeValue(v: moment_.Moment): moment_.Moment;
     /**
      * JSON Date String in ein UTC DateTime Object konvertieren, welches vom Control verwendete werden kann
      */
     getDate(timestamp: any): moment.Moment;
+    /**
+     * Calculates the height of the tooltip
+     */
+    getPickerHeight(): number;
+    /**
+     * Calculates the width of the picker
+     */
+    getPickerWidth(): number;
+    ngDoCheck(): void;
+    ngOnDestroy(): void;
     /**
      * Init Event
      */
-    ngAfterViewInit(): void;
+    ngOnInit(): void;
     /**
      * setzt das value von typ string zu property valuestring
      */
@@ -71,13 +151,19 @@ export declare abstract class SacBaseDateTimeControl extends SacBaseModelControl
      * Overwrite WriteValue to Set correct Date Object
      */
     writeValue(value: Date | string): void;
+    protected getArrowHeight(): number;
+    protected getArrowWidth(): number;
     /**
-     * Die methode returns dateTime in string
+     * Calculates the position of the tooltip from links
      */
-    abstract GetDateTimeFormatString(): string;
+    protected getPositionLeft(): number;
     /**
-     * Die methode modifiziert das eingegebene Value von typ Moment
+     * Calculates the position of the tooltip from the top
+     */
+    protected getPositionTop(): number;
+    /**
+     * method if content has changed and proportions need to be reset in the UI.
      */
-    abstract ModifyParsedDateTimeValue(v: Moment): Moment;
-    private SetDateTimeFormat;
+    private readonly onContentChange;
+    private setDateTimeFormat;
 }

package/common/basemodelcontrol.d.ts

@@ -1,6 +1,3 @@
-import { AfterViewInit, Injector, OnInit } from '@angular/core';
-import { AbstractControl, ControlValueAccessor, FormControl, ValidationErrors, Validator } from '@angular/forms';
-import { Observable } from 'rxjs';
 import { SacFormLayoutCommon } from '../controls/layout/formlayout';
 import { ControlHeight } from '../enums/ControlHeight';
 import { ISacConfigurationService } from '../interfaces/ISacConfigurationService';
@@ -8,15 +5,21 @@ 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
      */
     private _inlineerrorenabled;
+    /**
+     * Label Text
+     */
     private _label;
     /**
      * Service for loading default settings for the controls
@@ -58,6 +61,10 @@ export declare abstract class SacBaseModelControl<VALUE> implements ControlValue
      * ngControl
      */
     protected ngControl: FormControl;
+    /**
+     * ControlHeight enum for use in HTML markup
+     */
+    ControlHeight: typeof ControlHeight;
     /**
      * Defines the standard height of the components
      */
@@ -114,10 +121,6 @@ export declare abstract class SacBaseModelControl<VALUE> implements ControlValue
      * Name des Controls
      */
     name: string;
-    /**
-     * ControlHeight enum for use in HTML markup
-     */
-    ControlHeight: typeof ControlHeight;
     /**
      * Leere Implementation von "propagateChange". Muss gemacht werden, damit kein Fehler entsteht
      */
@@ -126,6 +129,10 @@ export declare abstract class SacBaseModelControl<VALUE> implements ControlValue
      * Leere Implementation von "propagateTouch". Muss gemacht werden, damit kein Fehler entsteht
      */
     propagateTouch: any;
+    /**
+     * 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;
     /**
      * Service to receive standard validation message keys and texts
      */
@@ -136,19 +143,6 @@ export declare abstract class SacBaseModelControl<VALUE> implements ControlValue
      * @param injector Injector for injecting services
      */
     constructor(formlayout: SacFormLayoutCommon, injector: Injector);
-    /**
-     * Aktiviert oder Deaktiviert die Inline Errors für das Control
-     */
-    set inlineerrorenabled(value: boolean | null);
-    /**
-     * Definiert den Label Text
-     */
-    set label(v: string);
-    /**
-     * Set Methode für NgModel Binding in Html Markup
-     * Input wird benötigt, damit der Wert auch über das Markup gesetzt werden kann.
-     */
-    set value(v: VALUE);
     /**
      * Get Icon for Helptext Tooltip
      */
@@ -161,6 +155,10 @@ export declare abstract class SacBaseModelControl<VALUE> implements ControlValue
      * Show error messages inline
      */
     get inlineerrorenabled(): boolean | null;
+    /**
+     * Aktiviert oder Deaktiviert die Inline Errors für das Control
+     */
+    set inlineerrorenabled(value: boolean | null);
     /**
      * Methode ergibt boolean Wert wenn Form invalid oder nicht invalid ist
      */
@@ -177,6 +175,10 @@ export declare abstract class SacBaseModelControl<VALUE> implements ControlValue
      * Definiert den Label Text
      */
     get label(): string;
+    /**
+     * Definiert den Label Text
+     */
+    set label(v: string);
     /**
      * returns an object with all label sizes. These values can then be transferred to corresponding CSS classes using a pipe
      */
@@ -190,13 +192,14 @@ export declare abstract class SacBaseModelControl<VALUE> implements ControlValue
      */
     get value(): VALUE;
     /**
-     * Methode ergibt Error anhand von gegebenen Kriterien
+     * Set Methode für NgModel Binding in Html Markup
+     * Input wird benötigt, damit der Wert auch über das Markup gesetzt werden kann.
      */
-    GetErrorMessage(): Observable<string>;
+    set value(v: VALUE);
     /**
-     * In Angular 10 the Control Label for Reactive Forms can be set first time here. With Angular 13 is supported by init in OnInit
+     * Methode ergibt Error anhand von gegebenen Kriterien
      */
-    ngAfterViewInit(): void;
+    GetErrorMessage(): Observable<string>;
     /**
      * Init Event
      */
@@ -230,14 +233,14 @@ export declare abstract class SacBaseModelControl<VALUE> implements ControlValue
      * Validator Methode
      */
     validate(c: AbstractControl): ValidationErrors | null;
-    /**
-     * Methode zum schreiben von Werten aus dem Model in das Control
-     */
-    writeValue(value: VALUE): void;
     /**
      * Abstrakte Validator Methode
      */
     abstract validateData(c: AbstractControl): ValidationErrors | null;
+    /**
+     * Methode zum schreiben von Werten aus dem Model in das Control
+     */
+    writeValue(value: VALUE): void;
     /**
      * Method can Overwriten in Parent Classes
      * @param value Wert welcher in den korrekten Typ konvertiert werden soll
@@ -273,4 +276,5 @@ export declare abstract class SacBaseModelControl<VALUE> implements ControlValue
      * Set label sizes from property or parent layout control
      */
     private setLabelSizes;
+    private setLabelSplitMode;
 }

package/controls/checkbox/radiobutton.d.ts

@@ -1,28 +1,39 @@
-import { EventEmitter, OnDestroy, TemplateRef } from '@angular/core';
 import { ControlHeight } from '../../enums/ControlHeight';
+import { ISacConfigurationService } from '../../interfaces/ISacConfigurationService';
+import { ISacIconService } from '../../interfaces/ISacIconService';
+import { SacFormLayoutCommon } from '../layout/formlayout';
 import { SacRadiobuttonsCommon } from './radiobuttons';
+import { EventEmitter, Injector, OnDestroy, OnInit, TemplateRef } from '@angular/core';
 /**
  * Basis Komponente für SacRadiobutton.
  */
-export declare abstract class SacRadiobuttonCommon implements OnDestroy {
+export declare abstract class SacRadiobuttonCommon implements OnInit, OnDestroy {
     protected sacRadioButtons: SacRadiobuttonsCommon;
+    private readonly injector;
     /**
-     * Konstruktor
-     * @param SacRadioButtons
+     * Boolean Property zum Ausblenden des Controls; default Wert - false
      */
-    constructor(sacRadioButtons: SacRadiobuttonsCommon);
+    private _hidden;
     /**
-     * ControlHeight enum for use in HTML markup
+     * Service for loading default settings for the controls
      */
-    ControlHeight: typeof ControlHeight;
+    protected readonly configurationService: ISacConfigurationService;
     /**
-     * Wert
+     * Form layout instance if exists
      */
-    value: any;
+    protected formlayout: SacFormLayoutCommon;
     /**
-     * Label Text
+     * icon service
      */
-    label: string;
+    protected iconService: ISacIconService;
+    /**
+     * public public public public public public public public public public public public public ControlHeight enum for use in HTML markup
+     */
+    ControlHeight: typeof ControlHeight;
+    /**
+     * Unique Index für RadioButton
+     */
+    _index: number;
     /**
      * Boolean Property, ob Radiobutton checked ist
      */
@@ -31,27 +42,45 @@ export declare abstract class SacRadiobuttonCommon implements OnDestroy {
      * Boolean Property, ob Radiobutton disabled ist
      */
     disabled: boolean;
+    /**
+     * Text to support the user during input.
+     */
+    helptext: string;
+    /**
+     * Mode for display helptext
+     */
+    helptextmode: 'tooltip' | 'text' | null;
+    /**
+     * Label Text
+     */
+    label: string;
+    /**
+     * Template für Value Element
+     */
+    labeltemplate: TemplateRef<any>;
     /**
      * Output Event
      */
     onselectitem: EventEmitter<any>;
     /**
-     * Methode ergibt Boolean, ob Control disabled ist
+     * Wert
      */
-    get isDisabled(): boolean;
+    value: any;
     /**
-     * Boolean Property zum Ausblenden des Controls; default Wert - false
+     * Konstruktor
+     * @param SacRadioButtons
+     * @param formlayout SacFormLayoutCommon to define scoped layout settings
+     * @param injector Injector for injecting services
      */
-    private _hidden;
+    constructor(sacRadioButtons: SacRadiobuttonsCommon, formlayout: SacFormLayoutCommon, injector: Injector);
     /**
-     * Setter für hidden Property
+     * Get Icon for Helptext Tooltip
      */
-    set hidden(v: boolean | string);
-    get hidden(): boolean | string;
+    get HelptextTooltipIcon(): string;
     /**
-     * Unique Index für RadioButton
+     * define the control height from parent control
      */
-    _index: number;
+    get componentHeight(): ControlHeight | null;
     /**
      * Getter für Unique Index
      */
@@ -60,20 +89,26 @@ export declare abstract class SacRadiobuttonCommon implements OnDestroy {
      * Parent Control Name
      */
     get getName(): string;
+    get hidden(): boolean | string;
     /**
-     * define the control height from parent control
+     * Setter für hidden Property
      */
-    get componentHeight(): ControlHeight | null;
+    set hidden(v: boolean | string);
     /**
-     * Template für Value Element
+     * Methode ergibt Boolean, ob Control disabled ist
      */
-    labeltemplate: TemplateRef<any>;
+    get isDisabled(): boolean;
+    /**
+     * Event bei Änderungen
+     */
+    ChangeEvent(): void;
     /**
      * Event wenn die Komponente zerstört wird
      */
     ngOnDestroy(): void;
+    ngOnInit(): void;
     /**
-     * Event bei Änderungen
+     * Set mode for helptext. Can be tooltip or text
      */
-    ChangeEvent(): void;
+    private setHelpTextMode;
 }

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
      */