@simpleangularcontrols/sac-common 10.0.0-rc.2 → 10.0.0-rc.21

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

package/controls/datetime/date.d.ts

@@ -1,18 +1,14 @@
-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;
-    /**
-     * icon service
-     */
-    private iconService;
     /**
      * Format des Datums
      */
@@ -46,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
      */
@@ -62,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);
+    constructor(formlayout: SacFormLayoutCommon, injector: Injector, elementRef: ElementRef, cdRef: ChangeDetectorRef);
+    /**
+     * icon for date selector button
+     */
+    get IconSelector(): string;
     /**
      * Min Date
      */
@@ -89,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
      */
@@ -104,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,18 +1,14 @@
-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;
-    /**
-     * icon service
-     */
-    private iconService;
     /**
      * Format des Datums
      */
@@ -61,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
      */
@@ -77,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
      */
@@ -104,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
      */
@@ -119,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
      */

package/controls/datetime/time.d.ts

@@ -1,18 +1,14 @@
-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 SacTimeCommon. Extends SacBaseDateTimeControl
  */
 export declare class SacTimeCommon extends SacBaseDateTimeControl {
     protected elementRef: ElementRef;
-    /**
-     * icon service
-     */
-    private iconService;
     /**
      * Format des Datums
      */
@@ -41,6 +37,18 @@ export declare class SacTimeCommon extends SacBaseDateTimeControl {
         lazy: boolean;
         overwrite: boolean;
     };
+    /**
+     * Max Time
+     */
+    _maxtime: Date;
+    /**
+     * Min Time
+     */
+    _mintime: Date;
+    /**
+     * Moment JS module instance
+     */
+    moment: any;
     /**
      * Resource Key für Validation Message MinTime bei Control
      */
@@ -57,25 +65,17 @@ export declare class SacTimeCommon extends SacBaseDateTimeControl {
      * Resource Key für Validation Message MinTime in Validation Summary
      */
     validationmessagesummarymintime: string;
-    /**
-     * Max Time
-     */
-    _maxtime: Date;
-    /**
-     * Min Time
-     */
-    _mintime: 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 Time
      */
@@ -84,14 +84,6 @@ export declare class SacTimeCommon extends SacBaseDateTimeControl {
      * Min Time
      */
     set mintime(v: string | Date | null);
-    /**
-     * icon for date selector button
-     */
-    get IconSelector(): string;
-    /**
-     * HostListener
-     */
-    onClick(targetElement: any): void;
     /**
      * Methode ergibt Datum-Format vom String
      */
@@ -99,7 +91,11 @@ export declare class SacTimeCommon extends SacBaseDateTimeControl {
     /**
      * Methode ergibt Datum - Moment
      */
-    ModifyParsedDateTimeValue(v: Moment): Moment;
+    ModifyParsedDateTimeValue(v: moment_.Moment): moment_.Moment;
+    /**
+     * HostListener
+     */
+    onClick(targetElement: any): void;
     /**
      * Zeigt Date Selector an
      */