@clr/angular 12.4.0 → 12.4.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/clr-angular.umd.js +18 -22
- package/bundles/clr-angular.umd.js.map +1 -1
- package/clarity.api.md +0 -2
- package/clr-angular.metadata.json +1 -1
- package/esm2015/data/datagrid/built-in/filters/datagrid-property-numeric-filter.js +6 -3
- package/esm2015/forms/checkbox/checkbox-container.js +3 -3
- package/esm2015/forms/combobox/combobox-container.js +3 -3
- package/esm2015/forms/common/control-container.js +2 -2
- package/esm2015/forms/datalist/datalist-container.js +2 -2
- package/esm2015/forms/datepicker/date-container.js +2 -2
- package/esm2015/forms/input/input-container.js +2 -1
- package/esm2015/forms/password/password-container.js +2 -2
- package/esm2015/forms/radio/radio-container.js +2 -2
- package/esm2015/forms/range/range-container.js +2 -2
- package/esm2015/forms/select/select-container.js +2 -2
- package/esm2015/forms/textarea/textarea-container.js +2 -2
- package/esm2015/timeline/timeline-step.js +2 -5
- package/esm2015/wizard/wizard-stepnav-item.js +2 -2
- package/fesm2015/clr-angular.js +20 -19
- package/fesm2015/clr-angular.js.map +1 -1
- package/package.json +1 -1
- package/timeline/timeline-step.d.ts +0 -1
|
@@ -3857,7 +3857,7 @@
|
|
|
3857
3857
|
ClrControlContainer.decorators = [
|
|
3858
3858
|
{ type: i0.Component, args: [{
|
|
3859
3859
|
selector: 'clr-control-container',
|
|
3860
|
-
template: "\n <ng-content select=\"label\"></ng-content>\n <label *ngIf=\"!label && addGrid()\"></label>\n <div class=\"clr-control-container\" [ngClass]=\"controlClass()\">\n <div class=\"clr-input-wrapper\">\n <ng-content></ng-content>\n <cds-icon\n *ngIf=\"showInvalid\"\n class=\"clr-validate-icon\"\n
|
|
3860
|
+
template: "\n <ng-content select=\"label\"></ng-content>\n <label *ngIf=\"!label && addGrid()\"></label>\n <div class=\"clr-control-container\" [ngClass]=\"controlClass()\">\n <div class=\"clr-input-wrapper\">\n <ng-content></ng-content>\n <cds-icon\n *ngIf=\"showInvalid\"\n class=\"clr-validate-icon\"\n shape=\"exclamation-circle\"\n status=\"danger\"\n aria-hidden=\"true\"\n ></cds-icon>\n <cds-icon\n *ngIf=\"showValid\"\n class=\"clr-validate-icon\"\n shape=\"check-circle\"\n status=\"success\"\n aria-hidden=\"true\"\n ></cds-icon>\n </div>\n <ng-content select=\"clr-control-helper\" *ngIf=\"showHelper\"></ng-content>\n <ng-content select=\"clr-control-error\" *ngIf=\"showInvalid\"></ng-content>\n <ng-content select=\"clr-control-success\" *ngIf=\"showValid\"></ng-content>\n </div>\n ",
|
|
3861
3861
|
host: {
|
|
3862
3862
|
'[class.clr-form-control]': 'true',
|
|
3863
3863
|
'[class.clr-form-control-disabled]': 'control?.disabled',
|
|
@@ -4501,7 +4501,7 @@
|
|
|
4501
4501
|
ClrCheckboxContainer.decorators = [
|
|
4502
4502
|
{ type: i0.Component, args: [{
|
|
4503
4503
|
selector: 'clr-checkbox-container,clr-toggle-container',
|
|
4504
|
-
template: "\n <ng-content select=\"label\"></ng-content>\n <label *ngIf=\"!label && addGrid()\"></label>\n <div class=\"clr-control-container\" [class.clr-control-inline]=\"clrInline\" [ngClass]=\"controlClass()\">\n <ng-content select=\"clr-checkbox-wrapper,clr-toggle-wrapper\"></ng-content>\n <div class=\"clr-subtext-wrapper\">\n <ng-content select=\"clr-control-helper\" *ngIf=\"showHelper\"></ng-content>\n <cds-icon\n *ngIf=\"showInvalid\"\n class=\"clr-validate-icon\"\n
|
|
4504
|
+
template: "\n <ng-content select=\"label\"></ng-content>\n <label *ngIf=\"!label && addGrid()\"></label>\n <div class=\"clr-control-container\" [class.clr-control-inline]=\"clrInline\" [ngClass]=\"controlClass()\">\n <ng-content select=\"clr-checkbox-wrapper,clr-toggle-wrapper\"></ng-content>\n <div class=\"clr-subtext-wrapper\">\n <ng-content select=\"clr-control-helper\" *ngIf=\"showHelper\"></ng-content>\n <cds-icon\n *ngIf=\"showInvalid\"\n class=\"clr-validate-icon\"\n shape=\"exclamation-circle\"\n status=\"danger\"\n aria-hidden=\"true\"\n ></cds-icon>\n <cds-icon\n *ngIf=\"showValid\"\n class=\"clr-validate-icon\"\n shape=\"check-circle\"\n status=\"success\"\n aria-hidden=\"true\"\n ></cds-icon>\n <ng-content select=\"clr-control-error\" *ngIf=\"showInvalid\"></ng-content>\n <ng-content select=\"clr-control-success\" *ngIf=\"showValid\"></ng-content>\n </div>\n </div>\n ",
|
|
4505
4505
|
host: {
|
|
4506
4506
|
'[class.clr-form-control]': 'true',
|
|
4507
4507
|
'[class.clr-form-control-disabled]': 'control?.disabled',
|
|
@@ -5625,7 +5625,7 @@
|
|
|
5625
5625
|
ClrComboboxContainer.decorators = [
|
|
5626
5626
|
{ type: i0.Component, args: [{
|
|
5627
5627
|
selector: 'clr-combobox-container',
|
|
5628
|
-
template: "\n <ng-content select=\"label\"></ng-content>\n <label *ngIf=\"!label && addGrid()\"></label>\n <div class=\"clr-control-container\" [ngClass]=\"controlClass()\" #controlContainer>\n <ng-content select=\"clr-combobox\"></ng-content>\n <cds-icon\n *ngIf=\"showInvalid\"\n class=\"clr-validate-icon\"\n
|
|
5628
|
+
template: "\n <ng-content select=\"label\"></ng-content>\n <label *ngIf=\"!label && addGrid()\"></label>\n <div class=\"clr-control-container\" [ngClass]=\"controlClass()\" #controlContainer>\n <ng-content select=\"clr-combobox\"></ng-content>\n <cds-icon\n *ngIf=\"showInvalid\"\n class=\"clr-validate-icon\"\n shape=\"exclamation-circle\"\n status=\"danger\"\n aria-hidden=\"true\"\n ></cds-icon>\n <cds-icon\n *ngIf=\"showValid\"\n class=\"clr-validate-icon\"\n shape=\"check-circle\"\n status=\"success\"\n aria-hidden=\"true\"\n ></cds-icon>\n <ng-content select=\"clr-control-helper\" *ngIf=\"showHelper\"></ng-content>\n <ng-content select=\"clr-control-error\" *ngIf=\"showInvalid\"></ng-content>\n <ng-content select=\"clr-control-success\" *ngIf=\"showValid\"></ng-content>\n </div>\n ",
|
|
5629
5629
|
host: {
|
|
5630
5630
|
'[class.clr-form-control]': 'true',
|
|
5631
5631
|
'[class.clr-combobox-form-control]': 'true',
|
|
@@ -6875,7 +6875,7 @@
|
|
|
6875
6875
|
ClrInputContainer.decorators = [
|
|
6876
6876
|
{ type: i0.Component, args: [{
|
|
6877
6877
|
selector: 'clr-input-container',
|
|
6878
|
-
template: "\n <ng-content select=\"label\"></ng-content>\n <label *ngIf=\"!label && addGrid()\"></label>\n <div class=\"clr-control-container\" [ngClass]=\"controlClass()\">\n <div class=\"clr-input-wrapper\">\n <ng-content select=\"[clrInput]\"></ng-content>\n <cds-icon\n *ngIf=\"showInvalid\"\n class=\"clr-validate-icon\"\n shape=\"exclamation-circle\"\n aria-hidden=\"true\"\n ></cds-icon>\n <cds-icon\n *ngIf=\"showValid\"\n class=\"clr-validate-icon\"\n shape=\"check-circle\"\n status=\"success\"\n aria-hidden=\"true\"\n ></cds-icon>\n </div>\n <ng-content select=\"clr-control-helper\" *ngIf=\"showHelper\"></ng-content>\n <ng-content select=\"clr-control-error\" *ngIf=\"showInvalid\"></ng-content>\n <ng-content select=\"clr-control-success\" *ngIf=\"showValid\"></ng-content>\n </div>\n ",
|
|
6878
|
+
template: "\n <ng-content select=\"label\"></ng-content>\n <label *ngIf=\"!label && addGrid()\"></label>\n <div class=\"clr-control-container\" [ngClass]=\"controlClass()\">\n <div class=\"clr-input-wrapper\">\n <ng-content select=\"[clrInput]\"></ng-content>\n <cds-icon\n *ngIf=\"showInvalid\"\n class=\"clr-validate-icon\"\n shape=\"exclamation-circle\"\n status=\"danger\"\n aria-hidden=\"true\"\n ></cds-icon>\n <cds-icon\n *ngIf=\"showValid\"\n class=\"clr-validate-icon\"\n shape=\"check-circle\"\n status=\"success\"\n aria-hidden=\"true\"\n ></cds-icon>\n </div>\n <ng-content select=\"clr-control-helper\" *ngIf=\"showHelper\"></ng-content>\n <ng-content select=\"clr-control-error\" *ngIf=\"showInvalid\"></ng-content>\n <ng-content select=\"clr-control-success\" *ngIf=\"showValid\"></ng-content>\n </div>\n ",
|
|
6879
6879
|
host: {
|
|
6880
6880
|
'[class.clr-form-control]': 'true',
|
|
6881
6881
|
'[class.clr-form-control-disabled]': 'control?.disabled',
|
|
@@ -7059,7 +7059,7 @@
|
|
|
7059
7059
|
ClrDatalistContainer.decorators = [
|
|
7060
7060
|
{ type: i0.Component, args: [{
|
|
7061
7061
|
selector: 'clr-datalist-container',
|
|
7062
|
-
template: "\n <ng-content select=\"label\"></ng-content>\n <label *ngIf=\"!label && addGrid()\"></label>\n <div class=\"clr-control-container\" [ngClass]=\"controlClass()\">\n <div class=\"clr-input-wrapper\">\n <div class=\"clr-input-group\" [class.clr-focus]=\"focus\">\n <ng-content select=\"[clrDatalistInput]\"></ng-content>\n <ng-content select=\"datalist\"></ng-content>\n </div>\n <cds-icon\n *ngIf=\"showInvalid\"\n class=\"clr-validate-icon\"\n
|
|
7062
|
+
template: "\n <ng-content select=\"label\"></ng-content>\n <label *ngIf=\"!label && addGrid()\"></label>\n <div class=\"clr-control-container\" [ngClass]=\"controlClass()\">\n <div class=\"clr-input-wrapper\">\n <div class=\"clr-input-group\" [class.clr-focus]=\"focus\">\n <ng-content select=\"[clrDatalistInput]\"></ng-content>\n <ng-content select=\"datalist\"></ng-content>\n </div>\n <cds-icon\n *ngIf=\"showInvalid\"\n class=\"clr-validate-icon\"\n shape=\"exclamation-circle\"\n status=\"danger\"\n aria-hidden=\"true\"\n ></cds-icon>\n <cds-icon\n *ngIf=\"showValid\"\n class=\"clr-validate-icon\"\n shape=\"check-circle\"\n status=\"success\"\n aria-hidden=\"true\"\n ></cds-icon>\n </div>\n <ng-content select=\"clr-control-helper\" *ngIf=\"showHelper\"></ng-content>\n <ng-content select=\"clr-control-error\" *ngIf=\"showInvalid\"></ng-content>\n <ng-content select=\"clr-control-success\" *ngIf=\"showValid\"></ng-content>\n </div>\n ",
|
|
7063
7063
|
host: {
|
|
7064
7064
|
'[class.clr-form-control]': 'true',
|
|
7065
7065
|
'[class.clr-form-control-disabled]': 'control?.disabled',
|
|
@@ -8657,7 +8657,7 @@
|
|
|
8657
8657
|
ClrDateContainer.decorators = [
|
|
8658
8658
|
{ type: i0.Component, args: [{
|
|
8659
8659
|
selector: 'clr-date-container',
|
|
8660
|
-
template: "\n <ng-content select=\"label\"></ng-content>\n <label *ngIf=\"!label && addGrid()\"></label>\n <div class=\"clr-control-container\" [ngClass]=\"controlClass()\">\n <div class=\"clr-input-wrapper\" clrPopoverAnchor>\n <div class=\"clr-input-group\" [class.clr-focus]=\"focus\">\n <ng-content select=\"[clrDate]\"></ng-content>\n <button\n #actionButton\n type=\"button\"\n clrPopoverOpenCloseButton\n class=\"clr-input-group-icon-action\"\n [disabled]=\"isInputDateDisabled\"\n *ngIf=\"isEnabled\"\n >\n <cds-icon status=\"info\" shape=\"calendar\"></cds-icon>\n </button>\n <clr-datepicker-view-manager\n *clrPopoverContent=\"open; at: popoverPosition; outsideClickToClose: true; scrollToClose: true\"\n clrFocusTrap\n ></clr-datepicker-view-manager>\n </div>\n <cds-icon\n *ngIf=\"showInvalid\"\n class=\"clr-validate-icon\"\n
|
|
8660
|
+
template: "\n <ng-content select=\"label\"></ng-content>\n <label *ngIf=\"!label && addGrid()\"></label>\n <div class=\"clr-control-container\" [ngClass]=\"controlClass()\">\n <div class=\"clr-input-wrapper\" clrPopoverAnchor>\n <div class=\"clr-input-group\" [class.clr-focus]=\"focus\">\n <ng-content select=\"[clrDate]\"></ng-content>\n <button\n #actionButton\n type=\"button\"\n clrPopoverOpenCloseButton\n class=\"clr-input-group-icon-action\"\n [disabled]=\"isInputDateDisabled\"\n *ngIf=\"isEnabled\"\n >\n <cds-icon status=\"info\" shape=\"calendar\"></cds-icon>\n </button>\n <clr-datepicker-view-manager\n *clrPopoverContent=\"open; at: popoverPosition; outsideClickToClose: true; scrollToClose: true\"\n clrFocusTrap\n ></clr-datepicker-view-manager>\n </div>\n <cds-icon\n *ngIf=\"showInvalid\"\n class=\"clr-validate-icon\"\n shape=\"exclamation-circle\"\n status=\"danger\"\n aria-hidden=\"true\"\n ></cds-icon>\n <cds-icon\n *ngIf=\"showValid\"\n class=\"clr-validate-icon\"\n shape=\"check-circle\"\n status=\"success\"\n aria-hidden=\"true\"\n ></cds-icon>\n </div>\n <ng-content select=\"clr-control-helper\" *ngIf=\"showHelper\"></ng-content>\n <ng-content select=\"clr-control-error\" *ngIf=\"showInvalid\"></ng-content>\n <ng-content select=\"clr-control-success\" *ngIf=\"showValid\"></ng-content>\n </div>\n ",
|
|
8661
8661
|
providers: [
|
|
8662
8662
|
ControlIdService,
|
|
8663
8663
|
ClrPopoverToggleService,
|
|
@@ -9591,7 +9591,7 @@
|
|
|
9591
9591
|
ClrPasswordContainer.decorators = [
|
|
9592
9592
|
{ type: i0.Component, args: [{
|
|
9593
9593
|
selector: 'clr-password-container',
|
|
9594
|
-
template: "\n <ng-content select=\"label\"></ng-content>\n <label *ngIf=\"!label && addGrid()\"></label>\n <div class=\"clr-control-container\" [ngClass]=\"controlClass()\">\n <div class=\"clr-input-wrapper\">\n <div class=\"clr-input-group\" [class.clr-focus]=\"focus\">\n <ng-content select=\"[clrPassword]\"></ng-content>\n <button\n *ngIf=\"clrToggle\"\n (click)=\"toggle()\"\n [disabled]=\"control?.disabled\"\n class=\"clr-input-group-icon-action\"\n type=\"button\"\n >\n <cds-icon status=\"info\" [attr.shape]=\"show ? 'eye-hide' : 'eye'\"></cds-icon>\n <span class=\"clr-sr-only\">\n {{ show ? commonStrings.keys.passwordHide : commonStrings.keys.passwordShow }}\n </span>\n </button>\n </div>\n <cds-icon\n *ngIf=\"showInvalid\"\n class=\"clr-validate-icon\"\n
|
|
9594
|
+
template: "\n <ng-content select=\"label\"></ng-content>\n <label *ngIf=\"!label && addGrid()\"></label>\n <div class=\"clr-control-container\" [ngClass]=\"controlClass()\">\n <div class=\"clr-input-wrapper\">\n <div class=\"clr-input-group\" [class.clr-focus]=\"focus\">\n <ng-content select=\"[clrPassword]\"></ng-content>\n <button\n *ngIf=\"clrToggle\"\n (click)=\"toggle()\"\n [disabled]=\"control?.disabled\"\n class=\"clr-input-group-icon-action\"\n type=\"button\"\n >\n <cds-icon status=\"info\" [attr.shape]=\"show ? 'eye-hide' : 'eye'\"></cds-icon>\n <span class=\"clr-sr-only\">\n {{ show ? commonStrings.keys.passwordHide : commonStrings.keys.passwordShow }}\n </span>\n </button>\n </div>\n <cds-icon\n *ngIf=\"showInvalid\"\n class=\"clr-validate-icon\"\n shape=\"exclamation-circle\"\n status=\"danger\"\n aria-hidden=\"true\"\n ></cds-icon>\n <cds-icon\n *ngIf=\"showValid\"\n class=\"clr-validate-icon\"\n shape=\"check-circle\"\n status=\"success\"\n aria-hidden=\"true\"\n ></cds-icon>\n </div>\n <ng-content select=\"clr-control-helper\" *ngIf=\"showHelper\"></ng-content>\n <ng-content select=\"clr-control-error\" *ngIf=\"showInvalid\"></ng-content>\n <ng-content select=\"clr-control-success\" *ngIf=\"showValid\"></ng-content>\n </div>\n ",
|
|
9595
9595
|
host: {
|
|
9596
9596
|
'[class.clr-form-control]': 'true',
|
|
9597
9597
|
'[class.clr-form-control-disabled]': 'control?.disabled',
|
|
@@ -9785,7 +9785,7 @@
|
|
|
9785
9785
|
ClrRadioContainer.decorators = [
|
|
9786
9786
|
{ type: i0.Component, args: [{
|
|
9787
9787
|
selector: 'clr-radio-container',
|
|
9788
|
-
template: "\n <ng-content select=\"label\"></ng-content>\n <label *ngIf=\"!label && addGrid()\"></label>\n <div class=\"clr-control-container\" [class.clr-control-inline]=\"clrInline\" [ngClass]=\"controlClass()\">\n <ng-content select=\"clr-radio-wrapper\"></ng-content>\n <div class=\"clr-subtext-wrapper\">\n <ng-content select=\"clr-control-helper\" *ngIf=\"showHelper\"></ng-content>\n <cds-icon\n *ngIf=\"showInvalid\"\n class=\"clr-validate-icon\"\n
|
|
9788
|
+
template: "\n <ng-content select=\"label\"></ng-content>\n <label *ngIf=\"!label && addGrid()\"></label>\n <div class=\"clr-control-container\" [class.clr-control-inline]=\"clrInline\" [ngClass]=\"controlClass()\">\n <ng-content select=\"clr-radio-wrapper\"></ng-content>\n <div class=\"clr-subtext-wrapper\">\n <ng-content select=\"clr-control-helper\" *ngIf=\"showHelper\"></ng-content>\n <cds-icon\n *ngIf=\"showInvalid\"\n class=\"clr-validate-icon\"\n shape=\"exclamation-circle\"\n status=\"danger\"\n aria-hidden=\"true\"\n ></cds-icon>\n <cds-icon\n *ngIf=\"showValid\"\n class=\"clr-validate-icon\"\n shape=\"check-circle\"\n status=\"success\"\n aria-hidden=\"true\"\n ></cds-icon>\n <ng-content select=\"clr-control-error\" *ngIf=\"showInvalid\"></ng-content>\n <ng-content select=\"clr-control-success\" *ngIf=\"showValid\"></ng-content>\n </div>\n </div>\n ",
|
|
9789
9789
|
host: {
|
|
9790
9790
|
'[class.clr-form-control]': 'true',
|
|
9791
9791
|
'[class.clr-form-control-disabled]': 'control?.disabled',
|
|
@@ -9868,7 +9868,7 @@
|
|
|
9868
9868
|
ClrRangeContainer.decorators = [
|
|
9869
9869
|
{ type: i0.Component, args: [{
|
|
9870
9870
|
selector: 'clr-range-container',
|
|
9871
|
-
template: "\n <ng-content select=\"label\"></ng-content>\n <label *ngIf=\"!label && addGrid()\"></label>\n <div class=\"clr-control-container\" [ngClass]=\"controlClass()\">\n <div class=\"clr-range-wrapper\" [class.progress-fill]=\"hasProgress\">\n <ng-content select=\"[clrRange]\"></ng-content>\n <span *ngIf=\"hasProgress\" class=\"fill-input\" [style.width]=\"getRangeProgressFillWidth()\"></span>\n <cds-icon\n *ngIf=\"showInvalid\"\n class=\"clr-validate-icon\"\n
|
|
9871
|
+
template: "\n <ng-content select=\"label\"></ng-content>\n <label *ngIf=\"!label && addGrid()\"></label>\n <div class=\"clr-control-container\" [ngClass]=\"controlClass()\">\n <div class=\"clr-range-wrapper\" [class.progress-fill]=\"hasProgress\">\n <ng-content select=\"[clrRange]\"></ng-content>\n <span *ngIf=\"hasProgress\" class=\"fill-input\" [style.width]=\"getRangeProgressFillWidth()\"></span>\n <cds-icon\n *ngIf=\"showInvalid\"\n class=\"clr-validate-icon\"\n shape=\"exclamation-circle\"\n status=\"danger\"\n aria-hidden=\"true\"\n ></cds-icon>\n <cds-icon\n *ngIf=\"showValid\"\n class=\"clr-validate-icon\"\n shape=\"check-circle\"\n status=\"success\"\n aria-hidden=\"true\"\n ></cds-icon>\n </div>\n <ng-content select=\"clr-control-helper\" *ngIf=\"showHelper\"></ng-content>\n <ng-content select=\"clr-control-error\" *ngIf=\"showInvalid\"></ng-content>\n <ng-content select=\"clr-control-success\" *ngIf=\"showValid\"></ng-content>\n </div>\n ",
|
|
9872
9872
|
host: {
|
|
9873
9873
|
'[class.clr-form-control]': 'true',
|
|
9874
9874
|
'[class.clr-form-control-disabled]': 'control?.disabled',
|
|
@@ -9960,7 +9960,7 @@
|
|
|
9960
9960
|
ClrSelectContainer.decorators = [
|
|
9961
9961
|
{ type: i0.Component, args: [{
|
|
9962
9962
|
selector: 'clr-select-container',
|
|
9963
|
-
template: "\n <ng-content select=\"label\"></ng-content>\n <label *ngIf=\"!label && addGrid()\"></label>\n <div class=\"clr-control-container\" [ngClass]=\"controlClass()\">\n <div [ngClass]=\"wrapperClass()\">\n <ng-content select=\"[clrSelect]\"></ng-content>\n <cds-icon\n *ngIf=\"showInvalid\"\n class=\"clr-validate-icon\"\n
|
|
9963
|
+
template: "\n <ng-content select=\"label\"></ng-content>\n <label *ngIf=\"!label && addGrid()\"></label>\n <div class=\"clr-control-container\" [ngClass]=\"controlClass()\">\n <div [ngClass]=\"wrapperClass()\">\n <ng-content select=\"[clrSelect]\"></ng-content>\n <cds-icon\n *ngIf=\"showInvalid\"\n class=\"clr-validate-icon\"\n shape=\"exclamation-circle\"\n status=\"danger\"\n aria-hidden=\"true\"\n ></cds-icon>\n <cds-icon\n *ngIf=\"showValid\"\n class=\"clr-validate-icon\"\n shape=\"check-circle\"\n status=\"success\"\n aria-hidden=\"true\"\n ></cds-icon>\n </div>\n <ng-content select=\"clr-control-helper\" *ngIf=\"showHelper\"></ng-content>\n <ng-content select=\"clr-control-error\" *ngIf=\"showInvalid\"></ng-content>\n <ng-content select=\"clr-control-success\" *ngIf=\"showValid\"></ng-content>\n </div>\n ",
|
|
9964
9964
|
host: {
|
|
9965
9965
|
'[class.clr-form-control]': 'true',
|
|
9966
9966
|
'[class.clr-form-control-disabled]': 'control?.disabled',
|
|
@@ -10033,7 +10033,7 @@
|
|
|
10033
10033
|
ClrTextareaContainer.decorators = [
|
|
10034
10034
|
{ type: i0.Component, args: [{
|
|
10035
10035
|
selector: 'clr-textarea-container',
|
|
10036
|
-
template: "\n <ng-content select=\"label\"></ng-content>\n <label *ngIf=\"!label && addGrid()\"></label>\n <div class=\"clr-control-container\" [ngClass]=\"controlClass()\">\n <div class=\"clr-textarea-wrapper\">\n <ng-content select=\"[clrTextarea]\"></ng-content>\n <cds-icon\n *ngIf=\"showInvalid\"\n class=\"clr-validate-icon\"\n
|
|
10036
|
+
template: "\n <ng-content select=\"label\"></ng-content>\n <label *ngIf=\"!label && addGrid()\"></label>\n <div class=\"clr-control-container\" [ngClass]=\"controlClass()\">\n <div class=\"clr-textarea-wrapper\">\n <ng-content select=\"[clrTextarea]\"></ng-content>\n <cds-icon\n *ngIf=\"showInvalid\"\n class=\"clr-validate-icon\"\n shape=\"exclamation-circle\"\n status=\"danger\"\n aria-hidden=\"true\"\n ></cds-icon>\n <cds-icon\n *ngIf=\"showValid\"\n class=\"clr-validate-icon\"\n shape=\"check-circle\"\n status=\"success\"\n aria-hidden=\"true\"\n ></cds-icon>\n </div>\n <ng-content select=\"clr-control-helper\" *ngIf=\"showHelper\"></ng-content>\n <ng-content select=\"clr-control-error\" *ngIf=\"showInvalid\"></ng-content>\n <ng-content select=\"clr-control-success\" *ngIf=\"showValid\"></ng-content>\n </div>\n ",
|
|
10037
10037
|
host: {
|
|
10038
10038
|
'[class.clr-form-control]': 'true',
|
|
10039
10039
|
'[class.clr-form-control-disabled]': 'control?.disabled',
|
|
@@ -12012,10 +12012,13 @@
|
|
|
12012
12012
|
}
|
|
12013
12013
|
DatagridPropertyNumericFilter.prototype.accepts = function (item, low, high) {
|
|
12014
12014
|
var propValue = this.nestedProp.getPropValue(item);
|
|
12015
|
-
if (
|
|
12015
|
+
if (propValue === undefined) {
|
|
12016
12016
|
return false;
|
|
12017
12017
|
}
|
|
12018
|
-
if (
|
|
12018
|
+
if (low !== null && (typeof propValue !== 'number' || propValue < low)) {
|
|
12019
|
+
return false;
|
|
12020
|
+
}
|
|
12021
|
+
if (high !== null && (typeof propValue !== 'number' || propValue > high)) {
|
|
12019
12022
|
return false;
|
|
12020
12023
|
}
|
|
12021
12024
|
return true;
|
|
@@ -23395,13 +23398,6 @@
|
|
|
23395
23398
|
this.stepTitleText = this.stepTitle.nativeElement.innerText;
|
|
23396
23399
|
}
|
|
23397
23400
|
};
|
|
23398
|
-
Object.defineProperty(ClrTimelineStep.prototype, "iconAriaCurrent", {
|
|
23399
|
-
get: function () {
|
|
23400
|
-
return this.state === exports.ClrTimelineStepState.CURRENT;
|
|
23401
|
-
},
|
|
23402
|
-
enumerable: false,
|
|
23403
|
-
configurable: true
|
|
23404
|
-
});
|
|
23405
23401
|
Object.defineProperty(ClrTimelineStep.prototype, "iconAriaLabel", {
|
|
23406
23402
|
get: function () {
|
|
23407
23403
|
return this.iconAttributeService.getAriaLabel(this.state);
|
|
@@ -23435,7 +23431,7 @@
|
|
|
23435
23431
|
ClrTimelineStep.decorators = [
|
|
23436
23432
|
{ type: i0.Component, args: [{
|
|
23437
23433
|
selector: 'clr-timeline-step',
|
|
23438
|
-
template: "\n <ng-content select=\"clr-timeline-step-header\"></ng-content>\n <span class=\"clr-sr-only\">{{ stepTitleText }}</span>\n <ng-container *ngIf=\"!isProcessing; else processing\">\n <cds-icon\n [attr.status]=\"iconStatus\"\n [attr.shape]=\"iconShape\"\n [attr.aria-label]=\"iconAriaLabel\"\n
|
|
23434
|
+
template: "\n <ng-content select=\"clr-timeline-step-header\"></ng-content>\n <span class=\"clr-sr-only\">{{ stepTitleText }}</span>\n <ng-container *ngIf=\"!isProcessing; else processing\">\n <cds-icon\n [attr.status]=\"iconStatus\"\n [attr.shape]=\"iconShape\"\n [attr.aria-label]=\"iconAriaLabel\"\n role=\"img\"\n ></cds-icon>\n </ng-container>\n <div class=\"clr-timeline-step-body\">\n <ng-content select=\"clr-timeline-step-title\"></ng-content>\n <ng-content select=\"clr-timeline-step-description\"></ng-content>\n </div>\n\n <ng-template #processing>\n <clr-spinner clrMedium [attr.aria-label]=\"iconAriaLabel\"></clr-spinner>\n </ng-template>\n ",
|
|
23439
23435
|
host: { '[class.clr-timeline-step]': 'true' }
|
|
23440
23436
|
},] }
|
|
23441
23437
|
];
|
|
@@ -26261,7 +26257,7 @@
|
|
|
26261
26257
|
host: {
|
|
26262
26258
|
'[id]': 'id',
|
|
26263
26259
|
'[attr.aria-current]': 'stepAriaCurrent',
|
|
26264
|
-
'[attr.aria-controls]': 'id',
|
|
26260
|
+
'[attr.aria-controls]': 'page.id',
|
|
26265
26261
|
'[class.clr-nav-link]': 'true',
|
|
26266
26262
|
'[class.nav-item]': 'true',
|
|
26267
26263
|
'[class.active]': 'isCurrent',
|