@clr/angular 5.4.0 → 5.5.2

package/esm2015/utils/outside-click/outside-click.js

@@ -3,34 +3,43 @@
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */
-import { Directive, ElementRef, EventEmitter, HostListener, Input, Output } from '@angular/core';
+import { Directive, ElementRef, EventEmitter, Input, NgZone, Output, Renderer2 } from '@angular/core';
 export class OutsideClick {
-    constructor(el) {
-        this.el = el;
+    constructor(host, renderer, ngZone) {
         this.strict = false;
         this.outsideClick = new EventEmitter(false);
+        ngZone.runOutsideAngular(() => {
+            this.documentClickListener = renderer.listen('document', 'click', (event) => {
+                // Compare the element in the DOM on which the mouse was clicked
+                // with the current actionMenu native HTML element.
+                if (host.nativeElement === event.target) {
+                    return;
+                }
+                if (!this.strict && host.nativeElement.contains(event.target)) {
+                    return;
+                }
+                // We'll run change detection only if the click event actually happened outside of
+                // the host element.
+                ngZone.run(() => {
+                    this.outsideClick.emit(event);
+                });
+            });
+        });
     }
-    documentClick(event) {
-        const target = event.target; // Get the element in the DOM on which the mouse was clicked
-        const host = this.el.nativeElement; // Get the current actionMenu native HTML element
-        if (target === host) {
-            return;
-        }
-        if (!this.strict && host.contains(target)) {
-            return;
-        }
-        this.outsideClick.emit(event);
+    ngOnDestroy() {
+        this.documentClickListener();
     }
 }
 OutsideClick.decorators = [
     { type: Directive, args: [{ selector: '[clrOutsideClick]' },] }
 ];
 OutsideClick.ctorParameters = () => [
-    { type: ElementRef }
+    { type: ElementRef },
+    { type: Renderer2 },
+    { type: NgZone }
 ];
 OutsideClick.propDecorators = {
     strict: [{ type: Input, args: ['clrStrict',] }],
-    outsideClick: [{ type: Output, args: ['clrOutsideClick',] }],
-    documentClick: [{ type: HostListener, args: ['document:click', ['$event'],] }]
+    outsideClick: [{ type: Output, args: ['clrOutsideClick',] }]
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3V0c2lkZS1jbGljay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXIvc3JjL3V0aWxzL291dHNpZGUtY2xpY2svb3V0c2lkZS1jbGljay50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7OztHQUlHO0FBQ0gsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsWUFBWSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBR2pHLE1BQU0sT0FBTyxZQUFZO0lBQ3ZCLFlBQW9CLEVBQWM7UUFBZCxPQUFFLEdBQUYsRUFBRSxDQUFZO1FBRWQsV0FBTSxHQUFHLEtBQUssQ0FBQztRQUVSLGlCQUFZLEdBQUcsSUFBSSxZQUFZLENBQU0sS0FBSyxDQUFDLENBQUM7SUFKbEMsQ0FBQztJQU90QyxhQUFhLENBQUMsS0FBaUI7UUFDN0IsTUFBTSxNQUFNLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDLDREQUE0RDtRQUN6RixNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsQ0FBQyxDQUFDLGlEQUFpRDtRQUVyRixJQUFJLE1BQU0sS0FBSyxJQUFJLEVBQUU7WUFDbkIsT0FBTztTQUNSO1FBQ0QsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsRUFBRTtZQUN6QyxPQUFPO1NBQ1I7UUFDRCxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNoQyxDQUFDOzs7WUFwQkYsU0FBUyxTQUFDLEVBQUUsUUFBUSxFQUFFLG1CQUFtQixFQUFFOzs7WUFGeEIsVUFBVTs7O3FCQU0zQixLQUFLLFNBQUMsV0FBVzsyQkFFakIsTUFBTSxTQUFDLGlCQUFpQjs0QkFFeEIsWUFBWSxTQUFDLGdCQUFnQixFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAxNi0yMDIxIFZNd2FyZSwgSW5jLiBBbGwgUmlnaHRzIFJlc2VydmVkLlxuICogVGhpcyBzb2Z0d2FyZSBpcyByZWxlYXNlZCB1bmRlciBNSVQgbGljZW5zZS5cbiAqIFRoZSBmdWxsIGxpY2Vuc2UgaW5mb3JtYXRpb24gY2FuIGJlIGZvdW5kIGluIExJQ0VOU0UgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgcHJvamVjdC5cbiAqL1xuaW1wb3J0IHsgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBFdmVudEVtaXR0ZXIsIEhvc3RMaXN0ZW5lciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHsgc2VsZWN0b3I6ICdbY2xyT3V0c2lkZUNsaWNrXScgfSlcbmV4cG9ydCBjbGFzcyBPdXRzaWRlQ2xpY2sge1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsOiBFbGVtZW50UmVmKSB7fVxuXG4gIEBJbnB1dCgnY2xyU3RyaWN0Jykgc3RyaWN0ID0gZmFsc2U7XG5cbiAgQE91dHB1dCgnY2xyT3V0c2lkZUNsaWNrJykgb3V0c2lkZUNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KGZhbHNlKTtcblxuICBASG9zdExpc3RlbmVyKCdkb2N1bWVudDpjbGljaycsIFsnJGV2ZW50J10pXG4gIGRvY3VtZW50Q2xpY2soZXZlbnQ6IE1vdXNlRXZlbnQpIHtcbiAgICBjb25zdCB0YXJnZXQgPSBldmVudC50YXJnZXQ7IC8vIEdldCB0aGUgZWxlbWVudCBpbiB0aGUgRE9NIG9uIHdoaWNoIHRoZSBtb3VzZSB3YXMgY2xpY2tlZFxuICAgIGNvbnN0IGhvc3QgPSB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQ7IC8vIEdldCB0aGUgY3VycmVudCBhY3Rpb25NZW51IG5hdGl2ZSBIVE1MIGVsZW1lbnRcblxuICAgIGlmICh0YXJnZXQgPT09IGhvc3QpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgaWYgKCF0aGlzLnN0cmljdCAmJiBob3N0LmNvbnRhaW5zKHRhcmdldCkpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5vdXRzaWRlQ2xpY2suZW1pdChldmVudCk7XG4gIH1cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3V0c2lkZS1jbGljay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXIvc3JjL3V0aWxzL291dHNpZGUtY2xpY2svb3V0c2lkZS1jbGljay50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7OztHQUlHO0FBQ0gsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQWEsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUdqSCxNQUFNLE9BQU8sWUFBWTtJQU92QixZQUFZLElBQTZCLEVBQUUsUUFBbUIsRUFBRSxNQUFjO1FBTjFELFdBQU0sR0FBRyxLQUFLLENBQUM7UUFFUixpQkFBWSxHQUFHLElBQUksWUFBWSxDQUFNLEtBQUssQ0FBQyxDQUFDO1FBS3JFLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxHQUFHLEVBQUU7WUFDNUIsSUFBSSxDQUFDLHFCQUFxQixHQUFHLFFBQVEsQ0FBQyxNQUFNLENBQUMsVUFBVSxFQUFFLE9BQU8sRUFBRSxDQUFDLEtBQWlCLEVBQUUsRUFBRTtnQkFDdEYsZ0VBQWdFO2dCQUNoRSxtREFBbUQ7Z0JBQ25ELElBQUksSUFBSSxDQUFDLGFBQWEsS0FBSyxLQUFLLENBQUMsTUFBTSxFQUFFO29CQUN2QyxPQUFPO2lCQUNSO2dCQUVELElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxJQUFJLElBQUksQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxNQUFxQixDQUFDLEVBQUU7b0JBQzVFLE9BQU87aUJBQ1I7Z0JBRUQsa0ZBQWtGO2dCQUNsRixvQkFBb0I7Z0JBQ3BCLE1BQU0sQ0FBQyxHQUFHLENBQUMsR0FBRyxFQUFFO29CQUNkLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO2dCQUNoQyxDQUFDLENBQUMsQ0FBQztZQUNMLENBQUMsQ0FBQyxDQUFDO1FBQ0wsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO0lBQy9CLENBQUM7OztZQWhDRixTQUFTLFNBQUMsRUFBRSxRQUFRLEVBQUUsbUJBQW1CLEVBQUU7OztZQUZ4QixVQUFVO1lBQWtELFNBQVM7WUFBcEMsTUFBTTs7O3FCQUl4RCxLQUFLLFNBQUMsV0FBVzsyQkFFakIsTUFBTSxTQUFDLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtMjAyMSBWTXdhcmUsIEluYy4gQWxsIFJpZ2h0cyBSZXNlcnZlZC5cbiAqIFRoaXMgc29mdHdhcmUgaXMgcmVsZWFzZWQgdW5kZXIgTUlUIGxpY2Vuc2UuXG4gKiBUaGUgZnVsbCBsaWNlbnNlIGluZm9ybWF0aW9uIGNhbiBiZSBmb3VuZCBpbiBMSUNFTlNFIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHByb2plY3QuXG4gKi9cbmltcG9ydCB7IERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgTmdab25lLCBPbkRlc3Ryb3ksIE91dHB1dCwgUmVuZGVyZXIyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoeyBzZWxlY3RvcjogJ1tjbHJPdXRzaWRlQ2xpY2tdJyB9KVxuZXhwb3J0IGNsYXNzIE91dHNpZGVDbGljayBpbXBsZW1lbnRzIE9uRGVzdHJveSB7XG4gIEBJbnB1dCgnY2xyU3RyaWN0Jykgc3RyaWN0ID0gZmFsc2U7XG5cbiAgQE91dHB1dCgnY2xyT3V0c2lkZUNsaWNrJykgb3V0c2lkZUNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KGZhbHNlKTtcblxuICBwcml2YXRlIGRvY3VtZW50Q2xpY2tMaXN0ZW5lcjogVm9pZEZ1bmN0aW9uO1xuXG4gIGNvbnN0cnVjdG9yKGhvc3Q6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+LCByZW5kZXJlcjogUmVuZGVyZXIyLCBuZ1pvbmU6IE5nWm9uZSkge1xuICAgIG5nWm9uZS5ydW5PdXRzaWRlQW5ndWxhcigoKSA9PiB7XG4gICAgICB0aGlzLmRvY3VtZW50Q2xpY2tMaXN0ZW5lciA9IHJlbmRlcmVyLmxpc3RlbignZG9jdW1lbnQnLCAnY2xpY2snLCAoZXZlbnQ6IE1vdXNlRXZlbnQpID0+IHtcbiAgICAgICAgLy8gQ29tcGFyZSB0aGUgZWxlbWVudCBpbiB0aGUgRE9NIG9uIHdoaWNoIHRoZSBtb3VzZSB3YXMgY2xpY2tlZFxuICAgICAgICAvLyB3aXRoIHRoZSBjdXJyZW50IGFjdGlvbk1lbnUgbmF0aXZlIEhUTUwgZWxlbWVudC5cbiAgICAgICAgaWYgKGhvc3QubmF0aXZlRWxlbWVudCA9PT0gZXZlbnQudGFyZ2V0KSB7XG4gICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKCF0aGlzLnN0cmljdCAmJiBob3N0Lm5hdGl2ZUVsZW1lbnQuY29udGFpbnMoZXZlbnQudGFyZ2V0IGFzIEhUTUxFbGVtZW50KSkge1xuICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIC8vIFdlJ2xsIHJ1biBjaGFuZ2UgZGV0ZWN0aW9uIG9ubHkgaWYgdGhlIGNsaWNrIGV2ZW50IGFjdHVhbGx5IGhhcHBlbmVkIG91dHNpZGUgb2ZcbiAgICAgICAgLy8gdGhlIGhvc3QgZWxlbWVudC5cbiAgICAgICAgbmdab25lLnJ1bigoKSA9PiB7XG4gICAgICAgICAgdGhpcy5vdXRzaWRlQ2xpY2suZW1pdChldmVudCk7XG4gICAgICAgIH0pO1xuICAgICAgfSk7XG4gICAgfSk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLmRvY3VtZW50Q2xpY2tMaXN0ZW5lcigpO1xuICB9XG59XG4iXX0=

package/fesm2015/clr-angular.js

@@ -1,7 +1,5 @@
-import * as i0 from '@angular/core';
-import { Directive, NgModule, Injectable, Renderer2, Inject, PLATFORM_ID, EventEmitter, ViewContainerRef, TemplateRef, Input, Output, HostListener, ElementRef, Optional, Component, SkipSelf, ViewChild, InjectionToken, ContentChildren, ComponentFactoryResolver, Type, Injector, HostBinding, ContentChild, Self, Attribute, NgZone, LOCALE_ID, RendererFactory2, ChangeDetectorRef, IterableDiffers, ChangeDetectionStrategy } from '@angular/core';
+import { Directive, NgModule, Injectable, Renderer2, Inject, PLATFORM_ID, EventEmitter, ViewContainerRef, TemplateRef, Input, Output, HostListener, ElementRef, Optional, Component, SkipSelf, ViewChild, ɵɵdefineInjectable, InjectionToken, ContentChildren, ComponentFactoryResolver, Type, Injector, HostBinding, ContentChild, Self, Attribute, NgZone, LOCALE_ID, RendererFactory2, ChangeDetectorRef, IterableDiffers, ChangeDetectionStrategy, ɵɵinject } from '@angular/core';
 import { ClarityIcons, ellipsisHorizontalIcon, exclamationCircleIcon, checkCircleIcon, angleIcon, eventIcon, calendarIcon, eyeHideIcon, eyeIcon, windowCloseIcon, ellipsisVerticalIcon, viewColumnsIcon, arrowIcon, timesIcon, stepForward2Icon, angleDoubleIcon, filterGridCircleIcon, filterGridIcon, infoCircleIcon, exclamationTriangleIcon, errorStandardIcon, circleIcon, dotCircleIcon, successStandardIcon } from '@cds/core/icon';
-import * as i1 from '@angular/common';
 import { CommonModule, DOCUMENT, isPlatformBrowser, getLocaleDayNames, FormStyle, TranslationWidth, getLocaleMonthNames, getLocaleFirstDayOfWeek, getLocaleDateFormat, FormatWidth, NgForOf } from '@angular/common';
 import { Subject, fromEvent, BehaviorSubject, of, ReplaySubject, isObservable, combineLatest, Observable } from 'rxjs';
 import { filter, debounceTime, first, switchMap, take, map, startWith, tap, distinctUntilChanged, pairwise } from 'rxjs/operators';
@@ -1267,7 +1265,8 @@ const commonStringsDefault = {
     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
@@ -1342,7 +1341,7 @@ class ClrCommonStringsService {
         return output;
     }
 }
-ClrCommonStringsService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ClrCommonStringsService_Factory() { return new ClrCommonStringsService(); }, token: ClrCommonStringsService, providedIn: "root" });
+ClrCommonStringsService.ɵprov = ɵɵdefineInjectable({ factory: function ClrCommonStringsService_Factory() { return new ClrCommonStringsService(); }, token: ClrCommonStringsService, providedIn: "root" });
 ClrCommonStringsService.decorators = [
     { type: Injectable, args: [{
                 providedIn: 'root',
@@ -1780,10 +1779,10 @@ class HostWrapper {
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */
-let counter$2 = 0;
+let counter = 0;
 class ControlIdService {
     constructor() {
-        this._id = 'clr-form-control-' + ++counter$2;
+        this._id = 'clr-form-control-' + ++counter;
         this._idChange = new BehaviorSubject(this._id);
     }
     get id() {
@@ -2645,11 +2644,19 @@ class ClrIfError extends AbstractIfState {
         if (!this.container) {
             return;
         }
-        if (invalid && this.displayedContent === false) {
-            this.container.createEmbeddedView(this.template, { error: this.control.getError(this.error) });
-            this.displayedContent = true;
+        if (invalid) {
+            if (this.displayedContent === false) {
+                this.embeddedViewRef = this.container.createEmbeddedView(this.template, {
+                    error: this.control.getError(this.error),
+                });
+                this.displayedContent = true;
+            }
+            else if (this.embeddedViewRef && this.embeddedViewRef.context) {
+                // if view is already rendered, update the error object to keep it in sync
+                this.embeddedViewRef.context.error = this.control.getError(this.error);
+            }
         }
-        else if (!invalid) {
+        else {
             this.container.clear();
             this.displayedContent = false;
         }
@@ -2979,12 +2986,12 @@ ClrCheckboxModule.ctorParameters = () => [];
  */
 let activeCounter = 0;
 const IF_ACTIVE_ID = new InjectionToken('IF_ACTIVE_ID');
-function tokenFactory$1() {
+function tokenFactory() {
     return ++activeCounter;
 }
 const IF_ACTIVE_ID_PROVIDER = {
     provide: IF_ACTIVE_ID,
-    useFactory: tokenFactory$1,
+    useFactory: tokenFactory,
 };
 /*********
  * @class IfActiveService
@@ -3402,7 +3409,7 @@ class FocusTrapTracker {
         this._current = this._previousFocusTraps.pop();
     }
 }
-FocusTrapTracker.ɵprov = i0.ɵɵdefineInjectable({ factory: function FocusTrapTracker_Factory() { return new FocusTrapTracker(); }, token: FocusTrapTracker, providedIn: "root" });
+FocusTrapTracker.ɵprov = ɵɵdefineInjectable({ factory: function FocusTrapTracker_Factory() { return new FocusTrapTracker(); }, token: FocusTrapTracker, providedIn: "root" });
 FocusTrapTracker.decorators = [
     { type: Injectable, args: [{ providedIn: 'root' },] }
 ];
@@ -4512,7 +4519,7 @@ ClrCalendar.propDecorators = {
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */
-class FocusService$1 {
+class FocusService {
     constructor() {
         this._focused = new BehaviorSubject(false);
     }
@@ -4523,7 +4530,7 @@ class FocusService$1 {
         this._focused.next(state);
     }
 }
-FocusService$1.decorators = [
+FocusService.decorators = [
     { type: Injectable }
 ];
 
@@ -4767,7 +4774,7 @@ ClrDateContainer.decorators = [
                     ClrPopoverPositionService,
                     LocaleHelperService,
                     ControlClassService,
-                    FocusService$1,
+                    FocusService,
                     NgControlService,
                     DateIOService,
                     DateNavigationService,
@@ -4790,7 +4797,7 @@ ClrDateContainer.ctorParameters = () => [
     { type: DatepickerEnabledService },
     { type: DateFormControlService },
     { type: ClrCommonStringsService },
-    { type: FocusService$1 },
+    { type: FocusService },
     { type: ViewManagerService },
     { type: ControlClassService },
     { type: LayoutService, decorators: [{ type: Optional }] },
@@ -5043,7 +5050,7 @@ ClrDateInput.ctorParameters = () => [
     { type: DatepickerEnabledService, decorators: [{ type: Optional }] },
     { type: DateFormControlService, decorators: [{ type: Optional }] },
     { type: undefined, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] },
-    { type: FocusService$1, decorators: [{ type: Optional }] },
+    { type: FocusService, decorators: [{ type: Optional }] },
     { type: DatepickerFocusService }
 ];
 ClrDateInput.propDecorators = {
@@ -5822,7 +5829,7 @@ ClrPasswordContainer.decorators = [
                     NgControlService,
                     ControlIdService,
                     ControlClassService,
-                    FocusService$1,
+                    FocusService,
                     TOGGLE_SERVICE_PROVIDER,
                     IfControlStateService,
                 ]
@@ -5833,7 +5840,7 @@ ClrPasswordContainer.ctorParameters = () => [
     { type: LayoutService, decorators: [{ type: Optional }] },
     { type: ControlClassService },
     { type: NgControlService },
-    { type: FocusService$1 },
+    { type: FocusService },
     { type: BehaviorSubject, decorators: [{ type: Inject, args: [TOGGLE_SERVICE,] }] },
     { type: ClrCommonStringsService }
 ];
@@ -5880,7 +5887,7 @@ ClrPassword.ctorParameters = () => [
     { type: NgControl, decorators: [{ type: Self }, { type: Optional }] },
     { type: Renderer2 },
     { type: ElementRef },
-    { type: FocusService$1, decorators: [{ type: Optional }] },
+    { type: FocusService, decorators: [{ type: Optional }] },
     { type: BehaviorSubject, decorators: [{ type: Optional }, { type: Inject, args: [TOGGLE_SERVICE,] }] }
 ];
 ClrPassword.propDecorators = {
@@ -6407,10 +6414,10 @@ ClrRangeModule.ctorParameters = () => [];
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */
-let counter = 0;
+let counter$2 = 0;
 class DatalistIdService {
     constructor() {
-        this._id = 'clr-datalist-' + ++counter;
+        this._id = 'clr-datalist-' + ++counter$2;
         this._idChange = new BehaviorSubject(this._id);
     }
     get id() {
@@ -6483,7 +6490,7 @@ ClrDatalistContainer.decorators = [
                     ControlClassService,
                     LayoutService,
                     ControlIdService,
-                    FocusService$1,
+                    FocusService,
                     NgControlService,
                     DatalistIdService,
                     IfControlStateService,
@@ -6494,7 +6501,7 @@ ClrDatalistContainer.ctorParameters = () => [
     { type: ControlClassService },
     { type: LayoutService, decorators: [{ type: Optional }] },
     { type: NgControlService },
-    { type: FocusService$1 },
+    { type: FocusService },
     { type: IfControlStateService }
 ];
 
@@ -6538,7 +6545,7 @@ ClrDatalistInput.decorators = [
             },] }
 ];
 ClrDatalistInput.ctorParameters = () => [
-    { type: FocusService$1, decorators: [{ type: Optional }] },
+    { type: FocusService, decorators: [{ type: Optional }] },
     { type: ViewContainerRef },
     { type: Injector },
     { type: NgControl, decorators: [{ type: Self }, { type: Optional }] },
@@ -7394,7 +7401,7 @@ ClrOptionSelected.propDecorators = {
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */
-class FocusService {
+class FocusService$1 {
     constructor(renderer) {
         this.renderer = renderer;
         this._unlistenFuncs = [];
@@ -7465,19 +7472,19 @@ class FocusService {
         this._unlistenFuncs.forEach(unlisten => unlisten());
     }
 }
-FocusService.decorators = [
+FocusService$1.decorators = [
     { type: Injectable }
 ];
-FocusService.ctorParameters = () => [
+FocusService$1.ctorParameters = () => [
     { type: Renderer2 }
 ];
 function clrFocusServiceFactory(existing, renderer) {
-    return existing || new FocusService(renderer);
+    return existing || new FocusService$1(renderer);
 }
 const FOCUS_SERVICE_PROVIDER = {
-    provide: FocusService,
+    provide: FocusService$1,
     useFactory: clrFocusServiceFactory,
-    deps: [[new Optional(), new SkipSelf(), FocusService], Renderer2],
+    deps: [[new Optional(), new SkipSelf(), FocusService$1], Renderer2],
 };
 
 /**
@@ -8361,33 +8368,42 @@ ClrLoadingModule.decorators = [
  * The full license information can be found in LICENSE in the root directory of this project.
  */
 class OutsideClick {
-    constructor(el) {
-        this.el = el;
+    constructor(host, renderer, ngZone) {
         this.strict = false;
         this.outsideClick = new EventEmitter(false);
+        ngZone.runOutsideAngular(() => {
+            this.documentClickListener = renderer.listen('document', 'click', (event) => {
+                // Compare the element in the DOM on which the mouse was clicked
+                // with the current actionMenu native HTML element.
+                if (host.nativeElement === event.target) {
+                    return;
+                }
+                if (!this.strict && host.nativeElement.contains(event.target)) {
+                    return;
+                }
+                // We'll run change detection only if the click event actually happened outside of
+                // the host element.
+                ngZone.run(() => {
+                    this.outsideClick.emit(event);
+                });
+            });
+        });
     }
-    documentClick(event) {
-        const target = event.target; // Get the element in the DOM on which the mouse was clicked
-        const host = this.el.nativeElement; // Get the current actionMenu native HTML element
-        if (target === host) {
-            return;
-        }
-        if (!this.strict && host.contains(target)) {
-            return;
-        }
-        this.outsideClick.emit(event);
+    ngOnDestroy() {
+        this.documentClickListener();
     }
 }
 OutsideClick.decorators = [
     { type: Directive, args: [{ selector: '[clrOutsideClick]' },] }
 ];
 OutsideClick.ctorParameters = () => [
-    { type: ElementRef }
+    { type: ElementRef },
+    { type: Renderer2 },
+    { type: NgZone }
 ];
 OutsideClick.propDecorators = {
     strict: [{ type: Input, args: ['clrStrict',] }],
-    outsideClick: [{ type: Output, args: ['clrOutsideClick',] }],
-    documentClick: [{ type: HostListener, args: ['document:click', ['$event'],] }]
+    outsideClick: [{ type: Output, args: ['clrOutsideClick',] }]
 };
 
 const OUSTIDE_CLICK_DIRECTIVES = [OutsideClick];
@@ -8515,7 +8531,7 @@ class DragAndDropEventBusService {
         }
     }
 }
-DragAndDropEventBusService.ɵprov = i0.ɵɵdefineInjectable({ factory: function DragAndDropEventBusService_Factory() { return new DragAndDropEventBusService(); }, token: DragAndDropEventBusService, providedIn: "root" });
+DragAndDropEventBusService.ɵprov = ɵɵdefineInjectable({ factory: function DragAndDropEventBusService_Factory() { return new DragAndDropEventBusService(); }, token: DragAndDropEventBusService, providedIn: "root" });
 DragAndDropEventBusService.decorators = [
     { type: Injectable, args: [{ providedIn: 'root' },] }
 ];
@@ -9941,6 +9957,8 @@ ClrDatagridFilter.decorators = [
       [id]="popoverId"
       clrFocusTrap
       *clrPopoverContent="open; at: smartPosition; outsideClickToClose: true; scrollToClose: true"
+      role="dialog"
+      [attr.aria-label]="commonStrings.keys.datagridFilterDialogAriaLabel"
     >
       <div class="datagrid-filter-close-wrapper">
         <button type="button" class="close" clrPopoverCloseButton>
@@ -11581,6 +11599,12 @@ class ClrSignpostTrigger {
                 this.focusOnClose();
             }
         }), this.signpostIdService.id.subscribe(idChange => (this.ariaControl = idChange)));
+        this.addDefaultAriaLabel(this.el.nativeElement);
+    }
+    addDefaultAriaLabel(el) {
+        if (!el.hasAttribute('aria-label')) {
+            el.setAttribute('aria-label', this.commonStrings.keys.signpostToggle);
+        }
     }
     focusOnClose() {
         if (!isPlatformBrowser(this.platformId)) {
@@ -11609,7 +11633,6 @@ ClrSignpostTrigger.decorators = [
                 selector: '[clrSignpostTrigger]',
                 host: {
                     class: 'signpost-trigger',
-                    '[attr.aria-label]': 'commonStrings.keys.signpostToggle',
                     '[attr.aria-expanded]': 'ariaExpanded',
                     '[attr.aria-controls]': 'ariaControl',
                     '[class.active]': 'isOpen',
@@ -12262,15 +12285,15 @@ WrappedRow.propDecorators = {
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */
-let nbRow$1 = 0;
+let nbRow = 0;
 class DatagridIfExpandService extends IfExpandService {
     constructor() {
         super();
         this.expandableId = '';
         this._replace = new BehaviorSubject(false);
         this._animate = new Subject();
-        nbRow$1++;
-        this.expandableId = 'clr-dg-expandable-row-' + nbRow$1;
+        nbRow++;
+        this.expandableId = 'clr-dg-expandable-row-' + nbRow;
     }
     // due to the es5 spec if the set is overridden on base class the getter must also be overridden
     get expanded() {
@@ -12310,7 +12333,7 @@ DatagridIfExpandService.ctorParameters = () => [];
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */
-let nbRow = 0;
+let nbRow$1 = 0;
 class ClrDatagridRow {
     constructor(selection, rowActionService, globalExpandable, expand, detailService, displayMode, vcr, renderer, el, commonStrings) {
         this.selection = selection;
@@ -12333,10 +12356,10 @@ class ClrDatagridRow {
         this._detailCloseLabel = '';
         this.subscriptions = [];
         this.displayCells = false;
-        nbRow++;
-        this.id = 'clr-dg-row' + nbRow;
-        this.radioId = 'clr-dg-row-rd' + nbRow;
-        this.checkboxId = 'clr-dg-row-cb' + nbRow;
+        nbRow$1++;
+        this.id = 'clr-dg-row' + nbRow$1;
+        this.radioId = 'clr-dg-row-rd' + nbRow$1;
+        this.checkboxId = 'clr-dg-row-cb' + nbRow$1;
         this.expandableId = expand.expandableId;
         this.subscriptions.push(combineLatest(this.expand.replace, this.expand.expandChange).subscribe(([expandReplaceValue, expandChangeValue]) => {
             if (expandReplaceValue && expandChangeValue) {
@@ -12814,7 +12837,7 @@ class ClrDatagrid {
                 /**
                  * Reopen updated row or close it
                  */
-                row ? this.detailService.open(row.item, row.detailButton) : this.detailService.close();
+                row ? this.detailService.open(row.item, row.detailButton.nativeElement) : this.detailService.close();
             }
         }));
     }
@@ -16253,7 +16276,7 @@ DropdownFocusHandler.ctorParameters = () => [
     { type: Renderer2 },
     { type: DropdownFocusHandler, decorators: [{ type: SkipSelf }, { type: Optional }] },
     { type: ClrPopoverToggleService },
-    { type: FocusService },
+    { type: FocusService$1 },
     { type: undefined, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] }
 ];
 const DROPDOWN_FOCUS_HANDLER_PROVIDER = customFocusableItemProvider(DropdownFocusHandler);
@@ -17586,7 +17609,7 @@ class ResponsiveNavigationService {
         this.controlNavSubject.next(message);
     }
 }
-ResponsiveNavigationService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ResponsiveNavigationService_Factory() { return new ResponsiveNavigationService(); }, token: ResponsiveNavigationService, providedIn: "root" });
+ResponsiveNavigationService.ɵprov = ɵɵdefineInjectable({ factory: function ResponsiveNavigationService_Factory() { return new ResponsiveNavigationService(); }, token: ResponsiveNavigationService, providedIn: "root" });
 ResponsiveNavigationService.decorators = [
     { type: Injectable, args: [{ providedIn: 'root' },] }
 ];
@@ -18097,12 +18120,12 @@ ClrTabContent.propDecorators = {
  */
 let nbTabsComponent = 0;
 const TABS_ID = new InjectionToken('TABS_ID');
-function tokenFactory() {
+function tokenFactory$1() {
     return 'clr-tabs-' + nbTabsComponent++;
 }
 const TABS_ID_PROVIDER = {
     provide: TABS_ID,
-    useFactory: tokenFactory,
+    useFactory: tokenFactory$1,
 };
 
 /*
@@ -19156,7 +19179,7 @@ const SIGNPOST_POSITIONS = {
  * The full license information can be found in LICENSE in the root directory of this project.
  */
 // aka where the arrow / pointer is at in relation to the anchor
-const POSITIONS$1 = [
+const POSITIONS = [
     'top-left',
     'top-middle',
     'top-right',
@@ -19231,7 +19254,7 @@ class ClrSignpostContent extends AbstractPopover {
     set position(position) {
         // Ugh
         this.renderer.removeClass(this.el.nativeElement, this.position);
-        if (position && POSITIONS$1.indexOf(position) > -1) {
+        if (position && POSITIONS.indexOf(position) > -1) {
             this._position = position;
         }
         else {
@@ -19361,7 +19384,7 @@ ClrTooltip.decorators = [
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */
-const POSITIONS = ['bottom-left', 'bottom-right', 'top-left', 'top-right', 'right', 'left'];
+const POSITIONS$1 = ['bottom-left', 'bottom-right', 'top-left', 'top-right', 'right', 'left'];
 const SIZES = ['xs', 'sm', 'md', 'lg'];
 class ClrTooltipContent extends AbstractPopover {
     constructor(injector, parentHost, uniqueId, tooltipIdService) {
@@ -19393,7 +19416,7 @@ class ClrTooltipContent extends AbstractPopover {
     set position(position) {
         // Ugh
         this.renderer.removeClass(this.el.nativeElement, 'tooltip-' + this.position);
-        if (position && POSITIONS.indexOf(position) > -1) {
+        if (position && POSITIONS$1.indexOf(position) > -1) {
             this._position = position;
         }
         else {
@@ -22304,6 +22327,16 @@ class ClrAccordionPanel {
     emitPanelChange(panel) {
         if (panel.open !== this.panelOpen) {
             this.panelOpenChange.emit(panel.open);
+            /**
+             * @Note: this line below is needed because we don't want to use another value to track
+             * for changes of the panel. Because we use BehaviorSubject this emit event is trigger on
+             * init (that is not needed - there is no change of the original value) - in some cases this
+             * lead to duplicate events.
+             *
+             * To prevent this we try to emit only when the value is changed and keep the value in sync
+             * even that is used only into the Initial Lifecycle (ngOnInit).
+             */
+            this.panelOpen = panel.open;
         }
         if (panel.open) {
             this.ifExpandService.expanded = true;
@@ -22458,7 +22491,7 @@ AccordionOompaLoompa.ctorParameters = () => [
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */
-const declarations$1 = [
+const declarations = [
     ClrAccordion,
     ClrAccordionPanel,
     ClrAccordionTitle,
@@ -22475,8 +22508,8 @@ class ClrAccordionModule {
 ClrAccordionModule.decorators = [
     { type: NgModule, args: [{
                 imports: [CommonModule, ClrIconModule],
-                declarations: [...declarations$1],
-                exports: [...declarations$1],
+                declarations: [...declarations],
+                exports: [...declarations],
             },] }
 ];
 ClrAccordionModule.ctorParameters = () => [];
@@ -22905,14 +22938,14 @@ StepperOompaLoompa.ctorParameters = () => [
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */
-const declarations = [ClrStepper, ClrStepButton, ClrStepperPanel, StepperOompaLoompa, StepperWillyWonka];
+const declarations$1 = [ClrStepper, ClrStepButton, ClrStepperPanel, StepperOompaLoompa, StepperWillyWonka];
 class ClrStepperModule {
 }
 ClrStepperModule.decorators = [
     { type: NgModule, args: [{
                 imports: [CommonModule, ClrIconModule, ClrAccordionModule],
-                declarations: [...declarations],
-                exports: [...declarations, ClrAccordionModule],
+                declarations: [...declarations$1],
+                exports: [...declarations$1, ClrAccordionModule],
             },] }
 ];
 
@@ -23833,7 +23866,7 @@ class ClrAriaLiveService {
         return ariaLiveElement;
     }
 }
-ClrAriaLiveService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ClrAriaLiveService_Factory() { return new ClrAriaLiveService(i0.ɵɵinject(i0.NgZone), i0.ɵɵinject(i1.DOCUMENT), i0.ɵɵinject(i0.PLATFORM_ID)); }, token: ClrAriaLiveService, providedIn: "root" });
+ClrAriaLiveService.ɵprov = ɵɵdefineInjectable({ factory: function ClrAriaLiveService_Factory() { return new ClrAriaLiveService(ɵɵinject(NgZone), ɵɵinject(DOCUMENT), ɵɵinject(PLATFORM_ID)); }, token: ClrAriaLiveService, providedIn: "root" });
 ClrAriaLiveService.decorators = [
     { type: Injectable, args: [{
                 providedIn: 'root',
@@ -23941,5 +23974,5 @@ ClrAriaLiveService.ctorParameters = () => [
  * Generated bundle index. Do not edit.
  */
 
-export { CLR_ALERT_DIRECTIVES, CLR_BUTTON_GROUP_DIRECTIVES, CLR_DATAGRID_DIRECTIVES, CLR_DATEPICKER_DIRECTIVES, CLR_DRAG_AND_DROP_DIRECTIVES, CLR_DROPDOWN_DIRECTIVES, CLR_ICON_DIRECTIVES, CLR_LAYOUT_DIRECTIVES, CLR_LOADING_BUTTON_DIRECTIVES, CLR_LOADING_DIRECTIVES, CLR_MENU_POSITIONS, CLR_MODAL_DIRECTIVES, CLR_NAVIGATION_DIRECTIVES, CLR_PROGRESS_BAR_DIRECTIVES, CLR_SIGNPOST_DIRECTIVES, CLR_SPINNER_DIRECTIVES, CLR_STACK_VIEW_DIRECTIVES, CLR_TABS_DIRECTIVES, CLR_TOOLTIP_DIRECTIVES, CLR_TREE_VIEW_DIRECTIVES, CLR_VERTICAL_NAV_DIRECTIVES, CLR_WIZARD_DIRECTIVES, CONDITIONAL_DIRECTIVES, CUSTOM_BUTTON_TYPES, CdsIconCustomTag, ClarityModule, ClrAbstractContainer, ClrAccordion, ClrAccordionContent, ClrAccordionDescription, ClrAccordionModule, ClrAccordionPanel, ClrAccordionTitle, ClrAlert, ClrAlertItem, ClrAlertModule, ClrAlertText, ClrAlerts, ClrAlertsPager, ClrAlignment, ClrAriaLivePoliteness, ClrAriaLiveService, ClrAxis, ClrButton, ClrButtonGroup, ClrButtonGroupModule, ClrButtonModule, ClrCalendar, ClrCheckbox, ClrCheckboxContainer, ClrCheckboxModule, ClrCheckboxWrapper, ClrCombobox, ClrComboboxContainer, ClrComboboxModule, ClrCommonFormsModule, ClrCommonStringsService, ClrConditionalModule, ClrControl, ClrControlContainer, ClrControlError, ClrControlHelper, ClrControlSuccess, ClrDataModule, ClrDatagrid, ClrDatagridActionBar, ClrDatagridActionOverflow, ClrDatagridCell, ClrDatagridColumn, ClrDatagridColumnSeparator, ClrDatagridColumnToggle, ClrDatagridColumnToggleButton, ClrDatagridColumnToggleTitle, ClrDatagridDetail, ClrDatagridDetailBody, ClrDatagridDetailHeader, ClrDatagridFilter, ClrDatagridFooter, ClrDatagridHideableColumn, ClrDatagridItems, ClrDatagridItemsTrackBy, ClrDatagridModule, ClrDatagridPageSize, ClrDatagridPagination, ClrDatagridPlaceholder, ClrDatagridRow, ClrDatagridRowDetail, ClrDatagridSortOrder, ClrDatalist, ClrDatalistContainer, ClrDatalistInput, ClrDatalistModule, ClrDateContainer, ClrDateInput, ClrDatepickerModule, ClrDatepickerViewManager, ClrDay, ClrDaypicker, ClrDragAndDropModule, ClrDragEvent, ClrDragHandle, ClrDraggable, ClrDraggableGhost, ClrDropdown, ClrDropdownItem, ClrDropdownMenu, ClrDropdownModule, ClrDropdownTrigger, ClrDroppable, ClrEmphasisModule, ClrExpandableAnimation, ClrFocusOnViewInit, ClrFocusOnViewInitModule, ClrForm, ClrFormLayout, ClrFormsModule, ClrHeader, ClrIconCustomTag, ClrIconModule, ClrIfActive, ClrIfDetail, ClrIfDragged, ClrIfError, ClrIfExpanded, ClrIfOpen, ClrIfSuccess, ClrInput, ClrInputContainer, ClrInputModule, ClrLabel, ClrLayout, ClrLayoutModule, ClrLoading, ClrLoadingButton, ClrLoadingButtonModule, ClrLoadingModule, ClrLoadingState, ClrMainContainer, ClrMainContainerModule, ClrModal, ClrModalBody, ClrModalModule, ClrMonthpicker, ClrNavLevel, ClrNavigationModule, ClrOption, ClrOptionItems, ClrOptionSelected, ClrOptions, ClrPassword, ClrPasswordContainer, ClrPasswordModule, ClrPopoverAnchor, ClrPopoverContent, ClrPopoverEventsService, ClrPopoverModule, ClrPopoverPositionService, ClrPopoverToggleService, ClrProgressBar, ClrProgressBarModule, ClrRadio, ClrRadioContainer, ClrRadioModule, ClrRadioWrapper, ClrRange, ClrRangeContainer, ClrRangeModule, ClrRecursiveForOf, ClrSelect, ClrSelectContainer, ClrSelectModule, ClrSelectedState, ClrSide, ClrSignpost, ClrSignpostContent, ClrSignpostModule, ClrSignpostTrigger, ClrSpinner, ClrSpinnerModule, ClrStackBlock, ClrStackContentInput, ClrStackHeader, ClrStackInput, ClrStackSelect, ClrStackView, ClrStackViewCustomTags, ClrStackViewModule, ClrStepButton, ClrStepButtonType, ClrStepper, ClrStepperModule, ClrStepperPanel, ClrTab, ClrTabContent, ClrTabLink, ClrTabOverflowContent, ClrTabs, ClrTabsModule, ClrTextarea, ClrTextareaContainer, ClrTextareaModule, ClrTimeline, ClrTimelineLayout, ClrTimelineModule, ClrTimelineStep, ClrTimelineStepDescription, ClrTimelineStepHeader, ClrTimelineStepState, ClrTimelineStepTitle, ClrTooltip, ClrTooltipContent, ClrTooltipModule, ClrTooltipTrigger, ClrTree, ClrTreeNode, ClrTreeNodeLink, ClrTreeViewModule, ClrVerticalNav, ClrVerticalNavGroup, ClrVerticalNavGroupChildren, ClrVerticalNavIcon, ClrVerticalNavLink, ClrVerticalNavModule, ClrWizard, ClrWizardButton, ClrWizardCustomTags, ClrWizardHeaderAction, ClrWizardModule, ClrWizardPage, ClrWizardPageButtons, ClrWizardPageHeaderActions, ClrWizardPageNavTitle, ClrWizardPageTitle, ClrWizardStepnav, ClrWizardStepnavItem, ClrYearpicker, DEFAULT_BUTTON_TYPES, DatagridNumericFilter, DatagridPropertyComparator, DatagridPropertyNumericFilter, DatagridPropertyStringFilter, DatagridStringFilter, EXPANDABLE_ANIMATION_DIRECTIVES, FOCUS_ON_VIEW_INIT, FOCUS_ON_VIEW_INIT_DIRECTIVES, IS_TOGGLE, IS_TOGGLE_PROVIDER, LoadingListener, MainContainerWillyWonka, NavDetectionOompaLoompa, TOGGLE_SERVICE, TOGGLE_SERVICE_PROVIDER, ToggleServiceFactory, WrappedFormControl, collapse, commonStringsDefault, fade, fadeSlide, isToggleFactory, slide, AccordionOompaLoompa as ÇlrAccordionOompaLoompa, AccordionWillyWonka as ÇlrAccordionWillyWonka, ActionableOompaLoompa as ÇlrActionableOompaLoompa, ActiveOompaLoompa as ÇlrActiveOompaLoompa, ClrFocusTrapModule as ÇlrClrFocusTrapModule, ClrPopoverCloseButton as ÇlrClrPopoverCloseButton, ClrPopoverModuleNext as ÇlrClrPopoverModuleNext, ClrPopoverOpenCloseButton as ÇlrClrPopoverOpenCloseButton, DatagridCellRenderer as ÇlrDatagridCellRenderer, DatagridDetailRegisterer as ÇlrDatagridDetailRegisterer, DatagridHeaderRenderer as ÇlrDatagridHeaderRenderer, DatagridMainRenderer as ÇlrDatagridMainRenderer, DatagridRowRenderer as ÇlrDatagridRowRenderer, DatagridWillyWonka as ÇlrDatagridWillyWonka, ExpandableOompaLoompa as ÇlrExpandableOompaLoompa, FocusTrapDirective as ÇlrFocusTrapDirective, FocusTrapTracker as ÇlrFocusTrapTracker, StepperOompaLoompa as ÇlrStepperOompaLoompa, StepperWillyWonka as ÇlrStepperWillyWonka, TabsWillyWonka as ÇlrTabsWillyWonka, WrappedCell as ÇlrWrappedCell, WrappedColumn as ÇlrWrappedColumn, WrappedRow as ÇlrWrappedRow, domAdapterFactory as ɵa, LayoutService as ɵb, AlertIconAndTypesService as ɵba, MultiAlertService as ɵbb, ControlIdService as ɵbc, NgControlService as ɵbd, ClrAbstractControl as ɵbe, ContainerIdService as ɵbf, AbstractIfState as ɵbg, IfControlStateService as ɵbh, MarkControlService as ɵbi, ControlClassService as ɵbj, ClrHostWrappingModule as ɵbk, EmptyAnchor as ɵbl, ClrKeyFocusModule as ɵbm, ClrKeyFocus as ɵbn, ClrKeyFocusItem as ɵbo, ClrRovingTabindex as ɵbp, OptionSelectionService as ɵbq, AriaService as ɵbr, ComboboxFocusHandler as ɵbs, COMBOBOX_FOCUS_HANDLER_PROVIDER as ɵbt, ComboboxContainerService as ɵbu, DateNavigationService as ɵbv, DateFormControlService as ɵbw, LocaleHelperService as ɵbx, FocusService$1 as ɵby, DateIOService as ɵbz, FOCUS_ON_VIEW_INIT_PROVIDER as ɵc, DatepickerEnabledService as ɵca, ViewManagerService as ɵcb, DatepickerFocusService as ɵcc, DatalistIdService as ɵcd, ClrOutsideClickModule as ɵce, OUSTIDE_CLICK_DIRECTIVES as ɵcf, OutsideClick as ɵcg, ClrExpandableAnimationModule as ɵch, DomAdapter as ɵci, DragEventListenerService as ɵcj, DragAndDropEventBusService as ɵck, DragHandleRegistrarService as ɵcl, DraggableSnapshotService as ɵcm, GlobalDragModeService as ɵcn, Selection as ɵco, Items as ɵcp, FiltersProvider as ɵcq, Page as ɵcr, StateDebouncer as ɵcs, Sort as ɵct, DatagridRenderOrganizer as ɵcu, RowActionService as ɵcv, ExpandableRowsCount as ɵcw, DetailService as ɵcx, StateProvider as ɵcy, TableSizeService as ɵcz, FOCUS_TRAP_DIRECTIVES as ɵd, ColumnsService as ɵda, DisplayModeService as ɵdb, DatagridFilterRegistrar as ɵdc, CustomFilter as ɵdd, DatagridIfExpandService as ɵde, SignpostFocusManager as ɵdf, SignpostIdService as ɵdg, ColumnResizerService as ɵdh, COLUMN_STATE as ɵdi, columnStateFactory as ɵdj, COLUMN_STATE_PROVIDER as ɵdk, WillyWonka as ɵdm, OompaLoompa as ɵdn, StackControl as ɵdo, TreeFeaturesService as ɵdp, treeFeaturesFactory as ɵdq, TREE_FEATURES_PROVIDER as ɵdr, TreeFocusManagerService as ɵds, RecursiveChildren as ɵdt, ScrollingService as ɵdu, ButtonInGroupService as ɵdv, ResponsiveNavigationService as ɵdw, ClrTemplateRefModule as ɵdx, TEMPLATE_REF_DIRECTIVES as ɵdy, TemplateRefContainer as ɵdz, RootDropdownService as ɵe, TabsService as ɵea, TABS_ID as ɵeb, tokenFactory as ɵec, TABS_ID_PROVIDER as ɵed, VerticalNavService as ɵee, VerticalNavIconService as ɵef, VerticalNavGroupRegistrationService as ɵeg, VerticalNavGroupService as ɵeh, TooltipIdService as ɵei, WizardNavigationService as ɵej, PageCollectionService as ɵek, ButtonHubService as ɵel, HeaderActionService as ɵem, AccordionService as ɵen, panelAnimation as ɵeo, stepAnimation as ɵep, defaultAnimationTiming as ɵeq, StepperService as ɵer, TimelineIconAttributeService as ɵes, clrRootDropdownFactory as ɵf, ROOT_DROPDOWN_PROVIDER as ɵg, POPOVER_HOST_ANCHOR as ɵh, FocusService as ɵi, clrFocusServiceFactory as ɵj, FOCUS_SERVICE_PROVIDER as ɵk, DropdownFocusHandler as ɵl, DROPDOWN_FOCUS_HANDLER_PROVIDER as ɵm, customFocusableItemProvider as ɵn, UNIQUE_ID as ɵo, uniqueIdFactory as ɵp, UNIQUE_ID_PROVIDER as ɵq, FocusableItem as ɵr, AbstractPopover as ɵs, BasicFocusableItem as ɵt, BASIC_FOCUSABLE_ITEM_PROVIDER as ɵu, IF_ACTIVE_ID as ɵv, tokenFactory$1 as ɵw, IF_ACTIVE_ID_PROVIDER as ɵx, IfActiveService as ɵy, IfExpandService as ɵz };
+export { CLR_ALERT_DIRECTIVES, CLR_BUTTON_GROUP_DIRECTIVES, CLR_DATAGRID_DIRECTIVES, CLR_DATEPICKER_DIRECTIVES, CLR_DRAG_AND_DROP_DIRECTIVES, CLR_DROPDOWN_DIRECTIVES, CLR_ICON_DIRECTIVES, CLR_LAYOUT_DIRECTIVES, CLR_LOADING_BUTTON_DIRECTIVES, CLR_LOADING_DIRECTIVES, CLR_MENU_POSITIONS, CLR_MODAL_DIRECTIVES, CLR_NAVIGATION_DIRECTIVES, CLR_PROGRESS_BAR_DIRECTIVES, CLR_SIGNPOST_DIRECTIVES, CLR_SPINNER_DIRECTIVES, CLR_STACK_VIEW_DIRECTIVES, CLR_TABS_DIRECTIVES, CLR_TOOLTIP_DIRECTIVES, CLR_TREE_VIEW_DIRECTIVES, CLR_VERTICAL_NAV_DIRECTIVES, CLR_WIZARD_DIRECTIVES, CONDITIONAL_DIRECTIVES, CUSTOM_BUTTON_TYPES, CdsIconCustomTag, ClarityModule, ClrAbstractContainer, ClrAccordion, ClrAccordionContent, ClrAccordionDescription, ClrAccordionModule, ClrAccordionPanel, ClrAccordionTitle, ClrAlert, ClrAlertItem, ClrAlertModule, ClrAlertText, ClrAlerts, ClrAlertsPager, ClrAlignment, ClrAriaLivePoliteness, ClrAriaLiveService, ClrAxis, ClrButton, ClrButtonGroup, ClrButtonGroupModule, ClrButtonModule, ClrCalendar, ClrCheckbox, ClrCheckboxContainer, ClrCheckboxModule, ClrCheckboxWrapper, ClrCombobox, ClrComboboxContainer, ClrComboboxModule, ClrCommonFormsModule, ClrCommonStringsService, ClrConditionalModule, ClrControl, ClrControlContainer, ClrControlError, ClrControlHelper, ClrControlSuccess, ClrDataModule, ClrDatagrid, ClrDatagridActionBar, ClrDatagridActionOverflow, ClrDatagridCell, ClrDatagridColumn, ClrDatagridColumnSeparator, ClrDatagridColumnToggle, ClrDatagridColumnToggleButton, ClrDatagridColumnToggleTitle, ClrDatagridDetail, ClrDatagridDetailBody, ClrDatagridDetailHeader, ClrDatagridFilter, ClrDatagridFooter, ClrDatagridHideableColumn, ClrDatagridItems, ClrDatagridItemsTrackBy, ClrDatagridModule, ClrDatagridPageSize, ClrDatagridPagination, ClrDatagridPlaceholder, ClrDatagridRow, ClrDatagridRowDetail, ClrDatagridSortOrder, ClrDatalist, ClrDatalistContainer, ClrDatalistInput, ClrDatalistModule, ClrDateContainer, ClrDateInput, ClrDatepickerModule, ClrDatepickerViewManager, ClrDay, ClrDaypicker, ClrDragAndDropModule, ClrDragEvent, ClrDragHandle, ClrDraggable, ClrDraggableGhost, ClrDropdown, ClrDropdownItem, ClrDropdownMenu, ClrDropdownModule, ClrDropdownTrigger, ClrDroppable, ClrEmphasisModule, ClrExpandableAnimation, ClrFocusOnViewInit, ClrFocusOnViewInitModule, ClrForm, ClrFormLayout, ClrFormsModule, ClrHeader, ClrIconCustomTag, ClrIconModule, ClrIfActive, ClrIfDetail, ClrIfDragged, ClrIfError, ClrIfExpanded, ClrIfOpen, ClrIfSuccess, ClrInput, ClrInputContainer, ClrInputModule, ClrLabel, ClrLayout, ClrLayoutModule, ClrLoading, ClrLoadingButton, ClrLoadingButtonModule, ClrLoadingModule, ClrLoadingState, ClrMainContainer, ClrMainContainerModule, ClrModal, ClrModalBody, ClrModalModule, ClrMonthpicker, ClrNavLevel, ClrNavigationModule, ClrOption, ClrOptionItems, ClrOptionSelected, ClrOptions, ClrPassword, ClrPasswordContainer, ClrPasswordModule, ClrPopoverAnchor, ClrPopoverContent, ClrPopoverEventsService, ClrPopoverModule, ClrPopoverPositionService, ClrPopoverToggleService, ClrProgressBar, ClrProgressBarModule, ClrRadio, ClrRadioContainer, ClrRadioModule, ClrRadioWrapper, ClrRange, ClrRangeContainer, ClrRangeModule, ClrRecursiveForOf, ClrSelect, ClrSelectContainer, ClrSelectModule, ClrSelectedState, ClrSide, ClrSignpost, ClrSignpostContent, ClrSignpostModule, ClrSignpostTrigger, ClrSpinner, ClrSpinnerModule, ClrStackBlock, ClrStackContentInput, ClrStackHeader, ClrStackInput, ClrStackSelect, ClrStackView, ClrStackViewCustomTags, ClrStackViewModule, ClrStepButton, ClrStepButtonType, ClrStepper, ClrStepperModule, ClrStepperPanel, ClrTab, ClrTabContent, ClrTabLink, ClrTabOverflowContent, ClrTabs, ClrTabsModule, ClrTextarea, ClrTextareaContainer, ClrTextareaModule, ClrTimeline, ClrTimelineLayout, ClrTimelineModule, ClrTimelineStep, ClrTimelineStepDescription, ClrTimelineStepHeader, ClrTimelineStepState, ClrTimelineStepTitle, ClrTooltip, ClrTooltipContent, ClrTooltipModule, ClrTooltipTrigger, ClrTree, ClrTreeNode, ClrTreeNodeLink, ClrTreeViewModule, ClrVerticalNav, ClrVerticalNavGroup, ClrVerticalNavGroupChildren, ClrVerticalNavIcon, ClrVerticalNavLink, ClrVerticalNavModule, ClrWizard, ClrWizardButton, ClrWizardCustomTags, ClrWizardHeaderAction, ClrWizardModule, ClrWizardPage, ClrWizardPageButtons, ClrWizardPageHeaderActions, ClrWizardPageNavTitle, ClrWizardPageTitle, ClrWizardStepnav, ClrWizardStepnavItem, ClrYearpicker, DEFAULT_BUTTON_TYPES, DatagridNumericFilter, DatagridPropertyComparator, DatagridPropertyNumericFilter, DatagridPropertyStringFilter, DatagridStringFilter, EXPANDABLE_ANIMATION_DIRECTIVES, FOCUS_ON_VIEW_INIT, FOCUS_ON_VIEW_INIT_DIRECTIVES, IS_TOGGLE, IS_TOGGLE_PROVIDER, LoadingListener, MainContainerWillyWonka, NavDetectionOompaLoompa, TOGGLE_SERVICE, TOGGLE_SERVICE_PROVIDER, ToggleServiceFactory, WrappedFormControl, collapse, commonStringsDefault, fade, fadeSlide, isToggleFactory, slide, AccordionOompaLoompa as ÇlrAccordionOompaLoompa, AccordionWillyWonka as ÇlrAccordionWillyWonka, ActionableOompaLoompa as ÇlrActionableOompaLoompa, ActiveOompaLoompa as ÇlrActiveOompaLoompa, ClrFocusTrapModule as ÇlrClrFocusTrapModule, ClrPopoverCloseButton as ÇlrClrPopoverCloseButton, ClrPopoverModuleNext as ÇlrClrPopoverModuleNext, ClrPopoverOpenCloseButton as ÇlrClrPopoverOpenCloseButton, DatagridCellRenderer as ÇlrDatagridCellRenderer, DatagridDetailRegisterer as ÇlrDatagridDetailRegisterer, DatagridHeaderRenderer as ÇlrDatagridHeaderRenderer, DatagridMainRenderer as ÇlrDatagridMainRenderer, DatagridRowRenderer as ÇlrDatagridRowRenderer, DatagridWillyWonka as ÇlrDatagridWillyWonka, ExpandableOompaLoompa as ÇlrExpandableOompaLoompa, FocusTrapDirective as ÇlrFocusTrapDirective, FocusTrapTracker as ÇlrFocusTrapTracker, StepperOompaLoompa as ÇlrStepperOompaLoompa, StepperWillyWonka as ÇlrStepperWillyWonka, TabsWillyWonka as ÇlrTabsWillyWonka, WrappedCell as ÇlrWrappedCell, WrappedColumn as ÇlrWrappedColumn, WrappedRow as ÇlrWrappedRow, domAdapterFactory as ɵa, LayoutService as ɵb, AlertIconAndTypesService as ɵba, MultiAlertService as ɵbb, ControlIdService as ɵbc, NgControlService as ɵbd, ClrAbstractControl as ɵbe, ContainerIdService as ɵbf, AbstractIfState as ɵbg, IfControlStateService as ɵbh, MarkControlService as ɵbi, ControlClassService as ɵbj, ClrHostWrappingModule as ɵbk, EmptyAnchor as ɵbl, ClrKeyFocusModule as ɵbm, ClrKeyFocus as ɵbn, ClrKeyFocusItem as ɵbo, ClrRovingTabindex as ɵbp, OptionSelectionService as ɵbq, AriaService as ɵbr, ComboboxFocusHandler as ɵbs, COMBOBOX_FOCUS_HANDLER_PROVIDER as ɵbt, ComboboxContainerService as ɵbu, DateNavigationService as ɵbv, DateFormControlService as ɵbw, LocaleHelperService as ɵbx, FocusService as ɵby, DateIOService as ɵbz, FOCUS_ON_VIEW_INIT_PROVIDER as ɵc, DatepickerEnabledService as ɵca, ViewManagerService as ɵcb, DatepickerFocusService as ɵcc, DatalistIdService as ɵcd, ClrOutsideClickModule as ɵce, OUSTIDE_CLICK_DIRECTIVES as ɵcf, OutsideClick as ɵcg, ClrExpandableAnimationModule as ɵch, DomAdapter as ɵci, DragEventListenerService as ɵcj, DragAndDropEventBusService as ɵck, DragHandleRegistrarService as ɵcl, DraggableSnapshotService as ɵcm, GlobalDragModeService as ɵcn, Selection as ɵco, Items as ɵcp, FiltersProvider as ɵcq, Page as ɵcr, StateDebouncer as ɵcs, Sort as ɵct, DatagridRenderOrganizer as ɵcu, RowActionService as ɵcv, ExpandableRowsCount as ɵcw, DetailService as ɵcx, StateProvider as ɵcy, TableSizeService as ɵcz, FOCUS_TRAP_DIRECTIVES as ɵd, ColumnsService as ɵda, DisplayModeService as ɵdb, DatagridFilterRegistrar as ɵdc, CustomFilter as ɵdd, DatagridIfExpandService as ɵde, SignpostFocusManager as ɵdf, SignpostIdService as ɵdg, ColumnResizerService as ɵdh, COLUMN_STATE as ɵdi, columnStateFactory as ɵdj, COLUMN_STATE_PROVIDER as ɵdk, WillyWonka as ɵdm, OompaLoompa as ɵdn, StackControl as ɵdo, TreeFeaturesService as ɵdp, treeFeaturesFactory as ɵdq, TREE_FEATURES_PROVIDER as ɵdr, TreeFocusManagerService as ɵds, RecursiveChildren as ɵdt, ScrollingService as ɵdu, ButtonInGroupService as ɵdv, ResponsiveNavigationService as ɵdw, ClrTemplateRefModule as ɵdx, TEMPLATE_REF_DIRECTIVES as ɵdy, TemplateRefContainer as ɵdz, RootDropdownService as ɵe, TabsService as ɵea, TABS_ID as ɵeb, tokenFactory$1 as ɵec, TABS_ID_PROVIDER as ɵed, VerticalNavService as ɵee, VerticalNavIconService as ɵef, VerticalNavGroupRegistrationService as ɵeg, VerticalNavGroupService as ɵeh, TooltipIdService as ɵei, WizardNavigationService as ɵej, PageCollectionService as ɵek, ButtonHubService as ɵel, HeaderActionService as ɵem, AccordionService as ɵen, panelAnimation as ɵeo, stepAnimation as ɵep, defaultAnimationTiming as ɵeq, StepperService as ɵer, TimelineIconAttributeService as ɵes, clrRootDropdownFactory as ɵf, ROOT_DROPDOWN_PROVIDER as ɵg, POPOVER_HOST_ANCHOR as ɵh, FocusService$1 as ɵi, clrFocusServiceFactory as ɵj, FOCUS_SERVICE_PROVIDER as ɵk, DropdownFocusHandler as ɵl, DROPDOWN_FOCUS_HANDLER_PROVIDER as ɵm, customFocusableItemProvider as ɵn, UNIQUE_ID as ɵo, uniqueIdFactory as ɵp, UNIQUE_ID_PROVIDER as ɵq, FocusableItem as ɵr, AbstractPopover as ɵs, BasicFocusableItem as ɵt, BASIC_FOCUSABLE_ITEM_PROVIDER as ɵu, IF_ACTIVE_ID as ɵv, tokenFactory as ɵw, IF_ACTIVE_ID_PROVIDER as ɵx, IfActiveService as ɵy, IfExpandService as ɵz };
 //# sourceMappingURL=clr-angular.js.map