@elderbyte/ngx-starter 17.11.0-beta4 → 17.11.0-beta6

package/lib/components/forms/search/domain/input/search-input-state.d.ts

@@ -6,7 +6,7 @@ export declare class SearchInputState {
     /**
      * attribute The name
      */
-    readonly attribute: string;
+    readonly queryKey: string;
     /**
      * value of the input
      */
@@ -19,7 +19,7 @@ export declare class SearchInputState {
      * Was the input changed by a user interaction
      */
     readonly userEvent: boolean;
-    static of(attribute: string, filters: Filter[], pristine: boolean, userEvent: boolean): SearchInputState;
+    static of(queryKey: string, filters: Filter[], pristine: boolean, userEvent: boolean): SearchInputState;
     static unknown(): SearchInputState;
     /***************************************************************************
      *                                                                         *
@@ -30,7 +30,7 @@ export declare class SearchInputState {
     /**
      * attribute The name
      */
-    attribute: string, 
+    queryKey: string, 
     /**
      * value of the input
      */

package/lib/components/forms/search/domain/input/search-input.d.ts

@@ -6,13 +6,9 @@ import { Filter } from '../../../../../common/data/filters/filter';
  */
 export interface SearchInput {
     /**
-     * The search input name
+     * The search input queryKey
      */
-    readonly name: string;
-    /**
-     * The search input name query key
-     */
-    readonly queryKey?: string;
+    readonly queryKey: string;
     readonly state$: Observable<SearchInputState>;
     /**
      * States if the search name is cannot be changed.

package/lib/components/forms/search/elder-search-context.directive.d.ts

@@ -69,7 +69,7 @@ export declare class ElderSearchContextDirective implements OnInit, AfterViewIni
     /**
      * Returns the current user touched attributes. (ignoring fallbacks)
      */
-    get userDefinedAttributes$(): Observable<SearchInputState[]>;
+    get touchedSearchInputs$(): Observable<SearchInputState[]>;
     /***************************************************************************
      *                                                                         *
      * Public API                                                              *
@@ -93,9 +93,9 @@ export declare class ElderSearchContextDirective implements OnInit, AfterViewIni
     private applyToBoundFilterContext;
     private applySearchContextToInputs;
     private applyFiltersToInputs;
-    private saveInitialFitlers;
+    private saveInitialFilters;
     private buildFilterValueMap;
-    private searchInputsByName;
+    private searchInputsByQueryKey;
     private convertToFilters;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderSearchContextDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ElderSearchContextDirective, "[elderSearchContext]", ["elderSearchContext"], { "searchContextId": { "alias": "searchContextId"; "required": false; }; "filterContext": { "alias": "elderSearchContext"; "required": false; }; "forcedFilters": { "alias": "forcedFilters"; "required": false; }; }, {}, never, never, true, never>;

package/lib/components/forms/search/elder-search-input.directive.d.ts

@@ -1,20 +1,20 @@
-import { AfterViewInit, OnDestroy, OnInit } from '@angular/core';
+import { AfterViewInit, DestroyRef, OnInit } from '@angular/core';
 import { ElderSearchContextDirective } from './elder-search-context.directive';
 import { Observable } from 'rxjs/internal/Observable';
 import { NgModel } from '@angular/forms';
 import { SearchInput } from './domain/input/search-input';
 import { SearchInputState } from './domain/input/search-input-state';
-import { LocalPagedDataSource } from '../../../common/data/datasource/local/local-paged-data-source';
 import { BooleanInput } from '@angular/cdk/coercion';
 import { InputFilterConverter } from './filter/input-filter-converter';
 import { Filter } from '../../../common/data/filters/filter';
 import * as i0 from "@angular/core";
 /**
- * Search name adapter for input controls.
+ * Binds the control value (ngModel) to a SearchContexts Filter.
  */
-export declare class ElderSearchInputDirective implements SearchInput, OnInit, AfterViewInit, OnDestroy {
+export declare class ElderSearchInputDirective implements SearchInput, OnInit, AfterViewInit {
     private searchContext;
     private ngModel;
+    private destroyRef;
     /***************************************************************************
      *                                                                         *
      * Fields                                                                  *
@@ -34,7 +34,6 @@ export declare class ElderSearchInputDirective implements SearchInput, OnInit, A
      *  value = "type.id"
      */
     resolvePath: string;
-    dataSource: LocalPagedDataSource<any>;
     /**
      * (Optional) Use this value for the query if none is provided.
      */
@@ -42,13 +41,12 @@ export declare class ElderSearchInputDirective implements SearchInput, OnInit, A
     valueAsId: BooleanInput;
     private _inputConverter;
     private readonly _state$;
-    private readonly destroy$;
     /***************************************************************************
      *                                                                         *
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
-    constructor(searchContext: ElderSearchContextDirective, ngModel: NgModel);
+    constructor(searchContext: ElderSearchContextDirective, ngModel: NgModel, destroyRef: DestroyRef);
     /***************************************************************************
      *                                                                         *
      * Life Cycle                                                              *
@@ -56,7 +54,6 @@ export declare class ElderSearchInputDirective implements SearchInput, OnInit, A
      **************************************************************************/
     ngOnInit(): void;
     ngAfterViewInit(): void;
-    ngOnDestroy(): void;
     /***************************************************************************
      *                                                                         *
      * Properties                                                              *
@@ -71,7 +68,6 @@ export declare class ElderSearchInputDirective implements SearchInput, OnInit, A
     set inputConverter(inputConverter: InputFilterConverter);
     get initialDone$(): Observable<void>;
     get state$(): Observable<SearchInputState>;
-    get name(): string;
     get value(): any;
     get readonly(): boolean;
     private get hasFallback();
@@ -105,6 +101,6 @@ export declare class ElderSearchInputDirective implements SearchInput, OnInit, A
     private resolveSingleValue;
     private extractName;
     private concatIfNecessary;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ElderSearchInputDirective, [null, { host: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderSearchInputDirective, "[elderSearchInput]", ["elderSearchInput"], { "valueTransform": { "alias": "elderSearchInputTransform"; "required": false; }; "resolvePath": { "alias": "elderSearchInput"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; "fallbackValue": { "alias": "elderSearchInputFallback"; "required": false; }; "valueAsId": { "alias": "valueAsId"; "required": false; }; "queryKey": { "alias": "elderSearchInputKey"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderSearchInputDirective, [null, { host: true; }, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderSearchInputDirective, "[elderSearchInput]", ["elderSearchInput"], { "valueTransform": { "alias": "elderSearchInputTransform"; "required": false; }; "resolvePath": { "alias": "elderSearchInput"; "required": false; }; "fallbackValue": { "alias": "elderSearchInputFallback"; "required": false; }; "valueAsId": { "alias": "valueAsId"; "required": false; }; "queryKey": { "alias": "elderSearchInputKey"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/components/forms/search/search-box/elder-search-box.component.d.ts

@@ -4,6 +4,7 @@ import { ElderSearchPanelComponent } from './elder-search-panel.component';
 import { BehaviorSubject, Observable } from 'rxjs';
 import { BooleanInput } from '@angular/cdk/coercion';
 import { MatFormFieldAppearance } from '@angular/material/form-field';
+import { SearchInputState } from '../domain/input/search-input-state';
 import * as i0 from "@angular/core";
 export declare class OverlayState {
     hasOverlay: boolean;
@@ -38,7 +39,7 @@ export declare class ElderSearchBoxComponent implements OnDestroy, AfterContentI
     private _dense;
     autocomplete: string;
     appearance: MatFormFieldAppearance;
-    readonly userFilters$: Observable<any[]>;
+    readonly touchedSearchInputs$: Observable<SearchInputState[]>;
     /***************************************************************************
      *                                                                         *
      * Constructor                                                             *

package/lib/components/select/elder-select.module.d.ts

@@ -36,7 +36,7 @@ import * as i34 from "./multi/elder-multi-select-chip-options/elder-multi-select
 import * as i35 from "./multi/elder-chip-select-option/elder-select-option.component";
 import * as i36 from "./multi/elder-mutli-select-all-directive";
 import * as i37 from "./auto/elder-auto-select-suggest-first.directive";
-import * as i38 from "./filter/elder-chips-filter.directive";
+import * as i38 from "./filter/elder-chips-include-exclude.directive";
 import * as i39 from "./filter/elder-filter-chip-template/elder-filter-chip-template.component";
 import * as i40 from "./multi/elder-search-include-exclude.directive";
 export { ElderSelectValueDirective } from './elder-select-value.directive';
@@ -54,12 +54,12 @@ export { ElderAutoSelectFirstDirective } from './auto/elder-auto-select-first.di
 export { ElderClearSelectDirective } from './single/elder-clear-select.directive';
 export { ElderMultiSelectAllInitialDirective } from './multi/elder-mutli-select-all-directive';
 export { ElderAutoSelectSuggestFirstDirective } from './auto/elder-auto-select-suggest-first.directive';
-export { ElderChipsFilterDirective } from './filter/elder-chips-filter.directive';
-export { ElderFilterChipTemplate } from './filter/elder-filter-chip-template/elder-filter-chip-template.component';
+export { ElderChipsIncludeExcludeDirective } from './filter/elder-chips-include-exclude.directive';
+export { ElderFilterChipTemplateComponent } from './filter/elder-filter-chip-template/elder-filter-chip-template.component';
 export * from './filter/include-exclude-selection-model';
 export { ElderSearchIncludeExcludeDirective } from './multi/elder-search-include-exclude.directive';
 export declare class ElderSelectModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderSelectModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ElderSelectModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i2.ReactiveFormsModule, typeof i3.MatFormFieldModule, typeof i4.MatIconModule, typeof i5.MatSelectModule, typeof i6.MatDialogModule, typeof i7.MatButtonModule, typeof i8.MatInputModule, typeof i9.MatAutocompleteModule, typeof i10.MatToolbarModule, typeof i11.MatProgressBarModule, typeof i12.MatProgressSpinnerModule, typeof i13.MatChipsModule, typeof i14.MatTooltipModule, typeof i15.CdkDropList, typeof i15.CdkDrag, typeof i16.TranslateModule, typeof i17.ElderFormsDirectivesModule, typeof i18.ElderTableModule, typeof i19.ElderInfiniteScrollModule, typeof i20.ElderAutocompleteModule, typeof i21.ElderPipesModule, typeof i22.ElderThemeModule, typeof i23.ElderChipsModule, typeof i1.AsyncPipe, typeof i1.AsyncPipe, typeof i24.ElderSelectComponent, typeof i25.ElderSelectValueDirective, typeof i26.TemplatedSelectionDialogComponent, typeof i27.SelectionModelPopupDirective, typeof i28.ElderSelectionPopupTriggerAdapterDirective, typeof i29.ElderSelectOnTabDirective, typeof i30.ElderMultiSelectChipsComponent, typeof i31.ElderSelectChipDirective, typeof i31.ElderSelectChipAvatarDirective, typeof i32.ElderAutoSelectFirstDirective, typeof i33.ElderClearSelectDirective, typeof i31.ElderSelectCustomInputDirective, typeof i34.ElderMultiSelectChipOptionsComponent, typeof i35.ElderSelectOptionComponent, typeof i36.ElderMultiSelectAllInitialDirective, typeof i37.ElderAutoSelectSuggestFirstDirective, typeof i38.ElderChipsFilterDirective, typeof i39.ElderFilterChipTemplate, typeof i40.ElderSearchIncludeExcludeDirective], [typeof i24.ElderSelectComponent, typeof i25.ElderSelectValueDirective, typeof i26.TemplatedSelectionDialogComponent, typeof i27.SelectionModelPopupDirective, typeof i28.ElderSelectionPopupTriggerAdapterDirective, typeof i30.ElderMultiSelectChipsComponent, typeof i31.ElderSelectChipDirective, typeof i31.ElderSelectChipAvatarDirective, typeof i32.ElderAutoSelectFirstDirective, typeof i33.ElderClearSelectDirective, typeof i31.ElderSelectCustomInputDirective, typeof i34.ElderMultiSelectChipOptionsComponent, typeof i35.ElderSelectOptionComponent, typeof i36.ElderMultiSelectAllInitialDirective, typeof i37.ElderAutoSelectSuggestFirstDirective, typeof i38.ElderChipsFilterDirective, typeof i39.ElderFilterChipTemplate, typeof i40.ElderSearchIncludeExcludeDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ElderSelectModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i2.ReactiveFormsModule, typeof i3.MatFormFieldModule, typeof i4.MatIconModule, typeof i5.MatSelectModule, typeof i6.MatDialogModule, typeof i7.MatButtonModule, typeof i8.MatInputModule, typeof i9.MatAutocompleteModule, typeof i10.MatToolbarModule, typeof i11.MatProgressBarModule, typeof i12.MatProgressSpinnerModule, typeof i13.MatChipsModule, typeof i14.MatTooltipModule, typeof i15.CdkDropList, typeof i15.CdkDrag, typeof i16.TranslateModule, typeof i17.ElderFormsDirectivesModule, typeof i18.ElderTableModule, typeof i19.ElderInfiniteScrollModule, typeof i20.ElderAutocompleteModule, typeof i21.ElderPipesModule, typeof i22.ElderThemeModule, typeof i23.ElderChipsModule, typeof i1.AsyncPipe, typeof i1.AsyncPipe, typeof i24.ElderSelectComponent, typeof i25.ElderSelectValueDirective, typeof i26.TemplatedSelectionDialogComponent, typeof i27.SelectionModelPopupDirective, typeof i28.ElderSelectionPopupTriggerAdapterDirective, typeof i29.ElderSelectOnTabDirective, typeof i30.ElderMultiSelectChipsComponent, typeof i31.ElderSelectChipDirective, typeof i31.ElderSelectChipAvatarDirective, typeof i32.ElderAutoSelectFirstDirective, typeof i33.ElderClearSelectDirective, typeof i31.ElderSelectCustomInputDirective, typeof i34.ElderMultiSelectChipOptionsComponent, typeof i35.ElderSelectOptionComponent, typeof i36.ElderMultiSelectAllInitialDirective, typeof i37.ElderAutoSelectSuggestFirstDirective, typeof i38.ElderChipsIncludeExcludeDirective, typeof i39.ElderFilterChipTemplateComponent, typeof i40.ElderSearchIncludeExcludeDirective], [typeof i24.ElderSelectComponent, typeof i25.ElderSelectValueDirective, typeof i26.TemplatedSelectionDialogComponent, typeof i27.SelectionModelPopupDirective, typeof i28.ElderSelectionPopupTriggerAdapterDirective, typeof i30.ElderMultiSelectChipsComponent, typeof i31.ElderSelectChipDirective, typeof i31.ElderSelectChipAvatarDirective, typeof i32.ElderAutoSelectFirstDirective, typeof i33.ElderClearSelectDirective, typeof i31.ElderSelectCustomInputDirective, typeof i34.ElderMultiSelectChipOptionsComponent, typeof i35.ElderSelectOptionComponent, typeof i36.ElderMultiSelectAllInitialDirective, typeof i37.ElderAutoSelectSuggestFirstDirective, typeof i38.ElderChipsIncludeExcludeDirective, typeof i39.ElderFilterChipTemplateComponent, typeof i40.ElderSearchIncludeExcludeDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ElderSelectModule>;
 }

package/lib/components/select/filter/elder-chip-filter-style-resolver.d.ts

@@ -15,5 +15,5 @@ export default class ElderChipFilterStyleResolver {
      *                                                                         *
      **************************************************************************/
     resolveChipSpec(filterEntity: IncludeExcludeState): SelectChipSpec;
-    resolveAvatar(filterEntity: IncludeExcludeState): string;
+    resolveAvatarIcon(filterEntity: IncludeExcludeState): string;
 }

package/lib/components/select/filter/{elder-chips-filter.directive.d.ts → elder-chips-include-exclude.directive.d.ts}

@@ -1,11 +1,14 @@
 import { DestroyRef, ViewContainerRef } from '@angular/core';
 import { ElderMultiSelectChipsComponent } from '../multi/elder-multi-select-chips/elder-multi-select-chips.component';
-import { ElderSearchInputDirective } from '../../forms/search/elder-search-input.directive';
-import { IncludeExcludeSelectionModel } from './include-exclude-selection-model';
+import { IncludeExcludeCycleStrategy, IncludeExcludeSelectionModel } from './include-exclude-selection-model';
 import * as i0 from "@angular/core";
-export declare class ElderChipsFilterDirective<T = any> {
+/**
+ * Adds the ability to toggle select chips of a ElderMultiSelectChipsComponent by
+ * binding it to a IncludeExcludeSelectionModel.
+ */
+export declare class ElderChipsIncludeExcludeDirective<T = any> {
     readonly elderMultiSelectChips: ElderMultiSelectChipsComponent;
-    readonly elderSearchInput: ElderSearchInputDirective;
+    readonly selectionModel: IncludeExcludeSelectionModel;
     readonly vcr: ViewContainerRef;
     private readonly destroyRef;
     /***************************************************************************
@@ -14,26 +17,34 @@ export declare class ElderChipsFilterDirective<T = any> {
      *                                                                         *
      **************************************************************************/
     private readonly log;
-    readonly selectionModel: IncludeExcludeSelectionModel;
     private readonly chipStyleResolver;
     /***************************************************************************
      *                                                                         *
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
-    constructor(elderMultiSelectChips: ElderMultiSelectChipsComponent, elderSearchInput: ElderSearchInputDirective, vcr: ViewContainerRef, destroyRef: DestroyRef);
+    constructor(elderMultiSelectChips: ElderMultiSelectChipsComponent, selectionModel: IncludeExcludeSelectionModel, vcr: ViewContainerRef, destroyRef: DestroyRef);
+    /***************************************************************************
+     *                                                                         *
+     * Properties                                                              *
+     *                                                                         *
+     **************************************************************************/
+    set cycleStrategy(strategy: IncludeExcludeCycleStrategy);
     /***************************************************************************
      *                                                                         *
      * Private methods                                                         *
      *                                                                         *
      **************************************************************************/
     private setupFilterChips;
+    private createFilterChipTemplate;
     private setupElderMultiSelectChipsListeners;
     private resolveChipSpec;
-    private resolveAvatar;
+    private resolveAvatarIcon;
     private handleChipClick;
+    private refreshChips;
+    private ensureChipsNoChanges;
     private findFilterEntityByEntity;
     private findFilterEntityById;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ElderChipsFilterDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderChipsFilterDirective<any>, "[elderChipsFilter]", never, {}, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderChipsIncludeExcludeDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderChipsIncludeExcludeDirective<any>, "[elderChipsIncludeExclude]", ["elderChipsIncludeExclude"], { "cycleStrategy": { "alias": "cycleStrategy"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/components/select/filter/elder-filter-chip-template/elder-filter-chip-template.component.d.ts

@@ -1,32 +1,27 @@
 import { TemplateRef } from '@angular/core';
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
-export declare class ElderFilterChipTemplate {
+export declare class ElderFilterChipTemplateComponent {
     /***************************************************************************
      *                                                                         *
      * Fields                                                                  *
      *                                                                         *
      **************************************************************************/
     private _avatarRef$;
-    private _bodyRef$;
-    private _resolveAvatar$;
+    avatarResolverFn: import("@angular/core").InputSignal<(id: string) => string>;
     /***************************************************************************
      *                                                                         *
-     * Constructor                                                             *
+     * Properties                                                              *
      *                                                                         *
      **************************************************************************/
-    constructor();
+    set avatarRef(avatarRef: TemplateRef<any>);
+    get avatarRef$(): Observable<TemplateRef<any>>;
     /***************************************************************************
      *                                                                         *
-     * Properties                                                              *
+     * Public API                                                              *
      *                                                                         *
      **************************************************************************/
-    set avatarRef(avatarRef: TemplateRef<any>);
-    get avatarRef$(): Observable<TemplateRef<any>>;
-    set bodyRef(avatarRef: TemplateRef<any>);
-    get bodyRef$(): Observable<TemplateRef<any>>;
-    set resolveAvatar(fn: (id: string) => string);
-    get resolveAvatar$(): Observable<(id: string) => string>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ElderFilterChipTemplate, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElderFilterChipTemplate, "elder-filter-chip-template", never, {}, {}, never, never, true, never>;
+    currentIcon(id: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderFilterChipTemplateComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderFilterChipTemplateComponent, "elder-filter-chip-template", never, { "avatarResolverFn": { "alias": "avatarResolverFn"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/components/select/filter/include-exclude-model-filter-adapter.d.ts

@@ -0,0 +1,29 @@
+import { Filter } from '../../../common/data/filters/filter';
+import { IncludeExcludeSelectionModel } from './include-exclude-selection-model';
+export declare class IncludeExcludeModelFilterAdapter {
+    private readonly includeExcludeModel;
+    private readonly includeQueryKey;
+    private readonly excludeQueryKey;
+    /***************************************************************************
+     *                                                                         *
+     * Constructors                                                            *
+     *                                                                         *
+     **************************************************************************/
+    constructor(includeExcludeModel: IncludeExcludeSelectionModel, includeQueryKey: string, excludeQueryKey: string);
+    /***************************************************************************
+     *                                                                         *
+     * Public API                                                              *
+     *                                                                         *
+     **************************************************************************/
+    applyFilters(filters: Filter[]): void;
+    toFilters(): Filter[];
+    /***************************************************************************
+     *                                                                         *
+     * Private methods                                                         *
+     *                                                                         *
+     **************************************************************************/
+    private nonEmptyArrayOrNull;
+    private buildStates;
+    private convertFiltersToMap;
+    private findArrayOrNull;
+}

package/lib/components/select/filter/include-exclude-selection-model.d.ts

@@ -1,14 +1,15 @@
 import { Observable } from 'rxjs';
 export declare class IncludeExcludeState {
     readonly id: string;
-    mode: IncludeExcludeMode;
-    constructor(id: string, mode: IncludeExcludeMode);
+    mode: IncludeExcludeValue;
+    constructor(id: string, mode: IncludeExcludeValue);
 }
-export declare enum IncludeExcludeMode {
+export declare enum IncludeExcludeValue {
     NEUTRAL = "NEUTRAL",
     INCLUDE = "INCLUDE",
     EXCLUDE = "EXCLUDE"
 }
+export type IncludeExcludeCycleStrategy = 'TOGGLE' | 'FULL_CYCLE';
 export declare class IncludeExcludeSelectionModel {
     /***************************************************************************
      *                                                                         *
@@ -16,7 +17,15 @@ export declare class IncludeExcludeSelectionModel {
      *                                                                         *
      **************************************************************************/
     private readonly log;
+    private _strategy;
+    private _defaultInitialValue;
     private readonly stateById$;
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    constructor(strategy: IncludeExcludeCycleStrategy);
     /***************************************************************************
      *                                                                         *
      * Properties                                                              *
@@ -24,23 +33,32 @@ export declare class IncludeExcludeSelectionModel {
      **************************************************************************/
     get selection(): IncludeExcludeState[];
     get selection$(): Observable<IncludeExcludeState[]>;
+    get strategy(): IncludeExcludeCycleStrategy;
+    set strategy(strategy: IncludeExcludeCycleStrategy);
+    get defaultInitialValue(): IncludeExcludeValue;
+    set defaultInitialValue(strategy: IncludeExcludeValue);
     /***************************************************************************
      *                                                                         *
      * Public API                                                              *
      *                                                                         *
      **************************************************************************/
+    findIncluded(): string[];
+    findExcluded(): string[];
     cycleExisting(id: string): IncludeExcludeState | null;
-    initTo(ids: string[], initialMode?: IncludeExcludeMode): void;
+    initTo(ids: string[], initialValueOverride?: IncludeExcludeValue): void;
+    clear(): void;
     replaceSelection(newStates: IncludeExcludeState[]): void;
-    updateState(id: string, mode: IncludeExcludeMode): IncludeExcludeState;
+    updateState(id: string, mode: IncludeExcludeValue): IncludeExcludeState;
     updateStates(newStates: IncludeExcludeState[]): void;
-    isInMode(id: string, mode: IncludeExcludeMode): boolean;
+    isInMode(id: string, mode: IncludeExcludeValue): boolean;
     findStateById(searchedId: string): IncludeExcludeState | null;
     /***************************************************************************
      *                                                                         *
      * Private methods                                                         *
      *                                                                         *
      **************************************************************************/
-    private cycleFilterEntitySelection;
+    private nextValueByStrategy;
+    private nextValueToggle;
+    private nextValueFullCycle;
     private toStateMap;
 }

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

@@ -46,6 +46,7 @@ export declare class ElderMultiSelectChipsComponent<TId = any, TEntity = any, TV
     private readonly chipTemplate$;
     private readonly chipAvatarTemplate$;
     private readonly customInputTemplate$;
+    private readonly refresh$;
     private readonly log;
     /***************************************************************************
      *                                                                         *
@@ -78,6 +79,7 @@ export declare class ElderMultiSelectChipsComponent<TId = any, TEntity = any, TV
     onClickRemoveChip(event: MouseEvent, toRemove: TEntity): void;
     focus(options?: FocusOptions): void;
     blur(): void;
+    refresh(): void;
     /***************************************************************************
      *                                                                         *
      * Private methods                                                         *

package/lib/components/select/multi/elder-search-include-exclude.directive.d.ts

@@ -1,38 +1,78 @@
-import { DestroyRef } from '@angular/core';
-import { ElderSearchInputDirective } from '../../forms/search/elder-search-input.directive';
-import { ElderChipsFilterDirective } from '../filter/elder-chips-filter.directive';
+import { DestroyRef, OnInit } from '@angular/core';
+import { SearchInput } from '../../forms/search/domain/input/search-input';
+import { Observable, Subject } from 'rxjs';
+import { SearchInputState } from '../../forms/search/domain/input/search-input-state';
+import { ElderSearchContextDirective } from '../../forms/search/elder-search-context.directive';
+import { NgModel } from '@angular/forms';
+import { Filter } from '../../../common/data/filters/filter';
+import { IncludeExcludeSelectionModel } from '../filter/include-exclude-selection-model';
 import * as i0 from "@angular/core";
-export declare class ElderSearchIncludeExcludeDirective {
-    private readonly elderSearchInput;
-    private readonly elderChipsFilter;
+/**
+ * Binds a IncludeExcludeModel to a SearchContexts Filter.
+ */
+export declare class ElderSearchIncludeExcludeDirective implements SearchInput, OnInit {
+    private searchContext;
     private destroyRef;
+    private readonly selectionModel;
+    private ngModel;
     /***************************************************************************
      *                                                                         *
      * Fields                                                                  *
      *                                                                         *
      **************************************************************************/
-    private readonly _includeSuffix$;
-    private readonly _excludeSuffix$;
+    private readonly log;
+    private readonly _queryKey$;
+    private _extractedName;
+    private _userQueryKey;
+    includeSuffix: string;
+    excludeSuffix: string;
+    private readonly _state$;
+    private includeExcludeAdapter;
+    readonly initialDone$: Subject<void>;
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    constructor(searchContext: ElderSearchContextDirective, destroyRef: DestroyRef, selectionModel: IncludeExcludeSelectionModel, ngModel: NgModel);
+    /***************************************************************************
+     *                                                                         *
+     * Life Cycle                                                              *
+     *                                                                         *
+     **************************************************************************/
+    ngOnInit(): void;
     /***************************************************************************
      *                                                                         *
      * Properties                                                              *
      *                                                                         *
      **************************************************************************/
-    set includeSuffix(suffix: string);
-    set excludeSuffix(suffix: string);
+    /**
+     * (Optional) Usually the control name is used, this allows a custom query key
+     */
+    set queryKey(value: string);
+    get queryKey(): string;
+    get queryKey$(): Observable<string>;
+    get state$(): Observable<SearchInputState>;
+    get readonly(): boolean;
     /***************************************************************************
      *                                                                         *
-     * Constructor                                                             *
+     * Public API                                                              *
      *                                                                         *
      **************************************************************************/
-    constructor(elderSearchInput: ElderSearchInputDirective, elderChipsFilter: ElderChipsFilterDirective, destroyRef: DestroyRef);
+    applyFilters(filters: Filter[]): void;
+    reset(): void;
     /***************************************************************************
      *                                                                         *
-     * Private Methods                                                         *
+     * Private methods                                                         *
      *                                                                         *
      **************************************************************************/
-    private setupSearchQueryTransforms;
-    private buildConverter;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ElderSearchIncludeExcludeDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderSearchIncludeExcludeDirective, "[elderSearchIncludeExclude]", never, { "includeSuffix": { "alias": "includeSuffix"; "required": false; }; "excludeSuffix": { "alias": "excludeSuffix"; "required": true; }; }, {}, never, never, true, never>;
+    private updateQueryKey;
+    private buildInputStateObservable;
+    private buildInputState;
+    private areAllPristine;
+    private isPristine;
+    private isAttributeValuePresent;
+    private extractName;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderSearchIncludeExcludeDirective, [null, null, null, { optional: true; host: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderSearchIncludeExcludeDirective, "[elderSearchIncludeExclude]", ["elderSearchInput"], { "includeSuffix": { "alias": "includeSuffix"; "required": false; }; "excludeSuffix": { "alias": "excludeSuffix"; "required": true; }; "queryKey": { "alias": "queryKey"; "required": false; }; }, {}, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elderbyte/ngx-starter",
-  "version": "17.11.0-beta4",
+  "version": "17.11.0-beta6",
   "peerDependencies": {
     "@angular/core": "^17.0.0 || ^18.0.0",
     "@angular/common": "^17.0.0 || ^18.0.0",