@elderbyte/ngx-starter 19.12.0 → 19.13.0

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

@@ -1,8 +1,8 @@
 import { Observable } from 'rxjs';
-export declare class IncludeExcludeState {
-    readonly id: string;
+export declare class IncludeExcludeState<TId = string> {
+    readonly id: TId;
     mode: IncludeExcludeValue;
-    constructor(id: string, mode: IncludeExcludeValue);
+    constructor(id: TId, mode: IncludeExcludeValue);
 }
 export declare enum IncludeExcludeValue {
     NEUTRAL = "NEUTRAL",
@@ -10,7 +10,7 @@ export declare enum IncludeExcludeValue {
     EXCLUDE = "EXCLUDE"
 }
 export type IncludeExcludeCycleStrategy = 'TOGGLE' | 'FULL_CYCLE';
-export declare class IncludeExcludeSelectionModel {
+export declare class IncludeExcludeSelectionModel<TId = string> {
     /***************************************************************************
      *                                                                         *
      * Fields                                                                  *
@@ -19,7 +19,7 @@ export declare class IncludeExcludeSelectionModel {
     private readonly log;
     private _strategy;
     private _defaultInitialValue;
-    private readonly stateById$;
+    private readonly _stateById$;
     /***************************************************************************
      *                                                                         *
      * Constructor                                                             *
@@ -31,8 +31,8 @@ export declare class IncludeExcludeSelectionModel {
      * Properties                                                              *
      *                                                                         *
      **************************************************************************/
-    get selection(): IncludeExcludeState[];
-    get selection$(): Observable<IncludeExcludeState[]>;
+    get selection(): IncludeExcludeState<TId>[];
+    get selection$(): Observable<IncludeExcludeState<TId>[]>;
     get strategy(): IncludeExcludeCycleStrategy;
     set strategy(strategy: IncludeExcludeCycleStrategy);
     get defaultInitialValue(): IncludeExcludeValue;
@@ -42,16 +42,18 @@ export declare class IncludeExcludeSelectionModel {
      * Public API                                                              *
      *                                                                         *
      **************************************************************************/
-    findIncluded(): string[];
-    findExcluded(): string[];
-    cycleExisting(id: string): IncludeExcludeState | null;
-    initTo(ids: string[], initialValueOverride?: IncludeExcludeValue): void;
+    findIncluded(): TId[];
+    findExcluded(): TId[];
+    cycleExisting(id: TId): IncludeExcludeState<TId> | null;
+    initTo(ids: TId[], initialValueOverride?: IncludeExcludeValue): void;
+    resetAllTo(initialValueOverride?: IncludeExcludeValue): void;
+    resetTo(ids: TId[], resetValue: IncludeExcludeValue | undefined): 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;
+    replaceSelection(newStates: IncludeExcludeState<TId>[]): void;
+    updateState(id: TId, mode: IncludeExcludeValue): IncludeExcludeState<TId>;
+    updateStates(newStates: IncludeExcludeState<TId>[]): void;
+    isInMode(id: TId, mode: IncludeExcludeValue): boolean;
+    findStateById(searchedId: TId): IncludeExcludeState<TId> | null;
     /***************************************************************************
      *                                                                         *
      * Private methods                                                         *
@@ -61,4 +63,5 @@ export declare class IncludeExcludeSelectionModel {
     private nextValueToggle;
     private nextValueFullCycle;
     private toStateMap;
+    private replaceStateMap;
 }

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

@@ -3,6 +3,7 @@ import { IDataContext } from '../../../common/data/data-context/data-context';
 import { Observable } from 'rxjs';
 import { IElderMultiEntityValueAccessor } from '../../../common/forms/elder-multi-entity-value-accessor';
 import { Sort } from '../../../common/data/sort';
+import { EntitiesChangeEvent } from '../../../common/forms/entities-change-event';
 import * as i0 from "@angular/core";
 /**
  * Base component implementation of elder-multi-select.
@@ -22,6 +23,7 @@ export declare abstract class ElderMultiSelectBase<TId, TEntity, TValue> extends
     private readonly logger;
     private readonly _entityIds$;
     private readonly _entities$;
+    private readonly dialogService;
     /**
      * Defines how the entities should be sorted locally.
      * This affects how entities are displayed when more than
@@ -33,26 +35,29 @@ export declare abstract class ElderMultiSelectBase<TId, TEntity, TValue> extends
      * the user will be prompted to confirm.
      */
     confirmRemoval: boolean;
-    readonly entityIdsChange: Observable<TId[]>;
-    readonly entitiesChange: Observable<TEntity[]>;
+    readonly entitiesChangeEvent: Observable<EntitiesChangeEvent<TId, TEntity>>;
     /**
-     * Similar to entity-id change, but emits only when the user
-     * has updated the value.
+     * @deprecated Switch to entitiesChangeEvent
      */
-    readonly entityIdsUpdated: Observable<TId[]>;
+    readonly entitiesChange: Observable<TEntity[]>;
     /**
-     * Similar to entity change, but emits only when the user
-     * has updated the value.
+     * @deprecated Switch to entitiesChangeEvent (filter by userInitiated)
      */
     readonly entitiesUpdated: Observable<TEntity[]>;
-    private readonly dialogService;
+    /**
+     * @deprecated Switch to entitiesChangeEvent
+     */
+    readonly entityIdsChange: Observable<TId[]>;
+    /**
+     * @deprecated Switch to entitiesChangeEvent (filter by userInitiated)
+     */
+    readonly entityIdsUpdated: Observable<TId[]>;
     /***************************************************************************
      *                                                                         *
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
     protected constructor(controlType: string);
-    private awaitEntitiesWithId;
     /***************************************************************************
      *                                                                         *
      * Host Bindings                                                           *
@@ -107,6 +112,10 @@ export declare abstract class ElderMultiSelectBase<TId, TEntity, TValue> extends
      * Private Methods                                                         *
      *                                                                         *
      **************************************************************************/
+    private buildEntitiesChangeEvent;
+    private awaitEntitiesWithIdToMap;
+    private toEntityByIdMap;
+    private containsAllIds;
     private isAlreadyPresent;
     private entityIdsFromValues;
     private entityIdFromValue;
@@ -123,5 +132,5 @@ export declare abstract class ElderMultiSelectBase<TId, TEntity, TValue> extends
     private writeEntitiesSorted;
     private sortEntities;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderMultiSelectBase<any, any, any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderMultiSelectBase<any, any, any>, never, never, { "entitiesSorts": { "alias": "entitiesSorts"; "required": false; }; "confirmRemoval": { "alias": "confirmRemoval"; "required": false; }; "entities": { "alias": "entities"; "required": false; }; "entityIds": { "alias": "entityIds"; "required": false; }; }, { "entityIdsChange": "entityIdsChange"; "entitiesChange": "entitiesChange"; "entityIdsUpdated": "entityIdsUpdated"; "entitiesUpdated": "entitiesUpdated"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderMultiSelectBase<any, any, any>, never, never, { "entitiesSorts": { "alias": "entitiesSorts"; "required": false; }; "confirmRemoval": { "alias": "confirmRemoval"; "required": false; }; "entities": { "alias": "entities"; "required": false; }; "entityIds": { "alias": "entityIds"; "required": false; }; }, { "entitiesChangeEvent": "entitiesChangeEvent"; "entitiesChange": "entitiesChange"; "entitiesUpdated": "entitiesUpdated"; "entityIdsChange": "entityIdsChange"; "entityIdsUpdated": "entityIdsUpdated"; }, never, never, true, never>;
 }

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

@@ -0,0 +1,42 @@
+import { DestroyRef, OnInit } from '@angular/core';
+import { ElderMultiSelectChipsComponent } from './elder-multi-select-chips.component';
+import { IncludeExcludeSelectionModel } from '../../filter/include-exclude-selection-model';
+import * as i0 from "@angular/core";
+export declare class ElderMultiSelectChipsOptionsDirective<TId, TEntity> implements OnInit {
+    private multiSelect;
+    private inclExclModel;
+    destroyRef: DestroyRef;
+    /***************************************************************************
+     *                                                                         *
+     * Fields                                                                  *
+     *                                                                         *
+     **************************************************************************/
+    private readonly log;
+    readonly maxOptions: import("@angular/core").InputSignal<number>;
+    private readonly inControlOfOptions;
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    constructor(multiSelect: ElderMultiSelectChipsComponent<TId, TEntity>, inclExclModel: IncludeExcludeSelectionModel<TEntity> | undefined, destroyRef: DestroyRef);
+    /***************************************************************************
+     *                                                                         *
+     * Life Cycle                                                              *
+     *                                                                         *
+     **************************************************************************/
+    ngOnInit(): void;
+    /***************************************************************************
+     *                                                                         *
+     * Private methods                                                         *
+     *                                                                         *
+     **************************************************************************/
+    private get dataContext$();
+    private autoReloadOnDataChangeEvents;
+    private subscribeToEntities;
+    private applyAllOptions;
+    private isOptionInUse;
+    private startDataContextIfNeeded;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderMultiSelectChipsOptionsDirective<any, any>, [null, { optional: true; }, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderMultiSelectChipsOptionsDirective<any, any>, "elder-multi-select-chips[elderShowOptions]", never, { "maxOptions": { "alias": "maxOptions"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

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

@@ -33,7 +33,8 @@ export declare class ElderMultiSelectChipsComponent<TId = any, TEntity = any, TV
      */
     chipSpecFn: (e: TEntity) => SelectChipSpec;
     selectable: boolean;
-    allowRemove: boolean;
+    readonly allowRemoveInput: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
+    readonly allowRemove: import("@angular/core").WritableSignal<boolean>;
     allowSorting: boolean;
     stacked: boolean;
     maxDisplayCount: number;
@@ -89,6 +90,6 @@ export declare class ElderMultiSelectChipsComponent<TId = any, TEntity = any, TV
     private reduceDisplayedChips;
     private buildIndicatorChip;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderMultiSelectChipsComponent<any, any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElderMultiSelectChipsComponent<any, any, any>, "elder-multi-select-chips", never, { "defaultChipSpec": { "alias": "defaultChipSpec"; "required": false; }; "chipSpecFn": { "alias": "chipSpecFn"; "required": false; }; "allowRemove": { "alias": "allowRemove"; "required": false; }; "allowSorting": { "alias": "allowSorting"; "required": false; }; "stacked": { "alias": "stacked"; "required": false; }; "maxDisplayCount": { "alias": "maxDisplayCount"; "required": false; }; "chipTemplate": { "alias": "chipTemplate"; "required": false; }; "chipAvatarTemplate": { "alias": "chipAvatarTemplate"; "required": false; }; "customInputTemplate": { "alias": "customInputTemplate"; "required": false; }; }, {}, ["_customChipInput", "chipTemplateQuery", "chipAvatarTemplateQuery", "customInputTemplateQuery"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderMultiSelectChipsComponent<any, any, any>, "elder-multi-select-chips", never, { "defaultChipSpec": { "alias": "defaultChipSpec"; "required": false; }; "chipSpecFn": { "alias": "chipSpecFn"; "required": false; }; "allowRemoveInput": { "alias": "allowRemove"; "required": false; "isSignal": true; }; "allowSorting": { "alias": "allowSorting"; "required": false; }; "stacked": { "alias": "stacked"; "required": false; }; "maxDisplayCount": { "alias": "maxDisplayCount"; "required": false; }; "chipTemplate": { "alias": "chipTemplate"; "required": false; }; "chipAvatarTemplate": { "alias": "chipAvatarTemplate"; "required": false; }; "customInputTemplate": { "alias": "customInputTemplate"; "required": false; }; }, {}, ["_customChipInput", "chipTemplateQuery", "chipAvatarTemplateQuery", "customInputTemplateQuery"], never, true, never>;
 }
 export {};

package/lib/components/select/multi/public_api.d.ts

@@ -1,4 +1,5 @@
 export * from './elder-multi-select-base';
 export * from './elder-multi-select-form-field';
 export * from './elder-multi-select-chips/select-chip-spec';
+export * from './elder-multi-select-chips/elder-multi-select-chips-options.directive';
 export * from './elder-multi-select-chip-options/select-option-chip-spec';

package/lib/components/time/elder-local-date-input/elder-local-date-input.component.d.ts

@@ -5,8 +5,10 @@ import { MatDatepicker, MatDatepickerInputEvent } from '@angular/material/datepi
 import { IsoDateStr } from '../../../common/time/date-util';
 import { BooleanInput } from '@angular/cdk/coercion';
 import { ElderFormFieldControlBase } from '../../../common/forms/elder-form-field-control-base.directive';
+import { SmartLocalDateParserService } from '../smart-local-date-parser.service';
 import * as i0 from "@angular/core";
 export declare class ElderLocalDateInputComponent extends ElderFormFieldControlBase<LocalDate> {
+    private readonly localDateParser;
     /***************************************************************************
      *                                                                         *
      * Fields                                                                  *
@@ -36,7 +38,7 @@ export declare class ElderLocalDateInputComponent extends ElderFormFieldControlB
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
-    constructor();
+    constructor(localDateParser: SmartLocalDateParserService);
     /***************************************************************************
      *                                                                         *
      * Properties                                                              *

package/lib/components/time/elder-toggle-text-input.directive.d.ts

@@ -0,0 +1,34 @@
+import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ElderToggleTextInputDirective {
+    private inputRef;
+    /***************************************************************************
+     *                                                                         *
+     * Fields                                                                  *
+     *                                                                         *
+     **************************************************************************/
+    private originalInputType;
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    constructor(inputRef: ElementRef<HTMLInputElement>);
+    /***************************************************************************
+     *                                                                         *
+     * Host Listener                                                           *
+     *                                                                         *
+     **************************************************************************/
+    onDoubleClick(event: MouseEvent): void;
+    onFocusOut(event: FocusEvent): void;
+    /***************************************************************************
+     *                                                                         *
+     * Private Methods                                                         *
+     *                                                                         *
+     **************************************************************************/
+    private setInputType;
+    private rememberOriginalInputType;
+    private restoreOriginalInputType;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderToggleTextInputDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderToggleTextInputDirective, "input[elderToggleTextInput]", never, {}, {}, never, never, true, never>;
+}

package/lib/components/time/public_api.d.ts

@@ -5,3 +5,4 @@ export * from './duration/iso-duration-str';
 export * from './period/period-bucket';
 export * from './period/period-format';
 export * from './elder-time.module';
+export * from './elder-toggle-text-input.directive';

package/lib/components/time/smart-local-date-parser.service.d.ts

@@ -0,0 +1,9 @@
+import { LocalDate } from '@js-joda/core';
+import * as i0 from "@angular/core";
+export declare class SmartLocalDateParserService {
+    private readonly formatters;
+    constructor();
+    tryParse(dateString: string): LocalDate | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SmartLocalDateParserService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SmartLocalDateParserService>;
+}

package/package.json

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

package/src/assets/i18n/de.json

@@ -92,7 +92,7 @@
 
   "paginator": {
     "itemCountSeparator": "von",
-    "itemsPerPage": "Elemente pro Seite",
+    "itemsPerPage": "",
     "firstPage": "Erste Seite",
     "lastPage": "Letzte Seite",
     "nextPage": "Nächste Seite",

package/theming/components/_elder-table-theme.scss

@@ -43,7 +43,7 @@
       color: gray;
     }
 
-    .elder-table-footer {
+    .elder-table-navigation-bar {
       height: var(--elder-data-element-footer-height);
     }