@po-ui/ng-components 19.12.0 → 19.14.0

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

@@ -71,8 +71,8 @@ export declare abstract class PoLookupModalBaseComponent implements OnDestroy, O
      */
     fieldValue: string;
     /**
-     * Responsável por aplicar espaçamento nas colunas da tabela contida no lookup.
-     * Deve receber um dos valores do enum `PoTableColumnSpacing`.
+     * Define o espaçamento interno das células, impactando diretamente na altura das linhas do table dentro do modal. Os
+     * valores permitidos são definidos pelo enum **PoTableColumnSpacing**.
      */
     spacing: PoTableColumnSpacing;
     /** Define o tamanho do componente. */

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

@@ -1,6 +1,7 @@
 import { AfterViewInit, ChangeDetectorRef, DoCheck, ElementRef, Injector, OnDestroy, OnInit, Renderer2 } from '@angular/core';
 import { PoThemeService } from '../../../services';
 import { PoLanguageService } from '../../../services/po-language/po-language.service';
+import { PoTableColumnSpacing } from '../../po-table';
 import { PoLookupBaseComponent } from './po-lookup-base.component';
 import { PoLookupFilterService } from './services/po-lookup-filter.service';
 import { PoLookupModalService } from './services/po-lookup-modal.service';
@@ -18,12 +19,12 @@ import * as i0 from "@angular/core";
  *
  * - Caso o po-lookup contenha o [(ngModel)] sem o atributo name, ocorrerá um erro de angular.
  * Então será necessário informar o atributo name ou o atributo [ngModelOptions]="{standalone: true}".
- * ```
- * <po-lookup
- *   [(ngModel)]="pessoa.nome"
- *   [ngModelOptions]="{standalone: true}">
- * </po-lookup>
- * ```
+ *   ```
+ *   <po-lookup
+ *     [(ngModel)]="pessoa.nome"
+ *     [ngModelOptions]="{standalone: true}">
+ *   </po-lookup>
+ *   ```
  *
  * #### Tokens customizáveis
  *
@@ -175,6 +176,7 @@ export declare class PoLookupComponent extends PoLookupBaseComponent implements
      */
     showAdditionalHelp(): boolean;
     showAdditionalHelpIcon(): boolean;
+    protected getDefaultSpacing(): PoTableColumnSpacing;
     private isAdditionalHelpEventTriggered;
     private isAllowedOpenModal;
     private formatFields;

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

@@ -98,6 +98,14 @@ export declare abstract class PoMultiselectBaseComponent implements ControlValue
      * @default `false`
      */
     autoFocus: boolean;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento disparado ao sair do campo.
+     */
+    blur: EventEmitter<any>;
     /** Label no componente. */
     label?: string;
     /** Texto de apoio para o campo. */
@@ -518,7 +526,7 @@ export declare abstract class PoMultiselectBaseComponent implements ControlValue
     abstract applyFilter(value?: string): Observable<Array<PoMultiselectOption | any>>;
     abstract updateVisibleItems(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoMultiselectBaseComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PoMultiselectBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "placeholderSearch": { "alias": "p-placeholder-search"; "required": false; }; "name": { "alias": "name"; "required": false; }; "hideSelectAll": { "alias": "p-hide-select-all"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "controlValueWithLabel": { "alias": "p-control-value-with-label"; "required": false; }; "listboxControlPosition": { "alias": "p-listbox-control-position"; "required": false; }; "filterService": { "alias": "p-filter-service"; "required": false; }; "autoHeight": { "alias": "p-auto-height"; "required": false; }; "debounceTime": { "alias": "p-debounce-time"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "hideSearch": { "alias": "p-hide-search"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "sort": { "alias": "p-sort"; "required": false; }; "filterMode": { "alias": "p-filter-mode"; "required": false; }; "fieldLabel": { "alias": "p-field-label"; "required": false; }; "fieldValue": { "alias": "p-field-value"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "change": "p-change"; "keydown": "p-keydown"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PoMultiselectBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "placeholderSearch": { "alias": "p-placeholder-search"; "required": false; }; "name": { "alias": "name"; "required": false; }; "hideSelectAll": { "alias": "p-hide-select-all"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "controlValueWithLabel": { "alias": "p-control-value-with-label"; "required": false; }; "listboxControlPosition": { "alias": "p-listbox-control-position"; "required": false; }; "filterService": { "alias": "p-filter-service"; "required": false; }; "autoHeight": { "alias": "p-auto-height"; "required": false; }; "debounceTime": { "alias": "p-debounce-time"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "hideSearch": { "alias": "p-hide-search"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "sort": { "alias": "p-sort"; "required": false; }; "filterMode": { "alias": "p-filter-mode"; "required": false; }; "fieldLabel": { "alias": "p-field-label"; "required": false; }; "fieldValue": { "alias": "p-field-value"; "required": false; }; }, { "blur": "p-blur"; "additionalHelp": "p-additional-help"; "change": "p-change"; "keydown": "p-keydown"; }, never, never, true, never>;
     static ngAcceptInputType_autoFocus: any;
     static ngAcceptInputType_hideSelectAll: any;
     static ngAcceptInputType_appendBox: any;

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

@@ -110,7 +110,7 @@ export declare class PoMultiselectComponent extends PoMultiselectBaseComponent i
     changeItems(changedItems: any): void;
     updateVisibleItems(): void;
     debounceResize(): void;
-    onBlur(): void;
+    onBlur(event: any): void;
     onKeyDown(event?: any): void;
     toggleDropdownVisibility(): void;
     onKeyDownDropdown(event: KeyboardEvent, index: number): void;

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

@@ -11,8 +11,6 @@ import * as i0 from "@angular/core";
  * <example name="po-radio-group-basic" title="PO Radio Group Basic">
  *  <file name="sample-po-radio-group-basic/sample-po-radio-group-basic.component.html"> </file>
  *  <file name="sample-po-radio-group-basic/sample-po-radio-group-basic.component.ts"> </file>
- *  <file name="sample-po-radio-group-basic/sample-po-radio-group-basic.component.e2e-spec.ts"> </file>
- *  <file name="sample-po-radio-group-basic/sample-po-radio-group-basic.component.po.ts"> </file>
  * </example>
  *
  * <example name="po-radio-group-labs" title="PO Radio Group Labs">

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

@@ -24,8 +24,6 @@ import * as i0 from "@angular/core";
  *   <file name="sample-po-select-customer-registration/sample-po-select-customer-registration.component.html"> </file>
  *   <file name="sample-po-select-customer-registration/sample-po-select-customer-registration.component.ts"> </file>
  *   <file name="sample-po-select-customer-registration/sample-po-select-customer-registration.service.ts"> </file>
- *   <file name='sample-po-select-customer-registration/sample-po-select-customer-registration.component.e2e-spec.ts'> </file>
- *   <file name='sample-po-select-customer-registration/sample-po-select-customer-registration.component.po.ts'> </file>
  * </example>
  *
  * <example name="po-select-companies" title="PO Select Companies">
@@ -81,6 +79,14 @@ export declare class PoSelectComponent extends PoFieldValidateModel<any> impleme
     protected poThemeService: PoThemeService;
     private _iconToken;
     selectElement: ElementRef;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento disparado ao sair do campo.
+     */
+    blur: EventEmitter<any>;
     /**
      * @optional
      *
@@ -226,7 +232,7 @@ export declare class PoSelectComponent extends PoFieldValidateModel<any> impleme
     focus(): void;
     getErrorPattern(): string;
     hasInvalidClass(): any;
-    onBlur(): void;
+    onBlur(event: any): void;
     onSelectChange(value: any): void;
     onUpdateOptions(): void;
     updateValues(option: any): void;
@@ -266,7 +272,7 @@ export declare class PoSelectComponent extends PoFieldValidateModel<any> impleme
     private separateOptions;
     private validateOptions;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoSelectComponent, [{ optional: true; }, null, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PoSelectComponent, "po-select", never, { "readonly": { "alias": "p-readonly"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "fieldLabel": { "alias": "p-field-label"; "required": false; }; "fieldValue": { "alias": "p-field-value"; "required": false; }; "controlValueWithLabel": { "alias": "p-control-value-with-label"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; }, { "ngModelChange": "ngModelChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PoSelectComponent, "po-select", never, { "readonly": { "alias": "p-readonly"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "fieldLabel": { "alias": "p-field-label"; "required": false; }; "fieldValue": { "alias": "p-field-value"; "required": false; }; "controlValueWithLabel": { "alias": "p-control-value-with-label"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; }, { "blur": "p-blur"; "ngModelChange": "ngModelChange"; }, never, never, false, never>;
     static ngAcceptInputType_readonly: any;
     static ngAcceptInputType_controlValueWithLabel: any;
 }

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

@@ -65,8 +65,6 @@ import * as i0 from "@angular/core";
  * <example name="po-switch-labs" title="PO Switch Labs">
  *   <file name="sample-po-switch-labs/sample-po-switch-labs.component.html"> </file>
  *   <file name="sample-po-switch-labs/sample-po-switch-labs.component.ts"> </file>
- *   <file name="sample-po-switch-labs/sample-po-switch-labs.component.e2e-spec.ts"> </file>
- *   <file name="sample-po-switch-labs/sample-po-switch-labs.component.po.ts"> </file>
  * </example>
  *
  * <example name="po-switch-order" title="PO Switch - Order Summary">
@@ -217,7 +215,7 @@ export declare class PoSwitchComponent extends PoFieldModel<any> implements Vali
      */
     focus(): void;
     onBlur(): void;
-    getLabelPosition(): "left" | "right";
+    getLabelPosition(): "right" | "left";
     onKeyDown(event: any): void;
     changeValue(value: any): void;
     eventClick(): void;

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

@@ -396,13 +396,13 @@ export declare abstract class PoUploadBaseComponent implements ControlValueAcces
      *
      * - passando um objeto implementando a interface `PoUploadLiterals` com todas as literais disponíveis;
      * - passando apenas as literais que deseja customizar:
-     * ```
-     *  const customLiterals: PoUploadLiterals = {
-     *    folders: 'Pastas',
-     *    selectFile: 'Buscar arquivo',
-     *    startSending: 'Enviar'
-     *  };
-     * ```
+     *   ```
+     *    const customLiterals: PoUploadLiterals = {
+     *      folders: 'Pastas',
+     *      selectFile: 'Buscar arquivo',
+     *      startSending: 'Enviar'
+     *    };
+     *   ```
      *
      * E para carregar as literais customizadas, basta apenas passar o objeto para o componente:
      *

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

@@ -1,5 +1,5 @@
 import { EventEmitter } from '@angular/core';
-import { PoThemeService } from '../../services';
+import { PoThemeService } from '../../services/po-theme/po-theme.service';
 import { PoLanguageService } from '../../services/po-language/po-language.service';
 import { PoListViewAction } from './interfaces/po-list-view-action.interface';
 import { PoListViewLiterals } from './interfaces/po-list-view-literals.interface';

package/lib/components/po-list-view/po-list-view.component.d.ts

@@ -1,7 +1,7 @@
 import { AfterContentInit, ChangeDetectorRef, DoCheck, IterableDiffers } from '@angular/core';
 import { PoLanguageService } from '../../services/po-language/po-language.service';
 import { PoPopupComponent } from '../po-popup/po-popup.component';
-import { PoThemeService } from '../../services';
+import { PoThemeService } from '../../services/po-theme/po-theme.service';
 import { PoListViewAction } from './interfaces/po-list-view-action.interface';
 import { PoListViewBaseComponent } from './po-list-view-base.component';
 import { PoListViewContentTemplateDirective } from './po-list-view-content-template/po-list-view-content-template.directive';

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

@@ -2,7 +2,7 @@ import { EventEmitter, TemplateRef } from '@angular/core';
 import { PoLanguageService } from '../../services/po-language/po-language.service';
 import { PoItemListType } from './enums/po-item-list-type.enum';
 import { PoItemListAction } from './po-item-list/interfaces/po-item-list-action.interface';
-import { PoThemeService } from '../../services';
+import { PoThemeService } from '../../services/po-theme/po-theme.service';
 import { PoItemListFilterMode } from './enums/po-item-list-filter-mode.enum';
 import { PoListBoxLiterals } from './interfaces/po-listbox-literals.interface';
 import { PoItemListOptionGroup } from './po-item-list/interfaces/po-item-list-option-group.interface';

package/lib/components/po-listbox/po-listbox.component.d.ts

@@ -6,7 +6,7 @@ import { PoItemListOption } from './po-item-list/interfaces/po-item-list-option.
 import { PoLanguageService } from '../../services/po-language/po-language.service';
 import { PoSearchListComponent } from './po-search-list/po-search-list.component';
 import { Observable } from 'rxjs';
-import { PoThemeService } from '../../services';
+import { PoThemeService } from '../../services/po-theme/po-theme.service';
 import * as i0 from "@angular/core";
 export declare class PoListBoxComponent extends PoListBoxBaseComponent implements AfterViewInit, OnChanges, OnDestroy {
     element: ElementRef;

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

@@ -1,4 +1,4 @@
-import { PoThemeService } from '../../services';
+import { PoThemeService } from '../../services/po-theme/po-theme.service';
 import { PoLanguageService } from '../../services/po-language/po-language.service';
 import { PoMenuFilter } from './po-menu-filter/po-menu-filter.interface';
 import { PoMenuItem } from './po-menu-item.interface';

package/lib/components/po-menu/po-menu.component.d.ts

@@ -1,6 +1,6 @@
 import { AfterViewInit, ChangeDetectorRef, DoCheck, ElementRef, OnDestroy, OnInit, Renderer2 } from '@angular/core';
 import { Router } from '@angular/router';
-import { PoThemeService } from '../../services';
+import { PoThemeService } from '../../services/po-theme/po-theme.service';
 import { PoLanguageService } from '../../services/po-language/po-language.service';
 import { PoMenuBaseComponent } from './po-menu-base.component';
 import { PoMenuHeaderTemplateDirective } from './po-menu-header-template/po-menu-header-template.directive';
@@ -129,23 +129,23 @@ export declare class PoMenuComponent extends PoMenuBaseComponent implements Afte
     /**
      * <a id="colapseMethod"></a>
      *
-     * *Método para colapsar (retrair) o menu.
+     * Método para colapsar (retrair) o menu.
      */
     collapse(): void;
     debounceFilter(filter: string): void;
     /**
      * <a id="expandMethod"></a>
      *
-     * *Método para expandir (aumentar) o menu.
+     * Método para expandir (aumentar) o menu.
      */
     expand(): void;
     subscribeToMenuItem(): void;
     subscribeToRoute(): void;
     /**
      * <a id="toggleMethod"></a>
-     * *Método que colapsa e expande o menu alternadamente.
+     * Método que colapsa e expande o menu alternadamente.
      *
-     * > *Os métodos apenas vão colapsar/expandir o menu se:
+     * > Os métodos apenas vão colapsar/expandir o menu se:
      *  - Todos os itens de menu tiverem valor nas propriedades `icon` e `shortLabel`.
      */
     toggle(): void;

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

@@ -1,6 +1,6 @@
 import { EventEmitter, TemplateRef } from '@angular/core';
 import { PoModalAction } from './po-modal-action.interface';
-import { PoThemeService } from '../../services';
+import { PoThemeService } from '../../services/po-theme/po-theme.service';
 import { PoLanguageService } from '../../services/po-language/po-language.service';
 import * as i0 from "@angular/core";
 /**

package/lib/components/po-modal/po-modal.component.d.ts

@@ -1,7 +1,7 @@
 import { ElementRef } from '@angular/core';
 import { PoModalBaseComponent } from './po-modal-base.component';
 import { PoModalFooterComponent } from './po-modal-footer/po-modal-footer.component';
-import { PoThemeService } from '../../services';
+import { PoThemeService } from '../../services/po-theme/po-theme.service';
 import { PoActiveOverlayService } from '../../services/po-active-overlay/po-active-overlay.service';
 import { PoLanguageService } from '../../services/po-language/po-language.service';
 import * as i0 from "@angular/core";

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

@@ -1,5 +1,5 @@
 import { EventEmitter } from '@angular/core';
-import { PoThemeService } from '../../services';
+import { PoThemeService } from '../../services/po-theme/po-theme.service';
 import { PoPopupAction } from './po-popup-action.interface';
 import * as i0 from "@angular/core";
 /**

package/lib/components/po-popup/po-popup.component.d.ts

@@ -1,7 +1,7 @@
 import { ChangeDetectorRef, ElementRef, Renderer2, ViewContainerRef } from '@angular/core';
 import { Router } from '@angular/router';
 import { PoControlPositionService } from '../../services/po-control-position/po-control-position.service';
-import { PoThemeService } from '../../services';
+import { PoThemeService } from '../../services/po-theme/po-theme.service';
 import { PoListBoxComponent } from '../po-listbox';
 import { PoPopupAction } from './po-popup-action.interface';
 import { PoPopupBaseComponent } from './po-popup-base.component';

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

@@ -1,5 +1,5 @@
 import { EventEmitter, TemplateRef } from '@angular/core';
-import { PoThemeService } from '../../services';
+import { PoThemeService } from '../../services/po-theme/po-theme.service';
 import { PoProgressStatus } from './enums/po-progress-status.enum';
 import { PoProgressAction } from './interfaces';
 import * as i0 from "@angular/core";

package/lib/components/po-progress/po-progress.component.d.ts

@@ -1,5 +1,5 @@
 import { OnInit } from '@angular/core';
-import { PoThemeService } from '../../services';
+import { PoThemeService } from '../../services/po-theme/po-theme.service';
 import { PoProgressBaseComponent } from './po-progress-base.component';
 import * as i0 from "@angular/core";
 /**

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

@@ -1,6 +1,6 @@
 import { PoLanguageService } from '../../services/po-language/po-language.service';
 import { EventEmitter, TemplateRef } from '@angular/core';
-import { PoThemeService } from '../../services';
+import { PoThemeService } from '../../services/po-theme/po-theme.service';
 import { PoSearchFilterMode } from './enums/po-search-filter-mode.enum';
 import { PoSearchFilterSelect } from './interfaces/po-search-filter-select.interface';
 import { PoSearchLiterals } from './literals/po-search-literals';

package/lib/components/po-search/po-search.component.d.ts

@@ -1,5 +1,5 @@
 import { ChangeDetectorRef, ElementRef, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges } from '@angular/core';
-import { PoThemeService } from '../../services';
+import { PoThemeService } from '../../services/po-theme/po-theme.service';
 import { PoControlPositionService } from '../../services/po-control-position/po-control-position.service';
 import { PoLanguageService } from '../../services/po-language/po-language.service';
 import { PoDropdownAction } from '../po-dropdown';

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

@@ -52,17 +52,17 @@ export declare abstract class PoSlideBaseComponent {
      * Array de imagens ou dados para o slide, pode ser de três formas:
      *
      * - Array implementando objetos da interface `PoSlideItem`:
-     * ```
-     * [{ image: '/assets/image-1', action: 'imageClick.bind(this)'}, { image: '/assets/image-2' }]
-     * ```
+     *   ```
+     *   [{ image: '/assets/image-1', action: 'imageClick.bind(this)'}, { image: '/assets/image-2' }]
+     *   ```
      * - Array de `strings` com os caminhos das imagens:
-     * ```
-     * ['/assets/image-1', '/assets/image-2' ]
-     * ```
+     *   ```
+     *   ['/assets/image-1', '/assets/image-2' ]
+     *   ```
      * - Array com lista de itens (para utilizar template):
-     * ```
-     * [{ label: '1', img: '/assets/image-1' }, { label: '2', img: '/assets/image-1' }]
-     * ```
+     *   ```
+     *   [{ label: '1', img: '/assets/image-1' }, { label: '2', img: '/assets/image-1' }]
+     *   ```
      *
      * > As setas de navegação e o controle com círculos apenas serão renderizados caso possua mais de um slide.
      */

package/lib/components/po-table/enums/po-table-spacing.enum.d.ts

@@ -1,14 +1,16 @@
 /**
- * @usedBy PoTableComponent
+ * @usedBy PoTableComponent, PoLookupComponent, PoPageDynamicTableComponent
  *
  * @description
- * Tipos de espaçamento das colunas da tabela.
+ * Tipos de espaçamento interno (padding) das células (**p-spacing**) do po-table.
  */
 export declare enum PoTableColumnSpacing {
-    /** Espaçamento pequeno */
+    /** Espaçamento extra pequeno: 0.25rem (vertical) x 1rem (horizontal). */
+    ExtraSmall = "extraSmall",
+    /** Espaçamento pequeno: 0.5rem (vertical) x 1rem (horizontal). */
     Small = "small",
-    /** Espaçamento médio */
+    /** Espaçamento médio: 0.75rem (vertical) x 1rem (horizontal). */
     Medium = "medium",
-    /** Espaçamento grande */
+    /** Espaçamento grande: 1rem (vertical) x 1rem (horizontal). */
     Large = "large"
 }

package/lib/components/po-table/interfaces/po-table-column.interface.d.ts

@@ -99,8 +99,7 @@ export interface PoTableColumn {
      * 'HH:mm:ss'. Exemplos: 'HH:mm', 'HH:mm:ss.ffffff', 'HH:mm:ss.ff', 'mm:ss.fff'.
      * - Formato para números (number): aceita um valor seguindo o padrão [**DecimalPipe**](https://angular.io/api/common/DecimalPipe)
      *  para formatação, e caso não seja informado, o número será exibido na sua forma original. Exemplo:
-     *
-     *  +  Com o valor de entrada: `50` e a valor para formatação: `'1.2-5'` o resultado será: `50.00`
+     *   - Com o valor de entrada: `50` e a valor para formatação: `'1.2-5'` o resultado será: `50.00`
      */
     format?: string;
     /**
@@ -201,15 +200,15 @@ export interface PoTableColumn {
      * - `currency`: valores monetários.
      *
      * - `date`: valor de datas.
-     *  + Aceita os tipos _string_ e _Date_ padrão do Javascript,
-     *  por exemplo: `'2017-11-28'` ou `new Date(2017, 10, 28)`.
+     *   + Aceita os tipos _string_ e _Date_ padrão do Javascript,
+     *   por exemplo: `'2017-11-28'` ou `new Date(2017, 10, 28)`.
      *
      * - `dateTime`: valor de data com horário.
-     *  + Aceita o tipo _string_ no formato **ISO-8601** extendido **'yyyy-mm-ddThh:mm:ss+|-hh:mm'**
-     * e o tipo _Date_ padrão do Javascript, por exemplo: `'2017-11-28T00:00:00-02:00'` ou `new Date(2017, 10, 28)`.
+     *   + Aceita o tipo _string_ no formato **ISO-8601** extendido **'yyyy-mm-ddThh:mm:ss+|-hh:mm'**
+     *   e o tipo _Date_ padrão do Javascript, por exemplo: `'2017-11-28T00:00:00-02:00'` ou `new Date(2017, 10, 28)`.
      *
      * - `detail`: array de objetos para o master-detail.
-     *  + Incompatível com `virtual-scroll`, que requer altura fixa nas linhas.
+     *   + Incompatível com `virtual-scroll`, que requer altura fixa nas linhas.
      * - `icon`: *array* de *string* ou objetos para a coluna de ícones.
      * - `label`: texto com destaque.
      * - `link`: habilita link na coluna para ação ou navegação.
@@ -218,7 +217,7 @@ export interface PoTableColumn {
      * - `subtitle`: array de objetos para a coluna de legenda.
      *
      * - `time`: valor de horário.
-     *  + Aceita o tipo _string_ nos formatos **'HH:mm:ss'** ou **'HH:mm:ss.ffffff'**, por exemplo: `'23:12:45'`.
+     *   + Aceita o tipo _string_ nos formatos **'HH:mm:ss'** ou **'HH:mm:ss.ffffff'**, por exemplo: `'23:12:45'`.
      * - `cellTemplate`: Indica que a coluna será utilizada como template, em conjunto com o
      * [PoTableCellTemplate](/documentation/po-table-cell-template).
      * - `columnTemplate`: Indica que a coluna será utilizada como template, em conjunto com o

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

@@ -2,9 +2,8 @@ import { EventEmitter, OnChanges, OnDestroy, SimpleChanges } from '@angular/core
 import { Observable } from 'rxjs';
 import { PoDateService } from '../../services/po-date/po-date.service';
 import { PoLanguageService } from '../../services/po-language/po-language.service';
-import { PoThemeService } from '../../services';
+import { PoThemeService } from '../../services/po-theme/po-theme.service';
 import { PoSearchFilterMode } from '../po-search/enums/po-search-filter-mode.enum';
-import { PoTableColumnSpacing } from './enums/po-table-spacing.enum';
 import { PoTableAction } from './interfaces/po-table-action.interface';
 import { PoTableColumnSort } from './interfaces/po-table-column-sort.interface';
 import { PoTableColumn } from './interfaces/po-table-column.interface';
@@ -624,14 +623,14 @@ export declare abstract class PoTableBaseComponent implements OnChanges, OnDestr
      *
      * Caso utilizar ordenação, a coluna ordenada será enviada através do parâmetro `order`, por exemplo:
      * - Coluna decrescente:
-     * ```
-     *  url + ?page=1&pageSize=10&order=-name
-     * ```
+     *   ```
+     *    url + ?page=1&pageSize=10&order=-name
+     *   ```
      *
      * - Coluna ascendente:
-     * ```
-     *  url + ?page=1&pageSize=10&order=name
-     * ```
+     *   ```
+     *    url + ?page=1&pageSize=10&order=name
+     *   ```
      *
      * > Esta URL deve retornar e receber os dados no padrão de [API do PO UI](https://po-ui.io/guides/api).
      */
@@ -656,14 +655,19 @@ export declare abstract class PoTableBaseComponent implements OnChanges, OnDestr
      *
      * @description
      *
-     * Responsável por aplicar espaçamento nas colunas.
+     * Define o espaçamento interno das células, impactando diretamente na altura das linhas do table. Os valores
+     * permitidos são definidos pelo enum **PoTableColumnSpacing**.
      *
-     * Deve receber um dos valores do enum `PoTableColumnSpacing`.
+     * > Em nível de acessibilidade **AA**, caso o valor de `p-spacing` não seja definido, o valor padrão será `extraSmall`
+     * > nos seguintes cenários:
+     * > - Quando o valor de `p-components-size` for `small`;
+     * > - Quando o valor padrão dos componentes for configurado como `small` no
+     * > [serviço de tema](https://po-ui.io/documentation/po-theme).
      *
      * @default `medium`
      */
-    set spacing(value: PoTableColumnSpacing);
-    get spacing(): PoTableColumnSpacing;
+    set spacing(value: string);
+    get spacing(): string;
     /**
      * @optional
      *
@@ -758,6 +762,7 @@ export declare abstract class PoTableBaseComponent implements OnChanges, OnDestr
     protected abstract checkInfiniteScroll(): any;
     protected abstract changeSizeLoading(): any;
     protected abstract changeHeaderWidth(): any;
+    protected abstract getDefaultSpacing(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoTableBaseComponent, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<PoTableBaseComponent, never, never, { "hideColumnsManager": { "alias": "p-hide-columns-manager"; "required": false; }; "hideBatchActions": { "alias": "p-hide-batch-actions"; "required": false; }; "textWrap": { "alias": "p-text-wrap"; "required": false; }; "hideActionFixedColumns": { "alias": "p-hide-action-fixed-columns"; "required": false; }; "hideTableSearch": { "alias": "p-hide-table-search"; "required": false; }; "autoCollapse": { "alias": "p-auto-collapse"; "required": false; }; "loadingShowMore": { "alias": "p-loading-show-more"; "required": false; }; "sort": { "alias": "p-sort"; "required": false; }; "showMoreDisabled": { "alias": "p-show-more-disabled"; "required": false; }; "striped": { "alias": "p-striped"; "required": false; }; "hideSelectAll": { "alias": "p-hide-select-all"; "required": false; }; "singleSelect": { "alias": "p-single-select"; "required": false; }; "selectableEntireLine": { "alias": "p-selectable-entire-line"; "required": false; }; "actionRight": { "alias": "p-actions-right"; "required": false; }; "maxColumns": { "alias": "p-max-columns"; "required": false; }; "filterType": { "alias": "p-filter-type"; "required": false; }; "componentsSize": { "alias": "p-components-size"; "required": false; }; "items": { "alias": "p-items"; "required": false; }; "columns": { "alias": "p-columns"; "required": false; }; "container": { "alias": "p-container"; "required": false; }; "paramDeleteApi": { "alias": "p-param-delete-api"; "required": false; }; "height": { "alias": "p-height"; "required": false; }; "hideDetail": { "alias": "p-hide-detail"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "loading": { "alias": "p-loading"; "required": false; }; "actions": { "alias": "p-actions"; "required": false; }; "selectable": { "alias": "p-selectable"; "required": false; }; "infiniteScroll": { "alias": "p-infinite-scroll"; "required": false; }; "infiniteScrollDistance": { "alias": "p-infinite-scroll-distance"; "required": false; }; "serviceApi": { "alias": "p-service-api"; "required": false; }; "serviceDeleteApi": { "alias": "p-service-delete"; "required": false; }; "spacing": { "alias": "p-spacing"; "required": false; }; "filteredColumns": { "alias": "p-filtered-columns"; "required": false; }; "draggable": { "alias": "p-draggable"; "required": false; }; "virtualScroll": { "alias": "p-virtual-scroll"; "required": false; }; }, { "allSelected": "p-all-selected"; "allUnselected": "p-all-unselected"; "collapsed": "p-collapsed"; "expanded": "p-expanded"; "eventDelete": "p-delete-items"; "selected": "p-selected"; "showMore": "p-show-more"; "sortBy": "p-sort-by"; "unselected": "p-unselected"; "changeVisibleColumns": "p-change-visible-columns"; "columnRestoreManager": "p-restore-column-manager"; }, never, never, true, never>;
     static ngAcceptInputType_hideColumnsManager: any;

package/lib/components/po-table/po-table-column-label/po-table-column-label.interface.d.ts

@@ -41,18 +41,18 @@ export interface PoTableColumnLabel {
      * - O nome da cor, por exemplo `blue`;
      * - Usando uma das cores do tema do PO:
      * Valores válidos:
-     *  - <span class="dot po-color-01"></span> `color-01`
-     *  - <span class="dot po-color-02"></span> `color-02`
-     *  - <span class="dot po-color-03"></span> `color-03`
-     *  - <span class="dot po-color-04"></span> `color-04`
-     *  - <span class="dot po-color-05"></span> `color-05`
-     *  - <span class="dot po-color-06"></span> `color-06`
-     *  - <span class="dot po-color-07"></span> `color-07`
-     *  - <span class="dot po-color-08"></span> `color-08`
-     *  - <span class="dot po-color-09"></span> `color-09`
-     *  - <span class="dot po-color-10"></span> `color-10`
-     *  - <span class="dot po-color-11"></span> `color-11`
-     *  - <span class="dot po-color-12"></span> `color-12`
+     *   - <span class="dot po-color-01"></span> `color-01`
+     *   - <span class="dot po-color-02"></span> `color-02`
+     *   - <span class="dot po-color-03"></span> `color-03`
+     *   - <span class="dot po-color-04"></span> `color-04`
+     *   - <span class="dot po-color-05"></span> `color-05`
+     *   - <span class="dot po-color-06"></span> `color-06`
+     *   - <span class="dot po-color-07"></span> `color-07`
+     *   - <span class="dot po-color-08"></span> `color-08`
+     *   - <span class="dot po-color-09"></span> `color-09`
+     *   - <span class="dot po-color-10"></span> `color-10`
+     *   - <span class="dot po-color-11"></span> `color-11`
+     *   - <span class="dot po-color-12"></span> `color-12`
      *
      * - Para uma melhor acessibilidade no uso do componente é recomendável utilizar cores com um melhor contraste em relação ao background.
      *

package/lib/components/po-table/po-table-detail/po-table-detail-column.interface.d.ts

@@ -17,7 +17,7 @@ export interface PoTableDetailColumn {
      * - Formato para números (number): aceita um valor seguindo o padrão [**DecimalPipe**](https://angular.io/api/common/DecimalPipe)
      *  para formatação, e caso não seja informado, o número será exibido na sua forma original. Exemplo:
      *
-     *  +  Valor de entrada: `50` e valor para formatação: `'1.2-5'` o resultado será: `50.00`
+     *   + Valor de entrada: `50` e valor para formatação: `'1.2-5'` o resultado será: `50.00`
      */
     format?: string;
     /**
@@ -43,17 +43,16 @@ export interface PoTableDetailColumn {
      * - `currency`: valores monetários.
      *
      * - `date`: valor de datas.
-     *  + Aceita os tipos _string_ e _Date_ padrão do Javascript,
-     *  por exemplo: `'2017-11-28'` ou `new Date(2017, 10, 28)`.
+     *   + Aceita os tipos _string_ e _Date_ padrão do Javascript,
+     *   por exemplo: `'2017-11-28'` ou `new Date(2017, 10, 28)`.
      *
      * - `time`: valor de horário.
      * - `number`: valores numéricos.
      *
      * - `dateTime`: valor de data com horário.
-     *  + Aceita o tipo _string_ no formato **ISO-8601** extendido **'yyyy-mm-ddThh:mm:ss+|-hh:mm'**
+     *   + Aceita o tipo _string_ no formato **ISO-8601** extendido **'yyyy-mm-ddThh:mm:ss+|-hh:mm'**
      * e o tipo _Date_ padrão do Javascript, por exemplo: `'2017-11-28T00:00:00-02:00'` ou `new Date(2017, 10, 28)`.
-     *
-     *  + Aceita o tipo _string_ nos formatos **'HH:mm:ss'** ou **'HH:mm:ss.ffffff'**, por exemplo: `'23:12:45'`.
+     *   + Aceita o tipo _string_ nos formatos **'HH:mm:ss'** ou **'HH:mm:ss.ffffff'**, por exemplo: `'23:12:45'`.
      *
      * @default `string`
      */

package/lib/components/po-table/po-table.component.d.ts

@@ -8,7 +8,7 @@ import { PoNotificationService } from '../../services/po-notification/po-notific
 import { PoModalAction, PoModalComponent } from '../po-modal';
 import { PoPopupComponent } from '../po-popup/po-popup.component';
 import { PoTableColumnLabel } from './po-table-column-label/po-table-column-label.interface';
-import { PoThemeService } from '../../services';
+import { PoThemeService } from '../../services/po-theme/po-theme.service';
 import { PoTableAction } from './interfaces/po-table-action.interface';
 import { PoTableColumn } from './interfaces/po-table-column.interface';
 import { PoTableBaseComponent, QueryParamsType } from './po-table-base.component';
@@ -17,6 +17,7 @@ import { PoTableColumnTemplateDirective } from './po-table-column-template/po-ta
 import { PoTableRowTemplateDirective } from './po-table-row-template/po-table-row-template.directive';
 import { PoTableSubtitleColumn } from './po-table-subtitle-footer/po-table-subtitle-column.interface';
 import { PoTableService } from './services/po-table.service';
+import { PoTableColumnSpacing } from './enums/po-table-spacing.enum';
 import * as i0 from "@angular/core";
 /**
  * @docsExtends PoTableBaseComponent
@@ -31,8 +32,6 @@ import * as i0 from "@angular/core";
  * <example name="po-table-labs" title="PO Table Labs">
  *  <file name="sample-po-table-labs/sample-po-table-labs.component.ts"> </file>
  *  <file name="sample-po-table-labs/sample-po-table-labs.component.html"> </file>
- *  <file name="sample-po-table-labs/sample-po-table-labs.component.e2e-spec.ts"> </file>
- *  <file name="sample-po-table-labs/sample-po-table-labs.component.po.ts"> </file>
  *  <file name="sample-po-table-labs/sample-po-table-labs.service.ts"> </file>
  * </example>
  *
@@ -289,6 +288,7 @@ export declare class PoTableComponent extends PoTableBaseComponent implements Af
     protected checkInfiniteScroll(): void;
     private changesAfterDelete;
     protected changeSizeLoading(): void;
+    protected getDefaultSpacing(): PoTableColumnSpacing;
     private checkChangesItems;
     private checkingIfColumnHasTooltip;
     private countExtraColumns;

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

@@ -1,4 +1,4 @@
-import { PoThemeService } from '../../services';
+import { PoThemeService } from '../../services/po-theme/po-theme.service';
 import * as i0 from "@angular/core";
 /**
  * @description