@clr/angular 18.0.0-beta.1 → 18.0.0-beta.3

package/fesm2022/clr-angular-utils.mjs

@@ -1,11 +1,12 @@
 import { FormControl, FormGroup } from '@angular/forms';
 import * as i0 from '@angular/core';
-import { Injectable, EventEmitter, Output, Input, Directive, NgModule, TemplateRef, ViewChild, Component, ElementRef, HostListener, HostBinding, Optional, InjectionToken, Inject, PLATFORM_ID, DOCUMENT, ContentChildren, SkipSelf, Renderer2 } from '@angular/core';
+import { Injectable, EventEmitter, Output, Input, Directive, NgModule, TemplateRef, ViewChild, Component, ElementRef, HostListener, HostBinding, InjectionToken, PLATFORM_ID, DOCUMENT, Inject, Optional, ContentChildren, SkipSelf, Renderer2 } from '@angular/core';
 import { CommonModule, isPlatformBrowser } from '@angular/common';
 import * as i2 from '@angular/animations';
 import { animation, style, animate, state, transition, trigger, useAnimation } from '@angular/animations';
+export * from '@clr/angular/utils/loading';
+export * from '@clr/angular/utils/conditional';
 import { Subject, fromEvent, Observable, isObservable, of } from 'rxjs';
-import { ClrLoadingState as ClrLoadingState$1 } from '@clr/angular/utils/loading';
 import { takeUntil } from 'rxjs/operators';
 import * as i1 from '@angular/cdk/a11y';
 import { CdkTrapFocus } from '@angular/cdk/a11y';
@@ -313,7 +314,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
 /**
  * HostWrapper must be called in OnInit to ensure that the Views are ready. If its called in a constructor the view is
  * still undefined.
- * TODO - make sure these comment annotations do not break ng-packgr.
  */
 class HostWrapper {
     constructor(containerType, vcr, index = 0) {
@@ -699,442 +699,6 @@ function slide(direction) {
  * The full license information can be found in LICENSE in the root directory of this project.
  */
 
-/*
- * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
- * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-/**
- * This is an abstract class because we need it to still be a valid token for dependency injection after transpiling.
- * This does not mean you should extend it, simply implementing it is fine.
- */
-class LoadingListener {
-}
-
-/*
- * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
- * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-var ClrLoadingState;
-(function (ClrLoadingState) {
-    ClrLoadingState[ClrLoadingState["DEFAULT"] = 0] = "DEFAULT";
-    ClrLoadingState[ClrLoadingState["LOADING"] = 1] = "LOADING";
-    ClrLoadingState[ClrLoadingState["SUCCESS"] = 2] = "SUCCESS";
-    ClrLoadingState[ClrLoadingState["ERROR"] = 3] = "ERROR";
-})(ClrLoadingState || (ClrLoadingState = {}));
-class ClrLoading {
-    // We find the first parent that handles something loading
-    constructor(listener) {
-        this.listener = listener;
-        this._loadingState = ClrLoadingState.DEFAULT;
-    }
-    get loadingState() {
-        return this._loadingState;
-    }
-    set loadingState(value) {
-        if (value === true) {
-            value = ClrLoadingState.LOADING;
-        }
-        else if (!value) {
-            value = ClrLoadingState.DEFAULT;
-        }
-        if (value === this._loadingState) {
-            return;
-        }
-        this._loadingState = value;
-        if (this.listener) {
-            this.listener.loadingStateChange(value);
-        }
-    }
-    ngOnDestroy() {
-        this.loadingState = ClrLoadingState.DEFAULT;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ClrLoading, deps: [{ token: LoadingListener, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.3", type: ClrLoading, isStandalone: false, selector: "[clrLoading]", inputs: { loadingState: ["clrLoading", "loadingState"] }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ClrLoading, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[clrLoading]',
-                    standalone: false,
-                }]
-        }], ctorParameters: () => [{ type: LoadingListener, decorators: [{
-                    type: Optional
-                }] }], propDecorators: { loadingState: [{
-                type: Input,
-                args: ['clrLoading']
-            }] } });
-
-/*
- * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
- * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
- * 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_LOADING_DIRECTIVES = [ClrLoading];
-class ClrLoadingModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ClrLoadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: ClrLoadingModule, declarations: [ClrLoading], imports: [CommonModule], exports: [ClrLoading] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ClrLoadingModule, imports: [CommonModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ClrLoadingModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule],
-                    declarations: [CLR_LOADING_DIRECTIVES],
-                    exports: [CLR_LOADING_DIRECTIVES],
-                }]
-        }] });
-
-/*
- * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
- * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
- * 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-2026 Broadcom. All Rights Reserved.
- * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-let activeCounter = 0;
-const IF_ACTIVE_ID = new InjectionToken('IF_ACTIVE_ID');
-function tokenFactory() {
-    return ++activeCounter;
-}
-const IF_ACTIVE_ID_PROVIDER = {
-    provide: IF_ACTIVE_ID,
-    useFactory: tokenFactory,
-};
-/*********
- * @class IfActiveService
- *
- * @description
- * An injectable service used by IfActive structural directives and the components that implement IfActive in their
- * templates. It holds the value of the current state and provides an Observable that both the directive and the
- * implementing component can subscribe to in order to take action on current value changes.
- *
- */
-class IfActiveService {
-    constructor() {
-        /********
-         * @property _currentChange
-         *
-         * @description
-         * A RXJS Subject that updates and provides subscriptions to for the current current state of a component template
-         * implemting the IfActive structural directive.
-         *
-         */
-        this._currentChange = new Subject();
-    }
-    /*********
-     *
-     * @description
-     * A getter function that provides an observable for the _current Subject.
-     *
-     */
-    get currentChange() {
-        return this._currentChange.asObservable();
-    }
-    /*********
-     *
-     * @description
-     * A property that gets/sets the current state of _current for this instance of IfActive structural directive.
-     * And, broadcasts the new value to all subscribers.
-     *
-     */
-    get current() {
-        return this._current;
-    }
-    set current(value) {
-        if (this._current !== value) {
-            this._current = value;
-            this._currentChange.next(value);
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: IfActiveService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: IfActiveService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: IfActiveService, decorators: [{
-            type: Injectable
-        }] });
-
-/*
- * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
- * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-/**********
- *
- * @class ClrIfActive
- *
- * @description
- * A structural directive that controls whether or not the associated TemplateRef is instantiated or not.
- * It makes use of a Component instance level service: IfActiveService to maintain state between itself and
- * the component using it in the component template.
- *
- */
-class ClrIfActive {
-    constructor(ifActiveService, id, template, container) {
-        this.ifActiveService = ifActiveService;
-        this.id = id;
-        this.template = template;
-        this.container = container;
-        /**********
-         * @property activeChange
-         *
-         * @description
-         * An event emitter that emits when the active property is set to allow for 2way binding when the directive is
-         * used with de-structured / de-sugared syntax.
-         *
-         */
-        this.activeChange = new EventEmitter(false);
-        this.wasActive = false;
-        this.checkAndUpdateView(ifActiveService.current);
-        this.subscription = ifActiveService.currentChange.subscribe(newCurrentId => {
-            this.checkAndUpdateView(newCurrentId);
-        });
-    }
-    /**
-     * @description
-     * A property that gets/sets IfActiveService.active with value.
-     *
-     */
-    get active() {
-        return this.ifActiveService.current === this.id;
-    }
-    set active(value) {
-        if (value) {
-            this.ifActiveService.current = this.id;
-        }
-    }
-    ngOnDestroy() {
-        this.subscription.unsubscribe();
-    }
-    /**
-     * @description
-     * Function that takes a any value and either created an embedded view for the associated ViewContainerRef or,
-     * Clears all views from the ViewContainerRef
-     */
-    updateView(value) {
-        if (value) {
-            this.container.createEmbeddedView(this.template);
-        }
-        else {
-            this.container.clear();
-        }
-    }
-    checkAndUpdateView(currentId) {
-        const isNowActive = currentId === this.id;
-        // only emit if the new active state is changed since last time.
-        if (isNowActive !== this.wasActive) {
-            this.updateView(isNowActive);
-            this.activeChange.emit(isNowActive);
-            this.wasActive = isNowActive;
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ClrIfActive, deps: [{ token: IfActiveService }, { token: IF_ACTIVE_ID }, { token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.3", type: ClrIfActive, isStandalone: true, selector: "[clrIfActive]", inputs: { active: ["clrIfActive", "active"] }, outputs: { activeChange: "clrIfActiveChange" }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ClrIfActive, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[clrIfActive]',
-                }]
-        }], ctorParameters: () => [{ type: IfActiveService }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [IF_ACTIVE_ID]
-                }] }, { type: i0.TemplateRef }, { type: i0.ViewContainerRef }], propDecorators: { activeChange: [{
-                type: Output,
-                args: ['clrIfActiveChange']
-            }], active: [{
-                type: Input,
-                args: ['clrIfActive']
-            }] } });
-
-/*
- * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
- * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-class IfExpandService {
-    constructor() {
-        this.expandable = 0;
-        this.hasExpandTemplate = false;
-        this._loading = false;
-        this._expanded = false;
-        this._expandChange = new Subject();
-    }
-    get loading() {
-        return this._loading;
-    }
-    set loading(value) {
-        value = !!value;
-        if (value !== this._loading) {
-            this._loading = value;
-        }
-    }
-    get expanded() {
-        return this._expanded;
-    }
-    set expanded(value) {
-        value = !!value;
-        if (value !== this._expanded) {
-            this._expanded = value;
-            this._expandChange.next(value);
-        }
-    }
-    get expandChange() {
-        return this._expandChange.asObservable();
-    }
-    toggle() {
-        this.expanded = !this._expanded;
-    }
-    loadingStateChange(state) {
-        switch (state) {
-            case ClrLoadingState$1.LOADING:
-                this.loading = true;
-                break;
-            default:
-                this.loading = false;
-                break;
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: IfExpandService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: IfExpandService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: IfExpandService, decorators: [{
-            type: Injectable
-        }] });
-
-/*
- * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
- * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-class ClrIfExpanded {
-    constructor(template, container, el, renderer, expand) {
-        this.template = template;
-        this.container = container;
-        this.el = el;
-        this.renderer = renderer;
-        this.expand = expand;
-        this.expandedChange = new EventEmitter(true);
-        this._expanded = false;
-        /**
-         * Subscriptions to all the services and queries changes
-         */
-        this._subscriptions = [];
-        this._subscriptions.push(expand.expandChange.subscribe(() => {
-            this.updateView();
-            this.expandedChange.emit(expand.expanded);
-        }));
-        expand.hasExpandTemplate = !!template;
-    }
-    get expanded() {
-        return this._expanded;
-    }
-    set expanded(value) {
-        if (typeof value === 'boolean') {
-            this.expand.expanded = value;
-            this._expanded = value;
-        }
-    }
-    ngOnInit() {
-        this.expand.expandable++;
-        this.updateView();
-    }
-    ngOnDestroy() {
-        this.expand.expandable--;
-        this._subscriptions.forEach((sub) => sub.unsubscribe());
-    }
-    updateView() {
-        if (this.expand.expanded && this.container.length !== 0) {
-            return;
-        }
-        if (this.template) {
-            if (this.expand.expanded) {
-                // Should we pass a context? I don't see anything useful to pass right now,
-                // but we can come back to it in the future as a solution for additional features.
-                this.container.createEmbeddedView(this.template);
-            }
-            else {
-                // TODO: Move when we move the animation logic to Datagrid Row Expand
-                // We clear before the animation is over. Not ideal, but doing better would involve a much heavier
-                // process for very little gain. Once Angular animations are dynamic enough, we should be able to
-                // get the optimal behavior.
-                this.container.clear();
-            }
-        }
-        else {
-            try {
-                // If we don't have a template ref, we fallback to a crude display: none for now.
-                if (this.expand.expanded) {
-                    this.renderer.setStyle(this.el.nativeElement, 'display', null);
-                }
-                else {
-                    this.renderer.setStyle(this.el.nativeElement, 'display', 'none');
-                }
-                // eslint-disable-next-line @typescript-eslint/no-unused-vars
-            }
-            catch (e) {
-                // We catch the case where clrIfExpanded was put on a non-DOM element, and we just do nothing
-            }
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ClrIfExpanded, deps: [{ token: i0.TemplateRef, optional: true }, { token: i0.ViewContainerRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: IfExpandService }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.3", type: ClrIfExpanded, isStandalone: true, selector: "[clrIfExpanded]", inputs: { expanded: ["clrIfExpanded", "expanded"] }, outputs: { expandedChange: "clrIfExpandedChange" }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ClrIfExpanded, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[clrIfExpanded]',
-                }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef, decorators: [{
-                    type: Optional
-                }] }, { type: i0.ViewContainerRef }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: IfExpandService }], propDecorators: { expandedChange: [{
-                type: Output,
-                args: ['clrIfExpandedChange']
-            }], expanded: [{
-                type: Input,
-                args: ['clrIfExpanded']
-            }] } });
-
-/*
- * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
- * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
- * This software is released under MIT license.
- * The full license information can be found in LICENSE in the root directory of this project.
- */
-const CONDITIONAL_DIRECTIVES = [ClrIfActive, ClrIfExpanded];
-class ClrConditionalModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ClrConditionalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: ClrConditionalModule, imports: [CommonModule, ClrIfActive, ClrIfExpanded], exports: [ClrIfActive, ClrIfExpanded] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ClrConditionalModule, imports: [CommonModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ClrConditionalModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, CONDITIONAL_DIRECTIVES],
-                    exports: [CONDITIONAL_DIRECTIVES],
-                }]
-        }] });
-
-/*
- * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
- * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
- * 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-2026 Broadcom. All Rights Reserved.
  * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
@@ -1565,15 +1129,6 @@ var Keys;
     Keys["PageDown"] = "PageDown";
     Keys["PageUp"] = "PageUp";
 })(Keys || (Keys = {}));
-var IEKeys;
-(function (IEKeys) {
-    IEKeys["ArrowUp"] = "Up";
-    IEKeys["ArrowDown"] = "Down";
-    IEKeys["ArrowRight"] = "Right";
-    IEKeys["ArrowLeft"] = "Left";
-    IEKeys["Space"] = "Spacebar";
-    IEKeys["Escape"] = "Esc";
-})(IEKeys || (IEKeys = {}));
 
 /*
  * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
@@ -1581,31 +1136,8 @@ var IEKeys;
  * This software is released under MIT license.
  * The full license information can be found in LICENSE in the root directory of this project.
  */
-function normalizeKey(key) {
-    if (key === Keys.ArrowUp || key === IEKeys.ArrowUp) {
-        return Keys.ArrowUp;
-    }
-    else if (key === Keys.ArrowDown || key === IEKeys.ArrowDown) {
-        return Keys.ArrowDown;
-    }
-    else if (key === Keys.ArrowRight || key === IEKeys.ArrowRight) {
-        return Keys.ArrowRight;
-    }
-    else if (key === Keys.ArrowLeft || key === IEKeys.ArrowLeft) {
-        return Keys.ArrowLeft;
-    }
-    else if (key === Keys.Space || key === IEKeys.Space) {
-        return Keys.Space;
-    }
-    else if (key === Keys.Escape || key === IEKeys.Escape) {
-        return Keys.Escape;
-    }
-    else {
-        return key;
-    }
-}
 function preventArrowKeyScroll(event) {
-    const key = normalizeKey(event.key);
+    const key = event.key;
     if (key === Keys.ArrowUp || key === Keys.ArrowDown || key === Keys.ArrowLeft || key === Keys.ArrowRight) {
         // prevent element container scroll
         // MDN references this is really the only way to prevent native browser interactions
@@ -1710,7 +1242,7 @@ class ClrKeyFocus {
     }
     focusCurrent() {
         this.currentItem.focus();
-        this.focusChange.next(this._current);
+        this.focusChange.emit(this._current);
     }
     moveTo(position) {
         if (this.positionInRange(position)) {
@@ -1742,27 +1274,25 @@ class ClrKeyFocus {
         }
     }
     nextKeyPressed(event) {
-        const key = normalizeKey(event.key);
         switch (this.direction) {
             case ClrFocusDirection.VERTICAL:
-                return key === Keys.ArrowDown;
+                return event.key === Keys.ArrowDown;
             case ClrFocusDirection.HORIZONTAL:
-                return key === Keys.ArrowRight;
+                return event.key === Keys.ArrowRight;
             case ClrFocusDirection.BOTH:
-                return key === Keys.ArrowDown || key === Keys.ArrowRight;
+                return event.key === Keys.ArrowDown || event.key === Keys.ArrowRight;
             default:
                 return false;
         }
     }
     prevKeyPressed(event) {
-        const key = normalizeKey(event.key);
         switch (this.direction) {
             case ClrFocusDirection.VERTICAL:
-                return key === Keys.ArrowUp;
+                return event.key === Keys.ArrowUp;
             case ClrFocusDirection.HORIZONTAL:
-                return key === Keys.ArrowLeft;
+                return event.key === Keys.ArrowLeft;
             case ClrFocusDirection.BOTH:
-                return key === Keys.ArrowUp || key === Keys.ArrowLeft;
+                return event.key === Keys.ArrowUp || event.key === Keys.ArrowLeft;
             default:
                 return false;
         }
@@ -2427,11 +1957,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
  *
  *
  * Consumers tell us that they want something to display on the TOP_LEFT of the trigger and that they want the
- * _content_ container to anchor/orient AT the bottom left.
- * In order to calculate the position for the content I need to match up the anchor/toggle ClrPosition with the
+ * _content_ container to orient AT the bottom left.
+ * In order to calculate the position for the content I need to match up the origin/trigger ClrPosition with the
  * content ClrPosition.
  *
- * Anchor TOP_LEFT **AT** Content BOTTOM_LEFT.
+ * Origin TOP_LEFT **AT** Content BOTTOM_LEFT.
  *     -----------
  *     |         |
  *     |         |
@@ -2540,5 +2070,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ArrowKeyDirection, BASIC_FOCUSABLE_ITEM_PROVIDER, BaseExpandableAnimation, BasicFocusableItem, CLR_LOADING_DIRECTIVES, CONDITIONAL_DIRECTIVES, CdkDragModule, CdkDragModule_CdkDrag, CdkTrapFocusModule, CdkTrapFocusModule_CdkTrapFocus, ClrCommonStringsService, ClrConditionalModule, ClrDestroyService, ClrExpandableAnimation, ClrExpandableAnimationDirective, ClrExpandableAnimationModule, ClrFocusOnViewInit, ClrFocusOnViewInitModule, ClrHostWrappingModule, ClrIfActive, ClrIfExpanded, ClrKeyFocus, ClrKeyFocusItem, ClrKeyFocusModule, ClrLoading, ClrLoadingModule, ClrLoadingState, ClrOutsideClickModule, ClrPosition, ClrRovingTabindex, ClrStandaloneCdkTrapFocus, ClrTemplateRefModule, DATEPICKER_ENABLE_BREAKPOINT, DomAdapter, EXPANDABLE_ANIMATION_DIRECTIVES, EXTRA_LARGE_BREAKPOINT, EmptyAnchor, FOCUS_ON_VIEW_INIT, FOCUS_ON_VIEW_INIT_DIRECTIVES, FOCUS_SERVICE_PROVIDER, FocusService, FocusableItem, HostWrapper, IEKeys, IF_ACTIVE_ID, IF_ACTIVE_ID_PROVIDER, IfActiveService, IfExpandService, Keys, LARGE_BREAKPOINT, Linkers, LoadingListener, MEDIUM_BREAKPOINT, MOCK_DOM_ADAPTER_PROVIDER, MockDomAdapter, MockFocusableItem, OUSTIDE_CLICK_DIRECTIVES, OompaLoompa, OutsideClick, SMALL_BREAKPOINT, ScrollingService, TemplateRefContainer, WillyWonka, assertNever, clrFocusServiceFactory, collapse, commonStringsDefault, customFocusableItemProvider, defaultAnimationTiming, defaultExpandAnimation, fade, fadeSlide, isBooleanAttributeSet, isKeyEitherLetterOrNumber, normalizeKey, preventArrowKeyScroll, slide, tokenFactory, triggerAllFormControlValidation, uniqueIdFactory, wrapObservable };
+export { ArrowKeyDirection, BASIC_FOCUSABLE_ITEM_PROVIDER, BaseExpandableAnimation, BasicFocusableItem, CdkDragModule, CdkDragModule_CdkDrag, CdkTrapFocusModule, CdkTrapFocusModule_CdkTrapFocus, ClrCommonStringsService, ClrDestroyService, ClrExpandableAnimation, ClrExpandableAnimationDirective, ClrExpandableAnimationModule, ClrFocusOnViewInit, ClrFocusOnViewInitModule, ClrHostWrappingModule, ClrKeyFocus, ClrKeyFocusItem, ClrKeyFocusModule, ClrOutsideClickModule, ClrPosition, ClrRovingTabindex, ClrStandaloneCdkTrapFocus, ClrTemplateRefModule, DATEPICKER_ENABLE_BREAKPOINT, DomAdapter, EXPANDABLE_ANIMATION_DIRECTIVES, EXTRA_LARGE_BREAKPOINT, EmptyAnchor, FOCUS_ON_VIEW_INIT, FOCUS_ON_VIEW_INIT_DIRECTIVES, FOCUS_SERVICE_PROVIDER, FocusService, FocusableItem, HostWrapper, Keys, LARGE_BREAKPOINT, Linkers, MEDIUM_BREAKPOINT, MOCK_DOM_ADAPTER_PROVIDER, MockDomAdapter, MockFocusableItem, OUSTIDE_CLICK_DIRECTIVES, OompaLoompa, OutsideClick, SMALL_BREAKPOINT, ScrollingService, TemplateRefContainer, WillyWonka, assertNever, clrFocusServiceFactory, collapse, commonStringsDefault, customFocusableItemProvider, defaultAnimationTiming, defaultExpandAnimation, fade, fadeSlide, isBooleanAttributeSet, isKeyEitherLetterOrNumber, preventArrowKeyScroll, slide, triggerAllFormControlValidation, uniqueIdFactory, wrapObservable };
 //# sourceMappingURL=clr-angular-utils.mjs.map