@seniorsistemas/angular-components 14.16.23 → 14.16.25

package/bundles/seniorsistemas-angular-components.umd.js

@@ -1732,6 +1732,7 @@
             _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();
@@ -4021,6 +4022,7 @@
                 var _this = this;
                 setTimeout(function () {
                     _this.synchronizeRowHeight();
+                    _this.setUpRowResizeMonitoring();
                 });
             },
             enumerable: true,
@@ -4056,32 +4058,27 @@
                 _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);
                 });
             });
         };
@@ -4099,6 +4096,19 @@
                 });
             });
         };
+        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) {
@@ -4815,7 +4825,7 @@
         ], CalendarFieldComponent.prototype, "timeOnly", void 0);
         CalendarFieldComponent = __decorate([
             core.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;