@clr/angular 13.0.1 → 13.1.0

package/forms/checkbox/checkbox-container.d.ts

@@ -1,8 +1,3 @@
-/**
- * Copyright (c) 2016-2021 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.
- */
 import { AfterContentInit, QueryList } from '@angular/core';
 import { ControlClassService } from '../common/providers/control-class.service';
 import { NgControlService } from '../common/providers/ng-control.service';

package/forms/checkbox/checkbox-wrapper.d.ts

@@ -1,8 +1,3 @@
-/**
- * Copyright (c) 2016-2021 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.
- */
 import { OnInit, InjectionToken, OnDestroy } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
 import { DynamicWrapper } from '../../utils/host-wrapping/dynamic-wrapper';

package/forms/checkbox/checkbox.d.ts

@@ -1,8 +1,3 @@
-/**
- * Copyright (c) 2016-2021 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.
- */
 import { Renderer2, ElementRef, Injector, ViewContainerRef } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { ClrCheckboxWrapper } from './checkbox-wrapper';

package/forms/combobox/combobox-container.d.ts

@@ -1,8 +1,3 @@
-/**
- * Copyright (c) 2016-2021 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.
- */
 import { ElementRef, AfterViewInit, AfterContentInit } from '@angular/core';
 import { NgControlService } from '../common/providers/ng-control.service';
 import { ControlClassService } from '../common/providers/control-class.service';

package/forms/combobox/combobox.d.ts

@@ -80,7 +80,6 @@ export declare class ClrCombobox<T> extends WrappedFormControl<ClrComboboxContai
     private getDisplayNames;
     ngAfterContentInit(): void;
     ngAfterViewInit(): void;
-    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrCombobox<any>, [null, null, { optional: true; self: true; }, null, null, null, null, null, null, { optional: true; }, { optional: true; }, null, null, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ClrCombobox<any>, "clr-combobox", never, { "placeholder": "placeholder"; "multiSelect": "clrMulti"; }, { "clrInputChange": "clrInputChange"; "clrOpenChange": "clrOpenChange"; "clrSelectionChange": "clrSelectionChange"; }, ["optionSelected"], ["*"]>;
 }

package/forms/combobox/model/combobox.model.d.ts

@@ -1,8 +1,3 @@
-/**
- * Copyright (c) 2016-2021 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.
- */
 export declare abstract class ComboboxModel<T> {
     model: T | T[];
     abstract containsItem(item: T): boolean;

package/forms/combobox/model/multi-select-combobox.model.d.ts

@@ -1,8 +1,3 @@
-/**
- * Copyright (c) 2016-2021 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.
- */
 import { ComboboxModel } from './combobox.model';
 export declare class MultiSelectComboboxModel<T> implements ComboboxModel<T> {
     model: T[];

package/forms/combobox/model/pseudo-focus.model.d.ts

@@ -1,8 +1,3 @@
-/**
- * Copyright (c) 2016-2021 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.
- */
 import { SingleSelectComboboxModel } from './single-select-combobox.model';
 import { Observable } from 'rxjs';
 export declare class PseudoFocusModel<T> extends SingleSelectComboboxModel<T> {

package/forms/combobox/model/single-select-combobox.model.d.ts

@@ -1,8 +1,3 @@
-/**
- * Copyright (c) 2016-2021 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.
- */
 import { ComboboxModel } from './combobox.model';
 export declare class SingleSelectComboboxModel<T> implements ComboboxModel<T> {
     model: T;

package/forms/combobox/option.d.ts

@@ -1,8 +1,3 @@
-/**
- * Copyright (c) 2016-2021 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.
- */
 import { ElementRef, OnInit } from '@angular/core';
 import { OptionSelectionService } from './providers/option-selection.service';
 import { ComboboxFocusHandler, OptionData as OptionProxy } from './providers/combobox-focus-handler.service';

package/forms/combobox/options.d.ts

@@ -1,8 +1,3 @@
-/**
- * Copyright (c) 2016-2021 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.
- */
 import { ElementRef, QueryList, AfterViewInit, OnDestroy } from '@angular/core';
 import { OptionSelectionService } from './providers/option-selection.service';
 import { AriaService } from '../../utils/aria/aria.service';

package/forms/common/abstract-container.d.ts

@@ -1,8 +1,3 @@
-/**
- * Copyright (c) 2016-2021 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.
- */
 import { AfterContentInit, OnDestroy } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { NgControlService } from './providers/ng-control.service';

package/forms/common/form.d.ts

@@ -1,8 +1,3 @@
-/**
- * Copyright (c) 2016-2021 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.
- */
 import { QueryList } from '@angular/core';
 import { LayoutService } from './providers/layout.service';
 import { MarkControlService } from './providers/mark-control.service';

package/forms/common/layout.d.ts

@@ -1,8 +1,3 @@
-/**
- * Copyright (c) 2016-2021 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.
- */
 import { OnInit } from '@angular/core';
 import { ClrFormLayout, LayoutService } from './providers/layout.service';
 import * as i0 from "@angular/core";

package/forms/common/wrapped-control.d.ts

@@ -1,8 +1,3 @@
-/**
- * Copyright (c) 2016-2021 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.
- */
 import { InjectionToken, Injector, OnInit, Type, ViewContainerRef, Renderer2, ElementRef, OnDestroy } from '@angular/core';
 import { Subscription } from 'rxjs';
 import { DynamicWrapper } from '../../utils/host-wrapping/dynamic-wrapper';

package/forms/datalist/datalist-input.d.ts

@@ -1,8 +1,3 @@
-/**
- * Copyright (c) 2016-2021 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.
- */
 import { ViewContainerRef, Injector, Renderer2, ElementRef, AfterContentInit } from '@angular/core';
 import { WrappedFormControl } from '../common/wrapped-control';
 import { ClrDatalistContainer } from './datalist-container';

package/forms/datepicker/date-container.d.ts

@@ -1,10 +1,11 @@
-import { ElementRef, AfterViewInit } from '@angular/core';
+import { ElementRef, AfterViewInit, Renderer2 } from '@angular/core';
 import { ClrPopoverToggleService } from '../../utils/popover/providers/popover-toggle.service';
 import { ControlClassService } from '../common/providers/control-class.service';
 import { FocusService } from '../common/providers/focus.service';
 import { LayoutService } from '../common/providers/layout.service';
 import { NgControlService } from '../common/providers/ng-control.service';
 import { DateFormControlService } from './providers/date-form-control.service';
+import { DateIOService } from './providers/date-io.service';
 import { DateNavigationService } from './providers/date-navigation.service';
 import { DatepickerEnabledService } from './providers/datepicker-enabled.service';
 import { ClrCommonStringsService } from '../../utils/i18n/common-strings.service';
@@ -14,10 +15,12 @@ import { IfControlStateService } from '../common/if-control-state/if-control-sta
 import { ClrAbstractContainer } from '../common/abstract-container';
 import * as i0 from "@angular/core";
 export declare class ClrDateContainer extends ClrAbstractContainer implements AfterViewInit {
+    protected renderer: Renderer2;
     private toggleService;
     private dateNavigationService;
     private datepickerEnabledService;
     private dateFormControlService;
+    private dateIOService;
     commonStrings: ClrCommonStringsService;
     private focusService;
     private viewManagerService;
@@ -31,7 +34,7 @@ export declare class ClrDateContainer extends ClrAbstractContainer implements Af
     get open(): boolean;
     private toggleButton;
     set actionButton(button: ElementRef);
-    constructor(toggleService: ClrPopoverToggleService, dateNavigationService: DateNavigationService, datepickerEnabledService: DatepickerEnabledService, dateFormControlService: DateFormControlService, commonStrings: ClrCommonStringsService, focusService: FocusService, viewManagerService: ViewManagerService, controlClassService: ControlClassService, layoutService: LayoutService, ngControlService: NgControlService, ifControlStateService: IfControlStateService);
+    constructor(renderer: Renderer2, toggleService: ClrPopoverToggleService, dateNavigationService: DateNavigationService, datepickerEnabledService: DatepickerEnabledService, dateFormControlService: DateFormControlService, dateIOService: DateIOService, commonStrings: ClrCommonStringsService, focusService: FocusService, viewManagerService: ViewManagerService, controlClassService: ControlClassService, layoutService: LayoutService, ngControlService: NgControlService, ifControlStateService: IfControlStateService);
     ngAfterViewInit(): void;
     /**
      * Returns if the Datepicker is enabled or not. If disabled, hides the datepicker trigger.
@@ -41,10 +44,16 @@ export declare class ClrDateContainer extends ClrAbstractContainer implements Af
      * Return if Datepicker is diabled or not as Form Control
      */
     get isInputDateDisabled(): boolean;
+    /**
+     * Return the label for the toggle button.
+     * If there's a selected date, the date is included in the label.
+     */
+    private getToggleButtonLabel;
+    private listenForDateChanges;
     /**
      * Processes the user input and Initializes the Calendar everytime the datepicker popover is open.
      */
     private initializeCalendar;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ClrDateContainer, [null, null, null, null, null, null, null, null, { optional: true; }, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClrDateContainer, [null, null, null, null, null, null, null, null, null, null, { optional: true; }, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ClrDateContainer, "clr-date-container", never, { "clrPosition": "clrPosition"; }, {}, never, ["label", "[clrDate]", "clr-control-helper", "clr-control-error", "clr-control-success"]>;
 }

package/forms/datepicker/datepicker-view-manager.d.ts

@@ -1,8 +1,10 @@
+import { ClrCommonStringsService } from '../../utils/i18n/common-strings.service';
 import { ViewManagerService } from './providers/view-manager.service';
 import * as i0 from "@angular/core";
 export declare class ClrDatepickerViewManager {
+    commonStrings: ClrCommonStringsService;
     private viewManagerService;
-    constructor(viewManagerService: ViewManagerService);
+    constructor(commonStrings: ClrCommonStringsService, viewManagerService: ViewManagerService);
     /**
      * Returns if the current view is the monthpicker.
      */

package/forms/input/input.d.ts

@@ -1,8 +1,3 @@
-/**
- * Copyright (c) 2016-2021 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.
- */
 import { ViewContainerRef, Renderer2, ElementRef, Injector } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { ClrInputContainer } from './input-container';

package/forms/password/password-container.d.ts

@@ -1,8 +1,3 @@
-/**
- * Copyright (c) 2016-2021 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.
- */
 import { InjectionToken } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
 import { ControlClassService } from '../common/providers/control-class.service';

package/forms/password/password.d.ts

@@ -1,8 +1,3 @@
-/**
- * Copyright (c) 2016-2021 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.
- */
 import { ElementRef, Injector, OnDestroy, OnInit, Renderer2, ViewContainerRef } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
 import { NgControl } from '@angular/forms';

package/forms/radio/radio-container.d.ts

@@ -1,8 +1,3 @@
-/**
- * Copyright (c) 2016-2021 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.
- */
 import { AfterContentInit, QueryList } from '@angular/core';
 import { ControlClassService } from '../common/providers/control-class.service';
 import { NgControlService } from '../common/providers/ng-control.service';

package/forms/radio/radio-wrapper.d.ts

@@ -1,8 +1,3 @@
-/**
- * Copyright (c) 2016-2021 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.
- */
 import { OnInit } from '@angular/core';
 import { DynamicWrapper } from '../../utils/host-wrapping/dynamic-wrapper';
 import { ClrLabel } from '../common/label';

package/forms/radio/radio.d.ts

@@ -1,8 +1,3 @@
-/**
- * Copyright (c) 2016-2021 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.
- */
 import { ElementRef, Injector, Renderer2, ViewContainerRef } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { WrappedFormControl } from '../common/wrapped-control';

package/forms/range/range-container.d.ts

@@ -1,8 +1,3 @@
-/**
- * Copyright (c) 2016-2021 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.
- */
 import { Renderer2 } from '@angular/core';
 import { NgControlService } from '../common/providers/ng-control.service';
 import { LayoutService } from '../common/providers/layout.service';

package/forms/range/range.d.ts

@@ -1,8 +1,3 @@
-/**
- * Copyright (c) 2016-2021 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.
- */
 import { ViewContainerRef, Renderer2, ElementRef, Injector } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { WrappedFormControl } from '../common/wrapped-control';

package/forms/select/select.d.ts

@@ -1,8 +1,3 @@
-/**
- * Copyright (c) 2016-2021 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.
- */
 import { ViewContainerRef, Renderer2, ElementRef, Injector } from '@angular/core';
 import { WrappedFormControl } from '../common/wrapped-control';
 import { ClrSelectContainer } from './select-container';

package/forms/textarea/textarea.d.ts

@@ -1,8 +1,3 @@
-/**
- * Copyright (c) 2016-2021 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.
- */
 import { ViewContainerRef, Renderer2, ElementRef, Injector } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { WrappedFormControl } from '../common/wrapped-control';

package/layout/nav/header.d.ts

@@ -12,10 +12,18 @@ export declare class ClrHeader implements OnDestroy {
     responsiveNavCodes: typeof ResponsiveNavCodes;
     private _subscription;
     constructor(responsiveNavService: ResponsiveNavigationService, commonStrings: ClrCommonStringsService);
+    get responsiveNavCommonString(): string;
+    get responsiveOverflowCommonString(): string;
     resetNavTriggers(): void;
     initializeNavTriggers(navList: number[]): void;
     closeOpenNav(): void;
+    /**
+     * @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: number): void;
+    openNav(navLevel: number): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrHeader, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ClrHeader, "clr-header", never, {}, {}, never, ["*"]>;

package/layout/nav/nav-level.d.ts

@@ -1,20 +1,32 @@
-import { ElementRef, OnInit } from '@angular/core';
+import { ElementRef, Injector, OnInit, Renderer2 } from '@angular/core';
 import { ResponsiveNavigationService } from './providers/responsive-navigation.service';
 import { ResponsiveNavCodes } from './responsive-nav-codes';
+import { FocusTrap, FocusTrapElement } from '../../utils/focus-trap/focus-trap';
+import '@cds/core/internal-components/close-button/register.js';
 import * as i0 from "@angular/core";
-export declare class ClrNavLevel implements OnInit {
+export declare class ClrNavLevel extends FocusTrap implements OnInit {
     private responsiveNavService;
     private elementRef;
     _level: number;
-    constructor(responsiveNavService: ResponsiveNavigationService, elementRef: ElementRef);
+    closeButtonAriaLabel: string;
+    private _subscription;
+    private _isOpen;
+    constructor(platformId: any, responsiveNavService: ResponsiveNavigationService, elementRef: ElementRef<FocusTrapElement>, renderer: Renderer2, injector: Injector);
     ngOnInit(): void;
+    ngAfterViewInit(): void;
     addNavClass(level: number): void;
     get level(): number;
     get responsiveNavCodes(): ResponsiveNavCodes;
+    get isOpen(): boolean;
+    onResize(event: Event): void;
     open(): void;
     close(): void;
     onMouseClick(target: any): void;
+    protected hideNavigation(): void;
+    protected showNavigation(): void;
+    protected hideCloseButton(): void;
+    protected showCloseButton(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrNavLevel, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ClrNavLevel, "[clr-nav-level]", never, { "_level": "clr-nav-level"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ClrNavLevel, "[clr-nav-level]", never, { "_level": "clr-nav-level"; "closeButtonAriaLabel": "closeAriaLabel"; }, {}, never>;
 }

package/layout/vertical-nav/vertical-nav-group.d.ts

@@ -16,6 +16,7 @@ export declare class ClrVerticalNavGroup implements AfterContentInit, OnDestroy
     private wasExpanded;
     get expanded(): boolean;
     set expanded(value: boolean);
+    groupLabel: string;
     set userExpandedInput(value: boolean | string);
     expandedChange: EventEmitter<boolean>;
     private _subscriptions;
@@ -29,5 +30,5 @@ export declare class ClrVerticalNavGroup implements AfterContentInit, OnDestroy
     ngAfterContentInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrVerticalNavGroup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ClrVerticalNavGroup, "clr-vertical-nav-group", never, { "userExpandedInput": "clrVerticalNavGroupExpanded"; }, { "expandedChange": "clrVerticalNavGroupExpandedChange"; }, never, ["[clrVerticalNavLink]", "[clrVerticalNavIcon]", "*", "[clrIfExpanded], clr-vertical-nav-group-children"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClrVerticalNavGroup, "clr-vertical-nav-group", never, { "groupLabel": "clrVerticalNavGroupLabel"; "userExpandedInput": "clrVerticalNavGroupExpanded"; }, { "expandedChange": "clrVerticalNavGroupExpandedChange"; }, never, ["[clrVerticalNavLink]", "[clrVerticalNavIcon]", "*", "[clrIfExpanded], clr-vertical-nav-group-children"]>;
 }

package/layout/vertical-nav/vertical-nav-link.d.ts

@@ -1,9 +1,10 @@
+import { ChangeDetectorRef, ElementRef, OnDestroy } from '@angular/core';
 import { VerticalNavGroupService } from './providers/vertical-nav-group.service';
 import * as i0 from "@angular/core";
-export declare class ClrVerticalNavLink {
-    private _navGroupService;
-    constructor(_navGroupService: VerticalNavGroupService);
-    expandParentNavGroup(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ClrVerticalNavLink, [{ optional: true; }]>;
+export declare class ClrVerticalNavLink implements OnDestroy {
+    private destroy$;
+    constructor(host: ElementRef<HTMLElement>, ref: ChangeDetectorRef, navGroupService: VerticalNavGroupService | null);
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClrVerticalNavLink, [null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ClrVerticalNavLink, "[clrVerticalNavLink]", never, {}, {}, never, ["[clrVerticalNavIcon]", "*"]>;
 }

package/modal/modal-body.d.ts

@@ -11,6 +11,7 @@ export declare class ClrModalBody implements OnDestroy {
     private readonly host;
     private tabindex;
     private unlisteners;
+    private observer;
     constructor(renderer: Renderer2, host: ElementRef<HTMLElement>, ngZone: NgZone);
     ngOnDestroy(): void;
     private addTabIndex;

package/modal/modal.d.ts

@@ -18,6 +18,7 @@ export declare class ClrModal implements OnChanges, OnDestroy {
     bypassScrollService: boolean;
     stopClose: boolean;
     altClose: EventEmitter<boolean>;
+    labelledBy: string;
     constructor(_scrollingService: ScrollingService, commonStrings: ClrCommonStringsService, modalId: string);
     ngOnChanges(changes: {
         [propName: string]: SimpleChange;
@@ -27,5 +28,5 @@ export declare class ClrModal implements OnChanges, OnDestroy {
     close(): void;
     fadeDone(e: AnimationEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrModal, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ClrModal, "clr-modal", never, { "_open": "clrModalOpen"; "closable": "clrModalClosable"; "size": "clrModalSize"; "staticBackdrop": "clrModalStaticBackdrop"; "skipAnimation": "clrModalSkipAnimation"; "bypassScrollService": "clrModalOverrideScrollService"; "stopClose": "clrModalPreventClose"; }, { "_openChanged": "clrModalOpenChange"; "altClose": "clrModalAlternateClose"; }, never, [".modal-nav", ".modal-title", ".modal-body", ".modal-footer"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClrModal, "clr-modal", never, { "_open": "clrModalOpen"; "closable": "clrModalClosable"; "size": "clrModalSize"; "staticBackdrop": "clrModalStaticBackdrop"; "skipAnimation": "clrModalSkipAnimation"; "bypassScrollService": "clrModalOverrideScrollService"; "stopClose": "clrModalPreventClose"; "labelledBy": "clrModalLabelledById"; }, { "_openChanged": "clrModalOpenChange"; "altClose": "clrModalAlternateClose"; }, never, [".modal-nav", ".modal-title", ".modal-body", ".modal-footer"]>;
 }

package/package.json

@@ -1,8 +1,7 @@
 {
   "name": "@clr/angular",
-  "version": "13.0.1",
   "description": "Angular components for Clarity",
-  "homepage": "https://clarity.design",
+  "homepage": "https://angular.clarity.design",
   "keywords": [
     "ng-add",
     "clarity",
@@ -11,27 +10,17 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/vmware/clarity.git"
+    "url": "https://github.com/vmware-clarity/ng-clarity.git"
   },
   "author": "Clarity Design System",
   "license": "MIT",
   "bugs": {
-    "url": "https://github.com/vmware/clarity/issues"
+    "url": "https://github.com/vmware-clarity/ng-clarity/issues"
   },
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0",
-    "@cds/core": "next || ^6.0.0 || ^5.6.0",
-    "@clr/ui": "13.0.1"
-  },
-  "schematics": "./schematics/collection.json",
-  "ng-update": {
-    "migrations": "./schematics/migration-collection.json",
-    "packageGroup": [
-      "@clr/angular",
-      "@clr/ui",
-      "@cds/core"
-    ]
+    "@cds/core": "next || ^6.0.0 || ^5.6.0"
   },
   "module": "fesm2015/clr-angular.mjs",
   "es2020": "fesm2020/clr-angular.mjs",
@@ -55,5 +44,6 @@
   "sideEffects": false,
   "dependencies": {
     "tslib": "^2.3.0"
-  }
-}
+  },
+  "version": "13.1.0"
+}

package/popover/common/abstract-popover.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewChecked, ElementRef, Injector, OnDestroy, Renderer2 } from '@angular/core';
+import { AfterViewChecked, ElementRef, Injector, OnDestroy, Renderer2, NgZone, ChangeDetectorRef } from '@angular/core';
 import { ClrPopoverToggleService } from '../../utils/popover/providers/popover-toggle.service';
 import { Point } from './popover';
 import { PopoverOptions } from './popover-options.interface';
@@ -9,6 +9,8 @@ export declare abstract class AbstractPopover implements AfterViewChecked, OnDes
     protected el: ElementRef;
     protected toggleService: ClrPopoverToggleService;
     protected renderer: Renderer2;
+    protected ngZone: NgZone;
+    protected ref: ChangeDetectorRef;
     private popoverInstance;
     private subscription;
     private updateAnchor;

package/popover/dropdown/providers/dropdown-focus-handler.service.d.ts

@@ -1,10 +1,10 @@
-import { Renderer2 } from '@angular/core';
+import { OnDestroy, Renderer2 } from '@angular/core';
 import { Observable } from 'rxjs';
 import { ClrPopoverToggleService } from '../../../utils/popover/providers/popover-toggle.service';
 import { FocusService } from '../../../utils/focus/focus.service';
 import { FocusableItem } from '../../../utils/focus/focusable-item/focusable-item';
 import * as i0 from "@angular/core";
-export declare class DropdownFocusHandler implements FocusableItem {
+export declare class DropdownFocusHandler implements OnDestroy, FocusableItem {
     id: string;
     private renderer;
     private parent;

package/utils/breakpoints/breakpoints.d.ts

@@ -1 +1,15 @@
+/**
+ * TODO:
+ * Using core functions like:
+ * - pluckPixelValue
+ * - getCssPropertyValue
+ *
+ * to get the value of the design token.
+ *
+ * Note: Memoization/Cache usage possible.
+ */
 export declare const DATEPICKER_ENABLE_BREAKPOINT = 768;
+export declare const SMALL_BREAKPOINT = 576;
+export declare const MEDIUM_BREAKPOINT = 768;
+export declare const LARGE_BREAKPOINT = 992;
+export declare const EXTRA_LARGE_BREAKPOINT = 1200;

package/utils/destroy/destroy.service.d.ts

@@ -0,0 +1,32 @@
+import { OnDestroy } from '@angular/core';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+/**
+ * @description
+ *
+ * Developers should explicitly add this service to providers; it then can be injected
+ * into a constructor and used as a notifier for the `takeUntil` operator. This eliminates
+ * the need for boilerplates with subscriptions, and we don't need to implement the `OnDestroy`
+ * interface and teardown subscriptions there.
+ *
+ * This can be used as follows:
+ * ```ts
+ * @Component({
+ *   selector: 'clr-button-group',
+ *   templateUrl: 'button-group.html',
+ *   providers: [ClrDestroyService],
+ * })
+ * export class ClrButtonGroup {
+ *   constructor(public buttonGroupNewService: ButtonInGroupService, private destroy$: ClrDestroyService) {}
+ *
+ *   ngAfterContentInit() {
+ *     this.buttonGroupNewService.changes.pipe(takeUntil(this.destroy$)).subscribe(button => this.rearrangeButton(button));
+ *   }
+ * }
+ * ```
+ */
+export declare class ClrDestroyService extends Subject<void> implements OnDestroy {
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClrDestroyService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ClrDestroyService>;
+}

package/utils/destroy/index.d.ts

@@ -0,0 +1 @@
+export * from './destroy.service';

package/utils/enums/key-codes.enum.d.ts

@@ -8,6 +8,7 @@ export declare enum KeyCodes {
     Enter = "Enter",
     Escape = "Escape",
     Space = "Space",
+    Spacebar = " ",
     Home = "Home",
     End = "End"
 }

package/utils/focus/focus-on-view-init/focus-on-view-init.d.ts

@@ -1,17 +1,18 @@
-import { AfterViewInit, ElementRef, Renderer2 } from '@angular/core';
+import { AfterViewInit, ElementRef, NgZone, OnDestroy, Renderer2 } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class ClrFocusOnViewInit implements AfterViewInit {
+export declare class ClrFocusOnViewInit implements AfterViewInit, OnDestroy {
     private el;
     private platformId;
     private focusOnViewInit;
     private renderer;
-    constructor(el: ElementRef, platformId: any, focusOnViewInit: boolean, document: any, renderer: Renderer2);
+    private destroy$;
+    constructor(el: ElementRef, platformId: any, focusOnViewInit: boolean, document: any, renderer: Renderer2, ngZone: NgZone);
     private document;
     private directFocus;
-    onFocusout(): void;
     private _isEnabled;
     set isEnabled(value: boolean | string);
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     private focus;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrFocusOnViewInit, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ClrFocusOnViewInit, "[clrFocusOnViewInit]", never, { "isEnabled": "clrFocusOnViewInit"; }, {}, never>;