@clr/angular 12.0.11 → 12.0.12
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 +14 -14
- package/bundles/clr-angular.umd.js.map +1 -1
- package/clr-angular.metadata.json +1 -1
- package/esm2015/accordion/accordion-panel.js +2 -2
- package/esm2015/accordion/stepper/stepper-panel.js +2 -2
- package/esm2015/data/datagrid/datagrid-row-detail.js +9 -5
- package/esm2015/data/tree-view/tree-node.js +2 -3
- package/esm2015/emphasis/alert/alert-item.js +4 -3
- package/esm2015/utils/i18n/common-strings.default.js +5 -5
- package/esm2015/utils/i18n/common-strings.interface.js +1 -1
- package/fesm2015/clr-angular.js +18 -14
- package/fesm2015/clr-angular.js.map +1 -1
- package/package.json +2 -2
- package/utils/i18n/common-strings.interface.d.ts +16 -0
|
@@ -1424,10 +1424,10 @@
|
|
|
1424
1424
|
comboboxNoResults: 'No results',
|
|
1425
1425
|
comboboxOpen: 'Show options',
|
|
1426
1426
|
// Datagrid expandable rows
|
|
1427
|
-
|
|
1428
|
-
|
|
1429
|
-
|
|
1430
|
-
|
|
1427
|
+
datagridExpandableBeginningOf: 'Beginning of',
|
|
1428
|
+
datagridExpandableEndOf: 'End of',
|
|
1429
|
+
datagridExpandableRowContent: 'Expandable row content',
|
|
1430
|
+
datagridExpandableRowsHelperText: "Screen reader table commands may not work for viewing expanded content, please use your screen reader's browse mode to read the content exposed by this button",
|
|
1431
1431
|
};
|
|
1432
1432
|
|
|
1433
1433
|
/*
|
|
@@ -15169,7 +15169,7 @@
|
|
|
15169
15169
|
};
|
|
15170
15170
|
|
|
15171
15171
|
/*
|
|
15172
|
-
* Copyright (c) 2016-
|
|
15172
|
+
* Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
|
|
15173
15173
|
* This software is released under MIT license.
|
|
15174
15174
|
* The full license information can be found in LICENSE in the root directory of this project.
|
|
15175
15175
|
*/
|
|
@@ -15208,7 +15208,7 @@
|
|
|
15208
15208
|
Object.defineProperty(ClrDatagridRowDetail.prototype, "beginningOfExpandableContentAriaText", {
|
|
15209
15209
|
get: function () {
|
|
15210
15210
|
return (this._beginningOfExpandableContentAriaText ||
|
|
15211
|
-
this.commonStrings.keys.dategridExpandableBeginningOf + " " + this.commonStrings.keys.dategridExpandableRowContent);
|
|
15211
|
+
(this.commonStrings.keys.dategridExpandableBeginningOf || this.commonStrings.keys.datagridExpandableBeginningOf) + " \n " + (this.commonStrings.keys.dategridExpandableRowContent || this.commonStrings.keys.datagridExpandableRowContent));
|
|
15212
15212
|
},
|
|
15213
15213
|
enumerable: false,
|
|
15214
15214
|
configurable: true
|
|
@@ -15216,7 +15216,7 @@
|
|
|
15216
15216
|
Object.defineProperty(ClrDatagridRowDetail.prototype, "endOfExpandableContentAriaText", {
|
|
15217
15217
|
get: function () {
|
|
15218
15218
|
return (this._endOfExpandableContentAriaText ||
|
|
15219
|
-
this.commonStrings.keys.dategridExpandableEndOf + " " + this.commonStrings.keys.dategridExpandableRowContent);
|
|
15219
|
+
(this.commonStrings.keys.dategridExpandableEndOf || this.commonStrings.keys.datagridExpandableEndOf) + " \n " + (this.commonStrings.keys.dategridExpandableRowContent || this.commonStrings.keys.datagridExpandableRowContent));
|
|
15220
15220
|
},
|
|
15221
15221
|
enumerable: false,
|
|
15222
15222
|
configurable: true
|
|
@@ -15226,7 +15226,8 @@
|
|
|
15226
15226
|
ClrDatagridRowDetail.decorators = [
|
|
15227
15227
|
{ type: i0.Component, args: [{
|
|
15228
15228
|
selector: 'clr-dg-row-detail',
|
|
15229
|
-
|
|
15229
|
+
// TODO: @deprecated - dategrid* keys are deprecated. Remove in v14.
|
|
15230
|
+
template: "\n <div class=\"clr-sr-only\">\n {{ beginningOfExpandableContentAriaText }}\n {{ commonStrings.keys.dategridExpandableRowsHelperText || commonStrings.keys.datagridExpandableRowsHelperText }}\n </div>\n <ng-content></ng-content>\n <div class=\"clr-sr-only\">{{ endOfExpandableContentAriaText }}</div>\n ",
|
|
15230
15231
|
host: {
|
|
15231
15232
|
'[class.datagrid-row-flex]': 'true',
|
|
15232
15233
|
'[class.datagrid-row-detail]': 'true',
|
|
@@ -16527,7 +16528,7 @@
|
|
|
16527
16528
|
]; };
|
|
16528
16529
|
|
|
16529
16530
|
/*
|
|
16530
|
-
* Copyright (c) 2016-
|
|
16531
|
+
* Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
|
|
16531
16532
|
* This software is released under MIT license.
|
|
16532
16533
|
* The full license information can be found in LICENSE in the root directory of this project.
|
|
16533
16534
|
*/
|
|
@@ -16756,7 +16757,6 @@
|
|
|
16756
16757
|
]),
|
|
16757
16758
|
],
|
|
16758
16759
|
host: {
|
|
16759
|
-
'[attr.role]': '"treeitem"',
|
|
16760
16760
|
'[class.clr-tree-node]': 'true',
|
|
16761
16761
|
}
|
|
16762
16762
|
},] }
|
|
@@ -18458,7 +18458,7 @@
|
|
|
18458
18458
|
};
|
|
18459
18459
|
|
|
18460
18460
|
/*
|
|
18461
|
-
* Copyright (c) 2016-
|
|
18461
|
+
* Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
|
|
18462
18462
|
* This software is released under MIT license.
|
|
18463
18463
|
* The full license information can be found in LICENSE in the root directory of this project.
|
|
18464
18464
|
*/
|
|
@@ -18471,7 +18471,7 @@
|
|
|
18471
18471
|
ClrAlertItem.decorators = [
|
|
18472
18472
|
{ type: i0.Component, args: [{
|
|
18473
18473
|
selector: 'clr-alert-item',
|
|
18474
|
-
template: "\n <div class=\"alert-icon-wrapper\">\n <cds-icon\n class=\"alert-icon\"\n [attr.shape]=\"iconService.alertIconShape\"\n [attr.
|
|
18474
|
+
template: "\n <div class=\"alert-icon-wrapper\">\n <cds-icon\n class=\"alert-icon\"\n role=\"img\"\n [attr.shape]=\"iconService.alertIconShape\"\n [attr.aria-label]=\"iconService.alertIconTitle\"\n ></cds-icon>\n </div>\n <ng-content></ng-content>\n ",
|
|
18475
18475
|
host: { class: 'alert-item' }
|
|
18476
18476
|
},] }
|
|
18477
18477
|
];
|
|
@@ -23979,7 +23979,7 @@
|
|
|
23979
23979
|
ClrAccordionPanel.decorators = [
|
|
23980
23980
|
{ type: i0.Component, args: [{
|
|
23981
23981
|
selector: 'clr-accordion-panel',
|
|
23982
|
-
template: "<ng-container *ngIf=\"panel | async; let panel\">\n <div *ngIf=\"panel.status !== AccordionStatus.Inactive\" aria-live=\"assertive\" class=\"clr-sr-only\">\n <ng-container *ngIf=\"panel.status === AccordionStatus.Error\">{{commonStrings.keys.danger}}</ng-container>\n </div>\n\n <div
|
|
23982
|
+
template: "<ng-container *ngIf=\"panel | async; let panel\">\n <div *ngIf=\"panel.status !== AccordionStatus.Inactive\" aria-live=\"assertive\" class=\"clr-sr-only\">\n <ng-container *ngIf=\"panel.status === AccordionStatus.Error\">{{commonStrings.keys.danger}}</ng-container>\n </div>\n\n <div [ngClass]=\"getPanelStateClasses(panel)\">\n <div class=\"clr-accordion-header\">\n <button\n type=\"button\"\n class=\"clr-accordion-header-button\"\n (click)=\"togglePanel()\"\n [id]=\"getAccordionHeaderId(panel.templateId)\"\n [disabled]=\"isAccordion && panel.disabled\"\n [attr.aria-disabled]=\"!isAccordion && panel.disabled\"\n [attr.aria-controls]=\"getAccordionContentId(panel.templateId)\"\n [attr.aria-expanded]=\"panel.open\"\n [class.clr-accordion-header-has-description]=\"(accordionDescription.changes | async)?.length || accordionDescription.length\"\n #headerButton\n >\n <span class=\"clr-sr-only\">\n <ng-container *ngIf=\"panel.status === AccordionStatus.Error\">{{commonStrings.keys.danger}}</ng-container>\n <ng-container *ngIf=\"panel.status === AccordionStatus.Complete\">{{commonStrings.keys.success}}</ng-container>\n </span>\n <span class=\"clr-accordion-status\">\n <cds-icon shape=\"angle\" direction=\"right\" class=\"clr-accordion-angle\"></cds-icon>\n <span class=\"clr-accordion-number\"></span>\n <cds-icon status=\"danger\" shape=\"exclamation-circle\" class=\"clr-accordion-error-icon\"></cds-icon>\n <cds-icon status=\"success\" shape=\"check-circle\" class=\"clr-accordion-complete-icon\"></cds-icon>\n </span>\n <ng-content select=\"clr-accordion-title, clr-step-title\"></ng-content>\n <ng-content select=\"clr-accordion-description, clr-step-description\"></ng-content>\n </button>\n </div>\n <div\n @skipInitialRender\n role=\"region\"\n [id]=\"getAccordionContentId(panel.templateId)\"\n [attr.aria-hidden]=\"!panel.open\"\n [attr.aria-labelledby]=\"getAccordionHeaderId(panel.templateId)\"\n >\n <div\n *ngIf=\"panel.open\"\n @toggle\n (@toggle.done)=\"collapsePanelOnAnimationDone(panel)\"\n class=\"clr-accordion-content\"\n >\n <div class=\"clr-accordion-inner-content\">\n <ng-content></ng-content>\n </div>\n </div>\n </div>\n </div>\n</ng-container>\n",
|
|
23983
23983
|
host: { '[class.clr-accordion-panel]': 'true' },
|
|
23984
23984
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
23985
23985
|
animations: panelAnimation,
|
|
@@ -24409,7 +24409,7 @@
|
|
|
24409
24409
|
ClrStepperPanel.decorators = [
|
|
24410
24410
|
{ type: i0.Component, args: [{
|
|
24411
24411
|
selector: 'clr-stepper-panel',
|
|
24412
|
-
template: "<ng-container *ngIf=\"panel | async; let panel\">\n <div *ngIf=\"panel.status !== AccordionStatus.Inactive\" aria-live=\"assertive\" class=\"clr-sr-only\">\n <ng-container *ngIf=\"panel.status === AccordionStatus.Error\">{{commonStrings.keys.danger}}</ng-container>\n </div>\n\n <div
|
|
24412
|
+
template: "<ng-container *ngIf=\"panel | async; let panel\">\n <div *ngIf=\"panel.status !== AccordionStatus.Inactive\" aria-live=\"assertive\" class=\"clr-sr-only\">\n <ng-container *ngIf=\"panel.status === AccordionStatus.Error\">{{commonStrings.keys.danger}}</ng-container>\n </div>\n\n <div [ngClass]=\"getPanelStateClasses(panel)\">\n <div class=\"clr-accordion-header\">\n <button\n type=\"button\"\n class=\"clr-accordion-header-button\"\n (click)=\"togglePanel()\"\n [id]=\"getAccordionHeaderId(panel.templateId)\"\n [disabled]=\"isAccordion && panel.disabled\"\n [attr.aria-disabled]=\"!isAccordion && panel.disabled\"\n [attr.aria-controls]=\"getAccordionContentId(panel.templateId)\"\n [attr.aria-expanded]=\"panel.open\"\n [class.clr-accordion-header-has-description]=\"(accordionDescription.changes | async)?.length || accordionDescription.length\"\n #headerButton\n >\n <span class=\"clr-sr-only\">\n <ng-container *ngIf=\"panel.status === AccordionStatus.Error\">{{commonStrings.keys.danger}}</ng-container>\n <ng-container *ngIf=\"panel.status === AccordionStatus.Complete\">{{commonStrings.keys.success}}</ng-container>\n </span>\n <span class=\"clr-accordion-status\">\n <cds-icon shape=\"angle\" direction=\"right\" class=\"clr-accordion-angle\"></cds-icon>\n <span class=\"clr-accordion-number\"></span>\n <cds-icon status=\"danger\" shape=\"exclamation-circle\" class=\"clr-accordion-error-icon\"></cds-icon>\n <cds-icon status=\"success\" shape=\"check-circle\" class=\"clr-accordion-complete-icon\"></cds-icon>\n </span>\n <ng-content select=\"clr-accordion-title, clr-step-title\"></ng-content>\n <ng-content select=\"clr-accordion-description, clr-step-description\"></ng-content>\n </button>\n </div>\n <div\n @skipInitialRender\n role=\"region\"\n [id]=\"getAccordionContentId(panel.templateId)\"\n [attr.aria-hidden]=\"!panel.open\"\n [attr.aria-labelledby]=\"getAccordionHeaderId(panel.templateId)\"\n >\n <div\n *ngIf=\"panel.open\"\n @toggle\n (@toggle.done)=\"collapsePanelOnAnimationDone(panel)\"\n class=\"clr-accordion-content\"\n >\n <div class=\"clr-accordion-inner-content\">\n <ng-content></ng-content>\n </div>\n </div>\n </div>\n </div>\n</ng-container>\n",
|
|
24413
24413
|
host: { '[class.clr-accordion-panel]': 'true' },
|
|
24414
24414
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
24415
24415
|
animations: stepAnimation,
|