@seniorsistemas/angular-components 14.16.23 → 14.16.25

package/fesm5/seniorsistemas-angular-components.js

@@ -1559,6 +1559,7 @@ var CalendarField = /** @class */ (function (_super) {
         _this.view = config.view || "date";
         _this.minDate = config.minDate;
         _this.maxDate = config.maxDate;
+        _this.defaultDate = config.defaultDate;
         _this.appendTo = config.appendTo;
         _this.showOnFocus = typeof config.showOnFocus === "boolean" ? config.showOnFocus : true;
         _this.calendarLocaleOptions = config.calendarLocaleOptions || new CalendarLocaleOptions();
@@ -3848,6 +3849,7 @@ var TableFrozenPositionDirective = /** @class */ (function () {
             var _this = this;
             setTimeout(function () {
                 _this.synchronizeRowHeight();
+                _this.setUpRowResizeMonitoring();
             });
         },
         enumerable: true,
@@ -3883,32 +3885,27 @@ var TableFrozenPositionDirective = /** @class */ (function () {
             _this.handleColResize();
         });
         this.table.onRowExpand.subscribe(function () {
-            if (_this.rowExpandedObserver) {
-                _this.rowExpandedObserver.disconnect();
-            }
-            // The version of Angular/Typescript does not recognize the object ResizeObserver and breaks build
-            _this.rowExpandedObserver = new window.ResizeObserver(function () {
-                var frozenTDsToAdjust = _this.el.nativeElement.querySelectorAll(".ui-table-frozen-view .sds-expanded-row > td");
-                var unFrozenTDs = _this.el.nativeElement.querySelectorAll(".ui-table-unfrozen-view .sds-expanded-row > td");
-                frozenTDsToAdjust.forEach(function (frozenTd, index) {
-                    var unfrozenTD = unFrozenTDs[index];
-                    var unfrozenHeight = unfrozenTD.getBoundingClientRect().height;
-                    var frozenHeight = frozenTd.getBoundingClientRect().height;
-                    if (Math.abs(unfrozenHeight - frozenHeight) > 1) {
-                        frozenTd.style.height = unfrozenHeight + "px";
-                    }
-                });
-            });
-            setTimeout(function () {
-                var tdsToAdjust = _this.el.nativeElement.querySelectorAll(".ui-table-frozen-view .sds-expanded-row > td");
-                var originalsTds = _this.el.nativeElement.querySelectorAll(".ui-table-unfrozen-view .sds-expanded-row > td");
-                tdsToAdjust.forEach(function (td, index) {
-                    var originalTd = originalsTds[index];
-                    var height = originalTd.getBoundingClientRect().height;
-                    td.innerHTML = "<div style=\"height: " + height + "px\"></div>";
-                    td.style.padding = "0px";
-                    _this.rowExpandedObserver.observe(originalTd);
-                });
+            _this.setUpRowResizeMonitoring();
+        });
+    };
+    TableFrozenPositionDirective.prototype.setUpRowResizeMonitoring = function () {
+        var _this = this;
+        if (this.rowExpandedObserver) {
+            this.rowExpandedObserver.disconnect();
+        }
+        // The version of Angular/Typescript does not recognize the object ResizeObserver and breaks build
+        this.rowExpandedObserver = new window.ResizeObserver(function () {
+            _this.applyHeightForExpandedRows();
+        });
+        setTimeout(function () {
+            var tdsToAdjust = _this.el.nativeElement.querySelectorAll(".ui-table-frozen-view .sds-expanded-row > td");
+            var originalsTds = _this.el.nativeElement.querySelectorAll(".ui-table-unfrozen-view .sds-expanded-row > td");
+            tdsToAdjust.forEach(function (td, index) {
+                var originalTd = originalsTds[index];
+                var height = originalTd.getBoundingClientRect().height;
+                td.innerHTML = "<div style=\"height: " + height + "px\"></div>";
+                td.style.padding = "0px";
+                _this.rowExpandedObserver.observe(originalTd);
             });
         });
     };
@@ -3926,6 +3923,19 @@ var TableFrozenPositionDirective = /** @class */ (function () {
             });
         });
     };
+    TableFrozenPositionDirective.prototype.applyHeightForExpandedRows = function () {
+        var frozenTDsToAdjust = this.el.nativeElement.querySelectorAll(".ui-table-frozen-view .sds-expanded-row > td");
+        var unFrozenTDs = this.el.nativeElement.querySelectorAll(".ui-table-unfrozen-view .sds-expanded-row > td");
+        frozenTDsToAdjust.forEach(function (frozenTd, index) {
+            var unfrozenTD = unFrozenTDs[index];
+            var unfrozenHeight = unfrozenTD.getBoundingClientRect().height;
+            var frozenHeight = frozenTd.getBoundingClientRect().height;
+            if (Math.abs(unfrozenHeight - frozenHeight) > 1) {
+                frozenTd.style.height = unfrozenHeight + "px";
+                frozenTd.innerHTML = "<div></div>";
+            }
+        });
+    };
     TableFrozenPositionDirective.prototype.applyStylesForTable = function () {
         var scrollWrapper = this.el.nativeElement.querySelector(".ui-table-scrollable-wrapper");
         if (!scrollWrapper) {
@@ -4642,7 +4652,7 @@ var CalendarFieldComponent = /** @class */ (function () {
     ], CalendarFieldComponent.prototype, "timeOnly", void 0);
     CalendarFieldComponent = __decorate([
         Component({
-            template: "<div [pTooltip]=\"field.tooltip\" tooltipPosition=\"top\" [showDelay]=\"500\" [appendTo]=\"field.appendTo || 'body'\">\n    <!-- Remover as propriedades [showTransitionOptions] e [hideTransitionOptions] quando atualizar para o PrimeNG v10, esses atributos foram\n    usados para remover um bug ocasionado pela anima\u00E7\u00E3o do componente p-calendar, bug explicado nas issues: #ERPROM-5534, #ERPROM-8248 e #DSN-1045. -->\n    \n    <p-calendar\n        #calendar\n        sCalendarMask\n        [inputId]=\"(field.id || field.name)\"\n        [name]=\"field.name\"\n        [showIcon]=\"true\"\n        [timeOnly]=\"timeOnly\"\n        [selectionMode]=\"field.selectionMode\"\n        [rangeSeparator]=\"field.rangeSeparator\"\n        [showTime]=\"showTime\"\n        [showSeconds]=\"field.showSeconds\"\n        [showOnFocus]=\"field.showOnFocus\"\n        [formControl]=\"formControl\"\n        icon=\"fa fa-calendar\"\n        [minDate]=\"field.minDate\"\n        [maxDate]=\"field.maxDate\"\n        [locale]=\"field.calendarLocaleOptions\"\n        [dateFormat]=\"field.calendarLocaleOptions.dateFormat\"\n        [hourFormat]=\"field.calendarLocaleOptions.hourFormat\"\n        [view]=\"field.view\"\n        [placeholder]=\"field.placeholder\"\n        inputStyleClass=\"mousetrap\"\n        [appendTo]=\"field.appendTo\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (onFocus)=\"field.onFocus ? field.onFocus($event): null\"\n        (onSelect)=\"field.onSelect ? field.onSelect($event) : null\"\n        (onClose)=\"field.onClose ? field.onClose($event) : null\"\n        (onTodayClick)=\"field.onTodayClick ? field.onTodayClick($event) : null\"\n        (onClearClick)=\"field.onClearClick ? field.onClearClick($event) : null\"\n        (onMonthChange)=\"field.onMonthChange ? field.onMonthChange($event) : null\"\n        (onYearChange)=\"field.onYearChange ? field.onYearChange($event) : null\"\n        [showTransitionOptions]=\"'0ms'\"\n        [hideTransitionOptions]=\"'0ms'\"\n    ></p-calendar>\n</div>\n"
+            template: "<div [pTooltip]=\"field.tooltip\" tooltipPosition=\"top\" [showDelay]=\"500\" [appendTo]=\"field.appendTo || 'body'\">\n    <!-- Remover as propriedades [showTransitionOptions] e [hideTransitionOptions] quando atualizar para o PrimeNG v10, esses atributos foram\n    usados para remover um bug ocasionado pela anima\u00E7\u00E3o do componente p-calendar, bug explicado nas issues: #ERPROM-5534, #ERPROM-8248 e #DSN-1045. -->\n\n    <p-calendar\n        #calendar\n        sCalendarMask\n        [inputId]=\"(field.id || field.name)\"\n        [name]=\"field.name\"\n        [showIcon]=\"true\"\n        [timeOnly]=\"timeOnly\"\n        [selectionMode]=\"field.selectionMode\"\n        [rangeSeparator]=\"field.rangeSeparator\"\n        [showTime]=\"showTime\"\n        [showSeconds]=\"field.showSeconds\"\n        [showOnFocus]=\"field.showOnFocus\"\n        [formControl]=\"formControl\"\n        icon=\"fa fa-calendar\"\n        [minDate]=\"field.minDate\"\n        [maxDate]=\"field.maxDate\"\n        [defaultDate]=\"field.defaultDate\"\n        [locale]=\"field.calendarLocaleOptions\"\n        [dateFormat]=\"field.calendarLocaleOptions.dateFormat\"\n        [hourFormat]=\"field.calendarLocaleOptions.hourFormat\"\n        [view]=\"field.view\"\n        [placeholder]=\"field.placeholder\"\n        inputStyleClass=\"mousetrap\"\n        [appendTo]=\"field.appendTo\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (onFocus)=\"field.onFocus ? field.onFocus($event): null\"\n        (onSelect)=\"field.onSelect ? field.onSelect($event) : null\"\n        (onClose)=\"field.onClose ? field.onClose($event) : null\"\n        (onTodayClick)=\"field.onTodayClick ? field.onTodayClick($event) : null\"\n        (onClearClick)=\"field.onClearClick ? field.onClearClick($event) : null\"\n        (onMonthChange)=\"field.onMonthChange ? field.onMonthChange($event) : null\"\n        (onYearChange)=\"field.onYearChange ? field.onYearChange($event) : null\"\n        [showTransitionOptions]=\"'0ms'\"\n        [hideTransitionOptions]=\"'0ms'\"\n    ></p-calendar>\n</div>\n"
         })
     ], CalendarFieldComponent);
     return CalendarFieldComponent;