@elderbyte/ngx-starter 16.1.0 → 16.2.1

package/lib/common/data/filters/filter-context.d.ts

@@ -1,5 +1,5 @@
 import { Filter } from './filter';
-import { Observable } from 'rxjs';
+import { Observable } from "rxjs";
 export declare class FilterContext {
     /***************************************************************************
      *                                                                         *
@@ -19,6 +19,7 @@ export declare class FilterContext {
      * @param updatedFilters
      */
     static updateFilters(filters: Filter[], updatedFilters: Filter[]): Filter[];
+    static of(filters: Filter[]): Promise<FilterContext>;
     /***************************************************************************
      *                                                                         *
      * Read API                                                                *

package/lib/components/forms/directives/elder-initial-value.directive.d.ts

@@ -0,0 +1,21 @@
+import { OnDestroy } from '@angular/core';
+import { NgModel } from '@angular/forms';
+import * as i0 from "@angular/core";
+/**
+ * Search name adapter for input controls.
+ */
+export declare class ElderInitialValueDirective implements OnDestroy {
+    private ngModel;
+    private newValue$;
+    private initialValue;
+    private readonly unsubscribe$;
+    private readonly initialDone$;
+    private isInitial;
+    constructor(ngModel: NgModel);
+    get valueChanges$(): import("rxjs").Observable<any>;
+    setInitialValue(value: any): void;
+    ngOnDestroy(): void;
+    private filterInitialValue;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderInitialValueDirective, [{ host: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderInitialValueDirective, "[elderInitialValue]", ["elderInitialValue"], {}, {}, never, never, false, never>;
+}

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

@@ -0,0 +1,42 @@
+import { AfterViewInit, OnDestroy } from "@angular/core";
+import { ElderSearchUrlBindingService } from "./search-box/elder-search-url-binding.service";
+import { ElderSearchContextDirective } from "./elder-search-context.directive";
+import * as i0 from "@angular/core";
+/**
+ * The search container manages a group of search-inputs
+ * and holds their values in a central search model.
+ */
+export declare class ElderSearchContextUrlBindingDirective implements AfterViewInit, OnDestroy {
+    private searchContext;
+    private urlBindingService;
+    /***************************************************************************
+     *                                                                         *
+     * Fields                                                                  *
+     *                                                                         *
+     **************************************************************************/
+    private readonly log;
+    private readonly _unsubscribe$;
+    private _urlBinding;
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    constructor(searchContext: ElderSearchContextDirective, urlBindingService: ElderSearchUrlBindingService);
+    /***************************************************************************
+     *                                                                         *
+     * Life Cycle                                                              *
+     *                                                                         *
+     **************************************************************************/
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    /***************************************************************************
+     *                                                                         *
+     * Properties                                                              *
+     *                                                                         *
+     **************************************************************************/
+    set elderSearchContextUrlBinding(value: string);
+    get elderSearchContextUrlBinding(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderSearchContextUrlBindingDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderSearchContextUrlBindingDirective, "[elderSearchContextUrlBinding]", ["elderSearchContextUrlBinding"], { "elderSearchContextUrlBinding": { "alias": "elderSearchContextUrlBinding"; "required": false; }; }, {}, never, never, false, never>;
+}

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

@@ -1,15 +1,17 @@
-import { AfterViewInit, OnDestroy } from '@angular/core';
-import { Observable } from 'rxjs/internal/Observable';
-import { SearchInput } from './model/search-input';
-import { Filter } from '../../../common/data/filters/filter';
-import { FilterContext } from '../../../common/data/filters/filter-context';
-import { SearchInputState } from './model/search-input-state';
+import { AfterViewInit, OnDestroy, QueryList } from "@angular/core";
+import { Observable } from "rxjs/internal/Observable";
+import { SearchInput } from "./model/search-input";
+import { Filter } from "../../../common/data/filters/filter";
+import { FilterContext } from "../../../common/data/filters/filter-context";
+import { SearchInputState } from "./model/search-input-state";
+import { ElderSearchInputDirective } from "./elder-search-input.directive";
 import * as i0 from "@angular/core";
 /**
  * The search container manages a group of search-inputs
  * and holds their values in a central search model.
  */
 export declare class ElderSearchContextDirective implements AfterViewInit, OnDestroy {
+    searchInputs: QueryList<ElderSearchInputDirective>;
     /***************************************************************************
      *                                                                         *
      * Fields                                                                  *
@@ -17,10 +19,11 @@ export declare class ElderSearchContextDirective implements AfterViewInit, OnDes
      **************************************************************************/
     private forcedFilters$;
     private readonly log;
-    private readonly unsubscribe$;
+    private readonly _unsubscribe$;
     private readonly _searchInputs;
     private readonly _searchStates;
-    private readonly _filters;
+    private readonly _filters$;
+    private readonly _initialFilters$;
     private _filterContext;
     /***************************************************************************
      *                                                                         *
@@ -56,16 +59,14 @@ export declare class ElderSearchContextDirective implements AfterViewInit, OnDes
      * Returns the current active filters
      */
     get filters$(): Observable<Filter[]>;
+    get initialFilters$(): Observable<Filter[]>;
     get filtersSnapshot(): Filter[];
     /***************************************************************************
      *                                                                         *
      * Public API                                                              *
      *                                                                         *
      **************************************************************************/
-    /**
-     * Register a new search name in this container
-     */
-    register(searchInput: SearchInput): void;
+    registerInitialFilters(filters: Filter[]): void;
     reset(): void;
     /***************************************************************************
      *                                                                         *
@@ -75,5 +76,5 @@ export declare class ElderSearchContextDirective implements AfterViewInit, OnDes
     private convertToFilters;
     private applyFilters;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderSearchContextDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderSearchContextDirective, "[elderSearchContext]", ["elderSearchContext"], { "filterContext": { "alias": "elderSearchContext"; "required": false; }; "forcedFilters": { "alias": "forcedFilters"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderSearchContextDirective, "[elderSearchContext]", ["elderSearchContext"], { "filterContext": { "alias": "elderSearchContext"; "required": false; }; "forcedFilters": { "alias": "forcedFilters"; "required": false; }; }, {}, ["searchInputs"], never, false, never>;
 }

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

@@ -1,16 +1,21 @@
-import { AfterViewInit, OnDestroy } from '@angular/core';
-import { ElderSearchContextDirective } from './elder-search-context.directive';
-import { Observable } from 'rxjs/internal/Observable';
-import { NgModel } from '@angular/forms';
-import { SearchInput } from './model/search-input';
-import { SearchInputState } from './model/search-input-state';
+import { AfterViewInit, ChangeDetectorRef, OnDestroy } from "@angular/core";
+import { ElderSearchContextDirective } from "./elder-search-context.directive";
+import { Observable } from "rxjs/internal/Observable";
+import { NgModel } from "@angular/forms";
+import { SearchInput } from "./model/search-input";
+import { SearchInputState } from "./model/search-input-state";
+import { Filter } from "../../../common/data/filters/filter";
+import { LocalPagedDataSource } from "../../../common/data/datasource/local/local-paged-data-source";
+import { BooleanInput } from "@angular/cdk/coercion";
 import * as i0 from "@angular/core";
 /**
  * Search name adapter for input controls.
  */
 export declare class ElderSearchInputDirective implements OnDestroy, AfterViewInit, SearchInput {
     private searchContext;
+    private changeDetection;
     private ngModel;
+    private readonly initialValueDirective;
     /***************************************************************************
      *                                                                         *
      * Fields                                                                  *
@@ -29,23 +34,25 @@ export declare class ElderSearchInputDirective implements OnDestroy, AfterViewIn
      *  value = "type.id"
      */
     resolvePath: string;
+    dataSource: LocalPagedDataSource<any>;
     /**
      * (Optional) Use this value for the query if none is provided.
      */
     fallbackValue: string | string[];
+    valueAsId: BooleanInput;
     private readonly _state;
     private _extractedName;
-    private readonly destroy$;
+    private readonly _unsubscribe$;
     private readonly log;
     /***************************************************************************
      *                                                                         *
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
-    constructor(searchContext: ElderSearchContextDirective, ngModel: NgModel);
+    constructor(searchContext: ElderSearchContextDirective, changeDetection: ChangeDetectorRef, ngModel: NgModel);
     /***************************************************************************
      *                                                                         *
-     * Life Cycle                                                             *
+     * Life Cycle                                                              *
      *                                                                         *
      **************************************************************************/
     ngAfterViewInit(): void;
@@ -66,20 +73,26 @@ export declare class ElderSearchInputDirective implements OnDestroy, AfterViewIn
      * Public API                                                              *
      *                                                                         *
      **************************************************************************/
+    setInitialFilter(filters: Filter[]): void;
     reset(): void;
     /***************************************************************************
      *                                                                         *
      * Private methods                                                         *
      *                                                                         *
      **************************************************************************/
+    private findFilterForThisInput;
     private stateObservable;
+    private convertQueryStringToRawModelValue;
     private convertRawModelValueToQueryString;
-    private emitState;
+    emitState(state: SearchInputState): void;
+    private checkAndConvertFaultyValuesToNull;
+    private convertEmptyArrayToNull;
+    private convertEmptyStringToNull;
     private isAttributeValuePresent;
     private resolveValue;
     private resolveSingleValue;
     private extractName;
     private concatIfNecessary;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ElderSearchInputDirective, [null, { host: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderSearchInputDirective, "[elderSearchInput]", ["elderSearchInput"], { "queryKey": { "alias": "elderSearchInputKey"; "required": false; }; "valueTransform": { "alias": "elderSearchInputTransform"; "required": false; }; "resolvePath": { "alias": "elderSearchInput"; "required": false; }; "fallbackValue": { "alias": "elderSearchInputFallback"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderSearchInputDirective, [null, null, { host: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderSearchInputDirective, "[elderSearchInput]", ["elderSearchInput"], { "queryKey": { "alias": "elderSearchInputKey"; "required": false; }; "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; }; }, {}, never, never, false, never>;
 }

package/lib/components/forms/search/elder-search.module.d.ts

@@ -1,25 +1,28 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./elder-search-context.directive";
-import * as i2 from "./elder-search-input.directive";
-import * as i3 from "./search-box/elder-search-box.component";
-import * as i4 from "./search-box/elder-search-panel.component";
-import * as i5 from "@angular/common";
-import * as i6 from "@angular/forms";
-import * as i7 from "@angular/material/input";
-import * as i8 from "@angular/material/button";
-import * as i9 from "@angular/material/icon";
-import * as i10 from "@angular/material/badge";
-import * as i11 from "@angular/cdk/a11y";
-import * as i12 from "../../overlays/elder-overlay.module";
-import * as i13 from "../../panels/elder-panel.module";
-import * as i14 from "../directives/elder-forms-directives.module";
-import * as i15 from "@ngx-translate/core";
-export { ElderSearchContextDirective } from './elder-search-context.directive';
-export { ElderSearchInputDirective } from './elder-search-input.directive';
-export { ElderSearchBoxComponent } from './search-box/elder-search-box.component';
-export { ElderSearchPanelComponent } from './search-box/elder-search-panel.component';
+import * as i2 from "./elder-search-context-url-binding.directive";
+import * as i3 from "./elder-search-input.directive";
+import * as i4 from "../directives/elder-initial-value.directive";
+import * as i5 from "./search-box/elder-search-box.component";
+import * as i6 from "./search-box/elder-search-panel.component";
+import * as i7 from "@angular/common";
+import * as i8 from "@angular/forms";
+import * as i9 from "@angular/material/input";
+import * as i10 from "@angular/material/button";
+import * as i11 from "@angular/material/icon";
+import * as i12 from "@angular/material/badge";
+import * as i13 from "@angular/cdk/a11y";
+import * as i14 from "../../overlays/elder-overlay.module";
+import * as i15 from "../../panels/elder-panel.module";
+import * as i16 from "../directives/elder-forms-directives.module";
+import * as i17 from "@ngx-translate/core";
+export { ElderSearchContextDirective } from "./elder-search-context.directive";
+export { ElderSearchContextUrlBindingDirective } from "./elder-search-context-url-binding.directive";
+export { ElderSearchInputDirective } from "./elder-search-input.directive";
+export { ElderSearchBoxComponent } from "./search-box/elder-search-box.component";
+export { ElderSearchPanelComponent } from "./search-box/elder-search-panel.component";
 export declare class ElderSearchModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderSearchModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ElderSearchModule, [typeof i1.ElderSearchContextDirective, typeof i2.ElderSearchInputDirective, typeof i3.ElderSearchBoxComponent, typeof i4.ElderSearchPanelComponent], [typeof i5.CommonModule, typeof i6.FormsModule, typeof i7.MatInputModule, typeof i8.MatButtonModule, typeof i9.MatIconModule, typeof i10.MatBadgeModule, typeof i11.A11yModule, typeof i12.ElderOverlayModule, typeof i13.ElderPanelModule, typeof i14.ElderFormsDirectivesModule, typeof i15.TranslateModule], [typeof i1.ElderSearchContextDirective, typeof i2.ElderSearchInputDirective, typeof i3.ElderSearchBoxComponent, typeof i4.ElderSearchPanelComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ElderSearchModule, [typeof i1.ElderSearchContextDirective, typeof i2.ElderSearchContextUrlBindingDirective, typeof i3.ElderSearchInputDirective, typeof i4.ElderInitialValueDirective, typeof i5.ElderSearchBoxComponent, typeof i6.ElderSearchPanelComponent], [typeof i7.CommonModule, typeof i8.FormsModule, typeof i9.MatInputModule, typeof i10.MatButtonModule, typeof i11.MatIconModule, typeof i12.MatBadgeModule, typeof i13.A11yModule, typeof i14.ElderOverlayModule, typeof i15.ElderPanelModule, typeof i16.ElderFormsDirectivesModule, typeof i17.TranslateModule], [typeof i1.ElderSearchContextDirective, typeof i2.ElderSearchContextUrlBindingDirective, typeof i3.ElderSearchInputDirective, typeof i5.ElderSearchBoxComponent, typeof i6.ElderSearchPanelComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ElderSearchModule>;
 }

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

@@ -0,0 +1,7 @@
+import { Filter } from "../../../../common/data/filters/filter";
+export declare class ElderSearchContextFilters {
+    readonly searchContextId: string;
+    readonly filters: Map<string, Filter>;
+    static empty(searchContextId: string): ElderSearchContextFilters;
+    constructor(searchContextId: string, filters: Map<string, Filter>);
+}

package/lib/components/forms/search/search-box/elder-search-url-binding.service.d.ts

@@ -0,0 +1,38 @@
+import { OnDestroy } from "@angular/core";
+import { ActivatedRoute, Router } from "@angular/router";
+import { ElderSearchContextFilters } from "./elder-search-context-filters";
+import { Filter } from "../../../../common/data/filters/filter";
+import { BehaviorSubject } from "rxjs/internal/BehaviorSubject";
+import * as i0 from "@angular/core";
+export interface FilterParamData {
+    searchContextId: string;
+    filterId: string;
+    isArray: boolean;
+}
+export declare class ElderSearchUrlBindingService implements OnDestroy {
+    private router;
+    private route;
+    private _searchMap$;
+    private _initialSearchMap$;
+    private readonly searchParamPrefix;
+    private unsubscribe$;
+    constructor(router: Router, route: ActivatedRoute);
+    private resetSearchParams;
+    private buildQueryParams;
+    private convertValueToArrayOrSingleValue;
+    get initialSearchMap$(): BehaviorSubject<Map<string, ElderSearchContextFilters>>;
+    updateFiltersForContext(searchContextId: string, filters: Filter[]): void;
+    private handleSearchParameters;
+    private extractSearchParameters;
+    private buildSearchContextMap;
+    private checkAndSetFilter;
+    private setFilter;
+    private extractFilterParam;
+    private checkIfParamIsArray;
+    private convertFilterStringToFilter;
+    private isSingularArrayValue;
+    private convertValueToArray;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderSearchUrlBindingService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ElderSearchUrlBindingService>;
+}

package/package.json

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

package/src/lib/components/select/single/elder-select/elder-select.component.scss

@@ -22,6 +22,7 @@
 
   .elder-select-input {
     height: $line-height-em;
+    font: inherit;
   }
 
   .elder-select-arrow {