@seniorsistemas/angular-components 16.7.5 → 16.8.0

package/fesm5/seniorsistemas-angular-components.js

@@ -1,5 +1,5 @@
 import { __decorate, __spread, __assign, __values, __extends, __rest, __awaiter, __generator, __param, __read } from 'tslib';
-import { EventEmitter, Input, Output, HostListener, Component, NgModule, HostBinding, ViewChild, Renderer2, Directive, Injectable, ElementRef, Pipe, forwardRef, ViewEncapsulation, InjectionToken, Inject, ApplicationRef, ComponentFactoryResolver, Injector, TemplateRef, ViewContainerRef, ChangeDetectorRef, Optional, ContentChild, ContentChildren } from '@angular/core';
+import { EventEmitter, Input, Output, HostListener, Component, NgModule, HostBinding, ViewChild, Renderer2, Directive, Injectable, ElementRef, Pipe, forwardRef, ViewEncapsulation, ɵɵdefineInjectable, InjectionToken, Inject, ApplicationRef, ComponentFactoryResolver, Injector, TemplateRef, ViewContainerRef, ChangeDetectorRef, Optional, ContentChild, ContentChildren } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { RouterModule, NavigationEnd, PRIMARY_OUTLET, ActivatedRoute, Router } from '@angular/router';
 import { BreadcrumbModule as BreadcrumbModule$1 } from 'primeng/breadcrumb';
@@ -3528,6 +3528,52 @@ var ExportUtils = /** @class */ (function () {
     return ExportUtils;
 }());
 
+var DEFAULT_TIMER = 300;
+var DebounceUtils = /** @class */ (function () {
+    function DebounceUtils() {
+    }
+    DebounceUtils.prototype.debounce = function (func, timeout) {
+        var _this = this;
+        if (timeout === void 0) { timeout = DEFAULT_TIMER; }
+        var timer;
+        return function () {
+            var args = [];
+            for (var _i = 0; _i < arguments.length; _i++) {
+                args[_i] = arguments[_i];
+            }
+            clearTimeout(timer);
+            timer = setTimeout(function () {
+                func.apply(_this, args);
+            }, timeout);
+        };
+    };
+    DebounceUtils.prototype.debounceLeading = function (func, timeout) {
+        var _this = this;
+        if (timeout === void 0) { timeout = DEFAULT_TIMER; }
+        var timer;
+        return function () {
+            var args = [];
+            for (var _i = 0; _i < arguments.length; _i++) {
+                args[_i] = arguments[_i];
+            }
+            if (!timer) {
+                func.apply(_this, args);
+            }
+            clearTimeout(timer);
+            timer = setTimeout(function () {
+                timer = null;
+            }, timeout);
+        };
+    };
+    DebounceUtils.ɵprov = ɵɵdefineInjectable({ factory: function DebounceUtils_Factory() { return new DebounceUtils(); }, token: DebounceUtils, providedIn: "root" });
+    DebounceUtils = __decorate([
+        Injectable({
+            providedIn: 'root',
+        })
+    ], DebounceUtils);
+    return DebounceUtils;
+}());
+
 /**
  * Formats a JSON response to a JS object
  * @param response The response to format
@@ -4114,11 +4160,13 @@ var TooltipEvent;
 })(TooltipEvent || (TooltipEvent = {}));
 
 var TooltipDirective = /** @class */ (function () {
-    function TooltipDirective(elementRef, appRef, componentFactoryResolver, injector) {
+    function TooltipDirective(elementRef, appRef, componentFactoryResolver, injector, debounceUtils) {
+        var _this = this;
         this.elementRef = elementRef;
         this.appRef = appRef;
         this.componentFactoryResolver = componentFactoryResolver;
         this.injector = injector;
+        this.debounceUtils = debounceUtils;
         this.position = TooltipPosition.Top;
         this.showDelay = 500;
         this.tooltipEvent = TooltipEvent.Hover;
@@ -4126,6 +4174,8 @@ var TooltipDirective = /** @class */ (function () {
         this.visible = true;
         this.mobileBehavior = MobileBehavior.Pressing;
         this.componentRef = null;
+        this.boundOnWindowMouseMoveFunction = this.onWindowMouseMove.bind(this);
+        this.debounceCreateTooltipFunction = this.debounceUtils.debounceLeading(function () { return _this.createTootip(); });
     }
     TooltipDirective.prototype.ngOnInit = function () {
         this.validatePosition();
@@ -4133,6 +4183,25 @@ var TooltipDirective = /** @class */ (function () {
     TooltipDirective.prototype.ngOnDestroy = function () {
         this.destroy();
     };
+    TooltipDirective.prototype.onWindowMouseMove = function (event) {
+        if (!this.componentRef) {
+            return;
+        }
+        var elementRect = this.elementRef.nativeElement.getBoundingClientRect();
+        var toolTipRect = this.tooltipDivElement.getBoundingClientRect();
+        var totalElementArea = {
+            top: Math.min(elementRect.top, toolTipRect.top),
+            right: Math.max(elementRect.right, toolTipRect.right),
+            left: Math.min(elementRect.left, toolTipRect.left),
+            bottom: Math.max(elementRect.bottom, toolTipRect.bottom)
+        };
+        if (this.isMousePositionOutsideOfElement(event.clientX, event.clientY, totalElementArea)) {
+            this.destroy();
+        }
+    };
+    TooltipDirective.prototype.isMousePositionOutsideOfElement = function (mouseX, mouseY, elementArea) {
+        return mouseX < elementArea.left || mouseX >= elementArea.right || mouseY < elementArea.top || mouseY >= elementArea.bottom;
+    };
     // whenever the component with the tooltip is clicked I destroy the tooltip.
     // whenever a key is pressed on the component with the tooltip I destroy the tooltip.
     TooltipDirective.prototype.onClick = function () {
@@ -4160,12 +4229,12 @@ var TooltipDirective = /** @class */ (function () {
     };
     TooltipDirective.prototype.onMouseEnter = function () {
         if (this.tooltipEvent === TooltipEvent.Hover) {
-            this.createTootip();
+            this.debounceCreateTooltipFunction();
         }
     };
     TooltipDirective.prototype.onMouseLeave = function () {
         if (this.tooltipEvent === TooltipEvent.Hover) {
-            this.setHideTooltipTimeout();
+            this.destroy();
         }
     };
     TooltipDirective.prototype.onTouchStart = function () {
@@ -4178,7 +4247,7 @@ var TooltipDirective = /** @class */ (function () {
         if (this.tooltipEvent === TooltipEvent.Hover) {
             if (this.mobileBehavior === MobileBehavior.Pressing) {
                 window.clearTimeout(this.touchTimeout);
-                this.setHideTooltipTimeout();
+                this.destroy();
             }
         }
     };
@@ -4194,9 +4263,6 @@ var TooltipDirective = /** @class */ (function () {
             throw new Error("Tooltip " + this.position + " position is unexpected");
         }
     };
-    TooltipDirective.prototype.setHideTooltipTimeout = function () {
-        this.destroy();
-    };
     TooltipDirective.prototype.createTootip = function () {
         var _a;
         if (this.componentRef === null && ((_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.length)) {
@@ -4207,6 +4273,7 @@ var TooltipDirective = /** @class */ (function () {
             document.body.appendChild(domElem);
             this.setTooltipComponentProperties();
             this.showTimeout = window.setTimeout(this.showTooltip.bind(this), this.showDelay);
+            this.tooltipDivElement = domElem.querySelector('.tooltip');
             if (this.displayTime) {
                 window.setTimeout(this.destroy.bind(this), this.displayTime);
             }
@@ -4215,6 +4282,7 @@ var TooltipDirective = /** @class */ (function () {
     TooltipDirective.prototype.showTooltip = function () {
         if (this.componentRef !== null) {
             this.componentRef.instance.visible = true;
+            window.addEventListener('mousemove', this.boundOnWindowMouseMoveFunction);
         }
     };
     TooltipDirective.prototype.setTooltipComponentProperties = function () {
@@ -4319,13 +4387,16 @@ var TooltipDirective = /** @class */ (function () {
             this.appRef.detachView(this.componentRef.hostView);
             this.componentRef.destroy();
             this.componentRef = null;
+            this.tooltipDivElement = null;
         }
+        window.removeEventListener('mousemove', this.boundOnWindowMouseMoveFunction);
     };
     TooltipDirective.ctorParameters = function () { return [
         { type: ElementRef },
         { type: ApplicationRef },
         { type: ComponentFactoryResolver },
-        { type: Injector }
+        { type: Injector },
+        { type: DebounceUtils }
     ]; };
     __decorate([
         Input("sTooltip")
@@ -4368,7 +4439,8 @@ var TooltipDirective = /** @class */ (function () {
         HostListener("mouseenter")
     ], TooltipDirective.prototype, "onMouseEnter", null);
     __decorate([
-        HostListener("mouseleave")
+        HostListener("mouseleave"),
+        HostListener("wheel")
     ], TooltipDirective.prototype, "onMouseLeave", null);
     __decorate([
         HostListener("touchstart")
@@ -6428,7 +6500,7 @@ var RowComponent = /** @class */ (function () {
     ], RowComponent.prototype, "errorMessages", void 0);
     RowComponent = __decorate([
         Component({
-            template: "\n        <div class=\"ui-fluid\" [formGroup]=\"group\">\n        <div class=\"ui-g\">\n            <ng-container *ngFor=\"let field of config.fields\">\n                <div [ngClass]=\"field.gridClass\" *ngIf=\"field.visible()\">\n                    <label\n                        [for]=\"field.name\"\n                        [ngClass]=\"{ 'required': field.required() }\"\n                        *sInfoSign=\"field.infoSign\"\n                        >\n                            {{ field.label }}\n                    </label>\n                    <ng-container *sDynamicForm=\"{ id: id, config: field, group: group}\"></ng-container>\n                    <s-control-errors [form]=\"group\" [control]=\"group.controls[field.name]\"\n                        [errorMessages]=\"getErrorMessages(field.errorMessages)\"></s-control-errors>\n                </div>\n            </ng-container>\n        </div>\n    "
+            template: "\n        <div class=\"ui-fluid\" [formGroup]=\"group\">\n        <div class=\"ui-g\">\n            <ng-container *ngFor=\"let field of config.fields\">\n                <div [ngClass]=\"field.gridClass\" *ngIf=\"field.visible()\">\n                    <label\n                        [for]=\"field.name\"\n                        [ngClass]=\"{ 'required': field.required() }\"\n                        *sInfoSign=\"field.infoSign\"\n                        >\n                            {{ field.label }}\n                    </label>\n                    <ng-container *sDynamicForm=\"{ id: id, config: field, group: group}\"></ng-container>\n                    <s-control-errors [form]=\"group\" [control]=\"group.controls[field.name]\"\n                        [errorMessages]=\"getErrorMessages(field.errorMessages)\"></s-control-errors>\n                    <ng-template *ngIf=\"field?.bottomTemplate\" [ngTemplateOutlet]=\"field.bottomTemplate\"></ng-template>\n                </div>\n            </ng-container>\n        </div>\n    "
         })
     ], RowComponent);
     return RowComponent;
@@ -11927,5 +11999,5 @@ var fallback = {
  * Generated bundle index. Do not edit.
  */
 
-export { AngularComponentsModule, AutocompleteField, BadgeColors, BadgeComponent, BadgeModule, BaseFieldComponent, BignumberField, BignumberInputDirective, BignumberInputModule, BooleanField, BooleanOptionsLabel, BreadcrumbComponent, BreadcrumbModule, Breakpoints, ButtonComponent, ButtonModule, ButtonPriority, ButtonSize, CalendarField, CalendarLocaleOptions, CalendarMaskDirective, CalendarMaskModule, ChipsField, CodeEditorModule, CollapseLinkComponent, CollapseLinkModule, ControlErrorsComponent, ControlErrorsModule, CountryPhonePickerComponent, CountryPhonePickerModule, CurrencyField, CustomFieldsComponent, CustomFieldsModule, CustomFieldsService, DEFAULT_CALENDAR_LOCALE_OPTIONS, DEFAULT_LOCALE_OPTIONS, DEFAULT_NUMBER_LOCALE_OPTIONS, DoubleClickDirective, DynamicConfig, DynamicFormComponent, DynamicFormModule, DynamicType, EditableOverlayDirective, EditableOverlayModule, EmptyStateComponent, EmptyStateModule, EnumBadgeColors, EnumColumnFieldType, ExportUtils, Field, FieldType, Fieldset, FileUploadComponent, FileUploadModule, FileValidation, FormField, GlobalSearchComponent, GlobalSearchDropdownItemComponent, GlobalSearchModule, GlobalSearchSizeEnum, HostProjectConfigsInjectionToken, ImageCropperComponent, ImageCropperModule, ImageCropperService, InfoSignDirective, InfoSignModule, Languages, LoadingStateComponent, LoadingStateDirective, LoadingStateModule, LocaleModule, LocaleOptions, LocaleService, LocalizedCurrencyPipe, LocalizedCurrencyPipeOptions, LocalizedDateImpurePipe, LocalizedDatePipe, LocalizedNumberInputDirective, LocalizedNumberInputModule, LocalizedNumberPipe, LocalizedTimeImpurePipe, LocalizedTimePipe, LongPressDirective, LookupComponent, LookupField, MaskFormatterModule, MaskFormatterPipe, MouseEventsModule, NavigationDirective, NumberAlignmentOption, NumberField, NumberInputDirective, NumberInputModule, NumberLocaleOptions, ObjectCardComponent, ObjectCardFieldComponent, ObjectCardMainComponent, ObjectCardModule, Option, Ordination, PasswordField, PasswordStrengthComponent, PasswordStrengthDirective, PasswordStrengthModule, PasswordStrengthPositions, PasswordStrengths, ProductHeaderComponent, ProductHeaderModule, ProfilePicturePickerComponent, ProfilePicturePickerModule, ProgressBarColors, ProgressBarComponent, ProgressBarModule, RadioButtonField, RationButtonOption, RowTogllerDirective, Section, SelectField, SelectOption, SidebarComponent, SidebarModule, StatsCardComponent, StatsCardModule, StepState, StepsComponent, StepsModule, Structure, TableFrozenPositionDirective, TableHeaderCheckboxComponent, TableHeaderCheckboxModule, TableModule, TaxCalculationLanguageConfigs, TextAreaField, TextField, Themes, ThumbnailComponent, ThumbnailModule, ThumbnailSize, TileComponent, TileModule, TimelineComponent, TimelineItem, TimelineItemSeverity, TimelineItemSize, TimelineModule, TokenListComponent, TokenListModule, TooltipModule, TooltipPosition, ValidateErrors, WorkspaceSwitchComponent, WorkspaceSwitchModule, fallback, CountryPhonePickerService as ɵa, LocalizedCurrencyImpurePipe as ɵb, SelectFieldComponent as ɵba, TextAreaFieldComponent as ɵbb, TextFieldComponent as ɵbc, BooleanSwitchFieldComponent as ɵbd, PasswordFieldComponent as ɵbe, DecimalField as ɵbg, StructureModule as ɵbh, HeaderComponent as ɵbi, FooterComponent as ɵbj, NumberLocaleOptions as ɵbk, ThumbnailService as ɵbl, TimelineItemModule as ɵbm, TimelineIconItemComponent as ɵbn, HorizontalTimelineModule as ɵbo, HorizontalTimelineComponent as ɵbp, VerticalTimelineModule as ɵbq, VerticalTimelineComponent as ɵbr, RangeLineComponent as ɵbs, CollapseOptionComponent as ɵbt, CollapsedItemsComponent as ɵbu, VerticalItemsComponent as ɵbv, InfiniteScrollModule as ɵbw, InfiniteScrollDirective as ɵbx, CustomTranslationsModule as ɵby, CodeEditorComponent as ɵbz, LocalizedBignumberPipe as ɵc, CoreFacade as ɵca, CodeMirror6Core as ɵcb, LocalizedBignumberImpurePipe as ɵd, TooltipComponent as ɵe, TooltipDirective as ɵf, EmptyStateGoBackComponent as ɵg, FileUploadService as ɵh, InfoSignComponent as ɵi, TableColumnsComponent as ɵj, TablePagingComponent as ɵk, AutocompleteFieldComponent as ɵl, BooleanFieldComponent as ɵm, CalendarFieldComponent as ɵn, ChipsFieldComponent as ɵo, CurrencyFieldComponent as ɵp, DynamicFieldComponent as ɵq, DynamicFormDirective as ɵr, FieldsetComponent as ɵs, FileUploadComponent$1 as ɵt, LookupFieldComponent as ɵu, NumberFieldComponent as ɵv, BignumberFieldComponent as ɵw, RadioButtonComponent as ɵx, RowComponent as ɵy, SectionComponent as ɵz };
+export { AngularComponentsModule, AutocompleteField, BadgeColors, BadgeComponent, BadgeModule, BaseFieldComponent, BignumberField, BignumberInputDirective, BignumberInputModule, BooleanField, BooleanOptionsLabel, BreadcrumbComponent, BreadcrumbModule, Breakpoints, ButtonComponent, ButtonModule, ButtonPriority, ButtonSize, CalendarField, CalendarLocaleOptions, CalendarMaskDirective, CalendarMaskModule, ChipsField, CodeEditorModule, CollapseLinkComponent, CollapseLinkModule, ControlErrorsComponent, ControlErrorsModule, CountryPhonePickerComponent, CountryPhonePickerModule, CurrencyField, CustomFieldsComponent, CustomFieldsModule, CustomFieldsService, DEFAULT_CALENDAR_LOCALE_OPTIONS, DEFAULT_LOCALE_OPTIONS, DEFAULT_NUMBER_LOCALE_OPTIONS, DebounceUtils, DoubleClickDirective, DynamicConfig, DynamicFormComponent, DynamicFormModule, DynamicType, EditableOverlayDirective, EditableOverlayModule, EmptyStateComponent, EmptyStateModule, EnumBadgeColors, EnumColumnFieldType, ExportUtils, Field, FieldType, Fieldset, FileUploadComponent, FileUploadModule, FileValidation, FormField, GlobalSearchComponent, GlobalSearchDropdownItemComponent, GlobalSearchModule, GlobalSearchSizeEnum, HostProjectConfigsInjectionToken, ImageCropperComponent, ImageCropperModule, ImageCropperService, InfoSignDirective, InfoSignModule, Languages, LoadingStateComponent, LoadingStateDirective, LoadingStateModule, LocaleModule, LocaleOptions, LocaleService, LocalizedCurrencyPipe, LocalizedCurrencyPipeOptions, LocalizedDateImpurePipe, LocalizedDatePipe, LocalizedNumberInputDirective, LocalizedNumberInputModule, LocalizedNumberPipe, LocalizedTimeImpurePipe, LocalizedTimePipe, LongPressDirective, LookupComponent, LookupField, MaskFormatterModule, MaskFormatterPipe, MouseEventsModule, NavigationDirective, NumberAlignmentOption, NumberField, NumberInputDirective, NumberInputModule, NumberLocaleOptions, ObjectCardComponent, ObjectCardFieldComponent, ObjectCardMainComponent, ObjectCardModule, Option, Ordination, PasswordField, PasswordStrengthComponent, PasswordStrengthDirective, PasswordStrengthModule, PasswordStrengthPositions, PasswordStrengths, ProductHeaderComponent, ProductHeaderModule, ProfilePicturePickerComponent, ProfilePicturePickerModule, ProgressBarColors, ProgressBarComponent, ProgressBarModule, RadioButtonField, RationButtonOption, RowTogllerDirective, Section, SelectField, SelectOption, SidebarComponent, SidebarModule, StatsCardComponent, StatsCardModule, StepState, StepsComponent, StepsModule, Structure, TableFrozenPositionDirective, TableHeaderCheckboxComponent, TableHeaderCheckboxModule, TableModule, TaxCalculationLanguageConfigs, TextAreaField, TextField, Themes, ThumbnailComponent, ThumbnailModule, ThumbnailSize, TileComponent, TileModule, TimelineComponent, TimelineItem, TimelineItemSeverity, TimelineItemSize, TimelineModule, TokenListComponent, TokenListModule, TooltipModule, TooltipPosition, ValidateErrors, WorkspaceSwitchComponent, WorkspaceSwitchModule, fallback, CountryPhonePickerService as ɵa, LocalizedCurrencyImpurePipe as ɵb, SelectFieldComponent as ɵba, TextAreaFieldComponent as ɵbb, TextFieldComponent as ɵbc, BooleanSwitchFieldComponent as ɵbd, PasswordFieldComponent as ɵbe, DecimalField as ɵbg, StructureModule as ɵbh, HeaderComponent as ɵbi, FooterComponent as ɵbj, NumberLocaleOptions as ɵbk, ThumbnailService as ɵbl, TimelineItemModule as ɵbm, TimelineIconItemComponent as ɵbn, HorizontalTimelineModule as ɵbo, HorizontalTimelineComponent as ɵbp, VerticalTimelineModule as ɵbq, VerticalTimelineComponent as ɵbr, RangeLineComponent as ɵbs, CollapseOptionComponent as ɵbt, CollapsedItemsComponent as ɵbu, VerticalItemsComponent as ɵbv, InfiniteScrollModule as ɵbw, InfiniteScrollDirective as ɵbx, CustomTranslationsModule as ɵby, CodeEditorComponent as ɵbz, LocalizedBignumberPipe as ɵc, CoreFacade as ɵca, CodeMirror6Core as ɵcb, LocalizedBignumberImpurePipe as ɵd, TooltipComponent as ɵe, TooltipDirective as ɵf, EmptyStateGoBackComponent as ɵg, FileUploadService as ɵh, InfoSignComponent as ɵi, TableColumnsComponent as ɵj, TablePagingComponent as ɵk, AutocompleteFieldComponent as ɵl, BooleanFieldComponent as ɵm, CalendarFieldComponent as ɵn, ChipsFieldComponent as ɵo, CurrencyFieldComponent as ɵp, DynamicFieldComponent as ɵq, DynamicFormDirective as ɵr, FieldsetComponent as ɵs, FileUploadComponent$1 as ɵt, LookupFieldComponent as ɵu, NumberFieldComponent as ɵv, BignumberFieldComponent as ɵw, RadioButtonComponent as ɵx, RowComponent as ɵy, SectionComponent as ɵz };
 //# sourceMappingURL=seniorsistemas-angular-components.js.map