@datarailsshared/datarailsshared 1.6.206 → 1.6.210

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-inputs/date-pickers/dr-date-picker/dr-date-picker.component.d.ts

@@ -18,10 +18,10 @@ export declare class DrDatePickerComponent implements ControlValueAccessor, Afte
     datePickerService: DrDatePickerService;
     id?: string;
     hostId: any;
-    panelClass: string;
     useButton: boolean;
     buttonLabel: string;
     iconAfterButton: string;
+    panelClass: string;
     set useDarkTheme(value: boolean);
     /**
      * @description Controls date picker format input label, calendar start view and timeframe
@@ -100,5 +100,5 @@ export declare class DrDatePickerComponent implements ControlValueAccessor, Afte
     onOpen(): void;
     onCLose(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DrDatePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DrDatePickerComponent, "dr-date-picker", never, { "id": { "alias": "id"; "required": false; }; "useButton": { "alias": "useButton"; "required": false; }; "buttonLabel": { "alias": "buttonLabel"; "required": false; }; "iconAfterButton": { "alias": "iconAfterButton"; "required": false; }; "useDarkTheme": { "alias": "useDarkTheme"; "required": false; }; "format": { "alias": "format"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "startAt": { "alias": "startAt"; "required": false; }; "periodPosition": { "alias": "periodPosition"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "fiscalYearMonthsModifier": { "alias": "fiscalYearMonthsModifier"; "required": false; }; "fiscalYearBack": { "alias": "fiscalYearBack"; "required": false; }; "datepickerFilter": { "alias": "datepickerFilter"; "required": false; }; "selectCurrentQuarter": { "alias": "selectCurrentQuarter"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DrDatePickerComponent, "dr-date-picker", never, { "id": { "alias": "id"; "required": false; }; "useButton": { "alias": "useButton"; "required": false; }; "buttonLabel": { "alias": "buttonLabel"; "required": false; }; "iconAfterButton": { "alias": "iconAfterButton"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "useDarkTheme": { "alias": "useDarkTheme"; "required": false; }; "format": { "alias": "format"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "startAt": { "alias": "startAt"; "required": false; }; "periodPosition": { "alias": "periodPosition"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "fiscalYearMonthsModifier": { "alias": "fiscalYearMonthsModifier"; "required": false; }; "fiscalYearBack": { "alias": "fiscalYearBack"; "required": false; }; "datepickerFilter": { "alias": "datepickerFilter"; "required": false; }; "selectCurrentQuarter": { "alias": "selectCurrentQuarter"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/dr-inputs/dr-select/dr-select.component.d.ts

@@ -57,6 +57,7 @@ export declare class DrSelectComponent implements ControlValueAccessor, OnDestro
     optionTemplate: TemplateRef<any>;
     optionHeaderTemplate: TemplateRef<any>;
     optionFooterTemplate: TemplateRef<any>;
+    notFoundTemplate: TemplateRef<any>;
     asTextView: boolean;
     backdropElement: HTMLElement | null;
     constructor(elementRef: ElementRef<HTMLElement>, renderer: Renderer2);
@@ -78,5 +79,5 @@ export declare class DrSelectComponent implements ControlValueAccessor, OnDestro
     private hasHostAttributes;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DrSelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DrSelectComponent, "dr-select", never, { "type": { "alias": "type"; "required": false; }; "clearInputTextAfterSelection": { "alias": "clearInputTextAfterSelection"; "required": false; }; "className": { "alias": "className"; "required": false; }; "items": { "alias": "items"; "required": false; }; "addTag": { "alias": "addTag"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "bindLabel": { "alias": "bindLabel"; "required": false; }; "bindValue": { "alias": "bindValue"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "isDisplayingSearchInHeader": { "alias": "isDisplayingSearchInHeader"; "required": false; }; "minItemsToDisplaySearchInHeader": { "alias": "minItemsToDisplaySearchInHeader"; "required": false; }; "searchFn": { "alias": "searchFn"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "multipleHeightIncreased": { "alias": "multipleHeightIncreased"; "required": false; }; "hideSelected": { "alias": "hideSelected"; "required": false; }; "maxSelectedItems": { "alias": "maxSelectedItems"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingText": { "alias": "loadingText"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "groupBy": { "alias": "groupBy"; "required": false; }; "optionWithDescription": { "alias": "optionWithDescription"; "required": false; }; "id": { "alias": "id"; "required": false; }; "keyDownFn": { "alias": "keyDownFn"; "required": false; }; "selectedItem": { "alias": "selectedItem"; "required": false; }; "dropdownClass": { "alias": "dropdownClass"; "required": false; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; }; "textView": { "alias": "textView"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "noValuePadding": { "alias": "noValuePadding"; "required": false; }; "selectOnTabKeyPress": { "alias": "selectOnTabKeyPress"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "typeahead": { "alias": "typeahead"; "required": false; }; }, { "search": "search"; "scrollToEnd": "scrollToEnd"; "change": "change"; "open": "open"; "closeUp": "closeUp"; }, ["labelTemplate", "multiLabelTemplate", "optionTemplate", "optionHeaderTemplate", "optionFooterTemplate"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DrSelectComponent, "dr-select", never, { "type": { "alias": "type"; "required": false; }; "clearInputTextAfterSelection": { "alias": "clearInputTextAfterSelection"; "required": false; }; "className": { "alias": "className"; "required": false; }; "items": { "alias": "items"; "required": false; }; "addTag": { "alias": "addTag"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "bindLabel": { "alias": "bindLabel"; "required": false; }; "bindValue": { "alias": "bindValue"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "isDisplayingSearchInHeader": { "alias": "isDisplayingSearchInHeader"; "required": false; }; "minItemsToDisplaySearchInHeader": { "alias": "minItemsToDisplaySearchInHeader"; "required": false; }; "searchFn": { "alias": "searchFn"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "multipleHeightIncreased": { "alias": "multipleHeightIncreased"; "required": false; }; "hideSelected": { "alias": "hideSelected"; "required": false; }; "maxSelectedItems": { "alias": "maxSelectedItems"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingText": { "alias": "loadingText"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "groupBy": { "alias": "groupBy"; "required": false; }; "optionWithDescription": { "alias": "optionWithDescription"; "required": false; }; "id": { "alias": "id"; "required": false; }; "keyDownFn": { "alias": "keyDownFn"; "required": false; }; "selectedItem": { "alias": "selectedItem"; "required": false; }; "dropdownClass": { "alias": "dropdownClass"; "required": false; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; }; "textView": { "alias": "textView"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "noValuePadding": { "alias": "noValuePadding"; "required": false; }; "selectOnTabKeyPress": { "alias": "selectOnTabKeyPress"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "typeahead": { "alias": "typeahead"; "required": false; }; }, { "search": "search"; "scrollToEnd": "scrollToEnd"; "change": "change"; "open": "open"; "closeUp": "closeUp"; }, ["labelTemplate", "multiLabelTemplate", "optionTemplate", "optionHeaderTemplate", "optionFooterTemplate", "notFoundTemplate"], never, false, never>;
 }

package/lib/dr-inputs/dr-select-add-item/dr-select-add-item.component.d.ts

@@ -12,6 +12,7 @@ export declare class DrSelectAddItemComponent implements OnInit, OnChanges {
     bindValue: string;
     private values;
     alertMsg: string;
+    showOnlyInput: boolean;
     private dynamicValueAdded;
     set inputRef(input: DrInputComponent);
     constructor(drSelect: DrSelectComponent);
@@ -23,5 +24,5 @@ export declare class DrSelectAddItemComponent implements OnInit, OnChanges {
     onDynamicAdd(value: string, keydownEvent?: KeyboardEvent): void;
     private calculateCurrentValues;
     static ɵfac: i0.ɵɵFactoryDeclaration<DrSelectAddItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DrSelectAddItemComponent, "dr-select-add-item", never, { "dynamicAddLabel": { "alias": "dynamicAddLabel"; "required": false; }; "bindValue": { "alias": "bindValue"; "required": false; }; "values": { "alias": "values"; "required": false; }; "alertMsg": { "alias": "alertMsg"; "required": false; }; }, { "dynamicValueAdded": "dynamicValueAdded"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DrSelectAddItemComponent, "dr-select-add-item", never, { "dynamicAddLabel": { "alias": "dynamicAddLabel"; "required": false; }; "bindValue": { "alias": "bindValue"; "required": false; }; "values": { "alias": "values"; "required": false; }; "alertMsg": { "alias": "alertMsg"; "required": false; }; "showOnlyInput": { "alias": "showOnlyInput"; "required": false; }; }, { "dynamicValueAdded": "dynamicValueAdded"; }, never, never, 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.206",
+  "version": "1.6.210",
   "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';