ngx-tooltip-directives - npm Package Compare versions

Comparing version 19.1.0 to 20.0.0

index.d.ts

@@ -1,5 +0,287 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="ngx-tooltip-directives" />
-export * from './public-api';
+import * as i0 from '@angular/core';
+import { OnInit, OnChanges, OnDestroy, EventEmitter, ElementRef, ViewContainerRef, ApplicationRef, Injector, SimpleChanges, TemplateRef, Renderer2, ModuleWithProviders } from '@angular/core';
+import { SafeHtml } from '@angular/platform-browser';
+import * as rxjs from 'rxjs';
+import { Subject } from 'rxjs';
+
+type Placement = 'top' | 'bottom' | 'left' | 'right' | 'bottom-left' | 'top-left';
+
+interface TooltipOptions {
+    id?: string | number;
+    placement?: Placement;
+    autoPlacement?: boolean;
+    contentType?: ContentType;
+    textColor?: string;
+    backgroundColor?: string;
+    borderColor?: string;
+    textAlign?: "left" | "center" | "right";
+    padding?: string;
+    shadow?: boolean;
+    showDelay?: number;
+    hideDelay?: number;
+    hideDelayTouchscreen?: number;
+    zIndex?: number;
+    animationDuration?: number;
+    animationDurationDefault?: number;
+    trigger?: "hover" | "click";
+    tooltipClass?: string;
+    display?: boolean;
+    displayTouchscreen?: boolean;
+    offset?: number;
+    width?: string;
+    minWidth?: string;
+    maxWidth?: string;
+    hideDelayAfterClick?: number;
+    pointerEvents?: "auto" | "none";
+    position?: {
+        top: number;
+        left: number;
+    };
+}
+
+type ContentType = "string" | "html" | "template";
+declare abstract class BaseTooltipDirective implements OnInit, OnChanges, OnDestroy {
+    private initOptions;
+    private hostElementRef;
+    private viewContainerRef;
+    private appRef;
+    private injector;
+    private _tooltipContent;
+    private _tooltipContext;
+    get contentType(): ContentType | undefined;
+    private mergedOptions;
+    private collectedOptions;
+    options: TooltipOptions;
+    set id(val: string | number);
+    set placement(val: Placement);
+    set autoPlacement(val: boolean);
+    set textColor(val: string);
+    set backgroundColor(val: string);
+    set borderColor(val: string);
+    set textAlign(val: 'left' | 'center' | 'right');
+    set padding(val: string);
+    set hideDelayTouchscreen(val: number);
+    set zIndex(val: number);
+    set animationDuration(val: number);
+    set trigger(val: 'hover' | 'click');
+    set tooltipClass(val: string);
+    set display(val: boolean);
+    set displayTouchscreen(val: boolean);
+    set shadow(val: boolean);
+    set offset(val: number);
+    set width(val: string);
+    set minWidth(val: string);
+    set maxWidth(val: string);
+    set showDelay(val: number);
+    set hideDelay(val: number);
+    set hideDelayAfterClick(val: number);
+    set pointerEvents(val: 'auto' | 'none');
+    set position(val: {
+        top: number;
+        left: number;
+    });
+    events: EventEmitter<{
+        type: string;
+        position: {
+            top: number;
+            left: number;
+        } | DOMRect;
+    }>;
+    private refToTooltipComponent;
+    private tooltipComponent;
+    private isTooltipVisible;
+    private get isTooltipComponentDestroyed();
+    private get hostElementPosition();
+    private get isDisplayOnHover();
+    private get isDisplayOnClick();
+    private get isTouchScreen();
+    private clearTimeouts$;
+    private unsubscribeInputListeners$;
+    private destroy$;
+    constructor(initOptions: TooltipOptions, hostElementRef: ElementRef, viewContainerRef: ViewContainerRef, appRef: ApplicationRef, injector: Injector);
+    ngOnInit(): void;
+    ngOnChanges(_: SimpleChanges): void;
+    setTooltipContent(tooltipContent: string | SafeHtml | TemplateRef<any>, contentType: ContentType): void;
+    setTooltipContext(tooltipContext: any | undefined): void;
+    show(isInvokedFromOutside?: boolean): void;
+    hide(isInvokedFromOutside?: boolean): void;
+    /** Private library-Methods **/
+    private subscribeToShowTriggers;
+    private subscribeToHideTriggers;
+    private subscribeToResizeEvents;
+    private createTooltip;
+    private showTooltipAfterDelay;
+    private hideTooltipAfterDelay;
+    private appendComponentToBody;
+    private setTooltipVisibility;
+    private showTooltipOnHostComponent;
+    private hideTooltipOnHostComponent;
+    private assembleTooltipData;
+    private destroyTooltip;
+    private getMergedTooltipOptions;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaseTooltipDirective, [{ optional: true; }, null, null, null, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseTooltipDirective, never, never, { "options": { "alias": "options"; "required": false; }; "id": { "alias": "id"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "autoPlacement": { "alias": "autoPlacement"; "required": false; }; "textColor": { "alias": "textColor"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "borderColor": { "alias": "borderColor"; "required": false; }; "textAlign": { "alias": "textAlign"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "hideDelayTouchscreen": { "alias": "hideDelayTouchscreen"; "required": false; }; "zIndex": { "alias": "zIndex"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; "tooltipClass": { "alias": "tooltipClass"; "required": false; }; "display": { "alias": "display"; "required": false; }; "displayTouchscreen": { "alias": "displayTouchscreen"; "required": false; }; "shadow": { "alias": "shadow"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "width": { "alias": "width"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "showDelay": { "alias": "showDelay"; "required": false; }; "hideDelay": { "alias": "hideDelay"; "required": false; }; "hideDelayAfterClick": { "alias": "hideDelayAfterClick"; "required": false; }; "pointerEvents": { "alias": "pointerEvents"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, { "events": "events"; }, never, never, true, never>;
+}
+
+declare class TooltipStrDirective extends BaseTooltipDirective {
+    set tooltipStr(value: string);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TooltipStrDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipStrDirective, "[tooltipStr]", ["tooltipStr"], { "tooltipStr": { "alias": "tooltipStr"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class TooltipHtmlDirective extends BaseTooltipDirective {
+    set tooltipHtml(value: SafeHtml);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TooltipHtmlDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipHtmlDirective, "[tooltipHtml]", ["tooltipHtml"], { "tooltipHtml": { "alias": "tooltipHtml"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class TooltipTemplateDirective extends BaseTooltipDirective {
+    set tooltipTemplate(value: TemplateRef<any>);
+    set tooltipContext(value: any);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TooltipTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipTemplateDirective, "[tooltipTemplate]", ["tooltipTemplate"], { "tooltipTemplate": { "alias": "tooltipTemplate"; "required": false; }; "tooltipContext": { "alias": "tooltipContext"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+interface TooltipDto {
+    tooltipStr?: string;
+    tooltipHtml?: SafeHtml;
+    tooltipTemplate?: TemplateRef<any>;
+    tooltipContext?: any;
+    hostElement: any;
+    hostElementPosition: {
+        top: number;
+        left: number;
+    } | DOMRect;
+    options: TooltipOptions;
+}
+
+declare class TooltipComponent implements OnInit, OnDestroy {
+    private elementRef;
+    private renderer;
+    private userClickOutsideTooltipSubject;
+    userClickOutsideTooltip$: rxjs.Observable<MouseEvent>;
+    private visibilityChangeCompletedSubject;
+    visibilityChangeCompleted$: rxjs.Observable<{
+        type: string;
+    }>;
+    destroy$: Subject<void>;
+    tooltipState: string;
+    transitionTime: string;
+    tooltipClass: boolean;
+    hostStyleTop: string;
+    hostStyleLeft: string;
+    hostStylePadding: string;
+    hostStyleZIndex: number;
+    hostStyleWidth: string;
+    hostStyleMinWidth: string;
+    hostStyleMaxWidth: string;
+    hostStylePointerEvents: string;
+    hostClassShadow: boolean;
+    textColor: string;
+    textAlign: string;
+    backgroundColor: string;
+    borderColor: string;
+    tooltipStr: string;
+    tooltipHtml: SafeHtml;
+    tooltipTemplate: TemplateRef<any>;
+    tooltipContext: any | undefined;
+    prioritizedPlacements: Placement[];
+    currentContentType: ContentType;
+    originalPlacement: Placement;
+    autoPlacement: boolean;
+    hostElement: any;
+    hostElementPosition: {
+        top: number;
+        left: number;
+    } | DOMRect;
+    tooltipOffset: number;
+    constructor(elementRef: ElementRef, renderer: Renderer2);
+    ngOnInit(): void;
+    showTooltip(config: TooltipDto): void;
+    hideTooltip(): void;
+    setPosition(): void;
+    private listenToClicksOutsideTooltip;
+    private listenToFadeInEnd;
+    private listenToFadeOutEnd;
+    private setTooltipProperties;
+    private setPlacementStyles;
+    private removeAllPlacementClasses;
+    private calculateTooltipStylesForPlacement;
+    private isPlacementInsideVisibleArea;
+    private setCustomClass;
+    private setZIndex;
+    private setPointerEvents;
+    private setAnimationDuration;
+    private setStyles;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TooltipComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "tooltip", never, {}, {}, never, never, true, never>;
+}
+
+declare class NgxTooltipDirectivesModule {
+    static forRoot(initOptions: TooltipOptions): ModuleWithProviders<NgxTooltipDirectivesModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxTooltipDirectivesModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxTooltipDirectivesModule, never, [typeof TooltipComponent, typeof TooltipStrDirective, typeof TooltipHtmlDirective, typeof TooltipTemplateDirective], [typeof TooltipStrDirective, typeof TooltipHtmlDirective, typeof TooltipTemplateDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NgxTooltipDirectivesModule>;
+}
+
+declare abstract class MockBaseTooltipDirective {
+    tooltipContent: string | SafeHtml | TemplateRef<any>;
+    get contentType(): ContentType | undefined;
+    private mergedOptions;
+    private collectedOptions;
+    options: TooltipOptions;
+    set id(val: string | number);
+    set placement(val: Placement);
+    set autoPlacement(val: boolean);
+    set textColor(val: string);
+    set backgroundColor(val: string);
+    set borderColor(val: string);
+    set textAlign(val: 'left' | 'center' | 'right');
+    set padding(val: string);
+    set hideDelayTouchscreen(val: number);
+    set zIndex(val: number);
+    set animationDuration(val: number);
+    set trigger(val: 'hover' | 'click');
+    set tooltipClass(val: string);
+    set display(val: boolean);
+    set displayTouchscreen(val: boolean);
+    set shadow(val: boolean);
+    set offset(val: number);
+    set width(val: string);
+    set maxWidth(val: string);
+    set showDelay(val: number);
+    set hideDelay(val: number);
+    set hideDelayAfterClick(val: number);
+    set pointerEvents(val: 'auto' | 'none');
+    set position(val: {
+        top: number;
+        left: number;
+    });
+    static ɵfac: i0.ɵɵFactoryDeclaration<MockBaseTooltipDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MockBaseTooltipDirective, never, never, { "options": { "alias": "options"; "required": false; }; "id": { "alias": "id"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "autoPlacement": { "alias": "autoPlacement"; "required": false; }; "textColor": { "alias": "textColor"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "borderColor": { "alias": "borderColor"; "required": false; }; "textAlign": { "alias": "textAlign"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "hideDelayTouchscreen": { "alias": "hideDelayTouchscreen"; "required": false; }; "zIndex": { "alias": "zIndex"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; "tooltipClass": { "alias": "tooltipClass"; "required": false; }; "display": { "alias": "display"; "required": false; }; "displayTouchscreen": { "alias": "displayTouchscreen"; "required": false; }; "shadow": { "alias": "shadow"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "width": { "alias": "width"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "showDelay": { "alias": "showDelay"; "required": false; }; "hideDelay": { "alias": "hideDelay"; "required": false; }; "hideDelayAfterClick": { "alias": "hideDelayAfterClick"; "required": false; }; "pointerEvents": { "alias": "pointerEvents"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, {}, never, never, true, never>;
+}
+declare class MockTooltipStrDirective extends MockBaseTooltipDirective {
+    tooltipStr: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MockTooltipStrDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MockTooltipStrDirective, "[tooltipStr]", ["tooltipStr"], { "tooltipStr": { "alias": "tooltipStr"; "required": false; }; }, {}, never, never, true, never>;
+}
+declare class MockTooltipHtmlDirective extends MockBaseTooltipDirective {
+    tooltipHtml: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MockTooltipHtmlDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MockTooltipHtmlDirective, "[tooltipHtml]", ["tooltipHtml"], { "tooltipHtml": { "alias": "tooltipHtml"; "required": false; }; }, {}, never, never, true, never>;
+}
+declare class MockTooltipTemplateDirective extends MockBaseTooltipDirective {
+    tooltipTemplate: any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MockTooltipTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MockTooltipTemplateDirective, "[tooltipTemplate]", ["tooltipTemplate"], { "tooltipTemplate": { "alias": "tooltipTemplate"; "required": false; }; }, {}, never, never, true, never>;
+}
+declare class MockNgxTooltipDirectivesModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MockNgxTooltipDirectivesModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MockNgxTooltipDirectivesModule, never, [typeof MockTooltipStrDirective, typeof MockTooltipHtmlDirective, typeof MockTooltipTemplateDirective], [typeof MockTooltipStrDirective, typeof MockTooltipHtmlDirective, typeof MockTooltipTemplateDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MockNgxTooltipDirectivesModule>;
+}
+
+export { MockBaseTooltipDirective, MockNgxTooltipDirectivesModule, MockTooltipHtmlDirective, MockTooltipStrDirective, MockTooltipTemplateDirective, NgxTooltipDirectivesModule, TooltipHtmlDirective, TooltipStrDirective, TooltipTemplateDirective };
+export type { TooltipOptions };

package.json

 {
   "name": "ngx-tooltip-directives",
-  "version": "19.1.0",
+  "version": "20.0.0",
   "description": "Tooltips for Angular",
@@ -26,5 +26,5 @@ "homepage": "https://mkeller1992.github.io/ngx-tooltip-directives",
   "peerDependencies": {
-    "@angular/common": "^19.0.0",
-    "@angular/core": "^19.0.0",
-    "rxjs": "~7.8.0"
+    "@angular/common": "^20.0.0",
+    "@angular/core": "^20.0.0",
+    "rxjs": "~7.8.2"
   },
@@ -31,0 +31,0 @@ "dependencies": {

No alert changes

Worsened metrics

Total package byte prevSize

151219

-1%

Number of package files

5

-72.22%

Lines of code

1341

-3.11%

No dependency changes