@seniorsistemas/angular-components 17.2.14 → 17.2.16

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

@@ -6758,7 +6758,6 @@
         return TokenListModule;
     }());
 
-    var moment$5 = moment_;
     var TablePagingComponent = /** @class */ (function () {
         function TablePagingComponent(translate, hostProjectConfigs) {
             this.translate = translate;
@@ -6917,10 +6916,13 @@
                 .replace(/^_/, '');
         };
         TablePagingComponent.prototype.getExportFileName = function () {
-            var _a;
-            var fileName = (_a = this.exportFileName) !== null && _a !== void 0 ? _a : "download";
-            var currentDate = moment$5(new Date()).format("DD-MM-YYYY[_]HH:mm");
-            return fileName + "_" + currentDate;
+            var _a, _b;
+            var lang = (_a = this.translate.currentLang) !== null && _a !== void 0 ? _a : "pt-BR";
+            var date = new Date();
+            var fileName = (_b = this.exportFileName) !== null && _b !== void 0 ? _b : "download";
+            var formattedDate = date.toLocaleDateString(lang).replace("_", "-");
+            var formattedTime = date.toLocaleTimeString(lang).replace(" ", "-");
+            return fileName + "_" + formattedDate + "_" + formattedTime;
         };
         TablePagingComponent.prototype.exportCurrentPage = function () {
             this.validateComponent();
@@ -8476,7 +8478,7 @@
         CustomFieldType["Any"] = "Any";
         CustomFieldType["Enum"] = "Enum";
     })(CustomFieldType || (CustomFieldType = {}));
-    var moment$6 = moment_; // @HACK Necessary because of https://github.com/rollup/rollup/issues/670
+    var moment$5 = moment_; // @HACK Necessary because of https://github.com/rollup/rollup/issues/670
     var CustomFieldsComponent = /** @class */ (function () {
         function CustomFieldsComponent(customFieldsService, localeService, sanitizer, translateService, controlContainer) {
             this.customFieldsService = customFieldsService;
@@ -8685,16 +8687,16 @@
                     return;
                 switch (type) {
                     case exports.FieldType.Date:
-                        parsedValues[name] = moment$6(value).toDate();
+                        parsedValues[name] = moment$5(value).toDate();
                         break;
                     case exports.FieldType.DateTime:
-                        parsedValues[name] = moment$6(value).toDate();
+                        parsedValues[name] = moment$5(value).toDate();
                         break;
                     case exports.FieldType.LocalDateTime:
-                        parsedValues[name] = moment$6(value, "YYYY-MM-DD[T]HH:mm:ss.SSS").toDate();
+                        parsedValues[name] = moment$5(value, "YYYY-MM-DD[T]HH:mm:ss.SSS").toDate();
                         break;
                     case exports.FieldType.Time:
-                        parsedValues[name] = moment$6(value, "HH:mm:ss").toDate();
+                        parsedValues[name] = moment$5(value, "HH:mm:ss").toDate();
                         break;
                 }
             });
@@ -8727,16 +8729,16 @@
                                 value = new BigNumber__default(value).toFixed(scale).toString();
                             break;
                         case exports.FieldType.Date:
-                            value = moment$6(value).format("YYYY-MM-DD");
+                            value = moment$5(value).format("YYYY-MM-DD");
                             break;
                         case exports.FieldType.DateTime:
-                            value = moment$6(value).format();
+                            value = moment$5(value).format();
                             break;
                         case exports.FieldType.LocalDateTime:
-                            value = moment$6(value).format("YYYY-MM-DD[T]HH:mm:ss.SSS");
+                            value = moment$5(value).format("YYYY-MM-DD[T]HH:mm:ss.SSS");
                             break;
                         case exports.FieldType.Time:
-                            value = moment$6(value).format("HH:mm:ss");
+                            value = moment$5(value).format("HH:mm:ss");
                             break;
                     }
                 }
@@ -9149,7 +9151,7 @@
         return EditableOverlayModule;
     }());
 
-    var moment$7 = moment_;
+    var moment$6 = moment_;
     var YEAR = "year";
     var MONTH = "month";
     var DAY = "day";
@@ -9161,22 +9163,22 @@
         function DateUtils() {
         }
         DateUtils.parse = function (date) {
-            return moment$7(date).toDate();
+            return moment$6(date).toDate();
         };
         DateUtils.toString = function (date, with_time) {
             if (with_time === void 0) { with_time = false; }
-            var result = with_time ? moment$7(date, "YYYY-MM-DD hh:mm:ss.SSS") : moment$7(date, "YYYY-MM-DD");
+            var result = with_time ? moment$6(date, "YYYY-MM-DD hh:mm:ss.SSS") : moment$6(date, "YYYY-MM-DD");
             return result.toString();
         };
         DateUtils.format = function (date, formatString, lang) {
             if (formatString === void 0) { formatString = "YYYY-MM-DD HH:mm:ss.SSS"; }
             if (lang === void 0) { lang = "en"; }
-            var monthName = moment$7(date)
+            var monthName = moment$6(date)
                 .locale(lang)
                 .startOf("month")
                 .format("MMMM");
             var monthNameCapitalized = monthName.charAt(0).toUpperCase() + monthName.slice(1);
-            var dateToFormat = moment$7(date).locale(lang);
+            var dateToFormat = moment$6(date).locale(lang);
             var format_map = {
                 YYYY: dateToFormat.format("YYYY"),
                 MM: dateToFormat.format("MM"),
@@ -9206,13 +9208,13 @@
             return str;
         };
         DateUtils.diff = function (fistDate, secondDate, scale) {
-            var milliseconds = moment$7(fistDate).diff(secondDate, MILLISECOND);
-            var seconds = moment$7(fistDate).diff(secondDate, SECOND);
-            var minutes = moment$7(fistDate).diff(secondDate, MINUTE);
-            var hours = moment$7(fistDate).diff(secondDate, HOUR);
-            var days = moment$7(fistDate).diff(secondDate, DAY);
-            var months = moment$7(fistDate).diff(secondDate, MONTH);
-            var years = moment$7(fistDate).diff(secondDate, YEAR);
+            var milliseconds = moment$6(fistDate).diff(secondDate, MILLISECOND);
+            var seconds = moment$6(fistDate).diff(secondDate, SECOND);
+            var minutes = moment$6(fistDate).diff(secondDate, MINUTE);
+            var hours = moment$6(fistDate).diff(secondDate, HOUR);
+            var days = moment$6(fistDate).diff(secondDate, DAY);
+            var months = moment$6(fistDate).diff(secondDate, MONTH);
+            var years = moment$6(fistDate).diff(secondDate, YEAR);
             if (!scale.endsWith("s")) {
                 scale += "s";
             }
@@ -9227,14 +9229,14 @@
             }[scale]);
         };
         DateUtils.today = function () {
-            var dateStr = moment$7().format("YYY-MM-DD");
+            var dateStr = moment$6().format("YYY-MM-DD");
             return new Date(dateStr);
         };
         DateUtils.now = function () {
-            return moment$7().toDate();
+            return moment$6().toDate();
         };
         DateUtils.add = function (date, quantity, scale) {
-            return moment$7(date).add(quantity, scale).toDate();
+            return moment$6(date).add(quantity, scale).toDate();
         };
         DateUtils.startOf = function (date, scale) {
             var _a;
@@ -9263,7 +9265,7 @@
             return new Date(vals[0], vals[1], vals[2], vals[3], vals[4], vals[5], vals[6]);
         };
         DateUtils.clone = function (date) {
-            return moment$7(date).toDate();
+            return moment$6(date).toDate();
         };
         DateUtils.getDateValues = function (date) {
             return [
@@ -9277,7 +9279,7 @@
             ];
         };
         DateUtils.getDaysInMonth = function (date) {
-            return moment$7(date, "YYYY-MM").daysInMonth();
+            return moment$6(date, "YYYY-MM").daysInMonth();
         };
         return DateUtils;
     }());
@@ -11953,34 +11955,74 @@
         return SidebarModule;
     }());
 
+    var SlidePanelService = /** @class */ (function () {
+        function SlidePanelService() {
+            this.modalCloseMap = new Map();
+        }
+        SlidePanelService.prototype.createSlidePanel = function (id) {
+            var panelSubject = new rxjs.Subject();
+            this.modalCloseMap.set(id, panelSubject);
+            return panelSubject.asObservable();
+        };
+        SlidePanelService.prototype.getModalCloseObservable = function (id) {
+            return this.modalCloseMap.get(id).asObservable();
+        };
+        SlidePanelService.prototype.closeModal = function (id) {
+            var subject = this.modalCloseMap.get(id);
+            if (subject) {
+                subject.next();
+            }
+        };
+        SlidePanelService = __decorate([
+            core.Injectable()
+        ], SlidePanelService);
+        return SlidePanelService;
+    }());
+
     var SMALL_DEVICE_BREAKPOINT = 420;
     var SlidePanelComponent = /** @class */ (function () {
-        function SlidePanelComponent() {
+        function SlidePanelComponent(slidePanelService) {
+            this.slidePanelService = slidePanelService;
+            this.id = "slide-panel-" + ++SlidePanelComponent_1.nextId;
             this.openIcon = "fas fa-chevron-right";
             this.closeIcon = "fas fa-chevron-left";
             this.cache = false;
             this.panelOpened = new core.EventEmitter();
             this.panelClosed = new core.EventEmitter();
-            this.slideHeight = 0;
             this.isOpen = false;
             this.isSlideOver = false;
             this.isAnimating = false;
             this.isContentAnimationDisabled = true;
+            this.slideHeight = 0;
+            this.sideContentWidth = 0;
+            this._unsubscribe$ = new rxjs.Subject();
         }
+        SlidePanelComponent_1 = SlidePanelComponent;
         SlidePanelComponent.prototype.onResize = function () {
             this._checkOverBehavior();
         };
         SlidePanelComponent.prototype.ngOnInit = function () {
+            var _this = this;
             this._checkOverBehavior();
+            this.slidePanelService.createSlidePanel(this.id)
+                .pipe(operators.takeUntil(this._unsubscribe$))
+                .subscribe(function () {
+                _this.isOpen = false;
+            });
         };
         SlidePanelComponent.prototype.ngAfterViewChecked = function () {
             var _this = this;
             // to executed at a safe time prior to control returning to the browser's event loop
             queueMicrotask(function () {
                 _this._calculateSlideHeight();
+                _this._calculateSideContentWidth();
                 _this.isContentAnimationDisabled = false;
             });
         };
+        SlidePanelComponent.prototype.ngOnDestroy = function () {
+            this._unsubscribe$.next();
+            this._unsubscribe$.complete();
+        };
         SlidePanelComponent.prototype.onClickButton = function () {
             if (this.isAnimating) {
                 return;
@@ -11998,13 +12040,27 @@
         };
         SlidePanelComponent.prototype.onContentAnimationDone = function () {
             this.isAnimating = false;
+            this._calculateSideContentWidth();
         };
         SlidePanelComponent.prototype._checkOverBehavior = function () {
             this.isSlideOver = window.innerWidth <= SMALL_DEVICE_BREAKPOINT;
         };
         SlidePanelComponent.prototype._calculateSlideHeight = function () {
-            this.slideHeight = this.sideContent.nativeElement.clientHeight;
+            this.slideHeight = this._sideContentRef.nativeElement.clientHeight;
+        };
+        SlidePanelComponent.prototype._calculateSideContentWidth = function () {
+            var slidePanelWidth = this._slidePanelRef.nativeElement.getBoundingClientRect().width;
+            var slideContentWidth = this._slideContentRef.nativeElement.getBoundingClientRect().width;
+            this.sideContentWidth = slidePanelWidth - slideContentWidth;
         };
+        var SlidePanelComponent_1;
+        SlidePanelComponent.nextId = 0;
+        SlidePanelComponent.ctorParameters = function () { return [
+            { type: SlidePanelService }
+        ]; };
+        __decorate([
+            core.Input()
+        ], SlidePanelComponent.prototype, "id", void 0);
         __decorate([
             core.Input()
         ], SlidePanelComponent.prototype, "openIcon", void 0);
@@ -12021,18 +12077,21 @@
             core.Output()
         ], SlidePanelComponent.prototype, "panelClosed", void 0);
         __decorate([
-            core.ViewChild("mainContainer")
-        ], SlidePanelComponent.prototype, "mainContainer", void 0);
+            core.ViewChild("slidePanel")
+        ], SlidePanelComponent.prototype, "_slidePanelRef", void 0);
+        __decorate([
+            core.ViewChild("slideContent")
+        ], SlidePanelComponent.prototype, "_slideContentRef", void 0);
         __decorate([
             core.ViewChild("sideContent")
-        ], SlidePanelComponent.prototype, "sideContent", void 0);
+        ], SlidePanelComponent.prototype, "_sideContentRef", void 0);
         __decorate([
             core.HostListener("window:resize")
         ], SlidePanelComponent.prototype, "onResize", null);
-        SlidePanelComponent = __decorate([
+        SlidePanelComponent = SlidePanelComponent_1 = __decorate([
             core.Component({
                 selector: "s-slide-panel",
-                template: "<div class=\"slide-panel\">\n    <div\n        class=\"slide-content\"\n        [ngClass]=\"{\n            'slide-content--closed': !isOpen,\n            'slide-content--over': isSlideOver\n        }\">\n        <div\n            #mainContainer\n            class=\"main-container\"\n            [style.maxHeight]=\"slideHeight + 'px'\">\n            <ng-container *ngIf=\"cache; then cacheTemplate else cachelessTemplate\"></ng-container>\n        </div>\n        <button\n            class=\"button\"\n            [ngClass]=\"isOpen ? closeIcon : openIcon\"\n            (click)=\"onClickButton()\">\n        </button>\n    </div>\n    <div #sideContent class=\"side-content\">\n        <ng-content select=\"[side-content]\"></ng-content>\n    </div>\n</div>\n\n<ng-template #cacheTemplate>\n    <div\n        class=\"content-container\"\n        [@cacheAnimation]=\"isOpen\"\n        [@.disabled]=\"isContentAnimationDisabled\"\n        (@cacheAnimation.start)=\"onContentAnimationStart()\"\n        (@cacheAnimation.done)=\"onContentAnimationDone()\">\n        <ng-container [ngTemplateOutlet]=\"slideContent\"></ng-container>\n    </div>\n</ng-template>\n\n<ng-template #cachelessTemplate>\n    <div\n        *ngIf=\"isOpen\"\n        class=\"content-container\"\n        @cachelessAnimation\n        [@.disabled]=\"isContentAnimationDisabled\"\n        (@cachelessAnimation.start)=\"onContentAnimationStart()\"\n        (@cachelessAnimation.done)=\"onContentAnimationDone()\">\n        <ng-container [ngTemplateOutlet]=\"slideContent\"></ng-container>\n    </div>\n</ng-template>\n\n<ng-template #slideContent>\n    <ng-content select=\"[slide-content]\"></ng-content>\n</ng-template>",
+                template: "<div #slidePanel class=\"slide-panel\">\n    <div\n        #slideContent\n        class=\"slide-content\"\n        [ngClass]=\"{\n            'slide-content--closed': !isOpen,\n            'slide-content--over': isSlideOver\n        }\">\n        <div\n            #mainContainer\n            class=\"main-container\"\n            [style.maxHeight]=\"slideHeight + 'px'\">\n            <ng-container *ngIf=\"cache; then cacheTemplate else cachelessTemplate\"></ng-container>\n        </div>\n        <button\n            class=\"button\"\n            [ngClass]=\"isOpen ? closeIcon : openIcon\"\n            (click)=\"onClickButton()\">\n        </button>\n    </div>\n    <div    \n        #sideContent\n        class=\"side-content\"\n        [ngStyle]=\"{ 'width.px': sideContentWidth }\">\n        <ng-content select=\"[side-content]\"></ng-content>\n    </div>\n</div>\n\n<ng-template #cacheTemplate>\n    <div\n        class=\"content-container\"\n        [@cacheAnimation]=\"isOpen\"\n        [@.disabled]=\"isContentAnimationDisabled\"\n        (@cacheAnimation.start)=\"onContentAnimationStart()\"\n        (@cacheAnimation.done)=\"onContentAnimationDone()\">\n        <ng-container [ngTemplateOutlet]=\"slideContentTemplate\"></ng-container>\n    </div>\n</ng-template>\n\n<ng-template #cachelessTemplate>\n    <div\n        *ngIf=\"isOpen\"\n        class=\"content-container\"\n        @cachelessAnimation\n        [@.disabled]=\"isContentAnimationDisabled\"\n        (@cachelessAnimation.start)=\"onContentAnimationStart()\"\n        (@cachelessAnimation.done)=\"onContentAnimationDone()\">\n        <ng-container [ngTemplateOutlet]=\"slideContentTemplate\"></ng-container>\n    </div>\n</ng-template>\n\n<ng-template #slideContentTemplate>\n    <ng-content select=\"[slide-content]\"></ng-content>\n</ng-template>",
                 animations: [
                     animations.trigger("cachelessAnimation", [
                         animations.transition(":enter", [
@@ -12050,7 +12109,7 @@
                         animations.transition("* => *", animations.animate("200ms")),
                     ]),
                 ],
-                styles: [".slide-panel{display:-ms-flexbox;display:flex}.slide-panel .slide-content{display:-ms-flexbox;display:flex;position:relative}.slide-panel .slide-content .main-container{background-color:#eeebf2;display:-ms-flexbox;display:flex;border:1px solid #ccc;overflow:hidden;position:relative}.slide-panel .slide-content .main-container .content-container{overflow-y:auto;overflow-x:hidden;padding:16px}.slide-panel .slide-content .button{-ms-flex-align:center;align-items:center;background-color:#eeebf2;border:1px solid #ccc;border-left:none;border-radius:0 4px 4px 0;cursor:pointer;display:-ms-flexbox;display:flex;font-size:16px;height:32px;-ms-flex-pack:center;justify-content:center;position:absolute;right:-32px;top:16px;width:32px}.slide-panel .slide-content--closed .main-container{border:none}.slide-panel .slide-content--over{position:absolute}.slide-panel .side-content{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;height:-webkit-max-content;height:max-content}"]
+                styles: [".slide-panel{display:-ms-flexbox;display:flex;width:100%}.slide-panel .slide-content{display:-ms-flexbox;display:flex;position:relative}.slide-panel .slide-content .main-container{background-color:#eeebf2;display:-ms-flexbox;display:flex;border:1px solid #ccc;overflow:hidden;position:relative}.slide-panel .slide-content .main-container .content-container{overflow-y:auto;overflow-x:hidden;padding:16px}.slide-panel .slide-content .button{-ms-flex-align:center;align-items:center;background-color:#eeebf2;border:1px solid #ccc;border-left:none;border-radius:0 4px 4px 0;cursor:pointer;display:-ms-flexbox;display:flex;font-family:\"Font Awesome 5 Pro\";font-size:16px;height:32px;-ms-flex-pack:center;justify-content:center;position:absolute;right:-32px;top:16px;width:32px;z-index:99}.slide-panel .slide-content--closed .main-container{border:none}.slide-panel .slide-content--over{position:absolute}.slide-panel .side-content{display:-ms-flexbox;display:flex;height:-webkit-max-content;height:max-content;overflow:auto;transition:width .1s linear}"]
             })
         ], SlidePanelComponent);
         return SlidePanelComponent;
@@ -12064,6 +12123,7 @@
                 imports: [common.CommonModule],
                 declarations: [SlidePanelComponent],
                 exports: [SlidePanelComponent],
+                providers: [SlidePanelService],
             })
         ], SlidePanelModule);
         return SlidePanelModule;
@@ -16215,29 +16275,30 @@
     exports.ɵbq = ThumbnailService;
     exports.ɵbr = BorderButtonModule;
     exports.ɵbs = BorderButtonComponent;
-    exports.ɵbt = TimelineItemModule;
-    exports.ɵbu = TimelineIconItemComponent;
-    exports.ɵbv = HorizontalTimelineModule;
-    exports.ɵbw = HorizontalTimelineComponent;
-    exports.ɵbx = VerticalTimelineModule;
-    exports.ɵby = VerticalTimelineComponent;
-    exports.ɵbz = RangeLineComponent;
+    exports.ɵbt = SlidePanelService;
+    exports.ɵbu = TimelineItemModule;
+    exports.ɵbv = TimelineIconItemComponent;
+    exports.ɵbw = HorizontalTimelineModule;
+    exports.ɵbx = HorizontalTimelineComponent;
+    exports.ɵby = VerticalTimelineModule;
+    exports.ɵbz = VerticalTimelineComponent;
     exports.ɵc = CountryPhonePickerService;
-    exports.ɵca = CollapseOptionComponent;
-    exports.ɵcb = CollapsedItemsComponent;
-    exports.ɵcc = VerticalItemsComponent;
-    exports.ɵcd = InfiniteScrollModule;
-    exports.ɵce = InfiniteScrollDirective;
-    exports.ɵcf = CustomTranslationsModule;
-    exports.ɵcg = CodeEditorComponent;
-    exports.ɵch = CoreFacade;
-    exports.ɵci = CodeMirror6Core;
-    exports.ɵcj = TieredMenuEventService;
-    exports.ɵck = TieredMenuService;
-    exports.ɵcl = TieredMenuComponent;
-    exports.ɵcm = TieredMenuNestedComponent;
-    exports.ɵcn = TieredMenuItemComponent;
-    exports.ɵco = TieredMenuDividerComponent;
+    exports.ɵca = RangeLineComponent;
+    exports.ɵcb = CollapseOptionComponent;
+    exports.ɵcc = CollapsedItemsComponent;
+    exports.ɵcd = VerticalItemsComponent;
+    exports.ɵce = InfiniteScrollModule;
+    exports.ɵcf = InfiniteScrollDirective;
+    exports.ɵcg = CustomTranslationsModule;
+    exports.ɵch = CodeEditorComponent;
+    exports.ɵci = CoreFacade;
+    exports.ɵcj = CodeMirror6Core;
+    exports.ɵck = TieredMenuEventService;
+    exports.ɵcl = TieredMenuService;
+    exports.ɵcm = TieredMenuComponent;
+    exports.ɵcn = TieredMenuNestedComponent;
+    exports.ɵco = TieredMenuItemComponent;
+    exports.ɵcp = TieredMenuDividerComponent;
     exports.ɵd = LocalizedCurrencyImpurePipe;
     exports.ɵe = LocalizedBignumberPipe;
     exports.ɵf = LocalizedBignumberImpurePipe;