@datarailsshared/datarailsshared 1.3.6 → 1.3.7

package/lib/dr-dropdown/dr-dropdown-item-show.pipe.d.ts

@@ -0,0 +1,5 @@
+import { PipeTransform } from '@angular/core';
+import { IDropdownItem } from '../models/dropdown';
+export declare class DrDropdownItemShowPipe<T> implements PipeTransform {
+    transform(arr: IDropdownItem<T>[]): IDropdownItem<T>[];
+}

package/lib/dr-dropdown/dr-dropdown-position.directive.d.ts

@@ -0,0 +1,11 @@
+import { ElementRef, OnInit, Renderer2 } from '@angular/core';
+import { IDropdownCoordinate, ElPosition } from '../models/dropdown';
+export declare class DrDropdownPositionDirective implements OnInit {
+    private el;
+    private renderer;
+    drDropdownPosition: any;
+    position: ElPosition | IDropdownCoordinate;
+    constructor(el: ElementRef, renderer: Renderer2);
+    ngOnInit(): void;
+    calculatePosition(): void;
+}

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

@@ -0,0 +1,21 @@
+import { ChangeDetectorRef } from '@angular/core';
+import { IDropdownItem, ElPosition, IDropdownActionIcon, IDropdown, IDropdownCoordinate } from '../models/dropdown';
+import { DrDropdownService } from './dr-dropdown.service';
+export declare class DrDropdownComponent {
+    protected menuService: DrDropdownService;
+    private cdr;
+    viewMenu: HTMLElement;
+    menuContainer: HTMLElement;
+    option: any;
+    position: ElPosition | IDropdownCoordinate;
+    list: IDropdownItem<unknown>[];
+    private firstInit;
+    constructor(menuService: DrDropdownService, cdr: ChangeDetectorRef);
+    set options(data: IDropdown<IDropdownItem<any>>);
+    onClickedOutside(): void;
+    hide(): void;
+    disabled(act: IDropdownItem<unknown> | IDropdownActionIcon<any>): boolean;
+    tooltipToShow(act: IDropdownItem<unknown>): string;
+    action(act: IDropdownItem<any>): void;
+    onActionIconClick(actionIcon: IDropdownActionIcon<any>, data: any): void;
+}

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

@@ -0,0 +1,18 @@
+import { ComponentFactoryResolver, ElementRef, OnDestroy, ViewContainerRef } from '@angular/core';
+import { IDropdownItem, ElPosition } from '../models/dropdown';
+import { DrDropdownService } from './dr-dropdown.service';
+export declare class DrDropdownDirective<T> implements OnDestroy {
+    private componentFactoryResolver;
+    private viewContainerRef;
+    private service;
+    private el;
+    private _document;
+    position: ElPosition;
+    drDropdown: IDropdownItem<T>[];
+    contentCmpRef: any;
+    constructor(componentFactoryResolver: ComponentFactoryResolver, viewContainerRef: ViewContainerRef, service: DrDropdownService, el: ElementRef, _document: any);
+    elementClick(): void;
+    documentClick(e: any): void;
+    private showMenu;
+    ngOnDestroy(): void;
+}

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

@@ -0,0 +1,2 @@
+export declare class DrDropdownModule {
+}

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

@@ -0,0 +1,11 @@
+import { ComponentRef } from '@angular/core';
+import { Subject } from 'rxjs';
+import { DrDropdownComponent } from './dr-dropdown.component';
+import { IDropdownAction } from '../models/dropdown';
+export declare class DrDropdownService {
+    actionItem: Subject<IDropdownAction<unknown>>;
+    protected menuInView: ComponentRef<DrDropdownComponent>;
+    constructor();
+    set addMenu(item: ComponentRef<DrDropdownComponent>);
+    destroy(): void;
+}

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

@@ -0,0 +1,14 @@
+import { EventEmitter } from '@angular/core';
+declare type ButtonType = 'primary' | 'secondary' | 'primary-icon' | 'secondary-icon' | 'icon' | 'ghost' | 'link-btn' | 'text-link';
+export declare class DrButtonComponent {
+    title: string;
+    theme: ButtonType;
+    disabled: boolean;
+    icon: string;
+    isBold: boolean;
+    isLoading: boolean;
+    click: EventEmitter<any>;
+    constructor();
+    onClick($event: any): void;
+}
+export {};

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

@@ -1,11 +1,13 @@
-import { EventEmitter } from "@angular/core";
+import { ChangeDetectorRef, EventEmitter } from "@angular/core";
 import { ControlValueAccessor } from "@angular/forms";
 export declare class CheckboxComponent implements ControlValueAccessor {
+    private cdr;
     checkedStatus: boolean;
     disabled: boolean;
     checkedChange: EventEmitter<any>;
     onChange: (value: boolean) => void;
     onTouched: () => void;
+    constructor(cdr: ChangeDetectorRef);
     writeValue(value: boolean): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;

package/lib/dr-inputs/dr-date-picker/dr-date-picker-format.directive.d.ts

@@ -0,0 +1,10 @@
+import { NgControl } from '@angular/forms';
+import { CustomDateFormat, DateDisplay, DateParse } from '../../models/datePicker';
+export declare class DrDatePickerFormatDirective {
+    matDateFormat: CustomDateFormat;
+    private ngControl;
+    configDateParse: DateParse;
+    configDateDisplay: DateDisplay;
+    set datePickerFormat(format: string);
+    constructor(matDateFormat: CustomDateFormat, ngControl: NgControl);
+}

package/lib/dr-inputs/dr-date-picker/dr-date-picker.component.d.ts

@@ -0,0 +1,28 @@
+import { ChangeDetectorRef, AfterViewInit } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { MatDatepicker } from '@angular/material/datepicker';
+import { Moment } from 'moment';
+export declare class DrDatePickerComponent implements ControlValueAccessor, AfterViewInit {
+    private cdr;
+    readonly: boolean;
+    _lastView: string;
+    _format: string;
+    set lastView(view: 'year' | 'month' | 'multi-year');
+    set format(value: any);
+    placeholder: string;
+    min: Date;
+    max: Date;
+    dp: any;
+    ngAfterViewInit(): void;
+    private innerValue;
+    private onTouchedCallback;
+    private onChangeCallback;
+    constructor(cdr: ChangeDetectorRef);
+    get value(): number;
+    set value(v: number);
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    writeValue(value: any): void;
+    chosenMonthHandler(normalizedMonth: Moment, datepicker: MatDatepicker<any>): void;
+    chosenYearHandler(normalizedYear: Moment, datepicker: MatDatepicker<any>): void;
+}

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

@@ -1,5 +1,6 @@
 import { EventEmitter, ElementRef, AfterViewInit, Renderer2, OnDestroy, ChangeDetectorRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
+import { MatDatepicker } from '@angular/material/datepicker';
 export declare class DrInputComponent implements AfterViewInit, ControlValueAccessor, OnDestroy {
     private elementRef;
     private renderer;
@@ -22,6 +23,9 @@ export declare class DrInputComponent implements AfterViewInit, ControlValueAcce
     placeholder: string;
     readonly: boolean;
     clearable: boolean;
+    min: Date;
+    max: Date;
+    matDatePicker: MatDatepicker<any>;
     set disabled(value: any);
     set buttonOptions(value: any);
     searchHandler: EventEmitter<any>;

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

@@ -21,6 +21,7 @@ export declare class DrSelectComponent implements ControlValueAccessor {
     selectedItem: any;
     labelTemplate: TemplateRef<any>;
     optionTemplate: TemplateRef<any>;
+    optionHeaderTemplate: TemplateRef<any>;
     onChange: (value: boolean) => void;
     onTouched: () => void;
     writeValue(value: any): void;

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

@@ -1,5 +1,7 @@
+import { ChangeDetectorRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 export declare class RadioButtonComponent implements ControlValueAccessor {
+    private cdr;
     disabled: boolean;
     name: string;
     _value: any;
@@ -7,6 +9,7 @@ export declare class RadioButtonComponent implements ControlValueAccessor {
     get value(): any;
     onChange: any;
     onTouched: any;
+    constructor(cdr: ChangeDetectorRef);
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     writeValue(value: any): void;

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

@@ -0,0 +1,16 @@
+import { ChangeDetectorRef, ComponentFactoryResolver, ComponentRef, ElementRef, TemplateRef, Type, ViewContainerRef } from '@angular/core';
+export declare class DrPopoverComponent<T> {
+    private cdr;
+    private componentFactoryResolver;
+    private elementRef;
+    content: TemplateRef<any> | Type<T>;
+    contentContext: any;
+    class: string;
+    hostRef: ElementRef;
+    closePopover: any;
+    set popoverContainer(template: ViewContainerRef);
+    isContentTemplate: boolean;
+    componentRef: ComponentRef<T>;
+    removeOutside(e: any): void;
+    constructor(cdr: ChangeDetectorRef, componentFactoryResolver: ComponentFactoryResolver, elementRef: ElementRef);
+}

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

@@ -0,0 +1,20 @@
+import { ElementRef, OnDestroy, ComponentFactoryResolver, ViewContainerRef } from '@angular/core';
+import { Overlay, OverlayPositionBuilder } from '@angular/cdk/overlay';
+export declare class DrPopoverDirective implements OnDestroy {
+    private overlay;
+    private vcRef;
+    private resolver;
+    private overlayPositionBuilder;
+    private elementRef;
+    content: any;
+    contentContext: {};
+    position: string;
+    class: string;
+    private overlayRef;
+    private contentRef;
+    constructor(overlay: Overlay, vcRef: ViewContainerRef, resolver: ComponentFactoryResolver, overlayPositionBuilder: OverlayPositionBuilder, elementRef: ElementRef);
+    show(): void;
+    private renderPopover;
+    private destroyPopover;
+    ngOnDestroy(): void;
+}

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

@@ -0,0 +1,2 @@
+export declare class DrPopoverModule {
+}

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

@@ -1,20 +1,6 @@
-import { ElementRef, OnInit, OnDestroy } from '@angular/core';
+import { ElementRef, OnDestroy } from '@angular/core';
 import { Overlay, OverlayPositionBuilder } from '@angular/cdk/overlay';
-export declare enum TooltipPosition {
-    TOP = "top",
-    BOTTOM = "bottom",
-    LEFT = "left",
-    RIGHT = "right",
-    TOP_RIGHT = "top-right",
-    TOP_LEFT = "top-left",
-    BOTTOM_RIGHT = "bottom-right",
-    BOTTOM_LEFT = "bottom-left",
-    RIGHT_TOP = "right-top",
-    RIGHT_BOTTOM = "right-bottom",
-    LEFT_TOP = "left-top",
-    LEFT_BOTTOM = "left-bottom"
-}
-export declare class DrTooltipDirective implements OnInit, OnDestroy {
+export declare class DrTooltipDirective implements OnDestroy {
     private overlay;
     private overlayPositionBuilder;
     private elementRef;
@@ -25,7 +11,6 @@ export declare class DrTooltipDirective implements OnInit, OnDestroy {
     set drTooltipOptions(options: any);
     set showTooltip(value: boolean);
     private overlayRef;
-    private tooltipPositions;
     private options;
     private manualHandling;
     constructor(overlay: Overlay, overlayPositionBuilder: OverlayPositionBuilder, elementRef: ElementRef);
@@ -35,5 +20,4 @@ export declare class DrTooltipDirective implements OnInit, OnDestroy {
     private createOverlay;
     private renderTooltip;
     private destroyTooltip;
-    ngOnInit(): void;
 }

package/lib/models/constants.d.ts

@@ -0,0 +1,87 @@
+export declare const POPUP_POSITIONS: {
+    top: {
+        originX: string;
+        originY: string;
+        overlayX: string;
+        overlayY: string;
+        offsetY: number;
+    };
+    'top-left': {
+        originX: string;
+        originY: string;
+        overlayX: string;
+        overlayY: string;
+        offsetY: number;
+    };
+    'top-right': {
+        originX: string;
+        originY: string;
+        overlayX: string;
+        overlayY: string;
+        offsetY: number;
+    };
+    bottom: {
+        originX: string;
+        originY: string;
+        overlayX: string;
+        overlayY: string;
+        offsetY: number;
+    };
+    'bottom-left': {
+        originX: string;
+        originY: string;
+        overlayX: string;
+        overlayY: string;
+        offsetY: number;
+    };
+    'bottom-right': {
+        originX: string;
+        originY: string;
+        overlayX: string;
+        overlayY: string;
+        offsetY: number;
+    };
+    left: {
+        originX: string;
+        originY: string;
+        overlayX: string;
+        overlayY: string;
+        offsetX: number;
+    };
+    'left-top': {
+        originX: string;
+        originY: string;
+        overlayX: string;
+        overlayY: string;
+        offsetX: number;
+    };
+    'left-bottom': {
+        originX: string;
+        originY: string;
+        overlayX: string;
+        overlayY: string;
+        offsetX: number;
+    };
+    right: {
+        originX: string;
+        originY: string;
+        overlayX: string;
+        overlayY: string;
+        offsetX: number;
+    };
+    'right-top': {
+        originX: string;
+        originY: string;
+        overlayX: string;
+        overlayY: string;
+        offsetX: number;
+    };
+    'right-bottom': {
+        originX: string;
+        originY: string;
+        overlayX: string;
+        overlayY: string;
+        offsetX: number;
+    };
+};
+export declare const POPUP_ANIMATION: import("@angular/animations").AnimationTransitionMetadata[];

package/lib/models/datePicker.d.ts

@@ -0,0 +1,21 @@
+export declare const MAT_DEFAULT_DATE_FORMAT = "MM/DD/yyyy";
+export declare const DATE_INPUT_FORMAT = "YYYY/MM/DD";
+export declare const YEAR_FORMAT = "yyyy";
+export declare const MONTH_YEAR_FORMAT = "MM/yyyy";
+export interface DateParse {
+    dateInput: string;
+}
+export declare type DateDisplay = DateParse & {
+    monthYearLabel?: string;
+    dateA11yLabel?: string;
+    monthYearA11yLabel?: string;
+};
+export declare class CustomDateFormat {
+    private _parse;
+    private _display;
+    set parse(parse: DateParse);
+    get parse(): DateParse;
+    set display(display: DateDisplay);
+    get display(): DateDisplay;
+    updateDateFormat(parse: DateParse, display?: DateDisplay): void;
+}

package/lib/models/dropdown.d.ts

@@ -0,0 +1,43 @@
+export declare type ElPosition = 'left' | 'right' | 'top' | 'bottom' | 'child' | 'top-left' | 'left-center' | 'bottom-left' | 'over' | 'right-bottom' | 'bottom-right';
+export interface IDropdown<T> {
+    option?: DOMRect;
+    position: ElPosition | IDropdownCoordinate;
+    list: IDropdownItem<T>[];
+    tag?: string;
+}
+export interface IDropdownItem<T> {
+    title?: string;
+    icon?: string;
+    customTitle?: (p: any) => string;
+    action?: (p: T) => void;
+    event?: string;
+    data?: T;
+    show?: (p: any) => boolean;
+    disabled?: (p: T) => boolean;
+    toolTip?: string;
+    toolTipIfDisabled?: boolean;
+    children?: T[];
+    childOptions?: IDropdown<T>;
+    actionIcons?: IDropdownActionIcon<T>[];
+}
+export interface IDropdownActionIcon<T> {
+    icon: string;
+    action: (p: T) => void;
+    disabled?: boolean;
+    data?: any;
+}
+export interface IDropdownCoordinate {
+    x: number;
+    y: number;
+    clientX?: number;
+    clientY?: number;
+}
+export interface IDropdownCallEvent {
+    id: number;
+    event: any;
+    itemsList: any[];
+}
+export interface IDropdownAction<T> {
+    event: string;
+    data?: T;
+}

package/package.json

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

package/public-api.d.ts

@@ -1,28 +1,41 @@
-export * from "./lib/date-tags/date-tag.component";
-export * from "./lib/date-tags/forecast-tag/forecast-tag.component";
-export * from "./lib/date-tags/month-tag/month-tag.component";
-export * from "./lib/date-tags/quarter-tag/quarter-tag.component";
-export * from "./lib/date-tags/week-tag/week-tag.component";
-export * from "./lib/date-tags/year-tag/year-tag.component";
-export * from "./lib/dr-tags/dr-tag.component";
-export * from "./lib/list-tags/list-tag.component";
-export * from "./lib/date-tags/day-tag/day-tag.component";
-export * from "./lib/date-tags/date-tag.component";
-export * from "./lib/dr-inputs/radio-button/radio-button.component";
-export * from "./lib/dr-inputs/checkbox/checkbox.component";
-export * from "./lib/dr-inputs/dr-input/dr-input.component";
-export * from "./lib/dr-inputs/dr-select/dr-select.component";
+export * from './lib/date-tags/date-tag.component';
+export * from './lib/date-tags/forecast-tag/forecast-tag.component';
+export * from './lib/date-tags/month-tag/month-tag.component';
+export * from './lib/date-tags/quarter-tag/quarter-tag.component';
+export * from './lib/date-tags/week-tag/week-tag.component';
+export * from './lib/date-tags/year-tag/year-tag.component';
+export * from './lib/dr-tags/dr-tag.component';
+export * from './lib/list-tags/list-tag.component';
+export * from './lib/date-tags/day-tag/day-tag.component';
+export * from './lib/date-tags/date-tag.component';
+export * from './lib/dr-inputs/radio-button/radio-button.component';
+export * from './lib/dr-inputs/checkbox/checkbox.component';
+export * from './lib/dr-inputs/dr-input/dr-input.component';
+export * from './lib/dr-inputs/dr-select/dr-select.component';
 export * from './lib/dr-avatar/dr-avatar.component';
 export * from './lib/dr-tooltip/dr-tooltip.component';
 export * from './lib/dr-tooltip/dr-tooltip.directive';
-export * from "./lib/dr-inputs/dr-toggle/dr-toggle.component";
-export * from "./lib/dr-spinner/dr-spinner.component";
-export * from "./lib/dr-spinner/dr-spinner.directive";
-export { TAG_TYPES, ITag, IDateTag, IListTag, ITagForServer } from "./lib/models/serverTags";
-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";
-export { DrInputsModule } from "./lib/dr-inputs/dr-inputs.module";
+export * from './lib/dr-inputs/dr-toggle/dr-toggle.component';
+export * from './lib/dr-spinner/dr-spinner.component';
+export * from './lib/dr-spinner/dr-spinner.directive';
+export * from './lib/dr-inputs/button/button.component';
+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-dropdown/dr-dropdown.directive';
+export * from './lib/dr-dropdown/dr-dropdown-position.directive';
+export * from './lib/dr-dropdown/dr-dropdown.component';
+export * from './lib/dr-dropdown/dr-dropdown.service';
+export * from './lib/dr-dropdown/dr-dropdown-item-show.pipe';
+export { TAG_TYPES, ITag, IDateTag, IListTag, ITagForServer } from './lib/models/serverTags';
+export { ElPosition, IDropdown, IDropdownItem, IDropdownActionIcon, IDropdownCoordinate, IDropdownCallEvent, IDropdownAction } from './lib/models/dropdown';
+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';
+export { DrInputsModule } from './lib/dr-inputs/dr-inputs.module';
 export { DrTooltipModule } from './lib/dr-tooltip/dr-tooltip.module';
 export { DrAvatarModule } from './lib/dr-avatar/dr-avatar.module';
-export { DrSpinnerModule } from "./lib/dr-spinner/dr-spinner.module";
+export { DrSpinnerModule } from './lib/dr-spinner/dr-spinner.module';
+export { DrPopoverModule } from './lib/dr-popover/dr-popover.module';
+export { DrDropdownModule } from './lib/dr-dropdown/dr-dropdown.module';