@simpleangularcontrols/sac-common 10.0.0-rc.3 → 10.0.0-rc.30

package/controls/tooltip/tooltip.d.ts

@@ -1,138 +1,158 @@
-import { ChangeDetectorRef, ElementRef, OnDestroy, OnInit } from '@angular/core';
-import { TooltipPosition } from '../../utilities/enums';
-/**
- * Tooltip Component
- *
- * Benötigt im HTML Markup folgende Identifier
- * - container: Container für ng-content in welchem das Element angezeigt wird, wo der Tooltip angehängt wird.
- * - tooltip: Container für Tooltip
- *
- * Tooltip muss in 2 Schritten angezeigt werden. In einem ersten Schritt wird der Tooltip Markup erzeugt mit (ngIf). In einem 2. Schritt
- * kann der Tooltip dann über die CSS visibility angezeigt werden. Wird dies nicht so gemacht, kann es bei gewissen Browsern zu einem Flacker Effekt führen.
- *
- */
-export declare class SacTooltipCommon implements OnInit, OnDestroy {
-    private cdRef;
-    private ref;
-    /**
-     * Property für Enum in Angular HTML Template
-     */
-    TooltipPosition: typeof TooltipPosition;
-    /**
-     * Definiert ob der Tooltip sichtbar ist
-     */
-    private _isTooltipVisible;
-    /**
-     * Position des Tooltips oben
-     */
-    TopPos: number;
-    /**
-     * Position des Tooltips links
-     */
-    LeftPos: number;
-    /**
-     * Position des Tooltips. Werte: left|top|right|bottom|auto
-     *
-     * Wert 'auto' kann mit einem anderen Wert kombiniert werden.
-     */
-    position: string;
-    /**
-     * Text für ToolTip
-     */
-    tooltiptext: string;
-    /**
-     * Inline Mode für Tooltip
-     */
-    private _inlinemode;
-    /**
-     * Definiert ob der Tooltip sichtbar sein soll
-     */
-    IsTooltipContentVisible: boolean;
-    /**
-     * Setter für Inline Mode für Tooltip
-     */
-    set inlinemode(value: boolean);
-    /**
-     * Getter für Inline Mode für Tooltip
-     */
-    get inlinemode(): boolean;
-    /**
-     * Name des Containers für Content (z.B. Icon) auf welchem der Tooltip angezeigt wird.
-     */
-    content: ElementRef<HTMLElement>;
-    /**
-     * Name des Containers für den Tooltip
-     */
-    private tooltipcontainer;
-    /**
-     * Setter für Name des Containers für den Tooltip. Wird benötigt, da Tooltip via NGIF ausgeblendet werden kann.
-     */
-    set tooltip(content: ElementRef);
-    /**
-     * Konstruktor
-     * @param ref Element Referenz
-     */
-    constructor(cdRef: ChangeDetectorRef, ref: ElementRef);
-    /**
-     * Ervent wenn das Control initialisert wird
-     */
-    ngOnInit(): void;
-    /**
-     * Event wenn das Control zerstört wird.
-     */
-    ngOnDestroy(): void;
-    /**
-     * Berechnet die Position des Tooltips von Oben
-     */
-    private getTopPosition;
-    /**
-     * Berechnet die Position des Tooltips von Links
-     */
-    private getLeftPosition;
-    /**
-     * Berechnet die Höhe des Tooltips
-     */
-    private getToolTipHeight;
-    /**
-     * Berechnet die Breite die Tooltips
-     */
-    private getToolTipWidth;
-    /**
-     * Definiert ob der Tooltip im Markup vorhanden ist
-     */
-    IsTooltipVisible(): boolean;
-    /**
-     * Tooltip anzeigen
-     */
-    ShowTooltip(): void;
-    /**
-     * Tooltip ausblenden
-     */
-    HideTooltip(): void;
-    /**
-     * Methode wenn Content geändert hat und Proporties im UI neu gesetzt werden müssen.
-     */
-    private onContentChange;
-    /**
-     * Gibt die Position des Tooltips zurück
-     */
-    GetTooltipPosition(): TooltipPosition;
-    /**
-     * Definiert ob AutoPosition aktiv ist
-     */
-    private IsAutoPosition;
-    /**
-     * Gibt die definierte Position für den Tooltip zurück
-     */
-    private GetPosition;
-    /**
-     * Gibt zurück, ob die Position konfiguriert wurde
-     *
-     * @param position Position auf welche geprüft wird
-     */
-    private HasPosition;
-    /**
-     * Prüft ob die Position gültig ist, resp. der Tooltip auf die Position platz hat
-     */
-    private ValidatePositions;
-}
+import { TooltipPosition } from '../../utilities/enums';
+import { AfterViewChecked, ChangeDetectorRef, DoCheck, ElementRef, OnDestroy, OnInit } from '@angular/core';
+/**
+ * Tooltip Component
+ *
+ * Requires the following identifiers in the HTML markup
+ * - container: Container for ng-content in which the element is displayed where the tooltip is attached.
+ * - tooltip: Container for tooltip
+ *
+ * Tooltip must be displayed in 2 steps. In a first step the tooltip markup is created with (ngIf). In a 2nd step
+ * the tooltip can then be displayed via the CSS visibility. If this is not done, it can lead to a flickering effect in certain browsers.
+ *
+ */
+export declare abstract class SacTooltipCommon implements OnInit, OnDestroy, AfterViewChecked, DoCheck {
+    private readonly cdRef;
+    private readonly ref;
+    /**
+     * Helper class to display tooltip on correct position
+     */
+    private readonly popupHelper;
+    /**
+     * Inline mode for tooltip
+     */
+    private _inlinemode;
+    /**
+     * Defines whether the tooltip is visible
+     */
+    private _isTooltipVisible;
+    /**
+     * Containers for the tooltip
+     */
+    private tooltipcontainer;
+    /**
+     * Position of the tooltip on the left
+     */
+    IsTooltipContentVisible: boolean;
+    /**
+     * Position of the tooltip on the left
+     */
+    LeftPos: number;
+    /**
+     * Property for enum in Angular HTML template
+     */
+    TooltipPosition: typeof TooltipPosition;
+    /**
+     * Position of the tooltip at the top
+     */
+    TopPos: number;
+    /**
+     * Name of the container for content (e.g. icon) on which the tooltip is displayed.
+     */
+    content: ElementRef<HTMLElement>;
+    /**
+     * Identifier used for the E2E data attribute.
+     */
+    e2eidentifier: string | null;
+    /**
+     * name of control
+     */
+    name: 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 tooltip. Values: left|top|right|bottom|auto
+     *
+     * Value 'auto' can be combined with another value.
+     */
+    position: string;
+    /**
+     * Text for ToolTip
+     */
+    tooltiptext: string;
+    /**
+     * Constructor
+     * @param cdRef Change detector reference for updating component view
+     * @param ref Element reference
+     */
+    constructor(cdRef: ChangeDetectorRef, ref: ElementRef);
+    /**
+     * Property for inline mode for tooltip. Sets the display mode on the wrapper element to `inline`
+     */
+    get inlinemode(): boolean;
+    /**
+     * Setter for inline mode for tooltip
+     */
+    set inlinemode(value: boolean);
+    /**
+     * Setter for the name of the container for the tooltip. Is required as the tooltip can be hidden via ngIf.
+     */
+    set tooltip(content: ElementRef);
+    get tooltop(): ElementRef;
+    /**
+     * Returns the position of the tooltip
+     * @returns TooltipPosition The calculated position for the tooltip
+     */
+    GetTooltipPosition(): TooltipPosition;
+    /**
+     * Hide tooltip
+     */
+    HideTooltip(): void;
+    /**
+     * Defines whether the tooltip is present in the markup
+     * @returns Boolean indicating whether the tooltip is visible
+     */
+    IsTooltipVisible(): boolean;
+    /**
+     * Show tooltip
+     */
+    ShowTooltip(): void;
+    /**
+     * Calculates the height of the tooltip
+     * @returns The height of the tooltip in pixels
+     */
+    getToolTipHeight(): number;
+    /**
+     * Calculates the width of the tooltips
+     * @returns The width of the tooltip in pixels
+     */
+    getToolTipWidth(): number;
+    /**
+     * Detect changes after view checked. Prevent ExpressionChangedAfterItHasBeenCheckedError error
+     */
+    ngAfterViewChecked(): void;
+    /**
+     * Detect UI changes to calculate tooltip correctly
+     */
+    ngDoCheck(): void;
+    /**
+     * Event when the control is destroyed.
+     */
+    ngOnDestroy(): void;
+    /**
+     * Event when the control is initialized
+     */
+    ngOnInit(): void;
+    /**
+     * Offset for Tooltip. Required for BS4/BS5 to create padding
+     */
+    protected abstract getTooltipOffset(): number;
+    /**
+     * Calculates the position of the tooltip from links
+     */
+    private getLeftPosition;
+    /**
+     * Calculates the position of the tooltip from the top
+     */
+    private getTopPosition;
+    /**
+     * method if content has changed and proportions need to be reset in the UI.
+     */
+    private readonly onContentChange;
+}

package/controls/tooltip/tooltip.ngfactory.d.ts

@@ -1 +1 @@
-export {};
+export {};