@elderbyte/ngx-starter 18.13.0 → 18.14.0

package/fesm2022/elderbyte-ngx-starter.mjs

@@ -21275,7 +21275,9 @@ class ElderSelectBase extends ElderFormFieldControlBase {
      *                                                                         *
      **************************************************************************/
     onCurrentClicked(entity) {
-        this.currentClicked.emit(entity);
+        if (entity !== undefined && entity !== null) {
+            this.currentClicked.emit(entity);
+        }
     }
     updateFilter(updatedFilter) {
         this._filterContext.updateFilter(updatedFilter);
@@ -23662,7 +23664,9 @@ class ElderMultiSelectBase extends ElderSelectBase {
         this.appendEntities([newEntity]);
     }
     requestRemoveEntity(toRemove, skipConfirm) {
-        this.requestRemoveEntities([toRemove], skipConfirm);
+        if (toRemove !== undefined && toRemove !== null) {
+            this.requestRemoveEntities([toRemove], skipConfirm);
+        }
     }
     requestRemoveEntities(toRemove, skipConfirm) {
         this.dialogService.confirmDelete({
@@ -24051,7 +24055,7 @@ class ElderMultiSelectChipsComponent extends ElderMultiSelectBase {
             this.readonly$,
             this.disabled$,
             this.refresh$,
-        ]).pipe(map(([entities, entityIds, state, dPR]) => this.buildChipModelsOrFallback(entities, entityIds, state, dPR)));
+        ]).pipe(map(([entities, entityIds, state, dPR]) => this.buildChipModelsOrFallback(entities, entityIds, state, dPR)), map((models) => this.maxDisplayCount ? this.reduceDisplayedChips(models, this.maxDisplayCount) : models));
         this.templates$ = combineLatest([
             this.chipTemplate$,
             this.chipAvatarTemplate$,
@@ -24115,7 +24119,7 @@ class ElderMultiSelectChipsComponent extends ElderMultiSelectBase {
     }
     onChipKeyDown(event, toRemove) {
         this.log.warn('onChipKeyDown', event);
-        if (event.key == 'Backspace' || event.key == 'Delete') {
+        if (event.key === 'Backspace' || event.key === 'Delete') {
             this.requestRemoveEntity(toRemove, event.shiftKey);
         }
     }
@@ -24180,8 +24184,20 @@ class ElderMultiSelectChipsComponent extends ElderMultiSelectBase {
         }
         return new ChipModel(e, dPR(e), chipSpec?.colorSpec, removable, chipSpec.avatarSpec, chipSpec.trailingSpec);
     }
+    reduceDisplayedChips(models, count) {
+        const reducedChips = models.slice(0, count);
+        const deltaCount = models.length - reducedChips.length;
+        if (deltaCount > 0) {
+            const indicatorChip = this.buildIndicatorChip(deltaCount);
+            reducedChips.push(indicatorChip);
+        }
+        return reducedChips;
+    }
+    buildIndicatorChip(deltaCount) {
+        return new ChipModel(undefined, '+' + deltaCount, {}, false, {}, {});
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderMultiSelectChipsComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i1$1.FocusMonitor }, { token: i2.TranslateService }, { token: ElderDialogService }, { token: i3.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.5", type: ElderMultiSelectChipsComponent, isStandalone: true, selector: "elder-multi-select-chips", inputs: { defaultChipSpec: "defaultChipSpec", chipSpecFn: "chipSpecFn", allowRemove: "allowRemove", allowSorting: "allowSorting", stacked: "stacked", chipTemplate: "chipTemplate", chipAvatarTemplate: "chipAvatarTemplate", customInputTemplate: "customInputTemplate" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.5", type: ElderMultiSelectChipsComponent, isStandalone: true, selector: "elder-multi-select-chips", inputs: { defaultChipSpec: "defaultChipSpec", chipSpecFn: "chipSpecFn", allowRemove: "allowRemove", allowSorting: "allowSorting", stacked: "stacked", maxDisplayCount: "maxDisplayCount", chipTemplate: "chipTemplate", chipAvatarTemplate: "chipAvatarTemplate", customInputTemplate: "customInputTemplate" }, providers: [
             { provide: MatFormFieldControl, useExisting: ElderMultiSelectChipsComponent },
             {
                 provide: ELDER_SELECT_BASE,
@@ -24232,6 +24248,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImpor
                 type: Input
             }], stacked: [{
                 type: Input
+            }], maxDisplayCount: [{
+                type: Input
             }], _customChipInput: [{
                 type: ContentChild,
                 args: [MatFormFieldControl]