add support for klp-select to listen to close events

klippa-app · Jul 19, 2023 · d598a55 · d598a55
1 parent 8128a41
commit d598a55
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/projects/klippa/ngx-enhancy-forms/package.json b/projects/klippa/ngx-enhancy-forms/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@klippa/ngx-enhancy-forms",
- "version": "14.1.7",
+ "version": "14.2.0",
  "publishConfig": {
  "access": "public"
  },

diff --git a/projects/klippa/ngx-enhancy-forms/src/lib/elements/select/select.component.html b/projects/klippa/ngx-enhancy-forms/src/lib/elements/select/select.component.html
@@ -19,6 +19,7 @@
  [virtualScroll]="true"
  (scroll)="onScroll($event.end)"
  (open)="onOpen()"
+ (close)="onClose()"
 >
  <ng-template let-item="item" ng-option-tmp>
  <ng-container *ngIf="customOptionTpl" [ngTemplateOutlet]="customOptionTpl" [ngTemplateOutletContext]="{item: item}"></ng-container>

diff --git a/projects/klippa/ngx-enhancy-forms/src/lib/elements/select/select.component.ts b/projects/klippa/ngx-enhancy-forms/src/lib/elements/select/select.component.ts
@@ -55,6 +55,7 @@ export class SelectComponent extends ValueAccessorBase<string | string[]> implem
  @Output() public onSearch = new EventEmitter<string>();
  @Output() public onEndReached = new EventEmitter<void>();
  @Output() public onOpened = new EventEmitter<void>();
+ @Output() public onClosed = new EventEmitter<void>();
  @Output() public onBlur = new EventEmitter<void>();
  @Output() public onClear = new EventEmitter<void>();
  @ViewChild('ngSelect') ngSelect;
@@ -182,4 +183,8 @@ export class SelectComponent extends ValueAccessorBase<string | string[]> implem
  public focus = (): void => {
  this.ngSelect.focus();
  }
+
+ public onClose(): void {
+ this.onClosed.emit();
+ }
 }