@clr/angular 13.8.2 → 13.8.3

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 (20) hide show
  1. package/clarity.api.md +0 -2
  2. package/esm2020/forms/checkbox/checkbox-container.mjs +5 -5
  3. package/esm2020/forms/combobox/combobox-container.mjs +5 -5
  4. package/esm2020/forms/common/control-container.mjs +3 -3
  5. package/esm2020/forms/datalist/datalist-container.mjs +3 -3
  6. package/esm2020/forms/datepicker/date-container.mjs +3 -3
  7. package/esm2020/forms/input/input-container.mjs +3 -1
  8. package/esm2020/forms/password/password-container.mjs +3 -3
  9. package/esm2020/forms/radio/radio-container.mjs +3 -3
  10. package/esm2020/forms/range/range-container.mjs +3 -3
  11. package/esm2020/forms/select/select-container.mjs +3 -3
  12. package/esm2020/forms/textarea/textarea-container.mjs +3 -3
  13. package/esm2020/timeline/timeline-step.mjs +13 -6
  14. package/esm2020/wizard/wizard-stepnav-item.mjs +3 -3
  15. package/fesm2015/clr-angular.mjs +40 -31
  16. package/fesm2015/clr-angular.mjs.map +1 -1
  17. package/fesm2020/clr-angular.mjs +40 -31
  18. package/fesm2020/clr-angular.mjs.map +1 -1
  19. package/package.json +1 -1
  20. package/timeline/timeline-step.d.ts +0 -1
package/fesm2020/clr-angular.mjs CHANGED
@@ -3559,8 +3559,8 @@ ClrControlContainer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
3559
3559
  <cds-icon
3560
3560
  *ngIf="showInvalid"
3561
3561
  class="clr-validate-icon"
3562
- status="danger"
3563
3562
  shape="exclamation-circle"
3563
+ status="danger"
3564
3564
  aria-hidden="true"
3565
3565
  ></cds-icon>
3566
3566
  <cds-icon
@@ -3589,8 +3589,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
3589
3589
  <cds-icon
3590
3590
  *ngIf="showInvalid"
3591
3591
  class="clr-validate-icon"
3592
- status="danger"
3593
3592
  shape="exclamation-circle"
3593
+ status="danger"
3594
3594
  aria-hidden="true"
3595
3595
  ></cds-icon>
3596
3596
  <cds-icon
@@ -4278,15 +4278,15 @@ ClrCheckboxContainer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
4278
4278
  <cds-icon
4279
4279
  *ngIf="showInvalid"
4280
4280
  class="clr-validate-icon"
4281
- status="danger"
4282
4281
  shape="exclamation-circle"
4282
+ status="danger"
4283
4283
  aria-hidden="true"
4284
4284
  ></cds-icon>
4285
4285
  <cds-icon
4286
4286
  *ngIf="showValid"
4287
4287
  class="clr-validate-icon"
4288
- status="success"
4289
4288
  shape="check-circle"
4289
+ status="success"
4290
4290
  aria-hidden="true"
4291
4291
  ></cds-icon>
4292
4292
  <ng-content select="clr-control-error" *ngIf="showInvalid"></ng-content>
@@ -4308,15 +4308,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
4308
4308
  <cds-icon
4309
4309
  *ngIf="showInvalid"
4310
4310
  class="clr-validate-icon"
4311
- status="danger"
4312
4311
  shape="exclamation-circle"
4312
+ status="danger"
4313
4313
  aria-hidden="true"
4314
4314
  ></cds-icon>
4315
4315
  <cds-icon
4316
4316
  *ngIf="showValid"
4317
4317
  class="clr-validate-icon"
4318
- status="success"
4319
4318
  shape="check-circle"
4319
+ status="success"
4320
4320
  aria-hidden="true"
4321
4321
  ></cds-icon>
4322
4322
  <ng-content select="clr-control-error" *ngIf="showInvalid"></ng-content>
@@ -5389,15 +5389,15 @@ ClrComboboxContainer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
5389
5389
  <cds-icon
5390
5390
  *ngIf="showInvalid"
5391
5391
  class="clr-validate-icon"
5392
- status="danger"
5393
5392
  shape="exclamation-circle"
5393
+ status="danger"
5394
5394
  aria-hidden="true"
5395
5395
  ></cds-icon>
5396
5396
  <cds-icon
5397
5397
  *ngIf="showValid"
5398
5398
  class="clr-validate-icon"
5399
- status="success"
5400
5399
  shape="check-circle"
5400
+ status="success"
5401
5401
  aria-hidden="true"
5402
5402
  ></cds-icon>
5403
5403
  <ng-content select="clr-control-helper" *ngIf="showHelper"></ng-content>
@@ -5417,15 +5417,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
5417
5417
  <cds-icon
5418
5418
  *ngIf="showInvalid"
5419
5419
  class="clr-validate-icon"
5420
- status="danger"
5421
5420
  shape="exclamation-circle"
5421
+ status="danger"
5422
5422
  aria-hidden="true"
5423
5423
  ></cds-icon>
5424
5424
  <cds-icon
5425
5425
  *ngIf="showValid"
5426
5426
  class="clr-validate-icon"
5427
- status="success"
5428
5427
  shape="check-circle"
5428
+ status="success"
5429
5429
  aria-hidden="true"
5430
5430
  ></cds-icon>
5431
5431
  <ng-content select="clr-control-helper" *ngIf="showHelper"></ng-content>
@@ -6656,6 +6656,7 @@ ClrInputContainer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
6656
6656
  *ngIf="showInvalid"
6657
6657
  class="clr-validate-icon"
6658
6658
  shape="exclamation-circle"
6659
+ status="danger"
6659
6660
  aria-hidden="true"
6660
6661
  ></cds-icon>
6661
6662
  <cds-icon
@@ -6685,6 +6686,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
6685
6686
  *ngIf="showInvalid"
6686
6687
  class="clr-validate-icon"
6687
6688
  shape="exclamation-circle"
6689
+ status="danger"
6688
6690
  aria-hidden="true"
6689
6691
  ></cds-icon>
6690
6692
  <cds-icon
@@ -6887,8 +6889,8 @@ ClrDatalistContainer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
6887
6889
  <cds-icon
6888
6890
  *ngIf="showInvalid"
6889
6891
  class="clr-validate-icon"
6890
- status="danger"
6891
6892
  shape="exclamation-circle"
6893
+ status="danger"
6892
6894
  aria-hidden="true"
6893
6895
  ></cds-icon>
6894
6896
  <cds-icon
@@ -6920,8 +6922,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
6920
6922
  <cds-icon
6921
6923
  *ngIf="showInvalid"
6922
6924
  class="clr-validate-icon"
6923
- status="danger"
6924
6925
  shape="exclamation-circle"
6926
+ status="danger"
6925
6927
  aria-hidden="true"
6926
6928
  ></cds-icon>
6927
6929
  <cds-icon
@@ -9033,8 +9035,8 @@ ClrDateContainer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versi
9033
9035
  <cds-icon
9034
9036
  *ngIf="showInvalid"
9035
9037
  class="clr-validate-icon"
9036
- status="danger"
9037
9038
  shape="exclamation-circle"
9039
+ status="danger"
9038
9040
  aria-hidden="true"
9039
9041
  ></cds-icon>
9040
9042
  <cds-icon
@@ -9079,8 +9081,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
9079
9081
  <cds-icon
9080
9082
  *ngIf="showInvalid"
9081
9083
  class="clr-validate-icon"
9082
- status="danger"
9083
9084
  shape="exclamation-circle"
9085
+ status="danger"
9084
9086
  aria-hidden="true"
9085
9087
  ></cds-icon>
9086
9088
  <cds-icon
@@ -9533,8 +9535,8 @@ ClrPasswordContainer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
9533
9535
  <cds-icon
9534
9536
  *ngIf="showInvalid"
9535
9537
  class="clr-validate-icon"
9536
- status="danger"
9537
9538
  shape="exclamation-circle"
9539
+ status="danger"
9538
9540
  aria-hidden="true"
9539
9541
  ></cds-icon>
9540
9542
  <cds-icon
@@ -9577,8 +9579,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
9577
9579
  <cds-icon
9578
9580
  *ngIf="showInvalid"
9579
9581
  class="clr-validate-icon"
9580
- status="danger"
9581
9582
  shape="exclamation-circle"
9583
+ status="danger"
9582
9584
  aria-hidden="true"
9583
9585
  ></cds-icon>
9584
9586
  <cds-icon
@@ -9812,8 +9814,8 @@ ClrRadioContainer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
9812
9814
  <cds-icon
9813
9815
  *ngIf="showInvalid"
9814
9816
  class="clr-validate-icon"
9815
- status="danger"
9816
9817
  shape="exclamation-circle"
9818
+ status="danger"
9817
9819
  aria-hidden="true"
9818
9820
  ></cds-icon>
9819
9821
  <cds-icon
@@ -9842,8 +9844,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
9842
9844
  <cds-icon
9843
9845
  *ngIf="showInvalid"
9844
9846
  class="clr-validate-icon"
9845
- status="danger"
9846
9847
  shape="exclamation-circle"
9848
+ status="danger"
9847
9849
  aria-hidden="true"
9848
9850
  ></cds-icon>
9849
9851
  <cds-icon
@@ -9944,8 +9946,8 @@ ClrRangeContainer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
9944
9946
  <cds-icon
9945
9947
  *ngIf="showInvalid"
9946
9948
  class="clr-validate-icon"
9947
- status="danger"
9948
9949
  shape="exclamation-circle"
9950
+ status="danger"
9949
9951
  aria-hidden="true"
9950
9952
  ></cds-icon>
9951
9953
  <cds-icon
@@ -9975,8 +9977,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
9975
9977
  <cds-icon
9976
9978
  *ngIf="showInvalid"
9977
9979
  class="clr-validate-icon"
9978
- status="danger"
9979
9980
  shape="exclamation-circle"
9981
+ status="danger"
9980
9982
  aria-hidden="true"
9981
9983
  ></cds-icon>
9982
9984
  <cds-icon
@@ -10089,8 +10091,8 @@ ClrSelectContainer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
10089
10091
  <cds-icon
10090
10092
  *ngIf="showInvalid"
10091
10093
  class="clr-validate-icon"
10092
- status="danger"
10093
10094
  shape="exclamation-circle"
10095
+ status="danger"
10094
10096
  aria-hidden="true"
10095
10097
  ></cds-icon>
10096
10098
  <cds-icon
@@ -10119,8 +10121,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
10119
10121
  <cds-icon
10120
10122
  *ngIf="showInvalid"
10121
10123
  class="clr-validate-icon"
10122
- status="danger"
10123
10124
  shape="exclamation-circle"
10125
+ status="danger"
10124
10126
  aria-hidden="true"
10125
10127
  ></cds-icon>
10126
10128
  <cds-icon
@@ -10214,8 +10216,8 @@ ClrTextareaContainer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
10214
10216
  <cds-icon
10215
10217
  *ngIf="showInvalid"
10216
10218
  class="clr-validate-icon"
10217
- status="danger"
10218
10219
  shape="exclamation-circle"
10220
+ status="danger"
10219
10221
  aria-hidden="true"
10220
10222
  ></cds-icon>
10221
10223
  <cds-icon
@@ -10244,8 +10246,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
10244
10246
  <cds-icon
10245
10247
  *ngIf="showInvalid"
10246
10248
  class="clr-validate-icon"
10247
- status="danger"
10248
10249
  shape="exclamation-circle"
10250
+ status="danger"
10249
10251
  aria-hidden="true"
10250
10252
  ></cds-icon>
10251
10253
  <cds-icon
@@ -24584,9 +24586,6 @@ class ClrTimelineStep {
24584
24586
  this.stepTitleText = this.stepTitle.nativeElement.innerText;
24585
24587
  }
24586
24588
  }
24587
- get iconAriaCurrent() {
24588
- return this.state === ClrTimelineStepState.CURRENT;
24589
- }
24590
24589
  get iconAriaLabel() {
24591
24590
  return this.iconAttributeService.getAriaLabel(this.state);
24592
24591
  }
@@ -24605,7 +24604,12 @@ ClrTimelineStep.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
24605
24604
  <ng-content select="clr-timeline-step-header"></ng-content>
24606
24605
  <span class="clr-sr-only">{{ stepTitleText }}</span>
24607
24606
  <ng-container *ngIf="!isProcessing; else processing">
24608
- <cds-icon [attr.status]="iconStatus" [attr.shape]="iconShape" [attr.aria-label]="iconAriaLabel"></cds-icon>
24607
+ <cds-icon
24608
+ [attr.status]="iconStatus"
24609
+ [attr.shape]="iconShape"
24610
+ [attr.aria-label]="iconAriaLabel"
24611
+ role="img"
24612
+ ></cds-icon>
24609
24613
  </ng-container>
24610
24614
  <div class="clr-timeline-step-body">
24611
24615
  <ng-content select="clr-timeline-step-title"></ng-content>
@@ -24624,7 +24628,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
24624
24628
  <ng-content select="clr-timeline-step-header"></ng-content>
24625
24629
  <span class="clr-sr-only">{{ stepTitleText }}</span>
24626
24630
  <ng-container *ngIf="!isProcessing; else processing">
24627
- <cds-icon [attr.status]="iconStatus" [attr.shape]="iconShape" [attr.aria-label]="iconAriaLabel"></cds-icon>
24631
+ <cds-icon
24632
+ [attr.status]="iconStatus"
24633
+ [attr.shape]="iconShape"
24634
+ [attr.aria-label]="iconAriaLabel"
24635
+ role="img"
24636
+ ></cds-icon>
24628
24637
  </ng-container>
24629
24638
  <div class="clr-timeline-step-body">
24630
24639
  <ng-content select="clr-timeline-step-title"></ng-content>
@@ -26617,7 +26626,7 @@ class ClrWizardStepnavItem {
26617
26626
  }
26618
26627
  }
26619
26628
  ClrWizardStepnavItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ClrWizardStepnavItem, deps: [{ token: WizardNavigationService }, { token: PageCollectionService }, { token: ClrCommonStringsService }], target: i0.ɵɵFactoryTarget.Component });
26620
- ClrWizardStepnavItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ClrWizardStepnavItem, selector: "[clr-wizard-stepnav-item]", inputs: { page: "page" }, host: { properties: { "id": "id", "attr.aria-current": "stepAriaCurrent", "attr.aria-controls": "id", "class.clr-nav-link": "true", "class.nav-item": "true", "class.active": "isCurrent", "class.disabled": "isDisabled", "class.no-click": "!canNavigate", "class.complete": "isComplete", "class.error": "hasError" } }, ngImport: i0, template: `
26629
+ ClrWizardStepnavItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ClrWizardStepnavItem, selector: "[clr-wizard-stepnav-item]", inputs: { page: "page" }, host: { properties: { "id": "id", "attr.aria-current": "stepAriaCurrent", "attr.aria-controls": "page.id", "class.clr-nav-link": "true", "class.nav-item": "true", "class.active": "isCurrent", "class.disabled": "isDisabled", "class.no-click": "!canNavigate", "class.complete": "isComplete", "class.error": "hasError" } }, ngImport: i0, template: `
26621
26630
  <button
26622
26631
  type="button"
26623
26632
  class="btn btn-link clr-wizard-stepnav-link"
@@ -26670,7 +26679,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
26670
26679
  host: {
26671
26680
  '[id]': 'id',
26672
26681
  '[attr.aria-current]': 'stepAriaCurrent',
26673
- '[attr.aria-controls]': 'id',
26682
+ '[attr.aria-controls]': 'page.id',
26674
26683
  '[class.clr-nav-link]': 'true',
26675
26684
  '[class.nav-item]': 'true',
26676
26685
  '[class.active]': 'isCurrent',