@seniorsistemas/angular-components 15.1.2 → 15.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/seniorsistemas-angular-components.umd.js +338 -70
- package/bundles/seniorsistemas-angular-components.umd.js.map +1 -1
- package/bundles/seniorsistemas-angular-components.umd.min.js +2 -2
- package/bundles/seniorsistemas-angular-components.umd.min.js.map +1 -1
- package/components/file-upload/file-upload.component.d.ts +8 -5
- package/components/file-upload/models/validate-errors.d.ts +2 -1
- package/components/info-sign/info-sign.component.d.ts +0 -1
- package/components/tooltip/index.d.ts +2 -0
- package/components/tooltip/models/index.d.ts +1 -0
- package/components/tooltip/models/tooltip-position.d.ts +7 -0
- package/components/tooltip/tooltip.component.d.ts +9 -0
- package/components/tooltip/tooltip.directive.d.ts +26 -0
- package/components/tooltip/tooltip.module.d.ts +2 -0
- package/esm2015/components/file-upload/file-upload.component.js +37 -15
- package/esm2015/components/file-upload/models/validate-errors.js +2 -1
- package/esm2015/components/info-sign/info-sign.component.js +3 -3
- package/esm2015/components/info-sign/info-sign.directive.js +2 -2
- package/esm2015/components/info-sign/info-sign.module.js +10 -4
- package/esm2015/components/table/table-column/table-columns.component.js +1 -1
- package/esm2015/components/table/table.module.js +2 -2
- package/esm2015/components/tooltip/index.js +3 -0
- package/esm2015/components/tooltip/models/index.js +2 -0
- package/esm2015/components/tooltip/models/tooltip-position.js +9 -0
- package/esm2015/components/tooltip/tooltip.component.js +21 -0
- package/esm2015/components/tooltip/tooltip.directive.js +195 -0
- package/esm2015/components/tooltip/tooltip.module.js +19 -0
- package/esm2015/public-api.js +2 -1
- package/esm2015/seniorsistemas-angular-components.js +48 -45
- package/esm5/components/file-upload/file-upload.component.js +45 -23
- package/esm5/components/file-upload/models/validate-errors.js +2 -1
- package/esm5/components/info-sign/info-sign.component.js +3 -2
- package/esm5/components/info-sign/info-sign.directive.js +2 -2
- package/esm5/components/info-sign/info-sign.module.js +10 -4
- package/esm5/components/table/table-column/table-columns.component.js +1 -1
- package/esm5/components/table/table.module.js +2 -2
- package/esm5/components/tooltip/index.js +3 -0
- package/esm5/components/tooltip/models/index.js +2 -0
- package/esm5/components/tooltip/models/tooltip-position.js +9 -0
- package/esm5/components/tooltip/tooltip.component.js +22 -0
- package/esm5/components/tooltip/tooltip.directive.js +196 -0
- package/esm5/components/tooltip/tooltip.module.js +22 -0
- package/esm5/public-api.js +2 -1
- package/esm5/seniorsistemas-angular-components.js +48 -45
- package/fesm2015/seniorsistemas-angular-components.js +291 -33
- package/fesm2015/seniorsistemas-angular-components.js.map +1 -1
- package/fesm5/seniorsistemas-angular-components.js +304 -40
- package/fesm5/seniorsistemas-angular-components.js.map +1 -1
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
- package/seniorsistemas-angular-components.d.ts +47 -44
- package/seniorsistemas-angular-components.metadata.json +1 -1
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { __decorate, __rest, __param, __awaiter } from 'tslib';
|
|
2
|
-
import { Input, Component, NgModule, EventEmitter, HostBinding, Output, ViewChild, Renderer2, HostListener, Directive, Injectable, Pipe, forwardRef, ViewEncapsulation,
|
|
2
|
+
import { Input, Component, NgModule, EventEmitter, HostBinding, Output, ViewChild, Renderer2, HostListener, Directive, Injectable, Pipe, forwardRef, ViewEncapsulation, ElementRef, ApplicationRef, ComponentFactoryResolver, Injector, TemplateRef, ViewContainerRef, ChangeDetectorRef, InjectionToken, Inject, Optional, ContentChild, ContentChildren } from '@angular/core';
|
|
3
3
|
import { CommonModule } from '@angular/common';
|
|
4
4
|
import { BreadcrumbModule as BreadcrumbModule$1 } from 'primeng/breadcrumb';
|
|
5
5
|
import { NavigationEnd, PRIMARY_OUTLET, ActivatedRoute, Router, RouterModule } from '@angular/router';
|
|
6
6
|
import { Subject, of, from, forkJoin, throwError, ReplaySubject } from 'rxjs';
|
|
7
7
|
import { takeUntil, filter, tap, map, switchMap, catchError, delay, debounceTime, repeat, finalize, take } from 'rxjs/operators';
|
|
8
8
|
import { TieredMenu, TieredMenuModule } from 'primeng/tieredmenu';
|
|
9
|
-
import { TooltipModule } from 'primeng/tooltip';
|
|
9
|
+
import { TooltipModule as TooltipModule$1 } from 'primeng/tooltip';
|
|
10
10
|
import { DomHandler } from 'primeng/dom';
|
|
11
11
|
import { Calendar, CalendarModule } from 'primeng/calendar';
|
|
12
12
|
import { trigger, state, style as style$7, transition, animate, group, query, animateChild } from '@angular/animations';
|
|
@@ -281,7 +281,7 @@ let ButtonModule = class ButtonModule {
|
|
|
281
281
|
};
|
|
282
282
|
ButtonModule = __decorate([
|
|
283
283
|
NgModule({
|
|
284
|
-
imports: [CommonModule, RouterModule, TieredMenuModule, TooltipModule],
|
|
284
|
+
imports: [CommonModule, RouterModule, TieredMenuModule, TooltipModule$1],
|
|
285
285
|
declarations: [ButtonComponent],
|
|
286
286
|
exports: [ButtonComponent],
|
|
287
287
|
})
|
|
@@ -2520,6 +2520,7 @@ var ValidateErrors;
|
|
|
2520
2520
|
(function (ValidateErrors) {
|
|
2521
2521
|
ValidateErrors["MAX_FILE_SIZE"] = "MAX_FILE_SIZE";
|
|
2522
2522
|
ValidateErrors["MAX_FILE_LIMIT"] = "MAX_FILE_LIMIT";
|
|
2523
|
+
ValidateErrors["UNSUPPORTED_EXTENSION"] = "UNSUPPORTED_EXTENSION";
|
|
2523
2524
|
})(ValidateErrors || (ValidateErrors = {}));
|
|
2524
2525
|
|
|
2525
2526
|
const Breakpoints = {
|
|
@@ -2626,12 +2627,12 @@ var FileUploadComponent_1;
|
|
|
2626
2627
|
let FileUploadComponent = FileUploadComponent_1 = class FileUploadComponent {
|
|
2627
2628
|
constructor(sanitizer) {
|
|
2628
2629
|
this.sanitizer = sanitizer;
|
|
2629
|
-
this.inputValue = "";
|
|
2630
2630
|
this.id = `s-file-upload-${FileUploadComponent_1.nextId++}`;
|
|
2631
2631
|
this.chooseLabel = "Anexar arquivos";
|
|
2632
2632
|
this.removeLabel = "Remover";
|
|
2633
2633
|
this.cancelLabel = "Cancelar";
|
|
2634
2634
|
this.successTooltip = "Arquivo anexado com sucesso";
|
|
2635
|
+
this.supportedExtensions = [];
|
|
2635
2636
|
this.ariaLabelProgress = "Carregando arquivo";
|
|
2636
2637
|
this.disabled = false;
|
|
2637
2638
|
this.uploadHandler = new EventEmitter();
|
|
@@ -2641,6 +2642,19 @@ let FileUploadComponent = FileUploadComponent_1 = class FileUploadComponent {
|
|
|
2641
2642
|
this.validateErros = new EventEmitter();
|
|
2642
2643
|
this._files = [];
|
|
2643
2644
|
this.ngUsubscribe = new Subject();
|
|
2645
|
+
this.inputValue = "";
|
|
2646
|
+
}
|
|
2647
|
+
set files(files) {
|
|
2648
|
+
this._files = files.map(file => {
|
|
2649
|
+
if (this.isImage(file)) {
|
|
2650
|
+
file.objectURL = this.sanitizer.bypassSecurityTrustUrl(window.URL.createObjectURL(file));
|
|
2651
|
+
}
|
|
2652
|
+
return file;
|
|
2653
|
+
});
|
|
2654
|
+
}
|
|
2655
|
+
ngOnInit() {
|
|
2656
|
+
this.supportedExtensions = this.supportedExtensions
|
|
2657
|
+
.map(extension => extension.replace(".", "").toLowerCase());
|
|
2644
2658
|
}
|
|
2645
2659
|
ngOnDestroy() {
|
|
2646
2660
|
this.ngUsubscribe.next();
|
|
@@ -2662,9 +2676,13 @@ let FileUploadComponent = FileUploadComponent_1 = class FileUploadComponent {
|
|
|
2662
2676
|
return;
|
|
2663
2677
|
}
|
|
2664
2678
|
for (const file of files) {
|
|
2679
|
+
if (this.isUnsupportedFileExtension(file)) {
|
|
2680
|
+
this.validateErros.emit(ValidateErrors.UNSUPPORTED_EXTENSION);
|
|
2681
|
+
continue;
|
|
2682
|
+
}
|
|
2665
2683
|
if (this.isFileSizeExceeded(file)) {
|
|
2666
2684
|
this.validateErros.emit(ValidateErrors.MAX_FILE_SIZE);
|
|
2667
|
-
|
|
2685
|
+
continue;
|
|
2668
2686
|
}
|
|
2669
2687
|
newFiles.push(file);
|
|
2670
2688
|
}
|
|
@@ -2695,14 +2713,6 @@ let FileUploadComponent = FileUploadComponent_1 = class FileUploadComponent {
|
|
|
2695
2713
|
anchor: this.anchor,
|
|
2696
2714
|
});
|
|
2697
2715
|
}
|
|
2698
|
-
set files(files) {
|
|
2699
|
-
this._files = files.map(file => {
|
|
2700
|
-
if (this.isImage(file)) {
|
|
2701
|
-
file.objectURL = this.sanitizer.bypassSecurityTrustUrl(window.URL.createObjectURL(file));
|
|
2702
|
-
}
|
|
2703
|
-
return file;
|
|
2704
|
-
});
|
|
2705
|
-
}
|
|
2706
2716
|
get files() {
|
|
2707
2717
|
return this._files;
|
|
2708
2718
|
}
|
|
@@ -2725,6 +2735,16 @@ let FileUploadComponent = FileUploadComponent_1 = class FileUploadComponent {
|
|
|
2725
2735
|
}
|
|
2726
2736
|
return file.size > this.maxFileSize;
|
|
2727
2737
|
}
|
|
2738
|
+
isUnsupportedFileExtension(file) {
|
|
2739
|
+
var _a;
|
|
2740
|
+
if ((_a = this.supportedExtensions) === null || _a === void 0 ? void 0 : _a.length) {
|
|
2741
|
+
const extension = file.name.split(".").pop().toLowerCase();
|
|
2742
|
+
if (!this.supportedExtensions.includes(extension)) {
|
|
2743
|
+
return true;
|
|
2744
|
+
}
|
|
2745
|
+
}
|
|
2746
|
+
return false;
|
|
2747
|
+
}
|
|
2728
2748
|
};
|
|
2729
2749
|
FileUploadComponent.nextId = 0;
|
|
2730
2750
|
FileUploadComponent.ctorParameters = () => [
|
|
@@ -2757,6 +2777,9 @@ __decorate([
|
|
|
2757
2777
|
__decorate([
|
|
2758
2778
|
Input()
|
|
2759
2779
|
], FileUploadComponent.prototype, "accept", void 0);
|
|
2780
|
+
__decorate([
|
|
2781
|
+
Input()
|
|
2782
|
+
], FileUploadComponent.prototype, "supportedExtensions", void 0);
|
|
2760
2783
|
__decorate([
|
|
2761
2784
|
Input()
|
|
2762
2785
|
], FileUploadComponent.prototype, "ariaLabelFileName", void 0);
|
|
@@ -2784,6 +2807,9 @@ __decorate([
|
|
|
2784
2807
|
__decorate([
|
|
2785
2808
|
Input()
|
|
2786
2809
|
], FileUploadComponent.prototype, "disabled", void 0);
|
|
2810
|
+
__decorate([
|
|
2811
|
+
Input()
|
|
2812
|
+
], FileUploadComponent.prototype, "files", null);
|
|
2787
2813
|
__decorate([
|
|
2788
2814
|
Output()
|
|
2789
2815
|
], FileUploadComponent.prototype, "uploadHandler", void 0);
|
|
@@ -2802,9 +2828,6 @@ __decorate([
|
|
|
2802
2828
|
__decorate([
|
|
2803
2829
|
HostListener("window:resize")
|
|
2804
2830
|
], FileUploadComponent.prototype, "onResize", null);
|
|
2805
|
-
__decorate([
|
|
2806
|
-
Input()
|
|
2807
|
-
], FileUploadComponent.prototype, "files", null);
|
|
2808
2831
|
FileUploadComponent = FileUploadComponent_1 = __decorate([
|
|
2809
2832
|
Component({
|
|
2810
2833
|
selector: "s-file-upload",
|
|
@@ -2821,20 +2844,249 @@ FileUploadModule = __decorate([
|
|
|
2821
2844
|
imports: [
|
|
2822
2845
|
CommonModule,
|
|
2823
2846
|
ButtonModule,
|
|
2824
|
-
TooltipModule,
|
|
2847
|
+
TooltipModule$1,
|
|
2825
2848
|
ProgressBarModule,
|
|
2826
2849
|
],
|
|
2827
2850
|
exports: [FileUploadComponent],
|
|
2828
2851
|
})
|
|
2829
2852
|
], FileUploadModule);
|
|
2830
2853
|
|
|
2854
|
+
var TooltipPosition;
|
|
2855
|
+
(function (TooltipPosition) {
|
|
2856
|
+
TooltipPosition["Above"] = "above";
|
|
2857
|
+
TooltipPosition["Below"] = "below";
|
|
2858
|
+
TooltipPosition["Left"] = "left";
|
|
2859
|
+
TooltipPosition["Right"] = "right";
|
|
2860
|
+
TooltipPosition["Default"] = "above";
|
|
2861
|
+
})(TooltipPosition || (TooltipPosition = {}));
|
|
2862
|
+
|
|
2863
|
+
let TooltipComponent = class TooltipComponent {
|
|
2864
|
+
constructor() {
|
|
2865
|
+
this.tooltip = "";
|
|
2866
|
+
this.position = TooltipPosition.Default;
|
|
2867
|
+
this.left = 0;
|
|
2868
|
+
this.top = 0;
|
|
2869
|
+
this.visible = false;
|
|
2870
|
+
this.escape = false;
|
|
2871
|
+
}
|
|
2872
|
+
};
|
|
2873
|
+
TooltipComponent = __decorate([
|
|
2874
|
+
Component({
|
|
2875
|
+
template: "<div\n class=\"tooltip\"\n [ngClass]=\"['tooltip--' + position]\"\n [class.tooltip--visible]=\"visible\"\n [ngStyle]=\"{\n 'left': left + 'px',\n 'top': top + 'px'\n }\">\n <ng-template\n *ngIf=\"escape;\n then escapeTemplate;\n else noEscapeTemplate\">\n </ng-template> \n</div>\n\n<ng-template #noEscapeTemplate>\n <span\n class=\"tooltip__content\"\n [innerHTML]=\"tooltip\">\n </span>\n</ng-template>\n\n<ng-template #escapeTemplate>\n <span class=\"tooltip__content\">\n {{ tooltip }}\n </span>\n</ng-template>",
|
|
2876
|
+
styles: [".tooltip{background-color:#000;border-radius:2px;color:#fff;font-family:\"Open Sans\",sans-serif;font-size:14px;font-weight:400;line-height:21px;margin-top:5px;opacity:0;padding:8px;position:fixed;transform:translateX(-50%);text-align:center;z-index:99999}.tooltip--visible{opacity:1;transition:opacity .3s}.tooltip::before{content:\"\";height:0;position:absolute;width:0}.tooltip--below{margin-top:8px;transform:translateX(-50%)}.tooltip--below::before{border:5px solid transparent;border-bottom:5px solid #000;left:calc(50% - 5px);top:-10px}.tooltip--above{margin-bottom:8px;transform:translate(-50%,-100%)}.tooltip--above::before{border:5px solid transparent;border-top:5px solid #000;left:calc(50% - 5px);bottom:-10px}.tooltip--left{margin-right:28px;transform:translate(calc(-100% - 7px),-50%)}.tooltip--left::before{border:5px solid transparent;border-left:5px solid #000;right:-10px;bottom:calc(50% - 5px)}.tooltip--right{margin-left:7px;transform:translateY(-50%)}.tooltip--right::before{border:5px solid transparent;border-right:5px solid #000;left:-10px;bottom:calc(50% - 5px)}"]
|
|
2877
|
+
})
|
|
2878
|
+
], TooltipComponent);
|
|
2879
|
+
|
|
2880
|
+
let TooltipDirective = class TooltipDirective {
|
|
2881
|
+
constructor(elementRef, appRef, componentFactoryResolver, injector) {
|
|
2882
|
+
this.elementRef = elementRef;
|
|
2883
|
+
this.appRef = appRef;
|
|
2884
|
+
this.componentFactoryResolver = componentFactoryResolver;
|
|
2885
|
+
this.injector = injector;
|
|
2886
|
+
this.position = TooltipPosition.Default;
|
|
2887
|
+
this.showDelay = 500;
|
|
2888
|
+
this.escape = false;
|
|
2889
|
+
this.componentRef = null;
|
|
2890
|
+
}
|
|
2891
|
+
ngOnDestroy() {
|
|
2892
|
+
this.destroy();
|
|
2893
|
+
}
|
|
2894
|
+
onMouseEnter() {
|
|
2895
|
+
this.createTootip();
|
|
2896
|
+
}
|
|
2897
|
+
onMouseLeave() {
|
|
2898
|
+
this.setHideTooltipTimeout();
|
|
2899
|
+
}
|
|
2900
|
+
onTouchStart($event) {
|
|
2901
|
+
$event.preventDefault();
|
|
2902
|
+
window.clearTimeout(this.touchTimeout);
|
|
2903
|
+
this.touchTimeout = window.setTimeout(this.createTootip.bind(this), 500);
|
|
2904
|
+
}
|
|
2905
|
+
onTouchEnd() {
|
|
2906
|
+
window.clearTimeout(this.touchTimeout);
|
|
2907
|
+
this.setHideTooltipTimeout();
|
|
2908
|
+
}
|
|
2909
|
+
setHideTooltipTimeout() {
|
|
2910
|
+
this.destroy();
|
|
2911
|
+
}
|
|
2912
|
+
createTootip() {
|
|
2913
|
+
var _a;
|
|
2914
|
+
if (this.componentRef === null && ((_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.length)) {
|
|
2915
|
+
const componentFactory = this.componentFactoryResolver.resolveComponentFactory(TooltipComponent);
|
|
2916
|
+
this.componentRef = componentFactory.create(this.injector);
|
|
2917
|
+
this.appRef.attachView(this.componentRef.hostView);
|
|
2918
|
+
const domElem = this.componentRef.hostView.rootNodes[0];
|
|
2919
|
+
this.elementRef.nativeElement.appendChild(domElem);
|
|
2920
|
+
this.setTooltipComponentProperties();
|
|
2921
|
+
this.showTimeout = window.setTimeout(this.showTooltip.bind(this), this.showDelay);
|
|
2922
|
+
}
|
|
2923
|
+
}
|
|
2924
|
+
showTooltip() {
|
|
2925
|
+
if (this.componentRef !== null) {
|
|
2926
|
+
this.componentRef.instance.visible = true;
|
|
2927
|
+
}
|
|
2928
|
+
}
|
|
2929
|
+
setTooltipComponentProperties() {
|
|
2930
|
+
const margin = 16;
|
|
2931
|
+
const anchorSize = 5;
|
|
2932
|
+
if (this.componentRef !== null) {
|
|
2933
|
+
this.componentRef.instance.tooltip = this.tooltip;
|
|
2934
|
+
this.componentRef.instance.escape = this.escape;
|
|
2935
|
+
const { left, right, top, bottom } = this.elementRef.nativeElement.getBoundingClientRect();
|
|
2936
|
+
const tooltipHeight = bottom - top;
|
|
2937
|
+
const tooltipWidth = right - left;
|
|
2938
|
+
const safeSpace = 150;
|
|
2939
|
+
let positioned = false;
|
|
2940
|
+
const invalidOptions = [];
|
|
2941
|
+
while (!positioned) {
|
|
2942
|
+
if (invalidOptions.includes(TooltipPosition.Above)
|
|
2943
|
+
&& invalidOptions.includes(TooltipPosition.Below)
|
|
2944
|
+
&& invalidOptions.includes(TooltipPosition.Left)
|
|
2945
|
+
&& invalidOptions.includes(TooltipPosition.Right)) {
|
|
2946
|
+
this.destroy();
|
|
2947
|
+
throw new Error("No space to show tooltip");
|
|
2948
|
+
}
|
|
2949
|
+
switch (this.position) {
|
|
2950
|
+
case TooltipPosition.Below: {
|
|
2951
|
+
if (invalidOptions.includes(TooltipPosition.Below)) {
|
|
2952
|
+
this.position = TooltipPosition.Left;
|
|
2953
|
+
break;
|
|
2954
|
+
}
|
|
2955
|
+
const bottomShift = document.body.clientHeight - bottom;
|
|
2956
|
+
if (bottomShift <= tooltipHeight + safeSpace) {
|
|
2957
|
+
this.position = TooltipPosition.Above;
|
|
2958
|
+
invalidOptions.push(TooltipPosition.Below);
|
|
2959
|
+
break;
|
|
2960
|
+
}
|
|
2961
|
+
this.componentRef.instance.left = Math.round(tooltipWidth / 2 + left);
|
|
2962
|
+
this.componentRef.instance.top = Math.round(bottom + margin);
|
|
2963
|
+
positioned = true;
|
|
2964
|
+
break;
|
|
2965
|
+
}
|
|
2966
|
+
case TooltipPosition.Above: {
|
|
2967
|
+
if (invalidOptions.includes(TooltipPosition.Above)) {
|
|
2968
|
+
this.position = TooltipPosition.Left;
|
|
2969
|
+
break;
|
|
2970
|
+
}
|
|
2971
|
+
const topShift = top;
|
|
2972
|
+
if (topShift <= tooltipHeight + safeSpace) {
|
|
2973
|
+
this.position = TooltipPosition.Below;
|
|
2974
|
+
invalidOptions.push(TooltipPosition.Above);
|
|
2975
|
+
positioned = false;
|
|
2976
|
+
break;
|
|
2977
|
+
}
|
|
2978
|
+
this.componentRef.instance.left = Math.round(tooltipWidth / 2 + left);
|
|
2979
|
+
this.componentRef.instance.top = Math.round(top - margin);
|
|
2980
|
+
positioned = true;
|
|
2981
|
+
break;
|
|
2982
|
+
}
|
|
2983
|
+
case TooltipPosition.Right: {
|
|
2984
|
+
if (invalidOptions.includes(TooltipPosition.Right)) {
|
|
2985
|
+
this.position = TooltipPosition.Above;
|
|
2986
|
+
break;
|
|
2987
|
+
}
|
|
2988
|
+
const rightShift = document.body.clientWidth - right;
|
|
2989
|
+
if (rightShift <= tooltipWidth + safeSpace) {
|
|
2990
|
+
this.position = TooltipPosition.Left;
|
|
2991
|
+
invalidOptions.push(TooltipPosition.Right);
|
|
2992
|
+
positioned = false;
|
|
2993
|
+
break;
|
|
2994
|
+
}
|
|
2995
|
+
this.componentRef.instance.left = Math.round(right + margin);
|
|
2996
|
+
this.componentRef.instance.top = Math.round(top + tooltipHeight / 2 - anchorSize);
|
|
2997
|
+
positioned = true;
|
|
2998
|
+
break;
|
|
2999
|
+
}
|
|
3000
|
+
case TooltipPosition.Left: {
|
|
3001
|
+
if (invalidOptions.includes(TooltipPosition.Left)) {
|
|
3002
|
+
this.position = TooltipPosition.Above;
|
|
3003
|
+
break;
|
|
3004
|
+
}
|
|
3005
|
+
const leftShift = left;
|
|
3006
|
+
if (leftShift <= tooltipWidth + safeSpace) {
|
|
3007
|
+
this.position = TooltipPosition.Right;
|
|
3008
|
+
invalidOptions.push(TooltipPosition.Left);
|
|
3009
|
+
positioned = false;
|
|
3010
|
+
break;
|
|
3011
|
+
}
|
|
3012
|
+
this.componentRef.instance.left = Math.round(left - margin);
|
|
3013
|
+
this.componentRef.instance.top = Math.round(top + tooltipHeight / 2 - anchorSize);
|
|
3014
|
+
positioned = true;
|
|
3015
|
+
break;
|
|
3016
|
+
}
|
|
3017
|
+
default: {
|
|
3018
|
+
break;
|
|
3019
|
+
}
|
|
3020
|
+
}
|
|
3021
|
+
this.componentRef.instance.position = this.position;
|
|
3022
|
+
}
|
|
3023
|
+
}
|
|
3024
|
+
}
|
|
3025
|
+
destroy() {
|
|
3026
|
+
if (this.componentRef !== null) {
|
|
3027
|
+
window.clearTimeout(this.showTimeout);
|
|
3028
|
+
this.appRef.detachView(this.componentRef.hostView);
|
|
3029
|
+
this.componentRef.destroy();
|
|
3030
|
+
this.componentRef = null;
|
|
3031
|
+
}
|
|
3032
|
+
}
|
|
3033
|
+
};
|
|
3034
|
+
TooltipDirective.ctorParameters = () => [
|
|
3035
|
+
{ type: ElementRef },
|
|
3036
|
+
{ type: ApplicationRef },
|
|
3037
|
+
{ type: ComponentFactoryResolver },
|
|
3038
|
+
{ type: Injector }
|
|
3039
|
+
];
|
|
3040
|
+
__decorate([
|
|
3041
|
+
Input("sTooltip")
|
|
3042
|
+
], TooltipDirective.prototype, "tooltip", void 0);
|
|
3043
|
+
__decorate([
|
|
3044
|
+
Input("tooltipPosition")
|
|
3045
|
+
], TooltipDirective.prototype, "position", void 0);
|
|
3046
|
+
__decorate([
|
|
3047
|
+
Input()
|
|
3048
|
+
], TooltipDirective.prototype, "showDelay", void 0);
|
|
3049
|
+
__decorate([
|
|
3050
|
+
Input()
|
|
3051
|
+
], TooltipDirective.prototype, "escape", void 0);
|
|
3052
|
+
__decorate([
|
|
3053
|
+
HostListener("mouseenter")
|
|
3054
|
+
], TooltipDirective.prototype, "onMouseEnter", null);
|
|
3055
|
+
__decorate([
|
|
3056
|
+
HostListener("mouseleave")
|
|
3057
|
+
], TooltipDirective.prototype, "onMouseLeave", null);
|
|
3058
|
+
__decorate([
|
|
3059
|
+
HostListener("touchstart", ["$event"])
|
|
3060
|
+
], TooltipDirective.prototype, "onTouchStart", null);
|
|
3061
|
+
__decorate([
|
|
3062
|
+
HostListener("touchend")
|
|
3063
|
+
], TooltipDirective.prototype, "onTouchEnd", null);
|
|
3064
|
+
TooltipDirective = __decorate([
|
|
3065
|
+
Directive({
|
|
3066
|
+
selector: "[sTooltip]",
|
|
3067
|
+
})
|
|
3068
|
+
], TooltipDirective);
|
|
3069
|
+
|
|
3070
|
+
let TooltipModule = class TooltipModule {
|
|
3071
|
+
};
|
|
3072
|
+
TooltipModule = __decorate([
|
|
3073
|
+
NgModule({
|
|
3074
|
+
imports: [CommonModule],
|
|
3075
|
+
declarations: [
|
|
3076
|
+
TooltipComponent,
|
|
3077
|
+
TooltipDirective,
|
|
3078
|
+
],
|
|
3079
|
+
exports: [TooltipDirective],
|
|
3080
|
+
})
|
|
3081
|
+
], TooltipModule);
|
|
3082
|
+
|
|
2831
3083
|
let InfoSignComponent = class InfoSignComponent {
|
|
2832
|
-
constructor() { }
|
|
2833
3084
|
};
|
|
2834
3085
|
InfoSignComponent = __decorate([
|
|
2835
3086
|
Component({
|
|
2836
3087
|
selector: "s-info-sign-component",
|
|
2837
|
-
template: "<span
|
|
3088
|
+
template: "<span class=\"info-sign\">\n <span *ngTemplateOutlet=\"templateRef\"></span>\n <i\n class=\"info-sign__icon fa fa-info-circle\"\n aria-hidden=\"true\"\n [sTooltip]=\"tooltip\"\n [escape]=\"false\"\n tooltipPosition=\"right\"\n showDelay=\"0\">\n </i>\n</span>",
|
|
3089
|
+
styles: [".info-sign{-ms-flex-align:baseline;align-items:baseline;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:start;justify-content:flex-start}.info-sign .info-sign__icon{padding:0 12px}"]
|
|
2838
3090
|
})
|
|
2839
3091
|
], InfoSignComponent);
|
|
2840
3092
|
|
|
@@ -2884,8 +3136,14 @@ let InfoSignModule = class InfoSignModule {
|
|
|
2884
3136
|
};
|
|
2885
3137
|
InfoSignModule = __decorate([
|
|
2886
3138
|
NgModule({
|
|
2887
|
-
imports: [
|
|
2888
|
-
|
|
3139
|
+
imports: [
|
|
3140
|
+
TooltipModule,
|
|
3141
|
+
CommonModule,
|
|
3142
|
+
],
|
|
3143
|
+
declarations: [
|
|
3144
|
+
InfoSignDirective,
|
|
3145
|
+
InfoSignComponent,
|
|
3146
|
+
],
|
|
2889
3147
|
exports: [InfoSignDirective],
|
|
2890
3148
|
entryComponents: [InfoSignComponent],
|
|
2891
3149
|
})
|
|
@@ -4037,7 +4295,7 @@ __decorate([
|
|
|
4037
4295
|
], TableColumnsComponent.prototype, "locale", void 0);
|
|
4038
4296
|
TableColumnsComponent = __decorate([
|
|
4039
4297
|
Component({
|
|
4040
|
-
template: "<ng-template #columnsTemplate>\n <td *ngFor=\"let column of formattedColumns\"\n [ngStyle]=\"column.style\"\n (click)=\"column.onColumnClick ? column.onColumnClick(rowValue) : null\">\n\n <div *ngIf=\"column.type !== 'TOKENS' || !isArray(column.columnValue); else tokensTemplate\">\n <span *ngIf=\"column.type !== 'LINK'\"\n [
|
|
4298
|
+
template: "<ng-template #columnsTemplate>\n <td *ngFor=\"let column of formattedColumns\"\n [ngStyle]=\"column.style\"\n (click)=\"column.onColumnClick ? column.onColumnClick(rowValue) : null\">\n\n <div *ngIf=\"column.type !== 'TOKENS' || !isArray(column.columnValue); else tokensTemplate\">\n <span *ngIf=\"column.type !== 'LINK'\"\n [sTooltip]=\"column.tooltip\"\n [escape]=\"false\"\n [ngClass]=\"column.badgeClass\">\n <ng-container *ngTemplateOutlet=\"columnValueTemplate\"></ng-container> \n </span>\n\n <a *ngIf=\"column.type === 'LINK'\"\n [sTooltip]=\"column.tooltip\"\n [escape]=\"false\"\n (click)=\"column.onLinkClick ? column.onLinkClick(rowValue) : null\">\n <ng-container *ngTemplateOutlet=\"columnValueTemplate\"></ng-container> \n </a>\n\n <ng-template #columnValueTemplate>\n <span *ngFor=\"let value of getSplittedString(column)\">\n <span [ngClass]=\"{ 'sds-empty-value': value.isUninformed }\">{{value.value}}</span>\n <span>{{value.separator}}</span>\n </span>\n <ng-container *ngIf=\"!!column.infoSign\">\n <span *sInfoSign=\"column.infoSign\"></span>\n </ng-container>\n </ng-template>\n </div>\n\n <ng-template #tokensTemplate>\n <s-token-list\n [tokens]=\"column.columnValue\"\n [hidePointerEvents]=\"true\"\n >\n </s-token-list>\n <ng-container *ngIf=\"!!column.infoSign\">\n <span *sInfoSign=\"column.infoSign\"></span>\n </ng-container>\n </ng-template>\n </td>\n</ng-template>\n",
|
|
4041
4299
|
selector: "s-table-columns",
|
|
4042
4300
|
styles: [":host{display:none}"]
|
|
4043
4301
|
}),
|
|
@@ -5118,7 +5376,7 @@ DynamicFormModule = __decorate([
|
|
|
5118
5376
|
CommonModule,
|
|
5119
5377
|
FormsModule,
|
|
5120
5378
|
ReactiveFormsModule,
|
|
5121
|
-
TooltipModule,
|
|
5379
|
+
TooltipModule$1,
|
|
5122
5380
|
InputTextModule,
|
|
5123
5381
|
CheckboxModule,
|
|
5124
5382
|
CalendarModule,
|
|
@@ -6527,7 +6785,7 @@ let ObjectCardModule = class ObjectCardModule {
|
|
|
6527
6785
|
};
|
|
6528
6786
|
ObjectCardModule = __decorate([
|
|
6529
6787
|
NgModule({
|
|
6530
|
-
imports: [CommonModule, TooltipModule, ThumbnailModule, ButtonModule],
|
|
6788
|
+
imports: [CommonModule, TooltipModule$1, ThumbnailModule, ButtonModule],
|
|
6531
6789
|
declarations: [ObjectCardComponent, ObjectCardMainComponent, ObjectCardFieldComponent],
|
|
6532
6790
|
exports: [ThumbnailModule, ObjectCardComponent, ObjectCardMainComponent, ObjectCardFieldComponent],
|
|
6533
6791
|
})
|
|
@@ -6568,7 +6826,7 @@ let ProductHeaderModule = class ProductHeaderModule {
|
|
|
6568
6826
|
};
|
|
6569
6827
|
ProductHeaderModule = __decorate([
|
|
6570
6828
|
NgModule({
|
|
6571
|
-
imports: [CommonModule, TooltipModule, ThumbnailModule],
|
|
6829
|
+
imports: [CommonModule, TooltipModule$1, ThumbnailModule],
|
|
6572
6830
|
declarations: [ProductHeaderComponent],
|
|
6573
6831
|
exports: [ProductHeaderComponent, ThumbnailModule],
|
|
6574
6832
|
})
|
|
@@ -6774,7 +7032,7 @@ StatsCardModule = __decorate([
|
|
|
6774
7032
|
NgModule({
|
|
6775
7033
|
imports: [
|
|
6776
7034
|
CommonModule,
|
|
6777
|
-
TooltipModule,
|
|
7035
|
+
TooltipModule$1,
|
|
6778
7036
|
],
|
|
6779
7037
|
declarations: [
|
|
6780
7038
|
StatsCardComponent,
|
|
@@ -6882,7 +7140,7 @@ let StepsModule = class StepsModule {
|
|
|
6882
7140
|
};
|
|
6883
7141
|
StepsModule = __decorate([
|
|
6884
7142
|
NgModule({
|
|
6885
|
-
imports: [CommonModule, TooltipModule],
|
|
7143
|
+
imports: [CommonModule, TooltipModule$1],
|
|
6886
7144
|
declarations: [StepsComponent],
|
|
6887
7145
|
exports: [StepsComponent],
|
|
6888
7146
|
})
|
|
@@ -6972,7 +7230,7 @@ TimelineItemModule = __decorate([
|
|
|
6972
7230
|
NgModule({
|
|
6973
7231
|
imports: [
|
|
6974
7232
|
CommonModule,
|
|
6975
|
-
TooltipModule,
|
|
7233
|
+
TooltipModule$1,
|
|
6976
7234
|
],
|
|
6977
7235
|
declarations: [TimelineIconItemComponent],
|
|
6978
7236
|
exports: [TimelineIconItemComponent],
|
|
@@ -7004,7 +7262,7 @@ HorizontalTimelineModule = __decorate([
|
|
|
7004
7262
|
NgModule({
|
|
7005
7263
|
imports: [
|
|
7006
7264
|
CommonModule,
|
|
7007
|
-
TooltipModule,
|
|
7265
|
+
TooltipModule$1,
|
|
7008
7266
|
TimelineItemModule,
|
|
7009
7267
|
],
|
|
7010
7268
|
declarations: [HorizontalTimelineComponent],
|
|
@@ -7298,7 +7556,7 @@ let TileModule = class TileModule {
|
|
|
7298
7556
|
};
|
|
7299
7557
|
TileModule = __decorate([
|
|
7300
7558
|
NgModule({
|
|
7301
|
-
imports: [CommonModule, TooltipModule, ThumbnailModule],
|
|
7559
|
+
imports: [CommonModule, TooltipModule$1, ThumbnailModule],
|
|
7302
7560
|
declarations: [TileComponent],
|
|
7303
7561
|
exports: [TileComponent, ThumbnailModule],
|
|
7304
7562
|
})
|
|
@@ -7566,7 +7824,7 @@ GlobalSearchModule = __decorate([
|
|
|
7566
7824
|
InputTextModule,
|
|
7567
7825
|
FormsModule,
|
|
7568
7826
|
ReactiveFormsModule,
|
|
7569
|
-
TooltipModule,
|
|
7827
|
+
TooltipModule$1,
|
|
7570
7828
|
ThumbnailModule,
|
|
7571
7829
|
ButtonModule,
|
|
7572
7830
|
LoadingStateModule,
|
|
@@ -7576,7 +7834,7 @@ GlobalSearchModule = __decorate([
|
|
|
7576
7834
|
exports: [
|
|
7577
7835
|
GlobalSearchComponent,
|
|
7578
7836
|
GlobalSearchDropdownItemComponent,
|
|
7579
|
-
TooltipModule,
|
|
7837
|
+
TooltipModule$1,
|
|
7580
7838
|
ThumbnailModule,
|
|
7581
7839
|
ButtonModule,
|
|
7582
7840
|
LoadingStateModule,
|
|
@@ -8981,5 +9239,5 @@ CodeEditorModule = __decorate([
|
|
|
8981
9239
|
* Generated bundle index. Do not edit.
|
|
8982
9240
|
*/
|
|
8983
9241
|
|
|
8984
|
-
export { AngularComponentsModule, AutocompleteField, BaseFieldComponent, BignumberField, BignumberInputDirective, BignumberInputModule, BooleanField, BooleanOptionsLabel, BreadcrumbComponent, BreadcrumbModule, Breakpoints, ButtonComponent, ButtonModule, ButtonPriority, ButtonSize, CalendarField, CalendarLocaleOptions, CalendarMaskDirective, CalendarMaskModule, ChipsField, CodeEditorModule, CollapseLinkComponent, CollapseLinkModule, ControlErrorsComponent, ControlErrorsModule, 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, 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, ProductHeaderComponent, ProductHeaderModule, 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, ValidateErrors, LocalizedCurrencyImpurePipe as ɵa, LocalizedBignumberPipe as ɵb,
|
|
9242
|
+
export { AngularComponentsModule, AutocompleteField, BaseFieldComponent, BignumberField, BignumberInputDirective, BignumberInputModule, BooleanField, BooleanOptionsLabel, BreadcrumbComponent, BreadcrumbModule, Breakpoints, ButtonComponent, ButtonModule, ButtonPriority, ButtonSize, CalendarField, CalendarLocaleOptions, CalendarMaskDirective, CalendarMaskModule, ChipsField, CodeEditorModule, CollapseLinkComponent, CollapseLinkModule, ControlErrorsComponent, ControlErrorsModule, 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, 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, ProductHeaderComponent, ProductHeaderModule, 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, LocalizedCurrencyImpurePipe as ɵa, LocalizedBignumberPipe as ɵb, TextAreaFieldComponent as ɵba, TextFieldComponent as ɵbb, BooleanSwitchFieldComponent as ɵbc, DecimalField as ɵbe, StructureModule as ɵbf, HeaderComponent as ɵbg, FooterComponent as ɵbh, NumberLocaleOptions as ɵbi, ThumbnailService as ɵbj, TimelineItemModule as ɵbk, TimelineIconItemComponent as ɵbl, HorizontalTimelineModule as ɵbm, HorizontalTimelineComponent as ɵbn, VerticalTimelineModule as ɵbo, VerticalTimelineComponent as ɵbp, RangeLineComponent as ɵbq, CollapseOptionComponent as ɵbr, CollapsedItemsComponent as ɵbs, VerticalItemsComponent as ɵbt, InfiniteScrollModule as ɵbu, InfiniteScrollDirective as ɵbv, CustomTranslationsModule as ɵbw, CodeEditorComponent as ɵbx, CoreFacade as ɵby, CodeMirror6Core as ɵbz, LocalizedBignumberImpurePipe as ɵc, EmptyStateGoBackComponent as ɵd, TooltipModule as ɵe, TooltipComponent as ɵf, TooltipDirective as ɵg, InfoSignComponent as ɵh, TableColumnsComponent as ɵi, TablePagingComponent as ɵj, AutocompleteFieldComponent as ɵk, BooleanFieldComponent as ɵl, CalendarFieldComponent as ɵm, ChipsFieldComponent as ɵn, CurrencyFieldComponent as ɵo, DynamicFieldComponent as ɵp, DynamicFormDirective as ɵq, FieldsetComponent as ɵr, FileUploadComponent$1 as ɵs, LookupFieldComponent as ɵt, NumberFieldComponent as ɵu, BignumberFieldComponent as ɵv, RadioButtonComponent as ɵw, RowComponent as ɵx, SectionComponent as ɵy, SelectFieldComponent as ɵz };
|
|
8985
9243
|
//# sourceMappingURL=seniorsistemas-angular-components.js.map
|