@po-ui/ng-components 21.4.0 → 21.6.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/fesm2022/po-ui-ng-components.mjs +1894 -256
- package/fesm2022/po-ui-ng-components.mjs.map +1 -1
- package/lib/components/index.d.ts +1 -0
- package/lib/components/po-accordion/po-accordion-base.component.d.ts +3 -0
- package/lib/components/po-breadcrumb/po-breadcrumb-base.component.d.ts +3 -0
- package/lib/components/po-button/po-button-base.component.d.ts +3 -0
- package/lib/components/po-button-group/po-button-group-base.component.d.ts +3 -0
- package/lib/components/po-calendar/po-calendar-base.component.d.ts +3 -0
- package/lib/components/po-dropdown/po-dropdown-base.component.d.ts +3 -0
- package/lib/components/po-dynamic/po-dynamic-form/interfaces/po-dynamic-form-field.interface.d.ts +35 -0
- package/lib/components/po-dynamic/po-dynamic-form/po-dynamic-form-base.component.d.ts +3 -0
- package/lib/components/po-dynamic/po-dynamic-form/po-dynamic-form-fields/po-dynamic-form-fields-base.component.d.ts +3 -0
- package/lib/components/po-dynamic/po-dynamic-view/po-dynamic-view-base.component.d.ts +3 -0
- package/lib/components/po-field/po-checkbox/po-checkbox-base.component.d.ts +45 -1
- package/lib/components/po-field/po-checkbox-group/po-checkbox-group-base.component.d.ts +42 -0
- package/lib/components/po-field/po-combo/po-combo-base.component.d.ts +45 -1
- package/lib/components/po-field/po-datepicker/po-datepicker-base.component.d.ts +44 -0
- package/lib/components/po-field/po-datepicker-range/po-datepicker-range-base.component.d.ts +42 -0
- package/lib/components/po-field/po-field-container/po-field-container.component.d.ts +15 -0
- package/lib/components/po-field/po-input/po-input-base.component.d.ts +44 -0
- package/lib/components/po-field/po-lookup/po-lookup-base.component.d.ts +42 -0
- package/lib/components/po-field/po-multiselect/po-multiselect-base.component.d.ts +44 -0
- package/lib/components/po-field/po-radio/po-radio.component.d.ts +3 -0
- package/lib/components/po-field/po-radio-group/po-radio-group-base.component.d.ts +46 -1
- package/lib/components/po-field/po-radio-group/po-radio-group.component.d.ts +0 -1
- package/lib/components/po-field/po-rich-text/po-rich-text-base.component.d.ts +42 -0
- package/lib/components/po-field/po-select/po-select.component.d.ts +44 -0
- package/lib/components/po-field/po-switch/po-switch.component.d.ts +43 -0
- package/lib/components/po-field/po-textarea/po-textarea-base.component.d.ts +44 -0
- package/lib/components/po-field/po-upload/po-upload-base.component.d.ts +45 -0
- package/lib/components/po-helper/po-helper-base.component.d.ts +1 -0
- package/lib/components/po-info/po-info-base.component.d.ts +3 -0
- package/lib/components/po-list-view/po-list-view-base.component.d.ts +3 -0
- package/lib/components/po-listbox/po-listbox-base.component.d.ts +3 -0
- package/lib/components/po-menu/po-menu-base.component.d.ts +3 -0
- package/lib/components/po-modal/po-modal-base.component.d.ts +3 -0
- package/lib/components/po-page/po-page-default/po-page-default-base.component.d.ts +3 -0
- package/lib/components/po-page/po-page-detail/po-page-detail-base.component.d.ts +3 -0
- package/lib/components/po-page/po-page-edit/po-page-edit-base.component.d.ts +3 -0
- package/lib/components/po-page/po-page-list/po-page-list-base.component.d.ts +3 -0
- package/lib/components/po-page/po-page-slide/po-page-slide-base.component.d.ts +3 -0
- package/lib/components/po-progress/po-progress-base.component.d.ts +3 -0
- package/lib/components/po-search/po-search-base.component.d.ts +3 -0
- package/lib/components/po-skeleton/enums/po-skeleton-animation.enum.d.ts +15 -0
- package/lib/components/po-skeleton/enums/po-skeleton-size.enum.d.ts +21 -0
- package/lib/components/po-skeleton/enums/po-skeleton-type.enum.d.ts +15 -0
- package/lib/components/po-skeleton/enums/po-skeleton-variant.enum.d.ts +17 -0
- package/lib/components/po-skeleton/index.d.ts +6 -0
- package/lib/components/po-skeleton/po-skeleton-base.component.d.ts +208 -0
- package/lib/components/po-skeleton/po-skeleton.component.d.ts +59 -0
- package/lib/components/po-skeleton/po-skeleton.module.d.ts +7 -0
- package/lib/components/po-table/po-table-base.component.d.ts +5 -0
- package/lib/components/po-tabs/po-tabs-base.component.d.ts +3 -0
- package/lib/components/po-toaster/po-toaster-base.component.d.ts +4 -0
- package/lib/components/po-tree-view/po-tree-view-base.component.d.ts +3 -0
- package/lib/components/po-widget/po-widget-base.component.d.ts +3 -0
- package/lib/services/po-dialog/po-dialog.component.d.ts +3 -0
- package/lib/services/po-theme/po-theme.service.d.ts +18 -6
- package/package.json +4 -4
- package/po-ui-ng-components-21.6.0.tgz +0 -0
- package/schematics/ng-add/index.js +1 -1
- package/schematics/ng-update/v14/index.js +1 -1
- package/schematics/ng-update/v15/index.js +1 -1
- package/schematics/ng-update/v16/index.js +1 -1
- package/schematics/ng-update/v17/index.js +1 -1
- package/schematics/ng-update/v18/index.js +2 -2
- package/schematics/ng-update/v19/index.js +2 -2
- package/schematics/ng-update/v2/index.js +1 -1
- package/schematics/ng-update/v20/index.js +2 -2
- package/schematics/ng-update/v21/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/types/po-ui-ng-components.d.ts +1135 -26
- package/po-ui-ng-components-21.4.0.tgz +0 -0
|
@@ -37,6 +37,8 @@ import { PoFieldContainerComponent } from '../po-field-container';
|
|
|
37
37
|
* | `--background` | Cor de background | `var(--color-neutral-light-05)` |
|
|
38
38
|
* | `--padding` | Preenchimento | `0 0.5rem` |
|
|
39
39
|
* | `--text-color` | Cor do texto | `var(--color-neutral-dark-90)` |
|
|
40
|
+
* | `--field-container-title-justify` | Alinhamento horizontal do título (`justify-content`) | `space-between` |
|
|
41
|
+
* | `--field-container-title-flex` | Flex do título (`flex`) | `1 auto` |
|
|
40
42
|
* | **Hover** | | |
|
|
41
43
|
* | `--color-hover` | Cor principal no estado hover | `var(--color-brand-01-dark)` |
|
|
42
44
|
* | `--background-hover` | Cor de background no estado hover | `var(--color-brand-01-lightest)` |
|
|
@@ -95,6 +97,45 @@ export declare abstract class PoInputBaseComponent implements ControlValueAccess
|
|
|
95
97
|
* @default `false`
|
|
96
98
|
*/
|
|
97
99
|
autoFocus: boolean;
|
|
100
|
+
/**
|
|
101
|
+
* @Input
|
|
102
|
+
*
|
|
103
|
+
* @optional
|
|
104
|
+
*
|
|
105
|
+
* @description
|
|
106
|
+
* Define se o título do campo será exibido de forma compacta.
|
|
107
|
+
*
|
|
108
|
+
* Quando habilitado (`true`), o modo compacto afeta o conjunto composto por:
|
|
109
|
+
* - `po-label`
|
|
110
|
+
* - `p-requirement (showRequired)`
|
|
111
|
+
* - `po-helper`
|
|
112
|
+
*
|
|
113
|
+
* Ou seja, todos os elementos relacionados ao título do campo
|
|
114
|
+
* (rótulo, indicador de obrigatoriedade e componente auxiliar) passam
|
|
115
|
+
* a seguir o comportamento de layout compacto.
|
|
116
|
+
*
|
|
117
|
+
* Também é possível definir esse comportamento de forma global,
|
|
118
|
+
* uma única vez, na folha de estilo geral da aplicação, por meio
|
|
119
|
+
* da customização dos tokens CSS:
|
|
120
|
+
*
|
|
121
|
+
* - `--field-container-title-justify`
|
|
122
|
+
* - `--field-container-title-flex`
|
|
123
|
+
*
|
|
124
|
+
* Exemplo:
|
|
125
|
+
*
|
|
126
|
+
* ```
|
|
127
|
+
* :root {
|
|
128
|
+
* --field-container-title-justify: flex-start;
|
|
129
|
+
* --field-container-title-flex: 0 1 auto;
|
|
130
|
+
* }
|
|
131
|
+
* ```
|
|
132
|
+
*
|
|
133
|
+
* Dessa forma, o layout compacto passa a ser o padrão da aplicação,
|
|
134
|
+
* sem a necessidade de definir a propriedade individualmente em cada campo.
|
|
135
|
+
*
|
|
136
|
+
* @default `false`
|
|
137
|
+
*/
|
|
138
|
+
compactLabel: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
98
139
|
/**
|
|
99
140
|
* @optional
|
|
100
141
|
*
|
|
@@ -297,6 +338,7 @@ export declare abstract class PoInputBaseComponent implements ControlValueAccess
|
|
|
297
338
|
private _noAutocomplete?;
|
|
298
339
|
private _placeholder?;
|
|
299
340
|
private _size?;
|
|
341
|
+
private _initialSize?;
|
|
300
342
|
/**
|
|
301
343
|
* @optional
|
|
302
344
|
*
|
|
@@ -460,6 +502,7 @@ export declare abstract class PoInputBaseComponent implements ControlValueAccess
|
|
|
460
502
|
labelTextWrap: import("@angular/core").InputSignal<boolean>;
|
|
461
503
|
constructor(cd?: ChangeDetectorRef);
|
|
462
504
|
ngOnDestroy(): void;
|
|
505
|
+
protected onThemeChange(): void;
|
|
463
506
|
callOnChange(value: any): void;
|
|
464
507
|
callUpdateModelWithTimeout(value: any): void;
|
|
465
508
|
controlChangeModelEmitter(value: any): void;
|
|
@@ -505,6 +548,7 @@ export declare abstract class PoInputBaseComponent implements ControlValueAccess
|
|
|
505
548
|
protected isAdditionalHelpEventTriggered(): boolean;
|
|
506
549
|
mapSizeToIcon(size: string): string;
|
|
507
550
|
private validatePatternOnWriteValue;
|
|
551
|
+
private applySizeBasedOnA11y;
|
|
508
552
|
/**
|
|
509
553
|
* Função que atribui foco ao componente.
|
|
510
554
|
*
|
|
@@ -38,6 +38,7 @@ export declare abstract class PoLookupBaseComponent implements ControlValueAcces
|
|
|
38
38
|
private _literals?;
|
|
39
39
|
private readonly language;
|
|
40
40
|
private _size?;
|
|
41
|
+
private _initialSize?;
|
|
41
42
|
private _spacing;
|
|
42
43
|
inputEl: ElementRef;
|
|
43
44
|
additionalHelpEventTrigger: string | undefined;
|
|
@@ -393,6 +394,45 @@ export declare abstract class PoLookupBaseComponent implements ControlValueAcces
|
|
|
393
394
|
* @default `false`
|
|
394
395
|
*/
|
|
395
396
|
labelTextWrap: import("@angular/core").InputSignal<boolean>;
|
|
397
|
+
/**
|
|
398
|
+
* @Input
|
|
399
|
+
*
|
|
400
|
+
* @optional
|
|
401
|
+
*
|
|
402
|
+
* @description
|
|
403
|
+
* Define se o título do campo será exibido de forma compacta.
|
|
404
|
+
*
|
|
405
|
+
* Quando habilitado (`true`), o modo compacto afeta o conjunto composto por:
|
|
406
|
+
* - `po-label`
|
|
407
|
+
* - `p-requirement (showRequired)`
|
|
408
|
+
* - `po-helper`
|
|
409
|
+
*
|
|
410
|
+
* Ou seja, todos os elementos relacionados ao título do campo
|
|
411
|
+
* (rótulo, indicador de obrigatoriedade e componente auxiliar) passam
|
|
412
|
+
* a seguir o comportamento de layout compacto.
|
|
413
|
+
*
|
|
414
|
+
* Também é possível definir esse comportamento de forma global,
|
|
415
|
+
* uma única vez, na folha de estilo geral da aplicação, por meio
|
|
416
|
+
* da customização dos tokens CSS:
|
|
417
|
+
*
|
|
418
|
+
* - `--field-container-title-justify`
|
|
419
|
+
* - `--field-container-title-flex`
|
|
420
|
+
*
|
|
421
|
+
* Exemplo:
|
|
422
|
+
*
|
|
423
|
+
* ```
|
|
424
|
+
* :root {
|
|
425
|
+
* --field-container-title-justify: flex-start;
|
|
426
|
+
* --field-container-title-flex: 0 1 auto;
|
|
427
|
+
* }
|
|
428
|
+
* ```
|
|
429
|
+
*
|
|
430
|
+
* Dessa forma, o layout compacto passa a ser o padrão da aplicação,
|
|
431
|
+
* sem a necessidade de definir a propriedade individualmente em cada campo.
|
|
432
|
+
*
|
|
433
|
+
* @default `false`
|
|
434
|
+
*/
|
|
435
|
+
compactLabel: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
396
436
|
/**
|
|
397
437
|
*
|
|
398
438
|
* @deprecated v23.x.x use `p-helper`
|
|
@@ -595,6 +635,7 @@ export declare abstract class PoLookupBaseComponent implements ControlValueAcces
|
|
|
595
635
|
ngAfterViewInit(): void;
|
|
596
636
|
cleanModel(): void;
|
|
597
637
|
ngOnChanges(changes: SimpleChanges): void;
|
|
638
|
+
protected onThemeChange(): void;
|
|
598
639
|
setDisabledState(isDisabled: boolean): void;
|
|
599
640
|
registerOnValidatorChange(fn: () => void): void;
|
|
600
641
|
registerOnChange(func: any): void;
|
|
@@ -616,6 +657,7 @@ export declare abstract class PoLookupBaseComponent implements ControlValueAcces
|
|
|
616
657
|
private setControl;
|
|
617
658
|
private initializeColumn;
|
|
618
659
|
private updateLookupInputHeight;
|
|
660
|
+
private applySizeBasedOnA11y;
|
|
619
661
|
abstract setViewValue(value: any, object: any): void;
|
|
620
662
|
abstract openLookup(): void;
|
|
621
663
|
abstract setDisclaimers(a: any): any;
|
|
@@ -57,6 +57,8 @@ export declare const poMultiselectLiteralsDefault: {
|
|
|
57
57
|
* | `--text-color-placeholder` | Cor do texto do placeholder | `var(--color-action-disabled)` |
|
|
58
58
|
* | `--color` | Cor principal do multiselect | `var(--color-neutral-dark-70)` |
|
|
59
59
|
* | `--background` | Cor de background | `var(--color-neutral-light-05)` |
|
|
60
|
+
* | `--field-container-title-justify` | Alinhamento horizontal do título (`justify-content`) | `space-between` |
|
|
61
|
+
* | `--field-container-title-flex` | Flex do título (`flex`) | `1 auto` |
|
|
60
62
|
* | **Hover** | | |
|
|
61
63
|
* | `--color-hover` | Cor principal no estado hover | `var(--color-action-hover)` |
|
|
62
64
|
* | `--background-hover` | Cor de background no estado hover | `var(--color-brand-01-lighter)` |
|
|
@@ -100,6 +102,45 @@ export declare abstract class PoMultiselectBaseComponent implements ControlValue
|
|
|
100
102
|
* @default `false`
|
|
101
103
|
*/
|
|
102
104
|
autoFocus: boolean;
|
|
105
|
+
/**
|
|
106
|
+
* @Input
|
|
107
|
+
*
|
|
108
|
+
* @optional
|
|
109
|
+
*
|
|
110
|
+
* @description
|
|
111
|
+
* Define se o título do campo será exibido de forma compacta.
|
|
112
|
+
*
|
|
113
|
+
* Quando habilitado (`true`), o modo compacto afeta o conjunto composto por:
|
|
114
|
+
* - `po-label`
|
|
115
|
+
* - `p-requirement (showRequired)`
|
|
116
|
+
* - `po-helper`
|
|
117
|
+
*
|
|
118
|
+
* Ou seja, todos os elementos relacionados ao título do campo
|
|
119
|
+
* (rótulo, indicador de obrigatoriedade e componente auxiliar) passam
|
|
120
|
+
* a seguir o comportamento de layout compacto.
|
|
121
|
+
*
|
|
122
|
+
* Também é possível definir esse comportamento de forma global,
|
|
123
|
+
* uma única vez, na folha de estilo geral da aplicação, por meio
|
|
124
|
+
* da customização dos tokens CSS:
|
|
125
|
+
*
|
|
126
|
+
* - `--field-container-title-justify`
|
|
127
|
+
* - `--field-container-title-flex`
|
|
128
|
+
*
|
|
129
|
+
* Exemplo:
|
|
130
|
+
*
|
|
131
|
+
* ```
|
|
132
|
+
* :root {
|
|
133
|
+
* --field-container-title-justify: flex-start;
|
|
134
|
+
* --field-container-title-flex: 0 1 auto;
|
|
135
|
+
* }
|
|
136
|
+
* ```
|
|
137
|
+
*
|
|
138
|
+
* Dessa forma, o layout compacto passa a ser o padrão da aplicação,
|
|
139
|
+
* sem a necessidade de definir a propriedade individualmente em cada campo.
|
|
140
|
+
*
|
|
141
|
+
* @default `false`
|
|
142
|
+
*/
|
|
143
|
+
compactLabel: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
103
144
|
/**
|
|
104
145
|
* @optional
|
|
105
146
|
*
|
|
@@ -290,6 +331,7 @@ export declare abstract class PoMultiselectBaseComponent implements ControlValue
|
|
|
290
331
|
private _fieldLabel?;
|
|
291
332
|
private _fieldValue?;
|
|
292
333
|
private _size?;
|
|
334
|
+
private _initialSize?;
|
|
293
335
|
private language;
|
|
294
336
|
private lastLengthModel;
|
|
295
337
|
private onModelChange;
|
|
@@ -542,6 +584,7 @@ export declare abstract class PoMultiselectBaseComponent implements ControlValue
|
|
|
542
584
|
get fieldValue(): string;
|
|
543
585
|
constructor(languageService: PoLanguageService, cd?: ChangeDetectorRef);
|
|
544
586
|
ngOnInit(): void;
|
|
587
|
+
protected onThemeChange(): void;
|
|
545
588
|
setService(service: PoMultiselectFilter | string): void;
|
|
546
589
|
validAndSortOptions(): void;
|
|
547
590
|
setUndefinedLabels(options: any): void;
|
|
@@ -570,6 +613,7 @@ export declare abstract class PoMultiselectBaseComponent implements ControlValue
|
|
|
570
613
|
private setLabelsAndValuesOptions;
|
|
571
614
|
private validateModel;
|
|
572
615
|
private updateInputHeight;
|
|
616
|
+
private applySizeBasedOnA11y;
|
|
573
617
|
abstract applyFilter(value?: string): Observable<Array<PoMultiselectOption | any>>;
|
|
574
618
|
abstract updateVisibleItems(): void;
|
|
575
619
|
}
|
|
@@ -7,6 +7,7 @@ export declare class PoRadioComponent extends PoFieldModel<boolean> {
|
|
|
7
7
|
radioInput: ElementRef;
|
|
8
8
|
value: boolean;
|
|
9
9
|
private _size?;
|
|
10
|
+
private _initialSize?;
|
|
10
11
|
/** Define o valor do *radio* */
|
|
11
12
|
radioValue: string;
|
|
12
13
|
/** Define o tamanho do radio. */
|
|
@@ -55,4 +56,6 @@ export declare class PoRadioComponent extends PoFieldModel<boolean> {
|
|
|
55
56
|
focusOut(): void;
|
|
56
57
|
onKeyup(): void;
|
|
57
58
|
onKeydown(): void;
|
|
59
|
+
protected onThemeChange(): void;
|
|
60
|
+
private applySizeBasedOnA11y;
|
|
58
61
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { EventEmitter } from '@angular/core';
|
|
1
|
+
import { ChangeDetectorRef, EventEmitter } from '@angular/core';
|
|
2
2
|
import { AbstractControl, ControlValueAccessor, Validator } from '@angular/forms';
|
|
3
3
|
import { PoRadioGroupOption } from './po-radio-group-option.interface';
|
|
4
4
|
import { PoHelperOptions } from '../../po-helper';
|
|
@@ -37,6 +37,8 @@ import { PoHelperOptions } from '../../po-helper';
|
|
|
37
37
|
* |----------------------------------------|-------------------------------------------------------------|-------------------------------------------------|
|
|
38
38
|
* | **Default Values** | | |
|
|
39
39
|
* | `--border-color` | Cor da borda | `var(--color-neutral-dark-70)` |
|
|
40
|
+
* | `--field-container-title-justify` | Alinhamento horizontal do título (`justify-content`) | `space-between` |
|
|
41
|
+
* | `--field-container-title-flex` | Flex do título (`flex`) | `1 auto` |
|
|
40
42
|
* | **Hover** | | |
|
|
41
43
|
* | `--shadow-color-hover` | Cor da sombra no estado hover | `var(--color-brand-01-lighter)` |
|
|
42
44
|
* | `--color-hover` | Cor principal no estado hover | `var(--color-brand-01-dark)` |
|
|
@@ -92,6 +94,45 @@ export declare abstract class PoRadioGroupBaseComponent implements ControlValueA
|
|
|
92
94
|
* @default `false`
|
|
93
95
|
*/
|
|
94
96
|
autoFocus: boolean;
|
|
97
|
+
/**
|
|
98
|
+
* @Input
|
|
99
|
+
*
|
|
100
|
+
* @optional
|
|
101
|
+
*
|
|
102
|
+
* @description
|
|
103
|
+
* Define se o título do campo será exibido de forma compacta.
|
|
104
|
+
*
|
|
105
|
+
* Quando habilitado (`true`), o modo compacto afeta o conjunto composto por:
|
|
106
|
+
* - `po-label`
|
|
107
|
+
* - `p-requirement (showRequired)`
|
|
108
|
+
* - `po-helper`
|
|
109
|
+
*
|
|
110
|
+
* Ou seja, todos os elementos relacionados ao título do campo
|
|
111
|
+
* (rótulo, indicador de obrigatoriedade e componente auxiliar) passam
|
|
112
|
+
* a seguir o comportamento de layout compacto.
|
|
113
|
+
*
|
|
114
|
+
* Também é possível definir esse comportamento de forma global,
|
|
115
|
+
* uma única vez, na folha de estilo geral da aplicação, por meio
|
|
116
|
+
* da customização dos tokens CSS:
|
|
117
|
+
*
|
|
118
|
+
* - `--field-container-title-justify`
|
|
119
|
+
* - `--field-container-title-flex`
|
|
120
|
+
*
|
|
121
|
+
* Exemplo:
|
|
122
|
+
*
|
|
123
|
+
* ```
|
|
124
|
+
* :root {
|
|
125
|
+
* --field-container-title-justify: flex-start;
|
|
126
|
+
* --field-container-title-flex: 0 1 auto;
|
|
127
|
+
* }
|
|
128
|
+
* ```
|
|
129
|
+
*
|
|
130
|
+
* Dessa forma, o layout compacto passa a ser o padrão da aplicação,
|
|
131
|
+
* sem a necessidade de definir a propriedade individualmente em cada campo.
|
|
132
|
+
*
|
|
133
|
+
* @default `false`
|
|
134
|
+
*/
|
|
135
|
+
compactLabel: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
95
136
|
/** Nome das opções. */
|
|
96
137
|
name: string;
|
|
97
138
|
/**
|
|
@@ -190,12 +231,14 @@ export declare abstract class PoRadioGroupBaseComponent implements ControlValueA
|
|
|
190
231
|
displayAdditionalHelp: boolean;
|
|
191
232
|
mdColumns: number;
|
|
192
233
|
value: any;
|
|
234
|
+
protected cd: ChangeDetectorRef;
|
|
193
235
|
protected onTouched: any;
|
|
194
236
|
private _columns;
|
|
195
237
|
private _disabled?;
|
|
196
238
|
private _options;
|
|
197
239
|
private _required?;
|
|
198
240
|
private _size?;
|
|
241
|
+
private _initialSize?;
|
|
199
242
|
private onChangePropagate;
|
|
200
243
|
private validatorChange;
|
|
201
244
|
/**
|
|
@@ -267,6 +310,7 @@ export declare abstract class PoRadioGroupBaseComponent implements ControlValueA
|
|
|
267
310
|
*/
|
|
268
311
|
set size(value: string);
|
|
269
312
|
get size(): string;
|
|
313
|
+
protected onThemeChange(): void;
|
|
270
314
|
changeValue(changedValue: any): void;
|
|
271
315
|
setDisabledState(isDisabled: boolean): void;
|
|
272
316
|
registerOnChange(fn: any): void;
|
|
@@ -279,5 +323,6 @@ export declare abstract class PoRadioGroupBaseComponent implements ControlValueA
|
|
|
279
323
|
private checkColumnsRange;
|
|
280
324
|
private getGridSystemColumns;
|
|
281
325
|
private validateModel;
|
|
326
|
+
private applySizeBasedOnA11y;
|
|
282
327
|
abstract getElementByValue(value: any): any;
|
|
283
328
|
}
|
|
@@ -30,7 +30,6 @@ import { PoHelperComponent } from '../../po-helper';
|
|
|
30
30
|
*/
|
|
31
31
|
export declare class PoRadioGroupComponent extends PoRadioGroupBaseComponent implements AfterViewInit, DoCheck, OnChanges {
|
|
32
32
|
private el;
|
|
33
|
-
private cd;
|
|
34
33
|
/** Label do campo. */
|
|
35
34
|
label?: string;
|
|
36
35
|
/** Texto de apoio do campo. */
|
|
@@ -99,6 +99,45 @@ export declare abstract class PoRichTextBaseComponent implements ControlValueAcc
|
|
|
99
99
|
* Rótulo do campo.
|
|
100
100
|
*/
|
|
101
101
|
label?: string;
|
|
102
|
+
/**
|
|
103
|
+
* @Input
|
|
104
|
+
*
|
|
105
|
+
* @optional
|
|
106
|
+
*
|
|
107
|
+
* @description
|
|
108
|
+
* Define se o título do campo será exibido de forma compacta.
|
|
109
|
+
*
|
|
110
|
+
* Quando habilitado (`true`), o modo compacto afeta o conjunto composto por:
|
|
111
|
+
* - `po-label`
|
|
112
|
+
* - `p-requirement (showRequired)`
|
|
113
|
+
* - `po-helper`
|
|
114
|
+
*
|
|
115
|
+
* Ou seja, todos os elementos relacionados ao título do campo
|
|
116
|
+
* (rótulo, indicador de obrigatoriedade e componente auxiliar) passam
|
|
117
|
+
* a seguir o comportamento de layout compacto.
|
|
118
|
+
*
|
|
119
|
+
* Também é possível definir esse comportamento de forma global,
|
|
120
|
+
* uma única vez, na folha de estilo geral da aplicação, por meio
|
|
121
|
+
* da customização dos tokens CSS:
|
|
122
|
+
*
|
|
123
|
+
* - `--field-container-title-justify`
|
|
124
|
+
* - `--field-container-title-flex`
|
|
125
|
+
*
|
|
126
|
+
* Exemplo:
|
|
127
|
+
*
|
|
128
|
+
* ```
|
|
129
|
+
* :root {
|
|
130
|
+
* --field-container-title-justify: flex-start;
|
|
131
|
+
* --field-container-title-flex: 0 1 auto;
|
|
132
|
+
* }
|
|
133
|
+
* ```
|
|
134
|
+
*
|
|
135
|
+
* Dessa forma, o layout compacto passa a ser o padrão da aplicação,
|
|
136
|
+
* sem a necessidade de definir a propriedade individualmente em cada campo.
|
|
137
|
+
*
|
|
138
|
+
* @default `false`
|
|
139
|
+
*/
|
|
140
|
+
compactLabel: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
102
141
|
/** Nome e identificador do campo. */
|
|
103
142
|
name: string;
|
|
104
143
|
/**
|
|
@@ -211,6 +250,7 @@ export declare abstract class PoRichTextBaseComponent implements ControlValueAcc
|
|
|
211
250
|
private _readonly;
|
|
212
251
|
private _required;
|
|
213
252
|
private _size?;
|
|
253
|
+
private _initialSize?;
|
|
214
254
|
private validatorChange;
|
|
215
255
|
protected onTouched: any;
|
|
216
256
|
/**
|
|
@@ -281,6 +321,7 @@ export declare abstract class PoRichTextBaseComponent implements ControlValueAcc
|
|
|
281
321
|
*/
|
|
282
322
|
showRequired: boolean;
|
|
283
323
|
constructor(richTextService: PoRichTextService);
|
|
324
|
+
protected onThemeChange(): void;
|
|
284
325
|
registerOnChange(func: any): void;
|
|
285
326
|
registerOnTouched(func: any): void;
|
|
286
327
|
registerOnValidatorChange(fn: () => void): void;
|
|
@@ -290,4 +331,5 @@ export declare abstract class PoRichTextBaseComponent implements ControlValueAcc
|
|
|
290
331
|
writeValue(value: string): void;
|
|
291
332
|
protected updateModel(value: any): void;
|
|
292
333
|
protected validateModel(value: any): void;
|
|
334
|
+
private applySizeBasedOnA11y;
|
|
293
335
|
}
|
|
@@ -61,6 +61,8 @@ import { PoHelperComponent, PoHelperOptions } from '../../po-helper';
|
|
|
61
61
|
* | `--text-color` | Cor do texto | `var(--color-neutral-dark-90)` |
|
|
62
62
|
* | `--padding-horizontal` | Preenchimento horizontal | `0.5em` |
|
|
63
63
|
* | `--padding-vertical` | Preenchimento vertical | `0.7em` |
|
|
64
|
+
* | `--field-container-title-justify` | Alinhamento horizontal do título (`justify-content`) | `space-between` |
|
|
65
|
+
* | `--field-container-title-flex` | Flex do título (`flex`) | `1 auto` |
|
|
64
66
|
* | **Hover** | | |
|
|
65
67
|
* | `--color-hover` | Cor principal no estado hover | `var(--color-brand-01-dark)` |
|
|
66
68
|
* | `--background-hover` | Cor de background no estado hover | `var(--color-brand-01-lighter)` |
|
|
@@ -110,6 +112,45 @@ export declare class PoSelectComponent extends PoFieldValidateModel<any> impleme
|
|
|
110
112
|
* @default `false`
|
|
111
113
|
*/
|
|
112
114
|
readonly: boolean;
|
|
115
|
+
/**
|
|
116
|
+
* @Input
|
|
117
|
+
*
|
|
118
|
+
* @optional
|
|
119
|
+
*
|
|
120
|
+
* @description
|
|
121
|
+
* Define se o título do campo será exibido de forma compacta.
|
|
122
|
+
*
|
|
123
|
+
* Quando habilitado (`true`), o modo compacto afeta o conjunto composto por:
|
|
124
|
+
* - `po-label`
|
|
125
|
+
* - `p-requirement (showRequired)`
|
|
126
|
+
* - `po-helper`
|
|
127
|
+
*
|
|
128
|
+
* Ou seja, todos os elementos relacionados ao título do campo
|
|
129
|
+
* (rótulo, indicador de obrigatoriedade e componente auxiliar) passam
|
|
130
|
+
* a seguir o comportamento de layout compacto.
|
|
131
|
+
*
|
|
132
|
+
* Também é possível definir esse comportamento de forma global,
|
|
133
|
+
* uma única vez, na folha de estilo geral da aplicação, por meio
|
|
134
|
+
* da customização dos tokens CSS:
|
|
135
|
+
*
|
|
136
|
+
* - `--field-container-title-justify`
|
|
137
|
+
* - `--field-container-title-flex`
|
|
138
|
+
*
|
|
139
|
+
* Exemplo:
|
|
140
|
+
*
|
|
141
|
+
* ```
|
|
142
|
+
* :root {
|
|
143
|
+
* --field-container-title-justify: flex-start;
|
|
144
|
+
* --field-container-title-flex: 0 1 auto;
|
|
145
|
+
* }
|
|
146
|
+
* ```
|
|
147
|
+
*
|
|
148
|
+
* Dessa forma, o layout compacto passa a ser o padrão da aplicação,
|
|
149
|
+
* sem a necessidade de definir a propriedade individualmente em cada campo.
|
|
150
|
+
*
|
|
151
|
+
* @default `false`
|
|
152
|
+
*/
|
|
153
|
+
compactLabel: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
113
154
|
/** Mensagem que aparecerá enquanto nenhuma opção estiver selecionada. */
|
|
114
155
|
placeholder?: string;
|
|
115
156
|
displayValue: any;
|
|
@@ -126,6 +167,7 @@ export declare class PoSelectComponent extends PoFieldValidateModel<any> impleme
|
|
|
126
167
|
private _loading;
|
|
127
168
|
private _options;
|
|
128
169
|
private _size?;
|
|
170
|
+
private _initialSize?;
|
|
129
171
|
/**
|
|
130
172
|
* Nesta propriedade deve ser definido uma coleção de objetos que implementam a interface `PoSelectOption`,
|
|
131
173
|
* ou uma coleção de objetos dentro de grupos diferentes, que seriam da interface `PoSelectOptionGroup`.
|
|
@@ -246,6 +288,7 @@ export declare class PoSelectComponent extends PoFieldValidateModel<any> impleme
|
|
|
246
288
|
labelTextWrap: import("@angular/core").InputSignal<boolean>;
|
|
247
289
|
constructor();
|
|
248
290
|
ngOnChanges(changes: SimpleChanges): void;
|
|
291
|
+
protected onThemeChange(): void;
|
|
249
292
|
/**
|
|
250
293
|
* Função que atribui foco ao componente.
|
|
251
294
|
*
|
|
@@ -314,4 +357,5 @@ export declare class PoSelectComponent extends PoFieldValidateModel<any> impleme
|
|
|
314
357
|
private transformInArray;
|
|
315
358
|
private separateOptions;
|
|
316
359
|
private validateOptions;
|
|
360
|
+
private applySizeBasedOnA11y;
|
|
317
361
|
}
|
|
@@ -89,7 +89,48 @@ export declare class PoSwitchComponent extends PoFieldModel<any> implements Vali
|
|
|
89
89
|
private _loading;
|
|
90
90
|
private _formatModel;
|
|
91
91
|
private _size?;
|
|
92
|
+
private _initialSize?;
|
|
92
93
|
private statusChangesSubscription;
|
|
94
|
+
/**
|
|
95
|
+
*
|
|
96
|
+
* @Input
|
|
97
|
+
*
|
|
98
|
+
* @optional
|
|
99
|
+
*
|
|
100
|
+
* @description
|
|
101
|
+
* Define se o título do campo será exibido de forma compacta.
|
|
102
|
+
*
|
|
103
|
+
* Quando habilitado (`true`), o modo compacto afeta o conjunto composto por:
|
|
104
|
+
* - `po-label`
|
|
105
|
+
* - `p-requirement (showRequired)`
|
|
106
|
+
* - `po-helper`
|
|
107
|
+
*
|
|
108
|
+
* Ou seja, todos os elementos relacionados ao título do campo
|
|
109
|
+
* (rótulo, indicador de obrigatoriedade e componente auxiliar) passam
|
|
110
|
+
* a seguir o comportamento de layout compacto.
|
|
111
|
+
*
|
|
112
|
+
* Também é possível definir esse comportamento de forma global,
|
|
113
|
+
* uma única vez, na folha de estilo geral da aplicação, por meio
|
|
114
|
+
* da customização dos tokens CSS:
|
|
115
|
+
*
|
|
116
|
+
* - `--field-container-title-justify`
|
|
117
|
+
* - `--field-container-title-flex`
|
|
118
|
+
*
|
|
119
|
+
* Exemplo:
|
|
120
|
+
*
|
|
121
|
+
* ```
|
|
122
|
+
* :root {
|
|
123
|
+
* --field-container-title-justify: flex-start;
|
|
124
|
+
* --field-container-title-flex: 0 1 auto;
|
|
125
|
+
* }
|
|
126
|
+
* ```
|
|
127
|
+
*
|
|
128
|
+
* Dessa forma, o layout compacto passa a ser o padrão da aplicação,
|
|
129
|
+
* sem a necessidade de definir a propriedade individualmente em cada campo.
|
|
130
|
+
*
|
|
131
|
+
* @default `false`
|
|
132
|
+
*/
|
|
133
|
+
compactLabel: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
93
134
|
/**
|
|
94
135
|
* @optional
|
|
95
136
|
*
|
|
@@ -259,6 +300,7 @@ export declare class PoSwitchComponent extends PoFieldModel<any> implements Vali
|
|
|
259
300
|
onWriteValue(value: any): void;
|
|
260
301
|
validate(control: AbstractControl): ValidationErrors | null;
|
|
261
302
|
ngAfterViewInit(): void;
|
|
303
|
+
protected onThemeChange(): void;
|
|
262
304
|
private setControl;
|
|
263
305
|
mapSizeToIcon(size: string): string;
|
|
264
306
|
getErrorPattern(): string;
|
|
@@ -292,4 +334,5 @@ export declare class PoSwitchComponent extends PoFieldModel<any> implements Vali
|
|
|
292
334
|
* ```
|
|
293
335
|
*/
|
|
294
336
|
showAdditionalHelp(): boolean;
|
|
337
|
+
private applySizeBasedOnA11y;
|
|
295
338
|
}
|
|
@@ -43,6 +43,8 @@ import { PoHelperOptions } from '../../po-helper';
|
|
|
43
43
|
* | `--text-color-placeholder` | Cor do texto placeholder | `var(--color-neutral-light-30)` |
|
|
44
44
|
* | `--color` | Cor pincipal do campo | `var(--color-neutral-dark-70)` |
|
|
45
45
|
* | `--background` | Cor de background | `var(--color-neutral-light-05)` |
|
|
46
|
+
* | `--field-container-title-justify` | Alinhamento horizontal do título (`justify-content`) | `space-between` |
|
|
47
|
+
* | `--field-container-title-flex` | Flex do título (`flex`) | `1 auto` |
|
|
46
48
|
*
|
|
47
49
|
*/
|
|
48
50
|
export declare abstract class PoTextareaBaseComponent implements ControlValueAccessor, Validator {
|
|
@@ -88,6 +90,45 @@ export declare abstract class PoTextareaBaseComponent implements ControlValueAcc
|
|
|
88
90
|
* @default `false`
|
|
89
91
|
*/
|
|
90
92
|
autoFocus: boolean;
|
|
93
|
+
/**
|
|
94
|
+
* @Input
|
|
95
|
+
*
|
|
96
|
+
* @optional
|
|
97
|
+
*
|
|
98
|
+
* @description
|
|
99
|
+
* Define se o título do campo será exibido de forma compacta.
|
|
100
|
+
*
|
|
101
|
+
* Quando habilitado (`true`), o modo compacto afeta o conjunto composto por:
|
|
102
|
+
* - `po-label`
|
|
103
|
+
* - `p-requirement (showRequired)`
|
|
104
|
+
* - `po-helper`
|
|
105
|
+
*
|
|
106
|
+
* Ou seja, todos os elementos relacionados ao título do campo
|
|
107
|
+
* (rótulo, indicador de obrigatoriedade e componente auxiliar) passam
|
|
108
|
+
* a seguir o comportamento de layout compacto.
|
|
109
|
+
*
|
|
110
|
+
* Também é possível definir esse comportamento de forma global,
|
|
111
|
+
* uma única vez, na folha de estilo geral da aplicação, por meio
|
|
112
|
+
* da customização dos tokens CSS:
|
|
113
|
+
*
|
|
114
|
+
* - `--field-container-title-justify`
|
|
115
|
+
* - `--field-container-title-flex`
|
|
116
|
+
*
|
|
117
|
+
* Exemplo:
|
|
118
|
+
*
|
|
119
|
+
* ```
|
|
120
|
+
* :root {
|
|
121
|
+
* --field-container-title-justify: flex-start;
|
|
122
|
+
* --field-container-title-flex: 0 1 auto;
|
|
123
|
+
* }
|
|
124
|
+
* ```
|
|
125
|
+
*
|
|
126
|
+
* Dessa forma, o layout compacto passa a ser o padrão da aplicação,
|
|
127
|
+
* sem a necessidade de definir a propriedade individualmente em cada campo.
|
|
128
|
+
*
|
|
129
|
+
* @default `false`
|
|
130
|
+
*/
|
|
131
|
+
compactLabel: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
91
132
|
/** Label do campo. */
|
|
92
133
|
label?: string;
|
|
93
134
|
/** Texto de apoio do campo. */
|
|
@@ -220,6 +261,7 @@ export declare abstract class PoTextareaBaseComponent implements ControlValueAcc
|
|
|
220
261
|
private _required;
|
|
221
262
|
private _rows;
|
|
222
263
|
private _size?;
|
|
264
|
+
private _initialSize?;
|
|
223
265
|
private modelLastUpdate;
|
|
224
266
|
private onChangePropagate;
|
|
225
267
|
private validatorChange;
|
|
@@ -315,6 +357,7 @@ export declare abstract class PoTextareaBaseComponent implements ControlValueAcc
|
|
|
315
357
|
set size(value: string);
|
|
316
358
|
get size(): string;
|
|
317
359
|
constructor(cd: ChangeDetectorRef);
|
|
360
|
+
protected onThemeChange(): void;
|
|
318
361
|
callOnChange(value: any): void;
|
|
319
362
|
controlChangeModelEmitter(value: any): void;
|
|
320
363
|
setDisabledState(isDisabled: boolean): void;
|
|
@@ -326,5 +369,6 @@ export declare abstract class PoTextareaBaseComponent implements ControlValueAcc
|
|
|
326
369
|
};
|
|
327
370
|
writeValue(value: any): void;
|
|
328
371
|
protected validateModel(): void;
|
|
372
|
+
private applySizeBasedOnA11y;
|
|
329
373
|
abstract writeValueModel(value: any): void;
|
|
330
374
|
}
|