@po-ui/ng-components 6.7.0 → 6.10.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/esm2020/lib/components/po-button/po-button.component.mjs +4 -4
- package/esm2020/lib/components/po-field/po-checkbox/po-checkbox-base.component.mjs +12 -4
- package/esm2020/lib/components/po-field/po-checkbox/po-checkbox.component.mjs +15 -10
- package/esm2020/lib/components/po-field/po-combo/po-combo-base.component.mjs +53 -6
- package/esm2020/lib/components/po-field/po-combo/po-combo-filter.service.mjs +16 -8
- package/esm2020/lib/components/po-field/po-combo/po-combo.component.mjs +221 -112
- package/esm2020/lib/components/po-field/po-decimal/po-decimal.component.mjs +15 -4
- package/esm2020/lib/components/po-field/po-rich-text/po-rich-text-toolbar/po-rich-text-toolbar.component.mjs +8 -8
- package/esm2020/lib/components/po-table/po-table-base.component.mjs +18 -2
- package/esm2020/lib/components/po-table/po-table-column-manager/po-table-column-manager.component.mjs +10 -2
- package/esm2020/lib/components/po-table/po-table.component.mjs +987 -433
- package/esm2020/lib/directives/po-tooltip/po-tooltip-base.directive.mjs +2 -2
- package/esm2020/lib/directives/po-tooltip/po-tooltip.directive.mjs +32 -2
- package/fesm2015/po-ui-ng-components.mjs +1540 -613
- package/fesm2015/po-ui-ng-components.mjs.map +1 -1
- package/fesm2020/po-ui-ng-components.mjs +1371 -577
- package/fesm2020/po-ui-ng-components.mjs.map +1 -1
- package/lib/components/po-field/po-checkbox/po-checkbox-base.component.d.ts +12 -4
- package/lib/components/po-field/po-checkbox/po-checkbox.component.d.ts +2 -2
- package/lib/components/po-field/po-combo/po-combo-base.component.d.ts +31 -1
- package/lib/components/po-field/po-combo/po-combo-filter.service.d.ts +3 -0
- package/lib/components/po-field/po-combo/po-combo.component.d.ts +22 -3
- package/lib/components/po-table/po-table-base.component.d.ts +12 -1
- package/lib/components/po-table/po-table-column-manager/po-table-column-manager.component.d.ts +3 -1
- package/lib/components/po-table/po-table.component.d.ts +3 -0
- package/lib/directives/po-tooltip/po-tooltip-base.directive.d.ts +1 -1
- package/lib/directives/po-tooltip/po-tooltip.directive.d.ts +3 -0
- package/package.json +4 -4
- package/po-ui-ng-components-6.10.0.tgz +0 -0
- package/schematics/ng-add/index.js +1 -1
- package/schematics/ng-update/v2/index.js +1 -1
- package/schematics/ng-update/v3/index.js +1 -1
- package/schematics/ng-update/v4/index.js +1 -1
- package/schematics/ng-update/v5/index.js +1 -1
- package/schematics/ng-update/v6/index.js +1 -1
- package/po-ui-ng-components-6.7.0.tgz +0 -0
|
@@ -7,10 +7,18 @@ import * as i0 from "@angular/core";
|
|
|
7
7
|
* O componente `po-checkbox` exibe uma caixa de opção com um texto ao lado, na qual é possível marcar e desmarcar através tanto
|
|
8
8
|
* no *click* do *mouse* quanto por meio da tecla *space* quando estiver com foco.
|
|
9
9
|
*
|
|
10
|
-
* Cada opção poderá receber um estado de marcado, desmarcado, indeterminado e desabilitado, como também uma ação que será disparada quando
|
|
10
|
+
* Cada opção poderá receber um estado de marcado, desmarcado, indeterminado/mixed e desabilitado, como também uma ação que será disparada quando
|
|
11
11
|
* ocorrer mudanças do valor.
|
|
12
12
|
*
|
|
13
|
-
* > O *model* deste componente aceitará valores igual à `true`, `false` ou `null` para quando for indeterminado.
|
|
13
|
+
* > O *model* deste componente aceitará valores igual à `true`, `false` ou `null` para quando for indeterminado/mixed.
|
|
14
|
+
*
|
|
15
|
+
* **Acessibilidade tratada no componente:**
|
|
16
|
+
*
|
|
17
|
+
* Algumas diretrizes de acessibilidade já são tratadas no componente, internamente, e não podem ser alteradas pelo proprietário do conteúdo. São elas:
|
|
18
|
+
*
|
|
19
|
+
* - O componente foi desenvolvido utilizando controles padrões HTML para permitir a identificação do mesmo na interface por tecnologias assistivas. [WCAG 4.1.2: Name, Role, Value](https://www.w3.org/WAI/WCAG21/Understanding/name-role-value)
|
|
20
|
+
* - A área do foco precisar ter uma espessura de pelo menos 2 pixels CSS e o foco não pode ficar escondido por outros elementos da tela. [WCAG 2.4.12: Focus Appearance](https://www.w3.org/WAI/WCAG22/Understanding/focus-appearance-enhanced)
|
|
21
|
+
* - A cor não deve ser o único meio para diferenciar o componente do seu estado marcado e desmarcado. [WGAG 1.4.1: Use of Color, 3.2.4: Consistent Identification](https://www.w3.org/WAI/WCAG21/Understanding/use-of-color)
|
|
14
22
|
*/
|
|
15
23
|
export declare abstract class PoCheckboxBaseComponent implements ControlValueAccessor {
|
|
16
24
|
/** Define o nome do *checkbox*. */
|
|
@@ -37,7 +45,7 @@ export declare abstract class PoCheckboxBaseComponent implements ControlValueAcc
|
|
|
37
45
|
* Evento disparado quando o valor do *checkbox* for alterado.
|
|
38
46
|
*/
|
|
39
47
|
change: EventEmitter<any>;
|
|
40
|
-
checkboxValue: boolean | null;
|
|
48
|
+
checkboxValue: boolean | null | string;
|
|
41
49
|
id: string;
|
|
42
50
|
propagateChange: any;
|
|
43
51
|
onTouched: any;
|
|
@@ -54,7 +62,7 @@ export declare abstract class PoCheckboxBaseComponent implements ControlValueAcc
|
|
|
54
62
|
set disabled(value: boolean);
|
|
55
63
|
get disabled(): boolean;
|
|
56
64
|
changeValue(): void;
|
|
57
|
-
checkOption(value: boolean | null): void;
|
|
65
|
+
checkOption(value: boolean | null | string): void;
|
|
58
66
|
setDisabledState(isDisabled: boolean): void;
|
|
59
67
|
registerOnChange(fn: any): void;
|
|
60
68
|
registerOnTouched(fn: any): void;
|
|
@@ -47,8 +47,8 @@ export declare class PoCheckboxComponent extends PoCheckboxBaseComponent impleme
|
|
|
47
47
|
focus(): void;
|
|
48
48
|
onBlur(): void;
|
|
49
49
|
ngAfterViewInit(): void;
|
|
50
|
-
onKeyDown(event: KeyboardEvent, value: boolean): void;
|
|
51
|
-
protected changeModelValue(value: boolean | null): void;
|
|
50
|
+
onKeyDown(event: KeyboardEvent, value: boolean | string): void;
|
|
51
|
+
protected changeModelValue(value: boolean | null | string): void;
|
|
52
52
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoCheckboxComponent, never>;
|
|
53
53
|
static ɵcmp: i0.ɵɵComponentDeclaration<PoCheckboxComponent, "po-checkbox", never, {}, {}, never, never>;
|
|
54
54
|
}
|
|
@@ -75,6 +75,29 @@ export declare abstract class PoComboBaseComponent implements ControlValueAccess
|
|
|
75
75
|
* ```
|
|
76
76
|
*/
|
|
77
77
|
filterService: PoComboFilter | string;
|
|
78
|
+
/**
|
|
79
|
+
* @optional
|
|
80
|
+
*
|
|
81
|
+
* @description
|
|
82
|
+
*
|
|
83
|
+
* Se verdadeiro ativa a funcionalidade de scroll infinito para o combo, Ao chegar ao fim da tabela executará nova busca dos dados conforme paginação.
|
|
84
|
+
*
|
|
85
|
+
* @default `false`
|
|
86
|
+
*/
|
|
87
|
+
set infiniteScroll(value: boolean);
|
|
88
|
+
get infiniteScroll(): boolean;
|
|
89
|
+
/**
|
|
90
|
+
* @optional
|
|
91
|
+
*
|
|
92
|
+
* @description
|
|
93
|
+
*
|
|
94
|
+
* Define o percentual necessário para disparar o evento `show-more`, que é responsável por carregar mais dados no combo. Caso o valor seja maior que 100 ou menor que 0, o valor padrão será 100%.
|
|
95
|
+
*
|
|
96
|
+
* **Exemplos**
|
|
97
|
+
* - p-infinite-scroll-distance = 80: Quando atingir 80% do scroll do combo, o `show-more` será disparado.
|
|
98
|
+
*/
|
|
99
|
+
set infiniteScrollDistance(value: number);
|
|
100
|
+
get infiniteScrollDistance(): number;
|
|
78
101
|
/**
|
|
79
102
|
* @optional
|
|
80
103
|
*
|
|
@@ -176,6 +199,9 @@ export declare abstract class PoComboBaseComponent implements ControlValueAccess
|
|
|
176
199
|
selectedView: any;
|
|
177
200
|
service: PoComboFilterService;
|
|
178
201
|
visibleOptions: Array<PoComboOption | PoComboGroup>;
|
|
202
|
+
page: number;
|
|
203
|
+
pageSize: number;
|
|
204
|
+
loading: boolean;
|
|
179
205
|
protected cacheStaticOptions: Array<PoComboOption | PoComboGroup>;
|
|
180
206
|
protected comboOptionsList: Array<PoComboOption | PoComboGroup>;
|
|
181
207
|
protected onModelTouched: any;
|
|
@@ -194,6 +220,9 @@ export declare abstract class PoComboBaseComponent implements ControlValueAccess
|
|
|
194
220
|
private _required?;
|
|
195
221
|
private _sort?;
|
|
196
222
|
private language;
|
|
223
|
+
private _infiniteScrollDistance?;
|
|
224
|
+
private _infiniteScroll?;
|
|
225
|
+
private _height?;
|
|
197
226
|
private fromWriteValue;
|
|
198
227
|
private validatorChange;
|
|
199
228
|
/** Mensagem apresentada enquanto o campo estiver vazio. */
|
|
@@ -303,6 +332,7 @@ export declare abstract class PoComboBaseComponent implements ControlValueAccess
|
|
|
303
332
|
* - A lista deve seguir as definições descritas nas respectivas interfaces, caso contrário não exibirá a(as) opção(ões) fora dos padrões.
|
|
304
333
|
* - O componente interpretará o formato da lista de acordo com a interface utilizada e só exibirá as opções correspondentes à ela.
|
|
305
334
|
* - Um agrupamento só será exibido se houver pelo menos uma opção válida.
|
|
335
|
+
* - Aconselha-se utilizar valores distintos no `label` e `value` dos itens.
|
|
306
336
|
*/
|
|
307
337
|
set options(options: Array<PoComboOption | PoComboOptionGroup>);
|
|
308
338
|
get options(): Array<PoComboOption | PoComboOptionGroup>;
|
|
@@ -408,5 +438,5 @@ export declare abstract class PoComboBaseComponent implements ControlValueAccess
|
|
|
408
438
|
abstract getInputValue(): string;
|
|
409
439
|
abstract initInputObservable(): void;
|
|
410
440
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoComboBaseComponent, never>;
|
|
411
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PoComboBaseComponent, never, never, { "autoFocus": "p-auto-focus"; "label": "p-label"; "help": "p-help"; "name": "name"; "filterService": "p-filter-service"; "icon": "p-icon"; "optional": "p-optional"; "clean": "p-clean"; "emitObjectValue": "p-emit-object-value"; "disabledTabFilter": "p-disabled-tab-filter"; "placeholder": "p-placeholder"; "debounceTime": "p-debounce-time"; "disabledInitFilter": "p-disabled-init-filter"; "fieldValue": "p-field-value"; "fieldLabel": "p-field-label"; "filterMinlength": "p-filter-minlength"; "required": "p-required"; "changeOnEnter": "p-change-on-enter"; "disabled": "p-disabled"; "sort": "p-sort"; "options": "p-options"; "filterMode": "p-filter-mode"; "filterParams": "p-filter-params"; "literals": "p-literals"; }, { "change": "p-change"; "ngModelChange": "ngModelChange"; }, never>;
|
|
441
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PoComboBaseComponent, never, never, { "autoFocus": "p-auto-focus"; "label": "p-label"; "help": "p-help"; "name": "name"; "filterService": "p-filter-service"; "infiniteScroll": "p-infinite-scroll"; "infiniteScrollDistance": "p-infinite-scroll-distance"; "icon": "p-icon"; "optional": "p-optional"; "clean": "p-clean"; "emitObjectValue": "p-emit-object-value"; "disabledTabFilter": "p-disabled-tab-filter"; "placeholder": "p-placeholder"; "debounceTime": "p-debounce-time"; "disabledInitFilter": "p-disabled-init-filter"; "fieldValue": "p-field-value"; "fieldLabel": "p-field-label"; "filterMinlength": "p-filter-minlength"; "required": "p-required"; "changeOnEnter": "p-change-on-enter"; "disabled": "p-disabled"; "sort": "p-sort"; "options": "p-options"; "filterMode": "p-filter-mode"; "filterParams": "p-filter-params"; "literals": "p-literals"; }, { "change": "p-change"; "ngModelChange": "ngModelChange"; }, never>;
|
|
412
442
|
}
|
|
@@ -14,6 +14,7 @@ export declare class PoComboFilterService implements PoComboFilter {
|
|
|
14
14
|
private http;
|
|
15
15
|
fieldLabel: string;
|
|
16
16
|
fieldValue: string;
|
|
17
|
+
hasNext: boolean;
|
|
17
18
|
readonly headers: HttpHeaders;
|
|
18
19
|
private _url;
|
|
19
20
|
private messages;
|
|
@@ -22,6 +23,8 @@ export declare class PoComboFilterService implements PoComboFilter {
|
|
|
22
23
|
getFilteredData(param: any, filterParams?: any): Observable<Array<PoComboOption>>;
|
|
23
24
|
getObjectByValue(value: string | number, filterParams?: any): Observable<PoComboOption>;
|
|
24
25
|
configProperties(url: string, fieldLabel: string, fieldValue: string): void;
|
|
26
|
+
scrollListener(componentListner: HTMLElement): Observable<any>;
|
|
27
|
+
private prepareParams;
|
|
25
28
|
private parseToArrayComboOption;
|
|
26
29
|
private parseToComboOption;
|
|
27
30
|
private addMessage;
|
|
@@ -49,6 +49,11 @@ import * as i0 from "@angular/core";
|
|
|
49
49
|
* <file name="sample-po-combo-heroes-reactive-form/sample-po-combo-heroes-reactive-form.component.ts"> </file>
|
|
50
50
|
* </example>
|
|
51
51
|
*
|
|
52
|
+
* <example name="po-combo-infinity-scroll" title="PO Combo - Inifity Scroll">
|
|
53
|
+
* <file name="sample-po-combo-infinity-scroll/sample-po-combo-infinity-scroll.component.html"> </file>
|
|
54
|
+
* <file name="sample-po-combo-infinity-scroll/sample-po-combo-infinity-scroll.component.ts"> </file>
|
|
55
|
+
* </example>
|
|
56
|
+
*
|
|
52
57
|
* <example name="po-combo-hotels" title="PO Combo - Booking Hotel">
|
|
53
58
|
* <file name="sample-po-combo-hotels/sample-po-combo-hotels.component.html"> </file>
|
|
54
59
|
* <file name="sample-po-combo-hotels/sample-po-combo-hotels.component.ts"> </file>
|
|
@@ -67,6 +72,7 @@ export declare class PoComboComponent extends PoComboBaseComponent implements Af
|
|
|
67
72
|
contentElement: ElementRef;
|
|
68
73
|
iconElement: ElementRef;
|
|
69
74
|
inputEl: ElementRef;
|
|
75
|
+
poComboBody: ElementRef;
|
|
70
76
|
comboIcon: string;
|
|
71
77
|
comboOpen: boolean;
|
|
72
78
|
differ: any;
|
|
@@ -74,11 +80,14 @@ export declare class PoComboComponent extends PoComboBaseComponent implements Af
|
|
|
74
80
|
scrollTop: number;
|
|
75
81
|
service: PoComboFilterService;
|
|
76
82
|
shouldMarkLetters: boolean;
|
|
83
|
+
infiniteLoading: boolean;
|
|
77
84
|
private _isServerSearching;
|
|
78
85
|
private clickoutListener;
|
|
79
86
|
private eventResizeListener;
|
|
80
87
|
private filterSubscription;
|
|
81
88
|
private getSubscription;
|
|
89
|
+
private scrollEvent$;
|
|
90
|
+
private subscriptionScrollEvent;
|
|
82
91
|
constructor(element: ElementRef, differs: IterableDiffers, defaultService: PoComboFilterService, renderer: Renderer2, changeDetector: ChangeDetectorRef, controlPosition: PoControlPositionService, sanitized: DomSanitizer, languageService: PoLanguageService);
|
|
83
92
|
set isServerSearching(value: boolean);
|
|
84
93
|
get isServerSearching(): boolean;
|
|
@@ -108,15 +117,15 @@ export declare class PoComboComponent extends PoComboBaseComponent implements Af
|
|
|
108
117
|
onKeyUp(event?: any): void;
|
|
109
118
|
initInputObservable(): void;
|
|
110
119
|
controlApplyFilter(value: any): void;
|
|
111
|
-
applyFilter(value: string): void;
|
|
112
|
-
setOptionsByApplyFilter(value: any, items: any): void;
|
|
120
|
+
applyFilter(value: string, reset?: boolean): void;
|
|
121
|
+
setOptionsByApplyFilter(value: any, items: any, reset?: boolean): void;
|
|
113
122
|
getObjectByValue(value: any): void;
|
|
114
123
|
updateOptionByFilteredValue(item: any): void;
|
|
115
124
|
selectPreviousOption(): void;
|
|
116
125
|
selectNextOption(): void;
|
|
117
126
|
toggleComboVisibility(): void;
|
|
118
127
|
applyFilterInFirstClick(): void;
|
|
119
|
-
controlComboVisibility(toOpen: boolean): void;
|
|
128
|
+
controlComboVisibility(toOpen: boolean, reset?: boolean): void;
|
|
120
129
|
onOptionClick(option: PoComboOption | PoComboGroup, event?: any): void;
|
|
121
130
|
scrollTo(index: any): void;
|
|
122
131
|
getInputValue(): any;
|
|
@@ -126,6 +135,12 @@ export declare class PoComboComponent extends PoComboBaseComponent implements Af
|
|
|
126
135
|
safeHtml(value: any): SafeHtml;
|
|
127
136
|
isValidCharacterToSearch(keyCode: any): boolean;
|
|
128
137
|
searchOnEnter(value: string): void;
|
|
138
|
+
showMoreInfiniteScroll({ target }: {
|
|
139
|
+
target: any;
|
|
140
|
+
}): void;
|
|
141
|
+
protected checkInfiniteScroll(): void;
|
|
142
|
+
private hasInfiniteScroll;
|
|
143
|
+
private includeInfiniteScroll;
|
|
129
144
|
private adjustContainerPosition;
|
|
130
145
|
private close;
|
|
131
146
|
private initializeListeners;
|
|
@@ -136,7 +151,11 @@ export declare class PoComboComponent extends PoComboBaseComponent implements Af
|
|
|
136
151
|
private removeListeners;
|
|
137
152
|
private sanitizeTagHTML;
|
|
138
153
|
private setContainerPosition;
|
|
154
|
+
private setOptions;
|
|
139
155
|
private setScrollTop;
|
|
156
|
+
private prepareOptions;
|
|
157
|
+
private setPage;
|
|
158
|
+
private setScrollingControl;
|
|
140
159
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoComboComponent, never>;
|
|
141
160
|
static ɵcmp: i0.ɵɵComponentDeclaration<PoComboComponent, "po-combo", never, {}, {}, ["comboOptionTemplate"], never>;
|
|
142
161
|
}
|
|
@@ -235,6 +235,16 @@ export declare abstract class PoTableBaseComponent implements OnChanges, OnDestr
|
|
|
235
235
|
* Por exemplo: ["idCard", "name", "hireStatus", "age"].
|
|
236
236
|
*/
|
|
237
237
|
changeVisibleColumns: EventEmitter<string[]>;
|
|
238
|
+
/**
|
|
239
|
+
* @optional
|
|
240
|
+
*
|
|
241
|
+
* @description
|
|
242
|
+
* Evento disparado ao clicar no botão de restaurar padrão no gerenciador de colunas.
|
|
243
|
+
*
|
|
244
|
+
* O componente envia como parâmetro um array de string com as colunas configuradas inicialmente.
|
|
245
|
+
* Por exemplo: ["idCard", "name", "hireStatus", "age"].
|
|
246
|
+
*/
|
|
247
|
+
columnRestoreManager: EventEmitter<String[]>;
|
|
238
248
|
allColumnsWidthPixels: boolean;
|
|
239
249
|
columnMasterDetail: PoTableColumn;
|
|
240
250
|
hasMainColumns: boolean;
|
|
@@ -248,6 +258,7 @@ export declare abstract class PoTableBaseComponent implements OnChanges, OnDestr
|
|
|
248
258
|
page: number;
|
|
249
259
|
pageSize: number;
|
|
250
260
|
hasService?: boolean;
|
|
261
|
+
initialColumns: Array<PoTableColumn>;
|
|
251
262
|
private _actions?;
|
|
252
263
|
private _columns;
|
|
253
264
|
private _container?;
|
|
@@ -510,5 +521,5 @@ export declare abstract class PoTableBaseComponent implements OnChanges, OnDestr
|
|
|
510
521
|
protected abstract calculateWidthHeaders(): any;
|
|
511
522
|
protected abstract checkInfiniteScroll(): any;
|
|
512
523
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoTableBaseComponent, never>;
|
|
513
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PoTableBaseComponent, never, never, { "hideTextOverflow": "p-hide-text-overflow"; "hideColumnsManager": "p-hide-columns-manager"; "autoCollapse": "p-auto-collapse"; "loadingShowMore": "p-loading-show-more"; "sort": "p-sort"; "showMoreDisabled": "p-show-more-disabled"; "striped": "p-striped"; "hideSelectAll": "p-hide-select-all"; "singleSelect": "p-single-select"; "actionRight": "p-actions-right"; "maxColumns": "p-max-columns"; "items": "p-items"; "columns": "p-columns"; "container": "p-container"; "height": "p-height"; "hideDetail": "p-hide-detail"; "literals": "p-literals"; "loading": "p-loading"; "actions": "p-actions"; "selectable": "p-selectable"; "infiniteScroll": "p-infinite-scroll"; "infiniteScrollDistance": "p-infinite-scroll-distance"; "serviceApi": "p-service-api"; }, { "allSelected": "p-all-selected"; "allUnselected": "p-all-unselected"; "collapsed": "p-collapsed"; "expanded": "p-expanded"; "selected": "p-selected"; "showMore": "p-show-more"; "sortBy": "p-sort-by"; "unselected": "p-unselected"; "changeVisibleColumns": "p-change-visible-columns"; }, never>;
|
|
524
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PoTableBaseComponent, never, never, { "hideTextOverflow": "p-hide-text-overflow"; "hideColumnsManager": "p-hide-columns-manager"; "autoCollapse": "p-auto-collapse"; "loadingShowMore": "p-loading-show-more"; "sort": "p-sort"; "showMoreDisabled": "p-show-more-disabled"; "striped": "p-striped"; "hideSelectAll": "p-hide-select-all"; "singleSelect": "p-single-select"; "actionRight": "p-actions-right"; "maxColumns": "p-max-columns"; "items": "p-items"; "columns": "p-columns"; "container": "p-container"; "height": "p-height"; "hideDetail": "p-hide-detail"; "literals": "p-literals"; "loading": "p-loading"; "actions": "p-actions"; "selectable": "p-selectable"; "infiniteScroll": "p-infinite-scroll"; "infiniteScrollDistance": "p-infinite-scroll-distance"; "serviceApi": "p-service-api"; }, { "allSelected": "p-all-selected"; "allUnselected": "p-all-unselected"; "collapsed": "p-collapsed"; "expanded": "p-expanded"; "selected": "p-selected"; "showMore": "p-show-more"; "sortBy": "p-sort-by"; "unselected": "p-unselected"; "changeVisibleColumns": "p-change-visible-columns"; "columnRestoreManager": "p-restore-column-manager"; }, never>;
|
|
514
525
|
}
|
package/lib/components/po-table/po-table-column-manager/po-table-column-manager.component.d.ts
CHANGED
|
@@ -27,9 +27,11 @@ export declare class PoTableColumnManagerComponent implements OnChanges, OnDestr
|
|
|
27
27
|
popover: PoPopoverComponent;
|
|
28
28
|
columns: Array<PoTableColumn>;
|
|
29
29
|
target: ElementRef;
|
|
30
|
+
colunsDefault: Array<PoTableColumn>;
|
|
30
31
|
lastVisibleColumnsSelected: Array<PoTableColumn>;
|
|
31
32
|
visibleColumnsChange: EventEmitter<PoTableColumn[]>;
|
|
32
33
|
changeVisibleColumns: EventEmitter<string[]>;
|
|
34
|
+
initialColumns: EventEmitter<String[]>;
|
|
33
35
|
literals: any;
|
|
34
36
|
columnsOptions: Array<PoCheckboxGroupOption>;
|
|
35
37
|
visibleColumns: Array<string>;
|
|
@@ -73,5 +75,5 @@ export declare class PoTableColumnManagerComponent implements OnChanges, OnDestr
|
|
|
73
75
|
private removeListeners;
|
|
74
76
|
private stringify;
|
|
75
77
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoTableColumnManagerComponent, never>;
|
|
76
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PoTableColumnManagerComponent, "po-table-column-manager", never, { "columns": "p-columns"; "target": "p-target"; "lastVisibleColumnsSelected": "p-last-visible-columns-selected"; "maxColumns": "p-max-columns"; }, { "visibleColumnsChange": "p-visible-columns-change"; "changeVisibleColumns": "p-change-visible-columns"; }, never, never>;
|
|
78
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PoTableColumnManagerComponent, "po-table-column-manager", never, { "columns": "p-columns"; "target": "p-target"; "colunsDefault": "p-columns-default"; "lastVisibleColumnsSelected": "p-last-visible-columns-selected"; "maxColumns": "p-max-columns"; }, { "visibleColumnsChange": "p-visible-columns-change"; "changeVisibleColumns": "p-change-visible-columns"; "initialColumns": "p-initial-columns"; }, never, never>;
|
|
77
79
|
}
|
|
@@ -71,6 +71,7 @@ export declare class PoTableComponent extends PoTableBaseComponent implements Af
|
|
|
71
71
|
tableFooterElement: any;
|
|
72
72
|
tableWrapperElement: any;
|
|
73
73
|
poTableTbody: any;
|
|
74
|
+
poTableThead: any;
|
|
74
75
|
actionsIconElement: QueryList<any>;
|
|
75
76
|
actionsElement: QueryList<any>;
|
|
76
77
|
headersTable: QueryList<any>;
|
|
@@ -183,6 +184,7 @@ export declare class PoTableComponent extends PoTableBaseComponent implements Af
|
|
|
183
184
|
isShowRowTemplate(row: any, index: number): boolean;
|
|
184
185
|
onClickLink(event: any, row: any, column: PoTableColumn): void;
|
|
185
186
|
onChangeVisibleColumns(columns: Array<string>): void;
|
|
187
|
+
onColumnRestoreManager(value: Array<String>): void;
|
|
186
188
|
onVisibleColumnsChange(columns: Array<PoTableColumn>): void;
|
|
187
189
|
tooltipMouseEnter(event: any, column?: PoTableColumn, row?: any): any;
|
|
188
190
|
tooltipMouseLeave(): void;
|
|
@@ -212,6 +214,7 @@ export declare class PoTableComponent extends PoTableBaseComponent implements Af
|
|
|
212
214
|
[key: string]: any;
|
|
213
215
|
}): void;
|
|
214
216
|
getTemplate(column: PoTableColumn): TemplateRef<any>;
|
|
217
|
+
syncronizeHorizontalScroll(): void;
|
|
215
218
|
protected calculateHeightTableContainer(height: any): void;
|
|
216
219
|
protected calculateWidthHeaders(): void;
|
|
217
220
|
protected checkInfiniteScroll(): void;
|
|
@@ -3,7 +3,7 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
* @description
|
|
4
4
|
*
|
|
5
5
|
* A diretiva po-tooltip deve ser utilizada para oferecer informações adicionais quando os usuários
|
|
6
|
-
* passam o mouse sobre o elemento alvo ao qual ela está atribuída.
|
|
6
|
+
* passam o mouse ou realizam o foco sobre o elemento alvo ao qual ela está atribuída.
|
|
7
7
|
*
|
|
8
8
|
* O conteúdo é formado por um pequeno texto que deve contribuir para uma tomada de decisão ou
|
|
9
9
|
* orientação do usuário. A ativação dele pode estar em qualquer componente ou tag HTML.
|
|
@@ -38,6 +38,8 @@ export declare class PoTooltipDirective extends PoTooltipBaseDirective implement
|
|
|
38
38
|
constructor(elementRef: ElementRef, renderer: Renderer2, poControlPosition: PoTooltipControlPositionService);
|
|
39
39
|
onMouseEnter(): void;
|
|
40
40
|
onMouseLeave(): void;
|
|
41
|
+
onFocusOut(): void;
|
|
42
|
+
onFocusIn(): void;
|
|
41
43
|
ngOnInit(): void;
|
|
42
44
|
protected addTooltipAction(): void;
|
|
43
45
|
protected removeTooltipAction(): void;
|
|
@@ -50,6 +52,7 @@ export declare class PoTooltipDirective extends PoTooltipBaseDirective implement
|
|
|
50
52
|
private removeScrollEventListener;
|
|
51
53
|
private showTooltip;
|
|
52
54
|
private updateTextContent;
|
|
55
|
+
private insertAriaLabelTooltip;
|
|
53
56
|
static ɵfac: i0.ɵɵFactoryDeclaration<PoTooltipDirective, never>;
|
|
54
57
|
static ɵdir: i0.ɵɵDirectiveDeclaration<PoTooltipDirective, "[p-tooltip]", never, {}, {}, never>;
|
|
55
58
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@po-ui/ng-components",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.10.0",
|
|
4
4
|
"tag": "next",
|
|
5
5
|
"description": "PO UI - Components",
|
|
6
6
|
"author": "PO UI",
|
|
@@ -21,8 +21,8 @@
|
|
|
21
21
|
]
|
|
22
22
|
},
|
|
23
23
|
"dependencies": {
|
|
24
|
-
"@po-ui/style": "6.
|
|
25
|
-
"@po-ui/ng-schematics": "6.
|
|
24
|
+
"@po-ui/style": "6.10.0",
|
|
25
|
+
"@po-ui/ng-schematics": "6.10.0",
|
|
26
26
|
"tslib": "^2.3.0"
|
|
27
27
|
},
|
|
28
28
|
"peerDependencies": {
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
"@angular/platform-browser": "^13.0.2",
|
|
35
35
|
"@angular/platform-browser-dynamic": "^13.0.2",
|
|
36
36
|
"@angular/router": "^13.0.2",
|
|
37
|
-
"@po-ui/style": "6.
|
|
37
|
+
"@po-ui/style": "6.10.0",
|
|
38
38
|
"rxjs": "~7.4.0",
|
|
39
39
|
"zone.js": "~0.11.4"
|
|
40
40
|
},
|
|
Binary file
|
|
@@ -18,7 +18,7 @@ function default_1(options) {
|
|
|
18
18
|
exports.default = default_1;
|
|
19
19
|
function addPoPackageAndInstall() {
|
|
20
20
|
return (tree, context) => {
|
|
21
|
-
(0, package_config_1.addPackageToPackageJson)(tree, '@po-ui/ng-components', '6.
|
|
21
|
+
(0, package_config_1.addPackageToPackageJson)(tree, '@po-ui/ng-components', '6.10.0');
|
|
22
22
|
// install packages
|
|
23
23
|
context.addTask(new tasks_1.NodePackageInstallTask());
|
|
24
24
|
};
|
|
@@ -10,7 +10,7 @@ const package_config_1 = require("@po-ui/ng-schematics/package-config");
|
|
|
10
10
|
const changes_1 = require("./changes");
|
|
11
11
|
function updateToV2() {
|
|
12
12
|
return (0, schematics_1.chain)([
|
|
13
|
-
updatePackageJson('6.
|
|
13
|
+
updatePackageJson('6.10.0', changes_1.dependeciesChanges),
|
|
14
14
|
(0, replace_1.replaceInFile)('tslint.json', changes_1.tsLintReplaces),
|
|
15
15
|
(0, replace_1.replaceInFile)('angular.json', changes_1.angularJsonReplaces),
|
|
16
16
|
createUpgradeRule(),
|
|
@@ -7,7 +7,7 @@ const project_1 = require("@po-ui/ng-schematics/project");
|
|
|
7
7
|
const package_config_1 = require("@po-ui/ng-schematics/package-config");
|
|
8
8
|
const changes_1 = require("./changes");
|
|
9
9
|
function updateToV3() {
|
|
10
|
-
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('6.
|
|
10
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('6.10.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
|
|
11
11
|
}
|
|
12
12
|
exports.updateToV3 = updateToV3;
|
|
13
13
|
function postUpdate() {
|
|
@@ -6,7 +6,7 @@ const project_1 = require("@po-ui/ng-schematics/project");
|
|
|
6
6
|
const package_config_1 = require("@po-ui/ng-schematics/package-config");
|
|
7
7
|
const changes_1 = require("./changes");
|
|
8
8
|
function default_1() {
|
|
9
|
-
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('6.
|
|
9
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('6.10.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
|
|
10
10
|
}
|
|
11
11
|
exports.default = default_1;
|
|
12
12
|
function postUpdate() {
|
|
@@ -6,7 +6,7 @@ const project_1 = require("@po-ui/ng-schematics/project");
|
|
|
6
6
|
const package_config_1 = require("@po-ui/ng-schematics/package-config");
|
|
7
7
|
const changes_1 = require("./changes");
|
|
8
8
|
function default_1() {
|
|
9
|
-
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('6.
|
|
9
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('6.10.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
|
|
10
10
|
}
|
|
11
11
|
exports.default = default_1;
|
|
12
12
|
function postUpdate() {
|
|
@@ -5,7 +5,7 @@ const tasks_1 = require("@angular-devkit/schematics/tasks");
|
|
|
5
5
|
const package_config_1 = require("@po-ui/ng-schematics/package-config");
|
|
6
6
|
const changes_1 = require("./changes");
|
|
7
7
|
function default_1() {
|
|
8
|
-
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('6.
|
|
8
|
+
return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('6.10.0', changes_1.updateDepedenciesVersion), postUpdate()]);
|
|
9
9
|
}
|
|
10
10
|
exports.default = default_1;
|
|
11
11
|
function postUpdate() {
|
|
Binary file
|