npm - @po-ui/ng-components - Versions diffs - 21.29.0 → 21.30.0 - Mend

@po-ui/ng-components 21.29.0 → 21.30.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (34) hide show

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

@@ -6101,6 +6101,20 @@ class PoCheckboxBaseComponent {
      * Evento disparado quando o valor do *checkbox* for alterado.
      */
     change = new EventEmitter();
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento disparado sempre que o valor do model é alterado, seja por interação do usuário
+     * ou por atualização programática (ex: `setValue`, `patchValue`, carregamento assíncrono).
+     *
+     * Diferentemente do `p-change`, que é disparado apenas por interação do usuário,
+     * o `p-change-model` cobre todos os cenários de alteração de valor.
+     *
+     * Não emite quando o novo valor é idêntico ao anterior (deduplicação automática).
+     */
+    changeModel = new EventEmitter();
     /**
      * @optional
      *
@@ -6117,6 +6131,7 @@ class PoCheckboxBaseComponent {
     disabladTabindex = false;
     displayAdditionalHelp = false;
     id = uuid();
+    modelLastUpdate;
     propagateChange;
     onTouched;
     _disabled = false;
@@ -6194,6 +6209,7 @@ class PoCheckboxBaseComponent {
             this.propagateChange(this.checkboxValue);
         }
         this.change.emit(this.checkboxValue);
+        this.controlChangeModelEmitter(this.checkboxValue);
     }
     checkOption(event, value) {
         const target = event.target;
@@ -6221,13 +6237,22 @@ class PoCheckboxBaseComponent {
         if (value !== this.checkboxValue) {
             this.changeModelValue(value);
         }
+        if (value != null) {
+            this.controlChangeModelEmitter(this.checkboxValue);
+        }
+    }
+    controlChangeModelEmitter(value) {
+        if (this.modelLastUpdate !== value) {
+            this.changeModel.emit(value);
+            this.modelLastUpdate = value;
+        }
     }
     applySizeBasedOnA11y() {
         const size = validateSizeFn(this._initialSize, PoCheckboxSize);
         this._size = size;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: PoCheckboxBaseComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.21", type: PoCheckboxBaseComponent, isStandalone: false, selector: "po-checkbox-base", inputs: { additionalHelpEventTrigger: { classPropertyName: "additionalHelpEventTrigger", publicName: "additionalHelpEventTrigger", isSignal: false, isRequired: false, transformFunction: null }, additionalHelpTooltip: { classPropertyName: "additionalHelpTooltip", publicName: "p-additional-help-tooltip", isSignal: false, isRequired: false, transformFunction: null }, appendBox: { classPropertyName: "appendBox", publicName: "p-append-in-body", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, compactLabel: { classPropertyName: "compactLabel", publicName: "p-compact-label", isSignal: true, isRequired: false, transformFunction: null }, help: { classPropertyName: "help", publicName: "p-help", isSignal: false, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: false, isRequired: false, transformFunction: null }, autoFocus: { classPropertyName: "autoFocus", publicName: "p-auto-focus", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, label: { classPropertyName: "label", publicName: "p-label", isSignal: false, isRequired: false, transformFunction: null }, checkboxValue: { classPropertyName: "checkboxValue", publicName: "p-checkboxValue", isSignal: false, isRequired: false, transformFunction: null }, checkBoxRequired: { classPropertyName: "checkBoxRequired", publicName: "p-required", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, disabladTabindex: { classPropertyName: "disabladTabindex", publicName: "p-disabled-tabindex", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, disabled: { classPropertyName: "disabled", publicName: "p-disabled", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, size: { classPropertyName: "size", publicName: "p-size", isSignal: false, isRequired: false, transformFunction: null }, poHelperComponent: { classPropertyName: "poHelperComponent", publicName: "p-helper", isSignal: true, isRequired: false, transformFunction: null }, labelTextWrap: { classPropertyName: "labelTextWrap", publicName: "p-label-text-wrap", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { additionalHelp: "p-additional-help", blur: "p-blur", change: "p-change", keydown: "p-keydown" }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-size": "this.size" } }, ngImport: i0, template: '', isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.21", type: PoCheckboxBaseComponent, isStandalone: false, selector: "po-checkbox-base", inputs: { additionalHelpEventTrigger: { classPropertyName: "additionalHelpEventTrigger", publicName: "additionalHelpEventTrigger", isSignal: false, isRequired: false, transformFunction: null }, additionalHelpTooltip: { classPropertyName: "additionalHelpTooltip", publicName: "p-additional-help-tooltip", isSignal: false, isRequired: false, transformFunction: null }, appendBox: { classPropertyName: "appendBox", publicName: "p-append-in-body", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, compactLabel: { classPropertyName: "compactLabel", publicName: "p-compact-label", isSignal: true, isRequired: false, transformFunction: null }, help: { classPropertyName: "help", publicName: "p-help", isSignal: false, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: false, isRequired: false, transformFunction: null }, autoFocus: { classPropertyName: "autoFocus", publicName: "p-auto-focus", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, label: { classPropertyName: "label", publicName: "p-label", isSignal: false, isRequired: false, transformFunction: null }, checkboxValue: { classPropertyName: "checkboxValue", publicName: "p-checkboxValue", isSignal: false, isRequired: false, transformFunction: null }, checkBoxRequired: { classPropertyName: "checkBoxRequired", publicName: "p-required", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, disabladTabindex: { classPropertyName: "disabladTabindex", publicName: "p-disabled-tabindex", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, disabled: { classPropertyName: "disabled", publicName: "p-disabled", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, size: { classPropertyName: "size", publicName: "p-size", isSignal: false, isRequired: false, transformFunction: null }, poHelperComponent: { classPropertyName: "poHelperComponent", publicName: "p-helper", isSignal: true, isRequired: false, transformFunction: null }, labelTextWrap: { classPropertyName: "labelTextWrap", publicName: "p-label-text-wrap", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { additionalHelp: "p-additional-help", blur: "p-blur", change: "p-change", changeModel: "p-change-model", keydown: "p-keydown" }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-size": "this.size" } }, ngImport: i0, template: '', isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: PoCheckboxBaseComponent, decorators: [{
             type: Component,
@@ -6265,6 +6290,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImpo
             }], change: [{
                 type: Output,
                 args: ['p-change']
+            }], changeModel: [{
+                type: Output,
+                args: ['p-change-model']
             }], keydown: [{
                 type: Output,
                 args: ['p-keydown']
@@ -13314,6 +13342,20 @@ class PoComboBaseComponent {
      * > Pode-se optar pelo recebimento do objeto selecionado ao invés do model através da propriedade `p-emit-object-value`.
      */
     change = new EventEmitter();
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento disparado sempre que o valor do model é alterado, seja por interação do usuário
+     * ou por atualização programática (ex: `setValue`, `patchValue`, carregamento assíncrono).
+     *
+     * Diferentemente do `p-change`, que é disparado apenas por interação do usuário,
+     * o `p-change-model` cobre todos os cenários de alteração de valor.
+     *
+     * Não emite quando o novo valor é idêntico ao anterior (deduplicação automática).
+     */
+    changeModel = new EventEmitter();
     /**
      * @optional
      *
@@ -13395,6 +13437,7 @@ class PoComboBaseComponent {
     isFirstFilter = true;
     isFiltering = false;
     keyupSubscribe;
+    modelLastUpdate;
     onModelChange;
     previousSearchValue = '';
     selectedOption;
@@ -13863,6 +13906,12 @@ class PoComboBaseComponent {
         // Caso o componente estiver dentro de um form, terá acesso ao método onModelChange.
         return this.onModelChange ? this.onModelChange(value) : this.ngModelChange.emit(value);
     }
+    controlChangeModelEmitter(value) {
+        if (this.modelLastUpdate !== value) {
+            this.changeModel.emit(value);
+            this.modelLastUpdate = value;
+        }
+    }
     isEqual(value, inputValue) {
         if ((value || value === 0) && inputValue) {
             return value.toString() === inputValue.toString();
@@ -14182,14 +14231,13 @@ class PoComboBaseComponent {
         }
     }
     updateModel(value) {
-        if (value !== this.selectedValue) {
-            if (!this.fromWriteValue) {
-                this.callModelChange(this.getValueUpdate(value, this.selectedOption));
-            }
+        if (value !== this.selectedValue && !this.fromWriteValue) {
+            this.callModelChange(this.getValueUpdate(value, this.selectedOption));
             this.change.emit(this.emitObjectValue ? this.selectedOption : value);
         }
         this.selectedValue = value;
         this.fromWriteValue = false;
+        this.controlChangeModelEmitter(value);
     }
     updateSelectedValueWithOldOption() {
         const oldOption = this.getOptionFromValue(this.selectedValue, this.comboOptionsList);
@@ -14207,7 +14255,7 @@ class PoComboBaseComponent {
         this._size = size;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: PoComboBaseComponent, deps: [{ token: PoLanguageService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.21", type: PoComboBaseComponent, isStandalone: true, inputs: { additionalHelpEventTrigger: { classPropertyName: "additionalHelpEventTrigger", publicName: "additionalHelpEventTrigger", isSignal: false, isRequired: false, transformFunction: null }, additionalHelpTooltip: { classPropertyName: "additionalHelpTooltip", publicName: "p-additional-help-tooltip", isSignal: false, isRequired: false, transformFunction: null }, autoFocus: { classPropertyName: "autoFocus", publicName: "p-auto-focus", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, compactLabel: { classPropertyName: "compactLabel", publicName: "p-compact-label", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "p-label", isSignal: false, isRequired: false, transformFunction: null }, help: { classPropertyName: "help", publicName: "p-help", isSignal: false, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: false, isRequired: false, transformFunction: null }, filterService: { classPropertyName: "filterService", publicName: "p-filter-service", isSignal: false, isRequired: false, transformFunction: null }, infiniteScroll: { classPropertyName: "infiniteScroll", publicName: "p-infinite-scroll", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, infiniteScrollDistance: { classPropertyName: "infiniteScrollDistance", publicName: "p-infinite-scroll-distance", isSignal: false, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "p-icon", isSignal: false, isRequired: false, transformFunction: null }, optional: { classPropertyName: "optional", publicName: "p-optional", isSignal: false, isRequired: false, transformFunction: null }, clean: { classPropertyName: "clean", publicName: "p-clean", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, emitObjectValue: { classPropertyName: "emitObjectValue", publicName: "p-emit-object-value", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, disabledTabFilter: { classPropertyName: "disabledTabFilter", publicName: "p-disabled-tab-filter", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, removeInitialFilter: { classPropertyName: "removeInitialFilter", publicName: "p-remove-initial-filter", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, fieldErrorMessage: { classPropertyName: "fieldErrorMessage", publicName: "p-field-error-message", isSignal: false, isRequired: false, transformFunction: null }, errorLimit: { classPropertyName: "errorLimit", publicName: "p-error-limit", isSignal: false, isRequired: false, transformFunction: null }, controlValueWithLabel: { classPropertyName: "controlValueWithLabel", publicName: "p-control-value-with-label", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, listboxControlPosition: { classPropertyName: "listboxControlPosition", publicName: "p-listbox-control-position", isSignal: false, isRequired: false, transformFunction: null }, poHelperComponent: { classPropertyName: "poHelperComponent", publicName: "p-helper", isSignal: true, isRequired: false, transformFunction: null }, labelTextWrap: { classPropertyName: "labelTextWrap", publicName: "p-label-text-wrap", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "p-placeholder", isSignal: false, isRequired: false, transformFunction: null }, debounceTime: { classPropertyName: "debounceTime", publicName: "p-debounce-time", isSignal: false, isRequired: false, transformFunction: null }, disabledInitFilter: { classPropertyName: "disabledInitFilter", publicName: "p-disabled-init-filter", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, fieldValue: { classPropertyName: "fieldValue", publicName: "p-field-value", isSignal: false, isRequired: false, transformFunction: null }, fieldLabel: { classPropertyName: "fieldLabel", publicName: "p-field-label", isSignal: false, isRequired: false, transformFunction: null }, filterMinlength: { classPropertyName: "filterMinlength", publicName: "p-filter-minlength", isSignal: false, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "p-required", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, showRequired: { classPropertyName: "showRequired", publicName: "p-show-required", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "p-size", isSignal: false, isRequired: false, transformFunction: null }, changeOnEnter: { classPropertyName: "changeOnEnter", publicName: "p-change-on-enter", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, disabled: { classPropertyName: "disabled", publicName: "p-disabled", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, loading: { classPropertyName: "loading", publicName: "p-loading", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, sort: { classPropertyName: "sort", publicName: "p-sort", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, options: { classPropertyName: "options", publicName: "p-options", isSignal: false, isRequired: false, transformFunction: null }, filterMode: { classPropertyName: "filterMode", publicName: "p-filter-mode", isSignal: false, isRequired: false, transformFunction: null }, filterParams: { classPropertyName: "filterParams", publicName: "p-filter-params", isSignal: false, isRequired: false, transformFunction: null }, literals: { classPropertyName: "literals", publicName: "p-literals", isSignal: false, isRequired: false, transformFunction: null }, cache: { classPropertyName: "cache", publicName: "p-cache", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, appendBox: { classPropertyName: "appendBox", publicName: "p-append-in-body", isSignal: false, isRequired: false, transformFunction: convertToBoolean } }, outputs: { blur: "p-blur", additionalHelp: "p-additional-help", change: "p-change", keydown: "p-keydown", ngModelChange: "ngModelChange", inputChange: "p-input-change" }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-size": "this.size", "attr.p-loading": "this.loading" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.21", type: PoComboBaseComponent, isStandalone: true, inputs: { additionalHelpEventTrigger: { classPropertyName: "additionalHelpEventTrigger", publicName: "additionalHelpEventTrigger", isSignal: false, isRequired: false, transformFunction: null }, additionalHelpTooltip: { classPropertyName: "additionalHelpTooltip", publicName: "p-additional-help-tooltip", isSignal: false, isRequired: false, transformFunction: null }, autoFocus: { classPropertyName: "autoFocus", publicName: "p-auto-focus", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, compactLabel: { classPropertyName: "compactLabel", publicName: "p-compact-label", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "p-label", isSignal: false, isRequired: false, transformFunction: null }, help: { classPropertyName: "help", publicName: "p-help", isSignal: false, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: false, isRequired: false, transformFunction: null }, filterService: { classPropertyName: "filterService", publicName: "p-filter-service", isSignal: false, isRequired: false, transformFunction: null }, infiniteScroll: { classPropertyName: "infiniteScroll", publicName: "p-infinite-scroll", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, infiniteScrollDistance: { classPropertyName: "infiniteScrollDistance", publicName: "p-infinite-scroll-distance", isSignal: false, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "p-icon", isSignal: false, isRequired: false, transformFunction: null }, optional: { classPropertyName: "optional", publicName: "p-optional", isSignal: false, isRequired: false, transformFunction: null }, clean: { classPropertyName: "clean", publicName: "p-clean", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, emitObjectValue: { classPropertyName: "emitObjectValue", publicName: "p-emit-object-value", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, disabledTabFilter: { classPropertyName: "disabledTabFilter", publicName: "p-disabled-tab-filter", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, removeInitialFilter: { classPropertyName: "removeInitialFilter", publicName: "p-remove-initial-filter", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, fieldErrorMessage: { classPropertyName: "fieldErrorMessage", publicName: "p-field-error-message", isSignal: false, isRequired: false, transformFunction: null }, errorLimit: { classPropertyName: "errorLimit", publicName: "p-error-limit", isSignal: false, isRequired: false, transformFunction: null }, controlValueWithLabel: { classPropertyName: "controlValueWithLabel", publicName: "p-control-value-with-label", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, listboxControlPosition: { classPropertyName: "listboxControlPosition", publicName: "p-listbox-control-position", isSignal: false, isRequired: false, transformFunction: null }, poHelperComponent: { classPropertyName: "poHelperComponent", publicName: "p-helper", isSignal: true, isRequired: false, transformFunction: null }, labelTextWrap: { classPropertyName: "labelTextWrap", publicName: "p-label-text-wrap", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "p-placeholder", isSignal: false, isRequired: false, transformFunction: null }, debounceTime: { classPropertyName: "debounceTime", publicName: "p-debounce-time", isSignal: false, isRequired: false, transformFunction: null }, disabledInitFilter: { classPropertyName: "disabledInitFilter", publicName: "p-disabled-init-filter", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, fieldValue: { classPropertyName: "fieldValue", publicName: "p-field-value", isSignal: false, isRequired: false, transformFunction: null }, fieldLabel: { classPropertyName: "fieldLabel", publicName: "p-field-label", isSignal: false, isRequired: false, transformFunction: null }, filterMinlength: { classPropertyName: "filterMinlength", publicName: "p-filter-minlength", isSignal: false, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "p-required", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, showRequired: { classPropertyName: "showRequired", publicName: "p-show-required", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "p-size", isSignal: false, isRequired: false, transformFunction: null }, changeOnEnter: { classPropertyName: "changeOnEnter", publicName: "p-change-on-enter", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, disabled: { classPropertyName: "disabled", publicName: "p-disabled", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, loading: { classPropertyName: "loading", publicName: "p-loading", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, sort: { classPropertyName: "sort", publicName: "p-sort", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, options: { classPropertyName: "options", publicName: "p-options", isSignal: false, isRequired: false, transformFunction: null }, filterMode: { classPropertyName: "filterMode", publicName: "p-filter-mode", isSignal: false, isRequired: false, transformFunction: null }, filterParams: { classPropertyName: "filterParams", publicName: "p-filter-params", isSignal: false, isRequired: false, transformFunction: null }, literals: { classPropertyName: "literals", publicName: "p-literals", isSignal: false, isRequired: false, transformFunction: null }, cache: { classPropertyName: "cache", publicName: "p-cache", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, appendBox: { classPropertyName: "appendBox", publicName: "p-append-in-body", isSignal: false, isRequired: false, transformFunction: convertToBoolean } }, outputs: { blur: "p-blur", additionalHelp: "p-additional-help", change: "p-change", changeModel: "p-change-model", keydown: "p-keydown", ngModelChange: "ngModelChange", inputChange: "p-input-change" }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-size": "this.size", "attr.p-loading": "this.loading" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: PoComboBaseComponent, decorators: [{
             type: Directive
@@ -14270,6 +14318,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImpo
             }], change: [{
                 type: Output,
                 args: ['p-change']
+            }], changeModel: [{
+                type: Output,
+                args: ['p-change-model']
             }], keydown: [{
                 type: Output,
                 args: ['p-keydown']
@@ -14672,6 +14723,7 @@ class PoComboComponent extends PoComboBaseComponent {
     outerContainer;
     containerElement;
     contentElement;
+    fieldContainerInput;
     iconElement;
     inputEl;
     poListbox;
@@ -15216,7 +15268,7 @@ class PoComboComponent extends PoComboBaseComponent {
         window.removeEventListener('scroll', this.onScroll, true);
     }
     setContainerPosition() {
-        this.controlPosition?.setElements(this.containerElement?.nativeElement, poComboContainerOffset, this.inputEl, ['top', 'bottom'], true);
+        this.controlPosition?.setElements(this.containerElement?.nativeElement, poComboContainerOffset, this.fieldContainerInput, ['top', 'bottom'], true);
         this.adjustContainerPosition();
     }
     setContainerWidth() {
@@ -15277,7 +15329,7 @@ class PoComboComponent extends PoComboBaseComponent {
                 useExisting: forwardRef(() => PoComboComponent),
                 multi: true
             }
-        ], queries: [{ propertyName: "comboOptionTemplate", first: true, predicate: PoComboOptionTemplateDirective, descendants: true, static: true }], viewQueries: [{ propertyName: "outerContainer", first: true, predicate: ["outerContainer "], descendants: true, read: ElementRef }, { propertyName: "containerElement", first: true, predicate: ["containerElement"], descendants: true, read: ElementRef }, { propertyName: "contentElement", first: true, predicate: ["contentElement"], descendants: true, read: ElementRef }, { propertyName: "iconElement", first: true, predicate: ["iconArrow"], descendants: true, read: ElementRef, static: true }, { propertyName: "inputEl", first: true, predicate: ["inp"], descendants: true, read: ElementRef, static: true }, { propertyName: "poListbox", first: true, predicate: ["poListbox"], descendants: true }, { propertyName: "helperEl", first: true, predicate: ["helperEl"], descendants: true, read: PoHelperComponent }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@let poHelper = setHelper(label, additionalHelpTooltip);\n@let needsHelper = !label && (poHelperComponent() || poHelper.hideAdditionalHelp);\n<div #outerContainer>\n  <po-field-container\n    [p-disabled]=\"isDisabled\"\n    [p-id]=\"id\"\n    [p-label]=\"label\"\n    [p-optional]=\"optional\"\n    [p-required]=\"required\"\n    [p-show-required]=\"showRequired\"\n    [p-helper]=\"label ? poHelper.helperSettings : undefined\"\n    [p-show-helper]=\"label ? displayAdditionalHelp : undefined\"\n    [p-size]=\"size\"\n    [p-text-wrap]=\"labelTextWrap()\"\n    [p-compact-label]=\"compactLabel()\"\n  >\n    <div\n      #searchContainer\n      cdkOverlayOrigin\n      #trigger=\"cdkOverlayOrigin\"\n      class=\"po-field-container-content po-combo-container-content\"\n    >\n      <div class=\"po-field-container-content-helper-wrapper\">\n        <div class=\"po-field-container-input\">\n          @if (icon) {\n            <div class=\"po-field-icon-container-left\">\n              <po-icon\n                class=\"po-field-icon po-icon-input\"\n                [class.po-field-icon-disabled]=\"isDisabled\"\n                [class.po-field-icon-aa]=\"size === 'small'\"\n                [p-icon]=\"icon\"\n              ></po-icon>\n            </div>\n          }\n\n          <input\n            #inp\n            class=\"po-combo-input\"\n            [ngClass]=\"\n              clean && inp.value\n                ? size === 'small'\n                  ? 'po-input-double-icon-right-aa'\n                  : 'po-input-double-icon-right'\n                : size === 'small'\n                  ? 'po-input-icon-right-aa'\n                  : 'po-input-icon-right'\n            \"\n            [class.po-input-icon-left]=\"icon\"\n            [class.po-input-icon-left-aa]=\"icon && size === 'small'\"\n            autocomplete=\"off\"\n            type=\"text\"\n            [attr.data-focused-element]=\"!isDisabled\"\n            [attr.data-inactive-component]=\"isDisabled\"\n            [attr.name]=\"name\"\n            [disabled]=\"isDisabled\"\n            [id]=\"id\"\n            [placeholder]=\"isDisabled ? '' : placeholder\"\n            [required]=\"required\"\n            [attr.data-append-in-body]=\"appendBox\"\n            [attr.p-size]=\"size\"\n            (click)=\"!isDisabled && toggleComboVisibility()\"\n            (keyup)=\"onKeyUp($event)\"\n            (blur)=\"onBlur($event)\"\n            (keyup)=\"searchOnEnterOrArrow($event, $event.target.value)\"\n            (keydown)=\"onKeyDown($event)\"\n          />\n\n          <div class=\"po-field-icon-container-right\">\n            @if (loading) {\n              <po-loading-icon [p-size]=\"mapSizeToIcon(size)\"></po-loading-icon>\n            } @else {\n              @if (!loading && isCleanVisible()) {\n                <po-clean\n                  tabindex=\"0\"\n                  role=\"button\"\n                  [attr.aria-label]=\"literals.clean\"\n                  class=\"po-combo-clean po-icon-input\"\n                  [class.po-combo-clean-aa]=\"size === 'small'\"\n                  [p-element-ref]=\"inputEl\"\n                  [p-size]=\"size\"\n                  (p-change-event)=\"clear($event)\"\n                  (click)=\"clear(null); $event.preventDefault()\"\n                  (keydown.enter)=\"clearAndFocus(); $event.preventDefault()\"\n                  (keydown.tab)=\"handleCleanKeyboardTab($event)\"\n                >\n                </po-clean>\n              }\n            }\n            <div\n              #iconArrow\n              class=\"po-combo-arrow po-field-icon\"\n              [class.po-field-icon-disabled]=\"isDisabled\"\n              [class.po-field-icon-disabled-aa]=\"isDisabled && size === 'small'\"\n              (click)=\"!isDisabled && toggleComboVisibility(true)\"\n            >\n              <po-icon\n                [p-icon]=\"comboOpen ? 'ICON_ARROW_UP po-icon-input' : 'ICON_ARROW_DOWN po-icon-input'\"\n                [class.po-field-icon]=\"!isDisabled\"\n                [class.po-field-icon-aa]=\"size === 'small'\"\n                [class.po-combo-default-border]=\"!isDisabled && inp.value\"\n                [class.po-combo-background-arrow-up]=\"!isDisabled && comboOpen\"\n              ></po-icon>\n            </div>\n          </div>\n        </div>\n        @if ((!this.label && poHelperComponent()) || (!this.label && poHelper.hideAdditionalHelp)) {\n          <po-helper\n            #helperEl\n            class=\"po-field-helper-button\"\n            [p-size]=\"size\"\n            [p-helper]=\"poHelper.helperSettings\"\n            [p-disabled]=\"isDisabled\"\n            [p-append-in-body]=\"appendBox\"\n          >\n          </po-helper>\n        }\n      </div>\n    </div>\n\n    @if (appendBox) {\n      <ng-template\n        cdkConnectedOverlay\n        [cdkConnectedOverlayOrigin]=\"trigger\"\n        [cdkConnectedOverlayOpen]=\"true\"\n        [cdkConnectedOverlayDisableClose]=\"true\"\n      >\n        <ng-container *ngTemplateOutlet=\"dropdownListbox\"></ng-container>\n      </ng-template>\n    } @else {\n      <ng-container *ngTemplateOutlet=\"dropdownListbox\"> </ng-container>\n    }\n\n    <po-field-container-bottom\n      [p-append-in-body]=\"appendBox\"\n      [p-help]=\"help\"\n      [p-disabled]=\"isDisabled\"\n      [p-error-pattern]=\"getErrorPattern()\"\n      [p-error-limit]=\"errorLimit\"\n      [p-size]=\"size\"\n    ></po-field-container-bottom>\n  </po-field-container>\n\n  <ng-template #dropdownListbox>\n    <div #containerElement class=\"po-combo-container\" [hidden]=\"!comboOpen && !isServerSearching\">\n      <po-listbox\n        #poListbox\n        #contentElement\n        p-type=\"option\"\n        [p-items]=\"visibleOptions\"\n        [p-field-value]=\"dynamicValue\"\n        [p-field-label]=\"dynamicLabel\"\n        [p-template]=\"comboOptionTemplate\"\n        [p-search-value]=\"getInputValue()\"\n        [p-infinite-loading]=\"infiniteLoading\"\n        [p-infinite-scroll]=\"infiniteScroll\"\n        [p-filtering]=\"isFiltering\"\n        [p-cache]=\"cache\"\n        [p-filter-mode]=\"filterMode\"\n        [p-visible]=\"comboOpen\"\n        [p-is-searching]=\"isServerSearching\"\n        [p-should-mark-letter]=\"shouldMarkLetters\"\n        [p-compare-cache]=\"compareObjects(cacheOptions, visibleOptions)\"\n        [p-combo-service]=\"service\"\n        [p-infinite-scroll-distance]=\"infiniteScrollDistance\"\n        [p-size]=\"size\"\n        [p-container-width]=\"containerWidth\"\n        (p-selectcombo-item)=\"onOptionClick($event, $event.event)\"\n        (p-update-infinite-scroll)=\"showMoreInfiniteScroll()\"\n        (p-close)=\"onCloseCombo()\"\n        (keydown)=\"onListboxKeyDown($event)\"\n      ></po-listbox>\n    </div>\n  </ng-template>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2$1.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: PoFieldContainerBottomComponent, selector: "po-field-container-bottom", inputs: ["p-append-in-body", "p-disabled", "p-error-pattern", "p-error-limit", "p-help", "p-size", "p-helper", "p-show-helper"] }, { kind: "component", type: PoFieldContainerComponent, selector: "po-field-container", inputs: ["p-disabled", "p-id", "p-label", "p-help", "p-helper", "p-show-helper", "p-text-wrap", "p-optional", "p-required", "p-show-required", "p-size", "p-compact-label"] }, { kind: "component", type: PoListBoxComponent, selector: "po-listbox" }, { kind: "component", type: PoHelperComponent, selector: "po-helper" }, { kind: "component", type: PoIconComponent, selector: "po-icon", inputs: ["p-icon"] }, { kind: "component", type: PoCleanComponent, selector: "po-clean" }, { kind: "component", type: PoLoadingIconComponent, selector: "po-loading-icon", inputs: ["p-neutral-color", "p-size", "p-in-overlay"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], queries: [{ propertyName: "comboOptionTemplate", first: true, predicate: PoComboOptionTemplateDirective, descendants: true, static: true }], viewQueries: [{ propertyName: "outerContainer", first: true, predicate: ["outerContainer "], descendants: true, read: ElementRef }, { propertyName: "containerElement", first: true, predicate: ["containerElement"], descendants: true, read: ElementRef }, { propertyName: "contentElement", first: true, predicate: ["contentElement"], descendants: true, read: ElementRef }, { propertyName: "fieldContainerInput", first: true, predicate: ["fieldContainerInput"], descendants: true, read: ElementRef }, { propertyName: "iconElement", first: true, predicate: ["iconArrow"], descendants: true, read: ElementRef, static: true }, { propertyName: "inputEl", first: true, predicate: ["inp"], descendants: true, read: ElementRef, static: true }, { propertyName: "poListbox", first: true, predicate: ["poListbox"], descendants: true }, { propertyName: "helperEl", first: true, predicate: ["helperEl"], descendants: true, read: PoHelperComponent }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@let poHelper = setHelper(label, additionalHelpTooltip);\n@let needsHelper = !label && (poHelperComponent() || poHelper.hideAdditionalHelp);\n<div #outerContainer>\n  <po-field-container\n    [p-disabled]=\"isDisabled\"\n    [p-id]=\"id\"\n    [p-label]=\"label\"\n    [p-optional]=\"optional\"\n    [p-required]=\"required\"\n    [p-show-required]=\"showRequired\"\n    [p-helper]=\"label ? poHelper.helperSettings : undefined\"\n    [p-show-helper]=\"label ? displayAdditionalHelp : undefined\"\n    [p-size]=\"size\"\n    [p-text-wrap]=\"labelTextWrap()\"\n    [p-compact-label]=\"compactLabel()\"\n  >\n    <div\n      #searchContainer\n      cdkOverlayOrigin\n      #trigger=\"cdkOverlayOrigin\"\n      class=\"po-field-container-content po-combo-container-content\"\n    >\n      <div class=\"po-field-container-content-helper-wrapper\">\n        <div #fieldContainerInput class=\"po-field-container-input\">\n          @if (icon) {\n            <div class=\"po-field-icon-container-left\">\n              <po-icon\n                class=\"po-field-icon po-icon-input\"\n                [class.po-field-icon-disabled]=\"isDisabled\"\n                [class.po-field-icon-aa]=\"size === 'small'\"\n                [p-icon]=\"icon\"\n              ></po-icon>\n            </div>\n          }\n\n          <input\n            #inp\n            class=\"po-combo-input\"\n            [ngClass]=\"\n              clean && inp.value\n                ? size === 'small'\n                  ? 'po-input-double-icon-right-aa'\n                  : 'po-input-double-icon-right'\n                : size === 'small'\n                  ? 'po-input-icon-right-aa'\n                  : 'po-input-icon-right'\n            \"\n            [class.po-input-icon-left]=\"icon\"\n            [class.po-input-icon-left-aa]=\"icon && size === 'small'\"\n            autocomplete=\"off\"\n            type=\"text\"\n            [attr.data-focused-element]=\"!isDisabled\"\n            [attr.data-inactive-component]=\"isDisabled\"\n            [attr.name]=\"name\"\n            [disabled]=\"isDisabled\"\n            [id]=\"id\"\n            [placeholder]=\"isDisabled ? '' : placeholder\"\n            [required]=\"required\"\n            [attr.data-append-in-body]=\"appendBox\"\n            [attr.p-size]=\"size\"\n            (click)=\"!isDisabled && toggleComboVisibility()\"\n            (keyup)=\"onKeyUp($event)\"\n            (blur)=\"onBlur($event)\"\n            (keyup)=\"searchOnEnterOrArrow($event, $event.target.value)\"\n            (keydown)=\"onKeyDown($event)\"\n          />\n\n          <div class=\"po-field-icon-container-right\">\n            @if (loading) {\n              <po-loading-icon [p-size]=\"mapSizeToIcon(size)\"></po-loading-icon>\n            } @else {\n              @if (!loading && isCleanVisible()) {\n                <po-clean\n                  tabindex=\"0\"\n                  role=\"button\"\n                  [attr.aria-label]=\"literals.clean\"\n                  class=\"po-combo-clean po-icon-input\"\n                  [class.po-combo-clean-aa]=\"size === 'small'\"\n                  [p-element-ref]=\"inputEl\"\n                  [p-size]=\"size\"\n                  (p-change-event)=\"clear($event)\"\n                  (click)=\"clear(null); $event.preventDefault()\"\n                  (keydown.enter)=\"clearAndFocus(); $event.preventDefault()\"\n                  (keydown.tab)=\"handleCleanKeyboardTab($event)\"\n                >\n                </po-clean>\n              }\n            }\n            <div\n              #iconArrow\n              class=\"po-combo-arrow po-field-icon\"\n              [class.po-field-icon-disabled]=\"isDisabled\"\n              [class.po-field-icon-disabled-aa]=\"isDisabled && size === 'small'\"\n              (click)=\"!isDisabled && toggleComboVisibility(true)\"\n            >\n              <po-icon\n                [p-icon]=\"comboOpen ? 'ICON_ARROW_UP po-icon-input' : 'ICON_ARROW_DOWN po-icon-input'\"\n                [class.po-field-icon]=\"!isDisabled\"\n                [class.po-field-icon-aa]=\"size === 'small'\"\n                [class.po-combo-default-border]=\"!isDisabled && inp.value\"\n                [class.po-combo-background-arrow-up]=\"!isDisabled && comboOpen\"\n              ></po-icon>\n            </div>\n          </div>\n        </div>\n        @if ((!this.label && poHelperComponent()) || (!this.label && poHelper.hideAdditionalHelp)) {\n          <po-helper\n            #helperEl\n            class=\"po-field-helper-button\"\n            [p-size]=\"size\"\n            [p-helper]=\"poHelper.helperSettings\"\n            [p-disabled]=\"isDisabled\"\n            [p-append-in-body]=\"appendBox\"\n          >\n          </po-helper>\n        }\n      </div>\n    </div>\n\n    @if (appendBox) {\n      <ng-template\n        cdkConnectedOverlay\n        [cdkConnectedOverlayOrigin]=\"trigger\"\n        [cdkConnectedOverlayOpen]=\"true\"\n        [cdkConnectedOverlayDisableClose]=\"true\"\n      >\n        <ng-container *ngTemplateOutlet=\"dropdownListbox\"></ng-container>\n      </ng-template>\n    } @else {\n      <ng-container *ngTemplateOutlet=\"dropdownListbox\"> </ng-container>\n    }\n\n    <po-field-container-bottom\n      [p-append-in-body]=\"appendBox\"\n      [p-help]=\"help\"\n      [p-disabled]=\"isDisabled\"\n      [p-error-pattern]=\"getErrorPattern()\"\n      [p-error-limit]=\"errorLimit\"\n      [p-size]=\"size\"\n    ></po-field-container-bottom>\n  </po-field-container>\n\n  <ng-template #dropdownListbox>\n    <div #containerElement class=\"po-combo-container\" [hidden]=\"!comboOpen && !isServerSearching\">\n      <po-listbox\n        #poListbox\n        #contentElement\n        p-type=\"option\"\n        [p-items]=\"visibleOptions\"\n        [p-field-value]=\"dynamicValue\"\n        [p-field-label]=\"dynamicLabel\"\n        [p-template]=\"comboOptionTemplate\"\n        [p-search-value]=\"getInputValue()\"\n        [p-infinite-loading]=\"infiniteLoading\"\n        [p-infinite-scroll]=\"infiniteScroll\"\n        [p-filtering]=\"isFiltering\"\n        [p-cache]=\"cache\"\n        [p-filter-mode]=\"filterMode\"\n        [p-visible]=\"comboOpen\"\n        [p-is-searching]=\"isServerSearching\"\n        [p-should-mark-letter]=\"shouldMarkLetters\"\n        [p-compare-cache]=\"compareObjects(cacheOptions, visibleOptions)\"\n        [p-combo-service]=\"service\"\n        [p-infinite-scroll-distance]=\"infiniteScrollDistance\"\n        [p-size]=\"size\"\n        [p-container-width]=\"containerWidth\"\n        (p-selectcombo-item)=\"onOptionClick($event, $event.event)\"\n        (p-update-infinite-scroll)=\"showMoreInfiniteScroll()\"\n        (p-close)=\"onCloseCombo()\"\n        (keydown)=\"onListboxKeyDown($event)\"\n      ></po-listbox>\n    </div>\n  </ng-template>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2$1.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: PoFieldContainerBottomComponent, selector: "po-field-container-bottom", inputs: ["p-append-in-body", "p-disabled", "p-error-pattern", "p-error-limit", "p-help", "p-size", "p-helper", "p-show-helper"] }, { kind: "component", type: PoFieldContainerComponent, selector: "po-field-container", inputs: ["p-disabled", "p-id", "p-label", "p-help", "p-helper", "p-show-helper", "p-text-wrap", "p-optional", "p-required", "p-show-required", "p-size", "p-compact-label"] }, { kind: "component", type: PoListBoxComponent, selector: "po-listbox" }, { kind: "component", type: PoHelperComponent, selector: "po-helper" }, { kind: "component", type: PoIconComponent, selector: "po-icon", inputs: ["p-icon"] }, { kind: "component", type: PoCleanComponent, selector: "po-clean" }, { kind: "component", type: PoLoadingIconComponent, selector: "po-loading-icon", inputs: ["p-neutral-color", "p-size", "p-in-overlay"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: PoComboComponent, decorators: [{
             type: Component,
@@ -15294,7 +15346,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImpo
                             useExisting: forwardRef(() => PoComboComponent),
                             multi: true
                         }
-                    ], standalone: false, template: "@let poHelper = setHelper(label, additionalHelpTooltip);\n@let needsHelper = !label && (poHelperComponent() || poHelper.hideAdditionalHelp);\n<div #outerContainer>\n  <po-field-container\n    [p-disabled]=\"isDisabled\"\n    [p-id]=\"id\"\n    [p-label]=\"label\"\n    [p-optional]=\"optional\"\n    [p-required]=\"required\"\n    [p-show-required]=\"showRequired\"\n    [p-helper]=\"label ? poHelper.helperSettings : undefined\"\n    [p-show-helper]=\"label ? displayAdditionalHelp : undefined\"\n    [p-size]=\"size\"\n    [p-text-wrap]=\"labelTextWrap()\"\n    [p-compact-label]=\"compactLabel()\"\n  >\n    <div\n      #searchContainer\n      cdkOverlayOrigin\n      #trigger=\"cdkOverlayOrigin\"\n      class=\"po-field-container-content po-combo-container-content\"\n    >\n      <div class=\"po-field-container-content-helper-wrapper\">\n        <div class=\"po-field-container-input\">\n          @if (icon) {\n            <div class=\"po-field-icon-container-left\">\n              <po-icon\n                class=\"po-field-icon po-icon-input\"\n                [class.po-field-icon-disabled]=\"isDisabled\"\n                [class.po-field-icon-aa]=\"size === 'small'\"\n                [p-icon]=\"icon\"\n              ></po-icon>\n            </div>\n          }\n\n          <input\n            #inp\n            class=\"po-combo-input\"\n            [ngClass]=\"\n              clean && inp.value\n                ? size === 'small'\n                  ? 'po-input-double-icon-right-aa'\n                  : 'po-input-double-icon-right'\n                : size === 'small'\n                  ? 'po-input-icon-right-aa'\n                  : 'po-input-icon-right'\n            \"\n            [class.po-input-icon-left]=\"icon\"\n            [class.po-input-icon-left-aa]=\"icon && size === 'small'\"\n            autocomplete=\"off\"\n            type=\"text\"\n            [attr.data-focused-element]=\"!isDisabled\"\n            [attr.data-inactive-component]=\"isDisabled\"\n            [attr.name]=\"name\"\n            [disabled]=\"isDisabled\"\n            [id]=\"id\"\n            [placeholder]=\"isDisabled ? '' : placeholder\"\n            [required]=\"required\"\n            [attr.data-append-in-body]=\"appendBox\"\n            [attr.p-size]=\"size\"\n            (click)=\"!isDisabled && toggleComboVisibility()\"\n            (keyup)=\"onKeyUp($event)\"\n            (blur)=\"onBlur($event)\"\n            (keyup)=\"searchOnEnterOrArrow($event, $event.target.value)\"\n            (keydown)=\"onKeyDown($event)\"\n          />\n\n          <div class=\"po-field-icon-container-right\">\n            @if (loading) {\n              <po-loading-icon [p-size]=\"mapSizeToIcon(size)\"></po-loading-icon>\n            } @else {\n              @if (!loading && isCleanVisible()) {\n                <po-clean\n                  tabindex=\"0\"\n                  role=\"button\"\n                  [attr.aria-label]=\"literals.clean\"\n                  class=\"po-combo-clean po-icon-input\"\n                  [class.po-combo-clean-aa]=\"size === 'small'\"\n                  [p-element-ref]=\"inputEl\"\n                  [p-size]=\"size\"\n                  (p-change-event)=\"clear($event)\"\n                  (click)=\"clear(null); $event.preventDefault()\"\n                  (keydown.enter)=\"clearAndFocus(); $event.preventDefault()\"\n                  (keydown.tab)=\"handleCleanKeyboardTab($event)\"\n                >\n                </po-clean>\n              }\n            }\n            <div\n              #iconArrow\n              class=\"po-combo-arrow po-field-icon\"\n              [class.po-field-icon-disabled]=\"isDisabled\"\n              [class.po-field-icon-disabled-aa]=\"isDisabled && size === 'small'\"\n              (click)=\"!isDisabled && toggleComboVisibility(true)\"\n            >\n              <po-icon\n                [p-icon]=\"comboOpen ? 'ICON_ARROW_UP po-icon-input' : 'ICON_ARROW_DOWN po-icon-input'\"\n                [class.po-field-icon]=\"!isDisabled\"\n                [class.po-field-icon-aa]=\"size === 'small'\"\n                [class.po-combo-default-border]=\"!isDisabled && inp.value\"\n                [class.po-combo-background-arrow-up]=\"!isDisabled && comboOpen\"\n              ></po-icon>\n            </div>\n          </div>\n        </div>\n        @if ((!this.label && poHelperComponent()) || (!this.label && poHelper.hideAdditionalHelp)) {\n          <po-helper\n            #helperEl\n            class=\"po-field-helper-button\"\n            [p-size]=\"size\"\n            [p-helper]=\"poHelper.helperSettings\"\n            [p-disabled]=\"isDisabled\"\n            [p-append-in-body]=\"appendBox\"\n          >\n          </po-helper>\n        }\n      </div>\n    </div>\n\n    @if (appendBox) {\n      <ng-template\n        cdkConnectedOverlay\n        [cdkConnectedOverlayOrigin]=\"trigger\"\n        [cdkConnectedOverlayOpen]=\"true\"\n        [cdkConnectedOverlayDisableClose]=\"true\"\n      >\n        <ng-container *ngTemplateOutlet=\"dropdownListbox\"></ng-container>\n      </ng-template>\n    } @else {\n      <ng-container *ngTemplateOutlet=\"dropdownListbox\"> </ng-container>\n    }\n\n    <po-field-container-bottom\n      [p-append-in-body]=\"appendBox\"\n      [p-help]=\"help\"\n      [p-disabled]=\"isDisabled\"\n      [p-error-pattern]=\"getErrorPattern()\"\n      [p-error-limit]=\"errorLimit\"\n      [p-size]=\"size\"\n    ></po-field-container-bottom>\n  </po-field-container>\n\n  <ng-template #dropdownListbox>\n    <div #containerElement class=\"po-combo-container\" [hidden]=\"!comboOpen && !isServerSearching\">\n      <po-listbox\n        #poListbox\n        #contentElement\n        p-type=\"option\"\n        [p-items]=\"visibleOptions\"\n        [p-field-value]=\"dynamicValue\"\n        [p-field-label]=\"dynamicLabel\"\n        [p-template]=\"comboOptionTemplate\"\n        [p-search-value]=\"getInputValue()\"\n        [p-infinite-loading]=\"infiniteLoading\"\n        [p-infinite-scroll]=\"infiniteScroll\"\n        [p-filtering]=\"isFiltering\"\n        [p-cache]=\"cache\"\n        [p-filter-mode]=\"filterMode\"\n        [p-visible]=\"comboOpen\"\n        [p-is-searching]=\"isServerSearching\"\n        [p-should-mark-letter]=\"shouldMarkLetters\"\n        [p-compare-cache]=\"compareObjects(cacheOptions, visibleOptions)\"\n        [p-combo-service]=\"service\"\n        [p-infinite-scroll-distance]=\"infiniteScrollDistance\"\n        [p-size]=\"size\"\n        [p-container-width]=\"containerWidth\"\n        (p-selectcombo-item)=\"onOptionClick($event, $event.event)\"\n        (p-update-infinite-scroll)=\"showMoreInfiniteScroll()\"\n        (p-close)=\"onCloseCombo()\"\n        (keydown)=\"onListboxKeyDown($event)\"\n      ></po-listbox>\n    </div>\n  </ng-template>\n</div>\n" }]
+                    ], standalone: false, template: "@let poHelper = setHelper(label, additionalHelpTooltip);\n@let needsHelper = !label && (poHelperComponent() || poHelper.hideAdditionalHelp);\n<div #outerContainer>\n  <po-field-container\n    [p-disabled]=\"isDisabled\"\n    [p-id]=\"id\"\n    [p-label]=\"label\"\n    [p-optional]=\"optional\"\n    [p-required]=\"required\"\n    [p-show-required]=\"showRequired\"\n    [p-helper]=\"label ? poHelper.helperSettings : undefined\"\n    [p-show-helper]=\"label ? displayAdditionalHelp : undefined\"\n    [p-size]=\"size\"\n    [p-text-wrap]=\"labelTextWrap()\"\n    [p-compact-label]=\"compactLabel()\"\n  >\n    <div\n      #searchContainer\n      cdkOverlayOrigin\n      #trigger=\"cdkOverlayOrigin\"\n      class=\"po-field-container-content po-combo-container-content\"\n    >\n      <div class=\"po-field-container-content-helper-wrapper\">\n        <div #fieldContainerInput class=\"po-field-container-input\">\n          @if (icon) {\n            <div class=\"po-field-icon-container-left\">\n              <po-icon\n                class=\"po-field-icon po-icon-input\"\n                [class.po-field-icon-disabled]=\"isDisabled\"\n                [class.po-field-icon-aa]=\"size === 'small'\"\n                [p-icon]=\"icon\"\n              ></po-icon>\n            </div>\n          }\n\n          <input\n            #inp\n            class=\"po-combo-input\"\n            [ngClass]=\"\n              clean && inp.value\n                ? size === 'small'\n                  ? 'po-input-double-icon-right-aa'\n                  : 'po-input-double-icon-right'\n                : size === 'small'\n                  ? 'po-input-icon-right-aa'\n                  : 'po-input-icon-right'\n            \"\n            [class.po-input-icon-left]=\"icon\"\n            [class.po-input-icon-left-aa]=\"icon && size === 'small'\"\n            autocomplete=\"off\"\n            type=\"text\"\n            [attr.data-focused-element]=\"!isDisabled\"\n            [attr.data-inactive-component]=\"isDisabled\"\n            [attr.name]=\"name\"\n            [disabled]=\"isDisabled\"\n            [id]=\"id\"\n            [placeholder]=\"isDisabled ? '' : placeholder\"\n            [required]=\"required\"\n            [attr.data-append-in-body]=\"appendBox\"\n            [attr.p-size]=\"size\"\n            (click)=\"!isDisabled && toggleComboVisibility()\"\n            (keyup)=\"onKeyUp($event)\"\n            (blur)=\"onBlur($event)\"\n            (keyup)=\"searchOnEnterOrArrow($event, $event.target.value)\"\n            (keydown)=\"onKeyDown($event)\"\n          />\n\n          <div class=\"po-field-icon-container-right\">\n            @if (loading) {\n              <po-loading-icon [p-size]=\"mapSizeToIcon(size)\"></po-loading-icon>\n            } @else {\n              @if (!loading && isCleanVisible()) {\n                <po-clean\n                  tabindex=\"0\"\n                  role=\"button\"\n                  [attr.aria-label]=\"literals.clean\"\n                  class=\"po-combo-clean po-icon-input\"\n                  [class.po-combo-clean-aa]=\"size === 'small'\"\n                  [p-element-ref]=\"inputEl\"\n                  [p-size]=\"size\"\n                  (p-change-event)=\"clear($event)\"\n                  (click)=\"clear(null); $event.preventDefault()\"\n                  (keydown.enter)=\"clearAndFocus(); $event.preventDefault()\"\n                  (keydown.tab)=\"handleCleanKeyboardTab($event)\"\n                >\n                </po-clean>\n              }\n            }\n            <div\n              #iconArrow\n              class=\"po-combo-arrow po-field-icon\"\n              [class.po-field-icon-disabled]=\"isDisabled\"\n              [class.po-field-icon-disabled-aa]=\"isDisabled && size === 'small'\"\n              (click)=\"!isDisabled && toggleComboVisibility(true)\"\n            >\n              <po-icon\n                [p-icon]=\"comboOpen ? 'ICON_ARROW_UP po-icon-input' : 'ICON_ARROW_DOWN po-icon-input'\"\n                [class.po-field-icon]=\"!isDisabled\"\n                [class.po-field-icon-aa]=\"size === 'small'\"\n                [class.po-combo-default-border]=\"!isDisabled && inp.value\"\n                [class.po-combo-background-arrow-up]=\"!isDisabled && comboOpen\"\n              ></po-icon>\n            </div>\n          </div>\n        </div>\n        @if ((!this.label && poHelperComponent()) || (!this.label && poHelper.hideAdditionalHelp)) {\n          <po-helper\n            #helperEl\n            class=\"po-field-helper-button\"\n            [p-size]=\"size\"\n            [p-helper]=\"poHelper.helperSettings\"\n            [p-disabled]=\"isDisabled\"\n            [p-append-in-body]=\"appendBox\"\n          >\n          </po-helper>\n        }\n      </div>\n    </div>\n\n    @if (appendBox) {\n      <ng-template\n        cdkConnectedOverlay\n        [cdkConnectedOverlayOrigin]=\"trigger\"\n        [cdkConnectedOverlayOpen]=\"true\"\n        [cdkConnectedOverlayDisableClose]=\"true\"\n      >\n        <ng-container *ngTemplateOutlet=\"dropdownListbox\"></ng-container>\n      </ng-template>\n    } @else {\n      <ng-container *ngTemplateOutlet=\"dropdownListbox\"> </ng-container>\n    }\n\n    <po-field-container-bottom\n      [p-append-in-body]=\"appendBox\"\n      [p-help]=\"help\"\n      [p-disabled]=\"isDisabled\"\n      [p-error-pattern]=\"getErrorPattern()\"\n      [p-error-limit]=\"errorLimit\"\n      [p-size]=\"size\"\n    ></po-field-container-bottom>\n  </po-field-container>\n\n  <ng-template #dropdownListbox>\n    <div #containerElement class=\"po-combo-container\" [hidden]=\"!comboOpen && !isServerSearching\">\n      <po-listbox\n        #poListbox\n        #contentElement\n        p-type=\"option\"\n        [p-items]=\"visibleOptions\"\n        [p-field-value]=\"dynamicValue\"\n        [p-field-label]=\"dynamicLabel\"\n        [p-template]=\"comboOptionTemplate\"\n        [p-search-value]=\"getInputValue()\"\n        [p-infinite-loading]=\"infiniteLoading\"\n        [p-infinite-scroll]=\"infiniteScroll\"\n        [p-filtering]=\"isFiltering\"\n        [p-cache]=\"cache\"\n        [p-filter-mode]=\"filterMode\"\n        [p-visible]=\"comboOpen\"\n        [p-is-searching]=\"isServerSearching\"\n        [p-should-mark-letter]=\"shouldMarkLetters\"\n        [p-compare-cache]=\"compareObjects(cacheOptions, visibleOptions)\"\n        [p-combo-service]=\"service\"\n        [p-infinite-scroll-distance]=\"infiniteScrollDistance\"\n        [p-size]=\"size\"\n        [p-container-width]=\"containerWidth\"\n        (p-selectcombo-item)=\"onOptionClick($event, $event.event)\"\n        (p-update-infinite-scroll)=\"showMoreInfiniteScroll()\"\n        (p-close)=\"onCloseCombo()\"\n        (keydown)=\"onListboxKeyDown($event)\"\n      ></po-listbox>\n    </div>\n  </ng-template>\n</div>\n" }]
         }], ctorParameters: () => [], propDecorators: { comboOptionTemplate: [{
                 type: ContentChild,
                 args: [PoComboOptionTemplateDirective, { static: true }]
@@ -15307,6 +15359,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImpo
             }], contentElement: [{
                 type: ViewChild,
                 args: ['contentElement', { read: ElementRef }]
+            }], fieldContainerInput: [{
+                type: ViewChild,
+                args: ['fieldContainerInput', { read: ElementRef }]
             }], iconElement: [{
                 type: ViewChild,
                 args: ['iconArrow', { read: ElementRef, static: true }]
@@ -20662,6 +20717,20 @@ class PoCheckboxGroupBaseComponent {
      * Evento disparado ao alterar valor do campo
      */
     change = new EventEmitter();
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento disparado sempre que o valor do model é alterado, seja por interação do usuário
+     * ou por atualização programática (ex: `setValue`, `patchValue`, carregamento assíncrono).
+     *
+     * Diferentemente do `p-change`, que é disparado apenas por interação do usuário,
+     * o `p-change-model` cobre todos os cenários de alteração de valor.
+     *
+     * Não emite quando o novo valor é idêntico ao anterior (deduplicação automática).
+     */
+    changeModel = new EventEmitter();
     /**
      * @optional
      *
@@ -20675,6 +20744,7 @@ class PoCheckboxGroupBaseComponent {
     checkedOptionsList = [];
     displayAdditionalHelp = false;
     mdColumns = poCheckboxGroupColumnsDefaultLength;
+    modelLastUpdate;
     propagateChange;
     validatorChange;
     _columns = poCheckboxGroupColumnsDefaultLength;
@@ -20814,6 +20884,7 @@ class PoCheckboxGroupBaseComponent {
             this.ngModelChange.emit(value);
         }
         this.change.emit(value);
+        this.controlChangeModelEmitter(value);
     }
     checkIndeterminate() {
         return this.indeterminate ? this.checkedOptions : this.checkedOptionsList;
@@ -20841,6 +20912,17 @@ class PoCheckboxGroupBaseComponent {
             this.checkedOptionsList = [];
             this.checkedOptions = {};
         }
+        if (optionsModel != null) {
+            this.controlChangeModelEmitter(this.checkIndeterminate());
+        }
+    }
+    controlChangeModelEmitter(value) {
+        const current = JSON.stringify(this.modelLastUpdate);
+        const incoming = JSON.stringify(value);
+        if (current !== incoming) {
+            this.changeModel.emit(value);
+            this.modelLastUpdate = Array.isArray(value) ? [...value] : value;
+        }
     }
     registerOnValidatorChange(fn) {
         this.validatorChange = fn;
@@ -20914,7 +20996,7 @@ class PoCheckboxGroupBaseComponent {
         this._size = size;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: PoCheckboxGroupBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.21", type: PoCheckboxGroupBaseComponent, isStandalone: true, inputs: { additionalHelpEventTrigger: { classPropertyName: "additionalHelpEventTrigger", publicName: "additionalHelpEventTrigger", isSignal: false, isRequired: false, transformFunction: null }, additionalHelpTooltip: { classPropertyName: "additionalHelpTooltip", publicName: "p-additional-help-tooltip", isSignal: false, isRequired: false, transformFunction: null }, appendBox: { classPropertyName: "appendBox", publicName: "p-append-in-body", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, autoFocus: { classPropertyName: "autoFocus", publicName: "p-auto-focus", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, compactLabel: { classPropertyName: "compactLabel", publicName: "p-compact-label", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: false, isRequired: false, transformFunction: null }, help: { classPropertyName: "help", publicName: "p-help", isSignal: false, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "p-label", isSignal: false, isRequired: false, transformFunction: null }, optional: { classPropertyName: "optional", publicName: "p-optional", isSignal: false, isRequired: false, transformFunction: null }, fieldErrorMessage: { classPropertyName: "fieldErrorMessage", publicName: "p-field-error-message", isSignal: false, isRequired: false, transformFunction: null }, errorLimit: { classPropertyName: "errorLimit", publicName: "p-error-limit", isSignal: false, isRequired: false, transformFunction: null }, poHelperComponent: { classPropertyName: "poHelperComponent", publicName: "p-helper", isSignal: true, isRequired: false, transformFunction: null }, labelTextWrap: { classPropertyName: "labelTextWrap", publicName: "p-label-text-wrap", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "p-columns", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "p-disabled", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, indeterminate: { classPropertyName: "indeterminate", publicName: "p-indeterminate", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, options: { classPropertyName: "options", publicName: "p-options", isSignal: false, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "p-required", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, showRequired: { classPropertyName: "showRequired", publicName: "p-show-required", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "p-size", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { ngModelChange: "ngModelChange", additionalHelp: "p-additional-help", change: "p-change", keydown: "p-keydown" }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-size": "this.size" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.21", type: PoCheckboxGroupBaseComponent, isStandalone: true, inputs: { additionalHelpEventTrigger: { classPropertyName: "additionalHelpEventTrigger", publicName: "additionalHelpEventTrigger", isSignal: false, isRequired: false, transformFunction: null }, additionalHelpTooltip: { classPropertyName: "additionalHelpTooltip", publicName: "p-additional-help-tooltip", isSignal: false, isRequired: false, transformFunction: null }, appendBox: { classPropertyName: "appendBox", publicName: "p-append-in-body", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, autoFocus: { classPropertyName: "autoFocus", publicName: "p-auto-focus", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, compactLabel: { classPropertyName: "compactLabel", publicName: "p-compact-label", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: false, isRequired: false, transformFunction: null }, help: { classPropertyName: "help", publicName: "p-help", isSignal: false, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "p-label", isSignal: false, isRequired: false, transformFunction: null }, optional: { classPropertyName: "optional", publicName: "p-optional", isSignal: false, isRequired: false, transformFunction: null }, fieldErrorMessage: { classPropertyName: "fieldErrorMessage", publicName: "p-field-error-message", isSignal: false, isRequired: false, transformFunction: null }, errorLimit: { classPropertyName: "errorLimit", publicName: "p-error-limit", isSignal: false, isRequired: false, transformFunction: null }, poHelperComponent: { classPropertyName: "poHelperComponent", publicName: "p-helper", isSignal: true, isRequired: false, transformFunction: null }, labelTextWrap: { classPropertyName: "labelTextWrap", publicName: "p-label-text-wrap", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "p-columns", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "p-disabled", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, indeterminate: { classPropertyName: "indeterminate", publicName: "p-indeterminate", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, options: { classPropertyName: "options", publicName: "p-options", isSignal: false, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "p-required", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, showRequired: { classPropertyName: "showRequired", publicName: "p-show-required", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "p-size", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { ngModelChange: "ngModelChange", additionalHelp: "p-additional-help", change: "p-change", changeModel: "p-change-model", keydown: "p-keydown" }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-size": "this.size" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: PoCheckboxGroupBaseComponent, decorators: [{
             type: Directive
@@ -20956,6 +21038,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImpo
             }], change: [{
                 type: Output,
                 args: ['p-change']
+            }], changeModel: [{
+                type: Output,
+                args: ['p-change-model']
             }], keydown: [{
                 type: Output,
                 args: ['p-keydown']
@@ -21424,6 +21509,20 @@ class PoRadioGroupBaseComponent {
      * Evento ao alterar valor do campo.
      */
     change = new EventEmitter();
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento disparado sempre que o valor do model é alterado, seja por interação do usuário
+     * ou por atualização programática (ex: `setValue`, `patchValue`, carregamento assíncrono).
+     *
+     * Diferentemente do `p-change`, que é disparado apenas por interação do usuário,
+     * o `p-change-model` cobre todos os cenários de alteração de valor.
+     *
+     * Não emite quando o novo valor é idêntico ao anterior (deduplicação automática).
+     */
+    changeModel = new EventEmitter();
     /**
      * @optional
      *
@@ -21434,6 +21533,7 @@ class PoRadioGroupBaseComponent {
     keydown = new EventEmitter();
     displayAdditionalHelp = false;
     mdColumns = poRadioGroupColumnsDefaultLength;
+    modelLastUpdate;
     value;
     cd = inject(ChangeDetectorRef);
     onTouched = null;
@@ -21543,6 +21643,12 @@ class PoRadioGroupBaseComponent {
     onThemeChange() {
         this.applySizeBasedOnA11y();
     }
+    controlChangeModelEmitter(value) {
+        if (this.modelLastUpdate !== value) {
+            this.changeModel.emit(value);
+            this.modelLastUpdate = value;
+        }
+    }
     // Função que controla quando deve ser emitido onChange e atualiza o Model
     changeValue(changedValue) {
         if (this.onChangePropagate) {
@@ -21552,6 +21658,7 @@ class PoRadioGroupBaseComponent {
             this.change.emit(changedValue);
         }
         this.value = changedValue;
+        this.controlChangeModelEmitter(changedValue);
     }
     // Função implementada do ControlValueAccessor
     // Usada para interceptar os estados de habilitado via forms api
@@ -21584,6 +21691,9 @@ class PoRadioGroupBaseComponent {
             this.value = undefined;
             this.onChangePropagate(this.value);
         }
+        if (this.value != null) {
+            this.controlChangeModelEmitter(this.value);
+        }
     }
     checkColumnsRange(columns, maxColumns) {
         const minColumns = 1;
@@ -21603,7 +21713,7 @@ class PoRadioGroupBaseComponent {
         this._size = size;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: PoRadioGroupBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.21", type: PoRadioGroupBaseComponent, isStandalone: true, inputs: { additionalHelpEventTrigger: { classPropertyName: "additionalHelpEventTrigger", publicName: "additionalHelpEventTrigger", isSignal: false, isRequired: false, transformFunction: null }, additionalHelpTooltip: { classPropertyName: "additionalHelpTooltip", publicName: "p-additional-help-tooltip", isSignal: false, isRequired: false, transformFunction: null }, appendBox: { classPropertyName: "appendBox", publicName: "p-append-in-body", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, autoFocus: { classPropertyName: "autoFocus", publicName: "p-auto-focus", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, compactLabel: { classPropertyName: "compactLabel", publicName: "p-compact-label", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: false, isRequired: false, transformFunction: null }, optional: { classPropertyName: "optional", publicName: "p-optional", isSignal: false, isRequired: false, transformFunction: null }, fieldErrorMessage: { classPropertyName: "fieldErrorMessage", publicName: "p-field-error-message", isSignal: false, isRequired: false, transformFunction: null }, errorLimit: { classPropertyName: "errorLimit", publicName: "p-error-limit", isSignal: false, isRequired: false, transformFunction: null }, poHelperComponent: { classPropertyName: "poHelperComponent", publicName: "p-helper", isSignal: true, isRequired: false, transformFunction: null }, labelTextWrap: { classPropertyName: "labelTextWrap", publicName: "p-label-text-wrap", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "p-columns", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "p-disabled", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, required: { classPropertyName: "required", publicName: "p-required", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, showRequired: { classPropertyName: "showRequired", publicName: "p-show-required", isSignal: false, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "p-options", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "p-size", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { additionalHelp: "p-additional-help", change: "p-change", keydown: "p-keydown" }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-size": "this.size" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.21", type: PoRadioGroupBaseComponent, isStandalone: true, inputs: { additionalHelpEventTrigger: { classPropertyName: "additionalHelpEventTrigger", publicName: "additionalHelpEventTrigger", isSignal: false, isRequired: false, transformFunction: null }, additionalHelpTooltip: { classPropertyName: "additionalHelpTooltip", publicName: "p-additional-help-tooltip", isSignal: false, isRequired: false, transformFunction: null }, appendBox: { classPropertyName: "appendBox", publicName: "p-append-in-body", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, autoFocus: { classPropertyName: "autoFocus", publicName: "p-auto-focus", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, compactLabel: { classPropertyName: "compactLabel", publicName: "p-compact-label", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: false, isRequired: false, transformFunction: null }, optional: { classPropertyName: "optional", publicName: "p-optional", isSignal: false, isRequired: false, transformFunction: null }, fieldErrorMessage: { classPropertyName: "fieldErrorMessage", publicName: "p-field-error-message", isSignal: false, isRequired: false, transformFunction: null }, errorLimit: { classPropertyName: "errorLimit", publicName: "p-error-limit", isSignal: false, isRequired: false, transformFunction: null }, poHelperComponent: { classPropertyName: "poHelperComponent", publicName: "p-helper", isSignal: true, isRequired: false, transformFunction: null }, labelTextWrap: { classPropertyName: "labelTextWrap", publicName: "p-label-text-wrap", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "p-columns", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "p-disabled", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, required: { classPropertyName: "required", publicName: "p-required", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, showRequired: { classPropertyName: "showRequired", publicName: "p-show-required", isSignal: false, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "p-options", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "p-size", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { additionalHelp: "p-additional-help", change: "p-change", changeModel: "p-change-model", keydown: "p-keydown" }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-size": "this.size" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: PoRadioGroupBaseComponent, decorators: [{
             type: Directive
@@ -21636,6 +21746,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImpo
             }], change: [{
                 type: Output,
                 args: ['p-change']
+            }], changeModel: [{
+                type: Output,
+                args: ['p-change-model']
             }], keydown: [{
                 type: Output,
                 args: ['p-keydown']
@@ -23008,6 +23121,20 @@ class PoDatepickerBaseComponent {
      * > Essa propriedade está **depreciada** e será removida na versão `23.x.x`. Recomendamos utilizar a propriedade `p-helper` que oferece mais recursos e flexibilidade.
      */
     additionalHelp = new EventEmitter();
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento disparado sempre que o valor do model é alterado, seja por interação do usuário
+     * ou por atualização programática (ex: `setValue`, `patchValue`, carregamento assíncrono).
+     *
+     * Diferentemente do `p-change`, que é disparado apenas por interação do usuário,
+     * o `p-change-model` cobre todos os cenários de alteração de valor.
+     *
+     * Não emite quando o novo valor é idêntico ao anterior (deduplicação automática).
+     */
+    changeModel = new EventEmitter();
     /**
      * @optional
      *
@@ -23055,6 +23182,7 @@ class PoDatepickerBaseComponent {
      * @default `false`
      */
     labelTextWrap = input(false, { ...(ngDevMode ? { debugName: "labelTextWrap" } : /* istanbul ignore next */ {}), alias: 'p-label-text-wrap' });
+    modelLastUpdate;
     offset;
     firstStart = true;
     hour = 'T00:00:00-00:00';
@@ -23405,11 +23533,18 @@ class PoDatepickerBaseComponent {
         if (this.onChangeModel && value !== this.previousValue) {
             this.onChangeModel(value);
             this.previousValue = value;
+            this.controlChangeModelEmitter(value);
         }
         else if (retry) {
             setTimeout(() => this.callOnChange(value, false));
         }
     }
+    controlChangeModelEmitter(value) {
+        if (this.modelLastUpdate !== value) {
+            this.changeModel.emit(value);
+            this.modelLastUpdate = value;
+        }
+    }
     //Transforma o tamanho do input para o tamanho do ícone de loading correspondente
     mapSizeToIcon(size) {
         return mapInputSizeToLoadingIcon(size);
@@ -23580,7 +23715,7 @@ class PoDatepickerBaseComponent {
         this._size = size;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: PoDatepickerBaseComponent, deps: [{ token: PoLanguageService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.21", type: PoDatepickerBaseComponent, isStandalone: true, inputs: { additionalHelpEventTrigger: { classPropertyName: "additionalHelpEventTrigger", publicName: "additionalHelpEventTrigger", isSignal: false, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "p-label", isSignal: false, isRequired: false, transformFunction: null }, help: { classPropertyName: "help", publicName: "p-help", isSignal: false, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "p-mode", isSignal: false, isRequired: false, transformFunction: null }, yearRangeLimit: { classPropertyName: "yearRangeLimit", publicName: "p-year-range-limit", isSignal: false, isRequired: false, transformFunction: null }, additionalHelpTooltip: { classPropertyName: "additionalHelpTooltip", publicName: "p-additional-help-tooltip", isSignal: false, isRequired: false, transformFunction: null }, autoFocus: { classPropertyName: "autoFocus", publicName: "p-auto-focus", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, compactLabel: { classPropertyName: "compactLabel", publicName: "p-compact-label", isSignal: true, isRequired: false, transformFunction: null }, errorAsync: { classPropertyName: "errorAsync", publicName: "p-error-async", isSignal: false, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: false, isRequired: false, transformFunction: null }, optional: { classPropertyName: "optional", publicName: "p-optional", isSignal: false, isRequired: false, transformFunction: null }, errorPattern: { classPropertyName: "errorPattern", publicName: "p-error-pattern", isSignal: false, isRequired: false, transformFunction: null }, errorLimit: { classPropertyName: "errorLimit", publicName: "p-error-limit", isSignal: false, isRequired: false, transformFunction: null }, showErrorMessageRequired: { classPropertyName: "showErrorMessageRequired", publicName: "p-required-field-error-message", isSignal: false, isRequired: false, transformFunction: null }, poHelperComponent: { classPropertyName: "poHelperComponent", publicName: "p-helper", isSignal: true, isRequired: false, transformFunction: null }, labelTextWrap: { classPropertyName: "labelTextWrap", publicName: "p-label-text-wrap", isSignal: true, isRequired: false, transformFunction: null }, noAutocomplete: { classPropertyName: "noAutocomplete", publicName: "p-no-autocomplete", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, placeholder: { classPropertyName: "placeholder", publicName: "p-placeholder", isSignal: false, isRequired: false, transformFunction: null }, setDisabled: { classPropertyName: "setDisabled", publicName: "p-disabled", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, setReadonly: { classPropertyName: "setReadonly", publicName: "p-readonly", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, setRequired: { classPropertyName: "setRequired", publicName: "p-required", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, showRequired: { classPropertyName: "showRequired", publicName: "p-show-required", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "p-size", isSignal: false, isRequired: false, transformFunction: null }, setClean: { classPropertyName: "setClean", publicName: "p-clean", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, minDate: { classPropertyName: "minDate", publicName: "p-min-date", isSignal: false, isRequired: false, transformFunction: null }, maxDate: { classPropertyName: "maxDate", publicName: "p-max-date", isSignal: false, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "p-format", isSignal: false, isRequired: false, transformFunction: null }, isoFormat: { classPropertyName: "isoFormat", publicName: "p-iso-format", isSignal: false, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "p-locale", isSignal: false, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "p-loading", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, appendBox: { classPropertyName: "appendBox", publicName: "p-append-in-body", isSignal: false, isRequired: false, transformFunction: convertToBoolean } }, outputs: { additionalHelp: "p-additional-help", onblur: "p-blur", onchange: "p-change", keydown: "p-keydown" }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-size": "this.size" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.21", type: PoDatepickerBaseComponent, isStandalone: true, inputs: { additionalHelpEventTrigger: { classPropertyName: "additionalHelpEventTrigger", publicName: "additionalHelpEventTrigger", isSignal: false, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "p-label", isSignal: false, isRequired: false, transformFunction: null }, help: { classPropertyName: "help", publicName: "p-help", isSignal: false, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "p-mode", isSignal: false, isRequired: false, transformFunction: null }, yearRangeLimit: { classPropertyName: "yearRangeLimit", publicName: "p-year-range-limit", isSignal: false, isRequired: false, transformFunction: null }, additionalHelpTooltip: { classPropertyName: "additionalHelpTooltip", publicName: "p-additional-help-tooltip", isSignal: false, isRequired: false, transformFunction: null }, autoFocus: { classPropertyName: "autoFocus", publicName: "p-auto-focus", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, compactLabel: { classPropertyName: "compactLabel", publicName: "p-compact-label", isSignal: true, isRequired: false, transformFunction: null }, errorAsync: { classPropertyName: "errorAsync", publicName: "p-error-async", isSignal: false, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: false, isRequired: false, transformFunction: null }, optional: { classPropertyName: "optional", publicName: "p-optional", isSignal: false, isRequired: false, transformFunction: null }, errorPattern: { classPropertyName: "errorPattern", publicName: "p-error-pattern", isSignal: false, isRequired: false, transformFunction: null }, errorLimit: { classPropertyName: "errorLimit", publicName: "p-error-limit", isSignal: false, isRequired: false, transformFunction: null }, showErrorMessageRequired: { classPropertyName: "showErrorMessageRequired", publicName: "p-required-field-error-message", isSignal: false, isRequired: false, transformFunction: null }, poHelperComponent: { classPropertyName: "poHelperComponent", publicName: "p-helper", isSignal: true, isRequired: false, transformFunction: null }, labelTextWrap: { classPropertyName: "labelTextWrap", publicName: "p-label-text-wrap", isSignal: true, isRequired: false, transformFunction: null }, noAutocomplete: { classPropertyName: "noAutocomplete", publicName: "p-no-autocomplete", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, placeholder: { classPropertyName: "placeholder", publicName: "p-placeholder", isSignal: false, isRequired: false, transformFunction: null }, setDisabled: { classPropertyName: "setDisabled", publicName: "p-disabled", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, setReadonly: { classPropertyName: "setReadonly", publicName: "p-readonly", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, setRequired: { classPropertyName: "setRequired", publicName: "p-required", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, showRequired: { classPropertyName: "showRequired", publicName: "p-show-required", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "p-size", isSignal: false, isRequired: false, transformFunction: null }, setClean: { classPropertyName: "setClean", publicName: "p-clean", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, minDate: { classPropertyName: "minDate", publicName: "p-min-date", isSignal: false, isRequired: false, transformFunction: null }, maxDate: { classPropertyName: "maxDate", publicName: "p-max-date", isSignal: false, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "p-format", isSignal: false, isRequired: false, transformFunction: null }, isoFormat: { classPropertyName: "isoFormat", publicName: "p-iso-format", isSignal: false, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "p-locale", isSignal: false, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "p-loading", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, appendBox: { classPropertyName: "appendBox", publicName: "p-append-in-body", isSignal: false, isRequired: false, transformFunction: convertToBoolean } }, outputs: { additionalHelp: "p-additional-help", changeModel: "p-change-model", onblur: "p-blur", onchange: "p-change", keydown: "p-keydown" }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-size": "this.size" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: PoDatepickerBaseComponent, decorators: [{
             type: Directive
@@ -23625,6 +23760,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImpo
             }], additionalHelp: [{
                 type: Output,
                 args: ['p-additional-help']
+            }], changeModel: [{
+                type: Output,
+                args: ['p-change-model']
             }], onblur: [{
                 type: Output,
                 args: ['p-blur']
@@ -30072,6 +30210,21 @@ class PoDatetimepickerBaseComponent {
      * Evento disparado quando uma tecla é pressionada enquanto o foco está no componente.
      */
     keydown = new EventEmitter();
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento disparado sempre que o valor do model é alterado, seja por interação do usuário
+     * ou por atualização programática (ex: `setValue`, `patchValue`, carregamento assíncrono).
+     *
+     * Diferentemente do `p-change`, que é disparado apenas por interação do usuário,
+     * o `p-change-model` cobre todos os cenários de alteração de valor.
+     *
+     * Não emite quando o novo valor é idêntico ao anterior (deduplicação automática).
+     */
+    changeModel = new EventEmitter();
+    modelLastUpdate;
     constructor(languageService) {
         this.languageService = languageService;
         // p-clean
@@ -30296,11 +30449,18 @@ class PoDatetimepickerBaseComponent {
     callOnChange(value, retry = true) {
         if (this.onChangeModel) {
             this.onChangeModel(value);
+            this.controlChangeModelEmitter(value);
         }
         else if (retry) {
             setTimeout(() => this.callOnChange(value, false));
         }
     }
+    controlChangeModelEmitter(value) {
+        if (this.modelLastUpdate !== value) {
+            this.changeModel.emit(value);
+            this.modelLastUpdate = value;
+        }
+    }
     controlModel() {
         const modelValue = this.getModelValue();
         this.callOnChange(modelValue || '');
@@ -30441,7 +30601,7 @@ class PoDatetimepickerBaseComponent {
         this._size = size;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: PoDatetimepickerBaseComponent, deps: [{ token: PoLanguageService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.21", type: PoDatetimepickerBaseComponent, isStandalone: true, inputs: { appendBox: { classPropertyName: "appendBox", publicName: "p-append-in-body", isSignal: true, isRequired: false, transformFunction: null }, autoFocus: { classPropertyName: "autoFocus", publicName: "p-auto-focus", isSignal: true, isRequired: false, transformFunction: null }, clean: { classPropertyName: "clean", publicName: "p-clean", isSignal: true, isRequired: false, transformFunction: null }, compactLabel: { classPropertyName: "compactLabel", publicName: "p-compact-label", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "p-disabled", isSignal: true, isRequired: false, transformFunction: null }, errorLimit: { classPropertyName: "errorLimit", publicName: "p-error-limit", isSignal: true, isRequired: false, transformFunction: null }, errorPattern: { classPropertyName: "errorPattern", publicName: "p-error-pattern", isSignal: true, isRequired: false, transformFunction: null }, help: { classPropertyName: "help", publicName: "p-help", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "p-label", isSignal: true, isRequired: false, transformFunction: null }, labelTextWrap: { classPropertyName: "labelTextWrap", publicName: "p-label-text-wrap", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "p-loading", isSignal: true, isRequired: false, transformFunction: null }, localeInput: { classPropertyName: "localeInput", publicName: "p-locale", isSignal: true, isRequired: false, transformFunction: null }, maxDateInput: { classPropertyName: "maxDateInput", publicName: "p-max-date", isSignal: true, isRequired: false, transformFunction: null }, maxTime: { classPropertyName: "maxTime", publicName: "p-max-time", isSignal: true, isRequired: false, transformFunction: null }, minDateInput: { classPropertyName: "minDateInput", publicName: "p-min-date", isSignal: true, isRequired: false, transformFunction: null }, minTime: { classPropertyName: "minTime", publicName: "p-min-time", isSignal: true, isRequired: false, transformFunction: null }, minuteInterval: { classPropertyName: "minuteInterval", publicName: "p-minute-interval", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, noAutocomplete: { classPropertyName: "noAutocomplete", publicName: "p-no-autocomplete", isSignal: true, isRequired: false, transformFunction: null }, optional: { classPropertyName: "optional", publicName: "p-optional", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "p-placeholder", isSignal: true, isRequired: false, transformFunction: null }, poHelperComponent: { classPropertyName: "poHelperComponent", publicName: "p-helper", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "p-readonly", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "p-required", isSignal: true, isRequired: false, transformFunction: null }, secondInterval: { classPropertyName: "secondInterval", publicName: "p-second-interval", isSignal: true, isRequired: false, transformFunction: null }, showErrorMessageRequired: { classPropertyName: "showErrorMessageRequired", publicName: "p-required-field-error-message", isSignal: true, isRequired: false, transformFunction: null }, showRequired: { classPropertyName: "showRequired", publicName: "p-show-required", isSignal: true, isRequired: false, transformFunction: null }, showSeconds: { classPropertyName: "showSeconds", publicName: "p-show-seconds", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "p-size", isSignal: true, isRequired: false, transformFunction: null }, timerFormat: { classPropertyName: "timerFormat", publicName: "p-format-time", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "p-format-date", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { errorPattern: "p-error-patternChange", onblur: "p-blur", onchange: "p-change", keydown: "p-keydown" }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-size": "this.hostSize" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.21", type: PoDatetimepickerBaseComponent, isStandalone: true, inputs: { appendBox: { classPropertyName: "appendBox", publicName: "p-append-in-body", isSignal: true, isRequired: false, transformFunction: null }, autoFocus: { classPropertyName: "autoFocus", publicName: "p-auto-focus", isSignal: true, isRequired: false, transformFunction: null }, clean: { classPropertyName: "clean", publicName: "p-clean", isSignal: true, isRequired: false, transformFunction: null }, compactLabel: { classPropertyName: "compactLabel", publicName: "p-compact-label", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "p-disabled", isSignal: true, isRequired: false, transformFunction: null }, errorLimit: { classPropertyName: "errorLimit", publicName: "p-error-limit", isSignal: true, isRequired: false, transformFunction: null }, errorPattern: { classPropertyName: "errorPattern", publicName: "p-error-pattern", isSignal: true, isRequired: false, transformFunction: null }, help: { classPropertyName: "help", publicName: "p-help", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "p-label", isSignal: true, isRequired: false, transformFunction: null }, labelTextWrap: { classPropertyName: "labelTextWrap", publicName: "p-label-text-wrap", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "p-loading", isSignal: true, isRequired: false, transformFunction: null }, localeInput: { classPropertyName: "localeInput", publicName: "p-locale", isSignal: true, isRequired: false, transformFunction: null }, maxDateInput: { classPropertyName: "maxDateInput", publicName: "p-max-date", isSignal: true, isRequired: false, transformFunction: null }, maxTime: { classPropertyName: "maxTime", publicName: "p-max-time", isSignal: true, isRequired: false, transformFunction: null }, minDateInput: { classPropertyName: "minDateInput", publicName: "p-min-date", isSignal: true, isRequired: false, transformFunction: null }, minTime: { classPropertyName: "minTime", publicName: "p-min-time", isSignal: true, isRequired: false, transformFunction: null }, minuteInterval: { classPropertyName: "minuteInterval", publicName: "p-minute-interval", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, noAutocomplete: { classPropertyName: "noAutocomplete", publicName: "p-no-autocomplete", isSignal: true, isRequired: false, transformFunction: null }, optional: { classPropertyName: "optional", publicName: "p-optional", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "p-placeholder", isSignal: true, isRequired: false, transformFunction: null }, poHelperComponent: { classPropertyName: "poHelperComponent", publicName: "p-helper", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "p-readonly", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "p-required", isSignal: true, isRequired: false, transformFunction: null }, secondInterval: { classPropertyName: "secondInterval", publicName: "p-second-interval", isSignal: true, isRequired: false, transformFunction: null }, showErrorMessageRequired: { classPropertyName: "showErrorMessageRequired", publicName: "p-required-field-error-message", isSignal: true, isRequired: false, transformFunction: null }, showRequired: { classPropertyName: "showRequired", publicName: "p-show-required", isSignal: true, isRequired: false, transformFunction: null }, showSeconds: { classPropertyName: "showSeconds", publicName: "p-show-seconds", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "p-size", isSignal: true, isRequired: false, transformFunction: null }, timerFormat: { classPropertyName: "timerFormat", publicName: "p-format-time", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "p-format-date", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { errorPattern: "p-error-patternChange", onblur: "p-blur", onchange: "p-change", keydown: "p-keydown", changeModel: "p-change-model" }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-size": "this.hostSize" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: PoDatetimepickerBaseComponent, decorators: [{
             type: Directive
@@ -30454,6 +30614,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImpo
             }], keydown: [{
                 type: Output,
                 args: ['p-keydown']
+            }], changeModel: [{
+                type: Output,
+                args: ['p-change-model']
             }], hostSize: [{
                 type: HostBinding,
                 args: ['attr.p-size']
@@ -31470,6 +31633,20 @@ class PoTimepickerBaseComponent {
     onblur = new EventEmitter();
     /** Evento disparado ao alterar valor do campo. */
     onchange = new EventEmitter();
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento disparado sempre que o valor do model é alterado, seja por interação do usuário
+     * ou por atualização programática (ex: `setValue`, `patchValue`, carregamento assíncrono).
+     *
+     * Diferentemente do `p-change`, que é disparado apenas por interação do usuário,
+     * o `p-change-model` cobre todos os cenários de alteração de valor.
+     *
+     * Não emite quando o novo valor é idêntico ao anterior (deduplicação automática).
+     */
+    changeModel = new EventEmitter();
     /** Evento disparado quando uma tecla é pressionada enquanto o foco está no componente. */
     keydown = new EventEmitter();
     /**
@@ -31510,6 +31687,7 @@ class PoTimepickerBaseComponent {
     required = false;
     /** Habilita ação para limpar o campo. */
     clean = false;
+    modelLastUpdate;
     onChangeModel = null;
     validatorChange;
     onTouchedModel = null;
@@ -31905,6 +32083,13 @@ class PoTimepickerBaseComponent {
         else {
             this.pendingChangeValue = { value: formatted };
         }
+        this.controlChangeModelEmitter(formatted);
+    }
+    controlChangeModelEmitter(value) {
+        if (this.modelLastUpdate !== value) {
+            this.changeModel.emit(value);
+            this.modelLastUpdate = value;
+        }
     }
     mapSizeToIcon(size) {
         return mapInputSizeToLoadingIcon(size);
@@ -31985,7 +32170,7 @@ class PoTimepickerBaseComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: PoTimepickerBaseComponent, deps: [{ token: PoLanguageService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.21", type: PoTimepickerBaseComponent, isStandalone: true, inputs: { additionalHelpEventTrigger: { classPropertyName: "additionalHelpEventTrigger", publicName: "additionalHelpEventTrigger", isSignal: false, isRequired: false, transformFunction: null }, autoFocus: { classPropertyName: "autoFocus", publicName: "p-auto-focus", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, compactLabel: { classPropertyName: "compactLabel", publicName: "p-compact-label", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: false, isRequired: false, transformFunction: null }, optional: { classPropertyName: "optional", publicName: "p-optional", isSignal: false, isRequired: false, transformFunction: null }, errorPattern: { classPropertyName: "errorPattern", publicName: "p-error-pattern", isSignal: false, isRequired: false, transformFunction: null }, errorLimit: { classPropertyName: "errorLimit", publicName: "p-error-limit", isSignal: false, isRequired: false, transformFunction: null }, showErrorMessageRequired: { classPropertyName: "showErrorMessageRequired", publicName: "p-required-field-error-message", isSignal: false, isRequired: false, transformFunction: null }, poHelperComponent: { classPropertyName: "poHelperComponent", publicName: "p-helper", isSignal: true, isRequired: false, transformFunction: null }, labelTextWrap: { classPropertyName: "labelTextWrap", publicName: "p-label-text-wrap", isSignal: true, isRequired: false, transformFunction: null }, noAutocomplete: { classPropertyName: "noAutocomplete", publicName: "p-no-autocomplete", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, placeholder: { classPropertyName: "placeholder", publicName: "p-placeholder", isSignal: false, isRequired: false, transformFunction: null }, setDisabled: { classPropertyName: "setDisabled", publicName: "p-disabled", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, setReadonly: { classPropertyName: "setReadonly", publicName: "p-readonly", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, setRequired: { classPropertyName: "setRequired", publicName: "p-required", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, showRequired: { classPropertyName: "showRequired", publicName: "p-show-required", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "p-size", isSignal: false, isRequired: false, transformFunction: null }, setClean: { classPropertyName: "setClean", publicName: "p-clean", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, format: { classPropertyName: "format", publicName: "p-format", isSignal: false, isRequired: false, transformFunction: null }, minTime: { classPropertyName: "minTime", publicName: "p-min-time", isSignal: false, isRequired: false, transformFunction: null }, maxTime: { classPropertyName: "maxTime", publicName: "p-max-time", isSignal: false, isRequired: false, transformFunction: null }, minuteInterval: { classPropertyName: "minuteInterval", publicName: "p-minute-interval", isSignal: false, isRequired: false, transformFunction: null }, secondInterval: { classPropertyName: "secondInterval", publicName: "p-second-interval", isSignal: false, isRequired: false, transformFunction: null }, showSeconds: { classPropertyName: "showSeconds", publicName: "p-show-seconds", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, modelFormat: { classPropertyName: "modelFormat", publicName: "p-model-format", isSignal: false, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "p-locale", isSignal: false, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "p-loading", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, appendBox: { classPropertyName: "appendBox", publicName: "p-append-in-body", isSignal: false, isRequired: false, transformFunction: convertToBoolean } }, outputs: { onblur: "p-blur", onchange: "p-change", keydown: "p-keydown" }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-size": "this.size" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.21", type: PoTimepickerBaseComponent, isStandalone: true, inputs: { additionalHelpEventTrigger: { classPropertyName: "additionalHelpEventTrigger", publicName: "additionalHelpEventTrigger", isSignal: false, isRequired: false, transformFunction: null }, autoFocus: { classPropertyName: "autoFocus", publicName: "p-auto-focus", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, compactLabel: { classPropertyName: "compactLabel", publicName: "p-compact-label", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: false, isRequired: false, transformFunction: null }, optional: { classPropertyName: "optional", publicName: "p-optional", isSignal: false, isRequired: false, transformFunction: null }, errorPattern: { classPropertyName: "errorPattern", publicName: "p-error-pattern", isSignal: false, isRequired: false, transformFunction: null }, errorLimit: { classPropertyName: "errorLimit", publicName: "p-error-limit", isSignal: false, isRequired: false, transformFunction: null }, showErrorMessageRequired: { classPropertyName: "showErrorMessageRequired", publicName: "p-required-field-error-message", isSignal: false, isRequired: false, transformFunction: null }, poHelperComponent: { classPropertyName: "poHelperComponent", publicName: "p-helper", isSignal: true, isRequired: false, transformFunction: null }, labelTextWrap: { classPropertyName: "labelTextWrap", publicName: "p-label-text-wrap", isSignal: true, isRequired: false, transformFunction: null }, noAutocomplete: { classPropertyName: "noAutocomplete", publicName: "p-no-autocomplete", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, placeholder: { classPropertyName: "placeholder", publicName: "p-placeholder", isSignal: false, isRequired: false, transformFunction: null }, setDisabled: { classPropertyName: "setDisabled", publicName: "p-disabled", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, setReadonly: { classPropertyName: "setReadonly", publicName: "p-readonly", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, setRequired: { classPropertyName: "setRequired", publicName: "p-required", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, showRequired: { classPropertyName: "showRequired", publicName: "p-show-required", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "p-size", isSignal: false, isRequired: false, transformFunction: null }, setClean: { classPropertyName: "setClean", publicName: "p-clean", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, format: { classPropertyName: "format", publicName: "p-format", isSignal: false, isRequired: false, transformFunction: null }, minTime: { classPropertyName: "minTime", publicName: "p-min-time", isSignal: false, isRequired: false, transformFunction: null }, maxTime: { classPropertyName: "maxTime", publicName: "p-max-time", isSignal: false, isRequired: false, transformFunction: null }, minuteInterval: { classPropertyName: "minuteInterval", publicName: "p-minute-interval", isSignal: false, isRequired: false, transformFunction: null }, secondInterval: { classPropertyName: "secondInterval", publicName: "p-second-interval", isSignal: false, isRequired: false, transformFunction: null }, showSeconds: { classPropertyName: "showSeconds", publicName: "p-show-seconds", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, modelFormat: { classPropertyName: "modelFormat", publicName: "p-model-format", isSignal: false, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "p-locale", isSignal: false, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "p-loading", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, appendBox: { classPropertyName: "appendBox", publicName: "p-append-in-body", isSignal: false, isRequired: false, transformFunction: convertToBoolean } }, outputs: { onblur: "p-blur", onchange: "p-change", changeModel: "p-change-model", keydown: "p-keydown" }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-size": "this.size" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: PoTimepickerBaseComponent, decorators: [{
             type: Directive
@@ -32015,6 +32200,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImpo
             }], onchange: [{
                 type: Output,
                 args: ['p-change']
+            }], changeModel: [{
+                type: Output,
+                args: ['p-change-model']
             }], keydown: [{
                 type: Output,
                 args: ['p-keydown']
@@ -32634,6 +32822,9 @@ class PoTimepickerComponent extends PoTimepickerBaseComponent {
             this.timeValue = '';
         }
         this.valueBeforeChange = this.timeValue;
+        if (value != null) {
+            this.controlChangeModelEmitter(this.formatOutput(this.timeValue) || this.timeValue);
+        }
     }
     verifyMobile() {
         return isMobile();
@@ -35193,6 +35384,21 @@ class PoSwitchComponent extends PoFieldModel {
      * @default `false`
      */
     labelTextWrap = input(false, { ...(ngDevMode ? { debugName: "labelTextWrap" } : /* istanbul ignore next */ {}), alias: 'p-label-text-wrap' });
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento disparado sempre que o valor do model é alterado, seja por interação do usuário
+     * ou por atualização programática (ex: `setValue`, `patchValue`, carregamento assíncrono).
+     *
+     * Diferentemente do `p-change`, que é disparado apenas por interação do usuário,
+     * o `p-change-model` cobre todos os cenários de alteração de valor.
+     *
+     * Não emite quando o novo valor é idêntico ao anterior (deduplicação automática).
+     */
+    changeModel = new EventEmitter();
+    modelLastUpdate;
     el = inject(ElementRef);
     injectOptions = {
         self: true
@@ -35269,6 +35475,7 @@ class PoSwitchComponent extends PoFieldModel {
                 this.updateModel(value);
             }
             this.emitChange(this.value);
+            this.controlChangeModelEmitter(this.value);
         }
     }
     eventClick() {
@@ -35286,6 +35493,9 @@ class PoSwitchComponent extends PoFieldModel {
             }
             this.changeDetector.markForCheck();
         }
+        if (value != null) {
+            this.controlChangeModelEmitter(this.value);
+        }
     }
     validate(control) {
         // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion
@@ -35356,12 +35566,18 @@ class PoSwitchComponent extends PoFieldModel {
     showAdditionalHelp() {
         return super.showAdditionalHelp(this.helperEl, this.poHelperComponent());
     }
+    controlChangeModelEmitter(value) {
+        if (this.modelLastUpdate !== value) {
+            this.changeModel.emit(value);
+            this.modelLastUpdate = value;
+        }
+    }
     applySizeBasedOnA11y() {
         const size = validateSizeFn(this._initialSize, PoFieldSize);
         this._size = size;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: PoSwitchComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.21", type: PoSwitchComponent, isStandalone: false, selector: "po-switch", inputs: { value: { classPropertyName: "value", publicName: "p-value", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, compactLabel: { classPropertyName: "compactLabel", publicName: "p-compact-label", isSignal: true, isRequired: false, transformFunction: null }, formatModel: { classPropertyName: "formatModel", publicName: "p-format-model", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, hideLabelStatus: { classPropertyName: "hideLabelStatus", publicName: "p-hide-label-status", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, labelPosition: { classPropertyName: "labelPosition", publicName: "p-label-position", isSignal: false, isRequired: false, transformFunction: null }, labelOff: { classPropertyName: "labelOff", publicName: "p-label-off", isSignal: false, isRequired: false, transformFunction: null }, labelOn: { classPropertyName: "labelOn", publicName: "p-label-on", isSignal: false, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "p-loading", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, fieldErrorMessage: { classPropertyName: "fieldErrorMessage", publicName: "p-field-error-message", isSignal: false, isRequired: false, transformFunction: null }, errorLimit: { classPropertyName: "errorLimit", publicName: "p-error-limit", isSignal: false, isRequired: false, transformFunction: null }, invalidValue: { classPropertyName: "invalidValue", publicName: "p-invalid-value", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "p-size", isSignal: false, isRequired: false, transformFunction: null }, poHelperComponent: { classPropertyName: "poHelperComponent", publicName: "p-helper", isSignal: true, isRequired: false, transformFunction: null }, labelTextWrap: { classPropertyName: "labelTextWrap", publicName: "p-label-text-wrap", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-size": "this.size" } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.21", type: PoSwitchComponent, isStandalone: false, selector: "po-switch", inputs: { value: { classPropertyName: "value", publicName: "p-value", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, compactLabel: { classPropertyName: "compactLabel", publicName: "p-compact-label", isSignal: true, isRequired: false, transformFunction: null }, formatModel: { classPropertyName: "formatModel", publicName: "p-format-model", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, hideLabelStatus: { classPropertyName: "hideLabelStatus", publicName: "p-hide-label-status", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, labelPosition: { classPropertyName: "labelPosition", publicName: "p-label-position", isSignal: false, isRequired: false, transformFunction: null }, labelOff: { classPropertyName: "labelOff", publicName: "p-label-off", isSignal: false, isRequired: false, transformFunction: null }, labelOn: { classPropertyName: "labelOn", publicName: "p-label-on", isSignal: false, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "p-loading", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, fieldErrorMessage: { classPropertyName: "fieldErrorMessage", publicName: "p-field-error-message", isSignal: false, isRequired: false, transformFunction: null }, errorLimit: { classPropertyName: "errorLimit", publicName: "p-error-limit", isSignal: false, isRequired: false, transformFunction: null }, invalidValue: { classPropertyName: "invalidValue", publicName: "p-invalid-value", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "p-size", isSignal: false, isRequired: false, transformFunction: null }, poHelperComponent: { classPropertyName: "poHelperComponent", publicName: "p-helper", isSignal: true, isRequired: false, transformFunction: null }, labelTextWrap: { classPropertyName: "labelTextWrap", publicName: "p-label-text-wrap", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changeModel: "p-change-model" }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-size": "this.size" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => PoSwitchComponent),
@@ -35440,7 +35656,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImpo
             }, {
                 type: HostBinding,
                 args: ['attr.p-size']
-            }], poHelperComponent: [{ type: i0.Input, args: [{ isSignal: true, alias: "p-helper", required: false }] }], labelTextWrap: [{ type: i0.Input, args: [{ isSignal: true, alias: "p-label-text-wrap", required: false }] }], onThemeChange: [{
+            }], poHelperComponent: [{ type: i0.Input, args: [{ isSignal: true, alias: "p-helper", required: false }] }], labelTextWrap: [{ type: i0.Input, args: [{ isSignal: true, alias: "p-label-text-wrap", required: false }] }], changeModel: [{
+                type: Output,
+                args: ['p-change-model']
+            }], onThemeChange: [{
                 type: HostListener,
                 args: ['window:PoUiThemeChange']
             }] } });
@@ -35573,7 +35792,7 @@ class PoTableListManagerComponent extends PoCheckboxGroupComponent {
                 useExisting: forwardRef(() => PoTableListManagerComponent),
                 multi: true
             }
-        ], usesInheritance: true, ngImport: i0, template: "@if (existedFixedItem()) {\n  <section class=\"po-table-list-manager-section\">\n    <p class=\"po-table-list-manager-title-group-items\">{{ literals.fixedColumns }}</p>\n    @for (option of checkboxGroupOptionsView; track trackByFn($index)) {\n      @if (isFixed(option)) {\n        <li\n          class=\"po-table-list-manager-container\"\n          [class.po-checkbox-group-item-disabled]=\"option.disabled || disabled\"\n        >\n          <ng-container *ngTemplateOutlet=\"listItemsManagerDefault; context: { $implicit: option }\"></ng-container>\n        </li>\n      }\n    }\n  </section>\n}\n\n<section class=\"po-table-list-manager-section\">\n  <p class=\"po-table-list-manager-title-group-items\">{{ literals.otherColumns }}</p>\n  @for (option of checkboxGroupOptionsView; track trackByFn($index)) {\n    @if (!isFixed(option)) {\n      <li class=\"po-table-list-manager-container\" [class.po-checkbox-group-item-disabled]=\"option.disabled || disabled\">\n        @if (!isFixed(option)) {\n          <ng-container *ngTemplateOutlet=\"listItemsManagerDefault; context: { $implicit: option }\"></ng-container>\n        }\n      </li>\n    }\n  }\n</section>\n\n<ng-template #listItemsManagerDefault let-option>\n  <div class=\"po-table-list-manager-item\">\n    <div class=\"po-table-list-manager-item-switch\">\n      <po-switch\n        name=\"switch\"\n        (p-change)=\"clickSwitch(option)\"\n        (keydown)=\"onKeyDown($event, option)\"\n        [p-disabled]=\"option.disabled || disabled || isFixed(option)\"\n        [p-value]=\"checkedOptions[option.value]\"\n        [p-hide-label-status]=\"true\"\n        [p-size]=\"componentsSize\"\n      >\n      </po-switch>\n      <span\n        class=\"po-table-list-manager-item-text\"\n        [class.po-table-list-manager-item-text-aa]=\"componentsSize === 'small'\"\n      >\n        {{ option.label }}\n      </span>\n    </div>\n\n    <div class=\"po-table-list-manager-item-buttons\">\n      @if (!hideActionFixedColumns) {\n        <po-button\n          [p-icon]=\"isFixed(option) ? 'ICON_PUSH_PIN_SLASH' : 'ICON_PUSH_PIN'\"\n          (p-click)=\"emitFixed(option)\"\n          [p-disabled]=\"!option.visible || checksIfHasFiveFixed(option)\"\n          [p-size]=\"componentsSize\"\n        >\n        </po-button>\n      }\n\n      <po-button\n        [p-tooltip]=\"literals.up\"\n        p-tooltip-position=\"left\"\n        p-icon=\"ICON_ARROW_UP\"\n        [p-disabled]=\"verifyArrowDisabled(option, 'up') || isFixed(option)\"\n        [p-size]=\"componentsSize\"\n        (p-click)=\"emitChangePosition(option, 'up')\"\n      >\n      </po-button>\n\n      <po-button\n        [p-tooltip]=\"literals.down\"\n        p-tooltip-position=\"top\"\n        p-icon=\"ICON_ARROW_DOWN\"\n        [p-disabled]=\"verifyArrowDisabled(option, 'down') || isFixed(option)\"\n        [p-size]=\"componentsSize\"\n        (p-click)=\"emitChangePosition(option, 'down')\"\n      >\n      </po-button>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PoButtonComponent, selector: "po-button" }, { kind: "directive", type: PoTooltipDirective, selector: "[p-tooltip]" }, { kind: "component", type: PoSwitchComponent, selector: "po-switch", inputs: ["p-value", "p-compact-label", "p-format-model", "p-hide-label-status", "p-label-position", "p-label-off", "p-label-on", "p-loading", "p-field-error-message", "p-error-limit", "p-invalid-value", "p-size", "p-helper", "p-label-text-wrap"] }] });
+        ], usesInheritance: true, ngImport: i0, template: "@if (existedFixedItem()) {\n  <section class=\"po-table-list-manager-section\">\n    <p class=\"po-table-list-manager-title-group-items\">{{ literals.fixedColumns }}</p>\n    @for (option of checkboxGroupOptionsView; track trackByFn($index)) {\n      @if (isFixed(option)) {\n        <li\n          class=\"po-table-list-manager-container\"\n          [class.po-checkbox-group-item-disabled]=\"option.disabled || disabled\"\n        >\n          <ng-container *ngTemplateOutlet=\"listItemsManagerDefault; context: { $implicit: option }\"></ng-container>\n        </li>\n      }\n    }\n  </section>\n}\n\n<section class=\"po-table-list-manager-section\">\n  <p class=\"po-table-list-manager-title-group-items\">{{ literals.otherColumns }}</p>\n  @for (option of checkboxGroupOptionsView; track trackByFn($index)) {\n    @if (!isFixed(option)) {\n      <li class=\"po-table-list-manager-container\" [class.po-checkbox-group-item-disabled]=\"option.disabled || disabled\">\n        @if (!isFixed(option)) {\n          <ng-container *ngTemplateOutlet=\"listItemsManagerDefault; context: { $implicit: option }\"></ng-container>\n        }\n      </li>\n    }\n  }\n</section>\n\n<ng-template #listItemsManagerDefault let-option>\n  <div class=\"po-table-list-manager-item\">\n    <div class=\"po-table-list-manager-item-switch\">\n      <po-switch\n        name=\"switch\"\n        (p-change)=\"clickSwitch(option)\"\n        (keydown)=\"onKeyDown($event, option)\"\n        [p-disabled]=\"option.disabled || disabled || isFixed(option)\"\n        [p-value]=\"checkedOptions[option.value]\"\n        [p-hide-label-status]=\"true\"\n        [p-size]=\"componentsSize\"\n      >\n      </po-switch>\n      <span\n        class=\"po-table-list-manager-item-text\"\n        [class.po-table-list-manager-item-text-aa]=\"componentsSize === 'small'\"\n      >\n        {{ option.label }}\n      </span>\n    </div>\n\n    <div class=\"po-table-list-manager-item-buttons\">\n      @if (!hideActionFixedColumns) {\n        <po-button\n          [p-icon]=\"isFixed(option) ? 'ICON_PUSH_PIN_SLASH' : 'ICON_PUSH_PIN'\"\n          (p-click)=\"emitFixed(option)\"\n          [p-disabled]=\"!option.visible || checksIfHasFiveFixed(option)\"\n          [p-size]=\"componentsSize\"\n        >\n        </po-button>\n      }\n\n      <po-button\n        [p-tooltip]=\"literals.up\"\n        p-tooltip-position=\"left\"\n        p-icon=\"ICON_ARROW_UP\"\n        [p-disabled]=\"verifyArrowDisabled(option, 'up') || isFixed(option)\"\n        [p-size]=\"componentsSize\"\n        (p-click)=\"emitChangePosition(option, 'up')\"\n      >\n      </po-button>\n\n      <po-button\n        [p-tooltip]=\"literals.down\"\n        p-tooltip-position=\"top\"\n        p-icon=\"ICON_ARROW_DOWN\"\n        [p-disabled]=\"verifyArrowDisabled(option, 'down') || isFixed(option)\"\n        [p-size]=\"componentsSize\"\n        (p-click)=\"emitChangePosition(option, 'down')\"\n      >\n      </po-button>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PoButtonComponent, selector: "po-button" }, { kind: "directive", type: PoTooltipDirective, selector: "[p-tooltip]" }, { kind: "component", type: PoSwitchComponent, selector: "po-switch", inputs: ["p-value", "p-compact-label", "p-format-model", "p-hide-label-status", "p-label-position", "p-label-off", "p-label-on", "p-loading", "p-field-error-message", "p-error-limit", "p-invalid-value", "p-size", "p-helper", "p-label-text-wrap"], outputs: ["p-change-model"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: PoTableListManagerComponent, decorators: [{
             type: Component,
@@ -36308,7 +36527,13 @@ class PoInputBaseComponent {
      *
      * @description
      *
-     * Evento disparado ao alterar valor do model.
+     * Evento disparado sempre que o valor do model é alterado, seja por interação do usuário
+     * ou por atualização programática (ex: `setValue`, `patchValue`, carregamento assíncrono).
+     *
+     * Diferentemente do `p-change`, que é disparado apenas por interação do usuário,
+     * o `p-change-model` cobre todos os cenários de alteração de valor.
+     *
+     * Não emite quando o novo valor é idêntico ao anterior (deduplicação automática).
      */
     changeModel = new EventEmitter();
     /**
@@ -43030,6 +43255,20 @@ class PoDatepickerRangeBaseComponent {
      * Evento disparado ao alterar valor do campo.
      */
     onChange = new EventEmitter();
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento disparado sempre que o valor do model é alterado, seja por interação do usuário
+     * ou por atualização programática (ex: `setValue`, `patchValue`, carregamento assíncrono).
+     *
+     * Diferentemente do `p-change`, que é disparado apenas por interação do usuário,
+     * o `p-change-model` cobre todos os cenários de alteração de valor.
+     *
+     * Não emite quando o novo valor é idêntico ao anterior (deduplicação automática).
+     */
+    changeModel = new EventEmitter();
     /**
      * @optional
      *
@@ -43041,6 +43280,7 @@ class PoDatepickerRangeBaseComponent {
     errorMessage = '';
     dateRange = { start: '', end: '' };
     displayAdditionalHelp = false;
+    modelLastUpdate;
     format = 'dd/mm/yyyy';
     isDateRangeInputFormatValid = true;
     isStartDateRangeInputValid = true;
@@ -43475,6 +43715,15 @@ class PoDatepickerRangeBaseComponent {
         if (this.onChangeModel) {
             this.onChangeModel(model);
         }
+        this.controlChangeModelEmitter(model);
+    }
+    controlChangeModelEmitter(value) {
+        const current = JSON.stringify(this.modelLastUpdate);
+        const incoming = JSON.stringify(value);
+        if (current !== incoming) {
+            this.changeModel.emit(value);
+            this.modelLastUpdate = value && typeof value === 'object' ? { ...value } : value;
+        }
     }
     validateModel(value) {
         const model = { ...value };
@@ -43544,7 +43793,7 @@ class PoDatepickerRangeBaseComponent {
         this._size = size;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: PoDatepickerRangeBaseComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: PoDateService }, { token: PoLanguageService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.21", type: PoDatepickerRangeBaseComponent, isStandalone: true, inputs: { additionalHelpEventTrigger: { classPropertyName: "additionalHelpEventTrigger", publicName: "additionalHelpEventTrigger", isSignal: false, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: false, isRequired: false, transformFunction: null }, additionalHelpTooltip: { classPropertyName: "additionalHelpTooltip", publicName: "p-additional-help-tooltip", isSignal: false, isRequired: false, transformFunction: null }, appendBox: { classPropertyName: "appendBox", publicName: "p-append-in-body", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, autoFocus: { classPropertyName: "autoFocus", publicName: "p-auto-focus", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, compactLabel: { classPropertyName: "compactLabel", publicName: "p-compact-label", isSignal: true, isRequired: false, transformFunction: null }, rangePresets: { classPropertyName: "rangePresets", publicName: "p-range-presets", isSignal: false, isRequired: false, transformFunction: null }, rangePresetOptions: { classPropertyName: "rangePresetOptions", publicName: "p-range-preset-options", isSignal: false, isRequired: false, transformFunction: null }, rangePresetsOrder: { classPropertyName: "rangePresetsOrder", publicName: "p-range-presets-order", isSignal: false, isRequired: false, transformFunction: null }, help: { classPropertyName: "help", publicName: "p-help", isSignal: false, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "p-label", isSignal: false, isRequired: false, transformFunction: null }, optional: { classPropertyName: "optional", publicName: "p-optional", isSignal: false, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "p-placeholder", isSignal: false, isRequired: false, transformFunction: null }, fieldErrorMessage: { classPropertyName: "fieldErrorMessage", publicName: "p-field-error-message", isSignal: false, isRequired: false, transformFunction: null }, errorLimit: { classPropertyName: "errorLimit", publicName: "p-error-limit", isSignal: false, isRequired: false, transformFunction: null }, poHelperComponent: { classPropertyName: "poHelperComponent", publicName: "p-helper", isSignal: true, isRequired: false, transformFunction: null }, labelTextWrap: { classPropertyName: "labelTextWrap", publicName: "p-label-text-wrap", isSignal: true, isRequired: false, transformFunction: null }, clean: { classPropertyName: "clean", publicName: "p-clean", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, disabled: { classPropertyName: "disabled", publicName: "p-disabled", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, endDate: { classPropertyName: "endDate", publicName: "p-end-date", isSignal: false, isRequired: false, transformFunction: null }, literals: { classPropertyName: "literals", publicName: "p-literals", isSignal: false, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "p-loading", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, minDate: { classPropertyName: "minDate", publicName: "p-min-date", isSignal: false, isRequired: false, transformFunction: null }, maxDate: { classPropertyName: "maxDate", publicName: "p-max-date", isSignal: false, isRequired: false, transformFunction: null }, noAutocomplete: { classPropertyName: "noAutocomplete", publicName: "p-no-autocomplete", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, readonly: { classPropertyName: "readonly", publicName: "p-readonly", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, required: { classPropertyName: "required", publicName: "p-required", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, showRequired: { classPropertyName: "showRequired", publicName: "p-show-required", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "p-size", isSignal: false, isRequired: false, transformFunction: null }, startDate: { classPropertyName: "startDate", publicName: "p-start-date", isSignal: false, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "p-locale", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { additionalHelp: "p-additional-help", onChange: "p-change", keydown: "p-keydown" }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-size": "this.size" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.21", type: PoDatepickerRangeBaseComponent, isStandalone: true, inputs: { additionalHelpEventTrigger: { classPropertyName: "additionalHelpEventTrigger", publicName: "additionalHelpEventTrigger", isSignal: false, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: false, isRequired: false, transformFunction: null }, additionalHelpTooltip: { classPropertyName: "additionalHelpTooltip", publicName: "p-additional-help-tooltip", isSignal: false, isRequired: false, transformFunction: null }, appendBox: { classPropertyName: "appendBox", publicName: "p-append-in-body", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, autoFocus: { classPropertyName: "autoFocus", publicName: "p-auto-focus", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, compactLabel: { classPropertyName: "compactLabel", publicName: "p-compact-label", isSignal: true, isRequired: false, transformFunction: null }, rangePresets: { classPropertyName: "rangePresets", publicName: "p-range-presets", isSignal: false, isRequired: false, transformFunction: null }, rangePresetOptions: { classPropertyName: "rangePresetOptions", publicName: "p-range-preset-options", isSignal: false, isRequired: false, transformFunction: null }, rangePresetsOrder: { classPropertyName: "rangePresetsOrder", publicName: "p-range-presets-order", isSignal: false, isRequired: false, transformFunction: null }, help: { classPropertyName: "help", publicName: "p-help", isSignal: false, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "p-label", isSignal: false, isRequired: false, transformFunction: null }, optional: { classPropertyName: "optional", publicName: "p-optional", isSignal: false, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "p-placeholder", isSignal: false, isRequired: false, transformFunction: null }, fieldErrorMessage: { classPropertyName: "fieldErrorMessage", publicName: "p-field-error-message", isSignal: false, isRequired: false, transformFunction: null }, errorLimit: { classPropertyName: "errorLimit", publicName: "p-error-limit", isSignal: false, isRequired: false, transformFunction: null }, poHelperComponent: { classPropertyName: "poHelperComponent", publicName: "p-helper", isSignal: true, isRequired: false, transformFunction: null }, labelTextWrap: { classPropertyName: "labelTextWrap", publicName: "p-label-text-wrap", isSignal: true, isRequired: false, transformFunction: null }, clean: { classPropertyName: "clean", publicName: "p-clean", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, disabled: { classPropertyName: "disabled", publicName: "p-disabled", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, endDate: { classPropertyName: "endDate", publicName: "p-end-date", isSignal: false, isRequired: false, transformFunction: null }, literals: { classPropertyName: "literals", publicName: "p-literals", isSignal: false, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "p-loading", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, minDate: { classPropertyName: "minDate", publicName: "p-min-date", isSignal: false, isRequired: false, transformFunction: null }, maxDate: { classPropertyName: "maxDate", publicName: "p-max-date", isSignal: false, isRequired: false, transformFunction: null }, noAutocomplete: { classPropertyName: "noAutocomplete", publicName: "p-no-autocomplete", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, readonly: { classPropertyName: "readonly", publicName: "p-readonly", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, required: { classPropertyName: "required", publicName: "p-required", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, showRequired: { classPropertyName: "showRequired", publicName: "p-show-required", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "p-size", isSignal: false, isRequired: false, transformFunction: null }, startDate: { classPropertyName: "startDate", publicName: "p-start-date", isSignal: false, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "p-locale", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { additionalHelp: "p-additional-help", onChange: "p-change", changeModel: "p-change-model", keydown: "p-keydown" }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-size": "this.size" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: PoDatepickerRangeBaseComponent, decorators: [{
             type: Directive
@@ -43595,6 +43844,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImpo
             }], poHelperComponent: [{ type: i0.Input, args: [{ isSignal: true, alias: "p-helper", required: false }] }], labelTextWrap: [{ type: i0.Input, args: [{ isSignal: true, alias: "p-label-text-wrap", required: false }] }], onChange: [{
                 type: Output,
                 args: ['p-change']
+            }], changeModel: [{
+                type: Output,
+                args: ['p-change-model']
             }], keydown: [{
                 type: Output,
                 args: ['p-keydown']
@@ -47029,6 +47281,20 @@ class PoLookupBaseComponent {
      *  Por parâmetro será passado o novo valor.
      */
     change = new EventEmitter();
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento disparado sempre que o valor do model é alterado, seja por interação do usuário
+     * ou por atualização programática (ex: `setValue`, `patchValue`, carregamento assíncrono).
+     *
+     * Diferentemente do `p-change`, que é disparado apenas por interação do usuário,
+     * o `p-change-model` cobre todos os cenários de alteração de valor.
+     *
+     * Não emite quando o novo valor é idêntico ao anterior (deduplicação automática).
+     */
+    changeModel = new EventEmitter();
     /**
      * @optional
      *
@@ -47051,6 +47317,7 @@ class PoLookupBaseComponent {
     columnRestoreManager = new EventEmitter();
     displayAdditionalHelp = false;
     service;
+    modelLastUpdate;
     selectedOptions = [];
     getSubscription;
     keysDescription;
@@ -47289,6 +47556,13 @@ class PoLookupBaseComponent {
                 this.updateLookupInputHeight();
             }
         });
+        this.controlChangeModelEmitter(value);
+    }
+    controlChangeModelEmitter(value) {
+        if (this.modelLastUpdate !== value) {
+            this.changeModel.emit(value);
+            this.modelLastUpdate = value;
+        }
     }
     //Transforma o tamanho do input para o tamanho do ícone de loading correspondente
     mapSizeToIcon(size) {
@@ -47352,6 +47626,7 @@ class PoLookupBaseComponent {
         }
         else {
             this.cleanViewValue();
+            this.controlChangeModelEmitter(undefined);
         }
     }
     // Retorna o Subscriber da propriedade getSubscription que ocorre
@@ -47430,7 +47705,7 @@ class PoLookupBaseComponent {
         this._size = size;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: PoLookupBaseComponent, deps: [{ token: PoLookupFilterService }, { token: Injector }, { token: PoLookupModalService }, { token: PoLanguageService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.21", type: PoLookupBaseComponent, isStandalone: true, inputs: { additionalHelpEventTrigger: { classPropertyName: "additionalHelpEventTrigger", publicName: "additionalHelpEventTrigger", isSignal: false, isRequired: false, transformFunction: null }, additionalHelpTooltip: { classPropertyName: "additionalHelpTooltip", publicName: "p-additional-help-tooltip", isSignal: false, isRequired: false, transformFunction: null }, appendBox: { classPropertyName: "appendBox", publicName: "p-append-in-body", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, autoFocus: { classPropertyName: "autoFocus", publicName: "p-auto-focus", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, label: { classPropertyName: "label", publicName: "p-label", isSignal: false, isRequired: false, transformFunction: null }, literals: { classPropertyName: "literals", publicName: "p-literals", isSignal: false, isRequired: false, transformFunction: null }, help: { classPropertyName: "help", publicName: "p-help", isSignal: false, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "p-placeholder", isSignal: false, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: false, isRequired: false, transformFunction: null }, fieldValue: { classPropertyName: "fieldValue", publicName: "p-field-value", isSignal: false, isRequired: false, transformFunction: null }, fieldLabel: { classPropertyName: "fieldLabel", publicName: "p-field-label", isSignal: false, isRequired: false, transformFunction: null }, filterParams: { classPropertyName: "filterParams", publicName: "p-filter-params", isSignal: false, isRequired: false, transformFunction: null }, fieldFormat: { classPropertyName: "fieldFormat", publicName: "p-field-format", isSignal: false, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "p-columns", isSignal: false, isRequired: false, transformFunction: null }, optional: { classPropertyName: "optional", publicName: "p-optional", isSignal: false, isRequired: false, transformFunction: null }, advancedFilters: { classPropertyName: "advancedFilters", publicName: "p-advanced-filters", isSignal: false, isRequired: false, transformFunction: null }, hideColumnsManager: { classPropertyName: "hideColumnsManager", publicName: "p-hide-columns-manager", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, infiniteScroll: { classPropertyName: "infiniteScroll", publicName: "p-infinite-scroll", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, clean: { classPropertyName: "clean", publicName: "p-clean", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, multiple: { classPropertyName: "multiple", publicName: "p-multiple", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, autoHeight: { classPropertyName: "autoHeight", publicName: "p-auto-height", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, fieldErrorMessage: { classPropertyName: "fieldErrorMessage", publicName: "p-field-error-message", isSignal: false, isRequired: false, transformFunction: null }, errorLimit: { classPropertyName: "errorLimit", publicName: "p-error-limit", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "p-size", isSignal: false, isRequired: false, transformFunction: null }, spacing: { classPropertyName: "spacing", publicName: "p-spacing", isSignal: false, isRequired: false, transformFunction: null }, textWrap: { classPropertyName: "textWrap", publicName: "p-text-wrap", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, virtualScroll: { classPropertyName: "virtualScroll", publicName: "p-virtual-scroll", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, poHelperComponent: { classPropertyName: "poHelperComponent", publicName: "p-helper", isSignal: true, isRequired: false, transformFunction: null }, labelTextWrap: { classPropertyName: "labelTextWrap", publicName: "p-label-text-wrap", isSignal: true, isRequired: false, transformFunction: null }, compactLabel: { classPropertyName: "compactLabel", publicName: "p-compact-label", isSignal: true, isRequired: false, transformFunction: null }, filterService: { classPropertyName: "filterService", publicName: "p-filter-service", isSignal: false, isRequired: false, transformFunction: null }, noAutocomplete: { classPropertyName: "noAutocomplete", publicName: "p-no-autocomplete", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, required: { classPropertyName: "required", publicName: "p-required", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, showRequired: { classPropertyName: "showRequired", publicName: "p-show-required", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "p-disabled", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, loading: { classPropertyName: "loading", publicName: "p-loading", isSignal: false, isRequired: false, transformFunction: convertToBoolean } }, outputs: { additionalHelp: "p-additional-help", onError: "p-error", keydown: "p-keydown", selected: "p-selected", change: "p-change", changeVisibleColumns: "p-change-visible-columns", columnRestoreManager: "p-restore-column-manager" }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-size": "this.size", "attr.p-disabled": "this.disabled", "attr.p-loading": "this.loading" } }, viewQueries: [{ propertyName: "inputEl", first: true, predicate: ["inp"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.21", type: PoLookupBaseComponent, isStandalone: true, inputs: { additionalHelpEventTrigger: { classPropertyName: "additionalHelpEventTrigger", publicName: "additionalHelpEventTrigger", isSignal: false, isRequired: false, transformFunction: null }, additionalHelpTooltip: { classPropertyName: "additionalHelpTooltip", publicName: "p-additional-help-tooltip", isSignal: false, isRequired: false, transformFunction: null }, appendBox: { classPropertyName: "appendBox", publicName: "p-append-in-body", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, autoFocus: { classPropertyName: "autoFocus", publicName: "p-auto-focus", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, label: { classPropertyName: "label", publicName: "p-label", isSignal: false, isRequired: false, transformFunction: null }, literals: { classPropertyName: "literals", publicName: "p-literals", isSignal: false, isRequired: false, transformFunction: null }, help: { classPropertyName: "help", publicName: "p-help", isSignal: false, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "p-placeholder", isSignal: false, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: false, isRequired: false, transformFunction: null }, fieldValue: { classPropertyName: "fieldValue", publicName: "p-field-value", isSignal: false, isRequired: false, transformFunction: null }, fieldLabel: { classPropertyName: "fieldLabel", publicName: "p-field-label", isSignal: false, isRequired: false, transformFunction: null }, filterParams: { classPropertyName: "filterParams", publicName: "p-filter-params", isSignal: false, isRequired: false, transformFunction: null }, fieldFormat: { classPropertyName: "fieldFormat", publicName: "p-field-format", isSignal: false, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "p-columns", isSignal: false, isRequired: false, transformFunction: null }, optional: { classPropertyName: "optional", publicName: "p-optional", isSignal: false, isRequired: false, transformFunction: null }, advancedFilters: { classPropertyName: "advancedFilters", publicName: "p-advanced-filters", isSignal: false, isRequired: false, transformFunction: null }, hideColumnsManager: { classPropertyName: "hideColumnsManager", publicName: "p-hide-columns-manager", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, infiniteScroll: { classPropertyName: "infiniteScroll", publicName: "p-infinite-scroll", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, clean: { classPropertyName: "clean", publicName: "p-clean", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, multiple: { classPropertyName: "multiple", publicName: "p-multiple", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, autoHeight: { classPropertyName: "autoHeight", publicName: "p-auto-height", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, fieldErrorMessage: { classPropertyName: "fieldErrorMessage", publicName: "p-field-error-message", isSignal: false, isRequired: false, transformFunction: null }, errorLimit: { classPropertyName: "errorLimit", publicName: "p-error-limit", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "p-size", isSignal: false, isRequired: false, transformFunction: null }, spacing: { classPropertyName: "spacing", publicName: "p-spacing", isSignal: false, isRequired: false, transformFunction: null }, textWrap: { classPropertyName: "textWrap", publicName: "p-text-wrap", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, virtualScroll: { classPropertyName: "virtualScroll", publicName: "p-virtual-scroll", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, poHelperComponent: { classPropertyName: "poHelperComponent", publicName: "p-helper", isSignal: true, isRequired: false, transformFunction: null }, labelTextWrap: { classPropertyName: "labelTextWrap", publicName: "p-label-text-wrap", isSignal: true, isRequired: false, transformFunction: null }, compactLabel: { classPropertyName: "compactLabel", publicName: "p-compact-label", isSignal: true, isRequired: false, transformFunction: null }, filterService: { classPropertyName: "filterService", publicName: "p-filter-service", isSignal: false, isRequired: false, transformFunction: null }, noAutocomplete: { classPropertyName: "noAutocomplete", publicName: "p-no-autocomplete", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, required: { classPropertyName: "required", publicName: "p-required", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, showRequired: { classPropertyName: "showRequired", publicName: "p-show-required", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "p-disabled", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, loading: { classPropertyName: "loading", publicName: "p-loading", isSignal: false, isRequired: false, transformFunction: convertToBoolean } }, outputs: { additionalHelp: "p-additional-help", onError: "p-error", keydown: "p-keydown", selected: "p-selected", change: "p-change", changeModel: "p-change-model", changeVisibleColumns: "p-change-visible-columns", columnRestoreManager: "p-restore-column-manager" }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-size": "this.size", "attr.p-disabled": "this.disabled", "attr.p-loading": "this.loading" } }, viewQueries: [{ propertyName: "inputEl", first: true, predicate: ["inp"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: PoLookupBaseComponent, decorators: [{
             type: Directive
@@ -47538,6 +47813,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImpo
             }], change: [{
                 type: Output,
                 args: ['p-change']
+            }], changeModel: [{
+                type: Output,
+                args: ['p-change-model']
             }], changeVisibleColumns: [{
                 type: Output,
                 args: ['p-change-visible-columns']
@@ -48361,6 +48639,20 @@ class PoMultiselectBaseComponent {
      * Pode ser informada uma função que será disparada quando houver alterações no ngModel.
      */
     change = new EventEmitter();
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento disparado sempre que o valor do model é alterado, seja por interação do usuário
+     * ou por atualização programática (ex: `setValue`, `patchValue`, carregamento assíncrono).
+     *
+     * Diferentemente do `p-change`, que é disparado apenas por interação do usuário,
+     * o `p-change-model` cobre todos os cenários de alteração de valor.
+     *
+     * Não emite quando o novo valor é idêntico ao anterior (deduplicação automática).
+     */
+    changeModel = new EventEmitter();
     /**
      * @optional
      *
@@ -48434,6 +48726,7 @@ class PoMultiselectBaseComponent {
     service;
     defaultService;
     displayAdditionalHelp = false;
+    modelLastUpdate;
     // eslint-disable-next-line
     onModelTouched = null;
     clickOutListener;
@@ -48853,8 +49146,10 @@ class PoMultiselectBaseComponent {
     }
     callOnChange(selectedOptions) {
         if (this.onModelChange) {
-            this.onModelChange(this.getValueUpdate(selectedOptions));
+            const value = this.getValueUpdate(selectedOptions);
+            this.onModelChange(value);
             this.eventChange(selectedOptions);
+            this.controlChangeModelEmitter(value);
         }
         setTimeout(() => {
             if (this.autoHeight) {
@@ -48868,6 +49163,14 @@ class PoMultiselectBaseComponent {
         }
         this.lastLengthModel = selectedOptions ? selectedOptions.length : null;
     }
+    controlChangeModelEmitter(value) {
+        const current = JSON.stringify(this.modelLastUpdate);
+        const incoming = JSON.stringify(value);
+        if (current !== incoming) {
+            this.changeModel.emit(value);
+            this.modelLastUpdate = Array.isArray(value) ? [...value] : value;
+        }
+    }
     getValuesFromOptions(selectedOptions) {
         return selectedOptions && selectedOptions.length ? selectedOptions.map(option => option[this.fieldValue]) : [];
     }
@@ -48943,6 +49246,7 @@ class PoMultiselectBaseComponent {
         this.updateVisibleItems();
     }
     writeValue(values) {
+        const originalValues = values;
         values = this.getValueWrite(values);
         if (values !== null && values !== undefined && !Array.isArray(values)) {
             values = [values];
@@ -48960,6 +49264,9 @@ class PoMultiselectBaseComponent {
             if (this.selectedOptions && this.selectedOptions.length < values.length) {
                 this.callOnChange(this.selectedOptions);
             }
+            else if (originalValues != null && (!Array.isArray(originalValues) || originalValues.length > 0)) {
+                this.controlChangeModelEmitter(this.getValuesFromOptions(this.selectedOptions));
+            }
         }
     }
     // Função implementada do ControlValueAccessor
@@ -49023,7 +49330,7 @@ class PoMultiselectBaseComponent {
         this._size = size;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: PoMultiselectBaseComponent, deps: [{ token: PoLanguageService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.21", type: PoMultiselectBaseComponent, isStandalone: true, inputs: { additionalHelpEventTrigger: { classPropertyName: "additionalHelpEventTrigger", publicName: "additionalHelpEventTrigger", isSignal: false, isRequired: false, transformFunction: null }, additionalHelpTooltip: { classPropertyName: "additionalHelpTooltip", publicName: "p-additional-help-tooltip", isSignal: false, isRequired: false, transformFunction: null }, autoFocus: { classPropertyName: "autoFocus", publicName: "p-auto-focus", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, compactLabel: { classPropertyName: "compactLabel", publicName: "p-compact-label", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "p-label", isSignal: false, isRequired: false, transformFunction: null }, help: { classPropertyName: "help", publicName: "p-help", isSignal: false, isRequired: false, transformFunction: null }, optional: { classPropertyName: "optional", publicName: "p-optional", isSignal: false, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "p-placeholder", isSignal: false, isRequired: false, transformFunction: null }, placeholderSearch: { classPropertyName: "placeholderSearch", publicName: "p-placeholder-search", isSignal: false, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: false, isRequired: false, transformFunction: null }, hideSelectAll: { classPropertyName: "hideSelectAll", publicName: "p-hide-select-all", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, fieldErrorMessage: { classPropertyName: "fieldErrorMessage", publicName: "p-field-error-message", isSignal: false, isRequired: false, transformFunction: null }, errorLimit: { classPropertyName: "errorLimit", publicName: "p-error-limit", isSignal: false, isRequired: false, transformFunction: null }, appendBox: { classPropertyName: "appendBox", publicName: "p-append-in-body", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, controlValueWithLabel: { classPropertyName: "controlValueWithLabel", publicName: "p-control-value-with-label", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, listboxControlPosition: { classPropertyName: "listboxControlPosition", publicName: "p-listbox-control-position", isSignal: false, isRequired: false, transformFunction: null }, poHelperComponent: { classPropertyName: "poHelperComponent", publicName: "p-helper", isSignal: true, isRequired: false, transformFunction: null }, labelTextWrap: { classPropertyName: "labelTextWrap", publicName: "p-label-text-wrap", isSignal: true, isRequired: false, transformFunction: null }, filterService: { classPropertyName: "filterService", publicName: "p-filter-service", isSignal: false, isRequired: false, transformFunction: null }, autoHeight: { classPropertyName: "autoHeight", publicName: "p-auto-height", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, debounceTime: { classPropertyName: "debounceTime", publicName: "p-debounce-time", isSignal: false, isRequired: false, transformFunction: null }, literals: { classPropertyName: "literals", publicName: "p-literals", isSignal: false, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "p-required", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, showRequired: { classPropertyName: "showRequired", publicName: "p-show-required", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "p-size", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "p-disabled", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, loading: { classPropertyName: "loading", publicName: "p-loading", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, hideSearch: { classPropertyName: "hideSearch", publicName: "p-hide-search", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, options: { classPropertyName: "options", publicName: "p-options", isSignal: false, isRequired: false, transformFunction: null }, sort: { classPropertyName: "sort", publicName: "p-sort", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, filterMode: { classPropertyName: "filterMode", publicName: "p-filter-mode", isSignal: false, isRequired: false, transformFunction: null }, fieldLabel: { classPropertyName: "fieldLabel", publicName: "p-field-label", isSignal: false, isRequired: false, transformFunction: null }, fieldValue: { classPropertyName: "fieldValue", publicName: "p-field-value", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { blur: "p-blur", additionalHelp: "p-additional-help", change: "p-change", keydown: "p-keydown" }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-size": "this.size", "attr.p-loading": "this.loading" } }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true, read: ElementRef, static: true }], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.21", type: PoMultiselectBaseComponent, isStandalone: true, inputs: { additionalHelpEventTrigger: { classPropertyName: "additionalHelpEventTrigger", publicName: "additionalHelpEventTrigger", isSignal: false, isRequired: false, transformFunction: null }, additionalHelpTooltip: { classPropertyName: "additionalHelpTooltip", publicName: "p-additional-help-tooltip", isSignal: false, isRequired: false, transformFunction: null }, autoFocus: { classPropertyName: "autoFocus", publicName: "p-auto-focus", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, compactLabel: { classPropertyName: "compactLabel", publicName: "p-compact-label", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "p-label", isSignal: false, isRequired: false, transformFunction: null }, help: { classPropertyName: "help", publicName: "p-help", isSignal: false, isRequired: false, transformFunction: null }, optional: { classPropertyName: "optional", publicName: "p-optional", isSignal: false, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "p-placeholder", isSignal: false, isRequired: false, transformFunction: null }, placeholderSearch: { classPropertyName: "placeholderSearch", publicName: "p-placeholder-search", isSignal: false, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: false, isRequired: false, transformFunction: null }, hideSelectAll: { classPropertyName: "hideSelectAll", publicName: "p-hide-select-all", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, fieldErrorMessage: { classPropertyName: "fieldErrorMessage", publicName: "p-field-error-message", isSignal: false, isRequired: false, transformFunction: null }, errorLimit: { classPropertyName: "errorLimit", publicName: "p-error-limit", isSignal: false, isRequired: false, transformFunction: null }, appendBox: { classPropertyName: "appendBox", publicName: "p-append-in-body", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, controlValueWithLabel: { classPropertyName: "controlValueWithLabel", publicName: "p-control-value-with-label", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, listboxControlPosition: { classPropertyName: "listboxControlPosition", publicName: "p-listbox-control-position", isSignal: false, isRequired: false, transformFunction: null }, poHelperComponent: { classPropertyName: "poHelperComponent", publicName: "p-helper", isSignal: true, isRequired: false, transformFunction: null }, labelTextWrap: { classPropertyName: "labelTextWrap", publicName: "p-label-text-wrap", isSignal: true, isRequired: false, transformFunction: null }, filterService: { classPropertyName: "filterService", publicName: "p-filter-service", isSignal: false, isRequired: false, transformFunction: null }, autoHeight: { classPropertyName: "autoHeight", publicName: "p-auto-height", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, debounceTime: { classPropertyName: "debounceTime", publicName: "p-debounce-time", isSignal: false, isRequired: false, transformFunction: null }, literals: { classPropertyName: "literals", publicName: "p-literals", isSignal: false, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "p-required", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, showRequired: { classPropertyName: "showRequired", publicName: "p-show-required", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "p-size", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "p-disabled", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, loading: { classPropertyName: "loading", publicName: "p-loading", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, hideSearch: { classPropertyName: "hideSearch", publicName: "p-hide-search", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, options: { classPropertyName: "options", publicName: "p-options", isSignal: false, isRequired: false, transformFunction: null }, sort: { classPropertyName: "sort", publicName: "p-sort", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, filterMode: { classPropertyName: "filterMode", publicName: "p-filter-mode", isSignal: false, isRequired: false, transformFunction: null }, fieldLabel: { classPropertyName: "fieldLabel", publicName: "p-field-label", isSignal: false, isRequired: false, transformFunction: null }, fieldValue: { classPropertyName: "fieldValue", publicName: "p-field-value", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { blur: "p-blur", additionalHelp: "p-additional-help", change: "p-change", changeModel: "p-change-model", keydown: "p-keydown" }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-size": "this.size", "attr.p-loading": "this.loading" } }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true, read: ElementRef, static: true }], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: PoMultiselectBaseComponent, decorators: [{
             type: Directive
@@ -49074,6 +49381,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImpo
             }], change: [{
                 type: Output,
                 args: ['p-change']
+            }], changeModel: [{
+                type: Output,
+                args: ['p-change-model']
             }], keydown: [{
                 type: Output,
                 args: ['p-keydown']
@@ -54829,6 +55139,20 @@ class PoSelectComponent extends PoFieldValidateModel {
      * Evento disparado ao sair do campo.
      */
     blur = new EventEmitter();
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento disparado sempre que o valor do model é alterado, seja por interação do usuário
+     * ou por atualização programática (ex: `setValue`, `patchValue`, carregamento assíncrono).
+     *
+     * Diferentemente do `p-change`, que é disparado apenas por interação do usuário,
+     * o `p-change-model` cobre todos os cenários de alteração de valor.
+     *
+     * Não emite quando o novo valor é idêntico ao anterior (deduplicação automática).
+     */
+    changeModel = new EventEmitter();
     /**
      * @optional
      *
@@ -54896,6 +55220,7 @@ class PoSelectComponent extends PoFieldValidateModel {
     displayValue;
     id = `po-select[${uuid()}]`;
     modelValue;
+    modelLastUpdate;
     selectedValue;
     optionsDefault = [];
     listGroupOptions = [];
@@ -55152,6 +55477,7 @@ class PoSelectComponent extends PoFieldValidateModel {
             this.updateModel(this.getValueUpdate(option));
             this.displayValue = option[this.fieldLabel];
             this.emitChange(option[this.fieldValue]);
+            this.controlChangeModelEmitter(option[this.fieldValue]);
         }
     }
     // Recebe as alterações do model
@@ -55171,6 +55497,7 @@ class PoSelectComponent extends PoFieldValidateModel {
         }
         this.modelValue = value;
         this.changeDetector.detectChanges();
+        this.controlChangeModelEmitter(this.selectedValue);
     }
     extraValidation(c) {
         return null;
@@ -55220,6 +55547,12 @@ class PoSelectComponent extends PoFieldValidateModel {
     setHelper(label, additionalHelpTooltip) {
         return setHelperSettings(label, additionalHelpTooltip, this.poHelperComponent(), this.size, this.isAdditionalHelpEventTriggered() ? this.additionalHelp : undefined);
     }
+    controlChangeModelEmitter(value) {
+        if (this.modelLastUpdate !== value) {
+            this.changeModel.emit(value);
+            this.modelLastUpdate = value;
+        }
+    }
     isEqual(value, inputValue) {
         if ((value || value === 0) && inputValue) {
             return value.toString() === inputValue.toString();
@@ -55283,7 +55616,7 @@ class PoSelectComponent extends PoFieldValidateModel {
         this._size = size;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: PoSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.21", type: PoSelectComponent, isStandalone: false, selector: "po-select", inputs: { readonly: { classPropertyName: "readonly", publicName: "p-readonly", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, compactLabel: { classPropertyName: "compactLabel", publicName: "p-compact-label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "p-placeholder", isSignal: false, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "p-options", isSignal: false, isRequired: false, transformFunction: null }, fieldLabel: { classPropertyName: "fieldLabel", publicName: "p-field-label", isSignal: false, isRequired: false, transformFunction: null }, fieldValue: { classPropertyName: "fieldValue", publicName: "p-field-value", isSignal: false, isRequired: false, transformFunction: null }, controlValueWithLabel: { classPropertyName: "controlValueWithLabel", publicName: "p-control-value-with-label", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, loading: { classPropertyName: "loading", publicName: "p-loading", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, size: { classPropertyName: "size", publicName: "p-size", isSignal: false, isRequired: false, transformFunction: null }, poHelperComponent: { classPropertyName: "poHelperComponent", publicName: "p-helper", isSignal: true, isRequired: false, transformFunction: null }, labelTextWrap: { classPropertyName: "labelTextWrap", publicName: "p-label-text-wrap", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { blur: "p-blur", ngModelChange: "ngModelChange" }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-loading": "this.loading", "attr.p-size": "this.size" } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.21", type: PoSelectComponent, isStandalone: false, selector: "po-select", inputs: { readonly: { classPropertyName: "readonly", publicName: "p-readonly", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, compactLabel: { classPropertyName: "compactLabel", publicName: "p-compact-label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "p-placeholder", isSignal: false, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "p-options", isSignal: false, isRequired: false, transformFunction: null }, fieldLabel: { classPropertyName: "fieldLabel", publicName: "p-field-label", isSignal: false, isRequired: false, transformFunction: null }, fieldValue: { classPropertyName: "fieldValue", publicName: "p-field-value", isSignal: false, isRequired: false, transformFunction: null }, controlValueWithLabel: { classPropertyName: "controlValueWithLabel", publicName: "p-control-value-with-label", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, loading: { classPropertyName: "loading", publicName: "p-loading", isSignal: false, isRequired: false, transformFunction: convertToBoolean }, size: { classPropertyName: "size", publicName: "p-size", isSignal: false, isRequired: false, transformFunction: null }, poHelperComponent: { classPropertyName: "poHelperComponent", publicName: "p-helper", isSignal: true, isRequired: false, transformFunction: null }, labelTextWrap: { classPropertyName: "labelTextWrap", publicName: "p-label-text-wrap", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { blur: "p-blur", changeModel: "p-change-model", ngModelChange: "ngModelChange" }, host: { listeners: { "window:PoUiThemeChange": "onThemeChange()" }, properties: { "attr.p-loading": "this.loading", "attr.p-size": "this.size" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => PoSelectComponent),
@@ -55319,6 +55652,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImpo
             }], blur: [{
                 type: Output,
                 args: ['p-blur']
+            }], changeModel: [{
+                type: Output,
+                args: ['p-change-model']
             }], ngModelChange: [{
                 type: Output,
                 args: ['ngModelChange']
@@ -57702,7 +58038,11 @@ class PoDynamicFormFieldsComponent extends PoDynamicFormFieldsBaseComponent {
             if (changedField.validate) {
                 await this.validateField(changedField, changedFieldIndex, visibleField);
             }
-            this.triggerValidationOnForm(changedFieldIndex);
+            // Quando validateOnInput está ativo, o onChangeFieldModel já disparou o triggerValidationOnForm.
+            // Evita disparo duplicado para componentes onde p-change e p-change-model ocorrem no mesmo ciclo.
+            if (!this.validateOnInput) {
+                this.triggerValidationOnForm(changedFieldIndex);
+            }
         }
         this.updatePreviousValue();
     }
@@ -57903,11 +58243,11 @@ class PoDynamicFormFieldsComponent extends PoDynamicFormFieldsBaseComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: PoDynamicFormFieldsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.21", type: PoDynamicFormFieldsComponent, isStandalone: false, selector: "po-dynamic-form-fields", providers: [PoDynamicFormValidationService], viewQueries: [{ propertyName: "components", predicate: ["component"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if (visibleFields && visibleFields.length > 0) {\n  <div class=\"po-row\" [class.po-dynamic]=\"hasContainers\">\n    <ng-container\n      *ngTemplateOutlet=\"\n        hasContainers ? poContentContainer : poContent;\n        context: { $implicit: hasContainers ? containerFields : visibleFields }\n      \"\n    ></ng-container>\n  </div>\n}\n\n<ng-template #poContent let-fields>\n  @for (field of fields; track trackBy($index, field)) {\n    @if (field?.divider?.trim()) {\n      <po-divider class=\"po-sm-12\" [p-label]=\"field.divider\"> </po-divider>\n    }\n    @if (compareTo(field.control, 'datepicker')) {\n      <po-datepicker\n        #component\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-compact-label]=\"field.compactLabel\"\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-helper]=\"field.helper\"\n        [p-iso-format]=\"field.isoFormat\"\n        [p-label]=\"field.label\"\n        [p-loading]=\"field.loading\"\n        [p-locale]=\"field.locale\"\n        [p-max-date]=\"field.maxValue\"\n        [p-min-date]=\"field.minValue\"\n        [p-mode]=\"field.mode\"\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-year-range-limit]=\"field.yearRangeLimit\"\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    @if (compareTo(field.control, 'datetimepicker')) {\n      <po-datetimepicker\n        #component\n        [name]=\"field.property\"\n        [(ngModel)]=\"value[field.property]\"\n        [ngClass]=\"field.componentClass\"\n        [p-append-in-body]=\"field.appendInBody\"\n        [p-clean]=\"field.clean\"\n        [p-compact-label]=\"field.compactLabel\"\n        [p-disabled]=\"isDisabled(field)\"\n        [p-error-pattern]=\"field.errorMessage\"\n        [p-error-limit]=\"field.errorLimit\"\n        [p-format-date]=\"field.format\"\n        [p-format-time]=\"field.formatTime\"\n        [p-help]=\"field.help\"\n        [p-helper]=\"field.helper\"\n        [p-label]=\"field.label\"\n        [p-loading]=\"field.loading\"\n        [p-locale]=\"field.locale\"\n        [p-max-date]=\"field.maxValue\"\n        [p-max-time]=\"field.maxTime\"\n        [p-min-date]=\"field.minValue\"\n        [p-min-time]=\"field.minTime\"\n        [p-minute-interval]=\"field.minuteInterval\"\n        [p-no-autocomplete]=\"field.noAutocomplete\"\n        [p-optional]=\"field.optional\"\n        [p-placeholder]=\"field.placeholder\"\n        [p-readonly]=\"field.readonly\"\n        [p-required]=\"field.required\"\n        [p-required-field-error-message]=\"field.requiredFieldErrorMessage\"\n        [p-second-interval]=\"field.secondInterval\"\n        [p-show-seconds]=\"field.showSeconds\"\n        [p-show-required]=\"field.showRequired\"\n        [p-size]=\"field.size || componentsSize\"\n        (p-change)=\"onChangeField(field)\"\n        (p-keydown)=\"field.keydown?.($event)\"\n      >\n      </po-datetimepicker>\n    }\n    @if (compareTo(field.control, 'datepickerrange')) {\n      <po-datepicker-range\n        #component\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-compact-label]=\"field.compactLabel\"\n        [p-disabled]=\"isDisabled(field)\"\n        [p-auto-focus]=\"field.focus\"\n        [p-help]=\"field.help\"\n        [p-helper]=\"field.helper\"\n        [p-label]=\"field.label\"\n        [p-literals]=\"field.literals\"\n        [p-loading]=\"field.loading\"\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-placeholder]=\"field.placeholder\"\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-range-presets]=\"field.rangePresets\"\n        [p-range-preset-options]=\"field.rangePresetOptions\"\n        [p-range-presets-order]=\"field.rangePresetsOrder\"\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    @if (compareTo(field.control, 'timepicker')) {\n      <po-timepicker\n        #component\n        [name]=\"field.property\"\n        [(ngModel)]=\"value[field.property]\"\n        [ngClass]=\"field.componentClass\"\n        [p-append-in-body]=\"field.appendBox\"\n        [p-compact-label]=\"field.compactLabel\"\n        [p-clean]=\"field.clean\"\n        [p-disabled]=\"isDisabled(field)\"\n        [p-error-pattern]=\"field.errorMessage\"\n        [p-error-limit]=\"field.errorLimit\"\n        [p-auto-focus]=\"field.focus\"\n        [p-format]=\"field.format\"\n        [p-help]=\"field.help\"\n        [p-helper]=\"field.helper\"\n        [p-model-format]=\"field.modelFormat\"\n        [p-label]=\"field.label\"\n        [p-locale]=\"field.locale\"\n        [p-max-time]=\"field.maxValue\"\n        [p-min-time]=\"field.minValue\"\n        [p-minute-interval]=\"field.minuteInterval\"\n        [p-no-autocomplete]=\"field.noAutocomplete\"\n        [p-optional]=\"field.optional\"\n        [p-placeholder]=\"field.placeholder\"\n        [p-readonly]=\"field.readonly\"\n        [p-required]=\"field.required\"\n        [p-required-field-error-message]=\"field.requiredFieldErrorMessage\"\n        [p-second-interval]=\"field.secondInterval\"\n        [p-show-required]=\"field.showRequired\"\n        [p-show-seconds]=\"field.showSeconds\"\n        [p-size]=\"field.size || componentsSize\"\n        (p-change)=\"onChangeField(field)\"\n        (p-keydown)=\"field.keydown?.($event)\"\n      >\n      </po-timepicker>\n    }\n    @if (compareTo(field.control, 'input')) {\n      <po-input\n        #component\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-compact-label]=\"field.compactLabel\"\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-helper]=\"field.helper\"\n        [p-label]=\"field.label\"\n        [p-loading]=\"field.loading\"\n        [p-mask-format-model]=\"field.maskFormatModel\"\n        [p-mask-no-length-validation]=\"field.maskNoLengthValidation\"\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    @if (compareTo(field.control, 'number')) {\n      <po-number\n        #component\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-compact-label]=\"field.compactLabel\"\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-helper]=\"field.helper\"\n        [p-label]=\"field.label\"\n        [p-loading]=\"field.loading\"\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    @if (compareTo(field.control, 'decimal')) {\n      <po-decimal\n        #component\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-compact-label]=\"field.compactLabel\"\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-display-format]=\"field.displayFormat\"\n        [p-thousand-maxlength]=\"field.thousandMaxlength\"\n        [p-icon]=\"field.icon\"\n        [p-auto-focus]=\"field.focus\"\n        [p-help]=\"field.help\"\n        [p-helper]=\"field.helper\"\n        [p-label]=\"field.label\"\n        [p-loading]=\"field.loading\"\n        [p-locale]=\"field.locale\"\n        [p-mask-no-length-validation]=\"field.maskNoLengthValidation\"\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    @if (compareTo(field.control, 'select')) {\n      <po-select\n        #component\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-compact-label]=\"field.compactLabel\"\n        [p-disabled]=\"isDisabled(field)\"\n        [p-help]=\"field.help\"\n        [p-helper]=\"field.helper\"\n        [p-label]=\"field.label\"\n        [p-loading]=\"field.loading\"\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    @if (compareTo(field.control, 'radioGroup')) {\n      <po-radio-group\n        #component\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-compact-label]=\"field.compactLabel\"\n        [p-auto-focus]=\"field.focus\"\n        [p-disabled]=\"isDisabled(field)\"\n        [p-help]=\"field.help\"\n        [p-helper]=\"field.helper\"\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    @if (compareTo(field.control, 'switch')) {\n      <po-switch\n        #component\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-compact-label]=\"field.compactLabel\"\n        [p-disabled]=\"isDisabled(field)\"\n        [p-error-limit]=\"field.errorLimit\"\n        [p-field-error-message]=\"field.errorMessage\"\n        [p-format-model]=\"field.formatModel\"\n        [p-help]=\"field.help\"\n        [p-helper]=\"field.helper\"\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-loading]=\"field.loading\"\n        [p-hide-label-status]=\"field.hideLabelStatus\"\n        [p-invalid-value]=\"field.invalidValue\"\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    @if (compareTo(field.control, 'checkbox')) {\n      <po-checkbox\n        #component\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-compact-label]=\"field.compactLabel\"\n        [p-disabled]=\"isDisabled(field)\"\n        [p-help]=\"field.help\"\n        [p-helper]=\"field.helper\"\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    @if (compareTo(field.control, 'combo')) {\n      <po-combo\n        #component\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-compact-label]=\"field.compactLabel\"\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-helper]=\"field.helper\"\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-loading]=\"field.loading\"\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    @if (compareTo(field.control, 'lookup')) {\n      <po-lookup\n        #component\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-compact-label]=\"field.compactLabel\"\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-helper]=\"field.helper\"\n        [p-field-format]=\"field.format\"\n        [p-infinite-scroll]=\"field.infiniteScroll\"\n        [p-label]=\"field.label\"\n        [p-literals]=\"field.literals\"\n        [p-loading]=\"field.loading\"\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    @if (compareTo(field.control, 'checkboxGroup')) {\n      <po-checkbox-group\n        #component\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-compact-label]=\"field.compactLabel\"\n        [p-auto-focus]=\"field.focus\"\n        [p-disabled]=\"isDisabled(field)\"\n        [p-help]=\"field.help\"\n        [p-helper]=\"field.helper\"\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    @if (compareTo(field.control, 'multiselect')) {\n      <po-multiselect\n        #component\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-compact-label]=\"field.compactLabel\"\n        [p-disabled]=\"isDisabled(field)\"\n        [p-auto-focus]=\"field.focus\"\n        [p-auto-height]=\"field.autoHeight\"\n        [p-help]=\"field.help\"\n        [p-helper]=\"field.helper\"\n        [p-label]=\"field.label\"\n        [p-literals]=\"field.literals\"\n        [p-loading]=\"field.loading\"\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    @if (compareTo(field.control, 'textarea')) {\n      <po-textarea\n        #component\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-compact-label]=\"field.compactLabel\"\n        [p-disabled]=\"isDisabled(field)\"\n        [p-auto-focus]=\"field.focus\"\n        [p-help]=\"field.help\"\n        [p-helper]=\"field.helper\"\n        [p-label]=\"field.label\"\n        [p-loading]=\"field.loading\"\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    @if (compareTo(field.control, 'password')) {\n      <po-password\n        #component\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-compact-label]=\"field.compactLabel\"\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-helper]=\"field.helper\"\n        [p-hide-password-peek]=\"field.hidePasswordPeek\"\n        [p-icon]=\"field.icon\"\n        [p-label]=\"field.label\"\n        [p-loading]=\"field.loading\"\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    @if (compareTo(field.control, 'upload')) {\n      <po-upload\n        #component\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-compact-label]=\"field.compactLabel\"\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-helper]=\"field.helper\"\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        [p-loading]=\"field.loading\"\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-show-thumbnail]=\"field.showThumbnail ?? true\"\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    }\n  }\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", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: PoDividerComponent, selector: "po-divider" }, { kind: "component", type: PoCheckboxGroupComponent, selector: "po-checkbox-group" }, { kind: "component", type: PoCheckboxComponent, selector: "po-checkbox" }, { kind: "component", type: PoComboComponent, selector: "po-combo" }, { kind: "component", type: PoDatepickerComponent, selector: "po-datepicker" }, { kind: "component", type: PoDatepickerRangeComponent, selector: "po-datepicker-range" }, { kind: "component", type: PoDatetimepickerComponent, selector: "po-datetimepicker" }, { kind: "component", type: PoDecimalComponent, selector: "po-decimal", inputs: ["p-decimals-length", "p-thousand-maxlength", "p-locale", "p-display-format", "p-min", "p-max"] }, { kind: "component", type: PoInputComponent, selector: "po-input" }, { kind: "component", type: PoLookupComponent, selector: "po-lookup" }, { kind: "component", type: PoMultiselectComponent, selector: "po-multiselect" }, { kind: "component", type: PoNumberComponent, selector: "po-number", inputs: ["p-step", "p-min", "p-max"] }, { kind: "component", type: PoPasswordComponent, selector: "po-password", inputs: ["p-hide-password-peek", "p-no-autocomplete"] }, { kind: "component", type: PoRadioGroupComponent, selector: "po-radio-group", inputs: ["p-label", "p-help"] }, { kind: "component", type: PoSelectComponent, selector: "po-select", inputs: ["p-readonly", "p-compact-label", "p-placeholder", "p-options", "p-field-label", "p-field-value", "p-control-value-with-label", "p-loading", "p-size", "p-helper", "p-label-text-wrap"], outputs: ["p-blur", "ngModelChange"] }, { kind: "component", type: PoSwitchComponent, selector: "po-switch", inputs: ["p-value", "p-compact-label", "p-format-model", "p-hide-label-status", "p-label-position", "p-label-off", "p-label-on", "p-loading", "p-field-error-message", "p-error-limit", "p-invalid-value", "p-size", "p-helper", "p-label-text-wrap"] }, { kind: "component", type: PoTextareaComponent, selector: "po-textarea" }, { kind: "component", type: PoTimepickerComponent, selector: "po-timepicker", inputs: ["p-label", "p-help"] }, { kind: "component", type: PoUploadComponent, selector: "po-upload" }, { kind: "component", type: PoDynamicContainerComponent, selector: "po-dynamic-container", inputs: ["p-content", "p-fields"] }], viewProviders: [{ provide: ControlContainer, useExisting: NgForm }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.21", type: PoDynamicFormFieldsComponent, isStandalone: false, selector: "po-dynamic-form-fields", providers: [PoDynamicFormValidationService], viewQueries: [{ propertyName: "components", predicate: ["component"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if (visibleFields && visibleFields.length > 0) {\n  <div class=\"po-row\" [class.po-dynamic]=\"hasContainers\">\n    <ng-container\n      *ngTemplateOutlet=\"\n        hasContainers ? poContentContainer : poContent;\n        context: { $implicit: hasContainers ? containerFields : visibleFields }\n      \"\n    ></ng-container>\n  </div>\n}\n\n<ng-template #poContent let-fields>\n  @for (field of fields; track trackBy($index, field)) {\n    @if (field?.divider?.trim()) {\n      <po-divider class=\"po-sm-12\" [p-label]=\"field.divider\"> </po-divider>\n    }\n    @if (compareTo(field.control, 'datepicker')) {\n      <po-datepicker\n        #component\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-compact-label]=\"field.compactLabel\"\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-helper]=\"field.helper\"\n        [p-iso-format]=\"field.isoFormat\"\n        [p-label]=\"field.label\"\n        [p-loading]=\"field.loading\"\n        [p-locale]=\"field.locale\"\n        [p-max-date]=\"field.maxValue\"\n        [p-min-date]=\"field.minValue\"\n        [p-mode]=\"field.mode\"\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-year-range-limit]=\"field.yearRangeLimit\"\n        (p-change)=\"onChangeField(field)\"\n        (p-change-model)=\"onChangeFieldModel(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    @if (compareTo(field.control, 'datetimepicker')) {\n      <po-datetimepicker\n        #component\n        [name]=\"field.property\"\n        [(ngModel)]=\"value[field.property]\"\n        [ngClass]=\"field.componentClass\"\n        [p-append-in-body]=\"field.appendInBody\"\n        [p-clean]=\"field.clean\"\n        [p-compact-label]=\"field.compactLabel\"\n        [p-disabled]=\"isDisabled(field)\"\n        [p-error-pattern]=\"field.errorMessage\"\n        [p-error-limit]=\"field.errorLimit\"\n        [p-format-date]=\"field.format\"\n        [p-format-time]=\"field.formatTime\"\n        [p-help]=\"field.help\"\n        [p-helper]=\"field.helper\"\n        [p-label]=\"field.label\"\n        [p-loading]=\"field.loading\"\n        [p-locale]=\"field.locale\"\n        [p-max-date]=\"field.maxValue\"\n        [p-max-time]=\"field.maxTime\"\n        [p-min-date]=\"field.minValue\"\n        [p-min-time]=\"field.minTime\"\n        [p-minute-interval]=\"field.minuteInterval\"\n        [p-no-autocomplete]=\"field.noAutocomplete\"\n        [p-optional]=\"field.optional\"\n        [p-placeholder]=\"field.placeholder\"\n        [p-readonly]=\"field.readonly\"\n        [p-required]=\"field.required\"\n        [p-required-field-error-message]=\"field.requiredFieldErrorMessage\"\n        [p-second-interval]=\"field.secondInterval\"\n        [p-show-seconds]=\"field.showSeconds\"\n        [p-show-required]=\"field.showRequired\"\n        [p-size]=\"field.size || componentsSize\"\n        (p-change)=\"onChangeField(field)\"\n        (p-change-model)=\"onChangeFieldModel(field)\"\n        (p-keydown)=\"field.keydown?.($event)\"\n      >\n      </po-datetimepicker>\n    }\n    @if (compareTo(field.control, 'datepickerrange')) {\n      <po-datepicker-range\n        #component\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-compact-label]=\"field.compactLabel\"\n        [p-disabled]=\"isDisabled(field)\"\n        [p-auto-focus]=\"field.focus\"\n        [p-help]=\"field.help\"\n        [p-helper]=\"field.helper\"\n        [p-label]=\"field.label\"\n        [p-literals]=\"field.literals\"\n        [p-loading]=\"field.loading\"\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-placeholder]=\"field.placeholder\"\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-range-presets]=\"field.rangePresets\"\n        [p-range-preset-options]=\"field.rangePresetOptions\"\n        [p-range-presets-order]=\"field.rangePresetsOrder\"\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      >\n      </po-datepicker-range>\n    }\n    @if (compareTo(field.control, 'timepicker')) {\n      <po-timepicker\n        #component\n        [name]=\"field.property\"\n        [(ngModel)]=\"value[field.property]\"\n        [ngClass]=\"field.componentClass\"\n        [p-append-in-body]=\"field.appendBox\"\n        [p-compact-label]=\"field.compactLabel\"\n        [p-clean]=\"field.clean\"\n        [p-disabled]=\"isDisabled(field)\"\n        [p-error-pattern]=\"field.errorMessage\"\n        [p-error-limit]=\"field.errorLimit\"\n        [p-auto-focus]=\"field.focus\"\n        [p-format]=\"field.format\"\n        [p-help]=\"field.help\"\n        [p-helper]=\"field.helper\"\n        [p-model-format]=\"field.modelFormat\"\n        [p-label]=\"field.label\"\n        [p-locale]=\"field.locale\"\n        [p-max-time]=\"field.maxValue\"\n        [p-min-time]=\"field.minValue\"\n        [p-minute-interval]=\"field.minuteInterval\"\n        [p-no-autocomplete]=\"field.noAutocomplete\"\n        [p-optional]=\"field.optional\"\n        [p-placeholder]=\"field.placeholder\"\n        [p-readonly]=\"field.readonly\"\n        [p-required]=\"field.required\"\n        [p-required-field-error-message]=\"field.requiredFieldErrorMessage\"\n        [p-second-interval]=\"field.secondInterval\"\n        [p-show-required]=\"field.showRequired\"\n        [p-show-seconds]=\"field.showSeconds\"\n        [p-size]=\"field.size || componentsSize\"\n        (p-change)=\"onChangeField(field)\"\n        (p-change-model)=\"onChangeFieldModel(field)\"\n        (p-keydown)=\"field.keydown?.($event)\"\n      >\n      </po-timepicker>\n    }\n    @if (compareTo(field.control, 'input')) {\n      <po-input\n        #component\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-compact-label]=\"field.compactLabel\"\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-helper]=\"field.helper\"\n        [p-label]=\"field.label\"\n        [p-loading]=\"field.loading\"\n        [p-mask-format-model]=\"field.maskFormatModel\"\n        [p-mask-no-length-validation]=\"field.maskNoLengthValidation\"\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    @if (compareTo(field.control, 'number')) {\n      <po-number\n        #component\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-compact-label]=\"field.compactLabel\"\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-helper]=\"field.helper\"\n        [p-label]=\"field.label\"\n        [p-loading]=\"field.loading\"\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    @if (compareTo(field.control, 'decimal')) {\n      <po-decimal\n        #component\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-compact-label]=\"field.compactLabel\"\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-display-format]=\"field.displayFormat\"\n        [p-thousand-maxlength]=\"field.thousandMaxlength\"\n        [p-icon]=\"field.icon\"\n        [p-auto-focus]=\"field.focus\"\n        [p-help]=\"field.help\"\n        [p-helper]=\"field.helper\"\n        [p-label]=\"field.label\"\n        [p-loading]=\"field.loading\"\n        [p-locale]=\"field.locale\"\n        [p-mask-no-length-validation]=\"field.maskNoLengthValidation\"\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    @if (compareTo(field.control, 'select')) {\n      <po-select\n        #component\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-compact-label]=\"field.compactLabel\"\n        [p-disabled]=\"isDisabled(field)\"\n        [p-help]=\"field.help\"\n        [p-helper]=\"field.helper\"\n        [p-label]=\"field.label\"\n        [p-loading]=\"field.loading\"\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-change-model)=\"onChangeFieldModel(field)\"\n        (p-keydown)=\"field.keydown?.($event)\"\n        [p-placeholder]=\"field.placeholder\"\n        [p-readonly]=\"field.readonly\"\n      >\n      </po-select>\n    }\n    @if (compareTo(field.control, 'radioGroup')) {\n      <po-radio-group\n        #component\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-compact-label]=\"field.compactLabel\"\n        [p-auto-focus]=\"field.focus\"\n        [p-disabled]=\"isDisabled(field)\"\n        [p-help]=\"field.help\"\n        [p-helper]=\"field.helper\"\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-change-model)=\"onChangeFieldModel(field)\"\n        (p-keydown)=\"field.keydown?.($event)\"\n      >\n      </po-radio-group>\n    }\n    @if (compareTo(field.control, 'switch')) {\n      <po-switch\n        #component\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-compact-label]=\"field.compactLabel\"\n        [p-disabled]=\"isDisabled(field)\"\n        [p-error-limit]=\"field.errorLimit\"\n        [p-field-error-message]=\"field.errorMessage\"\n        [p-format-model]=\"field.formatModel\"\n        [p-help]=\"field.help\"\n        [p-helper]=\"field.helper\"\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-loading]=\"field.loading\"\n        [p-hide-label-status]=\"field.hideLabelStatus\"\n        [p-invalid-value]=\"field.invalidValue\"\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      >\n      </po-switch>\n    }\n    @if (compareTo(field.control, 'checkbox')) {\n      <po-checkbox\n        #component\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-compact-label]=\"field.compactLabel\"\n        [p-disabled]=\"isDisabled(field)\"\n        [p-help]=\"field.help\"\n        [p-helper]=\"field.helper\"\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-change-model)=\"onChangeFieldModel(field)\"\n        (p-keydown)=\"field.keydown?.($event)\"\n      >\n      </po-checkbox>\n    }\n    @if (compareTo(field.control, 'combo')) {\n      <po-combo\n        #component\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-compact-label]=\"field.compactLabel\"\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-helper]=\"field.helper\"\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-loading]=\"field.loading\"\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-change-model)=\"onChangeFieldModel(field)\"\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    @if (compareTo(field.control, 'lookup')) {\n      <po-lookup\n        #component\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-compact-label]=\"field.compactLabel\"\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-helper]=\"field.helper\"\n        [p-field-format]=\"field.format\"\n        [p-infinite-scroll]=\"field.infiniteScroll\"\n        [p-label]=\"field.label\"\n        [p-literals]=\"field.literals\"\n        [p-loading]=\"field.loading\"\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-change-model)=\"onChangeFieldModel(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    @if (compareTo(field.control, 'checkboxGroup')) {\n      <po-checkbox-group\n        #component\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-compact-label]=\"field.compactLabel\"\n        [p-auto-focus]=\"field.focus\"\n        [p-disabled]=\"isDisabled(field)\"\n        [p-help]=\"field.help\"\n        [p-helper]=\"field.helper\"\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-change-model)=\"onChangeFieldModel(field)\"\n        (p-keydown)=\"field.keydown?.($event)\"\n      >\n      </po-checkbox-group>\n    }\n    @if (compareTo(field.control, 'multiselect')) {\n      <po-multiselect\n        #component\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-compact-label]=\"field.compactLabel\"\n        [p-disabled]=\"isDisabled(field)\"\n        [p-auto-focus]=\"field.focus\"\n        [p-auto-height]=\"field.autoHeight\"\n        [p-help]=\"field.help\"\n        [p-helper]=\"field.helper\"\n        [p-label]=\"field.label\"\n        [p-literals]=\"field.literals\"\n        [p-loading]=\"field.loading\"\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-change-model)=\"onChangeFieldModel(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    @if (compareTo(field.control, 'textarea')) {\n      <po-textarea\n        #component\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-compact-label]=\"field.compactLabel\"\n        [p-disabled]=\"isDisabled(field)\"\n        [p-auto-focus]=\"field.focus\"\n        [p-help]=\"field.help\"\n        [p-helper]=\"field.helper\"\n        [p-label]=\"field.label\"\n        [p-loading]=\"field.loading\"\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    @if (compareTo(field.control, 'password')) {\n      <po-password\n        #component\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-compact-label]=\"field.compactLabel\"\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-helper]=\"field.helper\"\n        [p-hide-password-peek]=\"field.hidePasswordPeek\"\n        [p-icon]=\"field.icon\"\n        [p-label]=\"field.label\"\n        [p-loading]=\"field.loading\"\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    @if (compareTo(field.control, 'upload')) {\n      <po-upload\n        #component\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-compact-label]=\"field.compactLabel\"\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-helper]=\"field.helper\"\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        [p-loading]=\"field.loading\"\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-show-thumbnail]=\"field.showThumbnail ?? true\"\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    }\n  }\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", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: PoDividerComponent, selector: "po-divider" }, { kind: "component", type: PoCheckboxGroupComponent, selector: "po-checkbox-group" }, { kind: "component", type: PoCheckboxComponent, selector: "po-checkbox" }, { kind: "component", type: PoComboComponent, selector: "po-combo" }, { kind: "component", type: PoDatepickerComponent, selector: "po-datepicker" }, { kind: "component", type: PoDatepickerRangeComponent, selector: "po-datepicker-range" }, { kind: "component", type: PoDatetimepickerComponent, selector: "po-datetimepicker" }, { kind: "component", type: PoDecimalComponent, selector: "po-decimal", inputs: ["p-decimals-length", "p-thousand-maxlength", "p-locale", "p-display-format", "p-min", "p-max"] }, { kind: "component", type: PoInputComponent, selector: "po-input" }, { kind: "component", type: PoLookupComponent, selector: "po-lookup" }, { kind: "component", type: PoMultiselectComponent, selector: "po-multiselect" }, { kind: "component", type: PoNumberComponent, selector: "po-number", inputs: ["p-step", "p-min", "p-max"] }, { kind: "component", type: PoPasswordComponent, selector: "po-password", inputs: ["p-hide-password-peek", "p-no-autocomplete"] }, { kind: "component", type: PoRadioGroupComponent, selector: "po-radio-group", inputs: ["p-label", "p-help"] }, { kind: "component", type: PoSelectComponent, selector: "po-select", inputs: ["p-readonly", "p-compact-label", "p-placeholder", "p-options", "p-field-label", "p-field-value", "p-control-value-with-label", "p-loading", "p-size", "p-helper", "p-label-text-wrap"], outputs: ["p-blur", "p-change-model", "ngModelChange"] }, { kind: "component", type: PoSwitchComponent, selector: "po-switch", inputs: ["p-value", "p-compact-label", "p-format-model", "p-hide-label-status", "p-label-position", "p-label-off", "p-label-on", "p-loading", "p-field-error-message", "p-error-limit", "p-invalid-value", "p-size", "p-helper", "p-label-text-wrap"], outputs: ["p-change-model"] }, { kind: "component", type: PoTextareaComponent, selector: "po-textarea" }, { kind: "component", type: PoTimepickerComponent, selector: "po-timepicker", inputs: ["p-label", "p-help"] }, { kind: "component", type: PoUploadComponent, selector: "po-upload" }, { kind: "component", type: PoDynamicContainerComponent, selector: "po-dynamic-container", inputs: ["p-content", "p-fields"] }], viewProviders: [{ provide: ControlContainer, useExisting: NgForm }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: PoDynamicFormFieldsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'po-dynamic-form-fields', viewProviders: [{ provide: ControlContainer, useExisting: NgForm }], providers: [PoDynamicFormValidationService], standalone: false, template: "@if (visibleFields && visibleFields.length > 0) {\n  <div class=\"po-row\" [class.po-dynamic]=\"hasContainers\">\n    <ng-container\n      *ngTemplateOutlet=\"\n        hasContainers ? poContentContainer : poContent;\n        context: { $implicit: hasContainers ? containerFields : visibleFields }\n      \"\n    ></ng-container>\n  </div>\n}\n\n<ng-template #poContent let-fields>\n  @for (field of fields; track trackBy($index, field)) {\n    @if (field?.divider?.trim()) {\n      <po-divider class=\"po-sm-12\" [p-label]=\"field.divider\"> </po-divider>\n    }\n    @if (compareTo(field.control, 'datepicker')) {\n      <po-datepicker\n        #component\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-compact-label]=\"field.compactLabel\"\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-helper]=\"field.helper\"\n        [p-iso-format]=\"field.isoFormat\"\n        [p-label]=\"field.label\"\n        [p-loading]=\"field.loading\"\n        [p-locale]=\"field.locale\"\n        [p-max-date]=\"field.maxValue\"\n        [p-min-date]=\"field.minValue\"\n        [p-mode]=\"field.mode\"\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-year-range-limit]=\"field.yearRangeLimit\"\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    @if (compareTo(field.control, 'datetimepicker')) {\n      <po-datetimepicker\n        #component\n        [name]=\"field.property\"\n        [(ngModel)]=\"value[field.property]\"\n        [ngClass]=\"field.componentClass\"\n        [p-append-in-body]=\"field.appendInBody\"\n        [p-clean]=\"field.clean\"\n        [p-compact-label]=\"field.compactLabel\"\n        [p-disabled]=\"isDisabled(field)\"\n        [p-error-pattern]=\"field.errorMessage\"\n        [p-error-limit]=\"field.errorLimit\"\n        [p-format-date]=\"field.format\"\n        [p-format-time]=\"field.formatTime\"\n        [p-help]=\"field.help\"\n        [p-helper]=\"field.helper\"\n        [p-label]=\"field.label\"\n        [p-loading]=\"field.loading\"\n        [p-locale]=\"field.locale\"\n        [p-max-date]=\"field.maxValue\"\n        [p-max-time]=\"field.maxTime\"\n        [p-min-date]=\"field.minValue\"\n        [p-min-time]=\"field.minTime\"\n        [p-minute-interval]=\"field.minuteInterval\"\n        [p-no-autocomplete]=\"field.noAutocomplete\"\n        [p-optional]=\"field.optional\"\n        [p-placeholder]=\"field.placeholder\"\n        [p-readonly]=\"field.readonly\"\n        [p-required]=\"field.required\"\n        [p-required-field-error-message]=\"field.requiredFieldErrorMessage\"\n        [p-second-interval]=\"field.secondInterval\"\n        [p-show-seconds]=\"field.showSeconds\"\n        [p-show-required]=\"field.showRequired\"\n        [p-size]=\"field.size || componentsSize\"\n        (p-change)=\"onChangeField(field)\"\n        (p-keydown)=\"field.keydown?.($event)\"\n      >\n      </po-datetimepicker>\n    }\n    @if (compareTo(field.control, 'datepickerrange')) {\n      <po-datepicker-range\n        #component\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-compact-label]=\"field.compactLabel\"\n        [p-disabled]=\"isDisabled(field)\"\n        [p-auto-focus]=\"field.focus\"\n        [p-help]=\"field.help\"\n        [p-helper]=\"field.helper\"\n        [p-label]=\"field.label\"\n        [p-literals]=\"field.literals\"\n        [p-loading]=\"field.loading\"\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-placeholder]=\"field.placeholder\"\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-range-presets]=\"field.rangePresets\"\n        [p-range-preset-options]=\"field.rangePresetOptions\"\n        [p-range-presets-order]=\"field.rangePresetsOrder\"\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    @if (compareTo(field.control, 'timepicker')) {\n      <po-timepicker\n        #component\n        [name]=\"field.property\"\n        [(ngModel)]=\"value[field.property]\"\n        [ngClass]=\"field.componentClass\"\n        [p-append-in-body]=\"field.appendBox\"\n        [p-compact-label]=\"field.compactLabel\"\n        [p-clean]=\"field.clean\"\n        [p-disabled]=\"isDisabled(field)\"\n        [p-error-pattern]=\"field.errorMessage\"\n        [p-error-limit]=\"field.errorLimit\"\n        [p-auto-focus]=\"field.focus\"\n        [p-format]=\"field.format\"\n        [p-help]=\"field.help\"\n        [p-helper]=\"field.helper\"\n        [p-model-format]=\"field.modelFormat\"\n        [p-label]=\"field.label\"\n        [p-locale]=\"field.locale\"\n        [p-max-time]=\"field.maxValue\"\n        [p-min-time]=\"field.minValue\"\n        [p-minute-interval]=\"field.minuteInterval\"\n        [p-no-autocomplete]=\"field.noAutocomplete\"\n        [p-optional]=\"field.optional\"\n        [p-placeholder]=\"field.placeholder\"\n        [p-readonly]=\"field.readonly\"\n        [p-required]=\"field.required\"\n        [p-required-field-error-message]=\"field.requiredFieldErrorMessage\"\n        [p-second-interval]=\"field.secondInterval\"\n        [p-show-required]=\"field.showRequired\"\n        [p-show-seconds]=\"field.showSeconds\"\n        [p-size]=\"field.size || componentsSize\"\n        (p-change)=\"onChangeField(field)\"\n        (p-keydown)=\"field.keydown?.($event)\"\n      >\n      </po-timepicker>\n    }\n    @if (compareTo(field.control, 'input')) {\n      <po-input\n        #component\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-compact-label]=\"field.compactLabel\"\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-helper]=\"field.helper\"\n        [p-label]=\"field.label\"\n        [p-loading]=\"field.loading\"\n        [p-mask-format-model]=\"field.maskFormatModel\"\n        [p-mask-no-length-validation]=\"field.maskNoLengthValidation\"\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    @if (compareTo(field.control, 'number')) {\n      <po-number\n        #component\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-compact-label]=\"field.compactLabel\"\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-helper]=\"field.helper\"\n        [p-label]=\"field.label\"\n        [p-loading]=\"field.loading\"\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    @if (compareTo(field.control, 'decimal')) {\n      <po-decimal\n        #component\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-compact-label]=\"field.compactLabel\"\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-display-format]=\"field.displayFormat\"\n        [p-thousand-maxlength]=\"field.thousandMaxlength\"\n        [p-icon]=\"field.icon\"\n        [p-auto-focus]=\"field.focus\"\n        [p-help]=\"field.help\"\n        [p-helper]=\"field.helper\"\n        [p-label]=\"field.label\"\n        [p-loading]=\"field.loading\"\n        [p-locale]=\"field.locale\"\n        [p-mask-no-length-validation]=\"field.maskNoLengthValidation\"\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    @if (compareTo(field.control, 'select')) {\n      <po-select\n        #component\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-compact-label]=\"field.compactLabel\"\n        [p-disabled]=\"isDisabled(field)\"\n        [p-help]=\"field.help\"\n        [p-helper]=\"field.helper\"\n        [p-label]=\"field.label\"\n        [p-loading]=\"field.loading\"\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    @if (compareTo(field.control, 'radioGroup')) {\n      <po-radio-group\n        #component\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-compact-label]=\"field.compactLabel\"\n        [p-auto-focus]=\"field.focus\"\n        [p-disabled]=\"isDisabled(field)\"\n        [p-help]=\"field.help\"\n        [p-helper]=\"field.helper\"\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    @if (compareTo(field.control, 'switch')) {\n      <po-switch\n        #component\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-compact-label]=\"field.compactLabel\"\n        [p-disabled]=\"isDisabled(field)\"\n        [p-error-limit]=\"field.errorLimit\"\n        [p-field-error-message]=\"field.errorMessage\"\n        [p-format-model]=\"field.formatModel\"\n        [p-help]=\"field.help\"\n        [p-helper]=\"field.helper\"\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-loading]=\"field.loading\"\n        [p-hide-label-status]=\"field.hideLabelStatus\"\n        [p-invalid-value]=\"field.invalidValue\"\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    @if (compareTo(field.control, 'checkbox')) {\n      <po-checkbox\n        #component\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-compact-label]=\"field.compactLabel\"\n        [p-disabled]=\"isDisabled(field)\"\n        [p-help]=\"field.help\"\n        [p-helper]=\"field.helper\"\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    @if (compareTo(field.control, 'combo')) {\n      <po-combo\n        #component\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-compact-label]=\"field.compactLabel\"\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-helper]=\"field.helper\"\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-loading]=\"field.loading\"\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    @if (compareTo(field.control, 'lookup')) {\n      <po-lookup\n        #component\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-compact-label]=\"field.compactLabel\"\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-helper]=\"field.helper\"\n        [p-field-format]=\"field.format\"\n        [p-infinite-scroll]=\"field.infiniteScroll\"\n        [p-label]=\"field.label\"\n        [p-literals]=\"field.literals\"\n        [p-loading]=\"field.loading\"\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    @if (compareTo(field.control, 'checkboxGroup')) {\n      <po-checkbox-group\n        #component\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-compact-label]=\"field.compactLabel\"\n        [p-auto-focus]=\"field.focus\"\n        [p-disabled]=\"isDisabled(field)\"\n        [p-help]=\"field.help\"\n        [p-helper]=\"field.helper\"\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    @if (compareTo(field.control, 'multiselect')) {\n      <po-multiselect\n        #component\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-compact-label]=\"field.compactLabel\"\n        [p-disabled]=\"isDisabled(field)\"\n        [p-auto-focus]=\"field.focus\"\n        [p-auto-height]=\"field.autoHeight\"\n        [p-help]=\"field.help\"\n        [p-helper]=\"field.helper\"\n        [p-label]=\"field.label\"\n        [p-literals]=\"field.literals\"\n        [p-loading]=\"field.loading\"\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    @if (compareTo(field.control, 'textarea')) {\n      <po-textarea\n        #component\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-compact-label]=\"field.compactLabel\"\n        [p-disabled]=\"isDisabled(field)\"\n        [p-auto-focus]=\"field.focus\"\n        [p-help]=\"field.help\"\n        [p-helper]=\"field.helper\"\n        [p-label]=\"field.label\"\n        [p-loading]=\"field.loading\"\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    @if (compareTo(field.control, 'password')) {\n      <po-password\n        #component\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-compact-label]=\"field.compactLabel\"\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-helper]=\"field.helper\"\n        [p-hide-password-peek]=\"field.hidePasswordPeek\"\n        [p-icon]=\"field.icon\"\n        [p-label]=\"field.label\"\n        [p-loading]=\"field.loading\"\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    @if (compareTo(field.control, 'upload')) {\n      <po-upload\n        #component\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-compact-label]=\"field.compactLabel\"\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-helper]=\"field.helper\"\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        [p-loading]=\"field.loading\"\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-show-thumbnail]=\"field.showThumbnail ?? true\"\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    }\n  }\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: "@if (visibleFields && visibleFields.length > 0) {\n  <div class=\"po-row\" [class.po-dynamic]=\"hasContainers\">\n    <ng-container\n      *ngTemplateOutlet=\"\n        hasContainers ? poContentContainer : poContent;\n        context: { $implicit: hasContainers ? containerFields : visibleFields }\n      \"\n    ></ng-container>\n  </div>\n}\n\n<ng-template #poContent let-fields>\n  @for (field of fields; track trackBy($index, field)) {\n    @if (field?.divider?.trim()) {\n      <po-divider class=\"po-sm-12\" [p-label]=\"field.divider\"> </po-divider>\n    }\n    @if (compareTo(field.control, 'datepicker')) {\n      <po-datepicker\n        #component\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-compact-label]=\"field.compactLabel\"\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-helper]=\"field.helper\"\n        [p-iso-format]=\"field.isoFormat\"\n        [p-label]=\"field.label\"\n        [p-loading]=\"field.loading\"\n        [p-locale]=\"field.locale\"\n        [p-max-date]=\"field.maxValue\"\n        [p-min-date]=\"field.minValue\"\n        [p-mode]=\"field.mode\"\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-year-range-limit]=\"field.yearRangeLimit\"\n        (p-change)=\"onChangeField(field)\"\n        (p-change-model)=\"onChangeFieldModel(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    @if (compareTo(field.control, 'datetimepicker')) {\n      <po-datetimepicker\n        #component\n        [name]=\"field.property\"\n        [(ngModel)]=\"value[field.property]\"\n        [ngClass]=\"field.componentClass\"\n        [p-append-in-body]=\"field.appendInBody\"\n        [p-clean]=\"field.clean\"\n        [p-compact-label]=\"field.compactLabel\"\n        [p-disabled]=\"isDisabled(field)\"\n        [p-error-pattern]=\"field.errorMessage\"\n        [p-error-limit]=\"field.errorLimit\"\n        [p-format-date]=\"field.format\"\n        [p-format-time]=\"field.formatTime\"\n        [p-help]=\"field.help\"\n        [p-helper]=\"field.helper\"\n        [p-label]=\"field.label\"\n        [p-loading]=\"field.loading\"\n        [p-locale]=\"field.locale\"\n        [p-max-date]=\"field.maxValue\"\n        [p-max-time]=\"field.maxTime\"\n        [p-min-date]=\"field.minValue\"\n        [p-min-time]=\"field.minTime\"\n        [p-minute-interval]=\"field.minuteInterval\"\n        [p-no-autocomplete]=\"field.noAutocomplete\"\n        [p-optional]=\"field.optional\"\n        [p-placeholder]=\"field.placeholder\"\n        [p-readonly]=\"field.readonly\"\n        [p-required]=\"field.required\"\n        [p-required-field-error-message]=\"field.requiredFieldErrorMessage\"\n        [p-second-interval]=\"field.secondInterval\"\n        [p-show-seconds]=\"field.showSeconds\"\n        [p-show-required]=\"field.showRequired\"\n        [p-size]=\"field.size || componentsSize\"\n        (p-change)=\"onChangeField(field)\"\n        (p-change-model)=\"onChangeFieldModel(field)\"\n        (p-keydown)=\"field.keydown?.($event)\"\n      >\n      </po-datetimepicker>\n    }\n    @if (compareTo(field.control, 'datepickerrange')) {\n      <po-datepicker-range\n        #component\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-compact-label]=\"field.compactLabel\"\n        [p-disabled]=\"isDisabled(field)\"\n        [p-auto-focus]=\"field.focus\"\n        [p-help]=\"field.help\"\n        [p-helper]=\"field.helper\"\n        [p-label]=\"field.label\"\n        [p-literals]=\"field.literals\"\n        [p-loading]=\"field.loading\"\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-placeholder]=\"field.placeholder\"\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-range-presets]=\"field.rangePresets\"\n        [p-range-preset-options]=\"field.rangePresetOptions\"\n        [p-range-presets-order]=\"field.rangePresetsOrder\"\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      >\n      </po-datepicker-range>\n    }\n    @if (compareTo(field.control, 'timepicker')) {\n      <po-timepicker\n        #component\n        [name]=\"field.property\"\n        [(ngModel)]=\"value[field.property]\"\n        [ngClass]=\"field.componentClass\"\n        [p-append-in-body]=\"field.appendBox\"\n        [p-compact-label]=\"field.compactLabel\"\n        [p-clean]=\"field.clean\"\n        [p-disabled]=\"isDisabled(field)\"\n        [p-error-pattern]=\"field.errorMessage\"\n        [p-error-limit]=\"field.errorLimit\"\n        [p-auto-focus]=\"field.focus\"\n        [p-format]=\"field.format\"\n        [p-help]=\"field.help\"\n        [p-helper]=\"field.helper\"\n        [p-model-format]=\"field.modelFormat\"\n        [p-label]=\"field.label\"\n        [p-locale]=\"field.locale\"\n        [p-max-time]=\"field.maxValue\"\n        [p-min-time]=\"field.minValue\"\n        [p-minute-interval]=\"field.minuteInterval\"\n        [p-no-autocomplete]=\"field.noAutocomplete\"\n        [p-optional]=\"field.optional\"\n        [p-placeholder]=\"field.placeholder\"\n        [p-readonly]=\"field.readonly\"\n        [p-required]=\"field.required\"\n        [p-required-field-error-message]=\"field.requiredFieldErrorMessage\"\n        [p-second-interval]=\"field.secondInterval\"\n        [p-show-required]=\"field.showRequired\"\n        [p-show-seconds]=\"field.showSeconds\"\n        [p-size]=\"field.size || componentsSize\"\n        (p-change)=\"onChangeField(field)\"\n        (p-change-model)=\"onChangeFieldModel(field)\"\n        (p-keydown)=\"field.keydown?.($event)\"\n      >\n      </po-timepicker>\n    }\n    @if (compareTo(field.control, 'input')) {\n      <po-input\n        #component\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-compact-label]=\"field.compactLabel\"\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-helper]=\"field.helper\"\n        [p-label]=\"field.label\"\n        [p-loading]=\"field.loading\"\n        [p-mask-format-model]=\"field.maskFormatModel\"\n        [p-mask-no-length-validation]=\"field.maskNoLengthValidation\"\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    @if (compareTo(field.control, 'number')) {\n      <po-number\n        #component\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-compact-label]=\"field.compactLabel\"\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-helper]=\"field.helper\"\n        [p-label]=\"field.label\"\n        [p-loading]=\"field.loading\"\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    @if (compareTo(field.control, 'decimal')) {\n      <po-decimal\n        #component\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-compact-label]=\"field.compactLabel\"\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-display-format]=\"field.displayFormat\"\n        [p-thousand-maxlength]=\"field.thousandMaxlength\"\n        [p-icon]=\"field.icon\"\n        [p-auto-focus]=\"field.focus\"\n        [p-help]=\"field.help\"\n        [p-helper]=\"field.helper\"\n        [p-label]=\"field.label\"\n        [p-loading]=\"field.loading\"\n        [p-locale]=\"field.locale\"\n        [p-mask-no-length-validation]=\"field.maskNoLengthValidation\"\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    @if (compareTo(field.control, 'select')) {\n      <po-select\n        #component\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-compact-label]=\"field.compactLabel\"\n        [p-disabled]=\"isDisabled(field)\"\n        [p-help]=\"field.help\"\n        [p-helper]=\"field.helper\"\n        [p-label]=\"field.label\"\n        [p-loading]=\"field.loading\"\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-change-model)=\"onChangeFieldModel(field)\"\n        (p-keydown)=\"field.keydown?.($event)\"\n        [p-placeholder]=\"field.placeholder\"\n        [p-readonly]=\"field.readonly\"\n      >\n      </po-select>\n    }\n    @if (compareTo(field.control, 'radioGroup')) {\n      <po-radio-group\n        #component\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-compact-label]=\"field.compactLabel\"\n        [p-auto-focus]=\"field.focus\"\n        [p-disabled]=\"isDisabled(field)\"\n        [p-help]=\"field.help\"\n        [p-helper]=\"field.helper\"\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-change-model)=\"onChangeFieldModel(field)\"\n        (p-keydown)=\"field.keydown?.($event)\"\n      >\n      </po-radio-group>\n    }\n    @if (compareTo(field.control, 'switch')) {\n      <po-switch\n        #component\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-compact-label]=\"field.compactLabel\"\n        [p-disabled]=\"isDisabled(field)\"\n        [p-error-limit]=\"field.errorLimit\"\n        [p-field-error-message]=\"field.errorMessage\"\n        [p-format-model]=\"field.formatModel\"\n        [p-help]=\"field.help\"\n        [p-helper]=\"field.helper\"\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-loading]=\"field.loading\"\n        [p-hide-label-status]=\"field.hideLabelStatus\"\n        [p-invalid-value]=\"field.invalidValue\"\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      >\n      </po-switch>\n    }\n    @if (compareTo(field.control, 'checkbox')) {\n      <po-checkbox\n        #component\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-compact-label]=\"field.compactLabel\"\n        [p-disabled]=\"isDisabled(field)\"\n        [p-help]=\"field.help\"\n        [p-helper]=\"field.helper\"\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-change-model)=\"onChangeFieldModel(field)\"\n        (p-keydown)=\"field.keydown?.($event)\"\n      >\n      </po-checkbox>\n    }\n    @if (compareTo(field.control, 'combo')) {\n      <po-combo\n        #component\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-compact-label]=\"field.compactLabel\"\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-helper]=\"field.helper\"\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-loading]=\"field.loading\"\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-change-model)=\"onChangeFieldModel(field)\"\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    @if (compareTo(field.control, 'lookup')) {\n      <po-lookup\n        #component\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-compact-label]=\"field.compactLabel\"\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-helper]=\"field.helper\"\n        [p-field-format]=\"field.format\"\n        [p-infinite-scroll]=\"field.infiniteScroll\"\n        [p-label]=\"field.label\"\n        [p-literals]=\"field.literals\"\n        [p-loading]=\"field.loading\"\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-change-model)=\"onChangeFieldModel(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    @if (compareTo(field.control, 'checkboxGroup')) {\n      <po-checkbox-group\n        #component\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-compact-label]=\"field.compactLabel\"\n        [p-auto-focus]=\"field.focus\"\n        [p-disabled]=\"isDisabled(field)\"\n        [p-help]=\"field.help\"\n        [p-helper]=\"field.helper\"\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-change-model)=\"onChangeFieldModel(field)\"\n        (p-keydown)=\"field.keydown?.($event)\"\n      >\n      </po-checkbox-group>\n    }\n    @if (compareTo(field.control, 'multiselect')) {\n      <po-multiselect\n        #component\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-compact-label]=\"field.compactLabel\"\n        [p-disabled]=\"isDisabled(field)\"\n        [p-auto-focus]=\"field.focus\"\n        [p-auto-height]=\"field.autoHeight\"\n        [p-help]=\"field.help\"\n        [p-helper]=\"field.helper\"\n        [p-label]=\"field.label\"\n        [p-literals]=\"field.literals\"\n        [p-loading]=\"field.loading\"\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-change-model)=\"onChangeFieldModel(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    @if (compareTo(field.control, 'textarea')) {\n      <po-textarea\n        #component\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-compact-label]=\"field.compactLabel\"\n        [p-disabled]=\"isDisabled(field)\"\n        [p-auto-focus]=\"field.focus\"\n        [p-help]=\"field.help\"\n        [p-helper]=\"field.helper\"\n        [p-label]=\"field.label\"\n        [p-loading]=\"field.loading\"\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    @if (compareTo(field.control, 'password')) {\n      <po-password\n        #component\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-compact-label]=\"field.compactLabel\"\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-helper]=\"field.helper\"\n        [p-hide-password-peek]=\"field.hidePasswordPeek\"\n        [p-icon]=\"field.icon\"\n        [p-label]=\"field.label\"\n        [p-loading]=\"field.loading\"\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    @if (compareTo(field.control, 'upload')) {\n      <po-upload\n        #component\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-compact-label]=\"field.compactLabel\"\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-helper]=\"field.helper\"\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        [p-loading]=\"field.loading\"\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-show-thumbnail]=\"field.showThumbnail ?? true\"\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    }\n  }\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" }]
         }], ctorParameters: () => [], propDecorators: { components: [{
                 type: ViewChildren,
                 args: ['component']