@datarailsshared/datarailsshared 1.6.204 → 1.6.208

package/lib/dr-dropdown/dr-dropdown.component.d.ts

@@ -1,34 +1,43 @@
-import { ElementRef, EventEmitter, SimpleChanges } from '@angular/core';
-import { IDropdown, IDropdownAction, IDropdownActionIcon, IDropdownItem } from '../models/dropdown';
+import { ElementRef, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { ICustomTooltipComponent, IDropdown, IDropdownAction, IDropdownActionIcon, IDropdownItem } from '../models/dropdown';
 import { DropdownInstanceRef } from './dr-dropdown.service';
+import { Position } from '../models/position';
+import { TooltipOptions } from '../dr-tooltip/dr-tooltip.component';
+import { TooltipTheme } from '../dr-tooltip/enums/tooltip-theme.enum';
 import * as i0 from "@angular/core";
-export declare class DrDropdownComponent implements DropdownInstanceRef {
+export declare class DrDropdownComponent implements DropdownInstanceRef, OnChanges {
+    constructor();
     private readonly cdr;
     private readonly popoverRef;
     private readonly dropdownInstanceService;
+    private readonly drDropdownInHoverChange$;
     private readonly destroy$;
     private _active;
-    menuContainer: ElementRef<HTMLDivElement>;
     drDropdownInHover: boolean;
-    private readonly drDropdownInHoverChange$;
     list: IDropdownItem<unknown>[];
     containerClass: string;
     wasHovered: boolean;
     asChild: boolean;
     dataAnalytics: string;
+    menuContainer: ElementRef<HTMLDivElement>;
     set options(data: IDropdown<IDropdownItem<unknown>>);
     onAction: EventEmitter<IDropdownAction<unknown>>;
-    constructor();
     ngOnChanges(changes: SimpleChanges): void;
+    onMouseleave(): void;
+    active(): boolean;
     disabled(act: IDropdownItem<unknown>): boolean;
     selected(act: IDropdownItem<unknown>): boolean;
-    tooltipToShow(act: IDropdownItem<unknown>): string;
+    tooltipToShow(act: IDropdownItem<unknown>): string | ICustomTooltipComponent;
+    getTooltipOptions(act: IDropdownItem<unknown>): TooltipOptions;
+    getTooltipPosition(act: IDropdownItem<unknown>): Position;
+    getTooltipTheme(act: IDropdownItem<unknown>): TooltipTheme;
+    getTooltipMousleaveTimeout(act: IDropdownItem<unknown>): number;
+    getTooltipMouseEnterTimeout(act: IDropdownItem<unknown>): number;
+    private getCustomTooltipComponent;
     action(act: IDropdownItem<unknown>): void;
     onActionIconClick($event: MouseEvent, actionIcon: IDropdownActionIcon<unknown>, data: unknown): void;
     hasChildren(item: IDropdownItem<unknown>): boolean;
     onMouseenter(): void;
-    onMouseleave(): void;
-    active(): boolean;
     getDataAnalyticsTag(act: IDropdownItem<unknown>, index: number): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<DrDropdownComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DrDropdownComponent, "dr-dropdown", never, { "options": { "alias": "options"; "required": false; }; }, { "onAction": "action"; }, never, ["dr-dropdown-item"], false, never>;

package/lib/dr-tooltip/components/tooltip-custom/tooltip-custom.component.d.ts

@@ -0,0 +1,14 @@
+import { OnChanges, SimpleChanges } from '@angular/core';
+import { ICustomTooltipComponent } from '../../../models/dropdown';
+import * as i0 from "@angular/core";
+export declare class TooltipCustomComponent implements OnChanges {
+    private readonly injector;
+    private readonly environmentInjector;
+    private cmpRef;
+    private container;
+    content: ICustomTooltipComponent;
+    ngOnChanges(changes: SimpleChanges): void;
+    private renderComponent;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TooltipCustomComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TooltipCustomComponent, "dr-tooltip-custom", never, { "content": { "alias": "content"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/dr-tooltip/dr-tooltip.component.d.ts

@@ -2,7 +2,7 @@ import { OnInit } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
 import { TooltipTheme } from './enums/tooltip-theme.enum';
 import * as i0 from "@angular/core";
-type TooltipOptions = {
+export type TooltipOptions = {
     withoutContainerStyles?: boolean;
     withoutArrow?: boolean;
 };
@@ -14,6 +14,7 @@ export declare class TooltipComponent implements OnInit {
     class: string;
     theme: TooltipTheme;
     isContentTemplate: boolean;
+    isCustomTooltip: boolean;
     readonly role = "tooltip";
     isMouseOn$: BehaviorSubject<boolean>;
     ngOnInit(): void;
@@ -22,4 +23,3 @@ export declare class TooltipComponent implements OnInit {
     static ɵfac: i0.ɵɵFactoryDeclaration<TooltipComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "dr-tooltip", never, { "content": { "alias": "content"; "required": false; }; "contentContext": { "alias": "contentContext"; "required": false; }; "position": { "alias": "position"; "required": false; }; "options": { "alias": "options"; "required": false; }; "class": { "alias": "class"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, never, true, never>;
 }
-export {};

package/lib/dr-tooltip/dr-tooltip.module.d.ts

@@ -1,10 +1,11 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./components/tooltip-default/tooltip-default.component";
 import * as i2 from "./components/tooltip-info/tooltip-info.component";
-import * as i3 from "./dr-tooltip.component";
-import * as i4 from "./dr-tooltip.directive";
+import * as i3 from "./components/tooltip-custom/tooltip-custom.component";
+import * as i4 from "./dr-tooltip.component";
+import * as i5 from "./dr-tooltip.directive";
 export declare class DrTooltipModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DrTooltipModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DrTooltipModule, never, [typeof i1.TooltipDefaultComponent, typeof i2.TooltipInfoComponent, typeof i3.TooltipComponent, typeof i4.DrTooltipDirective], [typeof i1.TooltipDefaultComponent, typeof i2.TooltipInfoComponent, typeof i3.TooltipComponent, typeof i4.DrTooltipDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DrTooltipModule, never, [typeof i1.TooltipDefaultComponent, typeof i2.TooltipInfoComponent, typeof i3.TooltipCustomComponent, typeof i4.TooltipComponent, typeof i5.DrTooltipDirective], [typeof i1.TooltipDefaultComponent, typeof i2.TooltipInfoComponent, typeof i3.TooltipCustomComponent, typeof i4.TooltipComponent, typeof i5.DrTooltipDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DrTooltipModule>;
 }

package/lib/models/dropdown.d.ts

@@ -1,5 +1,8 @@
 import { TemplateRef } from '@angular/core';
 import { Position } from './position';
+import { ComponentType } from '@angular/cdk/portal';
+import { TooltipOptions } from '../dr-tooltip/dr-tooltip.component';
+import { TooltipTheme } from '../dr-tooltip/enums/tooltip-theme.enum';
 export interface IDropdown<T> {
     drDropdownInHover?: boolean;
     position?: Position;
@@ -19,7 +22,7 @@ export interface IDropdownItem<T> {
     show?: (p: any) => boolean;
     disabled?: ((p: T) => boolean) | boolean;
     toolTip?: string;
-    customTooltip?: (p: any) => string;
+    customTooltip?: (p: any) => string | ICustomTooltipComponent;
     toolTipIfDisabled?: boolean;
     children?: IDropdownItem<T>[];
     childOptions?: IDropdownChild<T>;
@@ -32,6 +35,18 @@ export interface IDropdownItem<T> {
     }>;
     dataAnalytics?: string;
 }
+export interface ICustomTooltipComponentOptions extends TooltipOptions {
+    position?: Position;
+    theme?: TooltipTheme;
+    drTooltipMousleaveTimeout?: number;
+    drTooltipMouseEnterTimeout?: number;
+}
+export interface ICustomTooltipComponent<T = any> {
+    component: ComponentType<T>;
+    inputs?: Partial<T>;
+    providers?: any[];
+    options?: ICustomTooltipComponentOptions;
+}
 export interface IDropdownActionIcon<T> {
     icon: string;
     action: (p: T) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datarailsshared/datarailsshared",
-  "version": "1.6.204",
+  "version": "1.6.208",
   "description": "DataRails shared components",
   "keywords": [
     "angular",

package/public-api.d.ts

@@ -112,7 +112,7 @@ export * from './lib/pipes/filter/filter.pipe';
 export * from './lib/models/datePicker';
 export { TAG_TYPES, ITag, IDateTag, IListTag, ITagForServer, IDynamicTag, TDynamicTagValue, TDynamicTag, TagTypes, TagsConfigSubType, TConnectedTags, } from './lib/models/serverTags';
 export { ISpinnerOptions, SpinnerType, SpinnerSize } from './lib/models/spinnerOptions';
-export { IDropdown, IDropdownItem, IDropdownActionIcon, IDropdownAction } from './lib/models/dropdown';
+export { IDropdown, IDropdownItem, IDropdownActionIcon, IDropdownAction, ICustomTooltipComponent, ICustomTooltipComponentOptions, } from './lib/models/dropdown';
 export { Position } from './lib/models/position';
 export { DrPopoverRef, IDrPopoverComponentModel, Point, DrPopoverConfig, IPopoverManualClosing, DrPopoverAlignment, DrPopoverAlignmentDimension, } from './lib/models/popover';
 export { IValidationError } from './lib/models/validationError';