@po-ui/ng-templates 19.23.0 → 19.25.0

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

@@ -1,15 +1,15 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Directive, Input, Output, Injectable, Component, ViewChild, NgModule, ChangeDetectionStrategy, ViewContainerRef, ViewEncapsulation, ContentChildren, ContentChild } from '@angular/core';
-import * as i4 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i5 from '@angular/forms';
+import { EventEmitter, Directive, Input, Output, inject, Injectable, Component, ViewChild, NgModule, ChangeDetectorRef, ChangeDetectionStrategy, ViewContainerRef, ViewEncapsulation, ContentChildren, ContentChild, IterableDiffers } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule, DatePipe } from '@angular/common';
+import * as i2 from '@angular/forms';
 import { FormsModule, NgForm } from '@angular/forms';
-import * as i1 from '@po-ui/ng-components';
-import { poLocaleDefault, poLocales, PoFieldModule, PoModalModule, PoIconModule, PoI18nPipe, poLanguageDefault, PoDividerModule, PoLogoModule, PoModule, PoModalComponent, PoDynamicModule, PoPageModule, PoWidgetModule, PoButtonModule, PoGridModule, PoDynamicFormComponent, PoDynamicFieldType, PoPageListComponent, PoLanguageModule, PoTableColumnSortType, PoTableModule, PoStepperOrientation, PoInfoOrientation, PoStepperStatus, PoContainerModule, PoDialogModule, PoInfoModule, PoStepperModule } from '@po-ui/ng-components';
-import * as i1$2 from '@angular/router';
-import { RouterModule } from '@angular/router';
+import * as i3 from '@po-ui/ng-components';
+import { poLocaleDefault, poLocales, PoThemeA11yEnum, PoI18nPipe, PoLanguageService, PoFieldModule, PoModalModule, PoIconModule, poLanguageDefault, PoDividerModule, PoLogoModule, PoModule, PoComponentInjectorService, PoModalComponent, PoNotificationService, PoDialogService, PoDynamicModule, PoPageModule, PoWidgetModule, PoButtonModule, PoGridModule, PoDynamicFormComponent, PoDynamicFieldType, PoPageListComponent, PoLanguageModule, PoTableColumnSortType, PoTableModule, PoStepperOrientation, PoInfoOrientation, PoStepperStatus, PoContainerModule, PoDialogModule, PoInfoModule, PoStepperModule } from '@po-ui/ng-components';
+import * as i2$1 from '@angular/router';
+import { Router, RouterModule, ActivatedRoute } from '@angular/router';
 import * as i1$1 from '@angular/common/http';
-import { HttpHeaders } from '@angular/common/http';
+import { HttpClient, HttpHeaders } from '@angular/common/http';
 import { of, merge, throwError, from, EMPTY, concat, Observable, Subscription } from 'rxjs';
 import { map, catchError, switchMap, tap } from 'rxjs/operators';
 
@@ -150,11 +150,19 @@ function formatYear(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.
+ */
+function getDefaultSizeFn() {
+    return getA11yDefaultSize() === 'small' ? PoPageComponentsSize.Small : PoPageComponentsSize.Medium;
+}
 function isEquals(value, comparedValue) {
     return JSON.stringify(value) === JSON.stringify(comparedValue);
 }
@@ -460,6 +468,8 @@ function sortArrayOfObjects(items, key, isAscendingOrder) {
     });
 }
 /**
+ * @deprecated use validateSizeFn
+ *
  * Valida e retorna um tamanho permitido para os componentes, considerando a acessibilidade.
  */
 function validateSize(value, poThemeService) {
@@ -471,6 +481,37 @@ function validateSize(value, poThemeService) {
     }
     return getDefaultSize(poThemeService);
 }
+/**
+ * Valida e retorna um tamanho permitido para os componentes, considerando a acessibilidade.
+ */
+function validateSizeFn(value) {
+    if (value && Object.values(PoPageComponentsSize).includes(value)) {
+        if (value === PoPageComponentsSize.Small && getA11yLevel() !== 'AA') {
+            return PoPageComponentsSize.Medium;
+        }
+        return value;
+    }
+    return getDefaultSizeFn();
+}
+/**
+ * Retorna a preferência global de tamanho dos componentes.
+ *
+ * @returns `'small'` ou `'medium'`.
+ */
+function getA11yDefaultSize() {
+    const defaultSize = localStorage.getItem('po-default-size');
+    const a11yLevel = document.documentElement.getAttribute('data-a11y');
+    return defaultSize === 'small' && a11yLevel === 'AA' ? 'small' : 'medium';
+}
+/**
+ * Retorna o nível de acessibilidade configurado no tema.
+ * Se não estiver configurado, retorna `AAA` como padrão.
+ * @returns {PoThemeA11yEnum} O nível de acessibilidade, que pode ser `AA` ou `AAA`.
+ */
+function getA11yLevel() {
+    const a11yLevel = document.documentElement.getAttribute('data-a11y');
+    return a11yLevel === 'AA' ? PoThemeA11yEnum.AA : PoThemeA11yEnum.AAA;
+}
 
 /**
  * @docsPrivate
@@ -678,7 +719,6 @@ const PoModalPasswordRecoveryTypeDefault = PoModalPasswordRecoveryType.Email;
  * ```
  */
 class PoModalPasswordRecoveryBaseComponent {
-    poThemeService;
     /**
      * @optional
      *
@@ -841,10 +881,10 @@ class PoModalPasswordRecoveryBaseComponent {
      * @default `medium`
      */
     set componentsSize(value) {
-        this._componentsSize = validateSize(value, this.poThemeService);
+        this._componentsSize = validateSizeFn(value);
     }
     get componentsSize() {
-        return this._componentsSize ?? getDefaultSize(this.poThemeService);
+        return this._componentsSize ?? getDefaultSizeFn();
     }
     /**
      * @optional
@@ -894,8 +934,7 @@ class PoModalPasswordRecoveryBaseComponent {
     get type() {
         return this._type;
     }
-    constructor(languageService, poThemeService) {
-        this.poThemeService = poThemeService;
+    constructor(languageService) {
         this.literals = {
             ...this.literals,
             ...poModalPasswordRecoveryLiterals[languageService.getShortLanguage()]
@@ -907,12 +946,12 @@ class PoModalPasswordRecoveryBaseComponent {
             ? `${literalCodeErrorMessage} ${this.literals.prepositionIn} ${value}.`
             : literalCodeErrorMessage;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoModalPasswordRecoveryBaseComponent, deps: [{ token: i1.PoLanguageService }, { token: i1.PoThemeService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoModalPasswordRecoveryBaseComponent, deps: [{ token: i3.PoLanguageService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.7", 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" }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoModalPasswordRecoveryBaseComponent, decorators: [{
             type: Directive
-        }], ctorParameters: () => [{ type: i1.PoLanguageService }, { type: i1.PoThemeService }], propDecorators: { codeError: [{
+        }], ctorParameters: () => [{ type: i3.PoLanguageService }], propDecorators: { codeError: [{
                 type: Input,
                 args: ['p-code-error']
             }], urlRecovery: [{
@@ -939,14 +978,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImpor
             }] } });
 
 class PoModalPasswordRecoveryService {
-    http;
-    constructor(http) {
-        this.http = http;
-    }
+    http = inject(HttpClient);
     post(urlRecovery, item, params) {
         return this.http.post(urlRecovery, item, { observe: 'response', params: params });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoModalPasswordRecoveryService, deps: [{ token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoModalPasswordRecoveryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoModalPasswordRecoveryService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoModalPasswordRecoveryService, decorators: [{
@@ -954,7 +990,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImpor
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: i1$1.HttpClient }] });
+        }] });
 
 /**
  * @docsPrivate
@@ -967,7 +1003,7 @@ class PoModalPasswordRecoveryErrorMessageComponent {
     /** Texto exibido na mensagem de erro. */
     text;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoModalPasswordRecoveryErrorMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", 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-container-error-text\">{{ text }}</span>\n</div>\n", dependencies: [{ kind: "component", type: i1.PoIconComponent, selector: "po-icon", inputs: ["p-icon"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", 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-container-error-text\">{{ text }}</span>\n</div>\n", dependencies: [{ kind: "component", type: i3.PoIconComponent, selector: "po-icon", inputs: ["p-icon"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoModalPasswordRecoveryErrorMessageComponent, decorators: [{
             type: Component,
@@ -998,10 +1034,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImpor
  * </example>
  */
 class PoModalPasswordRecoveryComponent extends PoModalPasswordRecoveryBaseComponent {
-    router;
-    poI18nPipe;
-    poModalPasswordRecoveryService;
-    poThemeService;
+    router = inject(Router);
+    poI18nPipe = inject(PoI18nPipe);
+    poModalPasswordRecoveryService = inject(PoModalPasswordRecoveryService);
     emailForm;
     recoveryModalElement;
     smsCodeForm;
@@ -1028,12 +1063,9 @@ class PoModalPasswordRecoveryComponent extends PoModalPasswordRecoveryBaseCompon
     passwordRecoverySubscription;
     smsBodyResponse;
     smsCodeSubscription;
-    constructor(router, poI18nPipe, poModalPasswordRecoveryService, poThemeService, poLanguageService) {
-        super(poLanguageService, poThemeService);
-        this.router = router;
-        this.poI18nPipe = poI18nPipe;
-        this.poModalPasswordRecoveryService = poModalPasswordRecoveryService;
-        this.poThemeService = poThemeService;
+    constructor() {
+        const poLanguageService = inject(PoLanguageService);
+        super(poLanguageService);
     }
     ngOnDestroy() {
         if (this.passwordRecoverySubscription) {
@@ -1229,13 +1261,13 @@ class PoModalPasswordRecoveryComponent extends PoModalPasswordRecoveryBaseCompon
             this.openSmsCode();
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoModalPasswordRecoveryComponent, deps: [{ token: i1$2.Router }, { token: i1.PoI18nPipe }, { token: PoModalPasswordRecoveryService }, { token: i1.PoThemeService }, { token: i1.PoLanguageService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", 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: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i1.PoRadioGroupComponent, selector: "po-radio-group", inputs: ["p-label", "p-help"] }, { kind: "component", type: i1.PoEmailComponent, selector: "po-email" }, { kind: "component", type: i1.PoInputComponent, selector: "po-input" }, { kind: "component", type: i1.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: "19.0.7", ngImport: i0, type: PoModalPasswordRecoveryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", 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],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]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i3.PoRadioGroupComponent, selector: "po-radio-group", inputs: ["p-label", "p-help"] }, { kind: "component", type: i3.PoEmailComponent, selector: "po-email" }, { kind: "component", type: i3.PoInputComponent, selector: "po-input" }, { kind: "component", type: i3.PoModalComponent, selector: "po-modal" }, { kind: "component", type: PoModalPasswordRecoveryErrorMessageComponent, selector: "po-modal-password-recovery-error-message", inputs: ["p-text"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", 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" }]
-        }], ctorParameters: () => [{ type: i1$2.Router }, { type: i1.PoI18nPipe }, { type: PoModalPasswordRecoveryService }, { type: i1.PoThemeService }, { type: i1.PoLanguageService }], propDecorators: { emailForm: [{
+        }], ctorParameters: () => [], propDecorators: { emailForm: [{
                 type: ViewChild,
                 args: ['emailForm']
             }], recoveryModalElement: [{
@@ -1275,8 +1307,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImpor
  * de `po-page-login` e demais templates de login.
  */
 class PoPageBackgroundComponent {
-    poLanguageService;
-    poThemeService;
+    poLanguageService = inject(PoLanguageService);
     /** Insere uma imagem de destaque ao lado direito do container. */
     background;
     /** Idioma inicial selecionado no combo */
@@ -1314,10 +1345,10 @@ class PoPageBackgroundComponent {
      * @default `medium`
      */
     set componentsSize(value) {
-        this._componentsSize = validateSize(value, this.poThemeService);
+        this._componentsSize = validateSizeFn(value);
     }
     get componentsSize() {
-        return this._componentsSize ?? getDefaultSize(this.poThemeService);
+        return this._componentsSize ?? getDefaultSizeFn();
     }
     /** Lista de idiomas para o combo box */
     set languagesList(value) {
@@ -1349,10 +1380,6 @@ class PoPageBackgroundComponent {
     get showSelectLanguage() {
         return this._showSelectLanguage;
     }
-    constructor(poLanguageService, poThemeService) {
-        this.poLanguageService = poLanguageService;
-        this.poThemeService = poThemeService;
-    }
     ngOnInit() {
         this.selectedLanguageOption = this.initialSelectLanguage || this.poLanguageService.getShortLanguage();
     }
@@ -1368,13 +1395,13 @@ class PoPageBackgroundComponent {
             value: language.language
         }));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageBackgroundComponent, deps: [{ token: i1.PoLanguageService }, { token: i1.PoThemeService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", 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" }, 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      <po-logo\n        *ngIf=\"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    </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        <div *ngIf=\"showSelectLanguage\" 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        <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          <po-logo\n            *ngIf=\"secondaryLogo\"\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        </div>\n      </div>\n    </div>\n  </div>\n\n  <div\n    *ngIf=\"background\"\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</div>\n", dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1.PoDividerComponent, selector: "po-divider" }, { kind: "component", type: i1.PoSelectComponent, selector: "po-select", inputs: ["p-readonly", "p-placeholder", "p-options", "p-field-label", "p-field-value", "p-control-value-with-label", "p-size"], outputs: ["p-blur", "ngModelChange"] }, { kind: "component", type: i1.PoLogoComponent, selector: "po-logo", inputs: ["p-class", "p-link", "p-logo", "p-logo-alt"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageBackgroundComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.7", 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" }, 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-placeholder", "p-options", "p-field-label", "p-field-value", "p-control-value-with-label", "p-size"], outputs: ["p-blur", "ngModelChange"] }, { kind: "component", type: i3.PoLogoComponent, selector: "po-logo", inputs: ["p-class", "p-link", "p-logo", "p-logo-alt"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", 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      <po-logo\n        *ngIf=\"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    </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        <div *ngIf=\"showSelectLanguage\" 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        <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          <po-logo\n            *ngIf=\"secondaryLogo\"\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        </div>\n      </div>\n    </div>\n  </div>\n\n  <div\n    *ngIf=\"background\"\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</div>\n" }]
-        }], ctorParameters: () => [{ type: i1.PoLanguageService }, { type: i1.PoThemeService }], propDecorators: { background: [{
+            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" }]
+        }], propDecorators: { background: [{
                 type: Input,
                 args: ['p-background']
             }], initialSelectLanguage: [{
@@ -1508,7 +1535,6 @@ const PoPageBlockedUserParamsDefault = { attempts: 5, days: 90, hours: 24 };
  *
  */
 class PoPageBlockedUserBaseComponent {
-    poThemeService;
     /**
      * @optional
      *
@@ -1557,10 +1583,10 @@ class PoPageBlockedUserBaseComponent {
      * @default `medium`
      */
     set componentsSize(value) {
-        this._componentsSize = validateSize(value, this.poThemeService);
+        this._componentsSize = validateSizeFn(value);
     }
     get componentsSize() {
-        return this._componentsSize ?? getDefaultSize(this.poThemeService);
+        return this._componentsSize ?? getDefaultSizeFn();
     }
     /**
      * @optional
@@ -1633,15 +1659,12 @@ class PoPageBlockedUserBaseComponent {
     get urlBack() {
         return this._urlBack;
     }
-    constructor(poThemeService) {
-        this.poThemeService = poThemeService;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageBlockedUserBaseComponent, deps: [{ token: i1.PoThemeService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageBlockedUserBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.7", 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"] }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageBlockedUserBaseComponent, decorators: [{
             type: Directive
-        }], ctorParameters: () => [{ type: i1.PoThemeService }], propDecorators: { contactEmail: [{
+        }], propDecorators: { contactEmail: [{
                 type: Input,
                 args: ['p-contact-email']
             }], contactPhone: [{
@@ -1669,7 +1692,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImpor
 
 const poPageBlockedUserContactItemMargin = 16;
 class PoPageBlockedUserContactsComponent {
-    changeDetector;
+    changeDetector = inject(ChangeDetectorRef);
     contactGroup;
     mailItem;
     phoneItem;
@@ -1690,9 +1713,6 @@ class PoPageBlockedUserContactsComponent {
     get phone() {
         return this._phone;
     }
-    constructor(changeDetector) {
-        this.changeDetector = changeDetector;
-    }
     checkContactItemWidth() {
         this.overflowItem = true;
         if (this.phone && this.email) {
@@ -1704,13 +1724,13 @@ class PoPageBlockedUserContactsComponent {
                 phoneWidth > contactGroupHalfWidth || mailWidth > contactGroupHalfWidth - poPageBlockedUserContactItemMargin;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageBlockedUserContactsComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", 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: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i1.PoIconComponent, selector: "po-icon", inputs: ["p-icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageBlockedUserContactsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", 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: "19.0.7", 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" }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { contactGroup: [{
+        }], propDecorators: { contactGroup: [{
                 type: ViewChild,
                 args: ['contactGroup', { static: true }]
             }], mailItem: [{
@@ -1806,14 +1826,14 @@ const poPageBlockedUserLiterals = {
 };
 
 class PoPageBlockedUserReasonComponent {
-    changeDetector;
+    changeDetector = inject(ChangeDetectorRef);
     params;
     reason;
     literalParams;
     literals;
     language;
-    constructor(changeDetector, languageService) {
-        this.changeDetector = changeDetector;
+    constructor() {
+        const languageService = inject(PoLanguageService);
         this.language = languageService.getShortLanguage();
     }
     ngOnChanges(changes) {
@@ -1856,13 +1876,13 @@ class PoPageBlockedUserReasonComponent {
         };
         this.changeDetector.detectChanges();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageBlockedUserReasonComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.PoLanguageService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", 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    <div class=\"po-mb-sm-2 po-mb-md-3 po-md-12\" *ngIf=\"literals?.thirdPhrase\">{{ literals?.thirdPhrase }}</div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.PoI18nPipe, name: "poI18n" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageBlockedUserReasonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.7", 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" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", 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    <div class=\"po-mb-sm-2 po-mb-md-3 po-md-12\" *ngIf=\"literals?.thirdPhrase\">{{ literals?.thirdPhrase }}</div>\n  </div>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.PoLanguageService }], propDecorators: { params: [{
+            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" }]
+        }], ctorParameters: () => [], propDecorators: { params: [{
                 type: Input,
                 args: ['p-params']
             }], reason: [{
@@ -1910,15 +1930,12 @@ const poPageBlockedUserButtonLiterals = {
  * </example>
  */
 class PoPageBlockedUserComponent extends PoPageBlockedUserBaseComponent {
-    activatedRoute;
-    router;
-    poThemeService;
+    activatedRoute = inject(ActivatedRoute);
+    router = inject(Router);
     literals;
-    constructor(activatedRoute, router, poThemeService, languageService) {
-        super(poThemeService);
-        this.activatedRoute = activatedRoute;
-        this.router = router;
-        this.poThemeService = poThemeService;
+    constructor() {
+        const languageService = inject(PoLanguageService);
+        super();
         const language = languageService.getShortLanguage();
         this.literals = {
             ...poPageBlockedUserButtonLiterals[poLocaleDefault],
@@ -1944,13 +1961,13 @@ class PoPageBlockedUserComponent extends PoPageBlockedUserBaseComponent {
             this.urlBack = this.checkingForMetadataProperty(data, 'urlBack') || this.urlBack;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageBlockedUserComponent, deps: [{ token: i1$2.ActivatedRoute }, { token: i1$2.Router }, { token: i1.PoThemeService }, { token: i1.PoLanguageService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", 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: i1.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: "19.0.7", ngImport: i0, type: PoPageBlockedUserComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", 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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", 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" }]
-        }], ctorParameters: () => [{ type: i1$2.ActivatedRoute }, { type: i1$2.Router }, { type: i1.PoThemeService }, { type: i1.PoLanguageService }] });
+        }], ctorParameters: () => [] });
 
 /**
  * @description
@@ -2079,7 +2096,6 @@ const poPageChangePasswordLiterals = {
  * ```
  */
 class PoPageChangePasswordBaseComponent {
-    poThemeService;
     /**
      * @optional
      *
@@ -2234,10 +2250,10 @@ class PoPageChangePasswordBaseComponent {
      * @default `medium`
      */
     set componentsSize(value) {
-        this._componentsSize = validateSize(value, this.poThemeService);
+        this._componentsSize = validateSizeFn(value);
     }
     get componentsSize() {
-        return this._componentsSize ?? getDefaultSize(this.poThemeService);
+        return this._componentsSize ?? getDefaultSizeFn();
     }
     /**
      * @optional
@@ -2329,15 +2345,12 @@ class PoPageChangePasswordBaseComponent {
      * @default `true`
      */
     noAutocompletePassword = true;
-    constructor(poThemeService) {
-        this.poThemeService = poThemeService;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageChangePasswordBaseComponent, deps: [{ token: i1.PoThemeService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageChangePasswordBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.7", 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" }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageChangePasswordBaseComponent, decorators: [{
             type: Directive
-        }], ctorParameters: () => [{ type: i1.PoThemeService }], propDecorators: { logo: [{
+        }], propDecorators: { logo: [{
                 type: Input,
                 args: ['p-logo']
             }], secondaryLogo: [{
@@ -2376,14 +2389,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImpor
             }] } });
 
 class PoPageChangePasswordService {
-    http;
-    constructor(http) {
-        this.http = http;
-    }
+    http = inject(HttpClient);
     post(url, item) {
         return this.http.post(url, item, { observe: 'response' });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageChangePasswordService, deps: [{ token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageChangePasswordService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageChangePasswordService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageChangePasswordService, decorators: [{
@@ -2391,7 +2401,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImpor
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: i1$1.HttpClient }] });
+        }] });
 
 /**
  * @docsExtends PoPageChangePasswordBaseComponent
@@ -2424,12 +2434,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImpor
  * </example>
  */
 class PoPageChangePasswordComponent extends PoPageChangePasswordBaseComponent {
-    activatedRoute;
-    route;
-    router;
-    service;
-    poComponentInjector;
-    poThemeService;
+    activatedRoute = inject(ActivatedRoute);
+    route = inject(ActivatedRoute);
+    router = inject(Router);
+    service = inject(PoPageChangePasswordService);
+    poComponentInjector = inject(PoComponentInjectorService);
     modal;
     pageChangePassword;
     passwordForm;
@@ -2440,14 +2449,9 @@ class PoPageChangePasswordComponent extends PoPageChangePasswordBaseComponent {
     };
     newPasswordSubscription;
     componentRef = null;
-    constructor(activatedRoute, route, router, service, poComponentInjector, poThemeService, languageService, viewRef) {
-        super(poThemeService);
-        this.activatedRoute = activatedRoute;
-        this.route = route;
-        this.router = router;
-        this.service = service;
-        this.poComponentInjector = poComponentInjector;
-        this.poThemeService = poThemeService;
+    constructor() {
+        const languageService = inject(PoLanguageService);
+        super();
         const language = languageService.getShortLanguage();
         this.literals = {
             ...poPageChangePasswordLiterals[poLocaleDefault],
@@ -2574,13 +2578,13 @@ class PoPageChangePasswordComponent extends PoPageChangePasswordBaseComponent {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageChangePasswordComponent, deps: [{ token: i1$2.ActivatedRoute }, { token: i1$2.ActivatedRoute }, { token: i1$2.Router }, { token: PoPageChangePasswordService }, { token: i1.PoComponentInjectorService }, { token: i1.PoThemeService }, { token: i1.PoLanguageService }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", 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            <div *ngIf=\"!hideCurrentPassword\">\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            <div *ngIf=\"!hideCurrentPassword && recovery\" class=\"po-text-center po-mb-sm-1 po-mb-2\">\n              <a\n                *ngIf=\"recoveryUrlType === 'internalLink'\"\n                class=\"po-font-text-bold po-page-change-password-forgot-password\"\n                [routerLink]=\"recovery\"\n              >\n                {{ literals.forgotPassword }}\n              </a>\n              <a\n                *ngIf=\"recoveryUrlType === 'externalLink'\"\n                class=\"po-font-text-bold po-page-change-password-forgot-password\"\n                [href]=\"recovery\"\n              >\n                {{ literals.forgotPassword }}\n              </a>\n              <a\n                *ngIf=\"!recoveryUrlType\"\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            </div>\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          <div *ngIf=\"showRequirements\" 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                <li *ngFor=\"let requirement of requirements\" class=\"po-page-change-password-required-item\">\n                  <po-icon\n                    class=\"po-icon 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              </ul>\n            </po-container>\n          </div>\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        <po-button\n          *ngIf=\"!hideCurrentPassword\"\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        <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: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1.PoButtonComponent, selector: "po-button" }, { kind: "component", type: i1.PoContainerComponent, selector: "po-container" }, { kind: "component", type: i1.PoDividerComponent, selector: "po-divider" }, { kind: "component", type: i1.PoPasswordComponent, selector: "po-password", inputs: ["p-hide-password-peek", "p-no-autocomplete"] }, { kind: "component", type: i1.PoIconComponent, selector: "po-icon", inputs: ["p-icon"] }, { kind: "component", type: i1.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: "19.0.7", ngImport: i0, type: PoPageChangePasswordComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.7", 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-icon 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],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]),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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", 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            <div *ngIf=\"!hideCurrentPassword\">\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            <div *ngIf=\"!hideCurrentPassword && recovery\" class=\"po-text-center po-mb-sm-1 po-mb-2\">\n              <a\n                *ngIf=\"recoveryUrlType === 'internalLink'\"\n                class=\"po-font-text-bold po-page-change-password-forgot-password\"\n                [routerLink]=\"recovery\"\n              >\n                {{ literals.forgotPassword }}\n              </a>\n              <a\n                *ngIf=\"recoveryUrlType === 'externalLink'\"\n                class=\"po-font-text-bold po-page-change-password-forgot-password\"\n                [href]=\"recovery\"\n              >\n                {{ literals.forgotPassword }}\n              </a>\n              <a\n                *ngIf=\"!recoveryUrlType\"\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            </div>\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          <div *ngIf=\"showRequirements\" 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                <li *ngFor=\"let requirement of requirements\" class=\"po-page-change-password-required-item\">\n                  <po-icon\n                    class=\"po-icon 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              </ul>\n            </po-container>\n          </div>\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        <po-button\n          *ngIf=\"!hideCurrentPassword\"\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        <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: () => [{ type: i1$2.ActivatedRoute }, { type: i1$2.ActivatedRoute }, { type: i1$2.Router }, { type: PoPageChangePasswordService }, { type: i1.PoComponentInjectorService }, { type: i1.PoThemeService }, { type: i1.PoLanguageService }, { type: i0.ViewContainerRef }], propDecorators: { modal: [{
+            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-icon 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 }]
             }], pageChangePassword: [{
@@ -2630,17 +2634,16 @@ const poPageDynamicLiterals = {
     }
 };
 class PoPageDynamicService {
-    http;
-    notification;
+    http = inject(HttpClient);
+    notification = inject(PoNotificationService);
     headers = new HttpHeaders({
         'X-PO-SCREEN-LOCK': 'true'
     });
     endpoint = '/';
     language;
     metadata;
-    constructor(http, notification, languageService) {
-        this.http = http;
-        this.notification = notification;
+    constructor() {
+        const languageService = inject(PoLanguageService);
         this.language = languageService.getShortLanguage();
     }
     configServiceApi(config = {}) {
@@ -2700,7 +2703,7 @@ class PoPageDynamicService {
         }
         return endpoint;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageDynamicService, deps: [{ token: i1$1.HttpClient }, { token: i1.PoNotificationService }, { token: i1.PoLanguageService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageDynamicService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageDynamicService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageDynamicService, decorators: [{
@@ -2708,52 +2711,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImpor
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: i1$1.HttpClient }, { type: i1.PoNotificationService }, { type: i1.PoLanguageService }] });
-
-class PoPageDynamicDetailActionsService {
-    http;
-    headers = new HttpHeaders({
-        'X-PO-SCREEN-LOCK': 'true'
-    });
-    constructor(http) {
-        this.http = http;
-    }
-    beforeBack(action) {
-        return this.executeAction({ action });
-    }
-    beforeEdit(action, id, body) {
-        const resource = body ?? {};
-        return this.executeAction({ action, resource, id });
-    }
-    beforeRemove(action, id, body) {
-        const resource = body ?? {};
-        return this.executeAction({ action, resource, id });
-    }
-    executeAction({ action, resource = {}, id }) {
-        if (!action) {
-            return of({});
-        }
-        if (typeof action === 'string') {
-            const url = id ? `${action}/${id}` : action;
-            return this.http.post(url, resource, { headers: this.headers });
-        }
-        return of(action(id, resource));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageDynamicDetailActionsService, deps: [{ token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageDynamicDetailActionsService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageDynamicDetailActionsService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [{ type: i1$1.HttpClient }] });
+        }], ctorParameters: () => [] });
 
 class PoPageCustomizationService {
-    http;
-    constructor(http) {
-        this.http = http;
-    }
+    http = inject(HttpClient);
     getCustomOptions(origin, originalOption, optionSchema) {
         return this.createObservable(origin).pipe(map(newPageOptions => this.mergePageOptions(originalOption, newPageOptions, optionSchema)));
     }
@@ -2820,7 +2781,7 @@ class PoPageCustomizationService {
         });
         return [...mergedOriginalOptions, ...deduplicateNewOptions];
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageCustomizationService, deps: [{ token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageCustomizationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageCustomizationService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageCustomizationService, decorators: [{
@@ -2828,7 +2789,43 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImpor
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: i1$1.HttpClient }] });
+        }] });
+
+class PoPageDynamicDetailActionsService {
+    http = inject(HttpClient);
+    headers = new HttpHeaders({
+        'X-PO-SCREEN-LOCK': 'true'
+    });
+    beforeBack(action) {
+        return this.executeAction({ action });
+    }
+    beforeEdit(action, id, body) {
+        const resource = body ?? {};
+        return this.executeAction({ action, resource, id });
+    }
+    beforeRemove(action, id, body) {
+        const resource = body ?? {};
+        return this.executeAction({ action, resource, id });
+    }
+    executeAction({ action, resource = {}, id }) {
+        if (!action) {
+            return of({});
+        }
+        if (typeof action === 'string') {
+            const url = id ? `${action}/${id}` : action;
+            return this.http.post(url, resource, { headers: this.headers });
+        }
+        return of(action(id, resource));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageDynamicDetailActionsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageDynamicDetailActionsService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageDynamicDetailActionsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
 
 const poPageDynamicDetailLiteralsDefault = {
     en: {
@@ -2943,14 +2940,13 @@ const poPageDynamicDetailLiteralsDefault = {
  * </example>
  */
 class PoPageDynamicDetailComponent {
-    router;
-    activatedRoute;
-    poNotification;
-    poDialogService;
-    poPageDynamicService;
-    poPageDynamicDetailActionsService;
-    poPageCustomizationService;
-    poThemeService;
+    router = inject(Router);
+    activatedRoute = inject(ActivatedRoute);
+    poNotification = inject(PoNotificationService);
+    poDialogService = inject(PoDialogService);
+    poPageDynamicService = inject(PoPageDynamicService);
+    poPageDynamicDetailActionsService = inject(PoPageDynamicDetailActionsService);
+    poPageCustomizationService = inject(PoPageCustomizationService);
     /** Objeto com propriedades do breadcrumb. */
     breadcrumb = { items: [] };
     /**
@@ -3079,10 +3075,10 @@ class PoPageDynamicDetailComponent {
      * @default `medium`
      */
     set componentsSize(value) {
-        this._componentsSize = validateSize(value, this.poThemeService);
+        this._componentsSize = validateSizeFn(value);
     }
     get componentsSize() {
-        return this._componentsSize ?? getDefaultSize(this.poThemeService);
+        return this._componentsSize ?? getDefaultSizeFn();
     }
     /** Lista dos campos exibidos na página. */
     set fields(value) {
@@ -3094,15 +3090,8 @@ class PoPageDynamicDetailComponent {
         return this._fields;
     }
     /* eslint-disable max-params */
-    constructor(router, activatedRoute, poNotification, poDialogService, poPageDynamicService, poPageDynamicDetailActionsService, poPageCustomizationService, poThemeService, languageService) {
-        this.router = router;
-        this.activatedRoute = activatedRoute;
-        this.poNotification = poNotification;
-        this.poDialogService = poDialogService;
-        this.poPageDynamicService = poPageDynamicService;
-        this.poPageDynamicDetailActionsService = poPageDynamicDetailActionsService;
-        this.poPageCustomizationService = poPageCustomizationService;
-        this.poThemeService = poThemeService;
+    constructor() {
+        const languageService = inject(PoLanguageService);
         const language = languageService.getShortLanguage();
         this.literals = {
             ...poPageDynamicDetailLiteralsDefault[poLocaleDefault],
@@ -3326,13 +3315,13 @@ class PoPageDynamicDetailComponent {
         };
         return this.poPageCustomizationService.getCustomOptions(onLoad, originalOption, pageOptionSchema);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageDynamicDetailComponent, deps: [{ token: i1$2.Router }, { token: i1$2.ActivatedRoute }, { token: i1.PoNotificationService }, { token: i1.PoDialogService }, { token: PoPageDynamicService }, { token: PoPageDynamicDetailActionsService }, { token: PoPageCustomizationService }, { token: i1.PoThemeService }, { token: i1.PoLanguageService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", 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"] }, 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  <ng-container *ngIf=\"model; then viewFieldsTemplate; else registerNotFoundTemplate\"> </ng-container>\n</po-page-default>\n\n<ng-template #registerNotFoundTemplate>\n  <po-widget>\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</ng-template>\n\n<ng-template #viewFieldsTemplate>\n  <po-dynamic-view [p-fields]=\"fields\" [p-value]=\"model\"> </po-dynamic-view>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.PoDynamicViewComponent, selector: "po-dynamic-view" }, { kind: "component", type: i1.PoIconComponent, selector: "po-icon", inputs: ["p-icon"] }, { kind: "component", type: i1.PoPageDefaultComponent, selector: "po-page-default" }, { kind: "component", type: i1.PoWidgetComponent, selector: "po-widget" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageDynamicDetailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.7", 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"] }, 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-fields]=\"fields\" [p-value]=\"model\"> </po-dynamic-view>\n  } @else {\n    <po-widget>\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" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", 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  <ng-container *ngIf=\"model; then viewFieldsTemplate; else registerNotFoundTemplate\"> </ng-container>\n</po-page-default>\n\n<ng-template #registerNotFoundTemplate>\n  <po-widget>\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</ng-template>\n\n<ng-template #viewFieldsTemplate>\n  <po-dynamic-view [p-fields]=\"fields\" [p-value]=\"model\"> </po-dynamic-view>\n</ng-template>\n" }]
-        }], ctorParameters: () => [{ type: i1$2.Router }, { type: i1$2.ActivatedRoute }, { type: i1.PoNotificationService }, { type: i1.PoDialogService }, { type: PoPageDynamicService }, { type: PoPageDynamicDetailActionsService }, { type: PoPageCustomizationService }, { type: i1.PoThemeService }, { type: i1.PoLanguageService }], propDecorators: { breadcrumb: [{
+            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-fields]=\"fields\" [p-value]=\"model\"> </po-dynamic-view>\n  } @else {\n    <po-widget>\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']
             }], onLoad: [{
@@ -3422,13 +3411,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImpor
         }] });
 
 class PoPageDynamicEditActionsService {
-    http;
+    http = inject(HttpClient);
     headers = new HttpHeaders({
         'X-PO-SCREEN-LOCK': 'true'
     });
-    constructor(http) {
-        this.http = http;
-    }
     beforeCancel(action) {
         return this.executeAction({ action });
     }
@@ -3450,7 +3436,7 @@ class PoPageDynamicEditActionsService {
         }
         return of(action(resource, id));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageDynamicEditActionsService, deps: [{ token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageDynamicEditActionsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageDynamicEditActionsService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageDynamicEditActionsService, decorators: [{
@@ -3458,7 +3444,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImpor
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: i1$1.HttpClient }] });
+        }] });
 
 const poNotificationType = ['error', 'warning'];
 const poNotificationTypeDefault = 'warning';
@@ -3608,14 +3594,13 @@ const poPageDynamicEditLiteralsDefault = {
  * </example>
  */
 class PoPageDynamicEditComponent {
-    router;
-    activatedRoute;
-    poNotification;
-    poDialogService;
-    poPageDynamicService;
-    poPageCustomizationService;
-    poPageDynamicEditActionsService;
-    poThemeService;
+    router = inject(Router);
+    activatedRoute = inject(ActivatedRoute);
+    poNotification = inject(PoNotificationService);
+    poDialogService = inject(PoDialogService);
+    poPageDynamicService = inject(PoPageDynamicService);
+    poPageCustomizationService = inject(PoPageCustomizationService);
+    poPageDynamicEditActionsService = inject(PoPageDynamicEditActionsService);
     dynamicForm;
     gridDetail;
     /** Objeto com propriedades do breadcrumb. */
@@ -3904,21 +3889,14 @@ class PoPageDynamicEditComponent {
      * @default `medium`
      */
     set componentsSize(value) {
-        this._componentsSize = validateSize(value, this.poThemeService);
+        this._componentsSize = validateSizeFn(value);
     }
     get componentsSize() {
-        return this._componentsSize ?? getDefaultSize(this.poThemeService);
+        return this._componentsSize ?? getDefaultSizeFn();
     }
     /* eslint-disable max-params */
-    constructor(router, activatedRoute, poNotification, poDialogService, poPageDynamicService, poPageCustomizationService, poPageDynamicEditActionsService, poThemeService, languageService) {
-        this.router = router;
-        this.activatedRoute = activatedRoute;
-        this.poNotification = poNotification;
-        this.poDialogService = poDialogService;
-        this.poPageDynamicService = poPageDynamicService;
-        this.poPageCustomizationService = poPageCustomizationService;
-        this.poPageDynamicEditActionsService = poPageDynamicEditActionsService;
-        this.poThemeService = poThemeService;
+    constructor() {
+        const languageService = inject(PoLanguageService);
         this.language = languageService.getShortLanguage();
     }
     /* eslint-enable max-params */
@@ -4286,13 +4264,13 @@ class PoPageDynamicEditComponent {
     isObject(value) {
         return !!value && typeof value === 'object' && !Array.isArray(value);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageDynamicEditComponent, deps: [{ token: i1$2.Router }, { token: i1$2.ActivatedRoute }, { token: i1.PoNotificationService }, { token: i1.PoDialogService }, { token: PoPageDynamicService }, { token: PoPageCustomizationService }, { token: PoPageDynamicEditActionsService }, { token: i1.PoThemeService }, { token: i1.PoLanguageService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", 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"] }, 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  <ng-container *ngIf=\"model; then formFieldsTemplate; else registerNotFoundTemplate\"> </ng-container>\n</po-page-default>\n\n<ng-template #registerNotFoundTemplate>\n  <po-widget>\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</ng-template>\n\n<ng-template #formFieldsTemplate>\n  <po-dynamic-form #dynamicForm [p-components-size]=\"componentsSize\" [p-fields]=\"controlFields\" [p-value]=\"model\">\n  </po-dynamic-form>\n\n  <div *ngIf=\"detailFields.length > 0\" class=\"po-sm-12\">\n    <po-divider [p-label]=\"detailFields[0].divider\"></po-divider>\n\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\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</ng-template>\n", dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.PoButtonComponent, selector: "po-button" }, { kind: "component", type: i1.PoDividerComponent, selector: "po-divider" }, { kind: "component", type: i1.PoDynamicFormComponent, selector: "po-dynamic-form" }, { kind: "component", type: i1.PoGridComponent, selector: "po-grid", inputs: ["p-row-actions", "p-data", "p-columns"] }, { kind: "component", type: i1.PoIconComponent, selector: "po-icon", inputs: ["p-icon"] }, { kind: "component", type: i1.PoPageDefaultComponent, selector: "po-page-default" }, { kind: "component", type: i1.PoWidgetComponent, selector: "po-widget" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageDynamicEditComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.7", 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"] }, 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>\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" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", 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  <ng-container *ngIf=\"model; then formFieldsTemplate; else registerNotFoundTemplate\"> </ng-container>\n</po-page-default>\n\n<ng-template #registerNotFoundTemplate>\n  <po-widget>\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</ng-template>\n\n<ng-template #formFieldsTemplate>\n  <po-dynamic-form #dynamicForm [p-components-size]=\"componentsSize\" [p-fields]=\"controlFields\" [p-value]=\"model\">\n  </po-dynamic-form>\n\n  <div *ngIf=\"detailFields.length > 0\" class=\"po-sm-12\">\n    <po-divider [p-label]=\"detailFields[0].divider\"></po-divider>\n\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\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</ng-template>\n" }]
-        }], ctorParameters: () => [{ type: i1$2.Router }, { type: i1$2.ActivatedRoute }, { type: i1.PoNotificationService }, { type: i1.PoDialogService }, { type: PoPageDynamicService }, { type: PoPageCustomizationService }, { type: PoPageDynamicEditActionsService }, { type: i1.PoThemeService }, { type: i1.PoLanguageService }], propDecorators: { dynamicForm: [{
+            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>\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']
             }], gridDetail: [{
@@ -4433,7 +4411,6 @@ const poAdvancedFiltersLiteralsDefault = {
  * Componente de uso interno.
  */
 class PoAdvancedFilterBaseComponent {
-    poThemeService;
     poModal;
     /**
      * Mantém na modal de busca avançada os valores preenchidos do último filtro realizado pelo usuário.
@@ -4476,10 +4453,10 @@ class PoAdvancedFilterBaseComponent {
      * @default `medium`
      */
     set componentsSize(value) {
-        this._componentsSize = validateSize(value, this.poThemeService);
+        this._componentsSize = validateSizeFn(value);
     }
     get componentsSize() {
-        return this._componentsSize ?? getDefaultSize(this.poThemeService);
+        return this._componentsSize ?? getDefaultSizeFn();
     }
     /**
      * Coleção de objetos que implementam a interface PoPageDynamicSearchFilters, para definição dos campos que serão criados
@@ -4509,8 +4486,7 @@ class PoAdvancedFilterBaseComponent {
     get literals() {
         return this._literals || poAdvancedFiltersLiteralsDefault[this.language];
     }
-    constructor(languageService, poThemeService) {
-        this.poThemeService = poThemeService;
+    constructor(languageService) {
         this.language = languageService.getShortLanguage();
     }
     // Retorna os models dos campos preenchidos
@@ -4526,12 +4502,12 @@ class PoAdvancedFilterBaseComponent {
         }
         return { filter: this.filter, optionsService: optionServiceOptions };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoAdvancedFilterBaseComponent, deps: [{ token: i1.PoLanguageService }, { token: i1.PoThemeService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoAdvancedFilterBaseComponent, deps: [{ token: i3.PoLanguageService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.0.7", 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" }, viewQueries: [{ propertyName: "poModal", first: true, predicate: PoModalComponent, descendants: true, static: true }], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoAdvancedFilterBaseComponent, decorators: [{
             type: Directive
-        }], ctorParameters: () => [{ type: i1.PoLanguageService }, { type: i1.PoThemeService }], propDecorators: { poModal: [{
+        }], ctorParameters: () => [{ type: i3.PoLanguageService }], propDecorators: { poModal: [{
                 type: ViewChild,
                 args: [PoModalComponent, { static: true }]
             }], keepFilters: [{
@@ -4564,12 +4540,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImpor
  * </example-private>
  */
 class PoAdvancedFilterComponent extends PoAdvancedFilterBaseComponent {
-    poThemeService;
     poDynamicForm;
     subscription = new Subscription();
-    constructor(languageService, poThemeService) {
-        super(languageService, poThemeService);
-        this.poThemeService = poThemeService;
+    constructor() {
+        const languageService = inject(PoLanguageService);
+        super(languageService);
     }
     ngOnInit() {
         this.optionsServiceSubscribe();
@@ -4598,13 +4573,13 @@ class PoAdvancedFilterComponent extends PoAdvancedFilterBaseComponent {
             }
         }));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoAdvancedFilterComponent, deps: [{ token: i1.PoLanguageService }, { token: i1.PoThemeService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", 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: i1.PoDynamicFormComponent, selector: "po-dynamic-form" }, { kind: "component", type: i1.PoModalComponent, selector: "po-modal" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoAdvancedFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", 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" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", 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" }]
-        }], ctorParameters: () => [{ type: i1.PoLanguageService }, { type: i1.PoThemeService }], propDecorators: { poDynamicForm: [{
+        }], ctorParameters: () => [], propDecorators: { poDynamicForm: [{
                 type: ViewChild,
                 args: [PoDynamicFormComponent, { static: true }]
             }] } });
@@ -4650,7 +4625,6 @@ const poPageDynamicSearchLiteralsDefault = {
  * e exiba as informações.
  */
 class PoPageDynamicSearchBaseComponent {
-    poThemeService;
     /** Nesta propriedade deve ser definido um array de objetos que implementam a interface `PoPageAction`. */
     actions = [];
     /** Objeto com propriedades do breadcrumb. */
@@ -4811,10 +4785,10 @@ class PoPageDynamicSearchBaseComponent {
      * @default `medium`
      */
     set componentsSize(value) {
-        this._componentsSize = validateSize(value, this.poThemeService);
+        this._componentsSize = validateSizeFn(value);
     }
     get componentsSize() {
-        return this._componentsSize ?? getDefaultSize(this.poThemeService);
+        return this._componentsSize ?? getDefaultSizeFn();
     }
     /**
      * @optional
@@ -4917,8 +4891,7 @@ class PoPageDynamicSearchBaseComponent {
     get hideCloseDisclaimers() {
         return this._hideCloseDisclaimers;
     }
-    constructor(languageService, poThemeService) {
-        this.poThemeService = poThemeService;
+    constructor(languageService) {
         this.language = languageService.getShortLanguage();
     }
     setAdvancedFilterLiterals(literals) {
@@ -4936,12 +4909,12 @@ class PoPageDynamicSearchBaseComponent {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageDynamicSearchBaseComponent, deps: [{ token: i1.PoLanguageService }, { token: i1.PoThemeService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageDynamicSearchBaseComponent, deps: [{ token: i3.PoLanguageService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.0.7", 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" }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageDynamicSearchBaseComponent, decorators: [{
             type: Directive
-        }], ctorParameters: () => [{ type: i1.PoLanguageService }, { type: i1.PoThemeService }], propDecorators: { actions: [{
+        }], ctorParameters: () => [{ type: i3.PoLanguageService }], propDecorators: { actions: [{
                 type: Input,
                 args: ['p-actions']
             }], breadcrumb: [{
@@ -5012,9 +4985,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImpor
  */
 class PoPageDynamicSearchComponent extends PoPageDynamicSearchBaseComponent {
     languageService;
-    poPageCustomizationService;
-    changeDetector;
-    poThemeService;
+    poPageCustomizationService = inject(PoPageCustomizationService);
+    changeDetector = inject(ChangeDetectorRef);
     poAdvancedFilter;
     poPageList;
     loadSubscription;
@@ -5031,12 +5003,10 @@ class PoPageDynamicSearchComponent extends PoPageDynamicSearchBaseComponent {
         placeholder: this.literals.searchPlaceholder,
         width: this.quickSearchWidth
     };
-    constructor(languageService, poPageCustomizationService, changeDetector, poThemeService) {
-        super(languageService, poThemeService);
+    constructor() {
+        const languageService = inject(PoLanguageService);
+        super(languageService);
         this.languageService = languageService;
-        this.poPageCustomizationService = poPageCustomizationService;
-        this.changeDetector = changeDetector;
-        this.poThemeService = poThemeService;
     }
     get disclaimerGroup() {
         return Object.assign({}, this._disclaimerGroup, {
@@ -5301,13 +5271,13 @@ class PoPageDynamicSearchComponent extends PoPageDynamicSearchBaseComponent {
         };
         return this.poPageCustomizationService.getCustomOptions(onLoad, originalOption, pageOptionSchema);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageDynamicSearchComponent, deps: [{ token: i1.PoLanguageService }, { token: PoPageCustomizationService }, { token: i0.ChangeDetectorRef }, { token: i1.PoThemeService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", 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: i1.PoPageListComponent, selector: "po-page-list" }, { kind: "component", type: PoAdvancedFilterComponent, selector: "po-advanced-filter" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageDynamicSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", 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" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", 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" }]
-        }], ctorParameters: () => [{ type: i1.PoLanguageService }, { type: PoPageCustomizationService }, { type: i0.ChangeDetectorRef }, { type: i1.PoThemeService }], propDecorators: { poAdvancedFilter: [{
+        }], ctorParameters: () => [], propDecorators: { poAdvancedFilter: [{
                 type: ViewChild,
                 args: [PoAdvancedFilterComponent, { static: true }]
             }], poPageList: [{
@@ -5625,6 +5595,57 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImpor
                 args: ['p-fields']
             }] } });
 
+class PoPageDynamicTableActionsService {
+    http = inject(HttpClient);
+    headers = new HttpHeaders({
+        'X-PO-SCREEN-LOCK': 'true'
+    });
+    beforeDuplicate(action, id, body) {
+        const resource = body ?? {};
+        return this.executeAction({ action, resource, id });
+    }
+    beforeEdit(action, id, body) {
+        const resource = body ?? {};
+        return this.executeAction({ action, resource, id });
+    }
+    beforeNew(action) {
+        return this.executeAction({ action });
+    }
+    beforeRemove(action, id, resource) {
+        return this.executeAction({ action, id, resource });
+    }
+    beforeRemoveAll(action, resources) {
+        return this.executeAction({ action, resource: resources });
+    }
+    beforeDetail(action, id, resource) {
+        return this.executeAction({ action, id, resource });
+    }
+    customAction(action, resource = []) {
+        return this.executeAction({ action, resource });
+    }
+    executeAction({ action, resource = {}, id }) {
+        if (!action) {
+            return of({});
+        }
+        if (typeof action === 'string') {
+            const url = id ? `${action}/${id}` : action;
+            return this.http.post(url, resource, { headers: this.headers });
+        }
+        if (id) {
+            return of(action(id, resource));
+        }
+        return of(action(resource));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageDynamicTableActionsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageDynamicTableActionsService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageDynamicTableActionsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
 const poPageDynamicTableLiteralsDefault = {
     en: {
         pageAction: 'New',
@@ -5688,60 +5709,6 @@ const poPageDynamicTableLiteralsDefault = {
     }
 };
 
-class PoPageDynamicTableActionsService {
-    http;
-    headers = new HttpHeaders({
-        'X-PO-SCREEN-LOCK': 'true'
-    });
-    constructor(http) {
-        this.http = http;
-    }
-    beforeDuplicate(action, id, body) {
-        const resource = body ?? {};
-        return this.executeAction({ action, resource, id });
-    }
-    beforeEdit(action, id, body) {
-        const resource = body ?? {};
-        return this.executeAction({ action, resource, id });
-    }
-    beforeNew(action) {
-        return this.executeAction({ action });
-    }
-    beforeRemove(action, id, resource) {
-        return this.executeAction({ action, id, resource });
-    }
-    beforeRemoveAll(action, resources) {
-        return this.executeAction({ action, resource: resources });
-    }
-    beforeDetail(action, id, resource) {
-        return this.executeAction({ action, id, resource });
-    }
-    customAction(action, resource = []) {
-        return this.executeAction({ action, resource });
-    }
-    executeAction({ action, resource = {}, id }) {
-        if (!action) {
-            return of({});
-        }
-        if (typeof action === 'string') {
-            const url = id ? `${action}/${id}` : action;
-            return this.http.post(url, resource, { headers: this.headers });
-        }
-        if (id) {
-            return of(action(id, resource));
-        }
-        return of(action(resource));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageDynamicTableActionsService, deps: [{ token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageDynamicTableActionsService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageDynamicTableActionsService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [{ type: i1$1.HttpClient }] });
-
 const PAGE_SIZE_DEFAULT = 10;
 /**
  * @docsExtends PoPageDynamicListBaseComponent
@@ -5841,14 +5808,13 @@ const PAGE_SIZE_DEFAULT = 10;
  * </example>
  */
 class PoPageDynamicTableComponent extends PoPageDynamicListBaseComponent {
-    poThemeService;
-    router;
-    activatedRoute;
-    poDialogService;
-    poNotification;
-    poPageDynamicService;
-    poPageCustomizationService;
-    poPageDynamicTableActionsService;
+    router = inject(Router);
+    activatedRoute = inject(ActivatedRoute);
+    poDialogService = inject(PoDialogService);
+    poNotification = inject(PoNotificationService);
+    poPageDynamicService = inject(PoPageDynamicService);
+    poPageCustomizationService = inject(PoPageCustomizationService);
+    poPageDynamicTableActionsService = inject(PoPageDynamicTableActionsService);
     /**
      * Função ou serviço que será executado na inicialização do componente.
      *
@@ -6034,10 +6000,10 @@ class PoPageDynamicTableComponent extends PoPageDynamicListBaseComponent {
      * @default `medium`
      */
     set componentsSize(value) {
-        this._componentsSize = validateSize(value, this.poThemeService);
+        this._componentsSize = validateSizeFn(value);
     }
     get componentsSize() {
-        return this._componentsSize ?? getDefaultSize(this.poThemeService);
+        return this._componentsSize ?? getDefaultSizeFn();
     }
     /**
      * @optional
@@ -6287,16 +6253,9 @@ class PoPageDynamicTableComponent extends PoPageDynamicListBaseComponent {
      */
     visibleFixedFilters = true;
     /* eslint-disable max-params */
-    constructor(poThemeService, router, activatedRoute, poDialogService, poNotification, poPageDynamicService, poPageCustomizationService, poPageDynamicTableActionsService, languageService) {
+    constructor() {
+        const languageService = inject(PoLanguageService);
         super();
-        this.poThemeService = poThemeService;
-        this.router = router;
-        this.activatedRoute = activatedRoute;
-        this.poDialogService = poDialogService;
-        this.poNotification = poNotification;
-        this.poPageDynamicService = poPageDynamicService;
-        this.poPageCustomizationService = poPageCustomizationService;
-        this.poPageDynamicTableActionsService = poPageDynamicTableActionsService;
         const language = languageService.getShortLanguage();
         this.literals = {
             ...poPageDynamicTableLiteralsDefault[poLocaleDefault],
@@ -6919,13 +6878,13 @@ class PoPageDynamicTableComponent extends PoPageDynamicListBaseComponent {
         }
         this.tableActions = newTableActions;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageDynamicTableComponent, deps: [{ token: i1.PoThemeService }, { token: i1$2.Router }, { token: i1$2.ActivatedRoute }, { token: i1.PoDialogService }, { token: i1.PoNotificationService }, { token: PoPageDynamicService }, { token: PoPageCustomizationService }, { token: PoPageDynamicTableActionsService }, { token: i1.PoLanguageService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.7", 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"] }, 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-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: i1.PoTableComponent, selector: "po-table" }, { kind: "component", type: PoPageDynamicSearchComponent, selector: "po-page-dynamic-search" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageDynamicTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.7", 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"] }, 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-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" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", 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-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: () => [{ type: i1.PoThemeService }, { type: i1$2.Router }, { type: i1$2.ActivatedRoute }, { type: i1.PoDialogService }, { type: i1.PoNotificationService }, { type: PoPageDynamicService }, { type: PoPageCustomizationService }, { type: PoPageDynamicTableActionsService }, { type: i1.PoLanguageService }], propDecorators: { onLoad: [{
+        }], ctorParameters: () => [], propDecorators: { onLoad: [{
                 type: Input,
                 args: ['p-load']
             }], keepFilters: [{
@@ -7046,14 +7005,11 @@ class PoPageJobSchedulerInternal {
 }
 
 class PoPageJobSchedulerService {
-    http;
+    http = inject(HttpClient);
     headers = new HttpHeaders({
         'X-PO-SCREEN-LOCK': 'true'
     });
     endpoint = '/';
-    constructor(http) {
-        this.http = http;
-    }
     configServiceApi(config = {}) {
         this.endpoint = config.endpoint;
     }
@@ -7256,7 +7212,7 @@ class PoPageJobSchedulerService {
         }
         return newParameter;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageJobSchedulerService, deps: [{ token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageJobSchedulerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageJobSchedulerService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageJobSchedulerService, decorators: [{
@@ -7264,7 +7220,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImpor
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: i1$1.HttpClient }] });
+        }] });
 
 /**
  * @description
@@ -7279,7 +7235,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImpor
  */
 class PoPageJobSchedulerBaseComponent {
     poPageJobSchedulerService;
-    poThemeService;
     _componentsSize = undefined;
     /** Objeto com as propriedades do breadcrumb. */
     breadcrumb = { items: [] };
@@ -7298,10 +7253,10 @@ class PoPageJobSchedulerBaseComponent {
      * @default `medium`
      */
     set componentsSize(value) {
-        this._componentsSize = validateSize(value, this.poThemeService);
+        this._componentsSize = validateSizeFn(value);
     }
     get componentsSize() {
-        return this._componentsSize ?? getDefaultSize(this.poThemeService);
+        return this._componentsSize ?? getDefaultSizeFn();
     }
     /**
      * Endpoint usado pelo componente para busca dos processos e parâmetros que serão utilizados para criação e edição dos agendamentos.
@@ -7520,9 +7475,8 @@ class PoPageJobSchedulerBaseComponent {
     model = new PoPageJobSchedulerInternal();
     _subscription = new Subscription();
     _orientation;
-    constructor(poPageJobSchedulerService, poThemeService) {
+    constructor(poPageJobSchedulerService) {
         this.poPageJobSchedulerService = poPageJobSchedulerService;
-        this.poThemeService = poThemeService;
     }
     ngOnDestroy() {
         this._subscription.unsubscribe();
@@ -7548,12 +7502,12 @@ class PoPageJobSchedulerBaseComponent {
             }
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageJobSchedulerBaseComponent, deps: [{ token: PoPageJobSchedulerService }, { token: i1.PoThemeService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageJobSchedulerBaseComponent, deps: [{ token: PoPageJobSchedulerService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.7", 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"] }, outputs: { success: "p-success", error: "p-error" }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageJobSchedulerBaseComponent, decorators: [{
             type: Directive
-        }], ctorParameters: () => [{ type: PoPageJobSchedulerService }, { type: i1.PoThemeService }], propDecorators: { breadcrumb: [{
+        }], ctorParameters: () => [{ type: PoPageJobSchedulerService }], propDecorators: { breadcrumb: [{
                 type: Input,
                 args: ['p-breadcrumb']
             }], componentsSize: [{
@@ -7783,6 +7737,25 @@ const poPageJobSchedulerLiteralsDefault = {
     }
 };
 
+class PoPageJobSchedulerLookupService {
+    poPageJobSchedulerService = inject(PoPageJobSchedulerService);
+    getFilteredItems({ filter, page, pageSize }) {
+        const params = { page, pageSize, search: filter };
+        return this.poPageJobSchedulerService.getProcesses(params);
+    }
+    getObjectByValue(processId) {
+        return this.poPageJobSchedulerService.getProcess(processId);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageJobSchedulerLookupService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageJobSchedulerLookupService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageJobSchedulerLookupService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
 /**
  * @usedBy PoPageJobScheduler
  *
@@ -7917,31 +7890,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImpor
                 }]
         }], ctorParameters: () => [{ type: i0.TemplateRef }] });
 
-class PoPageJobSchedulerLookupService {
-    poPageJobSchedulerService;
-    constructor(poPageJobSchedulerService) {
-        this.poPageJobSchedulerService = poPageJobSchedulerService;
-    }
-    getFilteredItems({ filter, page, pageSize }) {
-        const params = { page, pageSize, search: filter };
-        return this.poPageJobSchedulerService.getProcesses(params);
-    }
-    getObjectByValue(processId) {
-        return this.poPageJobSchedulerService.getProcess(processId);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageJobSchedulerLookupService, deps: [{ token: PoPageJobSchedulerService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageJobSchedulerLookupService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageJobSchedulerLookupService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [{ type: PoPageJobSchedulerService }] });
-
 class PoPageJobSchedulerExecutionComponent {
-    poPageJobSchedulerService;
-    poPageJobSchedulerLookup;
+    poPageJobSchedulerService = inject(PoPageJobSchedulerService);
+    poPageJobSchedulerLookup = inject(PoPageJobSchedulerLookupService);
     form;
     // templates
     dailyTemplate;
@@ -7972,10 +7923,6 @@ class PoPageJobSchedulerExecutionComponent {
     get value() {
         return this._value;
     }
-    constructor(poPageJobSchedulerService, poPageJobSchedulerLookup) {
-        this.poPageJobSchedulerService = poPageJobSchedulerService;
-        this.poPageJobSchedulerLookup = poPageJobSchedulerLookup;
-    }
     get startDateFirstExecution() {
         return this.isEdit ? undefined : this.minDateFirstExecution;
     }
@@ -8066,13 +8013,13 @@ class PoPageJobSchedulerExecutionComponent {
             this.changeProcess.emit({ processId, existAPI: this.existProcessAPI });
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageJobSchedulerExecutionComponent, deps: [{ token: PoPageJobSchedulerService }, { token: PoPageJobSchedulerLookupService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", 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    <ng-container *ngIf=\"existProcessAPI; then lookupProcessesID; else inputProcessesID\"></ng-container>\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    <ng-container *ngIf=\"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        <ng-container *ngIf=\"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\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        </ng-container>\n      </div>\n\n      <div class=\"po-row\">\n        <po-divider class=\"po-md-12\" [p-label]=\"literals.periodicityData\"> </po-divider>\n\n        <ng-container *ngTemplateOutlet=\"periodicityTemplates[value.periodicity]\"> </ng-container>\n      </div>\n\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    </ng-container>\n  </div>\n\n  <ng-template #lookupProcessesID>\n    <po-lookup\n      *ngIf=\"noParameters && noCustomParamsComponent\"\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  </ng-template>\n\n  <ng-template #inputProcessesID>\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  </ng-template>\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    <po-number\n      *ngIf=\"containsFrequency\"\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    <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    <po-input\n      *ngIf=\"containsFrequency && value.frequency.type !== 'day'\"\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  </ng-template>\n</form>\n", dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i1.PoDividerComponent, selector: "po-divider" }, { kind: "component", type: i1.PoCheckboxGroupComponent, selector: "po-checkbox-group" }, { kind: "component", type: i1.PoRadioGroupComponent, selector: "po-radio-group", inputs: ["p-label", "p-help"] }, { kind: "component", type: i1.PoDatepickerComponent, selector: "po-datepicker", inputs: ["p-label", "p-help"] }, { kind: "component", type: i1.PoInputComponent, selector: "po-input" }, { kind: "component", type: i1.PoLookupComponent, selector: "po-lookup" }, { kind: "component", type: i1.PoNumberComponent, selector: "po-number", inputs: ["p-step", "p-min", "p-max"] }, { kind: "component", type: i1.PoSwitchComponent, selector: "po-switch", inputs: ["p-value", "p-format-model", "p-hide-label-status", "p-label-position", "p-label-off", "p-label-on", "p-field-error-message", "p-error-limit", "p-invalid-value", "p-size"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageJobSchedulerExecutionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.7", 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],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]),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.PoRadioGroupComponent, selector: "po-radio-group", inputs: ["p-label", "p-help"] }, { kind: "component", type: i3.PoDatepickerComponent, selector: "po-datepicker", inputs: ["p-label", "p-help"] }, { 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.PoSwitchComponent, selector: "po-switch", inputs: ["p-value", "p-format-model", "p-hide-label-status", "p-label-position", "p-label-off", "p-label-on", "p-field-error-message", "p-error-limit", "p-invalid-value", "p-size"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", 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    <ng-container *ngIf=\"existProcessAPI; then lookupProcessesID; else inputProcessesID\"></ng-container>\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    <ng-container *ngIf=\"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        <ng-container *ngIf=\"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\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        </ng-container>\n      </div>\n\n      <div class=\"po-row\">\n        <po-divider class=\"po-md-12\" [p-label]=\"literals.periodicityData\"> </po-divider>\n\n        <ng-container *ngTemplateOutlet=\"periodicityTemplates[value.periodicity]\"> </ng-container>\n      </div>\n\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    </ng-container>\n  </div>\n\n  <ng-template #lookupProcessesID>\n    <po-lookup\n      *ngIf=\"noParameters && noCustomParamsComponent\"\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  </ng-template>\n\n  <ng-template #inputProcessesID>\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  </ng-template>\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    <po-number\n      *ngIf=\"containsFrequency\"\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    <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    <po-input\n      *ngIf=\"containsFrequency && value.frequency.type !== 'day'\"\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  </ng-template>\n</form>\n" }]
-        }], ctorParameters: () => [{ type: PoPageJobSchedulerService }, { type: PoPageJobSchedulerLookupService }], propDecorators: { form: [{
+            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" }]
+        }], propDecorators: { form: [{
                 type: ViewChild,
                 args: ['formExecution', { static: true }]
             }], dailyTemplate: [{
@@ -8124,11 +8071,11 @@ class PoPageJobSchedulerParametersComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageJobSchedulerParametersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", 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: "<ng-container *ngIf=\"parameters && parameters.length; then formFieldsTemplate; else parametersNotFoundTemplate\">\n</ng-container>\n\n<ng-template #parametersNotFoundTemplate>\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</ng-template>\n\n<ng-template #formFieldsTemplate>\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</ng-template>\n", dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i1.PoDynamicFormComponent, selector: "po-dynamic-form" }, { kind: "component", type: i1.PoIconComponent, selector: "po-icon", inputs: ["p-icon"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.7", 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],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageJobSchedulerParametersComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'po-page-job-scheduler-parameters', standalone: false, template: "<ng-container *ngIf=\"parameters && parameters.length; then formFieldsTemplate; else parametersNotFoundTemplate\">\n</ng-container>\n\n<ng-template #parametersNotFoundTemplate>\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</ng-template>\n\n<ng-template #formFieldsTemplate>\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</ng-template>\n" }]
+            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" }]
         }], propDecorators: { form: [{
                 type: ViewChild,
                 args: ['parametersForm']
@@ -8150,7 +8097,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImpor
             }] } });
 
 class PoPageJobSchedulerSummaryComponent {
-    datePipe;
+    datePipe = inject(DatePipe);
     componentsSize;
     literals = {};
     parameters = [];
@@ -8165,9 +8112,6 @@ class PoPageJobSchedulerSummaryComponent {
     rangeLimitHour = '';
     rangeLimitDay = '';
     recurrentValue = '';
-    constructor(datePipe) {
-        this.datePipe = datePipe;
-    }
     ngOnInit() {
         const { periodicity, hour, dayOfMonth, daysOfWeek, recurrent, firstExecution, firstExecutionHour, frequency, rangeLimitHour, rangeLimitDay } = this.value;
         this.periodicityValue = this.getPeriodicityLabel(periodicity);
@@ -8269,13 +8213,13 @@ class PoPageJobSchedulerSummaryComponent {
             return sorterWeekDays[currDay] > sorterWeekDays[nextDay] ? 1 : -1;
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageJobSchedulerSummaryComponent, deps: [{ token: i4.DatePipe }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", 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  <po-info\n    *ngIf=\"!noParameters\"\n    [p-label]=\"literals.process\"\n    [p-orientation]=\"infoOrientation\"\n    [p-value]=\"value.processID\"\n  >\n  </po-info>\n\n  <po-info [p-label]=\"literals.periodicity\" [p-orientation]=\"infoOrientation\" [p-value]=\"periodicityValue\"> </po-info>\n\n  <po-info\n    *ngIf=\"frequencyValue !== ''\"\n    [p-label]=\"literals.frequency\"\n    [p-orientation]=\"infoOrientation\"\n    [p-value]=\"frequencyValue\"\n  >\n  </po-info>\n\n  <po-info\n    *ngIf=\"value.periodicity !== 'single'\"\n    [p-label]=\"literals.execution\"\n    [p-orientation]=\"infoOrientation\"\n    [p-value]=\"executionValue\"\n  >\n  </po-info>\n\n  <po-info [p-label]=\"literals.recurrent\" [p-orientation]=\"infoOrientation\" [p-value]=\"recurrentValue\"> </po-info>\n\n  <po-info [p-label]=\"literals.firstExecution\" [p-orientation]=\"infoOrientation\" [p-value]=\"firstExecutionValue\">\n  </po-info>\n</div>\n<po-widget\n  *ngIf=\"parameters && parameters.length && !jobSchedulerSummaryTemplate\"\n  class=\"po-pt-1 po-pb-1 po-md-12\"\n  [p-title]=\"literals.parameters\"\n>\n  <po-dynamic-view [p-fields]=\"parameters\" [p-value]=\"value.executionParameter\"> </po-dynamic-view>\n</po-widget>\n<div *ngIf=\"jobSchedulerSummaryTemplate\" class=\"po-pt-1 po-pb-1 po-md-12\">\n  <ng-template [ngTemplateOutlet]=\"jobSchedulerSummaryTemplate?.templateRef\"></ng-template>\n</div>\n", dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1.PoDynamicViewComponent, selector: "po-dynamic-view" }, { kind: "component", type: i1.PoInfoComponent, selector: "po-info" }, { kind: "component", type: i1.PoWidgetComponent, selector: "po-widget" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageJobSchedulerSummaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.7", 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 [p-label]=\"literals.process\" [p-orientation]=\"infoOrientation\" [p-value]=\"value.processID\"> </po-info>\n  }\n\n  <po-info [p-label]=\"literals.periodicity\" [p-orientation]=\"infoOrientation\" [p-value]=\"periodicityValue\"> </po-info>\n\n  @if (frequencyValue !== '') {\n    <po-info [p-label]=\"literals.frequency\" [p-orientation]=\"infoOrientation\" [p-value]=\"frequencyValue\"> </po-info>\n  }\n\n  @if (value.periodicity !== 'single') {\n    <po-info [p-label]=\"literals.execution\" [p-orientation]=\"infoOrientation\" [p-value]=\"executionValue\"> </po-info>\n  }\n\n  <po-info [p-label]=\"literals.recurrent\" [p-orientation]=\"infoOrientation\" [p-value]=\"recurrentValue\"> </po-info>\n\n  <po-info [p-label]=\"literals.firstExecution\" [p-orientation]=\"infoOrientation\" [p-value]=\"firstExecutionValue\">\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-title]=\"literals.parameters\">\n    <po-dynamic-view [p-fields]=\"parameters\" [p-value]=\"value.executionParameter\"> </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" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageJobSchedulerSummaryComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'po-page-job-scheduler-summary', standalone: false, template: "<div class=\"po-md-12\">\n  <po-info\n    *ngIf=\"!noParameters\"\n    [p-label]=\"literals.process\"\n    [p-orientation]=\"infoOrientation\"\n    [p-value]=\"value.processID\"\n  >\n  </po-info>\n\n  <po-info [p-label]=\"literals.periodicity\" [p-orientation]=\"infoOrientation\" [p-value]=\"periodicityValue\"> </po-info>\n\n  <po-info\n    *ngIf=\"frequencyValue !== ''\"\n    [p-label]=\"literals.frequency\"\n    [p-orientation]=\"infoOrientation\"\n    [p-value]=\"frequencyValue\"\n  >\n  </po-info>\n\n  <po-info\n    *ngIf=\"value.periodicity !== 'single'\"\n    [p-label]=\"literals.execution\"\n    [p-orientation]=\"infoOrientation\"\n    [p-value]=\"executionValue\"\n  >\n  </po-info>\n\n  <po-info [p-label]=\"literals.recurrent\" [p-orientation]=\"infoOrientation\" [p-value]=\"recurrentValue\"> </po-info>\n\n  <po-info [p-label]=\"literals.firstExecution\" [p-orientation]=\"infoOrientation\" [p-value]=\"firstExecutionValue\">\n  </po-info>\n</div>\n<po-widget\n  *ngIf=\"parameters && parameters.length && !jobSchedulerSummaryTemplate\"\n  class=\"po-pt-1 po-pb-1 po-md-12\"\n  [p-title]=\"literals.parameters\"\n>\n  <po-dynamic-view [p-fields]=\"parameters\" [p-value]=\"value.executionParameter\"> </po-dynamic-view>\n</po-widget>\n<div *ngIf=\"jobSchedulerSummaryTemplate\" class=\"po-pt-1 po-pb-1 po-md-12\">\n  <ng-template [ngTemplateOutlet]=\"jobSchedulerSummaryTemplate?.templateRef\"></ng-template>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i4.DatePipe }], propDecorators: { componentsSize: [{
+            args: [{ selector: 'po-page-job-scheduler-summary', standalone: false, template: "<div class=\"po-md-12\">\n  @if (!noParameters) {\n    <po-info [p-label]=\"literals.process\" [p-orientation]=\"infoOrientation\" [p-value]=\"value.processID\"> </po-info>\n  }\n\n  <po-info [p-label]=\"literals.periodicity\" [p-orientation]=\"infoOrientation\" [p-value]=\"periodicityValue\"> </po-info>\n\n  @if (frequencyValue !== '') {\n    <po-info [p-label]=\"literals.frequency\" [p-orientation]=\"infoOrientation\" [p-value]=\"frequencyValue\"> </po-info>\n  }\n\n  @if (value.periodicity !== 'single') {\n    <po-info [p-label]=\"literals.execution\" [p-orientation]=\"infoOrientation\" [p-value]=\"executionValue\"> </po-info>\n  }\n\n  <po-info [p-label]=\"literals.recurrent\" [p-orientation]=\"infoOrientation\" [p-value]=\"recurrentValue\"> </po-info>\n\n  <po-info [p-label]=\"literals.firstExecution\" [p-orientation]=\"infoOrientation\" [p-value]=\"firstExecutionValue\">\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-title]=\"literals.parameters\">\n    <po-dynamic-view [p-fields]=\"parameters\" [p-value]=\"value.executionParameter\"> </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']
             }], literals: [{
@@ -8312,12 +8256,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImpor
  *
  */
 class PoPageJobSchedulerComponent extends PoPageJobSchedulerBaseComponent {
-    poPageDynamicLookupService;
-    activatedRoute;
-    poDialogService;
-    poNotification;
-    poThemeService;
-    poPageJobSchedulerService;
+    poPageDynamicLookupService = inject(PoPageJobSchedulerLookupService);
+    activatedRoute = inject(ActivatedRoute);
+    poDialogService = inject(PoDialogService);
+    poNotification = inject(PoNotificationService);
     schedulerExecution;
     schedulerParameters;
     parametersTemplate;
@@ -8354,13 +8296,10 @@ class PoPageJobSchedulerComponent extends PoPageJobSchedulerBaseComponent {
     stepParameters = 2;
     stepSummary = 3;
     _stepExecutionLast;
-    constructor(poPageDynamicLookupService, activatedRoute, poDialogService, poNotification, poThemeService, poPageJobSchedulerService, languageService) {
-        super(poPageJobSchedulerService, poThemeService);
-        this.poPageDynamicLookupService = poPageDynamicLookupService;
-        this.activatedRoute = activatedRoute;
-        this.poDialogService = poDialogService;
-        this.poNotification = poNotification;
-        this.poThemeService = poThemeService;
+    constructor() {
+        const poPageJobSchedulerService = inject(PoPageJobSchedulerService);
+        const languageService = inject(PoLanguageService);
+        super(poPageJobSchedulerService);
         this.poPageJobSchedulerService = poPageJobSchedulerService;
         const language = languageService.getShortLanguage();
         this.literals = {
@@ -8602,13 +8541,13 @@ class PoPageJobSchedulerComponent extends PoPageJobSchedulerBaseComponent {
         }
         return this.templateHasDisable();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageJobSchedulerComponent, deps: [{ token: PoPageJobSchedulerLookupService }, { token: i1$2.ActivatedRoute }, { token: i1.PoDialogService }, { token: i1.PoNotificationService }, { token: i1.PoThemeService }, { token: PoPageJobSchedulerService }, { token: i1.PoLanguageService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", 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          <po-page-job-scheduler-parameters\n            *ngIf=\"stepParametersInitialized && !parametersTemplate.length\"\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          <po-page-job-scheduler-summary\n            *ngIf=\"step === stepSummary\"\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        </div>\n      </form>\n\n      <ng-container *ngFor=\"let template of parametersTemplate; index as index\">\n        <div [hidden]=\"step !== index + (_stepExecutionLast ? 1 : 2)\">\n          <ng-template [ngTemplateOutlet]=\"template?.templateRef\"></ng-template>\n        </div>\n      </ng-container>\n    </po-container>\n  </div>\n</po-page-default>\n", styles: ["po-container .po-container{overflow-y:unset}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i1.PoContainerComponent, selector: "po-container" }, { kind: "component", type: i1.PoPageDefaultComponent, selector: "po-page-default" }, { kind: "component", type: i1.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: "19.0.7", ngImport: i0, type: PoPageJobSchedulerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.7", 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", styles: ["po-container .po-container{overflow-y:unset}\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],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", 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          <po-page-job-scheduler-parameters\n            *ngIf=\"stepParametersInitialized && !parametersTemplate.length\"\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          <po-page-job-scheduler-summary\n            *ngIf=\"step === stepSummary\"\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        </div>\n      </form>\n\n      <ng-container *ngFor=\"let template of parametersTemplate; index as index\">\n        <div [hidden]=\"step !== index + (_stepExecutionLast ? 1 : 2)\">\n          <ng-template [ngTemplateOutlet]=\"template?.templateRef\"></ng-template>\n        </div>\n      </ng-container>\n    </po-container>\n  </div>\n</po-page-default>\n", styles: ["po-container .po-container{overflow-y:unset}\n"] }]
-        }], ctorParameters: () => [{ type: PoPageJobSchedulerLookupService }, { type: i1$2.ActivatedRoute }, { type: i1.PoDialogService }, { type: i1.PoNotificationService }, { type: i1.PoThemeService }, { type: PoPageJobSchedulerService }, { type: i1.PoLanguageService }], propDecorators: { schedulerExecution: [{
+            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", styles: ["po-container .po-container{overflow-y:unset}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { schedulerExecution: [{
                 type: ViewChild,
                 args: ['schedulerExecution', { static: true }]
             }], schedulerParameters: [{
@@ -8885,7 +8824,6 @@ const poPageLoginLiteralIn = {
  * ```
  */
 class PoPageLoginBaseComponent {
-    poThemeService;
     loginService;
     router;
     poLanguageService;
@@ -9086,10 +9024,10 @@ class PoPageLoginBaseComponent {
      * @default `medium`
      */
     set componentsSize(value) {
-        this._componentsSize = validateSize(value, this.poThemeService);
+        this._componentsSize = validateSizeFn(value);
     }
     get componentsSize() {
-        return this._componentsSize ?? getDefaultSize(this.poThemeService);
+        return this._componentsSize ?? getDefaultSizeFn();
     }
     /**
      * @optional
@@ -9677,8 +9615,7 @@ class PoPageLoginBaseComponent {
             ...this.literals
         };
     }
-    constructor(poThemeService, loginService, router, poLanguageService) {
-        this.poThemeService = poThemeService;
+    constructor(loginService, router, poLanguageService) {
         this.loginService = loginService;
         this.router = router;
         this.poLanguageService = poLanguageService;
@@ -9752,12 +9689,12 @@ class PoPageLoginBaseComponent {
             this.blockedUrl = '';
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageLoginBaseComponent, deps: [{ token: i1.PoThemeService }, { token: PoPageLoginService }, { token: i1$2.Router }, { token: i1.PoLanguageService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", 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: "19.0.7", 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" }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageLoginBaseComponent, decorators: [{
             type: Directive
-        }], ctorParameters: () => [{ type: i1.PoThemeService }, { type: PoPageLoginService }, { type: i1$2.Router }, { type: i1.PoLanguageService }], propDecorators: { background: [{
+        }], ctorParameters: () => [{ type: PoPageLoginService }, { type: i2$1.Router }, { type: i3.PoLanguageService }], propDecorators: { background: [{
                 type: Input,
                 args: ['p-background']
             }], logo: [{
@@ -9884,11 +9821,11 @@ class PoPageLoginPopoverComponent {
         this.forgotPassword.emit(recovery);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageLoginPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", 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      <div *ngIf=\"recovery\" class=\"po-font-text-bold po-mt-1 po-page-login-popover-link-container\">\n        <a *ngIf=\"recoveryType === 'internalLink'\" class=\"po-page-login-popover-link\" [routerLink]=\"recovery\">\n          {{ literals?.iForgotMyPassword }}\n        </a>\n        <a *ngIf=\"recoveryType === 'externalLink'\" class=\"po-page-login-popover-link\" [href]=\"recovery\" target=\"_blank\">\n          {{ literals?.iForgotMyPassword }}\n        </a>\n        <a *ngIf=\"!recoveryType\" class=\"po-page-login-popover-link\" (click)=\"onForgotPasswordClick(recovery)\">\n          {{ literals?.iForgotMyPassword }}\n        </a>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i1.PoI18nPipe, name: "poI18n" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.7", 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" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", 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      <div *ngIf=\"recovery\" class=\"po-font-text-bold po-mt-1 po-page-login-popover-link-container\">\n        <a *ngIf=\"recoveryType === 'internalLink'\" class=\"po-page-login-popover-link\" [routerLink]=\"recovery\">\n          {{ literals?.iForgotMyPassword }}\n        </a>\n        <a *ngIf=\"recoveryType === 'externalLink'\" class=\"po-page-login-popover-link\" [href]=\"recovery\" target=\"_blank\">\n          {{ literals?.iForgotMyPassword }}\n        </a>\n        <a *ngIf=\"!recoveryType\" class=\"po-page-login-popover-link\" (click)=\"onForgotPasswordClick(recovery)\">\n          {{ literals?.iForgotMyPassword }}\n        </a>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
+            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" }]
         }], propDecorators: { literals: [{
                 type: Input,
                 args: ['p-literals']
@@ -9930,22 +9867,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImpor
  * </example>
  */
 class PoPageLoginComponent extends PoPageLoginBaseComponent {
-    poThemeService;
-    changeDetector;
-    activatedRoute;
-    poComponentInjector;
+    changeDetector = inject(ChangeDetectorRef);
+    activatedRoute = inject(ActivatedRoute);
+    poComponentInjector = inject(PoComponentInjectorService);
     loginForm;
     pageLogin;
     initialSelectLanguage;
     componentRef = null;
     differ;
     customPasswordError = { custom: false };
-    constructor(poThemeService, changeDetector, activatedRoute, poComponentInjector, differs, loginService, router, poLanguageService) {
-        super(poThemeService, loginService, router, poLanguageService);
-        this.poThemeService = poThemeService;
-        this.changeDetector = changeDetector;
-        this.activatedRoute = activatedRoute;
-        this.poComponentInjector = poComponentInjector;
+    constructor() {
+        const differs = inject(IterableDiffers);
+        const loginService = inject(PoPageLoginService);
+        const router = inject(Router);
+        const poLanguageService = inject(PoLanguageService);
+        super(loginService, router, poLanguageService);
         this.differ = differs.find([]).create(null);
     }
     ngAfterViewChecked() {
@@ -10111,13 +10047,13 @@ 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: "19.0.7", ngImport: i0, type: PoPageLoginComponent, deps: [{ token: i1.PoThemeService }, { token: i0.ChangeDetectorRef }, { token: i1$2.ActivatedRoute }, { token: i1.PoComponentInjectorService }, { token: i0.IterableDiffers }, { token: PoPageLoginService }, { token: i1$2.Router }, { token: i1.PoLanguageService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", 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      <po-tag *ngIf=\"environment\" p-type=\"warning\" [p-value]=\"environment\"> </po-tag>\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          <div\n            *ngIf=\"pageLoginLiterals.loginHint || pageLoginLiterals.rememberUserHint\"\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            <po-icon\n              p-icon=\"ICON_INFO po-field-icon\"\n              *ngIf=\"pageLoginLiterals.loginHint\"\n              p-tooltip-position=\"right\"\n              [p-tooltip]=\"pageLoginLiterals.loginHint\"\n            >\n            </po-icon>\n          </div>\n        </div>\n\n        <div class=\"po-field-container-bottom po-field-container-error-container\">\n          <div\n            *ngFor=\"let error of allLoginErrors\"\n            class=\"po-field-container-bottom-text-error po-field-container-error-item\"\n          >\n            <po-icon p-icon=\"ICON_EXCLAMATION\"></po-icon>\n            <span class=\"po-field-container-error-text\">{{ error }}</span>\n          </div>\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          <div\n            *ngIf=\"pageLoginLiterals.loginHint || pageLoginLiterals.rememberUserHint\"\n            class=\"po-page-login-password-item po-page-login-password-popover-container\"\n          >\n            <po-page-login-popover\n              *ngIf=\"showExceededAttemptsWarning && exceededAttemptsWarning\"\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          </div>\n        </div>\n        <div class=\"po-field-container-bottom po-field-container-error-container\">\n          <div\n            *ngFor=\"let error of allPasswordErrors\"\n            class=\"po-field-container-bottom-text-error po-field-container-error-item\"\n          >\n            <po-icon p-icon=\"ICON_EXCLAMATION\"></po-icon>\n            <span class=\"po-field-container-error-text\">{{ error }}</span>\n          </div>\n        </div>\n      </div>\n\n      <po-input\n        *ngIf=\"customField && customFieldType === '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      <po-combo\n        *ngIf=\"customField && customFieldType === '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      <po-select\n        *ngIf=\"customField && customFieldType === '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      <div class=\"po-lg-12\">\n        <div *ngIf=\"!hideRememberUser\" 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\n          <div\n            *ngIf=\"pageLoginLiterals.loginHint || pageLoginLiterals.rememberUserHint\"\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            <po-icon\n              p-icon=\"ICON_INFO po-field-icon\"\n              *ngIf=\"pageLoginLiterals.rememberUserHint\"\n              p-tooltip-position=\"right\"\n              [p-tooltip]=\"pageLoginLiterals.rememberUserHint\"\n            >\n            </po-icon>\n          </div>\n        </div>\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      <div *ngIf=\"recovery\" class=\"po-page-login-recovery-link\">\n        <a class=\"po-font-text-large-bold\" (click)=\"openUrl(recovery)\">{{ pageLoginLiterals.forgotPassword }}</a>\n      </div>\n\n      <div *ngIf=\"registerUrl\" class=\"po-page-login-register-link\">\n        <a class=\"po-font-text-large-bold\" (click)=\"openUrl(registerUrl)\">{{ pageLoginLiterals.registerUrl }}</a>\n      </div>\n    </div>\n  </form>\n</po-page-background>\n", dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),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: i1.PoButtonComponent, selector: "po-button" }, { kind: "component", type: i1.PoComboComponent, selector: "po-combo" }, { kind: "component", type: i1.PoInputComponent, selector: "po-input" }, { kind: "component", type: i1.PoLoginComponent, selector: "po-login", inputs: ["p-no-autocomplete"] }, { kind: "component", type: i1.PoPasswordComponent, selector: "po-password", inputs: ["p-hide-password-peek", "p-no-autocomplete"] }, { kind: "component", type: i1.PoSelectComponent, selector: "po-select", inputs: ["p-readonly", "p-placeholder", "p-options", "p-field-label", "p-field-value", "p-control-value-with-label", "p-size"], outputs: ["p-blur", "ngModelChange"] }, { kind: "component", type: i1.PoSwitchComponent, selector: "po-switch", inputs: ["p-value", "p-format-model", "p-hide-label-status", "p-label-position", "p-label-off", "p-label-on", "p-field-error-message", "p-error-limit", "p-invalid-value", "p-size"] }, { kind: "component", type: i1.PoTagComponent, selector: "po-tag" }, { kind: "component", type: i1.PoIconComponent, selector: "po-icon", inputs: ["p-icon"] }, { kind: "directive", type: i1.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: "19.0.7", ngImport: i0, type: PoPageLoginComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.7", 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-container-error-text\">{{ 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-container-error-text\">{{ 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],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]),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-placeholder", "p-options", "p-field-label", "p-field-value", "p-control-value-with-label", "p-size"], outputs: ["p-blur", "ngModelChange"] }, { kind: "component", type: i3.PoSwitchComponent, selector: "po-switch", inputs: ["p-value", "p-format-model", "p-hide-label-status", "p-label-position", "p-label-off", "p-label-on", "p-field-error-message", "p-error-limit", "p-invalid-value", "p-size"] }, { 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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", 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      <po-tag *ngIf=\"environment\" p-type=\"warning\" [p-value]=\"environment\"> </po-tag>\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          <div\n            *ngIf=\"pageLoginLiterals.loginHint || pageLoginLiterals.rememberUserHint\"\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            <po-icon\n              p-icon=\"ICON_INFO po-field-icon\"\n              *ngIf=\"pageLoginLiterals.loginHint\"\n              p-tooltip-position=\"right\"\n              [p-tooltip]=\"pageLoginLiterals.loginHint\"\n            >\n            </po-icon>\n          </div>\n        </div>\n\n        <div class=\"po-field-container-bottom po-field-container-error-container\">\n          <div\n            *ngFor=\"let error of allLoginErrors\"\n            class=\"po-field-container-bottom-text-error po-field-container-error-item\"\n          >\n            <po-icon p-icon=\"ICON_EXCLAMATION\"></po-icon>\n            <span class=\"po-field-container-error-text\">{{ error }}</span>\n          </div>\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          <div\n            *ngIf=\"pageLoginLiterals.loginHint || pageLoginLiterals.rememberUserHint\"\n            class=\"po-page-login-password-item po-page-login-password-popover-container\"\n          >\n            <po-page-login-popover\n              *ngIf=\"showExceededAttemptsWarning && exceededAttemptsWarning\"\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          </div>\n        </div>\n        <div class=\"po-field-container-bottom po-field-container-error-container\">\n          <div\n            *ngFor=\"let error of allPasswordErrors\"\n            class=\"po-field-container-bottom-text-error po-field-container-error-item\"\n          >\n            <po-icon p-icon=\"ICON_EXCLAMATION\"></po-icon>\n            <span class=\"po-field-container-error-text\">{{ error }}</span>\n          </div>\n        </div>\n      </div>\n\n      <po-input\n        *ngIf=\"customField && customFieldType === '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      <po-combo\n        *ngIf=\"customField && customFieldType === '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      <po-select\n        *ngIf=\"customField && customFieldType === '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      <div class=\"po-lg-12\">\n        <div *ngIf=\"!hideRememberUser\" 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\n          <div\n            *ngIf=\"pageLoginLiterals.loginHint || pageLoginLiterals.rememberUserHint\"\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            <po-icon\n              p-icon=\"ICON_INFO po-field-icon\"\n              *ngIf=\"pageLoginLiterals.rememberUserHint\"\n              p-tooltip-position=\"right\"\n              [p-tooltip]=\"pageLoginLiterals.rememberUserHint\"\n            >\n            </po-icon>\n          </div>\n        </div>\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      <div *ngIf=\"recovery\" class=\"po-page-login-recovery-link\">\n        <a class=\"po-font-text-large-bold\" (click)=\"openUrl(recovery)\">{{ pageLoginLiterals.forgotPassword }}</a>\n      </div>\n\n      <div *ngIf=\"registerUrl\" class=\"po-page-login-register-link\">\n        <a class=\"po-font-text-large-bold\" (click)=\"openUrl(registerUrl)\">{{ pageLoginLiterals.registerUrl }}</a>\n      </div>\n    </div>\n  </form>\n</po-page-background>\n" }]
-        }], ctorParameters: () => [{ type: i1.PoThemeService }, { type: i0.ChangeDetectorRef }, { type: i1$2.ActivatedRoute }, { type: i1.PoComponentInjectorService }, { type: i0.IterableDiffers }, { type: PoPageLoginService }, { type: i1$2.Router }, { type: i1.PoLanguageService }], propDecorators: { loginForm: [{
+            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-container-error-text\">{{ 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-container-error-text\">{{ 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 }]
             }], pageLogin: [{