@po-ui/ng-components 21.9.0 → 21.11.0

package/types/po-ui-ng-components.d.ts

@@ -541,8 +541,24 @@ declare class PoTagBaseComponent {
      *   - <span class="dot po-color-11"></span> `color-11`
      *   - <span class="dot po-color-12"></span> `color-12`
      *
+     * > Também é possível utilizar as 35 cores da paleta **Caption Tag Colors**:
+     *
+     *   - <span class="dot po-caption-tag-01"></span> `caption-tag-01` <span class="dot po-caption-tag-02"></span> `caption-tag-02` <span class="dot po-caption-tag-03"></span> `caption-tag-03` <span class="dot po-caption-tag-04"></span> `caption-tag-04` <span class="dot po-caption-tag-05"></span> `caption-tag-05`
+     *   - <span class="dot po-caption-tag-06"></span> `caption-tag-06` <span class="dot po-caption-tag-07"></span> `caption-tag-07` <span class="dot po-caption-tag-08"></span> `caption-tag-08` <span class="dot po-caption-tag-09"></span> `caption-tag-09` <span class="dot po-caption-tag-10"></span> `caption-tag-10`
+     *   - <span class="dot po-caption-tag-11"></span> `caption-tag-11` <span class="dot po-caption-tag-12"></span> `caption-tag-12` <span class="dot po-caption-tag-13"></span> `caption-tag-13` <span class="dot po-caption-tag-14"></span> `caption-tag-14` <span class="dot po-caption-tag-15"></span> `caption-tag-15`
+     *   - <span class="dot po-caption-tag-16"></span> `caption-tag-16` <span class="dot po-caption-tag-17"></span> `caption-tag-17` <span class="dot po-caption-tag-18"></span> `caption-tag-18` <span class="dot po-caption-tag-19"></span> `caption-tag-19` <span class="dot po-caption-tag-20"></span> `caption-tag-20`
+     *   - <span class="dot po-caption-tag-21"></span> `caption-tag-21` <span class="dot po-caption-tag-22"></span> `caption-tag-22` <span class="dot po-caption-tag-23"></span> `caption-tag-23` <span class="dot po-caption-tag-24"></span> `caption-tag-24` <span class="dot po-caption-tag-25"></span> `caption-tag-25`
+     *   - <span class="dot po-caption-tag-26"></span> `caption-tag-26` <span class="dot po-caption-tag-27"></span> `caption-tag-27` <span class="dot po-caption-tag-28"></span> `caption-tag-28` <span class="dot po-caption-tag-29"></span> `caption-tag-29` <span class="dot po-caption-tag-30"></span> `caption-tag-30`
+     *   - <span class="dot po-caption-tag-31"></span> `caption-tag-31` <span class="dot po-caption-tag-32"></span> `caption-tag-32` <span class="dot po-caption-tag-33"></span> `caption-tag-33` <span class="dot po-caption-tag-34"></span> `caption-tag-34` <span class="dot po-caption-tag-35"></span> `caption-tag-35`
+     *
+     * Exemplo de uso:
+     * ```
+     * <po-tag p-color="caption-tag-15" p-value="Status"></po-tag>
+     * ```
+     *
      * - Para uma melhor acessibilidade no uso do componente é recomendável utilizar cores com um melhor contraste em relação ao background;
-     * - O componente ajusta automaticamente a cor do texto para garantir legibilidade, escolhendo dinamicamente entre texto claro ou escuro conforme o contraste necessário.
+     * - Para as cores legacy (`color-01` a `color-12`) e cores customizadas, o componente ajusta automaticamente a cor do texto para garantir legibilidade.
+     * - Para as cores **Caption Tag Colors** (`caption-tag-01` a `caption-tag-35`), a cor do texto é fixa e definida via token CSS, não sendo possível alterá-la via `p-text-color`.
      *
      * > **Atenção:** A propriedade `p-type` sobrepõe esta definição.
      */
@@ -575,6 +591,9 @@ declare class PoTagBaseComponent {
      * - Para uma melhor acessibilidade no uso do componente é recomendável utilizar cores com um melhor contraste em relação ao background.
      *
      * > **Atenção:** A propriedade `p-type` sobrepõe esta definição.
+     *
+     * > **Atenção:** As cores da paleta **Caption Tag Colors** (`caption-tag-01` a `caption-tag-35`) não são aceitas nesta propriedade,
+     * pois possuem cor de texto fixa definida via token CSS.
      */
     set textColor(value: string);
     get textColor(): string;
@@ -695,12 +714,18 @@ declare class PoTagBaseComponent {
  * <example name="po-tag-labs" title="PO Tag Labs">
  *  <file name="sample-po-tag-labs/sample-po-tag-labs.component.html"> </file>
  *  <file name="sample-po-tag-labs/sample-po-tag-labs.component.ts"> </file>
+ *  <file name="sample-po-tag-labs/sample-po-tag-labs.component.css"> </file>
  * </example>
  *
  * <example name="po-tag-bank-account" title="PO Tag - Bank Account">
  *  <file name="sample-po-tag-bank-account/sample-po-tag-bank-account.component.html"> </file>
  *  <file name="sample-po-tag-bank-account/sample-po-tag-bank-account.component.ts"> </file>
  * </example>
+ *
+ * <example name="po-tag-caption-tag-colors" title="PO Tag - Caption Tag Colors">
+ *  <file name="sample-po-tag-caption-tag-colors/sample-po-tag-caption-tag-colors.component.html"> </file>
+ *  <file name="sample-po-tag-caption-tag-colors/sample-po-tag-caption-tag-colors.component.ts"> </file>
+ * </example>
  */
 declare class PoTagComponent extends PoTagBaseComponent implements OnInit {
     private readonly el;
@@ -711,6 +736,7 @@ declare class PoTagComponent extends PoTagBaseComponent implements OnInit {
     constructor();
     ngOnInit(): void;
     get iconFromType(): PoTagIcon;
+    get isCaptionTag(): boolean;
     get tagColor(): string;
     get tagOrientation(): boolean;
     onClick(event?: string): void;
@@ -1423,6 +1449,7 @@ declare class PoAvatarBaseComponent {
  * <example name="po-avatar-business-card" title="PO Avatar - Business Card" >
  *  <file name="sample-po-avatar-business-card/sample-po-avatar-business-card.component.html"> </file>
  *  <file name="sample-po-avatar-business-card/sample-po-avatar-business-card.component.ts"> </file>
+ *  <file name="sample-po-avatar-business-card/sample-po-avatar-business-card.component.css"> </file>
  * </example>
  */
 declare class PoAvatarComponent extends PoAvatarBaseComponent implements OnInit {
@@ -3170,11 +3197,13 @@ declare class PoLoadingOverlayBaseComponent {
  * <example name="po-loading-overlay-basic" title="PO Loading Overlay Basic">
  *  <file name="sample-po-loading-overlay-basic/sample-po-loading-overlay-basic.component.html"> </file>
  *  <file name="sample-po-loading-overlay-basic/sample-po-loading-overlay-basic.component.ts"> </file>
+ *  <file name="sample-po-loading-overlay-basic/sample-po-loading-overlay-basic.component.css"> </file>
  * </example>
  *
  * <example name="po-loading-overlay-labs" title="PO Loading Overlay Labs">
  *  <file name="sample-po-loading-overlay-labs/sample-po-loading-overlay-labs.component.html"> </file>
  *  <file name="sample-po-loading-overlay-labs/sample-po-loading-overlay-labs.component.ts"> </file>
+ *  <file name="sample-po-loading-overlay-labs/sample-po-loading-overlay-labs.component.css"> </file>
  * </example>
  *
  * <example name="po-loading-overlay-connection-test" title="PO Loading Overlay - Connection Test">
@@ -4224,11 +4253,13 @@ declare class PoPopupBaseComponent {
  * <example name="po-popup-labs" title="PO Popup - Labs">
  *   <file name="sample-po-popup-labs/sample-po-popup-labs.component.html"> </file>
  *   <file name="sample-po-popup-labs/sample-po-popup-labs.component.ts"> </file>
+ *   <file name="sample-po-popup-labs/sample-po-popup-labs.component.css"> </file>
  * </example>
  *
  * <example name="po-popup-email" title="PO Popup Email">
  *   <file name="sample-po-popup-email/sample-po-popup-email.component.html"> </file>
  *   <file name="sample-po-popup-email/sample-po-popup-email.component.ts"> </file>
+ *   <file name="sample-po-popup-email/sample-po-popup-email.component.css"> </file>
  * </example>
  *
  */
@@ -6287,6 +6318,7 @@ declare class PoComboOptionTemplateDirective {
  * <example name="po-combo-scheduling" title="PO Combo - Scheduling">
  *   <file name="sample-po-combo-scheduling/sample-po-combo-scheduling.component.html"> </file>
  *   <file name="sample-po-combo-scheduling/sample-po-combo-scheduling.component.ts"> </file>
+ *   <file name="sample-po-combo-scheduling/sample-po-combo-scheduling.component.css"> </file>
  *   <file name="sample-po-combo-scheduling/sample-po-combo-scheduling.service.ts"> </file>
  * </example>
  *
@@ -6931,6 +6963,16 @@ interface PoTableColumnIcon {
      * - <span class="dot po-color-11"></span> `color-11`
      * - <span class="dot po-color-12"></span> `color-12`
      *
+     * > Também é possível utilizar as 35 cores da paleta **Caption Tag Colors**:
+     *
+     *   - <span class="dot po-caption-tag-01"></span> `caption-tag-01` <span class="dot po-caption-tag-02"></span> `caption-tag-02` <span class="dot po-caption-tag-03"></span> `caption-tag-03` <span class="dot po-caption-tag-04"></span> `caption-tag-04` <span class="dot po-caption-tag-05"></span> `caption-tag-05`
+     *   - <span class="dot po-caption-tag-06"></span> `caption-tag-06` <span class="dot po-caption-tag-07"></span> `caption-tag-07` <span class="dot po-caption-tag-08"></span> `caption-tag-08` <span class="dot po-caption-tag-09"></span> `caption-tag-09` <span class="dot po-caption-tag-10"></span> `caption-tag-10`
+     *   - <span class="dot po-caption-tag-11"></span> `caption-tag-11` <span class="dot po-caption-tag-12"></span> `caption-tag-12` <span class="dot po-caption-tag-13"></span> `caption-tag-13` <span class="dot po-caption-tag-14"></span> `caption-tag-14` <span class="dot po-caption-tag-15"></span> `caption-tag-15`
+     *   - <span class="dot po-caption-tag-16"></span> `caption-tag-16` <span class="dot po-caption-tag-17"></span> `caption-tag-17` <span class="dot po-caption-tag-18"></span> `caption-tag-18` <span class="dot po-caption-tag-19"></span> `caption-tag-19` <span class="dot po-caption-tag-20"></span> `caption-tag-20`
+     *   - <span class="dot po-caption-tag-21"></span> `caption-tag-21` <span class="dot po-caption-tag-22"></span> `caption-tag-22` <span class="dot po-caption-tag-23"></span> `caption-tag-23` <span class="dot po-caption-tag-24"></span> `caption-tag-24` <span class="dot po-caption-tag-25"></span> `caption-tag-25`
+     *   - <span class="dot po-caption-tag-26"></span> `caption-tag-26` <span class="dot po-caption-tag-27"></span> `caption-tag-27` <span class="dot po-caption-tag-28"></span> `caption-tag-28` <span class="dot po-caption-tag-29"></span> `caption-tag-29` <span class="dot po-caption-tag-30"></span> `caption-tag-30`
+     *   - <span class="dot po-caption-tag-31"></span> `caption-tag-31` <span class="dot po-caption-tag-32"></span> `caption-tag-32` <span class="dot po-caption-tag-33"></span> `caption-tag-33` <span class="dot po-caption-tag-34"></span> `caption-tag-34` <span class="dot po-caption-tag-35"></span> `caption-tag-35`
+     *
      */
     color?: string | Function;
     /** Função que deve retornar um booleano para habilitar ou desabilitar o ícone e sua ação. */
@@ -7006,6 +7048,24 @@ interface PoTableColumnLabel {
      * - <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`
+     *
+     * > Também é possível utilizar as 35 cores da paleta **Caption Tag Colors**:
+     *
+     *   - <span class="dot po-caption-tag-01"></span> `caption-tag-01` <span class="dot po-caption-tag-02"></span> `caption-tag-02` <span class="dot po-caption-tag-03"></span> `caption-tag-03` <span class="dot po-caption-tag-04"></span> `caption-tag-04` <span class="dot po-caption-tag-05"></span> `caption-tag-05`
+     *   - <span class="dot po-caption-tag-06"></span> `caption-tag-06` <span class="dot po-caption-tag-07"></span> `caption-tag-07` <span class="dot po-caption-tag-08"></span> `caption-tag-08` <span class="dot po-caption-tag-09"></span> `caption-tag-09` <span class="dot po-caption-tag-10"></span> `caption-tag-10`
+     *   - <span class="dot po-caption-tag-11"></span> `caption-tag-11` <span class="dot po-caption-tag-12"></span> `caption-tag-12` <span class="dot po-caption-tag-13"></span> `caption-tag-13` <span class="dot po-caption-tag-14"></span> `caption-tag-14` <span class="dot po-caption-tag-15"></span> `caption-tag-15`
+     *   - <span class="dot po-caption-tag-16"></span> `caption-tag-16` <span class="dot po-caption-tag-17"></span> `caption-tag-17` <span class="dot po-caption-tag-18"></span> `caption-tag-18` <span class="dot po-caption-tag-19"></span> `caption-tag-19` <span class="dot po-caption-tag-20"></span> `caption-tag-20`
+     *   - <span class="dot po-caption-tag-21"></span> `caption-tag-21` <span class="dot po-caption-tag-22"></span> `caption-tag-22` <span class="dot po-caption-tag-23"></span> `caption-tag-23` <span class="dot po-caption-tag-24"></span> `caption-tag-24` <span class="dot po-caption-tag-25"></span> `caption-tag-25`
+     *   - <span class="dot po-caption-tag-26"></span> `caption-tag-26` <span class="dot po-caption-tag-27"></span> `caption-tag-27` <span class="dot po-caption-tag-28"></span> `caption-tag-28` <span class="dot po-caption-tag-29"></span> `caption-tag-29` <span class="dot po-caption-tag-30"></span> `caption-tag-30`
+     *   - <span class="dot po-caption-tag-31"></span> `caption-tag-31` <span class="dot po-caption-tag-32"></span> `caption-tag-32` <span class="dot po-caption-tag-33"></span> `caption-tag-33` <span class="dot po-caption-tag-34"></span> `caption-tag-34` <span class="dot po-caption-tag-35"></span> `caption-tag-35`
+     *
+     * Exemplo de uso:
+     * ```
+     * { property: 'status', type: 'label', labels: [
+     *   { value: 'ativo', color: 'caption-tag-13', label: 'Ativo' },
+     *   { value: 'pendente', color: 'caption-tag-08', label: 'Pendente' }
+     * ]}
+     * ```
      */
     color?: string;
     /**
@@ -7035,6 +7095,9 @@ interface PoTableColumnLabel {
      * - Para uma melhor acessibilidade no uso do componente é recomendável utilizar cores com um melhor contraste em relação ao background.
      *
      * > **Atenção:** A propriedade `p-type` sobrepõe esta definição.
+     *
+     * > **Atenção:** As cores da paleta **Caption Tag Colors** (`caption-tag-01` a `caption-tag-35`) não são aceitas nesta propriedade,
+     * pois possuem cor de texto fixa definida via token CSS.
      */
     textColor?: string;
     /**
@@ -7232,6 +7295,16 @@ interface PoTableSubtitleColumn {
      * - <span class="dot po-color-11"></span> `color-11`
      * - <span class="dot po-color-12"></span> `color-12`
      *
+     * > Também é possível utilizar as 35 cores da paleta **Caption Tag Colors**:
+     *
+     *   - <span class="dot po-caption-tag-01"></span> `caption-tag-01` <span class="dot po-caption-tag-02"></span> `caption-tag-02` <span class="dot po-caption-tag-03"></span> `caption-tag-03` <span class="dot po-caption-tag-04"></span> `caption-tag-04` <span class="dot po-caption-tag-05"></span> `caption-tag-05`
+     *   - <span class="dot po-caption-tag-06"></span> `caption-tag-06` <span class="dot po-caption-tag-07"></span> `caption-tag-07` <span class="dot po-caption-tag-08"></span> `caption-tag-08` <span class="dot po-caption-tag-09"></span> `caption-tag-09` <span class="dot po-caption-tag-10"></span> `caption-tag-10`
+     *   - <span class="dot po-caption-tag-11"></span> `caption-tag-11` <span class="dot po-caption-tag-12"></span> `caption-tag-12` <span class="dot po-caption-tag-13"></span> `caption-tag-13` <span class="dot po-caption-tag-14"></span> `caption-tag-14` <span class="dot po-caption-tag-15"></span> `caption-tag-15`
+     *   - <span class="dot po-caption-tag-16"></span> `caption-tag-16` <span class="dot po-caption-tag-17"></span> `caption-tag-17` <span class="dot po-caption-tag-18"></span> `caption-tag-18` <span class="dot po-caption-tag-19"></span> `caption-tag-19` <span class="dot po-caption-tag-20"></span> `caption-tag-20`
+     *   - <span class="dot po-caption-tag-21"></span> `caption-tag-21` <span class="dot po-caption-tag-22"></span> `caption-tag-22` <span class="dot po-caption-tag-23"></span> `caption-tag-23` <span class="dot po-caption-tag-24"></span> `caption-tag-24` <span class="dot po-caption-tag-25"></span> `caption-tag-25`
+     *   - <span class="dot po-caption-tag-26"></span> `caption-tag-26` <span class="dot po-caption-tag-27"></span> `caption-tag-27` <span class="dot po-caption-tag-28"></span> `caption-tag-28` <span class="dot po-caption-tag-29"></span> `caption-tag-29` <span class="dot po-caption-tag-30"></span> `caption-tag-30`
+     *   - <span class="dot po-caption-tag-31"></span> `caption-tag-31` <span class="dot po-caption-tag-32"></span> `caption-tag-32` <span class="dot po-caption-tag-33"></span> `caption-tag-33` <span class="dot po-caption-tag-34"></span> `caption-tag-34` <span class="dot po-caption-tag-35"></span> `caption-tag-35`
+     *
      * @default `color-01`
      */
     color?: string;
@@ -7293,6 +7366,16 @@ interface PoTableColumn {
      * - <span class="dot po-color-11"></span> `color-11`
      * - <span class="dot po-color-12"></span> `color-12`
      *
+     * > Também é possível utilizar as 35 cores da paleta **Caption Tag Colors**:
+     *
+     *   - <span class="dot po-caption-tag-01"></span> `caption-tag-01` <span class="dot po-caption-tag-02"></span> `caption-tag-02` <span class="dot po-caption-tag-03"></span> `caption-tag-03` <span class="dot po-caption-tag-04"></span> `caption-tag-04` <span class="dot po-caption-tag-05"></span> `caption-tag-05`
+     *   - <span class="dot po-caption-tag-06"></span> `caption-tag-06` <span class="dot po-caption-tag-07"></span> `caption-tag-07` <span class="dot po-caption-tag-08"></span> `caption-tag-08` <span class="dot po-caption-tag-09"></span> `caption-tag-09` <span class="dot po-caption-tag-10"></span> `caption-tag-10`
+     *   - <span class="dot po-caption-tag-11"></span> `caption-tag-11` <span class="dot po-caption-tag-12"></span> `caption-tag-12` <span class="dot po-caption-tag-13"></span> `caption-tag-13` <span class="dot po-caption-tag-14"></span> `caption-tag-14` <span class="dot po-caption-tag-15"></span> `caption-tag-15`
+     *   - <span class="dot po-caption-tag-16"></span> `caption-tag-16` <span class="dot po-caption-tag-17"></span> `caption-tag-17` <span class="dot po-caption-tag-18"></span> `caption-tag-18` <span class="dot po-caption-tag-19"></span> `caption-tag-19` <span class="dot po-caption-tag-20"></span> `caption-tag-20`
+     *   - <span class="dot po-caption-tag-21"></span> `caption-tag-21` <span class="dot po-caption-tag-22"></span> `caption-tag-22` <span class="dot po-caption-tag-23"></span> `caption-tag-23` <span class="dot po-caption-tag-24"></span> `caption-tag-24` <span class="dot po-caption-tag-25"></span> `caption-tag-25`
+     *   - <span class="dot po-caption-tag-26"></span> `caption-tag-26` <span class="dot po-caption-tag-27"></span> `caption-tag-27` <span class="dot po-caption-tag-28"></span> `caption-tag-28` <span class="dot po-caption-tag-29"></span> `caption-tag-29` <span class="dot po-caption-tag-30"></span> `caption-tag-30`
+     *   - <span class="dot po-caption-tag-31"></span> `caption-tag-31` <span class="dot po-caption-tag-32"></span> `caption-tag-32` <span class="dot po-caption-tag-33"></span> `caption-tag-33` <span class="dot po-caption-tag-34"></span> `caption-tag-34` <span class="dot po-caption-tag-35"></span> `caption-tag-35`
+     *
      * > Existe a possibilidade de informar uma função que retorne um dos valores aceitos, serão passados
      * por parâmetro a linha e a coluna atual, por exemplo:
      *
@@ -7372,8 +7455,8 @@ interface PoTableColumn {
      *
      * ```
      * { property: 'flightStatus', label: 'Status', type: 'label', width:'100px', labels: [
-     *  { value: 'confirmed', color: 'color-11', label: 'Confirmado', tooltip: 'Flight Status' },
-     *  { value: 'delayed', color: 'color-08', label: 'Atrasado', tooltip: 'Flight Status' }
+     *  { value: 'confirmed', color: 'caption-tag-13', label: 'Confirmado', tooltip: 'Flight Status' },
+     *  { value: 'delayed', color: 'caption-tag-08', label: 'Atrasado', tooltip: 'Flight Status' }
      * }
      * ```
      *
@@ -7409,8 +7492,8 @@ interface PoTableColumn {
      *
      * ```
      * { property: 'flightStatus', label: 'Status', color: 'subtitle', width:'100px', subtitles: [
-     *  { value: 'confirmed', color: 'color-11', label: 'Confirmado', content: '1' },
-     *  { value: 'delayed', color: 'color-08', label: 'Atrasado', content: '2' }
+     *  { value: 'confirmed', color: 'caption-tag-13', label: 'Confirmado', content: '1' },
+     *  { value: 'delayed', color: 'caption-tag-08', label: 'Atrasado', content: '2' }
      * }
      * ```
      * Nesse exemplo a coluna escolhida para legenda é 'flightStatus', se o valor dessa coluna for 'confirmed', o texto da legenda será
@@ -8743,6 +8826,28 @@ declare abstract class PoTableBaseComponent implements OnChanges, OnDestroy {
      * Por exemplo: ["idCard", "name", "hireStatus", "age"].
      */
     changeVisibleColumns: EventEmitter<string[]>;
+    /**
+     * @optional
+     *
+     * @description
+     * Evento disparado ao alterar o estado de fixação de uma coluna no gerenciador de colunas.
+     *
+     * O componente envia como parâmetro um array de string com as propriedades das colunas fixas.
+     * Por exemplo: ["name", "age"].
+     *
+     * > Incompatível com `p-hide-action-fixed-columns`. Quando esta propriedade estiver ativa, o evento não será disparado.
+     *
+     * @example
+     *
+     * ```html
+     * <po-table
+     *   [p-columns]="columns"
+     *   [p-items]="items"
+     *   (p-change-fixed-columns)="onFixedColumnsChange($event)">
+     * </po-table>
+     * ```
+     */
+    changeFixedColumns: i0.OutputEmitterRef<string[]>;
     /**
      * @optional
      *
@@ -9167,7 +9272,7 @@ declare abstract class PoTableBaseComponent implements OnChanges, OnDestroy {
     protected abstract getDefaultSpacing(): any;
     protected abstract reapplySort(): 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 ɵ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"; "changeFixedColumns": "p-change-fixed-columns"; "columnRestoreManager": "p-restore-column-manager"; }, never, never, true, never>;
     static ngAcceptInputType_hideColumnsManager: any;
     static ngAcceptInputType_hideBatchActions: any;
     static ngAcceptInputType_textWrap: any;
@@ -9406,6 +9511,7 @@ declare class PoTableComponent extends PoTableBaseComponent implements AfterView
     isShowRowTemplate(row: any, index: number): boolean;
     onClickLink(event: any, row: any, column: PoTableColumn): void;
     onChangeVisibleColumns(columns: Array<string>): void;
+    onChangeFixedColumns(columns: Array<string>): void;
     onColumnRestoreManager(value: Array<string>): void;
     onVisibleColumnsChange(columns: Array<PoTableColumn>): void;
     tooltipMouseEnter(event: any, column?: PoTableColumn, row?: any): any;
@@ -9908,6 +10014,7 @@ declare class PoTableColumnManagerComponent implements OnChanges, OnDestroy {
     lastVisibleColumnsSelected: Array<PoTableColumn>;
     visibleColumnsChange: EventEmitter<PoTableColumn[]>;
     changeVisibleColumns: EventEmitter<string[]>;
+    changeFixedColumns: i0.OutputEmitterRef<string[]>;
     initialColumns: EventEmitter<string[]>;
     hideActionFixedColumns: boolean;
     literals: any;
@@ -9979,7 +10086,7 @@ declare class PoTableColumnManagerComponent implements OnChanges, OnDestroy {
     private stringify;
     private removePropertyFixed;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoTableColumnManagerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PoTableColumnManagerComponent, "po-table-column-manager", never, { "columns": { "alias": "p-columns"; "required": false; }; "target": { "alias": "p-target"; "required": false; }; "colunsDefault": { "alias": "p-columns-default"; "required": false; }; "lastVisibleColumnsSelected": { "alias": "p-last-visible-columns-selected"; "required": false; }; "hideActionFixedColumns": { "alias": "p-hide-action-fixed-columns"; "required": false; }; "componentsSize": { "alias": "p-components-size"; "required": false; }; "maxColumns": { "alias": "p-max-columns"; "required": false; }; }, { "visibleColumnsChange": "p-visible-columns-change"; "changeVisibleColumns": "p-change-visible-columns"; "initialColumns": "p-initial-columns"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PoTableColumnManagerComponent, "po-table-column-manager", never, { "columns": { "alias": "p-columns"; "required": false; }; "target": { "alias": "p-target"; "required": false; }; "colunsDefault": { "alias": "p-columns-default"; "required": false; }; "lastVisibleColumnsSelected": { "alias": "p-last-visible-columns-selected"; "required": false; }; "hideActionFixedColumns": { "alias": "p-hide-action-fixed-columns"; "required": false; }; "componentsSize": { "alias": "p-components-size"; "required": false; }; "maxColumns": { "alias": "p-max-columns"; "required": false; }; }, { "visibleColumnsChange": "p-visible-columns-change"; "changeVisibleColumns": "p-change-visible-columns"; "changeFixedColumns": "p-change-fixed-columns"; "initialColumns": "p-initial-columns"; }, never, never, false, never>;
     static ngAcceptInputType_hideActionFixedColumns: any;
 }
 
@@ -10756,6 +10863,7 @@ declare class PoContainerBaseComponent {
  * <example name="po-container-dashboard" title="PO Container - Dashboard">
  *  <file name="sample-po-container-dashboard/sample-po-container-dashboard.component.html"> </file>
  *  <file name="sample-po-container-dashboard/sample-po-container-dashboard.component.ts"> </file>
+ *  <file name="sample-po-container-dashboard/sample-po-container-dashboard.component.css"> </file>
  *  <file name="sample-po-container-dashboard/sample-po-container-dashboard.service.ts"> </file>
  * </example>
  */
@@ -12048,11 +12156,13 @@ declare class PoSearchBaseComponent {
  * <example name="po-search-labs" title="PO Search Labs">
  *  <file name="sample-po-search-labs/sample-po-search-labs.component.html"> </file>
  *  <file name="sample-po-search-labs/sample-po-search-labs.component.ts"> </file>
+ *  <file name="sample-po-search-labs/sample-po-search-labs.component.css"> </file>
  * </example>
  *
  * <example name="po-search-find-people" title="PO Search Find People">
  *  <file name="sample-po-search-find-people/sample-po-search-find-people.component.html"> </file>
  *  <file name="sample-po-search-find-people/sample-po-search-find-people.component.ts"> </file>
+ *  <file name="sample-po-search-find-people/sample-po-search-find-people.component.css"> </file>
  *  <file name="sample-po-search-find-people/sample-po-search-find-people.service.ts"> </file>
  * </example>
  *
@@ -12070,6 +12180,7 @@ declare class PoSearchBaseComponent {
  * <example name="po-search-execute" title="PO Search Form Fields with Execute">
  *  <file name="sample-po-search-execute/sample-po-search-execute.component.html"> </file>
  *  <file name="sample-po-search-execute/sample-po-search-execute.component.ts"> </file>
+ *  <file name="sample-po-search-execute/sample-po-search-execute.component.css"> </file>
  * </example>
  *
  * <example name="po-search-fields-locate" title="PO Search Form Fields with Locate">
@@ -19542,6 +19653,7 @@ declare abstract class PoMultiselectBaseComponent implements ControlValueAccesso
  * <example name="po-multiselect-template" title="PO Multiselect - Template">
  *   <file name="sample-po-multiselect-template/sample-po-multiselect-template.component.html"> </file>
  *   <file name="sample-po-multiselect-template/sample-po-multiselect-template.component.ts"> </file>
+ *   <file name="sample-po-multiselect-template/sample-po-multiselect-template.component.css"> </file>
  * </example>
  *
  * <example name="po-multiselect-heroes" title="PO Multiselect - Heroes - using API">
@@ -21183,6 +21295,7 @@ declare class PoProgressBaseComponent {
  * <example name="po-progress-labs" title="PO Progress Labs">
  *   <file name="sample-po-progress-labs/sample-po-progress-labs.component.html"> </file>
  *   <file name="sample-po-progress-labs/sample-po-progress-labs.component.ts"> </file>
+ *   <file name="sample-po-progress-labs/sample-po-progress-labs.component.css"> </file>
  * </example>
  *
  * <example name="po-progress-publication" title="PO Progress - Publication">
@@ -22595,6 +22708,7 @@ declare abstract class PoFieldValidateModel<T> extends PoFieldModel<T> implement
  * <example name="po-select-customer-registration" title="PO Select - Customer registration">
  *   <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.component.css"> </file>
  *   <file name="sample-po-select-customer-registration/sample-po-select-customer-registration.service.ts"> </file>
  * </example>
  *
@@ -28091,11 +28205,13 @@ declare class PoMenuHeaderTemplateDirective {
  * <example name="po-menu-labs" title="PO Menu Labs">
  *   <file name="sample-po-menu-labs/sample-po-menu-labs.component.html"> </file>
  *   <file name="sample-po-menu-labs/sample-po-menu-labs.component.ts"> </file>
+ *   <file name="sample-po-menu-labs/sample-po-menu-labs.component.css"> </file>
  * </example>
  *
  * <example name="po-menu-human-resources" title="PO Menu - Human Resources">
  *   <file name="sample-po-menu-human-resources/sample-po-menu-human-resources.component.html"> </file>
  *   <file name="sample-po-menu-human-resources/sample-po-menu-human-resources.component.ts"> </file>
+ *   <file name="sample-po-menu-human-resources/sample-po-menu-human-resources.component.css"> </file>
  *   <file name="sample-po-menu-human-resources/sample-po-menu-human-resources.service.ts"> </file>
  * </example>
  */
@@ -28314,6 +28430,21 @@ declare class PoBadgeBaseComponent {
      *   - <span class="dot po-color-11"></span> `color-11`
      *   - <span class="dot po-color-12"></span> `color-12`
      *
+     * > Também é possível utilizar as 35 cores da paleta **Caption Tag Colors**:
+     *
+     *   - <span class="dot po-caption-tag-01"></span> `caption-tag-01` <span class="dot po-caption-tag-02"></span> `caption-tag-02` <span class="dot po-caption-tag-03"></span> `caption-tag-03` <span class="dot po-caption-tag-04"></span> `caption-tag-04` <span class="dot po-caption-tag-05"></span> `caption-tag-05`
+     *   - <span class="dot po-caption-tag-06"></span> `caption-tag-06` <span class="dot po-caption-tag-07"></span> `caption-tag-07` <span class="dot po-caption-tag-08"></span> `caption-tag-08` <span class="dot po-caption-tag-09"></span> `caption-tag-09` <span class="dot po-caption-tag-10"></span> `caption-tag-10`
+     *   - <span class="dot po-caption-tag-11"></span> `caption-tag-11` <span class="dot po-caption-tag-12"></span> `caption-tag-12` <span class="dot po-caption-tag-13"></span> `caption-tag-13` <span class="dot po-caption-tag-14"></span> `caption-tag-14` <span class="dot po-caption-tag-15"></span> `caption-tag-15`
+     *   - <span class="dot po-caption-tag-16"></span> `caption-tag-16` <span class="dot po-caption-tag-17"></span> `caption-tag-17` <span class="dot po-caption-tag-18"></span> `caption-tag-18` <span class="dot po-caption-tag-19"></span> `caption-tag-19` <span class="dot po-caption-tag-20"></span> `caption-tag-20`
+     *   - <span class="dot po-caption-tag-21"></span> `caption-tag-21` <span class="dot po-caption-tag-22"></span> `caption-tag-22` <span class="dot po-caption-tag-23"></span> `caption-tag-23` <span class="dot po-caption-tag-24"></span> `caption-tag-24` <span class="dot po-caption-tag-25"></span> `caption-tag-25`
+     *   - <span class="dot po-caption-tag-26"></span> `caption-tag-26` <span class="dot po-caption-tag-27"></span> `caption-tag-27` <span class="dot po-caption-tag-28"></span> `caption-tag-28` <span class="dot po-caption-tag-29"></span> `caption-tag-29` <span class="dot po-caption-tag-30"></span> `caption-tag-30`
+     *   - <span class="dot po-caption-tag-31"></span> `caption-tag-31` <span class="dot po-caption-tag-32"></span> `caption-tag-32` <span class="dot po-caption-tag-33"></span> `caption-tag-33` <span class="dot po-caption-tag-34"></span> `caption-tag-34` <span class="dot po-caption-tag-35"></span> `caption-tag-35`
+     *
+     * Exemplo de uso:
+     * ```
+     * <po-badge p-color="caption-tag-13" p-value="5"></po-badge>
+     * ```
+     *
      * @default `color-07`
      */
     set color(value: string);
@@ -29354,6 +29485,7 @@ declare abstract class PoPageDefaultBaseComponent {
  * <example name="po-page-default-dashboard" title="PO Page Default - Dashboard">
  *  <file name="sample-po-page-default-dashboard/sample-po-page-default-dashboard.component.html"> </file>
  *  <file name="sample-po-page-default-dashboard/sample-po-page-default-dashboard.component.ts"> </file>
+ *  <file name="sample-po-page-default-dashboard/sample-po-page-default-dashboard.component.css"> </file>
  *  <file name="sample-po-page-default-dashboard/sample-po-page-default-dashboard.service.ts"> </file>
  * </example>
  */
@@ -31761,6 +31893,7 @@ declare class PoStepperBaseComponent {
  * <example name="po-stepper-sales" title="PO Stepper - Sales">
  *  <file name="sample-po-stepper-sales/sample-po-stepper-sales.component.html"> </file>
  *  <file name="sample-po-stepper-sales/sample-po-stepper-sales.component.ts"> </file>
+ *  <file name="sample-po-stepper-sales/sample-po-stepper-sales.component.css"> </file>
  * </example>
  *
  * <example name="po-stepper-active" title="PO Stepper - Active">
@@ -34718,11 +34851,13 @@ declare class PoWidgetBaseComponent {
  * <example name="po-widget-labs" title="PO Widget Labs">
  *  <file name="sample-po-widget-labs/sample-po-widget-labs.component.html"> </file>
  *  <file name="sample-po-widget-labs/sample-po-widget-labs.component.ts"> </file>
+ *  <file name="sample-po-widget-labs/sample-po-widget-labs.component.css"> </file>
  * </example>
  *
  * <example name="po-widget-finance-dashboard" title="PO Widget - Finance dashboard">
  *  <file name="sample-po-widget-finance-dashboard/sample-po-widget-finance-dashboard.component.html"> </file>
  *  <file name="sample-po-widget-finance-dashboard/sample-po-widget-finance-dashboard.component.ts"> </file>
+ *  <file name="sample-po-widget-finance-dashboard/sample-po-widget-finance-dashboard.component.css"> </file>
  * </example>
  *
  * <example name="po-widget-card" title="PO Widget - Card">