@po-ui/ng-components 21.6.0 → 21.7.0

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

@@ -1,4 +1,4 @@
-import { EventEmitter } from '@angular/core';
+import { ChangeDetectorRef, EventEmitter } from '@angular/core';
 import { AbstractControl, ControlValueAccessor, Validator } from '@angular/forms';
 import { PoRichTextToolbarActions } from './enum/po-rich-text-toolbar-actions.enum';
 import { PoRichTextService } from './po-rich-text.service';
@@ -13,7 +13,8 @@ import { PoHelperOptions } from '../../po-helper';
  * > No navegador Internet Explorer não é possível alterar a cor do texto.
  */
 export declare abstract class PoRichTextBaseComponent implements ControlValueAccessor, Validator {
-    private richTextService;
+    private readonly richTextService;
+    cd: ChangeDetectorRef;
     /**
      *
      * @deprecated v23.x.x use `p-helper`
@@ -64,6 +65,27 @@ export declare abstract class PoRichTextBaseComponent implements ControlValueAcc
      * @default `false`
      */
     disabledTextAlign: boolean;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Indica que o campo será desabilitado.
+     *
+     * @default `false`
+     */
+    disabled: boolean;
+    /**
+     * @optional
+     *
+     * @description
+     * Exibe um ícone de carregamento no lado direito do campo para sinalizar que uma operação está em andamento.
+     *
+     * @default `false`
+     */
+    set loading(value: boolean);
+    get loading(): boolean;
+    get isDisabled(): boolean;
     /**
      * @description
      *
@@ -245,6 +267,7 @@ export declare abstract class PoRichTextBaseComponent implements ControlValueAcc
     invalid: boolean;
     onChangeModel: any;
     value: string;
+    private _loading;
     private _height?;
     private _placeholder;
     private _readonly;
@@ -320,7 +343,8 @@ export declare abstract class PoRichTextBaseComponent implements ControlValueAcc
      * - Não possuir `p-help` e/ou `p-label`.
      */
     showRequired: boolean;
-    constructor(richTextService: PoRichTextService);
+    constructor(richTextService: PoRichTextService, cd: ChangeDetectorRef);
+    setDisabledState(isDisabled: boolean): void;
     protected onThemeChange(): void;
     registerOnChange(func: any): void;
     registerOnTouched(func: any): void;

package/lib/components/po-field/po-rich-text/po-rich-text-body/po-rich-text-body.component.d.ts

@@ -1,12 +1,15 @@
-import { ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
-export declare class PoRichTextBodyComponent implements OnInit, OnDestroy {
+import { ElementRef, EventEmitter, OnDestroy, OnInit, OnChanges, SimpleChanges } from '@angular/core';
+export declare class PoRichTextBodyComponent implements OnInit, OnDestroy, OnChanges {
     private richTextService;
+    private readonly cd;
     bodyElement: ElementRef;
     height?: string;
     label: string;
     modelValue?: string;
     placeholder?: string;
     readonly?: string;
+    disabled: boolean;
+    loading: boolean;
     change: EventEmitter<any>;
     commands: EventEmitter<any>;
     keydown: EventEmitter<KeyboardEvent>;
@@ -20,7 +23,12 @@ export declare class PoRichTextBodyComponent implements OnInit, OnDestroy {
     private timeoutChange;
     private valueBeforeChange;
     private modelSubscription;
+    private resizeObserver;
+    hasScroll: boolean;
+    hasValue: boolean;
+    onWindowResize(): void;
     ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     executeCommand(command: string | {
         command: any;
@@ -35,6 +43,7 @@ export declare class PoRichTextBodyComponent implements OnInit, OnDestroy {
     onKeyUp(event: any): void;
     onPaste(): void;
     update(): void;
+    protected mapSizeToIcon(size: string): string;
     private addClickListenerOnAnchorElements;
     private emitSelectionCommands;
     private getTextSelection;
@@ -50,4 +59,8 @@ export declare class PoRichTextBodyComponent implements OnInit, OnDestroy {
     private updateModel;
     private updateValueWithModelValue;
     private verifyCursorPositionInFirefoxIEEdge;
+    private get bodyEl();
+    private updateHasValue;
+    private checkScrollState;
+    private initResizeObserver;
 }

package/lib/components/po-field/po-rich-text/po-rich-text-toolbar/po-rich-text-toolbar.component.d.ts

@@ -57,6 +57,7 @@ export declare class PoRichTextToolbarComponent implements AfterViewInit {
     set readonly(value: boolean);
     get readonly(): boolean;
     get isInternetExplorer(): boolean;
+    disabled?: boolean;
     size: string;
     constructor();
     ngAfterViewInit(): void;

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

@@ -254,6 +254,7 @@ export declare abstract class PoTextareaBaseComponent implements ControlValueAcc
     keydown: EventEmitter<KeyboardEvent>;
     displayAdditionalHelp: boolean;
     private _disabled;
+    private _loading;
     private _maxlength;
     private _minlength;
     private _placeholder;
@@ -281,6 +282,17 @@ export declare abstract class PoTextareaBaseComponent implements ControlValueAcc
      */
     set disabled(disabled: boolean);
     get disabled(): boolean;
+    /**
+     * @optional
+     *
+     * @description
+     * Exibe um ícone de carregamento no lado direito do campo para sinalizar que uma operação está em andamento.
+     *
+     * @default `false`
+     */
+    set loading(value: boolean);
+    get loading(): boolean;
+    get isDisabled(): boolean;
     /**
      * @optional
      *
@@ -358,6 +370,7 @@ export declare abstract class PoTextareaBaseComponent implements ControlValueAcc
     get size(): string;
     constructor(cd: ChangeDetectorRef);
     protected onThemeChange(): void;
+    protected onAfterThemeChange(): void;
     callOnChange(value: any): void;
     controlChangeModelEmitter(value: any): void;
     setDisabledState(isDisabled: boolean): void;
@@ -368,6 +381,7 @@ export declare abstract class PoTextareaBaseComponent implements ControlValueAcc
         [key: string]: any;
     };
     writeValue(value: any): void;
+    protected mapSizeToIcon(size: string): string;
     protected validateModel(): void;
     private applySizeBasedOnA11y;
     abstract writeValueModel(value: any): void;

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

@@ -1,4 +1,4 @@
-import { AfterViewInit, ElementRef, OnChanges, SimpleChanges } from '@angular/core';
+import { AfterViewInit, ElementRef, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
 import { PoTextareaBaseComponent } from './po-textarea-base.component';
 import { PoHelperComponent } from '../../po-helper';
 /**
@@ -27,13 +27,16 @@ import { PoHelperComponent } from '../../po-helper';
  * </example>
  *
  */
-export declare class PoTextareaComponent extends PoTextareaBaseComponent implements AfterViewInit, OnChanges {
+export declare class PoTextareaComponent extends PoTextareaBaseComponent implements AfterViewInit, OnChanges, OnDestroy {
     private el;
     inputEl: ElementRef;
     helperEl?: PoHelperComponent;
     id: string;
     valueBeforeChange: any;
     fireChange: boolean;
+    hasScroll: boolean;
+    hasValue: boolean;
+    private resizeObserver;
     constructor();
     emitAdditionalHelp(): void;
     /**
@@ -55,7 +58,9 @@ export declare class PoTextareaComponent extends PoTextareaBaseComponent impleme
      */
     focus(): void;
     ngAfterViewInit(): void;
+    protected onAfterThemeChange(): void;
     ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
     getAdditionalHelpTooltip(): string;
     getErrorPattern(): string;
     hasInvalidClass(): boolean;
@@ -97,4 +102,8 @@ export declare class PoTextareaComponent extends PoTextareaBaseComponent impleme
         hideAdditionalHelp: boolean;
         helperSettings?: any;
     };
+    private readonly onWindowResize;
+    private checkScrollState;
+    private calculateTextareaHeight;
+    private initResizeObserver;
 }

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

@@ -500,6 +500,7 @@ export declare abstract class PoUploadBaseComponent implements ControlValueAcces
     private _hideSendButton?;
     private _isMultiple?;
     private _literals?;
+    private _loading;
     private _required?;
     private _size?;
     private _initialSize?;
@@ -634,6 +635,19 @@ export declare abstract class PoUploadBaseComponent implements ControlValueAcces
      */
     set disabled(value: boolean);
     get disabled(): boolean;
+    /**
+     * @optional
+     *
+     * @description
+     * Exibe um ícone de carregamento no botão `Selecionar arquivo`, à esquerda do texto, sinalizando que uma operação está em andamento.
+     *
+     * > Incompatível com `p-drag-drop` e `p-hide-select-button`, pois o estado de loading depende da exibição do botão `Selecionar arquivo`.
+     *
+     * @default `false`
+     */
+    set loading(value: boolean);
+    get loading(): boolean;
+    get isDisabled(): boolean;
     /**
      * @optional
      *

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

@@ -76,6 +76,8 @@ export declare class PoUploadComponent extends PoUploadBaseComponent implements
     get hasMultipleFiles(): boolean;
     get hasFileNotUploaded(): boolean;
     get isDisabled(): boolean;
+    get isSelectButtonDisabled(): boolean;
+    get isFieldDisabled(): boolean;
     get maxFiles(): number;
     cancel(file: PoUploadFile, keydown?: KeyboardEvent): void;
     ngOnChanges(changes: SimpleChanges): void;

package/lib/components/po-header/interfaces/po-header-action-tool.interface.d.ts

@@ -103,12 +103,20 @@ export interface PoHeaderActionTool {
  */
 export interface PoHeaderActionPopoverAction {
     /**
-     *
      * @description
      *
-     * Template que será renderizado dentro do popover
+     * Template que será renderizado dentro do popover.
      */
     content: TemplateRef<any>;
+    /**
+     * @description
+     *
+     * Largura, em pixels, do template renderizado dentro do popover.
+     *
+     * Valores permitidos: de 240 a 800.
+     *
+     */
+    width?: number;
 }
 /**
  * @usedBy PoHeaderComponent

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

@@ -31,6 +31,7 @@ export declare class PoPopoverBaseComponent {
      * @default `false`
      */
     appendBox: boolean;
+    cornerAligned: boolean;
     /**
      * @description
      *
@@ -77,6 +78,7 @@ export declare class PoPopoverBaseComponent {
     target: ElementRef | HTMLElement;
     /** Título do popover. */
     title?: string;
+    width?: number;
     /** Evento disparado ao fechar o popover. */
     closePopover: EventEmitter<any>;
     /** Evento disparado ao abrir o popover. */

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

@@ -31,8 +31,10 @@ export declare class PoPopoverComponent extends PoPopoverBaseComponent implement
     timeoutResize: any;
     targetElement: any;
     afterViewInitWasCalled: boolean;
+    widthPopover: number;
     private keydownTargetListener?;
     private keydownPopoverListener?;
+    private resizeObserver;
     eventListenerFunction: () => void;
     private readonly tabbableSelector;
     constructor(renderer: Renderer2, poControlPosition: PoControlPositionService, cd: ChangeDetectorRef);
@@ -60,4 +62,6 @@ export declare class PoPopoverComponent extends PoPopoverBaseComponent implement
     private getDocumentTabbables;
     private focusNextAfterTarget;
     private focusPrevBeforeTarget;
+    private observeContentResize;
+    private disconnectResizeObserver;
 }

package/lib/services/po-control-position/po-control-position.service.d.ts

@@ -27,7 +27,7 @@ export declare class PoControlPositionService {
      * @param targetElement elemento de onde deve partir a exibição
      * @param customPositions posições que sobrescreve as posições padrões
      * @param isSetElementWidth indica se deve definir o tamanho do elemento a ser exibido, caso for verdadeiro será igual do targetElement
-     * @param isCornerAligned indica se o elemento filho será alinhado nos cantos do elemneto pai.
+     * @param isCornerAligned indica se o elemento filho será alinhado nos cantos do elemento pai.
      */
     setElements(element: ElementRef | HTMLElement, elementOffset: number, targetElement: ElementRef | HTMLElement, customPositions?: Array<string>, isSetElementWidth?: boolean, isCornerAligned?: boolean): void;
     private adjustCustomPosition;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@po-ui/ng-components",
-  "version": "21.6.0",
+  "version": "21.7.0",
   "description": "PO UI - Components",
   "author": "PO UI",
   "license": "MIT",
@@ -22,8 +22,8 @@
   },
   "dependencies": {
     "@angular/cdk": "~21.0.3",
-    "@po-ui/style": "21.6.0",
-    "@po-ui/ng-schematics": "21.6.0",
+    "@po-ui/style": "21.7.0",
+    "@po-ui/ng-schematics": "21.7.0",
     "echarts": "^5.6.0",
     "tslib": "^2.6.2"
   },
@@ -38,7 +38,7 @@
     "@angular/platform-browser-dynamic": "^21",
     "@angular/router": "^21",
     "@angular-devkit/schematics": "^21",
-    "@po-ui/style": "21.6.0",
+    "@po-ui/style": "21.7.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', '21.6.0');
+        (0, package_config_1.addPackageToPackageJson)(tree, '@po-ui/ng-components', '21.7.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)('21.6.0', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.7.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)('21.6.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.7.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)('21.6.0', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.7.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)('21.6.0', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.7.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)('21.6.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+            return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.7.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
         }
         else {
             return (0, schematics_1.chain)([
-                (0, package_config_1.updatePackageJson)('21.6.0', changes_1.updateDepedenciesVersion),
+                (0, package_config_1.updatePackageJson)('21.7.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)('21.6.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+            return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.7.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
         }
         else {
             return (0, schematics_1.chain)([
-                (0, package_config_1.updatePackageJson)('21.6.0', changes_1.updateDepedenciesVersion),
+                (0, package_config_1.updatePackageJson)('21.7.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('21.6.0', changes_1.dependeciesChanges),
+        updatePackageJson('21.7.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/v20/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)('21.6.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+            return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.7.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
         }
         else {
             return (0, schematics_1.chain)([
-                (0, package_config_1.updatePackageJson)('21.6.0', changes_1.updateDepedenciesVersion),
+                (0, package_config_1.updatePackageJson)('21.7.0', changes_1.updateDepedenciesVersion),
                 addImportOnly(options, [IconsDictionaryName, poIconDictionary], poModuleSourcePath),
                 addProviderToAppModule(options, newProviderDictionary),
                 updateAppConfigFileRule(),

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

@@ -9,7 +9,7 @@ const project_1 = require("@po-ui/ng-schematics/project");
 const changes_1 = require("./changes");
 function main() {
     return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.6.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+        return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.7.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
     });
 }
 function default_1() {

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)('21.6.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.7.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
 }
 function postUpdate() {
     return (_, context) => {

package/schematics/ng-update/v4/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 default_1() {
-    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.6.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.7.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
 }
 function postUpdate() {
     return (_, context) => {

package/schematics/ng-update/v5/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 default_1() {
-    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.6.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.7.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
 }
 function postUpdate() {
     return (_, context) => {

package/schematics/ng-update/v6/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)('21.6.0', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.7.0', changes_1.updateDepedenciesVersion), postUpdate()]);
 }
 function postUpdate() {
     return (_, context) => {