@po-ui/ng-components 21.27.0 → 21.28.0

package/lib/components/po-calendar/po-calendar-wrapper/po-calendar-wrapper.component.d.ts

@@ -25,6 +25,7 @@ export declare class PoCalendarWrapperComponent implements OnInit, OnChanges {
     get locale(): string;
     headerChange: EventEmitter<any>;
     selectDate: EventEmitter<any>;
+    selectTodayEvent: EventEmitter<void>;
     readonly hoverDateSource: Subject<Date>;
     hoverDate: import("rxjs").Observable<Date>;
     closeCalendar: EventEmitter<void>;

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

@@ -45,6 +45,7 @@ export declare class PoCalendarComponent extends PoCalendarBaseComponent impleme
     selectedIndexYear: number | null;
     selectedMonth: number | null;
     selectedYear: number | null;
+    private isTodayPresetSelection;
     private readonly _isRange;
     private readonly _rangePresetsValue;
     private readonly _rangePresetOptionsValue;
@@ -70,6 +71,7 @@ export declare class PoCalendarComponent extends PoCalendarBaseComponent impleme
     getValue(partType: any): any;
     onSelectDate(selectedDate: any, partType?: any): void;
     onHoverDate(date: any): void;
+    onSelectTodayPreset(): void;
     onHeaderChange({ month, year }: {
         month: any;
         year: any;

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

@@ -91,12 +91,9 @@ export declare abstract class PoDatetimepickerBaseComponent implements ControlVa
     private _size?;
     private _date;
     private _timeValue;
-    private previousValue;
     private _resolvedMinDate;
     private _resolvedMaxDate;
     protected hasValidatorRequired: boolean;
-    protected hour: string;
-    protected isExtendedISO: boolean;
     protected objMask: any;
     protected onChangeModel: any;
     protected onTouchedModel: any;

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

@@ -32,13 +32,11 @@ export declare class PoDatetimepickerComponent extends PoDatetimepickerBaseCompo
     iconDatepicker: PoButtonComponent;
     calendarComponent: PoCalendarComponent;
     inputEl: ElementRef;
-    iconClean: ElementRef<HTMLElement>;
     dialogPicker: ElementRef;
     helperEl?: PoHelperComponent;
     datetimepickerField: ElementRef;
     private readonly renderer;
     private readonly cd;
-    private readonly poCalendarService;
     private readonly controlPosition;
     id: string;
     displayAdditionalHelp: boolean;
@@ -50,6 +48,8 @@ export declare class PoDatetimepickerComponent extends PoDatetimepickerBaseCompo
     private clickListener;
     private eventResizeListener;
     private valueBeforeChange;
+    private hadValueOnOpen;
+    private isTodayPresetInProgress;
     constructor();
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
@@ -61,6 +61,9 @@ export declare class PoDatetimepickerComponent extends PoDatetimepickerBaseCompo
     hasInvalidClass(): boolean;
     getErrorPattern(): string;
     onKeyup($event: any): void;
+    private processKeyupWithMask;
+    private tryParseCompleteInput;
+    private clearDateTimeState;
     onKeydown($event: any): void;
     onInputFocus(): void;
     onPeriodBlur(): void;
@@ -75,6 +78,7 @@ export declare class PoDatetimepickerComponent extends PoDatetimepickerBaseCompo
         event: KeyboardEvent;
         column: string;
     }): void;
+    onCalendarClose(): void;
     writeValue(value: any): void;
     refreshValue(value: Date): void;
     onTimeChange(time: string): void;
@@ -124,6 +128,8 @@ export declare class PoDatetimepickerComponent extends PoDatetimepickerBaseCompo
     private buildFormattedTime;
     private isValidSeconds;
     private padTime;
+    private normalizeTimeWithSeconds;
+    private syncDateFromInput;
     private syncCalendarAndTimer;
     private getExpectedInputLength;
     private setCalendarPosition;

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

@@ -2,7 +2,7 @@
  * @description
  *
  * Módulo dos componentes: po-checkbox, po-checkbox-group, po-combo, po-datepicker, po-datetimepicker, po-datepicker-range, po-email, po-input,
- * po-lookup, po-number, po-multiselect, po-password, po-radio-group, po-select, po-switch, po-textarea, po-upload, po-url e po-search-ai.
+ * po-lookup, po-number, po-multiselect, po-password, po-radio-group, po-select, po-switch, po-textarea, po-timepicker, po-upload, po-url e po-search-ai.
  *
  * > Não esqueça de importar o módulo `FormsModule` para usar os componentes de formulários e caso esteja trabalhando com
  * > formulários reativos, importe o módulo `ReactiveFormsModule`, ambos nativos do Angular.

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

@@ -20,6 +20,12 @@ import { PoInputGeneric } from '../po-input-generic/po-input-generic';
  *  <file name="sample-po-input-reactive-form/sample-po-input-reactive-form.component.html"> </file>
  *  <file name="sample-po-input-reactive-form/sample-po-input-reactive-form.component.ts"> </file>
  * </example>
+ *
+ * <example name="po-input-mask-dynamic" title="PO Input - Dynamic Mask (CPF/CNPJ)">
+ *  <file name="sample-po-input-mask-dynamic/sample-po-input-mask-dynamic.component.html"> </file>
+ *  <file name="sample-po-input-mask-dynamic/sample-po-input-mask-dynamic.component.ts"> </file>
+ *  <file name="sample-po-input-mask-dynamic/document-mask.ts"> </file>
+ * </example>
  */
 export declare class PoInputComponent extends PoInputGeneric implements OnChanges {
     inp: ElementRef;

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

@@ -72,6 +72,7 @@ export declare class PoTimepickerComponent extends PoTimepickerBaseComponent imp
     get minutePlaceholder(): string;
     get secondPlaceholder(): string;
     get isPlaceholder(): boolean;
+    get showSeparator(): boolean;
     private get customPlaceholderSegments();
     private getCustomPlaceholderSegment;
     onHostFocusOut(event: FocusEvent): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@po-ui/ng-components",
-  "version": "21.27.0",
+  "version": "21.28.0",
   "description": "PO UI - Components",
   "author": "PO UI",
   "license": "MIT",
@@ -22,8 +22,8 @@
   },
   "dependencies": {
     "@angular/cdk": "~21.2.14",
-    "@po-ui/style": "21.27.0",
-    "@po-ui/ng-schematics": "21.27.0",
+    "@po-ui/style": "21.28.0",
+    "@po-ui/ng-schematics": "21.28.0",
     "driver.js": "~1.4.0",
     "echarts": "^6.1.0",
     "tslib": "^2.6.2"
@@ -39,7 +39,7 @@
     "@angular/platform-browser-dynamic": "^21",
     "@angular/router": "^21",
     "@angular-devkit/schematics": "^21",
-    "@po-ui/style": "21.27.0",
+    "@po-ui/style": "21.28.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.27.0');
+        (0, package_config_1.addPackageToPackageJson)(tree, '@po-ui/ng-components', '21.28.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.27.0', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.28.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.27.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.28.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.27.0', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.28.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.27.0', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.28.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.27.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+            return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.28.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
         }
         else {
             return (0, schematics_1.chain)([
-                (0, package_config_1.updatePackageJson)('21.27.0', changes_1.updateDepedenciesVersion),
+                (0, package_config_1.updatePackageJson)('21.28.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.27.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+            return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.28.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
         }
         else {
             return (0, schematics_1.chain)([
-                (0, package_config_1.updatePackageJson)('21.27.0', changes_1.updateDepedenciesVersion),
+                (0, package_config_1.updatePackageJson)('21.28.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.27.0', changes_1.dependeciesChanges),
+        updatePackageJson('21.28.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.27.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+            return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.28.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
         }
         else {
             return (0, schematics_1.chain)([
-                (0, package_config_1.updatePackageJson)('21.27.0', changes_1.updateDepedenciesVersion),
+                (0, package_config_1.updatePackageJson)('21.28.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.27.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+        return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.28.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.27.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.28.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.27.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.28.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.27.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.28.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.27.0', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.28.0', changes_1.updateDepedenciesVersion), postUpdate()]);
 }
 function postUpdate() {
     return (_, context) => {

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

@@ -5653,6 +5653,7 @@ declare class PoCalendarComponent extends PoCalendarBaseComponent implements OnI
     selectedIndexYear: number | null;
     selectedMonth: number | null;
     selectedYear: number | null;
+    private isTodayPresetSelection;
     private readonly _isRange;
     private readonly _rangePresetsValue;
     private readonly _rangePresetOptionsValue;
@@ -5678,6 +5679,7 @@ declare class PoCalendarComponent extends PoCalendarBaseComponent implements OnI
     getValue(partType: any): any;
     onSelectDate(selectedDate: any, partType?: any): void;
     onHoverDate(date: any): void;
+    onSelectTodayPreset(): void;
     onHeaderChange({ month, year }: {
         month: any;
         year: any;
@@ -5840,6 +5842,7 @@ declare class PoCalendarWrapperComponent implements OnInit, OnChanges {
     get locale(): string;
     headerChange: EventEmitter<any>;
     selectDate: EventEmitter<any>;
+    selectTodayEvent: EventEmitter<void>;
     readonly hoverDateSource: Subject<Date>;
     hoverDate: rxjs.Observable<Date>;
     closeCalendar: EventEmitter<void>;
@@ -5952,7 +5955,7 @@ declare class PoCalendarWrapperComponent implements OnInit, OnChanges {
     trackByDay(index: number, day: Date): string;
     trackByWeekDay(index: number, weekDay: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoCalendarWrapperComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PoCalendarWrapperComponent, "po-calendar-wrapper", never, { "value": { "alias": "p-value"; "required": false; }; "mode": { "alias": "p-mode"; "required": false; }; "responsive": { "alias": "p-responsive"; "required": false; }; "partType": { "alias": "p-part-type"; "required": false; }; "range": { "alias": "p-range"; "required": false; }; "activateDate": { "alias": "p-activate-date"; "required": false; }; "selectedValue": { "alias": "p-selected-value"; "required": false; }; "minDate": { "alias": "p-min-date"; "required": false; }; "maxDate": { "alias": "p-max-date"; "required": false; }; "hoverValue": { "alias": "p-hover-value"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "hideTodayButton": { "alias": "p-hide-today-button"; "required": false; }; "hasPresets": { "alias": "p-presets"; "required": false; }; "headerTemplate": { "alias": "p-header-template"; "required": false; }; "locale": { "alias": "p-locale"; "required": false; }; }, { "headerChange": "p-header-change"; "selectDate": "p-select-date"; "hoverDate": "p-hover-date"; "closeCalendar": "p-close-calendar"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PoCalendarWrapperComponent, "po-calendar-wrapper", never, { "value": { "alias": "p-value"; "required": false; }; "mode": { "alias": "p-mode"; "required": false; }; "responsive": { "alias": "p-responsive"; "required": false; }; "partType": { "alias": "p-part-type"; "required": false; }; "range": { "alias": "p-range"; "required": false; }; "activateDate": { "alias": "p-activate-date"; "required": false; }; "selectedValue": { "alias": "p-selected-value"; "required": false; }; "minDate": { "alias": "p-min-date"; "required": false; }; "maxDate": { "alias": "p-max-date"; "required": false; }; "hoverValue": { "alias": "p-hover-value"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "hideTodayButton": { "alias": "p-hide-today-button"; "required": false; }; "hasPresets": { "alias": "p-presets"; "required": false; }; "headerTemplate": { "alias": "p-header-template"; "required": false; }; "locale": { "alias": "p-locale"; "required": false; }; }, { "headerChange": "p-header-change"; "selectDate": "p-select-date"; "selectTodayEvent": "p-select-today"; "hoverDate": "p-hover-date"; "closeCalendar": "p-close-calendar"; }, never, never, false, never>;
 }
 
 declare class PoCalendarPresetListComponent {
@@ -17366,6 +17369,7 @@ declare class PoTimepickerComponent extends PoTimepickerBaseComponent implements
     get minutePlaceholder(): string;
     get secondPlaceholder(): string;
     get isPlaceholder(): boolean;
+    get showSeparator(): boolean;
     private get customPlaceholderSegments();
     private getCustomPlaceholderSegment;
     onHostFocusOut(event: FocusEvent): void;
@@ -21951,12 +21955,9 @@ declare abstract class PoDatetimepickerBaseComponent implements ControlValueAcce
     private _size?;
     private _date;
     private _timeValue;
-    private previousValue;
     private _resolvedMinDate;
     private _resolvedMaxDate;
     protected hasValidatorRequired: boolean;
-    protected hour: string;
-    protected isExtendedISO: boolean;
     protected objMask: any;
     protected onChangeModel: any;
     protected onTouchedModel: any;
@@ -22398,13 +22399,11 @@ declare class PoDatetimepickerComponent extends PoDatetimepickerBaseComponent im
     iconDatepicker: PoButtonComponent;
     calendarComponent: PoCalendarComponent;
     inputEl: ElementRef;
-    iconClean: ElementRef<HTMLElement>;
     dialogPicker: ElementRef;
     helperEl?: PoHelperComponent;
     datetimepickerField: ElementRef;
     private readonly renderer;
     private readonly cd;
-    private readonly poCalendarService;
     private readonly controlPosition;
     id: string;
     displayAdditionalHelp: boolean;
@@ -22416,6 +22415,8 @@ declare class PoDatetimepickerComponent extends PoDatetimepickerBaseComponent im
     private clickListener;
     private eventResizeListener;
     private valueBeforeChange;
+    private hadValueOnOpen;
+    private isTodayPresetInProgress;
     constructor();
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
@@ -22427,6 +22428,9 @@ declare class PoDatetimepickerComponent extends PoDatetimepickerBaseComponent im
     hasInvalidClass(): boolean;
     getErrorPattern(): string;
     onKeyup($event: any): void;
+    private processKeyupWithMask;
+    private tryParseCompleteInput;
+    private clearDateTimeState;
     onKeydown($event: any): void;
     onInputFocus(): void;
     onPeriodBlur(): void;
@@ -22441,6 +22445,7 @@ declare class PoDatetimepickerComponent extends PoDatetimepickerBaseComponent im
         event: KeyboardEvent;
         column: string;
     }): void;
+    onCalendarClose(): void;
     writeValue(value: any): void;
     refreshValue(value: Date): void;
     onTimeChange(time: string): void;
@@ -22490,6 +22495,8 @@ declare class PoDatetimepickerComponent extends PoDatetimepickerBaseComponent im
     private buildFormattedTime;
     private isValidSeconds;
     private padTime;
+    private normalizeTimeWithSeconds;
+    private syncDateFromInput;
     private syncCalendarAndTimer;
     private getExpectedInputLength;
     private setCalendarPosition;
@@ -22768,6 +22775,12 @@ declare class PoEmailComponent extends PoInputGeneric implements AfterViewInit,
  *  <file name="sample-po-input-reactive-form/sample-po-input-reactive-form.component.html"> </file>
  *  <file name="sample-po-input-reactive-form/sample-po-input-reactive-form.component.ts"> </file>
  * </example>
+ *
+ * <example name="po-input-mask-dynamic" title="PO Input - Dynamic Mask (CPF/CNPJ)">
+ *  <file name="sample-po-input-mask-dynamic/sample-po-input-mask-dynamic.component.html"> </file>
+ *  <file name="sample-po-input-mask-dynamic/sample-po-input-mask-dynamic.component.ts"> </file>
+ *  <file name="sample-po-input-mask-dynamic/document-mask.ts"> </file>
+ * </example>
  */
 declare class PoInputComponent extends PoInputGeneric implements OnChanges {
     inp: ElementRef;
@@ -29314,7 +29327,7 @@ declare class PoUploadFileRestrictionsComponent implements OnInit {
  * @description
  *
  * Módulo dos componentes: po-checkbox, po-checkbox-group, po-combo, po-datepicker, po-datetimepicker, po-datepicker-range, po-email, po-input,
- * po-lookup, po-number, po-multiselect, po-password, po-radio-group, po-select, po-switch, po-textarea, po-upload, po-url e po-search-ai.
+ * po-lookup, po-number, po-multiselect, po-password, po-radio-group, po-select, po-switch, po-textarea, po-timepicker, po-upload, po-url e po-search-ai.
  *
  * > Não esqueça de importar o módulo `FormsModule` para usar os componentes de formulários e caso esteja trabalhando com
  * > formulários reativos, importe o módulo `ReactiveFormsModule`, ambos nativos do Angular.