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

package/README.md

@@ -1,16 +1,16 @@
-# SimpleAngularControls - Common
-
-## Documentation
-
-The package only provides the logic for the controls. It can be used to create an implementation of the controls
-controls. Corresponding base classes are provided for all controls.
-
-## Installation
-
-Do the follow steps to add
-
-* add `@simpleangularcontrols/sac-common` dependencies from npm
-
-## Project
-
+# SimpleAngularControls - Common
+
+## Documentation
+
+The package only provides the logic for the controls. It can be used to create an implementation of the controls
+controls. Corresponding base classes are provided for all controls.
+
+## Installation
+
+Do the follow steps to add
+
+* add `@simpleangularcontrols/sac-common` dependencies from npm
+
+## Project
+
 For more information, follow us on GitHub: https://github.com/simpleangularcontrols

package/common/basedatetimecontrol.d.ts

@@ -1,45 +1,84 @@
-import { ElementRef, Injector, OnInit } from '@angular/core';
-import { AbstractControl, ValidationErrors } from '@angular/forms';
-import { Moment } from 'moment';
-import { SacFormCommon } from '../controls/form/form';
+import { SacFormLayoutCommon } from '../controls/layout/formlayout';
+import { TooltipPosition } from '../utilities/enums';
 import { SacBaseModelControl } from './basemodelcontrol';
+import { ChangeDetectorRef, ElementRef, Injector, OnDestroy, OnInit } from '@angular/core';
+import { AbstractControl, ValidationErrors } from '@angular/forms';
+import { IMaskDirective } from 'angular-imask';
+import * as moment_ from 'moment';
 import * as i0 from "@angular/core";
 /**
  * Base Klasse für Date/Time Controls
  */
-export declare abstract class SacBaseDateTimeControl extends SacBaseModelControl<Date> implements OnInit {
-    protected _elementRef: ElementRef;
+export declare abstract class SacBaseDateTimeControl extends SacBaseModelControl<Date> implements OnInit, OnDestroy {
+    protected elementRef: ElementRef;
+    private readonly cdRef;
     /**
-     * Konstruktor
-     * @param parent typ SacFormCommon
-     * @param injector typ Injector
-     * @param _elementRef typ ElementRef
+     * Helper class to display tooltip on correct position
      */
-    constructor(parent: SacFormCommon, injector: Injector, _elementRef: ElementRef);
-    /**
-     * Init Event
-     */
-    ngOnInit(): void;
+    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;
+    /**
+     * Reference to imask directive in any datetime controls
+     */
+    iMask: IMaskDirective<any>;
     /**
      * 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;
     /**
-     * Resource Key für Validation Message Required bei Control
+     * Position of the picker arrow at the left
      */
-    validationmessagerequired: string;
+    posArrowLeft: number | null;
     /**
-     * Resource Key für Validation Message Required in Validation Summary
+     * Position of the picker arrow at the top
      */
-    validationmessagerequiredsummary: string;
+    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
      */
@@ -48,40 +87,91 @@ export declare abstract class SacBaseDateTimeControl extends SacBaseModelControl
      * Resource Key für Validation Message DateTimeFormat in Validation Summary
      */
     validationmessagedatetimeformatsummary: string;
+    /**
+     * Resource Key für Validation Message Required bei Control
+     */
+    validationmessagerequired: string;
+    /**
+     * Resource Key für Validation Message Required in Validation Summary
+     */
+    validationmessagerequiredsummary: string;
+    /**
+     * 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, cdRef: ChangeDetectorRef);
+    /**
+     * Setter for the name of the container for the tooltip. Is required as the tooltip can be hidden via ngIf.
+     */
+    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;
     /**
-     * Die methode modifiziert das eingegebene Value von typ Moment
+     * Returns the position of the tooltip
      */
-    abstract ModifyParsedDateTimeValue(v: Moment): Moment;
+    GetPickerPosition(): TooltipPosition;
     /**
-     * Overwrite WriteValue to Set correct Date Object
+     * Die methode modifiziert das eingegebene Value von typ Moment
      */
-    writeValue(value: Date | string): void;
+    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): any;
+    getDate(timestamp: any): moment.Moment;
     /**
-     * Das Input bekommt das value von typ string
+     * Calculates the height of the tooltip
      */
-    set valuestring(v: string);
+    getPickerHeight(): number;
     /**
-     * getter für valuestring
+     * Calculates the width of the picker
      */
-    get valuestring(): string;
+    getPickerWidth(): number;
+    ngOnDestroy(): void;
+    /**
+     * Init Event
+     */
+    ngOnInit(): void;
     /**
      * setzt das value von typ string zu property valuestring
      */
     setValueString(v: string): void;
-    private SetDateTimeFormat;
     /**
      * Validator
      */
     validateData(c: AbstractControl): ValidationErrors | null;
+    /**
+     * Overwrite WriteValue to Set correct Date Object
+     */
+    writeValue(value: Date | string): void;
+    protected getArrowHeight(): number;
+    protected getArrowWidth(): number;
+    /**
+     * Calculates the position of the tooltip from links
+     */
+    protected getPositionLeft(): number;
+    /**
+     * 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.
+     */
+    private readonly onContentChange;
+    private setDateTimeFormat;
     static ɵfac: i0.ɵɵFactoryDeclaration<SacBaseDateTimeControl, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SacBaseDateTimeControl, never, never, { "isrequired": { "alias": "isrequired"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "validationmessagerequired": { "alias": "validationmessagerequired"; "required": false; }; "validationmessagerequiredsummary": { "alias": "validationmessagerequiredsummary"; "required": false; }; "validationmessagedatetimeformat": { "alias": "validationmessagedatetimeformat"; "required": false; }; "validationmessagedatetimeformatsummary": { "alias": "validationmessagedatetimeformatsummary"; "required": false; }; "valuestring": { "alias": "valuestring"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SacBaseDateTimeControl, never, never, { "isrequired": { "alias": "isrequired"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "position": { "alias": "position"; "required": false; }; "validationmessagedatetimeformat": { "alias": "validationmessagedatetimeformat"; "required": false; }; "validationmessagedatetimeformatsummary": { "alias": "validationmessagedatetimeformatsummary"; "required": false; }; "validationmessagerequired": { "alias": "validationmessagerequired"; "required": false; }; "validationmessagerequiredsummary": { "alias": "validationmessagerequiredsummary"; "required": false; }; "valuestring": { "alias": "valuestring"; "required": false; }; }, {}, never, never, false, never>;
 }
 //# sourceMappingURL=basedatetimecontrol.d.ts.map

package/common/basedatetimecontrol.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"basedatetimecontrol.d.ts","sourceRoot":"","sources":["../../../projects/sac-common/src/common/basedatetimecontrol.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,QAAQ,EAAS,MAAM,EAAE,MAAM,eAAe,CAAC;AAC/E,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEnE,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;;AAMzD;;GAEG;AACH,8BACsB,sBACpB,SAAQ,mBAAmB,CAAC,IAAI,CAChC,YAAW,MAAM;IAaf,SAAS,CAAC,WAAW,EAAE,UAAU;IATnC;;;;;OAKG;gBAED,MAAM,EAAE,aAAa,EACrB,QAAQ,EAAE,QAAQ,EACR,WAAW,EAAE,UAAU;IAOnC;;OAEG;IACH,QAAQ,IAAI,IAAI;IAOhB;;OAEG;IACH,SAAS,CAAC,cAAc,SAAM;IAE9B;;OAEG;IACM,UAAU,EAAE,OAAO,CAAS;IAErC;;OAEG;IACM,WAAW,EAAE,MAAM,CAAQ;IAEpC;;OAEG;IACM,yBAAyB,EAAE,MAAM,CAA+B;IACzE;;OAEG;IACM,gCAAgC,EAAE,MAAM,CACX;IAEtC;;OAEG;IACM,+BAA+B,EAAE,MAAM,CACZ;IACpC;;OAEG;IACM,sCAAsC,EAAE,MAAM,CACX;IAE5C;;OAEG;IACH,QAAQ,CAAC,uBAAuB,IAAI,MAAM;IAE1C;;OAEG;IACH,QAAQ,CAAC,yBAAyB,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM;IAcrD;;OAEG;IACH,UAAU,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM;IAa/B;;OAEG;IACH,OAAO,CAAC,SAAS,KAAA;IAgBjB;;OAEG;IACH,IACI,WAAW,CAAC,CAAC,EAAE,MAAM,EAWxB;IAED;;OAEG;IACH,IAAI,WAAW,IAAI,MAAM,CAOxB;IAED;;OAEG;IACH,cAAc,CAAC,CAAC,EAAE,MAAM;IAQxB,OAAO,CAAC,iBAAiB;IAYzB;;OAEG;IACH,YAAY,CAAC,CAAC,EAAE,eAAe,GAAG,gBAAgB,GAAG,IAAI;yCApLrC,sBAAsB;2CAAtB,sBAAsB;CAuM3C"}
+{"version":3,"file":"basedatetimecontrol.d.ts","sourceRoot":"","sources":["../../../projects/sac-common/src/common/basedatetimecontrol.ts"],"names":[],"mappings":"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"}

package/common/baseinputcontrol.d.ts

@@ -4,6 +4,14 @@ import * as i0 from "@angular/core";
  * Abstract Klasse für SacInputBase. Extendes SacBaseModelControl
  */
 export declare abstract class SacInputBase<VALUE> extends SacBaseModelControl<VALUE> {
+    /**
+     * Erlaubte Zeichen bei der Eingabe
+     */
+    allowedchars: string;
+    /**
+     * Autofill aktivieren oder deaktivieren
+     */
+    disableautocomplete: boolean;
     /**
      * Definiert das Control als Required
      */
@@ -12,10 +20,6 @@ export declare abstract class SacInputBase<VALUE> extends SacBaseModelControl<VA
      * TextBox Placeholder
      */
     placeholder: string;
-    /**
-     * Erlaubte Zeichen bei der Eingabe
-     */
-    allowedchars: string;
     /**
      * Macht das Input readonly
      */
@@ -24,14 +28,6 @@ export declare abstract class SacInputBase<VALUE> extends SacBaseModelControl<VA
      * Definiert das Feld als valid/invalid von eingegebenen regex-pattern
      */
     regexvalidation: string;
-    /**
-     * Text welcher als Tooltip angezeigt wird.
-     */
-    tooltiptext: string;
-    /**
-     * Autofill aktivieren oder deaktivieren
-     */
-    disableautocomplete: boolean;
     /**
      * Methode validiert Input wenn KeyPress-Event passiert
      */
@@ -41,6 +37,6 @@ export declare abstract class SacInputBase<VALUE> extends SacBaseModelControl<VA
      */
     protected OnKeyPressValidation(position: number, character: string): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<SacInputBase<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SacInputBase<any>, never, never, { "isrequired": { "alias": "isrequired"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "allowedchars": { "alias": "allowedchars"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "regexvalidation": { "alias": "regexvalidation"; "required": false; }; "tooltiptext": { "alias": "tooltiptext"; "required": false; }; "disableautocomplete": { "alias": "disableautocomplete"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SacInputBase<any>, never, never, { "allowedchars": { "alias": "allowedchars"; "required": false; }; "disableautocomplete": { "alias": "disableautocomplete"; "required": false; }; "isrequired": { "alias": "isrequired"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "regexvalidation": { "alias": "regexvalidation"; "required": false; }; }, {}, never, never, false, never>;
 }
 //# sourceMappingURL=baseinputcontrol.d.ts.map

package/common/baseinputcontrol.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"baseinputcontrol.d.ts","sourceRoot":"","sources":["../../../projects/sac-common/src/common/baseinputcontrol.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;;AAEzD;;GAEG;AACH,8BACsB,YAAY,CAAC,KAAK,CAAE,SAAQ,mBAAmB,CAAC,KAAK,CAAC;IAI1E;;OAEG;IACM,UAAU,EAAE,OAAO,CAAS;IAErC;;OAEG;IACM,WAAW,EAAE,MAAM,CAAQ;IAEpC;;OAEG;IACM,YAAY,EAAE,MAAM,CAAM;IAEnC;;OAEG;IACM,QAAQ,EAAE,OAAO,CAAS;IAEnC;;OAEG;IACM,eAAe,EAAE,MAAM,CAAC;IAEjC;;OAEG;IACM,WAAW,EAAE,MAAM,CAAM;IAElC;;OAEG;IACM,mBAAmB,EAAE,OAAO,CAAS;IAO9C;;OAEG;IACI,UAAU,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO;IAyBhD;;OAEG;IACH,SAAS,CAAC,oBAAoB,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO;yCA3ExD,YAAY;2CAAZ,YAAY;CAgFjC"}
+{"version":3,"file":"baseinputcontrol.d.ts","sourceRoot":"","sources":["../../../projects/sac-common/src/common/baseinputcontrol.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;;AAEzD;;GAEG;AACH,8BACsB,YAAY,CAAC,KAAK,CAAE,SAAQ,mBAAmB,CAAC,KAAK,CAAC;IAG1E;;OAEG;IACa,YAAY,EAAE,MAAM,CAAM;IAC1C;;OAEG;IACa,mBAAmB,EAAE,OAAO,CAAS;IACrD;;OAEG;IACa,UAAU,EAAE,OAAO,CAAS;IAC5C;;OAEG;IACa,WAAW,EAAE,MAAM,CAAQ;IAC3C;;OAEG;IACa,QAAQ,EAAE,OAAO,CAAS;IAC1C;;OAEG;IACa,eAAe,EAAE,MAAM,CAAC;IAMxC;;OAEG;IACI,UAAU,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO;IAwBhD;;OAEG;IACH,SAAS,CAAC,oBAAoB,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO;yCA9DxD,YAAY;2CAAZ,YAAY;CAmEjC"}