@po-ui/ng-templates 21.4.0 → 21.6.0

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Directive, Input, Output, inject, Injectable, Component, ViewChild, NgModule, ChangeDetectorRef, ChangeDetectionStrategy, ViewContainerRef, ViewEncapsulation, ContentChildren, ContentChild, HostBinding, IterableDiffers } from '@angular/core';
+import { EventEmitter, Directive, Input, Output, HostBinding, HostListener, inject, Injectable, Component, ViewChild, NgModule, ChangeDetectorRef, ChangeDetectionStrategy, ViewContainerRef, ViewEncapsulation, ContentChildren, ContentChild, IterableDiffers } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule, DatePipe } from '@angular/common';
 import * as i2 from '@angular/forms';
@@ -499,7 +499,7 @@ function validateSizeFn(value) {
  * @returns `'small'` ou `'medium'`.
  */
 function getA11yDefaultSize() {
-    const defaultSize = localStorage.getItem('po-default-size');
+    const defaultSize = document.documentElement.getAttribute('data-default-size') || localStorage.getItem('po-default-size');
     const a11yLevel = document.documentElement.getAttribute('data-a11y');
     return defaultSize === 'small' && a11yLevel === 'AA' ? 'small' : 'medium';
 }
@@ -877,6 +877,7 @@ class PoModalPasswordRecoveryBaseComponent {
     smsCodeErrorMessage;
     literals = poModalPasswordRecoveryLiterals[poLocaleDefault];
     _componentsSize;
+    _initialComponentsSize;
     _contactEmail;
     _phoneMask = PoModalPasswordRecoveryDefaultPhone;
     _type = PoModalPasswordRecoveryTypeDefault;
@@ -895,7 +896,8 @@ class PoModalPasswordRecoveryBaseComponent {
      * @default `medium`
      */
     set componentsSize(value) {
-        this._componentsSize = validateSizeFn(value);
+        this._initialComponentsSize = value;
+        this.applySizeBasedOnA11y();
     }
     get componentsSize() {
         return this._componentsSize ?? getDefaultSizeFn();
@@ -954,6 +956,12 @@ class PoModalPasswordRecoveryBaseComponent {
             ...poModalPasswordRecoveryLiterals[languageService.getShortLanguage()]
         };
     }
+    onThemeChange() {
+        this.applySizeBasedOnA11y();
+    }
+    applySizeBasedOnA11y() {
+        this._componentsSize = validateSizeFn(this._initialComponentsSize);
+    }
     concatenateSMSErrorMessage(value) {
         const literalCodeErrorMessage = this.literals.smsCodeErrorMessagePhrase;
         return value && value !== ''
@@ -961,7 +969,7 @@ class PoModalPasswordRecoveryBaseComponent {
             : literalCodeErrorMessage;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: PoModalPasswordRecoveryBaseComponent, deps: [{ token: i3.PoLanguageService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.9", type: PoModalPasswordRecoveryBaseComponent, isStandalone: true, inputs: { codeError: ["p-code-error", "codeError"], urlRecovery: ["p-url-recovery", "urlRecovery"], componentsSize: ["p-components-size", "componentsSize"], contactEmail: ["p-contact-email", "contactEmail"], phoneMask: ["p-phone-mask", "phoneMask"], type: ["p-type", "type"] }, outputs: { codeSubmit: "p-code-submit", submit: "p-submit" }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.9", type: PoModalPasswordRecoveryBaseComponent, isStandalone: true, inputs: { codeError: ["p-code-error", "codeError"], urlRecovery: ["p-url-recovery", "urlRecovery"], componentsSize: ["p-components-size", "componentsSize"], contactEmail: ["p-contact-email", "contactEmail"], phoneMask: ["p-phone-mask", "phoneMask"], type: ["p-type", "type"] }, outputs: { codeSubmit: "p-code-submit", submit: "p-submit" }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-components-size": "this.componentsSize" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: PoModalPasswordRecoveryBaseComponent, decorators: [{
             type: Directive
@@ -980,6 +988,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
             }], componentsSize: [{
                 type: Input,
                 args: ['p-components-size']
+            }, {
+                type: HostBinding,
+                args: ['attr.p-components-size']
             }], contactEmail: [{
                 type: Input,
                 args: ['p-contact-email']
@@ -989,6 +1000,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
             }], type: [{
                 type: Input,
                 args: ['p-type']
+            }], onThemeChange: [{
+                type: HostListener,
+                args: ['window:PoUiThemeChange']
             }] } });
 
 class PoModalPasswordRecoveryService {
@@ -1341,6 +1355,7 @@ class PoPageBackgroundComponent {
     selectedLanguage = new EventEmitter();
     selectedLanguageOption;
     _componentsSize = undefined;
+    _initialComponentsSize = undefined;
     _showSelectLanguage = false;
     _languagesList;
     _selectLanguageOptions;
@@ -1359,7 +1374,8 @@ class PoPageBackgroundComponent {
      * @default `medium`
      */
     set componentsSize(value) {
-        this._componentsSize = validateSizeFn(value);
+        this._initialComponentsSize = value;
+        this.applySizeBasedOnA11y();
     }
     get componentsSize() {
         return this._componentsSize ?? getDefaultSizeFn();
@@ -1403,14 +1419,20 @@ class PoPageBackgroundComponent {
     get selectLanguageOptions() {
         return this._selectLanguageOptions;
     }
+    onThemeChange() {
+        this.applySizeBasedOnA11y();
+    }
     setLanguageOptions() {
         this._selectLanguageOptions = this.languagesList.map(language => ({
             label: language.description,
             value: language.language
         }));
     }
+    applySizeBasedOnA11y() {
+        this._componentsSize = validateSizeFn(this._initialComponentsSize);
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: PoPageBackgroundComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: PoPageBackgroundComponent, isStandalone: false, selector: "po-page-background", inputs: { background: ["p-background", "background"], initialSelectLanguage: ["p-initial-language", "initialSelectLanguage"], hideLogo: ["p-hide-logo", "hideLogo"], highlightInfo: ["p-highlight-info", "highlightInfo"], componentsSize: ["p-components-size", "componentsSize"], languagesList: ["p-languages", "languagesList"], logo: ["p-logo", "logo"], logoAlt: ["p-logo-alt", "logoAlt"], secondaryLogo: ["p-secondary-logo", "secondaryLogo"], showSelectLanguage: ["p-show-select-language", "showSelectLanguage"] }, outputs: { selectedLanguage: "p-selected-language" }, ngImport: i0, template: "<div class=\"po-page-login-container\">\n  <div class=\"po-page-login-panel\">\n    <div class=\"po-page-background-main-logo\" [class.po-page-background-hide-logo]=\"hideLogo\">\n      @if (logo) {\n        <po-logo\n          p-class=\"po-page-background-main-logo-image\"\n          [p-link]=\"false\"\n          [p-logo]=\"logo\"\n          [p-logo-alt]=\"logoAlt\"\n        ></po-logo>\n      }\n    </div>\n\n    <div class=\"po-page-login-body\">\n      <div class=\"po-page-login-panel-content\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n    <div class=\"po-page-background-footer po-sm-12\">\n      <po-divider class=\"po-page-background-footer-mobile-only\"></po-divider>\n\n      <div class=\"po-page-background-footer-content\">\n        @if (showSelectLanguage) {\n          <div class=\"po-page-background-footer-select\">\n            <po-select\n              name=\"selectedLanguageOption\"\n              [(ngModel)]=\"selectedLanguageOption\"\n              [p-options]=\"selectLanguageOptions\"\n              [p-size]=\"componentsSize\"\n              (p-change)=\"onChangeLanguage()\"\n            ></po-select>\n          </div>\n        }\n\n        <div\n          class=\"po-page-background-secondary-logo\"\n          [ngClass]=\"\n            showSelectLanguage\n              ? 'po-page-background-secondary-logo-right'\n              : 'po-page-background-secondary-logo-centered'\n          \"\n        >\n          @if (secondaryLogo) {\n            <po-logo\n              p-class=\"po-page-background-secondary-logo-image\"\n              [p-link]=\"false\"\n              [p-logo]=\"secondaryLogo\"\n              p-logo-alt=\"secondary-logomarca\"\n            ></po-logo>\n          }\n        </div>\n      </div>\n    </div>\n  </div>\n\n  @if (background) {\n    <div\n      [ngClass]=\"background ? 'po-page-login-highlight-image' : 'po-page-login-highlight-image-off'\"\n      [style.background-image]=\"'url(' + background + ')'\"\n    >\n      <div class=\"po-page-login-highlight-text\">\n        <div class=\"po-font-display\">{{ highlightInfo }}</div>\n      </div>\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.PoDividerComponent, selector: "po-divider" }, { kind: "component", type: i3.PoSelectComponent, selector: "po-select", inputs: ["p-readonly", "p-placeholder", "p-options", "p-field-label", "p-field-value", "p-control-value-with-label", "p-loading", "p-size", "p-helper", "p-label-text-wrap"], outputs: ["p-blur", "ngModelChange"] }, { kind: "component", type: i3.PoLogoComponent, selector: "po-logo", inputs: ["p-class", "p-link", "p-logo", "p-logo-alt"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: PoPageBackgroundComponent, isStandalone: false, selector: "po-page-background", inputs: { background: ["p-background", "background"], initialSelectLanguage: ["p-initial-language", "initialSelectLanguage"], hideLogo: ["p-hide-logo", "hideLogo"], highlightInfo: ["p-highlight-info", "highlightInfo"], componentsSize: ["p-components-size", "componentsSize"], languagesList: ["p-languages", "languagesList"], logo: ["p-logo", "logo"], logoAlt: ["p-logo-alt", "logoAlt"], secondaryLogo: ["p-secondary-logo", "secondaryLogo"], showSelectLanguage: ["p-show-select-language", "showSelectLanguage"] }, outputs: { selectedLanguage: "p-selected-language" }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-components-size": "this.componentsSize" } }, ngImport: i0, template: "<div class=\"po-page-login-container\">\n  <div class=\"po-page-login-panel\">\n    <div class=\"po-page-background-main-logo\" [class.po-page-background-hide-logo]=\"hideLogo\">\n      @if (logo) {\n        <po-logo\n          p-class=\"po-page-background-main-logo-image\"\n          [p-link]=\"false\"\n          [p-logo]=\"logo\"\n          [p-logo-alt]=\"logoAlt\"\n        ></po-logo>\n      }\n    </div>\n\n    <div class=\"po-page-login-body\">\n      <div class=\"po-page-login-panel-content\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n    <div class=\"po-page-background-footer po-sm-12\">\n      <po-divider class=\"po-page-background-footer-mobile-only\"></po-divider>\n\n      <div class=\"po-page-background-footer-content\">\n        @if (showSelectLanguage) {\n          <div class=\"po-page-background-footer-select\">\n            <po-select\n              name=\"selectedLanguageOption\"\n              [(ngModel)]=\"selectedLanguageOption\"\n              [p-options]=\"selectLanguageOptions\"\n              [p-size]=\"componentsSize\"\n              (p-change)=\"onChangeLanguage()\"\n            ></po-select>\n          </div>\n        }\n\n        <div\n          class=\"po-page-background-secondary-logo\"\n          [ngClass]=\"\n            showSelectLanguage\n              ? 'po-page-background-secondary-logo-right'\n              : 'po-page-background-secondary-logo-centered'\n          \"\n        >\n          @if (secondaryLogo) {\n            <po-logo\n              p-class=\"po-page-background-secondary-logo-image\"\n              [p-link]=\"false\"\n              [p-logo]=\"secondaryLogo\"\n              p-logo-alt=\"secondary-logomarca\"\n            ></po-logo>\n          }\n        </div>\n      </div>\n    </div>\n  </div>\n\n  @if (background) {\n    <div\n      [ngClass]=\"background ? 'po-page-login-highlight-image' : 'po-page-login-highlight-image-off'\"\n      [style.background-image]=\"'url(' + background + ')'\"\n    >\n      <div class=\"po-page-login-highlight-text\">\n        <div class=\"po-font-display\">{{ highlightInfo }}</div>\n      </div>\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.PoDividerComponent, selector: "po-divider" }, { kind: "component", type: i3.PoSelectComponent, selector: "po-select", inputs: ["p-readonly", "p-compact-label", "p-placeholder", "p-options", "p-field-label", "p-field-value", "p-control-value-with-label", "p-loading", "p-size", "p-helper", "p-label-text-wrap"], outputs: ["p-blur", "ngModelChange"] }, { kind: "component", type: i3.PoLogoComponent, selector: "po-logo", inputs: ["p-class", "p-link", "p-logo", "p-logo-alt"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: PoPageBackgroundComponent, decorators: [{
             type: Component,
@@ -1433,6 +1455,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
             }], componentsSize: [{
                 type: Input,
                 args: ['p-components-size']
+            }, {
+                type: HostBinding,
+                args: ['attr.p-components-size']
             }], languagesList: [{
                 type: Input,
                 args: ['p-languages']
@@ -1448,6 +1473,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
             }], showSelectLanguage: [{
                 type: Input,
                 args: ['p-show-select-language']
+            }], onThemeChange: [{
+                type: HostListener,
+                args: ['window:PoUiThemeChange']
             }] } });
 
 /**
@@ -1579,6 +1607,7 @@ class PoPageBlockedUserBaseComponent {
      */
     secondaryLogo;
     _componentsSize = undefined;
+    _initialComponentsSize = undefined;
     _params = { ...PoPageBlockedUserParamsDefault };
     _reason = PoPageBlockedUserReason.None;
     _urlBack = '/';
@@ -1597,11 +1626,15 @@ class PoPageBlockedUserBaseComponent {
      * @default `medium`
      */
     set componentsSize(value) {
-        this._componentsSize = validateSizeFn(value);
+        this._initialComponentsSize = value;
+        this.applySizeBasedOnA11y();
     }
     get componentsSize() {
         return this._componentsSize ?? getDefaultSizeFn();
     }
+    onThemeChange() {
+        this.applySizeBasedOnA11y();
+    }
     /**
      * @optional
      *
@@ -1673,8 +1706,11 @@ class PoPageBlockedUserBaseComponent {
     get urlBack() {
         return this._urlBack;
     }
+    applySizeBasedOnA11y() {
+        this._componentsSize = validateSizeFn(this._initialComponentsSize);
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: PoPageBlockedUserBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.9", type: PoPageBlockedUserBaseComponent, isStandalone: true, inputs: { contactEmail: ["p-contact-email", "contactEmail"], contactPhone: ["p-contact-phone", "contactPhone"], logo: ["p-logo", "logo"], secondaryLogo: ["p-secondary-logo", "secondaryLogo"], componentsSize: ["p-components-size", "componentsSize"], params: ["p-params", "params"], reason: ["p-reason", "reason"], urlBack: ["p-url-back", "urlBack"] }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.9", type: PoPageBlockedUserBaseComponent, isStandalone: true, inputs: { contactEmail: ["p-contact-email", "contactEmail"], contactPhone: ["p-contact-phone", "contactPhone"], logo: ["p-logo", "logo"], secondaryLogo: ["p-secondary-logo", "secondaryLogo"], componentsSize: ["p-components-size", "componentsSize"], params: ["p-params", "params"], reason: ["p-reason", "reason"], urlBack: ["p-url-back", "urlBack"] }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-components-size": "this.componentsSize" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: PoPageBlockedUserBaseComponent, decorators: [{
             type: Directive
@@ -1693,6 +1729,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
             }], componentsSize: [{
                 type: Input,
                 args: ['p-components-size']
+            }, {
+                type: HostBinding,
+                args: ['attr.p-components-size']
+            }], onThemeChange: [{
+                type: HostListener,
+                args: ['window:PoUiThemeChange']
             }], params: [{
                 type: Input,
                 args: ['p-params']
@@ -2245,6 +2287,7 @@ class PoPageChangePasswordBaseComponent {
     showRequirements;
     validatorChange;
     _componentsSize = undefined;
+    _initialComponentsSize = undefined;
     _hideCurrentPassword = false;
     _recovery;
     _requirements = [];
@@ -2264,7 +2307,8 @@ class PoPageChangePasswordBaseComponent {
      * @default `medium`
      */
     set componentsSize(value) {
-        this._componentsSize = validateSizeFn(value);
+        this._initialComponentsSize = value;
+        this.applySizeBasedOnA11y();
     }
     get componentsSize() {
         return this._componentsSize ?? getDefaultSizeFn();
@@ -2359,8 +2403,14 @@ class PoPageChangePasswordBaseComponent {
      * @default `true`
      */
     noAutocompletePassword = true;
+    onThemeChange() {
+        this.applySizeBasedOnA11y();
+    }
+    applySizeBasedOnA11y() {
+        this._componentsSize = validateSizeFn(this._initialComponentsSize);
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: PoPageChangePasswordBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.9", type: PoPageChangePasswordBaseComponent, isStandalone: true, inputs: { logo: ["p-logo", "logo"], secondaryLogo: ["p-secondary-logo", "secondaryLogo"], token: ["p-token", "token"], urlBack: ["p-url-back", "urlBack"], urlNewPassword: ["p-url-new-password", "urlNewPassword"], componentsSize: ["p-components-size", "componentsSize"], hideCurrentPassword: ["p-hide-current-password", "hideCurrentPassword"], recovery: ["p-recovery", "recovery"], requirements: ["p-requirements", "requirements"], urlHome: ["p-url-home", "urlHome"], noAutocompletePassword: ["p-no-autocomplete-password", "noAutocompletePassword"] }, outputs: { submit: "p-submit" }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.9", type: PoPageChangePasswordBaseComponent, isStandalone: true, inputs: { logo: ["p-logo", "logo"], secondaryLogo: ["p-secondary-logo", "secondaryLogo"], token: ["p-token", "token"], urlBack: ["p-url-back", "urlBack"], urlNewPassword: ["p-url-new-password", "urlNewPassword"], componentsSize: ["p-components-size", "componentsSize"], hideCurrentPassword: ["p-hide-current-password", "hideCurrentPassword"], recovery: ["p-recovery", "recovery"], requirements: ["p-requirements", "requirements"], urlHome: ["p-url-home", "urlHome"], noAutocompletePassword: ["p-no-autocomplete-password", "noAutocompletePassword"] }, outputs: { submit: "p-submit" }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-components-size": "this.componentsSize" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: PoPageChangePasswordBaseComponent, decorators: [{
             type: Directive
@@ -2385,6 +2435,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
             }], componentsSize: [{
                 type: Input,
                 args: ['p-components-size']
+            }, {
+                type: HostBinding,
+                args: ['attr.p-components-size']
             }], hideCurrentPassword: [{
                 type: Input,
                 args: ['p-hide-current-password']
@@ -2400,6 +2453,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
             }], noAutocompletePassword: [{
                 type: Input,
                 args: ['p-no-autocomplete-password']
+            }], onThemeChange: [{
+                type: HostListener,
+                args: ['window:PoUiThemeChange']
             }] } });
 
 class PoPageChangePasswordService {
@@ -3050,6 +3106,7 @@ class PoPageDynamicDetailComponent {
     _actions = {};
     _autoRouter = false;
     _componentsSize = undefined;
+    _initialComponentsSize = undefined;
     _duplicates = [];
     _fields = [];
     _keys = [];
@@ -3103,7 +3160,8 @@ class PoPageDynamicDetailComponent {
      * @default `medium`
      */
     set componentsSize(value) {
-        this._componentsSize = validateSizeFn(value);
+        this._initialComponentsSize = value;
+        this.applySizeBasedOnA11y();
     }
     get componentsSize() {
         return this._componentsSize ?? getDefaultSizeFn();
@@ -3146,6 +3204,12 @@ class PoPageDynamicDetailComponent {
     get pageActions() {
         return [...this._pageActions];
     }
+    onThemeChange() {
+        this.applySizeBasedOnA11y();
+    }
+    applySizeBasedOnA11y() {
+        this._componentsSize = validateSizeFn(this._initialComponentsSize);
+    }
     remove(actionRemove, actionBeforeRemove) {
         const uniqueKey = this.formatUniqueKey(this.model);
         this.subscriptions.push(this.poPageDynamicDetailActionsService
@@ -3344,7 +3408,7 @@ class PoPageDynamicDetailComponent {
         return this.poPageCustomizationService.getCustomOptions(onLoad, originalOption, pageOptionSchema);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: PoPageDynamicDetailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: PoPageDynamicDetailComponent, isStandalone: false, selector: "po-page-dynamic-detail", inputs: { breadcrumb: ["p-breadcrumb", "breadcrumb"], onLoad: ["p-load", "onLoad"], title: ["p-title", "title"], serviceApi: ["p-service-api", "serviceApi"], actions: ["p-actions", "actions"], autoRouter: ["p-auto-router", "autoRouter"], componentsSize: ["p-components-size", "componentsSize"], fields: ["p-fields", "fields"] }, providers: [PoPageDynamicService, PoPageDynamicDetailActionsService], ngImport: i0, template: "<po-page-default\n  [p-actions]=\"pageActions\"\n  [p-breadcrumb]=\"breadcrumb\"\n  [p-components-size]=\"componentsSize\"\n  [p-title]=\"title\"\n>\n  @if (model) {\n    <po-dynamic-view [p-components-size]=\"componentsSize\" [p-fields]=\"fields\" [p-value]=\"model\"> </po-dynamic-view>\n  } @else {\n    <po-widget [p-size]=\"componentsSize\">\n      <po-icon p-icon=\"ICON_INFO\"></po-icon>\n      <span class=\"po-font-text-large\">\n        {{ literals.registerNotFound }}\n      </span>\n    </po-widget>\n  }\n</po-page-default>\n", dependencies: [{ kind: "component", type: i3.PoDynamicViewComponent, selector: "po-dynamic-view" }, { kind: "component", type: i3.PoIconComponent, selector: "po-icon", inputs: ["p-icon"] }, { kind: "component", type: i3.PoPageDefaultComponent, selector: "po-page-default" }, { kind: "component", type: i3.PoWidgetComponent, selector: "po-widget" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: PoPageDynamicDetailComponent, isStandalone: false, selector: "po-page-dynamic-detail", inputs: { breadcrumb: ["p-breadcrumb", "breadcrumb"], onLoad: ["p-load", "onLoad"], title: ["p-title", "title"], serviceApi: ["p-service-api", "serviceApi"], actions: ["p-actions", "actions"], autoRouter: ["p-auto-router", "autoRouter"], componentsSize: ["p-components-size", "componentsSize"], fields: ["p-fields", "fields"] }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-components-size": "this.componentsSize" } }, providers: [PoPageDynamicService, PoPageDynamicDetailActionsService], ngImport: i0, template: "<po-page-default\n  [p-actions]=\"pageActions\"\n  [p-breadcrumb]=\"breadcrumb\"\n  [p-components-size]=\"componentsSize\"\n  [p-title]=\"title\"\n>\n  @if (model) {\n    <po-dynamic-view [p-components-size]=\"componentsSize\" [p-fields]=\"fields\" [p-value]=\"model\"> </po-dynamic-view>\n  } @else {\n    <po-widget [p-size]=\"componentsSize\">\n      <po-icon p-icon=\"ICON_INFO\"></po-icon>\n      <span class=\"po-font-text-large\">\n        {{ literals.registerNotFound }}\n      </span>\n    </po-widget>\n  }\n</po-page-default>\n", dependencies: [{ kind: "component", type: i3.PoDynamicViewComponent, selector: "po-dynamic-view" }, { kind: "component", type: i3.PoIconComponent, selector: "po-icon", inputs: ["p-icon"] }, { kind: "component", type: i3.PoPageDefaultComponent, selector: "po-page-default" }, { kind: "component", type: i3.PoWidgetComponent, selector: "po-widget" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: PoPageDynamicDetailComponent, decorators: [{
             type: Component,
@@ -3370,9 +3434,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
             }], componentsSize: [{
                 type: Input,
                 args: ['p-components-size']
+            }, {
+                type: HostBinding,
+                args: ['attr.p-components-size']
             }], fields: [{
                 type: Input,
                 args: ['p-fields']
+            }], onThemeChange: [{
+                type: HostListener,
+                args: ['window:PoUiThemeChange']
             }] } });
 
 /**
@@ -3786,6 +3856,7 @@ class PoPageDynamicEditComponent {
     subscriptions = [];
     _actions = {};
     _componentsSize = undefined;
+    _initialComponentsSize = undefined;
     _literals;
     _autoRouter = false;
     _controlFields = [];
@@ -3929,7 +4000,8 @@ class PoPageDynamicEditComponent {
      * @default `medium`
      */
     set componentsSize(value) {
-        this._componentsSize = validateSizeFn(value);
+        this._initialComponentsSize = value;
+        this.applySizeBasedOnA11y();
     }
     get componentsSize() {
         return this._componentsSize ?? getDefaultSizeFn();
@@ -3993,12 +4065,18 @@ class PoPageDynamicEditComponent {
     get pageActions() {
         return [...this._pageActions];
     }
+    applySizeBasedOnA11y() {
+        this._componentsSize = validateSizeFn(this._initialComponentsSize);
+    }
     get controlFields() {
         return this._controlFields;
     }
     get detailFields() {
         return this._detailFields;
     }
+    onThemeChange() {
+        this.applySizeBasedOnA11y();
+    }
     loadDataFromAPI() {
         const { serviceApi: serviceApiFromRoute, serviceMetadataApi, serviceLoadApi } = this.activatedRoute.snapshot.data;
         const { id } = this.activatedRoute.snapshot.params;
@@ -4305,7 +4383,7 @@ class PoPageDynamicEditComponent {
         return !!value && typeof value === 'object' && !Array.isArray(value);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: PoPageDynamicEditComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: PoPageDynamicEditComponent, isStandalone: false, selector: "po-page-dynamic-edit", inputs: { breadcrumb: ["p-breadcrumb", "breadcrumb"], serviceApi: ["p-service-api", "serviceApi"], title: ["p-title", "title"], onLoad: ["p-load", "onLoad"], onLoadData: ["p-load-data", "onLoadData"], actions: ["p-actions", "actions"], literals: ["p-literals", "literals"], notificationType: ["p-notification-type", "notificationType"], autoRouter: ["p-auto-router", "autoRouter"], fields: ["p-fields", "fields"], componentsSize: ["p-components-size", "componentsSize"] }, providers: [PoPageDynamicService], viewQueries: [{ propertyName: "dynamicForm", first: true, predicate: ["dynamicForm"], descendants: true }, { propertyName: "gridDetail", first: true, predicate: ["gridDetail"], descendants: true }], ngImport: i0, template: "<po-page-default\n  [p-actions]=\"pageActions\"\n  [p-breadcrumb]=\"breadcrumb\"\n  [p-components-size]=\"componentsSize\"\n  [p-title]=\"title\"\n>\n  @if (model) {\n    <po-dynamic-form #dynamicForm [p-components-size]=\"componentsSize\" [p-fields]=\"controlFields\" [p-value]=\"model\">\n    </po-dynamic-form>\n    @if (detailFields.length > 0) {\n      <div class=\"po-sm-12\">\n        <po-divider [p-label]=\"detailFields[0].divider\"></po-divider>\n        <div class=\"po-row po-mb-2\">\n          <po-button\n            [p-size]=\"componentsSize\"\n            [p-label]=\"literals.detailActionNew\"\n            (p-click)=\"detailActionNew()\"\n          ></po-button>\n        </div>\n        <po-grid\n          #gridDetail\n          [p-row-actions]=\"detailActions\"\n          [p-columns]=\"detailFields[0].detail.columns\"\n          [p-data]=\"model[detailFields[0].property]\"\n        >\n        </po-grid>\n      </div>\n    }\n  } @else {\n    <po-widget [p-size]=\"componentsSize\">\n      <po-icon p-icon=\"ICON_INFO\"></po-icon>\n      <span class=\"po-font-text-large\">\n        {{ literals.registerNotFound }}\n      </span>\n    </po-widget>\n  }\n</po-page-default>\n", dependencies: [{ kind: "component", type: i3.PoButtonComponent, selector: "po-button" }, { kind: "component", type: i3.PoDividerComponent, selector: "po-divider" }, { kind: "component", type: i3.PoDynamicFormComponent, selector: "po-dynamic-form" }, { kind: "component", type: i3.PoGridComponent, selector: "po-grid", inputs: ["p-row-actions", "p-data", "p-columns"] }, { kind: "component", type: i3.PoIconComponent, selector: "po-icon", inputs: ["p-icon"] }, { kind: "component", type: i3.PoPageDefaultComponent, selector: "po-page-default" }, { kind: "component", type: i3.PoWidgetComponent, selector: "po-widget" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: PoPageDynamicEditComponent, isStandalone: false, selector: "po-page-dynamic-edit", inputs: { breadcrumb: ["p-breadcrumb", "breadcrumb"], serviceApi: ["p-service-api", "serviceApi"], title: ["p-title", "title"], onLoad: ["p-load", "onLoad"], onLoadData: ["p-load-data", "onLoadData"], actions: ["p-actions", "actions"], literals: ["p-literals", "literals"], notificationType: ["p-notification-type", "notificationType"], autoRouter: ["p-auto-router", "autoRouter"], fields: ["p-fields", "fields"], componentsSize: ["p-components-size", "componentsSize"] }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-components-size": "this.componentsSize" } }, providers: [PoPageDynamicService], viewQueries: [{ propertyName: "dynamicForm", first: true, predicate: ["dynamicForm"], descendants: true }, { propertyName: "gridDetail", first: true, predicate: ["gridDetail"], descendants: true }], ngImport: i0, template: "<po-page-default\n  [p-actions]=\"pageActions\"\n  [p-breadcrumb]=\"breadcrumb\"\n  [p-components-size]=\"componentsSize\"\n  [p-title]=\"title\"\n>\n  @if (model) {\n    <po-dynamic-form #dynamicForm [p-components-size]=\"componentsSize\" [p-fields]=\"controlFields\" [p-value]=\"model\">\n    </po-dynamic-form>\n    @if (detailFields.length > 0) {\n      <div class=\"po-sm-12\">\n        <po-divider [p-label]=\"detailFields[0].divider\"></po-divider>\n        <div class=\"po-row po-mb-2\">\n          <po-button\n            [p-size]=\"componentsSize\"\n            [p-label]=\"literals.detailActionNew\"\n            (p-click)=\"detailActionNew()\"\n          ></po-button>\n        </div>\n        <po-grid\n          #gridDetail\n          [p-row-actions]=\"detailActions\"\n          [p-columns]=\"detailFields[0].detail.columns\"\n          [p-data]=\"model[detailFields[0].property]\"\n        >\n        </po-grid>\n      </div>\n    }\n  } @else {\n    <po-widget [p-size]=\"componentsSize\">\n      <po-icon p-icon=\"ICON_INFO\"></po-icon>\n      <span class=\"po-font-text-large\">\n        {{ literals.registerNotFound }}\n      </span>\n    </po-widget>\n  }\n</po-page-default>\n", dependencies: [{ kind: "component", type: i3.PoButtonComponent, selector: "po-button" }, { kind: "component", type: i3.PoDividerComponent, selector: "po-divider" }, { kind: "component", type: i3.PoDynamicFormComponent, selector: "po-dynamic-form" }, { kind: "component", type: i3.PoGridComponent, selector: "po-grid", inputs: ["p-row-actions", "p-data", "p-columns"] }, { kind: "component", type: i3.PoIconComponent, selector: "po-icon", inputs: ["p-icon"] }, { kind: "component", type: i3.PoPageDefaultComponent, selector: "po-page-default" }, { kind: "component", type: i3.PoWidgetComponent, selector: "po-widget" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: PoPageDynamicEditComponent, decorators: [{
             type: Component,
@@ -4349,6 +4427,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
             }], componentsSize: [{
                 type: Input,
                 args: ['p-components-size']
+            }, {
+                type: HostBinding,
+                args: ['attr.p-components-size']
+            }], onThemeChange: [{
+                type: HostListener,
+                args: ['window:PoUiThemeChange']
             }] } });
 
 /**
@@ -4476,6 +4560,7 @@ class PoAdvancedFilterBaseComponent {
     };
     optionsServiceChosenOptions = [];
     _componentsSize = undefined;
+    _initialComponentsSize = undefined;
     _filters = [];
     _literals;
     /**
@@ -4493,7 +4578,8 @@ class PoAdvancedFilterBaseComponent {
      * @default `medium`
      */
     set componentsSize(value) {
-        this._componentsSize = validateSizeFn(value);
+        this._initialComponentsSize = value;
+        this.applySizeBasedOnA11y();
     }
     get componentsSize() {
         return this._componentsSize ?? getDefaultSizeFn();
@@ -4529,6 +4615,12 @@ class PoAdvancedFilterBaseComponent {
     constructor(languageService) {
         this.language = languageService.getShortLanguage();
     }
+    onThemeChange() {
+        this.applySizeBasedOnA11y();
+    }
+    applySizeBasedOnA11y() {
+        this._componentsSize = validateSizeFn(this._initialComponentsSize);
+    }
     // Retorna os models dos campos preenchidos
     getValuesFromForm() {
         let optionServiceOptions;
@@ -4543,7 +4635,7 @@ class PoAdvancedFilterBaseComponent {
         return { filter: this.filter, optionsService: optionServiceOptions };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: PoAdvancedFilterBaseComponent, deps: [{ token: i3.PoLanguageService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.0.9", type: PoAdvancedFilterBaseComponent, isStandalone: true, inputs: { keepFilters: ["p-keep-filters", "keepFilters", convertToBoolean], componentsSize: ["p-components-size", "componentsSize"], filters: ["p-filters", "filters"], literals: ["p-literals", "literals"] }, outputs: { searchEvent: "p-search-event" }, viewQueries: [{ propertyName: "poModal", first: true, predicate: PoModalComponent, descendants: true, static: true }], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.0.9", type: PoAdvancedFilterBaseComponent, isStandalone: true, inputs: { keepFilters: ["p-keep-filters", "keepFilters", convertToBoolean], componentsSize: ["p-components-size", "componentsSize"], filters: ["p-filters", "filters"], literals: ["p-literals", "literals"] }, outputs: { searchEvent: "p-search-event" }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-components-size": "this.componentsSize" } }, viewQueries: [{ propertyName: "poModal", first: true, predicate: PoModalComponent, descendants: true, static: true }], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: PoAdvancedFilterBaseComponent, decorators: [{
             type: Directive
@@ -4559,12 +4651,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
             }], componentsSize: [{
                 type: Input,
                 args: ['p-components-size']
+            }, {
+                type: HostBinding,
+                args: ['attr.p-components-size']
             }], filters: [{
                 type: Input,
                 args: ['p-filters']
             }], literals: [{
                 type: Input,
                 args: ['p-literals']
+            }], onThemeChange: [{
+                type: HostListener,
+                args: ['window:PoUiThemeChange']
             }] } });
 
 /**
@@ -4818,6 +4916,7 @@ class PoPageDynamicSearchBaseComponent {
     quickSearch = new EventEmitter();
     advancedFilterLiterals;
     _componentsSize = undefined;
+    _initialComponentsSize = undefined;
     _filters = [];
     _hideCloseDisclaimers = [];
     _literals;
@@ -4839,7 +4938,8 @@ class PoPageDynamicSearchBaseComponent {
      * @default `medium`
      */
     set componentsSize(value) {
-        this._componentsSize = validateSizeFn(value);
+        this._initialComponentsSize = value;
+        this.applySizeBasedOnA11y();
     }
     get componentsSize() {
         return this._componentsSize ?? getDefaultSizeFn();
@@ -4955,6 +5055,9 @@ class PoPageDynamicSearchBaseComponent {
             title: literals.filterTitle
         };
     }
+    onThemeChange() {
+        this.applySizeBasedOnA11y();
+    }
     stringify(columns) {
         // não faz o stringify da propriedade searchService, pois pode conter objeto complexo e disparar um erro.
         return JSON.stringify(columns, (key, value) => {
@@ -4963,8 +5066,11 @@ class PoPageDynamicSearchBaseComponent {
             }
         });
     }
+    applySizeBasedOnA11y() {
+        this._componentsSize = validateSizeFn(this._initialComponentsSize);
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: PoPageDynamicSearchBaseComponent, deps: [{ token: i3.PoLanguageService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.0.9", type: PoPageDynamicSearchBaseComponent, isStandalone: true, inputs: { actions: ["p-actions", "actions"], breadcrumb: ["p-breadcrumb", "breadcrumb"], keepFilters: ["p-keep-filters", "keepFilters", convertToBoolean], concatFilters: ["p-concat-filters", "concatFilters", convertToBoolean], hideRemoveAllDisclaimer: ["p-hide-remove-all-disclaimer", "hideRemoveAllDisclaimer", convertToBoolean], onLoad: ["p-load", "onLoad"], title: ["p-title", "title"], quickSearchValue: ["p-quick-search-value", "quickSearchValue"], visibleFixedFilters: ["p-visible-fixed-filters", "visibleFixedFilters"], componentsSize: ["p-components-size", "componentsSize"], literals: ["p-literals", "literals"], filters: ["p-filters", "filters"], quickSearchWidth: ["p-quick-search-width", "quickSearchWidth"], hideCloseDisclaimers: ["p-hide-close-disclaimers", "hideCloseDisclaimers"] }, outputs: { advancedSearch: "p-advanced-search", changeDisclaimers: "p-change-disclaimers", quickSearch: "p-quick-search" }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.0.9", type: PoPageDynamicSearchBaseComponent, isStandalone: true, inputs: { actions: ["p-actions", "actions"], breadcrumb: ["p-breadcrumb", "breadcrumb"], keepFilters: ["p-keep-filters", "keepFilters", convertToBoolean], concatFilters: ["p-concat-filters", "concatFilters", convertToBoolean], hideRemoveAllDisclaimer: ["p-hide-remove-all-disclaimer", "hideRemoveAllDisclaimer", convertToBoolean], onLoad: ["p-load", "onLoad"], title: ["p-title", "title"], quickSearchValue: ["p-quick-search-value", "quickSearchValue"], visibleFixedFilters: ["p-visible-fixed-filters", "visibleFixedFilters"], componentsSize: ["p-components-size", "componentsSize"], literals: ["p-literals", "literals"], filters: ["p-filters", "filters"], quickSearchWidth: ["p-quick-search-width", "quickSearchWidth"], hideCloseDisclaimers: ["p-hide-close-disclaimers", "hideCloseDisclaimers"] }, outputs: { advancedSearch: "p-advanced-search", changeDisclaimers: "p-change-disclaimers", quickSearch: "p-quick-search" }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-components-size": "this.componentsSize" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: PoPageDynamicSearchBaseComponent, decorators: [{
             type: Directive
@@ -5007,6 +5113,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
             }], componentsSize: [{
                 type: Input,
                 args: ['p-components-size']
+            }, {
+                type: HostBinding,
+                args: ['attr.p-components-size']
             }], literals: [{
                 type: Input,
                 args: ['p-literals']
@@ -5019,6 +5128,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
             }], hideCloseDisclaimers: [{
                 type: Input,
                 args: ['p-hide-close-disclaimers']
+            }], onThemeChange: [{
+                type: HostListener,
+                args: ['window:PoUiThemeChange']
             }] } });
 
 /**
@@ -6034,6 +6146,7 @@ class PoPageDynamicTableComponent extends PoPageDynamicListBaseComponent {
     subscriptions = new Subscription();
     hasCustomActionWithSelectable = false;
     _componentsSize = undefined;
+    _initialComponentsSize = undefined;
     _customPageListActions = [];
     _customTableActions = [];
     _defaultPageActions = [];
@@ -6089,7 +6202,8 @@ class PoPageDynamicTableComponent extends PoPageDynamicListBaseComponent {
      * @default `medium`
      */
     set componentsSize(value) {
-        this._componentsSize = validateSizeFn(value);
+        this._initialComponentsSize = value;
+        this.applySizeBasedOnA11y();
     }
     get componentsSize() {
         return this._componentsSize ?? getDefaultSizeFn();
@@ -6400,6 +6514,9 @@ class PoPageDynamicTableComponent extends PoPageDynamicListBaseComponent {
     showMore() {
         this.subscriptions.add(this.loadData({ page: ++this.page, ...this.params }).subscribe());
     }
+    onThemeChange() {
+        this.applySizeBasedOnA11y();
+    }
     get enableSelectionTable() {
         return this.hasActionRemoveAll || this.hasCustomActionWithSelectable;
     }
@@ -6967,8 +7084,11 @@ class PoPageDynamicTableComponent extends PoPageDynamicListBaseComponent {
         }
         this.tableActions = newTableActions;
     }
+    applySizeBasedOnA11y() {
+        this._componentsSize = validateSizeFn(this._initialComponentsSize);
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: PoPageDynamicTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.0.9", type: PoPageDynamicTableComponent, isStandalone: false, selector: "po-page-dynamic-table", inputs: { onLoad: ["p-load", "onLoad"], keepFilters: ["p-keep-filters", "keepFilters", convertToBoolean], actionRight: ["p-actions-right", "actionRight", convertToBoolean], concatFilters: ["p-concat-filters", "concatFilters", convertToBoolean], hideColumnsManager: ["p-hide-columns-manager", "hideColumnsManager", convertToBoolean], hideRemoveAllDisclaimer: ["p-hide-remove-all-disclaimer", "hideRemoveAllDisclaimer", convertToBoolean], infiniteScroll: ["p-infinite-scroll", "infiniteScroll", convertToBoolean], actions: ["p-actions", "actions"], componentsSize: ["p-components-size", "componentsSize"], pageCustomActions: ["p-page-custom-actions", "pageCustomActions"], tableCustomActions: ["p-table-custom-actions", "tableCustomActions"], quickSearchWidth: ["p-quick-search-width", "quickSearchWidth"], height: ["p-height", "height"], hideCloseDisclaimers: ["p-hide-close-disclaimers", "hideCloseDisclaimers"], quickSearchParam: ["p-quick-search-param", "quickSearchParam"], quickSearchValue: ["p-quick-search-value", "quickSearchValue"], searchLiterals: ["p-literals", "searchLiterals"], spacing: ["p-spacing", "spacing"], textWrap: ["p-text-wrap", "textWrap", convertToBoolean], draggable: ["p-draggable", "draggable"], virtualScroll: ["p-virtual-scroll", "virtualScroll"], visibleFixedFilters: ["p-visible-fixed-filters", "visibleFixedFilters"] }, providers: [PoPageDynamicService], usesInheritance: true, ngImport: i0, template: "<po-page-dynamic-search\n  [p-actions]=\"pageActions\"\n  [p-breadcrumb]=\"breadcrumb\"\n  [p-components-size]=\"componentsSize\"\n  [p-hide-close-disclaimers]=\"hideCloseDisclaimers\"\n  [p-filters]=\"filters\"\n  [p-keep-filters]=\"keepFilters\"\n  [p-literals]=\"searchLiterals\"\n  [p-concat-filters]=\"concatFilters\"\n  [p-hide-remove-all-disclaimer]=\"hideRemoveAllDisclaimer\"\n  [p-quick-search-width]=\"quickSearchWidth\"\n  [p-title]=\"title\"\n  [p-visible-fixed-filters]=\"visibleFixedFilters\"\n  (p-advanced-search)=\"onAdvancedSearch($event)\"\n  (p-change-disclaimers)=\"onChangeDisclaimers($event)\"\n  (p-quick-search)=\"onQuickSearch($event)\"\n  [p-quick-search-value]=\"quickSearchValue || ''\"\n>\n  <po-table\n    [p-sort]=\"true\"\n    [p-actions]=\"tableActions\"\n    [p-actions-right]=\"actionRight\"\n    [p-selectable]=\"enableSelectionTable\"\n    [p-columns]=\"columns\"\n    [p-components-size]=\"componentsSize\"\n    [p-items]=\"items\"\n    [p-height]=\"height\"\n    [p-hide-columns-manager]=\"hideColumnsManager\"\n    [p-infinite-scroll]=\"infiniteScroll\"\n    [p-show-more-disabled]=\"!hasNext\"\n    (p-show-more)=\"showMore()\"\n    (p-sort-by)=\"onSort($event)\"\n    (p-change-visible-columns)=\"onChangeVisibleColumns($event)\"\n    (p-restore-column-manager)=\"onColumnRestoreManager($event)\"\n    (p-sort-by)=\"onSortBy($event)\"\n    [p-text-wrap]=\"textWrap\"\n    [p-draggable]=\"draggable\"\n    [p-spacing]=\"spacing\"\n    [p-virtual-scroll]=\"virtualScroll\"\n  >\n  </po-table>\n</po-page-dynamic-search>\n", dependencies: [{ kind: "component", type: i3.PoTableComponent, selector: "po-table" }, { kind: "component", type: PoPageDynamicSearchComponent, selector: "po-page-dynamic-search" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.0.9", type: PoPageDynamicTableComponent, isStandalone: false, selector: "po-page-dynamic-table", inputs: { onLoad: ["p-load", "onLoad"], keepFilters: ["p-keep-filters", "keepFilters", convertToBoolean], actionRight: ["p-actions-right", "actionRight", convertToBoolean], concatFilters: ["p-concat-filters", "concatFilters", convertToBoolean], hideColumnsManager: ["p-hide-columns-manager", "hideColumnsManager", convertToBoolean], hideRemoveAllDisclaimer: ["p-hide-remove-all-disclaimer", "hideRemoveAllDisclaimer", convertToBoolean], infiniteScroll: ["p-infinite-scroll", "infiniteScroll", convertToBoolean], actions: ["p-actions", "actions"], componentsSize: ["p-components-size", "componentsSize"], pageCustomActions: ["p-page-custom-actions", "pageCustomActions"], tableCustomActions: ["p-table-custom-actions", "tableCustomActions"], quickSearchWidth: ["p-quick-search-width", "quickSearchWidth"], height: ["p-height", "height"], hideCloseDisclaimers: ["p-hide-close-disclaimers", "hideCloseDisclaimers"], quickSearchParam: ["p-quick-search-param", "quickSearchParam"], quickSearchValue: ["p-quick-search-value", "quickSearchValue"], searchLiterals: ["p-literals", "searchLiterals"], spacing: ["p-spacing", "spacing"], textWrap: ["p-text-wrap", "textWrap", convertToBoolean], draggable: ["p-draggable", "draggable"], virtualScroll: ["p-virtual-scroll", "virtualScroll"], visibleFixedFilters: ["p-visible-fixed-filters", "visibleFixedFilters"] }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-components-size": "this.componentsSize" } }, providers: [PoPageDynamicService], usesInheritance: true, ngImport: i0, template: "<po-page-dynamic-search\n  [p-actions]=\"pageActions\"\n  [p-breadcrumb]=\"breadcrumb\"\n  [p-components-size]=\"componentsSize\"\n  [p-hide-close-disclaimers]=\"hideCloseDisclaimers\"\n  [p-filters]=\"filters\"\n  [p-keep-filters]=\"keepFilters\"\n  [p-literals]=\"searchLiterals\"\n  [p-concat-filters]=\"concatFilters\"\n  [p-hide-remove-all-disclaimer]=\"hideRemoveAllDisclaimer\"\n  [p-quick-search-width]=\"quickSearchWidth\"\n  [p-title]=\"title\"\n  [p-visible-fixed-filters]=\"visibleFixedFilters\"\n  (p-advanced-search)=\"onAdvancedSearch($event)\"\n  (p-change-disclaimers)=\"onChangeDisclaimers($event)\"\n  (p-quick-search)=\"onQuickSearch($event)\"\n  [p-quick-search-value]=\"quickSearchValue || ''\"\n>\n  <po-table\n    [p-sort]=\"true\"\n    [p-actions]=\"tableActions\"\n    [p-actions-right]=\"actionRight\"\n    [p-selectable]=\"enableSelectionTable\"\n    [p-columns]=\"columns\"\n    [p-components-size]=\"componentsSize\"\n    [p-items]=\"items\"\n    [p-height]=\"height\"\n    [p-hide-columns-manager]=\"hideColumnsManager\"\n    [p-infinite-scroll]=\"infiniteScroll\"\n    [p-show-more-disabled]=\"!hasNext\"\n    (p-show-more)=\"showMore()\"\n    (p-sort-by)=\"onSort($event)\"\n    (p-change-visible-columns)=\"onChangeVisibleColumns($event)\"\n    (p-restore-column-manager)=\"onColumnRestoreManager($event)\"\n    (p-sort-by)=\"onSortBy($event)\"\n    [p-text-wrap]=\"textWrap\"\n    [p-draggable]=\"draggable\"\n    [p-spacing]=\"spacing\"\n    [p-virtual-scroll]=\"virtualScroll\"\n  >\n  </po-table>\n</po-page-dynamic-search>\n", dependencies: [{ kind: "component", type: i3.PoTableComponent, selector: "po-table" }, { kind: "component", type: PoPageDynamicSearchComponent, selector: "po-page-dynamic-search" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: PoPageDynamicTableComponent, decorators: [{
             type: Component,
@@ -7000,6 +7120,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
             }], componentsSize: [{
                 type: Input,
                 args: ['p-components-size']
+            }, {
+                type: HostBinding,
+                args: ['attr.p-components-size']
             }], pageCustomActions: [{
                 type: Input,
                 args: ['p-page-custom-actions']
@@ -7039,6 +7162,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
             }], visibleFixedFilters: [{
                 type: Input,
                 args: ['p-visible-fixed-filters']
+            }], onThemeChange: [{
+                type: HostListener,
+                args: ['window:PoUiThemeChange']
             }] } });
 
 /**
@@ -7339,6 +7465,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
 class PoPageJobSchedulerBaseComponent {
     poPageJobSchedulerService;
     _componentsSize = undefined;
+    _initialComponentsSize = undefined;
     /** Objeto com as propriedades do breadcrumb. */
     breadcrumb = { items: [] };
     /**
@@ -7356,7 +7483,8 @@ class PoPageJobSchedulerBaseComponent {
      * @default `medium`
      */
     set componentsSize(value) {
-        this._componentsSize = validateSizeFn(value);
+        this._initialComponentsSize = value;
+        this.applySizeBasedOnA11y();
     }
     get componentsSize() {
         return this._componentsSize ?? getDefaultSizeFn();
@@ -7584,6 +7712,9 @@ class PoPageJobSchedulerBaseComponent {
     ngOnDestroy() {
         this._subscription.unsubscribe();
     }
+    onThemeChange() {
+        this.applySizeBasedOnA11y();
+    }
     loadData(id) {
         if (!id) {
             this.model = this.model || new PoPageJobSchedulerInternal();
@@ -7605,8 +7736,11 @@ class PoPageJobSchedulerBaseComponent {
             }
         }
     }
+    applySizeBasedOnA11y() {
+        this._componentsSize = validateSizeFn(this._initialComponentsSize);
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: PoPageJobSchedulerBaseComponent, deps: [{ token: PoPageJobSchedulerService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.9", type: PoPageJobSchedulerBaseComponent, isStandalone: true, inputs: { breadcrumb: ["p-breadcrumb", "breadcrumb"], componentsSize: ["p-components-size", "componentsSize"], serviceApi: ["p-service-api", "serviceApi"], title: ["p-title", "title"], parameters: ["p-parameters", "parameters"], value: ["p-value", "value"], stepperDefaultOrientation: ["p-orientation", "stepperDefaultOrientation"], beforeSendAction: ["p-before-send", "beforeSendAction"], stepExecutionLast: ["p-step-execution-last", "stepExecutionLast"] }, outputs: { success: "p-success", error: "p-error" }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.9", type: PoPageJobSchedulerBaseComponent, isStandalone: true, inputs: { breadcrumb: ["p-breadcrumb", "breadcrumb"], componentsSize: ["p-components-size", "componentsSize"], serviceApi: ["p-service-api", "serviceApi"], title: ["p-title", "title"], parameters: ["p-parameters", "parameters"], value: ["p-value", "value"], stepperDefaultOrientation: ["p-orientation", "stepperDefaultOrientation"], beforeSendAction: ["p-before-send", "beforeSendAction"], stepExecutionLast: ["p-step-execution-last", "stepExecutionLast"] }, outputs: { success: "p-success", error: "p-error" }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-components-size": "this.componentsSize" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: PoPageJobSchedulerBaseComponent, decorators: [{
             type: Directive
@@ -7616,6 +7750,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
             }], componentsSize: [{
                 type: Input,
                 args: ['p-components-size']
+            }, {
+                type: HostBinding,
+                args: ['attr.p-components-size']
             }], serviceApi: [{
                 type: Input,
                 args: ['p-service-api']
@@ -7643,6 +7780,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
             }], error: [{
                 type: Output,
                 args: ['p-error']
+            }], onThemeChange: [{
+                type: HostListener,
+                args: ['window:PoUiThemeChange']
             }] } });
 
 const poPageJobSchedulerLiteralsDefault = {
@@ -8117,7 +8257,7 @@ class PoPageJobSchedulerExecutionComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: PoPageJobSchedulerExecutionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: PoPageJobSchedulerExecutionComponent, isStandalone: false, selector: "po-page-job-scheduler-execution", inputs: { componentsSize: ["p-components-size", "componentsSize"], isEdit: ["p-is-edit", "isEdit"], literals: ["p-literals", "literals"], noParameters: ["p-no-parameters", "noParameters"], noCustomParamsComponent: ["p-no-custom-params-component", "noCustomParamsComponent"], value: ["p-value", "value"] }, outputs: { changeProcess: "p-change-process" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["formExecution"], descendants: true, static: true }, { propertyName: "dailyTemplate", first: true, predicate: ["dailyTemplate"], descendants: true, static: true }, { propertyName: "monthlyTemplate", first: true, predicate: ["monthlyTemplate"], descendants: true, static: true }, { propertyName: "weeklyTempalte", first: true, predicate: ["weeklyTemplate"], descendants: true, static: true }], ngImport: i0, template: "<form #formExecution=\"ngForm\">\n  <div class=\"po-row\">\n    @if (existProcessAPI) {\n      @if (noParameters && noCustomParamsComponent) {\n        <po-lookup\n          class=\"po-md-12\"\n          name=\"processID\"\n          [(ngModel)]=\"value.processID\"\n          p-field-label=\"description\"\n          p-field-value=\"processID\"\n          p-required\n          [p-disabled]=\"isEdit\"\n          [p-filter-service]=\"poPageJobSchedulerLookup\"\n          [p-label]=\"literals.process\"\n          [p-placeholder]=\"literals.enterProcess\"\n          [p-size]=\"componentsSize\"\n        >\n        </po-lookup>\n      }\n    } @else {\n      <po-input\n        class=\"po-md-12\"\n        name=\"processID\"\n        [(ngModel)]=\"value.processID\"\n        p-required\n        [p-disabled]=\"isEdit\"\n        [p-label]=\"literals.process\"\n        [p-placeholder]=\"literals.enterProcess\"\n        [p-size]=\"componentsSize\"\n      >\n      </po-input>\n    }\n  </div>\n\n  <div class=\"po-row\">\n    <po-divider class=\"po-md-12\" [p-label]=\"literals.firstExecution\"></po-divider>\n\n    <po-datepicker\n      class=\"po-md-4\"\n      name=\"firstExecution\"\n      [(ngModel)]=\"value.firstExecution\"\n      p-placeholder=\"dd/mm/aaaa\"\n      p-required\n      [p-disabled]=\"isEdit\"\n      [p-label]=\"literals.day\"\n      [p-min-date]=\"startDateFirstExecution\"\n      [p-size]=\"componentsSize\"\n    >\n    </po-datepicker>\n\n    <po-input\n      class=\"po-md-2\"\n      name=\"firstExecutionHour\"\n      [(ngModel)]=\"value.firstExecutionHour\"\n      p-mask=\"99:99\"\n      p-mask-format-model\n      p-placeholder=\"HH:mm\"\n      p-required\n      [p-disabled]=\"isEdit\"\n      [p-label]=\"literals.time\"\n      [p-pattern]=\"timePattern\"\n      [p-size]=\"componentsSize\"\n    >\n    </po-input>\n  </div>\n\n  <hr />\n\n  <div class=\"po-row\">\n    <po-radio-group\n      class=\"po-sm-12\"\n      name=\"periodicity\"\n      [(ngModel)]=\"value.periodicity\"\n      p-columns=\"4\"\n      p-required\n      [p-label]=\"literals.periodicity\"\n      [p-options]=\"periodicityOptions\"\n      [p-size]=\"componentsSize\"\n      (p-change)=\"onChangePeriodicityOptions($event)\"\n    >\n    </po-radio-group>\n\n    @if (value.periodicity !== 'single') {\n      <div class=\"po-row\">\n        <po-switch\n          class=\"po-md-12\"\n          name=\"containsFrequency\"\n          [(ngModel)]=\"containsFrequency\"\n          [p-label]=\"literals.frequency\"\n          [p-label-off]=\"literals.no\"\n          [p-label-on]=\"literals.yes\"\n          [p-size]=\"componentsSize\"\n          (p-change)=\"onChangeContainsFrequency($event)\"\n        >\n        </po-switch>\n        @if (containsFrequency) {\n          <po-radio-group\n            class=\"po-md-10\"\n            name=\"frequencyType\"\n            p-required\n            [(ngModel)]=\"value.frequency.type\"\n            [p-columns]=\"3\"\n            [p-options]=\"frequencyOptions\"\n            [p-size]=\"componentsSize\"\n            (p-change)=\"onChangeFrequencyOptions()\"\n          >\n          </po-radio-group>\n          <po-number\n            class=\"po-md-2\"\n            name=\"frequencyValue\"\n            p-required\n            [p-size]=\"componentsSize\"\n            [(ngModel)]=\"value.frequency.value\"\n          >\n          </po-number>\n        }\n      </div>\n      <div class=\"po-row\">\n        <po-divider class=\"po-md-12\" [p-label]=\"literals.periodicityData\"> </po-divider>\n        <ng-container *ngTemplateOutlet=\"periodicityTemplates[value.periodicity]\"> </ng-container>\n      </div>\n      <div class=\"po-row\">\n        <po-switch\n          class=\"po-md-3\"\n          name=\"recurrent\"\n          [(ngModel)]=\"value.recurrent\"\n          [p-label]=\"literals.recurrent\"\n          [p-label-off]=\"literals.no\"\n          [p-label-on]=\"literals.yes\"\n          [p-size]=\"componentsSize\"\n        >\n        </po-switch>\n      </div>\n    }\n  </div>\n\n  <ng-template #dailyTemplate>\n    <ng-container *ngTemplateOutlet=\"inputHourTemplate\"> </ng-container>\n  </ng-template>\n\n  <ng-template #weeklyTemplate>\n    <div class=\"po-row\">\n      <ng-container *ngTemplateOutlet=\"inputHourTemplate\"> </ng-container>\n    </div>\n\n    <po-checkbox-group\n      class=\"po-md-12\"\n      name=\"daysOfWeek\"\n      [(ngModel)]=\"value.daysOfWeek\"\n      p-columns=\"4\"\n      p-required\n      [p-label]=\"literals.weekDays\"\n      [p-options]=\"weekDays\"\n      [p-size]=\"componentsSize\"\n    >\n    </po-checkbox-group>\n  </ng-template>\n\n  <ng-template #monthlyTemplate>\n    <po-number\n      class=\"po-md-3\"\n      name=\"dayOfMonth\"\n      [(ngModel)]=\"value.dayOfMonth\"\n      p-required\n      [p-error-pattern]=\"'Dia inv\u00E1lido'\"\n      [p-label]=\"dayLabel\"\n      [p-max]=\"31\"\n      [p-pattern]=\"dayPattern\"\n      [p-size]=\"componentsSize\"\n    >\n    </po-number>\n\n    @if (containsFrequency) {\n      <po-number\n        class=\"po-md-3\"\n        name=\"rangeLimitDay\"\n        [(ngModel)]=\"value.rangeLimitDay\"\n        p-required\n        [p-error-pattern]=\"'Dia inv\u00E1lido'\"\n        [p-label]=\"literals.endDay\"\n        [p-max]=\"31\"\n        [p-pattern]=\"dayPattern\"\n        [p-size]=\"componentsSize\"\n      >\n      </po-number>\n    }\n\n    <ng-container *ngTemplateOutlet=\"inputHourTemplate\"> </ng-container>\n  </ng-template>\n\n  <ng-template #inputHourTemplate>\n    <po-input\n      class=\"po-md-2\"\n      name=\"hour\"\n      [(ngModel)]=\"value.hour\"\n      p-mask=\"99:99\"\n      p-mask-format-model\n      p-placeholder=\"HH:mm\"\n      p-required\n      [p-label]=\"hourLabel\"\n      [p-pattern]=\"timePattern\"\n      [p-size]=\"componentsSize\"\n    >\n    </po-input>\n\n    @if (containsFrequency && value.frequency.type !== 'day') {\n      <po-input\n        class=\"po-md-2\"\n        name=\"rangeLimitHour\"\n        [(ngModel)]=\"value.rangeLimitHour\"\n        p-mask=\"99:99\"\n        p-mask-format-model\n        p-placeholder=\"HH:mm\"\n        p-required\n        [p-label]=\"literals.endTime\"\n        [p-pattern]=\"timePattern\"\n        [p-size]=\"componentsSize\"\n      >\n      </po-input>\n    }\n  </ng-template>\n</form>\n", dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i3.PoDividerComponent, selector: "po-divider" }, { kind: "component", type: i3.PoCheckboxGroupComponent, selector: "po-checkbox-group" }, { kind: "component", type: i3.PoRadioGroupComponent, selector: "po-radio-group", inputs: ["p-label", "p-help"] }, { kind: "component", type: i3.PoDatepickerComponent, selector: "po-datepicker", inputs: ["p-label", "p-help"] }, { kind: "component", type: i3.PoInputComponent, selector: "po-input" }, { kind: "component", type: i3.PoLookupComponent, selector: "po-lookup" }, { kind: "component", type: i3.PoNumberComponent, selector: "po-number", inputs: ["p-step", "p-min", "p-max"] }, { kind: "component", type: i3.PoSwitchComponent, selector: "po-switch", inputs: ["p-value", "p-format-model", "p-hide-label-status", "p-label-position", "p-label-off", "p-label-on", "p-loading", "p-field-error-message", "p-error-limit", "p-invalid-value", "p-size", "p-helper", "p-label-text-wrap"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: PoPageJobSchedulerExecutionComponent, isStandalone: false, selector: "po-page-job-scheduler-execution", inputs: { componentsSize: ["p-components-size", "componentsSize"], isEdit: ["p-is-edit", "isEdit"], literals: ["p-literals", "literals"], noParameters: ["p-no-parameters", "noParameters"], noCustomParamsComponent: ["p-no-custom-params-component", "noCustomParamsComponent"], value: ["p-value", "value"] }, outputs: { changeProcess: "p-change-process" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["formExecution"], descendants: true, static: true }, { propertyName: "dailyTemplate", first: true, predicate: ["dailyTemplate"], descendants: true, static: true }, { propertyName: "monthlyTemplate", first: true, predicate: ["monthlyTemplate"], descendants: true, static: true }, { propertyName: "weeklyTempalte", first: true, predicate: ["weeklyTemplate"], descendants: true, static: true }], ngImport: i0, template: "<form #formExecution=\"ngForm\">\n  <div class=\"po-row\">\n    @if (existProcessAPI) {\n      @if (noParameters && noCustomParamsComponent) {\n        <po-lookup\n          class=\"po-md-12\"\n          name=\"processID\"\n          [(ngModel)]=\"value.processID\"\n          p-field-label=\"description\"\n          p-field-value=\"processID\"\n          p-required\n          [p-disabled]=\"isEdit\"\n          [p-filter-service]=\"poPageJobSchedulerLookup\"\n          [p-label]=\"literals.process\"\n          [p-placeholder]=\"literals.enterProcess\"\n          [p-size]=\"componentsSize\"\n        >\n        </po-lookup>\n      }\n    } @else {\n      <po-input\n        class=\"po-md-12\"\n        name=\"processID\"\n        [(ngModel)]=\"value.processID\"\n        p-required\n        [p-disabled]=\"isEdit\"\n        [p-label]=\"literals.process\"\n        [p-placeholder]=\"literals.enterProcess\"\n        [p-size]=\"componentsSize\"\n      >\n      </po-input>\n    }\n  </div>\n\n  <div class=\"po-row\">\n    <po-divider class=\"po-md-12\" [p-label]=\"literals.firstExecution\"></po-divider>\n\n    <po-datepicker\n      class=\"po-md-4\"\n      name=\"firstExecution\"\n      [(ngModel)]=\"value.firstExecution\"\n      p-placeholder=\"dd/mm/aaaa\"\n      p-required\n      [p-disabled]=\"isEdit\"\n      [p-label]=\"literals.day\"\n      [p-min-date]=\"startDateFirstExecution\"\n      [p-size]=\"componentsSize\"\n    >\n    </po-datepicker>\n\n    <po-input\n      class=\"po-md-2\"\n      name=\"firstExecutionHour\"\n      [(ngModel)]=\"value.firstExecutionHour\"\n      p-mask=\"99:99\"\n      p-mask-format-model\n      p-placeholder=\"HH:mm\"\n      p-required\n      [p-disabled]=\"isEdit\"\n      [p-label]=\"literals.time\"\n      [p-pattern]=\"timePattern\"\n      [p-size]=\"componentsSize\"\n    >\n    </po-input>\n  </div>\n\n  <hr />\n\n  <div class=\"po-row\">\n    <po-radio-group\n      class=\"po-sm-12\"\n      name=\"periodicity\"\n      [(ngModel)]=\"value.periodicity\"\n      p-columns=\"4\"\n      p-required\n      [p-label]=\"literals.periodicity\"\n      [p-options]=\"periodicityOptions\"\n      [p-size]=\"componentsSize\"\n      (p-change)=\"onChangePeriodicityOptions($event)\"\n    >\n    </po-radio-group>\n\n    @if (value.periodicity !== 'single') {\n      <div class=\"po-row\">\n        <po-switch\n          class=\"po-md-12\"\n          name=\"containsFrequency\"\n          [(ngModel)]=\"containsFrequency\"\n          [p-label]=\"literals.frequency\"\n          [p-label-off]=\"literals.no\"\n          [p-label-on]=\"literals.yes\"\n          [p-size]=\"componentsSize\"\n          (p-change)=\"onChangeContainsFrequency($event)\"\n        >\n        </po-switch>\n        @if (containsFrequency) {\n          <po-radio-group\n            class=\"po-md-10\"\n            name=\"frequencyType\"\n            p-required\n            [(ngModel)]=\"value.frequency.type\"\n            [p-columns]=\"3\"\n            [p-options]=\"frequencyOptions\"\n            [p-size]=\"componentsSize\"\n            (p-change)=\"onChangeFrequencyOptions()\"\n          >\n          </po-radio-group>\n          <po-number\n            class=\"po-md-2\"\n            name=\"frequencyValue\"\n            p-required\n            [p-size]=\"componentsSize\"\n            [(ngModel)]=\"value.frequency.value\"\n          >\n          </po-number>\n        }\n      </div>\n      <div class=\"po-row\">\n        <po-divider class=\"po-md-12\" [p-label]=\"literals.periodicityData\"> </po-divider>\n        <ng-container *ngTemplateOutlet=\"periodicityTemplates[value.periodicity]\"> </ng-container>\n      </div>\n      <div class=\"po-row\">\n        <po-switch\n          class=\"po-md-3\"\n          name=\"recurrent\"\n          [(ngModel)]=\"value.recurrent\"\n          [p-label]=\"literals.recurrent\"\n          [p-label-off]=\"literals.no\"\n          [p-label-on]=\"literals.yes\"\n          [p-size]=\"componentsSize\"\n        >\n        </po-switch>\n      </div>\n    }\n  </div>\n\n  <ng-template #dailyTemplate>\n    <ng-container *ngTemplateOutlet=\"inputHourTemplate\"> </ng-container>\n  </ng-template>\n\n  <ng-template #weeklyTemplate>\n    <div class=\"po-row\">\n      <ng-container *ngTemplateOutlet=\"inputHourTemplate\"> </ng-container>\n    </div>\n\n    <po-checkbox-group\n      class=\"po-md-12\"\n      name=\"daysOfWeek\"\n      [(ngModel)]=\"value.daysOfWeek\"\n      p-columns=\"4\"\n      p-required\n      [p-label]=\"literals.weekDays\"\n      [p-options]=\"weekDays\"\n      [p-size]=\"componentsSize\"\n    >\n    </po-checkbox-group>\n  </ng-template>\n\n  <ng-template #monthlyTemplate>\n    <po-number\n      class=\"po-md-3\"\n      name=\"dayOfMonth\"\n      [(ngModel)]=\"value.dayOfMonth\"\n      p-required\n      [p-error-pattern]=\"'Dia inv\u00E1lido'\"\n      [p-label]=\"dayLabel\"\n      [p-max]=\"31\"\n      [p-pattern]=\"dayPattern\"\n      [p-size]=\"componentsSize\"\n    >\n    </po-number>\n\n    @if (containsFrequency) {\n      <po-number\n        class=\"po-md-3\"\n        name=\"rangeLimitDay\"\n        [(ngModel)]=\"value.rangeLimitDay\"\n        p-required\n        [p-error-pattern]=\"'Dia inv\u00E1lido'\"\n        [p-label]=\"literals.endDay\"\n        [p-max]=\"31\"\n        [p-pattern]=\"dayPattern\"\n        [p-size]=\"componentsSize\"\n      >\n      </po-number>\n    }\n\n    <ng-container *ngTemplateOutlet=\"inputHourTemplate\"> </ng-container>\n  </ng-template>\n\n  <ng-template #inputHourTemplate>\n    <po-input\n      class=\"po-md-2\"\n      name=\"hour\"\n      [(ngModel)]=\"value.hour\"\n      p-mask=\"99:99\"\n      p-mask-format-model\n      p-placeholder=\"HH:mm\"\n      p-required\n      [p-label]=\"hourLabel\"\n      [p-pattern]=\"timePattern\"\n      [p-size]=\"componentsSize\"\n    >\n    </po-input>\n\n    @if (containsFrequency && value.frequency.type !== 'day') {\n      <po-input\n        class=\"po-md-2\"\n        name=\"rangeLimitHour\"\n        [(ngModel)]=\"value.rangeLimitHour\"\n        p-mask=\"99:99\"\n        p-mask-format-model\n        p-placeholder=\"HH:mm\"\n        p-required\n        [p-label]=\"literals.endTime\"\n        [p-pattern]=\"timePattern\"\n        [p-size]=\"componentsSize\"\n      >\n      </po-input>\n    }\n  </ng-template>\n</form>\n", dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i3.PoDividerComponent, selector: "po-divider" }, { kind: "component", type: i3.PoCheckboxGroupComponent, selector: "po-checkbox-group" }, { kind: "component", type: i3.PoRadioGroupComponent, selector: "po-radio-group", inputs: ["p-label", "p-help"] }, { kind: "component", type: i3.PoDatepickerComponent, selector: "po-datepicker", inputs: ["p-label", "p-help"] }, { kind: "component", type: i3.PoInputComponent, selector: "po-input" }, { kind: "component", type: i3.PoLookupComponent, selector: "po-lookup" }, { kind: "component", type: i3.PoNumberComponent, selector: "po-number", inputs: ["p-step", "p-min", "p-max"] }, { kind: "component", type: i3.PoSwitchComponent, selector: "po-switch", inputs: ["p-value", "p-compact-label", "p-format-model", "p-hide-label-status", "p-label-position", "p-label-off", "p-label-on", "p-loading", "p-field-error-message", "p-error-limit", "p-invalid-value", "p-size", "p-helper", "p-label-text-wrap"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: PoPageJobSchedulerExecutionComponent, decorators: [{
             type: Component,
@@ -9097,6 +9237,7 @@ class PoPageLoginBaseComponent {
     _authenticationUrl;
     _blockedUrl;
     _componentsSize = undefined;
+    _initialComponentsSize = undefined;
     _contactEmail;
     _customField;
     _environment;
@@ -9127,7 +9268,8 @@ class PoPageLoginBaseComponent {
      * @default `medium`
      */
     set componentsSize(value) {
-        this._componentsSize = validateSizeFn(value);
+        this._initialComponentsSize = value;
+        this.applySizeBasedOnA11y();
     }
     get componentsSize() {
         return this._componentsSize ?? getDefaultSizeFn();
@@ -9763,6 +9905,9 @@ class PoPageLoginBaseComponent {
             this.showExceededAttemptsWarning = this.exceededAttemptsWarning > 0;
         }
     }
+    onThemeChange() {
+        this.applySizeBasedOnA11y();
+    }
     getDefaultCustomFieldObject(property) {
         return { property };
     }
@@ -9792,8 +9937,11 @@ class PoPageLoginBaseComponent {
             this.blockedUrl = '';
         }
     }
+    applySizeBasedOnA11y() {
+        this._componentsSize = validateSizeFn(this._initialComponentsSize);
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: PoPageLoginBaseComponent, deps: [{ token: PoPageLoginService }, { token: i2$1.Router }, { token: i3.PoLanguageService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.0.9", type: PoPageLoginBaseComponent, isStandalone: true, inputs: { background: ["p-background", "background"], logo: ["p-logo", "logo"], loginPattern: ["p-login-pattern", "loginPattern"], passwordPattern: ["p-password-pattern", "passwordPattern"], secondaryLogo: ["p-secondary-logo", "secondaryLogo"], noAutocompleteLogin: ["p-no-autocomplete-login", "noAutocompleteLogin"], noAutocompletePassword: ["p-no-autocomplete-password", "noAutocompletePassword"], hideLabelStatus: ["p-hide-label-status", "hideLabelStatus", convertToBoolean], hidePasswordPeek: ["p-hide-password-peek", "hidePasswordPeek"], componentsSize: ["p-components-size", "componentsSize"], customField: ["p-custom-field", "customField"], contactEmail: ["p-contact-email", "contactEmail"], productName: ["p-product-name", "productName"], environment: ["p-environment", "environment"], exceededAttemptsWarning: ["p-exceeded-attempts-warning", "exceededAttemptsWarning"], hideRememberUser: ["p-hide-remember-user", "hideRememberUser"], literals: ["p-literals", "literals"], loading: ["p-loading", "loading"], login: ["p-login", "login"], loginErrors: ["p-login-errors", "loginErrors"], passwordErrors: ["p-password-errors", "passwordErrors"], recovery: ["p-recovery", "recovery"], registerUrl: ["p-register-url", "registerUrl"], authenticationType: ["p-authentication-type", "authenticationType"], authenticationUrl: ["p-authentication-url", "authenticationUrl"], blockedUrl: ["p-blocked-url", "blockedUrl"], support: ["p-support", "support"], languagesList: ["p-languages", "languagesList"] }, outputs: { loginChange: "p-login-change", loginSubmit: "p-login-submit", passwordChange: "p-password-change", languageChange: "p-language-change" }, host: { properties: { "attr.p-components-size": "this.componentsSize" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.0.9", type: PoPageLoginBaseComponent, isStandalone: true, inputs: { background: ["p-background", "background"], logo: ["p-logo", "logo"], loginPattern: ["p-login-pattern", "loginPattern"], passwordPattern: ["p-password-pattern", "passwordPattern"], secondaryLogo: ["p-secondary-logo", "secondaryLogo"], noAutocompleteLogin: ["p-no-autocomplete-login", "noAutocompleteLogin"], noAutocompletePassword: ["p-no-autocomplete-password", "noAutocompletePassword"], hideLabelStatus: ["p-hide-label-status", "hideLabelStatus", convertToBoolean], hidePasswordPeek: ["p-hide-password-peek", "hidePasswordPeek"], componentsSize: ["p-components-size", "componentsSize"], customField: ["p-custom-field", "customField"], contactEmail: ["p-contact-email", "contactEmail"], productName: ["p-product-name", "productName"], environment: ["p-environment", "environment"], exceededAttemptsWarning: ["p-exceeded-attempts-warning", "exceededAttemptsWarning"], hideRememberUser: ["p-hide-remember-user", "hideRememberUser"], literals: ["p-literals", "literals"], loading: ["p-loading", "loading"], login: ["p-login", "login"], loginErrors: ["p-login-errors", "loginErrors"], passwordErrors: ["p-password-errors", "passwordErrors"], recovery: ["p-recovery", "recovery"], registerUrl: ["p-register-url", "registerUrl"], authenticationType: ["p-authentication-type", "authenticationType"], authenticationUrl: ["p-authentication-url", "authenticationUrl"], blockedUrl: ["p-blocked-url", "blockedUrl"], support: ["p-support", "support"], languagesList: ["p-languages", "languagesList"] }, outputs: { loginChange: "p-login-change", loginSubmit: "p-login-submit", passwordChange: "p-password-change", languageChange: "p-language-change" }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-components-size": "this.componentsSize" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: PoPageLoginBaseComponent, decorators: [{
             type: Directive
@@ -9837,11 +9985,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
                 type: Input,
                 args: ['p-hide-password-peek']
             }], componentsSize: [{
-                type: HostBinding,
-                args: ['attr.p-components-size']
-            }, {
                 type: Input,
                 args: ['p-components-size']
+            }, {
+                type: HostBinding,
+                args: ['attr.p-components-size']
             }], customField: [{
                 type: Input,
                 args: ['p-custom-field']
@@ -9896,6 +10044,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
             }], languagesList: [{
                 type: Input,
                 args: ['p-languages']
+            }], onThemeChange: [{
+                type: HostListener,
+                args: ['window:PoUiThemeChange']
             }] } });
 
 /**
@@ -10154,7 +10305,7 @@ class PoPageLoginComponent extends PoPageLoginBaseComponent {
         return language?.language || this.languagesList[0].language;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: PoPageLoginComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: PoPageLoginComponent, isStandalone: false, selector: "po-page-login", viewQueries: [{ propertyName: "loginForm", first: true, predicate: ["loginForm"], descendants: true, read: NgForm, static: true }, { propertyName: "pageLogin", first: true, predicate: ["pageLogin"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<button class=\"po-page-login-support\" (click)=\"activateSupport()\" [hidden]=\"!support\">\n  <po-icon p-icon=\"ICON_HELP\"></po-icon>\n  {{ pageLoginLiterals?.support }}\n</button>\n\n<po-page-background\n  #pageLogin\n  [p-components-size]=\"componentsSize\"\n  [p-show-select-language]=\"showLanguage\"\n  [p-languages]=\"languagesList\"\n  [p-initial-language]=\"initialSelectLanguage\"\n  [p-background]=\"background\"\n  [p-highlight-info]=\"pageLoginLiterals.highlightInfo\"\n  [p-logo]=\"logo\"\n  [p-secondary-logo]=\"secondaryLogo\"\n  (p-selected-language)=\"onSelectedLanguage($event)\"\n>\n  <header class=\"po-page-login-header\">\n    <div class=\"po-page-login-header-product-name\">\n      <h1>{{ productName }}</h1>\n    </div>\n\n    <div class=\"po-page-login-header-product-environment po-mb-md-4 po-mb-sm-1\">\n      @if (environment) {\n        <po-tag p-type=\"warning\" [p-value]=\"environment\"> </po-tag>\n      }\n    </div>\n    <div class=\"po-page-login-header-welcome po-mb-md-4 po-mb-sm-2\">{{ pageLoginLiterals.welcome }}</div>\n  </header>\n\n  <form #loginForm=\"ngForm\" class=\"po-page-login-form\">\n    <div class=\"po-row\">\n      <div class=\"po-lg-12\">\n        <div class=\"po-page-login-hint po-page-login-info-container\">\n          <po-login\n            class=\"po-page-login-info-field\"\n            [class.po-page-login-info-field-dynamic]=\"\n              !pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\n            \"\n            name=\"login\"\n            [(ngModel)]=\"login\"\n            p-auto-focus\n            p-required\n            [p-label]=\"pageLoginLiterals.loginLabel\"\n            [p-no-autocomplete]=\"noAutocompleteLogin\"\n            [p-pattern]=\"loginPattern\"\n            [p-placeholder]=\"pageLoginLiterals.loginPlaceholder\"\n            [p-size]=\"componentsSize\"\n            (click)=\"closePopover()\"\n            (keyup.enter)=\"loginForm.valid && onLoginSubmit()\"\n            (p-change-model)=\"changeLoginModel()\"\n          >\n          </po-login>\n\n          @if (pageLoginLiterals.loginHint || pageLoginLiterals.rememberUserHint) {\n            <div\n              class=\"po-page-login-info-icon-container\"\n              [class.po-page-login-info-icon-container-dynamic]=\"\n                !pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\n              \"\n            >\n              @if (pageLoginLiterals.loginHint) {\n                <po-icon\n                  p-icon=\"ICON_INFO po-field-icon\"\n                  p-tooltip-position=\"right\"\n                  [p-tooltip]=\"pageLoginLiterals.loginHint\"\n                >\n                </po-icon>\n              }\n            </div>\n          }\n        </div>\n\n        <div class=\"po-field-container-bottom po-field-container-error-container\">\n          @for (error of allLoginErrors; track error) {\n            <div class=\"po-field-container-bottom-text-error po-field-container-error-item\">\n              <po-icon p-icon=\"ICON_EXCLAMATION\"></po-icon>\n              <span class=\"po-field-error-message\">{{ error }}</span>\n            </div>\n          }\n        </div>\n      </div>\n\n      <div class=\"po-lg-12\">\n        <div class=\"po-page-login-password-container\">\n          <po-password\n            class=\"po-page-login-field-size po-page-login-password-item\"\n            [class.po-page-login-field-size-dynamic]=\"\n              !pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\n            \"\n            name=\"password\"\n            [(ngModel)]=\"password\"\n            p-required\n            [p-hide-password-peek]=\"hidePasswordPeek\"\n            [p-label]=\"pageLoginLiterals.passwordLabel\"\n            [p-no-autocomplete]=\"noAutocompletePassword\"\n            [p-pattern]=\"passwordPattern\"\n            [p-placeholder]=\"pageLoginLiterals.passwordPlaceholder\"\n            [p-size]=\"componentsSize\"\n            (click)=\"closePopover()\"\n            (keyup.enter)=\"loginForm.valid && onLoginSubmit()\"\n            (p-change-model)=\"changePasswordModel()\"\n          >\n          </po-password>\n          @if (pageLoginLiterals.loginHint || pageLoginLiterals.rememberUserHint) {\n            <div class=\"po-page-login-password-item po-page-login-password-popover-container\">\n              @if (showExceededAttemptsWarning && exceededAttemptsWarning) {\n                <po-page-login-popover\n                  [p-literals]=\"pageLoginLiterals\"\n                  [p-recovery]=\"recovery\"\n                  [p-remaining-attempts]=\"exceededAttemptsWarning\"\n                  (p-forgot-password)=\"openUrl($event)\"\n                >\n                </po-page-login-popover>\n              }\n            </div>\n          }\n        </div>\n        <div class=\"po-field-container-bottom po-field-container-error-container\">\n          @for (error of allPasswordErrors; track error) {\n            <div class=\"po-field-container-bottom-text-error po-field-container-error-item\">\n              <po-icon p-icon=\"ICON_EXCLAMATION\"></po-icon>\n              <span class=\"po-field-error-message\">{{ error }}</span>\n            </div>\n          }\n        </div>\n      </div>\n\n      @if (customField && customFieldType === 'input') {\n        <po-input\n          [class.po-page-login-field-size-dynamic]=\"!pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\"\n          class=\"po-page-login-field-size po-lg-12\"\n          name=\"customFieldInput\"\n          [(ngModel)]=\"customFieldObject.value\"\n          p-required\n          [p-error-pattern]=\"customFieldObject.errorPattern || pageLoginLiterals.customFieldErrorPattern\"\n          [p-pattern]=\"customFieldObject.pattern\"\n          [p-placeholder]=\"customFieldObject.placeholder || pageLoginLiterals.customFieldPlaceholder\"\n          [p-size]=\"componentsSize\"\n          (keyup.enter)=\"loginForm.valid && onLoginSubmit()\"\n        >\n        </po-input>\n      }\n\n      @if (customField && customFieldType === 'combo') {\n        <po-combo\n          [class.po-page-login-field-size-dynamic]=\"!pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\"\n          class=\"po-page-login-field-size po-lg-12\"\n          name=\"customFieldCombo\"\n          [(ngModel)]=\"customFieldObject.value\"\n          p-required\n          [p-field-value]=\"customFieldObject.fieldValue\"\n          [p-filter-service]=\"customFieldObject.url\"\n          [p-placeholder]=\"customFieldObject.placeholder || pageLoginLiterals.customFieldPlaceholder\"\n          [p-size]=\"componentsSize\"\n        >\n        </po-combo>\n      }\n\n      @if (customField && customFieldType === 'select') {\n        <po-select\n          [class.po-page-login-field-size-dynamic]=\"!pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\"\n          class=\"po-page-login-field-size po-lg-12\"\n          name=\"customFieldSelect\"\n          [(ngModel)]=\"customFieldObject.value\"\n          p-required\n          [p-placeholder]=\"customFieldObject.placeholder || pageLoginLiterals.customFieldPlaceholder\"\n          [p-options]=\"customFieldObject.options\"\n          [p-size]=\"componentsSize\"\n        >\n        </po-select>\n      }\n\n      <div class=\"po-lg-12\">\n        @if (!hideRememberUser) {\n          <div class=\"po-page-login-hint po-page-login-info-container\">\n            <po-switch\n              class=\"po-page-login-info-field po-lg-7 po-offset-lg-5 po-offset-xl-5\"\n              name=\"rememberUser\"\n              [(ngModel)]=\"rememberUser\"\n              p-label-position=\"1\"\n              [p-label-off]=\"pageLoginLiterals.rememberUser\"\n              [p-label-on]=\"pageLoginLiterals.rememberUser\"\n              [p-size]=\"componentsSize\"\n              (keyup.enter)=\"loginForm.valid && onLoginSubmit()\"\n              [p-hide-label-status]=\"hideLabelStatus\"\n            >\n            </po-switch>\n            @if (pageLoginLiterals.loginHint || pageLoginLiterals.rememberUserHint) {\n              <div\n                class=\"po-page-login-info-icon-container po-page-login-info-icon-remember-user\"\n                [class.po-page-login-info-icon-container-dynamic]=\"!pageLoginLiterals.rememberUserHint\"\n              >\n                @if (pageLoginLiterals.rememberUserHint) {\n                  <po-icon\n                    p-icon=\"ICON_INFO po-field-icon\"\n                    p-tooltip-position=\"right\"\n                    [p-tooltip]=\"pageLoginLiterals.rememberUserHint\"\n                  >\n                  </po-icon>\n                }\n              </div>\n            }\n          </div>\n        }\n      </div>\n\n      <po-button\n        [class.po-page-login-button-dynamic]=\"!pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\"\n        class=\"po-lg-12 po-page-login-button po-page-login-field-size\"\n        p-kind=\"primary\"\n        [p-disabled]=\"loginForm.invalid\"\n        [p-label]=\"loading ? pageLoginLiterals.submittedLabel : pageLoginLiterals.submitLabel\"\n        [p-loading]=\"loading\"\n        [p-size]=\"componentsSize\"\n        (p-click)=\"onLoginSubmit()\"\n      >\n      </po-button>\n\n      @if (recovery) {\n        <div class=\"po-page-login-recovery-link\">\n          <a class=\"po-font-text-large-bold\" (click)=\"openUrl(recovery)\">{{ pageLoginLiterals.forgotPassword }}</a>\n        </div>\n      }\n\n      @if (registerUrl) {\n        <div class=\"po-page-login-register-link\">\n          <a class=\"po-font-text-large-bold\" (click)=\"openUrl(registerUrl)\">{{ pageLoginLiterals.registerUrl }}</a>\n        </div>\n      }\n    </div>\n  </form>\n</po-page-background>\n", dependencies: [{ kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: PoPageBackgroundComponent, selector: "po-page-background", inputs: ["p-background", "p-initial-language", "p-hide-logo", "p-highlight-info", "p-components-size", "p-languages", "p-logo", "p-logo-alt", "p-secondary-logo", "p-show-select-language"], outputs: ["p-selected-language"] }, { kind: "component", type: i3.PoButtonComponent, selector: "po-button" }, { kind: "component", type: i3.PoComboComponent, selector: "po-combo" }, { kind: "component", type: i3.PoInputComponent, selector: "po-input" }, { kind: "component", type: i3.PoLoginComponent, selector: "po-login", inputs: ["p-no-autocomplete"] }, { kind: "component", type: i3.PoPasswordComponent, selector: "po-password", inputs: ["p-hide-password-peek", "p-no-autocomplete"] }, { kind: "component", type: i3.PoSelectComponent, selector: "po-select", inputs: ["p-readonly", "p-placeholder", "p-options", "p-field-label", "p-field-value", "p-control-value-with-label", "p-loading", "p-size", "p-helper", "p-label-text-wrap"], outputs: ["p-blur", "ngModelChange"] }, { kind: "component", type: i3.PoSwitchComponent, selector: "po-switch", inputs: ["p-value", "p-format-model", "p-hide-label-status", "p-label-position", "p-label-off", "p-label-on", "p-loading", "p-field-error-message", "p-error-limit", "p-invalid-value", "p-size", "p-helper", "p-label-text-wrap"] }, { kind: "component", type: i3.PoTagComponent, selector: "po-tag" }, { kind: "component", type: i3.PoIconComponent, selector: "po-icon", inputs: ["p-icon"] }, { kind: "directive", type: i3.PoTooltipDirective, selector: "[p-tooltip]" }, { kind: "component", type: PoPageLoginPopoverComponent, selector: "po-page-login-popover", inputs: ["p-literals", "p-recovery", "p-remaining-attempts"], outputs: ["p-forgot-password"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: PoPageLoginComponent, isStandalone: false, selector: "po-page-login", viewQueries: [{ propertyName: "loginForm", first: true, predicate: ["loginForm"], descendants: true, read: NgForm, static: true }, { propertyName: "pageLogin", first: true, predicate: ["pageLogin"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<button class=\"po-page-login-support\" (click)=\"activateSupport()\" [hidden]=\"!support\">\n  <po-icon p-icon=\"ICON_HELP\"></po-icon>\n  {{ pageLoginLiterals?.support }}\n</button>\n\n<po-page-background\n  #pageLogin\n  [p-components-size]=\"componentsSize\"\n  [p-show-select-language]=\"showLanguage\"\n  [p-languages]=\"languagesList\"\n  [p-initial-language]=\"initialSelectLanguage\"\n  [p-background]=\"background\"\n  [p-highlight-info]=\"pageLoginLiterals.highlightInfo\"\n  [p-logo]=\"logo\"\n  [p-secondary-logo]=\"secondaryLogo\"\n  (p-selected-language)=\"onSelectedLanguage($event)\"\n>\n  <header class=\"po-page-login-header\">\n    <div class=\"po-page-login-header-product-name\">\n      <h1>{{ productName }}</h1>\n    </div>\n\n    <div class=\"po-page-login-header-product-environment po-mb-md-4 po-mb-sm-1\">\n      @if (environment) {\n        <po-tag p-type=\"warning\" [p-value]=\"environment\"> </po-tag>\n      }\n    </div>\n    <div class=\"po-page-login-header-welcome po-mb-md-4 po-mb-sm-2\">{{ pageLoginLiterals.welcome }}</div>\n  </header>\n\n  <form #loginForm=\"ngForm\" class=\"po-page-login-form\">\n    <div class=\"po-row\">\n      <div class=\"po-lg-12\">\n        <div class=\"po-page-login-hint po-page-login-info-container\">\n          <po-login\n            class=\"po-page-login-info-field\"\n            [class.po-page-login-info-field-dynamic]=\"\n              !pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\n            \"\n            name=\"login\"\n            [(ngModel)]=\"login\"\n            p-auto-focus\n            p-required\n            [p-label]=\"pageLoginLiterals.loginLabel\"\n            [p-no-autocomplete]=\"noAutocompleteLogin\"\n            [p-pattern]=\"loginPattern\"\n            [p-placeholder]=\"pageLoginLiterals.loginPlaceholder\"\n            [p-size]=\"componentsSize\"\n            (click)=\"closePopover()\"\n            (keyup.enter)=\"loginForm.valid && onLoginSubmit()\"\n            (p-change-model)=\"changeLoginModel()\"\n          >\n          </po-login>\n\n          @if (pageLoginLiterals.loginHint || pageLoginLiterals.rememberUserHint) {\n            <div\n              class=\"po-page-login-info-icon-container\"\n              [class.po-page-login-info-icon-container-dynamic]=\"\n                !pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\n              \"\n            >\n              @if (pageLoginLiterals.loginHint) {\n                <po-icon\n                  p-icon=\"ICON_INFO po-field-icon\"\n                  p-tooltip-position=\"right\"\n                  [p-tooltip]=\"pageLoginLiterals.loginHint\"\n                >\n                </po-icon>\n              }\n            </div>\n          }\n        </div>\n\n        <div class=\"po-field-container-bottom po-field-container-error-container\">\n          @for (error of allLoginErrors; track error) {\n            <div class=\"po-field-container-bottom-text-error po-field-container-error-item\">\n              <po-icon p-icon=\"ICON_EXCLAMATION\"></po-icon>\n              <span class=\"po-field-error-message\">{{ error }}</span>\n            </div>\n          }\n        </div>\n      </div>\n\n      <div class=\"po-lg-12\">\n        <div class=\"po-page-login-password-container\">\n          <po-password\n            class=\"po-page-login-field-size po-page-login-password-item\"\n            [class.po-page-login-field-size-dynamic]=\"\n              !pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\n            \"\n            name=\"password\"\n            [(ngModel)]=\"password\"\n            p-required\n            [p-hide-password-peek]=\"hidePasswordPeek\"\n            [p-label]=\"pageLoginLiterals.passwordLabel\"\n            [p-no-autocomplete]=\"noAutocompletePassword\"\n            [p-pattern]=\"passwordPattern\"\n            [p-placeholder]=\"pageLoginLiterals.passwordPlaceholder\"\n            [p-size]=\"componentsSize\"\n            (click)=\"closePopover()\"\n            (keyup.enter)=\"loginForm.valid && onLoginSubmit()\"\n            (p-change-model)=\"changePasswordModel()\"\n          >\n          </po-password>\n          @if (pageLoginLiterals.loginHint || pageLoginLiterals.rememberUserHint) {\n            <div class=\"po-page-login-password-item po-page-login-password-popover-container\">\n              @if (showExceededAttemptsWarning && exceededAttemptsWarning) {\n                <po-page-login-popover\n                  [p-literals]=\"pageLoginLiterals\"\n                  [p-recovery]=\"recovery\"\n                  [p-remaining-attempts]=\"exceededAttemptsWarning\"\n                  (p-forgot-password)=\"openUrl($event)\"\n                >\n                </po-page-login-popover>\n              }\n            </div>\n          }\n        </div>\n        <div class=\"po-field-container-bottom po-field-container-error-container\">\n          @for (error of allPasswordErrors; track error) {\n            <div class=\"po-field-container-bottom-text-error po-field-container-error-item\">\n              <po-icon p-icon=\"ICON_EXCLAMATION\"></po-icon>\n              <span class=\"po-field-error-message\">{{ error }}</span>\n            </div>\n          }\n        </div>\n      </div>\n\n      @if (customField && customFieldType === 'input') {\n        <po-input\n          [class.po-page-login-field-size-dynamic]=\"!pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\"\n          class=\"po-page-login-field-size po-lg-12\"\n          name=\"customFieldInput\"\n          [(ngModel)]=\"customFieldObject.value\"\n          p-required\n          [p-error-pattern]=\"customFieldObject.errorPattern || pageLoginLiterals.customFieldErrorPattern\"\n          [p-pattern]=\"customFieldObject.pattern\"\n          [p-placeholder]=\"customFieldObject.placeholder || pageLoginLiterals.customFieldPlaceholder\"\n          [p-size]=\"componentsSize\"\n          (keyup.enter)=\"loginForm.valid && onLoginSubmit()\"\n        >\n        </po-input>\n      }\n\n      @if (customField && customFieldType === 'combo') {\n        <po-combo\n          [class.po-page-login-field-size-dynamic]=\"!pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\"\n          class=\"po-page-login-field-size po-lg-12\"\n          name=\"customFieldCombo\"\n          [(ngModel)]=\"customFieldObject.value\"\n          p-required\n          [p-field-value]=\"customFieldObject.fieldValue\"\n          [p-filter-service]=\"customFieldObject.url\"\n          [p-placeholder]=\"customFieldObject.placeholder || pageLoginLiterals.customFieldPlaceholder\"\n          [p-size]=\"componentsSize\"\n        >\n        </po-combo>\n      }\n\n      @if (customField && customFieldType === 'select') {\n        <po-select\n          [class.po-page-login-field-size-dynamic]=\"!pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\"\n          class=\"po-page-login-field-size po-lg-12\"\n          name=\"customFieldSelect\"\n          [(ngModel)]=\"customFieldObject.value\"\n          p-required\n          [p-placeholder]=\"customFieldObject.placeholder || pageLoginLiterals.customFieldPlaceholder\"\n          [p-options]=\"customFieldObject.options\"\n          [p-size]=\"componentsSize\"\n        >\n        </po-select>\n      }\n\n      <div class=\"po-lg-12\">\n        @if (!hideRememberUser) {\n          <div class=\"po-page-login-hint po-page-login-info-container\">\n            <po-switch\n              class=\"po-page-login-info-field po-lg-7 po-offset-lg-5 po-offset-xl-5\"\n              name=\"rememberUser\"\n              [(ngModel)]=\"rememberUser\"\n              p-label-position=\"1\"\n              [p-label-off]=\"pageLoginLiterals.rememberUser\"\n              [p-label-on]=\"pageLoginLiterals.rememberUser\"\n              [p-size]=\"componentsSize\"\n              (keyup.enter)=\"loginForm.valid && onLoginSubmit()\"\n              [p-hide-label-status]=\"hideLabelStatus\"\n            >\n            </po-switch>\n            @if (pageLoginLiterals.loginHint || pageLoginLiterals.rememberUserHint) {\n              <div\n                class=\"po-page-login-info-icon-container po-page-login-info-icon-remember-user\"\n                [class.po-page-login-info-icon-container-dynamic]=\"!pageLoginLiterals.rememberUserHint\"\n              >\n                @if (pageLoginLiterals.rememberUserHint) {\n                  <po-icon\n                    p-icon=\"ICON_INFO po-field-icon\"\n                    p-tooltip-position=\"right\"\n                    [p-tooltip]=\"pageLoginLiterals.rememberUserHint\"\n                  >\n                  </po-icon>\n                }\n              </div>\n            }\n          </div>\n        }\n      </div>\n\n      <po-button\n        [class.po-page-login-button-dynamic]=\"!pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\"\n        class=\"po-lg-12 po-page-login-button po-page-login-field-size\"\n        p-kind=\"primary\"\n        [p-disabled]=\"loginForm.invalid\"\n        [p-label]=\"loading ? pageLoginLiterals.submittedLabel : pageLoginLiterals.submitLabel\"\n        [p-loading]=\"loading\"\n        [p-size]=\"componentsSize\"\n        (p-click)=\"onLoginSubmit()\"\n      >\n      </po-button>\n\n      @if (recovery) {\n        <div class=\"po-page-login-recovery-link\">\n          <a class=\"po-font-text-large-bold\" (click)=\"openUrl(recovery)\">{{ pageLoginLiterals.forgotPassword }}</a>\n        </div>\n      }\n\n      @if (registerUrl) {\n        <div class=\"po-page-login-register-link\">\n          <a class=\"po-font-text-large-bold\" (click)=\"openUrl(registerUrl)\">{{ pageLoginLiterals.registerUrl }}</a>\n        </div>\n      }\n    </div>\n  </form>\n</po-page-background>\n", dependencies: [{ kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: PoPageBackgroundComponent, selector: "po-page-background", inputs: ["p-background", "p-initial-language", "p-hide-logo", "p-highlight-info", "p-components-size", "p-languages", "p-logo", "p-logo-alt", "p-secondary-logo", "p-show-select-language"], outputs: ["p-selected-language"] }, { kind: "component", type: i3.PoButtonComponent, selector: "po-button" }, { kind: "component", type: i3.PoComboComponent, selector: "po-combo" }, { kind: "component", type: i3.PoInputComponent, selector: "po-input" }, { kind: "component", type: i3.PoLoginComponent, selector: "po-login", inputs: ["p-no-autocomplete"] }, { kind: "component", type: i3.PoPasswordComponent, selector: "po-password", inputs: ["p-hide-password-peek", "p-no-autocomplete"] }, { kind: "component", type: i3.PoSelectComponent, selector: "po-select", inputs: ["p-readonly", "p-compact-label", "p-placeholder", "p-options", "p-field-label", "p-field-value", "p-control-value-with-label", "p-loading", "p-size", "p-helper", "p-label-text-wrap"], outputs: ["p-blur", "ngModelChange"] }, { kind: "component", type: i3.PoSwitchComponent, selector: "po-switch", inputs: ["p-value", "p-compact-label", "p-format-model", "p-hide-label-status", "p-label-position", "p-label-off", "p-label-on", "p-loading", "p-field-error-message", "p-error-limit", "p-invalid-value", "p-size", "p-helper", "p-label-text-wrap"] }, { kind: "component", type: i3.PoTagComponent, selector: "po-tag" }, { kind: "component", type: i3.PoIconComponent, selector: "po-icon", inputs: ["p-icon"] }, { kind: "directive", type: i3.PoTooltipDirective, selector: "[p-tooltip]" }, { kind: "component", type: PoPageLoginPopoverComponent, selector: "po-page-login-popover", inputs: ["p-literals", "p-recovery", "p-remaining-attempts"], outputs: ["p-forgot-password"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: PoPageLoginComponent, decorators: [{
             type: Component,