@elderbyte/ngx-starter 22.7.2 → 22.7.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -3856,7 +3856,11 @@ var DataContextAutoStarter = class extends DataContextLifeCycleBinding {
3856
3856
  }
3857
3857
  subscribe() {
3858
3858
  const startedTrue$ = this._dataContext.isStarted$.pipe(filter$1((t) => t));
3859
- this._subscription = this._autoStartConditionFulfilled$.pipe(takeUntil$1(startedTrue$), tap$1((fulfilled) => this.logger.debug(`Got fulfilled event: ${fulfilled}`)), filter$1((fulfilled) => !!fulfilled), switchMap$1(() => this.awaitFirstNonNull(this._autoStartSpec.initialSort))).subscribe((sorts) => this.startDataContext(sorts));
3859
+ this._subscription = this._autoStartConditionFulfilled$.pipe(takeUntil$1(startedTrue$), tap$1((fulfilled) => this.logger.debug(`Got fulfilled event: ${fulfilled}`)), filter$1((fulfilled) => !!fulfilled), switchMap$1(() => this.lazySorts(this._autoStartSpec.initialSort))).subscribe((sorts) => this.startDataContext(sorts));
3860
+ }
3861
+ lazySorts(initialSort) {
3862
+ if (initialSort) return this.awaitFirstNonNull(initialSort);
3863
+ else return of(void 0);
3860
3864
  }
3861
3865
  buildRequiredFilterConditionObservable(requiredFilters) {
3862
3866
  return this.awaitFirstNonNull(requiredFilters).pipe(switchMap$1((activeFiltersStructure) => {
@@ -3868,7 +3872,6 @@ var DataContextAutoStarter = class extends DataContextLifeCycleBinding {
3868
3872
  this._dataContext.start(initialSort);
3869
3873
  }
3870
3874
  awaitFirstNonNull(filters) {
3871
- if (!filters) return of([]);
3872
3875
  return filters.pipe(filter$1((f) => f != null), take(1));
3873
3876
  }
3874
3877
  };
@@ -26984,6 +26987,7 @@ var ElderMultiSelectChipsComponent = class ElderMultiSelectChipsComponent extend
26984
26987
  transformFunction: null
26985
26988
  }
26986
26989
  },
26990
+ host: { classAttribute: "elder-multi-select-chips" },
26987
26991
  providers: [{
26988
26992
  provide: MatFormFieldControl,
26989
26993
  useExisting: ElderMultiSelectChipsComponent
@@ -27028,7 +27032,7 @@ var ElderMultiSelectChipsComponent = class ElderMultiSelectChipsComponent extend
27028
27032
  }],
27029
27033
  usesInheritance: true,
27030
27034
  ngImport: i0,
27031
- template: "<div class=\"elder-flex-control\" [matTooltip]=\"state()?.error\">\n <mat-chip-set\n #chips\n [class.mat-mdc-chip-set-stacked]=\"stacked\"\n cdkDropList\n [cdkDropListOrientation]=\"stacked ? 'vertical' : 'horizontal'\"\n (cdkDropListDropped)=\"drop($event)\"\n [cdkDropListDisabled]=\"!allowSorting\"\n >\n @if (icon) {\n <div class=\"elder-input-prefix-icon-container flex-none\">\n <mat-icon\n disabled\n class=\"elder-prefix-icon elder-mdc-control-icon elder-icon-small noselect\"\n [class.loading]=\"state()?.loading\"\n >\n {{ icon }}\n </mat-icon>\n </div>\n }\n\n @for (chipModel of selectChips(); track chipModel.id) {\n <mat-chip-row\n elderChipLabel\n highlighted\n class=\"noselect clickable-chip\"\n [value]=\"resolveChipValue(chipModel.value)\"\n [color]=\"chipModel.colorSpec?.themeColor\"\n [levelColor]=\"chipModel.colorSpec?.levelColor\"\n [stateColor]=\"chipModel.colorSpec?.stateColor\"\n [namedColor]=\"chipModel.colorSpec?.namedColor\"\n [removable]=\"chipModel.removable\"\n (keydown)=\"onChipKeyDown($event, chipModel.value)\"\n (click)=\"onCurrentClicked(chipModel.value)\"\n cdkDrag\n [cdkDragData]=\"chipModel.value\"\n [cdkDragDisabled]=\"!allowSorting\"\n [matBadge]=\"chipModel.indicatorSpec?.content\"\n [matBadgeColor]=\"chipModel.indicatorSpec?.themeColor || 'warn'\"\n [matBadgeSize]=\"chipModel.indicatorSpec?.size || 'small'\"\n [matBadgePosition]=\"chipModel.indicatorSpec?.position || 'above after'\"\n [matBadgeHidden]=\"!chipModel.indicatorSpec?.content\"\n >\n @if (templates()?.avatar && !chipModel.avatarSpec?.hide) {\n <mat-chip-avatar [class.chip-avatar-xl]=\"chipModel.avatarSpec?.large\">\n <ng-container *ngTemplateOutlet=\"templates().avatar; context: { $implicit: chipModel }\">\n </ng-container>\n </mat-chip-avatar>\n }\n\n <ng-container\n *ngTemplateOutlet=\"\n templates()?.chip || simpleChipTemplate;\n context: { $implicit: chipModel }\n \"\n >\n </ng-container>\n\n @if (chipModel.trailingSpec?.icon; as trailingIcon) {\n <mat-icon\n matChipTrailingIcon\n class=\"elder-trailing-icon\"\n [fontSet]=\"chipModel.trailingSpec?.iconFontSet\"\n >{{ trailingIcon }}</mat-icon\n >\n }\n\n @if (chipModel.removable) {\n <mat-icon matChipRemove (click)=\"onClickRemoveChip($event, chipModel.value)\">\n cancel\n </mat-icon>\n }\n </mat-chip-row>\n }\n\n <div class=\"layout-row place-start-center elder-chip-input\">\n <!-- [matChipInputFor]=\"chips\" -->\n <ng-container *ngTemplateOutlet=\"templates()?.input || selectInput\"> </ng-container>\n\n @if (selectionPopup) {\n <button\n mat-icon-button\n type=\"button\"\n class=\"elder-control-icon-button elder-browse-icon\"\n [disabled]=\"isLocked\"\n (click)=\"openSelectionPopup($event)\"\n aria-label=\"Search\"\n elderStopEventPropagation\n tabIndex=\"-1\"\n >\n <mat-icon class=\"elder-mdc-control-icon\">search</mat-icon>\n </button>\n }\n </div>\n </mat-chip-set>\n</div>\n\n<ng-template #selectInput>\n <!-- mat-mdc-chip-input -->\n <elder-select\n autocomplete\n elderClearSelect\n class=\"elder-chip-input-select flex\"\n [data]=\"dataContextS()\"\n [disabled]=\"!!disabledS()\"\n [required]=\"!!requiredS()\"\n [readonly]=\"!!readonlyS()\"\n [placeholder]=\"!readonlyS() ? placeholderS() : undefined\"\n (entityUpdated)=\"appendEntity($event)\"\n [displayPropertyResolver]=\"displayPropertyResolverS()\"\n [valueTemplate]=\"valueTemplate\"\n [queryFilter]=\"queryFilter\"\n [filters]=\"filters\"\n [sorts]=\"sorts\"\n [isOptionDisabledFn]=\"isOptionDisabledInternalFn\"\n [isOptionHiddenFn]=\"isOptionHiddenInternalFn\"\n ></elder-select>\n</ng-template>\n\n<ng-template #simpleChipTemplate let-chipModel>\n <span\n class=\"elder-chip-text\"\n [matTooltip]=\"chipModel.displayText\"\n [matTooltipDisabled]=\"(chipModel.displayText?.length ?? 0) < 20\"\n >{{ chipModel.displayText | elderTruncate: 20 }}\n </span>\n</ng-template>\n",
27035
+ template: "<div class=\"elder-flex-control\" [matTooltip]=\"state()?.error\">\n <mat-chip-set\n #chips\n [class.mat-mdc-chip-set-stacked]=\"stacked\"\n cdkDropList\n [cdkDropListOrientation]=\"stacked ? 'vertical' : 'horizontal'\"\n (cdkDropListDropped)=\"drop($event)\"\n [cdkDropListDisabled]=\"!allowSorting\"\n >\n @if (icon) {\n <div class=\"elder-input-prefix-icon-container flex-none\">\n <mat-icon\n disabled\n class=\"elder-prefix-icon elder-mdc-control-icon elder-icon-small noselect\"\n [class.loading]=\"state()?.loading\"\n >\n {{ icon }}\n </mat-icon>\n </div>\n }\n\n @for (chipModel of selectChips(); track chipModel.id) {\n <mat-chip-row\n elderChipLabel\n highlighted\n class=\"noselect clickable-chip\"\n [value]=\"resolveChipValue(chipModel.value)\"\n [color]=\"chipModel.colorSpec?.themeColor\"\n [levelColor]=\"chipModel.colorSpec?.levelColor\"\n [stateColor]=\"chipModel.colorSpec?.stateColor\"\n [namedColor]=\"chipModel.colorSpec?.namedColor\"\n [removable]=\"chipModel.removable\"\n (keydown)=\"onChipKeyDown($event, chipModel.value)\"\n (click)=\"onCurrentClicked(chipModel.value)\"\n cdkDrag\n [cdkDragData]=\"chipModel.value\"\n [cdkDragDisabled]=\"!allowSorting\"\n [matBadge]=\"chipModel.indicatorSpec?.content\"\n [matBadgeColor]=\"chipModel.indicatorSpec?.themeColor || 'warn'\"\n [matBadgeSize]=\"chipModel.indicatorSpec?.size || 'small'\"\n [matBadgePosition]=\"chipModel.indicatorSpec?.position || 'above after'\"\n [matBadgeHidden]=\"!chipModel.indicatorSpec?.content\"\n >\n @if (templates()?.avatar && !chipModel.avatarSpec?.hide) {\n <mat-chip-avatar [class.chip-avatar-xl]=\"chipModel.avatarSpec?.large\">\n <ng-container *ngTemplateOutlet=\"templates().avatar; context: { $implicit: chipModel }\">\n </ng-container>\n </mat-chip-avatar>\n }\n\n <ng-container\n *ngTemplateOutlet=\"\n templates()?.chip || simpleChipTemplate;\n context: { $implicit: chipModel }\n \"\n >\n </ng-container>\n\n @if (chipModel.trailingSpec?.icon; as trailingIcon) {\n <mat-icon\n matChipTrailingIcon\n class=\"elder-trailing-icon\"\n [fontSet]=\"chipModel.trailingSpec?.iconFontSet\"\n >{{ trailingIcon }}</mat-icon\n >\n }\n\n @if (chipModel.removable) {\n <mat-icon matChipRemove (click)=\"onClickRemoveChip($event, chipModel.value)\">\n cancel\n </mat-icon>\n }\n </mat-chip-row>\n }\n\n <div class=\"layout-row place-start-center elder-chip-input flex\">\n <!-- [matChipInputFor]=\"chips\" -->\n <ng-container *ngTemplateOutlet=\"templates()?.input || selectInput\"> </ng-container>\n\n @if (selectionPopup) {\n <button\n mat-icon-button\n type=\"button\"\n class=\"elder-control-icon-button elder-browse-icon\"\n [disabled]=\"isLocked\"\n (click)=\"openSelectionPopup($event)\"\n aria-label=\"Search\"\n elderStopEventPropagation\n tabIndex=\"-1\"\n >\n <mat-icon class=\"elder-mdc-control-icon\">search</mat-icon>\n </button>\n }\n </div>\n </mat-chip-set>\n</div>\n\n<ng-template #selectInput>\n <!-- mat-mdc-chip-input -->\n <elder-select\n autocomplete\n elderClearSelect\n class=\"elder-chip-input-select flex\"\n [data]=\"dataContextS()\"\n [disabled]=\"!!disabledS()\"\n [required]=\"!!requiredS()\"\n [readonly]=\"!!readonlyS()\"\n [placeholder]=\"!readonlyS() ? placeholderS() : undefined\"\n (entityUpdated)=\"appendEntity($event)\"\n [displayPropertyResolver]=\"displayPropertyResolverS()\"\n [valueTemplate]=\"valueTemplate\"\n [queryFilter]=\"queryFilter\"\n [filters]=\"filters\"\n [sorts]=\"sorts\"\n [isOptionDisabledFn]=\"isOptionDisabledInternalFn\"\n [isOptionHiddenFn]=\"isOptionHiddenInternalFn\"\n ></elder-select>\n</ng-template>\n\n<ng-template #simpleChipTemplate let-chipModel>\n <span\n class=\"elder-chip-text\"\n [matTooltip]=\"chipModel.displayText\"\n [matTooltipDisabled]=\"(chipModel.displayText?.length ?? 0) < 20\"\n >{{ chipModel.displayText | elderTruncate: 20 }}\n </span>\n</ng-template>\n",
27032
27036
  styles: [""],
27033
27037
  dependencies: [
27034
27038
  {
@@ -27263,7 +27267,8 @@ i0.ɵɵngDeclareClassMetadata({
27263
27267
  ElderTruncatePipe,
27264
27268
  MatBadge
27265
27269
  ],
27266
- template: "<div class=\"elder-flex-control\" [matTooltip]=\"state()?.error\">\n <mat-chip-set\n #chips\n [class.mat-mdc-chip-set-stacked]=\"stacked\"\n cdkDropList\n [cdkDropListOrientation]=\"stacked ? 'vertical' : 'horizontal'\"\n (cdkDropListDropped)=\"drop($event)\"\n [cdkDropListDisabled]=\"!allowSorting\"\n >\n @if (icon) {\n <div class=\"elder-input-prefix-icon-container flex-none\">\n <mat-icon\n disabled\n class=\"elder-prefix-icon elder-mdc-control-icon elder-icon-small noselect\"\n [class.loading]=\"state()?.loading\"\n >\n {{ icon }}\n </mat-icon>\n </div>\n }\n\n @for (chipModel of selectChips(); track chipModel.id) {\n <mat-chip-row\n elderChipLabel\n highlighted\n class=\"noselect clickable-chip\"\n [value]=\"resolveChipValue(chipModel.value)\"\n [color]=\"chipModel.colorSpec?.themeColor\"\n [levelColor]=\"chipModel.colorSpec?.levelColor\"\n [stateColor]=\"chipModel.colorSpec?.stateColor\"\n [namedColor]=\"chipModel.colorSpec?.namedColor\"\n [removable]=\"chipModel.removable\"\n (keydown)=\"onChipKeyDown($event, chipModel.value)\"\n (click)=\"onCurrentClicked(chipModel.value)\"\n cdkDrag\n [cdkDragData]=\"chipModel.value\"\n [cdkDragDisabled]=\"!allowSorting\"\n [matBadge]=\"chipModel.indicatorSpec?.content\"\n [matBadgeColor]=\"chipModel.indicatorSpec?.themeColor || 'warn'\"\n [matBadgeSize]=\"chipModel.indicatorSpec?.size || 'small'\"\n [matBadgePosition]=\"chipModel.indicatorSpec?.position || 'above after'\"\n [matBadgeHidden]=\"!chipModel.indicatorSpec?.content\"\n >\n @if (templates()?.avatar && !chipModel.avatarSpec?.hide) {\n <mat-chip-avatar [class.chip-avatar-xl]=\"chipModel.avatarSpec?.large\">\n <ng-container *ngTemplateOutlet=\"templates().avatar; context: { $implicit: chipModel }\">\n </ng-container>\n </mat-chip-avatar>\n }\n\n <ng-container\n *ngTemplateOutlet=\"\n templates()?.chip || simpleChipTemplate;\n context: { $implicit: chipModel }\n \"\n >\n </ng-container>\n\n @if (chipModel.trailingSpec?.icon; as trailingIcon) {\n <mat-icon\n matChipTrailingIcon\n class=\"elder-trailing-icon\"\n [fontSet]=\"chipModel.trailingSpec?.iconFontSet\"\n >{{ trailingIcon }}</mat-icon\n >\n }\n\n @if (chipModel.removable) {\n <mat-icon matChipRemove (click)=\"onClickRemoveChip($event, chipModel.value)\">\n cancel\n </mat-icon>\n }\n </mat-chip-row>\n }\n\n <div class=\"layout-row place-start-center elder-chip-input\">\n <!-- [matChipInputFor]=\"chips\" -->\n <ng-container *ngTemplateOutlet=\"templates()?.input || selectInput\"> </ng-container>\n\n @if (selectionPopup) {\n <button\n mat-icon-button\n type=\"button\"\n class=\"elder-control-icon-button elder-browse-icon\"\n [disabled]=\"isLocked\"\n (click)=\"openSelectionPopup($event)\"\n aria-label=\"Search\"\n elderStopEventPropagation\n tabIndex=\"-1\"\n >\n <mat-icon class=\"elder-mdc-control-icon\">search</mat-icon>\n </button>\n }\n </div>\n </mat-chip-set>\n</div>\n\n<ng-template #selectInput>\n <!-- mat-mdc-chip-input -->\n <elder-select\n autocomplete\n elderClearSelect\n class=\"elder-chip-input-select flex\"\n [data]=\"dataContextS()\"\n [disabled]=\"!!disabledS()\"\n [required]=\"!!requiredS()\"\n [readonly]=\"!!readonlyS()\"\n [placeholder]=\"!readonlyS() ? placeholderS() : undefined\"\n (entityUpdated)=\"appendEntity($event)\"\n [displayPropertyResolver]=\"displayPropertyResolverS()\"\n [valueTemplate]=\"valueTemplate\"\n [queryFilter]=\"queryFilter\"\n [filters]=\"filters\"\n [sorts]=\"sorts\"\n [isOptionDisabledFn]=\"isOptionDisabledInternalFn\"\n [isOptionHiddenFn]=\"isOptionHiddenInternalFn\"\n ></elder-select>\n</ng-template>\n\n<ng-template #simpleChipTemplate let-chipModel>\n <span\n class=\"elder-chip-text\"\n [matTooltip]=\"chipModel.displayText\"\n [matTooltipDisabled]=\"(chipModel.displayText?.length ?? 0) < 20\"\n >{{ chipModel.displayText | elderTruncate: 20 }}\n </span>\n</ng-template>\n"
27270
+ host: { class: "elder-multi-select-chips" },
27271
+ template: "<div class=\"elder-flex-control\" [matTooltip]=\"state()?.error\">\n <mat-chip-set\n #chips\n [class.mat-mdc-chip-set-stacked]=\"stacked\"\n cdkDropList\n [cdkDropListOrientation]=\"stacked ? 'vertical' : 'horizontal'\"\n (cdkDropListDropped)=\"drop($event)\"\n [cdkDropListDisabled]=\"!allowSorting\"\n >\n @if (icon) {\n <div class=\"elder-input-prefix-icon-container flex-none\">\n <mat-icon\n disabled\n class=\"elder-prefix-icon elder-mdc-control-icon elder-icon-small noselect\"\n [class.loading]=\"state()?.loading\"\n >\n {{ icon }}\n </mat-icon>\n </div>\n }\n\n @for (chipModel of selectChips(); track chipModel.id) {\n <mat-chip-row\n elderChipLabel\n highlighted\n class=\"noselect clickable-chip\"\n [value]=\"resolveChipValue(chipModel.value)\"\n [color]=\"chipModel.colorSpec?.themeColor\"\n [levelColor]=\"chipModel.colorSpec?.levelColor\"\n [stateColor]=\"chipModel.colorSpec?.stateColor\"\n [namedColor]=\"chipModel.colorSpec?.namedColor\"\n [removable]=\"chipModel.removable\"\n (keydown)=\"onChipKeyDown($event, chipModel.value)\"\n (click)=\"onCurrentClicked(chipModel.value)\"\n cdkDrag\n [cdkDragData]=\"chipModel.value\"\n [cdkDragDisabled]=\"!allowSorting\"\n [matBadge]=\"chipModel.indicatorSpec?.content\"\n [matBadgeColor]=\"chipModel.indicatorSpec?.themeColor || 'warn'\"\n [matBadgeSize]=\"chipModel.indicatorSpec?.size || 'small'\"\n [matBadgePosition]=\"chipModel.indicatorSpec?.position || 'above after'\"\n [matBadgeHidden]=\"!chipModel.indicatorSpec?.content\"\n >\n @if (templates()?.avatar && !chipModel.avatarSpec?.hide) {\n <mat-chip-avatar [class.chip-avatar-xl]=\"chipModel.avatarSpec?.large\">\n <ng-container *ngTemplateOutlet=\"templates().avatar; context: { $implicit: chipModel }\">\n </ng-container>\n </mat-chip-avatar>\n }\n\n <ng-container\n *ngTemplateOutlet=\"\n templates()?.chip || simpleChipTemplate;\n context: { $implicit: chipModel }\n \"\n >\n </ng-container>\n\n @if (chipModel.trailingSpec?.icon; as trailingIcon) {\n <mat-icon\n matChipTrailingIcon\n class=\"elder-trailing-icon\"\n [fontSet]=\"chipModel.trailingSpec?.iconFontSet\"\n >{{ trailingIcon }}</mat-icon\n >\n }\n\n @if (chipModel.removable) {\n <mat-icon matChipRemove (click)=\"onClickRemoveChip($event, chipModel.value)\">\n cancel\n </mat-icon>\n }\n </mat-chip-row>\n }\n\n <div class=\"layout-row place-start-center elder-chip-input flex\">\n <!-- [matChipInputFor]=\"chips\" -->\n <ng-container *ngTemplateOutlet=\"templates()?.input || selectInput\"> </ng-container>\n\n @if (selectionPopup) {\n <button\n mat-icon-button\n type=\"button\"\n class=\"elder-control-icon-button elder-browse-icon\"\n [disabled]=\"isLocked\"\n (click)=\"openSelectionPopup($event)\"\n aria-label=\"Search\"\n elderStopEventPropagation\n tabIndex=\"-1\"\n >\n <mat-icon class=\"elder-mdc-control-icon\">search</mat-icon>\n </button>\n }\n </div>\n </mat-chip-set>\n</div>\n\n<ng-template #selectInput>\n <!-- mat-mdc-chip-input -->\n <elder-select\n autocomplete\n elderClearSelect\n class=\"elder-chip-input-select flex\"\n [data]=\"dataContextS()\"\n [disabled]=\"!!disabledS()\"\n [required]=\"!!requiredS()\"\n [readonly]=\"!!readonlyS()\"\n [placeholder]=\"!readonlyS() ? placeholderS() : undefined\"\n (entityUpdated)=\"appendEntity($event)\"\n [displayPropertyResolver]=\"displayPropertyResolverS()\"\n [valueTemplate]=\"valueTemplate\"\n [queryFilter]=\"queryFilter\"\n [filters]=\"filters\"\n [sorts]=\"sorts\"\n [isOptionDisabledFn]=\"isOptionDisabledInternalFn\"\n [isOptionHiddenFn]=\"isOptionHiddenInternalFn\"\n ></elder-select>\n</ng-template>\n\n<ng-template #simpleChipTemplate let-chipModel>\n <span\n class=\"elder-chip-text\"\n [matTooltip]=\"chipModel.displayText\"\n [matTooltipDisabled]=\"(chipModel.displayText?.length ?? 0) < 20\"\n >{{ chipModel.displayText | elderTruncate: 20 }}\n </span>\n</ng-template>\n"
27267
27272
  }]
27268
27273
  }],
27269
27274
  ctorParameters: () => [],
@@ -37228,67 +37233,6 @@ i0.ɵɵngDeclareClassMetadata({
37228
37233
  translatedValue: [{ type: Input }]
37229
37234
  }
37230
37235
  });
37231
- var ElderInitialValueDirective = class ElderInitialValueDirective {
37232
- constructor(ngModel) {
37233
- this.ngModel = ngModel;
37234
- this.log = LoggerFactory.getLogger(this.constructor.name);
37235
- this.initialValue$ = new BehaviorSubject(null);
37236
- this.initialDone$ = new Subject();
37237
- of("dummy").pipe(delay(10), map$1(() => this.ngModel.model)).pipe(takeUntilDestroyed(), combineLatestWith(this.initialValue$), takeUntil$1(this.initialDone$)).subscribe(([ngModelValue, initialValue]) => {
37238
- if (initialValue) ngModel.control.setValue(initialValue);
37239
- this.initialDone$.next();
37240
- this.initialDone$.complete();
37241
- });
37242
- }
37243
- get valueChanges$() {
37244
- return this.ngModel.control.valueChanges;
37245
- }
37246
- setValue(value) {
37247
- if (value) this.ngModel.control.setValue(value);
37248
- this.initialValue$.next(value);
37249
- }
37250
- static {
37251
- this.ɵfac = i0.ɵɵngDeclareFactory({
37252
- minVersion: "12.0.0",
37253
- version: "22.2.3",
37254
- ngImport: i0,
37255
- type: ElderInitialValueDirective,
37256
- deps: [{
37257
- token: i3$1.NgModel,
37258
- host: true
37259
- }],
37260
- target: i0.ɵɵFactoryTarget.Directive
37261
- });
37262
- }
37263
- static {
37264
- this.ɵdir = i0.ɵɵngDeclareDirective({
37265
- minVersion: "14.0.0",
37266
- version: "22.2.3",
37267
- type: ElderInitialValueDirective,
37268
- isStandalone: true,
37269
- selector: "[elderInitialValue]",
37270
- exportAs: ["elderInitialValue"],
37271
- ngImport: i0
37272
- });
37273
- }
37274
- };
37275
- i0.ɵɵngDeclareClassMetadata({
37276
- minVersion: "12.0.0",
37277
- version: "22.2.3",
37278
- ngImport: i0,
37279
- type: ElderInitialValueDirective,
37280
- decorators: [{
37281
- type: Directive,
37282
- args: [{
37283
- selector: "[elderInitialValue]",
37284
- exportAs: "elderInitialValue"
37285
- }]
37286
- }],
37287
- ctorParameters: () => [{
37288
- type: i3$1.NgModel,
37289
- decorators: [{ type: Host }]
37290
- }]
37291
- });
37292
37236
  var DefaultInputFilterConverter = class DefaultInputFilterConverter {
37293
37237
  static of(queryKeyProviderFn) {
37294
37238
  return new DefaultInputFilterConverter(queryKeyProviderFn);
@@ -37308,6 +37252,22 @@ var DefaultInputFilterConverter = class DefaultInputFilterConverter {
37308
37252
  return this.queryKeyProviderFn();
37309
37253
  }
37310
37254
  };
37255
+ var NgModelInitialValueFix = class {
37256
+ constructor(ngModel) {
37257
+ this.ngModel = ngModel;
37258
+ this.initialValue$ = new BehaviorSubject(null);
37259
+ this.initialDone$ = new Subject();
37260
+ of("dummy").pipe(delay(10), map$1(() => this.ngModel.model)).pipe(takeUntilDestroyed(), combineLatestWith(this.initialValue$), takeUntil$1(this.initialDone$)).subscribe(([ngModelValue, initialValue]) => {
37261
+ if (initialValue) ngModel.control.setValue(initialValue);
37262
+ this.initialDone$.next();
37263
+ this.initialDone$.complete();
37264
+ });
37265
+ }
37266
+ setValue(value) {
37267
+ if (value) this.ngModel.control.setValue(value);
37268
+ this.initialValue$.next(value);
37269
+ }
37270
+ };
37311
37271
  var ElderSearchInputDirective = class ElderSearchInputDirective {
37312
37272
  constructor(searchContext, ngModel, destroyRef) {
37313
37273
  this.searchContext = searchContext;
@@ -37316,7 +37276,7 @@ var ElderSearchInputDirective = class ElderSearchInputDirective {
37316
37276
  this.log = LoggerFactory.getLogger(this.constructor.name);
37317
37277
  this._queryKey$ = new BehaviorSubject(null);
37318
37278
  this._inputConverter = DefaultInputFilterConverter.of(() => this.queryKey);
37319
- this._initialValueDirective = new ElderInitialValueDirective(ngModel);
37279
+ this._initialValueDirective = new NgModelInitialValueFix(ngModel);
37320
37280
  this._state$ = this.buildInputStateObservable();
37321
37281
  this._state = toSignal(this._state$);
37322
37282
  }
@@ -38582,7 +38542,6 @@ var ElderSearchModule = class ElderSearchModule {
38582
38542
  ElderSearchContextDirective,
38583
38543
  ElderSearchUrlDirective,
38584
38544
  ElderSearchInputDirective,
38585
- ElderInitialValueDirective,
38586
38545
  ElderSearchBoxComponent,
38587
38546
  ElderSearchPanelComponent
38588
38547
  ],
@@ -38639,7 +38598,6 @@ i0.ɵɵngDeclareClassMetadata({
38639
38598
  ElderSearchContextDirective,
38640
38599
  ElderSearchUrlDirective,
38641
38600
  ElderSearchInputDirective,
38642
- ElderInitialValueDirective,
38643
38601
  ElderSearchBoxComponent,
38644
38602
  ElderSearchPanelComponent
38645
38603
  ],