@seniorsistemas/angular-components 16.10.15 → 16.10.17

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 (23) hide show
  1. package/bundles/seniorsistemas-angular-components.umd.js +43 -61
  2. package/bundles/seniorsistemas-angular-components.umd.js.map +1 -1
  3. package/bundles/seniorsistemas-angular-components.umd.min.js +12 -12
  4. package/bundles/seniorsistemas-angular-components.umd.min.js.map +1 -1
  5. package/components/timeline/models/timeline-item.d.ts +2 -0
  6. package/esm2015/components/file-upload/file-upload.component.js +4 -3
  7. package/esm2015/components/table/table-column/table-columns.component.js +3 -2
  8. package/esm2015/components/table/table-paging/table-paging.component.js +3 -2
  9. package/esm2015/components/timeline/components/timeline-icon-item/timeline-icon-item.component.js +2 -2
  10. package/esm2015/components/timeline/components/vertical-timeline/components/range-line/range-line.component.js +1 -1
  11. package/esm2015/components/timeline/models/timeline-item.js +2 -1
  12. package/esm5/components/file-upload/file-upload.component.js +4 -3
  13. package/esm5/components/table/table-column/table-columns.component.js +3 -2
  14. package/esm5/components/table/table-paging/table-paging.component.js +3 -2
  15. package/esm5/components/timeline/components/timeline-icon-item/timeline-icon-item.component.js +2 -2
  16. package/esm5/components/timeline/components/vertical-timeline/components/range-line/range-line.component.js +1 -1
  17. package/esm5/components/timeline/models/timeline-item.js +2 -1
  18. package/fesm2015/seniorsistemas-angular-components.js +26 -22
  19. package/fesm2015/seniorsistemas-angular-components.js.map +1 -1
  20. package/fesm5/seniorsistemas-angular-components.js +26 -22
  21. package/fesm5/seniorsistemas-angular-components.js.map +1 -1
  22. package/package.json +40 -40
  23. package/seniorsistemas-angular-components.metadata.json +1 -1
@@ -21,7 +21,7 @@ import { Dialog, DialogModule } from 'primeng/dialog';
21
21
  import { Table, TableService, RowToggler, TableModule as TableModule$1 } from 'primeng/table';
22
22
  import { applyMask, AlignmentOptions, CurrencyMaskDirective as CurrencyMaskDirective$1 } from '@seniorsistemas/ng2-currency-mask';
23
23
  import { user, service } from '@seniorsistemas/senior-platform-data';
24
- import * as moment$4 from 'moment';
24
+ import * as moment_ from 'moment';
25
25
  import { CookieService } from 'ngx-cookie-service';
26
26
  import { CurrencyMaskDirective } from 'ng2-currency-mask';
27
27
  import { ButtonModule as ButtonModule$1 } from 'primeng/button';
@@ -1715,7 +1715,7 @@ const DEFAULT_NUMBER_LOCALE_OPTIONS = new NumberLocaleOptions();
1715
1715
  */
1716
1716
  const DEFAULT_LOCALE_OPTIONS = new LocaleOptions();
1717
1717
 
1718
- const moment = moment$4; // @HACK Necessary because of https://github.com/rollup/rollup/issues/670
1718
+ const moment = moment_; // @HACK Necessary because of https://github.com/rollup/rollup/issues/670
1719
1719
  let LocaleService = class LocaleService {
1720
1720
  constructor(http, cookieService) {
1721
1721
  this.http = http;
@@ -1869,7 +1869,7 @@ LocalizedCurrencyImpurePipe = __decorate([
1869
1869
  })
1870
1870
  ], LocalizedCurrencyImpurePipe);
1871
1871
 
1872
- const moment$1 = moment$4; // @HACK Necessary because of https://github.com/rollup/rollup/issues/670
1872
+ const moment$1 = moment_; // @HACK Necessary because of https://github.com/rollup/rollup/issues/670
1873
1873
  let LocalizedDatePipe = class LocalizedDatePipe {
1874
1874
  constructor(localeService) {
1875
1875
  this.localeService = localeService;
@@ -1921,7 +1921,7 @@ LocalizedNumberPipe = __decorate([
1921
1921
  Pipe({ name: "localizedNumber" })
1922
1922
  ], LocalizedNumberPipe);
1923
1923
 
1924
- const moment$2 = moment$4; // @HACK Necessary because of https://github.com/rollup/rollup/issues/670
1924
+ const moment$2 = moment_; // @HACK Necessary because of https://github.com/rollup/rollup/issues/670
1925
1925
  let LocalizedTimePipe = class LocalizedTimePipe {
1926
1926
  constructor(localeService) {
1927
1927
  this.localeService = localeService;
@@ -3595,6 +3595,7 @@ FileUploadService = __decorate([
3595
3595
  ], FileUploadService);
3596
3596
 
3597
3597
  var FileUploadComponent_1;
3598
+ const moment$3 = moment_;
3598
3599
  let FileUploadComponent = FileUploadComponent_1 = class FileUploadComponent {
3599
3600
  constructor(sanitizer, fileUploadService, translate) {
3600
3601
  this.sanitizer = sanitizer;
@@ -3743,11 +3744,11 @@ let FileUploadComponent = FileUploadComponent_1 = class FileUploadComponent {
3743
3744
  .then(metadata => this.setModifiedDate(metadata));
3744
3745
  }
3745
3746
  setModifiedDate(metadata) {
3746
- const hour = moment$4(metadata.modified).format("HH");
3747
- const minutes = moment$4(metadata.modified).format("mm");
3748
- const day = moment$4(metadata.modified).format("DD");
3749
- const month = moment$4(metadata.modified).format("MM");
3750
- const fullYear = moment$4(metadata.modified).format("YYYY");
3747
+ const hour = moment$3(metadata.modified).format("HH");
3748
+ const minutes = moment$3(metadata.modified).format("mm");
3749
+ const day = moment$3(metadata.modified).format("DD");
3750
+ const month = moment$3(metadata.modified).format("MM");
3751
+ const fullYear = moment$3(metadata.modified).format("YYYY");
3751
3752
  this.modifiedDate = this.translate.instant("platform.angular_components.date_modified_custom_blob", { hour, minutes, day, month, fullYear });
3752
3753
  }
3753
3754
  };
@@ -3842,7 +3843,7 @@ FileUploadComponent = FileUploadComponent_1 = __decorate([
3842
3843
  Component({
3843
3844
  selector: "s-file-upload",
3844
3845
  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 [id]=\"id + 'upload-button'\"\n [label]=\"chooseLabel\"\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=\"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\">\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\">\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\"\n [pTooltip]=\"successTooltip\"\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}}\n </a>\n <a\n *ngIf=\"!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\">\n {{removeLabel}}\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",
3845
- 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;-ms-grid-row-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}}"]
3846
+ 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}}"]
3846
3847
  })
3847
3848
  ], FileUploadComponent);
3848
3849
 
@@ -5184,6 +5185,7 @@ var EnumBadgeColors;
5184
5185
  EnumBadgeColors["BLUE"] = "sds-semantic-blue";
5185
5186
  })(EnumBadgeColors || (EnumBadgeColors = {}));
5186
5187
 
5188
+ const moment$4 = moment_;
5187
5189
  let TableColumnsComponent = class TableColumnsComponent {
5188
5190
  constructor(viewContainerRef, translate, hostProjectConfigs) {
5189
5191
  this.viewContainerRef = viewContainerRef;
@@ -5489,6 +5491,7 @@ TokenListModule = __decorate([
5489
5491
  })
5490
5492
  ], TokenListModule);
5491
5493
 
5494
+ const moment$5 = moment_;
5492
5495
  let TablePagingComponent = class TablePagingComponent {
5493
5496
  constructor(translate, hostProjectConfigs) {
5494
5497
  this.translate = translate;
@@ -5646,7 +5649,7 @@ let TablePagingComponent = class TablePagingComponent {
5646
5649
  getExportFileName() {
5647
5650
  var _a;
5648
5651
  const fileName = (_a = this.exportFileName) !== null && _a !== void 0 ? _a : "download";
5649
- const currentDate = moment$4(new Date()).format("DD-MM-YYYY[_]HH:mm");
5652
+ const currentDate = moment$5(new Date()).format("DD-MM-YYYY[_]HH:mm");
5650
5653
  return `${fileName}_${currentDate}`;
5651
5654
  }
5652
5655
  exportCurrentPage() {
@@ -7165,7 +7168,7 @@ var CustomFieldType;
7165
7168
  CustomFieldType["Any"] = "Any";
7166
7169
  CustomFieldType["Enum"] = "Enum";
7167
7170
  })(CustomFieldType || (CustomFieldType = {}));
7168
- const moment$3 = moment$4; // @HACK Necessary because of https://github.com/rollup/rollup/issues/670
7171
+ const moment$6 = moment_; // @HACK Necessary because of https://github.com/rollup/rollup/issues/670
7169
7172
  let CustomFieldsComponent = CustomFieldsComponent_1 = class CustomFieldsComponent {
7170
7173
  constructor(customFieldsService, localeService, sanitizer, translateService, controlContainer) {
7171
7174
  this.customFieldsService = customFieldsService;
@@ -7332,16 +7335,16 @@ let CustomFieldsComponent = CustomFieldsComponent_1 = class CustomFieldsComponen
7332
7335
  return;
7333
7336
  switch (type) {
7334
7337
  case FieldType.Date:
7335
- parsedValues[name] = moment$3(value).toDate();
7338
+ parsedValues[name] = moment$6(value).toDate();
7336
7339
  break;
7337
7340
  case FieldType.DateTime:
7338
- parsedValues[name] = moment$3(value).toDate();
7341
+ parsedValues[name] = moment$6(value).toDate();
7339
7342
  break;
7340
7343
  case FieldType.LocalDateTime:
7341
- parsedValues[name] = moment$3(value, "YYYY-MM-DD[T]HH:mm:ss.SSS").toDate();
7344
+ parsedValues[name] = moment$6(value, "YYYY-MM-DD[T]HH:mm:ss.SSS").toDate();
7342
7345
  break;
7343
7346
  case FieldType.Time:
7344
- parsedValues[name] = moment$3(value, "HH:mm:ss").toDate();
7347
+ parsedValues[name] = moment$6(value, "HH:mm:ss").toDate();
7345
7348
  break;
7346
7349
  }
7347
7350
  });
@@ -7372,16 +7375,16 @@ let CustomFieldsComponent = CustomFieldsComponent_1 = class CustomFieldsComponen
7372
7375
  value = new BigNumber(value).toFixed(scale).toString();
7373
7376
  break;
7374
7377
  case FieldType.Date:
7375
- value = moment$3(value).format("YYYY-MM-DD");
7378
+ value = moment$6(value).format("YYYY-MM-DD");
7376
7379
  break;
7377
7380
  case FieldType.DateTime:
7378
- value = moment$3(value).format();
7381
+ value = moment$6(value).format();
7379
7382
  break;
7380
7383
  case FieldType.LocalDateTime:
7381
- value = moment$3(value).format("YYYY-MM-DD[T]HH:mm:ss.SSS");
7384
+ value = moment$6(value).format("YYYY-MM-DD[T]HH:mm:ss.SSS");
7382
7385
  break;
7383
7386
  case FieldType.Time:
7384
- value = moment$3(value).format("HH:mm:ss");
7387
+ value = moment$6(value).format("HH:mm:ss");
7385
7388
  break;
7386
7389
  }
7387
7390
  }
@@ -8959,7 +8962,7 @@ __decorate([
8959
8962
  TimelineIconItemComponent = __decorate([
8960
8963
  Component({
8961
8964
  selector: "s-timeline-icon-item",
8962
- template: "<ng-container *ngIf=\"item\">\n <div\n class=\"timeline__icon-item\"\n [ngClass]=\"{\n 'timeline__icon-item--small': item.testSize('small'),\n 'timeline__icon-item--normal': item.testSize('normal'),\n 'timeline__icon-item--warning': item.testSeverity('warning'),\n 'timeline__icon-item--error': item.testSeverity('error'),\n 'timeline__icon-item--completed': isComplete,\n 'timeline__icon-item--active': isActive\n }\">\n <div\n class=\"timeline__icon-item__icon\"\n [pTooltip]=\"item.tooltip\"\n tooltipPosition=\"top\">\n <ng-content *ngIf=\"item.icon; then icon_content; else label_text_content\"></ng-content>\n <ng-template #icon_content>\n <span [ngClass]=\"item.icon\"></span>\n </ng-template>\n <ng-template #label_text_content>\n <span class=\"timeline__icon-item__icon__label\">\n {{ item.label }}\n </span>\n </ng-template>\n </div>\n </div>\n</ng-container>\n",
8965
+ template: "<ng-container *ngIf=\"item\">\n <div\n class=\"timeline__icon-item\"\n [ngClass]=\"{\n 'timeline__icon-item--small': item.testSize('small'),\n 'timeline__icon-item--normal': item.testSize('normal'),\n 'timeline__icon-item--warning': item.testSeverity('warning'),\n 'timeline__icon-item--error': item.testSeverity('error'),\n 'timeline__icon-item--completed': isComplete,\n 'timeline__icon-item--active': isActive\n }\">\n <div\n class=\"timeline__icon-item__icon\"\n [pTooltip]=\"item.tooltip\"\n tooltipPosition=\"top\"\n [ngStyle]=\"{ backgroundColor: item.color }\">\n <ng-content *ngIf=\"item.icon; then icon_content; else label_text_content\"></ng-content>\n <ng-template #icon_content>\n <span [ngClass]=\"item.icon\"></span>\n </ng-template>\n <ng-template #label_text_content>\n <span class=\"timeline__icon-item__icon__label\">\n {{ item.label }}\n </span>\n </ng-template>\n </div>\n </div>\n</ng-container>\n",
8963
8966
  styles: [".timeline__icon-item .timeline__icon-item__icon{-ms-flex-align:center;align-items:center;background-color:#697882;border-radius:50%;color:#fff;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin:4px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.timeline__icon-item .timeline__icon-item__icon .timeline__icon-item__icon__label{font-family:\"Open Sans\",sans-serif}.timeline__icon-item.timeline__icon-item--small .timeline__icon-item__icon{font-size:0;height:16px;width:16px}.timeline__icon-item.timeline__icon-item--normal .timeline__icon-item__icon{font-size:10px;height:24px;padding:8px;width:24px}.timeline__icon-item.timeline__icon-item--normal .timeline__icon-item__icon .timeline__icon-item__icon__label{font-size:14px}.timeline__icon-item.timeline__icon-item--active .timeline__icon-item__icon{font-size:20px;height:40px;padding:10px;width:40px}.timeline__icon-item.timeline__icon-item--active .timeline__icon-item__icon .timeline__icon-item__icon__label{font-size:22px}.timeline__icon-item.timeline__icon-item--active .timeline__icon-item__icon,.timeline__icon-item.timeline__icon-item--completed .timeline__icon-item__icon{background-color:#0c9348}.timeline__icon-item.timeline__icon-item--warning.timeline__icon-item--active .timeline__icon-item__icon{background-color:#fcbf10;color:#333}.timeline__icon-item.timeline__icon-item--danger.timeline__icon-item--active .timeline__icon-item__icon{background-color:#f8931f;color:#333}.timeline__icon-item.timeline__icon-item--error.timeline__icon-item--active .timeline__icon-item__icon{background-color:#c13018}"]
8964
8967
  })
8965
8968
  ], TimelineIconItemComponent);
@@ -9063,7 +9066,7 @@ RangeLineComponent = __decorate([
9063
9066
  Component({
9064
9067
  selector: "s-range-line",
9065
9068
  template: "<div class=\"range-line\">\n <div class=\"range-line__horizontal\"></div>\n <div class=\"range-line__vertical\"></div>\n <div class=\"range-line__horizontal\"></div>\n</div>\n",
9066
- styles: [".range-line{-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:20px;height:100%}.range-line .range-line__horizontal{background-color:#ccc;height:3px;width:100%}.range-line .range-line__vertical{background-color:#ccc;height:100%;width:3px}s-range-line{background-color:#add8e6}"]
9069
+ styles: [".range-line{-ms-flex-item-align:stretch;align-self:stretch;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:20px;height:100%}.range-line .range-line__horizontal{background-color:#ccc;height:3px;width:100%}.range-line .range-line__vertical{background-color:#ccc;height:100%;width:3px}s-range-line{background-color:#add8e6}"]
9067
9070
  })
9068
9071
  ], RangeLineComponent);
9069
9072
 
@@ -9206,6 +9209,7 @@ class TimelineItem {
9206
9209
  this.tooltip = params.tooltip;
9207
9210
  this.size = params.size || TimelineItemSize.Normal;
9208
9211
  this.severity = params.severity || TimelineItemSeverity.Normal;
9212
+ this.color = params.color;
9209
9213
  this.checkItemIconContent();
9210
9214
  }
9211
9215
  checkItemIconContent() {