@clr/angular 18.2.2 → 18.4.0

package/types/clr-angular-data-tree-view.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { OnChanges, OnDestroy, TemplateRef, ChangeDetectorRef, AfterContentInit, Renderer2, ElementRef, NgZone, OnInit, AfterViewInit, EventEmitter, Injector, Type } from '@angular/core';
+import { ElementRef, OnInit, AfterContentInit, AfterViewInit, OnDestroy, EventEmitter, Injector, OnChanges, TemplateRef, ChangeDetectorRef, Renderer2, NgZone, Type } from '@angular/core';
 import { Observable, BehaviorSubject, Subject, Subscription } from 'rxjs';
 import * as i8 from '@clr/angular/utils';
 import { IfExpandService, ClrCommonStringsService } from '@clr/angular/utils';
@@ -14,74 +14,6 @@ declare enum ClrSelectedState {
 
 type AsyncArray<T> = T[] | null | undefined | Promise<T[] | null | undefined> | Observable<T[] | null | undefined>;
 
-declare abstract class TreeNodeModel<T> {
-    nodeId: string;
-    expanded: boolean;
-    model: T | null;
-    textContent: string;
-    loading$: BehaviorSubject<boolean>;
-    selected: BehaviorSubject<ClrSelectedState>;
-    private _loading;
-    private _disabled;
-    abstract parent: TreeNodeModel<T> | null;
-    abstract children: TreeNodeModel<T>[];
-    get loading(): boolean;
-    set loading(isLoading: boolean);
-    get disabled(): boolean;
-    set disabled(value: boolean);
-    destroy(): void;
-    setSelected(state: ClrSelectedState, propagateUp: boolean, propagateDown: boolean): void;
-    toggleSelection(propagate: boolean): void;
-    _updateSelectionFromChildren(): void;
-    private computeSelectionStateFromChildren;
-}
-
-declare class RecursiveTreeNodeModel<T> extends TreeNodeModel<T> {
-    private getChildren;
-    private featuresService;
-    parent: RecursiveTreeNodeModel<T> | null;
-    private subscription;
-    private childrenFetched;
-    private _children;
-    constructor(model: T, parent: RecursiveTreeNodeModel<T> | null, getChildren: (node: T) => AsyncArray<T> | undefined, featuresService: TreeFeaturesService<T> | undefined);
-    get children(): RecursiveTreeNodeModel<T>[];
-    set children(value: RecursiveTreeNodeModel<T>[]);
-    destroy(): void;
-    clearChildren(): void;
-    fetchChildren(): void;
-    private wrapChildren;
-}
-
-interface ClrRecursiveForOfContext<T> {
-    $implicit: T;
-    clrModel: TreeNodeModel<T>;
-}
-declare class ClrRecursiveForOf<T> implements OnChanges, OnDestroy {
-    private template;
-    private featuresService;
-    private cdr;
-    nodes: T | T[];
-    getChildren: (node: T) => AsyncArray<T>;
-    private childrenFetchSubscription;
-    constructor(template: TemplateRef<ClrRecursiveForOfContext<T>>, featuresService: TreeFeaturesService<T>, cdr: ChangeDetectorRef);
-    ngOnChanges(): void;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ClrRecursiveForOf<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ClrRecursiveForOf<any>, "[clrRecursiveFor][clrRecursiveForOf]", never, { "nodes": { "alias": "clrRecursiveForOf"; "required": false; }; "getChildren": { "alias": "clrRecursiveForGetChildren"; "required": false; }; }, {}, never, never, false, never>;
-}
-
-declare class TreeFeaturesService<T> {
-    selectable: boolean;
-    eager: boolean;
-    recursion: {
-        template: TemplateRef<ClrRecursiveForOfContext<T>>;
-        root: RecursiveTreeNodeModel<T>[];
-    };
-    childrenFetched: Subject<void>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TreeFeaturesService<any>, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<TreeFeaturesService<any>>;
-}
-
 declare class TreeFocusManagerService<T> {
     rootNodeModels: TreeNodeModel<T>[];
     private focusedNodeId;
@@ -112,27 +44,9 @@ declare class TreeFocusManagerService<T> {
     static ɵprov: i0.ɵɵInjectableDeclaration<TreeFocusManagerService<any>>;
 }
 
-declare class ClrTree<T> implements AfterContentInit, OnDestroy {
-    featuresService: TreeFeaturesService<T>;
-    private focusManagerService;
-    private renderer;
-    private el;
-    private rootNodes;
-    private subscriptions;
-    private _isMultiSelectable;
-    constructor(featuresService: TreeFeaturesService<T>, focusManagerService: TreeFocusManagerService<T>, renderer: Renderer2, el: ElementRef<HTMLElement>, ngZone: NgZone);
-    set lazy(value: boolean);
-    get isMultiSelectable(): boolean;
-    ngAfterContentInit(): void;
-    ngOnDestroy(): void;
-    private setMultiSelectable;
-    private setRootNodes;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ClrTree<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ClrTree<any>, "clr-tree", never, { "lazy": { "alias": "clrLazy"; "required": false; }; }, {}, ["rootNodes"], ["*"], false, never>;
-}
-
 declare class ClrTreeNodeLink {
     private el;
+    tabindex: number;
     constructor(el: ElementRef<HTMLElement>);
     get active(): boolean;
     activate(): void;
@@ -155,6 +69,8 @@ declare class ClrTreeNode<T> implements OnInit, AfterContentInit, AfterViewInit,
     nodeId: string;
     contentContainerTabindex: number;
     _model: TreeNodeModel<T>;
+    private bulkChange;
+    private skipAnimation;
     private skipEmitChange;
     private typeAheadKeyBuffer;
     private typeAheadKeyEvent;
@@ -171,6 +87,7 @@ declare class ClrTreeNode<T> implements OnInit, AfterContentInit, AfterViewInit,
     set clrForTypeAhead(value: string);
     get ariaSelected(): boolean;
     get treeNodeLink(): ClrTreeNodeLink;
+    get childrenAnimationState(): string;
     private get isParent();
     ngOnInit(): void;
     ngAfterContentInit(): void;
@@ -178,9 +95,22 @@ declare class ClrTreeNode<T> implements OnInit, AfterContentInit, AfterViewInit,
     ngOnDestroy(): void;
     isExpandable(): boolean;
     isSelectable(): boolean;
+    /**
+     * Expands this node and every expandable node below it, without animation. Disabled nodes are left untouched.
+     * Descendants added afterwards, including lazy-loaded children, come in expanded until any node of the subtree
+     * gets collapsed.
+     */
+    expandDescendants(): void;
+    /**
+     * Collapses this node and every node below it, without animation. Disabled nodes are left untouched.
+     */
+    collapseDescendants(): void;
+    _setExpandedInBulk(expanded: boolean): void;
+    _takeTabStop(): void;
     focusTreeNode(): void;
     broadcastFocusOnContainer(): void;
     onKeyDown(event: KeyboardEvent): void;
+    private reclaimTabStop;
     private setTabIndex;
     private checkTabIndex;
     private toggleExpandOrTriggerDefault;
@@ -191,6 +121,113 @@ declare class ClrTreeNode<T> implements OnInit, AfterContentInit, AfterViewInit,
     static ɵcmp: i0.ɵɵComponentDeclaration<ClrTreeNode<any>, "clr-tree-node", never, { "expandable": { "alias": "clrExpandable"; "required": false; }; "disabled": { "alias": "clrDisabled"; "required": false; }; "selected": { "alias": "clrSelected"; "required": false; }; "expanded": { "alias": "clrExpanded"; "required": false; }; "clrForTypeAhead": { "alias": "clrForTypeAhead"; "required": false; }; }, { "selectedChange": "clrSelectedChange"; "expandedChange": "clrExpandedChange"; }, ["treeNodeLinkList"], ["*", "clr-tree-node", "[clrIfExpanded]"], false, never>;
 }
 
+declare abstract class TreeNodeModel<T> {
+    nodeId: string;
+    expanded: boolean;
+    _descendantsExpanded: boolean;
+    _node: ClrTreeNode<T> | null;
+    model: T | null;
+    textContent: string;
+    loading$: BehaviorSubject<boolean>;
+    selected: BehaviorSubject<ClrSelectedState>;
+    private _loading;
+    private _disabled;
+    abstract parent: TreeNodeModel<T> | null;
+    abstract children: TreeNodeModel<T>[];
+    get loading(): boolean;
+    set loading(isLoading: boolean);
+    get _loadedChildren(): TreeNodeModel<T>[];
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    destroy(): void;
+    _setExpandedRecursive(expanded: boolean): void;
+    _isInExpandedSubtree(): boolean;
+    setSelected(state: ClrSelectedState, propagateUp: boolean, propagateDown: boolean): void;
+    toggleSelection(propagate: boolean): void;
+    _clearExpandedSubtree(): void;
+    _updateSelectionFromChildren(): void;
+    private computeSelectionStateFromChildren;
+}
+
+declare class RecursiveTreeNodeModel<T> extends TreeNodeModel<T> {
+    private getChildren;
+    private featuresService;
+    parent: RecursiveTreeNodeModel<T> | null;
+    private subscription;
+    private childrenFetched;
+    private _children;
+    constructor(model: T, parent: RecursiveTreeNodeModel<T> | null, getChildren: (node: T) => AsyncArray<T> | undefined, featuresService: TreeFeaturesService<T> | undefined);
+    get children(): RecursiveTreeNodeModel<T>[];
+    set children(value: RecursiveTreeNodeModel<T>[]);
+    get _loadedChildren(): RecursiveTreeNodeModel<T>[];
+    destroy(): void;
+    clearChildren(): void;
+    fetchChildren(): void;
+    private wrapChildren;
+}
+
+interface ClrRecursiveForOfContext<T> {
+    $implicit: T;
+    clrModel: TreeNodeModel<T>;
+}
+declare class ClrRecursiveForOf<T> implements OnChanges, OnDestroy {
+    private template;
+    private featuresService;
+    private cdr;
+    nodes: T | T[];
+    getChildren: (node: T) => AsyncArray<T>;
+    private childrenFetchSubscription;
+    constructor(template: TemplateRef<ClrRecursiveForOfContext<T>>, featuresService: TreeFeaturesService<T>, cdr: ChangeDetectorRef);
+    ngOnChanges(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClrRecursiveForOf<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ClrRecursiveForOf<any>, "[clrRecursiveFor][clrRecursiveForOf]", never, { "nodes": { "alias": "clrRecursiveForOf"; "required": false; }; "getChildren": { "alias": "clrRecursiveForGetChildren"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class TreeFeaturesService<T> {
+    selectable: boolean;
+    eager: boolean;
+    recursion: {
+        template: TemplateRef<ClrRecursiveForOfContext<T>>;
+        root: RecursiveTreeNodeModel<T>[];
+    };
+    childrenFetched: Subject<void>;
+    _allExpanded: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TreeFeaturesService<any>, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TreeFeaturesService<any>>;
+}
+
+declare class ClrTree<T> implements AfterContentInit, OnDestroy {
+    featuresService: TreeFeaturesService<T>;
+    private focusManagerService;
+    private renderer;
+    private el;
+    private rootNodes;
+    private rootModels;
+    private subscriptions;
+    private _isMultiSelectable;
+    constructor(featuresService: TreeFeaturesService<T>, focusManagerService: TreeFocusManagerService<T>, renderer: Renderer2, el: ElementRef<HTMLElement>, ngZone: NgZone);
+    set lazy(value: boolean);
+    get isMultiSelectable(): boolean;
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * Expands every expandable node of the tree, without animation. Disabled nodes are left untouched.
+     * Nodes added to the tree afterwards, including lazy-loaded children, come in expanded until any node gets collapsed.
+     */
+    expandAll(): void;
+    /**
+     * Collapses every node of the tree, without animation. Disabled nodes are left untouched.
+     */
+    collapseAll(): void;
+    private setAllExpanded;
+    private reclaimTabStop;
+    private setMultiSelectable;
+    private setRootNodes;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClrTree<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClrTree<any>, "clr-tree", never, { "lazy": { "alias": "clrLazy"; "required": false; }; }, {}, ["rootNodes"], ["*"], false, never>;
+}
+
 declare class RecursiveChildren<T> {
     featuresService: TreeFeaturesService<T>;
     private expandService;
@@ -198,6 +235,7 @@ declare class RecursiveChildren<T> {
     children: TreeNodeModel<T>[];
     subscription: Subscription;
     role: string;
+    private contexts;
     constructor(featuresService: TreeFeaturesService<T>, expandService: IfExpandService);
     ngAfterContentInit(): void;
     shouldRender(): boolean;

package/types/clr-angular-forms-checkbox.d.ts

@@ -47,14 +47,17 @@ declare class ClrCheckboxContainer extends ClrAbstractContainer implements After
     protected controlClassService: ControlClassService;
     protected ngControlService: NgControlService;
     role: string;
+    ariaLabelledBy: string;
     checkboxes: QueryList<ClrCheckbox>;
     private inline;
+    private _generatedId;
     constructor(layoutService: LayoutService, controlClassService: ControlClassService, ngControlService: NgControlService);
     get clrInline(): boolean | string;
     set clrInline(value: boolean | string);
     protected get allCheckboxesDisabled(): boolean;
     ngAfterContentInit(): void;
     private setAriaRoles;
+    private setAriaLabelledBy;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrCheckboxContainer, [{ optional: true; }, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ClrCheckboxContainer, "clr-checkbox-container,clr-toggle-container", never, { "clrInline": { "alias": "clrInline"; "required": false; }; }, {}, ["checkboxes"], ["label", "clr-checkbox-wrapper,clr-toggle-wrapper", "clr-control-helper", "clr-control-error", "clr-control-success"], false, never>;
 }

package/types/clr-angular-forms-datepicker.d.ts

@@ -983,4 +983,4 @@ declare class ClrDatepickerModule {
 }
 
 export { CLR_DATEPICKER_DIRECTIVES, ClrCalendar, ClrDateContainer, ClrDateInput, ClrDateInputBase, ClrDateInputValidator, ClrDatepickerActions, ClrDatepickerModule, ClrDatepickerViewManager, ClrDay, ClrDaypicker, ClrEndDateInput, ClrEndDateInputValidator, ClrMonthpicker, ClrStartDateInput, ClrStartDateInputValidator, ClrWeekday, ClrYearpicker };
-export type { ClrDayOfWeek };
+export type { ClrDayOfWeek, DateRangeOption };

package/types/clr-angular-forms-file-input.d.ts

@@ -72,7 +72,7 @@ interface ClrFileMessagesTemplateContext {
 }
 declare class ClrFileMessagesTemplate {
     readonly templateRef: TemplateRef<ClrFileMessagesTemplateContext>;
-    static ngTemplateContextGuard(directive: ClrFileMessagesTemplate, context: unknown): context is ClrFileMessagesTemplateContext;
+    static ngTemplateContextGuard(_directive: ClrFileMessagesTemplate, _context: unknown): _context is ClrFileMessagesTemplateContext;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrFileMessagesTemplate, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ClrFileMessagesTemplate, "ng-template[clr-file-messages]", never, {}, {}, never, never, false, never>;
 }

package/types/clr-angular-forms-radio.d.ts

@@ -27,7 +27,6 @@ declare class ClrRadioContainer extends ClrAbstractContainer implements AfterCon
     role: string;
     ariaLabelledBy: string;
     radios: QueryList<ClrRadio>;
-    groupLabel: ElementRef<HTMLElement>;
     private inline;
     private _generatedId;
     constructor(layoutService: LayoutService, controlClassService: ControlClassService, ngControlService: NgControlService);
@@ -37,7 +36,7 @@ declare class ClrRadioContainer extends ClrAbstractContainer implements AfterCon
     private setAriaRoles;
     private setAriaLabelledBy;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrRadioContainer, [{ optional: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ClrRadioContainer, "clr-radio-container", never, { "clrInline": { "alias": "clrInline"; "required": false; }; }, {}, ["groupLabel", "radios"], ["label", "clr-radio-wrapper", "clr-control-helper", "clr-control-error", "clr-control-success"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClrRadioContainer, "clr-radio-container", never, { "clrInline": { "alias": "clrInline"; "required": false; }; }, {}, ["radios"], ["label", "clr-radio-wrapper", "clr-control-helper", "clr-control-error", "clr-control-success"], false, never>;
 }
 
 declare class ClrRadioModule {

package/types/clr-angular-icon.d.ts

@@ -68,6 +68,7 @@ declare class ClrIcon implements OnInit, AfterViewInit, OnDestroy {
     private _status;
     private _inverse;
     private _badge;
+    private _innerOffset;
     private subscription;
     private _priorShape;
     constructor(el: ElementRef<HTMLElement>, cdr: ChangeDetectorRef);
@@ -87,16 +88,24 @@ declare class ClrIcon implements OnInit, AfterViewInit, OnDestroy {
     set inverse(value: boolean);
     get badge(): string | boolean;
     set badge(value: string | boolean);
+    /**
+     * Given a pixel value, offsets any surrounding whitespace within the icon's svg,
+     * growing it outward by that amount on every side so the visible glyph fills its box.
+     */
+    get innerOffset(): number;
+    set innerOffset(value: number);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     updateIcon(): void;
     updateIconSize(value: string): void;
+    updateInnerOffset(value: number): void;
     private cleanUpAdoptedStyleSheets;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrIcon, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ClrIcon, "clr-icon, cds-icon", never, { "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "flip": { "alias": "flip"; "required": false; }; "solid": { "alias": "solid"; "required": false; }; "status": { "alias": "status"; "required": false; }; "inverse": { "alias": "inverse"; "required": false; }; "badge": { "alias": "badge"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClrIcon, "clr-icon, cds-icon", never, { "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "flip": { "alias": "flip"; "required": false; }; "solid": { "alias": "solid"; "required": false; }; "status": { "alias": "status"; "required": false; }; "inverse": { "alias": "inverse"; "required": false; }; "badge": { "alias": "badge"; "required": false; }; "innerOffset": { "alias": "innerOffset"; "required": false; }; }, {}, never, never, true, never>;
     static ngAcceptInputType_solid: unknown;
     static ngAcceptInputType_inverse: unknown;
+    static ngAcceptInputType_innerOffset: unknown;
 }
 
 /**
@@ -115,6 +124,14 @@ declare class ClarityIcons {
      * Returns a readonly reference of the icon registry.
      */
     static get registry(): Readonly<IconRegistry>;
+    /**
+     * Looks up a single icon shape by name without copying the entire registry.
+     *
+     * Prefer this over indexing into `registry` (e.g. `registry[name]`) in hot paths like icon
+     * rendering: `registry` spreads the whole (potentially large) registry into a new object on
+     * every access, which becomes expensive/memory-churning when many icons render or re-render.
+     */
+    static getIconShape(name: string): IconRegistrySources[string] | undefined;
     static addIcons(...shapes: IconShapeTuple[]): void;
     /**
      * @description
@@ -163,6 +180,9 @@ declare const cloudIcon: IconShapeTuple;
 declare const cogIconName = "cog";
 declare const cogIcon: IconShapeTuple;
 
+declare const ellipsisGridCircleIconName = "ellipsis-grid-circle";
+declare const ellipsisGridCircleIcon: IconShapeTuple;
+
 declare const ellipsisHorizontalIconName = "ellipsis-horizontal";
 declare const ellipsisHorizontalIcon: IconShapeTuple;
 
@@ -1496,5 +1516,5 @@ declare const travelCollectionAliases: IconAlias[];
  */
 declare function loadTravelIconSet(): void;
 
-export { CLR_ICON_DIRECTIVES, CdsIconCustomTag, ClarityIcons, ClrIcon, ClrIconCustomTag, ClrIconModule, IconHtmlPipe, accessibility1Icon, accessibility1IconName, accessibility2Icon, accessibility2IconName, addTextIcon, addTextIconName, administratorIcon, administratorIconName, airplaneIcon, airplaneIconName, alarmClockIcon, alarmClockIconName, alarmOffIcon, alarmOffIconName, alignBottomIcon, alignBottomIconName, alignCenterIcon, alignCenterIconName, alignLeftIcon, alignLeftIconName, alignLeftTextIcon, alignLeftTextIconName, alignMiddleIcon, alignMiddleIconName, alignRightIcon, alignRightIconName, alignRightTextIcon, alignRightTextIconName, alignTopIcon, alignTopIconName, angleDoubleIcon, angleDoubleIconName, angleIcon, angleIconName, animationIcon, animationIconName, announcementIcon, announcementIconName, applicationIcon, applicationIconName, applicationsIcon, applicationsIconName, archiveIcon, archiveIconName, arrowIcon, arrowIconName, arrowMiniIcon, arrowMiniIconName, assignUserIcon, assignUserIconName, asteriskIcon, asteriskIconName, atomIcon, atomIconName, axisChartIcon, axisChartIconName, backupIcon, backupIconName, backupRestoreIcon, backupRestoreIconName, banIcon, banIconName, bankIcon, bankIconName, barChartIcon, barChartIconName, barCodeIcon, barCodeIconName, barsIcon, barsIconName, batteryIcon, batteryIconName, bellCurveIcon, bellCurveIconName, bellIcon, bellIconName, betaIcon, betaIconName, bicycleIcon, bicycleIconName, birthdayCakeIcon, birthdayCakeIconName, bitcoinIcon, bitcoinIconName, blockIcon, blockIconName, blockQuoteIcon, blockQuoteIconName, blocksGroupIcon, blocksGroupIconName, bluetoothIcon, bluetoothIconName, bluetoothOffIcon, bluetoothOffIconName, boatIcon, boatIconName, boldIcon, boldIconName, boltIcon, boltIconName, bookIcon, bookIconName, bookmarkIcon, bookmarkIconName, boxPlotIcon, boxPlotIconName, briefcaseIcon, briefcaseIconName, bubbleChartIcon, bubbleChartIconName, bubbleExclamationIcon, bubbleExclamationIconName, bugIcon, bugIconName, buildingIcon, buildingIconName, bulletListIcon, bulletListIconName, bullseyeIcon, bullseyeIconName, bundleIcon, bundleIconName, calculatorIcon, calculatorIconName, calendarIcon, calendarIconName, calendarMiniIcon, calendarMiniIconName, cameraIcon, cameraIconName, campervanIcon, campervanIconName, capacitorIcon, capacitorIconName, carIcon, carIconName, caravanIcon, caravanIconName, cdDvdIcon, cdDvdIconName, centerTextIcon, centerTextIconName, certificateIcon, certificateIconName, chartCollectionAliases, chartCollectionIcons, chatBubbleIcon, chatBubbleIconName, checkCircleIcon, checkCircleIconName, checkCircleMiniIcon, checkCircleMiniIconName, checkIcon, checkIconName, checkMiniIcon, checkMiniIconName, checkboxListIcon, checkboxListIconName, childArrowIcon, childArrowIconName, ciCdIcon, ciCdIconName, circleArrowIcon, circleArrowIconName, circleIcon, circleIconName, clipboardIcon, clipboardIconName, clockIcon, clockIconName, cloneIcon, cloneIconName, cloudChartIcon, cloudChartIconName, cloudIcon, cloudIconName, cloudNetworkIcon, cloudNetworkIconName, cloudScaleIcon, cloudScaleIconName, cloudTrafficIcon, cloudTrafficIconName, clusterIcon, clusterIconName, codeIcon, codeIconName, cogIcon, cogIconName, coinBagIcon, coinBagIconName, collapseCardIcon, collapseCardIconName, colorPaletteIcon, colorPaletteIconName, colorPickerIcon, colorPickerIconName, commerceCollectionAliases, commerceCollectionIcons, compassIcon, compassIconName, computerIcon, computerIconName, connectIcon, connectIconName, containerGroupIcon, containerGroupIconName, containerIcon, containerIconName, containerVolumeIcon, containerVolumeIconName, contractIcon, contractIconName, controlLunIcon, controlLunIconName, copyIcon, copyIconName, copyToClipboardIcon, copyToClipboardIconName, coreCollectionAliases, coreCollectionIcons, cpuIcon, cpuIconName, creditCardIcon, creditCardIconName, crosshairsIcon, crosshairsIconName, crownIcon, crownIconName, cursorArrowIcon, cursorArrowIconName, cursorHandClickIcon, cursorHandClickIconName, cursorHandGrabIcon, cursorHandGrabIconName, cursorHandIcon, cursorHandIconName, cursorHandOpenIcon, cursorHandOpenIconName, cursorMoveIcon, cursorMoveIconName, curveChartIcon, curveChartIconName, dashboardIcon, dashboardIconName, dataClusterIcon, dataClusterIconName, deployIcon, deployIconName, detailCollapseIcon, detailCollapseIconName, detailExpandIcon, detailExpandIconName, detailsIcon, detailsIconName, devicesIcon, devicesIconName, digitalSignatureIcon, digitalSignatureIconName, disconnectIcon, disconnectIconName, displayIcon, displayIconName, dollarBillIcon, dollarBillIconName, dollarIcon, dollarIconName, dotCircleIcon, dotCircleIconName, downloadCloudIcon, downloadCloudIconName, downloadIcon, downloadIconName, dragHandleCornerIcon, dragHandleCornerIconName, dragHandleIcon, dragHandleIconName, eCheckIcon, eCheckIconName, ellipsisHorizontalIcon, ellipsisHorizontalIconName, ellipsisVerticalIcon, ellipsisVerticalIconName, employeeGroupIcon, employeeGroupIconName, employeeIcon, employeeIconName, envelopeIcon, envelopeIconName, eraserIcon, eraserIconName, errorMiniIcon, errorMiniIconName, errorStandardIcon, errorStandardIconName, essentialCollectionAliases, essentialCollectionIcons, euroIcon, euroIconName, eventIcon, eventIconName, eventMiniIcon, eventMiniIconName, exclamationCircleIcon, exclamationCircleIconName, exclamationTriangleIcon, exclamationTriangleIconName, expandCardIcon, expandCardIconName, exportIcon, exportIconName, eyeHideIcon, eyeHideIconName, eyeIcon, eyeIconName, factoryIcon, factoryIconName, fastForwardIcon, fastForwardIconName, ferryIcon, ferryIconName, fileGroupIcon, fileGroupIconName, fileIcon, fileIconName, fileSettingsIcon, fileSettingsIconName, fileShare2Icon, fileShare2IconName, fileShareIcon, fileShareIconName, fileZipIcon, fileZipIconName, filmStripIcon, filmStripIconName, filter2Icon, filter2IconName, filterGridCircleIcon, filterGridCircleIconName, filterGridCircleMiniIcon, filterGridCircleMiniIconName, filterGridIcon, filterGridIconName, filterGridMiniIcon, filterGridMiniIconName, filterIcon, filterIconName, filterOffIcon, filterOffIconName, firewallIcon, firewallIconName, firstAidIcon, firstAidIconName, fishIcon, fishIconName, flagIcon, flagIconName, flameIcon, flameIconName, flaskIcon, flaskIconName, floppyIcon, floppyIconName, folderIcon, folderIconName, folderOpenIcon, folderOpenIconName, fontSizeIcon, fontSizeIconName, forkingIcon, forkingIconName, formIcon, formIconName, fuelIcon, fuelIconName, gavelIcon, gavelIconName, gridChartIcon, gridChartIconName, gridViewIcon, gridViewIconName, halfStarIcon, halfStarIconName, happyFaceIcon, happyFaceIconName, hardDiskIcon, hardDiskIconName, hardDriveDisksIcon, hardDriveDisksIconName, hardDriveIcon, hardDriveIconName, hashtagIcon, hashtagIconName, headphonesIcon, headphonesIconName, heartBrokenIcon, heartBrokenIconName, heartIcon, heartIconName, heatMapIcon, heatMapIconName, helixIcon, helixIconName, helpIcon, helpIconName, helpInfoIcon, helpInfoIconName, highlighterIcon, highlighterIconName, historyIcon, historyIconName, homeIcon, homeIconName, hostGroupIcon, hostGroupIconName, hostIcon, hostIconName, hourglassIcon, hourglassIconName, idBadgeIcon, idBadgeIconName, imageGalleryIcon, imageGalleryIconName, imageIcon, imageIconName, importIcon, importIconName, inboxIcon, inboxIconName, indentIcon, indentIconName, inductorIcon, inductorIconName, infoCircleIcon, infoCircleIconName, infoCircleMiniIcon, infoCircleMiniIconName, infoStandardIcon, infoStandardIconName, installIcon, installIconName, internetOfThingsIcon, internetOfThingsIconName, italicIcon, italicIconName, justifyTextIcon, justifyTextIconName, keyIcon, keyIconName, keyboardIcon, keyboardIconName, landscapeIcon, landscapeIconName, languageIcon, languageIconName, launchpadIcon, launchpadIconName, layersIcon, layersIconName, libraryIcon, libraryIconName, lightbulbIcon, lightbulbIconName, lineChartIcon, lineChartIconName, linkIcon, linkIconName, listIcon, listIconName, loadChartIconSet, loadCommerceIconSet, loadCoreIconSet, loadEssentialIconSet, loadMediaIconSet, loadMiniIconSet, loadSocialIconSet, loadTechnologyIconSet, loadTextEditIconSet, loadTravelIconSet, lockIcon, lockIconName, loginIcon, loginIconName, logoutIcon, logoutIconName, mapIcon, mapIconName, mapMarkerIcon, mapMarkerIconName, mediaChangerIcon, mediaChangerIconName, mediaCollectionAliases, mediaCollectionIcons, memoryIcon, memoryIconName, microphoneIcon, microphoneIconName, microphoneMuteIcon, microphoneMuteIconName, miniCollectionAliases, miniCollectionIcons, minusCircleIcon, minusCircleIconName, minusIcon, minusIconName, mobileIcon, mobileIconName, moonIcon, moonIconName, mouseIcon, mouseIconName, musicNoteIcon, musicNoteIconName, namespaceIcon, namespaceIconName, networkGlobeIcon, networkGlobeIconName, networkSettingsIcon, networkSettingsIconName, networkSwitchIcon, networkSwitchIconName, neutralFaceIcon, neutralFaceIconName, newIcon, newIconName, noAccessIcon, noAccessIconName, noWifiIcon, noWifiIconName, nodeGroupIcon, nodeGroupIconName, nodeIcon, nodeIconName, nodesIcon, nodesIconName, noteIcon, noteIconName, numberListIcon, numberListIconName, nvmeIcon, nvmeIconName, objectsIcon, objectsIconName, onHolidayIcon, onHolidayIconName, organizationIcon, organizationIconName, outdentIcon, outdentIconName, paintRollerIcon, paintRollerIconName, paperclipIcon, paperclipIconName, pasteIcon, pasteIconName, pauseIcon, pauseIconName, pdfFileIcon, pdfFileIconName, pencilIcon, pencilIconName, pesoIcon, pesoIconName, phoneHandsetIcon, phoneHandsetIconName, pictureIcon, pictureIconName, pieChartIcon, pieChartIconName, piggyBankIcon, piggyBankIconName, pinIcon, pinIconName, pinboardIcon, pinboardIconName, playIcon, playIconName, pluginIcon, pluginIconName, plusCircleIcon, plusCircleIconName, plusIcon, plusIconName, podIcon, podIconName, popOutIcon, popOutIconName, portraitIcon, portraitIconName, poundIcon, poundIconName, powerIcon, powerIconName, printerIcon, printerIconName, processOnVmIcon, processOnVmIconName, qrCodeIcon, qrCodeIconName, rackServerIcon, rackServerIconName, radarIcon, radarIconName, recycleIcon, recycleIconName, redoIcon, redoIconName, refreshIcon, refreshIconName, renderIcon, repeatIcon, repeatIconName, replayAllIcon, replayAllIconName, replayOneIcon, replayOneIconName, resistorIcon, resistorIconName, resizeIcon, resizeIconName, resourcePoolIcon, resourcePoolIconName, rewindIcon, rewindIconName, routerIcon, routerIconName, rubleIcon, rubleIconName, rulerPencilIcon, rulerPencilIconName, rupeeIcon, rupeeIconName, sadFaceIcon, sadFaceIconName, scatterPlotIcon, scatterPlotIconName, scissorsIcon, scissorsIconName, scriptExecuteIcon, scriptExecuteIconName, scriptScheduleIcon, scriptScheduleIconName, scrollIcon, scrollIconName, searchIcon, searchIconName, shareIcon, shareIconName, shieldCheckIcon, shieldCheckIconName, shieldIcon, shieldIconName, shieldXIcon, shieldXIconName, shoppingBagIcon, shoppingBagIconName, shoppingCartIcon, shoppingCartIconName, shrinkIcon, shrinkIconName, shuffleIcon, shuffleIconName, sliderIcon, sliderIconName, snowflakeIcon, snowflakeIconName, socialCollectionAliases, socialCollectionIcons, sortByIcon, sortByIconName, squidIcon, squidIconName, ssdIcon, ssdIconName, starIcon, starIconName, stepForward2Icon, stepForward2IconName, stepForwardIcon, stepForwardIconName, stopIcon, stopIconName, storageAdapterIcon, storageAdapterIconName, storageIcon, storageIconName, storeIcon, storeIconName, strikethroughIcon, strikethroughIconName, subscriptIcon, subscriptIconName, successStandardIcon, successStandardIconName, sunIcon, sunIconName, superscriptIcon, superscriptIconName, switchIcon, switchIconName, syncIcon, syncIconName, tableIcon, tableIconName, tabletIcon, tabletIconName, tagIcon, tagIconName, tagsIcon, tagsIconName, talkBubblesIcon, talkBubblesIconName, tapeDriveIcon, tapeDriveIconName, targetIcon, targetIconName, tasksIcon, tasksIconName, technologyCollectionAliases, technologyCollectionIcons, terminalIcon, terminalIconName, textColorIcon, textColorIconName, textEditCollectionAliases, textEditCollectionIcons, textIcon, textIconName, thermometerIcon, thermometerIconName, thinClientIcon, thinClientIconName, thumbsDownIcon, thumbsDownIconName, thumbsUpIcon, thumbsUpIconName, tickChartIcon, tickChartIconName, timelineIcon, timelineIconName, timesCircleIcon, timesCircleIconName, timesIcon, timesIconName, timesMiniIcon, timesMiniIconName, toolsIcon, toolsIconName, trailerIcon, trailerIconName, trashIcon, trashIconName, travelCollectionAliases, travelCollectionIcons, treeIcon, treeIconName, treeViewIcon, treeViewIconName, truckIcon, truckIconName, twoWayArrowsIcon, twoWayArrowsIconName, unarchiveIcon, unarchiveIconName, underlineIcon, underlineIconName, undoIcon, undoIconName, uninstallIcon, uninstallIconName, unknownIcon, unknownIconName, unknownStatusIcon, unknownStatusIconName, unlinkIcon, unlinkIconName, unlockIcon, unlockIconName, unpinIcon, unpinIconName, updateIcon, updateIconName, uploadCloudIcon, uploadCloudIconName, uploadIcon, uploadIconName, usbIcon, usbIconName, userIcon, userIconName, usersIcon, usersIconName, videoCameraIcon, videoCameraIconName, videoGalleryIcon, videoGalleryIconName, viewCardsIcon, viewCardsIconName, viewColumnsIcon, viewColumnsIconName, viewListIcon, viewListIconName, vmBugIcon, vmBugIconName, vmBugInverseIcon, vmBugInverseIconName, vmIcon, vmIconName, vmwAppIcon, vmwAppIconName, volumeDownIcon, volumeDownIconName, volumeIcon, volumeIconName, volumeMuteIcon, volumeMuteIconName, volumeUpIcon, volumeUpIconName, walletIcon, walletIconName, wandIcon, wandIconName, warningMiniIcon, warningMiniIconName, warningStandardIcon, warningStandardIconName, wifiIcon, wifiIconName, windowCloseIcon, windowCloseIconName, windowMaxIcon, windowMaxIconName, windowMinIcon, windowMinIconName, windowRestoreIcon, windowRestoreIconName, wonIcon, wonIconName, worldIcon, worldIconName, wrenchIcon, wrenchIconName, xlsFileIcon, xlsFileIconName, yenIcon, yenIconName, zoomInIcon, zoomInIconName, zoomOutIcon, zoomOutIconName };
+export { CLR_ICON_DIRECTIVES, CdsIconCustomTag, ClarityIcons, ClrIcon, ClrIconCustomTag, ClrIconModule, IconHtmlPipe, accessibility1Icon, accessibility1IconName, accessibility2Icon, accessibility2IconName, addTextIcon, addTextIconName, administratorIcon, administratorIconName, airplaneIcon, airplaneIconName, alarmClockIcon, alarmClockIconName, alarmOffIcon, alarmOffIconName, alignBottomIcon, alignBottomIconName, alignCenterIcon, alignCenterIconName, alignLeftIcon, alignLeftIconName, alignLeftTextIcon, alignLeftTextIconName, alignMiddleIcon, alignMiddleIconName, alignRightIcon, alignRightIconName, alignRightTextIcon, alignRightTextIconName, alignTopIcon, alignTopIconName, angleDoubleIcon, angleDoubleIconName, angleIcon, angleIconName, animationIcon, animationIconName, announcementIcon, announcementIconName, applicationIcon, applicationIconName, applicationsIcon, applicationsIconName, archiveIcon, archiveIconName, arrowIcon, arrowIconName, arrowMiniIcon, arrowMiniIconName, assignUserIcon, assignUserIconName, asteriskIcon, asteriskIconName, atomIcon, atomIconName, axisChartIcon, axisChartIconName, backupIcon, backupIconName, backupRestoreIcon, backupRestoreIconName, banIcon, banIconName, bankIcon, bankIconName, barChartIcon, barChartIconName, barCodeIcon, barCodeIconName, barsIcon, barsIconName, batteryIcon, batteryIconName, bellCurveIcon, bellCurveIconName, bellIcon, bellIconName, betaIcon, betaIconName, bicycleIcon, bicycleIconName, birthdayCakeIcon, birthdayCakeIconName, bitcoinIcon, bitcoinIconName, blockIcon, blockIconName, blockQuoteIcon, blockQuoteIconName, blocksGroupIcon, blocksGroupIconName, bluetoothIcon, bluetoothIconName, bluetoothOffIcon, bluetoothOffIconName, boatIcon, boatIconName, boldIcon, boldIconName, boltIcon, boltIconName, bookIcon, bookIconName, bookmarkIcon, bookmarkIconName, boxPlotIcon, boxPlotIconName, briefcaseIcon, briefcaseIconName, bubbleChartIcon, bubbleChartIconName, bubbleExclamationIcon, bubbleExclamationIconName, bugIcon, bugIconName, buildingIcon, buildingIconName, bulletListIcon, bulletListIconName, bullseyeIcon, bullseyeIconName, bundleIcon, bundleIconName, calculatorIcon, calculatorIconName, calendarIcon, calendarIconName, calendarMiniIcon, calendarMiniIconName, cameraIcon, cameraIconName, campervanIcon, campervanIconName, capacitorIcon, capacitorIconName, carIcon, carIconName, caravanIcon, caravanIconName, cdDvdIcon, cdDvdIconName, centerTextIcon, centerTextIconName, certificateIcon, certificateIconName, chartCollectionAliases, chartCollectionIcons, chatBubbleIcon, chatBubbleIconName, checkCircleIcon, checkCircleIconName, checkCircleMiniIcon, checkCircleMiniIconName, checkIcon, checkIconName, checkMiniIcon, checkMiniIconName, checkboxListIcon, checkboxListIconName, childArrowIcon, childArrowIconName, ciCdIcon, ciCdIconName, circleArrowIcon, circleArrowIconName, circleIcon, circleIconName, clipboardIcon, clipboardIconName, clockIcon, clockIconName, cloneIcon, cloneIconName, cloudChartIcon, cloudChartIconName, cloudIcon, cloudIconName, cloudNetworkIcon, cloudNetworkIconName, cloudScaleIcon, cloudScaleIconName, cloudTrafficIcon, cloudTrafficIconName, clusterIcon, clusterIconName, codeIcon, codeIconName, cogIcon, cogIconName, coinBagIcon, coinBagIconName, collapseCardIcon, collapseCardIconName, colorPaletteIcon, colorPaletteIconName, colorPickerIcon, colorPickerIconName, commerceCollectionAliases, commerceCollectionIcons, compassIcon, compassIconName, computerIcon, computerIconName, connectIcon, connectIconName, containerGroupIcon, containerGroupIconName, containerIcon, containerIconName, containerVolumeIcon, containerVolumeIconName, contractIcon, contractIconName, controlLunIcon, controlLunIconName, copyIcon, copyIconName, copyToClipboardIcon, copyToClipboardIconName, coreCollectionAliases, coreCollectionIcons, cpuIcon, cpuIconName, creditCardIcon, creditCardIconName, crosshairsIcon, crosshairsIconName, crownIcon, crownIconName, cursorArrowIcon, cursorArrowIconName, cursorHandClickIcon, cursorHandClickIconName, cursorHandGrabIcon, cursorHandGrabIconName, cursorHandIcon, cursorHandIconName, cursorHandOpenIcon, cursorHandOpenIconName, cursorMoveIcon, cursorMoveIconName, curveChartIcon, curveChartIconName, dashboardIcon, dashboardIconName, dataClusterIcon, dataClusterIconName, deployIcon, deployIconName, detailCollapseIcon, detailCollapseIconName, detailExpandIcon, detailExpandIconName, detailsIcon, detailsIconName, devicesIcon, devicesIconName, digitalSignatureIcon, digitalSignatureIconName, disconnectIcon, disconnectIconName, displayIcon, displayIconName, dollarBillIcon, dollarBillIconName, dollarIcon, dollarIconName, dotCircleIcon, dotCircleIconName, downloadCloudIcon, downloadCloudIconName, downloadIcon, downloadIconName, dragHandleCornerIcon, dragHandleCornerIconName, dragHandleIcon, dragHandleIconName, eCheckIcon, eCheckIconName, ellipsisGridCircleIcon, ellipsisGridCircleIconName, ellipsisHorizontalIcon, ellipsisHorizontalIconName, ellipsisVerticalIcon, ellipsisVerticalIconName, employeeGroupIcon, employeeGroupIconName, employeeIcon, employeeIconName, envelopeIcon, envelopeIconName, eraserIcon, eraserIconName, errorMiniIcon, errorMiniIconName, errorStandardIcon, errorStandardIconName, essentialCollectionAliases, essentialCollectionIcons, euroIcon, euroIconName, eventIcon, eventIconName, eventMiniIcon, eventMiniIconName, exclamationCircleIcon, exclamationCircleIconName, exclamationTriangleIcon, exclamationTriangleIconName, expandCardIcon, expandCardIconName, exportIcon, exportIconName, eyeHideIcon, eyeHideIconName, eyeIcon, eyeIconName, factoryIcon, factoryIconName, fastForwardIcon, fastForwardIconName, ferryIcon, ferryIconName, fileGroupIcon, fileGroupIconName, fileIcon, fileIconName, fileSettingsIcon, fileSettingsIconName, fileShare2Icon, fileShare2IconName, fileShareIcon, fileShareIconName, fileZipIcon, fileZipIconName, filmStripIcon, filmStripIconName, filter2Icon, filter2IconName, filterGridCircleIcon, filterGridCircleIconName, filterGridCircleMiniIcon, filterGridCircleMiniIconName, filterGridIcon, filterGridIconName, filterGridMiniIcon, filterGridMiniIconName, filterIcon, filterIconName, filterOffIcon, filterOffIconName, firewallIcon, firewallIconName, firstAidIcon, firstAidIconName, fishIcon, fishIconName, flagIcon, flagIconName, flameIcon, flameIconName, flaskIcon, flaskIconName, floppyIcon, floppyIconName, folderIcon, folderIconName, folderOpenIcon, folderOpenIconName, fontSizeIcon, fontSizeIconName, forkingIcon, forkingIconName, formIcon, formIconName, fuelIcon, fuelIconName, gavelIcon, gavelIconName, gridChartIcon, gridChartIconName, gridViewIcon, gridViewIconName, halfStarIcon, halfStarIconName, happyFaceIcon, happyFaceIconName, hardDiskIcon, hardDiskIconName, hardDriveDisksIcon, hardDriveDisksIconName, hardDriveIcon, hardDriveIconName, hashtagIcon, hashtagIconName, headphonesIcon, headphonesIconName, heartBrokenIcon, heartBrokenIconName, heartIcon, heartIconName, heatMapIcon, heatMapIconName, helixIcon, helixIconName, helpIcon, helpIconName, helpInfoIcon, helpInfoIconName, highlighterIcon, highlighterIconName, historyIcon, historyIconName, homeIcon, homeIconName, hostGroupIcon, hostGroupIconName, hostIcon, hostIconName, hourglassIcon, hourglassIconName, idBadgeIcon, idBadgeIconName, imageGalleryIcon, imageGalleryIconName, imageIcon, imageIconName, importIcon, importIconName, inboxIcon, inboxIconName, indentIcon, indentIconName, inductorIcon, inductorIconName, infoCircleIcon, infoCircleIconName, infoCircleMiniIcon, infoCircleMiniIconName, infoStandardIcon, infoStandardIconName, installIcon, installIconName, internetOfThingsIcon, internetOfThingsIconName, italicIcon, italicIconName, justifyTextIcon, justifyTextIconName, keyIcon, keyIconName, keyboardIcon, keyboardIconName, landscapeIcon, landscapeIconName, languageIcon, languageIconName, launchpadIcon, launchpadIconName, layersIcon, layersIconName, libraryIcon, libraryIconName, lightbulbIcon, lightbulbIconName, lineChartIcon, lineChartIconName, linkIcon, linkIconName, listIcon, listIconName, loadChartIconSet, loadCommerceIconSet, loadCoreIconSet, loadEssentialIconSet, loadMediaIconSet, loadMiniIconSet, loadSocialIconSet, loadTechnologyIconSet, loadTextEditIconSet, loadTravelIconSet, lockIcon, lockIconName, loginIcon, loginIconName, logoutIcon, logoutIconName, mapIcon, mapIconName, mapMarkerIcon, mapMarkerIconName, mediaChangerIcon, mediaChangerIconName, mediaCollectionAliases, mediaCollectionIcons, memoryIcon, memoryIconName, microphoneIcon, microphoneIconName, microphoneMuteIcon, microphoneMuteIconName, miniCollectionAliases, miniCollectionIcons, minusCircleIcon, minusCircleIconName, minusIcon, minusIconName, mobileIcon, mobileIconName, moonIcon, moonIconName, mouseIcon, mouseIconName, musicNoteIcon, musicNoteIconName, namespaceIcon, namespaceIconName, networkGlobeIcon, networkGlobeIconName, networkSettingsIcon, networkSettingsIconName, networkSwitchIcon, networkSwitchIconName, neutralFaceIcon, neutralFaceIconName, newIcon, newIconName, noAccessIcon, noAccessIconName, noWifiIcon, noWifiIconName, nodeGroupIcon, nodeGroupIconName, nodeIcon, nodeIconName, nodesIcon, nodesIconName, noteIcon, noteIconName, numberListIcon, numberListIconName, nvmeIcon, nvmeIconName, objectsIcon, objectsIconName, onHolidayIcon, onHolidayIconName, organizationIcon, organizationIconName, outdentIcon, outdentIconName, paintRollerIcon, paintRollerIconName, paperclipIcon, paperclipIconName, pasteIcon, pasteIconName, pauseIcon, pauseIconName, pdfFileIcon, pdfFileIconName, pencilIcon, pencilIconName, pesoIcon, pesoIconName, phoneHandsetIcon, phoneHandsetIconName, pictureIcon, pictureIconName, pieChartIcon, pieChartIconName, piggyBankIcon, piggyBankIconName, pinIcon, pinIconName, pinboardIcon, pinboardIconName, playIcon, playIconName, pluginIcon, pluginIconName, plusCircleIcon, plusCircleIconName, plusIcon, plusIconName, podIcon, podIconName, popOutIcon, popOutIconName, portraitIcon, portraitIconName, poundIcon, poundIconName, powerIcon, powerIconName, printerIcon, printerIconName, processOnVmIcon, processOnVmIconName, qrCodeIcon, qrCodeIconName, rackServerIcon, rackServerIconName, radarIcon, radarIconName, recycleIcon, recycleIconName, redoIcon, redoIconName, refreshIcon, refreshIconName, renderIcon, repeatIcon, repeatIconName, replayAllIcon, replayAllIconName, replayOneIcon, replayOneIconName, resistorIcon, resistorIconName, resizeIcon, resizeIconName, resourcePoolIcon, resourcePoolIconName, rewindIcon, rewindIconName, routerIcon, routerIconName, rubleIcon, rubleIconName, rulerPencilIcon, rulerPencilIconName, rupeeIcon, rupeeIconName, sadFaceIcon, sadFaceIconName, scatterPlotIcon, scatterPlotIconName, scissorsIcon, scissorsIconName, scriptExecuteIcon, scriptExecuteIconName, scriptScheduleIcon, scriptScheduleIconName, scrollIcon, scrollIconName, searchIcon, searchIconName, shareIcon, shareIconName, shieldCheckIcon, shieldCheckIconName, shieldIcon, shieldIconName, shieldXIcon, shieldXIconName, shoppingBagIcon, shoppingBagIconName, shoppingCartIcon, shoppingCartIconName, shrinkIcon, shrinkIconName, shuffleIcon, shuffleIconName, sliderIcon, sliderIconName, snowflakeIcon, snowflakeIconName, socialCollectionAliases, socialCollectionIcons, sortByIcon, sortByIconName, squidIcon, squidIconName, ssdIcon, ssdIconName, starIcon, starIconName, stepForward2Icon, stepForward2IconName, stepForwardIcon, stepForwardIconName, stopIcon, stopIconName, storageAdapterIcon, storageAdapterIconName, storageIcon, storageIconName, storeIcon, storeIconName, strikethroughIcon, strikethroughIconName, subscriptIcon, subscriptIconName, successStandardIcon, successStandardIconName, sunIcon, sunIconName, superscriptIcon, superscriptIconName, switchIcon, switchIconName, syncIcon, syncIconName, tableIcon, tableIconName, tabletIcon, tabletIconName, tagIcon, tagIconName, tagsIcon, tagsIconName, talkBubblesIcon, talkBubblesIconName, tapeDriveIcon, tapeDriveIconName, targetIcon, targetIconName, tasksIcon, tasksIconName, technologyCollectionAliases, technologyCollectionIcons, terminalIcon, terminalIconName, textColorIcon, textColorIconName, textEditCollectionAliases, textEditCollectionIcons, textIcon, textIconName, thermometerIcon, thermometerIconName, thinClientIcon, thinClientIconName, thumbsDownIcon, thumbsDownIconName, thumbsUpIcon, thumbsUpIconName, tickChartIcon, tickChartIconName, timelineIcon, timelineIconName, timesCircleIcon, timesCircleIconName, timesIcon, timesIconName, timesMiniIcon, timesMiniIconName, toolsIcon, toolsIconName, trailerIcon, trailerIconName, trashIcon, trashIconName, travelCollectionAliases, travelCollectionIcons, treeIcon, treeIconName, treeViewIcon, treeViewIconName, truckIcon, truckIconName, twoWayArrowsIcon, twoWayArrowsIconName, unarchiveIcon, unarchiveIconName, underlineIcon, underlineIconName, undoIcon, undoIconName, uninstallIcon, uninstallIconName, unknownIcon, unknownIconName, unknownStatusIcon, unknownStatusIconName, unlinkIcon, unlinkIconName, unlockIcon, unlockIconName, unpinIcon, unpinIconName, updateIcon, updateIconName, uploadCloudIcon, uploadCloudIconName, uploadIcon, uploadIconName, usbIcon, usbIconName, userIcon, userIconName, usersIcon, usersIconName, videoCameraIcon, videoCameraIconName, videoGalleryIcon, videoGalleryIconName, viewCardsIcon, viewCardsIconName, viewColumnsIcon, viewColumnsIconName, viewListIcon, viewListIconName, vmBugIcon, vmBugIconName, vmBugInverseIcon, vmBugInverseIconName, vmIcon, vmIconName, vmwAppIcon, vmwAppIconName, volumeDownIcon, volumeDownIconName, volumeIcon, volumeIconName, volumeMuteIcon, volumeMuteIconName, volumeUpIcon, volumeUpIconName, walletIcon, walletIconName, wandIcon, wandIconName, warningMiniIcon, warningMiniIconName, warningStandardIcon, warningStandardIconName, wifiIcon, wifiIconName, windowCloseIcon, windowCloseIconName, windowMaxIcon, windowMaxIconName, windowMinIcon, windowMinIconName, windowRestoreIcon, windowRestoreIconName, wonIcon, wonIconName, worldIcon, worldIconName, wrenchIcon, wrenchIconName, xlsFileIcon, xlsFileIconName, yenIcon, yenIconName, zoomInIcon, zoomInIconName, zoomOutIcon, zoomOutIconName };
 export type { Directions, IconAlias, IconRegistry, IconRegistrySources, IconShapeCollection, IconShapeSources, IconShapeTuple, Orientations, StatusTypes };

package/types/clr-angular-popover-common.d.ts

@@ -40,6 +40,7 @@ interface ClrPopoverPoint {
     y: number;
 }
 declare class ClrPopoverService {
+    parent: ClrPopoverContent;
     pointTargetElement: HTMLElement | undefined;
     origin: FlexibleConnectedPositionStrategyOrigin;
     closeButtonRef: ElementRef;
@@ -204,6 +205,11 @@ declare class ClrPopoverContent implements OnDestroy, AfterViewInit {
     /**
      * Uses IntersectionObserver to detect when the origin element leaves the screen.
      * This handles the "Close on Scroll" logic much cheaper than getBoundingClientRect.
+     *
+     * An origin that is fully visible when the popover opens closes it once less than 80% of it is
+     * visible. An origin that is only partially visible (e.g. clipped on a narrow screen) closes it
+     * once it is completely out of view - reported by the 0 threshold. An origin that is completely
+     * hidden when the popover opens closes it right away.
      */
     private setupIntersectionObserver;
     private listenToScrollEvents;

package/types/clr-angular-popover-dropdown.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { OnDestroy, Renderer2, ChangeDetectorRef, AfterContentInit, QueryList, ElementRef, Type } from '@angular/core';
+import { OnDestroy, Renderer2, Optional, ChangeDetectorRef, AfterContentInit, QueryList, ElementRef, Type } from '@angular/core';
 import * as i1 from '@clr/angular/popover/common';
 import { ClrPopoverService, ClrPopoverPoint, ClrPopoverContent, ClrPopoverPosition } from '@clr/angular/popover/common';
 import { FocusableItem, FocusService } from '@clr/angular/utils';
@@ -34,13 +34,27 @@ declare class DropdownFocusHandler implements OnDestroy, FocusableItem {
     focus(): void;
     blur(): void;
     activate(): void;
+    /**
+     * Makes `item` the one the menu's keyboard handling acts on, and focuses it.
+     *
+     * Space and enter activate whatever the focus service considers current, not whatever the browser
+     * has focused - see `FocusService.registerContainer`. So moving focus to a menu item without going
+     * through here leaves the two disagreeing, and the keys then fire a different item than the one the
+     * user can see is focused.
+     */
+    moveTo(item: FocusableItem): void;
     resetChildren(): void;
     addChildren(children: FocusableItem[]): void;
+    private recoverFocusIfLost;
     private openAndGetChildren;
     private closeAndGetThis;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropdownFocusHandler, [null, { optional: true; skipSelf: true; }, null, null, null]>;
     static ɵprov: i0.ɵɵInjectableDeclaration<DropdownFocusHandler>;
 }
+declare const DROPDOWN_FOCUS_HANDLER_PROVIDER: (i0.Type<DropdownFocusHandler> | {
+    provide: typeof FocusableItem;
+    useExisting: i0.Type<DropdownFocusHandler>;
+})[];
 
 declare class RootDropdownService {
     private _changes;
@@ -49,6 +63,12 @@ declare class RootDropdownService {
     static ɵfac: i0.ɵɵFactoryDeclaration<RootDropdownService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<RootDropdownService>;
 }
+declare function clrRootDropdownFactory(existing: RootDropdownService): RootDropdownService;
+declare const ROOT_DROPDOWN_PROVIDER: {
+    provide: typeof RootDropdownService;
+    useFactory: typeof clrRootDropdownFactory;
+    deps: Optional[][];
+};
 
 declare class ClrDropdown implements OnDestroy {
     parent: ClrDropdown;
@@ -91,9 +111,18 @@ declare class ClrDropdownTrigger {
 declare class ClrDropdownItem {
     private dropdown;
     private _dropdownService;
-    private focusableItem;
+    protected focusableItem: FocusableItem;
     private el;
     private renderer;
+    /**
+     * The role of the item, `menuitem` unless the item says otherwise.
+     *
+     * An item that represents a setting rather than a command needs one of the checkable menu roles -
+     * `menuitemradio` for one of several exclusive settings, `menuitemcheckbox` for an independent one -
+     * so that assistive technology can announce which of them is applied. Writing the role as a plain
+     * attribute on the item is not enough: the host binding above would win over it.
+     */
+    role: string;
     constructor(dropdown: ClrDropdown, _dropdownService: RootDropdownService, focusableItem: FocusableItem, el: ElementRef, renderer: Renderer2);
     get disabled(): boolean | string;
     set disabled(value: boolean | string);
@@ -108,7 +137,7 @@ declare class ClrDropdownItem {
     private stopImmediatePropagationIfDisabled;
     private findRootDropdown;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrDropdownItem, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ClrDropdownItem, "[clrDropdownItem]", never, { "disabled": { "alias": "clrDisabled"; "required": false; }; "dropdownItemId": { "alias": "id"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ClrDropdownItem, "[clrDropdownItem]", never, { "role": { "alias": "role"; "required": false; }; "disabled": { "alias": "clrDisabled"; "required": false; }; "dropdownItemId": { "alias": "id"; "required": false; }; }, {}, never, never, false, never>;
 }
 
 declare const CLR_MENU_POSITIONS: string[];
@@ -120,4 +149,4 @@ declare class ClrDropdownModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<ClrDropdownModule>;
 }
 
-export { CLR_DROPDOWN_DIRECTIVES, CLR_MENU_POSITIONS, ClrDropdown, ClrDropdownItem, ClrDropdownMenu, ClrDropdownModule, ClrDropdownTrigger };
+export { CLR_DROPDOWN_DIRECTIVES, CLR_MENU_POSITIONS, ClrDropdown, ClrDropdownItem, ClrDropdownMenu, ClrDropdownModule, ClrDropdownTrigger, DROPDOWN_FOCUS_HANDLER_PROVIDER, DropdownFocusHandler, ROOT_DROPDOWN_PROVIDER, RootDropdownService, clrRootDropdownFactory };