@po-ui/ng-templates 19.6.0 → 19.8.0

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

@@ -4,15 +4,29 @@ import * as i4 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i5 from '@angular/forms';
 import { FormsModule, NgForm } from '@angular/forms';
-import * as i2 from '@po-ui/ng-components';
+import * as i1 from '@po-ui/ng-components';
 import { poLocaleDefault, poLocales, PoI18nPipe, PoFieldModule, PoModalModule, PoIconModule, poLanguageDefault, PoDividerModule, PoLogoModule, PoModule, PoModalComponent, PoDynamicModule, PoPageModule, PoWidgetModule, PoButtonModule, PoGridModule, PoDynamicFormComponent, PoDynamicFieldType, PoPageListComponent, PoLanguageModule, PoTableColumnSpacing, PoTableColumnSortType, PoTableModule, PoStepperOrientation, PoInfoOrientation, PoStepperStatus, PoContainerModule, PoDialogModule, PoInfoModule, PoStepperModule } from '@po-ui/ng-components';
-import * as i1$1 from '@angular/router';
+import * as i1$2 from '@angular/router';
 import { RouterModule } from '@angular/router';
-import * as i1 from '@angular/common/http';
+import * as i1$1 from '@angular/common/http';
 import { HttpHeaders } from '@angular/common/http';
 import { of, merge, throwError, from, EMPTY, concat, Observable, Subscription } from 'rxjs';
 import { map, catchError, switchMap, tap } from 'rxjs/operators';
 
+/**
+ * @description
+ *
+ * Tamanhos da propriedade `p-components-size` para componentes de formulário no template. A medida `small` está
+ * disponível apenas para acessibilidade AA.
+ */
+var PoPageComponentsSize;
+(function (PoPageComponentsSize) {
+    /** Aplica a medida `small` do componente. */
+    PoPageComponentsSize["Small"] = "small";
+    /** Aplica a medida `medium` do componente. */
+    PoPageComponentsSize["Medium"] = "medium";
+})(PoPageComponentsSize || (PoPageComponentsSize = {}));
+
 /**
  * Retorna o idioma atual do navegador
  */
@@ -135,6 +149,12 @@ function formatYear(year) {
         return `000${year}`;
     }
 }
+/**
+ * Retorna o tamanho padrão dos componentes conforme o nível de acessibilidade.
+ */
+function getDefaultSize(poThemeService) {
+    return poThemeService.getA11yDefaultSize() === 'small' ? PoPageComponentsSize.Small : PoPageComponentsSize.Medium;
+}
 function isEquals(value, comparedValue) {
     return JSON.stringify(value) === JSON.stringify(comparedValue);
 }
@@ -439,6 +459,52 @@ function sortArrayOfObjects(items, key, isAscendingOrder) {
         }
     });
 }
+/**
+ * Valida e retorna um tamanho permitido para os componentes, considerando a acessibilidade.
+ */
+function validateSize(value, poThemeService) {
+    if (value && Object.values(PoPageComponentsSize).includes(value)) {
+        if (value === PoPageComponentsSize.Small && poThemeService.getA11yLevel() !== 'AA') {
+            return PoPageComponentsSize.Medium;
+        }
+        return value;
+    }
+    return getDefaultSize(poThemeService);
+}
+
+/**
+ * @docsPrivate
+ *
+ * @description
+ *
+ * Enum para definição do tipo de conteúdo exibido na modal.
+ */
+var PoModalPasswordRecoveryModalContent;
+(function (PoModalPasswordRecoveryModalContent) {
+    /** Exibição de modal contendo campo para preenchimento de email ou número de telefone */
+    PoModalPasswordRecoveryModalContent["Email"] = "email";
+    /** Exibição de modal contendo campo para inserção de código enviado por SMS */
+    PoModalPasswordRecoveryModalContent["SMSCode"] = "smsCode";
+    /** Exibição de modal de confirmação de envio */
+    PoModalPasswordRecoveryModalContent["Confirmation"] = "confirmation";
+})(PoModalPasswordRecoveryModalContent || (PoModalPasswordRecoveryModalContent = {}));
+
+/**
+ * @usedBy PoModalPasswordRecoveryComponent
+ *
+ * @description
+ *
+ * *Enum* para especificação do tipo de recuperação de senha.
+ */
+var PoModalPasswordRecoveryType;
+(function (PoModalPasswordRecoveryType) {
+    /** Possibilita ao usuário optar por envio via email ou SMS */
+    PoModalPasswordRecoveryType["All"] = "all";
+    /** Definição para recuperação apenas por email */
+    PoModalPasswordRecoveryType["Email"] = "email";
+    /** Definição para recuperação apenas por SMS */
+    PoModalPasswordRecoveryType["SMS"] = "sms";
+})(PoModalPasswordRecoveryType || (PoModalPasswordRecoveryType = {}));
 
 const poModalPasswordRecoveryLiterals = {
     en: {
@@ -559,23 +625,6 @@ const poModalPasswordRecoveryLiterals = {
     }
 };
 
-/**
- * @usedBy PoModalPasswordRecoveryComponent
- *
- * @description
- *
- * *Enum* para especificação do tipo de recuperação de senha.
- */
-var PoModalPasswordRecoveryType;
-(function (PoModalPasswordRecoveryType) {
-    /** Possibilita ao usuário optar por envio via email ou SMS */
-    PoModalPasswordRecoveryType["All"] = "all";
-    /** Definição para recuperação apenas por email */
-    PoModalPasswordRecoveryType["Email"] = "email";
-    /** Definição para recuperação apenas por SMS */
-    PoModalPasswordRecoveryType["SMS"] = "sms";
-})(PoModalPasswordRecoveryType || (PoModalPasswordRecoveryType = {}));
-
 const PoModalPasswordRecoveryDefaultMaxLength = 15;
 const PoModalPasswordRecoveryDefaultMinLength = 15;
 const PoModalPasswordRecoveryDefaultPhone = '(99) 99999-9999';
@@ -629,6 +678,7 @@ const PoModalPasswordRecoveryTypeDefault = PoModalPasswordRecoveryType.Email;
  * ```
  */
 class PoModalPasswordRecoveryBaseComponent {
+    poThemeService;
     /**
      * @optional
      *
@@ -772,9 +822,30 @@ class PoModalPasswordRecoveryBaseComponent {
     smsCode;
     smsCodeErrorMessage;
     literals = poModalPasswordRecoveryLiterals[poLocaleDefault];
+    _componentsSize;
     _contactEmail;
     _phoneMask = PoModalPasswordRecoveryDefaultPhone;
     _type = PoModalPasswordRecoveryTypeDefault;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o tamanho dos componentes de formulário no modal:
+     * - `small`: aplica a medida small de cada componente (disponível apenas para acessibilidade AA).
+     * - `medium`: aplica a medida medium de cada componente.
+     *
+     * > Caso a acessibilidade AA não esteja configurada, o tamanho `medium` será mantido.
+     * Para mais detalhes, consulte a documentação do [po-theme](https://po-ui.io/documentation/po-theme).
+     *
+     * @default `medium`
+     */
+    set componentsSize(value) {
+        this._componentsSize = validateSize(value, this.poThemeService);
+    }
+    get componentsSize() {
+        return this._componentsSize ?? getDefaultSize(this.poThemeService);
+    }
     /**
      * @optional
      *
@@ -823,7 +894,8 @@ class PoModalPasswordRecoveryBaseComponent {
     get type() {
         return this._type;
     }
-    constructor(languageService) {
+    constructor(languageService, poThemeService) {
+        this.poThemeService = poThemeService;
         this.literals = {
             ...this.literals,
             ...poModalPasswordRecoveryLiterals[languageService.getShortLanguage()]
@@ -835,12 +907,12 @@ class PoModalPasswordRecoveryBaseComponent {
             ? `${literalCodeErrorMessage} ${this.literals.prepositionIn} ${value}.`
             : literalCodeErrorMessage;
     }
-    static ɵfac = function PoModalPasswordRecoveryBaseComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoModalPasswordRecoveryBaseComponent)(i0.ɵɵdirectiveInject(i2.PoLanguageService)); };
-    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoModalPasswordRecoveryBaseComponent, inputs: { codeError: [0, "p-code-error", "codeError"], urlRecovery: [0, "p-url-recovery", "urlRecovery"], contactEmail: [0, "p-contact-email", "contactEmail"], phoneMask: [0, "p-phone-mask", "phoneMask"], type: [0, "p-type", "type"] }, outputs: { codeSubmit: "p-code-submit", submit: "p-submit" } });
+    static ɵfac = function PoModalPasswordRecoveryBaseComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoModalPasswordRecoveryBaseComponent)(i0.ɵɵdirectiveInject(i1.PoLanguageService), i0.ɵɵdirectiveInject(i1.PoThemeService)); };
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoModalPasswordRecoveryBaseComponent, inputs: { codeError: [0, "p-code-error", "codeError"], urlRecovery: [0, "p-url-recovery", "urlRecovery"], componentsSize: [0, "p-components-size", "componentsSize"], contactEmail: [0, "p-contact-email", "contactEmail"], phoneMask: [0, "p-phone-mask", "phoneMask"], type: [0, "p-type", "type"] }, outputs: { codeSubmit: "p-code-submit", submit: "p-submit" } });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoModalPasswordRecoveryBaseComponent, [{
         type: Directive
-    }], () => [{ type: i2.PoLanguageService }], { codeError: [{
+    }], () => [{ type: i1.PoLanguageService }, { type: i1.PoThemeService }], { codeError: [{
             type: Input,
             args: ['p-code-error']
         }], urlRecovery: [{
@@ -852,6 +924,9 @@ class PoModalPasswordRecoveryBaseComponent {
         }], submit: [{
             type: Output,
             args: ['p-submit']
+        }], componentsSize: [{
+            type: Input,
+            args: ['p-components-size']
         }], contactEmail: [{
             type: Input,
             args: ['p-contact-email']
@@ -863,23 +938,6 @@ class PoModalPasswordRecoveryBaseComponent {
             args: ['p-type']
         }] }); })();
 
-/**
- * @docsPrivate
- *
- * @description
- *
- * Enum para definição do tipo de conteúdo exibido na modal.
- */
-var PoModalPasswordRecoveryModalContent;
-(function (PoModalPasswordRecoveryModalContent) {
-    /** Exibição de modal contendo campo para preenchimento de email ou número de telefone */
-    PoModalPasswordRecoveryModalContent["Email"] = "email";
-    /** Exibição de modal contendo campo para inserção de código enviado por SMS */
-    PoModalPasswordRecoveryModalContent["SMSCode"] = "smsCode";
-    /** Exibição de modal de confirmação de envio */
-    PoModalPasswordRecoveryModalContent["Confirmation"] = "confirmation";
-})(PoModalPasswordRecoveryModalContent || (PoModalPasswordRecoveryModalContent = {}));
-
 class PoModalPasswordRecoveryService {
     http;
     constructor(http) {
@@ -888,7 +946,7 @@ class PoModalPasswordRecoveryService {
     post(urlRecovery, item, params) {
         return this.http.post(urlRecovery, item, { observe: 'response', params: params });
     }
-    static ɵfac = function PoModalPasswordRecoveryService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoModalPasswordRecoveryService)(i0.ɵɵinject(i1.HttpClient)); };
+    static ɵfac = function PoModalPasswordRecoveryService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoModalPasswordRecoveryService)(i0.ɵɵinject(i1$1.HttpClient)); };
     static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: PoModalPasswordRecoveryService, factory: PoModalPasswordRecoveryService.ɵfac, providedIn: 'root' });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoModalPasswordRecoveryService, [{
@@ -896,7 +954,7 @@ class PoModalPasswordRecoveryService {
         args: [{
                 providedIn: 'root'
             }]
-    }], () => [{ type: i1.HttpClient }], null); })();
+    }], () => [{ type: i1$1.HttpClient }], null); })();
 
 /**
  * @docsPrivate
@@ -918,7 +976,7 @@ class PoModalPasswordRecoveryErrorMessageComponent {
         } if (rf & 2) {
             i0.ɵɵadvance(3);
             i0.ɵɵtextInterpolate(ctx.text);
-        } }, dependencies: [i2.PoIconComponent], encapsulation: 2 });
+        } }, dependencies: [i1.PoIconComponent], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoModalPasswordRecoveryErrorMessageComponent, [{
         type: Component,
@@ -942,7 +1000,7 @@ function PoModalPasswordRecoveryComponent_div_3_div_6_Template(rf, ctx) { if (rf
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.chosenTypeFormOption);
-    i0.ɵɵproperty("p-options", ctx_r1.typeFormOptions);
+    i0.ɵɵproperty("p-options", ctx_r1.typeFormOptions)("p-size", ctx_r1.componentsSize);
 } }
 function PoModalPasswordRecoveryComponent_div_3_po_email_8_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
@@ -953,7 +1011,7 @@ function PoModalPasswordRecoveryComponent_div_3_po_email_8_Template(rf, ctx) { i
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.email);
-    i0.ɵɵproperty("p-label", ctx_r1.literals.insertEmail);
+    i0.ɵɵproperty("p-label", ctx_r1.literals.insertEmail)("p-size", ctx_r1.componentsSize);
 } }
 function PoModalPasswordRecoveryComponent_div_3_po_input_9_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
@@ -964,7 +1022,7 @@ function PoModalPasswordRecoveryComponent_div_3_po_input_9_Template(rf, ctx) { i
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.phone);
-    i0.ɵɵproperty("p-label", ctx_r1.literals.insertPhone)("p-mask", ctx_r1.phoneMask)("p-maxlength", ctx_r1.maxLength)("p-minlength", ctx_r1.minLength);
+    i0.ɵɵproperty("p-label", ctx_r1.literals.insertPhone)("p-mask", ctx_r1.phoneMask)("p-maxlength", ctx_r1.maxLength)("p-minlength", ctx_r1.minLength)("p-size", ctx_r1.componentsSize);
 } }
 function PoModalPasswordRecoveryComponent_div_3_po_modal_password_recovery_error_message_11_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "po-modal-password-recovery-error-message", 21);
@@ -992,9 +1050,9 @@ function PoModalPasswordRecoveryComponent_div_3_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "div", 10)(4, "form", null, 1);
-    i0.ɵɵtemplate(6, PoModalPasswordRecoveryComponent_div_3_div_6_Template, 2, 2, "div", 11);
+    i0.ɵɵtemplate(6, PoModalPasswordRecoveryComponent_div_3_div_6_Template, 2, 3, "div", 11);
     i0.ɵɵelementStart(7, "div", 12);
-    i0.ɵɵtemplate(8, PoModalPasswordRecoveryComponent_div_3_po_email_8_Template, 1, 2, "po-email", 13)(9, PoModalPasswordRecoveryComponent_div_3_po_input_9_Template, 1, 5, "po-input", 14);
+    i0.ɵɵtemplate(8, PoModalPasswordRecoveryComponent_div_3_po_email_8_Template, 1, 3, "po-email", 13)(9, PoModalPasswordRecoveryComponent_div_3_po_input_9_Template, 1, 6, "po-input", 14);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(10, "div", 15);
     i0.ɵɵtemplate(11, PoModalPasswordRecoveryComponent_div_3_po_modal_password_recovery_error_message_11_Template, 1, 1, "po-modal-password-recovery-error-message", 16);
@@ -1059,7 +1117,7 @@ function PoModalPasswordRecoveryComponent_div_4_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵtextInterpolate(ctx_r1.literals.sentSmsCodePhrase);
     i0.ɵɵadvance(4);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.smsCode);
-    i0.ɵɵproperty("p-label", ctx_r1.literals.insertCode)("p-mask", ctx_r1.codeMask);
+    i0.ɵɵproperty("p-label", ctx_r1.literals.insertCode)("p-mask", ctx_r1.codeMask)("p-size", ctx_r1.componentsSize);
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngIf", ctx_r1.invalidEmail);
     i0.ɵɵadvance();
@@ -1104,6 +1162,7 @@ class PoModalPasswordRecoveryComponent extends PoModalPasswordRecoveryBaseCompon
     router;
     poI18nPipe;
     poModalPasswordRecoveryService;
+    poThemeService;
     emailForm;
     recoveryModalElement;
     smsCodeForm;
@@ -1130,11 +1189,12 @@ class PoModalPasswordRecoveryComponent extends PoModalPasswordRecoveryBaseCompon
     passwordRecoverySubscription;
     smsBodyResponse;
     smsCodeSubscription;
-    constructor(router, poI18nPipe, poModalPasswordRecoveryService, poLanguageService) {
-        super(poLanguageService);
+    constructor(router, poI18nPipe, poModalPasswordRecoveryService, poThemeService, poLanguageService) {
+        super(poLanguageService, poThemeService);
         this.router = router;
         this.poI18nPipe = poI18nPipe;
         this.poModalPasswordRecoveryService = poModalPasswordRecoveryService;
+        this.poThemeService = poThemeService;
     }
     ngOnDestroy() {
         if (this.passwordRecoverySubscription) {
@@ -1175,12 +1235,12 @@ class PoModalPasswordRecoveryComponent extends PoModalPasswordRecoveryBaseCompon
     openConfirmation() {
         this.modalTitle = this.literals.emailSentTitle;
         this.modalType = PoModalPasswordRecoveryModalContent.Confirmation;
-        this.setActions(this.cancelAction, this.literals.closeButton, this.submitAction, this.literals.resendEmailButton, false);
+        this.setActions(this.cancelAction, this.literals.closeButton, this.submitAction, this.literals.resendEmailButton, this.componentsSize, false);
     }
     openSmsCode() {
         this.modalTitle = this.literals.typeCodeTitle;
         this.modalType = PoModalPasswordRecoveryModalContent.SMSCode;
-        this.setActions(this.submitSmsCodeAction, this.literals.continueButton, this.cancelAction, this.literals.cancelButton, true);
+        this.setActions(this.submitSmsCodeAction, this.literals.continueButton, this.cancelAction, this.literals.cancelButton, this.componentsSize, true);
         setTimeout(() => {
             this.control = this.smsCodeForm.controls['sms'];
             this.formModelChangesCheck(this.smsCodeForm);
@@ -1257,18 +1317,19 @@ class PoModalPasswordRecoveryComponent extends PoModalPasswordRecoveryBaseCompon
         this.phone = undefined;
         this.smsCode = undefined;
     }
-    setActions(primaryAction, primarylabel, secondaryAction, secondaryLabel, disabled) {
+    setActions(primaryAction, primarylabel, secondaryAction, secondaryLabel, componentsSize, disabled) {
         this.primaryAction.action = () => primaryAction.call(this);
         this.primaryAction.label = primarylabel;
         this.secondaryAction.action = () => secondaryAction.call(this);
         this.secondaryAction.label = secondaryLabel;
+        this.componentsSize = componentsSize;
         this.primaryAction.disabled = disabled;
     }
     setEmailModalPhrasesAndActions() {
         this.modalTitle = this.literals.forgotPasswordTitle;
         this.pipeModalPhrases();
         this.modalPasswordRecoveryTypeAll = this.type === PoModalPasswordRecoveryType.All;
-        this.setActions(this.submitAction, this.literals.sendButton, this.cancelAction, this.literals.cancelButton, true);
+        this.setActions(this.submitAction, this.literals.sendButton, this.cancelAction, this.literals.cancelButton, this.componentsSize, true);
     }
     setRequestEndpoint(urlValidationCode) {
         const endpoint = urlValidationCode || 'validation';
@@ -1329,7 +1390,7 @@ class PoModalPasswordRecoveryComponent extends PoModalPasswordRecoveryBaseCompon
             this.openSmsCode();
         });
     }
-    static ɵfac = function PoModalPasswordRecoveryComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoModalPasswordRecoveryComponent)(i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(i2.PoI18nPipe), i0.ɵɵdirectiveInject(PoModalPasswordRecoveryService), i0.ɵɵdirectiveInject(i2.PoLanguageService)); };
+    static ɵfac = function PoModalPasswordRecoveryComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoModalPasswordRecoveryComponent)(i0.ɵɵdirectiveInject(i1$2.Router), i0.ɵɵdirectiveInject(i1.PoI18nPipe), i0.ɵɵdirectiveInject(PoModalPasswordRecoveryService), i0.ɵɵdirectiveInject(i1.PoThemeService), i0.ɵɵdirectiveInject(i1.PoLanguageService)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoModalPasswordRecoveryComponent, selectors: [["po-modal-password-recovery"]], viewQuery: function PoModalPasswordRecoveryComponent_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(_c0$9, 5);
             i0.ɵɵviewQuery(_c1$6, 7);
@@ -1339,24 +1400,24 @@ class PoModalPasswordRecoveryComponent extends PoModalPasswordRecoveryBaseCompon
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.emailForm = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.recoveryModalElement = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.smsCodeForm = _t.first);
-        } }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 6, vars: 7, consts: [["recoveryModal", ""], ["emailForm", "ngForm"], ["smsCodeModal", ""], ["smsCodeForm", "ngForm"], ["confirmationModal", ""], ["p-hide-close", "", "p-size", "auto", 3, "ngSwitch", "p-primary-action", "p-secondary-action", "p-title"], [1, "po-modal-password-recovery-wrapper"], ["class", "po-modal-password-recovery-content po-row", 4, "ngSwitchCase"], [1, "po-modal-password-recovery-content", "po-row"], [1, "po-modal-password-recovery-text", "po-md-12", "po-mb-1"], [1, "po-mb-2", "po-md-12"], [4, "ngIf"], [1, "po-mt-1"], ["name", "email", "p-required", "", 3, "ngModel", "p-label", "ngModelChange", "p-change-model", 4, "ngIf"], ["name", "sms", "p-icon", "ICON_TELEPHONE", "p-required", "", 3, "ngModel", "p-label", "p-mask", "p-maxlength", "p-minlength", "ngModelChange", "p-change-model", 4, "ngIf"], [1, "po-field-container-bottom", "po-field-container-error-container"], [3, "p-text", 4, "ngIf"], [1, "po-modal-password-recovery-text", "po-md-12"], ["name", "type", 3, "ngModelChange", "p-change", "ngModel", "p-options"], ["name", "email", "p-required", "", 3, "ngModelChange", "p-change-model", "ngModel", "p-label"], ["name", "sms", "p-icon", "ICON_TELEPHONE", "p-required", "", 3, "ngModelChange", "p-change-model", "ngModel", "p-label", "p-mask", "p-maxlength", "p-minlength"], [3, "p-text"], ["target", "_self", 1, "po-modal-password-recovery-link", 3, "href"], ["name", "sms", "p-maxlength", "11", "p-minlength", "11", "p-required", "", 3, "ngModelChange", "p-change-model", "ngModel", "p-label", "p-mask"], [1, "po-modal-password-recovery-link", 3, "click"], ["src", "./assets/images/email-sent.svg", 1, "po-modal-password-recovery-user-image", "po-mb-2"], [1, "po-modal-password-recovery-text"]], template: function PoModalPasswordRecoveryComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 6, vars: 8, consts: [["recoveryModal", ""], ["emailForm", "ngForm"], ["smsCodeModal", ""], ["smsCodeForm", "ngForm"], ["confirmationModal", ""], ["p-hide-close", "", "p-size", "auto", 3, "ngSwitch", "p-components-size", "p-primary-action", "p-secondary-action", "p-title"], [1, "po-modal-password-recovery-wrapper"], ["class", "po-modal-password-recovery-content po-row", 4, "ngSwitchCase"], [1, "po-modal-password-recovery-content", "po-row"], [1, "po-modal-password-recovery-text", "po-md-12", "po-mb-1"], [1, "po-mb-2", "po-md-12"], [4, "ngIf"], [1, "po-mt-1"], ["name", "email", "p-required", "", 3, "ngModel", "p-label", "p-size", "ngModelChange", "p-change-model", 4, "ngIf"], ["name", "sms", "p-icon", "ICON_TELEPHONE", "p-required", "", 3, "ngModel", "p-label", "p-mask", "p-maxlength", "p-minlength", "p-size", "ngModelChange", "p-change-model", 4, "ngIf"], [1, "po-field-container-bottom", "po-field-container-error-container"], [3, "p-text", 4, "ngIf"], [1, "po-modal-password-recovery-text", "po-md-12"], ["name", "type", 3, "ngModelChange", "p-change", "ngModel", "p-options", "p-size"], ["name", "email", "p-required", "", 3, "ngModelChange", "p-change-model", "ngModel", "p-label", "p-size"], ["name", "sms", "p-icon", "ICON_TELEPHONE", "p-required", "", 3, "ngModelChange", "p-change-model", "ngModel", "p-label", "p-mask", "p-maxlength", "p-minlength", "p-size"], [3, "p-text"], ["target", "_self", 1, "po-modal-password-recovery-link", 3, "href"], ["name", "sms", "p-maxlength", "11", "p-minlength", "11", "p-required", "", 3, "ngModelChange", "p-change-model", "ngModel", "p-label", "p-mask", "p-size"], [1, "po-modal-password-recovery-link", 3, "click"], ["src", "./assets/images/email-sent.svg", 1, "po-modal-password-recovery-user-image", "po-mb-2"], [1, "po-modal-password-recovery-text"]], template: function PoModalPasswordRecoveryComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "po-modal", 5, 0)(2, "div", 6);
-            i0.ɵɵtemplate(3, PoModalPasswordRecoveryComponent_div_3_Template, 16, 8, "div", 7)(4, PoModalPasswordRecoveryComponent_div_4_Template, 15, 8, "div", 7)(5, PoModalPasswordRecoveryComponent_div_5_Template, 5, 1, "div", 7);
+            i0.ɵɵtemplate(3, PoModalPasswordRecoveryComponent_div_3_Template, 16, 8, "div", 7)(4, PoModalPasswordRecoveryComponent_div_4_Template, 15, 9, "div", 7)(5, PoModalPasswordRecoveryComponent_div_5_Template, 5, 1, "div", 7);
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
-            i0.ɵɵproperty("ngSwitch", ctx.modalType)("p-primary-action", ctx.primaryAction)("p-secondary-action", ctx.secondaryAction)("p-title", ctx.modalTitle);
+            i0.ɵɵproperty("ngSwitch", ctx.modalType)("p-components-size", ctx.componentsSize)("p-primary-action", ctx.primaryAction)("p-secondary-action", ctx.secondaryAction)("p-title", ctx.modalTitle);
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngSwitchCase", "email");
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngSwitchCase", "smsCode");
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngSwitchCase", "confirmation");
-        } }, dependencies: [i4.NgIf, i4.NgSwitch, i4.NgSwitchCase, i5.ɵNgNoValidate, i5.NgControlStatus, i5.NgControlStatusGroup, i5.NgModel, i5.NgForm, i2.PoRadioGroupComponent, i2.PoEmailComponent, i2.PoInputComponent, i2.PoModalComponent, PoModalPasswordRecoveryErrorMessageComponent], encapsulation: 2 });
+        } }, dependencies: [i4.NgIf, i4.NgSwitch, i4.NgSwitchCase, i5.ɵNgNoValidate, i5.NgControlStatus, i5.NgControlStatusGroup, i5.NgModel, i5.NgForm, i1.PoRadioGroupComponent, i1.PoEmailComponent, i1.PoInputComponent, i1.PoModalComponent, PoModalPasswordRecoveryErrorMessageComponent], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoModalPasswordRecoveryComponent, [{
         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-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-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-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-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-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" }]
-    }], () => [{ type: i1$1.Router }, { type: i2.PoI18nPipe }, { type: PoModalPasswordRecoveryService }, { type: i2.PoLanguageService }], { emailForm: [{
+        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" }]
+    }], () => [{ type: i1$2.Router }, { type: i1.PoI18nPipe }, { type: PoModalPasswordRecoveryService }, { type: i1.PoThemeService }, { type: i1.PoLanguageService }], { emailForm: [{
             type: ViewChild,
             args: ['emailForm']
         }], recoveryModalElement: [{
@@ -1366,7 +1427,7 @@ class PoModalPasswordRecoveryComponent extends PoModalPasswordRecoveryBaseCompon
             type: ViewChild,
             args: ['smsCodeForm']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoModalPasswordRecoveryComponent, { className: "PoModalPasswordRecoveryComponent", filePath: "lib/components/po-modal-password-recovery/po-modal-password-recovery.component.ts", lineNumber: 48 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoModalPasswordRecoveryComponent, { className: "PoModalPasswordRecoveryComponent", filePath: "lib/components/po-modal-password-recovery/po-modal-password-recovery.component.ts", lineNumber: 49 }); })();
 
 /**
  * @description
@@ -1406,7 +1467,7 @@ function PoPageBackgroundComponent_div_10_Template(rf, ctx) { if (rf & 1) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
     i0.ɵɵtwoWayProperty("ngModel", ctx_r0.selectedLanguageOption);
-    i0.ɵɵproperty("p-options", ctx_r0.selectLanguageOptions);
+    i0.ɵɵproperty("p-options", ctx_r0.selectLanguageOptions)("p-size", ctx_r0.componentsSize);
 } }
 function PoPageBackgroundComponent_po_logo_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "po-logo", 16);
@@ -1435,6 +1496,7 @@ function PoPageBackgroundComponent_div_13_Template(rf, ctx) { if (rf & 1) {
  */
 class PoPageBackgroundComponent {
     poLanguageService;
+    poThemeService;
     /** Insere uma imagem de destaque ao lado direito do container. */
     background;
     /** Idioma inicial selecionado no combo */
@@ -1453,9 +1515,30 @@ class PoPageBackgroundComponent {
      */
     selectedLanguage = new EventEmitter();
     selectedLanguageOption;
+    _componentsSize = undefined;
     _showSelectLanguage = false;
     _languagesList;
     _selectLanguageOptions;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o tamanho dos componentes de formulário no template:
+     * - `small`: aplica a medida small de cada componente (disponível apenas para acessibilidade AA).
+     * - `medium`: aplica a medida medium de cada componente.
+     *
+     * > Caso a acessibilidade AA não esteja configurada, o tamanho `medium` será mantido.
+     * Para mais detalhes, consulte a documentação do [po-theme](https://po-ui.io/documentation/po-theme).
+     *
+     * @default `medium`
+     */
+    set componentsSize(value) {
+        this._componentsSize = validateSize(value, this.poThemeService);
+    }
+    get componentsSize() {
+        return this._componentsSize ?? getDefaultSize(this.poThemeService);
+    }
     /** Lista de idiomas para o combo box */
     set languagesList(value) {
         this._languagesList = value;
@@ -1486,8 +1569,9 @@ class PoPageBackgroundComponent {
     get showSelectLanguage() {
         return this._showSelectLanguage;
     }
-    constructor(poLanguageService) {
+    constructor(poLanguageService, poThemeService) {
         this.poLanguageService = poLanguageService;
+        this.poThemeService = poThemeService;
     }
     ngOnInit() {
         this.selectedLanguageOption = this.initialSelectLanguage || this.poLanguageService.getShortLanguage();
@@ -1504,8 +1588,8 @@ class PoPageBackgroundComponent {
             value: language.language
         }));
     }
-    static ɵfac = function PoPageBackgroundComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPageBackgroundComponent)(i0.ɵɵdirectiveInject(i2.PoLanguageService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoPageBackgroundComponent, selectors: [["po-page-background"]], inputs: { background: [0, "p-background", "background"], initialSelectLanguage: [0, "p-initial-language", "initialSelectLanguage"], hideLogo: [0, "p-hide-logo", "hideLogo"], highlightInfo: [0, "p-highlight-info", "highlightInfo"], languagesList: [0, "p-languages", "languagesList"], logo: [0, "p-logo", "logo"], logoAlt: [0, "p-logo-alt", "logoAlt"], secondaryLogo: [0, "p-secondary-logo", "secondaryLogo"], showSelectLanguage: [0, "p-show-select-language", "showSelectLanguage"] }, outputs: { selectedLanguage: "p-selected-language" }, standalone: false, ngContentSelectors: _c0$8, decls: 14, vars: 7, consts: [[1, "po-page-login-container"], [1, "po-page-login-panel"], [1, "po-page-background-main-logo"], ["p-class", "po-page-background-main-logo-image", 3, "p-link", "p-logo", "p-logo-alt", 4, "ngIf"], [1, "po-page-login-body"], [1, "po-page-login-panel-content"], [1, "po-page-background-footer", "po-sm-12"], [1, "po-page-background-footer-mobile-only"], [1, "po-page-background-footer-content"], ["class", "po-page-background-footer-select", 4, "ngIf"], [1, "po-page-background-secondary-logo", 3, "ngClass"], ["p-class", "po-page-background-secondary-logo-image", "p-logo-alt", "secondary-logomarca", 3, "p-link", "p-logo", 4, "ngIf"], [3, "ngClass", "background-image", 4, "ngIf"], ["p-class", "po-page-background-main-logo-image", 3, "p-link", "p-logo", "p-logo-alt"], [1, "po-page-background-footer-select"], ["name", "selectedLanguageOption", 3, "ngModelChange", "p-change", "ngModel", "p-options"], ["p-class", "po-page-background-secondary-logo-image", "p-logo-alt", "secondary-logomarca", 3, "p-link", "p-logo"], [3, "ngClass"], [1, "po-page-login-highlight-text"], [1, "po-font-display"]], template: function PoPageBackgroundComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵfac = function PoPageBackgroundComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPageBackgroundComponent)(i0.ɵɵdirectiveInject(i1.PoLanguageService), i0.ɵɵdirectiveInject(i1.PoThemeService)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoPageBackgroundComponent, selectors: [["po-page-background"]], inputs: { background: [0, "p-background", "background"], initialSelectLanguage: [0, "p-initial-language", "initialSelectLanguage"], hideLogo: [0, "p-hide-logo", "hideLogo"], highlightInfo: [0, "p-highlight-info", "highlightInfo"], componentsSize: [0, "p-components-size", "componentsSize"], languagesList: [0, "p-languages", "languagesList"], logo: [0, "p-logo", "logo"], logoAlt: [0, "p-logo-alt", "logoAlt"], secondaryLogo: [0, "p-secondary-logo", "secondaryLogo"], showSelectLanguage: [0, "p-show-select-language", "showSelectLanguage"] }, outputs: { selectedLanguage: "p-selected-language" }, standalone: false, ngContentSelectors: _c0$8, decls: 14, vars: 7, consts: [[1, "po-page-login-container"], [1, "po-page-login-panel"], [1, "po-page-background-main-logo"], ["p-class", "po-page-background-main-logo-image", 3, "p-link", "p-logo", "p-logo-alt", 4, "ngIf"], [1, "po-page-login-body"], [1, "po-page-login-panel-content"], [1, "po-page-background-footer", "po-sm-12"], [1, "po-page-background-footer-mobile-only"], [1, "po-page-background-footer-content"], ["class", "po-page-background-footer-select", 4, "ngIf"], [1, "po-page-background-secondary-logo", 3, "ngClass"], ["p-class", "po-page-background-secondary-logo-image", "p-logo-alt", "secondary-logomarca", 3, "p-link", "p-logo", 4, "ngIf"], [3, "ngClass", "background-image", 4, "ngIf"], ["p-class", "po-page-background-main-logo-image", 3, "p-link", "p-logo", "p-logo-alt"], [1, "po-page-background-footer-select"], ["name", "selectedLanguageOption", 3, "ngModelChange", "p-change", "ngModel", "p-options", "p-size"], ["p-class", "po-page-background-secondary-logo-image", "p-logo-alt", "secondary-logomarca", 3, "p-link", "p-logo"], [3, "ngClass"], [1, "po-page-login-highlight-text"], [1, "po-font-display"]], template: function PoPageBackgroundComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2);
             i0.ɵɵtemplate(3, PoPageBackgroundComponent_po_logo_3_Template, 1, 3, "po-logo", 3);
@@ -1516,7 +1600,7 @@ class PoPageBackgroundComponent {
             i0.ɵɵelementStart(7, "div", 6);
             i0.ɵɵelement(8, "po-divider", 7);
             i0.ɵɵelementStart(9, "div", 8);
-            i0.ɵɵtemplate(10, PoPageBackgroundComponent_div_10_Template, 2, 2, "div", 9);
+            i0.ɵɵtemplate(10, PoPageBackgroundComponent_div_10_Template, 2, 3, "div", 9);
             i0.ɵɵelementStart(11, "div", 10);
             i0.ɵɵtemplate(12, PoPageBackgroundComponent_po_logo_12_Template, 1, 2, "po-logo", 11);
             i0.ɵɵelementEnd()()()();
@@ -1535,12 +1619,12 @@ class PoPageBackgroundComponent {
             i0.ɵɵproperty("ngIf", ctx.secondaryLogo);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.background);
-        } }, dependencies: [i4.NgClass, i4.NgIf, i5.NgControlStatus, i5.NgModel, i2.PoDividerComponent, i2.PoSelectComponent, i2.PoLogoComponent], encapsulation: 2 });
+        } }, dependencies: [i4.NgClass, i4.NgIf, i5.NgControlStatus, i5.NgModel, i1.PoDividerComponent, i1.PoSelectComponent, i1.PoLogoComponent], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoPageBackgroundComponent, [{
         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-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" }]
-    }], () => [{ type: i2.PoLanguageService }], { 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      <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" }]
+    }], () => [{ type: i1.PoLanguageService }, { type: i1.PoThemeService }], { background: [{
             type: Input,
             args: ['p-background']
         }], initialSelectLanguage: [{
@@ -1555,6 +1639,9 @@ class PoPageBackgroundComponent {
         }], selectedLanguage: [{
             type: Output,
             args: ['p-selected-language']
+        }], componentsSize: [{
+            type: Input,
+            args: ['p-components-size']
         }], languagesList: [{
             type: Input,
             args: ['p-languages']
@@ -1673,6 +1760,7 @@ const PoPageBlockedUserParamsDefault = { attempts: 5, days: 90, hours: 24 };
  *
  */
 class PoPageBlockedUserBaseComponent {
+    poThemeService;
     /**
      * @optional
      *
@@ -1702,9 +1790,30 @@ class PoPageBlockedUserBaseComponent {
      * Caminho para a logomarca localizada no rodapé.
      */
     secondaryLogo;
+    _componentsSize = undefined;
     _params = { ...PoPageBlockedUserParamsDefault };
     _reason = PoPageBlockedUserReason.None;
     _urlBack = '/';
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o tamanho dos componentes de formulário no template:
+     * - `small`: aplica a medida small de cada componente (disponível apenas para acessibilidade AA).
+     * - `medium`: aplica a medida medium de cada componente.
+     *
+     * > Caso a acessibilidade AA não esteja configurada, o tamanho `medium` será mantido.
+     * Para mais detalhes, consulte a documentação do [po-theme](https://po-ui.io/documentation/po-theme).
+     *
+     * @default `medium`
+     */
+    set componentsSize(value) {
+        this._componentsSize = validateSize(value, this.poThemeService);
+    }
+    get componentsSize() {
+        return this._componentsSize ?? getDefaultSize(this.poThemeService);
+    }
     /**
      * @optional
      *
@@ -1776,12 +1885,15 @@ class PoPageBlockedUserBaseComponent {
     get urlBack() {
         return this._urlBack;
     }
-    static ɵfac = function PoPageBlockedUserBaseComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPageBlockedUserBaseComponent)(); };
-    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoPageBlockedUserBaseComponent, inputs: { contactEmail: [0, "p-contact-email", "contactEmail"], contactPhone: [0, "p-contact-phone", "contactPhone"], logo: [0, "p-logo", "logo"], secondaryLogo: [0, "p-secondary-logo", "secondaryLogo"], params: [0, "p-params", "params"], reason: [0, "p-reason", "reason"], urlBack: [0, "p-url-back", "urlBack"] } });
+    constructor(poThemeService) {
+        this.poThemeService = poThemeService;
+    }
+    static ɵfac = function PoPageBlockedUserBaseComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPageBlockedUserBaseComponent)(i0.ɵɵdirectiveInject(i1.PoThemeService)); };
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoPageBlockedUserBaseComponent, inputs: { contactEmail: [0, "p-contact-email", "contactEmail"], contactPhone: [0, "p-contact-phone", "contactPhone"], logo: [0, "p-logo", "logo"], secondaryLogo: [0, "p-secondary-logo", "secondaryLogo"], componentsSize: [0, "p-components-size", "componentsSize"], params: [0, "p-params", "params"], reason: [0, "p-reason", "reason"], urlBack: [0, "p-url-back", "urlBack"] } });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoPageBlockedUserBaseComponent, [{
         type: Directive
-    }], null, { contactEmail: [{
+    }], () => [{ type: i1.PoThemeService }], { contactEmail: [{
             type: Input,
             args: ['p-contact-email']
         }], contactPhone: [{
@@ -1793,6 +1905,9 @@ class PoPageBlockedUserBaseComponent {
         }], secondaryLogo: [{
             type: Input,
             args: ['p-secondary-logo']
+        }], componentsSize: [{
+            type: Input,
+            args: ['p-components-size']
         }], params: [{
             type: Input,
             args: ['p-params']
@@ -1882,7 +1997,7 @@ class PoPageBlockedUserContactsComponent {
             i0.ɵɵpropertyInterpolate1("href", "mailto:", ctx.email, "", i0.ɵɵsanitizeUrl);
             i0.ɵɵadvance(5);
             i0.ɵɵtextInterpolate(ctx.email);
-        } }, dependencies: [i4.NgClass, i2.PoIconComponent], encapsulation: 2, changeDetection: 0 });
+        } }, dependencies: [i4.NgClass, i1.PoIconComponent], encapsulation: 2, changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoPageBlockedUserContactsComponent, [{
         type: Component,
@@ -2043,7 +2158,7 @@ class PoPageBlockedUserReasonComponent {
         };
         this.changeDetector.detectChanges();
     }
-    static ɵfac = function PoPageBlockedUserReasonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPageBlockedUserReasonComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i2.PoLanguageService)); };
+    static ɵfac = function PoPageBlockedUserReasonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPageBlockedUserReasonComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1.PoLanguageService)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoPageBlockedUserReasonComponent, selectors: [["po-page-blocked-user-reason"]], inputs: { params: [0, "p-params", "params"], reason: [0, "p-reason", "reason"] }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], decls: 12, vars: 8, consts: [[1, "po-page-blocked-user-reason-content"], [1, "po-page-blocked-user-image", "po-mb-3", 3, "src"], [1, "po-page-blocked-user-header", "po-mb-md-3", "po-row"], [1, "po-md-12"], [1, "po-page-blocked-user-text", "po-font-text", "po-row"], [1, "po-mb-sm-2", "po-mb-md-3", "po-md-12", "po-page-blocked-user-text-bold"], [1, "po-mb-sm-2", "po-mb-md-3", "po-md-12"], ["class", "po-mb-sm-2 po-mb-md-3 po-md-12", 4, "ngIf"]], template: function PoPageBlockedUserReasonComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵelement(1, "img", 1);
@@ -2070,12 +2185,12 @@ class PoPageBlockedUserReasonComponent {
             i0.ɵɵtextInterpolate(ctx.literals == null ? null : ctx.literals.secondPhrase);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.literals == null ? null : ctx.literals.thirdPhrase);
-        } }, dependencies: [i4.NgIf, i2.PoI18nPipe], encapsulation: 2 });
+        } }, dependencies: [i4.NgIf, i1.PoI18nPipe], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoPageBlockedUserReasonComponent, [{
         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" }]
-    }], () => [{ type: i0.ChangeDetectorRef }, { type: i2.PoLanguageService }], { params: [{
+    }], () => [{ type: i0.ChangeDetectorRef }, { type: i1.PoLanguageService }], { params: [{
             type: Input,
             args: ['p-params']
         }], reason: [{
@@ -2126,11 +2241,13 @@ const poPageBlockedUserButtonLiterals = {
 class PoPageBlockedUserComponent extends PoPageBlockedUserBaseComponent {
     activatedRoute;
     router;
+    poThemeService;
     literals;
-    constructor(activatedRoute, router, languageService) {
-        super();
+    constructor(activatedRoute, router, poThemeService, languageService) {
+        super(poThemeService);
         this.activatedRoute = activatedRoute;
         this.router = router;
+        this.poThemeService = poThemeService;
         const language = languageService.getShortLanguage();
         this.literals = {
             ...poPageBlockedUserButtonLiterals[poLocaleDefault],
@@ -2156,8 +2273,8 @@ class PoPageBlockedUserComponent extends PoPageBlockedUserBaseComponent {
             this.urlBack = this.checkingForMetadataProperty(data, 'urlBack') || this.urlBack;
         }
     }
-    static ɵfac = function PoPageBlockedUserComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPageBlockedUserComponent)(i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(i2.PoLanguageService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoPageBlockedUserComponent, selectors: [["po-page-blocked-user"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 8, vars: 8, consts: [[1, "po-page-blocked-user-wrapper"], [1, "po-page-background-wrap"], [3, "p-hide-logo", "p-logo", "p-secondary-logo"], [3, "p-params", "p-reason"], [1, "po-page-blocked-user-mobile-bottom-alignment"], [3, "p-email", "p-phone"], [1, "po-row"], ["p-kind", "primary", 1, "po-lg-12", "po-sm-12", "po-page-blocked-user-button", 3, "p-click", "p-label"]], template: function PoPageBlockedUserComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵfac = function PoPageBlockedUserComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPageBlockedUserComponent)(i0.ɵɵdirectiveInject(i1$2.ActivatedRoute), i0.ɵɵdirectiveInject(i1$2.Router), i0.ɵɵdirectiveInject(i1.PoThemeService), i0.ɵɵdirectiveInject(i1.PoLanguageService)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoPageBlockedUserComponent, selectors: [["po-page-blocked-user"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 8, vars: 10, consts: [[1, "po-page-blocked-user-wrapper"], [1, "po-page-background-wrap"], [3, "p-hide-logo", "p-logo", "p-secondary-logo", "p-components-size"], [3, "p-params", "p-reason"], [1, "po-page-blocked-user-mobile-bottom-alignment"], [3, "p-email", "p-phone"], [1, "po-row"], ["p-kind", "primary", 1, "po-lg-12", "po-sm-12", "po-page-blocked-user-button", 3, "p-click", "p-label", "p-size"]], template: function PoPageBlockedUserComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "po-page-background", 2);
             i0.ɵɵelement(3, "po-page-blocked-user-reason", 3);
             i0.ɵɵelementStart(4, "div", 4);
@@ -2167,19 +2284,19 @@ class PoPageBlockedUserComponent extends PoPageBlockedUserBaseComponent {
             i0.ɵɵelementEnd()()()()()();
         } if (rf & 2) {
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("p-hide-logo", true)("p-logo", ctx.logo)("p-secondary-logo", ctx.secondaryLogo);
+            i0.ɵɵproperty("p-hide-logo", true)("p-logo", ctx.logo)("p-secondary-logo", ctx.secondaryLogo)("p-components-size", ctx.componentsSize);
             i0.ɵɵadvance();
             i0.ɵɵproperty("p-params", ctx.params)("p-reason", ctx.reason);
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("p-email", ctx.contactEmail)("p-phone", ctx.contactPhone);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("p-label", ctx.literals == null ? null : ctx.literals.primaryButton);
-        } }, dependencies: [i2.PoButtonComponent, PoPageBackgroundComponent, PoPageBlockedUserContactsComponent, PoPageBlockedUserReasonComponent], encapsulation: 2 });
+            i0.ɵɵproperty("p-label", ctx.literals == null ? null : ctx.literals.primaryButton)("p-size", ctx.componentsSize);
+        } }, dependencies: [i1.PoButtonComponent, PoPageBackgroundComponent, PoPageBlockedUserContactsComponent, PoPageBlockedUserReasonComponent], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoPageBlockedUserComponent, [{
         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 [p-hide-logo]=\"true\" [p-logo]=\"logo\" [p-secondary-logo]=\"secondaryLogo\">\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-click)=\"navigateTo(urlBack)\"\n          >\n          </po-button>\n        </div>\n      </div>\n    </po-page-background>\n  </div>\n</div>\n" }]
-    }], () => [{ type: i1$1.ActivatedRoute }, { type: i1$1.Router }, { type: i2.PoLanguageService }], null); })();
+        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" }]
+    }], () => [{ type: i1$2.ActivatedRoute }, { type: i1$2.Router }, { type: i1.PoThemeService }, { type: i1.PoLanguageService }], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoPageBlockedUserComponent, { className: "PoPageBlockedUserComponent", filePath: "lib/components/po-page-blocked-user/po-page-blocked-user.component.ts", lineNumber: 56 }); })();
 
 /**
@@ -2202,6 +2319,85 @@ class PoPageBlockedUserModule {
     }], null, null); })();
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(PoPageBlockedUserModule, { declarations: [PoPageBlockedUserComponent, PoPageBlockedUserContactsComponent, PoPageBlockedUserReasonComponent], imports: [CommonModule, RouterModule, PoModule, PoPageBackgroundModule], exports: [PoPageBlockedUserComponent, PoPageBlockedUserContactsComponent, PoPageBlockedUserReasonComponent] }); })();
 
+const poPageChangePasswordLiterals = {
+    en: {
+        backButton: 'Back',
+        confirmPassword: 'Confirm password',
+        createNewPassword: 'Create new password',
+        createNewPasswordPhrase: 'Protect your account with a personal password created by you',
+        currentPassword: 'Current password',
+        enterSystemButton: 'Enter the system',
+        forgotPassword: 'Forgot your password?',
+        newPassword: 'New password',
+        passwordSuccessfullyCreated: 'Password successfully created!',
+        passwordSuccessfullyUpdated: 'Password successfully updated!',
+        requirements: 'Password requirements',
+        safetyTips: 'Safety tips!',
+        safetyTipsFirst: 'is used in other accounts;',
+        safetyTipsPhrase: 'Avoid a password that:',
+        safetyTipsSecond: 'has personal information like your name, nickname or family names;',
+        safetyTipsThird: 'that uses obvious sequences like "123" or obvious words like "password";',
+        saveButton: 'Save'
+    },
+    es: {
+        backButton: 'Volver',
+        confirmPassword: 'Confirmar seña',
+        createNewPassword: 'Crear nueva contraseña',
+        createNewPasswordPhrase: 'Proteger su cuenta con una contraseña personal creada por usted',
+        currentPassword: 'Contraseña actual',
+        enterSystemButton: 'Entrar en el sistema',
+        forgotPassword: '¿Olvidaste tu contraseña?',
+        newPassword: 'Nueva contraseña',
+        passwordSuccessfullyCreated: 'Contraseña creada correctamente!',
+        passwordSuccessfullyUpdated: 'Contraseña correctamente actualizada!',
+        requirements: 'Requisitos de contraseña',
+        safetyTips: 'Consejos de seguridad!',
+        safetyTipsFirst: 'se utilice en otras cuentas;',
+        safetyTipsPhrase: 'Evite una contraseña que:',
+        safetyTipsSecond: 'utiliza información personal como su nombre, apellido o nombre de familia;',
+        safetyTipsThird: 'utilice secuencias muy obvias como "1234" o "abcd" o palabras obvias como "contraseña";',
+        saveButton: 'Guardar'
+    },
+    pt: {
+        backButton: 'Voltar',
+        confirmPassword: 'Confirmar senha',
+        createNewPassword: 'Criar nova senha',
+        createNewPasswordPhrase: 'Proteja sua conta com uma senha pessoal criada por você',
+        currentPassword: 'Senha atual',
+        enterSystemButton: 'Entrar no sistema',
+        forgotPassword: 'Esqueceu sua senha?',
+        newPassword: 'Nova senha',
+        passwordSuccessfullyCreated: 'Senha criada com sucesso!',
+        passwordSuccessfullyUpdated: 'Senha alterada com sucesso!',
+        requirements: 'Requisitos de senha',
+        safetyTips: 'Dicas de segurança!',
+        safetyTipsFirst: 'seja usada em outras contas;',
+        safetyTipsPhrase: 'Evite uma senha que:',
+        safetyTipsSecond: 'usa informações pessoais como seu nome, apelido ou nome de familiares;',
+        safetyTipsThird: 'use sequências muito óbvias como "1234" ou "abcd" ou palavras óbvias como “senha”;',
+        saveButton: 'Salvar'
+    },
+    ru: {
+        backButton: 'возвращение',
+        confirmPassword: 'Подтвердите пароль',
+        createNewPassword: 'Создать новый пароль',
+        createNewPasswordPhrase: 'Защитите свой аккаунт с помощью личного пароля.',
+        currentPassword: 'Текущий пароль',
+        enterSystemButton: 'Вход в систему',
+        forgotPassword: 'Забыли пароль?',
+        newPassword: 'Новый пароль',
+        passwordSuccessfullyCreated: 'Пароль успешно создан!',
+        passwordSuccessfullyUpdated: 'Пароль успешно изменен!',
+        requirements: 'Требования к паролю',
+        safetyTips: 'Советы по безопасности!',
+        safetyTipsFirst: 'использоваться на других счетах;',
+        safetyTipsPhrase: 'Избегайте пароля, который:',
+        safetyTipsSecond: 'использует личную информацию, такую ​​как ваше имя, фамилию или фамилию;',
+        safetyTipsThird: 'используйте очень очевидные строки, такие как "1234" или "abcd", или такие очевидные слова, как "пароль";',
+        saveButton: 'экономить'
+    }
+};
+
 /**
  * @description
  *
@@ -2231,6 +2427,7 @@ class PoPageBlockedUserModule {
  * ```
  */
 class PoPageChangePasswordBaseComponent {
+    poThemeService;
     /**
      * @optional
      *
@@ -2365,10 +2562,31 @@ class PoPageChangePasswordBaseComponent {
     recoveryUrlType;
     showRequirements;
     validatorChange;
+    _componentsSize = undefined;
     _hideCurrentPassword = false;
     _recovery;
     _requirements = [];
     _urlHome = '/';
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o tamanho dos componentes de formulário no template:
+     * - `small`: aplica a medida small de cada componente (disponível apenas para acessibilidade AA).
+     * - `medium`: aplica a medida medium de cada componente.
+     *
+     * > Caso a acessibilidade AA não esteja configurada, o tamanho `medium` será mantido.
+     * Para mais detalhes, consulte a documentação do [po-theme](https://po-ui.io/documentation/po-theme).
+     *
+     * @default `medium`
+     */
+    set componentsSize(value) {
+        this._componentsSize = validateSize(value, this.poThemeService);
+    }
+    get componentsSize() {
+        return this._componentsSize ?? getDefaultSize(this.poThemeService);
+    }
     /**
      * @optional
      *
@@ -2459,12 +2677,15 @@ class PoPageChangePasswordBaseComponent {
      * @default `true`
      */
     noAutocompletePassword = true;
-    static ɵfac = function PoPageChangePasswordBaseComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPageChangePasswordBaseComponent)(); };
-    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoPageChangePasswordBaseComponent, inputs: { logo: [0, "p-logo", "logo"], secondaryLogo: [0, "p-secondary-logo", "secondaryLogo"], token: [0, "p-token", "token"], urlBack: [0, "p-url-back", "urlBack"], urlNewPassword: [0, "p-url-new-password", "urlNewPassword"], hideCurrentPassword: [0, "p-hide-current-password", "hideCurrentPassword"], recovery: [0, "p-recovery", "recovery"], requirements: [0, "p-requirements", "requirements"], urlHome: [0, "p-url-home", "urlHome"], noAutocompletePassword: [0, "p-no-autocomplete-password", "noAutocompletePassword"] }, outputs: { submit: "p-submit" } });
+    constructor(poThemeService) {
+        this.poThemeService = poThemeService;
+    }
+    static ɵfac = function PoPageChangePasswordBaseComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPageChangePasswordBaseComponent)(i0.ɵɵdirectiveInject(i1.PoThemeService)); };
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoPageChangePasswordBaseComponent, inputs: { logo: [0, "p-logo", "logo"], secondaryLogo: [0, "p-secondary-logo", "secondaryLogo"], token: [0, "p-token", "token"], urlBack: [0, "p-url-back", "urlBack"], urlNewPassword: [0, "p-url-new-password", "urlNewPassword"], componentsSize: [0, "p-components-size", "componentsSize"], hideCurrentPassword: [0, "p-hide-current-password", "hideCurrentPassword"], recovery: [0, "p-recovery", "recovery"], requirements: [0, "p-requirements", "requirements"], urlHome: [0, "p-url-home", "urlHome"], noAutocompletePassword: [0, "p-no-autocomplete-password", "noAutocompletePassword"] }, outputs: { submit: "p-submit" } });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoPageChangePasswordBaseComponent, [{
         type: Directive
-    }], null, { logo: [{
+    }], () => [{ type: i1.PoThemeService }], { logo: [{
             type: Input,
             args: ['p-logo']
         }], secondaryLogo: [{
@@ -2482,6 +2703,9 @@ class PoPageChangePasswordBaseComponent {
         }], submit: [{
             type: Output,
             args: ['p-submit']
+        }], componentsSize: [{
+            type: Input,
+            args: ['p-components-size']
         }], hideCurrentPassword: [{
             type: Input,
             args: ['p-hide-current-password']
@@ -2499,85 +2723,6 @@ class PoPageChangePasswordBaseComponent {
             args: ['p-no-autocomplete-password']
         }] }); })();
 
-const poPageChangePasswordLiterals = {
-    en: {
-        backButton: 'Back',
-        confirmPassword: 'Confirm password',
-        createNewPassword: 'Create new password',
-        createNewPasswordPhrase: 'Protect your account with a personal password created by you',
-        currentPassword: 'Current password',
-        enterSystemButton: 'Enter the system',
-        forgotPassword: 'Forgot your password?',
-        newPassword: 'New password',
-        passwordSuccessfullyCreated: 'Password successfully created!',
-        passwordSuccessfullyUpdated: 'Password successfully updated!',
-        requirements: 'Password requirements',
-        safetyTips: 'Safety tips!',
-        safetyTipsFirst: 'is used in other accounts;',
-        safetyTipsPhrase: 'Avoid a password that:',
-        safetyTipsSecond: 'has personal information like your name, nickname or family names;',
-        safetyTipsThird: 'that uses obvious sequences like "123" or obvious words like "password";',
-        saveButton: 'Save'
-    },
-    es: {
-        backButton: 'Volver',
-        confirmPassword: 'Confirmar seña',
-        createNewPassword: 'Crear nueva contraseña',
-        createNewPasswordPhrase: 'Proteger su cuenta con una contraseña personal creada por usted',
-        currentPassword: 'Contraseña actual',
-        enterSystemButton: 'Entrar en el sistema',
-        forgotPassword: '¿Olvidaste tu contraseña?',
-        newPassword: 'Nueva contraseña',
-        passwordSuccessfullyCreated: 'Contraseña creada correctamente!',
-        passwordSuccessfullyUpdated: 'Contraseña correctamente actualizada!',
-        requirements: 'Requisitos de contraseña',
-        safetyTips: 'Consejos de seguridad!',
-        safetyTipsFirst: 'se utilice en otras cuentas;',
-        safetyTipsPhrase: 'Evite una contraseña que:',
-        safetyTipsSecond: 'utiliza información personal como su nombre, apellido o nombre de familia;',
-        safetyTipsThird: 'utilice secuencias muy obvias como "1234" o "abcd" o palabras obvias como "contraseña";',
-        saveButton: 'Guardar'
-    },
-    pt: {
-        backButton: 'Voltar',
-        confirmPassword: 'Confirmar senha',
-        createNewPassword: 'Criar nova senha',
-        createNewPasswordPhrase: 'Proteja sua conta com uma senha pessoal criada por você',
-        currentPassword: 'Senha atual',
-        enterSystemButton: 'Entrar no sistema',
-        forgotPassword: 'Esqueceu sua senha?',
-        newPassword: 'Nova senha',
-        passwordSuccessfullyCreated: 'Senha criada com sucesso!',
-        passwordSuccessfullyUpdated: 'Senha alterada com sucesso!',
-        requirements: 'Requisitos de senha',
-        safetyTips: 'Dicas de segurança!',
-        safetyTipsFirst: 'seja usada em outras contas;',
-        safetyTipsPhrase: 'Evite uma senha que:',
-        safetyTipsSecond: 'usa informações pessoais como seu nome, apelido ou nome de familiares;',
-        safetyTipsThird: 'use sequências muito óbvias como "1234" ou "abcd" ou palavras óbvias como “senha”;',
-        saveButton: 'Salvar'
-    },
-    ru: {
-        backButton: 'возвращение',
-        confirmPassword: 'Подтвердите пароль',
-        createNewPassword: 'Создать новый пароль',
-        createNewPasswordPhrase: 'Защитите свой аккаунт с помощью личного пароля.',
-        currentPassword: 'Текущий пароль',
-        enterSystemButton: 'Вход в систему',
-        forgotPassword: 'Забыли пароль?',
-        newPassword: 'Новый пароль',
-        passwordSuccessfullyCreated: 'Пароль успешно создан!',
-        passwordSuccessfullyUpdated: 'Пароль успешно изменен!',
-        requirements: 'Требования к паролю',
-        safetyTips: 'Советы по безопасности!',
-        safetyTipsFirst: 'использоваться на других счетах;',
-        safetyTipsPhrase: 'Избегайте пароля, который:',
-        safetyTipsSecond: 'использует личную информацию, такую ​​как ваше имя, фамилию или фамилию;',
-        safetyTipsThird: 'используйте очень очевидные строки, такие как "1234" или "abcd", или такие очевидные слова, как "пароль";',
-        saveButton: 'экономить'
-    }
-};
-
 class PoPageChangePasswordService {
     http;
     constructor(http) {
@@ -2586,7 +2731,7 @@ class PoPageChangePasswordService {
     post(url, item) {
         return this.http.post(url, item, { observe: 'response' });
     }
-    static ɵfac = function PoPageChangePasswordService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPageChangePasswordService)(i0.ɵɵinject(i1.HttpClient)); };
+    static ɵfac = function PoPageChangePasswordService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPageChangePasswordService)(i0.ɵɵinject(i1$1.HttpClient)); };
     static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: PoPageChangePasswordService, factory: PoPageChangePasswordService.ɵfac, providedIn: 'root' });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoPageChangePasswordService, [{
@@ -2594,7 +2739,7 @@ class PoPageChangePasswordService {
         args: [{
                 providedIn: 'root'
             }]
-    }], () => [{ type: i1.HttpClient }], null); })();
+    }], () => [{ type: i1$1.HttpClient }], null); })();
 
 const _c0$6 = ["pageChangePassword"];
 const _c1$4 = ["passwordForm"];
@@ -2608,7 +2753,7 @@ function PoPageChangePasswordComponent_div_13_Template(rf, ctx) { if (rf & 1) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
     i0.ɵɵtwoWayProperty("ngModel", ctx_r2.currentPassword);
-    i0.ɵɵproperty("p-label", ctx_r2.literals.currentPassword)("p-no-autocomplete", ctx_r2.noAutocompletePassword);
+    i0.ɵɵproperty("p-label", ctx_r2.literals.currentPassword)("p-no-autocomplete", ctx_r2.noAutocompletePassword)("p-size", ctx_r2.componentsSize);
 } }
 function PoPageChangePasswordComponent_div_14_a_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "a", 35);
@@ -2688,7 +2833,7 @@ function PoPageChangePasswordComponent_po_button_38_Template(rf, ctx) { if (rf &
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("p-label", ctx_r2.literals.backButton);
+    i0.ɵɵproperty("p-label", ctx_r2.literals.backButton)("p-size", ctx_r2.componentsSize);
 } }
 /**
  * @docsExtends PoPageChangePasswordBaseComponent
@@ -2726,6 +2871,7 @@ class PoPageChangePasswordComponent extends PoPageChangePasswordBaseComponent {
     router;
     service;
     poComponentInjector;
+    poThemeService;
     modal;
     pageChangePassword;
     passwordForm;
@@ -2736,13 +2882,14 @@ class PoPageChangePasswordComponent extends PoPageChangePasswordBaseComponent {
     };
     newPasswordSubscription;
     componentRef = null;
-    constructor(activatedRoute, route, router, service, poComponentInjector, languageService, viewRef) {
-        super();
+    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;
         const language = languageService.getShortLanguage();
         this.literals = {
             ...poPageChangePasswordLiterals[poLocaleDefault],
@@ -2869,7 +3016,7 @@ class PoPageChangePasswordComponent extends PoPageChangePasswordBaseComponent {
             }
         });
     }
-    static ɵfac = function PoPageChangePasswordComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPageChangePasswordComponent)(i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(PoPageChangePasswordService), i0.ɵɵdirectiveInject(i2.PoComponentInjectorService), i0.ɵɵdirectiveInject(i2.PoLanguageService), i0.ɵɵdirectiveInject(i0.ViewContainerRef)); };
+    static ɵfac = function PoPageChangePasswordComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPageChangePasswordComponent)(i0.ɵɵdirectiveInject(i1$2.ActivatedRoute), i0.ɵɵdirectiveInject(i1$2.ActivatedRoute), i0.ɵɵdirectiveInject(i1$2.Router), i0.ɵɵdirectiveInject(PoPageChangePasswordService), i0.ɵɵdirectiveInject(i1.PoComponentInjectorService), i0.ɵɵdirectiveInject(i1.PoThemeService), i0.ɵɵdirectiveInject(i1.PoLanguageService), i0.ɵɵdirectiveInject(i0.ViewContainerRef)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoPageChangePasswordComponent, selectors: [["po-page-change-password"]], viewQuery: function PoPageChangePasswordComponent_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(PoModalComponent, 7);
             i0.ɵɵviewQuery(_c0$6, 7, ViewContainerRef);
@@ -2879,7 +3026,7 @@ class PoPageChangePasswordComponent extends PoPageChangePasswordBaseComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modal = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.pageChangePassword = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.passwordForm = _t.first);
-        } }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 43, vars: 27, consts: [["pageChangePassword", ""], ["passwordForm", "ngForm"], [1, "po-page-change-password-wrapper"], [1, "po-page-change-password-container"], [1, "po-page-change-password", 3, "p-logo", "p-secondary-logo"], [1, "po-page-blocked-user-header", "po-row"], [1, "po-md-12"], [1, "po-md-12", "po-text-center", "po-font-text"], [1, "po-row", "po-mt-3", "po-mt-sm-1"], [1, "po-md-6", 3, "ngClass"], [4, "ngIf"], ["class", "po-text-center po-mb-sm-1 po-mb-2", 4, "ngIf"], ["name", "newPassword", "p-required", "", 3, "ngModelChange", "p-change-model", "ngModel", "p-label", "p-no-autocomplete"], ["name", "confirmPassword", "p-required", "", 3, "ngModelChange", "p-change-model", "ngModel", "p-label", "p-no-autocomplete"], ["class", "po-md-6 po-page-change-password-required-container", 4, "ngIf"], [1, "po-sm-12"], [1, "po-page-change-password-tips", "po-row"], [1, "po-md-2", "po-mr-3"], ["alt", "Blocked user image", "src", "./assets/images/big-lock.svg", 1, "po-page-change-password-lock-image", "po-mb-3"], [1, "po-md-9", "po-page-change-password-tips-text"], [1, "po-font-text-bold", "po-pb-1"], [1, "po-font-text-small"], [1, "po-row", "po-pb-1"], [1, "po-page-change-password-buttons", "po-row"], [1, "po-sm-12", "po-mobile-only"], ["class", "po-sm-6 po-mb-sm-1", 3, "p-label", "p-click", 4, "ngIf"], ["p-kind", "primary", 3, "p-click", "ngClass", "p-disabled", "p-label"], ["p-hide-close", "", "p-size", "auto", 3, "p-primary-action", "p-title"], [1, "po-text-center"], ["alt", "Blocked user image", "src", "./assets/images/success.svg", 1, "po-page-change-password-lock-image", "po-mb-3"], ["name", "currentPassword", "p-required", "", 3, "ngModelChange", "ngModel", "p-label", "p-no-autocomplete"], [1, "po-text-center", "po-mb-sm-1", "po-mb-2"], ["class", "po-font-text-bold po-page-change-password-forgot-password", 3, "routerLink", 4, "ngIf"], ["class", "po-font-text-bold po-page-change-password-forgot-password", 3, "href", 4, "ngIf"], ["class", "po-font-text-bold po-page-change-password-forgot-password po-clickable", 3, "click", 4, "ngIf"], [1, "po-font-text-bold", "po-page-change-password-forgot-password", 3, "routerLink"], [1, "po-font-text-bold", "po-page-change-password-forgot-password", 3, "href"], [1, "po-font-text-bold", "po-page-change-password-forgot-password", "po-clickable", 3, "click"], [1, "po-md-6", "po-page-change-password-required-container"], [1, "po-page-change-password-required-list"], [1, "po-page-change-password-required-item"], [1, "po-mb-1", "po-font-text-bold", "po-page-change-password-required-title"], ["class", "po-page-change-password-required-item", 4, "ngFor", "ngForOf"], [1, "po-icon", "po-page-change-password-required-icon", 3, "p-icon"], [1, "po-page-change-password-required-text", "po-font-text"], [1, "po-sm-6", "po-mb-sm-1", 3, "p-click", "p-label"]], template: function PoPageChangePasswordComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 43, vars: 32, consts: [["pageChangePassword", ""], ["passwordForm", "ngForm"], [1, "po-page-change-password-wrapper"], [1, "po-page-change-password-container"], [1, "po-page-change-password", 3, "p-components-size", "p-logo", "p-secondary-logo"], [1, "po-page-blocked-user-header", "po-row"], [1, "po-md-12"], [1, "po-md-12", "po-text-center", "po-font-text"], [1, "po-row", "po-mt-3", "po-mt-sm-1"], [1, "po-md-6", 3, "ngClass"], [4, "ngIf"], ["class", "po-text-center po-mb-sm-1 po-mb-2", 4, "ngIf"], ["name", "newPassword", "p-required", "", 3, "ngModelChange", "p-change-model", "ngModel", "p-label", "p-no-autocomplete", "p-size"], ["name", "confirmPassword", "p-required", "", 3, "ngModelChange", "p-change-model", "ngModel", "p-label", "p-no-autocomplete", "p-size"], ["class", "po-md-6 po-page-change-password-required-container", 4, "ngIf"], [1, "po-sm-12"], [1, "po-page-change-password-tips", "po-row"], [1, "po-md-2", "po-mr-3"], ["alt", "Blocked user image", "src", "./assets/images/big-lock.svg", 1, "po-page-change-password-lock-image", "po-mb-3"], [1, "po-md-9", "po-page-change-password-tips-text"], [1, "po-font-text-bold", "po-pb-1"], [1, "po-font-text-small"], [1, "po-row", "po-pb-1"], [1, "po-page-change-password-buttons", "po-row"], [1, "po-sm-12", "po-mobile-only"], ["class", "po-sm-6 po-mb-sm-1", 3, "p-label", "p-size", "p-click", 4, "ngIf"], ["p-kind", "primary", 3, "p-click", "ngClass", "p-disabled", "p-label", "p-size"], ["p-hide-close", "", "p-size", "auto", 3, "p-primary-action", "p-components-size", "p-title"], [1, "po-text-center"], ["alt", "Blocked user image", "src", "./assets/images/success.svg", 1, "po-page-change-password-lock-image", "po-mb-3"], ["name", "currentPassword", "p-required", "", 3, "ngModelChange", "ngModel", "p-label", "p-no-autocomplete", "p-size"], [1, "po-text-center", "po-mb-sm-1", "po-mb-2"], ["class", "po-font-text-bold po-page-change-password-forgot-password", 3, "routerLink", 4, "ngIf"], ["class", "po-font-text-bold po-page-change-password-forgot-password", 3, "href", 4, "ngIf"], ["class", "po-font-text-bold po-page-change-password-forgot-password po-clickable", 3, "click", 4, "ngIf"], [1, "po-font-text-bold", "po-page-change-password-forgot-password", 3, "routerLink"], [1, "po-font-text-bold", "po-page-change-password-forgot-password", 3, "href"], [1, "po-font-text-bold", "po-page-change-password-forgot-password", "po-clickable", 3, "click"], [1, "po-md-6", "po-page-change-password-required-container"], [1, "po-page-change-password-required-list"], [1, "po-page-change-password-required-item"], [1, "po-mb-1", "po-font-text-bold", "po-page-change-password-required-title"], ["class", "po-page-change-password-required-item", 4, "ngFor", "ngForOf"], [1, "po-icon", "po-page-change-password-required-icon", 3, "p-icon"], [1, "po-page-change-password-required-text", "po-font-text"], [1, "po-sm-6", "po-mb-sm-1", 3, "p-click", "p-label", "p-size"]], template: function PoPageChangePasswordComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div", 2, 0)(2, "div", 3)(3, "po-page-background", 4)(4, "div", 5)(5, "div", 6);
             i0.ɵɵtext(6);
@@ -2888,7 +3035,7 @@ class PoPageChangePasswordComponent extends PoPageChangePasswordBaseComponent {
             i0.ɵɵtext(8);
             i0.ɵɵelementEnd()();
             i0.ɵɵelementStart(9, "form", null, 1)(11, "div", 8)(12, "div", 9);
-            i0.ɵɵtemplate(13, PoPageChangePasswordComponent_div_13_Template, 2, 3, "div", 10)(14, PoPageChangePasswordComponent_div_14_Template, 4, 3, "div", 11);
+            i0.ɵɵtemplate(13, PoPageChangePasswordComponent_div_13_Template, 2, 4, "div", 10)(14, PoPageChangePasswordComponent_div_14_Template, 4, 3, "div", 11);
             i0.ɵɵelementStart(15, "div")(16, "po-password", 12);
             i0.ɵɵtwoWayListener("ngModelChange", function PoPageChangePasswordComponent_Template_po_password_ngModelChange_16_listener($event) { i0.ɵɵrestoreView(_r1); i0.ɵɵtwoWayBindingSet(ctx.newPassword, $event) || (ctx.newPassword = $event); return i0.ɵɵresetView($event); });
             i0.ɵɵlistener("p-change-model", function PoPageChangePasswordComponent_Template_po_password_p_change_model_16_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.validatePassword()); });
@@ -2920,7 +3067,7 @@ class PoPageChangePasswordComponent extends PoPageChangePasswordBaseComponent {
             i0.ɵɵelementEnd()()()();
             i0.ɵɵelementStart(36, "div", 23);
             i0.ɵɵelement(37, "po-divider", 24);
-            i0.ɵɵtemplate(38, PoPageChangePasswordComponent_po_button_38_Template, 1, 1, "po-button", 25);
+            i0.ɵɵtemplate(38, PoPageChangePasswordComponent_po_button_38_Template, 1, 2, "po-button", 25);
             i0.ɵɵelementStart(39, "po-button", 26);
             i0.ɵɵlistener("p-click", function PoPageChangePasswordComponent_Template_po_button_p_click_39_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onLoginSubmit()); });
             i0.ɵɵelementEnd()()()()();
@@ -2930,23 +3077,23 @@ class PoPageChangePasswordComponent extends PoPageChangePasswordBaseComponent {
         } if (rf & 2) {
             const passwordForm_r7 = i0.ɵɵreference(10);
             i0.ɵɵadvance(3);
-            i0.ɵɵproperty("p-logo", ctx.logo)("p-secondary-logo", ctx.secondaryLogo);
+            i0.ɵɵproperty("p-components-size", ctx.componentsSize)("p-logo", ctx.logo)("p-secondary-logo", ctx.secondaryLogo);
             i0.ɵɵadvance(3);
             i0.ɵɵtextInterpolate(ctx.literals.createNewPassword);
             i0.ɵɵadvance(2);
             i0.ɵɵtextInterpolate1(" ", ctx.literals.createNewPasswordPhrase, " ");
             i0.ɵɵadvance(4);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(25, _c2$2, !ctx.showRequirements));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(30, _c2$2, !ctx.showRequirements));
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", !ctx.hideCurrentPassword);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", !ctx.hideCurrentPassword && ctx.recovery);
             i0.ɵɵadvance(2);
             i0.ɵɵtwoWayProperty("ngModel", ctx.newPassword);
-            i0.ɵɵproperty("p-label", ctx.literals.newPassword)("p-no-autocomplete", ctx.noAutocompletePassword);
+            i0.ɵɵproperty("p-label", ctx.literals.newPassword)("p-no-autocomplete", ctx.noAutocompletePassword)("p-size", ctx.componentsSize);
             i0.ɵɵadvance(2);
             i0.ɵɵtwoWayProperty("ngModel", ctx.confirmPassword);
-            i0.ɵɵproperty("p-label", ctx.literals.confirmPassword)("p-no-autocomplete", ctx.noAutocompletePassword);
+            i0.ɵɵproperty("p-label", ctx.literals.confirmPassword)("p-no-autocomplete", ctx.noAutocompletePassword)("p-size", ctx.componentsSize);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.showRequirements);
             i0.ɵɵadvance(7);
@@ -2962,15 +3109,15 @@ class PoPageChangePasswordComponent extends PoPageChangePasswordBaseComponent {
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngIf", !ctx.hideCurrentPassword);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngClass", ctx.hideCurrentPassword ? "po-md-12" : "po-sm-6")("p-disabled", passwordForm_r7.invalid)("p-label", ctx.literals.saveButton);
+            i0.ɵɵproperty("ngClass", ctx.hideCurrentPassword ? "po-md-12" : "po-sm-6")("p-disabled", passwordForm_r7.invalid)("p-label", ctx.literals.saveButton)("p-size", ctx.componentsSize);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("p-primary-action", ctx.modalAction)("p-title", ctx.hideCurrentPassword ? ctx.literals.passwordSuccessfullyCreated : ctx.literals.passwordSuccessfullyUpdated);
-        } }, dependencies: [i4.NgClass, i4.NgForOf, i4.NgIf, i5.ɵNgNoValidate, i5.NgControlStatus, i5.NgControlStatusGroup, i5.NgModel, i5.NgForm, i1$1.RouterLink, i2.PoButtonComponent, i2.PoContainerComponent, i2.PoDividerComponent, i2.PoPasswordComponent, i2.PoIconComponent, i2.PoModalComponent, PoPageBackgroundComponent], encapsulation: 2 });
+            i0.ɵɵproperty("p-primary-action", ctx.modalAction)("p-components-size", ctx.componentsSize)("p-title", ctx.hideCurrentPassword ? ctx.literals.passwordSuccessfullyCreated : ctx.literals.passwordSuccessfullyUpdated);
+        } }, dependencies: [i4.NgClass, i4.NgForOf, i4.NgIf, i5.ɵNgNoValidate, i5.NgControlStatus, i5.NgControlStatusGroup, i5.NgModel, i5.NgForm, i1$2.RouterLink, i1.PoButtonComponent, i1.PoContainerComponent, i1.PoDividerComponent, i1.PoPasswordComponent, i1.PoIconComponent, i1.PoModalComponent, PoPageBackgroundComponent], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoPageChangePasswordComponent, [{
         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 class=\"po-page-change-password\" [p-logo]=\"logo\" [p-secondary-logo]=\"secondaryLogo\">\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              >\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              >\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              >\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-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-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-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" }]
-    }], () => [{ type: i1$1.ActivatedRoute }, { type: i1$1.ActivatedRoute }, { type: i1$1.Router }, { type: PoPageChangePasswordService }, { type: i2.PoComponentInjectorService }, { type: i2.PoLanguageService }, { type: i0.ViewContainerRef }], { 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            <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" }]
+    }], () => [{ 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 }], { modal: [{
             type: ViewChild,
             args: [PoModalComponent, { static: true }]
         }], pageChangePassword: [{
@@ -2980,7 +3127,7 @@ class PoPageChangePasswordComponent extends PoPageChangePasswordBaseComponent {
             type: ViewChild,
             args: ['passwordForm', { read: NgForm, static: true }]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoPageChangePasswordComponent, { className: "PoPageChangePasswordComponent", filePath: "lib/components/po-page-change-password/po-page-change-password.component.ts", lineNumber: 61 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoPageChangePasswordComponent, { className: "PoPageChangePasswordComponent", filePath: "lib/components/po-page-change-password/po-page-change-password.component.ts", lineNumber: 62 }); })();
 
 /**
  * @description
@@ -3092,7 +3239,7 @@ class PoPageDynamicService {
         }
         return endpoint;
     }
-    static ɵfac = function PoPageDynamicService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPageDynamicService)(i0.ɵɵinject(i1.HttpClient), i0.ɵɵinject(i2.PoNotificationService), i0.ɵɵinject(i2.PoLanguageService)); };
+    static ɵfac = function PoPageDynamicService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPageDynamicService)(i0.ɵɵinject(i1$1.HttpClient), i0.ɵɵinject(i1.PoNotificationService), i0.ɵɵinject(i1.PoLanguageService)); };
     static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: PoPageDynamicService, factory: PoPageDynamicService.ɵfac, providedIn: 'root' });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoPageDynamicService, [{
@@ -3100,7 +3247,7 @@ class PoPageDynamicService {
         args: [{
                 providedIn: 'root'
             }]
-    }], () => [{ type: i1.HttpClient }, { type: i2.PoNotificationService }, { type: i2.PoLanguageService }], null); })();
+    }], () => [{ type: i1$1.HttpClient }, { type: i1.PoNotificationService }, { type: i1.PoLanguageService }], null); })();
 
 class PoPageDynamicDetailActionsService {
     http;
@@ -3131,7 +3278,7 @@ class PoPageDynamicDetailActionsService {
         }
         return of(action(id, resource));
     }
-    static ɵfac = function PoPageDynamicDetailActionsService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPageDynamicDetailActionsService)(i0.ɵɵinject(i1.HttpClient)); };
+    static ɵfac = function PoPageDynamicDetailActionsService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPageDynamicDetailActionsService)(i0.ɵɵinject(i1$1.HttpClient)); };
     static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: PoPageDynamicDetailActionsService, factory: PoPageDynamicDetailActionsService.ɵfac, providedIn: 'root' });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoPageDynamicDetailActionsService, [{
@@ -3139,7 +3286,7 @@ class PoPageDynamicDetailActionsService {
         args: [{
                 providedIn: 'root'
             }]
-    }], () => [{ type: i1.HttpClient }], null); })();
+    }], () => [{ type: i1$1.HttpClient }], null); })();
 
 class PoPageCustomizationService {
     http;
@@ -3212,7 +3359,7 @@ class PoPageCustomizationService {
         });
         return [...mergedOriginalOptions, ...deduplicateNewOptions];
     }
-    static ɵfac = function PoPageCustomizationService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPageCustomizationService)(i0.ɵɵinject(i1.HttpClient)); };
+    static ɵfac = function PoPageCustomizationService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPageCustomizationService)(i0.ɵɵinject(i1$1.HttpClient)); };
     static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: PoPageCustomizationService, factory: PoPageCustomizationService.ɵfac, providedIn: 'root' });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoPageCustomizationService, [{
@@ -3220,7 +3367,7 @@ class PoPageCustomizationService {
         args: [{
                 providedIn: 'root'
             }]
-    }], () => [{ type: i1.HttpClient }], null); })();
+    }], () => [{ type: i1$1.HttpClient }], null); })();
 
 function PoPageDynamicDetailComponent_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
@@ -3362,6 +3509,7 @@ class PoPageDynamicDetailComponent {
     poPageDynamicService;
     poPageDynamicDetailActionsService;
     poPageCustomizationService;
+    poThemeService;
     /** Objeto com propriedades do breadcrumb. */
     breadcrumb = { items: [] };
     /**
@@ -3436,6 +3584,7 @@ class PoPageDynamicDetailComponent {
     subscriptions = [];
     _actions = {};
     _autoRouter = false;
+    _componentsSize = undefined;
     _duplicates = [];
     _fields = [];
     _keys = [];
@@ -3474,6 +3623,26 @@ class PoPageDynamicDetailComponent {
     get autoRouter() {
         return this._autoRouter;
     }
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o tamanho dos componentes de formulário no template:
+     * - `small`: aplica a medida small de cada componente (disponível apenas para acessibilidade AA).
+     * - `medium`: aplica a medida medium de cada componente.
+     *
+     * > Caso a acessibilidade AA não esteja configurada, o tamanho `medium` será mantido.
+     * Para mais detalhes, consulte a documentação do [po-theme](https://po-ui.io/documentation/po-theme).
+     *
+     * @default `medium`
+     */
+    set componentsSize(value) {
+        this._componentsSize = validateSize(value, this.poThemeService);
+    }
+    get componentsSize() {
+        return this._componentsSize ?? getDefaultSize(this.poThemeService);
+    }
     /** Lista dos campos exibidos na página. */
     set fields(value) {
         this._fields = Array.isArray(value) ? [...value] : [];
@@ -3483,7 +3652,8 @@ class PoPageDynamicDetailComponent {
     get fields() {
         return this._fields;
     }
-    constructor(router, activatedRoute, poNotification, poDialogService, poPageDynamicService, poPageDynamicDetailActionsService, poPageCustomizationService, languageService) {
+    /* eslint-disable max-params */
+    constructor(router, activatedRoute, poNotification, poDialogService, poPageDynamicService, poPageDynamicDetailActionsService, poPageCustomizationService, poThemeService, languageService) {
         this.router = router;
         this.activatedRoute = activatedRoute;
         this.poNotification = poNotification;
@@ -3491,12 +3661,14 @@ class PoPageDynamicDetailComponent {
         this.poPageDynamicService = poPageDynamicService;
         this.poPageDynamicDetailActionsService = poPageDynamicDetailActionsService;
         this.poPageCustomizationService = poPageCustomizationService;
+        this.poThemeService = poThemeService;
         const language = languageService.getShortLanguage();
         this.literals = {
             ...poPageDynamicDetailLiteralsDefault[poLocaleDefault],
             ...poPageDynamicDetailLiteralsDefault[language]
         };
     }
+    /* eslint-enable max-params */
     ngOnInit() {
         this.loadDataFromAPI();
     }
@@ -3713,8 +3885,8 @@ class PoPageDynamicDetailComponent {
         };
         return this.poPageCustomizationService.getCustomOptions(onLoad, originalOption, pageOptionSchema);
     }
-    static ɵfac = function PoPageDynamicDetailComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPageDynamicDetailComponent)(i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(i2.PoNotificationService), i0.ɵɵdirectiveInject(i2.PoDialogService), i0.ɵɵdirectiveInject(PoPageDynamicService), i0.ɵɵdirectiveInject(PoPageDynamicDetailActionsService), i0.ɵɵdirectiveInject(PoPageCustomizationService), i0.ɵɵdirectiveInject(i2.PoLanguageService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoPageDynamicDetailComponent, selectors: [["po-page-dynamic-detail"]], inputs: { breadcrumb: [0, "p-breadcrumb", "breadcrumb"], onLoad: [0, "p-load", "onLoad"], title: [0, "p-title", "title"], serviceApi: [0, "p-service-api", "serviceApi"], actions: [0, "p-actions", "actions"], autoRouter: [0, "p-auto-router", "autoRouter"], fields: [0, "p-fields", "fields"] }, standalone: false, features: [i0.ɵɵProvidersFeature([PoPageDynamicService, PoPageDynamicDetailActionsService])], decls: 6, vars: 6, consts: [["registerNotFoundTemplate", ""], ["viewFieldsTemplate", ""], [3, "p-actions", "p-breadcrumb", "p-title"], [4, "ngIf", "ngIfThen", "ngIfElse"], ["p-icon", "ICON_INFO"], [1, "po-font-text-large"], [3, "p-fields", "p-value"]], template: function PoPageDynamicDetailComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵfac = function PoPageDynamicDetailComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPageDynamicDetailComponent)(i0.ɵɵdirectiveInject(i1$2.Router), i0.ɵɵdirectiveInject(i1$2.ActivatedRoute), i0.ɵɵdirectiveInject(i1.PoNotificationService), i0.ɵɵdirectiveInject(i1.PoDialogService), i0.ɵɵdirectiveInject(PoPageDynamicService), i0.ɵɵdirectiveInject(PoPageDynamicDetailActionsService), i0.ɵɵdirectiveInject(PoPageCustomizationService), i0.ɵɵdirectiveInject(i1.PoThemeService), i0.ɵɵdirectiveInject(i1.PoLanguageService)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoPageDynamicDetailComponent, selectors: [["po-page-dynamic-detail"]], inputs: { breadcrumb: [0, "p-breadcrumb", "breadcrumb"], onLoad: [0, "p-load", "onLoad"], title: [0, "p-title", "title"], serviceApi: [0, "p-service-api", "serviceApi"], actions: [0, "p-actions", "actions"], autoRouter: [0, "p-auto-router", "autoRouter"], componentsSize: [0, "p-components-size", "componentsSize"], fields: [0, "p-fields", "fields"] }, standalone: false, features: [i0.ɵɵProvidersFeature([PoPageDynamicService, PoPageDynamicDetailActionsService])], decls: 6, vars: 7, consts: [["registerNotFoundTemplate", ""], ["viewFieldsTemplate", ""], [3, "p-actions", "p-breadcrumb", "p-components-size", "p-title"], [4, "ngIf", "ngIfThen", "ngIfElse"], ["p-icon", "ICON_INFO"], [1, "po-font-text-large"], [3, "p-fields", "p-value"]], template: function PoPageDynamicDetailComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "po-page-default", 2);
             i0.ɵɵtemplate(1, PoPageDynamicDetailComponent_ng_container_1_Template, 1, 0, "ng-container", 3);
             i0.ɵɵelementEnd();
@@ -3722,15 +3894,15 @@ class PoPageDynamicDetailComponent {
         } if (rf & 2) {
             const registerNotFoundTemplate_r2 = i0.ɵɵreference(3);
             const viewFieldsTemplate_r3 = i0.ɵɵreference(5);
-            i0.ɵɵproperty("p-actions", ctx.pageActions)("p-breadcrumb", ctx.breadcrumb)("p-title", ctx.title);
+            i0.ɵɵproperty("p-actions", ctx.pageActions)("p-breadcrumb", ctx.breadcrumb)("p-components-size", ctx.componentsSize)("p-title", ctx.title);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.model)("ngIfThen", viewFieldsTemplate_r3)("ngIfElse", registerNotFoundTemplate_r2);
-        } }, dependencies: [i4.NgIf, i2.PoDynamicViewComponent, i2.PoIconComponent, i2.PoPageDefaultComponent, i2.PoWidgetComponent], encapsulation: 2 });
+        } }, dependencies: [i4.NgIf, i1.PoDynamicViewComponent, i1.PoIconComponent, i1.PoPageDefaultComponent, i1.PoWidgetComponent], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoPageDynamicDetailComponent, [{
         type: Component,
-        args: [{ selector: 'po-page-dynamic-detail', providers: [PoPageDynamicService, PoPageDynamicDetailActionsService], standalone: false, template: "<po-page-default [p-actions]=\"pageActions\" [p-breadcrumb]=\"breadcrumb\" [p-title]=\"title\">\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" }]
-    }], () => [{ type: i1$1.Router }, { type: i1$1.ActivatedRoute }, { type: i2.PoNotificationService }, { type: i2.PoDialogService }, { type: PoPageDynamicService }, { type: PoPageDynamicDetailActionsService }, { type: PoPageCustomizationService }, { type: i2.PoLanguageService }], { 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  <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" }]
+    }], () => [{ 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 }], { breadcrumb: [{
             type: Input,
             args: ['p-breadcrumb']
         }], onLoad: [{
@@ -3748,11 +3920,14 @@ class PoPageDynamicDetailComponent {
         }], autoRouter: [{
             type: Input,
             args: ['p-auto-router']
+        }], componentsSize: [{
+            type: Input,
+            args: ['p-components-size']
         }], fields: [{
             type: Input,
             args: ['p-fields']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoPageDynamicDetailComponent, { className: "PoPageDynamicDetailComponent", filePath: "lib/components/po-page-dynamic-detail/po-page-dynamic-detail.component.ts", lineNumber: 152 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoPageDynamicDetailComponent, { className: "PoPageDynamicDetailComponent", filePath: "lib/components/po-page-dynamic-detail/po-page-dynamic-detail.component.ts", lineNumber: 159 }); })();
 
 /**
  * @description
@@ -3848,7 +4023,7 @@ class PoPageDynamicEditActionsService {
         }
         return of(action(resource, id));
     }
-    static ɵfac = function PoPageDynamicEditActionsService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPageDynamicEditActionsService)(i0.ɵɵinject(i1.HttpClient)); };
+    static ɵfac = function PoPageDynamicEditActionsService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPageDynamicEditActionsService)(i0.ɵɵinject(i1$1.HttpClient)); };
     static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: PoPageDynamicEditActionsService, factory: PoPageDynamicEditActionsService.ɵfac, providedIn: 'root' });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoPageDynamicEditActionsService, [{
@@ -3856,7 +4031,7 @@ class PoPageDynamicEditActionsService {
         args: [{
                 providedIn: 'root'
             }]
-    }], () => [{ type: i1.HttpClient }], null); })();
+    }], () => [{ type: i1$1.HttpClient }], null); })();
 
 const _c0$5 = ["dynamicForm"];
 const _c1$3 = ["gridDetail"];
@@ -3888,16 +4063,16 @@ function PoPageDynamicEditComponent_ng_template_4_div_2_Template(rf, ctx) { if (
     i0.ɵɵadvance();
     i0.ɵɵproperty("p-label", ctx_r0.detailFields[0].divider);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("p-label", ctx_r0.literals.detailActionNew);
+    i0.ɵɵproperty("p-size", ctx_r0.componentsSize)("p-label", ctx_r0.literals.detailActionNew);
     i0.ɵɵadvance();
     i0.ɵɵproperty("p-row-actions", ctx_r0.detailActions)("p-columns", ctx_r0.detailFields[0].detail.columns)("p-data", ctx_r0.model[ctx_r0.detailFields[0].property]);
 } }
 function PoPageDynamicEditComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "po-dynamic-form", 8, 2);
-    i0.ɵɵtemplate(2, PoPageDynamicEditComponent_ng_template_4_div_2_Template, 6, 5, "div", 9);
+    i0.ɵɵtemplate(2, PoPageDynamicEditComponent_ng_template_4_div_2_Template, 6, 6, "div", 9);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("p-fields", ctx_r0.controlFields)("p-value", ctx_r0.model);
+    i0.ɵɵproperty("p-components-size", ctx_r0.componentsSize)("p-fields", ctx_r0.controlFields)("p-value", ctx_r0.model);
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngIf", ctx_r0.detailFields.length > 0);
 } }
@@ -4056,6 +4231,7 @@ class PoPageDynamicEditComponent {
     poPageDynamicService;
     poPageCustomizationService;
     poPageDynamicEditActionsService;
+    poThemeService;
     dynamicForm;
     gridDetail;
     /** Objeto com propriedades do breadcrumb. */
@@ -4200,6 +4376,7 @@ class PoPageDynamicEditComponent {
     language;
     subscriptions = [];
     _actions = {};
+    _componentsSize = undefined;
     _literals;
     _autoRouter = false;
     _controlFields = [];
@@ -4328,7 +4505,28 @@ class PoPageDynamicEditComponent {
     get fields() {
         return this._fields;
     }
-    constructor(router, activatedRoute, poNotification, poDialogService, poPageDynamicService, poPageCustomizationService, poPageDynamicEditActionsService, languageService) {
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o tamanho dos componentes de formulário no template:
+     * - `small`: aplica a medida small de cada componente (disponível apenas para acessibilidade AA).
+     * - `medium`: aplica a medida medium de cada componente.
+     *
+     * > Caso a acessibilidade AA não esteja configurada, o tamanho `medium` será mantido.
+     * Para mais detalhes, consulte a documentação do [po-theme](https://po-ui.io/documentation/po-theme).
+     *
+     * @default `medium`
+     */
+    set componentsSize(value) {
+        this._componentsSize = validateSize(value, this.poThemeService);
+    }
+    get componentsSize() {
+        return this._componentsSize ?? getDefaultSize(this.poThemeService);
+    }
+    /* eslint-disable max-params */
+    constructor(router, activatedRoute, poNotification, poDialogService, poPageDynamicService, poPageCustomizationService, poPageDynamicEditActionsService, poThemeService, languageService) {
         this.router = router;
         this.activatedRoute = activatedRoute;
         this.poNotification = poNotification;
@@ -4336,8 +4534,10 @@ class PoPageDynamicEditComponent {
         this.poPageDynamicService = poPageDynamicService;
         this.poPageCustomizationService = poPageCustomizationService;
         this.poPageDynamicEditActionsService = poPageDynamicEditActionsService;
+        this.poThemeService = poThemeService;
         this.language = languageService.getShortLanguage();
     }
+    /* eslint-enable max-params */
     ngOnInit() {
         this.loadDataFromAPI();
     }
@@ -4702,7 +4902,7 @@ class PoPageDynamicEditComponent {
     isObject(value) {
         return !!value && typeof value === 'object' && !Array.isArray(value);
     }
-    static ɵfac = function PoPageDynamicEditComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPageDynamicEditComponent)(i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(i2.PoNotificationService), i0.ɵɵdirectiveInject(i2.PoDialogService), i0.ɵɵdirectiveInject(PoPageDynamicService), i0.ɵɵdirectiveInject(PoPageCustomizationService), i0.ɵɵdirectiveInject(PoPageDynamicEditActionsService), i0.ɵɵdirectiveInject(i2.PoLanguageService)); };
+    static ɵfac = function PoPageDynamicEditComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPageDynamicEditComponent)(i0.ɵɵdirectiveInject(i1$2.Router), i0.ɵɵdirectiveInject(i1$2.ActivatedRoute), i0.ɵɵdirectiveInject(i1.PoNotificationService), i0.ɵɵdirectiveInject(i1.PoDialogService), i0.ɵɵdirectiveInject(PoPageDynamicService), i0.ɵɵdirectiveInject(PoPageCustomizationService), i0.ɵɵdirectiveInject(PoPageDynamicEditActionsService), i0.ɵɵdirectiveInject(i1.PoThemeService), i0.ɵɵdirectiveInject(i1.PoLanguageService)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoPageDynamicEditComponent, selectors: [["po-page-dynamic-edit"]], viewQuery: function PoPageDynamicEditComponent_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(_c0$5, 5);
             i0.ɵɵviewQuery(_c1$3, 5);
@@ -4710,23 +4910,23 @@ class PoPageDynamicEditComponent {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dynamicForm = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.gridDetail = _t.first);
-        } }, inputs: { breadcrumb: [0, "p-breadcrumb", "breadcrumb"], serviceApi: [0, "p-service-api", "serviceApi"], title: [0, "p-title", "title"], onLoad: [0, "p-load", "onLoad"], onLoadData: [0, "p-load-data", "onLoadData"], actions: [0, "p-actions", "actions"], literals: [0, "p-literals", "literals"], notificationType: [0, "p-notification-type", "notificationType"], autoRouter: [0, "p-auto-router", "autoRouter"], fields: [0, "p-fields", "fields"] }, standalone: false, features: [i0.ɵɵProvidersFeature([PoPageDynamicService])], decls: 6, vars: 6, consts: [["registerNotFoundTemplate", ""], ["formFieldsTemplate", ""], ["dynamicForm", ""], ["gridDetail", ""], [3, "p-actions", "p-breadcrumb", "p-title"], [4, "ngIf", "ngIfThen", "ngIfElse"], ["p-icon", "ICON_INFO"], [1, "po-font-text-large"], [3, "p-fields", "p-value"], ["class", "po-sm-12", 4, "ngIf"], [1, "po-sm-12"], [3, "p-label"], [1, "po-row", "po-mb-2"], [3, "p-click", "p-label"], [3, "p-row-actions", "p-columns", "p-data"]], template: function PoPageDynamicEditComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { breadcrumb: [0, "p-breadcrumb", "breadcrumb"], serviceApi: [0, "p-service-api", "serviceApi"], title: [0, "p-title", "title"], onLoad: [0, "p-load", "onLoad"], onLoadData: [0, "p-load-data", "onLoadData"], actions: [0, "p-actions", "actions"], literals: [0, "p-literals", "literals"], notificationType: [0, "p-notification-type", "notificationType"], autoRouter: [0, "p-auto-router", "autoRouter"], fields: [0, "p-fields", "fields"], componentsSize: [0, "p-components-size", "componentsSize"] }, standalone: false, features: [i0.ɵɵProvidersFeature([PoPageDynamicService])], decls: 6, vars: 7, consts: [["registerNotFoundTemplate", ""], ["formFieldsTemplate", ""], ["dynamicForm", ""], ["gridDetail", ""], [3, "p-actions", "p-breadcrumb", "p-components-size", "p-title"], [4, "ngIf", "ngIfThen", "ngIfElse"], ["p-icon", "ICON_INFO"], [1, "po-font-text-large"], [3, "p-components-size", "p-fields", "p-value"], ["class", "po-sm-12", 4, "ngIf"], [1, "po-sm-12"], [3, "p-label"], [1, "po-row", "po-mb-2"], [3, "p-click", "p-size", "p-label"], [3, "p-row-actions", "p-columns", "p-data"]], template: function PoPageDynamicEditComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "po-page-default", 4);
             i0.ɵɵtemplate(1, PoPageDynamicEditComponent_ng_container_1_Template, 1, 0, "ng-container", 5);
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(2, PoPageDynamicEditComponent_ng_template_2_Template, 4, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(4, PoPageDynamicEditComponent_ng_template_4_Template, 3, 3, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
+            i0.ɵɵtemplate(2, PoPageDynamicEditComponent_ng_template_2_Template, 4, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(4, PoPageDynamicEditComponent_ng_template_4_Template, 3, 4, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
         } if (rf & 2) {
             const registerNotFoundTemplate_r3 = i0.ɵɵreference(3);
             const formFieldsTemplate_r4 = i0.ɵɵreference(5);
-            i0.ɵɵproperty("p-actions", ctx.pageActions)("p-breadcrumb", ctx.breadcrumb)("p-title", ctx.title);
+            i0.ɵɵproperty("p-actions", ctx.pageActions)("p-breadcrumb", ctx.breadcrumb)("p-components-size", ctx.componentsSize)("p-title", ctx.title);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.model)("ngIfThen", formFieldsTemplate_r4)("ngIfElse", registerNotFoundTemplate_r3);
-        } }, dependencies: [i4.NgIf, i2.PoButtonComponent, i2.PoDividerComponent, i2.PoDynamicFormComponent, i2.PoGridComponent, i2.PoIconComponent, i2.PoPageDefaultComponent, i2.PoWidgetComponent], encapsulation: 2 });
+        } }, dependencies: [i4.NgIf, i1.PoButtonComponent, i1.PoDividerComponent, i1.PoDynamicFormComponent, i1.PoGridComponent, i1.PoIconComponent, i1.PoPageDefaultComponent, i1.PoWidgetComponent], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoPageDynamicEditComponent, [{
         type: Component,
-        args: [{ selector: 'po-page-dynamic-edit', providers: [PoPageDynamicService], standalone: false, template: "<po-page-default [p-actions]=\"pageActions\" [p-breadcrumb]=\"breadcrumb\" [p-title]=\"title\">\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-fields]=\"controlFields\" [p-value]=\"model\"> </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 [p-label]=\"literals.detailActionNew\" (p-click)=\"detailActionNew()\"></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" }]
-    }], () => [{ type: i1$1.Router }, { type: i1$1.ActivatedRoute }, { type: i2.PoNotificationService }, { type: i2.PoDialogService }, { type: PoPageDynamicService }, { type: PoPageCustomizationService }, { type: PoPageDynamicEditActionsService }, { type: i2.PoLanguageService }], { 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  <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" }]
+    }], () => [{ 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 }], { dynamicForm: [{
             type: ViewChild,
             args: ['dynamicForm']
         }], gridDetail: [{
@@ -4762,8 +4962,11 @@ class PoPageDynamicEditComponent {
         }], fields: [{
             type: Input,
             args: ['p-fields']
+        }], componentsSize: [{
+            type: Input,
+            args: ['p-components-size']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoPageDynamicEditComponent, { className: "PoPageDynamicEditComponent", filePath: "lib/components/po-page-dynamic-edit/po-page-dynamic-edit.component.ts", lineNumber: 190 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoPageDynamicEditComponent, { className: "PoPageDynamicEditComponent", filePath: "lib/components/po-page-dynamic-edit/po-page-dynamic-edit.component.ts", lineNumber: 198 }); })();
 
 /**
  * @description
@@ -4867,6 +5070,7 @@ 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.
@@ -4891,8 +5095,29 @@ class PoAdvancedFilterBaseComponent {
         label: this.literals.cancelLabel
     };
     optionsServiceChosenOptions = [];
+    _componentsSize = undefined;
     _filters = [];
     _literals;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o tamanho dos componentes de formulário no template:
+     * - `small`: aplica a medida small de cada componente (disponível apenas para acessibilidade AA).
+     * - `medium`: aplica a medida medium de cada componente.
+     *
+     * > Caso a acessibilidade AA não esteja configurada, o tamanho `medium` será mantido.
+     * Para mais detalhes, consulte a documentação do [po-theme](https://po-ui.io/documentation/po-theme).
+     *
+     * @default `medium`
+     */
+    set componentsSize(value) {
+        this._componentsSize = validateSize(value, this.poThemeService);
+    }
+    get componentsSize() {
+        return this._componentsSize ?? getDefaultSize(this.poThemeService);
+    }
     /**
      * Coleção de objetos que implementam a interface PoPageDynamicSearchFilters, para definição dos campos que serão criados
      * dinamicamente.
@@ -4921,7 +5146,8 @@ class PoAdvancedFilterBaseComponent {
     get literals() {
         return this._literals || poAdvancedFiltersLiteralsDefault[this.language];
     }
-    constructor(languageService) {
+    constructor(languageService, poThemeService) {
+        this.poThemeService = poThemeService;
         this.language = languageService.getShortLanguage();
     }
     // Retorna os models dos campos preenchidos
@@ -4937,17 +5163,17 @@ class PoAdvancedFilterBaseComponent {
         }
         return { filter: this.filter, optionsService: optionServiceOptions };
     }
-    static ɵfac = function PoAdvancedFilterBaseComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoAdvancedFilterBaseComponent)(i0.ɵɵdirectiveInject(i2.PoLanguageService)); };
+    static ɵfac = function PoAdvancedFilterBaseComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoAdvancedFilterBaseComponent)(i0.ɵɵdirectiveInject(i1.PoLanguageService), i0.ɵɵdirectiveInject(i1.PoThemeService)); };
     static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoAdvancedFilterBaseComponent, viewQuery: function PoAdvancedFilterBaseComponent_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(PoModalComponent, 7);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.poModal = _t.first);
-        } }, inputs: { keepFilters: [2, "p-keep-filters", "keepFilters", convertToBoolean], filters: [0, "p-filters", "filters"], literals: [0, "p-literals", "literals"] }, outputs: { searchEvent: "p-search-event" }, features: [i0.ɵɵInputTransformsFeature] });
+        } }, inputs: { keepFilters: [2, "p-keep-filters", "keepFilters", convertToBoolean], componentsSize: [0, "p-components-size", "componentsSize"], filters: [0, "p-filters", "filters"], literals: [0, "p-literals", "literals"] }, outputs: { searchEvent: "p-search-event" }, features: [i0.ɵɵInputTransformsFeature] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoAdvancedFilterBaseComponent, [{
         type: Directive
-    }], () => [{ type: i2.PoLanguageService }], { poModal: [{
+    }], () => [{ type: i1.PoLanguageService }, { type: i1.PoThemeService }], { poModal: [{
             type: ViewChild,
             args: [PoModalComponent, { static: true }]
         }], keepFilters: [{
@@ -4956,6 +5182,9 @@ class PoAdvancedFilterBaseComponent {
         }], searchEvent: [{
             type: Output,
             args: ['p-search-event']
+        }], componentsSize: [{
+            type: Input,
+            args: ['p-components-size']
         }], filters: [{
             type: Input,
             args: ['p-filters']
@@ -4977,10 +5206,12 @@ class PoAdvancedFilterBaseComponent {
  * </example-private>
  */
 class PoAdvancedFilterComponent extends PoAdvancedFilterBaseComponent {
+    poThemeService;
     poDynamicForm;
     subscription = new Subscription();
-    constructor(languageService) {
-        super(languageService);
+    constructor(languageService, poThemeService) {
+        super(languageService, poThemeService);
+        this.poThemeService = poThemeService;
     }
     ngOnInit() {
         this.optionsServiceSubscribe();
@@ -5009,26 +5240,26 @@ class PoAdvancedFilterComponent extends PoAdvancedFilterBaseComponent {
             }
         }));
     }
-    static ɵfac = function PoAdvancedFilterComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoAdvancedFilterComponent)(i0.ɵɵdirectiveInject(i2.PoLanguageService)); };
+    static ɵfac = function PoAdvancedFilterComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoAdvancedFilterComponent)(i0.ɵɵdirectiveInject(i1.PoLanguageService), i0.ɵɵdirectiveInject(i1.PoThemeService)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoAdvancedFilterComponent, selectors: [["po-advanced-filter"]], viewQuery: function PoAdvancedFilterComponent_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(PoDynamicFormComponent, 7);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.poDynamicForm = _t.first);
-        } }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 5, consts: [["p-hide-close", "", 3, "p-primary-action", "p-secondary-action", "p-title"], [3, "p-fields", "p-value"]], template: function PoAdvancedFilterComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 7, consts: [["p-hide-close", "", 3, "p-primary-action", "p-secondary-action", "p-components-size", "p-title"], [3, "p-components-size", "p-fields", "p-value"]], template: function PoAdvancedFilterComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "po-modal", 0);
             i0.ɵɵelement(1, "po-dynamic-form", 1);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵproperty("p-primary-action", ctx.primaryAction)("p-secondary-action", ctx.secondaryAction)("p-title", ctx.literals.title);
+            i0.ɵɵproperty("p-primary-action", ctx.primaryAction)("p-secondary-action", ctx.secondaryAction)("p-components-size", ctx.componentsSize)("p-title", ctx.literals.title);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("p-fields", ctx.filters)("p-value", ctx.filter);
-        } }, dependencies: [i2.PoDynamicFormComponent, i2.PoModalComponent], encapsulation: 2 });
+            i0.ɵɵproperty("p-components-size", ctx.componentsSize)("p-fields", ctx.filters)("p-value", ctx.filter);
+        } }, dependencies: [i1.PoDynamicFormComponent, i1.PoModalComponent], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoAdvancedFilterComponent, [{
         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-title]=\"literals.title\"\n>\n  <po-dynamic-form [p-fields]=\"filters\" [p-value]=\"filter\"> </po-dynamic-form>\n</po-modal>\n" }]
-    }], () => [{ type: i2.PoLanguageService }], { poDynamicForm: [{
+        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" }]
+    }], () => [{ type: i1.PoLanguageService }, { type: i1.PoThemeService }], { poDynamicForm: [{
             type: ViewChild,
             args: [PoDynamicFormComponent, { static: true }]
         }] }); })();
@@ -5075,6 +5306,7 @@ 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. */
@@ -5213,12 +5445,33 @@ class PoPageDynamicSearchBaseComponent {
      */
     quickSearch = new EventEmitter();
     advancedFilterLiterals;
+    _componentsSize = undefined;
     _filters = [];
     _hideCloseDisclaimers = [];
     _literals;
     _quickSearchWidth;
     language;
     previousFilters;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o tamanho dos componentes de formulário no template:
+     * - `small`: aplica a medida small de cada componente (disponível apenas para acessibilidade AA).
+     * - `medium`: aplica a medida medium de cada componente.
+     *
+     * > Caso a acessibilidade AA não esteja configurada, o tamanho `medium` será mantido.
+     * Para mais detalhes, consulte a documentação do [po-theme](https://po-ui.io/documentation/po-theme).
+     *
+     * @default `medium`
+     */
+    set componentsSize(value) {
+        this._componentsSize = validateSize(value, this.poThemeService);
+    }
+    get componentsSize() {
+        return this._componentsSize ?? getDefaultSize(this.poThemeService);
+    }
     /**
      * @optional
      *
@@ -5320,7 +5573,8 @@ class PoPageDynamicSearchBaseComponent {
     get hideCloseDisclaimers() {
         return this._hideCloseDisclaimers;
     }
-    constructor(languageService) {
+    constructor(languageService, poThemeService) {
+        this.poThemeService = poThemeService;
         this.language = languageService.getShortLanguage();
     }
     setAdvancedFilterLiterals(literals) {
@@ -5338,12 +5592,12 @@ class PoPageDynamicSearchBaseComponent {
             }
         });
     }
-    static ɵfac = function PoPageDynamicSearchBaseComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPageDynamicSearchBaseComponent)(i0.ɵɵdirectiveInject(i2.PoLanguageService)); };
-    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoPageDynamicSearchBaseComponent, inputs: { actions: [0, "p-actions", "actions"], breadcrumb: [0, "p-breadcrumb", "breadcrumb"], keepFilters: [2, "p-keep-filters", "keepFilters", convertToBoolean], concatFilters: [2, "p-concat-filters", "concatFilters", convertToBoolean], hideRemoveAllDisclaimer: [2, "p-hide-remove-all-disclaimer", "hideRemoveAllDisclaimer", convertToBoolean], onLoad: [0, "p-load", "onLoad"], title: [0, "p-title", "title"], quickSearchValue: [0, "p-quick-search-value", "quickSearchValue"], visibleFixedFilters: [0, "p-visible-fixed-filters", "visibleFixedFilters"], literals: [0, "p-literals", "literals"], filters: [0, "p-filters", "filters"], quickSearchWidth: [0, "p-quick-search-width", "quickSearchWidth"], hideCloseDisclaimers: [0, "p-hide-close-disclaimers", "hideCloseDisclaimers"] }, outputs: { advancedSearch: "p-advanced-search", changeDisclaimers: "p-change-disclaimers", quickSearch: "p-quick-search" }, features: [i0.ɵɵInputTransformsFeature] });
+    static ɵfac = function PoPageDynamicSearchBaseComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPageDynamicSearchBaseComponent)(i0.ɵɵdirectiveInject(i1.PoLanguageService), i0.ɵɵdirectiveInject(i1.PoThemeService)); };
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoPageDynamicSearchBaseComponent, inputs: { actions: [0, "p-actions", "actions"], breadcrumb: [0, "p-breadcrumb", "breadcrumb"], keepFilters: [2, "p-keep-filters", "keepFilters", convertToBoolean], concatFilters: [2, "p-concat-filters", "concatFilters", convertToBoolean], hideRemoveAllDisclaimer: [2, "p-hide-remove-all-disclaimer", "hideRemoveAllDisclaimer", convertToBoolean], onLoad: [0, "p-load", "onLoad"], title: [0, "p-title", "title"], quickSearchValue: [0, "p-quick-search-value", "quickSearchValue"], visibleFixedFilters: [0, "p-visible-fixed-filters", "visibleFixedFilters"], componentsSize: [0, "p-components-size", "componentsSize"], literals: [0, "p-literals", "literals"], filters: [0, "p-filters", "filters"], quickSearchWidth: [0, "p-quick-search-width", "quickSearchWidth"], hideCloseDisclaimers: [0, "p-hide-close-disclaimers", "hideCloseDisclaimers"] }, outputs: { advancedSearch: "p-advanced-search", changeDisclaimers: "p-change-disclaimers", quickSearch: "p-quick-search" }, features: [i0.ɵɵInputTransformsFeature] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoPageDynamicSearchBaseComponent, [{
         type: Directive
-    }], () => [{ type: i2.PoLanguageService }], { actions: [{
+    }], () => [{ type: i1.PoLanguageService }, { type: i1.PoThemeService }], { actions: [{
             type: Input,
             args: ['p-actions']
         }], breadcrumb: [{
@@ -5379,6 +5633,9 @@ class PoPageDynamicSearchBaseComponent {
         }], quickSearch: [{
             type: Output,
             args: ['p-quick-search']
+        }], componentsSize: [{
+            type: Input,
+            args: ['p-components-size']
         }], literals: [{
             type: Input,
             args: ['p-literals']
@@ -5414,6 +5671,7 @@ class PoPageDynamicSearchComponent extends PoPageDynamicSearchBaseComponent {
     languageService;
     poPageCustomizationService;
     changeDetector;
+    poThemeService;
     poAdvancedFilter;
     poPageList;
     loadSubscription;
@@ -5430,11 +5688,12 @@ class PoPageDynamicSearchComponent extends PoPageDynamicSearchBaseComponent {
         placeholder: this.literals.searchPlaceholder,
         width: this.quickSearchWidth
     };
-    constructor(languageService, poPageCustomizationService, changeDetector) {
-        super(languageService);
+    constructor(languageService, poPageCustomizationService, changeDetector, poThemeService) {
+        super(languageService, poThemeService);
         this.languageService = languageService;
         this.poPageCustomizationService = poPageCustomizationService;
         this.changeDetector = changeDetector;
+        this.poThemeService = poThemeService;
     }
     get disclaimerGroup() {
         return Object.assign({}, this._disclaimerGroup, {
@@ -5699,7 +5958,7 @@ class PoPageDynamicSearchComponent extends PoPageDynamicSearchBaseComponent {
         };
         return this.poPageCustomizationService.getCustomOptions(onLoad, originalOption, pageOptionSchema);
     }
-    static ɵfac = function PoPageDynamicSearchComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPageDynamicSearchComponent)(i0.ɵɵdirectiveInject(i2.PoLanguageService), i0.ɵɵdirectiveInject(PoPageCustomizationService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+    static ɵfac = function PoPageDynamicSearchComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPageDynamicSearchComponent)(i0.ɵɵdirectiveInject(i1.PoLanguageService), i0.ɵɵdirectiveInject(PoPageCustomizationService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1.PoThemeService)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoPageDynamicSearchComponent, selectors: [["po-page-dynamic-search"]], viewQuery: function PoPageDynamicSearchComponent_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(PoAdvancedFilterComponent, 7);
             i0.ɵɵviewQuery(PoPageListComponent, 7);
@@ -5707,7 +5966,7 @@ class PoPageDynamicSearchComponent extends PoPageDynamicSearchBaseComponent {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.poAdvancedFilter = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.poPageList = _t.first);
-        } }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0$4, decls: 4, vars: 9, consts: [["poPageList", ""], [3, "p-actions", "p-breadcrumb", "p-disclaimer-group", "p-filter", "p-title", "p-quick-search-value"], [3, "p-search-event", "p-filters", "p-keep-filters", "p-literals"]], template: function PoPageDynamicSearchComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0$4, decls: 4, vars: 11, consts: [["poPageList", ""], [3, "p-actions", "p-breadcrumb", "p-components-size", "p-disclaimer-group", "p-filter", "p-title", "p-quick-search-value"], [3, "p-search-event", "p-components-size", "p-filters", "p-keep-filters", "p-literals"]], template: function PoPageDynamicSearchComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "po-page-list", 1, 0)(2, "po-advanced-filter", 2);
@@ -5716,22 +5975,22 @@ class PoPageDynamicSearchComponent extends PoPageDynamicSearchBaseComponent {
             i0.ɵɵprojection(3);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵproperty("p-actions", ctx.actions)("p-breadcrumb", ctx.breadcrumb)("p-disclaimer-group", ctx.disclaimerGroup)("p-filter", ctx.filterSettings)("p-title", ctx.title)("p-quick-search-value", ctx.quickSearchValue);
+            i0.ɵɵproperty("p-actions", ctx.actions)("p-breadcrumb", ctx.breadcrumb)("p-components-size", ctx.componentsSize)("p-disclaimer-group", ctx.disclaimerGroup)("p-filter", ctx.filterSettings)("p-title", ctx.title)("p-quick-search-value", ctx.quickSearchValue);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("p-filters", ctx.filters)("p-keep-filters", ctx.keepFilters)("p-literals", ctx.advancedFilterLiterals);
-        } }, dependencies: [i2.PoPageListComponent, PoAdvancedFilterComponent], encapsulation: 2 });
+            i0.ɵɵproperty("p-components-size", ctx.componentsSize)("p-filters", ctx.filters)("p-keep-filters", ctx.keepFilters)("p-literals", ctx.advancedFilterLiterals);
+        } }, dependencies: [i1.PoPageListComponent, PoAdvancedFilterComponent], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoPageDynamicSearchComponent, [{
         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-disclaimer-group]=\"disclaimerGroup\"\n  [p-filter]=\"filterSettings\"\n  [p-title]=\"title\"\n  [p-quick-search-value]=\"quickSearchValue\"\n>\n  <po-advanced-filter\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" }]
-    }], () => [{ type: i2.PoLanguageService }, { type: PoPageCustomizationService }, { type: i0.ChangeDetectorRef }], { poAdvancedFilter: [{
+        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" }]
+    }], () => [{ type: i1.PoLanguageService }, { type: PoPageCustomizationService }, { type: i0.ChangeDetectorRef }, { type: i1.PoThemeService }], { poAdvancedFilter: [{
             type: ViewChild,
             args: [PoAdvancedFilterComponent, { static: true }]
         }], poPageList: [{
             type: ViewChild,
             args: [PoPageListComponent, { static: true }]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoPageDynamicSearchComponent, { className: "PoPageDynamicSearchComponent", filePath: "lib/components/po-page-dynamic-search/po-page-dynamic-search.component.ts", lineNumber: 56 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoPageDynamicSearchComponent, { className: "PoPageDynamicSearchComponent", filePath: "lib/components/po-page-dynamic-search/po-page-dynamic-search.component.ts", lineNumber: 57 }); })();
 
 /**
  * @description
@@ -6151,7 +6410,7 @@ class PoPageDynamicTableActionsService {
         }
         return of(action(resource));
     }
-    static ɵfac = function PoPageDynamicTableActionsService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPageDynamicTableActionsService)(i0.ɵɵinject(i1.HttpClient)); };
+    static ɵfac = function PoPageDynamicTableActionsService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPageDynamicTableActionsService)(i0.ɵɵinject(i1$1.HttpClient)); };
     static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: PoPageDynamicTableActionsService, factory: PoPageDynamicTableActionsService.ɵfac, providedIn: 'root' });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoPageDynamicTableActionsService, [{
@@ -6159,7 +6418,7 @@ class PoPageDynamicTableActionsService {
         args: [{
                 providedIn: 'root'
             }]
-    }], () => [{ type: i1.HttpClient }], null); })();
+    }], () => [{ type: i1$1.HttpClient }], null); })();
 
 const PAGE_SIZE_DEFAULT = 10;
 /**
@@ -6260,6 +6519,7 @@ const PAGE_SIZE_DEFAULT = 10;
  * </example>
  */
 class PoPageDynamicTableComponent extends PoPageDynamicListBaseComponent {
+    poThemeService;
     router;
     activatedRoute;
     poDialogService;
@@ -6396,6 +6656,7 @@ class PoPageDynamicTableComponent extends PoPageDynamicListBaseComponent {
     sortedColumn;
     subscriptions = new Subscription();
     hasCustomActionWithSelectable = false;
+    _componentsSize = undefined;
     _customPageListActions = [];
     _customTableActions = [];
     _defaultPageActions = [];
@@ -6437,6 +6698,26 @@ class PoPageDynamicTableComponent extends PoPageDynamicListBaseComponent {
     get actions() {
         return this._actions;
     }
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o tamanho dos componentes de formulário no template:
+     * - `small`: aplica a medida small de cada componente (disponível apenas para acessibilidade AA).
+     * - `medium`: aplica a medida medium de cada componente.
+     *
+     * > Caso a acessibilidade AA não esteja configurada, o tamanho `medium` será mantido.
+     * Para mais detalhes, consulte a documentação do [po-theme](https://po-ui.io/documentation/po-theme).
+     *
+     * @default `medium`
+     */
+    set componentsSize(value) {
+        this._componentsSize = validateSize(value, this.poThemeService);
+    }
+    get componentsSize() {
+        return this._componentsSize ?? getDefaultSize(this.poThemeService);
+    }
     /**
      * @optional
      *
@@ -6689,8 +6970,10 @@ class PoPageDynamicTableComponent extends PoPageDynamicListBaseComponent {
      * ```
      */
     visibleFixedFilters = true;
-    constructor(router, activatedRoute, poDialogService, poNotification, poPageDynamicService, poPageCustomizationService, poPageDynamicTableActionsService, languageService) {
+    /* eslint-disable max-params */
+    constructor(poThemeService, router, activatedRoute, poDialogService, poNotification, poPageDynamicService, poPageCustomizationService, poPageDynamicTableActionsService, languageService) {
         super();
+        this.poThemeService = poThemeService;
         this.router = router;
         this.activatedRoute = activatedRoute;
         this.poDialogService = poDialogService;
@@ -6704,6 +6987,7 @@ class PoPageDynamicTableComponent extends PoPageDynamicListBaseComponent {
             ...poPageDynamicTableLiteralsDefault[language]
         };
     }
+    /* eslint-enable max-params */
     ngOnInit() {
         this.loadDataFromAPI();
     }
@@ -6813,6 +7097,7 @@ class PoPageDynamicTableComponent extends PoPageDynamicListBaseComponent {
         const confirmOptions = {
             title: this.literals.confirmRemoveTitle,
             message: this.literals.confirmRemoveMessage,
+            componentsSize: this.componentsSize,
             confirm: this.remove.bind(this, item, actionRemove, actionBeforeRemove)
         };
         this.poDialogService.confirm(confirmOptions);
@@ -7318,23 +7603,23 @@ class PoPageDynamicTableComponent extends PoPageDynamicListBaseComponent {
         }
         this.tableActions = newTableActions;
     }
-    static ɵfac = function PoPageDynamicTableComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPageDynamicTableComponent)(i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(i2.PoDialogService), i0.ɵɵdirectiveInject(i2.PoNotificationService), i0.ɵɵdirectiveInject(PoPageDynamicService), i0.ɵɵdirectiveInject(PoPageCustomizationService), i0.ɵɵdirectiveInject(PoPageDynamicTableActionsService), i0.ɵɵdirectiveInject(i2.PoLanguageService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoPageDynamicTableComponent, selectors: [["po-page-dynamic-table"]], inputs: { onLoad: [0, "p-load", "onLoad"], keepFilters: [2, "p-keep-filters", "keepFilters", convertToBoolean], actionRight: [2, "p-actions-right", "actionRight", convertToBoolean], concatFilters: [2, "p-concat-filters", "concatFilters", convertToBoolean], hideColumnsManager: [2, "p-hide-columns-manager", "hideColumnsManager", convertToBoolean], hideRemoveAllDisclaimer: [2, "p-hide-remove-all-disclaimer", "hideRemoveAllDisclaimer", convertToBoolean], infiniteScroll: [2, "p-infinite-scroll", "infiniteScroll", convertToBoolean], actions: [0, "p-actions", "actions"], pageCustomActions: [0, "p-page-custom-actions", "pageCustomActions"], tableCustomActions: [0, "p-table-custom-actions", "tableCustomActions"], quickSearchWidth: [0, "p-quick-search-width", "quickSearchWidth"], height: [0, "p-height", "height"], hideCloseDisclaimers: [0, "p-hide-close-disclaimers", "hideCloseDisclaimers"], quickSearchParam: [0, "p-quick-search-param", "quickSearchParam"], quickSearchValue: [0, "p-quick-search-value", "quickSearchValue"], searchLiterals: [0, "p-literals", "searchLiterals"], spacing: [0, "p-spacing", "spacing"], textWrap: [2, "p-text-wrap", "textWrap", convertToBoolean], draggable: [0, "p-draggable", "draggable"], virtualScroll: [0, "p-virtual-scroll", "virtualScroll"], visibleFixedFilters: [0, "p-visible-fixed-filters", "visibleFixedFilters"] }, standalone: false, features: [i0.ɵɵProvidersFeature([PoPageDynamicService]), i0.ɵɵInputTransformsFeature, i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 26, consts: [[3, "p-advanced-search", "p-change-disclaimers", "p-quick-search", "p-actions", "p-breadcrumb", "p-hide-close-disclaimers", "p-filters", "p-keep-filters", "p-literals", "p-concat-filters", "p-hide-remove-all-disclaimer", "p-quick-search-width", "p-title", "p-visible-fixed-filters", "p-quick-search-value"], [3, "p-show-more", "p-sort-by", "p-change-visible-columns", "p-restore-column-manager", "p-sort", "p-actions", "p-actions-right", "p-selectable", "p-columns", "p-items", "p-height", "p-hide-columns-manager", "p-infinite-scroll", "p-show-more-disabled", "p-text-wrap", "p-draggable", "p-spacing", "p-virtual-scroll"]], template: function PoPageDynamicTableComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵfac = function PoPageDynamicTableComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPageDynamicTableComponent)(i0.ɵɵdirectiveInject(i1.PoThemeService), i0.ɵɵdirectiveInject(i1$2.Router), i0.ɵɵdirectiveInject(i1$2.ActivatedRoute), i0.ɵɵdirectiveInject(i1.PoDialogService), i0.ɵɵdirectiveInject(i1.PoNotificationService), i0.ɵɵdirectiveInject(PoPageDynamicService), i0.ɵɵdirectiveInject(PoPageCustomizationService), i0.ɵɵdirectiveInject(PoPageDynamicTableActionsService), i0.ɵɵdirectiveInject(i1.PoLanguageService)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoPageDynamicTableComponent, selectors: [["po-page-dynamic-table"]], inputs: { onLoad: [0, "p-load", "onLoad"], keepFilters: [2, "p-keep-filters", "keepFilters", convertToBoolean], actionRight: [2, "p-actions-right", "actionRight", convertToBoolean], concatFilters: [2, "p-concat-filters", "concatFilters", convertToBoolean], hideColumnsManager: [2, "p-hide-columns-manager", "hideColumnsManager", convertToBoolean], hideRemoveAllDisclaimer: [2, "p-hide-remove-all-disclaimer", "hideRemoveAllDisclaimer", convertToBoolean], infiniteScroll: [2, "p-infinite-scroll", "infiniteScroll", convertToBoolean], actions: [0, "p-actions", "actions"], componentsSize: [0, "p-components-size", "componentsSize"], pageCustomActions: [0, "p-page-custom-actions", "pageCustomActions"], tableCustomActions: [0, "p-table-custom-actions", "tableCustomActions"], quickSearchWidth: [0, "p-quick-search-width", "quickSearchWidth"], height: [0, "p-height", "height"], hideCloseDisclaimers: [0, "p-hide-close-disclaimers", "hideCloseDisclaimers"], quickSearchParam: [0, "p-quick-search-param", "quickSearchParam"], quickSearchValue: [0, "p-quick-search-value", "quickSearchValue"], searchLiterals: [0, "p-literals", "searchLiterals"], spacing: [0, "p-spacing", "spacing"], textWrap: [2, "p-text-wrap", "textWrap", convertToBoolean], draggable: [0, "p-draggable", "draggable"], virtualScroll: [0, "p-virtual-scroll", "virtualScroll"], visibleFixedFilters: [0, "p-visible-fixed-filters", "visibleFixedFilters"] }, standalone: false, features: [i0.ɵɵProvidersFeature([PoPageDynamicService]), i0.ɵɵInputTransformsFeature, i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 28, consts: [[3, "p-advanced-search", "p-change-disclaimers", "p-quick-search", "p-actions", "p-breadcrumb", "p-components-size", "p-hide-close-disclaimers", "p-filters", "p-keep-filters", "p-literals", "p-concat-filters", "p-hide-remove-all-disclaimer", "p-quick-search-width", "p-title", "p-visible-fixed-filters", "p-quick-search-value"], [3, "p-show-more", "p-sort-by", "p-change-visible-columns", "p-restore-column-manager", "p-sort", "p-actions", "p-actions-right", "p-selectable", "p-columns", "p-components-size", "p-items", "p-height", "p-hide-columns-manager", "p-infinite-scroll", "p-show-more-disabled", "p-text-wrap", "p-draggable", "p-spacing", "p-virtual-scroll"]], template: function PoPageDynamicTableComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "po-page-dynamic-search", 0);
             i0.ɵɵlistener("p-advanced-search", function PoPageDynamicTableComponent_Template_po_page_dynamic_search_p_advanced_search_0_listener($event) { return ctx.onAdvancedSearch($event); })("p-change-disclaimers", function PoPageDynamicTableComponent_Template_po_page_dynamic_search_p_change_disclaimers_0_listener($event) { return ctx.onChangeDisclaimers($event); })("p-quick-search", function PoPageDynamicTableComponent_Template_po_page_dynamic_search_p_quick_search_0_listener($event) { return ctx.onQuickSearch($event); });
             i0.ɵɵelementStart(1, "po-table", 1);
             i0.ɵɵlistener("p-show-more", function PoPageDynamicTableComponent_Template_po_table_p_show_more_1_listener() { return ctx.showMore(); })("p-sort-by", function PoPageDynamicTableComponent_Template_po_table_p_sort_by_1_listener($event) { return ctx.onSort($event); })("p-change-visible-columns", function PoPageDynamicTableComponent_Template_po_table_p_change_visible_columns_1_listener($event) { return ctx.onChangeVisibleColumns($event); })("p-restore-column-manager", function PoPageDynamicTableComponent_Template_po_table_p_restore_column_manager_1_listener($event) { return ctx.onColumnRestoreManager($event); })("p-sort-by", function PoPageDynamicTableComponent_Template_po_table_p_sort_by_1_listener($event) { return ctx.onSortBy($event); });
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
-            i0.ɵɵproperty("p-actions", ctx.pageActions)("p-breadcrumb", ctx.breadcrumb)("p-hide-close-disclaimers", ctx.hideCloseDisclaimers)("p-filters", ctx.filters)("p-keep-filters", ctx.keepFilters)("p-literals", ctx.searchLiterals)("p-concat-filters", ctx.concatFilters)("p-hide-remove-all-disclaimer", ctx.hideRemoveAllDisclaimer)("p-quick-search-width", ctx.quickSearchWidth)("p-title", ctx.title)("p-visible-fixed-filters", ctx.visibleFixedFilters)("p-quick-search-value", ctx.quickSearchValue || "");
+            i0.ɵɵproperty("p-actions", ctx.pageActions)("p-breadcrumb", ctx.breadcrumb)("p-components-size", ctx.componentsSize)("p-hide-close-disclaimers", ctx.hideCloseDisclaimers)("p-filters", ctx.filters)("p-keep-filters", ctx.keepFilters)("p-literals", ctx.searchLiterals)("p-concat-filters", ctx.concatFilters)("p-hide-remove-all-disclaimer", ctx.hideRemoveAllDisclaimer)("p-quick-search-width", ctx.quickSearchWidth)("p-title", ctx.title)("p-visible-fixed-filters", ctx.visibleFixedFilters)("p-quick-search-value", ctx.quickSearchValue || "");
             i0.ɵɵadvance();
-            i0.ɵɵproperty("p-sort", true)("p-actions", ctx.tableActions)("p-actions-right", ctx.actionRight)("p-selectable", ctx.enableSelectionTable)("p-columns", ctx.columns)("p-items", ctx.items)("p-height", ctx.height)("p-hide-columns-manager", ctx.hideColumnsManager)("p-infinite-scroll", ctx.infiniteScroll)("p-show-more-disabled", !ctx.hasNext)("p-text-wrap", ctx.textWrap)("p-draggable", ctx.draggable)("p-spacing", ctx.spacing)("p-virtual-scroll", ctx.virtualScroll);
-        } }, dependencies: [i2.PoTableComponent, PoPageDynamicSearchComponent], encapsulation: 2 });
+            i0.ɵɵproperty("p-sort", true)("p-actions", ctx.tableActions)("p-actions-right", ctx.actionRight)("p-selectable", ctx.enableSelectionTable)("p-columns", ctx.columns)("p-components-size", ctx.componentsSize)("p-items", ctx.items)("p-height", ctx.height)("p-hide-columns-manager", ctx.hideColumnsManager)("p-infinite-scroll", ctx.infiniteScroll)("p-show-more-disabled", !ctx.hasNext)("p-text-wrap", ctx.textWrap)("p-draggable", ctx.draggable)("p-spacing", ctx.spacing)("p-virtual-scroll", ctx.virtualScroll);
+        } }, dependencies: [i1.PoTableComponent, PoPageDynamicSearchComponent], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoPageDynamicTableComponent, [{
         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-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-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" }]
-    }], () => [{ type: i1$1.Router }, { type: i1$1.ActivatedRoute }, { type: i2.PoDialogService }, { type: i2.PoNotificationService }, { type: PoPageDynamicService }, { type: PoPageCustomizationService }, { type: PoPageDynamicTableActionsService }, { type: i2.PoLanguageService }], { onLoad: [{
+        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" }]
+    }], () => [{ 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 }], { onLoad: [{
             type: Input,
             args: ['p-load']
         }], keepFilters: [{
@@ -7358,6 +7643,9 @@ class PoPageDynamicTableComponent extends PoPageDynamicListBaseComponent {
         }], actions: [{
             type: Input,
             args: ['p-actions']
+        }], componentsSize: [{
+            type: Input,
+            args: ['p-components-size']
         }], pageCustomActions: [{
             type: Input,
             args: ['p-page-custom-actions']
@@ -7398,7 +7686,7 @@ class PoPageDynamicTableComponent extends PoPageDynamicListBaseComponent {
             type: Input,
             args: ['p-visible-fixed-filters']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoPageDynamicTableComponent, { className: "PoPageDynamicTableComponent", filePath: "lib/components/po-page-dynamic-table/po-page-dynamic-table.component.ts", lineNumber: 152 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoPageDynamicTableComponent, { className: "PoPageDynamicTableComponent", filePath: "lib/components/po-page-dynamic-table/po-page-dynamic-table.component.ts", lineNumber: 153 }); })();
 
 /**
  * @description
@@ -7664,7 +7952,7 @@ class PoPageJobSchedulerService {
         }
         return newParameter;
     }
-    static ɵfac = function PoPageJobSchedulerService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPageJobSchedulerService)(i0.ɵɵinject(i1.HttpClient)); };
+    static ɵfac = function PoPageJobSchedulerService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPageJobSchedulerService)(i0.ɵɵinject(i1$1.HttpClient)); };
     static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: PoPageJobSchedulerService, factory: PoPageJobSchedulerService.ɵfac, providedIn: 'root' });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoPageJobSchedulerService, [{
@@ -7672,7 +7960,7 @@ class PoPageJobSchedulerService {
         args: [{
                 providedIn: 'root'
             }]
-    }], () => [{ type: i1.HttpClient }], null); })();
+    }], () => [{ type: i1$1.HttpClient }], null); })();
 
 /**
  * @description
@@ -7687,8 +7975,30 @@ class PoPageJobSchedulerService {
  */
 class PoPageJobSchedulerBaseComponent {
     poPageJobSchedulerService;
+    poThemeService;
+    _componentsSize = undefined;
     /** Objeto com as propriedades do breadcrumb. */
     breadcrumb = { items: [] };
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o tamanho dos componentes de formulário no template:
+     * - `small`: aplica a medida small de cada componente (disponível apenas para acessibilidade AA).
+     * - `medium`: aplica a medida medium de cada componente.
+     *
+     * > Caso a acessibilidade AA não esteja configurada, o tamanho `medium` será mantido.
+     * Para mais detalhes, consulte a documentação do [po-theme](https://po-ui.io/documentation/po-theme).
+     *
+     * @default `medium`
+     */
+    set componentsSize(value) {
+        this._componentsSize = validateSize(value, this.poThemeService);
+    }
+    get componentsSize() {
+        return this._componentsSize ?? getDefaultSize(this.poThemeService);
+    }
     /**
      * Endpoint usado pelo componente para busca dos processos e parâmetros que serão utilizados para criação e edição dos agendamentos.
      *
@@ -7906,8 +8216,9 @@ class PoPageJobSchedulerBaseComponent {
     model = new PoPageJobSchedulerInternal();
     _subscription = new Subscription();
     _orientation;
-    constructor(poPageJobSchedulerService) {
+    constructor(poPageJobSchedulerService, poThemeService) {
         this.poPageJobSchedulerService = poPageJobSchedulerService;
+        this.poThemeService = poThemeService;
     }
     ngOnDestroy() {
         this._subscription.unsubscribe();
@@ -7933,14 +8244,17 @@ class PoPageJobSchedulerBaseComponent {
             }
         }
     }
-    static ɵfac = function PoPageJobSchedulerBaseComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPageJobSchedulerBaseComponent)(i0.ɵɵdirectiveInject(PoPageJobSchedulerService)); };
-    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoPageJobSchedulerBaseComponent, inputs: { breadcrumb: [0, "p-breadcrumb", "breadcrumb"], serviceApi: [0, "p-service-api", "serviceApi"], title: [0, "p-title", "title"], parameters: [0, "p-parameters", "parameters"], value: [0, "p-value", "value"], stepperDefaultOrientation: [0, "p-orientation", "stepperDefaultOrientation"], beforeSendAction: [0, "p-before-send", "beforeSendAction"], stepExecutionLast: [0, "p-step-execution-last", "stepExecutionLast"] }, outputs: { success: "p-success", error: "p-error" } });
+    static ɵfac = function PoPageJobSchedulerBaseComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPageJobSchedulerBaseComponent)(i0.ɵɵdirectiveInject(PoPageJobSchedulerService), i0.ɵɵdirectiveInject(i1.PoThemeService)); };
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoPageJobSchedulerBaseComponent, inputs: { breadcrumb: [0, "p-breadcrumb", "breadcrumb"], componentsSize: [0, "p-components-size", "componentsSize"], serviceApi: [0, "p-service-api", "serviceApi"], title: [0, "p-title", "title"], parameters: [0, "p-parameters", "parameters"], value: [0, "p-value", "value"], stepperDefaultOrientation: [0, "p-orientation", "stepperDefaultOrientation"], beforeSendAction: [0, "p-before-send", "beforeSendAction"], stepExecutionLast: [0, "p-step-execution-last", "stepExecutionLast"] }, outputs: { success: "p-success", error: "p-error" } });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoPageJobSchedulerBaseComponent, [{
         type: Directive
-    }], () => [{ type: PoPageJobSchedulerService }], { breadcrumb: [{
+    }], () => [{ type: PoPageJobSchedulerService }, { type: i1.PoThemeService }], { breadcrumb: [{
             type: Input,
             args: ['p-breadcrumb']
+        }], componentsSize: [{
+            type: Input,
+            args: ['p-components-size']
         }], serviceApi: [{
             type: Input,
             args: ['p-service-api']
@@ -8343,8 +8657,9 @@ function PoPageJobSchedulerExecutionComponent_ng_container_11_ng_container_3_Tem
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
     i0.ɵɵtwoWayProperty("ngModel", ctx_r2.value.frequency.type);
-    i0.ɵɵproperty("p-columns", 3)("p-options", ctx_r2.frequencyOptions);
+    i0.ɵɵproperty("p-columns", 3)("p-options", ctx_r2.frequencyOptions)("p-size", ctx_r2.componentsSize);
     i0.ɵɵadvance();
+    i0.ɵɵproperty("p-size", ctx_r2.componentsSize);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r2.value.frequency.value);
 } }
 function PoPageJobSchedulerExecutionComponent_ng_container_11_ng_container_6_Template(rf, ctx) { if (rf & 1) {
@@ -8357,7 +8672,7 @@ function PoPageJobSchedulerExecutionComponent_ng_container_11_Template(rf, ctx)
     i0.ɵɵtwoWayListener("ngModelChange", function PoPageJobSchedulerExecutionComponent_ng_container_11_Template_po_switch_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r2.containsFrequency, $event) || (ctx_r2.containsFrequency = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵlistener("p-change", function PoPageJobSchedulerExecutionComponent_ng_container_11_Template_po_switch_p_change_2_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onChangeContainsFrequency($event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(3, PoPageJobSchedulerExecutionComponent_ng_container_11_ng_container_3_Template, 3, 4, "ng-container", 13);
+    i0.ɵɵtemplate(3, PoPageJobSchedulerExecutionComponent_ng_container_11_ng_container_3_Template, 3, 6, "ng-container", 13);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "div", 7);
     i0.ɵɵelement(5, "po-divider", 9);
@@ -8371,7 +8686,7 @@ function PoPageJobSchedulerExecutionComponent_ng_container_11_Template(rf, ctx)
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r2.containsFrequency);
-    i0.ɵɵproperty("p-label", ctx_r2.literals.frequency)("p-label-off", ctx_r2.literals.no)("p-label-on", ctx_r2.literals.yes);
+    i0.ɵɵproperty("p-label", ctx_r2.literals.frequency)("p-label-off", ctx_r2.literals.no)("p-label-on", ctx_r2.literals.yes)("p-size", ctx_r2.componentsSize);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r2.containsFrequency);
     i0.ɵɵadvance(2);
@@ -8380,7 +8695,7 @@ function PoPageJobSchedulerExecutionComponent_ng_container_11_Template(rf, ctx)
     i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.periodicityTemplates[ctx_r2.value.periodicity]);
     i0.ɵɵadvance(2);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r2.value.recurrent);
-    i0.ɵɵproperty("p-label", ctx_r2.literals.recurrent)("p-label-off", ctx_r2.literals.no)("p-label-on", ctx_r2.literals.yes);
+    i0.ɵɵproperty("p-label", ctx_r2.literals.recurrent)("p-label-off", ctx_r2.literals.no)("p-label-on", ctx_r2.literals.yes)("p-size", ctx_r2.componentsSize);
 } }
 function PoPageJobSchedulerExecutionComponent_ng_template_12_po_lookup_0_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
@@ -8390,10 +8705,10 @@ function PoPageJobSchedulerExecutionComponent_ng_template_12_po_lookup_0_Templat
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r2.value.processID);
-    i0.ɵɵproperty("p-disabled", ctx_r2.isEdit)("p-filter-service", ctx_r2.poPageJobSchedulerLookup)("p-label", ctx_r2.literals.process)("p-placeholder", ctx_r2.literals.enterProcess);
+    i0.ɵɵproperty("p-disabled", ctx_r2.isEdit)("p-filter-service", ctx_r2.poPageJobSchedulerLookup)("p-label", ctx_r2.literals.process)("p-placeholder", ctx_r2.literals.enterProcess)("p-size", ctx_r2.componentsSize);
 } }
 function PoPageJobSchedulerExecutionComponent_ng_template_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, PoPageJobSchedulerExecutionComponent_ng_template_12_po_lookup_0_Template, 1, 5, "po-lookup", 19);
+    i0.ɵɵtemplate(0, PoPageJobSchedulerExecutionComponent_ng_template_12_po_lookup_0_Template, 1, 6, "po-lookup", 19);
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngIf", ctx_r2.noParameters && ctx_r2.noCustomParamsComponent);
@@ -8406,7 +8721,7 @@ function PoPageJobSchedulerExecutionComponent_ng_template_14_Template(rf, ctx) {
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵtwoWayProperty("ngModel", ctx_r2.value.processID);
-    i0.ɵɵproperty("p-disabled", ctx_r2.isEdit)("p-label", ctx_r2.literals.process)("p-placeholder", ctx_r2.literals.enterProcess);
+    i0.ɵɵproperty("p-disabled", ctx_r2.isEdit)("p-label", ctx_r2.literals.process)("p-placeholder", ctx_r2.literals.enterProcess)("p-size", ctx_r2.componentsSize);
 } }
 function PoPageJobSchedulerExecutionComponent_ng_template_16_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
@@ -8436,7 +8751,7 @@ function PoPageJobSchedulerExecutionComponent_ng_template_18_Template(rf, ctx) {
     i0.ɵɵproperty("ngTemplateOutlet", inputHourTemplate_r7);
     i0.ɵɵadvance();
     i0.ɵɵtwoWayProperty("ngModel", ctx_r2.value.daysOfWeek);
-    i0.ɵɵproperty("p-label", ctx_r2.literals.weekDays)("p-options", ctx_r2.weekDays);
+    i0.ɵɵproperty("p-label", ctx_r2.literals.weekDays)("p-options", ctx_r2.weekDays)("p-size", ctx_r2.componentsSize);
 } }
 function PoPageJobSchedulerExecutionComponent_ng_template_20_po_number_1_Template(rf, ctx) { if (rf & 1) {
     const _r10 = i0.ɵɵgetCurrentView();
@@ -8446,7 +8761,7 @@ function PoPageJobSchedulerExecutionComponent_ng_template_20_po_number_1_Templat
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r2.value.rangeLimitDay);
-    i0.ɵɵproperty("p-error-pattern", "Dia inv\u00E1lido")("p-label", ctx_r2.literals.endDay)("p-max", 31)("p-pattern", ctx_r2.dayPattern);
+    i0.ɵɵproperty("p-error-pattern", "Dia inv\u00E1lido")("p-label", ctx_r2.literals.endDay)("p-max", 31)("p-pattern", ctx_r2.dayPattern)("p-size", ctx_r2.componentsSize);
 } }
 function PoPageJobSchedulerExecutionComponent_ng_template_20_ng_container_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
@@ -8456,12 +8771,12 @@ function PoPageJobSchedulerExecutionComponent_ng_template_20_Template(rf, ctx) {
     i0.ɵɵelementStart(0, "po-number", 23);
     i0.ɵɵtwoWayListener("ngModelChange", function PoPageJobSchedulerExecutionComponent_ng_template_20_Template_po_number_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r2 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r2.value.dayOfMonth, $event) || (ctx_r2.value.dayOfMonth = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(1, PoPageJobSchedulerExecutionComponent_ng_template_20_po_number_1_Template, 1, 5, "po-number", 24)(2, PoPageJobSchedulerExecutionComponent_ng_template_20_ng_container_2_Template, 1, 0, "ng-container", 15);
+    i0.ɵɵtemplate(1, PoPageJobSchedulerExecutionComponent_ng_template_20_po_number_1_Template, 1, 6, "po-number", 24)(2, PoPageJobSchedulerExecutionComponent_ng_template_20_ng_container_2_Template, 1, 0, "ng-container", 15);
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     const inputHourTemplate_r7 = i0.ɵɵreference(23);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r2.value.dayOfMonth);
-    i0.ɵɵproperty("p-error-pattern", "Dia inv\u00E1lido")("p-label", ctx_r2.dayLabel)("p-max", 31)("p-pattern", ctx_r2.dayPattern);
+    i0.ɵɵproperty("p-error-pattern", "Dia inv\u00E1lido")("p-label", ctx_r2.dayLabel)("p-max", 31)("p-pattern", ctx_r2.dayPattern)("p-size", ctx_r2.componentsSize);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r2.containsFrequency);
     i0.ɵɵadvance();
@@ -8475,18 +8790,18 @@ function PoPageJobSchedulerExecutionComponent_ng_template_22_po_input_1_Template
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r2.value.rangeLimitHour);
-    i0.ɵɵproperty("p-label", ctx_r2.literals.endTime)("p-pattern", ctx_r2.timePattern);
+    i0.ɵɵproperty("p-label", ctx_r2.literals.endTime)("p-pattern", ctx_r2.timePattern)("p-size", ctx_r2.componentsSize);
 } }
 function PoPageJobSchedulerExecutionComponent_ng_template_22_Template(rf, ctx) { if (rf & 1) {
     const _r11 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "po-input", 26);
     i0.ɵɵtwoWayListener("ngModelChange", function PoPageJobSchedulerExecutionComponent_ng_template_22_Template_po_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r2 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r2.value.hour, $event) || (ctx_r2.value.hour = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(1, PoPageJobSchedulerExecutionComponent_ng_template_22_po_input_1_Template, 1, 3, "po-input", 27);
+    i0.ɵɵtemplate(1, PoPageJobSchedulerExecutionComponent_ng_template_22_po_input_1_Template, 1, 4, "po-input", 27);
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵtwoWayProperty("ngModel", ctx_r2.value.hour);
-    i0.ɵɵproperty("p-label", ctx_r2.hourLabel)("p-pattern", ctx_r2.timePattern);
+    i0.ɵɵproperty("p-label", ctx_r2.hourLabel)("p-pattern", ctx_r2.timePattern)("p-size", ctx_r2.componentsSize);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r2.containsFrequency && ctx_r2.value.frequency.type !== "day");
 } }
@@ -8498,6 +8813,7 @@ class PoPageJobSchedulerExecutionComponent {
     dailyTemplate;
     monthlyTemplate;
     weeklyTempalte;
+    componentsSize;
     isEdit = false;
     literals = {};
     noParameters = true;
@@ -8628,7 +8944,7 @@ class PoPageJobSchedulerExecutionComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dailyTemplate = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.monthlyTemplate = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.weeklyTempalte = _t.first);
-        } }, inputs: { isEdit: [0, "p-is-edit", "isEdit"], literals: [0, "p-literals", "literals"], noParameters: [0, "p-no-parameters", "noParameters"], noCustomParamsComponent: [0, "p-no-custom-params-component", "noCustomParamsComponent"], value: [0, "p-value", "value"] }, outputs: { changeProcess: "p-change-process" }, standalone: false, decls: 24, vars: 16, consts: [["formExecution", "ngForm"], ["lookupProcessesID", ""], ["inputProcessesID", ""], ["dailyTemplate", ""], ["weeklyTemplate", ""], ["monthlyTemplate", ""], ["inputHourTemplate", ""], [1, "po-row"], [4, "ngIf", "ngIfThen", "ngIfElse"], [1, "po-md-12", 3, "p-label"], ["name", "firstExecution", "p-placeholder", "dd/mm/aaaa", "p-required", "", 1, "po-md-4", 3, "ngModelChange", "ngModel", "p-disabled", "p-label", "p-min-date"], ["name", "firstExecutionHour", "p-mask", "99:99", "p-mask-format-model", "", "p-placeholder", "HH:mm", "p-required", "", 1, "po-md-2", 3, "ngModelChange", "ngModel", "p-disabled", "p-label", "p-pattern"], ["name", "periodicity", "p-columns", "4", "p-required", "", 1, "po-sm-12", 3, "ngModelChange", "p-change", "ngModel", "p-label", "p-options"], [4, "ngIf"], ["name", "containsFrequency", 1, "po-md-12", 3, "ngModelChange", "p-change", "ngModel", "p-label", "p-label-off", "p-label-on"], [4, "ngTemplateOutlet"], ["name", "recurrent", 1, "po-md-3", 3, "ngModelChange", "ngModel", "p-label", "p-label-off", "p-label-on"], ["name", "frequencyType", "p-required", "", 1, "po-md-10", 3, "ngModelChange", "p-change", "ngModel", "p-columns", "p-options"], ["name", "frequencyValue", "p-required", "", 1, "po-md-2", 3, "ngModelChange", "ngModel"], ["class", "po-md-12", "name", "processID", "p-field-label", "description", "p-field-value", "processID", "p-required", "", 3, "ngModel", "p-disabled", "p-filter-service", "p-label", "p-placeholder", "ngModelChange", 4, "ngIf"], ["name", "processID", "p-field-label", "description", "p-field-value", "processID", "p-required", "", 1, "po-md-12", 3, "ngModelChange", "ngModel", "p-disabled", "p-filter-service", "p-label", "p-placeholder"], ["name", "processID", "p-required", "", 1, "po-md-12", 3, "ngModelChange", "ngModel", "p-disabled", "p-label", "p-placeholder"], ["name", "daysOfWeek", "p-columns", "4", "p-required", "", 1, "po-md-12", 3, "ngModelChange", "ngModel", "p-label", "p-options"], ["name", "dayOfMonth", "p-required", "", 1, "po-md-3", 3, "ngModelChange", "ngModel", "p-error-pattern", "p-label", "p-max", "p-pattern"], ["class", "po-md-3", "name", "rangeLimitDay", "p-required", "", 3, "ngModel", "p-error-pattern", "p-label", "p-max", "p-pattern", "ngModelChange", 4, "ngIf"], ["name", "rangeLimitDay", "p-required", "", 1, "po-md-3", 3, "ngModelChange", "ngModel", "p-error-pattern", "p-label", "p-max", "p-pattern"], ["name", "hour", "p-mask", "99:99", "p-mask-format-model", "", "p-placeholder", "HH:mm", "p-required", "", 1, "po-md-2", 3, "ngModelChange", "ngModel", "p-label", "p-pattern"], ["class", "po-md-2", "name", "rangeLimitHour", "p-mask", "99:99", "p-mask-format-model", "", "p-placeholder", "HH:mm", "p-required", "", 3, "ngModel", "p-label", "p-pattern", "ngModelChange", 4, "ngIf"], ["name", "rangeLimitHour", "p-mask", "99:99", "p-mask-format-model", "", "p-placeholder", "HH:mm", "p-required", "", 1, "po-md-2", 3, "ngModelChange", "ngModel", "p-label", "p-pattern"]], template: function PoPageJobSchedulerExecutionComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { componentsSize: [0, "p-components-size", "componentsSize"], isEdit: [0, "p-is-edit", "isEdit"], literals: [0, "p-literals", "literals"], noParameters: [0, "p-no-parameters", "noParameters"], noCustomParamsComponent: [0, "p-no-custom-params-component", "noCustomParamsComponent"], value: [0, "p-value", "value"] }, outputs: { changeProcess: "p-change-process" }, standalone: false, decls: 24, vars: 19, consts: [["formExecution", "ngForm"], ["lookupProcessesID", ""], ["inputProcessesID", ""], ["dailyTemplate", ""], ["weeklyTemplate", ""], ["monthlyTemplate", ""], ["inputHourTemplate", ""], [1, "po-row"], [4, "ngIf", "ngIfThen", "ngIfElse"], [1, "po-md-12", 3, "p-label"], ["name", "firstExecution", "p-placeholder", "dd/mm/aaaa", "p-required", "", 1, "po-md-4", 3, "ngModelChange", "ngModel", "p-disabled", "p-label", "p-min-date", "p-size"], ["name", "firstExecutionHour", "p-mask", "99:99", "p-mask-format-model", "", "p-placeholder", "HH:mm", "p-required", "", 1, "po-md-2", 3, "ngModelChange", "ngModel", "p-disabled", "p-label", "p-pattern", "p-size"], ["name", "periodicity", "p-columns", "4", "p-required", "", 1, "po-sm-12", 3, "ngModelChange", "p-change", "ngModel", "p-label", "p-options", "p-size"], [4, "ngIf"], ["name", "containsFrequency", 1, "po-md-12", 3, "ngModelChange", "p-change", "ngModel", "p-label", "p-label-off", "p-label-on", "p-size"], [4, "ngTemplateOutlet"], ["name", "recurrent", 1, "po-md-3", 3, "ngModelChange", "ngModel", "p-label", "p-label-off", "p-label-on", "p-size"], ["name", "frequencyType", "p-required", "", 1, "po-md-10", 3, "ngModelChange", "p-change", "ngModel", "p-columns", "p-options", "p-size"], ["name", "frequencyValue", "p-required", "", 1, "po-md-2", 3, "ngModelChange", "p-size", "ngModel"], ["class", "po-md-12", "name", "processID", "p-field-label", "description", "p-field-value", "processID", "p-required", "", 3, "ngModel", "p-disabled", "p-filter-service", "p-label", "p-placeholder", "p-size", "ngModelChange", 4, "ngIf"], ["name", "processID", "p-field-label", "description", "p-field-value", "processID", "p-required", "", 1, "po-md-12", 3, "ngModelChange", "ngModel", "p-disabled", "p-filter-service", "p-label", "p-placeholder", "p-size"], ["name", "processID", "p-required", "", 1, "po-md-12", 3, "ngModelChange", "ngModel", "p-disabled", "p-label", "p-placeholder", "p-size"], ["name", "daysOfWeek", "p-columns", "4", "p-required", "", 1, "po-md-12", 3, "ngModelChange", "ngModel", "p-label", "p-options", "p-size"], ["name", "dayOfMonth", "p-required", "", 1, "po-md-3", 3, "ngModelChange", "ngModel", "p-error-pattern", "p-label", "p-max", "p-pattern", "p-size"], ["class", "po-md-3", "name", "rangeLimitDay", "p-required", "", 3, "ngModel", "p-error-pattern", "p-label", "p-max", "p-pattern", "p-size", "ngModelChange", 4, "ngIf"], ["name", "rangeLimitDay", "p-required", "", 1, "po-md-3", 3, "ngModelChange", "ngModel", "p-error-pattern", "p-label", "p-max", "p-pattern", "p-size"], ["name", "hour", "p-mask", "99:99", "p-mask-format-model", "", "p-placeholder", "HH:mm", "p-required", "", 1, "po-md-2", 3, "ngModelChange", "ngModel", "p-label", "p-pattern", "p-size"], ["class", "po-md-2", "name", "rangeLimitHour", "p-mask", "99:99", "p-mask-format-model", "", "p-placeholder", "HH:mm", "p-required", "", 3, "ngModel", "p-label", "p-pattern", "p-size", "ngModelChange", 4, "ngIf"], ["name", "rangeLimitHour", "p-mask", "99:99", "p-mask-format-model", "", "p-placeholder", "HH:mm", "p-required", "", 1, "po-md-2", 3, "ngModelChange", "ngModel", "p-label", "p-pattern", "p-size"]], template: function PoPageJobSchedulerExecutionComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "form", null, 0)(2, "div", 7);
             i0.ɵɵtemplate(3, PoPageJobSchedulerExecutionComponent_ng_container_3_Template, 1, 0, "ng-container", 8);
@@ -8646,9 +8962,9 @@ class PoPageJobSchedulerExecutionComponent {
             i0.ɵɵtwoWayListener("ngModelChange", function PoPageJobSchedulerExecutionComponent_Template_po_radio_group_ngModelChange_10_listener($event) { i0.ɵɵrestoreView(_r1); i0.ɵɵtwoWayBindingSet(ctx.value.periodicity, $event) || (ctx.value.periodicity = $event); return i0.ɵɵresetView($event); });
             i0.ɵɵlistener("p-change", function PoPageJobSchedulerExecutionComponent_Template_po_radio_group_p_change_10_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onChangePeriodicityOptions($event)); });
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(11, PoPageJobSchedulerExecutionComponent_ng_container_11_Template, 9, 11, "ng-container", 13);
+            i0.ɵɵtemplate(11, PoPageJobSchedulerExecutionComponent_ng_container_11_Template, 9, 13, "ng-container", 13);
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(12, PoPageJobSchedulerExecutionComponent_ng_template_12_Template, 1, 1, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor)(14, PoPageJobSchedulerExecutionComponent_ng_template_14_Template, 1, 4, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor)(16, PoPageJobSchedulerExecutionComponent_ng_template_16_Template, 1, 1, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor)(18, PoPageJobSchedulerExecutionComponent_ng_template_18_Template, 3, 4, "ng-template", null, 4, i0.ɵɵtemplateRefExtractor)(20, PoPageJobSchedulerExecutionComponent_ng_template_20_Template, 3, 7, "ng-template", null, 5, i0.ɵɵtemplateRefExtractor)(22, PoPageJobSchedulerExecutionComponent_ng_template_22_Template, 2, 4, "ng-template", null, 6, i0.ɵɵtemplateRefExtractor);
+            i0.ɵɵtemplate(12, PoPageJobSchedulerExecutionComponent_ng_template_12_Template, 1, 1, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor)(14, PoPageJobSchedulerExecutionComponent_ng_template_14_Template, 1, 5, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor)(16, PoPageJobSchedulerExecutionComponent_ng_template_16_Template, 1, 1, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor)(18, PoPageJobSchedulerExecutionComponent_ng_template_18_Template, 3, 5, "ng-template", null, 4, i0.ɵɵtemplateRefExtractor)(20, PoPageJobSchedulerExecutionComponent_ng_template_20_Template, 3, 8, "ng-template", null, 5, i0.ɵɵtemplateRefExtractor)(22, PoPageJobSchedulerExecutionComponent_ng_template_22_Template, 2, 5, "ng-template", null, 6, i0.ɵɵtemplateRefExtractor);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             const lookupProcessesID_r13 = i0.ɵɵreference(13);
@@ -8659,20 +8975,20 @@ class PoPageJobSchedulerExecutionComponent {
             i0.ɵɵproperty("p-label", ctx.literals.firstExecution);
             i0.ɵɵadvance();
             i0.ɵɵtwoWayProperty("ngModel", ctx.value.firstExecution);
-            i0.ɵɵproperty("p-disabled", ctx.isEdit)("p-label", ctx.literals.day)("p-min-date", ctx.startDateFirstExecution);
+            i0.ɵɵproperty("p-disabled", ctx.isEdit)("p-label", ctx.literals.day)("p-min-date", ctx.startDateFirstExecution)("p-size", ctx.componentsSize);
             i0.ɵɵadvance();
             i0.ɵɵtwoWayProperty("ngModel", ctx.value.firstExecutionHour);
-            i0.ɵɵproperty("p-disabled", ctx.isEdit)("p-label", ctx.literals.time)("p-pattern", ctx.timePattern);
+            i0.ɵɵproperty("p-disabled", ctx.isEdit)("p-label", ctx.literals.time)("p-pattern", ctx.timePattern)("p-size", ctx.componentsSize);
             i0.ɵɵadvance(3);
             i0.ɵɵtwoWayProperty("ngModel", ctx.value.periodicity);
-            i0.ɵɵproperty("p-label", ctx.literals.periodicity)("p-options", ctx.periodicityOptions);
+            i0.ɵɵproperty("p-label", ctx.literals.periodicity)("p-options", ctx.periodicityOptions)("p-size", ctx.componentsSize);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.value.periodicity !== "single");
-        } }, dependencies: [i4.NgIf, i4.NgTemplateOutlet, i5.ɵNgNoValidate, i5.NgControlStatus, i5.NgControlStatusGroup, i5.NgModel, i5.NgForm, i2.PoDividerComponent, i2.PoCheckboxGroupComponent, i2.PoRadioGroupComponent, i2.PoDatepickerComponent, i2.PoInputComponent, i2.PoLookupComponent, i2.PoNumberComponent, i2.PoSwitchComponent], encapsulation: 2 });
+        } }, dependencies: [i4.NgIf, i4.NgTemplateOutlet, i5.ɵNgNoValidate, i5.NgControlStatus, i5.NgControlStatusGroup, i5.NgModel, i5.NgForm, i1.PoDividerComponent, i1.PoCheckboxGroupComponent, i1.PoRadioGroupComponent, i1.PoDatepickerComponent, i1.PoInputComponent, i1.PoLookupComponent, i1.PoNumberComponent, i1.PoSwitchComponent], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoPageJobSchedulerExecutionComponent, [{
         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    >\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    >\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-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-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-change)=\"onChangeFrequencyOptions()\"\n          >\n          </po-radio-group>\n\n          <po-number class=\"po-md-2\" name=\"frequencyValue\" p-required [(ngModel)]=\"value.frequency.value\"> </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        >\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    >\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    >\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    >\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    >\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    >\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    >\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    >\n    </po-input>\n  </ng-template>\n</form>\n" }]
+        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" }]
     }], () => [{ type: PoPageJobSchedulerService }, { type: PoPageJobSchedulerLookupService }], { form: [{
             type: ViewChild,
             args: ['formExecution', { static: true }]
@@ -8685,6 +9001,9 @@ class PoPageJobSchedulerExecutionComponent {
         }], weeklyTempalte: [{
             type: ViewChild,
             args: ['weeklyTemplate', { static: true }]
+        }], componentsSize: [{
+            type: Input,
+            args: ['p-components-size']
         }], isEdit: [{
             type: Input,
             args: ['p-is-edit']
@@ -8728,10 +9047,11 @@ function PoPageJobSchedulerParametersComponent_ng_template_3_Template(rf, ctx) {
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("p-fields", ctx_r0.parameters)("p-value", ctx_r0.value);
+    i0.ɵɵproperty("p-components-size", ctx_r0.componentsSize)("p-fields", ctx_r0.parameters)("p-value", ctx_r0.value);
 } }
 class PoPageJobSchedulerParametersComponent {
     form;
+    componentsSize;
     literals = {};
     parameters = [];
     value;
@@ -8751,20 +9071,23 @@ class PoPageJobSchedulerParametersComponent {
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.form = _t.first);
-        } }, inputs: { literals: [0, "p-literals", "literals"], parameters: [0, "p-parameters", "parameters"], value: [0, "p-value", "value"] }, outputs: { valueChange: "p-valueChange" }, standalone: false, decls: 5, vars: 3, consts: [["parametersNotFoundTemplate", ""], ["formFieldsTemplate", ""], ["parametersForm", "ngForm"], [4, "ngIf", "ngIfThen", "ngIfElse"], [1, "po-text-center"], ["p-icon", "ICON_INFO"], [1, "po-font-text-large"], ["p-group-form", "", 3, "p-fields", "p-value"]], template: function PoPageJobSchedulerParametersComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, PoPageJobSchedulerParametersComponent_ng_container_0_Template, 1, 0, "ng-container", 3)(1, PoPageJobSchedulerParametersComponent_ng_template_1_Template, 4, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(3, PoPageJobSchedulerParametersComponent_ng_template_3_Template, 3, 2, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
+        } }, inputs: { componentsSize: [0, "p-components-size", "componentsSize"], literals: [0, "p-literals", "literals"], parameters: [0, "p-parameters", "parameters"], value: [0, "p-value", "value"] }, outputs: { valueChange: "p-valueChange" }, standalone: false, decls: 5, vars: 3, consts: [["parametersNotFoundTemplate", ""], ["formFieldsTemplate", ""], ["parametersForm", "ngForm"], [4, "ngIf", "ngIfThen", "ngIfElse"], [1, "po-text-center"], ["p-icon", "ICON_INFO"], [1, "po-font-text-large"], ["p-group-form", "", 3, "p-components-size", "p-fields", "p-value"]], template: function PoPageJobSchedulerParametersComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, PoPageJobSchedulerParametersComponent_ng_container_0_Template, 1, 0, "ng-container", 3)(1, PoPageJobSchedulerParametersComponent_ng_template_1_Template, 4, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(3, PoPageJobSchedulerParametersComponent_ng_template_3_Template, 3, 3, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
         } if (rf & 2) {
             const parametersNotFoundTemplate_r2 = i0.ɵɵreference(2);
             const formFieldsTemplate_r3 = i0.ɵɵreference(4);
             i0.ɵɵproperty("ngIf", ctx.parameters && ctx.parameters.length)("ngIfThen", formFieldsTemplate_r3)("ngIfElse", parametersNotFoundTemplate_r2);
-        } }, dependencies: [i4.NgIf, i5.ɵNgNoValidate, i5.NgControlStatusGroup, i5.NgForm, i2.PoDynamicFormComponent, i2.PoIconComponent], encapsulation: 2 });
+        } }, dependencies: [i4.NgIf, i5.ɵNgNoValidate, i5.NgControlStatusGroup, i5.NgForm, i1.PoDynamicFormComponent, i1.PoIconComponent], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoPageJobSchedulerParametersComponent, [{
         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-fields]=\"parameters\" [p-value]=\"value\"> </po-dynamic-form>\n  </form>\n</ng-template>\n" }]
+        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" }]
     }], null, { form: [{
             type: ViewChild,
             args: ['parametersForm']
+        }], componentsSize: [{
+            type: Input,
+            args: ['p-components-size']
         }], literals: [{
             type: Input,
             args: ['p-literals']
@@ -8820,6 +9143,7 @@ function PoPageJobSchedulerSummaryComponent_div_8_Template(rf, ctx) { if (rf & 1
 } }
 class PoPageJobSchedulerSummaryComponent {
     datePipe;
+    componentsSize;
     literals = {};
     parameters = [];
     value = {};
@@ -8938,7 +9262,7 @@ class PoPageJobSchedulerSummaryComponent {
         });
     }
     static ɵfac = function PoPageJobSchedulerSummaryComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPageJobSchedulerSummaryComponent)(i0.ɵɵdirectiveInject(i4.DatePipe)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoPageJobSchedulerSummaryComponent, selectors: [["po-page-job-scheduler-summary"]], inputs: { literals: [0, "p-literals", "literals"], parameters: [0, "p-parameters", "parameters"], value: [0, "p-value", "value"], noParameters: [0, "p-no-parameters", "noParameters"], jobSchedulerSummaryTemplate: [0, "p-summary-template", "jobSchedulerSummaryTemplate"] }, standalone: false, decls: 9, vars: 14, consts: [[1, "po-md-12"], [3, "p-label", "p-orientation", "p-value", 4, "ngIf"], [3, "p-label", "p-orientation", "p-value"], ["class", "po-pt-1 po-pb-1 po-md-12", 3, "p-title", 4, "ngIf"], ["class", "po-pt-1 po-pb-1 po-md-12", 4, "ngIf"], [1, "po-pt-1", "po-pb-1", "po-md-12", 3, "p-title"], [3, "p-fields", "p-value"], [1, "po-pt-1", "po-pb-1", "po-md-12"], [3, "ngTemplateOutlet"]], template: function PoPageJobSchedulerSummaryComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoPageJobSchedulerSummaryComponent, selectors: [["po-page-job-scheduler-summary"]], inputs: { componentsSize: [0, "p-components-size", "componentsSize"], literals: [0, "p-literals", "literals"], parameters: [0, "p-parameters", "parameters"], value: [0, "p-value", "value"], noParameters: [0, "p-no-parameters", "noParameters"], jobSchedulerSummaryTemplate: [0, "p-summary-template", "jobSchedulerSummaryTemplate"] }, standalone: false, decls: 9, vars: 14, consts: [[1, "po-md-12"], [3, "p-label", "p-orientation", "p-value", 4, "ngIf"], [3, "p-label", "p-orientation", "p-value"], ["class", "po-pt-1 po-pb-1 po-md-12", 3, "p-title", 4, "ngIf"], ["class", "po-pt-1 po-pb-1 po-md-12", 4, "ngIf"], [1, "po-pt-1", "po-pb-1", "po-md-12", 3, "p-title"], [3, "p-fields", "p-value"], [1, "po-pt-1", "po-pb-1", "po-md-12"], [3, "ngTemplateOutlet"]], template: function PoPageJobSchedulerSummaryComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵtemplate(1, PoPageJobSchedulerSummaryComponent_po_info_1_Template, 1, 3, "po-info", 1);
             i0.ɵɵelement(2, "po-info", 2);
@@ -8963,12 +9287,15 @@ class PoPageJobSchedulerSummaryComponent {
             i0.ɵɵproperty("ngIf", ctx.parameters && ctx.parameters.length && !ctx.jobSchedulerSummaryTemplate);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.jobSchedulerSummaryTemplate);
-        } }, dependencies: [i4.NgIf, i4.NgTemplateOutlet, i2.PoDynamicViewComponent, i2.PoInfoComponent, i2.PoWidgetComponent], encapsulation: 2 });
+        } }, dependencies: [i4.NgIf, i4.NgTemplateOutlet, i1.PoDynamicViewComponent, i1.PoInfoComponent, i1.PoWidgetComponent], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoPageJobSchedulerSummaryComponent, [{
         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" }]
-    }], () => [{ type: i4.DatePipe }], { literals: [{
+    }], () => [{ type: i4.DatePipe }], { componentsSize: [{
+            type: Input,
+            args: ['p-components-size']
+        }], literals: [{
             type: Input,
             args: ['p-literals']
         }], parameters: [{
@@ -8996,14 +9323,14 @@ function PoPageJobSchedulerComponent_po_page_job_scheduler_parameters_9_Template
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("hidden", ctx_r2.step !== ctx_r2.stepParameters)("p-literals", ctx_r2.literals)("p-parameters", ctx_r2.parameters || i0.ɵɵpureFunction0(4, _c2));
+    i0.ɵɵproperty("hidden", ctx_r2.step !== ctx_r2.stepParameters)("p-components-size", ctx_r2.componentsSize)("p-literals", ctx_r2.literals)("p-parameters", ctx_r2.parameters || i0.ɵɵpureFunction0(5, _c2));
     i0.ɵɵtwoWayProperty("p-value", ctx_r2.model.executionParameter);
 } }
 function PoPageJobSchedulerComponent_po_page_job_scheduler_summary_10_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "po-page-job-scheduler-summary", 12);
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("p-no-parameters", !ctx_r2.parameters.length)("p-summary-template", ctx_r2.jobSchedulerSummaryTemplate)("p-literals", ctx_r2.literals)("p-parameters", ctx_r2.parameters)("p-value", ctx_r2.publicValues);
+    i0.ɵɵproperty("p-no-parameters", !ctx_r2.parameters.length)("p-summary-template", ctx_r2.jobSchedulerSummaryTemplate)("p-components-size", ctx_r2.componentsSize)("p-literals", ctx_r2.literals)("p-parameters", ctx_r2.parameters)("p-value", ctx_r2.publicValues);
 } }
 function PoPageJobSchedulerComponent_ng_container_11_ng_template_2_Template(rf, ctx) { }
 function PoPageJobSchedulerComponent_ng_container_11_Template(rf, ctx) { if (rf & 1) {
@@ -9042,6 +9369,7 @@ class PoPageJobSchedulerComponent extends PoPageJobSchedulerBaseComponent {
     activatedRoute;
     poDialogService;
     poNotification;
+    poThemeService;
     poPageJobSchedulerService;
     schedulerExecution;
     schedulerParameters;
@@ -9079,12 +9407,13 @@ class PoPageJobSchedulerComponent extends PoPageJobSchedulerBaseComponent {
     stepParameters = 2;
     stepSummary = 3;
     _stepExecutionLast;
-    constructor(poPageDynamicLookupService, activatedRoute, poDialogService, poNotification, poPageJobSchedulerService, languageService) {
-        super(poPageJobSchedulerService);
+    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;
         this.poPageJobSchedulerService = poPageJobSchedulerService;
         const language = languageService.getShortLanguage();
         this.literals = {
@@ -9326,7 +9655,7 @@ class PoPageJobSchedulerComponent extends PoPageJobSchedulerBaseComponent {
         }
         return this.templateHasDisable();
     }
-    static ɵfac = function PoPageJobSchedulerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPageJobSchedulerComponent)(i0.ɵɵdirectiveInject(PoPageJobSchedulerLookupService), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(i2.PoDialogService), i0.ɵɵdirectiveInject(i2.PoNotificationService), i0.ɵɵdirectiveInject(PoPageJobSchedulerService), i0.ɵɵdirectiveInject(i2.PoLanguageService)); };
+    static ɵfac = function PoPageJobSchedulerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPageJobSchedulerComponent)(i0.ɵɵdirectiveInject(PoPageJobSchedulerLookupService), i0.ɵɵdirectiveInject(i1$2.ActivatedRoute), i0.ɵɵdirectiveInject(i1.PoDialogService), i0.ɵɵdirectiveInject(i1.PoNotificationService), i0.ɵɵdirectiveInject(i1.PoThemeService), i0.ɵɵdirectiveInject(PoPageJobSchedulerService), i0.ɵɵdirectiveInject(i1.PoLanguageService)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoPageJobSchedulerComponent, selectors: [["po-page-job-scheduler"]], contentQueries: function PoPageJobSchedulerComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
             i0.ɵɵcontentQuery(dirIndex, PoJobSchedulerSummaryTemplateDirective, 5);
             i0.ɵɵcontentQuery(dirIndex, PoJobSchedulerParametersTemplateDirective, 4);
@@ -9341,7 +9670,7 @@ class PoPageJobSchedulerComponent extends PoPageJobSchedulerBaseComponent {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.schedulerExecution = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.schedulerParameters = _t.first);
-        } }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 12, vars: 17, consts: [["formScheduler", "ngForm"], ["schedulerExecution", ""], ["schedulerParameters", ""], [3, "p-actions", "p-breadcrumb", "p-title"], [1, "po-row"], ["p-sequential", "true", 3, "p-change-step", "ngClass", "p-orientation", "p-step", "p-steps"], [3, "ngClass"], [1, "po-md-12", 3, "p-change-process", "p-no-parameters", "p-no-custom-params-component", "hidden", "p-is-edit", "p-literals", "p-value"], ["class", "po-md-12", 3, "hidden", "p-literals", "p-parameters", "p-value", "p-valueChange", 4, "ngIf"], ["class", "po-md-12", 3, "p-no-parameters", "p-summary-template", "p-literals", "p-parameters", "p-value", 4, "ngIf"], [4, "ngFor", "ngForOf"], [1, "po-md-12", 3, "p-valueChange", "hidden", "p-literals", "p-parameters", "p-value"], [1, "po-md-12", 3, "p-no-parameters", "p-summary-template", "p-literals", "p-parameters", "p-value"], [3, "hidden"], [3, "ngTemplateOutlet"]], template: function PoPageJobSchedulerComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 12, vars: 19, consts: [["formScheduler", "ngForm"], ["schedulerExecution", ""], ["schedulerParameters", ""], [3, "p-actions", "p-breadcrumb", "p-components-size", "p-title"], [1, "po-row"], ["p-sequential", "true", 3, "p-change-step", "ngClass", "p-orientation", "p-step", "p-steps"], [3, "ngClass"], [1, "po-md-12", 3, "p-change-process", "p-no-parameters", "p-no-custom-params-component", "hidden", "p-components-size", "p-is-edit", "p-literals", "p-value"], ["class", "po-md-12", 3, "hidden", "p-components-size", "p-literals", "p-parameters", "p-value", "p-valueChange", 4, "ngIf"], ["class", "po-md-12", 3, "p-no-parameters", "p-summary-template", "p-components-size", "p-literals", "p-parameters", "p-value", 4, "ngIf"], [4, "ngFor", "ngForOf"], [1, "po-md-12", 3, "p-valueChange", "hidden", "p-components-size", "p-literals", "p-parameters", "p-value"], [1, "po-md-12", 3, "p-no-parameters", "p-summary-template", "p-components-size", "p-literals", "p-parameters", "p-value"], [3, "hidden"], [3, "ngTemplateOutlet"]], template: function PoPageJobSchedulerComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "po-page-default", 3)(1, "div", 4)(2, "po-stepper", 5);
             i0.ɵɵlistener("p-change-step", function PoPageJobSchedulerComponent_Template_po_stepper_p_change_step_2_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.nextStep($event)); });
@@ -9349,30 +9678,30 @@ class PoPageJobSchedulerComponent extends PoPageJobSchedulerBaseComponent {
             i0.ɵɵelementStart(3, "po-container", 6)(4, "form", null, 0)(6, "div", 4)(7, "po-page-job-scheduler-execution", 7, 1);
             i0.ɵɵlistener("p-change-process", function PoPageJobSchedulerComponent_Template_po_page_job_scheduler_execution_p_change_process_7_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onChangeProcess($event)); });
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(9, PoPageJobSchedulerComponent_po_page_job_scheduler_parameters_9_Template, 2, 5, "po-page-job-scheduler-parameters", 8)(10, PoPageJobSchedulerComponent_po_page_job_scheduler_summary_10_Template, 1, 5, "po-page-job-scheduler-summary", 9);
+            i0.ɵɵtemplate(9, PoPageJobSchedulerComponent_po_page_job_scheduler_parameters_9_Template, 2, 6, "po-page-job-scheduler-parameters", 8)(10, PoPageJobSchedulerComponent_po_page_job_scheduler_summary_10_Template, 1, 6, "po-page-job-scheduler-summary", 9);
             i0.ɵɵelementEnd()();
             i0.ɵɵtemplate(11, PoPageJobSchedulerComponent_ng_container_11_Template, 3, 2, "ng-container", 10);
             i0.ɵɵelementEnd()()();
         } if (rf & 2) {
-            i0.ɵɵproperty("p-actions", ctx.jobSchedulerActions)("p-breadcrumb", ctx.breadcrumb)("p-title", ctx.title);
+            i0.ɵɵproperty("p-actions", ctx.jobSchedulerActions)("p-breadcrumb", ctx.breadcrumb)("p-components-size", ctx.componentsSize)("p-title", ctx.title);
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.stepperDefaultOrientation === "horizontal" ? "po-lg-12 po-xl-12" : "po-lg-3 po-xl-2")("p-orientation", ctx.stepperOrientation)("p-step", ctx.step)("p-steps", ctx.steps);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.stepperDefaultOrientation === "horizontal" ? "po-lg-12 po-xl-12" : "po-lg-8 po-xl-6");
             i0.ɵɵadvance(4);
-            i0.ɵɵproperty("p-no-parameters", ctx.parametersEmpty)("p-no-custom-params-component", !ctx.parametersTemplate.length)("hidden", ctx.step !== ctx.stepExecution)("p-is-edit", ctx.isEdit)("p-literals", ctx.literals)("p-value", ctx.model);
+            i0.ɵɵproperty("p-no-parameters", ctx.parametersEmpty)("p-no-custom-params-component", !ctx.parametersTemplate.length)("hidden", ctx.step !== ctx.stepExecution)("p-components-size", ctx.componentsSize)("p-is-edit", ctx.isEdit)("p-literals", ctx.literals)("p-value", ctx.model);
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngIf", ctx.stepParametersInitialized && !ctx.parametersTemplate.length);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.step === ctx.stepSummary);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngForOf", ctx.parametersTemplate);
-        } }, dependencies: [i4.NgClass, i4.NgForOf, i4.NgIf, i4.NgTemplateOutlet, i5.ɵNgNoValidate, i5.NgControlStatusGroup, i5.NgForm, i2.PoContainerComponent, i2.PoPageDefaultComponent, i2.PoStepperComponent, PoPageJobSchedulerExecutionComponent, PoPageJobSchedulerParametersComponent, PoPageJobSchedulerSummaryComponent], styles: ["po-container .po-container{overflow-y:unset}\n"], encapsulation: 2 });
+        } }, dependencies: [i4.NgClass, i4.NgForOf, i4.NgIf, i4.NgTemplateOutlet, i5.ɵNgNoValidate, i5.NgControlStatusGroup, i5.NgForm, i1.PoContainerComponent, i1.PoPageDefaultComponent, i1.PoStepperComponent, PoPageJobSchedulerExecutionComponent, PoPageJobSchedulerParametersComponent, PoPageJobSchedulerSummaryComponent], styles: ["po-container .po-container{overflow-y:unset}\n"], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoPageJobSchedulerComponent, [{
         type: Component,
-        args: [{ selector: 'po-page-job-scheduler', encapsulation: ViewEncapsulation.None, standalone: false, template: "<po-page-default [p-actions]=\"jobSchedulerActions\" [p-breadcrumb]=\"breadcrumb\" [p-title]=\"title\">\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-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-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-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"] }]
-    }], () => [{ type: PoPageJobSchedulerLookupService }, { type: i1$1.ActivatedRoute }, { type: i2.PoDialogService }, { type: i2.PoNotificationService }, { type: PoPageJobSchedulerService }, { type: i2.PoLanguageService }], { 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          <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"] }]
+    }], () => [{ type: PoPageJobSchedulerLookupService }, { type: i1$2.ActivatedRoute }, { type: i1.PoDialogService }, { type: i1.PoNotificationService }, { type: i1.PoThemeService }, { type: PoPageJobSchedulerService }, { type: i1.PoLanguageService }], { schedulerExecution: [{
             type: ViewChild,
             args: ['schedulerExecution', { static: true }]
         }], schedulerParameters: [{
@@ -9385,7 +9714,7 @@ class PoPageJobSchedulerComponent extends PoPageJobSchedulerBaseComponent {
             type: ContentChild,
             args: [PoJobSchedulerSummaryTemplateDirective]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoPageJobSchedulerComponent, { className: "PoPageJobSchedulerComponent", filePath: "lib/components/po-page-job-scheduler/po-page-job-scheduler.component.ts", lineNumber: 65 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoPageJobSchedulerComponent, { className: "PoPageJobSchedulerComponent", filePath: "lib/components/po-page-job-scheduler/po-page-job-scheduler.component.ts", lineNumber: 66 }); })();
 
 class PoPageJobSchedulerModule {
     static ɵfac = function PoPageJobSchedulerModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPageJobSchedulerModule)(); };
@@ -9494,7 +9823,7 @@ class PoPageLoginService {
             return this.http.post(url, loginForm, { headers });
         }
     }
-    static ɵfac = function PoPageLoginService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPageLoginService)(i0.ɵɵinject(i1.HttpClient)); };
+    static ɵfac = function PoPageLoginService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPageLoginService)(i0.ɵɵinject(i1$1.HttpClient)); };
     static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: PoPageLoginService, factory: PoPageLoginService.ɵfac, providedIn: 'root' });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoPageLoginService, [{
@@ -9502,7 +9831,7 @@ class PoPageLoginService {
         args: [{
                 providedIn: 'root'
             }]
-    }], () => [{ type: i1.HttpClient }], null); })();
+    }], () => [{ type: i1$1.HttpClient }], null); })();
 
 const poPageLoginContentMaxLength = 40;
 const poPageLoginLiteralsDefault = {
@@ -9651,6 +9980,7 @@ const poPageLoginLiteralIn = {
  * ```
  */
 class PoPageLoginBaseComponent {
+    poThemeService;
     loginService;
     router;
     poLanguageService;
@@ -9820,6 +10150,7 @@ class PoPageLoginBaseComponent {
     _authenticationType = PoPageLoginAuthenticationType.Basic;
     _authenticationUrl;
     _blockedUrl;
+    _componentsSize = undefined;
     _contactEmail;
     _customField;
     _environment;
@@ -9835,6 +10166,26 @@ class PoPageLoginBaseComponent {
     _registerUrl;
     _support;
     _languagesList;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o tamanho dos componentes de formulário no template:
+     * - `small`: aplica a medida small de cada componente (disponível apenas para acessibilidade AA).
+     * - `medium`: aplica a medida medium de cada componente.
+     *
+     * > Caso a acessibilidade AA não esteja configurada, o tamanho `medium` será mantido.
+     * Para mais detalhes, consulte a documentação do [po-theme](https://po-ui.io/documentation/po-theme).
+     *
+     * @default `medium`
+     */
+    set componentsSize(value) {
+        this._componentsSize = validateSize(value, this.poThemeService);
+    }
+    get componentsSize() {
+        return this._componentsSize ?? getDefaultSize(this.poThemeService);
+    }
     /**
      * @optional
      *
@@ -10421,7 +10772,8 @@ class PoPageLoginBaseComponent {
             ...this.literals
         };
     }
-    constructor(loginService, router, poLanguageService) {
+    constructor(poThemeService, loginService, router, poLanguageService) {
+        this.poThemeService = poThemeService;
         this.loginService = loginService;
         this.router = router;
         this.poLanguageService = poLanguageService;
@@ -10495,12 +10847,12 @@ class PoPageLoginBaseComponent {
             this.blockedUrl = '';
         }
     }
-    static ɵfac = function PoPageLoginBaseComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPageLoginBaseComponent)(i0.ɵɵdirectiveInject(PoPageLoginService), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(i2.PoLanguageService)); };
-    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoPageLoginBaseComponent, inputs: { background: [0, "p-background", "background"], logo: [0, "p-logo", "logo"], loginPattern: [0, "p-login-pattern", "loginPattern"], passwordPattern: [0, "p-password-pattern", "passwordPattern"], secondaryLogo: [0, "p-secondary-logo", "secondaryLogo"], noAutocompleteLogin: [0, "p-no-autocomplete-login", "noAutocompleteLogin"], noAutocompletePassword: [0, "p-no-autocomplete-password", "noAutocompletePassword"], hideLabelStatus: [2, "p-hide-label-status", "hideLabelStatus", convertToBoolean], hidePasswordPeek: [0, "p-hide-password-peek", "hidePasswordPeek"], customField: [0, "p-custom-field", "customField"], contactEmail: [0, "p-contact-email", "contactEmail"], productName: [0, "p-product-name", "productName"], environment: [0, "p-environment", "environment"], exceededAttemptsWarning: [0, "p-exceeded-attempts-warning", "exceededAttemptsWarning"], hideRememberUser: [0, "p-hide-remember-user", "hideRememberUser"], literals: [0, "p-literals", "literals"], loading: [0, "p-loading", "loading"], login: [0, "p-login", "login"], loginErrors: [0, "p-login-errors", "loginErrors"], passwordErrors: [0, "p-password-errors", "passwordErrors"], recovery: [0, "p-recovery", "recovery"], registerUrl: [0, "p-register-url", "registerUrl"], authenticationType: [0, "p-authentication-type", "authenticationType"], authenticationUrl: [0, "p-authentication-url", "authenticationUrl"], blockedUrl: [0, "p-blocked-url", "blockedUrl"], support: [0, "p-support", "support"], languagesList: [0, "p-languages", "languagesList"] }, outputs: { loginChange: "p-login-change", loginSubmit: "p-login-submit", passwordChange: "p-password-change", languageChange: "p-language-change" }, features: [i0.ɵɵInputTransformsFeature] });
+    static ɵfac = function PoPageLoginBaseComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPageLoginBaseComponent)(i0.ɵɵdirectiveInject(i1.PoThemeService), i0.ɵɵdirectiveInject(PoPageLoginService), i0.ɵɵdirectiveInject(i1$2.Router), i0.ɵɵdirectiveInject(i1.PoLanguageService)); };
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoPageLoginBaseComponent, inputs: { background: [0, "p-background", "background"], logo: [0, "p-logo", "logo"], loginPattern: [0, "p-login-pattern", "loginPattern"], passwordPattern: [0, "p-password-pattern", "passwordPattern"], secondaryLogo: [0, "p-secondary-logo", "secondaryLogo"], noAutocompleteLogin: [0, "p-no-autocomplete-login", "noAutocompleteLogin"], noAutocompletePassword: [0, "p-no-autocomplete-password", "noAutocompletePassword"], hideLabelStatus: [2, "p-hide-label-status", "hideLabelStatus", convertToBoolean], hidePasswordPeek: [0, "p-hide-password-peek", "hidePasswordPeek"], componentsSize: [0, "p-components-size", "componentsSize"], customField: [0, "p-custom-field", "customField"], contactEmail: [0, "p-contact-email", "contactEmail"], productName: [0, "p-product-name", "productName"], environment: [0, "p-environment", "environment"], exceededAttemptsWarning: [0, "p-exceeded-attempts-warning", "exceededAttemptsWarning"], hideRememberUser: [0, "p-hide-remember-user", "hideRememberUser"], literals: [0, "p-literals", "literals"], loading: [0, "p-loading", "loading"], login: [0, "p-login", "login"], loginErrors: [0, "p-login-errors", "loginErrors"], passwordErrors: [0, "p-password-errors", "passwordErrors"], recovery: [0, "p-recovery", "recovery"], registerUrl: [0, "p-register-url", "registerUrl"], authenticationType: [0, "p-authentication-type", "authenticationType"], authenticationUrl: [0, "p-authentication-url", "authenticationUrl"], blockedUrl: [0, "p-blocked-url", "blockedUrl"], support: [0, "p-support", "support"], languagesList: [0, "p-languages", "languagesList"] }, outputs: { loginChange: "p-login-change", loginSubmit: "p-login-submit", passwordChange: "p-password-change", languageChange: "p-language-change" }, features: [i0.ɵɵInputTransformsFeature] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoPageLoginBaseComponent, [{
         type: Directive
-    }], () => [{ type: PoPageLoginService }, { type: i1$1.Router }, { type: i2.PoLanguageService }], { background: [{
+    }], () => [{ type: i1.PoThemeService }, { type: PoPageLoginService }, { type: i1$2.Router }, { type: i1.PoLanguageService }], { background: [{
             type: Input,
             args: ['p-background']
         }], logo: [{
@@ -10539,6 +10891,9 @@ class PoPageLoginBaseComponent {
         }], hidePasswordPeek: [{
             type: Input,
             args: ['p-hide-password-peek']
+        }], componentsSize: [{
+            type: Input,
+            args: ['p-components-size']
         }], customField: [{
             type: Input,
             args: ['p-custom-field']
@@ -10706,7 +11061,7 @@ class PoPageLoginPopoverComponent {
             i0.ɵɵtextInterpolate1(" ", ctx.literals == null ? null : ctx.literals.createANewPasswordNow, " ");
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.recovery);
-        } }, dependencies: [i4.NgIf, i1$1.RouterLink, i2.PoI18nPipe], encapsulation: 2 });
+        } }, dependencies: [i4.NgIf, i1$2.RouterLink, i1.PoI18nPipe], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoPageLoginPopoverComponent, [{
         type: Component,
@@ -10800,7 +11155,7 @@ function PoPageLoginComponent_po_input_28_Template(rf, ctx) { if (rf & 1) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵclassProp("po-page-login-field-size-dynamic", !ctx_r1.pageLoginLiterals.loginHint && !ctx_r1.pageLoginLiterals.rememberUserHint);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.customFieldObject.value);
-    i0.ɵɵproperty("p-error-pattern", ctx_r1.customFieldObject.errorPattern || ctx_r1.pageLoginLiterals.customFieldErrorPattern)("p-pattern", ctx_r1.customFieldObject.pattern)("p-placeholder", ctx_r1.customFieldObject.placeholder || ctx_r1.pageLoginLiterals.customFieldPlaceholder);
+    i0.ɵɵproperty("p-error-pattern", ctx_r1.customFieldObject.errorPattern || ctx_r1.pageLoginLiterals.customFieldErrorPattern)("p-pattern", ctx_r1.customFieldObject.pattern)("p-placeholder", ctx_r1.customFieldObject.placeholder || ctx_r1.pageLoginLiterals.customFieldPlaceholder)("p-size", ctx_r1.componentsSize);
 } }
 function PoPageLoginComponent_po_combo_29_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
@@ -10811,7 +11166,7 @@ function PoPageLoginComponent_po_combo_29_Template(rf, ctx) { if (rf & 1) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵclassProp("po-page-login-field-size-dynamic", !ctx_r1.pageLoginLiterals.loginHint && !ctx_r1.pageLoginLiterals.rememberUserHint);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.customFieldObject.value);
-    i0.ɵɵproperty("p-field-value", ctx_r1.customFieldObject.fieldValue)("p-filter-service", ctx_r1.customFieldObject.url)("p-placeholder", ctx_r1.customFieldObject.placeholder || ctx_r1.pageLoginLiterals.customFieldPlaceholder);
+    i0.ɵɵproperty("p-field-value", ctx_r1.customFieldObject.fieldValue)("p-filter-service", ctx_r1.customFieldObject.url)("p-placeholder", ctx_r1.customFieldObject.placeholder || ctx_r1.pageLoginLiterals.customFieldPlaceholder)("p-size", ctx_r1.componentsSize);
 } }
 function PoPageLoginComponent_po_select_30_Template(rf, ctx) { if (rf & 1) {
     const _r9 = i0.ɵɵgetCurrentView();
@@ -10822,7 +11177,7 @@ function PoPageLoginComponent_po_select_30_Template(rf, ctx) { if (rf & 1) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵclassProp("po-page-login-field-size-dynamic", !ctx_r1.pageLoginLiterals.loginHint && !ctx_r1.pageLoginLiterals.rememberUserHint);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.customFieldObject.value);
-    i0.ɵɵproperty("p-placeholder", ctx_r1.customFieldObject.placeholder || ctx_r1.pageLoginLiterals.customFieldPlaceholder)("p-options", ctx_r1.customFieldObject.options);
+    i0.ɵɵproperty("p-placeholder", ctx_r1.customFieldObject.placeholder || ctx_r1.pageLoginLiterals.customFieldPlaceholder)("p-options", ctx_r1.customFieldObject.options)("p-size", ctx_r1.componentsSize);
 } }
 function PoPageLoginComponent_div_32_div_2_po_icon_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "po-icon", 31);
@@ -10852,7 +11207,7 @@ function PoPageLoginComponent_div_32_Template(rf, ctx) { if (rf & 1) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.rememberUser);
-    i0.ɵɵproperty("p-label-off", ctx_r1.pageLoginLiterals.rememberUser)("p-label-on", ctx_r1.pageLoginLiterals.rememberUser)("p-hide-label-status", ctx_r1.hideLabelStatus);
+    i0.ɵɵproperty("p-label-off", ctx_r1.pageLoginLiterals.rememberUser)("p-label-on", ctx_r1.pageLoginLiterals.rememberUser)("p-size", ctx_r1.componentsSize)("p-hide-label-status", ctx_r1.hideLabelStatus);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r1.pageLoginLiterals.loginHint || ctx_r1.pageLoginLiterals.rememberUserHint);
 } }
@@ -10905,6 +11260,7 @@ function PoPageLoginComponent_div_35_Template(rf, ctx) { if (rf & 1) {
  * </example>
  */
 class PoPageLoginComponent extends PoPageLoginBaseComponent {
+    poThemeService;
     changeDetector;
     activatedRoute;
     poComponentInjector;
@@ -10914,8 +11270,9 @@ class PoPageLoginComponent extends PoPageLoginBaseComponent {
     componentRef = null;
     differ;
     customPasswordError = { custom: false };
-    constructor(changeDetector, activatedRoute, poComponentInjector, differs, loginService, router, poLanguageService) {
-        super(loginService, router, poLanguageService);
+    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;
@@ -11084,7 +11441,7 @@ class PoPageLoginComponent extends PoPageLoginBaseComponent {
         const language = this.languagesList.find(languageItem => languageItem.language === this.language);
         return language?.language || this.languagesList[0].language;
     }
-    static ɵfac = function PoPageLoginComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPageLoginComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(i2.PoComponentInjectorService), i0.ɵɵdirectiveInject(i0.IterableDiffers), i0.ɵɵdirectiveInject(PoPageLoginService), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(i2.PoLanguageService)); };
+    static ɵfac = function PoPageLoginComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoPageLoginComponent)(i0.ɵɵdirectiveInject(i1.PoThemeService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1$2.ActivatedRoute), i0.ɵɵdirectiveInject(i1.PoComponentInjectorService), i0.ɵɵdirectiveInject(i0.IterableDiffers), i0.ɵɵdirectiveInject(PoPageLoginService), i0.ɵɵdirectiveInject(i1$2.Router), i0.ɵɵdirectiveInject(i1.PoLanguageService)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PoPageLoginComponent, selectors: [["po-page-login"]], viewQuery: function PoPageLoginComponent_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(_c0, 7, NgForm);
             i0.ɵɵviewQuery(_c1, 7, ViewContainerRef);
@@ -11092,7 +11449,7 @@ class PoPageLoginComponent extends PoPageLoginBaseComponent {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.loginForm = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.pageLogin = _t.first);
-        } }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 36, vars: 42, consts: [["pageLogin", ""], ["loginForm", "ngForm"], [1, "po-page-login-support", 3, "click", "hidden"], ["p-icon", "ICON_HELP"], [3, "p-selected-language", "p-show-select-language", "p-languages", "p-initial-language", "p-background", "p-highlight-info", "p-logo", "p-secondary-logo"], [1, "po-page-login-header"], [1, "po-page-login-header-product-name"], [1, "po-page-login-header-product-environment", "po-mb-md-4", "po-mb-sm-1"], ["p-type", "warning", 3, "p-value", 4, "ngIf"], [1, "po-page-login-header-welcome", "po-mb-md-4", "po-mb-sm-2"], [1, "po-page-login-form"], [1, "po-row"], [1, "po-lg-12"], [1, "po-page-login-hint", "po-page-login-info-container"], ["name", "login", "p-auto-focus", "", "p-required", "", 1, "po-page-login-info-field", 3, "ngModelChange", "click", "keyup.enter", "p-change-model", "ngModel", "p-label", "p-no-autocomplete", "p-pattern", "p-placeholder"], ["class", "po-page-login-info-icon-container", 3, "po-page-login-info-icon-container-dynamic", 4, "ngIf"], [1, "po-field-container-bottom", "po-field-container-error-container"], ["class", "po-field-container-bottom-text-error po-field-container-error-item", 4, "ngFor", "ngForOf"], [1, "po-page-login-password-container"], ["name", "password", "p-required", "", 1, "po-page-login-field-size", "po-page-login-password-item", 3, "ngModelChange", "click", "keyup.enter", "p-change-model", "ngModel", "p-hide-password-peek", "p-label", "p-no-autocomplete", "p-pattern", "p-placeholder"], ["class", "po-page-login-password-item po-page-login-password-popover-container", 4, "ngIf"], ["class", "po-page-login-field-size po-lg-12", "name", "customFieldInput", "p-required", "", 3, "po-page-login-field-size-dynamic", "ngModel", "p-error-pattern", "p-pattern", "p-placeholder", "ngModelChange", "keyup.enter", 4, "ngIf"], ["class", "po-page-login-field-size po-lg-12", "name", "customFieldCombo", "p-required", "", 3, "po-page-login-field-size-dynamic", "ngModel", "p-field-value", "p-filter-service", "p-placeholder", "ngModelChange", 4, "ngIf"], ["class", "po-page-login-field-size po-lg-12", "name", "customFieldSelect", "p-required", "", 3, "po-page-login-field-size-dynamic", "ngModel", "p-placeholder", "p-options", "ngModelChange", 4, "ngIf"], ["class", "po-page-login-hint po-page-login-info-container", 4, "ngIf"], ["p-kind", "primary", 1, "po-lg-12", "po-page-login-button", "po-page-login-field-size", 3, "p-click", "p-disabled", "p-label", "p-loading"], ["class", "po-page-login-recovery-link", 4, "ngIf"], ["class", "po-page-login-register-link", 4, "ngIf"], ["p-type", "warning", 3, "p-value"], [1, "po-page-login-info-icon-container"], ["p-icon", "ICON_INFO po-field-icon", "p-tooltip-position", "right", 3, "p-tooltip", 4, "ngIf"], ["p-icon", "ICON_INFO po-field-icon", "p-tooltip-position", "right", 3, "p-tooltip"], [1, "po-field-container-bottom-text-error", "po-field-container-error-item"], ["p-icon", "ICON_EXCLAMATION"], [1, "po-field-container-error-text"], [1, "po-page-login-password-item", "po-page-login-password-popover-container"], [3, "p-literals", "p-recovery", "p-remaining-attempts", "p-forgot-password", 4, "ngIf"], [3, "p-forgot-password", "p-literals", "p-recovery", "p-remaining-attempts"], ["name", "customFieldInput", "p-required", "", 1, "po-page-login-field-size", "po-lg-12", 3, "ngModelChange", "keyup.enter", "ngModel", "p-error-pattern", "p-pattern", "p-placeholder"], ["name", "customFieldCombo", "p-required", "", 1, "po-page-login-field-size", "po-lg-12", 3, "ngModelChange", "ngModel", "p-field-value", "p-filter-service", "p-placeholder"], ["name", "customFieldSelect", "p-required", "", 1, "po-page-login-field-size", "po-lg-12", 3, "ngModelChange", "ngModel", "p-placeholder", "p-options"], ["name", "rememberUser", "p-label-position", "1", 1, "po-page-login-info-field", "po-lg-7", "po-offset-lg-5", "po-offset-xl-5", 3, "ngModelChange", "keyup.enter", "ngModel", "p-label-off", "p-label-on", "p-hide-label-status"], ["class", "po-page-login-info-icon-container po-page-login-info-icon-remember-user", 3, "po-page-login-info-icon-container-dynamic", 4, "ngIf"], [1, "po-page-login-info-icon-container", "po-page-login-info-icon-remember-user"], [1, "po-page-login-recovery-link"], [1, "po-font-text-large-bold", 3, "click"], [1, "po-page-login-register-link"]], template: function PoPageLoginComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 36, vars: 46, consts: [["pageLogin", ""], ["loginForm", "ngForm"], [1, "po-page-login-support", 3, "click", "hidden"], ["p-icon", "ICON_HELP"], [3, "p-selected-language", "p-components-size", "p-show-select-language", "p-languages", "p-initial-language", "p-background", "p-highlight-info", "p-logo", "p-secondary-logo"], [1, "po-page-login-header"], [1, "po-page-login-header-product-name"], [1, "po-page-login-header-product-environment", "po-mb-md-4", "po-mb-sm-1"], ["p-type", "warning", 3, "p-value", 4, "ngIf"], [1, "po-page-login-header-welcome", "po-mb-md-4", "po-mb-sm-2"], [1, "po-page-login-form"], [1, "po-row"], [1, "po-lg-12"], [1, "po-page-login-hint", "po-page-login-info-container"], ["name", "login", "p-auto-focus", "", "p-required", "", 1, "po-page-login-info-field", 3, "ngModelChange", "click", "keyup.enter", "p-change-model", "ngModel", "p-label", "p-no-autocomplete", "p-pattern", "p-placeholder", "p-size"], ["class", "po-page-login-info-icon-container", 3, "po-page-login-info-icon-container-dynamic", 4, "ngIf"], [1, "po-field-container-bottom", "po-field-container-error-container"], ["class", "po-field-container-bottom-text-error po-field-container-error-item", 4, "ngFor", "ngForOf"], [1, "po-page-login-password-container"], ["name", "password", "p-required", "", 1, "po-page-login-field-size", "po-page-login-password-item", 3, "ngModelChange", "click", "keyup.enter", "p-change-model", "ngModel", "p-hide-password-peek", "p-label", "p-no-autocomplete", "p-pattern", "p-placeholder", "p-size"], ["class", "po-page-login-password-item po-page-login-password-popover-container", 4, "ngIf"], ["class", "po-page-login-field-size po-lg-12", "name", "customFieldInput", "p-required", "", 3, "po-page-login-field-size-dynamic", "ngModel", "p-error-pattern", "p-pattern", "p-placeholder", "p-size", "ngModelChange", "keyup.enter", 4, "ngIf"], ["class", "po-page-login-field-size po-lg-12", "name", "customFieldCombo", "p-required", "", 3, "po-page-login-field-size-dynamic", "ngModel", "p-field-value", "p-filter-service", "p-placeholder", "p-size", "ngModelChange", 4, "ngIf"], ["class", "po-page-login-field-size po-lg-12", "name", "customFieldSelect", "p-required", "", 3, "po-page-login-field-size-dynamic", "ngModel", "p-placeholder", "p-options", "p-size", "ngModelChange", 4, "ngIf"], ["class", "po-page-login-hint po-page-login-info-container", 4, "ngIf"], ["p-kind", "primary", 1, "po-lg-12", "po-page-login-button", "po-page-login-field-size", 3, "p-click", "p-disabled", "p-label", "p-loading", "p-size"], ["class", "po-page-login-recovery-link", 4, "ngIf"], ["class", "po-page-login-register-link", 4, "ngIf"], ["p-type", "warning", 3, "p-value"], [1, "po-page-login-info-icon-container"], ["p-icon", "ICON_INFO po-field-icon", "p-tooltip-position", "right", 3, "p-tooltip", 4, "ngIf"], ["p-icon", "ICON_INFO po-field-icon", "p-tooltip-position", "right", 3, "p-tooltip"], [1, "po-field-container-bottom-text-error", "po-field-container-error-item"], ["p-icon", "ICON_EXCLAMATION"], [1, "po-field-container-error-text"], [1, "po-page-login-password-item", "po-page-login-password-popover-container"], [3, "p-literals", "p-recovery", "p-remaining-attempts", "p-forgot-password", 4, "ngIf"], [3, "p-forgot-password", "p-literals", "p-recovery", "p-remaining-attempts"], ["name", "customFieldInput", "p-required", "", 1, "po-page-login-field-size", "po-lg-12", 3, "ngModelChange", "keyup.enter", "ngModel", "p-error-pattern", "p-pattern", "p-placeholder", "p-size"], ["name", "customFieldCombo", "p-required", "", 1, "po-page-login-field-size", "po-lg-12", 3, "ngModelChange", "ngModel", "p-field-value", "p-filter-service", "p-placeholder", "p-size"], ["name", "customFieldSelect", "p-required", "", 1, "po-page-login-field-size", "po-lg-12", 3, "ngModelChange", "ngModel", "p-placeholder", "p-options", "p-size"], ["name", "rememberUser", "p-label-position", "1", 1, "po-page-login-info-field", "po-lg-7", "po-offset-lg-5", "po-offset-xl-5", 3, "ngModelChange", "keyup.enter", "ngModel", "p-label-off", "p-label-on", "p-size", "p-hide-label-status"], ["class", "po-page-login-info-icon-container po-page-login-info-icon-remember-user", 3, "po-page-login-info-icon-container-dynamic", 4, "ngIf"], [1, "po-page-login-info-icon-container", "po-page-login-info-icon-remember-user"], [1, "po-page-login-recovery-link"], [1, "po-font-text-large-bold", 3, "click"], [1, "po-page-login-register-link"]], template: function PoPageLoginComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "button", 2);
             i0.ɵɵlistener("click", function PoPageLoginComponent_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.activateSupport()); });
@@ -11128,9 +11485,9 @@ class PoPageLoginComponent extends PoPageLoginBaseComponent {
             i0.ɵɵelementStart(26, "div", 16);
             i0.ɵɵtemplate(27, PoPageLoginComponent_div_27_Template, 4, 1, "div", 17);
             i0.ɵɵelementEnd()();
-            i0.ɵɵtemplate(28, PoPageLoginComponent_po_input_28_Template, 1, 6, "po-input", 21)(29, PoPageLoginComponent_po_combo_29_Template, 1, 6, "po-combo", 22)(30, PoPageLoginComponent_po_select_30_Template, 1, 5, "po-select", 23);
+            i0.ɵɵtemplate(28, PoPageLoginComponent_po_input_28_Template, 1, 7, "po-input", 21)(29, PoPageLoginComponent_po_combo_29_Template, 1, 7, "po-combo", 22)(30, PoPageLoginComponent_po_select_30_Template, 1, 6, "po-select", 23);
             i0.ɵɵelementStart(31, "div", 12);
-            i0.ɵɵtemplate(32, PoPageLoginComponent_div_32_Template, 3, 5, "div", 24);
+            i0.ɵɵtemplate(32, PoPageLoginComponent_div_32_Template, 3, 6, "div", 24);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(33, "po-button", 25);
             i0.ɵɵlistener("p-click", function PoPageLoginComponent_Template_po_button_p_click_33_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onLoginSubmit()); });
@@ -11143,7 +11500,7 @@ class PoPageLoginComponent extends PoPageLoginBaseComponent {
             i0.ɵɵadvance(2);
             i0.ɵɵtextInterpolate1(" ", ctx.pageLoginLiterals == null ? null : ctx.pageLoginLiterals.support, "\n");
             i0.ɵɵadvance();
-            i0.ɵɵproperty("p-show-select-language", ctx.showLanguage)("p-languages", ctx.languagesList)("p-initial-language", ctx.initialSelectLanguage)("p-background", ctx.background)("p-highlight-info", ctx.pageLoginLiterals.highlightInfo)("p-logo", ctx.logo)("p-secondary-logo", ctx.secondaryLogo);
+            i0.ɵɵproperty("p-components-size", ctx.componentsSize)("p-show-select-language", ctx.showLanguage)("p-languages", ctx.languagesList)("p-initial-language", ctx.initialSelectLanguage)("p-background", ctx.background)("p-highlight-info", ctx.pageLoginLiterals.highlightInfo)("p-logo", ctx.logo)("p-secondary-logo", ctx.secondaryLogo);
             i0.ɵɵadvance(5);
             i0.ɵɵtextInterpolate(ctx.productName);
             i0.ɵɵadvance(2);
@@ -11153,7 +11510,7 @@ class PoPageLoginComponent extends PoPageLoginBaseComponent {
             i0.ɵɵadvance(6);
             i0.ɵɵclassProp("po-page-login-info-field-dynamic", !ctx.pageLoginLiterals.loginHint && !ctx.pageLoginLiterals.rememberUserHint);
             i0.ɵɵtwoWayProperty("ngModel", ctx.login);
-            i0.ɵɵproperty("p-label", ctx.pageLoginLiterals.loginLabel)("p-no-autocomplete", ctx.noAutocompleteLogin)("p-pattern", ctx.loginPattern)("p-placeholder", ctx.pageLoginLiterals.loginPlaceholder);
+            i0.ɵɵproperty("p-label", ctx.pageLoginLiterals.loginLabel)("p-no-autocomplete", ctx.noAutocompleteLogin)("p-pattern", ctx.loginPattern)("p-placeholder", ctx.pageLoginLiterals.loginPlaceholder)("p-size", ctx.componentsSize);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.pageLoginLiterals.loginHint || ctx.pageLoginLiterals.rememberUserHint);
             i0.ɵɵadvance(2);
@@ -11161,7 +11518,7 @@ class PoPageLoginComponent extends PoPageLoginBaseComponent {
             i0.ɵɵadvance(3);
             i0.ɵɵclassProp("po-page-login-field-size-dynamic", !ctx.pageLoginLiterals.loginHint && !ctx.pageLoginLiterals.rememberUserHint);
             i0.ɵɵtwoWayProperty("ngModel", ctx.password);
-            i0.ɵɵproperty("p-hide-password-peek", ctx.hidePasswordPeek)("p-label", ctx.pageLoginLiterals.passwordLabel)("p-no-autocomplete", ctx.noAutocompletePassword)("p-pattern", ctx.passwordPattern)("p-placeholder", ctx.pageLoginLiterals.passwordPlaceholder);
+            i0.ɵɵproperty("p-hide-password-peek", ctx.hidePasswordPeek)("p-label", ctx.pageLoginLiterals.passwordLabel)("p-no-autocomplete", ctx.noAutocompletePassword)("p-pattern", ctx.passwordPattern)("p-placeholder", ctx.pageLoginLiterals.passwordPlaceholder)("p-size", ctx.componentsSize);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.pageLoginLiterals.loginHint || ctx.pageLoginLiterals.rememberUserHint);
             i0.ɵɵadvance(2);
@@ -11176,17 +11533,17 @@ class PoPageLoginComponent extends PoPageLoginBaseComponent {
             i0.ɵɵproperty("ngIf", !ctx.hideRememberUser);
             i0.ɵɵadvance();
             i0.ɵɵclassProp("po-page-login-button-dynamic", !ctx.pageLoginLiterals.loginHint && !ctx.pageLoginLiterals.rememberUserHint);
-            i0.ɵɵproperty("p-disabled", loginForm_r3.invalid)("p-label", ctx.loading ? ctx.pageLoginLiterals.submittedLabel : ctx.pageLoginLiterals.submitLabel)("p-loading", ctx.loading);
+            i0.ɵɵproperty("p-disabled", loginForm_r3.invalid)("p-label", ctx.loading ? ctx.pageLoginLiterals.submittedLabel : ctx.pageLoginLiterals.submitLabel)("p-loading", ctx.loading)("p-size", ctx.componentsSize);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.recovery);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.registerUrl);
-        } }, dependencies: [i4.NgForOf, i4.NgIf, i5.ɵNgNoValidate, i5.NgControlStatus, i5.NgControlStatusGroup, i5.NgModel, i5.NgForm, PoPageBackgroundComponent, i2.PoButtonComponent, i2.PoComboComponent, i2.PoInputComponent, i2.PoLoginComponent, i2.PoPasswordComponent, i2.PoSelectComponent, i2.PoSwitchComponent, i2.PoTagComponent, i2.PoIconComponent, i2.PoTooltipDirective, PoPageLoginPopoverComponent], encapsulation: 2 });
+        } }, dependencies: [i4.NgForOf, i4.NgIf, i5.ɵNgNoValidate, i5.NgControlStatus, i5.NgControlStatusGroup, i5.NgModel, i5.NgForm, PoPageBackgroundComponent, i1.PoButtonComponent, i1.PoComboComponent, i1.PoInputComponent, i1.PoLoginComponent, i1.PoPasswordComponent, i1.PoSelectComponent, i1.PoSwitchComponent, i1.PoTagComponent, i1.PoIconComponent, i1.PoTooltipDirective, PoPageLoginPopoverComponent], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoPageLoginComponent, [{
         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-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            (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            (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        (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      >\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      >\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            (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-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" }]
-    }], () => [{ type: i0.ChangeDetectorRef }, { type: i1$1.ActivatedRoute }, { type: i2.PoComponentInjectorService }, { type: i0.IterableDiffers }, { type: PoPageLoginService }, { type: i1$1.Router }, { type: i2.PoLanguageService }], { 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      <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" }]
+    }], () => [{ 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 }], { loginForm: [{
             type: ViewChild,
             args: ['loginForm', { read: NgForm, static: true }]
         }], pageLogin: [{