@simpleangularcontrols/sac-common 10.0.0-rc.11 → 10.0.0-rc.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/simpleangularcontrols-sac-common.umd.js +1096 -707
- package/bundles/simpleangularcontrols-sac-common.umd.js.map +1 -1
- package/bundles/simpleangularcontrols-sac-common.umd.min.js +1 -1
- package/bundles/simpleangularcontrols-sac-common.umd.min.js.map +1 -1
- package/common/basedatetimecontrol.d.ts +99 -13
- package/common/basemodelcontrol.d.ts +30 -22
- package/controls/checkbox/radiobutton.d.ts +61 -26
- package/controls/datetime/date.d.ts +28 -27
- package/controls/datetime/datetime.d.ts +27 -27
- package/controls/datetime/time.d.ts +26 -26
- package/controls/dialog/dialog.d.ts +31 -43
- package/controls/layout/formlayout.d.ts +4 -0
- package/controls/list/buildvaluestring.d.ts +6 -0
- package/controls/list/buildvaluestring.ngfactory.d.ts +1 -0
- package/controls/list/dropdown.d.ts +9 -51
- package/controls/list/dropdownoptions.d.ts +38 -0
- package/controls/list/dropdownoptions.ngfactory.d.ts +1 -0
- package/controls/static/formcontainer.d.ts +11 -3
- package/controls/tooltip/tooltip.d.ts +33 -51
- package/esm2015/common/basedatetimecontrol.js +178 -30
- package/esm2015/common/basemodelcontrol.js +57 -46
- package/esm2015/controls/checkbox/radiobutton.js +94 -45
- package/esm2015/controls/datetime/date.js +43 -41
- package/esm2015/controls/datetime/datetime.js +42 -41
- package/esm2015/controls/datetime/time.js +42 -41
- package/esm2015/controls/dialog/dialog.js +41 -83
- package/esm2015/controls/layout/formlayout.js +7 -6
- package/esm2015/controls/list/buildvaluestring.js +18 -0
- package/esm2015/controls/list/buildvaluestring.ngfactory.js +7 -0
- package/esm2015/controls/list/dropdown.js +16 -114
- package/esm2015/controls/list/dropdownoptions.js +72 -0
- package/esm2015/controls/list/dropdownoptions.ngfactory.js +7 -0
- package/esm2015/controls/static/formcontainer.js +16 -6
- package/esm2015/controls/tooltip/tooltip.js +60 -250
- package/esm2015/interfaces/ISacConfigurationService.js +1 -1
- package/esm2015/public_api.js +3 -2
- package/esm2015/services/sac-configuration.service.js +7 -5
- package/esm2015/utilities/enums.js +5 -1
- package/esm2015/utilities/popuphelper.js +343 -0
- package/esm2015/utilities/popuphelper.ngfactory.js +7 -0
- package/esm2015/validation/equals.validator.js +14 -0
- package/esm2015/validation/equals.validator.ngfactory.js +7 -0
- package/esm2015/validation/notequals.validator.js +14 -0
- package/esm2015/validation/notequals.validator.ngfactory.js +7 -0
- package/esm2015/validation/validation.class.js +30 -6
- package/fesm2015/simpleangularcontrols-sac-common.js +1071 -702
- package/fesm2015/simpleangularcontrols-sac-common.js.map +1 -1
- package/interfaces/ISacConfigurationService.d.ts +4 -0
- package/package.json +1 -1
- package/public_api.d.ts +2 -1
- package/services/sac-configuration.service.d.ts +8 -0
- package/simpleangularcontrols-sac-common-10.0.0-rc.12.tgz +0 -0
- package/simpleangularcontrols-sac-common.metadata.json +1 -1
- package/utilities/enums.d.ts +3 -1
- package/utilities/popuphelper.d.ts +83 -0
- package/utilities/popuphelper.ngfactory.d.ts +1 -0
- package/validation/equals.validator.d.ts +2 -0
- package/validation/equals.validator.ngfactory.d.ts +1 -0
- package/validation/notequals.validator.d.ts +2 -0
- package/validation/notequals.validator.ngfactory.d.ts +1 -0
- package/validation/validation.class.d.ts +19 -0
- package/simpleangularcontrols-sac-common-10.0.0-rc.11.tgz +0 -0
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { ElementRef, Injector } from '@angular/core';
|
|
2
|
-
import { AbstractControl, ValidationErrors } from '@angular/forms';
|
|
3
|
-
import * as IMask from 'imask';
|
|
4
|
-
import { Moment } from 'moment';
|
|
5
1
|
import { SacBaseDateTimeControl } from '../../common/basedatetimecontrol';
|
|
6
2
|
import { SacFormLayoutCommon } from '../layout/formlayout';
|
|
3
|
+
import { ChangeDetectorRef, ElementRef, Injector } from '@angular/core';
|
|
4
|
+
import { AbstractControl, ValidationErrors } from '@angular/forms';
|
|
5
|
+
import * as IMask from 'imask';
|
|
6
|
+
import * as moment_ from 'moment';
|
|
7
7
|
/**
|
|
8
8
|
* Komponente für SacTimeCommon. Extends SacBaseDateTimeControl
|
|
9
9
|
*/
|
|
@@ -37,6 +37,18 @@ export declare class SacTimeCommon extends SacBaseDateTimeControl {
|
|
|
37
37
|
lazy: boolean;
|
|
38
38
|
overwrite: boolean;
|
|
39
39
|
};
|
|
40
|
+
/**
|
|
41
|
+
* Max Time
|
|
42
|
+
*/
|
|
43
|
+
_maxtime: Date;
|
|
44
|
+
/**
|
|
45
|
+
* Min Time
|
|
46
|
+
*/
|
|
47
|
+
_mintime: Date;
|
|
48
|
+
/**
|
|
49
|
+
* Moment JS module instance
|
|
50
|
+
*/
|
|
51
|
+
moment: any;
|
|
40
52
|
/**
|
|
41
53
|
* Resource Key für Validation Message MinTime bei Control
|
|
42
54
|
*/
|
|
@@ -53,25 +65,17 @@ export declare class SacTimeCommon extends SacBaseDateTimeControl {
|
|
|
53
65
|
* Resource Key für Validation Message MinTime in Validation Summary
|
|
54
66
|
*/
|
|
55
67
|
validationmessagesummarymintime: string;
|
|
56
|
-
/**
|
|
57
|
-
* Max Time
|
|
58
|
-
*/
|
|
59
|
-
_maxtime: Date;
|
|
60
|
-
/**
|
|
61
|
-
* Min Time
|
|
62
|
-
*/
|
|
63
|
-
_mintime: Date;
|
|
64
|
-
/**
|
|
65
|
-
* Definiert ob der Date Selector angezeigt wird
|
|
66
|
-
*/
|
|
67
|
-
_showselector: boolean;
|
|
68
68
|
/**
|
|
69
69
|
* Constructor
|
|
70
70
|
* @param formlayout SacFormLayoutCommon to define scoped layout settings
|
|
71
71
|
* @param injector Injector for injecting services
|
|
72
72
|
* @param elementRef reference to html element
|
|
73
73
|
*/
|
|
74
|
-
constructor(formlayout: SacFormLayoutCommon, injector: Injector, elementRef: ElementRef);
|
|
74
|
+
constructor(formlayout: SacFormLayoutCommon, injector: Injector, elementRef: ElementRef, cdRef: ChangeDetectorRef);
|
|
75
|
+
/**
|
|
76
|
+
* icon for date selector button
|
|
77
|
+
*/
|
|
78
|
+
get IconSelector(): string;
|
|
75
79
|
/**
|
|
76
80
|
* Max Time
|
|
77
81
|
*/
|
|
@@ -80,14 +84,6 @@ export declare class SacTimeCommon extends SacBaseDateTimeControl {
|
|
|
80
84
|
* Min Time
|
|
81
85
|
*/
|
|
82
86
|
set mintime(v: string | Date | null);
|
|
83
|
-
/**
|
|
84
|
-
* icon for date selector button
|
|
85
|
-
*/
|
|
86
|
-
get IconSelector(): string;
|
|
87
|
-
/**
|
|
88
|
-
* HostListener
|
|
89
|
-
*/
|
|
90
|
-
onClick(targetElement: any): void;
|
|
91
87
|
/**
|
|
92
88
|
* Methode ergibt Datum-Format vom String
|
|
93
89
|
*/
|
|
@@ -95,7 +91,11 @@ export declare class SacTimeCommon extends SacBaseDateTimeControl {
|
|
|
95
91
|
/**
|
|
96
92
|
* Methode ergibt Datum - Moment
|
|
97
93
|
*/
|
|
98
|
-
ModifyParsedDateTimeValue(v: Moment): Moment;
|
|
94
|
+
ModifyParsedDateTimeValue(v: moment_.Moment): moment_.Moment;
|
|
95
|
+
/**
|
|
96
|
+
* HostListener
|
|
97
|
+
*/
|
|
98
|
+
onClick(targetElement: any): void;
|
|
99
99
|
/**
|
|
100
100
|
* Zeigt Date Selector an
|
|
101
101
|
*/
|
|
@@ -4,15 +4,7 @@ import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy } from '@angular
|
|
|
4
4
|
*/
|
|
5
5
|
export declare class SacDialogCommon implements OnDestroy {
|
|
6
6
|
private cdRef;
|
|
7
|
-
/**
|
|
8
|
-
* Name des Containers für den Dialog
|
|
9
|
-
*/
|
|
10
|
-
dialogElement: ElementRef;
|
|
11
7
|
private hasSetBodyTag;
|
|
12
|
-
/**
|
|
13
|
-
* Implementation als Setter, da mit ngIf das Element bei Unsichtbarkeit UNDEFINED ist.
|
|
14
|
-
*/
|
|
15
|
-
set dialogElementSetter(content: ElementRef);
|
|
16
8
|
/**
|
|
17
9
|
* Boolean Property definiert ob das Dialog angezeigt wird
|
|
18
10
|
*/
|
|
@@ -21,11 +13,7 @@ export declare class SacDialogCommon implements OnDestroy {
|
|
|
21
13
|
* Das property enthielt (wenn überhaupt gesetzt) entweder keywords für sizing oder custom css Klassen.
|
|
22
14
|
* Die akzeptabel keywordssind: 'small', 'large', 'extralarge', 'medium', ''.
|
|
23
15
|
*/
|
|
24
|
-
_size:
|
|
25
|
-
/**
|
|
26
|
-
* Input Property. Erhält den Title des Dialog. Default Value: 'Dialog'.
|
|
27
|
-
*/
|
|
28
|
-
title: string;
|
|
16
|
+
_size: 'small' | 'large' | 'extralarge' | 'medium' | '';
|
|
29
17
|
/**
|
|
30
18
|
* Das input property akzeptiert boolen Wert. Definiert ob das Dialog darf durch ESC geschlossen werden. Default ist true.
|
|
31
19
|
*/
|
|
@@ -34,66 +22,62 @@ export declare class SacDialogCommon implements OnDestroy {
|
|
|
34
22
|
* Das input property akzeptiert boolen Wert. Definiert ob das Dialog darf durch click außerhalb des Dialog-Fenster geschlossen werden. Default ist true.
|
|
35
23
|
*/
|
|
36
24
|
backdrop: boolean;
|
|
37
|
-
/**
|
|
38
|
-
* Input Property. Erhält den Namen des Dialog - benutzt für das ID. Default Value: ''
|
|
39
|
-
*/
|
|
40
|
-
name: string;
|
|
41
25
|
/**
|
|
42
26
|
* Steuert ob im Header des Dialogs ein Button angezeigt wird.
|
|
43
27
|
*/
|
|
44
28
|
closebutton: boolean;
|
|
45
29
|
/**
|
|
46
|
-
*
|
|
30
|
+
* Name des Containers für den Dialog
|
|
47
31
|
*/
|
|
48
|
-
|
|
32
|
+
dialogElement: ElementRef;
|
|
49
33
|
/**
|
|
50
|
-
*
|
|
34
|
+
* Output Emitter. Wird aufgerufen, wenn das Wert des _show property geändert ist - damait das Dialog geöfnet/geschlossen wird.
|
|
51
35
|
*/
|
|
52
|
-
|
|
36
|
+
isvisibleChange: EventEmitter<boolean>;
|
|
53
37
|
/**
|
|
54
|
-
*
|
|
55
|
-
* case insensitive.
|
|
56
|
-
* Die akzeptabel default-size-Klassen sind: 'small', 'large', 'extralarge', 'medium', ''.
|
|
57
|
-
* Wenn size ist NICHT gesetzt (oder 'medium' oder ''), default ist in medium size: max-width 500px.
|
|
38
|
+
* Input Property. Erhält den Namen des Dialog - benutzt für das ID. Default Value: ''
|
|
58
39
|
*/
|
|
59
|
-
|
|
40
|
+
name: string;
|
|
60
41
|
/**
|
|
61
|
-
*
|
|
42
|
+
* Input Property. Erhält den Title des Dialog. Default Value: 'Dialog'.
|
|
62
43
|
*/
|
|
63
|
-
|
|
44
|
+
title: string;
|
|
64
45
|
/**
|
|
65
|
-
*
|
|
46
|
+
* Konstruktor
|
|
47
|
+
* Inject des Formulars
|
|
66
48
|
*/
|
|
67
|
-
|
|
49
|
+
constructor(cdRef: ChangeDetectorRef);
|
|
68
50
|
/**
|
|
69
|
-
*
|
|
51
|
+
* Implementation als Setter, da mit ngIf das Element bei Unsichtbarkeit UNDEFINED ist.
|
|
70
52
|
*/
|
|
71
|
-
|
|
53
|
+
set dialogElementSetter(content: ElementRef);
|
|
72
54
|
/**
|
|
73
|
-
*
|
|
55
|
+
* Getter. Ergibt das boolen Wert des _show property
|
|
74
56
|
*/
|
|
75
|
-
|
|
57
|
+
get isvisible(): boolean;
|
|
76
58
|
/**
|
|
77
|
-
*
|
|
78
|
-
* Inject des Formulars
|
|
59
|
+
* Setter. Erhält das boolen Wert des _show property
|
|
79
60
|
*/
|
|
80
|
-
|
|
61
|
+
set isvisible(v: boolean);
|
|
81
62
|
/**
|
|
82
|
-
*
|
|
63
|
+
* Das Input akzeptiert sowohl default size-css-Klassen als auch custom Klassen.
|
|
64
|
+
* case insensitive.
|
|
65
|
+
* Die akzeptabel default-size-Klassen sind: 'small', 'large', 'extralarge', 'medium', ''.
|
|
66
|
+
* Wenn size ist NICHT gesetzt (oder 'medium' oder ''), default ist in medium size: max-width 500px.
|
|
83
67
|
*/
|
|
84
|
-
|
|
68
|
+
set size(v: 'small' | 'large' | 'extralarge' | 'medium' | '');
|
|
85
69
|
/**
|
|
86
|
-
*
|
|
70
|
+
* Getter for ChangeDetector.
|
|
87
71
|
*/
|
|
88
|
-
|
|
72
|
+
protected get ChangeDetector(): ChangeDetectorRef;
|
|
89
73
|
/**
|
|
90
74
|
* Die Methode setz den Wert des _show property auf false
|
|
91
75
|
*/
|
|
92
76
|
hide(): void;
|
|
93
77
|
/**
|
|
94
|
-
*
|
|
78
|
+
* Methode wenn Componente entfernt wird
|
|
95
79
|
*/
|
|
96
|
-
|
|
80
|
+
ngOnDestroy(): void;
|
|
97
81
|
/**
|
|
98
82
|
* Allow Close by Click outside Dialog
|
|
99
83
|
*/
|
|
@@ -102,4 +86,8 @@ export declare class SacDialogCommon implements OnDestroy {
|
|
|
102
86
|
* Allow Close by ESC
|
|
103
87
|
*/
|
|
104
88
|
onKeydownHandler(event: KeyboardEvent): void;
|
|
89
|
+
/**
|
|
90
|
+
* Die Methode setz den Wert des _show property auf true
|
|
91
|
+
*/
|
|
92
|
+
show(): void;
|
|
105
93
|
}
|
|
@@ -51,6 +51,10 @@ export declare class SacFormLayoutCommon {
|
|
|
51
51
|
* default label size for extra extra large devices
|
|
52
52
|
*/
|
|
53
53
|
labelSizeXxl: number | null;
|
|
54
|
+
/**
|
|
55
|
+
* 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!
|
|
56
|
+
*/
|
|
57
|
+
splitlabelandhelptext: boolean | null;
|
|
54
58
|
/**
|
|
55
59
|
* Returns whether the inline error messages for the form are active.
|
|
56
60
|
*/
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ElementRef, Injector,
|
|
1
|
+
import { ElementRef, Injector, Renderer2 } from '@angular/core';
|
|
2
2
|
import { AbstractControl, ValidationErrors } from '@angular/forms';
|
|
3
3
|
import { SacBaseSelectControl } from '../../common/baseselectcontrol';
|
|
4
4
|
import { SacFormLayoutCommon } from '../layout/formlayout';
|
|
@@ -12,6 +12,14 @@ export declare class SacDropdownCommon extends SacBaseSelectControl<any> {
|
|
|
12
12
|
* compareWith-Funktion
|
|
13
13
|
*/
|
|
14
14
|
private _compareWith;
|
|
15
|
+
/**
|
|
16
|
+
* Counter vom OptionID; default Wert = 0
|
|
17
|
+
*/
|
|
18
|
+
_optionIdCounter: number;
|
|
19
|
+
/**
|
|
20
|
+
* OptionMap
|
|
21
|
+
*/
|
|
22
|
+
_optionMap: Map<string, any>;
|
|
15
23
|
/**
|
|
16
24
|
* Label Text für Empty Item
|
|
17
25
|
*/
|
|
@@ -28,14 +36,6 @@ export declare class SacDropdownCommon extends SacBaseSelectControl<any> {
|
|
|
28
36
|
* Resource Key für Validation Message Required in Validation Summary
|
|
29
37
|
*/
|
|
30
38
|
validationmessagesummaryrequired: string;
|
|
31
|
-
/**
|
|
32
|
-
* Counter vom OptionID; default Wert = 0
|
|
33
|
-
*/
|
|
34
|
-
_optionIdCounter: number;
|
|
35
|
-
/**
|
|
36
|
-
* OptionMap
|
|
37
|
-
*/
|
|
38
|
-
_optionMap: Map<string, any>;
|
|
39
39
|
/**
|
|
40
40
|
* Constructor
|
|
41
41
|
* @param formlayout SacFormLayoutCommon to define scoped layout settings
|
|
@@ -94,45 +94,3 @@ export declare class SacDropdownCommon extends SacBaseSelectControl<any> {
|
|
|
94
94
|
*/
|
|
95
95
|
private setSelectedValue;
|
|
96
96
|
}
|
|
97
|
-
/**
|
|
98
|
-
* SacDropdownOption-Klasse
|
|
99
|
-
*/
|
|
100
|
-
export declare class SacDropdownOptionCommon implements OnDestroy {
|
|
101
|
-
private _element;
|
|
102
|
-
private _renderer;
|
|
103
|
-
private _dropdown;
|
|
104
|
-
/**
|
|
105
|
-
* ID-String
|
|
106
|
-
*/
|
|
107
|
-
private id;
|
|
108
|
-
/**
|
|
109
|
-
* Konstruktor
|
|
110
|
-
* @param _element Referenz auf HTML Element
|
|
111
|
-
* @param _renderer Render Engine
|
|
112
|
-
* @param _dropdown Dropdown Instanz
|
|
113
|
-
*/
|
|
114
|
-
constructor(_element: ElementRef, _renderer: Renderer2, _dropdown: SacDropdownCommon);
|
|
115
|
-
/**
|
|
116
|
-
* Option ngValue
|
|
117
|
-
*/
|
|
118
|
-
set ngValue(value: any);
|
|
119
|
-
/**
|
|
120
|
-
* Wert-Setter
|
|
121
|
-
*/
|
|
122
|
-
set value(value: any);
|
|
123
|
-
/**
|
|
124
|
-
* Den Wert vom Option-Element einstellen
|
|
125
|
-
* @param value Wert
|
|
126
|
-
*/
|
|
127
|
-
_setElementValue(value: string): void;
|
|
128
|
-
/**
|
|
129
|
-
* OnDestroy Event
|
|
130
|
-
*/
|
|
131
|
-
ngOnDestroy(): void;
|
|
132
|
-
}
|
|
133
|
-
/**
|
|
134
|
-
* Function um ein Key Value Pair für das Dropdown zu erzeugen
|
|
135
|
-
* @param id ID
|
|
136
|
-
* @param value Wert der an das Element gebunden werden soll
|
|
137
|
-
*/
|
|
138
|
-
export declare function _buildValueString(id: string | null, value: any): string;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { ElementRef, OnDestroy, Renderer2 } from '@angular/core';
|
|
2
|
+
import { SacDropdownCommon } from './dropdown';
|
|
3
|
+
/**
|
|
4
|
+
* SacDropdownOption-Klasse
|
|
5
|
+
*/
|
|
6
|
+
export declare class SacDropdownOptionCommon implements OnDestroy {
|
|
7
|
+
private _element;
|
|
8
|
+
private _renderer;
|
|
9
|
+
private _dropdown;
|
|
10
|
+
/**
|
|
11
|
+
* ID-String
|
|
12
|
+
*/
|
|
13
|
+
private id;
|
|
14
|
+
/**
|
|
15
|
+
* Konstruktor
|
|
16
|
+
* @param _element Referenz auf HTML Element
|
|
17
|
+
* @param _renderer Render Engine
|
|
18
|
+
* @param _dropdown Dropdown Instanz
|
|
19
|
+
*/
|
|
20
|
+
constructor(_element: ElementRef, _renderer: Renderer2, _dropdown: SacDropdownCommon);
|
|
21
|
+
/**
|
|
22
|
+
* Option ngValue
|
|
23
|
+
*/
|
|
24
|
+
set ngValue(value: any);
|
|
25
|
+
/**
|
|
26
|
+
* Wert-Setter
|
|
27
|
+
*/
|
|
28
|
+
set value(value: any);
|
|
29
|
+
/**
|
|
30
|
+
* Den Wert vom Option-Element einstellen
|
|
31
|
+
* @param value Wert
|
|
32
|
+
*/
|
|
33
|
+
_setElementValue(value: string): void;
|
|
34
|
+
/**
|
|
35
|
+
* OnDestroy Event
|
|
36
|
+
*/
|
|
37
|
+
ngOnDestroy(): void;
|
|
38
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { AbstractControl, ValidationErrors } from '@angular/forms';
|
|
2
1
|
import { SacBaseModelControl } from '../../common/basemodelcontrol';
|
|
2
|
+
import { AbstractControl, ValidationErrors } from '@angular/forms';
|
|
3
3
|
/**
|
|
4
4
|
* Common Control für Form Item Container.
|
|
5
5
|
**/
|
|
@@ -9,13 +9,21 @@ export declare class SacStaticFormContainerCommon extends SacBaseModelControl<st
|
|
|
9
9
|
*/
|
|
10
10
|
private _isrequired;
|
|
11
11
|
/**
|
|
12
|
-
*
|
|
12
|
+
* Error message to be displayed
|
|
13
13
|
*/
|
|
14
|
-
|
|
14
|
+
errormessage: string;
|
|
15
|
+
/**
|
|
16
|
+
* Activates the error message on the container control
|
|
17
|
+
*/
|
|
18
|
+
isinvalid: boolean;
|
|
15
19
|
/**
|
|
16
20
|
* Definiert den Container als Required Form Item
|
|
17
21
|
*/
|
|
18
22
|
get isrequired(): boolean;
|
|
23
|
+
/**
|
|
24
|
+
* Definiert den Container als Required Form Item
|
|
25
|
+
*/
|
|
26
|
+
set isrequired(v: boolean);
|
|
19
27
|
/**
|
|
20
28
|
* Validierung des Controls
|
|
21
29
|
*
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { AfterViewChecked, ChangeDetectorRef, DoCheck, ElementRef, OnDestroy, OnInit } from '@angular/core';
|
|
2
1
|
import { TooltipPosition } from '../../utilities/enums';
|
|
2
|
+
import { AfterViewChecked, ChangeDetectorRef, DoCheck, ElementRef, OnDestroy, OnInit } from '@angular/core';
|
|
3
3
|
/**
|
|
4
4
|
* Tooltip Component
|
|
5
5
|
*
|
|
@@ -14,6 +14,10 @@ import { TooltipPosition } from '../../utilities/enums';
|
|
|
14
14
|
export declare abstract class SacTooltipCommon implements OnInit, OnDestroy, AfterViewChecked, DoCheck {
|
|
15
15
|
private readonly cdRef;
|
|
16
16
|
private readonly ref;
|
|
17
|
+
/**
|
|
18
|
+
* Helper class to display tooltip on correct position
|
|
19
|
+
*/
|
|
20
|
+
private readonly popupHelper;
|
|
17
21
|
/**
|
|
18
22
|
* Inline mode for tooltip
|
|
19
23
|
*/
|
|
@@ -22,28 +26,10 @@ export declare abstract class SacTooltipCommon implements OnInit, OnDestroy, Aft
|
|
|
22
26
|
* Defines whether the tooltip is visible
|
|
23
27
|
*/
|
|
24
28
|
private _isTooltipVisible;
|
|
25
|
-
/**
|
|
26
|
-
* method if content has changed and proportions need to be reset in the UI.
|
|
27
|
-
*/
|
|
28
|
-
private readonly onContentChange;
|
|
29
29
|
/**
|
|
30
30
|
* Containers for the tooltip
|
|
31
31
|
*/
|
|
32
32
|
private tooltipcontainer;
|
|
33
|
-
/**
|
|
34
|
-
* Position of the tooltip. Values: left|top|right|bottom|auto
|
|
35
|
-
*
|
|
36
|
-
* Value 'auto' can be combined with another value.
|
|
37
|
-
*/
|
|
38
|
-
position: string;
|
|
39
|
-
/**
|
|
40
|
-
* Text for ToolTip
|
|
41
|
-
*/
|
|
42
|
-
tooltiptext: string;
|
|
43
|
-
/**
|
|
44
|
-
* Name of the container for content (e.g. icon) on which the tooltip is displayed.
|
|
45
|
-
*/
|
|
46
|
-
content: ElementRef<HTMLElement>;
|
|
47
33
|
/**
|
|
48
34
|
* Position of the tooltip on the left
|
|
49
35
|
*/
|
|
@@ -60,11 +46,37 @@ export declare abstract class SacTooltipCommon implements OnInit, OnDestroy, Aft
|
|
|
60
46
|
* Position of the tooltip at the top
|
|
61
47
|
*/
|
|
62
48
|
TopPos: number;
|
|
49
|
+
/**
|
|
50
|
+
* Name of the container for content (e.g. icon) on which the tooltip is displayed.
|
|
51
|
+
*/
|
|
52
|
+
content: ElementRef<HTMLElement>;
|
|
53
|
+
/**
|
|
54
|
+
* Position of the picker arrow at the left
|
|
55
|
+
*/
|
|
56
|
+
posArrowLeft: number | null;
|
|
57
|
+
/**
|
|
58
|
+
* Position of the picker arrow at the top
|
|
59
|
+
*/
|
|
60
|
+
posArrowTop: number | null;
|
|
61
|
+
/**
|
|
62
|
+
* Position of the tooltip. Values: left|top|right|bottom|auto
|
|
63
|
+
*
|
|
64
|
+
* Value 'auto' can be combined with another value.
|
|
65
|
+
*/
|
|
66
|
+
position: string;
|
|
67
|
+
/**
|
|
68
|
+
* Text for ToolTip
|
|
69
|
+
*/
|
|
70
|
+
tooltiptext: string;
|
|
63
71
|
/**
|
|
64
72
|
* Konstruktor
|
|
65
73
|
* @param ref Element Referenz
|
|
66
74
|
*/
|
|
67
75
|
constructor(cdRef: ChangeDetectorRef, ref: ElementRef);
|
|
76
|
+
/**
|
|
77
|
+
* Property for inline mode for tooltip. Sets the display mode on the wrapper element to `inline`
|
|
78
|
+
*/
|
|
79
|
+
get inlinemode(): boolean;
|
|
68
80
|
/**
|
|
69
81
|
* Setter for inline mode for tooltip
|
|
70
82
|
*/
|
|
@@ -73,10 +85,6 @@ export declare abstract class SacTooltipCommon implements OnInit, OnDestroy, Aft
|
|
|
73
85
|
* Setter for the name of the container for the tooltip. Is required as the tooltip can be hidden via ngIf.
|
|
74
86
|
*/
|
|
75
87
|
set tooltip(content: ElementRef);
|
|
76
|
-
/**
|
|
77
|
-
* Property for inline mode for tooltip. Sets the display mode on the wrapper element to `inline`
|
|
78
|
-
*/
|
|
79
|
-
get inlinemode(): boolean;
|
|
80
88
|
get tooltop(): ElementRef;
|
|
81
89
|
/**
|
|
82
90
|
* Returns the position of the tooltip
|
|
@@ -122,24 +130,6 @@ export declare abstract class SacTooltipCommon implements OnInit, OnDestroy, Aft
|
|
|
122
130
|
* Offset for Tooltip. Required for BS4/BS5 to create padding
|
|
123
131
|
*/
|
|
124
132
|
protected abstract getTooltipOffset(): number;
|
|
125
|
-
/**
|
|
126
|
-
* Returns the defined position for the tooltip
|
|
127
|
-
*/
|
|
128
|
-
private GetPosition;
|
|
129
|
-
/**
|
|
130
|
-
* Returns whether the position has been configured
|
|
131
|
-
*
|
|
132
|
-
* @param position Position to be checked
|
|
133
|
-
*/
|
|
134
|
-
private HasPosition;
|
|
135
|
-
/**
|
|
136
|
-
* Defines whether AutoPosition is active
|
|
137
|
-
*/
|
|
138
|
-
private IsAutoPosition;
|
|
139
|
-
/**
|
|
140
|
-
* Checks whether the position is valid or whether the tooltip on the position has space
|
|
141
|
-
*/
|
|
142
|
-
private ValidatePositions;
|
|
143
133
|
/**
|
|
144
134
|
* Calculates the position of the tooltip from links
|
|
145
135
|
*/
|
|
@@ -149,15 +139,7 @@ export declare abstract class SacTooltipCommon implements OnInit, OnDestroy, Aft
|
|
|
149
139
|
*/
|
|
150
140
|
private getTopPosition;
|
|
151
141
|
/**
|
|
152
|
-
*
|
|
153
|
-
* @param element HTML Element
|
|
154
|
-
* @returns summarized top value for absolute position
|
|
155
|
-
*/
|
|
156
|
-
private getOffsetTopParent;
|
|
157
|
-
/**
|
|
158
|
-
* Caclulate Scrollbars inside tree
|
|
159
|
-
* @param element HTML Element
|
|
160
|
-
* @returns Scroll top value of element with all childs
|
|
142
|
+
* method if content has changed and proportions need to be reset in the UI.
|
|
161
143
|
*/
|
|
162
|
-
private
|
|
144
|
+
private readonly onContentChange;
|
|
163
145
|
}
|