npm - @po-ui/ng-templates - Versions diffs - 21.33.0 → 22.0.0-next.0 - Mend

@po-ui/ng-templates 21.33.0 → 22.0.0-next.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (143) hide show

package/fesm2022/po-ui-ng-templates.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, HostListener, Input, HostBinding, Output, Directive, inject, Injectable, Component, ViewChild, NgModule, ChangeDetectorRef, ChangeDetectionStrategy, ViewContainerRef, output, ContentChild, ContentChildren, ViewEncapsulation, IterableDiffers } from '@angular/core';
+import { EventEmitter, HostListener, Input, HostBinding, Output, Directive, inject, Injectable, ChangeDetectionStrategy, Component, ViewChild, NgModule, ChangeDetectorRef, ViewContainerRef, output, ContentChild, ContentChildren, ViewEncapsulation, IterableDiffers } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule, DatePipe } from '@angular/common';
 import * as i2 from '@angular/forms';
@@ -149,14 +149,6 @@ function formatYear(year) {
         return `000${year}`;
     }
 }
-/**
- * @deprecated use getDefaultSizeFn
- *
- * Retorna o tamanho padrão dos componentes conforme o nível de acessibilidade.
- */
-function getDefaultSize(poThemeService) {
-    return poThemeService.getA11yDefaultSize() === 'small' ? PoPageComponentsSize.Small : PoPageComponentsSize.Medium;
-}
 /**
  * Retorna o tamanho padrão dos componentes conforme o nível de acessibilidade.
  */
@@ -467,20 +459,6 @@ function sortArrayOfObjects(items, key, isAscendingOrder) {
         }
     });
 }
-/**
- * @deprecated use validateSizeFn
- *
- * Valida e retorna um tamanho permitido para os componentes, considerando a acessibilidade.
- */
-function validateSize(value, poThemeService) {
-    if (value && Object.values(PoPageComponentsSize).includes(value)) {
-        if (value === PoPageComponentsSize.Small && poThemeService.getA11yLevel() !== 'AA') {
-            return PoPageComponentsSize.Medium;
-        }
-        return value;
-    }
-    return getDefaultSize(poThemeService);
-}
 /**
  * Valida e retorna um tamanho permitido para os componentes, considerando a acessibilidade.
  */
@@ -968,10 +946,10 @@ class PoModalPasswordRecoveryBaseComponent {
             ? `${literalCodeErrorMessage} ${this.literals.prepositionIn} ${value}.`
             : literalCodeErrorMessage;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoModalPasswordRecoveryBaseComponent, deps: [{ token: i3.PoLanguageService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.25", type: PoModalPasswordRecoveryBaseComponent, isStandalone: true, inputs: { codeError: ["p-code-error", "codeError"], urlRecovery: ["p-url-recovery", "urlRecovery"], componentsSize: ["p-components-size", "componentsSize"], contactEmail: ["p-contact-email", "contactEmail"], phoneMask: ["p-phone-mask", "phoneMask"], type: ["p-type", "type"] }, outputs: { codeSubmit: "p-code-submit", submit: "p-submit" }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-components-size": "this.componentsSize" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoModalPasswordRecoveryBaseComponent, deps: [{ token: i3.PoLanguageService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: PoModalPasswordRecoveryBaseComponent, isStandalone: true, inputs: { codeError: ["p-code-error", "codeError"], urlRecovery: ["p-url-recovery", "urlRecovery"], componentsSize: ["p-components-size", "componentsSize"], contactEmail: ["p-contact-email", "contactEmail"], phoneMask: ["p-phone-mask", "phoneMask"], type: ["p-type", "type"] }, outputs: { codeSubmit: "p-code-submit", submit: "p-submit" }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-components-size": "this.componentsSize" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoModalPasswordRecoveryBaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoModalPasswordRecoveryBaseComponent, decorators: [{
             type: Directive
         }], ctorParameters: () => [{ type: i3.PoLanguageService }], propDecorators: { codeError: [{
                 type: Input,
@@ -1010,10 +988,10 @@ class PoModalPasswordRecoveryService {
     post(urlRecovery, item, params) {
         return this.http.post(urlRecovery, item, { observe: 'response', params: params });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoModalPasswordRecoveryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoModalPasswordRecoveryService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoModalPasswordRecoveryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoModalPasswordRecoveryService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoModalPasswordRecoveryService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoModalPasswordRecoveryService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -1030,12 +1008,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
 class PoModalPasswordRecoveryErrorMessageComponent {
     /** Texto exibido na mensagem de erro. */
     text;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoModalPasswordRecoveryErrorMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.25", type: PoModalPasswordRecoveryErrorMessageComponent, isStandalone: false, selector: "po-modal-password-recovery-error-message", inputs: { text: ["p-text", "text"] }, ngImport: i0, template: "<div class=\"po-field-container-bottom-text-error po-field-container-error-item\">\n  <po-icon p-icon=\"ICON_EXCLAMATION\"></po-icon>\n  <span class=\"po-field-error-message\">{{ text }}</span>\n</div>\n", dependencies: [{ kind: "component", type: i3.PoIconComponent, selector: "po-icon", inputs: ["p-icon"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoModalPasswordRecoveryErrorMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: PoModalPasswordRecoveryErrorMessageComponent, isStandalone: false, selector: "po-modal-password-recovery-error-message", inputs: { text: ["p-text", "text"] }, ngImport: i0, template: "<div class=\"po-field-container-bottom-text-error po-field-container-error-item\">\n  <po-icon p-icon=\"ICON_EXCLAMATION\"></po-icon>\n  <span class=\"po-field-error-message\">{{ text }}</span>\n</div>\n", dependencies: [{ kind: "component", type: i3.PoIconComponent, selector: "po-icon", inputs: ["p-icon"] }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoModalPasswordRecoveryErrorMessageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoModalPasswordRecoveryErrorMessageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'po-modal-password-recovery-error-message', standalone: false, template: "<div class=\"po-field-container-bottom-text-error po-field-container-error-item\">\n  <po-icon p-icon=\"ICON_EXCLAMATION\"></po-icon>\n  <span class=\"po-field-error-message\">{{ text }}</span>\n</div>\n" }]
+            args: [{ selector: 'po-modal-password-recovery-error-message', changeDetection: ChangeDetectionStrategy.Eager, standalone: false, template: "<div class=\"po-field-container-bottom-text-error po-field-container-error-item\">\n  <po-icon p-icon=\"ICON_EXCLAMATION\"></po-icon>\n  <span class=\"po-field-error-message\">{{ text }}</span>\n</div>\n" }]
         }], propDecorators: { text: [{
                 type: Input,
                 args: ['p-text']
@@ -1289,12 +1267,12 @@ class PoModalPasswordRecoveryComponent extends PoModalPasswordRecoveryBaseCompon
             this.openSmsCode();
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoModalPasswordRecoveryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.25", type: PoModalPasswordRecoveryComponent, isStandalone: false, selector: "po-modal-password-recovery", viewQueries: [{ propertyName: "emailForm", first: true, predicate: ["emailForm"], descendants: true }, { propertyName: "recoveryModalElement", first: true, predicate: ["recoveryModal"], descendants: true, static: true }, { propertyName: "smsCodeForm", first: true, predicate: ["smsCodeForm"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<po-modal\n  #recoveryModal\n  p-hide-close\n  p-size=\"auto\"\n  [ngSwitch]=\"modalType\"\n  [p-components-size]=\"componentsSize\"\n  [p-primary-action]=\"primaryAction\"\n  [p-secondary-action]=\"secondaryAction\"\n  [p-title]=\"modalTitle\"\n>\n  <div class=\"po-modal-password-recovery-wrapper\">\n    <div *ngSwitchCase=\"'email'\" class=\"po-modal-password-recovery-content po-row\">\n      <div class=\"po-modal-password-recovery-text po-md-12 po-mb-1\">\n        {{ emailModalPhrases.firstPhrase }}\n      </div>\n      <div class=\"po-mb-2 po-md-12\">\n        <form #emailForm=\"ngForm\">\n          <div *ngIf=\"modalPasswordRecoveryTypeAll\">\n            <po-radio-group\n              name=\"type\"\n              [(ngModel)]=\"chosenTypeFormOption\"\n              [p-options]=\"typeFormOptions\"\n              [p-size]=\"componentsSize\"\n              (p-change)=\"getInputType($event)\"\n            >\n            </po-radio-group>\n          </div>\n\n          <div class=\"po-mt-1\">\n            <po-email\n              *ngIf=\"type === 'email' || type === 'all'\"\n              name=\"email\"\n              [(ngModel)]=\"email\"\n              p-required\n              [p-label]=\"literals.insertEmail\"\n              [p-size]=\"componentsSize\"\n              (p-change-model)=\"formModelChangesCheck(emailForm)\"\n            >\n            </po-email>\n\n            <po-input\n              *ngIf=\"type === 'sms'\"\n              name=\"sms\"\n              [(ngModel)]=\"phone\"\n              p-icon=\"ICON_TELEPHONE\"\n              p-required\n              [p-label]=\"literals.insertPhone\"\n              [p-mask]=\"phoneMask\"\n              [p-maxlength]=\"maxLength\"\n              [p-minlength]=\"minLength\"\n              [p-size]=\"componentsSize\"\n              (p-change-model)=\"formModelChangesCheck(emailForm)\"\n            >\n            </po-input>\n          </div>\n\n          <div class=\"po-field-container-bottom po-field-container-error-container\">\n            <po-modal-password-recovery-error-message\n              *ngIf=\"invalidEmail && control.dirty\"\n              [p-text]=\"type === 'sms' ? literals.phoneErrorMessagePhrase : literals.emailErrorMessagePhrase\"\n            >\n            </po-modal-password-recovery-error-message>\n          </div>\n        </form>\n      </div>\n      <div class=\"po-modal-password-recovery-text po-md-12\">\n        {{ emailModalPhrases.secondPhrase }}\n        <span *ngIf=\"contactEmail\">\n          {{ literals.prepositionIn }}\n          <a class=\"po-modal-password-recovery-link\" href=\"mailto:{{ contactEmail }}\" target=\"_self\">\n            {{ contactEmail }}\n          </a>\n        </span>\n        {{ endpoint }}\n      </div>\n    </div>\n\n    <div #smsCodeModal *ngSwitchCase=\"'smsCode'\" class=\"po-modal-password-recovery-content po-row\">\n      <div class=\"po-modal-password-recovery-text po-md-12 po-mb-1\">{{ literals.sentSmsCodePhrase }}</div>\n      <div class=\"po-mb-2 po-md-12\">\n        <form #smsCodeForm=\"ngForm\">\n          <po-input\n            name=\"sms\"\n            [(ngModel)]=\"smsCode\"\n            p-maxlength=\"11\"\n            p-minlength=\"11\"\n            p-required\n            [p-label]=\"literals.insertCode\"\n            [p-mask]=\"codeMask\"\n            [p-size]=\"componentsSize\"\n            (p-change-model)=\"formModelChangesCheck(smsCodeForm)\"\n          >\n          </po-input>\n          <div class=\"po-field-container-bottom po-field-container-error-container\">\n            <po-modal-password-recovery-error-message\n              *ngIf=\"invalidEmail\"\n              [p-text]=\"smsCodeErrorMessage || this.literals.smsCodeErrorMessagePhrase\"\n            >\n            </po-modal-password-recovery-error-message>\n            <po-modal-password-recovery-error-message *ngIf=\"showCustomCodeError\" [p-text]=\"codeError\">\n            </po-modal-password-recovery-error-message>\n          </div>\n        </form>\n      </div>\n      <div class=\"po-modal-password-recovery-text po-md-12\">\n        {{ literals.sendAgainPhrase }}\n        <span class=\"po-modal-password-recovery-link\" (click)=\"resendSmsCode()\">{{ literals.sendAgain }}</span>\n      </div>\n    </div>\n\n    <div #confirmationModal *ngSwitchCase=\"'confirmation'\" class=\"po-modal-password-recovery-content po-row\">\n      <img class=\"po-modal-password-recovery-user-image po-mb-2\" src=\"./assets/images/email-sent.svg\" />\n      <div class=\"po-modal-password-recovery-text\">\n        {{ literals.emailSentConfirmationPhrase }}\n      </div>\n    </div>\n  </div>\n</po-modal>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i3.PoEmailComponent, selector: "po-email" }, { kind: "component", type: i3.PoInputComponent, selector: "po-input" }, { kind: "component", type: i3.PoRadioGroupComponent, selector: "po-radio-group", inputs: ["p-label", "p-help"] }, { kind: "component", type: i3.PoModalComponent, selector: "po-modal" }, { kind: "component", type: PoModalPasswordRecoveryErrorMessageComponent, selector: "po-modal-password-recovery-error-message", inputs: ["p-text"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoModalPasswordRecoveryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: PoModalPasswordRecoveryComponent, isStandalone: false, selector: "po-modal-password-recovery", viewQueries: [{ propertyName: "emailForm", first: true, predicate: ["emailForm"], descendants: true }, { propertyName: "recoveryModalElement", first: true, predicate: ["recoveryModal"], descendants: true, static: true }, { propertyName: "smsCodeForm", first: true, predicate: ["smsCodeForm"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<po-modal\n  #recoveryModal\n  p-hide-close\n  p-size=\"auto\"\n  [p-components-size]=\"componentsSize\"\n  [p-primary-action]=\"primaryAction\"\n  [p-secondary-action]=\"secondaryAction\"\n  [p-title]=\"modalTitle\"\n>\n  <div class=\"po-modal-password-recovery-wrapper\">\n    @switch (modalType) {\n      @case ('email') {\n        <div class=\"po-modal-password-recovery-content po-row\">\n          <div class=\"po-modal-password-recovery-text po-md-12 po-mb-1\">\n            {{ emailModalPhrases.firstPhrase }}\n          </div>\n          <div class=\"po-mb-2 po-md-12\">\n            <form #emailForm=\"ngForm\">\n              @if (modalPasswordRecoveryTypeAll) {\n                <div>\n                  <po-radio-group\n                    name=\"type\"\n                    [(ngModel)]=\"chosenTypeFormOption\"\n                    [p-options]=\"typeFormOptions\"\n                    [p-size]=\"componentsSize\"\n                    (p-change)=\"getInputType($event)\"\n                  >\n                  </po-radio-group>\n                </div>\n              }\n\n              <div class=\"po-mt-1\">\n                @if (type === 'email' || type === 'all') {\n                  <po-email\n                    name=\"email\"\n                    [(ngModel)]=\"email\"\n                    p-required\n                    [p-label]=\"literals.insertEmail\"\n                    [p-size]=\"componentsSize\"\n                    (p-change-model)=\"formModelChangesCheck(emailForm)\"\n                  >\n                  </po-email>\n                }\n\n                @if (type === 'sms') {\n                  <po-input\n                    name=\"sms\"\n                    [(ngModel)]=\"phone\"\n                    p-icon=\"ICON_TELEPHONE\"\n                    p-required\n                    [p-label]=\"literals.insertPhone\"\n                    [p-mask]=\"phoneMask\"\n                    [p-maxlength]=\"maxLength\"\n                    [p-minlength]=\"minLength\"\n                    [p-size]=\"componentsSize\"\n                    (p-change-model)=\"formModelChangesCheck(emailForm)\"\n                  >\n                  </po-input>\n                }\n              </div>\n\n              <div class=\"po-field-container-bottom po-field-container-error-container\">\n                @if (invalidEmail && control.dirty) {\n                  <po-modal-password-recovery-error-message\n                    [p-text]=\"type === 'sms' ? literals.phoneErrorMessagePhrase : literals.emailErrorMessagePhrase\"\n                  >\n                  </po-modal-password-recovery-error-message>\n                }\n              </div>\n            </form>\n          </div>\n          <div class=\"po-modal-password-recovery-text po-md-12\">\n            {{ emailModalPhrases.secondPhrase }}\n            @if (contactEmail) {\n              <span>\n                {{ literals.prepositionIn }}\n                <a class=\"po-modal-password-recovery-link\" href=\"mailto:{{ contactEmail }}\" target=\"_self\">\n                  {{ contactEmail }}\n                </a>\n              </span>\n            }\n            {{ endpoint }}\n          </div>\n        </div>\n      }\n\n      @case ('smsCode') {\n        <div #smsCodeModal class=\"po-modal-password-recovery-content po-row\">\n          <div class=\"po-modal-password-recovery-text po-md-12 po-mb-1\">{{ literals.sentSmsCodePhrase }}</div>\n          <div class=\"po-mb-2 po-md-12\">\n            <form #smsCodeForm=\"ngForm\">\n              <po-input\n                name=\"sms\"\n                [(ngModel)]=\"smsCode\"\n                p-maxlength=\"11\"\n                p-minlength=\"11\"\n                p-required\n                [p-label]=\"literals.insertCode\"\n                [p-mask]=\"codeMask\"\n                [p-size]=\"componentsSize\"\n                (p-change-model)=\"formModelChangesCheck(smsCodeForm)\"\n              >\n              </po-input>\n              <div class=\"po-field-container-bottom po-field-container-error-container\">\n                @if (invalidEmail) {\n                  <po-modal-password-recovery-error-message\n                    [p-text]=\"smsCodeErrorMessage || this.literals.smsCodeErrorMessagePhrase\"\n                  >\n                  </po-modal-password-recovery-error-message>\n                }\n                @if (showCustomCodeError) {\n                  <po-modal-password-recovery-error-message [p-text]=\"codeError\">\n                  </po-modal-password-recovery-error-message>\n                }\n              </div>\n            </form>\n          </div>\n          <div class=\"po-modal-password-recovery-text po-md-12\">\n            {{ literals.sendAgainPhrase }}\n            <span class=\"po-modal-password-recovery-link\" (click)=\"resendSmsCode()\">{{ literals.sendAgain }}</span>\n          </div>\n        </div>\n      }\n\n      @case ('confirmation') {\n        <div #confirmationModal class=\"po-modal-password-recovery-content po-row\">\n          <img class=\"po-modal-password-recovery-user-image po-mb-2\" src=\"./assets/images/email-sent.svg\" />\n          <div class=\"po-modal-password-recovery-text\">\n            {{ literals.emailSentConfirmationPhrase }}\n          </div>\n        </div>\n      }\n    }\n  </div>\n</po-modal>\n", dependencies: [{ kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i3.PoEmailComponent, selector: "po-email" }, { kind: "component", type: i3.PoInputComponent, selector: "po-input" }, { kind: "component", type: i3.PoRadioGroupComponent, selector: "po-radio-group", inputs: ["p-label", "p-help"] }, { kind: "component", type: i3.PoModalComponent, selector: "po-modal" }, { kind: "component", type: PoModalPasswordRecoveryErrorMessageComponent, selector: "po-modal-password-recovery-error-message", inputs: ["p-text"] }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoModalPasswordRecoveryComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoModalPasswordRecoveryComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'po-modal-password-recovery', standalone: false, template: "<po-modal\n  #recoveryModal\n  p-hide-close\n  p-size=\"auto\"\n  [ngSwitch]=\"modalType\"\n  [p-components-size]=\"componentsSize\"\n  [p-primary-action]=\"primaryAction\"\n  [p-secondary-action]=\"secondaryAction\"\n  [p-title]=\"modalTitle\"\n>\n  <div class=\"po-modal-password-recovery-wrapper\">\n    <div *ngSwitchCase=\"'email'\" class=\"po-modal-password-recovery-content po-row\">\n      <div class=\"po-modal-password-recovery-text po-md-12 po-mb-1\">\n        {{ emailModalPhrases.firstPhrase }}\n      </div>\n      <div class=\"po-mb-2 po-md-12\">\n        <form #emailForm=\"ngForm\">\n          <div *ngIf=\"modalPasswordRecoveryTypeAll\">\n            <po-radio-group\n              name=\"type\"\n              [(ngModel)]=\"chosenTypeFormOption\"\n              [p-options]=\"typeFormOptions\"\n              [p-size]=\"componentsSize\"\n              (p-change)=\"getInputType($event)\"\n            >\n            </po-radio-group>\n          </div>\n\n          <div class=\"po-mt-1\">\n            <po-email\n              *ngIf=\"type === 'email' || type === 'all'\"\n              name=\"email\"\n              [(ngModel)]=\"email\"\n              p-required\n              [p-label]=\"literals.insertEmail\"\n              [p-size]=\"componentsSize\"\n              (p-change-model)=\"formModelChangesCheck(emailForm)\"\n            >\n            </po-email>\n\n            <po-input\n              *ngIf=\"type === 'sms'\"\n              name=\"sms\"\n              [(ngModel)]=\"phone\"\n              p-icon=\"ICON_TELEPHONE\"\n              p-required\n              [p-label]=\"literals.insertPhone\"\n              [p-mask]=\"phoneMask\"\n              [p-maxlength]=\"maxLength\"\n              [p-minlength]=\"minLength\"\n              [p-size]=\"componentsSize\"\n              (p-change-model)=\"formModelChangesCheck(emailForm)\"\n            >\n            </po-input>\n          </div>\n\n          <div class=\"po-field-container-bottom po-field-container-error-container\">\n            <po-modal-password-recovery-error-message\n              *ngIf=\"invalidEmail && control.dirty\"\n              [p-text]=\"type === 'sms' ? literals.phoneErrorMessagePhrase : literals.emailErrorMessagePhrase\"\n            >\n            </po-modal-password-recovery-error-message>\n          </div>\n        </form>\n      </div>\n      <div class=\"po-modal-password-recovery-text po-md-12\">\n        {{ emailModalPhrases.secondPhrase }}\n        <span *ngIf=\"contactEmail\">\n          {{ literals.prepositionIn }}\n          <a class=\"po-modal-password-recovery-link\" href=\"mailto:{{ contactEmail }}\" target=\"_self\">\n            {{ contactEmail }}\n          </a>\n        </span>\n        {{ endpoint }}\n      </div>\n    </div>\n\n    <div #smsCodeModal *ngSwitchCase=\"'smsCode'\" class=\"po-modal-password-recovery-content po-row\">\n      <div class=\"po-modal-password-recovery-text po-md-12 po-mb-1\">{{ literals.sentSmsCodePhrase }}</div>\n      <div class=\"po-mb-2 po-md-12\">\n        <form #smsCodeForm=\"ngForm\">\n          <po-input\n            name=\"sms\"\n            [(ngModel)]=\"smsCode\"\n            p-maxlength=\"11\"\n            p-minlength=\"11\"\n            p-required\n            [p-label]=\"literals.insertCode\"\n            [p-mask]=\"codeMask\"\n            [p-size]=\"componentsSize\"\n            (p-change-model)=\"formModelChangesCheck(smsCodeForm)\"\n          >\n          </po-input>\n          <div class=\"po-field-container-bottom po-field-container-error-container\">\n            <po-modal-password-recovery-error-message\n              *ngIf=\"invalidEmail\"\n              [p-text]=\"smsCodeErrorMessage || this.literals.smsCodeErrorMessagePhrase\"\n            >\n            </po-modal-password-recovery-error-message>\n            <po-modal-password-recovery-error-message *ngIf=\"showCustomCodeError\" [p-text]=\"codeError\">\n            </po-modal-password-recovery-error-message>\n          </div>\n        </form>\n      </div>\n      <div class=\"po-modal-password-recovery-text po-md-12\">\n        {{ literals.sendAgainPhrase }}\n        <span class=\"po-modal-password-recovery-link\" (click)=\"resendSmsCode()\">{{ literals.sendAgain }}</span>\n      </div>\n    </div>\n\n    <div #confirmationModal *ngSwitchCase=\"'confirmation'\" class=\"po-modal-password-recovery-content po-row\">\n      <img class=\"po-modal-password-recovery-user-image po-mb-2\" src=\"./assets/images/email-sent.svg\" />\n      <div class=\"po-modal-password-recovery-text\">\n        {{ literals.emailSentConfirmationPhrase }}\n      </div>\n    </div>\n  </div>\n</po-modal>\n" }]
+            args: [{ selector: 'po-modal-password-recovery', changeDetection: ChangeDetectionStrategy.Eager, standalone: false, template: "<po-modal\n  #recoveryModal\n  p-hide-close\n  p-size=\"auto\"\n  [p-components-size]=\"componentsSize\"\n  [p-primary-action]=\"primaryAction\"\n  [p-secondary-action]=\"secondaryAction\"\n  [p-title]=\"modalTitle\"\n>\n  <div class=\"po-modal-password-recovery-wrapper\">\n    @switch (modalType) {\n      @case ('email') {\n        <div class=\"po-modal-password-recovery-content po-row\">\n          <div class=\"po-modal-password-recovery-text po-md-12 po-mb-1\">\n            {{ emailModalPhrases.firstPhrase }}\n          </div>\n          <div class=\"po-mb-2 po-md-12\">\n            <form #emailForm=\"ngForm\">\n              @if (modalPasswordRecoveryTypeAll) {\n                <div>\n                  <po-radio-group\n                    name=\"type\"\n                    [(ngModel)]=\"chosenTypeFormOption\"\n                    [p-options]=\"typeFormOptions\"\n                    [p-size]=\"componentsSize\"\n                    (p-change)=\"getInputType($event)\"\n                  >\n                  </po-radio-group>\n                </div>\n              }\n\n              <div class=\"po-mt-1\">\n                @if (type === 'email' || type === 'all') {\n                  <po-email\n                    name=\"email\"\n                    [(ngModel)]=\"email\"\n                    p-required\n                    [p-label]=\"literals.insertEmail\"\n                    [p-size]=\"componentsSize\"\n                    (p-change-model)=\"formModelChangesCheck(emailForm)\"\n                  >\n                  </po-email>\n                }\n\n                @if (type === 'sms') {\n                  <po-input\n                    name=\"sms\"\n                    [(ngModel)]=\"phone\"\n                    p-icon=\"ICON_TELEPHONE\"\n                    p-required\n                    [p-label]=\"literals.insertPhone\"\n                    [p-mask]=\"phoneMask\"\n                    [p-maxlength]=\"maxLength\"\n                    [p-minlength]=\"minLength\"\n                    [p-size]=\"componentsSize\"\n                    (p-change-model)=\"formModelChangesCheck(emailForm)\"\n                  >\n                  </po-input>\n                }\n              </div>\n\n              <div class=\"po-field-container-bottom po-field-container-error-container\">\n                @if (invalidEmail && control.dirty) {\n                  <po-modal-password-recovery-error-message\n                    [p-text]=\"type === 'sms' ? literals.phoneErrorMessagePhrase : literals.emailErrorMessagePhrase\"\n                  >\n                  </po-modal-password-recovery-error-message>\n                }\n              </div>\n            </form>\n          </div>\n          <div class=\"po-modal-password-recovery-text po-md-12\">\n            {{ emailModalPhrases.secondPhrase }}\n            @if (contactEmail) {\n              <span>\n                {{ literals.prepositionIn }}\n                <a class=\"po-modal-password-recovery-link\" href=\"mailto:{{ contactEmail }}\" target=\"_self\">\n                  {{ contactEmail }}\n                </a>\n              </span>\n            }\n            {{ endpoint }}\n          </div>\n        </div>\n      }\n\n      @case ('smsCode') {\n        <div #smsCodeModal class=\"po-modal-password-recovery-content po-row\">\n          <div class=\"po-modal-password-recovery-text po-md-12 po-mb-1\">{{ literals.sentSmsCodePhrase }}</div>\n          <div class=\"po-mb-2 po-md-12\">\n            <form #smsCodeForm=\"ngForm\">\n              <po-input\n                name=\"sms\"\n                [(ngModel)]=\"smsCode\"\n                p-maxlength=\"11\"\n                p-minlength=\"11\"\n                p-required\n                [p-label]=\"literals.insertCode\"\n                [p-mask]=\"codeMask\"\n                [p-size]=\"componentsSize\"\n                (p-change-model)=\"formModelChangesCheck(smsCodeForm)\"\n              >\n              </po-input>\n              <div class=\"po-field-container-bottom po-field-container-error-container\">\n                @if (invalidEmail) {\n                  <po-modal-password-recovery-error-message\n                    [p-text]=\"smsCodeErrorMessage || this.literals.smsCodeErrorMessagePhrase\"\n                  >\n                  </po-modal-password-recovery-error-message>\n                }\n                @if (showCustomCodeError) {\n                  <po-modal-password-recovery-error-message [p-text]=\"codeError\">\n                  </po-modal-password-recovery-error-message>\n                }\n              </div>\n            </form>\n          </div>\n          <div class=\"po-modal-password-recovery-text po-md-12\">\n            {{ literals.sendAgainPhrase }}\n            <span class=\"po-modal-password-recovery-link\" (click)=\"resendSmsCode()\">{{ literals.sendAgain }}</span>\n          </div>\n        </div>\n      }\n\n      @case ('confirmation') {\n        <div #confirmationModal class=\"po-modal-password-recovery-content po-row\">\n          <img class=\"po-modal-password-recovery-user-image po-mb-2\" src=\"./assets/images/email-sent.svg\" />\n          <div class=\"po-modal-password-recovery-text\">\n            {{ literals.emailSentConfirmationPhrase }}\n          </div>\n        </div>\n      }\n    }\n  </div>\n</po-modal>\n" }]
         }], ctorParameters: () => [], propDecorators: { emailForm: [{
                 type: ViewChild,
                 args: ['emailForm']
@@ -1312,11 +1290,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
  * Módulo do template do po-modal-password-recovery.
  */
 class PoModalPasswordRecoveryModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoModalPasswordRecoveryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: PoModalPasswordRecoveryModule, declarations: [PoModalPasswordRecoveryComponent, PoModalPasswordRecoveryErrorMessageComponent], imports: [CommonModule, FormsModule, PoFieldModule, PoModalModule, PoIconModule], exports: [PoModalPasswordRecoveryComponent, PoModalPasswordRecoveryErrorMessageComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoModalPasswordRecoveryModule, providers: [PoI18nPipe, PoModalPasswordRecoveryService], imports: [CommonModule, FormsModule, PoFieldModule, PoModalModule, PoIconModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoModalPasswordRecoveryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: PoModalPasswordRecoveryModule, declarations: [PoModalPasswordRecoveryComponent, PoModalPasswordRecoveryErrorMessageComponent], imports: [CommonModule, FormsModule, PoFieldModule, PoModalModule, PoIconModule], exports: [PoModalPasswordRecoveryComponent, PoModalPasswordRecoveryErrorMessageComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoModalPasswordRecoveryModule, providers: [PoI18nPipe, PoModalPasswordRecoveryService], imports: [CommonModule, FormsModule, PoFieldModule, PoModalModule, PoIconModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoModalPasswordRecoveryModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoModalPasswordRecoveryModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, FormsModule, PoFieldModule, PoModalModule, PoIconModule],
@@ -1431,12 +1409,12 @@ class PoPageBackgroundComponent {
     applySizeBasedOnA11y() {
         this._componentsSize = validateSizeFn(this._initialComponentsSize);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageBackgroundComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: PoPageBackgroundComponent, isStandalone: false, selector: "po-page-background", inputs: { background: ["p-background", "background"], initialSelectLanguage: ["p-initial-language", "initialSelectLanguage"], hideLogo: ["p-hide-logo", "hideLogo"], highlightInfo: ["p-highlight-info", "highlightInfo"], componentsSize: ["p-components-size", "componentsSize"], languagesList: ["p-languages", "languagesList"], logo: ["p-logo", "logo"], logoAlt: ["p-logo-alt", "logoAlt"], secondaryLogo: ["p-secondary-logo", "secondaryLogo"], showSelectLanguage: ["p-show-select-language", "showSelectLanguage"] }, outputs: { selectedLanguage: "p-selected-language" }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-components-size": "this.componentsSize" } }, ngImport: i0, template: "<div class=\"po-page-login-container\">\n  <div class=\"po-page-login-panel\">\n    <div class=\"po-page-background-main-logo\" [class.po-page-background-hide-logo]=\"hideLogo\">\n      @if (logo) {\n        <po-logo\n          p-class=\"po-page-background-main-logo-image\"\n          [p-link]=\"false\"\n          [p-logo]=\"logo\"\n          [p-logo-alt]=\"logoAlt\"\n        ></po-logo>\n      }\n    </div>\n\n    <div class=\"po-page-login-body\">\n      <div class=\"po-page-login-panel-content\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n    <div class=\"po-page-background-footer po-sm-12\">\n      <po-divider class=\"po-page-background-footer-mobile-only\"></po-divider>\n\n      <div class=\"po-page-background-footer-content\">\n        @if (showSelectLanguage) {\n          <div class=\"po-page-background-footer-select\">\n            <po-select\n              name=\"selectedLanguageOption\"\n              [(ngModel)]=\"selectedLanguageOption\"\n              [p-options]=\"selectLanguageOptions\"\n              [p-size]=\"componentsSize\"\n              (p-change)=\"onChangeLanguage()\"\n            ></po-select>\n          </div>\n        }\n\n        <div\n          class=\"po-page-background-secondary-logo\"\n          [ngClass]=\"\n            showSelectLanguage\n              ? 'po-page-background-secondary-logo-right'\n              : 'po-page-background-secondary-logo-centered'\n          \"\n        >\n          @if (secondaryLogo) {\n            <po-logo\n              p-class=\"po-page-background-secondary-logo-image\"\n              [p-link]=\"false\"\n              [p-logo]=\"secondaryLogo\"\n              p-logo-alt=\"secondary-logomarca\"\n            ></po-logo>\n          }\n        </div>\n      </div>\n    </div>\n  </div>\n\n  @if (background) {\n    <div\n      [ngClass]=\"background ? 'po-page-login-highlight-image' : 'po-page-login-highlight-image-off'\"\n      [style.background-image]=\"'url(' + background + ')'\"\n    >\n      <div class=\"po-page-login-highlight-text\">\n        <div class=\"po-font-display\">{{ highlightInfo }}</div>\n      </div>\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.PoDividerComponent, selector: "po-divider" }, { kind: "component", type: i3.PoSelectComponent, selector: "po-select", inputs: ["p-readonly", "p-compact-label", "p-placeholder", "p-options", "p-field-label", "p-field-value", "p-control-value-with-label", "p-loading", "p-size", "p-helper", "p-label-text-wrap"], outputs: ["p-blur", "p-change-model", "ngModelChange"] }, { kind: "component", type: i3.PoLogoComponent, selector: "po-logo", inputs: ["p-class", "p-link", "p-logo", "p-logo-alt"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageBackgroundComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: PoPageBackgroundComponent, isStandalone: false, selector: "po-page-background", inputs: { background: ["p-background", "background"], initialSelectLanguage: ["p-initial-language", "initialSelectLanguage"], hideLogo: ["p-hide-logo", "hideLogo"], highlightInfo: ["p-highlight-info", "highlightInfo"], componentsSize: ["p-components-size", "componentsSize"], languagesList: ["p-languages", "languagesList"], logo: ["p-logo", "logo"], logoAlt: ["p-logo-alt", "logoAlt"], secondaryLogo: ["p-secondary-logo", "secondaryLogo"], showSelectLanguage: ["p-show-select-language", "showSelectLanguage"] }, outputs: { selectedLanguage: "p-selected-language" }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-components-size": "this.componentsSize" } }, ngImport: i0, template: "<div class=\"po-page-login-container\">\n  <div class=\"po-page-login-panel\">\n    <div class=\"po-page-background-main-logo\" [class.po-page-background-hide-logo]=\"hideLogo\">\n      @if (logo) {\n        <po-logo\n          p-class=\"po-page-background-main-logo-image\"\n          [p-link]=\"false\"\n          [p-logo]=\"logo\"\n          [p-logo-alt]=\"logoAlt\"\n        ></po-logo>\n      }\n    </div>\n\n    <div class=\"po-page-login-body\">\n      <div class=\"po-page-login-panel-content\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n    <div class=\"po-page-background-footer po-sm-12\">\n      <po-divider class=\"po-page-background-footer-mobile-only\"></po-divider>\n\n      <div class=\"po-page-background-footer-content\">\n        @if (showSelectLanguage) {\n          <div class=\"po-page-background-footer-select\">\n            <po-select\n              name=\"selectedLanguageOption\"\n              [(ngModel)]=\"selectedLanguageOption\"\n              [p-options]=\"selectLanguageOptions\"\n              [p-size]=\"componentsSize\"\n              (p-change)=\"onChangeLanguage()\"\n            ></po-select>\n          </div>\n        }\n\n        <div\n          class=\"po-page-background-secondary-logo\"\n          [ngClass]=\"\n            showSelectLanguage\n              ? 'po-page-background-secondary-logo-right'\n              : 'po-page-background-secondary-logo-centered'\n          \"\n        >\n          @if (secondaryLogo) {\n            <po-logo\n              p-class=\"po-page-background-secondary-logo-image\"\n              [p-link]=\"false\"\n              [p-logo]=\"secondaryLogo\"\n              p-logo-alt=\"secondary-logomarca\"\n            ></po-logo>\n          }\n        </div>\n      </div>\n    </div>\n  </div>\n\n  @if (background) {\n    <div\n      [ngClass]=\"background ? 'po-page-login-highlight-image' : 'po-page-login-highlight-image-off'\"\n      [style.background-image]=\"'url(' + background + ')'\"\n    >\n      <div class=\"po-page-login-highlight-text\">\n        <div class=\"po-font-display\">{{ highlightInfo }}</div>\n      </div>\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.PoDividerComponent, selector: "po-divider" }, { kind: "component", type: i3.PoSelectComponent, selector: "po-select", inputs: ["p-readonly", "p-compact-label", "p-placeholder", "p-options", "p-field-label", "p-field-value", "p-control-value-with-label", "p-loading", "p-size", "p-helper", "p-label-text-wrap"], outputs: ["p-blur", "p-change-model", "ngModelChange"] }, { kind: "component", type: i3.PoLogoComponent, selector: "po-logo", inputs: ["p-class", "p-link", "p-logo", "p-logo-alt"] }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageBackgroundComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageBackgroundComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'po-page-background', standalone: false, template: "<div class=\"po-page-login-container\">\n  <div class=\"po-page-login-panel\">\n    <div class=\"po-page-background-main-logo\" [class.po-page-background-hide-logo]=\"hideLogo\">\n      @if (logo) {\n        <po-logo\n          p-class=\"po-page-background-main-logo-image\"\n          [p-link]=\"false\"\n          [p-logo]=\"logo\"\n          [p-logo-alt]=\"logoAlt\"\n        ></po-logo>\n      }\n    </div>\n\n    <div class=\"po-page-login-body\">\n      <div class=\"po-page-login-panel-content\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n    <div class=\"po-page-background-footer po-sm-12\">\n      <po-divider class=\"po-page-background-footer-mobile-only\"></po-divider>\n\n      <div class=\"po-page-background-footer-content\">\n        @if (showSelectLanguage) {\n          <div class=\"po-page-background-footer-select\">\n            <po-select\n              name=\"selectedLanguageOption\"\n              [(ngModel)]=\"selectedLanguageOption\"\n              [p-options]=\"selectLanguageOptions\"\n              [p-size]=\"componentsSize\"\n              (p-change)=\"onChangeLanguage()\"\n            ></po-select>\n          </div>\n        }\n\n        <div\n          class=\"po-page-background-secondary-logo\"\n          [ngClass]=\"\n            showSelectLanguage\n              ? 'po-page-background-secondary-logo-right'\n              : 'po-page-background-secondary-logo-centered'\n          \"\n        >\n          @if (secondaryLogo) {\n            <po-logo\n              p-class=\"po-page-background-secondary-logo-image\"\n              [p-link]=\"false\"\n              [p-logo]=\"secondaryLogo\"\n              p-logo-alt=\"secondary-logomarca\"\n            ></po-logo>\n          }\n        </div>\n      </div>\n    </div>\n  </div>\n\n  @if (background) {\n    <div\n      [ngClass]=\"background ? 'po-page-login-highlight-image' : 'po-page-login-highlight-image-off'\"\n      [style.background-image]=\"'url(' + background + ')'\"\n    >\n      <div class=\"po-page-login-highlight-text\">\n        <div class=\"po-font-display\">{{ highlightInfo }}</div>\n      </div>\n    </div>\n  }\n</div>\n" }]
+            args: [{ selector: 'po-page-background', changeDetection: ChangeDetectionStrategy.Eager, standalone: false, template: "<div class=\"po-page-login-container\">\n  <div class=\"po-page-login-panel\">\n    <div class=\"po-page-background-main-logo\" [class.po-page-background-hide-logo]=\"hideLogo\">\n      @if (logo) {\n        <po-logo\n          p-class=\"po-page-background-main-logo-image\"\n          [p-link]=\"false\"\n          [p-logo]=\"logo\"\n          [p-logo-alt]=\"logoAlt\"\n        ></po-logo>\n      }\n    </div>\n\n    <div class=\"po-page-login-body\">\n      <div class=\"po-page-login-panel-content\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n    <div class=\"po-page-background-footer po-sm-12\">\n      <po-divider class=\"po-page-background-footer-mobile-only\"></po-divider>\n\n      <div class=\"po-page-background-footer-content\">\n        @if (showSelectLanguage) {\n          <div class=\"po-page-background-footer-select\">\n            <po-select\n              name=\"selectedLanguageOption\"\n              [(ngModel)]=\"selectedLanguageOption\"\n              [p-options]=\"selectLanguageOptions\"\n              [p-size]=\"componentsSize\"\n              (p-change)=\"onChangeLanguage()\"\n            ></po-select>\n          </div>\n        }\n\n        <div\n          class=\"po-page-background-secondary-logo\"\n          [ngClass]=\"\n            showSelectLanguage\n              ? 'po-page-background-secondary-logo-right'\n              : 'po-page-background-secondary-logo-centered'\n          \"\n        >\n          @if (secondaryLogo) {\n            <po-logo\n              p-class=\"po-page-background-secondary-logo-image\"\n              [p-link]=\"false\"\n              [p-logo]=\"secondaryLogo\"\n              p-logo-alt=\"secondary-logomarca\"\n            ></po-logo>\n          }\n        </div>\n      </div>\n    </div>\n  </div>\n\n  @if (background) {\n    <div\n      [ngClass]=\"background ? 'po-page-login-highlight-image' : 'po-page-login-highlight-image-off'\"\n      [style.background-image]=\"'url(' + background + ')'\"\n    >\n      <div class=\"po-page-login-highlight-text\">\n        <div class=\"po-font-display\">{{ highlightInfo }}</div>\n      </div>\n    </div>\n  }\n</div>\n" }]
         }], propDecorators: { background: [{
                 type: Input,
                 args: ['p-background']
@@ -1484,11 +1462,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
  * Módulo do template do po-page-background.
  */
 class PoPageBackgroundModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageBackgroundModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: PoPageBackgroundModule, declarations: [PoPageBackgroundComponent], imports: [CommonModule, FormsModule, RouterModule, PoDividerModule, PoFieldModule, PoLogoModule], exports: [PoPageBackgroundComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageBackgroundModule, imports: [CommonModule, FormsModule, RouterModule, PoDividerModule, PoFieldModule, PoLogoModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageBackgroundModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: PoPageBackgroundModule, declarations: [PoPageBackgroundComponent], imports: [CommonModule, FormsModule, RouterModule, PoDividerModule, PoFieldModule, PoLogoModule], exports: [PoPageBackgroundComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageBackgroundModule, imports: [CommonModule, FormsModule, RouterModule, PoDividerModule, PoFieldModule, PoLogoModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageBackgroundModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageBackgroundModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, FormsModule, RouterModule, PoDividerModule, PoFieldModule, PoLogoModule],
@@ -1709,10 +1687,10 @@ class PoPageBlockedUserBaseComponent {
     applySizeBasedOnA11y() {
         this._componentsSize = validateSizeFn(this._initialComponentsSize);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageBlockedUserBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.25", type: PoPageBlockedUserBaseComponent, isStandalone: true, inputs: { contactEmail: ["p-contact-email", "contactEmail"], contactPhone: ["p-contact-phone", "contactPhone"], logo: ["p-logo", "logo"], secondaryLogo: ["p-secondary-logo", "secondaryLogo"], componentsSize: ["p-components-size", "componentsSize"], params: ["p-params", "params"], reason: ["p-reason", "reason"], urlBack: ["p-url-back", "urlBack"] }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-components-size": "this.componentsSize" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageBlockedUserBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: PoPageBlockedUserBaseComponent, isStandalone: true, inputs: { contactEmail: ["p-contact-email", "contactEmail"], contactPhone: ["p-contact-phone", "contactPhone"], logo: ["p-logo", "logo"], secondaryLogo: ["p-secondary-logo", "secondaryLogo"], componentsSize: ["p-components-size", "componentsSize"], params: ["p-params", "params"], reason: ["p-reason", "reason"], urlBack: ["p-url-back", "urlBack"] }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-components-size": "this.componentsSize" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageBlockedUserBaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageBlockedUserBaseComponent, decorators: [{
             type: Directive
         }], propDecorators: { contactEmail: [{
                 type: Input,
@@ -1780,10 +1758,10 @@ class PoPageBlockedUserContactsComponent {
                 phoneWidth > contactGroupHalfWidth || mailWidth > contactGroupHalfWidth - poPageBlockedUserContactItemMargin;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageBlockedUserContactsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.25", type: PoPageBlockedUserContactsComponent, isStandalone: false, selector: "po-page-blocked-user-contacts", inputs: { email: ["p-email", "email"], phone: ["p-phone", "phone"] }, viewQueries: [{ propertyName: "contactGroup", first: true, predicate: ["contactGroup"], descendants: true, static: true }, { propertyName: "mailItem", first: true, predicate: ["mailItem"], descendants: true, static: true }, { propertyName: "phoneItem", first: true, predicate: ["phoneItem"], descendants: true, static: true }], ngImport: i0, template: "<div #contactGroup class=\"po-page-blocked-user-contact-group po-row po-mb-3\">\n  <div\n    class=\"po-page-blocked-user-contact-item\"\n    [class.po-invisible]=\"!phone\"\n    [ngClass]=\"overflowItem ? 'po-md-12' : 'po-md-6'\"\n  >\n    <a\n      class=\"po-page-blocked-user-link po-clickable\"\n      [class.po-page-blocked-user-contact-content-inline]=\"overflowItem\"\n      href=\"tel:{{ phone }}\"\n      target=\"_self\"\n    >\n      <div class=\"po-page-blocked-user-contact-group-item\">\n        <po-icon class=\"po-page-blocked-user-contact-icon po-pr-1\" p-icon=\"ICON_TELEPHONE\"></po-icon>\n        <div #phoneItem class=\"po-page-blocked-user-contact-text po-font-text\">{{ phone }}</div>\n      </div>\n    </a>\n  </div>\n  <div\n    class=\"po-page-blocked-user-contact-item po-page-blocked-user-contact-mail\"\n    [class.po-invisible]=\"!email\"\n    [ngClass]=\"overflowItem ? 'po-md-12' : 'po-md-6'\"\n  >\n    <a\n      class=\"po-page-blocked-user-link po-clickable\"\n      [class.po-page-blocked-user-contact-content-inline]=\"overflowItem\"\n      href=\"mailto:{{ email }}\"\n      target=\"_self\"\n    >\n      <div class=\"po-page-blocked-user-contact-group-item\">\n        <po-icon class=\"po-page-blocked-user-contact-icon po-pr-1\" p-icon=\"ICON_MAIL\"></po-icon>\n        <div #mailItem class=\"po-page-blocked-user-contact-text po-font-text\">{{ email }}</div>\n      </div>\n    </a>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i3.PoIconComponent, selector: "po-icon", inputs: ["p-icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageBlockedUserContactsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: PoPageBlockedUserContactsComponent, isStandalone: false, selector: "po-page-blocked-user-contacts", inputs: { email: ["p-email", "email"], phone: ["p-phone", "phone"] }, viewQueries: [{ propertyName: "contactGroup", first: true, predicate: ["contactGroup"], descendants: true, static: true }, { propertyName: "mailItem", first: true, predicate: ["mailItem"], descendants: true, static: true }, { propertyName: "phoneItem", first: true, predicate: ["phoneItem"], descendants: true, static: true }], ngImport: i0, template: "<div #contactGroup class=\"po-page-blocked-user-contact-group po-row po-mb-3\">\n  <div\n    class=\"po-page-blocked-user-contact-item\"\n    [class.po-invisible]=\"!phone\"\n    [ngClass]=\"overflowItem ? 'po-md-12' : 'po-md-6'\"\n  >\n    <a\n      class=\"po-page-blocked-user-link po-clickable\"\n      [class.po-page-blocked-user-contact-content-inline]=\"overflowItem\"\n      href=\"tel:{{ phone }}\"\n      target=\"_self\"\n    >\n      <div class=\"po-page-blocked-user-contact-group-item\">\n        <po-icon class=\"po-page-blocked-user-contact-icon po-pr-1\" p-icon=\"ICON_TELEPHONE\"></po-icon>\n        <div #phoneItem class=\"po-page-blocked-user-contact-text po-font-text\">{{ phone }}</div>\n      </div>\n    </a>\n  </div>\n  <div\n    class=\"po-page-blocked-user-contact-item po-page-blocked-user-contact-mail\"\n    [class.po-invisible]=\"!email\"\n    [ngClass]=\"overflowItem ? 'po-md-12' : 'po-md-6'\"\n  >\n    <a\n      class=\"po-page-blocked-user-link po-clickable\"\n      [class.po-page-blocked-user-contact-content-inline]=\"overflowItem\"\n      href=\"mailto:{{ email }}\"\n      target=\"_self\"\n    >\n      <div class=\"po-page-blocked-user-contact-group-item\">\n        <po-icon class=\"po-page-blocked-user-contact-icon po-pr-1\" p-icon=\"ICON_MAIL\"></po-icon>\n        <div #mailItem class=\"po-page-blocked-user-contact-text po-font-text\">{{ email }}</div>\n      </div>\n    </a>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i3.PoIconComponent, selector: "po-icon", inputs: ["p-icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageBlockedUserContactsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageBlockedUserContactsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'po-page-blocked-user-contacts', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div #contactGroup class=\"po-page-blocked-user-contact-group po-row po-mb-3\">\n  <div\n    class=\"po-page-blocked-user-contact-item\"\n    [class.po-invisible]=\"!phone\"\n    [ngClass]=\"overflowItem ? 'po-md-12' : 'po-md-6'\"\n  >\n    <a\n      class=\"po-page-blocked-user-link po-clickable\"\n      [class.po-page-blocked-user-contact-content-inline]=\"overflowItem\"\n      href=\"tel:{{ phone }}\"\n      target=\"_self\"\n    >\n      <div class=\"po-page-blocked-user-contact-group-item\">\n        <po-icon class=\"po-page-blocked-user-contact-icon po-pr-1\" p-icon=\"ICON_TELEPHONE\"></po-icon>\n        <div #phoneItem class=\"po-page-blocked-user-contact-text po-font-text\">{{ phone }}</div>\n      </div>\n    </a>\n  </div>\n  <div\n    class=\"po-page-blocked-user-contact-item po-page-blocked-user-contact-mail\"\n    [class.po-invisible]=\"!email\"\n    [ngClass]=\"overflowItem ? 'po-md-12' : 'po-md-6'\"\n  >\n    <a\n      class=\"po-page-blocked-user-link po-clickable\"\n      [class.po-page-blocked-user-contact-content-inline]=\"overflowItem\"\n      href=\"mailto:{{ email }}\"\n      target=\"_self\"\n    >\n      <div class=\"po-page-blocked-user-contact-group-item\">\n        <po-icon class=\"po-page-blocked-user-contact-icon po-pr-1\" p-icon=\"ICON_MAIL\"></po-icon>\n        <div #mailItem class=\"po-page-blocked-user-contact-text po-font-text\">{{ email }}</div>\n      </div>\n    </a>\n  </div>\n</div>\n" }]
         }], propDecorators: { contactGroup: [{
@@ -1932,12 +1910,12 @@ class PoPageBlockedUserReasonComponent {
         };
         this.changeDetector.detectChanges();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageBlockedUserReasonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: PoPageBlockedUserReasonComponent, isStandalone: false, selector: "po-page-blocked-user-reason", inputs: { params: ["p-params", "params"], reason: ["p-reason", "reason"] }, usesOnChanges: true, ngImport: i0, template: "<div class=\"po-page-blocked-user-reason-content\">\n  <img class=\"po-page-blocked-user-image po-mb-3\" [src]=\"getImageByReasonType()\" />\n  <div class=\"po-page-blocked-user-header po-mb-md-3 po-row\">\n    <div class=\"po-md-12\">{{ literals?.title }}</div>\n  </div>\n  <div class=\"po-page-blocked-user-text po-font-text po-row\">\n    <div class=\"po-mb-sm-2 po-mb-md-3 po-md-12 po-page-blocked-user-text-bold\">\n      {{ literals?.firstPhrase | poI18n: literalParams }}\n    </div>\n    <div class=\"po-mb-sm-2 po-mb-md-3 po-md-12\">{{ literals?.secondPhrase }}</div>\n    @if (literals?.thirdPhrase) {\n      <div class=\"po-mb-sm-2 po-mb-md-3 po-md-12\">{{ literals?.thirdPhrase }}</div>\n    }\n  </div>\n</div>\n", dependencies: [{ kind: "pipe", type: i3.PoI18nPipe, name: "poI18n" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageBlockedUserReasonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: PoPageBlockedUserReasonComponent, isStandalone: false, selector: "po-page-blocked-user-reason", inputs: { params: ["p-params", "params"], reason: ["p-reason", "reason"] }, usesOnChanges: true, ngImport: i0, template: "<div class=\"po-page-blocked-user-reason-content\">\n  <img class=\"po-page-blocked-user-image po-mb-3\" [src]=\"getImageByReasonType()\" />\n  <div class=\"po-page-blocked-user-header po-mb-md-3 po-row\">\n    <div class=\"po-md-12\">{{ literals?.title }}</div>\n  </div>\n  <div class=\"po-page-blocked-user-text po-font-text po-row\">\n    <div class=\"po-mb-sm-2 po-mb-md-3 po-md-12 po-page-blocked-user-text-bold\">\n      {{ literals?.firstPhrase | poI18n: literalParams }}\n    </div>\n    <div class=\"po-mb-sm-2 po-mb-md-3 po-md-12\">{{ literals?.secondPhrase }}</div>\n    @if (literals?.thirdPhrase) {\n      <div class=\"po-mb-sm-2 po-mb-md-3 po-md-12\">{{ literals?.thirdPhrase }}</div>\n    }\n  </div>\n</div>\n", dependencies: [{ kind: "pipe", type: i3.PoI18nPipe, name: "poI18n" }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageBlockedUserReasonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageBlockedUserReasonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'po-page-blocked-user-reason', standalone: false, template: "<div class=\"po-page-blocked-user-reason-content\">\n  <img class=\"po-page-blocked-user-image po-mb-3\" [src]=\"getImageByReasonType()\" />\n  <div class=\"po-page-blocked-user-header po-mb-md-3 po-row\">\n    <div class=\"po-md-12\">{{ literals?.title }}</div>\n  </div>\n  <div class=\"po-page-blocked-user-text po-font-text po-row\">\n    <div class=\"po-mb-sm-2 po-mb-md-3 po-md-12 po-page-blocked-user-text-bold\">\n      {{ literals?.firstPhrase | poI18n: literalParams }}\n    </div>\n    <div class=\"po-mb-sm-2 po-mb-md-3 po-md-12\">{{ literals?.secondPhrase }}</div>\n    @if (literals?.thirdPhrase) {\n      <div class=\"po-mb-sm-2 po-mb-md-3 po-md-12\">{{ literals?.thirdPhrase }}</div>\n    }\n  </div>\n</div>\n" }]
+            args: [{ selector: 'po-page-blocked-user-reason', changeDetection: ChangeDetectionStrategy.Eager, standalone: false, template: "<div class=\"po-page-blocked-user-reason-content\">\n  <img class=\"po-page-blocked-user-image po-mb-3\" [src]=\"getImageByReasonType()\" />\n  <div class=\"po-page-blocked-user-header po-mb-md-3 po-row\">\n    <div class=\"po-md-12\">{{ literals?.title }}</div>\n  </div>\n  <div class=\"po-page-blocked-user-text po-font-text po-row\">\n    <div class=\"po-mb-sm-2 po-mb-md-3 po-md-12 po-page-blocked-user-text-bold\">\n      {{ literals?.firstPhrase | poI18n: literalParams }}\n    </div>\n    <div class=\"po-mb-sm-2 po-mb-md-3 po-md-12\">{{ literals?.secondPhrase }}</div>\n    @if (literals?.thirdPhrase) {\n      <div class=\"po-mb-sm-2 po-mb-md-3 po-md-12\">{{ literals?.thirdPhrase }}</div>\n    }\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [], propDecorators: { params: [{
                 type: Input,
                 args: ['p-params']
@@ -2017,12 +1995,12 @@ class PoPageBlockedUserComponent extends PoPageBlockedUserBaseComponent {
             this.urlBack = this.checkingForMetadataProperty(data, 'urlBack') || this.urlBack;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageBlockedUserComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.25", type: PoPageBlockedUserComponent, isStandalone: false, selector: "po-page-blocked-user", usesInheritance: true, ngImport: i0, template: "<div class=\"po-page-blocked-user-wrapper\">\n  <div class=\"po-page-background-wrap\">\n    <po-page-background\n      [p-hide-logo]=\"true\"\n      [p-logo]=\"logo\"\n      [p-secondary-logo]=\"secondaryLogo\"\n      [p-components-size]=\"componentsSize\"\n    >\n      <po-page-blocked-user-reason [p-params]=\"params\" [p-reason]=\"reason\"> </po-page-blocked-user-reason>\n\n      <div class=\"po-page-blocked-user-mobile-bottom-alignment\">\n        <po-page-blocked-user-contacts [p-email]=\"contactEmail\" [p-phone]=\"contactPhone\">\n        </po-page-blocked-user-contacts>\n\n        <div class=\"po-row\">\n          <po-button\n            class=\"po-lg-12 po-sm-12 po-page-blocked-user-button\"\n            p-kind=\"primary\"\n            [p-label]=\"literals?.primaryButton\"\n            [p-size]=\"componentsSize\"\n            (p-click)=\"navigateTo(urlBack)\"\n          >\n          </po-button>\n        </div>\n      </div>\n    </po-page-background>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i3.PoButtonComponent, selector: "po-button" }, { kind: "component", type: PoPageBackgroundComponent, selector: "po-page-background", inputs: ["p-background", "p-initial-language", "p-hide-logo", "p-highlight-info", "p-components-size", "p-languages", "p-logo", "p-logo-alt", "p-secondary-logo", "p-show-select-language"], outputs: ["p-selected-language"] }, { kind: "component", type: PoPageBlockedUserContactsComponent, selector: "po-page-blocked-user-contacts", inputs: ["p-email", "p-phone"] }, { kind: "component", type: PoPageBlockedUserReasonComponent, selector: "po-page-blocked-user-reason", inputs: ["p-params", "p-reason"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageBlockedUserComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: PoPageBlockedUserComponent, isStandalone: false, selector: "po-page-blocked-user", usesInheritance: true, ngImport: i0, template: "<div class=\"po-page-blocked-user-wrapper\">\n  <div class=\"po-page-background-wrap\">\n    <po-page-background\n      [p-hide-logo]=\"true\"\n      [p-logo]=\"logo\"\n      [p-secondary-logo]=\"secondaryLogo\"\n      [p-components-size]=\"componentsSize\"\n    >\n      <po-page-blocked-user-reason [p-params]=\"params\" [p-reason]=\"reason\"> </po-page-blocked-user-reason>\n\n      <div class=\"po-page-blocked-user-mobile-bottom-alignment\">\n        <po-page-blocked-user-contacts [p-email]=\"contactEmail\" [p-phone]=\"contactPhone\">\n        </po-page-blocked-user-contacts>\n\n        <div class=\"po-row\">\n          <po-button\n            class=\"po-lg-12 po-sm-12 po-page-blocked-user-button\"\n            p-kind=\"primary\"\n            [p-label]=\"literals?.primaryButton\"\n            [p-size]=\"componentsSize\"\n            (p-click)=\"navigateTo(urlBack)\"\n          >\n          </po-button>\n        </div>\n      </div>\n    </po-page-background>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: i3.PoButtonComponent, selector: "po-button" }, { kind: "component", type: PoPageBackgroundComponent, selector: "po-page-background", inputs: ["p-background", "p-initial-language", "p-hide-logo", "p-highlight-info", "p-components-size", "p-languages", "p-logo", "p-logo-alt", "p-secondary-logo", "p-show-select-language"], outputs: ["p-selected-language"] }, { kind: "component", type: PoPageBlockedUserContactsComponent, selector: "po-page-blocked-user-contacts", inputs: ["p-email", "p-phone"] }, { kind: "component", type: PoPageBlockedUserReasonComponent, selector: "po-page-blocked-user-reason", inputs: ["p-params", "p-reason"] }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageBlockedUserComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageBlockedUserComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'po-page-blocked-user', standalone: false, template: "<div class=\"po-page-blocked-user-wrapper\">\n  <div class=\"po-page-background-wrap\">\n    <po-page-background\n      [p-hide-logo]=\"true\"\n      [p-logo]=\"logo\"\n      [p-secondary-logo]=\"secondaryLogo\"\n      [p-components-size]=\"componentsSize\"\n    >\n      <po-page-blocked-user-reason [p-params]=\"params\" [p-reason]=\"reason\"> </po-page-blocked-user-reason>\n\n      <div class=\"po-page-blocked-user-mobile-bottom-alignment\">\n        <po-page-blocked-user-contacts [p-email]=\"contactEmail\" [p-phone]=\"contactPhone\">\n        </po-page-blocked-user-contacts>\n\n        <div class=\"po-row\">\n          <po-button\n            class=\"po-lg-12 po-sm-12 po-page-blocked-user-button\"\n            p-kind=\"primary\"\n            [p-label]=\"literals?.primaryButton\"\n            [p-size]=\"componentsSize\"\n            (p-click)=\"navigateTo(urlBack)\"\n          >\n          </po-button>\n        </div>\n      </div>\n    </po-page-background>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'po-page-blocked-user', changeDetection: ChangeDetectionStrategy.Eager, standalone: false, template: "<div class=\"po-page-blocked-user-wrapper\">\n  <div class=\"po-page-background-wrap\">\n    <po-page-background\n      [p-hide-logo]=\"true\"\n      [p-logo]=\"logo\"\n      [p-secondary-logo]=\"secondaryLogo\"\n      [p-components-size]=\"componentsSize\"\n    >\n      <po-page-blocked-user-reason [p-params]=\"params\" [p-reason]=\"reason\"> </po-page-blocked-user-reason>\n\n      <div class=\"po-page-blocked-user-mobile-bottom-alignment\">\n        <po-page-blocked-user-contacts [p-email]=\"contactEmail\" [p-phone]=\"contactPhone\">\n        </po-page-blocked-user-contacts>\n\n        <div class=\"po-row\">\n          <po-button\n            class=\"po-lg-12 po-sm-12 po-page-blocked-user-button\"\n            p-kind=\"primary\"\n            [p-label]=\"literals?.primaryButton\"\n            [p-size]=\"componentsSize\"\n            (p-click)=\"navigateTo(urlBack)\"\n          >\n          </po-button>\n        </div>\n      </div>\n    </po-page-background>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [] });
 /**
@@ -2031,11 +2009,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
  * Módulo do template do po-page-blocked-user.
  */
 class PoPageBlockedUserModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageBlockedUserModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: PoPageBlockedUserModule, declarations: [PoPageBlockedUserComponent, PoPageBlockedUserContactsComponent, PoPageBlockedUserReasonComponent], imports: [CommonModule, RouterModule, PoModule, PoPageBackgroundModule], exports: [PoPageBlockedUserComponent, PoPageBlockedUserContactsComponent, PoPageBlockedUserReasonComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageBlockedUserModule, imports: [CommonModule, RouterModule, PoModule, PoPageBackgroundModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageBlockedUserModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: PoPageBlockedUserModule, declarations: [PoPageBlockedUserComponent, PoPageBlockedUserContactsComponent, PoPageBlockedUserReasonComponent], imports: [CommonModule, RouterModule, PoModule, PoPageBackgroundModule], exports: [PoPageBlockedUserComponent, PoPageBlockedUserContactsComponent, PoPageBlockedUserReasonComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageBlockedUserModule, imports: [CommonModule, RouterModule, PoModule, PoPageBackgroundModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageBlockedUserModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageBlockedUserModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, RouterModule, PoModule, PoPageBackgroundModule],
@@ -2409,10 +2387,10 @@ class PoPageChangePasswordBaseComponent {
     applySizeBasedOnA11y() {
         this._componentsSize = validateSizeFn(this._initialComponentsSize);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageChangePasswordBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.25", type: PoPageChangePasswordBaseComponent, isStandalone: true, inputs: { logo: ["p-logo", "logo"], secondaryLogo: ["p-secondary-logo", "secondaryLogo"], token: ["p-token", "token"], urlBack: ["p-url-back", "urlBack"], urlNewPassword: ["p-url-new-password", "urlNewPassword"], componentsSize: ["p-components-size", "componentsSize"], hideCurrentPassword: ["p-hide-current-password", "hideCurrentPassword"], recovery: ["p-recovery", "recovery"], requirements: ["p-requirements", "requirements"], urlHome: ["p-url-home", "urlHome"], noAutocompletePassword: ["p-no-autocomplete-password", "noAutocompletePassword"] }, outputs: { submit: "p-submit" }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-components-size": "this.componentsSize" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageChangePasswordBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: PoPageChangePasswordBaseComponent, isStandalone: true, inputs: { logo: ["p-logo", "logo"], secondaryLogo: ["p-secondary-logo", "secondaryLogo"], token: ["p-token", "token"], urlBack: ["p-url-back", "urlBack"], urlNewPassword: ["p-url-new-password", "urlNewPassword"], componentsSize: ["p-components-size", "componentsSize"], hideCurrentPassword: ["p-hide-current-password", "hideCurrentPassword"], recovery: ["p-recovery", "recovery"], requirements: ["p-requirements", "requirements"], urlHome: ["p-url-home", "urlHome"], noAutocompletePassword: ["p-no-autocomplete-password", "noAutocompletePassword"] }, outputs: { submit: "p-submit" }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-components-size": "this.componentsSize" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageChangePasswordBaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageChangePasswordBaseComponent, decorators: [{
             type: Directive
         }], propDecorators: { logo: [{
                 type: Input,
@@ -2463,10 +2441,10 @@ class PoPageChangePasswordService {
     post(url, item) {
         return this.http.post(url, item, { observe: 'response' });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageChangePasswordService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageChangePasswordService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageChangePasswordService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageChangePasswordService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageChangePasswordService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageChangePasswordService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -2648,12 +2626,12 @@ class PoPageChangePasswordComponent extends PoPageChangePasswordBaseComponent {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageChangePasswordComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: PoPageChangePasswordComponent, isStandalone: false, selector: "po-page-change-password", viewQueries: [{ propertyName: "modal", first: true, predicate: PoModalComponent, descendants: true, static: true }, { propertyName: "pageChangePassword", first: true, predicate: ["pageChangePassword"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "passwordForm", first: true, predicate: ["passwordForm"], descendants: true, read: NgForm, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"po-page-change-password-wrapper\" #pageChangePassword>\n  <div class=\"po-page-change-password-container\">\n    <po-page-background\n      class=\"po-page-change-password\"\n      [p-components-size]=\"componentsSize\"\n      [p-logo]=\"logo\"\n      [p-secondary-logo]=\"secondaryLogo\"\n    >\n      <div class=\"po-page-blocked-user-header po-row\">\n        <div class=\"po-md-12\">{{ literals.createNewPassword }}</div>\n        <div class=\"po-md-12 po-text-center po-font-text\">\n          {{ literals.createNewPasswordPhrase }}\n        </div>\n      </div>\n\n      <form #passwordForm=\"ngForm\">\n        <div class=\"po-row po-mt-3 po-mt-sm-1\">\n          <div class=\"po-md-6\" [ngClass]=\"{ 'po-offset-md-3 po-offset-lg-3 po-offset-xl-3': !showRequirements }\">\n            @if (!hideCurrentPassword) {\n              <div>\n                <po-password\n                  name=\"currentPassword\"\n                  [(ngModel)]=\"currentPassword\"\n                  p-required\n                  [p-label]=\"literals.currentPassword\"\n                  [p-no-autocomplete]=\"noAutocompletePassword\"\n                  [p-size]=\"componentsSize\"\n                >\n                </po-password>\n              </div>\n            }\n            @if (!hideCurrentPassword && recovery) {\n              <div class=\"po-text-center po-mb-sm-1 po-mb-2\">\n                @if (recoveryUrlType === 'internalLink') {\n                  <a class=\"po-font-text-bold po-page-change-password-forgot-password\" [routerLink]=\"recovery\">\n                    {{ literals.forgotPassword }}\n                  </a>\n                }\n                @if (recoveryUrlType === 'externalLink') {\n                  <a class=\"po-font-text-bold po-page-change-password-forgot-password\" [href]=\"recovery\">\n                    {{ literals.forgotPassword }}\n                  </a>\n                }\n                @if (!recoveryUrlType) {\n                  <a\n                    class=\"po-font-text-bold po-page-change-password-forgot-password po-clickable\"\n                    (click)=\"onForgotPasswordClick(recovery)\"\n                  >\n                    {{ literals.forgotPassword }}\n                  </a>\n                }\n              </div>\n            }\n            <div>\n              <po-password\n                name=\"newPassword\"\n                [(ngModel)]=\"newPassword\"\n                p-required\n                [p-label]=\"literals.newPassword\"\n                (p-change-model)=\"validatePassword()\"\n                [p-no-autocomplete]=\"noAutocompletePassword\"\n                [p-size]=\"componentsSize\"\n              >\n              </po-password>\n            </div>\n            <div>\n              <po-password\n                name=\"confirmPassword\"\n                [(ngModel)]=\"confirmPassword\"\n                p-required\n                [p-label]=\"literals.confirmPassword\"\n                (p-change-model)=\"validatePassword()\"\n                [p-no-autocomplete]=\"noAutocompletePassword\"\n                [p-size]=\"componentsSize\"\n              >\n              </po-password>\n            </div>\n          </div>\n          @if (showRequirements) {\n            <div class=\"po-md-6 po-page-change-password-required-container\">\n              <po-container>\n                <ul class=\"po-page-change-password-required-list\">\n                  <li class=\"po-page-change-password-required-item\">\n                    <p class=\"po-mb-1 po-font-text-bold po-page-change-password-required-title\">\n                      {{ literals?.requirements }}\n                    </p>\n                  </li>\n                  @for (requirement of requirements; track requirement) {\n                    <li class=\"po-page-change-password-required-item\">\n                      <po-icon\n                        class=\"po-page-change-password-required-icon\"\n                        [p-icon]=\"\n                          validateRequirement(requirement)\n                            ? 'ICON_OK po-page-change-password-required-ok'\n                            : 'ICON_MINUS po-page-change-password-required-minus'\n                        \"\n                      >\n                      </po-icon>\n                      <p class=\"po-page-change-password-required-text po-font-text\">\n                        {{ requirement.requirement }}\n                      </p>\n                    </li>\n                  }\n                </ul>\n              </po-container>\n            </div>\n          }\n        </div>\n      </form>\n\n      <po-divider class=\"po-sm-12\"></po-divider>\n\n      <div class=\"po-page-change-password-tips po-row\">\n        <div class=\"po-md-2 po-mr-3\">\n          <img\n            class=\"po-page-change-password-lock-image po-mb-3\"\n            alt=\"Blocked user image\"\n            src=\"./assets/images/big-lock.svg\"\n          />\n        </div>\n        <div class=\"po-md-9 po-page-change-password-tips-text\">\n          <div class=\"po-font-text-bold po-pb-1\">{{ literals.safetyTips }}</div>\n          <div class=\"po-font-text-small\">\n            <div class=\"po-row po-pb-1\">{{ literals.safetyTipsPhrase }}</div>\n            <div class=\"po-row po-pb-1\">\u2022 {{ literals.safetyTipsFirst }}</div>\n            <div class=\"po-row po-pb-1\">\u2022 {{ literals.safetyTipsSecond }}</div>\n            <div class=\"po-row po-pb-1\">\u2022 {{ literals.safetyTipsThird }}</div>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"po-page-change-password-buttons po-row\">\n        <po-divider class=\"po-sm-12 po-mobile-only\"></po-divider>\n\n        @if (!hideCurrentPassword) {\n          <po-button\n            class=\"po-sm-6 po-mb-sm-1\"\n            [p-label]=\"literals.backButton\"\n            [p-size]=\"componentsSize\"\n            (p-click)=\"navigateTo(urlBack)\"\n          >\n          </po-button>\n        }\n\n        <po-button\n          [ngClass]=\"hideCurrentPassword ? 'po-md-12' : 'po-sm-6'\"\n          p-kind=\"primary\"\n          [p-disabled]=\"passwordForm.invalid\"\n          [p-label]=\"literals.saveButton\"\n          [p-size]=\"componentsSize\"\n          (p-click)=\"onLoginSubmit()\"\n        >\n        </po-button>\n      </div>\n    </po-page-background>\n  </div>\n</div>\n\n<po-modal\n  [p-primary-action]=\"modalAction\"\n  p-hide-close\n  p-size=\"auto\"\n  [p-components-size]=\"componentsSize\"\n  [p-title]=\"hideCurrentPassword ? literals.passwordSuccessfullyCreated : literals.passwordSuccessfullyUpdated\"\n>\n  <div class=\"po-text-center\">\n    <img\n      alt=\"Blocked user image\"\n      class=\"po-page-change-password-lock-image po-mb-3\"\n      src=\"./assets/images/success.svg\"\n    />\n  </div>\n</po-modal>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i3.PoButtonComponent, selector: "po-button" }, { kind: "component", type: i3.PoContainerComponent, selector: "po-container" }, { kind: "component", type: i3.PoDividerComponent, selector: "po-divider" }, { kind: "component", type: i3.PoPasswordComponent, selector: "po-password", inputs: ["p-hide-password-peek", "p-no-autocomplete"] }, { kind: "component", type: i3.PoIconComponent, selector: "po-icon", inputs: ["p-icon"] }, { kind: "component", type: i3.PoModalComponent, selector: "po-modal" }, { kind: "component", type: PoPageBackgroundComponent, selector: "po-page-background", inputs: ["p-background", "p-initial-language", "p-hide-logo", "p-highlight-info", "p-components-size", "p-languages", "p-logo", "p-logo-alt", "p-secondary-logo", "p-show-select-language"], outputs: ["p-selected-language"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageChangePasswordComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: PoPageChangePasswordComponent, isStandalone: false, selector: "po-page-change-password", viewQueries: [{ propertyName: "modal", first: true, predicate: PoModalComponent, descendants: true, static: true }, { propertyName: "pageChangePassword", first: true, predicate: ["pageChangePassword"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "passwordForm", first: true, predicate: ["passwordForm"], descendants: true, read: NgForm, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"po-page-change-password-wrapper\" #pageChangePassword>\n  <div class=\"po-page-change-password-container\">\n    <po-page-background\n      class=\"po-page-change-password\"\n      [p-components-size]=\"componentsSize\"\n      [p-logo]=\"logo\"\n      [p-secondary-logo]=\"secondaryLogo\"\n    >\n      <div class=\"po-page-blocked-user-header po-row\">\n        <div class=\"po-md-12\">{{ literals.createNewPassword }}</div>\n        <div class=\"po-md-12 po-text-center po-font-text\">\n          {{ literals.createNewPasswordPhrase }}\n        </div>\n      </div>\n\n      <form #passwordForm=\"ngForm\">\n        <div class=\"po-row po-mt-3 po-mt-sm-1\">\n          <div class=\"po-md-6\" [ngClass]=\"{ 'po-offset-md-3 po-offset-lg-3 po-offset-xl-3': !showRequirements }\">\n            @if (!hideCurrentPassword) {\n              <div>\n                <po-password\n                  name=\"currentPassword\"\n                  [(ngModel)]=\"currentPassword\"\n                  p-required\n                  [p-label]=\"literals.currentPassword\"\n                  [p-no-autocomplete]=\"noAutocompletePassword\"\n                  [p-size]=\"componentsSize\"\n                >\n                </po-password>\n              </div>\n            }\n            @if (!hideCurrentPassword && recovery) {\n              <div class=\"po-text-center po-mb-sm-1 po-mb-2\">\n                @if (recoveryUrlType === 'internalLink') {\n                  <a class=\"po-font-text-bold po-page-change-password-forgot-password\" [routerLink]=\"recovery\">\n                    {{ literals.forgotPassword }}\n                  </a>\n                }\n                @if (recoveryUrlType === 'externalLink') {\n                  <a class=\"po-font-text-bold po-page-change-password-forgot-password\" [href]=\"recovery\">\n                    {{ literals.forgotPassword }}\n                  </a>\n                }\n                @if (!recoveryUrlType) {\n                  <a\n                    class=\"po-font-text-bold po-page-change-password-forgot-password po-clickable\"\n                    (click)=\"onForgotPasswordClick(recovery)\"\n                  >\n                    {{ literals.forgotPassword }}\n                  </a>\n                }\n              </div>\n            }\n            <div>\n              <po-password\n                name=\"newPassword\"\n                [(ngModel)]=\"newPassword\"\n                p-required\n                [p-label]=\"literals.newPassword\"\n                (p-change-model)=\"validatePassword()\"\n                [p-no-autocomplete]=\"noAutocompletePassword\"\n                [p-size]=\"componentsSize\"\n              >\n              </po-password>\n            </div>\n            <div>\n              <po-password\n                name=\"confirmPassword\"\n                [(ngModel)]=\"confirmPassword\"\n                p-required\n                [p-label]=\"literals.confirmPassword\"\n                (p-change-model)=\"validatePassword()\"\n                [p-no-autocomplete]=\"noAutocompletePassword\"\n                [p-size]=\"componentsSize\"\n              >\n              </po-password>\n            </div>\n          </div>\n          @if (showRequirements) {\n            <div class=\"po-md-6 po-page-change-password-required-container\">\n              <po-container>\n                <ul class=\"po-page-change-password-required-list\">\n                  <li class=\"po-page-change-password-required-item\">\n                    <p class=\"po-mb-1 po-font-text-bold po-page-change-password-required-title\">\n                      {{ literals?.requirements }}\n                    </p>\n                  </li>\n                  @for (requirement of requirements; track requirement) {\n                    <li class=\"po-page-change-password-required-item\">\n                      <po-icon\n                        class=\"po-page-change-password-required-icon\"\n                        [p-icon]=\"\n                          validateRequirement(requirement)\n                            ? 'ICON_OK po-page-change-password-required-ok'\n                            : 'ICON_MINUS po-page-change-password-required-minus'\n                        \"\n                      >\n                      </po-icon>\n                      <p class=\"po-page-change-password-required-text po-font-text\">\n                        {{ requirement.requirement }}\n                      </p>\n                    </li>\n                  }\n                </ul>\n              </po-container>\n            </div>\n          }\n        </div>\n      </form>\n\n      <po-divider class=\"po-sm-12\"></po-divider>\n\n      <div class=\"po-page-change-password-tips po-row\">\n        <div class=\"po-md-2 po-mr-3\">\n          <img\n            class=\"po-page-change-password-lock-image po-mb-3\"\n            alt=\"Blocked user image\"\n            src=\"./assets/images/big-lock.svg\"\n          />\n        </div>\n        <div class=\"po-md-9 po-page-change-password-tips-text\">\n          <div class=\"po-font-text-bold po-pb-1\">{{ literals.safetyTips }}</div>\n          <div class=\"po-font-text-small\">\n            <div class=\"po-row po-pb-1\">{{ literals.safetyTipsPhrase }}</div>\n            <div class=\"po-row po-pb-1\">\u2022 {{ literals.safetyTipsFirst }}</div>\n            <div class=\"po-row po-pb-1\">\u2022 {{ literals.safetyTipsSecond }}</div>\n            <div class=\"po-row po-pb-1\">\u2022 {{ literals.safetyTipsThird }}</div>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"po-page-change-password-buttons po-row\">\n        <po-divider class=\"po-sm-12 po-mobile-only\"></po-divider>\n\n        @if (!hideCurrentPassword) {\n          <po-button\n            class=\"po-sm-6 po-mb-sm-1\"\n            [p-label]=\"literals.backButton\"\n            [p-size]=\"componentsSize\"\n            (p-click)=\"navigateTo(urlBack)\"\n          >\n          </po-button>\n        }\n\n        <po-button\n          [ngClass]=\"hideCurrentPassword ? 'po-md-12' : 'po-sm-6'\"\n          p-kind=\"primary\"\n          [p-disabled]=\"passwordForm.invalid\"\n          [p-label]=\"literals.saveButton\"\n          [p-size]=\"componentsSize\"\n          (p-click)=\"onLoginSubmit()\"\n        >\n        </po-button>\n      </div>\n    </po-page-background>\n  </div>\n</div>\n\n<po-modal\n  [p-primary-action]=\"modalAction\"\n  p-hide-close\n  p-size=\"auto\"\n  [p-components-size]=\"componentsSize\"\n  [p-title]=\"hideCurrentPassword ? literals.passwordSuccessfullyCreated : literals.passwordSuccessfullyUpdated\"\n>\n  <div class=\"po-text-center\">\n    <img\n      alt=\"Blocked user image\"\n      class=\"po-page-change-password-lock-image po-mb-3\"\n      src=\"./assets/images/success.svg\"\n    />\n  </div>\n</po-modal>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "component", type: i3.PoButtonComponent, selector: "po-button" }, { kind: "component", type: i3.PoContainerComponent, selector: "po-container" }, { kind: "component", type: i3.PoDividerComponent, selector: "po-divider" }, { kind: "component", type: i3.PoPasswordComponent, selector: "po-password", inputs: ["p-hide-password-peek", "p-no-autocomplete"] }, { kind: "component", type: i3.PoIconComponent, selector: "po-icon", inputs: ["p-icon"] }, { kind: "component", type: i3.PoModalComponent, selector: "po-modal" }, { kind: "component", type: PoPageBackgroundComponent, selector: "po-page-background", inputs: ["p-background", "p-initial-language", "p-hide-logo", "p-highlight-info", "p-components-size", "p-languages", "p-logo", "p-logo-alt", "p-secondary-logo", "p-show-select-language"], outputs: ["p-selected-language"] }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageChangePasswordComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageChangePasswordComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'po-page-change-password', standalone: false, template: "<div class=\"po-page-change-password-wrapper\" #pageChangePassword>\n  <div class=\"po-page-change-password-container\">\n    <po-page-background\n      class=\"po-page-change-password\"\n      [p-components-size]=\"componentsSize\"\n      [p-logo]=\"logo\"\n      [p-secondary-logo]=\"secondaryLogo\"\n    >\n      <div class=\"po-page-blocked-user-header po-row\">\n        <div class=\"po-md-12\">{{ literals.createNewPassword }}</div>\n        <div class=\"po-md-12 po-text-center po-font-text\">\n          {{ literals.createNewPasswordPhrase }}\n        </div>\n      </div>\n\n      <form #passwordForm=\"ngForm\">\n        <div class=\"po-row po-mt-3 po-mt-sm-1\">\n          <div class=\"po-md-6\" [ngClass]=\"{ 'po-offset-md-3 po-offset-lg-3 po-offset-xl-3': !showRequirements }\">\n            @if (!hideCurrentPassword) {\n              <div>\n                <po-password\n                  name=\"currentPassword\"\n                  [(ngModel)]=\"currentPassword\"\n                  p-required\n                  [p-label]=\"literals.currentPassword\"\n                  [p-no-autocomplete]=\"noAutocompletePassword\"\n                  [p-size]=\"componentsSize\"\n                >\n                </po-password>\n              </div>\n            }\n            @if (!hideCurrentPassword && recovery) {\n              <div class=\"po-text-center po-mb-sm-1 po-mb-2\">\n                @if (recoveryUrlType === 'internalLink') {\n                  <a class=\"po-font-text-bold po-page-change-password-forgot-password\" [routerLink]=\"recovery\">\n                    {{ literals.forgotPassword }}\n                  </a>\n                }\n                @if (recoveryUrlType === 'externalLink') {\n                  <a class=\"po-font-text-bold po-page-change-password-forgot-password\" [href]=\"recovery\">\n                    {{ literals.forgotPassword }}\n                  </a>\n                }\n                @if (!recoveryUrlType) {\n                  <a\n                    class=\"po-font-text-bold po-page-change-password-forgot-password po-clickable\"\n                    (click)=\"onForgotPasswordClick(recovery)\"\n                  >\n                    {{ literals.forgotPassword }}\n                  </a>\n                }\n              </div>\n            }\n            <div>\n              <po-password\n                name=\"newPassword\"\n                [(ngModel)]=\"newPassword\"\n                p-required\n                [p-label]=\"literals.newPassword\"\n                (p-change-model)=\"validatePassword()\"\n                [p-no-autocomplete]=\"noAutocompletePassword\"\n                [p-size]=\"componentsSize\"\n              >\n              </po-password>\n            </div>\n            <div>\n              <po-password\n                name=\"confirmPassword\"\n                [(ngModel)]=\"confirmPassword\"\n                p-required\n                [p-label]=\"literals.confirmPassword\"\n                (p-change-model)=\"validatePassword()\"\n                [p-no-autocomplete]=\"noAutocompletePassword\"\n                [p-size]=\"componentsSize\"\n              >\n              </po-password>\n            </div>\n          </div>\n          @if (showRequirements) {\n            <div class=\"po-md-6 po-page-change-password-required-container\">\n              <po-container>\n                <ul class=\"po-page-change-password-required-list\">\n                  <li class=\"po-page-change-password-required-item\">\n                    <p class=\"po-mb-1 po-font-text-bold po-page-change-password-required-title\">\n                      {{ literals?.requirements }}\n                    </p>\n                  </li>\n                  @for (requirement of requirements; track requirement) {\n                    <li class=\"po-page-change-password-required-item\">\n                      <po-icon\n                        class=\"po-page-change-password-required-icon\"\n                        [p-icon]=\"\n                          validateRequirement(requirement)\n                            ? 'ICON_OK po-page-change-password-required-ok'\n                            : 'ICON_MINUS po-page-change-password-required-minus'\n                        \"\n                      >\n                      </po-icon>\n                      <p class=\"po-page-change-password-required-text po-font-text\">\n                        {{ requirement.requirement }}\n                      </p>\n                    </li>\n                  }\n                </ul>\n              </po-container>\n            </div>\n          }\n        </div>\n      </form>\n\n      <po-divider class=\"po-sm-12\"></po-divider>\n\n      <div class=\"po-page-change-password-tips po-row\">\n        <div class=\"po-md-2 po-mr-3\">\n          <img\n            class=\"po-page-change-password-lock-image po-mb-3\"\n            alt=\"Blocked user image\"\n            src=\"./assets/images/big-lock.svg\"\n          />\n        </div>\n        <div class=\"po-md-9 po-page-change-password-tips-text\">\n          <div class=\"po-font-text-bold po-pb-1\">{{ literals.safetyTips }}</div>\n          <div class=\"po-font-text-small\">\n            <div class=\"po-row po-pb-1\">{{ literals.safetyTipsPhrase }}</div>\n            <div class=\"po-row po-pb-1\">\u2022 {{ literals.safetyTipsFirst }}</div>\n            <div class=\"po-row po-pb-1\">\u2022 {{ literals.safetyTipsSecond }}</div>\n            <div class=\"po-row po-pb-1\">\u2022 {{ literals.safetyTipsThird }}</div>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"po-page-change-password-buttons po-row\">\n        <po-divider class=\"po-sm-12 po-mobile-only\"></po-divider>\n\n        @if (!hideCurrentPassword) {\n          <po-button\n            class=\"po-sm-6 po-mb-sm-1\"\n            [p-label]=\"literals.backButton\"\n            [p-size]=\"componentsSize\"\n            (p-click)=\"navigateTo(urlBack)\"\n          >\n          </po-button>\n        }\n\n        <po-button\n          [ngClass]=\"hideCurrentPassword ? 'po-md-12' : 'po-sm-6'\"\n          p-kind=\"primary\"\n          [p-disabled]=\"passwordForm.invalid\"\n          [p-label]=\"literals.saveButton\"\n          [p-size]=\"componentsSize\"\n          (p-click)=\"onLoginSubmit()\"\n        >\n        </po-button>\n      </div>\n    </po-page-background>\n  </div>\n</div>\n\n<po-modal\n  [p-primary-action]=\"modalAction\"\n  p-hide-close\n  p-size=\"auto\"\n  [p-components-size]=\"componentsSize\"\n  [p-title]=\"hideCurrentPassword ? literals.passwordSuccessfullyCreated : literals.passwordSuccessfullyUpdated\"\n>\n  <div class=\"po-text-center\">\n    <img\n      alt=\"Blocked user image\"\n      class=\"po-page-change-password-lock-image po-mb-3\"\n      src=\"./assets/images/success.svg\"\n    />\n  </div>\n</po-modal>\n" }]
+            args: [{ selector: 'po-page-change-password', changeDetection: ChangeDetectionStrategy.Eager, standalone: false, template: "<div class=\"po-page-change-password-wrapper\" #pageChangePassword>\n  <div class=\"po-page-change-password-container\">\n    <po-page-background\n      class=\"po-page-change-password\"\n      [p-components-size]=\"componentsSize\"\n      [p-logo]=\"logo\"\n      [p-secondary-logo]=\"secondaryLogo\"\n    >\n      <div class=\"po-page-blocked-user-header po-row\">\n        <div class=\"po-md-12\">{{ literals.createNewPassword }}</div>\n        <div class=\"po-md-12 po-text-center po-font-text\">\n          {{ literals.createNewPasswordPhrase }}\n        </div>\n      </div>\n\n      <form #passwordForm=\"ngForm\">\n        <div class=\"po-row po-mt-3 po-mt-sm-1\">\n          <div class=\"po-md-6\" [ngClass]=\"{ 'po-offset-md-3 po-offset-lg-3 po-offset-xl-3': !showRequirements }\">\n            @if (!hideCurrentPassword) {\n              <div>\n                <po-password\n                  name=\"currentPassword\"\n                  [(ngModel)]=\"currentPassword\"\n                  p-required\n                  [p-label]=\"literals.currentPassword\"\n                  [p-no-autocomplete]=\"noAutocompletePassword\"\n                  [p-size]=\"componentsSize\"\n                >\n                </po-password>\n              </div>\n            }\n            @if (!hideCurrentPassword && recovery) {\n              <div class=\"po-text-center po-mb-sm-1 po-mb-2\">\n                @if (recoveryUrlType === 'internalLink') {\n                  <a class=\"po-font-text-bold po-page-change-password-forgot-password\" [routerLink]=\"recovery\">\n                    {{ literals.forgotPassword }}\n                  </a>\n                }\n                @if (recoveryUrlType === 'externalLink') {\n                  <a class=\"po-font-text-bold po-page-change-password-forgot-password\" [href]=\"recovery\">\n                    {{ literals.forgotPassword }}\n                  </a>\n                }\n                @if (!recoveryUrlType) {\n                  <a\n                    class=\"po-font-text-bold po-page-change-password-forgot-password po-clickable\"\n                    (click)=\"onForgotPasswordClick(recovery)\"\n                  >\n                    {{ literals.forgotPassword }}\n                  </a>\n                }\n              </div>\n            }\n            <div>\n              <po-password\n                name=\"newPassword\"\n                [(ngModel)]=\"newPassword\"\n                p-required\n                [p-label]=\"literals.newPassword\"\n                (p-change-model)=\"validatePassword()\"\n                [p-no-autocomplete]=\"noAutocompletePassword\"\n                [p-size]=\"componentsSize\"\n              >\n              </po-password>\n            </div>\n            <div>\n              <po-password\n                name=\"confirmPassword\"\n                [(ngModel)]=\"confirmPassword\"\n                p-required\n                [p-label]=\"literals.confirmPassword\"\n                (p-change-model)=\"validatePassword()\"\n                [p-no-autocomplete]=\"noAutocompletePassword\"\n                [p-size]=\"componentsSize\"\n              >\n              </po-password>\n            </div>\n          </div>\n          @if (showRequirements) {\n            <div class=\"po-md-6 po-page-change-password-required-container\">\n              <po-container>\n                <ul class=\"po-page-change-password-required-list\">\n                  <li class=\"po-page-change-password-required-item\">\n                    <p class=\"po-mb-1 po-font-text-bold po-page-change-password-required-title\">\n                      {{ literals?.requirements }}\n                    </p>\n                  </li>\n                  @for (requirement of requirements; track requirement) {\n                    <li class=\"po-page-change-password-required-item\">\n                      <po-icon\n                        class=\"po-page-change-password-required-icon\"\n                        [p-icon]=\"\n                          validateRequirement(requirement)\n                            ? 'ICON_OK po-page-change-password-required-ok'\n                            : 'ICON_MINUS po-page-change-password-required-minus'\n                        \"\n                      >\n                      </po-icon>\n                      <p class=\"po-page-change-password-required-text po-font-text\">\n                        {{ requirement.requirement }}\n                      </p>\n                    </li>\n                  }\n                </ul>\n              </po-container>\n            </div>\n          }\n        </div>\n      </form>\n\n      <po-divider class=\"po-sm-12\"></po-divider>\n\n      <div class=\"po-page-change-password-tips po-row\">\n        <div class=\"po-md-2 po-mr-3\">\n          <img\n            class=\"po-page-change-password-lock-image po-mb-3\"\n            alt=\"Blocked user image\"\n            src=\"./assets/images/big-lock.svg\"\n          />\n        </div>\n        <div class=\"po-md-9 po-page-change-password-tips-text\">\n          <div class=\"po-font-text-bold po-pb-1\">{{ literals.safetyTips }}</div>\n          <div class=\"po-font-text-small\">\n            <div class=\"po-row po-pb-1\">{{ literals.safetyTipsPhrase }}</div>\n            <div class=\"po-row po-pb-1\">\u2022 {{ literals.safetyTipsFirst }}</div>\n            <div class=\"po-row po-pb-1\">\u2022 {{ literals.safetyTipsSecond }}</div>\n            <div class=\"po-row po-pb-1\">\u2022 {{ literals.safetyTipsThird }}</div>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"po-page-change-password-buttons po-row\">\n        <po-divider class=\"po-sm-12 po-mobile-only\"></po-divider>\n\n        @if (!hideCurrentPassword) {\n          <po-button\n            class=\"po-sm-6 po-mb-sm-1\"\n            [p-label]=\"literals.backButton\"\n            [p-size]=\"componentsSize\"\n            (p-click)=\"navigateTo(urlBack)\"\n          >\n          </po-button>\n        }\n\n        <po-button\n          [ngClass]=\"hideCurrentPassword ? 'po-md-12' : 'po-sm-6'\"\n          p-kind=\"primary\"\n          [p-disabled]=\"passwordForm.invalid\"\n          [p-label]=\"literals.saveButton\"\n          [p-size]=\"componentsSize\"\n          (p-click)=\"onLoginSubmit()\"\n        >\n        </po-button>\n      </div>\n    </po-page-background>\n  </div>\n</div>\n\n<po-modal\n  [p-primary-action]=\"modalAction\"\n  p-hide-close\n  p-size=\"auto\"\n  [p-components-size]=\"componentsSize\"\n  [p-title]=\"hideCurrentPassword ? literals.passwordSuccessfullyCreated : literals.passwordSuccessfullyUpdated\"\n>\n  <div class=\"po-text-center\">\n    <img\n      alt=\"Blocked user image\"\n      class=\"po-page-change-password-lock-image po-mb-3\"\n      src=\"./assets/images/success.svg\"\n    />\n  </div>\n</po-modal>\n" }]
         }], ctorParameters: () => [], propDecorators: { modal: [{
                 type: ViewChild,
                 args: [PoModalComponent, { static: true }]
@@ -2671,11 +2649,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
  * Módulo do template do po-page-change-password.
  */
 class PoPageChangePasswordModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageChangePasswordModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: PoPageChangePasswordModule, declarations: [PoPageChangePasswordComponent], imports: [CommonModule, FormsModule, RouterModule, PoModule, PoPageBackgroundModule], exports: [PoPageChangePasswordComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageChangePasswordModule, providers: [PoPageChangePasswordService], imports: [CommonModule, FormsModule, RouterModule, PoModule, PoPageBackgroundModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageChangePasswordModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: PoPageChangePasswordModule, declarations: [PoPageChangePasswordComponent], imports: [CommonModule, FormsModule, RouterModule, PoModule, PoPageBackgroundModule], exports: [PoPageChangePasswordComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageChangePasswordModule, providers: [PoPageChangePasswordService], imports: [CommonModule, FormsModule, RouterModule, PoModule, PoPageBackgroundModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageChangePasswordModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageChangePasswordModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, FormsModule, RouterModule, PoModule, PoPageBackgroundModule],
@@ -2773,10 +2751,10 @@ class PoPageDynamicService {
         }
         return endpoint;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageDynamicService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageDynamicService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageDynamicService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageDynamicService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageDynamicService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageDynamicService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -2851,10 +2829,10 @@ class PoPageCustomizationService {
         });
         return [...mergedOriginalOptions, ...deduplicateNewOptions];
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageCustomizationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageCustomizationService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageCustomizationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageCustomizationService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageCustomizationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageCustomizationService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -2887,10 +2865,10 @@ class PoPageDynamicDetailActionsService {
         }
         return of(action(id, resource));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageDynamicDetailActionsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageDynamicDetailActionsService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageDynamicDetailActionsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageDynamicDetailActionsService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageDynamicDetailActionsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageDynamicDetailActionsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -3408,12 +3386,12 @@ class PoPageDynamicDetailComponent {
         };
         return this.poPageCustomizationService.getCustomOptions(onLoad, originalOption, pageOptionSchema);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageDynamicDetailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: PoPageDynamicDetailComponent, isStandalone: false, selector: "po-page-dynamic-detail", inputs: { breadcrumb: ["p-breadcrumb", "breadcrumb"], onLoad: ["p-load", "onLoad"], title: ["p-title", "title"], serviceApi: ["p-service-api", "serviceApi"], actions: ["p-actions", "actions"], autoRouter: ["p-auto-router", "autoRouter"], componentsSize: ["p-components-size", "componentsSize"], fields: ["p-fields", "fields"] }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-components-size": "this.componentsSize" } }, providers: [PoPageDynamicService, PoPageDynamicDetailActionsService], ngImport: i0, template: "<po-page-default\n  [p-actions]=\"pageActions\"\n  [p-breadcrumb]=\"breadcrumb\"\n  [p-components-size]=\"componentsSize\"\n  [p-title]=\"title\"\n>\n  @if (model) {\n    <po-dynamic-view [p-components-size]=\"componentsSize\" [p-fields]=\"fields\" [p-value]=\"model\"> </po-dynamic-view>\n  } @else {\n    <po-widget [p-size]=\"componentsSize\">\n      <po-icon p-icon=\"ICON_INFO\"></po-icon>\n      <span class=\"po-font-text-large\">\n        {{ literals.registerNotFound }}\n      </span>\n    </po-widget>\n  }\n</po-page-default>\n", dependencies: [{ kind: "component", type: i3.PoDynamicViewComponent, selector: "po-dynamic-view" }, { kind: "component", type: i3.PoIconComponent, selector: "po-icon", inputs: ["p-icon"] }, { kind: "component", type: i3.PoPageDefaultComponent, selector: "po-page-default" }, { kind: "component", type: i3.PoWidgetComponent, selector: "po-widget" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageDynamicDetailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: PoPageDynamicDetailComponent, isStandalone: false, selector: "po-page-dynamic-detail", inputs: { breadcrumb: ["p-breadcrumb", "breadcrumb"], onLoad: ["p-load", "onLoad"], title: ["p-title", "title"], serviceApi: ["p-service-api", "serviceApi"], actions: ["p-actions", "actions"], autoRouter: ["p-auto-router", "autoRouter"], componentsSize: ["p-components-size", "componentsSize"], fields: ["p-fields", "fields"] }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-components-size": "this.componentsSize" } }, providers: [PoPageDynamicService, PoPageDynamicDetailActionsService], ngImport: i0, template: "<po-page-default\n  [p-actions]=\"pageActions\"\n  [p-breadcrumb]=\"breadcrumb\"\n  [p-components-size]=\"componentsSize\"\n  [p-title]=\"title\"\n>\n  @if (model) {\n    <po-dynamic-view [p-components-size]=\"componentsSize\" [p-fields]=\"fields\" [p-value]=\"model\"> </po-dynamic-view>\n  } @else {\n    <po-widget [p-size]=\"componentsSize\">\n      <po-icon p-icon=\"ICON_INFO\"></po-icon>\n      <span class=\"po-font-text-large\">\n        {{ literals.registerNotFound }}\n      </span>\n    </po-widget>\n  }\n</po-page-default>\n", dependencies: [{ kind: "component", type: i3.PoDynamicViewComponent, selector: "po-dynamic-view" }, { kind: "component", type: i3.PoIconComponent, selector: "po-icon", inputs: ["p-icon"] }, { kind: "component", type: i3.PoPageDefaultComponent, selector: "po-page-default" }, { kind: "component", type: i3.PoWidgetComponent, selector: "po-widget" }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageDynamicDetailComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageDynamicDetailComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'po-page-dynamic-detail', providers: [PoPageDynamicService, PoPageDynamicDetailActionsService], standalone: false, template: "<po-page-default\n  [p-actions]=\"pageActions\"\n  [p-breadcrumb]=\"breadcrumb\"\n  [p-components-size]=\"componentsSize\"\n  [p-title]=\"title\"\n>\n  @if (model) {\n    <po-dynamic-view [p-components-size]=\"componentsSize\" [p-fields]=\"fields\" [p-value]=\"model\"> </po-dynamic-view>\n  } @else {\n    <po-widget [p-size]=\"componentsSize\">\n      <po-icon p-icon=\"ICON_INFO\"></po-icon>\n      <span class=\"po-font-text-large\">\n        {{ literals.registerNotFound }}\n      </span>\n    </po-widget>\n  }\n</po-page-default>\n" }]
+            args: [{ selector: 'po-page-dynamic-detail', providers: [PoPageDynamicService, PoPageDynamicDetailActionsService], changeDetection: ChangeDetectionStrategy.Eager, standalone: false, template: "<po-page-default\n  [p-actions]=\"pageActions\"\n  [p-breadcrumb]=\"breadcrumb\"\n  [p-components-size]=\"componentsSize\"\n  [p-title]=\"title\"\n>\n  @if (model) {\n    <po-dynamic-view [p-components-size]=\"componentsSize\" [p-fields]=\"fields\" [p-value]=\"model\"> </po-dynamic-view>\n  } @else {\n    <po-widget [p-size]=\"componentsSize\">\n      <po-icon p-icon=\"ICON_INFO\"></po-icon>\n      <span class=\"po-font-text-large\">\n        {{ literals.registerNotFound }}\n      </span>\n    </po-widget>\n  }\n</po-page-default>\n" }]
         }], ctorParameters: () => [], propDecorators: { breadcrumb: [{
                 type: Input,
                 args: ['p-breadcrumb']
@@ -3452,11 +3430,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
  * Módulo do serviço do po-page-dynamic-service.
  */
 class PoPageDynamicModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageDynamicModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: PoPageDynamicModule, imports: [CommonModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageDynamicModule, providers: [PoPageDynamicService], imports: [CommonModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageDynamicModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: PoPageDynamicModule, imports: [CommonModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageDynamicModule, providers: [PoPageDynamicService], imports: [CommonModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageDynamicModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageDynamicModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],
@@ -3470,8 +3448,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
  * Módulo do template do po-page-dynamic-detail.
  */
 class PoPageDynamicDetailModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageDynamicDetailModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: PoPageDynamicDetailModule, declarations: [PoPageDynamicDetailComponent], imports: [CommonModule,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageDynamicDetailModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: PoPageDynamicDetailModule, declarations: [PoPageDynamicDetailComponent], imports: [CommonModule,
             FormsModule,
             RouterModule,
             PoDynamicModule,
@@ -3480,7 +3458,7 @@ class PoPageDynamicDetailModule {
             PoPageModule,
             PoWidgetModule,
             PoPageDynamicModule], exports: [PoPageDynamicDetailComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageDynamicDetailModule, imports: [CommonModule,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageDynamicDetailModule, imports: [CommonModule,
             FormsModule,
             RouterModule,
             PoDynamicModule,
@@ -3490,7 +3468,7 @@ class PoPageDynamicDetailModule {
             PoWidgetModule,
             PoPageDynamicModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageDynamicDetailModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageDynamicDetailModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -3535,10 +3513,10 @@ class PoPageDynamicEditActionsService {
         }
         return of(action(resource, id));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageDynamicEditActionsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageDynamicEditActionsService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageDynamicEditActionsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageDynamicEditActionsService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageDynamicEditActionsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageDynamicEditActionsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -4383,12 +4361,12 @@ class PoPageDynamicEditComponent {
     isObject(value) {
         return !!value && typeof value === 'object' && !Array.isArray(value);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageDynamicEditComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: PoPageDynamicEditComponent, isStandalone: false, selector: "po-page-dynamic-edit", inputs: { breadcrumb: ["p-breadcrumb", "breadcrumb"], serviceApi: ["p-service-api", "serviceApi"], title: ["p-title", "title"], onLoad: ["p-load", "onLoad"], onLoadData: ["p-load-data", "onLoadData"], actions: ["p-actions", "actions"], literals: ["p-literals", "literals"], notificationType: ["p-notification-type", "notificationType"], autoRouter: ["p-auto-router", "autoRouter"], fields: ["p-fields", "fields"], componentsSize: ["p-components-size", "componentsSize"] }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-components-size": "this.componentsSize" } }, providers: [PoPageDynamicService], viewQueries: [{ propertyName: "dynamicForm", first: true, predicate: ["dynamicForm"], descendants: true }, { propertyName: "gridDetail", first: true, predicate: ["gridDetail"], descendants: true }], ngImport: i0, template: "<po-page-default\n  [p-actions]=\"pageActions\"\n  [p-breadcrumb]=\"breadcrumb\"\n  [p-components-size]=\"componentsSize\"\n  [p-title]=\"title\"\n>\n  @if (model) {\n    <po-dynamic-form #dynamicForm [p-components-size]=\"componentsSize\" [p-fields]=\"controlFields\" [p-value]=\"model\">\n    </po-dynamic-form>\n    @if (detailFields.length > 0) {\n      <div class=\"po-sm-12\">\n        <po-divider [p-label]=\"detailFields[0].divider\"></po-divider>\n        <div class=\"po-row po-mb-2\">\n          <po-button\n            [p-size]=\"componentsSize\"\n            [p-label]=\"literals.detailActionNew\"\n            (p-click)=\"detailActionNew()\"\n          ></po-button>\n        </div>\n        <po-grid\n          #gridDetail\n          [p-row-actions]=\"detailActions\"\n          [p-columns]=\"detailFields[0].detail.columns\"\n          [p-data]=\"model[detailFields[0].property]\"\n        >\n        </po-grid>\n      </div>\n    }\n  } @else {\n    <po-widget [p-size]=\"componentsSize\">\n      <po-icon p-icon=\"ICON_INFO\"></po-icon>\n      <span class=\"po-font-text-large\">\n        {{ literals.registerNotFound }}\n      </span>\n    </po-widget>\n  }\n</po-page-default>\n", dependencies: [{ kind: "component", type: i3.PoButtonComponent, selector: "po-button" }, { kind: "component", type: i3.PoDividerComponent, selector: "po-divider" }, { kind: "component", type: i3.PoDynamicFormComponent, selector: "po-dynamic-form" }, { kind: "component", type: i3.PoGridComponent, selector: "po-grid", inputs: ["p-row-actions", "p-data", "p-columns"] }, { kind: "component", type: i3.PoIconComponent, selector: "po-icon", inputs: ["p-icon"] }, { kind: "component", type: i3.PoPageDefaultComponent, selector: "po-page-default" }, { kind: "component", type: i3.PoWidgetComponent, selector: "po-widget" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageDynamicEditComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: PoPageDynamicEditComponent, isStandalone: false, selector: "po-page-dynamic-edit", inputs: { breadcrumb: ["p-breadcrumb", "breadcrumb"], serviceApi: ["p-service-api", "serviceApi"], title: ["p-title", "title"], onLoad: ["p-load", "onLoad"], onLoadData: ["p-load-data", "onLoadData"], actions: ["p-actions", "actions"], literals: ["p-literals", "literals"], notificationType: ["p-notification-type", "notificationType"], autoRouter: ["p-auto-router", "autoRouter"], fields: ["p-fields", "fields"], componentsSize: ["p-components-size", "componentsSize"] }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-components-size": "this.componentsSize" } }, providers: [PoPageDynamicService], viewQueries: [{ propertyName: "dynamicForm", first: true, predicate: ["dynamicForm"], descendants: true }, { propertyName: "gridDetail", first: true, predicate: ["gridDetail"], descendants: true }], ngImport: i0, template: "<po-page-default\n  [p-actions]=\"pageActions\"\n  [p-breadcrumb]=\"breadcrumb\"\n  [p-components-size]=\"componentsSize\"\n  [p-title]=\"title\"\n>\n  @if (model) {\n    <po-dynamic-form #dynamicForm [p-components-size]=\"componentsSize\" [p-fields]=\"controlFields\" [p-value]=\"model\">\n    </po-dynamic-form>\n    @if (detailFields.length > 0) {\n      <div class=\"po-sm-12\">\n        <po-divider [p-label]=\"detailFields[0].divider\"></po-divider>\n        <div class=\"po-row po-mb-2\">\n          <po-button\n            [p-size]=\"componentsSize\"\n            [p-label]=\"literals.detailActionNew\"\n            (p-click)=\"detailActionNew()\"\n          ></po-button>\n        </div>\n        <po-grid\n          #gridDetail\n          [p-row-actions]=\"detailActions\"\n          [p-columns]=\"detailFields[0].detail.columns\"\n          [p-data]=\"model[detailFields[0].property]\"\n        >\n        </po-grid>\n      </div>\n    }\n  } @else {\n    <po-widget [p-size]=\"componentsSize\">\n      <po-icon p-icon=\"ICON_INFO\"></po-icon>\n      <span class=\"po-font-text-large\">\n        {{ literals.registerNotFound }}\n      </span>\n    </po-widget>\n  }\n</po-page-default>\n", dependencies: [{ kind: "component", type: i3.PoButtonComponent, selector: "po-button" }, { kind: "component", type: i3.PoDividerComponent, selector: "po-divider" }, { kind: "component", type: i3.PoDynamicFormComponent, selector: "po-dynamic-form" }, { kind: "component", type: i3.PoGridComponent, selector: "po-grid", inputs: ["p-row-actions", "p-data", "p-columns"] }, { kind: "component", type: i3.PoIconComponent, selector: "po-icon", inputs: ["p-icon"] }, { kind: "component", type: i3.PoPageDefaultComponent, selector: "po-page-default" }, { kind: "component", type: i3.PoWidgetComponent, selector: "po-widget" }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageDynamicEditComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageDynamicEditComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'po-page-dynamic-edit', providers: [PoPageDynamicService], standalone: false, template: "<po-page-default\n  [p-actions]=\"pageActions\"\n  [p-breadcrumb]=\"breadcrumb\"\n  [p-components-size]=\"componentsSize\"\n  [p-title]=\"title\"\n>\n  @if (model) {\n    <po-dynamic-form #dynamicForm [p-components-size]=\"componentsSize\" [p-fields]=\"controlFields\" [p-value]=\"model\">\n    </po-dynamic-form>\n    @if (detailFields.length > 0) {\n      <div class=\"po-sm-12\">\n        <po-divider [p-label]=\"detailFields[0].divider\"></po-divider>\n        <div class=\"po-row po-mb-2\">\n          <po-button\n            [p-size]=\"componentsSize\"\n            [p-label]=\"literals.detailActionNew\"\n            (p-click)=\"detailActionNew()\"\n          ></po-button>\n        </div>\n        <po-grid\n          #gridDetail\n          [p-row-actions]=\"detailActions\"\n          [p-columns]=\"detailFields[0].detail.columns\"\n          [p-data]=\"model[detailFields[0].property]\"\n        >\n        </po-grid>\n      </div>\n    }\n  } @else {\n    <po-widget [p-size]=\"componentsSize\">\n      <po-icon p-icon=\"ICON_INFO\"></po-icon>\n      <span class=\"po-font-text-large\">\n        {{ literals.registerNotFound }}\n      </span>\n    </po-widget>\n  }\n</po-page-default>\n" }]
+            args: [{ selector: 'po-page-dynamic-edit', providers: [PoPageDynamicService], changeDetection: ChangeDetectionStrategy.Eager, standalone: false, template: "<po-page-default\n  [p-actions]=\"pageActions\"\n  [p-breadcrumb]=\"breadcrumb\"\n  [p-components-size]=\"componentsSize\"\n  [p-title]=\"title\"\n>\n  @if (model) {\n    <po-dynamic-form #dynamicForm [p-components-size]=\"componentsSize\" [p-fields]=\"controlFields\" [p-value]=\"model\">\n    </po-dynamic-form>\n    @if (detailFields.length > 0) {\n      <div class=\"po-sm-12\">\n        <po-divider [p-label]=\"detailFields[0].divider\"></po-divider>\n        <div class=\"po-row po-mb-2\">\n          <po-button\n            [p-size]=\"componentsSize\"\n            [p-label]=\"literals.detailActionNew\"\n            (p-click)=\"detailActionNew()\"\n          ></po-button>\n        </div>\n        <po-grid\n          #gridDetail\n          [p-row-actions]=\"detailActions\"\n          [p-columns]=\"detailFields[0].detail.columns\"\n          [p-data]=\"model[detailFields[0].property]\"\n        >\n        </po-grid>\n      </div>\n    }\n  } @else {\n    <po-widget [p-size]=\"componentsSize\">\n      <po-icon p-icon=\"ICON_INFO\"></po-icon>\n      <span class=\"po-font-text-large\">\n        {{ literals.registerNotFound }}\n      </span>\n    </po-widget>\n  }\n</po-page-default>\n" }]
         }], ctorParameters: () => [], propDecorators: { dynamicForm: [{
                 type: ViewChild,
                 args: ['dynamicForm']
@@ -4442,8 +4420,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
  * Módulo do template do po-page-dynamic-detail.
  */
 class PoPageDynamicEditModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageDynamicEditModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: PoPageDynamicEditModule, declarations: [PoPageDynamicEditComponent], imports: [CommonModule,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageDynamicEditModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: PoPageDynamicEditModule, declarations: [PoPageDynamicEditComponent], imports: [CommonModule,
             FormsModule,
             RouterModule,
             PoButtonModule,
@@ -4454,7 +4432,7 @@ class PoPageDynamicEditModule {
             PoPageModule,
             PoWidgetModule,
             PoPageDynamicModule], exports: [PoPageDynamicEditComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageDynamicEditModule, imports: [CommonModule,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageDynamicEditModule, imports: [CommonModule,
             FormsModule,
             RouterModule,
             PoButtonModule,
@@ -4466,7 +4444,7 @@ class PoPageDynamicEditModule {
             PoWidgetModule,
             PoPageDynamicModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageDynamicEditModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageDynamicEditModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -4493,11 +4471,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
  * Módulo do serviço do po-page-customization-service.
  */
 class PoPageCustomizationModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageCustomizationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: PoPageCustomizationModule, imports: [CommonModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageCustomizationModule, providers: [PoPageCustomizationService], imports: [CommonModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageCustomizationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: PoPageCustomizationModule, imports: [CommonModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageCustomizationModule, providers: [PoPageCustomizationService], imports: [CommonModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageCustomizationModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageCustomizationModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],
@@ -4635,10 +4613,10 @@ class PoAdvancedFilterBaseComponent {
         }
         return { filter: this.filter, optionsService: optionServiceOptions };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoAdvancedFilterBaseComponent, deps: [{ token: i3.PoLanguageService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.2.25", type: PoAdvancedFilterBaseComponent, isStandalone: true, inputs: { keepFilters: ["p-keep-filters", "keepFilters", convertToBoolean], componentsSize: ["p-components-size", "componentsSize"], filters: ["p-filters", "filters"], literals: ["p-literals", "literals"] }, outputs: { searchEvent: "p-search-event" }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-components-size": "this.componentsSize" } }, viewQueries: [{ propertyName: "poModal", first: true, predicate: PoModalComponent, descendants: true, static: true }], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoAdvancedFilterBaseComponent, deps: [{ token: i3.PoLanguageService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "22.0.8", type: PoAdvancedFilterBaseComponent, isStandalone: true, inputs: { keepFilters: ["p-keep-filters", "keepFilters", convertToBoolean], componentsSize: ["p-components-size", "componentsSize"], filters: ["p-filters", "filters"], literals: ["p-literals", "literals"] }, outputs: { searchEvent: "p-search-event" }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-components-size": "this.componentsSize" } }, viewQueries: [{ propertyName: "poModal", first: true, predicate: PoModalComponent, descendants: true, static: true }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoAdvancedFilterBaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoAdvancedFilterBaseComponent, decorators: [{
             type: Directive
         }], ctorParameters: () => [{ type: i3.PoLanguageService }], propDecorators: { poModal: [{
                 type: ViewChild,
@@ -4712,12 +4690,12 @@ class PoAdvancedFilterComponent extends PoAdvancedFilterBaseComponent {
             }
         }));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoAdvancedFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.25", type: PoAdvancedFilterComponent, isStandalone: false, selector: "po-advanced-filter", viewQueries: [{ propertyName: "poDynamicForm", first: true, predicate: PoDynamicFormComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<po-modal\n  p-hide-close\n  [p-primary-action]=\"primaryAction\"\n  [p-secondary-action]=\"secondaryAction\"\n  [p-components-size]=\"componentsSize\"\n  [p-title]=\"literals.title\"\n>\n  <po-dynamic-form [p-components-size]=\"componentsSize\" [p-fields]=\"filters\" [p-value]=\"filter\"> </po-dynamic-form>\n</po-modal>\n", dependencies: [{ kind: "component", type: i3.PoDynamicFormComponent, selector: "po-dynamic-form" }, { kind: "component", type: i3.PoModalComponent, selector: "po-modal" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoAdvancedFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: PoAdvancedFilterComponent, isStandalone: false, selector: "po-advanced-filter", viewQueries: [{ propertyName: "poDynamicForm", first: true, predicate: PoDynamicFormComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<po-modal\n  p-hide-close\n  [p-primary-action]=\"primaryAction\"\n  [p-secondary-action]=\"secondaryAction\"\n  [p-components-size]=\"componentsSize\"\n  [p-title]=\"literals.title\"\n>\n  <po-dynamic-form [p-components-size]=\"componentsSize\" [p-fields]=\"filters\" [p-value]=\"filter\"> </po-dynamic-form>\n</po-modal>\n", dependencies: [{ kind: "component", type: i3.PoDynamicFormComponent, selector: "po-dynamic-form" }, { kind: "component", type: i3.PoModalComponent, selector: "po-modal" }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoAdvancedFilterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoAdvancedFilterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'po-advanced-filter', standalone: false, template: "<po-modal\n  p-hide-close\n  [p-primary-action]=\"primaryAction\"\n  [p-secondary-action]=\"secondaryAction\"\n  [p-components-size]=\"componentsSize\"\n  [p-title]=\"literals.title\"\n>\n  <po-dynamic-form [p-components-size]=\"componentsSize\" [p-fields]=\"filters\" [p-value]=\"filter\"> </po-dynamic-form>\n</po-modal>\n" }]
+            args: [{ selector: 'po-advanced-filter', changeDetection: ChangeDetectionStrategy.Eager, standalone: false, template: "<po-modal\n  p-hide-close\n  [p-primary-action]=\"primaryAction\"\n  [p-secondary-action]=\"secondaryAction\"\n  [p-components-size]=\"componentsSize\"\n  [p-title]=\"literals.title\"\n>\n  <po-dynamic-form [p-components-size]=\"componentsSize\" [p-fields]=\"filters\" [p-value]=\"filter\"> </po-dynamic-form>\n</po-modal>\n" }]
         }], ctorParameters: () => [], propDecorators: { poDynamicForm: [{
                 type: ViewChild,
                 args: [PoDynamicFormComponent, { static: true }]
@@ -5080,10 +5058,10 @@ class PoPageDynamicSearchBaseComponent {
     applySizeBasedOnA11y() {
         this._componentsSize = validateSizeFn(this._initialComponentsSize);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageDynamicSearchBaseComponent, deps: [{ token: i3.PoLanguageService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.2.25", type: PoPageDynamicSearchBaseComponent, isStandalone: true, inputs: { actions: ["p-actions", "actions"], breadcrumb: ["p-breadcrumb", "breadcrumb"], keepFilters: ["p-keep-filters", "keepFilters", convertToBoolean], concatFilters: ["p-concat-filters", "concatFilters", convertToBoolean], hideRemoveAllDisclaimer: ["p-hide-remove-all-disclaimer", "hideRemoveAllDisclaimer", convertToBoolean], onLoad: ["p-load", "onLoad"], title: ["p-title", "title"], quickSearchValue: ["p-quick-search-value", "quickSearchValue"], visibleFixedFilters: ["p-visible-fixed-filters", "visibleFixedFilters"], componentsSize: ["p-components-size", "componentsSize"], literals: ["p-literals", "literals"], filters: ["p-filters", "filters"], quickSearchWidth: ["p-quick-search-width", "quickSearchWidth"], hideCloseDisclaimers: ["p-hide-close-disclaimers", "hideCloseDisclaimers"] }, outputs: { advancedSearch: "p-advanced-search", changeDisclaimers: "p-change-disclaimers", quickSearch: "p-quick-search" }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-components-size": "this.componentsSize" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageDynamicSearchBaseComponent, deps: [{ token: i3.PoLanguageService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "22.0.8", type: PoPageDynamicSearchBaseComponent, isStandalone: true, inputs: { actions: ["p-actions", "actions"], breadcrumb: ["p-breadcrumb", "breadcrumb"], keepFilters: ["p-keep-filters", "keepFilters", convertToBoolean], concatFilters: ["p-concat-filters", "concatFilters", convertToBoolean], hideRemoveAllDisclaimer: ["p-hide-remove-all-disclaimer", "hideRemoveAllDisclaimer", convertToBoolean], onLoad: ["p-load", "onLoad"], title: ["p-title", "title"], quickSearchValue: ["p-quick-search-value", "quickSearchValue"], visibleFixedFilters: ["p-visible-fixed-filters", "visibleFixedFilters"], componentsSize: ["p-components-size", "componentsSize"], literals: ["p-literals", "literals"], filters: ["p-filters", "filters"], quickSearchWidth: ["p-quick-search-width", "quickSearchWidth"], hideCloseDisclaimers: ["p-hide-close-disclaimers", "hideCloseDisclaimers"] }, outputs: { advancedSearch: "p-advanced-search", changeDisclaimers: "p-change-disclaimers", quickSearch: "p-quick-search" }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-components-size": "this.componentsSize" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageDynamicSearchBaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageDynamicSearchBaseComponent, decorators: [{
             type: Directive
         }], ctorParameters: () => [{ type: i3.PoLanguageService }], propDecorators: { actions: [{
                 type: Input,
@@ -5486,12 +5464,12 @@ class PoPageDynamicSearchComponent extends PoPageDynamicSearchBaseComponent {
         }
         return filter;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageDynamicSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.25", type: PoPageDynamicSearchComponent, isStandalone: false, selector: "po-page-dynamic-search", viewQueries: [{ propertyName: "poAdvancedFilter", first: true, predicate: PoAdvancedFilterComponent, descendants: true, static: true }, { propertyName: "poPageList", first: true, predicate: PoPageListComponent, descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<po-page-list\n  #poPageList\n  [p-actions]=\"actions\"\n  [p-breadcrumb]=\"breadcrumb\"\n  [p-components-size]=\"componentsSize\"\n  [p-disclaimer-group]=\"disclaimerGroup\"\n  [p-filter]=\"filterSettings\"\n  [p-title]=\"title\"\n  [p-quick-search-value]=\"quickSearchValue\"\n>\n  <po-advanced-filter\n    [p-components-size]=\"componentsSize\"\n    [p-filters]=\"filters\"\n    [p-keep-filters]=\"keepFilters\"\n    [p-literals]=\"advancedFilterLiterals\"\n    (p-search-event)=\"onAdvancedSearch($event, true)\"\n  >\n  </po-advanced-filter>\n\n  <ng-content></ng-content>\n</po-page-list>\n", dependencies: [{ kind: "component", type: i3.PoPageListComponent, selector: "po-page-list" }, { kind: "component", type: PoAdvancedFilterComponent, selector: "po-advanced-filter" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageDynamicSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: PoPageDynamicSearchComponent, isStandalone: false, selector: "po-page-dynamic-search", viewQueries: [{ propertyName: "poAdvancedFilter", first: true, predicate: PoAdvancedFilterComponent, descendants: true, static: true }, { propertyName: "poPageList", first: true, predicate: PoPageListComponent, descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<po-page-list\n  #poPageList\n  [p-actions]=\"actions\"\n  [p-breadcrumb]=\"breadcrumb\"\n  [p-components-size]=\"componentsSize\"\n  [p-disclaimer-group]=\"disclaimerGroup\"\n  [p-filter]=\"filterSettings\"\n  [p-title]=\"title\"\n  [p-quick-search-value]=\"quickSearchValue\"\n>\n  <po-advanced-filter\n    [p-components-size]=\"componentsSize\"\n    [p-filters]=\"filters\"\n    [p-keep-filters]=\"keepFilters\"\n    [p-literals]=\"advancedFilterLiterals\"\n    (p-search-event)=\"onAdvancedSearch($event, true)\"\n  >\n  </po-advanced-filter>\n\n  <ng-content></ng-content>\n</po-page-list>\n", dependencies: [{ kind: "component", type: i3.PoPageListComponent, selector: "po-page-list" }, { kind: "component", type: PoAdvancedFilterComponent, selector: "po-advanced-filter" }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageDynamicSearchComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageDynamicSearchComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'po-page-dynamic-search', standalone: false, template: "<po-page-list\n  #poPageList\n  [p-actions]=\"actions\"\n  [p-breadcrumb]=\"breadcrumb\"\n  [p-components-size]=\"componentsSize\"\n  [p-disclaimer-group]=\"disclaimerGroup\"\n  [p-filter]=\"filterSettings\"\n  [p-title]=\"title\"\n  [p-quick-search-value]=\"quickSearchValue\"\n>\n  <po-advanced-filter\n    [p-components-size]=\"componentsSize\"\n    [p-filters]=\"filters\"\n    [p-keep-filters]=\"keepFilters\"\n    [p-literals]=\"advancedFilterLiterals\"\n    (p-search-event)=\"onAdvancedSearch($event, true)\"\n  >\n  </po-advanced-filter>\n\n  <ng-content></ng-content>\n</po-page-list>\n" }]
+            args: [{ selector: 'po-page-dynamic-search', changeDetection: ChangeDetectionStrategy.Eager, standalone: false, template: "<po-page-list\n  #poPageList\n  [p-actions]=\"actions\"\n  [p-breadcrumb]=\"breadcrumb\"\n  [p-components-size]=\"componentsSize\"\n  [p-disclaimer-group]=\"disclaimerGroup\"\n  [p-filter]=\"filterSettings\"\n  [p-title]=\"title\"\n  [p-quick-search-value]=\"quickSearchValue\"\n>\n  <po-advanced-filter\n    [p-components-size]=\"componentsSize\"\n    [p-filters]=\"filters\"\n    [p-keep-filters]=\"keepFilters\"\n    [p-literals]=\"advancedFilterLiterals\"\n    (p-search-event)=\"onAdvancedSearch($event, true)\"\n  >\n  </po-advanced-filter>\n\n  <ng-content></ng-content>\n</po-page-list>\n" }]
         }], ctorParameters: () => [], propDecorators: { poAdvancedFilter: [{
                 type: ViewChild,
                 args: [PoAdvancedFilterComponent, { static: true }]
@@ -5506,8 +5484,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
  * Módulo do template do po-page-dynamic-search.
  */
 class PoPageDynamicSearchModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageDynamicSearchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: PoPageDynamicSearchModule, declarations: [PoAdvancedFilterComponent, PoPageDynamicSearchComponent], imports: [CommonModule,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageDynamicSearchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: PoPageDynamicSearchModule, declarations: [PoAdvancedFilterComponent, PoPageDynamicSearchComponent], imports: [CommonModule,
             FormsModule,
             RouterModule,
             PoDynamicModule,
@@ -5515,7 +5493,7 @@ class PoPageDynamicSearchModule {
             PoModalModule,
             PoPageModule,
             PoPageCustomizationModule], exports: [PoPageDynamicSearchComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageDynamicSearchModule, imports: [CommonModule,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageDynamicSearchModule, imports: [CommonModule,
             FormsModule,
             RouterModule,
             PoDynamicModule,
@@ -5524,7 +5502,7 @@ class PoPageDynamicSearchModule {
             PoPageModule,
             PoPageCustomizationModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageDynamicSearchModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageDynamicSearchModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -5791,10 +5769,10 @@ class PoPageDynamicListBaseComponent {
             return 0;
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageDynamicListBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.25", type: PoPageDynamicListBaseComponent, isStandalone: true, inputs: { breadcrumb: ["p-breadcrumb", "breadcrumb"], serviceApi: ["p-service-api", "serviceApi"], title: ["p-title", "title"], autoRouter: ["p-auto-router", "autoRouter"], fields: ["p-fields", "fields"] }, outputs: { changeVisibleColumns: "p-change-visible-columns", changeFixedColumns: "p-change-fixed-columns", columnRestoreManager: "p-restore-column-manager", sortBy: "p-sort-by" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageDynamicListBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: PoPageDynamicListBaseComponent, isStandalone: true, inputs: { breadcrumb: ["p-breadcrumb", "breadcrumb"], serviceApi: ["p-service-api", "serviceApi"], title: ["p-title", "title"], autoRouter: ["p-auto-router", "autoRouter"], fields: ["p-fields", "fields"] }, outputs: { changeVisibleColumns: "p-change-visible-columns", changeFixedColumns: "p-change-fixed-columns", columnRestoreManager: "p-restore-column-manager", sortBy: "p-sort-by" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageDynamicListBaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageDynamicListBaseComponent, decorators: [{
             type: Directive
         }], propDecorators: { breadcrumb: [{
                 type: Input,
@@ -5863,10 +5841,10 @@ class PoPageDynamicTableActionsService {
         }
         return of(action(resource));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageDynamicTableActionsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageDynamicTableActionsService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageDynamicTableActionsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageDynamicTableActionsService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageDynamicTableActionsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageDynamicTableActionsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -6661,10 +6639,10 @@ class PoPageDynamicTableComponent extends PoPageDynamicListBaseComponent {
         return this.poPageDynamicService.getResources(fullParams).pipe(tap(response => {
             let newArray;
             if (fullParams.page === 1) {
-                newArray = removeDuplicateItemsWithArrayKey(response.items, response.items, this.keys);
+                newArray = PoUtils.removeDuplicateItemsWithArrayKey(response.items, response.items, this.keys);
             }
             else {
-                newArray = removeDuplicateItemsWithArrayKey(this.items, response.items, this.keys);
+                newArray = PoUtils.removeDuplicateItemsWithArrayKey(this.items, response.items, this.keys);
             }
             this.items = newArray ? [...newArray] : this.items;
             this.page = fullParams.page;
@@ -7133,12 +7111,12 @@ class PoPageDynamicTableComponent extends PoPageDynamicListBaseComponent {
     applySizeBasedOnA11y() {
         this._componentsSize = validateSizeFn(this._initialComponentsSize);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageDynamicTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.2.25", type: PoPageDynamicTableComponent, isStandalone: false, selector: "po-page-dynamic-table", inputs: { onLoad: ["p-load", "onLoad"], keepFilters: ["p-keep-filters", "keepFilters", convertToBoolean], actionRight: ["p-actions-right", "actionRight", convertToBoolean], concatFilters: ["p-concat-filters", "concatFilters", convertToBoolean], hideColumnsManager: ["p-hide-columns-manager", "hideColumnsManager", convertToBoolean], hideRemoveAllDisclaimer: ["p-hide-remove-all-disclaimer", "hideRemoveAllDisclaimer", convertToBoolean], infiniteScroll: ["p-infinite-scroll", "infiniteScroll", convertToBoolean], actions: ["p-actions", "actions"], componentsSize: ["p-components-size", "componentsSize"], pageCustomActions: ["p-page-custom-actions", "pageCustomActions"], tableCustomActions: ["p-table-custom-actions", "tableCustomActions"], quickSearchWidth: ["p-quick-search-width", "quickSearchWidth"], height: ["p-height", "height"], hideCloseDisclaimers: ["p-hide-close-disclaimers", "hideCloseDisclaimers"], quickSearchParam: ["p-quick-search-param", "quickSearchParam"], quickSearchValue: ["p-quick-search-value", "quickSearchValue"], searchLiterals: ["p-literals", "searchLiterals"], spacing: ["p-spacing", "spacing"], textWrap: ["p-text-wrap", "textWrap", convertToBoolean], draggable: ["p-draggable", "draggable"], virtualScroll: ["p-virtual-scroll", "virtualScroll"], visibleFixedFilters: ["p-visible-fixed-filters", "visibleFixedFilters"] }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-components-size": "this.componentsSize" } }, providers: [PoPageDynamicService], usesInheritance: true, ngImport: i0, template: "<po-page-dynamic-search\n  [p-actions]=\"pageActions\"\n  [p-breadcrumb]=\"breadcrumb\"\n  [p-components-size]=\"componentsSize\"\n  [p-hide-close-disclaimers]=\"hideCloseDisclaimers\"\n  [p-filters]=\"filters\"\n  [p-keep-filters]=\"keepFilters\"\n  [p-literals]=\"searchLiterals\"\n  [p-concat-filters]=\"concatFilters\"\n  [p-hide-remove-all-disclaimer]=\"hideRemoveAllDisclaimer\"\n  [p-quick-search-width]=\"quickSearchWidth\"\n  [p-title]=\"title\"\n  [p-visible-fixed-filters]=\"visibleFixedFilters\"\n  (p-advanced-search)=\"onAdvancedSearch($event)\"\n  (p-change-disclaimers)=\"onChangeDisclaimers($event)\"\n  (p-quick-search)=\"onQuickSearch($event)\"\n  [p-quick-search-value]=\"quickSearchValue || ''\"\n>\n  <po-table\n    [p-sort]=\"true\"\n    [p-actions]=\"tableActions\"\n    [p-actions-right]=\"actionRight\"\n    [p-selectable]=\"enableSelectionTable\"\n    [p-columns]=\"columns\"\n    [p-components-size]=\"componentsSize\"\n    [p-items]=\"items\"\n    [p-height]=\"height\"\n    [p-hide-columns-manager]=\"hideColumnsManager\"\n    [p-infinite-scroll]=\"infiniteScroll\"\n    [p-show-more-disabled]=\"!hasNext\"\n    (p-show-more)=\"showMore()\"\n    (p-sort-by)=\"onSort($event)\"\n    (p-change-visible-columns)=\"onChangeVisibleColumns($event)\"\n    (p-change-fixed-columns)=\"onChangeFixedColumns($event)\"\n    (p-restore-column-manager)=\"onColumnRestoreManager($event)\"\n    (p-sort-by)=\"onSortBy($event)\"\n    [p-text-wrap]=\"textWrap\"\n    [p-draggable]=\"draggable\"\n    [p-spacing]=\"spacing\"\n    [p-virtual-scroll]=\"virtualScroll\"\n  >\n  </po-table>\n</po-page-dynamic-search>\n", dependencies: [{ kind: "component", type: i3.PoTableComponent, selector: "po-table" }, { kind: "component", type: PoPageDynamicSearchComponent, selector: "po-page-dynamic-search" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageDynamicTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.0.8", type: PoPageDynamicTableComponent, isStandalone: false, selector: "po-page-dynamic-table", inputs: { onLoad: ["p-load", "onLoad"], keepFilters: ["p-keep-filters", "keepFilters", convertToBoolean], actionRight: ["p-actions-right", "actionRight", convertToBoolean], concatFilters: ["p-concat-filters", "concatFilters", convertToBoolean], hideColumnsManager: ["p-hide-columns-manager", "hideColumnsManager", convertToBoolean], hideRemoveAllDisclaimer: ["p-hide-remove-all-disclaimer", "hideRemoveAllDisclaimer", convertToBoolean], infiniteScroll: ["p-infinite-scroll", "infiniteScroll", convertToBoolean], actions: ["p-actions", "actions"], componentsSize: ["p-components-size", "componentsSize"], pageCustomActions: ["p-page-custom-actions", "pageCustomActions"], tableCustomActions: ["p-table-custom-actions", "tableCustomActions"], quickSearchWidth: ["p-quick-search-width", "quickSearchWidth"], height: ["p-height", "height"], hideCloseDisclaimers: ["p-hide-close-disclaimers", "hideCloseDisclaimers"], quickSearchParam: ["p-quick-search-param", "quickSearchParam"], quickSearchValue: ["p-quick-search-value", "quickSearchValue"], searchLiterals: ["p-literals", "searchLiterals"], spacing: ["p-spacing", "spacing"], textWrap: ["p-text-wrap", "textWrap", convertToBoolean], draggable: ["p-draggable", "draggable"], virtualScroll: ["p-virtual-scroll", "virtualScroll"], visibleFixedFilters: ["p-visible-fixed-filters", "visibleFixedFilters"] }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-components-size": "this.componentsSize" } }, providers: [PoPageDynamicService], usesInheritance: true, ngImport: i0, template: "<po-page-dynamic-search\n  [p-actions]=\"pageActions\"\n  [p-breadcrumb]=\"breadcrumb\"\n  [p-components-size]=\"componentsSize\"\n  [p-hide-close-disclaimers]=\"hideCloseDisclaimers\"\n  [p-filters]=\"filters\"\n  [p-keep-filters]=\"keepFilters\"\n  [p-literals]=\"searchLiterals\"\n  [p-concat-filters]=\"concatFilters\"\n  [p-hide-remove-all-disclaimer]=\"hideRemoveAllDisclaimer\"\n  [p-quick-search-width]=\"quickSearchWidth\"\n  [p-title]=\"title\"\n  [p-visible-fixed-filters]=\"visibleFixedFilters\"\n  (p-advanced-search)=\"onAdvancedSearch($event)\"\n  (p-change-disclaimers)=\"onChangeDisclaimers($event)\"\n  (p-quick-search)=\"onQuickSearch($event)\"\n  [p-quick-search-value]=\"quickSearchValue || ''\"\n>\n  <po-table\n    [p-sort]=\"true\"\n    [p-actions]=\"tableActions\"\n    [p-actions-right]=\"actionRight\"\n    [p-selectable]=\"enableSelectionTable\"\n    [p-columns]=\"columns\"\n    [p-components-size]=\"componentsSize\"\n    [p-items]=\"items\"\n    [p-height]=\"height\"\n    [p-hide-columns-manager]=\"hideColumnsManager\"\n    [p-infinite-scroll]=\"infiniteScroll\"\n    [p-show-more-disabled]=\"!hasNext\"\n    (p-show-more)=\"showMore()\"\n    (p-sort-by)=\"onSort($event)\"\n    (p-change-visible-columns)=\"onChangeVisibleColumns($event)\"\n    (p-change-fixed-columns)=\"onChangeFixedColumns($event)\"\n    (p-restore-column-manager)=\"onColumnRestoreManager($event)\"\n    (p-sort-by)=\"onSortBy($event)\"\n    [p-text-wrap]=\"textWrap\"\n    [p-draggable]=\"draggable\"\n    [p-spacing]=\"spacing\"\n    [p-virtual-scroll]=\"virtualScroll\"\n  >\n  </po-table>\n</po-page-dynamic-search>\n", dependencies: [{ kind: "component", type: i3.PoTableComponent, selector: "po-table" }, { kind: "component", type: PoPageDynamicSearchComponent, selector: "po-page-dynamic-search" }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageDynamicTableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageDynamicTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'po-page-dynamic-table', providers: [PoPageDynamicService], standalone: false, template: "<po-page-dynamic-search\n  [p-actions]=\"pageActions\"\n  [p-breadcrumb]=\"breadcrumb\"\n  [p-components-size]=\"componentsSize\"\n  [p-hide-close-disclaimers]=\"hideCloseDisclaimers\"\n  [p-filters]=\"filters\"\n  [p-keep-filters]=\"keepFilters\"\n  [p-literals]=\"searchLiterals\"\n  [p-concat-filters]=\"concatFilters\"\n  [p-hide-remove-all-disclaimer]=\"hideRemoveAllDisclaimer\"\n  [p-quick-search-width]=\"quickSearchWidth\"\n  [p-title]=\"title\"\n  [p-visible-fixed-filters]=\"visibleFixedFilters\"\n  (p-advanced-search)=\"onAdvancedSearch($event)\"\n  (p-change-disclaimers)=\"onChangeDisclaimers($event)\"\n  (p-quick-search)=\"onQuickSearch($event)\"\n  [p-quick-search-value]=\"quickSearchValue || ''\"\n>\n  <po-table\n    [p-sort]=\"true\"\n    [p-actions]=\"tableActions\"\n    [p-actions-right]=\"actionRight\"\n    [p-selectable]=\"enableSelectionTable\"\n    [p-columns]=\"columns\"\n    [p-components-size]=\"componentsSize\"\n    [p-items]=\"items\"\n    [p-height]=\"height\"\n    [p-hide-columns-manager]=\"hideColumnsManager\"\n    [p-infinite-scroll]=\"infiniteScroll\"\n    [p-show-more-disabled]=\"!hasNext\"\n    (p-show-more)=\"showMore()\"\n    (p-sort-by)=\"onSort($event)\"\n    (p-change-visible-columns)=\"onChangeVisibleColumns($event)\"\n    (p-change-fixed-columns)=\"onChangeFixedColumns($event)\"\n    (p-restore-column-manager)=\"onColumnRestoreManager($event)\"\n    (p-sort-by)=\"onSortBy($event)\"\n    [p-text-wrap]=\"textWrap\"\n    [p-draggable]=\"draggable\"\n    [p-spacing]=\"spacing\"\n    [p-virtual-scroll]=\"virtualScroll\"\n  >\n  </po-table>\n</po-page-dynamic-search>\n" }]
+            args: [{ selector: 'po-page-dynamic-table', providers: [PoPageDynamicService], changeDetection: ChangeDetectionStrategy.Eager, standalone: false, template: "<po-page-dynamic-search\n  [p-actions]=\"pageActions\"\n  [p-breadcrumb]=\"breadcrumb\"\n  [p-components-size]=\"componentsSize\"\n  [p-hide-close-disclaimers]=\"hideCloseDisclaimers\"\n  [p-filters]=\"filters\"\n  [p-keep-filters]=\"keepFilters\"\n  [p-literals]=\"searchLiterals\"\n  [p-concat-filters]=\"concatFilters\"\n  [p-hide-remove-all-disclaimer]=\"hideRemoveAllDisclaimer\"\n  [p-quick-search-width]=\"quickSearchWidth\"\n  [p-title]=\"title\"\n  [p-visible-fixed-filters]=\"visibleFixedFilters\"\n  (p-advanced-search)=\"onAdvancedSearch($event)\"\n  (p-change-disclaimers)=\"onChangeDisclaimers($event)\"\n  (p-quick-search)=\"onQuickSearch($event)\"\n  [p-quick-search-value]=\"quickSearchValue || ''\"\n>\n  <po-table\n    [p-sort]=\"true\"\n    [p-actions]=\"tableActions\"\n    [p-actions-right]=\"actionRight\"\n    [p-selectable]=\"enableSelectionTable\"\n    [p-columns]=\"columns\"\n    [p-components-size]=\"componentsSize\"\n    [p-items]=\"items\"\n    [p-height]=\"height\"\n    [p-hide-columns-manager]=\"hideColumnsManager\"\n    [p-infinite-scroll]=\"infiniteScroll\"\n    [p-show-more-disabled]=\"!hasNext\"\n    (p-show-more)=\"showMore()\"\n    (p-sort-by)=\"onSort($event)\"\n    (p-change-visible-columns)=\"onChangeVisibleColumns($event)\"\n    (p-change-fixed-columns)=\"onChangeFixedColumns($event)\"\n    (p-restore-column-manager)=\"onColumnRestoreManager($event)\"\n    (p-sort-by)=\"onSortBy($event)\"\n    [p-text-wrap]=\"textWrap\"\n    [p-draggable]=\"draggable\"\n    [p-spacing]=\"spacing\"\n    [p-virtual-scroll]=\"virtualScroll\"\n  >\n  </po-table>\n</po-page-dynamic-search>\n" }]
         }], ctorParameters: () => [], propDecorators: { onLoad: [{
                 type: Input,
                 args: ['p-load']
@@ -7219,15 +7197,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
  * Módulo do template do po-page-dynamic-table.
  */
 class PoPageDynamicTableModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageDynamicTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: PoPageDynamicTableModule, declarations: [PoPageDynamicTableComponent], imports: [CommonModule,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageDynamicTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: PoPageDynamicTableModule, declarations: [PoPageDynamicTableComponent], imports: [CommonModule,
             FormsModule,
             RouterModule,
             PoTableModule,
             PoPageDynamicSearchModule,
             PoPageCustomizationModule,
             PoPageDynamicModule], exports: [PoPageDynamicTableComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageDynamicTableModule, imports: [CommonModule,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageDynamicTableModule, imports: [CommonModule,
             FormsModule,
             RouterModule,
             PoTableModule,
@@ -7235,7 +7213,7 @@ class PoPageDynamicTableModule {
             PoPageCustomizationModule,
             PoPageDynamicModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageDynamicTableModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageDynamicTableModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -7473,10 +7451,10 @@ class PoPageJobSchedulerService {
         }
         return newParameter;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageJobSchedulerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageJobSchedulerService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageJobSchedulerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageJobSchedulerService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageJobSchedulerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageJobSchedulerService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -7802,10 +7780,10 @@ class PoPageJobSchedulerBaseComponent {
     applySizeBasedOnA11y() {
         this._componentsSize = validateSizeFn(this._initialComponentsSize);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageJobSchedulerBaseComponent, deps: [{ token: PoPageJobSchedulerService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.25", type: PoPageJobSchedulerBaseComponent, isStandalone: true, inputs: { breadcrumb: ["p-breadcrumb", "breadcrumb"], componentsSize: ["p-components-size", "componentsSize"], serviceApi: ["p-service-api", "serviceApi"], title: ["p-title", "title"], parameters: ["p-parameters", "parameters"], value: ["p-value", "value"], stepperDefaultOrientation: ["p-orientation", "stepperDefaultOrientation"], beforeSendAction: ["p-before-send", "beforeSendAction"], stepExecutionLast: ["p-step-execution-last", "stepExecutionLast"], allowDirectNavigation: ["p-allow-direct-navigation", "allowDirectNavigation"] }, outputs: { success: "p-success", error: "p-error" }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-components-size": "this.componentsSize" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageJobSchedulerBaseComponent, deps: [{ token: PoPageJobSchedulerService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: PoPageJobSchedulerBaseComponent, isStandalone: true, inputs: { breadcrumb: ["p-breadcrumb", "breadcrumb"], componentsSize: ["p-components-size", "componentsSize"], serviceApi: ["p-service-api", "serviceApi"], title: ["p-title", "title"], parameters: ["p-parameters", "parameters"], value: ["p-value", "value"], stepperDefaultOrientation: ["p-orientation", "stepperDefaultOrientation"], beforeSendAction: ["p-before-send", "beforeSendAction"], stepExecutionLast: ["p-step-execution-last", "stepExecutionLast"], allowDirectNavigation: ["p-allow-direct-navigation", "allowDirectNavigation"] }, outputs: { success: "p-success", error: "p-error" }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-components-size": "this.componentsSize" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageJobSchedulerBaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageJobSchedulerBaseComponent, decorators: [{
             type: Directive
         }], ctorParameters: () => [{ type: PoPageJobSchedulerService }], propDecorators: { breadcrumb: [{
                 type: Input,
@@ -8055,10 +8033,10 @@ class PoPageJobSchedulerLookupService {
     getObjectByValue(processId) {
         return this.poPageJobSchedulerService.getProcess(processId);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageJobSchedulerLookupService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageJobSchedulerLookupService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageJobSchedulerLookupService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageJobSchedulerLookupService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageJobSchedulerLookupService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageJobSchedulerLookupService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -8136,10 +8114,10 @@ class PoJobSchedulerParametersTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoJobSchedulerParametersTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.25", type: PoJobSchedulerParametersTemplateDirective, isStandalone: false, selector: "[p-job-scheduler-parameters-template]", inputs: { executionParameter: ["p-execution-parameter", "executionParameter"], disabledAdvance: ["p-disable-advance", "disabledAdvance"], title: ["p-label-step", "title"] }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoJobSchedulerParametersTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: PoJobSchedulerParametersTemplateDirective, isStandalone: false, selector: "[p-job-scheduler-parameters-template]", inputs: { executionParameter: ["p-execution-parameter", "executionParameter"], disabledAdvance: ["p-disable-advance", "disabledAdvance"], title: ["p-label-step", "title"] }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoJobSchedulerParametersTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoJobSchedulerParametersTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[p-job-scheduler-parameters-template]',
@@ -8188,10 +8166,10 @@ class PoJobSchedulerSummaryTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoJobSchedulerSummaryTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.25", type: PoJobSchedulerSummaryTemplateDirective, isStandalone: false, selector: "[p-job-scheduler-summary-template]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoJobSchedulerSummaryTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: PoJobSchedulerSummaryTemplateDirective, isStandalone: false, selector: "[p-job-scheduler-summary-template]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoJobSchedulerSummaryTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoJobSchedulerSummaryTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[p-job-scheduler-summary-template]',
@@ -8322,12 +8300,12 @@ class PoPageJobSchedulerExecutionComponent {
             this.changeProcess.emit({ processId, existAPI: this.existProcessAPI });
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageJobSchedulerExecutionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: PoPageJobSchedulerExecutionComponent, isStandalone: false, selector: "po-page-job-scheduler-execution", inputs: { componentsSize: ["p-components-size", "componentsSize"], isEdit: ["p-is-edit", "isEdit"], literals: ["p-literals", "literals"], noParameters: ["p-no-parameters", "noParameters"], noCustomParamsComponent: ["p-no-custom-params-component", "noCustomParamsComponent"], value: ["p-value", "value"] }, outputs: { changeProcess: "p-change-process" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["formExecution"], descendants: true, static: true }, { propertyName: "dailyTemplate", first: true, predicate: ["dailyTemplate"], descendants: true, static: true }, { propertyName: "monthlyTemplate", first: true, predicate: ["monthlyTemplate"], descendants: true, static: true }, { propertyName: "weeklyTempalte", first: true, predicate: ["weeklyTemplate"], descendants: true, static: true }], ngImport: i0, template: "<form #formExecution=\"ngForm\">\n  <div class=\"po-row\">\n    @if (existProcessAPI) {\n      @if (noParameters && noCustomParamsComponent) {\n        <po-lookup\n          class=\"po-md-12\"\n          name=\"processID\"\n          [(ngModel)]=\"value.processID\"\n          p-field-label=\"description\"\n          p-field-value=\"processID\"\n          p-required\n          [p-disabled]=\"isEdit\"\n          [p-filter-service]=\"poPageJobSchedulerLookup\"\n          [p-label]=\"literals.process\"\n          [p-placeholder]=\"literals.enterProcess\"\n          [p-size]=\"componentsSize\"\n        >\n        </po-lookup>\n      }\n    } @else {\n      <po-input\n        class=\"po-md-12\"\n        name=\"processID\"\n        [(ngModel)]=\"value.processID\"\n        p-required\n        [p-disabled]=\"isEdit\"\n        [p-label]=\"literals.process\"\n        [p-placeholder]=\"literals.enterProcess\"\n        [p-size]=\"componentsSize\"\n      >\n      </po-input>\n    }\n  </div>\n\n  <div class=\"po-row\">\n    <po-divider class=\"po-md-12\" [p-label]=\"literals.firstExecution\"></po-divider>\n\n    <po-datepicker\n      class=\"po-md-4\"\n      name=\"firstExecution\"\n      [(ngModel)]=\"value.firstExecution\"\n      p-placeholder=\"dd/mm/aaaa\"\n      p-required\n      [p-disabled]=\"isEdit\"\n      [p-label]=\"literals.day\"\n      [p-min-date]=\"startDateFirstExecution\"\n      [p-size]=\"componentsSize\"\n    >\n    </po-datepicker>\n\n    <po-input\n      class=\"po-md-2\"\n      name=\"firstExecutionHour\"\n      [(ngModel)]=\"value.firstExecutionHour\"\n      p-mask=\"99:99\"\n      p-mask-format-model\n      p-placeholder=\"HH:mm\"\n      p-required\n      [p-disabled]=\"isEdit\"\n      [p-label]=\"literals.time\"\n      [p-pattern]=\"timePattern\"\n      [p-size]=\"componentsSize\"\n    >\n    </po-input>\n  </div>\n\n  <hr />\n\n  <div class=\"po-row\">\n    <po-radio-group\n      class=\"po-sm-12\"\n      name=\"periodicity\"\n      [(ngModel)]=\"value.periodicity\"\n      p-columns=\"4\"\n      p-required\n      [p-label]=\"literals.periodicity\"\n      [p-options]=\"periodicityOptions\"\n      [p-size]=\"componentsSize\"\n      (p-change)=\"onChangePeriodicityOptions($event)\"\n    >\n    </po-radio-group>\n\n    @if (value.periodicity !== 'single') {\n      <div class=\"po-row\">\n        <po-switch\n          class=\"po-md-12\"\n          name=\"containsFrequency\"\n          [(ngModel)]=\"containsFrequency\"\n          [p-label]=\"literals.frequency\"\n          [p-label-off]=\"literals.no\"\n          [p-label-on]=\"literals.yes\"\n          [p-size]=\"componentsSize\"\n          (p-change)=\"onChangeContainsFrequency($event)\"\n        >\n        </po-switch>\n        @if (containsFrequency) {\n          <po-radio-group\n            class=\"po-md-10\"\n            name=\"frequencyType\"\n            p-required\n            [(ngModel)]=\"value.frequency.type\"\n            [p-columns]=\"3\"\n            [p-options]=\"frequencyOptions\"\n            [p-size]=\"componentsSize\"\n            (p-change)=\"onChangeFrequencyOptions()\"\n          >\n          </po-radio-group>\n          <po-number\n            class=\"po-md-2\"\n            name=\"frequencyValue\"\n            p-required\n            [p-size]=\"componentsSize\"\n            [(ngModel)]=\"value.frequency.value\"\n          >\n          </po-number>\n        }\n      </div>\n      <div class=\"po-row\">\n        <po-divider class=\"po-md-12\" [p-label]=\"literals.periodicityData\"> </po-divider>\n        <ng-container *ngTemplateOutlet=\"periodicityTemplates[value.periodicity]\"> </ng-container>\n      </div>\n      <div class=\"po-row\">\n        <po-switch\n          class=\"po-md-3\"\n          name=\"recurrent\"\n          [(ngModel)]=\"value.recurrent\"\n          [p-label]=\"literals.recurrent\"\n          [p-label-off]=\"literals.no\"\n          [p-label-on]=\"literals.yes\"\n          [p-size]=\"componentsSize\"\n        >\n        </po-switch>\n      </div>\n    }\n  </div>\n\n  <ng-template #dailyTemplate>\n    <ng-container *ngTemplateOutlet=\"inputHourTemplate\"> </ng-container>\n  </ng-template>\n\n  <ng-template #weeklyTemplate>\n    <div class=\"po-row\">\n      <ng-container *ngTemplateOutlet=\"inputHourTemplate\"> </ng-container>\n    </div>\n\n    <po-checkbox-group\n      class=\"po-md-12\"\n      name=\"daysOfWeek\"\n      [(ngModel)]=\"value.daysOfWeek\"\n      p-columns=\"4\"\n      p-required\n      [p-label]=\"literals.weekDays\"\n      [p-options]=\"weekDays\"\n      [p-size]=\"componentsSize\"\n    >\n    </po-checkbox-group>\n  </ng-template>\n\n  <ng-template #monthlyTemplate>\n    <po-number\n      class=\"po-md-3\"\n      name=\"dayOfMonth\"\n      [(ngModel)]=\"value.dayOfMonth\"\n      p-required\n      [p-error-pattern]=\"'Dia inv\u00E1lido'\"\n      [p-label]=\"dayLabel\"\n      [p-max]=\"31\"\n      [p-pattern]=\"dayPattern\"\n      [p-size]=\"componentsSize\"\n    >\n    </po-number>\n\n    @if (containsFrequency) {\n      <po-number\n        class=\"po-md-3\"\n        name=\"rangeLimitDay\"\n        [(ngModel)]=\"value.rangeLimitDay\"\n        p-required\n        [p-error-pattern]=\"'Dia inv\u00E1lido'\"\n        [p-label]=\"literals.endDay\"\n        [p-max]=\"31\"\n        [p-pattern]=\"dayPattern\"\n        [p-size]=\"componentsSize\"\n      >\n      </po-number>\n    }\n\n    <ng-container *ngTemplateOutlet=\"inputHourTemplate\"> </ng-container>\n  </ng-template>\n\n  <ng-template #inputHourTemplate>\n    <po-input\n      class=\"po-md-2\"\n      name=\"hour\"\n      [(ngModel)]=\"value.hour\"\n      p-mask=\"99:99\"\n      p-mask-format-model\n      p-placeholder=\"HH:mm\"\n      p-required\n      [p-label]=\"hourLabel\"\n      [p-pattern]=\"timePattern\"\n      [p-size]=\"componentsSize\"\n    >\n    </po-input>\n\n    @if (containsFrequency && value.frequency.type !== 'day') {\n      <po-input\n        class=\"po-md-2\"\n        name=\"rangeLimitHour\"\n        [(ngModel)]=\"value.rangeLimitHour\"\n        p-mask=\"99:99\"\n        p-mask-format-model\n        p-placeholder=\"HH:mm\"\n        p-required\n        [p-label]=\"literals.endTime\"\n        [p-pattern]=\"timePattern\"\n        [p-size]=\"componentsSize\"\n      >\n      </po-input>\n    }\n  </ng-template>\n</form>\n", dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i3.PoDividerComponent, selector: "po-divider" }, { kind: "component", type: i3.PoCheckboxGroupComponent, selector: "po-checkbox-group" }, { kind: "component", type: i3.PoDatepickerComponent, selector: "po-datepicker" }, { kind: "component", type: i3.PoInputComponent, selector: "po-input" }, { kind: "component", type: i3.PoLookupComponent, selector: "po-lookup" }, { kind: "component", type: i3.PoNumberComponent, selector: "po-number", inputs: ["p-step", "p-min", "p-max"] }, { kind: "component", type: i3.PoRadioGroupComponent, selector: "po-radio-group", inputs: ["p-label", "p-help"] }, { kind: "component", type: i3.PoSwitchComponent, selector: "po-switch", inputs: ["p-value", "p-compact-label", "p-format-model", "p-hide-label-status", "p-label-position", "p-label-off", "p-label-on", "p-loading", "p-field-error-message", "p-error-limit", "p-invalid-value", "p-size", "p-helper", "p-label-text-wrap"], outputs: ["p-change-model"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageJobSchedulerExecutionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: PoPageJobSchedulerExecutionComponent, isStandalone: false, selector: "po-page-job-scheduler-execution", inputs: { componentsSize: ["p-components-size", "componentsSize"], isEdit: ["p-is-edit", "isEdit"], literals: ["p-literals", "literals"], noParameters: ["p-no-parameters", "noParameters"], noCustomParamsComponent: ["p-no-custom-params-component", "noCustomParamsComponent"], value: ["p-value", "value"] }, outputs: { changeProcess: "p-change-process" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["formExecution"], descendants: true, static: true }, { propertyName: "dailyTemplate", first: true, predicate: ["dailyTemplate"], descendants: true, static: true }, { propertyName: "monthlyTemplate", first: true, predicate: ["monthlyTemplate"], descendants: true, static: true }, { propertyName: "weeklyTempalte", first: true, predicate: ["weeklyTemplate"], descendants: true, static: true }], ngImport: i0, template: "<form #formExecution=\"ngForm\">\n  <div class=\"po-row\">\n    @if (existProcessAPI) {\n      @if (noParameters && noCustomParamsComponent) {\n        <po-lookup\n          class=\"po-md-12\"\n          name=\"processID\"\n          [(ngModel)]=\"value.processID\"\n          p-field-label=\"description\"\n          p-field-value=\"processID\"\n          p-required\n          [p-disabled]=\"isEdit\"\n          [p-filter-service]=\"poPageJobSchedulerLookup\"\n          [p-label]=\"literals.process\"\n          [p-placeholder]=\"literals.enterProcess\"\n          [p-size]=\"componentsSize\"\n        >\n        </po-lookup>\n      }\n    } @else {\n      <po-input\n        class=\"po-md-12\"\n        name=\"processID\"\n        [(ngModel)]=\"value.processID\"\n        p-required\n        [p-disabled]=\"isEdit\"\n        [p-label]=\"literals.process\"\n        [p-placeholder]=\"literals.enterProcess\"\n        [p-size]=\"componentsSize\"\n      >\n      </po-input>\n    }\n  </div>\n\n  <div class=\"po-row\">\n    <po-divider class=\"po-md-12\" [p-label]=\"literals.firstExecution\"></po-divider>\n\n    <po-datepicker\n      class=\"po-md-4\"\n      name=\"firstExecution\"\n      [(ngModel)]=\"value.firstExecution\"\n      p-placeholder=\"dd/mm/aaaa\"\n      p-required\n      [p-disabled]=\"isEdit\"\n      [p-label]=\"literals.day\"\n      [p-min-date]=\"startDateFirstExecution\"\n      [p-size]=\"componentsSize\"\n    >\n    </po-datepicker>\n\n    <po-input\n      class=\"po-md-2\"\n      name=\"firstExecutionHour\"\n      [(ngModel)]=\"value.firstExecutionHour\"\n      p-mask=\"99:99\"\n      p-mask-format-model\n      p-placeholder=\"HH:mm\"\n      p-required\n      [p-disabled]=\"isEdit\"\n      [p-label]=\"literals.time\"\n      [p-pattern]=\"timePattern\"\n      [p-size]=\"componentsSize\"\n    >\n    </po-input>\n  </div>\n\n  <hr />\n\n  <div class=\"po-row\">\n    <po-radio-group\n      class=\"po-sm-12\"\n      name=\"periodicity\"\n      [(ngModel)]=\"value.periodicity\"\n      p-columns=\"4\"\n      p-required\n      [p-label]=\"literals.periodicity\"\n      [p-options]=\"periodicityOptions\"\n      [p-size]=\"componentsSize\"\n      (p-change)=\"onChangePeriodicityOptions($event)\"\n    >\n    </po-radio-group>\n\n    @if (value.periodicity !== 'single') {\n      <div class=\"po-row\">\n        <po-switch\n          class=\"po-md-12\"\n          name=\"containsFrequency\"\n          [(ngModel)]=\"containsFrequency\"\n          [p-label]=\"literals.frequency\"\n          [p-label-off]=\"literals.no\"\n          [p-label-on]=\"literals.yes\"\n          [p-size]=\"componentsSize\"\n          (p-change)=\"onChangeContainsFrequency($event)\"\n        >\n        </po-switch>\n        @if (containsFrequency) {\n          <po-radio-group\n            class=\"po-md-10\"\n            name=\"frequencyType\"\n            p-required\n            [(ngModel)]=\"value.frequency.type\"\n            [p-columns]=\"3\"\n            [p-options]=\"frequencyOptions\"\n            [p-size]=\"componentsSize\"\n            (p-change)=\"onChangeFrequencyOptions()\"\n          >\n          </po-radio-group>\n          <po-number\n            class=\"po-md-2\"\n            name=\"frequencyValue\"\n            p-required\n            [p-size]=\"componentsSize\"\n            [(ngModel)]=\"value.frequency.value\"\n          >\n          </po-number>\n        }\n      </div>\n      <div class=\"po-row\">\n        <po-divider class=\"po-md-12\" [p-label]=\"literals.periodicityData\"> </po-divider>\n        <ng-container *ngTemplateOutlet=\"periodicityTemplates[value.periodicity]\"> </ng-container>\n      </div>\n      <div class=\"po-row\">\n        <po-switch\n          class=\"po-md-3\"\n          name=\"recurrent\"\n          [(ngModel)]=\"value.recurrent\"\n          [p-label]=\"literals.recurrent\"\n          [p-label-off]=\"literals.no\"\n          [p-label-on]=\"literals.yes\"\n          [p-size]=\"componentsSize\"\n        >\n        </po-switch>\n      </div>\n    }\n  </div>\n\n  <ng-template #dailyTemplate>\n    <ng-container *ngTemplateOutlet=\"inputHourTemplate\"> </ng-container>\n  </ng-template>\n\n  <ng-template #weeklyTemplate>\n    <div class=\"po-row\">\n      <ng-container *ngTemplateOutlet=\"inputHourTemplate\"> </ng-container>\n    </div>\n\n    <po-checkbox-group\n      class=\"po-md-12\"\n      name=\"daysOfWeek\"\n      [(ngModel)]=\"value.daysOfWeek\"\n      p-columns=\"4\"\n      p-required\n      [p-label]=\"literals.weekDays\"\n      [p-options]=\"weekDays\"\n      [p-size]=\"componentsSize\"\n    >\n    </po-checkbox-group>\n  </ng-template>\n\n  <ng-template #monthlyTemplate>\n    <po-number\n      class=\"po-md-3\"\n      name=\"dayOfMonth\"\n      [(ngModel)]=\"value.dayOfMonth\"\n      p-required\n      [p-error-pattern]=\"'Dia inv\u00E1lido'\"\n      [p-label]=\"dayLabel\"\n      [p-max]=\"31\"\n      [p-pattern]=\"dayPattern\"\n      [p-size]=\"componentsSize\"\n    >\n    </po-number>\n\n    @if (containsFrequency) {\n      <po-number\n        class=\"po-md-3\"\n        name=\"rangeLimitDay\"\n        [(ngModel)]=\"value.rangeLimitDay\"\n        p-required\n        [p-error-pattern]=\"'Dia inv\u00E1lido'\"\n        [p-label]=\"literals.endDay\"\n        [p-max]=\"31\"\n        [p-pattern]=\"dayPattern\"\n        [p-size]=\"componentsSize\"\n      >\n      </po-number>\n    }\n\n    <ng-container *ngTemplateOutlet=\"inputHourTemplate\"> </ng-container>\n  </ng-template>\n\n  <ng-template #inputHourTemplate>\n    <po-input\n      class=\"po-md-2\"\n      name=\"hour\"\n      [(ngModel)]=\"value.hour\"\n      p-mask=\"99:99\"\n      p-mask-format-model\n      p-placeholder=\"HH:mm\"\n      p-required\n      [p-label]=\"hourLabel\"\n      [p-pattern]=\"timePattern\"\n      [p-size]=\"componentsSize\"\n    >\n    </po-input>\n\n    @if (containsFrequency && value.frequency.type !== 'day') {\n      <po-input\n        class=\"po-md-2\"\n        name=\"rangeLimitHour\"\n        [(ngModel)]=\"value.rangeLimitHour\"\n        p-mask=\"99:99\"\n        p-mask-format-model\n        p-placeholder=\"HH:mm\"\n        p-required\n        [p-label]=\"literals.endTime\"\n        [p-pattern]=\"timePattern\"\n        [p-size]=\"componentsSize\"\n      >\n      </po-input>\n    }\n  </ng-template>\n</form>\n", dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i3.PoDividerComponent, selector: "po-divider" }, { kind: "component", type: i3.PoCheckboxGroupComponent, selector: "po-checkbox-group" }, { kind: "component", type: i3.PoDatepickerComponent, selector: "po-datepicker" }, { kind: "component", type: i3.PoInputComponent, selector: "po-input" }, { kind: "component", type: i3.PoLookupComponent, selector: "po-lookup" }, { kind: "component", type: i3.PoNumberComponent, selector: "po-number", inputs: ["p-step", "p-min", "p-max"] }, { kind: "component", type: i3.PoRadioGroupComponent, selector: "po-radio-group", inputs: ["p-label", "p-help"] }, { kind: "component", type: i3.PoSwitchComponent, selector: "po-switch", inputs: ["p-value", "p-compact-label", "p-format-model", "p-hide-label-status", "p-label-position", "p-label-off", "p-label-on", "p-loading", "p-field-error-message", "p-error-limit", "p-invalid-value", "p-size", "p-helper", "p-label-text-wrap"], outputs: ["p-change-model"] }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageJobSchedulerExecutionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageJobSchedulerExecutionComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'po-page-job-scheduler-execution', standalone: false, template: "<form #formExecution=\"ngForm\">\n  <div class=\"po-row\">\n    @if (existProcessAPI) {\n      @if (noParameters && noCustomParamsComponent) {\n        <po-lookup\n          class=\"po-md-12\"\n          name=\"processID\"\n          [(ngModel)]=\"value.processID\"\n          p-field-label=\"description\"\n          p-field-value=\"processID\"\n          p-required\n          [p-disabled]=\"isEdit\"\n          [p-filter-service]=\"poPageJobSchedulerLookup\"\n          [p-label]=\"literals.process\"\n          [p-placeholder]=\"literals.enterProcess\"\n          [p-size]=\"componentsSize\"\n        >\n        </po-lookup>\n      }\n    } @else {\n      <po-input\n        class=\"po-md-12\"\n        name=\"processID\"\n        [(ngModel)]=\"value.processID\"\n        p-required\n        [p-disabled]=\"isEdit\"\n        [p-label]=\"literals.process\"\n        [p-placeholder]=\"literals.enterProcess\"\n        [p-size]=\"componentsSize\"\n      >\n      </po-input>\n    }\n  </div>\n\n  <div class=\"po-row\">\n    <po-divider class=\"po-md-12\" [p-label]=\"literals.firstExecution\"></po-divider>\n\n    <po-datepicker\n      class=\"po-md-4\"\n      name=\"firstExecution\"\n      [(ngModel)]=\"value.firstExecution\"\n      p-placeholder=\"dd/mm/aaaa\"\n      p-required\n      [p-disabled]=\"isEdit\"\n      [p-label]=\"literals.day\"\n      [p-min-date]=\"startDateFirstExecution\"\n      [p-size]=\"componentsSize\"\n    >\n    </po-datepicker>\n\n    <po-input\n      class=\"po-md-2\"\n      name=\"firstExecutionHour\"\n      [(ngModel)]=\"value.firstExecutionHour\"\n      p-mask=\"99:99\"\n      p-mask-format-model\n      p-placeholder=\"HH:mm\"\n      p-required\n      [p-disabled]=\"isEdit\"\n      [p-label]=\"literals.time\"\n      [p-pattern]=\"timePattern\"\n      [p-size]=\"componentsSize\"\n    >\n    </po-input>\n  </div>\n\n  <hr />\n\n  <div class=\"po-row\">\n    <po-radio-group\n      class=\"po-sm-12\"\n      name=\"periodicity\"\n      [(ngModel)]=\"value.periodicity\"\n      p-columns=\"4\"\n      p-required\n      [p-label]=\"literals.periodicity\"\n      [p-options]=\"periodicityOptions\"\n      [p-size]=\"componentsSize\"\n      (p-change)=\"onChangePeriodicityOptions($event)\"\n    >\n    </po-radio-group>\n\n    @if (value.periodicity !== 'single') {\n      <div class=\"po-row\">\n        <po-switch\n          class=\"po-md-12\"\n          name=\"containsFrequency\"\n          [(ngModel)]=\"containsFrequency\"\n          [p-label]=\"literals.frequency\"\n          [p-label-off]=\"literals.no\"\n          [p-label-on]=\"literals.yes\"\n          [p-size]=\"componentsSize\"\n          (p-change)=\"onChangeContainsFrequency($event)\"\n        >\n        </po-switch>\n        @if (containsFrequency) {\n          <po-radio-group\n            class=\"po-md-10\"\n            name=\"frequencyType\"\n            p-required\n            [(ngModel)]=\"value.frequency.type\"\n            [p-columns]=\"3\"\n            [p-options]=\"frequencyOptions\"\n            [p-size]=\"componentsSize\"\n            (p-change)=\"onChangeFrequencyOptions()\"\n          >\n          </po-radio-group>\n          <po-number\n            class=\"po-md-2\"\n            name=\"frequencyValue\"\n            p-required\n            [p-size]=\"componentsSize\"\n            [(ngModel)]=\"value.frequency.value\"\n          >\n          </po-number>\n        }\n      </div>\n      <div class=\"po-row\">\n        <po-divider class=\"po-md-12\" [p-label]=\"literals.periodicityData\"> </po-divider>\n        <ng-container *ngTemplateOutlet=\"periodicityTemplates[value.periodicity]\"> </ng-container>\n      </div>\n      <div class=\"po-row\">\n        <po-switch\n          class=\"po-md-3\"\n          name=\"recurrent\"\n          [(ngModel)]=\"value.recurrent\"\n          [p-label]=\"literals.recurrent\"\n          [p-label-off]=\"literals.no\"\n          [p-label-on]=\"literals.yes\"\n          [p-size]=\"componentsSize\"\n        >\n        </po-switch>\n      </div>\n    }\n  </div>\n\n  <ng-template #dailyTemplate>\n    <ng-container *ngTemplateOutlet=\"inputHourTemplate\"> </ng-container>\n  </ng-template>\n\n  <ng-template #weeklyTemplate>\n    <div class=\"po-row\">\n      <ng-container *ngTemplateOutlet=\"inputHourTemplate\"> </ng-container>\n    </div>\n\n    <po-checkbox-group\n      class=\"po-md-12\"\n      name=\"daysOfWeek\"\n      [(ngModel)]=\"value.daysOfWeek\"\n      p-columns=\"4\"\n      p-required\n      [p-label]=\"literals.weekDays\"\n      [p-options]=\"weekDays\"\n      [p-size]=\"componentsSize\"\n    >\n    </po-checkbox-group>\n  </ng-template>\n\n  <ng-template #monthlyTemplate>\n    <po-number\n      class=\"po-md-3\"\n      name=\"dayOfMonth\"\n      [(ngModel)]=\"value.dayOfMonth\"\n      p-required\n      [p-error-pattern]=\"'Dia inv\u00E1lido'\"\n      [p-label]=\"dayLabel\"\n      [p-max]=\"31\"\n      [p-pattern]=\"dayPattern\"\n      [p-size]=\"componentsSize\"\n    >\n    </po-number>\n\n    @if (containsFrequency) {\n      <po-number\n        class=\"po-md-3\"\n        name=\"rangeLimitDay\"\n        [(ngModel)]=\"value.rangeLimitDay\"\n        p-required\n        [p-error-pattern]=\"'Dia inv\u00E1lido'\"\n        [p-label]=\"literals.endDay\"\n        [p-max]=\"31\"\n        [p-pattern]=\"dayPattern\"\n        [p-size]=\"componentsSize\"\n      >\n      </po-number>\n    }\n\n    <ng-container *ngTemplateOutlet=\"inputHourTemplate\"> </ng-container>\n  </ng-template>\n\n  <ng-template #inputHourTemplate>\n    <po-input\n      class=\"po-md-2\"\n      name=\"hour\"\n      [(ngModel)]=\"value.hour\"\n      p-mask=\"99:99\"\n      p-mask-format-model\n      p-placeholder=\"HH:mm\"\n      p-required\n      [p-label]=\"hourLabel\"\n      [p-pattern]=\"timePattern\"\n      [p-size]=\"componentsSize\"\n    >\n    </po-input>\n\n    @if (containsFrequency && value.frequency.type !== 'day') {\n      <po-input\n        class=\"po-md-2\"\n        name=\"rangeLimitHour\"\n        [(ngModel)]=\"value.rangeLimitHour\"\n        p-mask=\"99:99\"\n        p-mask-format-model\n        p-placeholder=\"HH:mm\"\n        p-required\n        [p-label]=\"literals.endTime\"\n        [p-pattern]=\"timePattern\"\n        [p-size]=\"componentsSize\"\n      >\n      </po-input>\n    }\n  </ng-template>\n</form>\n" }]
+            args: [{ selector: 'po-page-job-scheduler-execution', changeDetection: ChangeDetectionStrategy.Eager, standalone: false, template: "<form #formExecution=\"ngForm\">\n  <div class=\"po-row\">\n    @if (existProcessAPI) {\n      @if (noParameters && noCustomParamsComponent) {\n        <po-lookup\n          class=\"po-md-12\"\n          name=\"processID\"\n          [(ngModel)]=\"value.processID\"\n          p-field-label=\"description\"\n          p-field-value=\"processID\"\n          p-required\n          [p-disabled]=\"isEdit\"\n          [p-filter-service]=\"poPageJobSchedulerLookup\"\n          [p-label]=\"literals.process\"\n          [p-placeholder]=\"literals.enterProcess\"\n          [p-size]=\"componentsSize\"\n        >\n        </po-lookup>\n      }\n    } @else {\n      <po-input\n        class=\"po-md-12\"\n        name=\"processID\"\n        [(ngModel)]=\"value.processID\"\n        p-required\n        [p-disabled]=\"isEdit\"\n        [p-label]=\"literals.process\"\n        [p-placeholder]=\"literals.enterProcess\"\n        [p-size]=\"componentsSize\"\n      >\n      </po-input>\n    }\n  </div>\n\n  <div class=\"po-row\">\n    <po-divider class=\"po-md-12\" [p-label]=\"literals.firstExecution\"></po-divider>\n\n    <po-datepicker\n      class=\"po-md-4\"\n      name=\"firstExecution\"\n      [(ngModel)]=\"value.firstExecution\"\n      p-placeholder=\"dd/mm/aaaa\"\n      p-required\n      [p-disabled]=\"isEdit\"\n      [p-label]=\"literals.day\"\n      [p-min-date]=\"startDateFirstExecution\"\n      [p-size]=\"componentsSize\"\n    >\n    </po-datepicker>\n\n    <po-input\n      class=\"po-md-2\"\n      name=\"firstExecutionHour\"\n      [(ngModel)]=\"value.firstExecutionHour\"\n      p-mask=\"99:99\"\n      p-mask-format-model\n      p-placeholder=\"HH:mm\"\n      p-required\n      [p-disabled]=\"isEdit\"\n      [p-label]=\"literals.time\"\n      [p-pattern]=\"timePattern\"\n      [p-size]=\"componentsSize\"\n    >\n    </po-input>\n  </div>\n\n  <hr />\n\n  <div class=\"po-row\">\n    <po-radio-group\n      class=\"po-sm-12\"\n      name=\"periodicity\"\n      [(ngModel)]=\"value.periodicity\"\n      p-columns=\"4\"\n      p-required\n      [p-label]=\"literals.periodicity\"\n      [p-options]=\"periodicityOptions\"\n      [p-size]=\"componentsSize\"\n      (p-change)=\"onChangePeriodicityOptions($event)\"\n    >\n    </po-radio-group>\n\n    @if (value.periodicity !== 'single') {\n      <div class=\"po-row\">\n        <po-switch\n          class=\"po-md-12\"\n          name=\"containsFrequency\"\n          [(ngModel)]=\"containsFrequency\"\n          [p-label]=\"literals.frequency\"\n          [p-label-off]=\"literals.no\"\n          [p-label-on]=\"literals.yes\"\n          [p-size]=\"componentsSize\"\n          (p-change)=\"onChangeContainsFrequency($event)\"\n        >\n        </po-switch>\n        @if (containsFrequency) {\n          <po-radio-group\n            class=\"po-md-10\"\n            name=\"frequencyType\"\n            p-required\n            [(ngModel)]=\"value.frequency.type\"\n            [p-columns]=\"3\"\n            [p-options]=\"frequencyOptions\"\n            [p-size]=\"componentsSize\"\n            (p-change)=\"onChangeFrequencyOptions()\"\n          >\n          </po-radio-group>\n          <po-number\n            class=\"po-md-2\"\n            name=\"frequencyValue\"\n            p-required\n            [p-size]=\"componentsSize\"\n            [(ngModel)]=\"value.frequency.value\"\n          >\n          </po-number>\n        }\n      </div>\n      <div class=\"po-row\">\n        <po-divider class=\"po-md-12\" [p-label]=\"literals.periodicityData\"> </po-divider>\n        <ng-container *ngTemplateOutlet=\"periodicityTemplates[value.periodicity]\"> </ng-container>\n      </div>\n      <div class=\"po-row\">\n        <po-switch\n          class=\"po-md-3\"\n          name=\"recurrent\"\n          [(ngModel)]=\"value.recurrent\"\n          [p-label]=\"literals.recurrent\"\n          [p-label-off]=\"literals.no\"\n          [p-label-on]=\"literals.yes\"\n          [p-size]=\"componentsSize\"\n        >\n        </po-switch>\n      </div>\n    }\n  </div>\n\n  <ng-template #dailyTemplate>\n    <ng-container *ngTemplateOutlet=\"inputHourTemplate\"> </ng-container>\n  </ng-template>\n\n  <ng-template #weeklyTemplate>\n    <div class=\"po-row\">\n      <ng-container *ngTemplateOutlet=\"inputHourTemplate\"> </ng-container>\n    </div>\n\n    <po-checkbox-group\n      class=\"po-md-12\"\n      name=\"daysOfWeek\"\n      [(ngModel)]=\"value.daysOfWeek\"\n      p-columns=\"4\"\n      p-required\n      [p-label]=\"literals.weekDays\"\n      [p-options]=\"weekDays\"\n      [p-size]=\"componentsSize\"\n    >\n    </po-checkbox-group>\n  </ng-template>\n\n  <ng-template #monthlyTemplate>\n    <po-number\n      class=\"po-md-3\"\n      name=\"dayOfMonth\"\n      [(ngModel)]=\"value.dayOfMonth\"\n      p-required\n      [p-error-pattern]=\"'Dia inv\u00E1lido'\"\n      [p-label]=\"dayLabel\"\n      [p-max]=\"31\"\n      [p-pattern]=\"dayPattern\"\n      [p-size]=\"componentsSize\"\n    >\n    </po-number>\n\n    @if (containsFrequency) {\n      <po-number\n        class=\"po-md-3\"\n        name=\"rangeLimitDay\"\n        [(ngModel)]=\"value.rangeLimitDay\"\n        p-required\n        [p-error-pattern]=\"'Dia inv\u00E1lido'\"\n        [p-label]=\"literals.endDay\"\n        [p-max]=\"31\"\n        [p-pattern]=\"dayPattern\"\n        [p-size]=\"componentsSize\"\n      >\n      </po-number>\n    }\n\n    <ng-container *ngTemplateOutlet=\"inputHourTemplate\"> </ng-container>\n  </ng-template>\n\n  <ng-template #inputHourTemplate>\n    <po-input\n      class=\"po-md-2\"\n      name=\"hour\"\n      [(ngModel)]=\"value.hour\"\n      p-mask=\"99:99\"\n      p-mask-format-model\n      p-placeholder=\"HH:mm\"\n      p-required\n      [p-label]=\"hourLabel\"\n      [p-pattern]=\"timePattern\"\n      [p-size]=\"componentsSize\"\n    >\n    </po-input>\n\n    @if (containsFrequency && value.frequency.type !== 'day') {\n      <po-input\n        class=\"po-md-2\"\n        name=\"rangeLimitHour\"\n        [(ngModel)]=\"value.rangeLimitHour\"\n        p-mask=\"99:99\"\n        p-mask-format-model\n        p-placeholder=\"HH:mm\"\n        p-required\n        [p-label]=\"literals.endTime\"\n        [p-pattern]=\"timePattern\"\n        [p-size]=\"componentsSize\"\n      >\n      </po-input>\n    }\n  </ng-template>\n</form>\n" }]
         }], propDecorators: { form: [{
                 type: ViewChild,
                 args: ['formExecution', { static: true }]
@@ -8379,12 +8357,12 @@ class PoPageJobSchedulerParametersComponent {
             });
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageJobSchedulerParametersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: PoPageJobSchedulerParametersComponent, isStandalone: false, selector: "po-page-job-scheduler-parameters", inputs: { componentsSize: ["p-components-size", "componentsSize"], literals: ["p-literals", "literals"], parameters: ["p-parameters", "parameters"], value: ["p-value", "value"] }, outputs: { valueChange: "p-valueChange" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["parametersForm"], descendants: true }], ngImport: i0, template: "@if (parameters && parameters.length) {\n  <form #parametersForm=\"ngForm\">\n    <po-dynamic-form p-group-form [p-components-size]=\"componentsSize\" [p-fields]=\"parameters\" [p-value]=\"value\">\n    </po-dynamic-form>\n  </form>\n} @else {\n  <div class=\"po-text-center\">\n    <po-icon p-icon=\"ICON_INFO\"></po-icon>\n    <span class=\"po-font-text-large\">\n      {{ literals.parametersNotFound }}\n    </span>\n  </div>\n}\n", dependencies: [{ kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i3.PoDynamicFormComponent, selector: "po-dynamic-form" }, { kind: "component", type: i3.PoIconComponent, selector: "po-icon", inputs: ["p-icon"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageJobSchedulerParametersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: PoPageJobSchedulerParametersComponent, isStandalone: false, selector: "po-page-job-scheduler-parameters", inputs: { componentsSize: ["p-components-size", "componentsSize"], literals: ["p-literals", "literals"], parameters: ["p-parameters", "parameters"], value: ["p-value", "value"] }, outputs: { valueChange: "p-valueChange" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["parametersForm"], descendants: true }], ngImport: i0, template: "@if (parameters && parameters.length) {\n  <form #parametersForm=\"ngForm\">\n    <po-dynamic-form p-group-form [p-components-size]=\"componentsSize\" [p-fields]=\"parameters\" [p-value]=\"value\">\n    </po-dynamic-form>\n  </form>\n} @else {\n  <div class=\"po-text-center\">\n    <po-icon p-icon=\"ICON_INFO\"></po-icon>\n    <span class=\"po-font-text-large\">\n      {{ literals.parametersNotFound }}\n    </span>\n  </div>\n}\n", dependencies: [{ kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i3.PoDynamicFormComponent, selector: "po-dynamic-form" }, { kind: "component", type: i3.PoIconComponent, selector: "po-icon", inputs: ["p-icon"] }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageJobSchedulerParametersComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageJobSchedulerParametersComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'po-page-job-scheduler-parameters', standalone: false, template: "@if (parameters && parameters.length) {\n  <form #parametersForm=\"ngForm\">\n    <po-dynamic-form p-group-form [p-components-size]=\"componentsSize\" [p-fields]=\"parameters\" [p-value]=\"value\">\n    </po-dynamic-form>\n  </form>\n} @else {\n  <div class=\"po-text-center\">\n    <po-icon p-icon=\"ICON_INFO\"></po-icon>\n    <span class=\"po-font-text-large\">\n      {{ literals.parametersNotFound }}\n    </span>\n  </div>\n}\n" }]
+            args: [{ selector: 'po-page-job-scheduler-parameters', changeDetection: ChangeDetectionStrategy.Eager, standalone: false, template: "@if (parameters && parameters.length) {\n  <form #parametersForm=\"ngForm\">\n    <po-dynamic-form p-group-form [p-components-size]=\"componentsSize\" [p-fields]=\"parameters\" [p-value]=\"value\">\n    </po-dynamic-form>\n  </form>\n} @else {\n  <div class=\"po-text-center\">\n    <po-icon p-icon=\"ICON_INFO\"></po-icon>\n    <span class=\"po-font-text-large\">\n      {{ literals.parametersNotFound }}\n    </span>\n  </div>\n}\n" }]
         }], propDecorators: { form: [{
                 type: ViewChild,
                 args: ['parametersForm']
@@ -8522,12 +8500,12 @@ class PoPageJobSchedulerSummaryComponent {
             return sorterWeekDays[currDay] > sorterWeekDays[nextDay] ? 1 : -1;
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageJobSchedulerSummaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: PoPageJobSchedulerSummaryComponent, isStandalone: false, selector: "po-page-job-scheduler-summary", inputs: { componentsSize: ["p-components-size", "componentsSize"], literals: ["p-literals", "literals"], parameters: ["p-parameters", "parameters"], value: ["p-value", "value"], noParameters: ["p-no-parameters", "noParameters"], jobSchedulerSummaryTemplate: ["p-summary-template", "jobSchedulerSummaryTemplate"] }, ngImport: i0, template: "<div class=\"po-md-12\">\n  @if (!noParameters) {\n    <po-info\n      [p-label]=\"literals.process\"\n      [p-orientation]=\"infoOrientation\"\n      [p-size]=\"componentsSize\"\n      [p-value]=\"value.processID\"\n    >\n    </po-info>\n  }\n\n  <po-info\n    [p-label]=\"literals.periodicity\"\n    [p-orientation]=\"infoOrientation\"\n    [p-size]=\"componentsSize\"\n    [p-value]=\"periodicityValue\"\n  >\n  </po-info>\n\n  @if (frequencyValue !== '') {\n    <po-info\n      [p-label]=\"literals.frequency\"\n      [p-orientation]=\"infoOrientation\"\n      [p-size]=\"componentsSize\"\n      [p-value]=\"frequencyValue\"\n    >\n    </po-info>\n  }\n\n  @if (value.periodicity !== 'single') {\n    <po-info\n      [p-label]=\"literals.execution\"\n      [p-orientation]=\"infoOrientation\"\n      [p-size]=\"componentsSize\"\n      [p-value]=\"executionValue\"\n    >\n    </po-info>\n  }\n\n  <po-info\n    [p-label]=\"literals.recurrent\"\n    [p-orientation]=\"infoOrientation\"\n    [p-size]=\"componentsSize\"\n    [p-value]=\"recurrentValue\"\n  >\n  </po-info>\n\n  <po-info\n    [p-label]=\"literals.firstExecution\"\n    [p-orientation]=\"infoOrientation\"\n    [p-size]=\"componentsSize\"\n    [p-value]=\"firstExecutionValue\"\n  >\n  </po-info>\n</div>\n@if (parameters && parameters.length && !jobSchedulerSummaryTemplate) {\n  <po-widget class=\"po-pt-1 po-pb-1 po-md-12\" [p-size]=\"componentsSize\" [p-title]=\"literals.parameters\">\n    <po-dynamic-view [p-components-size]=\"componentsSize\" [p-fields]=\"parameters\" [p-value]=\"value.executionParameter\">\n    </po-dynamic-view>\n  </po-widget>\n}\n@if (jobSchedulerSummaryTemplate) {\n  <div class=\"po-pt-1 po-pb-1 po-md-12\">\n    <ng-template [ngTemplateOutlet]=\"jobSchedulerSummaryTemplate?.templateRef\"></ng-template>\n  </div>\n}\n", dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.PoDynamicViewComponent, selector: "po-dynamic-view" }, { kind: "component", type: i3.PoInfoComponent, selector: "po-info" }, { kind: "component", type: i3.PoWidgetComponent, selector: "po-widget" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageJobSchedulerSummaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: PoPageJobSchedulerSummaryComponent, isStandalone: false, selector: "po-page-job-scheduler-summary", inputs: { componentsSize: ["p-components-size", "componentsSize"], literals: ["p-literals", "literals"], parameters: ["p-parameters", "parameters"], value: ["p-value", "value"], noParameters: ["p-no-parameters", "noParameters"], jobSchedulerSummaryTemplate: ["p-summary-template", "jobSchedulerSummaryTemplate"] }, ngImport: i0, template: "<div class=\"po-md-12\">\n  @if (!noParameters) {\n    <po-info\n      [p-label]=\"literals.process\"\n      [p-orientation]=\"infoOrientation\"\n      [p-size]=\"componentsSize\"\n      [p-value]=\"value.processID\"\n    >\n    </po-info>\n  }\n\n  <po-info\n    [p-label]=\"literals.periodicity\"\n    [p-orientation]=\"infoOrientation\"\n    [p-size]=\"componentsSize\"\n    [p-value]=\"periodicityValue\"\n  >\n  </po-info>\n\n  @if (frequencyValue !== '') {\n    <po-info\n      [p-label]=\"literals.frequency\"\n      [p-orientation]=\"infoOrientation\"\n      [p-size]=\"componentsSize\"\n      [p-value]=\"frequencyValue\"\n    >\n    </po-info>\n  }\n\n  @if (value.periodicity !== 'single') {\n    <po-info\n      [p-label]=\"literals.execution\"\n      [p-orientation]=\"infoOrientation\"\n      [p-size]=\"componentsSize\"\n      [p-value]=\"executionValue\"\n    >\n    </po-info>\n  }\n\n  <po-info\n    [p-label]=\"literals.recurrent\"\n    [p-orientation]=\"infoOrientation\"\n    [p-size]=\"componentsSize\"\n    [p-value]=\"recurrentValue\"\n  >\n  </po-info>\n\n  <po-info\n    [p-label]=\"literals.firstExecution\"\n    [p-orientation]=\"infoOrientation\"\n    [p-size]=\"componentsSize\"\n    [p-value]=\"firstExecutionValue\"\n  >\n  </po-info>\n</div>\n@if (parameters && parameters.length && !jobSchedulerSummaryTemplate) {\n  <po-widget class=\"po-pt-1 po-pb-1 po-md-12\" [p-size]=\"componentsSize\" [p-title]=\"literals.parameters\">\n    <po-dynamic-view [p-components-size]=\"componentsSize\" [p-fields]=\"parameters\" [p-value]=\"value.executionParameter\">\n    </po-dynamic-view>\n  </po-widget>\n}\n@if (jobSchedulerSummaryTemplate) {\n  <div class=\"po-pt-1 po-pb-1 po-md-12\">\n    <ng-template [ngTemplateOutlet]=\"jobSchedulerSummaryTemplate?.templateRef\"></ng-template>\n  </div>\n}\n", dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.PoDynamicViewComponent, selector: "po-dynamic-view" }, { kind: "component", type: i3.PoInfoComponent, selector: "po-info" }, { kind: "component", type: i3.PoWidgetComponent, selector: "po-widget" }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageJobSchedulerSummaryComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageJobSchedulerSummaryComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'po-page-job-scheduler-summary', standalone: false, template: "<div class=\"po-md-12\">\n  @if (!noParameters) {\n    <po-info\n      [p-label]=\"literals.process\"\n      [p-orientation]=\"infoOrientation\"\n      [p-size]=\"componentsSize\"\n      [p-value]=\"value.processID\"\n    >\n    </po-info>\n  }\n\n  <po-info\n    [p-label]=\"literals.periodicity\"\n    [p-orientation]=\"infoOrientation\"\n    [p-size]=\"componentsSize\"\n    [p-value]=\"periodicityValue\"\n  >\n  </po-info>\n\n  @if (frequencyValue !== '') {\n    <po-info\n      [p-label]=\"literals.frequency\"\n      [p-orientation]=\"infoOrientation\"\n      [p-size]=\"componentsSize\"\n      [p-value]=\"frequencyValue\"\n    >\n    </po-info>\n  }\n\n  @if (value.periodicity !== 'single') {\n    <po-info\n      [p-label]=\"literals.execution\"\n      [p-orientation]=\"infoOrientation\"\n      [p-size]=\"componentsSize\"\n      [p-value]=\"executionValue\"\n    >\n    </po-info>\n  }\n\n  <po-info\n    [p-label]=\"literals.recurrent\"\n    [p-orientation]=\"infoOrientation\"\n    [p-size]=\"componentsSize\"\n    [p-value]=\"recurrentValue\"\n  >\n  </po-info>\n\n  <po-info\n    [p-label]=\"literals.firstExecution\"\n    [p-orientation]=\"infoOrientation\"\n    [p-size]=\"componentsSize\"\n    [p-value]=\"firstExecutionValue\"\n  >\n  </po-info>\n</div>\n@if (parameters && parameters.length && !jobSchedulerSummaryTemplate) {\n  <po-widget class=\"po-pt-1 po-pb-1 po-md-12\" [p-size]=\"componentsSize\" [p-title]=\"literals.parameters\">\n    <po-dynamic-view [p-components-size]=\"componentsSize\" [p-fields]=\"parameters\" [p-value]=\"value.executionParameter\">\n    </po-dynamic-view>\n  </po-widget>\n}\n@if (jobSchedulerSummaryTemplate) {\n  <div class=\"po-pt-1 po-pb-1 po-md-12\">\n    <ng-template [ngTemplateOutlet]=\"jobSchedulerSummaryTemplate?.templateRef\"></ng-template>\n  </div>\n}\n" }]
+            args: [{ selector: 'po-page-job-scheduler-summary', changeDetection: ChangeDetectionStrategy.Eager, standalone: false, template: "<div class=\"po-md-12\">\n  @if (!noParameters) {\n    <po-info\n      [p-label]=\"literals.process\"\n      [p-orientation]=\"infoOrientation\"\n      [p-size]=\"componentsSize\"\n      [p-value]=\"value.processID\"\n    >\n    </po-info>\n  }\n\n  <po-info\n    [p-label]=\"literals.periodicity\"\n    [p-orientation]=\"infoOrientation\"\n    [p-size]=\"componentsSize\"\n    [p-value]=\"periodicityValue\"\n  >\n  </po-info>\n\n  @if (frequencyValue !== '') {\n    <po-info\n      [p-label]=\"literals.frequency\"\n      [p-orientation]=\"infoOrientation\"\n      [p-size]=\"componentsSize\"\n      [p-value]=\"frequencyValue\"\n    >\n    </po-info>\n  }\n\n  @if (value.periodicity !== 'single') {\n    <po-info\n      [p-label]=\"literals.execution\"\n      [p-orientation]=\"infoOrientation\"\n      [p-size]=\"componentsSize\"\n      [p-value]=\"executionValue\"\n    >\n    </po-info>\n  }\n\n  <po-info\n    [p-label]=\"literals.recurrent\"\n    [p-orientation]=\"infoOrientation\"\n    [p-size]=\"componentsSize\"\n    [p-value]=\"recurrentValue\"\n  >\n  </po-info>\n\n  <po-info\n    [p-label]=\"literals.firstExecution\"\n    [p-orientation]=\"infoOrientation\"\n    [p-size]=\"componentsSize\"\n    [p-value]=\"firstExecutionValue\"\n  >\n  </po-info>\n</div>\n@if (parameters && parameters.length && !jobSchedulerSummaryTemplate) {\n  <po-widget class=\"po-pt-1 po-pb-1 po-md-12\" [p-size]=\"componentsSize\" [p-title]=\"literals.parameters\">\n    <po-dynamic-view [p-components-size]=\"componentsSize\" [p-fields]=\"parameters\" [p-value]=\"value.executionParameter\">\n    </po-dynamic-view>\n  </po-widget>\n}\n@if (jobSchedulerSummaryTemplate) {\n  <div class=\"po-pt-1 po-pb-1 po-md-12\">\n    <ng-template [ngTemplateOutlet]=\"jobSchedulerSummaryTemplate?.templateRef\"></ng-template>\n  </div>\n}\n" }]
         }], propDecorators: { componentsSize: [{
                 type: Input,
                 args: ['p-components-size']
@@ -8862,12 +8840,12 @@ class PoPageJobSchedulerComponent extends PoPageJobSchedulerBaseComponent {
         }
         return this.templateHasDisable();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageJobSchedulerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: PoPageJobSchedulerComponent, isStandalone: false, selector: "po-page-job-scheduler", queries: [{ propertyName: "jobSchedulerSummaryTemplate", first: true, predicate: PoJobSchedulerSummaryTemplateDirective, descendants: true }, { propertyName: "parametersTemplate", predicate: PoJobSchedulerParametersTemplateDirective }], viewQueries: [{ propertyName: "schedulerExecution", first: true, predicate: ["schedulerExecution"], descendants: true, static: true }, { propertyName: "schedulerParameters", first: true, predicate: ["schedulerParameters"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<po-page-default\n  [p-actions]=\"jobSchedulerActions\"\n  [p-breadcrumb]=\"breadcrumb\"\n  [p-components-size]=\"componentsSize\"\n  [p-title]=\"title\"\n>\n  <div class=\"po-row\">\n    <po-stepper\n      [ngClass]=\"stepperDefaultOrientation === 'horizontal' ? 'po-lg-12 po-xl-12' : 'po-lg-3 po-xl-2'\"\n      p-sequential=\"true\"\n      [p-orientation]=\"stepperOrientation\"\n      [p-step]=\"step\"\n      [p-steps]=\"steps\"\n      (p-change-step)=\"nextStep($event)\"\n    >\n    </po-stepper>\n\n    <po-container [ngClass]=\"stepperDefaultOrientation === 'horizontal' ? 'po-lg-12 po-xl-12' : 'po-lg-8 po-xl-6'\">\n      <form #formScheduler=\"ngForm\">\n        <div class=\"po-row\">\n          <po-page-job-scheduler-execution\n            [p-no-parameters]=\"parametersEmpty\"\n            [p-no-custom-params-component]=\"!parametersTemplate.length\"\n            [hidden]=\"step !== stepExecution\"\n            #schedulerExecution\n            class=\"po-md-12\"\n            [p-components-size]=\"componentsSize\"\n            [p-is-edit]=\"isEdit\"\n            [p-literals]=\"literals\"\n            [p-value]=\"model\"\n            (p-change-process)=\"onChangeProcess($event)\"\n          >\n          </po-page-job-scheduler-execution>\n\n          @if (stepParametersInitialized && !parametersTemplate.length) {\n            <po-page-job-scheduler-parameters\n              [hidden]=\"step !== stepParameters\"\n              #schedulerParameters\n              class=\"po-md-12\"\n              [p-components-size]=\"componentsSize\"\n              [p-literals]=\"literals\"\n              [p-parameters]=\"parameters || []\"\n              [(p-value)]=\"model.executionParameter\"\n            >\n            </po-page-job-scheduler-parameters>\n          }\n\n          @if (step === stepSummary) {\n            <po-page-job-scheduler-summary\n              [p-no-parameters]=\"!parameters.length\"\n              [p-summary-template]=\"jobSchedulerSummaryTemplate\"\n              class=\"po-md-12\"\n              [p-components-size]=\"componentsSize\"\n              [p-literals]=\"literals\"\n              [p-parameters]=\"parameters\"\n              [p-value]=\"publicValues\"\n            >\n            </po-page-job-scheduler-summary>\n          }\n        </div>\n      </form>\n\n      @for (template of parametersTemplate; track template; let index = $index) {\n        <div [hidden]=\"step !== index + (_stepExecutionLast ? 1 : 2)\">\n          <ng-template [ngTemplateOutlet]=\"template?.templateRef\"></ng-template>\n        </div>\n      }\n    </po-container>\n  </div>\n</po-page-default>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i3.PoContainerComponent, selector: "po-container" }, { kind: "component", type: i3.PoPageDefaultComponent, selector: "po-page-default" }, { kind: "component", type: i3.PoStepperComponent, selector: "po-stepper" }, { kind: "component", type: PoPageJobSchedulerExecutionComponent, selector: "po-page-job-scheduler-execution", inputs: ["p-components-size", "p-is-edit", "p-literals", "p-no-parameters", "p-no-custom-params-component", "p-value"], outputs: ["p-change-process"] }, { kind: "component", type: PoPageJobSchedulerParametersComponent, selector: "po-page-job-scheduler-parameters", inputs: ["p-components-size", "p-literals", "p-parameters", "p-value"], outputs: ["p-valueChange"] }, { kind: "component", type: PoPageJobSchedulerSummaryComponent, selector: "po-page-job-scheduler-summary", inputs: ["p-components-size", "p-literals", "p-parameters", "p-value", "p-no-parameters", "p-summary-template"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageJobSchedulerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: PoPageJobSchedulerComponent, isStandalone: false, selector: "po-page-job-scheduler", queries: [{ propertyName: "jobSchedulerSummaryTemplate", first: true, predicate: PoJobSchedulerSummaryTemplateDirective, descendants: true }, { propertyName: "parametersTemplate", predicate: PoJobSchedulerParametersTemplateDirective }], viewQueries: [{ propertyName: "schedulerExecution", first: true, predicate: ["schedulerExecution"], descendants: true, static: true }, { propertyName: "schedulerParameters", first: true, predicate: ["schedulerParameters"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<po-page-default\n  [p-actions]=\"jobSchedulerActions\"\n  [p-breadcrumb]=\"breadcrumb\"\n  [p-components-size]=\"componentsSize\"\n  [p-title]=\"title\"\n>\n  <div class=\"po-row\">\n    <po-stepper\n      [ngClass]=\"stepperDefaultOrientation === 'horizontal' ? 'po-lg-12 po-xl-12' : 'po-lg-3 po-xl-2'\"\n      p-sequential=\"true\"\n      [p-orientation]=\"stepperOrientation\"\n      [p-step]=\"step\"\n      [p-steps]=\"steps\"\n      (p-change-step)=\"nextStep($event)\"\n    >\n    </po-stepper>\n\n    <po-container [ngClass]=\"stepperDefaultOrientation === 'horizontal' ? 'po-lg-12 po-xl-12' : 'po-lg-8 po-xl-6'\">\n      <form #formScheduler=\"ngForm\">\n        <div class=\"po-row\">\n          <po-page-job-scheduler-execution\n            [p-no-parameters]=\"parametersEmpty\"\n            [p-no-custom-params-component]=\"!parametersTemplate.length\"\n            [hidden]=\"step !== stepExecution\"\n            #schedulerExecution\n            class=\"po-md-12\"\n            [p-components-size]=\"componentsSize\"\n            [p-is-edit]=\"isEdit\"\n            [p-literals]=\"literals\"\n            [p-value]=\"model\"\n            (p-change-process)=\"onChangeProcess($event)\"\n          >\n          </po-page-job-scheduler-execution>\n\n          @if (stepParametersInitialized && !parametersTemplate.length) {\n            <po-page-job-scheduler-parameters\n              [hidden]=\"step !== stepParameters\"\n              #schedulerParameters\n              class=\"po-md-12\"\n              [p-components-size]=\"componentsSize\"\n              [p-literals]=\"literals\"\n              [p-parameters]=\"parameters || []\"\n              [(p-value)]=\"model.executionParameter\"\n            >\n            </po-page-job-scheduler-parameters>\n          }\n\n          @if (step === stepSummary) {\n            <po-page-job-scheduler-summary\n              [p-no-parameters]=\"!parameters.length\"\n              [p-summary-template]=\"jobSchedulerSummaryTemplate\"\n              class=\"po-md-12\"\n              [p-components-size]=\"componentsSize\"\n              [p-literals]=\"literals\"\n              [p-parameters]=\"parameters\"\n              [p-value]=\"publicValues\"\n            >\n            </po-page-job-scheduler-summary>\n          }\n        </div>\n      </form>\n\n      @for (template of parametersTemplate; track template; let index = $index) {\n        <div [hidden]=\"step !== index + (_stepExecutionLast ? 1 : 2)\">\n          <ng-template [ngTemplateOutlet]=\"template?.templateRef\"></ng-template>\n        </div>\n      }\n    </po-container>\n  </div>\n</po-page-default>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i3.PoContainerComponent, selector: "po-container" }, { kind: "component", type: i3.PoPageDefaultComponent, selector: "po-page-default" }, { kind: "component", type: i3.PoStepperComponent, selector: "po-stepper" }, { kind: "component", type: PoPageJobSchedulerExecutionComponent, selector: "po-page-job-scheduler-execution", inputs: ["p-components-size", "p-is-edit", "p-literals", "p-no-parameters", "p-no-custom-params-component", "p-value"], outputs: ["p-change-process"] }, { kind: "component", type: PoPageJobSchedulerParametersComponent, selector: "po-page-job-scheduler-parameters", inputs: ["p-components-size", "p-literals", "p-parameters", "p-value"], outputs: ["p-valueChange"] }, { kind: "component", type: PoPageJobSchedulerSummaryComponent, selector: "po-page-job-scheduler-summary", inputs: ["p-components-size", "p-literals", "p-parameters", "p-value", "p-no-parameters", "p-summary-template"] }], changeDetection: i0.ChangeDetectionStrategy.Eager, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageJobSchedulerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageJobSchedulerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'po-page-job-scheduler', encapsulation: ViewEncapsulation.None, standalone: false, template: "<po-page-default\n  [p-actions]=\"jobSchedulerActions\"\n  [p-breadcrumb]=\"breadcrumb\"\n  [p-components-size]=\"componentsSize\"\n  [p-title]=\"title\"\n>\n  <div class=\"po-row\">\n    <po-stepper\n      [ngClass]=\"stepperDefaultOrientation === 'horizontal' ? 'po-lg-12 po-xl-12' : 'po-lg-3 po-xl-2'\"\n      p-sequential=\"true\"\n      [p-orientation]=\"stepperOrientation\"\n      [p-step]=\"step\"\n      [p-steps]=\"steps\"\n      (p-change-step)=\"nextStep($event)\"\n    >\n    </po-stepper>\n\n    <po-container [ngClass]=\"stepperDefaultOrientation === 'horizontal' ? 'po-lg-12 po-xl-12' : 'po-lg-8 po-xl-6'\">\n      <form #formScheduler=\"ngForm\">\n        <div class=\"po-row\">\n          <po-page-job-scheduler-execution\n            [p-no-parameters]=\"parametersEmpty\"\n            [p-no-custom-params-component]=\"!parametersTemplate.length\"\n            [hidden]=\"step !== stepExecution\"\n            #schedulerExecution\n            class=\"po-md-12\"\n            [p-components-size]=\"componentsSize\"\n            [p-is-edit]=\"isEdit\"\n            [p-literals]=\"literals\"\n            [p-value]=\"model\"\n            (p-change-process)=\"onChangeProcess($event)\"\n          >\n          </po-page-job-scheduler-execution>\n\n          @if (stepParametersInitialized && !parametersTemplate.length) {\n            <po-page-job-scheduler-parameters\n              [hidden]=\"step !== stepParameters\"\n              #schedulerParameters\n              class=\"po-md-12\"\n              [p-components-size]=\"componentsSize\"\n              [p-literals]=\"literals\"\n              [p-parameters]=\"parameters || []\"\n              [(p-value)]=\"model.executionParameter\"\n            >\n            </po-page-job-scheduler-parameters>\n          }\n\n          @if (step === stepSummary) {\n            <po-page-job-scheduler-summary\n              [p-no-parameters]=\"!parameters.length\"\n              [p-summary-template]=\"jobSchedulerSummaryTemplate\"\n              class=\"po-md-12\"\n              [p-components-size]=\"componentsSize\"\n              [p-literals]=\"literals\"\n              [p-parameters]=\"parameters\"\n              [p-value]=\"publicValues\"\n            >\n            </po-page-job-scheduler-summary>\n          }\n        </div>\n      </form>\n\n      @for (template of parametersTemplate; track template; let index = $index) {\n        <div [hidden]=\"step !== index + (_stepExecutionLast ? 1 : 2)\">\n          <ng-template [ngTemplateOutlet]=\"template?.templateRef\"></ng-template>\n        </div>\n      }\n    </po-container>\n  </div>\n</po-page-default>\n" }]
+            args: [{ selector: 'po-page-job-scheduler', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Eager, standalone: false, template: "<po-page-default\n  [p-actions]=\"jobSchedulerActions\"\n  [p-breadcrumb]=\"breadcrumb\"\n  [p-components-size]=\"componentsSize\"\n  [p-title]=\"title\"\n>\n  <div class=\"po-row\">\n    <po-stepper\n      [ngClass]=\"stepperDefaultOrientation === 'horizontal' ? 'po-lg-12 po-xl-12' : 'po-lg-3 po-xl-2'\"\n      p-sequential=\"true\"\n      [p-orientation]=\"stepperOrientation\"\n      [p-step]=\"step\"\n      [p-steps]=\"steps\"\n      (p-change-step)=\"nextStep($event)\"\n    >\n    </po-stepper>\n\n    <po-container [ngClass]=\"stepperDefaultOrientation === 'horizontal' ? 'po-lg-12 po-xl-12' : 'po-lg-8 po-xl-6'\">\n      <form #formScheduler=\"ngForm\">\n        <div class=\"po-row\">\n          <po-page-job-scheduler-execution\n            [p-no-parameters]=\"parametersEmpty\"\n            [p-no-custom-params-component]=\"!parametersTemplate.length\"\n            [hidden]=\"step !== stepExecution\"\n            #schedulerExecution\n            class=\"po-md-12\"\n            [p-components-size]=\"componentsSize\"\n            [p-is-edit]=\"isEdit\"\n            [p-literals]=\"literals\"\n            [p-value]=\"model\"\n            (p-change-process)=\"onChangeProcess($event)\"\n          >\n          </po-page-job-scheduler-execution>\n\n          @if (stepParametersInitialized && !parametersTemplate.length) {\n            <po-page-job-scheduler-parameters\n              [hidden]=\"step !== stepParameters\"\n              #schedulerParameters\n              class=\"po-md-12\"\n              [p-components-size]=\"componentsSize\"\n              [p-literals]=\"literals\"\n              [p-parameters]=\"parameters || []\"\n              [(p-value)]=\"model.executionParameter\"\n            >\n            </po-page-job-scheduler-parameters>\n          }\n\n          @if (step === stepSummary) {\n            <po-page-job-scheduler-summary\n              [p-no-parameters]=\"!parameters.length\"\n              [p-summary-template]=\"jobSchedulerSummaryTemplate\"\n              class=\"po-md-12\"\n              [p-components-size]=\"componentsSize\"\n              [p-literals]=\"literals\"\n              [p-parameters]=\"parameters\"\n              [p-value]=\"publicValues\"\n            >\n            </po-page-job-scheduler-summary>\n          }\n        </div>\n      </form>\n\n      @for (template of parametersTemplate; track template; let index = $index) {\n        <div [hidden]=\"step !== index + (_stepExecutionLast ? 1 : 2)\">\n          <ng-template [ngTemplateOutlet]=\"template?.templateRef\"></ng-template>\n        </div>\n      }\n    </po-container>\n  </div>\n</po-page-default>\n" }]
         }], ctorParameters: () => [], propDecorators: { schedulerExecution: [{
                 type: ViewChild,
                 args: ['schedulerExecution', { static: true }]
@@ -8883,8 +8861,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
             }] } });
 class PoPageJobSchedulerModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageJobSchedulerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: PoPageJobSchedulerModule, declarations: [PoPageJobSchedulerComponent,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageJobSchedulerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: PoPageJobSchedulerModule, declarations: [PoPageJobSchedulerComponent,
             PoPageJobSchedulerExecutionComponent,
             PoPageJobSchedulerParametersComponent,
             PoPageJobSchedulerSummaryComponent,
@@ -8904,7 +8882,7 @@ class PoPageJobSchedulerModule {
             PoWidgetModule], exports: [PoPageJobSchedulerComponent,
             PoJobSchedulerParametersTemplateDirective,
             PoJobSchedulerSummaryTemplateDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageJobSchedulerModule, providers: [PoPageJobSchedulerService, PoPageJobSchedulerLookupService], imports: [CommonModule,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageJobSchedulerModule, providers: [PoPageJobSchedulerService, PoPageJobSchedulerLookupService], imports: [CommonModule,
             FormsModule,
             PoButtonModule,
             PoContainerModule,
@@ -8918,7 +8896,7 @@ class PoPageJobSchedulerModule {
             PoStepperModule,
             PoWidgetModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageJobSchedulerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageJobSchedulerModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -8988,10 +8966,10 @@ class PoPageLoginService {
             return this.http.post(url, loginForm, { headers });
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageLoginService, deps: [{ token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageLoginService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageLoginService, deps: [{ token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageLoginService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageLoginService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageLoginService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -10018,10 +9996,10 @@ class PoPageLoginBaseComponent {
     applySizeBasedOnA11y() {
         this._componentsSize = validateSizeFn(this._initialComponentsSize);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageLoginBaseComponent, deps: [{ token: PoPageLoginService }, { token: i2$1.Router }, { token: i3.PoLanguageService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.2.25", type: PoPageLoginBaseComponent, isStandalone: true, inputs: { background: ["p-background", "background"], logo: ["p-logo", "logo"], loginPattern: ["p-login-pattern", "loginPattern"], passwordPattern: ["p-password-pattern", "passwordPattern"], secondaryLogo: ["p-secondary-logo", "secondaryLogo"], noAutocompleteLogin: ["p-no-autocomplete-login", "noAutocompleteLogin"], noAutocompletePassword: ["p-no-autocomplete-password", "noAutocompletePassword"], hideLabelStatus: ["p-hide-label-status", "hideLabelStatus", convertToBoolean], hidePasswordPeek: ["p-hide-password-peek", "hidePasswordPeek"], componentsSize: ["p-components-size", "componentsSize"], customField: ["p-custom-field", "customField"], contactEmail: ["p-contact-email", "contactEmail"], productName: ["p-product-name", "productName"], environment: ["p-environment", "environment"], exceededAttemptsWarning: ["p-exceeded-attempts-warning", "exceededAttemptsWarning"], hideRememberUser: ["p-hide-remember-user", "hideRememberUser"], literals: ["p-literals", "literals"], loading: ["p-loading", "loading"], login: ["p-login", "login"], loginErrors: ["p-login-errors", "loginErrors"], passwordErrors: ["p-password-errors", "passwordErrors"], recovery: ["p-recovery", "recovery"], registerUrl: ["p-register-url", "registerUrl"], authenticationType: ["p-authentication-type", "authenticationType"], authenticationUrl: ["p-authentication-url", "authenticationUrl"], blockedUrl: ["p-blocked-url", "blockedUrl"], support: ["p-support", "support"], languagesList: ["p-languages", "languagesList"] }, outputs: { loginChange: "p-login-change", loginSubmit: "p-login-submit", passwordChange: "p-password-change", languageChange: "p-language-change" }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-components-size": "this.componentsSize" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageLoginBaseComponent, deps: [{ token: PoPageLoginService }, { token: i2$1.Router }, { token: i3.PoLanguageService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "22.0.8", type: PoPageLoginBaseComponent, isStandalone: true, inputs: { background: ["p-background", "background"], logo: ["p-logo", "logo"], loginPattern: ["p-login-pattern", "loginPattern"], passwordPattern: ["p-password-pattern", "passwordPattern"], secondaryLogo: ["p-secondary-logo", "secondaryLogo"], noAutocompleteLogin: ["p-no-autocomplete-login", "noAutocompleteLogin"], noAutocompletePassword: ["p-no-autocomplete-password", "noAutocompletePassword"], hideLabelStatus: ["p-hide-label-status", "hideLabelStatus", convertToBoolean], hidePasswordPeek: ["p-hide-password-peek", "hidePasswordPeek"], componentsSize: ["p-components-size", "componentsSize"], customField: ["p-custom-field", "customField"], contactEmail: ["p-contact-email", "contactEmail"], productName: ["p-product-name", "productName"], environment: ["p-environment", "environment"], exceededAttemptsWarning: ["p-exceeded-attempts-warning", "exceededAttemptsWarning"], hideRememberUser: ["p-hide-remember-user", "hideRememberUser"], literals: ["p-literals", "literals"], loading: ["p-loading", "loading"], login: ["p-login", "login"], loginErrors: ["p-login-errors", "loginErrors"], passwordErrors: ["p-password-errors", "passwordErrors"], recovery: ["p-recovery", "recovery"], registerUrl: ["p-register-url", "registerUrl"], authenticationType: ["p-authentication-type", "authenticationType"], authenticationUrl: ["p-authentication-url", "authenticationUrl"], blockedUrl: ["p-blocked-url", "blockedUrl"], support: ["p-support", "support"], languagesList: ["p-languages", "languagesList"] }, outputs: { loginChange: "p-login-change", loginSubmit: "p-login-submit", passwordChange: "p-password-change", languageChange: "p-language-change" }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-components-size": "this.componentsSize" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageLoginBaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageLoginBaseComponent, decorators: [{
             type: Directive
         }], ctorParameters: () => [{ type: PoPageLoginService }, { type: i2$1.Router }, { type: i3.PoLanguageService }], propDecorators: { background: [{
                 type: Input,
@@ -10155,12 +10133,12 @@ class PoPageLoginPopoverComponent {
     onForgotPasswordClick(recovery) {
         this.forgotPassword.emit(recovery);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageLoginPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: PoPageLoginPopoverComponent, isStandalone: false, selector: "po-page-login-popover", inputs: { literals: ["p-literals", "literals"], recovery: ["p-recovery", "recovery"], remainingAttempts: ["p-remaining-attempts", "remainingAttempts"] }, outputs: { forgotPassword: "p-forgot-password" }, ngImport: i0, template: "<div class=\"po-page-login-popover-container\">\n  <div class=\"po-page-login-popover\">\n    <div class=\"po-page-login-popover-arrow\"></div>\n    <div class=\"po-page-login-popover-content\">\n      <p class=\"po-font-text-bold po-page-login-popover-title\">\n        {{ literals?.titlePopover }}\n      </p>\n      <p class=\"po-font-text\">\n        {{ literals?.forgotYourPassword }}\n      </p>\n      <p class=\"po-font-text\">\n        {{ literals?.ifYouTryHarder }}\n        <span class=\"po-font-text-bold po-page-login-popover-attempts\">\n          {{ literals?.attempts | poI18n: remainingAttempts }} </span\n        >{{ literals?.yourUserWillBeBlocked }}\n      </p>\n      <br />\n      <p class=\"po-font-text\">\n        {{ literals?.createANewPasswordNow }}\n      </p>\n      @if (recovery) {\n        <div class=\"po-font-text-bold po-mt-1 po-page-login-popover-link-container\">\n          @if (recoveryType === 'internalLink') {\n            <a class=\"po-page-login-popover-link\" [routerLink]=\"recovery\">\n              {{ literals?.iForgotMyPassword }}\n            </a>\n          }\n          @if (recoveryType === 'externalLink') {\n            <a class=\"po-page-login-popover-link\" [href]=\"recovery\" target=\"_blank\">\n              {{ literals?.iForgotMyPassword }}\n            </a>\n          }\n          @if (!recoveryType) {\n            <a class=\"po-page-login-popover-link\" (click)=\"onForgotPasswordClick(recovery)\">\n              {{ literals?.iForgotMyPassword }}\n            </a>\n          }\n        </div>\n      }\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i3.PoI18nPipe, name: "poI18n" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageLoginPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: PoPageLoginPopoverComponent, isStandalone: false, selector: "po-page-login-popover", inputs: { literals: ["p-literals", "literals"], recovery: ["p-recovery", "recovery"], remainingAttempts: ["p-remaining-attempts", "remainingAttempts"] }, outputs: { forgotPassword: "p-forgot-password" }, ngImport: i0, template: "<div class=\"po-page-login-popover-container\">\n  <div class=\"po-page-login-popover\">\n    <div class=\"po-page-login-popover-arrow\"></div>\n    <div class=\"po-page-login-popover-content\">\n      <p class=\"po-font-text-bold po-page-login-popover-title\">\n        {{ literals?.titlePopover }}\n      </p>\n      <p class=\"po-font-text\">\n        {{ literals?.forgotYourPassword }}\n      </p>\n      <p class=\"po-font-text\">\n        {{ literals?.ifYouTryHarder }}\n        <span class=\"po-font-text-bold po-page-login-popover-attempts\">\n          {{ literals?.attempts | poI18n: remainingAttempts }} </span\n        >{{ literals?.yourUserWillBeBlocked }}\n      </p>\n      <br />\n      <p class=\"po-font-text\">\n        {{ literals?.createANewPasswordNow }}\n      </p>\n      @if (recovery) {\n        <div class=\"po-font-text-bold po-mt-1 po-page-login-popover-link-container\">\n          @if (recoveryType === 'internalLink') {\n            <a class=\"po-page-login-popover-link\" [routerLink]=\"recovery\">\n              {{ literals?.iForgotMyPassword }}\n            </a>\n          }\n          @if (recoveryType === 'externalLink') {\n            <a class=\"po-page-login-popover-link\" [href]=\"recovery\" target=\"_blank\">\n              {{ literals?.iForgotMyPassword }}\n            </a>\n          }\n          @if (!recoveryType) {\n            <a class=\"po-page-login-popover-link\" (click)=\"onForgotPasswordClick(recovery)\">\n              {{ literals?.iForgotMyPassword }}\n            </a>\n          }\n        </div>\n      }\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "pipe", type: i3.PoI18nPipe, name: "poI18n" }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageLoginPopoverComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageLoginPopoverComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'po-page-login-popover', standalone: false, template: "<div class=\"po-page-login-popover-container\">\n  <div class=\"po-page-login-popover\">\n    <div class=\"po-page-login-popover-arrow\"></div>\n    <div class=\"po-page-login-popover-content\">\n      <p class=\"po-font-text-bold po-page-login-popover-title\">\n        {{ literals?.titlePopover }}\n      </p>\n      <p class=\"po-font-text\">\n        {{ literals?.forgotYourPassword }}\n      </p>\n      <p class=\"po-font-text\">\n        {{ literals?.ifYouTryHarder }}\n        <span class=\"po-font-text-bold po-page-login-popover-attempts\">\n          {{ literals?.attempts | poI18n: remainingAttempts }} </span\n        >{{ literals?.yourUserWillBeBlocked }}\n      </p>\n      <br />\n      <p class=\"po-font-text\">\n        {{ literals?.createANewPasswordNow }}\n      </p>\n      @if (recovery) {\n        <div class=\"po-font-text-bold po-mt-1 po-page-login-popover-link-container\">\n          @if (recoveryType === 'internalLink') {\n            <a class=\"po-page-login-popover-link\" [routerLink]=\"recovery\">\n              {{ literals?.iForgotMyPassword }}\n            </a>\n          }\n          @if (recoveryType === 'externalLink') {\n            <a class=\"po-page-login-popover-link\" [href]=\"recovery\" target=\"_blank\">\n              {{ literals?.iForgotMyPassword }}\n            </a>\n          }\n          @if (!recoveryType) {\n            <a class=\"po-page-login-popover-link\" (click)=\"onForgotPasswordClick(recovery)\">\n              {{ literals?.iForgotMyPassword }}\n            </a>\n          }\n        </div>\n      }\n    </div>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'po-page-login-popover', changeDetection: ChangeDetectionStrategy.Eager, standalone: false, template: "<div class=\"po-page-login-popover-container\">\n  <div class=\"po-page-login-popover\">\n    <div class=\"po-page-login-popover-arrow\"></div>\n    <div class=\"po-page-login-popover-content\">\n      <p class=\"po-font-text-bold po-page-login-popover-title\">\n        {{ literals?.titlePopover }}\n      </p>\n      <p class=\"po-font-text\">\n        {{ literals?.forgotYourPassword }}\n      </p>\n      <p class=\"po-font-text\">\n        {{ literals?.ifYouTryHarder }}\n        <span class=\"po-font-text-bold po-page-login-popover-attempts\">\n          {{ literals?.attempts | poI18n: remainingAttempts }} </span\n        >{{ literals?.yourUserWillBeBlocked }}\n      </p>\n      <br />\n      <p class=\"po-font-text\">\n        {{ literals?.createANewPasswordNow }}\n      </p>\n      @if (recovery) {\n        <div class=\"po-font-text-bold po-mt-1 po-page-login-popover-link-container\">\n          @if (recoveryType === 'internalLink') {\n            <a class=\"po-page-login-popover-link\" [routerLink]=\"recovery\">\n              {{ literals?.iForgotMyPassword }}\n            </a>\n          }\n          @if (recoveryType === 'externalLink') {\n            <a class=\"po-page-login-popover-link\" [href]=\"recovery\" target=\"_blank\">\n              {{ literals?.iForgotMyPassword }}\n            </a>\n          }\n          @if (!recoveryType) {\n            <a class=\"po-page-login-popover-link\" (click)=\"onForgotPasswordClick(recovery)\">\n              {{ literals?.iForgotMyPassword }}\n            </a>\n          }\n        </div>\n      }\n    </div>\n  </div>\n</div>\n" }]
         }], propDecorators: { literals: [{
                 type: Input,
                 args: ['p-literals']
@@ -10382,12 +10360,12 @@ class PoPageLoginComponent extends PoPageLoginBaseComponent {
         const language = this.languagesList.find(languageItem => languageItem.language === this.language);
         return language?.language || this.languagesList[0].language;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageLoginComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: PoPageLoginComponent, isStandalone: false, selector: "po-page-login", viewQueries: [{ propertyName: "loginForm", first: true, predicate: ["loginForm"], descendants: true, read: NgForm, static: true }, { propertyName: "pageLogin", first: true, predicate: ["pageLogin"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<button class=\"po-page-login-support\" (click)=\"activateSupport()\" [hidden]=\"!support\">\n  <po-icon p-icon=\"ICON_HELP\"></po-icon>\n  {{ pageLoginLiterals?.support }}\n</button>\n\n<po-page-background\n  #pageLogin\n  [p-components-size]=\"componentsSize\"\n  [p-show-select-language]=\"showLanguage\"\n  [p-languages]=\"languagesList\"\n  [p-initial-language]=\"initialSelectLanguage\"\n  [p-background]=\"background\"\n  [p-highlight-info]=\"pageLoginLiterals.highlightInfo\"\n  [p-logo]=\"logo\"\n  [p-secondary-logo]=\"secondaryLogo\"\n  (p-selected-language)=\"onSelectedLanguage($event)\"\n>\n  <header class=\"po-page-login-header\">\n    <div class=\"po-page-login-header-product-name\">\n      <h1>{{ productName }}</h1>\n    </div>\n\n    <div class=\"po-page-login-header-product-environment po-mb-md-4 po-mb-sm-1\">\n      @if (environment) {\n        <po-tag p-type=\"warning\" [p-value]=\"environment\"> </po-tag>\n      }\n    </div>\n    <div class=\"po-page-login-header-welcome po-mb-md-4 po-mb-sm-2\">{{ pageLoginLiterals.welcome }}</div>\n  </header>\n\n  <form #loginForm=\"ngForm\" class=\"po-page-login-form\">\n    <div class=\"po-row\">\n      <div class=\"po-lg-12\">\n        <div class=\"po-page-login-hint po-page-login-info-container\">\n          <po-login\n            class=\"po-page-login-info-field\"\n            [class.po-page-login-info-field-dynamic]=\"\n              !pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\n            \"\n            name=\"login\"\n            [(ngModel)]=\"login\"\n            p-auto-focus\n            p-required\n            [p-label]=\"pageLoginLiterals.loginLabel\"\n            [p-no-autocomplete]=\"noAutocompleteLogin\"\n            [p-pattern]=\"loginPattern\"\n            [p-placeholder]=\"pageLoginLiterals.loginPlaceholder\"\n            [p-size]=\"componentsSize\"\n            (click)=\"closePopover()\"\n            (keyup.enter)=\"loginForm.valid && onLoginSubmit()\"\n            (p-change-model)=\"changeLoginModel()\"\n          >\n          </po-login>\n\n          @if (pageLoginLiterals.loginHint || pageLoginLiterals.rememberUserHint) {\n            <div\n              class=\"po-page-login-info-icon-container\"\n              [class.po-page-login-info-icon-container-dynamic]=\"\n                !pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\n              \"\n            >\n              @if (pageLoginLiterals.loginHint) {\n                <po-icon\n                  p-icon=\"ICON_INFO po-field-icon\"\n                  p-tooltip-position=\"right\"\n                  [p-tooltip]=\"pageLoginLiterals.loginHint\"\n                >\n                </po-icon>\n              }\n            </div>\n          }\n        </div>\n\n        <div class=\"po-field-container-bottom po-field-container-error-container\">\n          @for (error of allLoginErrors; track error) {\n            <div class=\"po-field-container-bottom-text-error po-field-container-error-item\">\n              <po-icon p-icon=\"ICON_EXCLAMATION\"></po-icon>\n              <span class=\"po-field-error-message\">{{ error }}</span>\n            </div>\n          }\n        </div>\n      </div>\n\n      <div class=\"po-lg-12\">\n        <div class=\"po-page-login-password-container\">\n          <po-password\n            class=\"po-page-login-field-size po-page-login-password-item\"\n            [class.po-page-login-field-size-dynamic]=\"\n              !pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\n            \"\n            name=\"password\"\n            [(ngModel)]=\"password\"\n            p-required\n            [p-hide-password-peek]=\"hidePasswordPeek\"\n            [p-label]=\"pageLoginLiterals.passwordLabel\"\n            [p-no-autocomplete]=\"noAutocompletePassword\"\n            [p-pattern]=\"passwordPattern\"\n            [p-placeholder]=\"pageLoginLiterals.passwordPlaceholder\"\n            [p-size]=\"componentsSize\"\n            (click)=\"closePopover()\"\n            (keyup.enter)=\"loginForm.valid && onLoginSubmit()\"\n            (p-change-model)=\"changePasswordModel()\"\n          >\n          </po-password>\n          @if (pageLoginLiterals.loginHint || pageLoginLiterals.rememberUserHint) {\n            <div class=\"po-page-login-password-item po-page-login-password-popover-container\">\n              @if (showExceededAttemptsWarning && exceededAttemptsWarning) {\n                <po-page-login-popover\n                  [p-literals]=\"pageLoginLiterals\"\n                  [p-recovery]=\"recovery\"\n                  [p-remaining-attempts]=\"exceededAttemptsWarning\"\n                  (p-forgot-password)=\"openUrl($event)\"\n                >\n                </po-page-login-popover>\n              }\n            </div>\n          }\n        </div>\n        <div class=\"po-field-container-bottom po-field-container-error-container\">\n          @for (error of allPasswordErrors; track error) {\n            <div class=\"po-field-container-bottom-text-error po-field-container-error-item\">\n              <po-icon p-icon=\"ICON_EXCLAMATION\"></po-icon>\n              <span class=\"po-field-error-message\">{{ error }}</span>\n            </div>\n          }\n        </div>\n      </div>\n\n      @if (customField && customFieldType === 'input') {\n        <po-input\n          [class.po-page-login-field-size-dynamic]=\"!pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\"\n          class=\"po-page-login-field-size po-lg-12\"\n          name=\"customFieldInput\"\n          [(ngModel)]=\"customFieldObject.value\"\n          p-required\n          [p-error-pattern]=\"customFieldObject.errorPattern || pageLoginLiterals.customFieldErrorPattern\"\n          [p-pattern]=\"customFieldObject.pattern\"\n          [p-placeholder]=\"customFieldObject.placeholder || pageLoginLiterals.customFieldPlaceholder\"\n          [p-size]=\"componentsSize\"\n          (keyup.enter)=\"loginForm.valid && onLoginSubmit()\"\n        >\n        </po-input>\n      }\n\n      @if (customField && customFieldType === 'combo') {\n        <po-combo\n          [class.po-page-login-field-size-dynamic]=\"!pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\"\n          class=\"po-page-login-field-size po-lg-12\"\n          name=\"customFieldCombo\"\n          [(ngModel)]=\"customFieldObject.value\"\n          p-required\n          [p-field-value]=\"customFieldObject.fieldValue\"\n          [p-filter-service]=\"customFieldObject.url\"\n          [p-placeholder]=\"customFieldObject.placeholder || pageLoginLiterals.customFieldPlaceholder\"\n          [p-size]=\"componentsSize\"\n        >\n        </po-combo>\n      }\n\n      @if (customField && customFieldType === 'select') {\n        <po-select\n          [class.po-page-login-field-size-dynamic]=\"!pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\"\n          class=\"po-page-login-field-size po-lg-12\"\n          name=\"customFieldSelect\"\n          [(ngModel)]=\"customFieldObject.value\"\n          p-required\n          [p-placeholder]=\"customFieldObject.placeholder || pageLoginLiterals.customFieldPlaceholder\"\n          [p-options]=\"customFieldObject.options\"\n          [p-size]=\"componentsSize\"\n        >\n        </po-select>\n      }\n\n      <div class=\"po-lg-12\">\n        @if (!hideRememberUser) {\n          <div class=\"po-page-login-hint po-page-login-info-container\">\n            <po-switch\n              class=\"po-page-login-info-field po-lg-7 po-offset-lg-5 po-offset-xl-5\"\n              name=\"rememberUser\"\n              [(ngModel)]=\"rememberUser\"\n              p-label-position=\"1\"\n              [p-label-off]=\"pageLoginLiterals.rememberUser\"\n              [p-label-on]=\"pageLoginLiterals.rememberUser\"\n              [p-size]=\"componentsSize\"\n              (keyup.enter)=\"loginForm.valid && onLoginSubmit()\"\n              [p-hide-label-status]=\"hideLabelStatus\"\n            >\n            </po-switch>\n            @if (pageLoginLiterals.loginHint || pageLoginLiterals.rememberUserHint) {\n              <div\n                class=\"po-page-login-info-icon-container po-page-login-info-icon-remember-user\"\n                [class.po-page-login-info-icon-container-dynamic]=\"!pageLoginLiterals.rememberUserHint\"\n              >\n                @if (pageLoginLiterals.rememberUserHint) {\n                  <po-icon\n                    p-icon=\"ICON_INFO po-field-icon\"\n                    p-tooltip-position=\"right\"\n                    [p-tooltip]=\"pageLoginLiterals.rememberUserHint\"\n                  >\n                  </po-icon>\n                }\n              </div>\n            }\n          </div>\n        }\n      </div>\n\n      <po-button\n        [class.po-page-login-button-dynamic]=\"!pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\"\n        class=\"po-lg-12 po-page-login-button po-page-login-field-size\"\n        p-kind=\"primary\"\n        [p-disabled]=\"loginForm.invalid\"\n        [p-label]=\"loading ? pageLoginLiterals.submittedLabel : pageLoginLiterals.submitLabel\"\n        [p-loading]=\"loading\"\n        [p-size]=\"componentsSize\"\n        (p-click)=\"onLoginSubmit()\"\n      >\n      </po-button>\n\n      @if (recovery) {\n        <div class=\"po-page-login-recovery-link\">\n          <a class=\"po-font-text-large-bold\" (click)=\"openUrl(recovery)\">{{ pageLoginLiterals.forgotPassword }}</a>\n        </div>\n      }\n\n      @if (registerUrl) {\n        <div class=\"po-page-login-register-link\">\n          <a class=\"po-font-text-large-bold\" (click)=\"openUrl(registerUrl)\">{{ pageLoginLiterals.registerUrl }}</a>\n        </div>\n      }\n    </div>\n  </form>\n</po-page-background>\n", dependencies: [{ kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: PoPageBackgroundComponent, selector: "po-page-background", inputs: ["p-background", "p-initial-language", "p-hide-logo", "p-highlight-info", "p-components-size", "p-languages", "p-logo", "p-logo-alt", "p-secondary-logo", "p-show-select-language"], outputs: ["p-selected-language"] }, { kind: "component", type: i3.PoButtonComponent, selector: "po-button" }, { kind: "component", type: i3.PoComboComponent, selector: "po-combo" }, { kind: "component", type: i3.PoInputComponent, selector: "po-input" }, { kind: "component", type: i3.PoLoginComponent, selector: "po-login", inputs: ["p-no-autocomplete"] }, { kind: "component", type: i3.PoPasswordComponent, selector: "po-password", inputs: ["p-hide-password-peek", "p-no-autocomplete"] }, { kind: "component", type: i3.PoSelectComponent, selector: "po-select", inputs: ["p-readonly", "p-compact-label", "p-placeholder", "p-options", "p-field-label", "p-field-value", "p-control-value-with-label", "p-loading", "p-size", "p-helper", "p-label-text-wrap"], outputs: ["p-blur", "p-change-model", "ngModelChange"] }, { kind: "component", type: i3.PoSwitchComponent, selector: "po-switch", inputs: ["p-value", "p-compact-label", "p-format-model", "p-hide-label-status", "p-label-position", "p-label-off", "p-label-on", "p-loading", "p-field-error-message", "p-error-limit", "p-invalid-value", "p-size", "p-helper", "p-label-text-wrap"], outputs: ["p-change-model"] }, { kind: "component", type: i3.PoTagComponent, selector: "po-tag" }, { kind: "component", type: i3.PoIconComponent, selector: "po-icon", inputs: ["p-icon"] }, { kind: "directive", type: i3.PoTooltipDirective, selector: "[p-tooltip]" }, { kind: "component", type: PoPageLoginPopoverComponent, selector: "po-page-login-popover", inputs: ["p-literals", "p-recovery", "p-remaining-attempts"], outputs: ["p-forgot-password"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageLoginComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: PoPageLoginComponent, isStandalone: false, selector: "po-page-login", viewQueries: [{ propertyName: "loginForm", first: true, predicate: ["loginForm"], descendants: true, read: NgForm, static: true }, { propertyName: "pageLogin", first: true, predicate: ["pageLogin"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<button class=\"po-page-login-support\" (click)=\"activateSupport()\" [hidden]=\"!support\">\n  <po-icon p-icon=\"ICON_HELP\"></po-icon>\n  {{ pageLoginLiterals?.support }}\n</button>\n\n<po-page-background\n  #pageLogin\n  [p-components-size]=\"componentsSize\"\n  [p-show-select-language]=\"showLanguage\"\n  [p-languages]=\"languagesList\"\n  [p-initial-language]=\"initialSelectLanguage\"\n  [p-background]=\"background\"\n  [p-highlight-info]=\"pageLoginLiterals.highlightInfo\"\n  [p-logo]=\"logo\"\n  [p-secondary-logo]=\"secondaryLogo\"\n  (p-selected-language)=\"onSelectedLanguage($event)\"\n>\n  <header class=\"po-page-login-header\">\n    <div class=\"po-page-login-header-product-name\">\n      <h1>{{ productName }}</h1>\n    </div>\n\n    <div class=\"po-page-login-header-product-environment po-mb-md-4 po-mb-sm-1\">\n      @if (environment) {\n        <po-tag p-type=\"warning\" [p-value]=\"environment\"> </po-tag>\n      }\n    </div>\n    <div class=\"po-page-login-header-welcome po-mb-md-4 po-mb-sm-2\">{{ pageLoginLiterals.welcome }}</div>\n  </header>\n\n  <form #loginForm=\"ngForm\" class=\"po-page-login-form\">\n    <div class=\"po-row\">\n      <div class=\"po-lg-12\">\n        <div class=\"po-page-login-hint po-page-login-info-container\">\n          <po-login\n            class=\"po-page-login-info-field\"\n            [class.po-page-login-info-field-dynamic]=\"\n              !pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\n            \"\n            name=\"login\"\n            [(ngModel)]=\"login\"\n            p-auto-focus\n            p-required\n            [p-label]=\"pageLoginLiterals.loginLabel\"\n            [p-no-autocomplete]=\"noAutocompleteLogin\"\n            [p-pattern]=\"loginPattern\"\n            [p-placeholder]=\"pageLoginLiterals.loginPlaceholder\"\n            [p-size]=\"componentsSize\"\n            (click)=\"closePopover()\"\n            (keyup.enter)=\"loginForm.valid && onLoginSubmit()\"\n            (p-change-model)=\"changeLoginModel()\"\n          >\n          </po-login>\n\n          @if (pageLoginLiterals.loginHint || pageLoginLiterals.rememberUserHint) {\n            <div\n              class=\"po-page-login-info-icon-container\"\n              [class.po-page-login-info-icon-container-dynamic]=\"\n                !pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\n              \"\n            >\n              @if (pageLoginLiterals.loginHint) {\n                <po-icon\n                  p-icon=\"ICON_INFO po-field-icon\"\n                  p-tooltip-position=\"right\"\n                  [p-tooltip]=\"pageLoginLiterals.loginHint\"\n                >\n                </po-icon>\n              }\n            </div>\n          }\n        </div>\n\n        <div class=\"po-field-container-bottom po-field-container-error-container\">\n          @for (error of allLoginErrors; track error) {\n            <div class=\"po-field-container-bottom-text-error po-field-container-error-item\">\n              <po-icon p-icon=\"ICON_EXCLAMATION\"></po-icon>\n              <span class=\"po-field-error-message\">{{ error }}</span>\n            </div>\n          }\n        </div>\n      </div>\n\n      <div class=\"po-lg-12\">\n        <div class=\"po-page-login-password-container\">\n          <po-password\n            class=\"po-page-login-field-size po-page-login-password-item\"\n            [class.po-page-login-field-size-dynamic]=\"\n              !pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\n            \"\n            name=\"password\"\n            [(ngModel)]=\"password\"\n            p-required\n            [p-hide-password-peek]=\"hidePasswordPeek\"\n            [p-label]=\"pageLoginLiterals.passwordLabel\"\n            [p-no-autocomplete]=\"noAutocompletePassword\"\n            [p-pattern]=\"passwordPattern\"\n            [p-placeholder]=\"pageLoginLiterals.passwordPlaceholder\"\n            [p-size]=\"componentsSize\"\n            (click)=\"closePopover()\"\n            (keyup.enter)=\"loginForm.valid && onLoginSubmit()\"\n            (p-change-model)=\"changePasswordModel()\"\n          >\n          </po-password>\n          @if (pageLoginLiterals.loginHint || pageLoginLiterals.rememberUserHint) {\n            <div class=\"po-page-login-password-item po-page-login-password-popover-container\">\n              @if (showExceededAttemptsWarning && exceededAttemptsWarning) {\n                <po-page-login-popover\n                  [p-literals]=\"pageLoginLiterals\"\n                  [p-recovery]=\"recovery\"\n                  [p-remaining-attempts]=\"exceededAttemptsWarning\"\n                  (p-forgot-password)=\"openUrl($event)\"\n                >\n                </po-page-login-popover>\n              }\n            </div>\n          }\n        </div>\n        <div class=\"po-field-container-bottom po-field-container-error-container\">\n          @for (error of allPasswordErrors; track error) {\n            <div class=\"po-field-container-bottom-text-error po-field-container-error-item\">\n              <po-icon p-icon=\"ICON_EXCLAMATION\"></po-icon>\n              <span class=\"po-field-error-message\">{{ error }}</span>\n            </div>\n          }\n        </div>\n      </div>\n\n      @if (customField && customFieldType === 'input') {\n        <po-input\n          [class.po-page-login-field-size-dynamic]=\"!pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\"\n          class=\"po-page-login-field-size po-lg-12\"\n          name=\"customFieldInput\"\n          [(ngModel)]=\"customFieldObject.value\"\n          p-required\n          [p-error-pattern]=\"customFieldObject.errorPattern || pageLoginLiterals.customFieldErrorPattern\"\n          [p-pattern]=\"customFieldObject.pattern\"\n          [p-placeholder]=\"customFieldObject.placeholder || pageLoginLiterals.customFieldPlaceholder\"\n          [p-size]=\"componentsSize\"\n          (keyup.enter)=\"loginForm.valid && onLoginSubmit()\"\n        >\n        </po-input>\n      }\n\n      @if (customField && customFieldType === 'combo') {\n        <po-combo\n          [class.po-page-login-field-size-dynamic]=\"!pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\"\n          class=\"po-page-login-field-size po-lg-12\"\n          name=\"customFieldCombo\"\n          [(ngModel)]=\"customFieldObject.value\"\n          p-required\n          [p-field-value]=\"customFieldObject.fieldValue\"\n          [p-filter-service]=\"customFieldObject.url\"\n          [p-placeholder]=\"customFieldObject.placeholder || pageLoginLiterals.customFieldPlaceholder\"\n          [p-size]=\"componentsSize\"\n        >\n        </po-combo>\n      }\n\n      @if (customField && customFieldType === 'select') {\n        <po-select\n          [class.po-page-login-field-size-dynamic]=\"!pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\"\n          class=\"po-page-login-field-size po-lg-12\"\n          name=\"customFieldSelect\"\n          [(ngModel)]=\"customFieldObject.value\"\n          p-required\n          [p-placeholder]=\"customFieldObject.placeholder || pageLoginLiterals.customFieldPlaceholder\"\n          [p-options]=\"customFieldObject.options\"\n          [p-size]=\"componentsSize\"\n        >\n        </po-select>\n      }\n\n      <div class=\"po-lg-12\">\n        @if (!hideRememberUser) {\n          <div class=\"po-page-login-hint po-page-login-info-container\">\n            <po-switch\n              class=\"po-page-login-info-field po-lg-7 po-offset-lg-5 po-offset-xl-5\"\n              name=\"rememberUser\"\n              [(ngModel)]=\"rememberUser\"\n              p-label-position=\"1\"\n              [p-label-off]=\"pageLoginLiterals.rememberUser\"\n              [p-label-on]=\"pageLoginLiterals.rememberUser\"\n              [p-size]=\"componentsSize\"\n              (keyup.enter)=\"loginForm.valid && onLoginSubmit()\"\n              [p-hide-label-status]=\"hideLabelStatus\"\n            >\n            </po-switch>\n            @if (pageLoginLiterals.loginHint || pageLoginLiterals.rememberUserHint) {\n              <div\n                class=\"po-page-login-info-icon-container po-page-login-info-icon-remember-user\"\n                [class.po-page-login-info-icon-container-dynamic]=\"!pageLoginLiterals.rememberUserHint\"\n              >\n                @if (pageLoginLiterals.rememberUserHint) {\n                  <po-icon\n                    p-icon=\"ICON_INFO po-field-icon\"\n                    p-tooltip-position=\"right\"\n                    [p-tooltip]=\"pageLoginLiterals.rememberUserHint\"\n                  >\n                  </po-icon>\n                }\n              </div>\n            }\n          </div>\n        }\n      </div>\n\n      <po-button\n        [class.po-page-login-button-dynamic]=\"!pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\"\n        class=\"po-lg-12 po-page-login-button po-page-login-field-size\"\n        p-kind=\"primary\"\n        [p-disabled]=\"loginForm.invalid\"\n        [p-label]=\"loading ? pageLoginLiterals.submittedLabel : pageLoginLiterals.submitLabel\"\n        [p-loading]=\"loading\"\n        [p-size]=\"componentsSize\"\n        (p-click)=\"onLoginSubmit()\"\n      >\n      </po-button>\n\n      @if (recovery) {\n        <div class=\"po-page-login-recovery-link\">\n          <a class=\"po-font-text-large-bold\" (click)=\"openUrl(recovery)\">{{ pageLoginLiterals.forgotPassword }}</a>\n        </div>\n      }\n\n      @if (registerUrl) {\n        <div class=\"po-page-login-register-link\">\n          <a class=\"po-font-text-large-bold\" (click)=\"openUrl(registerUrl)\">{{ pageLoginLiterals.registerUrl }}</a>\n        </div>\n      }\n    </div>\n  </form>\n</po-page-background>\n", dependencies: [{ kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: PoPageBackgroundComponent, selector: "po-page-background", inputs: ["p-background", "p-initial-language", "p-hide-logo", "p-highlight-info", "p-components-size", "p-languages", "p-logo", "p-logo-alt", "p-secondary-logo", "p-show-select-language"], outputs: ["p-selected-language"] }, { kind: "component", type: i3.PoButtonComponent, selector: "po-button" }, { kind: "component", type: i3.PoComboComponent, selector: "po-combo" }, { kind: "component", type: i3.PoInputComponent, selector: "po-input" }, { kind: "component", type: i3.PoLoginComponent, selector: "po-login", inputs: ["p-no-autocomplete"] }, { kind: "component", type: i3.PoPasswordComponent, selector: "po-password", inputs: ["p-hide-password-peek", "p-no-autocomplete"] }, { kind: "component", type: i3.PoSelectComponent, selector: "po-select", inputs: ["p-readonly", "p-compact-label", "p-placeholder", "p-options", "p-field-label", "p-field-value", "p-control-value-with-label", "p-loading", "p-size", "p-helper", "p-label-text-wrap"], outputs: ["p-blur", "p-change-model", "ngModelChange"] }, { kind: "component", type: i3.PoSwitchComponent, selector: "po-switch", inputs: ["p-value", "p-compact-label", "p-format-model", "p-hide-label-status", "p-label-position", "p-label-off", "p-label-on", "p-loading", "p-field-error-message", "p-error-limit", "p-invalid-value", "p-size", "p-helper", "p-label-text-wrap"], outputs: ["p-change-model"] }, { kind: "component", type: i3.PoTagComponent, selector: "po-tag" }, { kind: "component", type: i3.PoIconComponent, selector: "po-icon", inputs: ["p-icon"] }, { kind: "directive", type: i3.PoTooltipDirective, selector: "[p-tooltip]" }, { kind: "component", type: PoPageLoginPopoverComponent, selector: "po-page-login-popover", inputs: ["p-literals", "p-recovery", "p-remaining-attempts"], outputs: ["p-forgot-password"] }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageLoginComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageLoginComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'po-page-login', standalone: false, template: "<button class=\"po-page-login-support\" (click)=\"activateSupport()\" [hidden]=\"!support\">\n  <po-icon p-icon=\"ICON_HELP\"></po-icon>\n  {{ pageLoginLiterals?.support }}\n</button>\n\n<po-page-background\n  #pageLogin\n  [p-components-size]=\"componentsSize\"\n  [p-show-select-language]=\"showLanguage\"\n  [p-languages]=\"languagesList\"\n  [p-initial-language]=\"initialSelectLanguage\"\n  [p-background]=\"background\"\n  [p-highlight-info]=\"pageLoginLiterals.highlightInfo\"\n  [p-logo]=\"logo\"\n  [p-secondary-logo]=\"secondaryLogo\"\n  (p-selected-language)=\"onSelectedLanguage($event)\"\n>\n  <header class=\"po-page-login-header\">\n    <div class=\"po-page-login-header-product-name\">\n      <h1>{{ productName }}</h1>\n    </div>\n\n    <div class=\"po-page-login-header-product-environment po-mb-md-4 po-mb-sm-1\">\n      @if (environment) {\n        <po-tag p-type=\"warning\" [p-value]=\"environment\"> </po-tag>\n      }\n    </div>\n    <div class=\"po-page-login-header-welcome po-mb-md-4 po-mb-sm-2\">{{ pageLoginLiterals.welcome }}</div>\n  </header>\n\n  <form #loginForm=\"ngForm\" class=\"po-page-login-form\">\n    <div class=\"po-row\">\n      <div class=\"po-lg-12\">\n        <div class=\"po-page-login-hint po-page-login-info-container\">\n          <po-login\n            class=\"po-page-login-info-field\"\n            [class.po-page-login-info-field-dynamic]=\"\n              !pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\n            \"\n            name=\"login\"\n            [(ngModel)]=\"login\"\n            p-auto-focus\n            p-required\n            [p-label]=\"pageLoginLiterals.loginLabel\"\n            [p-no-autocomplete]=\"noAutocompleteLogin\"\n            [p-pattern]=\"loginPattern\"\n            [p-placeholder]=\"pageLoginLiterals.loginPlaceholder\"\n            [p-size]=\"componentsSize\"\n            (click)=\"closePopover()\"\n            (keyup.enter)=\"loginForm.valid && onLoginSubmit()\"\n            (p-change-model)=\"changeLoginModel()\"\n          >\n          </po-login>\n\n          @if (pageLoginLiterals.loginHint || pageLoginLiterals.rememberUserHint) {\n            <div\n              class=\"po-page-login-info-icon-container\"\n              [class.po-page-login-info-icon-container-dynamic]=\"\n                !pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\n              \"\n            >\n              @if (pageLoginLiterals.loginHint) {\n                <po-icon\n                  p-icon=\"ICON_INFO po-field-icon\"\n                  p-tooltip-position=\"right\"\n                  [p-tooltip]=\"pageLoginLiterals.loginHint\"\n                >\n                </po-icon>\n              }\n            </div>\n          }\n        </div>\n\n        <div class=\"po-field-container-bottom po-field-container-error-container\">\n          @for (error of allLoginErrors; track error) {\n            <div class=\"po-field-container-bottom-text-error po-field-container-error-item\">\n              <po-icon p-icon=\"ICON_EXCLAMATION\"></po-icon>\n              <span class=\"po-field-error-message\">{{ error }}</span>\n            </div>\n          }\n        </div>\n      </div>\n\n      <div class=\"po-lg-12\">\n        <div class=\"po-page-login-password-container\">\n          <po-password\n            class=\"po-page-login-field-size po-page-login-password-item\"\n            [class.po-page-login-field-size-dynamic]=\"\n              !pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\n            \"\n            name=\"password\"\n            [(ngModel)]=\"password\"\n            p-required\n            [p-hide-password-peek]=\"hidePasswordPeek\"\n            [p-label]=\"pageLoginLiterals.passwordLabel\"\n            [p-no-autocomplete]=\"noAutocompletePassword\"\n            [p-pattern]=\"passwordPattern\"\n            [p-placeholder]=\"pageLoginLiterals.passwordPlaceholder\"\n            [p-size]=\"componentsSize\"\n            (click)=\"closePopover()\"\n            (keyup.enter)=\"loginForm.valid && onLoginSubmit()\"\n            (p-change-model)=\"changePasswordModel()\"\n          >\n          </po-password>\n          @if (pageLoginLiterals.loginHint || pageLoginLiterals.rememberUserHint) {\n            <div class=\"po-page-login-password-item po-page-login-password-popover-container\">\n              @if (showExceededAttemptsWarning && exceededAttemptsWarning) {\n                <po-page-login-popover\n                  [p-literals]=\"pageLoginLiterals\"\n                  [p-recovery]=\"recovery\"\n                  [p-remaining-attempts]=\"exceededAttemptsWarning\"\n                  (p-forgot-password)=\"openUrl($event)\"\n                >\n                </po-page-login-popover>\n              }\n            </div>\n          }\n        </div>\n        <div class=\"po-field-container-bottom po-field-container-error-container\">\n          @for (error of allPasswordErrors; track error) {\n            <div class=\"po-field-container-bottom-text-error po-field-container-error-item\">\n              <po-icon p-icon=\"ICON_EXCLAMATION\"></po-icon>\n              <span class=\"po-field-error-message\">{{ error }}</span>\n            </div>\n          }\n        </div>\n      </div>\n\n      @if (customField && customFieldType === 'input') {\n        <po-input\n          [class.po-page-login-field-size-dynamic]=\"!pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\"\n          class=\"po-page-login-field-size po-lg-12\"\n          name=\"customFieldInput\"\n          [(ngModel)]=\"customFieldObject.value\"\n          p-required\n          [p-error-pattern]=\"customFieldObject.errorPattern || pageLoginLiterals.customFieldErrorPattern\"\n          [p-pattern]=\"customFieldObject.pattern\"\n          [p-placeholder]=\"customFieldObject.placeholder || pageLoginLiterals.customFieldPlaceholder\"\n          [p-size]=\"componentsSize\"\n          (keyup.enter)=\"loginForm.valid && onLoginSubmit()\"\n        >\n        </po-input>\n      }\n\n      @if (customField && customFieldType === 'combo') {\n        <po-combo\n          [class.po-page-login-field-size-dynamic]=\"!pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\"\n          class=\"po-page-login-field-size po-lg-12\"\n          name=\"customFieldCombo\"\n          [(ngModel)]=\"customFieldObject.value\"\n          p-required\n          [p-field-value]=\"customFieldObject.fieldValue\"\n          [p-filter-service]=\"customFieldObject.url\"\n          [p-placeholder]=\"customFieldObject.placeholder || pageLoginLiterals.customFieldPlaceholder\"\n          [p-size]=\"componentsSize\"\n        >\n        </po-combo>\n      }\n\n      @if (customField && customFieldType === 'select') {\n        <po-select\n          [class.po-page-login-field-size-dynamic]=\"!pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\"\n          class=\"po-page-login-field-size po-lg-12\"\n          name=\"customFieldSelect\"\n          [(ngModel)]=\"customFieldObject.value\"\n          p-required\n          [p-placeholder]=\"customFieldObject.placeholder || pageLoginLiterals.customFieldPlaceholder\"\n          [p-options]=\"customFieldObject.options\"\n          [p-size]=\"componentsSize\"\n        >\n        </po-select>\n      }\n\n      <div class=\"po-lg-12\">\n        @if (!hideRememberUser) {\n          <div class=\"po-page-login-hint po-page-login-info-container\">\n            <po-switch\n              class=\"po-page-login-info-field po-lg-7 po-offset-lg-5 po-offset-xl-5\"\n              name=\"rememberUser\"\n              [(ngModel)]=\"rememberUser\"\n              p-label-position=\"1\"\n              [p-label-off]=\"pageLoginLiterals.rememberUser\"\n              [p-label-on]=\"pageLoginLiterals.rememberUser\"\n              [p-size]=\"componentsSize\"\n              (keyup.enter)=\"loginForm.valid && onLoginSubmit()\"\n              [p-hide-label-status]=\"hideLabelStatus\"\n            >\n            </po-switch>\n            @if (pageLoginLiterals.loginHint || pageLoginLiterals.rememberUserHint) {\n              <div\n                class=\"po-page-login-info-icon-container po-page-login-info-icon-remember-user\"\n                [class.po-page-login-info-icon-container-dynamic]=\"!pageLoginLiterals.rememberUserHint\"\n              >\n                @if (pageLoginLiterals.rememberUserHint) {\n                  <po-icon\n                    p-icon=\"ICON_INFO po-field-icon\"\n                    p-tooltip-position=\"right\"\n                    [p-tooltip]=\"pageLoginLiterals.rememberUserHint\"\n                  >\n                  </po-icon>\n                }\n              </div>\n            }\n          </div>\n        }\n      </div>\n\n      <po-button\n        [class.po-page-login-button-dynamic]=\"!pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\"\n        class=\"po-lg-12 po-page-login-button po-page-login-field-size\"\n        p-kind=\"primary\"\n        [p-disabled]=\"loginForm.invalid\"\n        [p-label]=\"loading ? pageLoginLiterals.submittedLabel : pageLoginLiterals.submitLabel\"\n        [p-loading]=\"loading\"\n        [p-size]=\"componentsSize\"\n        (p-click)=\"onLoginSubmit()\"\n      >\n      </po-button>\n\n      @if (recovery) {\n        <div class=\"po-page-login-recovery-link\">\n          <a class=\"po-font-text-large-bold\" (click)=\"openUrl(recovery)\">{{ pageLoginLiterals.forgotPassword }}</a>\n        </div>\n      }\n\n      @if (registerUrl) {\n        <div class=\"po-page-login-register-link\">\n          <a class=\"po-font-text-large-bold\" (click)=\"openUrl(registerUrl)\">{{ pageLoginLiterals.registerUrl }}</a>\n        </div>\n      }\n    </div>\n  </form>\n</po-page-background>\n" }]
+            args: [{ selector: 'po-page-login', changeDetection: ChangeDetectionStrategy.Eager, standalone: false, template: "<button class=\"po-page-login-support\" (click)=\"activateSupport()\" [hidden]=\"!support\">\n  <po-icon p-icon=\"ICON_HELP\"></po-icon>\n  {{ pageLoginLiterals?.support }}\n</button>\n\n<po-page-background\n  #pageLogin\n  [p-components-size]=\"componentsSize\"\n  [p-show-select-language]=\"showLanguage\"\n  [p-languages]=\"languagesList\"\n  [p-initial-language]=\"initialSelectLanguage\"\n  [p-background]=\"background\"\n  [p-highlight-info]=\"pageLoginLiterals.highlightInfo\"\n  [p-logo]=\"logo\"\n  [p-secondary-logo]=\"secondaryLogo\"\n  (p-selected-language)=\"onSelectedLanguage($event)\"\n>\n  <header class=\"po-page-login-header\">\n    <div class=\"po-page-login-header-product-name\">\n      <h1>{{ productName }}</h1>\n    </div>\n\n    <div class=\"po-page-login-header-product-environment po-mb-md-4 po-mb-sm-1\">\n      @if (environment) {\n        <po-tag p-type=\"warning\" [p-value]=\"environment\"> </po-tag>\n      }\n    </div>\n    <div class=\"po-page-login-header-welcome po-mb-md-4 po-mb-sm-2\">{{ pageLoginLiterals.welcome }}</div>\n  </header>\n\n  <form #loginForm=\"ngForm\" class=\"po-page-login-form\">\n    <div class=\"po-row\">\n      <div class=\"po-lg-12\">\n        <div class=\"po-page-login-hint po-page-login-info-container\">\n          <po-login\n            class=\"po-page-login-info-field\"\n            [class.po-page-login-info-field-dynamic]=\"\n              !pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\n            \"\n            name=\"login\"\n            [(ngModel)]=\"login\"\n            p-auto-focus\n            p-required\n            [p-label]=\"pageLoginLiterals.loginLabel\"\n            [p-no-autocomplete]=\"noAutocompleteLogin\"\n            [p-pattern]=\"loginPattern\"\n            [p-placeholder]=\"pageLoginLiterals.loginPlaceholder\"\n            [p-size]=\"componentsSize\"\n            (click)=\"closePopover()\"\n            (keyup.enter)=\"loginForm.valid && onLoginSubmit()\"\n            (p-change-model)=\"changeLoginModel()\"\n          >\n          </po-login>\n\n          @if (pageLoginLiterals.loginHint || pageLoginLiterals.rememberUserHint) {\n            <div\n              class=\"po-page-login-info-icon-container\"\n              [class.po-page-login-info-icon-container-dynamic]=\"\n                !pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\n              \"\n            >\n              @if (pageLoginLiterals.loginHint) {\n                <po-icon\n                  p-icon=\"ICON_INFO po-field-icon\"\n                  p-tooltip-position=\"right\"\n                  [p-tooltip]=\"pageLoginLiterals.loginHint\"\n                >\n                </po-icon>\n              }\n            </div>\n          }\n        </div>\n\n        <div class=\"po-field-container-bottom po-field-container-error-container\">\n          @for (error of allLoginErrors; track error) {\n            <div class=\"po-field-container-bottom-text-error po-field-container-error-item\">\n              <po-icon p-icon=\"ICON_EXCLAMATION\"></po-icon>\n              <span class=\"po-field-error-message\">{{ error }}</span>\n            </div>\n          }\n        </div>\n      </div>\n\n      <div class=\"po-lg-12\">\n        <div class=\"po-page-login-password-container\">\n          <po-password\n            class=\"po-page-login-field-size po-page-login-password-item\"\n            [class.po-page-login-field-size-dynamic]=\"\n              !pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\n            \"\n            name=\"password\"\n            [(ngModel)]=\"password\"\n            p-required\n            [p-hide-password-peek]=\"hidePasswordPeek\"\n            [p-label]=\"pageLoginLiterals.passwordLabel\"\n            [p-no-autocomplete]=\"noAutocompletePassword\"\n            [p-pattern]=\"passwordPattern\"\n            [p-placeholder]=\"pageLoginLiterals.passwordPlaceholder\"\n            [p-size]=\"componentsSize\"\n            (click)=\"closePopover()\"\n            (keyup.enter)=\"loginForm.valid && onLoginSubmit()\"\n            (p-change-model)=\"changePasswordModel()\"\n          >\n          </po-password>\n          @if (pageLoginLiterals.loginHint || pageLoginLiterals.rememberUserHint) {\n            <div class=\"po-page-login-password-item po-page-login-password-popover-container\">\n              @if (showExceededAttemptsWarning && exceededAttemptsWarning) {\n                <po-page-login-popover\n                  [p-literals]=\"pageLoginLiterals\"\n                  [p-recovery]=\"recovery\"\n                  [p-remaining-attempts]=\"exceededAttemptsWarning\"\n                  (p-forgot-password)=\"openUrl($event)\"\n                >\n                </po-page-login-popover>\n              }\n            </div>\n          }\n        </div>\n        <div class=\"po-field-container-bottom po-field-container-error-container\">\n          @for (error of allPasswordErrors; track error) {\n            <div class=\"po-field-container-bottom-text-error po-field-container-error-item\">\n              <po-icon p-icon=\"ICON_EXCLAMATION\"></po-icon>\n              <span class=\"po-field-error-message\">{{ error }}</span>\n            </div>\n          }\n        </div>\n      </div>\n\n      @if (customField && customFieldType === 'input') {\n        <po-input\n          [class.po-page-login-field-size-dynamic]=\"!pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\"\n          class=\"po-page-login-field-size po-lg-12\"\n          name=\"customFieldInput\"\n          [(ngModel)]=\"customFieldObject.value\"\n          p-required\n          [p-error-pattern]=\"customFieldObject.errorPattern || pageLoginLiterals.customFieldErrorPattern\"\n          [p-pattern]=\"customFieldObject.pattern\"\n          [p-placeholder]=\"customFieldObject.placeholder || pageLoginLiterals.customFieldPlaceholder\"\n          [p-size]=\"componentsSize\"\n          (keyup.enter)=\"loginForm.valid && onLoginSubmit()\"\n        >\n        </po-input>\n      }\n\n      @if (customField && customFieldType === 'combo') {\n        <po-combo\n          [class.po-page-login-field-size-dynamic]=\"!pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\"\n          class=\"po-page-login-field-size po-lg-12\"\n          name=\"customFieldCombo\"\n          [(ngModel)]=\"customFieldObject.value\"\n          p-required\n          [p-field-value]=\"customFieldObject.fieldValue\"\n          [p-filter-service]=\"customFieldObject.url\"\n          [p-placeholder]=\"customFieldObject.placeholder || pageLoginLiterals.customFieldPlaceholder\"\n          [p-size]=\"componentsSize\"\n        >\n        </po-combo>\n      }\n\n      @if (customField && customFieldType === 'select') {\n        <po-select\n          [class.po-page-login-field-size-dynamic]=\"!pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\"\n          class=\"po-page-login-field-size po-lg-12\"\n          name=\"customFieldSelect\"\n          [(ngModel)]=\"customFieldObject.value\"\n          p-required\n          [p-placeholder]=\"customFieldObject.placeholder || pageLoginLiterals.customFieldPlaceholder\"\n          [p-options]=\"customFieldObject.options\"\n          [p-size]=\"componentsSize\"\n        >\n        </po-select>\n      }\n\n      <div class=\"po-lg-12\">\n        @if (!hideRememberUser) {\n          <div class=\"po-page-login-hint po-page-login-info-container\">\n            <po-switch\n              class=\"po-page-login-info-field po-lg-7 po-offset-lg-5 po-offset-xl-5\"\n              name=\"rememberUser\"\n              [(ngModel)]=\"rememberUser\"\n              p-label-position=\"1\"\n              [p-label-off]=\"pageLoginLiterals.rememberUser\"\n              [p-label-on]=\"pageLoginLiterals.rememberUser\"\n              [p-size]=\"componentsSize\"\n              (keyup.enter)=\"loginForm.valid && onLoginSubmit()\"\n              [p-hide-label-status]=\"hideLabelStatus\"\n            >\n            </po-switch>\n            @if (pageLoginLiterals.loginHint || pageLoginLiterals.rememberUserHint) {\n              <div\n                class=\"po-page-login-info-icon-container po-page-login-info-icon-remember-user\"\n                [class.po-page-login-info-icon-container-dynamic]=\"!pageLoginLiterals.rememberUserHint\"\n              >\n                @if (pageLoginLiterals.rememberUserHint) {\n                  <po-icon\n                    p-icon=\"ICON_INFO po-field-icon\"\n                    p-tooltip-position=\"right\"\n                    [p-tooltip]=\"pageLoginLiterals.rememberUserHint\"\n                  >\n                  </po-icon>\n                }\n              </div>\n            }\n          </div>\n        }\n      </div>\n\n      <po-button\n        [class.po-page-login-button-dynamic]=\"!pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\"\n        class=\"po-lg-12 po-page-login-button po-page-login-field-size\"\n        p-kind=\"primary\"\n        [p-disabled]=\"loginForm.invalid\"\n        [p-label]=\"loading ? pageLoginLiterals.submittedLabel : pageLoginLiterals.submitLabel\"\n        [p-loading]=\"loading\"\n        [p-size]=\"componentsSize\"\n        (p-click)=\"onLoginSubmit()\"\n      >\n      </po-button>\n\n      @if (recovery) {\n        <div class=\"po-page-login-recovery-link\">\n          <a class=\"po-font-text-large-bold\" (click)=\"openUrl(recovery)\">{{ pageLoginLiterals.forgotPassword }}</a>\n        </div>\n      }\n\n      @if (registerUrl) {\n        <div class=\"po-page-login-register-link\">\n          <a class=\"po-font-text-large-bold\" (click)=\"openUrl(registerUrl)\">{{ pageLoginLiterals.registerUrl }}</a>\n        </div>\n      }\n    </div>\n  </form>\n</po-page-background>\n" }]
         }], ctorParameters: () => [], propDecorators: { loginForm: [{
                 type: ViewChild,
                 args: ['loginForm', { read: NgForm, static: true }]
@@ -10402,11 +10380,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
  * Módulo do template do po-page-login.
  */
 class PoPageLoginModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageLoginModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: PoPageLoginModule, declarations: [PoPageLoginComponent, PoPageLoginPopoverComponent], imports: [CommonModule, FormsModule, RouterModule, PoPageBackgroundModule, PoModule], exports: [PoPageLoginComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageLoginModule, providers: [PoPageLoginService], imports: [CommonModule, FormsModule, RouterModule, PoPageBackgroundModule, PoModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageLoginModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: PoPageLoginModule, declarations: [PoPageLoginComponent, PoPageLoginPopoverComponent], imports: [CommonModule, FormsModule, RouterModule, PoPageBackgroundModule, PoModule], exports: [PoPageLoginComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageLoginModule, providers: [PoPageLoginService], imports: [CommonModule, FormsModule, RouterModule, PoPageBackgroundModule, PoModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoPageLoginModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoPageLoginModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, FormsModule, RouterModule, PoPageBackgroundModule, PoModule],
@@ -10417,8 +10395,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
         }] });
 class PoComponentsModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: PoComponentsModule, imports: [PoModalPasswordRecoveryModule,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: PoComponentsModule, imports: [PoModalPasswordRecoveryModule,
             PoPageBackgroundModule,
             PoPageBlockedUserModule,
             PoPageChangePasswordModule,
@@ -10437,7 +10415,7 @@ class PoComponentsModule {
             PoPageDynamicTableModule,
             PoPageJobSchedulerModule,
             PoPageLoginModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoComponentsModule, imports: [PoModalPasswordRecoveryModule,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoComponentsModule, imports: [PoModalPasswordRecoveryModule,
             PoPageBackgroundModule,
             PoPageBlockedUserModule,
             PoPageChangePasswordModule,
@@ -10457,7 +10435,7 @@ class PoComponentsModule {
             PoPageJobSchedulerModule,
             PoPageLoginModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoComponentsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoComponentsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -10488,11 +10466,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
         }] });
 class PoServicesModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoServicesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: PoServicesModule, imports: [PoPageCustomizationModule, PoPageDynamicModule], exports: [PoPageCustomizationModule, PoPageDynamicModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoServicesModule, imports: [PoPageCustomizationModule, PoPageDynamicModule, PoPageCustomizationModule, PoPageDynamicModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoServicesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: PoServicesModule, imports: [PoPageCustomizationModule, PoPageDynamicModule], exports: [PoPageCustomizationModule, PoPageDynamicModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoServicesModule, imports: [PoPageCustomizationModule, PoPageDynamicModule, PoPageCustomizationModule, PoPageDynamicModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoServicesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoServicesModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [PoPageCustomizationModule, PoPageDynamicModule],
@@ -10501,11 +10479,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
         }] });
 class PoTemplatesModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoTemplatesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: PoTemplatesModule, imports: [PoComponentsModule, PoServicesModule], exports: [PoComponentsModule, PoServicesModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoTemplatesModule, imports: [PoComponentsModule, PoServicesModule, PoComponentsModule, PoServicesModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoTemplatesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: PoTemplatesModule, imports: [PoComponentsModule, PoServicesModule], exports: [PoComponentsModule, PoServicesModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoTemplatesModule, imports: [PoComponentsModule, PoServicesModule, PoComponentsModule, PoServicesModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PoTemplatesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PoTemplatesModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [PoComponentsModule, PoServicesModule],