@datarailsshared/datarailsshared 1.3.29 → 1.3.30
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/_datarailsshared.styles.css +3 -3
- package/assets/styles/_styles.scss +2 -2
- package/assets/styles/img/default-avatar.svg +5 -5
- package/bundles/datarailsshared-datarailsshared.umd.js +3346 -3354
- package/bundles/datarailsshared-datarailsshared.umd.js.map +1 -1
- package/datarailsshared-datarailsshared-1.3.30.tgz +0 -0
- package/datarailsshared-datarailsshared.d.ts +7 -7
- package/datarailsshared-datarailsshared.metadata.json +1 -1
- package/esm2015/datarailsshared-datarailsshared.js +7 -7
- package/esm2015/lib/date-tags/date-tag.component.js +70 -70
- package/esm2015/lib/date-tags/date-tag.module.js +50 -50
- package/esm2015/lib/date-tags/day-tag/day-tag.component.js +81 -81
- package/esm2015/lib/date-tags/forecast-tag/forecast-tag.component.js +143 -143
- package/esm2015/lib/date-tags/month-tag/month-tag.component.js +87 -87
- package/esm2015/lib/date-tags/quarter-tag/quarter-tag.component.js +101 -101
- package/esm2015/lib/date-tags/week-tag/week-tag.component.js +124 -124
- package/esm2015/lib/date-tags/year-tag/year-tag.component.js +93 -93
- package/esm2015/lib/dr-avatar/dr-avatar.component.js +42 -42
- package/esm2015/lib/dr-avatar/dr-avatar.module.js +26 -26
- package/esm2015/lib/dr-avatar/dr-avatar.pipe.js +15 -15
- package/esm2015/lib/dr-dropdown/dr-dropdown-item-show.pipe.js +12 -12
- package/esm2015/lib/dr-dropdown/dr-dropdown-position.directive.js +89 -89
- package/esm2015/lib/dr-dropdown/dr-dropdown.component.js +103 -103
- package/esm2015/lib/dr-dropdown/dr-dropdown.directive.js +75 -75
- package/esm2015/lib/dr-dropdown/dr-dropdown.module.js +34 -34
- package/esm2015/lib/dr-dropdown/dr-dropdown.service.js +24 -24
- package/esm2015/lib/dr-inputs/button/button.component.js +79 -79
- package/esm2015/lib/dr-inputs/checkbox/checkbox.component.js +63 -63
- package/esm2015/lib/dr-inputs/dr-date-picker/dr-date-picker-format.directive.js +47 -47
- package/esm2015/lib/dr-inputs/dr-date-picker/dr-date-picker.component.js +131 -131
- package/esm2015/lib/dr-inputs/dr-input/dr-input.component.js +166 -166
- package/esm2015/lib/dr-inputs/dr-inputs.module.js +43 -43
- package/esm2015/lib/dr-inputs/dr-select/dr-select.component.js +87 -87
- package/esm2015/lib/dr-inputs/dr-toggle/dr-toggle.component.js +64 -64
- package/esm2015/lib/dr-inputs/dr-toggle-button/dr-toggle-button.component.js +52 -52
- package/esm2015/lib/dr-inputs/radio-button/radio-button.component.js +64 -64
- package/esm2015/lib/dr-inputs/radio-button/radio-group.component.js +164 -164
- package/esm2015/lib/dr-popover/dr-popover-ref.js +20 -20
- package/esm2015/lib/dr-popover/dr-popover.component.js +77 -77
- package/esm2015/lib/dr-popover/dr-popover.directive.js +72 -72
- package/esm2015/lib/dr-popover/dr-popover.module.js +23 -23
- package/esm2015/lib/dr-popover/dr-popover.service.js +102 -102
- package/esm2015/lib/dr-spinner/dr-spinner.component.js +29 -29
- package/esm2015/lib/dr-spinner/dr-spinner.directive.js +53 -53
- package/esm2015/lib/dr-spinner/dr-spinner.module.js +18 -18
- package/esm2015/lib/dr-tabs/dr-tab.component.js +23 -23
- package/esm2015/lib/dr-tabs/dr-tabs.component.js +27 -27
- package/esm2015/lib/dr-tabs/dr-tabs.module.js +30 -30
- package/esm2015/lib/dr-tags/dr-tag.component.js +54 -54
- package/esm2015/lib/dr-tags/dr-tag.module.js +22 -22
- package/esm2015/lib/dr-tooltip/dr-tooltip.component.js +30 -30
- package/esm2015/lib/dr-tooltip/dr-tooltip.directive.js +102 -102
- package/esm2015/lib/dr-tooltip/dr-tooltip.module.js +23 -23
- package/esm2015/lib/list-tags/list-tag.component.js +41 -41
- package/esm2015/lib/list-tags/list-tag.module.js +29 -29
- package/esm2015/lib/models/constants.js +97 -97
- package/esm2015/lib/models/datePicker.js +37 -37
- package/esm2015/lib/models/dropdown.js +2 -2
- package/esm2015/lib/models/popover.js +27 -27
- package/esm2015/lib/models/serverTags.js +2 -2
- package/esm2015/public-api.js +50 -50
- package/fesm2015/datarailsshared-datarailsshared.js +2778 -2778
- package/fesm2015/datarailsshared-datarailsshared.js.map +1 -1
- package/lib/date-tags/date-tag.component.d.ts +27 -27
- package/lib/date-tags/date-tag.module.d.ts +4 -4
- package/lib/date-tags/day-tag/day-tag.component.d.ts +12 -12
- package/lib/date-tags/forecast-tag/forecast-tag.component.d.ts +21 -21
- package/lib/date-tags/month-tag/month-tag.component.d.ts +14 -14
- package/lib/date-tags/quarter-tag/quarter-tag.component.d.ts +17 -17
- package/lib/date-tags/week-tag/week-tag.component.d.ts +19 -19
- package/lib/date-tags/year-tag/year-tag.component.d.ts +14 -14
- package/lib/dr-avatar/dr-avatar.component.d.ts +10 -10
- package/lib/dr-avatar/dr-avatar.module.d.ts +2 -2
- package/lib/dr-avatar/dr-avatar.pipe.d.ts +4 -4
- package/lib/dr-dropdown/dr-dropdown-item-show.pipe.d.ts +5 -5
- package/lib/dr-dropdown/dr-dropdown-position.directive.d.ts +11 -11
- package/lib/dr-dropdown/dr-dropdown.component.d.ts +23 -23
- package/lib/dr-dropdown/dr-dropdown.directive.d.ts +19 -19
- package/lib/dr-dropdown/dr-dropdown.module.d.ts +2 -2
- package/lib/dr-dropdown/dr-dropdown.service.d.ts +11 -11
- package/lib/dr-inputs/button/button.component.d.ts +20 -20
- package/lib/dr-inputs/checkbox/checkbox.component.d.ts +20 -20
- package/lib/dr-inputs/dr-date-picker/dr-date-picker-format.directive.d.ts +10 -10
- package/lib/dr-inputs/dr-date-picker/dr-date-picker.component.d.ts +28 -28
- package/lib/dr-inputs/dr-input/dr-input.component.d.ts +53 -53
- package/lib/dr-inputs/dr-inputs.module.d.ts +2 -2
- package/lib/dr-inputs/dr-select/dr-select.component.d.ts +36 -36
- package/lib/dr-inputs/dr-toggle/dr-toggle.component.d.ts +23 -23
- package/lib/dr-inputs/dr-toggle-button/dr-toggle-button.component.d.ts +17 -17
- package/lib/dr-inputs/radio-button/radio-button.component.d.ts +21 -21
- package/lib/dr-inputs/radio-button/radio-group.component.d.ts +39 -39
- package/lib/dr-popover/dr-popover-ref.d.ts +16 -16
- package/lib/dr-popover/dr-popover.component.d.ts +26 -26
- package/lib/dr-popover/dr-popover.directive.d.ts +26 -26
- package/lib/dr-popover/dr-popover.module.d.ts +2 -2
- package/lib/dr-popover/dr-popover.service.d.ts +17 -17
- package/lib/dr-spinner/dr-spinner.component.d.ts +10 -10
- package/lib/dr-spinner/dr-spinner.directive.d.ts +15 -15
- package/lib/dr-spinner/dr-spinner.module.d.ts +2 -2
- package/lib/dr-tabs/dr-tab.component.d.ts +8 -8
- package/lib/dr-tabs/dr-tabs.component.d.ts +10 -10
- package/lib/dr-tabs/dr-tabs.module.d.ts +2 -2
- package/lib/dr-tags/dr-tag.component.d.ts +15 -15
- package/lib/dr-tags/dr-tag.module.d.ts +2 -2
- package/lib/dr-tooltip/dr-tooltip.component.d.ts +16 -16
- package/lib/dr-tooltip/dr-tooltip.directive.d.ts +23 -23
- package/lib/dr-tooltip/dr-tooltip.module.d.ts +2 -2
- package/lib/list-tags/list-tag.component.d.ts +14 -14
- package/lib/list-tags/list-tag.module.d.ts +2 -2
- package/lib/models/constants.d.ts +87 -87
- package/lib/models/datePicker.d.ts +21 -21
- package/lib/models/dropdown.d.ts +47 -47
- package/lib/models/popover.d.ts +32 -32
- package/lib/models/serverTags.d.ts +28 -28
- package/package.json +1 -1
- package/public-api.d.ts +49 -49
- package/datarailsshared-datarailsshared-1.3.29.tgz +0 -0
|
@@ -1,75 +1,75 @@
|
|
|
1
|
-
import { ComponentFactoryResolver, Directive, ElementRef, HostListener, Inject, Input, ViewChild, ViewContainerRef } from '@angular/core';
|
|
2
|
-
import { DOCUMENT } from '@angular/common';
|
|
3
|
-
import { DrDropdownComponent } from './dr-dropdown.component';
|
|
4
|
-
import { DrDropdownService } from './dr-dropdown.service';
|
|
5
|
-
export class DrDropdownDirective {
|
|
6
|
-
constructor(componentFactoryResolver, viewContainerRef, service, el, _document) {
|
|
7
|
-
this.componentFactoryResolver = componentFactoryResolver;
|
|
8
|
-
this.viewContainerRef = viewContainerRef;
|
|
9
|
-
this.service = service;
|
|
10
|
-
this.el = el;
|
|
11
|
-
this._document = _document;
|
|
12
|
-
this.position = 'left';
|
|
13
|
-
}
|
|
14
|
-
elementClick() {
|
|
15
|
-
const option = this.el.nativeElement.getBoundingClientRect();
|
|
16
|
-
this._document.querySelectorAll('dr-dropdown').forEach(item => item.remove());
|
|
17
|
-
if (this.contentCmpRef && this.contentCmpRef.destroyCbs) {
|
|
18
|
-
this.contentCmpRef.destroy();
|
|
19
|
-
this.contentCmpRef = null;
|
|
20
|
-
}
|
|
21
|
-
else {
|
|
22
|
-
this.service.destroy();
|
|
23
|
-
this.showMenu({
|
|
24
|
-
option,
|
|
25
|
-
position: this.position,
|
|
26
|
-
list: this.drDropdown,
|
|
27
|
-
class: this.drDropdownClass
|
|
28
|
-
});
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
documentClick(e) {
|
|
32
|
-
const menuItem = e.target.classList;
|
|
33
|
-
if (menuItem.contains('dr-dropdown__container__item') || menuItem.contains('dr-dropdown__container__item__text')) {
|
|
34
|
-
return;
|
|
35
|
-
}
|
|
36
|
-
const elems = this._document.querySelectorAll('dr-dropdown');
|
|
37
|
-
if (!e.target.contains(this.el.nativeElement) && this.contentCmpRef || elems.length && !e.target.contains(this.el.nativeElement)) {
|
|
38
|
-
setTimeout(() => elems.forEach(item => item.remove()), 100);
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
showMenu(options) {
|
|
42
|
-
let componentFactory;
|
|
43
|
-
componentFactory = this.componentFactoryResolver.resolveComponentFactory(DrDropdownComponent);
|
|
44
|
-
this.contentCmpRef = this.viewContainerRef.createComponent(componentFactory);
|
|
45
|
-
this.service.addMenu = this.contentCmpRef;
|
|
46
|
-
this._document.querySelector('nb-layout').appendChild(this.contentCmpRef.location.nativeElement);
|
|
47
|
-
this.contentCmpRef.instance.options = options;
|
|
48
|
-
}
|
|
49
|
-
ngOnDestroy() {
|
|
50
|
-
if (this.contentCmpRef) {
|
|
51
|
-
this.contentCmpRef.destroy();
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
DrDropdownDirective.decorators = [
|
|
56
|
-
{ type: Directive, args: [{
|
|
57
|
-
selector: '[drDropdown]'
|
|
58
|
-
},] }
|
|
59
|
-
];
|
|
60
|
-
DrDropdownDirective.ctorParameters = () => [
|
|
61
|
-
{ type: ComponentFactoryResolver },
|
|
62
|
-
{ type: ViewContainerRef },
|
|
63
|
-
{ type: DrDropdownService },
|
|
64
|
-
{ type: ElementRef },
|
|
65
|
-
{ type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] }] }
|
|
66
|
-
];
|
|
67
|
-
DrDropdownDirective.propDecorators = {
|
|
68
|
-
position: [{ type: Input }],
|
|
69
|
-
drDropdown: [{ type: Input }],
|
|
70
|
-
drDropdownClass: [{ type: Input }],
|
|
71
|
-
contentCmpRef: [{ type: ViewChild, args: [DrDropdownComponent, { static: true, read: ViewContainerRef },] }],
|
|
72
|
-
elementClick: [{ type: HostListener, args: ['click',] }],
|
|
73
|
-
documentClick: [{ type: HostListener, args: ['document:mouseup', ['$event'],] }]
|
|
74
|
-
};
|
|
75
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import { ComponentFactoryResolver, Directive, ElementRef, HostListener, Inject, Input, ViewChild, ViewContainerRef } from '@angular/core';
|
|
2
|
+
import { DOCUMENT } from '@angular/common';
|
|
3
|
+
import { DrDropdownComponent } from './dr-dropdown.component';
|
|
4
|
+
import { DrDropdownService } from './dr-dropdown.service';
|
|
5
|
+
export class DrDropdownDirective {
|
|
6
|
+
constructor(componentFactoryResolver, viewContainerRef, service, el, _document) {
|
|
7
|
+
this.componentFactoryResolver = componentFactoryResolver;
|
|
8
|
+
this.viewContainerRef = viewContainerRef;
|
|
9
|
+
this.service = service;
|
|
10
|
+
this.el = el;
|
|
11
|
+
this._document = _document;
|
|
12
|
+
this.position = 'left';
|
|
13
|
+
}
|
|
14
|
+
elementClick() {
|
|
15
|
+
const option = this.el.nativeElement.getBoundingClientRect();
|
|
16
|
+
this._document.querySelectorAll('dr-dropdown').forEach(item => item.remove());
|
|
17
|
+
if (this.contentCmpRef && this.contentCmpRef.destroyCbs) {
|
|
18
|
+
this.contentCmpRef.destroy();
|
|
19
|
+
this.contentCmpRef = null;
|
|
20
|
+
}
|
|
21
|
+
else {
|
|
22
|
+
this.service.destroy();
|
|
23
|
+
this.showMenu({
|
|
24
|
+
option,
|
|
25
|
+
position: this.position,
|
|
26
|
+
list: this.drDropdown,
|
|
27
|
+
class: this.drDropdownClass
|
|
28
|
+
});
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
documentClick(e) {
|
|
32
|
+
const menuItem = e.target.classList;
|
|
33
|
+
if (menuItem.contains('dr-dropdown__container__item') || menuItem.contains('dr-dropdown__container__item__text')) {
|
|
34
|
+
return;
|
|
35
|
+
}
|
|
36
|
+
const elems = this._document.querySelectorAll('dr-dropdown');
|
|
37
|
+
if (!e.target.contains(this.el.nativeElement) && this.contentCmpRef || elems.length && !e.target.contains(this.el.nativeElement)) {
|
|
38
|
+
setTimeout(() => elems.forEach(item => item.remove()), 100);
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
showMenu(options) {
|
|
42
|
+
let componentFactory;
|
|
43
|
+
componentFactory = this.componentFactoryResolver.resolveComponentFactory(DrDropdownComponent);
|
|
44
|
+
this.contentCmpRef = this.viewContainerRef.createComponent(componentFactory);
|
|
45
|
+
this.service.addMenu = this.contentCmpRef;
|
|
46
|
+
this._document.querySelector('nb-layout').appendChild(this.contentCmpRef.location.nativeElement);
|
|
47
|
+
this.contentCmpRef.instance.options = options;
|
|
48
|
+
}
|
|
49
|
+
ngOnDestroy() {
|
|
50
|
+
if (this.contentCmpRef) {
|
|
51
|
+
this.contentCmpRef.destroy();
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
DrDropdownDirective.decorators = [
|
|
56
|
+
{ type: Directive, args: [{
|
|
57
|
+
selector: '[drDropdown]'
|
|
58
|
+
},] }
|
|
59
|
+
];
|
|
60
|
+
DrDropdownDirective.ctorParameters = () => [
|
|
61
|
+
{ type: ComponentFactoryResolver },
|
|
62
|
+
{ type: ViewContainerRef },
|
|
63
|
+
{ type: DrDropdownService },
|
|
64
|
+
{ type: ElementRef },
|
|
65
|
+
{ type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] }] }
|
|
66
|
+
];
|
|
67
|
+
DrDropdownDirective.propDecorators = {
|
|
68
|
+
position: [{ type: Input }],
|
|
69
|
+
drDropdown: [{ type: Input }],
|
|
70
|
+
drDropdownClass: [{ type: Input }],
|
|
71
|
+
contentCmpRef: [{ type: ViewChild, args: [DrDropdownComponent, { static: true, read: ViewContainerRef },] }],
|
|
72
|
+
elementClick: [{ type: HostListener, args: ['click',] }],
|
|
73
|
+
documentClick: [{ type: HostListener, args: ['document:mouseup', ['$event'],] }]
|
|
74
|
+
};
|
|
75
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHItZHJvcGRvd24uZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGF0YXJhaWxzc2hhcmVkL3NyYy9saWIvZHItZHJvcGRvd24vZHItZHJvcGRvd24uZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCx3QkFBd0IsRUFDeEIsU0FBUyxFQUNULFVBQVUsRUFDVixZQUFZLEVBQ1osTUFBTSxFQUNOLEtBQUssRUFFTCxTQUFTLEVBQ1QsZ0JBQWdCLEVBQ2pCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUzQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUM5RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUsxRCxNQUFNLE9BQU8sbUJBQW1CO0lBTzlCLFlBQW9CLHdCQUFrRCxFQUNsRCxnQkFBa0MsRUFDbEMsT0FBMEIsRUFDMUIsRUFBYyxFQUNJLFNBQWM7UUFKaEMsNkJBQXdCLEdBQXhCLHdCQUF3QixDQUEwQjtRQUNsRCxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBQ2xDLFlBQU8sR0FBUCxPQUFPLENBQW1CO1FBQzFCLE9BQUUsR0FBRixFQUFFLENBQVk7UUFDSSxjQUFTLEdBQVQsU0FBUyxDQUFLO1FBVDNDLGFBQVEsR0FBZSxNQUFNLENBQUM7SUFVdkMsQ0FBQztJQUVzQixZQUFZO1FBQ2pDLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDLHFCQUFxQixFQUFFLENBQUM7UUFDN0QsSUFBSSxDQUFDLFNBQVMsQ0FBQyxnQkFBZ0IsQ0FBQyxhQUFhLENBQUMsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMsQ0FBQztRQUM5RSxJQUFJLElBQUksQ0FBQyxhQUFhLElBQUksSUFBSSxDQUFDLGFBQWEsQ0FBQyxVQUFVLEVBQUU7WUFDdkQsSUFBSSxDQUFDLGFBQWEsQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUM3QixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQztTQUMzQjthQUFNO1lBQ0wsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUN2QixJQUFJLENBQUMsUUFBUSxDQUFDO2dCQUNaLE1BQU07Z0JBQ04sUUFBUSxFQUFFLElBQUksQ0FBQyxRQUFRO2dCQUN2QixJQUFJLEVBQUUsSUFBSSxDQUFDLFVBQVU7Z0JBQ3JCLEtBQUssRUFBRSxJQUFJLENBQUMsZUFBZTthQUM1QixDQUFDLENBQUM7U0FDSjtJQUVILENBQUM7SUFFNkMsYUFBYSxDQUFDLENBQUM7UUFDM0QsTUFBTSxRQUFRLEdBQUcsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUM7UUFDcEMsSUFBSSxRQUFRLENBQUMsUUFBUSxDQUFDLDhCQUE4QixDQUFDLElBQUksUUFBUSxDQUFDLFFBQVEsQ0FBQyxvQ0FBb0MsQ0FBQyxFQUFFO1lBQ2hILE9BQU87U0FDUjtRQUNELE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsZ0JBQWdCLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDN0QsSUFBSSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDLElBQUksSUFBSSxDQUFDLGFBQWEsSUFBSSxLQUFLLENBQUMsTUFBTSxJQUFJLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsRUFBRTtZQUNoSSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDO1NBQzdEO0lBQ0gsQ0FBQztJQUVPLFFBQVEsQ0FBQyxPQUFxQjtRQUNwQyxJQUFJLGdCQUF1RCxDQUFDO1FBQzVELGdCQUFnQixHQUFHLElBQUksQ0FBQyx3QkFBd0IsQ0FBQyx1QkFBdUIsQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO1FBQzlGLElBQUksQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLGVBQWUsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBQzdFLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUM7UUFDMUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxhQUFhLENBQUMsV0FBVyxDQUFDLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQ2pHLElBQUksQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUM7SUFDaEQsQ0FBQztJQUVNLFdBQVc7UUFDaEIsSUFBSSxJQUFJLENBQUMsYUFBYSxFQUFFO1lBQ3RCLElBQUksQ0FBQyxhQUFhLENBQUMsT0FBTyxFQUFFLENBQUM7U0FDOUI7SUFDSCxDQUFDOzs7WUEzREYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxjQUFjO2FBQ3pCOzs7WUFqQkMsd0JBQXdCO1lBUXhCLGdCQUFnQjtZQUtULGlCQUFpQjtZQVh4QixVQUFVOzRDQTJCRyxNQUFNLFNBQUMsUUFBUTs7O3VCQVQzQixLQUFLO3lCQUNMLEtBQUs7OEJBQ0wsS0FBSzs0QkFDTCxTQUFTLFNBQUMsbUJBQW1CLEVBQUUsRUFBQyxNQUFNLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxnQkFBZ0IsRUFBQzsyQkFTckUsWUFBWSxTQUFDLE9BQU87NEJBa0JwQixZQUFZLFNBQUMsa0JBQWtCLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnRGYWN0b3J5LFxuICBDb21wb25lbnRGYWN0b3J5UmVzb2x2ZXIsXG4gIERpcmVjdGl2ZSxcbiAgRWxlbWVudFJlZixcbiAgSG9zdExpc3RlbmVyLFxuICBJbmplY3QsXG4gIElucHV0LFxuICBPbkRlc3Ryb3ksXG4gIFZpZXdDaGlsZCxcbiAgVmlld0NvbnRhaW5lclJlZlxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERPQ1VNRU5UIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IElEcm9wZG93bkl0ZW0sIEVsUG9zaXRpb24sIElEcm9wZG93biB9IGZyb20gJy4uL21vZGVscy9kcm9wZG93bic7XG5pbXBvcnQgeyBEckRyb3Bkb3duQ29tcG9uZW50IH0gZnJvbSAnLi9kci1kcm9wZG93bi5jb21wb25lbnQnO1xuaW1wb3J0IHsgRHJEcm9wZG93blNlcnZpY2UgfSBmcm9tICcuL2RyLWRyb3Bkb3duLnNlcnZpY2UnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbZHJEcm9wZG93bl0nXG59KVxuZXhwb3J0IGNsYXNzIERyRHJvcGRvd25EaXJlY3RpdmU8VD4gaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xuXG4gIEBJbnB1dCgpIHBvc2l0aW9uOiBFbFBvc2l0aW9uID0gJ2xlZnQnO1xuICBASW5wdXQoKSBkckRyb3Bkb3duOiBJRHJvcGRvd25JdGVtPFQ+W107XG4gIEBJbnB1dCgpIGRyRHJvcGRvd25DbGFzczogc3RyaW5nO1xuICBAVmlld0NoaWxkKERyRHJvcGRvd25Db21wb25lbnQsIHtzdGF0aWM6IHRydWUsIHJlYWQ6IFZpZXdDb250YWluZXJSZWZ9KSBjb250ZW50Q21wUmVmO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY29tcG9uZW50RmFjdG9yeVJlc29sdmVyOiBDb21wb25lbnRGYWN0b3J5UmVzb2x2ZXIsXG4gICAgICAgICAgICAgIHByaXZhdGUgdmlld0NvbnRhaW5lclJlZjogVmlld0NvbnRhaW5lclJlZixcbiAgICAgICAgICAgICAgcHJpdmF0ZSBzZXJ2aWNlOiBEckRyb3Bkb3duU2VydmljZSxcbiAgICAgICAgICAgICAgcHJpdmF0ZSBlbDogRWxlbWVudFJlZixcbiAgICAgICAgICAgICAgQEluamVjdChET0NVTUVOVCkgcHJpdmF0ZSBfZG9jdW1lbnQ6IGFueSkge1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignY2xpY2snKSBlbGVtZW50Q2xpY2soKSB7XG4gICAgY29uc3Qgb3B0aW9uID0gdGhpcy5lbC5uYXRpdmVFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgIHRoaXMuX2RvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoJ2RyLWRyb3Bkb3duJykuZm9yRWFjaChpdGVtID0+IGl0ZW0ucmVtb3ZlKCkpO1xuICAgIGlmICh0aGlzLmNvbnRlbnRDbXBSZWYgJiYgdGhpcy5jb250ZW50Q21wUmVmLmRlc3Ryb3lDYnMpIHtcbiAgICAgIHRoaXMuY29udGVudENtcFJlZi5kZXN0cm95KCk7XG4gICAgICB0aGlzLmNvbnRlbnRDbXBSZWYgPSBudWxsO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnNlcnZpY2UuZGVzdHJveSgpO1xuICAgICAgdGhpcy5zaG93TWVudSh7XG4gICAgICAgIG9wdGlvbixcbiAgICAgICAgcG9zaXRpb246IHRoaXMucG9zaXRpb24sXG4gICAgICAgIGxpc3Q6IHRoaXMuZHJEcm9wZG93bixcbiAgICAgICAgY2xhc3M6IHRoaXMuZHJEcm9wZG93bkNsYXNzXG4gICAgICB9KTtcbiAgICB9XG5cbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2RvY3VtZW50Om1vdXNldXAnLCBbJyRldmVudCddKSBkb2N1bWVudENsaWNrKGUpIHtcbiAgICBjb25zdCBtZW51SXRlbSA9IGUudGFyZ2V0LmNsYXNzTGlzdDtcbiAgICBpZiAobWVudUl0ZW0uY29udGFpbnMoJ2RyLWRyb3Bkb3duX19jb250YWluZXJfX2l0ZW0nKSB8fCBtZW51SXRlbS5jb250YWlucygnZHItZHJvcGRvd25fX2NvbnRhaW5lcl9faXRlbV9fdGV4dCcpKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGNvbnN0IGVsZW1zID0gdGhpcy5fZG9jdW1lbnQucXVlcnlTZWxlY3RvckFsbCgnZHItZHJvcGRvd24nKTtcbiAgICBpZiAoIWUudGFyZ2V0LmNvbnRhaW5zKHRoaXMuZWwubmF0aXZlRWxlbWVudCkgJiYgdGhpcy5jb250ZW50Q21wUmVmIHx8IGVsZW1zLmxlbmd0aCAmJiAhZS50YXJnZXQuY29udGFpbnModGhpcy5lbC5uYXRpdmVFbGVtZW50KSkge1xuICAgICAgc2V0VGltZW91dCgoKSA9PiBlbGVtcy5mb3JFYWNoKGl0ZW0gPT4gaXRlbS5yZW1vdmUoKSksIDEwMCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBzaG93TWVudShvcHRpb25zOiBJRHJvcGRvd248VD4pIHtcbiAgICBsZXQgY29tcG9uZW50RmFjdG9yeTogQ29tcG9uZW50RmFjdG9yeTxEckRyb3Bkb3duQ29tcG9uZW50PjtcbiAgICBjb21wb25lbnRGYWN0b3J5ID0gdGhpcy5jb21wb25lbnRGYWN0b3J5UmVzb2x2ZXIucmVzb2x2ZUNvbXBvbmVudEZhY3RvcnkoRHJEcm9wZG93bkNvbXBvbmVudCk7XG4gICAgdGhpcy5jb250ZW50Q21wUmVmID0gdGhpcy52aWV3Q29udGFpbmVyUmVmLmNyZWF0ZUNvbXBvbmVudChjb21wb25lbnRGYWN0b3J5KTtcbiAgICB0aGlzLnNlcnZpY2UuYWRkTWVudSA9IHRoaXMuY29udGVudENtcFJlZjtcbiAgICB0aGlzLl9kb2N1bWVudC5xdWVyeVNlbGVjdG9yKCduYi1sYXlvdXQnKS5hcHBlbmRDaGlsZCh0aGlzLmNvbnRlbnRDbXBSZWYubG9jYXRpb24ubmF0aXZlRWxlbWVudCk7XG4gICAgdGhpcy5jb250ZW50Q21wUmVmLmluc3RhbmNlLm9wdGlvbnMgPSBvcHRpb25zO1xuICB9XG5cbiAgcHVibGljIG5nT25EZXN0cm95KCkge1xuICAgIGlmICh0aGlzLmNvbnRlbnRDbXBSZWYpIHtcbiAgICAgIHRoaXMuY29udGVudENtcFJlZi5kZXN0cm95KCk7XG4gICAgfVxuICB9XG59XG4iXX0=
|
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
import { NgModule } from '@angular/core';
|
|
2
|
-
import { DrDropdownPositionDirective } from './dr-dropdown-position.directive';
|
|
3
|
-
import { DrDropdownDirective } from './dr-dropdown.directive';
|
|
4
|
-
import { DrDropdownComponent } from './dr-dropdown.component';
|
|
5
|
-
import { CommonModule } from '@angular/common';
|
|
6
|
-
import { DrTooltipModule } from '../dr-tooltip/dr-tooltip.module';
|
|
7
|
-
import { DrDropdownItemShowPipe } from './dr-dropdown-item-show.pipe';
|
|
8
|
-
import { DrDropdownService } from './dr-dropdown.service';
|
|
9
|
-
export class DrDropdownModule {
|
|
10
|
-
}
|
|
11
|
-
DrDropdownModule.decorators = [
|
|
12
|
-
{ type: NgModule, args: [{
|
|
13
|
-
imports: [
|
|
14
|
-
CommonModule,
|
|
15
|
-
DrTooltipModule,
|
|
16
|
-
],
|
|
17
|
-
declarations: [
|
|
18
|
-
DrDropdownDirective,
|
|
19
|
-
DrDropdownPositionDirective,
|
|
20
|
-
DrDropdownComponent,
|
|
21
|
-
DrDropdownItemShowPipe,
|
|
22
|
-
],
|
|
23
|
-
exports: [
|
|
24
|
-
DrDropdownDirective,
|
|
25
|
-
DrDropdownPositionDirective,
|
|
26
|
-
DrDropdownComponent,
|
|
27
|
-
DrDropdownItemShowPipe,
|
|
28
|
-
],
|
|
29
|
-
providers: [
|
|
30
|
-
DrDropdownService,
|
|
31
|
-
],
|
|
32
|
-
},] }
|
|
33
|
-
];
|
|
34
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { DrDropdownPositionDirective } from './dr-dropdown-position.directive';
|
|
3
|
+
import { DrDropdownDirective } from './dr-dropdown.directive';
|
|
4
|
+
import { DrDropdownComponent } from './dr-dropdown.component';
|
|
5
|
+
import { CommonModule } from '@angular/common';
|
|
6
|
+
import { DrTooltipModule } from '../dr-tooltip/dr-tooltip.module';
|
|
7
|
+
import { DrDropdownItemShowPipe } from './dr-dropdown-item-show.pipe';
|
|
8
|
+
import { DrDropdownService } from './dr-dropdown.service';
|
|
9
|
+
export class DrDropdownModule {
|
|
10
|
+
}
|
|
11
|
+
DrDropdownModule.decorators = [
|
|
12
|
+
{ type: NgModule, args: [{
|
|
13
|
+
imports: [
|
|
14
|
+
CommonModule,
|
|
15
|
+
DrTooltipModule,
|
|
16
|
+
],
|
|
17
|
+
declarations: [
|
|
18
|
+
DrDropdownDirective,
|
|
19
|
+
DrDropdownPositionDirective,
|
|
20
|
+
DrDropdownComponent,
|
|
21
|
+
DrDropdownItemShowPipe,
|
|
22
|
+
],
|
|
23
|
+
exports: [
|
|
24
|
+
DrDropdownDirective,
|
|
25
|
+
DrDropdownPositionDirective,
|
|
26
|
+
DrDropdownComponent,
|
|
27
|
+
DrDropdownItemShowPipe,
|
|
28
|
+
],
|
|
29
|
+
providers: [
|
|
30
|
+
DrDropdownService,
|
|
31
|
+
],
|
|
32
|
+
},] }
|
|
33
|
+
];
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHItZHJvcGRvd24ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGF0YXJhaWxzc2hhcmVkL3NyYy9saWIvZHItZHJvcGRvd24vZHItZHJvcGRvd24ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDL0UsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDOUQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDOUQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUNsRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUN0RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQXdCMUQsTUFBTSxPQUFPLGdCQUFnQjs7O1lBdEI1QixRQUFRLFNBQUM7Z0JBQ1IsT0FBTyxFQUFFO29CQUNQLFlBQVk7b0JBQ1osZUFBZTtpQkFDaEI7Z0JBQ0QsWUFBWSxFQUFFO29CQUNaLG1CQUFtQjtvQkFDbkIsMkJBQTJCO29CQUMzQixtQkFBbUI7b0JBQ25CLHNCQUFzQjtpQkFDdkI7Z0JBQ0QsT0FBTyxFQUFFO29CQUNQLG1CQUFtQjtvQkFDbkIsMkJBQTJCO29CQUMzQixtQkFBbUI7b0JBQ25CLHNCQUFzQjtpQkFDdkI7Z0JBQ0QsU0FBUyxFQUFFO29CQUNULGlCQUFpQjtpQkFDbEI7YUFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEckRyb3Bkb3duUG9zaXRpb25EaXJlY3RpdmUgfSBmcm9tICcuL2RyLWRyb3Bkb3duLXBvc2l0aW9uLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBEckRyb3Bkb3duRGlyZWN0aXZlIH0gZnJvbSAnLi9kci1kcm9wZG93bi5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgRHJEcm9wZG93bkNvbXBvbmVudCB9IGZyb20gJy4vZHItZHJvcGRvd24uY29tcG9uZW50JztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBEclRvb2x0aXBNb2R1bGUgfSBmcm9tICcuLi9kci10b29sdGlwL2RyLXRvb2x0aXAubW9kdWxlJztcbmltcG9ydCB7IERyRHJvcGRvd25JdGVtU2hvd1BpcGUgfSBmcm9tICcuL2RyLWRyb3Bkb3duLWl0ZW0tc2hvdy5waXBlJztcbmltcG9ydCB7IERyRHJvcGRvd25TZXJ2aWNlIH0gZnJvbSAnLi9kci1kcm9wZG93bi5zZXJ2aWNlJztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBEclRvb2x0aXBNb2R1bGUsXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW1xuICAgIERyRHJvcGRvd25EaXJlY3RpdmUsXG4gICAgRHJEcm9wZG93blBvc2l0aW9uRGlyZWN0aXZlLFxuICAgIERyRHJvcGRvd25Db21wb25lbnQsXG4gICAgRHJEcm9wZG93bkl0ZW1TaG93UGlwZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIERyRHJvcGRvd25EaXJlY3RpdmUsXG4gICAgRHJEcm9wZG93blBvc2l0aW9uRGlyZWN0aXZlLFxuICAgIERyRHJvcGRvd25Db21wb25lbnQsXG4gICAgRHJEcm9wZG93bkl0ZW1TaG93UGlwZSxcbiAgXSxcbiAgcHJvdmlkZXJzOiBbXG4gICAgRHJEcm9wZG93blNlcnZpY2UsXG4gIF0sXG59KVxuXG5leHBvcnQgY2xhc3MgRHJEcm9wZG93bk1vZHVsZSB7fVxuIl19
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
import { Injectable } from '@angular/core';
|
|
2
|
-
import { Subject } from 'rxjs';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export class DrDropdownService {
|
|
5
|
-
constructor() {
|
|
6
|
-
this.actionItem = new Subject();
|
|
7
|
-
}
|
|
8
|
-
set addMenu(item) {
|
|
9
|
-
this.menuInView = item;
|
|
10
|
-
}
|
|
11
|
-
destroy() {
|
|
12
|
-
if (this.menuInView) {
|
|
13
|
-
this.menuInView.destroy();
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
DrDropdownService.ɵprov = i0.ɵɵdefineInjectable({ factory: function DrDropdownService_Factory() { return new DrDropdownService(); }, token: DrDropdownService, providedIn: "root" });
|
|
18
|
-
DrDropdownService.decorators = [
|
|
19
|
-
{ type: Injectable, args: [{
|
|
20
|
-
providedIn: 'root'
|
|
21
|
-
},] }
|
|
22
|
-
];
|
|
23
|
-
DrDropdownService.ctorParameters = () => [];
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import { Injectable } from '@angular/core';
|
|
2
|
+
import { Subject } from 'rxjs';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class DrDropdownService {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.actionItem = new Subject();
|
|
7
|
+
}
|
|
8
|
+
set addMenu(item) {
|
|
9
|
+
this.menuInView = item;
|
|
10
|
+
}
|
|
11
|
+
destroy() {
|
|
12
|
+
if (this.menuInView) {
|
|
13
|
+
this.menuInView.destroy();
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
DrDropdownService.ɵprov = i0.ɵɵdefineInjectable({ factory: function DrDropdownService_Factory() { return new DrDropdownService(); }, token: DrDropdownService, providedIn: "root" });
|
|
18
|
+
DrDropdownService.decorators = [
|
|
19
|
+
{ type: Injectable, args: [{
|
|
20
|
+
providedIn: 'root'
|
|
21
|
+
},] }
|
|
22
|
+
];
|
|
23
|
+
DrDropdownService.ctorParameters = () => [];
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHItZHJvcGRvd24uc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLWRyb3Bkb3duL2RyLWRyb3Bkb3duLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFnQixVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQzs7QUFPL0IsTUFBTSxPQUFPLGlCQUFpQjtJQUs1QjtRQUhBLGVBQVUsR0FBRyxJQUFJLE9BQU8sRUFBNEIsQ0FBQztJQUlyRCxDQUFDO0lBRUQsSUFBSSxPQUFPLENBQUMsSUFBdUM7UUFDakQsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUM7SUFDekIsQ0FBQztJQUVELE9BQU87UUFDTCxJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDbkIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxPQUFPLEVBQUUsQ0FBQztTQUMzQjtJQUNILENBQUM7Ozs7WUFuQkYsVUFBVSxTQUFDO2dCQUNWLFVBQVUsRUFBRSxNQUFNO2FBQ25CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50UmVmLCBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBEckRyb3Bkb3duQ29tcG9uZW50IH0gZnJvbSAnLi9kci1kcm9wZG93bi5jb21wb25lbnQnO1xuaW1wb3J0IHsgSURyb3Bkb3duQWN0aW9uIH0gZnJvbSAnLi4vbW9kZWxzL2Ryb3Bkb3duJztcblxuQEluamVjdGFibGUoe1xuICBwcm92aWRlZEluOiAncm9vdCdcbn0pXG5leHBvcnQgY2xhc3MgRHJEcm9wZG93blNlcnZpY2Uge1xuXG4gIGFjdGlvbkl0ZW0gPSBuZXcgU3ViamVjdDxJRHJvcGRvd25BY3Rpb248dW5rbm93bj4+KCk7XG4gIHByb3RlY3RlZCBtZW51SW5WaWV3OiBDb21wb25lbnRSZWY8RHJEcm9wZG93bkNvbXBvbmVudD47XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gIH1cblxuICBzZXQgYWRkTWVudShpdGVtOiBDb21wb25lbnRSZWY8RHJEcm9wZG93bkNvbXBvbmVudD4pIHtcbiAgICB0aGlzLm1lbnVJblZpZXcgPSBpdGVtO1xuICB9XG5cbiAgZGVzdHJveSgpIHtcbiAgICBpZiAodGhpcy5tZW51SW5WaWV3KSB7XG4gICAgICB0aGlzLm1lbnVJblZpZXcuZGVzdHJveSgpO1xuICAgIH1cbiAgfVxufVxuIl19
|
|
@@ -1,79 +1,79 @@
|
|
|
1
|
-
import { Component, EventEmitter, HostBinding, Input, Output } from '@angular/core';
|
|
2
|
-
export class DrButtonComponent {
|
|
3
|
-
constructor() {
|
|
4
|
-
this._disabled = null;
|
|
5
|
-
this._isLoading = false;
|
|
6
|
-
this._elementClass = [];
|
|
7
|
-
this.theme = 'primary';
|
|
8
|
-
this.isBold = false;
|
|
9
|
-
this.click = new EventEmitter();
|
|
10
|
-
}
|
|
11
|
-
set disabled(value) {
|
|
12
|
-
if (value) {
|
|
13
|
-
this._elementClass.push('disabled');
|
|
14
|
-
}
|
|
15
|
-
else {
|
|
16
|
-
this._elementClass = this._elementClass.filter(item => item !== 'disabled');
|
|
17
|
-
}
|
|
18
|
-
this._disabled = value;
|
|
19
|
-
}
|
|
20
|
-
set isLoading(value) {
|
|
21
|
-
if (value) {
|
|
22
|
-
this._elementClass.push('loading');
|
|
23
|
-
}
|
|
24
|
-
else {
|
|
25
|
-
this._elementClass = this._elementClass.filter(item => item !== 'loading');
|
|
26
|
-
}
|
|
27
|
-
this._isLoading = !!value;
|
|
28
|
-
}
|
|
29
|
-
get elementClass() {
|
|
30
|
-
return this._elementClass.join(' ');
|
|
31
|
-
}
|
|
32
|
-
set(val) {
|
|
33
|
-
this._elementClass = val.split(' ');
|
|
34
|
-
}
|
|
35
|
-
onClick($event) {
|
|
36
|
-
$event.preventDefault();
|
|
37
|
-
$event.stopPropagation();
|
|
38
|
-
this.click.emit($event);
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
DrButtonComponent.decorators = [
|
|
42
|
-
{ type: Component, args: [{
|
|
43
|
-
selector: 'dr-button',
|
|
44
|
-
template: "<button (click)=\"onClick($event)\" [disabled]=\"_disabled\" [attr.is-loading]=\"_isLoading\" [attr.bold]=\"isBold\"\
|
|
45
|
-
styles: [":host{display:inline-block}:host.disabled,:host.loading{pointer-events:none}:host button[theme]{cursor:pointer;border-radius:16px;padding:5px 16px;font-family:\"Poppins\";font-style:normal;font-weight:400;font-size:14px;line-height:22px;color:#4e566c;border:1px solid #7F7FDD;display:flex;justify-content:space-between;align-items:center;height:32px}:host button[theme] .dr{padding:0;margin-left:5.35px;margin-right:8.64px}:host button[theme] .dr-spinner{animation-name:rotate;animation-iteration-count:infinite;animation-duration:1s}@keyframes rotate{0%{transform:rotate()}to{transform:rotate(360deg)}}:host button[theme][theme~=split-secondary-first],:host button[theme][theme~=split-secondary-last],:host button[theme][theme~=secondary]{padding:5px 16px;background:#FFFFFF;border-radius:16px;min-width:90px}:host button[theme][theme~=split-secondary-first]:hover:not([disabled]),:host button[theme][theme~=split-secondary-last]:hover:not([disabled]),:host button[theme][theme~=secondary]:hover:not([disabled]){color:#4e566c;transition:.2ms ease-in all;background:#F2F2FB;box-shadow:0 4px 14px #0000001a;border:1px solid #4646CE}:host button[theme][theme~=split-secondary-first]:active,:host button[theme][theme~=split-secondary-last]:active,:host button[theme][theme~=secondary]:active{box-shadow:none;background:#F2F2FB}:host button[theme][theme~=split-secondary-first][disabled],:host button[theme][theme~=split-secondary-last][disabled],:host button[theme][theme~=secondary][disabled]{background:#F0F1F4;color:#727583;border:none;cursor:default;pointer-events:none}:host button[theme][theme~=split-secondary-first][is-loading=true],:host button[theme][theme~=split-secondary-last][is-loading=true],:host button[theme][theme~=secondary][is-loading=true]{justify-content:center;padding:5px 16px;pointer-events:none}:host button[theme][theme~=split-primary-first],:host button[theme][theme~=split-primary-last],:host button[theme][theme~=primary]{background:#4646CE;color:#fff;border:none;min-width:90px}:host button[theme][theme~=split-primary-first]:hover:not([disabled]),:host button[theme][theme~=split-primary-last]:hover:not([disabled]),:host button[theme][theme~=primary]:hover:not([disabled]){transition:.2ms ease-in all;background:linear-gradient(96.89deg,#25258C 0%,#4646CE 100%);box-shadow:0 4px 14px #0000001a;border:none}:host button[theme][theme~=split-primary-first]:active,:host button[theme][theme~=split-primary-last]:active,:host button[theme][theme~=primary]:active{background:#25258C}:host button[theme][theme~=split-primary-first][disabled],:host button[theme][theme~=split-primary-last][disabled],:host button[theme][theme~=primary][disabled]{background:#F0F1F4;color:#727583;border:none;cursor:default;pointer-events:none}:host button[theme][theme~=split-primary-first][is-loading=true],:host button[theme][theme~=split-primary-last][is-loading=true],:host button[theme][theme~=primary][is-loading=true]{justify-content:center;padding:5px 16px;pointer-events:none}:host button[theme][theme~=split-primary-first] .dr,:host button[theme][theme~=split-primary-last] .dr,:host button[theme][theme~=primary] .dr{margin:0}:host button[theme][theme~=split-secondary-first],:host button[theme][theme~=split-secondary-first]:hover,:host button[theme][theme~=split-primary-first],:host button[theme][theme~=split-primary-first]:hover{min-width:unset;border-bottom-right-radius:0;border-top-right-radius:0;padding-left:10px;padding-right:8px}:host button[theme][theme~=split-secondary-first][icon=true],:host button[theme][theme~=split-secondary-first]:hover[icon=true],:host button[theme][theme~=split-primary-first][icon=true],:host button[theme][theme~=split-primary-first]:hover[icon=true]{padding-left:6px;padding-right:2px}:host button[theme][theme~=split-primary-first],:host button[theme][theme~=split-primary-first]:hover{border-right:1px solid #fff!important}:host button[theme][theme~=split-secondary-first],:host button[theme][theme~=split-secondary-first]:hover{border-right:none!important}:host button[theme][theme~=split-secondary-last],:host button[theme][theme~=split-secondary-last]:hover,:host button[theme][theme~=split-primary-last],:host button[theme][theme~=split-primary-last]:hover{min-width:unset;border-bottom-left-radius:0;border-top-left-radius:0;padding-left:8px;padding-right:10px}:host button[theme][theme~=split-secondary-last][icon=true],:host button[theme][theme~=split-secondary-last]:hover[icon=true],:host button[theme][theme~=split-primary-last][icon=true],:host button[theme][theme~=split-primary-last]:hover[icon=true]{padding-left:2px;padding-right:6px}:host button[theme][theme~=split-secondary-last] .dr,:host button[theme][theme~=split-secondary-last]:hover .dr,:host button[theme][theme~=split-primary-last] .dr,:host button[theme][theme~=split-primary-last]:hover .dr{margin:0}:host button[theme][theme~=split-primary-last],:host button[theme][theme~=split-primary-last]:hover{border-left:none}:host button[theme][theme~=split-secondary-last],:host button[theme][theme~=split-secondary-last]:hover{margin-left:-1px}:host button[theme][theme~=danger]{background:#BF1D30;color:#fff;border:none;min-width:90px}:host button[theme][theme~=danger]:hover:not([disabled]){transition:.2ms ease-in all;background:linear-gradient(96.89deg,#740e1a 0%,#BF1D30 100%);box-shadow:0 4px 14px #0000001a;border-radius:16px;border:none}:host button[theme][theme~=danger]:active{background:#740e1a}:host button[theme][theme~=danger][disabled]{background:#F0F1F4;color:#727583;border:none;cursor:default;pointer-events:none}:host button[theme][theme~=danger][is-loading=true]{justify-content:center;padding:5px 16px;pointer-events:none}:host button[theme][theme~=ghost]{background:none;border:none;color:#151b3f;padding:4px 8px}:host button[theme][theme~=ghost] .dr{margin-left:4.5px;margin-right:12.5px}:host button[theme][theme~=ghost]:hover:not([disabled]){color:#4646ce;background:#F2F2FB;border-radius:4px}:host button[theme][theme~=ghost][disabled]{color:#727583;cursor:default;pointer-events:none}:host button[theme][theme~=text-link]{background:none;border:none;color:#0b5af9}:host button[theme][theme~=text-link][disabled]{color:#727583;pointer-events:none}:host button[theme][theme~=primary-icon]{padding:8px;width:28px;height:28px;justify-content:center;color:#fff;background:#4646CE;border:none}:host button[theme][theme~=primary-icon]:hover,:host button[theme][theme~=primary-icon]:active{background:linear-gradient(96.89deg,#131318 0%,#4646CE 100%)}:host button[theme][theme~=primary-icon][disabled]{color:#bcbcbc;background:#E5E6EA;cursor:default;pointer-events:none}:host button[theme][theme~=primary-icon] .dr{margin:0}:host button[theme][theme~=secondary-icon]{background:white;padding:8px;width:28px;height:28px;justify-content:center;color:#4e566c;border:1px solid #7F7FDD}:host button[theme][theme~=secondary-icon]:hover,:host button[theme][theme~=secondary-icon]:active{color:#4646ce;background:#F2F2FB}:host button[theme][theme~=secondary-icon][disabled]{color:#bcbcbc;background:#E5E6EA;border:none;cursor:default;pointer-events:none}:host button[theme][theme~=secondary-icon] .dr{margin:0}:host button[theme][theme~=icon]{background:none;padding:8px;width:28px;height:28px;justify-content:center;color:#4e566c;border:none}:host button[theme][theme~=icon]:hover,:host button[theme][theme~=icon]:active{background:#F0F3FC;color:#4646ce}:host button[theme][theme~=icon][disabled]{color:#bcbcbc;border:none;cursor:default;pointer-events:none}:host button[theme][theme~=icon][disabled]:hover,:host button[theme][theme~=icon][disabled]:active{background:none}:host button[theme][theme~=icon] .dr{margin:0}:host button[theme][theme~=dropdown]{padding:0 8px;background:#FFFFFF;border-radius:6px;border:1px solid #C3C4CE;min-width:unset;box-shadow:none}:host button[theme][theme~=dropdown]:hover{border-color:#85889c}:host button[theme][theme~=dropdown]:active{border-color:#4646ce}:host button[theme][theme~=dropdown] i:first-child{margin-right:3px}:host button[theme][theme~=dropdown] i:last-child{margin-left:3px}:host button[theme][bold=true]{font-weight:600}:host button[theme][icon=true]{padding-left:8px}:host button[theme][icon=false]{justify-content:center}\n"]
|
|
46
|
-
},] }
|
|
47
|
-
];
|
|
48
|
-
DrButtonComponent.ctorParameters = () => [];
|
|
49
|
-
DrButtonComponent.propDecorators = {
|
|
50
|
-
title: [{ type: Input }],
|
|
51
|
-
theme: [{ type: Input }],
|
|
52
|
-
icon: [{ type: Input }],
|
|
53
|
-
isBold: [{ type: Input }],
|
|
54
|
-
iconColor: [{ type: Input }],
|
|
55
|
-
disabled: [{ type: Input }],
|
|
56
|
-
isLoading: [{ type: Input }],
|
|
57
|
-
click: [{ type: Output }],
|
|
58
|
-
elementClass: [{ type: HostBinding, args: ['class',] }]
|
|
59
|
-
};
|
|
60
|
-
// Examples:
|
|
61
|
-
/*
|
|
62
|
-
<dr-button [icon]="'dr-icon-arrow-down'">hello</dr-button>
|
|
63
|
-
<dr-button [icon]="'dr-icon-refresh'" [theme]="'primary-icon'"></dr-button>
|
|
64
|
-
<dr-button [icon]="'dr-icon-refresh'" [isDisabled]="true" [theme]="'primary-icon'"></dr-button>
|
|
65
|
-
<dr-button [theme]="'secondary'" [icon]="'dr-icon-excel'" [iconColor]="'#03A678'"></dr-button>
|
|
66
|
-
|
|
67
|
-
<dr-button [icon]="'dr-icon-refresh'" [theme]="'secondary-icon'"></dr-button>
|
|
68
|
-
<dr-button [icon]="'dr-icon-share'" [isDisabled]="true" [theme]="'secondary-icon'"></dr-button>
|
|
69
|
-
|
|
70
|
-
<dr-button [icon]="'dr-icon-share'" [theme]="'icon'"></dr-button>
|
|
71
|
-
<dr-button [icon]="'dr-icon-share'" [isDisabled]="true" [theme]="'icon'"></dr-button>
|
|
72
|
-
|
|
73
|
-
<dr-button [isDisabled]="false" [icon]="'dr-icon-refresh'">Primary</dr-button>
|
|
74
|
-
<dr-button [isDisabled]="false" >Primary</dr-button>
|
|
75
|
-
<dr-button [isDisabled]="false" [icon]="'dr-icon-refresh'" [theme]="'secondary'">Secondary</dr-button>
|
|
76
|
-
<dr-button [isDisabled]="false" [icon]="'dr-icon-refresh'" [theme]="'ghost'">Ghost</dr-button>
|
|
77
|
-
<dr-button [isDisabled]="false" [theme]="'text-link'">Text Link</dr-button>
|
|
78
|
-
*/
|
|
79
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import { Component, EventEmitter, HostBinding, Input, Output } from '@angular/core';
|
|
2
|
+
export class DrButtonComponent {
|
|
3
|
+
constructor() {
|
|
4
|
+
this._disabled = null;
|
|
5
|
+
this._isLoading = false;
|
|
6
|
+
this._elementClass = [];
|
|
7
|
+
this.theme = 'primary';
|
|
8
|
+
this.isBold = false;
|
|
9
|
+
this.click = new EventEmitter();
|
|
10
|
+
}
|
|
11
|
+
set disabled(value) {
|
|
12
|
+
if (value) {
|
|
13
|
+
this._elementClass.push('disabled');
|
|
14
|
+
}
|
|
15
|
+
else {
|
|
16
|
+
this._elementClass = this._elementClass.filter(item => item !== 'disabled');
|
|
17
|
+
}
|
|
18
|
+
this._disabled = value;
|
|
19
|
+
}
|
|
20
|
+
set isLoading(value) {
|
|
21
|
+
if (value) {
|
|
22
|
+
this._elementClass.push('loading');
|
|
23
|
+
}
|
|
24
|
+
else {
|
|
25
|
+
this._elementClass = this._elementClass.filter(item => item !== 'loading');
|
|
26
|
+
}
|
|
27
|
+
this._isLoading = !!value;
|
|
28
|
+
}
|
|
29
|
+
get elementClass() {
|
|
30
|
+
return this._elementClass.join(' ');
|
|
31
|
+
}
|
|
32
|
+
set(val) {
|
|
33
|
+
this._elementClass = val.split(' ');
|
|
34
|
+
}
|
|
35
|
+
onClick($event) {
|
|
36
|
+
$event.preventDefault();
|
|
37
|
+
$event.stopPropagation();
|
|
38
|
+
this.click.emit($event);
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
DrButtonComponent.decorators = [
|
|
42
|
+
{ type: Component, args: [{
|
|
43
|
+
selector: 'dr-button',
|
|
44
|
+
template: "<button (click)=\"onClick($event)\" [disabled]=\"_disabled\" [attr.is-loading]=\"_isLoading\" [attr.bold]=\"isBold\"\n [attr.icon]=\"!!icon\" [attr.theme]=\"theme\">\n <ng-container *ngIf=\"!_isLoading\">\n <i *ngIf=\"icon\" class=\"dr\" [class]=\"icon\" [style.color]=\"iconColor || 'inherit'\"></i>\n <ng-content></ng-content>\n <i *ngIf=\"theme === 'dropdown'\" class=\"dr-icon-arrow-down\"></i>\n </ng-container>\n <i *ngIf=\"_isLoading\" class=\"dr dr-spinner dr-icon-load\"></i>\n</button>\n",
|
|
45
|
+
styles: [":host{display:inline-block}:host.disabled,:host.loading{pointer-events:none}:host button[theme]{cursor:pointer;border-radius:16px;padding:5px 16px;font-family:\"Poppins\";font-style:normal;font-weight:400;font-size:14px;line-height:22px;color:#4e566c;border:1px solid #7F7FDD;display:flex;justify-content:space-between;align-items:center;height:32px}:host button[theme] .dr{padding:0;margin-left:5.35px;margin-right:8.64px}:host button[theme] .dr-spinner{animation-name:rotate;animation-iteration-count:infinite;animation-duration:1s}@keyframes rotate{0%{transform:rotate()}to{transform:rotate(360deg)}}:host button[theme][theme~=split-secondary-first],:host button[theme][theme~=split-secondary-last],:host button[theme][theme~=secondary]{padding:5px 16px;background:#FFFFFF;border-radius:16px;min-width:90px}:host button[theme][theme~=split-secondary-first]:hover:not([disabled]),:host button[theme][theme~=split-secondary-last]:hover:not([disabled]),:host button[theme][theme~=secondary]:hover:not([disabled]){color:#4e566c;transition:.2ms ease-in all;background:#F2F2FB;box-shadow:0 4px 14px #0000001a;border:1px solid #4646CE}:host button[theme][theme~=split-secondary-first]:active,:host button[theme][theme~=split-secondary-last]:active,:host button[theme][theme~=secondary]:active{box-shadow:none;background:#F2F2FB}:host button[theme][theme~=split-secondary-first][disabled],:host button[theme][theme~=split-secondary-last][disabled],:host button[theme][theme~=secondary][disabled]{background:#F0F1F4;color:#727583;border:none;cursor:default;pointer-events:none}:host button[theme][theme~=split-secondary-first][is-loading=true],:host button[theme][theme~=split-secondary-last][is-loading=true],:host button[theme][theme~=secondary][is-loading=true]{justify-content:center;padding:5px 16px;pointer-events:none}:host button[theme][theme~=split-primary-first],:host button[theme][theme~=split-primary-last],:host button[theme][theme~=primary]{background:#4646CE;color:#fff;border:none;min-width:90px}:host button[theme][theme~=split-primary-first]:hover:not([disabled]),:host button[theme][theme~=split-primary-last]:hover:not([disabled]),:host button[theme][theme~=primary]:hover:not([disabled]){transition:.2ms ease-in all;background:linear-gradient(96.89deg,#25258C 0%,#4646CE 100%);box-shadow:0 4px 14px #0000001a;border:none}:host button[theme][theme~=split-primary-first]:active,:host button[theme][theme~=split-primary-last]:active,:host button[theme][theme~=primary]:active{background:#25258C}:host button[theme][theme~=split-primary-first][disabled],:host button[theme][theme~=split-primary-last][disabled],:host button[theme][theme~=primary][disabled]{background:#F0F1F4;color:#727583;border:none;cursor:default;pointer-events:none}:host button[theme][theme~=split-primary-first][is-loading=true],:host button[theme][theme~=split-primary-last][is-loading=true],:host button[theme][theme~=primary][is-loading=true]{justify-content:center;padding:5px 16px;pointer-events:none}:host button[theme][theme~=split-primary-first] .dr,:host button[theme][theme~=split-primary-last] .dr,:host button[theme][theme~=primary] .dr{margin:0}:host button[theme][theme~=split-secondary-first],:host button[theme][theme~=split-secondary-first]:hover,:host button[theme][theme~=split-primary-first],:host button[theme][theme~=split-primary-first]:hover{min-width:unset;border-bottom-right-radius:0;border-top-right-radius:0;padding-left:10px;padding-right:8px}:host button[theme][theme~=split-secondary-first][icon=true],:host button[theme][theme~=split-secondary-first]:hover[icon=true],:host button[theme][theme~=split-primary-first][icon=true],:host button[theme][theme~=split-primary-first]:hover[icon=true]{padding-left:6px;padding-right:2px}:host button[theme][theme~=split-primary-first],:host button[theme][theme~=split-primary-first]:hover{border-right:1px solid #fff!important}:host button[theme][theme~=split-secondary-first],:host button[theme][theme~=split-secondary-first]:hover{border-right:none!important}:host button[theme][theme~=split-secondary-last],:host button[theme][theme~=split-secondary-last]:hover,:host button[theme][theme~=split-primary-last],:host button[theme][theme~=split-primary-last]:hover{min-width:unset;border-bottom-left-radius:0;border-top-left-radius:0;padding-left:8px;padding-right:10px}:host button[theme][theme~=split-secondary-last][icon=true],:host button[theme][theme~=split-secondary-last]:hover[icon=true],:host button[theme][theme~=split-primary-last][icon=true],:host button[theme][theme~=split-primary-last]:hover[icon=true]{padding-left:2px;padding-right:6px}:host button[theme][theme~=split-secondary-last] .dr,:host button[theme][theme~=split-secondary-last]:hover .dr,:host button[theme][theme~=split-primary-last] .dr,:host button[theme][theme~=split-primary-last]:hover .dr{margin:0}:host button[theme][theme~=split-primary-last],:host button[theme][theme~=split-primary-last]:hover{border-left:none}:host button[theme][theme~=split-secondary-last],:host button[theme][theme~=split-secondary-last]:hover{margin-left:-1px}:host button[theme][theme~=danger]{background:#BF1D30;color:#fff;border:none;min-width:90px}:host button[theme][theme~=danger]:hover:not([disabled]){transition:.2ms ease-in all;background:linear-gradient(96.89deg,#740e1a 0%,#BF1D30 100%);box-shadow:0 4px 14px #0000001a;border-radius:16px;border:none}:host button[theme][theme~=danger]:active{background:#740e1a}:host button[theme][theme~=danger][disabled]{background:#F0F1F4;color:#727583;border:none;cursor:default;pointer-events:none}:host button[theme][theme~=danger][is-loading=true]{justify-content:center;padding:5px 16px;pointer-events:none}:host button[theme][theme~=ghost]{background:none;border:none;color:#151b3f;padding:4px 8px}:host button[theme][theme~=ghost] .dr{margin-left:4.5px;margin-right:12.5px}:host button[theme][theme~=ghost]:hover:not([disabled]){color:#4646ce;background:#F2F2FB;border-radius:4px}:host button[theme][theme~=ghost][disabled]{color:#727583;cursor:default;pointer-events:none}:host button[theme][theme~=text-link]{background:none;border:none;color:#0b5af9}:host button[theme][theme~=text-link][disabled]{color:#727583;pointer-events:none}:host button[theme][theme~=primary-icon]{padding:8px;width:28px;height:28px;justify-content:center;color:#fff;background:#4646CE;border:none}:host button[theme][theme~=primary-icon]:hover,:host button[theme][theme~=primary-icon]:active{background:linear-gradient(96.89deg,#131318 0%,#4646CE 100%)}:host button[theme][theme~=primary-icon][disabled]{color:#bcbcbc;background:#E5E6EA;cursor:default;pointer-events:none}:host button[theme][theme~=primary-icon] .dr{margin:0}:host button[theme][theme~=secondary-icon]{background:white;padding:8px;width:28px;height:28px;justify-content:center;color:#4e566c;border:1px solid #7F7FDD}:host button[theme][theme~=secondary-icon]:hover,:host button[theme][theme~=secondary-icon]:active{color:#4646ce;background:#F2F2FB}:host button[theme][theme~=secondary-icon][disabled]{color:#bcbcbc;background:#E5E6EA;border:none;cursor:default;pointer-events:none}:host button[theme][theme~=secondary-icon] .dr{margin:0}:host button[theme][theme~=simple-text]{color:#0c142b;border:none;background:none}:host button[theme][theme~=simple-text] .dr{margin:0 8px 0 0}:host button[theme][theme~=icon]{background:none;padding:8px;width:28px;height:28px;justify-content:center;color:#4e566c;border:none}:host button[theme][theme~=icon]:hover,:host button[theme][theme~=icon]:active{background:#F0F3FC;color:#4646ce}:host button[theme][theme~=icon][disabled]{color:#bcbcbc;border:none;cursor:default;pointer-events:none}:host button[theme][theme~=icon][disabled]:hover,:host button[theme][theme~=icon][disabled]:active{background:none}:host button[theme][theme~=icon] .dr{margin:0}:host button[theme][theme~=dropdown]{padding:0 8px;background:#FFFFFF;border-radius:6px;border:1px solid #C3C4CE;min-width:unset;box-shadow:none}:host button[theme][theme~=dropdown]:hover{border-color:#85889c}:host button[theme][theme~=dropdown]:active{border-color:#4646ce}:host button[theme][theme~=dropdown] i:first-child{margin-right:3px}:host button[theme][theme~=dropdown] i:last-child{margin-left:3px}:host button[theme][bold=true]{font-weight:600}:host button[theme][icon=true]{padding-left:8px}:host button[theme][icon=false]{justify-content:center}\n"]
|
|
46
|
+
},] }
|
|
47
|
+
];
|
|
48
|
+
DrButtonComponent.ctorParameters = () => [];
|
|
49
|
+
DrButtonComponent.propDecorators = {
|
|
50
|
+
title: [{ type: Input }],
|
|
51
|
+
theme: [{ type: Input }],
|
|
52
|
+
icon: [{ type: Input }],
|
|
53
|
+
isBold: [{ type: Input }],
|
|
54
|
+
iconColor: [{ type: Input }],
|
|
55
|
+
disabled: [{ type: Input }],
|
|
56
|
+
isLoading: [{ type: Input }],
|
|
57
|
+
click: [{ type: Output }],
|
|
58
|
+
elementClass: [{ type: HostBinding, args: ['class',] }]
|
|
59
|
+
};
|
|
60
|
+
// Examples:
|
|
61
|
+
/*
|
|
62
|
+
<dr-button [icon]="'dr-icon-arrow-down'">hello</dr-button>
|
|
63
|
+
<dr-button [icon]="'dr-icon-refresh'" [theme]="'primary-icon'"></dr-button>
|
|
64
|
+
<dr-button [icon]="'dr-icon-refresh'" [isDisabled]="true" [theme]="'primary-icon'"></dr-button>
|
|
65
|
+
<dr-button [theme]="'secondary'" [icon]="'dr-icon-excel'" [iconColor]="'#03A678'"></dr-button>
|
|
66
|
+
|
|
67
|
+
<dr-button [icon]="'dr-icon-refresh'" [theme]="'secondary-icon'"></dr-button>
|
|
68
|
+
<dr-button [icon]="'dr-icon-share'" [isDisabled]="true" [theme]="'secondary-icon'"></dr-button>
|
|
69
|
+
|
|
70
|
+
<dr-button [icon]="'dr-icon-share'" [theme]="'icon'"></dr-button>
|
|
71
|
+
<dr-button [icon]="'dr-icon-share'" [isDisabled]="true" [theme]="'icon'"></dr-button>
|
|
72
|
+
|
|
73
|
+
<dr-button [isDisabled]="false" [icon]="'dr-icon-refresh'">Primary</dr-button>
|
|
74
|
+
<dr-button [isDisabled]="false" >Primary</dr-button>
|
|
75
|
+
<dr-button [isDisabled]="false" [icon]="'dr-icon-refresh'" [theme]="'secondary'">Secondary</dr-button>
|
|
76
|
+
<dr-button [isDisabled]="false" [icon]="'dr-icon-refresh'" [theme]="'ghost'">Ghost</dr-button>
|
|
77
|
+
<dr-button [isDisabled]="false" [theme]="'text-link'">Text Link</dr-button>
|
|
78
|
+
*/
|
|
79
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLWlucHV0cy9idXR0b24vYnV0dG9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQVVwRixNQUFNLE9BQU8saUJBQWlCO0lBcUM1QjtRQW5DQSxjQUFTLEdBQUcsSUFBSSxDQUFDO1FBQ2pCLGVBQVUsR0FBRyxLQUFLLENBQUM7UUFDbkIsa0JBQWEsR0FBYSxFQUFFLENBQUM7UUFHcEIsVUFBSyxHQUFlLFNBQVMsQ0FBQztRQUU5QixXQUFNLEdBQVksS0FBSyxDQUFDO1FBa0J2QixVQUFLLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQVVyQixDQUFDO0lBMUJqQixJQUFhLFFBQVEsQ0FBQyxLQUFLO1FBQ3pCLElBQUksS0FBSyxFQUFFO1lBQ1QsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7U0FDckM7YUFBTTtZQUNMLElBQUksQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxJQUFJLEtBQUssVUFBVSxDQUFDLENBQUM7U0FDN0U7UUFDRCxJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztJQUN6QixDQUFDO0lBQ0QsSUFBYSxTQUFTLENBQUMsS0FBSztRQUMxQixJQUFJLEtBQUssRUFBRTtZQUNULElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1NBQ3BDO2FBQU07WUFDTCxJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsSUFBSSxLQUFLLFNBQVMsQ0FBQyxDQUFDO1NBQzVFO1FBQ0QsSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLENBQUMsS0FBSyxDQUFDO0lBQzVCLENBQUM7SUFHRCxJQUNJLFlBQVk7UUFDZCxPQUFPLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ3RDLENBQUM7SUFDRCxHQUFHLENBQUMsR0FBVztRQUNiLElBQUksQ0FBQyxhQUFhLEdBQUcsR0FBRyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUN0QyxDQUFDO0lBSU0sT0FBTyxDQUFDLE1BQU07UUFDbkIsTUFBTSxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQ3hCLE1BQU0sQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN6QixJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUMxQixDQUFDOzs7WUFoREYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxXQUFXO2dCQUNyQixraUJBQXNDOzthQUV2Qzs7OztvQkFPRSxLQUFLO29CQUNMLEtBQUs7bUJBQ0wsS0FBSztxQkFDTCxLQUFLO3dCQUNMLEtBQUs7dUJBQ0wsS0FBSzt3QkFRTCxLQUFLO29CQVFMLE1BQU07MkJBRU4sV0FBVyxTQUFDLE9BQU87O0FBZ0J0QixhQUFhO0FBQ2I7Ozs7Ozs7Ozs7Ozs7Ozs7O0VBaUJFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEhvc3RCaW5kaW5nLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG50eXBlIEJ1dHRvblR5cGUgPSAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICdkYW5nZXInIHwgJ3ByaW1hcnktaWNvbicgfFxuICAnc2Vjb25kYXJ5LWljb24nIHwgJ2ljb24nIHwgJ2dob3N0JyB8ICdsaW5rLWJ0bicgfCAndGV4dC1saW5rJyB8ICdzaW1wbGUtdGV4dCcgfFxuICAnc3BsaXQtcHJpbWFyeS1maXJzdCcgfCAnc3BsaXQtcHJpbWFyeS1sYXN0JyB8ICdzcGxpdC1zZWNvbmRhcnktZmlyc3QnIHwgJ3NwbGl0LXNlY29uZGFyeS1sYXN0JyB8ICdkcm9wZG93bic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RyLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9idXR0b24uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBEckJ1dHRvbkNvbXBvbmVudCB7XG5cbiAgX2Rpc2FibGVkID0gbnVsbDtcbiAgX2lzTG9hZGluZyA9IGZhbHNlO1xuICBfZWxlbWVudENsYXNzOiBzdHJpbmdbXSA9IFtdO1xuXG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHRoZW1lOiBCdXR0b25UeXBlID0gJ3ByaW1hcnknO1xuICBASW5wdXQoKSBpY29uOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGlzQm9sZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBpY29uQ29sb3I6IHN0cmluZztcbiAgQElucHV0KCkgc2V0IGRpc2FibGVkKHZhbHVlKSB7XG4gICAgaWYgKHZhbHVlKSB7XG4gICAgICB0aGlzLl9lbGVtZW50Q2xhc3MucHVzaCgnZGlzYWJsZWQnKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5fZWxlbWVudENsYXNzID0gdGhpcy5fZWxlbWVudENsYXNzLmZpbHRlcihpdGVtID0+IGl0ZW0gIT09ICdkaXNhYmxlZCcpO1xuICAgIH1cbiAgICB0aGlzLl9kaXNhYmxlZCA9IHZhbHVlO1xuICB9XG4gIEBJbnB1dCgpIHNldCBpc0xvYWRpbmcodmFsdWUpIHtcbiAgICBpZiAodmFsdWUpIHtcbiAgICAgIHRoaXMuX2VsZW1lbnRDbGFzcy5wdXNoKCdsb2FkaW5nJyk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuX2VsZW1lbnRDbGFzcyA9IHRoaXMuX2VsZW1lbnRDbGFzcy5maWx0ZXIoaXRlbSA9PiBpdGVtICE9PSAnbG9hZGluZycpO1xuICAgIH1cbiAgICB0aGlzLl9pc0xvYWRpbmcgPSAhIXZhbHVlO1xuICB9XG4gIEBPdXRwdXQoKSBjbGljayA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgZ2V0IGVsZW1lbnRDbGFzcygpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLl9lbGVtZW50Q2xhc3Muam9pbignICcpO1xuICB9XG4gIHNldCh2YWw6IHN0cmluZykge1xuICAgIHRoaXMuX2VsZW1lbnRDbGFzcyA9IHZhbC5zcGxpdCgnICcpO1xuICB9XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBwdWJsaWMgb25DbGljaygkZXZlbnQpIHtcbiAgICAkZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgdGhpcy5jbGljay5lbWl0KCRldmVudCk7XG4gIH1cbn1cbi8vICBFeGFtcGxlczpcbi8qXG48ZHItYnV0dG9uIFtpY29uXT1cIidkci1pY29uLWFycm93LWRvd24nXCI+aGVsbG88L2RyLWJ1dHRvbj5cbjxkci1idXR0b24gW2ljb25dPVwiJ2RyLWljb24tcmVmcmVzaCdcIiBbdGhlbWVdPVwiJ3ByaW1hcnktaWNvbidcIj48L2RyLWJ1dHRvbj5cbjxkci1idXR0b24gW2ljb25dPVwiJ2RyLWljb24tcmVmcmVzaCdcIiBbaXNEaXNhYmxlZF09XCJ0cnVlXCIgW3RoZW1lXT1cIidwcmltYXJ5LWljb24nXCI+PC9kci1idXR0b24+XG48ZHItYnV0dG9uIFt0aGVtZV09XCInc2Vjb25kYXJ5J1wiIFtpY29uXT1cIidkci1pY29uLWV4Y2VsJ1wiIFtpY29uQ29sb3JdPVwiJyMwM0E2NzgnXCI+PC9kci1idXR0b24+XG5cbjxkci1idXR0b24gW2ljb25dPVwiJ2RyLWljb24tcmVmcmVzaCdcIiBbdGhlbWVdPVwiJ3NlY29uZGFyeS1pY29uJ1wiPjwvZHItYnV0dG9uPlxuPGRyLWJ1dHRvbiBbaWNvbl09XCInZHItaWNvbi1zaGFyZSdcIiBbaXNEaXNhYmxlZF09XCJ0cnVlXCIgW3RoZW1lXT1cIidzZWNvbmRhcnktaWNvbidcIj48L2RyLWJ1dHRvbj5cblxuPGRyLWJ1dHRvbiBbaWNvbl09XCInZHItaWNvbi1zaGFyZSdcIiBbdGhlbWVdPVwiJ2ljb24nXCI+PC9kci1idXR0b24+XG48ZHItYnV0dG9uIFtpY29uXT1cIidkci1pY29uLXNoYXJlJ1wiIFtpc0Rpc2FibGVkXT1cInRydWVcIiBbdGhlbWVdPVwiJ2ljb24nXCI+PC9kci1idXR0b24+XG5cbjxkci1idXR0b24gW2lzRGlzYWJsZWRdPVwiZmFsc2VcIiBbaWNvbl09XCInZHItaWNvbi1yZWZyZXNoJ1wiPlByaW1hcnk8L2RyLWJ1dHRvbj5cbjxkci1idXR0b24gW2lzRGlzYWJsZWRdPVwiZmFsc2VcIiA+UHJpbWFyeTwvZHItYnV0dG9uPlxuPGRyLWJ1dHRvbiBbaXNEaXNhYmxlZF09XCJmYWxzZVwiIFtpY29uXT1cIidkci1pY29uLXJlZnJlc2gnXCIgW3RoZW1lXT1cIidzZWNvbmRhcnknXCI+U2Vjb25kYXJ5PC9kci1idXR0b24+XG48ZHItYnV0dG9uIFtpc0Rpc2FibGVkXT1cImZhbHNlXCIgW2ljb25dPVwiJ2RyLWljb24tcmVmcmVzaCdcIiBbdGhlbWVdPVwiJ2dob3N0J1wiPkdob3N0PC9kci1idXR0b24+XG48ZHItYnV0dG9uIFtpc0Rpc2FibGVkXT1cImZhbHNlXCIgW3RoZW1lXT1cIid0ZXh0LWxpbmsnXCI+VGV4dCBMaW5rPC9kci1idXR0b24+XG4qL1xuIl19
|