@po-ui/ng-components 20.9.0 → 20.11.0

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

@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, EventEmitter, OnInit } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, EventEmitter, OnInit } from '@angular/core';
 import { AbstractControl, ControlValueAccessor, Validator } from '@angular/forms';
 import { Observable, Subject, Subscription } from 'rxjs';
 import { PoLanguageService } from '../../../services/po-language/po-language.service';
@@ -72,6 +72,7 @@ export declare const poMultiselectLiteralsDefault: {
  */
 export declare abstract class PoMultiselectBaseComponent implements ControlValueAccessor, OnInit, Validator {
     protected cd?: ChangeDetectorRef;
+    inputElement: ElementRef;
     additionalHelpEventTrigger: string | undefined;
     /**
      *
@@ -274,6 +275,7 @@ export declare abstract class PoMultiselectBaseComponent implements ControlValue
     protected clickOutListener: () => void;
     protected resizeListener: () => void;
     protected getObjectsByValuesSubscription: Subscription;
+    protected isExpandedHeight: boolean;
     private _filterService?;
     private _debounceTime?;
     private _disabled?;
@@ -554,6 +556,7 @@ export declare abstract class PoMultiselectBaseComponent implements ControlValue
     private getValueWrite;
     private setLabelsAndValuesOptions;
     private validateModel;
+    private updateInputHeight;
     abstract applyFilter(value?: string): Observable<Array<PoMultiselectOption | any>>;
     abstract updateVisibleItems(): void;
 }

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

@@ -57,7 +57,6 @@ export declare class PoMultiselectComponent extends PoMultiselectBaseComponent i
     dropdownElement: ElementRef;
     dropdown: any;
     iconElement: ElementRef;
-    inputElement: ElementRef;
     outerContainer: ElementRef;
     helperEl?: PoHelperComponent;
     literalsTag: any;
@@ -144,7 +143,6 @@ export declare class PoMultiselectComponent extends PoMultiselectBaseComponent i
      * ```
      */
     showAdditionalHelp(): boolean;
-    showAdditionalHelpIcon(): boolean;
     wasClickedOnToggle(event: MouseEvent): void;
     applyFilter(value?: string): Observable<Array<PoMultiselectOption | any>>;
     setHelper(label?: string, additionalHelpTooltip?: string): {

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

@@ -28,6 +28,17 @@ import { PoNumberBaseComponent } from './po-number-base.component';
  * </example>
  */
 export declare class PoNumberComponent extends PoNumberBaseComponent implements AfterViewInit, OnChanges {
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Indica uma máscara para o campo, porém é incompatível com o `po-number`.
+     * > **Componentes compatíveis:** `po-input`,`po-decimal`.
+     *
+     * @override
+     */
+    mask?: string;
     /**
      * @optional
      *

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

@@ -97,7 +97,6 @@ export declare class PoRadioGroupComponent extends PoRadioGroupBaseComponent imp
      * ```
      */
     showAdditionalHelp(): boolean;
-    showAdditionalHelpIcon(): boolean;
     setHelper(label?: string, additionalHelpTooltip?: string): {
         hideAdditionalHelp: boolean;
         helperSettings?: any;

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

@@ -92,7 +92,6 @@ export declare class PoTextareaComponent extends PoTextareaBaseComponent impleme
      * ```
      */
     showAdditionalHelp(): boolean;
-    showAdditionalHelpIcon(): boolean;
     private isAdditionalHelpEventTriggered;
     setHelper(label?: string, additionalHelpTooltip?: string): {
         hideAdditionalHelp: boolean;

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

@@ -145,7 +145,6 @@ export declare class PoUploadComponent extends PoUploadBaseComponent implements
      * ```
      */
     showAdditionalHelp(): boolean;
-    showAdditionalHelpIcon(): boolean;
     stopUpload(file: PoUploadFile): void;
     trackByFn(index: any, file: PoUploadFile): string;
     uploadFiles(files: Array<PoUploadFile>): void;

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

@@ -1,3 +1,4 @@
+import { TemplateRef } from '@angular/core';
 /**
  * @usedBy PoModalComponent
  *
@@ -16,6 +17,49 @@ export interface PoModalAction {
     danger?: boolean;
     /** Desabilita o botão impossibilitando que sua ação seja executada. */
     disabled?: boolean;
+    /**
+     * Ícone exibido ao lado esquerdo do label do botão.
+     *
+     * É possível usar qualquer um dos ícones da [Biblioteca de ícones](https://po-ui.io/icons), conforme exemplo:
+     * ```
+     * modalAction: PoModalAction = {
+     *   action: () => {},
+     *   label: 'Botão com ícone PO',
+     *   icon: 'an an-user'
+     * };
+     * ```
+     * Também é possível utilizar outras fontes de ícones, por exemplo a biblioteca *Font Awesome*, desde que a biblioteca
+     * esteja carregada no projeto:
+     * ```
+     * modalAction: PoModalAction = {
+     *   action: () => {},
+     *   label: 'Botão com ícone Font Awesome',
+     *   icon: 'fa fa-user'
+     * };
+     * ```
+     * Outra opção seria a customização do ícone através do `TemplateRef`, conforme exemplo abaixo:
+     * ```
+     * // Template HTML
+     * <ng-template #customIcon>
+     *   <span class="fa fa-user"></span>
+     * </ng-template>
+     *
+     * // Componente TypeScript
+     * @ViewChild('customIcon', { static: true }) customIcon: TemplateRef<void>;
+     *
+     * modalAction: PoModalAction = {
+     *   action: () => {},
+     *   label: 'Botão com ícone customizado',
+     * };
+     *
+     * // Atribuição do TemplateRef à propriedade icon após a inicialização da view
+     * ngAfterViewInit() {
+     *   this.modalAction.icon = this.customIcon;
+     * }
+     * ```
+     * > Para o ícone enquadrar corretamente, deve-se utilizar `font-size: inherit` caso o ícone utilizado não aplique-o.
+     */
+    icon?: string | TemplateRef<void>;
     /** Rótulo do botão. */
     label: string;
     /** Habilita um estado de carregamento ao botão, desabilitando-o e exibindo um ícone de carregamento à esquerda de seu rótulo. */

package/package.json

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

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