@datarailsshared/datarailsshared 1.3.14 → 1.3.15-dev
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/styles/img/default-avatar.svg +5 -0
- package/assets/styles/img/new-spinner.gif +0 -0
- package/bundles/datarailsshared-datarailsshared.umd.js +1602 -435
- package/bundles/datarailsshared-datarailsshared.umd.js.map +1 -1
- package/datarailsshared-datarailsshared-1.3.15-dev.tgz +0 -0
- package/datarailsshared-datarailsshared.d.ts +5 -1
- package/datarailsshared-datarailsshared.metadata.json +1 -1
- package/esm2015/datarailsshared-datarailsshared.js +6 -2
- package/esm2015/lib/date-tags/year-tag/year-tag.component.js +2 -1
- package/esm2015/lib/dr-accordion/accordion-item-body.component.js +57 -0
- package/esm2015/lib/dr-accordion/accordion-item-header.component.js +79 -0
- package/esm2015/lib/dr-accordion/accordion-item.component.js +123 -0
- package/esm2015/lib/dr-accordion/accordion.component.js +43 -0
- package/esm2015/lib/dr-accordion/accordion.module.js +23 -0
- package/esm2015/lib/dr-avatar/dr-avatar.component.js +13 -18
- package/esm2015/lib/dr-avatar/dr-avatar.module.js +10 -7
- package/esm2015/lib/dr-avatar/dr-avatar.pipe.js +15 -0
- package/esm2015/lib/dr-dropdown/dr-dropdown-position.directive.js +23 -9
- package/esm2015/lib/dr-dropdown/dr-dropdown.component.js +18 -8
- package/esm2015/lib/dr-dropdown/dr-dropdown.directive.js +18 -2
- package/esm2015/lib/dr-inputs/button/button.component.js +37 -9
- package/esm2015/lib/dr-inputs/checkbox/checkbox.component.js +21 -9
- package/esm2015/lib/dr-inputs/date-pickers/directives/dr-date-picker-format.directive.js +47 -0
- package/esm2015/lib/dr-inputs/date-pickers/dr-date-picker/dr-date-picker.component.js +152 -0
- package/esm2015/lib/dr-inputs/date-pickers/dr-date-picker-with-timeframe/dr-date-picker-with-timeframe.component.js +72 -0
- package/esm2015/lib/dr-inputs/date-pickers/dr-date-picker_custom-header/dr-date-picker_custom-header.component.js +128 -0
- package/esm2015/lib/dr-inputs/date-pickers/services/dr-date-picker.service.js +55 -0
- package/esm2015/lib/dr-inputs/dr-input/dr-input.component.js +26 -4
- package/esm2015/lib/dr-inputs/dr-inputs.module.js +21 -9
- package/esm2015/lib/dr-inputs/dr-model-debounce-change.directive.js +31 -0
- package/esm2015/lib/dr-inputs/dr-select/dr-select.component.js +32 -6
- package/esm2015/lib/dr-inputs/dr-toggle/dr-toggle.component.js +14 -5
- package/esm2015/lib/dr-inputs/dr-toggle-button/dr-toggle-button.component.js +8 -4
- package/esm2015/lib/dr-inputs/radio-button/radio-button.component.js +14 -5
- package/esm2015/lib/dr-inputs/radio-button/radio-group.component.js +164 -0
- package/esm2015/lib/dr-popover/dr-popover.component.js +13 -3
- package/esm2015/lib/dr-popover/dr-popover.directive.js +4 -1
- package/esm2015/lib/dr-popover/dr-popover.service.js +31 -5
- package/esm2015/lib/dr-spinner/dr-spinner.component.js +1 -1
- package/esm2015/lib/dr-tabs/dr-tab.component.js +1 -1
- package/esm2015/lib/dr-tabs/dr-tabs.component.js +4 -3
- package/esm2015/lib/dr-tabs/dr-tabs.module.js +2 -2
- package/esm2015/lib/dr-tags/dr-tag.component.js +2 -2
- package/esm2015/lib/dr-tooltip/dr-tooltip.component.js +13 -3
- package/esm2015/lib/dr-tooltip/dr-tooltip.directive.js +43 -10
- package/esm2015/lib/models/constants.js +3 -3
- package/esm2015/lib/models/datePicker.js +12 -2
- package/esm2015/lib/models/dropdown.js +1 -1
- package/esm2015/lib/models/popover.js +16 -2
- package/esm2015/public-api.js +13 -4
- package/fesm2015/datarailsshared-datarailsshared.js +1408 -381
- package/fesm2015/datarailsshared-datarailsshared.js.map +1 -1
- package/lib/dr-accordion/accordion-item-body.component.d.ts +11 -0
- package/lib/dr-accordion/accordion-item-header.component.d.ts +16 -0
- package/lib/dr-accordion/accordion-item.component.d.ts +53 -0
- package/lib/dr-accordion/accordion.component.d.ts +19 -0
- package/lib/dr-accordion/accordion.module.d.ts +2 -0
- package/lib/dr-avatar/dr-avatar.component.d.ts +4 -6
- package/lib/dr-avatar/dr-avatar.pipe.d.ts +4 -0
- package/lib/dr-dropdown/dr-dropdown-position.directive.d.ts +1 -0
- package/lib/dr-dropdown/dr-dropdown.component.d.ts +5 -1
- package/lib/dr-dropdown/dr-dropdown.directive.d.ts +5 -0
- package/lib/dr-inputs/button/button.component.d.ts +9 -3
- package/lib/dr-inputs/checkbox/checkbox.component.d.ts +7 -3
- package/lib/dr-inputs/{dr-date-picker → date-pickers/directives}/dr-date-picker-format.directive.d.ts +1 -1
- package/lib/dr-inputs/date-pickers/dr-date-picker/dr-date-picker.component.d.ts +55 -0
- package/lib/dr-inputs/date-pickers/dr-date-picker-with-timeframe/dr-date-picker-with-timeframe.component.d.ts +26 -0
- package/lib/dr-inputs/date-pickers/dr-date-picker_custom-header/dr-date-picker_custom-header.component.d.ts +41 -0
- package/lib/dr-inputs/date-pickers/services/dr-date-picker.service.d.ts +18 -0
- package/lib/dr-inputs/dr-input/dr-input.component.d.ts +9 -1
- package/lib/dr-inputs/dr-model-debounce-change.directive.d.ts +11 -0
- package/lib/dr-inputs/dr-select/dr-select.component.d.ts +8 -1
- package/lib/dr-inputs/dr-toggle/dr-toggle.component.d.ts +6 -2
- package/lib/dr-inputs/dr-toggle-button/dr-toggle-button.component.d.ts +2 -0
- package/lib/dr-inputs/radio-button/radio-button.component.d.ts +4 -1
- package/lib/dr-inputs/radio-button/radio-group.component.d.ts +39 -0
- package/lib/dr-popover/dr-popover.component.d.ts +7 -2
- package/lib/dr-popover/dr-popover.directive.d.ts +3 -1
- package/lib/dr-popover/dr-popover.service.d.ts +2 -1
- package/lib/dr-tabs/dr-tab.component.d.ts +1 -1
- package/lib/dr-tabs/dr-tabs.component.d.ts +1 -0
- package/lib/dr-tooltip/dr-tooltip.component.d.ts +4 -0
- package/lib/dr-tooltip/dr-tooltip.directive.d.ts +4 -0
- package/lib/models/datePicker.d.ts +16 -0
- package/lib/models/dropdown.d.ts +3 -0
- package/lib/models/popover.d.ts +11 -1
- package/package.json +1 -1
- package/public-api.d.ts +10 -3
- package/assets/styles/img/spinner.gif +0 -0
- package/datarailsshared-datarailsshared-1.3.14.tgz +0 -0
- package/esm2015/lib/dr-inputs/dr-date-picker/dr-date-picker-format.directive.js +0 -47
- package/esm2015/lib/dr-inputs/dr-date-picker/dr-date-picker.component.js +0 -119
- package/lib/dr-inputs/dr-date-picker/dr-date-picker.component.d.ts +0 -28
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ChangeDetectorRef, OnInit, OnDestroy } from '@angular/core';
|
|
2
|
+
import { DrAccordionItemComponent } from './accordion-item.component';
|
|
3
|
+
export declare class DrAccordionItemBodyComponent implements OnInit, OnDestroy {
|
|
4
|
+
private accordionItem;
|
|
5
|
+
private cd;
|
|
6
|
+
private destroy$;
|
|
7
|
+
constructor(accordionItem: DrAccordionItemComponent, cd: ChangeDetectorRef);
|
|
8
|
+
get state(): string;
|
|
9
|
+
ngOnInit(): void;
|
|
10
|
+
ngOnDestroy(): void;
|
|
11
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { OnInit, OnDestroy, ChangeDetectorRef } from '@angular/core';
|
|
2
|
+
import { DrAccordionItemComponent } from './accordion-item.component';
|
|
3
|
+
export declare class DrAccordionItemHeaderComponent implements OnInit, OnDestroy {
|
|
4
|
+
private accordionItem;
|
|
5
|
+
private cd;
|
|
6
|
+
private destroy$;
|
|
7
|
+
get isCollapsed(): boolean;
|
|
8
|
+
get expanded(): boolean;
|
|
9
|
+
get tabbable(): string;
|
|
10
|
+
get disabled(): boolean;
|
|
11
|
+
toggle(): void;
|
|
12
|
+
get state(): string;
|
|
13
|
+
constructor(accordionItem: DrAccordionItemComponent, cd: ChangeDetectorRef);
|
|
14
|
+
ngOnInit(): void;
|
|
15
|
+
ngOnDestroy(): void;
|
|
16
|
+
}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { ChangeDetectorRef, EventEmitter, SimpleChanges, OnInit, OnChanges, OnDestroy } from '@angular/core';
|
|
2
|
+
import { Subject } from 'rxjs';
|
|
3
|
+
import { DrAccordionComponent } from './accordion.component';
|
|
4
|
+
export declare class DrAccordionItemComponent implements OnInit, OnChanges, OnDestroy {
|
|
5
|
+
private accordion;
|
|
6
|
+
private cd;
|
|
7
|
+
/**
|
|
8
|
+
* Item is collapse (`true` by default)
|
|
9
|
+
* @type {boolean}
|
|
10
|
+
*/
|
|
11
|
+
get collapsed(): boolean;
|
|
12
|
+
set collapsed(val: boolean);
|
|
13
|
+
static ngAcceptInputType_collapsed: any;
|
|
14
|
+
/**
|
|
15
|
+
* Item is expanded (`false` by default)
|
|
16
|
+
*/
|
|
17
|
+
get expanded(): boolean;
|
|
18
|
+
set expanded(val: boolean);
|
|
19
|
+
static ngAcceptInputType_expanded: any;
|
|
20
|
+
/**
|
|
21
|
+
* Item is disabled and cannot be opened.
|
|
22
|
+
* @type {boolean}
|
|
23
|
+
*/
|
|
24
|
+
get disabled(): boolean;
|
|
25
|
+
set disabled(val: boolean);
|
|
26
|
+
static ngAcceptInputType_disabled: any;
|
|
27
|
+
/**
|
|
28
|
+
* Emits whenever the expanded state of the accordion changes.
|
|
29
|
+
* Primarily used to facilitate two-way binding.
|
|
30
|
+
*/
|
|
31
|
+
collapsedChange: EventEmitter<boolean>;
|
|
32
|
+
accordionItemInvalidate: Subject<boolean>;
|
|
33
|
+
private collapsedValue;
|
|
34
|
+
private disabledValue;
|
|
35
|
+
private destroy$;
|
|
36
|
+
constructor(accordion: DrAccordionComponent, cd: ChangeDetectorRef);
|
|
37
|
+
/**
|
|
38
|
+
* Open/close the item
|
|
39
|
+
*/
|
|
40
|
+
toggle(): void;
|
|
41
|
+
/**
|
|
42
|
+
* Open the item.
|
|
43
|
+
*/
|
|
44
|
+
open(): void;
|
|
45
|
+
/**
|
|
46
|
+
* Collapse the item.
|
|
47
|
+
*/
|
|
48
|
+
close(): void;
|
|
49
|
+
ngOnInit(): void;
|
|
50
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
51
|
+
ngOnDestroy(): void;
|
|
52
|
+
private invalidate;
|
|
53
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { Subject } from 'rxjs';
|
|
2
|
+
export declare class DrAccordionComponent {
|
|
3
|
+
static ngAcceptInputType_multi: any;
|
|
4
|
+
openCloseItems: Subject<boolean>;
|
|
5
|
+
/**
|
|
6
|
+
* Allow multiple items to be expanded at the same time.
|
|
7
|
+
*/
|
|
8
|
+
get multi(): boolean;
|
|
9
|
+
set multi(val: boolean);
|
|
10
|
+
private multiValue;
|
|
11
|
+
/**
|
|
12
|
+
* Opens all enabled accordion items.
|
|
13
|
+
*/
|
|
14
|
+
openAll(): void;
|
|
15
|
+
/**
|
|
16
|
+
* Closes all enabled accordion items.
|
|
17
|
+
*/
|
|
18
|
+
closeAll(): void;
|
|
19
|
+
}
|
|
@@ -1,12 +1,10 @@
|
|
|
1
|
-
import { EventEmitter
|
|
2
|
-
export declare class DrAvatarComponent
|
|
3
|
-
set users(
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
export declare class DrAvatarComponent {
|
|
3
|
+
set users(users: any[] | object);
|
|
4
|
+
warning: boolean;
|
|
4
5
|
userClicked: EventEmitter<any>;
|
|
5
6
|
parsedUsers: any[];
|
|
6
7
|
constructor();
|
|
7
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
8
|
-
parseUsers(value: any[] | object): any[];
|
|
9
8
|
getFirstUsers(): any[];
|
|
10
9
|
getLastUsers(): any[];
|
|
11
|
-
getRandomValue(limit: any): number;
|
|
12
10
|
}
|
|
@@ -5,6 +5,7 @@ export declare class DrDropdownPositionDirective implements OnInit {
|
|
|
5
5
|
private renderer;
|
|
6
6
|
drDropdownPosition: any;
|
|
7
7
|
position: ElPosition | IDropdownCoordinate;
|
|
8
|
+
widthMoreRight: boolean;
|
|
8
9
|
constructor(el: ElementRef, renderer: Renderer2);
|
|
9
10
|
ngOnInit(): void;
|
|
10
11
|
calculatePosition(): void;
|
|
@@ -8,15 +8,19 @@ export declare class DrDropdownComponent {
|
|
|
8
8
|
menuContainer: HTMLElement;
|
|
9
9
|
option: any;
|
|
10
10
|
position: ElPosition | IDropdownCoordinate;
|
|
11
|
+
drDropdownInHover: boolean;
|
|
11
12
|
list: IDropdownItem<unknown>[];
|
|
13
|
+
containerClass: string;
|
|
12
14
|
private firstInit;
|
|
13
15
|
constructor(menuService: DrDropdownService, cdr: ChangeDetectorRef);
|
|
14
16
|
set options(data: IDropdown<IDropdownItem<any>>);
|
|
17
|
+
onMouseLeave(): void;
|
|
15
18
|
onClickedOutside(): void;
|
|
16
19
|
hide(): void;
|
|
17
20
|
disabled(act: IDropdownItem<unknown> | IDropdownActionIcon<any>): boolean;
|
|
18
21
|
selected(act: IDropdownItem<unknown>): boolean;
|
|
19
22
|
tooltipToShow(act: IDropdownItem<unknown>): string;
|
|
23
|
+
tooltipPosition(widthMoreRight: boolean): "left" | "right";
|
|
20
24
|
action(act: IDropdownItem<any>): void;
|
|
21
|
-
onActionIconClick(actionIcon: IDropdownActionIcon<any>, data: any): void;
|
|
25
|
+
onActionIconClick($event: any, actionIcon: IDropdownActionIcon<any>, data: any): void;
|
|
22
26
|
}
|
|
@@ -9,10 +9,15 @@ export declare class DrDropdownDirective<T> implements OnDestroy {
|
|
|
9
9
|
private _document;
|
|
10
10
|
position: ElPosition;
|
|
11
11
|
drDropdown: IDropdownItem<T>[];
|
|
12
|
+
drDropdownClass: string;
|
|
13
|
+
drDropdownInHover: boolean;
|
|
12
14
|
contentCmpRef: any;
|
|
13
15
|
constructor(componentFactoryResolver: ComponentFactoryResolver, viewContainerRef: ViewContainerRef, service: DrDropdownService, el: ElementRef, _document: any);
|
|
16
|
+
elementHover(): void;
|
|
14
17
|
elementClick(): void;
|
|
15
18
|
documentClick(e: any): void;
|
|
19
|
+
private openDropdown;
|
|
20
|
+
private closeDropdown;
|
|
16
21
|
private showMenu;
|
|
17
22
|
ngOnDestroy(): void;
|
|
18
23
|
}
|
|
@@ -1,14 +1,20 @@
|
|
|
1
1
|
import { EventEmitter } from '@angular/core';
|
|
2
|
-
declare type ButtonType = 'primary' | 'secondary' | 'danger' | 'primary-icon' | 'secondary-icon' | 'icon' | 'ghost' | 'link-btn' | 'text-link';
|
|
2
|
+
declare type ButtonType = 'primary' | 'secondary' | 'danger' | 'primary-icon' | 'secondary-icon' | 'icon' | 'ghost' | 'link-btn' | 'text-link' | 'simple-text' | 'split-primary-first' | 'split-primary-last' | 'split-secondary-first' | 'split-secondary-last' | 'dropdown';
|
|
3
3
|
export declare class DrButtonComponent {
|
|
4
|
+
_disabled: any;
|
|
5
|
+
_isLoading: boolean;
|
|
6
|
+
_elementClass: string[];
|
|
4
7
|
title: string;
|
|
5
8
|
theme: ButtonType;
|
|
6
|
-
disabled: boolean;
|
|
7
9
|
icon: string;
|
|
10
|
+
iconAfterLabel: string;
|
|
8
11
|
isBold: boolean;
|
|
9
|
-
isLoading: boolean;
|
|
10
12
|
iconColor: string;
|
|
13
|
+
set disabled(value: any);
|
|
14
|
+
set isLoading(value: any);
|
|
11
15
|
click: EventEmitter<any>;
|
|
16
|
+
get elementClass(): string;
|
|
17
|
+
set(val: string): void;
|
|
12
18
|
constructor();
|
|
13
19
|
onClick($event: any): void;
|
|
14
20
|
}
|
|
@@ -1,9 +1,13 @@
|
|
|
1
|
-
import { ChangeDetectorRef, EventEmitter } from
|
|
2
|
-
import { ControlValueAccessor } from
|
|
1
|
+
import { ChangeDetectorRef, EventEmitter } from '@angular/core';
|
|
2
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
3
3
|
export declare class CheckboxComponent implements ControlValueAccessor {
|
|
4
4
|
private cdr;
|
|
5
5
|
checkedStatus: boolean;
|
|
6
6
|
disabled: boolean;
|
|
7
|
+
icon: 'cross' | '';
|
|
8
|
+
get indeterminate(): boolean;
|
|
9
|
+
set indeterminate(value: boolean);
|
|
10
|
+
private _indeterminate;
|
|
7
11
|
checkedChange: EventEmitter<any>;
|
|
8
12
|
onChange: (value: boolean) => void;
|
|
9
13
|
onTouched: () => void;
|
|
@@ -12,5 +16,5 @@ export declare class CheckboxComponent implements ControlValueAccessor {
|
|
|
12
16
|
registerOnChange(fn: any): void;
|
|
13
17
|
registerOnTouched(fn: any): void;
|
|
14
18
|
setDisabledState?(isDisabled: boolean): void;
|
|
15
|
-
setValue(): void;
|
|
19
|
+
setValue(event: any): void;
|
|
16
20
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { NgControl } from '@angular/forms';
|
|
2
|
-
import { CustomDateFormat, DateDisplay, DateParse } from '
|
|
2
|
+
import { CustomDateFormat, DateDisplay, DateParse } from '../../../models/datePicker';
|
|
3
3
|
export declare class DrDatePickerFormatDirective {
|
|
4
4
|
matDateFormat: CustomDateFormat;
|
|
5
5
|
private ngControl;
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { ChangeDetectorRef, AfterViewInit, OnDestroy } from '@angular/core';
|
|
2
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
+
import { DatePickerPeriodPosition } from '../../../models/datePicker';
|
|
4
|
+
import { Moment } from 'moment';
|
|
5
|
+
import { DateAdapter } from '@angular/material/core';
|
|
6
|
+
import { DrDatePickerService } from '../services/dr-date-picker.service';
|
|
7
|
+
import { Subject } from 'rxjs';
|
|
8
|
+
import { DrDatePickerCustomHeaderComponent } from '../dr-date-picker_custom-header/dr-date-picker_custom-header.component';
|
|
9
|
+
export declare class DrDatePickerComponent implements ControlValueAccessor, AfterViewInit, OnDestroy {
|
|
10
|
+
protected cdr: ChangeDetectorRef;
|
|
11
|
+
protected dateAdapter: DateAdapter<any>;
|
|
12
|
+
datePickerService: DrDatePickerService;
|
|
13
|
+
set format(value: any);
|
|
14
|
+
set min(minDate: number);
|
|
15
|
+
set max(maxDate: number);
|
|
16
|
+
periodPosition: DatePickerPeriodPosition;
|
|
17
|
+
placeholder: string;
|
|
18
|
+
dp: any;
|
|
19
|
+
calendarViewsTimeframeMapping: any;
|
|
20
|
+
customHeader: typeof DrDatePickerCustomHeaderComponent;
|
|
21
|
+
readonly: boolean;
|
|
22
|
+
_min: Moment;
|
|
23
|
+
_max: Moment;
|
|
24
|
+
get value(): Moment;
|
|
25
|
+
set value(v: Moment);
|
|
26
|
+
protected innerValue: Moment;
|
|
27
|
+
protected destroyed$: Subject<void>;
|
|
28
|
+
constructor(cdr: ChangeDetectorRef, dateAdapter: DateAdapter<any>, datePickerService: DrDatePickerService);
|
|
29
|
+
ngAfterViewInit(): void;
|
|
30
|
+
ngOnDestroy(): void;
|
|
31
|
+
/**
|
|
32
|
+
* Updating component inner value according to datepicker timeframe (day, month etc.)
|
|
33
|
+
* and date position in period (start, end, middle)
|
|
34
|
+
*/
|
|
35
|
+
tryToNormalaizeTimeframe(): void;
|
|
36
|
+
chosenPeriodHandler(chosenDate: Moment, timeframe: string): void;
|
|
37
|
+
/**
|
|
38
|
+
* Setting value from outside of component via ngModel or formControl updates
|
|
39
|
+
*/
|
|
40
|
+
writeValue(value: number): void;
|
|
41
|
+
onTouchedCallback: () => void;
|
|
42
|
+
onChangeCallback: (_: any) => void;
|
|
43
|
+
registerOnChange(fn: any): void;
|
|
44
|
+
registerOnTouched(fn: any): void;
|
|
45
|
+
/**
|
|
46
|
+
* Set inner value from Moment and propagate
|
|
47
|
+
* @param momentDate
|
|
48
|
+
*/
|
|
49
|
+
protected setValueFromMoment(momentDate: Moment): void;
|
|
50
|
+
/**
|
|
51
|
+
* Set inner value from timestamp and propagate
|
|
52
|
+
* @param timestamp
|
|
53
|
+
*/
|
|
54
|
+
protected setValue(timestamp: number): void;
|
|
55
|
+
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { AfterViewInit, ChangeDetectorRef, OnInit, OnDestroy, EventEmitter } from '@angular/core';
|
|
2
|
+
import { DrDatePickerComponent } from '../dr-date-picker/dr-date-picker.component';
|
|
3
|
+
import { DateAdapter } from '@angular/material/core';
|
|
4
|
+
import { DrDatePickerService } from '../services/dr-date-picker.service';
|
|
5
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
6
|
+
import { IDatePickerFormatConfig } from '../../../models/datePicker';
|
|
7
|
+
export declare class DrDatePickerWithTimeframeComponent extends DrDatePickerComponent implements ControlValueAccessor, AfterViewInit, OnDestroy, OnInit {
|
|
8
|
+
protected cdr: ChangeDetectorRef;
|
|
9
|
+
protected dateAdapter: DateAdapter<any>;
|
|
10
|
+
datePickerService: DrDatePickerService;
|
|
11
|
+
get isDashboardClassDisplayed(): boolean;
|
|
12
|
+
isDashboardDatepicker: boolean;
|
|
13
|
+
dateFormatConfig: IDatePickerFormatConfig;
|
|
14
|
+
onChangeFormat: EventEmitter<string>;
|
|
15
|
+
pagingSetup: {
|
|
16
|
+
year: (forward: any) => void;
|
|
17
|
+
quarter: (forward: any) => void;
|
|
18
|
+
month: (forward: any) => void;
|
|
19
|
+
day: (forward: any) => void;
|
|
20
|
+
};
|
|
21
|
+
get quarterDisplay(): string;
|
|
22
|
+
constructor(cdr: ChangeDetectorRef, dateAdapter: DateAdapter<any>, datePickerService: DrDatePickerService);
|
|
23
|
+
ngOnInit(): void;
|
|
24
|
+
pagingClicked(forward: any): void;
|
|
25
|
+
pagingDateChange(actionCall: string, amount: number, forward: boolean): void;
|
|
26
|
+
}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { OnDestroy, ChangeDetectorRef } from "@angular/core";
|
|
2
|
+
import { MatCalendar, MatCalendarView } from '@angular/material/datepicker';
|
|
3
|
+
import { DateAdapter } from '@angular/material/core';
|
|
4
|
+
import { CustomDateFormat } from "../../../models/datePicker";
|
|
5
|
+
import { DrDatePickerService } from "../services/dr-date-picker.service";
|
|
6
|
+
export interface ITimeframeOption {
|
|
7
|
+
title: string;
|
|
8
|
+
value: MatCalendarView;
|
|
9
|
+
format: string;
|
|
10
|
+
periodLabel: () => string;
|
|
11
|
+
}
|
|
12
|
+
export declare class DrDatePickerCustomHeaderComponent<Moment> implements OnDestroy {
|
|
13
|
+
private _calendar;
|
|
14
|
+
private _dateAdapter;
|
|
15
|
+
private _dateFormats;
|
|
16
|
+
private cdr;
|
|
17
|
+
datePickerService: DrDatePickerService;
|
|
18
|
+
private _destroyed;
|
|
19
|
+
quarters: number[];
|
|
20
|
+
selectedQuarter: number;
|
|
21
|
+
timeframeOptions: ITimeframeOption[];
|
|
22
|
+
pagingSetup: {
|
|
23
|
+
year: (forward: any) => void;
|
|
24
|
+
none: (forward: any) => void;
|
|
25
|
+
month: (forward: any) => void;
|
|
26
|
+
'multi-year': (forward: any) => void;
|
|
27
|
+
};
|
|
28
|
+
selectedTimeframe: MatCalendarView;
|
|
29
|
+
timeframeSelection: boolean;
|
|
30
|
+
periodMonthLabel: string;
|
|
31
|
+
periodYearLabel: string;
|
|
32
|
+
constructor(_calendar: MatCalendar<Moment>, _dateAdapter: DateAdapter<Moment>, _dateFormats: CustomDateFormat, cdr: ChangeDetectorRef, datePickerService: DrDatePickerService);
|
|
33
|
+
ngOnDestroy(): void;
|
|
34
|
+
setPeriodLabels(): void;
|
|
35
|
+
setTimeframe(): void;
|
|
36
|
+
get currentViewIsQuarter(): boolean;
|
|
37
|
+
switchViewOnClickOnPeriodLabel(view: 'year' | 'multi-year'): void;
|
|
38
|
+
onSelectQuarter(quarterNumber: number): void;
|
|
39
|
+
pagingClicked(forward: any): void;
|
|
40
|
+
pagingDateChange(actionCall: string, amount: number, forward: boolean): void;
|
|
41
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { MatDatepicker } from "@angular/material/datepicker";
|
|
2
|
+
import { Moment } from "moment";
|
|
3
|
+
import { Subject, BehaviorSubject } from "rxjs";
|
|
4
|
+
import { IDatePickerFormatConfig } from "../../../models/datePicker";
|
|
5
|
+
export declare type TimeframeOption = 'day' | 'quarter' | 'month' | 'year';
|
|
6
|
+
export declare class DrDatePickerService {
|
|
7
|
+
isTimeframeSelectionEnabled: boolean;
|
|
8
|
+
timeframe: TimeframeOption;
|
|
9
|
+
format$: BehaviorSubject<string>;
|
|
10
|
+
updatedQuarter$: Subject<Moment>;
|
|
11
|
+
calendarInstance: MatDatepicker<any>;
|
|
12
|
+
formatConfig: IDatePickerFormatConfig;
|
|
13
|
+
getQuarterDisplay(value: any): string;
|
|
14
|
+
getTimeframe(format: string): "day" | "quarter" | "month" | "year";
|
|
15
|
+
getConfiguredFormat(timeframe: TimeframeOption): string;
|
|
16
|
+
updateTimeframeAndFormat(format: string): void;
|
|
17
|
+
normalizeValue(value: any): any;
|
|
18
|
+
}
|
|
@@ -4,14 +4,21 @@ export declare class DrInputComponent implements AfterViewInit, ControlValueAcce
|
|
|
4
4
|
private elementRef;
|
|
5
5
|
private renderer;
|
|
6
6
|
private cdr;
|
|
7
|
+
_clearable: boolean;
|
|
7
8
|
set disabled(value: any);
|
|
8
9
|
set buttonOptions(value: any);
|
|
9
10
|
type: string;
|
|
10
11
|
name: string;
|
|
11
12
|
placeholder: string;
|
|
12
13
|
readonly: boolean;
|
|
13
|
-
clearable:
|
|
14
|
+
set clearable(val: any);
|
|
15
|
+
min: number | string;
|
|
16
|
+
max: number | string;
|
|
17
|
+
minLength: number;
|
|
18
|
+
maxlength: number;
|
|
19
|
+
step: any;
|
|
14
20
|
blur: EventEmitter<any>;
|
|
21
|
+
ngModelDebounceChange: EventEmitter<any>;
|
|
15
22
|
get elementClass(): string;
|
|
16
23
|
innerValue: any;
|
|
17
24
|
_disabled: any;
|
|
@@ -47,4 +54,5 @@ export declare class DrInputComponent implements AfterViewInit, ControlValueAcce
|
|
|
47
54
|
onSearchClicked($event: any): void;
|
|
48
55
|
onButtonClicked($event: any): void;
|
|
49
56
|
ngOnDestroy(): void;
|
|
57
|
+
onClear($event: any): void;
|
|
50
58
|
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
|
|
2
|
+
import { NgModel } from '@angular/forms';
|
|
3
|
+
export declare class DrModelDebounceChangeDirective implements OnDestroy, OnInit {
|
|
4
|
+
private ngModel;
|
|
5
|
+
private subscription;
|
|
6
|
+
debounce: number;
|
|
7
|
+
ngModelDebounceChange: EventEmitter<any>;
|
|
8
|
+
constructor(ngModel: NgModel);
|
|
9
|
+
ngOnInit(): void;
|
|
10
|
+
ngOnDestroy(): void;
|
|
11
|
+
}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import { TemplateRef } from '@angular/core';
|
|
1
|
+
import { EventEmitter, TemplateRef, ElementRef } from '@angular/core';
|
|
2
2
|
import { ControlValueAccessor } from '@angular/forms';
|
|
3
3
|
export declare class DrSelectComponent implements ControlValueAccessor {
|
|
4
|
+
private elementRef;
|
|
4
5
|
className: string;
|
|
5
6
|
items: Array<any>;
|
|
6
7
|
addTag: boolean | ((term: string) => any | Promise<any>);
|
|
@@ -16,16 +17,22 @@ export declare class DrSelectComponent implements ControlValueAccessor {
|
|
|
16
17
|
loading: boolean;
|
|
17
18
|
readonly: boolean;
|
|
18
19
|
disabled: boolean;
|
|
20
|
+
optionWithDescription: boolean;
|
|
19
21
|
id: string;
|
|
20
22
|
keyDownFn: ($event: KeyboardEvent) => boolean;
|
|
21
23
|
selectedItem: any;
|
|
24
|
+
change: EventEmitter<any>;
|
|
22
25
|
labelTemplate: TemplateRef<any>;
|
|
23
26
|
optionTemplate: TemplateRef<any>;
|
|
24
27
|
optionHeaderTemplate: TemplateRef<any>;
|
|
28
|
+
optionFooterTemplate: TemplateRef<any>;
|
|
29
|
+
constructor(elementRef: ElementRef<HTMLElement>);
|
|
25
30
|
onChange: (value: boolean) => void;
|
|
26
31
|
onTouched: () => void;
|
|
27
32
|
writeValue(value: any): void;
|
|
28
33
|
registerOnChange(fn: any): void;
|
|
29
34
|
registerOnTouched(fn: any): void;
|
|
30
35
|
setDisabledState(isDisabled: boolean): void;
|
|
36
|
+
private getHostElement;
|
|
37
|
+
private hasHostAttributes;
|
|
31
38
|
}
|
|
@@ -1,14 +1,18 @@
|
|
|
1
|
-
import { ChangeDetectorRef, EventEmitter } from '@angular/core';
|
|
1
|
+
import { ChangeDetectorRef, EventEmitter, AfterViewInit } from '@angular/core';
|
|
2
2
|
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
-
export declare class DrToggleComponent implements ControlValueAccessor {
|
|
3
|
+
export declare class DrToggleComponent implements ControlValueAccessor, AfterViewInit {
|
|
4
4
|
private cdr;
|
|
5
5
|
_disabled: boolean;
|
|
6
|
+
_elementClass: string[];
|
|
6
7
|
toggleTitle: any;
|
|
8
|
+
toggleTitleRight: boolean;
|
|
7
9
|
successType: boolean;
|
|
8
10
|
checkedStatus: boolean;
|
|
9
11
|
set disabled(value: boolean);
|
|
10
12
|
checkedChange: EventEmitter<any>;
|
|
13
|
+
get elementClass(): string;
|
|
11
14
|
constructor(cdr: ChangeDetectorRef);
|
|
15
|
+
ngAfterViewInit(): void;
|
|
12
16
|
onChange: (value: boolean) => void;
|
|
13
17
|
onTouched: () => void;
|
|
14
18
|
writeValue(value: boolean): void;
|
|
@@ -4,6 +4,8 @@ export declare class DrToggleButtonComponent implements ControlValueAccessor {
|
|
|
4
4
|
private cdr;
|
|
5
5
|
_disabled: boolean;
|
|
6
6
|
items: string[] | any[];
|
|
7
|
+
bindLabel: string | null;
|
|
8
|
+
bindValue: string | null;
|
|
7
9
|
selectedValue: boolean;
|
|
8
10
|
set disabled(value: boolean);
|
|
9
11
|
constructor(cdr: ChangeDetectorRef);
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import { ChangeDetectorRef } from '@angular/core';
|
|
1
|
+
import { ChangeDetectorRef, EventEmitter } from '@angular/core';
|
|
2
2
|
import { ControlValueAccessor } from '@angular/forms';
|
|
3
3
|
export declare class RadioButtonComponent implements ControlValueAccessor {
|
|
4
4
|
private cdr;
|
|
5
5
|
disabled: boolean;
|
|
6
6
|
name: string;
|
|
7
7
|
_value: any;
|
|
8
|
+
valueChange: EventEmitter<any>;
|
|
8
9
|
modelValue: any;
|
|
9
10
|
get value(): any;
|
|
10
11
|
onChange: any;
|
|
@@ -15,4 +16,6 @@ export declare class RadioButtonComponent implements ControlValueAccessor {
|
|
|
15
16
|
writeValue(value: any): void;
|
|
16
17
|
toggleChange(event: any): void;
|
|
17
18
|
valueChanged(event: any): void;
|
|
19
|
+
_setName(name: string): void;
|
|
20
|
+
_markForCheck(): void;
|
|
18
21
|
}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { AfterContentInit, EventEmitter, OnDestroy, QueryList, ElementRef } from '@angular/core';
|
|
2
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
+
import { Subject } from 'rxjs';
|
|
4
|
+
import { RadioButtonComponent } from './radio-button.component';
|
|
5
|
+
export declare class RadioGroupComponent implements AfterContentInit, OnDestroy, ControlValueAccessor {
|
|
6
|
+
protected hostElement: ElementRef<HTMLElement>;
|
|
7
|
+
protected platformId: any;
|
|
8
|
+
protected document: any;
|
|
9
|
+
get value(): any;
|
|
10
|
+
set value(value: any);
|
|
11
|
+
get name(): string;
|
|
12
|
+
set name(name: string);
|
|
13
|
+
get disabled(): boolean;
|
|
14
|
+
set disabled(disabled: boolean);
|
|
15
|
+
constructor(hostElement: ElementRef<HTMLElement>, platformId: any, document: any);
|
|
16
|
+
protected destroy$: Subject<void>;
|
|
17
|
+
protected _value: any;
|
|
18
|
+
protected _name: string;
|
|
19
|
+
protected _disabled: boolean;
|
|
20
|
+
radios: QueryList<RadioButtonComponent>;
|
|
21
|
+
valueChange: EventEmitter<any>;
|
|
22
|
+
protected onChange: (value: any) => void;
|
|
23
|
+
protected onTouched: () => void;
|
|
24
|
+
ngAfterContentInit(): void;
|
|
25
|
+
ngOnDestroy(): void;
|
|
26
|
+
registerOnChange(fn: any): void;
|
|
27
|
+
registerOnTouched(fn: any): void;
|
|
28
|
+
writeValue(value: any): void;
|
|
29
|
+
setDisabledState(isDisabled: boolean): void;
|
|
30
|
+
protected updateAndSubscribeToRadios(): void;
|
|
31
|
+
protected updateNames(): void;
|
|
32
|
+
protected updateValues(): void;
|
|
33
|
+
protected updateDisabled(): void;
|
|
34
|
+
protected subscribeOnRadiosValueChange(): void;
|
|
35
|
+
protected propagateValue(value: any): void;
|
|
36
|
+
protected subscribeOnRadiosBlur(): void;
|
|
37
|
+
protected updateAndMarkForCheckRadios(updateFn: (RadioButtonComponent: any) => void): void;
|
|
38
|
+
protected updateValueFromCheckedOption(): void;
|
|
39
|
+
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ChangeDetectorRef, ComponentFactoryResolver, ComponentRef, ElementRef, TemplateRef, Type, ViewContainerRef, OnInit } from '@angular/core';
|
|
2
2
|
import { DrPopoverRef } from './dr-popover-ref';
|
|
3
|
-
import { Point } from '../models/popover';
|
|
3
|
+
import { IPopoverManualClosing, Point, DrPopoverAlignment } from '../models/popover';
|
|
4
4
|
export declare class DrPopoverComponent<T> implements OnInit {
|
|
5
5
|
private cdr;
|
|
6
6
|
private componentFactoryResolver;
|
|
@@ -11,10 +11,15 @@ export declare class DrPopoverComponent<T> implements OnInit {
|
|
|
11
11
|
contentContext: any;
|
|
12
12
|
class: string;
|
|
13
13
|
hostRef: ElementRef<unknown> | HTMLElement | Point;
|
|
14
|
-
manualClosing:
|
|
14
|
+
manualClosing: IPopoverManualClosing;
|
|
15
|
+
alignment: DrPopoverAlignment;
|
|
16
|
+
position: string;
|
|
15
17
|
popoverContainer: ElementRef<HTMLElement>;
|
|
16
18
|
isContentTemplate: boolean;
|
|
17
19
|
componentRef: ComponentRef<T>;
|
|
20
|
+
width: string;
|
|
21
|
+
height: string;
|
|
22
|
+
popover: boolean;
|
|
18
23
|
clickOutside(e: any): void;
|
|
19
24
|
constructor(cdr: ChangeDetectorRef, componentFactoryResolver: ComponentFactoryResolver, viewContainerRef: ViewContainerRef, elementRef: ElementRef, popoverRef: DrPopoverRef<T>);
|
|
20
25
|
ngOnInit(): void;
|
|
@@ -2,6 +2,7 @@ import { ElementRef, EventEmitter, OnDestroy, TemplateRef, Type } from '@angular
|
|
|
2
2
|
import { OverlayConfig } from '@angular/cdk/overlay';
|
|
3
3
|
import { ElPosition } from './../models/dropdown';
|
|
4
4
|
import { DrPopoverService } from './dr-popover.service';
|
|
5
|
+
import { IPopoverManualClosing, DrPopoverAlignment } from '../models/popover';
|
|
5
6
|
export declare class DrPopoverDirective<T> implements OnDestroy {
|
|
6
7
|
private elementRef;
|
|
7
8
|
private drPopoverService;
|
|
@@ -10,7 +11,8 @@ export declare class DrPopoverDirective<T> implements OnDestroy {
|
|
|
10
11
|
position: ElPosition;
|
|
11
12
|
class: string;
|
|
12
13
|
overlayConfig: OverlayConfig;
|
|
13
|
-
manualClosing:
|
|
14
|
+
manualClosing: IPopoverManualClosing;
|
|
15
|
+
alignment: DrPopoverAlignment;
|
|
14
16
|
popoverClose: EventEmitter<any>;
|
|
15
17
|
showStateChange: EventEmitter<{
|
|
16
18
|
isShown: boolean;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { OnInit } from '@angular/core';
|
|
2
|
+
import { BehaviorSubject } from 'rxjs';
|
|
2
3
|
declare type TooltipOptions = {
|
|
3
4
|
withoutContainerStyles?: boolean;
|
|
4
5
|
withoutArrow?: boolean;
|
|
@@ -10,7 +11,10 @@ export declare class TooltipComponent implements OnInit {
|
|
|
10
11
|
options: TooltipOptions;
|
|
11
12
|
class: string;
|
|
12
13
|
isContentTemplate: boolean;
|
|
14
|
+
isMouseOn$: BehaviorSubject<boolean>;
|
|
13
15
|
constructor();
|
|
14
16
|
ngOnInit(): void;
|
|
17
|
+
setMouseOn(): void;
|
|
18
|
+
unsetMouseOn(): void;
|
|
15
19
|
}
|
|
16
20
|
export {};
|
|
@@ -8,11 +8,15 @@ export declare class DrTooltipDirective implements OnDestroy {
|
|
|
8
8
|
contentContext: {};
|
|
9
9
|
position: string;
|
|
10
10
|
class: string;
|
|
11
|
+
drTooltipMousleaveTimeout: number;
|
|
11
12
|
set drTooltipOptions(options: any);
|
|
12
13
|
set showTooltip(value: boolean);
|
|
13
14
|
private overlayRef;
|
|
15
|
+
private tooltipRef;
|
|
14
16
|
private options;
|
|
15
17
|
private manualHandling;
|
|
18
|
+
private tooltipMouseOnSubscription;
|
|
19
|
+
private mouseleaveTimer;
|
|
16
20
|
constructor(overlay: Overlay, overlayPositionBuilder: OverlayPositionBuilder, elementRef: ElementRef);
|
|
17
21
|
ngOnDestroy(): void;
|
|
18
22
|
show(): void;
|