@elderbyte/ngx-starter 14.4.0-beta.6 → 14.4.0-beta.7

package/lib/common/utils/sort-util.d.ts

@@ -1,4 +1,10 @@
 import { Sort } from '../data/sort';
 export declare class SortUtil {
     static sortData<T>(data: T[], sorts: Sort[]): T[];
+    /**
+     * Checks if the two arrays have all content references in the exact same order.
+     * @param data
+     * @param other
+     */
+    static equalsExactRefs<T>(data: T[], other: T[]): boolean;
 }

package/lib/components/select/multi/elder-multi-select-base.d.ts

@@ -5,6 +5,8 @@ import { Observable } from 'rxjs';
 import { NgControl } from '@angular/forms';
 import { FocusMonitor } from '@angular/cdk/a11y';
 import { IElderMultiEntityValueAccessor } from '../../../common/forms/elder-multi-entity-value-accessor';
+import { Sort } from '../../../common/data/sort';
+import { ElderDialogService } from '../../dialogs/elder-dialog.service';
 import * as i0 from "@angular/core";
 /**
  * Base component implementation of elder-multi-select.
@@ -16,6 +18,7 @@ import * as i0 from "@angular/core";
  *
  */
 export declare abstract class ElderMultiSelectBase<TId, TEntity, TValue> extends ElderSelectBase<TId, TEntity, TValue[]> implements IElderMultiEntityValueAccessor<TEntity, TId, TValue> {
+    private readonly dialogService;
     /***************************************************************************
      *                                                                         *
      * Fields                                                                  *
@@ -24,6 +27,17 @@ export declare abstract class ElderMultiSelectBase<TId, TEntity, TValue> extends
     private readonly logger;
     private readonly _entityIds$;
     private readonly _entities$;
+    /**
+     * Defines how the entities should be sorted locally.
+     * This affects how entities are displayed when more than
+     * one is selected, such as in a chip list.
+     */
+    entitiesSorts: Sort[];
+    /**
+     * If enabled, before removing selected entities
+     * the user will be prompted to confirm.
+     */
+    confirmRemoval: boolean;
     readonly entityIdsChange: Observable<TId[]>;
     readonly entitiesChange: Observable<TEntity[]>;
     /**
@@ -41,7 +55,7 @@ export declare abstract class ElderMultiSelectBase<TId, TEntity, TValue> extends
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
-    protected constructor(zone: NgZone, hostRef: ElementRef, controlType: string, focusMonitor: FocusMonitor, ngControl?: NgControl);
+    protected constructor(zone: NgZone, hostRef: ElementRef, controlType: string, focusMonitor: FocusMonitor, dialogService: ElderDialogService, ngControl?: NgControl);
     private awaitEntitiesWithId;
     /***************************************************************************
      *                                                                         *
@@ -64,6 +78,9 @@ export declare abstract class ElderMultiSelectBase<TId, TEntity, TValue> extends
     updateValueByEntities(entities: TEntity[]): void;
     appendEntities(newEntities: TEntity[]): void;
     appendEntity(newEntity: any): void;
+    requestRemoveEntity(toRemove: TEntity, skipConfirm?: boolean): void;
+    requestRemoveEntities(toRemove: TEntity[], skipConfirm?: boolean): void;
+    removeEntities(toRemove: TEntity[]): void;
     removeEntity(toRemove: TEntity): void;
     openSelectionPopup(event: Event): void;
     entityToValue(entity: TEntity): TValue;
@@ -93,6 +110,8 @@ export declare abstract class ElderMultiSelectBase<TId, TEntity, TValue> extends
     private selectEntitiesByIds;
     private loadEntityByIds;
     private findInDataContext;
+    private writeEntitiesSorted;
+    private sortEntities;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderMultiSelectBase<any, any, any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderMultiSelectBase<any, any, any>, never, never, { "entities": "entities"; "entityIds": "entityIds"; }, { "entityIdsChange": "entityIdsChange"; "entitiesChange": "entitiesChange"; "entityIdsUpdated": "entityIdsUpdated"; "entitiesUpdated": "entitiesUpdated"; }, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderMultiSelectBase<any, any, any>, never, never, { "entitiesSorts": "entitiesSorts"; "confirmRemoval": "confirmRemoval"; "entities": "entities"; "entityIds": "entityIds"; }, { "entityIdsChange": "entityIdsChange"; "entitiesChange": "entitiesChange"; "entityIdsUpdated": "entityIdsUpdated"; "entitiesUpdated": "entitiesUpdated"; }, never, never, false>;
 }

package/lib/components/select/multi/elder-multi-select-chips/elder-multi-select-chips.component.d.ts

@@ -4,6 +4,7 @@ import { Observable } from 'rxjs';
 import { ThemePalette } from '@angular/material/core';
 import { NgControl } from '@angular/forms';
 import { FocusMonitor } from '@angular/cdk/a11y';
+import { ElderDialogService } from '../../../dialogs/elder-dialog.service';
 import * as i0 from "@angular/core";
 declare class ChipModel<T> {
     readonly value: T;
@@ -13,7 +14,6 @@ declare class ChipModel<T> {
     constructor(value: T, displayText: string, color: ThemePalette, removeable: boolean);
 }
 export declare class ElderMultiSelectChipsComponent<TId = any, TEntity = any, TValue = any> extends ElderMultiSelectBase<TId, TEntity, TValue> {
-    ngControl: NgControl;
     /***************************************************************************
      *                                                                         *
      * Fields                                                                  *
@@ -36,7 +36,7 @@ export declare class ElderMultiSelectChipsComponent<TId = any, TEntity = any, TV
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
-    constructor(hostRef: ElementRef, zone: NgZone, focusMonitor: FocusMonitor, ngControl: NgControl);
+    constructor(hostRef: ElementRef, zone: NgZone, focusMonitor: FocusMonitor, dialogService: ElderDialogService, ngControl: NgControl);
     /***************************************************************************
      *                                                                         *
      * Host Bindings                                                           *
@@ -70,6 +70,8 @@ export declare class ElderMultiSelectChipsComponent<TId = any, TEntity = any, TV
      *                                                                         *
      **************************************************************************/
     resolveChipValue(e1: TEntity): any;
+    onChipKeyDown(event: KeyboardEvent, toRemove: TEntity): void;
+    onClickRemoveChip(event: MouseEvent, toRemove: TEntity): void;
     focus(options?: FocusOptions): void;
     blur(): void;
     /***************************************************************************
@@ -80,7 +82,7 @@ export declare class ElderMultiSelectChipsComponent<TId = any, TEntity = any, TV
     private buildChipModelsOrFallback;
     private buildChipFallbackModels;
     private buildChipModels;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ElderMultiSelectChipsComponent<any, any, any>, [null, null, null, { optional: true; self: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderMultiSelectChipsComponent<any, any, any>, [null, null, null, null, { optional: true; self: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ElderMultiSelectChipsComponent<any, any, any>, "elder-multi-select-chips", never, { "allowRemove": "allowRemove"; "chipTemplate": "chipTemplate"; "chipAvatarTemplate": "chipAvatarTemplate"; "customInputTemplate": "customInputTemplate"; "chipColorEnabled": "chipColorEnabled"; "chipColorResolver": "chipColorResolver"; }, {}, ["chipTemplateQuery", "chipAvatarTemplateQuery", "customInputTemplateQuery"], never, false>;
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elderbyte/ngx-starter",
-  "version": "14.4.0-beta.6",
+  "version": "14.4.0-beta.7",
   "peerDependencies": {
     "@angular/common": "^14.0.1",
     "@angular/core": "^14.0.1",