@elderbyte/ngx-starter 17.11.0 → 18.0.0

package/lib/components/select/auto/elder-auto-select-suggest-first.directive.d.ts

@@ -0,0 +1,32 @@
+import { DestroyRef } from '@angular/core';
+import { ElderSuggestionPanelComponent } from '../../input/autocomplete/elder-autocomplete/elder-suggestion-panel.component';
+import { ElderAutoSelectFirstService } from './elder-auto-select-first.service';
+import * as i0 from "@angular/core";
+export declare class ElderAutoSelectSuggestFirstDirective<TEntity = any, TId = any> {
+    readonly elderAutoComplete: ElderSuggestionPanelComponent<TEntity, TId>;
+    private readonly autoSelectFirstService;
+    private readonly destroyRef;
+    /***************************************************************************
+     *                                                                         *
+     * Fields                                                                  *
+     *                                                                         *
+     **************************************************************************/
+    private readonly log;
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    constructor(elderAutoComplete: ElderSuggestionPanelComponent<TEntity, TId>, autoSelectFirstService: ElderAutoSelectFirstService<TEntity>, destroyRef: DestroyRef);
+    /***************************************************************************
+     *                                                                         *
+     * Private methods                                                         *
+     *                                                                         *
+     **************************************************************************/
+    private subscribeToAutoSelectFirstService;
+    private suggestFirstItem;
+    private selectFirstItemInDataContext;
+    private firstItemInDataContextSoon;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderAutoSelectSuggestFirstDirective<any, any>, [null, { optional: true; }, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderAutoSelectSuggestFirstDirective<any, any>, "[elderAutoSelectSuggestFirst]", never, {}, {}, never, never, true, never>;
+}

package/lib/components/select/auto/elder-select-first-util.d.ts

@@ -1,3 +1,4 @@
+import { Observable } from 'rxjs';
 import { ElderSelectComponent } from '../single/elder-select/elder-select.component';
 export declare class ElderSelectFirstUtil {
     /***************************************************************************
@@ -11,12 +12,11 @@ export declare class ElderSelectFirstUtil {
      * Public methods                                                          *
      *                                                                         *
      **************************************************************************/
-    static trySelectFirst<TEntity, TId>(elderSelect: ElderSelectComponent<TEntity, TId, any>): void;
+    static trySelectFirst<TEntity, TId>(elderSelect: ElderSelectComponent<TEntity, TId, any>, oFirstItem: Observable<TEntity>): void;
     /***************************************************************************
      *                                                                         *
      * Private methods                                                         *
      *                                                                         *
      **************************************************************************/
-    private static firstItemInDataContextSoon;
     private static firstSuggestionItem;
 }

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

@@ -126,6 +126,7 @@ export declare abstract class ElderSelectBase<TId, TEntity, TValue> extends Elde
     get shouldLabelFloat(): boolean;
     set templateOptions$(comps: ElderSelectOptionComponent<TEntity>[]);
     get templateOptions$(): Observable<ElderSelectOptionComponent<TEntity>[]>;
+    getEntityId(entity: TEntity): TId;
     /***************************************************************************
      *                                                                         *
      * Abstract API                                                            *
@@ -140,7 +141,6 @@ export declare abstract class ElderSelectBase<TId, TEntity, TValue> extends Elde
      * Internal API                                                            *
      *                                                                         *
      **************************************************************************/
-    protected getEntityId(entity: TEntity): TId;
     protected dataSourceOrThrow(): IDataSource<TEntity>;
     protected isEqual(a: TEntity, b: TEntity): boolean;
     protected isEmpty(a: TEntity): boolean;

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

@@ -35,6 +35,10 @@ import * as i33 from "./single/elder-clear-select.directive";
 import * as i34 from "./multi/elder-multi-select-chip-options/elder-multi-select-chip-options.component";
 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-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';
 export * from './elder-select-chip.directive';
 export { ElderSelectOnTabDirective } from './elder-select-on-tab.directive';
@@ -49,8 +53,13 @@ export { ElderSelectOptionComponent } from './multi/elder-chip-select-option/eld
 export { ElderAutoSelectFirstDirective } from './auto/elder-auto-select-first.directive';
 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 { 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 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]>;
+    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

@@ -0,0 +1,19 @@
+import { SelectChipSpec } from '../multi/elder-multi-select-chips/select-chip-spec';
+import { IncludeExcludeState } from './include-exclude-selection-model';
+export default class ElderChipFilterStyleResolver {
+    /***************************************************************************
+     *                                                                         *
+     * Fields                                                                  *
+     *                                                                         *
+     **************************************************************************/
+    private readonly neutralChipSpec;
+    private readonly includedChipSpec;
+    private readonly excludedChipSpec;
+    /***************************************************************************
+     *                                                                         *
+     * Public API                                                              *
+     *                                                                         *
+     **************************************************************************/
+    resolveChipSpec(filterEntity: IncludeExcludeState): SelectChipSpec;
+    resolveAvatarIcon(filterEntity: IncludeExcludeState): string;
+}

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

@@ -0,0 +1,50 @@
+import { DestroyRef, ViewContainerRef } from '@angular/core';
+import { ElderMultiSelectChipsComponent } from '../multi/elder-multi-select-chips/elder-multi-select-chips.component';
+import { IncludeExcludeCycleStrategy, IncludeExcludeSelectionModel } from './include-exclude-selection-model';
+import * as i0 from "@angular/core";
+/**
+ * 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 selectionModel: IncludeExcludeSelectionModel;
+    readonly vcr: ViewContainerRef;
+    private readonly destroyRef;
+    /***************************************************************************
+     *                                                                         *
+     * Fields                                                                  *
+     *                                                                         *
+     **************************************************************************/
+    private readonly log;
+    private readonly chipStyleResolver;
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    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 resolveAvatarIcon;
+    private handleChipClick;
+    private refreshChips;
+    private ensureChipsNoChanges;
+    private findFilterEntityByEntity;
+    private findFilterEntityById;
+    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

@@ -0,0 +1,27 @@
+import { TemplateRef } from '@angular/core';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class ElderFilterChipTemplateComponent {
+    /***************************************************************************
+     *                                                                         *
+     * Fields                                                                  *
+     *                                                                         *
+     **************************************************************************/
+    private _avatarRef$;
+    avatarResolverFn: import("@angular/core").InputSignal<(id: string) => string>;
+    /***************************************************************************
+     *                                                                         *
+     * Properties                                                              *
+     *                                                                         *
+     **************************************************************************/
+    set avatarRef(avatarRef: TemplateRef<any>);
+    get avatarRef$(): Observable<TemplateRef<any>>;
+    /***************************************************************************
+     *                                                                         *
+     * Public API                                                              *
+     *                                                                         *
+     **************************************************************************/
+    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

@@ -0,0 +1,64 @@
+import { Observable } from 'rxjs';
+export declare class IncludeExcludeState {
+    readonly id: string;
+    mode: IncludeExcludeValue;
+    constructor(id: string, mode: IncludeExcludeValue);
+}
+export declare enum IncludeExcludeValue {
+    NEUTRAL = "NEUTRAL",
+    INCLUDE = "INCLUDE",
+    EXCLUDE = "EXCLUDE"
+}
+export type IncludeExcludeCycleStrategy = 'TOGGLE' | 'FULL_CYCLE';
+export declare class IncludeExcludeSelectionModel {
+    /***************************************************************************
+     *                                                                         *
+     * Fields                                                                  *
+     *                                                                         *
+     **************************************************************************/
+    private readonly log;
+    private _strategy;
+    private _defaultInitialValue;
+    private readonly stateById$;
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    constructor(strategy: IncludeExcludeCycleStrategy);
+    /***************************************************************************
+     *                                                                         *
+     * Properties                                                              *
+     *                                                                         *
+     **************************************************************************/
+    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[], initialValueOverride?: IncludeExcludeValue): void;
+    clear(): void;
+    replaceSelection(newStates: IncludeExcludeState[]): void;
+    updateState(id: string, mode: IncludeExcludeValue): IncludeExcludeState;
+    updateStates(newStates: IncludeExcludeState[]): void;
+    isInMode(id: string, mode: IncludeExcludeValue): boolean;
+    findStateById(searchedId: string): IncludeExcludeState | null;
+    /***************************************************************************
+     *                                                                         *
+     * Private methods                                                         *
+     *                                                                         *
+     **************************************************************************/
+    private nextValueByStrategy;
+    private nextValueToggle;
+    private nextValueFullCycle;
+    private toStateMap;
+}

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

@@ -9,7 +9,7 @@ import { IDataContext } from '../../../../common/data/data-context/data-context'
 import { SelectOptionChipSpec } from './select-option-chip-spec';
 import { MatChipListbox, MatChipSelectionChange } from '@angular/material/chips';
 import { BooleanInput } from '@angular/cdk/coercion';
-import ChipOptionsProvider, { ChipOptionModel } from './chip-options-provider';
+import { ChipOptionModel } from './chip-options-provider';
 import * as i0 from "@angular/core";
 interface TemplateWrapper {
     chip: TemplateRef<any>;
@@ -27,7 +27,6 @@ export declare class ElderMultiSelectChipOptionsComponent<TId = any, TEntity = a
     private readonly context$;
     private readonly chipTemplate$;
     private readonly chipAvatarTemplate$;
-    readonly optionsProvider$: Observable<ChipOptionsProvider<TId, TEntity>>;
     readonly selectChips$: Observable<ChipOptionModel<TEntity>[]>;
     defaultChipSpec: SelectOptionChipSpec;
     _chipSpecFn$: BehaviorSubject<(e: TEntity) => SelectOptionChipSpec>;

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

@@ -0,0 +1,78 @@
+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";
+/**
+ * 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 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                                                              *
+     *                                                                         *
+     **************************************************************************/
+    /**
+     * (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;
+    /***************************************************************************
+     *                                                                         *
+     * Public API                                                              *
+     *                                                                         *
+     **************************************************************************/
+    applyFilters(filters: Filter[]): void;
+    reset(): void;
+    /***************************************************************************
+     *                                                                         *
+     * Private methods                                                         *
+     *                                                                         *
+     **************************************************************************/
+    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/lib/components/select/single/elder-select/elder-select.component.d.ts

@@ -119,7 +119,6 @@ export declare class ElderSelectComponent<TEntity = any, TId = any, TValue = TEn
     onOptionSelected(optionSelected: ElderAutocompleteOptionSelected<TEntity, TId>): void;
     openSelectionPopup(event: Event): void;
     clear(event?: Event): void;
-    forceReloadFirst(): void;
     updateValueByEntity(entity: TEntity): void;
     focus(options?: FocusOptions): void;
     blur(): void;

package/package.json

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

package/src/lib/components/button-group/elder-button-group/elder-button-group.component.scss

@@ -10,7 +10,7 @@
   .elder-button-group {
     button {
       padding: 0 8px 0 8px;
-      border: 1px solid mat.get-color-from-palette($foreground, divider);
+      border: 1px solid mat.m2-get-color-from-palette($foreground, divider);
     }
 
     button:not(:first-child):not(:last-child) {

package/src/lib/components/card-organizer/card-stack/elder-card-stack.component.scss

@@ -9,13 +9,13 @@
   $foreground: map-get($theme, foreground);
 
   .card-stack {
-    background-color: mat.get-color-from-palette($background, background);
+    background-color: mat.m2-get-color-from-palette($background, background);
     border-radius: 4px;
-    border: 1px solid mat.get-color-from-palette($foreground, divider);
+    border: 1px solid mat.m2-get-color-from-palette($foreground, divider);
   }
 
   .card-list.cdk-drop-list-dragging {
-    border: 2px dashed mat.get-color-from-palette($primary, default, 0.5);
+    border: 2px dashed mat.m2-get-color-from-palette($primary, default, 0.5);
   }
 }
 

package/src/lib/components/cards/elder-card/elder-card.component.scss

@@ -9,12 +9,12 @@
   $foreground: map-get($theme, foreground);
 
   .elder-card-title {
-    color: mat.get-color-from-palette($accent, default, 1);
+    color: mat.m2-get-color-from-palette($accent, default, 1);
     font-weight: 500!important;
   }
 
   .elder-card-subtitle {
-    color: mat.get-color-from-palette($primary, default, 1);
+    color: mat.m2-get-color-from-palette($primary, default, 1);
   }
 }
 

package/src/lib/components/chips/_elder-chip-theme.scss

@@ -29,20 +29,20 @@ $level-critical: rgb(255, 0, 0);
 
 @mixin _theme_color_chip($colorPalette){
   &.legacy {
-    background-color: mat.get-color-from-palette($colorPalette, default);
+    background-color: mat.m2-get-color-from-palette($colorPalette, default);
     .mat-mdc-chip-action-label,
     .mat-mdc-chip-avatar,
     .mdc-evolution-chip__checkmark {
-      color: mat.get-color-from-palette($colorPalette, default-contrast);
+      color: mat.m2-get-color-from-palette($colorPalette, default-contrast);
     }
   }
   &.md3 { // label chip
-    background-color: mat.get-color-from-palette($colorPalette, default, 0.2);
-    border-color: mat.get-color-from-palette($colorPalette);
+    background-color: mat.m2-get-color-from-palette($colorPalette, default, 0.2);
+    border-color: mat.m2-get-color-from-palette($colorPalette);
     .mat-mdc-chip-action-label,
     .mat-mdc-chip-avatar,
     .mdc-evolution-chip__checkmark {
-      color: mat.get-color-from-palette($colorPalette);
+      color: mat.m2-get-color-from-palette($colorPalette);
     }
   }
 }
@@ -53,7 +53,7 @@ $level-critical: rgb(255, 0, 0);
   $accent: map-get($config-or-theme, accent);
   $warn: map-get($config-or-theme, warn);
 
-  $color-config: mat.get-color-config($config-or-theme);
+  $color-config: mat.m2-get-color-config($config-or-theme);
   $is-dark-theme: map.get($color-config, is-dark);
 
   .mat-mdc-chip.elder-chip-label {

package/src/lib/components/data-view/grid/elder-grid/elder-grid.component.scss

@@ -11,13 +11,13 @@ $elder-tile-padding: 8px;
 
   .elder-grid-container {
     border-radius: 4px;
-    background-color: mat.get-color-from-palette($background, card);
+    background-color: mat.m2-get-color-from-palette($background, card);
   }
 
   .elder-grid-browser { }
 
   .elder-grid-flat {
-    border: 1px solid mat.get-color-from-palette($foreground, divider);
+    border: 1px solid mat.m2-get-color-from-palette($foreground, divider);
   }
 
   .elder-grid-toolbar {
@@ -36,7 +36,7 @@ $elder-tile-padding: 8px;
     width: 100%;
     height: 100%;
     cursor: pointer;
-    background-color: rgba(mat.get-color-from-palette($background, unselected-chip), 0.34); // default background
+    background-color: rgba(mat.m2-get-color-from-palette($background, unselected-chip), 0.34); // default background
     text-align: left;
     transition:
       box-shadow 200ms cubic-bezier(0, 0, 0.2, 1),
@@ -44,7 +44,7 @@ $elder-tile-padding: 8px;
   }
 
   .elder-grid-tile:hover {
-    border-color: rgba(mat.get-color-from-palette($primary), 0.75);
+    border-color: rgba(mat.m2-get-color-from-palette($primary), 0.75);
   }
 
   .elder-grid-tile-content:hover .elder-grid-tile-overlay{
@@ -63,19 +63,19 @@ $elder-tile-padding: 8px;
   .elder-grid-tile-check {
     pointer-events: auto;
     mat-icon {
-      color: mat.get-color-from-palette($foreground, divider);
-      background-color: mat.get-color-from-palette($background, card);
+      color: mat.m2-get-color-from-palette($foreground, divider);
+      background-color: mat.m2-get-color-from-palette($background, card);
       border-radius: 12px;
     }
 
     mat-icon.elder-selected {
-      color: mat.get-color-from-palette($accent);
+      color: mat.m2-get-color-from-palette($accent);
     }
   }
 
   .elder-grid-tile-check:hover {
     mat-icon {
-      color: mat.get-color-from-palette($primary);
+      color: mat.m2-get-color-from-palette($primary);
     }
   }
 

package/src/lib/components/data-view/table/elder-table/elder-table.component.scss

@@ -8,7 +8,7 @@
   $foreground: map-get($theme, foreground);
 
   .elder-table-row:hover {
-    background-color: mat.get-color-from-palette($background, hover);
+    background-color: mat.m2-get-color-from-palette($background, hover);
     cursor: pointer;
   }
 
@@ -18,22 +18,22 @@
     outline-style: none;
     td {
       // border-top: 1px solid mat.get-color-from-palette($accent, default);
-      background-color: mat.get-color-from-palette($accent, default, 0.30);
-      border-bottom: 1px solid mat.get-color-from-palette($accent, default);
+      background-color: mat.m2-get-color-from-palette($accent, default, 0.30);
+      border-bottom: 1px solid mat.m2-get-color-from-palette($accent, default);
     }
 
   }
 
   .elder-table-row-activated {
-    background-color: mat.get-color-from-palette($accent, default, 0.20);
+    background-color: mat.m2-get-color-from-palette($accent, default, 0.20);
   }
 
   .elder-table-row-selected {
-    background-color: mat.get-color-from-palette($primary, default, 0.10);
+    background-color: mat.m2-get-color-from-palette($primary, default, 0.10);
   }
 
   .elder-mat-table-flat {
-    border: 1px solid mat.get-color-from-palette($foreground, divider);
+    border: 1px solid mat.m2-get-color-from-palette($foreground, divider);
   }
 
 

package/src/lib/components/errors/exception-detail/elder-exception-detail.component.scss

@@ -14,7 +14,7 @@
         overflow-x: scroll;
 
         @if(map-get($theme, is-dark)) {
-          background-color: mat.get-color-from-palette($elder-gold, 700);
+          background-color: mat.m2-get-color-from-palette($elder-gold, 700);
           color: $dark-primary-text;
       }
         @else {

package/src/lib/components/expand-toggle-button/elder-expand-toggle-button.component.scss

@@ -8,7 +8,7 @@
   $foreground: map-get($theme, foreground);
 
   .toggle-button:hover {
-    background-color: mat.get-color-from-palette($accent, default, 0.1);
+    background-color: mat.m2-get-color-from-palette($accent, default, 0.1);
     cursor: pointer;
   }