@gipisistemas/ng-core 1.1.2 → 1.1.4
Sign up to get free protection for your applications and to get access to all the features.
- package/assets/styles/colors.scss +5 -1
- package/bundles/gipisistemas-ng-core.umd.js +8416 -7886
- package/bundles/gipisistemas-ng-core.umd.js.map +1 -1
- package/bundles/gipisistemas-ng-core.umd.min.js +10 -9
- package/bundles/gipisistemas-ng-core.umd.min.js.map +1 -1
- package/core/gipi-components/models/sort.model.d.ts +3 -3
- package/core/utils/array.util.d.ts +2 -2
- package/core/utils/object.util.d.ts +3 -5
- package/esm2015/core/gipi-components/models/sort.model.js +1 -1
- package/esm2015/core/gipi-components/services/abstract-crud.service.js +18 -24
- package/esm2015/core/utils/array.util.js +4 -2
- package/esm2015/core/utils/object.util.js +5 -9
- package/esm2015/gipi-components.js +10 -1
- package/esm2015/shared/components/input/input.component.js +46 -23
- package/esm2015/shared/components/table/table.component.js +1 -1
- package/esm2015/shared/gipi-components/abstract-form/abstract-form.component.js +1 -1
- package/esm2015/shared/gipi-components/button/button.component.js +2 -2
- package/esm2015/shared/gipi-components/card/card.component.js +113 -0
- package/esm2015/shared/gipi-components/datepicker/datepicker/datepicker.component.js +8 -3
- package/esm2015/shared/gipi-components/empty-state/empty-state.component.js +30 -0
- package/esm2015/shared/gipi-components/input-select/input-select.component.js +7 -4
- package/esm2015/shared/gipi-components/layout-grid/col.directive.js +4 -4
- package/esm2015/shared/gipi-components/month-year-picker/month-year-picker.component.js +2 -2
- package/esm2015/shared/gipi-components/notification/notification.component.js +8 -3
- package/esm2015/shared/gipi-components/sidebar/sidenav/sidenav.component.js +35 -3
- package/esm2015/shared/gipi-components/slide-toggle/slide-toggle.component.js +113 -0
- package/esm2015/shared/gipi-components/tabs/shared/dynamic-tab.directive.js +18 -0
- package/esm2015/shared/gipi-components/tabs/shared/tab.model.js +8 -0
- package/esm2015/shared/gipi-components/tabs/tab/tab.component.js +66 -0
- package/esm2015/shared/gipi-components/tabs/tab-group/tab-group.component.js +123 -0
- package/esm2015/shared/gipi-components/textarea/textarea.component.js +298 -0
- package/esm2015/shared/shared.module.js +20 -16
- package/esm2015/shared.js +1 -5
- package/esm5/core/gipi-components/models/sort.model.js +1 -1
- package/esm5/core/gipi-components/services/abstract-crud.service.js +18 -24
- package/esm5/core/utils/array.util.js +4 -3
- package/esm5/core/utils/object.util.js +5 -9
- package/esm5/gipi-components.js +10 -1
- package/esm5/shared/components/input/input.component.js +46 -23
- package/esm5/shared/components/table/table.component.js +1 -1
- package/esm5/shared/gipi-components/abstract-form/abstract-form.component.js +1 -1
- package/esm5/shared/gipi-components/button/button.component.js +2 -2
- package/esm5/shared/gipi-components/card/card.component.js +135 -0
- package/esm5/shared/gipi-components/datepicker/datepicker/datepicker.component.js +8 -3
- package/esm5/shared/gipi-components/empty-state/empty-state.component.js +33 -0
- package/esm5/shared/gipi-components/input-select/input-select.component.js +11 -4
- package/esm5/shared/gipi-components/layout-grid/col.directive.js +4 -4
- package/esm5/shared/gipi-components/month-year-picker/month-year-picker.component.js +2 -2
- package/esm5/shared/gipi-components/notification/notification.component.js +8 -3
- package/esm5/shared/gipi-components/sidebar/sidenav/sidenav.component.js +35 -3
- package/esm5/shared/gipi-components/slide-toggle/slide-toggle.component.js +127 -0
- package/esm5/shared/gipi-components/tabs/shared/dynamic-tab.directive.js +19 -0
- package/esm5/shared/gipi-components/tabs/shared/tab.model.js +10 -0
- package/esm5/shared/gipi-components/tabs/tab/tab.component.js +67 -0
- package/esm5/shared/gipi-components/tabs/tab-group/tab-group.component.js +131 -0
- package/esm5/shared/gipi-components/textarea/textarea.component.js +352 -0
- package/esm5/shared/shared.module.js +20 -16
- package/esm5/shared.js +1 -5
- package/fesm2015/gipisistemas-ng-core.js +1746 -1305
- package/fesm2015/gipisistemas-ng-core.js.map +1 -1
- package/fesm5/gipisistemas-ng-core.js +8406 -7881
- package/fesm5/gipisistemas-ng-core.js.map +1 -1
- package/gipi-components.d.ts +8 -0
- package/gipisistemas-ng-core.metadata.json +1 -1
- package/package.json +1 -2
- package/shared/components/input/input.component.d.ts +13 -11
- package/shared/components/table/table.component.d.ts +3 -3
- package/shared/gipi-components/card/card.component.d.ts +23 -0
- package/shared/gipi-components/empty-state/empty-state.component.d.ts +5 -0
- package/shared/gipi-components/input-select/input-select.component.d.ts +1 -0
- package/shared/gipi-components/notification/notification.component.d.ts +1 -0
- package/shared/gipi-components/sidebar/sidenav/sidenav.component.d.ts +7 -0
- package/shared/gipi-components/slide-toggle/slide-toggle.component.d.ts +27 -0
- package/shared/{directives → gipi-components/tabs/shared}/dynamic-tab.directive.d.ts +1 -1
- package/shared/gipi-components/tabs/shared/tab.model.d.ts +12 -0
- package/shared/{components → gipi-components/tabs}/tab/tab.component.d.ts +4 -2
- package/shared/gipi-components/tabs/tab-group/tab-group.component.d.ts +22 -0
- package/shared/gipi-components/textarea/textarea.component.d.ts +68 -0
- package/shared.d.ts +0 -4
- package/esm2015/shared/components/select-button/select-button.component.js +0 -181
- package/esm2015/shared/components/tab/tab.component.js +0 -57
- package/esm2015/shared/components/tab-group/tab-group.component.js +0 -117
- package/esm2015/shared/directives/dynamic-tab.directive.js +0 -18
- package/esm5/shared/components/select-button/select-button.component.js +0 -195
- package/esm5/shared/components/tab/tab.component.js +0 -58
- package/esm5/shared/components/tab-group/tab-group.component.js +0 -125
- package/esm5/shared/directives/dynamic-tab.directive.js +0 -19
- package/shared/components/select-button/select-button.component.d.ts +0 -35
- package/shared/components/tab-group/tab-group.component.d.ts +0 -22
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@gipisistemas/ng-core",
|
3
|
-
"version": "1.1.
|
3
|
+
"version": "1.1.4",
|
4
4
|
"peerDependencies": {
|
5
5
|
"@angular/common": "~8.2.3",
|
6
6
|
"@angular/core": "~8.2.3",
|
@@ -11,7 +11,6 @@
|
|
11
11
|
"@material-extended/mde": "^2.3.1",
|
12
12
|
"ngx-currency": "^2.3.3",
|
13
13
|
"ngx-mask": "^9.1.2",
|
14
|
-
"lodash": "^4.17.15",
|
15
14
|
"ngx-infinite-scroll": "^9.0.0",
|
16
15
|
"moment": "^2.27.0",
|
17
16
|
"@brazilian-utils/brazilian-utils": "^1.0.0-rc.12"
|
@@ -1,11 +1,13 @@
|
|
1
|
-
import {
|
1
|
+
import { ChangeDetectorRef, ElementRef, EventEmitter, OnInit, TemplateRef } from '@angular/core';
|
2
2
|
import { ControlValueAccessor } from '@angular/forms';
|
3
3
|
import { BehaviorSubject } from 'rxjs';
|
4
|
-
export declare class InputComponent implements ControlValueAccessor, OnInit
|
4
|
+
export declare class InputComponent implements ControlValueAccessor, OnInit {
|
5
|
+
elementRef: ElementRef;
|
6
|
+
private _changeDetectorRef;
|
5
7
|
_elementRef: ElementRef;
|
6
8
|
suffixRef: TemplateRef<any>;
|
7
|
-
private _inputSubject
|
8
|
-
_maskPhone
|
9
|
+
private _inputSubject$;
|
10
|
+
_maskPhone$: BehaviorSubject<string>;
|
9
11
|
name: string;
|
10
12
|
label: string;
|
11
13
|
tooltip: string;
|
@@ -18,12 +20,12 @@ export declare class InputComponent implements ControlValueAccessor, OnInit, Aft
|
|
18
20
|
hidePasswordManager: boolean;
|
19
21
|
maxlength: number;
|
20
22
|
type: string;
|
21
|
-
min:
|
22
|
-
max:
|
23
|
+
min: string | number;
|
24
|
+
max: string | number;
|
23
25
|
appearance: string;
|
24
|
-
|
26
|
+
private _value;
|
25
27
|
get value(): any;
|
26
|
-
set value(
|
28
|
+
set value(value: any);
|
27
29
|
mask: string | undefined | null;
|
28
30
|
phone: boolean;
|
29
31
|
loading: boolean;
|
@@ -34,19 +36,19 @@ export declare class InputComponent implements ControlValueAccessor, OnInit, Aft
|
|
34
36
|
spaceDrop: boolean;
|
35
37
|
focus: EventEmitter<Event>;
|
36
38
|
blur: EventEmitter<Event>;
|
37
|
-
constructor();
|
39
|
+
constructor(elementRef: ElementRef, _changeDetectorRef: ChangeDetectorRef);
|
38
40
|
ngOnInit(): void;
|
39
|
-
ngAfterViewInit(): void;
|
40
41
|
onChange: any;
|
41
42
|
onTouch: any;
|
42
43
|
registerOnChange(fn: any): void;
|
43
44
|
registerOnTouched(fn: any): void;
|
44
45
|
writeValue(value: any): void;
|
46
|
+
setDisabledState?(isDisabled: boolean): void;
|
45
47
|
checkSpaceDrop(value: any): any;
|
46
48
|
checkUppercase(value: any): any;
|
47
49
|
checkLowercase(value: any): any;
|
48
50
|
onFocus(event: Event): void;
|
49
51
|
onBlur(event: Event): void;
|
50
|
-
|
52
|
+
onInputPhoneKeydown(event: KeyboardEvent): void;
|
51
53
|
onInputPhoneChange(value: string): void;
|
52
54
|
}
|
@@ -28,8 +28,8 @@ export declare class TableComponent<T> implements AfterViewInit, OnChanges, OnIn
|
|
28
28
|
shadow: boolean;
|
29
29
|
columns: TableColumnDTO[];
|
30
30
|
private _dataValue;
|
31
|
-
get data(): T[];
|
32
|
-
set data(data: T[]);
|
31
|
+
get data(): (T | TableGroupHeaderDTO)[];
|
32
|
+
set data(data: (T | TableGroupHeaderDTO)[]);
|
33
33
|
paginator: boolean;
|
34
34
|
backendPagination: boolean;
|
35
35
|
paginatorPageIndex: number;
|
@@ -60,7 +60,7 @@ export declare class TableComponent<T> implements AfterViewInit, OnChanges, OnIn
|
|
60
60
|
sortActive: string;
|
61
61
|
sortDirection: SortDirection;
|
62
62
|
rowExpanded: EventEmitter<T>;
|
63
|
-
dataChange: EventEmitter<T[]>;
|
63
|
+
dataChange: EventEmitter<(T | TableGroupHeaderDTO)[]>;
|
64
64
|
page: EventEmitter<TablePageEventDTO>;
|
65
65
|
rowHover: EventEmitter<any>;
|
66
66
|
get matTableHeigth(): Observable<string>;
|
@@ -0,0 +1,23 @@
|
|
1
|
+
import { ChangeDetectorRef, ElementRef, OnInit } from '@angular/core';
|
2
|
+
export declare class GIPICardComponent implements OnInit {
|
3
|
+
elementRef: ElementRef;
|
4
|
+
private _changeDetectorRef;
|
5
|
+
protected _uniqueId: string;
|
6
|
+
private _id;
|
7
|
+
get id(): string;
|
8
|
+
set id(value: string);
|
9
|
+
private _name;
|
10
|
+
get name(): string;
|
11
|
+
set name(value: string);
|
12
|
+
private _loading;
|
13
|
+
get loading(): boolean;
|
14
|
+
set loading(value: boolean);
|
15
|
+
private _shadow;
|
16
|
+
get shadow(): boolean;
|
17
|
+
set shadow(value: boolean);
|
18
|
+
private _padding;
|
19
|
+
get padding(): boolean;
|
20
|
+
set padding(value: boolean);
|
21
|
+
constructor(elementRef: ElementRef, _changeDetectorRef: ChangeDetectorRef);
|
22
|
+
ngOnInit(): void;
|
23
|
+
}
|
@@ -70,6 +70,7 @@ export declare class GIPIInputSelectComponent<T> implements OnInit, ControlValue
|
|
70
70
|
onOpenedChange: EventEmitter<boolean>;
|
71
71
|
onSearchChange: EventEmitter<string>;
|
72
72
|
onAddChange: EventEmitter<AddChange<T>>;
|
73
|
+
get optionHeight(): number;
|
73
74
|
get scrollViewportHeight(): number;
|
74
75
|
get valueSearch(): string;
|
75
76
|
constructor(_changeDetectorRef: ChangeDetectorRef);
|
@@ -12,6 +12,7 @@ export declare class GIPINotificationComponent implements OnInit {
|
|
12
12
|
disabled: string;
|
13
13
|
loading: string;
|
14
14
|
tooltip: string;
|
15
|
+
notification: boolean;
|
15
16
|
onShowOverlay: EventEmitter<void>;
|
16
17
|
onClick: EventEmitter<MouseEvent>;
|
17
18
|
onFocus: EventEmitter<MouseEvent>;
|
@@ -15,11 +15,18 @@ export declare class GIPISidenavComponent implements OnInit, AfterViewInit {
|
|
15
15
|
_mouseEnter: boolean;
|
16
16
|
menuItems: MenuDTO[];
|
17
17
|
labelToggle: string;
|
18
|
+
showTagNewIntegration: boolean;
|
19
|
+
iconIntegration: string;
|
20
|
+
svgIconIntegration: string;
|
21
|
+
labelIntegration: string;
|
22
|
+
showIntegration: boolean;
|
18
23
|
iconConfiguration: string;
|
19
24
|
svgIconConfiguration: string;
|
20
25
|
labelConfiguration: string;
|
21
26
|
showConfiguration: boolean;
|
22
27
|
onClickMenuItem: EventEmitter<MenuDTO | null>;
|
28
|
+
onClickMenuIntegration: EventEmitter<void>;
|
29
|
+
onClickMenuConfiguration: EventEmitter<void>;
|
23
30
|
constructor(_navService: NavService, _breakpointObserverService: BreakpointObserverService, _router: Router);
|
24
31
|
ngOnInit(): void;
|
25
32
|
ngAfterViewInit(): void;
|
@@ -0,0 +1,27 @@
|
|
1
|
+
import { ChangeDetectorRef, OnInit } from '@angular/core';
|
2
|
+
import { ControlValueAccessor } from '@angular/forms';
|
3
|
+
export declare class GIPISlideToggleComponent implements OnInit, ControlValueAccessor {
|
4
|
+
private _changeDetectorRef;
|
5
|
+
private _name;
|
6
|
+
private _slideToggleValue;
|
7
|
+
get slideToggleValue(): boolean;
|
8
|
+
set slideToggleValue(value: boolean);
|
9
|
+
id: string;
|
10
|
+
name: string;
|
11
|
+
label: string;
|
12
|
+
help: string;
|
13
|
+
private _required;
|
14
|
+
get required(): boolean;
|
15
|
+
set required(value: boolean);
|
16
|
+
private _disabled;
|
17
|
+
get disabled(): boolean;
|
18
|
+
set disabled(value: boolean);
|
19
|
+
onChange: Function;
|
20
|
+
onTouched: Function;
|
21
|
+
constructor(_changeDetectorRef: ChangeDetectorRef);
|
22
|
+
ngOnInit(): void;
|
23
|
+
writeValue(value: boolean): void;
|
24
|
+
registerOnChange(fn: any): void;
|
25
|
+
registerOnTouched(fn: any): void;
|
26
|
+
setDisabledState?(isDisabled: boolean): void;
|
27
|
+
}
|
@@ -0,0 +1,12 @@
|
|
1
|
+
import { TemplateRef } from '@angular/core';
|
2
|
+
export declare class TabModel {
|
3
|
+
label: string;
|
4
|
+
active: boolean;
|
5
|
+
template: TemplateRef<any>;
|
6
|
+
closeable: boolean;
|
7
|
+
disabled: boolean;
|
8
|
+
data: any;
|
9
|
+
icon: string;
|
10
|
+
svgIcon: string;
|
11
|
+
action: (obj: any) => void;
|
12
|
+
}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { EventEmitter, OnInit, TemplateRef } from '@angular/core';
|
2
|
-
export declare class
|
2
|
+
export declare class GIPITabComponent implements OnInit {
|
3
3
|
index: number;
|
4
4
|
label: string;
|
5
5
|
active: boolean;
|
@@ -8,7 +8,9 @@ export declare class TabComponent implements OnInit {
|
|
8
8
|
disabled: boolean;
|
9
9
|
data: any;
|
10
10
|
icon: string;
|
11
|
-
|
11
|
+
svgIcon: string;
|
12
12
|
action: (obj: any) => void;
|
13
|
+
selectionChange: EventEmitter<any>;
|
14
|
+
constructor();
|
13
15
|
ngOnInit(): void;
|
14
16
|
}
|
@@ -0,0 +1,22 @@
|
|
1
|
+
import { AfterContentInit, ComponentFactoryResolver, ElementRef, OnInit, QueryList, TemplateRef } from '@angular/core';
|
2
|
+
import { GIPIDynamicTabDirective } from '../shared/dynamic-tab.directive';
|
3
|
+
import { GIPITabComponent } from '../tab/tab.component';
|
4
|
+
export declare class GIPITabGroupComponent implements AfterContentInit, OnInit {
|
5
|
+
elementRef: ElementRef;
|
6
|
+
private _componentFactoryResolver;
|
7
|
+
tabQueryList: QueryList<GIPITabComponent>;
|
8
|
+
dynamicTabPlaceholder: GIPIDynamicTabDirective;
|
9
|
+
dynamicTabs: GIPITabComponent[];
|
10
|
+
constructor(elementRef: ElementRef, _componentFactoryResolver: ComponentFactoryResolver);
|
11
|
+
ngOnInit(): void;
|
12
|
+
ngAfterContentInit(): void;
|
13
|
+
openTab(label: string, template?: TemplateRef<any>, data?: any, closeable?: boolean, disabled?: boolean, action?: (obj: any) => void): void;
|
14
|
+
private _openTabs;
|
15
|
+
private _getTabComponent;
|
16
|
+
selectTab(tab: GIPITabComponent): void;
|
17
|
+
closeTab(tab: GIPITabComponent): void;
|
18
|
+
closeActiveTab(): void;
|
19
|
+
closeAllTabs(): void;
|
20
|
+
nextTab(): void;
|
21
|
+
previousTab(): void;
|
22
|
+
}
|
@@ -0,0 +1,68 @@
|
|
1
|
+
import { ChangeDetectorRef, ElementRef, OnInit } from '@angular/core';
|
2
|
+
import { ControlValueAccessor } from '@angular/forms';
|
3
|
+
declare type TextareaResize = 'both' | 'horizontal' | 'vertical' | 'none';
|
4
|
+
export declare class GIPITextareaComponent implements OnInit, ControlValueAccessor {
|
5
|
+
elementRef: ElementRef<HTMLElement>;
|
6
|
+
private _changeDetectorRef;
|
7
|
+
private _name;
|
8
|
+
id: string;
|
9
|
+
name: string;
|
10
|
+
label: string;
|
11
|
+
placeholder: string;
|
12
|
+
cols: number;
|
13
|
+
rows: number;
|
14
|
+
help: string;
|
15
|
+
maxlength: number;
|
16
|
+
minlength: number;
|
17
|
+
private _resize;
|
18
|
+
get resize(): TextareaResize;
|
19
|
+
set resize(value: TextareaResize);
|
20
|
+
private _minHeight;
|
21
|
+
get minHeight(): string;
|
22
|
+
set minHeight(value: string);
|
23
|
+
private _height;
|
24
|
+
get height(): string;
|
25
|
+
set height(value: string);
|
26
|
+
private _maxHeight;
|
27
|
+
get maxHeight(): string;
|
28
|
+
set maxHeight(value: string);
|
29
|
+
private _autocomplete;
|
30
|
+
get autocomplete(): 'on' | 'off';
|
31
|
+
set autocomplete(value: 'on' | 'off');
|
32
|
+
private _autofocus;
|
33
|
+
get autofocus(): boolean;
|
34
|
+
set autofocus(value: boolean);
|
35
|
+
private _readOnly;
|
36
|
+
get readOnly(): boolean;
|
37
|
+
set readOnly(value: boolean);
|
38
|
+
private _required;
|
39
|
+
get required(): boolean;
|
40
|
+
set required(value: boolean);
|
41
|
+
private _disabled;
|
42
|
+
get disabled(): boolean;
|
43
|
+
set disabled(value: boolean);
|
44
|
+
private _lowerCase;
|
45
|
+
get lowerCase(): boolean;
|
46
|
+
set lowerCase(value: boolean);
|
47
|
+
private _upperCase;
|
48
|
+
get upperCase(): boolean;
|
49
|
+
set upperCase(value: boolean);
|
50
|
+
private _spaceDrop;
|
51
|
+
get spaceDrop(): boolean;
|
52
|
+
set spaceDrop(value: boolean);
|
53
|
+
private _value;
|
54
|
+
get value(): any;
|
55
|
+
set value(value: any);
|
56
|
+
onChange: Function;
|
57
|
+
onTouched: Function;
|
58
|
+
constructor(elementRef: ElementRef<HTMLElement>, _changeDetectorRef: ChangeDetectorRef);
|
59
|
+
ngOnInit(): void;
|
60
|
+
writeValue(value: any): void;
|
61
|
+
registerOnChange(fn: Function): void;
|
62
|
+
registerOnTouched(fn: Function): void;
|
63
|
+
setDisabledState?(isDisabled: boolean): void;
|
64
|
+
private _checkSpaceDrop;
|
65
|
+
private _checkUppercase;
|
66
|
+
private _checkLowercase;
|
67
|
+
}
|
68
|
+
export {};
|
package/shared.d.ts
CHANGED
@@ -13,7 +13,6 @@ export * from './shared/components/popover/popover.component';
|
|
13
13
|
export * from './shared/components/popover/popover.service';
|
14
14
|
export * from './shared/components/radio-group-entity/radio-group-entity.component';
|
15
15
|
export * from './shared/components/radio-group-enum/radio-group-enum.component';
|
16
|
-
export * from './shared/components/select-button/select-button.component';
|
17
16
|
export * from './shared/components/select-entity-paged/select-entity-paged.component';
|
18
17
|
export * from './shared/components/select-entity-paged/shared/select-button-add/select-button-add.component';
|
19
18
|
export * from './shared/components/select-entity-paged/shared/select-button-next-batch/select-button-next-batch.component';
|
@@ -25,11 +24,8 @@ export * from './shared/components/select-enum/select-enum.component';
|
|
25
24
|
export * from './shared/components/select-month-period/select-month-period.component';
|
26
25
|
export * from './shared/components/slide-toggle/slide-toggle.component';
|
27
26
|
export * from './shared/components/stepper/stepper.component';
|
28
|
-
export * from './shared/components/tab-group/tab-group.component';
|
29
|
-
export * from './shared/components/tab/tab.component';
|
30
27
|
export * from './shared/components/table-scrolled/table-scrolled.component';
|
31
28
|
export * from './shared/components/table/table.component';
|
32
|
-
export * from './shared/directives/dynamic-tab.directive';
|
33
29
|
export * from './shared/directives/generic-template.directive';
|
34
30
|
export * from './shared/directives/phone-mask.directive';
|
35
31
|
export * from './shared/shared.module';
|
@@ -1,181 +0,0 @@
|
|
1
|
-
var SelectButtonComponent_1;
|
2
|
-
import { __decorate, __metadata } from "tslib";
|
3
|
-
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, EventEmitter, forwardRef, Input, OnInit, Output, TemplateRef } from '@angular/core';
|
4
|
-
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
5
|
-
import { ObjectUtil } from '../../../core';
|
6
|
-
let SelectButtonComponent = SelectButtonComponent_1 = class SelectButtonComponent {
|
7
|
-
constructor(cd) {
|
8
|
-
this.cd = cd;
|
9
|
-
this.tabindex = 0;
|
10
|
-
this.onOptionClick = new EventEmitter();
|
11
|
-
this.onChange = new EventEmitter();
|
12
|
-
this.onModelChange = () => { };
|
13
|
-
this.onModelTouched = () => { };
|
14
|
-
}
|
15
|
-
ngOnInit() { }
|
16
|
-
getPropertyLabel(option) {
|
17
|
-
return this.property ? ObjectUtil.resolveFieldData(option, this.property) : (option.label !== undefined ? option.label : option);
|
18
|
-
}
|
19
|
-
getOptionValue(option) {
|
20
|
-
return this.optionValue ? ObjectUtil.resolveFieldData(option, this.optionValue) : (this.property || option.value === undefined ? option : option.value);
|
21
|
-
}
|
22
|
-
isOptionDisabled(option) {
|
23
|
-
return this.optionDisabled ? ObjectUtil.resolveFieldData(option, this.optionDisabled) : (option.disabled !== undefined ? option.disabled : false);
|
24
|
-
}
|
25
|
-
writeValue(value) {
|
26
|
-
this.value = value;
|
27
|
-
this.cd.markForCheck();
|
28
|
-
}
|
29
|
-
registerOnChange(fn) {
|
30
|
-
this.onModelChange = fn;
|
31
|
-
}
|
32
|
-
registerOnTouched(fn) {
|
33
|
-
this.onModelTouched = fn;
|
34
|
-
}
|
35
|
-
setDisabledState(val) {
|
36
|
-
this.disabled = val;
|
37
|
-
this.cd.markForCheck();
|
38
|
-
}
|
39
|
-
onItemClick(event, option, index) {
|
40
|
-
if (this.disabled || this.isOptionDisabled(option)) {
|
41
|
-
return;
|
42
|
-
}
|
43
|
-
if (this.multiple) {
|
44
|
-
if (this.isSelected(option)) {
|
45
|
-
this.removeOption(option);
|
46
|
-
}
|
47
|
-
else {
|
48
|
-
this.value = [...(this.value || []), this.getOptionValue(option)];
|
49
|
-
}
|
50
|
-
this.onModelChange(this.value);
|
51
|
-
this.onChange.emit({
|
52
|
-
originalEvent: event,
|
53
|
-
value: this.value
|
54
|
-
});
|
55
|
-
}
|
56
|
-
else {
|
57
|
-
const value = this.getOptionValue(option);
|
58
|
-
if (this.value !== value) {
|
59
|
-
this.value = this.getOptionValue(option);
|
60
|
-
this.onModelChange(this.value);
|
61
|
-
this.onChange.emit({
|
62
|
-
originalEvent: event,
|
63
|
-
value: this.value
|
64
|
-
});
|
65
|
-
}
|
66
|
-
}
|
67
|
-
this.onOptionClick.emit({
|
68
|
-
originalEvent: event,
|
69
|
-
option: option,
|
70
|
-
index: index
|
71
|
-
});
|
72
|
-
}
|
73
|
-
onBlur() {
|
74
|
-
this.onModelTouched();
|
75
|
-
}
|
76
|
-
removeOption(option) {
|
77
|
-
this.value = this.value.filter(val => !ObjectUtil.equals(val, this.getOptionValue(option), this.dataKey));
|
78
|
-
}
|
79
|
-
isSelected(option) {
|
80
|
-
let selected = false;
|
81
|
-
const optionValue = this.getOptionValue(option);
|
82
|
-
if (this.multiple) {
|
83
|
-
if (this.value) {
|
84
|
-
for (const val of this.value) {
|
85
|
-
if (ObjectUtil.equals(val, optionValue, this.dataKey)) {
|
86
|
-
selected = true;
|
87
|
-
break;
|
88
|
-
}
|
89
|
-
}
|
90
|
-
}
|
91
|
-
}
|
92
|
-
else {
|
93
|
-
selected = ObjectUtil.equals(this.getOptionValue(option), this.value, this.dataKey);
|
94
|
-
}
|
95
|
-
return selected;
|
96
|
-
}
|
97
|
-
};
|
98
|
-
SelectButtonComponent.ctorParameters = () => [
|
99
|
-
{ type: ChangeDetectorRef }
|
100
|
-
];
|
101
|
-
__decorate([
|
102
|
-
Input(),
|
103
|
-
__metadata("design:type", Array)
|
104
|
-
], SelectButtonComponent.prototype, "options", void 0);
|
105
|
-
__decorate([
|
106
|
-
Input(),
|
107
|
-
__metadata("design:type", String)
|
108
|
-
], SelectButtonComponent.prototype, "property", void 0);
|
109
|
-
__decorate([
|
110
|
-
Input(),
|
111
|
-
__metadata("design:type", String)
|
112
|
-
], SelectButtonComponent.prototype, "optionValue", void 0);
|
113
|
-
__decorate([
|
114
|
-
Input(),
|
115
|
-
__metadata("design:type", String)
|
116
|
-
], SelectButtonComponent.prototype, "optionDisabled", void 0);
|
117
|
-
__decorate([
|
118
|
-
Input(),
|
119
|
-
__metadata("design:type", Number)
|
120
|
-
], SelectButtonComponent.prototype, "tabindex", void 0);
|
121
|
-
__decorate([
|
122
|
-
Input(),
|
123
|
-
__metadata("design:type", Boolean)
|
124
|
-
], SelectButtonComponent.prototype, "multiple", void 0);
|
125
|
-
__decorate([
|
126
|
-
Input(),
|
127
|
-
__metadata("design:type", String)
|
128
|
-
], SelectButtonComponent.prototype, "label", void 0);
|
129
|
-
__decorate([
|
130
|
-
Input(),
|
131
|
-
__metadata("design:type", Boolean)
|
132
|
-
], SelectButtonComponent.prototype, "required", void 0);
|
133
|
-
__decorate([
|
134
|
-
Input(),
|
135
|
-
__metadata("design:type", String)
|
136
|
-
], SelectButtonComponent.prototype, "styleClass", void 0);
|
137
|
-
__decorate([
|
138
|
-
Input(),
|
139
|
-
__metadata("design:type", String)
|
140
|
-
], SelectButtonComponent.prototype, "ariaLabelledBy", void 0);
|
141
|
-
__decorate([
|
142
|
-
Input(),
|
143
|
-
__metadata("design:type", Boolean)
|
144
|
-
], SelectButtonComponent.prototype, "disabled", void 0);
|
145
|
-
__decorate([
|
146
|
-
Input(),
|
147
|
-
__metadata("design:type", String)
|
148
|
-
], SelectButtonComponent.prototype, "dataKey", void 0);
|
149
|
-
__decorate([
|
150
|
-
Output(),
|
151
|
-
__metadata("design:type", EventEmitter)
|
152
|
-
], SelectButtonComponent.prototype, "onOptionClick", void 0);
|
153
|
-
__decorate([
|
154
|
-
Output(),
|
155
|
-
__metadata("design:type", EventEmitter)
|
156
|
-
], SelectButtonComponent.prototype, "onChange", void 0);
|
157
|
-
__decorate([
|
158
|
-
ContentChild(TemplateRef, { static: false }),
|
159
|
-
__metadata("design:type", Object)
|
160
|
-
], SelectButtonComponent.prototype, "itemTemplate", void 0);
|
161
|
-
SelectButtonComponent = SelectButtonComponent_1 = __decorate([
|
162
|
-
Component({
|
163
|
-
selector: 'itss-select-button',
|
164
|
-
template: "<div fxLayout=\"column\">\n <mat-label *ngIf=\"label\"\n class=\"label\">\n {{ label }}\n <span *ngIf=\"required && label\">*</span>\n </mat-label>\n\n <div [ngClass]=\"'selectbutton component'\"\n [class]=\"styleClass\"\n role=\"group\">\n <div *ngFor=\"let option of options; let i = index\"\n #btn\n class=\"button component\"\n [class]=\"option.styleClass\"\n role=\"button\"\n [attr.aria-pressed]=\"isSelected(option)\"\n [ngClass]=\"{'highlight': isSelected(option),\n 'disabled': disabled || isOptionDisabled(option),\n 'button-icon-only': (option.icon && !getPropertyLabel(option))}\"\n (click)=\"onItemClick($event,option,i)\"\n (keydown.enter)=\"onItemClick($event,option,i)\"\n [attr.title]=\"option.title\"\n [attr.aria-label]=\"option.label\"\n (blur)=\"onBlur()\"\n [attr.tabindex]=\"disabled ? null : tabindex\"\n [attr.aria-labelledby]=\"this.getPropertyLabel(option)\"\n [attr.id]=\"i\">\n\n <ng-container *ngIf=\"!itemTemplate else customcontent\">\n <span [ngClass]=\"'button-icon button-icon-left'\"\n [class]=\"option.icon\"\n *ngIf=\"option.icon\">\n </span>\n <span class=\"button-label\">\n {{ getPropertyLabel(option) }}\n </span>\n </ng-container>\n\n <ng-template #customcontent>\n <ng-container *ngTemplateOutlet=\"itemTemplate; context: {$implicit: option, index: i}\"></ng-container>\n </ng-template>\n\n </div>\n </div>\n</div>",
|
165
|
-
providers: [
|
166
|
-
{
|
167
|
-
provide: NG_VALUE_ACCESSOR,
|
168
|
-
useExisting: forwardRef(() => SelectButtonComponent_1),
|
169
|
-
multi: true
|
170
|
-
}
|
171
|
-
],
|
172
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
173
|
-
host: {
|
174
|
-
'class': 'itss-element'
|
175
|
-
},
|
176
|
-
styles: [".label{color:#696969;font-size:1rem;margin-bottom:7px!important}.label>span{color:#f44336}.component{font-weight:400;display:flex;width:100%}.component:disabled,.disabled{cursor:not-allowed!important;background:#e0e0e0!important;border-color:#e0e0e0!important;color:#00000042!important}.selectbutton .button{background:#fff;border:1px solid #e1e5e4;color:#696969;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;padding:1rem;align-items:center;display:flex;justify-content:center;min-width:5rem;cursor:pointer}.selectbutton .button:first-of-type{border-top-left-radius:5px;border-bottom-left-radius:5px}.selectbutton .button:last-of-type{border-top-right-radius:5px;border-bottom-right-radius:5px}.selectbutton .button .button-icon-left,.selectbutton .button .button-icon-right{color:#696969}.selectbutton .button:not(.disabled):not(.highlight):hover{background:#f7f7f7;border-color:#e1e5e4;color:#696969}.selectbutton .button:not(.disabled):not(.highlight):hover .button-icon-left,.selectbutton .button:not(.disabled):not(.highlight):hover .button-icon-right{color:#696969}.selectbutton .button.highlight{background:#f3465c;border-color:#f3465c;color:#fff;cursor:default}.selectbutton .button.highlight .button-icon-left,.selectbutton .button.highlight .button-icon-right{color:#fff}.selectbutton .button.highlight:hover{background:#e6364e;border-color:#e6364e;color:#fff}.selectbutton .button.highlight:hover .button-icon-left,.selectbutton .button.highlight:hover .button-icon-right{color:#fff}itss-select-button.ng-dirty.ng-invalid>.selectbutton>.button{border-color:#f44336}.button.button-icon-only{width:3rem;padding:.75rem 0}.button.button-icon-only .button-icon-left,.button.button-icon-only .button-icon-right{margin:0}.button.button-icon-only.button-rounded{border-radius:50%;height:3rem}.button-label{font-weight:700}"]
|
177
|
-
}),
|
178
|
-
__metadata("design:paramtypes", [ChangeDetectorRef])
|
179
|
-
], SelectButtonComponent);
|
180
|
-
export { SelectButtonComponent };
|
181
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AZ2lwaXNpc3RlbWFzL25nLWNvcmUvIiwic291cmNlcyI6WyJzaGFyZWQvY29tcG9uZW50cy9zZWxlY3QtYnV0dG9uL3NlbGVjdC1idXR0b24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLGlCQUFpQixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsWUFBWSxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbEssT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFbkQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQWtCM0MsSUFBYSxxQkFBcUIsNkJBQWxDLE1BQWEscUJBQXFCO0lBc0M5QixZQUFtQixFQUFxQjtRQUFyQixPQUFFLEdBQUYsRUFBRSxDQUFtQjtRQTVCL0IsYUFBUSxHQUFXLENBQUMsQ0FBQztRQWdCcEIsa0JBQWEsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUV0RCxhQUFRLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7UUFNM0Qsa0JBQWEsR0FBYSxHQUFHLEVBQUUsR0FBRyxDQUFDLENBQUM7UUFFcEMsbUJBQWMsR0FBYSxHQUFHLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFFTyxDQUFDO0lBRTdDLFFBQVEsS0FBVyxDQUFDO0lBRXBCLGdCQUFnQixDQUFDLE1BQVc7UUFDeEIsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsS0FBSyxLQUFLLFNBQVMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLEtB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UixLQUFLLEVBQUU7O3VEQUFrQjtBQUVqQjtJQUFSLEtBQUssRUFBRTs7MERBQXFCO0FBRXBCO0lBQVIsS0FBSyxFQUFFOzs2REFBd0I7QUFFdkI7SUFBUixLQUFLLEVBQUU7O3VEQUFzQjtBQUVyQjtJQUFSLEtBQUssRUFBRTs7dURBQW1CO0FBRWxCO0lBQVIsS0FBSyxFQUFFOztvREFBZTtBQUVkO0lBQVIsS0FBSyxFQUFFOzt1REFBbUI7QUFFbEI7SUFBUixLQUFLLEVBQUU7O3lEQUFvQjtBQUVuQjtJQUFSLEtBQUssRUFBRTs7NkRBQXdCO0FBRXZCO0lBQVIsS0FBSyxFQUFFOzt1REFBbUI7QUFFbEI7SUFBUixLQUFLLEVBQUU7O3NEQUFpQjtBQUVmO0lBQVQsTUFBTSxFQUFFOzhCQUFnQixZQUFZOzREQUEyQjtBQUV0RDtJQUFULE1BQU0sRUFBRTs4QkFBVyxZQUFZO3VEQUEyQjtBQUViO0lBQTdDLFlBQVksQ0FBQyxXQUFXLEVBQUUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLENBQUM7OzJEQUFjO0FBOUJsRCxxQkFBcUI7SUFoQmpDLFNBQVMsQ0FBQztRQUNQLFFBQVEsRUFBRSxvQkFBb0I7UUFDOUIsMHlEQUE2QztRQUU3QyxTQUFTLEVBQUU7WUFDUDtnQkFDSSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHVCQUFxQixDQUFDO2dCQUNwRCxLQUFLLEVBQUUsSUFBSTthQUNkO1NBQ0o7UUFDRCxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtRQUMvQyxJQUFJLEVBQUU7WUFDRixPQUFPLEVBQUUsY0FBYztTQUMxQjs7S0FDSixDQUFDO3FDQXVDeUIsaUJBQWlCO0dBdEMvQixxQkFBcUIsQ0EySWpDO1NBM0lZLHFCQUFxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsIEV2ZW50RW1pdHRlciwgZm9yd2FyZFJlZiwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmltcG9ydCB7IE9iamVjdFV0aWwgfSBmcm9tICcuLi8uLi8uLi9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdpdHNzLXNlbGVjdC1idXR0b24nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9zZWxlY3QtYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zZWxlY3QtYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIHtcbiAgICAgICAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU2VsZWN0QnV0dG9uQ29tcG9uZW50KSxcbiAgICAgICAgICAgIG11bHRpOiB0cnVlXG4gICAgICAgIH1cbiAgICBdLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgJ2NsYXNzJzogJ2l0c3MtZWxlbWVudCdcbiAgICB9XG59KVxuZXhwb3J0IGNsYXNzIFNlbGVjdEJ1dHRvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgICBASW5wdXQoKSBvcHRpb25zOiBhbnlbXTtcblxuICAgIEBJbnB1dCgpIHByb3BlcnR5OiBzdHJpbmc7XG5cbiAgICBASW5wdXQoKSBvcHRpb25WYWx1ZTogc3RyaW5nO1xuXG4gICAgQElucHV0KCkgb3B0aW9uRGlzYWJsZWQ6IHN0cmluZztcblxuICAgIEBJbnB1dCgpIHRhYmluZGV4OiBudW1iZXIgPSAwO1xuXG4gICAgQElucHV0KCkgbXVsdGlwbGU6IGJvb2xlYW47XG5cbiAgICBASW5wdXQoKSBsYWJlbDogc3RyaW5nO1xuXG4gICAgQElucHV0KCkgcmVxdWlyZWQ6IGJvb2xlYW47XG5cbiAgICBASW5wdXQoKSBzdHlsZUNsYXNzOiBzdHJpbmc7XG5cbiAgICBASW5wdXQoKSBhcmlhTGFiZWxsZWRCeTogc3RyaW5nO1xuXG4gICAgQElucHV0KCkgZGlzYWJsZWQ6IGJvb2xlYW47XG5cbiAgICBASW5wdXQoKSBkYXRhS2V5OiBzdHJpbmc7XG5cbiAgICBAT3V0cHV0KCkgb25PcHRpb25DbGljazogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgICBAT3V0cHV0KCkgb25DaGFuZ2U6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gICAgQENvbnRlbnRDaGlsZChUZW1wbGF0ZVJlZiwgeyBzdGF0aWM6IGZhbHNlIH0pIGl0ZW1UZW1wbGF0ZTtcblxuICAgIHZhbHVlOiBhbnk7XG5cbiAgICBvbk1vZGVsQ2hhbmdlOiBGdW5jdGlvbiA9ICgpID0+IHsgfTtcblxuICAgIG9uTW9kZWxUb3VjaGVkOiBGdW5jdGlvbiA9ICgpID0+IHsgfTtcblxuICAgIGNvbnN0cnVjdG9yKHB1YmxpYyBjZDogQ2hhbmdlRGV0ZWN0b3JSZWYpIHsgfVxuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7IH1cblxuICAgIGdldFByb3BlcnR5TGFiZWwob3B0aW9uOiBhbnkpOiBhbnkge1xuICAgICAgICByZXR1cm4gdGhpcy5wcm9wZXJ0eSA/IE9iamVjdFV0aWwucmVzb2x2ZUZpZWxkRGF0YShvcHRpb24sIHRoaXMucHJvcGVydHkpIDogKG9wdGlvbi5sYWJlbCAhPT0gdW5kZWZpbmVkID8gb3B0aW9uLmxhYmVsIDogb3B0aW9uKTtcbiAgICB9XG5cbiAgICBnZXRPcHRpb25WYWx1ZShvcHRpb246IGFueSk6IGFueSB7XG4gICAgICAgIHJldHVybiB0aGlzLm9wdGlvblZhbHVlID8gT2JqZWN0VXRpbC5yZXNvbHZlRmllbGREYXRhKG9wdGlvbiwgdGhpcy5vcHRpb25WYWx1ZSkgOiAodGhpcy5wcm9wZXJ0eSB8fCBvcHRpb24udmFsdWUgPT09IHVuZGVmaW5lZCA/IG9wdGlvbiA6IG9wdGlvbi52YWx1ZSk7XG4gICAgfVxuXG4gICAgaXNPcHRpb25EaXNhYmxlZChvcHRpb246IGFueSk6IGFueSB7XG4gICAgICAgIHJldHVybiB0aGlzLm9wdGlvbkRpc2FibGVkID8gT2JqZWN0VXRpbC5yZXNvbHZlRmllbGREYXRhKG9wdGlvbiwgdGhpcy5vcHRpb25EaXNhYmxlZCkgOiAob3B0aW9uLmRpc2FibGVkICE9PSB1bmRlZmluZWQgPyBvcHRpb24uZGlzYWJsZWQgOiBmYWxzZSk7XG4gICAgfVxuXG4gICAgd3JpdGVWYWx1ZSh2YWx1ZTogYW55KTogdm9pZCB7XG4gICAgICAgIHRoaXMudmFsdWUgPSB2YWx1ZTtcbiAgICAgICAgdGhpcy5jZC5tYXJrRm9yQ2hlY2soKTtcbiAgICB9XG5cbiAgICByZWdpc3Rlck9uQ2hhbmdlKGZuOiBGdW5jdGlvbik6IHZvaWQge1xuICAgICAgICB0aGlzLm9uTW9kZWxDaGFuZ2UgPSBmbjtcbiAgICB9XG5cbiAgICByZWdpc3Rlck9uVG91Y2hlZChmbjogRnVuY3Rpb24pOiB2b2lkIHtcbiAgICAgICAgdGhpcy5vbk1vZGVsVG91Y2hlZCA9IGZuO1xuICAgIH1cblxuICAgIHNldERpc2FibGVkU3RhdGUodmFsOiBib29sZWFuKTogdm9pZCB7XG4gICAgICAgIHRoaXMuZGlzYWJsZWQgPSB2YWw7XG4gICAgICAgIHRoaXMuY2QubWFya0ZvckNoZWNrKCk7XG4gICAgfVxuXG4gICAgb25JdGVtQ2xpY2soZXZlbnQ6IGFueSwgb3B0aW9uOiBhbnksIGluZGV4OiBudW1iZXIpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMuZGlzYWJsZWQgfHwgdGhpcy5pc09wdGlvbkRpc2FibGVkKG9wdGlvbikpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIGlmICh0aGlzLm11bHRpcGxlKSB7XG4gICAgICAgICAgICBpZiAodGhpcy5pc1NlbGVjdGVkKG9wdGlvbikpIHtcbiAgICAgICAgICAgICAgICB0aGlzLnJlbW92ZU9wdGlvbihvcHRpb24pO1xuICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICB0aGlzLnZhbHVlID0gWy4uLih0aGlzLnZhbHVlIHx8IFtdKSwgdGhpcy5nZXRPcHRpb25WYWx1ZShvcHRpb24pXTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgdGhpcy5vbk1vZGVsQ2hhbmdlKHRoaXMudmFsdWUpO1xuXG4gICAgICAgICAgICB0aGlzLm9uQ2hhbmdlLmVtaXQoe1xuICAgICAgICAgICAgICAgIG9yaWdpbmFsRXZlbnQ6IGV2ZW50LFxuICAgICAgICAgICAgICAgIHZhbHVlOiB0aGlzLnZhbHVlXG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIGNvbnN0IHZhbHVlOiBhbnkgPSB0aGlzLmdldE9wdGlvblZhbHVlKG9wdGlvbik7XG5cbiAgICAgICAgICAgIGlmICh0aGlzLnZhbHVlICE9PSB2YWx1ZSkge1xuICAgICAgICAgICAgICAgIHRoaXMudmFsdWUgPSB0aGlzLmdldE9wdGlvblZhbHVlKG9wdGlvbik7XG4gICAgICAgICAgICAgICAgdGhpcy5vbk1vZGVsQ2hhbmdlKHRoaXMudmFsdWUpO1xuXG4gICAgICAgICAgICAgICAgdGhpcy5vbkNoYW5nZS5lbWl0KHtcbiAgICAgICAgICAgICAgICAgICAgb3JpZ2luYWxFdmVudDogZXZlbnQsXG4gICAgICAgICAgICAgICAgICAgIHZhbHVlOiB0aGlzLnZhbHVlXG4gICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLm9uT3B0aW9uQ2xpY2suZW1pdCh7XG4gICAgICAgICAgICBvcmlnaW5hbEV2ZW50OiBldmVudCxcbiAgICAgICAgICAgIG9wdGlvbjogb3B0aW9uLFxuICAgICAgICAgICAgaW5kZXg6IGluZGV4XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIG9uQmx1cigpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5vbk1vZGVsVG91Y2hlZCgpO1xuICAgIH1cblxuICAgIHJlbW92ZU9wdGlvbihvcHRpb246IGFueSk6IHZvaWQge1xuICAgICAgICB0aGlzLnZhbHVlID0gdGhpcy52YWx1ZS5maWx0ZXIodmFsID0+ICFPYmplY3RVdGlsLmVxdWFscyh2YWwsIHRoaXMuZ2V0T3B0aW9uVmFsdWUob3B0aW9uKSwgdGhpcy5kYXRhS2V5KSk7XG4gICAgfVxuXG4gICAgaXNTZWxlY3RlZChvcHRpb246IGFueSk6IGJvb2xlYW4ge1xuICAgICAgICBsZXQgc2VsZWN0ZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgICAgICAgY29uc3Qgb3B0aW9uVmFsdWU6IGFueSA9IHRoaXMuZ2V0T3B0aW9uVmFsdWUob3B0aW9uKTtcblxuICAgICAgICBpZiAodGhpcy5tdWx0aXBsZSkge1xuICAgICAgICAgICAgaWYgKHRoaXMudmFsdWUpIHtcbiAgICAgICAgICAgICAgICBmb3IgKGNvbnN0IHZhbCBvZiB0aGlzLnZhbHVlKSB7XG4gICAgICAgICAgICAgICAgICAgIGlmIChPYmplY3RVdGlsLmVxdWFscyh2YWwsIG9wdGlvblZhbHVlLCB0aGlzLmRhdGFLZXkpKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICBzZWxlY3RlZCA9IHRydWU7XG4gICAgICAgICAgICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHNlbGVjdGVkID0gT2JqZWN0VXRpbC5lcXVhbHModGhpcy5nZXRPcHRpb25WYWx1ZShvcHRpb24pLCB0aGlzLnZhbHVlLCB0aGlzLmRhdGFLZXkpO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIHNlbGVjdGVkO1xuICAgIH1cblxufVxuIl19
|
@@ -1,57 +0,0 @@
|
|
1
|
-
import { __decorate, __metadata } from "tslib";
|
2
|
-
import { Component, EventEmitter, Input, Output, TemplateRef } from '@angular/core';
|
3
|
-
let TabComponent = class TabComponent {
|
4
|
-
constructor() {
|
5
|
-
this.active = false;
|
6
|
-
this.closeable = false;
|
7
|
-
this.disabled = false;
|
8
|
-
this.selectionChange = new EventEmitter();
|
9
|
-
}
|
10
|
-
ngOnInit() {
|
11
|
-
}
|
12
|
-
};
|
13
|
-
__decorate([
|
14
|
-
Input(),
|
15
|
-
__metadata("design:type", Number)
|
16
|
-
], TabComponent.prototype, "index", void 0);
|
17
|
-
__decorate([
|
18
|
-
Input(),
|
19
|
-
__metadata("design:type", String)
|
20
|
-
], TabComponent.prototype, "label", void 0);
|
21
|
-
__decorate([
|
22
|
-
Input(),
|
23
|
-
__metadata("design:type", Object)
|
24
|
-
], TabComponent.prototype, "active", void 0);
|
25
|
-
__decorate([
|
26
|
-
Input(),
|
27
|
-
__metadata("design:type", TemplateRef)
|
28
|
-
], TabComponent.prototype, "template", void 0);
|
29
|
-
__decorate([
|
30
|
-
Input(),
|
31
|
-
__metadata("design:type", Object)
|
32
|
-
], TabComponent.prototype, "closeable", void 0);
|
33
|
-
__decorate([
|
34
|
-
Input(),
|
35
|
-
__metadata("design:type", Object)
|
36
|
-
], TabComponent.prototype, "disabled", void 0);
|
37
|
-
__decorate([
|
38
|
-
Input(),
|
39
|
-
__metadata("design:type", Object)
|
40
|
-
], TabComponent.prototype, "data", void 0);
|
41
|
-
__decorate([
|
42
|
-
Input(),
|
43
|
-
__metadata("design:type", String)
|
44
|
-
], TabComponent.prototype, "icon", void 0);
|
45
|
-
__decorate([
|
46
|
-
Output(),
|
47
|
-
__metadata("design:type", Object)
|
48
|
-
], TabComponent.prototype, "selectionChange", void 0);
|
49
|
-
TabComponent = __decorate([
|
50
|
-
Component({
|
51
|
-
selector: 'itss-tab',
|
52
|
-
template: "<div *ngIf=\"active\">\n <ng-content></ng-content>\n <ng-container *ngIf=\"template\"\n [ngTemplateOutlet]=\"template\"\n [ngTemplateOutletContext]=\"{$implicit: data}\">\n </ng-container>\n</div>\n",
|
53
|
-
styles: [""]
|
54
|
-
})
|
55
|
-
], TabComponent);
|
56
|
-
export { TabComponent };
|
57
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BnaXBpc2lzdGVtYXMvbmctY29yZS8iLCJzb3VyY2VzIjpbInNoYXJlZC9jb21wb25lbnRzL3RhYi90YWIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLFdBQVcsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQU8xRixJQUFhLFlBQVksR0FBekIsTUFBYSxZQUFZO0lBQXpCO1FBTVcsV0FBTSxHQUFHLEtBQUssQ0FBQztRQUlmLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFFbEIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQU1oQixvQkFBZSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7SUFPdEQsQ0FBQztJQUhDLFFBQVE7SUFDUixDQUFDO0NBRUYsQ0FBQTtBQXZCVTtJQUFSLEtBQUssRUFBRTs7MkNBQWU7QUFFZDtJQUFSLEtBQUssRUFBRTs7MkNBQWU7QUFFZDtJQUFSLEtBQUssRUFBRTs7NENBQWdCO0FBRWY7SUFBUixLQUFLLEVBQUU7OEJBQVcsV0FBVzs4Q0FBTTtBQUUzQjtJQUFSLEtBQUssRUFBRTs7K0NBQW1CO0FBRWxCO0lBQVIsS0FBSyxFQUFFOzs4Q0FBa0I7QUFFakI7SUFBUixLQUFLLEVBQUU7OzBDQUFXO0FBRVY7SUFBUixLQUFLLEVBQUU7OzBDQUFjO0FBRVo7SUFBVCxNQUFNLEVBQUU7O3FEQUEyQztBQWxCekMsWUFBWTtJQUx4QixTQUFTLENBQUM7UUFDVCxRQUFRLEVBQUUsVUFBVTtRQUNwQiw2UEFBbUM7O0tBRXBDLENBQUM7R0FDVyxZQUFZLENBeUJ4QjtTQXpCWSxZQUFZIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBUZW1wbGF0ZVJlZn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2l0c3MtdGFiJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RhYi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3RhYi5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFRhYkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgQElucHV0KCkgaW5kZXg6IG51bWJlcjtcblxuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nO1xuXG4gIEBJbnB1dCgpIGFjdGl2ZSA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpIHRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG4gIEBJbnB1dCgpIGNsb3NlYWJsZSA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG5cbiAgQElucHV0KCkgZGF0YTogYW55O1xuXG4gIEBJbnB1dCgpIGljb246IHN0cmluZztcblxuICBAT3V0cHV0KCkgc2VsZWN0aW9uQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgYWN0aW9uOiAob2JqOiBhbnkpID0+IHZvaWQ7XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gIH1cblxufVxuIl19
|