@po-ui/ng-components 20.10.0 → 20.11.0-beta.1

package/index.d.ts

@@ -14394,12 +14394,12 @@ declare abstract class PoInputBaseComponent implements ControlValueAccessor, Val
     /**
      * @description
      *
-     * Define se os caracteres especiais da máscara devem ser ignorados ao validar os comprimentos mínimo (`minLength`) e máximo (`maxLength`) do campo.
+     * Controla como o componente aplica as validações de comprimento mínimo (`minLength`) e máximo (`maxLength`) quando há uma máscara (`p-mask`) definida.
      *
      * - Quando `true`, apenas os caracteres alfanuméricos serão contabilizados para a validação dos comprimentos.
      * - Quando `false`, todos os caracteres, incluindo os especiais da máscara, serão considerados na validação.
      *
-     * > Será ignorado essa propriedade , caso esteja utilizando junto com a propriedade `p-mask-format-model`.
+     * > Esta propriedade é ignorada quando utilizada em conjunto com `p-mask-format-model`.
      *
      * Exemplo:
      * ```
@@ -17270,6 +17270,17 @@ declare abstract class PoNumberBaseComponent extends PoInputGeneric {
  * </example>
  */
 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
      *
@@ -21535,17 +21546,44 @@ interface PoDynamicFormField extends PoDynamicField {
     /**
      * Máscara para o campo.
      *
-     * **Componentes compatíveis:** `po-input`.
+     * **Componente compatível:** `po-input`.
      * > também é atribuído ao utilizar a propriedade `type: time`.
      */
     mask?: string;
     /**
      * Define que o valor do componente será conforme especificado na mascára. O valor padrão é `false`.
      *
-     * **Componentes compatíveis:** `po-input`.
+     * **Componente compatível:** `po-input`.
      * > também é atribuído ao utilizar a propriedade `type: time`.
      * */
     maskFormatModel?: boolean;
+    /**
+     * Controla como o componente aplica as validações de comprimento mínimo (`minLength`) e máximo (`maxLength`) quando há uma máscara (`p-mask`) definida.
+     *
+     * - Quando `true`, apenas os caracteres alfanuméricos serão contabilizados para a validação dos comprimentos.
+     * - Quando `false`, todos os caracteres, incluindo os especiais da máscara, serão considerados na validação.
+     *
+     * **Componentes compatíveis:** `po-input`, `po-decimal`.
+     *
+     * > Esta propriedade é ignorada quando utilizada em conjunto com `p-mask-format-model`.
+     *
+     * Exemplo:
+     * ```
+     * fields:Array<PoDynamicFormField> = [
+     * {
+     *   property: 'CNPJ maskNoLengthValidation TRUE',
+     *   required: true,
+     *   showRequired: true,
+     *   mask: '99.999.999/9999-99',
+     *   pattern: '([0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9])',
+     *   maskNoLengthValidation: true,
+     *   maxLength: 14,
+     *   minLength: 0
+     * }
+     * ```
+     * - Entrada: `11.111.111/1111-11` → Validação será aplicada somente aos números, ignorando os caracteres especiais.
+     */
+    maskNoLengthValidation?: boolean;
     /** Define o ícone que será exibido no início do campo.
      * > Esta propriedade só pode ser utilizado nos campos:
      * - Input;
@@ -21828,7 +21866,7 @@ interface PoDynamicFormField extends PoDynamicField {
     /**
      * Permite a seleção de múltiplos itens.
      *
-     * **Componente compatível:** `po-lookup`, `po-upload`
+     * **Componentes compatíveis:** `po-lookup`, `po-upload`
      */
     multiple?: boolean;
     /** Se verdadeiro, o campo receberá um botão para ser limpo.
@@ -21895,7 +21933,7 @@ interface PoDynamicFormField extends PoDynamicField {
      * Define o modo de pesquisa utilizado no filtro da lista de seleção: `startsWith`, `contains` ou `endsWith`.
      * > Quando utilizar a propriedade p-filter-service esta propriedade será ignorada.
      *
-     * **Componentes compatíveis:** `po-multiselect`.
+     * **Componente compatível:** `po-multiselect`.
      */
     filterMode?: PoMultiselectFilterMode;
     /**
@@ -21977,7 +22015,7 @@ interface PoDynamicFormField extends PoDynamicField {
      * O componente envia como parâmetro um array de string com as colunas visíveis atualizadas.
      * Por exemplo: ["idCard", "name", "hireStatus", "age"].
      *
-     * **Componentes compatíveis**: `po-lookup`
+     * **Componente compatível**: `po-lookup`
      */
     changeVisibleColumns?: Function;
     /**
@@ -21986,7 +22024,7 @@ interface PoDynamicFormField extends PoDynamicField {
      * O componente envia como parâmetro um array de string com as colunas configuradas inicialmente.
      * Por exemplo: ["idCard", "name", "hireStatus", "age"].
      *
-     * **Componentes compatíveis**: `po-lookup`
+     * **Componente compatível**: `po-lookup`
      */
     columnRestoreManager?: Function;
     /**

package/lib/components/po-dynamic/po-dynamic-form/interfaces/po-dynamic-form-field.interface.d.ts

@@ -104,17 +104,44 @@ export interface PoDynamicFormField extends PoDynamicField {
     /**
      * Máscara para o campo.
      *
-     * **Componentes compatíveis:** `po-input`.
+     * **Componente compatível:** `po-input`.
      * > também é atribuído ao utilizar a propriedade `type: time`.
      */
     mask?: string;
     /**
      * Define que o valor do componente será conforme especificado na mascára. O valor padrão é `false`.
      *
-     * **Componentes compatíveis:** `po-input`.
+     * **Componente compatível:** `po-input`.
      * > também é atribuído ao utilizar a propriedade `type: time`.
      * */
     maskFormatModel?: boolean;
+    /**
+     * Controla como o componente aplica as validações de comprimento mínimo (`minLength`) e máximo (`maxLength`) quando há uma máscara (`p-mask`) definida.
+     *
+     * - Quando `true`, apenas os caracteres alfanuméricos serão contabilizados para a validação dos comprimentos.
+     * - Quando `false`, todos os caracteres, incluindo os especiais da máscara, serão considerados na validação.
+     *
+     * **Componentes compatíveis:** `po-input`, `po-decimal`.
+     *
+     * > Esta propriedade é ignorada quando utilizada em conjunto com `p-mask-format-model`.
+     *
+     * Exemplo:
+     * ```
+     * fields:Array<PoDynamicFormField> = [
+     * {
+     *   property: 'CNPJ maskNoLengthValidation TRUE',
+     *   required: true,
+     *   showRequired: true,
+     *   mask: '99.999.999/9999-99',
+     *   pattern: '([0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9])',
+     *   maskNoLengthValidation: true,
+     *   maxLength: 14,
+     *   minLength: 0
+     * }
+     * ```
+     * - Entrada: `11.111.111/1111-11` → Validação será aplicada somente aos números, ignorando os caracteres especiais.
+     */
+    maskNoLengthValidation?: boolean;
     /** Define o ícone que será exibido no início do campo.
      * > Esta propriedade só pode ser utilizado nos campos:
      * - Input;
@@ -397,7 +424,7 @@ export interface PoDynamicFormField extends PoDynamicField {
     /**
      * Permite a seleção de múltiplos itens.
      *
-     * **Componente compatível:** `po-lookup`, `po-upload`
+     * **Componentes compatíveis:** `po-lookup`, `po-upload`
      */
     multiple?: boolean;
     /** Se verdadeiro, o campo receberá um botão para ser limpo.
@@ -464,7 +491,7 @@ export interface PoDynamicFormField extends PoDynamicField {
      * Define o modo de pesquisa utilizado no filtro da lista de seleção: `startsWith`, `contains` ou `endsWith`.
      * > Quando utilizar a propriedade p-filter-service esta propriedade será ignorada.
      *
-     * **Componentes compatíveis:** `po-multiselect`.
+     * **Componente compatível:** `po-multiselect`.
      */
     filterMode?: PoMultiselectFilterMode;
     /**
@@ -546,7 +573,7 @@ export interface PoDynamicFormField extends PoDynamicField {
      * O componente envia como parâmetro um array de string com as colunas visíveis atualizadas.
      * Por exemplo: ["idCard", "name", "hireStatus", "age"].
      *
-     * **Componentes compatíveis**: `po-lookup`
+     * **Componente compatível**: `po-lookup`
      */
     changeVisibleColumns?: Function;
     /**
@@ -555,7 +582,7 @@ export interface PoDynamicFormField extends PoDynamicField {
      * O componente envia como parâmetro um array de string com as colunas configuradas inicialmente.
      * Por exemplo: ["idCard", "name", "hireStatus", "age"].
      *
-     * **Componentes compatíveis**: `po-lookup`
+     * **Componente compatível**: `po-lookup`
      */
     columnRestoreManager?: Function;
     /**

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

@@ -206,12 +206,12 @@ export declare abstract class PoInputBaseComponent implements ControlValueAccess
     /**
      * @description
      *
-     * Define se os caracteres especiais da máscara devem ser ignorados ao validar os comprimentos mínimo (`minLength`) e máximo (`maxLength`) do campo.
+     * Controla como o componente aplica as validações de comprimento mínimo (`minLength`) e máximo (`maxLength`) quando há uma máscara (`p-mask`) definida.
      *
      * - Quando `true`, apenas os caracteres alfanuméricos serão contabilizados para a validação dos comprimentos.
      * - Quando `false`, todos os caracteres, incluindo os especiais da máscara, serão considerados na validação.
      *
-     * > Será ignorado essa propriedade , caso esteja utilizando junto com a propriedade `p-mask-format-model`.
+     * > Esta propriedade é ignorada quando utilizada em conjunto com `p-mask-format-model`.
      *
      * Exemplo:
      * ```

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@po-ui/ng-components",
-  "version": "20.10.0",
+  "version": "20.11.0-beta.1",
   "description": "PO UI - Components",
   "author": "PO UI",
   "license": "MIT",
@@ -22,8 +22,8 @@
   },
   "dependencies": {
     "@angular/cdk": "~20.0.3",
-    "@po-ui/style": "20.10.0",
-    "@po-ui/ng-schematics": "20.10.0",
+    "@po-ui/style": "20.11.0-beta.1",
+    "@po-ui/ng-schematics": "20.11.0-beta.1",
     "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.10.0",
+    "@po-ui/style": "20.11.0-beta.1",
     "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.10.0');
+        (0, package_config_1.addPackageToPackageJson)(tree, '@po-ui/ng-components', '20.11.0-beta.1');
         // 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.10.0', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('20.11.0-beta.1', 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.10.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('20.11.0-beta.1', 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.10.0', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('20.11.0-beta.1', 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.10.0', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('20.11.0-beta.1', 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.10.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+            return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('20.11.0-beta.1', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
         }
         else {
             return (0, schematics_1.chain)([
-                (0, package_config_1.updatePackageJson)('20.10.0', changes_1.updateDepedenciesVersion),
+                (0, package_config_1.updatePackageJson)('20.11.0-beta.1', 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.10.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+            return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('20.11.0-beta.1', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
         }
         else {
             return (0, schematics_1.chain)([
-                (0, package_config_1.updatePackageJson)('20.10.0', changes_1.updateDepedenciesVersion),
+                (0, package_config_1.updatePackageJson)('20.11.0-beta.1', 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.10.0', changes_1.dependeciesChanges),
+        updatePackageJson('20.11.0-beta.1', 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.10.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+            return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('20.11.0-beta.1', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
         }
         else {
             return (0, schematics_1.chain)([
-                (0, package_config_1.updatePackageJson)('20.10.0', changes_1.updateDepedenciesVersion),
+                (0, package_config_1.updatePackageJson)('20.11.0-beta.1', 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.10.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('20.11.0-beta.1', 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.10.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('20.11.0-beta.1', 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.10.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('20.11.0-beta.1', 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.10.0', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('20.11.0-beta.1', changes_1.updateDepedenciesVersion), postUpdate()]);
 }
 function postUpdate() {
     return (_, context) => {