@po-ui/ng-components 5.15.0 → 5.16.0

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

@@ -16967,19 +16967,23 @@
     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'
         },
         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'
         },
         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'
         },
         ru: {
             invalidFormat: 'Дата в неверном формате',
-            startDateGreaterThanEndDate: 'Дата начала больше даты окончания'
+            startDateGreaterThanEndDate: 'Дата начала больше даты окончания',
+            invalidDate: 'Недействительная дата'
         }
     };
 
@@ -17283,6 +17287,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 {
@@ -17338,6 +17350,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);
@@ -17361,6 +17384,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 = [
@@ -17678,7 +17724,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)
             };
         };
@@ -19330,6 +19376,8 @@
              * @default `false`
              */
             this.infiniteScroll = false;
+            /** Exibe um ícone que permite limpar o campo. */
+            this.clean = 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.
@@ -19505,6 +19553,10 @@
         PoLookupBaseComponent.prototype.ngAfterViewInit = function () {
             this.setControl();
         };
+        PoLookupBaseComponent.prototype.cleanModel = function () {
+            this.cleanViewValue();
+            this.callOnChange(undefined);
+        };
         // Função implementada do ControlValueAccessor
         // Usada para interceptar os estados de habilitado via forms api
         PoLookupBaseComponent.prototype.setDisabledState = function (isDisabled) {
@@ -19605,10 +19657,6 @@
                 this.cleanViewValue();
             }
         };
-        PoLookupBaseComponent.prototype.cleanModel = function () {
-            this.cleanViewValue();
-            this.callOnChange(undefined);
-        };
         PoLookupBaseComponent.prototype.cleanViewValue = function () {
             this.setViewValue('', {});
             this.oldValue = '';
@@ -19678,6 +19726,7 @@
         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',] }],
         onError: [{ type: i0.Output, args: ['p-error',] }],
         selected: [{ type: i0.Output, args: ['p-selected',] }],
         change: [{ type: i0.Output, args: ['p-change',] }],
@@ -19692,6 +19741,9 @@
     __decorate([
         InputBoolean()
     ], PoLookupBaseComponent.prototype, "infiniteScroll", void 0);
+    __decorate([
+        InputBoolean()
+    ], PoLookupBaseComponent.prototype, "clean", void 0);
 
     /**
      *
@@ -20756,7 +20808,7 @@
     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\">\n    <input\n      #inp\n      class=\"po-input\"\n      type=\"text\"\n      [ngClass]=\"clean && inp.value ? 'po-input-double-icon-right' : 'po-input-icon-right'\"\n      [autocomplete]=\"autocomplete\"\n      [disabled]=\"disabled\"\n      [placeholder]=\"placeholder\"\n      [required]=\"required\"\n      (blur)=\"searchEvent()\"\n    />\n\n    <div class=\"po-field-icon-container-right\">\n      <po-clean *ngIf=\"clean && !disabled\" [p-element-ref]=\"inputEl\" (p-change-event)=\"cleanModel()\"> </po-clean>\n\n      <span\n        #iconLookup\n        class=\"po-icon po-field-icon po-icon-search\"\n        tabindex=\"-1\"\n        [class.po-field-icon]=\"!disabled\"\n        [class.po-field-icon-disabled]=\"disabled\"\n        (click)=\"openLookup()\"\n        (focus)=\"inp.focus()\"\n      >\n      </span>\n    </div>\n  </div>\n\n  <po-field-container-bottom></po-field-container-bottom>\n</po-field-container>\n",
                     providers: providers$2
                 },] }
     ];
@@ -24513,37 +24565,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
              *
@@ -24561,145 +24584,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);
+
+    /**
+     * @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 PoSwitchBaseComponent
+     * @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
      *
@@ -24728,8 +24695,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();
@@ -24782,17 +24804,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: [
                         {
@@ -24807,7 +24847,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',] }]
     };
 
     /**
@@ -33456,7 +33499,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"
                 },] }
     ];
 
@@ -34896,7 +34939,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 = {
@@ -35304,7 +35347,7 @@
     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 [
@@ -35434,11 +35477,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:
@@ -35460,12 +35503,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',] }],
@@ -38769,7 +38813,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;