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

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,6 @@
+import { Observable } from 'rxjs';
 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';
@@ -17,6 +17,9 @@ export declare abstract class SacBaseModelControl<VALUE> implements ControlValue
      * 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
      */
@@ -189,6 +191,11 @@ export declare abstract class SacBaseModelControl<VALUE> implements ControlValue
      * Get Methode für NgModel Binding in Html Markup
      */
     get value(): VALUE;
+    /**
+     * 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);
     /**
      * Methode ergibt Error anhand von gegebenen Kriterien
      */
@@ -230,14 +237,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 +280,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/datetime/date.d.ts

@@ -1,13 +1,13 @@
-import { ElementRef, Injector } from '@angular/core';
-import { AbstractControl, ValidationErrors } from '@angular/forms';
-import * as IMask from 'imask';
-import { Moment } from 'moment';
 import { SacBaseDateTimeControl } from '../../common/basedatetimecontrol';
 import { SacFormLayoutCommon } from '../layout/formlayout';
+import { ChangeDetectorRef, ElementRef, Injector } from '@angular/core';
+import { AbstractControl, ValidationErrors } from '@angular/forms';
+import * as IMask from 'imask';
+import * as moment_ from 'moment';
 /**
  * Komponente für SacDateCommon. Extends SacBaseDateTimeControl
  */
-export declare class SacDateCommon extends SacBaseDateTimeControl {
+export declare abstract class SacDateCommon extends SacBaseDateTimeControl {
     protected elementRef: ElementRef;
     /**
      * Format des Datums
@@ -42,6 +42,18 @@ export declare class SacDateCommon extends SacBaseDateTimeControl {
         lazy: boolean;
         overwrite: boolean;
     };
+    /**
+     * Min Date
+     */
+    _maxdate: Date;
+    /**
+     * Min Date
+     */
+    _mindate: Date;
+    /**
+     * Moment JS module instance
+     */
+    moment: any;
     /**
      * Resource Key für Validation Message MaxDate bei Control
      */
@@ -58,25 +70,18 @@ export declare class SacDateCommon extends SacBaseDateTimeControl {
      * Resource Key für Validation Message MinDate in Validation Summary
      */
     validationmessagesummarymindate: string;
-    /**
-     * Min Date
-     */
-    _maxdate: Date;
-    /**
-     * Min Date
-     */
-    _mindate: Date;
-    /**
-     * Definiert ob der Date Selector angezeigt wird
-     */
-    _showselector: boolean;
     /**
      * Constructor
      * @param formlayout SacFormLayoutCommon to define scoped layout settings
      * @param injector Injector for injecting services
      * @param elementRef reference to html element
+     * @param cdRef  Change Dectection Servie
+     */
+    constructor(formlayout: SacFormLayoutCommon, injector: Injector, elementRef: ElementRef, cdRef: ChangeDetectorRef);
+    /**
+     * icon for date selector button
      */
-    constructor(formlayout: SacFormLayoutCommon, injector: Injector, elementRef: ElementRef);
+    get IconSelector(): string;
     /**
      * Min Date
      */
@@ -85,14 +90,6 @@ export declare class SacDateCommon extends SacBaseDateTimeControl {
      * Min Date
      */
     set mindate(v: string | Date | null);
-    /**
-     * icon for date selector button
-     */
-    get IconSelector(): string;
-    /**
-     * HostListener
-     */
-    onClick(targetElement: any): void;
     /**
      * Methode ergibt Datum-Format vom String
      */
@@ -100,11 +97,15 @@ export declare class SacDateCommon extends SacBaseDateTimeControl {
     /**
      * Methode ergibt Datum - Moment
      */
-    ModifyParsedDateTimeValue(v: Moment): Moment;
+    ModifyParsedDateTimeValue(v: moment_.Moment): moment_.Moment;
     /**
      * Date Selector
      */
     dateselect(v: any): void;
+    /**
+     * HostListener
+     */
+    onClick(targetElement: any): void;
     /**
      * Zeigt Date Selector an
      */

package/controls/datetime/datetime.d.ts

@@ -1,13 +1,13 @@
-import { ElementRef, Injector } from '@angular/core';
-import { AbstractControl, ValidationErrors } from '@angular/forms';
-import * as IMask from 'imask';
-import { Moment } from 'moment';
 import { SacBaseDateTimeControl } from '../../common/basedatetimecontrol';
 import { SacFormLayoutCommon } from '../layout/formlayout';
+import { ChangeDetectorRef, ElementRef, Injector } from '@angular/core';
+import { AbstractControl, ValidationErrors } from '@angular/forms';
+import * as IMask from 'imask';
+import * as moment_ from 'moment';
 /**
  * Komponente für SacDateTimeCommon. Extends SacBaseDateTimeControl
  */
-export declare class SacDateTimeCommon extends SacBaseDateTimeControl {
+export declare abstract class SacDateTimeCommon extends SacBaseDateTimeControl {
     protected elementRef: ElementRef;
     /**
      * Format des Datums
@@ -57,6 +57,18 @@ export declare class SacDateTimeCommon extends SacBaseDateTimeControl {
         lazy: boolean;
         overwrite: boolean;
     };
+    /**
+     * Maximaler Wert des Datums
+     */
+    _maxdate: Date;
+    /**
+     * Minimaler Wert des Datums
+     */
+    _mindate: Date;
+    /**
+     * Moment JS module instance
+     */
+    moment: any;
     /**
      * Resource Key für Validation Message MaxDate bei Control
      */
@@ -73,25 +85,17 @@ export declare class SacDateTimeCommon extends SacBaseDateTimeControl {
      * Resource Key für Validation Message MinDate in Validation Summary
      */
     validationmessagesummarymindate: string;
-    /**
-     * Maximaler Wert des Datums
-     */
-    _maxdate: Date;
-    /**
-     * Minimaler Wert des Datums
-     */
-    _mindate: Date;
-    /**
-     * Definiert ob der Date Selector angezeigt wird
-     */
-    _showselector: boolean;
     /**
      * Constructor
      * @param formlayout SacFormLayoutCommon to define scoped layout settings
      * @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);
+    /**
+     * icon for date selector button
+     */
+    get IconSelector(): string;
     /**
      * Max Date
      */
@@ -100,14 +104,6 @@ export declare class SacDateTimeCommon extends SacBaseDateTimeControl {
      * Min Date
      */
     set mindate(v: string | Date | null);
-    /**
-     * icon for date selector button
-     */
-    get IconSelector(): string;
-    /**
-     * HostListener
-     */
-    onClick(targetElement: any): void;
     /**
      * Methode ergibt Datum-Format vom String
      */
@@ -115,11 +111,15 @@ export declare class SacDateTimeCommon extends SacBaseDateTimeControl {
     /**
      * Methode modifiziert den parsed Wert des Datums
      */
-    ModifyParsedDateTimeValue(v: Moment): Moment;
+    ModifyParsedDateTimeValue(v: moment_.Moment): moment_.Moment;
     /**
      * Methode ergibt das selektierte Datum
      */
     dateselect(v: any): void;
+    /**
+     * HostListener
+     */
+    onClick(targetElement: any): void;
     /**
      * DateSelector wird beim Click-Event angezeigt
      */