@clr/angular 5.4.0 → 5.5.2

package/bundles/clr-angular.umd.js

@@ -4,29 +4,6 @@
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.clr = global.clr || {}, global.clr.angular = {}), global.ng.core, global.icon, global.ng.common, global.rxjs, global.rxjs.operators, global.ng.animations, global.ng.forms));
 }(this, (function (exports, i0, icon, i1, rxjs, operators, animations, forms) { 'use strict';
 
-    function _interopNamespace(e) {
-        if (e && e.__esModule) return e;
-        var n = Object.create(null);
-        if (e) {
-            Object.keys(e).forEach(function (k) {
-                if (k !== 'default') {
-                    var d = Object.getOwnPropertyDescriptor(e, k);
-                    Object.defineProperty(n, k, d.get ? d : {
-                        enumerable: true,
-                        get: function () {
-                            return e[k];
-                        }
-                    });
-                }
-            });
-        }
-        n['default'] = e;
-        return Object.freeze(n);
-    }
-
-    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
-    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
-
     /*
      * Copyright (c) 2016-2021 VMware, Inc. All Rights Reserved.
      * This software is released under MIT license.
@@ -414,7 +391,6 @@
      * The full license information can be found in LICENSE in the root directory of this project.
      *
      */
-    exports.ClrAlignment = void 0;
     (function (ClrAlignment) {
         ClrAlignment[ClrAlignment["START"] = 0] = "START";
         ClrAlignment[ClrAlignment["CENTER"] = 0.5] = "CENTER";
@@ -596,7 +572,6 @@
      * The full license information can be found in LICENSE in the root directory of this project.
      *
      */
-    exports.ClrAxis = void 0;
     (function (ClrAxis) {
         ClrAxis[ClrAxis["VERTICAL"] = 0] = "VERTICAL";
         ClrAxis[ClrAxis["HORIZONTAL"] = 1] = "HORIZONTAL";
@@ -1127,7 +1102,6 @@
      * This software is released under MIT license.
      * The full license information can be found in LICENSE in the root directory of this project.
      */
-    exports.ClrLoadingState = void 0;
     (function (ClrLoadingState) {
         ClrLoadingState[ClrLoadingState["DEFAULT"] = 0] = "DEFAULT";
         ClrLoadingState[ClrLoadingState["LOADING"] = 1] = "LOADING";
@@ -1389,7 +1363,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
@@ -1470,7 +1445,7 @@
         };
         return ClrCommonStringsService;
     }());
-    ClrCommonStringsService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function ClrCommonStringsService_Factory() { return new ClrCommonStringsService(); }, token: ClrCommonStringsService, providedIn: "root" });
+    ClrCommonStringsService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ClrCommonStringsService_Factory() { return new ClrCommonStringsService(); }, token: ClrCommonStringsService, providedIn: "root" });
     ClrCommonStringsService.decorators = [
         { type: i0.Injectable, args: [{
                     providedIn: 'root',
@@ -1498,7 +1473,6 @@
      * The full license information can be found in LICENSE in the root directory of this project.
      *
      */
-    exports.ClrSide = void 0;
     (function (ClrSide) {
         ClrSide[ClrSide["BEFORE"] = -1] = "BEFORE";
         ClrSide[ClrSide["AFTER"] = 1] = "AFTER";
@@ -2233,10 +2207,10 @@
      * This software is released under MIT license.
      * The full license information can be found in LICENSE in the root directory of this project.
      */
-    var counter$2 = 0;
+    var counter = 0;
     var ControlIdService = /** @class */ (function () {
         function ControlIdService() {
-            this._id = 'clr-form-control-' + ++counter$2;
+            this._id = 'clr-form-control-' + ++counter;
             this._idChange = new rxjs.BehaviorSubject(this._id);
         }
         Object.defineProperty(ControlIdService.prototype, "id", {
@@ -2305,7 +2279,6 @@
      * This software is released under MIT license.
      * The full license information can be found in LICENSE in the root directory of this project.
      */
-    exports.ClrFormLayout = void 0;
     (function (ClrFormLayout) {
         ClrFormLayout["VERTICAL"] = "vertical";
         ClrFormLayout["HORIZONTAL"] = "horizontal";
@@ -3151,11 +3124,19 @@
             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;
             }
@@ -3460,12 +3441,12 @@
      */
     var activeCounter = 0;
     var IF_ACTIVE_ID = new i0.InjectionToken('IF_ACTIVE_ID');
-    function tokenFactory$1() {
+    function tokenFactory() {
         return ++activeCounter;
     }
     var IF_ACTIVE_ID_PROVIDER = {
         provide: IF_ACTIVE_ID,
-        useFactory: tokenFactory$1,
+        useFactory: tokenFactory,
     };
     /*********
      * @class IfActiveService
@@ -3935,7 +3916,7 @@
         };
         return FocusTrapTracker;
     }());
-    FocusTrapTracker.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function FocusTrapTracker_Factory() { return new FocusTrapTracker(); }, token: FocusTrapTracker, providedIn: "root" });
+    FocusTrapTracker.ɵprov = i0.ɵɵdefineInjectable({ factory: function FocusTrapTracker_Factory() { return new FocusTrapTracker(); }, token: FocusTrapTracker, providedIn: "root" });
     FocusTrapTracker.decorators = [
         { type: i0.Injectable, args: [{ providedIn: 'root' },] }
     ];
@@ -5137,7 +5118,7 @@
      * This software is released under MIT license.
      * The full license information can be found in LICENSE in the root directory of this project.
      */
-    var FocusService$1 = /** @class */ (function () {
+    var FocusService = /** @class */ (function () {
         function FocusService() {
             this._focused = new rxjs.BehaviorSubject(false);
         }
@@ -5157,7 +5138,7 @@
         });
         return FocusService;
     }());
-    FocusService$1.decorators = [
+    FocusService.decorators = [
         { type: i0.Injectable }
     ];
 
@@ -5408,7 +5389,7 @@
                         ClrPopoverPositionService,
                         LocaleHelperService,
                         ControlClassService,
-                        FocusService$1,
+                        FocusService,
                         NgControlService,
                         DateIOService,
                         DateNavigationService,
@@ -5431,7 +5412,7 @@
         { type: DatepickerEnabledService },
         { type: DateFormControlService },
         { type: ClrCommonStringsService },
-        { type: FocusService$1 },
+        { type: FocusService },
         { type: ViewManagerService },
         { type: ControlClassService },
         { type: LayoutService, decorators: [{ type: i0.Optional }] },
@@ -5712,7 +5693,7 @@
         { type: DatepickerEnabledService, decorators: [{ type: i0.Optional }] },
         { type: DateFormControlService, decorators: [{ type: i0.Optional }] },
         { type: undefined, decorators: [{ type: i0.Inject, args: [i0.PLATFORM_ID,] }] },
-        { type: FocusService$1, decorators: [{ type: i0.Optional }] },
+        { type: FocusService, decorators: [{ type: i0.Optional }] },
         { type: DatepickerFocusService }
     ]; };
     ClrDateInput.propDecorators = {
@@ -6418,7 +6399,7 @@
                         NgControlService,
                         ControlIdService,
                         ControlClassService,
-                        FocusService$1,
+                        FocusService,
                         TOGGLE_SERVICE_PROVIDER,
                         IfControlStateService,
                     ]
@@ -6429,7 +6410,7 @@
         { type: LayoutService, decorators: [{ type: i0.Optional }] },
         { type: ControlClassService },
         { type: NgControlService },
-        { type: FocusService$1 },
+        { type: FocusService },
         { type: rxjs.BehaviorSubject, decorators: [{ type: i0.Inject, args: [TOGGLE_SERVICE,] }] },
         { type: ClrCommonStringsService }
     ]; };
@@ -6474,7 +6455,7 @@
         { type: forms.NgControl, decorators: [{ type: i0.Self }, { type: i0.Optional }] },
         { type: i0.Renderer2 },
         { type: i0.ElementRef },
-        { type: FocusService$1, decorators: [{ type: i0.Optional }] },
+        { type: FocusService, decorators: [{ type: i0.Optional }] },
         { type: rxjs.BehaviorSubject, decorators: [{ type: i0.Optional }, { type: i0.Inject, args: [TOGGLE_SERVICE,] }] }
     ]; };
     ClrPassword.propDecorators = {
@@ -6895,10 +6876,10 @@
      * This software is released under MIT license.
      * The full license information can be found in LICENSE in the root directory of this project.
      */
-    var counter = 0;
+    var counter$2 = 0;
     var DatalistIdService = /** @class */ (function () {
         function DatalistIdService() {
-            this._id = 'clr-datalist-' + ++counter;
+            this._id = 'clr-datalist-' + ++counter$2;
             this._idChange = new rxjs.BehaviorSubject(this._id);
         }
         Object.defineProperty(DatalistIdService.prototype, "id", {
@@ -6950,7 +6931,7 @@
                         ControlClassService,
                         LayoutService,
                         ControlIdService,
-                        FocusService$1,
+                        FocusService,
                         NgControlService,
                         DatalistIdService,
                         IfControlStateService,
@@ -6961,7 +6942,7 @@
         { type: ControlClassService },
         { type: LayoutService, decorators: [{ type: i0.Optional }] },
         { type: NgControlService },
-        { type: FocusService$1 },
+        { type: FocusService },
         { type: IfControlStateService }
     ]; };
 
@@ -7004,7 +6985,7 @@
                 },] }
     ];
     ClrDatalistInput.ctorParameters = function () { return [
-        { type: FocusService$1, decorators: [{ type: i0.Optional }] },
+        { type: FocusService, decorators: [{ type: i0.Optional }] },
         { type: i0.ViewContainerRef },
         { type: i0.Injector },
         { type: forms.NgControl, decorators: [{ type: i0.Self }, { type: i0.Optional }] },
@@ -7902,7 +7883,7 @@
      * This software is released under MIT license.
      * The full license information can be found in LICENSE in the root directory of this project.
      */
-    var FocusService = /** @class */ (function () {
+    var FocusService$1 = /** @class */ (function () {
         function FocusService(renderer) {
             this.renderer = renderer;
             this._unlistenFuncs = [];
@@ -7981,19 +7962,19 @@
         };
         return FocusService;
     }());
-    FocusService.decorators = [
+    FocusService$1.decorators = [
         { type: i0.Injectable }
     ];
-    FocusService.ctorParameters = function () { return [
+    FocusService$1.ctorParameters = function () { return [
         { type: i0.Renderer2 }
     ]; };
     function clrFocusServiceFactory(existing, renderer) {
-        return existing || new FocusService(renderer);
+        return existing || new FocusService$1(renderer);
     }
     var FOCUS_SERVICE_PROVIDER = {
-        provide: FocusService,
+        provide: FocusService$1,
         useFactory: clrFocusServiceFactory,
-        deps: [[new i0.Optional(), new i0.SkipSelf(), FocusService], i0.Renderer2],
+        deps: [[new i0.Optional(), new i0.SkipSelf(), FocusService$1], i0.Renderer2],
     };
 
     var ClrCombobox = /** @class */ (function (_super) {
@@ -9019,21 +9000,30 @@
      * The full license information can be found in LICENSE in the root directory of this project.
      */
     var OutsideClick = /** @class */ (function () {
-        function OutsideClick(el) {
-            this.el = el;
+        function OutsideClick(host, renderer, ngZone) {
+            var _this = this;
             this.strict = false;
             this.outsideClick = new i0.EventEmitter(false);
+            ngZone.runOutsideAngular(function () {
+                _this.documentClickListener = renderer.listen('document', 'click', function (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(function () {
+                        _this.outsideClick.emit(event);
+                    });
+                });
+            });
         }
-        OutsideClick.prototype.documentClick = function (event) {
-            var target = event.target; // Get the element in the DOM on which the mouse was clicked
-            var 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);
+        OutsideClick.prototype.ngOnDestroy = function () {
+            this.documentClickListener();
         };
         return OutsideClick;
     }());
@@ -9041,12 +9031,13 @@
         { type: i0.Directive, args: [{ selector: '[clrOutsideClick]' },] }
     ];
     OutsideClick.ctorParameters = function () { return [
-        { type: i0.ElementRef }
+        { type: i0.ElementRef },
+        { type: i0.Renderer2 },
+        { type: i0.NgZone }
     ]; };
     OutsideClick.propDecorators = {
         strict: [{ type: i0.Input, args: ['clrStrict',] }],
-        outsideClick: [{ type: i0.Output, args: ['clrOutsideClick',] }],
-        documentClick: [{ type: i0.HostListener, args: ['document:click', ['$event'],] }]
+        outsideClick: [{ type: i0.Output, args: ['clrOutsideClick',] }]
     };
 
     var OUSTIDE_CLICK_DIRECTIVES = [OutsideClick];
@@ -9198,7 +9189,7 @@
         };
         return DragAndDropEventBusService;
     }());
-    DragAndDropEventBusService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function DragAndDropEventBusService_Factory() { return new DragAndDropEventBusService(); }, token: DragAndDropEventBusService, providedIn: "root" });
+    DragAndDropEventBusService.ɵprov = i0.ɵɵdefineInjectable({ factory: function DragAndDropEventBusService_Factory() { return new DragAndDropEventBusService(); }, token: DragAndDropEventBusService, providedIn: "root" });
     DragAndDropEventBusService.decorators = [
         { type: i0.Injectable, args: [{ providedIn: 'root' },] }
     ];
@@ -10782,7 +10773,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 [
@@ -11676,14 +11667,6 @@
      * This software is released under MIT license.
      * The full license information can be found in LICENSE in the root directory of this project.
      */
-    /**
-     * Enumeration representing the sorting order of a datagrid column. It is a constant Enum,
-     * i.e. each value needs to be treated as a `number`, starting at index 0.
-     *
-     * @export
-     * @enum {number}
-     */
-    exports.ClrDatagridSortOrder = void 0;
     (function (ClrDatagridSortOrder) {
         ClrDatagridSortOrder[ClrDatagridSortOrder["UNSORTED"] = 0] = "UNSORTED";
         ClrDatagridSortOrder[ClrDatagridSortOrder["ASC"] = 1] = "ASC";
@@ -12569,6 +12552,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)) {
@@ -12598,7 +12587,6 @@
                     selector: '[clrSignpostTrigger]',
                     host: {
                         class: 'signpost-trigger',
-                        '[attr.aria-label]': 'commonStrings.keys.signpostToggle',
                         '[attr.aria-expanded]': 'ariaExpanded',
                         '[attr.aria-controls]': 'ariaControl',
                         '[class.active]': 'isOpen',
@@ -13277,7 +13265,7 @@
         templateRef: [{ type: i0.ViewChild, args: ['rowPortal',] }]
     };
 
-    var nbRow$1 = 0;
+    var nbRow = 0;
     var DatagridIfExpandService = /** @class */ (function (_super) {
         __extends(DatagridIfExpandService, _super);
         function DatagridIfExpandService() {
@@ -13285,8 +13273,8 @@
             _this.expandableId = '';
             _this._replace = new rxjs.BehaviorSubject(false);
             _this._animate = new rxjs.Subject();
-            nbRow$1++;
-            _this.expandableId = 'clr-dg-expandable-row-' + nbRow$1;
+            nbRow++;
+            _this.expandableId = 'clr-dg-expandable-row-' + nbRow;
             return _this;
         }
         Object.defineProperty(DatagridIfExpandService.prototype, "expanded", {
@@ -13335,7 +13323,7 @@
     ];
     DatagridIfExpandService.ctorParameters = function () { return []; };
 
-    var nbRow = 0;
+    var nbRow$1 = 0;
     var ClrDatagridRow = /** @class */ (function () {
         function ClrDatagridRow(selection, rowActionService, globalExpandable, expand, detailService, displayMode, vcr, renderer, el, commonStrings) {
             var _this = this;
@@ -13359,10 +13347,10 @@
             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(rxjs.combineLatest(this.expand.replace, this.expand.expandChange).subscribe(function (_a) {
                 var _b = __read(_a, 2), expandReplaceValue = _b[0], expandChangeValue = _b[1];
@@ -13925,7 +13913,7 @@
                     /**
                      * 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();
                 }
             }));
         };
@@ -16163,8 +16151,6 @@
      * This software is released under MIT license.
      * The full license information can be found in LICENSE in the root directory of this project.
      */
-    // TODO: I'd like this to be a CheckedState enum for the checkboxes in the future.
-    exports.ClrSelectedState = void 0;
     (function (ClrSelectedState) {
         // WARNING! Unselected has the value 0,
         // so it's actually the only one that will evaluate to false if cast to a boolean.
@@ -17302,7 +17288,7 @@
         { type: i0.Renderer2 },
         { type: DropdownFocusHandler, decorators: [{ type: i0.SkipSelf }, { type: i0.Optional }] },
         { type: ClrPopoverToggleService },
-        { type: FocusService },
+        { type: FocusService$1 },
         { type: undefined, decorators: [{ type: i0.Inject, args: [i0.PLATFORM_ID,] }] }
     ]; };
     var DROPDOWN_FOCUS_HANDLER_PROVIDER = customFocusableItemProvider(DropdownFocusHandler);
@@ -18795,7 +18781,7 @@
         };
         return ResponsiveNavigationService;
     }());
-    ResponsiveNavigationService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function ResponsiveNavigationService_Factory() { return new ResponsiveNavigationService(); }, token: ResponsiveNavigationService, providedIn: "root" });
+    ResponsiveNavigationService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ResponsiveNavigationService_Factory() { return new ResponsiveNavigationService(); }, token: ResponsiveNavigationService, providedIn: "root" });
     ResponsiveNavigationService.decorators = [
         { type: i0.Injectable, args: [{ providedIn: 'root' },] }
     ];
@@ -19324,12 +19310,12 @@
      */
     var nbTabsComponent = 0;
     var TABS_ID = new i0.InjectionToken('TABS_ID');
-    function tokenFactory() {
+    function tokenFactory$1() {
         return 'clr-tabs-' + nbTabsComponent++;
     }
     var TABS_ID_PROVIDER = {
         provide: TABS_ID,
-        useFactory: tokenFactory,
+        useFactory: tokenFactory$1,
     };
 
     /*
@@ -20460,7 +20446,7 @@
     };
 
     // aka where the arrow / pointer is at in relation to the anchor
-    var POSITIONS$1 = [
+    var POSITIONS = [
         'top-left',
         'top-middle',
         'top-right',
@@ -20538,7 +20524,7 @@
             set: function (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 {
@@ -20658,7 +20644,7 @@
                 },] }
     ];
 
-    var POSITIONS = ['bottom-left', 'bottom-right', 'top-left', 'top-right', 'right', 'left'];
+    var POSITIONS$1 = ['bottom-left', 'bottom-right', 'top-left', 'top-right', 'right', 'left'];
     var SIZES = ['xs', 'sm', 'md', 'lg'];
     var ClrTooltipContent = /** @class */ (function (_super) {
         __extends(ClrTooltipContent, _super);
@@ -20697,7 +20683,7 @@
             set: function (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 {
@@ -23902,6 +23888,16 @@
         ClrAccordionPanel.prototype.emitPanelChange = function (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;
@@ -24063,7 +24059,7 @@
         { type: IfExpandService }
     ]; };
 
-    var declarations$1 = [
+    var declarations = [
         ClrAccordion,
         ClrAccordionPanel,
         ClrAccordionTitle,
@@ -24081,8 +24077,8 @@
     ClrAccordionModule.decorators = [
         { type: i0.NgModule, args: [{
                     imports: [i1.CommonModule, ClrIconModule],
-                    declarations: __spread(declarations$1),
-                    exports: __spread(declarations$1),
+                    declarations: __spread(declarations),
+                    exports: __spread(declarations),
                 },] }
     ];
     ClrAccordionModule.ctorParameters = function () { return []; };
@@ -24367,7 +24363,6 @@
      * This software is released under MIT license.
      * The full license information can be found in LICENSE in the root directory of this project.
      */
-    exports.ClrStepButtonType = void 0;
     (function (ClrStepButtonType) {
         ClrStepButtonType["Next"] = "next";
         ClrStepButtonType["Submit"] = "submit";
@@ -24527,7 +24522,7 @@
         { type: IfExpandService }
     ]; };
 
-    var declarations = [ClrStepper, ClrStepButton, ClrStepperPanel, StepperOompaLoompa, StepperWillyWonka];
+    var declarations$1 = [ClrStepper, ClrStepButton, ClrStepperPanel, StepperOompaLoompa, StepperWillyWonka];
     var ClrStepperModule = /** @class */ (function () {
         function ClrStepperModule() {
         }
@@ -24536,8 +24531,8 @@
     ClrStepperModule.decorators = [
         { type: i0.NgModule, args: [{
                     imports: [i1.CommonModule, ClrIconModule, ClrAccordionModule],
-                    declarations: __spread(declarations),
-                    exports: __spread(declarations, [ClrAccordionModule]),
+                    declarations: __spread(declarations$1),
+                    exports: __spread(declarations$1, [ClrAccordionModule]),
                 },] }
     ];
 
@@ -24765,7 +24760,6 @@
      * This software is released under MIT license.
      * The full license information can be found in LICENSE in the root directory of this project.
      */
-    exports.ClrTimelineLayout = void 0;
     (function (ClrTimelineLayout) {
         ClrTimelineLayout["HORIZONTAL"] = "horizontal";
         ClrTimelineLayout["VERTICAL"] = "vertical";
@@ -24776,7 +24770,6 @@
      * This software is released under MIT license.
      * The full license information can be found in LICENSE in the root directory of this project.
      */
-    exports.ClrTimelineStepState = void 0;
     (function (ClrTimelineStepState) {
         ClrTimelineStepState["NOT_STARTED"] = "not-started";
         ClrTimelineStepState["CURRENT"] = "current";
@@ -25409,7 +25402,6 @@
      * This software is released under MIT license.
      * The full license information can be found in LICENSE in the root directory of this project.
      */
-    exports.ClrAriaLivePoliteness = void 0;
     (function (ClrAriaLivePoliteness) {
         ClrAriaLivePoliteness["off"] = "off";
         ClrAriaLivePoliteness["polite"] = "polite";
@@ -25554,7 +25546,7 @@
         };
         return ClrAriaLiveService;
     }());
-    ClrAriaLiveService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function ClrAriaLiveService_Factory() { return new ClrAriaLiveService(i0__namespace.ɵɵinject(i0__namespace.NgZone), i0__namespace.ɵɵinject(i1__namespace.DOCUMENT), i0__namespace.ɵɵinject(i0__namespace.PLATFORM_ID)); }, token: ClrAriaLiveService, providedIn: "root" });
+    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.decorators = [
         { type: i0.Injectable, args: [{
                     providedIn: 'root',
@@ -25953,7 +25945,7 @@
     exports.ɵbv = DateNavigationService;
     exports.ɵbw = DateFormControlService;
     exports.ɵbx = LocaleHelperService;
-    exports.ɵby = FocusService$1;
+    exports.ɵby = FocusService;
     exports.ɵbz = DateIOService;
     exports.ɵc = FOCUS_ON_VIEW_INIT_PROVIDER;
     exports.ɵca = DatepickerEnabledService;
@@ -26011,7 +26003,7 @@
     exports.ɵe = RootDropdownService;
     exports.ɵea = TabsService;
     exports.ɵeb = TABS_ID;
-    exports.ɵec = tokenFactory;
+    exports.ɵec = tokenFactory$1;
     exports.ɵed = TABS_ID_PROVIDER;
     exports.ɵee = VerticalNavService;
     exports.ɵef = VerticalNavIconService;
@@ -26031,7 +26023,7 @@
     exports.ɵf = clrRootDropdownFactory;
     exports.ɵg = ROOT_DROPDOWN_PROVIDER;
     exports.ɵh = POPOVER_HOST_ANCHOR;
-    exports.ɵi = FocusService;
+    exports.ɵi = FocusService$1;
     exports.ɵj = clrFocusServiceFactory;
     exports.ɵk = FOCUS_SERVICE_PROVIDER;
     exports.ɵl = DropdownFocusHandler;
@@ -26045,7 +26037,7 @@
     exports.ɵt = BasicFocusableItem;
     exports.ɵu = BASIC_FOCUSABLE_ITEM_PROVIDER;
     exports.ɵv = IF_ACTIVE_ID;
-    exports.ɵw = tokenFactory$1;
+    exports.ɵw = tokenFactory;
     exports.ɵx = IF_ACTIVE_ID_PROVIDER;
     exports.ɵy = IfActiveService;
     exports.ɵz = IfExpandService;