@fundamental-ngx/cdk 0.43.5 → 0.43.7

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

@@ -313,6 +313,7 @@ class DeprecatedSelector {
     }
 }
 
+/* eslint-disable @typescript-eslint/member-ordering */
 class DeprecatedAutoCompleteDirective extends DeprecatedSelector {
 }
 DeprecatedAutoCompleteDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DeprecatedAutoCompleteDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
@@ -342,6 +343,8 @@ class AutoCompleteDirective {
         this._elementRef = _elementRef;
         /** Whether the auto complete directive should be enabled */
         this.enable = true;
+        /** Matcher function for testing the str for a search term */
+        this.matcher = (str, searchTerm) => str.startsWith(searchTerm);
         /** Display function. Accepts an object of the same type as the
          * items passed to dropdownValues as argument, and outputs a string.
          * An arrow function can be used to access the *this* keyword in the calling component.
@@ -375,7 +378,7 @@ class AutoCompleteDirective {
                     return;
                 }
                 this.oldValue = this.inputText;
-                const item = this.options.find((option) => this.displayFn(option).toLocaleLowerCase().startsWith(this.inputText.toLocaleLowerCase()));
+                const item = this.options.find((option) => this.matcher(this.displayFn(option).toLocaleLowerCase(), this.inputText.toLocaleLowerCase()));
                 if (item) {
                     this._typeahead(this.displayFn(item));
                 }
@@ -422,7 +425,7 @@ class AutoCompleteDirective {
     }
 }
 AutoCompleteDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AutoCompleteDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-AutoCompleteDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: AutoCompleteDirective, isStandalone: true, selector: "[fdkAutoComplete], [fdAutoComplete], [fd-auto-complete]", inputs: { options: "options", inputText: "inputText", enable: "enable", displayFn: "displayFn" }, outputs: { onComplete: "onComplete" }, host: { listeners: { "keyup": "handleKeyboardEvent($event)" } }, ngImport: i0 });
+AutoCompleteDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: AutoCompleteDirective, isStandalone: true, selector: "[fdkAutoComplete], [fdAutoComplete], [fd-auto-complete]", inputs: { options: "options", inputText: "inputText", enable: "enable", matcher: "matcher", displayFn: "displayFn" }, outputs: { onComplete: "onComplete" }, host: { listeners: { "keyup": "handleKeyboardEvent($event)" } }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: AutoCompleteDirective, decorators: [{
             type: Directive,
             args: [{
@@ -435,6 +438,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 type: Input
             }], enable: [{
                 type: Input
+            }], matcher: [{
+                type: Input
             }], displayFn: [{
                 type: Input
             }], onComplete: [{
@@ -5246,6 +5251,7 @@ function selectStrategy(obj) {
 const DND_ITEM = new InjectionToken('Drag and drop Item');
 const DND_LIST = new InjectionToken('Drag and drop List');
 
+/* eslint-disable @typescript-eslint/member-ordering */
 class DndListDirective {
     constructor() {
         /**
@@ -5284,6 +5290,8 @@ class DndListDirective {
         /** Event that is thrown when predicate function returned false. */
         this.dropCancelled = new EventEmitter();
         /** @hidden */
+        this._initialClass = 'fd-dnd-list';
+        /** @hidden */
         this._closestItemIndex = null;
         /** @hidden */
         this._closestItemPosition = null;
@@ -5294,8 +5302,6 @@ class DndListDirective {
         /** @hidden */
         this._draggable = true;
         /** @hidden */
-        this._initialClass = 'fd-dnd-list';
-        /** @hidden */
         this._linesRemoved = true;
         /** @hidden */
         this._indicatorsRemoved = true;
@@ -5325,13 +5331,29 @@ class DndListDirective {
     /** @hidden */
     ngAfterContentInit() {
         this._changeDraggableState(this._draggable);
-        this.dndItems.changes.pipe(takeUntil(this._onDestroy$), startWith(0)).subscribe(() => this._refreshQueryList());
+        this.dndItems.changes
+            .pipe(startWith(null), takeUntil(this._onDestroy$))
+            .subscribe(() => this.refreshQueryList());
     }
     /** @hidden */
     ngOnDestroy() {
         this._onDestroy$.next();
         this._onDestroy$.complete();
     }
+    /**
+     * Refreshes the indexes of the items.
+     */
+    refreshQueryList() {
+        const refresh$ = merge(this._refresh$, this._onDestroy$);
+        this._refresh$.next();
+        this._dndItemReference = this.dndItems.toArray();
+        this._changeDraggableState(this._draggable);
+        this.dndItems.forEach((item, index) => {
+            item.moved.pipe(takeUntil(refresh$)).subscribe((position) => this.onMove(position, index));
+            item.started.pipe(takeUntil(refresh$)).subscribe(() => this.dragStart(index));
+            item.released.pipe(takeUntil(refresh$)).subscribe(async () => await this.dragEnd(index));
+        });
+    }
     /** Method called when the item is being moved by 1 px */
     onMove(mousePosition, draggedItemIndex) {
         /** Temporary object, to store lowest distance values */
@@ -5512,18 +5534,6 @@ class DndListDirective {
         this._indicatorsRemoved = false;
         this._dndItemReference[closestItemIndex].createReplaceIndicator();
     }
-    /** @hidden */
-    _refreshQueryList() {
-        const refresh$ = merge(this._refresh$, this._onDestroy$);
-        this._refresh$.next();
-        this._dndItemReference = this.dndItems.toArray();
-        this._changeDraggableState(this._draggable);
-        this.dndItems.forEach((item, index) => {
-            item.moved.pipe(takeUntil(refresh$)).subscribe((position) => this.onMove(position, index));
-            item.started.pipe(takeUntil(refresh$)).subscribe(() => this.dragStart(index));
-            item.released.pipe(takeUntil(refresh$)).subscribe(async () => await this.dragEnd(index));
-        });
-    }
     /**
      *  @hidden
      * Return information if an element is placed before the dragged element