@po-ui/ng-components 5.17.0 → 5.18.0

package/bundles/po-ui-ng-components.umd.js

@@ -13735,7 +13735,7 @@
                 this.items.forEach(function (item) {
                     item.$selected = _this.selectAll;
                 });
-                this.emitSelectAllEvents(this.selectAll, this.items);
+                this.emitSelectAllEvents(this.selectAll, __spreadArray([], __read(this.items)));
             }
         };
         PoTableBaseComponent.prototype.selectRow = function (row) {
@@ -14623,6 +14623,30 @@
                 this.toggleRowAction(row);
             }
         };
+        /**
+         * Desmarca uma linha que está selecionada.
+         */
+        PoTableComponent.prototype.unselectRowItem = function (itemfn) {
+            this.toggleSelect(itemfn, false);
+            if (this.items.every(function (item) { return !item.$selected; })) {
+                this.selectAll = false;
+            }
+            else {
+                this.selectAll = null;
+            }
+        };
+        /**
+         * Seleciona uma linha do 'po-table'.
+         */
+        PoTableComponent.prototype.selectRowItem = function (itemfn) {
+            this.toggleSelect(itemfn, true);
+            if (this.items.every(function (item) { return item.$selected; })) {
+                this.selectAll = true;
+            }
+            else {
+                this.selectAll = null;
+            }
+        };
         PoTableComponent.prototype.formatNumber = function (value, format) {
             if (!format) {
                 return value;
@@ -14861,6 +14885,22 @@
                 this.calculateHeightTableContainer(this.height);
             }
         };
+        PoTableComponent.prototype.toggleSelect = function (compare, selectValue) {
+            if (typeof compare !== 'function') {
+                this.items.forEach(function (item) {
+                    if (item === compare) {
+                        item.$selected = selectValue;
+                    }
+                });
+            }
+            else {
+                this.items.forEach(function (item) {
+                    if (compare(item)) {
+                        item.$selected = selectValue;
+                    }
+                });
+            }
+        };
         return PoTableComponent;
     }(PoTableBaseComponent));
     PoTableComponent.decorators = [
@@ -19397,6 +19437,7 @@
             this.headers = new i1.HttpHeaders({
                 'X-PO-No-Message': 'true'
             });
+            this.multiple = false;
         }
         PoLookupFilterService.prototype.getFilteredItems = function (filteredItemsParams) {
             var filterParams = filteredItemsParams.filterParams, advancedFilters = filteredItemsParams.advancedFilters, restFilteredItemsParams = __rest(filteredItemsParams, ["filterParams", "advancedFilters"]);
@@ -19406,12 +19447,25 @@
             return this.httpClient.get(this.url, { headers: this.headers, params: params });
         };
         PoLookupFilterService.prototype.getObjectByValue = function (value, filterParams) {
-            var encodedValue = encodeURIComponent(value);
             var validatedFilterParams = this.validateParams(filterParams);
-            return this.httpClient.get(this.url + "/" + encodedValue, { headers: this.headers, params: validatedFilterParams });
+            var newURL;
+            var encodedValue;
+            if (this.multiple) {
+                encodedValue = encodeURIComponent(Array.isArray(value) ? value.join(',') : value);
+                newURL = this.url + "?" + this.fieldValue + "=" + encodedValue;
+            }
+            else {
+                encodedValue = encodeURIComponent(value);
+                newURL = this.url + "/" + encodedValue;
+            }
+            return this.httpClient
+                .get(newURL, { headers: this.headers, params: validatedFilterParams })
+                .pipe(operators.map(function (response) { return ('items' in response ? response.items : response); }));
         };
-        PoLookupFilterService.prototype.setUrl = function (url) {
+        PoLookupFilterService.prototype.setConfig = function (url, fieldValue, multiple) {
             this.url = url;
+            this.fieldValue = fieldValue;
+            this.multiple = multiple;
         };
         PoLookupFilterService.prototype.validateParams = function (params) {
             return isTypeof(params, 'object') && !Array.isArray(params) ? params : undefined;
@@ -19429,7 +19483,7 @@
      * @description
      *
      * Componente utilizado para abrir uma janela de busca com uma tabela que lista dados de um serviço. Nesta janela é possível buscar e
-     * selecionar o registro que será enviado para o campo. O `po-lookup` permite que o usuário digite um valor e pressione a tecla *TAB* para
+     * selecionar um ou mais registros que serão enviados para o campo. O `po-lookup` permite que o usuário digite um valor e pressione a tecla *TAB* para
      * buscar um registro.
      *
      * > Caso o campo seja iniciado ou preenchido com um valor inexistente na busca, o mesmo será limpado.
@@ -19469,6 +19523,29 @@
             this.infiniteScroll = false;
             /** Exibe um ícone que permite limpar o campo. */
             this.clean = false;
+            /**
+             * @optional
+             *
+             * @description
+             *
+             * Permite a seleção de múltiplos itens.
+             *
+             * > Quando habilitado o valor do campo passará a ser uma lista de valores, por exemplo: `[ 12345, 67890 ]`
+             *
+             * @default `false`
+             */
+            this.multiple = false;
+            /**
+             * @optional
+             *
+             * @description
+             *
+             * Define que a altura do componente será auto ajustável, possuindo uma altura minima porém a altura máxima será de acordo
+             * com o número de itens selecionados e a extensão dos mesmos, mantendo-os sempre visíveis.
+             *
+             * @default `false`
+             */
+            this.autoHeight = false;
             /**
              * Evento será disparado quando ocorrer algum erro na requisição de busca do item.
              * Será passado por parâmetro o objeto de erro retornado.
@@ -19492,6 +19569,7 @@
              *  Por parâmetro será passado o novo valor.
              */
             this.change = new i0.EventEmitter();
+            this.selectedOptions = [];
             this.oldValue = '';
             this.oldValueToModel = null;
             // eslint-disable-next-line
@@ -19499,6 +19577,7 @@
             this._disabled = false;
             this._placeholder = '';
             this._required = false;
+            this._autoHeight = false;
             this.onChangePropagate = null;
         }
         Object.defineProperty(PoLookupBaseComponent.prototype, "placeholder", {
@@ -19556,6 +19635,20 @@
              * url + ?page=1&pageSize=20&age=23&filter=Peter
              * ```
              *
+             * Ao iniciar o campo com valor, os registros serão buscados da seguinte forma:
+             * ```
+             * model = 1234;
+             *
+             * GET url/1234
+             * ```
+             *
+             * Caso estiver com múltipla seleção habilitada:
+             * ```
+             * model = [1234, 5678]
+             *
+             * GET url?${fieldValue}=1234,5678
+             * ```
+             *
              * > Esta URL deve retornar e receber os dados no padrão de [API do PO UI](https://po-ui.io/guides/api) e utiliza os valores
              * definidos nas propriedades `p-field-label` e `p-field-value` para a construção do `po-lookup`.
              *
@@ -19648,6 +19741,11 @@
             this.cleanViewValue();
             this.callOnChange(undefined);
         };
+        PoLookupBaseComponent.prototype.ngOnChanges = function (changes) {
+            if (changes.multiple && isTypeof(this.filterService, 'string')) {
+                this.service.setConfig(this.filterService, this.fieldValue, this.multiple);
+            }
+        };
         // Função implementada do ControlValueAccessor
         // Usada para interceptar os estados de habilitado via forms api
         PoLookupBaseComponent.prototype.setDisabledState = function (isDisabled) {
@@ -19668,7 +19766,7 @@
         };
         // Seleciona o valor do model.
         PoLookupBaseComponent.prototype.selectValue = function (valueSelected) {
-            this.valueToModel = valueSelected[this.fieldValue];
+            this.valueToModel = valueSelected;
             this.callOnChange(this.valueToModel);
             this.selected.emit(valueSelected);
         };
@@ -19707,10 +19805,12 @@
                     }
                 }))
                     .subscribe(function (element) {
-                    if (element) {
-                        _this.oldValue = element[_this.fieldLabel];
-                        _this.selectValue(element);
-                        _this.setViewValue(_this.getFormattedLabel(element), element);
+                    if ((element === null || element === void 0 ? void 0 : element.length) || (!Array.isArray(element) && element)) {
+                        if (Array.isArray(element) && element.length > 1) {
+                            _this.setDisclaimers(element);
+                            _this.updateVisibleItems();
+                        }
+                        _this.selectModel(_this.multiple ? element : [element]);
                     }
                     else {
                         _this.cleanModel();
@@ -19734,13 +19834,7 @@
             }
         };
         PoLookupBaseComponent.prototype.writeValue = function (value) {
-            if (value && value instanceof Object) {
-                // Esta condição é executada quando é retornado o objeto selecionado do componente Po Lookup Modal.
-                this.oldValue = value[this.fieldLabel];
-                this.valueToModel = value[this.fieldValue];
-                this.setViewValue(this.getFormattedLabel(value), value);
-            }
-            else if (value) {
+            if ((value === null || value === void 0 ? void 0 : value.length) || (!Array.isArray(value) && value)) {
                 // Esta condição é executada somente quando é passado o ID para realizar a busca pelo ID.
                 this.searchById(value);
             }
@@ -19758,10 +19852,20 @@
             return value ? this.keysDescription.map(function (column) { return value[column]; }).join(' - ') : '';
         };
         // Chama o método writeValue e preenche o model.
-        PoLookupBaseComponent.prototype.selectModel = function (value) {
-            this.writeValue(value);
-            if (value && value instanceof Object) {
-                this.selectValue(value);
+        PoLookupBaseComponent.prototype.selectModel = function (options) {
+            var _this = this;
+            if (options.length) {
+                this.selectedOptions = __spreadArray([], __read(options));
+                var newModel = this.multiple ? options.map(function (option) { return option[_this.fieldValue]; }) : options[0][this.fieldValue];
+                this.selectValue(newModel);
+                if (options.length === 1) {
+                    this.oldValue = options[0][this.fieldLabel];
+                    this.setViewValue(this.getFormattedLabel(options[0]), options[0]);
+                }
+            }
+            else {
+                this.selectValue(undefined);
+                this.cleanViewValue();
             }
         };
         PoLookupBaseComponent.prototype.validateModel = function (model) {
@@ -19775,7 +19879,7 @@
             }
             if (service && isTypeof(service, 'string')) {
                 this.service = this.defaultService;
-                this.service.setUrl(service);
+                this.service.setConfig(service, this.fieldValue, this.multiple);
             }
         };
         PoLookupBaseComponent.prototype.setControl = function () {
@@ -19818,6 +19922,8 @@
         advancedFilters: [{ type: i0.Input, args: ['p-advanced-filters',] }],
         infiniteScroll: [{ type: i0.Input, args: ['p-infinite-scroll',] }],
         clean: [{ type: i0.Input, args: ['p-clean',] }],
+        multiple: [{ type: i0.Input, args: ['p-multiple',] }],
+        autoHeight: [{ type: i0.Input, args: ['p-auto-height',] }],
         onError: [{ type: i0.Output, args: ['p-error',] }],
         selected: [{ type: i0.Output, args: ['p-selected',] }],
         change: [{ type: i0.Output, args: ['p-change',] }],
@@ -19835,714 +19941,750 @@
     __decorate([
         InputBoolean()
     ], PoLookupBaseComponent.prototype, "clean", void 0);
+    __decorate([
+        InputBoolean()
+    ], PoLookupBaseComponent.prototype, "multiple", void 0);
+    __decorate([
+        InputBoolean()
+    ], PoLookupBaseComponent.prototype, "autoHeight", void 0);
 
+    var poLookupLiteralsDefault = {
+        en: {
+            modalPrimaryActionLabel: 'Select',
+            modalSecondaryActionLabel: 'Cancel',
+            modalPlaceholder: 'Search',
+            modalTitle: 'Select a record',
+            modalTableNoColumns: poTableLiteralsDefault.en.noColumns,
+            modalTableNoData: poTableLiteralsDefault.en.noData,
+            modalTableLoadingData: poTableLiteralsDefault.en.loadingData,
+            modalTableLoadMoreData: poTableLiteralsDefault.en.loadMoreData,
+            modalAdvancedSearch: 'Advanced search',
+            modalAdvancedSearchTitle: 'Advanced search',
+            modalAdvancedSearchPrimaryActionLabel: 'Filter',
+            modalAdvancedSearchSecondaryActionLabel: 'Return',
+            modalDisclaimerGroupTitle: 'Presenting results filtered by:'
+        },
+        es: {
+            modalPrimaryActionLabel: 'Seleccionar',
+            modalSecondaryActionLabel: 'Cancelar',
+            modalPlaceholder: 'Buscar',
+            modalTitle: 'Seleccione un registro',
+            modalTableNoColumns: poTableLiteralsDefault.es.noColumns,
+            modalTableNoData: poTableLiteralsDefault.es.noData,
+            modalTableLoadingData: poTableLiteralsDefault.es.loadingData,
+            modalTableLoadMoreData: poTableLiteralsDefault.es.loadMoreData,
+            modalAdvancedSearch: 'Búsqueda Avanzada',
+            modalAdvancedSearchTitle: 'Búsqueda Avanzada',
+            modalAdvancedSearchPrimaryActionLabel: 'Filtrar',
+            modalAdvancedSearchSecondaryActionLabel: 'Vuelve',
+            modalDisclaimerGroupTitle: 'Presentar resultados filtrados por:'
+        },
+        pt: {
+            modalPrimaryActionLabel: 'Selecionar',
+            modalSecondaryActionLabel: 'Cancelar',
+            modalPlaceholder: 'Pesquisar',
+            modalTitle: 'Selecione um registro',
+            modalTableNoColumns: poTableLiteralsDefault.pt.noColumns,
+            modalTableNoData: poTableLiteralsDefault.pt.noData,
+            modalTableLoadingData: poTableLiteralsDefault.pt.loadingData,
+            modalTableLoadMoreData: poTableLiteralsDefault.pt.loadMoreData,
+            modalAdvancedSearch: 'Busca avançada',
+            modalAdvancedSearchTitle: 'Busca Avançada',
+            modalAdvancedSearchPrimaryActionLabel: 'Filtrar',
+            modalAdvancedSearchSecondaryActionLabel: 'Voltar',
+            modalDisclaimerGroupTitle: 'Apresentando resultados filtrados por:'
+        },
+        ru: {
+            modalPrimaryActionLabel: 'выбирать',
+            modalSecondaryActionLabel: 'отменить',
+            modalPlaceholder: 'поиск',
+            modalTitle: 'Выберите запись',
+            modalTableNoColumns: poTableLiteralsDefault.ru.noColumns,
+            modalTableNoData: poTableLiteralsDefault.ru.noData,
+            modalTableLoadingData: poTableLiteralsDefault.ru.loadingData,
+            modalTableLoadMoreData: poTableLiteralsDefault.ru.loadMoreData,
+            modalAdvancedSearch: 'Расширенный поиск',
+            modalAdvancedSearchTitle: 'Расширенный поиск',
+            modalAdvancedSearchPrimaryActionLabel: 'Фильтр',
+            modalAdvancedSearchSecondaryActionLabel: 'Вернись',
+            modalDisclaimerGroupTitle: 'Представление результатов отфильтровано по:'
+        }
+    };
     /**
+     * @docsPrivate
      *
-     * @description
-     *
-     * Componente para criação de formulários dinâmicos a partir de uma lista de objetos.
-     *
-     * Também é possível verificar se o formulário está válido e informar valores para a exibição de informações.
+     * Classe base do componente Po Lookup Modal.
      */
-    var PoDynamicFormBaseComponent = /** @class */ (function () {
-        function PoDynamicFormBaseComponent() {
-            /**
-             * @optional
-             *
-             * @description
-             *
-             * Na inicialização do componente será repassado o objeto de formulário utilizado no componente,
-             * podendo ser utilizado para validações e/ou detecção de mudança dos valores.
-             *
-             * Portanto existem duas maneiras de recuperar o formulário,
-             * através de *template reference* e através do *output*, veja os exemplos abaixo:
-             *
-             * > *template reference*
-             *
-             * ```html
-             *  <po-dynamic-form #dynamicForm>
-             *  </po-dynamic-form>
-             *
-             *  <po-button p-label="Adicionar" [p-disabled]="dynamicForm?.form.invalid">
-             *  </po-button>
-             *
-             * ```
-             *
-             * > *Output*
-             *
-             * ```html
-             *  ...
-             *  <po-dynamic-form (p-form)="getForm($event)">
-             *  </po-dynamic-form>
-             *
-             *  <po-button p-label="Adicionar" [p-disabled]="dynamicForm?.invalid">
-             *  </po-button>
-             *  ...
-             *
-             * ```
-             *
-             * ```ts
-             *  ...
-             *
-             *  export class AppComponent {
-             *
-             *    dynamicForm: NgForm;
-             *
-             *    getForm(form: NgForm) {
-             *      this.dynamicForm = form;
-             *    }
-             *
-             *  }
-             * ```
-             *
-             * > Caso a propriedade `p-group-form` for verdadeira não será repassado o formulário, pois o mesmo utilizará
-             * o formulário pai.
-             */
-            this.formOutput = new i0.EventEmitter();
-            this._groupForm = false;
+    var PoLookupModalBaseComponent = /** @class */ (function () {
+        function PoLookupModalBaseComponent(languageService, changeDetector) {
+            var _this = this;
+            this.changeDetector = changeDetector;
+            /** Se verdadeiro, ativa a funcionalidade de scroll infinito para a tabela exibida no retorno da consulta. */
+            this.infiniteScroll = false;
+            /** Se verdadeiro, ativa a funcionalidade de multipla seleção. */
+            this.multiple = false;
+            /** Evento utilizado ao selecionar um registro da tabela. */
+            this.model = new i0.EventEmitter();
+            this.hasNext = true;
+            this.isLoading = false;
+            this.page = 1;
+            this.pageSize = 10;
+            this.searchValue = '';
+            // Propriedade da modal de busca avançada:
+            this.advancedFilterModalTitle = '';
+            this.dynamicFormValue = {};
+            this.isAdvancedFilter = false;
+            this.selecteds = [];
+            this.language = poLocaleDefault;
+            // eslint-disable-next-line @typescript-eslint/member-ordering
+            this.primaryAction = {
+                action: function () {
+                    var selectedsItems = _this.selecteds;
+                    _this.model.emit(selectedsItems);
+                    _this.poModal.close();
+                },
+                label: this.literals.modalPrimaryActionLabel
+            };
+            // eslint-disable-next-line @typescript-eslint/member-ordering
+            this.secondaryAction = {
+                action: function () {
+                    _this.model.emit(null);
+                    _this.poModal.close();
+                },
+                label: this.literals.modalSecondaryActionLabel
+            };
+            this.language = languageService.getShortLanguage();
         }
-        Object.defineProperty(PoDynamicFormBaseComponent.prototype, "groupForm", {
+        Object.defineProperty(PoLookupModalBaseComponent.prototype, "literals", {
             get: function () {
-                return this._groupForm;
+                return this._literals || poLookupLiteralsDefault[this.language];
             },
-            /**
-             * @optional
-             *
-             * @description
-             * Ao informar esta propriedade, o componente passará a utilizar o formulário pai para criar os `FormControl`
-             * e com isso é possível recuperar o valor do formulário e suas validações a partir do formulário pai.
-             *
-             * ```html
-             * <form #parentForm="ngForm">
-             *
-             *   <po-dynamic-form p-group-form [p-fields]="fields"></po-dynamic-form>
-             *
-             *  <po-button p-label="Adicionar" [p-disabled]="parentForm.invalid"></po-button>
-             * </form>
-             * ```
-             */
+            /** Objeto com as literais usadas no `po-lookup-modal`. */
             set: function (value) {
-                this._groupForm = value === '' ? true : convertToBoolean(value);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return PoDynamicFormBaseComponent;
-    }());
-    PoDynamicFormBaseComponent.decorators = [
-        { type: i0.Directive }
-    ];
-    PoDynamicFormBaseComponent.propDecorators = {
-        autoFocus: [{ type: i0.Input, args: ['p-auto-focus',] }],
-        fields: [{ type: i0.Input, args: ['p-fields',] }],
-        value: [{ type: i0.Input, args: ['p-value',] }],
-        formOutput: [{ type: i0.Output, args: ['p-form',] }],
-        load: [{ type: i0.Input, args: ['p-load',] }],
-        validate: [{ type: i0.Input, args: ['p-validate',] }],
-        validateFields: [{ type: i0.Input, args: ['p-validate-fields',] }],
-        groupForm: [{ type: i0.Input, args: ['p-group-form',] }]
-    };
-
-    var PoDynamicFormOperation = /** @class */ (function () {
-        function PoDynamicFormOperation(http) {
-            this.http = http;
-        }
-        PoDynamicFormOperation.prototype.execute = function (action, param) {
-            return typeof action === 'string' ? this.post(action, param) : rxjs.of(action(param));
-        };
-        PoDynamicFormOperation.prototype.post = function (url, body) {
-            return this.http.post(url, body);
-        };
-        PoDynamicFormOperation.prototype.setFormDefaultIfEmpty = function (validateFields) {
-            return (validateFields || {
-                value: {},
-                fields: [],
-                focus: undefined
-            });
-        };
-        return PoDynamicFormOperation;
-    }());
-
-    var PoDynamicFormLoadService = /** @class */ (function (_super) {
-        __extends(PoDynamicFormLoadService, _super);
-        function PoDynamicFormLoadService(http) {
-            return _super.call(this, http) || this;
-        }
-        PoDynamicFormLoadService.prototype.createAndUpdateFieldsForm = function (loadedFields, fields) {
-            if (loadedFields === void 0) { loadedFields = []; }
-            if (fields === void 0) { fields = []; }
-            return __spreadArray([], __read(loadedFields)).reduce(function (updatedFields, field) {
-                var index = updatedFields.findIndex(function (updatedField) { return updatedField.property === field.property; });
-                var hasProperty = index >= 0;
-                if (hasProperty) {
-                    updatedFields[index] = Object.assign(Object.assign({}, fields[index]), field);
+                if (value instanceof Object && !(value instanceof Array)) {
+                    this._literals = Object.assign(Object.assign(Object.assign({}, poLookupLiteralsDefault[poLocaleDefault]), poLookupLiteralsDefault[this.language]), value);
+                    if (value.modalTitle) {
+                        this.title = this.literals.modalTitle;
+                    }
                 }
                 else {
-                    updatedFields.push(field);
-                }
-                return updatedFields;
-            }, __spreadArray([], __read(fields)));
-        };
-        PoDynamicFormLoadService.prototype.executeLoad = function (load, value) {
-            var _this = this;
-            return this.execute(load, value).pipe(operators.map(function (loadedFormdData) { return _this.setFormDefaultIfEmpty(loadedFormdData); }));
-        };
-        return PoDynamicFormLoadService;
-    }(PoDynamicFormOperation));
-    PoDynamicFormLoadService.decorators = [
-        { type: i0.Injectable }
-    ];
-    PoDynamicFormLoadService.ctorParameters = function () { return [
-        { type: i1.HttpClient }
-    ]; };
-
-    var PoDynamicFormValidationService = /** @class */ (function (_super) {
-        __extends(PoDynamicFormValidationService, _super);
-        function PoDynamicFormValidationService(http) {
-            return _super.call(this, http) || this;
-        }
-        PoDynamicFormValidationService.prototype.sendFieldChange = function (field, value) {
-            var _this = this;
-            var changedValue = { property: field.property, value: value };
-            return this.execute(field.validate, changedValue).pipe(operators.map(function (validateFields) { return _this.setFieldDefaultIfEmpty(validateFields); }));
-        };
-        PoDynamicFormValidationService.prototype.sendFormChange = function (validate, field, value) {
-            var _this = this;
-            var changedValue = { property: field.property, value: value };
-            return this.execute(validate, changedValue).pipe(operators.map(function (validateFields) { return _this.setFormDefaultIfEmpty(validateFields); }));
-        };
-        PoDynamicFormValidationService.prototype.updateFieldsForm = function (validatedFields, fields) {
-            if (validatedFields === void 0) { validatedFields = []; }
-            if (fields === void 0) { fields = []; }
-            return __spreadArray([], __read(validatedFields)).reduce(function (updatedFields, validatedField) {
-                var index = updatedFields.findIndex(function (field) { return field.property === validatedField.property; });
-                var hasProperty = index >= 0;
-                if (hasProperty) {
-                    updatedFields[index] = Object.assign(Object.assign({}, fields[index]), validatedField);
+                    this._literals = poLookupLiteralsDefault[this.language];
                 }
-                return updatedFields;
-            }, __spreadArray([], __read(fields)));
-        };
-        PoDynamicFormValidationService.prototype.setFieldDefaultIfEmpty = function (validateFields) {
-            return (validateFields || {
-                field: {}
-            });
-        };
-        return PoDynamicFormValidationService;
-    }(PoDynamicFormOperation));
-    PoDynamicFormValidationService.decorators = [
-        { type: i0.Injectable }
-    ];
-    PoDynamicFormValidationService.ctorParameters = function () { return [
-        { type: i1.HttpClient }
-    ]; };
-
-    /**
-     * @docsExtends PoDynamicFormBaseComponent
-     *
-     * @example
-     *
-     * <example name="po-dynamic-form-basic" title="PO Dynamic Form Basic">
-     *  <file name="sample-po-dynamic-form-basic/sample-po-dynamic-form-basic.component.html"> </file>
-     *  <file name="sample-po-dynamic-form-basic/sample-po-dynamic-form-basic.component.ts"> </file>
-     * </example>
-     *
-     * <example name="po-dynamic-form-register" title="PO Dynamic Form - Register">
-     *  <file name="sample-po-dynamic-form-register/sample-po-dynamic-form-register.component.html"> </file>
-     *  <file name="sample-po-dynamic-form-register/sample-po-dynamic-form-register.component.ts"> </file>
-     *  <file name="sample-po-dynamic-form-register/sample-po-dynamic-form-register.service.ts"> </file>
-     * </example>
-     */
-    var PoDynamicFormComponent = /** @class */ (function (_super) {
-        __extends(PoDynamicFormComponent, _super);
-        function PoDynamicFormComponent(changes, loadService, validationService) {
-            var _this = _super.call(this) || this;
-            _this.changes = changes;
-            _this.loadService = loadService;
-            _this.validationService = validationService;
-            _this.comboOptionSubject = new rxjs.Subject();
-            return _this;
-        }
-        Object.defineProperty(PoDynamicFormComponent.prototype, "form", {
+                this.primaryAction.label = this.literals.modalPrimaryActionLabel;
+                this.secondaryAction.label = this.literals.modalSecondaryActionLabel;
+                this.setTableLiterals();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(PoLookupModalBaseComponent.prototype, "title", {
             get: function () {
-                return this._form || {};
+                return this._title;
             },
+            /** Título da modal. */
             set: function (value) {
-                var _this = this;
-                // necessario para nao ocorrer o ExpressionChangedAfterItHasBeenCheckedError
-                setTimeout(function () {
-                    _this._form = value;
-                    _this.emitForm();
-                });
+                this._title = isTypeof(value, 'string') ? value : this.literals.modalTitle;
             },
             enumerable: false,
             configurable: true
         });
-        PoDynamicFormComponent.prototype.ngOnDestroy = function () {
-            this.removeListeners();
+        PoLookupModalBaseComponent.prototype.ngOnDestroy = function () {
+            if (this.filterSubscription) {
+                this.filterSubscription.unsubscribe();
+            }
+            if (this.searchSubscription) {
+                this.searchSubscription.unsubscribe();
+            }
+            if (this.showMoreSubscription) {
+                this.showMoreSubscription.unsubscribe();
+            }
         };
-        PoDynamicFormComponent.prototype.ngOnInit = function () {
-            if (this.load) {
-                this.loadDataOnInitialize();
+        PoLookupModalBaseComponent.prototype.ngOnInit = function () {
+            this.setAdvancedFilterModalProperties();
+            this.initializeData();
+            this.setTableLiterals();
+        };
+        PoLookupModalBaseComponent.prototype.createDisclaimer = function () {
+            var e_1, _c;
+            this.disclaimerGroup.disclaimers = [];
+            this.searchValue = '';
+            try {
+                for (var _d = __values(Object.entries(this.dynamicFormValue)), _e = _d.next(); !_e.done; _e = _d.next()) {
+                    var _f = __read(_e.value, 2), key = _f[0], value = _f[1];
+                    this.addDisclaimer(value, key);
+                }
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (_e && !_e.done && (_c = _d.return)) _c.call(_d);
+                }
+                finally { if (e_1) throw e_1.error; }
+            }
+            if (!Object.values(this.dynamicFormValue).some(function (v) { return v !== null && typeof v !== 'undefined'; })) {
+                this.initializeData();
             }
         };
-        /**
-         * Função que atribui foco ao campo desejado.
-         *
-         * Para utilizá-la é necessário capturar a instância do `dynamic form`, como por exemplo:
-         *
-         * ``` html
-         * <po-dynamic-form #dynamicForm [p-fields]="fields"></po-dynamic-form>
-         * ```
-         *
-         * ``` javascript
-         * import { PoDynamicFormComponent, PoDynamicFormField } from '@po-ui/ng-components';
-         *
-         * ...
-         *
-         * @ViewChild('dynamicForm', { static: true }) dynamicForm: PoDynamicFormComponent;
-         *
-         * fields: Array<PoDynamicFormField> = [
-         *   { property: 'fieldOne' },
-         *   { property: 'fieldTwo' }
-         * ];
-         *
-         * fieldFocus() {
-         *   this.dynamicForm.focus('fieldTwo');
-         * }
-         * ```
-         *
-         * @param {string} property Nome da propriedade atribuída ao `PoDynamicFormField.property`.
-         */
-        PoDynamicFormComponent.prototype.focus = function (property) {
-            this.fieldsComponent.focus(property);
+        PoLookupModalBaseComponent.prototype.addDisclaimer = function (value, property) {
+            this.disclaimer = { property: property };
+            this.disclaimer.value = value;
+            this.disclaimerGroup.disclaimers = __spreadArray(__spreadArray([], __read(this.disclaimerGroup.disclaimers)), [this.disclaimer]);
         };
-        PoDynamicFormComponent.prototype.getObjectValue = function () {
-            return this.comboOptionSubject.asObservable();
+        PoLookupModalBaseComponent.prototype.onChangeDisclaimerGroup = function () {
+            if (!this.searchValue) {
+                this.isLoading = true;
+                this.searchValue = '';
+                this.searchFilteredItems();
+            }
         };
-        PoDynamicFormComponent.prototype.sendObjectValue = function (objectValue) {
-            this.comboOptionSubject.next(objectValue);
+        PoLookupModalBaseComponent.prototype.search = function () {
+            this.page = 1;
+            if (this.searchValue) {
+                this.isLoading = true;
+                this.disclaimerGroup.disclaimers = [];
+                this.searchFilteredItems();
+            }
+            else {
+                this.initializeData();
+            }
         };
-        PoDynamicFormComponent.prototype.validateForm = function (field) {
+        PoLookupModalBaseComponent.prototype.searchFilteredItems = function () {
             var _this = this;
-            var previousFocusElement = document.activeElement;
-            this.disableForm(true);
-            var errorOnValidation = function () { return _this.disableForm(false); };
-            this.sendFormSubscription = this.validationService
-                .sendFormChange(this.validate, field, this.value)
-                .subscribe(this.applyFormValidation(previousFocusElement), errorOnValidation);
+            this.searchSubscription = this.getFilteredItems(this.searchValue)
+                .pipe(operators.catchError(function (error) {
+                _this.setLookupResponseProperties();
+                return rxjs.throwError(error);
+            }))
+                .subscribe(function (data) { return _this.setLookupResponseProperties(data); }, function () { });
         };
-        PoDynamicFormComponent.prototype.applyFormUpdatesOnLoad = function (previousFocusElement) {
+        PoLookupModalBaseComponent.prototype.showMoreEvent = function () {
             var _this = this;
-            return function (dynamicFormData) {
-                _this.updateModelOnLoad(dynamicFormData);
-                _this.disableForm(false);
-                _this.setFocusOnFieldByProperty(dynamicFormData.focus, previousFocusElement);
-            };
+            this.page++;
+            this.isLoading = true;
+            this.showMoreSubscription = this.getFilteredItems(this.searchValue)
+                .pipe(operators.catchError(function (error) {
+                _this.hasNext = false;
+                _this.isLoading = false;
+                return rxjs.throwError(error);
+            }))
+                .subscribe(function (data) {
+                _this.items = __spreadArray(__spreadArray([], __read(_this.items)), __read(data.items));
+                _this.hasNext = data.hasNext;
+                _this.isLoading = false;
+                _this.changeDetector.detectChanges();
+                _this.setSelectedItems();
+            }, function () { });
         };
-        PoDynamicFormComponent.prototype.applyFormValidation = function (previousFocusElement) {
+        //Método responsável por selecionar as linhas quando abre o modal.
+        PoLookupModalBaseComponent.prototype.setSelectedItems = function () {
             var _this = this;
-            return function (dynamicFormData) {
-                _this.updateModelWithValidation(dynamicFormData);
-                _this.disableForm(false);
-                _this.setFocusOnFieldByProperty(dynamicFormData.focus, previousFocusElement);
-            };
+            this.selecteds.forEach(function (selectedItem) { return _this.poTable.selectRowItem(function (item) { return item[_this.fieldValue] === selectedItem.value; }); });
         };
-        PoDynamicFormComponent.prototype.disableForm = function (value) {
-            this.disabledForm = value;
-            this.changes.detectChanges();
-        };
-        PoDynamicFormComponent.prototype.emitForm = function () {
-            if (!this.groupForm && this.formOutput.observers.length) {
-                this.formOutput.emit(this.form);
+        //Método responsável por criar os disclaimers quando abre o modal.
+        PoLookupModalBaseComponent.prototype.setDisclaimersItems = function () {
+            if (this.selectedItems && !Array.isArray(this.selectedItems)) {
+                this.selecteds = [{ value: this.selectedItems }];
+                return;
+            }
+            if (this.selectedItems && this.selectedItems.length) {
+                this.selecteds = __spreadArray([], __read(this.selectedItems));
             }
         };
-        PoDynamicFormComponent.prototype.loadDataOnInitialize = function () {
+        PoLookupModalBaseComponent.prototype.setAdvancedFilterModalProperties = function () {
             var _this = this;
-            var previousFocusElement = document.activeElement;
-            this.disabledForm = true;
-            var errorOnLoad = function () { return (_this.disabledForm = false); };
-            this.onLoadSubscription = this.loadService
-                .executeLoad(this.load, this.value)
-                .subscribe(this.applyFormUpdatesOnLoad(previousFocusElement), errorOnLoad);
+            this.advancedFilterModalTitle = this.literals.modalAdvancedSearchTitle;
+            this.disclaimerGroup = {
+                title: this.literals.modalDisclaimerGroupTitle,
+                disclaimers: []
+            };
+            this.primaryActionAdvancedFilter = {
+                action: function () {
+                    _this.destroyDynamicForm();
+                    _this.isAdvancedFilter = false;
+                    _this.createDisclaimer();
+                },
+                label: this.literals.modalAdvancedSearchPrimaryActionLabel
+            };
+            this.secondaryActionAdvancedFilter = {
+                action: function () {
+                    _this.destroyDynamicForm();
+                    _this.isAdvancedFilter = false;
+                },
+                label: this.literals.modalAdvancedSearchSecondaryActionLabel
+            };
         };
-        PoDynamicFormComponent.prototype.removeListeners = function () {
-            if (this.onLoadSubscription) {
-                this.onLoadSubscription.unsubscribe();
+        PoLookupModalBaseComponent.prototype.getAdvancedFilters = function (advancedParams) {
+            if (advancedParams && advancedParams.length > 0) {
+                var filters_1 = {};
+                var validatedAdvacendFilters_1;
+                advancedParams.forEach(function (filter) {
+                    filters_1[filter.property] = filter.value instanceof Array ? filter.value.join() : filter.value;
+                    validatedAdvacendFilters_1 = Object.assign(Object.assign({}, validatedAdvacendFilters_1), filters_1);
+                });
+                return validatedAdvacendFilters_1;
             }
-            if (this.sendFormSubscription) {
-                this.sendFormSubscription.unsubscribe();
+            return undefined;
+        };
+        PoLookupModalBaseComponent.prototype.getFilteredItems = function (filter) {
+            var filteredParams = this.getFilteredParams(filter);
+            return this.filterService.getFilteredItems(filteredParams);
+        };
+        PoLookupModalBaseComponent.prototype.getFilteredParams = function (filter) {
+            var _c = this, page = _c.page, pageSize = _c.pageSize, filterParams = _c.filterParams, sort = _c.sort;
+            var filteredParams = {};
+            var order = this.getOrderParam(sort);
+            var advancedFilters = this.getAdvancedFilters(this.disclaimerGroup.disclaimers);
+            var params = { filter: filter, page: page, pageSize: pageSize, order: order, filterParams: filterParams, advancedFilters: advancedFilters };
+            for (var key in params) {
+                if (params.hasOwnProperty(key) && params[key] !== undefined) {
+                    filteredParams[key] = params[key];
+                }
             }
+            return filteredParams;
         };
-        PoDynamicFormComponent.prototype.setFocusOnFieldByProperty = function (property, previousFocusElement) {
-            var _this = this;
-            if (property) {
-                // precisa do timeout para que o valor seja atribuido no campo antes de setar o focus,
-                // para nao disparar a mudança posteriormente. Situação ocorre quando retornar campo com valor e focus atribuido a ele.
-                setTimeout(function () { return _this.focus(property); });
+        PoLookupModalBaseComponent.prototype.getOrderParam = function (sort) {
+            if (sort === void 0) { sort = { type: undefined }; }
+            var column = sort.column, type = sort.type;
+            if (!column) {
+                return;
             }
-            else {
-                previousFocusElement['focus']();
+            if (type === exports.PoTableColumnSortType.Descending) {
+                return "-" + column.property;
             }
+            return "" + column.property;
         };
-        PoDynamicFormComponent.prototype.updateModelOnLoad = function (loadedFormData) {
-            Object.assign(this.value, loadedFormData.value);
-            this.fields = this.loadService.createAndUpdateFieldsForm(loadedFormData.fields, this.fields);
+        PoLookupModalBaseComponent.prototype.initializeData = function () {
+            var _this = this;
+            this.isLoading = true;
+            this.filterSubscription = this.getFilteredItems('').subscribe(function (data) {
+                _this.setLookupResponseProperties(data);
+            });
         };
-        PoDynamicFormComponent.prototype.updateModelWithValidation = function (formData) {
-            Object.assign(this.value, formData.value);
-            this.fieldsComponent.updatePreviousValue();
-            this.fields = this.validationService.updateFieldsForm(formData.fields, this.fields);
+        PoLookupModalBaseComponent.prototype.setLookupResponseProperties = function (data) {
+            var _a, _b;
+            this.items = (_a = data === null || data === void 0 ? void 0 : data.items) !== null && _a !== void 0 ? _a : [];
+            this.hasNext = (_b = data === null || data === void 0 ? void 0 : data.hasNext) !== null && _b !== void 0 ? _b : false;
+            this.isLoading = false;
+            this.changeDetector.detectChanges();
+            this.setDisclaimersItems();
+            this.setSelectedItems();
         };
-        return PoDynamicFormComponent;
-    }(PoDynamicFormBaseComponent));
-    PoDynamicFormComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'po-dynamic-form',
-                    template: "<ng-container *ngIf=\"groupForm; then reuseFormTemplate; else uniqueFormTemplate\"></ng-container>\n\n<ng-template #reuseFormTemplate>\n  <po-dynamic-form-fields #fieldsComponent [p-auto-focus]=\"autoFocus\" [p-fields]=\"fields\" [p-value]=\"value\">\n  </po-dynamic-form-fields>\n</ng-template>\n\n<ng-template #uniqueFormTemplate>\n  <form #dynamicForm=\"ngForm\">\n    <po-dynamic-form-fields\n      #fieldsComponent\n      [(p-fields)]=\"fields\"\n      [p-auto-focus]=\"autoFocus\"\n      [p-disabled-form]=\"disabledForm\"\n      [p-validate]=\"validate\"\n      [p-validate-fields]=\"validateFields\"\n      [p-value]=\"value\"\n      (p-object-value)=\"sendObjectValue($event)\"\n      (p-form-validate)=\"validateForm($event)\"\n    >\n    </po-dynamic-form-fields>\n  </form>\n</ng-template>\n"
-                },] }
+        PoLookupModalBaseComponent.prototype.setTableLiterals = function () {
+            this.tableLiterals = {
+                'noColumns': this.literals.modalTableNoColumns,
+                'noData': this.literals.modalTableNoData,
+                'loadingData': this.literals.modalTableLoadingData,
+                'loadMoreData': this.literals.modalTableLoadMoreData
+            };
+        };
+        return PoLookupModalBaseComponent;
+    }());
+    PoLookupModalBaseComponent.decorators = [
+        { type: i0.Directive }
     ];
-    PoDynamicFormComponent.ctorParameters = function () { return [
-        { type: i0.ChangeDetectorRef },
-        { type: PoDynamicFormLoadService },
-        { type: PoDynamicFormValidationService }
+    PoLookupModalBaseComponent.ctorParameters = function () { return [
+        { type: PoLanguageService },
+        { type: i0.ChangeDetectorRef }
     ]; };
-    PoDynamicFormComponent.propDecorators = {
-        fieldsComponent: [{ type: i0.ViewChild, args: ['fieldsComponent',] }],
-        form: [{ type: i0.ViewChild, args: ['dynamicForm',] }]
+    PoLookupModalBaseComponent.propDecorators = {
+        poModal: [{ type: i0.ViewChild, args: [PoModalComponent, { static: true },] }],
+        poTable: [{ type: i0.ViewChild, args: [PoTableComponent, { static: true },] }],
+        advancedFilters: [{ type: i0.Input, args: ['p-advanced-filters',] }],
+        columns: [{ type: i0.Input, args: ['p-columns',] }],
+        items: [{ type: i0.Input, args: ['p-items',] }],
+        filterService: [{ type: i0.Input, args: ['p-filter-service',] }],
+        filterParams: [{ type: i0.Input, args: ['p-filter-params',] }],
+        infiniteScroll: [{ type: i0.Input, args: ['p-infinite-scroll',] }],
+        multiple: [{ type: i0.Input, args: ['p-multiple',] }],
+        model: [{ type: i0.Output, args: ['p-change-model',] }],
+        selectedItems: [{ type: i0.Input, args: ['p-selected-items',] }],
+        fieldLabel: [{ type: i0.Input, args: ['p-field-label',] }],
+        fieldValue: [{ type: i0.Input, args: ['p-field-value',] }],
+        literals: [{ type: i0.Input, args: ['p-literals',] }],
+        title: [{ type: i0.Input, args: ['p-title',] }]
     };
+    __decorate([
+        InputBoolean()
+    ], PoLookupModalBaseComponent.prototype, "infiniteScroll", void 0);
+    __decorate([
+        InputBoolean()
+    ], PoLookupModalBaseComponent.prototype, "multiple", void 0);
 
-    var poLookupLiteralsDefault = {
-        en: {
-            modalPrimaryActionLabel: 'Select',
-            modalSecondaryActionLabel: 'Cancel',
-            modalPlaceholder: 'Search',
-            modalTitle: 'Select a record',
-            modalTableNoColumns: poTableLiteralsDefault.en.noColumns,
-            modalTableNoData: poTableLiteralsDefault.en.noData,
-            modalTableLoadingData: poTableLiteralsDefault.en.loadingData,
-            modalTableLoadMoreData: poTableLiteralsDefault.en.loadMoreData,
-            modalAdvancedSearch: 'Advanced search',
-            modalAdvancedSearchTitle: 'Advanced search',
-            modalAdvancedSearchPrimaryActionLabel: 'Filter',
-            modalAdvancedSearchSecondaryActionLabel: 'Return',
-            modalDisclaimerGroupTitle: 'Presenting results filtered by:'
-        },
-        es: {
-            modalPrimaryActionLabel: 'Seleccionar',
-            modalSecondaryActionLabel: 'Cancelar',
-            modalPlaceholder: 'Buscar',
-            modalTitle: 'Seleccione un registro',
-            modalTableNoColumns: poTableLiteralsDefault.es.noColumns,
-            modalTableNoData: poTableLiteralsDefault.es.noData,
-            modalTableLoadingData: poTableLiteralsDefault.es.loadingData,
-            modalTableLoadMoreData: poTableLiteralsDefault.es.loadMoreData,
-            modalAdvancedSearch: 'Búsqueda Avanzada',
-            modalAdvancedSearchTitle: 'Búsqueda Avanzada',
-            modalAdvancedSearchPrimaryActionLabel: 'Filtrar',
-            modalAdvancedSearchSecondaryActionLabel: 'Vuelve',
-            modalDisclaimerGroupTitle: 'Presentar resultados filtrados por:'
-        },
-        pt: {
-            modalPrimaryActionLabel: 'Selecionar',
-            modalSecondaryActionLabel: 'Cancelar',
-            modalPlaceholder: 'Pesquisar',
-            modalTitle: 'Selecione um registro',
-            modalTableNoColumns: poTableLiteralsDefault.pt.noColumns,
-            modalTableNoData: poTableLiteralsDefault.pt.noData,
-            modalTableLoadingData: poTableLiteralsDefault.pt.loadingData,
-            modalTableLoadMoreData: poTableLiteralsDefault.pt.loadMoreData,
-            modalAdvancedSearch: 'Busca avançada',
-            modalAdvancedSearchTitle: 'Busca Avançada',
-            modalAdvancedSearchPrimaryActionLabel: 'Filtrar',
-            modalAdvancedSearchSecondaryActionLabel: 'Voltar',
-            modalDisclaimerGroupTitle: 'Apresentando resultados filtrados por:'
-        },
-        ru: {
-            modalPrimaryActionLabel: 'выбирать',
-            modalSecondaryActionLabel: 'отменить',
-            modalPlaceholder: 'поиск',
-            modalTitle: 'Выберите запись',
-            modalTableNoColumns: poTableLiteralsDefault.ru.noColumns,
-            modalTableNoData: poTableLiteralsDefault.ru.noData,
-            modalTableLoadingData: poTableLiteralsDefault.ru.loadingData,
-            modalTableLoadMoreData: poTableLiteralsDefault.ru.loadMoreData,
-            modalAdvancedSearch: 'Расширенный поиск',
-            modalAdvancedSearchTitle: 'Расширенный поиск',
-            modalAdvancedSearchPrimaryActionLabel: 'Фильтр',
-            modalAdvancedSearchSecondaryActionLabel: 'Вернись',
-            modalDisclaimerGroupTitle: 'Представление результатов отфильтровано по:'
+    /**
+     *
+     * @description
+     *
+     * Componente para criação de formulários dinâmicos a partir de uma lista de objetos.
+     *
+     * Também é possível verificar se o formulário está válido e informar valores para a exibição de informações.
+     */
+    var PoDynamicFormBaseComponent = /** @class */ (function () {
+        function PoDynamicFormBaseComponent() {
+            /**
+             * @optional
+             *
+             * @description
+             *
+             * Na inicialização do componente será repassado o objeto de formulário utilizado no componente,
+             * podendo ser utilizado para validações e/ou detecção de mudança dos valores.
+             *
+             * Portanto existem duas maneiras de recuperar o formulário,
+             * através de *template reference* e através do *output*, veja os exemplos abaixo:
+             *
+             * > *template reference*
+             *
+             * ```html
+             *  <po-dynamic-form #dynamicForm>
+             *  </po-dynamic-form>
+             *
+             *  <po-button p-label="Adicionar" [p-disabled]="dynamicForm?.form.invalid">
+             *  </po-button>
+             *
+             * ```
+             *
+             * > *Output*
+             *
+             * ```html
+             *  ...
+             *  <po-dynamic-form (p-form)="getForm($event)">
+             *  </po-dynamic-form>
+             *
+             *  <po-button p-label="Adicionar" [p-disabled]="dynamicForm?.invalid">
+             *  </po-button>
+             *  ...
+             *
+             * ```
+             *
+             * ```ts
+             *  ...
+             *
+             *  export class AppComponent {
+             *
+             *    dynamicForm: NgForm;
+             *
+             *    getForm(form: NgForm) {
+             *      this.dynamicForm = form;
+             *    }
+             *
+             *  }
+             * ```
+             *
+             * > Caso a propriedade `p-group-form` for verdadeira não será repassado o formulário, pois o mesmo utilizará
+             * o formulário pai.
+             */
+            this.formOutput = new i0.EventEmitter();
+            this._groupForm = false;
+        }
+        Object.defineProperty(PoDynamicFormBaseComponent.prototype, "groupForm", {
+            get: function () {
+                return this._groupForm;
+            },
+            /**
+             * @optional
+             *
+             * @description
+             * Ao informar esta propriedade, o componente passará a utilizar o formulário pai para criar os `FormControl`
+             * e com isso é possível recuperar o valor do formulário e suas validações a partir do formulário pai.
+             *
+             * ```html
+             * <form #parentForm="ngForm">
+             *
+             *   <po-dynamic-form p-group-form [p-fields]="fields"></po-dynamic-form>
+             *
+             *  <po-button p-label="Adicionar" [p-disabled]="parentForm.invalid"></po-button>
+             * </form>
+             * ```
+             */
+            set: function (value) {
+                this._groupForm = value === '' ? true : convertToBoolean(value);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return PoDynamicFormBaseComponent;
+    }());
+    PoDynamicFormBaseComponent.decorators = [
+        { type: i0.Directive }
+    ];
+    PoDynamicFormBaseComponent.propDecorators = {
+        autoFocus: [{ type: i0.Input, args: ['p-auto-focus',] }],
+        fields: [{ type: i0.Input, args: ['p-fields',] }],
+        value: [{ type: i0.Input, args: ['p-value',] }],
+        formOutput: [{ type: i0.Output, args: ['p-form',] }],
+        load: [{ type: i0.Input, args: ['p-load',] }],
+        validate: [{ type: i0.Input, args: ['p-validate',] }],
+        validateFields: [{ type: i0.Input, args: ['p-validate-fields',] }],
+        groupForm: [{ type: i0.Input, args: ['p-group-form',] }]
+    };
+
+    var PoDynamicFormOperation = /** @class */ (function () {
+        function PoDynamicFormOperation(http) {
+            this.http = http;
+        }
+        PoDynamicFormOperation.prototype.execute = function (action, param) {
+            return typeof action === 'string' ? this.post(action, param) : rxjs.of(action(param));
+        };
+        PoDynamicFormOperation.prototype.post = function (url, body) {
+            return this.http.post(url, body);
+        };
+        PoDynamicFormOperation.prototype.setFormDefaultIfEmpty = function (validateFields) {
+            return (validateFields || {
+                value: {},
+                fields: [],
+                focus: undefined
+            });
+        };
+        return PoDynamicFormOperation;
+    }());
+
+    var PoDynamicFormLoadService = /** @class */ (function (_super) {
+        __extends(PoDynamicFormLoadService, _super);
+        function PoDynamicFormLoadService(http) {
+            return _super.call(this, http) || this;
+        }
+        PoDynamicFormLoadService.prototype.createAndUpdateFieldsForm = function (loadedFields, fields) {
+            if (loadedFields === void 0) { loadedFields = []; }
+            if (fields === void 0) { fields = []; }
+            return __spreadArray([], __read(loadedFields)).reduce(function (updatedFields, field) {
+                var index = updatedFields.findIndex(function (updatedField) { return updatedField.property === field.property; });
+                var hasProperty = index >= 0;
+                if (hasProperty) {
+                    updatedFields[index] = Object.assign(Object.assign({}, fields[index]), field);
+                }
+                else {
+                    updatedFields.push(field);
+                }
+                return updatedFields;
+            }, __spreadArray([], __read(fields)));
+        };
+        PoDynamicFormLoadService.prototype.executeLoad = function (load, value) {
+            var _this = this;
+            return this.execute(load, value).pipe(operators.map(function (loadedFormdData) { return _this.setFormDefaultIfEmpty(loadedFormdData); }));
+        };
+        return PoDynamicFormLoadService;
+    }(PoDynamicFormOperation));
+    PoDynamicFormLoadService.decorators = [
+        { type: i0.Injectable }
+    ];
+    PoDynamicFormLoadService.ctorParameters = function () { return [
+        { type: i1.HttpClient }
+    ]; };
+
+    var PoDynamicFormValidationService = /** @class */ (function (_super) {
+        __extends(PoDynamicFormValidationService, _super);
+        function PoDynamicFormValidationService(http) {
+            return _super.call(this, http) || this;
         }
-    };
+        PoDynamicFormValidationService.prototype.sendFieldChange = function (field, value) {
+            var _this = this;
+            var changedValue = { property: field.property, value: value };
+            return this.execute(field.validate, changedValue).pipe(operators.map(function (validateFields) { return _this.setFieldDefaultIfEmpty(validateFields); }));
+        };
+        PoDynamicFormValidationService.prototype.sendFormChange = function (validate, field, value) {
+            var _this = this;
+            var changedValue = { property: field.property, value: value };
+            return this.execute(validate, changedValue).pipe(operators.map(function (validateFields) { return _this.setFormDefaultIfEmpty(validateFields); }));
+        };
+        PoDynamicFormValidationService.prototype.updateFieldsForm = function (validatedFields, fields) {
+            if (validatedFields === void 0) { validatedFields = []; }
+            if (fields === void 0) { fields = []; }
+            return __spreadArray([], __read(validatedFields)).reduce(function (updatedFields, validatedField) {
+                var index = updatedFields.findIndex(function (field) { return field.property === validatedField.property; });
+                var hasProperty = index >= 0;
+                if (hasProperty) {
+                    updatedFields[index] = Object.assign(Object.assign({}, fields[index]), validatedField);
+                }
+                return updatedFields;
+            }, __spreadArray([], __read(fields)));
+        };
+        PoDynamicFormValidationService.prototype.setFieldDefaultIfEmpty = function (validateFields) {
+            return (validateFields || {
+                field: {}
+            });
+        };
+        return PoDynamicFormValidationService;
+    }(PoDynamicFormOperation));
+    PoDynamicFormValidationService.decorators = [
+        { type: i0.Injectable }
+    ];
+    PoDynamicFormValidationService.ctorParameters = function () { return [
+        { type: i1.HttpClient }
+    ]; };
+
     /**
-     * @docsPrivate
+     * @docsExtends PoDynamicFormBaseComponent
      *
-     * Classe base do componente Po Lookup Modal.
+     * @example
+     *
+     * <example name="po-dynamic-form-basic" title="PO Dynamic Form Basic">
+     *  <file name="sample-po-dynamic-form-basic/sample-po-dynamic-form-basic.component.html"> </file>
+     *  <file name="sample-po-dynamic-form-basic/sample-po-dynamic-form-basic.component.ts"> </file>
+     * </example>
+     *
+     * <example name="po-dynamic-form-register" title="PO Dynamic Form - Register">
+     *  <file name="sample-po-dynamic-form-register/sample-po-dynamic-form-register.component.html"> </file>
+     *  <file name="sample-po-dynamic-form-register/sample-po-dynamic-form-register.component.ts"> </file>
+     *  <file name="sample-po-dynamic-form-register/sample-po-dynamic-form-register.service.ts"> </file>
+     * </example>
      */
-    var PoLookupModalBaseComponent = /** @class */ (function () {
-        function PoLookupModalBaseComponent(languageService) {
-            var _this = this;
-            /** Se verdadeiro, ativa a funcionalidade de scroll infinito para a tabela exibida no retorno da consulta. */
-            this.infiniteScroll = false;
-            /** Evento utilizado ao selecionar um registro da tabela. */
-            this.model = new i0.EventEmitter();
-            this.hasNext = true;
-            this.isLoading = false;
-            this.page = 1;
-            this.pageSize = 10;
-            this.searchValue = '';
-            // Propriedade da modal de busca avançada:
-            this.advancedFilterModalTitle = '';
-            this.dynamicFormValue = {};
-            this.isAdvancedFilter = false;
-            this.language = poLocaleDefault;
-            // eslint-disable-next-line @typescript-eslint/member-ordering
-            this.primaryAction = {
-                action: function () {
-                    _this.items.forEach(function (element) {
-                        if (element['$selected']) {
-                            _this.model.emit(element);
-                            _this.poModal.close();
-                        }
-                    });
-                },
-                label: this.literals.modalPrimaryActionLabel
-            };
-            // eslint-disable-next-line @typescript-eslint/member-ordering
-            this.secondaryAction = {
-                action: function () {
-                    _this.model.emit(null);
-                    _this.poModal.close();
-                },
-                label: this.literals.modalSecondaryActionLabel
-            };
-            this.language = languageService.getShortLanguage();
+    var PoDynamicFormComponent = /** @class */ (function (_super) {
+        __extends(PoDynamicFormComponent, _super);
+        function PoDynamicFormComponent(changes, loadService, validationService) {
+            var _this = _super.call(this) || this;
+            _this.changes = changes;
+            _this.loadService = loadService;
+            _this.validationService = validationService;
+            _this.comboOptionSubject = new rxjs.Subject();
+            return _this;
         }
-        Object.defineProperty(PoLookupModalBaseComponent.prototype, "literals", {
-            get: function () {
-                return this._literals || poLookupLiteralsDefault[this.language];
-            },
-            /** Objeto com as literais usadas no `po-lookup-modal`. */
-            set: function (value) {
-                if (value instanceof Object && !(value instanceof Array)) {
-                    this._literals = Object.assign(Object.assign(Object.assign({}, poLookupLiteralsDefault[poLocaleDefault]), poLookupLiteralsDefault[this.language]), value);
-                    if (value.modalTitle) {
-                        this.title = this.literals.modalTitle;
-                    }
-                }
-                else {
-                    this._literals = poLookupLiteralsDefault[this.language];
-                }
-                this.primaryAction.label = this.literals.modalPrimaryActionLabel;
-                this.secondaryAction.label = this.literals.modalSecondaryActionLabel;
-                this.setTableLiterals();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(PoLookupModalBaseComponent.prototype, "title", {
+        Object.defineProperty(PoDynamicFormComponent.prototype, "form", {
             get: function () {
-                return this._title;
+                return this._form || {};
             },
-            /** Título da modal. */
             set: function (value) {
-                this._title = isTypeof(value, 'string') ? value : this.literals.modalTitle;
+                var _this = this;
+                // necessario para nao ocorrer o ExpressionChangedAfterItHasBeenCheckedError
+                setTimeout(function () {
+                    _this._form = value;
+                    _this.emitForm();
+                });
             },
             enumerable: false,
             configurable: true
         });
-        PoLookupModalBaseComponent.prototype.ngOnDestroy = function () {
-            if (this.filterSubscription) {
-                this.filterSubscription.unsubscribe();
-            }
-            if (this.searchSubscription) {
-                this.searchSubscription.unsubscribe();
-            }
-            if (this.showMoreSubscription) {
-                this.showMoreSubscription.unsubscribe();
-            }
-        };
-        PoLookupModalBaseComponent.prototype.ngOnInit = function () {
-            this.setAdvancedFilterModalProperties();
-            this.initializeData();
-            this.setTableLiterals();
+        PoDynamicFormComponent.prototype.ngOnDestroy = function () {
+            this.removeListeners();
         };
-        PoLookupModalBaseComponent.prototype.createDisclaimer = function () {
-            var e_1, _c;
-            this.disclaimerGroup.disclaimers = [];
-            this.searchValue = '';
-            try {
-                for (var _d = __values(Object.entries(this.dynamicFormValue)), _e = _d.next(); !_e.done; _e = _d.next()) {
-                    var _f = __read(_e.value, 2), key = _f[0], value = _f[1];
-                    this.addDisclaimer(value, key);
-                }
-            }
-            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-            finally {
-                try {
-                    if (_e && !_e.done && (_c = _d.return)) _c.call(_d);
-                }
-                finally { if (e_1) throw e_1.error; }
-            }
-            if (!Object.values(this.dynamicFormValue).some(function (v) { return v !== null && typeof v !== 'undefined'; })) {
-                this.initializeData();
+        PoDynamicFormComponent.prototype.ngOnInit = function () {
+            if (this.load) {
+                this.loadDataOnInitialize();
             }
         };
-        PoLookupModalBaseComponent.prototype.addDisclaimer = function (value, property) {
-            this.disclaimer = { property: property };
-            this.disclaimer.value = value;
-            this.disclaimerGroup.disclaimers = __spreadArray(__spreadArray([], __read(this.disclaimerGroup.disclaimers)), [this.disclaimer]);
+        /**
+         * Função que atribui foco ao campo desejado.
+         *
+         * Para utilizá-la é necessário capturar a instância do `dynamic form`, como por exemplo:
+         *
+         * ``` html
+         * <po-dynamic-form #dynamicForm [p-fields]="fields"></po-dynamic-form>
+         * ```
+         *
+         * ``` javascript
+         * import { PoDynamicFormComponent, PoDynamicFormField } from '@po-ui/ng-components';
+         *
+         * ...
+         *
+         * @ViewChild('dynamicForm', { static: true }) dynamicForm: PoDynamicFormComponent;
+         *
+         * fields: Array<PoDynamicFormField> = [
+         *   { property: 'fieldOne' },
+         *   { property: 'fieldTwo' }
+         * ];
+         *
+         * fieldFocus() {
+         *   this.dynamicForm.focus('fieldTwo');
+         * }
+         * ```
+         *
+         * @param {string} property Nome da propriedade atribuída ao `PoDynamicFormField.property`.
+         */
+        PoDynamicFormComponent.prototype.focus = function (property) {
+            this.fieldsComponent.focus(property);
         };
-        PoLookupModalBaseComponent.prototype.onChangeDisclaimerGroup = function () {
-            if (!this.searchValue) {
-                this.isLoading = true;
-                this.searchValue = '';
-                this.searchFilteredItems();
-            }
+        PoDynamicFormComponent.prototype.getObjectValue = function () {
+            return this.comboOptionSubject.asObservable();
         };
-        PoLookupModalBaseComponent.prototype.search = function () {
-            this.page = 1;
-            if (this.searchValue) {
-                this.isLoading = true;
-                this.disclaimerGroup.disclaimers = [];
-                this.searchFilteredItems();
-            }
-            else {
-                this.initializeData();
-            }
+        PoDynamicFormComponent.prototype.sendObjectValue = function (objectValue) {
+            this.comboOptionSubject.next(objectValue);
         };
-        PoLookupModalBaseComponent.prototype.searchFilteredItems = function () {
+        PoDynamicFormComponent.prototype.validateForm = function (field) {
             var _this = this;
-            this.searchSubscription = this.getFilteredItems(this.searchValue)
-                .pipe(operators.catchError(function (error) {
-                _this.setLookupResponseProperties();
-                return rxjs.throwError(error);
-            }))
-                .subscribe(function (data) { return _this.setLookupResponseProperties(data); }, function () { });
+            var previousFocusElement = document.activeElement;
+            this.disableForm(true);
+            var errorOnValidation = function () { return _this.disableForm(false); };
+            this.sendFormSubscription = this.validationService
+                .sendFormChange(this.validate, field, this.value)
+                .subscribe(this.applyFormValidation(previousFocusElement), errorOnValidation);
         };
-        PoLookupModalBaseComponent.prototype.showMoreEvent = function () {
+        PoDynamicFormComponent.prototype.applyFormUpdatesOnLoad = function (previousFocusElement) {
             var _this = this;
-            this.page++;
-            this.isLoading = true;
-            this.showMoreSubscription = this.getFilteredItems(this.searchValue)
-                .pipe(operators.catchError(function (error) {
-                _this.hasNext = false;
-                _this.isLoading = false;
-                return rxjs.throwError(error);
-            }))
-                .subscribe(function (data) {
-                _this.items = __spreadArray(__spreadArray([], __read(_this.items)), __read(data.items));
-                _this.hasNext = data.hasNext;
-                _this.isLoading = false;
-            }, function () { });
+            return function (dynamicFormData) {
+                _this.updateModelOnLoad(dynamicFormData);
+                _this.disableForm(false);
+                _this.setFocusOnFieldByProperty(dynamicFormData.focus, previousFocusElement);
+            };
         };
-        PoLookupModalBaseComponent.prototype.setAdvancedFilterModalProperties = function () {
+        PoDynamicFormComponent.prototype.applyFormValidation = function (previousFocusElement) {
             var _this = this;
-            this.advancedFilterModalTitle = this.literals.modalAdvancedSearchTitle;
-            this.disclaimerGroup = {
-                title: this.literals.modalDisclaimerGroupTitle,
-                disclaimers: []
-            };
-            this.primaryActionAdvancedFilter = {
-                action: function () {
-                    _this.destroyDynamicForm();
-                    _this.isAdvancedFilter = false;
-                    _this.createDisclaimer();
-                },
-                label: this.literals.modalAdvancedSearchPrimaryActionLabel
-            };
-            this.secondaryActionAdvancedFilter = {
-                action: function () {
-                    _this.destroyDynamicForm();
-                    _this.isAdvancedFilter = false;
-                },
-                label: this.literals.modalAdvancedSearchSecondaryActionLabel
+            return function (dynamicFormData) {
+                _this.updateModelWithValidation(dynamicFormData);
+                _this.disableForm(false);
+                _this.setFocusOnFieldByProperty(dynamicFormData.focus, previousFocusElement);
             };
         };
-        PoLookupModalBaseComponent.prototype.getAdvancedFilters = function (advancedParams) {
-            if (advancedParams && advancedParams.length > 0) {
-                var filters_1 = {};
-                var validatedAdvacendFilters_1;
-                advancedParams.forEach(function (filter) {
-                    filters_1[filter.property] = filter.value instanceof Array ? filter.value.join() : filter.value;
-                    validatedAdvacendFilters_1 = Object.assign(Object.assign({}, validatedAdvacendFilters_1), filters_1);
-                });
-                return validatedAdvacendFilters_1;
-            }
-            return undefined;
-        };
-        PoLookupModalBaseComponent.prototype.getFilteredItems = function (filter) {
-            var filteredParams = this.getFilteredParams(filter);
-            return this.filterService.getFilteredItems(filteredParams);
+        PoDynamicFormComponent.prototype.disableForm = function (value) {
+            this.disabledForm = value;
+            this.changes.detectChanges();
         };
-        PoLookupModalBaseComponent.prototype.getFilteredParams = function (filter) {
-            var _c = this, page = _c.page, pageSize = _c.pageSize, filterParams = _c.filterParams, sort = _c.sort;
-            var filteredParams = {};
-            var order = this.getOrderParam(sort);
-            var advancedFilters = this.getAdvancedFilters(this.disclaimerGroup.disclaimers);
-            var params = { filter: filter, page: page, pageSize: pageSize, order: order, filterParams: filterParams, advancedFilters: advancedFilters };
-            for (var key in params) {
-                if (params.hasOwnProperty(key) && params[key] !== undefined) {
-                    filteredParams[key] = params[key];
-                }
+        PoDynamicFormComponent.prototype.emitForm = function () {
+            if (!this.groupForm && this.formOutput.observers.length) {
+                this.formOutput.emit(this.form);
             }
-            return filteredParams;
         };
-        PoLookupModalBaseComponent.prototype.getOrderParam = function (sort) {
-            if (sort === void 0) { sort = { type: undefined }; }
-            var column = sort.column, type = sort.type;
-            if (!column) {
-                return;
+        PoDynamicFormComponent.prototype.loadDataOnInitialize = function () {
+            var _this = this;
+            var previousFocusElement = document.activeElement;
+            this.disabledForm = true;
+            var errorOnLoad = function () { return (_this.disabledForm = false); };
+            this.onLoadSubscription = this.loadService
+                .executeLoad(this.load, this.value)
+                .subscribe(this.applyFormUpdatesOnLoad(previousFocusElement), errorOnLoad);
+        };
+        PoDynamicFormComponent.prototype.removeListeners = function () {
+            if (this.onLoadSubscription) {
+                this.onLoadSubscription.unsubscribe();
             }
-            if (type === exports.PoTableColumnSortType.Descending) {
-                return "-" + column.property;
+            if (this.sendFormSubscription) {
+                this.sendFormSubscription.unsubscribe();
             }
-            return "" + column.property;
         };
-        PoLookupModalBaseComponent.prototype.initializeData = function () {
+        PoDynamicFormComponent.prototype.setFocusOnFieldByProperty = function (property, previousFocusElement) {
             var _this = this;
-            this.isLoading = true;
-            this.filterSubscription = this.getFilteredItems('').subscribe(function (data) {
-                _this.setLookupResponseProperties(data);
-            });
+            if (property) {
+                // precisa do timeout para que o valor seja atribuido no campo antes de setar o focus,
+                // para nao disparar a mudança posteriormente. Situação ocorre quando retornar campo com valor e focus atribuido a ele.
+                setTimeout(function () { return _this.focus(property); });
+            }
+            else {
+                previousFocusElement['focus']();
+            }
         };
-        PoLookupModalBaseComponent.prototype.setLookupResponseProperties = function (data) {
-            var _a, _b;
-            this.items = (_a = data === null || data === void 0 ? void 0 : data.items) !== null && _a !== void 0 ? _a : [];
-            this.hasNext = (_b = data === null || data === void 0 ? void 0 : data.hasNext) !== null && _b !== void 0 ? _b : false;
-            this.isLoading = false;
+        PoDynamicFormComponent.prototype.updateModelOnLoad = function (loadedFormData) {
+            Object.assign(this.value, loadedFormData.value);
+            this.fields = this.loadService.createAndUpdateFieldsForm(loadedFormData.fields, this.fields);
         };
-        PoLookupModalBaseComponent.prototype.setTableLiterals = function () {
-            this.tableLiterals = {
-                'noColumns': this.literals.modalTableNoColumns,
-                'noData': this.literals.modalTableNoData,
-                'loadingData': this.literals.modalTableLoadingData,
-                'loadMoreData': this.literals.modalTableLoadMoreData
-            };
+        PoDynamicFormComponent.prototype.updateModelWithValidation = function (formData) {
+            Object.assign(this.value, formData.value);
+            this.fieldsComponent.updatePreviousValue();
+            this.fields = this.validationService.updateFieldsForm(formData.fields, this.fields);
         };
-        return PoLookupModalBaseComponent;
-    }());
-    PoLookupModalBaseComponent.decorators = [
-        { type: i0.Directive }
+        return PoDynamicFormComponent;
+    }(PoDynamicFormBaseComponent));
+    PoDynamicFormComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'po-dynamic-form',
+                    template: "<ng-container *ngIf=\"groupForm; then reuseFormTemplate; else uniqueFormTemplate\"></ng-container>\n\n<ng-template #reuseFormTemplate>\n  <po-dynamic-form-fields #fieldsComponent [p-auto-focus]=\"autoFocus\" [p-fields]=\"fields\" [p-value]=\"value\">\n  </po-dynamic-form-fields>\n</ng-template>\n\n<ng-template #uniqueFormTemplate>\n  <form #dynamicForm=\"ngForm\">\n    <po-dynamic-form-fields\n      #fieldsComponent\n      [(p-fields)]=\"fields\"\n      [p-auto-focus]=\"autoFocus\"\n      [p-disabled-form]=\"disabledForm\"\n      [p-validate]=\"validate\"\n      [p-validate-fields]=\"validateFields\"\n      [p-value]=\"value\"\n      (p-object-value)=\"sendObjectValue($event)\"\n      (p-form-validate)=\"validateForm($event)\"\n    >\n    </po-dynamic-form-fields>\n  </form>\n</ng-template>\n"
+                },] }
     ];
-    PoLookupModalBaseComponent.ctorParameters = function () { return [
-        { type: PoLanguageService }
+    PoDynamicFormComponent.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: PoDynamicFormLoadService },
+        { type: PoDynamicFormValidationService }
     ]; };
-    PoLookupModalBaseComponent.propDecorators = {
-        poModal: [{ type: i0.ViewChild, args: [PoModalComponent, { static: true },] }],
-        advancedFilters: [{ type: i0.Input, args: ['p-advanced-filters',] }],
-        columns: [{ type: i0.Input, args: ['p-columns',] }],
-        items: [{ type: i0.Input, args: ['p-items',] }],
-        filterService: [{ type: i0.Input, args: ['p-filter-service',] }],
-        filterParams: [{ type: i0.Input, args: ['p-filter-params',] }],
-        infiniteScroll: [{ type: i0.Input, args: ['p-infinite-scroll',] }],
-        model: [{ type: i0.Output, args: ['p-change-model',] }],
-        literals: [{ type: i0.Input, args: ['p-literals',] }],
-        title: [{ type: i0.Input, args: ['p-title',] }]
+    PoDynamicFormComponent.propDecorators = {
+        fieldsComponent: [{ type: i0.ViewChild, args: ['fieldsComponent',] }],
+        form: [{ type: i0.ViewChild, args: ['dynamicForm',] }]
     };
-    __decorate([
-        InputBoolean()
-    ], PoLookupModalBaseComponent.prototype, "infiniteScroll", void 0);
 
     /**
      * @docsPrivate
@@ -20551,8 +20693,8 @@
      */
     var PoLookupModalComponent = /** @class */ (function (_super) {
         __extends(PoLookupModalComponent, _super);
-        function PoLookupModalComponent(componentFactory, poLanguage) {
-            var _this = _super.call(this, poLanguage) || this;
+        function PoLookupModalComponent(componentFactory, poLanguage, changeDetector) {
+            var _this = _super.call(this, poLanguage, changeDetector) || this;
             _this.componentFactory = componentFactory;
             _this.keyUpObservable = null;
             _this.containerHeight = 375;
@@ -20565,6 +20707,34 @@
         PoLookupModalComponent.prototype.ngAfterViewInit = function () {
             this.initializeEventInput();
         };
+        // Seleciona um item na tabela
+        PoLookupModalComponent.prototype.onSelect = function (item) {
+            if (this.multiple) {
+                this.selecteds = __spreadArray(__spreadArray([], __read(this.selecteds)), [Object.assign({ value: item[this.fieldValue], label: item[this.fieldLabel] }, item)]);
+            }
+            else {
+                this.selecteds = [Object.assign({ value: item[this.fieldValue], label: item[this.fieldLabel] }, item)];
+            }
+        };
+        // Remove a seleção de um item na tabela
+        PoLookupModalComponent.prototype.onUnselect = function (unselectedItem) {
+            var _this = this;
+            this.selecteds = this.selecteds.filter(function (itemSelected) { return itemSelected.value !== unselectedItem[_this.fieldValue]; });
+        };
+        PoLookupModalComponent.prototype.onUnselectFromDisclaimer = function (removedDisclaimer) {
+            var _this = this;
+            this.poTable.unselectRowItem(function (item) { return item[_this.fieldValue] === removedDisclaimer.value; });
+        };
+        // Seleciona todos os itens visíveis na tabela
+        PoLookupModalComponent.prototype.onAllSelected = function (items) {
+            var _this = this;
+            this.selecteds = items.map(function (item) { return (Object.assign({ value: item[_this.fieldValue], label: item[_this.fieldLabel] }, item)); });
+        };
+        // Remove a seleção de todos os itens visíveis na tabela
+        PoLookupModalComponent.prototype.onAllUnselected = function (items) {
+            this.poTable.unselectRows();
+            this.selecteds = [];
+        };
         PoLookupModalComponent.prototype.initializeEventInput = function () {
             var _this = this;
             this.keyUpObservable = rxjs.fromEvent(this.inputSearchEl.nativeElement, 'keyup').pipe(operators.filter(function (e) { return _this.validateEnterPressed(e); }), operators.debounceTime(400));
@@ -20588,6 +20758,16 @@
             this.createDynamicForm();
         };
         PoLookupModalComponent.prototype.setTableHeight = function () {
+            var _a;
+            if (this.multiple) {
+                if (((_a = this.selecteds) === null || _a === void 0 ? void 0 : _a.length) !== 0) {
+                    this.tableHeight = 300;
+                }
+                else {
+                    this.tableHeight = 370;
+                    this.containerHeight = 375;
+                }
+            }
             // precisa ser 315 por as linhas terem altura de 32px (quando tela menor que 1366px).
             // O retorno padrão é 10 itens fazendo com que gere scroll caso houver paginação, 370 não gerava.
             this.tableHeight = this.infiniteScroll ? 315 : 370;
@@ -20623,14 +20803,16 @@
     PoLookupModalComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'po-lookup-modal',
-                    template: "<po-modal\n  p-click-out=\"false\"\n  p-hide-close=\"false\"\n  p-size=\"lg\"\n  [p-primary-action]=\"isAdvancedFilter ? primaryActionAdvancedFilter : primaryAction\"\n  [p-secondary-action]=\"isAdvancedFilter ? secondaryActionAdvancedFilter : secondaryAction\"\n  [p-title]=\"isAdvancedFilter ? advancedFilterModalTitle : title\"\n>\n  <div [hidden]=\"isAdvancedFilter\">\n    <po-field-container class=\"po-lookup-header po-pull-right\" [p-optional]=\"false\">\n      <div class=\"po-lookup-filter-content\">\n        <div class=\"po-field-icon-container-right\">\n          <span #iconLookup class=\"po-icon po-field-icon po-icon-search\" (click)=\"search()\"> </span>\n        </div>\n\n        <input\n          #inpsearch\n          class=\"po-input po-input-icon-right\"\n          name=\"contentSearch\"\n          [(ngModel)]=\"searchValue\"\n          [placeholder]=\"literals.modalPlaceholder\"\n          type=\"text\"\n        />\n      </div>\n\n      <div *ngIf=\"advancedFilters && advancedFilters.length > 0\" class=\"po-lookup-advanced-search\">\n        <span\n          class=\"po-lookup-advanced-search-link\"\n          tabindex=\"0\"\n          (click)=\"onAdvancedFilter()\"\n          (keydown.enter)=\"onAdvancedFilter()\"\n          tabindex=\"0\"\n        >\n          {{ literals.modalAdvancedSearch }}\n        </span>\n      </div>\n    </po-field-container>\n\n    <!-- DISCLAIMER -->\n    <po-disclaimer-group\n      class=\"po-md-12\"\n      *ngIf=\"!!disclaimerGroup\"\n      [p-disclaimers]=\"disclaimerGroup?.disclaimers\"\n      [p-title]=\"disclaimerGroup?.title\"\n      (p-change)=\"onChangeDisclaimerGroup()\"\n    >\n    </po-disclaimer-group>\n\n    <div class=\"po-row po-lookup-container-table\" [style.height.px]=\"containerHeight\">\n      <po-table\n        class=\"po-md-12\"\n        [p-selectable]=\"true\"\n        [p-hide-detail]=\"true\"\n        [p-single-select]=\"true\"\n        [p-sort]=\"true\"\n        [p-columns]=\"columns\"\n        [p-height]=\"tableHeight\"\n        [p-items]=\"items\"\n        [p-literals]=\"tableLiterals\"\n        [p-loading]=\"isLoading\"\n        [p-show-more-disabled]=\"!hasNext\"\n        [p-infinite-scroll]=\"infiniteScroll\"\n        (p-show-more)=\"showMoreEvent()\"\n        (p-sort-by)=\"sortBy($event)\"\n      >\n      </po-table>\n    </div>\n  </div>\n  <div [hidden]=\"!isAdvancedFilter\">\n    <ng-container #container> </ng-container>\n  </div>\n</po-modal>\n"
+                    template: "<po-modal\n  p-click-out=\"false\"\n  p-hide-close=\"false\"\n  p-size=\"lg\"\n  [p-primary-action]=\"isAdvancedFilter ? primaryActionAdvancedFilter : primaryAction\"\n  [p-secondary-action]=\"isAdvancedFilter ? secondaryActionAdvancedFilter : secondaryAction\"\n  [p-title]=\"isAdvancedFilter ? advancedFilterModalTitle : title\"\n>\n  <div [hidden]=\"isAdvancedFilter\">\n    <po-field-container class=\"po-lookup-header po-pull-right\" [p-optional]=\"false\">\n      <div class=\"po-lookup-filter-content\">\n        <div class=\"po-field-icon-container-right\">\n          <span #iconLookup class=\"po-icon po-field-icon po-icon-search\" (click)=\"search()\"> </span>\n        </div>\n\n        <input\n          #inpsearch\n          class=\"po-input po-input-icon-right\"\n          name=\"contentSearch\"\n          [(ngModel)]=\"searchValue\"\n          [placeholder]=\"literals.modalPlaceholder\"\n          type=\"text\"\n        />\n      </div>\n\n      <div *ngIf=\"advancedFilters && advancedFilters.length > 0\" class=\"po-lookup-advanced-search\">\n        <span\n          class=\"po-lookup-advanced-search-link\"\n          tabindex=\"0\"\n          (click)=\"onAdvancedFilter()\"\n          (keydown.enter)=\"onAdvancedFilter()\"\n          tabindex=\"0\"\n        >\n          {{ literals.modalAdvancedSearch }}\n        </span>\n      </div>\n    </po-field-container>\n\n    <!-- DISCLAIMER -->\n    <po-disclaimer-group\n      *ngIf=\"!!disclaimerGroup\"\n      class=\"po-md-12\"\n      [p-disclaimers]=\"disclaimerGroup?.disclaimers\"\n      [p-title]=\"disclaimerGroup?.title\"\n      (p-change)=\"onChangeDisclaimerGroup()\"\n    >\n    </po-disclaimer-group>\n\n    <div class=\"po-row po-lookup-container-table\" [style.height.px]=\"containerHeight\">\n      <po-table\n        #poTable\n        class=\"po-md-12\"\n        [p-selectable]=\"true\"\n        [p-hide-detail]=\"true\"\n        [p-single-select]=\"!multiple\"\n        [p-sort]=\"true\"\n        [p-columns]=\"columns\"\n        [p-height]=\"tableHeight\"\n        [p-items]=\"items\"\n        [p-literals]=\"tableLiterals\"\n        [p-loading]=\"isLoading\"\n        [p-show-more-disabled]=\"!hasNext\"\n        [p-infinite-scroll]=\"infiniteScroll\"\n        (p-selected)=\"onSelect($event)\"\n        (p-unselected)=\"onUnselect($event)\"\n        (p-all-selected)=\"onAllSelected($event)\"\n        (p-all-unselected)=\"onAllUnselected($event)\"\n        (p-show-more)=\"showMoreEvent()\"\n        (p-sort-by)=\"sortBy($event)\"\n      >\n      </po-table>\n    </div>\n\n    <!-- DISCLAIMER -->\n    <po-disclaimer-group\n      *ngIf=\"multiple\"\n      class=\"po-md-12\"\n      [p-disclaimers]=\"selecteds\"\n      (p-remove)=\"onUnselectFromDisclaimer($event.removedDisclaimer)\"\n      (p-remove-all)=\"onAllUnselected($event)\"\n    >\n    </po-disclaimer-group>\n  </div>\n  <div [hidden]=\"!isAdvancedFilter\">\n    <ng-container #container> </ng-container>\n  </div>\n</po-modal>\n"
                 },] }
     ];
     PoLookupModalComponent.ctorParameters = function () { return [
         { type: i0.ComponentFactoryResolver },
-        { type: PoLanguageService }
+        { type: PoLanguageService },
+        { type: i0.ChangeDetectorRef }
     ]; };
     PoLookupModalComponent.propDecorators = {
+        poTable: [{ type: i0.ViewChild, args: [PoTableComponent, { static: true },] }],
         inputSearchEl: [{ type: i0.ViewChild, args: ['inpsearch',] }],
         container: [{ type: i0.ViewChild, args: ['container', { read: i0.ViewContainerRef },] }]
     };
@@ -20655,10 +20837,13 @@
          * @param filterParams {any} Valor que será repassado aos métodos do serviço para auxiliar no filtro dos dados.
          * @param title {string} Definição do título da modal.
          * @param literals {PoLookupLiterals} Literais utilizadas no componente.
+         * @param selectedItems {any} Valor que está selecionado que será repassado para o modal para apresentar na tabela.
+         * @param fieldLabel {string} Valor que será utilizado como descrição do campo.
+         * @param fieldValue {string} Valor que será utilizado como valor do campo.
          */
         PoLookupModalService.prototype.openModal = function (params) {
             var _this = this;
-            var advancedFilters = params.advancedFilters, service = params.service, columns = params.columns, filterParams = params.filterParams, title = params.title, literals = params.literals, infiniteScroll = params.infiniteScroll;
+            var advancedFilters = params.advancedFilters, service = params.service, columns = params.columns, filterParams = params.filterParams, title = params.title, literals = params.literals, infiniteScroll = params.infiniteScroll, multiple = params.multiple, selectedItems = params.selectedItems, fieldLabel = params.fieldLabel, fieldValue = params.fieldValue;
             this.componentRef = this.poComponentInjector.createComponentInApplication(PoLookupModalComponent);
             this.componentRef.instance.advancedFilters = advancedFilters;
             this.componentRef.instance.title = title;
@@ -20670,6 +20855,10 @@
                 _this.selectValue($event);
             });
             this.componentRef.instance.infiniteScroll = infiniteScroll;
+            this.componentRef.instance.multiple = multiple;
+            this.componentRef.instance.selectedItems = selectedItems;
+            this.componentRef.instance.fieldLabel = fieldLabel;
+            this.componentRef.instance.fieldValue = fieldValue;
             this.componentRef.changeDetectorRef.detectChanges();
             this.componentRef.instance.openModal();
         };
@@ -20756,12 +20945,24 @@
      *  <file name="sample-po-lookup-sw-films/sample-po-lookup-sw-films.component.ts"> </file>
      *  <file name="sample-po-lookup-sw-films/sample-po-lookup-sw-films.service.ts"> </file>
      * </example>
+     *
+     * <example name="po-lookup-multiple" title="PO Lookup - Multiple">
+     *  <file name="sample-po-lookup-multiple/sample-po-lookup-multiple.component.html"> </file>
+     *  <file name="sample-po-lookup-multiple/sample-po-lookup-multiple.component.ts"> </file>
+     *  <file name="sample-po-lookup-multiple/sample-po-lookup-multiple.service.ts"> </file>
+     * </example>
      */
     var PoLookupComponent = /** @class */ (function (_super) {
         __extends(PoLookupComponent, _super);
-        function PoLookupComponent(poLookupFilterService, poLookupModalService, injector) {
+        function PoLookupComponent(renderer, poLookupFilterService, poLookupModalService, injector) {
             var _this = _super.call(this, poLookupFilterService, injector) || this;
+            _this.renderer = renderer;
             _this.poLookupModalService = poLookupModalService;
+            _this.initialized = false;
+            _this.visibleElement = false;
+            _this.disclaimers = [];
+            _this.visibleDisclaimers = [];
+            _this.isCalculateVisibleItems = true;
             return _this;
         }
         Object.defineProperty(PoLookupComponent.prototype, "autocomplete", {
@@ -20776,6 +20977,17 @@
             if (this.autoFocus) {
                 this.focus();
             }
+            this.initialized = true;
+        };
+        PoLookupComponent.prototype.ngDoCheck = function () {
+            var _a;
+            var inputWidth = (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.nativeElement.offsetWidth;
+            // Permite que os disclaimers sejam calculados na primeira vez que o componente torna-se visível,
+            // evitando com isso, problemas com Tabs ou Divs que iniciem escondidas.
+            if ((inputWidth && !this.visibleElement && this.initialized) || (inputWidth && this.isCalculateVisibleItems)) {
+                this.debounceResize();
+                this.visibleElement = true;
+            }
         };
         PoLookupComponent.prototype.ngOnDestroy = function () {
             if (this.modalSubscription) {
@@ -20784,6 +20996,7 @@
         };
         PoLookupComponent.prototype.ngOnInit = function () {
             _super.prototype.ngOnInit.call(this);
+            this.initializeListeners();
         };
         /**
          * Função que atribui foco ao componente.
@@ -20810,7 +21023,8 @@
         PoLookupComponent.prototype.openLookup = function () {
             var _this = this;
             if (this.isAllowedOpenModal()) {
-                var _b = this, advancedFilters = _b.advancedFilters, service = _b.service, columns = _b.columns, filterParams = _b.filterParams, literals = _b.literals, infiniteScroll = _b.infiniteScroll;
+                var _c = this, advancedFilters = _c.advancedFilters, service = _c.service, columns = _c.columns, filterParams = _c.filterParams, literals = _c.literals, infiniteScroll = _c.infiniteScroll, multiple = _c.multiple, fieldLabel = _c.fieldLabel, fieldValue = _c.fieldValue;
+                var selectedItems = this.checkSelectedItems();
                 this.poLookupModalService.openModal({
                     advancedFilters: advancedFilters,
                     service: service,
@@ -20818,20 +21032,45 @@
                     filterParams: filterParams,
                     title: this.label,
                     literals: literals,
-                    infiniteScroll: infiniteScroll
+                    infiniteScroll: infiniteScroll,
+                    multiple: multiple,
+                    selectedItems: selectedItems,
+                    fieldLabel: fieldLabel,
+                    fieldValue: fieldValue
                 });
                 if (!this.modalSubscription) {
-                    this.modalSubscription = this.poLookupModalService.selectValueEvent.subscribe(function (element) {
-                        _this.selectModel(element);
+                    this.modalSubscription = this.poLookupModalService.selectValueEvent.subscribe(function (selectedOptions) {
+                        if (selectedOptions.length > 1 || _this.disclaimers.length) {
+                            _this.setDisclaimers(selectedOptions);
+                            _this.updateVisibleItems();
+                        }
+                        _this.selectModel(selectedOptions);
                     });
                 }
             }
         };
+        PoLookupComponent.prototype.checkSelectedItems = function () {
+            var _a;
+            if (this.multiple) {
+                if (!this.disclaimers.length && ((_a = this.valueToModel) === null || _a === void 0 ? void 0 : _a.length)) {
+                    return [Object.assign({ value: this.valueToModel[0], label: this.oldValue }, this.selectedOptions[0])];
+                }
+                return this.disclaimers;
+            }
+            else {
+                return this.valueToModel;
+            }
+        };
+        PoLookupComponent.prototype.setDisclaimers = function (selectedOptions) {
+            var _this = this;
+            this.disclaimers = selectedOptions.map(function (selectedOption) { return (Object.assign({ value: selectedOption[_this.fieldValue], label: selectedOption[_this.fieldLabel] }, selectedOption)); });
+            this.visibleDisclaimers = __spreadArray([], __read(this.disclaimers));
+        };
         PoLookupComponent.prototype.setViewValue = function (value, object) {
-            if (this.fieldFormat) {
+            if (this.inputEl && this.fieldFormat) {
                 this.setInputValueWipoieldFormat(object);
             }
-            else {
+            else if (this.inputEl) {
                 this.inputEl.nativeElement.value = this.valueToModel || this.valueToModel === 0 ? value : '';
             }
         };
@@ -20839,13 +21078,82 @@
             return this.inputEl.nativeElement.value;
         };
         PoLookupComponent.prototype.searchEvent = function () {
-            var _a;
+            var _a, _b;
             (_a = this.onTouched) === null || _a === void 0 ? void 0 : _a.call(this);
             var value = this.getViewValue();
-            if (this.oldValue.toString() !== value) {
+            if (((_b = this.oldValue) === null || _b === void 0 ? void 0 : _b.toString()) !== value) {
                 this.searchById(value);
             }
         };
+        PoLookupComponent.prototype.closeDisclaimer = function (value) {
+            this.disclaimers = this.disclaimers.filter(function (disclaimer) { return disclaimer.value !== value; });
+            this.valueToModel = this.valueToModel.filter(function (model) { return model !== value; });
+            this.updateVisibleItems();
+            this.callOnChange(this.valueToModel.length ? this.valueToModel : undefined);
+        };
+        PoLookupComponent.prototype.updateVisibleItems = function () {
+            if (this.disclaimers && this.disclaimers.length > 0) {
+                this.visibleDisclaimers = [].concat(this.disclaimers);
+            }
+            this.debounceResize();
+            if (!this.inputEl.nativeElement.offsetWidth) {
+                this.isCalculateVisibleItems = true;
+            }
+        };
+        PoLookupComponent.prototype.debounceResize = function () {
+            var _this = this;
+            if (!this.autoHeight) {
+                clearTimeout(this.timeoutResize);
+                this.timeoutResize = setTimeout(function () {
+                    _this.calculateVisibleItems();
+                }, 200);
+            }
+        };
+        PoLookupComponent.prototype.getInputWidth = function () {
+            return this.inputEl.nativeElement.offsetWidth - 40;
+        };
+        PoLookupComponent.prototype.getDisclaimersWidth = function () {
+            var disclaimers = this.inputEl.nativeElement.querySelectorAll('po-disclaimer');
+            return Array.from(disclaimers).map(function (disclaimer) { return disclaimer['offsetWidth']; });
+        };
+        PoLookupComponent.prototype.calculateVisibleItems = function () {
+            var disclaimersWidth = this.getDisclaimersWidth();
+            var inputWidth = this.getInputWidth();
+            var extraDisclaimerSize = 38;
+            var disclaimersVisible = disclaimersWidth[0];
+            var newDisclaimers = [];
+            var disclaimers = this.disclaimers;
+            if (inputWidth > 0) {
+                var sum = 0;
+                var i = 0;
+                for (i = 0; i < disclaimers.length; i++) {
+                    sum += disclaimersWidth[i];
+                    newDisclaimers.push(disclaimers[i]);
+                    if (sum > inputWidth) {
+                        sum -= disclaimersWidth[i];
+                        this.isCalculateVisibleItems = false;
+                        break;
+                    }
+                }
+                if (disclaimersVisible || !disclaimers.length) {
+                    if (i === disclaimers.length) {
+                        this.isCalculateVisibleItems = false;
+                        return;
+                    }
+                    if (sum + extraDisclaimerSize > inputWidth) {
+                        newDisclaimers.splice(-2, 2);
+                        var label = '+' + (disclaimers.length + 1 - i).toString();
+                        newDisclaimers.push({ value: '', label: label });
+                    }
+                    else {
+                        newDisclaimers.splice(-1, 1);
+                        var label = '+' + (disclaimers.length - i).toString();
+                        newDisclaimers.push({ value: '', label: label });
+                    }
+                }
+            }
+            this.visibleDisclaimers = __spreadArray([], __read(newDisclaimers));
+        };
         PoLookupComponent.prototype.isAllowedOpenModal = function () {
             if (!this.service) {
                 console.warn('No service informed');
@@ -20853,7 +21161,7 @@
             return !!(this.service && !this.disabled);
         };
         PoLookupComponent.prototype.formatFields = function (objectSelected, properties) {
-            var e_1, _b;
+            var e_1, _c;
             var formatedField;
             if (Array.isArray(properties)) {
                 try {
@@ -20872,7 +21180,7 @@
                 catch (e_1_1) { e_1 = { error: e_1_1 }; }
                 finally {
                     try {
-                        if (properties_1_1 && !properties_1_1.done && (_b = properties_1.return)) _b.call(properties_1);
+                        if (properties_1_1 && !properties_1_1.done && (_c = properties_1.return)) _c.call(properties_1);
                     }
                     finally { if (e_1) throw e_1.error; }
                 }
@@ -20894,22 +21202,29 @@
             this.oldValue = isEmpty ? '' : fieldFormated;
             this.inputEl.nativeElement.value = isEmpty ? '' : fieldFormated;
         };
+        PoLookupComponent.prototype.initializeListeners = function () {
+            var _this = this;
+            this.resizeListener = this.renderer.listen('window', 'resize', function () {
+                _this.updateVisibleItems();
+            });
+        };
         return PoLookupComponent;
     }(PoLookupBaseComponent));
     PoLookupComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'po-lookup',
-                    template: "<po-field-container [p-label]=\"label\" [p-help]=\"help\" [p-optional]=\"!required && optional\">\n  <div class=\"po-field-container-content\">\n    <input\n      #inp\n      class=\"po-input\"\n      type=\"text\"\n      [ngClass]=\"clean && inp.value ? 'po-input-double-icon-right' : 'po-input-icon-right'\"\n      [autocomplete]=\"autocomplete\"\n      [disabled]=\"disabled\"\n      [placeholder]=\"placeholder\"\n      [required]=\"required\"\n      (blur)=\"searchEvent()\"\n    />\n\n    <div class=\"po-field-icon-container-right\">\n      <po-clean *ngIf=\"clean && !disabled\" [p-element-ref]=\"inputEl\" (p-change-event)=\"cleanModel()\"> </po-clean>\n\n      <span\n        #iconLookup\n        class=\"po-icon po-field-icon po-icon-search\"\n        tabindex=\"-1\"\n        [class.po-field-icon]=\"!disabled\"\n        [class.po-field-icon-disabled]=\"disabled\"\n        (click)=\"openLookup()\"\n        (focus)=\"inp.focus()\"\n      >\n      </span>\n    </div>\n  </div>\n\n  <po-field-container-bottom></po-field-container-bottom>\n</po-field-container>\n",
+                    template: "<po-field-container [p-label]=\"label\" [p-help]=\"help\" [p-optional]=\"!required && optional\">\n  <div class=\"po-field-container-content\" *ngIf=\"!disclaimers.length; else disclaimersTemplate\">\n    <input\n      #inp\n      class=\"po-input\"\n      type=\"text\"\n      [ngClass]=\"clean && inp.value ? 'po-input-double-icon-right' : 'po-input-icon-right'\"\n      [autocomplete]=\"autocomplete\"\n      [disabled]=\"disabled\"\n      [placeholder]=\"placeholder\"\n      [required]=\"required\"\n      (blur)=\"searchEvent()\"\n    />\n\n    <div class=\"po-field-icon-container-right\">\n      <po-clean *ngIf=\"clean && !disabled\" [p-element-ref]=\"inputEl\" (p-change-event)=\"cleanModel()\"> </po-clean>\n\n      <span\n        #iconLookup\n        class=\"po-icon po-field-icon po-icon-search\"\n        tabindex=\"-1\"\n        [class.po-field-icon]=\"!disabled\"\n        [class.po-field-icon-disabled]=\"disabled\"\n        (click)=\"openLookup()\"\n        (focus)=\"inp.focus()\"\n      >\n      </span>\n    </div>\n  </div>\n  <po-field-container-bottom></po-field-container-bottom>\n</po-field-container>\n\n<ng-template #disclaimersTemplate>\n  <div class=\"po-field-container-content\">\n    <div\n      #inp\n      [tabindex]=\"disabled ? -1 : 0\"\n      class=\"po-input po-input-icon-right po-lookup-input\"\n      [class.po-lookup-input-auto]=\"autoHeight\"\n      [class.po-lookup-input-static]=\"!autoHeight\"\n      [class.po-lookup-input-disabled]=\"disabled\"\n    >\n      <span *ngIf=\"placeholder && !disclaimers?.length\" class=\"po-lookup-input-placeholder\">\n        {{ placeholder }}\n      </span>\n\n      <po-disclaimer\n        *ngFor=\"let disclaimer of visibleDisclaimers\"\n        class=\"po-lookup-input-disclaimer\"\n        [p-label]=\"disclaimer.label\"\n        [p-value]=\"disclaimer.value\"\n        [p-hide-close]=\"disclaimer.value === '' || disabled\"\n        [class.po-clickable]=\"disclaimer.value === '' && !disabled\"\n        (p-close-action)=\"closeDisclaimer(disclaimer.value)\"\n      >\n      </po-disclaimer>\n    </div>\n\n    <div class=\"po-field-icon-container-right\">\n      <span\n        #iconLookup\n        class=\"po-icon po-field-icon po-icon-search\"\n        tabindex=\"-1\"\n        [class.po-field-icon]=\"!disabled\"\n        [class.po-field-icon-disabled]=\"disabled\"\n        (click)=\"openLookup()\"\n        (focus)=\"inp.focus()\"\n      >\n      </span>\n    </div>\n  </div>\n</ng-template>\n",
                     providers: providers$2
                 },] }
     ];
     PoLookupComponent.ctorParameters = function () { return [
+        { type: i0.Renderer2 },
         { type: PoLookupFilterService },
         { type: PoLookupModalService },
         { type: i0.Injector }
     ]; };
     PoLookupComponent.propDecorators = {
-        inputEl: [{ type: i0.ViewChild, args: ['inp', { read: i0.ElementRef, static: true },] }]
+        inputEl: [{ type: i0.ViewChild, args: ['inp', { read: i0.ElementRef, static: false },] }]
     };
 
     /**
@@ -35238,6 +35553,12 @@
      *  <file name="sample-po-stepper-sales/sample-po-stepper-sales.component.html"> </file>
      *  <file name="sample-po-stepper-sales/sample-po-stepper-sales.component.ts"> </file>
      * </example>
+     *
+     * <example name="po-stepper-active" title="PO Stepper - Active">
+     *  <file name="sample-po-stepper-active/sample-po-stepper-active.component.html"> </file>
+     *  <file name="sample-po-stepper-active/sample-po-stepper-active.component.ts"> </file>
+     *  <file name="sample-po-stepper-active/sample-po-stepper-active.service.ts"> </file>
+     * </example>
      */
     var PoStepperComponent = /** @class */ (function (_super) {
         __extends(PoStepperComponent, _super);
@@ -35287,11 +35608,7 @@
             }
             var stepsArray = this.getPoSteps();
             var step = stepsArray[index];
-            var isDisabledStep = step.status === exports.PoStepperStatus.Disabled;
-            var isErrorStep = step.status === exports.PoStepperStatus.Error;
-            if (!isDisabledStep || isErrorStep) {
-                this.changeStep(index, step);
-            }
+            this.changeStep(index, step);
         };
         /**
          * Ativa o primeiro *step*.
@@ -35354,8 +35671,12 @@
         };
         PoStepperComponent.prototype.onStepActive = function (step) {
             this.currentActiveStep = step;
-            this.previousActiveStep = this.poSteps.find(function (stepChild) { return stepChild.status === exports.PoStepperStatus.Active && stepChild.id !== step.id; });
-            this.setPreviousStepAsDone();
+            var stepIndex = this.getStepsAndIndex(this.currentActiveStep).stepIndex;
+            this.poSteps.forEach(function (stepChild, i) {
+                if (i < stepIndex) {
+                    stepChild.status = exports.PoStepperStatus.Done;
+                }
+            });
         };
         PoStepperComponent.prototype.trackByFn = function (step) {
             return step.id;
@@ -35432,11 +35753,6 @@
                 steps[nextIndex].status = exports.PoStepperStatus.Default;
             }
         };
-        PoStepperComponent.prototype.setPreviousStepAsDone = function () {
-            if (this.previousActiveStep) {
-                this.previousActiveStep.status = exports.PoStepperStatus.Done;
-            }
-        };
         return PoStepperComponent;
     }(PoStepperBaseComponent));
     PoStepperComponent.decorators = [