@po-ui/ng-components 19.22.0 → 19.23.0

package/lib/components/po-button/enums/po-button-kind.enum.d.ts

@@ -1,9 +1,9 @@
 /**
- * @usedBy PoButtonComponent
+ * @usedBy PoButtonComponent, PoWidgetComponent
  *
  * @description
  *
- * Estilos (`p-kind`) disponíveis do componente.
+ * Estilos disponíveis do button.
  */
 export declare enum PoButtonKind {
     /** Estilo primário, usado para ações principais que requerem maior destaque. */

package/lib/components/po-popup/po-popup-action.interface.d.ts

@@ -1,6 +1,6 @@
 import { TemplateRef } from '@angular/core';
 /**
- * @usedBy PoPopupComponent
+ * @usedBy PoPopupComponent, PoWidgetComponent
  *
  * @description
  *
@@ -95,4 +95,5 @@ export interface PoPopupAction {
      *
      */
     visible?: boolean | Function;
+    $id?: string;
 }

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

@@ -259,6 +259,7 @@ export declare class PoTagBaseComponent {
      */
     set type(value: PoTagType);
     get type(): PoTagType;
+    forceIcon: boolean;
     /**
      * @optional
      *
@@ -290,7 +291,8 @@ export declare class PoTagBaseComponent {
     get literals(): PoTagLiterals;
     constructor(languageService: PoLanguageService);
     static ɵfac: i0.ɵɵFactoryDeclaration<PoTagBaseComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PoTagBaseComponent, never, never, { "label": { "alias": "p-label"; "required": false; }; "removable": { "alias": "p-removable"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "value": { "alias": "p-value"; "required": false; }; "appendInBody": { "alias": "p-append-in-body"; "required": false; }; "color": { "alias": "p-color"; "required": false; }; "textColor": { "alias": "p-text-color"; "required": false; }; "icon": { "alias": "p-icon"; "required": false; }; "orientation": { "alias": "p-orientation"; "required": false; }; "type": { "alias": "p-type"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; }, { "click": "p-click"; "remove": "p-close"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PoTagBaseComponent, never, never, { "label": { "alias": "p-label"; "required": false; }; "removable": { "alias": "p-removable"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "value": { "alias": "p-value"; "required": false; }; "appendInBody": { "alias": "p-append-in-body"; "required": false; }; "color": { "alias": "p-color"; "required": false; }; "textColor": { "alias": "p-text-color"; "required": false; }; "icon": { "alias": "p-icon"; "required": false; }; "orientation": { "alias": "p-orientation"; "required": false; }; "type": { "alias": "p-type"; "required": false; }; "forceIcon": { "alias": "p-force-icon"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; }, { "click": "p-click"; "remove": "p-close"; }, never, never, true, never>;
     static ngAcceptInputType_removable: any;
     static ngAcceptInputType_disabled: any;
+    static ngAcceptInputType_forceIcon: any;
 }

package/lib/components/po-widget/index.d.ts

@@ -1,2 +1,3 @@
 export * from './po-widget.component';
 export * from './po-widget.module';
+export * from './literals/po-widget-literals';

package/lib/components/po-widget/literals/po-widget-language.d.ts

@@ -0,0 +1,7 @@
+import { PoWidgetLiterals } from './po-widget-literals';
+export declare const poWidgetLiteralsDefault: {
+    en: PoWidgetLiterals;
+    es: PoWidgetLiterals;
+    pt: PoWidgetLiterals;
+    ru: PoWidgetLiterals;
+};

package/lib/components/po-widget/literals/po-widget-literals.d.ts

@@ -0,0 +1,22 @@
+export interface PoWidgetLiterals {
+    /**
+     * @usedBy PoWidgetComponent
+     *
+     * @optional
+     *
+     * @description
+     *
+     * help: Texto exibido na ação de ajuda.
+     */
+    help?: string;
+    /**
+     * @usedBy PoWidgetComponent
+     *
+     * @optional
+     *
+     * @description
+     *
+     * configuration: help: Texto exibido na ação de configuração.
+     */
+    configuration?: string;
+}

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

@@ -1,4 +1,7 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, TemplateRef } from '@angular/core';
+import { PoThemeService } from '../../services';
+import { PoPopupAction } from '../po-popup';
+import { PoTagType } from '../po-tag';
 import * as i0 from "@angular/core";
 /**
  *
@@ -13,6 +16,10 @@ import * as i0 from "@angular/core";
  * Para controlar sua largura, é possível utilizar o [Grid System](/guides/grid-system) para um maior
  * controle de seu redimensionamento, assim possibilitando o tratamento para diferentes resoluções.
  *
+ * #### Boas práticas
+ *
+ * Utilize um tamanho mínimo de largura de aproximadamente `18.75rem` no componente.
+ *
  * #### Acessibilidade tratada no componente
  *
  * Algumas diretrizes de acessibilidade já são tratadas no componente, internamente, e não podem ser alteradas. São elas:
@@ -27,35 +34,174 @@ import * as i0 from "@angular/core";
  *
  * > Para maiores informações, acesse o guia [Personalizando o Tema Padrão com Tokens CSS](https://po-ui.io/guides/theme-customization).
  *
- * | Propriedade                                  | Descrição                                                        | Valor Padrão                                     |
- * |----------------------------------------------|------------------------------------------------------------------|--------------------------------------------------|
- * | **Default Values**                           |                                                                  |                                                  |
- * | `--padding`                                  | Preenchimento                                                    | `1rem`                                           |
- * | `--border-radius`                            | Contém o valor do raio dos cantos do elemento               | `var(--border-radius-md)`                        |
- * | `--border-width`                             | Contém o valor da largura dos cantos do elemento            | `var(--border-width-sm)`                         |
- * | `--border-color`                             | Cor da borda                                                     | `var(--color-neutral-light-20)`                  |
- * | `--background`                               | Cor de background                                                | `var(--color-neutral-light-00)`                  |
- * | `--shadow`                                   | Contém o valor da sombra do elemento                             | `var(--shadow-md)`                               |
- * | **Selected**                                 |                                                                  |                                                  |
- * | `--background-selected`                 | Cor de background no estado selecionado                     | `var(--color-brand-01-lightest)`                 |
- * | `--border-color-selected`               | Cor da borda no estado selecionado                               | `var(--color-action-default)`                    |
- * | **Hover**                                    |                                                                  |                                                  |
- * | `--border-color-hover`                       | Cor da borda no estado hover                                     | `var(--color-brand-01-dark)`                     |
- * | `--shadow-hover`                             | Contém o valor da sombra do elemento no estado hover        | `var(--shadow-lg)`                               |
- * | **Focused**                                  |                                                                  |                                                  |
- * | `--color-focused`                            | Cor principal no estado de focus                                 | `var(--color-action-default)`                    |
- * | `--outline-color-focused`               | Cor do outline do estado de focus                                | `var(--color-action-focus)`                      |
+ * | Propriedade                                  | Descrição                                                        | Valor Padrão                                                                |
+ * |----------------------------------------------|------------------------------------------------------------------|-----------------------------------------------------------------------------|
+ * | **Default Values**                           |                                                                  |                                                                             |
+ * | `--font-family`                              | Família tipográfica usada                                        | `var(--font-family-theme) `                                                 |
+ * | `--font-size`                                | Tamanho da fonte                                                 | `var(--font-size-sm)`                                                       |
+ * | `--font-weight`                              | Peso da fonte                                                    | `var(--font-weight-bold)`                                                   |
+ * | `--font-color`                               | Cor da fonte                                                     | `var(--color-neutral-dark-95)`                                              |
+ * | `--padding` - `@deprecated 21.x.x`           | Preenchimento do componente                                      | `1rem`                                                                      |
+ * | `--padding-header`                           | Preenchimento do header                                          | `var(--spacing-sm) var(--spacing-sm) var(--spacing-xs) var(--spacing-sm)`   |
+ * | `--padding-body`                             | Preenchimento do body                                            | `var(--spacing-xs) var(--spacing-sm) var(--spacing-xs) var(--spacing-sm)`   |
+ * | `--padding-footer`                           | Preenchimento do footer                                          | `var(--spacing-xs) var(--spacing-sm) var(--spacing-sm) var(--spacing-sm)`   |
+ * | `--border-radius`                            | Contém o valor do raio dos cantos do elemento               | `var(--border-radius-md)`                                                   |
+ * | `--border-width`                             | Contém o valor da largura dos cantos do elemento            | `var(--border-width-sm)`                                                    |
+ * | `--border-color`                             | Cor da borda                                                     | `var(--color-neutral-light-20)`                                             |
+ * | `--background`                               | Cor de background                                                | `var(--color-neutral-light-00)`                                             |
+ * | `--shadow`                                   | Contém o valor da sombra do elemento                             | `var(--shadow-md)`                                                          |
+ * | **Hover**                                    |                                                                  |                                                                             |
+ * | `--border-color-hover`                       | Cor da borda no estado hover                                     | `var(--color-brand-01-dark)`                                                |
+ * | **Focused**                                  |                                                                  |                                                                             |
+ * | `--color-focused`                            | Cor principal no estado de focus                                 | `var(--color-action-default)`                                               |
+ * | `--outline-color-focused`               | Cor do outline do estado de focus                                | `var(--color-action-focus)`                                                 |
  *
  */
 export declare abstract class PoWidgetBaseComponent {
+    protected poThemeService: PoThemeService;
+    private _size?;
     /** Descrição da segunda ação. */
+    /**
+     * @optional
+     *
+     * @description
+     * Define o label e exibe a ação secundária no footer do componente.
+     *
+     * > Exibida apenas quando `p-primary-label` estiver definida.
+     */
     secondaryLabel?: string;
     /**
      * @optional
      *
      * @description
      *
-     * Ação que será executada quando o usuário clicar sobre a área total do `po-widget`.
+     * Caso verdadeiro o botão da ação `p-primary-label` ativará o modo `danger`.
+     *
+     * > Incompatível com o tipo **tertiary** da propriedade `p-kind-primary-action`.
+     *
+     * @default `false`
+     */
+    dangerPrimaryAction: boolean;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Caso verdadeiro o botão da ação `p-secondary-label` ativará o modo `danger`.
+     *
+     * > Incompatível com o tipo **tertiary** da propriedade `p-kind-primary-action`.
+     *
+     * @default `false`
+     */
+    dangerSecondaryAction: boolean;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o estilo do botão da ação `p-primary-label`, conforme o enum `PoButtonKind`.
+     *
+     * @default `tertiary`
+     */
+    kindPrimaryAction?: string;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o estilo do botão da ação `p-secondary-label`, conforme o enum `PoButtonKind`.
+     *
+     * @default `tertiary`
+     */
+    kindSecondaryAction?: string;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Label da tag exibida no header.
+     *
+     * > Quando a tag atingir uma largura máxima de 15rem (240px), será truncado com reticências.
+     * O conteúdo completo poderá ser visualizado ao passar o mouse sobre a tag, por meio do tooltip.
+     */
+    tagLabel?: string;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o tipo da `p-tag`, conforme o enum **PoTagType**.
+     *
+     * Valores válidos:
+     *  - `success`: cor verde utilizada para simbolizar sucesso ou êxito.
+     *  - `warning`: cor amarela que representa aviso ou advertência.
+     *  - `danger`: cor vermelha para erro ou aviso crítico.
+     *  - `info`: cor azul claro que caracteriza conteúdo informativo.
+     *  - `neutral`: cor cinza claro para uso geral.
+     *
+     * @default `success`
+     */
+    tagType: PoTagType | string;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o ícone exibido ao lado do label da `p-tag`.
+     *
+     * É possível usar qualquer um dos ícones da [Biblioteca de ícones PO UI](https://po-ui.io/icons), conforme exemplo:
+     * ```
+     * <po-widget p-tag-icon="an an-user"></po-widget>
+     * ```
+     * Também é possível utilizar outras fontes de ícones, por exemplo a biblioteca *Font Awesome*, desde que a biblioteca
+     * esteja carregada no projeto:
+     * ```
+     * <po-widget p-tag-icon="fa fa-podcast"></po-widget>
+     * ```
+     *
+     * Outra opção seria a customização do ícone através do `TemplateRef`, conforme exemplo abaixo:
+     * ```
+     * <po-widget [p-tag-icon]="template"></po-widget>
+     *
+     * <ng-template #template>
+     *   <i class="fa fa-podcast" style="font-size: inherit;"></i>
+     * </ng-template>
+     * ```
+     * > Para o ícone enquadrar corretamente, deve-se utilizar `font-size: inherit` caso o ícone utilizado não aplique-o.
+     */
+    tagIcon: string | TemplateRef<void>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Lista de ações exibidas no header do componente.
+     * As propriedades das ações seguem a interface `PoPopupAction`.
+     */
+    actions: Array<PoPopupAction>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o tamanho dos botões do componente:
+     * - `small`: altura de 32px (disponível apenas para acessibilidade AA).
+     * - `medium`: altura de 44px.
+     *
+     * > Caso a acessibilidade AA não esteja configurada, o tamanho `medium` será mantido.
+     * Para mais detalhes, consulte a documentação do [po-theme](https://po-ui.io/documentation/po-theme).
+     *
+     * @default `medium`
+     */
+    set size(value: string);
+    get size(): string;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento disparado quando o usuário clicar no componente.
+     * > Quando este evento está em uso, uma sombra (shadow) é aplicada automaticamente ao componente.
      */
     click: EventEmitter<MouseEvent | KeyboardEvent>;
     /**
@@ -63,7 +209,7 @@ export declare abstract class PoWidgetBaseComponent {
      *
      * @description
      *
-     * Função que será disparada com o valor do `p-disabled` quando esta propriedade for alterada.
+     * Evento disparado quando a propriedade `p-disabled` for alterada.
      */
     onDisabled: EventEmitter<any>;
     /**
@@ -71,7 +217,7 @@ export declare abstract class PoWidgetBaseComponent {
      *
      * @description
      *
-     * Função que será chamada na primeira ação.
+     * Evento disparado ao clicar na ação `p-primary-label`.
      */
     primaryAction: EventEmitter<any>;
     /**
@@ -79,21 +225,21 @@ export declare abstract class PoWidgetBaseComponent {
      *
      * @description
      *
-     * Função que será chamada na segunda ação.
+     * Evento disparado ao clicar na ação `p-secondary-label`.
      */
     secondaryAction: EventEmitter<any>;
     /**
      * @optional
      *
      * @description
-     * Função chamada ao clicar no ícone de configuração
+     * Evento disparado ao clicar em **Configurações** incluído no menu de ações do header.
      */
     setting: EventEmitter<any>;
     /**
      * @optional
      *
      * @description
-     * Função que será chamada ao clicar no título.
+     * Evento disparado ao clicar no título definido em `p-title`.
      */
     titleAction: EventEmitter<any>;
     containerHeight?: string;
@@ -111,7 +257,7 @@ export declare abstract class PoWidgetBaseComponent {
      *
      * @description
      *
-     * Aplicação de imagem de fundo.
+     * Define uma imagem de fundo.
      * > Se a imagem escolhida intervir na legibilidade do texto contido no `p-widget`,
      * pode-se utilizar a propriedade `p-primary` em conjunto para que os textos fiquem na cor branca.
      *
@@ -123,7 +269,7 @@ export declare abstract class PoWidgetBaseComponent {
      *
      * @description
      *
-     * Desabilita todas as ações do componente.
+     * Desabilita o componente.
      *
      * @default `false`
      */
@@ -134,9 +280,7 @@ export declare abstract class PoWidgetBaseComponent {
      *
      * @description
      *
-     * Define a altura do `po-widget`.
-     * A altura mínima para o `po-widget` depende do que será exibido através das propriedades `p-primary-label`,
-     * `p-setting`, `p-help` e `p-title`.
+     * Define a altura do componente.
      * > Caso não seja informado valor, a propriedade irá assumir o tamanho do conteúdo.
      */
     set height(value: number);
@@ -146,7 +290,7 @@ export declare abstract class PoWidgetBaseComponent {
      *
      * @description
      *
-     * Link de ajuda
+     * Link de ajuda incluído no menu de ações do header.
      */
     set help(value: string);
     get help(): string;
@@ -156,7 +300,8 @@ export declare abstract class PoWidgetBaseComponent {
      *
      * @description
      *
-     * Desabilita a sombra do `po-widget` quando o mesmo for clicável.
+     * Desabilita a sombra do componente quando o mesmo for clicável.
+     * > A sombra é exibida por padrão apenas quando o evento `p-click` está definido.
      *
      * @default `true`
      */
@@ -178,9 +323,8 @@ export declare abstract class PoWidgetBaseComponent {
      *
      * @description
      *
-     * Descrição da primeira ação.
+     * Define o label e exibe a ação primária no footer do componente.
      *
-     * @default `false`
      */
     set primaryLabel(value: string);
     get primaryLabel(): string;
@@ -189,13 +333,17 @@ export declare abstract class PoWidgetBaseComponent {
      *
      * @description
      *
-     * Título do `po-widget`.
+     * Título do componente.
      *
-     * @default `false`
+     * > Quando o conteúdo exceder o espaço disponível, o texto será truncado com reticências.  O conteúdo completo poderá
+     * ser visualizado ao passar o mouse sobre a tag, por meio do tooltip.
      */
     set title(value: string);
     get title(): string;
+    constructor(poThemeService: PoThemeService);
     abstract setHeight(height: number): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoWidgetBaseComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PoWidgetBaseComponent, never, never, { "secondaryLabel": { "alias": "p-secondary-label"; "required": false; }; "background": { "alias": "p-background"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "height": { "alias": "p-height"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "noShadow": { "alias": "p-no-shadow"; "required": false; }; "primary": { "alias": "p-primary"; "required": false; }; "primaryLabel": { "alias": "p-primary-label"; "required": false; }; "title": { "alias": "p-title"; "required": false; }; }, { "click": "p-click"; "onDisabled": "p-on-disabled"; "primaryAction": "p-primary-action"; "secondaryAction": "p-secondary-action"; "setting": "p-setting"; "titleAction": "p-title-action"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PoWidgetBaseComponent, never, never, { "secondaryLabel": { "alias": "p-secondary-label"; "required": false; }; "dangerPrimaryAction": { "alias": "p-danger-primary-action"; "required": false; }; "dangerSecondaryAction": { "alias": "p-danger-secondary-action"; "required": false; }; "kindPrimaryAction": { "alias": "p-kind-primary-action"; "required": false; }; "kindSecondaryAction": { "alias": "p-kind-secondary-action"; "required": false; }; "tagLabel": { "alias": "p-tag"; "required": false; }; "tagType": { "alias": "p-tag-type"; "required": false; }; "tagIcon": { "alias": "p-tag-icon"; "required": false; }; "actions": { "alias": "p-actions"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "background": { "alias": "p-background"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "height": { "alias": "p-height"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "noShadow": { "alias": "p-no-shadow"; "required": false; }; "primary": { "alias": "p-primary"; "required": false; }; "primaryLabel": { "alias": "p-primary-label"; "required": false; }; "title": { "alias": "p-title"; "required": false; }; }, { "click": "p-click"; "onDisabled": "p-on-disabled"; "primaryAction": "p-primary-action"; "secondaryAction": "p-secondary-action"; "setting": "p-setting"; "titleAction": "p-title-action"; }, never, never, true, never>;
+    static ngAcceptInputType_dangerPrimaryAction: any;
+    static ngAcceptInputType_dangerSecondaryAction: any;
 }

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

@@ -1,4 +1,7 @@
-import { OnInit, ViewContainerRef } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, OnChanges, OnInit, SimpleChanges, ViewContainerRef } from '@angular/core';
+import { PoLanguageService, PoThemeService } from '../../services';
+import { PoButtonComponent } from '../po-button';
+import { PoPopupComponent } from '../po-popup';
 import { PoWidgetBaseComponent } from './po-widget-base.component';
 import * as i0 from "@angular/core";
 /**
@@ -27,19 +30,38 @@ import * as i0 from "@angular/core";
  * </example>
  *
  */
-export declare class PoWidgetComponent extends PoWidgetBaseComponent implements OnInit {
+export declare class PoWidgetComponent extends PoWidgetBaseComponent implements OnInit, OnChanges, AfterViewInit {
+    protected cd: ChangeDetectorRef;
+    protected poTheme: PoThemeService;
+    popupTarget: any;
+    literals: any;
+    hasContent: boolean;
+    poPopupComponent: PoPopupComponent;
+    buttonPopUp: PoButtonComponent;
+    wrapperInfo: ElementRef;
+    wrapperTitle: ElementRef;
+    tagElement: ElementRef;
+    contentContainer: ElementRef<HTMLElement>;
     get showTitleAction(): boolean;
-    constructor(viewRef: ViewContainerRef);
+    constructor(viewRef: ViewContainerRef, languageService: PoLanguageService, cd: ChangeDetectorRef, poTheme: PoThemeService);
+    ngAfterViewInit(): void;
+    get a11Level(): import("../../services").PoThemeA11yEnum;
+    ngOnChanges(changes: SimpleChanges): void;
     ngOnInit(): void;
     hasTitleHelpOrSetting(): boolean;
     onClick(event: MouseEvent): void;
     onKeyDown(event: KeyboardEvent): void;
-    openHelp(event: MouseEvent): void;
-    runPrimaryAction(event: MouseEvent): void;
-    runSecondaryAction(event: MouseEvent): void;
+    openHelp(): void;
+    runPrimaryAction(): void;
+    runSecondaryAction(): void;
     runTitleAction(event: MouseEvent): void;
     setHeight(height: number): void;
-    settingOutput(event: MouseEvent): void;
+    settingOutput(): void;
+    togglePopup(targetRef: any, event: any): void;
+    showTooltip(): boolean;
+    closePopUp(): void;
+    private checkDefaultActions;
+    private updateContent;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoWidgetComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PoWidgetComponent, "po-widget", never, {}, {}, never, ["*"], false, never>;
 }

package/lib/components/po-widget/po-widget.module.d.ts

@@ -3,6 +3,10 @@ import * as i1 from "./po-widget.component";
 import * as i2 from "@angular/common";
 import * as i3 from "../po-container/po-container.module";
 import * as i4 from "../po-icon/po-icon.module";
+import * as i5 from "../po-tag/po-tag.module";
+import * as i6 from "../po-button/po-button.module";
+import * as i7 from "../po-popup/po-popup.module";
+import * as i8 from "../../directives/po-tooltip/po-tooltip.module";
 /**
  * @description
  *
@@ -10,6 +14,6 @@ import * as i4 from "../po-icon/po-icon.module";
  */
 export declare class PoWidgetModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PoWidgetModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PoWidgetModule, [typeof i1.PoWidgetComponent], [typeof i2.CommonModule, typeof i3.PoContainerModule, typeof i4.PoIconModule], [typeof i1.PoWidgetComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PoWidgetModule, [typeof i1.PoWidgetComponent], [typeof i2.CommonModule, typeof i3.PoContainerModule, typeof i4.PoIconModule, typeof i5.PoTagModule, typeof i6.PoButtonModule, typeof i7.PoPopupModule, typeof i8.PoTooltipModule], [typeof i1.PoWidgetComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PoWidgetModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@po-ui/ng-components",
-  "version": "19.22.0",
+  "version": "19.23.0",
   "description": "PO UI - Components",
   "author": "PO UI",
   "license": "MIT",
@@ -22,8 +22,8 @@
   },
   "dependencies": {
     "@angular/cdk": "~19.0.3",
-    "@po-ui/style": "19.22.0",
-    "@po-ui/ng-schematics": "19.22.0",
+    "@po-ui/style": "19.23.0",
+    "@po-ui/ng-schematics": "19.23.0",
     "echarts": "^5.6.0",
     "tslib": "^2.6.2"
   },
@@ -38,7 +38,7 @@
     "@angular/platform-browser-dynamic": "^19",
     "@angular/router": "^19",
     "@angular-devkit/schematics": "^19",
-    "@po-ui/style": "19.22.0",
+    "@po-ui/style": "19.23.0",
     "rxjs": "~7.8.1",
     "zone.js": "~0.15.0"
   },

package/schematics/ng-add/index.js

@@ -18,7 +18,7 @@ function default_1(options) {
 }
 function addPoPackageAndInstall() {
     return (tree, context) => {
-        (0, package_config_1.addPackageToPackageJson)(tree, '@po-ui/ng-components', '19.22.0');
+        (0, package_config_1.addPackageToPackageJson)(tree, '@po-ui/ng-components', '19.23.0');
         // install packages
         context.addTask(new tasks_1.NodePackageInstallTask());
     };

package/schematics/ng-update/v14/index.js

@@ -6,7 +6,7 @@ const tasks_1 = require("@angular-devkit/schematics/tasks");
 const package_config_1 = require("@po-ui/ng-schematics/package-config");
 const changes_1 = require("./changes");
 function default_1() {
-    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.22.0', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.23.0', changes_1.updateDepedenciesVersion), postUpdate()]);
 }
 function postUpdate() {
     return (_, context) => {

package/schematics/ng-update/v15/index.js

@@ -11,7 +11,7 @@ const changes_1 = require("./changes");
 const httpClientModuleName = 'HttpClientModule';
 const httpClientModuleSourcePath = '@angular/common/http';
 function default_1() {
-    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.22.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.23.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
 }
 function postUpdate() {
     return (_, context) => {

package/schematics/ng-update/v16/index.js

@@ -6,7 +6,7 @@ const tasks_1 = require("@angular-devkit/schematics/tasks");
 const package_config_1 = require("@po-ui/ng-schematics/package-config");
 const changes_1 = require("./changes");
 function default_1() {
-    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.22.0', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.23.0', changes_1.updateDepedenciesVersion), postUpdate()]);
 }
 function postUpdate() {
     return (_, context) => {

package/schematics/ng-update/v17/index.js

@@ -6,7 +6,7 @@ const tasks_1 = require("@angular-devkit/schematics/tasks");
 const package_config_1 = require("@po-ui/ng-schematics/package-config");
 const changes_1 = require("./changes");
 function default_1() {
-    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.22.0', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.23.0', changes_1.updateDepedenciesVersion), postUpdate()]);
 }
 function postUpdate() {
     return (_, context) => {

package/schematics/ng-update/v18/index.js

@@ -40,11 +40,11 @@ function main(options) {
             configureNewIcon.toLowerCase() === 'y' ||
             configureNewIcon.toLowerCase() === 'sim' ||
             configureNewIcon.toLowerCase() === '') {
-            return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.22.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+            return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.23.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
         }
         else {
             return (0, schematics_1.chain)([
-                (0, package_config_1.updatePackageJson)('19.22.0', changes_1.updateDepedenciesVersion),
+                (0, package_config_1.updatePackageJson)('19.23.0', changes_1.updateDepedenciesVersion),
                 addImportOnly(options, [IconsDictionaryName, poIconDictionary], poModuleSourcePath),
                 addProviderToAppModule(options, newProviderDictionary),
                 updateAppConfigFileRule(),

package/schematics/ng-update/v19/index.js

@@ -40,11 +40,11 @@ function main(options) {
             configureNewIcon.toLowerCase() === 'y' ||
             configureNewIcon.toLowerCase() === 'sim' ||
             configureNewIcon.toLowerCase() === '') {
-            return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.22.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+            return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.23.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
         }
         else {
             return (0, schematics_1.chain)([
-                (0, package_config_1.updatePackageJson)('19.22.0', changes_1.updateDepedenciesVersion),
+                (0, package_config_1.updatePackageJson)('19.23.0', changes_1.updateDepedenciesVersion),
                 addImportOnly(options, [IconsDictionaryName, poIconDictionary], poModuleSourcePath),
                 addProviderToAppModule(options, newProviderDictionary),
                 updateAppConfigFileRule(),

package/schematics/ng-update/v2/index.js

@@ -10,7 +10,7 @@ const package_config_1 = require("@po-ui/ng-schematics/package-config");
 const changes_1 = require("./changes");
 function updateToV2() {
     return (0, schematics_1.chain)([
-        updatePackageJson('19.22.0', changes_1.dependeciesChanges),
+        updatePackageJson('19.23.0', changes_1.dependeciesChanges),
         (0, replace_1.replaceInFile)('tslint.json', changes_1.tsLintReplaces),
         (0, replace_1.replaceInFile)('angular.json', changes_1.angularJsonReplaces),
         createUpgradeRule(),

package/schematics/ng-update/v3/index.js

@@ -7,7 +7,7 @@ const project_1 = require("@po-ui/ng-schematics/project");
 const package_config_1 = require("@po-ui/ng-schematics/package-config");
 const changes_1 = require("./changes");
 function updateToV3() {
-    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.22.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.23.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
 }
 function postUpdate() {
     return (_, context) => {