@up_si_vale/sivale-componentes-angular 1.0.0 → 1.0.2
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/esm2022/lib/atoms/button/button.component.mjs +55 -0
- package/esm2022/lib/atoms/checkbox/checkbox.component.mjs +174 -0
- package/esm2022/lib/atoms/date-picker/date-picker.component.mjs +835 -0
- package/esm2022/lib/atoms/input/input.component.mjs +218 -0
- package/esm2022/lib/atoms/loader/loader.component.mjs +81 -0
- package/esm2022/lib/atoms/radio/radio.component.mjs +142 -0
- package/esm2022/lib/atoms/textarea/textarea.component.mjs +126 -0
- package/esm2022/lib/directives/asset-source.directive.mjs +68 -0
- package/esm2022/lib/directives/icon-source.directive.mjs +65 -0
- package/esm2022/lib/directives/no-leading-space.directive.mjs +24 -0
- package/esm2022/lib/directives/only-letters.directive.mjs +25 -0
- package/esm2022/lib/directives/only-number.directive.mjs +21 -0
- package/esm2022/lib/directives/rfc.directive.mjs +67 -0
- package/esm2022/lib/directives/tooltip.directive.mjs +199 -0
- package/esm2022/lib/models/snackbar.models.mjs +2 -0
- package/esm2022/lib/molecules/alert/alert.component.mjs +79 -0
- package/esm2022/lib/molecules/copy-input/copy-input.component.mjs +46 -0
- package/esm2022/lib/molecules/multiselect/multiselect.component.mjs +466 -0
- package/esm2022/lib/molecules/option/option.component.mjs +55 -0
- package/esm2022/lib/molecules/phone-input/phone-input.component.mjs +64 -0
- package/esm2022/lib/molecules/select/select.component.mjs +498 -0
- package/esm2022/lib/molecules/snackbar/snackbar.component.mjs +581 -0
- package/esm2022/lib/organisms/sidebar/sidebar-icon.component.mjs +91 -0
- package/esm2022/lib/organisms/sidebar/sidebar.component.mjs +115 -0
- package/esm2022/lib/services/snackbar.service.mjs +96 -0
- package/esm2022/lib/tokens/asset-base-url.token.mjs +10 -0
- package/esm2022/public-api.mjs +37 -0
- package/esm2022/up_si_vale-sivale-componentes-angular.mjs +5 -0
- package/fesm2022/up_si_vale-sivale-componentes-angular.mjs +4116 -0
- package/fesm2022/up_si_vale-sivale-componentes-angular.mjs.map +1 -0
- package/index.d.ts +5 -0
- package/lib/atoms/button/button.component.d.ts +20 -0
- package/lib/atoms/checkbox/checkbox.component.d.ts +31 -0
- package/lib/atoms/date-picker/date-picker.component.d.ts +134 -0
- package/lib/atoms/input/input.component.d.ts +35 -0
- package/lib/atoms/loader/loader.component.d.ts +10 -0
- package/lib/atoms/radio/radio.component.d.ts +25 -0
- package/lib/atoms/textarea/textarea.component.d.ts +27 -0
- package/lib/directives/asset-source.directive.d.ts +19 -0
- package/lib/directives/icon-source.directive.d.ts +18 -0
- package/lib/directives/no-leading-space.directive.d.ts +6 -0
- package/lib/directives/only-letters.directive.d.ts +7 -0
- package/lib/directives/only-number.directive.d.ts +6 -0
- package/lib/directives/rfc.directive.d.ts +12 -0
- package/lib/directives/tooltip.directive.d.ts +27 -0
- package/{src/lib/models/snackbar.models.ts → lib/models/snackbar.models.d.ts} +8 -10
- package/lib/molecules/alert/alert.component.d.ts +29 -0
- package/lib/molecules/copy-input/copy-input.component.d.ts +14 -0
- package/lib/molecules/multiselect/multiselect.component.d.ts +74 -0
- package/lib/molecules/option/option.component.d.ts +19 -0
- package/lib/molecules/phone-input/phone-input.component.d.ts +12 -0
- package/lib/molecules/select/select.component.d.ts +88 -0
- package/lib/molecules/snackbar/snackbar.component.d.ts +17 -0
- package/lib/organisms/sidebar/sidebar-icon.component.d.ts +8 -0
- package/lib/organisms/sidebar/sidebar.component.d.ts +47 -0
- package/lib/services/snackbar.service.d.ts +40 -0
- package/{src/lib/tokens/asset-base-url.token.ts → lib/tokens/asset-base-url.token.d.ts} +1 -5
- package/package.json +39 -28
- package/{src/public-api.ts → public-api.d.ts} +3 -15
- package/ng-package.json +0 -9
- package/src/lib/atoms/button/button.component.html +0 -21
- package/src/lib/atoms/button/button.component.scss +0 -242
- package/src/lib/atoms/button/button.component.ts +0 -43
- package/src/lib/atoms/checkbox/checkbox.component.scss +0 -131
- package/src/lib/atoms/checkbox/checkbox.component.ts +0 -130
- package/src/lib/atoms/date-picker/date-picker.component.html +0 -295
- package/src/lib/atoms/date-picker/date-picker.component.scss +0 -1002
- package/src/lib/atoms/date-picker/date-picker.component.ts +0 -942
- package/src/lib/atoms/input/input.component.ts +0 -239
- package/src/lib/atoms/loader/loader.component.scss +0 -144
- package/src/lib/atoms/loader/loader.component.ts +0 -44
- package/src/lib/atoms/radio/radio.component.scss +0 -115
- package/src/lib/atoms/radio/radio.component.ts +0 -103
- package/src/lib/atoms/textarea/textarea.component.ts +0 -155
- package/src/lib/directives/asset-source.directive.ts +0 -64
- package/src/lib/directives/icon-source.directive.ts +0 -74
- package/src/lib/directives/no-leading-space.directive.ts +0 -18
- package/src/lib/directives/only-letters.directive.ts +0 -21
- package/src/lib/directives/only-number.directive.ts +0 -15
- package/src/lib/directives/rfc.directive.ts +0 -60
- package/src/lib/directives/tooltip.directive.ts +0 -211
- package/src/lib/molecules/copy-input/copy-input.component.html +0 -29
- package/src/lib/molecules/copy-input/copy-input.component.scss +0 -101
- package/src/lib/molecules/copy-input/copy-input.component.ts +0 -41
- package/src/lib/molecules/multiselect/multiselect.component.scss +0 -298
- package/src/lib/molecules/multiselect/multiselect.component.ts +0 -487
- package/src/lib/molecules/option/option.component.ts +0 -45
- package/src/lib/molecules/phone-input/phone-input.component.scss +0 -78
- package/src/lib/molecules/phone-input/phone-input.component.ts +0 -43
- package/src/lib/molecules/select/select.component.ts +0 -482
- package/src/lib/molecules/snackbar/snackbar.component.scss +0 -201
- package/src/lib/molecules/snackbar/snackbar.component.ts +0 -321
- package/src/lib/services/snackbar.service.ts +0 -103
- package/tsconfig.json +0 -31
package/index.d.ts
ADDED
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger' | 'success';
|
|
4
|
+
export type ButtonSize = 'small' | 'medium' | 'large';
|
|
5
|
+
export type ButtonType = 'button' | 'submit' | 'reset';
|
|
6
|
+
export declare class ButtonComponent {
|
|
7
|
+
variant: ButtonVariant;
|
|
8
|
+
size: ButtonSize;
|
|
9
|
+
type: ButtonType;
|
|
10
|
+
disabled: boolean;
|
|
11
|
+
loading: boolean;
|
|
12
|
+
fullWidth: boolean;
|
|
13
|
+
id?: string;
|
|
14
|
+
ariaLabel?: string;
|
|
15
|
+
onClick: EventEmitter<MouseEvent>;
|
|
16
|
+
get buttonClasses(): string;
|
|
17
|
+
handleClick(event: MouseEvent): void;
|
|
18
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
|
|
19
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "app-button", never, { "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "id": { "alias": "id"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, { "onClick": "onClick"; }, never, ["*"], true, never>;
|
|
20
|
+
}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { ChangeDetectorRef, EventEmitter, SimpleChanges, ElementRef } from '@angular/core';
|
|
2
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class CheckboxComponent implements ControlValueAccessor {
|
|
5
|
+
private cdr;
|
|
6
|
+
private elRef;
|
|
7
|
+
label: string;
|
|
8
|
+
id: string;
|
|
9
|
+
hasError: boolean;
|
|
10
|
+
errorMessage: string;
|
|
11
|
+
disabled: boolean;
|
|
12
|
+
indeterminate: boolean;
|
|
13
|
+
set checked(value: boolean);
|
|
14
|
+
get checked(): boolean;
|
|
15
|
+
changed: EventEmitter<boolean>;
|
|
16
|
+
value: boolean;
|
|
17
|
+
onChange: any;
|
|
18
|
+
onTouched: any;
|
|
19
|
+
constructor(cdr: ChangeDetectorRef, elRef: ElementRef);
|
|
20
|
+
ngAfterViewInit(): void;
|
|
21
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
22
|
+
private updateNativeIndeterminate;
|
|
23
|
+
onCheckboxChange(event: Event): void;
|
|
24
|
+
onTextClick(event: Event): void;
|
|
25
|
+
writeValue(value: any): void;
|
|
26
|
+
registerOnChange(fn: any): void;
|
|
27
|
+
registerOnTouched(fn: any): void;
|
|
28
|
+
setDisabledState(isDisabled: boolean): void;
|
|
29
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, never>;
|
|
30
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "app-checkbox", never, { "label": { "alias": "label"; "required": false; }; "id": { "alias": "id"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; }, { "changed": "changed"; }, never, ["*"], true, never>;
|
|
31
|
+
}
|
|
@@ -0,0 +1,134 @@
|
|
|
1
|
+
import { ElementRef, OnDestroy, Renderer2, OnInit } from '@angular/core';
|
|
2
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export interface DateRange {
|
|
5
|
+
startDate: Date | null;
|
|
6
|
+
endDate: Date | null;
|
|
7
|
+
}
|
|
8
|
+
export type DatePickerValue = Date | null | DateRange;
|
|
9
|
+
interface CalendarDay {
|
|
10
|
+
date: Date;
|
|
11
|
+
isCurrentMonth: boolean;
|
|
12
|
+
isToday: boolean;
|
|
13
|
+
isSelected: boolean;
|
|
14
|
+
isInRange: boolean;
|
|
15
|
+
isRangeStart: boolean;
|
|
16
|
+
isRangeEnd: boolean;
|
|
17
|
+
isDisabled: boolean;
|
|
18
|
+
}
|
|
19
|
+
type FilterOption = 'hoy' | 'ayer' | 'esta-semana' | 'semana-pasada' | 'este-mes' | 'mes-pasado' | 'este-ano' | 'ano-pasado' | 'mostrar-todo';
|
|
20
|
+
export declare class DatePickerComponent implements ControlValueAccessor, OnDestroy, OnInit {
|
|
21
|
+
private renderer;
|
|
22
|
+
private document;
|
|
23
|
+
label: string;
|
|
24
|
+
id: string;
|
|
25
|
+
placeholder: string;
|
|
26
|
+
hasError: boolean;
|
|
27
|
+
errorMessage: string;
|
|
28
|
+
disabled: boolean;
|
|
29
|
+
minDate?: Date;
|
|
30
|
+
maxDate?: Date;
|
|
31
|
+
rangeMode: boolean;
|
|
32
|
+
iconPosition: 'left' | 'right';
|
|
33
|
+
trigger: ElementRef;
|
|
34
|
+
dropdown?: ElementRef;
|
|
35
|
+
singleValue: Date | null;
|
|
36
|
+
rangeValue: DateRange;
|
|
37
|
+
isOpen: boolean;
|
|
38
|
+
onChange: any;
|
|
39
|
+
onTouched: any;
|
|
40
|
+
leftMonthDate: Date;
|
|
41
|
+
rightMonthDate: Date;
|
|
42
|
+
tempStartDate: Date | null;
|
|
43
|
+
tempEndDate: Date | null;
|
|
44
|
+
tempSingleDate: Date | null;
|
|
45
|
+
hoverDate: Date | null;
|
|
46
|
+
originalLeftMonthDate: Date;
|
|
47
|
+
originalRightMonthDate: Date;
|
|
48
|
+
leftCalendarDays: CalendarDay[];
|
|
49
|
+
rightCalendarDays: CalendarDay[];
|
|
50
|
+
filterOptions: {
|
|
51
|
+
value: FilterOption;
|
|
52
|
+
label: string;
|
|
53
|
+
}[];
|
|
54
|
+
selectedFilter: FilterOption | '';
|
|
55
|
+
weekDays: string[];
|
|
56
|
+
months: string[];
|
|
57
|
+
showLeftMonthPicker: boolean;
|
|
58
|
+
showRightMonthPicker: boolean;
|
|
59
|
+
years: number[];
|
|
60
|
+
leftYearPickerPage: number;
|
|
61
|
+
rightYearPickerPage: number;
|
|
62
|
+
yearsPerPage: number;
|
|
63
|
+
private scrollHandler;
|
|
64
|
+
private resizeHandler;
|
|
65
|
+
dropdownPosition: {
|
|
66
|
+
top: string;
|
|
67
|
+
left: string;
|
|
68
|
+
};
|
|
69
|
+
constructor(renderer: Renderer2, document: Document);
|
|
70
|
+
ngOnInit(): void;
|
|
71
|
+
ngOnDestroy(): void;
|
|
72
|
+
private initializeDates;
|
|
73
|
+
private updateCalendarDays;
|
|
74
|
+
onDocumentClick(event: MouseEvent): void;
|
|
75
|
+
toggleDropdown(event: Event): void;
|
|
76
|
+
private openDropdown;
|
|
77
|
+
getDropdownStyle(): any;
|
|
78
|
+
private calculatePosition;
|
|
79
|
+
closeDropdown(): void;
|
|
80
|
+
private addRepositionListeners;
|
|
81
|
+
private removeRepositionListeners;
|
|
82
|
+
private updateDropdownPosition;
|
|
83
|
+
getDisplayValue(): string;
|
|
84
|
+
formatDateShort(date: Date): string;
|
|
85
|
+
generateCalendarDays(monthDate: Date): CalendarDay[];
|
|
86
|
+
private createCalendarDay;
|
|
87
|
+
private isDateDisabled;
|
|
88
|
+
trackByDate(index: number, day: CalendarDay): string;
|
|
89
|
+
isInRange(date: Date): boolean;
|
|
90
|
+
onDayClick(day: CalendarDay): void;
|
|
91
|
+
onDayHover(day: CalendarDay): void;
|
|
92
|
+
onDayLeave(): void;
|
|
93
|
+
previousMonth(): void;
|
|
94
|
+
nextMonth(): void;
|
|
95
|
+
canNavigatePreviousMonth(): boolean;
|
|
96
|
+
canNavigateNextMonth(): boolean;
|
|
97
|
+
getMonthYear(date: Date): string;
|
|
98
|
+
selectFilter(filter: FilterOption): void;
|
|
99
|
+
private applyFilter;
|
|
100
|
+
private getStartOfWeek;
|
|
101
|
+
cancel(): void;
|
|
102
|
+
apply(): void;
|
|
103
|
+
getStartDateDisplay(): string;
|
|
104
|
+
getEndDateDisplay(): string;
|
|
105
|
+
private formatDateForInput;
|
|
106
|
+
toggleLeftMonthPicker(event: Event): void;
|
|
107
|
+
toggleRightMonthPicker(event: Event): void;
|
|
108
|
+
getLeftYears(): number[];
|
|
109
|
+
getRightYears(): number[];
|
|
110
|
+
previousLeftYearPage(event: Event): void;
|
|
111
|
+
nextLeftYearPage(event: Event): void;
|
|
112
|
+
previousRightYearPage(event: Event): void;
|
|
113
|
+
nextRightYearPage(event: Event): void;
|
|
114
|
+
isMonthDisabled(monthIndex: number, calendarDate: Date): boolean;
|
|
115
|
+
isYearDisabled(year: number): boolean;
|
|
116
|
+
getLeftYearRangeLabel(): string;
|
|
117
|
+
getRightYearRangeLabel(): string;
|
|
118
|
+
canNavigateLeftYearsPrevious(): boolean;
|
|
119
|
+
canNavigateLeftYearsNext(): boolean;
|
|
120
|
+
canNavigateRightYearsPrevious(): boolean;
|
|
121
|
+
canNavigateRightYearsNext(): boolean;
|
|
122
|
+
selectLeftMonth(monthIndex: number, event?: Event): void;
|
|
123
|
+
selectRightMonth(monthIndex: number, event?: Event): void;
|
|
124
|
+
selectLeftYear(year: number, event?: Event): void;
|
|
125
|
+
selectRightYear(year: number, event?: Event): void;
|
|
126
|
+
writeValue(value: DatePickerValue): void;
|
|
127
|
+
registerOnChange(fn: any): void;
|
|
128
|
+
registerOnTouched(fn: any): void;
|
|
129
|
+
setDisabledState(isDisabled: boolean): void;
|
|
130
|
+
resetDatePicker(): void;
|
|
131
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerComponent, never>;
|
|
132
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent, "app-date-picker", never, { "label": { "alias": "label"; "required": false; }; "id": { "alias": "id"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "rangeMode": { "alias": "rangeMode"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; }, {}, never, never, true, never>;
|
|
133
|
+
}
|
|
134
|
+
export {};
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { ChangeDetectorRef } from '@angular/core';
|
|
2
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
type InputFormat = 'alphanumeric' | 'currency' | 'numeric';
|
|
5
|
+
export declare class InputComponent implements ControlValueAccessor {
|
|
6
|
+
private cdr;
|
|
7
|
+
label: string;
|
|
8
|
+
id: string;
|
|
9
|
+
placeholder: string;
|
|
10
|
+
type: 'text' | 'email' | 'tel' | 'password' | 'number';
|
|
11
|
+
maxLength?: number | null;
|
|
12
|
+
hasError: boolean;
|
|
13
|
+
errorMessage: string;
|
|
14
|
+
disabled: boolean;
|
|
15
|
+
readonly: boolean;
|
|
16
|
+
format: InputFormat;
|
|
17
|
+
unstyled: boolean;
|
|
18
|
+
value: any;
|
|
19
|
+
formattedValue: string;
|
|
20
|
+
onChange: any;
|
|
21
|
+
onTouched: any;
|
|
22
|
+
constructor(cdr: ChangeDetectorRef);
|
|
23
|
+
writeValue(value: any): void;
|
|
24
|
+
registerOnChange(fn: any): void;
|
|
25
|
+
registerOnTouched(fn: any): void;
|
|
26
|
+
setDisabledState(isDisabled: boolean): void;
|
|
27
|
+
onInputChange(event: Event): void;
|
|
28
|
+
onBlur(): void;
|
|
29
|
+
private parseValue;
|
|
30
|
+
private applyFormat;
|
|
31
|
+
private formatCurrency;
|
|
32
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, never>;
|
|
33
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "app-input", never, { "label": { "alias": "label"; "required": false; }; "id": { "alias": "id"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "type": { "alias": "type"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "format": { "alias": "format"; "required": false; }; "unstyled": { "alias": "unstyled"; "required": false; }; }, {}, never, ["[prefix]", "[suffix]"], true, never>;
|
|
34
|
+
}
|
|
35
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class LoaderComponent {
|
|
3
|
+
show: boolean;
|
|
4
|
+
message?: string;
|
|
5
|
+
logo?: string;
|
|
6
|
+
image?: string;
|
|
7
|
+
imageAlt: string;
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<LoaderComponent, never>;
|
|
9
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<LoaderComponent, "app-loader", never, { "show": { "alias": "show"; "required": false; }; "message": { "alias": "message"; "required": false; }; "logo": { "alias": "logo"; "required": false; }; "image": { "alias": "image"; "required": false; }; "imageAlt": { "alias": "imageAlt"; "required": false; }; }, {}, never, never, true, never>;
|
|
10
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { ChangeDetectorRef, EventEmitter } from '@angular/core';
|
|
2
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class RadioComponent implements ControlValueAccessor {
|
|
5
|
+
private cdr;
|
|
6
|
+
label: string;
|
|
7
|
+
id: string;
|
|
8
|
+
name: string;
|
|
9
|
+
radioValue: any;
|
|
10
|
+
disabled: boolean;
|
|
11
|
+
changed: EventEmitter<any>;
|
|
12
|
+
value: any;
|
|
13
|
+
onChange: any;
|
|
14
|
+
onTouched: any;
|
|
15
|
+
constructor(cdr: ChangeDetectorRef);
|
|
16
|
+
get isSelected(): boolean;
|
|
17
|
+
onContainerClick(): void;
|
|
18
|
+
onRadioChange(event: Event): void;
|
|
19
|
+
writeValue(value: any): void;
|
|
20
|
+
registerOnChange(fn: any): void;
|
|
21
|
+
registerOnTouched(fn: any): void;
|
|
22
|
+
setDisabledState(isDisabled: boolean): void;
|
|
23
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RadioComponent, never>;
|
|
24
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<RadioComponent, "app-radio", never, { "label": { "alias": "label"; "required": false; }; "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "radioValue": { "alias": "radioValue"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "changed": "changed"; }, never, ["*"], true, never>;
|
|
25
|
+
}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { ChangeDetectorRef } from '@angular/core';
|
|
2
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class TextareaComponent implements ControlValueAccessor {
|
|
5
|
+
private cdr;
|
|
6
|
+
label: string;
|
|
7
|
+
id: string;
|
|
8
|
+
placeholder: string;
|
|
9
|
+
rows: number;
|
|
10
|
+
maxLength?: number;
|
|
11
|
+
hasError: boolean;
|
|
12
|
+
errorMessage: string;
|
|
13
|
+
disabled: boolean;
|
|
14
|
+
readonly: boolean;
|
|
15
|
+
value: string;
|
|
16
|
+
onChange: any;
|
|
17
|
+
onTouched: any;
|
|
18
|
+
constructor(cdr: ChangeDetectorRef);
|
|
19
|
+
writeValue(value: any): void;
|
|
20
|
+
registerOnChange(fn: any): void;
|
|
21
|
+
registerOnTouched(fn: any): void;
|
|
22
|
+
setDisabledState(isDisabled: boolean): void;
|
|
23
|
+
onInputChange(event: Event): void;
|
|
24
|
+
onBlur(): void;
|
|
25
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TextareaComponent, never>;
|
|
26
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TextareaComponent, "app-textarea", never, { "label": { "alias": "label"; "required": false; }; "id": { "alias": "id"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, {}, never, never, true, never>;
|
|
27
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { ElementRef, OnInit, OnChanges, AfterViewInit } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export type AssetSource = 'mf' | 'main';
|
|
4
|
+
export declare class AssetSourceDirective implements OnInit, OnChanges, AfterViewInit {
|
|
5
|
+
private el;
|
|
6
|
+
private assetBaseUrl;
|
|
7
|
+
assetSource: AssetSource;
|
|
8
|
+
assetPath?: string;
|
|
9
|
+
private originalSrc;
|
|
10
|
+
constructor(el: ElementRef<HTMLImageElement>, assetBaseUrl: string | null);
|
|
11
|
+
ngOnInit(): void;
|
|
12
|
+
ngAfterViewInit(): void;
|
|
13
|
+
ngOnChanges(): void;
|
|
14
|
+
private captureOriginalSrc;
|
|
15
|
+
private updateSrc;
|
|
16
|
+
private getBaseUrl;
|
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AssetSourceDirective, [null, { optional: true; }]>;
|
|
18
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<AssetSourceDirective, "[assetSource]", never, { "assetSource": { "alias": "assetSource"; "required": false; }; "assetPath": { "alias": "assetPath"; "required": false; }; }, {}, never, never, true, never>;
|
|
19
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { ElementRef, OnInit, OnChanges, AfterViewInit } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export type IconName = 'user' | 'mail' | 'build' | 'map-pin' | 'money' | 'card' | 'nav-arrow-up' | 'nav-arrow-down' | 'car' | 'trash' | 'hand-card' | 'help-outlined' | 'edit' | 'shopping-cart';
|
|
4
|
+
export declare class IconSourceDirective implements OnInit, OnChanges, AfterViewInit {
|
|
5
|
+
private el;
|
|
6
|
+
private assetBaseUrl;
|
|
7
|
+
iconName: IconName;
|
|
8
|
+
assetSource: 'mf' | 'main';
|
|
9
|
+
constructor(el: ElementRef<HTMLElement>, assetBaseUrl: string | null);
|
|
10
|
+
ngOnInit(): void;
|
|
11
|
+
ngAfterViewInit(): void;
|
|
12
|
+
ngOnChanges(): void;
|
|
13
|
+
private addIconClass;
|
|
14
|
+
private setIconUrl;
|
|
15
|
+
private getBaseUrl;
|
|
16
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<IconSourceDirective, [null, { optional: true; }]>;
|
|
17
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<IconSourceDirective, "i[iconName]", never, { "iconName": { "alias": "iconName"; "required": false; }; "assetSource": { "alias": "assetSource"; "required": false; }; }, {}, never, never, true, never>;
|
|
18
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class NoLeadingSpaceDirective {
|
|
3
|
+
onInput(event: any): void;
|
|
4
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NoLeadingSpaceDirective, never>;
|
|
5
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NoLeadingSpaceDirective, "[noLeadingSpace]", never, {}, {}, never, never, true, never>;
|
|
6
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class OnlyLettersDirective {
|
|
3
|
+
private regex;
|
|
4
|
+
onInput(event: any): void;
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<OnlyLettersDirective, never>;
|
|
6
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<OnlyLettersDirective, "[onlyLetters]", never, {}, {}, never, never, true, never>;
|
|
7
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class OnlyNumberDirective {
|
|
3
|
+
onInput(event: any): void;
|
|
4
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<OnlyNumberDirective, never>;
|
|
5
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<OnlyNumberDirective, "[onlyNumber]", never, {}, {}, never, never, true, never>;
|
|
6
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { NgControl } from '@angular/forms';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class RfcDirective {
|
|
4
|
+
private ngControl;
|
|
5
|
+
tipoContribuyente: string | null;
|
|
6
|
+
constructor(ngControl: NgControl | null);
|
|
7
|
+
private getMaxLength;
|
|
8
|
+
onInput(event: Event): void;
|
|
9
|
+
onPaste(event: ClipboardEvent): void;
|
|
10
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RfcDirective, [{ optional: true; self: true; }]>;
|
|
11
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<RfcDirective, "[rfcValidator]", never, { "tipoContribuyente": { "alias": "tipoContribuyente"; "required": false; }; }, {}, never, never, true, never>;
|
|
12
|
+
}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { ElementRef, Renderer2, OnDestroy } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
type TooltipPosition = 'top' | 'bottom' | 'left' | 'right' | 'auto';
|
|
4
|
+
export declare class TooltipDirective implements OnDestroy {
|
|
5
|
+
private el;
|
|
6
|
+
private renderer;
|
|
7
|
+
tooltipText: string;
|
|
8
|
+
tooltipPosition: TooltipPosition;
|
|
9
|
+
tooltipDelay: number;
|
|
10
|
+
tooltipMaxWidth: number;
|
|
11
|
+
tooltipClass: string;
|
|
12
|
+
cursor: string;
|
|
13
|
+
private tooltipElement;
|
|
14
|
+
private showTimeout?;
|
|
15
|
+
private hideTimeout?;
|
|
16
|
+
constructor(el: ElementRef, renderer: Renderer2);
|
|
17
|
+
onMouseEnter(): void;
|
|
18
|
+
onMouseLeave(): void;
|
|
19
|
+
onClick(): void;
|
|
20
|
+
private showTooltip;
|
|
21
|
+
private hideTooltip;
|
|
22
|
+
private positionTooltip;
|
|
23
|
+
ngOnDestroy(): void;
|
|
24
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TooltipDirective, never>;
|
|
25
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipDirective, "[appTooltip]", never, { "tooltipText": { "alias": "appTooltip"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; "tooltipDelay": { "alias": "tooltipDelay"; "required": false; }; "tooltipMaxWidth": { "alias": "tooltipMaxWidth"; "required": false; }; "tooltipClass": { "alias": "tooltipClass"; "required": false; }; }, {}, never, never, true, never>;
|
|
26
|
+
}
|
|
27
|
+
export {};
|
|
@@ -1,16 +1,14 @@
|
|
|
1
1
|
export type SnackbarType = 'success' | 'error' | 'warning' | 'info';
|
|
2
2
|
export type SnackbarPosition = 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center';
|
|
3
|
-
|
|
4
3
|
export interface SnackbarConfig {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
4
|
+
message: string;
|
|
5
|
+
type: SnackbarType;
|
|
6
|
+
duration?: number;
|
|
7
|
+
position?: SnackbarPosition;
|
|
8
|
+
action?: string;
|
|
9
|
+
actionCallback?: () => void;
|
|
11
10
|
}
|
|
12
|
-
|
|
13
11
|
export interface SnackbarData extends SnackbarConfig {
|
|
14
|
-
|
|
15
|
-
|
|
12
|
+
id: string;
|
|
13
|
+
position: SnackbarPosition;
|
|
16
14
|
}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export type AlertColor = 'default' | 'brand' | 'gray' | 'error' | 'warning' | 'success';
|
|
4
|
+
export type AlertSize = 'floating' | 'full-width';
|
|
5
|
+
export type AlertActionVariant = 'link' | 'button';
|
|
6
|
+
export declare class AlertComponent {
|
|
7
|
+
color: AlertColor;
|
|
8
|
+
size: AlertSize;
|
|
9
|
+
alertTitle: string;
|
|
10
|
+
supportingText?: string;
|
|
11
|
+
showIcon: boolean;
|
|
12
|
+
showActions: boolean;
|
|
13
|
+
actionVariant: AlertActionVariant;
|
|
14
|
+
dismissLabel: string;
|
|
15
|
+
primaryActionLabel: string;
|
|
16
|
+
showClose: boolean;
|
|
17
|
+
closeAriaLabel: string;
|
|
18
|
+
dismiss: EventEmitter<void>;
|
|
19
|
+
primaryAction: EventEmitter<void>;
|
|
20
|
+
closed: EventEmitter<void>;
|
|
21
|
+
get alertClasses(): string;
|
|
22
|
+
get actionClass(): string;
|
|
23
|
+
get primaryActionClass(): string;
|
|
24
|
+
handleDismiss(): void;
|
|
25
|
+
handlePrimaryAction(): void;
|
|
26
|
+
handleClose(): void;
|
|
27
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AlertComponent, never>;
|
|
28
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AlertComponent, "app-alert", never, { "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "alertTitle": { "alias": "alertTitle"; "required": false; }; "supportingText": { "alias": "supportingText"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "showActions": { "alias": "showActions"; "required": false; }; "actionVariant": { "alias": "actionVariant"; "required": false; }; "dismissLabel": { "alias": "dismissLabel"; "required": false; }; "primaryActionLabel": { "alias": "primaryActionLabel"; "required": false; }; "showClose": { "alias": "showClose"; "required": false; }; "closeAriaLabel": { "alias": "closeAriaLabel"; "required": false; }; }, { "dismiss": "dismiss"; "primaryAction": "primaryAction"; "closed": "closed"; }, never, never, true, never>;
|
|
29
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class CopyInputComponent {
|
|
4
|
+
value: string;
|
|
5
|
+
icon: string;
|
|
6
|
+
copiedIcon: string;
|
|
7
|
+
ariaLabel: string;
|
|
8
|
+
copied: EventEmitter<void>;
|
|
9
|
+
isCopied: boolean;
|
|
10
|
+
timeoutRef: any;
|
|
11
|
+
copyToClipboard(): Promise<void>;
|
|
12
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CopyInputComponent, never>;
|
|
13
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CopyInputComponent, "copy-input", never, { "value": { "alias": "value"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "copiedIcon": { "alias": "copiedIcon"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, { "copied": "copied"; }, never, never, true, never>;
|
|
14
|
+
}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import { ElementRef, QueryList, AfterContentInit, OnDestroy, Renderer2 } from '@angular/core';
|
|
2
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
+
import { OptionComponent } from '../option/option.component';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export interface MultiselectOption {
|
|
6
|
+
value: any;
|
|
7
|
+
label: string;
|
|
8
|
+
icon?: string;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
}
|
|
11
|
+
export declare class MultiselectComponent implements ControlValueAccessor, AfterContentInit, OnDestroy {
|
|
12
|
+
private renderer;
|
|
13
|
+
private document;
|
|
14
|
+
label: string;
|
|
15
|
+
id: string;
|
|
16
|
+
placeholder: string;
|
|
17
|
+
options: MultiselectOption[] | any[];
|
|
18
|
+
hasError: boolean;
|
|
19
|
+
errorMessage: string;
|
|
20
|
+
disabled: boolean;
|
|
21
|
+
displayKey: string;
|
|
22
|
+
valueKey: string;
|
|
23
|
+
customClass: string;
|
|
24
|
+
trigger: ElementRef;
|
|
25
|
+
contentOptions: QueryList<OptionComponent>;
|
|
26
|
+
value: any[];
|
|
27
|
+
isOpen: boolean;
|
|
28
|
+
onChange: any;
|
|
29
|
+
onTouched: any;
|
|
30
|
+
private _usingContentOptions;
|
|
31
|
+
private dropdownElement;
|
|
32
|
+
private backdropElement;
|
|
33
|
+
private scrollHandler;
|
|
34
|
+
private resizeHandler;
|
|
35
|
+
constructor(renderer: Renderer2, document: Document);
|
|
36
|
+
ngAfterContentInit(): void;
|
|
37
|
+
ngOnDestroy(): void;
|
|
38
|
+
/**
|
|
39
|
+
* Get all options (from content or input)
|
|
40
|
+
*/
|
|
41
|
+
getAllOptions(): any[];
|
|
42
|
+
/**
|
|
43
|
+
* Get display label from option
|
|
44
|
+
*/
|
|
45
|
+
getOptionLabel(option: any): string;
|
|
46
|
+
/**
|
|
47
|
+
* Get value from option
|
|
48
|
+
*/
|
|
49
|
+
getOptionValue(option: any): any;
|
|
50
|
+
/**
|
|
51
|
+
* Check if option is disabled
|
|
52
|
+
*/
|
|
53
|
+
isOptionDisabled(option: any): boolean;
|
|
54
|
+
onDocumentClick(event: MouseEvent): void;
|
|
55
|
+
toggleDropdown(event: Event): void;
|
|
56
|
+
private openDropdown;
|
|
57
|
+
private calculatePosition;
|
|
58
|
+
private addRepositionListeners;
|
|
59
|
+
private updateDropdownPosition;
|
|
60
|
+
private createOptionElement;
|
|
61
|
+
private createCheckIcon;
|
|
62
|
+
closeDropdown(): void;
|
|
63
|
+
private destroyDropdown;
|
|
64
|
+
toggleOption(option: any): void;
|
|
65
|
+
isSelected(value: any): boolean;
|
|
66
|
+
getSelectedCount(): number;
|
|
67
|
+
getSelectedLabels(): string;
|
|
68
|
+
writeValue(value: any): void;
|
|
69
|
+
registerOnChange(fn: any): void;
|
|
70
|
+
registerOnTouched(fn: any): void;
|
|
71
|
+
setDisabledState(isDisabled: boolean): void;
|
|
72
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MultiselectComponent, never>;
|
|
73
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MultiselectComponent, "app-multiselect", never, { "label": { "alias": "label"; "required": false; }; "id": { "alias": "id"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "options": { "alias": "options"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "displayKey": { "alias": "displayKey"; "required": false; }; "valueKey": { "alias": "valueKey"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; }, {}, ["contentOptions"], ["*"], true, never>;
|
|
74
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { ElementRef } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class OptionComponent {
|
|
4
|
+
private elementRef;
|
|
5
|
+
value: any;
|
|
6
|
+
disabled: boolean;
|
|
7
|
+
selected: boolean;
|
|
8
|
+
readonly optionClass = true;
|
|
9
|
+
private _viewValue;
|
|
10
|
+
get viewValue(): string;
|
|
11
|
+
set viewValue(value: string);
|
|
12
|
+
constructor(elementRef: ElementRef);
|
|
13
|
+
/**
|
|
14
|
+
* Get the text content from the element
|
|
15
|
+
*/
|
|
16
|
+
getTextContent(): string;
|
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<OptionComponent, never>;
|
|
18
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<OptionComponent, "app-option", never, { "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
19
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export interface PhoneValue {
|
|
3
|
+
countryCode: string;
|
|
4
|
+
number: string;
|
|
5
|
+
}
|
|
6
|
+
export declare class PhoneInputComponent {
|
|
7
|
+
label: string;
|
|
8
|
+
hasError: boolean;
|
|
9
|
+
errorMessage: string;
|
|
10
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PhoneInputComponent, never>;
|
|
11
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PhoneInputComponent, "app-phone-input", never, { "label": { "alias": "label"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; }, {}, never, ["[countrySelect]", "[phoneInput]"], true, never>;
|
|
12
|
+
}
|