@clr/angular 12.0.13 → 12.0.14

package/fesm2015/clr-angular.js

@@ -7,6 +7,8 @@ import { Subject, fromEvent, BehaviorSubject, of, ReplaySubject, isObservable, c
 import { filter, debounceTime, first, startWith, switchMap, take, map, tap, distinctUntilChanged, pairwise } from 'rxjs/operators';
 import { trigger, transition, style, animate, keyframes, state } from '@angular/animations';
 import { NgControl, FormsModule, SelectMultipleControlValueAccessor, FormControl, FormGroup, FormGroupName, NgModelGroup, FormGroupDirective, NgForm } from '@angular/forms';
+import { FocusTrapTrackerService, createId, isFocusable, isHTMLElement } from '@cds/core/internal';
+import '@cds/core/internal-components/close-button/register.js';
 import '@cds/core/icon/register';
 
 /*
@@ -1297,6 +1299,19 @@ const commonStringsDefault = {
     datagridExpandableEndOf: 'End of',
     datagridExpandableRowContent: 'Expandable row content',
     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`,
+    responsiveNavToggleOpen: 'Navigation menu',
+    responsiveNavToggleClose: 'Navigation menu',
+    responsiveNavOverflowOpen: 'Navigation overflow menu',
+    responsiveNavOverflowClose: 'Navigation overflow menu',
+    // Wizard
+    wizardStepSuccess: 'Completed',
+    wizardStepError: 'Error',
+    /**
+     * Password Input
+     * Screen-reader text for the hide/show password field button
+     */
+    passwordHide: 'Hide password',
+    passwordShow: 'Show password',
 };
 
 /*
@@ -4497,7 +4512,7 @@ class ClrCalendar {
     }
 }
 ClrCalendar.decorators = [
-    { type: Component, args: [{ selector: 'clr-calendar', template: "<table class=\"calendar-table\">\n  <tr class=\"calendar-row weekdays\">\n    <td *ngFor=\"let day of localeDays\" class=\"calendar-cell weekday\" role=\"heading\" [attr.aria-label]=\"day.day\">\n      {{day.narrow}}\n    </td>\n  </tr>\n  <tr class=\"calendar-row\" *ngFor=\"let row of calendarViewModel.calendarView\">\n    <td *ngFor=\"let dayView of row\" class=\"calendar-cell\">\n      <clr-day [clrDayView]=\"dayView\"></clr-day>\n    </td>\n  </tr>\n</table>\n" },] }
+    { type: Component, args: [{ selector: 'clr-calendar', template: "<table class=\"calendar-table\">\n  <tr class=\"calendar-row weekdays\">\n    <th *ngFor=\"let day of localeDays\" class=\"calendar-cell weekday\" role=\"heading\" [attr.aria-label]=\"day.day\">\n      {{day.narrow}}\n    </th>\n  </tr>\n  <tr class=\"calendar-row\" *ngFor=\"let row of calendarViewModel.calendarView\">\n    <td *ngFor=\"let dayView of row\" class=\"calendar-cell\">\n      <clr-day [clrDayView]=\"dayView\"></clr-day>\n    </td>\n  </tr>\n</table>\n" },] }
 ];
 ClrCalendar.ctorParameters = () => [
     { type: LocaleHelperService },
@@ -4566,9 +4581,23 @@ DateFormControlService.decorators = [
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */
+/**
+ * TODO:
+ * Using core functions like:
+ * - pluckPixelValue
+ * - getCssPropertyValue
+ *
+ * to get the value of the design token.
+ *
+ * Note: Memoization/Cache usage possible.
+ */
 // iPad mini screen width
 // http://stephen.io/mediaqueries/#iPadMini
 const DATEPICKER_ENABLE_BREAKPOINT = 768;
+const SMALL_BREAKPOINT = 576;
+const MEDIUM_BREAKPOINT = 768;
+const LARGE_BREAKPOINT = 992;
+const EXTRA_LARGE_BREAKPOINT = 1200;
 
 /*
  * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
@@ -5828,6 +5857,9 @@ ClrPasswordContainer.decorators = [
               [attr.shape]="show ? 'eye-hide' : 'eye'"
               [attr.title]="show ? commonStrings.keys.hide : commonStrings.keys.show"
             ></cds-icon>
+            <span class="clr-sr-only">{{
+              show ? commonStrings.keys.passwordHide : commonStrings.keys.passwordShow
+            }}</span>
           </button>
         </div>
         <cds-icon
@@ -12709,10 +12741,10 @@ var DatagridColumnChanges;
     DatagridColumnChanges[DatagridColumnChanges["WIDTH"] = 0] = "WIDTH";
     DatagridColumnChanges[DatagridColumnChanges["HIDDEN"] = 1] = "HIDDEN";
 })(DatagridColumnChanges || (DatagridColumnChanges = {}));
-const ɵ1 = key => DatagridColumnChanges[key], ɵ0 = key => key === parseInt(key, 10);
+const ɵ1 = key => DatagridColumnChanges[key], ɵ0$1 = key => key === parseInt(key, 10);
 const ALL_COLUMN_CHANGES = Object.keys(DatagridColumnChanges)
     .map(ɵ1)
-    .filter(ɵ0); // extracts only integer keys
+    .filter(ɵ0$1); // extracts only integer keys
 
 /*
  * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
@@ -13508,7 +13540,9 @@ ClrDatagridColumnToggle.decorators = [
     >
       <div class="switch-header">
         <div class="clr-sr-only" tabindex="-1" #allSelected>{{ commonStrings.keys.allColumnsSelected }}</div>
-        <ng-container *ngIf="!customToggleTitle">{{ commonStrings.keys.showColumns }}</ng-container>
+        <ng-container *ngIf="!customToggleTitle">
+          <h2>{{ commonStrings.keys.showColumns }}</h2>
+        </ng-container>
         <ng-content select="clr-dg-column-toggle-title"></ng-content>
         <button
           class="btn btn-sm btn-link toggle-switch-close-button"
@@ -17878,6 +17912,11 @@ class ClrHeader {
                 this.initializeNavTriggers(navLevelList);
             },
         });
+        this._subscription.add(this.responsiveNavService.navControl
+            .pipe(filter(({ controlCode }) => controlCode === ResponsiveNavCodes.NAV_CLOSE || controlCode === ResponsiveNavCodes.NAV_CLOSE_ALL))
+            .subscribe(() => {
+            this.openNavLevel = null;
+        }));
     }
     // reset triggers. handles cases when an application has different nav levels on different pages.
     resetNavTriggers() {
@@ -17904,10 +17943,21 @@ class ClrHeader {
     closeOpenNav() {
         this.responsiveNavService.closeAllNavs();
     }
-    // toggles the nav that is open
+    /**
+     * @deprecated Will be removed in with @clr/angular v15.0.0
+     *
+     * Use `openNav(navLevel)` instead to open the navigation and ResponsiveNavService to close it.
+     */
     toggleNav(navLevel) {
-        this.openNavLevel = this.openNavLevel === navLevel ? null : navLevel;
-        this.responsiveNavService.sendControlMessage(ResponsiveNavCodes.NAV_TOGGLE, navLevel);
+        if (this.openNavLevel === navLevel) {
+            this.responsiveNavService.sendControlMessage(ResponsiveNavCodes.NAV_CLOSE, navLevel);
+            return;
+        }
+        this.openNav(navLevel);
+    }
+    openNav(navLevel) {
+        this.openNavLevel = navLevel;
+        this.responsiveNavService.sendControlMessage(ResponsiveNavCodes.NAV_OPEN, navLevel);
     }
     ngOnDestroy() {
         this._subscription.unsubscribe();
@@ -17925,6 +17975,8 @@ ClrHeader.decorators = [
         openNavLevel !== responsiveNavCodes.NAV_LEVEL_1 ? commonStrings.keys.open : commonStrings.keys.close
       "
       (click)="toggleNav(responsiveNavCodes.NAV_LEVEL_1)"
+      [attr.aria-expanded]="openNavLevel === 1 ? 'true' : 'false'"
+      (click)="openNav(responsiveNavCodes.NAV_LEVEL_1)"
     >
       <span></span>
     </button>
@@ -17936,7 +17988,8 @@ ClrHeader.decorators = [
       [attr.aria-label]="
         openNavLevel !== responsiveNavCodes.NAV_LEVEL_2 ? commonStrings.keys.open : commonStrings.keys.close
       "
-      (click)="toggleNav(responsiveNavCodes.NAV_LEVEL_2)"
+      [attr.aria-expanded]="openNavLevel === 2 ? 'true' : 'false'"
+      (click)="openNav(responsiveNavCodes.NAV_LEVEL_2)"
     >
       <span></span>
     </button>
@@ -17955,257 +18008,838 @@ ClrHeader.ctorParameters = () => [
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */
-class ClrNavLevel {
-    constructor(responsiveNavService, elementRef) {
-        this.responsiveNavService = responsiveNavService;
-        this.elementRef = elementRef;
-    }
-    ngOnInit() {
-        if (this.level !== ResponsiveNavCodes.NAV_LEVEL_1 && this.level !== ResponsiveNavCodes.NAV_LEVEL_2) {
-            console.error('Nav Level can only be 1 or 2');
-            return;
-        }
-        this.responsiveNavService.registerNav(this.level);
-        this.addNavClass(this.level);
+function refocusIfOutsideFocusTrapElement(focusedElement, focusTrapElement, elementToRefocus) {
+    const focusTrapIsCurrent = FocusTrapTrackerService.getCurrent() === focusTrapElement;
+    const elementToFocusIsOutsideFocusTrap = elementIsOutsideFocusTrapElement(focusedElement, focusTrapElement);
+    if (focusTrapIsCurrent && elementToFocusIsOutsideFocusTrap) {
+        elementToRefocus = elementToRefocus || focusTrapElement;
+        elementToRefocus.focus();
     }
-    addNavClass(level) {
-        const navHostClassList = this.elementRef.nativeElement.classList;
-        if (level === ResponsiveNavCodes.NAV_LEVEL_1) {
-            navHostClassList.add(ResponsiveNavCodes.NAV_CLASS_LEVEL_1);
-        }
-        else if (level === ResponsiveNavCodes.NAV_LEVEL_2) {
-            navHostClassList.add(ResponsiveNavCodes.NAV_CLASS_LEVEL_2);
-        }
+    else {
+        focusedElement.focus();
     }
-    get level() {
-        return this._level;
+}
+function elementIsOutsideFocusTrapElement(focusedElement, focusTrapElement) {
+    if (focusedElement === focusTrapElement.topReboundElement ||
+        focusedElement === focusTrapElement.bottomReboundElement) {
+        return true;
     }
-    // getter to access the responsive navigation codes from the template
-    get responsiveNavCodes() {
-        return ResponsiveNavCodes;
+    const elementIsInFocusTrapLightDom = focusTrapElement.contains(focusedElement);
+    if (elementIsInFocusTrapLightDom) {
+        return false;
     }
-    open() {
-        this.responsiveNavService.sendControlMessage(ResponsiveNavCodes.NAV_OPEN, this.level);
+    if (focusTrapElement !== null && focusTrapElement.contains(focusedElement)) {
+        return false;
     }
-    close() {
-        this.responsiveNavService.sendControlMessage(ResponsiveNavCodes.NAV_CLOSE, this.level);
+    return true;
+}
+function createFocusTrapReboundElement(document) {
+    const offScreenSpan = document.createElement('span');
+    offScreenSpan.setAttribute('tabindex', '0');
+    offScreenSpan.classList.add('offscreen-focus-rebounder');
+    return offScreenSpan;
+}
+function addReboundElementsToFocusTrapElement(document, focusTrapElement) {
+    if (focusTrapElement && !focusTrapElement.topReboundElement && !focusTrapElement.bottomReboundElement) {
+        focusTrapElement.topReboundElement = createFocusTrapReboundElement(document);
+        focusTrapElement.bottomReboundElement = createFocusTrapReboundElement(document);
+        const parent = focusTrapElement.parentElement;
+        const sibling = focusTrapElement.nextSibling;
+        if (parent) {
+            parent.insertBefore(focusTrapElement.topReboundElement, focusTrapElement);
+            if (sibling) {
+                parent.insertBefore(focusTrapElement.bottomReboundElement, sibling);
+            }
+            else {
+                parent.appendChild(focusTrapElement.bottomReboundElement);
+            }
+        }
     }
-    // TODO: Figure out whats the best way to do this. Possible methods
-    // 1. HostListener (current solution)
-    // 2. Directives on the .nav-link class. We discussed on moving away from class selectors but I forget the reason
-    // why
-    onMouseClick(target) {
-        let current = target; // Get the element in the DOM on which the mouse was clicked
-        const navHost = this.elementRef.nativeElement; // Get the current nav native HTML element
-        // Start checking if current and navHost are equal.
-        // If not traverse to the parentNode and check again.
-        while (current) {
-            if (current === navHost) {
-                return;
+}
+function removeReboundElementsFromFocusTrapElement(focusTrapElement) {
+    if (focusTrapElement) {
+        const parent = focusTrapElement.parentElement;
+        if (parent) {
+            const topRebound = focusTrapElement.topReboundElement;
+            const bottomRebound = focusTrapElement.bottomReboundElement;
+            if (topRebound) {
+                parent.removeChild(topRebound);
             }
-            else if (current.classList.contains('nav-link')) {
-                this.close();
-                return;
+            if (bottomRebound) {
+                parent.removeChild(bottomRebound);
             }
-            current = current.parentNode;
         }
+        // These are here to to make sure that we completely delete all traces of the removed DOM objects.
+        delete focusTrapElement.topReboundElement;
+        delete focusTrapElement.bottomReboundElement;
     }
-    ngOnDestroy() {
-        this.responsiveNavService.unregisterNav(this.level);
+}
+// this helper exists to enable the focus trap class to handle vanilla html elements
+// it's primary concern is to keep TS happy.
+function castHtmlElementToFocusTrapElement(el) {
+    return el;
+}
+class FocusTrap {
+    constructor(renderer, injector, platformId, hostElement) {
+        this.renderer = renderer;
+        this.active = false;
+        if (isPlatformBrowser(platformId)) {
+            this._document = injector.get(DOCUMENT);
+        }
+        hostElement = castHtmlElementToFocusTrapElement(hostElement);
+        if (!hostElement.focusTrapId) {
+            hostElement.focusTrapId = createId();
+        }
+        this.focusTrapElement = hostElement;
+    }
+    enableFocusTrap() {
+        const fte = this.focusTrapElement;
+        const firstFocusElement = fte.querySelector('[cds-first-focus]');
+        const activeEl = this._document.activeElement;
+        if (FocusTrapTrackerService.getCurrent() === fte) {
+            throw new Error('Focus trap is already enabled for this instance.');
+        }
+        this.firstFocusElement = firstFocusElement || this.focusTrapElement;
+        addReboundElementsToFocusTrapElement(this._document, fte);
+        if (!isFocusable(fte)) {
+            fte.setAttribute('tabindex', '-1');
+        }
+        if (activeEl && isHTMLElement(activeEl)) {
+            this.previousFocus = activeEl;
+        }
+        FocusTrapTrackerService.setCurrent(fte);
+        // setTimeout here is required for Safari which may try to set focus on
+        // element before it is visible...
+        const focusTimer = setTimeout(() => {
+            this.firstFocusElement.focus();
+            clearTimeout(focusTimer);
+        }, 10);
+        this.onFocusInEvent = this.onFocusIn.bind(this);
+        this.unlisten = this.renderer.listen(this._document, 'focusin', this.onFocusInEvent);
+        this.active = true;
+    }
+    removeFocusTrap() {
+        if (this.unlisten) {
+            this.unlisten();
+        }
+        removeReboundElementsFromFocusTrapElement(this.focusTrapElement);
+        this.renderer.removeAttribute(this.focusTrapElement, 'tabindex');
+        FocusTrapTrackerService.activatePreviousCurrent();
+        this.active = false;
+        if (this.previousFocus) {
+            this.previousFocus.focus();
+        }
+    }
+    onFocusIn(event) {
+        refocusIfOutsideFocusTrapElement(event.composedPath()[0], this.focusTrapElement, this.firstFocusElement);
     }
 }
-ClrNavLevel.decorators = [
-    { type: Directive, args: [{ selector: '[clr-nav-level]' },] }
+FocusTrap.decorators = [
+    { type: Injectable }
 ];
-ClrNavLevel.ctorParameters = () => [
-    { type: ResponsiveNavigationService },
-    { type: ElementRef }
+FocusTrap.ctorParameters = () => [
+    { type: Renderer2 },
+    { type: Injector },
+    { type: undefined },
+    { type: undefined }
 ];
-ClrNavLevel.propDecorators = {
-    _level: [{ type: Input, args: ['clr-nav-level',] }],
-    onMouseClick: [{ type: HostListener, args: ['click', ['$event.target'],] }]
-};
 
 /*
  * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */
-const CLR_NAVIGATION_DIRECTIVES = [
-    ClrHeader,
-    ClrNavLevel,
-    NavDetectionOompaLoompa,
-    MainContainerWillyWonka,
-];
-class ClrNavigationModule {
-}
-ClrNavigationModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, ClrIconModule, ClrDropdownModule],
-                declarations: [CLR_NAVIGATION_DIRECTIVES],
-                exports: [CLR_NAVIGATION_DIRECTIVES],
-            },] }
-];
+const defaultAnimationTiming = '0.2s ease-in-out';
 
 /*
  * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */
-class TemplateRefContainer {
+function collapse() {
+    'use strict';
+    return [
+        state('true', style({ height: 0, 'overflow-y': 'hidden' })),
+        transition('true => false', [animate(defaultAnimationTiming, style({ height: '*', 'overflow-y': 'hidden' }))]),
+        transition('false => true', [style({ height: '*', 'overflow-y': 'hidden' }), animate(defaultAnimationTiming)]),
+    ];
 }
-TemplateRefContainer.decorators = [
-    { type: Component, args: [{
-                template: `
-    <ng-template>
-      <ng-content></ng-content>
-    </ng-template>
-  `
-            },] }
-];
-TemplateRefContainer.propDecorators = {
-    template: [{ type: ViewChild, args: [TemplateRef,] }]
-};
 
 /*
  * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */
-const TEMPLATE_REF_DIRECTIVES = [TemplateRefContainer];
 
 /*
  * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */
-class ClrTemplateRefModule {
+function fade(opacity = 1) {
+    return [
+        transition('void => *', [style({ opacity: 0 }), animate(defaultAnimationTiming, style({ opacity: opacity }))]),
+        transition('* => void', [animate(defaultAnimationTiming, style({ opacity: 0 }))]),
+    ];
 }
-ClrTemplateRefModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule],
-                declarations: [TEMPLATE_REF_DIRECTIVES],
-                entryComponents: [TEMPLATE_REF_DIRECTIVES],
-                exports: [TEMPLATE_REF_DIRECTIVES],
-            },] }
-];
 
 /*
  * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */
-class TabsWillyWonka extends WillyWonka {
-}
-TabsWillyWonka.decorators = [
-    { type: Directive, args: [{ selector: 'clr-tabs' },] }
-];
 
 /*
  * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */
-class ActiveOompaLoompa extends OompaLoompa {
-    constructor(cdr, willyWonka, id, ifActive) {
-        if (!willyWonka) {
-            throw new Error('clrTabLink and clr-tab-content should only be used inside of a clr-tabs');
-        }
-        super(cdr, willyWonka);
-        this.ifActive = ifActive;
-        this.id = id;
+function fadeSlide(direction) {
+    let transform = null;
+    if (direction === 'up') {
+        transform = 'translate(0, 25%)';
     }
-    get flavor() {
-        return this.ifActive.current === this.id;
+    else if (direction === 'down') {
+        transform = 'translate(0, -25%)';
+    }
+    else if (direction === 'left') {
+        transform = 'translate(25%, 0)';
+    }
+    else if (direction === 'right') {
+        transform = 'translate(-25%, 0)';
+    }
+    else {
+        throw new Error('Unknown direction ' + direction + ' for slide animation.');
     }
+    return [
+        transition('void => *', [style({ opacity: 0, transform: transform }), animate(defaultAnimationTiming)]),
+        transition('* => void', [animate(defaultAnimationTiming, style({ opacity: 0, transform: transform }))]),
+    ];
 }
-ActiveOompaLoompa.decorators = [
-    { type: Directive, args: [{ selector: '[clrTabLink], clr-tab-content' },] }
-];
-ActiveOompaLoompa.ctorParameters = () => [
-    { type: ChangeDetectorRef },
-    { type: TabsWillyWonka, decorators: [{ type: Optional }] },
-    { type: Number, decorators: [{ type: Inject, args: [IF_ACTIVE_ID,] }] },
-    { type: IfActiveService }
-];
 
 /*
  * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */
-var TabsLayout;
-(function (TabsLayout) {
-    TabsLayout["HORIZONTAL"] = "horizontal";
-    TabsLayout["VERTICAL"] = "vertical";
-})(TabsLayout || (TabsLayout = {}));
 
 /*
  * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */
-class TabsService {
-    constructor() {
-        this._children = [];
-        this.layout = TabsLayout.HORIZONTAL;
-    }
-    register(tab) {
-        this._children.push(tab);
+function slide(direction) {
+    let transform = null;
+    if (direction === 'up') {
+        transform = 'translate(0, 25%)';
     }
-    get children() {
-        return this._children;
+    else if (direction === 'down') {
+        transform = 'translate(0, -25%)';
     }
-    get activeTab() {
-        return this.children.find((tab) => {
-            return tab.active;
-        });
+    else if (direction === 'left') {
+        transform = 'translate(25%, 0)';
     }
-    get overflowTabs() {
-        if (this.layout === TabsLayout.VERTICAL) {
-            return [];
-        }
-        else {
-            return this.children.filter((tab) => tab.tabLink.inOverflow === true);
-        }
+    else if (direction === 'right') {
+        transform = 'translate(-25%, 0)';
     }
-    unregister(tab) {
-        const index = this.children.indexOf(tab);
-        if (index > -1) {
-            this.children.splice(index, 1);
-        }
+    else {
+        throw new Error('Unknown direction ' + direction + ' for slide animation.');
     }
+    return [
+        transition('void => *', [style({ transform: transform }), animate(defaultAnimationTiming)]),
+        transition('* => void', [animate(defaultAnimationTiming, style({ transform: transform }))]),
+    ];
 }
-TabsService.decorators = [
-    { type: Injectable }
-];
 
 /*
  * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */
-let nbTabContentComponents = 0;
-class ClrTabContent {
-    constructor(ifActiveService, id, ariaService, tabsService) {
-        this.ifActiveService = ifActiveService;
-        this.id = id;
-        this.ariaService = ariaService;
-        this.tabsService = tabsService;
-        if (!this.tabContentId) {
-            this.tabContentId = 'clr-tab-content-' + nbTabContentComponents++;
-        }
-    }
-    // The template must be applied on the top-down phase of view-child initialization to prevent
-    // components in the content from initializing before a content container exists.
-    // Some child components need their container for sizing calculations.
-    set templateRef(value) {
-        this.viewRef = this.tabsService.tabContentViewContainer.createEmbeddedView(value);
-    }
-    get ariaLabelledBy() {
-        return this.ariaService.ariaLabelledBy;
-    }
-    get tabContentId() {
+
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+var ClrAriaLivePoliteness;
+(function (ClrAriaLivePoliteness) {
+    ClrAriaLivePoliteness["off"] = "off";
+    ClrAriaLivePoliteness["polite"] = "polite";
+    ClrAriaLivePoliteness["assertive"] = "assertive";
+})(ClrAriaLivePoliteness || (ClrAriaLivePoliteness = {}));
+/**
+ * Time in milliseconds before inserting the content into the container
+ */
+const ARIA_LIVE_TICK = 100;
+/**
+ * @deprecated
+ *
+ * -- ClrAriaLiveService is deprecated in 5.0 to be removed in 6.0 --
+ * Please consider using the LiveAnnouncer in the Angular Material CDK
+ * if your project needs this functionality.
+ * More info: https://material.angular.io/cdk/a11y/overview#example-1
+ *
+ * This service handle `aria-live` accessibility attribute. The issue is that you need
+ * to have the DOM Element with attribute `aria-live` before you could insert content
+ * and SR (Screen Reader) pick the change and announce it.
+ *
+ * ```typescript
+ * import { ClrAriaLiveService } from 'src/clr-angular/utils/a11y/aria-live.service';
+ *
+ * @Component({
+ * selector: 'clr-demo-component',
+ * providers: [ClrAriaLiveService],
+ * template: `
+ *   <ng-content></ng-content>
+ * `,
+ * })
+ * export class DemoComponent {
+ *  constructor(ariaLiveService: ClrAriaLiveService) {}
+ *
+ *  public actionThatWillTriggerChange() {
+ *    this.ariaLiveService.announce('message that I want to announce to SR');
+ *  }
+ * }
+ * ```
+ *
+ */
+class ClrAriaLiveService {
+    constructor(ngZone, _document, platformId) {
+        this.ngZone = ngZone;
+        this.platformId = platformId;
+        this._id = `clr-aria-live-element-${uniqueIdFactory()}`;
+        this.document = _document;
+    }
+    /**
+     * get access to the internal HTML `id` that gonna be used for the AriaLive container.
+     * @return ID of the DOM Element as string.
+     */
+    get id() {
+        return this._id;
+    }
+    /**
+     * Append text content inside the AriaLive Container. This method will check if the
+     * DOM Element is existing if not it will create one for us and the will apply the text.
+     *
+     * ```typescript
+     * this.ariaLiveService.announce(this.el.nativeElement);
+     * // or
+     * this.ariaLiveService.announce('Message to announce to SR');
+     * ```
+     *
+     * @remark
+     * When second argument is `AriaLivePoliteness.off` we won't create aria container or update it.
+     * The reason for that is that we don't want to do additional work if the SR will ignore it.
+     *
+     * @param message - This could be simple string or HTMLElement
+     * @param politeness - 'polite', 'assertive' or 'off'
+     */
+    announce(message, politeness = ClrAriaLivePoliteness.polite) {
+        if (politeness === ClrAriaLivePoliteness.off) {
+            return;
+        }
+        if (!this.ariaLiveElement && isPlatformBrowser(this.platformId)) {
+            this.ariaLiveElement = this.createContainer();
+        }
+        message = typeof message !== 'string' && isPlatformBrowser(this.platformId) ? message.textContent : message;
+        // when there is no message do NOTHING!
+        if (!message) {
+            return;
+        }
+        this.ariaLiveElement.setAttribute('aria-live', politeness);
+        // This 100ms timeout is necessary for some browser + screen-reader combinations:
+        // - Both JAWS and NVDA over IE11 will not announce anything without a non-zero timeout.
+        // - With Chrome and IE11 with NVDA or JAWS, a repeated (identical) message won't be read a
+        //   second time without clearing and then using a non-zero delay.
+        // (using JAWS 17 at time of this writing).
+        this.ngZone.runOutsideAngular(() => {
+            // This clearTimeout will stop all older messages from announcing
+            // in the case where the messages are comming too fast we gonna try to append only
+            // the last one. That's what the SR will try to do anyway.
+            clearTimeout(this.previousTimeout);
+            this.previousTimeout = setTimeout(() => {
+                this.ariaLiveElement.textContent = message;
+            }, ARIA_LIVE_TICK);
+        });
+    }
+    /**
+     * onDestroy life cycle - must stop all active setTimeouts and remove the AriaLive
+     * container from the document.
+     */
+    ngOnDestroy() {
+        clearTimeout(this.previousTimeout);
+        if (isPlatformBrowser(this.platformId) && this.ariaLiveElement) {
+            this.document.body.removeChild(this.ariaLiveElement);
+            this.ariaLiveElement = null;
+        }
+    }
+    /**
+     * Create AriaLive DOM element as a last child of the document.
+     * After the element is created, we gonna apply Clarity class to hide it from
+     * the screen and set the `aria-live` politness.
+     *
+     * `clr-sr-only` is the CSS class that is used to hide the element from the screen.
+     *
+     * @remark
+     * Calling this method multiple times will create multiple DOM Elements, that
+     * won't be tracked and will be GC after the service is destroyed.
+     *
+     * @return AriaLive container as HTMLElement
+     *
+     */
+    createContainer() {
+        const ariaLiveElement = this.document.createElement('div');
+        ariaLiveElement.setAttribute('id', this.id);
+        // Use clarity screen reader class to hide the dom element
+        // and fix the scrollbar shake
+        ariaLiveElement.classList.add('clr-sr-only');
+        ariaLiveElement.setAttribute('aria-atomic', 'true');
+        ariaLiveElement.setAttribute('aria-live', ClrAriaLivePoliteness.polite);
+        this.document.body.appendChild(ariaLiveElement);
+        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.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root',
+            },] }
+];
+ClrAriaLiveService.ctorParameters = () => [
+    { type: NgZone },
+    { type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] }] },
+    { type: undefined, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] }
+];
+
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+const createCdsCloseButton = (document, ariaLabel) => {
+    const cdsCloseButton = document.createElement('cds-internal-close-button');
+    cdsCloseButton.setAttribute('icon-size', '32');
+    console.log(ariaLabel);
+    cdsCloseButton.setAttribute('aria-label', ariaLabel);
+    cdsCloseButton.setAttribute('aria-hidden', 'true');
+    cdsCloseButton.setAttribute('type', 'button');
+    /**
+     * The button is hidden by default based on our Desktop-first approach.
+     */
+    cdsCloseButton.setAttribute('hidden', 'true');
+    cdsCloseButton.className = 'clr-nav-close';
+    return cdsCloseButton;
+};
+const ɵ0 = createCdsCloseButton;
+class ClrNavLevel extends FocusTrap {
+    constructor(platformId, responsiveNavService, elementRef, renderer, injector) {
+        super(renderer, injector, platformId, elementRef.nativeElement);
+        this.responsiveNavService = responsiveNavService;
+        this.elementRef = elementRef;
+        this._isOpen = false;
+        if (isPlatformBrowser(platformId)) {
+            this._document = injector.get(DOCUMENT);
+        }
+        this._subscription = responsiveNavService.navControl
+            .pipe(filter(x => x.navLevel === this.level), filter(({ controlCode }) => (controlCode === ResponsiveNavCodes.NAV_OPEN && !this.isOpen) ||
+            (controlCode === ResponsiveNavCodes.NAV_CLOSE && this.isOpen)))
+            .subscribe(({ controlCode }) => {
+            if (controlCode === ResponsiveNavCodes.NAV_OPEN) {
+                this.open();
+                return;
+            }
+            this.close();
+        });
+        this._subscription.add(responsiveNavService.navControl
+            .pipe(filter(({ controlCode }) => controlCode === ResponsiveNavCodes.NAV_CLOSE_ALL))
+            .subscribe(() => this.close()));
+    }
+    ngOnInit() {
+        if (!this.closeButtonAriaLabel) {
+            this.closeButtonAriaLabel =
+                this._level === ResponsiveNavCodes.NAV_LEVEL_1
+                    ? commonStringsDefault.responsiveNavToggleClose
+                    : commonStringsDefault.responsiveNavOverflowClose;
+        }
+        if (this.level !== ResponsiveNavCodes.NAV_LEVEL_1 && this.level !== ResponsiveNavCodes.NAV_LEVEL_2) {
+            console.error('Nav Level can only be 1 or 2');
+            return;
+        }
+        this.responsiveNavService.registerNav(this.level);
+        this.addNavClass(this.level);
+    }
+    ngAfterViewInit() {
+        const closeButton = createCdsCloseButton(this._document, this.closeButtonAriaLabel);
+        this.renderer.listen(closeButton, 'click', this.close.bind(this));
+        this.renderer.insertBefore(this.elementRef.nativeElement, closeButton, this.elementRef.nativeElement.firstChild); // Adding the button at the top of the nav
+        if (this._document.body.clientWidth < LARGE_BREAKPOINT) {
+            /**
+             * Close if the document body is smaller than the large breakpoint for example:
+             * - Refreshing the page
+             * - Browser window size is changed when opening the applicaiton
+             * - Browser zoom is turned on and zoomed to a size that makes the document smaller than the large breakpoint
+             */
+            this.close();
+        }
+    }
+    addNavClass(level) {
+        const navHostClassList = this.elementRef.nativeElement.classList;
+        if (level === ResponsiveNavCodes.NAV_LEVEL_1) {
+            navHostClassList.add(ResponsiveNavCodes.NAV_CLASS_LEVEL_1);
+        }
+        else if (level === ResponsiveNavCodes.NAV_LEVEL_2) {
+            navHostClassList.add(ResponsiveNavCodes.NAV_CLASS_LEVEL_2);
+        }
+    }
+    get level() {
+        return this._level;
+    }
+    // getter to access the responsive navigation codes from the template
+    get responsiveNavCodes() {
+        return ResponsiveNavCodes;
+    }
+    get isOpen() {
+        return this._isOpen;
+    }
+    onResize(event) {
+        const target = event.target;
+        if (target.innerWidth < LARGE_BREAKPOINT && this.isOpen) {
+            this.close();
+            return;
+        }
+        this.showNavigation();
+    }
+    open() {
+        this._isOpen = true;
+        this.showNavigation();
+        this.enableFocusTrap();
+        this.showCloseButton();
+        this.responsiveNavService.sendControlMessage(ResponsiveNavCodes.NAV_OPEN, this.level);
+    }
+    close() {
+        this._isOpen = false;
+        this.hideNavigation();
+        this.removeFocusTrap();
+        this.hideCloseButton();
+        this.responsiveNavService.sendControlMessage(ResponsiveNavCodes.NAV_CLOSE, this.level);
+    }
+    // TODO: Figure out whats the best way to do this. Possible methods
+    // 1. HostListener (current solution)
+    // 2. Directives on the .nav-link class. We discussed on moving away from class selectors but I forget the reason
+    // why
+    onMouseClick(target) {
+        let current = target; // Get the element in the DOM on which the mouse was clicked
+        const navHost = this.elementRef.nativeElement; // Get the current nav native HTML element
+        // Start checking if current and navHost are equal.
+        // If not traverse to the parentNode and check again.
+        while (current) {
+            if (current === navHost) {
+                return;
+            }
+            else if (current.classList.contains('nav-link')) {
+                this.close();
+                return;
+            }
+            current = current.parentNode;
+        }
+    }
+    hideNavigation() {
+        this.renderer.setAttribute(this.elementRef.nativeElement, 'aria-hidden', 'true');
+        this.renderer.setAttribute(this.elementRef.nativeElement, 'hidden', 'true');
+    }
+    showNavigation() {
+        this.renderer.setAttribute(this.elementRef.nativeElement, 'aria-hidden', 'false');
+        this.renderer.removeAttribute(this.elementRef.nativeElement, 'hidden');
+    }
+    hideCloseButton() {
+        this.renderer.setAttribute(this.elementRef.nativeElement, 'aria-hidden', 'true');
+        this.renderer.setAttribute(this.elementRef.nativeElement.querySelector('.clr-nav-close'), 'hidden', 'true');
+    }
+    showCloseButton() {
+        this.renderer.setAttribute(this.elementRef.nativeElement.querySelector('.clr-nav-close'), 'aria-hidden', 'false');
+        this.renderer.removeAttribute(this.elementRef.nativeElement.querySelector('.clr-nav-close'), 'hidden');
+    }
+    ngOnDestroy() {
+        this.responsiveNavService.unregisterNav(this.level);
+        this._subscription.unsubscribe();
+    }
+}
+ClrNavLevel.decorators = [
+    { type: Directive, args: [{ selector: '[clr-nav-level]' },] }
+];
+ClrNavLevel.ctorParameters = () => [
+    { type: undefined, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] },
+    { type: ResponsiveNavigationService },
+    { type: ElementRef },
+    { type: Renderer2 },
+    { type: Injector }
+];
+ClrNavLevel.propDecorators = {
+    _level: [{ type: Input, args: ['clr-nav-level',] }],
+    closeButtonAriaLabel: [{ type: Input, args: ['closeAriaLabel',] }],
+    onResize: [{ type: HostListener, args: ['window:resize', ['$event'],] }],
+    onMouseClick: [{ type: HostListener, args: ['click', ['$event.target'],] }]
+};
+
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+const CLR_NAVIGATION_DIRECTIVES = [
+    ClrHeader,
+    ClrNavLevel,
+    NavDetectionOompaLoompa,
+    MainContainerWillyWonka,
+];
+class ClrNavigationModule {
+}
+ClrNavigationModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, ClrIconModule, ClrDropdownModule],
+                declarations: [CLR_NAVIGATION_DIRECTIVES],
+                exports: [CLR_NAVIGATION_DIRECTIVES],
+            },] }
+];
+
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+class TemplateRefContainer {
+}
+TemplateRefContainer.decorators = [
+    { type: Component, args: [{
+                template: `
+    <ng-template>
+      <ng-content></ng-content>
+    </ng-template>
+  `
+            },] }
+];
+TemplateRefContainer.propDecorators = {
+    template: [{ type: ViewChild, args: [TemplateRef,] }]
+};
+
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+const TEMPLATE_REF_DIRECTIVES = [TemplateRefContainer];
+
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+class ClrTemplateRefModule {
+}
+ClrTemplateRefModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                declarations: [TEMPLATE_REF_DIRECTIVES],
+                entryComponents: [TEMPLATE_REF_DIRECTIVES],
+                exports: [TEMPLATE_REF_DIRECTIVES],
+            },] }
+];
+
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+class TabsWillyWonka extends WillyWonka {
+}
+TabsWillyWonka.decorators = [
+    { type: Directive, args: [{ selector: 'clr-tabs' },] }
+];
+
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+class ActiveOompaLoompa extends OompaLoompa {
+    constructor(cdr, willyWonka, id, ifActive) {
+        if (!willyWonka) {
+            throw new Error('clrTabLink and clr-tab-content should only be used inside of a clr-tabs');
+        }
+        super(cdr, willyWonka);
+        this.ifActive = ifActive;
+        this.id = id;
+    }
+    get flavor() {
+        return this.ifActive.current === this.id;
+    }
+}
+ActiveOompaLoompa.decorators = [
+    { type: Directive, args: [{ selector: '[clrTabLink], clr-tab-content' },] }
+];
+ActiveOompaLoompa.ctorParameters = () => [
+    { type: ChangeDetectorRef },
+    { type: TabsWillyWonka, decorators: [{ type: Optional }] },
+    { type: Number, decorators: [{ type: Inject, args: [IF_ACTIVE_ID,] }] },
+    { type: IfActiveService }
+];
+
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+var TabsLayout;
+(function (TabsLayout) {
+    TabsLayout["HORIZONTAL"] = "horizontal";
+    TabsLayout["VERTICAL"] = "vertical";
+})(TabsLayout || (TabsLayout = {}));
+
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+class TabsService {
+    constructor() {
+        this._children = [];
+        this.layout = TabsLayout.HORIZONTAL;
+    }
+    register(tab) {
+        this._children.push(tab);
+    }
+    get children() {
+        return this._children;
+    }
+    get activeTab() {
+        return this.children.find((tab) => {
+            return tab.active;
+        });
+    }
+    get overflowTabs() {
+        if (this.layout === TabsLayout.VERTICAL) {
+            return [];
+        }
+        else {
+            return this.children.filter((tab) => tab.tabLink.inOverflow === true);
+        }
+    }
+    unregister(tab) {
+        const index = this.children.indexOf(tab);
+        if (index > -1) {
+            this.children.splice(index, 1);
+        }
+    }
+}
+TabsService.decorators = [
+    { type: Injectable }
+];
+
+/*
+ * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+let nbTabContentComponents = 0;
+class ClrTabContent {
+    constructor(ifActiveService, id, ariaService, tabsService) {
+        this.ifActiveService = ifActiveService;
+        this.id = id;
+        this.ariaService = ariaService;
+        this.tabsService = tabsService;
+        if (!this.tabContentId) {
+            this.tabContentId = 'clr-tab-content-' + nbTabContentComponents++;
+        }
+    }
+    // The template must be applied on the top-down phase of view-child initialization to prevent
+    // components in the content from initializing before a content container exists.
+    // Some child components need their container for sizing calculations.
+    set templateRef(value) {
+        this.viewRef = this.tabsService.tabContentViewContainer.createEmbeddedView(value);
+    }
+    get ariaLabelledBy() {
+        return this.ariaService.ariaLabelledBy;
+    }
+    get tabContentId() {
         return this.ariaService.ariaControls;
     }
     set tabContentId(id) {
@@ -21857,7 +22491,14 @@ class ClrWizard {
         return this.navService.wizardFinished.subscribe(() => this.emitWizardFinished());
     }
     listenForPageChanges() {
-        return this.navService.currentPageChanged.subscribe(() => this.currentPageChanged.emit());
+        return this.navService.currentPageChanged.subscribe(() => {
+            var _a;
+            // Added to address VPAT-749:
+            //   When clicking on a wizard tab, focus should move to that
+            //   tabs content to make the wizard more accessible.
+            (_a = this.wizardTitle) === null || _a === void 0 ? void 0 : _a.nativeElement.focus();
+            this.currentPageChanged.emit();
+        });
     }
     updateNavOnPageChanges() {
         const changes = this.differ.diff(this.pages);
@@ -22377,13 +23018,6 @@ AccordionService.decorators = [
     { type: Injectable }
 ];
 
-/*
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-const defaultAnimationTiming = '0.2s ease-in-out';
-
 /*
  * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
  * This software is released under MIT license.
@@ -23501,173 +24135,41 @@ ClrTimelineModule.decorators = [
                 exports: [...CLR_TIMELINE_DIRECTIVES, ClrIconModule, ClrSpinnerModule],
                 declarations: [CLR_TIMELINE_DIRECTIVES],
             },] }
-];
-ClrTimelineModule.ctorParameters = () => [];
-
-/*
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-class ClarityModule {
-}
-ClarityModule.decorators = [
-    { type: NgModule, args: [{
-                exports: [
-                    ClrEmphasisModule,
-                    ClrDataModule,
-                    ClrIconModule,
-                    ClrModalModule,
-                    ClrLoadingModule,
-                    ClrConditionalModule,
-                    ClrFocusTrapModule,
-                    ClrFocusOnViewInitModule,
-                    ClrButtonModule,
-                    ClrFormsModule,
-                    ClrLayoutModule,
-                    ClrPopoverModule,
-                    ClrWizardModule,
-                    ClrDragAndDropModule,
-                    ClrStepperModule,
-                    ClrSpinnerModule,
-                    ClrProgressBarModule,
-                    ClrPopoverModuleNext,
-                    ClrTimelineModule,
-                ],
-            },] }
-];
-
-/*
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-
-/*
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-
-/*
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-
-/*
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-
-/*
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-
-/*
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-
-/*
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-
-/*
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-
-/*
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-
-/*
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-
-/*
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-
-/*
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-
-/*
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-
-/*
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-
-/*
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-
-/*
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-
-/*
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-
-/*
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-
-/*
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-
-/*
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-
-/*
- * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
+];
+ClrTimelineModule.ctorParameters = () => [];
 
 /*
  * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */
+class ClarityModule {
+}
+ClarityModule.decorators = [
+    { type: NgModule, args: [{
+                exports: [
+                    ClrEmphasisModule,
+                    ClrDataModule,
+                    ClrIconModule,
+                    ClrModalModule,
+                    ClrLoadingModule,
+                    ClrConditionalModule,
+                    ClrFocusTrapModule,
+                    ClrFocusOnViewInitModule,
+                    ClrButtonModule,
+                    ClrFormsModule,
+                    ClrLayoutModule,
+                    ClrPopoverModule,
+                    ClrWizardModule,
+                    ClrDragAndDropModule,
+                    ClrStepperModule,
+                    ClrSpinnerModule,
+                    ClrProgressBarModule,
+                    ClrPopoverModuleNext,
+                    ClrTimelineModule,
+                ],
+            },] }
+];
 
 /*
  * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
@@ -23746,16 +24248,6 @@ ClarityModule.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 CLR_MENU_POSITIONS = [
-    'bottom-left',
-    'bottom-right',
-    'top-left',
-    'top-right',
-    'left-bottom',
-    'left-top',
-    'right-bottom',
-    'right-top',
-];
 
 /*
  * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
@@ -23786,14 +24278,6 @@ const CLR_MENU_POSITIONS = [
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */
-function collapse() {
-    'use strict';
-    return [
-        state('true', style({ height: 0, 'overflow-y': 'hidden' })),
-        transition('true => false', [animate(defaultAnimationTiming, style({ height: '*', 'overflow-y': 'hidden' }))]),
-        transition('false => true', [style({ height: '*', 'overflow-y': 'hidden' }), animate(defaultAnimationTiming)]),
-    ];
-}
 
 /*
  * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
@@ -23806,12 +24290,6 @@ function collapse() {
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */
-function fade(opacity = 1) {
-    return [
-        transition('void => *', [style({ opacity: 0 }), animate(defaultAnimationTiming, style({ opacity: opacity }))]),
-        transition('* => void', [animate(defaultAnimationTiming, style({ opacity: 0 }))]),
-    ];
-}
 
 /*
  * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
@@ -23824,28 +24302,6 @@ function fade(opacity = 1) {
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */
-function fadeSlide(direction) {
-    let transform = null;
-    if (direction === 'up') {
-        transform = 'translate(0, 25%)';
-    }
-    else if (direction === 'down') {
-        transform = 'translate(0, -25%)';
-    }
-    else if (direction === 'left') {
-        transform = 'translate(25%, 0)';
-    }
-    else if (direction === 'right') {
-        transform = 'translate(-25%, 0)';
-    }
-    else {
-        throw new Error('Unknown direction ' + direction + ' for slide animation.');
-    }
-    return [
-        transition('void => *', [style({ opacity: 0, transform: transform }), animate(defaultAnimationTiming)]),
-        transition('* => void', [animate(defaultAnimationTiming, style({ opacity: 0, transform: transform }))]),
-    ];
-}
 
 /*
  * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
@@ -23858,28 +24314,6 @@ function fadeSlide(direction) {
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */
-function slide(direction) {
-    let transform = null;
-    if (direction === 'up') {
-        transform = 'translate(0, 25%)';
-    }
-    else if (direction === 'down') {
-        transform = 'translate(0, -25%)';
-    }
-    else if (direction === 'left') {
-        transform = 'translate(25%, 0)';
-    }
-    else if (direction === 'right') {
-        transform = 'translate(-25%, 0)';
-    }
-    else {
-        throw new Error('Unknown direction ' + direction + ' for slide animation.');
-    }
-    return [
-        transition('void => *', [style({ transform: transform }), animate(defaultAnimationTiming)]),
-        transition('* => void', [animate(defaultAnimationTiming, style({ transform: transform }))]),
-    ];
-}
 
 /*
  * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
@@ -23922,155 +24356,6 @@ function slide(direction) {
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */
-var ClrAriaLivePoliteness;
-(function (ClrAriaLivePoliteness) {
-    ClrAriaLivePoliteness["off"] = "off";
-    ClrAriaLivePoliteness["polite"] = "polite";
-    ClrAriaLivePoliteness["assertive"] = "assertive";
-})(ClrAriaLivePoliteness || (ClrAriaLivePoliteness = {}));
-/**
- * Time in milliseconds before inserting the content into the container
- */
-const ARIA_LIVE_TICK = 100;
-/**
- * @deprecated
- *
- * -- ClrAriaLiveService is deprecated in 5.0 to be removed in 6.0 --
- * Please consider using the LiveAnnouncer in the Angular Material CDK
- * if your project needs this functionality.
- * More info: https://material.angular.io/cdk/a11y/overview#example-1
- *
- * This service handle `aria-live` accessibility attribute. The issue is that you need
- * to have the DOM Element with attribute `aria-live` before you could insert content
- * and SR (Screen Reader) pick the change and announce it.
- *
- * ```typescript
- * import { ClrAriaLiveService } from 'src/clr-angular/utils/a11y/aria-live.service';
- *
- * @Component({
- * selector: 'clr-demo-component',
- * providers: [ClrAriaLiveService],
- * template: `
- *   <ng-content></ng-content>
- * `,
- * })
- * export class DemoComponent {
- *  constructor(ariaLiveService: ClrAriaLiveService) {}
- *
- *  public actionThatWillTriggerChange() {
- *    this.ariaLiveService.announce('message that I want to announce to SR');
- *  }
- * }
- * ```
- *
- */
-class ClrAriaLiveService {
-    constructor(ngZone, _document, platformId) {
-        this.ngZone = ngZone;
-        this.platformId = platformId;
-        this._id = `clr-aria-live-element-${uniqueIdFactory()}`;
-        this.document = _document;
-    }
-    /**
-     * get access to the internal HTML `id` that gonna be used for the AriaLive container.
-     * @return ID of the DOM Element as string.
-     */
-    get id() {
-        return this._id;
-    }
-    /**
-     * Append text content inside the AriaLive Container. This method will check if the
-     * DOM Element is existing if not it will create one for us and the will apply the text.
-     *
-     * ```typescript
-     * this.ariaLiveService.announce(this.el.nativeElement);
-     * // or
-     * this.ariaLiveService.announce('Message to announce to SR');
-     * ```
-     *
-     * @remark
-     * When second argument is `AriaLivePoliteness.off` we won't create aria container or update it.
-     * The reason for that is that we don't want to do additional work if the SR will ignore it.
-     *
-     * @param message - This could be simple string or HTMLElement
-     * @param politeness - 'polite', 'assertive' or 'off'
-     */
-    announce(message, politeness = ClrAriaLivePoliteness.polite) {
-        if (politeness === ClrAriaLivePoliteness.off) {
-            return;
-        }
-        if (!this.ariaLiveElement && isPlatformBrowser(this.platformId)) {
-            this.ariaLiveElement = this.createContainer();
-        }
-        message = typeof message !== 'string' && isPlatformBrowser(this.platformId) ? message.textContent : message;
-        // when there is no message do NOTHING!
-        if (!message) {
-            return;
-        }
-        this.ariaLiveElement.setAttribute('aria-live', politeness);
-        // This 100ms timeout is necessary for some browser + screen-reader combinations:
-        // - Both JAWS and NVDA over IE11 will not announce anything without a non-zero timeout.
-        // - With Chrome and IE11 with NVDA or JAWS, a repeated (identical) message won't be read a
-        //   second time without clearing and then using a non-zero delay.
-        // (using JAWS 17 at time of this writing).
-        this.ngZone.runOutsideAngular(() => {
-            // This clearTimeout will stop all older messages from announcing
-            // in the case where the messages are comming too fast we gonna try to append only
-            // the last one. That's what the SR will try to do anyway.
-            clearTimeout(this.previousTimeout);
-            this.previousTimeout = setTimeout(() => {
-                this.ariaLiveElement.textContent = message;
-            }, ARIA_LIVE_TICK);
-        });
-    }
-    /**
-     * onDestroy life cycle - must stop all active setTimeouts and remove the AriaLive
-     * container from the document.
-     */
-    ngOnDestroy() {
-        clearTimeout(this.previousTimeout);
-        if (isPlatformBrowser(this.platformId) && this.ariaLiveElement) {
-            this.document.body.removeChild(this.ariaLiveElement);
-            this.ariaLiveElement = null;
-        }
-    }
-    /**
-     * Create AriaLive DOM element as a last child of the document.
-     * After the element is created, we gonna apply Clarity class to hide it from
-     * the screen and set the `aria-live` politness.
-     *
-     * `clr-sr-only` is the CSS class that is used to hide the element from the screen.
-     *
-     * @remark
-     * Calling this method multiple times will create multiple DOM Elements, that
-     * won't be tracked and will be GC after the service is destroyed.
-     *
-     * @return AriaLive container as HTMLElement
-     *
-     */
-    createContainer() {
-        const ariaLiveElement = this.document.createElement('div');
-        ariaLiveElement.setAttribute('id', this.id);
-        // Use clarity screen reader class to hide the dom element
-        // and fix the scrollbar shake
-        ariaLiveElement.classList.add('clr-sr-only');
-        ariaLiveElement.setAttribute('aria-atomic', 'true');
-        ariaLiveElement.setAttribute('aria-live', ClrAriaLivePoliteness.polite);
-        this.document.body.appendChild(ariaLiveElement);
-        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.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root',
-            },] }
-];
-ClrAriaLiveService.ctorParameters = () => [
-    { type: NgZone },
-    { type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] }] },
-    { type: undefined, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] }
-];
 
 /*
  * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
@@ -24095,6 +24380,16 @@ ClrAriaLiveService.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 CLR_MENU_POSITIONS = [
+    'bottom-left',
+    'bottom-right',
+    'top-left',
+    'top-right',
+    'left-bottom',
+    'left-top',
+    'right-bottom',
+    'right-top',
+];
 
 /*
  * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.
@@ -24172,5 +24467,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, ClrStackViewLabel, 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, ClrStackViewLabel, 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, ɵ0, 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, FocusTrap as ɵdy, ClrTemplateRefModule as ɵdz, RootDropdownService as ɵe, TEMPLATE_REF_DIRECTIVES as ɵea, TemplateRefContainer as ɵeb, TabsService as ɵec, TABS_ID as ɵed, tokenFactory as ɵee, TABS_ID_PROVIDER as ɵef, VerticalNavService as ɵeg, VerticalNavIconService as ɵeh, VerticalNavGroupRegistrationService as ɵei, VerticalNavGroupService as ɵej, TooltipIdService as ɵek, WizardNavigationService as ɵel, PageCollectionService as ɵem, ButtonHubService as ɵen, HeaderActionService as ɵeo, AccordionService as ɵep, panelAnimation as ɵeq, stepAnimation as ɵer, defaultAnimationTiming as ɵes, StepperService as ɵet, TimelineIconAttributeService as ɵeu, 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 };
 //# sourceMappingURL=clr-angular.js.map