@po-ui/ng-components 5.14.0 → 5.18.0

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

@@ -646,6 +646,20 @@
      */
     var PoAvatarBaseComponent = /** @class */ (function () {
         function PoAvatarBaseComponent() {
+            /**
+             * @optional
+             *
+             * @description
+             *
+             * Indica como o navegador deve carregar a imagem.
+             *
+             * Valores válidos:
+             *  - `eager` (a imagem é carregada imediatamente, independente de estar visível ou não)
+             *  - `lazy` (a imagem só é carregada quando estiver próxima de ser renderizada)
+             *
+             * @default `eager`
+             */
+            this.loading = 'eager';
             /** Evento disparado ao clicar na imagem do *avatar*. */
             this.click = new i0.EventEmitter();
             this._size = 'md';
@@ -690,6 +704,7 @@
     ];
     PoAvatarBaseComponent.propDecorators = {
         src: [{ type: i0.Input, args: ['p-src',] }],
+        loading: [{ type: i0.Input, args: ['p-loading',] }],
         click: [{ type: i0.Output, args: ['p-click',] }],
         size: [{ type: i0.Input, args: ['p-size',] }]
     };
@@ -734,7 +749,7 @@
     PoAvatarComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'po-avatar',
-                    template: "<div class=\"po-avatar po-avatar-{{ size }}\" [class.po-clickable]=\"hasClickEvent\" (click)=\"click.emit()\">\n  <ng-container *ngIf=\"src; then sourceImage; else defaultIcon\"></ng-container>\n</div>\n\n<ng-template #sourceImage>\n  <img class=\"po-avatar-image\" [src]=\"src\" alt=\"\" (error)=\"onError()\" />\n</ng-template>\n\n<ng-template #defaultIcon>\n  <span class=\"po-icon po-icon-user po-avatar-default-icon\"></span>\n</ng-template>\n",
+                    template: "<div class=\"po-avatar po-avatar-{{ size }}\" [class.po-clickable]=\"hasClickEvent\" (click)=\"click.emit()\">\n  <ng-container *ngIf=\"src; then sourceImage; else defaultIcon\"></ng-container>\n</div>\n\n<ng-template #sourceImage>\n  <img class=\"po-avatar-image\" [src]=\"src\" alt=\"\" [attr.loading]=\"loading\" (error)=\"onError()\" />\n</ng-template>\n\n<ng-template #defaultIcon>\n  <span class=\"po-icon po-icon-user po-avatar-default-icon\"></span>\n</ng-template>\n",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush
                 },] }
     ];
@@ -10962,6 +10977,7 @@
             else if (this.inputEl) {
                 this.inputEl.nativeElement.value = '';
                 this.date = undefined;
+                this.callOnChange(this.date, false);
             }
             this.valueBeforeChange = this.formatToDate(this.date);
         };
@@ -13719,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) {
@@ -14607,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;
@@ -14845,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 = [
@@ -16966,19 +17022,27 @@
     var poDatepickerRangeLiteralsDefault = {
         en: {
             invalidFormat: 'Date in invalid format',
-            startDateGreaterThanEndDate: 'Start date greater than end date'
+            startDateGreaterThanEndDate: 'Start date greater than end date',
+            invalidDate: 'Invalid date',
+            dateOutOfPeriod: 'Date out of period'
         },
         es: {
             invalidFormat: 'Fecha en formato no válido',
-            startDateGreaterThanEndDate: 'Fecha de inicio mayor que fecha final'
+            startDateGreaterThanEndDate: 'Fecha de inicio mayor que fecha final',
+            invalidDate: 'Fecha invalida',
+            dateOutOfPeriod: 'Fecha fuera de período'
         },
         pt: {
             invalidFormat: 'Data no formato inválido',
-            startDateGreaterThanEndDate: 'Data inicial maior que data final'
+            startDateGreaterThanEndDate: 'Data inicial maior que data final',
+            invalidDate: 'Data inválida',
+            dateOutOfPeriod: 'Data fora do período'
         },
         ru: {
             invalidFormat: 'Дата в неверном формате',
-            startDateGreaterThanEndDate: 'Дата начала больше даты окончания'
+            startDateGreaterThanEndDate: 'Дата начала больше даты окончания',
+            invalidDate: 'Недействительная дата',
+            dateOutOfPeriod: 'дата вне периода'
         }
     };
 
@@ -17173,6 +17237,56 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(PoDatepickerRangeBaseComponent.prototype, "minDate", {
+            get: function () {
+                return this._minDate;
+            },
+            /**
+             * @optional
+             *
+             * @description
+             *
+             * Define uma data mínima para o `po-datepicker-range`.
+             */
+            set: function (value) {
+                if (value instanceof Date) {
+                    var year = value.getFullYear();
+                    var date = new Date(year, value.getMonth(), value.getDate(), 0, 0, 0);
+                    setYearFrom0To100(date, year);
+                    this._minDate = date;
+                }
+                else {
+                    this._minDate = convertIsoToDate(value, true, false);
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(PoDatepickerRangeBaseComponent.prototype, "maxDate", {
+            get: function () {
+                return this._maxDate;
+            },
+            /**
+             * @optional
+             *
+             * @description
+             *
+             * Define uma data máxima para o `po-datepicker-range`.
+             */
+            set: function (value) {
+                if (value instanceof Date) {
+                    var year = value.getFullYear();
+                    var date = new Date(year, value.getMonth(), value.getDate(), 23, 59, 59);
+                    setYearFrom0To100(date, year);
+                    this._maxDate = date;
+                }
+                else {
+                    this._maxDate = convertIsoToDate(value, false, true);
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(PoDatepickerRangeBaseComponent.prototype, "noAutocomplete", {
             get: function () {
                 return this._noAutocomplete;
@@ -17282,6 +17396,14 @@
                     }
                 };
             }
+            if (!this.verifyValidDate(startDate, endDate)) {
+                this.errorMessage = this.literals.invalidDate;
+                return {
+                    date: {
+                        valid: false
+                    }
+                };
+            }
             if (this.dateRangeObjectFailed(control.value) || this.dateRangeFormatFailed(startDate, endDate)) {
                 this.errorMessage = this.literals.invalidFormat;
                 return {
@@ -17298,8 +17420,19 @@
                     }
                 };
             }
+            if ((startDate && !this.validateDateInRange(startDate)) || (endDate && !this.validateDateInRange(endDate))) {
+                this.errorMessage = this.literals.dateOutOfPeriod;
+                return {
+                    date: {
+                        valid: false
+                    }
+                };
+            }
             return null;
         };
+        PoDatepickerRangeBaseComponent.prototype.validateDateInRange = function (startDate) {
+            return validateDateRange(convertIsoToDate(startDate, false, false), this._minDate, this._maxDate);
+        };
         PoDatepickerRangeBaseComponent.prototype.writeValue = function (dateRange) {
             this.resetDateRangeInputValidation();
             if (!dateRange || this.dateRangeObjectFailed(dateRange)) {
@@ -17337,6 +17470,17 @@
                 this.validatorChange(model);
             }
         };
+        PoDatepickerRangeBaseComponent.prototype.verifyValidDate = function (startDate, endDate) {
+            if (startDate !== '' && endDate !== '') {
+                return this.dateIsValid(startDate) && this.dateIsValid(endDate);
+            }
+            else if (startDate !== '') {
+                return this.dateIsValid(startDate);
+            }
+            else {
+                return this.dateIsValid(endDate);
+            }
+        };
         PoDatepickerRangeBaseComponent.prototype.convertPatternDateFormat = function (value) {
             if (value instanceof Date) {
                 return this.poDateService.convertDateToISO(value);
@@ -17360,6 +17504,29 @@
                 requiredFailed(this.required, this.disabled, startDate) &&
                 requiredFailed(this.required, this.disabled, endDate));
         };
+        PoDatepickerRangeBaseComponent.prototype.dateIsValid = function (date) {
+            var _a = __read(date.split('-'), 3), strYear = _a[0], strMonth = _a[1], strDay = _a[2];
+            var year = Number(strYear);
+            var month = Number(strMonth);
+            var day = Number(strDay);
+            //verificação dos meses com 31 dias
+            if (month === 1 || month === 3 || month === 5 || month === 7 || month === 8 || month === 10 || month === 12) {
+                return day < 1 || day > 31 ? false : true;
+            }
+            else if (month === 4 || month === 6 || month === 9 || month === 11) {
+                //verificação dos meses com 30 dias
+                return day < 1 || day > 30 ? false : true;
+            }
+            else {
+                //verificacao de ano bissexto para verificar até qual dia irá o mês de fevereiro
+                if ((year % 4 === 0 && year % 100 !== 0) || year % 400 === 0) {
+                    return day < 1 || day > 29 ? false : true;
+                }
+                else {
+                    return day < 1 || day > 28 ? false : true;
+                }
+            }
+        };
         return PoDatepickerRangeBaseComponent;
     }());
     PoDatepickerRangeBaseComponent.decorators = [
@@ -17379,6 +17546,8 @@
         disabled: [{ type: i0.Input, args: ['p-disabled',] }],
         endDate: [{ type: i0.Input, args: ['p-end-date',] }],
         literals: [{ type: i0.Input, args: ['p-literals',] }],
+        minDate: [{ type: i0.Input, args: ['p-min-date',] }],
+        maxDate: [{ type: i0.Input, args: ['p-max-date',] }],
         noAutocomplete: [{ type: i0.Input, args: ['p-no-autocomplete',] }],
         readonly: [{ type: i0.Input, args: ['p-readonly',] }],
         required: [{ type: i0.Input, args: ['p-required',] }],
@@ -17537,6 +17706,11 @@
             // Classe de máscara
             this.poMaskObject = this.buildMask();
         };
+        PoDatepickerRangeComponent.prototype.ngOnChanges = function (changes) {
+            if (changes.minDate || changes.maxDate) {
+                this.validateModel(this.dateRange);
+            }
+        };
         PoDatepickerRangeComponent.prototype.ngOnDestroy = function () {
             this.removeListeners();
         };
@@ -17677,7 +17851,7 @@
         PoDatepickerRangeComponent.prototype.getDateRangeFormatValidation = function (startDate, endDate, isStartDateTargetEvent) {
             this.setDateRangeInputValidation(startDate, endDate);
             return {
-                isValid: this.isDateRangeInputFormatValid && this.isStartDateRangeInputValid,
+                isValid: this.isDateRangeInputFormatValid && this.isStartDateRangeInputValid && this.verifyValidDate(startDate, endDate),
                 dateRangeModel: this.getValidatedModel(startDate, endDate, isStartDateTargetEvent)
             };
         };
@@ -17841,7 +18015,7 @@
     PoDatepickerRangeComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'po-datepicker-range',
-                    template: "<po-field-container [p-help]=\"help\" [p-label]=\"label\" [p-optional]=\"!required && optional\">\n  <div #dateRangeField class=\"po-datepicker-range-field po-input\" [class.po-datepicker-range-field-disabled]=\"disabled\">\n    <div class=\"po-datepicker-range-start-date\">\n      <input\n        #startDateInput\n        class=\"po-datepicker-range-input\"\n        maxlength=\"10\"\n        type=\"text\"\n        [autocomplete]=\"autocomplete\"\n        [disabled]=\"disabled\"\n        [name]=\"startDateInputName\"\n        [readonly]=\"readonly\"\n        (blur)=\"onBlur($event)\"\n        (focus)=\"onFocus($event)\"\n        (keydown)=\"onKeydown($event)\"\n        (keyup)=\"onKeyup($event)\"\n        (click)=\"eventOnClick($event)\"\n      />\n    </div>\n\n    <div class=\"po-datepicker-range-separator\">-</div>\n\n    <div class=\"po-datepicker-range-end-date\">\n      <input\n        #endDateInput\n        class=\"po-datepicker-range-input\"\n        maxlength=\"10\"\n        type=\"text\"\n        [autocomplete]=\"autocomplete\"\n        [disabled]=\"disabled\"\n        [name]=\"endDateInputName\"\n        [readonly]=\"readonly\"\n        (blur)=\"onBlur($event)\"\n        (focus)=\"onFocus($event)\"\n        (keydown)=\"onKeydown($event)\"\n        (keyup)=\"onKeyup($event)\"\n        (click)=\"eventOnClick($event)\"\n      />\n    </div>\n\n    <div class=\"po-datepicker-range-icon\">\n      <po-clean *ngIf=\"enableCleaner\" (p-change-event)=\"clear()\"></po-clean>\n    </div>\n\n    <div class=\"po-datepicker-range-icon\">\n      <span\n        #iconCalendar\n        class=\"po-icon po-field-icon po-icon-calendar\"\n        [class.po-clickable]=\"!disabled && !readonly\"\n        [class.po-field-icon-disabled]=\"disabled || readonly\"\n        (click)=\"toggleCalendar()\"\n      >\n      </span>\n    </div>\n  </div>\n\n  <po-field-container-bottom [p-error-pattern]=\"getErrorMessage\"></po-field-container-bottom>\n</po-field-container>\n\n<ng-container *ngIf=\"isCalendarVisible\">\n  <div #calendarPicker class=\"po-calendar-range-picker\">\n    <po-calendar p-mode=\"range\" [ngModel]=\"dateRange\" (ngModelChange)=\"onCalendarChange($event)\"></po-calendar>\n  </div>\n</ng-container>\n",
+                    template: "<po-field-container [p-help]=\"help\" [p-label]=\"label\" [p-optional]=\"!required && optional\">\n  <div #dateRangeField class=\"po-datepicker-range-field po-input\" [class.po-datepicker-range-field-disabled]=\"disabled\">\n    <div class=\"po-datepicker-range-start-date\">\n      <input\n        #startDateInput\n        class=\"po-datepicker-range-input\"\n        maxlength=\"10\"\n        type=\"text\"\n        [autocomplete]=\"autocomplete\"\n        [disabled]=\"disabled\"\n        [name]=\"startDateInputName\"\n        [readonly]=\"readonly\"\n        (blur)=\"onBlur($event)\"\n        (focus)=\"onFocus($event)\"\n        (keydown)=\"onKeydown($event)\"\n        (keyup)=\"onKeyup($event)\"\n        (click)=\"eventOnClick($event)\"\n      />\n    </div>\n\n    <div class=\"po-datepicker-range-separator\">-</div>\n\n    <div class=\"po-datepicker-range-end-date\">\n      <input\n        #endDateInput\n        class=\"po-datepicker-range-input\"\n        maxlength=\"10\"\n        type=\"text\"\n        [autocomplete]=\"autocomplete\"\n        [disabled]=\"disabled\"\n        [name]=\"endDateInputName\"\n        [readonly]=\"readonly\"\n        (blur)=\"onBlur($event)\"\n        (focus)=\"onFocus($event)\"\n        (keydown)=\"onKeydown($event)\"\n        (keyup)=\"onKeyup($event)\"\n        (click)=\"eventOnClick($event)\"\n      />\n    </div>\n\n    <div class=\"po-datepicker-range-icon\">\n      <po-clean *ngIf=\"enableCleaner\" (p-change-event)=\"clear()\"></po-clean>\n    </div>\n\n    <div class=\"po-datepicker-range-icon\">\n      <span\n        #iconCalendar\n        class=\"po-icon po-field-icon po-icon-calendar\"\n        [class.po-clickable]=\"!disabled && !readonly\"\n        [class.po-field-icon-disabled]=\"disabled || readonly\"\n        (click)=\"toggleCalendar()\"\n      >\n      </span>\n    </div>\n  </div>\n\n  <po-field-container-bottom [p-error-pattern]=\"getErrorMessage\"></po-field-container-bottom>\n</po-field-container>\n\n<ng-container *ngIf=\"isCalendarVisible\">\n  <div #calendarPicker class=\"po-calendar-range-picker\">\n    <po-calendar\n      p-mode=\"range\"\n      [ngModel]=\"dateRange\"\n      [p-max-date]=\"maxDate\"\n      [p-min-date]=\"minDate\"\n      (ngModelChange)=\"onCalendarChange($event)\"\n    ></po-calendar>\n  </div>\n</ng-container>\n",
                     providers: providers$5
                 },] }
     ];
@@ -19122,8 +19296,8 @@
     var PoEmailComponent = /** @class */ (function (_super) {
         __extends(PoEmailComponent, _super);
         /* istanbul ignore next */
-        function PoEmailComponent(el) {
-            var _this = _super.call(this, el) || this;
+        function PoEmailComponent(el, cd) {
+            var _this = _super.call(this, el, cd) || this;
             _this.icon = 'po-icon-mail';
             _this.type = 'email';
             // Consideramos o uso do nosso pattern com a seguinte expressão.
@@ -19176,11 +19350,13 @@
         { type: i0.Component, args: [{
                     selector: 'po-email',
                     template: "<po-field-container [p-help]=\"help\" [p-label]=\"label\" [p-optional]=\"!required && optional\">\n  <div class=\"po-field-container-content\">\n    <div *ngIf=\"icon\" class=\"po-field-icon-container-left\">\n      <po-icon class=\"po-field-icon\" [class.po-field-icon-disabled]=\"disabled\" [p-icon]=\"icon\"></po-icon>\n    </div>\n\n    <input\n      #inp\n      class=\"po-input\"\n      [attr.name]=\"name\"\n      [autocomplete]=\"autocomplete\"\n      [class.po-input-icon-left]=\"icon\"\n      [class.po-input-icon-right]=\"clean\"\n      [disabled]=\"disabled\"\n      [placeholder]=\"placeholder\"\n      [readonly]=\"readonly\"\n      [required]=\"required\"\n      [type]=\"type\"\n      (blur)=\"eventOnBlur($event)\"\n      (click)=\"eventOnClick($event)\"\n      (focus)=\"eventOnFocus($event)\"\n      (input)=\"eventOnInput($event)\"\n    />\n\n    <div class=\"po-field-icon-container-right\">\n      <po-clean *ngIf=\"clean && !disabled && !readonly\" [p-element-ref]=\"inputEl\" (p-change-event)=\"clear($event)\">\n      </po-clean>\n    </div>\n  </div>\n\n  <po-field-container-bottom [p-error-pattern]=\"getErrorPattern()\"> </po-field-container-bottom>\n</po-field-container>\n",
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     providers: providers$4
                 },] }
     ];
     PoEmailComponent.ctorParameters = function () { return [
-        { type: i0.ElementRef }
+        { type: i0.ElementRef },
+        { type: i0.ChangeDetectorRef }
     ]; };
 
     /* istanbul ignore next */
@@ -19225,8 +19401,8 @@
     var PoLoginComponent = /** @class */ (function (_super) {
         __extends(PoLoginComponent, _super);
         /* istanbul ignore next */
-        function PoLoginComponent(el) {
-            var _this = _super.call(this, el) || this;
+        function PoLoginComponent(el, cd) {
+            var _this = _super.call(this, el, cd) || this;
             _this.type = 'text';
             return _this;
         }
@@ -19239,11 +19415,13 @@
         { type: i0.Component, args: [{
                     selector: 'po-login',
                     template: "<po-field-container [p-label]=\"label\" [p-help]=\"help\" [p-optional]=\"!required && optional\">\n  <div class=\"po-field-container-content\">\n    <div class=\"po-field-icon-container-left\">\n      <span class=\"po-icon po-field-icon po-icon-user\" [class.po-field-icon-disabled]=\"disabled\"></span>\n    </div>\n\n    <input\n      #inp\n      class=\"po-input po-input-icon-left\"\n      [attr.name]=\"name\"\n      [autocomplete]=\"autocomplete\"\n      [class.po-input-icon-right]=\"clean\"\n      [disabled]=\"disabled\"\n      [placeholder]=\"placeholder\"\n      [readonly]=\"readonly\"\n      [required]=\"required\"\n      [type]=\"type\"\n      (blur)=\"eventOnBlur($event)\"\n      (click)=\"eventOnClick($event)\"\n      (focus)=\"eventOnFocus($event)\"\n      (input)=\"eventOnInput($event)\"\n    />\n\n    <div class=\"po-field-icon-container-right\">\n      <po-clean *ngIf=\"clean && !disabled && !readonly\" [p-element-ref]=\"inputEl\" (p-change-event)=\"clear($event)\">\n      </po-clean>\n    </div>\n  </div>\n\n  <po-field-container-bottom [p-error-pattern]=\"getErrorPattern()\"> </po-field-container-bottom>\n</po-field-container>\n",
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     providers: providers$3
                 },] }
     ];
     PoLoginComponent.ctorParameters = function () { return [
-        { type: i0.ElementRef }
+        { type: i0.ElementRef },
+        { type: i0.ChangeDetectorRef }
     ]; };
 
     /**
@@ -19259,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"]);
@@ -19268,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;
@@ -19291,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.
@@ -19329,6 +19521,31 @@
              * @default `false`
              */
             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.
@@ -19352,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
@@ -19359,6 +19577,7 @@
             this._disabled = false;
             this._placeholder = '';
             this._required = false;
+            this._autoHeight = false;
             this.onChangePropagate = null;
         }
         Object.defineProperty(PoLookupBaseComponent.prototype, "placeholder", {
@@ -19416,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`.
              *
@@ -19504,6 +19737,15 @@
         PoLookupBaseComponent.prototype.ngAfterViewInit = function () {
             this.setControl();
         };
+        PoLookupBaseComponent.prototype.cleanModel = function () {
+            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) {
@@ -19524,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);
         };
@@ -19563,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();
@@ -19590,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);
             }
@@ -19604,10 +19842,6 @@
                 this.cleanViewValue();
             }
         };
-        PoLookupBaseComponent.prototype.cleanModel = function () {
-            this.cleanViewValue();
-            this.callOnChange(undefined);
-        };
         PoLookupBaseComponent.prototype.cleanViewValue = function () {
             this.setViewValue('', {});
             this.oldValue = '';
@@ -19618,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) {
@@ -19635,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 () {
@@ -19677,6 +19921,9 @@
         optional: [{ type: i0.Input, args: ['p-optional',] }],
         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',] }],
@@ -19691,6 +19938,377 @@
     __decorate([
         InputBoolean()
     ], PoLookupBaseComponent.prototype, "infiniteScroll", void 0);
+    __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
+     *
+     * Classe base do componente Po Lookup Modal.
+     */
+    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(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", {
+            get: function () {
+                return this._title;
+            },
+            /** Título da modal. */
+            set: function (value) {
+                this._title = isTypeof(value, 'string') ? value : this.literals.modalTitle;
+            },
+            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();
+        };
+        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();
+            }
+        };
+        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]);
+        };
+        PoLookupModalBaseComponent.prototype.onChangeDisclaimerGroup = function () {
+            if (!this.searchValue) {
+                this.isLoading = true;
+                this.searchValue = '';
+                this.searchFilteredItems();
+            }
+        };
+        PoLookupModalBaseComponent.prototype.search = function () {
+            this.page = 1;
+            if (this.searchValue) {
+                this.isLoading = true;
+                this.disclaimerGroup.disclaimers = [];
+                this.searchFilteredItems();
+            }
+            else {
+                this.initializeData();
+            }
+        };
+        PoLookupModalBaseComponent.prototype.searchFilteredItems = function () {
+            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 () { });
+        };
+        PoLookupModalBaseComponent.prototype.showMoreEvent = function () {
+            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;
+                _this.changeDetector.detectChanges();
+                _this.setSelectedItems();
+            }, function () { });
+        };
+        //Método responsável por selecionar as linhas quando abre o modal.
+        PoLookupModalBaseComponent.prototype.setSelectedItems = function () {
+            var _this = this;
+            this.selecteds.forEach(function (selectedItem) { return _this.poTable.selectRowItem(function (item) { return item[_this.fieldValue] === selectedItem.value; }); });
+        };
+        //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));
+            }
+        };
+        PoLookupModalBaseComponent.prototype.setAdvancedFilterModalProperties = function () {
+            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
+            };
+        };
+        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);
+        };
+        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;
+        };
+        PoLookupModalBaseComponent.prototype.getOrderParam = function (sort) {
+            if (sort === void 0) { sort = { type: undefined }; }
+            var column = sort.column, type = sort.type;
+            if (!column) {
+                return;
+            }
+            if (type === exports.PoTableColumnSortType.Descending) {
+                return "-" + column.property;
+            }
+            return "" + column.property;
+        };
+        PoLookupModalBaseComponent.prototype.initializeData = function () {
+            var _this = this;
+            this.isLoading = true;
+            this.filterSubscription = this.getFilteredItems('').subscribe(function (data) {
+                _this.setLookupResponseProperties(data);
+            });
+        };
+        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();
+        };
+        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 }
+    ];
+    PoLookupModalBaseComponent.ctorParameters = function () { return [
+        { type: PoLanguageService },
+        { type: i0.ChangeDetectorRef }
+    ]; };
+    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);
 
     /**
      *
@@ -20068,338 +20686,6 @@
         form: [{ type: i0.ViewChild, args: ['dynamicForm',] }]
     };
 
-    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
-     *
-     * Classe base do componente Po Lookup Modal.
-     */
-    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();
-        }
-        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", {
-            get: function () {
-                return this._title;
-            },
-            /** Título da modal. */
-            set: function (value) {
-                this._title = isTypeof(value, 'string') ? value : this.literals.modalTitle;
-            },
-            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();
-        };
-        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();
-            }
-        };
-        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]);
-        };
-        PoLookupModalBaseComponent.prototype.onChangeDisclaimerGroup = function () {
-            if (!this.searchValue) {
-                this.isLoading = true;
-                this.searchValue = '';
-                this.searchFilteredItems();
-            }
-        };
-        PoLookupModalBaseComponent.prototype.search = function () {
-            this.page = 1;
-            if (this.searchValue) {
-                this.isLoading = true;
-                this.disclaimerGroup.disclaimers = [];
-                this.searchFilteredItems();
-            }
-            else {
-                this.initializeData();
-            }
-        };
-        PoLookupModalBaseComponent.prototype.searchFilteredItems = function () {
-            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 () { });
-        };
-        PoLookupModalBaseComponent.prototype.showMoreEvent = function () {
-            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 () { });
-        };
-        PoLookupModalBaseComponent.prototype.setAdvancedFilterModalProperties = function () {
-            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
-            };
-        };
-        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);
-        };
-        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;
-        };
-        PoLookupModalBaseComponent.prototype.getOrderParam = function (sort) {
-            if (sort === void 0) { sort = { type: undefined }; }
-            var column = sort.column, type = sort.type;
-            if (!column) {
-                return;
-            }
-            if (type === exports.PoTableColumnSortType.Descending) {
-                return "-" + column.property;
-            }
-            return "" + column.property;
-        };
-        PoLookupModalBaseComponent.prototype.initializeData = function () {
-            var _this = this;
-            this.isLoading = true;
-            this.filterSubscription = this.getFilteredItems('').subscribe(function (data) {
-                _this.setLookupResponseProperties(data);
-            });
-        };
-        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;
-        };
-        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 }
-    ];
-    PoLookupModalBaseComponent.ctorParameters = function () { return [
-        { type: PoLanguageService }
-    ]; };
-    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',] }]
-    };
-    __decorate([
-        InputBoolean()
-    ], PoLookupModalBaseComponent.prototype, "infiniteScroll", void 0);
-
     /**
      * @docsPrivate
      *
@@ -20407,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;
@@ -20421,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));
@@ -20444,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;
@@ -20479,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 },] }]
     };
@@ -20511,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;
@@ -20526,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();
         };
@@ -20612,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", {
@@ -20632,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) {
@@ -20640,6 +20996,7 @@
         };
         PoLookupComponent.prototype.ngOnInit = function () {
             _super.prototype.ngOnInit.call(this);
+            this.initializeListeners();
         };
         /**
          * Função que atribui foco ao componente.
@@ -20666,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,
@@ -20674,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 : '';
             }
         };
@@ -20695,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');
@@ -20709,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 {
@@ -20728,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; }
                 }
@@ -20750,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 po-input-icon-right\"\n      type=\"text\"\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      <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 },] }]
     };
 
     /**
@@ -23572,8 +24031,8 @@
     var PoPasswordComponent = /** @class */ (function (_super) {
         __extends(PoPasswordComponent, _super);
         /* istanbul ignore next */
-        function PoPasswordComponent(el) {
-            var _this = _super.call(this, el) || this;
+        function PoPasswordComponent(el, cd) {
+            var _this = _super.call(this, el, cd) || this;
             _this.type = 'password';
             _this.visiblePassword = false;
             _this._hidePasswordPeek = false;
@@ -23622,6 +24081,7 @@
         { type: i0.Component, args: [{
                     selector: 'po-password',
                     template: "<po-field-container [p-label]=\"label\" [p-help]=\"help\" [p-optional]=\"!required && optional\">\n  <div class=\"po-field-container-content\">\n    <div class=\"po-field-icon-container-left\">\n      <span class=\"po-icon po-field-icon po-icon-lock\" [class.po-field-icon-disabled]=\"disabled\"> </span>\n    </div>\n\n    <input\n      #inp\n      class=\"po-input po-input-icon-left\"\n      [attr.name]=\"name\"\n      [autocomplete]=\"autocomplete\"\n      [class.po-input-double-icon-right]=\"clean && inp.value && !hidePasswordPeek\"\n      [class.po-input-icon-right]=\"clean || !hidePasswordPeek\"\n      [disabled]=\"disabled\"\n      [placeholder]=\"placeholder\"\n      [readonly]=\"readonly\"\n      [required]=\"required\"\n      [type]=\"disabled ? 'password' : type\"\n      (blur)=\"eventOnBlur($event)\"\n      (click)=\"eventOnClick($event)\"\n      (focus)=\"eventOnFocus($event)\"\n      (input)=\"eventOnInput($event)\"\n    />\n\n    <div class=\"po-field-icon-container-right\">\n      <po-clean *ngIf=\"clean && !disabled && !readonly\" [p-element-ref]=\"inputEl\" (p-change-event)=\"clear($event)\">\n      </po-clean>\n\n      <span\n        *ngIf=\"!hidePasswordPeek && !disabled\"\n        class=\"po-icon po-field-icon\"\n        [ngClass]=\"visiblePassword ? 'po-icon-eye' : 'po-icon-eye-off po-field-icon-disabled'\"\n        (click)=\"showPassword()\"\n      >\n      </span>\n    </div>\n  </div>\n\n  <po-field-container-bottom [p-error-pattern]=\"getErrorPattern()\"> </po-field-container-bottom>\n</po-field-container>\n",
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     providers: [
                         {
                             provide: forms.NG_VALUE_ACCESSOR,
@@ -23637,7 +24097,8 @@
                 },] }
     ];
     PoPasswordComponent.ctorParameters = function () { return [
-        { type: i0.ElementRef }
+        { type: i0.ElementRef },
+        { type: i0.ChangeDetectorRef }
     ]; };
     PoPasswordComponent.propDecorators = {
         hidePasswordPeek: [{ type: i0.Input, args: ['p-hide-password-peek',] }]
@@ -24512,37 +24973,8 @@
         onKeydown: [{ type: i0.HostListener, args: ['keydown', ['$event'],] }]
     };
 
-    /**
-     * @usedBy PoSwitchComponent
-     *
-     * @description
-     *
-     * Enum para posicionar o label do valor do po-switch.
-     */
-    exports.PoSwitchLabelPosition = void 0;
-    (function (PoSwitchLabelPosition) {
-        /** Posiciona o label do lado esquerdo do switch. */
-        PoSwitchLabelPosition[PoSwitchLabelPosition["Right"] = 0] = "Right";
-        /** Posiciona o label do lado direito do switch. */
-        PoSwitchLabelPosition[PoSwitchLabelPosition["Left"] = 1] = "Left";
-    })(exports.PoSwitchLabelPosition || (exports.PoSwitchLabelPosition = {}));
-
-    /**
-     * @description
-     *
-     * O componente `po-switch` é um [checkbox](/documentation/po-checkbox-group) mais intuitivo, pois faz analogia a um interruptor.
-     * Deve ser usado quando deseja-se transmitir a ideia de ligar / desligar uma funcionalidade específica.
-     *
-     * Pode-se ligar ou deligar o botão utilizando a tecla de espaço ou o clique do mouse.
-     *
-     * O texto exibido pode ser alterado de acordo com o valor setado aumentando as possibilidades de uso do componente,
-     * portanto, recomenda-se informar textos que contextualizem seu uso para que facilite a compreensão do usuário.
-     *
-     * > O componente não altera o valor incial informado no *model*, portanto indica-se inicializa-lo caso ter necessidade.
-     */
-    var PoSwitchBaseComponent = /** @class */ (function () {
-        function PoSwitchBaseComponent(changeDetector) {
-            this.changeDetector = changeDetector;
+    var PoFieldModel = /** @class */ (function () {
+        function PoFieldModel() {
             /**
              * @optional
              *
@@ -24560,145 +24992,89 @@
              *
              * @description
              *
-             * Evento disparado ao alterar valor do campo.
-             */
-            this.change = new i0.EventEmitter();
-            /**
-             * @optional
-             *
-             * @description
-             *
-             * Função para atualizar o ngModel do componente, necessário quando não for utilizado dentro da tag form.
-             */
-            this.ngModelChange = new i0.EventEmitter();
-            this.switchValue = false;
-            this._disabled = false;
-            /**
-             * Texto exibido quando o valor do componente for `true`.
-             *
-             * @default `true`
-             */
-            // eslint-disable-next-line @typescript-eslint/member-ordering
-            this.labelOn = 'true';
-            /**
-             * Texto exibido quando o valor do componente for `false`.
+             * Indica se o campo será desabilitado.
              *
              * @default `false`
              */
-            // eslint-disable-next-line @typescript-eslint/member-ordering
-            this.labelOff = 'false';
+            this.disabled = false;
             /**
              * @optional
              *
              * @description
              *
-             * Posição de exibição do rótulo.
-             *
-             * > Por padrão exibe à direita.
+             * Evento disparado ao alterar valor do campo.
              */
-            // eslint-disable-next-line @typescript-eslint/member-ordering
-            this.labelPosition = exports.PoSwitchLabelPosition.Right;
+            this.change = new i0.EventEmitter();
         }
-        Object.defineProperty(PoSwitchBaseComponent.prototype, "setLabelOn", {
-            set: function (label) {
-                this.labelOn = label || 'true';
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(PoSwitchBaseComponent.prototype, "setLabelOff", {
-            set: function (label) {
-                this.labelOff = label || 'false';
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(PoSwitchBaseComponent.prototype, "setLabelPosition", {
-            set: function (position) {
-                this.labelPosition = position in exports.PoSwitchLabelPosition ? parseInt(position, 10) : exports.PoSwitchLabelPosition.Right;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(PoSwitchBaseComponent.prototype, "disabled", {
-            get: function () {
-                return this._disabled;
-            },
-            /**
-             * @optional
-             *
-             * @description
-             *
-             * Indica se o campo será desabilitado.
-             *
-             * @default `false`
-             */
-            set: function (disabled) {
-                this._disabled = convertToBoolean(disabled);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        PoSwitchBaseComponent.prototype.changeValue = function (value) {
-            if (this.switchValue !== value) {
-                this.switchValue = value;
-                if (this.propagateChange) {
-                    this.propagateChange(value);
-                }
-                else {
-                    this.ngModelChange.emit(value);
-                }
-                this.change.emit(this.switchValue);
-            }
-        };
-        PoSwitchBaseComponent.prototype.eventClick = function () {
-            if (!this.disabled) {
-                this.changeValue(!this.switchValue);
-            }
-        };
         // Função implementada do ControlValueAccessor
         // Usada para interceptar os estados de habilitado via forms api
-        PoSwitchBaseComponent.prototype.setDisabledState = function (isDisabled) {
+        PoFieldModel.prototype.setDisabledState = function (isDisabled) {
             this.disabled = isDisabled;
         };
-        PoSwitchBaseComponent.prototype.registerOnChange = function (fn) {
+        PoFieldModel.prototype.registerOnChange = function (fn) {
             this.propagateChange = fn;
         };
-        PoSwitchBaseComponent.prototype.registerOnTouched = function (fn) {
+        PoFieldModel.prototype.registerOnTouched = function (fn) {
             this.onTouched = fn;
         };
-        PoSwitchBaseComponent.prototype.writeValue = function (value) {
-            if (value !== this.switchValue) {
-                this.switchValue = !!value;
-                this.changeDetector.markForCheck();
+        PoFieldModel.prototype.writeValue = function (value) {
+            this.onWriteValue(value);
+        };
+        PoFieldModel.prototype.updateModel = function (value) {
+            if (this.propagateChange) {
+                this.propagateChange(value);
             }
         };
-        return PoSwitchBaseComponent;
+        return PoFieldModel;
     }());
-    PoSwitchBaseComponent.decorators = [
+    PoFieldModel.decorators = [
         { type: i0.Directive }
     ];
-    PoSwitchBaseComponent.ctorParameters = function () { return [
-        { type: i0.ChangeDetectorRef }
-    ]; };
-    PoSwitchBaseComponent.propDecorators = {
-        name: [{ type: i0.Input, args: ['name',] }],
-        autoFocus: [{ type: i0.Input, args: ['p-auto-focus',] }],
+    PoFieldModel.ctorParameters = function () { return []; };
+    PoFieldModel.propDecorators = {
         label: [{ type: i0.Input, args: ['p-label',] }],
+        name: [{ type: i0.Input, args: ['name',] }],
         help: [{ type: i0.Input, args: ['p-help',] }],
-        change: [{ type: i0.Output, args: ['p-change',] }],
-        ngModelChange: [{ type: i0.Output, args: ['ngModelChange',] }],
-        setLabelOn: [{ type: i0.Input, args: ['p-label-on',] }],
-        setLabelOff: [{ type: i0.Input, args: ['p-label-off',] }],
-        setLabelPosition: [{ type: i0.Input, args: ['p-label-position',] }],
-        disabled: [{ type: i0.Input, args: ['p-disabled',] }]
+        autoFocus: [{ type: i0.Input, args: ['p-auto-focus',] }],
+        disabled: [{ type: i0.Input, args: ['p-disabled',] }],
+        change: [{ type: i0.Output, args: ['p-change',] }]
     };
     __decorate([
         InputBoolean()
-    ], PoSwitchBaseComponent.prototype, "autoFocus", void 0);
+    ], PoFieldModel.prototype, "autoFocus", void 0);
+    __decorate([
+        InputBoolean()
+    ], PoFieldModel.prototype, "disabled", void 0);
 
     /**
-     * @docsExtends PoSwitchBaseComponent
+     * @usedBy PoSwitchComponent
+     *
+     * @description
+     *
+     * Enum para posicionar o label do valor do po-switch.
+     */
+    exports.PoSwitchLabelPosition = void 0;
+    (function (PoSwitchLabelPosition) {
+        /** Posiciona o label do lado esquerdo do switch. */
+        PoSwitchLabelPosition[PoSwitchLabelPosition["Right"] = 0] = "Right";
+        /** Posiciona o label do lado direito do switch. */
+        PoSwitchLabelPosition[PoSwitchLabelPosition["Left"] = 1] = "Left";
+    })(exports.PoSwitchLabelPosition || (exports.PoSwitchLabelPosition = {}));
+
+    /**
+     * @docsExtends PoFieldModel
+     *
+     * @description
+     *
+     * O componente `po-switch` é um [checkbox](/documentation/po-checkbox-group) mais intuitivo, pois faz analogia a um interruptor.
+     * Deve ser usado quando deseja-se transmitir a ideia de ligar / desligar uma funcionalidade específica.
+     *
+     * Pode-se ligar ou deligar o botão utilizando a tecla de espaço ou o clique do mouse.
+     *
+     * O texto exibido pode ser alterado de acordo com o valor setado aumentando as possibilidades de uso do componente,
+     * portanto, recomenda-se informar textos que contextualizem seu uso para que facilite a compreensão do usuário.
+     *
+     * > O componente não altera o valor incial informado no *model*, portanto indica-se inicializa-lo caso ter necessidade.
      *
      * @example
      *
@@ -24727,8 +25103,63 @@
     var PoSwitchComponent = /** @class */ (function (_super) {
         __extends(PoSwitchComponent, _super);
         function PoSwitchComponent(changeDetector) {
-            return _super.call(this, changeDetector) || this;
+            var _this = _super.call(this) || this;
+            _this.changeDetector = changeDetector;
+            _this.value = false;
+            _this._labelOff = 'false';
+            _this._labelOn = 'true';
+            _this._labelPosition = exports.PoSwitchLabelPosition.Right;
+            return _this;
         }
+        Object.defineProperty(PoSwitchComponent.prototype, "labelPosition", {
+            get: function () {
+                return this._labelPosition;
+            },
+            /**
+             * @optional
+             *
+             * @description
+             *
+             * Posição de exibição do rótulo.
+             *
+             * > Por padrão exibe à direita.
+             */
+            set: function (position) {
+                this._labelPosition = position in exports.PoSwitchLabelPosition ? parseInt(position, 10) : exports.PoSwitchLabelPosition.Right;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(PoSwitchComponent.prototype, "labelOff", {
+            get: function () {
+                return this._labelOff;
+            },
+            /**
+             * Texto exibido quando o valor do componente for `false`.
+             *
+             * @default `false`
+             */
+            set: function (label) {
+                this._labelOff = label || 'false';
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(PoSwitchComponent.prototype, "labelOn", {
+            get: function () {
+                return this._labelOn;
+            },
+            /**
+             * Texto exibido quando o valor do componente for `true`.
+             *
+             * @default `true`
+             */
+            set: function (label) {
+                this._labelOn = label || 'true';
+            },
+            enumerable: false,
+            configurable: true
+        });
         PoSwitchComponent.prototype.ngAfterViewInit = function () {
             if (this.autoFocus) {
                 this.focus();
@@ -24781,17 +25212,35 @@
             }
         };
         PoSwitchComponent.prototype.onKeyDown = function (event) {
-            if (event.which === 32 || event.keyCode === 32) {
+            if (event.which === PoKeyCodeEnum.space || event.keyCode === PoKeyCodeEnum.space) {
                 event.preventDefault();
                 this.eventClick();
             }
         };
+        PoSwitchComponent.prototype.changeValue = function (value) {
+            if (this.value !== value) {
+                this.value = value;
+                this.updateModel(value);
+                this.change.emit(this.value);
+            }
+        };
+        PoSwitchComponent.prototype.eventClick = function () {
+            if (!this.disabled) {
+                this.changeValue(!this.value);
+            }
+        };
+        PoSwitchComponent.prototype.onWriteValue = function (value) {
+            if (value !== this.value) {
+                this.value = !!value;
+                this.changeDetector.markForCheck();
+            }
+        };
         return PoSwitchComponent;
-    }(PoSwitchBaseComponent));
+    }(PoFieldModel));
     PoSwitchComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'po-switch',
-                    template: "<po-field-container [p-label]=\"label\" [p-help]=\"help\">\n  <div class=\"po-field-container-content po-switch-content\" [attr.name]=\"name\">\n    <div\n      class=\"po-switch-container po-clickable\"\n      #switchContainer\n      [class.po-switch-container-disabled]=\"disabled\"\n      [class.po-switch-container-off]=\"switchValue === false && !disabled\"\n      [class.po-switch-container-on]=\"switchValue === true && !disabled\"\n      [class.po-switch-container-right]=\"getSwitchPosition() === 'right'\"\n      [tabindex]=\"disabled ? -1 : 0\"\n      (click)=\"eventClick()\"\n      (keydown)=\"onKeyDown($event)\"\n      (blur)=\"onBlur()\"\n    >\n      <div\n        class=\"po-switch-button\"\n        [class.po-switch-button-on]=\"switchValue === true\"\n        [class.po-switch-button-off]=\"switchValue === false\"\n        [class.po-switch-button-disabled]=\"disabled\"\n      >\n        <span class=\"po-icon po-icon-{{ switchValue === true ? 'ok' : 'close' }}\"></span>\n      </div>\n    </div>\n\n    <span class=\"po-switch-label po-clickable po-switch-label-{{ getLabelPosition() }}\" (click)=\"eventClick()\">\n      {{ switchValue === true ? labelOn : labelOff }}\n    </span>\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\">\n  <div class=\"po-field-container-content po-switch-content\" [attr.name]=\"name\">\n    <div\n      class=\"po-switch-container po-clickable\"\n      #switchContainer\n      [class.po-switch-container-disabled]=\"disabled\"\n      [class.po-switch-container-off]=\"value === false && !disabled\"\n      [class.po-switch-container-on]=\"value === true && !disabled\"\n      [class.po-switch-container-right]=\"getSwitchPosition() === 'right'\"\n      [tabindex]=\"disabled ? -1 : 0\"\n      (click)=\"eventClick()\"\n      (keydown)=\"onKeyDown($event)\"\n      (blur)=\"onBlur()\"\n    >\n      <div\n        class=\"po-switch-button\"\n        [class.po-switch-button-on]=\"value === true\"\n        [class.po-switch-button-off]=\"value === false\"\n        [class.po-switch-button-disabled]=\"disabled\"\n      >\n        <span class=\"po-icon po-icon-{{ value === true ? 'ok' : 'close' }}\"></span>\n      </div>\n    </div>\n\n    <span class=\"po-switch-label po-clickable po-switch-label-{{ getLabelPosition() }}\" (click)=\"eventClick()\">\n      {{ value === true ? labelOn : labelOff }}\n    </span>\n  </div>\n\n  <po-field-container-bottom></po-field-container-bottom>\n</po-field-container>\n",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     providers: [
                         {
@@ -24806,7 +25255,10 @@
         { type: i0.ChangeDetectorRef }
     ]; };
     PoSwitchComponent.propDecorators = {
-        switchContainer: [{ type: i0.ViewChild, args: ['switchContainer', { static: true },] }]
+        switchContainer: [{ type: i0.ViewChild, args: ['switchContainer', { static: true },] }],
+        labelPosition: [{ type: i0.Input, args: ['p-label-position',] }],
+        labelOff: [{ type: i0.Input, args: ['p-label-off',] }],
+        labelOn: [{ type: i0.Input, args: ['p-label-on',] }]
     };
 
     /**
@@ -27022,8 +27474,8 @@
     var PoUrlComponent = /** @class */ (function (_super) {
         __extends(PoUrlComponent, _super);
         /* istanbul ignore next */
-        function PoUrlComponent(el) {
-            var _this = _super.call(this, el) || this;
+        function PoUrlComponent(el, cd) {
+            var _this = _super.call(this, el, cd) || this;
             _this.icon = 'po-icon-world';
             _this.type = 'url';
             _this.pattern = '^((https|http):\\/\\/)?' + // protocol
@@ -27061,6 +27513,7 @@
         { type: i0.Component, args: [{
                     selector: 'po-url',
                     template: "<po-field-container [p-help]=\"help\" [p-label]=\"label\" [p-optional]=\"!required && optional\">\n  <div class=\"po-field-container-content\">\n    <div *ngIf=\"icon\" class=\"po-field-icon-container-left\">\n      <po-icon class=\"po-field-icon\" [class.po-field-icon-disabled]=\"disabled\" [p-icon]=\"icon\"></po-icon>\n    </div>\n\n    <input\n      #inp\n      class=\"po-input\"\n      [attr.name]=\"name\"\n      [autocomplete]=\"autocomplete\"\n      [class.po-input-icon-left]=\"icon\"\n      [class.po-input-icon-right]=\"clean\"\n      [disabled]=\"disabled\"\n      [placeholder]=\"placeholder\"\n      [readonly]=\"readonly\"\n      [required]=\"required\"\n      [type]=\"type\"\n      (blur)=\"eventOnBlur($event)\"\n      (click)=\"eventOnClick($event)\"\n      (focus)=\"eventOnFocus($event)\"\n      (input)=\"eventOnInput($event)\"\n    />\n\n    <div class=\"po-field-icon-container-right\">\n      <po-clean *ngIf=\"clean && !disabled && !readonly\" [p-element-ref]=\"inputEl\" (p-change-event)=\"clear($event)\">\n      </po-clean>\n    </div>\n  </div>\n\n  <po-field-container-bottom [p-error-pattern]=\"getErrorPattern()\"> </po-field-container-bottom>\n</po-field-container>\n",
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     providers: [
                         {
                             provide: forms.NG_VALUE_ACCESSOR,
@@ -27076,7 +27529,8 @@
                 },] }
     ];
     PoUrlComponent.ctorParameters = function () { return [
-        { type: i0.ElementRef }
+        { type: i0.ElementRef },
+        { type: i0.ChangeDetectorRef }
     ]; };
 
     /**
@@ -27836,7 +28290,7 @@
                 return 'switch';
             }
             else if (this.compareTo(type, exports.PoDynamicFieldType.Date) || this.compareTo(type, exports.PoDynamicFieldType.DateTime)) {
-                return 'datepicker';
+                return field.range ? 'datepickerrange' : 'datepicker';
             }
             else if (this.compareTo(type, exports.PoDynamicFieldType.Time)) {
                 field.mask = field.mask || '99:99';
@@ -28061,7 +28515,7 @@
     PoDynamicFormFieldsComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'po-dynamic-form-fields',
-                    template: "<div class=\"po-row\" *ngIf=\"visibleFields && visibleFields.length > 0\">\n  <ng-container *ngFor=\"let field of visibleFields; trackBy: trackBy\">\n    <po-divider *ngIf=\"field?.divider?.trim()\" class=\"po-sm-12\" [p-label]=\"field.divider\"> </po-divider>\n\n    <po-datepicker\n      #component\n      *ngIf=\"compareTo(field.control, 'datepicker')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      p-clean\n      [p-disabled]=\"isDisabled(field)\"\n      [p-error-pattern]=\"field.errorMessage\"\n      [p-auto-focus]=\"field.focus\"\n      [p-format]=\"field.format\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-locale]=\"field.locale\"\n      [p-max-date]=\"field.maxValue\"\n      [p-min-date]=\"field.minValue\"\n      [p-optional]=\"field.optional\"\n      [p-required]=\"field.required\"\n      (p-change)=\"onChangeField(field)\"\n      [p-placeholder]=\"field.placeholder\"\n    >\n    </po-datepicker>\n\n    <po-input\n      #component\n      *ngIf=\"compareTo(field.control, 'input')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      p-clean\n      [p-disabled]=\"isDisabled(field)\"\n      [p-error-pattern]=\"field.errorMessage\"\n      [p-auto-focus]=\"field.focus\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-mask-format-model]=\"field.maskFormatModel\"\n      [p-mask]=\"field.mask\"\n      [p-maxlength]=\"field.maxLength\"\n      [p-minlength]=\"field.minLength\"\n      [p-optional]=\"field.optional\"\n      [p-pattern]=\"field.pattern\"\n      [p-required]=\"field.required\"\n      (p-change)=\"onChangeField(field)\"\n      [p-icon]=\"field.icon\"\n      [p-placeholder]=\"field.placeholder\"\n    >\n    </po-input>\n\n    <po-number\n      #component\n      *ngIf=\"compareTo(field.control, 'number')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      p-clean\n      [p-disabled]=\"isDisabled(field)\"\n      [p-error-pattern]=\"field.errorMessage\"\n      [p-auto-focus]=\"field.focus\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-min]=\"field.minValue\"\n      [p-max]=\"field.maxValue\"\n      [p-maxlength]=\"field.maxLength\"\n      [p-minlength]=\"field.minLength\"\n      [p-optional]=\"field.optional\"\n      [p-required]=\"field.required\"\n      (p-change)=\"onChangeField(field)\"\n      [p-icon]=\"field.icon\"\n      [p-placeholder]=\"field.placeholder\"\n    >\n    </po-number>\n\n    <po-decimal\n      #component\n      *ngIf=\"compareTo(field.control, 'decimal')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      p-clean\n      [p-disabled]=\"isDisabled(field)\"\n      [p-decimals-length]=\"field.decimalsLength\"\n      [p-thousand-maxlength]=\"field.thousandMaxlength\"\n      [p-icon]=\"field.icon\"\n      [p-auto-focus]=\"field.focus\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-locale]=\"field.locale\"\n      [p-optional]=\"field.optional\"\n      [p-required]=\"field.required\"\n      (p-change)=\"onChangeField(field)\"\n      [p-placeholder]=\"field.placeholder\"\n    >\n    </po-decimal>\n\n    <po-select\n      #component\n      *ngIf=\"compareTo(field.control, 'select')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [p-auto-focus]=\"field.focus\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-optional]=\"field.optional\"\n      [p-options]=\"field.options\"\n      [p-required]=\"field.required\"\n      (p-change)=\"onChangeField(field)\"\n      [p-placeholder]=\"field.placeholder\"\n    >\n    </po-select>\n\n    <po-radio-group\n      #component\n      *ngIf=\"compareTo(field.control, 'radioGroup')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      p-columns=\"3\"\n      [p-auto-focus]=\"field.focus\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-optional]=\"field.optional\"\n      [p-options]=\"field.options\"\n      [p-required]=\"field.required\"\n      (p-change)=\"onChangeField(field)\"\n    >\n    </po-radio-group>\n\n    <po-switch\n      #component\n      *ngIf=\"compareTo(field.control, 'switch')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [p-auto-focus]=\"field.focus\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-label-off]=\"field.booleanFalse\"\n      [p-label-on]=\"field.booleanTrue\"\n      (p-change)=\"onChangeField(field)\"\n    >\n    </po-switch>\n\n    <po-combo\n      #component\n      *ngIf=\"compareTo(field.control, 'combo')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      p-emit-object-value\n      [p-auto-focus]=\"field.focus\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-field-label]=\"field.fieldLabel\"\n      [p-field-value]=\"field.fieldValue\"\n      [p-filter-params]=\"field.params\"\n      [p-filter-service]=\"field.optionsService\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-optional]=\"field.optional\"\n      [p-required]=\"field.required\"\n      (p-change)=\"onChangeField(field, $event)\"\n      [p-icon]=\"field.icon\"\n      [p-placeholder]=\"field.placeholder\"\n    >\n    </po-combo>\n\n    <po-lookup\n      #component\n      *ngIf=\"compareTo(field.control, 'lookup')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      p-field-label=\"label\"\n      p-field-value=\"value\"\n      [ngClass]=\"field.componentClass\"\n      [p-columns]=\"field.columns\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-field-label]=\"field.fieldLabel || 'label'\"\n      [p-field-value]=\"field.fieldValue || 'value'\"\n      [p-filter-params]=\"field.params\"\n      [p-filter-service]=\"field.searchService\"\n      [p-auto-focus]=\"field.focus\"\n      [p-help]=\"field.help\"\n      [p-field-format]=\"field.format\"\n      [p-label]=\"field.label\"\n      [p-optional]=\"field.optional\"\n      [p-required]=\"field.required\"\n      (p-change)=\"onChangeField(field)\"\n      [p-placeholder]=\"field.placeholder\"\n    >\n    </po-lookup>\n\n    <po-checkbox-group\n      #component\n      *ngIf=\"compareTo(field.control, 'checkboxGroup')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      p-columns=\"3\"\n      [p-auto-focus]=\"field.focus\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-optional]=\"field.optional\"\n      [p-options]=\"field.options\"\n      [p-required]=\"field.required\"\n      (p-change)=\"onChangeField(field)\"\n    >\n    </po-checkbox-group>\n\n    <po-multiselect\n      #component\n      *ngIf=\"compareTo(field.control, 'multiselect')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-auto-focus]=\"field.focus\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-optional]=\"field.optional\"\n      [p-options]=\"field.options\"\n      [p-required]=\"field.required\"\n      (p-change)=\"onChangeField(field)\"\n      [p-placeholder]=\"field.placeholder\"\n    >\n    </po-multiselect>\n\n    <po-textarea\n      #component\n      *ngIf=\"compareTo(field.control, 'textarea')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-auto-focus]=\"field.focus\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-maxlength]=\"field.maxLength\"\n      [p-minlength]=\"field.minLength\"\n      [p-optional]=\"field.optional\"\n      [p-required]=\"field.required\"\n      [p-rows]=\"field.rows\"\n      (p-change)=\"onChangeField(field)\"\n      [p-placeholder]=\"field.placeholder\"\n    >\n    </po-textarea>\n\n    <po-password\n      #component\n      *ngIf=\"compareTo(field.control, 'password')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      p-clean\n      [p-disabled]=\"isDisabled(field)\"\n      [p-error-pattern]=\"field.errorMessage\"\n      [p-auto-focus]=\"field.focus\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-maxlength]=\"field.maxLength\"\n      [p-minlength]=\"field.minLength\"\n      [p-optional]=\"field.optional\"\n      [p-pattern]=\"field.pattern\"\n      [p-required]=\"field.required\"\n      (p-change)=\"onChangeField(field)\"\n      [p-placeholder]=\"field.placeholder\"\n    >\n    </po-password>\n  </ng-container>\n</div>\n",
+                    template: "<div class=\"po-row\" *ngIf=\"visibleFields && visibleFields.length > 0\">\n  <ng-container *ngFor=\"let field of visibleFields; trackBy: trackBy\">\n    <po-divider *ngIf=\"field?.divider?.trim()\" class=\"po-sm-12\" [p-label]=\"field.divider\"> </po-divider>\n\n    <po-datepicker\n      #component\n      *ngIf=\"compareTo(field.control, 'datepicker')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      p-clean\n      [p-disabled]=\"isDisabled(field)\"\n      [p-error-pattern]=\"field.errorMessage\"\n      [p-auto-focus]=\"field.focus\"\n      [p-format]=\"field.format\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-locale]=\"field.locale\"\n      [p-max-date]=\"field.maxValue\"\n      [p-min-date]=\"field.minValue\"\n      [p-optional]=\"field.optional\"\n      [p-required]=\"field.required\"\n      (p-change)=\"onChangeField(field)\"\n      [p-placeholder]=\"field.placeholder\"\n    >\n    </po-datepicker>\n\n    <po-datepicker-range\n      #component\n      *ngIf=\"compareTo(field.control, 'datepickerrange')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      p-clean\n      [p-disabled]=\"isDisabled(field)\"\n      [p-auto-focus]=\"field.focus\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-optional]=\"field.optional\"\n      [p-required]=\"field.required\"\n      (p-change)=\"onChangeField(field)\"\n    >\n    </po-datepicker-range>\n\n    <po-input\n      #component\n      *ngIf=\"compareTo(field.control, 'input')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      p-clean\n      [p-disabled]=\"isDisabled(field)\"\n      [p-error-pattern]=\"field.errorMessage\"\n      [p-auto-focus]=\"field.focus\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-mask-format-model]=\"field.maskFormatModel\"\n      [p-mask]=\"field.mask\"\n      [p-maxlength]=\"field.maxLength\"\n      [p-minlength]=\"field.minLength\"\n      [p-optional]=\"field.optional\"\n      [p-pattern]=\"field.pattern\"\n      [p-required]=\"field.required\"\n      (p-change)=\"onChangeField(field)\"\n      [p-icon]=\"field.icon\"\n      [p-placeholder]=\"field.placeholder\"\n    >\n    </po-input>\n\n    <po-number\n      #component\n      *ngIf=\"compareTo(field.control, 'number')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      p-clean\n      [p-disabled]=\"isDisabled(field)\"\n      [p-error-pattern]=\"field.errorMessage\"\n      [p-auto-focus]=\"field.focus\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-min]=\"field.minValue\"\n      [p-max]=\"field.maxValue\"\n      [p-maxlength]=\"field.maxLength\"\n      [p-minlength]=\"field.minLength\"\n      [p-optional]=\"field.optional\"\n      [p-required]=\"field.required\"\n      (p-change)=\"onChangeField(field)\"\n      [p-icon]=\"field.icon\"\n      [p-placeholder]=\"field.placeholder\"\n    >\n    </po-number>\n\n    <po-decimal\n      #component\n      *ngIf=\"compareTo(field.control, 'decimal')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      p-clean\n      [p-disabled]=\"isDisabled(field)\"\n      [p-decimals-length]=\"field.decimalsLength\"\n      [p-thousand-maxlength]=\"field.thousandMaxlength\"\n      [p-icon]=\"field.icon\"\n      [p-auto-focus]=\"field.focus\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-locale]=\"field.locale\"\n      [p-optional]=\"field.optional\"\n      [p-required]=\"field.required\"\n      (p-change)=\"onChangeField(field)\"\n      [p-placeholder]=\"field.placeholder\"\n    >\n    </po-decimal>\n\n    <po-select\n      #component\n      *ngIf=\"compareTo(field.control, 'select')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [p-auto-focus]=\"field.focus\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-optional]=\"field.optional\"\n      [p-options]=\"field.options\"\n      [p-required]=\"field.required\"\n      (p-change)=\"onChangeField(field)\"\n      [p-placeholder]=\"field.placeholder\"\n    >\n    </po-select>\n\n    <po-radio-group\n      #component\n      *ngIf=\"compareTo(field.control, 'radioGroup')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      p-columns=\"3\"\n      [p-auto-focus]=\"field.focus\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-optional]=\"field.optional\"\n      [p-options]=\"field.options\"\n      [p-required]=\"field.required\"\n      (p-change)=\"onChangeField(field)\"\n    >\n    </po-radio-group>\n\n    <po-switch\n      #component\n      *ngIf=\"compareTo(field.control, 'switch')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [p-auto-focus]=\"field.focus\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-label-off]=\"field.booleanFalse\"\n      [p-label-on]=\"field.booleanTrue\"\n      (p-change)=\"onChangeField(field)\"\n    >\n    </po-switch>\n\n    <po-combo\n      #component\n      *ngIf=\"compareTo(field.control, 'combo')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      p-emit-object-value\n      [p-auto-focus]=\"field.focus\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-field-label]=\"field.fieldLabel\"\n      [p-field-value]=\"field.fieldValue\"\n      [p-filter-params]=\"field.params\"\n      [p-filter-service]=\"field.optionsService\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-optional]=\"field.optional\"\n      [p-required]=\"field.required\"\n      (p-change)=\"onChangeField(field, $event)\"\n      [p-icon]=\"field.icon\"\n      [p-placeholder]=\"field.placeholder\"\n    >\n    </po-combo>\n\n    <po-lookup\n      #component\n      *ngIf=\"compareTo(field.control, 'lookup')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      p-field-label=\"label\"\n      p-field-value=\"value\"\n      [ngClass]=\"field.componentClass\"\n      [p-columns]=\"field.columns\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-field-label]=\"field.fieldLabel || 'label'\"\n      [p-field-value]=\"field.fieldValue || 'value'\"\n      [p-filter-params]=\"field.params\"\n      [p-filter-service]=\"field.searchService\"\n      [p-auto-focus]=\"field.focus\"\n      [p-help]=\"field.help\"\n      [p-field-format]=\"field.format\"\n      [p-label]=\"field.label\"\n      [p-optional]=\"field.optional\"\n      [p-required]=\"field.required\"\n      (p-change)=\"onChangeField(field)\"\n      [p-placeholder]=\"field.placeholder\"\n    >\n    </po-lookup>\n\n    <po-checkbox-group\n      #component\n      *ngIf=\"compareTo(field.control, 'checkboxGroup')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      p-columns=\"3\"\n      [p-auto-focus]=\"field.focus\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-optional]=\"field.optional\"\n      [p-options]=\"field.options\"\n      [p-required]=\"field.required\"\n      (p-change)=\"onChangeField(field)\"\n    >\n    </po-checkbox-group>\n\n    <po-multiselect\n      #component\n      *ngIf=\"compareTo(field.control, 'multiselect')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-auto-focus]=\"field.focus\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-optional]=\"field.optional\"\n      [p-options]=\"field.options\"\n      [p-required]=\"field.required\"\n      (p-change)=\"onChangeField(field)\"\n      [p-placeholder]=\"field.placeholder\"\n    >\n    </po-multiselect>\n\n    <po-textarea\n      #component\n      *ngIf=\"compareTo(field.control, 'textarea')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      [p-disabled]=\"isDisabled(field)\"\n      [p-auto-focus]=\"field.focus\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-maxlength]=\"field.maxLength\"\n      [p-minlength]=\"field.minLength\"\n      [p-optional]=\"field.optional\"\n      [p-required]=\"field.required\"\n      [p-rows]=\"field.rows\"\n      (p-change)=\"onChangeField(field)\"\n      [p-placeholder]=\"field.placeholder\"\n    >\n    </po-textarea>\n\n    <po-password\n      #component\n      *ngIf=\"compareTo(field.control, 'password')\"\n      [name]=\"field.property\"\n      [(ngModel)]=\"value[field.property]\"\n      [ngClass]=\"field.componentClass\"\n      p-clean\n      [p-disabled]=\"isDisabled(field)\"\n      [p-error-pattern]=\"field.errorMessage\"\n      [p-auto-focus]=\"field.focus\"\n      [p-help]=\"field.help\"\n      [p-label]=\"field.label\"\n      [p-maxlength]=\"field.maxLength\"\n      [p-minlength]=\"field.minLength\"\n      [p-optional]=\"field.optional\"\n      [p-pattern]=\"field.pattern\"\n      [p-required]=\"field.required\"\n      (p-change)=\"onChangeField(field)\"\n      [p-placeholder]=\"field.placeholder\"\n    >\n    </po-password>\n  </ng-container>\n</div>\n",
                     viewProviders: [{ provide: forms.ControlContainer, useExisting: forms.NgForm }],
                     providers: [PoDynamicFormValidationService]
                 },] }
@@ -33455,7 +33909,7 @@
     PoPageHeaderComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'po-page-header',
-                    template: "<div class=\"po-page-header\">\n  <!-- Breadcrumb -->\n  <div class=\"po-page-header-breadcrumb\" *ngIf=\"breadcrumb && breadcrumb.items.length\">\n    <po-breadcrumb\n      [p-favorite-service]=\"breadcrumb.favorite\"\n      [p-items]=\"breadcrumb.items\"\n      [p-params-service]=\"breadcrumb.params\"\n    >\n    </po-breadcrumb>\n  </div>\n\n  <!-- Titulo -->\n  <h1 class=\"po-page-header-title\" *ngIf=\"title\">\n    {{ title }}\n  </h1>\n\n  <!-- Opera\u00E7\u00F5es -->\n  <ng-content></ng-content>\n</div>\n"
+                    template: "<div class=\"po-page-header\">\n  <!-- Breadcrumb -->\n  <div class=\"po-page-header-breadcrumb\" *ngIf=\"breadcrumb && breadcrumb.items.length\">\n    <po-breadcrumb\n      [p-favorite-service]=\"breadcrumb.favorite\"\n      [p-items]=\"breadcrumb.items\"\n      [p-params-service]=\"breadcrumb.params\"\n    >\n    </po-breadcrumb>\n  </div>\n\n  <div class=\"po-pt-1\">\n    <!-- Titulo -->\n    <h1 class=\"po-page-header-title\" *ngIf=\"title\">\n      {{ title }}\n    </h1>\n\n    <!-- Opera\u00E7\u00F5es -->\n    <ng-content></ng-content>\n  </div>\n</div>\n"
                 },] }
     ];
 
@@ -34895,7 +35349,7 @@
     PoStepperCircleComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'po-stepper-circle',
-                    template: "<div\n  class=\"po-stepper-circle\"\n  [class.po-stepper-circle-with-icon]=\"icons\"\n  [style.height.px]=\"size\"\n  [style.width.px]=\"size\"\n  [tabindex]=\"isDisabled ? -1 : 0\"\n>\n  <span\n    class=\"po-stepper-circle-content\"\n    [class.po-icon]=\"icons\"\n    [class.po-icon-exclamation]=\"icons && isError\"\n    [class.po-icon-info]=\"icons && (isActive || isDefault || isDisabled)\"\n    [class.po-icon-ok]=\"icons && isDone\"\n    [class.po-stepper-circle-content-lg]=\"isLargeStep\"\n    [class.po-stepper-circle-content-md]=\"isMediumStep\"\n  >\n    {{ !icons ? content : '' }}\n  </span>\n</div>\n"
+                    template: "<div class=\"po-stepper-circle\" [style.height.px]=\"size\" [style.width.px]=\"size\" [tabindex]=\"isDisabled ? -1 : 0\">\n  <span\n    *ngIf=\"!isActive\"\n    class=\"po-stepper-circle-content\"\n    [class.po-icon]=\"icons || isDone\"\n    [class.po-icon-exclamation]=\"icons && isError\"\n    [class.po-icon-info]=\"icons && (isActive || isDefault || isDisabled)\"\n    [class.po-icon-ok]=\"isDone\"\n    [class.po-stepper-circle-content-lg]=\"isLargeStep\"\n    [class.po-stepper-circle-content-md]=\"isMediumStep\"\n  >\n    {{ !icons && !isDone ? content : '' }}\n  </span>\n\n  <div *ngIf=\"isActive || isError\" class=\"po-stepper-circle-active\"></div>\n</div>\n"
                 },] }
     ];
     PoStepperCircleComponent.propDecorators = {
@@ -35099,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);
@@ -35148,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*.
@@ -35215,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;
@@ -35293,17 +35753,12 @@
                 steps[nextIndex].status = exports.PoStepperStatus.Default;
             }
         };
-        PoStepperComponent.prototype.setPreviousStepAsDone = function () {
-            if (this.previousActiveStep) {
-                this.previousActiveStep.status = exports.PoStepperStatus.Done;
-            }
-        };
         return PoStepperComponent;
     }(PoStepperBaseComponent));
     PoStepperComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'po-stepper',
-                    template: "<div class=\"po-stepper po-stepper-{{ orientation }}\">\n  <div class=\"po-stepper-container\">\n    <po-stepper-step\n      *ngFor=\"let step of stepList; let index = index; trackBy: trackByFn\"\n      class=\"po-stepper-step-position\"\n      [p-circle-content]=\"index + 1\"\n      [p-label]=\"step.label\"\n      [p-orientation]=\"orientation\"\n      [p-status]=\"step.status\"\n      [p-step-icons]=\"stepIcons\"\n      [p-step-size]=\"stepSize\"\n      (p-activated)=\"onStepActive(step)\"\n      (p-click)=\"changeStep(index, step)\"\n      (p-enter)=\"changeStep(index, step)\"\n    >\n    </po-stepper-step>\n  </div>\n\n  <div *ngIf=\"usePoSteps\" class=\"po-stepper-content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n"
+                    template: "<div class=\"po-stepper po-stepper-{{ orientation }}\">\n  <div class=\"po-stepper-container\">\n    <po-stepper-step\n      *ngFor=\"let step of stepList; let index = index; trackBy: trackByFn\"\n      class=\"po-stepper-step-position\"\n      [p-circle-content]=\"index + 1\"\n      [p-label]=\"step.label\"\n      [p-orientation]=\"orientation\"\n      [p-status]=\"step.status\"\n      [p-step-icons]=\"stepIcons\"\n      [p-step-size]=\"stepSize\"\n      [p-next-status]=\"poSteps.get(index + 1)?.status\"\n      (p-activated)=\"onStepActive(step)\"\n      (p-click)=\"changeStep(index, step)\"\n      (p-enter)=\"changeStep(index, step)\"\n    >\n    </po-stepper-step>\n  </div>\n\n  <div *ngIf=\"usePoSteps\" class=\"po-stepper-content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n"
                 },] }
     ];
     PoStepperComponent.ctorParameters = function () { return [
@@ -35433,11 +35888,11 @@
         PoStepperStepComponent.prototype.getStatusClass = function (status) {
             switch (status) {
                 case exports.PoStepperStatus.Active:
-                    return 'po-stepper-step-active';
+                    return 'po-stepper-step-default';
                 case exports.PoStepperStatus.Disabled:
                     return 'po-stepper-step-disabled';
                 case exports.PoStepperStatus.Done:
-                    return 'po-stepper-step-done';
+                    return 'po-stepper-step-default';
                 case exports.PoStepperStatus.Error:
                     return 'po-stepper-step-error';
                 default:
@@ -35459,12 +35914,13 @@
     PoStepperStepComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'po-stepper-step',
-                    template: "<div class=\"po-stepper-step\" [ngClass]=\"getStatusClass(status)\" (click)=\"onClick()\" (keydown.enter)=\"onEnter()\">\n  <div class=\"po-stepper-step-container\" [style.width.px]=\"isVerticalOrientation ? stepSize : undefined\">\n    <div\n      [class.po-stepper-step-bar-top]=\"isVerticalOrientation\"\n      [class.po-stepper-step-bar-left]=\"!isVerticalOrientation\"\n      [style.margin-right.px]=\"marginHorizontalBar\"\n    ></div>\n\n    <po-stepper-circle [p-content]=\"circleContent\" [p-icons]=\"stepIcons\" [p-size]=\"stepSize\" [p-status]=\"status\">\n    </po-stepper-circle>\n\n    <div\n      [class.po-stepper-step-bar-bottom]=\"isVerticalOrientation\"\n      [class.po-stepper-step-bar-right]=\"!isVerticalOrientation\"\n      [style.margin-left.px]=\"marginHorizontalBar\"\n    ></div>\n  </div>\n\n  <po-stepper-label class=\"po-stepper-step-label-position\" [p-content]=\"label\"> </po-stepper-label>\n</div>\n"
+                    template: "<div class=\"po-stepper-step\" [ngClass]=\"getStatusClass(status)\" (click)=\"onClick()\" (keydown.enter)=\"onEnter()\">\n  <div class=\"po-stepper-step-container\" [style.width.px]=\"isVerticalOrientation ? stepSize : undefined\">\n    <div\n      [class.po-stepper-step-bar-top]=\"isVerticalOrientation\"\n      [class.po-stepper-step-bar-left]=\"!isVerticalOrientation\"\n      [style.margin-right.px]=\"marginHorizontalBar\"\n    ></div>\n\n    <po-stepper-circle [p-content]=\"circleContent\" [p-icons]=\"stepIcons\" [p-size]=\"stepSize\" [p-status]=\"status\">\n    </po-stepper-circle>\n\n    <div\n      [class.po-stepper-step-bar-bottom]=\"isVerticalOrientation\"\n      [class.po-stepper-step-bar-right]=\"!isVerticalOrientation\"\n      [class.po-stepper-step-dashed-border]=\"nextStatus === 'disabled' && !isVerticalOrientation\"\n      [class.po-stepper-step-dashed-border-vertical]=\"nextStatus === 'disabled' && isVerticalOrientation\"\n      [style.margin-left.px]=\"marginHorizontalBar\"\n    ></div>\n  </div>\n\n  <po-stepper-label class=\"po-stepper-step-label-position\" [p-content]=\"label\"> </po-stepper-label>\n</div>\n"
                 },] }
     ];
     PoStepperStepComponent.propDecorators = {
         circleContent: [{ type: i0.Input, args: ['p-circle-content',] }],
         orientation: [{ type: i0.Input, args: ['p-orientation',] }],
+        nextStatus: [{ type: i0.Input, args: ['p-next-status',] }],
         activated: [{ type: i0.Output, args: ['p-activated',] }],
         click: [{ type: i0.Output, args: ['p-click',] }],
         enter: [{ type: i0.Output, args: ['p-enter',] }],
@@ -38768,7 +39224,7 @@
     exports.ɵdz = PoRichTextBodyComponent;
     exports.ɵe = PoAvatarBaseComponent;
     exports.ɵea = PoSelectBaseComponent;
-    exports.ɵeb = PoSwitchBaseComponent;
+    exports.ɵeb = PoFieldModel;
     exports.ɵec = PoTextareaBaseComponent;
     exports.ɵed = PoUploadBaseComponent;
     exports.ɵee = PoUploadService;