@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.
Files changed (51) hide show
  1. package/bundles/seniorsistemas-angular-components.umd.js +338 -70
  2. package/bundles/seniorsistemas-angular-components.umd.js.map +1 -1
  3. package/bundles/seniorsistemas-angular-components.umd.min.js +2 -2
  4. package/bundles/seniorsistemas-angular-components.umd.min.js.map +1 -1
  5. package/components/file-upload/file-upload.component.d.ts +8 -5
  6. package/components/file-upload/models/validate-errors.d.ts +2 -1
  7. package/components/info-sign/info-sign.component.d.ts +0 -1
  8. package/components/tooltip/index.d.ts +2 -0
  9. package/components/tooltip/models/index.d.ts +1 -0
  10. package/components/tooltip/models/tooltip-position.d.ts +7 -0
  11. package/components/tooltip/tooltip.component.d.ts +9 -0
  12. package/components/tooltip/tooltip.directive.d.ts +26 -0
  13. package/components/tooltip/tooltip.module.d.ts +2 -0
  14. package/esm2015/components/file-upload/file-upload.component.js +37 -15
  15. package/esm2015/components/file-upload/models/validate-errors.js +2 -1
  16. package/esm2015/components/info-sign/info-sign.component.js +3 -3
  17. package/esm2015/components/info-sign/info-sign.directive.js +2 -2
  18. package/esm2015/components/info-sign/info-sign.module.js +10 -4
  19. package/esm2015/components/table/table-column/table-columns.component.js +1 -1
  20. package/esm2015/components/table/table.module.js +2 -2
  21. package/esm2015/components/tooltip/index.js +3 -0
  22. package/esm2015/components/tooltip/models/index.js +2 -0
  23. package/esm2015/components/tooltip/models/tooltip-position.js +9 -0
  24. package/esm2015/components/tooltip/tooltip.component.js +21 -0
  25. package/esm2015/components/tooltip/tooltip.directive.js +195 -0
  26. package/esm2015/components/tooltip/tooltip.module.js +19 -0
  27. package/esm2015/public-api.js +2 -1
  28. package/esm2015/seniorsistemas-angular-components.js +48 -45
  29. package/esm5/components/file-upload/file-upload.component.js +45 -23
  30. package/esm5/components/file-upload/models/validate-errors.js +2 -1
  31. package/esm5/components/info-sign/info-sign.component.js +3 -2
  32. package/esm5/components/info-sign/info-sign.directive.js +2 -2
  33. package/esm5/components/info-sign/info-sign.module.js +10 -4
  34. package/esm5/components/table/table-column/table-columns.component.js +1 -1
  35. package/esm5/components/table/table.module.js +2 -2
  36. package/esm5/components/tooltip/index.js +3 -0
  37. package/esm5/components/tooltip/models/index.js +2 -0
  38. package/esm5/components/tooltip/models/tooltip-position.js +9 -0
  39. package/esm5/components/tooltip/tooltip.component.js +22 -0
  40. package/esm5/components/tooltip/tooltip.directive.js +196 -0
  41. package/esm5/components/tooltip/tooltip.module.js +22 -0
  42. package/esm5/public-api.js +2 -1
  43. package/esm5/seniorsistemas-angular-components.js +48 -45
  44. package/fesm2015/seniorsistemas-angular-components.js +291 -33
  45. package/fesm2015/seniorsistemas-angular-components.js.map +1 -1
  46. package/fesm5/seniorsistemas-angular-components.js +304 -40
  47. package/fesm5/seniorsistemas-angular-components.js.map +1 -1
  48. package/package.json +1 -1
  49. package/public-api.d.ts +1 -0
  50. package/seniorsistemas-angular-components.d.ts +47 -44
  51. package/seniorsistemas-angular-components.metadata.json +1 -1
@@ -2879,6 +2879,7 @@
2879
2879
  (function (ValidateErrors) {
2880
2880
  ValidateErrors["MAX_FILE_SIZE"] = "MAX_FILE_SIZE";
2881
2881
  ValidateErrors["MAX_FILE_LIMIT"] = "MAX_FILE_LIMIT";
2882
+ ValidateErrors["UNSUPPORTED_EXTENSION"] = "UNSUPPORTED_EXTENSION";
2882
2883
  })(exports.ValidateErrors || (exports.ValidateErrors = {}));
2883
2884
 
2884
2885
  var Breakpoints = {
@@ -2990,12 +2991,12 @@
2990
2991
  var FileUploadComponent = /** @class */ (function () {
2991
2992
  function FileUploadComponent(sanitizer) {
2992
2993
  this.sanitizer = sanitizer;
2993
- this.inputValue = "";
2994
2994
  this.id = "s-file-upload-" + FileUploadComponent_1.nextId++;
2995
2995
  this.chooseLabel = "Anexar arquivos";
2996
2996
  this.removeLabel = "Remover";
2997
2997
  this.cancelLabel = "Cancelar";
2998
2998
  this.successTooltip = "Arquivo anexado com sucesso";
2999
+ this.supportedExtensions = [];
2999
3000
  this.ariaLabelProgress = "Carregando arquivo";
3000
3001
  this.disabled = false;
3001
3002
  this.uploadHandler = new core.EventEmitter();
@@ -3005,8 +3006,29 @@
3005
3006
  this.validateErros = new core.EventEmitter();
3006
3007
  this._files = [];
3007
3008
  this.ngUsubscribe = new rxjs.Subject();
3009
+ this.inputValue = "";
3008
3010
  }
3009
3011
  FileUploadComponent_1 = FileUploadComponent;
3012
+ Object.defineProperty(FileUploadComponent.prototype, "files", {
3013
+ get: function () {
3014
+ return this._files;
3015
+ },
3016
+ set: function (files) {
3017
+ var _this = this;
3018
+ this._files = files.map(function (file) {
3019
+ if (_this.isImage(file)) {
3020
+ file.objectURL = _this.sanitizer.bypassSecurityTrustUrl(window.URL.createObjectURL(file));
3021
+ }
3022
+ return file;
3023
+ });
3024
+ },
3025
+ enumerable: true,
3026
+ configurable: true
3027
+ });
3028
+ FileUploadComponent.prototype.ngOnInit = function () {
3029
+ this.supportedExtensions = this.supportedExtensions
3030
+ .map(function (extension) { return extension.replace(".", "").toLowerCase(); });
3031
+ };
3010
3032
  FileUploadComponent.prototype.ngOnDestroy = function () {
3011
3033
  this.ngUsubscribe.next();
3012
3034
  this.ngUsubscribe.complete();
@@ -3030,9 +3052,13 @@
3030
3052
  try {
3031
3053
  for (var files_1 = __values(files), files_1_1 = files_1.next(); !files_1_1.done; files_1_1 = files_1.next()) {
3032
3054
  var file = files_1_1.value;
3055
+ if (this.isUnsupportedFileExtension(file)) {
3056
+ this.validateErros.emit(exports.ValidateErrors.UNSUPPORTED_EXTENSION);
3057
+ continue;
3058
+ }
3033
3059
  if (this.isFileSizeExceeded(file)) {
3034
3060
  this.validateErros.emit(exports.ValidateErrors.MAX_FILE_SIZE);
3035
- return;
3061
+ continue;
3036
3062
  }
3037
3063
  newFiles.push(file);
3038
3064
  }
@@ -3071,22 +3097,6 @@
3071
3097
  anchor: this.anchor,
3072
3098
  });
3073
3099
  };
3074
- Object.defineProperty(FileUploadComponent.prototype, "files", {
3075
- get: function () {
3076
- return this._files;
3077
- },
3078
- set: function (files) {
3079
- var _this = this;
3080
- this._files = files.map(function (file) {
3081
- if (_this.isImage(file)) {
3082
- file.objectURL = _this.sanitizer.bypassSecurityTrustUrl(window.URL.createObjectURL(file));
3083
- }
3084
- return file;
3085
- });
3086
- },
3087
- enumerable: true,
3088
- configurable: true
3089
- });
3090
3100
  FileUploadComponent.prototype.update = function () {
3091
3101
  var windowWidth = window.innerWidth;
3092
3102
  this.isSmallDevice = windowWidth <= Breakpoints.SM_MAX;
@@ -3106,6 +3116,16 @@
3106
3116
  }
3107
3117
  return file.size > this.maxFileSize;
3108
3118
  };
3119
+ FileUploadComponent.prototype.isUnsupportedFileExtension = function (file) {
3120
+ var _a;
3121
+ if ((_a = this.supportedExtensions) === null || _a === void 0 ? void 0 : _a.length) {
3122
+ var extension = file.name.split(".").pop().toLowerCase();
3123
+ if (!this.supportedExtensions.includes(extension)) {
3124
+ return true;
3125
+ }
3126
+ }
3127
+ return false;
3128
+ };
3109
3129
  var FileUploadComponent_1;
3110
3130
  FileUploadComponent.nextId = 0;
3111
3131
  FileUploadComponent.ctorParameters = function () { return [
@@ -3138,6 +3158,9 @@
3138
3158
  __decorate([
3139
3159
  core.Input()
3140
3160
  ], FileUploadComponent.prototype, "accept", void 0);
3161
+ __decorate([
3162
+ core.Input()
3163
+ ], FileUploadComponent.prototype, "supportedExtensions", void 0);
3141
3164
  __decorate([
3142
3165
  core.Input()
3143
3166
  ], FileUploadComponent.prototype, "ariaLabelFileName", void 0);
@@ -3165,6 +3188,9 @@
3165
3188
  __decorate([
3166
3189
  core.Input()
3167
3190
  ], FileUploadComponent.prototype, "disabled", void 0);
3191
+ __decorate([
3192
+ core.Input()
3193
+ ], FileUploadComponent.prototype, "files", null);
3168
3194
  __decorate([
3169
3195
  core.Output()
3170
3196
  ], FileUploadComponent.prototype, "uploadHandler", void 0);
@@ -3183,9 +3209,6 @@
3183
3209
  __decorate([
3184
3210
  core.HostListener("window:resize")
3185
3211
  ], FileUploadComponent.prototype, "onResize", null);
3186
- __decorate([
3187
- core.Input()
3188
- ], FileUploadComponent.prototype, "files", null);
3189
3212
  FileUploadComponent = FileUploadComponent_1 = __decorate([
3190
3213
  core.Component({
3191
3214
  selector: "s-file-upload",
@@ -3214,13 +3237,248 @@
3214
3237
  return FileUploadModule;
3215
3238
  }());
3216
3239
 
3240
+
3241
+ (function (TooltipPosition) {
3242
+ TooltipPosition["Above"] = "above";
3243
+ TooltipPosition["Below"] = "below";
3244
+ TooltipPosition["Left"] = "left";
3245
+ TooltipPosition["Right"] = "right";
3246
+ TooltipPosition["Default"] = "above";
3247
+ })(exports.TooltipPosition || (exports.TooltipPosition = {}));
3248
+
3249
+ var TooltipComponent = /** @class */ (function () {
3250
+ function TooltipComponent() {
3251
+ this.tooltip = "";
3252
+ this.position = exports.TooltipPosition.Default;
3253
+ this.left = 0;
3254
+ this.top = 0;
3255
+ this.visible = false;
3256
+ this.escape = false;
3257
+ }
3258
+ TooltipComponent = __decorate([
3259
+ core.Component({
3260
+ 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>",
3261
+ 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)}"]
3262
+ })
3263
+ ], TooltipComponent);
3264
+ return TooltipComponent;
3265
+ }());
3266
+
3267
+ var TooltipDirective = /** @class */ (function () {
3268
+ function TooltipDirective(elementRef, appRef, componentFactoryResolver, injector) {
3269
+ this.elementRef = elementRef;
3270
+ this.appRef = appRef;
3271
+ this.componentFactoryResolver = componentFactoryResolver;
3272
+ this.injector = injector;
3273
+ this.position = exports.TooltipPosition.Default;
3274
+ this.showDelay = 500;
3275
+ this.escape = false;
3276
+ this.componentRef = null;
3277
+ }
3278
+ TooltipDirective.prototype.ngOnDestroy = function () {
3279
+ this.destroy();
3280
+ };
3281
+ TooltipDirective.prototype.onMouseEnter = function () {
3282
+ this.createTootip();
3283
+ };
3284
+ TooltipDirective.prototype.onMouseLeave = function () {
3285
+ this.setHideTooltipTimeout();
3286
+ };
3287
+ TooltipDirective.prototype.onTouchStart = function ($event) {
3288
+ $event.preventDefault();
3289
+ window.clearTimeout(this.touchTimeout);
3290
+ this.touchTimeout = window.setTimeout(this.createTootip.bind(this), 500);
3291
+ };
3292
+ TooltipDirective.prototype.onTouchEnd = function () {
3293
+ window.clearTimeout(this.touchTimeout);
3294
+ this.setHideTooltipTimeout();
3295
+ };
3296
+ TooltipDirective.prototype.setHideTooltipTimeout = function () {
3297
+ this.destroy();
3298
+ };
3299
+ TooltipDirective.prototype.createTootip = function () {
3300
+ var _a;
3301
+ if (this.componentRef === null && ((_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.length)) {
3302
+ var componentFactory = this.componentFactoryResolver.resolveComponentFactory(TooltipComponent);
3303
+ this.componentRef = componentFactory.create(this.injector);
3304
+ this.appRef.attachView(this.componentRef.hostView);
3305
+ var domElem = this.componentRef.hostView.rootNodes[0];
3306
+ this.elementRef.nativeElement.appendChild(domElem);
3307
+ this.setTooltipComponentProperties();
3308
+ this.showTimeout = window.setTimeout(this.showTooltip.bind(this), this.showDelay);
3309
+ }
3310
+ };
3311
+ TooltipDirective.prototype.showTooltip = function () {
3312
+ if (this.componentRef !== null) {
3313
+ this.componentRef.instance.visible = true;
3314
+ }
3315
+ };
3316
+ TooltipDirective.prototype.setTooltipComponentProperties = function () {
3317
+ var margin = 16;
3318
+ var anchorSize = 5;
3319
+ if (this.componentRef !== null) {
3320
+ this.componentRef.instance.tooltip = this.tooltip;
3321
+ this.componentRef.instance.escape = this.escape;
3322
+ var _a = this.elementRef.nativeElement.getBoundingClientRect(), left = _a.left, right = _a.right, top_1 = _a.top, bottom = _a.bottom;
3323
+ var tooltipHeight = bottom - top_1;
3324
+ var tooltipWidth = right - left;
3325
+ var safeSpace = 150;
3326
+ var positioned = false;
3327
+ var invalidOptions = [];
3328
+ while (!positioned) {
3329
+ if (invalidOptions.includes(exports.TooltipPosition.Above)
3330
+ && invalidOptions.includes(exports.TooltipPosition.Below)
3331
+ && invalidOptions.includes(exports.TooltipPosition.Left)
3332
+ && invalidOptions.includes(exports.TooltipPosition.Right)) {
3333
+ this.destroy();
3334
+ throw new Error("No space to show tooltip");
3335
+ }
3336
+ switch (this.position) {
3337
+ case exports.TooltipPosition.Below: {
3338
+ if (invalidOptions.includes(exports.TooltipPosition.Below)) {
3339
+ this.position = exports.TooltipPosition.Left;
3340
+ break;
3341
+ }
3342
+ var bottomShift = document.body.clientHeight - bottom;
3343
+ if (bottomShift <= tooltipHeight + safeSpace) {
3344
+ this.position = exports.TooltipPosition.Above;
3345
+ invalidOptions.push(exports.TooltipPosition.Below);
3346
+ break;
3347
+ }
3348
+ this.componentRef.instance.left = Math.round(tooltipWidth / 2 + left);
3349
+ this.componentRef.instance.top = Math.round(bottom + margin);
3350
+ positioned = true;
3351
+ break;
3352
+ }
3353
+ case exports.TooltipPosition.Above: {
3354
+ if (invalidOptions.includes(exports.TooltipPosition.Above)) {
3355
+ this.position = exports.TooltipPosition.Left;
3356
+ break;
3357
+ }
3358
+ var topShift = top_1;
3359
+ if (topShift <= tooltipHeight + safeSpace) {
3360
+ this.position = exports.TooltipPosition.Below;
3361
+ invalidOptions.push(exports.TooltipPosition.Above);
3362
+ positioned = false;
3363
+ break;
3364
+ }
3365
+ this.componentRef.instance.left = Math.round(tooltipWidth / 2 + left);
3366
+ this.componentRef.instance.top = Math.round(top_1 - margin);
3367
+ positioned = true;
3368
+ break;
3369
+ }
3370
+ case exports.TooltipPosition.Right: {
3371
+ if (invalidOptions.includes(exports.TooltipPosition.Right)) {
3372
+ this.position = exports.TooltipPosition.Above;
3373
+ break;
3374
+ }
3375
+ var rightShift = document.body.clientWidth - right;
3376
+ if (rightShift <= tooltipWidth + safeSpace) {
3377
+ this.position = exports.TooltipPosition.Left;
3378
+ invalidOptions.push(exports.TooltipPosition.Right);
3379
+ positioned = false;
3380
+ break;
3381
+ }
3382
+ this.componentRef.instance.left = Math.round(right + margin);
3383
+ this.componentRef.instance.top = Math.round(top_1 + tooltipHeight / 2 - anchorSize);
3384
+ positioned = true;
3385
+ break;
3386
+ }
3387
+ case exports.TooltipPosition.Left: {
3388
+ if (invalidOptions.includes(exports.TooltipPosition.Left)) {
3389
+ this.position = exports.TooltipPosition.Above;
3390
+ break;
3391
+ }
3392
+ var leftShift = left;
3393
+ if (leftShift <= tooltipWidth + safeSpace) {
3394
+ this.position = exports.TooltipPosition.Right;
3395
+ invalidOptions.push(exports.TooltipPosition.Left);
3396
+ positioned = false;
3397
+ break;
3398
+ }
3399
+ this.componentRef.instance.left = Math.round(left - margin);
3400
+ this.componentRef.instance.top = Math.round(top_1 + tooltipHeight / 2 - anchorSize);
3401
+ positioned = true;
3402
+ break;
3403
+ }
3404
+ default: {
3405
+ break;
3406
+ }
3407
+ }
3408
+ this.componentRef.instance.position = this.position;
3409
+ }
3410
+ }
3411
+ };
3412
+ TooltipDirective.prototype.destroy = function () {
3413
+ if (this.componentRef !== null) {
3414
+ window.clearTimeout(this.showTimeout);
3415
+ this.appRef.detachView(this.componentRef.hostView);
3416
+ this.componentRef.destroy();
3417
+ this.componentRef = null;
3418
+ }
3419
+ };
3420
+ TooltipDirective.ctorParameters = function () { return [
3421
+ { type: core.ElementRef },
3422
+ { type: core.ApplicationRef },
3423
+ { type: core.ComponentFactoryResolver },
3424
+ { type: core.Injector }
3425
+ ]; };
3426
+ __decorate([
3427
+ core.Input("sTooltip")
3428
+ ], TooltipDirective.prototype, "tooltip", void 0);
3429
+ __decorate([
3430
+ core.Input("tooltipPosition")
3431
+ ], TooltipDirective.prototype, "position", void 0);
3432
+ __decorate([
3433
+ core.Input()
3434
+ ], TooltipDirective.prototype, "showDelay", void 0);
3435
+ __decorate([
3436
+ core.Input()
3437
+ ], TooltipDirective.prototype, "escape", void 0);
3438
+ __decorate([
3439
+ core.HostListener("mouseenter")
3440
+ ], TooltipDirective.prototype, "onMouseEnter", null);
3441
+ __decorate([
3442
+ core.HostListener("mouseleave")
3443
+ ], TooltipDirective.prototype, "onMouseLeave", null);
3444
+ __decorate([
3445
+ core.HostListener("touchstart", ["$event"])
3446
+ ], TooltipDirective.prototype, "onTouchStart", null);
3447
+ __decorate([
3448
+ core.HostListener("touchend")
3449
+ ], TooltipDirective.prototype, "onTouchEnd", null);
3450
+ TooltipDirective = __decorate([
3451
+ core.Directive({
3452
+ selector: "[sTooltip]",
3453
+ })
3454
+ ], TooltipDirective);
3455
+ return TooltipDirective;
3456
+ }());
3457
+
3458
+ var TooltipModule = /** @class */ (function () {
3459
+ function TooltipModule() {
3460
+ }
3461
+ TooltipModule = __decorate([
3462
+ core.NgModule({
3463
+ imports: [common.CommonModule],
3464
+ declarations: [
3465
+ TooltipComponent,
3466
+ TooltipDirective,
3467
+ ],
3468
+ exports: [TooltipDirective],
3469
+ })
3470
+ ], TooltipModule);
3471
+ return TooltipModule;
3472
+ }());
3473
+
3217
3474
  var InfoSignComponent = /** @class */ (function () {
3218
3475
  function InfoSignComponent() {
3219
3476
  }
3220
3477
  InfoSignComponent = __decorate([
3221
3478
  core.Component({
3222
3479
  selector: "s-info-sign-component",
3223
- template: "<span style=\"display: inline-flex; justify-content: flex-start; align-items: baseline;\">\n <span *ngTemplateOutlet=\"templateRef\"></span>\n <i class=\"fa fa-info-circle\"\n aria-hidden=\"true\"\n style=\"padding-left: 10px\"\n [pTooltip]=\"tooltip\"\n [escape]=\"false\"></i>\n</span>"
3480
+ 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>",
3481
+ 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}"]
3224
3482
  })
3225
3483
  ], InfoSignComponent);
3226
3484
  return InfoSignComponent;
@@ -3274,8 +3532,14 @@
3274
3532
  }
3275
3533
  InfoSignModule = __decorate([
3276
3534
  core.NgModule({
3277
- imports: [tooltip.TooltipModule, common.CommonModule],
3278
- declarations: [InfoSignDirective, InfoSignComponent],
3535
+ imports: [
3536
+ TooltipModule,
3537
+ common.CommonModule,
3538
+ ],
3539
+ declarations: [
3540
+ InfoSignDirective,
3541
+ InfoSignComponent,
3542
+ ],
3279
3543
  exports: [InfoSignDirective],
3280
3544
  entryComponents: [InfoSignComponent],
3281
3545
  })
@@ -4553,7 +4817,7 @@
4553
4817
  ], TableColumnsComponent.prototype, "locale", void 0);
4554
4818
  TableColumnsComponent = __decorate([
4555
4819
  core.Component({
4556
- 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 [pTooltip]=\"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 [pTooltip]=\"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",
4820
+ 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",
4557
4821
  selector: "s-table-columns",
4558
4822
  styles: [":host{display:none}"]
4559
4823
  }),
@@ -4815,7 +5079,7 @@
4815
5079
  core.NgModule({
4816
5080
  imports: [
4817
5081
  common.CommonModule,
4818
- tooltip.TooltipModule,
5082
+ TooltipModule,
4819
5083
  TokenListModule,
4820
5084
  core$1.TranslateModule,
4821
5085
  ButtonModule,
@@ -9966,54 +10230,58 @@
9966
10230
  exports.TimelineModule = TimelineModule;
9967
10231
  exports.TokenListComponent = TokenListComponent;
9968
10232
  exports.TokenListModule = TokenListModule;
10233
+ exports.TooltipModule = TooltipModule;
9969
10234
  exports.ɵa = LocalizedCurrencyImpurePipe;
9970
10235
  exports.ɵb = LocalizedBignumberPipe;
9971
- exports.ɵbb = DecimalField;
9972
- exports.ɵbc = StructureModule;
9973
- exports.ɵbd = HeaderComponent;
9974
- exports.ɵbe = FooterComponent;
9975
- exports.ɵbf = NumberLocaleOptions;
9976
- exports.ɵbg = ThumbnailService;
9977
- exports.ɵbh = TimelineItemModule;
9978
- exports.ɵbi = TimelineIconItemComponent;
9979
- exports.ɵbj = HorizontalTimelineModule;
9980
- exports.ɵbk = HorizontalTimelineComponent;
9981
- exports.ɵbl = VerticalTimelineModule;
9982
- exports.ɵbm = VerticalTimelineComponent;
9983
- exports.ɵbn = RangeLineComponent;
9984
- exports.ɵbo = CollapseOptionComponent;
9985
- exports.ɵbp = CollapsedItemsComponent;
9986
- exports.ɵbq = VerticalItemsComponent;
9987
- exports.ɵbr = InfiniteScrollModule;
9988
- exports.ɵbs = InfiniteScrollDirective;
9989
- exports.ɵbt = CustomTranslationsModule;
9990
- exports.ɵbu = CodeEditorComponent;
9991
- exports.ɵbv = CoreFacade;
9992
- exports.ɵbw = CodeMirror6Core;
10236
+ exports.ɵba = TextAreaFieldComponent;
10237
+ exports.ɵbb = TextFieldComponent;
10238
+ exports.ɵbc = BooleanSwitchFieldComponent;
10239
+ exports.ɵbe = DecimalField;
10240
+ exports.ɵbf = StructureModule;
10241
+ exports.ɵbg = HeaderComponent;
10242
+ exports.ɵbh = FooterComponent;
10243
+ exports.ɵbi = NumberLocaleOptions;
10244
+ exports.ɵbj = ThumbnailService;
10245
+ exports.ɵbk = TimelineItemModule;
10246
+ exports.ɵbl = TimelineIconItemComponent;
10247
+ exports.ɵbm = HorizontalTimelineModule;
10248
+ exports.ɵbn = HorizontalTimelineComponent;
10249
+ exports.ɵbo = VerticalTimelineModule;
10250
+ exports.ɵbp = VerticalTimelineComponent;
10251
+ exports.ɵbq = RangeLineComponent;
10252
+ exports.ɵbr = CollapseOptionComponent;
10253
+ exports.ɵbs = CollapsedItemsComponent;
10254
+ exports.ɵbt = VerticalItemsComponent;
10255
+ exports.ɵbu = InfiniteScrollModule;
10256
+ exports.ɵbv = InfiniteScrollDirective;
10257
+ exports.ɵbw = CustomTranslationsModule;
10258
+ exports.ɵbx = CodeEditorComponent;
10259
+ exports.ɵby = CoreFacade;
10260
+ exports.ɵbz = CodeMirror6Core;
9993
10261
  exports.ɵc = LocalizedBignumberImpurePipe;
9994
10262
  exports.ɵd = EmptyStateGoBackComponent;
9995
- exports.ɵe = InfoSignComponent;
9996
- exports.ɵf = TableColumnsComponent;
9997
- exports.ɵg = TablePagingComponent;
9998
- exports.ɵh = AutocompleteFieldComponent;
9999
- exports.ɵi = BooleanFieldComponent;
10000
- exports.ɵj = CalendarFieldComponent;
10001
- exports.ɵk = ChipsFieldComponent;
10002
- exports.ɵl = CurrencyFieldComponent;
10003
- exports.ɵm = DynamicFieldComponent;
10004
- exports.ɵn = DynamicFormDirective;
10005
- exports.ɵo = FieldsetComponent;
10006
- exports.ɵp = FileUploadComponent$1;
10007
- exports.ɵq = LookupFieldComponent;
10008
- exports.ɵr = NumberFieldComponent;
10009
- exports.ɵs = BignumberFieldComponent;
10010
- exports.ɵt = RadioButtonComponent;
10011
- exports.ɵu = RowComponent;
10012
- exports.ɵv = SectionComponent;
10013
- exports.ɵw = SelectFieldComponent;
10014
- exports.ɵx = TextAreaFieldComponent;
10015
- exports.ɵy = TextFieldComponent;
10016
- exports.ɵz = BooleanSwitchFieldComponent;
10263
+ exports.ɵe = TooltipModule;
10264
+ exports.ɵf = TooltipComponent;
10265
+ exports.ɵg = TooltipDirective;
10266
+ exports.ɵh = InfoSignComponent;
10267
+ exports.ɵi = TableColumnsComponent;
10268
+ exports.ɵj = TablePagingComponent;
10269
+ exports.ɵk = AutocompleteFieldComponent;
10270
+ exports.ɵl = BooleanFieldComponent;
10271
+ exports.ɵm = CalendarFieldComponent;
10272
+ exports.ɵn = ChipsFieldComponent;
10273
+ exports.ɵo = CurrencyFieldComponent;
10274
+ exports.ɵp = DynamicFieldComponent;
10275
+ exports.ɵq = DynamicFormDirective;
10276
+ exports.ɵr = FieldsetComponent;
10277
+ exports.ɵs = FileUploadComponent$1;
10278
+ exports.ɵt = LookupFieldComponent;
10279
+ exports.ɵu = NumberFieldComponent;
10280
+ exports.ɵv = BignumberFieldComponent;
10281
+ exports.ɵw = RadioButtonComponent;
10282
+ exports.ɵx = RowComponent;
10283
+ exports.ɵy = SectionComponent;
10284
+ exports.ɵz = SelectFieldComponent;
10017
10285
 
10018
10286
  Object.defineProperty(exports, '__esModule', { value: true });
10019
10287