@datarailsshared/datarailsshared 1.3.11 → 1.3.12

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

@@ -7,6 +7,7 @@ export declare class DrButtonComponent {
     icon: string;
     isBold: boolean;
     isLoading: boolean;
+    iconColor: string;
     click: EventEmitter<any>;
     constructor();
     onClick($event: any): void;

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

@@ -13,7 +13,7 @@ export declare class DrInputComponent implements AfterViewInit, ControlValueAcce
     clearable: boolean;
     blur: EventEmitter<any>;
     get elementClass(): string;
-    value: any;
+    innerValue: any;
     _disabled: any;
     _elementClass: string[];
     _buttonOptions: {
@@ -30,13 +30,17 @@ export declare class DrInputComponent implements AfterViewInit, ControlValueAcce
     prefixIcon: ElementRef;
     suffixIcon: ElementRef;
     tabindex: number;
+    onChangeCallback: (_: any) => void;
+    onTouchedCallback: () => void;
     onChange: (value: any) => void;
     onTouched: () => void;
     set(val: string): void;
+    get value(): string | number;
+    set value(v: string | number);
     constructor(elementRef: ElementRef, renderer: Renderer2, cdr: ChangeDetectorRef);
     ngAfterViewInit(): void;
     registerOnChange(fn: any): void;
-    registerOnTouched(fn: () => {}): void;
+    registerOnTouched(fn: any): void;
     writeValue(value: number | string): void;
     updateChanges(): void;
     setDisabledState(isDisabled: boolean): void;

package/lib/dr-popover/dr-popover-ref.d.ts

@@ -6,7 +6,11 @@ export declare class DrPopoverRef<T = any> {
     private overlayRef;
     componentRef: ComponentRef<DrPopoverComponent<T>>;
     protected onClose$: Subject<any>;
-    readonly onClose: Observable<any>;
+    /**
+     * Correct type is @type {Observable<any>}
+     */
+    readonly onClose: any;
+    readonly onBackdropClick: Observable<MouseEvent>;
     constructor(overlayRef: OverlayRef);
     close(res?: any): void;
 }

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

@@ -1,6 +1,7 @@
-import { ChangeDetectorRef, ComponentFactoryResolver, ComponentRef, ElementRef, TemplateRef, Type, ViewContainerRef } from '@angular/core';
+import { ChangeDetectorRef, ComponentFactoryResolver, ComponentRef, ElementRef, TemplateRef, Type, ViewContainerRef, OnInit } from '@angular/core';
 import { DrPopoverRef } from './dr-popover-ref';
-export declare class DrPopoverComponent<T> {
+import { Point } from '../models/popover';
+export declare class DrPopoverComponent<T> implements OnInit {
     private cdr;
     private componentFactoryResolver;
     private viewContainerRef;
@@ -9,11 +10,12 @@ export declare class DrPopoverComponent<T> {
     content: TemplateRef<any> | Type<T>;
     contentContext: any;
     class: string;
-    hostRef: ElementRef<unknown>;
+    hostRef: ElementRef<unknown> | HTMLElement | Point;
     manualClosing: boolean;
-    private set popoverContainer(value);
+    popoverContainer: ElementRef<HTMLElement>;
     isContentTemplate: boolean;
     componentRef: ComponentRef<T>;
     clickOutside(e: any): void;
     constructor(cdr: ChangeDetectorRef, componentFactoryResolver: ComponentFactoryResolver, viewContainerRef: ViewContainerRef, elementRef: ElementRef, popoverRef: DrPopoverRef<T>);
+    ngOnInit(): void;
 }

package/lib/dr-popover/dr-popover.directive.d.ts

@@ -1,11 +1,10 @@
-import { ElementRef, EventEmitter, Injector, OnDestroy, TemplateRef, Type } from '@angular/core';
-import { Overlay, OverlayConfig, OverlayPositionBuilder } from '@angular/cdk/overlay';
+import { ElementRef, EventEmitter, OnDestroy, TemplateRef, Type } from '@angular/core';
+import { OverlayConfig } from '@angular/cdk/overlay';
 import { ElPosition } from './../models/dropdown';
+import { DrPopoverService } from './dr-popover.service';
 export declare class DrPopoverDirective<T> implements OnDestroy {
-    private overlay;
-    private overlayPositionBuilder;
     private elementRef;
-    private injector;
+    private drPopoverService;
     content: TemplateRef<any> | Type<T>;
     contentContext: Object;
     position: ElPosition;
@@ -16,16 +15,10 @@ export declare class DrPopoverDirective<T> implements OnDestroy {
     showStateChange: EventEmitter<{
         isShown: boolean;
     }>;
-    private overlayRef;
-    private contentRef;
-    private drPopoverRef;
-    constructor(overlay: Overlay, overlayPositionBuilder: OverlayPositionBuilder, elementRef: ElementRef, injector: Injector);
-    show(): void;
+    private popoverRef;
+    constructor(elementRef: ElementRef, drPopoverService: DrPopoverService);
+    togglePopover(): void;
+    closePopover(res?: any): void;
     private renderPopover;
-    private destroyPopover;
-    private attachOverlayContainer;
-    private createOverlay;
-    private getOverlayConfig;
-    private createInjector;
     ngOnDestroy(): void;
 }

package/lib/dr-popover/dr-popover.service.d.ts

@@ -0,0 +1,16 @@
+import { DrPopoverRef } from './dr-popover-ref';
+import { Injector, TemplateRef, Type } from '@angular/core';
+import { Overlay, OverlayPositionBuilder } from '@angular/cdk/overlay';
+import { IDrPopoverComponentModel } from '../models/popover';
+export declare class DrPopoverService {
+    private overlay;
+    private overlayPositionBuilder;
+    private injector;
+    constructor(overlay: Overlay, overlayPositionBuilder: OverlayPositionBuilder, injector: Injector);
+    open<T>(content: Type<T> | TemplateRef<HTMLElement>, popoverModel: IDrPopoverComponentModel): DrPopoverRef<T>;
+    private attachOverlayContainer;
+    private createOverlay;
+    private getOverlayConfig;
+    private createInjector;
+    private registerCloseListeners;
+}

package/lib/models/popover.d.ts

@@ -1 +1,22 @@
+import { ElPosition } from './dropdown';
+import { ElementRef } from '@angular/core';
+import { OverlayConfig } from '@angular/cdk/overlay';
 export { DrPopoverRef } from '../dr-popover/dr-popover-ref';
+export interface Point {
+    readonly x: number;
+    readonly y: number;
+}
+export interface IDrPopoverComponentModel {
+    hostRef: ElementRef | HTMLElement | Point;
+    position?: ElPosition;
+    contentContext?: any;
+    class?: string;
+    overlayConfig?: DrPopoverConfig;
+    manualClosing?: boolean;
+    targetElement?: HTMLElement;
+}
+export interface DrPopoverConfig extends OverlayConfig {
+    closeOnBackdropClick?: boolean;
+}
+export declare const DEFAULT_CONFIG: DrPopoverConfig;
+export declare const DEFAULT_MODEL: Partial<IDrPopoverComponentModel>;

package/package.json

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

package/public-api.d.ts

@@ -23,6 +23,7 @@ export * from './lib/dr-inputs/dr-date-picker/dr-date-picker.component';
 export * from './lib/dr-inputs/dr-date-picker/dr-date-picker-format.directive';
 export * from './lib/dr-popover/dr-popover.directive';
 export * from './lib/dr-popover/dr-popover.component';
+export * from './lib/dr-popover/dr-popover.service';
 export * from './lib/dr-dropdown/dr-dropdown.directive';
 export * from './lib/dr-dropdown/dr-dropdown-position.directive';
 export * from './lib/dr-dropdown/dr-dropdown.component';
@@ -32,7 +33,7 @@ export * from './lib/dr-tabs/dr-tabs.component';
 export * from './lib/dr-tabs/dr-tab.component';
 export { TAG_TYPES, ITag, IDateTag, IListTag, ITagForServer } from './lib/models/serverTags';
 export { ElPosition, IDropdown, IDropdownItem, IDropdownActionIcon, IDropdownCoordinate, IDropdownCallEvent, IDropdownAction } from './lib/models/dropdown';
-export { DrPopoverRef } from './lib/models/popover';
+export { DrPopoverRef, IDrPopoverComponentModel, Point, DrPopoverConfig, } from './lib/models/popover';
 export { DateTagModule } from './lib/date-tags/date-tag.module';
 export { ListTagModule } from './lib/list-tags/list-tag.module';
 export { DrTagModule } from './lib/dr-tags/dr-tag.module';