@seniorsistemas/data-seniorx-core 3.4.0 → 3.5.0
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/core/constants/table.const.d.ts +2 -0
- package/esm2022/core/constants/table.const.mjs +15 -1
- package/esm2022/features/datepicker/datepicker.component.mjs +179 -9
- package/esm2022/features/nested-table/nested-table.component.mjs +3 -3
- package/esm2022/features/panel/panel.component.mjs +3 -3
- package/esm2022/features/table/components/table-actions-menu.component.mjs +47 -6
- package/esm2022/features/table/components/table-cell-content.component.mjs +3 -3
- package/esm2022/features/table/table.component.mjs +12 -5
- package/features/datepicker/datepicker.component.d.ts +14 -1
- package/features/table/components/table-actions-menu.component.d.ts +16 -1
- package/fesm2022/seniorsistemas-data-seniorx-core.mjs +254 -23
- package/fesm2022/seniorsistemas-data-seniorx-core.mjs.map +1 -1
- package/package.json +1 -1
- package/styles/accessibility.scss +92 -0
- package/styles.css +89 -1
|
@@ -17,6 +17,7 @@ export declare class DatepickerComponent extends InputsComponent<DatepickerValue
|
|
|
17
17
|
max: Date | null;
|
|
18
18
|
defaultDate: Date | null;
|
|
19
19
|
dateFormat: string;
|
|
20
|
+
allowTyping: boolean;
|
|
20
21
|
hourFormat: '12' | '24';
|
|
21
22
|
minuteStep: number;
|
|
22
23
|
showSeconds: boolean;
|
|
@@ -45,6 +46,8 @@ export declare class DatepickerComponent extends InputsComponent<DatepickerValue
|
|
|
45
46
|
readonly hours: import("@angular/core").WritableSignal<number>;
|
|
46
47
|
readonly minutes: import("@angular/core").WritableSignal<number>;
|
|
47
48
|
readonly seconds: import("@angular/core").WritableSignal<number>;
|
|
49
|
+
private readonly currentLang;
|
|
50
|
+
private readonly typedText;
|
|
48
51
|
private readonly rangeStart;
|
|
49
52
|
private readonly rangeEnd;
|
|
50
53
|
private readonly rangeSelecting;
|
|
@@ -58,6 +61,7 @@ export declare class DatepickerComponent extends InputsComponent<DatepickerValue
|
|
|
58
61
|
}[];
|
|
59
62
|
readonly yearRange: import("@angular/core").Signal<number[]>;
|
|
60
63
|
displayValue(): string;
|
|
64
|
+
inputValue(): string;
|
|
61
65
|
readonly viewMonthYearLabel: import("@angular/core").Signal<string>;
|
|
62
66
|
readonly showTimePicker: import("@angular/core").Signal<boolean>;
|
|
63
67
|
ngOnInit(): void;
|
|
@@ -110,9 +114,18 @@ export declare class DatepickerComponent extends InputsComponent<DatepickerValue
|
|
|
110
114
|
private handleDaysKeydown;
|
|
111
115
|
private focusDayButton;
|
|
112
116
|
isDayTabStop(day: CalendarDay): boolean;
|
|
117
|
+
onInputTyping(event: Event): void;
|
|
118
|
+
private applyDateMask;
|
|
119
|
+
private maskByDateFormat;
|
|
120
|
+
onInputBlur(): void;
|
|
121
|
+
private parseTypedDate;
|
|
122
|
+
private dateFormatOrder;
|
|
123
|
+
private localizedWeekDayNames;
|
|
124
|
+
private localizedMonthNames;
|
|
125
|
+
private semPontoFinal;
|
|
113
126
|
private formatDate;
|
|
114
127
|
padTime(n: number): string;
|
|
115
128
|
static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerComponent, never>;
|
|
116
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DatepickerComponent, "sdc-datepicker", never, { "mode": { "alias": "mode"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "defaultDate": { "alias": "defaultDate"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; "hourFormat": { "alias": "hourFormat"; "required": false; }; "minuteStep": { "alias": "minuteStep"; "required": false; }; "showSeconds": { "alias": "showSeconds"; "required": false; }; "rangeSeparator": { "alias": "rangeSeparator"; "required": false; }; "showOnFocus": { "alias": "showOnFocus"; "required": false; }; "readonlyInput": { "alias": "readonlyInput"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "showButtonBar": { "alias": "showButtonBar"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "disabledDays": { "alias": "disabledDays"; "required": false; }; }, { "selected": "selected"; "closed": "closed"; "monthChange": "monthChange"; "yearChange": "yearChange"; }, never, never, true, never>;
|
|
129
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DatepickerComponent, "sdc-datepicker", never, { "mode": { "alias": "mode"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "defaultDate": { "alias": "defaultDate"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; "allowTyping": { "alias": "allowTyping"; "required": false; }; "hourFormat": { "alias": "hourFormat"; "required": false; }; "minuteStep": { "alias": "minuteStep"; "required": false; }; "showSeconds": { "alias": "showSeconds"; "required": false; }; "rangeSeparator": { "alias": "rangeSeparator"; "required": false; }; "showOnFocus": { "alias": "showOnFocus"; "required": false; }; "readonlyInput": { "alias": "readonlyInput"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "showButtonBar": { "alias": "showButtonBar"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "disabledDays": { "alias": "disabledDays"; "required": false; }; }, { "selected": "selected"; "closed": "closed"; "monthChange": "monthChange"; "yearChange": "yearChange"; }, never, never, true, never>;
|
|
117
130
|
}
|
|
118
131
|
export {};
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
import { AfterViewInit, EventEmitter } from '@angular/core';
|
|
1
|
+
import { AfterViewInit, ChangeDetectorRef, EventEmitter } from '@angular/core';
|
|
2
2
|
import { type TableActionMenuCloseEvent, type TableActionMenuItem } from '../../../core/types/table.type';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export declare class TableActionsMenuComponent implements AfterViewInit {
|
|
5
|
+
private readonly cdr;
|
|
5
6
|
private readonly menuItems;
|
|
7
|
+
private readonly painel?;
|
|
6
8
|
ariaLabel: string;
|
|
7
9
|
items: TableActionMenuItem[];
|
|
8
10
|
left: number;
|
|
@@ -12,7 +14,20 @@ export declare class TableActionsMenuComponent implements AfterViewInit {
|
|
|
12
14
|
close: EventEmitter<TableActionMenuCloseEvent>;
|
|
13
15
|
select: EventEmitter<TableActionMenuItem>;
|
|
14
16
|
protected activeIndex: number;
|
|
17
|
+
constructor(cdr: ChangeDetectorRef);
|
|
15
18
|
ngAfterViewInit(): void;
|
|
19
|
+
/**
|
|
20
|
+
* O chamador posiciona o menu logo abaixo do gatilho (table.component.ts:
|
|
21
|
+
* `top: rect.bottom + gap`) sem saber a altura dele, que so existe depois de
|
|
22
|
+
* renderizar. Numa linha perto do rodape o menu nascia fora da tela - medido num
|
|
23
|
+
* iPad Mini (viewport de 1024px): abria em top 1028, bottom 1094, com o item
|
|
24
|
+
* "Visualizar" em 1038. Como e `position: fixed`, rolar a pagina NAO traz ele de
|
|
25
|
+
* volta - ficava impossivel de alcancar.
|
|
26
|
+
*
|
|
27
|
+
* Aqui, ja com a medida real, o menu encosta na borda em vez de passar dela. A
|
|
28
|
+
* horizontal segue a mesma ideia.
|
|
29
|
+
*/
|
|
30
|
+
private manterDentroDaViewport;
|
|
16
31
|
protected onItemFocus(index: number): void;
|
|
17
32
|
protected onItemKeydown(event: KeyboardEvent, index: number): void;
|
|
18
33
|
private focusFirstEnabledItem;
|