@po-ui/ng-components 19.9.0 → 19.10.0

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

@@ -933,7 +933,7 @@ class PoControlPositionService {
                 innerWidth: window.innerWidth,
                 innerHeight: window.innerHeight
             },
-            element: this.element.getBoundingClientRect(),
+            element: this.element?.getBoundingClientRect(),
             target: this.targetElement ? this.targetElement.getBoundingClientRect() : { top: 0, bottom: 0, right: 0, left: 0 }
         };
     }
@@ -30381,6 +30381,7 @@ const poComboLiteralsDefault = {
 const PO_COMBO_DEBOUNCE_TIME_DEFAULT = 400;
 const PO_COMBO_FIELD_LABEL_DEFAULT = 'label';
 const PO_COMBO_FIELD_VALUE_DEFAULT = 'value';
+const poMultiselectContainerPositionDefault$1 = 'bottom';
 /**
  * @description
  *
@@ -30679,6 +30680,19 @@ class PoComboBaseComponent {
      * Determinar se o valor do compo deve retorna objeto do tipo {value: any, label: any}
      */
     controlValueWithLabel = false;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define a direção preferida para exibição do `listbox` em relação ao campo (`top` ou `bottom`).
+     * Útil em casos onde o posicionamento automático não se comporta como esperado, como quando o componente está próximo
+     * ao final do formulário ou do container visível. Na maioria dos casos, essa direção será respeitada; no entanto,
+     * pode ser ajustada automaticamente conforme o espaço disponível na tela.
+     *
+     * @default `bottom`
+     */
+    listboxControlPosition = poMultiselectContainerPositionDefault$1;
     cacheOptions = [];
     defaultService;
     firstInWriteValue = true;
@@ -31441,7 +31455,7 @@ class PoComboBaseComponent {
         }
     }
     static ɵfac = function PoComboBaseComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoComboBaseComponent)(i0.ɵɵdirectiveInject(PoLanguageService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(PoThemeService)); };
-    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoComboBaseComponent, inputs: { additionalHelpEventTrigger: "additionalHelpEventTrigger", additionalHelpTooltip: [0, "p-additional-help-tooltip", "additionalHelpTooltip"], autoFocus: [2, "p-auto-focus", "autoFocus", convertToBoolean], label: [0, "p-label", "label"], help: [0, "p-help", "help"], name: "name", filterService: [0, "p-filter-service", "filterService"], infiniteScroll: [0, "p-infinite-scroll", "infiniteScroll"], infiniteScrollDistance: [0, "p-infinite-scroll-distance", "infiniteScrollDistance"], icon: [0, "p-icon", "icon"], optional: [0, "p-optional", "optional"], clean: [2, "p-clean", "clean", convertToBoolean], emitObjectValue: [2, "p-emit-object-value", "emitObjectValue", convertToBoolean], disabledTabFilter: [2, "p-disabled-tab-filter", "disabledTabFilter", convertToBoolean], removeInitialFilter: [0, "p-remove-initial-filter", "removeInitialFilter"], fieldErrorMessage: [0, "p-field-error-message", "fieldErrorMessage"], errorLimit: [0, "p-error-limit", "errorLimit"], controlValueWithLabel: [2, "p-control-value-with-label", "controlValueWithLabel", convertToBoolean], placeholder: [0, "p-placeholder", "placeholder"], debounceTime: [0, "p-debounce-time", "debounceTime"], disabledInitFilter: [0, "p-disabled-init-filter", "disabledInitFilter"], fieldValue: [0, "p-field-value", "fieldValue"], fieldLabel: [0, "p-field-label", "fieldLabel"], filterMinlength: [0, "p-filter-minlength", "filterMinlength"], required: [0, "p-required", "required"], showRequired: [0, "p-show-required", "showRequired"], size: [0, "p-size", "size"], changeOnEnter: [0, "p-change-on-enter", "changeOnEnter"], disabled: [0, "p-disabled", "disabled"], sort: [0, "p-sort", "sort"], options: [0, "p-options", "options"], filterMode: [0, "p-filter-mode", "filterMode"], filterParams: [0, "p-filter-params", "filterParams"], literals: [0, "p-literals", "literals"], cache: [2, "p-cache", "cache", convertToBoolean], appendBox: [2, "p-append-in-body", "appendBox", convertToBoolean] }, outputs: { additionalHelp: "p-additional-help", change: "p-change", keydown: "p-keydown", ngModelChange: "ngModelChange", inputChange: "p-input-change" }, features: [i0.ɵɵInputTransformsFeature] });
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoComboBaseComponent, inputs: { additionalHelpEventTrigger: "additionalHelpEventTrigger", additionalHelpTooltip: [0, "p-additional-help-tooltip", "additionalHelpTooltip"], autoFocus: [2, "p-auto-focus", "autoFocus", convertToBoolean], label: [0, "p-label", "label"], help: [0, "p-help", "help"], name: "name", filterService: [0, "p-filter-service", "filterService"], infiniteScroll: [0, "p-infinite-scroll", "infiniteScroll"], infiniteScrollDistance: [0, "p-infinite-scroll-distance", "infiniteScrollDistance"], icon: [0, "p-icon", "icon"], optional: [0, "p-optional", "optional"], clean: [2, "p-clean", "clean", convertToBoolean], emitObjectValue: [2, "p-emit-object-value", "emitObjectValue", convertToBoolean], disabledTabFilter: [2, "p-disabled-tab-filter", "disabledTabFilter", convertToBoolean], removeInitialFilter: [0, "p-remove-initial-filter", "removeInitialFilter"], fieldErrorMessage: [0, "p-field-error-message", "fieldErrorMessage"], errorLimit: [0, "p-error-limit", "errorLimit"], controlValueWithLabel: [2, "p-control-value-with-label", "controlValueWithLabel", convertToBoolean], listboxControlPosition: [0, "p-listbox-control-position", "listboxControlPosition"], placeholder: [0, "p-placeholder", "placeholder"], debounceTime: [0, "p-debounce-time", "debounceTime"], disabledInitFilter: [0, "p-disabled-init-filter", "disabledInitFilter"], fieldValue: [0, "p-field-value", "fieldValue"], fieldLabel: [0, "p-field-label", "fieldLabel"], filterMinlength: [0, "p-filter-minlength", "filterMinlength"], required: [0, "p-required", "required"], showRequired: [0, "p-show-required", "showRequired"], size: [0, "p-size", "size"], changeOnEnter: [0, "p-change-on-enter", "changeOnEnter"], disabled: [0, "p-disabled", "disabled"], sort: [0, "p-sort", "sort"], options: [0, "p-options", "options"], filterMode: [0, "p-filter-mode", "filterMode"], filterParams: [0, "p-filter-params", "filterParams"], literals: [0, "p-literals", "literals"], cache: [2, "p-cache", "cache", convertToBoolean], appendBox: [2, "p-append-in-body", "appendBox", convertToBoolean] }, outputs: { additionalHelp: "p-additional-help", change: "p-change", keydown: "p-keydown", ngModelChange: "ngModelChange", inputChange: "p-input-change" }, features: [i0.ɵɵInputTransformsFeature] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoComboBaseComponent, [{
         type: Directive
@@ -31513,6 +31527,9 @@ class PoComboBaseComponent {
         }], controlValueWithLabel: [{
             type: Input,
             args: [{ alias: 'p-control-value-with-label', transform: convertToBoolean }]
+        }], listboxControlPosition: [{
+            type: Input,
+            args: ['p-listbox-control-position']
         }], placeholder: [{
             type: Input,
             args: ['p-placeholder']
@@ -31723,7 +31740,6 @@ function PoComboComponent_ng_template_21_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("p-items", ctx_r1.visibleOptions)("p-field-value", ctx_r1.dynamicValue)("p-field-label", ctx_r1.dynamicLabel)("p-template", ctx_r1.comboOptionTemplate)("p-search-value", ctx_r1.getInputValue())("p-infinite-loading", ctx_r1.infiniteLoading)("p-infinite-scroll", ctx_r1.infiniteScroll)("p-filtering", ctx_r1.isFiltering)("p-cache", ctx_r1.cache)("p-filter-mode", ctx_r1.filterMode)("p-visible", ctx_r1.comboOpen)("p-is-searching", ctx_r1.isServerSearching)("p-should-mark-letter", ctx_r1.shouldMarkLetters)("p-compare-cache", ctx_r1.compareObjects(ctx_r1.cacheOptions, ctx_r1.visibleOptions))("p-combo-service", ctx_r1.service)("p-infinite-scroll-distance", ctx_r1.infiniteScrollDistance)("p-size", ctx_r1.size)("p-container-width", ctx_r1.containerWidth);
 } }
 const poComboContainerOffset = 8;
-const poComboContainerPositionDefault = 'bottom';
 /**
  * @docsExtends PoComboBaseComponent
  *
@@ -32208,7 +32224,7 @@ class PoComboComponent extends PoComboBaseComponent {
         this.cacheOptions = this.comboOptionsList.map(item => item.value === this.selectedValue ? { ...item, selected: true } : item);
     }
     adjustContainerPosition() {
-        this.controlPosition.adjustPosition(poComboContainerPositionDefault);
+        this.controlPosition.adjustPosition(this.listboxControlPosition);
     }
     close(reset) {
         this.comboOpen = false;
@@ -32432,7 +32448,7 @@ class PoComboComponent extends PoComboBaseComponent {
             type: ViewChild,
             args: ['poListbox']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoComboComponent, { className: "PoComboComponent", filePath: "lib/components/po-field/po-combo/po-combo.component.ts", lineNumber: 105 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoComboComponent, { className: "PoComboComponent", filePath: "lib/components/po-field/po-combo/po-combo.component.ts", lineNumber: 104 }); })();
 
 const poDatepickerRangeLiteralsDefault = {
     en: {
@@ -38972,6 +38988,7 @@ var PoMultiselectFilterMode;
 const PO_MULTISELECT_DEBOUNCE_TIME_DEFAULT = 400;
 const PO_MULTISELECT_FIELD_LABEL_DEFAULT = 'label';
 const PO_MULTISELECT_FIELD_VALUE_DEFAULT = 'value';
+const poMultiselectContainerPositionDefault = 'bottom';
 const poMultiselectLiteralsDefault = {
     en: {
         noData: 'No data found',
@@ -39193,6 +39210,19 @@ class PoMultiselectBaseComponent {
      * Determinar se o valor do compo deve retorna objeto do tipo {value: any, label: any}
      */
     controlValueWithLabel = false;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define a direção preferida para exibição do `listbox` em relação ao campo (`top` ou `bottom`).
+     * Útil em casos onde o posicionamento automático não se comporta como esperado, como quando o componente está próximo
+     * ao final do formulário ou do container visível. Na maioria dos casos, essa direção será respeitada; no entanto,
+     * pode ser ajustada automaticamente conforme o espaço disponível na tela.
+     *
+     * @default `bottom`
+     */
+    listboxControlPosition = poMultiselectContainerPositionDefault;
     selectedOptions = [];
     visibleOptionsDropdown = [];
     visibleTags = [];
@@ -39731,7 +39761,7 @@ class PoMultiselectBaseComponent {
         }
     }
     static ɵfac = function PoMultiselectBaseComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PoMultiselectBaseComponent)(i0.ɵɵdirectiveInject(PoLanguageService), i0.ɵɵdirectiveInject(PoThemeService)); };
-    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoMultiselectBaseComponent, inputs: { additionalHelpEventTrigger: "additionalHelpEventTrigger", additionalHelpTooltip: [0, "p-additional-help-tooltip", "additionalHelpTooltip"], autoFocus: [2, "p-auto-focus", "autoFocus", convertToBoolean], label: [0, "p-label", "label"], help: [0, "p-help", "help"], optional: [0, "p-optional", "optional"], placeholder: [0, "p-placeholder", "placeholder"], placeholderSearch: [0, "p-placeholder-search", "placeholderSearch"], name: "name", hideSelectAll: [2, "p-hide-select-all", "hideSelectAll", convertToBoolean], fieldErrorMessage: [0, "p-field-error-message", "fieldErrorMessage"], errorLimit: [0, "p-error-limit", "errorLimit"], appendBox: [2, "p-append-in-body", "appendBox", convertToBoolean], controlValueWithLabel: [2, "p-control-value-with-label", "controlValueWithLabel", convertToBoolean], filterService: [0, "p-filter-service", "filterService"], autoHeight: [2, "p-auto-height", "autoHeight", convertToBoolean], debounceTime: [0, "p-debounce-time", "debounceTime"], literals: [0, "p-literals", "literals"], required: [0, "p-required", "required"], showRequired: [0, "p-show-required", "showRequired"], size: [0, "p-size", "size"], disabled: [0, "p-disabled", "disabled"], hideSearch: [0, "p-hide-search", "hideSearch"], options: [0, "p-options", "options"], sort: [0, "p-sort", "sort"], filterMode: [0, "p-filter-mode", "filterMode"], fieldLabel: [0, "p-field-label", "fieldLabel"], fieldValue: [0, "p-field-value", "fieldValue"] }, outputs: { additionalHelp: "p-additional-help", change: "p-change", keydown: "p-keydown" }, features: [i0.ɵɵInputTransformsFeature] });
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PoMultiselectBaseComponent, inputs: { additionalHelpEventTrigger: "additionalHelpEventTrigger", additionalHelpTooltip: [0, "p-additional-help-tooltip", "additionalHelpTooltip"], autoFocus: [2, "p-auto-focus", "autoFocus", convertToBoolean], label: [0, "p-label", "label"], help: [0, "p-help", "help"], optional: [0, "p-optional", "optional"], placeholder: [0, "p-placeholder", "placeholder"], placeholderSearch: [0, "p-placeholder-search", "placeholderSearch"], name: "name", hideSelectAll: [2, "p-hide-select-all", "hideSelectAll", convertToBoolean], fieldErrorMessage: [0, "p-field-error-message", "fieldErrorMessage"], errorLimit: [0, "p-error-limit", "errorLimit"], appendBox: [2, "p-append-in-body", "appendBox", convertToBoolean], controlValueWithLabel: [2, "p-control-value-with-label", "controlValueWithLabel", convertToBoolean], listboxControlPosition: [0, "p-listbox-control-position", "listboxControlPosition"], filterService: [0, "p-filter-service", "filterService"], autoHeight: [2, "p-auto-height", "autoHeight", convertToBoolean], debounceTime: [0, "p-debounce-time", "debounceTime"], literals: [0, "p-literals", "literals"], required: [0, "p-required", "required"], showRequired: [0, "p-show-required", "showRequired"], size: [0, "p-size", "size"], disabled: [0, "p-disabled", "disabled"], hideSearch: [0, "p-hide-search", "hideSearch"], options: [0, "p-options", "options"], sort: [0, "p-sort", "sort"], filterMode: [0, "p-filter-mode", "filterMode"], fieldLabel: [0, "p-field-label", "fieldLabel"], fieldValue: [0, "p-field-value", "fieldValue"] }, outputs: { additionalHelp: "p-additional-help", change: "p-change", keydown: "p-keydown" }, features: [i0.ɵɵInputTransformsFeature] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoMultiselectBaseComponent, [{
         type: Directive
@@ -39785,6 +39815,9 @@ class PoMultiselectBaseComponent {
         }], controlValueWithLabel: [{
             type: Input,
             args: [{ alias: 'p-control-value-with-label', transform: convertToBoolean }]
+        }], listboxControlPosition: [{
+            type: Input,
+            args: ['p-listbox-control-position']
         }], filterService: [{
             type: Input,
             args: ['p-filter-service']
@@ -39946,7 +39979,6 @@ function PoMultiselectComponent_ng_template_18_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("p-searching", ctx_r1.isServerSearching)("p-hide-search", ctx_r1.hideSearch)("p-hide-select-all", ctx_r1.hideSelectAll)("p-literals", ctx_r1.literals)("p-options", ctx_r1.options)("p-visible-options", ctx_r1.visibleOptionsDropdown)("p-selected-options", ctx_r1.selectedOptions)("p-placeholder-search", ctx_r1.placeholderSearch)("p-field-value", ctx_r1.fieldValue)("p-field-label", ctx_r1.fieldLabel)("p-multiselect-template", ctx_r1.multiselectOptionTemplate)("p-size", ctx_r1.size)("p-container-width", ctx_r1.containerWidth);
 } }
 const poMultiselectContainerOffset = 8;
-const poMultiselectContainerPositionDefault = 'bottom';
 const poMultiselectInputPaddingRight = 52;
 const poMultiselectSpaceBetweenTags = 8;
 const literalsTagRemoveOthers = {
@@ -40397,7 +40429,7 @@ class PoMultiselectComponent extends PoMultiselectBaseComponent {
         this.setVisibleOptionsDropdown(this.options);
     }
     adjustContainerPosition() {
-        this.controlPosition.adjustPosition(poMultiselectContainerPositionDefault);
+        this.controlPosition.adjustPosition(this.listboxControlPosition);
     }
     close() {
         this.dropdownIcon = 'ICON_ARROW_DOWN';
@@ -40595,7 +40627,7 @@ class PoMultiselectComponent extends PoMultiselectBaseComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoMultiselectComponent, [{
         type: Component,
-        args: [{ selector: 'po-multiselect', changeDetection: ChangeDetectionStrategy.OnPush, providers: providers$1, standalone: false, template: "<div #outerContainer>\n  <po-field-container\n    [p-disabled]=\"disabled\"\n    [p-label]=\"label\"\n    [p-optional]=\"optional\"\n    [p-required]=\"required\"\n    [p-show-required]=\"showRequired\"\n  >\n    <div\n      cdkOverlayOrigin\n      #trigger=\"cdkOverlayOrigin\"\n      class=\"po-field-container-content\"\n      [class.po-multiselect-show]=\"dropdownOpen\"\n    >\n      <div\n        #inputElement\n        [tabindex]=\"disabled ? -1 : 0\"\n        [attr.disabled]=\"disabled\"\n        [attr.aria-label]=\"label\"\n        class=\"po-input-icon-right po-multiselect-input\"\n        [class.po-multiselect-input-auto]=\"autoHeight\"\n        [class.po-multiselect-input-static]=\"!autoHeight\"\n        [class.po-multiselect-input-disabled]=\"disabled\"\n        [class.po-multiselect-input-font]=\"!disabled && !visibleTags?.length\"\n        [class.po-multiselect-input-aa]=\"size === 'small'\"\n        (keydown)=\"onKeyDown($event)\"\n        (click)=\"toggleDropdownVisibility()\"\n        (blur)=\"onBlur()\"\n      >\n        <span\n          *ngIf=\"!disabled && !visibleTags?.length\"\n          class=\"po-multiselect-input-placeholder\"\n          [class.po-multiselect-input-placeholder-aa]=\"size === 'small'\"\n          ria-hidden=\"true\"\n        >\n          {{ placeholder ? placeholder : literals.selectItem }}\n        </span>\n\n        <po-tag\n          *ngFor=\"let tag of visibleTags; index as i\"\n          [p-value]=\"tag[fieldLabel]\"\n          [p-literals]=\"i + 1 === visibleTags.length && hasMoreTag ? literalsTag : undefined\"\n          [p-removable]=\"true\"\n          [class.po-clickable]=\"tag[fieldValue] === '' && !disabled\"\n          [p-disabled]=\"disabled\"\n          (p-close)=\"closeTag(tag[fieldValue], $event)\"\n        ></po-tag>\n\n        <div class=\"po-field-icon-container-right\">\n          <po-icon\n            p-icon=\"{{ dropdownIcon }}\"\n            #iconElement\n            class=\"po-field-icon {{ disabled ? 'po-icon-input-disabled' : 'po-icon-input' }}\"\n            [class.po-field-icon-aa]=\"size === 'small'\"\n            [ngClass]=\"disabled ? 'po-field-icon-disabled' : ''\"\n          >\n          </po-icon>\n        </div>\n      </div>\n    </div>\n\n    <ng-container *ngIf=\"appendBox; then dropdownCDK; else dropdownDefault\"> </ng-container>\n\n    <ng-template #dropdownDefault>\n      <ng-container *ngTemplateOutlet=\"dropdownListbox\"> </ng-container>\n    </ng-template>\n\n    <ng-template #dropdownCDK>\n      <ng-template cdkConnectedOverlay [cdkConnectedOverlayOrigin]=\"trigger\" [cdkConnectedOverlayOpen]=\"true\">\n        <ng-container *ngTemplateOutlet=\"dropdownListbox\"></ng-container>\n      </ng-template>\n    </ng-template>\n\n    <po-field-container-bottom\n      [p-additional-help-tooltip]=\"getAdditionalHelpTooltip()\"\n      [p-append-in-body]=\"appendBox\"\n      [p-help]=\"help\"\n      [p-disabled]=\"disabled\"\n      [p-error-pattern]=\"getErrorPattern()\"\n      [p-error-limit]=\"errorLimit\"\n      [p-show-additional-help]=\"displayAdditionalHelp\"\n      [p-show-additional-help-icon]=\"showAdditionalHelpIcon()\"\n      (p-additional-help)=\"emitAdditionalHelp()\"\n    ></po-field-container-bottom>\n  </po-field-container>\n\n  <ng-template #dropdownListbox>\n    <po-multiselect-dropdown\n      #dropdownElement\n      [p-searching]=\"isServerSearching\"\n      [p-hide-search]=\"hideSearch\"\n      [p-hide-select-all]=\"hideSelectAll\"\n      [p-literals]=\"literals\"\n      [p-options]=\"options\"\n      [p-visible-options]=\"visibleOptionsDropdown\"\n      [p-selected-options]=\"selectedOptions\"\n      [p-placeholder-search]=\"placeholderSearch\"\n      [p-field-value]=\"fieldValue\"\n      [p-field-label]=\"fieldLabel\"\n      [p-multiselect-template]=\"multiselectOptionTemplate\"\n      [p-size]=\"size\"\n      (p-change)=\"changeItems($event)\"\n      (p-change-search)=\"changeSearch($event)\"\n      (p-close-dropdown)=\"controlDropdownVisibility(false)\"\n      (keydown)=\"onKeyDownDropdown($event, 0)\"\n      [p-container-width]=\"containerWidth\"\n    >\n    </po-multiselect-dropdown>\n  </ng-template>\n</div>\n" }]
+        args: [{ selector: 'po-multiselect', changeDetection: ChangeDetectionStrategy.OnPush, providers: providers$1, standalone: false, template: "<div #outerContainer>\n  <po-field-container\n    [p-disabled]=\"disabled\"\n    [p-label]=\"label\"\n    [p-optional]=\"optional\"\n    [p-required]=\"required\"\n    [p-show-required]=\"showRequired\"\n  >\n    <div\n      cdkOverlayOrigin\n      #trigger=\"cdkOverlayOrigin\"\n      class=\"po-field-container-content\"\n      [class.po-multiselect-show]=\"dropdownOpen\"\n    >\n      <div\n        #inputElement\n        [tabindex]=\"disabled ? -1 : 0\"\n        [attr.disabled]=\"disabled\"\n        [attr.aria-label]=\"label\"\n        class=\"po-input-icon-right po-multiselect-input\"\n        [class.po-multiselect-input-auto]=\"autoHeight\"\n        [class.po-multiselect-input-static]=\"!autoHeight\"\n        [class.po-multiselect-input-disabled]=\"disabled\"\n        [class.po-multiselect-input-font]=\"!disabled && !visibleTags?.length\"\n        [class.po-multiselect-input-aa]=\"size === 'small'\"\n        (keydown)=\"onKeyDown($event)\"\n        (click)=\"toggleDropdownVisibility()\"\n        (blur)=\"onBlur()\"\n      >\n        <span\n          *ngIf=\"!disabled && !visibleTags?.length\"\n          class=\"po-multiselect-input-placeholder\"\n          [class.po-multiselect-input-placeholder-aa]=\"size === 'small'\"\n          ria-hidden=\"true\"\n        >\n          {{ placeholder ? placeholder : literals.selectItem }}\n        </span>\n\n        <po-tag\n          *ngFor=\"let tag of visibleTags; index as i\"\n          [p-value]=\"tag[fieldLabel]\"\n          [p-literals]=\"i + 1 === visibleTags.length && hasMoreTag ? literalsTag : undefined\"\n          [p-removable]=\"true\"\n          [class.po-clickable]=\"tag[fieldValue] === '' && !disabled\"\n          [p-disabled]=\"disabled\"\n          (p-close)=\"closeTag(tag[fieldValue], $event)\"\n        ></po-tag>\n\n        <div class=\"po-field-icon-container-right\">\n          <po-icon\n            p-icon=\"{{ dropdownIcon }}\"\n            #iconElement\n            class=\"po-field-icon {{ disabled ? 'po-icon-input-disabled' : 'po-icon-input' }}\"\n            [class.po-field-icon-aa]=\"size === 'small'\"\n            [ngClass]=\"disabled ? 'po-field-icon-disabled' : ''\"\n          >\n          </po-icon>\n        </div>\n      </div>\n    </div>\n\n    <ng-container *ngIf=\"appendBox; then dropdownCDK; else dropdownDefault\"> </ng-container>\n\n    <ng-template #dropdownDefault>\n      <ng-container *ngTemplateOutlet=\"dropdownListbox\"> </ng-container>\n    </ng-template>\n\n    <ng-template #dropdownCDK>\n      <ng-template cdkConnectedOverlay [cdkConnectedOverlayOrigin]=\"trigger\" [cdkConnectedOverlayOpen]=\"true\">\n        <ng-container *ngTemplateOutlet=\"dropdownListbox\"></ng-container>\n      </ng-template>\n    </ng-template>\n\n    <po-field-container-bottom\n      [p-additional-help-tooltip]=\"getAdditionalHelpTooltip()\"\n      [p-append-in-body]=\"appendBox\"\n      [p-help]=\"help\"\n      [p-disabled]=\"disabled\"\n      [p-error-pattern]=\"getErrorPattern()\"\n      [p-error-limit]=\"errorLimit\"\n      [p-show-additional-help]=\"displayAdditionalHelp\"\n      [p-show-additional-help-icon]=\"showAdditionalHelpIcon()\"\n      (p-additional-help)=\"emitAdditionalHelp()\"\n    ></po-field-container-bottom>\n  </po-field-container>\n\n  <ng-template #dropdownListbox>\n    <po-multiselect-dropdown\n      #dropdownElement\n      [p-searching]=\"isServerSearching\"\n      [p-hide-search]=\"hideSearch\"\n      [p-hide-select-all]=\"hideSelectAll\"\n      [p-literals]=\"literals\"\n      [p-options]=\"options\"\n      [p-visible-options]=\"visibleOptionsDropdown\"\n      [p-selected-options]=\"selectedOptions\"\n      [p-placeholder-search]=\"placeholderSearch\"\n      [p-field-value]=\"fieldValue\"\n      [p-field-label]=\"fieldLabel\"\n      [p-multiselect-template]=\"multiselectOptionTemplate\"\n      [p-size]=\"size\"\n      [p-container-width]=\"containerWidth\"\n      (p-change)=\"changeItems($event)\"\n      (p-change-search)=\"changeSearch($event)\"\n      (p-close-dropdown)=\"controlDropdownVisibility(false)\"\n      (keydown)=\"onKeyDownDropdown($event, 0)\"\n    >\n    </po-multiselect-dropdown>\n  </ng-template>\n</div>\n" }]
     }], () => [{ type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: PoControlPositionService }, { type: PoMultiselectFilterService }, { type: PoLanguageService }, { type: PoThemeService }], { multiselectOptionTemplate: [{
             type: ContentChild,
             args: [PoMultiselectOptionTemplateDirective, { static: true }]
@@ -40615,7 +40647,7 @@ class PoMultiselectComponent extends PoMultiselectBaseComponent {
             type: ViewChild,
             args: ['outerContainer ', { read: ElementRef }]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoMultiselectComponent, { className: "PoMultiselectComponent", filePath: "lib/components/po-field/po-multiselect/po-multiselect.component.ts", lineNumber: 120 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoMultiselectComponent, { className: "PoMultiselectComponent", filePath: "lib/components/po-field/po-multiselect/po-multiselect.component.ts", lineNumber: 119 }); })();
 
 class PoNumberBaseComponent extends PoInputGeneric {
     poThemeService;
@@ -47843,7 +47875,7 @@ class PoMultiselectDropdownComponent {
             type: ViewChild,
             args: ['listbox']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoMultiselectDropdownComponent, { className: "PoMultiselectDropdownComponent", filePath: "lib/components/po-field/po-multiselect/po-multiselect-dropdown/po-multiselect-dropdown.component.ts", lineNumber: 31 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PoMultiselectDropdownComponent, { className: "PoMultiselectDropdownComponent", filePath: "lib/components/po-field/po-multiselect/po-multiselect-dropdown/po-multiselect-dropdown.component.ts", lineNumber: 30 }); })();
 
 /**
  * @description
@@ -48844,7 +48876,7 @@ function PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_combo_11_T
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("name", field_r4.property);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r0.value[field_r4.property]);
-    i0.ɵɵproperty("ngClass", field_r4.componentClass)("additionalHelpEventTrigger", field_r4.additionalHelp ? "event" : "noEvent")("p-additional-help-tooltip", field_r4.additionalHelpTooltip)("p-auto-focus", field_r4.focus)("p-clean", field_r4.clean)("p-disabled", ctx_r0.isDisabled(field_r4))("p-field-label", field_r4.fieldLabel)("p-field-value", field_r4.fieldValue)("p-filter-params", field_r4.params)("p-filter-service", field_r4.optionsService)("p-help", field_r4.help)("p-infinite-scroll", field_r4.infiniteScroll)("p-infinite-scroll-distance", field_r4.infiniteScrollDistance || 100)("p-label", field_r4.label)("p-literals", field_r4.literals)("p-options", field_r4.options)("p-optional", field_r4.optional)("p-sort", field_r4.sort)("p-required", field_r4.required)("p-field-error-message", field_r4.errorMessage)("p-error-limit", field_r4.errorLimit)("p-show-required", field_r4.showRequired)("p-icon", field_r4.icon)("p-placeholder", field_r4.placeholder)("p-filter-minlength", field_r4.filterMinlength)("p-filter-mode", field_r4.filterMode)("p-disabled-init-filter", field_r4.disabledInitFilter)("p-disabled-tab-filter", field_r4.disabledTabFilter)("p-debounce-time", field_r4.debounceTime)("p-change-on-enter", field_r4.changeOnEnter)("p-remove-initial-filter", field_r4.removeInitialFilter)("p-size", field_r4.size || ctx_r0.componentsSize);
+    i0.ɵɵproperty("ngClass", field_r4.componentClass)("additionalHelpEventTrigger", field_r4.additionalHelp ? "event" : "noEvent")("p-additional-help-tooltip", field_r4.additionalHelpTooltip)("p-auto-focus", field_r4.focus)("p-clean", field_r4.clean)("p-disabled", ctx_r0.isDisabled(field_r4))("p-field-label", field_r4.fieldLabel)("p-field-value", field_r4.fieldValue)("p-filter-params", field_r4.params)("p-filter-service", field_r4.optionsService)("p-help", field_r4.help)("p-infinite-scroll", field_r4.infiniteScroll)("p-infinite-scroll-distance", field_r4.infiniteScrollDistance || 100)("p-label", field_r4.label)("p-literals", field_r4.literals)("p-options", field_r4.options)("p-optional", field_r4.optional)("p-sort", field_r4.sort)("p-required", field_r4.required)("p-field-error-message", field_r4.errorMessage)("p-error-limit", field_r4.errorLimit)("p-show-required", field_r4.showRequired)("p-icon", field_r4.icon)("p-placeholder", field_r4.placeholder)("p-filter-minlength", field_r4.filterMinlength)("p-filter-mode", field_r4.filterMode)("p-disabled-init-filter", field_r4.disabledInitFilter)("p-disabled-tab-filter", field_r4.disabledTabFilter)("p-debounce-time", field_r4.debounceTime)("p-change-on-enter", field_r4.changeOnEnter)("p-remove-initial-filter", field_r4.removeInitialFilter)("p-size", field_r4.size || ctx_r0.componentsSize)("p-listbox-control-position", field_r4.listboxControlPosition);
 } }
 function PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_lookup_12_Template(rf, ctx) { if (rf & 1) {
     const _r15 = i0.ɵɵgetCurrentView();
@@ -48883,7 +48915,7 @@ function PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_multiselec
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("name", field_r4.property);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r0.value[field_r4.property]);
-    i0.ɵɵproperty("ngClass", field_r4.componentClass)("additionalHelpEventTrigger", field_r4.additionalHelp ? "event" : "noEvent")("p-additional-help-tooltip", field_r4.additionalHelpTooltip)("p-disabled", ctx_r0.isDisabled(field_r4))("p-auto-focus", field_r4.focus)("p-auto-height", field_r4.autoHeight)("p-help", field_r4.help)("p-label", field_r4.label)("p-literals", field_r4.literals)("p-optional", field_r4.optional)("p-options", field_r4.options)("p-required", field_r4.required)("p-field-error-message", field_r4.errorMessage)("p-error-limit", field_r4.errorLimit)("p-show-required", field_r4.showRequired)("p-placeholder", field_r4.placeholder)("p-field-label", field_r4.fieldLabel)("p-field-value", field_r4.fieldValue)("p-filter-service", field_r4.optionsService)("p-filter-mode", field_r4.filterMode)("p-debounce-time", field_r4.debounceTime)("p-sort", field_r4.sort)("p-placeholder-search", field_r4.placeholderSearch)("p-hide-search", field_r4.hideSearch)("p-hide-select-all", field_r4.hideSelectAll)("p-size", field_r4.size || ctx_r0.componentsSize);
+    i0.ɵɵproperty("ngClass", field_r4.componentClass)("additionalHelpEventTrigger", field_r4.additionalHelp ? "event" : "noEvent")("p-additional-help-tooltip", field_r4.additionalHelpTooltip)("p-disabled", ctx_r0.isDisabled(field_r4))("p-auto-focus", field_r4.focus)("p-auto-height", field_r4.autoHeight)("p-help", field_r4.help)("p-label", field_r4.label)("p-literals", field_r4.literals)("p-optional", field_r4.optional)("p-options", field_r4.options)("p-required", field_r4.required)("p-field-error-message", field_r4.errorMessage)("p-error-limit", field_r4.errorLimit)("p-show-required", field_r4.showRequired)("p-placeholder", field_r4.placeholder)("p-field-label", field_r4.fieldLabel)("p-field-value", field_r4.fieldValue)("p-filter-service", field_r4.optionsService)("p-filter-mode", field_r4.filterMode)("p-debounce-time", field_r4.debounceTime)("p-sort", field_r4.sort)("p-placeholder-search", field_r4.placeholderSearch)("p-hide-search", field_r4.hideSearch)("p-hide-select-all", field_r4.hideSelectAll)("p-size", field_r4.size || ctx_r0.componentsSize)("p-listbox-control-position", field_r4.listboxControlPosition);
 } }
 function PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_textarea_15_Template(rf, ctx) { if (rf & 1) {
     const _r18 = i0.ɵɵgetCurrentView();
@@ -48925,7 +48957,7 @@ function PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_upload_17_
 } }
 function PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_divider_1_Template, 1, 1, "po-divider", 7)(2, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_datepicker_2_Template, 2, 26, "po-datepicker", 8)(3, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_datepicker_range_3_Template, 2, 21, "po-datepicker-range", 9)(4, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_input_4_Template, 2, 27, "po-input", 10)(5, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_number_5_Template, 2, 27, "po-number", 11)(6, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_decimal_6_Template, 2, 29, "po-decimal", 12)(7, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_select_7_Template, 2, 19, "po-select", 13)(8, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_radio_group_8_Template, 2, 17, "po-radio-group", 14)(9, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_switch_9_Template, 2, 14, "po-switch", 15)(10, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_checkbox_10_Template, 2, 9, "po-checkbox", 16)(11, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_combo_11_Template, 2, 34, "po-combo", 17)(12, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_lookup_12_Template, 2, 29, "po-lookup", 18)(13, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_checkbox_group_13_Template, 2, 17, "po-checkbox-group", 19)(14, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_multiselect_14_Template, 2, 28, "po-multiselect", 20)(15, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_textarea_15_Template, 2, 20, "po-textarea", 21)(16, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_password_16_Template, 2, 26, "po-password", 22)(17, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_upload_17_Template, 2, 26, "po-upload", 23);
+    i0.ɵɵtemplate(1, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_divider_1_Template, 1, 1, "po-divider", 7)(2, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_datepicker_2_Template, 2, 26, "po-datepicker", 8)(3, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_datepicker_range_3_Template, 2, 21, "po-datepicker-range", 9)(4, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_input_4_Template, 2, 27, "po-input", 10)(5, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_number_5_Template, 2, 27, "po-number", 11)(6, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_decimal_6_Template, 2, 29, "po-decimal", 12)(7, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_select_7_Template, 2, 19, "po-select", 13)(8, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_radio_group_8_Template, 2, 17, "po-radio-group", 14)(9, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_switch_9_Template, 2, 14, "po-switch", 15)(10, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_checkbox_10_Template, 2, 9, "po-checkbox", 16)(11, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_combo_11_Template, 2, 35, "po-combo", 17)(12, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_lookup_12_Template, 2, 29, "po-lookup", 18)(13, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_checkbox_group_13_Template, 2, 17, "po-checkbox-group", 19)(14, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_multiselect_14_Template, 2, 29, "po-multiselect", 20)(15, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_textarea_15_Template, 2, 20, "po-textarea", 21)(16, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_password_16_Template, 2, 26, "po-password", 22)(17, PoDynamicFormFieldsComponent_ng_template_1_ng_container_0_po_upload_17_Template, 2, 26, "po-upload", 23);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
     const field_r4 = ctx.$implicit;
@@ -49243,7 +49275,7 @@ class PoDynamicFormFieldsComponent extends PoDynamicFormFieldsBaseComponent {
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.components = _t);
-        } }, standalone: false, features: [i0.ɵɵProvidersFeature([PoDynamicFormValidationService], [{ provide: ControlContainer, useExisting: NgForm }]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 5, vars: 1, consts: [["poContent", ""], ["poContentContainer", ""], ["component", ""], ["class", "po-row", 3, "po-dynamic", 4, "ngIf"], [1, "po-row"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [4, "ngFor", "ngForOf", "ngForTrackBy"], ["class", "po-sm-12", 3, "p-label", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-clean", "p-disabled", "p-error-pattern", "p-error-limit", "p-error-async", "p-auto-focus", "p-format", "p-help", "p-iso-format", "p-label", "p-locale", "p-max-date", "p-min-date", "p-no-autocomplete", "p-optional", "p-readonly", "p-required", "p-required-field-error-message", "p-size", "p-show-required", "p-placeholder", "ngModelChange", "p-change", "p-additional-help", "p-keydown", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-clean", "p-disabled", "p-auto-focus", "p-help", "p-label", "p-literals", "p-max-date", "p-min-date", "p-no-autocomplete", "p-optional", "p-readonly", "p-required", "p-field-error-message", "p-error-limit", "p-show-required", "p-size", "ngModelChange", "p-additional-help", "p-change", "p-keydown", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-clean", "p-disabled", "p-error-pattern", "p-error-limit", "p-error-async-properties", "p-auto-focus", "p-help", "p-label", "p-mask-format-model", "p-mask", "p-maxlength", "p-minlength", "p-no-autocomplete", "p-optional", "p-pattern", "p-required", "p-required-field-error-message", "p-show-required", "p-size", "p-icon", "p-placeholder", "p-readonly", "ngModelChange", "p-additional-help", "p-change", "p-change-model", "p-keydown", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-clean", "p-disabled", "p-error-pattern", "p-error-limit", "p-error-async-properties", "p-auto-focus", "p-help", "p-label", "p-min", "p-max", "p-maxlength", "p-minlength", "p-no-autocomplete", "p-optional", "p-step", "p-readonly", "p-required", "p-required-field-error-message", "p-show-required", "p-size", "p-icon", "p-placeholder", "ngModelChange", "p-additional-help", "p-change", "p-change-model", "p-keydown", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-clean", "p-error-pattern", "p-error-limit", "p-error-async-properties", "p-disabled", "p-decimals-length", "p-thousand-maxlength", "p-icon", "p-auto-focus", "p-help", "p-label", "p-locale", "p-min", "p-max", "p-maxlength", "p-minlength", "p-no-autocomplete", "p-optional", "p-readonly", "p-required", "p-required-field-error-message", "p-show-required", "p-size", "p-placeholder", "ngModelChange", "p-additional-help", "p-change", "p-change-model", "p-keydown", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-field-label", "p-field-value", "p-disabled", "p-help", "p-label", "p-optional", "p-options", "p-required", "p-field-error-message", "p-error-limit", "p-show-required", "p-size", "p-placeholder", "p-readonly", "ngModelChange", "p-additional-help", "p-change", "p-keydown", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-columns", "p-auto-focus", "p-disabled", "p-help", "p-label", "p-optional", "p-options", "p-required", "p-field-error-message", "p-error-limit", "p-show-required", "p-size", "ngModelChange", "p-additional-help", "p-change", "p-keydown", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-disabled", "p-format-model", "p-help", "p-label", "p-label-off", "p-label-on", "p-label-position", "p-hide-label-status", "p-size", "ngModelChange", "p-additional-help", "p-change", "p-keydown", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-auto-focus", "p-disabled", "p-label", "p-size", "ngModelChange", "p-additional-help", "p-change", "p-keydown", 4, "ngIf"], ["p-emit-object-value", "", 3, "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-auto-focus", "p-clean", "p-disabled", "p-field-label", "p-field-value", "p-filter-params", "p-filter-service", "p-help", "p-infinite-scroll", "p-infinite-scroll-distance", "p-label", "p-literals", "p-options", "p-optional", "p-sort", "p-required", "p-field-error-message", "p-error-limit", "p-show-required", "p-icon", "p-placeholder", "p-filter-minlength", "p-filter-mode", "p-disabled-init-filter", "p-disabled-tab-filter", "p-debounce-time", "p-change-on-enter", "p-remove-initial-filter", "p-size", "ngModelChange", "p-change", "p-keydown", "p-additional-help", 4, "ngIf"], ["p-field-label", "label", "p-field-value", "value", 3, "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-clean", "p-columns", "p-disabled", "p-field-label", "p-field-value", "p-filter-params", "p-filter-service", "p-auto-focus", "p-auto-height", "p-help", "p-field-format", "p-infinite-scroll", "p-label", "p-literals", "p-multiple", "p-no-autocomplete", "p-optional", "p-required", "p-field-error-message", "p-error-limit", "p-show-required", "p-size", "p-placeholder", "p-advanced-filters", "ngModelChange", "p-change", "p-additional-help", "p-change-visible-columns", "p-keydown", "p-restore-column-manager", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-columns", "p-auto-focus", "p-disabled", "p-help", "p-label", "p-optional", "p-options", "p-required", "p-show-required", "p-field-error-message", "p-error-limit", "p-size", "ngModelChange", "p-additional-help", "p-change", "p-keydown", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-disabled", "p-auto-focus", "p-auto-height", "p-help", "p-label", "p-literals", "p-optional", "p-options", "p-required", "p-field-error-message", "p-error-limit", "p-show-required", "p-placeholder", "p-field-label", "p-field-value", "p-filter-service", "p-filter-mode", "p-debounce-time", "p-sort", "p-placeholder-search", "p-hide-search", "p-hide-select-all", "p-size", "ngModelChange", "p-change", "p-additional-help", "p-keydown", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-disabled", "p-auto-focus", "p-help", "p-label", "p-maxlength", "p-minlength", "p-optional", "p-readonly", "p-required", "p-field-error-message", "p-error-limit", "p-show-required", "p-rows", "p-size", "p-placeholder", "ngModelChange", "p-additional-help", "p-change", "p-change-model", "p-keydown", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-clean", "p-disabled", "p-error-pattern", "p-error-limit", "p-error-async-properties", "p-auto-focus", "p-help", "p-hide-password-peek", "p-icon", "p-label", "p-maxlength", "p-minlength", "p-no-autocomplete", "p-optional", "p-pattern", "p-readonly", "p-required", "p-required-field-error-message", "p-show-required", "p-size", "p-placeholder", "ngModelChange", "p-additional-help", "p-change", "p-change-model", "p-keydown", 4, "ngIf"], [3, "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-auto-upload", "p-directory", "p-disabled", "p-drag-drop", "p-drag-drop-height", "p-restrictions", "p-form-field", "p-headers", "p-help", "p-hide-restrictions-info", "p-hide-select-button", "p-hide-send-button", "p-multiple", "p-label", "p-literals", "name", "p-custom-action", "p-optional", "p-required", "p-show-required", "p-size", "p-url", "ngModelChange", "p-custom-action-click", "p-error", "p-success", "p-upload", "p-additional-help", "p-change", "p-change-model", "p-keydown", 4, "ngIf"], [1, "po-sm-12", 3, "p-label"], [3, "ngModelChange", "p-change", "p-additional-help", "p-keydown", "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-clean", "p-disabled", "p-error-pattern", "p-error-limit", "p-error-async", "p-auto-focus", "p-format", "p-help", "p-iso-format", "p-label", "p-locale", "p-max-date", "p-min-date", "p-no-autocomplete", "p-optional", "p-readonly", "p-required", "p-required-field-error-message", "p-size", "p-show-required", "p-placeholder"], [3, "ngModelChange", "p-additional-help", "p-change", "p-keydown", "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-clean", "p-disabled", "p-auto-focus", "p-help", "p-label", "p-literals", "p-max-date", "p-min-date", "p-no-autocomplete", "p-optional", "p-readonly", "p-required", "p-field-error-message", "p-error-limit", "p-show-required", "p-size"], [3, "ngModelChange", "p-additional-help", "p-change", "p-change-model", "p-keydown", "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-clean", "p-disabled", "p-error-pattern", "p-error-limit", "p-error-async-properties", "p-auto-focus", "p-help", "p-label", "p-mask-format-model", "p-mask", "p-maxlength", "p-minlength", "p-no-autocomplete", "p-optional", "p-pattern", "p-required", "p-required-field-error-message", "p-show-required", "p-size", "p-icon", "p-placeholder", "p-readonly"], [3, "ngModelChange", "p-additional-help", "p-change", "p-change-model", "p-keydown", "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-clean", "p-disabled", "p-error-pattern", "p-error-limit", "p-error-async-properties", "p-auto-focus", "p-help", "p-label", "p-min", "p-max", "p-maxlength", "p-minlength", "p-no-autocomplete", "p-optional", "p-step", "p-readonly", "p-required", "p-required-field-error-message", "p-show-required", "p-size", "p-icon", "p-placeholder"], [3, "ngModelChange", "p-additional-help", "p-change", "p-change-model", "p-keydown", "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-clean", "p-error-pattern", "p-error-limit", "p-error-async-properties", "p-disabled", "p-decimals-length", "p-thousand-maxlength", "p-icon", "p-auto-focus", "p-help", "p-label", "p-locale", "p-min", "p-max", "p-maxlength", "p-minlength", "p-no-autocomplete", "p-optional", "p-readonly", "p-required", "p-required-field-error-message", "p-show-required", "p-size", "p-placeholder"], [3, "ngModelChange", "p-additional-help", "p-change", "p-keydown", "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-field-label", "p-field-value", "p-disabled", "p-help", "p-label", "p-optional", "p-options", "p-required", "p-field-error-message", "p-error-limit", "p-show-required", "p-size", "p-placeholder", "p-readonly"], [3, "ngModelChange", "p-additional-help", "p-change", "p-keydown", "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-columns", "p-auto-focus", "p-disabled", "p-help", "p-label", "p-optional", "p-options", "p-required", "p-field-error-message", "p-error-limit", "p-show-required", "p-size"], [3, "ngModelChange", "p-additional-help", "p-change", "p-keydown", "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-disabled", "p-format-model", "p-help", "p-label", "p-label-off", "p-label-on", "p-label-position", "p-hide-label-status", "p-size"], [3, "ngModelChange", "p-additional-help", "p-change", "p-keydown", "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-auto-focus", "p-disabled", "p-label", "p-size"], ["p-emit-object-value", "", 3, "ngModelChange", "p-change", "p-keydown", "p-additional-help", "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-auto-focus", "p-clean", "p-disabled", "p-field-label", "p-field-value", "p-filter-params", "p-filter-service", "p-help", "p-infinite-scroll", "p-infinite-scroll-distance", "p-label", "p-literals", "p-options", "p-optional", "p-sort", "p-required", "p-field-error-message", "p-error-limit", "p-show-required", "p-icon", "p-placeholder", "p-filter-minlength", "p-filter-mode", "p-disabled-init-filter", "p-disabled-tab-filter", "p-debounce-time", "p-change-on-enter", "p-remove-initial-filter", "p-size"], ["p-field-label", "label", "p-field-value", "value", 3, "ngModelChange", "p-change", "p-additional-help", "p-change-visible-columns", "p-keydown", "p-restore-column-manager", "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-clean", "p-columns", "p-disabled", "p-field-label", "p-field-value", "p-filter-params", "p-filter-service", "p-auto-focus", "p-auto-height", "p-help", "p-field-format", "p-infinite-scroll", "p-label", "p-literals", "p-multiple", "p-no-autocomplete", "p-optional", "p-required", "p-field-error-message", "p-error-limit", "p-show-required", "p-size", "p-placeholder", "p-advanced-filters"], [3, "ngModelChange", "p-additional-help", "p-change", "p-keydown", "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-columns", "p-auto-focus", "p-disabled", "p-help", "p-label", "p-optional", "p-options", "p-required", "p-show-required", "p-field-error-message", "p-error-limit", "p-size"], [3, "ngModelChange", "p-change", "p-additional-help", "p-keydown", "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-disabled", "p-auto-focus", "p-auto-height", "p-help", "p-label", "p-literals", "p-optional", "p-options", "p-required", "p-field-error-message", "p-error-limit", "p-show-required", "p-placeholder", "p-field-label", "p-field-value", "p-filter-service", "p-filter-mode", "p-debounce-time", "p-sort", "p-placeholder-search", "p-hide-search", "p-hide-select-all", "p-size"], [3, "ngModelChange", "p-additional-help", "p-change", "p-change-model", "p-keydown", "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-disabled", "p-auto-focus", "p-help", "p-label", "p-maxlength", "p-minlength", "p-optional", "p-readonly", "p-required", "p-field-error-message", "p-error-limit", "p-show-required", "p-rows", "p-size", "p-placeholder"], [3, "ngModelChange", "p-additional-help", "p-change", "p-change-model", "p-keydown", "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-clean", "p-disabled", "p-error-pattern", "p-error-limit", "p-error-async-properties", "p-auto-focus", "p-help", "p-hide-password-peek", "p-icon", "p-label", "p-maxlength", "p-minlength", "p-no-autocomplete", "p-optional", "p-pattern", "p-readonly", "p-required", "p-required-field-error-message", "p-show-required", "p-size", "p-placeholder"], [3, "ngModelChange", "p-custom-action-click", "p-error", "p-success", "p-upload", "p-additional-help", "p-change", "p-change-model", "p-keydown", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-auto-upload", "p-directory", "p-disabled", "p-drag-drop", "p-drag-drop-height", "p-restrictions", "p-form-field", "p-headers", "p-help", "p-hide-restrictions-info", "p-hide-select-button", "p-hide-send-button", "p-multiple", "p-label", "p-literals", "name", "p-custom-action", "p-optional", "p-required", "p-show-required", "p-size", "p-url"], [3, "p-fields", "p-content"]], template: function PoDynamicFormFieldsComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, standalone: false, features: [i0.ɵɵProvidersFeature([PoDynamicFormValidationService], [{ provide: ControlContainer, useExisting: NgForm }]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 5, vars: 1, consts: [["poContent", ""], ["poContentContainer", ""], ["component", ""], ["class", "po-row", 3, "po-dynamic", 4, "ngIf"], [1, "po-row"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [4, "ngFor", "ngForOf", "ngForTrackBy"], ["class", "po-sm-12", 3, "p-label", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-clean", "p-disabled", "p-error-pattern", "p-error-limit", "p-error-async", "p-auto-focus", "p-format", "p-help", "p-iso-format", "p-label", "p-locale", "p-max-date", "p-min-date", "p-no-autocomplete", "p-optional", "p-readonly", "p-required", "p-required-field-error-message", "p-size", "p-show-required", "p-placeholder", "ngModelChange", "p-change", "p-additional-help", "p-keydown", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-clean", "p-disabled", "p-auto-focus", "p-help", "p-label", "p-literals", "p-max-date", "p-min-date", "p-no-autocomplete", "p-optional", "p-readonly", "p-required", "p-field-error-message", "p-error-limit", "p-show-required", "p-size", "ngModelChange", "p-additional-help", "p-change", "p-keydown", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-clean", "p-disabled", "p-error-pattern", "p-error-limit", "p-error-async-properties", "p-auto-focus", "p-help", "p-label", "p-mask-format-model", "p-mask", "p-maxlength", "p-minlength", "p-no-autocomplete", "p-optional", "p-pattern", "p-required", "p-required-field-error-message", "p-show-required", "p-size", "p-icon", "p-placeholder", "p-readonly", "ngModelChange", "p-additional-help", "p-change", "p-change-model", "p-keydown", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-clean", "p-disabled", "p-error-pattern", "p-error-limit", "p-error-async-properties", "p-auto-focus", "p-help", "p-label", "p-min", "p-max", "p-maxlength", "p-minlength", "p-no-autocomplete", "p-optional", "p-step", "p-readonly", "p-required", "p-required-field-error-message", "p-show-required", "p-size", "p-icon", "p-placeholder", "ngModelChange", "p-additional-help", "p-change", "p-change-model", "p-keydown", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-clean", "p-error-pattern", "p-error-limit", "p-error-async-properties", "p-disabled", "p-decimals-length", "p-thousand-maxlength", "p-icon", "p-auto-focus", "p-help", "p-label", "p-locale", "p-min", "p-max", "p-maxlength", "p-minlength", "p-no-autocomplete", "p-optional", "p-readonly", "p-required", "p-required-field-error-message", "p-show-required", "p-size", "p-placeholder", "ngModelChange", "p-additional-help", "p-change", "p-change-model", "p-keydown", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-field-label", "p-field-value", "p-disabled", "p-help", "p-label", "p-optional", "p-options", "p-required", "p-field-error-message", "p-error-limit", "p-show-required", "p-size", "p-placeholder", "p-readonly", "ngModelChange", "p-additional-help", "p-change", "p-keydown", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-columns", "p-auto-focus", "p-disabled", "p-help", "p-label", "p-optional", "p-options", "p-required", "p-field-error-message", "p-error-limit", "p-show-required", "p-size", "ngModelChange", "p-additional-help", "p-change", "p-keydown", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-disabled", "p-format-model", "p-help", "p-label", "p-label-off", "p-label-on", "p-label-position", "p-hide-label-status", "p-size", "ngModelChange", "p-additional-help", "p-change", "p-keydown", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-auto-focus", "p-disabled", "p-label", "p-size", "ngModelChange", "p-additional-help", "p-change", "p-keydown", 4, "ngIf"], ["p-emit-object-value", "", 3, "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-auto-focus", "p-clean", "p-disabled", "p-field-label", "p-field-value", "p-filter-params", "p-filter-service", "p-help", "p-infinite-scroll", "p-infinite-scroll-distance", "p-label", "p-literals", "p-options", "p-optional", "p-sort", "p-required", "p-field-error-message", "p-error-limit", "p-show-required", "p-icon", "p-placeholder", "p-filter-minlength", "p-filter-mode", "p-disabled-init-filter", "p-disabled-tab-filter", "p-debounce-time", "p-change-on-enter", "p-remove-initial-filter", "p-size", "p-listbox-control-position", "ngModelChange", "p-change", "p-keydown", "p-additional-help", 4, "ngIf"], ["p-field-label", "label", "p-field-value", "value", 3, "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-clean", "p-columns", "p-disabled", "p-field-label", "p-field-value", "p-filter-params", "p-filter-service", "p-auto-focus", "p-auto-height", "p-help", "p-field-format", "p-infinite-scroll", "p-label", "p-literals", "p-multiple", "p-no-autocomplete", "p-optional", "p-required", "p-field-error-message", "p-error-limit", "p-show-required", "p-size", "p-placeholder", "p-advanced-filters", "ngModelChange", "p-change", "p-additional-help", "p-change-visible-columns", "p-keydown", "p-restore-column-manager", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-columns", "p-auto-focus", "p-disabled", "p-help", "p-label", "p-optional", "p-options", "p-required", "p-show-required", "p-field-error-message", "p-error-limit", "p-size", "ngModelChange", "p-additional-help", "p-change", "p-keydown", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-disabled", "p-auto-focus", "p-auto-height", "p-help", "p-label", "p-literals", "p-optional", "p-options", "p-required", "p-field-error-message", "p-error-limit", "p-show-required", "p-placeholder", "p-field-label", "p-field-value", "p-filter-service", "p-filter-mode", "p-debounce-time", "p-sort", "p-placeholder-search", "p-hide-search", "p-hide-select-all", "p-size", "p-listbox-control-position", "ngModelChange", "p-change", "p-additional-help", "p-keydown", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-disabled", "p-auto-focus", "p-help", "p-label", "p-maxlength", "p-minlength", "p-optional", "p-readonly", "p-required", "p-field-error-message", "p-error-limit", "p-show-required", "p-rows", "p-size", "p-placeholder", "ngModelChange", "p-additional-help", "p-change", "p-change-model", "p-keydown", 4, "ngIf"], [3, "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-clean", "p-disabled", "p-error-pattern", "p-error-limit", "p-error-async-properties", "p-auto-focus", "p-help", "p-hide-password-peek", "p-icon", "p-label", "p-maxlength", "p-minlength", "p-no-autocomplete", "p-optional", "p-pattern", "p-readonly", "p-required", "p-required-field-error-message", "p-show-required", "p-size", "p-placeholder", "ngModelChange", "p-additional-help", "p-change", "p-change-model", "p-keydown", 4, "ngIf"], [3, "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-auto-upload", "p-directory", "p-disabled", "p-drag-drop", "p-drag-drop-height", "p-restrictions", "p-form-field", "p-headers", "p-help", "p-hide-restrictions-info", "p-hide-select-button", "p-hide-send-button", "p-multiple", "p-label", "p-literals", "name", "p-custom-action", "p-optional", "p-required", "p-show-required", "p-size", "p-url", "ngModelChange", "p-custom-action-click", "p-error", "p-success", "p-upload", "p-additional-help", "p-change", "p-change-model", "p-keydown", 4, "ngIf"], [1, "po-sm-12", 3, "p-label"], [3, "ngModelChange", "p-change", "p-additional-help", "p-keydown", "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-clean", "p-disabled", "p-error-pattern", "p-error-limit", "p-error-async", "p-auto-focus", "p-format", "p-help", "p-iso-format", "p-label", "p-locale", "p-max-date", "p-min-date", "p-no-autocomplete", "p-optional", "p-readonly", "p-required", "p-required-field-error-message", "p-size", "p-show-required", "p-placeholder"], [3, "ngModelChange", "p-additional-help", "p-change", "p-keydown", "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-clean", "p-disabled", "p-auto-focus", "p-help", "p-label", "p-literals", "p-max-date", "p-min-date", "p-no-autocomplete", "p-optional", "p-readonly", "p-required", "p-field-error-message", "p-error-limit", "p-show-required", "p-size"], [3, "ngModelChange", "p-additional-help", "p-change", "p-change-model", "p-keydown", "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-clean", "p-disabled", "p-error-pattern", "p-error-limit", "p-error-async-properties", "p-auto-focus", "p-help", "p-label", "p-mask-format-model", "p-mask", "p-maxlength", "p-minlength", "p-no-autocomplete", "p-optional", "p-pattern", "p-required", "p-required-field-error-message", "p-show-required", "p-size", "p-icon", "p-placeholder", "p-readonly"], [3, "ngModelChange", "p-additional-help", "p-change", "p-change-model", "p-keydown", "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-clean", "p-disabled", "p-error-pattern", "p-error-limit", "p-error-async-properties", "p-auto-focus", "p-help", "p-label", "p-min", "p-max", "p-maxlength", "p-minlength", "p-no-autocomplete", "p-optional", "p-step", "p-readonly", "p-required", "p-required-field-error-message", "p-show-required", "p-size", "p-icon", "p-placeholder"], [3, "ngModelChange", "p-additional-help", "p-change", "p-change-model", "p-keydown", "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-clean", "p-error-pattern", "p-error-limit", "p-error-async-properties", "p-disabled", "p-decimals-length", "p-thousand-maxlength", "p-icon", "p-auto-focus", "p-help", "p-label", "p-locale", "p-min", "p-max", "p-maxlength", "p-minlength", "p-no-autocomplete", "p-optional", "p-readonly", "p-required", "p-required-field-error-message", "p-show-required", "p-size", "p-placeholder"], [3, "ngModelChange", "p-additional-help", "p-change", "p-keydown", "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-field-label", "p-field-value", "p-disabled", "p-help", "p-label", "p-optional", "p-options", "p-required", "p-field-error-message", "p-error-limit", "p-show-required", "p-size", "p-placeholder", "p-readonly"], [3, "ngModelChange", "p-additional-help", "p-change", "p-keydown", "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-columns", "p-auto-focus", "p-disabled", "p-help", "p-label", "p-optional", "p-options", "p-required", "p-field-error-message", "p-error-limit", "p-show-required", "p-size"], [3, "ngModelChange", "p-additional-help", "p-change", "p-keydown", "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-disabled", "p-format-model", "p-help", "p-label", "p-label-off", "p-label-on", "p-label-position", "p-hide-label-status", "p-size"], [3, "ngModelChange", "p-additional-help", "p-change", "p-keydown", "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-auto-focus", "p-disabled", "p-label", "p-size"], ["p-emit-object-value", "", 3, "ngModelChange", "p-change", "p-keydown", "p-additional-help", "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-auto-focus", "p-clean", "p-disabled", "p-field-label", "p-field-value", "p-filter-params", "p-filter-service", "p-help", "p-infinite-scroll", "p-infinite-scroll-distance", "p-label", "p-literals", "p-options", "p-optional", "p-sort", "p-required", "p-field-error-message", "p-error-limit", "p-show-required", "p-icon", "p-placeholder", "p-filter-minlength", "p-filter-mode", "p-disabled-init-filter", "p-disabled-tab-filter", "p-debounce-time", "p-change-on-enter", "p-remove-initial-filter", "p-size", "p-listbox-control-position"], ["p-field-label", "label", "p-field-value", "value", 3, "ngModelChange", "p-change", "p-additional-help", "p-change-visible-columns", "p-keydown", "p-restore-column-manager", "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-clean", "p-columns", "p-disabled", "p-field-label", "p-field-value", "p-filter-params", "p-filter-service", "p-auto-focus", "p-auto-height", "p-help", "p-field-format", "p-infinite-scroll", "p-label", "p-literals", "p-multiple", "p-no-autocomplete", "p-optional", "p-required", "p-field-error-message", "p-error-limit", "p-show-required", "p-size", "p-placeholder", "p-advanced-filters"], [3, "ngModelChange", "p-additional-help", "p-change", "p-keydown", "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-columns", "p-auto-focus", "p-disabled", "p-help", "p-label", "p-optional", "p-options", "p-required", "p-show-required", "p-field-error-message", "p-error-limit", "p-size"], [3, "ngModelChange", "p-change", "p-additional-help", "p-keydown", "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-disabled", "p-auto-focus", "p-auto-height", "p-help", "p-label", "p-literals", "p-optional", "p-options", "p-required", "p-field-error-message", "p-error-limit", "p-show-required", "p-placeholder", "p-field-label", "p-field-value", "p-filter-service", "p-filter-mode", "p-debounce-time", "p-sort", "p-placeholder-search", "p-hide-search", "p-hide-select-all", "p-size", "p-listbox-control-position"], [3, "ngModelChange", "p-additional-help", "p-change", "p-change-model", "p-keydown", "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-disabled", "p-auto-focus", "p-help", "p-label", "p-maxlength", "p-minlength", "p-optional", "p-readonly", "p-required", "p-field-error-message", "p-error-limit", "p-show-required", "p-rows", "p-size", "p-placeholder"], [3, "ngModelChange", "p-additional-help", "p-change", "p-change-model", "p-keydown", "name", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-clean", "p-disabled", "p-error-pattern", "p-error-limit", "p-error-async-properties", "p-auto-focus", "p-help", "p-hide-password-peek", "p-icon", "p-label", "p-maxlength", "p-minlength", "p-no-autocomplete", "p-optional", "p-pattern", "p-readonly", "p-required", "p-required-field-error-message", "p-show-required", "p-size", "p-placeholder"], [3, "ngModelChange", "p-custom-action-click", "p-error", "p-success", "p-upload", "p-additional-help", "p-change", "p-change-model", "p-keydown", "ngModel", "ngClass", "additionalHelpEventTrigger", "p-additional-help-tooltip", "p-auto-upload", "p-directory", "p-disabled", "p-drag-drop", "p-drag-drop-height", "p-restrictions", "p-form-field", "p-headers", "p-help", "p-hide-restrictions-info", "p-hide-select-button", "p-hide-send-button", "p-multiple", "p-label", "p-literals", "name", "p-custom-action", "p-optional", "p-required", "p-show-required", "p-size", "p-url"], [3, "p-fields", "p-content"]], template: function PoDynamicFormFieldsComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, PoDynamicFormFieldsComponent_div_0_Template, 2, 6, "div", 3)(1, PoDynamicFormFieldsComponent_ng_template_1_Template, 1, 2, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(3, PoDynamicFormFieldsComponent_ng_template_3_Template, 1, 2, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.visibleFields && ctx.visibleFields.length > 0);
@@ -49251,7 +49283,7 @@ class PoDynamicFormFieldsComponent extends PoDynamicFormFieldsBaseComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PoDynamicFormFieldsComponent, [{
         type: Component,
-        args: [{ selector: 'po-dynamic-form-fields', viewProviders: [{ provide: ControlContainer, useExisting: NgForm }], providers: [PoDynamicFormValidationService], standalone: false, template: "<div class=\"po-row\" [class.po-dynamic]=\"hasContainers\" *ngIf=\"visibleFields && visibleFields.length > 0\">\n  <ng-container\n    *ngTemplateOutlet=\"\n      hasContainers ? poContentContainer : poContent;\n      context: { $implicit: hasContainers ? containerFields : visibleFields }\n    \"\n  ></ng-container>\n</div>\n\n<ng-template #poContent let-fields>\n  <ng-container *ngFor=\"let field of fields; trackBy: trackBy\">\n    <po-divider *ngIf=\"field?.divider?.trim()\" class=\"po-sm-12\" [p-label]=\"field.divider\"> </po-divider>\n    <po-datepicker\n      #component\n      *ngIf=\"compareTo(field.control, 'datepicker')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [additionalHelpEventTrigger]=\"field.additionalHelp ? 'event' : 'noEvent'\"\n      [p-additional-help-tooltip]=\"field.additionalHelpTooltip\"\n      [p-clean]=\"field.clean\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-error-pattern]=\"field.errorMessage\"\n      [p-error-limit]=\"field.errorLimit\"\n      [p-error-async]=\"field.errorAsyncFunction\"\n      [p-auto-focus]=\"field.focus\"\n      [p-format]=\"field.format\"\n      [p-help]=\"field.help\"\n      [p-iso-format]=\"field.isoFormat\"\n      [p-label]=\"field.label\"\n      [p-locale]=\"field.locale\"\n      [p-max-date]=\"field.maxValue\"\n      [p-min-date]=\"field.minValue\"\n      [p-no-autocomplete]=\"field.noAutocomplete\"\n      [p-optional]=\"field.optional\"\n      [p-readonly]=\"field.readonly\"\n      [p-required]=\"field.required\"\n      [p-required-field-error-message]=\"field.requiredFieldErrorMessage\"\n      [p-size]=\"field.size || componentsSize\"\n      [p-show-required]=\"field.showRequired\"\n      (p-change)=\"onChangeField(field)\"\n      [p-placeholder]=\"field.placeholder\"\n      (p-additional-help)=\"field.additionalHelp?.($event)\"\n      (p-keydown)=\"field.keydown?.($event)\"\n    >\n    </po-datepicker>\n\n    <po-datepicker-range\n      #component\n      *ngIf=\"compareTo(field.control, 'datepickerrange')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [additionalHelpEventTrigger]=\"field.additionalHelp ? 'event' : 'noEvent'\"\n      [p-additional-help-tooltip]=\"field.additionalHelpTooltip\"\n      [p-clean]=\"field.clean\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-auto-focus]=\"field.focus\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-literals]=\"field.literals\"\n      [p-max-date]=\"field.maxValue\"\n      [p-min-date]=\"field.minValue\"\n      [p-no-autocomplete]=\"field.noAutocomplete\"\n      [p-optional]=\"field.optional\"\n      [p-readonly]=\"field.readonly\"\n      [p-required]=\"field.required\"\n      [p-field-error-message]=\"field.errorMessage\"\n      [p-error-limit]=\"field.errorLimit\"\n      [p-show-required]=\"field.showRequired\"\n      [p-size]=\"field.size || componentsSize\"\n      (p-additional-help)=\"field.additionalHelp?.($event)\"\n      (p-change)=\"onChangeField(field)\"\n      (p-keydown)=\"field.keydown?.($event)\"\n    >\n    </po-datepicker-range>\n\n    <po-input\n      #component\n      *ngIf=\"compareTo(field.control, 'input')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [additionalHelpEventTrigger]=\"field.additionalHelp ? 'event' : 'noEvent'\"\n      [p-additional-help-tooltip]=\"field.additionalHelpTooltip\"\n      [p-clean]=\"field.clean\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-error-pattern]=\"field.errorMessage\"\n      [p-error-limit]=\"field.errorLimit\"\n      [p-error-async-properties]=\"field.errorAsyncProperties\"\n      [p-auto-focus]=\"field.focus\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-mask-format-model]=\"field.maskFormatModel\"\n      [p-mask]=\"field.mask\"\n      [p-maxlength]=\"field.maxLength\"\n      [p-minlength]=\"field.minLength\"\n      [p-no-autocomplete]=\"field.noAutocomplete\"\n      [p-optional]=\"field.optional\"\n      [p-pattern]=\"field.pattern\"\n      [p-required]=\"field.required\"\n      [p-required-field-error-message]=\"field.requiredFieldErrorMessage\"\n      [p-show-required]=\"field.showRequired\"\n      [p-size]=\"field.size || componentsSize\"\n      (p-additional-help)=\"field.additionalHelp?.($event)\"\n      (p-change)=\"onChangeField(field)\"\n      (p-change-model)=\"onChangeFieldModel(field)\"\n      (p-keydown)=\"field.keydown?.($event)\"\n      [p-icon]=\"field.icon\"\n      [p-placeholder]=\"field.placeholder\"\n      [p-readonly]=\"field.readonly\"\n    >\n    </po-input>\n\n    <po-number\n      #component\n      *ngIf=\"compareTo(field.control, 'number')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [additionalHelpEventTrigger]=\"field.additionalHelp ? 'event' : 'noEvent'\"\n      [p-additional-help-tooltip]=\"field.additionalHelpTooltip\"\n      [p-clean]=\"field.clean\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-error-pattern]=\"field.errorMessage\"\n      [p-error-limit]=\"field.errorLimit\"\n      [p-error-async-properties]=\"field.errorAsyncProperties\"\n      [p-auto-focus]=\"field.focus\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-min]=\"field.minValue\"\n      [p-max]=\"field.maxValue\"\n      [p-maxlength]=\"field.maxLength\"\n      [p-minlength]=\"field.minLength\"\n      [p-no-autocomplete]=\"field.noAutocomplete\"\n      [p-optional]=\"field.optional\"\n      [p-step]=\"field.step\"\n      [p-readonly]=\"field.readonly\"\n      [p-required]=\"field.required\"\n      [p-required-field-error-message]=\"field.requiredFieldErrorMessage\"\n      [p-show-required]=\"field.showRequired\"\n      [p-size]=\"field.size || componentsSize\"\n      (p-additional-help)=\"field.additionalHelp?.($event)\"\n      (p-change)=\"onChangeField(field)\"\n      (p-change-model)=\"onChangeFieldModel(field)\"\n      (p-keydown)=\"field.keydown?.($event)\"\n      [p-icon]=\"field.icon\"\n      [p-placeholder]=\"field.placeholder\"\n    >\n    </po-number>\n\n    <po-decimal\n      #component\n      *ngIf=\"compareTo(field.control, 'decimal')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [additionalHelpEventTrigger]=\"field.additionalHelp ? 'event' : 'noEvent'\"\n      [p-additional-help-tooltip]=\"field.additionalHelpTooltip\"\n      [p-clean]=\"field.clean\"\n      [p-error-pattern]=\"field.errorMessage\"\n      [p-error-limit]=\"field.errorLimit\"\n      [p-error-async-properties]=\"field.errorAsyncProperties\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-decimals-length]=\"field.decimalsLength\"\n      [p-thousand-maxlength]=\"field.thousandMaxlength\"\n      [p-icon]=\"field.icon\"\n      [p-auto-focus]=\"field.focus\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-locale]=\"field.locale\"\n      [p-min]=\"field.minValue\"\n      [p-max]=\"field.maxValue\"\n      [p-maxlength]=\"field.maxLength\"\n      [p-minlength]=\"field.minLength\"\n      [p-no-autocomplete]=\"field.noAutocomplete\"\n      [p-optional]=\"field.optional\"\n      [p-readonly]=\"field.readonly\"\n      [p-required]=\"field.required\"\n      [p-required-field-error-message]=\"field.requiredFieldErrorMessage\"\n      [p-show-required]=\"field.showRequired\"\n      [p-size]=\"field.size || componentsSize\"\n      (p-additional-help)=\"field.additionalHelp?.($event)\"\n      (p-change)=\"onChangeField(field)\"\n      (p-change-model)=\"onChangeFieldModel(field)\"\n      (p-keydown)=\"field.keydown?.($event)\"\n      [p-placeholder]=\"field.placeholder\"\n    >\n    </po-decimal>\n\n    <po-select\n      #component\n      *ngIf=\"compareTo(field.control, 'select')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [additionalHelpEventTrigger]=\"field.additionalHelp ? 'event' : 'noEvent'\"\n      [p-additional-help-tooltip]=\"field.additionalHelpTooltip\"\n      [p-field-label]=\"field.fieldLabel\"\n      [p-field-value]=\"field.fieldValue\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-optional]=\"field.optional\"\n      [p-options]=\"field.options\"\n      [p-required]=\"field.required\"\n      [p-field-error-message]=\"field.errorMessage\"\n      [p-error-limit]=\"field.errorLimit\"\n      [p-show-required]=\"field.showRequired\"\n      [p-size]=\"field.size || componentsSize\"\n      (p-additional-help)=\"field.additionalHelp?.($event)\"\n      (p-change)=\"onChangeField(field)\"\n      (p-keydown)=\"field.keydown?.($event)\"\n      [p-placeholder]=\"field.placeholder\"\n      [p-readonly]=\"field.readonly\"\n    >\n    </po-select>\n\n    <po-radio-group\n      #component\n      *ngIf=\"compareTo(field.control, 'radioGroup')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [additionalHelpEventTrigger]=\"field.additionalHelp ? 'event' : 'noEvent'\"\n      [p-additional-help-tooltip]=\"field.additionalHelpTooltip\"\n      [p-columns]=\"field.columns || 3\"\n      [p-auto-focus]=\"field.focus\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-optional]=\"field.optional\"\n      [p-options]=\"field.options\"\n      [p-required]=\"field.required\"\n      [p-field-error-message]=\"field.errorMessage\"\n      [p-error-limit]=\"field.errorLimit\"\n      [p-show-required]=\"field.showRequired\"\n      [p-size]=\"field.size || componentsSize\"\n      (p-additional-help)=\"field.additionalHelp?.($event)\"\n      (p-change)=\"onChangeField(field)\"\n      (p-keydown)=\"field.keydown?.($event)\"\n    >\n    </po-radio-group>\n\n    <po-switch\n      #component\n      *ngIf=\"compareTo(field.control, 'switch')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [additionalHelpEventTrigger]=\"field.additionalHelp ? 'event' : 'noEvent'\"\n      [p-additional-help-tooltip]=\"field.additionalHelpTooltip\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-format-model]=\"field.formatModel\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-label-off]=\"field.booleanFalse\"\n      [p-label-on]=\"field.booleanTrue\"\n      [p-label-position]=\"field.labelPosition\"\n      [p-hide-label-status]=\"field.hideLabelStatus\"\n      [p-size]=\"field.size || componentsSize\"\n      (p-additional-help)=\"field.additionalHelp?.($event)\"\n      (p-change)=\"onChangeField(field)\"\n      (p-keydown)=\"field.keydown?.($event)\"\n    >\n    </po-switch>\n\n    <po-checkbox\n      #component\n      *ngIf=\"compareTo(field.control, 'checkbox')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [additionalHelpEventTrigger]=\"field.additionalHelp ? 'event' : 'noEvent'\"\n      [p-additional-help-tooltip]=\"field.additionalHelpTooltip\"\n      [p-auto-focus]=\"field.focus\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-label]=\"field.label\"\n      [p-size]=\"field.size || componentsSize\"\n      (p-additional-help)=\"field.additionalHelp?.($event)\"\n      (p-change)=\"onChangeField(field)\"\n      (p-keydown)=\"field.keydown?.($event)\"\n    >\n    </po-checkbox>\n\n    <po-combo\n      #component\n      *ngIf=\"compareTo(field.control, 'combo')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      p-emit-object-value\n      [additionalHelpEventTrigger]=\"field.additionalHelp ? 'event' : 'noEvent'\"\n      [p-additional-help-tooltip]=\"field.additionalHelpTooltip\"\n      [p-auto-focus]=\"field.focus\"\n      [p-clean]=\"field.clean\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-field-label]=\"field.fieldLabel\"\n      [p-field-value]=\"field.fieldValue\"\n      [p-filter-params]=\"field.params\"\n      [p-filter-service]=\"field.optionsService\"\n      [p-help]=\"field.help\"\n      [p-infinite-scroll]=\"field.infiniteScroll\"\n      [p-infinite-scroll-distance]=\"field.infiniteScrollDistance || 100\"\n      [p-label]=\"field.label\"\n      [p-literals]=\"field.literals\"\n      [p-options]=\"field.options\"\n      [p-optional]=\"field.optional\"\n      [p-sort]=\"field.sort\"\n      [p-required]=\"field.required\"\n      [p-field-error-message]=\"field.errorMessage\"\n      [p-error-limit]=\"field.errorLimit\"\n      [p-show-required]=\"field.showRequired\"\n      (p-change)=\"onChangeField(field, $event)\"\n      [p-icon]=\"field.icon\"\n      [p-placeholder]=\"field.placeholder\"\n      [p-filter-minlength]=\"field.filterMinlength\"\n      [p-filter-mode]=\"field.filterMode\"\n      [p-disabled-init-filter]=\"field.disabledInitFilter\"\n      [p-disabled-tab-filter]=\"field.disabledTabFilter\"\n      [p-debounce-time]=\"field.debounceTime\"\n      [p-change-on-enter]=\"field.changeOnEnter\"\n      [p-remove-initial-filter]=\"field.removeInitialFilter\"\n      [p-size]=\"field.size || componentsSize\"\n      (p-keydown)=\"field.keydown?.($event)\"\n      (p-additional-help)=\"field.additionalHelp?.($event)\"\n    >\n    </po-combo>\n\n    <po-lookup\n      #component\n      *ngIf=\"compareTo(field.control, 'lookup')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      p-field-label=\"label\"\n      p-field-value=\"value\"\n      [ngClass]=\"field.componentClass\"\n      [additionalHelpEventTrigger]=\"field.additionalHelp ? 'event' : 'noEvent'\"\n      [p-additional-help-tooltip]=\"field.additionalHelpTooltip\"\n      [p-clean]=\"field.clean\"\n      [p-columns]=\"field.columns\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-field-label]=\"field.fieldLabel || 'label'\"\n      [p-field-value]=\"field.fieldValue || 'value'\"\n      [p-filter-params]=\"field.params\"\n      [p-filter-service]=\"field.searchService\"\n      [p-auto-focus]=\"field.focus\"\n      [p-auto-height]=\"field.autoHeight\"\n      [p-help]=\"field.help\"\n      [p-field-format]=\"field.format\"\n      [p-infinite-scroll]=\"field.infiniteScroll\"\n      [p-label]=\"field.label\"\n      [p-literals]=\"field.literals\"\n      [p-multiple]=\"field.multiple\"\n      [p-no-autocomplete]=\"field.noAutocomplete\"\n      [p-optional]=\"field.optional\"\n      [p-required]=\"field.required\"\n      [p-field-error-message]=\"field.errorMessage\"\n      [p-error-limit]=\"field.errorLimit\"\n      [p-show-required]=\"field.showRequired\"\n      [p-size]=\"field.size || componentsSize\"\n      (p-change)=\"onChangeField(field)\"\n      [p-placeholder]=\"field.placeholder\"\n      [p-advanced-filters]=\"field.advancedFilters\"\n      (p-additional-help)=\"field.additionalHelp?.($event)\"\n      (p-change-visible-columns)=\"field.changeVisibleColumns?.($event)\"\n      (p-keydown)=\"field.keydown?.($event)\"\n      (p-restore-column-manager)=\"field.columnRestoreManager?.($event)\"\n    >\n    </po-lookup>\n\n    <po-checkbox-group\n      #component\n      *ngIf=\"compareTo(field.control, 'checkboxGroup')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [additionalHelpEventTrigger]=\"field.additionalHelp ? 'event' : 'noEvent'\"\n      [p-additional-help-tooltip]=\"field.additionalHelpTooltip\"\n      [p-columns]=\"field.columns || 3\"\n      [p-auto-focus]=\"field.focus\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-optional]=\"field.optional\"\n      [p-options]=\"field.options\"\n      [p-required]=\"field.required\"\n      [p-show-required]=\"field.showRequired\"\n      [p-field-error-message]=\"field.errorMessage\"\n      [p-error-limit]=\"field.errorLimit\"\n      [p-size]=\"field.size || componentsSize\"\n      (p-additional-help)=\"field.additionalHelp?.($event)\"\n      (p-change)=\"onChangeField(field)\"\n      (p-keydown)=\"field.keydown?.($event)\"\n    >\n    </po-checkbox-group>\n\n    <po-multiselect\n      #component\n      *ngIf=\"compareTo(field.control, 'multiselect')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [additionalHelpEventTrigger]=\"field.additionalHelp ? 'event' : 'noEvent'\"\n      [p-additional-help-tooltip]=\"field.additionalHelpTooltip\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-auto-focus]=\"field.focus\"\n      [p-auto-height]=\"field.autoHeight\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-literals]=\"field.literals\"\n      [p-optional]=\"field.optional\"\n      [p-options]=\"field.options\"\n      [p-required]=\"field.required\"\n      [p-field-error-message]=\"field.errorMessage\"\n      [p-error-limit]=\"field.errorLimit\"\n      [p-show-required]=\"field.showRequired\"\n      (p-change)=\"onChangeField(field)\"\n      [p-placeholder]=\"field.placeholder\"\n      [p-field-label]=\"field.fieldLabel\"\n      [p-field-value]=\"field.fieldValue\"\n      [p-filter-service]=\"field.optionsService\"\n      [p-filter-mode]=\"field.filterMode\"\n      [p-debounce-time]=\"field.debounceTime\"\n      [p-sort]=\"field.sort\"\n      [p-placeholder-search]=\"field.placeholderSearch\"\n      [p-hide-search]=\"field.hideSearch\"\n      [p-hide-select-all]=\"field.hideSelectAll\"\n      [p-size]=\"field.size || componentsSize\"\n      (p-additional-help)=\"field.additionalHelp?.($event)\"\n      (p-keydown)=\"field.keydown?.($event)\"\n    >\n    </po-multiselect>\n\n    <po-textarea\n      #component\n      *ngIf=\"compareTo(field.control, 'textarea')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [additionalHelpEventTrigger]=\"field.additionalHelp ? 'event' : 'noEvent'\"\n      [p-additional-help-tooltip]=\"field.additionalHelpTooltip\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-auto-focus]=\"field.focus\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-maxlength]=\"field.maxLength\"\n      [p-minlength]=\"field.minLength\"\n      [p-optional]=\"field.optional\"\n      [p-readonly]=\"field.readonly\"\n      [p-required]=\"field.required\"\n      [p-field-error-message]=\"field.errorMessage\"\n      [p-error-limit]=\"field.errorLimit\"\n      [p-show-required]=\"field.showRequired\"\n      [p-rows]=\"field.rows\"\n      [p-size]=\"field.size || componentsSize\"\n      (p-additional-help)=\"field.additionalHelp?.($event)\"\n      (p-change)=\"onChangeField(field)\"\n      (p-change-model)=\"onChangeFieldModel(field)\"\n      (p-keydown)=\"field.keydown?.($event)\"\n      [p-placeholder]=\"field.placeholder\"\n    >\n    </po-textarea>\n\n    <po-password\n      #component\n      *ngIf=\"compareTo(field.control, 'password')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [additionalHelpEventTrigger]=\"field.additionalHelp ? 'event' : 'noEvent'\"\n      [p-additional-help-tooltip]=\"field.additionalHelpTooltip\"\n      [p-clean]=\"field.clean\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-error-pattern]=\"field.errorMessage\"\n      [p-error-limit]=\"field.errorLimit\"\n      [p-error-async-properties]=\"field.errorAsyncProperties\"\n      [p-auto-focus]=\"field.focus\"\n      [p-help]=\"field.help\"\n      [p-hide-password-peek]=\"field.hidePasswordPeek\"\n      [p-icon]=\"field.icon\"\n      [p-label]=\"field.label\"\n      [p-maxlength]=\"field.maxLength\"\n      [p-minlength]=\"field.minLength\"\n      [p-no-autocomplete]=\"field.noAutocomplete\"\n      [p-optional]=\"field.optional\"\n      [p-pattern]=\"field.pattern\"\n      [p-readonly]=\"field.readonly\"\n      [p-required]=\"field.required\"\n      [p-required-field-error-message]=\"field.requiredFieldErrorMessage\"\n      [p-show-required]=\"field.showRequired\"\n      [p-size]=\"field.size || componentsSize\"\n      (p-additional-help)=\"field.additionalHelp?.($event)\"\n      (p-change)=\"onChangeField(field)\"\n      (p-change-model)=\"onChangeFieldModel(field)\"\n      (p-keydown)=\"field.keydown?.($event)\"\n      [p-placeholder]=\"field.placeholder\"\n    >\n    </po-password>\n\n    <po-upload\n      #component\n      *ngIf=\"compareTo(field.control, 'upload')\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [additionalHelpEventTrigger]=\"field.additionalHelp ? 'event' : 'noEvent'\"\n      [p-additional-help-tooltip]=\"field.additionalHelpTooltip\"\n      [p-auto-upload]=\"field.autoUpload\"\n      [p-directory]=\"field.directory\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-drag-drop]=\"field.dragDrop\"\n      [p-drag-drop-height]=\"field.dragDropHeight\"\n      [p-restrictions]=\"field.restrictions\"\n      [p-form-field]=\"field.formField\"\n      [p-headers]=\"field.headers\"\n      [p-help]=\"field.help\"\n      [p-hide-restrictions-info]=\"field.hideRestrictionsInfo\"\n      [p-hide-select-button]=\"field.hideSelectButton\"\n      [p-hide-send-button]=\"field.hideSendButton\"\n      [p-multiple]=\"field.multiple\"\n      [p-label]=\"field.label\"\n      [p-literals]=\"field.literals\"\n      [name]=\"field.property\"\n      [p-custom-action]=\"field.customAction\"\n      (p-custom-action-click)=\"field.customActionClick($event)\"\n      (p-error)=\"field.onError($event)\"\n      (p-success)=\"field.onSuccess($event)\"\n      (p-upload)=\"field.onUpload($event)\"\n      [p-optional]=\"field.optional\"\n      [p-required]=\"field.required\"\n      [p-show-required]=\"field.showRequired\"\n      [p-size]=\"field.size || componentsSize\"\n      (p-additional-help)=\"field.additionalHelp?.($event)\"\n      (p-change)=\"onChangeField(field)\"\n      (p-change-model)=\"onChangeFieldModel(field)\"\n      (p-keydown)=\"field.keydown?.($event)\"\n      [p-url]=\"field.url\"\n    >\n    </po-upload>\n  </ng-container>\n</ng-template>\n\n<ng-template #poContentContainer let-fields>\n  <po-dynamic-container [p-fields]=\"fields\" [p-content]=\"poContent\"></po-dynamic-container>\n</ng-template>\n" }]
+        args: [{ selector: 'po-dynamic-form-fields', viewProviders: [{ provide: ControlContainer, useExisting: NgForm }], providers: [PoDynamicFormValidationService], standalone: false, template: "<div class=\"po-row\" [class.po-dynamic]=\"hasContainers\" *ngIf=\"visibleFields && visibleFields.length > 0\">\n  <ng-container\n    *ngTemplateOutlet=\"\n      hasContainers ? poContentContainer : poContent;\n      context: { $implicit: hasContainers ? containerFields : visibleFields }\n    \"\n  ></ng-container>\n</div>\n\n<ng-template #poContent let-fields>\n  <ng-container *ngFor=\"let field of fields; trackBy: trackBy\">\n    <po-divider *ngIf=\"field?.divider?.trim()\" class=\"po-sm-12\" [p-label]=\"field.divider\"> </po-divider>\n    <po-datepicker\n      #component\n      *ngIf=\"compareTo(field.control, 'datepicker')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [additionalHelpEventTrigger]=\"field.additionalHelp ? 'event' : 'noEvent'\"\n      [p-additional-help-tooltip]=\"field.additionalHelpTooltip\"\n      [p-clean]=\"field.clean\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-error-pattern]=\"field.errorMessage\"\n      [p-error-limit]=\"field.errorLimit\"\n      [p-error-async]=\"field.errorAsyncFunction\"\n      [p-auto-focus]=\"field.focus\"\n      [p-format]=\"field.format\"\n      [p-help]=\"field.help\"\n      [p-iso-format]=\"field.isoFormat\"\n      [p-label]=\"field.label\"\n      [p-locale]=\"field.locale\"\n      [p-max-date]=\"field.maxValue\"\n      [p-min-date]=\"field.minValue\"\n      [p-no-autocomplete]=\"field.noAutocomplete\"\n      [p-optional]=\"field.optional\"\n      [p-readonly]=\"field.readonly\"\n      [p-required]=\"field.required\"\n      [p-required-field-error-message]=\"field.requiredFieldErrorMessage\"\n      [p-size]=\"field.size || componentsSize\"\n      [p-show-required]=\"field.showRequired\"\n      (p-change)=\"onChangeField(field)\"\n      [p-placeholder]=\"field.placeholder\"\n      (p-additional-help)=\"field.additionalHelp?.($event)\"\n      (p-keydown)=\"field.keydown?.($event)\"\n    >\n    </po-datepicker>\n\n    <po-datepicker-range\n      #component\n      *ngIf=\"compareTo(field.control, 'datepickerrange')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [additionalHelpEventTrigger]=\"field.additionalHelp ? 'event' : 'noEvent'\"\n      [p-additional-help-tooltip]=\"field.additionalHelpTooltip\"\n      [p-clean]=\"field.clean\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-auto-focus]=\"field.focus\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-literals]=\"field.literals\"\n      [p-max-date]=\"field.maxValue\"\n      [p-min-date]=\"field.minValue\"\n      [p-no-autocomplete]=\"field.noAutocomplete\"\n      [p-optional]=\"field.optional\"\n      [p-readonly]=\"field.readonly\"\n      [p-required]=\"field.required\"\n      [p-field-error-message]=\"field.errorMessage\"\n      [p-error-limit]=\"field.errorLimit\"\n      [p-show-required]=\"field.showRequired\"\n      [p-size]=\"field.size || componentsSize\"\n      (p-additional-help)=\"field.additionalHelp?.($event)\"\n      (p-change)=\"onChangeField(field)\"\n      (p-keydown)=\"field.keydown?.($event)\"\n    >\n    </po-datepicker-range>\n\n    <po-input\n      #component\n      *ngIf=\"compareTo(field.control, 'input')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [additionalHelpEventTrigger]=\"field.additionalHelp ? 'event' : 'noEvent'\"\n      [p-additional-help-tooltip]=\"field.additionalHelpTooltip\"\n      [p-clean]=\"field.clean\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-error-pattern]=\"field.errorMessage\"\n      [p-error-limit]=\"field.errorLimit\"\n      [p-error-async-properties]=\"field.errorAsyncProperties\"\n      [p-auto-focus]=\"field.focus\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-mask-format-model]=\"field.maskFormatModel\"\n      [p-mask]=\"field.mask\"\n      [p-maxlength]=\"field.maxLength\"\n      [p-minlength]=\"field.minLength\"\n      [p-no-autocomplete]=\"field.noAutocomplete\"\n      [p-optional]=\"field.optional\"\n      [p-pattern]=\"field.pattern\"\n      [p-required]=\"field.required\"\n      [p-required-field-error-message]=\"field.requiredFieldErrorMessage\"\n      [p-show-required]=\"field.showRequired\"\n      [p-size]=\"field.size || componentsSize\"\n      (p-additional-help)=\"field.additionalHelp?.($event)\"\n      (p-change)=\"onChangeField(field)\"\n      (p-change-model)=\"onChangeFieldModel(field)\"\n      (p-keydown)=\"field.keydown?.($event)\"\n      [p-icon]=\"field.icon\"\n      [p-placeholder]=\"field.placeholder\"\n      [p-readonly]=\"field.readonly\"\n    >\n    </po-input>\n\n    <po-number\n      #component\n      *ngIf=\"compareTo(field.control, 'number')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [additionalHelpEventTrigger]=\"field.additionalHelp ? 'event' : 'noEvent'\"\n      [p-additional-help-tooltip]=\"field.additionalHelpTooltip\"\n      [p-clean]=\"field.clean\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-error-pattern]=\"field.errorMessage\"\n      [p-error-limit]=\"field.errorLimit\"\n      [p-error-async-properties]=\"field.errorAsyncProperties\"\n      [p-auto-focus]=\"field.focus\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-min]=\"field.minValue\"\n      [p-max]=\"field.maxValue\"\n      [p-maxlength]=\"field.maxLength\"\n      [p-minlength]=\"field.minLength\"\n      [p-no-autocomplete]=\"field.noAutocomplete\"\n      [p-optional]=\"field.optional\"\n      [p-step]=\"field.step\"\n      [p-readonly]=\"field.readonly\"\n      [p-required]=\"field.required\"\n      [p-required-field-error-message]=\"field.requiredFieldErrorMessage\"\n      [p-show-required]=\"field.showRequired\"\n      [p-size]=\"field.size || componentsSize\"\n      (p-additional-help)=\"field.additionalHelp?.($event)\"\n      (p-change)=\"onChangeField(field)\"\n      (p-change-model)=\"onChangeFieldModel(field)\"\n      (p-keydown)=\"field.keydown?.($event)\"\n      [p-icon]=\"field.icon\"\n      [p-placeholder]=\"field.placeholder\"\n    >\n    </po-number>\n\n    <po-decimal\n      #component\n      *ngIf=\"compareTo(field.control, 'decimal')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [additionalHelpEventTrigger]=\"field.additionalHelp ? 'event' : 'noEvent'\"\n      [p-additional-help-tooltip]=\"field.additionalHelpTooltip\"\n      [p-clean]=\"field.clean\"\n      [p-error-pattern]=\"field.errorMessage\"\n      [p-error-limit]=\"field.errorLimit\"\n      [p-error-async-properties]=\"field.errorAsyncProperties\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-decimals-length]=\"field.decimalsLength\"\n      [p-thousand-maxlength]=\"field.thousandMaxlength\"\n      [p-icon]=\"field.icon\"\n      [p-auto-focus]=\"field.focus\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-locale]=\"field.locale\"\n      [p-min]=\"field.minValue\"\n      [p-max]=\"field.maxValue\"\n      [p-maxlength]=\"field.maxLength\"\n      [p-minlength]=\"field.minLength\"\n      [p-no-autocomplete]=\"field.noAutocomplete\"\n      [p-optional]=\"field.optional\"\n      [p-readonly]=\"field.readonly\"\n      [p-required]=\"field.required\"\n      [p-required-field-error-message]=\"field.requiredFieldErrorMessage\"\n      [p-show-required]=\"field.showRequired\"\n      [p-size]=\"field.size || componentsSize\"\n      (p-additional-help)=\"field.additionalHelp?.($event)\"\n      (p-change)=\"onChangeField(field)\"\n      (p-change-model)=\"onChangeFieldModel(field)\"\n      (p-keydown)=\"field.keydown?.($event)\"\n      [p-placeholder]=\"field.placeholder\"\n    >\n    </po-decimal>\n\n    <po-select\n      #component\n      *ngIf=\"compareTo(field.control, 'select')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [additionalHelpEventTrigger]=\"field.additionalHelp ? 'event' : 'noEvent'\"\n      [p-additional-help-tooltip]=\"field.additionalHelpTooltip\"\n      [p-field-label]=\"field.fieldLabel\"\n      [p-field-value]=\"field.fieldValue\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-optional]=\"field.optional\"\n      [p-options]=\"field.options\"\n      [p-required]=\"field.required\"\n      [p-field-error-message]=\"field.errorMessage\"\n      [p-error-limit]=\"field.errorLimit\"\n      [p-show-required]=\"field.showRequired\"\n      [p-size]=\"field.size || componentsSize\"\n      (p-additional-help)=\"field.additionalHelp?.($event)\"\n      (p-change)=\"onChangeField(field)\"\n      (p-keydown)=\"field.keydown?.($event)\"\n      [p-placeholder]=\"field.placeholder\"\n      [p-readonly]=\"field.readonly\"\n    >\n    </po-select>\n\n    <po-radio-group\n      #component\n      *ngIf=\"compareTo(field.control, 'radioGroup')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [additionalHelpEventTrigger]=\"field.additionalHelp ? 'event' : 'noEvent'\"\n      [p-additional-help-tooltip]=\"field.additionalHelpTooltip\"\n      [p-columns]=\"field.columns || 3\"\n      [p-auto-focus]=\"field.focus\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-optional]=\"field.optional\"\n      [p-options]=\"field.options\"\n      [p-required]=\"field.required\"\n      [p-field-error-message]=\"field.errorMessage\"\n      [p-error-limit]=\"field.errorLimit\"\n      [p-show-required]=\"field.showRequired\"\n      [p-size]=\"field.size || componentsSize\"\n      (p-additional-help)=\"field.additionalHelp?.($event)\"\n      (p-change)=\"onChangeField(field)\"\n      (p-keydown)=\"field.keydown?.($event)\"\n    >\n    </po-radio-group>\n\n    <po-switch\n      #component\n      *ngIf=\"compareTo(field.control, 'switch')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [additionalHelpEventTrigger]=\"field.additionalHelp ? 'event' : 'noEvent'\"\n      [p-additional-help-tooltip]=\"field.additionalHelpTooltip\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-format-model]=\"field.formatModel\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-label-off]=\"field.booleanFalse\"\n      [p-label-on]=\"field.booleanTrue\"\n      [p-label-position]=\"field.labelPosition\"\n      [p-hide-label-status]=\"field.hideLabelStatus\"\n      [p-size]=\"field.size || componentsSize\"\n      (p-additional-help)=\"field.additionalHelp?.($event)\"\n      (p-change)=\"onChangeField(field)\"\n      (p-keydown)=\"field.keydown?.($event)\"\n    >\n    </po-switch>\n\n    <po-checkbox\n      #component\n      *ngIf=\"compareTo(field.control, 'checkbox')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [additionalHelpEventTrigger]=\"field.additionalHelp ? 'event' : 'noEvent'\"\n      [p-additional-help-tooltip]=\"field.additionalHelpTooltip\"\n      [p-auto-focus]=\"field.focus\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-label]=\"field.label\"\n      [p-size]=\"field.size || componentsSize\"\n      (p-additional-help)=\"field.additionalHelp?.($event)\"\n      (p-change)=\"onChangeField(field)\"\n      (p-keydown)=\"field.keydown?.($event)\"\n    >\n    </po-checkbox>\n\n    <po-combo\n      #component\n      *ngIf=\"compareTo(field.control, 'combo')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      p-emit-object-value\n      [additionalHelpEventTrigger]=\"field.additionalHelp ? 'event' : 'noEvent'\"\n      [p-additional-help-tooltip]=\"field.additionalHelpTooltip\"\n      [p-auto-focus]=\"field.focus\"\n      [p-clean]=\"field.clean\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-field-label]=\"field.fieldLabel\"\n      [p-field-value]=\"field.fieldValue\"\n      [p-filter-params]=\"field.params\"\n      [p-filter-service]=\"field.optionsService\"\n      [p-help]=\"field.help\"\n      [p-infinite-scroll]=\"field.infiniteScroll\"\n      [p-infinite-scroll-distance]=\"field.infiniteScrollDistance || 100\"\n      [p-label]=\"field.label\"\n      [p-literals]=\"field.literals\"\n      [p-options]=\"field.options\"\n      [p-optional]=\"field.optional\"\n      [p-sort]=\"field.sort\"\n      [p-required]=\"field.required\"\n      [p-field-error-message]=\"field.errorMessage\"\n      [p-error-limit]=\"field.errorLimit\"\n      [p-show-required]=\"field.showRequired\"\n      (p-change)=\"onChangeField(field, $event)\"\n      [p-icon]=\"field.icon\"\n      [p-placeholder]=\"field.placeholder\"\n      [p-filter-minlength]=\"field.filterMinlength\"\n      [p-filter-mode]=\"field.filterMode\"\n      [p-disabled-init-filter]=\"field.disabledInitFilter\"\n      [p-disabled-tab-filter]=\"field.disabledTabFilter\"\n      [p-debounce-time]=\"field.debounceTime\"\n      [p-change-on-enter]=\"field.changeOnEnter\"\n      [p-remove-initial-filter]=\"field.removeInitialFilter\"\n      [p-size]=\"field.size || componentsSize\"\n      (p-keydown)=\"field.keydown?.($event)\"\n      (p-additional-help)=\"field.additionalHelp?.($event)\"\n      [p-listbox-control-position]=\"field.listboxControlPosition\"\n    >\n    </po-combo>\n\n    <po-lookup\n      #component\n      *ngIf=\"compareTo(field.control, 'lookup')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      p-field-label=\"label\"\n      p-field-value=\"value\"\n      [ngClass]=\"field.componentClass\"\n      [additionalHelpEventTrigger]=\"field.additionalHelp ? 'event' : 'noEvent'\"\n      [p-additional-help-tooltip]=\"field.additionalHelpTooltip\"\n      [p-clean]=\"field.clean\"\n      [p-columns]=\"field.columns\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-field-label]=\"field.fieldLabel || 'label'\"\n      [p-field-value]=\"field.fieldValue || 'value'\"\n      [p-filter-params]=\"field.params\"\n      [p-filter-service]=\"field.searchService\"\n      [p-auto-focus]=\"field.focus\"\n      [p-auto-height]=\"field.autoHeight\"\n      [p-help]=\"field.help\"\n      [p-field-format]=\"field.format\"\n      [p-infinite-scroll]=\"field.infiniteScroll\"\n      [p-label]=\"field.label\"\n      [p-literals]=\"field.literals\"\n      [p-multiple]=\"field.multiple\"\n      [p-no-autocomplete]=\"field.noAutocomplete\"\n      [p-optional]=\"field.optional\"\n      [p-required]=\"field.required\"\n      [p-field-error-message]=\"field.errorMessage\"\n      [p-error-limit]=\"field.errorLimit\"\n      [p-show-required]=\"field.showRequired\"\n      [p-size]=\"field.size || componentsSize\"\n      (p-change)=\"onChangeField(field)\"\n      [p-placeholder]=\"field.placeholder\"\n      [p-advanced-filters]=\"field.advancedFilters\"\n      (p-additional-help)=\"field.additionalHelp?.($event)\"\n      (p-change-visible-columns)=\"field.changeVisibleColumns?.($event)\"\n      (p-keydown)=\"field.keydown?.($event)\"\n      (p-restore-column-manager)=\"field.columnRestoreManager?.($event)\"\n    >\n    </po-lookup>\n\n    <po-checkbox-group\n      #component\n      *ngIf=\"compareTo(field.control, 'checkboxGroup')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [additionalHelpEventTrigger]=\"field.additionalHelp ? 'event' : 'noEvent'\"\n      [p-additional-help-tooltip]=\"field.additionalHelpTooltip\"\n      [p-columns]=\"field.columns || 3\"\n      [p-auto-focus]=\"field.focus\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-optional]=\"field.optional\"\n      [p-options]=\"field.options\"\n      [p-required]=\"field.required\"\n      [p-show-required]=\"field.showRequired\"\n      [p-field-error-message]=\"field.errorMessage\"\n      [p-error-limit]=\"field.errorLimit\"\n      [p-size]=\"field.size || componentsSize\"\n      (p-additional-help)=\"field.additionalHelp?.($event)\"\n      (p-change)=\"onChangeField(field)\"\n      (p-keydown)=\"field.keydown?.($event)\"\n    >\n    </po-checkbox-group>\n\n    <po-multiselect\n      #component\n      *ngIf=\"compareTo(field.control, 'multiselect')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [additionalHelpEventTrigger]=\"field.additionalHelp ? 'event' : 'noEvent'\"\n      [p-additional-help-tooltip]=\"field.additionalHelpTooltip\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-auto-focus]=\"field.focus\"\n      [p-auto-height]=\"field.autoHeight\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-literals]=\"field.literals\"\n      [p-optional]=\"field.optional\"\n      [p-options]=\"field.options\"\n      [p-required]=\"field.required\"\n      [p-field-error-message]=\"field.errorMessage\"\n      [p-error-limit]=\"field.errorLimit\"\n      [p-show-required]=\"field.showRequired\"\n      (p-change)=\"onChangeField(field)\"\n      [p-placeholder]=\"field.placeholder\"\n      [p-field-label]=\"field.fieldLabel\"\n      [p-field-value]=\"field.fieldValue\"\n      [p-filter-service]=\"field.optionsService\"\n      [p-filter-mode]=\"field.filterMode\"\n      [p-debounce-time]=\"field.debounceTime\"\n      [p-sort]=\"field.sort\"\n      [p-placeholder-search]=\"field.placeholderSearch\"\n      [p-hide-search]=\"field.hideSearch\"\n      [p-hide-select-all]=\"field.hideSelectAll\"\n      [p-size]=\"field.size || componentsSize\"\n      (p-additional-help)=\"field.additionalHelp?.($event)\"\n      (p-keydown)=\"field.keydown?.($event)\"\n      [p-listbox-control-position]=\"field.listboxControlPosition\"\n    >\n    </po-multiselect>\n\n    <po-textarea\n      #component\n      *ngIf=\"compareTo(field.control, 'textarea')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [additionalHelpEventTrigger]=\"field.additionalHelp ? 'event' : 'noEvent'\"\n      [p-additional-help-tooltip]=\"field.additionalHelpTooltip\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-auto-focus]=\"field.focus\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-maxlength]=\"field.maxLength\"\n      [p-minlength]=\"field.minLength\"\n      [p-optional]=\"field.optional\"\n      [p-readonly]=\"field.readonly\"\n      [p-required]=\"field.required\"\n      [p-field-error-message]=\"field.errorMessage\"\n      [p-error-limit]=\"field.errorLimit\"\n      [p-show-required]=\"field.showRequired\"\n      [p-rows]=\"field.rows\"\n      [p-size]=\"field.size || componentsSize\"\n      (p-additional-help)=\"field.additionalHelp?.($event)\"\n      (p-change)=\"onChangeField(field)\"\n      (p-change-model)=\"onChangeFieldModel(field)\"\n      (p-keydown)=\"field.keydown?.($event)\"\n      [p-placeholder]=\"field.placeholder\"\n    >\n    </po-textarea>\n\n    <po-password\n      #component\n      *ngIf=\"compareTo(field.control, 'password')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [additionalHelpEventTrigger]=\"field.additionalHelp ? 'event' : 'noEvent'\"\n      [p-additional-help-tooltip]=\"field.additionalHelpTooltip\"\n      [p-clean]=\"field.clean\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-error-pattern]=\"field.errorMessage\"\n      [p-error-limit]=\"field.errorLimit\"\n      [p-error-async-properties]=\"field.errorAsyncProperties\"\n      [p-auto-focus]=\"field.focus\"\n      [p-help]=\"field.help\"\n      [p-hide-password-peek]=\"field.hidePasswordPeek\"\n      [p-icon]=\"field.icon\"\n      [p-label]=\"field.label\"\n      [p-maxlength]=\"field.maxLength\"\n      [p-minlength]=\"field.minLength\"\n      [p-no-autocomplete]=\"field.noAutocomplete\"\n      [p-optional]=\"field.optional\"\n      [p-pattern]=\"field.pattern\"\n      [p-readonly]=\"field.readonly\"\n      [p-required]=\"field.required\"\n      [p-required-field-error-message]=\"field.requiredFieldErrorMessage\"\n      [p-show-required]=\"field.showRequired\"\n      [p-size]=\"field.size || componentsSize\"\n      (p-additional-help)=\"field.additionalHelp?.($event)\"\n      (p-change)=\"onChangeField(field)\"\n      (p-change-model)=\"onChangeFieldModel(field)\"\n      (p-keydown)=\"field.keydown?.($event)\"\n      [p-placeholder]=\"field.placeholder\"\n    >\n    </po-password>\n\n    <po-upload\n      #component\n      *ngIf=\"compareTo(field.control, 'upload')\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [additionalHelpEventTrigger]=\"field.additionalHelp ? 'event' : 'noEvent'\"\n      [p-additional-help-tooltip]=\"field.additionalHelpTooltip\"\n      [p-auto-upload]=\"field.autoUpload\"\n      [p-directory]=\"field.directory\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-drag-drop]=\"field.dragDrop\"\n      [p-drag-drop-height]=\"field.dragDropHeight\"\n      [p-restrictions]=\"field.restrictions\"\n      [p-form-field]=\"field.formField\"\n      [p-headers]=\"field.headers\"\n      [p-help]=\"field.help\"\n      [p-hide-restrictions-info]=\"field.hideRestrictionsInfo\"\n      [p-hide-select-button]=\"field.hideSelectButton\"\n      [p-hide-send-button]=\"field.hideSendButton\"\n      [p-multiple]=\"field.multiple\"\n      [p-label]=\"field.label\"\n      [p-literals]=\"field.literals\"\n      [name]=\"field.property\"\n      [p-custom-action]=\"field.customAction\"\n      (p-custom-action-click)=\"field.customActionClick($event)\"\n      (p-error)=\"field.onError($event)\"\n      (p-success)=\"field.onSuccess($event)\"\n      (p-upload)=\"field.onUpload($event)\"\n      [p-optional]=\"field.optional\"\n      [p-required]=\"field.required\"\n      [p-show-required]=\"field.showRequired\"\n      [p-size]=\"field.size || componentsSize\"\n      (p-additional-help)=\"field.additionalHelp?.($event)\"\n      (p-change)=\"onChangeField(field)\"\n      (p-change-model)=\"onChangeFieldModel(field)\"\n      (p-keydown)=\"field.keydown?.($event)\"\n      [p-url]=\"field.url\"\n    >\n    </po-upload>\n  </ng-container>\n</ng-template>\n\n<ng-template #poContentContainer let-fields>\n  <po-dynamic-container [p-fields]=\"fields\" [p-content]=\"poContent\"></po-dynamic-container>\n</ng-template>\n" }]
     }], () => [{ type: i1.TitleCasePipe }, { type: PoThemeService }, { type: PoDynamicFormValidationService }, { type: i0.ChangeDetectorRef }, { type: i2.NgForm }], { components: [{
             type: ViewChildren,
             args: ['component']