@sebgroup/green-angular 10.0.3 → 10.0.4

package/src/v-angular/toast/index.d.ts

@@ -1,4 +1,65 @@
-export * from './toast-message.service';
-export * from './toast.component';
-export * from './toast.models';
-export * from './toast.module';
+import * as i0 from '@angular/core';
+import { TemplateRef, OnInit, OnDestroy } from '@angular/core';
+import { Observable } from 'rxjs';
+import * as i2 from '@angular/common';
+import * as i3 from '@jsverse/transloco';
+import * as i4 from '@sebgroup/green-angular/src/lib/shared';
+
+interface ToastMessage {
+    type: MessageType | 'success' | 'information' | 'error' | 'warning';
+    translocoScope?: string;
+    titleText?: string;
+    bodyText?: string;
+    template?: TemplateRef<any>;
+    templateContext?: any;
+    timeout?: number;
+    timeoutId?: number;
+    timeoutStartTime?: number;
+}
+declare enum MessageType {
+    Success = "success",
+    Information = "information",
+    Error = "error",
+    Warning = "warning"
+}
+
+declare class ToastMessageService {
+    private messages;
+    private messageSubject;
+    add(message: ToastMessage): void;
+    addMessage(type: 'success' | 'information' | 'error' | 'warning', translocoScope: string, titleText: string, bodyText?: string, timeout?: number, template?: TemplateRef<any>, templateContext?: any): void;
+    removeMessage(message: ToastMessage): void;
+    pauseMessageTimeout(message: ToastMessage): void;
+    resumeMessageTimeout(message: ToastMessage): void;
+    getMessages(): Observable<ToastMessage[]>;
+    private getDuplicateMessageIndex;
+    private removeMessageByIndex;
+    private setMessageRemoveTimeout;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToastMessageService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ToastMessageService>;
+}
+
+declare class ToastComponent implements OnInit, OnDestroy {
+    private toastMessageService;
+    closeButtonAriaLabel?: string;
+    private toastMessagesSubscription;
+    messages: ToastMessage[];
+    constructor(toastMessageService: ToastMessageService);
+    ngOnInit(): void;
+    onMouseEnter(message: ToastMessage): void;
+    onMouseLeave(message: ToastMessage): void;
+    removeMessage(message: ToastMessage): void;
+    trackByMessageIndex(index: number, message: ToastMessage): number;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToastComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToastComponent, "nggv-toast", never, { "closeButtonAriaLabel": { "alias": "closeButtonAriaLabel"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class NggvToastModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvToastModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvToastModule, [typeof ToastComponent], [typeof i2.CommonModule, typeof i3.TranslocoModule, typeof i4.NggCoreWrapperModule], [typeof ToastComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvToastModule>;
+}
+
+export { MessageType, NggvToastModule, ToastComponent, ToastMessageService };
+export type { ToastMessage };

package/src/v-angular/tooltip/index.d.ts

@@ -1,2 +1,118 @@
-export * from './tooltip.directive';
-export * from './tooltip.module';
+import * as i0 from '@angular/core';
+import { AfterViewInit, OnChanges, OnDestroy, EventEmitter, SimpleChange, ElementRef, Renderer2, SimpleChanges } from '@angular/core';
+import * as i2 from '@sebgroup/green-angular/src/v-angular/i18n';
+
+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
+ */
+declare class NggvTooltipDirective 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;
+    /** Id of tooltip element. */
+    tooltipId?: string;
+    /** 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<NggvTooltipDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NggvTooltipDirective, "[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; }; "tooltipId": { "alias": "tooltipId"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; }, { "nggvShow": "nggvShow"; "nggvHide": "nggvHide"; }, never, never, false, never>;
+}
+
+declare class NggvTooltipModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggvTooltipModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggvTooltipModule, [typeof NggvTooltipDirective], [typeof i2.NggvI18nModule], [typeof NggvTooltipDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggvTooltipModule>;
+}
+
+export { NggvTooltipDirective, NggvTooltipModule };
+export type { Placement };