ng-tailwind 2.24.341 → 2.25.341

package/bundles/ng-tailwind.umd.js

@@ -3062,6 +3062,7 @@
             _this.searchable = true;
             _this.clearSearchOnAdd = true;
             _this.virtualScroll = true;
+            _this.guessCompareWith = true;
             /** Validation */
             _this.isRequired = false;
             _this.onLoadRemoteResource = new core.EventEmitter();
@@ -3225,6 +3226,7 @@
                     .get(_this.remoteResource, _this.currentState.filters, _this.currentState.pagination)
                     .subscribe(function (response) {
                     _this.loading = false;
+                    _this.bindCompareWithByResponse(response);
                     _this.ngSearchObserver.next(response.data);
                     _this.onLoadRemoteResource.emit(response.data);
                     _this.currentState.pagination = response.meta.pagination;
@@ -3371,10 +3373,21 @@
                 innerInput.id = uuid();
             }
         };
+        NgtSelectComponent.prototype.bindCompareWithByResponse = function (response) {
+            var _a;
+            if (this.guessCompareWith) {
+                if (((_a = response.data) === null || _a === void 0 ? void 0 : _a.length) && typeof response.data[0]['getApiId'] === 'function') {
+                    this.compareWith = function (a, b) { return a.getApiId() == b.getApiId(); };
+                }
+                else {
+                    this.compareWith = function (a, b) { return a === b; };
+                }
+            }
+        };
         NgtSelectComponent.prototype.hasTermInFilteredItems = function (term) {
             var _this = this;
             var filteredItems = this.ngSelectComponent.itemsList.filteredItems;
-            if (this.isColoquentResource()) {
+            if ((filteredItems === null || filteredItems === void 0 ? void 0 : filteredItems.length) && this.isColoquentResource()) {
                 return filteredItems.some(function (element) {
                     var elementValue = element.value.getAttribute(_this.bindLabel);
                     return elementValue && elementValue.toLocaleLowerCase() === term;
@@ -3388,7 +3401,7 @@
         NgtSelectComponent.prototype.hasTermInSelectedItems = function (term) {
             var _this = this;
             var selectedItems = this.ngSelectComponent.selectedItems;
-            if (this.isColoquentResource()) {
+            if ((selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) && this.isColoquentResource()) {
                 return selectedItems.some(function (element) {
                     var elementValue = element.value.getAttribute(_this.bindLabel);
                     return elementValue && elementValue.toLocaleLowerCase() === term;
@@ -3405,8 +3418,8 @@
             return !!((_a = this.originalItems) === null || _a === void 0 ? void 0 : _a.find(function (element) { return _this.compareWith(element, item); }));
         };
         NgtSelectComponent.prototype.isColoquentResource = function () {
-            var filteredItems = this.ngSelectComponent.itemsList.filteredItems;
-            return filteredItems && filteredItems.length && typeof filteredItems[0].value['getAttribute'] === 'function';
+            var items = this.ngSelectComponent.itemsList.items;
+            return (items === null || items === void 0 ? void 0 : items.length) && typeof items[0].value['getAttribute'] === 'function';
         };
         NgtSelectComponent.prototype.isHidden = function () {
             return this.ngSelectComponent.element.offsetParent === null;
@@ -3482,6 +3495,7 @@
         virtualScroll: [{ type: core.Input }],
         tabIndex: [{ type: core.Input }],
         typeahead: [{ type: core.Input }],
+        guessCompareWith: [{ type: core.Input }],
         groupValue: [{ type: core.Input }],
         trackBy: [{ type: core.Input }],
         isRequired: [{ type: core.Input }],