@elite.framework/ng.core 1.0.46 → 1.0.48

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

@@ -4167,6 +4167,12 @@ class GenericSelectorTypeComponent extends FieldType {
         });
     }
     // New method to handle loading the default value from the API
+    onSelect(event) {
+        if (this.props.onSelect) {
+            this.props.onSelect(this.field, { item: event.value });
+            this.cdr.detectChanges();
+        }
+    }
     onSelectionChange(val) {
         this.selectedItem = val;
         const vf = this.to['valueField'] || 'id';
@@ -4331,6 +4337,7 @@ class GenericSelectorTypeComponent extends FieldType {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: GenericSelectorTypeComponent, deps: [{ token: BaseService }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: GenericSelectorTypeComponent, isStandalone: true, selector: "formly-generic-selector", providers: [DialogService, BaseService], viewQueries: [{ propertyName: "autoComp", first: true, predicate: ["autoComp"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
+  <!-- (ngModelChange)="onSelectionChange($event)" -->
       <p-autoComplete
       #autoComp
 (ngModelChange)="onSelectionChange($event)"
@@ -4348,6 +4355,7 @@ class GenericSelectorTypeComponent extends FieldType {
   appendTo="body"
   class="w-full rounded-none"
   [showEmptyMessage]="true"
+  (onSelect)="onSelect($event)"
   emptyMessage="{{ getEmptyMessage() | translate }}"
   [showTransitionOptions]="'0ms'"  >
     <!-- <ng-template let-item pTemplate="item">
@@ -4360,7 +4368,10 @@ class GenericSelectorTypeComponent extends FieldType {
       <span>{{ item[to['labelField'] || 'name'] }}</span>
     </div>
   </ng-template> -->
-</p-autoComplete>
+  <!-- <ng-template let-option #item>
+        <a (click)="onSelect(option)">  {{option[to['labelField'] || 'name'] }} </a>
+    </ng-template>
+</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: [{
@@ -4368,6 +4379,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
             args: [{
                     selector: 'formly-generic-selector',
                     template: `
+  <!-- (ngModelChange)="onSelectionChange($event)" -->
       <p-autoComplete
       #autoComp
 (ngModelChange)="onSelectionChange($event)"
@@ -4385,6 +4397,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
   appendTo="body"
   class="w-full rounded-none"
   [showEmptyMessage]="true"
+  (onSelect)="onSelect($event)"
   emptyMessage="{{ getEmptyMessage() | translate }}"
   [showTransitionOptions]="'0ms'"  >
     <!-- <ng-template let-item pTemplate="item">
@@ -4397,7 +4410,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
       <span>{{ item[to['labelField'] || 'name'] }}</span>
     </div>
   </ng-template> -->
-</p-autoComplete>
+  <!-- <ng-template let-option #item>
+        <a (click)="onSelect(option)">  {{option[to['labelField'] || 'name'] }} </a>
+    </ng-template>
+</p-autoComplete> -->
   `,
                     providers: [DialogService, BaseService],
                     imports: [