@po-ui/ng-templates 19.29.0 → 19.30.0

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

@@ -1396,7 +1396,7 @@ class PoPageBackgroundComponent {
         }));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageBackgroundComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.7", type: PoPageBackgroundComponent, isStandalone: false, selector: "po-page-background", inputs: { background: ["p-background", "background"], initialSelectLanguage: ["p-initial-language", "initialSelectLanguage"], hideLogo: ["p-hide-logo", "hideLogo"], highlightInfo: ["p-highlight-info", "highlightInfo"], componentsSize: ["p-components-size", "componentsSize"], languagesList: ["p-languages", "languagesList"], logo: ["p-logo", "logo"], logoAlt: ["p-logo-alt", "logoAlt"], secondaryLogo: ["p-secondary-logo", "secondaryLogo"], showSelectLanguage: ["p-show-select-language", "showSelectLanguage"] }, outputs: { selectedLanguage: "p-selected-language" }, ngImport: i0, template: "<div class=\"po-page-login-container\">\n  <div class=\"po-page-login-panel\">\n    <div class=\"po-page-background-main-logo\" [class.po-page-background-hide-logo]=\"hideLogo\">\n      @if (logo) {\n        <po-logo\n          p-class=\"po-page-background-main-logo-image\"\n          [p-link]=\"false\"\n          [p-logo]=\"logo\"\n          [p-logo-alt]=\"logoAlt\"\n        ></po-logo>\n      }\n    </div>\n\n    <div class=\"po-page-login-body\">\n      <div class=\"po-page-login-panel-content\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n    <div class=\"po-page-background-footer po-sm-12\">\n      <po-divider class=\"po-page-background-footer-mobile-only\"></po-divider>\n\n      <div class=\"po-page-background-footer-content\">\n        @if (showSelectLanguage) {\n          <div class=\"po-page-background-footer-select\">\n            <po-select\n              name=\"selectedLanguageOption\"\n              [(ngModel)]=\"selectedLanguageOption\"\n              [p-options]=\"selectLanguageOptions\"\n              [p-size]=\"componentsSize\"\n              (p-change)=\"onChangeLanguage()\"\n            ></po-select>\n          </div>\n        }\n\n        <div\n          class=\"po-page-background-secondary-logo\"\n          [ngClass]=\"\n            showSelectLanguage\n              ? 'po-page-background-secondary-logo-right'\n              : 'po-page-background-secondary-logo-centered'\n          \"\n        >\n          @if (secondaryLogo) {\n            <po-logo\n              p-class=\"po-page-background-secondary-logo-image\"\n              [p-link]=\"false\"\n              [p-logo]=\"secondaryLogo\"\n              p-logo-alt=\"secondary-logomarca\"\n            ></po-logo>\n          }\n        </div>\n      </div>\n    </div>\n  </div>\n\n  @if (background) {\n    <div\n      [ngClass]=\"background ? 'po-page-login-highlight-image' : 'po-page-login-highlight-image-off'\"\n      [style.background-image]=\"'url(' + background + ')'\"\n    >\n      <div class=\"po-page-login-highlight-text\">\n        <div class=\"po-font-display\">{{ highlightInfo }}</div>\n      </div>\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.PoDividerComponent, selector: "po-divider" }, { kind: "component", type: i3.PoSelectComponent, selector: "po-select", inputs: ["p-readonly", "p-placeholder", "p-options", "p-field-label", "p-field-value", "p-control-value-with-label", "p-size"], outputs: ["p-blur", "ngModelChange"] }, { kind: "component", type: i3.PoLogoComponent, selector: "po-logo", inputs: ["p-class", "p-link", "p-logo", "p-logo-alt"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.7", type: PoPageBackgroundComponent, isStandalone: false, selector: "po-page-background", inputs: { background: ["p-background", "background"], initialSelectLanguage: ["p-initial-language", "initialSelectLanguage"], hideLogo: ["p-hide-logo", "hideLogo"], highlightInfo: ["p-highlight-info", "highlightInfo"], componentsSize: ["p-components-size", "componentsSize"], languagesList: ["p-languages", "languagesList"], logo: ["p-logo", "logo"], logoAlt: ["p-logo-alt", "logoAlt"], secondaryLogo: ["p-secondary-logo", "secondaryLogo"], showSelectLanguage: ["p-show-select-language", "showSelectLanguage"] }, outputs: { selectedLanguage: "p-selected-language" }, ngImport: i0, template: "<div class=\"po-page-login-container\">\n  <div class=\"po-page-login-panel\">\n    <div class=\"po-page-background-main-logo\" [class.po-page-background-hide-logo]=\"hideLogo\">\n      @if (logo) {\n        <po-logo\n          p-class=\"po-page-background-main-logo-image\"\n          [p-link]=\"false\"\n          [p-logo]=\"logo\"\n          [p-logo-alt]=\"logoAlt\"\n        ></po-logo>\n      }\n    </div>\n\n    <div class=\"po-page-login-body\">\n      <div class=\"po-page-login-panel-content\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n    <div class=\"po-page-background-footer po-sm-12\">\n      <po-divider class=\"po-page-background-footer-mobile-only\"></po-divider>\n\n      <div class=\"po-page-background-footer-content\">\n        @if (showSelectLanguage) {\n          <div class=\"po-page-background-footer-select\">\n            <po-select\n              name=\"selectedLanguageOption\"\n              [(ngModel)]=\"selectedLanguageOption\"\n              [p-options]=\"selectLanguageOptions\"\n              [p-size]=\"componentsSize\"\n              (p-change)=\"onChangeLanguage()\"\n            ></po-select>\n          </div>\n        }\n\n        <div\n          class=\"po-page-background-secondary-logo\"\n          [ngClass]=\"\n            showSelectLanguage\n              ? 'po-page-background-secondary-logo-right'\n              : 'po-page-background-secondary-logo-centered'\n          \"\n        >\n          @if (secondaryLogo) {\n            <po-logo\n              p-class=\"po-page-background-secondary-logo-image\"\n              [p-link]=\"false\"\n              [p-logo]=\"secondaryLogo\"\n              p-logo-alt=\"secondary-logomarca\"\n            ></po-logo>\n          }\n        </div>\n      </div>\n    </div>\n  </div>\n\n  @if (background) {\n    <div\n      [ngClass]=\"background ? 'po-page-login-highlight-image' : 'po-page-login-highlight-image-off'\"\n      [style.background-image]=\"'url(' + background + ')'\"\n    >\n      <div class=\"po-page-login-highlight-text\">\n        <div class=\"po-font-display\">{{ highlightInfo }}</div>\n      </div>\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.PoDividerComponent, selector: "po-divider" }, { kind: "component", type: i3.PoSelectComponent, selector: "po-select", inputs: ["p-readonly", "p-placeholder", "p-options", "p-field-label", "p-field-value", "p-control-value-with-label", "p-size", "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: "19.0.7", ngImport: i0, type: PoPageBackgroundComponent, decorators: [{
             type: Component,
@@ -8035,7 +8035,7 @@ class PoPageJobSchedulerExecutionComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageJobSchedulerExecutionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.7", type: PoPageJobSchedulerExecutionComponent, isStandalone: false, selector: "po-page-job-scheduler-execution", inputs: { componentsSize: ["p-components-size", "componentsSize"], isEdit: ["p-is-edit", "isEdit"], literals: ["p-literals", "literals"], noParameters: ["p-no-parameters", "noParameters"], noCustomParamsComponent: ["p-no-custom-params-component", "noCustomParamsComponent"], value: ["p-value", "value"] }, outputs: { changeProcess: "p-change-process" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["formExecution"], descendants: true, static: true }, { propertyName: "dailyTemplate", first: true, predicate: ["dailyTemplate"], descendants: true, static: true }, { propertyName: "monthlyTemplate", first: true, predicate: ["monthlyTemplate"], descendants: true, static: true }, { propertyName: "weeklyTempalte", first: true, predicate: ["weeklyTemplate"], descendants: true, static: true }], ngImport: i0, template: "<form #formExecution=\"ngForm\">\n  <div class=\"po-row\">\n    @if (existProcessAPI) {\n      @if (noParameters && noCustomParamsComponent) {\n        <po-lookup\n          class=\"po-md-12\"\n          name=\"processID\"\n          [(ngModel)]=\"value.processID\"\n          p-field-label=\"description\"\n          p-field-value=\"processID\"\n          p-required\n          [p-disabled]=\"isEdit\"\n          [p-filter-service]=\"poPageJobSchedulerLookup\"\n          [p-label]=\"literals.process\"\n          [p-placeholder]=\"literals.enterProcess\"\n          [p-size]=\"componentsSize\"\n        >\n        </po-lookup>\n      }\n    } @else {\n      <po-input\n        class=\"po-md-12\"\n        name=\"processID\"\n        [(ngModel)]=\"value.processID\"\n        p-required\n        [p-disabled]=\"isEdit\"\n        [p-label]=\"literals.process\"\n        [p-placeholder]=\"literals.enterProcess\"\n        [p-size]=\"componentsSize\"\n      >\n      </po-input>\n    }\n  </div>\n\n  <div class=\"po-row\">\n    <po-divider class=\"po-md-12\" [p-label]=\"literals.firstExecution\"></po-divider>\n\n    <po-datepicker\n      class=\"po-md-4\"\n      name=\"firstExecution\"\n      [(ngModel)]=\"value.firstExecution\"\n      p-placeholder=\"dd/mm/aaaa\"\n      p-required\n      [p-disabled]=\"isEdit\"\n      [p-label]=\"literals.day\"\n      [p-min-date]=\"startDateFirstExecution\"\n      [p-size]=\"componentsSize\"\n    >\n    </po-datepicker>\n\n    <po-input\n      class=\"po-md-2\"\n      name=\"firstExecutionHour\"\n      [(ngModel)]=\"value.firstExecutionHour\"\n      p-mask=\"99:99\"\n      p-mask-format-model\n      p-placeholder=\"HH:mm\"\n      p-required\n      [p-disabled]=\"isEdit\"\n      [p-label]=\"literals.time\"\n      [p-pattern]=\"timePattern\"\n      [p-size]=\"componentsSize\"\n    >\n    </po-input>\n  </div>\n\n  <hr />\n\n  <div class=\"po-row\">\n    <po-radio-group\n      class=\"po-sm-12\"\n      name=\"periodicity\"\n      [(ngModel)]=\"value.periodicity\"\n      p-columns=\"4\"\n      p-required\n      [p-label]=\"literals.periodicity\"\n      [p-options]=\"periodicityOptions\"\n      [p-size]=\"componentsSize\"\n      (p-change)=\"onChangePeriodicityOptions($event)\"\n    >\n    </po-radio-group>\n\n    @if (value.periodicity !== 'single') {\n      <div class=\"po-row\">\n        <po-switch\n          class=\"po-md-12\"\n          name=\"containsFrequency\"\n          [(ngModel)]=\"containsFrequency\"\n          [p-label]=\"literals.frequency\"\n          [p-label-off]=\"literals.no\"\n          [p-label-on]=\"literals.yes\"\n          [p-size]=\"componentsSize\"\n          (p-change)=\"onChangeContainsFrequency($event)\"\n        >\n        </po-switch>\n        @if (containsFrequency) {\n          <po-radio-group\n            class=\"po-md-10\"\n            name=\"frequencyType\"\n            p-required\n            [(ngModel)]=\"value.frequency.type\"\n            [p-columns]=\"3\"\n            [p-options]=\"frequencyOptions\"\n            [p-size]=\"componentsSize\"\n            (p-change)=\"onChangeFrequencyOptions()\"\n          >\n          </po-radio-group>\n          <po-number\n            class=\"po-md-2\"\n            name=\"frequencyValue\"\n            p-required\n            [p-size]=\"componentsSize\"\n            [(ngModel)]=\"value.frequency.value\"\n          >\n          </po-number>\n        }\n      </div>\n      <div class=\"po-row\">\n        <po-divider class=\"po-md-12\" [p-label]=\"literals.periodicityData\"> </po-divider>\n        <ng-container *ngTemplateOutlet=\"periodicityTemplates[value.periodicity]\"> </ng-container>\n      </div>\n      <div class=\"po-row\">\n        <po-switch\n          class=\"po-md-3\"\n          name=\"recurrent\"\n          [(ngModel)]=\"value.recurrent\"\n          [p-label]=\"literals.recurrent\"\n          [p-label-off]=\"literals.no\"\n          [p-label-on]=\"literals.yes\"\n          [p-size]=\"componentsSize\"\n        >\n        </po-switch>\n      </div>\n    }\n  </div>\n\n  <ng-template #dailyTemplate>\n    <ng-container *ngTemplateOutlet=\"inputHourTemplate\"> </ng-container>\n  </ng-template>\n\n  <ng-template #weeklyTemplate>\n    <div class=\"po-row\">\n      <ng-container *ngTemplateOutlet=\"inputHourTemplate\"> </ng-container>\n    </div>\n\n    <po-checkbox-group\n      class=\"po-md-12\"\n      name=\"daysOfWeek\"\n      [(ngModel)]=\"value.daysOfWeek\"\n      p-columns=\"4\"\n      p-required\n      [p-label]=\"literals.weekDays\"\n      [p-options]=\"weekDays\"\n      [p-size]=\"componentsSize\"\n    >\n    </po-checkbox-group>\n  </ng-template>\n\n  <ng-template #monthlyTemplate>\n    <po-number\n      class=\"po-md-3\"\n      name=\"dayOfMonth\"\n      [(ngModel)]=\"value.dayOfMonth\"\n      p-required\n      [p-error-pattern]=\"'Dia inv\u00E1lido'\"\n      [p-label]=\"dayLabel\"\n      [p-max]=\"31\"\n      [p-pattern]=\"dayPattern\"\n      [p-size]=\"componentsSize\"\n    >\n    </po-number>\n\n    @if (containsFrequency) {\n      <po-number\n        class=\"po-md-3\"\n        name=\"rangeLimitDay\"\n        [(ngModel)]=\"value.rangeLimitDay\"\n        p-required\n        [p-error-pattern]=\"'Dia inv\u00E1lido'\"\n        [p-label]=\"literals.endDay\"\n        [p-max]=\"31\"\n        [p-pattern]=\"dayPattern\"\n        [p-size]=\"componentsSize\"\n      >\n      </po-number>\n    }\n\n    <ng-container *ngTemplateOutlet=\"inputHourTemplate\"> </ng-container>\n  </ng-template>\n\n  <ng-template #inputHourTemplate>\n    <po-input\n      class=\"po-md-2\"\n      name=\"hour\"\n      [(ngModel)]=\"value.hour\"\n      p-mask=\"99:99\"\n      p-mask-format-model\n      p-placeholder=\"HH:mm\"\n      p-required\n      [p-label]=\"hourLabel\"\n      [p-pattern]=\"timePattern\"\n      [p-size]=\"componentsSize\"\n    >\n    </po-input>\n\n    @if (containsFrequency && value.frequency.type !== 'day') {\n      <po-input\n        class=\"po-md-2\"\n        name=\"rangeLimitHour\"\n        [(ngModel)]=\"value.rangeLimitHour\"\n        p-mask=\"99:99\"\n        p-mask-format-model\n        p-placeholder=\"HH:mm\"\n        p-required\n        [p-label]=\"literals.endTime\"\n        [p-pattern]=\"timePattern\"\n        [p-size]=\"componentsSize\"\n      >\n      </po-input>\n    }\n  </ng-template>\n</form>\n", dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i3.PoDividerComponent, selector: "po-divider" }, { kind: "component", type: i3.PoCheckboxGroupComponent, selector: "po-checkbox-group" }, { kind: "component", type: i3.PoRadioGroupComponent, selector: "po-radio-group", inputs: ["p-label", "p-help"] }, { kind: "component", type: i3.PoDatepickerComponent, selector: "po-datepicker", inputs: ["p-label", "p-help"] }, { kind: "component", type: i3.PoInputComponent, selector: "po-input" }, { kind: "component", type: i3.PoLookupComponent, selector: "po-lookup" }, { kind: "component", type: i3.PoNumberComponent, selector: "po-number", inputs: ["p-step", "p-min", "p-max"] }, { kind: "component", type: i3.PoSwitchComponent, selector: "po-switch", inputs: ["p-value", "p-format-model", "p-hide-label-status", "p-label-position", "p-label-off", "p-label-on", "p-field-error-message", "p-error-limit", "p-invalid-value", "p-size"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.7", type: PoPageJobSchedulerExecutionComponent, isStandalone: false, selector: "po-page-job-scheduler-execution", inputs: { componentsSize: ["p-components-size", "componentsSize"], isEdit: ["p-is-edit", "isEdit"], literals: ["p-literals", "literals"], noParameters: ["p-no-parameters", "noParameters"], noCustomParamsComponent: ["p-no-custom-params-component", "noCustomParamsComponent"], value: ["p-value", "value"] }, outputs: { changeProcess: "p-change-process" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["formExecution"], descendants: true, static: true }, { propertyName: "dailyTemplate", first: true, predicate: ["dailyTemplate"], descendants: true, static: true }, { propertyName: "monthlyTemplate", first: true, predicate: ["monthlyTemplate"], descendants: true, static: true }, { propertyName: "weeklyTempalte", first: true, predicate: ["weeklyTemplate"], descendants: true, static: true }], ngImport: i0, template: "<form #formExecution=\"ngForm\">\n  <div class=\"po-row\">\n    @if (existProcessAPI) {\n      @if (noParameters && noCustomParamsComponent) {\n        <po-lookup\n          class=\"po-md-12\"\n          name=\"processID\"\n          [(ngModel)]=\"value.processID\"\n          p-field-label=\"description\"\n          p-field-value=\"processID\"\n          p-required\n          [p-disabled]=\"isEdit\"\n          [p-filter-service]=\"poPageJobSchedulerLookup\"\n          [p-label]=\"literals.process\"\n          [p-placeholder]=\"literals.enterProcess\"\n          [p-size]=\"componentsSize\"\n        >\n        </po-lookup>\n      }\n    } @else {\n      <po-input\n        class=\"po-md-12\"\n        name=\"processID\"\n        [(ngModel)]=\"value.processID\"\n        p-required\n        [p-disabled]=\"isEdit\"\n        [p-label]=\"literals.process\"\n        [p-placeholder]=\"literals.enterProcess\"\n        [p-size]=\"componentsSize\"\n      >\n      </po-input>\n    }\n  </div>\n\n  <div class=\"po-row\">\n    <po-divider class=\"po-md-12\" [p-label]=\"literals.firstExecution\"></po-divider>\n\n    <po-datepicker\n      class=\"po-md-4\"\n      name=\"firstExecution\"\n      [(ngModel)]=\"value.firstExecution\"\n      p-placeholder=\"dd/mm/aaaa\"\n      p-required\n      [p-disabled]=\"isEdit\"\n      [p-label]=\"literals.day\"\n      [p-min-date]=\"startDateFirstExecution\"\n      [p-size]=\"componentsSize\"\n    >\n    </po-datepicker>\n\n    <po-input\n      class=\"po-md-2\"\n      name=\"firstExecutionHour\"\n      [(ngModel)]=\"value.firstExecutionHour\"\n      p-mask=\"99:99\"\n      p-mask-format-model\n      p-placeholder=\"HH:mm\"\n      p-required\n      [p-disabled]=\"isEdit\"\n      [p-label]=\"literals.time\"\n      [p-pattern]=\"timePattern\"\n      [p-size]=\"componentsSize\"\n    >\n    </po-input>\n  </div>\n\n  <hr />\n\n  <div class=\"po-row\">\n    <po-radio-group\n      class=\"po-sm-12\"\n      name=\"periodicity\"\n      [(ngModel)]=\"value.periodicity\"\n      p-columns=\"4\"\n      p-required\n      [p-label]=\"literals.periodicity\"\n      [p-options]=\"periodicityOptions\"\n      [p-size]=\"componentsSize\"\n      (p-change)=\"onChangePeriodicityOptions($event)\"\n    >\n    </po-radio-group>\n\n    @if (value.periodicity !== 'single') {\n      <div class=\"po-row\">\n        <po-switch\n          class=\"po-md-12\"\n          name=\"containsFrequency\"\n          [(ngModel)]=\"containsFrequency\"\n          [p-label]=\"literals.frequency\"\n          [p-label-off]=\"literals.no\"\n          [p-label-on]=\"literals.yes\"\n          [p-size]=\"componentsSize\"\n          (p-change)=\"onChangeContainsFrequency($event)\"\n        >\n        </po-switch>\n        @if (containsFrequency) {\n          <po-radio-group\n            class=\"po-md-10\"\n            name=\"frequencyType\"\n            p-required\n            [(ngModel)]=\"value.frequency.type\"\n            [p-columns]=\"3\"\n            [p-options]=\"frequencyOptions\"\n            [p-size]=\"componentsSize\"\n            (p-change)=\"onChangeFrequencyOptions()\"\n          >\n          </po-radio-group>\n          <po-number\n            class=\"po-md-2\"\n            name=\"frequencyValue\"\n            p-required\n            [p-size]=\"componentsSize\"\n            [(ngModel)]=\"value.frequency.value\"\n          >\n          </po-number>\n        }\n      </div>\n      <div class=\"po-row\">\n        <po-divider class=\"po-md-12\" [p-label]=\"literals.periodicityData\"> </po-divider>\n        <ng-container *ngTemplateOutlet=\"periodicityTemplates[value.periodicity]\"> </ng-container>\n      </div>\n      <div class=\"po-row\">\n        <po-switch\n          class=\"po-md-3\"\n          name=\"recurrent\"\n          [(ngModel)]=\"value.recurrent\"\n          [p-label]=\"literals.recurrent\"\n          [p-label-off]=\"literals.no\"\n          [p-label-on]=\"literals.yes\"\n          [p-size]=\"componentsSize\"\n        >\n        </po-switch>\n      </div>\n    }\n  </div>\n\n  <ng-template #dailyTemplate>\n    <ng-container *ngTemplateOutlet=\"inputHourTemplate\"> </ng-container>\n  </ng-template>\n\n  <ng-template #weeklyTemplate>\n    <div class=\"po-row\">\n      <ng-container *ngTemplateOutlet=\"inputHourTemplate\"> </ng-container>\n    </div>\n\n    <po-checkbox-group\n      class=\"po-md-12\"\n      name=\"daysOfWeek\"\n      [(ngModel)]=\"value.daysOfWeek\"\n      p-columns=\"4\"\n      p-required\n      [p-label]=\"literals.weekDays\"\n      [p-options]=\"weekDays\"\n      [p-size]=\"componentsSize\"\n    >\n    </po-checkbox-group>\n  </ng-template>\n\n  <ng-template #monthlyTemplate>\n    <po-number\n      class=\"po-md-3\"\n      name=\"dayOfMonth\"\n      [(ngModel)]=\"value.dayOfMonth\"\n      p-required\n      [p-error-pattern]=\"'Dia inv\u00E1lido'\"\n      [p-label]=\"dayLabel\"\n      [p-max]=\"31\"\n      [p-pattern]=\"dayPattern\"\n      [p-size]=\"componentsSize\"\n    >\n    </po-number>\n\n    @if (containsFrequency) {\n      <po-number\n        class=\"po-md-3\"\n        name=\"rangeLimitDay\"\n        [(ngModel)]=\"value.rangeLimitDay\"\n        p-required\n        [p-error-pattern]=\"'Dia inv\u00E1lido'\"\n        [p-label]=\"literals.endDay\"\n        [p-max]=\"31\"\n        [p-pattern]=\"dayPattern\"\n        [p-size]=\"componentsSize\"\n      >\n      </po-number>\n    }\n\n    <ng-container *ngTemplateOutlet=\"inputHourTemplate\"> </ng-container>\n  </ng-template>\n\n  <ng-template #inputHourTemplate>\n    <po-input\n      class=\"po-md-2\"\n      name=\"hour\"\n      [(ngModel)]=\"value.hour\"\n      p-mask=\"99:99\"\n      p-mask-format-model\n      p-placeholder=\"HH:mm\"\n      p-required\n      [p-label]=\"hourLabel\"\n      [p-pattern]=\"timePattern\"\n      [p-size]=\"componentsSize\"\n    >\n    </po-input>\n\n    @if (containsFrequency && value.frequency.type !== 'day') {\n      <po-input\n        class=\"po-md-2\"\n        name=\"rangeLimitHour\"\n        [(ngModel)]=\"value.rangeLimitHour\"\n        p-mask=\"99:99\"\n        p-mask-format-model\n        p-placeholder=\"HH:mm\"\n        p-required\n        [p-label]=\"literals.endTime\"\n        [p-pattern]=\"timePattern\"\n        [p-size]=\"componentsSize\"\n      >\n      </po-input>\n    }\n  </ng-template>\n</form>\n", dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i3.PoDividerComponent, selector: "po-divider" }, { kind: "component", type: i3.PoCheckboxGroupComponent, selector: "po-checkbox-group" }, { kind: "component", type: i3.PoRadioGroupComponent, selector: "po-radio-group", inputs: ["p-label", "p-help"] }, { kind: "component", type: i3.PoDatepickerComponent, selector: "po-datepicker", inputs: ["p-label", "p-help"] }, { kind: "component", type: i3.PoInputComponent, selector: "po-input" }, { kind: "component", type: i3.PoLookupComponent, selector: "po-lookup" }, { kind: "component", type: i3.PoNumberComponent, selector: "po-number", inputs: ["p-step", "p-min", "p-max"] }, { kind: "component", type: i3.PoSwitchComponent, selector: "po-switch", inputs: ["p-value", "p-format-model", "p-hide-label-status", "p-label-position", "p-label-off", "p-label-on", "p-field-error-message", "p-error-limit", "p-invalid-value", "p-size", "p-helper", "p-label-text-wrap"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageJobSchedulerExecutionComponent, decorators: [{
             type: Component,
@@ -10069,7 +10069,7 @@ class PoPageLoginComponent extends PoPageLoginBaseComponent {
         return language?.language || this.languagesList[0].language;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: PoPageLoginComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.7", type: PoPageLoginComponent, isStandalone: false, selector: "po-page-login", viewQueries: [{ propertyName: "loginForm", first: true, predicate: ["loginForm"], descendants: true, read: NgForm, static: true }, { propertyName: "pageLogin", first: true, predicate: ["pageLogin"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<button class=\"po-page-login-support\" (click)=\"activateSupport()\" [hidden]=\"!support\">\n  <po-icon p-icon=\"ICON_HELP\"></po-icon>\n  {{ pageLoginLiterals?.support }}\n</button>\n\n<po-page-background\n  #pageLogin\n  [p-components-size]=\"componentsSize\"\n  [p-show-select-language]=\"showLanguage\"\n  [p-languages]=\"languagesList\"\n  [p-initial-language]=\"initialSelectLanguage\"\n  [p-background]=\"background\"\n  [p-highlight-info]=\"pageLoginLiterals.highlightInfo\"\n  [p-logo]=\"logo\"\n  [p-secondary-logo]=\"secondaryLogo\"\n  (p-selected-language)=\"onSelectedLanguage($event)\"\n>\n  <header class=\"po-page-login-header\">\n    <div class=\"po-page-login-header-product-name\">\n      <h1>{{ productName }}</h1>\n    </div>\n\n    <div class=\"po-page-login-header-product-environment po-mb-md-4 po-mb-sm-1\">\n      @if (environment) {\n        <po-tag p-type=\"warning\" [p-value]=\"environment\"> </po-tag>\n      }\n    </div>\n    <div class=\"po-page-login-header-welcome po-mb-md-4 po-mb-sm-2\">{{ pageLoginLiterals.welcome }}</div>\n  </header>\n\n  <form #loginForm=\"ngForm\" class=\"po-page-login-form\">\n    <div class=\"po-row\">\n      <div class=\"po-lg-12\">\n        <div class=\"po-page-login-hint po-page-login-info-container\">\n          <po-login\n            class=\"po-page-login-info-field\"\n            [class.po-page-login-info-field-dynamic]=\"\n              !pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\n            \"\n            name=\"login\"\n            [(ngModel)]=\"login\"\n            p-auto-focus\n            p-required\n            [p-label]=\"pageLoginLiterals.loginLabel\"\n            [p-no-autocomplete]=\"noAutocompleteLogin\"\n            [p-pattern]=\"loginPattern\"\n            [p-placeholder]=\"pageLoginLiterals.loginPlaceholder\"\n            [p-size]=\"componentsSize\"\n            (click)=\"closePopover()\"\n            (keyup.enter)=\"loginForm.valid && onLoginSubmit()\"\n            (p-change-model)=\"changeLoginModel()\"\n          >\n          </po-login>\n\n          @if (pageLoginLiterals.loginHint || pageLoginLiterals.rememberUserHint) {\n            <div\n              class=\"po-page-login-info-icon-container\"\n              [class.po-page-login-info-icon-container-dynamic]=\"\n                !pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\n              \"\n            >\n              @if (pageLoginLiterals.loginHint) {\n                <po-icon\n                  p-icon=\"ICON_INFO po-field-icon\"\n                  p-tooltip-position=\"right\"\n                  [p-tooltip]=\"pageLoginLiterals.loginHint\"\n                >\n                </po-icon>\n              }\n            </div>\n          }\n        </div>\n\n        <div class=\"po-field-container-bottom po-field-container-error-container\">\n          @for (error of allLoginErrors; track error) {\n            <div class=\"po-field-container-bottom-text-error po-field-container-error-item\">\n              <po-icon p-icon=\"ICON_EXCLAMATION\"></po-icon>\n              <span class=\"po-field-container-error-text\">{{ error }}</span>\n            </div>\n          }\n        </div>\n      </div>\n\n      <div class=\"po-lg-12\">\n        <div class=\"po-page-login-password-container\">\n          <po-password\n            class=\"po-page-login-field-size po-page-login-password-item\"\n            [class.po-page-login-field-size-dynamic]=\"\n              !pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\n            \"\n            name=\"password\"\n            [(ngModel)]=\"password\"\n            p-required\n            [p-hide-password-peek]=\"hidePasswordPeek\"\n            [p-label]=\"pageLoginLiterals.passwordLabel\"\n            [p-no-autocomplete]=\"noAutocompletePassword\"\n            [p-pattern]=\"passwordPattern\"\n            [p-placeholder]=\"pageLoginLiterals.passwordPlaceholder\"\n            [p-size]=\"componentsSize\"\n            (click)=\"closePopover()\"\n            (keyup.enter)=\"loginForm.valid && onLoginSubmit()\"\n            (p-change-model)=\"changePasswordModel()\"\n          >\n          </po-password>\n          @if (pageLoginLiterals.loginHint || pageLoginLiterals.rememberUserHint) {\n            <div class=\"po-page-login-password-item po-page-login-password-popover-container\">\n              @if (showExceededAttemptsWarning && exceededAttemptsWarning) {\n                <po-page-login-popover\n                  [p-literals]=\"pageLoginLiterals\"\n                  [p-recovery]=\"recovery\"\n                  [p-remaining-attempts]=\"exceededAttemptsWarning\"\n                  (p-forgot-password)=\"openUrl($event)\"\n                >\n                </po-page-login-popover>\n              }\n            </div>\n          }\n        </div>\n        <div class=\"po-field-container-bottom po-field-container-error-container\">\n          @for (error of allPasswordErrors; track error) {\n            <div class=\"po-field-container-bottom-text-error po-field-container-error-item\">\n              <po-icon p-icon=\"ICON_EXCLAMATION\"></po-icon>\n              <span class=\"po-field-container-error-text\">{{ error }}</span>\n            </div>\n          }\n        </div>\n      </div>\n\n      @if (customField && customFieldType === 'input') {\n        <po-input\n          [class.po-page-login-field-size-dynamic]=\"!pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\"\n          class=\"po-page-login-field-size po-lg-12\"\n          name=\"customFieldInput\"\n          [(ngModel)]=\"customFieldObject.value\"\n          p-required\n          [p-error-pattern]=\"customFieldObject.errorPattern || pageLoginLiterals.customFieldErrorPattern\"\n          [p-pattern]=\"customFieldObject.pattern\"\n          [p-placeholder]=\"customFieldObject.placeholder || pageLoginLiterals.customFieldPlaceholder\"\n          [p-size]=\"componentsSize\"\n          (keyup.enter)=\"loginForm.valid && onLoginSubmit()\"\n        >\n        </po-input>\n      }\n\n      @if (customField && customFieldType === 'combo') {\n        <po-combo\n          [class.po-page-login-field-size-dynamic]=\"!pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\"\n          class=\"po-page-login-field-size po-lg-12\"\n          name=\"customFieldCombo\"\n          [(ngModel)]=\"customFieldObject.value\"\n          p-required\n          [p-field-value]=\"customFieldObject.fieldValue\"\n          [p-filter-service]=\"customFieldObject.url\"\n          [p-placeholder]=\"customFieldObject.placeholder || pageLoginLiterals.customFieldPlaceholder\"\n          [p-size]=\"componentsSize\"\n        >\n        </po-combo>\n      }\n\n      @if (customField && customFieldType === 'select') {\n        <po-select\n          [class.po-page-login-field-size-dynamic]=\"!pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\"\n          class=\"po-page-login-field-size po-lg-12\"\n          name=\"customFieldSelect\"\n          [(ngModel)]=\"customFieldObject.value\"\n          p-required\n          [p-placeholder]=\"customFieldObject.placeholder || pageLoginLiterals.customFieldPlaceholder\"\n          [p-options]=\"customFieldObject.options\"\n          [p-size]=\"componentsSize\"\n        >\n        </po-select>\n      }\n\n      <div class=\"po-lg-12\">\n        @if (!hideRememberUser) {\n          <div class=\"po-page-login-hint po-page-login-info-container\">\n            <po-switch\n              class=\"po-page-login-info-field po-lg-7 po-offset-lg-5 po-offset-xl-5\"\n              name=\"rememberUser\"\n              [(ngModel)]=\"rememberUser\"\n              p-label-position=\"1\"\n              [p-label-off]=\"pageLoginLiterals.rememberUser\"\n              [p-label-on]=\"pageLoginLiterals.rememberUser\"\n              [p-size]=\"componentsSize\"\n              (keyup.enter)=\"loginForm.valid && onLoginSubmit()\"\n              [p-hide-label-status]=\"hideLabelStatus\"\n            >\n            </po-switch>\n            @if (pageLoginLiterals.loginHint || pageLoginLiterals.rememberUserHint) {\n              <div\n                class=\"po-page-login-info-icon-container po-page-login-info-icon-remember-user\"\n                [class.po-page-login-info-icon-container-dynamic]=\"!pageLoginLiterals.rememberUserHint\"\n              >\n                @if (pageLoginLiterals.rememberUserHint) {\n                  <po-icon\n                    p-icon=\"ICON_INFO po-field-icon\"\n                    p-tooltip-position=\"right\"\n                    [p-tooltip]=\"pageLoginLiterals.rememberUserHint\"\n                  >\n                  </po-icon>\n                }\n              </div>\n            }\n          </div>\n        }\n      </div>\n\n      <po-button\n        [class.po-page-login-button-dynamic]=\"!pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\"\n        class=\"po-lg-12 po-page-login-button po-page-login-field-size\"\n        p-kind=\"primary\"\n        [p-disabled]=\"loginForm.invalid\"\n        [p-label]=\"loading ? pageLoginLiterals.submittedLabel : pageLoginLiterals.submitLabel\"\n        [p-loading]=\"loading\"\n        [p-size]=\"componentsSize\"\n        (p-click)=\"onLoginSubmit()\"\n      >\n      </po-button>\n\n      @if (recovery) {\n        <div class=\"po-page-login-recovery-link\">\n          <a class=\"po-font-text-large-bold\" (click)=\"openUrl(recovery)\">{{ pageLoginLiterals.forgotPassword }}</a>\n        </div>\n      }\n\n      @if (registerUrl) {\n        <div class=\"po-page-login-register-link\">\n          <a class=\"po-font-text-large-bold\" (click)=\"openUrl(registerUrl)\">{{ pageLoginLiterals.registerUrl }}</a>\n        </div>\n      }\n    </div>\n  </form>\n</po-page-background>\n", dependencies: [{ kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: PoPageBackgroundComponent, selector: "po-page-background", inputs: ["p-background", "p-initial-language", "p-hide-logo", "p-highlight-info", "p-components-size", "p-languages", "p-logo", "p-logo-alt", "p-secondary-logo", "p-show-select-language"], outputs: ["p-selected-language"] }, { kind: "component", type: i3.PoButtonComponent, selector: "po-button" }, { kind: "component", type: i3.PoComboComponent, selector: "po-combo" }, { kind: "component", type: i3.PoInputComponent, selector: "po-input" }, { kind: "component", type: i3.PoLoginComponent, selector: "po-login", inputs: ["p-no-autocomplete"] }, { kind: "component", type: i3.PoPasswordComponent, selector: "po-password", inputs: ["p-hide-password-peek", "p-no-autocomplete"] }, { kind: "component", type: i3.PoSelectComponent, selector: "po-select", inputs: ["p-readonly", "p-placeholder", "p-options", "p-field-label", "p-field-value", "p-control-value-with-label", "p-size"], outputs: ["p-blur", "ngModelChange"] }, { kind: "component", type: i3.PoSwitchComponent, selector: "po-switch", inputs: ["p-value", "p-format-model", "p-hide-label-status", "p-label-position", "p-label-off", "p-label-on", "p-field-error-message", "p-error-limit", "p-invalid-value", "p-size"] }, { kind: "component", type: i3.PoTagComponent, selector: "po-tag" }, { kind: "component", type: i3.PoIconComponent, selector: "po-icon", inputs: ["p-icon"] }, { kind: "directive", type: i3.PoTooltipDirective, selector: "[p-tooltip]" }, { kind: "component", type: PoPageLoginPopoverComponent, selector: "po-page-login-popover", inputs: ["p-literals", "p-recovery", "p-remaining-attempts"], outputs: ["p-forgot-password"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.7", type: PoPageLoginComponent, isStandalone: false, selector: "po-page-login", viewQueries: [{ propertyName: "loginForm", first: true, predicate: ["loginForm"], descendants: true, read: NgForm, static: true }, { propertyName: "pageLogin", first: true, predicate: ["pageLogin"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<button class=\"po-page-login-support\" (click)=\"activateSupport()\" [hidden]=\"!support\">\n  <po-icon p-icon=\"ICON_HELP\"></po-icon>\n  {{ pageLoginLiterals?.support }}\n</button>\n\n<po-page-background\n  #pageLogin\n  [p-components-size]=\"componentsSize\"\n  [p-show-select-language]=\"showLanguage\"\n  [p-languages]=\"languagesList\"\n  [p-initial-language]=\"initialSelectLanguage\"\n  [p-background]=\"background\"\n  [p-highlight-info]=\"pageLoginLiterals.highlightInfo\"\n  [p-logo]=\"logo\"\n  [p-secondary-logo]=\"secondaryLogo\"\n  (p-selected-language)=\"onSelectedLanguage($event)\"\n>\n  <header class=\"po-page-login-header\">\n    <div class=\"po-page-login-header-product-name\">\n      <h1>{{ productName }}</h1>\n    </div>\n\n    <div class=\"po-page-login-header-product-environment po-mb-md-4 po-mb-sm-1\">\n      @if (environment) {\n        <po-tag p-type=\"warning\" [p-value]=\"environment\"> </po-tag>\n      }\n    </div>\n    <div class=\"po-page-login-header-welcome po-mb-md-4 po-mb-sm-2\">{{ pageLoginLiterals.welcome }}</div>\n  </header>\n\n  <form #loginForm=\"ngForm\" class=\"po-page-login-form\">\n    <div class=\"po-row\">\n      <div class=\"po-lg-12\">\n        <div class=\"po-page-login-hint po-page-login-info-container\">\n          <po-login\n            class=\"po-page-login-info-field\"\n            [class.po-page-login-info-field-dynamic]=\"\n              !pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\n            \"\n            name=\"login\"\n            [(ngModel)]=\"login\"\n            p-auto-focus\n            p-required\n            [p-label]=\"pageLoginLiterals.loginLabel\"\n            [p-no-autocomplete]=\"noAutocompleteLogin\"\n            [p-pattern]=\"loginPattern\"\n            [p-placeholder]=\"pageLoginLiterals.loginPlaceholder\"\n            [p-size]=\"componentsSize\"\n            (click)=\"closePopover()\"\n            (keyup.enter)=\"loginForm.valid && onLoginSubmit()\"\n            (p-change-model)=\"changeLoginModel()\"\n          >\n          </po-login>\n\n          @if (pageLoginLiterals.loginHint || pageLoginLiterals.rememberUserHint) {\n            <div\n              class=\"po-page-login-info-icon-container\"\n              [class.po-page-login-info-icon-container-dynamic]=\"\n                !pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\n              \"\n            >\n              @if (pageLoginLiterals.loginHint) {\n                <po-icon\n                  p-icon=\"ICON_INFO po-field-icon\"\n                  p-tooltip-position=\"right\"\n                  [p-tooltip]=\"pageLoginLiterals.loginHint\"\n                >\n                </po-icon>\n              }\n            </div>\n          }\n        </div>\n\n        <div class=\"po-field-container-bottom po-field-container-error-container\">\n          @for (error of allLoginErrors; track error) {\n            <div class=\"po-field-container-bottom-text-error po-field-container-error-item\">\n              <po-icon p-icon=\"ICON_EXCLAMATION\"></po-icon>\n              <span class=\"po-field-container-error-text\">{{ error }}</span>\n            </div>\n          }\n        </div>\n      </div>\n\n      <div class=\"po-lg-12\">\n        <div class=\"po-page-login-password-container\">\n          <po-password\n            class=\"po-page-login-field-size po-page-login-password-item\"\n            [class.po-page-login-field-size-dynamic]=\"\n              !pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\n            \"\n            name=\"password\"\n            [(ngModel)]=\"password\"\n            p-required\n            [p-hide-password-peek]=\"hidePasswordPeek\"\n            [p-label]=\"pageLoginLiterals.passwordLabel\"\n            [p-no-autocomplete]=\"noAutocompletePassword\"\n            [p-pattern]=\"passwordPattern\"\n            [p-placeholder]=\"pageLoginLiterals.passwordPlaceholder\"\n            [p-size]=\"componentsSize\"\n            (click)=\"closePopover()\"\n            (keyup.enter)=\"loginForm.valid && onLoginSubmit()\"\n            (p-change-model)=\"changePasswordModel()\"\n          >\n          </po-password>\n          @if (pageLoginLiterals.loginHint || pageLoginLiterals.rememberUserHint) {\n            <div class=\"po-page-login-password-item po-page-login-password-popover-container\">\n              @if (showExceededAttemptsWarning && exceededAttemptsWarning) {\n                <po-page-login-popover\n                  [p-literals]=\"pageLoginLiterals\"\n                  [p-recovery]=\"recovery\"\n                  [p-remaining-attempts]=\"exceededAttemptsWarning\"\n                  (p-forgot-password)=\"openUrl($event)\"\n                >\n                </po-page-login-popover>\n              }\n            </div>\n          }\n        </div>\n        <div class=\"po-field-container-bottom po-field-container-error-container\">\n          @for (error of allPasswordErrors; track error) {\n            <div class=\"po-field-container-bottom-text-error po-field-container-error-item\">\n              <po-icon p-icon=\"ICON_EXCLAMATION\"></po-icon>\n              <span class=\"po-field-container-error-text\">{{ error }}</span>\n            </div>\n          }\n        </div>\n      </div>\n\n      @if (customField && customFieldType === 'input') {\n        <po-input\n          [class.po-page-login-field-size-dynamic]=\"!pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\"\n          class=\"po-page-login-field-size po-lg-12\"\n          name=\"customFieldInput\"\n          [(ngModel)]=\"customFieldObject.value\"\n          p-required\n          [p-error-pattern]=\"customFieldObject.errorPattern || pageLoginLiterals.customFieldErrorPattern\"\n          [p-pattern]=\"customFieldObject.pattern\"\n          [p-placeholder]=\"customFieldObject.placeholder || pageLoginLiterals.customFieldPlaceholder\"\n          [p-size]=\"componentsSize\"\n          (keyup.enter)=\"loginForm.valid && onLoginSubmit()\"\n        >\n        </po-input>\n      }\n\n      @if (customField && customFieldType === 'combo') {\n        <po-combo\n          [class.po-page-login-field-size-dynamic]=\"!pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\"\n          class=\"po-page-login-field-size po-lg-12\"\n          name=\"customFieldCombo\"\n          [(ngModel)]=\"customFieldObject.value\"\n          p-required\n          [p-field-value]=\"customFieldObject.fieldValue\"\n          [p-filter-service]=\"customFieldObject.url\"\n          [p-placeholder]=\"customFieldObject.placeholder || pageLoginLiterals.customFieldPlaceholder\"\n          [p-size]=\"componentsSize\"\n        >\n        </po-combo>\n      }\n\n      @if (customField && customFieldType === 'select') {\n        <po-select\n          [class.po-page-login-field-size-dynamic]=\"!pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\"\n          class=\"po-page-login-field-size po-lg-12\"\n          name=\"customFieldSelect\"\n          [(ngModel)]=\"customFieldObject.value\"\n          p-required\n          [p-placeholder]=\"customFieldObject.placeholder || pageLoginLiterals.customFieldPlaceholder\"\n          [p-options]=\"customFieldObject.options\"\n          [p-size]=\"componentsSize\"\n        >\n        </po-select>\n      }\n\n      <div class=\"po-lg-12\">\n        @if (!hideRememberUser) {\n          <div class=\"po-page-login-hint po-page-login-info-container\">\n            <po-switch\n              class=\"po-page-login-info-field po-lg-7 po-offset-lg-5 po-offset-xl-5\"\n              name=\"rememberUser\"\n              [(ngModel)]=\"rememberUser\"\n              p-label-position=\"1\"\n              [p-label-off]=\"pageLoginLiterals.rememberUser\"\n              [p-label-on]=\"pageLoginLiterals.rememberUser\"\n              [p-size]=\"componentsSize\"\n              (keyup.enter)=\"loginForm.valid && onLoginSubmit()\"\n              [p-hide-label-status]=\"hideLabelStatus\"\n            >\n            </po-switch>\n            @if (pageLoginLiterals.loginHint || pageLoginLiterals.rememberUserHint) {\n              <div\n                class=\"po-page-login-info-icon-container po-page-login-info-icon-remember-user\"\n                [class.po-page-login-info-icon-container-dynamic]=\"!pageLoginLiterals.rememberUserHint\"\n              >\n                @if (pageLoginLiterals.rememberUserHint) {\n                  <po-icon\n                    p-icon=\"ICON_INFO po-field-icon\"\n                    p-tooltip-position=\"right\"\n                    [p-tooltip]=\"pageLoginLiterals.rememberUserHint\"\n                  >\n                  </po-icon>\n                }\n              </div>\n            }\n          </div>\n        }\n      </div>\n\n      <po-button\n        [class.po-page-login-button-dynamic]=\"!pageLoginLiterals.loginHint && !pageLoginLiterals.rememberUserHint\"\n        class=\"po-lg-12 po-page-login-button po-page-login-field-size\"\n        p-kind=\"primary\"\n        [p-disabled]=\"loginForm.invalid\"\n        [p-label]=\"loading ? pageLoginLiterals.submittedLabel : pageLoginLiterals.submitLabel\"\n        [p-loading]=\"loading\"\n        [p-size]=\"componentsSize\"\n        (p-click)=\"onLoginSubmit()\"\n      >\n      </po-button>\n\n      @if (recovery) {\n        <div class=\"po-page-login-recovery-link\">\n          <a class=\"po-font-text-large-bold\" (click)=\"openUrl(recovery)\">{{ pageLoginLiterals.forgotPassword }}</a>\n        </div>\n      }\n\n      @if (registerUrl) {\n        <div class=\"po-page-login-register-link\">\n          <a class=\"po-font-text-large-bold\" (click)=\"openUrl(registerUrl)\">{{ pageLoginLiterals.registerUrl }}</a>\n        </div>\n      }\n    </div>\n  </form>\n</po-page-background>\n", dependencies: [{ kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: PoPageBackgroundComponent, selector: "po-page-background", inputs: ["p-background", "p-initial-language", "p-hide-logo", "p-highlight-info", "p-components-size", "p-languages", "p-logo", "p-logo-alt", "p-secondary-logo", "p-show-select-language"], outputs: ["p-selected-language"] }, { kind: "component", type: i3.PoButtonComponent, selector: "po-button" }, { kind: "component", type: i3.PoComboComponent, selector: "po-combo" }, { kind: "component", type: i3.PoInputComponent, selector: "po-input" }, { kind: "component", type: i3.PoLoginComponent, selector: "po-login", inputs: ["p-no-autocomplete"] }, { kind: "component", type: i3.PoPasswordComponent, selector: "po-password", inputs: ["p-hide-password-peek", "p-no-autocomplete"] }, { kind: "component", type: i3.PoSelectComponent, selector: "po-select", inputs: ["p-readonly", "p-placeholder", "p-options", "p-field-label", "p-field-value", "p-control-value-with-label", "p-size", "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-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: "19.0.7", ngImport: i0, type: PoPageLoginComponent, decorators: [{
             type: Component,