@po-ui/ng-components 21.4.0 → 21.6.0

package/lib/components/index.d.ts

@@ -46,5 +46,6 @@ export * from './po-toolbar/index';
 export * from './po-tree-view/index';
 export * from './po-widget/index';
 export * from './po-search/index';
+export * from './po-skeleton/index';
 export * from './po-toaster/index';
 export * from './po-header/index';

package/lib/components/po-accordion/po-accordion-base.component.d.ts

@@ -82,6 +82,7 @@ export declare class PoAccordionBaseComponent {
     private language;
     private _literals;
     private _size?;
+    private _initialSize?;
     /**
      * @optional
      *
@@ -175,4 +176,6 @@ export declare class PoAccordionBaseComponent {
      */
     collapseAllEvent: EventEmitter<void>;
     constructor(languageService: PoLanguageService);
+    protected onThemeChange(): void;
+    private applySizeBasedOnA11y;
 }

package/lib/components/po-breadcrumb/po-breadcrumb-base.component.d.ts

@@ -106,6 +106,7 @@ export declare class PoBreadcrumbBaseComponent {
     protected resizeListener: () => void;
     private _items;
     private _size?;
+    private _initialSize?;
     /**
      * @description
      *
@@ -132,6 +133,8 @@ export declare class PoBreadcrumbBaseComponent {
      */
     set size(value: string);
     get size(): string;
+    protected onThemeChange(): void;
+    private applySizeBasedOnA11y;
     private transformToArrayPopup;
     private transformArrayToActionPopUp;
 }

package/lib/components/po-button/po-button-base.component.d.ts

@@ -123,6 +123,7 @@ export declare class PoButtonBaseComponent {
     private _loading?;
     private _kind?;
     private _size?;
+    private _initialSize?;
     protected hasSize?: boolean;
     /**
      * @optional
@@ -205,4 +206,6 @@ export declare class PoButtonBaseComponent {
      */
     set size(value: string);
     get size(): string;
+    protected onThemeChange(): void;
+    private applySizeBasedOnA11y;
 }

package/lib/components/po-button-group/po-button-group-base.component.d.ts

@@ -62,6 +62,7 @@ export declare class PoButtonGroupBaseComponent {
      */
     readonly buttons: import("@angular/core").InputSignal<PoButtonGroupItem[]>;
     private _size?;
+    private _initialSize?;
     private _toggle?;
     /**
      * @optional
@@ -93,6 +94,8 @@ export declare class PoButtonGroupBaseComponent {
      */
     set size(value: string);
     get size(): string;
+    protected onThemeChange(): void;
+    private applySizeBasedOnA11y;
     onButtonClick(buttonClicked: PoButtonGroupItem, buttonIndex: number): void;
     private checkSelecteds;
     private deselectAllButtons;

package/lib/components/po-calendar/po-calendar-base.component.d.ts

@@ -128,6 +128,7 @@ export declare class PoCalendarBaseComponent {
     private _minDate;
     private _mode;
     private _size?;
+    private _initialSize?;
     /**
      * @optional
      *
@@ -220,6 +221,8 @@ export declare class PoCalendarBaseComponent {
     set size(value: string);
     get size(): string;
     constructor(poDate: PoDateService, languageService: PoLanguageService);
+    protected onThemeChange(): void;
     protected setActivateDate(date?: Date | string): void;
     private verifyActivateDate;
+    private applySizeBasedOnA11y;
 }

package/lib/components/po-dropdown/po-dropdown-base.component.d.ts

@@ -66,6 +66,7 @@ export declare class PoDropdownBaseComponent {
     private _actions;
     private _disabled;
     private _size?;
+    private _initialSize?;
     /** Lista de ações que serão exibidas no componente. */
     set actions(value: Array<PoDropdownAction>);
     get actions(): Array<PoDropdownAction>;
@@ -96,4 +97,6 @@ export declare class PoDropdownBaseComponent {
      */
     set size(value: string);
     get size(): string;
+    protected onThemeChange(): void;
+    private applySizeBasedOnA11y;
 }

package/lib/components/po-dynamic/po-dynamic-form/interfaces/po-dynamic-form-field.interface.d.ts

@@ -782,4 +782,39 @@ export interface PoDynamicFormField extends PoDynamicField {
      * @default `false`
      */
     invalidValue?: boolean;
+    /**
+     * Define se o título do campo será exibido de forma compacta.
+     *
+     * Quando habilitado (`true`), o modo compacto afeta o conjunto composto por:
+     * - `po-label`
+     * - `p-requirement (showRequired)`
+     * - `po-helper`
+     *
+     * Ou seja, todos os elementos relacionados ao título do campo
+     * (rótulo, indicador de obrigatoriedade e componente auxiliar) passam
+     * a seguir o comportamento de layout compacto.
+     *
+     * Também é possível definir esse comportamento de forma global,
+     * uma única vez, na folha de estilo geral da aplicação, por meio
+     * da customização dos tokens CSS:
+     *
+     * - `--field-container-title-justify`
+     * - `--field-container-title-flex`
+     *
+     * Exemplo:
+     * ```
+     * :root {
+     *   --field-container-title-justify: flex-start;
+     *   --field-container-title-flex: 0 1 auto;
+     * }
+     * ```
+     *
+     * Dessa forma, o layout compacto passa a ser o padrão da aplicação,
+     * sem a necessidade de definir a propriedade individualmente em cada campo.
+     *
+     * @default `false`
+     *
+     * **Compatível com todos os componentes**
+     */
+    compactLabel?: boolean;
 }

package/lib/components/po-dynamic/po-dynamic-form/po-dynamic-form-base.component.d.ts

@@ -191,6 +191,7 @@ export declare class PoDynamicFormBaseComponent {
      */
     validateFields?: Array<string>;
     private _componentsSize?;
+    private _initialComponentsSize?;
     private _groupForm?;
     /**
      * @optional
@@ -245,4 +246,6 @@ export declare class PoDynamicFormBaseComponent {
      *
      */
     validateOnInput: boolean;
+    protected onThemeChange(): void;
+    private applySizeBasedOnA11y;
 }

package/lib/components/po-dynamic/po-dynamic-form/po-dynamic-form-fields/po-dynamic-form-fields-base.component.d.ts

@@ -12,6 +12,7 @@ export declare class PoDynamicFormFieldsBaseComponent extends PoDynamicSharedBas
     objectValue: EventEmitter<any>;
     validateOnInput: boolean;
     private _componentsSize?;
+    private _initialComponentsSize?;
     private _fields;
     private _validateFields;
     private _value?;
@@ -25,6 +26,7 @@ export declare class PoDynamicFormFieldsBaseComponent extends PoDynamicSharedBas
     get validateFields(): Array<string>;
     constructor(titleCasePipe: TitleCasePipe);
     compareTo(value: any, compareTo: any): boolean;
+    protected onThemeChange(): void;
     protected getVisibleFields(): any[];
     private convertOptions;
     private createField;
@@ -46,4 +48,5 @@ export declare class PoDynamicFormFieldsBaseComponent extends PoDynamicSharedBas
     private isSelect;
     private isTextarea;
     private printError;
+    private applySizeBasedOnA11y;
 }

package/lib/components/po-dynamic/po-dynamic-view/po-dynamic-view-base.component.d.ts

@@ -58,6 +58,7 @@ export declare class PoDynamicViewBaseComponent extends PoDynamicSharedBase {
     load: string | Function;
     service: any;
     private _componentsSize?;
+    private _initialComponentsSize?;
     private _fields;
     private _showAllValue;
     private _value;
@@ -143,6 +144,7 @@ export declare class PoDynamicViewBaseComponent extends PoDynamicSharedBase {
     set value(value: object);
     get value(): object;
     constructor(currencyPipe: CurrencyPipe, datePipe: DatePipe, decimalPipe: DecimalPipe, timePipe: PoTimePipe, titleCasePipe: TitleCasePipe, dynamicViewService: PoDynamicViewService, comboFilterService: PoComboFilterService, multiselectFilterService: PoMultiselectFilterService);
+    protected onThemeChange(): void;
     protected getFieldOrderRetroactive(position: number, index?: number): number;
     protected getFieldOrder(field: PoDynamicViewField, index: number): number;
     protected getConfiguredFields(useSearchService?: boolean): any[];
@@ -203,4 +205,5 @@ export declare class PoDynamicViewBaseComponent extends PoDynamicSharedBase {
     private transformFieldLabel;
     private transformValue;
     private formatField;
+    private applySizeBasedOnA11y;
 }

package/lib/components/po-field/po-checkbox/po-checkbox-base.component.d.ts

@@ -32,6 +32,8 @@ import { PoHelperOptions } from '../../po-helper';
  * | `--border-color`                       | Cor da borda                                                 | `var(--color-neutral-dark-70)`                  |
  * | `--color-unchecked`                    | Cor quando não selecionado                                   | `var(--color-neutral-light-00)`                 |
  * | `--color-checked`                      | Cor quando selecionado                                       | `var(--color-action-default)`                   |
+ * | `--field-container-title-justify`      | Alinhamento horizontal do título (`justify-content`)         | `space-between`                                 |
+ * | `--field-container-title-flex`         | Flex do título (`flex`)                                      | `1 auto`                                        |
  * | **Hover**                              |                                                              |                                                 |
  * | `--color-hover`                        | Cor principal no estado hover                                | `var(--color-action-hover)`                     |
  * | `--shadow-color-hover`                 | Cor da sombra no estado hover                                | `var(--color-brand-01-lighter)`                 |
@@ -73,6 +75,45 @@ export declare abstract class PoCheckboxBaseComponent implements ControlValueAcc
      * @default `false`
      */
     appendBox?: boolean;
+    /**
+     * @Input
+     *
+     * @optional
+     *
+     * @description
+     * Define se o título do campo será exibido de forma compacta.
+     *
+     * Quando habilitado (`true`), o modo compacto afeta o conjunto composto por:
+     * - `po-label`
+     * - `p-requirement (showRequired)`
+     * - `po-helper`
+     *
+     * Ou seja, todos os elementos relacionados ao título do campo
+     * (rótulo, indicador de obrigatoriedade e componente auxiliar) passam
+     * a seguir o comportamento de layout compacto.
+     *
+     * Também é possível definir esse comportamento de forma global,
+     * uma única vez, na folha de estilo geral da aplicação, por meio
+     * da customização dos tokens CSS:
+     *
+     * - `--field-container-title-justify`
+     * - `--field-container-title-flex`
+     *
+     * Exemplo:
+     *
+     * ```
+     * :root {
+     *   --field-container-title-justify: flex-start;
+     *   --field-container-title-flex: 0 1 auto;
+     * }
+     * ```
+     *
+     * Dessa forma, o layout compacto passa a ser o padrão da aplicação,
+     * sem a necessidade de definir a propriedade individualmente em cada campo.
+     *
+     * @default `false`
+     */
+    compactLabel: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
      * @optional
      *
@@ -140,6 +181,7 @@ export declare abstract class PoCheckboxBaseComponent implements ControlValueAcc
     onTouched: any;
     private _disabled?;
     private _size?;
+    private _initialSize?;
     /**
      * @optional
      *
@@ -168,6 +210,7 @@ export declare abstract class PoCheckboxBaseComponent implements ControlValueAcc
      *
      */
     set size(value: string);
+    get size(): string;
     /**
      * @Input
      *
@@ -195,13 +238,14 @@ export declare abstract class PoCheckboxBaseComponent implements ControlValueAcc
      * @default `false`
      */
     labelTextWrap: import("@angular/core").InputSignal<boolean>;
-    get size(): string;
     constructor(cd: ChangeDetectorRef);
+    protected onThemeChange(): void;
     changeValue(): void;
     checkOption(event: any, value: boolean | null | string): void;
     setDisabledState(isDisabled: boolean): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     writeValue(value: any): void;
+    private applySizeBasedOnA11y;
     protected abstract changeModelValue(value: boolean | null): any;
 }

package/lib/components/po-field/po-checkbox-group/po-checkbox-group-base.component.d.ts

@@ -74,6 +74,45 @@ export declare class PoCheckboxGroupBaseComponent implements ControlValueAccesso
      * @default `false`
      */
     autoFocus: boolean;
+    /**
+     * @Input
+     *
+     * @optional
+     *
+     * @description
+     * Define se o título do campo será exibido de forma compacta.
+     *
+     * Quando habilitado (`true`), o modo compacto afeta o conjunto composto por:
+     * - `po-label`
+     * - `p-requirement (showRequired)`
+     * - `po-helper`
+     *
+     * Ou seja, todos os elementos relacionados ao título do campo
+     * (rótulo, indicador de obrigatoriedade e componente auxiliar) passam
+     * a seguir o comportamento de layout compacto.
+     *
+     * Também é possível definir esse comportamento de forma global,
+     * uma única vez, na folha de estilo geral da aplicação, por meio
+     * da customização dos tokens CSS:
+     *
+     * - `--field-container-title-justify`
+     * - `--field-container-title-flex`
+     *
+     * Exemplo:
+     *
+     * ```
+     * :root {
+     *   --field-container-title-justify: flex-start;
+     *   --field-container-title-flex: 0 1 auto;
+     * }
+     * ```
+     *
+     * Dessa forma, o layout compacto passa a ser o padrão da aplicação,
+     * sem a necessidade de definir a propriedade individualmente em cada campo.
+     *
+     * @default `false`
+     */
+    compactLabel: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /** Nome dos checkboxes */
     name: string;
     /** Texto de apoio do campo */
@@ -200,6 +239,7 @@ export declare class PoCheckboxGroupBaseComponent implements ControlValueAccesso
     private _options?;
     private _required?;
     private _size?;
+    private _initialSize?;
     /**
      * @optional
      *
@@ -287,6 +327,7 @@ export declare class PoCheckboxGroupBaseComponent implements ControlValueAccesso
      */
     set size(value: string);
     get size(): string;
+    protected onThemeChange(): void;
     changeValue(): void;
     checkIndeterminate(): any;
     checkOption(value: PoCheckboxGroupOption): void;
@@ -306,4 +347,5 @@ export declare class PoCheckboxGroupBaseComponent implements ControlValueAccesso
     private isInvalidIndeterminate;
     private removeDuplicatedOptions;
     private setCheckboxGroupOptionsView;
+    private applySizeBasedOnA11y;
 }

package/lib/components/po-field/po-combo/po-combo-base.component.d.ts

@@ -46,7 +46,9 @@ import { PoHelperOptions } from '../../po-helper';
  * | `--color`                              | Cor principal do Combo                                | `var(--color-neutral-dark-70)`                    |
  * | `--background`                         | Cor de background                                     | `var(--color-neutral-light-05)`                   |
  * | `--border-radius`                      | Contém o valor do raio dos cantos do elemento    | `var(--border-width-lg)`                          |
- * | `--min-width`                          | Largura mínima do combo                               | `150px`
+ * | `--min-width`                          | Largura mínima do combo                               | `150px`                                           |
+ * | `--field-container-title-justify`      | Alinhamento horizontal do título (`justify-content`)  | `space-between`                                   |
+ * | `--field-container-title-flex`         | Flex do título (`flex`)                               | `1 auto`                                          |
  * | **Hover**                              |                                                       |                                                   |
  * | `--color-hover`                        | Cor principal no estado hover                         | `var(--color-action-hover)`                       |
  * | `--background-hover`                   | Cor de background no estado hover                     | `var(--color-brand-01-lightest)`                  |
@@ -100,6 +102,45 @@ export declare abstract class PoComboBaseComponent implements ControlValueAccess
      * @default `false`
      */
     autoFocus: boolean;
+    /**
+     * @Input
+     *
+     * @optional
+     *
+     * @description
+     * Define se o título do campo será exibido de forma compacta.
+     *
+     * Quando habilitado (`true`), o modo compacto afeta o conjunto composto por:
+     * - `po-label`
+     * - `p-requirement (showRequired)`
+     * - `po-helper`
+     *
+     * Ou seja, todos os elementos relacionados ao título do campo
+     * (rótulo, indicador de obrigatoriedade e componente auxiliar) passam
+     * a seguir o comportamento de layout compacto.
+     *
+     * Também é possível definir esse comportamento de forma global,
+     * uma única vez, na folha de estilo geral da aplicação, por meio
+     * da customização dos tokens CSS:
+     *
+     * - `--field-container-title-justify`
+     * - `--field-container-title-flex`
+     *
+     * Exemplo:
+     *
+     * ```
+     * :root {
+     *   --field-container-title-justify: flex-start;
+     *   --field-container-title-flex: 0 1 auto;
+     * }
+     * ```
+     *
+     * Dessa forma, o layout compacto passa a ser o padrão da aplicação,
+     * sem a necessidade de definir a propriedade individualmente em cada campo.
+     *
+     * @default `false`
+     */
+    compactLabel: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /** Label no componente. */
     label?: string;
     /** Texto de apoio para o campo. */
@@ -392,6 +433,7 @@ export declare abstract class PoComboBaseComponent implements ControlValueAccess
     private _placeholder;
     private _required?;
     private _size?;
+    private _initialSize?;
     private _sort?;
     private language;
     private _infiniteScrollDistance?;
@@ -628,6 +670,7 @@ export declare abstract class PoComboBaseComponent implements ControlValueAccess
     constructor(languageService: PoLanguageService, changeDetector: ChangeDetectorRef);
     get isOptionGroupList(): boolean;
     ngOnInit(): void;
+    protected onThemeChange(): void;
     onInitService(): void;
     setService(service: PoComboFilter | string): void;
     compareMethod(search: string, option: PoComboOption | PoComboGroup, filterMode: PoComboFilterMode): any;
@@ -675,6 +718,7 @@ export declare abstract class PoComboBaseComponent implements ControlValueAccess
     private updateModel;
     private updateSelectedValueWithOldOption;
     private updateHasNext;
+    private applySizeBasedOnA11y;
     abstract setInputValue(value: any): void;
     abstract applyFilter(value: string): void;
     abstract getObjectByValue(value: string): void;

package/lib/components/po-field/po-datepicker/po-datepicker-base.component.d.ts

@@ -64,6 +64,8 @@ import { PoHelperOptions } from '../../po-helper';
  * | `--background`                         | Cor de background                                     | `var(--color-neutral-light-05)`                  |
  * | `--padding`                            | Preenchimento                                         | `0 0.5rem`                                       |
  * | `--text-color`                         | Cor do texto                                          | `var(--color-neutral-dark-90)`                   |
+ * | `--field-container-title-justify`      | Alinhamento horizontal do título (`justify-content`)  | `space-between`                                   |
+ * | `--field-container-title-flex`         | Flex do título (`flex`)                               | `1 auto`                                          |
  * | **Hover**                              |                                                       |                                                  |
  * | `--color-hover`                        | Cor principal no estado hover                         | `var(--color-brand-01-dark)`                     |
  * | `--background-hover`                   | Cor de background no estado hover                     | `var(--color-brand-01-lightest)`                 |
@@ -107,6 +109,45 @@ export declare abstract class PoDatepickerBaseComponent implements ControlValueA
      * @default `false`
      */
     autoFocus: boolean;
+    /**
+     * @Input
+     *
+     * @optional
+     *
+     * @description
+     * Define se o título do campo será exibido de forma compacta.
+     *
+     * Quando habilitado (`true`), o modo compacto afeta o conjunto composto por:
+     * - `po-label`
+     * - `p-requirement (showRequired)`
+     * - `po-helper`
+     *
+     * Ou seja, todos os elementos relacionados ao título do campo
+     * (rótulo, indicador de obrigatoriedade e componente auxiliar) passam
+     * a seguir o comportamento de layout compacto.
+     *
+     * Também é possível definir esse comportamento de forma global,
+     * uma única vez, na folha de estilo geral da aplicação, por meio
+     * da customização dos tokens CSS:
+     *
+     * - `--field-container-title-justify`
+     * - `--field-container-title-flex`
+     *
+     * Exemplo:
+     *
+     * ```
+     * :root {
+     *   --field-container-title-justify: flex-start;
+     *   --field-container-title-flex: 0 1 auto;
+     * }
+     * ```
+     *
+     * Dessa forma, o layout compacto passa a ser o padrão da aplicação,
+     * sem a necessidade de definir a propriedade individualmente em cada campo.
+     *
+     * @default `false`
+     */
+    compactLabel: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
      * @optional
      *
@@ -249,6 +290,7 @@ export declare abstract class PoDatepickerBaseComponent implements ControlValueA
     private _loading?;
     private previousValue;
     private _size?;
+    private _initialSize?;
     private subscription;
     private _date;
     /**
@@ -401,6 +443,7 @@ export declare abstract class PoDatepickerBaseComponent implements ControlValueA
     get date(): any;
     ngOnInit(): void;
     ngOnDestroy(): void;
+    protected onThemeChange(): void;
     getDateFromString(dateString: string): Date;
     formatToDate(value: Date): string;
     controlModel(date: Date): void;
@@ -416,6 +459,7 @@ export declare abstract class PoDatepickerBaseComponent implements ControlValueA
     protected validateModel(model: any): void;
     protected buildMask(format?: string): PoMask;
     formatTimezoneAndHour(offset: number): void;
+    private applySizeBasedOnA11y;
     abstract writeValue(value: any): void;
     abstract refreshValue(value: Date): void;
 }

package/lib/components/po-field/po-datepicker-range/po-datepicker-range-base.component.d.ts

@@ -93,6 +93,45 @@ export declare abstract class PoDatepickerRangeBaseComponent implements ControlV
      * @default `false`
      */
     autoFocus: boolean;
+    /**
+     * @Input
+     *
+     * @optional
+     *
+     * @description
+     * Define se o título do campo será exibido de forma compacta.
+     *
+     * Quando habilitado (`true`), o modo compacto afeta o conjunto composto por:
+     * - `po-label`
+     * - `p-requirement (showRequired)`
+     * - `po-helper`
+     *
+     * Ou seja, todos os elementos relacionados ao título do campo
+     * (rótulo, indicador de obrigatoriedade e componente auxiliar) passam
+     * a seguir o comportamento de layout compacto.
+     *
+     * Também é possível definir esse comportamento de forma global,
+     * uma única vez, na folha de estilo geral da aplicação, por meio
+     * da customização dos tokens CSS:
+     *
+     * - `--field-container-title-justify`
+     * - `--field-container-title-flex`
+     *
+     * Exemplo:
+     *
+     * ```
+     * :root {
+     *   --field-container-title-justify: flex-start;
+     *   --field-container-title-flex: 0 1 auto;
+     * }
+     * ```
+     *
+     * Dessa forma, o layout compacto passa a ser o padrão da aplicação,
+     * sem a necessidade de definir a propriedade individualmente em cada campo.
+     *
+     * @default `false`
+     */
+    compactLabel: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
      * @optional
      *
@@ -233,6 +272,7 @@ export declare abstract class PoDatepickerRangeBaseComponent implements ControlV
     private _startDate?;
     private _locale?;
     private _size?;
+    private _initialSize?;
     private _placeholder;
     private language;
     private onChangeModel;
@@ -414,6 +454,7 @@ export declare abstract class PoDatepickerRangeBaseComponent implements ControlV
     get locale(): string;
     constructor(changeDetector: ChangeDetectorRef, poDateService: PoDateService, languageService: PoLanguageService);
     ngOnDestroy(): void;
+    protected onThemeChange(): void;
     setDisabledState(isDisabled: boolean): void;
     mapSizeToIcon(size: string): string;
     registerOnChange(func: any): void;
@@ -434,6 +475,7 @@ export declare abstract class PoDatepickerRangeBaseComponent implements ControlV
     private isDateRangeObject;
     private requiredDateRangeFailed;
     private dateIsValid;
+    private applySizeBasedOnA11y;
     protected abstract resetDateRangeInputValidation(): void;
     protected abstract updateScreenByModel(dateRange: PoDatepickerRange): any;
 }

package/lib/components/po-field/po-field-container/po-field-container.component.d.ts

@@ -46,6 +46,21 @@ export declare class PoFieldContainerComponent implements OnInit, OnChanges {
     showRequired: boolean;
     /** Define o tamanho do componente. */
     size?: string;
+    /**
+     * @Input
+     *
+     * Define se o título do campo será exibido de forma compacta.
+     *
+     * Quando habilitado (`true`), o modo compacto afeta o conjunto composto por:
+     * - `po-label`
+     * - `p-requirement (showRequired)`
+     * - `po-helper`
+     *
+     * Ou seja, todos os elementos relacionados ao título do campo
+     * (rótulo, indicador de obrigatoriedade e componente auxiliar) passam
+     * a seguir o comportamento de layout compacto.
+     */
+    compactLabel: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     constructor(cdr: ChangeDetectorRef);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;