@fundamental-ngx/cdk 0.52.2-rc.8 → 0.53.0-rc.0

package/fesm2022/fundamental-ngx-cdk-utils.mjs

@@ -1,10 +1,10 @@
 import { DOCUMENT, CommonModule, AsyncPipe } from '@angular/common';
 import * as i0 from '@angular/core';
-import { isDevMode, EventEmitter, inject, ElementRef, NgZone, Directive, Input, Output, NgModule, DestroyRef, Injectable, INJECTOR, InjectionToken, Optional, Inject, booleanAttribute, Renderer2, PLATFORM_ID, Self, SkipSelf, ContentChildren, forwardRef, HostBinding, HostListener, Injector, computed, ContentChild, QueryList, ViewContainerRef, TemplateRef, Component, ViewChild, NgModuleFactory, Pipe, signal } from '@angular/core';
-import { RIGHT_ARROW, DOWN_ARROW, LEFT_ARROW, UP_ARROW, SPACE, ESCAPE, DELETE, ENTER, MAC_ENTER, TAB, HOME, END, ALT, CONTROL, META, SHIFT, BACKSPACE, A, C, V, X, PAGE_UP, PAGE_DOWN, DASH, NUMPAD_MINUS, NUMPAD_ZERO, NUMPAD_ONE, NUMPAD_TWO, NUMPAD_THREE, NUMPAD_FOUR, NUMPAD_FIVE, NUMPAD_SIX, NUMPAD_SEVEN, NUMPAD_EIGHT, NUMPAD_NINE, F2, hasModifierKey } from '@angular/cdk/keycodes';
+import { INJECTOR, ElementRef, isDevMode, InjectionToken, EventEmitter, inject, NgZone, Directive, Input, Output, NgModule, DestroyRef, Injectable, Optional, Inject, booleanAttribute, Renderer2, PLATFORM_ID, Self, SkipSelf, ContentChildren, forwardRef, HostBinding, HostListener, Injector, computed, ContentChild, QueryList, ViewContainerRef, TemplateRef, Component, ViewChild, NgModuleFactory, Pipe, signal } from '@angular/core';
+import { RIGHT_ARROW, DOWN_ARROW, LEFT_ARROW, UP_ARROW, SPACE, ESCAPE, DELETE, ENTER, MAC_ENTER, TAB, HOME, END, ALT, CONTROL, META, SHIFT, BACKSPACE, A, C, V, X, PAGE_UP, PAGE_DOWN, DASH, NUMPAD_MINUS, NUMPAD_ZERO, NUMPAD_ONE, NUMPAD_TWO, NUMPAD_THREE, NUMPAD_FOUR, NUMPAD_FIVE, NUMPAD_SIX, NUMPAD_SEVEN, NUMPAD_EIGHT, NUMPAD_NINE, F2, F7, hasModifierKey } from '@angular/cdk/keycodes';
 import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
-import { fromEvent, switchMap, map, Subject, BehaviorSubject, ReplaySubject, Observable, NEVER, merge, combineLatest, filter as filter$1, firstValueFrom, debounceTime, distinctUntilChanged as distinctUntilChanged$1, startWith as startWith$1, Subscription, isObservable, of, tap as tap$1, take as take$1 } from 'rxjs';
-import { first, distinctUntilChanged, startWith, map as map$1, takeUntil, filter, tap, switchMap as switchMap$1, finalize, take, debounceTime as debounceTime$1, pairwise, shareReplay, delay } from 'rxjs/operators';
+import { Observable, NEVER, fromEvent, switchMap, map as map$1, Subject, BehaviorSubject, ReplaySubject, merge, combineLatest, filter as filter$1, firstValueFrom, debounceTime, distinctUntilChanged as distinctUntilChanged$1, startWith as startWith$1, Subscription, isObservable, of, tap as tap$1, take as take$1 } from 'rxjs';
+import { map, first, distinctUntilChanged, startWith, takeUntil, filter, tap, switchMap as switchMap$1, finalize, take, debounceTime as debounceTime$1, pairwise, shareReplay, delay } from 'rxjs/operators';
 import { coerceElement, coerceBooleanProperty, coerceNumberProperty, coerceArray, coerceCssPixelValue } from '@angular/cdk/coercion';
 import { get, findLastIndex, escape } from 'lodash-es';
 import { createFocusTrap } from 'focus-trap';
@@ -23,6 +23,93 @@ import { DomPortal, TemplatePortal, ComponentPortal, CdkPortalOutlet, PortalModu
 import { trigger, state, style, transition, animate } from '@angular/animations';
 import { __decorate, __metadata } from 'tslib';
 
+/**
+ * Creates provider for ConsumerClass
+ */
+function consumerProviderFactory(ConsumerClass, providedConfiguration) {
+    return {
+        provide: ConsumerClass,
+        useFactory: (injector) => new ConsumerClass(injector, providedConfiguration),
+        deps: [INJECTOR]
+    };
+}
+
+const pxToNum = (pixels) => Number(pixels.replace('px', '')) || 0;
+const toNativeElement = (element) => element instanceof ElementRef ? element.nativeElement : element;
+/** Return elements capacity (width subtract by element padding)
+ * @param element - HTMLelement or element reference
+ * */
+function getElementCapacity(element) {
+    const _element = toNativeElement(element);
+    const computedStyle = window.getComputedStyle(_element);
+    return pxToNum(computedStyle.width) - pxToNum(computedStyle.paddingLeft) - pxToNum(computedStyle.paddingRight);
+}
+/** Return elements width
+ * @param element - HTMLelement or element reference
+ * @param withMargin - weather to add element margins to width
+ * */
+function getElementWidth(element, withMargin) {
+    const _element = toNativeElement(element);
+    const computedStyle = getComputedStyle(_element);
+    return withMargin
+        ? pxToNum(computedStyle.width) + pxToNum(computedStyle.marginLeft) + pxToNum(computedStyle.marginRight)
+        : pxToNum(computedStyle.width);
+}
+
+/** Get document font size in pixels. */
+function getDocumentFontSize() {
+    const DEFAULT_SIZE = 16;
+    const clientFontSize = document?.documentElement
+        ? parseFloat(getComputedStyle(document.documentElement).fontSize)
+        : DEFAULT_SIZE;
+    return isNaN(clientFontSize) ? DEFAULT_SIZE : clientFontSize;
+}
+
+/**
+ * RxJS wrapper for IntersectionObserver class.
+ * @param target HTML element to spy on.
+ * @param options @see {IntersectionObserverInit}
+ * @returns {Observable} with observer entries.
+ */
+function intersectionObservable(target, options) {
+    if ('IntersectionObserver' in window) {
+        return new Observable((subscriber) => {
+            const io = new IntersectionObserver((entries) => {
+                subscriber.next(entries);
+            }, options);
+            io.observe(target);
+            return function unsubscribe() {
+                io.disconnect();
+            };
+        });
+    }
+    else {
+        // If browser doesn't support IntersectionObserver API never emit a value
+        // since we're not supporting IE11 and any other browser should have it.
+        return NEVER;
+    }
+}
+
+/** Determines whether provided value is valid content density */
+function isValidContentDensity(size) {
+    return size === 'cozy' || size === 'compact' || size === 'condensed';
+}
+/**
+ * Determines if "compact" styles should be applied based on provided content density
+ */
+function isCompactDensity(size) {
+    return isValidContentDensity(size) && size !== 'cozy';
+}
+
+/**
+ * Function checks whether the passed number is odd.
+ * @param number number to check.
+ * @returns Boolean whether the number is odd.
+ */
+function isOdd(number) {
+    return number % 2 === 1;
+}
+
 /** Map of keyCodes and their corresponding "key" values */
 const keyMap = new Map([
     [RIGHT_ARROW, ['ArrowRight', 'Right']],
@@ -60,7 +147,8 @@ const keyMap = new Map([
     [NUMPAD_SEVEN, ['NumPad7']],
     [NUMPAD_EIGHT, ['NumPad8']],
     [NUMPAD_NINE, ['NumPad9']],
-    [F2, ['F2']]
+    [F2, ['F2']],
+    [F7, ['F7']]
 ]);
 class KeyUtil {
     /**
@@ -110,6 +198,129 @@ class KeyUtil {
     }
 }
 
+const ModuleDeprecations = new InjectionToken('ModuleDeprecations');
+
+/** Module deprecations provider */
+function moduleDeprecationsProvider(classRef) {
+    return {
+        provide: ModuleDeprecations,
+        useClass: classRef,
+        multi: true
+    };
+}
+/** Module deprecations provider factory */
+function moduleDeprecationsFactory(factory) {
+    return {
+        provide: ModuleDeprecations,
+        ...factory,
+        multi: true
+    };
+}
+
+const fileSizeMap = new Map([
+    ['KB', 1024],
+    ['MB', 1048576],
+    ['GB', 1073741824],
+    ['TB', 1099511627776]
+]);
+/** Parse file size to bytes */
+function parserFileSize(fileSize) {
+    if (fileSize === '') {
+        return 0;
+    }
+    const sizes = fileSize.match(/[\d.]+|\D+/g);
+    if (sizes && sizes.length > 1) {
+        const size = Number(sizes[0].replace(/ +/g, ''));
+        const unit = sizes[1].replace(/ +/g, '').toUpperCase();
+        const unitSize = fileSizeMap.get(unit);
+        if (isNaN(size)) {
+            throw new Error('FileSizeError - Invalid File size please check.');
+        }
+        if (unit === 'B' || unit === 'BYTE' || unit === 'BYTES') {
+            return size;
+        }
+        if (!unitSize) {
+            throw new Error('FileSizeError - Invalid File size please check.');
+        }
+        else {
+            return unitSize * size;
+        }
+    }
+    else {
+        if (isNaN(Number(sizes))) {
+            throw new Error('FileSizeError - Invalid File size please check.');
+        }
+        return Number(sizes);
+    }
+}
+
+/** Get random number from 1 to 10. */
+function getRandomColorAccent() {
+    return (Math.floor(Math.random() * 10) + 1);
+}
+
+/**
+ * RxJS wrapper for ResizeObserver class.
+ * @param target HTML element to spy on.
+ * @param options @see {ResizeObserverOptions}
+ * @returns {Observable} with observer entries.
+ */
+function resizeObservable(target, options) {
+    if ('ResizeObserver' in window) {
+        return new Observable((subscriber) => {
+            let animationFrame;
+            const ro = new ResizeObserver((entries) => {
+                animationFrame = window.requestAnimationFrame(() => {
+                    subscriber.next(entries);
+                });
+            });
+            ro.observe(target, options);
+            return function unsubscribe() {
+                if (animationFrame) {
+                    window.cancelAnimationFrame(animationFrame);
+                }
+                ro.unobserve(target);
+                ro.disconnect();
+            };
+        });
+    }
+    else {
+        // If current browser does not support resizeObserver, rely on window resize and return empty array of items.
+        return fromEvent(window, 'resize').pipe(map(() => []));
+    }
+}
+
+/**
+ * Function used to scroll specified element by some distance
+ *
+ * @param containerElement     - Container element scrolled
+ * @param distanceToScroll     - Distance of scroll in px
+ * */
+function scrollTop(containerElement, distanceToScroll) {
+    // Check if scrollTo method is supported by current browser
+    if (containerElement.scrollTo && containerElement.scrollTo instanceof Function) {
+        containerElement.scrollTo({
+            top: distanceToScroll,
+            behavior: 'smooth'
+        });
+    }
+    else {
+        containerElement.scrollTop = distanceToScroll;
+    }
+}
+
+/** Generate a UUID v4 */
+function uuidv4() {
+    const modifier = 16;
+    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {
+        // eslint-disable-next-line no-bitwise
+        const r = (Math.random() * modifier) | 0, 
+        // eslint-disable-next-line no-bitwise
+        v = c === 'x' ? r : (r & 0x3) | 0x8;
+        return v.toString(modifier);
+    });
+}
+
 class AutoCompleteDirective {
     /** @hidden */
     // eslint-disable-next-line @typescript-eslint/member-ordering
@@ -130,6 +341,8 @@ class AutoCompleteDirective {
         /** @hidden */
         this._stopKeys = [BACKSPACE, DELETE, ESCAPE];
         /** @hidden */
+        this._isComposing = false;
+        /** @hidden */
         this._elementRef = inject(ElementRef);
         this._zone = inject(NgZone);
         /** Matcher function for testing the str for a search term */
@@ -141,14 +354,23 @@ class AutoCompleteDirective {
          */
         this._zone.runOutsideAngular(() => {
             const keyupEvent = fromEvent(this._elementRef.nativeElement, 'keyup');
+            const compositionStartEvent = fromEvent(this._elementRef.nativeElement, 'compositionstart');
+            const compositionEndEvent = fromEvent(this._elementRef.nativeElement, 'compositionend');
             keyupEvent
-                .pipe(switchMap((evt) => this._zone.onStable.pipe(first(), map(() => evt))), takeUntilDestroyed())
+                .pipe(switchMap((evt) => this._zone.onStable.pipe(first(), map$1(() => evt))), takeUntilDestroyed())
                 .subscribe((evt) => this._handleKeyboardEvent(evt));
+            compositionStartEvent.pipe(takeUntilDestroyed()).subscribe(() => {
+                this._isComposing = true;
+            });
+            compositionEndEvent.pipe(takeUntilDestroyed()).subscribe(() => {
+                this._isComposing = false;
+                this.inputText = this._elementRef.nativeElement.value;
+            });
         });
     }
     /** @hidden */
     _handleKeyboardEvent(event) {
-        if (this.enable) {
+        if (this.enable && !this._isComposing) {
             if (KeyUtil.isKeyCode(event, this._stopKeys)) {
                 this._elementRef.nativeElement.value = this.inputText;
             }
@@ -160,7 +382,6 @@ class AutoCompleteDirective {
                 this._sendCompleteEvent(false);
             }
             else if (!this._isControlKey(event) && this.inputText) {
-                /** Prevention from triggering typeahead, when having crtl/cmd + keys */
                 if (!this._triggerTypeAhead()) {
                     return;
                 }
@@ -242,17 +463,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
                 }]
         }] });
 
-/** Determines whether provided value is valid content density */
-function isValidContentDensity(size) {
-    return size === 'cozy' || size === 'compact' || size === 'condensed';
-}
-/**
- * Determines if "compact" styles should be applied based on provided content density
- */
-function isCompactDensity(size) {
-    return isValidContentDensity(size) && size !== 'cozy';
-}
-
 /**
  * Creates an observable that emits when the component is destroyed.
  * @param destroyRef
@@ -546,7 +756,7 @@ class ContentDensityService {
     }
     /** @hidden */
     get _isCompactDensity() {
-        return this._contentDensityListener.pipe(map$1((density) => isCompactDensity(density)));
+        return this._contentDensityListener.pipe(map((density) => isCompactDensity(density)));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ContentDensityService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ContentDensityService }); }
@@ -577,18 +787,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
             type: Injectable
         }], ctorParameters: () => [] });
 
-/** Generate a UUID v4 */
-function uuidv4() {
-    const modifier = 16;
-    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {
-        // eslint-disable-next-line no-bitwise
-        const r = (Math.random() * modifier) | 0, 
-        // eslint-disable-next-line no-bitwise
-        v = c === 'x' ? r : (r & 0x3) | 0x8;
-        return v.toString(modifier);
-    });
-}
-
 class FocusTrapService {
     constructor() {
         /** @hidden */
@@ -677,193 +875,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
                 }]
         }] });
 
-/**
- * Creates provider for ConsumerClass
- */
-function consumerProviderFactory(ConsumerClass, providedConfiguration) {
-    return {
-        provide: ConsumerClass,
-        useFactory: (injector) => new ConsumerClass(injector, providedConfiguration),
-        deps: [INJECTOR]
-    };
-}
-
-const pxToNum = (pixels) => Number(pixels.replace('px', '')) || 0;
-const toNativeElement = (element) => element instanceof ElementRef ? element.nativeElement : element;
-/** Return elements capacity (width subtract by element padding)
- * @param element - HTMLelement or element reference
- * */
-function getElementCapacity(element) {
-    const _element = toNativeElement(element);
-    const computedStyle = window.getComputedStyle(_element);
-    return pxToNum(computedStyle.width) - pxToNum(computedStyle.paddingLeft) - pxToNum(computedStyle.paddingRight);
-}
-/** Return elements width
- * @param element - HTMLelement or element reference
- * @param withMargin - weather to add element margins to width
- * */
-function getElementWidth(element, withMargin) {
-    const _element = toNativeElement(element);
-    const computedStyle = getComputedStyle(_element);
-    return withMargin
-        ? pxToNum(computedStyle.width) + pxToNum(computedStyle.marginLeft) + pxToNum(computedStyle.marginRight)
-        : pxToNum(computedStyle.width);
-}
-
-/** Get document font size in pixels. */
-function getDocumentFontSize() {
-    const DEFAULT_SIZE = 16;
-    const clientFontSize = document?.documentElement
-        ? parseFloat(getComputedStyle(document.documentElement).fontSize)
-        : DEFAULT_SIZE;
-    return isNaN(clientFontSize) ? DEFAULT_SIZE : clientFontSize;
-}
-
-/**
- * RxJS wrapper for IntersectionObserver class.
- * @param target HTML element to spy on.
- * @param options @see {IntersectionObserverInit}
- * @returns {Observable} with observer entries.
- */
-function intersectionObservable(target, options) {
-    if ('IntersectionObserver' in window) {
-        return new Observable((subscriber) => {
-            const io = new IntersectionObserver((entries) => {
-                subscriber.next(entries);
-            }, options);
-            io.observe(target);
-            return function unsubscribe() {
-                io.disconnect();
-            };
-        });
-    }
-    else {
-        // If browser doesn't support IntersectionObserver API never emit a value
-        // since we're not supporting IE11 and any other browser should have it.
-        return NEVER;
-    }
-}
-
-/**
- * Function checks whether the passed number is odd.
- * @param number number to check.
- * @returns Boolean whether the number is odd.
- */
-function isOdd(number) {
-    return number % 2 === 1;
-}
-
-const ModuleDeprecations = new InjectionToken('ModuleDeprecations');
-
-/** Module deprecations provider */
-function moduleDeprecationsProvider(classRef) {
-    return {
-        provide: ModuleDeprecations,
-        useClass: classRef,
-        multi: true
-    };
-}
-/** Module deprecations provider factory */
-function moduleDeprecationsFactory(factory) {
-    return {
-        provide: ModuleDeprecations,
-        ...factory,
-        multi: true
-    };
-}
-
-const fileSizeMap = new Map([
-    ['KB', 1024],
-    ['MB', 1048576],
-    ['GB', 1073741824],
-    ['TB', 1099511627776]
-]);
-/** Parse file size to bytes */
-function parserFileSize(fileSize) {
-    if (fileSize === '') {
-        return 0;
-    }
-    const sizes = fileSize.match(/[\d.]+|\D+/g);
-    if (sizes && sizes.length > 1) {
-        const size = Number(sizes[0].replace(/ +/g, ''));
-        const unit = sizes[1].replace(/ +/g, '').toUpperCase();
-        const unitSize = fileSizeMap.get(unit);
-        if (isNaN(size)) {
-            throw new Error('FileSizeError - Invalid File size please check.');
-        }
-        if (unit === 'B' || unit === 'BYTE' || unit === 'BYTES') {
-            return size;
-        }
-        if (!unitSize) {
-            throw new Error('FileSizeError - Invalid File size please check.');
-        }
-        else {
-            return unitSize * size;
-        }
-    }
-    else {
-        if (isNaN(Number(sizes))) {
-            throw new Error('FileSizeError - Invalid File size please check.');
-        }
-        return Number(sizes);
-    }
-}
-
-/** Get random number from 1 to 10. */
-function getRandomColorAccent() {
-    return (Math.floor(Math.random() * 10) + 1);
-}
-
-/**
- * RxJS wrapper for ResizeObserver class.
- * @param target HTML element to spy on.
- * @param options @see {ResizeObserverOptions}
- * @returns {Observable} with observer entries.
- */
-function resizeObservable(target, options) {
-    if ('ResizeObserver' in window) {
-        return new Observable((subscriber) => {
-            let animationFrame;
-            const ro = new ResizeObserver((entries) => {
-                animationFrame = window.requestAnimationFrame(() => {
-                    subscriber.next(entries);
-                });
-            });
-            ro.observe(target, options);
-            return function unsubscribe() {
-                if (animationFrame) {
-                    window.cancelAnimationFrame(animationFrame);
-                }
-                ro.unobserve(target);
-                ro.disconnect();
-            };
-        });
-    }
-    else {
-        // If current browser does not support resizeObserver, rely on window resize and return empty array of items.
-        return fromEvent(window, 'resize').pipe(map$1(() => []));
-    }
-}
-
-/**
- * Function used to scroll specified element by some distance
- *
- * @param containerElement     - Container element scrolled
- * @param distanceToScroll     - Distance of scroll in px
- * */
-function scrollTop(containerElement, distanceToScroll) {
-    // Check if scrollTo method is supported by current browser
-    if (containerElement.scrollTo && containerElement.scrollTo instanceof Function) {
-        containerElement.scrollTo({
-            top: distanceToScroll,
-            behavior: 'smooth'
-        });
-    }
-    else {
-        containerElement.scrollTop = distanceToScroll;
-    }
-}
-
 class KeyboardSupportService {
     constructor() {
         /** Subject that is thrown, when focus escapes the list */
@@ -1204,7 +1215,7 @@ const ViewportSizeObservable = new InjectionToken('ViewportSizeObservable', {
         const viewportRuler = inject(ViewportRuler);
         return viewportRuler
             .change(50)
-            .pipe(map((e) => e.target.innerWidth))
+            .pipe(map$1((e) => e.target.innerWidth))
             .pipe(startWith(window.innerWidth));
     }
 });
@@ -1253,7 +1264,7 @@ class BreakpointDirective {
             return;
         }
         const element = coerceElement(value);
-        this._sizeObservable$.next(this._resizeObserverService.observe(value).pipe(map$1(() => element.offsetWidth), startWith(element.offsetWidth)));
+        this._sizeObservable$.next(this._resizeObserverService.observe(value).pipe(map(() => element.offsetWidth), startWith(element.offsetWidth)));
     }
     /** @hidden */
     constructor(templateRef, viewContainer) {
@@ -1292,7 +1303,7 @@ class BreakpointDirective {
     /** @hidden */
     ngAfterViewInit() {
         combineLatest([this._sizeObservable$.pipe(switchMap$1((obs$) => obs$)), this.onChanges$.pipe(startWith(void 0))])
-            .pipe(map$1(([w]) => [w, getBreakpointName(w)]), map$1(([width, breakpointName]) => this._shouldShow(width, breakpointName)), tap((shouldShow) => {
+            .pipe(map(([w]) => [w, getBreakpointName(w)]), map(([width, breakpointName]) => this._shouldShow(width, breakpointName)), tap((shouldShow) => {
             if (shouldShow) {
                 if (!this.templateViewRef) {
                     this.viewContainer.clear();
@@ -1719,7 +1730,7 @@ class DisabledObserver {
     }
     /** @hidden */
     observe(element) {
-        return this._attributeObserver.observe(element).pipe(map$1(() => DisabledObserver.isDisabled(getNativeElement(element))), distinctUntilChanged());
+        return this._attributeObserver.observe(element).pipe(map(() => DisabledObserver.isDisabled(getNativeElement(element))), distinctUntilChanged());
     }
     /** @hidden */
     unobserve(element) {
@@ -2049,7 +2060,7 @@ class FocusableObserver {
     /** @hidden */
     observe(element, respectTabIndex = true) {
         const nativeElement = getNativeElement(element);
-        return this._attributeObserver.observe(nativeElement).pipe(map$1(() => FocusableObserver.isFocusable(nativeElement, respectTabIndex)), distinctUntilChanged());
+        return this._attributeObserver.observe(nativeElement).pipe(map(() => FocusableObserver.isFocusable(nativeElement, respectTabIndex)), distinctUntilChanged());
     }
     /** @hidden */
     unobserve(element) {
@@ -2285,7 +2296,7 @@ class IndirectFocusableListDirective {
                 [Symbol.iterator]: () => this._indirectChildren.value[Symbol.iterator](),
                 forEach: (callback, thisArg) => this._indirectChildren.value.forEach(callback, thisArg)
             };
-            queryList['changes'] = this._indirectChildren.pipe(debounceTime(100), distinctUntilChanged$1(deepEqual), map(() => queryList));
+            queryList['changes'] = this._indirectChildren.pipe(debounceTime(100), distinctUntilChanged$1(deepEqual), map$1(() => queryList));
             this._focusableList.setItems(queryList);
         }
     }
@@ -2653,7 +2664,7 @@ class FocusableListDirective {
         const refresh$ = merge(this._refresh$, destroyObservable(this._destroyRef));
         this._refresh$.next();
         this._focusableItems.changes
-            .pipe(startWith(null), map$1(() => this._focusableItems.toArray()), tap((items) => {
+            .pipe(startWith(null), map(() => this._focusableItems.toArray()), tap((items) => {
             const direction = this.navigationDirection === 'grid' ? 'horizontal' : this.navigationDirection;
             this._initializeFocusManager(items, {
                 direction,
@@ -3080,7 +3091,7 @@ class IntersectionSpyDirective {
     /** @hidden */
     ngOnInit() {
         intersectionObservable(this._elementRef.nativeElement, this.viewportOptions)
-            .pipe(map((entries) => entries[0]), takeUntilDestroyed(this._destroyRef))
+            .pipe(map$1((entries) => entries[0]), takeUntilDestroyed(this._destroyRef))
             .subscribe((entry) => {
             this.intersected.emit(entry.isIntersecting);
         });
@@ -3712,7 +3723,7 @@ class ReadonlyObserver {
     }
     /** @hidden */
     observe(element) {
-        return this._attributeObserver.observe(element).pipe(map$1(() => ReadonlyObserver.isReadonly(getNativeElement(element))), distinctUntilChanged());
+        return this._attributeObserver.observe(element).pipe(map(() => ReadonlyObserver.isReadonly(getNativeElement(element))), distinctUntilChanged());
     }
     /** @Hidden */
     unobserve(element) {
@@ -4064,12 +4075,12 @@ class ResizeDirective {
         const mouseUpEvent$ = fromEvent(window, 'mouseup');
         const mouseMoveEvent$ = fromEvent(resizeContainer, 'mousemove');
         const mouseDownEvent$ = fromEvent(this.resizeHandleReference.elementRef.nativeElement, 'mousedown');
-        const resizeActive$ = merge(mouseDownEvent$.pipe(map$1(() => true), tap(() => {
+        const resizeActive$ = merge(mouseDownEvent$.pipe(map(() => true), tap(() => {
             moveOffset = this._getMoveOffsetFunction();
-        })), mouseUpEvent$.pipe(map$1(() => false)));
+        })), mouseUpEvent$.pipe(map(() => false)));
         const emitResizableEvents$ = this._getResizeEventsNotifiers(resizeActive$);
         const preventOtherPointerEvents$ = this._blockOtherPointerEvents(resizeActive$);
-        const resizingCursorMovement$ = mouseMoveEvent$.pipe(pairwise(), map$1(([event1, event2]) => moveOffset(event1, event2)), filter((move) => isBoundaryOverflow(move)));
+        const resizingCursorMovement$ = mouseMoveEvent$.pipe(pairwise(), map(([event1, event2]) => moveOffset(event1, event2)), filter((move) => isBoundaryOverflow(move)));
         const setupResizer = () => {
             resizingCursorMovement$.pipe(takeUntil(mouseUpEvent$)).subscribe((event) => resize(event));
         };
@@ -4175,7 +4186,7 @@ class ResizeDirective {
             else {
                 this._elementRef.nativeElement.classList.add(this.fdkResizeClass);
             }
-        }), map$1((isActive) => (isActive ? 'none' : 'auto')), tap((value) => {
+        }), map((isActive) => (isActive ? 'none' : 'auto')), tap((value) => {
             this._elementRef.nativeElement.style.pointerEvents = value;
         }));
     }
@@ -4246,9 +4257,9 @@ class SelectionService {
         this._clear$ = new Subject();
         /** @hidden */
         this._value = [];
-        this._normalizedValue$ = this._value$.pipe(distinctUntilChanged(deepEqual), map$1((v) => coerceArray(v)), map$1((value) => (this._isMultipleMode ? value : [value[0]])), map$1((coerced) => coerced.filter(Boolean)));
+        this._normalizedValue$ = this._value$.pipe(distinctUntilChanged(deepEqual), map((v) => coerceArray(v)), map((value) => (this._isMultipleMode ? value : [value[0]])), map((coerced) => coerced.filter(Boolean)));
         this._normalizedValue$.pipe(takeUntilDestroyed(this._destroyRef)).subscribe((val) => (this._value = val));
-        this.value$ = this._normalizedValue$.pipe(map$1((v) => this._getProperValues(v)), shareReplay(1));
+        this.value$ = this._normalizedValue$.pipe(map((v) => this._getProperValues(v)), shareReplay(1));
     }
     /**
      * Register main select component, which holds config
@@ -4267,7 +4278,7 @@ class SelectionService {
      * */
     initialize(list) {
         if (list instanceof QueryList) {
-            this._items$ = list.changes.pipe(startWith(list), map$1((items) => items.toArray()), shareReplay(1));
+            this._items$ = list.changes.pipe(startWith(list), map((items) => items.toArray()), shareReplay(1));
         }
         else {
             this._items$ = isObservable(list) ? list : of(list);
@@ -4293,8 +4304,8 @@ class SelectionService {
         const unsubscribe$ = merge(destroyObservable(this._destroyRef), this._clear$);
         if (this._items$) {
             this._items$
-                .pipe(map$1((items) => items.filter((itm) => itm.fdkSelectableItem !== false)), switchMap((items) => {
-                const clickedEvents$ = items.map((item) => item.clicked.pipe(map$1(() => item)));
+                .pipe(map((items) => items.filter((itm) => itm.fdkSelectableItem !== false)), switchMap((items) => {
+                const clickedEvents$ = items.map((item) => item.clicked.pipe(map(() => item)));
                 return merge(...clickedEvents$);
             }), tap((clickedItem) => this._itemClicked(clickedItem)), takeUntil(unsubscribe$))
                 .subscribe();
@@ -5833,7 +5844,7 @@ class DynamicPortalComponent {
     ngAfterViewInit() {
         const portalOutlet = this.portalOutlet;
         this.portalContent$
-            .pipe(tap$1(() => portalOutlet.detach()), filter$1(Boolean), map((content) => {
+            .pipe(tap$1(() => portalOutlet.detach()), filter$1(Boolean), map$1((content) => {
             if (typeof content === 'string') {
                 const textElement = this.renderer.createText(content);
                 this.renderer.appendChild(this.elementRef.nativeElement, textElement);