@cuby-ui/cdk 0.0.138 → 0.0.140

package/fesm2015/cuby-ui-cdk.mjs

@@ -4,23 +4,23 @@ import { NgControl, NgModel, NG_VALUE_ACCESSOR } from '@angular/forms';
 import { Subject, Observable, takeUntil } from 'rxjs';
 import { DOCUMENT } from '@angular/common';
 
-function cuiCreateToken(defaults) {
-    return cuiCreateTokenFromFactory(() => defaults);
-}
-function cuiCreateTokenFromFactory(factory) {
-    return new InjectionToken('', { factory });
+function cuiCreateToken(defaults) {
+    return cuiCreateTokenFromFactory(() => defaults);
+}
+function cuiCreateTokenFromFactory(factory) {
+    return new InjectionToken('', { factory });
 }
 
-function cuiProvide(provide, useExisting, multi = false) {
-    return { provide, useExisting, multi };
+function cuiProvide(provide, useExisting, multi = false) {
+    return { provide, useExisting, multi };
 }
 
-const CUI_WINDOW = cuiCreateTokenFromFactory(() => {
-    const { defaultView } = inject(DOCUMENT);
-    if (!defaultView) {
-        throw new Error('Window is not available');
-    }
-    return defaultView;
+const CUI_WINDOW = cuiCreateTokenFromFactory(() => {
+    const { defaultView } = inject(DOCUMENT);
+    if (!defaultView) {
+        throw new Error('Window is not available');
+    }
+    return defaultView;
 });
 
 const CUI_HISTORY = cuiCreateTokenFromFactory(() => inject(CUI_WINDOW).history);
@@ -29,467 +29,467 @@ const CUI_LOCAL_STORAGE = cuiCreateTokenFromFactory(() => inject(CUI_WINDOW).loc
 
 const CUI_SESSION_STORAGE = cuiCreateTokenFromFactory(() => inject(CUI_WINDOW).sessionStorage);
 
-class CuiDestroyService extends Subject {
-    ngOnDestroy() {
-        this.next();
-        this.complete();
-    }
-}
-CuiDestroyService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiDestroyService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-CuiDestroyService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiDestroyService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiDestroyService, decorators: [{
-            type: Injectable
+class CuiDestroyService extends Subject {
+    ngOnDestroy() {
+        this.next();
+        this.complete();
+    }
+}
+CuiDestroyService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiDestroyService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+CuiDestroyService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiDestroyService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiDestroyService, decorators: [{
+            type: Injectable
         }] });
 
-const CUI = 'cui_';
-class CuiIdService {
-    generate() {
-        return `${CUI}${CuiIdService.autoId++}${Date.now()}`;
-    }
-}
-CuiIdService.autoId = 0;
-CuiIdService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiIdService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-CuiIdService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiIdService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiIdService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
+const CUI = 'cui_';
+class CuiIdService {
+    generate() {
+        return `${CUI}${CuiIdService.autoId++}${Date.now()}`;
+    }
+}
+CuiIdService.autoId = 0;
+CuiIdService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiIdService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+CuiIdService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiIdService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiIdService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
         }] });
 
-class CuiPopoverService {
-    constructor(items, component, options = {}) {
-        this.options = options;
-        this.cuiIdService = inject(CuiIdService);
-        this.items$ = inject(items);
-        this.component = component;
-    }
-    open(content, options = {}) {
-        return new Observable(observer => {
-            const item = Object.assign(Object.assign(Object.assign({}, this.options), options), { $implicit: observer, id: this.cuiIdService.generate(), component: this.component, content: content, completeWith: (result) => {
-                    observer.next(result);
-                    observer.complete();
-                } });
-            this.items$.next([...this.items$.value, item]);
-            return () => {
-                this.items$.next(this.items$.value.filter(value => value !== item));
-            };
-        });
-    }
-}
-CuiPopoverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiPopoverService, deps: "invalid", target: i0.ɵɵFactoryTarget.Injectable });
-CuiPopoverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiPopoverService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiPopoverService, decorators: [{
-            type: Injectable
+class CuiPopoverService {
+    constructor(items, component, options = {}) {
+        this.options = options;
+        this.cuiIdService = inject(CuiIdService);
+        this.items$ = inject(items);
+        this.component = component;
+    }
+    open(content, options = {}) {
+        return new Observable(observer => {
+            const item = Object.assign(Object.assign(Object.assign({}, this.options), options), { $implicit: observer, id: this.cuiIdService.generate(), component: this.component, content: content, completeWith: (result) => {
+                    observer.next(result);
+                    observer.complete();
+                } });
+            this.items$.next([...this.items$.value, item]);
+            return () => {
+                this.items$.next(this.items$.value.filter(value => value !== item));
+            };
+        });
+    }
+}
+CuiPopoverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiPopoverService, deps: "invalid", target: i0.ɵɵFactoryTarget.Injectable });
+CuiPopoverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiPopoverService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiPopoverService, decorators: [{
+            type: Injectable
         }], ctorParameters: function () { return [{ type: undefined }, { type: undefined }, { type: undefined }]; } });
 
-class CuiAutoResizingDirective {
-    constructor() {
-        this.window = inject(CUI_WINDOW);
-        this.element = inject(ElementRef).nativeElement;
-        this.ngControl = inject(NgControl, { self: true, optional: true });
-        this.ngModel = inject(NgModel, { self: true, optional: true });
-        this.destroy$ = inject(CuiDestroyService, { self: true });
-        this.elementStyles = this.element.style;
-    }
-    ngOnInit() {
-        this.initNgControlValueChangeSubscription();
-        this.initNgModelValueChangeSubscription();
-    }
-    ngAfterViewInit() {
-        this.resize();
-    }
-    onInput() {
-        this.resize();
-    }
-    initNgControlValueChangeSubscription() {
-        if (!this.ngControl) {
-            return;
-        }
-        this.ngControl.valueChanges
-            .pipe(takeUntil(this.destroy$))
-            .subscribe(this.resize.bind(this));
-    }
-    initNgModelValueChangeSubscription() {
-        if (!this.ngModel) {
-            return;
-        }
-        this.ngModel.valueChanges
-            .pipe(takeUntil(this.destroy$))
-            .subscribe(this.resize.bind(this));
-    }
-    resize() {
-        const computedMaxHeight = this.window.getComputedStyle(this.element).maxHeight;
-        this.elementStyles.height = 'auto';
-        this.elementStyles.height = this.element.scrollHeight + 'px';
-        if (parseFloat(this.element.style.height) < parseFloat(computedMaxHeight)) {
-            this.elementStyles.overflow = 'hidden';
-            return;
-        }
-        this.elementStyles.overflowY = 'scroll';
-        this.elementStyles.height = computedMaxHeight;
-    }
-}
-CuiAutoResizingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiAutoResizingDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-CuiAutoResizingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: CuiAutoResizingDirective, isStandalone: true, selector: "textarea[cuiAutoResizing]", host: { listeners: { "input": "onInput()" } }, providers: [CuiDestroyService], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiAutoResizingDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    standalone: true,
-                    selector: 'textarea[cuiAutoResizing]',
-                    providers: [CuiDestroyService]
-                }]
-        }], propDecorators: { onInput: [{
-                type: HostListener,
-                args: ['input']
+class CuiAutoResizingDirective {
+    constructor() {
+        this.window = inject(CUI_WINDOW);
+        this.element = inject(ElementRef).nativeElement;
+        this.ngControl = inject(NgControl, { self: true, optional: true });
+        this.ngModel = inject(NgModel, { self: true, optional: true });
+        this.destroy$ = inject(CuiDestroyService, { self: true });
+        this.elementStyles = this.element.style;
+    }
+    ngOnInit() {
+        this.initNgControlValueChangeSubscription();
+        this.initNgModelValueChangeSubscription();
+    }
+    ngAfterViewInit() {
+        this.resize();
+    }
+    onInput() {
+        this.resize();
+    }
+    initNgControlValueChangeSubscription() {
+        if (!this.ngControl) {
+            return;
+        }
+        this.ngControl.valueChanges
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(this.resize.bind(this));
+    }
+    initNgModelValueChangeSubscription() {
+        if (!this.ngModel) {
+            return;
+        }
+        this.ngModel.valueChanges
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(this.resize.bind(this));
+    }
+    resize() {
+        const computedMaxHeight = this.window.getComputedStyle(this.element).maxHeight;
+        this.elementStyles.height = 'auto';
+        this.elementStyles.height = this.element.scrollHeight + 'px';
+        if (parseFloat(this.element.style.height) < parseFloat(computedMaxHeight)) {
+            this.elementStyles.overflow = 'hidden';
+            return;
+        }
+        this.elementStyles.overflowY = 'scroll';
+        this.elementStyles.height = computedMaxHeight;
+    }
+}
+CuiAutoResizingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiAutoResizingDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+CuiAutoResizingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: CuiAutoResizingDirective, isStandalone: true, selector: "textarea[cuiAutoResizing]", host: { listeners: { "input": "onInput()" } }, providers: [CuiDestroyService], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiAutoResizingDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: 'textarea[cuiAutoResizing]',
+                    providers: [CuiDestroyService]
+                }]
+        }], propDecorators: { onInput: [{
+                type: HostListener,
+                args: ['input']
             }] } });
 
-class CuiClickOutsideDirective {
-    constructor() {
-        this.element = inject(ElementRef).nativeElement;
-        this.cuiClickOutside = new EventEmitter();
-    }
-    onClickOutside(target) {
-        if (this.element.contains(target)) {
-            return;
-        }
-        this.cuiClickOutside.emit(target);
-    }
-}
-CuiClickOutsideDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiClickOutsideDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-CuiClickOutsideDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: CuiClickOutsideDirective, isStandalone: true, selector: "(cuiClickOutside)", outputs: { cuiClickOutside: "cuiClickOutside" }, host: { listeners: { "document:click": "onClickOutside($event.target)" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiClickOutsideDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    standalone: true,
-                    selector: '(cuiClickOutside)'
-                }]
-        }], propDecorators: { cuiClickOutside: [{
-                type: Output
-            }], onClickOutside: [{
-                type: HostListener,
-                args: ['document:click', ['$event.target']]
+class CuiClickOutsideDirective {
+    constructor() {
+        this.element = inject(ElementRef).nativeElement;
+        this.cuiClickOutside = new EventEmitter();
+    }
+    onClickOutside(target) {
+        if (this.element.contains(target)) {
+            return;
+        }
+        this.cuiClickOutside.emit(target);
+    }
+}
+CuiClickOutsideDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiClickOutsideDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+CuiClickOutsideDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: CuiClickOutsideDirective, isStandalone: true, selector: "(cuiClickOutside)", outputs: { cuiClickOutside: "cuiClickOutside" }, host: { listeners: { "document:click": "onClickOutside($event.target)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiClickOutsideDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '(cuiClickOutside)'
+                }]
+        }], propDecorators: { cuiClickOutside: [{
+                type: Output
+            }], onClickOutside: [{
+                type: HostListener,
+                args: ['document:click', ['$event.target']]
             }] } });
 
-class CuiDimensionsObserverDirective {
-    constructor() {
-        this.element = inject(ElementRef).nativeElement;
-        this.observer = new ResizeObserver((entries) => {
-            entries.forEach(() => this.cuiResizeObserver.emit({
-                width: this.element.offsetWidth,
-                height: this.element.offsetHeight
-            }));
-        });
-        this.cuiResizeObserver = new EventEmitter();
-    }
-    ngOnInit() {
-        this.observer.observe(this.element);
-    }
-    ngOnDestroy() {
-        this.observer.disconnect();
-    }
-}
-CuiDimensionsObserverDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiDimensionsObserverDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-CuiDimensionsObserverDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: CuiDimensionsObserverDirective, isStandalone: true, selector: "[cuiResizeObserver]", outputs: { cuiResizeObserver: "cuiResizeObserver" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiDimensionsObserverDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    standalone: true,
-                    selector: '[cuiResizeObserver]'
-                }]
-        }], propDecorators: { cuiResizeObserver: [{
-                type: Output
+class CuiDimensionsObserverDirective {
+    constructor() {
+        this.element = inject(ElementRef).nativeElement;
+        this.observer = new ResizeObserver((entries) => {
+            entries.forEach(() => this.cuiResizeObserver.emit({
+                width: this.element.offsetWidth,
+                height: this.element.offsetHeight
+            }));
+        });
+        this.cuiResizeObserver = new EventEmitter();
+    }
+    ngOnInit() {
+        this.observer.observe(this.element);
+    }
+    ngOnDestroy() {
+        this.observer.disconnect();
+    }
+}
+CuiDimensionsObserverDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiDimensionsObserverDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+CuiDimensionsObserverDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: CuiDimensionsObserverDirective, isStandalone: true, selector: "[cuiResizeObserver]", outputs: { cuiResizeObserver: "cuiResizeObserver" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiDimensionsObserverDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[cuiResizeObserver]'
+                }]
+        }], propDecorators: { cuiResizeObserver: [{
+                type: Output
             }] } });
 
-class CuiContentEditableValueAccessorDirective {
-    constructor() {
-        this.element = inject(ElementRef).nativeElement;
-    }
-    writeValue(value) {
-        this.element.innerText = value !== null && value !== void 0 ? value : '';
-    }
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    setDisabledState(isDisabled) {
-        this.element.contentEditable = String(!isDisabled);
-    }
-    onInput() {
-        this.onChange(this.element.innerText);
-    }
-    onBlur() {
-        this.onTouched();
-    }
-}
-CuiContentEditableValueAccessorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiContentEditableValueAccessorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-CuiContentEditableValueAccessorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: CuiContentEditableValueAccessorDirective, isStandalone: true, selector: "[contenteditable][formControlName], [contenteditable][formControl], [contenteditable][ngModel]", host: { listeners: { "input": "onInput()", "blur": "onBlur()" } }, providers: [cuiProvide(NG_VALUE_ACCESSOR, CuiContentEditableValueAccessorDirective, true)], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiContentEditableValueAccessorDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    standalone: true,
-                    selector: '[contenteditable][formControlName], [contenteditable][formControl], [contenteditable][ngModel]',
-                    providers: [cuiProvide(NG_VALUE_ACCESSOR, CuiContentEditableValueAccessorDirective, true)]
-                }]
-        }], propDecorators: { onInput: [{
-                type: HostListener,
-                args: ['input']
-            }], onBlur: [{
-                type: HostListener,
-                args: ['blur']
+class CuiContentEditableValueAccessorDirective {
+    constructor() {
+        this.element = inject(ElementRef).nativeElement;
+    }
+    writeValue(value) {
+        this.element.innerText = value !== null && value !== void 0 ? value : '';
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.element.contentEditable = String(!isDisabled);
+    }
+    onInput() {
+        this.onChange(this.element.innerText);
+    }
+    onBlur() {
+        this.onTouched();
+    }
+}
+CuiContentEditableValueAccessorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiContentEditableValueAccessorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+CuiContentEditableValueAccessorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: CuiContentEditableValueAccessorDirective, isStandalone: true, selector: "[contenteditable][formControlName], [contenteditable][formControl], [contenteditable][ngModel]", host: { listeners: { "input": "onInput()", "blur": "onBlur()" } }, providers: [cuiProvide(NG_VALUE_ACCESSOR, CuiContentEditableValueAccessorDirective, true)], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiContentEditableValueAccessorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[contenteditable][formControlName], [contenteditable][formControl], [contenteditable][ngModel]',
+                    providers: [cuiProvide(NG_VALUE_ACCESSOR, CuiContentEditableValueAccessorDirective, true)]
+                }]
+        }], propDecorators: { onInput: [{
+                type: HostListener,
+                args: ['input']
+            }], onBlur: [{
+                type: HostListener,
+                args: ['blur']
             }] } });
 
-class CuiElementDirective {
-    constructor() {
-        this.nativeElement = inject((ElementRef)).nativeElement;
-        return new ElementRef(this.nativeElement);
-    }
-}
-CuiElementDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiElementDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-CuiElementDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: CuiElementDirective, isStandalone: true, selector: "[cuiElement]", exportAs: ["elementRef"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiElementDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    standalone: true,
-                    selector: '[cuiElement]',
-                    exportAs: 'elementRef',
-                }]
+class CuiElementDirective {
+    constructor() {
+        this.nativeElement = inject((ElementRef)).nativeElement;
+        return new ElementRef(this.nativeElement);
+    }
+}
+CuiElementDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiElementDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+CuiElementDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: CuiElementDirective, isStandalone: true, selector: "[cuiElement]", exportAs: ["elementRef"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiElementDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[cuiElement]',
+                    exportAs: 'elementRef',
+                }]
         }], ctorParameters: function () { return []; } });
 
-function cuiContainsOrAfter(current, node) {
-    try {
-        return (current.contains(node) ||
-            !!(node.compareDocumentPosition(current) & Node.DOCUMENT_POSITION_PRECEDING));
-    }
-    catch (_a) {
-        return false;
-    }
+function cuiContainsOrAfter(current, node) {
+    try {
+        return (current.contains(node) ||
+            !!(node.compareDocumentPosition(current) & Node.DOCUMENT_POSITION_PRECEDING));
+    }
+    catch (_a) {
+        return false;
+    }
 }
 
-function cuiIsHTMLElement(node) {
-    return !!node && node instanceof node.ownerDocument.defaultView.HTMLElement;
+function cuiIsHTMLElement(node) {
+    return !!node && node instanceof node.ownerDocument.defaultView.HTMLElement;
 }
 
-function cuiGetNativeFocused({ activeElement }) {
-    if (!(activeElement === null || activeElement === void 0 ? void 0 : activeElement.shadowRoot)) {
-        return activeElement;
-    }
-    let element = activeElement.shadowRoot.activeElement;
-    while (element === null || element === void 0 ? void 0 : element.shadowRoot) {
-        element = element.shadowRoot.activeElement;
-    }
-    return element;
+function cuiGetNativeFocused({ activeElement }) {
+    if (!(activeElement === null || activeElement === void 0 ? void 0 : activeElement.shadowRoot)) {
+        return activeElement;
+    }
+    let element = activeElement.shadowRoot.activeElement;
+    while (element === null || element === void 0 ? void 0 : element.shadowRoot) {
+        element = element.shadowRoot.activeElement;
+    }
+    return element;
 }
 
-function cuiBlurNativeFocused(document) {
-    const activeElement = cuiGetNativeFocused(document);
-    if (cuiIsHTMLElement(activeElement)) {
-        activeElement.blur();
-    }
+function cuiBlurNativeFocused(document) {
+    const activeElement = cuiGetNativeFocused(document);
+    if (cuiIsHTMLElement(activeElement)) {
+        activeElement.blur();
+    }
 }
 
-function cuiIsNativeKeyboardFocusable(element) {
-    if (element.hasAttribute('disabled') || element.getAttribute('tabIndex') === '-1') {
-        return false;
-    }
-    if ((cuiIsHTMLElement(element) && element.isContentEditable) ||
-        element.getAttribute('tabIndex') === '0') {
-        return true;
-    }
-    switch (element.tagName) {
-        case 'BUTTON':
-        case 'SELECT':
-        case 'TEXTAREA':
-            return true;
-        case 'VIDEO':
-        case 'AUDIO':
-            return element.hasAttribute('controls');
-        case 'INPUT':
-            return element.getAttribute('type') !== 'hidden';
-        case 'A':
-        case 'LINK':
-            return element.hasAttribute('href');
-        default:
-            return false;
-    }
+function cuiIsNativeKeyboardFocusable(element) {
+    if (element.hasAttribute('disabled') || element.getAttribute('tabIndex') === '-1') {
+        return false;
+    }
+    if ((cuiIsHTMLElement(element) && element.isContentEditable) ||
+        element.getAttribute('tabIndex') === '0') {
+        return true;
+    }
+    switch (element.tagName) {
+        case 'BUTTON':
+        case 'SELECT':
+        case 'TEXTAREA':
+            return true;
+        case 'VIDEO':
+        case 'AUDIO':
+            return element.hasAttribute('controls');
+        case 'INPUT':
+            return element.getAttribute('type') !== 'hidden';
+        case 'A':
+        case 'LINK':
+            return element.hasAttribute('href');
+        default:
+            return false;
+    }
 }
 
-function cuiIsNativeMouseFocusable(element) {
-    return (!element.hasAttribute('disabled') &&
-        (element.getAttribute('tabIndex') === '-1' ||
-            cuiIsNativeKeyboardFocusable(element)));
+function cuiIsNativeMouseFocusable(element) {
+    return (!element.hasAttribute('disabled') &&
+        (element.getAttribute('tabIndex') === '-1' ||
+            cuiIsNativeKeyboardFocusable(element)));
 }
 
-const svgNodeFilter = {
-    acceptNode(node) {
-        return 'ownerSVGElement' in node
-            ? NodeFilter.FILTER_REJECT
-            : NodeFilter.FILTER_ACCEPT;
-    },
+const svgNodeFilter = {
+    acceptNode(node) {
+        return 'ownerSVGElement' in node
+            ? NodeFilter.FILTER_REJECT
+            : NodeFilter.FILTER_ACCEPT;
+    },
 };
 
-function cuiGetClosestFocusable({ initial, root, previous = false, keyboard = true, }) {
-    if (!root.ownerDocument) {
-        return null;
-    }
-    const check = keyboard ? cuiIsNativeKeyboardFocusable : cuiIsNativeMouseFocusable;
-    const treeWalker = root.ownerDocument.createTreeWalker(root, NodeFilter.SHOW_ELEMENT, svgNodeFilter);
-    treeWalker.currentNode = initial;
-    while (previous ? treeWalker.previousNode() : treeWalker.nextNode()) {
-        if (cuiIsHTMLElement(treeWalker.currentNode)) {
-            initial = treeWalker.currentNode;
-        }
-        if (cuiIsHTMLElement(initial) && check(initial)) {
-            return initial;
-        }
-    }
-    return null;
+function cuiGetClosestFocusable({ initial, root, previous = false, keyboard = true, }) {
+    if (!root.ownerDocument) {
+        return null;
+    }
+    const check = keyboard ? cuiIsNativeKeyboardFocusable : cuiIsNativeMouseFocusable;
+    const treeWalker = root.ownerDocument.createTreeWalker(root, NodeFilter.SHOW_ELEMENT, svgNodeFilter);
+    treeWalker.currentNode = initial;
+    while (previous ? treeWalker.previousNode() : treeWalker.nextNode()) {
+        if (cuiIsHTMLElement(treeWalker.currentNode)) {
+            initial = treeWalker.currentNode;
+        }
+        if (cuiIsHTMLElement(initial) && check(initial)) {
+            return initial;
+        }
+    }
+    return null;
 }
 
-class CuiFocusTrapDirective {
-    constructor() {
-        this.document = inject(DOCUMENT);
-        this.element = inject(ElementRef).nativeElement;
-        this.activeElement = cuiGetNativeFocused(this.document);
-        this.tabIndex = 0;
-        this.initElementFocus();
-    }
-    ngOnDestroy() {
-        cuiBlurNativeFocused(this.document);
-        Promise.resolve().then(() => {
-            if (!cuiIsHTMLElement(this.activeElement)) {
-                return;
-            }
-            this.activeElement.focus();
-        });
-    }
-    onFocusIn(node) {
-        var _a;
-        if (cuiContainsOrAfter(this.element, node)) {
-            return;
-        }
-        (_a = cuiGetClosestFocusable({
-            initial: this.element,
-            root: this.element,
-        })) === null || _a === void 0 ? void 0 : _a.focus();
-    }
-    initElementFocus() {
-        Promise.resolve().then(() => this.element.focus());
-    }
-}
-CuiFocusTrapDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiFocusTrapDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-CuiFocusTrapDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: CuiFocusTrapDirective, isStandalone: true, selector: "[cuiFocusTrap]", host: { listeners: { "window:focusin": "onFocusIn($event.target)" }, properties: { "tabIndex": "this.tabIndex" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiFocusTrapDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    standalone: true,
-                    selector: '[cuiFocusTrap]',
-                }]
-        }], ctorParameters: function () { return []; }, propDecorators: { tabIndex: [{
-                type: HostBinding,
-                args: ['tabIndex']
-            }], onFocusIn: [{
-                type: HostListener,
-                args: ['window:focusin', ['$event.target']]
+class CuiFocusTrapDirective {
+    constructor() {
+        this.document = inject(DOCUMENT);
+        this.element = inject(ElementRef).nativeElement;
+        this.activeElement = cuiGetNativeFocused(this.document);
+        this.tabIndex = 0;
+        this.initElementFocus();
+    }
+    ngOnDestroy() {
+        cuiBlurNativeFocused(this.document);
+        Promise.resolve().then(() => {
+            if (!cuiIsHTMLElement(this.activeElement)) {
+                return;
+            }
+            this.activeElement.focus();
+        });
+    }
+    onFocusIn(node) {
+        var _a;
+        if (cuiContainsOrAfter(this.element, node)) {
+            return;
+        }
+        (_a = cuiGetClosestFocusable({
+            initial: this.element,
+            root: this.element,
+        })) === null || _a === void 0 ? void 0 : _a.focus();
+    }
+    initElementFocus() {
+        Promise.resolve().then(() => this.element.focus());
+    }
+}
+CuiFocusTrapDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiFocusTrapDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+CuiFocusTrapDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: CuiFocusTrapDirective, isStandalone: true, selector: "[cuiFocusTrap]", host: { listeners: { "window:focusin": "onFocusIn($event.target)" }, properties: { "tabIndex": "this.tabIndex" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiFocusTrapDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[cuiFocusTrap]',
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { tabIndex: [{
+                type: HostBinding,
+                args: ['tabIndex']
+            }], onFocusIn: [{
+                type: HostListener,
+                args: ['window:focusin', ['$event.target']]
             }] } });
 
-class CuiItemDirective {
-}
-CuiItemDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-CuiItemDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: CuiItemDirective, isStandalone: true, selector: "[cuiItem]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiItemDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    standalone: true,
-                    selector: '[cuiItem]'
-                }]
+class CuiItemDirective {
+}
+CuiItemDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+CuiItemDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: CuiItemDirective, isStandalone: true, selector: "[cuiItem]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[cuiItem]'
+                }]
         }] });
 
-class CuiLetContext {
-    constructor(internalDirectiveInstance) {
-        this.internalDirectiveInstance = internalDirectiveInstance;
-    }
-    get $implicit() {
-        return this.internalDirectiveInstance.cuiLet;
-    }
-    get cuiLet() {
-        return this.internalDirectiveInstance.cuiLet;
-    }
+class CuiLetContext {
+    constructor(internalDirectiveInstance) {
+        this.internalDirectiveInstance = internalDirectiveInstance;
+    }
+    get $implicit() {
+        return this.internalDirectiveInstance.cuiLet;
+    }
+    get cuiLet() {
+        return this.internalDirectiveInstance.cuiLet;
+    }
 }
 
-class CuiLetDirective {
-    constructor() {
-        inject(ViewContainerRef).createEmbeddedView(inject((TemplateRef)), new CuiLetContext(this));
-    }
-    static ngTemplateContextGuard(_dir, _ctx) {
-        return true;
-    }
-}
-CuiLetDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiLetDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-CuiLetDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: CuiLetDirective, isStandalone: true, selector: "[cuiLet]", inputs: { cuiLet: "cuiLet" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiLetDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    standalone: true,
-                    selector: '[cuiLet]'
-                }]
-        }], ctorParameters: function () { return []; }, propDecorators: { cuiLet: [{
-                type: Input
+class CuiLetDirective {
+    constructor() {
+        inject(ViewContainerRef).createEmbeddedView(inject((TemplateRef)), new CuiLetContext(this));
+    }
+    static ngTemplateContextGuard(_dir, _ctx) {
+        return true;
+    }
+}
+CuiLetDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiLetDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+CuiLetDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: CuiLetDirective, isStandalone: true, selector: "[cuiLet]", inputs: { cuiLet: "cuiLet" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiLetDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[cuiLet]'
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { cuiLet: [{
+                type: Input
             }] } });
 
-class CuiTargetDirective {
-    constructor() {
-        this.clickListener = (event) => {
-            this.clicked.emit(event);
-        };
-        this.clicked = new EventEmitter();
-    }
-    ngOnInit() {
-        this.initClickListener();
-    }
-    ngOnDestroy() {
-        this.destroyClickListener();
-    }
-    initClickListener() {
-        this.ccTarget.addEventListener('click', this.clickListener);
-    }
-    destroyClickListener() {
-        this.ccTarget.removeEventListener('click', this.clickListener);
-    }
-}
-CuiTargetDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiTargetDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-CuiTargetDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: CuiTargetDirective, isStandalone: true, selector: "[ccTarget]", inputs: { ccTarget: "ccTarget" }, outputs: { clicked: "clicked" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiTargetDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    standalone: true,
-                    selector: '[ccTarget]',
-                }]
-        }], propDecorators: { ccTarget: [{
-                type: Input
-            }], clicked: [{
-                type: Output
+class CuiTargetDirective {
+    constructor() {
+        this.clickListener = (event) => {
+            this.clicked.emit(event);
+        };
+        this.clicked = new EventEmitter();
+    }
+    ngOnInit() {
+        this.initClickListener();
+    }
+    ngOnDestroy() {
+        this.destroyClickListener();
+    }
+    initClickListener() {
+        this.ccTarget.addEventListener('click', this.clickListener);
+    }
+    destroyClickListener() {
+        this.ccTarget.removeEventListener('click', this.clickListener);
+    }
+}
+CuiTargetDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiTargetDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+CuiTargetDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: CuiTargetDirective, isStandalone: true, selector: "[ccTarget]", inputs: { ccTarget: "ccTarget" }, outputs: { clicked: "clicked" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiTargetDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[ccTarget]',
+                }]
+        }], propDecorators: { ccTarget: [{
+                type: Input
+            }], clicked: [{
+                type: Output
             }] } });
 
-class CuiFilterPipe {
-    transform(items, matcher, ...args) {
-        return items.filter(item => matcher(item, ...args));
-    }
-}
-CuiFilterPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiFilterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-CuiFilterPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: CuiFilterPipe, isStandalone: true, name: "cuiFilter" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiFilterPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    standalone: true,
-                    name: 'cuiFilter'
-                }]
+class CuiFilterPipe {
+    transform(items, matcher, ...args) {
+        return items.filter(item => matcher(item, ...args));
+    }
+}
+CuiFilterPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiFilterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+CuiFilterPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: CuiFilterPipe, isStandalone: true, name: "cuiFilter" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiFilterPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    standalone: true,
+                    name: 'cuiFilter'
+                }]
         }] });
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { CUI_HISTORY, CUI_LOCAL_STORAGE, CUI_SESSION_STORAGE, CUI_WINDOW, CuiAutoResizingDirective, CuiClickOutsideDirective, CuiContentEditableValueAccessorDirective, CuiDestroyService, CuiDimensionsObserverDirective, CuiElementDirective, CuiFilterPipe, CuiFocusTrapDirective, CuiIdService, CuiItemDirective, CuiLetContext, CuiLetDirective, CuiPopoverService, CuiTargetDirective, cuiBlurNativeFocused, cuiContainsOrAfter, cuiCreateToken, cuiCreateTokenFromFactory, cuiGetClosestFocusable, cuiGetNativeFocused, cuiIsHTMLElement, cuiIsNativeKeyboardFocusable, cuiIsNativeMouseFocusable, cuiProvide };