@clr/angular 12.0.4 → 12.0.8

package/bundles/clr-angular.umd.js

@@ -1389,7 +1389,8 @@
         singleSelectionAriaLabel: 'Single selection header',
         singleActionableAriaLabel: 'Single actionable header',
         detailExpandableAriaLabel: 'Toggle more row content',
-        datagridFilterAriaLabel: 'Toggle column filter',
+        datagridFilterAriaLabel: 'Filter dialog',
+        datagridFilterDialogAriaLabel: 'Toggle column filter',
         columnSeparatorAriaLabel: 'Column resize handle',
         columnSeparatorDescription: 'Not necessary to use this button',
         // Alert
@@ -10802,7 +10803,7 @@
                     selector: 'clr-dg-filter',
                     // We register this component as a CustomFilter, for the parent column to detect it.
                     providers: [{ provide: CustomFilter, useExisting: ClrDatagridFilter }, UNIQUE_ID_PROVIDER],
-                    template: "\n    <button\n      class=\"datagrid-filter-toggle\"\n      type=\"button\"\n      #anchor\n      [attr.aria-label]=\"commonStrings.keys.datagridFilterAriaLabel\"\n      [attr.aria-expanded]=\"ariaExpanded\"\n      [attr.aria-controls]=\"popoverId\"\n      clrPopoverAnchor\n      clrPopoverOpenCloseButton\n      [class.datagrid-filter-open]=\"open\"\n      [class.datagrid-filtered]=\"active\"\n    >\n      <cds-icon\n        [attr.status]=\"active ? 'info' : null\"\n        [attr.shape]=\"active ? 'filter-grid-circle' : 'filter-grid'\"\n        solid\n      ></cds-icon>\n    </button>\n\n    <div\n      class=\"datagrid-filter\"\n      [id]=\"popoverId\"\n      clrFocusTrap\n      *clrPopoverContent=\"open; at: smartPosition; outsideClickToClose: true; scrollToClose: true\"\n    >\n      <div class=\"datagrid-filter-close-wrapper\">\n        <button type=\"button\" class=\"close\" clrPopoverCloseButton>\n          <cds-icon shape=\"window-close\" [attr.title]=\"commonStrings.keys.close\"></cds-icon>\n        </button>\n      </div>\n\n      <ng-content></ng-content>\n    </div>\n  "
+                    template: "\n    <button\n      class=\"datagrid-filter-toggle\"\n      type=\"button\"\n      #anchor\n      [attr.aria-label]=\"commonStrings.keys.datagridFilterAriaLabel\"\n      [attr.aria-expanded]=\"ariaExpanded\"\n      [attr.aria-controls]=\"popoverId\"\n      clrPopoverAnchor\n      clrPopoverOpenCloseButton\n      [class.datagrid-filter-open]=\"open\"\n      [class.datagrid-filtered]=\"active\"\n    >\n      <cds-icon\n        [attr.status]=\"active ? 'info' : null\"\n        [attr.shape]=\"active ? 'filter-grid-circle' : 'filter-grid'\"\n        solid\n      ></cds-icon>\n    </button>\n\n    <div\n      class=\"datagrid-filter\"\n      [id]=\"popoverId\"\n      clrFocusTrap\n      *clrPopoverContent=\"open; at: smartPosition; outsideClickToClose: true; scrollToClose: true\"\n      role=\"dialog\"\n      [attr.aria-label]=\"commonStrings.keys.datagridFilterDialogAriaLabel\"\n    >\n      <div class=\"datagrid-filter-close-wrapper\">\n        <button type=\"button\" class=\"close\" clrPopoverCloseButton>\n          <cds-icon shape=\"window-close\" [attr.title]=\"commonStrings.keys.close\"></cds-icon>\n        </button>\n      </div>\n\n      <ng-content></ng-content>\n    </div>\n  "
                 },] }
     ];
     ClrDatagridFilter.ctorParameters = function () { return [
@@ -12589,6 +12590,12 @@
                     _this.focusOnClose();
                 }
             }), this.signpostIdService.id.subscribe(function (idChange) { return (_this.ariaControl = idChange); }));
+            this.addDefaultAriaLabel(this.el.nativeElement);
+        };
+        ClrSignpostTrigger.prototype.addDefaultAriaLabel = function (el) {
+            if (!el.hasAttribute('aria-label')) {
+                el.setAttribute('aria-label', this.commonStrings.keys.signpostToggle);
+            }
         };
         ClrSignpostTrigger.prototype.focusOnClose = function () {
             if (!i1.isPlatformBrowser(this.platformId)) {
@@ -12618,7 +12625,6 @@
                     selector: '[clrSignpostTrigger]',
                     host: {
                         class: 'signpost-trigger',
-                        '[attr.aria-label]': 'commonStrings.keys.signpostToggle',
                         '[attr.aria-expanded]': 'ariaExpanded',
                         '[attr.aria-controls]': 'ariaControl',
                         '[class.active]': 'isOpen',