@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.
Files changed (76) hide show
  1. package/fesm2022/po-ui-ng-components.mjs +1894 -256
  2. package/fesm2022/po-ui-ng-components.mjs.map +1 -1
  3. package/lib/components/index.d.ts +1 -0
  4. package/lib/components/po-accordion/po-accordion-base.component.d.ts +3 -0
  5. package/lib/components/po-breadcrumb/po-breadcrumb-base.component.d.ts +3 -0
  6. package/lib/components/po-button/po-button-base.component.d.ts +3 -0
  7. package/lib/components/po-button-group/po-button-group-base.component.d.ts +3 -0
  8. package/lib/components/po-calendar/po-calendar-base.component.d.ts +3 -0
  9. package/lib/components/po-dropdown/po-dropdown-base.component.d.ts +3 -0
  10. package/lib/components/po-dynamic/po-dynamic-form/interfaces/po-dynamic-form-field.interface.d.ts +35 -0
  11. package/lib/components/po-dynamic/po-dynamic-form/po-dynamic-form-base.component.d.ts +3 -0
  12. package/lib/components/po-dynamic/po-dynamic-form/po-dynamic-form-fields/po-dynamic-form-fields-base.component.d.ts +3 -0
  13. package/lib/components/po-dynamic/po-dynamic-view/po-dynamic-view-base.component.d.ts +3 -0
  14. package/lib/components/po-field/po-checkbox/po-checkbox-base.component.d.ts +45 -1
  15. package/lib/components/po-field/po-checkbox-group/po-checkbox-group-base.component.d.ts +42 -0
  16. package/lib/components/po-field/po-combo/po-combo-base.component.d.ts +45 -1
  17. package/lib/components/po-field/po-datepicker/po-datepicker-base.component.d.ts +44 -0
  18. package/lib/components/po-field/po-datepicker-range/po-datepicker-range-base.component.d.ts +42 -0
  19. package/lib/components/po-field/po-field-container/po-field-container.component.d.ts +15 -0
  20. package/lib/components/po-field/po-input/po-input-base.component.d.ts +44 -0
  21. package/lib/components/po-field/po-lookup/po-lookup-base.component.d.ts +42 -0
  22. package/lib/components/po-field/po-multiselect/po-multiselect-base.component.d.ts +44 -0
  23. package/lib/components/po-field/po-radio/po-radio.component.d.ts +3 -0
  24. package/lib/components/po-field/po-radio-group/po-radio-group-base.component.d.ts +46 -1
  25. package/lib/components/po-field/po-radio-group/po-radio-group.component.d.ts +0 -1
  26. package/lib/components/po-field/po-rich-text/po-rich-text-base.component.d.ts +42 -0
  27. package/lib/components/po-field/po-select/po-select.component.d.ts +44 -0
  28. package/lib/components/po-field/po-switch/po-switch.component.d.ts +43 -0
  29. package/lib/components/po-field/po-textarea/po-textarea-base.component.d.ts +44 -0
  30. package/lib/components/po-field/po-upload/po-upload-base.component.d.ts +45 -0
  31. package/lib/components/po-helper/po-helper-base.component.d.ts +1 -0
  32. package/lib/components/po-info/po-info-base.component.d.ts +3 -0
  33. package/lib/components/po-list-view/po-list-view-base.component.d.ts +3 -0
  34. package/lib/components/po-listbox/po-listbox-base.component.d.ts +3 -0
  35. package/lib/components/po-menu/po-menu-base.component.d.ts +3 -0
  36. package/lib/components/po-modal/po-modal-base.component.d.ts +3 -0
  37. package/lib/components/po-page/po-page-default/po-page-default-base.component.d.ts +3 -0
  38. package/lib/components/po-page/po-page-detail/po-page-detail-base.component.d.ts +3 -0
  39. package/lib/components/po-page/po-page-edit/po-page-edit-base.component.d.ts +3 -0
  40. package/lib/components/po-page/po-page-list/po-page-list-base.component.d.ts +3 -0
  41. package/lib/components/po-page/po-page-slide/po-page-slide-base.component.d.ts +3 -0
  42. package/lib/components/po-progress/po-progress-base.component.d.ts +3 -0
  43. package/lib/components/po-search/po-search-base.component.d.ts +3 -0
  44. package/lib/components/po-skeleton/enums/po-skeleton-animation.enum.d.ts +15 -0
  45. package/lib/components/po-skeleton/enums/po-skeleton-size.enum.d.ts +21 -0
  46. package/lib/components/po-skeleton/enums/po-skeleton-type.enum.d.ts +15 -0
  47. package/lib/components/po-skeleton/enums/po-skeleton-variant.enum.d.ts +17 -0
  48. package/lib/components/po-skeleton/index.d.ts +6 -0
  49. package/lib/components/po-skeleton/po-skeleton-base.component.d.ts +208 -0
  50. package/lib/components/po-skeleton/po-skeleton.component.d.ts +59 -0
  51. package/lib/components/po-skeleton/po-skeleton.module.d.ts +7 -0
  52. package/lib/components/po-table/po-table-base.component.d.ts +5 -0
  53. package/lib/components/po-tabs/po-tabs-base.component.d.ts +3 -0
  54. package/lib/components/po-toaster/po-toaster-base.component.d.ts +4 -0
  55. package/lib/components/po-tree-view/po-tree-view-base.component.d.ts +3 -0
  56. package/lib/components/po-widget/po-widget-base.component.d.ts +3 -0
  57. package/lib/services/po-dialog/po-dialog.component.d.ts +3 -0
  58. package/lib/services/po-theme/po-theme.service.d.ts +18 -6
  59. package/package.json +4 -4
  60. package/po-ui-ng-components-21.6.0.tgz +0 -0
  61. package/schematics/ng-add/index.js +1 -1
  62. package/schematics/ng-update/v14/index.js +1 -1
  63. package/schematics/ng-update/v15/index.js +1 -1
  64. package/schematics/ng-update/v16/index.js +1 -1
  65. package/schematics/ng-update/v17/index.js +1 -1
  66. package/schematics/ng-update/v18/index.js +2 -2
  67. package/schematics/ng-update/v19/index.js +2 -2
  68. package/schematics/ng-update/v2/index.js +1 -1
  69. package/schematics/ng-update/v20/index.js +2 -2
  70. package/schematics/ng-update/v21/index.js +1 -1
  71. package/schematics/ng-update/v3/index.js +1 -1
  72. package/schematics/ng-update/v4/index.js +1 -1
  73. package/schematics/ng-update/v5/index.js +1 -1
  74. package/schematics/ng-update/v6/index.js +1 -1
  75. package/types/po-ui-ng-components.d.ts +1135 -26
  76. 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` &nbsp; | 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
  }