@elite.framework/ng.core 1.0.47 → 1.0.49

package/fesm2022/elite.framework-ng.core.mjs

@@ -4167,9 +4167,9 @@ class GenericSelectorTypeComponent extends FieldType {
         });
     }
     // New method to handle loading the default value from the API
-    onSelect(val) {
+    onSelect(event) {
         if (this.props.onSelect) {
-            this.props.onSelect(this.field, { item: val });
+            this.props.onSelect(this.field, { item: event.value });
             this.cdr.detectChanges();
         }
     }
@@ -4266,6 +4266,13 @@ class GenericSelectorTypeComponent extends FieldType {
         }
         return fixedFilters || {};
     }
+    // Called when dropdown button clicked
+    onDropdownClick(event) {
+        console.log('Dropdown clicked!', event);
+        // ✅ your custom code here
+        // e.g., force trigger search for empty query
+        this.search({ query: '' });
+    }
     search(event) {
         const q = event.query?.toString().toLowerCase() || '';
         const lf = this.to['labelField'] || 'name';
@@ -4355,6 +4362,8 @@ class GenericSelectorTypeComponent extends FieldType {
   appendTo="body"
   class="w-full rounded-none"
   [showEmptyMessage]="true"
+  (onSelect)="onSelect($event)"
+  (onDropdownClick)="onDropdownClick($event)"
   emptyMessage="{{ getEmptyMessage() | translate }}"
   [showTransitionOptions]="'0ms'"  >
     <!-- <ng-template let-item pTemplate="item">
@@ -4367,10 +4376,11 @@ class GenericSelectorTypeComponent extends FieldType {
       <span>{{ item[to['labelField'] || 'name'] }}</span>
     </div>
   </ng-template> -->
-  <ng-template let-option #item>
+  <!-- <ng-template let-option #item>
         <a (click)="onSelect(option)">  {{option[to['labelField'] || 'name'] }} </a>
     </ng-template>
-</p-autoComplete>
+ -->
+    </p-autoComplete>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: AutoCompleteModule }, { kind: "component", type: i3.AutoComplete, selector: "p-autoComplete, p-autocomplete, p-auto-complete", inputs: ["minLength", "minQueryLength", "delay", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "typeahead", "appendTo"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: InputGroupModule }, { kind: "ngmodule", type: InputGroupAddonModule }, { kind: "directive", type: FormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: CheckboxModule }, { kind: "pipe", type: i1$3.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: GenericSelectorTypeComponent, decorators: [{
@@ -4396,6 +4406,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
   appendTo="body"
   class="w-full rounded-none"
   [showEmptyMessage]="true"
+  (onSelect)="onSelect($event)"
+  (onDropdownClick)="onDropdownClick($event)"
   emptyMessage="{{ getEmptyMessage() | translate }}"
   [showTransitionOptions]="'0ms'"  >
     <!-- <ng-template let-item pTemplate="item">
@@ -4408,10 +4420,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
       <span>{{ item[to['labelField'] || 'name'] }}</span>
     </div>
   </ng-template> -->
-  <ng-template let-option #item>
+  <!-- <ng-template let-option #item>
         <a (click)="onSelect(option)">  {{option[to['labelField'] || 'name'] }} </a>
     </ng-template>
-</p-autoComplete>
+ -->
+    </p-autoComplete>
   `,
                     providers: [DialogService, BaseService],
                     imports: [