@seniorsistemas/angular-components 17.3.14 → 17.3.16

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 (31) hide show
  1. package/bundles/seniorsistemas-angular-components.umd.js +430 -335
  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/components/file-item/file-item.component.d.ts +20 -0
  6. package/components/file-upload/file-upload.component.d.ts +11 -15
  7. package/components/file-upload/models/index.d.ts +1 -0
  8. package/components/file-upload/models/storage-units.d.ts +5 -0
  9. package/esm2015/components/country-phone-picker/resources/countries.js +22 -22
  10. package/esm2015/components/file-upload/components/file-item/file-item.component.js +88 -0
  11. package/esm2015/components/file-upload/file-upload.component.js +42 -43
  12. package/esm2015/components/file-upload/file-upload.module.js +9 -5
  13. package/esm2015/components/file-upload/file-upload.service.js +3 -1
  14. package/esm2015/components/file-upload/models/index.js +2 -1
  15. package/esm2015/components/file-upload/models/storage-units.js +6 -0
  16. package/esm2015/seniorsistemas-angular-components.js +65 -64
  17. package/esm5/components/country-phone-picker/resources/countries.js +22 -22
  18. package/esm5/components/file-upload/components/file-item/file-item.component.js +89 -0
  19. package/esm5/components/file-upload/file-upload.component.js +41 -42
  20. package/esm5/components/file-upload/file-upload.module.js +9 -5
  21. package/esm5/components/file-upload/file-upload.service.js +3 -1
  22. package/esm5/components/file-upload/models/index.js +2 -1
  23. package/esm5/components/file-upload/models/storage-units.js +6 -0
  24. package/esm5/seniorsistemas-angular-components.js +65 -64
  25. package/fesm2015/seniorsistemas-angular-components.js +351 -259
  26. package/fesm2015/seniorsistemas-angular-components.js.map +1 -1
  27. package/fesm5/seniorsistemas-angular-components.js +363 -270
  28. package/fesm5/seniorsistemas-angular-components.js.map +1 -1
  29. package/package.json +1 -1
  30. package/seniorsistemas-angular-components.d.ts +64 -63
  31. package/seniorsistemas-angular-components.metadata.json +1 -1
@@ -47,7 +47,6 @@ import { PanelModule as PanelModule$1 } from 'primeng/panel';
47
47
  import { RadioButtonModule } from 'primeng/radiobutton';
48
48
  import { SliderModule } from 'primeng/slider';
49
49
  import { MessageService, ConfirmationService } from 'primeng/api';
50
- import { ProgressBarModule as ProgressBarModule$1 } from 'primeng/progressbar';
51
50
  import { DomSanitizer } from '@angular/platform-browser';
52
51
  import { Clipboard } from '@angular/cdk/clipboard';
53
52
  import Cropper from 'cropperjs';
@@ -3473,14 +3472,28 @@ var ControlErrorsModule = /** @class */ (function () {
3473
3472
 
3474
3473
  var countries = [
3475
3474
  { id: "br", ddi: "+55", mask: ["(00) 0000-00009", "(00) 00000-0000"] },
3476
- { id: "us", ddi: "+1", mask: "000-0000" },
3477
- { id: "co", ddi: "+57", mask: "000 0000000" },
3478
- { id: "ar", ddi: "+54", mask: "000 00-0000-0000" },
3479
- { id: "cl", ddi: "+56", mask: "(0) 0000-0000" },
3480
- { id: "py", ddi: "+595", mask: "0000 000000" },
3481
- { id: "uy", ddi: "+598", mask: "000 000 000" },
3475
+ { id: "ar", ddi: "+54", mask: ["(00) 0000-00009", "(000) 0000-0000"] },
3476
+ { id: "bo", ddi: "+591", mask: "0 000 0000" },
3477
+ { id: "cl", ddi: "+56", mask: "0 0000 0000" },
3478
+ { id: "co", ddi: "+57", mask: ["0 00000009", "000 0000000"] },
3479
+ { id: "cr", ddi: "+506", mask: "0000 0000" },
3480
+ { id: "cu", ddi: "+53", mask: ["000 0009", "00 000000"] },
3481
+ { id: "ec", ddi: "+593", mask: ["000 00009", "000 000 000"] },
3482
+ { id: "sv", ddi: "+503", mask: "0000 0000" },
3483
+ { id: "gt", ddi: "+502", mask: "0000 0000" },
3484
+ { id: "ht", ddi: "+509", mask: "0000 0000" },
3485
+ { id: "hn", ddi: "+504", mask: "0000-0000" },
3486
+ { id: "mx", ddi: "+52", mask: ["00 0000 00009", "0 00 0000 0000"] },
3487
+ { id: "ni", ddi: "+505", mask: "0000 0000" },
3488
+ { id: "pa", ddi: "+507", mask: "0000 0000" },
3489
+ { id: "py", ddi: "+595", mask: ["00 000 0009", "000 000000"] },
3490
+ { id: "pe", ddi: "+51", mask: "000 000 000" },
3491
+ { id: "do", ddi: "+1809", mask: "000 000-0000" },
3492
+ { id: "uy", ddi: "+598", mask: ["0000 00009", "0000 00000"] },
3493
+ { id: "ve", ddi: "+58", mask: "000-0000000" },
3494
+ { id: "us", ddi: "+1", mask: "000-000-0000" },
3495
+ { id: "ca", ddi: "+1", mask: "000-000-0000" },
3482
3496
  { id: "cn", ddi: "+86", mask: "000 0000 0000" },
3483
- { id: "ca", ddi: "+1", mask: "000-0000" },
3484
3497
  { id: "as", ddi: "+1684", mask: "000-0000" },
3485
3498
  { id: "ai", ddi: "+1264", mask: "000-0000" },
3486
3499
  { id: "ag", ddi: "+1268", mask: "000-0000" },
@@ -3490,7 +3503,6 @@ var countries = [
3490
3503
  { id: "vg", ddi: "+1284", mask: "000-0000" },
3491
3504
  { id: "ky", ddi: "+1345", mask: "000-0000" },
3492
3505
  { id: "dm", ddi: "+1767", mask: "000-0000" },
3493
- { id: "do", ddi: "+1809", mask: "000-0000" },
3494
3506
  { id: "gd", ddi: "+1473", mask: "000-0000" },
3495
3507
  { id: "gu", ddi: "+1671", mask: "000-0000" },
3496
3508
  { id: "jm", ddi: "+1876", mask: "000-0000" },
@@ -3508,7 +3520,6 @@ var countries = [
3508
3520
  { id: "af", ddi: "+93", mask: "000 000 0000" },
3509
3521
  { id: "al", ddi: "+355", mask: "000 000 0000" },
3510
3522
  { id: "hr", ddi: "+385", mask: "000 000 0000" },
3511
- { id: "ec", ddi: "+593", mask: "000 000 0000" },
3512
3523
  { id: "et", ddi: "+251", mask: "000 000 0000" },
3513
3524
  { id: "gh", ddi: "+233", mask: "000 000 0000" },
3514
3525
  { id: "gr", ddi: "+30", mask: "000 000 0000" },
@@ -3543,7 +3554,6 @@ var countries = [
3543
3554
  { id: "lu", ddi: "+352", mask: "000 000 000" },
3544
3555
  { id: "mk", ddi: "+389", mask: "000 000 000" },
3545
3556
  { id: "me", ddi: "+382", mask: "000 000 000" },
3546
- { id: "pe", ddi: "+51", mask: "000 000 000" },
3547
3557
  { id: "pl", ddi: "+48", mask: "000 000 000" },
3548
3558
  { id: "pt", ddi: "+351", mask: "000 000 000" },
3549
3559
  { id: "si", ddi: "+386", mask: "000 000 000" },
@@ -3583,18 +3593,14 @@ var countries = [
3583
3593
  { id: "ch", ddi: "+41", mask: "000 000 00 00" },
3584
3594
  { id: "vn", ddi: "+84", mask: "000 000 00 00" },
3585
3595
  { id: "bh", ddi: "+973", mask: "0000 0000" },
3586
- { id: "cr", ddi: "+506", mask: "0000 0000" },
3587
- { id: "sv", ddi: "+503", mask: "0000 0000" },
3588
3596
  { id: "ee", ddi: "+372", mask: "0000 0000" },
3589
3597
  { id: "sz", ddi: "+268", mask: "0000 0000" },
3590
- { id: "gt", ddi: "+502", mask: "0000 0000" },
3591
3598
  { id: "hk", ddi: "+852", mask: "0000 0000" },
3592
3599
  { id: "ls", ddi: "+266", mask: "0000 0000" },
3593
3600
  { id: "mo", ddi: "+853", mask: "0000 0000" },
3594
3601
  { id: "mt", ddi: "+356", mask: "0000 0000" },
3595
3602
  { id: "mu", ddi: "+230", mask: "0000 0000" },
3596
3603
  { id: "mn", ddi: "+976", mask: "0000 0000" },
3597
- { id: "ni", ddi: "+505", mask: "0000 0000" },
3598
3604
  { id: "om", ddi: "+968", mask: "0000 0000" },
3599
3605
  { id: "pg", ddi: "+675", mask: "0000 0000" },
3600
3606
  { id: "qa", ddi: "+974", mask: "0000 0000" },
@@ -3624,7 +3630,6 @@ var countries = [
3624
3630
  { id: "ne", ddi: "+227", mask: "00 00 00 00" },
3625
3631
  { id: "sm", ddi: "+378", mask: "00 00 00 00" },
3626
3632
  { id: "tg", ddi: "+228", mask: "00 00 00 00" },
3627
- { id: "bo", ddi: "+591", mask: "00000000" },
3628
3633
  { id: "gi", ddi: "+350", mask: "00000000" },
3629
3634
  { id: "ki", ddi: "+686", mask: "00000000" },
3630
3635
  { id: "tv", ddi: "+688", mask: "00000000" },
@@ -3641,7 +3646,6 @@ var countries = [
3641
3646
  { id: "mz", ddi: "+258", mask: "00 000 0000" },
3642
3647
  { id: "mm", ddi: "+95", mask: "00 000 0000" },
3643
3648
  { id: "ck", ddi: "+682", mask: "00 000" },
3644
- { id: "cu", ddi: "+53", mask: "00 000000" },
3645
3649
  { id: "cy", ddi: "+357", mask: "00 000000" },
3646
3650
  { id: "eg", ddi: "+20", mask: "0000 000 0000" },
3647
3651
  { id: "ir", ddi: "+98", mask: "0000 000 0000" },
@@ -3655,9 +3659,6 @@ var countries = [
3655
3659
  { id: "de", ddi: "+49", mask: "00000 0000000" },
3656
3660
  { id: "gl", ddi: "+299", mask: "00 00 00" },
3657
3661
  { id: "wf", ddi: "+681", mask: "00 00 00" },
3658
- { id: "ht", ddi: "+509", mask: "00 00 0000" },
3659
- { id: "hn", ddi: "+504", mask: "0000-0000" },
3660
- { id: "pa", ddi: "+507", mask: "0000-0000" },
3661
3662
  { id: "hu", ddi: "+36", mask: "(00) 000 0000" },
3662
3663
  { id: "in", ddi: "+91", mask: "000000 00000" },
3663
3664
  { id: "id", ddi: "+62", mask: "0000-000-000" },
@@ -3673,7 +3674,6 @@ var countries = [
3673
3674
  { id: "mg", ddi: "+261", mask: "000 00 000 00" },
3674
3675
  { id: "mw", ddi: "+265", mask: "000 00 000 00" },
3675
3676
  { id: "my", ddi: "+60", mask: "000-000 0000" },
3676
- { id: "mx", ddi: "+52", mask: "000 000 000 0000" },
3677
3677
  { id: "md", ddi: "+373", mask: "0000 00 000" },
3678
3678
  { id: "mc", ddi: "+377", mask: "00 00 00 00 00" },
3679
3679
  { id: "ma", ddi: "+212", mask: "0000-000000" },
@@ -3695,7 +3695,6 @@ var countries = [
3695
3695
  { id: "tr", ddi: "+90", mask: "0000 000 00 00" },
3696
3696
  { id: "tm", ddi: "+993", mask: "0 00 000000" },
3697
3697
  { id: "uz", ddi: "+998", mask: "0 00 000 00 00" },
3698
- { id: "ve", ddi: "+58", mask: "0000-0000000" },
3699
3698
  ];
3700
3699
 
3701
3700
  var Ordination;
@@ -6080,24 +6079,171 @@ var EmptyStateModule = /** @class */ (function () {
6080
6079
  return EmptyStateModule;
6081
6080
  }());
6082
6081
 
6083
- var FileUploadService = /** @class */ (function () {
6084
- function FileUploadService() {
6085
- this.BASE_URL_FIELD_CUSTOMIZATION = "platform/field_customization";
6086
- this.TOKEN = new AbortController();
6082
+ var ProgressBarColors;
6083
+ (function (ProgressBarColors) {
6084
+ ProgressBarColors["Blue"] = "blue";
6085
+ ProgressBarColors["Green"] = "green";
6086
+ ProgressBarColors["Red"] = "red";
6087
+ ProgressBarColors["Yellow"] = "yellow";
6088
+ })(ProgressBarColors || (ProgressBarColors = {}));
6089
+
6090
+ var ProgressBarMode;
6091
+ (function (ProgressBarMode) {
6092
+ ProgressBarMode["Determinate"] = "determinate";
6093
+ ProgressBarMode["Indeterminate"] = "indeterminate";
6094
+ })(ProgressBarMode || (ProgressBarMode = {}));
6095
+
6096
+ var ProgressBarComponent = /** @class */ (function () {
6097
+ function ProgressBarComponent() {
6098
+ this.showValue = true;
6099
+ this.mode = ProgressBarMode.Determinate;
6087
6100
  }
6088
- FileUploadService.prototype.getMetadataCustomField = function (request) {
6089
- return __awaiter(this, void 0, void 0, function () {
6090
- return __generator(this, function (_a) {
6091
- return [2 /*return*/, CustomHttpClient.POST(this.BASE_URL_FIELD_CUSTOMIZATION + "/queries/getFileMetadata", request, { signal: this.TOKEN.signal })];
6092
- });
6093
- });
6101
+ ProgressBarComponent.prototype.ngOnInit = function () {
6102
+ this.validateInputs();
6094
6103
  };
6095
- FileUploadService = __decorate([
6096
- Injectable()
6097
- ], FileUploadService);
6098
- return FileUploadService;
6104
+ ProgressBarComponent.prototype.validateInputs = function () {
6105
+ if (this.value < 0 || this.value > 100) {
6106
+ throw new Error("Invalid value for value");
6107
+ }
6108
+ if (this.targetValue < 0 || this.targetValue > 100) {
6109
+ throw new Error("Invalid value for targetValue");
6110
+ }
6111
+ if (this.mode === ProgressBarMode.Indeterminate && (this.value || this.targetValue || this.targetLabel)) {
6112
+ throw new Error("When the mode is indeterminate, the value, targetValue and targetLabel parameters are not expected.");
6113
+ }
6114
+ };
6115
+ __decorate([
6116
+ Input()
6117
+ ], ProgressBarComponent.prototype, "value", void 0);
6118
+ __decorate([
6119
+ Input()
6120
+ ], ProgressBarComponent.prototype, "targetValue", void 0);
6121
+ __decorate([
6122
+ Input()
6123
+ ], ProgressBarComponent.prototype, "label", void 0);
6124
+ __decorate([
6125
+ Input()
6126
+ ], ProgressBarComponent.prototype, "targetLabel", void 0);
6127
+ __decorate([
6128
+ Input()
6129
+ ], ProgressBarComponent.prototype, "activeColor", void 0);
6130
+ __decorate([
6131
+ Input()
6132
+ ], ProgressBarComponent.prototype, "showValue", void 0);
6133
+ __decorate([
6134
+ Input()
6135
+ ], ProgressBarComponent.prototype, "mode", void 0);
6136
+ ProgressBarComponent = __decorate([
6137
+ Component({
6138
+ selector: "s-progressbar",
6139
+ template: "<ng-container *ngIf=\"mode === 'determinate'; then pbDeterminateTemplate else pbIndeterminateTemplate\"></ng-container>\n\n<ng-template #pbDeterminateTemplate>\n <s-progressbar-determinate\n [value]=\"value\"\n [targetValue]=\"targetValue\"\n [targetLabel]=\"targetLabel\"\n [activeColor]=\"activeColor\"\n [showValue]=\"showValue\">\n </s-progressbar-determinate>\n</ng-template>\n\n<ng-template #pbIndeterminateTemplate>\n <s-progressbar-indeterminate\n [activeColor]=\"activeColor\"\n [label]=\"label\">\n </s-progressbar-indeterminate>\n</ng-template>",
6140
+ styles: [".progress-bar{position:relative}.progress-bar .progress-bar-all{background-color:#d8d8d8;border-radius:4px;height:24px;overflow:hidden;width:100%}.progress-bar .progress-bar-all .progress-bar-active{-ms-flex-align:center;align-items:center;color:#fff;display:-ms-flexbox;display:flex;font-family:\"Open Sans\",sans-serif;font-size:14px;height:100%;-ms-flex-pack:center;justify-content:center;line-height:150%;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:80%}.progress-bar .progress-bar-all .progress-bar-active--blue{background-color:#428bca}.progress-bar .progress-bar-all .progress-bar-active--green{background-color:#0c9348}.progress-bar .progress-bar-all .progress-bar-active--red{background-color:#c13018}.progress-bar .progress-bar-all .progress-bar-active--yellow{background-color:#fcbf10}.progress-bar .target{-ms-flex-align:start;align-items:flex-start;bottom:-38px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:absolute}.progress-bar .target .target-line{background-color:#333;height:40px;margin:8px 0;width:1px}.progress-bar .target .target-label{background-color:#426e78;border-radius:10px;color:#e5eaea;font-family:\"Open Sans\",sans-serif;font-size:12px;line-height:150%;padding:2px 12px}"]
6141
+ })
6142
+ ], ProgressBarComponent);
6143
+ return ProgressBarComponent;
6144
+ }());
6145
+
6146
+ var ProgressBarDeterminateComponent = /** @class */ (function () {
6147
+ function ProgressBarDeterminateComponent() {
6148
+ this.showValue = true;
6149
+ }
6150
+ ProgressBarDeterminateComponent.prototype.ngOnInit = function () {
6151
+ this.validateValues();
6152
+ };
6153
+ ProgressBarDeterminateComponent.prototype.validateValues = function () {
6154
+ if (this.value < 0 || this.value > 100) {
6155
+ throw new Error("Invalid value for value");
6156
+ }
6157
+ if (this.targetValue < 0 || this.targetValue > 100) {
6158
+ throw new Error("Invalid value for targetValue");
6159
+ }
6160
+ };
6161
+ __decorate([
6162
+ Input()
6163
+ ], ProgressBarDeterminateComponent.prototype, "value", void 0);
6164
+ __decorate([
6165
+ Input()
6166
+ ], ProgressBarDeterminateComponent.prototype, "targetValue", void 0);
6167
+ __decorate([
6168
+ Input()
6169
+ ], ProgressBarDeterminateComponent.prototype, "targetLabel", void 0);
6170
+ __decorate([
6171
+ Input()
6172
+ ], ProgressBarDeterminateComponent.prototype, "activeColor", void 0);
6173
+ __decorate([
6174
+ Input()
6175
+ ], ProgressBarDeterminateComponent.prototype, "showValue", void 0);
6176
+ ProgressBarDeterminateComponent = __decorate([
6177
+ Component({
6178
+ selector: "s-progressbar-determinate",
6179
+ template: "<div class=\"progressbar-determinate\">\n <div class=\"progressbar-container\">\n <div\n class=\"progressbar-active\"\n [ngClass]=\"{\n 'progressbar-active--blue' : activeColor === 'blue',\n 'progressbar-active--green': activeColor === 'green',\n 'progressbar-active--red': activeColor === 'red',\n 'progressbar-active--yellow': activeColor === 'yellow'\n }\"\n [ngStyle]=\"{ 'width': value + '%' }\">\n {{ showValue && value ? value + '%' : '' }}\n </div>\n </div>\n <div\n *ngIf=\"targetValue\"\n class=\"target\"\n [ngStyle]=\"{\n 'left': targetValue <= 50 ? targetValue + '%' : 'unset',\n 'right': targetValue > 50 ? 100 - targetValue + '%' : 'unset',\n 'align-items': targetValue > 50 ? 'flex-end' : 'flex-start'\n }\">\n <span class=\"target-line\"></span>\n <span class=\"target-label\">\n {{ targetLabel || value + '%' }}\n </span>\n </div>\n </div>\n ",
6180
+ styles: [".progressbar-determinate{position:relative}.progressbar-determinate .progressbar-container{background-color:#d8d8d8;border-radius:4px;height:24px;overflow:hidden;width:100%}.progressbar-determinate .progressbar-container .progressbar-active{-ms-flex-align:center;align-items:center;color:#fff;display:-ms-flexbox;display:flex;font-family:\"Open Sans\",sans-serif;font-size:14px;height:100%;-ms-flex-pack:center;justify-content:center;line-height:150%;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:80%}.progressbar-determinate .progressbar-container .progressbar-active--blue{background-color:#428bca}.progressbar-determinate .progressbar-container .progressbar-active--green{background-color:#0c9348}.progressbar-determinate .progressbar-container .progressbar-active--red{background-color:#c13018}.progressbar-determinate .progressbar-container .progressbar-active--yellow{background-color:#fcbf10;color:#212533}.progressbar-determinate .target{-ms-flex-align:start;align-items:flex-start;bottom:-38px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:absolute}.progressbar-determinate .target .target-line{background-color:#333;height:40px;margin:8px 0;width:1px}.progressbar-determinate .target .target-label{background-color:#426e78;border-radius:10px;color:#e5eaea;font-family:\"Open Sans\",sans-serif;font-size:12px;line-height:150%;padding:2px 12px}"]
6181
+ })
6182
+ ], ProgressBarDeterminateComponent);
6183
+ return ProgressBarDeterminateComponent;
6099
6184
  }());
6100
6185
 
6186
+ var ProgressBarIndeterminateComponent = /** @class */ (function () {
6187
+ function ProgressBarIndeterminateComponent() {
6188
+ }
6189
+ __decorate([
6190
+ Input()
6191
+ ], ProgressBarIndeterminateComponent.prototype, "activeColor", void 0);
6192
+ __decorate([
6193
+ Input()
6194
+ ], ProgressBarIndeterminateComponent.prototype, "label", void 0);
6195
+ ProgressBarIndeterminateComponent = __decorate([
6196
+ Component({
6197
+ selector: "s-progressbar-indeterminate",
6198
+ template: "<!-- progressbar-indeterminate.component.html -->\n<div class=\"progressbar-indeterminate\">\n <div class=\"progressbar-container\">\n <div class=\"indeterminate-bar\" [ngClass]=\"{\n 'indeterminate-bar--blue': activeColor === 'blue',\n 'indeterminate-bar--green': activeColor === 'green',\n 'indeterminate-bar--red': activeColor === 'red',\n 'indeterminate-bar--yellow': activeColor === 'yellow'\n }\"></div>\n </div>\n \n <span *ngIf=\"label\" class=\"progressbar-label\">{{ label }}</span>\n</div>\n",
6199
+ styles: [".progressbar-indeterminate{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.progressbar-indeterminate .progressbar-container{background-color:#d8d8d8;border-radius:4px;height:24px;margin:8px 0;overflow:hidden;width:100%}.progressbar-indeterminate .indeterminate-bar{animation:5s infinite indeterminate-progress;background-color:#428bca;height:100%;width:40%}.progressbar-indeterminate .indeterminate-bar--blue{background-color:#428bca}.progressbar-indeterminate .indeterminate-bar--green{background-color:#0c9348}.progressbar-indeterminate .indeterminate-bar--red{background-color:#c13018}.progressbar-indeterminate .indeterminate-bar--yellow{background-color:#fcbf10}.progressbar-indeterminate .progressbar-label{font-family:\"Open Sans\" sans-serif;font-size:12px;line-height:150%;color:#212533}@keyframes indeterminate-progress{0%{transform:translateX(-250%)}100%{transform:translateX(250%)}}"]
6200
+ })
6201
+ ], ProgressBarIndeterminateComponent);
6202
+ return ProgressBarIndeterminateComponent;
6203
+ }());
6204
+
6205
+ var ProgressBarModule = /** @class */ (function () {
6206
+ function ProgressBarModule() {
6207
+ }
6208
+ ProgressBarModule = __decorate([
6209
+ NgModule({
6210
+ imports: [CommonModule],
6211
+ declarations: [
6212
+ ProgressBarComponent,
6213
+ ProgressBarDeterminateComponent,
6214
+ ProgressBarIndeterminateComponent,
6215
+ ],
6216
+ exports: [ProgressBarComponent],
6217
+ })
6218
+ ], ProgressBarModule);
6219
+ return ProgressBarModule;
6220
+ }());
6221
+
6222
+ var ValidateErrors;
6223
+ (function (ValidateErrors) {
6224
+ ValidateErrors["MAX_FILE_SIZE"] = "MAX_FILE_SIZE";
6225
+ ValidateErrors["MAX_FILE_LIMIT"] = "MAX_FILE_LIMIT";
6226
+ ValidateErrors["UNSUPPORTED_EXTENSION"] = "UNSUPPORTED_EXTENSION";
6227
+ })(ValidateErrors || (ValidateErrors = {}));
6228
+
6229
+ var FileUploadPermissions;
6230
+ (function (FileUploadPermissions) {
6231
+ FileUploadPermissions["Add"] = "add";
6232
+ FileUploadPermissions["Read"] = "read";
6233
+ FileUploadPermissions["Remove"] = "remove";
6234
+ })(FileUploadPermissions || (FileUploadPermissions = {}));
6235
+ var ALL_PERMISSIONS = [
6236
+ FileUploadPermissions.Add,
6237
+ FileUploadPermissions.Read,
6238
+ FileUploadPermissions.Remove,
6239
+ ];
6240
+
6241
+ var StorageUnits = {
6242
+ KB: 1024,
6243
+ MB: Math.pow(1024, 2),
6244
+ GB: Math.pow(1024, 3),
6245
+ };
6246
+
6101
6247
  var Breakpoints = {
6102
6248
  SM_MIN: 0,
6103
6249
  SM_MAX: 767,
@@ -6204,26 +6350,110 @@ var ExportUtils = /** @class */ (function () {
6204
6350
  return ExportUtils;
6205
6351
  }());
6206
6352
 
6207
- var ValidateErrors;
6208
- (function (ValidateErrors) {
6209
- ValidateErrors["MAX_FILE_SIZE"] = "MAX_FILE_SIZE";
6210
- ValidateErrors["MAX_FILE_LIMIT"] = "MAX_FILE_LIMIT";
6211
- ValidateErrors["UNSUPPORTED_EXTENSION"] = "UNSUPPORTED_EXTENSION";
6212
- })(ValidateErrors || (ValidateErrors = {}));
6213
-
6214
- var FileUploadPermissions;
6215
- (function (FileUploadPermissions) {
6216
- FileUploadPermissions["Add"] = "add";
6217
- FileUploadPermissions["Read"] = "read";
6218
- FileUploadPermissions["Remove"] = "remove";
6219
- })(FileUploadPermissions || (FileUploadPermissions = {}));
6220
- var ALL_PERMISSIONS = [
6221
- FileUploadPermissions.Add,
6222
- FileUploadPermissions.Read,
6223
- FileUploadPermissions.Remove,
6224
- ];
6353
+ var FileItemComponent = /** @class */ (function () {
6354
+ function FileItemComponent() {
6355
+ this.canReadFiles = true;
6356
+ this.canRemoveFiles = true;
6357
+ this.cancelUpload = new EventEmitter();
6358
+ this.removeFile = new EventEmitter();
6359
+ }
6360
+ FileItemComponent.prototype.ngAfterContentInit = function () {
6361
+ this._update();
6362
+ };
6363
+ FileItemComponent.prototype.onResize = function () {
6364
+ this._update();
6365
+ };
6366
+ FileItemComponent.prototype._update = function () {
6367
+ var windowWidth = window.innerWidth;
6368
+ this.isSmallDevice = windowWidth <= Breakpoints.SM_MAX;
6369
+ };
6370
+ FileItemComponent.prototype.simplifySize = function (size) {
6371
+ var unit;
6372
+ var convertedSize;
6373
+ if (size < StorageUnits.KB) {
6374
+ convertedSize = size;
6375
+ unit = "bytes";
6376
+ }
6377
+ else if (size < StorageUnits.MB) {
6378
+ convertedSize = size / StorageUnits.KB;
6379
+ unit = "KB";
6380
+ }
6381
+ else if (size < StorageUnits.GB) {
6382
+ convertedSize = size / StorageUnits.MB;
6383
+ unit = "MB";
6384
+ }
6385
+ else {
6386
+ convertedSize = size / StorageUnits.GB;
6387
+ unit = "GB";
6388
+ }
6389
+ return convertedSize + " " + unit;
6390
+ };
6391
+ __decorate([
6392
+ Input()
6393
+ ], FileItemComponent.prototype, "id", void 0);
6394
+ __decorate([
6395
+ Input()
6396
+ ], FileItemComponent.prototype, "file", void 0);
6397
+ __decorate([
6398
+ Input()
6399
+ ], FileItemComponent.prototype, "canReadFiles", void 0);
6400
+ __decorate([
6401
+ Input()
6402
+ ], FileItemComponent.prototype, "canRemoveFiles", void 0);
6403
+ __decorate([
6404
+ Input()
6405
+ ], FileItemComponent.prototype, "cancelLabel", void 0);
6406
+ __decorate([
6407
+ Input()
6408
+ ], FileItemComponent.prototype, "removeLabel", void 0);
6409
+ __decorate([
6410
+ Input()
6411
+ ], FileItemComponent.prototype, "ariaLabelProgress", void 0);
6412
+ __decorate([
6413
+ Input()
6414
+ ], FileItemComponent.prototype, "successTooltip", void 0);
6415
+ __decorate([
6416
+ Input()
6417
+ ], FileItemComponent.prototype, "ariaLabelSuccess", void 0);
6418
+ __decorate([
6419
+ Output()
6420
+ ], FileItemComponent.prototype, "cancelUpload", void 0);
6421
+ __decorate([
6422
+ Output()
6423
+ ], FileItemComponent.prototype, "removeFile", void 0);
6424
+ __decorate([
6425
+ HostListener("window:resize")
6426
+ ], FileItemComponent.prototype, "onResize", null);
6427
+ FileItemComponent = __decorate([
6428
+ Component({
6429
+ selector: "s-file-item",
6430
+ template: "<div [id]=\"id\" class=\"file-item-container\">\n <div class=\"file-info\">\n <ng-container *ngIf=\"canReadFiles; then fileNameUrl; else fileName\"></ng-container>\n <ng-template #fileNameUrl>\n <a\n class=\"file-name file-name--link\"\n tabindex=\"0\"\n [href]=\"file.objectURL\"\n download>\n {{ file.name }}\n </a>\n </ng-template>\n <ng-template #fileName>\n <span\n *ngIf=\"!canReadFiles\"\n class=\"file-name\">\n {{ file.name }}\n </span>\n </ng-template>\n <span class=\"file-size\">\n {{ simplifySize(file.size) }}\n </span>\n <div\n *ngIf=\"file.isUploading && !isSmallDevice\"\n class=\"progressbar\"\n [attr.aria-label]=\"ariaLabelProgress || 'platform.angular_components.loading_file' | translate\">\n <s-progressbar\n [value]=\"file.progress\"\n activeColor=\"blue\"\n [showValue]=\"true\">\n </s-progressbar>\n </div>\n <span\n *ngIf=\"file.isUploading && isSmallDevice\" \n class=\"fas fa-circle-notch fa-spin\"\n [attr.aria-label]=\"ariaLabelProgress || 'platform.angular_components.loading_file' | translate\">\n </span>\n\n <span\n *ngIf=\"!file.isUploading && !file.error\"\n class=\"status-icon status-icon--success fas fa-check\"\n [attr.aria-label]=\"ariaLabelSuccess || successTooltip || 'platform.angular_components.file_attached_successfully' | translate\"\n [sTooltip]=\"successTooltip || 'platform.angular_components.file_attached_successfully' | translate\">\n </span>\n <span\n *ngIf=\"!file.isUploading && file.error\"\n class=\"status-icon status-icon--fail fas fa-times\"\n [attr.aria-label]=\"file.error?.message\"\n [sTooltip]=\"file.error?.message\">\n </span>\n </div>\n <button\n *ngIf=\"file.isUploading\"\n class=\"file-option file-option--cancel\"\n (click)=\"cancelUpload.emit(file)\">\n {{ cancelLabel || \"platform.angular_components.cancel\" | translate }}\n </button>\n <button\n *ngIf=\"canRemoveFiles && !file.isUploading\"\n class=\"file-option file-option--remove\"\n (click)=\"removeFile.emit(file)\">\n {{ removeLabel || \"platform.angular_components.remove\" | translate }}\n </button>\n</div>\n",
6431
+ styles: [".file-item-container{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:16px;padding:16px}.file-item-container .file-info{color:#212533;display:-ms-flexbox;display:flex;font-family:\"Open Sans\",sans-serif;font-size:14px;gap:16px;width:100%;-ms-flex-align:center;align-items:center}.file-item-container .file-info .file-name{-ms-flex-positive:1;flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-item-container .file-info .file-name--link{color:#428bca;text-decoration:none}.file-item-container .file-info .file-size{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-item-container .progressbar{width:20%}.file-item-container .status-icon{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;font-size:12px}.file-item-container .status-icon--success{color:#0c9348}.file-item-container .status-icon--fail{color:#c13018}.file-item-container .file-option{background-color:transparent;border:none;color:#428bca;cursor:pointer;font-family:\"Open Sans\",sans-serif;font-size:14px;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media screen and (max-width:600px){.file-item-container{-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:column;flex-direction:column}}"]
6432
+ })
6433
+ ], FileItemComponent);
6434
+ return FileItemComponent;
6435
+ }());
6225
6436
 
6226
6437
  var moment$3 = moment_;
6438
+ var FileUploadService = /** @class */ (function () {
6439
+ function FileUploadService() {
6440
+ this.BASE_URL_FIELD_CUSTOMIZATION = "platform/field_customization";
6441
+ this.TOKEN = new AbortController();
6442
+ }
6443
+ FileUploadService.prototype.getMetadataCustomField = function (request) {
6444
+ return __awaiter(this, void 0, void 0, function () {
6445
+ return __generator(this, function (_a) {
6446
+ return [2 /*return*/, CustomHttpClient.POST(this.BASE_URL_FIELD_CUSTOMIZATION + "/queries/getFileMetadata", request, { signal: this.TOKEN.signal })];
6447
+ });
6448
+ });
6449
+ };
6450
+ FileUploadService = __decorate([
6451
+ Injectable()
6452
+ ], FileUploadService);
6453
+ return FileUploadService;
6454
+ }());
6455
+
6456
+ var moment$4 = moment_;
6227
6457
  var FileUploadComponent = /** @class */ (function () {
6228
6458
  function FileUploadComponent(sanitizer, fileUploadService, translate) {
6229
6459
  this.sanitizer = sanitizer;
@@ -6255,10 +6485,10 @@ var FileUploadComponent = /** @class */ (function () {
6255
6485
  var _this = this;
6256
6486
  var _a;
6257
6487
  if (this.showFileUploadDate && ((_a = files[0]) === null || _a === void 0 ? void 0 : _a.objectId)) {
6258
- this.getUploadDate(files);
6488
+ this._getUploadDate(files);
6259
6489
  }
6260
6490
  this._files = files.map(function (file) {
6261
- if (_this.isImage(file)) {
6491
+ if (_this._isImage(file)) {
6262
6492
  file.objectURL = _this.sanitizer.bypassSecurityTrustUrl(window.URL.createObjectURL(file));
6263
6493
  }
6264
6494
  return file;
@@ -6269,43 +6499,39 @@ var FileUploadComponent = /** @class */ (function () {
6269
6499
  });
6270
6500
  FileUploadComponent.prototype.ngOnInit = function () {
6271
6501
  this.supportedExtensions = this.supportedExtensions
6272
- .map(function (extension) { return extension.replace(".", "").toLowerCase(); });
6502
+ .map(function (extension) { return extension
6503
+ .replace(".", "")
6504
+ .toLowerCase(); });
6273
6505
  };
6274
6506
  FileUploadComponent.prototype.ngOnDestroy = function () {
6275
6507
  this.ngUsubscribe.next();
6276
6508
  this.ngUsubscribe.complete();
6277
6509
  };
6278
- FileUploadComponent.prototype.ngAfterContentInit = function () {
6279
- this.update();
6280
- };
6281
- FileUploadComponent.prototype.onResize = function () {
6282
- this.update();
6283
- };
6284
6510
  FileUploadComponent.prototype.onFileSelect = function (files) {
6285
6511
  var e_1, _a;
6286
6512
  var newFiles = [];
6287
6513
  if (!this.multiple) {
6288
6514
  this.files = [];
6289
6515
  }
6290
- if (this.isFileLimitExceeded(files)) {
6516
+ if (this._isFileLimitExceeded(files)) {
6291
6517
  this.validateErrors.emit({
6292
6518
  files: files,
6293
6519
  validation: ValidateErrors.MAX_FILE_LIMIT,
6294
6520
  });
6295
- this.clearFileInput();
6521
+ this._clearFileInput();
6296
6522
  return;
6297
6523
  }
6298
6524
  try {
6299
6525
  for (var files_1 = __values(files), files_1_1 = files_1.next(); !files_1_1.done; files_1_1 = files_1.next()) {
6300
6526
  var file = files_1_1.value;
6301
- if (this.isUnsupportedFileExtension(file)) {
6527
+ if (this._isUnsupportedFileExtension(file)) {
6302
6528
  this.validateErrors.emit({
6303
6529
  files: [file],
6304
6530
  validation: ValidateErrors.UNSUPPORTED_EXTENSION,
6305
6531
  });
6306
6532
  continue;
6307
6533
  }
6308
- if (this.isFileSizeExceeded(file)) {
6534
+ if (this._isFileSizeExceeded(file)) {
6309
6535
  this.validateErrors.emit({
6310
6536
  files: [file],
6311
6537
  validation: ValidateErrors.MAX_FILE_SIZE,
@@ -6328,7 +6554,7 @@ var FileUploadComponent = /** @class */ (function () {
6328
6554
  files: newFiles,
6329
6555
  });
6330
6556
  }
6331
- this.clearFileInput();
6557
+ this._clearFileInput();
6332
6558
  };
6333
6559
  FileUploadComponent.prototype.onRemoveFile = function (file) {
6334
6560
  var fileIndex = this.files.indexOf(file);
@@ -6337,12 +6563,13 @@ var FileUploadComponent = /** @class */ (function () {
6337
6563
  this.removeFile.emit({ file: file });
6338
6564
  }
6339
6565
  };
6340
- FileUploadComponent.prototype.onCancelUpload = function (index) {
6341
- var removedFiles = this.files.splice(index, 1);
6342
- if (removedFiles.length) {
6566
+ FileUploadComponent.prototype.onCancelUpload = function (file) {
6567
+ var index = this.files.indexOf(file);
6568
+ if (index != -1) {
6569
+ this.files.splice(index, 1);
6343
6570
  this.cancelUpload.emit(index);
6344
6571
  }
6345
- this.clearFileInput();
6572
+ this._clearFileInput();
6346
6573
  };
6347
6574
  FileUploadComponent.prototype.onDowloadFile = function (index) {
6348
6575
  this.downloadFile.emit({
@@ -6350,51 +6577,57 @@ var FileUploadComponent = /** @class */ (function () {
6350
6577
  anchor: this.anchor,
6351
6578
  });
6352
6579
  };
6353
- FileUploadComponent.prototype.update = function () {
6354
- var windowWidth = window.innerWidth;
6355
- this.isSmallDevice = windowWidth <= Breakpoints.SM_MAX;
6356
- };
6357
- FileUploadComponent.prototype.isImage = function (file) {
6580
+ FileUploadComponent.prototype._isImage = function (file) {
6358
6581
  return /^image\//.test(file.type);
6359
6582
  };
6360
- FileUploadComponent.prototype.isFileLimitExceeded = function (files) {
6583
+ FileUploadComponent.prototype._isFileLimitExceeded = function (files) {
6361
6584
  if (!this.fileLimit) {
6362
6585
  return false;
6363
6586
  }
6364
6587
  return this.files.length + files.length > this.fileLimit;
6365
6588
  };
6366
- FileUploadComponent.prototype.isFileSizeExceeded = function (file) {
6589
+ FileUploadComponent.prototype._isFileSizeExceeded = function (file) {
6367
6590
  if (!this.maxFileSize) {
6368
6591
  return false;
6369
6592
  }
6370
6593
  return file.size > this.maxFileSize;
6371
6594
  };
6372
- FileUploadComponent.prototype.isUnsupportedFileExtension = function (file) {
6595
+ FileUploadComponent.prototype._isUnsupportedFileExtension = function (file) {
6373
6596
  var _a;
6374
6597
  if ((_a = this.supportedExtensions) === null || _a === void 0 ? void 0 : _a.length) {
6375
- var extension = file.name.split(".").pop().toLowerCase();
6598
+ var extension = file.name
6599
+ .split(".")
6600
+ .pop()
6601
+ .toLowerCase();
6376
6602
  return !this.supportedExtensions.includes(extension);
6377
6603
  }
6378
6604
  return false;
6379
6605
  };
6380
- FileUploadComponent.prototype.clearFileInput = function () {
6606
+ FileUploadComponent.prototype._clearFileInput = function () {
6381
6607
  this.inputUpload.nativeElement.value = null;
6382
6608
  };
6383
- FileUploadComponent.prototype.getUploadDate = function (blobFile) {
6609
+ FileUploadComponent.prototype._getUploadDate = function (blobFile) {
6384
6610
  var _this = this;
6385
6611
  if (!blobFile) {
6386
6612
  return;
6387
6613
  }
6388
- this.fileUploadService.getMetadataCustomField({ objectId: blobFile[0].objectId })
6389
- .then(function (metadata) { return _this.setModifiedDate(metadata); });
6390
- };
6391
- FileUploadComponent.prototype.setModifiedDate = function (metadata) {
6392
- var hour = moment$3(metadata.modified).format("HH");
6393
- var minutes = moment$3(metadata.modified).format("mm");
6394
- var day = moment$3(metadata.modified).format("DD");
6395
- var month = moment$3(metadata.modified).format("MM");
6396
- var fullYear = moment$3(metadata.modified).format("YYYY");
6397
- this.modifiedDate = this.translate.instant("platform.angular_components.date_modified_custom_blob", { hour: hour, minutes: minutes, day: day, month: month, fullYear: fullYear });
6614
+ this.fileUploadService
6615
+ .getMetadataCustomField({ objectId: blobFile[0].objectId })
6616
+ .then(function (metadata) { return _this._setModifiedDate(metadata); });
6617
+ };
6618
+ FileUploadComponent.prototype._setModifiedDate = function (metadata) {
6619
+ var hour = moment$4(metadata.modified).format("HH");
6620
+ var minutes = moment$4(metadata.modified).format("mm");
6621
+ var day = moment$4(metadata.modified).format("DD");
6622
+ var month = moment$4(metadata.modified).format("MM");
6623
+ var fullYear = moment$4(metadata.modified).format("YYYY");
6624
+ this.modifiedDate = this.translate.instant("platform.angular_components.date_modified_custom_blob", {
6625
+ hour: hour,
6626
+ minutes: minutes,
6627
+ day: day,
6628
+ month: month,
6629
+ fullYear: fullYear,
6630
+ });
6398
6631
  };
6399
6632
  var FileUploadComponent_1;
6400
6633
  FileUploadComponent.nextId = 0;
@@ -6484,14 +6717,11 @@ var FileUploadComponent = /** @class */ (function () {
6484
6717
  __decorate([
6485
6718
  Output()
6486
6719
  ], FileUploadComponent.prototype, "validateErrors", void 0);
6487
- __decorate([
6488
- HostListener("window:resize")
6489
- ], FileUploadComponent.prototype, "onResize", null);
6490
6720
  FileUploadComponent = FileUploadComponent_1 = __decorate([
6491
6721
  Component({
6492
6722
  selector: "s-file-upload",
6493
- template: "<div\n [id]=\"id\"\n class=\"s-fileupload\">\n <div class=\"s-fileupload-choose\">\n <input\n #inputUpload\n [id]=\"id+'input-upload'\"\n type=\"file\"\n name=\"file\"\n [accept]=\"accept\"\n [multiple]=\"multiple\"\n (change)=\"onFileSelect($event.dataTransfer\n ? $event.dataTransfer.files\n : $event.target.files)\"> \n <s-button\n *ngIf=\"permissions.includes(ADD_PERMISSION)\"\n [id]=\"id + 'upload-button'\"\n [label]=\"chooseLabel || 'platform.angular_components.attach_files' | translate\"\n (onClick)=\"inputUpload.click()\"\n priority=\"primary\"\n [disabled]=\"disabled || !!formGroup?.disabled\"\n [auxiliary]=\"false\">\n </s-button>\n </div>\n\n <section\n *ngIf=\"files.length\" \n [id]=\"id + 'fileupload-list'\"\n class=\"s-fileupload-list\"\n role=\"grid\">\n <ng-container *ngFor=\"let file of files; let i = index\">\n <div\n class=\"s-fileupload-list-file\"\n role=\"row\">\n <div\n [id]=\"id + '-file-' + i + '-name'\"\n class=\"s-fileupload-list-file-name\"\n role=\"gridcell\">\n <ng-container *ngTemplateOutlet=\"permissions.includes(READ_PERMISSION) && file.savedFile || file.progress === 100\n ? descriptionUrl\n : description; context: {\n $implicit: file,\n index: i\n }\">\n </ng-container>\n <span *ngIf=\"modifiedDate\" class=\"s-fileupload-list-file-name-date\">{{ modifiedDate }}</span>\n </div>\n <div\n class=\"s-fileupload-list-file-status\"\n role=\"gridcell\">\n <p-progressBar\n *ngIf=\"file.isUploading && !isSmallDevice\"\n [style]=\"{ 'width': '250px', 'background-color': '#d8d8d8', 'border-radius': '0px', 'height': '14px'}\"\n [value]=\"file.progress\"\n [showValue]=\"false\"\n role=\"alert\"\n [attr.aria-label]=\"ariaLabelProgress || 'platform.angular_components.loading_file' | translate\">\n </p-progressBar>\n <span\n *ngIf=\"file.isUploading && isSmallDevice\" \n [id]=\"id + '-file-' + i + '-spin'\"\n class=\"fas fa-circle-notch fa-spin\"\n [attr.aria-label]=\"ariaLabelProgress || 'platform.angular_components.loading_file' | translate\">\n </span>\n <span\n *ngIf=\"!file.isUploading && !file.error && file.progress === 100\"\n [id]=\"id + '-file-' + i + '-check'\"\n class=\"fas fa-check\"\n role=\"alert\"\n [attr.aria-label]=\"ariaLabelSuccess || successTooltip || 'platform.angular_components.file_attached_successfully' | translate\"\n [pTooltip]=\"successTooltip || 'platform.angular_components.file_attached_successfully' | translate\"\n tooltipPosition=\"top\"\n showDelay=\"500\"\n [appendTo]=\"'body'\">\n </span>\n <span\n *ngIf=\"file.error?.message\" \n [id]=\"id + '-file-' + i + '-error'\"\n class=\"fas fa-times\"\n role=\"alert\"\n [pTooltip]=\"file.error?.message\"\n tooltipPosition=\"top\"\n showDelay=\"500\"\n [appendTo]=\"'body'\">\n </span>\n </div>\n <div\n class=\"s-fileupload-list-file-actions\"\n role=\"gridcell\">\n <a\n *ngIf=\"file.isUploading\"\n [id]=\"id + '-file-' + i + '-cancel'\"\n class=\"s-fileupload-list-file-actions-action\"\n (click)=\"onCancelUpload(i)\">\n {{ cancelLabel || 'platform.angular_components.cancel' | translate }}\n </a>\n <a\n *ngIf=\"permissions.includes(REMOVE_PERMISSION) && !file.isUploading && !(disabled || !!formGroup?.disabled)\"\n role=\"button\"\n tabindex=\"0\"\n [id]=\"id + '-file-' + i + '-remove'\"\n class=\"s-fileupload-list-file-actions-action\"\n (click)=\"onRemoveFile(file)\"\n [attr.aria-label]=\"ariaLabelRemove || removeLabel || 'platform.angular_components.remove' | translate\">\n {{ removeLabel || 'platform.angular_components.remove' | translate }}\n </a>\n </div>\n </div>\n </ng-container>\n </section>\n</div>\n\n<ng-template\n #descriptionUrl\n let-file\n let-i = index>\n <a\n [id]=\"id + '-file-' + i + '-name-link'\"\n tabindex=\"0\"\n (click)=\"onDowloadFile(i)\"\n [attr.aria-label]=\"ariaLabelFileName || file.name\">{{file.name}}\n </a>\n <a\n style=\"display: none;\"\n [href]=\"file.objectURL\"\n target=\"_blank\"\n download\n #anchor>\n </a>\n</ng-template>\n\n<ng-template\n #description\n let-file>\n <span\n tabindex=\"0\"\n [attr.aria-label]=\"ariaLabelFileName || file.name\">\n {{file.name}}\n </span>\n</ng-template>\n",
6494
- styles: [".s-fileupload .s-fileupload-choose{position:relative;margin:15px 0;width:-webkit-max-content;width:max-content}.s-fileupload input[type=file]{display:none}.s-fileupload-list{border:1px solid #ccc}.s-fileupload-list-file:not(:first-child){border-top:1px solid #ccc}.s-fileupload-list .s-fileupload-list-file{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;padding:15px}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-name{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-item-align:center;align-self:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-name .s-fileupload-list-file-name-date{font-size:.75rem;color:#999}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-name>a{cursor:pointer;text-decoration:none}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-status{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.s-fileupload-list .s-fileupload-list-file .fas.fa-circle-notch{color:#d8d8d8;font-size:12px}.s-fileupload-list .s-fileupload-list-file .fas.fa-check{color:#0c9348;font-size:12px}.s-fileupload-list .s-fileupload-list-file .fas.fa-times{color:#c13018;font-size:12px}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions{margin-top:15px;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;width:100%}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions a.s-fileupload-list-file-actions-action{text-decoration:none;color:#428bca}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions a.s-fileupload-list-file-actions-action :focus,.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions a.s-fileupload-list-file-actions-action :visited,.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions a.s-fileupload-list-file-actions-action:hover{text-decoration:none}@media (min-width:768px){.s-fileupload-list .s-fileupload-list-file{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-name{width:auto;-ms-flex-positive:2;flex-grow:2}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-status{margin:0 15px}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions{margin:0;width:auto}}"]
6723
+ template: "<div [id]=\"id\" class=\"fileupload\">\n <div class=\"fileupload-choose\">\n <input\n #inputUpload\n type=\"file\"\n name=\"file\"\n [accept]=\"accept\"\n [multiple]=\"multiple\"\n (change)=\"onFileSelect($event.dataTransfer ? $event.dataTransfer.files : $event.target.files)\"\n />\n <s-button\n *ngIf=\"permissions.includes(ADD_PERMISSION)\"\n [label]=\"chooseLabel || 'platform.angular_components.attach_files' | translate\"\n (onClick)=\"inputUpload.click()\"\n priority=\"primary\"\n [disabled]=\"disabled || !!formGroup?.disabled\"\n [auxiliary]=\"false\"\n >\n </s-button>\n </div>\n <ul\n *ngIf=\"files.length\"\n class=\"file-list\"\n role=\"grid\">\n <li *ngFor=\"let file of files; let i = index\" class=\"file-list-item\">\n <s-file-item\n [id]=\"'file-' + i\"\n [file]=\"file\"\n [canReadFiles]=\"permissions.includes(READ_PERMISSION) && file.savedFile || file.progress === 100\"\n [canRemoveFiles]=\"permissions.includes(REMOVE_PERMISSION) && !(disabled || !!formGroup?.disabled)\"\n [cancelLabel]=\"cancelLabel\"\n [removeLabel]=\"removeLabel\"\n [ariaLabelProgress]=\"ariaLabelProgress\"\n [successTooltip]=\"successTooltip\"\n [ariaLabelSuccess]=\"ariaLabelSuccess\"\n (cancelUpload)=\"onCancelUpload($event)\"\n (removeFile)=\"onRemoveFile($event)\"\n >\n </s-file-item>\n </li>\n </ul>\n</div>\n",
6724
+ styles: [".fileupload .fileupload-choose{position:relative;margin:15px 0;width:-webkit-max-content;width:max-content}.fileupload input[type=file]{display:none}.fileupload .file-list{border:1px solid #c1c1cc;border-radius:4px;padding:0}.fileupload .file-list .file-list-item{list-style-type:none}.fileupload .file-list .file-list-item:not(:first-child){border-top:1px solid #ccc}"]
6495
6725
  })
6496
6726
  ], FileUploadComponent);
6497
6727
  return FileUploadComponent;
@@ -6502,14 +6732,17 @@ var FileUploadModule = /** @class */ (function () {
6502
6732
  }
6503
6733
  FileUploadModule = __decorate([
6504
6734
  NgModule({
6505
- declarations: [FileUploadComponent],
6506
6735
  imports: [
6507
6736
  CommonModule,
6508
6737
  ButtonModule,
6509
- TooltipModule$1,
6510
- ProgressBarModule$1,
6738
+ TooltipModule,
6739
+ ProgressBarModule,
6511
6740
  TranslateModule,
6512
6741
  ],
6742
+ declarations: [
6743
+ FileUploadComponent,
6744
+ FileItemComponent,
6745
+ ],
6513
6746
  providers: [FileUploadService],
6514
6747
  exports: [FileUploadComponent],
6515
6748
  })
@@ -7619,7 +7852,7 @@ var EnumBadgeColors;
7619
7852
  EnumBadgeColors["GRAY"] = "gray";
7620
7853
  })(EnumBadgeColors || (EnumBadgeColors = {}));
7621
7854
 
7622
- var moment$4 = moment_;
7855
+ var moment$5 = moment_;
7623
7856
  var TableColumnsComponent = /** @class */ (function () {
7624
7857
  function TableColumnsComponent(viewContainerRef, translate, hostProjectConfigs) {
7625
7858
  this.viewContainerRef = viewContainerRef;
@@ -7726,7 +7959,7 @@ var TableColumnsComponent = /** @class */ (function () {
7726
7959
  return applyMask(attributeValue, numberConfigs, _this.isNumber(attributeValue));
7727
7960
  case EnumColumnFieldType.DATE:
7728
7961
  var dateFormat = _this.getDateFormat(column, locale);
7729
- return moment$4(attributeValue).format(dateFormat);
7962
+ return moment$5(attributeValue).format(dateFormat);
7730
7963
  case EnumColumnFieldType.BOOLEAN:
7731
7964
  var value = attributeValue ? "yes" : "no";
7732
7965
  return _this.translate.instant(prefix + value);
@@ -9666,7 +9899,7 @@ var CustomFieldType;
9666
9899
  CustomFieldType["Any"] = "Any";
9667
9900
  CustomFieldType["Enum"] = "Enum";
9668
9901
  })(CustomFieldType || (CustomFieldType = {}));
9669
- var moment$5 = moment_; // @HACK Necessary because of https://github.com/rollup/rollup/issues/670
9902
+ var moment$6 = moment_; // @HACK Necessary because of https://github.com/rollup/rollup/issues/670
9670
9903
  var CustomFieldsComponent = /** @class */ (function () {
9671
9904
  function CustomFieldsComponent(customFieldsService, localeService, sanitizer, translateService, controlContainer) {
9672
9905
  this.customFieldsService = customFieldsService;
@@ -9875,16 +10108,16 @@ var CustomFieldsComponent = /** @class */ (function () {
9875
10108
  return;
9876
10109
  switch (type) {
9877
10110
  case FieldType.Date:
9878
- parsedValues[name] = moment$5(value).toDate();
10111
+ parsedValues[name] = moment$6(value).toDate();
9879
10112
  break;
9880
10113
  case FieldType.DateTime:
9881
- parsedValues[name] = moment$5(value).toDate();
10114
+ parsedValues[name] = moment$6(value).toDate();
9882
10115
  break;
9883
10116
  case FieldType.LocalDateTime:
9884
- parsedValues[name] = moment$5(value, "YYYY-MM-DD[T]HH:mm:ss.SSS").toDate();
10117
+ parsedValues[name] = moment$6(value, "YYYY-MM-DD[T]HH:mm:ss.SSS").toDate();
9885
10118
  break;
9886
10119
  case FieldType.Time:
9887
- parsedValues[name] = moment$5(value, "HH:mm:ss").toDate();
10120
+ parsedValues[name] = moment$6(value, "HH:mm:ss").toDate();
9888
10121
  break;
9889
10122
  }
9890
10123
  });
@@ -9917,16 +10150,16 @@ var CustomFieldsComponent = /** @class */ (function () {
9917
10150
  value = new BigNumber(value).toFixed(scale).toString();
9918
10151
  break;
9919
10152
  case FieldType.Date:
9920
- value = moment$5(value).format("YYYY-MM-DD");
10153
+ value = moment$6(value).format("YYYY-MM-DD");
9921
10154
  break;
9922
10155
  case FieldType.DateTime:
9923
- value = moment$5(value).format();
10156
+ value = moment$6(value).format();
9924
10157
  break;
9925
10158
  case FieldType.LocalDateTime:
9926
- value = moment$5(value).format("YYYY-MM-DD[T]HH:mm:ss.SSS");
10159
+ value = moment$6(value).format("YYYY-MM-DD[T]HH:mm:ss.SSS");
9927
10160
  break;
9928
10161
  case FieldType.Time:
9929
- value = moment$5(value).format("HH:mm:ss");
10162
+ value = moment$6(value).format("HH:mm:ss");
9930
10163
  break;
9931
10164
  }
9932
10165
  }
@@ -10339,7 +10572,7 @@ var EditableOverlayModule = /** @class */ (function () {
10339
10572
  return EditableOverlayModule;
10340
10573
  }());
10341
10574
 
10342
- var moment$6 = moment_;
10575
+ var moment$7 = moment_;
10343
10576
  var YEAR = "year";
10344
10577
  var MONTH = "month";
10345
10578
  var DAY = "day";
@@ -10351,22 +10584,22 @@ var DateUtils = /** @class */ (function () {
10351
10584
  function DateUtils() {
10352
10585
  }
10353
10586
  DateUtils.parse = function (date) {
10354
- return moment$6(date).toDate();
10587
+ return moment$7(date).toDate();
10355
10588
  };
10356
10589
  DateUtils.toString = function (date, with_time) {
10357
10590
  if (with_time === void 0) { with_time = false; }
10358
- var result = with_time ? moment$6(date, "YYYY-MM-DD hh:mm:ss.SSS") : moment$6(date, "YYYY-MM-DD");
10591
+ var result = with_time ? moment$7(date, "YYYY-MM-DD hh:mm:ss.SSS") : moment$7(date, "YYYY-MM-DD");
10359
10592
  return result.toString();
10360
10593
  };
10361
10594
  DateUtils.format = function (date, formatString, lang) {
10362
10595
  if (formatString === void 0) { formatString = "YYYY-MM-DD HH:mm:ss.SSS"; }
10363
10596
  if (lang === void 0) { lang = "en"; }
10364
- var monthName = moment$6(date)
10597
+ var monthName = moment$7(date)
10365
10598
  .locale(lang)
10366
10599
  .startOf("month")
10367
10600
  .format("MMMM");
10368
10601
  var monthNameCapitalized = monthName.charAt(0).toUpperCase() + monthName.slice(1);
10369
- var dateToFormat = moment$6(date).locale(lang);
10602
+ var dateToFormat = moment$7(date).locale(lang);
10370
10603
  var format_map = {
10371
10604
  YYYY: dateToFormat.format("YYYY"),
10372
10605
  MM: dateToFormat.format("MM"),
@@ -10396,13 +10629,13 @@ var DateUtils = /** @class */ (function () {
10396
10629
  return str;
10397
10630
  };
10398
10631
  DateUtils.diff = function (fistDate, secondDate, scale) {
10399
- var milliseconds = moment$6(fistDate).diff(secondDate, MILLISECOND);
10400
- var seconds = moment$6(fistDate).diff(secondDate, SECOND);
10401
- var minutes = moment$6(fistDate).diff(secondDate, MINUTE);
10402
- var hours = moment$6(fistDate).diff(secondDate, HOUR);
10403
- var days = moment$6(fistDate).diff(secondDate, DAY);
10404
- var months = moment$6(fistDate).diff(secondDate, MONTH);
10405
- var years = moment$6(fistDate).diff(secondDate, YEAR);
10632
+ var milliseconds = moment$7(fistDate).diff(secondDate, MILLISECOND);
10633
+ var seconds = moment$7(fistDate).diff(secondDate, SECOND);
10634
+ var minutes = moment$7(fistDate).diff(secondDate, MINUTE);
10635
+ var hours = moment$7(fistDate).diff(secondDate, HOUR);
10636
+ var days = moment$7(fistDate).diff(secondDate, DAY);
10637
+ var months = moment$7(fistDate).diff(secondDate, MONTH);
10638
+ var years = moment$7(fistDate).diff(secondDate, YEAR);
10406
10639
  if (!scale.endsWith("s")) {
10407
10640
  scale += "s";
10408
10641
  }
@@ -10417,14 +10650,14 @@ var DateUtils = /** @class */ (function () {
10417
10650
  }[scale]);
10418
10651
  };
10419
10652
  DateUtils.today = function () {
10420
- var dateStr = moment$6().format("YYY-MM-DD");
10653
+ var dateStr = moment$7().format("YYY-MM-DD");
10421
10654
  return new Date(dateStr);
10422
10655
  };
10423
10656
  DateUtils.now = function () {
10424
- return moment$6().toDate();
10657
+ return moment$7().toDate();
10425
10658
  };
10426
10659
  DateUtils.add = function (date, quantity, scale) {
10427
- return moment$6(date).add(quantity, scale).toDate();
10660
+ return moment$7(date).add(quantity, scale).toDate();
10428
10661
  };
10429
10662
  DateUtils.startOf = function (date, scale) {
10430
10663
  var _a;
@@ -10453,7 +10686,7 @@ var DateUtils = /** @class */ (function () {
10453
10686
  return new Date(vals[0], vals[1], vals[2], vals[3], vals[4], vals[5], vals[6]);
10454
10687
  };
10455
10688
  DateUtils.clone = function (date) {
10456
- return moment$6(date).toDate();
10689
+ return moment$7(date).toDate();
10457
10690
  };
10458
10691
  DateUtils.getDateValues = function (date) {
10459
10692
  return [
@@ -10467,7 +10700,7 @@ var DateUtils = /** @class */ (function () {
10467
10700
  ];
10468
10701
  };
10469
10702
  DateUtils.getDaysInMonth = function (date) {
10470
- return moment$6(date, "YYYY-MM").daysInMonth();
10703
+ return moment$7(date, "YYYY-MM").daysInMonth();
10471
10704
  };
10472
10705
  return DateUtils;
10473
10706
  }());
@@ -14032,146 +14265,6 @@ var ProfilePicturePickerModule = /** @class */ (function () {
14032
14265
  return ProfilePicturePickerModule;
14033
14266
  }());
14034
14267
 
14035
- var ProgressBarColors;
14036
- (function (ProgressBarColors) {
14037
- ProgressBarColors["Blue"] = "blue";
14038
- ProgressBarColors["Green"] = "green";
14039
- ProgressBarColors["Red"] = "red";
14040
- ProgressBarColors["Yellow"] = "yellow";
14041
- })(ProgressBarColors || (ProgressBarColors = {}));
14042
-
14043
- var ProgressBarMode;
14044
- (function (ProgressBarMode) {
14045
- ProgressBarMode["Determinate"] = "determinate";
14046
- ProgressBarMode["Indeterminate"] = "indeterminate";
14047
- })(ProgressBarMode || (ProgressBarMode = {}));
14048
-
14049
- var ProgressBarComponent = /** @class */ (function () {
14050
- function ProgressBarComponent() {
14051
- this.showValue = true;
14052
- this.mode = ProgressBarMode.Determinate;
14053
- }
14054
- ProgressBarComponent.prototype.ngOnInit = function () {
14055
- this.validateInputs();
14056
- };
14057
- ProgressBarComponent.prototype.validateInputs = function () {
14058
- if (this.value < 0 || this.value > 100) {
14059
- throw new Error("Invalid value for value");
14060
- }
14061
- if (this.targetValue < 0 || this.targetValue > 100) {
14062
- throw new Error("Invalid value for targetValue");
14063
- }
14064
- if (this.mode === ProgressBarMode.Indeterminate && (this.value || this.targetValue || this.targetLabel)) {
14065
- throw new Error("When the mode is indeterminate, the value, targetValue and targetLabel parameters are not expected.");
14066
- }
14067
- };
14068
- __decorate([
14069
- Input()
14070
- ], ProgressBarComponent.prototype, "value", void 0);
14071
- __decorate([
14072
- Input()
14073
- ], ProgressBarComponent.prototype, "targetValue", void 0);
14074
- __decorate([
14075
- Input()
14076
- ], ProgressBarComponent.prototype, "label", void 0);
14077
- __decorate([
14078
- Input()
14079
- ], ProgressBarComponent.prototype, "targetLabel", void 0);
14080
- __decorate([
14081
- Input()
14082
- ], ProgressBarComponent.prototype, "activeColor", void 0);
14083
- __decorate([
14084
- Input()
14085
- ], ProgressBarComponent.prototype, "showValue", void 0);
14086
- __decorate([
14087
- Input()
14088
- ], ProgressBarComponent.prototype, "mode", void 0);
14089
- ProgressBarComponent = __decorate([
14090
- Component({
14091
- selector: "s-progressbar",
14092
- template: "<ng-container *ngIf=\"mode === 'determinate'; then pbDeterminateTemplate else pbIndeterminateTemplate\"></ng-container>\n\n<ng-template #pbDeterminateTemplate>\n <s-progressbar-determinate\n [value]=\"value\"\n [targetValue]=\"targetValue\"\n [targetLabel]=\"targetLabel\"\n [activeColor]=\"activeColor\"\n [showValue]=\"showValue\">\n </s-progressbar-determinate>\n</ng-template>\n\n<ng-template #pbIndeterminateTemplate>\n <s-progressbar-indeterminate\n [activeColor]=\"activeColor\"\n [label]=\"label\">\n </s-progressbar-indeterminate>\n</ng-template>",
14093
- styles: [".progress-bar{position:relative}.progress-bar .progress-bar-all{background-color:#d8d8d8;border-radius:4px;height:24px;overflow:hidden;width:100%}.progress-bar .progress-bar-all .progress-bar-active{-ms-flex-align:center;align-items:center;color:#fff;display:-ms-flexbox;display:flex;font-family:\"Open Sans\",sans-serif;font-size:14px;height:100%;-ms-flex-pack:center;justify-content:center;line-height:150%;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:80%}.progress-bar .progress-bar-all .progress-bar-active--blue{background-color:#428bca}.progress-bar .progress-bar-all .progress-bar-active--green{background-color:#0c9348}.progress-bar .progress-bar-all .progress-bar-active--red{background-color:#c13018}.progress-bar .progress-bar-all .progress-bar-active--yellow{background-color:#fcbf10}.progress-bar .target{-ms-flex-align:start;align-items:flex-start;bottom:-38px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:absolute}.progress-bar .target .target-line{background-color:#333;height:40px;margin:8px 0;width:1px}.progress-bar .target .target-label{background-color:#426e78;border-radius:10px;color:#e5eaea;font-family:\"Open Sans\",sans-serif;font-size:12px;line-height:150%;padding:2px 12px}"]
14094
- })
14095
- ], ProgressBarComponent);
14096
- return ProgressBarComponent;
14097
- }());
14098
-
14099
- var ProgressBarDeterminateComponent = /** @class */ (function () {
14100
- function ProgressBarDeterminateComponent() {
14101
- this.showValue = true;
14102
- }
14103
- ProgressBarDeterminateComponent.prototype.ngOnInit = function () {
14104
- this.validateValues();
14105
- };
14106
- ProgressBarDeterminateComponent.prototype.validateValues = function () {
14107
- if (this.value < 0 || this.value > 100) {
14108
- throw new Error("Invalid value for value");
14109
- }
14110
- if (this.targetValue < 0 || this.targetValue > 100) {
14111
- throw new Error("Invalid value for targetValue");
14112
- }
14113
- };
14114
- __decorate([
14115
- Input()
14116
- ], ProgressBarDeterminateComponent.prototype, "value", void 0);
14117
- __decorate([
14118
- Input()
14119
- ], ProgressBarDeterminateComponent.prototype, "targetValue", void 0);
14120
- __decorate([
14121
- Input()
14122
- ], ProgressBarDeterminateComponent.prototype, "targetLabel", void 0);
14123
- __decorate([
14124
- Input()
14125
- ], ProgressBarDeterminateComponent.prototype, "activeColor", void 0);
14126
- __decorate([
14127
- Input()
14128
- ], ProgressBarDeterminateComponent.prototype, "showValue", void 0);
14129
- ProgressBarDeterminateComponent = __decorate([
14130
- Component({
14131
- selector: "s-progressbar-determinate",
14132
- template: "<div class=\"progressbar-determinate\">\n <div class=\"progressbar-container\">\n <div\n class=\"progressbar-active\"\n [ngClass]=\"{\n 'progressbar-active--blue' : activeColor === 'blue',\n 'progressbar-active--green': activeColor === 'green',\n 'progressbar-active--red': activeColor === 'red',\n 'progressbar-active--yellow': activeColor === 'yellow'\n }\"\n [ngStyle]=\"{ 'width': value + '%' }\">\n {{ showValue && value ? value + '%' : '' }}\n </div>\n </div>\n <div\n *ngIf=\"targetValue\"\n class=\"target\"\n [ngStyle]=\"{\n 'left': targetValue <= 50 ? targetValue + '%' : 'unset',\n 'right': targetValue > 50 ? 100 - targetValue + '%' : 'unset',\n 'align-items': targetValue > 50 ? 'flex-end' : 'flex-start'\n }\">\n <span class=\"target-line\"></span>\n <span class=\"target-label\">\n {{ targetLabel || value + '%' }}\n </span>\n </div>\n </div>\n ",
14133
- styles: [".progressbar-determinate{position:relative}.progressbar-determinate .progressbar-container{background-color:#d8d8d8;border-radius:4px;height:24px;overflow:hidden;width:100%}.progressbar-determinate .progressbar-container .progressbar-active{-ms-flex-align:center;align-items:center;color:#fff;display:-ms-flexbox;display:flex;font-family:\"Open Sans\",sans-serif;font-size:14px;height:100%;-ms-flex-pack:center;justify-content:center;line-height:150%;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:80%}.progressbar-determinate .progressbar-container .progressbar-active--blue{background-color:#428bca}.progressbar-determinate .progressbar-container .progressbar-active--green{background-color:#0c9348}.progressbar-determinate .progressbar-container .progressbar-active--red{background-color:#c13018}.progressbar-determinate .progressbar-container .progressbar-active--yellow{background-color:#fcbf10;color:#212533}.progressbar-determinate .target{-ms-flex-align:start;align-items:flex-start;bottom:-38px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:absolute}.progressbar-determinate .target .target-line{background-color:#333;height:40px;margin:8px 0;width:1px}.progressbar-determinate .target .target-label{background-color:#426e78;border-radius:10px;color:#e5eaea;font-family:\"Open Sans\",sans-serif;font-size:12px;line-height:150%;padding:2px 12px}"]
14134
- })
14135
- ], ProgressBarDeterminateComponent);
14136
- return ProgressBarDeterminateComponent;
14137
- }());
14138
-
14139
- var ProgressBarIndeterminateComponent = /** @class */ (function () {
14140
- function ProgressBarIndeterminateComponent() {
14141
- }
14142
- __decorate([
14143
- Input()
14144
- ], ProgressBarIndeterminateComponent.prototype, "activeColor", void 0);
14145
- __decorate([
14146
- Input()
14147
- ], ProgressBarIndeterminateComponent.prototype, "label", void 0);
14148
- ProgressBarIndeterminateComponent = __decorate([
14149
- Component({
14150
- selector: "s-progressbar-indeterminate",
14151
- template: "<!-- progressbar-indeterminate.component.html -->\n<div class=\"progressbar-indeterminate\">\n <div class=\"progressbar-container\">\n <div class=\"indeterminate-bar\" [ngClass]=\"{\n 'indeterminate-bar--blue': activeColor === 'blue',\n 'indeterminate-bar--green': activeColor === 'green',\n 'indeterminate-bar--red': activeColor === 'red',\n 'indeterminate-bar--yellow': activeColor === 'yellow'\n }\"></div>\n </div>\n \n <span *ngIf=\"label\" class=\"progressbar-label\">{{ label }}</span>\n</div>\n",
14152
- styles: [".progressbar-indeterminate{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.progressbar-indeterminate .progressbar-container{background-color:#d8d8d8;border-radius:4px;height:24px;margin:8px 0;overflow:hidden;width:100%}.progressbar-indeterminate .indeterminate-bar{animation:5s infinite indeterminate-progress;background-color:#428bca;height:100%;width:40%}.progressbar-indeterminate .indeterminate-bar--blue{background-color:#428bca}.progressbar-indeterminate .indeterminate-bar--green{background-color:#0c9348}.progressbar-indeterminate .indeterminate-bar--red{background-color:#c13018}.progressbar-indeterminate .indeterminate-bar--yellow{background-color:#fcbf10}.progressbar-indeterminate .progressbar-label{font-family:\"Open Sans\" sans-serif;font-size:12px;line-height:150%;color:#212533}@keyframes indeterminate-progress{0%{transform:translateX(-250%)}100%{transform:translateX(250%)}}"]
14153
- })
14154
- ], ProgressBarIndeterminateComponent);
14155
- return ProgressBarIndeterminateComponent;
14156
- }());
14157
-
14158
- var ProgressBarModule = /** @class */ (function () {
14159
- function ProgressBarModule() {
14160
- }
14161
- ProgressBarModule = __decorate([
14162
- NgModule({
14163
- imports: [CommonModule],
14164
- declarations: [
14165
- ProgressBarComponent,
14166
- ProgressBarDeterminateComponent,
14167
- ProgressBarIndeterminateComponent,
14168
- ],
14169
- exports: [ProgressBarComponent],
14170
- })
14171
- ], ProgressBarModule);
14172
- return ProgressBarModule;
14173
- }());
14174
-
14175
14268
  var PanelComponent = /** @class */ (function () {
14176
14269
  function PanelComponent() {
14177
14270
  this.toggleable = true;
@@ -16658,5 +16751,5 @@ var fallback = {
16658
16751
  * Generated bundle index. Do not edit.
16659
16752
  */
16660
16753
 
16661
- export { AccordionComponent, AccordionModule, AccordionPanelComponent, 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, EnumSeverity, ExportUtils, Field, FieldType, Fieldset, FileUploadComponent, FileUploadModule, FileValidation, FormField, GanttComponent, GanttModule, GlobalSearchComponent, GlobalSearchDropdownItemComponent, GlobalSearchModule, GlobalSearchSizeEnum, HostProjectConfigsInjectionToken, ImageCropperComponent, ImageCropperModule, ImageCropperService, InfoSignDirective, InfoSignModule, KanbanComponent, KanbanModule, KanbanTemplateTypes, 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, PanelComponent, PanelModule, PasswordField, PasswordStrengthComponent, PasswordStrengthDirective, PasswordStrengthModule, PasswordStrengthPositions, PasswordStrengths, ProductHeaderComponent, ProductHeaderModule, ProfilePicturePickerComponent, ProfilePicturePickerModule, ProgressBarColors, ProgressBarComponent, ProgressBarModule, RadioButtonField, RatingScaleComponent, RatingScaleModule, RationButtonOption, RowTogllerDirective, Section, SelectButtonComponent, SelectButtonModule, SelectField, SelectOption, SidebarComponent, SidebarModule, SlidePanelComponent, SlidePanelModule, SplitButtonComponent, SplitButtonModule, SplitButtonType, StatsCardComponent, StatsCardModule, StepState, StepsComponent, StepsModule, Structure, SwitchComponent, SwitchModule, TableFrozenPositionDirective, TableHeaderCheckboxComponent, TableHeaderCheckboxModule, TableModule, TaxCalculationLanguageConfigs, TemplateDirective, TextAreaField, TextField, Themes, ThumbnailComponent, ThumbnailModule, ThumbnailSize, TieredMenuDirective, TieredMenuModule, TileComponent, TileModule, TimelineComponent, TimelineItem, TimelineItemSeverity, TimelineItemSize, TimelineModule, TokenListComponent, TokenListModule, TooltipModule, TooltipPosition, ValidateErrors, ViewMode, WorkspaceSwitchComponent, WorkspaceSwitchModule, countries, fallback, TooltipComponent as ɵa, TooltipDirective as ɵb, FileUploadComponent$1 as ɵba, LookupFieldComponent as ɵbb, NumberFieldComponent as ɵbc, PasswordFieldComponent as ɵbd, RadioButtonComponent as ɵbe, RowComponent as ɵbf, SectionComponent as ɵbg, SelectFieldComponent as ɵbh, SliderFieldComponent as ɵbi, TextAreaFieldComponent as ɵbj, TextAreaIAFieldComponent as ɵbk, IAssistService as ɵbl, TextFieldComponent as ɵbm, DecimalField as ɵbo, SideTableComponent as ɵbp, ThumbnailService as ɵbq, InfiniteScrollModule as ɵbr, InfiniteScrollDirective as ɵbs, StructureModule as ɵbt, HeaderComponent as ɵbu, FooterComponent as ɵbv, KanbanEventService as ɵbw, KanbanItemComponent as ɵbx, KanbanColumnComponent as ɵby, KanbanItemDraggingComponent as ɵbz, CustomTranslationsModule as ɵc, NumberLocaleOptions as ɵca, BorderButtonModule as ɵcb, BorderButtonComponent as ɵcc, ProgressBarDeterminateComponent as ɵcd, ProgressBarIndeterminateComponent as ɵce, SelectButtonItemComponent as ɵcf, SlidePanelService as ɵcg, TieredMenuEventService as ɵch, TieredMenuService as ɵci, TieredMenuComponent as ɵcj, TieredMenuNestedComponent as ɵck, TieredMenuItemComponent as ɵcl, TieredMenuDividerComponent as ɵcm, TimelineItemModule as ɵcn, TimelineIconItemComponent as ɵco, HorizontalTimelineModule as ɵcp, HorizontalTimelineComponent as ɵcq, VerticalTimelineModule as ɵcr, VerticalTimelineComponent as ɵcs, RangeLineComponent as ɵct, CollapseOptionComponent as ɵcu, CollapsedItemsComponent as ɵcv, VerticalItemsComponent as ɵcw, CodeEditorComponent as ɵd, CoreFacade as ɵe, CodeMirror6Core as ɵf, CountryPhonePickerService as ɵg, LocalizedCurrencyImpurePipe as ɵh, LocalizedBignumberPipe as ɵi, LocalizedBignumberImpurePipe as ɵj, EmptyStateGoBackComponent as ɵk, FileUploadService as ɵl, InfoSignComponent as ɵm, TableColumnsComponent as ɵn, TablePagingComponent as ɵo, AutocompleteFieldComponent as ɵp, BignumberFieldComponent as ɵq, BooleanFieldComponent as ɵr, BooleanSwitchFieldComponent as ɵs, CalendarFieldComponent as ɵt, ChipsFieldComponent as ɵu, CountryPhonePickerFieldComponent as ɵv, CurrencyFieldComponent as ɵw, DynamicFieldComponent as ɵx, DynamicFormDirective as ɵy, FieldsetComponent as ɵz };
16754
+ export { AccordionComponent, AccordionModule, AccordionPanelComponent, 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, EnumSeverity, ExportUtils, Field, FieldType, Fieldset, FileUploadComponent, FileUploadModule, FileValidation, FormField, GanttComponent, GanttModule, GlobalSearchComponent, GlobalSearchDropdownItemComponent, GlobalSearchModule, GlobalSearchSizeEnum, HostProjectConfigsInjectionToken, ImageCropperComponent, ImageCropperModule, ImageCropperService, InfoSignDirective, InfoSignModule, KanbanComponent, KanbanModule, KanbanTemplateTypes, 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, PanelComponent, PanelModule, PasswordField, PasswordStrengthComponent, PasswordStrengthDirective, PasswordStrengthModule, PasswordStrengthPositions, PasswordStrengths, ProductHeaderComponent, ProductHeaderModule, ProfilePicturePickerComponent, ProfilePicturePickerModule, ProgressBarColors, ProgressBarComponent, ProgressBarModule, RadioButtonField, RatingScaleComponent, RatingScaleModule, RationButtonOption, RowTogllerDirective, Section, SelectButtonComponent, SelectButtonModule, SelectField, SelectOption, SidebarComponent, SidebarModule, SlidePanelComponent, SlidePanelModule, SplitButtonComponent, SplitButtonModule, SplitButtonType, StatsCardComponent, StatsCardModule, StepState, StepsComponent, StepsModule, Structure, SwitchComponent, SwitchModule, TableFrozenPositionDirective, TableHeaderCheckboxComponent, TableHeaderCheckboxModule, TableModule, TaxCalculationLanguageConfigs, TemplateDirective, TextAreaField, TextField, Themes, ThumbnailComponent, ThumbnailModule, ThumbnailSize, TieredMenuDirective, TieredMenuModule, TileComponent, TileModule, TimelineComponent, TimelineItem, TimelineItemSeverity, TimelineItemSize, TimelineModule, TokenListComponent, TokenListModule, TooltipModule, TooltipPosition, ValidateErrors, ViewMode, WorkspaceSwitchComponent, WorkspaceSwitchModule, countries, fallback, TooltipComponent as ɵa, TooltipDirective as ɵb, DynamicFieldComponent as ɵba, DynamicFormDirective as ɵbb, FieldsetComponent as ɵbc, FileUploadComponent$1 as ɵbd, LookupFieldComponent as ɵbe, NumberFieldComponent as ɵbf, PasswordFieldComponent as ɵbg, RadioButtonComponent as ɵbh, RowComponent as ɵbi, SectionComponent as ɵbj, SelectFieldComponent as ɵbk, SliderFieldComponent as ɵbl, TextAreaFieldComponent as ɵbm, TextAreaIAFieldComponent as ɵbn, IAssistService as ɵbo, TextFieldComponent as ɵbp, DecimalField as ɵbr, SideTableComponent as ɵbs, ThumbnailService as ɵbt, InfiniteScrollModule as ɵbu, InfiniteScrollDirective as ɵbv, StructureModule as ɵbw, HeaderComponent as ɵbx, FooterComponent as ɵby, KanbanEventService as ɵbz, CustomTranslationsModule as ɵc, KanbanItemComponent as ɵca, KanbanColumnComponent as ɵcb, KanbanItemDraggingComponent as ɵcc, NumberLocaleOptions as ɵcd, BorderButtonModule as ɵce, BorderButtonComponent as ɵcf, SelectButtonItemComponent as ɵcg, SlidePanelService as ɵch, TieredMenuEventService as ɵci, TieredMenuService as ɵcj, TieredMenuComponent as ɵck, TieredMenuNestedComponent as ɵcl, TieredMenuItemComponent as ɵcm, TieredMenuDividerComponent as ɵcn, TimelineItemModule as ɵco, TimelineIconItemComponent as ɵcp, HorizontalTimelineModule as ɵcq, HorizontalTimelineComponent as ɵcr, VerticalTimelineModule as ɵcs, VerticalTimelineComponent as ɵct, RangeLineComponent as ɵcu, CollapseOptionComponent as ɵcv, CollapsedItemsComponent as ɵcw, VerticalItemsComponent as ɵcx, CodeEditorComponent as ɵd, CoreFacade as ɵe, CodeMirror6Core as ɵf, CountryPhonePickerService as ɵg, LocalizedCurrencyImpurePipe as ɵh, LocalizedBignumberPipe as ɵi, LocalizedBignumberImpurePipe as ɵj, EmptyStateGoBackComponent as ɵk, ProgressBarDeterminateComponent as ɵl, ProgressBarIndeterminateComponent as ɵm, FileUploadService as ɵn, FileItemComponent as ɵo, InfoSignComponent as ɵp, TableColumnsComponent as ɵq, TablePagingComponent as ɵr, AutocompleteFieldComponent as ɵs, BignumberFieldComponent as ɵt, BooleanFieldComponent as ɵu, BooleanSwitchFieldComponent as ɵv, CalendarFieldComponent as ɵw, ChipsFieldComponent as ɵx, CountryPhonePickerFieldComponent as ɵy, CurrencyFieldComponent as ɵz };
16662
16755
  //# sourceMappingURL=seniorsistemas-angular-components.js.map