@sebgroup/green-angular 4.6.1 → 4.6.3

package/v-angular/tooltip/tooltip.directive.d.ts

@@ -0,0 +1,106 @@
+import { AfterViewInit, ElementRef, EventEmitter, OnChanges, OnDestroy, Renderer2, SimpleChange, SimpleChanges } from '@angular/core';
+import * as i0 from "@angular/core";
+export type Placement = 'top' | 'right' | 'bottom' | 'left';
+type Position = {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+};
+/**
+ * A tooltip is a text label that acts as a helper to a specific item.
+ * Recommended to use value `top` or `bottom` with `placement` for responsive design.
+ * Dynamic resizing and tooltip position are a work in progress.
+ * https://designlibrary.sebgroup.com/components/component-tooltip
+ */
+export declare class NgvTooltipDirective implements AfterViewInit, OnChanges, OnDestroy {
+    private anchorElementRef;
+    private renderer;
+    /** The text that will be shown in the tooltip. */
+    nggvTooltip?: string;
+    /** Special property used for selecting DOM elements during automated UI testing. */
+    thook: string;
+    /** The side of the anchor which the tooltip will be rendered.
+     * Recommended `top` and `bottom` for responsive designs as these are more stable.
+     */
+    placement: Placement;
+    /** Initial state and subsequent updates on wether the tooltip is visible. */
+    shown: boolean;
+    /** How far off from the text the tooltip will be rendered. */
+    offset: number;
+    /** How frequently the tooltip will be re-rendered when the page size changes. */
+    resizeThrottle: number;
+    /** Numeric max-width for tooltip. */
+    maxWidth: number;
+    /** Emits a show event triggered changing visibility state of the tooltip. */
+    nggvShow: EventEmitter<HTMLElement>;
+    /** Emits a hide event triggered changing visibility state of the tooltip. */
+    nggvHide: EventEmitter<HTMLElement>;
+    /** @internal */
+    protected timeout: number;
+    /** @internal */
+    protected parentElement: HTMLElement;
+    /** @internal */
+    protected anchorElement: HTMLElement;
+    /** @internal */
+    protected tooltipElement: HTMLElement | undefined;
+    /** @internal */
+    protected arrowElement: HTMLElement | undefined;
+    /** @internal Check if changes should trigger a re-render */
+    static shouldUpdate(change: SimpleChange): boolean;
+    constructor(anchorElementRef: ElementRef, renderer: Renderer2);
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    /** @internal */
+    onMouseEnter(): void;
+    /** @internal */
+    onMouseLeave(): void;
+    /** @internal */
+    resize(): void;
+    /**
+     * Sets the visibility state of the tooltip to true and creates a new tooltip if it doesn't exist or `recreate` is set.
+     * @param recreate if set to true, destroy any existing tooltip and create a new one.
+     */
+    show(recreate?: boolean): void;
+    /**
+     * Sets the visibility state of the tooltip to false and destroys an existing tooltip if `destroy` is set.
+     * @param destroy if set to true, destroy any existing tooltip.
+     */
+    hide(destroy?: boolean): void;
+    /**
+     * @internal
+     * Creates a new tooltip with the set placement and a given text as its body.
+     * @param text the string to be displayed in the tooltip body.
+     */
+    create(text: string): void;
+    /**
+     * @internal
+     * Destroys the current tooltip by un-setting variables, should only be used after detaching elements from the DOM.
+     */
+    destroy(): void;
+    /**
+     * @internal
+     * Recalculates the position of the tooltip.
+     */
+    updatePosition(): void;
+    /**
+     * @internal
+     * Calculates and set the position of the tooltip when the placement is `top` or `bottom`.
+     */
+    alignVertical(above: boolean, scrollPos: number, anchor: DOMRect, tooltipWidth: number, tooltipHeight: number, arrowWidth: number): void;
+    /**
+     * @internal
+     * Calculates and set the position of the tooltip when the placement is `left` or `right`.
+     */
+    alignHorizontal(before: boolean, scrollPos: number, anchor: DOMRect, tooltipHeight: number): void;
+    /**
+     * @internal
+     * Updates the CSS properties for the tooltip position.
+     */
+    setStyle(tooltip: Position, arrow: Position): void;
+    private pxToRem;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgvTooltipDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgvTooltipDirective, "[nggvTooltip]", never, { "nggvTooltip": { "alias": "nggvTooltip"; "required": false; }; "thook": { "alias": "thook"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "shown": { "alias": "shown"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "resizeThrottle": { "alias": "resizeThrottle"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; }, { "nggvShow": "nggvShow"; "nggvHide": "nggvHide"; }, never, never, false, never>;
+}
+export {};

package/v-angular/tooltip/tooltip.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./tooltip.directive";
+import * as i2 from "@sebgroup/green-angular/src/v-angular/i18n";
+export declare class NgvTooltipModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgvTooltipModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgvTooltipModule, [typeof i1.NgvTooltipDirective], [typeof i2.NgvI18nModule], [typeof i1.NgvTooltipDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NgvTooltipModule>;
+}

package/v-angular/v-angular.module.d.ts

@@ -0,0 +1,23 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "./base-control-value-accessor/base-control-value-accessor.module";
+import * as i3 from "./breadcrumbs/breadcrumbs.module";
+import * as i4 from "./button/button.module";
+import * as i5 from "./card/card.module";
+import * as i6 from "./character-countdown/character-countdown.module";
+import * as i7 from "./checkbox/checkbox.module";
+import * as i8 from "./dropdown/dropdown.module";
+import * as i9 from "./i18n/i18n.module";
+import * as i10 from "./info-circle/info-circle.module";
+import * as i11 from "./input/input.module";
+import * as i12 from "./input-mask/input-mask.module";
+import * as i13 from "./modal/modal.module";
+import * as i14 from "./radio/radio.module";
+import * as i15 from "./textarea/textarea.module";
+import * as i16 from "./tooltip/tooltip.module";
+import * as i17 from "./dropdown/typeahead/typeahead.module";
+export declare class NggvModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvModule, never, [typeof i1.CommonModule], [typeof i2.NgvBaseControlValueAccessorModule, typeof i3.NgvBreadcrumbsModule, typeof i4.NgvButtonModule, typeof i5.NgvCardModule, typeof i6.NggCharacterCountdownDirectiveModule, typeof i7.NgvCheckboxModule, typeof i8.NgvDropdownModule, typeof i9.NgvI18nModule, typeof i10.NgvInfoCircleModule, typeof i11.NgvInputModule, typeof i12.NgvInputMaskModule, typeof i13.NgvModalModule, typeof i14.NgvRadioModule, typeof i15.NgvTextareaModule, typeof i16.NgvTooltipModule, typeof i17.NgvTypeaheadModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvModule>;
+}